@commercetools-frontend/application-components 22.12.0 → 22.13.0

package/dist/commercetools-frontend-application-components.esm.js

@@ -16,12 +16,12 @@ import { css, ClassNames, Global } from '@emotion/react';
 import { designTokens as designTokens$1, transformTokensToCssVarsReferences, customProperties } from '@commercetools-uikit/design-system';
 import _concatInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/concat';
 import { jsx, jsxs, Fragment } from '@emotion/react/jsx-runtime';
-import { isValidElement, useRef, useCallback, useEffect, useState, cloneElement, lazy, Children, forwardRef } from 'react';
+import { isValidElement, cloneElement, useRef, useCallback, useEffect, useState, lazy, Children, forwardRef } from 'react';
 import _styled from '@emotion/styled/base';
 import Modal from 'react-modal';
 import { PORTALS_CONTAINER_ID, DOMAINS, NOTIFICATION_KINDS_PAGE, CUSTOM_VIEWS_EVENTS_NAMES, CUSTOM_VIEWS_EVENTS_META, featureFlags, GRAPHQL_TARGETS, SUPPORT_PORTAL_URL } from '@commercetools-frontend/constants';
 import Card from '@commercetools-uikit/card';
-import { CloseIcon, SidebarCollapseIcon, AngleLeftIcon, BinLinearIcon, ListIcon } from '@commercetools-uikit/icons';
+import { CloseIcon, BinLinearIcon, AngleLeftIcon, SidebarCollapseIcon, ListIcon } from '@commercetools-uikit/icons';
 import SecondaryIconButton from '@commercetools-uikit/secondary-icon-button';
 import Spacings from '@commercetools-uikit/spacings';
 import { sharedMessages } from '@commercetools-frontend/i18n';
@@ -36,9 +36,9 @@ import { reportErrorToSentry } from '@commercetools-frontend/sentry';
 import Constraints from '@commercetools-uikit/constraints';
 import { useShowNotification } from '@commercetools-frontend/actions-global';
 import { useApplicationContext, useMcQuery } from '@commercetools-frontend/application-shell-connectors';
-import { useFeatureToggle } from '@flopflip/react-broadcast';
-import FlatButton from '@commercetools-uikit/flat-button';
 import IconButton from '@commercetools-uikit/icon-button';
+import FlatButton from '@commercetools-uikit/flat-button';
+import { useFeatureToggle } from '@flopflip/react-broadcast';
 import _findInstanceProperty from '@babel/runtime-corejs3/core-js-stable/instance/find';
 import _Object$entries from '@babel/runtime-corejs3/core-js-stable/object/entries';
 import PageNotFoundSVG from '@commercetools-frontend/assets/images/page-not-found.svg';
@@ -47,7 +47,7 @@ import useResizeObserver from '@react-hook/resize-observer';
 import { useMutationObserver } from '@commercetools-uikit/hooks';
 
 // NOTE: This string will be replaced on build time with the package version.
-var version = "22.12.0";
+var version = "22.13.0";
 
 var _context, _context2, _context3, _context4, _context5, _context6, _context7, _context8, _context9;
 const appKitSpacing55 = '40px';
@@ -178,11 +178,11 @@ TabHeader.propTypes = process.env.NODE_ENV !== "production" ? {
   exactPathMatch: _pt.bool.isRequired
 } : {};
 TabHeader.displayName = 'TabHeader';
-const defaultProps$i = {
+const defaultProps$j = {
   isDisabled: false,
   exactPathMatch: false
 };
-TabHeader.defaultProps = defaultProps$i;
+TabHeader.defaultProps = defaultProps$j;
 
 const getConstraintForGridStyle = size => {
   switch (size) {
@@ -235,7 +235,7 @@ jsx("div", _objectSpread$6(_objectSpread$6({}, props), {}, {
   "data-role": "dialog-overlay",
   children: contentElement
 }));
-const defaultProps$h = {
+const defaultProps$i = {
   // TODO: t-shirt sizes are deprecated but we need to keep using them for
   // backwards compatibility and to help with styling migration
   // After the migration is done, we should change this default value to 13.
@@ -330,7 +330,7 @@ DialogContainer.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt.any.isRequired
 } : {};
 DialogContainer.displayName = 'DialogContainer';
-DialogContainer.defaultProps = defaultProps$h;
+DialogContainer.defaultProps = defaultProps$i;
 
 // The overflow should be "auto", to make the container scrollable
 const DialogContent = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
@@ -401,7 +401,7 @@ function filterDataAttributes(obj) {
 
 function ownKeys$5(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$5(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$5(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$5(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const defaultProps$g = {
+const defaultProps$h = {
   isPrimaryButtonDisabled: false,
   dataAttributesPrimaryButton: {},
   dataAttributesSecondaryButton: {}
@@ -446,9 +446,9 @@ DialogFooter.propTypes = process.env.NODE_ENV !== "production" ? {
   iconLeftSecondaryButton: _pt.element
 } : {};
 DialogFooter.displayName = 'DialogFooter';
-DialogFooter.defaultProps = defaultProps$g;
+DialogFooter.defaultProps = defaultProps$h;
 
-const defaultProps$f = {
+const defaultProps$g = {
   labelSecondary: sharedMessages.cancel,
   labelPrimary: sharedMessages.confirm
 };
@@ -499,12 +499,12 @@ ConfirmationDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   getParentSelector: _pt.func
 } : {};
 ConfirmationDialog.displayName = 'ConfirmationDialog';
-ConfirmationDialog.defaultProps = defaultProps$f;
+ConfirmationDialog.defaultProps = defaultProps$g;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 ConfirmationDialog.Intl = sharedMessages;
 
-const defaultProps$e = {
+const defaultProps$f = {
   labelSecondary: sharedMessages.cancel,
   labelPrimary: sharedMessages.save
 };
@@ -557,13 +557,13 @@ FormDialog.propTypes = process.env.NODE_ENV !== "production" ? {
   iconLeftSecondaryButton: _pt.element
 } : {};
 FormDialog.displayName = 'FormDialog';
-FormDialog.defaultProps = defaultProps$e;
+FormDialog.defaultProps = defaultProps$f;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 // The Intl messages can be used for button labels.
 FormDialog.Intl = sharedMessages;
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__$9() { 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)."; }
-const defaultProps$d = {
+const defaultProps$e = {
   titleSize: 'small',
   truncate: false
 };
@@ -572,7 +572,7 @@ const SubtitleWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "pr
 } : {
   target: "epaiodd0",
   label: "SubtitleWrapper"
-})("margin-top:", designTokens.marginTopForPageSubtitle, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFrQmtDIiwiZmlsZSI6InBhZ2UtaGVhZGVyLXRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVmFsaWRFbGVtZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG50eXBlIFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICB0aXRsZVNpemU6ICdiaWcnIHwgJ3NtYWxsJztcbiAgdHJ1bmNhdGU6IGJvb2xlYW47XG4gIHN1YnRpdGxlPzogc3RyaW5nIHwgUmVhY3RFbGVtZW50O1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndHJ1bmNhdGUnPiA9IHtcbiAgdGl0bGVTaXplOiAnc21hbGwnLFxuICB0cnVuY2F0ZTogZmFsc2UsXG59O1xuXG5jb25zdCBTdWJ0aXRsZVdyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBtYXJnaW4tdG9wOiAke2FwcEtpdERlc2lnblRva2Vucy5tYXJnaW5Ub3BGb3JQYWdlU3VidGl0bGV9O1xuYDtcblxudHlwZSBUaXRsZVByb3BzID0gUGljazxQcm9wcywgJ3RpdGxlU2l6ZScgfCAndGl0bGUnIHwgJ3RydW5jYXRlJz47XG5cbmNvbnN0IFRpdGxlID0gKHByb3BzOiBUaXRsZVByb3BzKSA9PiB7XG4gIHN3aXRjaCAocHJvcHMudGl0bGVTaXplKSB7XG4gICAgY2FzZSAnYmlnJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDFcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICApO1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuU3ViaGVhZGxpbmU+XG4gICAgICApO1xuICB9XG59O1xuXG50eXBlIFN1YnRpdGxlUHJvcHMgPSB7XG4gIHN1YnRpdGxlPzogUHJvcHNbJ3N1YnRpdGxlJ107XG4gIHRydW5jYXRlOiBQcm9wc1sndHJ1bmNhdGUnXTtcbn07XG5cbmNvbnN0IFN1YnRpdGxlID0gKHByb3BzOiBTdWJ0aXRsZVByb3BzKSA9PiB7XG4gIGlmICghcHJvcHMuc3VidGl0bGUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBpZiAoaXNWYWxpZEVsZW1lbnQocHJvcHMuc3VidGl0bGUpKSB7XG4gICAgcmV0dXJuIDxTdWJ0aXRsZVdyYXBwZXI+e3Byb3BzLnN1YnRpdGxlfTwvU3VidGl0bGVXcmFwcGVyPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTdWJ0aXRsZVdyYXBwZXI+XG4gICAgICA8VGV4dC5Cb2R5XG4gICAgICAgIHRpdGxlPXt0eXBlb2YgcHJvcHMuc3VidGl0bGUgPT09ICdzdHJpbmcnID8gcHJvcHMuc3VidGl0bGUgOiB1bmRlZmluZWR9XG4gICAgICAgIHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX1cbiAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgIDwvVGV4dC5Cb2R5PlxuICAgIDwvU3VidGl0bGVXcmFwcGVyPlxuICApO1xufTtcblN1YnRpdGxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgdHJ1bmNhdGU6IGZhbHNlLFxufTtcblxuY29uc3QgUGFnZUhlYWRlclRpdGxlID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGB9XG4gID5cbiAgICA8VGl0bGVcbiAgICAgIHRpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgIHRpdGxlU2l6ZT17cHJvcHMudGl0bGVTaXplfVxuICAgICAgdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfVxuICAgIC8+XG4gICAgPFN1YnRpdGxlIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfSAvPlxuICA8L2Rpdj5cbik7XG5QYWdlSGVhZGVyVGl0bGUuZGlzcGxheU5hbWUgPSAnUGFnZUhlYWRlclRpdGxlJztcblBhZ2VIZWFkZXJUaXRsZS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2VIZWFkZXJUaXRsZTtcbiJdfQ== */"));
+})("margin-top:", designTokens.marginTopForPageSubtitle, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFvQmtDIiwiZmlsZSI6InBhZ2UtaGVhZGVyLXRpdGxlLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGlzVmFsaWRFbGVtZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBUZXh0IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3RleHQnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIGFwcEtpdERlc2lnblRva2VucyB9IGZyb20gJy4uLy4uL3RoZW1pbmcnO1xuXG50eXBlIFRUaXRsZVNpemUgPSAnYmlnJyB8ICdtZWRpdW0nIHwgJ3NtYWxsJztcblxudHlwZSBQcm9wcyA9IHtcbiAgdGl0bGU6IHN0cmluZztcbiAgdGl0bGVTaXplOiBUVGl0bGVTaXplO1xuICB0cnVuY2F0ZTogYm9vbGVhbjtcbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0cnVuY2F0ZSc+ID0ge1xuICB0aXRsZVNpemU6ICdzbWFsbCcsXG4gIHRydW5jYXRlOiBmYWxzZSxcbn07XG5cbmNvbnN0IFN1YnRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpblRvcEZvclBhZ2VTdWJ0aXRsZX07XG5gO1xuXG50eXBlIFRpdGxlUHJvcHMgPSBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0aXRsZScgfCAndHJ1bmNhdGUnPjtcblxuY29uc3QgVGl0bGUgPSAocHJvcHM6IFRpdGxlUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50aXRsZVNpemUpIHtcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMVwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICk7XG4gICAgY2FzZSAnbWVkaXVtJzpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LkhlYWRsaW5lIGFzPVwiaDJcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuSGVhZGxpbmU+XG4gICAgICApO1xuXG4gICAgZGVmYXVsdDpcbiAgICAgIHJldHVybiAoXG4gICAgICAgIDxUZXh0LlN1YmhlYWRsaW5lIGFzPVwiaDRcIiB0aXRsZT17cHJvcHMudGl0bGV9IHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX0+XG4gICAgICAgICAge3Byb3BzLnRpdGxlfVxuICAgICAgICA8L1RleHQuU3ViaGVhZGxpbmU+XG4gICAgICApO1xuICB9XG59O1xuXG50eXBlIFN1YnRpdGxlUHJvcHMgPSB7XG4gIHN1YnRpdGxlPzogUHJvcHNbJ3N1YnRpdGxlJ107XG4gIHRydW5jYXRlOiBQcm9wc1sndHJ1bmNhdGUnXTtcbn07XG5cbmNvbnN0IFN1YnRpdGxlID0gKHByb3BzOiBTdWJ0aXRsZVByb3BzKSA9PiB7XG4gIGlmICghcHJvcHMuc3VidGl0bGUpIHtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBpZiAoaXNWYWxpZEVsZW1lbnQocHJvcHMuc3VidGl0bGUpKSB7XG4gICAgcmV0dXJuIDxTdWJ0aXRsZVdyYXBwZXI+e3Byb3BzLnN1YnRpdGxlfTwvU3VidGl0bGVXcmFwcGVyPjtcbiAgfVxuICByZXR1cm4gKFxuICAgIDxTdWJ0aXRsZVdyYXBwZXI+XG4gICAgICA8VGV4dC5Cb2R5XG4gICAgICAgIHRpdGxlPXt0eXBlb2YgcHJvcHMuc3VidGl0bGUgPT09ICdzdHJpbmcnID8gcHJvcHMuc3VidGl0bGUgOiB1bmRlZmluZWR9XG4gICAgICAgIHRydW5jYXRlPXtwcm9wcy50cnVuY2F0ZX1cbiAgICAgICAgdG9uZT1cInNlY29uZGFyeVwiXG4gICAgICA+XG4gICAgICAgIHtwcm9wcy5zdWJ0aXRsZX1cbiAgICAgIDwvVGV4dC5Cb2R5PlxuICAgIDwvU3VidGl0bGVXcmFwcGVyPlxuICApO1xufTtcblN1YnRpdGxlLmRlZmF1bHRQcm9wcyA9IHtcbiAgdHJ1bmNhdGU6IGZhbHNlLFxufTtcblxuY29uc3QgUGFnZUhlYWRlclRpdGxlID0gKHByb3BzOiBQcm9wcykgPT4gKFxuICA8ZGl2XG4gICAgY3NzPXtjc3NgXG4gICAgICBvdmVyZmxvdzogaGlkZGVuO1xuICAgIGB9XG4gID5cbiAgICA8VGl0bGVcbiAgICAgIHRpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgIHRpdGxlU2l6ZT17cHJvcHMudGl0bGVTaXplfVxuICAgICAgdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfVxuICAgIC8+XG4gICAgPFN1YnRpdGxlIHN1YnRpdGxlPXtwcm9wcy5zdWJ0aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfSAvPlxuICA8L2Rpdj5cbik7XG5QYWdlSGVhZGVyVGl0bGUuZGlzcGxheU5hbWUgPSAnUGFnZUhlYWRlclRpdGxlJztcblBhZ2VIZWFkZXJUaXRsZS5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IFBhZ2VIZWFkZXJUaXRsZTtcbiJdfQ== */"));
 const Title = props => {
   switch (props.titleSize) {
     case 'big':
@@ -582,6 +582,13 @@ const Title = props => {
         truncate: props.truncate,
         children: props.title
       });
+    case 'medium':
+      return jsx(Text.Headline, {
+        as: "h2",
+        title: props.title,
+        truncate: props.truncate,
+        children: props.title
+      });
     default:
       return jsx(Text.Subheadline, {
         as: "h4",
@@ -622,7 +629,7 @@ var _ref$5 = process.env.NODE_ENV === "production" ? {
 } : {
   name: "17znvoe-PageHeaderTitle",
   styles: "overflow:hidden;label:PageHeaderTitle;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUF3RVkiLCJmaWxlIjoicGFnZS1oZWFkZXItdGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNWYWxpZEVsZW1lbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbnR5cGUgUHJvcHMgPSB7XG4gIHRpdGxlOiBzdHJpbmc7XG4gIHRpdGxlU2l6ZTogJ2JpZycgfCAnc21hbGwnO1xuICB0cnVuY2F0ZTogYm9vbGVhbjtcbiAgc3VidGl0bGU/OiBzdHJpbmcgfCBSZWFjdEVsZW1lbnQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0cnVuY2F0ZSc+ID0ge1xuICB0aXRsZVNpemU6ICdzbWFsbCcsXG4gIHRydW5jYXRlOiBmYWxzZSxcbn07XG5cbmNvbnN0IFN1YnRpdGxlV3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIG1hcmdpbi10b3A6ICR7YXBwS2l0RGVzaWduVG9rZW5zLm1hcmdpblRvcEZvclBhZ2VTdWJ0aXRsZX07XG5gO1xuXG50eXBlIFRpdGxlUHJvcHMgPSBQaWNrPFByb3BzLCAndGl0bGVTaXplJyB8ICd0aXRsZScgfCAndHJ1bmNhdGUnPjtcblxuY29uc3QgVGl0bGUgPSAocHJvcHM6IFRpdGxlUHJvcHMpID0+IHtcbiAgc3dpdGNoIChwcm9wcy50aXRsZVNpemUpIHtcbiAgICBjYXNlICdiaWcnOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMVwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICk7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuU3ViaGVhZGxpbmUgYXM9XCJoNFwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5TdWJoZWFkbGluZT5cbiAgICAgICk7XG4gIH1cbn07XG5cbnR5cGUgU3VidGl0bGVQcm9wcyA9IHtcbiAgc3VidGl0bGU/OiBQcm9wc1snc3VidGl0bGUnXTtcbiAgdHJ1bmNhdGU6IFByb3BzWyd0cnVuY2F0ZSddO1xufTtcblxuY29uc3QgU3VidGl0bGUgPSAocHJvcHM6IFN1YnRpdGxlUHJvcHMpID0+IHtcbiAgaWYgKCFwcm9wcy5zdWJ0aXRsZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChpc1ZhbGlkRWxlbWVudChwcm9wcy5zdWJ0aXRsZSkpIHtcbiAgICByZXR1cm4gPFN1YnRpdGxlV3JhcHBlcj57cHJvcHMuc3VidGl0bGV9PC9TdWJ0aXRsZVdyYXBwZXI+O1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN1YnRpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgdGl0bGU9e3R5cGVvZiBwcm9wcy5zdWJ0aXRsZSA9PT0gJ3N0cmluZycgPyBwcm9wcy5zdWJ0aXRsZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfVxuICAgICAgICB0b25lPVwic2Vjb25kYXJ5XCJcbiAgICAgID5cbiAgICAgICAge3Byb3BzLnN1YnRpdGxlfVxuICAgICAgPC9UZXh0LkJvZHk+XG4gICAgPC9TdWJ0aXRsZVdyYXBwZXI+XG4gICk7XG59O1xuU3VidGl0bGUuZGVmYXVsdFByb3BzID0ge1xuICB0cnVuY2F0ZTogZmFsc2UsXG59O1xuXG5jb25zdCBQYWdlSGVhZGVyVGl0bGUgPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYH1cbiAgPlxuICAgIDxUaXRsZVxuICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgICAgdGl0bGVTaXplPXtwcm9wcy50aXRsZVNpemV9XG4gICAgICB0cnVuY2F0ZT17cHJvcHMudHJ1bmNhdGV9XG4gICAgLz5cbiAgICA8U3VidGl0bGUgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfSB0cnVuY2F0ZT17cHJvcHMudHJ1bmNhdGV9IC8+XG4gIDwvZGl2PlxuKTtcblBhZ2VIZWFkZXJUaXRsZS5kaXNwbGF5TmFtZSA9ICdQYWdlSGVhZGVyVGl0bGUnO1xuUGFnZUhlYWRlclRpdGxlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgUGFnZUhlYWRlclRpdGxlO1xuIl19 */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInBhZ2UtaGVhZGVyLXRpdGxlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFnRlkiLCJmaWxlIjoicGFnZS1oZWFkZXItdGl0bGUudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgaXNWYWxpZEVsZW1lbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5cbnR5cGUgVFRpdGxlU2l6ZSA9ICdiaWcnIHwgJ21lZGl1bScgfCAnc21hbGwnO1xuXG50eXBlIFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICB0aXRsZVNpemU6IFRUaXRsZVNpemU7XG4gIHRydW5jYXRlOiBib29sZWFuO1xuICBzdWJ0aXRsZT86IHN0cmluZyB8IFJlYWN0RWxlbWVudDtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8UHJvcHMsICd0aXRsZVNpemUnIHwgJ3RydW5jYXRlJz4gPSB7XG4gIHRpdGxlU2l6ZTogJ3NtYWxsJyxcbiAgdHJ1bmNhdGU6IGZhbHNlLFxufTtcblxuY29uc3QgU3VidGl0bGVXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgbWFyZ2luLXRvcDogJHthcHBLaXREZXNpZ25Ub2tlbnMubWFyZ2luVG9wRm9yUGFnZVN1YnRpdGxlfTtcbmA7XG5cbnR5cGUgVGl0bGVQcm9wcyA9IFBpY2s8UHJvcHMsICd0aXRsZVNpemUnIHwgJ3RpdGxlJyB8ICd0cnVuY2F0ZSc+O1xuXG5jb25zdCBUaXRsZSA9IChwcm9wczogVGl0bGVQcm9wcykgPT4ge1xuICBzd2l0Y2ggKHByb3BzLnRpdGxlU2l6ZSkge1xuICAgIGNhc2UgJ2JpZyc6XG4gICAgICByZXR1cm4gKFxuICAgICAgICA8VGV4dC5IZWFkbGluZSBhcz1cImgxXCIgdGl0bGU9e3Byb3BzLnRpdGxlfSB0cnVuY2F0ZT17cHJvcHMudHJ1bmNhdGV9PlxuICAgICAgICAgIHtwcm9wcy50aXRsZX1cbiAgICAgICAgPC9UZXh0LkhlYWRsaW5lPlxuICAgICAgKTtcbiAgICBjYXNlICdtZWRpdW0nOlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuSGVhZGxpbmUgYXM9XCJoMlwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5IZWFkbGluZT5cbiAgICAgICk7XG5cbiAgICBkZWZhdWx0OlxuICAgICAgcmV0dXJuIChcbiAgICAgICAgPFRleHQuU3ViaGVhZGxpbmUgYXM9XCJoNFwiIHRpdGxlPXtwcm9wcy50aXRsZX0gdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfT5cbiAgICAgICAgICB7cHJvcHMudGl0bGV9XG4gICAgICAgIDwvVGV4dC5TdWJoZWFkbGluZT5cbiAgICAgICk7XG4gIH1cbn07XG5cbnR5cGUgU3VidGl0bGVQcm9wcyA9IHtcbiAgc3VidGl0bGU/OiBQcm9wc1snc3VidGl0bGUnXTtcbiAgdHJ1bmNhdGU6IFByb3BzWyd0cnVuY2F0ZSddO1xufTtcblxuY29uc3QgU3VidGl0bGUgPSAocHJvcHM6IFN1YnRpdGxlUHJvcHMpID0+IHtcbiAgaWYgKCFwcm9wcy5zdWJ0aXRsZSkge1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGlmIChpc1ZhbGlkRWxlbWVudChwcm9wcy5zdWJ0aXRsZSkpIHtcbiAgICByZXR1cm4gPFN1YnRpdGxlV3JhcHBlcj57cHJvcHMuc3VidGl0bGV9PC9TdWJ0aXRsZVdyYXBwZXI+O1xuICB9XG4gIHJldHVybiAoXG4gICAgPFN1YnRpdGxlV3JhcHBlcj5cbiAgICAgIDxUZXh0LkJvZHlcbiAgICAgICAgdGl0bGU9e3R5cGVvZiBwcm9wcy5zdWJ0aXRsZSA9PT0gJ3N0cmluZycgPyBwcm9wcy5zdWJ0aXRsZSA6IHVuZGVmaW5lZH1cbiAgICAgICAgdHJ1bmNhdGU9e3Byb3BzLnRydW5jYXRlfVxuICAgICAgICB0b25lPVwic2Vjb25kYXJ5XCJcbiAgICAgID5cbiAgICAgICAge3Byb3BzLnN1YnRpdGxlfVxuICAgICAgPC9UZXh0LkJvZHk+XG4gICAgPC9TdWJ0aXRsZVdyYXBwZXI+XG4gICk7XG59O1xuU3VidGl0bGUuZGVmYXVsdFByb3BzID0ge1xuICB0cnVuY2F0ZTogZmFsc2UsXG59O1xuXG5jb25zdCBQYWdlSGVhZGVyVGl0bGUgPSAocHJvcHM6IFByb3BzKSA9PiAoXG4gIDxkaXZcbiAgICBjc3M9e2Nzc2BcbiAgICAgIG92ZXJmbG93OiBoaWRkZW47XG4gICAgYH1cbiAgPlxuICAgIDxUaXRsZVxuICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgICAgdGl0bGVTaXplPXtwcm9wcy50aXRsZVNpemV9XG4gICAgICB0cnVuY2F0ZT17cHJvcHMudHJ1bmNhdGV9XG4gICAgLz5cbiAgICA8U3VidGl0bGUgc3VidGl0bGU9e3Byb3BzLnN1YnRpdGxlfSB0cnVuY2F0ZT17cHJvcHMudHJ1bmNhdGV9IC8+XG4gIDwvZGl2PlxuKTtcblBhZ2VIZWFkZXJUaXRsZS5kaXNwbGF5TmFtZSA9ICdQYWdlSGVhZGVyVGl0bGUnO1xuUGFnZUhlYWRlclRpdGxlLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgUGFnZUhlYWRlclRpdGxlO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$9
 };
 const PageHeaderTitle = props => jsxs("div", {
@@ -638,12 +645,12 @@ const PageHeaderTitle = props => jsxs("div", {
 });
 PageHeaderTitle.propTypes = process.env.NODE_ENV !== "production" ? {
   title: _pt.string.isRequired,
-  titleSize: _pt.oneOf(['big', 'small']).isRequired,
+  titleSize: _pt.oneOf(['big', 'medium', 'small']).isRequired,
   truncate: _pt.bool.isRequired,
   subtitle: _pt.oneOfType([_pt.string, _pt.element])
 } : {};
 PageHeaderTitle.displayName = 'PageHeaderTitle';
-PageHeaderTitle.defaultProps = defaultProps$d;
+PageHeaderTitle.defaultProps = defaultProps$e;
 
 const PageHeader = props => {
   return jsxs("div", {
@@ -685,39 +692,314 @@ const PageWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "produc
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$8
 });
 
+function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+const primaryDefaultProps = {
+  label: sharedMessages.confirm,
+  isDisabled: false,
+  dataAttributes: {}
+};
+const useFormattedLabel = label => {
+  const intl = useIntl();
+  return typeof label === 'string' ? label : intl.formatMessage(label);
+};
+const FormPrimaryButton = props => {
+  const label = useFormattedLabel(props.label);
+  return jsx(PrimaryButton, _objectSpread$4({
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled
+  }, filterDataAttributes(props.dataAttributes)));
+};
+FormPrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]).isRequired,
+  onClick: _pt.func.isRequired,
+  isDisabled: _pt.bool.isRequired,
+  dataAttributes: _pt.objectOf(_pt.string).isRequired
+} : {};
+FormPrimaryButton.displayName = 'FormPrimaryButton';
+FormPrimaryButton.defaultProps = primaryDefaultProps;
+const secondaryDefaultProps = {
+  label: sharedMessages.cancel,
+  isDisabled: false,
+  dataAttributes: {}
+};
+const FormSecondaryButton = props => {
+  const label = useFormattedLabel(props.label);
+  return jsx(SecondaryButton, _objectSpread$4({
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled,
+    iconLeft: props.iconLeft
+  }, filterDataAttributes(props.dataAttributes)));
+};
+FormSecondaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  iconLeft: _pt.element,
+  label: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]).isRequired,
+  onClick: _pt.func.isRequired,
+  isDisabled: _pt.bool.isRequired,
+  dataAttributes: _pt.objectOf(_pt.string).isRequired
+} : {};
+FormSecondaryButton.displayName = 'FormSecondaryButton';
+FormSecondaryButton.defaultProps = secondaryDefaultProps;
+const deleteDefaultProps = {
+  label: sharedMessages.delete,
+  isDisabled: false,
+  dataAttributes: {}
+};
+const FormDeleteButton = props => {
+  const label = useFormattedLabel(props.label);
+  return jsx(IconButton, _objectSpread$4({
+    icon: jsx(BinLinearIcon, {}),
+    label: label,
+    onClick: props.onClick,
+    isDisabled: props.isDisabled
+  }, filterDataAttributes(props.dataAttributes)));
+};
+FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
+  label: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]).isRequired,
+  onClick: _pt.func.isRequired,
+  isDisabled: _pt.bool.isRequired,
+  dataAttributes: _pt.objectOf(_pt.string).isRequired
+} : {};
+FormDeleteButton.displayName = 'FormDeleteButton';
+FormDeleteButton.defaultProps = deleteDefaultProps;
+
+const messages$4 = defineMessages({
+  back: {
+    id: 'Components.ModalPage.TopBar.Back',
+    defaultMessage: 'Go Back'
+  },
+  close: {
+    id: 'Components.ModalPage.TopBar.Close',
+    defaultMessage: 'Close Modal Page'
+  }
+});
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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)."; }
+// Component to have a larger clickable surface
+var _ref2$2 = process.env.NODE_ENV === "production" ? {
+  name: "1rxhroq",
+  styles: "display:flex;align-items:center;justify-content:center;&::after{content:'';position:absolute;height:35px;width:48px;top:0;right:0;}"
+} : {
+  name: "p8pio5-LargeIconWrapper",
+  styles: "display:flex;align-items:center;justify-content:center;&::after{content:'';position:absolute;height:35px;width:48px;top:0;right:0;};label:LargeIconWrapper;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJZIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbG9uZUVsZW1lbnQsIHR5cGUgU3ludGhldGljRXZlbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUljb24sIEFuZ2xlTGVmdEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiwge1xuICB0eXBlIFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG50eXBlIFRMYXJnZUljb25XcmFwcGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQ7XG4gIHNpemU/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzWydzaXplJ107XG59O1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuZXhwb3J0IGNvbnN0IExhcmdlSWNvbldyYXBwZXIgPSAocHJvcHM6IFRMYXJnZUljb25XcmFwcGVyUHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGhlaWdodDogMzVweDtcbiAgICAgICAgd2lkdGg6IDQ4cHg7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICB9XG4gICAgYH1cbiAgPlxuICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuY2hpbGRyZW4sIHsgc2l6ZTogcHJvcHMuc2l6ZSB9KX1cbiAgPC9zcGFuPlxuKTtcblxuLy8gTk9URTogdGhlIGBNZXNzYWdlRGVzY3JpcHRvcmAgdHlwZSBpcyBleHBvc2VkIGJ5IGByZWFjdC1pbnRsYC5cbi8vIEhvd2V2ZXIsIHdlIG5lZWQgdG8gZXhwbGljaXRseSBkZWZpbmUgdGhpcyBvdGhlcndpc2UgdGhlIHByb3AtdHlwZXMgYmFiZWwgcGx1Z2luXG4vLyBkb2VzIG5vdCByZWNvZ25pemUgdGhlIG9iamVjdCBzaGFwZS5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG50eXBlIFByb3BzID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xuICBjdXJyZW50UGF0aExhYmVsPzogc3RyaW5nO1xuICBwcmV2aW91c1BhdGhMYWJlbDogTGFiZWw7XG4gIGhpZGVQYXRoTGFiZWw/OiBib29sZWFuO1xuICBvbkNsb3NlOiAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgUHJvcHMsXG4gICdjb2xvcicgfCAncHJldmlvdXNQYXRoTGFiZWwnIHwgJ2hpZGVQYXRoTGFiZWwnXG4+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxuICBwcmV2aW91c1BhdGhMYWJlbDogbWVzc2FnZXMuYmFjayxcbiAgaGlkZVBhdGhMYWJlbDogZmFsc2UsXG59O1xuXG5jb25zdCBNb2RhbFBhZ2VUb3BCYXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yTW9kYWxUb3BCYXJ9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IGFwcEtpdERlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JQYWdlSGVhZGVyXG4gICAgICAgICAgOiB1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWRcbiAgICAgICAgICAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICAgID8gdWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgICAgICAgICA6IGFwcEtpdERlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvck1vZGFsVG9wQmFyV2hlblN1cmZhY2V9O1xuICAgICAgICAmICogKyAqIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgICAgIH1cblxuICAgICAgICAvKiBGSVhNRTogdGhlc2UgXCJkaXJ0eVwiIHN0eWxlcyBzaG91bGQgYmUgcmVtb3ZlZCB3aGVuIHRoZSBuZXcgQnJlYWRjcnVtYnMgY29tcG9uZW50IGlzIGltcGxlbWVudGVkICovXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICAgICAgLyogIHNwZWNpZmljIHNlbGVjdG9yIGZvciB0aGUgc3ZnIG9mIHRoZSBGbGF0QnV0dG9uICovXG4gICAgICAgICAgYnV0dG9uOmZpcnN0LW9mLXR5cGUgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgd2lkdGg6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHshcHJvcHMuaGlkZVBhdGhMYWJlbCAmJiAoXG4gICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgIHRvbmU9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgIGxhYmVsPXtcbiAgICAgICAgICAgICAgdHlwZW9mIHByb3BzLnByZXZpb3VzUGF0aExhYmVsID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgID8gcHJvcHMucHJldmlvdXNQYXRoTGFiZWxcbiAgICAgICAgICAgICAgICA6IGludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5wcmV2aW91c1BhdGhMYWJlbClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb249ezxBbmdsZUxlZnRJY29uIHNpemU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCI+LzwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCIgdGl0bGU9e3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9IHRydW5jYXRlPlxuICAgICAgICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgICAgIDwvTGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICB9XG4gICAgICAgICAgc2l6ZT1cImJpZ1wiXG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcbk1vZGFsUGFnZVRvcEJhci5kaXNwbGF5TmFtZSA9ICdNb2RhbFBhZ2VUb3BCYXInO1xuTW9kYWxQYWdlVG9wQmFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxQYWdlVG9wQmFyO1xuIl19 */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
+};
+const LargeIconWrapper = props => jsx("span", {
+  css: _ref2$2,
+  children: /*#__PURE__*/cloneElement(props.children, {
+    size: props.size
+  })
+});
+
+// NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
+// However, we need to explicitly define this otherwise the prop-types babel plugin
+// does not recognize the object shape.
+LargeIconWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
+  children: _pt.element.isRequired
+} : {};
+const defaultProps$d = {
+  color: 'surface',
+  previousPathLabel: messages$4.back,
+  hidePathLabel: false
+};
+var _ref$4 = process.env.NODE_ENV === "production" ? {
+  name: "uvw8rn",
+  styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;}"
+} : {
+  name: "1auyn59-ModalPageTopBar",
+  styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;};label:ModalPageTopBar;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZnQiIsImZpbGUiOiJtb2RhbC1wYWdlLXRvcC1iYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xvbmVFbGVtZW50LCB0eXBlIFN5bnRoZXRpY0V2ZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgQ2xvc2VJY29uLCBBbmdsZUxlZnRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vLi4vaW50ZXJuYWxzL21lc3NhZ2VzJztcblxudHlwZSBUTGFyZ2VJY29uV3JhcHBlclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBzaXplPzogVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wc1snc2l6ZSddO1xufTtcblxuLy8gQ29tcG9uZW50IHRvIGhhdmUgYSBsYXJnZXIgY2xpY2thYmxlIHN1cmZhY2VcbmV4cG9ydCBjb25zdCBMYXJnZUljb25XcmFwcGVyID0gKHByb3BzOiBUTGFyZ2VJY29uV3JhcHBlclByb3BzKSA9PiAoXG4gIDxzcGFuXG4gICAgY3NzPXtjc3NgXG4gICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIGp1c3RpZnktY29udGVudDogY2VudGVyO1xuICAgICAgJjo6YWZ0ZXIge1xuICAgICAgICBjb250ZW50OiAnJztcbiAgICAgICAgcG9zaXRpb246IGFic29sdXRlO1xuICAgICAgICBoZWlnaHQ6IDM1cHg7XG4gICAgICAgIHdpZHRoOiA0OHB4O1xuICAgICAgICB0b3A6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgfVxuICAgIGB9XG4gID5cbiAgICB7Y2xvbmVFbGVtZW50KHByb3BzLmNoaWxkcmVuLCB7IHNpemU6IHByb3BzLnNpemUgfSl9XG4gIDwvc3Bhbj5cbik7XG5cbi8vIE5PVEU6IHRoZSBgTWVzc2FnZURlc2NyaXB0b3JgIHR5cGUgaXMgZXhwb3NlZCBieSBgcmVhY3QtaW50bGAuXG4vLyBIb3dldmVyLCB3ZSBuZWVkIHRvIGV4cGxpY2l0bHkgZGVmaW5lIHRoaXMgb3RoZXJ3aXNlIHRoZSBwcm9wLXR5cGVzIGJhYmVsIHBsdWdpblxuLy8gZG9lcyBub3QgcmVjb2duaXplIHRoZSBvYmplY3Qgc2hhcGUuXG50eXBlIE1lc3NhZ2VEZXNjcmlwdG9yID0ge1xuICBpZDogc3RyaW5nO1xuICBkZXNjcmlwdGlvbj86IHN0cmluZyB8IG9iamVjdDtcbiAgZGVmYXVsdE1lc3NhZ2U/OiBzdHJpbmc7XG59O1xudHlwZSBMYWJlbCA9IHN0cmluZyB8IE1lc3NhZ2VEZXNjcmlwdG9yO1xudHlwZSBQcm9wcyA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyB8ICduZXV0cmFsJztcbiAgY3VycmVudFBhdGhMYWJlbD86IHN0cmluZztcbiAgcHJldmlvdXNQYXRoTGFiZWw6IExhYmVsO1xuICBoaWRlUGF0aExhYmVsPzogYm9vbGVhbjtcbiAgb25DbG9zZTogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW4/OiBuZXZlcjtcbn07XG5jb25zdCBkZWZhdWx0UHJvcHM6IFBpY2s8XG4gIFByb3BzLFxuICAnY29sb3InIHwgJ3ByZXZpb3VzUGF0aExhYmVsJyB8ICdoaWRlUGF0aExhYmVsJ1xuPiA9IHtcbiAgY29sb3I6ICdzdXJmYWNlJyxcbiAgcHJldmlvdXNQYXRoTGFiZWw6IG1lc3NhZ2VzLmJhY2ssXG4gIGhpZGVQYXRoTGFiZWw6IGZhbHNlLFxufTtcblxuY29uc3QgTW9kYWxQYWdlVG9wQmFyID0gKHByb3BzOiBQcm9wcykgPT4ge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICByZXR1cm4gKFxuICAgIDxkaXZcbiAgICAgIGNzcz17Y3NzYFxuICAgICAgICBwb3NpdGlvbjogcmVsYXRpdmU7XG4gICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICAgIGp1c3RpZnktY29udGVudDogc3BhY2UtYmV0d2VlbjtcbiAgICAgICAgcGFkZGluZzogJHthcHBLaXREZXNpZ25Ub2tlbnMucGFkZGluZ0Zvck1vZGFsVG9wQmFyfTtcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHtwcm9wcy5jb2xvciA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgPyBhcHBLaXREZXNpZ25Ub2tlbnMuYmFja2dyb3VuZENvbG9yRm9yUGFnZUhlYWRlclxuICAgICAgICAgIDogdWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlfTtcbiAgICAgICAgYm9yZGVyLWJvdHRvbTogMXB4IHNvbGlkXG4gICAgICAgICAgJHtwcm9wcy5jb2xvciA9PT0gJ25ldXRyYWwnXG4gICAgICAgICAgICA/IHVpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZVxuICAgICAgICAgICAgOiBhcHBLaXREZXNpZ25Ub2tlbnMuYm9yZGVyQ29sb3JGb3JNb2RhbFRvcEJhcldoZW5TdXJmYWNlfTtcbiAgICAgICAgJiAqICsgKiB7XG4gICAgICAgICAgbWFyZ2luLWxlZnQ6ICR7dWlLaXREZXNpZ25Ub2tlbnMuc3BhY2luZ1N9O1xuICAgICAgICB9XG5cbiAgICAgICAgLyogRklYTUU6IHRoZXNlIFwiZGlydHlcIiBzdHlsZXMgc2hvdWxkIGJlIHJlbW92ZWQgd2hlbiB0aGUgbmV3IEJyZWFkY3J1bWJzIGNvbXBvbmVudCBpcyBpbXBsZW1lbnRlZCAqL1xuICAgICAgICBwIHtcbiAgICAgICAgICBmb250LXNpemU6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8ZGl2XG4gICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICAgICAgb3ZlcmZsb3c6IGhpZGRlbjtcblxuICAgICAgICAgIC8qICBzcGVjaWZpYyBzZWxlY3RvciBmb3IgdGhlIHN2ZyBvZiB0aGUgRmxhdEJ1dHRvbiAqL1xuICAgICAgICAgIGJ1dHRvbjpmaXJzdC1vZi10eXBlIHN2ZyB7XG4gICAgICAgICAgICBoZWlnaHQ6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgICAgIHdpZHRoOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICB7IXByb3BzLmhpZGVQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDxGbGF0QnV0dG9uXG4gICAgICAgICAgICB0b25lPVwicHJpbWFyeVwiXG4gICAgICAgICAgICBsYWJlbD17XG4gICAgICAgICAgICAgIHR5cGVvZiBwcm9wcy5wcmV2aW91c1BhdGhMYWJlbCA9PT0gJ3N0cmluZydcbiAgICAgICAgICAgICAgICA/IHByb3BzLnByZXZpb3VzUGF0aExhYmVsXG4gICAgICAgICAgICAgICAgOiBpbnRsLmZvcm1hdE1lc3NhZ2UocHJvcHMucHJldmlvdXNQYXRoTGFiZWwpXG4gICAgICAgICAgICB9XG4gICAgICAgICAgICBpY29uPXs8QW5nbGVMZWZ0SWNvbiBzaXplPVwibWVkaXVtXCIgY29sb3I9XCJwcmltYXJ5XCIgLz59XG4gICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIC8+XG4gICAgICAgICl9XG4gICAgICAgIHtwcm9wcy5jdXJyZW50UGF0aExhYmVsICYmIChcbiAgICAgICAgICA8PlxuICAgICAgICAgICAgPFRleHQuRGV0YWlsIGFzPVwic3BhblwiPi88L1RleHQuRGV0YWlsPlxuICAgICAgICAgICAgPFRleHQuRGV0YWlsIGFzPVwic3BhblwiIHRpdGxlPXtwcm9wcy5jdXJyZW50UGF0aExhYmVsfSB0cnVuY2F0ZT5cbiAgICAgICAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9XG4gICAgICAgICAgICA8L1RleHQuRGV0YWlsPlxuICAgICAgICAgIDwvPlxuICAgICAgICApfVxuICAgICAgPC9kaXY+XG4gICAgICB7cHJvcHMub25DbG9zZSAmJiAoXG4gICAgICAgIDxTZWNvbmRhcnlJY29uQnV0dG9uXG4gICAgICAgICAgbGFiZWw9e2ludGwuZm9ybWF0TWVzc2FnZShtZXNzYWdlcy5jbG9zZSl9XG4gICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgICBpY29uPXtcbiAgICAgICAgICAgIDxMYXJnZUljb25XcmFwcGVyPlxuICAgICAgICAgICAgICA8Q2xvc2VJY29uIC8+XG4gICAgICAgICAgICA8L0xhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgfVxuICAgICAgICAgIHNpemU9XCJiaWdcIlxuICAgICAgICAvPlxuICAgICAgKX1cbiAgICA8L2Rpdj5cbiAgKTtcbn07XG5Nb2RhbFBhZ2VUb3BCYXIuZGlzcGxheU5hbWUgPSAnTW9kYWxQYWdlVG9wQmFyJztcbk1vZGFsUGFnZVRvcEJhci5kZWZhdWx0UHJvcHMgPSBkZWZhdWx0UHJvcHM7XG5cbmV4cG9ydCBkZWZhdWx0IE1vZGFsUGFnZVRvcEJhcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
+};
+const ModalPageTopBar = props => {
+  const intl = useIntl();
+  return jsxs("div", {
+    css: /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;padding:", designTokens.paddingForModalTopBar, ";background-color:", props.color === 'neutral' ? designTokens.backgroundColorForPageHeader : designTokens$1.colorSurface, ";border-bottom:1px solid ", props.color === 'neutral' ? designTokens$1.colorSurface : designTokens.borderColorForModalTopBarWhenSurface, ";& *+*{margin-left:", designTokens$1.spacingS, ";}p{font-size:12px!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalPageTopBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVjIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbG9uZUVsZW1lbnQsIHR5cGUgU3ludGhldGljRXZlbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUljb24sIEFuZ2xlTGVmdEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiwge1xuICB0eXBlIFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG50eXBlIFRMYXJnZUljb25XcmFwcGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQ7XG4gIHNpemU/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzWydzaXplJ107XG59O1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuZXhwb3J0IGNvbnN0IExhcmdlSWNvbldyYXBwZXIgPSAocHJvcHM6IFRMYXJnZUljb25XcmFwcGVyUHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGhlaWdodDogMzVweDtcbiAgICAgICAgd2lkdGg6IDQ4cHg7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICB9XG4gICAgYH1cbiAgPlxuICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuY2hpbGRyZW4sIHsgc2l6ZTogcHJvcHMuc2l6ZSB9KX1cbiAgPC9zcGFuPlxuKTtcblxuLy8gTk9URTogdGhlIGBNZXNzYWdlRGVzY3JpcHRvcmAgdHlwZSBpcyBleHBvc2VkIGJ5IGByZWFjdC1pbnRsYC5cbi8vIEhvd2V2ZXIsIHdlIG5lZWQgdG8gZXhwbGljaXRseSBkZWZpbmUgdGhpcyBvdGhlcndpc2UgdGhlIHByb3AtdHlwZXMgYmFiZWwgcGx1Z2luXG4vLyBkb2VzIG5vdCByZWNvZ25pemUgdGhlIG9iamVjdCBzaGFwZS5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG50eXBlIFByb3BzID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xuICBjdXJyZW50UGF0aExhYmVsPzogc3RyaW5nO1xuICBwcmV2aW91c1BhdGhMYWJlbDogTGFiZWw7XG4gIGhpZGVQYXRoTGFiZWw/OiBib29sZWFuO1xuICBvbkNsb3NlOiAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgUHJvcHMsXG4gICdjb2xvcicgfCAncHJldmlvdXNQYXRoTGFiZWwnIHwgJ2hpZGVQYXRoTGFiZWwnXG4+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxuICBwcmV2aW91c1BhdGhMYWJlbDogbWVzc2FnZXMuYmFjayxcbiAgaGlkZVBhdGhMYWJlbDogZmFsc2UsXG59O1xuXG5jb25zdCBNb2RhbFBhZ2VUb3BCYXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yTW9kYWxUb3BCYXJ9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IGFwcEtpdERlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JQYWdlSGVhZGVyXG4gICAgICAgICAgOiB1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWRcbiAgICAgICAgICAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICAgID8gdWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgICAgICAgICA6IGFwcEtpdERlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvck1vZGFsVG9wQmFyV2hlblN1cmZhY2V9O1xuICAgICAgICAmICogKyAqIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgICAgIH1cblxuICAgICAgICAvKiBGSVhNRTogdGhlc2UgXCJkaXJ0eVwiIHN0eWxlcyBzaG91bGQgYmUgcmVtb3ZlZCB3aGVuIHRoZSBuZXcgQnJlYWRjcnVtYnMgY29tcG9uZW50IGlzIGltcGxlbWVudGVkICovXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICAgICAgLyogIHNwZWNpZmljIHNlbGVjdG9yIGZvciB0aGUgc3ZnIG9mIHRoZSBGbGF0QnV0dG9uICovXG4gICAgICAgICAgYnV0dG9uOmZpcnN0LW9mLXR5cGUgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgd2lkdGg6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHshcHJvcHMuaGlkZVBhdGhMYWJlbCAmJiAoXG4gICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgIHRvbmU9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgIGxhYmVsPXtcbiAgICAgICAgICAgICAgdHlwZW9mIHByb3BzLnByZXZpb3VzUGF0aExhYmVsID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgID8gcHJvcHMucHJldmlvdXNQYXRoTGFiZWxcbiAgICAgICAgICAgICAgICA6IGludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5wcmV2aW91c1BhdGhMYWJlbClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb249ezxBbmdsZUxlZnRJY29uIHNpemU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCI+LzwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCIgdGl0bGU9e3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9IHRydW5jYXRlPlxuICAgICAgICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgICAgIDwvTGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICB9XG4gICAgICAgICAgc2l6ZT1cImJpZ1wiXG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcbk1vZGFsUGFnZVRvcEJhci5kaXNwbGF5TmFtZSA9ICdNb2RhbFBhZ2VUb3BCYXInO1xuTW9kYWxQYWdlVG9wQmFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxQYWdlVG9wQmFyO1xuIl19 */"),
+    children: [jsxs("div", {
+      css: _ref$4,
+      children: [!props.hidePathLabel && jsx(FlatButton, {
+        tone: "primary",
+        label: typeof props.previousPathLabel === 'string' ? props.previousPathLabel : intl.formatMessage(props.previousPathLabel),
+        icon: jsx(AngleLeftIcon, {
+          size: "medium",
+          color: "primary"
+        }),
+        onClick: props.onClose
+      }), props.currentPathLabel && jsxs(Fragment, {
+        children: [jsx(Text.Detail, {
+          as: "span",
+          children: "/"
+        }), jsx(Text.Detail, {
+          as: "span",
+          title: props.currentPathLabel,
+          truncate: true,
+          children: props.currentPathLabel
+        })]
+      })]
+    }), props.onClose && jsx(SecondaryIconButton, {
+      label: intl.formatMessage(messages$4.close),
+      onClick: props.onClose,
+      icon: jsx(LargeIconWrapper, {
+        children: jsx(CloseIcon, {})
+      }),
+      size: "big"
+    })]
+  });
+};
+ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
+  color: _pt.oneOf(['surface', 'neutral']).isRequired,
+  currentPathLabel: _pt.string,
+  previousPathLabel: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]).isRequired,
+  hidePathLabel: _pt.bool,
+  onClose: _pt.func.isRequired
+} : {};
+ModalPageTopBar.displayName = 'ModalPageTopBar';
+ModalPageTopBar.defaultProps = defaultProps$d;
+
+const defaultProps$c = {
+  size: 10,
+  hideControls: false,
+  onPrimaryButtonClick: () => {},
+  onSecondaryButtonClick: () => {}
+};
 const ContentWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
-  target: "e1alzj9m0"
+  target: "e18jo6y41"
 } : {
-  target: "e1alzj9m0",
+  target: "e18jo6y41",
   label: "ContentWrapper"
-})("height:100%;padding:", designTokens$1.spacing40, " 40px;" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS1wYW5lbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBWWlDIiwiZmlsZSI6ImN1c3RvbS1wYW5lbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCBNb2RhbFBhZ2UgZnJvbSAnLi4vLi4vbW9kYWwtcGFnZXMvaW50ZXJuYWxzL21vZGFsLXBhZ2UnO1xuXG50eXBlIFRDdXN0b21QYW5lbFByb3BzID0ge1xuICB0aXRsZTogc3RyaW5nO1xuICBzaXplOiAnc21hbGwnIHwgJ2xhcmdlJztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbn07XG5cbmNvbnN0IENvbnRlbnRXcmFwcGVyID0gc3R5bGVkLmRpdmBcbiAgaGVpZ2h0OiAxMDAlO1xuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG5gO1xuXG5mdW5jdGlvbiBDdXN0b21QYW5lbChwcm9wczogVEN1c3RvbVBhbmVsUHJvcHMpIHtcbiAgcmV0dXJuIChcbiAgICA8TW9kYWxQYWdlXG4gICAgICBoaWRlUGF0aExhYmVsXG4gICAgICBpc09wZW5cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBzaXplPXtwcm9wcy5zaXplfVxuICAgICAgdGl0bGU9e3Byb3BzLnRpdGxlfVxuICAgID5cbiAgICAgIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW59PC9Db250ZW50V3JhcHBlcj5cbiAgICA8L01vZGFsUGFnZT5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tUGFuZWw7XG4iXX0= */"));
-function CustomPanel(props) {
-  return jsx(ModalPage, {
+})("height:100%;padding:", designTokens$1.spacing50, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVpQyIsImZpbGUiOiJkcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSwgU3ludGhldGljRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7IHR5cGUgQ1NTT2JqZWN0IH0gZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IHNoYXJlZE1lc3NhZ2VzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTZWNvbmRhcnlJY29uQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5pbXBvcnQge1xuICBGb3JtUHJpbWFyeUJ1dHRvbixcbiAgRm9ybVNlY29uZGFyeUJ1dHRvbixcbn0gZnJvbSAnLi4vaW50ZXJuYWxzL2RlZmF1bHQtZm9ybS1idXR0b25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IE1vZGFsUGFnZSBmcm9tICcuLi9tb2RhbC1wYWdlcy9pbnRlcm5hbHMvbW9kYWwtcGFnZSc7XG5pbXBvcnQgeyBMYXJnZUljb25XcmFwcGVyIH0gZnJvbSAnLi4vbW9kYWwtcGFnZXMvaW50ZXJuYWxzL21vZGFsLXBhZ2UtdG9wLWJhcic7XG5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG5cbnR5cGUgVERyYXdlclNpemUgPSAxMCB8IDIwIHwgMzA7XG5cbnR5cGUgVERyYXdlclByb3BzID0ge1xuICBzaXplOiBURHJhd2VyU2l6ZTtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdG9wQmFyQ29sb3I/OiAnbmV1dHJhbCcgfCAnc3VyZmFjZSc7XG4gIC8vIEhlYWRlciBQcm9wc1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcblxuICB6SW5kZXg/OiBudW1iZXI7XG4gIGdldFBhcmVudFNlbGVjdG9yPzogKCkgPT4gSFRNTEVsZW1lbnQ7XG4gIHNob3VsZERlbGF5T25DbG9zZT86IGJvb2xlYW47XG4gIGFmdGVyT3BlblN0eWxlcz86IHN0cmluZyB8IENTU09iamVjdDtcbiAgLyoqXG4gICAqIFRoaXMgY29kZSBpcyB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgdGhpcyBwYWdlLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2RlPzogc3RyaW5nO1xuXG4gIC8vIENvbnRyb2xzIFByb3BzXG4gIGhpZGVDb250cm9scz86IGJvb2xlYW47XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc1NlY29uZGFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGF0YUF0dHJpYnV0ZXNQcmltYXJ5QnV0dG9uPzogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfTtcbiAgZGF0YUF0dHJpYnV0ZXNTZWNvbmRhcnlCdXR0b24/OiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9O1xuICBsYWJlbFByaW1hcnlCdXR0b24/OiBMYWJlbDtcbiAgbGFiZWxTZWNvbmRhcnlCdXR0b24/OiBMYWJlbDtcbiAgb25QcmltYXJ5QnV0dG9uQ2xpY2s6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIG9uU2Vjb25kYXJ5QnV0dG9uQ2xpY2s6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIGljb25MZWZ0U2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURHJhd2VyUHJvcHMsXG4gICdzaXplJyB8ICdoaWRlQ29udHJvbHMnIHwgJ29uUHJpbWFyeUJ1dHRvbkNsaWNrJyB8ICdvblNlY29uZGFyeUJ1dHRvbkNsaWNrJ1xuPiA9IHtcbiAgc2l6ZTogMTAsXG4gIGhpZGVDb250cm9sczogZmFsc2UsXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrOiAoKSA9PiB7fSxcbiAgb25TZWNvbmRhcnlCdXR0b25DbGljazogKCkgPT4ge30sXG59O1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfTtcbmA7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICR7YXBwS2l0RGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yTW9kYWxQYWdlSGVhZGVyRGl2aWRlcn07XG5gO1xuXG5mdW5jdGlvbiBEcmF3ZXIocHJvcHM6IFREcmF3ZXJQcm9wcykge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICByZXR1cm4gKFxuICAgIDxNb2RhbFBhZ2VcbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgaGlkZVBhdGhMYWJlbFxuICAgICAgaGlkZVRvcEJhclxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICB0aXRsZT17cHJvcHMudGl0bGV9XG4gICAgICBhZnRlck9wZW5TdHlsZXM9e3Byb3BzLmFmdGVyT3BlblN0eWxlc31cbiAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgZ2V0UGFyZW50U2VsZWN0b3I9e3Byb3BzLmdldFBhcmVudFNlbGVjdG9yfVxuICAgICAgc2hvdWxkRGVsYXlPbkNsb3NlPXtwcm9wcy5zaG91bGREZWxheU9uQ2xvc2V9XG4gICAgICB0b3BCYXJDb2xvcj17cHJvcHMudG9wQmFyQ29sb3J9XG4gICAgICB6SW5kZXg9e3Byb3BzLnpJbmRleH1cbiAgICA+XG4gICAgICA8SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICA8UGFnZUhlYWRlclRpdGxlXG4gICAgICAgICAgICAgIHRpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgICAgc3VidGl0bGU9e1xuICAgICAgICAgICAgICAgIHByb3BzLnN1YnRpdGxlICYmIDxUZXh0LkRldGFpbD57cHJvcHMuc3VidGl0bGV9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgICAgICAgICAgIDwvTGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgc2l6ZT1cImJpZ1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgcHJvcHMuZm9ybUNvbnRyb2xzfVxuXG4gICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiAhcHJvcHMuZm9ybUNvbnRyb2xzICYmIChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8Rm9ybVNlY29uZGFyeUJ1dHRvblxuICAgICAgICAgICAgICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsU2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25TZWNvbmRhcnlCdXR0b25DbGlja31cbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzU2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBkYXRhQXR0cmlidXRlcz17cHJvcHMuZGF0YUF0dHJpYnV0ZXNTZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICBpY29uTGVmdD17cHJvcHMuaWNvbkxlZnRTZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Rm9ybVByaW1hcnlCdXR0b25cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbFByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblByaW1hcnlCdXR0b25DbGlja31cbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzUHJpbWFyeUJ1dHRvbkRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgZGF0YUF0dHJpYnV0ZXM9e3Byb3BzLmRhdGFBdHRyaWJ1dGVzUHJpbWFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L0hlYWRlcldyYXBwZXI+XG5cbiAgICAgIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW59PC9Db250ZW50V3JhcHBlcj5cbiAgICA8L01vZGFsUGFnZT5cbiAgKTtcbn1cblxuRHJhd2VyLmRpc3BsYXlOYW1lID0gJ0RyYXdlcic7XG5EcmF3ZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5EcmF3ZXIuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcbkRyYXdlci5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG4vLyBUaGUgSW50bCBtZXNzYWdlcyBjYW4gYmUgdXNlZCBmb3IgYnV0dG9uIGxhYmVscy5cbkRyYXdlci5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IERyYXdlcjtcbiJdfQ== */"));
+const HeaderWrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
+  target: "e18jo6y40"
+} : {
+  target: "e18jo6y40",
+  label: "HeaderWrapper"
+})("padding:", designTokens$1.spacing40, " 40px;border-bottom:1px solid ", designTokens.borderColorForModalPageHeaderDivider, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRyYXdlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNEVnQyIsImZpbGUiOiJkcmF3ZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHR5cGUgeyBSZWFjdEVsZW1lbnQsIFJlYWN0Tm9kZSwgU3ludGhldGljRXZlbnQgfSBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkLCB7IHR5cGUgQ1NTT2JqZWN0IH0gZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IHNoYXJlZE1lc3NhZ2VzIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvaTE4bic7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB7IENsb3NlSWNvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2ljb25zJztcbmltcG9ydCBTZWNvbmRhcnlJY29uQnV0dG9uIGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgU3BhY2luZ3MgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvc3BhY2luZ3MnO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vdGhlbWluZyc7XG5pbXBvcnQge1xuICBGb3JtUHJpbWFyeUJ1dHRvbixcbiAgRm9ybVNlY29uZGFyeUJ1dHRvbixcbn0gZnJvbSAnLi4vaW50ZXJuYWxzL2RlZmF1bHQtZm9ybS1idXR0b25zJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuaW1wb3J0IFBhZ2VIZWFkZXJUaXRsZSBmcm9tICcuLi9pbnRlcm5hbHMvcGFnZS1oZWFkZXItdGl0bGUnO1xuaW1wb3J0IE1vZGFsUGFnZSBmcm9tICcuLi9tb2RhbC1wYWdlcy9pbnRlcm5hbHMvbW9kYWwtcGFnZSc7XG5pbXBvcnQgeyBMYXJnZUljb25XcmFwcGVyIH0gZnJvbSAnLi4vbW9kYWwtcGFnZXMvaW50ZXJuYWxzL21vZGFsLXBhZ2UtdG9wLWJhcic7XG5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG5cbnR5cGUgVERyYXdlclNpemUgPSAxMCB8IDIwIHwgMzA7XG5cbnR5cGUgVERyYXdlclByb3BzID0ge1xuICBzaXplOiBURHJhd2VyU2l6ZTtcbiAgaXNPcGVuOiBib29sZWFuO1xuICBvbkNsb3NlPzogKGV2ZW50OiBTeW50aGV0aWNFdmVudCkgPT4gdm9pZDtcbiAgY2hpbGRyZW46IFJlYWN0Tm9kZTtcbiAgdG9wQmFyQ29sb3I/OiAnbmV1dHJhbCcgfCAnc3VyZmFjZSc7XG4gIC8vIEhlYWRlciBQcm9wc1xuICB0aXRsZTogc3RyaW5nO1xuICBzdWJ0aXRsZT86IHN0cmluZztcblxuICB6SW5kZXg/OiBudW1iZXI7XG4gIGdldFBhcmVudFNlbGVjdG9yPzogKCkgPT4gSFRNTEVsZW1lbnQ7XG4gIHNob3VsZERlbGF5T25DbG9zZT86IGJvb2xlYW47XG4gIGFmdGVyT3BlblN0eWxlcz86IHN0cmluZyB8IENTU09iamVjdDtcbiAgLyoqXG4gICAqIFRoaXMgY29kZSBpcyB1c2VkIHRvIGNvbmZpZ3VyZSB3aGljaCBDdXN0b20gVmlld3MgYXJlIGF2YWlsYWJsZSBmb3IgdGhpcyBwYWdlLlxuICAgKi9cbiAgY3VzdG9tVmlld0xvY2F0b3JDb2RlPzogc3RyaW5nO1xuXG4gIC8vIENvbnRyb2xzIFByb3BzXG4gIGhpZGVDb250cm9scz86IGJvb2xlYW47XG4gIGZvcm1Db250cm9scz86IFJlYWN0Tm9kZTtcbiAgaXNQcmltYXJ5QnV0dG9uRGlzYWJsZWQ/OiBib29sZWFuO1xuICBpc1NlY29uZGFyeUJ1dHRvbkRpc2FibGVkPzogYm9vbGVhbjtcbiAgZGF0YUF0dHJpYnV0ZXNQcmltYXJ5QnV0dG9uPzogeyBba2V5OiBzdHJpbmddOiBzdHJpbmcgfTtcbiAgZGF0YUF0dHJpYnV0ZXNTZWNvbmRhcnlCdXR0b24/OiB7IFtrZXk6IHN0cmluZ106IHN0cmluZyB9O1xuICBsYWJlbFByaW1hcnlCdXR0b24/OiBMYWJlbDtcbiAgbGFiZWxTZWNvbmRhcnlCdXR0b24/OiBMYWJlbDtcbiAgb25QcmltYXJ5QnV0dG9uQ2xpY2s6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIG9uU2Vjb25kYXJ5QnV0dG9uQ2xpY2s6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIGljb25MZWZ0U2Vjb25kYXJ5QnV0dG9uPzogUmVhY3RFbGVtZW50O1xufTtcblxuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBURHJhd2VyUHJvcHMsXG4gICdzaXplJyB8ICdoaWRlQ29udHJvbHMnIHwgJ29uUHJpbWFyeUJ1dHRvbkNsaWNrJyB8ICdvblNlY29uZGFyeUJ1dHRvbkNsaWNrJ1xuPiA9IHtcbiAgc2l6ZTogMTAsXG4gIGhpZGVDb250cm9sczogZmFsc2UsXG4gIG9uUHJpbWFyeUJ1dHRvbkNsaWNrOiAoKSA9PiB7fSxcbiAgb25TZWNvbmRhcnlCdXR0b25DbGljazogKCkgPT4ge30sXG59O1xuXG5jb25zdCBDb250ZW50V3JhcHBlciA9IHN0eWxlZC5kaXZgXG4gIGhlaWdodDogMTAwJTtcbiAgcGFkZGluZzogJHtkZXNpZ25Ub2tlbnMuc3BhY2luZzUwfTtcbmA7XG5cbmNvbnN0IEhlYWRlcldyYXBwZXIgPSBzdHlsZWQuZGl2YFxuICBwYWRkaW5nOiAke2Rlc2lnblRva2Vucy5zcGFjaW5nNDB9IDQwcHg7XG4gIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICR7YXBwS2l0RGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yTW9kYWxQYWdlSGVhZGVyRGl2aWRlcn07XG5gO1xuXG5mdW5jdGlvbiBEcmF3ZXIocHJvcHM6IFREcmF3ZXJQcm9wcykge1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuICByZXR1cm4gKFxuICAgIDxNb2RhbFBhZ2VcbiAgICAgIGlzT3Blbj17cHJvcHMuaXNPcGVufVxuICAgICAgaGlkZVBhdGhMYWJlbFxuICAgICAgaGlkZVRvcEJhclxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHNpemU9e3Byb3BzLnNpemV9XG4gICAgICB0aXRsZT17cHJvcHMudGl0bGV9XG4gICAgICBhZnRlck9wZW5TdHlsZXM9e3Byb3BzLmFmdGVyT3BlblN0eWxlc31cbiAgICAgIGN1c3RvbVZpZXdMb2NhdG9yQ29kZT17cHJvcHMuY3VzdG9tVmlld0xvY2F0b3JDb2RlfVxuICAgICAgZ2V0UGFyZW50U2VsZWN0b3I9e3Byb3BzLmdldFBhcmVudFNlbGVjdG9yfVxuICAgICAgc2hvdWxkRGVsYXlPbkNsb3NlPXtwcm9wcy5zaG91bGREZWxheU9uQ2xvc2V9XG4gICAgICB0b3BCYXJDb2xvcj17cHJvcHMudG9wQmFyQ29sb3J9XG4gICAgICB6SW5kZXg9e3Byb3BzLnpJbmRleH1cbiAgICA+XG4gICAgICA8SGVhZGVyV3JhcHBlcj5cbiAgICAgICAgPFNwYWNpbmdzLlN0YWNrPlxuICAgICAgICAgIDxTcGFjaW5ncy5JbmxpbmUganVzdGlmeUNvbnRlbnQ9XCJzcGFjZS1iZXR3ZWVuXCI+XG4gICAgICAgICAgICA8UGFnZUhlYWRlclRpdGxlXG4gICAgICAgICAgICAgIHRpdGxlPXtwcm9wcy50aXRsZX1cbiAgICAgICAgICAgICAgdGl0bGVTaXplPVwibWVkaXVtXCJcbiAgICAgICAgICAgICAgc3VidGl0bGU9e1xuICAgICAgICAgICAgICAgIHByb3BzLnN1YnRpdGxlICYmIDxUZXh0LkRldGFpbD57cHJvcHMuc3VidGl0bGV9PC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgICAgICAgICAgIDwvTGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgICB9XG4gICAgICAgICAgICAgICAgc2l6ZT1cImJpZ1wiXG4gICAgICAgICAgICAgIC8+XG4gICAgICAgICAgICApfVxuICAgICAgICAgIDwvU3BhY2luZ3MuSW5saW5lPlxuXG4gICAgICAgICAgPFNwYWNpbmdzLklubGluZSBqdXN0aWZ5Q29udGVudD1cImZsZXgtZW5kXCI+XG4gICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiBwcm9wcy5mb3JtQ29udHJvbHMgJiYgcHJvcHMuZm9ybUNvbnRyb2xzfVxuXG4gICAgICAgICAgICB7IXByb3BzLmhpZGVDb250cm9scyAmJiAhcHJvcHMuZm9ybUNvbnRyb2xzICYmIChcbiAgICAgICAgICAgICAgPD5cbiAgICAgICAgICAgICAgICA8Rm9ybVNlY29uZGFyeUJ1dHRvblxuICAgICAgICAgICAgICAgICAgbGFiZWw9e3Byb3BzLmxhYmVsU2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25TZWNvbmRhcnlCdXR0b25DbGlja31cbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzU2Vjb25kYXJ5QnV0dG9uRGlzYWJsZWR9XG4gICAgICAgICAgICAgICAgICBkYXRhQXR0cmlidXRlcz17cHJvcHMuZGF0YUF0dHJpYnV0ZXNTZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICBpY29uTGVmdD17cHJvcHMuaWNvbkxlZnRTZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8Rm9ybVByaW1hcnlCdXR0b25cbiAgICAgICAgICAgICAgICAgIGxhYmVsPXtwcm9wcy5sYWJlbFByaW1hcnlCdXR0b259XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vblByaW1hcnlCdXR0b25DbGlja31cbiAgICAgICAgICAgICAgICAgIGlzRGlzYWJsZWQ9e3Byb3BzLmlzUHJpbWFyeUJ1dHRvbkRpc2FibGVkfVxuICAgICAgICAgICAgICAgICAgZGF0YUF0dHJpYnV0ZXM9e3Byb3BzLmRhdGFBdHRyaWJ1dGVzUHJpbWFyeUJ1dHRvbn1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8Lz5cbiAgICAgICAgICAgICl9XG4gICAgICAgICAgPC9TcGFjaW5ncy5JbmxpbmU+XG4gICAgICAgIDwvU3BhY2luZ3MuU3RhY2s+XG4gICAgICA8L0hlYWRlcldyYXBwZXI+XG5cbiAgICAgIDxDb250ZW50V3JhcHBlcj57cHJvcHMuY2hpbGRyZW59PC9Db250ZW50V3JhcHBlcj5cbiAgICA8L01vZGFsUGFnZT5cbiAgKTtcbn1cblxuRHJhd2VyLmRpc3BsYXlOYW1lID0gJ0RyYXdlcic7XG5EcmF3ZXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuLy8gU3RhdGljIGV4cG9ydCBvZiBwcmUtY29uZmlndXJlZCBmb3JtIGNvbnRyb2wgYnV0dG9ucyB0byBlYXNpbHkgcmUtdXNlXG4vLyB0aGVtIGluIHRoZSBjdXN0b20gY29udHJvbHMuXG5EcmF3ZXIuRm9ybVByaW1hcnlCdXR0b24gPSBGb3JtUHJpbWFyeUJ1dHRvbjtcbkRyYXdlci5Gb3JtU2Vjb25kYXJ5QnV0dG9uID0gRm9ybVNlY29uZGFyeUJ1dHRvbjtcbi8vIFRoaXMgaXMgYSBjb252ZW5pZW5jZSBwcm94eSBleHBvcnQgdG8gZXhwb3NlIHByZS1kZWZpbmVkIEludGwgbWVzc2FnZXMgZGVmaW5lZCBpbiB0aGUgYEBjb21tZXJjZXRvb2xzLWZyb250ZW5kL2kxOG5gIHBhY2thZ2UuXG4vLyBUaGUgSW50bCBtZXNzYWdlcyBjYW4gYmUgdXNlZCBmb3IgYnV0dG9uIGxhYmVscy5cbkRyYXdlci5JbnRsID0gc2hhcmVkTWVzc2FnZXM7XG5cbmV4cG9ydCBkZWZhdWx0IERyYXdlcjtcbiJdfQ== */"));
+function Drawer(props) {
+  const intl = useIntl();
+  return jsxs(ModalPage, {
+    isOpen: props.isOpen,
     hidePathLabel: true,
-    isOpen: true,
+    hideTopBar: true,
     onClose: props.onClose,
     size: props.size,
     title: props.title,
-    children: jsx(ContentWrapper, {
+    afterOpenStyles: props.afterOpenStyles,
+    customViewLocatorCode: props.customViewLocatorCode,
+    getParentSelector: props.getParentSelector,
+    shouldDelayOnClose: props.shouldDelayOnClose,
+    topBarColor: props.topBarColor,
+    zIndex: props.zIndex,
+    children: [jsx(HeaderWrapper, {
+      children: jsxs(Spacings.Stack, {
+        children: [jsxs(Spacings.Inline, {
+          justifyContent: "space-between",
+          children: [jsx(PageHeaderTitle, {
+            title: props.title,
+            titleSize: "medium",
+            subtitle: props.subtitle && jsx(Text.Detail, {
+              children: props.subtitle
+            })
+          }), props.onClose && jsx(SecondaryIconButton, {
+            label: intl.formatMessage(messages$4.close),
+            onClick: props.onClose,
+            icon: jsx(LargeIconWrapper, {
+              children: jsx(CloseIcon, {})
+            }),
+            size: "big"
+          })]
+        }), jsxs(Spacings.Inline, {
+          justifyContent: "flex-end",
+          children: [!props.hideControls && props.formControls && props.formControls, !props.hideControls && !props.formControls && jsxs(Fragment, {
+            children: [jsx(FormSecondaryButton, {
+              label: props.labelSecondaryButton,
+              onClick: props.onSecondaryButtonClick,
+              isDisabled: props.isSecondaryButtonDisabled,
+              dataAttributes: props.dataAttributesSecondaryButton,
+              iconLeft: props.iconLeftSecondaryButton
+            }), jsx(FormPrimaryButton, {
+              label: props.labelPrimaryButton,
+              onClick: props.onPrimaryButtonClick,
+              isDisabled: props.isPrimaryButtonDisabled,
+              dataAttributes: props.dataAttributesPrimaryButton
+            })]
+          })]
+        })]
+      })
+    }), jsx(ContentWrapper, {
       children: props.children
-    })
+    })]
   });
 }
-CustomPanel.propTypes = process.env.NODE_ENV !== "production" ? {
+Drawer.propTypes = process.env.NODE_ENV !== "production" ? {
+  size: _pt.oneOf([10, 20, 30]).isRequired,
+  isOpen: _pt.bool.isRequired,
+  onClose: _pt.func,
+  children: _pt.node.isRequired,
+  topBarColor: _pt.oneOf(['neutral', 'surface']),
   title: _pt.string.isRequired,
-  size: _pt.oneOf(['small', 'large']).isRequired,
-  onClose: _pt.func.isRequired,
-  children: _pt.node.isRequired
+  subtitle: _pt.string,
+  zIndex: _pt.number,
+  getParentSelector: _pt.func,
+  shouldDelayOnClose: _pt.bool,
+  afterOpenStyles: _pt.oneOfType([_pt.string, _pt.any]),
+  customViewLocatorCode: _pt.string,
+  hideControls: _pt.bool,
+  formControls: _pt.node,
+  isPrimaryButtonDisabled: _pt.bool,
+  isSecondaryButtonDisabled: _pt.bool,
+  dataAttributesPrimaryButton: _pt.objectOf(_pt.string),
+  dataAttributesSecondaryButton: _pt.objectOf(_pt.string),
+  labelPrimaryButton: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]),
+  labelSecondaryButton: _pt.oneOfType([_pt.string, _pt.shape({
+    id: _pt.string.isRequired,
+    description: _pt.oneOfType([_pt.string, _pt.object]),
+    defaultMessage: _pt.string
+  })]),
+  onPrimaryButtonClick: _pt.func.isRequired,
+  onSecondaryButtonClick: _pt.func.isRequired,
+  iconLeftSecondaryButton: _pt.element
 } : {};
+Drawer.displayName = 'Drawer';
+Drawer.defaultProps = defaultProps$c;
+// Static export of pre-configured form control buttons to easily re-use
+// them in the custom controls.
+Drawer.FormPrimaryButton = FormPrimaryButton;
+Drawer.FormSecondaryButton = FormSecondaryButton;
+// This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
+// The Intl messages can be used for button labels.
+Drawer.Intl = sharedMessages;
 
-const messages$4 = defineMessages({
+const messages$3 = defineMessages({
   loadError: {
     id: 'CustomViewLoader.error.load',
     defaultMessage: 'We could not load the Custom View. Please contact your administrator to check its configuration.'
   }
 });
 
-function _EMOTION_STRINGIFIED_CSS_ERROR__$7() { 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)."; }
+function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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)."; }
 const isIframeReady = iFrameElementRef => {
   try {
     var _iFrameElementRef$con;
@@ -740,8 +1022,8 @@ const CustomPanelIframe = /*#__PURE__*/_styled("iframe", process.env.NODE_ENV ==
 } : {
   name: "174lt7a",
   styles: "height:100%;width:100%;border:none",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LWxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N1QyIsImZpbGUiOiJjdXN0b20tdmlldy1sb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJztcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnO1xuaW1wb3J0IHtcbiAgQ1VTVE9NX1ZJRVdTX0VWRU5UU19OQU1FUyxcbiAgQ1VTVE9NX1ZJRVdTX0VWRU5UU19NRVRBLFxuICBET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfUEFHRSxcbiAgQ3VzdG9tVmlld0RhdGEsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyByZXBvcnRFcnJvclRvU2VudHJ5IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvc2VudHJ5JztcbmltcG9ydCBDdXN0b21QYW5lbCBmcm9tICcuLi9jdXN0b20tcGFuZWwnO1xuaW1wb3J0IG1lc3NhZ2VzIGZyb20gJy4vbWVzc2FnZXMnO1xuXG50eXBlIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSA9IHtcbiAgc291cmNlOiBzdHJpbmc7XG4gIGRlc3RpbmF0aW9uOiBzdHJpbmc7XG4gIGV2ZW50TmFtZTogc3RyaW5nO1xuICBldmVudERhdGE6IFJlY29yZDxzdHJpbmcsIHVua25vd24+O1xufTtcblxudHlwZSBUQ3VzdG9tVmlld0xvYWRlclByb3BzID0ge1xuICBjdXN0b21WaWV3OiBDdXN0b21WaWV3RGF0YTtcbiAgaG9zdFVybD86IHN0cmluZztcbiAgb25DbG9zZTogKCkgPT4gdm9pZDtcbn07XG5cbmNvbnN0IGlzSWZyYW1lUmVhZHkgPSAoaUZyYW1lRWxlbWVudFJlZjogSFRNTElGcmFtZUVsZW1lbnQpID0+IHtcbiAgdHJ5IHtcbiAgICByZXR1cm4gaUZyYW1lRWxlbWVudFJlZj8uY29udGVudFdpbmRvdz8uZG9jdW1lbnQucmVhZHlTdGF0ZSA9PT0gJ2NvbXBsZXRlJztcbiAgfSBjYXRjaCB7XG4gICAgLy8gVHJ5aW5nIHRvIGFjY2VzcyB0aGUgY29udGVudFdpbmRvdyBvZiBhIGNyb3NzLW9yaWdpbiBpRnJhbWUgd2lsbCB0aHJvdyBhbiBlcnJvci5cbiAgICAvLyBXZSBhcmUgbm90IHN1cHBvc2VkIHRvIGV2ZW4gZ2V0IGhlcmUgYmVjYXVzZSB0aGUgaUZyYW1lIG11c3QgdXNlXG4gICAgLy8gYSBVUkwgZnJvbSBvdXIgdmVyeSBzYW1lIGRvbWFpbiAodGhlIGN1c3RvbSB2aWV3IGlzIHByb3hpZWQgdGhyb3VnaCBvdXIgaHR0cC1wcm94eSBzZXJ2aWNlKS5cbiAgICByZXR1cm4gZmFsc2U7XG4gIH1cbn07XG5cbmNvbnN0IEN1c3RvbVBhbmVsSWZyYW1lID0gc3R5bGVkLmlmcmFtZWBcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogMTAwJTtcbiAgYm9yZGVyOiBub25lO1xuYDtcblxuZnVuY3Rpb24gQ3VzdG9tVmlld0xvYWRlcihwcm9wczogVEN1c3RvbVZpZXdMb2FkZXJQcm9wcykge1xuICBjb25zdCBpRnJhbWVFbGVtZW50UmVmID0gdXNlUmVmPEhUTUxJRnJhbWVFbGVtZW50PihudWxsKTtcbiAgY29uc3QgZGF0YUxvY2FsZSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gY29udGV4dC5kYXRhTG9jYWxlKTtcbiAgY29uc3QgcHJvamVjdEtleSA9IHVzZUFwcGxpY2F0aW9uQ29udGV4dCgoY29udGV4dCkgPT4gY29udGV4dC5wcm9qZWN0Py5rZXkpO1xuICBjb25zdCBpRnJhbWVDb21tdW5pY2F0aW9uQ2hhbm5lbCA9IHVzZVJlZihuZXcgTWVzc2FnZUNoYW5uZWwoKSk7XG4gIGNvbnN0IHNob3dOb3RpZmljYXRpb24gPSB1c2VTaG93Tm90aWZpY2F0aW9uKCk7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG5cbiAgY29uc3QgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyID0gdXNlQ2FsbGJhY2soKGV2ZW50OiBNZXNzYWdlRXZlbnQpID0+IHtcbiAgICBpZiAoZXZlbnQuZGF0YS5vcmlnaW4gPT09IHdpbmRvdy5sb2NhdGlvbi5vcmlnaW4pIHtcbiAgICAgIGNvbnNvbGUubG9nKCdtZXNzYWdlIHJlY2VpdmVkIGZyb20gaWZyYW1lIHBvcnQ6ICcsIGV2ZW50KTtcbiAgICB9XG4gIH0sIFtdKTtcblxuICAvLyBvbkxvYWQgaGFuZGxlciBpcyBjYWxsZWQgZnJvbSB0aGUgaUZyYW1lIGV2ZW4gd2hlcmUgdGhlIFVSTCBpcyBub3QgdmFsaWRcbiAgLy8gKGJsb2NrZWQgYnkgQ09SUywgNDA0LCBldGMuKSBzbyB3ZSBuZWVkIHRvIG1ha2Ugc3VyZSB0aGUgaUZyYW1lIGlzIHJlYWR5XG4gIGNvbnN0IG9uTG9hZFN1Y2Nlc3NIYW5kbGVyID0gdXNlQ2FsbGJhY2soKCkgPT4ge1xuICAgIC8vIFNob3cgZXJyb3IgYW5kIGJsb2NrIGlmIHRoZSBpRnJhbWUgaXMgbm90IHJlYWR5XG4gICAgLy8gKGVycm9yIGxvYWRpbmcgaXQpXG4gICAgaWYgKCFpc0lmcmFtZVJlYWR5KGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudCEpKSB7XG4gICAgICBzaG93Tm90aWZpY2F0aW9uKHtcbiAgICAgICAgZG9tYWluOiBET01BSU5TLlBBR0UsXG4gICAgICAgIGtpbmQ6IE5PVElGSUNBVElPTl9LSU5EU19QQUdFLmVycm9yLFxuICAgICAgICB0ZXh0OiBpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMubG9hZEVycm9yKSxcbiAgICAgIH0pO1xuICAgICAgcmV0dXJuO1xuICAgIH1cblxuICAgIC8vIExpc3RlbiBmb3IgbWVzc2FnZXMgZnJvbSB0aGUgaUZyYW1lXG4gICAgaUZyYW1lQ29tbXVuaWNhdGlvbkNoYW5uZWwuY3VycmVudC5wb3J0MS5vbm1lc3NhZ2UgPVxuICAgICAgbWVzc2FnZUZyb21JRnJhbWVIYW5kbGVyO1xuXG4gICAgLy8gVHJhbnNmZXIgcG9ydDIgdG8gdGhlIGlGcmFtZSBzbyBpdCBjYW4gc2VuZCBtZXNzYWdlcyBiYWNrIHByaXZhdGVseVxuICAgIGlGcmFtZUVsZW1lbnRSZWYuY3VycmVudD8uY29udGVudFdpbmRvdz8ucG9zdE1lc3NhZ2UoXG4gICAgICBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0JPT1RTVFJBUCxcbiAgICAgIHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgW2lGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDJdXG4gICAgKTtcblxuICAgIC8vIFNlbmQgdGhlIGluaXRpYWxpemF0aW9uIG1lc3NhZ2UgdG8gdGhlIGlGcmFtZVxuICAgIGlGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDEucG9zdE1lc3NhZ2Uoe1xuICAgICAgc291cmNlOiBDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuU09VUkNFLFxuICAgICAgZGVzdGluYXRpb246IGAke0NVU1RPTV9WSUVXU19FVkVOVFNfTUVUQS5ERVNUSU5BVElPTl9QUkVGSVh9JHtwcm9wcy5jdXN0b21WaWV3LmlkfWAsXG4gICAgICBldmVudE5hbWU6IENVU1RPTV9WSUVXU19FVkVOVFNfTkFNRVMuQ1VTVE9NX1ZJRVdfSU5JVElBTElaQVRJT04sXG4gICAgICBldmVudERhdGE6IHtcbiAgICAgICAgY29udGV4dDoge1xuICAgICAgICAgIGRhdGFMb2NhbGUsXG4gICAgICAgICAgcHJvamVjdEtleSxcbiAgICAgICAgICBjdXN0b21WaWV3Q29uZmlnOiBwcm9wcy5jdXN0b21WaWV3LFxuICAgICAgICAgIGhvc3RVcmw6IHByb3BzLmhvc3RVcmwgfHwgd2luZG93LmxvY2F0aW9uLmhyZWYsXG4gICAgICAgIH0sXG4gICAgICB9LFxuICAgIH0gYXMgVEN1c3RvbVZpZXdJZnJhbWVNZXNzYWdlKTtcblxuICAgIC8vIFdlIHdhbnQgdGhlIGVmZmVjdCB0byBydW4gb25seSBvbmNlIHNvIHdlIGRvbid0IG5lZWQgdGhlIGRlcGVuZGVuY2llcyBhcnJheS5cbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgcmVhY3QtaG9va3MvZXhoYXVzdGl2ZS1kZXBzXG4gIH0sIFtdKTtcblxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIC8vIENsb3NlIHRoZSBjaGFubmVsIHdoZW4gdGhlIGNvbXBvbmVudCB1bm1vdW50c1xuICAgIGNvbnN0IGNvbW11bmljYXRpb25DaGFubmVsID0gaUZyYW1lQ29tbXVuaWNhdGlvbkNoYW5uZWwuY3VycmVudDtcbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY29tbXVuaWNhdGlvbkNoYW5uZWw/LnBvcnQxLmNsb3NlKCk7XG4gICAgfTtcbiAgfSwgW10pO1xuXG4gIC8vIEN1cnJlbnRseSB3ZSBvbmx5IHN1cHBvcnQgY3VzdG9tIHBhbmVsc1xuICBpZiAocHJvcHMuY3VzdG9tVmlldy50eXBlICE9PSAnQ3VzdG9tUGFuZWwnKSB7XG4gICAgcmVwb3J0RXJyb3JUb1NlbnRyeShcbiAgICAgIG5ldyBFcnJvcihcbiAgICAgICAgYEN1c3RvbVZpZXdMb2FkZXI6IFByb3ZpZGVkIEN1c3RvbSBWaWV3IGhhcyBhbiB1bnN1cHBvcnRlZCB0eXBlOiAke3Byb3BzLmN1c3RvbVZpZXcudHlwZX0uIFN1cHBvcnRlZCB0eXBlczogWydDdXN0b21QYW5lbCddLmBcbiAgICAgIClcbiAgICApO1xuICAgIHJldHVybiBudWxsO1xuICB9XG4gIGNvbnN0IHBhbmVsU2l6ZSA9IChwcm9wcy5jdXN0b21WaWV3LnR5cGVTZXR0aW5ncz8uc2l6ZT8udG9Mb2NhbGVMb3dlckNhc2UoKSB8fFxuICAgICdsYXJnZScpIGFzIExvd2VyY2FzZTwnU01BTEwnIHwgJ0xBUkdFJz47XG4gIGNvbnN0IGlGcmFtZVVybCA9IFtcbiAgICB3aW5kb3cubG9jYXRpb24ub3JpZ2luLFxuICAgICdjdXN0b20tdmlld3MnLFxuICAgIHByb3BzLmN1c3RvbVZpZXcuaWQsXG4gICAgJ3Byb2plY3RzJyxcbiAgICBwcm9qZWN0S2V5LFxuICBdLmpvaW4oJy8nKTtcblxuICByZXR1cm4gKFxuICAgIDxDdXN0b21QYW5lbFxuICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgb25DbG9zZT17cHJvcHMub25DbG9zZX1cbiAgICAgIHNpemU9e3BhbmVsU2l6ZX1cbiAgICA+XG4gICAgICA8Q3VzdG9tUGFuZWxJZnJhbWVcbiAgICAgICAgaWQ9e2BjdXN0b20tdmlldy0ke3Byb3BzLmN1c3RvbVZpZXcuaWR9YH1cbiAgICAgICAga2V5PXtgY3VzdG9tLXZpZXctJHtwcm9wcy5jdXN0b21WaWV3LmlkfWB9XG4gICAgICAgIHRpdGxlPXtgQ3VzdG9tIFZpZXc6ICR7cHJvcHMuY3VzdG9tVmlldy5kZWZhdWx0TGFiZWx9YH1cbiAgICAgICAgcmVmPXtpRnJhbWVFbGVtZW50UmVmfVxuICAgICAgICBzcmM9e2lGcmFtZVVybH1cbiAgICAgICAgb25Mb2FkPXtvbkxvYWRTdWNjZXNzSGFuZGxlcn1cbiAgICAgIC8+XG4gICAgPC9DdXN0b21QYW5lbD5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld0xvYWRlcjtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$7
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImN1c3RvbS12aWV3LWxvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0N1QyIsImZpbGUiOiJjdXN0b20tdmlldy1sb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlUmVmIH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgdXNlU2hvd05vdGlmaWNhdGlvbiB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FjdGlvbnMtZ2xvYmFsJztcbmltcG9ydCB7IHVzZUFwcGxpY2F0aW9uQ29udGV4dCB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2FwcGxpY2F0aW9uLXNoZWxsLWNvbm5lY3RvcnMnO1xuaW1wb3J0IHtcbiAgQ1VTVE9NX1ZJRVdTX0VWRU5UU19OQU1FUyxcbiAgQ1VTVE9NX1ZJRVdTX0VWRU5UU19NRVRBLFxuICBET01BSU5TLFxuICBOT1RJRklDQVRJT05fS0lORFNfUEFHRSxcbiAgQ3VzdG9tVmlld0RhdGEsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLWZyb250ZW5kL2NvbnN0YW50cyc7XG5pbXBvcnQgeyByZXBvcnRFcnJvclRvU2VudHJ5IH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtZnJvbnRlbmQvc2VudHJ5JztcbmltcG9ydCBEcmF3ZXIgZnJvbSAnLi4vLi4vZHJhd2VyJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuL21lc3NhZ2VzJztcblxudHlwZSBUQ3VzdG9tVmlld0lmcmFtZU1lc3NhZ2UgPSB7XG4gIHNvdXJjZTogc3RyaW5nO1xuICBkZXN0aW5hdGlvbjogc3RyaW5nO1xuICBldmVudE5hbWU6IHN0cmluZztcbiAgZXZlbnREYXRhOiBSZWNvcmQ8c3RyaW5nLCB1bmtub3duPjtcbn07XG5cbnR5cGUgVEN1c3RvbVZpZXdMb2FkZXJQcm9wcyA9IHtcbiAgY3VzdG9tVmlldzogQ3VzdG9tVmlld0RhdGE7XG4gIGhvc3RVcmw/OiBzdHJpbmc7XG4gIG9uQ2xvc2U6ICgpID0+IHZvaWQ7XG59O1xuXG5jb25zdCBpc0lmcmFtZVJlYWR5ID0gKGlGcmFtZUVsZW1lbnRSZWY6IEhUTUxJRnJhbWVFbGVtZW50KSA9PiB7XG4gIHRyeSB7XG4gICAgcmV0dXJuIGlGcmFtZUVsZW1lbnRSZWY/LmNvbnRlbnRXaW5kb3c/LmRvY3VtZW50LnJlYWR5U3RhdGUgPT09ICdjb21wbGV0ZSc7XG4gIH0gY2F0Y2gge1xuICAgIC8vIFRyeWluZyB0byBhY2Nlc3MgdGhlIGNvbnRlbnRXaW5kb3cgb2YgYSBjcm9zcy1vcmlnaW4gaUZyYW1lIHdpbGwgdGhyb3cgYW4gZXJyb3IuXG4gICAgLy8gV2UgYXJlIG5vdCBzdXBwb3NlZCB0byBldmVuIGdldCBoZXJlIGJlY2F1c2UgdGhlIGlGcmFtZSBtdXN0IHVzZVxuICAgIC8vIGEgVVJMIGZyb20gb3VyIHZlcnkgc2FtZSBkb21haW4gKHRoZSBjdXN0b20gdmlldyBpcyBwcm94aWVkIHRocm91Z2ggb3VyIGh0dHAtcHJveHkgc2VydmljZSkuXG4gICAgcmV0dXJuIGZhbHNlO1xuICB9XG59O1xuXG5jb25zdCBDdXN0b21QYW5lbElmcmFtZSA9IHN0eWxlZC5pZnJhbWVgXG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6IDEwMCU7XG4gIGJvcmRlcjogbm9uZTtcbmA7XG5cbmZ1bmN0aW9uIEN1c3RvbVZpZXdMb2FkZXIocHJvcHM6IFRDdXN0b21WaWV3TG9hZGVyUHJvcHMpIHtcbiAgY29uc3QgaUZyYW1lRWxlbWVudFJlZiA9IHVzZVJlZjxIVE1MSUZyYW1lRWxlbWVudD4obnVsbCk7XG4gIGNvbnN0IGRhdGFMb2NhbGUgPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+IGNvbnRleHQuZGF0YUxvY2FsZSk7XG4gIGNvbnN0IHByb2plY3RLZXkgPSB1c2VBcHBsaWNhdGlvbkNvbnRleHQoKGNvbnRleHQpID0+IGNvbnRleHQucHJvamVjdD8ua2V5KTtcbiAgY29uc3QgaUZyYW1lQ29tbXVuaWNhdGlvbkNoYW5uZWwgPSB1c2VSZWYobmV3IE1lc3NhZ2VDaGFubmVsKCkpO1xuICBjb25zdCBzaG93Tm90aWZpY2F0aW9uID0gdXNlU2hvd05vdGlmaWNhdGlvbigpO1xuICBjb25zdCBpbnRsID0gdXNlSW50bCgpO1xuXG4gIGNvbnN0IG1lc3NhZ2VGcm9tSUZyYW1lSGFuZGxlciA9IHVzZUNhbGxiYWNrKChldmVudDogTWVzc2FnZUV2ZW50KSA9PiB7XG4gICAgaWYgKGV2ZW50LmRhdGEub3JpZ2luID09PSB3aW5kb3cubG9jYXRpb24ub3JpZ2luKSB7XG4gICAgICBjb25zb2xlLmxvZygnbWVzc2FnZSByZWNlaXZlZCBmcm9tIGlmcmFtZSBwb3J0OiAnLCBldmVudCk7XG4gICAgfVxuICB9LCBbXSk7XG5cbiAgLy8gb25Mb2FkIGhhbmRsZXIgaXMgY2FsbGVkIGZyb20gdGhlIGlGcmFtZSBldmVuIHdoZXJlIHRoZSBVUkwgaXMgbm90IHZhbGlkXG4gIC8vIChibG9ja2VkIGJ5IENPUlMsIDQwNCwgZXRjLikgc28gd2UgbmVlZCB0byBtYWtlIHN1cmUgdGhlIGlGcmFtZSBpcyByZWFkeVxuICBjb25zdCBvbkxvYWRTdWNjZXNzSGFuZGxlciA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICAvLyBTaG93IGVycm9yIGFuZCBibG9jayBpZiB0aGUgaUZyYW1lIGlzIG5vdCByZWFkeVxuICAgIC8vIChlcnJvciBsb2FkaW5nIGl0KVxuICAgIGlmICghaXNJZnJhbWVSZWFkeShpRnJhbWVFbGVtZW50UmVmLmN1cnJlbnQhKSkge1xuICAgICAgc2hvd05vdGlmaWNhdGlvbih7XG4gICAgICAgIGRvbWFpbjogRE9NQUlOUy5QQUdFLFxuICAgICAgICBraW5kOiBOT1RJRklDQVRJT05fS0lORFNfUEFHRS5lcnJvcixcbiAgICAgICAgdGV4dDogaW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmxvYWRFcnJvciksXG4gICAgICB9KTtcbiAgICAgIHJldHVybjtcbiAgICB9XG5cbiAgICAvLyBMaXN0ZW4gZm9yIG1lc3NhZ2VzIGZyb20gdGhlIGlGcmFtZVxuICAgIGlGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQucG9ydDEub25tZXNzYWdlID1cbiAgICAgIG1lc3NhZ2VGcm9tSUZyYW1lSGFuZGxlcjtcblxuICAgIC8vIFRyYW5zZmVyIHBvcnQyIHRvIHRoZSBpRnJhbWUgc28gaXQgY2FuIHNlbmQgbWVzc2FnZXMgYmFjayBwcml2YXRlbHlcbiAgICBpRnJhbWVFbGVtZW50UmVmLmN1cnJlbnQ/LmNvbnRlbnRXaW5kb3c/LnBvc3RNZXNzYWdlKFxuICAgICAgQ1VTVE9NX1ZJRVdTX0VWRU5UU19OQU1FUy5DVVNUT01fVklFV19CT09UU1RSQVAsXG4gICAgICB3aW5kb3cubG9jYXRpb24uaHJlZixcbiAgICAgIFtpRnJhbWVDb21tdW5pY2F0aW9uQ2hhbm5lbC5jdXJyZW50LnBvcnQyXVxuICAgICk7XG5cbiAgICAvLyBTZW5kIHRoZSBpbml0aWFsaXphdGlvbiBtZXNzYWdlIHRvIHRoZSBpRnJhbWVcbiAgICBpRnJhbWVDb21tdW5pY2F0aW9uQ2hhbm5lbC5jdXJyZW50LnBvcnQxLnBvc3RNZXNzYWdlKHtcbiAgICAgIHNvdXJjZTogQ1VTVE9NX1ZJRVdTX0VWRU5UU19NRVRBLlNPVVJDRSxcbiAgICAgIGRlc3RpbmF0aW9uOiBgJHtDVVNUT01fVklFV1NfRVZFTlRTX01FVEEuREVTVElOQVRJT05fUFJFRklYfSR7cHJvcHMuY3VzdG9tVmlldy5pZH1gLFxuICAgICAgZXZlbnROYW1lOiBDVVNUT01fVklFV1NfRVZFTlRTX05BTUVTLkNVU1RPTV9WSUVXX0lOSVRJQUxJWkFUSU9OLFxuICAgICAgZXZlbnREYXRhOiB7XG4gICAgICAgIGNvbnRleHQ6IHtcbiAgICAgICAgICBkYXRhTG9jYWxlLFxuICAgICAgICAgIHByb2plY3RLZXksXG4gICAgICAgICAgY3VzdG9tVmlld0NvbmZpZzogcHJvcHMuY3VzdG9tVmlldyxcbiAgICAgICAgICBob3N0VXJsOiBwcm9wcy5ob3N0VXJsIHx8IHdpbmRvdy5sb2NhdGlvbi5ocmVmLFxuICAgICAgICB9LFxuICAgICAgfSxcbiAgICB9IGFzIFRDdXN0b21WaWV3SWZyYW1lTWVzc2FnZSk7XG5cbiAgICAvLyBXZSB3YW50IHRoZSBlZmZlY3QgdG8gcnVuIG9ubHkgb25jZSBzbyB3ZSBkb24ndCBuZWVkIHRoZSBkZXBlbmRlbmNpZXMgYXJyYXkuXG4gICAgLy8gZXNsaW50LWRpc2FibGUtbmV4dC1saW5lIHJlYWN0LWhvb2tzL2V4aGF1c3RpdmUtZGVwc1xuICB9LCBbXSk7XG5cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICAvLyBDbG9zZSB0aGUgY2hhbm5lbCB3aGVuIHRoZSBjb21wb25lbnQgdW5tb3VudHNcbiAgICBjb25zdCBjb21tdW5pY2F0aW9uQ2hhbm5lbCA9IGlGcmFtZUNvbW11bmljYXRpb25DaGFubmVsLmN1cnJlbnQ7XG4gICAgcmV0dXJuICgpID0+IHtcbiAgICAgIGNvbW11bmljYXRpb25DaGFubmVsPy5wb3J0MS5jbG9zZSgpO1xuICAgIH07XG4gIH0sIFtdKTtcblxuICAvLyBDdXJyZW50bHkgd2Ugb25seSBzdXBwb3J0IGN1c3RvbSBwYW5lbHNcbiAgaWYgKHByb3BzLmN1c3RvbVZpZXcudHlwZSAhPT0gJ0N1c3RvbVBhbmVsJykge1xuICAgIHJlcG9ydEVycm9yVG9TZW50cnkoXG4gICAgICBuZXcgRXJyb3IoXG4gICAgICAgIGBDdXN0b21WaWV3TG9hZGVyOiBQcm92aWRlZCBDdXN0b20gVmlldyBoYXMgYW4gdW5zdXBwb3J0ZWQgdHlwZTogJHtwcm9wcy5jdXN0b21WaWV3LnR5cGV9LiBTdXBwb3J0ZWQgdHlwZXM6IFsnQ3VzdG9tUGFuZWwnXS5gXG4gICAgICApXG4gICAgKTtcbiAgICByZXR1cm4gbnVsbDtcbiAgfVxuICBjb25zdCBwYW5lbFNpemUgPSAocHJvcHMuY3VzdG9tVmlldy50eXBlU2V0dGluZ3M/LnNpemU/LnRvTG9jYWxlTG93ZXJDYXNlKCkgfHxcbiAgICAnbGFyZ2UnKSBhcyBMb3dlcmNhc2U8J1NNQUxMJyB8ICdMQVJHRSc+O1xuICBjb25zdCBpRnJhbWVVcmwgPSBbXG4gICAgd2luZG93LmxvY2F0aW9uLm9yaWdpbixcbiAgICAnY3VzdG9tLXZpZXdzJyxcbiAgICBwcm9wcy5jdXN0b21WaWV3LmlkLFxuICAgICdwcm9qZWN0cycsXG4gICAgcHJvamVjdEtleSxcbiAgXS5qb2luKCcvJyk7XG5cbiAgcmV0dXJuIChcbiAgICA8RHJhd2VyXG4gICAgICBpc09wZW5cbiAgICAgIHRpdGxlPXtgQ3VzdG9tIFZpZXc6ICR7cHJvcHMuY3VzdG9tVmlldy5kZWZhdWx0TGFiZWx9YH1cbiAgICAgIG9uQ2xvc2U9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICBzaXplPXtwYW5lbFNpemUgPT09ICdzbWFsbCcgPyAxMCA6IDMwfVxuICAgID5cbiAgICAgIDxDdXN0b21QYW5lbElmcmFtZVxuICAgICAgICBpZD17YGN1c3RvbS12aWV3LSR7cHJvcHMuY3VzdG9tVmlldy5pZH1gfVxuICAgICAgICBrZXk9e2BjdXN0b20tdmlldy0ke3Byb3BzLmN1c3RvbVZpZXcuaWR9YH1cbiAgICAgICAgdGl0bGU9e2BDdXN0b20gVmlldzogJHtwcm9wcy5jdXN0b21WaWV3LmRlZmF1bHRMYWJlbH1gfVxuICAgICAgICByZWY9e2lGcmFtZUVsZW1lbnRSZWZ9XG4gICAgICAgIHNyYz17aUZyYW1lVXJsfVxuICAgICAgICBvbkxvYWQ9e29uTG9hZFN1Y2Nlc3NIYW5kbGVyfVxuICAgICAgLz5cbiAgICA8L0RyYXdlcj5cbiAgKTtcbn1cblxuZXhwb3J0IGRlZmF1bHQgQ3VzdG9tVmlld0xvYWRlcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 });
 function CustomViewLoader(props) {
   var _props$customView$typ;
@@ -770,7 +1052,7 @@ function CustomViewLoader(props) {
       showNotification({
         domain: DOMAINS.PAGE,
         kind: NOTIFICATION_KINDS_PAGE.error,
-        text: intl.formatMessage(messages$4.loadError)
+        text: intl.formatMessage(messages$3.loadError)
       });
       return;
     }
@@ -814,10 +1096,11 @@ function CustomViewLoader(props) {
   }
   const panelSize = ((_props$customView$typ = props.customView.typeSettings) === null || _props$customView$typ === void 0 || (_props$customView$typ = _props$customView$typ.size) === null || _props$customView$typ === void 0 ? void 0 : _props$customView$typ.toLocaleLowerCase()) || 'large';
   const iFrameUrl = [window.location.origin, 'custom-views', props.customView.id, 'projects', projectKey].join('/');
-  return jsx(CustomPanel, {
+  return jsx(Drawer, {
+    isOpen: true,
     title: "Custom View: ".concat(props.customView.defaultLabel),
     onClose: props.onClose,
-    size: panelSize,
+    size: panelSize === 'small' ? 10 : 30,
     children: jsx(CustomPanelIframe, {
       id: "custom-view-".concat(props.customView.id),
       title: "Custom View: ".concat(props.customView.defaultLabel),
@@ -833,7 +1116,7 @@ CustomViewLoader.propTypes = process.env.NODE_ENV !== "production" ? {
   onClose: _pt.func.isRequired
 } : {};
 
-var messages$3 = defineMessages({
+var messages$2 = defineMessages({
   title: {
     id: 'CustomViewsSelector.title',
     defaultMessage: 'Custom Views:'
@@ -864,8 +1147,8 @@ const useCustomViewsConnector = _ref => {
   };
 };
 
-function ownKeys$4(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$4(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$4(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$4(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const COMPONENT_HEIGHT = '56px';
 const Wrapper = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "e16cb3zv1"
@@ -921,7 +1204,7 @@ function CustomViewSelector(props) {
               color: "neutral60"
             }), jsx(Text.Detail, {
               tone: "secondary",
-              intlMessage: messages$3.title
+              intlMessage: messages$2.title
             })]
           }), _mapInstanceProperty(customViews).call(customViews, customView => jsx(SecondaryButton, {
             label: customView.defaultLabel,
@@ -948,7 +1231,7 @@ const CustomViewSelectorOrNothing = props => {
   if (!props.customViewLocatorCode) {
     return null;
   }
-  return jsx(CustomViewSelector, _objectSpread$4(_objectSpread$4({}, props), {}, {
+  return jsx(CustomViewSelector, _objectSpread$3(_objectSpread$3({}, props), {}, {
     customViewLocatorCode: props.customViewLocatorCode
   }));
 };
@@ -957,157 +1240,67 @@ CustomViewSelectorOrNothing.propTypes = process.env.NODE_ENV !== "production" ?
   customViewLocatorCode: _pt.string
 } : {};
 
-const messages$2 = defineMessages({
-  back: {
-    id: 'Components.ModalPage.TopBar.Back',
-    defaultMessage: 'Go Back'
+function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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)."; }
+const stylesBySize = {
+  '10': {
+    width: '600px',
+    transitionTime: 200
   },
-  close: {
-    id: 'Components.ModalPage.TopBar.Close',
-    defaultMessage: 'Close Modal Page'
+  '20': {
+    width: '900px',
+    transitionTime: 200
+  },
+  '30': {
+    width: '1200px',
+    transitionTime: 200
+  },
+  scale: {
+    width: '100%',
+    transitionTime: 300
   }
-});
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$6() { 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)."; }
-// Component to have a larger clickable surface
-var _ref2$2 = process.env.NODE_ENV === "production" ? {
-  name: "1rxhroq",
-  styles: "display:flex;align-items:center;justify-content:center;&::after{content:'';position:absolute;height:35px;width:48px;top:0;right:0;}"
-} : {
-  name: "p8pio5-LargeIconWrapper",
-  styles: "display:flex;align-items:center;justify-content:center;&::after{content:'';position:absolute;height:35px;width:48px;top:0;right:0;};label:LargeIconWrapper;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUJZIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbG9uZUVsZW1lbnQsIHR5cGUgU3ludGhldGljRXZlbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUljb24sIEFuZ2xlTGVmdEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiwge1xuICB0eXBlIFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG50eXBlIFRMYXJnZUljb25XcmFwcGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQ7XG4gIHNpemU/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzWydzaXplJ107XG59O1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuY29uc3QgTGFyZ2VJY29uV3JhcHBlciA9IChwcm9wczogVExhcmdlSWNvbldyYXBwZXJQcm9wcykgPT4gKFxuICA8c3BhblxuICAgIGNzcz17Y3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICB3aWR0aDogNDhweDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgIH1cbiAgICBgfVxuICA+XG4gICAge2Nsb25lRWxlbWVudChwcm9wcy5jaGlsZHJlbiwgeyBzaXplOiBwcm9wcy5zaXplIH0pfVxuICA8L3NwYW4+XG4pO1xuXG4vLyBOT1RFOiB0aGUgYE1lc3NhZ2VEZXNjcmlwdG9yYCB0eXBlIGlzIGV4cG9zZWQgYnkgYHJlYWN0LWludGxgLlxuLy8gSG93ZXZlciwgd2UgbmVlZCB0byBleHBsaWNpdGx5IGRlZmluZSB0aGlzIG90aGVyd2lzZSB0aGUgcHJvcC10eXBlcyBiYWJlbCBwbHVnaW5cbi8vIGRvZXMgbm90IHJlY29nbml6ZSB0aGUgb2JqZWN0IHNoYXBlLlxudHlwZSBNZXNzYWdlRGVzY3JpcHRvciA9IHtcbiAgaWQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBvYmplY3Q7XG4gIGRlZmF1bHRNZXNzYWdlPzogc3RyaW5nO1xufTtcbnR5cGUgTGFiZWwgPSBzdHJpbmcgfCBNZXNzYWdlRGVzY3JpcHRvcjtcbnR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScgfCAnbmV1dHJhbCc7XG4gIGN1cnJlbnRQYXRoTGFiZWw/OiBzdHJpbmc7XG4gIHByZXZpb3VzUGF0aExhYmVsOiBMYWJlbDtcbiAgaGlkZVBhdGhMYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xvc2U6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBQcm9wcyxcbiAgJ2NvbG9yJyB8ICdwcmV2aW91c1BhdGhMYWJlbCcgfCAnaGlkZVBhdGhMYWJlbCdcbj4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG4gIHByZXZpb3VzUGF0aExhYmVsOiBtZXNzYWdlcy5iYWNrLFxuICBoaWRlUGF0aExhYmVsOiBmYWxzZSxcbn07XG5cbmNvbnN0IE1vZGFsUGFnZVRvcEJhciA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNb2RhbFRvcEJhcn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gYXBwS2l0RGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclBhZ2VIZWFkZXJcbiAgICAgICAgICA6IHVpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICAgICAgICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgICAgPyB1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICAgICAgICAgIDogYXBwS2l0RGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yTW9kYWxUb3BCYXJXaGVuU3VyZmFjZX07XG4gICAgICAgICYgKiArICoge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEZJWE1FOiB0aGVzZSBcImRpcnR5XCIgc3R5bGVzIHNob3VsZCBiZSByZW1vdmVkIHdoZW4gdGhlIG5ldyBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgaW1wbGVtZW50ZWQgKi9cbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgICAvKiAgc3BlY2lmaWMgc2VsZWN0b3IgZm9yIHRoZSBzdmcgb2YgdGhlIEZsYXRCdXR0b24gKi9cbiAgICAgICAgICBidXR0b246Zmlyc3Qtb2YtdHlwZSBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB3aWR0aDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgeyFwcm9wcy5oaWRlUGF0aExhYmVsICYmIChcbiAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgdG9uZT1cInByaW1hcnlcIlxuICAgICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgICB0eXBlb2YgcHJvcHMucHJldmlvdXNQYXRoTGFiZWwgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICAgICAgPyBwcm9wcy5wcmV2aW91c1BhdGhMYWJlbFxuICAgICAgICAgICAgICAgIDogaW50bC5mb3JtYXRNZXNzYWdlKHByb3BzLnByZXZpb3VzUGF0aExhYmVsKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbj17PEFuZ2xlTGVmdEljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwicHJpbWFyeVwiIC8+fVxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbCAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbCBhcz1cInNwYW5cIj4vPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbCBhcz1cInNwYW5cIiB0aXRsZT17cHJvcHMuY3VycmVudFBhdGhMYWJlbH0gdHJ1bmNhdGU+XG4gICAgICAgICAgICAgIHtwcm9wcy5jdXJyZW50UGF0aExhYmVsfVxuICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uQ2xvc2UgJiYgKFxuICAgICAgICA8U2Vjb25kYXJ5SWNvbkJ1dHRvblxuICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xvc2UpfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICA8TGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgICAgICAgPC9MYXJnZUljb25XcmFwcGVyPlxuICAgICAgICAgIH1cbiAgICAgICAgICBzaXplPVwiYmlnXCJcbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTW9kYWxQYWdlVG9wQmFyLmRpc3BsYXlOYW1lID0gJ01vZGFsUGFnZVRvcEJhcic7XG5Nb2RhbFBhZ2VUb3BCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNb2RhbFBhZ2VUb3BCYXI7XG4iXX0= */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
 };
-const LargeIconWrapper = props => jsx("span", {
-  css: _ref2$2,
-  children: /*#__PURE__*/cloneElement(props.children, {
-    size: props.size
-  })
-});
-
-// NOTE: the `MessageDescriptor` type is exposed by `react-intl`.
-// However, we need to explicitly define this otherwise the prop-types babel plugin
-// does not recognize the object shape.
-LargeIconWrapper.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: _pt.element.isRequired
-} : {};
-const defaultProps$c = {
-  color: 'surface',
-  previousPathLabel: messages$2.back,
-  hidePathLabel: false
-};
-var _ref$4 = process.env.NODE_ENV === "production" ? {
-  name: "uvw8rn",
-  styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;}"
-} : {
-  name: "1auyn59-ModalPageTopBar",
-  styles: "display:flex;overflow:hidden;button:first-of-type svg{height:12px!important;width:12px!important;};label:ModalPageTopBar;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkZnQiIsImZpbGUiOiJtb2RhbC1wYWdlLXRvcC1iYXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY2xvbmVFbGVtZW50LCB0eXBlIFN5bnRoZXRpY0V2ZW50LCB0eXBlIFJlYWN0RWxlbWVudCB9IGZyb20gJ3JlYWN0JztcbmltcG9ydCB7IGNzcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IHVzZUludGwgfSBmcm9tICdyZWFjdC1pbnRsJztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyB1aUtpdERlc2lnblRva2VucyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuaW1wb3J0IEZsYXRCdXR0b24gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZmxhdC1idXR0b24nO1xuaW1wb3J0IHsgQ2xvc2VJY29uLCBBbmdsZUxlZnRJY29uIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvaWNvbnMnO1xuaW1wb3J0IFNlY29uZGFyeUljb25CdXR0b24sIHtcbiAgdHlwZSBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzLFxufSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9zZWNvbmRhcnktaWNvbi1idXR0b24nO1xuaW1wb3J0IFRleHQgZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvdGV4dCc7XG5pbXBvcnQgeyBkZXNpZ25Ub2tlbnMgYXMgYXBwS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnLi4vLi4vLi4vdGhlbWluZyc7XG5pbXBvcnQgbWVzc2FnZXMgZnJvbSAnLi4vLi4vaW50ZXJuYWxzL21lc3NhZ2VzJztcblxudHlwZSBUTGFyZ2VJY29uV3JhcHBlclByb3BzID0ge1xuICBjaGlsZHJlbjogUmVhY3RFbGVtZW50O1xuICBzaXplPzogVFNlY29uZGFyeUJ1dHRvbkljb25Qcm9wc1snc2l6ZSddO1xufTtcblxuLy8gQ29tcG9uZW50IHRvIGhhdmUgYSBsYXJnZXIgY2xpY2thYmxlIHN1cmZhY2VcbmNvbnN0IExhcmdlSWNvbldyYXBwZXIgPSAocHJvcHM6IFRMYXJnZUljb25XcmFwcGVyUHJvcHMpID0+IChcbiAgPHNwYW5cbiAgICBjc3M9e2Nzc2BcbiAgICAgIGRpc3BsYXk6IGZsZXg7XG4gICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAganVzdGlmeS1jb250ZW50OiBjZW50ZXI7XG4gICAgICAmOjphZnRlciB7XG4gICAgICAgIGNvbnRlbnQ6ICcnO1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIGhlaWdodDogMzVweDtcbiAgICAgICAgd2lkdGg6IDQ4cHg7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICB9XG4gICAgYH1cbiAgPlxuICAgIHtjbG9uZUVsZW1lbnQocHJvcHMuY2hpbGRyZW4sIHsgc2l6ZTogcHJvcHMuc2l6ZSB9KX1cbiAgPC9zcGFuPlxuKTtcblxuLy8gTk9URTogdGhlIGBNZXNzYWdlRGVzY3JpcHRvcmAgdHlwZSBpcyBleHBvc2VkIGJ5IGByZWFjdC1pbnRsYC5cbi8vIEhvd2V2ZXIsIHdlIG5lZWQgdG8gZXhwbGljaXRseSBkZWZpbmUgdGhpcyBvdGhlcndpc2UgdGhlIHByb3AtdHlwZXMgYmFiZWwgcGx1Z2luXG4vLyBkb2VzIG5vdCByZWNvZ25pemUgdGhlIG9iamVjdCBzaGFwZS5cbnR5cGUgTWVzc2FnZURlc2NyaXB0b3IgPSB7XG4gIGlkOiBzdHJpbmc7XG4gIGRlc2NyaXB0aW9uPzogc3RyaW5nIHwgb2JqZWN0O1xuICBkZWZhdWx0TWVzc2FnZT86IHN0cmluZztcbn07XG50eXBlIExhYmVsID0gc3RyaW5nIHwgTWVzc2FnZURlc2NyaXB0b3I7XG50eXBlIFByb3BzID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnIHwgJ25ldXRyYWwnO1xuICBjdXJyZW50UGF0aExhYmVsPzogc3RyaW5nO1xuICBwcmV2aW91c1BhdGhMYWJlbDogTGFiZWw7XG4gIGhpZGVQYXRoTGFiZWw/OiBib29sZWFuO1xuICBvbkNsb3NlOiAoZXZlbnQ6IFN5bnRoZXRpY0V2ZW50KSA9PiB2b2lkO1xuICBjaGlsZHJlbj86IG5ldmVyO1xufTtcbmNvbnN0IGRlZmF1bHRQcm9wczogUGljazxcbiAgUHJvcHMsXG4gICdjb2xvcicgfCAncHJldmlvdXNQYXRoTGFiZWwnIHwgJ2hpZGVQYXRoTGFiZWwnXG4+ID0ge1xuICBjb2xvcjogJ3N1cmZhY2UnLFxuICBwcmV2aW91c1BhdGhMYWJlbDogbWVzc2FnZXMuYmFjayxcbiAgaGlkZVBhdGhMYWJlbDogZmFsc2UsXG59O1xuXG5jb25zdCBNb2RhbFBhZ2VUb3BCYXIgPSAocHJvcHM6IFByb3BzKSA9PiB7XG4gIGNvbnN0IGludGwgPSB1c2VJbnRsKCk7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgICAganVzdGlmeS1jb250ZW50OiBzcGFjZS1iZXR3ZWVuO1xuICAgICAgICBwYWRkaW5nOiAke2FwcEtpdERlc2lnblRva2Vucy5wYWRkaW5nRm9yTW9kYWxUb3BCYXJ9O1xuICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICA/IGFwcEtpdERlc2lnblRva2Vucy5iYWNrZ3JvdW5kQ29sb3JGb3JQYWdlSGVhZGVyXG4gICAgICAgICAgOiB1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2V9O1xuICAgICAgICBib3JkZXItYm90dG9tOiAxcHggc29saWRcbiAgICAgICAgICAke3Byb3BzLmNvbG9yID09PSAnbmV1dHJhbCdcbiAgICAgICAgICAgID8gdWlLaXREZXNpZ25Ub2tlbnMuY29sb3JTdXJmYWNlXG4gICAgICAgICAgICA6IGFwcEtpdERlc2lnblRva2Vucy5ib3JkZXJDb2xvckZvck1vZGFsVG9wQmFyV2hlblN1cmZhY2V9O1xuICAgICAgICAmICogKyAqIHtcbiAgICAgICAgICBtYXJnaW4tbGVmdDogJHt1aUtpdERlc2lnblRva2Vucy5zcGFjaW5nU307XG4gICAgICAgIH1cblxuICAgICAgICAvKiBGSVhNRTogdGhlc2UgXCJkaXJ0eVwiIHN0eWxlcyBzaG91bGQgYmUgcmVtb3ZlZCB3aGVuIHRoZSBuZXcgQnJlYWRjcnVtYnMgY29tcG9uZW50IGlzIGltcGxlbWVudGVkICovXG4gICAgICAgIHAge1xuICAgICAgICAgIGZvbnQtc2l6ZTogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICB9XG4gICAgICBgfVxuICAgID5cbiAgICAgIDxkaXZcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgICAgICBvdmVyZmxvdzogaGlkZGVuO1xuXG4gICAgICAgICAgLyogIHNwZWNpZmljIHNlbGVjdG9yIGZvciB0aGUgc3ZnIG9mIHRoZSBGbGF0QnV0dG9uICovXG4gICAgICAgICAgYnV0dG9uOmZpcnN0LW9mLXR5cGUgc3ZnIHtcbiAgICAgICAgICAgIGhlaWdodDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgICAgd2lkdGg6IDEycHggIWltcG9ydGFudDtcbiAgICAgICAgICB9XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIHshcHJvcHMuaGlkZVBhdGhMYWJlbCAmJiAoXG4gICAgICAgICAgPEZsYXRCdXR0b25cbiAgICAgICAgICAgIHRvbmU9XCJwcmltYXJ5XCJcbiAgICAgICAgICAgIGxhYmVsPXtcbiAgICAgICAgICAgICAgdHlwZW9mIHByb3BzLnByZXZpb3VzUGF0aExhYmVsID09PSAnc3RyaW5nJ1xuICAgICAgICAgICAgICAgID8gcHJvcHMucHJldmlvdXNQYXRoTGFiZWxcbiAgICAgICAgICAgICAgICA6IGludGwuZm9ybWF0TWVzc2FnZShwcm9wcy5wcmV2aW91c1BhdGhMYWJlbClcbiAgICAgICAgICAgIH1cbiAgICAgICAgICAgIGljb249ezxBbmdsZUxlZnRJY29uIHNpemU9XCJtZWRpdW1cIiBjb2xvcj1cInByaW1hcnlcIiAvPn1cbiAgICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgLz5cbiAgICAgICAgKX1cbiAgICAgICAge3Byb3BzLmN1cnJlbnRQYXRoTGFiZWwgJiYgKFxuICAgICAgICAgIDw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCI+LzwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgICA8VGV4dC5EZXRhaWwgYXM9XCJzcGFuXCIgdGl0bGU9e3Byb3BzLmN1cnJlbnRQYXRoTGFiZWx9IHRydW5jYXRlPlxuICAgICAgICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbH1cbiAgICAgICAgICAgIDwvVGV4dC5EZXRhaWw+XG4gICAgICAgICAgPC8+XG4gICAgICAgICl9XG4gICAgICA8L2Rpdj5cbiAgICAgIHtwcm9wcy5vbkNsb3NlICYmIChcbiAgICAgICAgPFNlY29uZGFyeUljb25CdXR0b25cbiAgICAgICAgICBsYWJlbD17aW50bC5mb3JtYXRNZXNzYWdlKG1lc3NhZ2VzLmNsb3NlKX1cbiAgICAgICAgICBvbkNsaWNrPXtwcm9wcy5vbkNsb3NlfVxuICAgICAgICAgIGljb249e1xuICAgICAgICAgICAgPExhcmdlSWNvbldyYXBwZXI+XG4gICAgICAgICAgICAgIDxDbG9zZUljb24gLz5cbiAgICAgICAgICAgIDwvTGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICB9XG4gICAgICAgICAgc2l6ZT1cImJpZ1wiXG4gICAgICAgIC8+XG4gICAgICApfVxuICAgIDwvZGl2PlxuICApO1xufTtcbk1vZGFsUGFnZVRvcEJhci5kaXNwbGF5TmFtZSA9ICdNb2RhbFBhZ2VUb3BCYXInO1xuTW9kYWxQYWdlVG9wQmFyLmRlZmF1bHRQcm9wcyA9IGRlZmF1bHRQcm9wcztcblxuZXhwb3J0IGRlZmF1bHQgTW9kYWxQYWdlVG9wQmFyO1xuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$6
-};
-const ModalPageTopBar = props => {
-  const intl = useIntl();
-  return jsxs("div", {
-    css: /*#__PURE__*/css("position:relative;display:flex;align-items:center;justify-content:space-between;padding:", designTokens.paddingForModalTopBar, ";background-color:", props.color === 'neutral' ? designTokens.backgroundColorForPageHeader : designTokens$1.colorSurface, ";border-bottom:1px solid ", props.color === 'neutral' ? designTokens$1.colorSurface : designTokens.borderColorForModalTopBarWhenSurface, ";& *+*{margin-left:", designTokens$1.spacingS, ";}p{font-size:12px!important;}" + (process.env.NODE_ENV === "production" ? "" : ";label:ModalPageTopBar;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2UtdG9wLWJhci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBcUVjIiwiZmlsZSI6Im1vZGFsLXBhZ2UtdG9wLWJhci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjbG9uZUVsZW1lbnQsIHR5cGUgU3ludGhldGljRXZlbnQsIHR5cGUgUmVhY3RFbGVtZW50IH0gZnJvbSAncmVhY3QnO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgdXNlSW50bCB9IGZyb20gJ3JlYWN0LWludGwnO1xuaW1wb3J0IHsgZGVzaWduVG9rZW5zIGFzIHVpS2l0RGVzaWduVG9rZW5zIH0gZnJvbSAnQGNvbW1lcmNldG9vbHMtdWlraXQvZGVzaWduLXN5c3RlbSc7XG5pbXBvcnQgRmxhdEJ1dHRvbiBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9mbGF0LWJ1dHRvbic7XG5pbXBvcnQgeyBDbG9zZUljb24sIEFuZ2xlTGVmdEljb24gfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9pY29ucyc7XG5pbXBvcnQgU2Vjb25kYXJ5SWNvbkJ1dHRvbiwge1xuICB0eXBlIFRTZWNvbmRhcnlCdXR0b25JY29uUHJvcHMsXG59IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L3NlY29uZGFyeS1pY29uLWJ1dHRvbic7XG5pbXBvcnQgVGV4dCBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC90ZXh0JztcbmltcG9ydCB7IGRlc2lnblRva2VucyBhcyBhcHBLaXREZXNpZ25Ub2tlbnMgfSBmcm9tICcuLi8uLi8uLi90aGVtaW5nJztcbmltcG9ydCBtZXNzYWdlcyBmcm9tICcuLi8uLi9pbnRlcm5hbHMvbWVzc2FnZXMnO1xuXG50eXBlIFRMYXJnZUljb25XcmFwcGVyUHJvcHMgPSB7XG4gIGNoaWxkcmVuOiBSZWFjdEVsZW1lbnQ7XG4gIHNpemU/OiBUU2Vjb25kYXJ5QnV0dG9uSWNvblByb3BzWydzaXplJ107XG59O1xuXG4vLyBDb21wb25lbnQgdG8gaGF2ZSBhIGxhcmdlciBjbGlja2FibGUgc3VyZmFjZVxuY29uc3QgTGFyZ2VJY29uV3JhcHBlciA9IChwcm9wczogVExhcmdlSWNvbldyYXBwZXJQcm9wcykgPT4gKFxuICA8c3BhblxuICAgIGNzcz17Y3NzYFxuICAgICAgZGlzcGxheTogZmxleDtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICBqdXN0aWZ5LWNvbnRlbnQ6IGNlbnRlcjtcbiAgICAgICY6OmFmdGVyIHtcbiAgICAgICAgY29udGVudDogJyc7XG4gICAgICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICAgICAgaGVpZ2h0OiAzNXB4O1xuICAgICAgICB3aWR0aDogNDhweDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgIH1cbiAgICBgfVxuICA+XG4gICAge2Nsb25lRWxlbWVudChwcm9wcy5jaGlsZHJlbiwgeyBzaXplOiBwcm9wcy5zaXplIH0pfVxuICA8L3NwYW4+XG4pO1xuXG4vLyBOT1RFOiB0aGUgYE1lc3NhZ2VEZXNjcmlwdG9yYCB0eXBlIGlzIGV4cG9zZWQgYnkgYHJlYWN0LWludGxgLlxuLy8gSG93ZXZlciwgd2UgbmVlZCB0byBleHBsaWNpdGx5IGRlZmluZSB0aGlzIG90aGVyd2lzZSB0aGUgcHJvcC10eXBlcyBiYWJlbCBwbHVnaW5cbi8vIGRvZXMgbm90IHJlY29nbml6ZSB0aGUgb2JqZWN0IHNoYXBlLlxudHlwZSBNZXNzYWdlRGVzY3JpcHRvciA9IHtcbiAgaWQ6IHN0cmluZztcbiAgZGVzY3JpcHRpb24/OiBzdHJpbmcgfCBvYmplY3Q7XG4gIGRlZmF1bHRNZXNzYWdlPzogc3RyaW5nO1xufTtcbnR5cGUgTGFiZWwgPSBzdHJpbmcgfCBNZXNzYWdlRGVzY3JpcHRvcjtcbnR5cGUgUHJvcHMgPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScgfCAnbmV1dHJhbCc7XG4gIGN1cnJlbnRQYXRoTGFiZWw/OiBzdHJpbmc7XG4gIHByZXZpb3VzUGF0aExhYmVsOiBMYWJlbDtcbiAgaGlkZVBhdGhMYWJlbD86IGJvb2xlYW47XG4gIG9uQ2xvc2U6IChldmVudDogU3ludGhldGljRXZlbnQpID0+IHZvaWQ7XG4gIGNoaWxkcmVuPzogbmV2ZXI7XG59O1xuY29uc3QgZGVmYXVsdFByb3BzOiBQaWNrPFxuICBQcm9wcyxcbiAgJ2NvbG9yJyB8ICdwcmV2aW91c1BhdGhMYWJlbCcgfCAnaGlkZVBhdGhMYWJlbCdcbj4gPSB7XG4gIGNvbG9yOiAnc3VyZmFjZScsXG4gIHByZXZpb3VzUGF0aExhYmVsOiBtZXNzYWdlcy5iYWNrLFxuICBoaWRlUGF0aExhYmVsOiBmYWxzZSxcbn07XG5cbmNvbnN0IE1vZGFsUGFnZVRvcEJhciA9IChwcm9wczogUHJvcHMpID0+IHtcbiAgY29uc3QgaW50bCA9IHVzZUludGwoKTtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgcG9zaXRpb246IHJlbGF0aXZlO1xuICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICBhbGlnbi1pdGVtczogY2VudGVyO1xuICAgICAgICBqdXN0aWZ5LWNvbnRlbnQ6IHNwYWNlLWJldHdlZW47XG4gICAgICAgIHBhZGRpbmc6ICR7YXBwS2l0RGVzaWduVG9rZW5zLnBhZGRpbmdGb3JNb2RhbFRvcEJhcn07XG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgID8gYXBwS2l0RGVzaWduVG9rZW5zLmJhY2tncm91bmRDb2xvckZvclBhZ2VIZWFkZXJcbiAgICAgICAgICA6IHVpS2l0RGVzaWduVG9rZW5zLmNvbG9yU3VyZmFjZX07XG4gICAgICAgIGJvcmRlci1ib3R0b206IDFweCBzb2xpZFxuICAgICAgICAgICR7cHJvcHMuY29sb3IgPT09ICduZXV0cmFsJ1xuICAgICAgICAgICAgPyB1aUtpdERlc2lnblRva2Vucy5jb2xvclN1cmZhY2VcbiAgICAgICAgICAgIDogYXBwS2l0RGVzaWduVG9rZW5zLmJvcmRlckNvbG9yRm9yTW9kYWxUb3BCYXJXaGVuU3VyZmFjZX07XG4gICAgICAgICYgKiArICoge1xuICAgICAgICAgIG1hcmdpbi1sZWZ0OiAke3VpS2l0RGVzaWduVG9rZW5zLnNwYWNpbmdTfTtcbiAgICAgICAgfVxuXG4gICAgICAgIC8qIEZJWE1FOiB0aGVzZSBcImRpcnR5XCIgc3R5bGVzIHNob3VsZCBiZSByZW1vdmVkIHdoZW4gdGhlIG5ldyBCcmVhZGNydW1icyBjb21wb25lbnQgaXMgaW1wbGVtZW50ZWQgKi9cbiAgICAgICAgcCB7XG4gICAgICAgICAgZm9udC1zaXplOiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgIH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBkaXNwbGF5OiBmbGV4O1xuICAgICAgICAgIG92ZXJmbG93OiBoaWRkZW47XG5cbiAgICAgICAgICAvKiAgc3BlY2lmaWMgc2VsZWN0b3IgZm9yIHRoZSBzdmcgb2YgdGhlIEZsYXRCdXR0b24gKi9cbiAgICAgICAgICBidXR0b246Zmlyc3Qtb2YtdHlwZSBzdmcge1xuICAgICAgICAgICAgaGVpZ2h0OiAxMnB4ICFpbXBvcnRhbnQ7XG4gICAgICAgICAgICB3aWR0aDogMTJweCAhaW1wb3J0YW50O1xuICAgICAgICAgIH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgeyFwcm9wcy5oaWRlUGF0aExhYmVsICYmIChcbiAgICAgICAgICA8RmxhdEJ1dHRvblxuICAgICAgICAgICAgdG9uZT1cInByaW1hcnlcIlxuICAgICAgICAgICAgbGFiZWw9e1xuICAgICAgICAgICAgICB0eXBlb2YgcHJvcHMucHJldmlvdXNQYXRoTGFiZWwgPT09ICdzdHJpbmcnXG4gICAgICAgICAgICAgICAgPyBwcm9wcy5wcmV2aW91c1BhdGhMYWJlbFxuICAgICAgICAgICAgICAgIDogaW50bC5mb3JtYXRNZXNzYWdlKHByb3BzLnByZXZpb3VzUGF0aExhYmVsKVxuICAgICAgICAgICAgfVxuICAgICAgICAgICAgaWNvbj17PEFuZ2xlTGVmdEljb24gc2l6ZT1cIm1lZGl1bVwiIGNvbG9yPVwicHJpbWFyeVwiIC8+fVxuICAgICAgICAgICAgb25DbGljaz17cHJvcHMub25DbG9zZX1cbiAgICAgICAgICAvPlxuICAgICAgICApfVxuICAgICAgICB7cHJvcHMuY3VycmVudFBhdGhMYWJlbCAmJiAoXG4gICAgICAgICAgPD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbCBhcz1cInNwYW5cIj4vPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICAgIDxUZXh0LkRldGFpbCBhcz1cInNwYW5cIiB0aXRsZT17cHJvcHMuY3VycmVudFBhdGhMYWJlbH0gdHJ1bmNhdGU+XG4gICAgICAgICAgICAgIHtwcm9wcy5jdXJyZW50UGF0aExhYmVsfVxuICAgICAgICAgICAgPC9UZXh0LkRldGFpbD5cbiAgICAgICAgICA8Lz5cbiAgICAgICAgKX1cbiAgICAgIDwvZGl2PlxuICAgICAge3Byb3BzLm9uQ2xvc2UgJiYgKFxuICAgICAgICA8U2Vjb25kYXJ5SWNvbkJ1dHRvblxuICAgICAgICAgIGxhYmVsPXtpbnRsLmZvcm1hdE1lc3NhZ2UobWVzc2FnZXMuY2xvc2UpfVxuICAgICAgICAgIG9uQ2xpY2s9e3Byb3BzLm9uQ2xvc2V9XG4gICAgICAgICAgaWNvbj17XG4gICAgICAgICAgICA8TGFyZ2VJY29uV3JhcHBlcj5cbiAgICAgICAgICAgICAgPENsb3NlSWNvbiAvPlxuICAgICAgICAgICAgPC9MYXJnZUljb25XcmFwcGVyPlxuICAgICAgICAgIH1cbiAgICAgICAgICBzaXplPVwiYmlnXCJcbiAgICAgICAgLz5cbiAgICAgICl9XG4gICAgPC9kaXY+XG4gICk7XG59O1xuTW9kYWxQYWdlVG9wQmFyLmRpc3BsYXlOYW1lID0gJ01vZGFsUGFnZVRvcEJhcic7XG5Nb2RhbFBhZ2VUb3BCYXIuZGVmYXVsdFByb3BzID0gZGVmYXVsdFByb3BzO1xuXG5leHBvcnQgZGVmYXVsdCBNb2RhbFBhZ2VUb3BCYXI7XG4iXX0= */"),
-    children: [jsxs("div", {
-      css: _ref$4,
-      children: [!props.hidePathLabel && jsx(FlatButton, {
-        tone: "primary",
-        label: typeof props.previousPathLabel === 'string' ? props.previousPathLabel : intl.formatMessage(props.previousPathLabel),
-        icon: jsx(AngleLeftIcon, {
-          size: "medium",
-          color: "primary"
-        }),
-        onClick: props.onClose
-      }), props.currentPathLabel && jsxs(Fragment, {
-        children: [jsx(Text.Detail, {
-          as: "span",
-          children: "/"
-        }), jsx(Text.Detail, {
-          as: "span",
-          title: props.currentPathLabel,
-          truncate: true,
-          children: props.currentPathLabel
-        })]
-      })]
-    }), props.onClose && jsx(SecondaryIconButton, {
-      label: intl.formatMessage(messages$2.close),
-      onClick: props.onClose,
-      icon: jsx(LargeIconWrapper, {
-        children: jsx(CloseIcon, {})
-      }),
-      size: "big"
-    })]
-  });
-};
-ModalPageTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  color: _pt.oneOf(['surface', 'neutral']).isRequired,
-  currentPathLabel: _pt.string,
-  previousPathLabel: _pt.oneOfType([_pt.string, _pt.shape({
-    id: _pt.string.isRequired,
-    description: _pt.oneOfType([_pt.string, _pt.object]),
-    defaultMessage: _pt.string
-  })]).isRequired,
-  hidePathLabel: _pt.bool,
-  onClose: _pt.func.isRequired
-} : {};
-ModalPageTopBar.displayName = 'ModalPageTopBar';
-ModalPageTopBar.defaultProps = defaultProps$c;
-
-function _EMOTION_STRINGIFIED_CSS_ERROR__$5() { 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)."; }
-const TRANSITION_DURATION = 200;
-const getContainerStyles = _props => /*#__PURE__*/css("position:absolute;top:0;right:0;height:100%;width:", _props.size === 'small' ? '600px !important' : '100%', ";display:flex;flex-direction:column;background-color:", customProperties.colorSurface, ";box-shadow:", customProperties.shadow4, ",", customProperties.shadow6, ";outline:0;transform:translate3d(30px, 0, 0);transition:transform ", TRANSITION_DURATION, "ms ease;" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVUrRSIsImZpbGUiOiJtb2RhbC1wYWdlLnN0eWxlcy50cyIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGNzcywgdHlwZSBTZXJpYWxpemVkU3R5bGVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IHsgY3VzdG9tUHJvcGVydGllcyB9IGZyb20gJ0Bjb21tZXJjZXRvb2xzLXVpa2l0L2Rlc2lnbi1zeXN0ZW0nO1xuXG5leHBvcnQgY29uc3QgVFJBTlNJVElPTl9EVVJBVElPTiA9IDIwMDtcblxudHlwZSBTdHlsZVByb3BzID0ge1xuICB6SW5kZXg/OiBudW1iZXI7XG4gIHNpemU/OiAnc21hbGwnIHwgJ2xhcmdlJztcbn07XG5cbmV4cG9ydCBjb25zdCBnZXRDb250YWluZXJTdHlsZXMgPSAoX3Byb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtfcHJvcHMuc2l6ZSA9PT0gJ3NtYWxsJyA/ICc2MDBweCAhaW1wb3J0YW50JyA6ICcxMDAlJ307XG4gIGRpc3BsYXk6IGZsZXg7XG4gIGZsZXgtZGlyZWN0aW9uOiBjb2x1bW47XG4gIGJhY2tncm91bmQtY29sb3I6ICR7Y3VzdG9tUHJvcGVydGllcy5jb2xvclN1cmZhY2V9O1xuICBib3gtc2hhZG93OiAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93NH0sICR7Y3VzdG9tUHJvcGVydGllcy5zaGFkb3c2fTtcbiAgb3V0bGluZTogMDtcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldE92ZXJsYXlTdHlsZXMgPSAocHJvcHM6IFN0eWxlUHJvcHMpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgcG9zaXRpb246IGFic29sdXRlO1xuICB6LWluZGV4OiAke3R5cGVvZiBwcm9wcy56SW5kZXggPT09ICdudW1iZXInXG4gICAgPyAvLyBVc2UgYCFpbXBvcnRhbnRgIHRvIG92ZXJ3cml0ZSB0aGUgZGVmYXVsdCB2YWx1ZSBhc3NpZ25lZCBieSB0aGUgU3RhY2tpbmcgTGF5ZXIgU3lzdGVtLlxuICAgICAgYCR7cHJvcHMuekluZGV4fSAhaW1wb3J0YW50YFxuICAgIDogJ2F1dG8nfTtcbiAgdG9wOiAwO1xuICBsZWZ0OiAwO1xuICB3aWR0aDogMTAwJTtcbiAgaGVpZ2h0OiAxMDAlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiByZ2JhKDMyLCA2MiwgNzIsIDAuNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IG9wYWNpdHkgJHtUUkFOU0lUSU9OX0RVUkFUSU9OfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QWZ0ZXJPcGVuQ29udGFpbmVyQW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDAsIDAsIDApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QWZ0ZXJPcGVuT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlQ29udGFpbmVyQW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKDMwcHgsIDAsIDApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */");
+const getContainerStyles = props => /*#__PURE__*/css("position:absolute;top:0;right:0;height:100%;width:", props.size !== 'scale' ? "".concat(stylesBySize[props.size].width, " !important") : stylesBySize.scale.width, ";display:flex;flex-direction:column;background-color:", customProperties.colorSurface, ";box-shadow:0px 0px 40px 0px rgba(0, 0, 0, 0.1);outline:0;transform:translate3d(\n    ", props.size !== 'scale' ? stylesBySize[props.size].width : '30px', ",\n    0,\n    0\n  );transition:transform ", stylesBySize[props.size].transitionTime, "ms ease;" + (process.env.NODE_ENV === "production" ? "" : ";label:getContainerStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRCOEUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */");
 const getOverlayStyles = props => /*#__PURE__*/css("position:absolute;z-index:", typeof props.zIndex === 'number' ? // Use `!important` to overwrite the default value assigned by the Stacking Layer System.
-"".concat(props.zIndex, " !important") : 'auto', ";top:0;left:0;width:100%;height:100%;background-color:rgba(32, 62, 72, 0.5);opacity:0;transition:opacity ", TRANSITION_DURATION, "ms ease;" + (process.env.NODE_ENV === "production" ? "" : ";label:getOverlayStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlCNEUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xuICBzaXplPzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKF9wcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7X3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyAnNjAwcHggIWltcG9ydGFudCcgOiAnMTAwJSd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */");
-var _ref4 = process.env.NODE_ENV === "production" ? {
+"".concat(props.zIndex, " !important") : 'auto', ";top:0;left:0;width:100%;height:100%;background-color:hsla(195, 35%, 20%, 0.05);opacity:0;transition:transform ", stylesBySize[props.size].transitionTime, "ms ease;" + (process.env.NODE_ENV === "production" ? "" : ";label:getOverlayStyles;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWlENEUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */");
+var _ref3 = process.env.NODE_ENV === "production" ? {
   name: "1ffv7m4",
   styles: "transform:translate3d(0, 0, 0)!important"
 } : {
   name: "1gs6z6k-getAfterOpenContainerAnimation",
   styles: "transform:translate3d(0, 0, 0)!important;label:getAfterOpenContainerAnimation;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdDeUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xuICBzaXplPzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKF9wcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7X3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyAnNjAwcHggIWltcG9ydGFudCcgOiAnMTAwJSd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdFeUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
 };
-const getAfterOpenContainerAnimation = () => _ref4;
-var _ref3 = process.env.NODE_ENV === "production" ? {
+const getAfterOpenContainerAnimation = () => _ref3;
+var _ref2$1 = process.env.NODE_ENV === "production" ? {
   name: "1d9ftqx",
   styles: "opacity:1!important"
 } : {
   name: "15f8a29-getAfterOpenOverlayAnimation",
   styles: "opacity:1!important;label:getAfterOpenOverlayAnimation;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTRDdUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xuICBzaXplPzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKF9wcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7X3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyAnNjAwcHggIWltcG9ydGFudCcgOiAnMTAwJSd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
-};
-const getAfterOpenOverlayAnimation = () => _ref3;
-var _ref2$1 = process.env.NODE_ENV === "production" ? {
-  name: "110wxen",
-  styles: "transform:translate3d(30px, 0, 0)!important"
-} : {
-  name: "1932n4i-getBeforeCloseContainerAnimation",
-  styles: "transform:translate3d(30px, 0, 0)!important;label:getBeforeCloseContainerAnimation;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQWdEMkUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xuICBzaXplPzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKF9wcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7X3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyAnNjAwcHggIWltcG9ydGFudCcgOiAnMTAwJSd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9FdUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
 };
-const getBeforeCloseContainerAnimation = () => _ref2$1;
+const getAfterOpenOverlayAnimation = () => _ref2$1;
+const getBeforeCloseContainerAnimation = props => /*#__PURE__*/css("transform:translate3d(\n    ", props.size !== 'scale' ? stylesBySize[props.size].width : '30px', ",\n    ,\n    0,\n    0\n  )!important;" + (process.env.NODE_ENV === "production" ? "" : ";label:getBeforeCloseContainerAnimation;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBFMEIiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */");
 var _ref$3 = process.env.NODE_ENV === "production" ? {
   name: "728dx5",
   styles: "opacity:0!important"
 } : {
   name: "7blzo0-getBeforeCloseOverlayAnimation",
   styles: "opacity:0!important;label:getBeforeCloseOverlayAnimation;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9EeUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcblxuZXhwb3J0IGNvbnN0IFRSQU5TSVRJT05fRFVSQVRJT04gPSAyMDA7XG5cbnR5cGUgU3R5bGVQcm9wcyA9IHtcbiAgekluZGV4PzogbnVtYmVyO1xuICBzaXplPzogJ3NtYWxsJyB8ICdsYXJnZSc7XG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKF9wcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHRvcDogMDtcbiAgcmlnaHQ6IDA7XG4gIGhlaWdodDogMTAwJTtcbiAgd2lkdGg6ICR7X3Byb3BzLnNpemUgPT09ICdzbWFsbCcgPyAnNjAwcHggIWltcG9ydGFudCcgOiAnMTAwJSd9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogJHtjdXN0b21Qcm9wZXJ0aWVzLnNoYWRvdzR9LCAke2N1c3RvbVByb3BlcnRpZXMuc2hhZG93Nn07XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoMzBweCwgMCwgMCk7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke1RSQU5TSVRJT05fRFVSQVRJT059bXMgZWFzZTtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRPdmVybGF5U3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgei1pbmRleDogJHt0eXBlb2YgcHJvcHMuekluZGV4ID09PSAnbnVtYmVyJ1xuICAgID8gLy8gVXNlIGAhaW1wb3J0YW50YCB0byBvdmVyd3JpdGUgdGhlIGRlZmF1bHQgdmFsdWUgYXNzaWduZWQgYnkgdGhlIFN0YWNraW5nIExheWVyIFN5c3RlbS5cbiAgICAgIGAke3Byb3BzLnpJbmRleH0gIWltcG9ydGFudGBcbiAgICA6ICdhdXRvJ307XG4gIHRvcDogMDtcbiAgbGVmdDogMDtcbiAgd2lkdGg6IDEwMCU7XG4gIGhlaWdodDogMTAwJTtcbiAgYmFja2dyb3VuZC1jb2xvcjogcmdiYSgzMiwgNjIsIDcyLCAwLjUpO1xuICBvcGFjaXR5OiAwO1xuICB0cmFuc2l0aW9uOiBvcGFjaXR5ICR7VFJBTlNJVElPTl9EVVJBVElPTn1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgzMHB4LCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEJlZm9yZUNsb3NlT3ZlcmxheUFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgb3BhY2l0eTogMCAhaW1wb3J0YW50O1xuYDtcbiJdfQ== */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIm1vZGFsLXBhZ2Uuc3R5bGVzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW1GeUUiLCJmaWxlIjoibW9kYWwtcGFnZS5zdHlsZXMudHMiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBjc3MsIHR5cGUgU2VyaWFsaXplZFN0eWxlcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCB7IGN1c3RvbVByb3BlcnRpZXMgfSBmcm9tICdAY29tbWVyY2V0b29scy11aWtpdC9kZXNpZ24tc3lzdGVtJztcbmltcG9ydCB0eXBlIHsgVE1vZGFsUGFnZVNpemUgfSBmcm9tICcuL21vZGFsLXBhZ2UnO1xuXG50eXBlIFN0eWxlUHJvcHMgPSB7XG4gIHpJbmRleD86IG51bWJlcjtcbiAgc2l6ZTogVE1vZGFsUGFnZVNpemU7XG59O1xuXG5leHBvcnQgY29uc3Qgc3R5bGVzQnlTaXplID0ge1xuICAnMTAnOiB7XG4gICAgd2lkdGg6ICc2MDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgJzIwJzoge1xuICAgIHdpZHRoOiAnOTAwcHgnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAyMDAsXG4gIH0sXG4gICczMCc6IHtcbiAgICB3aWR0aDogJzEyMDBweCcsXG4gICAgdHJhbnNpdGlvblRpbWU6IDIwMCxcbiAgfSxcbiAgc2NhbGU6IHtcbiAgICB3aWR0aDogJzEwMCUnLFxuICAgIHRyYW5zaXRpb25UaW1lOiAzMDAsXG4gIH0sXG59O1xuXG5leHBvcnQgY29uc3QgZ2V0Q29udGFpbmVyU3R5bGVzID0gKHByb3BzOiBTdHlsZVByb3BzKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgdG9wOiAwO1xuICByaWdodDogMDtcbiAgaGVpZ2h0OiAxMDAlO1xuICB3aWR0aDogJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnXG4gICAgPyBgJHtzdHlsZXNCeVNpemVbcHJvcHMuc2l6ZV0ud2lkdGh9ICFpbXBvcnRhbnRgXG4gICAgOiBzdHlsZXNCeVNpemUuc2NhbGUud2lkdGh9O1xuICBkaXNwbGF5OiBmbGV4O1xuICBmbGV4LWRpcmVjdGlvbjogY29sdW1uO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiAke2N1c3RvbVByb3BlcnRpZXMuY29sb3JTdXJmYWNlfTtcbiAgYm94LXNoYWRvdzogMHB4IDBweCA0MHB4IDBweCByZ2JhKDAsIDAsIDAsIDAuMSk7XG4gIG91dGxpbmU6IDA7XG4gIHRyYW5zZm9ybTogdHJhbnNsYXRlM2QoXG4gICAgJHtwcm9wcy5zaXplICE9PSAnc2NhbGUnID8gc3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLndpZHRoIDogJzMwcHgnfSxcbiAgICAwLFxuICAgIDBcbiAgKTtcbiAgdHJhbnNpdGlvbjogdHJhbnNmb3JtICR7c3R5bGVzQnlTaXplW3Byb3BzLnNpemVdLnRyYW5zaXRpb25UaW1lfW1zIGVhc2U7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0T3ZlcmxheVN0eWxlcyA9IChwcm9wczogU3R5bGVQcm9wcyk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gIHotaW5kZXg6ICR7dHlwZW9mIHByb3BzLnpJbmRleCA9PT0gJ251bWJlcidcbiAgICA/IC8vIFVzZSBgIWltcG9ydGFudGAgdG8gb3ZlcndyaXRlIHRoZSBkZWZhdWx0IHZhbHVlIGFzc2lnbmVkIGJ5IHRoZSBTdGFja2luZyBMYXllciBTeXN0ZW0uXG4gICAgICBgJHtwcm9wcy56SW5kZXh9ICFpbXBvcnRhbnRgXG4gICAgOiAnYXV0byd9O1xuICB0b3A6IDA7XG4gIGxlZnQ6IDA7XG4gIHdpZHRoOiAxMDAlO1xuICBoZWlnaHQ6IDEwMCU7XG4gIGJhY2tncm91bmQtY29sb3I6IGhzbGEoMTk1LCAzNSUsIDIwJSwgMC4wNSk7XG4gIG9wYWNpdHk6IDA7XG4gIHRyYW5zaXRpb246IHRyYW5zZm9ybSAke3N0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS50cmFuc2l0aW9uVGltZX1tcyBlYXNlO1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3BlbkNvbnRhaW5lckFuaW1hdGlvbiA9ICgpOiBTZXJpYWxpemVkU3R5bGVzID0+IGNzc2BcbiAgdHJhbnNmb3JtOiB0cmFuc2xhdGUzZCgwLCAwLCAwKSAhaW1wb3J0YW50O1xuYDtcblxuZXhwb3J0IGNvbnN0IGdldEFmdGVyT3Blbk92ZXJsYXlBbmltYXRpb24gPSAoKTogU2VyaWFsaXplZFN0eWxlcyA9PiBjc3NgXG4gIG9wYWNpdHk6IDEgIWltcG9ydGFudDtcbmA7XG5cbmV4cG9ydCBjb25zdCBnZXRCZWZvcmVDbG9zZUNvbnRhaW5lckFuaW1hdGlvbiA9IChcbiAgcHJvcHM6IFN0eWxlUHJvcHNcbik6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICB0cmFuc2Zvcm06IHRyYW5zbGF0ZTNkKFxuICAgICR7cHJvcHMuc2l6ZSAhPT0gJ3NjYWxlJyA/IHN0eWxlc0J5U2l6ZVtwcm9wcy5zaXplXS53aWR0aCA6ICczMHB4J30sXG4gICAgLFxuICAgIDAsXG4gICAgMFxuICApICFpbXBvcnRhbnQ7XG5gO1xuXG5leHBvcnQgY29uc3QgZ2V0QmVmb3JlQ2xvc2VPdmVybGF5QW5pbWF0aW9uID0gKCk6IFNlcmlhbGl6ZWRTdHlsZXMgPT4gY3NzYFxuICBvcGFjaXR5OiAwICFpbXBvcnRhbnQ7XG5gO1xuIl19 */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__$5
 };
 const getBeforeCloseOverlayAnimation = () => _ref$3;
 
-function ownKeys$3(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$3(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$3(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$3(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
 const getDefaultParentSelector = () => process.env.NODE_ENV === 'test' ? document.body : document.querySelector("#".concat(PORTALS_CONTAINER_ID));
 const getOverlayElement = (props, contentElement) =>
 // Assign the `data-role` to the overlay container, which is used as
 // the CSS selector in the `<PortalsContainer>`.
-jsx("div", _objectSpread$3(_objectSpread$3({}, props), {}, {
+jsx("div", _objectSpread$2(_objectSpread$2({}, props), {}, {
   "data-role": "modal-overlay",
   children: contentElement
 }));
@@ -1116,9 +1309,9 @@ jsx("div", _objectSpread$3(_objectSpread$3({}, props), {}, {
 // However, we need to explicitly define this otherwise the prop-types babel plugin
 // does not recognize the object shape.
 const defaultProps$b = {
+  size: 'scale',
   getParentSelector: getDefaultParentSelector,
-  shouldDelayOnClose: true,
-  size: 'large'
+  shouldDelayOnClose: true
 };
 const ModalPage = props => {
   const _useState = useState(false),
@@ -1135,6 +1328,7 @@ const ModalPage = props => {
     };
   }, [props.isOpen]);
   const onClose = props.onClose;
+  const TRANSITION_DURATION = stylesBySize[props.size].transitionTime;
   const handleClose = useCallback(event => {
     if (props.shouldDelayOnClose) {
       // In this case we want the closing animation to be shown
@@ -1147,7 +1341,7 @@ const ModalPage = props => {
       return;
     }
     onClose && onClose(event);
-  }, [onClose, props.shouldDelayOnClose]);
+  }, [onClose, props.shouldDelayOnClose, TRANSITION_DURATION]);
   return jsx(ClassNames, {
     children: _ref => {
       var _props$afterOpenStyle;
@@ -1166,7 +1360,7 @@ const ModalPage = props => {
         className: {
           base: makeClassName(getContainerStyles(props)),
           afterOpen: typeof props.afterOpenStyles === 'string' ? props.afterOpenStyles : makeClassName((_props$afterOpenStyle = props.afterOpenStyles) !== null && _props$afterOpenStyle !== void 0 ? _props$afterOpenStyle : getAfterOpenContainerAnimation()),
-          beforeClose: makeClassName(getBeforeCloseContainerAnimation())
+          beforeClose: makeClassName(getBeforeCloseContainerAnimation(props))
         },
         contentLabel: props.title,
         parentSelector: props.getParentSelector,
@@ -1182,7 +1376,7 @@ const ModalPage = props => {
         },
         children: [jsx(CustomViewSelectorOrNothing, {
           customViewLocatorCode: props.customViewLocatorCode
-        }), jsx(ModalPageTopBar, {
+        }), !props.hideTopBar && jsx(ModalPageTopBar, {
           color: props.topBarColor,
           onClose: handleClose,
           currentPathLabel: props.currentPathLabel,
@@ -1213,7 +1407,8 @@ ModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
     defaultMessage: _pt.string
   })]),
   hidePathLabel: _pt.bool,
-  size: _pt.oneOf(['small', 'large'])
+  size: _pt.oneOf([10, 20, 30, 'scale']).isRequired,
+  hideTopBar: _pt.bool
 } : {};
 ModalPage.displayName = 'ModalPage';
 ModalPage.defaultProps = defaultProps$b;
@@ -1258,91 +1453,6 @@ InfoModalPage.propTypes = process.env.NODE_ENV !== "production" ? {
 } : {};
 InfoModalPage.displayName = 'InfoModalPage';
 
-function ownKeys$2(e, r) { var t = _Object$keys(e); if (_Object$getOwnPropertySymbols) { var o = _Object$getOwnPropertySymbols(e); r && (o = _filterInstanceProperty(o).call(o, function (r) { return _Object$getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$2(e) { for (var r = 1; r < arguments.length; r++) { var _context, _context2; var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? _forEachInstanceProperty(_context = ownKeys$2(Object(t), !0)).call(_context, function (r) { _defineProperty(e, r, t[r]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(e, _Object$getOwnPropertyDescriptors(t)) : _forEachInstanceProperty(_context2 = ownKeys$2(Object(t))).call(_context2, function (r) { _Object$defineProperty(e, r, _Object$getOwnPropertyDescriptor(t, r)); }); } return e; }
-const primaryDefaultProps = {
-  label: sharedMessages.confirm,
-  isDisabled: false,
-  dataAttributes: {}
-};
-const useFormattedLabel = label => {
-  const intl = useIntl();
-  return typeof label === 'string' ? label : intl.formatMessage(label);
-};
-const FormPrimaryButton = props => {
-  const label = useFormattedLabel(props.label);
-  return jsx(PrimaryButton, _objectSpread$2({
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled
-  }, filterDataAttributes(props.dataAttributes)));
-};
-FormPrimaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _pt.oneOfType([_pt.string, _pt.shape({
-    id: _pt.string.isRequired,
-    description: _pt.oneOfType([_pt.string, _pt.object]),
-    defaultMessage: _pt.string
-  })]).isRequired,
-  onClick: _pt.func.isRequired,
-  isDisabled: _pt.bool.isRequired,
-  dataAttributes: _pt.objectOf(_pt.string).isRequired
-} : {};
-FormPrimaryButton.displayName = 'FormPrimaryButton';
-FormPrimaryButton.defaultProps = primaryDefaultProps;
-const secondaryDefaultProps = {
-  label: sharedMessages.cancel,
-  isDisabled: false,
-  dataAttributes: {}
-};
-const FormSecondaryButton = props => {
-  const label = useFormattedLabel(props.label);
-  return jsx(SecondaryButton, _objectSpread$2({
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled,
-    iconLeft: props.iconLeft
-  }, filterDataAttributes(props.dataAttributes)));
-};
-FormSecondaryButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  iconLeft: _pt.element,
-  label: _pt.oneOfType([_pt.string, _pt.shape({
-    id: _pt.string.isRequired,
-    description: _pt.oneOfType([_pt.string, _pt.object]),
-    defaultMessage: _pt.string
-  })]).isRequired,
-  onClick: _pt.func.isRequired,
-  isDisabled: _pt.bool.isRequired,
-  dataAttributes: _pt.objectOf(_pt.string).isRequired
-} : {};
-FormSecondaryButton.displayName = 'FormSecondaryButton';
-FormSecondaryButton.defaultProps = secondaryDefaultProps;
-const deleteDefaultProps = {
-  label: sharedMessages.delete,
-  isDisabled: false,
-  dataAttributes: {}
-};
-const FormDeleteButton = props => {
-  const label = useFormattedLabel(props.label);
-  return jsx(IconButton, _objectSpread$2({
-    icon: jsx(BinLinearIcon, {}),
-    label: label,
-    onClick: props.onClick,
-    isDisabled: props.isDisabled
-  }, filterDataAttributes(props.dataAttributes)));
-};
-FormDeleteButton.propTypes = process.env.NODE_ENV !== "production" ? {
-  label: _pt.oneOfType([_pt.string, _pt.shape({
-    id: _pt.string.isRequired,
-    description: _pt.oneOfType([_pt.string, _pt.object]),
-    defaultMessage: _pt.string
-  })]).isRequired,
-  onClick: _pt.func.isRequired,
-  isDisabled: _pt.bool.isRequired,
-  dataAttributes: _pt.objectOf(_pt.string).isRequired
-} : {};
-FormDeleteButton.displayName = 'FormDeleteButton';
-FormDeleteButton.defaultProps = deleteDefaultProps;
-
 const CustomFormModalPage = props => jsxs(ModalPage, {
   title: props.title,
   isOpen: props.isOpen,
@@ -1607,7 +1717,7 @@ TabularModalPage.Intl = sharedMessages;
 
 const defaultProps$7 = {
   color: 'surface',
-  previousPathLabel: messages$2.back
+  previousPathLabel: messages$4.back
 };
 const PageTopBar = props => {
   const intl = useIntl();
@@ -1874,7 +1984,7 @@ TabularDetailPage.PageHeaderTitle = PageHeaderTitle;
 // This is a convenience proxy export to expose pre-defined Intl messages defined in the `@commercetools-frontend/i18n` package.
 TabularDetailPage.Intl = sharedMessages;
 
-const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-82978d93.esm.js' /* webpackChunkName: "public-page-layout" */));
+const PublicPageLayout = /*#__PURE__*/lazy(() => import('./public-page-layout-c0dbc038.esm.js' /* webpackChunkName: "public-page-layout" */));
 
 const MainPageContainer = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
   target: "ev8m2jf2"
@@ -2506,4 +2616,4 @@ const useModalState = function () {
   };
 };
 
-export { ConfirmationDialog, CustomFormDetailPage, CustomFormMainPage, CustomFormModalPage, CustomPanel, CustomViewLoader, CustomViewSelectorOrNothing as CustomViewsSelector, FormDetailPage, FormDialog, FormMainPage, FormModalPage, InfoDetailPage, InfoDialog, InfoMainPage, InfoModalPage, MaintenancePageLayout, PageContentFull, PageContentNarrow, PageContentWide, PageNotFound, PageUnauthorized, PortalsContainer, PublicPageLayout, TabHeader, TabularDetailPage, TabularMainPage, TabularModalPage, designTokens, themesOverrides, useModalState, version };
+export { ConfirmationDialog, CustomFormDetailPage, CustomFormMainPage, CustomFormModalPage, CustomViewLoader, CustomViewSelectorOrNothing as CustomViewsSelector, Drawer, FormDetailPage, FormDialog, FormMainPage, FormModalPage, InfoDetailPage, InfoDialog, InfoMainPage, InfoModalPage, MaintenancePageLayout, PageContentFull, PageContentNarrow, PageContentWide, PageNotFound, PageUnauthorized, PortalsContainer, PublicPageLayout, TabHeader, TabularDetailPage, TabularMainPage, TabularModalPage, designTokens, themesOverrides, useModalState, version };