{"version":3,"file":"index.D2N_4zz-.js","sources":["../../../../../../../node_modules/react/cjs/react.production.min.js","../../../../../../../node_modules/react/index.js","../../../../../../../node_modules/react/cjs/react-jsx-runtime.production.min.js","../../../../../../../node_modules/react/jsx-runtime.js","../../../../../../../node_modules/@babylon/ui-kit-types/esm/application.mjs","../../../../../../../node_modules/@babylon/ui-kit-context/esm/index.mjs","../../../../../../../node_modules/react-error-boundary/dist/react-error-boundary.esm.js","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/error-boundary/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-context/esm/types.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/views.mjs","../../../../../../../node_modules/styled-components/node_modules/tslib/tslib.es6.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Enum.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Utility.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Tokenizer.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Parser.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Prefixer.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Serializer.js","../../../../../../../node_modules/styled-components/node_modules/stylis/src/Middleware.js","../../../../../../../node_modules/@emotion/unitless/dist/emotion-unitless.esm.js","../../../../../../../node_modules/styled-components/dist/styled-components.browser.esm.js","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/helpers.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/logical.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/themes.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/themes/styles/logitravel.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/themes/styles/partnerships.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/themes/styles/smy.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/themes/styles/veci.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/themes/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/global/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/theme-provider.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/types/theme.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/types/breakpoints.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/breakpoints.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/types/media.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/media.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/create-theme.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/themes/logitravel/base/fonts.css.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/themes/logitravel/base/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/null.mjs","../../../../../../../node_modules/classnames/index.js","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/multimedia/image/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/multimedia/image/utils.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/multimedia/image/useImage.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/multimedia/image/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-cards/esm/components/cards/certification-card/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-cards/esm/components/cards/certification-card/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/container.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/list-certification/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-common/esm/components/others/list-certification/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/grid.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/footer/views/desktop/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/footer/views/desktop/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/footer/views/mobile/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/footer/views/mobile/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/footer/index.mjs","../../../../../../../node_modules/snarkdown/dist/snarkdown.es.js","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/markdown.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/submenu/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/submenu/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/icons/icon/index.mjs","../../../../../../../node_modules/@babel/runtime/helpers/esm/extends.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/assertThisInitialized.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/setPrototypeOf.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/inheritsLoose.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/getPrototypeOf.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/isNativeFunction.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/construct.js","../../../../../../../node_modules/@babel/runtime/helpers/esm/wrapNativeSuper.js","../../../../../../../node_modules/polished/dist/polished.esm.js","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/bottom/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/bottom/menu/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/bottom/menu/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/bottom/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/inner-markdown-HTML/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/cookie.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/service.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/box-shadow.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/styled.mjs","../../../../../../../node_modules/react-popper/lib/esm/utils.js","../../../../../../../node_modules/scheduler/cjs/scheduler.production.min.js","../../../../../../../node_modules/scheduler/index.js","../../../../../../../node_modules/react-dom/cjs/react-dom.production.min.js","../../../../../../../node_modules/react-dom/index.js","../../../../../../../node_modules/@popperjs/core/lib/enums.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeName.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getWindow.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/instanceOf.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/applyStyles.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getBasePlacement.js","../../../../../../../node_modules/@popperjs/core/lib/utils/math.js","../../../../../../../node_modules/@popperjs/core/lib/utils/userAgent.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/isLayoutViewport.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getBoundingClientRect.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getLayoutRect.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/contains.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getComputedStyle.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/isTableElement.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getDocumentElement.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getParentNode.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getOffsetParent.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getMainAxisFromPlacement.js","../../../../../../../node_modules/@popperjs/core/lib/utils/within.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getFreshSideObject.js","../../../../../../../node_modules/@popperjs/core/lib/utils/mergePaddingObject.js","../../../../../../../node_modules/@popperjs/core/lib/utils/expandToHashMap.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/arrow.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getVariation.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/computeStyles.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/eventListeners.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getOppositePlacement.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getOppositeVariationPlacement.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScroll.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getWindowScrollBarX.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getViewportRect.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getDocumentRect.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/isScrollParent.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getScrollParent.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/listScrollParents.js","../../../../../../../node_modules/@popperjs/core/lib/utils/rectToClientRect.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getClippingRect.js","../../../../../../../node_modules/@popperjs/core/lib/utils/computeOffsets.js","../../../../../../../node_modules/@popperjs/core/lib/utils/detectOverflow.js","../../../../../../../node_modules/@popperjs/core/lib/utils/computeAutoPlacement.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/flip.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/hide.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/offset.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/popperOffsets.js","../../../../../../../node_modules/@popperjs/core/lib/utils/getAltAxis.js","../../../../../../../node_modules/@popperjs/core/lib/modifiers/preventOverflow.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getHTMLElementScroll.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getNodeScroll.js","../../../../../../../node_modules/@popperjs/core/lib/dom-utils/getCompositeRect.js","../../../../../../../node_modules/@popperjs/core/lib/utils/orderModifiers.js","../../../../../../../node_modules/@popperjs/core/lib/utils/debounce.js","../../../../../../../node_modules/@popperjs/core/lib/utils/mergeByName.js","../../../../../../../node_modules/@popperjs/core/lib/createPopper.js","../../../../../../../node_modules/@popperjs/core/lib/popper.js","../../../../../../../node_modules/react-fast-compare/index.js","../../../../../../../node_modules/react-popper/lib/esm/usePopper.js","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/others/tooltip/themes/styles/veci.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/others/tooltip/themes/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/others/tooltip/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/others/tooltip/index.mjs","../../../../../../../node_modules/lodash.debounce/index.js","../../../../../../../node_modules/usehooks-ts/dist/index.js","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/certification/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/certification/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/hooks/useLoginRegisterModal.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/button/themes/styles/universalmusic.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/button/themes/styles/veci.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/button/themes/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/button/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/login-register-modal/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/login-register-modal/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/middle/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/customEvents.mjs","../../../../../../../node_modules/@babylon/ui-kit-hooks/esm/useDevice.mjs","../../../../../../../node_modules/@babylon/ui-kit-hooks/esm/device/useIsDesktop.mjs","../../../../../../../node_modules/@babylon/ui-kit-hooks/esm/usePrevValue.mjs","../../../../../../../node_modules/fast-deep-equal/react.js","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/useContextState/useContentProps.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/useContextState/useLock.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/useContextState/useRefs.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/useContextState/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-types/esm/key-code.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/useSideEffects.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/context/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/components/header/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/components/header/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/themes/styles/logitravel.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/themes/styles/partnerships.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/themes/styles/smy.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/themes/styles/veci.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/themes/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/modal/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/top/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/top/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/desktop/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/context.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/canUseDOM.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/portal/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/menu-content/menu-item/secondary-menu/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/menu-content/menu-item/secondary-menu/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/menu-content/menu-item/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/menu-content/menu-item/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/menu-content/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/menu-panel/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/menu/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/currency/currencies.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/currency/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-helpers/esm/flags.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/locations-modal/location/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/locations-modal/location/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/locations-modal/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/locations-modal/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-config/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-logged-content/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-logged-content/index.mjs","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/helpers/dom.helper.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/helpers/param.helper.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/helpers/ua.helper.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/helpers/index.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/facebook-login.client.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/facebook-login.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/types/fb.type.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/types/params.type.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/types/response.type.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/types/index.js","../../../../../../../node_modules/@greatsumini/react-facebook-login/dist/index.js","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/facebook-login-button/index.mjs","../../../../../../../node_modules/@react-oauth/google/dist/index.esm.js","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/google-login-button/service.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/buttons/google-login-button/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-unlogged-content/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/user-unlogged-content/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/user-content/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/user-panel/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/user/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/views/mobile/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/header/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-layout/esm/components/logitravel/base-template/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-hocs/esm/hydration-on-demand/withHydrationOnDemand.helpers.mjs","../../../../../../../node_modules/@babylon/ui-kit-hocs/esm/hydration-on-demand/withHydrationOnDemand.useHydrationOnDemand.mjs","../../../../../../../node_modules/@babylon/ui-kit-hocs/esm/hydration-on-demand/withHydrationOnDemandClientSide.mjs","../../../../../../../node_modules/@babylon/ui-kit-hocs/esm/hydration-on-demand/withHydrationOnDemandServerSide.mjs","../../../../../../../node_modules/@babylon/ui-kit-hocs/esm/hydration-on-demand/withHydrationOnDemand.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/title/views/desktop/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/title/views/desktop/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/title/views/mobile/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/title/views/mobile/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-base/esm/components/text/title/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-styles/esm/common/mixins/section.styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/section/views/desktop/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/section/views/desktop/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/section/views/mobile/styled.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/section/views/mobile/index.mjs","../../../../../../../node_modules/@babylon/ui-kit-structures/esm/components/others/section/index.mjs","../../../../../../../node_modules/lodash/isObject.js","../../../../../../../node_modules/lodash/_freeGlobal.js","../../../../../../../node_modules/lodash/_root.js","../../../../../../../node_modules/lodash/_Symbol.js","../../../../../../../node_modules/lodash/_getRawTag.js","../../../../../../../node_modules/lodash/_objectToString.js","../../../../../../../node_modules/lodash/_baseGetTag.js","../../../../../../../node_modules/lodash/isObjectLike.js","../../../../../../../node_modules/lodash/isFunction.js","../../../../../../../node_modules/lodash/_coreJsData.js","../../../../../../../node_modules/lodash/_isMasked.js","../../../../../../../node_modules/lodash/_toSource.js","../../../../../../../node_modules/lodash/_baseIsNative.js","../../../../../../../node_modules/lodash/_getValue.js","../../../../../../../node_modules/lodash/_getNative.js","../../../../../../../node_modules/lodash/_nativeCreate.js","../../../../../../../node_modules/lodash/_hashClear.js","../../../../../../../node_modules/lodash/_hashDelete.js","../../../../../../../node_modules/lodash/_hashGet.js","../../../../../../../node_modules/lodash/_hashHas.js","../../../../../../../node_modules/lodash/_hashSet.js","../../../../../../../node_modules/lodash/_Hash.js","../../../../../../../node_modules/lodash/_listCacheClear.js","../../../../../../../node_modules/lodash/eq.js","../../../../../../../node_modules/lodash/_assocIndexOf.js","../../../../../../../node_modules/lodash/_listCacheDelete.js","../../../../../../../node_modules/lodash/_listCacheGet.js","../../../../../../../node_modules/lodash/_listCacheHas.js","../../../../../../../node_modules/lodash/_listCacheSet.js","../../../../../../../node_modules/lodash/_ListCache.js","../../../../../../../node_modules/lodash/_Map.js","../../../../../../../node_modules/lodash/_mapCacheClear.js","../../../../../../../node_modules/lodash/_isKeyable.js","../../../../../../../node_modules/lodash/_getMapData.js","../../../../../../../node_modules/lodash/_mapCacheDelete.js","../../../../../../../node_modules/lodash/_mapCacheGet.js","../../../../../../../node_modules/lodash/_mapCacheHas.js","../../../../../../../node_modules/lodash/_mapCacheSet.js","../../../../../../../node_modules/lodash/_MapCache.js","../../../../../../../node_modules/react-dom/client.js","../../../../../../../src/utils/render/csr/index.tsx","../../../../../../../node_modules/react-dom/cjs/react-dom-server-legacy.browser.production.min.js","../../../../../../../node_modules/react-dom/cjs/react-dom-server.browser.production.min.js","../../../../../../../node_modules/react-dom/server.browser.js","../../../../../../../src/utils/render/index.tsx"],"sourcesContent":["/**\n * @license React\n * react.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var l=Symbol.for(\"react.element\"),n=Symbol.for(\"react.portal\"),p=Symbol.for(\"react.fragment\"),q=Symbol.for(\"react.strict_mode\"),r=Symbol.for(\"react.profiler\"),t=Symbol.for(\"react.provider\"),u=Symbol.for(\"react.context\"),v=Symbol.for(\"react.forward_ref\"),w=Symbol.for(\"react.suspense\"),x=Symbol.for(\"react.memo\"),y=Symbol.for(\"react.lazy\"),z=Symbol.iterator;function A(a){if(null===a||\"object\"!==typeof a)return null;a=z&&a[z]||a[\"@@iterator\"];return\"function\"===typeof a?a:null}\nvar B={isMounted:function(){return!1},enqueueForceUpdate:function(){},enqueueReplaceState:function(){},enqueueSetState:function(){}},C=Object.assign,D={};function E(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}E.prototype.isReactComponent={};\nE.prototype.setState=function(a,b){if(\"object\"!==typeof a&&\"function\"!==typeof a&&null!=a)throw Error(\"setState(...): takes an object of state variables to update or a function which returns an object of state variables.\");this.updater.enqueueSetState(this,a,b,\"setState\")};E.prototype.forceUpdate=function(a){this.updater.enqueueForceUpdate(this,a,\"forceUpdate\")};function F(){}F.prototype=E.prototype;function G(a,b,e){this.props=a;this.context=b;this.refs=D;this.updater=e||B}var H=G.prototype=new F;\nH.constructor=G;C(H,E.prototype);H.isPureReactComponent=!0;var I=Array.isArray,J=Object.prototype.hasOwnProperty,K={current:null},L={key:!0,ref:!0,__self:!0,__source:!0};\nfunction M(a,b,e){var d,c={},k=null,h=null;if(null!=b)for(d in void 0!==b.ref&&(h=b.ref),void 0!==b.key&&(k=\"\"+b.key),b)J.call(b,d)&&!L.hasOwnProperty(d)&&(c[d]=b[d]);var g=arguments.length-2;if(1===g)c.children=e;else if(1 0 && arguments[0] !== undefined ? arguments[0] : [];\n let b = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : [];\n return a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n}\n\nfunction assertErrorBoundaryContext(value) {\n if (value == null || typeof value.didCatch !== \"boolean\" || typeof value.resetErrorBoundary !== \"function\") {\n throw new Error(\"ErrorBoundaryContext not found\");\n }\n}\n\nfunction useErrorBoundary() {\n const context = useContext(ErrorBoundaryContext);\n assertErrorBoundaryContext(context);\n const [state, setState] = useState({\n error: null,\n hasError: false\n });\n const memoized = useMemo(() => ({\n resetBoundary: () => {\n context.resetErrorBoundary();\n setState({\n error: null,\n hasError: false\n });\n },\n showBoundary: error => setState({\n error,\n hasError: true\n })\n }), [context.resetErrorBoundary]);\n if (state.hasError) {\n throw state.error;\n }\n return memoized;\n}\n\nfunction withErrorBoundary(component, errorBoundaryProps) {\n const Wrapped = forwardRef((props, ref) => createElement(ErrorBoundary, errorBoundaryProps, createElement(component, {\n ...props,\n ref\n })));\n\n // Format for display in DevTools\n const name = component.displayName || component.name || \"Unknown\";\n Wrapped.displayName = \"withErrorBoundary(\".concat(name, \")\");\n return Wrapped;\n}\n\nexport { ErrorBoundary, ErrorBoundaryContext, useErrorBoundary, withErrorBoundary };\n","import { jsx } from 'react/jsx-runtime';\nimport { withErrorBoundary } from 'react-error-boundary';\n\n/**\n *\n * @param component Component to wrap\n * @param fallback Fallback component to render on error\n * @returns Component wrapped in ErrorBoundary for catching errors and rendering fallback\n */ function ErrorBoundary(component, fallback) {\n return withErrorBoundary(component, {\n FallbackComponent: fallback ? fallback : ({ error })=>/*#__PURE__*/ jsx(\"span\", {\n \"data-testid\": \"ErrorBoundary\",\n dangerouslySetInnerHTML: {\n __html: ``\n }\n }),\n onError: (error, info)=>{\n console.warn('ErrorBoundary \\nInfo:', info.componentStack, '\\n', error?.stack);\n }\n });\n}\n\nexport { ErrorBoundary, ErrorBoundary as default };\n","var DEVICES;\n(function(DEVICES) {\n DEVICES[DEVICES[\"desktop\"] = 1] = \"desktop\";\n DEVICES[DEVICES[\"mobile\"] = 4] = \"mobile\";\n})(DEVICES || (DEVICES = {}));\n\nexport { DEVICES };\n","import { jsx } from 'react/jsx-runtime';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport { DEVICES } from '@babylon/ui-kit-context/types';\nimport { forwardRef, useContext } from 'react';\n\nfunction checkIfDesktop(device) {\n return device === DEVICES.desktop;\n}\nfunction checkIfMobile(device) {\n return device === DEVICES.mobile;\n}\nfunction generateViews(DesktopComponent, MobileComponent) {\n const views = {\n [DEVICES.desktop]: DesktopComponent,\n [DEVICES.mobile]: undefined\n };\n if (MobileComponent) views[DEVICES.mobile] = MobileComponent;\n return views;\n}\nfunction generateViewsComponent(DesktopComponent, MobileComponent) {\n const views = generateViews(DesktopComponent, MobileComponent);\n const ViewsComponent = /*#__PURE__*/ forwardRef((props, ref)=>{\n const { DeviceClass = DEVICES.desktop } = useContext(contextBabylon);\n const View = views[DeviceClass] || views[DEVICES.desktop];\n const viewProps = checkIfMobile(DeviceClass) ? props : props;\n return /*#__PURE__*/ jsx(View, {\n ...viewProps,\n ref: ref\n });\n });\n ViewsComponent.displayName = 'ViewsComponent';\n return ViewsComponent;\n}\n\nexport { checkIfDesktop, checkIfMobile, generateViewsComponent };\n","/******************************************************************************\r\nCopyright (c) Microsoft Corporation.\r\n\r\nPermission to use, copy, modify, and/or distribute this software for any\r\npurpose with or without fee is hereby granted.\r\n\r\nTHE SOFTWARE IS PROVIDED \"AS IS\" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH\r\nREGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY\r\nAND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,\r\nINDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM\r\nLOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR\r\nOTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR\r\nPERFORMANCE OF THIS SOFTWARE.\r\n***************************************************************************** */\r\n/* global Reflect, Promise */\r\n\r\nvar extendStatics = function(d, b) {\r\n extendStatics = Object.setPrototypeOf ||\r\n ({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||\r\n function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };\r\n return extendStatics(d, b);\r\n};\r\n\r\nexport function __extends(d, b) {\r\n if (typeof b !== \"function\" && b !== null)\r\n throw new TypeError(\"Class extends value \" + String(b) + \" is not a constructor or null\");\r\n extendStatics(d, b);\r\n function __() { this.constructor = d; }\r\n d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());\r\n}\r\n\r\nexport var __assign = function() {\r\n __assign = Object.assign || function __assign(t) {\r\n for (var s, i = 1, n = arguments.length; i < n; i++) {\r\n s = arguments[i];\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p)) t[p] = s[p];\r\n }\r\n return t;\r\n }\r\n return __assign.apply(this, arguments);\r\n}\r\n\r\nexport function __rest(s, e) {\r\n var t = {};\r\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\r\n t[p] = s[p];\r\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\r\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\r\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\r\n t[p[i]] = s[p[i]];\r\n }\r\n return t;\r\n}\r\n\r\nexport function __decorate(decorators, target, key, desc) {\r\n var c = arguments.length, r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc, d;\r\n if (typeof Reflect === \"object\" && typeof Reflect.decorate === \"function\") r = Reflect.decorate(decorators, target, key, desc);\r\n else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;\r\n return c > 3 && r && Object.defineProperty(target, key, r), r;\r\n}\r\n\r\nexport function __param(paramIndex, decorator) {\r\n return function (target, key) { decorator(target, key, paramIndex); }\r\n}\r\n\r\nexport function __esDecorate(ctor, descriptorIn, decorators, contextIn, initializers, extraInitializers) {\r\n function accept(f) { if (f !== void 0 && typeof f !== \"function\") throw new TypeError(\"Function expected\"); return f; }\r\n var kind = contextIn.kind, key = kind === \"getter\" ? \"get\" : kind === \"setter\" ? \"set\" : \"value\";\r\n var target = !descriptorIn && ctor ? contextIn[\"static\"] ? ctor : ctor.prototype : null;\r\n var descriptor = descriptorIn || (target ? Object.getOwnPropertyDescriptor(target, contextIn.name) : {});\r\n var _, done = false;\r\n for (var i = decorators.length - 1; i >= 0; i--) {\r\n var context = {};\r\n for (var p in contextIn) context[p] = p === \"access\" ? {} : contextIn[p];\r\n for (var p in contextIn.access) context.access[p] = contextIn.access[p];\r\n context.addInitializer = function (f) { if (done) throw new TypeError(\"Cannot add initializers after decoration has completed\"); extraInitializers.push(accept(f || null)); };\r\n var result = (0, decorators[i])(kind === \"accessor\" ? { get: descriptor.get, set: descriptor.set } : descriptor[key], context);\r\n if (kind === \"accessor\") {\r\n if (result === void 0) continue;\r\n if (result === null || typeof result !== \"object\") throw new TypeError(\"Object expected\");\r\n if (_ = accept(result.get)) descriptor.get = _;\r\n if (_ = accept(result.set)) descriptor.set = _;\r\n if (_ = accept(result.init)) initializers.push(_);\r\n }\r\n else if (_ = accept(result)) {\r\n if (kind === \"field\") initializers.push(_);\r\n else descriptor[key] = _;\r\n }\r\n }\r\n if (target) Object.defineProperty(target, contextIn.name, descriptor);\r\n done = true;\r\n};\r\n\r\nexport function __runInitializers(thisArg, initializers, value) {\r\n var useValue = arguments.length > 2;\r\n for (var i = 0; i < initializers.length; i++) {\r\n value = useValue ? initializers[i].call(thisArg, value) : initializers[i].call(thisArg);\r\n }\r\n return useValue ? value : void 0;\r\n};\r\n\r\nexport function __propKey(x) {\r\n return typeof x === \"symbol\" ? x : \"\".concat(x);\r\n};\r\n\r\nexport function __setFunctionName(f, name, prefix) {\r\n if (typeof name === \"symbol\") name = name.description ? \"[\".concat(name.description, \"]\") : \"\";\r\n return Object.defineProperty(f, \"name\", { configurable: true, value: prefix ? \"\".concat(prefix, \" \", name) : name });\r\n};\r\n\r\nexport function __metadata(metadataKey, metadataValue) {\r\n if (typeof Reflect === \"object\" && typeof Reflect.metadata === \"function\") return Reflect.metadata(metadataKey, metadataValue);\r\n}\r\n\r\nexport function __awaiter(thisArg, _arguments, P, generator) {\r\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\r\n return new (P || (P = Promise))(function (resolve, reject) {\r\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\r\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\r\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\r\n step((generator = generator.apply(thisArg, _arguments || [])).next());\r\n });\r\n}\r\n\r\nexport function __generator(thisArg, body) {\r\n var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;\r\n return g = { next: verb(0), \"throw\": verb(1), \"return\": verb(2) }, typeof Symbol === \"function\" && (g[Symbol.iterator] = function() { return this; }), g;\r\n function verb(n) { return function (v) { return step([n, v]); }; }\r\n function step(op) {\r\n if (f) throw new TypeError(\"Generator is already executing.\");\r\n while (g && (g = 0, op[0] && (_ = 0)), _) try {\r\n if (f = 1, y && (t = op[0] & 2 ? y[\"return\"] : op[0] ? y[\"throw\"] || ((t = y[\"return\"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;\r\n if (y = 0, t) op = [op[0] & 2, t.value];\r\n switch (op[0]) {\r\n case 0: case 1: t = op; break;\r\n case 4: _.label++; return { value: op[1], done: false };\r\n case 5: _.label++; y = op[1]; op = [0]; continue;\r\n case 7: op = _.ops.pop(); _.trys.pop(); continue;\r\n default:\r\n if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }\r\n if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }\r\n if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }\r\n if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }\r\n if (t[2]) _.ops.pop();\r\n _.trys.pop(); continue;\r\n }\r\n op = body.call(thisArg, _);\r\n } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }\r\n if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };\r\n }\r\n}\r\n\r\nexport var __createBinding = Object.create ? (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n var desc = Object.getOwnPropertyDescriptor(m, k);\r\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\r\n desc = { enumerable: true, get: function() { return m[k]; } };\r\n }\r\n Object.defineProperty(o, k2, desc);\r\n}) : (function(o, m, k, k2) {\r\n if (k2 === undefined) k2 = k;\r\n o[k2] = m[k];\r\n});\r\n\r\nexport function __exportStar(m, o) {\r\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(o, p)) __createBinding(o, m, p);\r\n}\r\n\r\nexport function __values(o) {\r\n var s = typeof Symbol === \"function\" && Symbol.iterator, m = s && o[s], i = 0;\r\n if (m) return m.call(o);\r\n if (o && typeof o.length === \"number\") return {\r\n next: function () {\r\n if (o && i >= o.length) o = void 0;\r\n return { value: o && o[i++], done: !o };\r\n }\r\n };\r\n throw new TypeError(s ? \"Object is not iterable.\" : \"Symbol.iterator is not defined.\");\r\n}\r\n\r\nexport function __read(o, n) {\r\n var m = typeof Symbol === \"function\" && o[Symbol.iterator];\r\n if (!m) return o;\r\n var i = m.call(o), r, ar = [], e;\r\n try {\r\n while ((n === void 0 || n-- > 0) && !(r = i.next()).done) ar.push(r.value);\r\n }\r\n catch (error) { e = { error: error }; }\r\n finally {\r\n try {\r\n if (r && !r.done && (m = i[\"return\"])) m.call(i);\r\n }\r\n finally { if (e) throw e.error; }\r\n }\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spread() {\r\n for (var ar = [], i = 0; i < arguments.length; i++)\r\n ar = ar.concat(__read(arguments[i]));\r\n return ar;\r\n}\r\n\r\n/** @deprecated */\r\nexport function __spreadArrays() {\r\n for (var s = 0, i = 0, il = arguments.length; i < il; i++) s += arguments[i].length;\r\n for (var r = Array(s), k = 0, i = 0; i < il; i++)\r\n for (var a = arguments[i], j = 0, jl = a.length; j < jl; j++, k++)\r\n r[k] = a[j];\r\n return r;\r\n}\r\n\r\nexport function __spreadArray(to, from, pack) {\r\n if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {\r\n if (ar || !(i in from)) {\r\n if (!ar) ar = Array.prototype.slice.call(from, 0, i);\r\n ar[i] = from[i];\r\n }\r\n }\r\n return to.concat(ar || Array.prototype.slice.call(from));\r\n}\r\n\r\nexport function __await(v) {\r\n return this instanceof __await ? (this.v = v, this) : new __await(v);\r\n}\r\n\r\nexport function __asyncGenerator(thisArg, _arguments, generator) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var g = generator.apply(thisArg, _arguments || []), i, q = [];\r\n return i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i;\r\n function verb(n) { if (g[n]) i[n] = function (v) { return new Promise(function (a, b) { q.push([n, v, a, b]) > 1 || resume(n, v); }); }; }\r\n function resume(n, v) { try { step(g[n](v)); } catch (e) { settle(q[0][3], e); } }\r\n function step(r) { r.value instanceof __await ? Promise.resolve(r.value.v).then(fulfill, reject) : settle(q[0][2], r); }\r\n function fulfill(value) { resume(\"next\", value); }\r\n function reject(value) { resume(\"throw\", value); }\r\n function settle(f, v) { if (f(v), q.shift(), q.length) resume(q[0][0], q[0][1]); }\r\n}\r\n\r\nexport function __asyncDelegator(o) {\r\n var i, p;\r\n return i = {}, verb(\"next\"), verb(\"throw\", function (e) { throw e; }), verb(\"return\"), i[Symbol.iterator] = function () { return this; }, i;\r\n function verb(n, f) { i[n] = o[n] ? function (v) { return (p = !p) ? { value: __await(o[n](v)), done: false } : f ? f(v) : v; } : f; }\r\n}\r\n\r\nexport function __asyncValues(o) {\r\n if (!Symbol.asyncIterator) throw new TypeError(\"Symbol.asyncIterator is not defined.\");\r\n var m = o[Symbol.asyncIterator], i;\r\n return m ? m.call(o) : (o = typeof __values === \"function\" ? __values(o) : o[Symbol.iterator](), i = {}, verb(\"next\"), verb(\"throw\"), verb(\"return\"), i[Symbol.asyncIterator] = function () { return this; }, i);\r\n function verb(n) { i[n] = o[n] && function (v) { return new Promise(function (resolve, reject) { v = o[n](v), settle(resolve, reject, v.done, v.value); }); }; }\r\n function settle(resolve, reject, d, v) { Promise.resolve(v).then(function(v) { resolve({ value: v, done: d }); }, reject); }\r\n}\r\n\r\nexport function __makeTemplateObject(cooked, raw) {\r\n if (Object.defineProperty) { Object.defineProperty(cooked, \"raw\", { value: raw }); } else { cooked.raw = raw; }\r\n return cooked;\r\n};\r\n\r\nvar __setModuleDefault = Object.create ? (function(o, v) {\r\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\r\n}) : function(o, v) {\r\n o[\"default\"] = v;\r\n};\r\n\r\nexport function __importStar(mod) {\r\n if (mod && mod.__esModule) return mod;\r\n var result = {};\r\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\r\n __setModuleDefault(result, mod);\r\n return result;\r\n}\r\n\r\nexport function __importDefault(mod) {\r\n return (mod && mod.__esModule) ? mod : { default: mod };\r\n}\r\n\r\nexport function __classPrivateFieldGet(receiver, state, kind, f) {\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a getter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");\r\n return kind === \"m\" ? f : kind === \"a\" ? f.call(receiver) : f ? f.value : state.get(receiver);\r\n}\r\n\r\nexport function __classPrivateFieldSet(receiver, state, value, kind, f) {\r\n if (kind === \"m\") throw new TypeError(\"Private method is not writable\");\r\n if (kind === \"a\" && !f) throw new TypeError(\"Private accessor was defined without a setter\");\r\n if (typeof state === \"function\" ? receiver !== state || !f : !state.has(receiver)) throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");\r\n return (kind === \"a\" ? f.call(receiver, value) : f ? f.value = value : state.set(receiver, value)), value;\r\n}\r\n\r\nexport function __classPrivateFieldIn(state, receiver) {\r\n if (receiver === null || (typeof receiver !== \"object\" && typeof receiver !== \"function\")) throw new TypeError(\"Cannot use 'in' operator on non-object\");\r\n return typeof state === \"function\" ? receiver === state : state.has(receiver);\r\n}\r\n","export var MS = '-ms-'\nexport var MOZ = '-moz-'\nexport var WEBKIT = '-webkit-'\n\nexport var COMMENT = 'comm'\nexport var RULESET = 'rule'\nexport var DECLARATION = 'decl'\n\nexport var PAGE = '@page'\nexport var MEDIA = '@media'\nexport var IMPORT = '@import'\nexport var CHARSET = '@charset'\nexport var VIEWPORT = '@viewport'\nexport var SUPPORTS = '@supports'\nexport var DOCUMENT = '@document'\nexport var NAMESPACE = '@namespace'\nexport var KEYFRAMES = '@keyframes'\nexport var FONT_FACE = '@font-face'\nexport var COUNTER_STYLE = '@counter-style'\nexport var FONT_FEATURE_VALUES = '@font-feature-values'\nexport var LAYER = '@layer'\n","/**\n * @param {number}\n * @return {number}\n */\nexport var abs = Math.abs\n\n/**\n * @param {number}\n * @return {string}\n */\nexport var from = String.fromCharCode\n\n/**\n * @param {object}\n * @return {object}\n */\nexport var assign = Object.assign\n\n/**\n * @param {string} value\n * @param {number} length\n * @return {number}\n */\nexport function hash (value, length) {\n\treturn charat(value, 0) ^ 45 ? (((((((length << 2) ^ charat(value, 0)) << 2) ^ charat(value, 1)) << 2) ^ charat(value, 2)) << 2) ^ charat(value, 3) : 0\n}\n\n/**\n * @param {string} value\n * @return {string}\n */\nexport function trim (value) {\n\treturn value.trim()\n}\n\n/**\n * @param {string} value\n * @param {RegExp} pattern\n * @return {string?}\n */\nexport function match (value, pattern) {\n\treturn (value = pattern.exec(value)) ? value[0] : value\n}\n\n/**\n * @param {string} value\n * @param {(string|RegExp)} pattern\n * @param {string} replacement\n * @return {string}\n */\nexport function replace (value, pattern, replacement) {\n\treturn value.replace(pattern, replacement)\n}\n\n/**\n * @param {string} value\n * @param {string} search\n * @param {number} position\n * @return {number}\n */\nexport function indexof (value, search, position) {\n\treturn value.indexOf(search, position)\n}\n\n/**\n * @param {string} value\n * @param {number} index\n * @return {number}\n */\nexport function charat (value, index) {\n\treturn value.charCodeAt(index) | 0\n}\n\n/**\n * @param {string} value\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function substr (value, begin, end) {\n\treturn value.slice(begin, end)\n}\n\n/**\n * @param {string} value\n * @return {number}\n */\nexport function strlen (value) {\n\treturn value.length\n}\n\n/**\n * @param {any[]} value\n * @return {number}\n */\nexport function sizeof (value) {\n\treturn value.length\n}\n\n/**\n * @param {any} value\n * @param {any[]} array\n * @return {any}\n */\nexport function append (value, array) {\n\treturn array.push(value), value\n}\n\n/**\n * @param {string[]} array\n * @param {function} callback\n * @return {string}\n */\nexport function combine (array, callback) {\n\treturn array.map(callback).join('')\n}\n\n/**\n * @param {string[]} array\n * @param {RegExp} pattern\n * @return {string[]}\n */\nexport function filter (array, pattern) {\n\treturn array.filter(function (value) { return !match(value, pattern) })\n}\n","import {from, trim, charat, strlen, substr, append, assign} from './Utility.js'\n\nexport var line = 1\nexport var column = 1\nexport var length = 0\nexport var position = 0\nexport var character = 0\nexport var characters = ''\n\n/**\n * @param {string} value\n * @param {object | null} root\n * @param {object | null} parent\n * @param {string} type\n * @param {string[] | string} props\n * @param {object[] | string} children\n * @param {object[]} siblings\n * @param {number} length\n */\nexport function node (value, root, parent, type, props, children, length, siblings) {\n\treturn {value: value, root: root, parent: parent, type: type, props: props, children: children, line: line, column: column, length: length, return: '', siblings: siblings}\n}\n\n/**\n * @param {object} root\n * @param {object} props\n * @return {object}\n */\nexport function copy (root, props) {\n\treturn assign(node('', null, null, '', null, null, 0, root.siblings), root, {length: -root.length}, props)\n}\n\n/**\n * @param {object} root\n */\nexport function lift (root) {\n\twhile (root.root)\n\t\troot = copy(root.root, {children: [root]})\n\n\tappend(root, root.siblings)\n}\n\n/**\n * @return {number}\n */\nexport function char () {\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function prev () {\n\tcharacter = position > 0 ? charat(characters, --position) : 0\n\n\tif (column--, character === 10)\n\t\tcolumn = 1, line--\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function next () {\n\tcharacter = position < length ? charat(characters, position++) : 0\n\n\tif (column++, character === 10)\n\t\tcolumn = 1, line++\n\n\treturn character\n}\n\n/**\n * @return {number}\n */\nexport function peek () {\n\treturn charat(characters, position)\n}\n\n/**\n * @return {number}\n */\nexport function caret () {\n\treturn position\n}\n\n/**\n * @param {number} begin\n * @param {number} end\n * @return {string}\n */\nexport function slice (begin, end) {\n\treturn substr(characters, begin, end)\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function token (type) {\n\tswitch (type) {\n\t\t// \\0 \\t \\n \\r \\s whitespace token\n\t\tcase 0: case 9: case 10: case 13: case 32:\n\t\t\treturn 5\n\t\t// ! + , / > @ ~ isolate token\n\t\tcase 33: case 43: case 44: case 47: case 62: case 64: case 126:\n\t\t// ; { } breakpoint token\n\t\tcase 59: case 123: case 125:\n\t\t\treturn 4\n\t\t// : accompanied token\n\t\tcase 58:\n\t\t\treturn 3\n\t\t// \" ' ( [ opening delimit token\n\t\tcase 34: case 39: case 40: case 91:\n\t\t\treturn 2\n\t\t// ) ] closing delimit token\n\t\tcase 41: case 93:\n\t\t\treturn 1\n\t}\n\n\treturn 0\n}\n\n/**\n * @param {string} value\n * @return {any[]}\n */\nexport function alloc (value) {\n\treturn line = column = 1, length = strlen(characters = value), position = 0, []\n}\n\n/**\n * @param {any} value\n * @return {any}\n */\nexport function dealloc (value) {\n\treturn characters = '', value\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function delimit (type) {\n\treturn trim(slice(position - 1, delimiter(type === 91 ? type + 2 : type === 40 ? type + 1 : type)))\n}\n\n/**\n * @param {string} value\n * @return {string[]}\n */\nexport function tokenize (value) {\n\treturn dealloc(tokenizer(alloc(value)))\n}\n\n/**\n * @param {number} type\n * @return {string}\n */\nexport function whitespace (type) {\n\twhile (character = peek())\n\t\tif (character < 33)\n\t\t\tnext()\n\t\telse\n\t\t\tbreak\n\n\treturn token(type) > 2 || token(character) > 3 ? '' : ' '\n}\n\n/**\n * @param {string[]} children\n * @return {string[]}\n */\nexport function tokenizer (children) {\n\twhile (next())\n\t\tswitch (token(character)) {\n\t\t\tcase 0: append(identifier(position - 1), children)\n\t\t\t\tbreak\n\t\t\tcase 2: append(delimit(character), children)\n\t\t\t\tbreak\n\t\t\tdefault: append(from(character), children)\n\t\t}\n\n\treturn children\n}\n\n/**\n * @param {number} index\n * @param {number} count\n * @return {string}\n */\nexport function escaping (index, count) {\n\twhile (--count && next())\n\t\t// not 0-9 A-F a-f\n\t\tif (character < 48 || character > 102 || (character > 57 && character < 65) || (character > 70 && character < 97))\n\t\t\tbreak\n\n\treturn slice(index, caret() + (count < 6 && peek() == 32 && next() == 32))\n}\n\n/**\n * @param {number} type\n * @return {number}\n */\nexport function delimiter (type) {\n\twhile (next())\n\t\tswitch (character) {\n\t\t\t// ] ) \" '\n\t\t\tcase type:\n\t\t\t\treturn position\n\t\t\t// \" '\n\t\t\tcase 34: case 39:\n\t\t\t\tif (type !== 34 && type !== 39)\n\t\t\t\t\tdelimiter(character)\n\t\t\t\tbreak\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (type === 41)\n\t\t\t\t\tdelimiter(type)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tnext()\n\t\t\t\tbreak\n\t\t}\n\n\treturn position\n}\n\n/**\n * @param {number} type\n * @param {number} index\n * @return {number}\n */\nexport function commenter (type, index) {\n\twhile (next())\n\t\t// //\n\t\tif (type + character === 47 + 10)\n\t\t\tbreak\n\t\t// /*\n\t\telse if (type + character === 42 + 42 && peek() === 47)\n\t\t\tbreak\n\n\treturn '/*' + slice(index, position - 1) + '*' + from(type === 47 ? type : next())\n}\n\n/**\n * @param {number} index\n * @return {string}\n */\nexport function identifier (index) {\n\twhile (!token(peek()))\n\t\tnext()\n\n\treturn slice(index, position)\n}\n","import {COMMENT, RULESET, DECLARATION} from './Enum.js'\nimport {abs, charat, trim, from, sizeof, strlen, substr, append, replace, indexof} from './Utility.js'\nimport {node, char, prev, next, peek, caret, alloc, dealloc, delimit, whitespace, escaping, identifier, commenter} from './Tokenizer.js'\n\n/**\n * @param {string} value\n * @return {object[]}\n */\nexport function compile (value) {\n\treturn dealloc(parse('', null, null, null, [''], value = alloc(value), 0, [0], value))\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {string[]} rule\n * @param {string[]} rules\n * @param {string[]} rulesets\n * @param {number[]} pseudo\n * @param {number[]} points\n * @param {string[]} declarations\n * @return {object}\n */\nexport function parse (value, root, parent, rule, rules, rulesets, pseudo, points, declarations) {\n\tvar index = 0\n\tvar offset = 0\n\tvar length = pseudo\n\tvar atrule = 0\n\tvar property = 0\n\tvar previous = 0\n\tvar variable = 1\n\tvar scanning = 1\n\tvar ampersand = 1\n\tvar character = 0\n\tvar type = ''\n\tvar props = rules\n\tvar children = rulesets\n\tvar reference = rule\n\tvar characters = type\n\n\twhile (scanning)\n\t\tswitch (previous = character, character = next()) {\n\t\t\t// (\n\t\t\tcase 40:\n\t\t\t\tif (previous != 108 && charat(characters, length - 1) == 58) {\n\t\t\t\t\tif (indexof(characters += replace(delimit(character), '&', '&\\f'), '&\\f', abs(index ? points[index - 1] : 0)) != -1)\n\t\t\t\t\t\tampersand = -1\n\t\t\t\t\tbreak\n\t\t\t\t}\n\t\t\t// \" ' [\n\t\t\tcase 34: case 39: case 91:\n\t\t\t\tcharacters += delimit(character)\n\t\t\t\tbreak\n\t\t\t// \\t \\n \\r \\s\n\t\t\tcase 9: case 10: case 13: case 32:\n\t\t\t\tcharacters += whitespace(previous)\n\t\t\t\tbreak\n\t\t\t// \\\n\t\t\tcase 92:\n\t\t\t\tcharacters += escaping(caret() - 1, 7)\n\t\t\t\tcontinue\n\t\t\t// /\n\t\t\tcase 47:\n\t\t\t\tswitch (peek()) {\n\t\t\t\t\tcase 42: case 47:\n\t\t\t\t\t\tappend(comment(commenter(next(), caret()), root, parent, declarations), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tcharacters += '/'\n\t\t\t\t}\n\t\t\t\tbreak\n\t\t\t// {\n\t\t\tcase 123 * variable:\n\t\t\t\tpoints[index++] = strlen(characters) * ampersand\n\t\t\t// } ; \\0\n\t\t\tcase 125 * variable: case 59: case 0:\n\t\t\t\tswitch (character) {\n\t\t\t\t\t// \\0 }\n\t\t\t\t\tcase 0: case 125: scanning = 0\n\t\t\t\t\t// ;\n\t\t\t\t\tcase 59 + offset: if (ampersand == -1) characters = replace(characters, /\\f/g, '')\n\t\t\t\t\t\tif (property > 0 && (strlen(characters) - length))\n\t\t\t\t\t\t\tappend(property > 32 ? declaration(characters + ';', rule, parent, length - 1, declarations) : declaration(replace(characters, ' ', '') + ';', rule, parent, length - 2, declarations), declarations)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @ ;\n\t\t\t\t\tcase 59: characters += ';'\n\t\t\t\t\t// { rule/at-rule\n\t\t\t\t\tdefault:\n\t\t\t\t\t\tappend(reference = ruleset(characters, root, parent, index, offset, rules, points, type, props = [], children = [], length, rulesets), rulesets)\n\n\t\t\t\t\t\tif (character === 123)\n\t\t\t\t\t\t\tif (offset === 0)\n\t\t\t\t\t\t\t\tparse(characters, root, reference, reference, props, rulesets, length, points, children)\n\t\t\t\t\t\t\telse\n\t\t\t\t\t\t\t\tswitch (atrule === 99 && charat(characters, 3) === 110 ? 100 : atrule) {\n\t\t\t\t\t\t\t\t\t// d l m s\n\t\t\t\t\t\t\t\t\tcase 100: case 108: case 109: case 115:\n\t\t\t\t\t\t\t\t\t\tparse(value, reference, reference, rule && append(ruleset(value, reference, reference, 0, 0, rules, points, type, rules, props = [], length, children), children), rules, children, length, points, rule ? props : children)\n\t\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\t\tparse(characters, reference, reference, reference, [''], children, 0, points, children)\n\t\t\t\t\t\t\t\t}\n\t\t\t\t}\n\n\t\t\t\tindex = offset = property = 0, variable = ampersand = 1, type = characters = '', length = pseudo\n\t\t\t\tbreak\n\t\t\t// :\n\t\t\tcase 58:\n\t\t\t\tlength = 1 + strlen(characters), property = previous\n\t\t\tdefault:\n\t\t\t\tif (variable < 1)\n\t\t\t\t\tif (character == 123)\n\t\t\t\t\t\t--variable\n\t\t\t\t\telse if (character == 125 && variable++ == 0 && prev() == 125)\n\t\t\t\t\t\tcontinue\n\n\t\t\t\tswitch (characters += from(character), character * variable) {\n\t\t\t\t\t// &\n\t\t\t\t\tcase 38:\n\t\t\t\t\t\tampersand = offset > 0 ? 1 : (characters += '\\f', -1)\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// ,\n\t\t\t\t\tcase 44:\n\t\t\t\t\t\tpoints[index++] = (strlen(characters) - 1) * ampersand, ampersand = 1\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// @\n\t\t\t\t\tcase 64:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (peek() === 45)\n\t\t\t\t\t\t\tcharacters += delimit(next())\n\n\t\t\t\t\t\tatrule = peek(), offset = length = strlen(type = characters += identifier(caret())), character++\n\t\t\t\t\t\tbreak\n\t\t\t\t\t// -\n\t\t\t\t\tcase 45:\n\t\t\t\t\t\tif (previous === 45 && strlen(characters) == 2)\n\t\t\t\t\t\t\tvariable = 0\n\t\t\t\t}\n\t\t}\n\n\treturn rulesets\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} index\n * @param {number} offset\n * @param {string[]} rules\n * @param {number[]} points\n * @param {string} type\n * @param {string[]} props\n * @param {string[]} children\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function ruleset (value, root, parent, index, offset, rules, points, type, props, children, length, siblings) {\n\tvar post = offset - 1\n\tvar rule = offset === 0 ? rules : ['']\n\tvar size = sizeof(rule)\n\n\tfor (var i = 0, j = 0, k = 0; i < index; ++i)\n\t\tfor (var x = 0, y = substr(value, post + 1, post = abs(j = points[i])), z = value; x < size; ++x)\n\t\t\tif (z = trim(j > 0 ? rule[x] + ' ' + y : replace(y, /&\\f/g, rule[x])))\n\t\t\t\tprops[k++] = z\n\n\treturn node(value, root, parent, offset === 0 ? RULESET : type, props, children, length, siblings)\n}\n\n/**\n * @param {number} value\n * @param {object} root\n * @param {object?} parent\n * @param {object[]} siblings\n * @return {object}\n */\nexport function comment (value, root, parent, siblings) {\n\treturn node(value, root, parent, COMMENT, from(char()), substr(value, 2, -2), 0, siblings)\n}\n\n/**\n * @param {string} value\n * @param {object} root\n * @param {object?} parent\n * @param {number} length\n * @param {object[]} siblings\n * @return {object}\n */\nexport function declaration (value, root, parent, length, siblings) {\n\treturn node(value, root, parent, DECLARATION, substr(value, 0, length), substr(value, length + 1, -1), length, siblings)\n}\n","import {MS, MOZ, WEBKIT} from './Enum.js'\nimport {hash, charat, strlen, indexof, replace, substr, match} from './Utility.js'\n\n/**\n * @param {string} value\n * @param {number} length\n * @param {object[]} children\n * @return {string}\n */\nexport function prefix (value, length, children) {\n\tswitch (hash(value, length)) {\n\t\t// color-adjust\n\t\tcase 5103:\n\t\t\treturn WEBKIT + 'print-' + value + value\n\t\t// animation, animation-(delay|direction|duration|fill-mode|iteration-count|name|play-state|timing-function)\n\t\tcase 5737: case 4201: case 3177: case 3433: case 1641: case 4457: case 2921:\n\t\t// text-decoration, filter, clip-path, backface-visibility, column, box-decoration-break\n\t\tcase 5572: case 6356: case 5844: case 3191: case 6645: case 3005:\n\t\t// mask, mask-image, mask-(mode|clip|size), mask-(repeat|origin), mask-position, mask-composite,\n\t\tcase 6391: case 5879: case 5623: case 6135: case 4599: case 4855:\n\t\t// background-clip, columns, column-(count|fill|gap|rule|rule-color|rule-style|rule-width|span|width)\n\t\tcase 4215: case 6389: case 5109: case 5365: case 5621: case 3829:\n\t\t\treturn WEBKIT + value + value\n\t\t// tab-size\n\t\tcase 4789:\n\t\t\treturn MOZ + value + value\n\t\t// appearance, user-select, transform, hyphens, text-size-adjust\n\t\tcase 5349: case 4246: case 4810: case 6968: case 2756:\n\t\t\treturn WEBKIT + value + MOZ + value + MS + value + value\n\t\t// writing-mode\n\t\tcase 5936:\n\t\t\tswitch (charat(value, length + 11)) {\n\t\t\t\t// vertical-l(r)\n\t\t\t\tcase 114:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb') + value\n\t\t\t\t// vertical-r(l)\n\t\t\t\tcase 108:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'tb-rl') + value\n\t\t\t\t// horizontal(-)tb\n\t\t\t\tcase 45:\n\t\t\t\t\treturn WEBKIT + value + MS + replace(value, /[svh]\\w+-[tblr]{2}/, 'lr') + value\n\t\t\t\t// default: fallthrough to below\n\t\t\t}\n\t\t// flex, flex-direction, scroll-snap-type, writing-mode\n\t\tcase 6828: case 4268: case 2903:\n\t\t\treturn WEBKIT + value + MS + value + value\n\t\t// order\n\t\tcase 6165:\n\t\t\treturn WEBKIT + value + MS + 'flex-' + value + value\n\t\t// align-items\n\t\tcase 5187:\n\t\t\treturn WEBKIT + value + replace(value, /(\\w+).+(:[^]+)/, WEBKIT + 'box-$1$2' + MS + 'flex-$1$2') + value\n\t\t// align-self\n\t\tcase 5443:\n\t\t\treturn WEBKIT + value + MS + 'flex-item-' + replace(value, /flex-|-self/g, '') + (!match(value, /flex-|baseline/) ? MS + 'grid-row-' + replace(value, /flex-|-self/g, '') : '') + value\n\t\t// align-content\n\t\tcase 4675:\n\t\t\treturn WEBKIT + value + MS + 'flex-line-pack' + replace(value, /align-content|flex-|-self/g, '') + value\n\t\t// flex-shrink\n\t\tcase 5548:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'shrink', 'negative') + value\n\t\t// flex-basis\n\t\tcase 5292:\n\t\t\treturn WEBKIT + value + MS + replace(value, 'basis', 'preferred-size') + value\n\t\t// flex-grow\n\t\tcase 6060:\n\t\t\treturn WEBKIT + 'box-' + replace(value, '-grow', '') + WEBKIT + value + MS + replace(value, 'grow', 'positive') + value\n\t\t// transition\n\t\tcase 4554:\n\t\t\treturn WEBKIT + replace(value, /([^-])(transform)/g, '$1' + WEBKIT + '$2') + value\n\t\t// cursor\n\t\tcase 6187:\n\t\t\treturn replace(replace(replace(value, /(zoom-|grab)/, WEBKIT + '$1'), /(image-set)/, WEBKIT + '$1'), value, '') + value\n\t\t// background, background-image\n\t\tcase 5495: case 3959:\n\t\t\treturn replace(value, /(image-set\\([^]*)/, WEBKIT + '$1' + '$`$1')\n\t\t// justify-content\n\t\tcase 4968:\n\t\t\treturn replace(replace(value, /(.+:)(flex-)?(.*)/, WEBKIT + 'box-pack:$3' + MS + 'flex-pack:$3'), /s.+-b[^;]+/, 'justify') + WEBKIT + value + value\n\t\t// justify-self\n\t\tcase 4200:\n\t\t\tif (!match(value, /flex-|baseline/)) return MS + 'grid-column-align' + substr(value, length) + value\n\t\t\tbreak\n\t\t// grid-template-(columns|rows)\n\t\tcase 2592: case 3360:\n\t\t\treturn MS + replace(value, 'template-', '') + value\n\t\t// grid-(row|column)-start\n\t\tcase 4384: case 3616:\n\t\t\tif (children && children.some(function (element, index) { return length = index, match(element.props, /grid-\\w+-end/) })) {\n\t\t\t\treturn ~indexof(value + (children = children[length].value), 'span', 0) ? value : (MS + replace(value, '-start', '') + value + MS + 'grid-row-span:' + (~indexof(children, 'span', 0) ? match(children, /\\d+/) : +match(children, /\\d+/) - +match(value, /\\d+/)) + ';')\n\t\t\t}\n\t\t\treturn MS + replace(value, '-start', '') + value\n\t\t// grid-(row|column)-end\n\t\tcase 4896: case 4128:\n\t\t\treturn (children && children.some(function (element) { return match(element.props, /grid-\\w+-start/) })) ? value : MS + replace(replace(value, '-end', '-span'), 'span ', '') + value\n\t\t// (margin|padding)-inline-(start|end)\n\t\tcase 4095: case 3583: case 4068: case 2532:\n\t\t\treturn replace(value, /(.+)-inline(.+)/, WEBKIT + '$1$2') + value\n\t\t// (min|max)?(width|height|inline-size|block-size)\n\t\tcase 8116: case 7059: case 5753: case 5535:\n\t\tcase 5445: case 5701: case 4933: case 4677:\n\t\tcase 5533: case 5789: case 5021: case 4765:\n\t\t\t// stretch, max-content, min-content, fill-available\n\t\t\tif (strlen(value) - 1 - length > 6)\n\t\t\t\tswitch (charat(value, length + 1)) {\n\t\t\t\t\t// (m)ax-content, (m)in-content\n\t\t\t\t\tcase 109:\n\t\t\t\t\t\t// -\n\t\t\t\t\t\tif (charat(value, length + 4) !== 45)\n\t\t\t\t\t\t\tbreak\n\t\t\t\t\t// (f)ill-available, (f)it-content\n\t\t\t\t\tcase 102:\n\t\t\t\t\t\treturn replace(value, /(.+:)(.+)-([^]+)/, '$1' + WEBKIT + '$2-$3' + '$1' + MOZ + (charat(value, length + 3) == 108 ? '$3' : '$2-$3')) + value\n\t\t\t\t\t// (s)tretch\n\t\t\t\t\tcase 115:\n\t\t\t\t\t\treturn ~indexof(value, 'stretch', 0) ? prefix(replace(value, 'stretch', 'fill-available'), length, children) + value : value\n\t\t\t\t}\n\t\t\tbreak\n\t\t// grid-(column|row)\n\t\tcase 5152: case 5920:\n\t\t\treturn replace(value, /(.+?):(\\d+)(\\s*\\/\\s*(span)?\\s*(\\d+))?(.*)/, function (_, a, b, c, d, e, f) { return (MS + a + ':' + b + f) + (c ? (MS + a + '-span:' + (d ? e : +e - +b)) + f : '') + value })\n\t\t// position: sticky\n\t\tcase 4949:\n\t\t\t// stick(y)?\n\t\t\tif (charat(value, length + 6) === 121)\n\t\t\t\treturn replace(value, ':', ':' + WEBKIT) + value\n\t\t\tbreak\n\t\t// display: (flex|inline-flex|grid|inline-grid)\n\t\tcase 6444:\n\t\t\tswitch (charat(value, charat(value, 14) === 45 ? 18 : 11)) {\n\t\t\t\t// (inline-)?fle(x)\n\t\t\t\tcase 120:\n\t\t\t\t\treturn replace(value, /(.+:)([^;\\s!]+)(;|(\\s+)?!.+)?/, '$1' + WEBKIT + (charat(value, 14) === 45 ? 'inline-' : '') + 'box$3' + '$1' + WEBKIT + '$2$3' + '$1' + MS + '$2box$3') + value\n\t\t\t\t// (inline-)?gri(d)\n\t\t\t\tcase 100:\n\t\t\t\t\treturn replace(value, ':', ':' + MS) + value\n\t\t\t}\n\t\t\tbreak\n\t\t// scroll-margin, scroll-margin-(top|right|bottom|left)\n\t\tcase 5719: case 2647: case 2135: case 3927: case 2391:\n\t\t\treturn replace(value, 'scroll-', 'scroll-snap-') + value\n\t}\n\n\treturn value\n}\n","import {IMPORT, LAYER, COMMENT, RULESET, DECLARATION, KEYFRAMES} from './Enum.js'\nimport {strlen} from './Utility.js'\n\n/**\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function serialize (children, callback) {\n\tvar output = ''\n\n\tfor (var i = 0; i < children.length; i++)\n\t\toutput += callback(children[i], i, children, callback) || ''\n\n\treturn output\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n * @return {string}\n */\nexport function stringify (element, index, children, callback) {\n\tswitch (element.type) {\n\t\tcase LAYER: if (element.children.length) break\n\t\tcase IMPORT: case DECLARATION: return element.return = element.return || element.value\n\t\tcase COMMENT: return ''\n\t\tcase KEYFRAMES: return element.return = element.value + '{' + serialize(element.children, callback) + '}'\n\t\tcase RULESET: if (!strlen(element.value = element.props.join(','))) return ''\n\t}\n\n\treturn strlen(children = serialize(element.children, callback)) ? element.return = element.value + '{' + children + '}' : ''\n}\n","import {MS, MOZ, WEBKIT, RULESET, KEYFRAMES, DECLARATION} from './Enum.js'\nimport {match, charat, substr, strlen, sizeof, replace, combine, filter, assign} from './Utility.js'\nimport {copy, lift, tokenize} from './Tokenizer.js'\nimport {serialize} from './Serializer.js'\nimport {prefix} from './Prefixer.js'\n\n/**\n * @param {function[]} collection\n * @return {function}\n */\nexport function middleware (collection) {\n\tvar length = sizeof(collection)\n\n\treturn function (element, index, children, callback) {\n\t\tvar output = ''\n\n\t\tfor (var i = 0; i < length; i++)\n\t\t\toutput += collection[i](element, index, children, callback) || ''\n\n\t\treturn output\n\t}\n}\n\n/**\n * @param {function} callback\n * @return {function}\n */\nexport function rulesheet (callback) {\n\treturn function (element) {\n\t\tif (!element.root)\n\t\t\tif (element = element.return)\n\t\t\t\tcallback(element)\n\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n * @param {function} callback\n */\nexport function prefixer (element, index, children, callback) {\n\tif (element.length > -1)\n\t\tif (!element.return)\n\t\t\tswitch (element.type) {\n\t\t\t\tcase DECLARATION: element.return = prefix(element.value, element.length, children)\n\t\t\t\t\treturn\n\t\t\t\tcase KEYFRAMES:\n\t\t\t\t\treturn serialize([copy(element, {value: replace(element.value, '@', '@' + WEBKIT)})], callback)\n\t\t\t\tcase RULESET:\n\t\t\t\t\tif (element.length)\n\t\t\t\t\t\treturn combine(children = element.props, function (value) {\n\t\t\t\t\t\t\tswitch (match(value, callback = /(::plac\\w+|:read-\\w+)/)) {\n\t\t\t\t\t\t\t\t// :read-(only|write)\n\t\t\t\t\t\t\t\tcase ':read-only': case ':read-write':\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(read-\\w+)/, ':' + MOZ + '$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [value]}))\n\t\t\t\t\t\t\t\t\tassign(element, {props: filter(children, callback)})\n\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t\t// :placeholder\n\t\t\t\t\t\t\t\tcase '::placeholder':\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, ':' + WEBKIT + 'input-$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, ':' + MOZ + '$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [replace(value, /:(plac\\w+)/, MS + 'input-$1')]}))\n\t\t\t\t\t\t\t\t\tlift(copy(element, {props: [value]}))\n\t\t\t\t\t\t\t\t\tassign(element, {props: filter(children, callback)})\n\t\t\t\t\t\t\t\t\tbreak\n\t\t\t\t\t\t\t}\n\n\t\t\t\t\t\t\treturn ''\n\t\t\t\t\t\t})\n\t\t\t}\n}\n\n/**\n * @param {object} element\n * @param {number} index\n * @param {object[]} children\n */\nexport function namespace (element) {\n\tswitch (element.type) {\n\t\tcase RULESET:\n\t\t\telement.props = element.props.map(function (value) {\n\t\t\t\treturn combine(tokenize(value), function (value, index, children) {\n\t\t\t\t\tswitch (charat(value, 0)) {\n\t\t\t\t\t\t// \\f\n\t\t\t\t\t\tcase 12:\n\t\t\t\t\t\t\treturn substr(value, 1, strlen(value))\n\t\t\t\t\t\t// \\0 ( + > ~\n\t\t\t\t\t\tcase 0: case 40: case 43: case 62: case 126:\n\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t// :\n\t\t\t\t\t\tcase 58:\n\t\t\t\t\t\t\tif (children[++index] === 'global')\n\t\t\t\t\t\t\t\tchildren[index] = '', children[++index] = '\\f' + substr(children[index], index = 1, -1)\n\t\t\t\t\t\t// \\s\n\t\t\t\t\t\tcase 32:\n\t\t\t\t\t\t\treturn index === 1 ? '' : value\n\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\tswitch (index) {\n\t\t\t\t\t\t\t\tcase 0: element = value\n\t\t\t\t\t\t\t\t\treturn sizeof(children) > 1 ? '' : value\n\t\t\t\t\t\t\t\tcase index = sizeof(children) - 1: case 2:\n\t\t\t\t\t\t\t\t\treturn index === 2 ? value + element + element : value + element\n\t\t\t\t\t\t\t\tdefault:\n\t\t\t\t\t\t\t\t\treturn value\n\t\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t})\n\t\t\t})\n\t}\n}\n","var unitlessKeys = {\n animationIterationCount: 1,\n borderImageOutset: 1,\n borderImageSlice: 1,\n borderImageWidth: 1,\n boxFlex: 1,\n boxFlexGroup: 1,\n boxOrdinalGroup: 1,\n columnCount: 1,\n columns: 1,\n flex: 1,\n flexGrow: 1,\n flexPositive: 1,\n flexShrink: 1,\n flexNegative: 1,\n flexOrder: 1,\n gridRow: 1,\n gridRowEnd: 1,\n gridRowSpan: 1,\n gridRowStart: 1,\n gridColumn: 1,\n gridColumnEnd: 1,\n gridColumnSpan: 1,\n gridColumnStart: 1,\n msGridRow: 1,\n msGridRowSpan: 1,\n msGridColumn: 1,\n msGridColumnSpan: 1,\n fontWeight: 1,\n lineHeight: 1,\n opacity: 1,\n order: 1,\n orphans: 1,\n tabSize: 1,\n widows: 1,\n zIndex: 1,\n zoom: 1,\n WebkitLineClamp: 1,\n // SVG-related properties\n fillOpacity: 1,\n floodOpacity: 1,\n stopOpacity: 1,\n strokeDasharray: 1,\n strokeDashoffset: 1,\n strokeMiterlimit: 1,\n strokeOpacity: 1,\n strokeWidth: 1\n};\n\nexport default unitlessKeys;\n","import{__spreadArray as e,__assign as t}from\"tslib\";import n from\"@emotion/is-prop-valid\";import o,{useRef as r,useState as s,useMemo as i,useEffect as a,useContext as c,useDebugValue as l,createElement as u}from\"react\";import p from\"shallowequal\";import*as d from\"stylis\";import h from\"@emotion/unitless\";var f=\"undefined\"!=typeof process&&void 0!==process.env&&(process.env.REACT_APP_SC_ATTR||process.env.SC_ATTR)||\"data-styled\",m=\"active\",y=\"data-styled-version\",v=\"6.1.8\",g=\"/*!sc*/\\n\",S=\"undefined\"!=typeof window&&\"HTMLElement\"in window,w=Boolean(\"boolean\"==typeof SC_DISABLE_SPEEDY?SC_DISABLE_SPEEDY:\"undefined\"!=typeof process&&void 0!==process.env&&void 0!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&\"\"!==process.env.REACT_APP_SC_DISABLE_SPEEDY?\"false\"!==process.env.REACT_APP_SC_DISABLE_SPEEDY&&process.env.REACT_APP_SC_DISABLE_SPEEDY:\"undefined\"!=typeof process&&void 0!==process.env&&void 0!==process.env.SC_DISABLE_SPEEDY&&\"\"!==process.env.SC_DISABLE_SPEEDY?\"false\"!==process.env.SC_DISABLE_SPEEDY&&process.env.SC_DISABLE_SPEEDY:\"production\"!==process.env.NODE_ENV),b={},E=/invalid hook call/i,N=new Set,P=function(t,n){if(\"production\"!==process.env.NODE_ENV){var o=n?' with the id of \"'.concat(n,'\"'):\"\",s=\"The component \".concat(t).concat(o,\" has been created dynamically.\\n\")+\"You may see this warning because you've called styled inside another component.\\nTo resolve this only create new StyledComponents outside of any render method and function component.\",i=console.error;try{var a=!0;console.error=function(t){for(var n=[],o=1;o?@[\\\\\\]^`{|}~-]+/g,D=/(^-|-$)/g;function R(e){return e.replace(O,\"-\").replace(D,\"\")}var T=/(a)(d)/gi,k=52,j=function(e){return String.fromCharCode(e+(e>25?39:97))};function x(e){var t,n=\"\";for(t=Math.abs(e);t>k;t=t/k|0)n=j(t%k)+n;return(j(t%k)+n).replace(T,\"$1-$2\")}var V,F=5381,M=function(e,t){for(var n=t.length;n;)e=33*e^t.charCodeAt(--n);return e},$=function(e){return M(F,e)};function z(e){return x($(e)>>>0)}function B(e){return\"production\"!==process.env.NODE_ENV&&\"string\"==typeof e&&e||e.displayName||e.name||\"Component\"}function L(e){return\"string\"==typeof e&&(\"production\"===process.env.NODE_ENV||e.charAt(0)===e.charAt(0).toLowerCase())}var G=\"function\"==typeof Symbol&&Symbol.for,Y=G?Symbol.for(\"react.memo\"):60115,W=G?Symbol.for(\"react.forward_ref\"):60112,q={childContextTypes:!0,contextType:!0,contextTypes:!0,defaultProps:!0,displayName:!0,getDefaultProps:!0,getDerivedStateFromError:!0,getDerivedStateFromProps:!0,mixins:!0,propTypes:!0,type:!0},H={name:!0,length:!0,prototype:!0,caller:!0,callee:!0,arguments:!0,arity:!0},U={$$typeof:!0,compare:!0,defaultProps:!0,displayName:!0,propTypes:!0,type:!0},J=((V={})[W]={$$typeof:!0,render:!0,defaultProps:!0,displayName:!0,propTypes:!0},V[Y]=U,V);function X(e){return(\"type\"in(t=e)&&t.type.$$typeof)===Y?U:\"$$typeof\"in e?J[e.$$typeof]:q;var t}var Z=Object.defineProperty,K=Object.getOwnPropertyNames,Q=Object.getOwnPropertySymbols,ee=Object.getOwnPropertyDescriptor,te=Object.getPrototypeOf,ne=Object.prototype;function oe(e,t,n){if(\"string\"!=typeof t){if(ne){var o=te(t);o&&o!==ne&&oe(e,o,n)}var r=K(t);Q&&(r=r.concat(Q(t)));for(var s=X(e),i=X(t),a=0;a ({})}\\n```\\n\\n',8:'ThemeProvider: Please make your \"theme\" prop an object.\\n\\n',9:\"Missing document ``\\n\\n\",10:\"Cannot find a StyleSheet instance. Usually this happens if there are multiple copies of styled-components loaded at once. Check out this issue for how to troubleshoot and fix the common cases where this situation can happen: https://github.com/styled-components/styled-components/issues/1941#issuecomment-417862021\\n\\n\",11:\"_This error was replaced with a dev-time warning, it will be deleted for v4 final._ [createGlobalStyle] received children which will not be rendered. Please use the component without passing children elements.\\n\\n\",12:\"It seems you are interpolating a keyframe declaration (%s) into an untagged string. This was supported in styled-components v3, but is not longer supported in v4 as keyframes are now injected on-demand. Please wrap your string in the css\\\\`\\\\` helper which ensures the styles are injected correctly. See https://www.styled-components.com/docs/api#css\\n\\n\",13:\"%s is not a styled component and cannot be referred to via component selector. See https://www.styled-components.com/docs/advanced#referring-to-other-components for more details.\\n\\n\",14:'ThemeProvider: \"theme\" prop is required.\\n\\n',15:\"A stylis plugin has been supplied that is not named. We need a name for each plugin to be able to prevent styling collisions between different stylis configurations within the same app. Before you pass your plugin to ``, please make sure each plugin is uniquely-named, e.g.\\n\\n```js\\nObject.defineProperty(importedPlugin, 'name', { value: 'some-unique-name' });\\n```\\n\\n\",16:\"Reached the limit of how many styled components may be created at group %s.\\nYou may only create up to 1,073,741,824 components. If you're creating components dynamically,\\nas for instance in your render method then you may be running into this limitation.\\n\\n\",17:\"CSSStyleSheet could not be found on HTMLStyleElement.\\nHas styled-components' style tag been unmounted or altered by another script?\\n\",18:\"ThemeProvider: Please make sure your useTheme hook is within a ``\"}:{};function de(){for(var e=[],t=0;t0?\" Args: \".concat(n.join(\", \")):\"\")):new Error(de.apply(void 0,e([pe[t]],n,!1)).trim())}var fe=function(){function e(e){this.groupSizes=new Uint32Array(512),this.length=512,this.tag=e}return e.prototype.indexOfGroup=function(e){for(var t=0,n=0;n=this.groupSizes.length){for(var n=this.groupSizes,o=n.length,r=o;e>=r;)if((r<<=1)<0)throw he(16,\"\".concat(e));this.groupSizes=new Uint32Array(r),this.groupSizes.set(n),this.length=r;for(var s=o;s=this.length||0===this.groupSizes[e])return t;for(var n=this.groupSizes[e],o=this.indexOfGroup(e),r=o+n,s=o;s1073741824))throw he(16,\"\".concat(t));return me.set(e,t),ye.set(t,e),t},Se=function(e,t){ve=t+1,me.set(e,t),ye.set(t,e)},we=\"style[\".concat(f,\"][\").concat(y,'=\"').concat(v,'\"]'),be=new RegExp(\"^\".concat(f,'\\\\.g(\\\\d+)\\\\[id=\"([\\\\w\\\\d-]+)\"\\\\].*?\"([^\"]*)')),Ee=function(e,t,n){for(var o,r=n.split(\",\"),s=0,i=r.length;s=0){var n=document.createTextNode(t);return this.element.insertBefore(n,this.nodes[e]||null),this.length++,!0}return!1},e.prototype.deleteRule=function(e){this.element.removeChild(this.nodes[e]),this.length--},e.prototype.getRule=function(e){return e0&&(c+=\"\".concat(e,\",\"))}),o+=\"\".concat(i).concat(a,'{content:\"').concat(c,'\"}').concat(g)},s=0;s0?\".\".concat(t):e},u=c.slice();u.push(function(e){e.type===d.RULESET&&e.value.includes(\"&\")&&(e.props[0]=e.props[0].replace(Te,n).replace(o,l))}),i.prefix&&u.push(d.prefixer),u.push(d.stringify);var p=function(e,r,s,a){void 0===r&&(r=\"\"),void 0===s&&(s=\"\"),void 0===a&&(a=\"&\"),t=a,n=r,o=new RegExp(\"\\\\\".concat(n,\"\\\\b\"),\"g\");var c=e.replace(ke,\"\"),l=d.compile(s||r?\"\".concat(s,\" \").concat(r,\" { \").concat(c,\" }\"):c);i.namespace&&(l=je(l,i.namespace));var p=[];return d.serialize(l,d.middleware(u.concat(d.rulesheet(function(e){return p.push(e)})))),p};return p.hash=c.length?c.reduce(function(e,t){return t.name||he(15),M(e,t.name)},F).toString():\"\",p}var Ve=new Re,Fe=xe(),Me=o.createContext({shouldForwardProp:void 0,styleSheet:Ve,stylis:Fe}),$e=Me.Consumer,ze=o.createContext(void 0);function Be(){return c(Me)}function Le(e){var t=s(e.stylisPlugins),n=t[0],r=t[1],c=Be().styleSheet,l=i(function(){var t=c;return e.sheet?t=e.sheet:e.target&&(t=t.reconstructWithOptions({target:e.target},!1)),e.disableCSSOMInjection&&(t=t.reconstructWithOptions({useCSSOMInjection:!1})),t},[e.disableCSSOMInjection,e.sheet,e.target,c]),u=i(function(){return xe({options:{namespace:e.namespace,prefix:e.enableVendorPrefixes},plugins:n})},[e.enableVendorPrefixes,e.namespace,n]);a(function(){p(n,e.stylisPlugins)||r(e.stylisPlugins)},[e.stylisPlugins]);var d=i(function(){return{shouldForwardProp:e.shouldForwardProp,styleSheet:l,stylis:u}},[e.shouldForwardProp,l,u]);return o.createElement(Me.Provider,{value:d},o.createElement(ze.Provider,{value:u},e.children))}var Ge=function(){function e(e,t){var n=this;this.inject=function(e,t){void 0===t&&(t=Fe);var o=n.name+t.hash;e.hasNameForId(n.id,o)||e.insertRules(n.id,o,t(n.rules,o,\"@keyframes\"))},this.name=e,this.id=\"sc-keyframes-\".concat(e),this.rules=t,ue(this,function(){throw he(12,String(n.name))})}return e.prototype.getName=function(e){return void 0===e&&(e=Fe),this.name+e.hash},e}(),Ye=function(e){return e>=\"A\"&&e<=\"Z\"};function We(e){for(var t=\"\",n=0;n>>0);if(!t.hasNameForId(this.componentId,s)){var i=n(r,\".\".concat(s),void 0,this.componentId);t.insertRules(this.componentId,s,i)}o=ie(o,s),this.staticRulesId=s}else{for(var a=M(this.baseHash,n.hash),c=\"\",l=0;l>>0);t.hasNameForId(this.componentId,d)||t.insertRules(this.componentId,d,n(c,\".\".concat(d),void 0,this.componentId)),o=ie(o,d)}}return o},e}(),Ke=o.createContext(void 0),Qe=Ke.Consumer;function et(){var e=c(Ke);if(!e)throw he(18);return e}function tt(e){var n=o.useContext(Ke),r=i(function(){return function(e,n){if(!e)throw he(14);if(re(e)){var o=e(n);if(\"production\"!==process.env.NODE_ENV&&(null===o||Array.isArray(o)||\"object\"!=typeof o))throw he(7);return o}if(Array.isArray(e)||\"object\"!=typeof e)throw he(8);return n?t(t({},n),e):e}(e.theme,n)},[e.theme,n]);return e.children?o.createElement(Ke.Provider,{value:r},e.children):null}var nt={},ot=new Set;function rt(e,r,s){var i=se(e),a=e,c=!L(e),p=r.attrs,d=void 0===p?_:p,h=r.componentId,f=void 0===h?function(e,t){var n=\"string\"!=typeof e?\"sc\":R(e);nt[n]=(nt[n]||0)+1;var o=\"\".concat(n,\"-\").concat(z(v+n+nt[n]));return t?\"\".concat(t,\"-\").concat(o):o}(r.displayName,r.parentComponentId):h,m=r.displayName,y=void 0===m?function(e){return L(e)?\"styled.\".concat(e):\"Styled(\".concat(B(e),\")\")}(e):m,g=r.displayName&&r.componentId?\"\".concat(R(r.displayName),\"-\").concat(r.componentId):r.componentId||f,S=i&&a.attrs?a.attrs.concat(d).filter(Boolean):d,w=r.shouldForwardProp;if(i&&a.shouldForwardProp){var b=a.shouldForwardProp;if(r.shouldForwardProp){var E=r.shouldForwardProp;w=function(e,t){return b(e,t)&&E(e,t)}}else w=b}var N=new Ze(s,g,i?a.componentStyle:void 0);function O(e,r){return function(e,r,s){var i=e.attrs,a=e.componentStyle,c=e.defaultProps,p=e.foldedComponentIds,d=e.styledComponentId,h=e.target,f=o.useContext(Ke),m=Be(),y=e.shouldForwardProp||m.shouldForwardProp;\"production\"!==process.env.NODE_ENV&&l(d);var v=I(r,f,c)||C,g=function(e,n,o){for(var r,s=t(t({},n),{className:void 0,theme:o}),i=0;i` (connect an API like `@emotion/is-prop-valid`) or consider using transient props (`$` prefix for automatic filtering.)')))));var E=function(e,t){var n=Be(),o=e.generateAndInjectStyles(t,n.styleSheet,n.stylis);return\"production\"!==process.env.NODE_ENV&&l(o),o}(a,g);\"production\"!==process.env.NODE_ENV&&e.warnTooManyClasses&&e.warnTooManyClasses(E);var N=ie(p,d);return E&&(N+=\" \"+E),g.className&&(N+=\" \"+g.className),w[L(S)&&!A.has(S)?\"class\":\"className\"]=N,w.ref=s,u(S,w)}(D,e,r)}O.displayName=y;var D=o.forwardRef(O);return D.attrs=S,D.componentStyle=N,D.displayName=y,D.shouldForwardProp=w,D.foldedComponentIds=i?ie(a.foldedComponentIds,a.styledComponentId):\"\",D.styledComponentId=g,D.target=i?a.target:e,Object.defineProperty(D,\"defaultProps\",{get:function(){return this._foldedDefaultProps},set:function(e){this._foldedDefaultProps=i?function(e){for(var t=[],n=1;n=200)){var s=t?' with the id of \"'.concat(t,'\"'):\"\";console.warn(\"Over \".concat(200,\" classes were generated for component \").concat(e).concat(s,\".\\n\")+\"Consider using the attrs method, together with a style object for frequently changed styles.\\nExample:\\n const Component = styled.div.attrs(props => ({\\n style: {\\n background: props.background,\\n },\\n }))`width: 100%;`\\n\\n \"),o=!0,n={}}}}(y,g)),ue(D,function(){return\".\".concat(D.styledComponentId)}),c&&oe(D,e,{attrs:!0,componentStyle:!0,displayName:!0,foldedComponentIds:!0,shouldForwardProp:!0,styledComponentId:!0,target:!0}),D}function st(e,t){for(var n=[e[0]],o=0,r=t.length;o2&&Re.registerId(this.componentId+e),this.removeStyles(e,n),this.createStyles(e,t,n,o)},e}();function dt(n){for(var r=[],s=1;s meta tag to the stylesheet, or simply embedding it manually in your index.html section for a simpler app.\"),t.styleSheet.server&&u(r,e,t.styleSheet,n,t.stylis),o.useLayoutEffect(function(){if(!t.styleSheet.server)return u(r,e,t.styleSheet,n,t.stylis),function(){return c.removeStyles(r,t.styleSheet)}},[r,e,t.styleSheet,n,t.stylis]),null};function u(e,n,o,r,s){if(c.isStatic)c.renderStyles(e,b,o,s);else{var i=t(t({},n),{theme:I(n,r,l.defaultProps)});c.renderStyles(e,i,o,s)}}return o.memo(l)}function ht(t){for(var n=[],o=1;o\").concat(t,\"\")},this.getStyleTags=function(){if(e.sealed)throw he(2);return e._emitSheetCSS()},this.getStyleElement=function(){var n;if(e.sealed)throw he(2);var r=((n={})[f]=\"\",n[y]=v,n.dangerouslySetInnerHTML={__html:e.instance.toString()},n),s=Pe();return s&&(r.nonce=s),[o.createElement(\"style\",t({},r,{key:\"sc-0-0\"}))]},this.seal=function(){e.sealed=!0},this.instance=new Re({isServer:!0}),this.sealed=!1}return e.prototype.collectStyles=function(e){if(this.sealed)throw he(2);return o.createElement(Le,{sheet:this.instance},e)},e.prototype.interleaveWithNodeStream=function(e){throw he(3)},e}(),yt={StyleSheet:Re,mainSheet:Ve};\"production\"!==process.env.NODE_ENV&&\"undefined\"!=typeof navigator&&\"ReactNative\"===navigator.product&&console.warn(\"It looks like you've imported 'styled-components' on React Native.\\nPerhaps you're looking to import 'styled-components/native'?\\nRead more about this at https://www.styled-components.com/docs/basics#react-native\");var vt=\"__sc-\".concat(f,\"__\");\"production\"!==process.env.NODE_ENV&&\"test\"!==process.env.NODE_ENV&&\"undefined\"!=typeof window&&(window[vt]||(window[vt]=0),1===window[vt]&&console.warn(\"It looks like there are several instances of 'styled-components' initialized in this application. This may cause dynamic styles to not render properly, errors during the rehydration process, a missing theme prop, and makes your application bigger without good reason.\\n\\nSee https://s-c.sh/2BAXzed for more info.\"),window[vt]+=1);export{mt as ServerStyleSheet,$e as StyleSheetConsumer,Me as StyleSheetContext,Le as StyleSheetManager,Qe as ThemeConsumer,Ke as ThemeContext,tt as ThemeProvider,yt as __PRIVATE__,dt as createGlobalStyle,at as css,ut as default,se as isStyledComponent,ht as keyframes,ut as styled,et as useTheme,v as version,ft as withTheme};\n//# sourceMappingURL=styled-components.browser.esm.js.map\n","import { css } from 'styled-components';\n\nconst AttentionMixin = (styles)=>/*#__PURE__*/ css([\n `&:hover,&:focus,&:active{`,\n `;}`\n ], styles);\nconst FlexMixin = ({ type = 'flex', direction, align, justify, wrap } = {})=>/*#__PURE__*/ css([\n `display:`,\n `;`,\n ` `,\n ` `,\n ` `,\n ``\n ], type, direction && `flex-direction: ${direction};`, align && `align-items: ${align};`, justify && `justify-content: ${justify};`, wrap !== undefined && `flex-wrap: ${wrap ? 'wrap' : 'nowrap'};`);\nconst FlexColumnMixin = ({ columns, gap = 0 })=>/*#__PURE__*/ css([\n `--flex-column-base-width:calc(100% / `,\n `);--flex-column-width:calc( var(--flex-column-base-width) - (`,\n ` * `,\n ` / `,\n `) );flex-basis:var(--flex-column-width);max-width:var(--flex-column-width);`\n ], columns, typeof gap === 'string' ? gap : `${gap}px`, columns - 1, columns);\nconst FontMixin = ({ size, height, weight })=>/*#__PURE__*/ css([\n ``,\n ` `,\n ` `,\n ``\n ], size ? /*#__PURE__*/ css([\n `font-size:`,\n `;`\n ], ({ theme })=>theme.font.size[size]) : '', height ? /*#__PURE__*/ css([\n `line-height:`,\n `;`\n ], ({ theme })=>theme.font.height[height]) : '', weight ? /*#__PURE__*/ css([\n `font-weight:`,\n `;`\n ], ({ theme })=>theme.font.weight[weight]) : '');\nconst SwitchColorRating = (value, theme)=>{\n if (value < 7) {\n return theme.colors.rating[5];\n }\n if (value >= 7 && value < 9) {\n return theme.colors.rating[7];\n }\n if (value >= 9) {\n return theme.colors.rating[9];\n }\n return theme.colors.rating.base;\n};\n\nexport { AttentionMixin, FlexColumnMixin, FlexMixin, FontMixin, SwitchColorRating };\n","import { css } from 'styled-components';\n\nconst Border = ({ all, x = all, y = all, bottom = y, left = x, right = x, top = y })=>/*#__PURE__*/ css([\n `border-block-end:`,\n `;border-block-start:`,\n `;border-inline-end:`,\n `;border-inline-start:`,\n `;@supports not (border-block-end:1px solid `,\n `){border-bottom:`,\n `;border-left:`,\n `;border-right:`,\n `;border-top:`,\n `;}`\n ], bottom, top, right, left, ({ theme })=>theme.colors.black.base, bottom, left, right, top);\nconst BorderRadius = ({ all, bottomLeft = all, bottomRight = all, topLeft = all, topRight = all })=>/*#__PURE__*/ css([\n `border-end-end-radius:`,\n `;border-end-start-radius:`,\n `;border-start-end-radius:`,\n `;border-start-start-radius:`,\n `;@supports not (border-end-end-radius:1px){border-bottom-left-radius:`,\n `;border-bottom-right-radius:`,\n `;border-top-left-radius:`,\n `;border-top-right-radius:`,\n `;}`\n ], bottomRight, bottomLeft, topRight, topLeft, bottomLeft, bottomRight, topLeft, topRight);\nconst Margin = ({ all, x = all, y = all, bottom = y, left = x, right = x, top = y })=>/*#__PURE__*/ css([\n `margin-block-end:`,\n `;margin-block-start:`,\n `;margin-inline-end:`,\n `;margin-inline-start:`,\n `;@supports not (margin-block-end:1rem){margin-bottom:`,\n `;margin-left:`,\n `;margin-right:`,\n `;margin-top:`,\n `;}`\n ], bottom, top, right, left, bottom, left, right, top);\nconst Padding = ({ all, x = all, y = all, bottom = y, left = x, right = x, top = y })=>/*#__PURE__*/ css([\n `padding-block-end:`,\n `;padding-block-start:`,\n `;padding-inline-end:`,\n `;padding-inline-start:`,\n `;@supports not (padding-block-end:1rem){padding-bottom:`,\n `;padding-left:`,\n `;padding-right:`,\n `;padding-top:`,\n `;}`\n ], bottom, top, right, left, bottom, left, right, top);\nconst Position = ({ top, right, bottom, left })=>/*#__PURE__*/ css([\n `inset-block-end:`,\n `;inset-block-start:`,\n `;inset-inline-end:`,\n `;inset-inline-start:`,\n `;@supports not (inset-block-end:`,\n `){bottom:`,\n `;}@supports not (inset-block-start:`,\n `){top:`,\n `;}@supports not (inset-block:`,\n `){bottom:`,\n `;top:`,\n `;}@supports not (inset-inline-end:`,\n `){left:`,\n `;}@supports not (inset-inline-end:`,\n `){right:`,\n `;}@supports not (inset-inline:`,\n `){left:`,\n `;right:`,\n `;}`\n ], bottom, top, right, left, bottom, bottom, top, top, top, bottom, top, left, left, right, right, left, left, right);\nconst Size = ({ height, maxHeight, maxWidth, minHeight, minWidth, width })=>/*#__PURE__*/ css([\n `block-size:`,\n `;inline-size:`,\n `;max-block-size:`,\n `;max-inline-size:`,\n `;min-block-size:`,\n `;min-inline-size:`,\n `;@supports not (block-size:1rem){height:`,\n `;max-height:`,\n `;min-height:`,\n `;}@supports not (inline-size:1rem){max-width:`,\n `;min-width:`,\n `;width:`,\n `;}`\n ], height, width, maxHeight, maxWidth, minHeight, minWidth, height, maxHeight, minHeight, maxWidth, minWidth, width);\n\nexport { Border, BorderRadius, Margin, Padding, Position, Size };\n","import { css } from 'styled-components';\n\nconst getComponentStyle = ({ themes, themeKey, componentKey })=>themes[themeKey]?.[componentKey];\nconst getThemesStyle = ({ themes, componentKey })=>/*#__PURE__*/ css([\n ``,\n ``\n ], ({ theme })=>getComponentStyle({\n themes,\n themeKey: theme.id,\n componentKey\n })?.());\nconst createThemes = (themes)=>(key)=>getThemesStyle({\n themes,\n componentKey: key\n });\n\nexport { createThemes };\n","import { css } from 'styled-components';\n\nconst logitravelGlobalStyles = {\n GlobalStyle: ()=>/*#__PURE__*/ css([\n `.flatpickr-calendar{background:`,\n `;}.flatpickr-months .flatpickr-month{color:`,\n `;fill:`,\n `;}.flatpickr-months .flatpickr-next-month{fill:`,\n `;}.flatpickr-months .flatpickr-prev-month{fill:`,\n `;}.numInputWrapper span:hover{background:`,\n `;}.numInputWrapper span:active{background:`,\n `;}.numInputWrapper span.arrowUp:after{border-bottom:4px solid `,\n `;}.numInputWrapper span.arrowDown:after{border-top:4px solid `,\n `;}.numInputWrapper:hover{background:`,\n `;}.flatpickr-current-month span.cur-month:hover{background:`,\n `;}.cur-year{color:`,\n `;}.flatpickr-weekdays .flatpickr-weekdaycontainer{color:`,\n `;}span.flatpickr-weekday{color:`,\n `;}.flatpickr-day{border-radius:150px;color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:`,\n `;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{border-color:`,\n `;background-color:`,\n `;}.flatpickr-day.inRange{box-shadow:`,\n ` -2px 0 0,`,\n ` 2px 0 0 !important;}.flatpickr-day.today{border-color:`,\n `;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:`,\n `;background:`,\n `;color:`,\n `;}.flatpickr-day.flatpickr-disabled.today,.flatpickr-day.flatpickr-disabled.today:hover,.flatpickr-day.flatpickr-disabled.today:focus{color:`,\n `;}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.selected.today,.flatpickr-day.selected.today:hover{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0;}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow:-10px 0 0 `,\n `;}.flatpickr-day.inRange{box-shadow:-5px 0 0 `,\n `,5px 0 0 `,\n `;}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-time{border-top:1px solid `,\n `;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:`,\n `;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:`,\n `;}.flatpickr-time input{color:`,\n `;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{color:`,\n `;}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:`,\n `;}div.flatpickr-confirm{background-color:`,\n `;color:`,\n `;}div.flatpickr-confirm.lightTheme:hover,div.flatpickr-confirm.lightTheme:active,div.flatpickr-confirm.lightTheme:focus{background-color:`,\n `;}.flatpickr-day-footer{border-top:1px solid `,\n `;}`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.black.base, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.high, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { logitravelGlobalStyles as default };\n","import { css } from 'styled-components';\n\nconst partnershipsGlobalStyles = {\n GlobalStyle: ()=>/*#__PURE__*/ css([\n `.flatpickr-calendar{background:`,\n `;}.flatpickr-calendar.arrowTop:before{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowTop:after{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowBottom:before{border-top-color:`,\n `;}.flatpickr-calendar.arrowBottom:after{border-top-color:`,\n `;}.flatpickr-months .flatpickr-month{color:`,\n `;fill:`,\n `;}.flatpickr-months .flatpickr-next-month{fill:`,\n `;}.flatpickr-months .flatpickr-prev-month{fill:`,\n `;}.numInputWrapper span:hover{background:`,\n `;}.numInputWrapper span:active{background:`,\n `;}.numInputWrapper span.arrowUp:after{border-bottom:4px solid `,\n `;}.numInputWrapper span.arrowDown:after{border-top:4px solid `,\n `;}.numInputWrapper:hover{background:`,\n `;}.flatpickr-current-month span.cur-month:hover{background:`,\n `;}.cur-year{color:`,\n `;}.flatpickr-weekdays .flatpickr-weekdaycontainer{color:`,\n `;}span.flatpickr-weekday{color:`,\n `;}.flatpickr-day{border-radius:150px;color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:`,\n `;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{border-color:`,\n `;background-color:`,\n `;}.flatpickr-day.inRange{box-shadow:`,\n ` -2px 0 0,`,\n ` 2px 0 0 !important;}.flatpickr-day.today{border-color:`,\n `;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:`,\n `;background:`,\n `;color:`,\n `;}.flatpickr-day.flatpickr-disabled.today,.flatpickr-day.flatpickr-disabled.today:hover,.flatpickr-day.flatpickr-disabled.today:focus{color:`,\n `;}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.selected.today,.flatpickr-day.selected.today:hover{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0;}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow:-10px 0 0 `,\n `;}.flatpickr-day.inRange{box-shadow:-5px 0 0 `,\n `,5px 0 0 `,\n `;}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-time{border-top:1px solid `,\n `;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:`,\n `;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:`,\n `;}.flatpickr-time input{color:`,\n `;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{color:`,\n `;}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:`,\n `;}div.flatpickr-confirm{background-color:`,\n `;color:`,\n `;}div.flatpickr-confirm.lightTheme:hover,div.flatpickr-confirm.lightTheme:active,div.flatpickr-confirm.lightTheme:focus{background-color:`,\n `;}.flatpickr-day-footer{border-top:1px solid `,\n `;}`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.black.base, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.dark, ({ theme })=>theme.colors.secondary.dark, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.high, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { partnershipsGlobalStyles as default };\n","import { css } from 'styled-components';\n\nconst smyGlobalStyles = {\n GlobalStyle: ()=>/*#__PURE__*/ css([\n `.flatpickr-calendar{background:`,\n `;}.flatpickr-calendar.arrowTop:before{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowTop:after{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowBottom:before{border-top-color:`,\n `;}.flatpickr-calendar.arrowBottom:after{border-top-color:`,\n `;}.flatpickr-months .flatpickr-month{color:`,\n `;fill:`,\n `;}.flatpickr-months .flatpickr-next-month{fill:`,\n `;}.flatpickr-months .flatpickr-prev-month{fill:`,\n `;}.numInputWrapper span:hover{background:`,\n `;}.numInputWrapper span:active{background:`,\n `;}.numInputWrapper span.arrowUp:after{border-bottom:4px solid `,\n `;}.numInputWrapper span.arrowDown:after{border-top:4px solid `,\n `;}.numInputWrapper:hover{background:`,\n `;}.flatpickr-current-month span.cur-month:hover{background:`,\n `;}.cur-year{color:`,\n `;}.flatpickr-weekdays .flatpickr-weekdaycontainer{color:`,\n `;}span.flatpickr-weekday{color:`,\n `;}.flatpickr-day{border-radius:150px;color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:`,\n `;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{border-color:`,\n `;background-color:`,\n `;}.flatpickr-day.inRange{box-shadow:`,\n ` -2px 0 0,`,\n ` 2px 0 0 !important;}.flatpickr-day.today{border-color:`,\n `;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:`,\n `;background:`,\n `;color:`,\n `;}.flatpickr-day.flatpickr-disabled.today,.flatpickr-day.flatpickr-disabled.today:hover,.flatpickr-day.flatpickr-disabled.today:focus{color:`,\n `;}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.selected.today,.flatpickr-day.selected.today:hover{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0;}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow:-10px 0 0 `,\n `;}.flatpickr-day.inRange{box-shadow:-5px 0 0 `,\n `,5px 0 0 `,\n `;}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-time{border-top:1px solid `,\n `;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:`,\n `;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:`,\n `;}.flatpickr-time input{color:`,\n `;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{color:`,\n `;}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:`,\n `;}div.flatpickr-confirm{background-color:`,\n `;color:`,\n `;}div.flatpickr-confirm.lightTheme:hover,div.flatpickr-confirm.lightTheme:active,div.flatpickr-confirm.lightTheme:focus{background-color:`,\n `;}.flatpickr-day-footer{border-top:1px solid `,\n `;}`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.black.base, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.dark, ({ theme })=>theme.colors.secondary.dark, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.high, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { smyGlobalStyles as default };\n","import { FontMixin } from '../../../mixins/helpers.styled.mjs';\nimport { Padding, Margin, Border } from '../../../mixins/logical.styled.mjs';\nimport { css } from 'styled-components';\n\nconst veciGlobalStyles = {\n GlobalStyle: ()=>/*#__PURE__*/ css([\n `.flatpickr-calendar.multiMonth{background:`,\n `;`,\n `}.flatpickr-calendar.arrowTop:before{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowTop:after{border-bottom-color:`,\n `;}.flatpickr-calendar.arrowBottom:before{border-top-color:`,\n `;}.flatpickr-calendar.arrowBottom:after{border-top-color:`,\n `;}.flatpickr-months .flatpickr-month{color:`,\n `;fill:`,\n `;}.flatpickr-months .flatpickr-next-month{fill:`,\n `;svg{width:20px;height:20px;}}.flatpickr-months .flatpickr-prev-month{fill:`,\n `;svg{width:20px;height:20px;}}.numInputWrapper span:hover{background:`,\n `;}.numInputWrapper span:active{background:`,\n `;}.numInputWrapper span.arrowUp:after{border-bottom:4px solid `,\n `;}.numInputWrapper span.arrowDown:after{border-top:4px solid `,\n `;}.numInputWrapper:hover{background:`,\n `;}.flatpickr-current-month span.cur-month{`,\n `;color:`,\n `;text-transform:lowercase;}.flatpickr-current-month span.cur-month:hover{background:`,\n `;}.flatpickr-current-month input.cur-year{`,\n `;color:`,\n `;}.flatpickr-current-month input.cur-year:hover{background-color:transparent;}.flatpickr-weekdays{`,\n `;`,\n `;`,\n `;}.flatpickr-weekdays .flatpickr-weekdaycontainer{color:`,\n `;padding-right:0;padding-left:0;}.flatpickr-days .dayContainer{&:first-child{padding-right:0;}&:last-child{padding-left:0;}}span.flatpickr-weekday{color:`,\n `;text-transform:capitalize;}.flatpickr-day{border-radius:2px;color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{color:`,\n `;}.flatpickr-day:hover,.flatpickr-day:focus,.flatpickr-day.inRange:hover,.flatpickr-day.inRange:focus{color:`,\n `;background-color:`,\n `;border-color:`,\n `;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{color:`,\n `;border-color:`,\n `;background-color:`,\n `;}.flatpickr-day.inRange{box-shadow:`,\n ` -2px 0 0,`,\n ` 2px 0 0 !important;}.flatpickr-day.today{border-color:`,\n `;border-style:dashed;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:`,\n `;color:`,\n `;background-color:`,\n `;}.flatpickr-day.flatpickr-disabled.today,.flatpickr-day.flatpickr-disabled.today:hover,.flatpickr-day.flatpickr-disabled.today:focus{color:`,\n `;}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.selected.today,.flatpickr-day.selected.today:hover{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:2px 0 0 2px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 2px 2px 0;}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow:-10px 0 0 `,\n `;}.flatpickr-day.inRange{box-shadow:-5px 0 0 `,\n `,5px 0 0 `,\n `;}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;}.flatpickr-time{border-top:1px solid `,\n `;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:`,\n `;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:`,\n `;}.flatpickr-time input{color:`,\n `;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{color:`,\n `;}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:`,\n `;}div.flatpickr-confirm{background-color:`,\n `;color:`,\n `;}div.flatpickr-confirm.lightTheme:hover,div.flatpickr-confirm.lightTheme:active,div.flatpickr-confirm.lightTheme:focus{background-color:`,\n `;}.flatpickr-day-footer{border-top:1px solid `,\n `;}.multiMonth{.flatpickr-months .flatpickr-next-month{top:24px;}.flatpickr-months .flatpickr-prev-month{top:24px;}.flatpickr-weekdaycontainer{&:first-child{padding-right:20px;}&:last-child{padding-left:20px;}}.flatpickr-days .dayContainer{&:first-child{padding-right:20px;}&:last-child{padding-left:20px;}}}`\n ], ({ theme })=>theme.colors.white.base, Padding({\n top: '20px',\n x: '32px',\n bottom: '28px'\n }), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lightestL, FontMixin({\n size: 'medium'\n }), ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'medium',\n weight: 'semiBold'\n }), ({ theme })=>theme.colors.grays.darker, Margin({\n bottom: '0'\n }), Padding({\n bottom: '16px'\n }), ({ theme })=>Border({\n bottom: `1px solid ${theme.border.color.lighter}`\n }), ({ theme })=>theme.colors.black.low, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary?.light, ({ theme })=>theme.colors.primary?.light, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.green?.lightest, ({ theme })=>theme.colors.green?.lightest, ({ theme })=>theme.colors.green?.lightest, ({ theme })=>theme.colors.green?.lightest, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary?.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.high, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { veciGlobalStyles as default };\n","import { createThemes } from '../../themes.mjs';\nimport logitravelGlobalStyles from './styles/logitravel.mjs';\nimport partnershipsGlobalStyles from './styles/partnerships.mjs';\nimport smyGlobalStyles from './styles/smy.mjs';\nimport veciGlobalStyles from './styles/veci.mjs';\n\nconst globalThemes = createThemes({\n logitravel: logitravelGlobalStyles,\n partnerships: partnershipsGlobalStyles,\n smy: smyGlobalStyles,\n veci: veciGlobalStyles\n});\n\nexport { globalThemes as default };\n","import { createGlobalStyle } from 'styled-components';\nimport { FontMixin, FlexMixin } from '../mixins/helpers.styled.mjs';\nimport { Margin } from '../mixins/logical.styled.mjs';\nimport globalThemes from './themes/index.mjs';\n\nconst GlobalStyle = /*#__PURE__*/ createGlobalStyle([\n `/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:button;}button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type='checkbox'],[type='radio']{box-sizing:border-box;padding:0;}[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto;}[type='search']{-webkit-appearance:textfield;outline-offset:-2px;}[type='search']::-webkit-search-decoration{-webkit-appearance:none;}&::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:list-item;}template{display:none;}[hidden]{display:none;}*,*::before,*::after{box-sizing:border-box;}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0;}ul[role='list'],ol[role='list']{list-style:none;}html:focus-within{scroll-behavior:smooth;}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5;}a:not([class]){text-decoration-skip-ink:auto;}img,picture{max-width:100%;display:block;}input,button,textarea,select{font:inherit;}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto;}*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}body{line-height:1;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}body{font-family:`,\n `;font-size:`,\n `;background-color:`,\n `;}a{text-decoration:none;color:`,\n `;}img{border-style:none;display:block;max-width:100%;}b,strong{font-weight:bold;}button{background:transparent;border:none;cursor:pointer;padding:0;margin:0;}.flatpickr-calendar{background:transparent;opacity:0;display:none;text-align:center;visibility:hidden;padding:0;animation:none;direction:ltr;border:0;`,\n ` border-radius:5px;position:absolute;box-sizing:border-box;touch-action:manipulation;background:`,\n `;filter:drop-shadow(0 0 8px rgb(0 0 0 / 16%)) drop-shadow(0 1px 4px rgb(0 0 0 / 24%));padding:16px 16px 18px;width:auto !important;user-select:none;}.flatpickr-calendar.open,.flatpickr-calendar.inline{opacity:1;max-height:640px;visibility:visible;margin-top:2px;}.flatpickr-calendar.open{display:inline-block;z-index:`,\n `}.flatpickr-calendar.animate.open{animation:fpFadeInDown 300ms cubic-bezier(0.23,1,0.32,1);}.flatpickr-calendar.inline{display:block;position:relative;top:2px;}.flatpickr-calendar.static{position:absolute;top:calc(100% + 2px);}.flatpickr-calendar.static.open{display:block;}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 1) .flatpickr-day.inRange:nth-child(7n + 7){box-shadow:none !important;}.flatpickr-calendar.multiMonth .flatpickr-days .dayContainer:nth-child(n + 2) .flatpickr-day.inRange:nth-child(7n + 1){box-shadow:-2px 0 0 #e6e6e6,5px 0 0 #e6e6e6;}.flatpickr-calendar .hasWeeks .dayContainer,.flatpickr-calendar .hasTime .dayContainer{border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0;}.flatpickr-calendar .hasWeeks .dayContainer{border-left:0;}.flatpickr-calendar.showTimeInput.hasTime .flatpickr-time{height:40px;border-top:1px solid #e6e6e6;}.flatpickr-calendar.noCalendar.hasTime .flatpickr-time{height:auto;}.flatpickr-calendar:before,.flatpickr-calendar:after{position:absolute;display:block;pointer-events:none;border:solid transparent;content:'';height:0;width:0;left:22px;}.flatpickr-calendar.rightMost:before,.flatpickr-calendar.rightMost:after{left:auto;right:22px;}.flatpickr-calendar:before{border-width:5px;margin:0 -5px;}.flatpickr-calendar:after{border-width:4px;margin:0 -4px;}.flatpickr-calendar.arrowTop:before,.flatpickr-calendar.arrowTop:after{bottom:100%;}.flatpickr-calendar.arrowTop:before{display:none;}.flatpickr-calendar.arrowTop:after{display:none;}.flatpickr-calendar.arrowBottom:before,.flatpickr-calendar.arrowBottom:after{top:100%;}.flatpickr-calendar.arrowBottom:before{display:none;}.flatpickr-calendar.arrowBottom:after{display:none;}.flatpickr-calendar:focus{outline:0;}.flatpickr-wrapper{position:relative;display:inline-block;}.flatpickr-months{`,\n `}.flatpickr-months .flatpickr-month{background:transparent;color:`,\n `;fill:`,\n `;height:34px;line-height:1;text-align:center;position:relative;user-select:none;overflow:hidden;flex:1;}.flatpickr-months .flatpickr-prev-month,.flatpickr-months .flatpickr-next-month{text-decoration:none;cursor:pointer;position:absolute;top:0;height:34px;padding:10px;top:15px;height:auto;z-index:1;}.flatpickr-months .flatpickr-next-month{fill:`,\n `;}.flatpickr-months .flatpickr-prev-month{fill:`,\n `;}.flatpickr-months .flatpickr-prev-month.flatpickr-disabled,.flatpickr-months .flatpickr-next-month.flatpickr-disabled{display:none;}.flatpickr-months .flatpickr-prev-month i,.flatpickr-months .flatpickr-next-month i{position:relative;}.flatpickr-months .flatpickr-prev-month.flatpickr-prev-month,.flatpickr-months .flatpickr-next-month.flatpickr-prev-month{left:0;}.flatpickr-months .flatpickr-prev-month.flatpickr-next-month,.flatpickr-months .flatpickr-next-month.flatpickr-next-month{right:0;}.flatpickr-months .flatpickr-prev-month svg,.flatpickr-months .flatpickr-next-month svg{width:14px;height:14px;}.flatpickr-months .flatpickr-prev-month svg path,.flatpickr-months .flatpickr-next-month svg path{transition:fill 0.1s;fill:inherit;}.numInputWrapper{position:relative;height:auto;}.numInputWrapper input,.numInputWrapper span{display:inline-block;}.numInputWrapper input{width:100%;}.numInputWrapper input::-ms-clear{display:none;}.numInputWrapper input::-webkit-outer-spin-button,.numInputWrapper input::-webkit-inner-spin-button{margin:0;}.numInputWrapper span{position:absolute;right:0;width:14px;padding:0 4px 0 2px;height:50%;line-height:50%;opacity:0;cursor:pointer;border:1px solid rgba(57,57,57,0.15);box-sizing:border-box;}.numInputWrapper span:hover{background:`,\n `;}.numInputWrapper span:active{background:`,\n `;}.numInputWrapper span:after{display:block;content:'';position:absolute;}.numInputWrapper span.arrowUp{top:0;border-bottom:0;}.numInputWrapper span.arrowUp:after{border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid `,\n `;top:26%;}.numInputWrapper span.arrowDown{top:50%;}.numInputWrapper span.arrowDown:after{border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid `,\n `;top:40%;}.numInputWrapper span svg{width:inherit;height:auto;}.numInputWrapper span svg path{fill:rgba(0,0,0,0.5);}.numInputWrapper:hover{background:`,\n `;}.numInputWrapper:hover span{opacity:1;}.flatpickr-current-month{font-size:135%;`,\n ` line-height:1;width:75%;left:12.5%;display:inline-block;text-align:center;transform:translateZ(0);padding:12px 0;position:unset;height:auto;vertical-align:middle;}.flatpickr-current-month span.cur-month{`,\n ` display:inline-block;margin-left:0.5ch;padding:0;}.flatpickr-current-month span.cur-month:hover{background:`,\n `;}.flatpickr-current-month .numInputWrapper{width:6ch;width:7ch;display:inline-block;}.flatpickr-current-month .numInputWrapper span.arrowUp:after{border-bottom-color:rgba(0,0,0,0.9);}.flatpickr-current-month .numInputWrapper span.arrowDown:after{border-top-color:rgba(0,0,0,0.9);}.flatpickr-current-month input.cur-year{background:transparent;box-sizing:border-box;cursor:text;padding:0 0 0 0.5ch;margin:0;display:inline-block;`,\n ` height:auto;border:0;border-radius:0;vertical-align:initial;appearance:textfield;}.flatpickr-current-month input.cur-year:focus{outline:0;}.flatpickr-current-month input.cur-year[disabled],.flatpickr-current-month input.cur-year[disabled]:hover{font-size:100%;color:rgba(0,0,0,0.5);background:transparent;pointer-events:none;}.flatpickr-current-month .flatpickr-monthDropdown-months{appearance:menulist;background:transparent;border:none;border-radius:0;box-sizing:border-box;cursor:pointer;`,\n ` height:auto;margin:-1px 0 0 0;outline:none;padding:0 0 0 0.5ch;position:relative;vertical-align:initial;width:auto;}.flatpickr-current-month .flatpickr-monthDropdown-months:focus,.flatpickr-current-month .flatpickr-monthDropdown-months:active{outline:none;}.flatpickr-current-month .flatpickr-monthDropdown-months:hover{background:rgba(0,0,0,0.05);}.flatpickr-current-month .flatpickr-monthDropdown-months .flatpickr-monthDropdown-month{background-color:transparent;outline:none;padding:0;}.cur-year{color:`,\n `;}.flatpickr-weekdays{background:transparent;text-align:center;width:100%;`,\n ` height:28px;padding-top:20px;margin-bottom:16px;}.flatpickr-weekdays .flatpickr-weekdaycontainer{`,\n ` color:`,\n `;flex:1 1 0;`,\n ` margin:0;padding:0;text-align:center;}.flatpickr-weekdaycontainer:first-child{padding-right:20px;}.flatpickr-weekdaycontainer:last-child{padding-left:20px;}span.flatpickr-weekday{cursor:default;font-size:90%;`,\n ` color:`,\n `;line-height:1;margin:0;text-align:center;display:block;flex:1;background-color:transparent;flex:1 1 0;padding:0;text-transform:uppercase;}.dayContainer,.flatpickr-weeks{padding:1px 0 0 0;}.flatpickr-days{position:relative;overflow:hidden;`,\n ` width:307.875px;}.flatpickr-days:focus{outline:0;}.dayContainer{padding:0;outline:0;text-align:left;width:307.875px;min-width:307.875px;max-width:307.875px;box-sizing:border-box;`,\n ` transform:translate3d(0px,0px,0px);opacity:1;margin:0;}.flatpickr-days .dayContainer:first-child{padding-right:20px;}.flatpickr-days .dayContainer:last-child{padding-left:20px;}.flatpickr-day{background:none;border:1px solid transparent;border-radius:150px;box-sizing:border-box;color:`,\n `;cursor:pointer;`,\n ` width:14.2857143%;flex-basis:14.2857143%;max-width:39px;height:39px;margin:0;display:inline-block;position:relative;text-align:center;`,\n ` flex-direction:column;line-height:1;}.flatpickr-day-price{`,\n ` color:`,\n `;`,\n `}.flatpickr-day.is-offer,.flatpickr-day.is-offer:hover{background-color:#00a254;}.flatpickr-day.is-offer,.flatpickr-day.is-offer .flatpickr-day-price{color:white;}.selected .flatpickr-day-price{color:`,\n `;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover,.flatpickr-day.prevMonthDay,.flatpickr-day.nextMonthDay,.flatpickr-day.notAllowed,.flatpickr-day.notAllowed.prevMonthDay,.flatpickr-day.notAllowed.nextMonthDay{color:`,\n `;background:transparent;border-color:transparent;cursor:default;}.flatpickr-day.nextMonthDay,.flatpickr-day.prevMonthDay{visibility:hidden;}.flatpickr-day.nextMonthDay{height:0;width:0;margin:0;border:none;}.flatpickr-day.flatpickr-disabled,.flatpickr-day.flatpickr-disabled:hover{cursor:not-allowed;color:`,\n `;}.flatpickr-day.inRange,.flatpickr-day.prevMonthDay.inRange,.flatpickr-day.nextMonthDay.inRange,.flatpickr-day.today.inRange,.flatpickr-day.prevMonthDay.today.inRange,.flatpickr-day.nextMonthDay.today.inRange,.flatpickr-day:hover,.flatpickr-day.prevMonthDay:hover,.flatpickr-day.nextMonthDay:hover,.flatpickr-day:focus,.flatpickr-day.prevMonthDay:focus,.flatpickr-day.nextMonthDay:focus{cursor:pointer;outline:0;border-color:`,\n `;background-color:`,\n `;}.flatpickr-day.inRange{border-radius:0;box-shadow:`,\n ` -2px 0 0,`,\n ` 2px 0 0 !important;}.flatpickr-day.today{border-color:`,\n `;}.flatpickr-day.today:hover,.flatpickr-day.today:focus{border-color:`,\n `;background:`,\n `;color:`,\n `;}.flatpickr-day.flatpickr-disabled.today,.flatpickr-day.flatpickr-disabled.today:hover,.flatpickr-day.flatpickr-disabled.today:focus{color:`,\n `;background:transparent;border-color:transparent;}.flatpickr-day.selected,.flatpickr-day.selected.inRange,.flatpickr-day.selected:focus,.flatpickr-day.selected:hover,.flatpickr-day.selected.prevMonthDay,.flatpickr-day.selected.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;box-shadow:none;}.flatpickr-day.startRange,.flatpickr-day.startRange.inRange,.flatpickr-day.startRange:focus,.flatpickr-day.startRange:hover,.flatpickr-day.startRange.prevMonthDay,.flatpickr-day.startRange.nextMonthDay,.flatpickr-day.selected.today,.flatpickr-day.selected.today:hover{background:`,\n `;color:`,\n `;border-color:`,\n `;box-shadow:none;}.flatpickr-day.selected.startRange,.flatpickr-day.startRange.startRange,.flatpickr-day.endRange.startRange{border-radius:50px 0 0 50px;}.flatpickr-day.selected.endRange,.flatpickr-day.startRange.endRange,.flatpickr-day.endRange.endRange{border-radius:0 50px 50px 0;}.flatpickr-day.selected.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.startRange.startRange + .endRange:not(:nth-child(7n + 1)),.flatpickr-day.endRange.startRange + .endRange:not(:nth-child(7n + 1)){box-shadow:-10px 0 0 `,\n `;}.flatpickr-day.selected.startRange.endRange,.flatpickr-day.startRange.startRange.endRange,.flatpickr-day.endRange.startRange.endRange{border-radius:50px;}.flatpickr-day.inRange{border-radius:0;box-shadow:-5px 0 0 `,\n `,5px 0 0 `,\n `;}.flatpickr-day.endRange,.flatpickr-day.endRange.inRange,.flatpickr-day.endRange:focus,.flatpickr-day.endRange:hover,.flatpickr-day.endRange.prevMonthDay,.flatpickr-day.endRange.nextMonthDay{background:`,\n `;color:`,\n `;border-color:`,\n `;box-shadow:none;}.flatpickr-day.week.selected{border-radius:0;}.flatpickr-day.hidden{visibility:hidden;display:block;}.rangeMode .flatpickr-day{margin-top:1px;}.flatpickr-weekwrapper{float:left;}.flatpickr-weekwrapper .flatpickr-weeks{padding:0 12px;box-shadow:1px 0 0 #e6e6e6;}.flatpickr-weekwrapper .flatpickr-weekday{float:none;width:100%;line-height:`,\n `;}.flatpickr-weekwrapper span.flatpickr-day,.flatpickr-weekwrapper span.flatpickr-day:hover{display:block;width:100%;max-width:none;color:rgba(57,57,57,0.3);background:transparent;cursor:default;border:none;}.flatpickr-innerContainer{display:block;`,\n ` box-sizing:border-box;overflow:hidden;}.flatpickr-rContainer{display:inline-block;padding:0;box-sizing:border-box;}.flatpickr-time{text-align:center;outline:0;height:40px;line-height:`,\n `;max-height:40px;box-sizing:border-box;border-top:1px solid `,\n `;}.flatpickr-time:after{content:'';display:table;clear:both;}.flatpickr-time .numInputWrapper{flex:1;width:40%;height:40px;float:left;}.flatpickr-time .numInputWrapper span.arrowUp:after{border-bottom-color:`,\n `;}.flatpickr-time .numInputWrapper span.arrowDown:after{border-top-color:`,\n `;}input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0;}.flatpickr-time.hasSeconds .numInputWrapper{width:26%;}.flatpickr-time.time24hr .numInputWrapper{width:49%;}.flatpickr-time input{background:transparent;box-shadow:none;border:0;border-radius:0;text-align:center;margin:0;padding:0;color:`,\n `;`,\n ` position:relative;box-sizing:border-box;appearance:textfield;&::selection{background:transparent;}}.flatpickr-time input.flatpickr-hour{`,\n `}.flatpickr-time input.flatpickr-minute,.flatpickr-time input.flatpickr-second{`,\n `}.flatpickr-time input:focus{outline:0;border:0;}.flatpickr-time .flatpickr-time-separator,.flatpickr-time .flatpickr-am-pm{height:inherit;float:left;line-height:inherit;color:`,\n `;`,\n ` width:2%;user-select:none;align-self:center;}.flatpickr-time .flatpickr-am-pm{outline:0;width:18%;cursor:pointer;text-align:center;`,\n `}.flatpickr-time input:hover,.flatpickr-time .flatpickr-am-pm:hover,.flatpickr-time input:focus,.flatpickr-time .flatpickr-am-pm:focus{background:`,\n `;}div.flatpickr-confirm{display:none;background-color:`,\n `;border-radius:4px;color:`,\n `;cursor:pointer;`,\n ` margin:16px 0 0;outline:none;padding:8px 16px;text-align:center;text-transform:uppercase;transition:all .4s;white-space:nowrap;width:100%;}div.flatpickr-confirm.lightTheme:hover,div.flatpickr-confirm.lightTheme:active,div.flatpickr-confirm.lightTheme:focus{background-color:`,\n `;text-decoration:none;}.flatpickr-input[readonly]{cursor:pointer;}@keyframes fpFadeInDown{from{opacity:0;transform:translate3d(0,-20px,0);}to{opacity:1;transform:translate3d(0,0,0);}}.flatpickr-current-month{padding:12px 0;position:unset;height:auto;}.flatpickr-weekday{text-transform:uppercase;}.flatpickr-calendar{padding:12px;}.flatpickr-month,.flatpickr-months{& .flatpickr-prev-month{left:12px !important;}& .flatpickr-next-month{right:12px !important;}}.flatpickr-day--price{position:absolute;width:4px;height:4px;border-radius:50%;top:40%;left:25%;`,\n ` color:`,\n `;}.flatpickr-day--direct-flight{position:absolute;width:4px;height:4px;border-radius:50%;top:3px;left:calc(50% - 2px);content:\"\";display:block;background:#3d8eb9;}.flatpickr-day--bargain-price{position:absolute;width:4px;height:4px;border-radius:50%;top:3px;left:calc(50% - 2px);content:\"\";display:block;background:`,\n `;}.flatpickr-day-footer{border-top:1px solid `,\n `;margin-top:16px;padding-top:12px;padding-bottom:0;}.flatpickr-day-footer-subtitle{`,\n ` `,\n ` color:`,\n `;margin-top:-2px;}.flatpickr-day-footer-literal{`,\n ` `,\n ` margin-bottom:0;color:`,\n `;&:before{content:\"\";display:block;border-radius:100%;margin-right:8px;width:8px;height:8px;background-color:`,\n `;}}.flatpickr-day-footer-bargain-price{`,\n ` `,\n ` margin-bottom:0;color:`,\n `;&::before{content:\"\";display:block;border-radius:100%;margin-right:8px;width:8px;height:8px;background-color:`,\n `;}}.flatpickr-day.endRange .flatpickr-day--direct-flight,.flatpickr-day.startRange .flatpickr-day--direct-flight,.flatpickr-day.selected .flatpickr-day--direct-flight{background-color:`,\n `;}`,\n ` `,\n ``\n], (props)=>props.theme.font.family.primary, (props)=>props.theme.font.size.base, (props)=>props.theme.bodyBgColor, (props)=>props.theme.colors.primary.light, FontMixin({\n size: 'medium',\n height: 'large'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.zIndex.highest, FlexMixin(), ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.black.lowest, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.lighter, FontMixin({\n weight: 'light'\n}), FontMixin({\n size: 'base',\n height: 'base',\n weight: 'bold'\n}), ({ theme })=>theme.colors.grays.lighter, FontMixin({\n weight: 'light'\n}), FontMixin({\n weight: 'light'\n}), ({ theme })=>theme.colors.black.base, FlexMixin({\n align: 'center'\n}), FlexMixin(), ({ theme })=>theme.colors.black.low, FontMixin({\n weight: 'light'\n}), FontMixin({\n weight: 'light'\n}), ({ theme })=>theme.colors.black.low, FlexMixin({\n align: 'flex-start'\n}), FlexMixin({\n justify: 'space-around',\n wrap: true\n}), ({ theme })=>theme.colors.grays.darker, FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'largest'\n}), FlexMixin({\n justify: 'center'\n}), FontMixin({\n size: 'smaller',\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.base, Margin({\n top: '2px'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.secondary.light, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.secondary.base, ({ theme })=>theme.font.height.larger, FlexMixin(), ({ theme })=>theme.font.height.largest, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.grays.darker, FontMixin({\n size: 'medium'\n}), FontMixin({\n weight: 'bold'\n}), FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.darker, FontMixin({\n weight: 'bold'\n}), FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.white.high, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'medium',\n height: 'large',\n weight: 'medium'\n}), ({ theme })=>theme.colors.primary.lighter, FontMixin({\n size: 'smaller'\n}), ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.status.highlighted, ({ theme })=>theme.colors.grays.light, FlexMixin({\n align: 'flex-start'\n}), FontMixin({\n size: 'small',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.dark, FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'small',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.primary.lighter, FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'small'\n}), ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.status.highlighted, ({ theme })=>theme.colors.white.base, ({ fontsCss })=>fontsCss || '', globalThemes('GlobalStyle'));\n\nexport { GlobalStyle as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport { DEVICES } from '@babylon/ui-kit-context/types';\nimport { ClientApplication } from '@babylon/ui-kit-types/application';\nimport { useContext } from 'react';\nimport { ThemeProvider } from 'styled-components';\nimport GlobalStyle from './global/index.mjs';\n\nconst BabylonThemeProvider = ({ theme, children })=>{\n const { DeviceClass = DEVICES.desktop, Application = ClientApplication.logitravel } = useContext(contextBabylon);\n const finalTheme = DeviceClass === DEVICES.desktop ? {\n id: theme.id,\n ...theme.desktop,\n breakpoints: theme.breakpoints,\n media: theme.media,\n contextData: {\n application: Application\n }\n } : {\n id: theme.id,\n ...theme.mobile,\n breakpoints: theme.breakpoints,\n media: theme.media,\n contextData: {\n application: Application\n }\n };\n return /*#__PURE__*/ jsxs(ThemeProvider, {\n theme: finalTheme,\n children: [\n /*#__PURE__*/ jsx(GlobalStyle, {\n fontsCss: theme.fontsCss\n }),\n children\n ]\n });\n};\n\nexport { BabylonThemeProvider as default };\n","var ThemeId;\n(function(ThemeId) {\n ThemeId[\"logitravel\"] = \"logitravel\";\n ThemeId[\"partnerships\"] = \"partnerships\";\n ThemeId[\"partnershipsHolidayguru\"] = \"partnershipsHolidayguru\";\n ThemeId[\"partnershipsPortaventura\"] = \"partnershipsPortaventura\";\n ThemeId[\"partnershipsUniversalMusic\"] = \"partnershipsUniversalMusic\";\n ThemeId[\"smy\"] = \"smy\";\n ThemeId[\"smyPassengy\"] = \"smyPassengy\";\n ThemeId[\"veci\"] = \"veci\";\n})(ThemeId || (ThemeId = {}));\n\nexport { ThemeId };\n","/**\n * Enumeration of predefined breakpoints for responsive design.\n *\n * @enum {number}\n * @readonly\n * @property {number} xs - Extra small breakpoint. Deprecated; use {@link BREAKPOINTS.phone} instead.\n * @property {number} sm - Small breakpoint. Deprecated; use {@link BREAKPOINTS.phone} instead.\n * @property {number} md - Medium breakpoint. Deprecated; use {@link BREAKPOINTS.phone} instead.\n * @property {number} lg - Large breakpoint. Deprecated; use {@link BREAKPOINTS.tabletPortrait} instead.\n * @property {number} tablet - Tablet breakpoint. Deprecated; use {@link BREAKPOINTS.tabletLandscape} instead.\n * @property {number} xl - Extra-large breakpoint. Deprecated; use {@link BREAKPOINTS.tabletLandscape} instead.\n * @property {number} 2xl - 2 Extra-large breakpoint. Deprecated; use {@link BREAKPOINTS.desktop} instead.\n * @property {number} xxl - 2 Extra-large breakpoint. Deprecated; use {@link BREAKPOINTS.desktop} instead.\n * @property {number} phone - Phone breakpoint.\n * @property {number} tabletPortrait - Tablet portrait breakpoint.\n * @property {number} tabletLandscape - Tablet landscape breakpoint.\n * @property {number} desktop - Desktop breakpoint.\n * @property {number} bigDesktop - Big desktop breakpoint.\n *\n * @typedef {number} BREAKPOINT - Union type representing the available breakpoints.\n */ var BREAKPOINTS;\n(function(BREAKPOINTS) {\n BREAKPOINTS[BREAKPOINTS[\"xs\"] = 0] = \"xs\";\n BREAKPOINTS[BREAKPOINTS[\"sm\"] = 480] = \"sm\";\n BREAKPOINTS[BREAKPOINTS[\"md\"] = 600] = \"md\";\n BREAKPOINTS[BREAKPOINTS[\"lg\"] = 900] = \"lg\";\n BREAKPOINTS[BREAKPOINTS[\"tablet\"] = 1024] = \"tablet\";\n BREAKPOINTS[BREAKPOINTS[\"xl\"] = 1200] = \"xl\";\n BREAKPOINTS[BREAKPOINTS[\"2xl\"] = 1400] = \"2xl\";\n BREAKPOINTS[BREAKPOINTS[\"xxl\"] = 1500] = \"xxl\";\n BREAKPOINTS[BREAKPOINTS[\"phone\"] = 0] = \"phone\";\n BREAKPOINTS[BREAKPOINTS[\"tabletPortrait\"] = 600] = \"tabletPortrait\";\n BREAKPOINTS[BREAKPOINTS[\"tabletLandscape\"] = 900] = \"tabletLandscape\";\n BREAKPOINTS[BREAKPOINTS[\"desktop\"] = 1200] = \"desktop\";\n BREAKPOINTS[BREAKPOINTS[\"bigDesktop\"] = 1800] = \"bigDesktop\";\n})(BREAKPOINTS || (BREAKPOINTS = {}));\n\nexport { BREAKPOINTS };\n","import { BREAKPOINTS } from '../types/breakpoints.mjs';\n\nfunction up(breakpoint, width) {\n const breakpointWidth = BREAKPOINTS[breakpoint];\n if (width >= breakpointWidth) {\n return true;\n }\n return false;\n}\nfunction down(breakpoint, width) {\n const breakpointWidth = BREAKPOINTS[breakpoint];\n if (width < breakpointWidth) {\n return true;\n }\n return false;\n}\nfunction between(breakpointDown, breakpointUp, width) {\n const breakpointDownWidth = BREAKPOINTS[breakpointDown];\n const breakpointUpWidth = BREAKPOINTS[breakpointUp];\n if (width >= breakpointDownWidth && width < breakpointUpWidth) {\n return true;\n }\n return false;\n}\nfunction only(breakpointDown, width) {\n const breakpointDownWidth = BREAKPOINTS[breakpointDown];\n const breakpointDownIndex = Object.keys(BREAKPOINTS).indexOf(breakpointDown);\n const breakpointUp = Object.keys(BREAKPOINTS)[breakpointDownIndex + 1];\n const breakpointUpWidth = BREAKPOINTS[breakpointUp];\n if (width >= breakpointDownWidth && (!breakpointUpWidth || width < breakpointUpWidth)) {\n return true;\n }\n return false;\n}\nfunction not(breakpointDown, width) {\n const breakpointDownWidth = BREAKPOINTS[breakpointDown];\n const breakpointDownIndex = Object.keys(BREAKPOINTS).indexOf(breakpointDown);\n const breakpointUp = Object.keys(BREAKPOINTS)[breakpointDownIndex + 1];\n const breakpointUpWidth = BREAKPOINTS[breakpointUp];\n if (width < breakpointDownWidth || width >= breakpointUpWidth) {\n return true;\n }\n return false;\n}\nconst breakpointKeys = Object.keys(BREAKPOINTS).filter((key)=>isNaN(Number(key))).map((key)=>key);\nconst breakpointValues = Object.values(BREAKPOINTS).filter((key)=>!isNaN(Number(key))).map((key)=>Number(key));\nconst breakpoints = {\n ...breakpointKeys.reduce((acc, key, index)=>{\n acc[key] = breakpointValues[index];\n return acc;\n }, {}),\n up,\n down,\n between,\n only,\n not\n};\n\nexport { breakpointKeys, breakpointValues, breakpoints as default };\n","/**\n * Enumeration of media query functions for generating responsive breakpoints.\n *\n * @enum {string}\n * @readonly\n * @property {string} up - Represents the 'up' direction for media queries.\n * @property {string} down - Represents the 'down' direction for media queries.\n * @property {string} between - Represents the 'between' direction for media queries, indicating a range.\n * @property {string} only - Represents the 'only' direction for media queries.\n * @property {string} not - Represents the 'not' direction for media queries.\n */ var MEDIA_FUNCTIONS;\n(function(MEDIA_FUNCTIONS) {\n MEDIA_FUNCTIONS[\"up\"] = \"up\";\n MEDIA_FUNCTIONS[\"down\"] = \"down\";\n MEDIA_FUNCTIONS[\"between\"] = \"between\";\n MEDIA_FUNCTIONS[\"only\"] = \"only\";\n MEDIA_FUNCTIONS[\"not\"] = \"not\";\n})(MEDIA_FUNCTIONS || (MEDIA_FUNCTIONS = {}));\n\nexport { MEDIA_FUNCTIONS };\n","import { BREAKPOINTS } from '../types/breakpoints.mjs';\nimport { MEDIA_FUNCTIONS } from '../types/media.mjs';\n\n/**\n * Generates a media query string for CSS based on the provided content and operator.\n *\n * @param {string | string[]} content - The media query content. It can be either a string or an array of strings.\n * @param {'or' | 'and'} [operator='and'] - The logical operator to combine multiple media queries (default is 'and').\n * @returns {string} - The generated media query string.\n *\n * @example\n * // Example usage with a single media query\n * const mediaQuery = generateMediaString('min-width: 768px');\n *\n * // Example usage with multiple media queries and 'or' operator\n * const mediaQueries = generateMediaString(['min-width: 768px', 'max-width: 1200px'], 'or');\n */ const generateMediaString = (content, operator = 'and')=>{\n if (typeof content === 'string') return `@media (${content})`;\n const parsedContent = content.map((text)=>`(${text})`).join(` ${operator} `);\n return `@media ${parsedContent}`;\n};\n/**\n * Generates a media query string for CSS with 'width >= X' based on the provided width.\n *\n * @param {string | number} width - The width value for the media query. It can be either a string or a number.\n * @returns {string} - The generated media query string.\n *\n * @example\n * // Example usage with a numeric width value\n * const mediaQuery = generateWithUp(768);\n *\n * // Example usage with a string width value\n * const mediaQueryString = generateWithUp('768px');\n */ const generateWithUp = (width)=>{\n const text = typeof width === 'string' ? width : `${width}px`;\n return `width >= ${text}`;\n};\n/**\n * Generates a media query string for CSS with 'width < X' based on the provided width.\n *\n * @param {string | number} width - The width value for the media query. It can be either a string or a number.\n * @returns {string} - The generated media query string.\n *\n * @example\n * // Example usage with a numeric width value\n * const mediaQuery = generateWithDown(768);\n *\n * // Example usage with a string width value\n * const mediaQueryString = generateWithDown('768px');\n */ const generateWithDown = (width)=>{\n const text = typeof width === 'string' ? width : `${width}px`;\n return `width < ${text}`;\n};\n/**\n * Generate a media query based on the specified theme function and breakpoints.\n *\n * @param {MEDIA_FUNCTIONS} theme_function - The theme function to determine the type of media query.\n * @param {BREAKPOINT} breakpointDown - The lower breakpoint value.\n * @param {BREAKPOINT} [breakpointUp] - The upper breakpoint value for 'between' theme function.\n * @returns {string} The generated media query string.\n */ const generateMedia = (theme_function, breakpointDown, breakpointUp)=>{\n if (theme_function === MEDIA_FUNCTIONS.up) {\n return generateMediaString(generateWithUp(BREAKPOINTS[breakpointDown]));\n }\n if (theme_function === MEDIA_FUNCTIONS.down) {\n return generateMediaString(generateWithDown(BREAKPOINTS[breakpointDown]));\n }\n if (theme_function === MEDIA_FUNCTIONS.between && breakpointUp) {\n return generateMediaString([\n generateWithUp(BREAKPOINTS[breakpointDown]),\n generateWithDown(BREAKPOINTS[breakpointUp])\n ], 'and');\n }\n if (theme_function === MEDIA_FUNCTIONS.only) {\n const breakpointDownIndex = Object.keys(BREAKPOINTS).indexOf(breakpointDown);\n breakpointUp = Object.keys(BREAKPOINTS)[breakpointDownIndex + 1];\n if (!breakpointUp) {\n return generateMedia(MEDIA_FUNCTIONS.up, breakpointDown);\n }\n return generateMedia(MEDIA_FUNCTIONS.between, breakpointDown, breakpointUp);\n }\n if (theme_function === MEDIA_FUNCTIONS.not) {\n const breakpointDownIndex = Object.keys(BREAKPOINTS).indexOf(breakpointDown);\n breakpointUp = Object.keys(BREAKPOINTS)[breakpointDownIndex + 1];\n return generateMediaString([\n generateWithDown(BREAKPOINTS[breakpointDown]),\n generateWithUp(BREAKPOINTS[breakpointUp])\n ], 'or');\n }\n return '';\n};\n/**\n * Generates a media query string for a breakpoint using the 'up' direction.\n *\n * @param {BREAKPOINT} breakpoint - The breakpoint value.\n * @returns {string} - A media query string for the 'up' direction.\n */ const upMedia = (breakpoint)=>generateMedia(MEDIA_FUNCTIONS.up, breakpoint);\n/**\n * Generates a media query string for a breakpoint using the 'down' direction.\n *\n * @param {BREAKPOINT} breakpoint - The breakpoint value.\n * @returns {string} - A media query string for the 'down' direction.\n */ const downMedia = (breakpoint)=>generateMedia(MEDIA_FUNCTIONS.down, breakpoint);\n/**\n * Generates a media query string for a range of breakpoints between 'breakpointDown' and 'breakpointUp'.\n *\n * @param {BREAKPOINT} breakpointDown - The starting breakpoint value.\n * @param {BREAKPOINT} breakpointUp - The ending breakpoint value.\n * @returns {string} - A media query string for the range between 'breakpointDown' and 'breakpointUp'.\n */ const betweenMedia = (breakpointDown, breakpointUp)=>generateMedia(MEDIA_FUNCTIONS.between, breakpointDown, breakpointUp);\n/**\n * Generates a media query string for a breakpoint using the 'only' direction.\n *\n * @param {BREAKPOINT} breakpoint - The breakpoint value.\n * @returns {string} - A media query string for the 'only' direction.\n */ const onlyMedia = (breakpoint)=>generateMedia(MEDIA_FUNCTIONS.only, breakpoint);\n/**\n * Generates a media query string for a breakpoint using the 'not' direction.\n *\n * @param {BREAKPOINT} breakpoint - The breakpoint value.\n * @returns {string} - A media query string for the 'not' direction.\n */ const notMedia = (breakpoint)=>generateMedia(MEDIA_FUNCTIONS.not, breakpoint);\nconst phoneMedia = {\n /**\n\t * Generate a media query for the **'phone'** theme function.\n\t * @description only - A string representing a media query using the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 0px) and (width < 600px)', representing the range between from 0px to 600px.\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.phone.only} {\n\t * background-color: red;\n\t * }\n\t */ only: generateMedia(MEDIA_FUNCTIONS.between, 'phone', 'tabletPortrait')\n};\nconst tabletPortraitMedia = {\n /**\n\t * Generate a media query for the **'tabletPortrait'** theme function.\n\t * @description only - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 600px) and (width < 900px)', representing the range between 'tabletPortrait' and 'tabletLandscape'.\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.tabletPortrait.only} {\n\t * background-color: red;\n\t * }\n\t */ only: generateMedia(MEDIA_FUNCTIONS.between, 'tabletPortrait', 'tabletLandscape'),\n /**\n\t * Generate a media query for the **'tabletPortrait'** theme function.\n\t * @description up - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 600px)', representing 'tabletPortrait' (everything above 600px) .\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.tabletPortrait.up} {\n\t * background-color: red;\n\t * }\n\t */ up: generateMedia(MEDIA_FUNCTIONS.up, 'tabletPortrait')\n};\nconst tabletLandscapeMedia = {\n /**\n\t * Generate a media query for the **'tabletLandscape'** theme function.\n\t * @description only - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 900px) and (width < 1200px)', representing the range between 'tabletLandscape' and 'desktop'.\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.tabletLandscape.only} {\n\t * background-color: red;\n\t * }\n\t */ only: generateMedia(MEDIA_FUNCTIONS.between, 'tabletLandscape', 'desktop'),\n /**\n\t * Generate a media query for the **'tabletLandscape'** theme function.\n\t * @description up - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 900px)', representing 'tabletLandscape' (everything above 900px) .\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.tabletLandscape.up} {\n\t * background-color: red;\n\t * }\n\t */ up: generateMedia(MEDIA_FUNCTIONS.up, 'tabletLandscape')\n};\nconst desktopMedia = {\n /**\n\t * Generate a media query for the **'desktop'** theme function.\n\t * @description only - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 1200px) and (width < 1800px)', representing the range between 'desktop' and 'bigDesktop'.\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.desktop.only} {\n\t * background-color: red;\n\t * }\n\t */ only: generateMedia(MEDIA_FUNCTIONS.between, 'desktop', 'bigDesktop'),\n /**\n\t * Generate a media query for the **'desktop'** theme function.\n\t * @description up - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 1200px)', representing 'desktop' (everything above 1200px) .\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.desktop.up} {\n\t * background-color: red;\n\t * }\n\t */ up: generateMedia(MEDIA_FUNCTIONS.up, 'desktop')\n};\nconst bigDesktopMedia = {\n /**\n\t * Generate a media query for the **'bigDesktop'** theme function.\n\t * @description up - A string that utilizes the {@link generateMedia} function.\n\t * @returns {string} A media query like '@media (width >= 1800px)', representing 'bigDesktop' (everything above 1800px).\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.bigDesktop.up} {\n\t * background-color: red;\n\t * }\n\t */ up: generateMedia(MEDIA_FUNCTIONS.up, 'bigDesktop')\n};\n/**\n * Generate a media query for the **'custom'** theme function, depending on the number of pixels indicated.\n * @param {string | number} customWidth - The width value or range for the media query, in pixels.\n * @returns {string} A media query like '@media (width >= customWidth)', It represents that it accepts everything above that 'customWidth' pixels.\n * @example\n * // Usage in a styled component\n * ${({ theme }) => theme.media.custom('768px')} {\n * background-color: red;\n * }\n *\n * // customWidth is the number of pixels from where the media query is applied\n * ${({ theme }) => theme.media.custom('920px')} {\n * background-color: red;\n * }\n *\n * // Usage with both minimum and maximum width\n * ${({ theme }) => theme.media.custom('724px', '1024px')} {\n * background-color: red;\n * }\n * @link https://confluence.logitravelgroup.com/display/FRONT/%5BFRONT%5D%5BBABY%5DDOC%5D+Media+Queries\n */ const customMedia = (min, max)=>{\n if (!max) return generateMediaString(generateWithUp(min));\n return generateMediaString([\n generateWithUp(min),\n generateWithDown(max)\n ]);\n};\nconst deprecatedMedia = {\n /**\n\t * @deprecated Use one of the following theme functions instead:\n\t * - {@link MEDIA_FUNCTIONS.phone} - ${({ theme }) => theme.media.phone } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletPortrait} - ${({ theme }) => theme.media.tabletPortrait } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletLandscape} - ${({ theme }) => theme.media.tabletLandscape } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.desktop} - ${({ theme }) => theme.media.desktop } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.bigDesktop} - ${({ theme }) => theme.media.bigDesktop } {...css properties}\n\t *\n\t */ up: upMedia,\n /**\n\t * @deprecated Use one of the following theme functions instead:\n\t * - {@link MEDIA_FUNCTIONS.phone} - ${({ theme }) => theme.media.phone } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletPortrait} - ${({ theme }) => theme.media.tabletPortrait } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletLandscape} - ${({ theme }) => theme.media.tabletLandscape } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.desktop} - ${({ theme }) => theme.media.desktop } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.bigDesktop} - ${({ theme }) => theme.media.bigDesktop } {...css properties}\n\t *\n\t */ down: downMedia,\n /**\n\t * @deprecated Use one of the following theme functions instead:\n\t * - {@link MEDIA_FUNCTIONS.phone} - ${({ theme }) => theme.media.phone } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletPortrait} - ${({ theme }) => theme.media.tabletPortrait } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletLandscape} - ${({ theme }) => theme.media.tabletLandscape } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.desktop} - ${({ theme }) => theme.media.desktop } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.bigDesktop} - ${({ theme }) => theme.media.bigDesktop } {...css properties}\n\t *\n\t */ between: betweenMedia,\n /**\n\t * @deprecated Use one of the following theme functions instead:\n\t * - {@link MEDIA_FUNCTIONS.phone} - ${({ theme }) => theme.media.phone } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletPortrait} - ${({ theme }) => theme.media.tabletPortrait } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletLandscape} - ${({ theme }) => theme.media.tabletLandscape } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.desktop} - ${({ theme }) => theme.media.desktop } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.bigDesktop} - ${({ theme }) => theme.media.bigDesktop } {...css properties}\n\t *\n\t */ only: onlyMedia,\n /**\n\t * @deprecated Use one of the following theme functions instead:\n\t * - {@link MEDIA_FUNCTIONS.phone} - ${({ theme }) => theme.media.phone } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletPortrait} - ${({ theme }) => theme.media.tabletPortrait } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.tabletLandscape} - ${({ theme }) => theme.media.tabletLandscape } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.desktop} - ${({ theme }) => theme.media.desktop } {...css properties}\n\t * - {@link MEDIA_FUNCTIONS.bigDesktop} - ${({ theme }) => theme.media.bigDesktop } {...css properties}\n\t *\n\t */ not: notMedia\n};\nconst currentMedia = {\n /**\n\t * Generates a media query for the **'phone'** theme function.\n\t *\n\t * @description {Object} phone - An object indicating that only the 'phone' type is accepted.\n\t * @description {string} phone.only - A string that utilizes the {@link generateMedia} function.\n\t */ phone: phoneMedia,\n /**\n\t * Generates a media query for the **'Tablet Portrait'** theme function.\n\t *\n\t * @description {Object} tabletPortrait - An object indicating that only the 'Tablet Portrait' type is accepted.\n\t * @description {string} tabletPortrait.only - A string that utilizes the {@link generateMedia} function.\n\t * @description {string} tabletPortrait.up - A string that utilizes the {@link generateMedia} function.\n\t *\n\t */ tabletPortrait: tabletPortraitMedia,\n /**\n\t * Generates a media query for the **'Tablet Landscape'** theme function.\n\t *\n\t * @description {Object} tabletLandscape - An object indicating that only the 'Tablet Landscape' type is accepted.\n\t * @description {string} tabletLandscape.only - A string that utilizes the {@link generateMedia} function.\n\t * @description {string} tabletLandscape.up - A string that utilizes the {@link generateMedia} function.\n\t *\n\t */ tabletLandscape: tabletLandscapeMedia,\n /**\n\t * Generates a media query for the **'Desktop'** theme function.\n\t *\n\t * @description{Object} desktop - An object indicating that only the 'Desktop' type is accepted.\n\t * @description {string} desktop.only - A string that utilizes the {@link generateMedia} function.\n\t * @description {string} desktop.up - A string that utilizes the {@link generateMedia} function.\n\t *\n\t */ desktop: desktopMedia,\n /**\n\t * Generates a media query for the **'Big Desktop'** theme function.\n\t *\n\t * @description {Object} bigDesktop - An object indicating that only the 'Big Desktop' type is accepted.\n\t * @description {string} bigDesktop.up - A string that utilizes the {@link generateMedia} function.\n\t *\n\t */ bigDesktop: bigDesktopMedia,\n /**\n\t * Generate a media query for the **'custom'** theme function, depending on the number of pixels indicated.\n\t * @param {string | number} customWidth - The width value or range for the media query, in pixels.\n\t * @returns {string} A media query like '@media (width >= customWidth)', It represents that it accepts everything above that 'customWidth' pixels.\n\t * @example\n\t * // Usage in a styled component\n\t * ${({ theme }) => theme.media.custom('768px')} {\n\t * background-color: red;\n\t * }\n\t *\n\t * // customWidth is the number of pixels from where the media query is applied\n\t * ${({ theme }) => theme.media.custom('920px')} {\n\t * background-color: red;\n\t * }\n\t *\n\t * // Usage with both minimum and maximum width\n\t * ${({ theme }) => theme.media.custom('724px', '1024px')} {\n\t * background-color: red;\n\t * }\n\t * @link https://confluence.logitravelgroup.com/display/FRONT/%5BFRONT%5D%5BBABY%5DDOC%5D+Media+Queries\n\t */ custom: customMedia\n};\nconst media = {\n ...deprecatedMedia,\n ...currentMedia\n};\n\nexport { media as default };\n","import breakpoints from './breakpoints.mjs';\nimport media from './media.mjs';\n\nconst createTheme = (theme)=>({\n ...theme,\n media,\n breakpoints\n });\n\nexport { createTheme as default };\n","const fontsCss = `\n@font-face {\n font-family: 'Roboto';\n src: url('//cdn.logitravel.com/responsive/assets/font/roboto/Roboto-Light.woff') format('woff');\n font-weight: 300;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Roboto';\n src: url('//cdn.logitravel.com/responsive/assets/font/roboto/Roboto-Regular.woff') format('woff');\n font-weight: 400;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Roboto';\n src: url('//cdn.logitravel.com/responsive/assets/font/roboto/Roboto-Medium.woff') format('woff');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Roboto';\n src: url('//cdn.logitravel.com/responsive/assets/font/roboto/Roboto-Bold.woff') format('woff');\n font-weight: 700;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Poppins';\n src: url('//cdn.logitravel.com/responsive/assets/font/poppins/Poppins-Medium.woff') format('woff');\n font-weight: 500;\n font-style: normal;\n font-display: swap;\n}\n\n@font-face {\n font-family: 'Poppins';\n src: url('//cdn.logitravel.com/responsive/assets/font/poppins/Poppins-SemiBold.woff') format('woff');\n font-weight: 600;\n font-style: normal;\n font-display: swap;\n}\n`;\n\nexport { fontsCss as default };\n","import { ThemeId } from '../../../types/theme.mjs';\nimport createTheme from '../../../common/create-theme.mjs';\nimport fontsCss from './fonts.css.mjs';\n\n/**\n * Colors\n */ const primary = {\n base: '#003366',\n light: '#005591',\n lighter: '#2980b9',\n lightest: '#dcebf4'\n};\nconst secondary = {\n base: '#faaf05',\n dark: '#eba405',\n light: '#fef5e1'\n};\nconst grays = {\n base: '#a8a8a8',\n lightestL: '#dcdcdc',\n light: '#e9e9e9',\n lighter: '#f2f2f2',\n lightest: '#fafafa',\n dark: '#757575',\n darker: '#3c3c3c'\n};\nconst white = {\n base: '#ffffff',\n lowest: 'rgba(255,255,255,0.92)',\n lower: 'rgba(255,255,255,0.78)',\n low: 'rgba(255,255,255,0.56)',\n high: 'rgba(255,255,255,0.24)',\n higher: 'rgba(255,255,255,0.12)'\n};\nconst black = {\n base: '#000000',\n lowest: 'rgba(0,0,0,0.88)',\n lower: 'rgba(0,0,0,0.72)',\n low: 'rgba(0,0,0,0.56)',\n high: 'rgba(0,0,0,0.32)',\n higher: 'rgba(0,0,0,0.12)'\n};\nconst text = {\n dark: grays.darker,\n light: grays.dark\n};\nconst title = {\n base: grays.darker,\n negative: white.base\n};\nconst thirdParty = {\n facebook: '#3b5998',\n googleplus: '#dd4b39',\n twitter: '#0F1419',\n youtube: '#cc181e',\n tripadvisor: '#589442',\n paypal: '#0079c1',\n pinterest: '#e60023',\n whatsapp: '#4fb153',\n linkedin: '#0077b5',\n instagram: '#d93175',\n vk: '#507299',\n trustedshops: '#ffdc0f'\n};\nconst status = {\n info: '#005591',\n success: '#27ae60',\n warning: '#f0ad4e',\n error: '#dc2314',\n danger: '#dc2314',\n offer: '#bf2616',\n highlighted: '#00a254',\n complementary: '#e67e22',\n complementary2: '#e74c3c'\n};\nconst trustpilot = {\n trustpilot: '#e5e5e5',\n trustpilot1: '#ff3722',\n trustpilot2: '#ff8622',\n trustpilot3: '#ffce00',\n trustpilot4: '#73cf11',\n trustpilot5: '#00b67a'\n};\nconst counter = {\n base: primary.light,\n background: white.base,\n disabled: grays.base,\n disabledBg: white.base,\n hover: white.base,\n hoverBg: primary.light,\n focus: white.base,\n focusBg: primary.light\n};\nconst buttonModal = {\n base: white.base,\n background: secondary.base\n};\nconst headerSuggestionSearcher = {\n base: grays.base,\n background: grays.lighter\n};\nconst rating = {\n base: secondary.base,\n 5: '#a5917d',\n 7: primary.lighter,\n 9: status.highlighted\n};\nconst price = {\n base: secondary.base,\n negative: white.base\n};\nconst bodyBgColor = '#f8f8f8';\nconst colors = {\n primary,\n secondary,\n grays,\n white,\n black,\n text,\n title,\n thirdParty,\n price,\n status,\n rating,\n trustpilot,\n counter,\n buttonModal,\n headerSuggestionSearcher\n};\n/**\n * Fonts\n */ const fontSize = {\n smaller: '10px',\n small: '12px',\n medium: '14px',\n base: '16px',\n large: '20px',\n larger: '24px',\n largest: '32px',\n xl: '40px',\n xxl: '60px'\n};\nconst fontWeight = {\n light: 300,\n regular: 400,\n medium: 500,\n semiBold: 600,\n bold: 700\n};\nconst fontHeight = {\n smaller: '14px',\n small: '16px',\n medium: '18px',\n base: '20px',\n large: '24px',\n larger: '28px',\n largest: '36px',\n xl: '48px',\n xxl: '68px'\n};\nconst fontFamily = {\n primary: '\"Roboto\", sans-serif',\n secondary: '\"Poppins\", sans-serif'\n};\nconst font = {\n size: fontSize,\n weight: fontWeight,\n height: fontHeight,\n family: fontFamily\n};\n/**\n * Others\n */ const borderColor = {\n dark: grays.base,\n base: grays.light,\n light: grays.lighter\n};\nconst borderRadius = {\n rounded: '5px',\n circle: '50%'\n};\nconst border = {\n color: borderColor,\n radius: borderRadius\n};\nconst borderRadiusCounter = '50%';\nconst containerMaxWidth = '1500px';\nconst container = {\n maxWidth: containerMaxWidth\n};\nconst zIndex = {\n lowest: 1000,\n lower: 1030,\n low: 1040,\n base: 1050,\n high: 1060,\n higher: 1070,\n highest: 1100\n};\nconst logitravelDesktop = {\n bodyBgColor,\n colors,\n font,\n border,\n borderRadiusCounter,\n container,\n zIndex\n};\nconst fontSizeMobile = {\n ...fontSize,\n smaller: '11px',\n small: '13px',\n medium: '15px',\n base: '17px'\n};\nconst fontMobile = {\n ...font,\n size: fontSizeMobile\n};\nconst logitravelMobile = {\n bodyBgColor,\n colors,\n font: fontMobile,\n border,\n borderRadiusCounter,\n container,\n zIndex\n};\nconst logitravel = createTheme({\n id: ThemeId.logitravel,\n desktop: logitravelDesktop,\n mobile: logitravelMobile,\n fontsCss\n});\n\nexport { logitravel as default };\n","const nullFunction = ()=>null;\nfunction nullsToUndefined(obj) {\n if (obj === null || obj === undefined) {\n return undefined;\n }\n if (obj.constructor.name === 'Object') {\n for(let key in obj){\n obj[key] = nullsToUndefined(obj[key]);\n }\n }\n return obj;\n}\n\nexport { nullFunction, nullsToUndefined };\n","/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue(arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(null, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import styled from 'styled-components';\n\nconst ImageStyled = /*#__PURE__*/ styled.figure.withConfig({\n displayName: \"ImageStyled\",\n componentId: \"sc-6c5caff0-0\"\n})([\n `img{max-width:100%;height:auto;transition:opacity 600ms;opacity:0;}.lazy-loaded{opacity:1;}`\n]);\n\nexport { ImageStyled };\n","const AMAZON_AWS_DOMAIN = 'amazonaws.com';\nfunction hasDomain(src, mscdn, quality) {\n let jpegQuality = src.includes('?') ? `&jpegQuality=${quality}` : `?jpegQuality=${quality}`;\n if (!quality) jpegQuality = '';\n if (src.startsWith('http') || src.startsWith('//')) return `${src}${jpegQuality}`;\n return `${mscdn}/${src}${jpegQuality}`;\n}\nfunction getDomainAmazonAWS(src) {\n return hasDomain(src, 'https:/');\n}\nfunction getResizeUrl({ operation = 'resize', suboperation = 'crop', width, height, quality = 85 }, mscdn = '//cdn.logitravel.com', url = '') {\n let filteredUrl = url;\n if (filteredUrl.startsWith('cdn.logitravel.com')) filteredUrl = url.substring(18);\n if (filteredUrl.startsWith('https:')) filteredUrl = url.substring(6);\n if (filteredUrl.startsWith('http:')) filteredUrl = url.substring(5);\n if (!filteredUrl.includes(AMAZON_AWS_DOMAIN)) filteredUrl = hasDomain(filteredUrl, mscdn);\n const params = [\n `${mscdn}/wsimgresize`,\n operation && `/${operation}`,\n suboperation && `/${suboperation}`,\n width && `/${width}`,\n height && `/${height}`,\n `/${filteredUrl}`,\n quality && `?jpegQuality=${quality}`\n ];\n return params.join('');\n}\n\nexport { AMAZON_AWS_DOMAIN, getDomainAmazonAWS, getResizeUrl, hasDomain };\n","import contextBabylon from '@babylon/ui-kit-context';\nimport { useContext } from 'react';\nimport { getResizeUrl, hasDomain } from './utils.mjs';\n\nconst useImage = (src, resize, defaultQuality)=>{\n const context = useContext(contextBabylon);\n const mscdn = context.Cdn.startsWith('http') ? context.Cdn.substring(6) : context.Cdn;\n if (!src) return '';\n if (resize) return getResizeUrl(resize, mscdn, src);\n return hasDomain(src, mscdn, defaultQuality);\n};\n\nexport { useImage as default };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport classNames from 'classnames';\nimport { useState, useRef, useCallback, useEffect } from 'react';\nimport { ImageStyled } from './styled.mjs';\nimport useImage from './useImage.mjs';\n\nconst Image = ({ src, resize, isLazy, width, height, defaultQuality = 85, alt, alternative, className, content, link, ...rest })=>{\n const [isLoaded, setLoaded] = useState(!isLazy);\n const imageRef = useRef(null);\n const lockHandleError = useRef(false);\n const onImageLoad = useCallback(()=>setLoaded(true), []);\n const hasSrcResize = useImage(src, resize, defaultQuality);\n const hasAlternativeResize = useImage(alternative ?? '', resize, defaultQuality);\n const handleOnError = ()=>{\n if (imageRef.current?.src && !lockHandleError.current) {\n lockHandleError.current = true;\n imageRef.current.onerror = null;\n imageRef.current.src = hasAlternativeResize;\n }\n };\n const image = /*#__PURE__*/ jsx(\"img\", {\n loading: isLazy ? 'lazy' : undefined,\n width: width ?? resize?.width,\n height: height ?? resize?.height,\n src: hasSrcResize,\n alt: alt ?? '',\n \"data-alternative\": hasAlternativeResize,\n onError: handleOnError,\n \"data-lazy\": isLazy,\n \"data-testid\": \"Image\",\n ref: imageRef,\n onLoad: onImageLoad,\n className: classNames({\n 'lazy-loaded': isLoaded\n })\n });\n useEffect(()=>{\n if (!imageRef.current) return;\n if (imageRef.current.complete) {\n setLoaded(true);\n }\n }, []);\n const wrapperProps = nullsToUndefined({\n className,\n ...rest\n });\n const figure = /*#__PURE__*/ jsxs(ImageStyled, {\n ...!link && wrapperProps,\n \"data-testid\": \"ImageStyled\",\n children: [\n image,\n content && /*#__PURE__*/ jsx(\"figcaption\", {\n \"data-testid\": \"Figcaption\",\n children: content\n })\n ]\n });\n return link ? /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(link),\n ...wrapperProps,\n \"data-testid\": \"ImageLink\",\n children: figure\n }) : figure;\n};\n\nexport { Image as default };\n","import { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst CertificationCardItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"CertificationCardItem\",\n componentId: \"sc-6e86ec5-0\"\n})([\n `flex-basis:5%;flex-grow:1;flex-shrink:1;line-height:unset;overflow:hidden;padding:0 12px;text-align:center;`,\n `{img{width:auto;margin:0 auto;}}`\n], ImageStyled);\nconst CertificationCardDescription = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"CertificationCardDescription\",\n componentId: \"sc-6e86ec5-1\"\n})([\n ``,\n ` color:`,\n `;display:block;margin-top:8px;`\n], FontMixin({\n size: 'small',\n height: 'medium',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.base);\nconst CertificationCardLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"CertificationCardLink\",\n componentId: \"sc-6e86ec5-2\"\n})([\n ``,\n ``\n], FontMixin({\n height: 'large'\n}));\n\nexport { CertificationCardDescription, CertificationCardItem, CertificationCardLink };\n","import { jsx, Fragment, jsxs } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { CertificationCardItem, CertificationCardLink, CertificationCardDescription } from './styled.mjs';\n\nconst CertificationCard = ({ src, alt, descriptions, link, image, className, ...rest })=>/*#__PURE__*/ jsx(Fragment, {\n children: link ? /*#__PURE__*/ jsx(CertificationCardItem, {\n \"data-testid\": \"CertificationCardItem\",\n className: className,\n ...rest,\n children: /*#__PURE__*/ jsxs(CertificationCardLink, {\n ...nullsToUndefined(link),\n children: [\n image ? /*#__PURE__*/ jsx(Image, {\n ...image\n }) : /*#__PURE__*/ jsx(Image, {\n src: src,\n alt: alt\n }),\n /*#__PURE__*/ jsx(CertificationCardDescription, {\n children: descriptions.content\n })\n ]\n })\n }) : /*#__PURE__*/ jsxs(CertificationCardItem, {\n \"data-testid\": \"CertificationCardItem\",\n className: className,\n ...rest,\n children: [\n image ? /*#__PURE__*/ jsx(Image, {\n ...image\n }) : /*#__PURE__*/ jsx(Image, {\n src: src,\n alt: alt\n }),\n /*#__PURE__*/ jsx(CertificationCardDescription, {\n children: descriptions.content\n })\n ]\n })\n });\n\nexport { CertificationCard as default };\n","import styled from 'styled-components';\n\nconst Container = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Container\",\n componentId: \"sc-26a20a38-0\"\n})([\n `position:relative;max-width:`,\n `;width:100%;margin:`,\n ` auto `,\n `;padding:`,\n ` 20px;`\n], (props)=>props.theme.container.maxWidth, ({ mt = 0 })=>`${mt}px`, ({ mb = 0 })=>`${mb}px`, ({ py = 0 })=>`${py}px`);\n\nexport { Container };\n","import { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst ListCertification = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ListCertification\",\n componentId: \"sc-502fb024-0\"\n})([\n `border-top:1px solid `,\n `;padding:16px 0;`\n], ({ theme })=>theme.colors.grays.light);\nconst ListCertificationList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"ListCertificationList\",\n componentId: \"sc-502fb024-1\"\n})([\n ``,\n ` margin:0;`\n], FlexMixin({}));\n\nexport { ListCertification, ListCertificationList };\n","import { jsx } from 'react/jsx-runtime';\nimport CertificationCard from '@babylon/ui-kit-cards/components/cards/certification-card';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { Children } from 'react';\nimport { ListCertification as ListCertification$1, ListCertificationList } from './styled.mjs';\n\nconst ListCertification = ({ props, className = '' })=>{\n const { items = [] } = props;\n return /*#__PURE__*/ jsx(ListCertification$1, {\n children: /*#__PURE__*/ jsx(Container, {\n children: /*#__PURE__*/ jsx(ListCertificationList, {\n \"data-testid\": \"ListCertificationList\",\n className: className,\n children: Children.toArray(items.map((item)=>/*#__PURE__*/ jsx(CertificationCard, {\n ...item,\n \"data-testid\": \"ListCertificationItem\"\n })))\n })\n })\n });\n};\n\nexport { ListCertification as default };\n","import { css } from 'styled-components';\n\nconst GridMixin = ({ cols, gap })=>/*#__PURE__*/ css([\n `display:grid;grid-template-columns:repeat(`,\n `,minmax(calc(`,\n `% - `,\n `),1fr));`,\n `;`\n ], cols, 100 / cols, gap, gap && `gap: ${gap};`);\n\nexport { GridMixin };\n","import { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { GridMixin } from '@babylon/ui-kit-styles/common/mixins/grid.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Footer = /*#__PURE__*/ styled.footer.withConfig({\n displayName: \"Footer\",\n componentId: \"sc-e57bac35-0\"\n})([\n ``,\n ``\n], FlexMixin({\n direction: 'column'\n}));\nconst FooterMain = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"FooterMain\",\n componentId: \"sc-e57bac35-1\"\n})([\n `background-color:`,\n `;border-top:4px solid `,\n `;min-height:150px;padding-top:28px;`\n], (props)=>props.theme.colors.primary.base, (props)=>props.theme.colors.primary.light);\nconst FooterGrid = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"FooterGrid\",\n componentId: \"sc-e57bac35-2\"\n})([\n ``,\n ` padding:0 4px;`,\n `{margin:0 12px;}`\n], GridMixin({\n cols: 4,\n gap: '16px'\n}), ({ theme })=>theme.media.up('lg'));\nconst Heading = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"Heading\",\n componentId: \"sc-e57bac35-3\"\n})([\n ``,\n ` color:`,\n `;margin:0 0 24px;position:relative;text-transform:uppercase;&::after{background-color:`,\n `;bottom:-12px;content:'';height:2px;left:0;position:absolute;width:40px;}`\n], FontMixin({\n size: 'medium',\n height: 'smaller',\n weight: 'medium'\n}), (props)=>props.theme.colors.white.lowest, (props)=>props.theme.colors.secondary.base);\nconst Logos = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"Logos\",\n componentId: \"sc-e57bac35-4\"\n})([\n ``,\n ` background-color:`,\n `;padding:12px 0 10px 0;width:100%;`,\n `{padding:12px 0;}`\n], FlexMixin({\n align: 'center',\n justify: 'center',\n wrap: true\n}), (props)=>props.theme.colors.black.high, ({ theme })=>theme.media.up('xl'));\nconst Logo = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"Logo\",\n componentId: \"sc-e57bac35-5\"\n})([\n `margin-bottom:5px;`,\n `{margin-bottom:0;}`,\n ` img{height:32px;object-fit:contain;object-position:center center;}`\n], ({ theme })=>theme.media.up('xl'), ImageStyled);\nconst Legal = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"Legal\",\n componentId: \"sc-e57bac35-6\"\n})([\n ``,\n ` border-top:1px solid `,\n `;margin-top:24px;padding:16px 0;text-align:center;p{display:inline-block;}span{margin:0 4px;}`\n], FlexMixin({\n align: 'center',\n justify: 'center',\n wrap: true\n}), (props)=>props.theme.colors.white.higher);\nconst LegalItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"LegalItem\",\n componentId: \"sc-e57bac35-7\"\n})([\n ``,\n ` color:`,\n `;`\n], FontMixin({\n size: 'small',\n height: 'medium',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base);\nconst Internationals = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"Internationals\",\n componentId: \"sc-e57bac35-8\"\n})([\n ``,\n ``\n], FlexMixin({\n wrap: true\n}));\nconst International = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"International\",\n componentId: \"sc-e57bac35-9\"\n})([\n `flex-basis:100%;`,\n `{flex-basis:50%;}a{`,\n ` `,\n ` color:`,\n `;}`,\n ` img{width:20px;margin-right:12px;}`\n], ({ theme })=>theme.media.up('lg'), FlexMixin(), FontMixin({\n size: 'small',\n height: 'large',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base, ImageStyled);\nconst Block = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Block\",\n componentId: \"sc-e57bac35-10\"\n})([\n ``,\n ` `,\n ``\n], FlexMixin({\n direction: 'column'\n}), (props)=>props.ml ? `margin-left: ${props.ml}` : '');\nconst BlockList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"BlockList\",\n componentId: \"sc-e57bac35-11\"\n})([\n `li{`,\n `}a{`,\n ` color:`,\n `;}`\n], FontMixin({\n height: 'base'\n}), FontMixin({\n size: 'small',\n height: 'large',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base);\nconst SocialMedias = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"SocialMedias\",\n componentId: \"sc-e57bac35-12\"\n})([\n ``,\n ``\n], FlexMixin({\n wrap: true\n}));\nconst SocialMedia = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"SocialMedia\",\n componentId: \"sc-e57bac35-13\"\n})([\n ``,\n ` background-color:`,\n `;border-radius:`,\n `;color:`,\n `;height:36px;margin-bottom:12px;margin-right:8px;width:36px;`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), (props)=>props.theme.colors.thirdParty[props.bg], (props)=>props.theme.border.radius.circle, (props)=>props.theme.colors.white.base);\nconst Blog = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Blog\",\n componentId: \"sc-e57bac35-14\"\n})([\n `margin-top:auto;p{`,\n ` color:`,\n `;margin-bottom:8px;}`\n], FontMixin({\n size: 'small',\n weight: 'light',\n height: 'smaller'\n}), (props)=>props.theme.colors.white.base);\n\nexport { Block, BlockList, Blog, Footer, FooterGrid, FooterMain, Heading, International, Internationals, Legal, LegalItem, Logo, Logos, SocialMedia, SocialMedias };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport ListCertification from '@babylon/ui-kit-common/components/others/list-certification';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { Children } from 'react';\nimport { Footer, FooterMain, FooterGrid, Logos, Logo, Legal, LegalItem, Block, Heading, Internationals, International, SocialMedias, SocialMedia, BlockList, Blog } from './styled.mjs';\n\nconst renderBlock = (data)=>data && /*#__PURE__*/ jsxs(Block, {\n children: [\n /*#__PURE__*/ jsx(Heading, {\n children: data.heading.content\n }),\n /*#__PURE__*/ jsx(BlockList, {\n children: Children.toArray(data.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: /*#__PURE__*/ jsx(\"span\", {\n children: item.content\n })\n })\n })))\n })\n ]\n });\nconst FooterLogitravelDesktop = ({ props })=>{\n const { logos, legal, policy, about, international, rrss, blog, certifications = null } = props;\n const renderLogos = ()=>logos && /*#__PURE__*/ jsx(Logos, {\n children: Children.toArray(logos.items.map((logo)=>/*#__PURE__*/ jsx(Logo, {\n children: /*#__PURE__*/ jsx(Image, {\n ...logo,\n width: 95,\n height: 32,\n isLazy: true\n })\n })))\n });\n const renderLegal = ()=>legal && /*#__PURE__*/ jsx(Legal, {\n children: Children.toArray(legal.description.map((description)=>/*#__PURE__*/ jsx(LegalItem, {\n children: description.content\n })))\n });\n const renderPolicy = ()=>renderBlock(policy);\n const renderAbout = ()=>renderBlock(about);\n const renderInternational = ()=>international && /*#__PURE__*/ jsxs(Block, {\n children: [\n /*#__PURE__*/ jsx(Heading, {\n children: international.heading.content\n }),\n /*#__PURE__*/ jsx(Internationals, {\n children: Children.toArray(international.items.map((item)=>/*#__PURE__*/ jsx(International, {\n children: /*#__PURE__*/ jsxs(\"a\", {\n href: item.href,\n title: item.title,\n children: [\n /*#__PURE__*/ jsx(Image, {\n alt: item.display_code,\n isLazy: true,\n width: 20,\n height: 20,\n src: `/comun/images2012/flags/squared/${item.display_code}.svg`\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: item.content\n })\n ]\n })\n })))\n })\n ]\n });\n const renderBlog = ()=>blog && /*#__PURE__*/ jsxs(Blog, {\n children: [\n /*#__PURE__*/ jsx(\"p\", {\n children: blog.heading.content\n }),\n /*#__PURE__*/ jsx(Image, {\n ...blog.image,\n resize: {\n width: 95,\n height: 35\n },\n width: 95,\n height: 35,\n isLazy: true\n })\n ]\n });\n const renderRrss = ()=>rrss && /*#__PURE__*/ jsxs(Block, {\n ml: 'auto',\n children: [\n /*#__PURE__*/ jsx(Heading, {\n children: rrss.heading.content\n }),\n /*#__PURE__*/ jsx(SocialMedias, {\n children: Children.toArray(rrss.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: /*#__PURE__*/ jsx(SocialMedia, {\n className: `nico-${item.content ?? ''}`,\n bg: item.content ?? '#000'\n })\n })\n })))\n }),\n renderBlog()\n ]\n });\n return /*#__PURE__*/ jsxs(Footer, {\n \"data-testid\": \"Footer\",\n children: [\n certifications && /*#__PURE__*/ jsx(ListCertification, {\n props: certifications\n }),\n /*#__PURE__*/ jsxs(FooterMain, {\n children: [\n /*#__PURE__*/ jsxs(Container, {\n children: [\n /*#__PURE__*/ jsxs(FooterGrid, {\n children: [\n renderPolicy(),\n renderAbout(),\n renderInternational(),\n renderRrss()\n ]\n }),\n renderLegal()\n ]\n }),\n renderLogos()\n ]\n })\n ]\n });\n};\n\nexport { FooterLogitravelDesktop as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Footer = /*#__PURE__*/ styled.footer.withConfig({\n displayName: \"Footer\",\n componentId: \"sc-e7f1bf7d-0\"\n})([\n `background-color:`,\n `;`,\n ``\n], (props)=>props.theme.colors.primary.base, FlexMixin({\n direction: 'column',\n align: 'center'\n}));\nconst FooterBlock = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"FooterBlock\",\n componentId: \"sc-e7f1bf7d-1\"\n})([\n ``,\n ` padding:10px;&:first-of-type{padding-top:20px;}&:last-of-type{padding-bottom:20px;}`\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}));\nconst BlockTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"BlockTitle\",\n componentId: \"sc-e7f1bf7d-2\"\n})([\n `color:`,\n `;`,\n ` margin-bottom:8px;padding-bottom:8px;position:relative;text-transform:uppercase;&::after{content:'';position:absolute;bottom:0;left:calc(50% - 16px);width:32px;height:2px;background-color:`,\n `;}`\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'medium',\n weight: 'medium',\n height: 'base'\n}), (props)=>props.theme.colors.secondary.base);\nconst BlockContent = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"BlockContent\",\n componentId: \"sc-e7f1bf7d-3\"\n})([\n ``,\n ` li{padding:8px;}a{color:`,\n `;display:block;`,\n ` padding:6px 8px;opacity:1;transition:opacity 0.3s;&:hover{opacity:0.7;}}i{`,\n ` `,\n `}`\n], FlexMixin({\n wrap: true,\n justify: 'center'\n}), ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'small',\n weight: 'light',\n height: 'medium'\n}), FontMixin({\n size: 'larger',\n weight: 'regular',\n height: 'large'\n}), FlexMixin({\n align: 'center',\n justify: 'center'\n}));\nconst InternationalBlockContent = /*#__PURE__*/ styled(BlockContent).withConfig({\n displayName: \"InternationalBlockContent\",\n componentId: \"sc-e7f1bf7d-4\"\n})([\n ``,\n ` li{flex:0 1 calc(100% / 3);text-align:center;}`\n], FlexMixin({\n justify: 'flex-start',\n wrap: true\n}));\nconst FooterBottomBlock = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"FooterBottomBlock\",\n componentId: \"sc-e7f1bf7d-5\"\n})([\n `padding:20px 16px;text-align:center;width:100%;background-color:`,\n `;figure{`,\n ` margin-bottom:12px;height:24px;img{height:21px;width:120px;}}`\n], (props)=>props.theme.colors.black.higher, FlexMixin({\n justify: 'center'\n}));\nconst Legal = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"Legal\",\n componentId: \"sc-e7f1bf7d-6\"\n})([\n `color:`,\n `;`,\n ``\n], (props)=>props.theme.colors.white.base, FontMixin({\n size: 'small',\n weight: 'light',\n height: 'medium'\n}));\n\nexport { BlockContent, BlockTitle, Footer, FooterBlock, FooterBottomBlock, InternationalBlockContent, Legal };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { Children } from 'react';\nimport { Footer, FooterBlock, BlockTitle, BlockContent, InternationalBlockContent, FooterBottomBlock, Legal } from './styled.mjs';\n\nconst FooterLogitravelMobile = ({ props: { legal, policy, about, international, rrss } })=>/*#__PURE__*/ jsxs(Footer, {\n \"data-testid\": \"Footer\",\n children: [\n /*#__PURE__*/ jsxs(\"div\", {\n children: [\n rrss && /*#__PURE__*/ jsxs(FooterBlock, {\n children: [\n /*#__PURE__*/ jsx(BlockTitle, {\n children: rrss.heading.content\n }),\n /*#__PURE__*/ jsx(BlockContent, {\n \"data-testid\": \"FooterRRSS\",\n children: Children.toArray(rrss.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: /*#__PURE__*/ jsx(\"i\", {\n className: `nico-${item.content ?? ''}`\n })\n })\n })))\n })\n ]\n }),\n /*#__PURE__*/ jsxs(FooterBlock, {\n children: [\n /*#__PURE__*/ jsx(BlockTitle, {\n children: about.heading.content\n }),\n /*#__PURE__*/ jsx(BlockContent, {\n children: Children.toArray(about.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: item.content\n })\n })))\n })\n ]\n }),\n /*#__PURE__*/ jsxs(FooterBlock, {\n children: [\n /*#__PURE__*/ jsx(BlockTitle, {\n children: policy.heading.content\n }),\n /*#__PURE__*/ jsx(BlockContent, {\n children: Children.toArray(policy.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: item.content\n })\n })))\n })\n ]\n }),\n /*#__PURE__*/ jsxs(FooterBlock, {\n children: [\n /*#__PURE__*/ jsx(BlockTitle, {\n children: international.heading.content\n }),\n /*#__PURE__*/ jsx(InternationalBlockContent, {\n children: Children.toArray(international.items.map((item)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: item.href,\n title: item.title,\n children: item.content\n })\n })))\n })\n ]\n })\n ]\n }),\n /*#__PURE__*/ jsxs(FooterBottomBlock, {\n children: [\n /*#__PURE__*/ jsx(Image, {\n src: \"/comun/images/logos/svg/logitravel_neg.svg\",\n alt: \"logo\",\n isLazy: true,\n width: 120,\n height: 21,\n resize: {\n width: 120,\n height: 21\n }\n }),\n Children.toArray(legal.description.map((item)=>/*#__PURE__*/ jsx(Legal, {\n children: item.content\n })))\n ]\n })\n ]\n });\n\nexport { FooterLogitravelMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport FooterLogitravelDesktop from './views/desktop/index.mjs';\nimport FooterLogitravelMobile from './views/mobile/index.mjs';\n\nconst FooterLogitravel = generateViewsComponent(FooterLogitravelDesktop, FooterLogitravelMobile);\n\nexport { FooterLogitravel as default };\n","var e={\"\":[\"\",\"\"],_:[\"\",\"\"],\"*\":[\"\",\"\"],\"~\":[\"\",\"\"],\"\\n\":[\"
\"],\" \":[\"
\"],\"-\":[\"
\"]};function n(e){return e.replace(RegExp(\"^\"+(e.match(/^(\\t| )+/)||\"\")[0],\"gm\"),\"\")}function r(e){return(e+\"\").replace(/\"/g,\""\").replace(//g,\">\")}export default function t(a,c){var o,l,g,s,p,u=/((?:^|\\n+)(?:\\n---+|\\* \\*(?: \\*)+)\\n)|(?:^``` *(\\w*)\\n([\\s\\S]*?)\\n```$)|((?:(?:^|\\n+)(?:\\t| {2,}).+)+\\n*)|((?:(?:^|\\n)([>*+-]|\\d+\\.)\\s+.*)+)|(?:!\\[([^\\]]*?)\\]\\(([^)]+?)\\))|(\\[)|(\\](?:\\(([^)]+?)\\))?)|(?:(?:^|\\n+)([^\\s].*)\\n(-{3,}|={3,})(?:\\n+|$))|(?:(?:^|\\n+)(#{1,6})\\s*(.+)(?:\\n+|$))|(?:`([^`].*?)`)|( \\n\\n*|\\n{2,}|__|\\*\\*|[_*]|~~)/gm,m=[],h=\"\",i=c||{},d=0;function f(n){var r=e[n[1]||\"\"],t=m[m.length-1]==n;return r?r[1]?(t?m.pop():m.push(n),r[0|t]):r[0]:n}function $(){for(var e=\"\";m.length;)e+=f(m[m.length-1]);return e}for(a=a.replace(/^\\[(.+?)\\]:\\s*(.+)$/gm,function(e,n,r){return i[n.toLowerCase()]=r,\"\"}).replace(/^\\n+|\\n+$/g,\"\");g=u.exec(a);)l=a.substring(d,g.index),d=u.lastIndex,o=g[0],l.match(/[^\\\\](\\\\\\\\)*\\\\$/)||((p=g[3]||g[4])?o='
\"+n(r(p).replace(/^\\n+|\\n+$/g,\"\"))+\"
\":(p=g[6])?(p.match(/\\./)&&(g[5]=g[5].replace(/^\\d+/gm,\"\")),s=t(n(g[5].replace(/^\\s*[>*+.-]/gm,\"\"))),\">\"==p?p=\"blockquote\":(p=p.match(/\\./)?\"ol\":\"ul\",s=s.replace(/^(.*)(\\n|$)/gm,\"
  • $1
  • \")),o=\"<\"+p+\">\"+s+\"\"):g[8]?o='\"'+r(g[7])+'\"':g[10]?(h=h.replace(\"\",''),o=$()+\"\"):g[9]?o=\"\":g[12]||g[14]?o=\"<\"+(p=\"h\"+(g[14]?g[14].length:g[13]>\"=\"?1:2))+\">\"+t(g[12]||g[15],i)+\"\":g[16]?o=\"\"+r(g[16])+\"\":(g[17]||g[1])&&(o=f(g[17]||\"--\"))),h+=l,h+=o;return(h+a.substring(d)+$()).replace(/^\\n+|\\n+$/g,\"\")}\n//# sourceMappingURL=snarkdown.es.js.map\n","import snarkdown from 'snarkdown';\n\nconst markdown = (md)=>snarkdown(md);\n\nexport { markdown };\n","import { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Bubble = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Bubble\",\n componentId: \"sc-8fa9e738-0\"\n})([\n ``,\n ` background-color:`,\n `;border-radius:`,\n `;color:`,\n `;margin:0;padding:16px 16px 20px;position:relative;&::after{border:12px solid;border-color:transparent transparent `,\n `;bottom:-12px;content:'';left:52px;position:absolute;transform:rotate(-315deg);}`\n], FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'regular'\n}), (props)=>props.theme.colors.primary.lightest, (props)=>props.theme.border.radius.rounded, (props)=>props.theme.colors.primary.light, (props)=>props.theme.colors.primary.lightest);\nconst BottomSubmenuList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"BottomSubmenuList\",\n componentId: \"sc-8fa9e738-1\"\n})([\n ``,\n ` max-height:200px;.link{`,\n ` color:`,\n `;display:block;&:hover,&:focus,&:active{text-decoration:underline;color:`,\n `;}}`\n], FlexMixin({\n direction: 'column',\n justify: 'space-between',\n wrap: true\n}), FontMixin({\n size: 'medium',\n height: 'larger',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.dark, (props)=>props.theme.colors.grays.darker);\nconst BottomSubmenuLeft = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"BottomSubmenuLeft\",\n componentId: \"sc-8fa9e738-2\"\n})([\n ``,\n ` margin:20px 0 20px 20px;width:100%;`,\n `{margin:28px 4px 28px 28px;}`,\n `{border-right:1px solid `,\n `;margin:32px 16px 32px 32px;width:75%;}&.more-products{.title{margin-bottom:4px;}.sublist{flex:0 0 calc(25% - 24px);margin-bottom:8px;padding-right:24px;}}.sublist{flex-grow:1;flex-shrink:1;flex-basis:5%;&--2{flex-grow:2;}}.title{`,\n ` color:`,\n `;display:block;margin-bottom:8px;padding-right:8px;`,\n `{`,\n `}}.subtitle{`,\n ` color:`,\n `;}a{&:hover,&:focus,&:active{text-decoration:underline;}}`\n], FlexMixin({\n align: 'flex-start',\n wrap: true\n}), ({ theme })=>theme.media.up('lg'), ({ theme })=>theme.media.up('xl'), (props)=>props.theme.border.color.base, FontMixin({\n size: 'base',\n height: 'base',\n weight: 'regular'\n}), (props)=>props.theme.colors.text.dark, ({ theme })=>theme.media.up('lg'), FontMixin({\n size: 'large',\n height: 'large'\n}), FontMixin({\n size: 'small',\n height: 'small',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.dark);\nconst BottomSubmenuRight = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"BottomSubmenuRight\",\n componentId: \"sc-8fa9e738-3\"\n})([\n `overflow:hidden;padding:20px;position:relative;width:25%;`,\n ` img{bottom:-64px;position:absolute;right:-40px;}display:none;`,\n `{display:block;}`\n], ImageStyled, ({ theme })=>theme.media.desktop.up);\nconst BottomSubmenu = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"BottomSubmenu\",\n componentId: \"sc-8fa9e738-4\"\n})([\n ``,\n ` background-color:`,\n `;left:0;max-height:300px;min-height:300px;position:absolute;top:100%;transition:all 0.3s ease-in-out;width:100%;z-index:`,\n `;`,\n `{left:20px;width:calc(100% - 40px);}`\n], FlexMixin({}), (props)=>props.theme.colors.white.base, (props)=>props.theme.zIndex.base, ({ theme })=>theme.media.up('lg'));\n\nexport { BottomSubmenu, BottomSubmenuLeft, BottomSubmenuList, BottomSubmenuRight, Bubble };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { markdown } from '@babylon/ui-kit-helpers/markdown';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { Children } from 'react';\nimport { BottomSubmenu, BottomSubmenuLeft, BottomSubmenuList, BottomSubmenuRight, Bubble } from './styled.mjs';\n\nconst Submenu = ({ secondary_links: { group_links = [] }, extra_content, isMoreProducts })=>{\n const { image, descriptions } = extra_content ?? {};\n return /*#__PURE__*/ jsxs(BottomSubmenu, {\n \"data-testid\": \"Submenu\",\n children: [\n /*#__PURE__*/ jsx(BottomSubmenuLeft, {\n className: isMoreProducts ? 'more-products' : '',\n \"data-testid\": \"SubmenuList\",\n children: Children.toArray(group_links.map(({ headings: { items }, links = [], link })=>/*#__PURE__*/ jsx(\"li\", {\n className: links.length <= 7 ? 'sublist' : 'sublist--2',\n \"data-testid\": \"SubmenuItem\",\n children: !isMoreProducts ? /*#__PURE__*/ jsxs(Fragment, {\n children: [\n items[0].link ? /*#__PURE__*/ jsx(\"a\", {\n className: \"title\",\n ...nullsToUndefined(items[0].link),\n children: items[0].content\n }) : /*#__PURE__*/ jsx(\"span\", {\n className: \"title\",\n children: items[0].content\n }),\n /*#__PURE__*/ jsx(BottomSubmenuList, {\n children: Children.toArray(links.map(({ content, href, title })=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n className: \"link\",\n href: href,\n title: title,\n children: content\n })\n })))\n })\n ]\n }) : /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(\"a\", {\n className: \"title\",\n ...nullsToUndefined(link),\n children: items[0].content\n }),\n items[1]?.content && /*#__PURE__*/ jsx(\"p\", {\n className: \"subtitle\",\n children: items[1].content\n })\n ]\n })\n })))\n }),\n /*#__PURE__*/ jsxs(BottomSubmenuRight, {\n \"data-testid\": \"SubmenuDescriptions\",\n children: [\n descriptions && /*#__PURE__*/ jsx(Bubble, {\n dangerouslySetInnerHTML: {\n __html: markdown(descriptions.items[0].content || '')\n }\n }),\n image && /*#__PURE__*/ jsx(Image, {\n width: 272,\n height: 295,\n resize: {\n width: 272,\n height: 295\n },\n ...image,\n isLazy: true\n })\n ]\n })\n ]\n });\n};\n\nexport { Submenu as default };\n","import styled from 'styled-components';\n\nconst Icon = /*#__PURE__*/ styled.i.withConfig({\n displayName: \"Icon\",\n componentId: \"sc-ea394ad5-0\"\n})([\n ``\n]);\n\nexport { Icon as default };\n","export default function _extends() {\n _extends = Object.assign ? Object.assign.bind() : function (target) {\n for (var i = 1; i < arguments.length; i++) {\n var source = arguments[i];\n for (var key in source) {\n if (Object.prototype.hasOwnProperty.call(source, key)) {\n target[key] = source[key];\n }\n }\n }\n return target;\n };\n return _extends.apply(this, arguments);\n}","export default function _assertThisInitialized(self) {\n if (self === void 0) {\n throw new ReferenceError(\"this hasn't been initialised - super() hasn't been called\");\n }\n return self;\n}","export default function _setPrototypeOf(o, p) {\n _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {\n o.__proto__ = p;\n return o;\n };\n return _setPrototypeOf(o, p);\n}","import setPrototypeOf from \"./setPrototypeOf.js\";\nexport default function _inheritsLoose(subClass, superClass) {\n subClass.prototype = Object.create(superClass.prototype);\n subClass.prototype.constructor = subClass;\n setPrototypeOf(subClass, superClass);\n}","export default function _getPrototypeOf(o) {\n _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) {\n return o.__proto__ || Object.getPrototypeOf(o);\n };\n return _getPrototypeOf(o);\n}","export default function _isNativeFunction(fn) {\n try {\n return Function.toString.call(fn).indexOf(\"[native code]\") !== -1;\n } catch (e) {\n return typeof fn === \"function\";\n }\n}","export default function _isNativeReflectConstruct() {\n try {\n var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {}));\n } catch (t) {}\n return (_isNativeReflectConstruct = function _isNativeReflectConstruct() {\n return !!t;\n })();\n}","import setPrototypeOf from \"./setPrototypeOf.js\";\nimport isNativeReflectConstruct from \"./isNativeReflectConstruct.js\";\nexport default function _construct(t, e, r) {\n if (isNativeReflectConstruct()) return Reflect.construct.apply(null, arguments);\n var o = [null];\n o.push.apply(o, e);\n var p = new (t.bind.apply(t, o))();\n return r && setPrototypeOf(p, r.prototype), p;\n}","import getPrototypeOf from \"./getPrototypeOf.js\";\nimport setPrototypeOf from \"./setPrototypeOf.js\";\nimport isNativeFunction from \"./isNativeFunction.js\";\nimport construct from \"./construct.js\";\nexport default function _wrapNativeSuper(Class) {\n var _cache = typeof Map === \"function\" ? new Map() : undefined;\n _wrapNativeSuper = function _wrapNativeSuper(Class) {\n if (Class === null || !isNativeFunction(Class)) return Class;\n if (typeof Class !== \"function\") {\n throw new TypeError(\"Super expression must either be null or a function\");\n }\n if (typeof _cache !== \"undefined\") {\n if (_cache.has(Class)) return _cache.get(Class);\n _cache.set(Class, Wrapper);\n }\n function Wrapper() {\n return construct(Class, arguments, getPrototypeOf(this).constructor);\n }\n Wrapper.prototype = Object.create(Class.prototype, {\n constructor: {\n value: Wrapper,\n enumerable: false,\n writable: true,\n configurable: true\n }\n });\n return setPrototypeOf(Wrapper, Class);\n };\n return _wrapNativeSuper(Class);\n}","import _extends from '@babel/runtime/helpers/esm/extends';\nimport _assertThisInitialized from '@babel/runtime/helpers/esm/assertThisInitialized';\nimport _inheritsLoose from '@babel/runtime/helpers/esm/inheritsLoose';\nimport _wrapNativeSuper from '@babel/runtime/helpers/esm/wrapNativeSuper';\nimport _taggedTemplateLiteralLoose from '@babel/runtime/helpers/esm/taggedTemplateLiteralLoose';\n\nfunction last() {\n var _ref;\n return _ref = arguments.length - 1, _ref < 0 || arguments.length <= _ref ? undefined : arguments[_ref];\n}\nfunction negation(a) {\n return -a;\n}\nfunction addition(a, b) {\n return a + b;\n}\nfunction subtraction(a, b) {\n return a - b;\n}\nfunction multiplication(a, b) {\n return a * b;\n}\nfunction division(a, b) {\n return a / b;\n}\nfunction max() {\n return Math.max.apply(Math, arguments);\n}\nfunction min() {\n return Math.min.apply(Math, arguments);\n}\nfunction comma() {\n return Array.of.apply(Array, arguments);\n}\nvar defaultSymbols = {\n symbols: {\n '*': {\n infix: {\n symbol: '*',\n f: multiplication,\n notation: 'infix',\n precedence: 4,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: '*',\n regSymbol: '\\\\*'\n },\n '/': {\n infix: {\n symbol: '/',\n f: division,\n notation: 'infix',\n precedence: 4,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: '/',\n regSymbol: '/'\n },\n '+': {\n infix: {\n symbol: '+',\n f: addition,\n notation: 'infix',\n precedence: 2,\n rightToLeft: 0,\n argCount: 2\n },\n prefix: {\n symbol: '+',\n f: last,\n notation: 'prefix',\n precedence: 3,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '+',\n regSymbol: '\\\\+'\n },\n '-': {\n infix: {\n symbol: '-',\n f: subtraction,\n notation: 'infix',\n precedence: 2,\n rightToLeft: 0,\n argCount: 2\n },\n prefix: {\n symbol: '-',\n f: negation,\n notation: 'prefix',\n precedence: 3,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '-',\n regSymbol: '-'\n },\n ',': {\n infix: {\n symbol: ',',\n f: comma,\n notation: 'infix',\n precedence: 1,\n rightToLeft: 0,\n argCount: 2\n },\n symbol: ',',\n regSymbol: ','\n },\n '(': {\n prefix: {\n symbol: '(',\n f: last,\n notation: 'prefix',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: '(',\n regSymbol: '\\\\('\n },\n ')': {\n postfix: {\n symbol: ')',\n f: undefined,\n notation: 'postfix',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: ')',\n regSymbol: '\\\\)'\n },\n min: {\n func: {\n symbol: 'min',\n f: min,\n notation: 'func',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: 'min',\n regSymbol: 'min\\\\b'\n },\n max: {\n func: {\n symbol: 'max',\n f: max,\n notation: 'func',\n precedence: 0,\n rightToLeft: 0,\n argCount: 1\n },\n symbol: 'max',\n regSymbol: 'max\\\\b'\n }\n }\n};\nvar defaultSymbolMap = defaultSymbols;\n\n// based on https://github.com/styled-components/styled-components/blob/fcf6f3804c57a14dd7984dfab7bc06ee2edca044/src/utils/error.js\n/**\n * Parse errors.md and turn it into a simple hash of code: message\n * @private\n */\nvar ERRORS = {\n \"1\": \"Passed invalid arguments to hsl, please pass multiple numbers e.g. hsl(360, 0.75, 0.4) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75 }).\\n\\n\",\n \"2\": \"Passed invalid arguments to hsla, please pass multiple numbers e.g. hsla(360, 0.75, 0.4, 0.7) or an object e.g. rgb({ hue: 255, saturation: 0.4, lightness: 0.75, alpha: 0.7 }).\\n\\n\",\n \"3\": \"Passed an incorrect argument to a color function, please pass a string representation of a color.\\n\\n\",\n \"4\": \"Couldn't generate valid rgb string from %s, it returned %s.\\n\\n\",\n \"5\": \"Couldn't parse the color string. Please provide the color as a string in hex, rgb, rgba, hsl or hsla notation.\\n\\n\",\n \"6\": \"Passed invalid arguments to rgb, please pass multiple numbers e.g. rgb(255, 205, 100) or an object e.g. rgb({ red: 255, green: 205, blue: 100 }).\\n\\n\",\n \"7\": \"Passed invalid arguments to rgba, please pass multiple numbers e.g. rgb(255, 205, 100, 0.75) or an object e.g. rgb({ red: 255, green: 205, blue: 100, alpha: 0.75 }).\\n\\n\",\n \"8\": \"Passed invalid argument to toColorString, please pass a RgbColor, RgbaColor, HslColor or HslaColor object.\\n\\n\",\n \"9\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"10\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"11\": \"Invalid value passed as base to modularScale, expected number or em string but got \\\"%s\\\"\\n\\n\",\n \"12\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"13\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got \\\"%s\\\" instead.\\n\\n\",\n \"14\": \"Passed invalid pixel value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"15\": \"Passed invalid base value (\\\"%s\\\") to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"16\": \"You must provide a template to this method.\\n\\n\",\n \"17\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"18\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"19\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"20\": \"expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"21\": \"expects the objects in the first argument array to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"22\": \"expects the first argument object to have the properties `prop`, `fromSize`, and `toSize`.\\n\\n\",\n \"23\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"24\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"25\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"26\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"27\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"28\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"29\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"30\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"31\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"32\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s')\\n\\n\",\n \"33\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation\\n\\n\",\n \"34\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"35\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"36\": \"Property must be a string value.\\n\\n\",\n \"37\": \"Syntax Error at %s.\\n\\n\",\n \"38\": \"Formula contains a function that needs parentheses at %s.\\n\\n\",\n \"39\": \"Formula is missing closing parenthesis at %s.\\n\\n\",\n \"40\": \"Formula has too many closing parentheses at %s.\\n\\n\",\n \"41\": \"All values in a formula must have the same unit or be unitless.\\n\\n\",\n \"42\": \"Please provide a number of steps to the modularScale helper.\\n\\n\",\n \"43\": \"Please pass a number or one of the predefined scales to the modularScale helper as the ratio.\\n\\n\",\n \"44\": \"Invalid value passed as base to modularScale, expected number or em/rem string but got %s.\\n\\n\",\n \"45\": \"Passed invalid argument to hslToColorString, please pass a HslColor or HslaColor object.\\n\\n\",\n \"46\": \"Passed invalid argument to rgbToColorString, please pass a RgbColor or RgbaColor object.\\n\\n\",\n \"47\": \"minScreen and maxScreen must be provided as stringified numbers with the same units.\\n\\n\",\n \"48\": \"fromSize and toSize must be provided as stringified numbers with the same units.\\n\\n\",\n \"49\": \"Expects either an array of objects or a single object with the properties prop, fromSize, and toSize.\\n\\n\",\n \"50\": \"Expects the objects in the first argument array to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"51\": \"Expects the first argument object to have the properties prop, fromSize, and toSize.\\n\\n\",\n \"52\": \"fontFace expects either the path to the font file(s) or a name of a local copy.\\n\\n\",\n \"53\": \"fontFace expects localFonts to be an array.\\n\\n\",\n \"54\": \"fontFace expects fileFormats to be an array.\\n\\n\",\n \"55\": \"fontFace expects a name of a font-family.\\n\\n\",\n \"56\": \"linearGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"57\": \"radialGradient requries at least 2 color-stops to properly render.\\n\\n\",\n \"58\": \"Please supply a filename to retinaImage() as the first argument.\\n\\n\",\n \"59\": \"Passed invalid argument to triangle, please pass correct pointingDirection e.g. 'right'.\\n\\n\",\n \"60\": \"Passed an invalid value to `height` or `width`. Please provide a pixel based unit.\\n\\n\",\n \"61\": \"Property must be a string value.\\n\\n\",\n \"62\": \"borderRadius expects a radius value as a string or number as the second argument.\\n\\n\",\n \"63\": \"borderRadius expects one of \\\"top\\\", \\\"bottom\\\", \\\"left\\\" or \\\"right\\\" as the first argument.\\n\\n\",\n \"64\": \"The animation shorthand only takes 8 arguments. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"65\": \"To pass multiple animations please supply them in arrays, e.g. animation(['rotate', '2s'], ['move', '1s'])\\\\nTo pass a single animation please supply them in simple values, e.g. animation('rotate', '2s').\\n\\n\",\n \"66\": \"The animation shorthand arrays can only have 8 elements. See the specification for more information: http://mdn.io/animation.\\n\\n\",\n \"67\": \"You must provide a template to this method.\\n\\n\",\n \"68\": \"You passed an unsupported selector state to this method.\\n\\n\",\n \"69\": \"Expected a string ending in \\\"px\\\" or a number passed as the first argument to %s(), got %s instead.\\n\\n\",\n \"70\": \"Expected a string ending in \\\"px\\\" or a number passed as the second argument to %s(), got %s instead.\\n\\n\",\n \"71\": \"Passed invalid pixel value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"72\": \"Passed invalid base value %s to %s(), please pass a value like \\\"12px\\\" or 12.\\n\\n\",\n \"73\": \"Please provide a valid CSS variable.\\n\\n\",\n \"74\": \"CSS variable not found and no default was provided.\\n\\n\",\n \"75\": \"important requires a valid style object, got a %s instead.\\n\\n\",\n \"76\": \"fromSize and toSize must be provided as stringified numbers with the same units as minScreen and maxScreen.\\n\\n\",\n \"77\": \"remToPx expects a value in \\\"rem\\\" but you provided it in \\\"%s\\\".\\n\\n\",\n \"78\": \"base must be set in \\\"px\\\" or \\\"%\\\" but you set it in \\\"%s\\\".\\n\"\n};\n\n/**\n * super basic version of sprintf\n * @private\n */\nfunction format() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n var a = args[0];\n var b = [];\n var c;\n for (c = 1; c < args.length; c += 1) {\n b.push(args[c]);\n }\n b.forEach(function (d) {\n a = a.replace(/%[a-z]/, d);\n });\n return a;\n}\n\n/**\n * Create an error file out of errors.md for development and a simple web link to the full errors\n * in production mode.\n * @private\n */\nvar PolishedError = /*#__PURE__*/function (_Error) {\n _inheritsLoose(PolishedError, _Error);\n function PolishedError(code) {\n var _this;\n if (process.env.NODE_ENV === 'production') {\n _this = _Error.call(this, \"An error occurred. See https://github.com/styled-components/polished/blob/main/src/internalHelpers/errors.md#\" + code + \" for more information.\") || this;\n } else {\n for (var _len2 = arguments.length, args = new Array(_len2 > 1 ? _len2 - 1 : 0), _key2 = 1; _key2 < _len2; _key2++) {\n args[_key2 - 1] = arguments[_key2];\n }\n _this = _Error.call(this, format.apply(void 0, [ERRORS[code]].concat(args))) || this;\n }\n return _assertThisInitialized(_this);\n }\n return PolishedError;\n}( /*#__PURE__*/_wrapNativeSuper(Error));\n\nvar unitRegExp = /((?!\\w)a|na|hc|mc|dg|me[r]?|xe|ni(?![a-zA-Z])|mm|cp|tp|xp|q(?!s)|hv|xamv|nimv|wv|sm|s(?!\\D|$)|ged|darg?|nrut)/g;\n\n// Merges additional math functionality into the defaults.\nfunction mergeSymbolMaps(additionalSymbols) {\n var symbolMap = {};\n symbolMap.symbols = additionalSymbols ? _extends({}, defaultSymbolMap.symbols, additionalSymbols.symbols) : _extends({}, defaultSymbolMap.symbols);\n return symbolMap;\n}\nfunction exec(operators, values) {\n var _ref;\n var op = operators.pop();\n values.push(op.f.apply(op, (_ref = []).concat.apply(_ref, values.splice(-op.argCount))));\n return op.precedence;\n}\nfunction calculate(expression, additionalSymbols) {\n var symbolMap = mergeSymbolMaps(additionalSymbols);\n var match;\n var operators = [symbolMap.symbols['('].prefix];\n var values = [];\n var pattern = new RegExp( // Pattern for numbers\n \"\\\\d+(?:\\\\.\\\\d+)?|\" +\n // ...and patterns for individual operators/function names\n Object.keys(symbolMap.symbols).map(function (key) {\n return symbolMap.symbols[key];\n })\n // longer symbols should be listed first\n // $FlowFixMe\n .sort(function (a, b) {\n return b.symbol.length - a.symbol.length;\n })\n // $FlowFixMe\n .map(function (val) {\n return val.regSymbol;\n }).join('|') + \"|(\\\\S)\", 'g');\n pattern.lastIndex = 0; // Reset regular expression object\n\n var afterValue = false;\n do {\n match = pattern.exec(expression);\n var _ref2 = match || [')', undefined],\n token = _ref2[0],\n bad = _ref2[1];\n var notNumber = symbolMap.symbols[token];\n var notNewValue = notNumber && !notNumber.prefix && !notNumber.func;\n var notAfterValue = !notNumber || !notNumber.postfix && !notNumber.infix;\n\n // Check for syntax errors:\n if (bad || (afterValue ? notAfterValue : notNewValue)) {\n throw new PolishedError(37, match ? match.index : expression.length, expression);\n }\n if (afterValue) {\n // We either have an infix or postfix operator (they should be mutually exclusive)\n var curr = notNumber.postfix || notNumber.infix;\n do {\n var prev = operators[operators.length - 1];\n if ((curr.precedence - prev.precedence || prev.rightToLeft) > 0) break;\n // Apply previous operator, since it has precedence over current one\n } while (exec(operators, values)); // Exit loop after executing an opening parenthesis or function\n afterValue = curr.notation === 'postfix';\n if (curr.symbol !== ')') {\n operators.push(curr);\n // Postfix always has precedence over any operator that follows after it\n if (afterValue) exec(operators, values);\n }\n } else if (notNumber) {\n // prefix operator or function\n operators.push(notNumber.prefix || notNumber.func);\n if (notNumber.func) {\n // Require an opening parenthesis\n match = pattern.exec(expression);\n if (!match || match[0] !== '(') {\n throw new PolishedError(38, match ? match.index : expression.length, expression);\n }\n }\n } else {\n // number\n values.push(+token);\n afterValue = true;\n }\n } while (match && operators.length);\n if (operators.length) {\n throw new PolishedError(39, match ? match.index : expression.length, expression);\n } else if (match) {\n throw new PolishedError(40, match ? match.index : expression.length, expression);\n } else {\n return values.pop();\n }\n}\nfunction reverseString(str) {\n return str.split('').reverse().join('');\n}\n\n/**\n * Helper for doing math with CSS Units. Accepts a formula as a string. All values in the formula must have the same unit (or be unitless). Supports complex formulas utliziing addition, subtraction, multiplication, division, square root, powers, factorial, min, max, as well as parentheses for order of operation.\n *\n *In cases where you need to do calculations with mixed units where one unit is a [relative length unit](https://developer.mozilla.org/en-US/docs/Web/CSS/length#Relative_length_units), you will want to use [CSS Calc](https://developer.mozilla.org/en-US/docs/Web/CSS/calc).\n *\n * *warning* While we've done everything possible to ensure math safely evalutes formulas expressed as strings, you should always use extreme caution when passing `math` user provided values.\n * @example\n * // Styles as object usage\n * const styles = {\n * fontSize: math('12rem + 8rem'),\n * fontSize: math('(12px + 2px) * 3'),\n * fontSize: math('3px^2 + sqrt(4)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * fontSize: ${math('12rem + 8rem')};\n * fontSize: ${math('(12px + 2px) * 3')};\n * fontSize: ${math('3px^2 + sqrt(4)')};\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * fontSize: '20rem',\n * fontSize: '42px',\n * fontSize: '11px',\n * }\n */\nfunction math(formula, additionalSymbols) {\n var reversedFormula = reverseString(formula);\n var formulaMatch = reversedFormula.match(unitRegExp);\n\n // Check that all units are the same\n if (formulaMatch && !formulaMatch.every(function (unit) {\n return unit === formulaMatch[0];\n })) {\n throw new PolishedError(41);\n }\n var cleanFormula = reverseString(reversedFormula.replace(unitRegExp, ''));\n return \"\" + calculate(cleanFormula, additionalSymbols) + (formulaMatch ? reverseString(formulaMatch[0]) : '');\n}\n\nvar cssVariableRegex = /--[\\S]*/g;\n\n/**\n * Fetches the value of a passed CSS Variable in the :root scope, or otherwise returns a defaultValue if provided.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'background': cssVar('--background-color'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${cssVar('--background-color')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'background': 'red'\n * }\n */\nfunction cssVar(cssVariable, defaultValue) {\n if (!cssVariable || !cssVariable.match(cssVariableRegex)) {\n throw new PolishedError(73);\n }\n var variableValue;\n\n /* eslint-disable */\n /* istanbul ignore next */\n if (typeof document !== 'undefined' && document.documentElement !== null) {\n variableValue = getComputedStyle(document.documentElement).getPropertyValue(cssVariable);\n }\n /* eslint-enable */\n\n if (variableValue) {\n return variableValue.trim();\n } else if (defaultValue) {\n return defaultValue;\n }\n throw new PolishedError(74);\n}\n\n// @private\nfunction capitalizeString(string) {\n return string.charAt(0).toUpperCase() + string.slice(1);\n}\n\nvar positionMap$1 = ['Top', 'Right', 'Bottom', 'Left'];\nfunction generateProperty(property, position) {\n if (!property) return position.toLowerCase();\n var splitProperty = property.split('-');\n if (splitProperty.length > 1) {\n splitProperty.splice(1, 0, position);\n return splitProperty.reduce(function (acc, val) {\n return \"\" + acc + capitalizeString(val);\n });\n }\n var joinedProperty = property.replace(/([a-z])([A-Z])/g, \"$1\" + position + \"$2\");\n return property === joinedProperty ? \"\" + property + position : joinedProperty;\n}\nfunction generateStyles(property, valuesWithDefaults) {\n var styles = {};\n for (var i = 0; i < valuesWithDefaults.length; i += 1) {\n if (valuesWithDefaults[i] || valuesWithDefaults[i] === 0) {\n styles[generateProperty(property, positionMap$1[i])] = valuesWithDefaults[i];\n }\n }\n return styles;\n}\n\n/**\n * Enables shorthand for direction-based properties. It accepts a property (hyphenated or camelCased) and up to four values that map to top, right, bottom, and left, respectively. You can optionally pass an empty string to get only the directional values as properties. You can also optionally pass a null argument for a directional value to ignore it.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...directionalProperty('padding', '12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${directionalProperty('padding', '12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'paddingTop': '12px',\n * 'paddingRight': '24px',\n * 'paddingBottom': '36px',\n * 'paddingLeft': '48px'\n * }\n */\nfunction directionalProperty(property) {\n for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n values[_key - 1] = arguments[_key];\n }\n // prettier-ignore\n var firstValue = values[0],\n _values$ = values[1],\n secondValue = _values$ === void 0 ? firstValue : _values$,\n _values$2 = values[2],\n thirdValue = _values$2 === void 0 ? firstValue : _values$2,\n _values$3 = values[3],\n fourthValue = _values$3 === void 0 ? secondValue : _values$3;\n var valuesWithDefaults = [firstValue, secondValue, thirdValue, fourthValue];\n return generateStyles(property, valuesWithDefaults);\n}\n\n/**\n * Check if a string ends with something\n * @private\n */\nfunction endsWith(string, suffix) {\n return string.substr(-suffix.length) === suffix;\n}\n\nvar cssRegex$1 = /^([+-]?(?:\\d+|\\d*\\.\\d+))([a-z]*|%)$/;\n\n/**\n * Returns a given CSS value minus its unit of measure.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * '--dimension': stripUnit('100px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * --dimension: ${stripUnit('100px')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * '--dimension': 100\n * }\n */\nfunction stripUnit(value) {\n if (typeof value !== 'string') return value;\n var matchedValue = value.match(cssRegex$1);\n return matchedValue ? parseFloat(value) : value;\n}\n\n/**\n * Factory function that creates pixel-to-x converters\n * @private\n */\nvar pxtoFactory = function pxtoFactory(to) {\n return function (pxval, base) {\n if (base === void 0) {\n base = '16px';\n }\n var newPxval = pxval;\n var newBase = base;\n if (typeof pxval === 'string') {\n if (!endsWith(pxval, 'px')) {\n throw new PolishedError(69, to, pxval);\n }\n newPxval = stripUnit(pxval);\n }\n if (typeof base === 'string') {\n if (!endsWith(base, 'px')) {\n throw new PolishedError(70, to, base);\n }\n newBase = stripUnit(base);\n }\n if (typeof newPxval === 'string') {\n throw new PolishedError(71, pxval, to);\n }\n if (typeof newBase === 'string') {\n throw new PolishedError(72, base, to);\n }\n return \"\" + newPxval / newBase + to;\n };\n};\nvar pixelsto = pxtoFactory;\n\n/**\n * Convert pixel value to ems. The default base value is 16px, but can be changed by passing a\n * second argument to the function.\n * @function\n * @param {string|number} pxval\n * @param {string|number} [base='16px']\n * @example\n * // Styles as object usage\n * const styles = {\n * 'height': em('16px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * height: ${em('16px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'height': '1em'\n * }\n */\nvar em = pixelsto('em');\nvar em$1 = em;\n\nvar cssRegex = /^([+-]?(?:\\d+|\\d*\\.\\d+))([a-z]*|%)$/;\n\n/**\n * Returns a given CSS value and its unit as elements of an array.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * '--dimension': getValueAndUnit('100px')[0],\n * '--unit': getValueAndUnit('100px')[1],\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * --dimension: ${getValueAndUnit('100px')[0]};\n * --unit: ${getValueAndUnit('100px')[1]};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * '--dimension': 100,\n * '--unit': 'px',\n * }\n */\nfunction getValueAndUnit(value) {\n if (typeof value !== 'string') return [value, ''];\n var matchedValue = value.match(cssRegex);\n if (matchedValue) return [parseFloat(value), matchedValue[2]];\n return [value, undefined];\n}\n\n/**\n * Helper for targeting rules in a style block generated by polished modules that need !important-level specificity. Can optionally specify a rule (or rules) to target specific rules.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...important(cover())\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${important(cover())}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * 'position': 'absolute !important',\n * 'top': '0 !important',\n * 'right: '0 !important',\n * 'bottom': '0 !important',\n * 'left: '0 !important'\n * }\n */\nfunction important(styleBlock, rules) {\n if (typeof styleBlock !== 'object' || styleBlock === null) {\n throw new PolishedError(75, typeof styleBlock);\n }\n var newStyleBlock = {};\n Object.keys(styleBlock).forEach(function (key) {\n if (typeof styleBlock[key] === 'object' && styleBlock[key] !== null) {\n newStyleBlock[key] = important(styleBlock[key], rules);\n } else if (!rules || rules && (rules === key || rules.indexOf(key) >= 0)) {\n newStyleBlock[key] = styleBlock[key] + \" !important\";\n } else {\n newStyleBlock[key] = styleBlock[key];\n }\n });\n return newStyleBlock;\n}\n\nvar ratioNames = {\n minorSecond: 1.067,\n majorSecond: 1.125,\n minorThird: 1.2,\n majorThird: 1.25,\n perfectFourth: 1.333,\n augFourth: 1.414,\n perfectFifth: 1.5,\n minorSixth: 1.6,\n goldenSection: 1.618,\n majorSixth: 1.667,\n minorSeventh: 1.778,\n majorSeventh: 1.875,\n octave: 2,\n majorTenth: 2.5,\n majorEleventh: 2.667,\n majorTwelfth: 3,\n doubleOctave: 4\n};\nfunction getRatio(ratioName) {\n return ratioNames[ratioName];\n}\n\n/**\n * Establish consistent measurements and spacial relationships throughout your projects by incrementing an em or rem value up or down a defined scale. We provide a list of commonly used scales as pre-defined variables.\n * @example\n * // Styles as object usage\n * const styles = {\n * // Increment two steps up the default scale\n * 'fontSize': modularScale(2)\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * // Increment two steps up the default scale\n * fontSize: ${modularScale(2)}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'fontSize': '1.77689em'\n * }\n */\nfunction modularScale(steps, base, ratio) {\n if (base === void 0) {\n base = '1em';\n }\n if (ratio === void 0) {\n ratio = 1.333;\n }\n if (typeof steps !== 'number') {\n throw new PolishedError(42);\n }\n if (typeof ratio === 'string' && !ratioNames[ratio]) {\n throw new PolishedError(43);\n }\n var _ref = typeof base === 'string' ? getValueAndUnit(base) : [base, ''],\n realBase = _ref[0],\n unit = _ref[1];\n var realRatio = typeof ratio === 'string' ? getRatio(ratio) : ratio;\n if (typeof realBase === 'string') {\n throw new PolishedError(44, base);\n }\n return \"\" + realBase * Math.pow(realRatio, steps) + (unit || '');\n}\n\n/**\n * Convert pixel value to rems. The default base value is 16px, but can be changed by passing a\n * second argument to the function.\n * @function\n * @param {string|number} pxval\n * @param {string|number} [base='16px']\n * @example\n * // Styles as object usage\n * const styles = {\n * 'height': rem('16px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * height: ${rem('16px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'height': '1rem'\n * }\n */\nvar rem = pixelsto('rem');\nvar rem$1 = rem;\n\nvar defaultFontSize = 16;\nfunction convertBase(base) {\n var deconstructedValue = getValueAndUnit(base);\n if (deconstructedValue[1] === 'px') {\n return parseFloat(base);\n }\n if (deconstructedValue[1] === '%') {\n return parseFloat(base) / 100 * defaultFontSize;\n }\n throw new PolishedError(78, deconstructedValue[1]);\n}\nfunction getBaseFromDoc() {\n /* eslint-disable */\n /* istanbul ignore next */\n if (typeof document !== 'undefined' && document.documentElement !== null) {\n var rootFontSize = getComputedStyle(document.documentElement).fontSize;\n return rootFontSize ? convertBase(rootFontSize) : defaultFontSize;\n }\n /* eslint-enable */\n /* istanbul ignore next */\n return defaultFontSize;\n}\n\n/**\n * Convert rem values to px. By default, the base value is pulled from the font-size property on the root element (if it is set in % or px). It defaults to 16px if not found on the root. You can also override the base value by providing your own base in % or px.\n * @example\n * // Styles as object usage\n * const styles = {\n * 'height': remToPx('1.6rem')\n * 'height': remToPx('1.6rem', '10px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * height: ${remToPx('1.6rem')}\n * height: ${remToPx('1.6rem', '10px')}\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * 'height': '25.6px',\n * 'height': '16px',\n * }\n */\nfunction remToPx(value, base) {\n var deconstructedValue = getValueAndUnit(value);\n if (deconstructedValue[1] !== 'rem' && deconstructedValue[1] !== '') {\n throw new PolishedError(77, deconstructedValue[1]);\n }\n var newBase = base ? convertBase(base) : getBaseFromDoc();\n return deconstructedValue[0] * newBase + \"px\";\n}\n\nvar functionsMap$3 = {\n back: 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',\n circ: 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',\n cubic: 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',\n expo: 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',\n quad: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n quart: 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',\n quint: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',\n sine: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)'\n};\n\n/**\n * String to represent common easing functions as demonstrated here: (github.com/jaukia/easie).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'transitionTimingFunction': easeIn('quad')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * transitionTimingFunction: ${easeIn('quad')};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'transitionTimingFunction': 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n * }\n */\nfunction easeIn(functionName) {\n return functionsMap$3[functionName.toLowerCase().trim()];\n}\n\nvar functionsMap$2 = {\n back: 'cubic-bezier(0.680, -0.550, 0.265, 1.550)',\n circ: 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',\n cubic: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',\n expo: 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',\n quad: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n quart: 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',\n quint: 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',\n sine: 'cubic-bezier(0.445, 0.050, 0.550, 0.950)'\n};\n\n/**\n * String to represent common easing functions as demonstrated here: (github.com/jaukia/easie).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'transitionTimingFunction': easeInOut('quad')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * transitionTimingFunction: ${easeInOut('quad')};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'transitionTimingFunction': 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n * }\n */\nfunction easeInOut(functionName) {\n return functionsMap$2[functionName.toLowerCase().trim()];\n}\n\nvar functionsMap$1 = {\n back: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',\n cubic: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',\n circ: 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',\n expo: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',\n quad: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n quart: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',\n quint: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',\n sine: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)'\n};\n\n/**\n * String to represent common easing functions as demonstrated here: (github.com/jaukia/easie).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'transitionTimingFunction': easeOut('quad')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * transitionTimingFunction: ${easeOut('quad')};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'transitionTimingFunction': 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n * }\n */\nfunction easeOut(functionName) {\n return functionsMap$1[functionName.toLowerCase().trim()];\n}\n\n/**\n * Returns a CSS calc formula for linear interpolation of a property between two values. Accepts optional minScreen (defaults to '320px') and maxScreen (defaults to '1200px').\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * fontSize: between('20px', '100px', '400px', '1000px'),\n * fontSize: between('20px', '100px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * fontSize: ${between('20px', '100px', '400px', '1000px')};\n * fontSize: ${between('20px', '100px')}\n * `\n *\n * // CSS as JS Output\n *\n * h1: {\n * 'fontSize': 'calc(-33.33333333333334px + 13.333333333333334vw)',\n * 'fontSize': 'calc(-9.090909090909093px + 9.090909090909092vw)'\n * }\n */\nfunction between(fromSize, toSize, minScreen, maxScreen) {\n if (minScreen === void 0) {\n minScreen = '320px';\n }\n if (maxScreen === void 0) {\n maxScreen = '1200px';\n }\n var _getValueAndUnit = getValueAndUnit(fromSize),\n unitlessFromSize = _getValueAndUnit[0],\n fromSizeUnit = _getValueAndUnit[1];\n var _getValueAndUnit2 = getValueAndUnit(toSize),\n unitlessToSize = _getValueAndUnit2[0],\n toSizeUnit = _getValueAndUnit2[1];\n var _getValueAndUnit3 = getValueAndUnit(minScreen),\n unitlessMinScreen = _getValueAndUnit3[0],\n minScreenUnit = _getValueAndUnit3[1];\n var _getValueAndUnit4 = getValueAndUnit(maxScreen),\n unitlessMaxScreen = _getValueAndUnit4[0],\n maxScreenUnit = _getValueAndUnit4[1];\n if (typeof unitlessMinScreen !== 'number' || typeof unitlessMaxScreen !== 'number' || !minScreenUnit || !maxScreenUnit || minScreenUnit !== maxScreenUnit) {\n throw new PolishedError(47);\n }\n if (typeof unitlessFromSize !== 'number' || typeof unitlessToSize !== 'number' || fromSizeUnit !== toSizeUnit) {\n throw new PolishedError(48);\n }\n if (fromSizeUnit !== minScreenUnit || toSizeUnit !== maxScreenUnit) {\n throw new PolishedError(76);\n }\n var slope = (unitlessFromSize - unitlessToSize) / (unitlessMinScreen - unitlessMaxScreen);\n var base = unitlessToSize - slope * unitlessMaxScreen;\n return \"calc(\" + base.toFixed(2) + (fromSizeUnit || '') + \" + \" + (100 * slope).toFixed(2) + \"vw)\";\n}\n\n/**\n * CSS to contain a float (credit to CSSMojo).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...clearFix(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${clearFix()}\n * `\n *\n * // CSS as JS Output\n *\n * '&::after': {\n * 'clear': 'both',\n * 'content': '\"\"',\n * 'display': 'table'\n * }\n */\nfunction clearFix(parent) {\n var _ref;\n if (parent === void 0) {\n parent = '&';\n }\n var pseudoSelector = parent + \"::after\";\n return _ref = {}, _ref[pseudoSelector] = {\n clear: 'both',\n content: '\"\"',\n display: 'table'\n }, _ref;\n}\n\n/**\n * CSS to fully cover an area. Can optionally be passed an offset to act as a \"padding\".\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...cover()\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${cover()}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * 'position': 'absolute',\n * 'top': '0',\n * 'right: '0',\n * 'bottom': '0',\n * 'left: '0'\n * }\n */\nfunction cover(offset) {\n if (offset === void 0) {\n offset = 0;\n }\n return {\n position: 'absolute',\n top: offset,\n right: offset,\n bottom: offset,\n left: offset\n };\n}\n\n/**\n * CSS to represent truncated text with an ellipsis. You can optionally pass a max-width and number of lines before truncating.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...ellipsis('250px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${ellipsis('250px')}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * 'display': 'inline-block',\n * 'maxWidth': '250px',\n * 'overflow': 'hidden',\n * 'textOverflow': 'ellipsis',\n * 'whiteSpace': 'nowrap',\n * 'wordWrap': 'normal'\n * }\n */\nfunction ellipsis(width, lines) {\n if (lines === void 0) {\n lines = 1;\n }\n var styles = {\n display: 'inline-block',\n maxWidth: width || '100%',\n overflow: 'hidden',\n textOverflow: 'ellipsis',\n whiteSpace: 'nowrap',\n wordWrap: 'normal'\n };\n return lines > 1 ? _extends({}, styles, {\n WebkitBoxOrient: 'vertical',\n WebkitLineClamp: lines,\n display: '-webkit-box',\n whiteSpace: 'normal'\n }) : styles;\n}\n\nfunction _createForOfIteratorHelperLoose(o, allowArrayLike) { var it = typeof Symbol !== \"undefined\" && o[Symbol.iterator] || o[\"@@iterator\"]; if (it) return (it = it.call(o)).next.bind(it); if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === \"number\") { if (it) o = it; var i = 0; return function () { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }; } throw new TypeError(\"Invalid attempt to iterate non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.\"); }\nfunction _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === \"string\") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === \"Object\" && o.constructor) n = o.constructor.name; if (n === \"Map\" || n === \"Set\") return Array.from(o); if (n === \"Arguments\" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }\nfunction _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }\n/**\n * Returns a set of media queries that resizes a property (or set of properties) between a provided fromSize and toSize. Accepts optional minScreen (defaults to '320px') and maxScreen (defaults to '1200px') to constrain the interpolation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...fluidRange(\n * {\n * prop: 'padding',\n * fromSize: '20px',\n * toSize: '100px',\n * },\n * '400px',\n * '1000px',\n * )\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${fluidRange(\n * {\n * prop: 'padding',\n * fromSize: '20px',\n * toSize: '100px',\n * },\n * '400px',\n * '1000px',\n * )}\n * `\n *\n * // CSS as JS Output\n *\n * div: {\n * \"@media (min-width: 1000px)\": Object {\n * \"padding\": \"100px\",\n * },\n * \"@media (min-width: 400px)\": Object {\n * \"padding\": \"calc(-33.33333333333334px + 13.333333333333334vw)\",\n * },\n * \"padding\": \"20px\",\n * }\n */\nfunction fluidRange(cssProp, minScreen, maxScreen) {\n if (minScreen === void 0) {\n minScreen = '320px';\n }\n if (maxScreen === void 0) {\n maxScreen = '1200px';\n }\n if (!Array.isArray(cssProp) && typeof cssProp !== 'object' || cssProp === null) {\n throw new PolishedError(49);\n }\n if (Array.isArray(cssProp)) {\n var mediaQueries = {};\n var fallbacks = {};\n for (var _iterator = _createForOfIteratorHelperLoose(cssProp), _step; !(_step = _iterator()).done;) {\n var _extends2, _extends3;\n var obj = _step.value;\n if (!obj.prop || !obj.fromSize || !obj.toSize) {\n throw new PolishedError(50);\n }\n fallbacks[obj.prop] = obj.fromSize;\n mediaQueries[\"@media (min-width: \" + minScreen + \")\"] = _extends({}, mediaQueries[\"@media (min-width: \" + minScreen + \")\"], (_extends2 = {}, _extends2[obj.prop] = between(obj.fromSize, obj.toSize, minScreen, maxScreen), _extends2));\n mediaQueries[\"@media (min-width: \" + maxScreen + \")\"] = _extends({}, mediaQueries[\"@media (min-width: \" + maxScreen + \")\"], (_extends3 = {}, _extends3[obj.prop] = obj.toSize, _extends3));\n }\n return _extends({}, fallbacks, mediaQueries);\n } else {\n var _ref, _ref2, _ref3;\n if (!cssProp.prop || !cssProp.fromSize || !cssProp.toSize) {\n throw new PolishedError(51);\n }\n return _ref3 = {}, _ref3[cssProp.prop] = cssProp.fromSize, _ref3[\"@media (min-width: \" + minScreen + \")\"] = (_ref = {}, _ref[cssProp.prop] = between(cssProp.fromSize, cssProp.toSize, minScreen, maxScreen), _ref), _ref3[\"@media (min-width: \" + maxScreen + \")\"] = (_ref2 = {}, _ref2[cssProp.prop] = cssProp.toSize, _ref2), _ref3;\n }\n}\n\nvar dataURIRegex = /^\\s*data:([a-z]+\\/[a-z-]+(;[a-z-]+=[a-z-]+)?)?(;charset=[a-z0-9-]+)?(;base64)?,[a-z0-9!$&',()*+,;=\\-._~:@/?%\\s]*\\s*$/i;\nvar formatHintMap = {\n woff: 'woff',\n woff2: 'woff2',\n ttf: 'truetype',\n otf: 'opentype',\n eot: 'embedded-opentype',\n svg: 'svg',\n svgz: 'svg'\n};\nfunction generateFormatHint(format, formatHint) {\n if (!formatHint) return '';\n return \" format(\\\"\" + formatHintMap[format] + \"\\\")\";\n}\nfunction isDataURI(fontFilePath) {\n return !!fontFilePath.replace(/\\s+/g, ' ').match(dataURIRegex);\n}\nfunction generateFileReferences(fontFilePath, fileFormats, formatHint) {\n if (isDataURI(fontFilePath)) {\n return \"url(\\\"\" + fontFilePath + \"\\\")\" + generateFormatHint(fileFormats[0], formatHint);\n }\n var fileFontReferences = fileFormats.map(function (format) {\n return \"url(\\\"\" + fontFilePath + \".\" + format + \"\\\")\" + generateFormatHint(format, formatHint);\n });\n return fileFontReferences.join(', ');\n}\nfunction generateLocalReferences(localFonts) {\n var localFontReferences = localFonts.map(function (font) {\n return \"local(\\\"\" + font + \"\\\")\";\n });\n return localFontReferences.join(', ');\n}\nfunction generateSources(fontFilePath, localFonts, fileFormats, formatHint) {\n var fontReferences = [];\n if (localFonts) fontReferences.push(generateLocalReferences(localFonts));\n if (fontFilePath) {\n fontReferences.push(generateFileReferences(fontFilePath, fileFormats, formatHint));\n }\n return fontReferences.join(', ');\n}\n\n/**\n * CSS for a @font-face declaration. Defaults to check for local copies of the font on the user's machine. You can disable this by passing `null` to localFonts.\n *\n * @example\n * // Styles as object basic usage\n * const styles = {\n * ...fontFace({\n * 'fontFamily': 'Sans-Pro',\n * 'fontFilePath': 'path/to/file'\n * })\n * }\n *\n * // styled-components basic usage\n * const GlobalStyle = createGlobalStyle`${\n * fontFace({\n * 'fontFamily': 'Sans-Pro',\n * 'fontFilePath': 'path/to/file'\n * }\n * )}`\n *\n * // CSS as JS Output\n *\n * '@font-face': {\n * 'fontFamily': 'Sans-Pro',\n * 'src': 'url(\"path/to/file.eot\"), url(\"path/to/file.woff2\"), url(\"path/to/file.woff\"), url(\"path/to/file.ttf\"), url(\"path/to/file.svg\")',\n * }\n */\n\nfunction fontFace(_ref) {\n var fontFamily = _ref.fontFamily,\n fontFilePath = _ref.fontFilePath,\n fontStretch = _ref.fontStretch,\n fontStyle = _ref.fontStyle,\n fontVariant = _ref.fontVariant,\n fontWeight = _ref.fontWeight,\n _ref$fileFormats = _ref.fileFormats,\n fileFormats = _ref$fileFormats === void 0 ? ['eot', 'woff2', 'woff', 'ttf', 'svg'] : _ref$fileFormats,\n _ref$formatHint = _ref.formatHint,\n formatHint = _ref$formatHint === void 0 ? false : _ref$formatHint,\n _ref$localFonts = _ref.localFonts,\n localFonts = _ref$localFonts === void 0 ? [fontFamily] : _ref$localFonts,\n unicodeRange = _ref.unicodeRange,\n fontDisplay = _ref.fontDisplay,\n fontVariationSettings = _ref.fontVariationSettings,\n fontFeatureSettings = _ref.fontFeatureSettings;\n // Error Handling\n if (!fontFamily) throw new PolishedError(55);\n if (!fontFilePath && !localFonts) {\n throw new PolishedError(52);\n }\n if (localFonts && !Array.isArray(localFonts)) {\n throw new PolishedError(53);\n }\n if (!Array.isArray(fileFormats)) {\n throw new PolishedError(54);\n }\n var fontFaceDeclaration = {\n '@font-face': {\n fontFamily: fontFamily,\n src: generateSources(fontFilePath, localFonts, fileFormats, formatHint),\n unicodeRange: unicodeRange,\n fontStretch: fontStretch,\n fontStyle: fontStyle,\n fontVariant: fontVariant,\n fontWeight: fontWeight,\n fontDisplay: fontDisplay,\n fontVariationSettings: fontVariationSettings,\n fontFeatureSettings: fontFeatureSettings\n }\n };\n\n // Removes undefined fields for cleaner css object.\n return JSON.parse(JSON.stringify(fontFaceDeclaration));\n}\n\n/**\n * CSS to hide text to show a background image in a SEO-friendly way.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'backgroundImage': 'url(logo.png)',\n * ...hideText(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * backgroundImage: url(logo.png);\n * ${hideText()};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'backgroundImage': 'url(logo.png)',\n * 'textIndent': '101%',\n * 'overflow': 'hidden',\n * 'whiteSpace': 'nowrap',\n * }\n */\nfunction hideText() {\n return {\n textIndent: '101%',\n overflow: 'hidden',\n whiteSpace: 'nowrap'\n };\n}\n\n/**\n * CSS to hide content visually but remain accessible to screen readers.\n * from [HTML5 Boilerplate](https://github.com/h5bp/html5-boilerplate/blob/9a176f57af1cfe8ec70300da4621fb9b07e5fa31/src/css/main.css#L121)\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...hideVisually(),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${hideVisually()};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'border': '0',\n * 'clip': 'rect(0 0 0 0)',\n * 'height': '1px',\n * 'margin': '-1px',\n * 'overflow': 'hidden',\n * 'padding': '0',\n * 'position': 'absolute',\n * 'whiteSpace': 'nowrap',\n * 'width': '1px',\n * }\n */\nfunction hideVisually() {\n return {\n border: '0',\n clip: 'rect(0 0 0 0)',\n height: '1px',\n margin: '-1px',\n overflow: 'hidden',\n padding: '0',\n position: 'absolute',\n whiteSpace: 'nowrap',\n width: '1px'\n };\n}\n\n/**\n * Generates a media query to target HiDPI devices.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * [hiDPI(1.5)]: {\n * width: 200px;\n * }\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${hiDPI(1.5)} {\n * width: 200px;\n * }\n * `\n *\n * // CSS as JS Output\n *\n * '@media only screen and (-webkit-min-device-pixel-ratio: 1.5),\n * only screen and (min--moz-device-pixel-ratio: 1.5),\n * only screen and (-o-min-device-pixel-ratio: 1.5/1),\n * only screen and (min-resolution: 144dpi),\n * only screen and (min-resolution: 1.5dppx)': {\n * 'width': '200px',\n * }\n */\nfunction hiDPI(ratio) {\n if (ratio === void 0) {\n ratio = 1.3;\n }\n return \"\\n @media only screen and (-webkit-min-device-pixel-ratio: \" + ratio + \"),\\n only screen and (min--moz-device-pixel-ratio: \" + ratio + \"),\\n only screen and (-o-min-device-pixel-ratio: \" + ratio + \"/1),\\n only screen and (min-resolution: \" + Math.round(ratio * 96) + \"dpi),\\n only screen and (min-resolution: \" + ratio + \"dppx)\\n \";\n}\n\nfunction constructGradientValue(literals) {\n var template = '';\n for (var _len = arguments.length, substitutions = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n substitutions[_key - 1] = arguments[_key];\n }\n for (var i = 0; i < literals.length; i += 1) {\n template += literals[i];\n if (i === substitutions.length - 1 && substitutions[i]) {\n var definedValues = substitutions.filter(function (substitute) {\n return !!substitute;\n });\n // Adds leading coma if properties preceed color-stops\n if (definedValues.length > 1) {\n template = template.slice(0, -1);\n template += \", \" + substitutions[i];\n // No trailing space if color-stops is the only param provided\n } else if (definedValues.length === 1) {\n template += \"\" + substitutions[i];\n }\n } else if (substitutions[i]) {\n template += substitutions[i] + \" \";\n }\n }\n return template.trim();\n}\n\nvar _templateObject$1;\n/**\n * CSS for declaring a linear gradient, including a fallback background-color. The fallback is either the first color-stop or an explicitly passed fallback color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...linearGradient({\n colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n toDirection: 'to top right',\n fallback: '#FFF',\n })\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${linearGradient({\n colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n toDirection: 'to top right',\n fallback: '#FFF',\n })}\n *`\n *\n * // CSS as JS Output\n *\n * div: {\n * 'backgroundColor': '#FFF',\n * 'backgroundImage': 'linear-gradient(to top right, #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%)',\n * }\n */\nfunction linearGradient(_ref) {\n var colorStops = _ref.colorStops,\n fallback = _ref.fallback,\n _ref$toDirection = _ref.toDirection,\n toDirection = _ref$toDirection === void 0 ? '' : _ref$toDirection;\n if (!colorStops || colorStops.length < 2) {\n throw new PolishedError(56);\n }\n return {\n backgroundColor: fallback || colorStops[0].replace(/,\\s+/g, ',').split(' ')[0].replace(/,(?=\\S)/g, ', '),\n backgroundImage: constructGradientValue(_templateObject$1 || (_templateObject$1 = _taggedTemplateLiteralLoose([\"linear-gradient(\", \"\", \")\"])), toDirection, colorStops.join(', ').replace(/,(?=\\S)/g, ', '))\n };\n}\n\n/**\n * CSS to normalize abnormalities across browsers (normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css)\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...normalize(),\n * }\n *\n * // styled-components usage\n * const GlobalStyle = createGlobalStyle`${normalize()}`\n *\n * // CSS as JS Output\n *\n * html {\n * lineHeight: 1.15,\n * textSizeAdjust: 100%,\n * } ...\n */\nfunction normalize() {\n var _ref;\n return [(_ref = {\n html: {\n lineHeight: '1.15',\n textSizeAdjust: '100%'\n },\n body: {\n margin: '0'\n },\n main: {\n display: 'block'\n },\n h1: {\n fontSize: '2em',\n margin: '0.67em 0'\n },\n hr: {\n boxSizing: 'content-box',\n height: '0',\n overflow: 'visible'\n },\n pre: {\n fontFamily: 'monospace, monospace',\n fontSize: '1em'\n },\n a: {\n backgroundColor: 'transparent'\n },\n 'abbr[title]': {\n borderBottom: 'none',\n textDecoration: 'underline'\n }\n }, _ref[\"b,\\n strong\"] = {\n fontWeight: 'bolder'\n }, _ref[\"code,\\n kbd,\\n samp\"] = {\n fontFamily: 'monospace, monospace',\n fontSize: '1em'\n }, _ref.small = {\n fontSize: '80%'\n }, _ref[\"sub,\\n sup\"] = {\n fontSize: '75%',\n lineHeight: '0',\n position: 'relative',\n verticalAlign: 'baseline'\n }, _ref.sub = {\n bottom: '-0.25em'\n }, _ref.sup = {\n top: '-0.5em'\n }, _ref.img = {\n borderStyle: 'none'\n }, _ref[\"button,\\n input,\\n optgroup,\\n select,\\n textarea\"] = {\n fontFamily: 'inherit',\n fontSize: '100%',\n lineHeight: '1.15',\n margin: '0'\n }, _ref[\"button,\\n input\"] = {\n overflow: 'visible'\n }, _ref[\"button,\\n select\"] = {\n textTransform: 'none'\n }, _ref[\"button,\\n html [type=\\\"button\\\"],\\n [type=\\\"reset\\\"],\\n [type=\\\"submit\\\"]\"] = {\n WebkitAppearance: 'button'\n }, _ref[\"button::-moz-focus-inner,\\n [type=\\\"button\\\"]::-moz-focus-inner,\\n [type=\\\"reset\\\"]::-moz-focus-inner,\\n [type=\\\"submit\\\"]::-moz-focus-inner\"] = {\n borderStyle: 'none',\n padding: '0'\n }, _ref[\"button:-moz-focusring,\\n [type=\\\"button\\\"]:-moz-focusring,\\n [type=\\\"reset\\\"]:-moz-focusring,\\n [type=\\\"submit\\\"]:-moz-focusring\"] = {\n outline: '1px dotted ButtonText'\n }, _ref.fieldset = {\n padding: '0.35em 0.625em 0.75em'\n }, _ref.legend = {\n boxSizing: 'border-box',\n color: 'inherit',\n display: 'table',\n maxWidth: '100%',\n padding: '0',\n whiteSpace: 'normal'\n }, _ref.progress = {\n verticalAlign: 'baseline'\n }, _ref.textarea = {\n overflow: 'auto'\n }, _ref[\"[type=\\\"checkbox\\\"],\\n [type=\\\"radio\\\"]\"] = {\n boxSizing: 'border-box',\n padding: '0'\n }, _ref[\"[type=\\\"number\\\"]::-webkit-inner-spin-button,\\n [type=\\\"number\\\"]::-webkit-outer-spin-button\"] = {\n height: 'auto'\n }, _ref['[type=\"search\"]'] = {\n WebkitAppearance: 'textfield',\n outlineOffset: '-2px'\n }, _ref['[type=\"search\"]::-webkit-search-decoration'] = {\n WebkitAppearance: 'none'\n }, _ref['::-webkit-file-upload-button'] = {\n WebkitAppearance: 'button',\n font: 'inherit'\n }, _ref.details = {\n display: 'block'\n }, _ref.summary = {\n display: 'list-item'\n }, _ref.template = {\n display: 'none'\n }, _ref['[hidden]'] = {\n display: 'none'\n }, _ref), {\n 'abbr[title]': {\n textDecoration: 'underline dotted'\n }\n }];\n}\n\nvar _templateObject;\n/**\n * CSS for declaring a radial gradient, including a fallback background-color. The fallback is either the first color-stop or an explicitly passed fallback color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...radialGradient({\n * colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n * extent: 'farthest-corner at 45px 45px',\n * position: 'center',\n * shape: 'ellipse',\n * })\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${radialGradient({\n * colorStops: ['#00FFFF 0%', 'rgba(0, 0, 255, 0) 50%', '#0000FF 95%'],\n * extent: 'farthest-corner at 45px 45px',\n * position: 'center',\n * shape: 'ellipse',\n * })}\n *`\n *\n * // CSS as JS Output\n *\n * div: {\n * 'backgroundColor': '#00FFFF',\n * 'backgroundImage': 'radial-gradient(center ellipse farthest-corner at 45px 45px, #00FFFF 0%, rgba(0, 0, 255, 0) 50%, #0000FF 95%)',\n * }\n */\nfunction radialGradient(_ref) {\n var colorStops = _ref.colorStops,\n _ref$extent = _ref.extent,\n extent = _ref$extent === void 0 ? '' : _ref$extent,\n fallback = _ref.fallback,\n _ref$position = _ref.position,\n position = _ref$position === void 0 ? '' : _ref$position,\n _ref$shape = _ref.shape,\n shape = _ref$shape === void 0 ? '' : _ref$shape;\n if (!colorStops || colorStops.length < 2) {\n throw new PolishedError(57);\n }\n return {\n backgroundColor: fallback || colorStops[0].split(' ')[0],\n backgroundImage: constructGradientValue(_templateObject || (_templateObject = _taggedTemplateLiteralLoose([\"radial-gradient(\", \"\", \"\", \"\", \")\"])), position, shape, extent, colorStops.join(', '))\n };\n}\n\n/**\n * A helper to generate a retina background image and non-retina\n * background image. The retina background image will output to a HiDPI media query. The mixin uses\n * a _2x.png filename suffix by default.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...retinaImage('my-img')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${retinaImage('my-img')}\n * `\n *\n * // CSS as JS Output\n * div {\n * backgroundImage: 'url(my-img.png)',\n * '@media only screen and (-webkit-min-device-pixel-ratio: 1.3),\n * only screen and (min--moz-device-pixel-ratio: 1.3),\n * only screen and (-o-min-device-pixel-ratio: 1.3/1),\n * only screen and (min-resolution: 144dpi),\n * only screen and (min-resolution: 1.5dppx)': {\n * backgroundImage: 'url(my-img_2x.png)',\n * }\n * }\n */\nfunction retinaImage(filename, backgroundSize, extension, retinaFilename, retinaSuffix) {\n var _ref;\n if (extension === void 0) {\n extension = 'png';\n }\n if (retinaSuffix === void 0) {\n retinaSuffix = '_2x';\n }\n if (!filename) {\n throw new PolishedError(58);\n }\n // Replace the dot at the beginning of the passed extension if one exists\n var ext = extension.replace(/^\\./, '');\n var rFilename = retinaFilename ? retinaFilename + \".\" + ext : \"\" + filename + retinaSuffix + \".\" + ext;\n return _ref = {\n backgroundImage: \"url(\" + filename + \".\" + ext + \")\"\n }, _ref[hiDPI()] = _extends({\n backgroundImage: \"url(\" + rFilename + \")\"\n }, backgroundSize ? {\n backgroundSize: backgroundSize\n } : {}), _ref;\n}\n\n/* eslint-disable key-spacing */\nvar functionsMap = {\n easeInBack: 'cubic-bezier(0.600, -0.280, 0.735, 0.045)',\n easeInCirc: 'cubic-bezier(0.600, 0.040, 0.980, 0.335)',\n easeInCubic: 'cubic-bezier(0.550, 0.055, 0.675, 0.190)',\n easeInExpo: 'cubic-bezier(0.950, 0.050, 0.795, 0.035)',\n easeInQuad: 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n easeInQuart: 'cubic-bezier(0.895, 0.030, 0.685, 0.220)',\n easeInQuint: 'cubic-bezier(0.755, 0.050, 0.855, 0.060)',\n easeInSine: 'cubic-bezier(0.470, 0.000, 0.745, 0.715)',\n easeOutBack: 'cubic-bezier(0.175, 0.885, 0.320, 1.275)',\n easeOutCubic: 'cubic-bezier(0.215, 0.610, 0.355, 1.000)',\n easeOutCirc: 'cubic-bezier(0.075, 0.820, 0.165, 1.000)',\n easeOutExpo: 'cubic-bezier(0.190, 1.000, 0.220, 1.000)',\n easeOutQuad: 'cubic-bezier(0.250, 0.460, 0.450, 0.940)',\n easeOutQuart: 'cubic-bezier(0.165, 0.840, 0.440, 1.000)',\n easeOutQuint: 'cubic-bezier(0.230, 1.000, 0.320, 1.000)',\n easeOutSine: 'cubic-bezier(0.390, 0.575, 0.565, 1.000)',\n easeInOutBack: 'cubic-bezier(0.680, -0.550, 0.265, 1.550)',\n easeInOutCirc: 'cubic-bezier(0.785, 0.135, 0.150, 0.860)',\n easeInOutCubic: 'cubic-bezier(0.645, 0.045, 0.355, 1.000)',\n easeInOutExpo: 'cubic-bezier(1.000, 0.000, 0.000, 1.000)',\n easeInOutQuad: 'cubic-bezier(0.455, 0.030, 0.515, 0.955)',\n easeInOutQuart: 'cubic-bezier(0.770, 0.000, 0.175, 1.000)',\n easeInOutQuint: 'cubic-bezier(0.860, 0.000, 0.070, 1.000)',\n easeInOutSine: 'cubic-bezier(0.445, 0.050, 0.550, 0.950)'\n};\n/* eslint-enable key-spacing */\n\nfunction getTimingFunction(functionName) {\n return functionsMap[functionName];\n}\n\n/**\n * String to represent common easing functions as demonstrated here: (github.com/jaukia/easie).\n *\n * @deprecated - This will be deprecated in v5 in favor of `easeIn`, `easeOut`, `easeInOut`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * 'transitionTimingFunction': timingFunctions('easeInQuad')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * transitionTimingFunction: ${timingFunctions('easeInQuad')};\n * `\n *\n * // CSS as JS Output\n *\n * 'div': {\n * 'transitionTimingFunction': 'cubic-bezier(0.550, 0.085, 0.680, 0.530)',\n * }\n */\n\nfunction timingFunctions(timingFunction) {\n return getTimingFunction(timingFunction);\n}\n\nvar getBorderWidth = function getBorderWidth(pointingDirection, height, width) {\n var fullWidth = \"\" + width[0] + (width[1] || '');\n var halfWidth = \"\" + width[0] / 2 + (width[1] || '');\n var fullHeight = \"\" + height[0] + (height[1] || '');\n var halfHeight = \"\" + height[0] / 2 + (height[1] || '');\n switch (pointingDirection) {\n case 'top':\n return \"0 \" + halfWidth + \" \" + fullHeight + \" \" + halfWidth;\n case 'topLeft':\n return fullWidth + \" \" + fullHeight + \" 0 0\";\n case 'left':\n return halfHeight + \" \" + fullWidth + \" \" + halfHeight + \" 0\";\n case 'bottomLeft':\n return fullWidth + \" 0 0 \" + fullHeight;\n case 'bottom':\n return fullHeight + \" \" + halfWidth + \" 0 \" + halfWidth;\n case 'bottomRight':\n return \"0 0 \" + fullWidth + \" \" + fullHeight;\n case 'right':\n return halfHeight + \" 0 \" + halfHeight + \" \" + fullWidth;\n case 'topRight':\n default:\n return \"0 \" + fullWidth + \" \" + fullHeight + \" 0\";\n }\n};\nvar getBorderColor = function getBorderColor(pointingDirection, foregroundColor) {\n switch (pointingDirection) {\n case 'top':\n case 'bottomRight':\n return {\n borderBottomColor: foregroundColor\n };\n case 'right':\n case 'bottomLeft':\n return {\n borderLeftColor: foregroundColor\n };\n case 'bottom':\n case 'topLeft':\n return {\n borderTopColor: foregroundColor\n };\n case 'left':\n case 'topRight':\n return {\n borderRightColor: foregroundColor\n };\n default:\n throw new PolishedError(59);\n }\n};\n\n/**\n * CSS to represent triangle with any pointing direction with an optional background color.\n *\n * @example\n * // Styles as object usage\n *\n * const styles = {\n * ...triangle({ pointingDirection: 'right', width: '100px', height: '100px', foregroundColor: 'red' })\n * }\n *\n *\n * // styled-components usage\n * const div = styled.div`\n * ${triangle({ pointingDirection: 'right', width: '100px', height: '100px', foregroundColor: 'red' })}\n *\n *\n * // CSS as JS Output\n *\n * div: {\n * 'borderColor': 'transparent transparent transparent red',\n * 'borderStyle': 'solid',\n * 'borderWidth': '50px 0 50px 100px',\n * 'height': '0',\n * 'width': '0',\n * }\n */\nfunction triangle(_ref) {\n var pointingDirection = _ref.pointingDirection,\n height = _ref.height,\n width = _ref.width,\n foregroundColor = _ref.foregroundColor,\n _ref$backgroundColor = _ref.backgroundColor,\n backgroundColor = _ref$backgroundColor === void 0 ? 'transparent' : _ref$backgroundColor;\n var widthAndUnit = getValueAndUnit(width);\n var heightAndUnit = getValueAndUnit(height);\n if (isNaN(heightAndUnit[0]) || isNaN(widthAndUnit[0])) {\n throw new PolishedError(60);\n }\n return _extends({\n width: '0',\n height: '0',\n borderColor: backgroundColor\n }, getBorderColor(pointingDirection, foregroundColor), {\n borderStyle: 'solid',\n borderWidth: getBorderWidth(pointingDirection, heightAndUnit, widthAndUnit)\n });\n}\n\n/**\n * Provides an easy way to change the `wordWrap` property.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...wordWrap('break-word')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${wordWrap('break-word')}\n * `\n *\n * // CSS as JS Output\n *\n * const styles = {\n * overflowWrap: 'break-word',\n * wordWrap: 'break-word',\n * wordBreak: 'break-all',\n * }\n */\nfunction wordWrap(wrap) {\n if (wrap === void 0) {\n wrap = 'break-word';\n }\n var wordBreak = wrap === 'break-word' ? 'break-all' : wrap;\n return {\n overflowWrap: wrap,\n wordWrap: wrap,\n wordBreak: wordBreak\n };\n}\n\nfunction colorToInt(color) {\n return Math.round(color * 255);\n}\nfunction convertToInt(red, green, blue) {\n return colorToInt(red) + \",\" + colorToInt(green) + \",\" + colorToInt(blue);\n}\nfunction hslToRgb(hue, saturation, lightness, convert) {\n if (convert === void 0) {\n convert = convertToInt;\n }\n if (saturation === 0) {\n // achromatic\n return convert(lightness, lightness, lightness);\n }\n\n // formulae from https://en.wikipedia.org/wiki/HSL_and_HSV\n var huePrime = (hue % 360 + 360) % 360 / 60;\n var chroma = (1 - Math.abs(2 * lightness - 1)) * saturation;\n var secondComponent = chroma * (1 - Math.abs(huePrime % 2 - 1));\n var red = 0;\n var green = 0;\n var blue = 0;\n if (huePrime >= 0 && huePrime < 1) {\n red = chroma;\n green = secondComponent;\n } else if (huePrime >= 1 && huePrime < 2) {\n red = secondComponent;\n green = chroma;\n } else if (huePrime >= 2 && huePrime < 3) {\n green = chroma;\n blue = secondComponent;\n } else if (huePrime >= 3 && huePrime < 4) {\n green = secondComponent;\n blue = chroma;\n } else if (huePrime >= 4 && huePrime < 5) {\n red = secondComponent;\n blue = chroma;\n } else if (huePrime >= 5 && huePrime < 6) {\n red = chroma;\n blue = secondComponent;\n }\n var lightnessModification = lightness - chroma / 2;\n var finalRed = red + lightnessModification;\n var finalGreen = green + lightnessModification;\n var finalBlue = blue + lightnessModification;\n return convert(finalRed, finalGreen, finalBlue);\n}\n\nvar namedColorMap = {\n aliceblue: 'f0f8ff',\n antiquewhite: 'faebd7',\n aqua: '00ffff',\n aquamarine: '7fffd4',\n azure: 'f0ffff',\n beige: 'f5f5dc',\n bisque: 'ffe4c4',\n black: '000',\n blanchedalmond: 'ffebcd',\n blue: '0000ff',\n blueviolet: '8a2be2',\n brown: 'a52a2a',\n burlywood: 'deb887',\n cadetblue: '5f9ea0',\n chartreuse: '7fff00',\n chocolate: 'd2691e',\n coral: 'ff7f50',\n cornflowerblue: '6495ed',\n cornsilk: 'fff8dc',\n crimson: 'dc143c',\n cyan: '00ffff',\n darkblue: '00008b',\n darkcyan: '008b8b',\n darkgoldenrod: 'b8860b',\n darkgray: 'a9a9a9',\n darkgreen: '006400',\n darkgrey: 'a9a9a9',\n darkkhaki: 'bdb76b',\n darkmagenta: '8b008b',\n darkolivegreen: '556b2f',\n darkorange: 'ff8c00',\n darkorchid: '9932cc',\n darkred: '8b0000',\n darksalmon: 'e9967a',\n darkseagreen: '8fbc8f',\n darkslateblue: '483d8b',\n darkslategray: '2f4f4f',\n darkslategrey: '2f4f4f',\n darkturquoise: '00ced1',\n darkviolet: '9400d3',\n deeppink: 'ff1493',\n deepskyblue: '00bfff',\n dimgray: '696969',\n dimgrey: '696969',\n dodgerblue: '1e90ff',\n firebrick: 'b22222',\n floralwhite: 'fffaf0',\n forestgreen: '228b22',\n fuchsia: 'ff00ff',\n gainsboro: 'dcdcdc',\n ghostwhite: 'f8f8ff',\n gold: 'ffd700',\n goldenrod: 'daa520',\n gray: '808080',\n green: '008000',\n greenyellow: 'adff2f',\n grey: '808080',\n honeydew: 'f0fff0',\n hotpink: 'ff69b4',\n indianred: 'cd5c5c',\n indigo: '4b0082',\n ivory: 'fffff0',\n khaki: 'f0e68c',\n lavender: 'e6e6fa',\n lavenderblush: 'fff0f5',\n lawngreen: '7cfc00',\n lemonchiffon: 'fffacd',\n lightblue: 'add8e6',\n lightcoral: 'f08080',\n lightcyan: 'e0ffff',\n lightgoldenrodyellow: 'fafad2',\n lightgray: 'd3d3d3',\n lightgreen: '90ee90',\n lightgrey: 'd3d3d3',\n lightpink: 'ffb6c1',\n lightsalmon: 'ffa07a',\n lightseagreen: '20b2aa',\n lightskyblue: '87cefa',\n lightslategray: '789',\n lightslategrey: '789',\n lightsteelblue: 'b0c4de',\n lightyellow: 'ffffe0',\n lime: '0f0',\n limegreen: '32cd32',\n linen: 'faf0e6',\n magenta: 'f0f',\n maroon: '800000',\n mediumaquamarine: '66cdaa',\n mediumblue: '0000cd',\n mediumorchid: 'ba55d3',\n mediumpurple: '9370db',\n mediumseagreen: '3cb371',\n mediumslateblue: '7b68ee',\n mediumspringgreen: '00fa9a',\n mediumturquoise: '48d1cc',\n mediumvioletred: 'c71585',\n midnightblue: '191970',\n mintcream: 'f5fffa',\n mistyrose: 'ffe4e1',\n moccasin: 'ffe4b5',\n navajowhite: 'ffdead',\n navy: '000080',\n oldlace: 'fdf5e6',\n olive: '808000',\n olivedrab: '6b8e23',\n orange: 'ffa500',\n orangered: 'ff4500',\n orchid: 'da70d6',\n palegoldenrod: 'eee8aa',\n palegreen: '98fb98',\n paleturquoise: 'afeeee',\n palevioletred: 'db7093',\n papayawhip: 'ffefd5',\n peachpuff: 'ffdab9',\n peru: 'cd853f',\n pink: 'ffc0cb',\n plum: 'dda0dd',\n powderblue: 'b0e0e6',\n purple: '800080',\n rebeccapurple: '639',\n red: 'f00',\n rosybrown: 'bc8f8f',\n royalblue: '4169e1',\n saddlebrown: '8b4513',\n salmon: 'fa8072',\n sandybrown: 'f4a460',\n seagreen: '2e8b57',\n seashell: 'fff5ee',\n sienna: 'a0522d',\n silver: 'c0c0c0',\n skyblue: '87ceeb',\n slateblue: '6a5acd',\n slategray: '708090',\n slategrey: '708090',\n snow: 'fffafa',\n springgreen: '00ff7f',\n steelblue: '4682b4',\n tan: 'd2b48c',\n teal: '008080',\n thistle: 'd8bfd8',\n tomato: 'ff6347',\n turquoise: '40e0d0',\n violet: 'ee82ee',\n wheat: 'f5deb3',\n white: 'fff',\n whitesmoke: 'f5f5f5',\n yellow: 'ff0',\n yellowgreen: '9acd32'\n};\n\n/**\n * Checks if a string is a CSS named color and returns its equivalent hex value, otherwise returns the original color.\n * @private\n */\nfunction nameToHex(color) {\n if (typeof color !== 'string') return color;\n var normalizedColorName = color.toLowerCase();\n return namedColorMap[normalizedColorName] ? \"#\" + namedColorMap[normalizedColorName] : color;\n}\n\nvar hexRegex = /^#[a-fA-F0-9]{6}$/;\nvar hexRgbaRegex = /^#[a-fA-F0-9]{8}$/;\nvar reducedHexRegex = /^#[a-fA-F0-9]{3}$/;\nvar reducedRgbaHexRegex = /^#[a-fA-F0-9]{4}$/;\nvar rgbRegex = /^rgb\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*\\)$/i;\nvar rgbaRegex = /^rgb(?:a)?\\(\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,)?\\s*(\\d{1,3})\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;\nvar hslRegex = /^hsl\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*\\)$/i;\nvar hslaRegex = /^hsl(?:a)?\\(\\s*(\\d{0,3}[.]?[0-9]+(?:deg)?)\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,)?\\s*(\\d{1,3}[.]?[0-9]?)%\\s*(?:,|\\/)\\s*([-+]?\\d*[.]?\\d+[%]?)\\s*\\)$/i;\n\n/**\n * Returns an RgbColor or RgbaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a RgbColor or RgbaColor object back to a string.\n *\n * @example\n * // Assigns `{ red: 255, green: 0, blue: 0 }` to color1\n * const color1 = parseToRgb('rgb(255, 0, 0)');\n * // Assigns `{ red: 92, green: 102, blue: 112, alpha: 0.75 }` to color2\n * const color2 = parseToRgb('hsla(210, 10%, 40%, 0.75)');\n */\nfunction parseToRgb(color) {\n if (typeof color !== 'string') {\n throw new PolishedError(3);\n }\n var normalizedColor = nameToHex(color);\n if (normalizedColor.match(hexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16)\n };\n }\n if (normalizedColor.match(hexRgbaRegex)) {\n var alpha = parseFloat((parseInt(\"\" + normalizedColor[7] + normalizedColor[8], 16) / 255).toFixed(2));\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[2], 16),\n green: parseInt(\"\" + normalizedColor[3] + normalizedColor[4], 16),\n blue: parseInt(\"\" + normalizedColor[5] + normalizedColor[6], 16),\n alpha: alpha\n };\n }\n if (normalizedColor.match(reducedHexRegex)) {\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16)\n };\n }\n if (normalizedColor.match(reducedRgbaHexRegex)) {\n var _alpha = parseFloat((parseInt(\"\" + normalizedColor[4] + normalizedColor[4], 16) / 255).toFixed(2));\n return {\n red: parseInt(\"\" + normalizedColor[1] + normalizedColor[1], 16),\n green: parseInt(\"\" + normalizedColor[2] + normalizedColor[2], 16),\n blue: parseInt(\"\" + normalizedColor[3] + normalizedColor[3], 16),\n alpha: _alpha\n };\n }\n var rgbMatched = rgbRegex.exec(normalizedColor);\n if (rgbMatched) {\n return {\n red: parseInt(\"\" + rgbMatched[1], 10),\n green: parseInt(\"\" + rgbMatched[2], 10),\n blue: parseInt(\"\" + rgbMatched[3], 10)\n };\n }\n var rgbaMatched = rgbaRegex.exec(normalizedColor.substring(0, 50));\n if (rgbaMatched) {\n return {\n red: parseInt(\"\" + rgbaMatched[1], 10),\n green: parseInt(\"\" + rgbaMatched[2], 10),\n blue: parseInt(\"\" + rgbaMatched[3], 10),\n alpha: parseFloat(\"\" + rgbaMatched[4]) > 1 ? parseFloat(\"\" + rgbaMatched[4]) / 100 : parseFloat(\"\" + rgbaMatched[4])\n };\n }\n var hslMatched = hslRegex.exec(normalizedColor);\n if (hslMatched) {\n var hue = parseInt(\"\" + hslMatched[1], 10);\n var saturation = parseInt(\"\" + hslMatched[2], 10) / 100;\n var lightness = parseInt(\"\" + hslMatched[3], 10) / 100;\n var rgbColorString = \"rgb(\" + hslToRgb(hue, saturation, lightness) + \")\";\n var hslRgbMatched = rgbRegex.exec(rgbColorString);\n if (!hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, rgbColorString);\n }\n return {\n red: parseInt(\"\" + hslRgbMatched[1], 10),\n green: parseInt(\"\" + hslRgbMatched[2], 10),\n blue: parseInt(\"\" + hslRgbMatched[3], 10)\n };\n }\n var hslaMatched = hslaRegex.exec(normalizedColor.substring(0, 50));\n if (hslaMatched) {\n var _hue = parseInt(\"\" + hslaMatched[1], 10);\n var _saturation = parseInt(\"\" + hslaMatched[2], 10) / 100;\n var _lightness = parseInt(\"\" + hslaMatched[3], 10) / 100;\n var _rgbColorString = \"rgb(\" + hslToRgb(_hue, _saturation, _lightness) + \")\";\n var _hslRgbMatched = rgbRegex.exec(_rgbColorString);\n if (!_hslRgbMatched) {\n throw new PolishedError(4, normalizedColor, _rgbColorString);\n }\n return {\n red: parseInt(\"\" + _hslRgbMatched[1], 10),\n green: parseInt(\"\" + _hslRgbMatched[2], 10),\n blue: parseInt(\"\" + _hslRgbMatched[3], 10),\n alpha: parseFloat(\"\" + hslaMatched[4]) > 1 ? parseFloat(\"\" + hslaMatched[4]) / 100 : parseFloat(\"\" + hslaMatched[4])\n };\n }\n throw new PolishedError(5);\n}\n\nfunction rgbToHsl(color) {\n // make sure rgb are contained in a set of [0, 255]\n var red = color.red / 255;\n var green = color.green / 255;\n var blue = color.blue / 255;\n var max = Math.max(red, green, blue);\n var min = Math.min(red, green, blue);\n var lightness = (max + min) / 2;\n if (max === min) {\n // achromatic\n if (color.alpha !== undefined) {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness,\n alpha: color.alpha\n };\n } else {\n return {\n hue: 0,\n saturation: 0,\n lightness: lightness\n };\n }\n }\n var hue;\n var delta = max - min;\n var saturation = lightness > 0.5 ? delta / (2 - max - min) : delta / (max + min);\n switch (max) {\n case red:\n hue = (green - blue) / delta + (green < blue ? 6 : 0);\n break;\n case green:\n hue = (blue - red) / delta + 2;\n break;\n default:\n // blue case\n hue = (red - green) / delta + 4;\n break;\n }\n hue *= 60;\n if (color.alpha !== undefined) {\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness,\n alpha: color.alpha\n };\n }\n return {\n hue: hue,\n saturation: saturation,\n lightness: lightness\n };\n}\n\n/**\n * Returns an HslColor or HslaColor object. This utility function is only useful\n * if want to extract a color component. With the color util `toColorString` you\n * can convert a HslColor or HslaColor object back to a string.\n *\n * @example\n * // Assigns `{ hue: 0, saturation: 1, lightness: 0.5 }` to color1\n * const color1 = parseToHsl('rgb(255, 0, 0)');\n * // Assigns `{ hue: 128, saturation: 1, lightness: 0.5, alpha: 0.75 }` to color2\n * const color2 = parseToHsl('hsla(128, 100%, 50%, 0.75)');\n */\nfunction parseToHsl(color) {\n // Note: At a later stage we can optimize this function as right now a hsl\n // color would be parsed converted to rgb values and converted back to hsl.\n return rgbToHsl(parseToRgb(color));\n}\n\n/**\n * Reduces hex values if possible e.g. #ff8866 to #f86\n * @private\n */\nvar reduceHexValue = function reduceHexValue(value) {\n if (value.length === 7 && value[1] === value[2] && value[3] === value[4] && value[5] === value[6]) {\n return \"#\" + value[1] + value[3] + value[5];\n }\n return value;\n};\nvar reduceHexValue$1 = reduceHexValue;\n\nfunction numberToHex(value) {\n var hex = value.toString(16);\n return hex.length === 1 ? \"0\" + hex : hex;\n}\n\nfunction colorToHex(color) {\n return numberToHex(Math.round(color * 255));\n}\nfunction convertToHex(red, green, blue) {\n return reduceHexValue$1(\"#\" + colorToHex(red) + colorToHex(green) + colorToHex(blue));\n}\nfunction hslToHex(hue, saturation, lightness) {\n return hslToRgb(hue, saturation, lightness, convertToHex);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsl(359, 0.75, 0.4),\n * background: hsl({ hue: 360, saturation: 0.75, lightness: 0.4 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsl(359, 0.75, 0.4)};\n * background: ${hsl({ hue: 360, saturation: 0.75, lightness: 0.4 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#b3191c\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsl(value, saturation, lightness) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number') {\n return hslToHex(value, saturation, lightness);\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined) {\n return hslToHex(value.hue, value.saturation, value.lightness);\n }\n throw new PolishedError(1);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hsla(359, 0.75, 0.4, 0.7),\n * background: hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 }),\n * background: hsla(359, 0.75, 0.4, 1),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hsla(359, 0.75, 0.4, 0.7)};\n * background: ${hsla({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0,7 })};\n * background: ${hsla(359, 0.75, 0.4, 1)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"rgba(179,25,28,0.7)\";\n * background: \"#b3191c\";\n * }\n */\nfunction hsla(value, saturation, lightness, alpha) {\n if (typeof value === 'number' && typeof saturation === 'number' && typeof lightness === 'number' && typeof alpha === 'number') {\n return alpha >= 1 ? hslToHex(value, saturation, lightness) : \"rgba(\" + hslToRgb(value, saturation, lightness) + \",\" + alpha + \")\";\n } else if (typeof value === 'object' && saturation === undefined && lightness === undefined && alpha === undefined) {\n return value.alpha >= 1 ? hslToHex(value.hue, value.saturation, value.lightness) : \"rgba(\" + hslToRgb(value.hue, value.saturation, value.lightness) + \",\" + value.alpha + \")\";\n }\n throw new PolishedError(2);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible hex notation.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgb(255, 205, 100),\n * background: rgb({ red: 255, green: 205, blue: 100 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgb(255, 205, 100)};\n * background: ${rgb({ red: 255, green: 205, blue: 100 })};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffcd64\";\n * background: \"#ffcd64\";\n * }\n */\nfunction rgb(value, green, blue) {\n if (typeof value === 'number' && typeof green === 'number' && typeof blue === 'number') {\n return reduceHexValue$1(\"#\" + numberToHex(value) + numberToHex(green) + numberToHex(blue));\n } else if (typeof value === 'object' && green === undefined && blue === undefined) {\n return reduceHexValue$1(\"#\" + numberToHex(value.red) + numberToHex(value.green) + numberToHex(value.blue));\n }\n throw new PolishedError(6);\n}\n\n/**\n * Returns a string value for the color. The returned result is the smallest possible rgba or hex notation.\n *\n * Can also be used to fade a color by passing a hex value or named CSS color along with an alpha value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgba(255, 205, 100, 0.7),\n * background: rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 }),\n * background: rgba(255, 205, 100, 1),\n * background: rgba('#ffffff', 0.4),\n * background: rgba('black', 0.7),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgba(255, 205, 100, 0.7)};\n * background: ${rgba({ red: 255, green: 205, blue: 100, alpha: 0.7 })};\n * background: ${rgba(255, 205, 100, 1)};\n * background: ${rgba('#ffffff', 0.4)};\n * background: ${rgba('black', 0.7)};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"rgba(255,205,100,0.7)\";\n * background: \"#ffcd64\";\n * background: \"rgba(255,255,255,0.4)\";\n * background: \"rgba(0,0,0,0.7)\";\n * }\n */\nfunction rgba(firstValue, secondValue, thirdValue, fourthValue) {\n if (typeof firstValue === 'string' && typeof secondValue === 'number') {\n var rgbValue = parseToRgb(firstValue);\n return \"rgba(\" + rgbValue.red + \",\" + rgbValue.green + \",\" + rgbValue.blue + \",\" + secondValue + \")\";\n } else if (typeof firstValue === 'number' && typeof secondValue === 'number' && typeof thirdValue === 'number' && typeof fourthValue === 'number') {\n return fourthValue >= 1 ? rgb(firstValue, secondValue, thirdValue) : \"rgba(\" + firstValue + \",\" + secondValue + \",\" + thirdValue + \",\" + fourthValue + \")\";\n } else if (typeof firstValue === 'object' && secondValue === undefined && thirdValue === undefined && fourthValue === undefined) {\n return firstValue.alpha >= 1 ? rgb(firstValue.red, firstValue.green, firstValue.blue) : \"rgba(\" + firstValue.red + \",\" + firstValue.green + \",\" + firstValue.blue + \",\" + firstValue.alpha + \")\";\n }\n throw new PolishedError(7);\n}\n\nvar isRgb = function isRgb(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\nvar isRgba = function isRgba(color) {\n return typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number' && typeof color.alpha === 'number';\n};\nvar isHsl = function isHsl(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && (typeof color.alpha !== 'number' || typeof color.alpha === 'undefined');\n};\nvar isHsla = function isHsla(color) {\n return typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number' && typeof color.alpha === 'number';\n};\n\n/**\n * Converts a RgbColor, RgbaColor, HslColor or HslaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `rgb`, `rgba`, `hsl` or `hsla`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: toColorString({ red: 255, green: 205, blue: 100 }),\n * background: toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 }),\n * background: toColorString({ hue: 240, saturation: 1, lightness: 0.5 }),\n * background: toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${toColorString({ red: 255, green: 205, blue: 100 })};\n * background: ${toColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 })};\n * background: ${toColorString({ hue: 240, saturation: 1, lightness: 0.5 })};\n * background: ${toColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#ffcd64\";\n * background: \"rgba(255,205,100,0.72)\";\n * background: \"#00f\";\n * background: \"rgba(179,25,25,0.72)\";\n * }\n */\n\nfunction toColorString(color) {\n if (typeof color !== 'object') throw new PolishedError(8);\n if (isRgba(color)) return rgba(color);\n if (isRgb(color)) return rgb(color);\n if (isHsla(color)) return hsla(color);\n if (isHsl(color)) return hsl(color);\n throw new PolishedError(8);\n}\n\n// Type definitions taken from https://github.com/gcanti/flow-static-land/blob/master/src/Fun.js\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-unused-vars\n// eslint-disable-next-line no-redeclare\nfunction curried(f, length, acc) {\n return function fn() {\n // eslint-disable-next-line prefer-rest-params\n var combined = acc.concat(Array.prototype.slice.call(arguments));\n return combined.length >= length ? f.apply(this, combined) : curried(f, length, combined);\n };\n}\n\n// eslint-disable-next-line no-redeclare\nfunction curry(f) {\n // eslint-disable-line no-redeclare\n return curried(f, f.length, []);\n}\n\n/**\n * Changes the hue of the color. Hue is a number between 0 to 360. The first\n * argument for adjustHue is the amount of degrees the color is rotated around\n * the color wheel, always producing a positive hue value.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: adjustHue(180, '#448'),\n * background: adjustHue('180', 'rgba(101,100,205,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${adjustHue(180, '#448')};\n * background: ${adjustHue('180', 'rgba(101,100,205,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#888844\";\n * background: \"rgba(136,136,68,0.7)\";\n * }\n */\nfunction adjustHue(degree, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n hue: hslColor.hue + parseFloat(degree)\n }));\n}\n\n// prettier-ignore\nvar curriedAdjustHue = curry /* :: */(adjustHue);\nvar curriedAdjustHue$1 = curriedAdjustHue;\n\n/**\n * Returns the complement of the provided color. This is identical to adjustHue(180, ).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: complement('#448'),\n * background: complement('rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${complement('#448')};\n * background: ${complement('rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#884\";\n * background: \"rgba(153,153,153,0.7)\";\n * }\n */\nfunction complement(color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n hue: (hslColor.hue + 180) % 360\n }));\n}\n\nfunction guard(lowerBoundary, upperBoundary, value) {\n return Math.max(lowerBoundary, Math.min(upperBoundary, value));\n}\n\n/**\n * Returns a string value for the darkened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: darken(0.2, '#FFCD64'),\n * background: darken('0.2', 'rgba(255,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${darken(0.2, '#FFCD64')};\n * background: ${darken('0.2', 'rgba(255,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#ffbd31\";\n * background: \"rgba(255,189,49,0.7)\";\n * }\n */\nfunction darken(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness - parseFloat(amount))\n }));\n}\n\n// prettier-ignore\nvar curriedDarken = curry /* :: */(darken);\nvar curriedDarken$1 = curriedDarken;\n\n/**\n * Decreases the intensity of a color. Its range is between 0 to 1. The first\n * argument of the desaturate function is the amount by how much the color\n * intensity should be decreased.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: desaturate(0.2, '#CCCD64'),\n * background: desaturate('0.2', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${desaturate(0.2, '#CCCD64')};\n * background: ${desaturate('0.2', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#b8b979\";\n * background: \"rgba(184,185,121,0.7)\";\n * }\n */\nfunction desaturate(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n saturation: guard(0, 1, hslColor.saturation - parseFloat(amount))\n }));\n}\n\n// prettier-ignore\nvar curriedDesaturate = curry /* :: */(desaturate);\nvar curriedDesaturate$1 = curriedDesaturate;\n\n/**\n * Returns a number (float) representing the luminance of a color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: getLuminance('#CCCD64') >= getLuminance('#0000ff') ? '#CCCD64' : '#0000ff',\n * background: getLuminance('rgba(58, 133, 255, 1)') >= getLuminance('rgba(255, 57, 149, 1)') ?\n * 'rgba(58, 133, 255, 1)' :\n * 'rgba(255, 57, 149, 1)',\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${getLuminance('#CCCD64') >= getLuminance('#0000ff') ? '#CCCD64' : '#0000ff'};\n * background: ${getLuminance('rgba(58, 133, 255, 1)') >= getLuminance('rgba(255, 57, 149, 1)') ?\n * 'rgba(58, 133, 255, 1)' :\n * 'rgba(255, 57, 149, 1)'};\n *\n * // CSS in JS Output\n *\n * div {\n * background: \"#CCCD64\";\n * background: \"rgba(58, 133, 255, 1)\";\n * }\n */\nfunction getLuminance(color) {\n if (color === 'transparent') return 0;\n var rgbColor = parseToRgb(color);\n var _Object$keys$map = Object.keys(rgbColor).map(function (key) {\n var channel = rgbColor[key] / 255;\n return channel <= 0.03928 ? channel / 12.92 : Math.pow((channel + 0.055) / 1.055, 2.4);\n }),\n r = _Object$keys$map[0],\n g = _Object$keys$map[1],\n b = _Object$keys$map[2];\n return parseFloat((0.2126 * r + 0.7152 * g + 0.0722 * b).toFixed(3));\n}\n\n/**\n * Returns the contrast ratio between two colors based on\n * [W3's recommended equation for calculating contrast](http://www.w3.org/TR/WCAG20/#contrast-ratiodef).\n *\n * @example\n * const contrastRatio = getContrast('#444', '#fff');\n */\nfunction getContrast(color1, color2) {\n var luminance1 = getLuminance(color1);\n var luminance2 = getLuminance(color2);\n return parseFloat((luminance1 > luminance2 ? (luminance1 + 0.05) / (luminance2 + 0.05) : (luminance2 + 0.05) / (luminance1 + 0.05)).toFixed(2));\n}\n\n/**\n * Converts the color to a grayscale, by reducing its saturation to 0.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: grayscale('#CCCD64'),\n * background: grayscale('rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${grayscale('#CCCD64')};\n * background: ${grayscale('rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#999\";\n * background: \"rgba(153,153,153,0.7)\";\n * }\n */\nfunction grayscale(color) {\n if (color === 'transparent') return color;\n return toColorString(_extends({}, parseToHsl(color), {\n saturation: 0\n }));\n}\n\n/**\n * Converts a HslColor or HslaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `hsl` or `hsla`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: hslToColorString({ hue: 240, saturation: 1, lightness: 0.5 }),\n * background: hslToColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${hslToColorString({ hue: 240, saturation: 1, lightness: 0.5 })};\n * background: ${hslToColorString({ hue: 360, saturation: 0.75, lightness: 0.4, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#00f\";\n * background: \"rgba(179,25,25,0.72)\";\n * }\n */\nfunction hslToColorString(color) {\n if (typeof color === 'object' && typeof color.hue === 'number' && typeof color.saturation === 'number' && typeof color.lightness === 'number') {\n if (color.alpha && typeof color.alpha === 'number') {\n return hsla({\n hue: color.hue,\n saturation: color.saturation,\n lightness: color.lightness,\n alpha: color.alpha\n });\n }\n return hsl({\n hue: color.hue,\n saturation: color.saturation,\n lightness: color.lightness\n });\n }\n throw new PolishedError(45);\n}\n\n/**\n * Inverts the red, green and blue values of a color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: invert('#CCCD64'),\n * background: invert('rgba(101,100,205,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${invert('#CCCD64')};\n * background: ${invert('rgba(101,100,205,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#33329b\";\n * background: \"rgba(154,155,50,0.7)\";\n * }\n */\nfunction invert(color) {\n if (color === 'transparent') return color;\n // parse color string to rgb\n var value = parseToRgb(color);\n return toColorString(_extends({}, value, {\n red: 255 - value.red,\n green: 255 - value.green,\n blue: 255 - value.blue\n }));\n}\n\n/**\n * Returns a string value for the lightened color.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: lighten(0.2, '#CCCD64'),\n * background: lighten('0.2', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${lighten(0.2, '#FFCD64')};\n * background: ${lighten('0.2', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#e5e6b1\";\n * background: \"rgba(229,230,177,0.7)\";\n * }\n */\nfunction lighten(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n lightness: guard(0, 1, hslColor.lightness + parseFloat(amount))\n }));\n}\n\n// prettier-ignore\nvar curriedLighten = curry /* :: */(lighten);\nvar curriedLighten$1 = curriedLighten;\n\n/**\n * Determines which contrast guidelines have been met for two colors.\n * Based on the [contrast calculations recommended by W3](https://www.w3.org/WAI/WCAG21/Understanding/contrast-enhanced.html).\n *\n * @example\n * const scores = meetsContrastGuidelines('#444', '#fff');\n */\nfunction meetsContrastGuidelines(color1, color2) {\n var contrastRatio = getContrast(color1, color2);\n return {\n AA: contrastRatio >= 4.5,\n AALarge: contrastRatio >= 3,\n AAA: contrastRatio >= 7,\n AAALarge: contrastRatio >= 4.5\n };\n}\n\n/**\n * Mixes the two provided colors together by calculating the average of each of the RGB components weighted to the first color by the provided weight.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: mix(0.5, '#f00', '#00f')\n * background: mix(0.25, '#f00', '#00f')\n * background: mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${mix(0.5, '#f00', '#00f')};\n * background: ${mix(0.25, '#f00', '#00f')};\n * background: ${mix('0.5', 'rgba(255, 0, 0, 0.5)', '#00f')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#7f007f\";\n * background: \"#3f00bf\";\n * background: \"rgba(63, 0, 191, 0.75)\";\n * }\n */\nfunction mix(weight, color, otherColor) {\n if (color === 'transparent') return otherColor;\n if (otherColor === 'transparent') return color;\n if (weight === 0) return otherColor;\n var parsedColor1 = parseToRgb(color);\n var color1 = _extends({}, parsedColor1, {\n alpha: typeof parsedColor1.alpha === 'number' ? parsedColor1.alpha : 1\n });\n var parsedColor2 = parseToRgb(otherColor);\n var color2 = _extends({}, parsedColor2, {\n alpha: typeof parsedColor2.alpha === 'number' ? parsedColor2.alpha : 1\n });\n\n // The formula is copied from the original Sass implementation:\n // http://sass-lang.com/documentation/Sass/Script/Functions.html#mix-instance_method\n var alphaDelta = color1.alpha - color2.alpha;\n var x = parseFloat(weight) * 2 - 1;\n var y = x * alphaDelta === -1 ? x : x + alphaDelta;\n var z = 1 + x * alphaDelta;\n var weight1 = (y / z + 1) / 2.0;\n var weight2 = 1 - weight1;\n var mixedColor = {\n red: Math.floor(color1.red * weight1 + color2.red * weight2),\n green: Math.floor(color1.green * weight1 + color2.green * weight2),\n blue: Math.floor(color1.blue * weight1 + color2.blue * weight2),\n alpha: color1.alpha * parseFloat(weight) + color2.alpha * (1 - parseFloat(weight))\n };\n return rgba(mixedColor);\n}\n\n// prettier-ignore\nvar curriedMix = curry /* :: */(mix);\nvar mix$1 = curriedMix;\n\n/**\n * Increases the opacity of a color. Its range for the amount is between 0 to 1.\n *\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: opacify(0.1, 'rgba(255, 255, 255, 0.9)');\n * background: opacify(0.2, 'hsla(0, 0%, 100%, 0.5)'),\n * background: opacify('0.5', 'rgba(255, 0, 0, 0.2)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${opacify(0.1, 'rgba(255, 255, 255, 0.9)')};\n * background: ${opacify(0.2, 'hsla(0, 0%, 100%, 0.5)')},\n * background: ${opacify('0.5', 'rgba(255, 0, 0, 0.2)')},\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#fff\";\n * background: \"rgba(255,255,255,0.7)\";\n * background: \"rgba(255,0,0,0.7)\";\n * }\n */\nfunction opacify(amount, color) {\n if (color === 'transparent') return color;\n var parsedColor = parseToRgb(color);\n var alpha = typeof parsedColor.alpha === 'number' ? parsedColor.alpha : 1;\n var colorWithAlpha = _extends({}, parsedColor, {\n alpha: guard(0, 1, (alpha * 100 + parseFloat(amount) * 100) / 100)\n });\n return rgba(colorWithAlpha);\n}\n\n// prettier-ignore\nvar curriedOpacify = curry /* :: */(opacify);\nvar curriedOpacify$1 = curriedOpacify;\n\nvar defaultReturnIfLightColor = '#000';\nvar defaultReturnIfDarkColor = '#fff';\n\n/**\n * Returns black or white (or optional passed colors) for best\n * contrast depending on the luminosity of the given color.\n * When passing custom return colors, strict mode ensures that the\n * return color always meets or exceeds WCAG level AA or greater. If this test\n * fails, the default return color (black or white) is returned in place of the\n * custom return color. You can optionally turn off strict mode.\n *\n * Follows [W3C specs for readability](https://www.w3.org/TR/WCAG20-TECHS/G18.html).\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * color: readableColor('#000'),\n * color: readableColor('black', '#001', '#ff8'),\n * color: readableColor('white', '#001', '#ff8'),\n * color: readableColor('red', '#333', '#ddd', true)\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * color: ${readableColor('#000')};\n * color: ${readableColor('black', '#001', '#ff8')};\n * color: ${readableColor('white', '#001', '#ff8')};\n * color: ${readableColor('red', '#333', '#ddd', true)};\n * `\n *\n * // CSS in JS Output\n * element {\n * color: \"#fff\";\n * color: \"#ff8\";\n * color: \"#001\";\n * color: \"#000\";\n * }\n */\nfunction readableColor(color, returnIfLightColor, returnIfDarkColor, strict) {\n if (returnIfLightColor === void 0) {\n returnIfLightColor = defaultReturnIfLightColor;\n }\n if (returnIfDarkColor === void 0) {\n returnIfDarkColor = defaultReturnIfDarkColor;\n }\n if (strict === void 0) {\n strict = true;\n }\n var isColorLight = getLuminance(color) > 0.179;\n var preferredReturnColor = isColorLight ? returnIfLightColor : returnIfDarkColor;\n if (!strict || getContrast(color, preferredReturnColor) >= 4.5) {\n return preferredReturnColor;\n }\n return isColorLight ? defaultReturnIfLightColor : defaultReturnIfDarkColor;\n}\n\n/**\n * Converts a RgbColor or RgbaColor object to a color string.\n * This util is useful in case you only know on runtime which color object is\n * used. Otherwise we recommend to rely on `rgb` or `rgba`.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: rgbToColorString({ red: 255, green: 205, blue: 100 }),\n * background: rgbToColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 }),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${rgbToColorString({ red: 255, green: 205, blue: 100 })};\n * background: ${rgbToColorString({ red: 255, green: 205, blue: 100, alpha: 0.72 })};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#ffcd64\";\n * background: \"rgba(255,205,100,0.72)\";\n * }\n */\nfunction rgbToColorString(color) {\n if (typeof color === 'object' && typeof color.red === 'number' && typeof color.green === 'number' && typeof color.blue === 'number') {\n if (typeof color.alpha === 'number') {\n return rgba({\n red: color.red,\n green: color.green,\n blue: color.blue,\n alpha: color.alpha\n });\n }\n return rgb({\n red: color.red,\n green: color.green,\n blue: color.blue\n });\n }\n throw new PolishedError(46);\n}\n\n/**\n * Increases the intensity of a color. Its range is between 0 to 1. The first\n * argument of the saturate function is the amount by how much the color\n * intensity should be increased.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: saturate(0.2, '#CCCD64'),\n * background: saturate('0.2', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${saturate(0.2, '#FFCD64')};\n * background: ${saturate('0.2', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#e0e250\";\n * background: \"rgba(224,226,80,0.7)\";\n * }\n */\nfunction saturate(amount, color) {\n if (color === 'transparent') return color;\n var hslColor = parseToHsl(color);\n return toColorString(_extends({}, hslColor, {\n saturation: guard(0, 1, hslColor.saturation + parseFloat(amount))\n }));\n}\n\n// prettier-ignore\nvar curriedSaturate = curry /* :: */(saturate);\nvar curriedSaturate$1 = curriedSaturate;\n\n/**\n * Sets the hue of a color to the provided value. The hue range can be\n * from 0 and 359.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: setHue(42, '#CCCD64'),\n * background: setHue('244', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${setHue(42, '#CCCD64')};\n * background: ${setHue('244', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#cdae64\";\n * background: \"rgba(107,100,205,0.7)\";\n * }\n */\nfunction setHue(hue, color) {\n if (color === 'transparent') return color;\n return toColorString(_extends({}, parseToHsl(color), {\n hue: parseFloat(hue)\n }));\n}\n\n// prettier-ignore\nvar curriedSetHue = curry /* :: */(setHue);\nvar curriedSetHue$1 = curriedSetHue;\n\n/**\n * Sets the lightness of a color to the provided value. The lightness range can be\n * from 0 and 1.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: setLightness(0.2, '#CCCD64'),\n * background: setLightness('0.75', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${setLightness(0.2, '#CCCD64')};\n * background: ${setLightness('0.75', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#4d4d19\";\n * background: \"rgba(223,224,159,0.7)\";\n * }\n */\nfunction setLightness(lightness, color) {\n if (color === 'transparent') return color;\n return toColorString(_extends({}, parseToHsl(color), {\n lightness: parseFloat(lightness)\n }));\n}\n\n// prettier-ignore\nvar curriedSetLightness = curry /* :: */(setLightness);\nvar curriedSetLightness$1 = curriedSetLightness;\n\n/**\n * Sets the saturation of a color to the provided value. The saturation range can be\n * from 0 and 1.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: setSaturation(0.2, '#CCCD64'),\n * background: setSaturation('0.75', 'rgba(204,205,100,0.7)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${setSaturation(0.2, '#CCCD64')};\n * background: ${setSaturation('0.75', 'rgba(204,205,100,0.7)')};\n * `\n *\n * // CSS in JS Output\n * element {\n * background: \"#adad84\";\n * background: \"rgba(228,229,76,0.7)\";\n * }\n */\nfunction setSaturation(saturation, color) {\n if (color === 'transparent') return color;\n return toColorString(_extends({}, parseToHsl(color), {\n saturation: parseFloat(saturation)\n }));\n}\n\n// prettier-ignore\nvar curriedSetSaturation = curry /* :: */(setSaturation);\nvar curriedSetSaturation$1 = curriedSetSaturation;\n\n/**\n * Shades a color by mixing it with black. `shade` can produce\n * hue shifts, where as `darken` manipulates the luminance channel and therefore\n * doesn't produce hue shifts.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: shade(0.25, '#00f')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${shade(0.25, '#00f')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#00003f\";\n * }\n */\n\nfunction shade(percentage, color) {\n if (color === 'transparent') return color;\n return mix$1(parseFloat(percentage), 'rgb(0, 0, 0)', color);\n}\n\n// prettier-ignore\nvar curriedShade = curry /* :: */(shade);\nvar curriedShade$1 = curriedShade;\n\n/**\n * Tints a color by mixing it with white. `tint` can produce\n * hue shifts, where as `lighten` manipulates the luminance channel and therefore\n * doesn't produce hue shifts.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: tint(0.25, '#00f')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${tint(0.25, '#00f')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"#bfbfff\";\n * }\n */\n\nfunction tint(percentage, color) {\n if (color === 'transparent') return color;\n return mix$1(parseFloat(percentage), 'rgb(255, 255, 255)', color);\n}\n\n// prettier-ignore\nvar curriedTint = curry /* :: */(tint);\nvar curriedTint$1 = curriedTint;\n\n/**\n * Decreases the opacity of a color. Its range for the amount is between 0 to 1.\n *\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * background: transparentize(0.1, '#fff'),\n * background: transparentize(0.2, 'hsl(0, 0%, 100%)'),\n * background: transparentize('0.5', 'rgba(255, 0, 0, 0.8)'),\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * background: ${transparentize(0.1, '#fff')};\n * background: ${transparentize(0.2, 'hsl(0, 0%, 100%)')};\n * background: ${transparentize('0.5', 'rgba(255, 0, 0, 0.8)')};\n * `\n *\n * // CSS in JS Output\n *\n * element {\n * background: \"rgba(255,255,255,0.9)\";\n * background: \"rgba(255,255,255,0.8)\";\n * background: \"rgba(255,0,0,0.3)\";\n * }\n */\nfunction transparentize(amount, color) {\n if (color === 'transparent') return color;\n var parsedColor = parseToRgb(color);\n var alpha = typeof parsedColor.alpha === 'number' ? parsedColor.alpha : 1;\n var colorWithAlpha = _extends({}, parsedColor, {\n alpha: guard(0, 1, +(alpha * 100 - parseFloat(amount) * 100).toFixed(2) / 100)\n });\n return rgba(colorWithAlpha);\n}\n\n// prettier-ignore\nvar curriedTransparentize = curry /* :: */(transparentize);\nvar curriedTransparentize$1 = curriedTransparentize;\n\n/**\n * Shorthand for easily setting the animation property. Allows either multiple arrays with animations\n * or a single animation spread over the arguments.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...animation(['rotate', '1s', 'ease-in-out'], ['colorchange', '2s'])\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${animation(['rotate', '1s', 'ease-in-out'], ['colorchange', '2s'])}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'animation': 'rotate 1s ease-in-out, colorchange 2s'\n * }\n * @example\n * // Styles as object usage\n * const styles = {\n * ...animation('rotate', '1s', 'ease-in-out')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${animation('rotate', '1s', 'ease-in-out')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'animation': 'rotate 1s ease-in-out'\n * }\n */\nfunction animation() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n // Allow single or multiple animations passed\n var multiMode = Array.isArray(args[0]);\n if (!multiMode && args.length > 8) {\n throw new PolishedError(64);\n }\n var code = args.map(function (arg) {\n if (multiMode && !Array.isArray(arg) || !multiMode && Array.isArray(arg)) {\n throw new PolishedError(65);\n }\n if (Array.isArray(arg) && arg.length > 8) {\n throw new PolishedError(66);\n }\n return Array.isArray(arg) ? arg.join(' ') : arg;\n }).join(', ');\n return {\n animation: code\n };\n}\n\n/**\n * Shorthand that accepts any number of backgroundImage values as parameters for creating a single background statement.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...backgroundImages('url(\"/image/background.jpg\")', 'linear-gradient(red, green)')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${backgroundImages('url(\"/image/background.jpg\")', 'linear-gradient(red, green)')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'backgroundImage': 'url(\"/image/background.jpg\"), linear-gradient(red, green)'\n * }\n */\nfunction backgroundImages() {\n for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {\n properties[_key] = arguments[_key];\n }\n return {\n backgroundImage: properties.join(', ')\n };\n}\n\n/**\n * Shorthand that accepts any number of background values as parameters for creating a single background statement.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...backgrounds('url(\"/image/background.jpg\")', 'linear-gradient(red, green)', 'center no-repeat')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${backgrounds('url(\"/image/background.jpg\")', 'linear-gradient(red, green)', 'center no-repeat')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'background': 'url(\"/image/background.jpg\"), linear-gradient(red, green), center no-repeat'\n * }\n */\nfunction backgrounds() {\n for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {\n properties[_key] = arguments[_key];\n }\n return {\n background: properties.join(', ')\n };\n}\n\nvar sideMap = ['top', 'right', 'bottom', 'left'];\n\n/**\n * Shorthand for the border property that splits out individual properties for use with tools like Fela and Styletron. A side keyword can optionally be passed to target only one side's border properties.\n *\n * @example\n * // Styles as object usage\n * const styles = {\n * ...border('1px', 'solid', 'red')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${border('1px', 'solid', 'red')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderColor': 'red',\n * 'borderStyle': 'solid',\n * 'borderWidth': `1px`,\n * }\n *\n * // Styles as object usage\n * const styles = {\n * ...border('top', '1px', 'solid', 'red')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${border('top', '1px', 'solid', 'red')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderTopColor': 'red',\n * 'borderTopStyle': 'solid',\n * 'borderTopWidth': `1px`,\n * }\n */\n\nfunction border(sideKeyword) {\n for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n values[_key - 1] = arguments[_key];\n }\n if (typeof sideKeyword === 'string' && sideMap.indexOf(sideKeyword) >= 0) {\n var _ref;\n return _ref = {}, _ref[\"border\" + capitalizeString(sideKeyword) + \"Width\"] = values[0], _ref[\"border\" + capitalizeString(sideKeyword) + \"Style\"] = values[1], _ref[\"border\" + capitalizeString(sideKeyword) + \"Color\"] = values[2], _ref;\n } else {\n values.unshift(sideKeyword);\n return {\n borderWidth: values[0],\n borderStyle: values[1],\n borderColor: values[2]\n };\n }\n}\n\n/**\n * Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...borderColor('red', 'green', 'blue', 'yellow')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${borderColor('red', 'green', 'blue', 'yellow')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderTopColor': 'red',\n * 'borderRightColor': 'green',\n * 'borderBottomColor': 'blue',\n * 'borderLeftColor': 'yellow'\n * }\n */\nfunction borderColor() {\n for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n values[_key] = arguments[_key];\n }\n return directionalProperty.apply(void 0, ['borderColor'].concat(values));\n}\n\n/**\n * Shorthand that accepts a value for side and a value for radius and applies the radius value to both corners of the side.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...borderRadius('top', '5px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${borderRadius('top', '5px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderTopRightRadius': '5px',\n * 'borderTopLeftRadius': '5px',\n * }\n */\nfunction borderRadius(side, radius) {\n var uppercaseSide = capitalizeString(side);\n if (!radius && radius !== 0) {\n throw new PolishedError(62);\n }\n if (uppercaseSide === 'Top' || uppercaseSide === 'Bottom') {\n var _ref;\n return _ref = {}, _ref[\"border\" + uppercaseSide + \"RightRadius\"] = radius, _ref[\"border\" + uppercaseSide + \"LeftRadius\"] = radius, _ref;\n }\n if (uppercaseSide === 'Left' || uppercaseSide === 'Right') {\n var _ref2;\n return _ref2 = {}, _ref2[\"borderTop\" + uppercaseSide + \"Radius\"] = radius, _ref2[\"borderBottom\" + uppercaseSide + \"Radius\"] = radius, _ref2;\n }\n throw new PolishedError(63);\n}\n\n/**\n * Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...borderStyle('solid', 'dashed', 'dotted', 'double')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${borderStyle('solid', 'dashed', 'dotted', 'double')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderTopStyle': 'solid',\n * 'borderRightStyle': 'dashed',\n * 'borderBottomStyle': 'dotted',\n * 'borderLeftStyle': 'double'\n * }\n */\nfunction borderStyle() {\n for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n values[_key] = arguments[_key];\n }\n return directionalProperty.apply(void 0, ['borderStyle'].concat(values));\n}\n\n/**\n * Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...borderWidth('12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${borderWidth('12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'borderTopWidth': '12px',\n * 'borderRightWidth': '24px',\n * 'borderBottomWidth': '36px',\n * 'borderLeftWidth': '48px'\n * }\n */\nfunction borderWidth() {\n for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n values[_key] = arguments[_key];\n }\n return directionalProperty.apply(void 0, ['borderWidth'].concat(values));\n}\n\nfunction generateSelectors(template, state) {\n var stateSuffix = state ? \":\" + state : '';\n return template(stateSuffix);\n}\n\n/**\n * Function helper that adds an array of states to a template of selectors. Used in textInputs and buttons.\n * @private\n */\nfunction statefulSelectors(states, template, stateMap) {\n if (!template) throw new PolishedError(67);\n if (states.length === 0) return generateSelectors(template, null);\n var selectors = [];\n for (var i = 0; i < states.length; i += 1) {\n if (stateMap && stateMap.indexOf(states[i]) < 0) {\n throw new PolishedError(68);\n }\n selectors.push(generateSelectors(template, states[i]));\n }\n selectors = selectors.join(',');\n return selectors;\n}\n\nvar stateMap$1 = [undefined, null, 'active', 'focus', 'hover'];\nfunction template$1(state) {\n return \"button\" + state + \",\\n input[type=\\\"button\\\"]\" + state + \",\\n input[type=\\\"reset\\\"]\" + state + \",\\n input[type=\\\"submit\\\"]\" + state;\n}\n\n/**\n * Populates selectors that target all buttons. You can pass optional states to append to the selectors.\n * @example\n * // Styles as object usage\n * const styles = {\n * [buttons('active')]: {\n * 'border': 'none'\n * }\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * > ${buttons('active')} {\n * border: none;\n * }\n * `\n *\n * // CSS in JS Output\n *\n * 'button:active,\n * 'input[type=\"button\"]:active,\n * 'input[type=\\\"reset\\\"]:active,\n * 'input[type=\\\"submit\\\"]:active: {\n * 'border': 'none'\n * }\n */\nfunction buttons() {\n for (var _len = arguments.length, states = new Array(_len), _key = 0; _key < _len; _key++) {\n states[_key] = arguments[_key];\n }\n return statefulSelectors(states, template$1, stateMap$1);\n}\n\n/**\n * Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...margin('12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${margin('12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'marginTop': '12px',\n * 'marginRight': '24px',\n * 'marginBottom': '36px',\n * 'marginLeft': '48px'\n * }\n */\nfunction margin() {\n for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n values[_key] = arguments[_key];\n }\n return directionalProperty.apply(void 0, ['margin'].concat(values));\n}\n\n/**\n * Shorthand that accepts up to four values, including null to skip a value, and maps them to their respective directions.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...padding('12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${padding('12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'paddingTop': '12px',\n * 'paddingRight': '24px',\n * 'paddingBottom': '36px',\n * 'paddingLeft': '48px'\n * }\n */\nfunction padding() {\n for (var _len = arguments.length, values = new Array(_len), _key = 0; _key < _len; _key++) {\n values[_key] = arguments[_key];\n }\n return directionalProperty.apply(void 0, ['padding'].concat(values));\n}\n\nvar positionMap = ['absolute', 'fixed', 'relative', 'static', 'sticky'];\n\n/**\n * Shorthand accepts up to five values, including null to skip a value, and maps them to their respective directions. The first value can optionally be a position keyword.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...position('12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${position('12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'top': '12px',\n * 'right': '24px',\n * 'bottom': '36px',\n * 'left': '48px'\n * }\n *\n * // Styles as object usage\n * const styles = {\n * ...position('absolute', '12px', '24px', '36px', '48px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${position('absolute', '12px', '24px', '36px', '48px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'position': 'absolute',\n * 'top': '12px',\n * 'right': '24px',\n * 'bottom': '36px',\n * 'left': '48px'\n * }\n */\nfunction position(firstValue) {\n for (var _len = arguments.length, values = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n values[_key - 1] = arguments[_key];\n }\n if (positionMap.indexOf(firstValue) >= 0 && firstValue) {\n return _extends({}, directionalProperty.apply(void 0, [''].concat(values)), {\n position: firstValue\n });\n } else {\n return directionalProperty.apply(void 0, ['', firstValue].concat(values));\n }\n}\n\n/**\n * Shorthand to set the height and width properties in a single statement.\n * @example\n * // Styles as object usage\n * const styles = {\n * ...size('300px', '250px')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${size('300px', '250px')}\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'height': '300px',\n * 'width': '250px',\n * }\n */\nfunction size(height, width) {\n if (width === void 0) {\n width = height;\n }\n return {\n height: height,\n width: width\n };\n}\n\nvar stateMap = [undefined, null, 'active', 'focus', 'hover'];\nfunction template(state) {\n return \"input[type=\\\"color\\\"]\" + state + \",\\n input[type=\\\"date\\\"]\" + state + \",\\n input[type=\\\"datetime\\\"]\" + state + \",\\n input[type=\\\"datetime-local\\\"]\" + state + \",\\n input[type=\\\"email\\\"]\" + state + \",\\n input[type=\\\"month\\\"]\" + state + \",\\n input[type=\\\"number\\\"]\" + state + \",\\n input[type=\\\"password\\\"]\" + state + \",\\n input[type=\\\"search\\\"]\" + state + \",\\n input[type=\\\"tel\\\"]\" + state + \",\\n input[type=\\\"text\\\"]\" + state + \",\\n input[type=\\\"time\\\"]\" + state + \",\\n input[type=\\\"url\\\"]\" + state + \",\\n input[type=\\\"week\\\"]\" + state + \",\\n input:not([type])\" + state + \",\\n textarea\" + state;\n}\n\n/**\n * Populates selectors that target all text inputs. You can pass optional states to append to the selectors.\n * @example\n * // Styles as object usage\n * const styles = {\n * [textInputs('active')]: {\n * 'border': 'none'\n * }\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * > ${textInputs('active')} {\n * border: none;\n * }\n * `\n *\n * // CSS in JS Output\n *\n * 'input[type=\"color\"]:active,\n * input[type=\"date\"]:active,\n * input[type=\"datetime\"]:active,\n * input[type=\"datetime-local\"]:active,\n * input[type=\"email\"]:active,\n * input[type=\"month\"]:active,\n * input[type=\"number\"]:active,\n * input[type=\"password\"]:active,\n * input[type=\"search\"]:active,\n * input[type=\"tel\"]:active,\n * input[type=\"text\"]:active,\n * input[type=\"time\"]:active,\n * input[type=\"url\"]:active,\n * input[type=\"week\"]:active,\n * input:not([type]):active,\n * textarea:active': {\n * 'border': 'none'\n * }\n */\nfunction textInputs() {\n for (var _len = arguments.length, states = new Array(_len), _key = 0; _key < _len; _key++) {\n states[_key] = arguments[_key];\n }\n return statefulSelectors(states, template, stateMap);\n}\n\n/**\n * Accepts any number of transition values as parameters for creating a single transition statement. You may also pass an array of properties as the first parameter that you would like to apply the same transition values to (second parameter).\n * @example\n * // Styles as object usage\n * const styles = {\n * ...transitions('opacity 1.0s ease-in 0s', 'width 2.0s ease-in 2s'),\n * ...transitions(['color', 'background-color'], '2.0s ease-in 2s')\n * }\n *\n * // styled-components usage\n * const div = styled.div`\n * ${transitions('opacity 1.0s ease-in 0s', 'width 2.0s ease-in 2s')};\n * ${transitions(['color', 'background-color'], '2.0s ease-in 2s'),};\n * `\n *\n * // CSS as JS Output\n *\n * div {\n * 'transition': 'opacity 1.0s ease-in 0s, width 2.0s ease-in 2s'\n * 'transition': 'color 2.0s ease-in 2s, background-color 2.0s ease-in 2s',\n * }\n */\nfunction transitions() {\n for (var _len = arguments.length, properties = new Array(_len), _key = 0; _key < _len; _key++) {\n properties[_key] = arguments[_key];\n }\n if (Array.isArray(properties[0]) && properties.length === 2) {\n var value = properties[1];\n if (typeof value !== 'string') {\n throw new PolishedError(61);\n }\n var transitionsString = properties[0].map(function (property) {\n return property + \" \" + value;\n }).join(', ');\n return {\n transition: transitionsString\n };\n } else {\n return {\n transition: properties.join(', ')\n };\n }\n}\n\nexport { curriedAdjustHue$1 as adjustHue, animation, backgroundImages, backgrounds, between, border, borderColor, borderRadius, borderStyle, borderWidth, buttons, clearFix, complement, cover, cssVar, curriedDarken$1 as darken, curriedDesaturate$1 as desaturate, directionalProperty, easeIn, easeInOut, easeOut, ellipsis, em$1 as em, fluidRange, fontFace, getContrast, getLuminance, getValueAndUnit, grayscale, hiDPI, hideText, hideVisually, hsl, hslToColorString, hsla, important, invert, curriedLighten$1 as lighten, linearGradient, margin, math, meetsContrastGuidelines, mix$1 as mix, modularScale, normalize, curriedOpacify$1 as opacify, padding, parseToHsl, parseToRgb, position, radialGradient, readableColor, rem$1 as rem, remToPx, retinaImage, rgb, rgbToColorString, rgba, curriedSaturate$1 as saturate, curriedSetHue$1 as setHue, curriedSetLightness$1 as setLightness, curriedSetSaturation$1 as setSaturation, curriedShade$1 as shade, size, stripUnit, textInputs, timingFunctions, curriedTint$1 as tint, toColorString, transitions, curriedTransparentize$1 as transparentize, triangle, wordWrap };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { BottomSubmenu } from '@babylon/ui-kit-structures/components/others/submenu/styled';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst NavMenu = /*#__PURE__*/ styled.nav.withConfig({\n displayName: \"NavMenu\",\n componentId: \"sc-6f050529-0\"\n})([\n `background-color:`,\n `;`\n], (props)=>props.theme.colors.primary.light);\nconst NavContainer = /*#__PURE__*/ styled(Container).withConfig({\n displayName: \"NavContainer\",\n componentId: \"sc-6f050529-1\"\n})([\n `padding:0;`,\n `{padding:0 20px;}`\n], ({ theme })=>theme.media.up('lg'));\nconst IconAngleDown = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"IconAngleDown\",\n componentId: \"sc-6f050529-2\"\n})([\n ``,\n ` margin-left:4px;font-size:10px;transition:all 0.2s ease;`\n], FontMixin({\n height: 'smaller'\n}));\nconst IconBaseMenu = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"IconBaseMenu\",\n componentId: \"sc-6f050529-3\"\n})([\n ``,\n ` color:`,\n `;margin-left:6px;`,\n `{display:none;}`\n], FontMixin({\n size: 'base',\n height: 'base'\n}), (props)=>props.theme.colors.secondary.base, ({ theme })=>theme.media.down('lg'));\nconst IconPlus = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"IconPlus\",\n componentId: \"sc-6f050529-4\"\n})([\n ``,\n ` `,\n `{margin-left:4px;}`\n], FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'bold'\n}), ({ theme })=>theme.media.up('xl'));\nconst MenuList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"MenuList\",\n componentId: \"sc-6f050529-5\"\n})([\n ``,\n ``\n], FlexMixin({\n align: 'center',\n justify: 'space-between'\n}));\nconst MenuLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"MenuLink\",\n componentId: \"sc-6f050529-6\"\n})([\n ``,\n ` `,\n ` color:`,\n `;min-height:40px;min-width:36px;padding:8px;text-align:center;text-transform:uppercase;transition:0.15s linear;white-space:nowrap;`,\n `{`,\n ` min-height:42px;}`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'small',\n height: 'small',\n weight: 'regular'\n}), (props)=>props.theme.colors.white.base, ({ theme })=>theme.media.up('lg'), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'regular'\n}));\nconst MenuItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"MenuItem\",\n componentId: \"sc-6f050529-7\"\n})([\n `flex-grow:1;overflow:visible;position:static;`,\n `{transition-delay:0.3s;opacity:0;visibility:hidden;}`,\n `{&:nth-of-type(n + 4){`,\n `{display:none;}}}&:hover,&:focus,&:active{`,\n `{opacity:1;visibility:visible;}`,\n `{background-color:`,\n `;box-shadow:0 1px 0 `,\n ` inset;color:`,\n `;`,\n `{color:`,\n `;display:inline-block;transform:rotate(-180deg) translateY(1px);}}`,\n `{&:nth-of-type(n + 4){`,\n `{display:none;}}}}&.deals{border-right:1px solid `,\n `;}&.highlight{background-color:`,\n `;}&.more-products{background-color:`,\n `;}`\n], BottomSubmenu, ({ theme })=>theme.media.down('tablet'), IconAngleDown, BottomSubmenu, MenuLink, (props)=>props.theme.colors.white.base, (props)=>props.theme.colors.primary.light, (props)=>props.theme.colors.primary.light, IconAngleDown, (props)=>props.theme.colors.primary.light, ({ theme })=>theme.media.down('tablet'), IconAngleDown, ({ theme })=>rgba(theme.colors.primary.lighter, 0.7), ({ theme })=>rgba(theme.colors.primary.base, 0.34), (props)=>props.theme.colors.primary.base);\n\nexport { IconAngleDown, IconBaseMenu, IconPlus, MenuItem, MenuLink, MenuList, NavContainer, NavMenu };\n","import styled from 'styled-components';\n\nconst MoreProductsContent = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"MoreProductsContent\",\n componentId: \"sc-59730ae5-0\"\n})([\n `display:none;`,\n `{display:inline;}`\n], ({ theme })=>theme.media.desktop.up);\n\nexport { MoreProductsContent };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport Submenu from '@babylon/ui-kit-structures/components/others/submenu';\nimport classNames from 'classnames';\nimport { Children } from 'react';\nimport { MenuList, MenuItem, MenuLink, IconBaseMenu, IconAngleDown, IconPlus } from '../styled.mjs';\nimport { MoreProductsContent } from './styled.mjs';\n\nconst Menu = ({ items, more_products })=>/*#__PURE__*/ jsxs(MenuList, {\n children: [\n Children.toArray(items.map((item)=>/*#__PURE__*/ jsxs(MenuItem, {\n className: classNames({\n highlight: item.skin?.includes('business-line'),\n deals: item.skin?.includes('deals') && !item.skin?.includes('business-line')\n }),\n children: [\n /*#__PURE__*/ jsxs(MenuLink, {\n className: \"menu-link\",\n href: nullsToUndefined(item).href,\n target: nullsToUndefined(item).target,\n title: nullsToUndefined(item).title,\n children: [\n item.content,\n item.skin?.includes('deals') ? /*#__PURE__*/ jsx(IconBaseMenu, {\n className: \"nico-promo-label-filled\"\n }) : item.secondary_links && /*#__PURE__*/ jsx(IconAngleDown, {\n className: \"nico-angle-down\"\n }),\n item.skin?.includes('disney') && /*#__PURE__*/ jsx(IconBaseMenu, {\n className: 'nico-disney'\n })\n ]\n }),\n item.secondary_links && /*#__PURE__*/ jsx(Submenu, {\n secondary_links: item.secondary_links,\n extra_content: item.extra_content\n })\n ]\n }))),\n more_products && /*#__PURE__*/ jsxs(MenuItem, {\n className: \"sublist more-products\",\n children: [\n /*#__PURE__*/ jsxs(MenuLink, {\n className: \"menu-link\",\n href: nullsToUndefined(more_products).href || '#',\n title: nullsToUndefined(more_products).title || nullsToUndefined(more_products).content,\n children: [\n /*#__PURE__*/ jsx(MoreProductsContent, {\n children: more_products.content\n }),\n /*#__PURE__*/ jsx(IconPlus, {\n className: \"nico-plus\"\n })\n ]\n }),\n more_products.secondary_links && /*#__PURE__*/ jsx(Submenu, {\n secondary_links: more_products.secondary_links,\n extra_content: more_products.extra_content,\n isMoreProducts: true\n })\n ]\n })\n ]\n });\n\nexport { Menu as default };\n","import { jsx } from 'react/jsx-runtime';\nimport Menu from './menu/index.mjs';\nimport { NavMenu, NavContainer } from './styled.mjs';\n\nfunction HeaderBottom(props) {\n return /*#__PURE__*/ jsx(NavMenu, {\n \"data-testid\": \"HeaderBottom\",\n children: /*#__PURE__*/ jsx(NavContainer, {\n children: /*#__PURE__*/ jsx(Menu, {\n ...props\n })\n })\n });\n}\n\nexport { HeaderBottom as default };\n","import { markdown } from '@babylon/ui-kit-helpers/markdown';\nimport { createElement } from 'react';\n\nconst InnerMarkdownHTML = ({ content, tag = 'span', className })=>{\n if (!content) return null;\n const props = {\n 'data-testid': 'InnerMarkdownHTML',\n className: className,\n dangerouslySetInnerHTML: {\n __html: markdown(content)\n }\n };\n return /*#__PURE__*/ createElement(tag, props);\n};\n\nexport { InnerMarkdownHTML as default };\n","function getCookie(cname) {\n const cookies = {};\n const decodedCookie = decodeURIComponent(document.cookie);\n const splitCookie = decodedCookie.split(';');\n splitCookie.forEach((cookie)=>{\n const [key, value] = cookie.split('=');\n cookies[key.trim()] = value;\n });\n return cookies[cname] || '';\n}\n/**\n *\n * @param cookieName\n * @param cookieValue\n * @param nDays (Optional) Default: it will expire at the end of session\n */ function setCookie(cookieName, cookieValue, nDays) {\n const today = new Date();\n const expireDate = new Date();\n let expires = '0';\n if (nDays) {\n expireDate.setTime(today.getTime() + 3600000 * 24 * nDays);\n expires = expireDate.toUTCString();\n }\n document.cookie = `${cookieName}=${cookieValue};expires=${expires};path=/`;\n}\n\nexport { getCookie, setCookie };\n","import { setCookie } from '@babylon/ui-kit-helpers/cookie';\n\nconst userLogin = async (link)=>{\n const split = link.split('?');\n const { href } = window.location;\n const returnUrl = `returnUrl=${encodeURIComponent(href)}`;\n let url = `${link}?${returnUrl}`;\n if (split.length > 1) {\n const params = split[1].split('&');\n url = `${split[0]}?${returnUrl}&${params.map((item)=>item).join('&')}`;\n }\n await fetch(url).then(()=>window.location.assign(url));\n return Promise.resolve(true);\n};\nconst userCreateAccount = async (link)=>{\n const { href } = window.location;\n const returnUrl = `returnUrl=${encodeURIComponent(href)}`;\n const url = `${link}?${returnUrl}`;\n await fetch(url).then(()=>window.location.assign(url));\n return Promise.resolve(true);\n};\nconst userLogout = async (session_code, url)=>{\n await fetch(`${url}?sessionCode=${session_code}`, {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n });\n setCookie('ck_disable_onetap', 'true', 1 / 24);\n window.location.reload();\n return Promise.resolve(true);\n};\nconst userLogoutMobile = async ()=>{\n await fetch('/myaccount/account/logout', {\n method: 'GET',\n headers: {\n 'Content-Type': 'application/json'\n }\n });\n setCookie('ck_disable_onetap', 'true', 1 / 24);\n window.location.reload();\n return Promise.resolve(true);\n};\nconst fetchPostOrigin = (airportCode, airportSource = 900, endpoint = '/mybookings/origin/setorigin')=>{\n console.log(`[RUN] fetchPostOrigin - airportCode: ${airportCode}, endpoint: ${endpoint}`);\n const url = process.env.NODE_ENV !== 'production' ? `https://www.logitravel.com${endpoint}` : endpoint;\n fetch(url, {\n credentials: 'include',\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n airportcode: airportCode,\n Source: airportSource\n })\n }).then((response)=>response.json()).then((result)=>{\n if (result.Status !== 'OK') {\n return Promise.reject(result.Message);\n }\n console.log('[SUCCESS] fetchPostOrigin response -', result);\n // Reload page\n window.location.reload();\n }).catch((error)=>console.log('[ERROR] fetchPostOrigin error -', error));\n};\n\nexport { fetchPostOrigin, userCreateAccount, userLogin, userLogout, userLogoutMobile };\n","import { css } from 'styled-components';\n\nconst BoxShadow = /*#__PURE__*/ css([\n `box-shadow:0 0 2px `,\n `,0 8px 12px -12px `,\n `;`\n], (props)=>props.theme.colors.black.higher, (props)=>props.theme.colors.black.higher);\nconst BoxShadowHover = /*#__PURE__*/ css([\n `transition:box-shadow 0.2s cubic-bezier(0.25,0.8,0.25,0.1) 0.1s;&:hover{box-shadow:0 0 2px `,\n `,0 12px 16px -12px `,\n `;}`\n], (props)=>props.theme.colors.black.higher, (props)=>props.theme.colors.black.higher);\nconst BoxShadowWithHover = /*#__PURE__*/ css([\n ``,\n ` `,\n ``\n], BoxShadow, BoxShadowHover);\n\nexport { BoxShadow, BoxShadowHover, BoxShadowWithHover };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { BoxShadow } from '@babylon/ui-kit-styles/common/mixins/box-shadow.styled';\nimport { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius, Padding } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst Header = /*#__PURE__*/ styled.header.withConfig({\n displayName: \"Header\",\n componentId: \"sc-8d0c19e-0\"\n})([\n `background-color:`,\n `;`\n], (props)=>props.theme.colors.white.base);\nconst HeaderAgent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderAgent\",\n componentId: \"sc-8d0c19e-1\"\n})([\n `align-items:center;background-color:`,\n `;bottom:40px;`,\n ` `,\n ` display:inline-flex;`,\n ` position:fixed;z-index:99999;`\n], (props)=>props.theme.colors.white.base, BorderRadius({\n bottomRight: '4px',\n topRight: '4px'\n}), BoxShadow, Padding({\n x: '16px',\n y: '12px'\n}));\nconst HeaderAgentContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderAgentContent\",\n componentId: \"sc-8d0c19e-2\"\n})([\n ``\n]);\nconst HeaderAgentIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"HeaderAgentIcon\",\n componentId: \"sc-8d0c19e-3\"\n})([\n `color:`,\n `;font-size:25px;`,\n ``\n], (props)=>props.theme.colors.grays.dark, Padding({\n right: '12px'\n}));\nconst HeaderAgentLabel = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderAgentLabel\",\n componentId: \"sc-8d0c19e-4\"\n})([\n `color:`,\n `;`,\n ``\n], (props)=>props.theme.colors.text.dark, FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}));\nconst HeaderAgentName = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"HeaderAgentName\",\n componentId: \"sc-8d0c19e-5\"\n})([\n `color:`,\n `;`,\n ``\n], (props)=>props.theme.colors.primary.base, FontMixin({\n size: 'large',\n height: 'large',\n weight: 'light'\n}));\nconst IconUser = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"IconUser\",\n componentId: \"sc-8d0c19e-6\"\n})([\n ``,\n ` `,\n ` border-radius:`,\n `;border:1px solid `,\n `;color:`,\n `;height:36px;margin-left:16px;padding:6px;text-align:center;width:36px;`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'larger',\n height: 'larger'\n}), (props)=>props.theme.border.radius.circle, (props)=>props.theme.border.color.dark, (props)=>props.theme.colors.grays.base);\n\nexport { Header, HeaderAgent, HeaderAgentContent, HeaderAgentIcon, HeaderAgentLabel, HeaderAgentName, IconUser };\n","import * as React from 'react';\n\n/**\n * Takes an argument and if it's an array, returns the first item in the array,\n * otherwise returns the argument. Used for Preact compatibility.\n */\nexport var unwrapArray = function unwrapArray(arg) {\n return Array.isArray(arg) ? arg[0] : arg;\n};\n/**\n * Takes a maybe-undefined function and arbitrary args and invokes the function\n * only if it is defined.\n */\n\nexport var safeInvoke = function safeInvoke(fn) {\n if (typeof fn === 'function') {\n for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {\n args[_key - 1] = arguments[_key];\n }\n\n return fn.apply(void 0, args);\n }\n};\n/**\n * Sets a ref using either a ref callback or a ref object\n */\n\nexport var setRef = function setRef(ref, node) {\n // if its a function call it\n if (typeof ref === 'function') {\n return safeInvoke(ref, node);\n } // otherwise we should treat it as a ref object\n else if (ref != null) {\n ref.current = node;\n }\n};\n/**\n * Simple ponyfill for Object.fromEntries\n */\n\nexport var fromEntries = function fromEntries(entries) {\n return entries.reduce(function (acc, _ref) {\n var key = _ref[0],\n value = _ref[1];\n acc[key] = value;\n return acc;\n }, {});\n};\n/**\n * Small wrapper around `useLayoutEffect` to get rid of the warning on SSR envs\n */\n\nexport var useIsomorphicLayoutEffect = typeof window !== 'undefined' && window.document && window.document.createElement ? React.useLayoutEffect : React.useEffect;","/**\n * @license React\n * scheduler.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';function f(a,b){var c=a.length;a.push(b);a:for(;0>>1,e=a[d];if(0>>1;dg(C,c))ng(x,C)?(a[d]=x,a[n]=c,d=n):(a[d]=C,a[m]=c,d=m);else if(ng(x,c))a[d]=x,a[n]=c,d=n;else break a}}return b}\nfunction g(a,b){var c=a.sortIndex-b.sortIndex;return 0!==c?c:a.id-b.id}if(\"object\"===typeof performance&&\"function\"===typeof performance.now){var l=performance;exports.unstable_now=function(){return l.now()}}else{var p=Date,q=p.now();exports.unstable_now=function(){return p.now()-q}}var r=[],t=[],u=1,v=null,y=3,z=!1,A=!1,B=!1,D=\"function\"===typeof setTimeout?setTimeout:null,E=\"function\"===typeof clearTimeout?clearTimeout:null,F=\"undefined\"!==typeof setImmediate?setImmediate:null;\n\"undefined\"!==typeof navigator&&void 0!==navigator.scheduling&&void 0!==navigator.scheduling.isInputPending&&navigator.scheduling.isInputPending.bind(navigator.scheduling);function G(a){for(var b=h(t);null!==b;){if(null===b.callback)k(t);else if(b.startTime<=a)k(t),b.sortIndex=b.expirationTime,f(r,b);else break;b=h(t)}}function H(a){B=!1;G(a);if(!A)if(null!==h(r))A=!0,I(J);else{var b=h(t);null!==b&&K(H,b.startTime-a)}}\nfunction J(a,b){A=!1;B&&(B=!1,E(L),L=-1);z=!0;var c=y;try{G(b);for(v=h(r);null!==v&&(!(v.expirationTime>b)||a&&!M());){var d=v.callback;if(\"function\"===typeof d){v.callback=null;y=v.priorityLevel;var e=d(v.expirationTime<=b);b=exports.unstable_now();\"function\"===typeof e?v.callback=e:v===h(r)&&k(r);G(b)}else k(r);v=h(r)}if(null!==v)var w=!0;else{var m=h(t);null!==m&&K(H,m.startTime-b);w=!1}return w}finally{v=null,y=c,z=!1}}var N=!1,O=null,L=-1,P=5,Q=-1;\nfunction M(){return exports.unstable_now()-Qa||125d?(a.sortIndex=c,f(t,a),null===h(r)&&a===h(t)&&(B?(E(L),L=-1):B=!0,K(H,c-d))):(a.sortIndex=e,f(r,a),A||z||(A=!0,I(J)));return a};\nexports.unstable_shouldYield=M;exports.unstable_wrapCallback=function(a){var b=y;return function(){var c=y;y=b;try{return a.apply(this,arguments)}finally{y=c}}};\n","'use strict';\n\nif (process.env.NODE_ENV === 'production') {\n module.exports = require('./cjs/scheduler.production.min.js');\n} else {\n module.exports = require('./cjs/scheduler.development.js');\n}\n","/**\n * @license React\n * react-dom.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n/*\n Modernizr 3.0.0pre (Custom Build) | MIT\n*/\n'use strict';var aa=require(\"react\"),ca=require(\"scheduler\");function p(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;cb}return!1}function v(a,b,c,d,e,f,g){this.acceptsBooleans=2===b||3===b||4===b;this.attributeName=d;this.attributeNamespace=e;this.mustUseProperty=c;this.propertyName=a;this.type=b;this.sanitizeURL=f;this.removeEmptyString=g}var z={};\n\"children dangerouslySetInnerHTML defaultValue defaultChecked innerHTML suppressContentEditableWarning suppressHydrationWarning style\".split(\" \").forEach(function(a){z[a]=new v(a,0,!1,a,null,!1,!1)});[[\"acceptCharset\",\"accept-charset\"],[\"className\",\"class\"],[\"htmlFor\",\"for\"],[\"httpEquiv\",\"http-equiv\"]].forEach(function(a){var b=a[0];z[b]=new v(b,1,!1,a[1],null,!1,!1)});[\"contentEditable\",\"draggable\",\"spellCheck\",\"value\"].forEach(function(a){z[a]=new v(a,2,!1,a.toLowerCase(),null,!1,!1)});\n[\"autoReverse\",\"externalResourcesRequired\",\"focusable\",\"preserveAlpha\"].forEach(function(a){z[a]=new v(a,2,!1,a,null,!1,!1)});\"allowFullScreen async autoFocus autoPlay controls default defer disabled disablePictureInPicture disableRemotePlayback formNoValidate hidden loop noModule noValidate open playsInline readOnly required reversed scoped seamless itemScope\".split(\" \").forEach(function(a){z[a]=new v(a,3,!1,a.toLowerCase(),null,!1,!1)});\n[\"checked\",\"multiple\",\"muted\",\"selected\"].forEach(function(a){z[a]=new v(a,3,!0,a,null,!1,!1)});[\"capture\",\"download\"].forEach(function(a){z[a]=new v(a,4,!1,a,null,!1,!1)});[\"cols\",\"rows\",\"size\",\"span\"].forEach(function(a){z[a]=new v(a,6,!1,a,null,!1,!1)});[\"rowSpan\",\"start\"].forEach(function(a){z[a]=new v(a,5,!1,a.toLowerCase(),null,!1,!1)});var ra=/[\\-:]([a-z])/g;function sa(a){return a[1].toUpperCase()}\n\"accent-height alignment-baseline arabic-form baseline-shift cap-height clip-path clip-rule color-interpolation color-interpolation-filters color-profile color-rendering dominant-baseline enable-background fill-opacity fill-rule flood-color flood-opacity font-family font-size font-size-adjust font-stretch font-style font-variant font-weight glyph-name glyph-orientation-horizontal glyph-orientation-vertical horiz-adv-x horiz-origin-x image-rendering letter-spacing lighting-color marker-end marker-mid marker-start overline-position overline-thickness paint-order panose-1 pointer-events rendering-intent shape-rendering stop-color stop-opacity strikethrough-position strikethrough-thickness stroke-dasharray stroke-dashoffset stroke-linecap stroke-linejoin stroke-miterlimit stroke-opacity stroke-width text-anchor text-decoration text-rendering underline-position underline-thickness unicode-bidi unicode-range units-per-em v-alphabetic v-hanging v-ideographic v-mathematical vector-effect vert-adv-y vert-origin-x vert-origin-y word-spacing writing-mode xmlns:xlink x-height\".split(\" \").forEach(function(a){var b=a.replace(ra,\nsa);z[b]=new v(b,1,!1,a,null,!1,!1)});\"xlink:actuate xlink:arcrole xlink:role xlink:show xlink:title xlink:type\".split(\" \").forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/1999/xlink\",!1,!1)});[\"xml:base\",\"xml:lang\",\"xml:space\"].forEach(function(a){var b=a.replace(ra,sa);z[b]=new v(b,1,!1,a,\"http://www.w3.org/XML/1998/namespace\",!1,!1)});[\"tabIndex\",\"crossOrigin\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!1,!1)});\nz.xlinkHref=new v(\"xlinkHref\",1,!1,\"xlink:href\",\"http://www.w3.org/1999/xlink\",!0,!1);[\"src\",\"href\",\"action\",\"formAction\"].forEach(function(a){z[a]=new v(a,1,!1,a.toLowerCase(),null,!0,!0)});\nfunction ta(a,b,c,d){var e=z.hasOwnProperty(b)?z[b]:null;if(null!==e?0!==e.type:d||!(2h||e[g]!==f[h]){var k=\"\\n\"+e[g].replace(\" at new \",\" at \");a.displayName&&k.includes(\"\")&&(k=k.replace(\"\",a.displayName));return k}while(1<=g&&0<=h)}break}}}finally{Na=!1,Error.prepareStackTrace=c}return(a=a?a.displayName||a.name:\"\")?Ma(a):\"\"}\nfunction Pa(a){switch(a.tag){case 5:return Ma(a.type);case 16:return Ma(\"Lazy\");case 13:return Ma(\"Suspense\");case 19:return Ma(\"SuspenseList\");case 0:case 2:case 15:return a=Oa(a.type,!1),a;case 11:return a=Oa(a.type.render,!1),a;case 1:return a=Oa(a.type,!0),a;default:return\"\"}}\nfunction Qa(a){if(null==a)return null;if(\"function\"===typeof a)return a.displayName||a.name||null;if(\"string\"===typeof a)return a;switch(a){case ya:return\"Fragment\";case wa:return\"Portal\";case Aa:return\"Profiler\";case za:return\"StrictMode\";case Ea:return\"Suspense\";case Fa:return\"SuspenseList\"}if(\"object\"===typeof a)switch(a.$$typeof){case Ca:return(a.displayName||\"Context\")+\".Consumer\";case Ba:return(a._context.displayName||\"Context\")+\".Provider\";case Da:var b=a.render;a=a.displayName;a||(a=b.displayName||\nb.name||\"\",a=\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");return a;case Ga:return b=a.displayName||null,null!==b?b:Qa(a.type)||\"Memo\";case Ha:b=a._payload;a=a._init;try{return Qa(a(b))}catch(c){}}return null}\nfunction Ra(a){var b=a.type;switch(a.tag){case 24:return\"Cache\";case 9:return(b.displayName||\"Context\")+\".Consumer\";case 10:return(b._context.displayName||\"Context\")+\".Provider\";case 18:return\"DehydratedFragment\";case 11:return a=b.render,a=a.displayName||a.name||\"\",b.displayName||(\"\"!==a?\"ForwardRef(\"+a+\")\":\"ForwardRef\");case 7:return\"Fragment\";case 5:return b;case 4:return\"Portal\";case 3:return\"Root\";case 6:return\"Text\";case 16:return Qa(b);case 8:return b===za?\"StrictMode\":\"Mode\";case 22:return\"Offscreen\";\ncase 12:return\"Profiler\";case 21:return\"Scope\";case 13:return\"Suspense\";case 19:return\"SuspenseList\";case 25:return\"TracingMarker\";case 1:case 0:case 17:case 2:case 14:case 15:if(\"function\"===typeof b)return b.displayName||b.name||null;if(\"string\"===typeof b)return b}return null}function Sa(a){switch(typeof a){case \"boolean\":case \"number\":case \"string\":case \"undefined\":return a;case \"object\":return a;default:return\"\"}}\nfunction Ta(a){var b=a.type;return(a=a.nodeName)&&\"input\"===a.toLowerCase()&&(\"checkbox\"===b||\"radio\"===b)}\nfunction Ua(a){var b=Ta(a)?\"checked\":\"value\",c=Object.getOwnPropertyDescriptor(a.constructor.prototype,b),d=\"\"+a[b];if(!a.hasOwnProperty(b)&&\"undefined\"!==typeof c&&\"function\"===typeof c.get&&\"function\"===typeof c.set){var e=c.get,f=c.set;Object.defineProperty(a,b,{configurable:!0,get:function(){return e.call(this)},set:function(a){d=\"\"+a;f.call(this,a)}});Object.defineProperty(a,b,{enumerable:c.enumerable});return{getValue:function(){return d},setValue:function(a){d=\"\"+a},stopTracking:function(){a._valueTracker=\nnull;delete a[b]}}}}function Va(a){a._valueTracker||(a._valueTracker=Ua(a))}function Wa(a){if(!a)return!1;var b=a._valueTracker;if(!b)return!0;var c=b.getValue();var d=\"\";a&&(d=Ta(a)?a.checked?\"true\":\"false\":a.value);a=d;return a!==c?(b.setValue(a),!0):!1}function Xa(a){a=a||(\"undefined\"!==typeof document?document:void 0);if(\"undefined\"===typeof a)return null;try{return a.activeElement||a.body}catch(b){return a.body}}\nfunction Ya(a,b){var c=b.checked;return A({},b,{defaultChecked:void 0,defaultValue:void 0,value:void 0,checked:null!=c?c:a._wrapperState.initialChecked})}function Za(a,b){var c=null==b.defaultValue?\"\":b.defaultValue,d=null!=b.checked?b.checked:b.defaultChecked;c=Sa(null!=b.value?b.value:c);a._wrapperState={initialChecked:d,initialValue:c,controlled:\"checkbox\"===b.type||\"radio\"===b.type?null!=b.checked:null!=b.value}}function ab(a,b){b=b.checked;null!=b&&ta(a,\"checked\",b,!1)}\nfunction bb(a,b){ab(a,b);var c=Sa(b.value),d=b.type;if(null!=c)if(\"number\"===d){if(0===c&&\"\"===a.value||a.value!=c)a.value=\"\"+c}else a.value!==\"\"+c&&(a.value=\"\"+c);else if(\"submit\"===d||\"reset\"===d){a.removeAttribute(\"value\");return}b.hasOwnProperty(\"value\")?cb(a,b.type,c):b.hasOwnProperty(\"defaultValue\")&&cb(a,b.type,Sa(b.defaultValue));null==b.checked&&null!=b.defaultChecked&&(a.defaultChecked=!!b.defaultChecked)}\nfunction db(a,b,c){if(b.hasOwnProperty(\"value\")||b.hasOwnProperty(\"defaultValue\")){var d=b.type;if(!(\"submit\"!==d&&\"reset\"!==d||void 0!==b.value&&null!==b.value))return;b=\"\"+a._wrapperState.initialValue;c||b===a.value||(a.value=b);a.defaultValue=b}c=a.name;\"\"!==c&&(a.name=\"\");a.defaultChecked=!!a._wrapperState.initialChecked;\"\"!==c&&(a.name=c)}\nfunction cb(a,b,c){if(\"number\"!==b||Xa(a.ownerDocument)!==a)null==c?a.defaultValue=\"\"+a._wrapperState.initialValue:a.defaultValue!==\"\"+c&&(a.defaultValue=\"\"+c)}var eb=Array.isArray;\nfunction fb(a,b,c,d){a=a.options;if(b){b={};for(var e=0;e\"+b.valueOf().toString()+\"\";for(b=mb.firstChild;a.firstChild;)a.removeChild(a.firstChild);for(;b.firstChild;)a.appendChild(b.firstChild)}});\nfunction ob(a,b){if(b){var c=a.firstChild;if(c&&c===a.lastChild&&3===c.nodeType){c.nodeValue=b;return}}a.textContent=b}\nvar pb={animationIterationCount:!0,aspectRatio:!0,borderImageOutset:!0,borderImageSlice:!0,borderImageWidth:!0,boxFlex:!0,boxFlexGroup:!0,boxOrdinalGroup:!0,columnCount:!0,columns:!0,flex:!0,flexGrow:!0,flexPositive:!0,flexShrink:!0,flexNegative:!0,flexOrder:!0,gridArea:!0,gridRow:!0,gridRowEnd:!0,gridRowSpan:!0,gridRowStart:!0,gridColumn:!0,gridColumnEnd:!0,gridColumnSpan:!0,gridColumnStart:!0,fontWeight:!0,lineClamp:!0,lineHeight:!0,opacity:!0,order:!0,orphans:!0,tabSize:!0,widows:!0,zIndex:!0,\nzoom:!0,fillOpacity:!0,floodOpacity:!0,stopOpacity:!0,strokeDasharray:!0,strokeDashoffset:!0,strokeMiterlimit:!0,strokeOpacity:!0,strokeWidth:!0},qb=[\"Webkit\",\"ms\",\"Moz\",\"O\"];Object.keys(pb).forEach(function(a){qb.forEach(function(b){b=b+a.charAt(0).toUpperCase()+a.substring(1);pb[b]=pb[a]})});function rb(a,b,c){return null==b||\"boolean\"===typeof b||\"\"===b?\"\":c||\"number\"!==typeof b||0===b||pb.hasOwnProperty(a)&&pb[a]?(\"\"+b).trim():b+\"px\"}\nfunction sb(a,b){a=a.style;for(var c in b)if(b.hasOwnProperty(c)){var d=0===c.indexOf(\"--\"),e=rb(c,b[c],d);\"float\"===c&&(c=\"cssFloat\");d?a.setProperty(c,e):a[c]=e}}var tb=A({menuitem:!0},{area:!0,base:!0,br:!0,col:!0,embed:!0,hr:!0,img:!0,input:!0,keygen:!0,link:!0,meta:!0,param:!0,source:!0,track:!0,wbr:!0});\nfunction ub(a,b){if(b){if(tb[a]&&(null!=b.children||null!=b.dangerouslySetInnerHTML))throw Error(p(137,a));if(null!=b.dangerouslySetInnerHTML){if(null!=b.children)throw Error(p(60));if(\"object\"!==typeof b.dangerouslySetInnerHTML||!(\"__html\"in b.dangerouslySetInnerHTML))throw Error(p(61));}if(null!=b.style&&\"object\"!==typeof b.style)throw Error(p(62));}}\nfunction vb(a,b){if(-1===a.indexOf(\"-\"))return\"string\"===typeof b.is;switch(a){case \"annotation-xml\":case \"color-profile\":case \"font-face\":case \"font-face-src\":case \"font-face-uri\":case \"font-face-format\":case \"font-face-name\":case \"missing-glyph\":return!1;default:return!0}}var wb=null;function xb(a){a=a.target||a.srcElement||window;a.correspondingUseElement&&(a=a.correspondingUseElement);return 3===a.nodeType?a.parentNode:a}var yb=null,zb=null,Ab=null;\nfunction Bb(a){if(a=Cb(a)){if(\"function\"!==typeof yb)throw Error(p(280));var b=a.stateNode;b&&(b=Db(b),yb(a.stateNode,a.type,b))}}function Eb(a){zb?Ab?Ab.push(a):Ab=[a]:zb=a}function Fb(){if(zb){var a=zb,b=Ab;Ab=zb=null;Bb(a);if(b)for(a=0;a>>=0;return 0===a?32:31-(pc(a)/qc|0)|0}var rc=64,sc=4194304;\nfunction tc(a){switch(a&-a){case 1:return 1;case 2:return 2;case 4:return 4;case 8:return 8;case 16:return 16;case 32:return 32;case 64:case 128:case 256:case 512:case 1024:case 2048:case 4096:case 8192:case 16384:case 32768:case 65536:case 131072:case 262144:case 524288:case 1048576:case 2097152:return a&4194240;case 4194304:case 8388608:case 16777216:case 33554432:case 67108864:return a&130023424;case 134217728:return 134217728;case 268435456:return 268435456;case 536870912:return 536870912;case 1073741824:return 1073741824;\ndefault:return a}}function uc(a,b){var c=a.pendingLanes;if(0===c)return 0;var d=0,e=a.suspendedLanes,f=a.pingedLanes,g=c&268435455;if(0!==g){var h=g&~e;0!==h?d=tc(h):(f&=g,0!==f&&(d=tc(f)))}else g=c&~e,0!==g?d=tc(g):0!==f&&(d=tc(f));if(0===d)return 0;if(0!==b&&b!==d&&0===(b&e)&&(e=d&-d,f=b&-b,e>=f||16===e&&0!==(f&4194240)))return b;0!==(d&4)&&(d|=c&16);b=a.entangledLanes;if(0!==b)for(a=a.entanglements,b&=d;0c;c++)b.push(a);return b}\nfunction Ac(a,b,c){a.pendingLanes|=b;536870912!==b&&(a.suspendedLanes=0,a.pingedLanes=0);a=a.eventTimes;b=31-oc(b);a[b]=c}function Bc(a,b){var c=a.pendingLanes&~b;a.pendingLanes=b;a.suspendedLanes=0;a.pingedLanes=0;a.expiredLanes&=b;a.mutableReadLanes&=b;a.entangledLanes&=b;b=a.entanglements;var d=a.eventTimes;for(a=a.expirationTimes;0=be),ee=String.fromCharCode(32),fe=!1;\nfunction ge(a,b){switch(a){case \"keyup\":return-1!==$d.indexOf(b.keyCode);case \"keydown\":return 229!==b.keyCode;case \"keypress\":case \"mousedown\":case \"focusout\":return!0;default:return!1}}function he(a){a=a.detail;return\"object\"===typeof a&&\"data\"in a?a.data:null}var ie=!1;function je(a,b){switch(a){case \"compositionend\":return he(b);case \"keypress\":if(32!==b.which)return null;fe=!0;return ee;case \"textInput\":return a=b.data,a===ee&&fe?null:a;default:return null}}\nfunction ke(a,b){if(ie)return\"compositionend\"===a||!ae&&ge(a,b)?(a=nd(),md=ld=kd=null,ie=!1,a):null;switch(a){case \"paste\":return null;case \"keypress\":if(!(b.ctrlKey||b.altKey||b.metaKey)||b.ctrlKey&&b.altKey){if(b.char&&1=b)return{node:c,offset:b-a};a=d}a:{for(;c;){if(c.nextSibling){c=c.nextSibling;break a}c=c.parentNode}c=void 0}c=Je(c)}}function Le(a,b){return a&&b?a===b?!0:a&&3===a.nodeType?!1:b&&3===b.nodeType?Le(a,b.parentNode):\"contains\"in a?a.contains(b):a.compareDocumentPosition?!!(a.compareDocumentPosition(b)&16):!1:!1}\nfunction Me(){for(var a=window,b=Xa();b instanceof a.HTMLIFrameElement;){try{var c=\"string\"===typeof b.contentWindow.location.href}catch(d){c=!1}if(c)a=b.contentWindow;else break;b=Xa(a.document)}return b}function Ne(a){var b=a&&a.nodeName&&a.nodeName.toLowerCase();return b&&(\"input\"===b&&(\"text\"===a.type||\"search\"===a.type||\"tel\"===a.type||\"url\"===a.type||\"password\"===a.type)||\"textarea\"===b||\"true\"===a.contentEditable)}\nfunction Oe(a){var b=Me(),c=a.focusedElem,d=a.selectionRange;if(b!==c&&c&&c.ownerDocument&&Le(c.ownerDocument.documentElement,c)){if(null!==d&&Ne(c))if(b=d.start,a=d.end,void 0===a&&(a=b),\"selectionStart\"in c)c.selectionStart=b,c.selectionEnd=Math.min(a,c.value.length);else if(a=(b=c.ownerDocument||document)&&b.defaultView||window,a.getSelection){a=a.getSelection();var e=c.textContent.length,f=Math.min(d.start,e);d=void 0===d.end?f:Math.min(d.end,e);!a.extend&&f>d&&(e=d,d=f,f=e);e=Ke(c,f);var g=Ke(c,\nd);e&&g&&(1!==a.rangeCount||a.anchorNode!==e.node||a.anchorOffset!==e.offset||a.focusNode!==g.node||a.focusOffset!==g.offset)&&(b=b.createRange(),b.setStart(e.node,e.offset),a.removeAllRanges(),f>d?(a.addRange(b),a.extend(g.node,g.offset)):(b.setEnd(g.node,g.offset),a.addRange(b)))}b=[];for(a=c;a=a.parentNode;)1===a.nodeType&&b.push({element:a,left:a.scrollLeft,top:a.scrollTop});\"function\"===typeof c.focus&&c.focus();for(c=0;c=document.documentMode,Qe=null,Re=null,Se=null,Te=!1;\nfunction Ue(a,b,c){var d=c.window===c?c.document:9===c.nodeType?c:c.ownerDocument;Te||null==Qe||Qe!==Xa(d)||(d=Qe,\"selectionStart\"in d&&Ne(d)?d={start:d.selectionStart,end:d.selectionEnd}:(d=(d.ownerDocument&&d.ownerDocument.defaultView||window).getSelection(),d={anchorNode:d.anchorNode,anchorOffset:d.anchorOffset,focusNode:d.focusNode,focusOffset:d.focusOffset}),Se&&Ie(Se,d)||(Se=d,d=oe(Re,\"onSelect\"),0Tf||(a.current=Sf[Tf],Sf[Tf]=null,Tf--)}function G(a,b){Tf++;Sf[Tf]=a.current;a.current=b}var Vf={},H=Uf(Vf),Wf=Uf(!1),Xf=Vf;function Yf(a,b){var c=a.type.contextTypes;if(!c)return Vf;var d=a.stateNode;if(d&&d.__reactInternalMemoizedUnmaskedChildContext===b)return d.__reactInternalMemoizedMaskedChildContext;var e={},f;for(f in c)e[f]=b[f];d&&(a=a.stateNode,a.__reactInternalMemoizedUnmaskedChildContext=b,a.__reactInternalMemoizedMaskedChildContext=e);return e}\nfunction Zf(a){a=a.childContextTypes;return null!==a&&void 0!==a}function $f(){E(Wf);E(H)}function ag(a,b,c){if(H.current!==Vf)throw Error(p(168));G(H,b);G(Wf,c)}function bg(a,b,c){var d=a.stateNode;b=b.childContextTypes;if(\"function\"!==typeof d.getChildContext)return c;d=d.getChildContext();for(var e in d)if(!(e in b))throw Error(p(108,Ra(a)||\"Unknown\",e));return A({},c,d)}\nfunction cg(a){a=(a=a.stateNode)&&a.__reactInternalMemoizedMergedChildContext||Vf;Xf=H.current;G(H,a);G(Wf,Wf.current);return!0}function dg(a,b,c){var d=a.stateNode;if(!d)throw Error(p(169));c?(a=bg(a,b,Xf),d.__reactInternalMemoizedMergedChildContext=a,E(Wf),E(H),G(H,a)):E(Wf);G(Wf,c)}var eg=null,fg=!1,gg=!1;function hg(a){null===eg?eg=[a]:eg.push(a)}function ig(a){fg=!0;hg(a)}\nfunction jg(){if(!gg&&null!==eg){gg=!0;var a=0,b=C;try{var c=eg;for(C=1;a>=g;e-=g;rg=1<<32-oc(b)+e|c<w?(x=u,u=null):x=u.sibling;var n=r(e,u,h[w],k);if(null===n){null===u&&(u=x);break}a&&u&&null===n.alternate&&b(e,u);g=f(n,g,w);null===m?l=n:m.sibling=n;m=n;u=x}if(w===h.length)return c(e,u),I&&tg(e,w),l;if(null===u){for(;ww?(x=m,m=null):x=m.sibling;var t=r(e,m,n.value,k);if(null===t){null===m&&(m=x);break}a&&m&&null===t.alternate&&b(e,m);g=f(t,g,w);null===u?l=t:u.sibling=t;u=t;m=x}if(n.done)return c(e,\nm),I&&tg(e,w),l;if(null===m){for(;!n.done;w++,n=h.next())n=q(e,n.value,k),null!==n&&(g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);I&&tg(e,w);return l}for(m=d(e,m);!n.done;w++,n=h.next())n=y(m,e,w,n.value,k),null!==n&&(a&&null!==n.alternate&&m.delete(null===n.key?w:n.key),g=f(n,g,w),null===u?l=n:u.sibling=n,u=n);a&&m.forEach(function(a){return b(e,a)});I&&tg(e,w);return l}function J(a,d,f,h){\"object\"===typeof f&&null!==f&&f.type===ya&&null===f.key&&(f=f.props.children);if(\"object\"===typeof f&&null!==f){switch(f.$$typeof){case va:a:{for(var k=\nf.key,l=d;null!==l;){if(l.key===k){k=f.type;if(k===ya){if(7===l.tag){c(a,l.sibling);d=e(l,f.props.children);d.return=a;a=d;break a}}else if(l.elementType===k||\"object\"===typeof k&&null!==k&&k.$$typeof===Ha&&uh(k)===l.type){c(a,l.sibling);d=e(l,f.props);d.ref=sh(a,l,f);d.return=a;a=d;break a}c(a,l);break}else b(a,l);l=l.sibling}f.type===ya?(d=Ah(f.props.children,a.mode,h,f.key),d.return=a,a=d):(h=yh(f.type,f.key,f.props,null,a.mode,h),h.ref=sh(a,d,f),h.return=a,a=h)}return g(a);case wa:a:{for(l=f.key;null!==\nd;){if(d.key===l)if(4===d.tag&&d.stateNode.containerInfo===f.containerInfo&&d.stateNode.implementation===f.implementation){c(a,d.sibling);d=e(d,f.children||[]);d.return=a;a=d;break a}else{c(a,d);break}else b(a,d);d=d.sibling}d=zh(f,a.mode,h);d.return=a;a=d}return g(a);case Ha:return l=f._init,J(a,d,l(f._payload),h)}if(eb(f))return n(a,d,f,h);if(Ka(f))return t(a,d,f,h);th(a,f)}return\"string\"===typeof f&&\"\"!==f||\"number\"===typeof f?(f=\"\"+f,null!==d&&6===d.tag?(c(a,d.sibling),d=e(d,f),d.return=a,a=d):\n(c(a,d),d=xh(f,a.mode,h),d.return=a,a=d),g(a)):c(a,d)}return J}var Bh=vh(!0),Ch=vh(!1),Dh={},Eh=Uf(Dh),Fh=Uf(Dh),Gh=Uf(Dh);function Hh(a){if(a===Dh)throw Error(p(174));return a}function Ih(a,b){G(Gh,b);G(Fh,a);G(Eh,Dh);a=b.nodeType;switch(a){case 9:case 11:b=(b=b.documentElement)?b.namespaceURI:lb(null,\"\");break;default:a=8===a?b.parentNode:b,b=a.namespaceURI||null,a=a.tagName,b=lb(b,a)}E(Eh);G(Eh,b)}function Jh(){E(Eh);E(Fh);E(Gh)}\nfunction Kh(a){Hh(Gh.current);var b=Hh(Eh.current);var c=lb(b,a.type);b!==c&&(G(Fh,a),G(Eh,c))}function Lh(a){Fh.current===a&&(E(Eh),E(Fh))}var M=Uf(0);\nfunction Mh(a){for(var b=a;null!==b;){if(13===b.tag){var c=b.memoizedState;if(null!==c&&(c=c.dehydrated,null===c||\"$?\"===c.data||\"$!\"===c.data))return b}else if(19===b.tag&&void 0!==b.memoizedProps.revealOrder){if(0!==(b.flags&128))return b}else if(null!==b.child){b.child.return=b;b=b.child;continue}if(b===a)break;for(;null===b.sibling;){if(null===b.return||b.return===a)return null;b=b.return}b.sibling.return=b.return;b=b.sibling}return null}var Nh=[];\nfunction Oh(){for(var a=0;ac?c:4;a(!0);var d=Qh.transition;Qh.transition={};try{a(!1),b()}finally{C=c,Qh.transition=d}}function Fi(){return di().memoizedState}\nfunction Gi(a,b,c){var d=lh(a);c={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,c);else if(c=Yg(a,b,c,d),null!==c){var e=L();mh(c,a,d,e);Ji(c,b,d)}}\nfunction ri(a,b,c){var d=lh(a),e={lane:d,action:c,hasEagerState:!1,eagerState:null,next:null};if(Hi(a))Ii(b,e);else{var f=a.alternate;if(0===a.lanes&&(null===f||0===f.lanes)&&(f=b.lastRenderedReducer,null!==f))try{var g=b.lastRenderedState,h=f(g,c);e.hasEagerState=!0;e.eagerState=h;if(He(h,g)){var k=b.interleaved;null===k?(e.next=e,Xg(b)):(e.next=k.next,k.next=e);b.interleaved=e;return}}catch(l){}finally{}c=Yg(a,b,e,d);null!==c&&(e=L(),mh(c,a,d,e),Ji(c,b,d))}}\nfunction Hi(a){var b=a.alternate;return a===N||null!==b&&b===N}function Ii(a,b){Th=Sh=!0;var c=a.pending;null===c?b.next=b:(b.next=c.next,c.next=b);a.pending=b}function Ji(a,b,c){if(0!==(c&4194240)){var d=b.lanes;d&=a.pendingLanes;c|=d;b.lanes=c;Cc(a,c)}}\nvar ai={readContext:Vg,useCallback:Q,useContext:Q,useEffect:Q,useImperativeHandle:Q,useInsertionEffect:Q,useLayoutEffect:Q,useMemo:Q,useReducer:Q,useRef:Q,useState:Q,useDebugValue:Q,useDeferredValue:Q,useTransition:Q,useMutableSource:Q,useSyncExternalStore:Q,useId:Q,unstable_isNewReconciler:!1},Yh={readContext:Vg,useCallback:function(a,b){ci().memoizedState=[a,void 0===b?null:b];return a},useContext:Vg,useEffect:vi,useImperativeHandle:function(a,b,c){c=null!==c&&void 0!==c?c.concat([a]):null;return ti(4194308,\n4,yi.bind(null,b,a),c)},useLayoutEffect:function(a,b){return ti(4194308,4,a,b)},useInsertionEffect:function(a,b){return ti(4,2,a,b)},useMemo:function(a,b){var c=ci();b=void 0===b?null:b;a=a();c.memoizedState=[a,b];return a},useReducer:function(a,b,c){var d=ci();b=void 0!==c?c(b):b;d.memoizedState=d.baseState=b;a={pending:null,interleaved:null,lanes:0,dispatch:null,lastRenderedReducer:a,lastRenderedState:b};d.queue=a;a=a.dispatch=Gi.bind(null,N,a);return[d.memoizedState,a]},useRef:function(a){var b=\nci();a={current:a};return b.memoizedState=a},useState:qi,useDebugValue:Ai,useDeferredValue:function(a){return ci().memoizedState=a},useTransition:function(){var a=qi(!1),b=a[0];a=Ei.bind(null,a[1]);ci().memoizedState=a;return[b,a]},useMutableSource:function(){},useSyncExternalStore:function(a,b,c){var d=N,e=ci();if(I){if(void 0===c)throw Error(p(407));c=c()}else{c=b();if(null===R)throw Error(p(349));0!==(Rh&30)||ni(d,b,c)}e.memoizedState=c;var f={value:c,getSnapshot:b};e.queue=f;vi(ki.bind(null,d,\nf,a),[a]);d.flags|=2048;li(9,mi.bind(null,d,f,c,b),void 0,null);return c},useId:function(){var a=ci(),b=R.identifierPrefix;if(I){var c=sg;var d=rg;c=(d&~(1<<32-oc(d)-1)).toString(32)+c;b=\":\"+b+\"R\"+c;c=Uh++;0\\x3c/script>\",a=a.removeChild(a.firstChild)):\n\"string\"===typeof d.is?a=g.createElement(c,{is:d.is}):(a=g.createElement(c),\"select\"===c&&(g=a,d.multiple?g.multiple=!0:d.size&&(g.size=d.size))):a=g.createElementNS(a,c);a[Of]=b;a[Pf]=d;Aj(a,b,!1,!1);b.stateNode=a;a:{g=vb(c,d);switch(c){case \"dialog\":D(\"cancel\",a);D(\"close\",a);e=d;break;case \"iframe\":case \"object\":case \"embed\":D(\"load\",a);e=d;break;case \"video\":case \"audio\":for(e=0;eHj&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304)}else{if(!d)if(a=Mh(g),null!==a){if(b.flags|=128,d=!0,c=a.updateQueue,null!==c&&(b.updateQueue=c,b.flags|=4),Ej(f,!0),null===f.tail&&\"hidden\"===f.tailMode&&!g.alternate&&!I)return S(b),null}else 2*B()-f.renderingStartTime>Hj&&1073741824!==c&&(b.flags|=128,d=!0,Ej(f,!1),b.lanes=4194304);f.isBackwards?(g.sibling=b.child,b.child=g):(c=f.last,null!==c?c.sibling=g:b.child=g,f.last=g)}if(null!==f.tail)return b=f.tail,f.rendering=\nb,f.tail=b.sibling,f.renderingStartTime=B(),b.sibling=null,c=M.current,G(M,d?c&1|2:c&1),b;S(b);return null;case 22:case 23:return Ij(),d=null!==b.memoizedState,null!==a&&null!==a.memoizedState!==d&&(b.flags|=8192),d&&0!==(b.mode&1)?0!==(gj&1073741824)&&(S(b),b.subtreeFlags&6&&(b.flags|=8192)):S(b),null;case 24:return null;case 25:return null}throw Error(p(156,b.tag));}\nfunction Jj(a,b){wg(b);switch(b.tag){case 1:return Zf(b.type)&&$f(),a=b.flags,a&65536?(b.flags=a&-65537|128,b):null;case 3:return Jh(),E(Wf),E(H),Oh(),a=b.flags,0!==(a&65536)&&0===(a&128)?(b.flags=a&-65537|128,b):null;case 5:return Lh(b),null;case 13:E(M);a=b.memoizedState;if(null!==a&&null!==a.dehydrated){if(null===b.alternate)throw Error(p(340));Ig()}a=b.flags;return a&65536?(b.flags=a&-65537|128,b):null;case 19:return E(M),null;case 4:return Jh(),null;case 10:return Rg(b.type._context),null;case 22:case 23:return Ij(),\nnull;case 24:return null;default:return null}}var Kj=!1,U=!1,Lj=\"function\"===typeof WeakSet?WeakSet:Set,V=null;function Mj(a,b){var c=a.ref;if(null!==c)if(\"function\"===typeof c)try{c(null)}catch(d){W(a,b,d)}else c.current=null}function Nj(a,b,c){try{c()}catch(d){W(a,b,d)}}var Oj=!1;\nfunction Pj(a,b){Cf=dd;a=Me();if(Ne(a)){if(\"selectionStart\"in a)var c={start:a.selectionStart,end:a.selectionEnd};else a:{c=(c=a.ownerDocument)&&c.defaultView||window;var d=c.getSelection&&c.getSelection();if(d&&0!==d.rangeCount){c=d.anchorNode;var e=d.anchorOffset,f=d.focusNode;d=d.focusOffset;try{c.nodeType,f.nodeType}catch(F){c=null;break a}var g=0,h=-1,k=-1,l=0,m=0,q=a,r=null;b:for(;;){for(var y;;){q!==c||0!==e&&3!==q.nodeType||(h=g+e);q!==f||0!==d&&3!==q.nodeType||(k=g+d);3===q.nodeType&&(g+=\nq.nodeValue.length);if(null===(y=q.firstChild))break;r=q;q=y}for(;;){if(q===a)break b;r===c&&++l===e&&(h=g);r===f&&++m===d&&(k=g);if(null!==(y=q.nextSibling))break;q=r;r=q.parentNode}q=y}c=-1===h||-1===k?null:{start:h,end:k}}else c=null}c=c||{start:0,end:0}}else c=null;Df={focusedElem:a,selectionRange:c};dd=!1;for(V=b;null!==V;)if(b=V,a=b.child,0!==(b.subtreeFlags&1028)&&null!==a)a.return=b,V=a;else for(;null!==V;){b=V;try{var n=b.alternate;if(0!==(b.flags&1024))switch(b.tag){case 0:case 11:case 15:break;\ncase 1:if(null!==n){var t=n.memoizedProps,J=n.memoizedState,x=b.stateNode,w=x.getSnapshotBeforeUpdate(b.elementType===b.type?t:Lg(b.type,t),J);x.__reactInternalSnapshotBeforeUpdate=w}break;case 3:var u=b.stateNode.containerInfo;1===u.nodeType?u.textContent=\"\":9===u.nodeType&&u.documentElement&&u.removeChild(u.documentElement);break;case 5:case 6:case 4:case 17:break;default:throw Error(p(163));}}catch(F){W(b,b.return,F)}a=b.sibling;if(null!==a){a.return=b.return;V=a;break}V=b.return}n=Oj;Oj=!1;return n}\nfunction Qj(a,b,c){var d=b.updateQueue;d=null!==d?d.lastEffect:null;if(null!==d){var e=d=d.next;do{if((e.tag&a)===a){var f=e.destroy;e.destroy=void 0;void 0!==f&&Nj(b,c,f)}e=e.next}while(e!==d)}}function Rj(a,b){b=b.updateQueue;b=null!==b?b.lastEffect:null;if(null!==b){var c=b=b.next;do{if((c.tag&a)===a){var d=c.create;c.destroy=d()}c=c.next}while(c!==b)}}function Sj(a){var b=a.ref;if(null!==b){var c=a.stateNode;switch(a.tag){case 5:a=c;break;default:a=c}\"function\"===typeof b?b(a):b.current=a}}\nfunction Tj(a){var b=a.alternate;null!==b&&(a.alternate=null,Tj(b));a.child=null;a.deletions=null;a.sibling=null;5===a.tag&&(b=a.stateNode,null!==b&&(delete b[Of],delete b[Pf],delete b[of],delete b[Qf],delete b[Rf]));a.stateNode=null;a.return=null;a.dependencies=null;a.memoizedProps=null;a.memoizedState=null;a.pendingProps=null;a.stateNode=null;a.updateQueue=null}function Uj(a){return 5===a.tag||3===a.tag||4===a.tag}\nfunction Vj(a){a:for(;;){for(;null===a.sibling;){if(null===a.return||Uj(a.return))return null;a=a.return}a.sibling.return=a.return;for(a=a.sibling;5!==a.tag&&6!==a.tag&&18!==a.tag;){if(a.flags&2)continue a;if(null===a.child||4===a.tag)continue a;else a.child.return=a,a=a.child}if(!(a.flags&2))return a.stateNode}}\nfunction Wj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?8===c.nodeType?c.parentNode.insertBefore(a,b):c.insertBefore(a,b):(8===c.nodeType?(b=c.parentNode,b.insertBefore(a,c)):(b=c,b.appendChild(a)),c=c._reactRootContainer,null!==c&&void 0!==c||null!==b.onclick||(b.onclick=Bf));else if(4!==d&&(a=a.child,null!==a))for(Wj(a,b,c),a=a.sibling;null!==a;)Wj(a,b,c),a=a.sibling}\nfunction Xj(a,b,c){var d=a.tag;if(5===d||6===d)a=a.stateNode,b?c.insertBefore(a,b):c.appendChild(a);else if(4!==d&&(a=a.child,null!==a))for(Xj(a,b,c),a=a.sibling;null!==a;)Xj(a,b,c),a=a.sibling}var X=null,Yj=!1;function Zj(a,b,c){for(c=c.child;null!==c;)ak(a,b,c),c=c.sibling}\nfunction ak(a,b,c){if(lc&&\"function\"===typeof lc.onCommitFiberUnmount)try{lc.onCommitFiberUnmount(kc,c)}catch(h){}switch(c.tag){case 5:U||Mj(c,b);case 6:var d=X,e=Yj;X=null;Zj(a,b,c);X=d;Yj=e;null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?a.parentNode.removeChild(c):a.removeChild(c)):X.removeChild(c.stateNode));break;case 18:null!==X&&(Yj?(a=X,c=c.stateNode,8===a.nodeType?Kf(a.parentNode,c):1===a.nodeType&&Kf(a,c),bd(a)):Kf(X,c.stateNode));break;case 4:d=X;e=Yj;X=c.stateNode.containerInfo;Yj=!0;\nZj(a,b,c);X=d;Yj=e;break;case 0:case 11:case 14:case 15:if(!U&&(d=c.updateQueue,null!==d&&(d=d.lastEffect,null!==d))){e=d=d.next;do{var f=e,g=f.destroy;f=f.tag;void 0!==g&&(0!==(f&2)?Nj(c,b,g):0!==(f&4)&&Nj(c,b,g));e=e.next}while(e!==d)}Zj(a,b,c);break;case 1:if(!U&&(Mj(c,b),d=c.stateNode,\"function\"===typeof d.componentWillUnmount))try{d.props=c.memoizedProps,d.state=c.memoizedState,d.componentWillUnmount()}catch(h){W(c,b,h)}Zj(a,b,c);break;case 21:Zj(a,b,c);break;case 22:c.mode&1?(U=(d=U)||null!==\nc.memoizedState,Zj(a,b,c),U=d):Zj(a,b,c);break;default:Zj(a,b,c)}}function bk(a){var b=a.updateQueue;if(null!==b){a.updateQueue=null;var c=a.stateNode;null===c&&(c=a.stateNode=new Lj);b.forEach(function(b){var d=ck.bind(null,a,b);c.has(b)||(c.add(b),b.then(d,d))})}}\nfunction dk(a,b){var c=b.deletions;if(null!==c)for(var d=0;de&&(e=g);d&=~f}d=e;d=B()-d;d=(120>d?120:480>d?480:1080>d?1080:1920>d?1920:3E3>d?3E3:4320>d?4320:1960*mk(d/1960))-d;if(10a?16:a;if(null===xk)var d=!1;else{a=xk;xk=null;yk=0;if(0!==(K&6))throw Error(p(331));var e=K;K|=4;for(V=a.current;null!==V;){var f=V,g=f.child;if(0!==(V.flags&16)){var h=f.deletions;if(null!==h){for(var k=0;kB()-gk?Lk(a,0):sk|=c);Ek(a,b)}function Zk(a,b){0===b&&(0===(a.mode&1)?b=1:(b=sc,sc<<=1,0===(sc&130023424)&&(sc=4194304)));var c=L();a=Zg(a,b);null!==a&&(Ac(a,b,c),Ek(a,c))}function vj(a){var b=a.memoizedState,c=0;null!==b&&(c=b.retryLane);Zk(a,c)}\nfunction ck(a,b){var c=0;switch(a.tag){case 13:var d=a.stateNode;var e=a.memoizedState;null!==e&&(c=e.retryLane);break;case 19:d=a.stateNode;break;default:throw Error(p(314));}null!==d&&d.delete(b);Zk(a,c)}var Wk;\nWk=function(a,b,c){if(null!==a)if(a.memoizedProps!==b.pendingProps||Wf.current)Ug=!0;else{if(0===(a.lanes&c)&&0===(b.flags&128))return Ug=!1,zj(a,b,c);Ug=0!==(a.flags&131072)?!0:!1}else Ug=!1,I&&0!==(b.flags&1048576)&&ug(b,ng,b.index);b.lanes=0;switch(b.tag){case 2:var d=b.type;jj(a,b);a=b.pendingProps;var e=Yf(b,H.current);Tg(b,c);e=Xh(null,b,d,a,e,c);var f=bi();b.flags|=1;\"object\"===typeof e&&null!==e&&\"function\"===typeof e.render&&void 0===e.$$typeof?(b.tag=1,b.memoizedState=null,b.updateQueue=\nnull,Zf(d)?(f=!0,cg(b)):f=!1,b.memoizedState=null!==e.state&&void 0!==e.state?e.state:null,ah(b),e.updater=nh,b.stateNode=e,e._reactInternals=b,rh(b,d,a,c),b=kj(null,b,d,!0,f,c)):(b.tag=0,I&&f&&vg(b),Yi(null,b,e,c),b=b.child);return b;case 16:d=b.elementType;a:{jj(a,b);a=b.pendingProps;e=d._init;d=e(d._payload);b.type=d;e=b.tag=$k(d);a=Lg(d,a);switch(e){case 0:b=dj(null,b,d,a,c);break a;case 1:b=ij(null,b,d,a,c);break a;case 11:b=Zi(null,b,d,a,c);break a;case 14:b=aj(null,b,d,Lg(d.type,a),c);break a}throw Error(p(306,\nd,\"\"));}return b;case 0:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),dj(a,b,d,e,c);case 1:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),ij(a,b,d,e,c);case 3:a:{lj(b);if(null===a)throw Error(p(387));d=b.pendingProps;f=b.memoizedState;e=f.element;bh(a,b);gh(b,d,null,c);var g=b.memoizedState;d=g.element;if(f.isDehydrated)if(f={element:d,isDehydrated:!1,cache:g.cache,pendingSuspenseBoundaries:g.pendingSuspenseBoundaries,transitions:g.transitions},b.updateQueue.baseState=\nf,b.memoizedState=f,b.flags&256){e=Ki(Error(p(423)),b);b=mj(a,b,d,c,e);break a}else if(d!==e){e=Ki(Error(p(424)),b);b=mj(a,b,d,c,e);break a}else for(yg=Lf(b.stateNode.containerInfo.firstChild),xg=b,I=!0,zg=null,c=Ch(b,null,d,c),b.child=c;c;)c.flags=c.flags&-3|4096,c=c.sibling;else{Ig();if(d===e){b=$i(a,b,c);break a}Yi(a,b,d,c)}b=b.child}return b;case 5:return Kh(b),null===a&&Eg(b),d=b.type,e=b.pendingProps,f=null!==a?a.memoizedProps:null,g=e.children,Ef(d,e)?g=null:null!==f&&Ef(d,f)&&(b.flags|=32),\nhj(a,b),Yi(a,b,g,c),b.child;case 6:return null===a&&Eg(b),null;case 13:return pj(a,b,c);case 4:return Ih(b,b.stateNode.containerInfo),d=b.pendingProps,null===a?b.child=Bh(b,null,d,c):Yi(a,b,d,c),b.child;case 11:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),Zi(a,b,d,e,c);case 7:return Yi(a,b,b.pendingProps,c),b.child;case 8:return Yi(a,b,b.pendingProps.children,c),b.child;case 12:return Yi(a,b,b.pendingProps.children,c),b.child;case 10:a:{d=b.type._context;e=b.pendingProps;f=b.memoizedProps;\ng=e.value;G(Mg,d._currentValue);d._currentValue=g;if(null!==f)if(He(f.value,g)){if(f.children===e.children&&!Wf.current){b=$i(a,b,c);break a}}else for(f=b.child,null!==f&&(f.return=b);null!==f;){var h=f.dependencies;if(null!==h){g=f.child;for(var k=h.firstContext;null!==k;){if(k.context===d){if(1===f.tag){k=ch(-1,c&-c);k.tag=2;var l=f.updateQueue;if(null!==l){l=l.shared;var m=l.pending;null===m?k.next=k:(k.next=m.next,m.next=k);l.pending=k}}f.lanes|=c;k=f.alternate;null!==k&&(k.lanes|=c);Sg(f.return,\nc,b);h.lanes|=c;break}k=k.next}}else if(10===f.tag)g=f.type===b.type?null:f.child;else if(18===f.tag){g=f.return;if(null===g)throw Error(p(341));g.lanes|=c;h=g.alternate;null!==h&&(h.lanes|=c);Sg(g,c,b);g=f.sibling}else g=f.child;if(null!==g)g.return=f;else for(g=f;null!==g;){if(g===b){g=null;break}f=g.sibling;if(null!==f){f.return=g.return;g=f;break}g=g.return}f=g}Yi(a,b,e.children,c);b=b.child}return b;case 9:return e=b.type,d=b.pendingProps.children,Tg(b,c),e=Vg(e),d=d(e),b.flags|=1,Yi(a,b,d,c),\nb.child;case 14:return d=b.type,e=Lg(d,b.pendingProps),e=Lg(d.type,e),aj(a,b,d,e,c);case 15:return cj(a,b,b.type,b.pendingProps,c);case 17:return d=b.type,e=b.pendingProps,e=b.elementType===d?e:Lg(d,e),jj(a,b),b.tag=1,Zf(d)?(a=!0,cg(b)):a=!1,Tg(b,c),ph(b,d,e),rh(b,d,e,c),kj(null,b,d,!0,a,c);case 19:return yj(a,b,c);case 22:return ej(a,b,c)}throw Error(p(156,b.tag));};function Gk(a,b){return ac(a,b)}\nfunction al(a,b,c,d){this.tag=a;this.key=c;this.sibling=this.child=this.return=this.stateNode=this.type=this.elementType=null;this.index=0;this.ref=null;this.pendingProps=b;this.dependencies=this.memoizedState=this.updateQueue=this.memoizedProps=null;this.mode=d;this.subtreeFlags=this.flags=0;this.deletions=null;this.childLanes=this.lanes=0;this.alternate=null}function Bg(a,b,c,d){return new al(a,b,c,d)}function bj(a){a=a.prototype;return!(!a||!a.isReactComponent)}\nfunction $k(a){if(\"function\"===typeof a)return bj(a)?1:0;if(void 0!==a&&null!==a){a=a.$$typeof;if(a===Da)return 11;if(a===Ga)return 14}return 2}\nfunction wh(a,b){var c=a.alternate;null===c?(c=Bg(a.tag,b,a.key,a.mode),c.elementType=a.elementType,c.type=a.type,c.stateNode=a.stateNode,c.alternate=a,a.alternate=c):(c.pendingProps=b,c.type=a.type,c.flags=0,c.subtreeFlags=0,c.deletions=null);c.flags=a.flags&14680064;c.childLanes=a.childLanes;c.lanes=a.lanes;c.child=a.child;c.memoizedProps=a.memoizedProps;c.memoizedState=a.memoizedState;c.updateQueue=a.updateQueue;b=a.dependencies;c.dependencies=null===b?null:{lanes:b.lanes,firstContext:b.firstContext};\nc.sibling=a.sibling;c.index=a.index;c.ref=a.ref;return c}\nfunction yh(a,b,c,d,e,f){var g=2;d=a;if(\"function\"===typeof a)bj(a)&&(g=1);else if(\"string\"===typeof a)g=5;else a:switch(a){case ya:return Ah(c.children,e,f,b);case za:g=8;e|=8;break;case Aa:return a=Bg(12,c,b,e|2),a.elementType=Aa,a.lanes=f,a;case Ea:return a=Bg(13,c,b,e),a.elementType=Ea,a.lanes=f,a;case Fa:return a=Bg(19,c,b,e),a.elementType=Fa,a.lanes=f,a;case Ia:return qj(c,e,f,b);default:if(\"object\"===typeof a&&null!==a)switch(a.$$typeof){case Ba:g=10;break a;case Ca:g=9;break a;case Da:g=11;\nbreak a;case Ga:g=14;break a;case Ha:g=16;d=null;break a}throw Error(p(130,null==a?a:typeof a,\"\"));}b=Bg(g,c,b,e);b.elementType=a;b.type=d;b.lanes=f;return b}function Ah(a,b,c,d){a=Bg(7,a,d,b);a.lanes=c;return a}function qj(a,b,c,d){a=Bg(22,a,d,b);a.elementType=Ia;a.lanes=c;a.stateNode={isHidden:!1};return a}function xh(a,b,c){a=Bg(6,a,null,b);a.lanes=c;return a}\nfunction zh(a,b,c){b=Bg(4,null!==a.children?a.children:[],a.key,b);b.lanes=c;b.stateNode={containerInfo:a.containerInfo,pendingChildren:null,implementation:a.implementation};return b}\nfunction bl(a,b,c,d,e){this.tag=b;this.containerInfo=a;this.finishedWork=this.pingCache=this.current=this.pendingChildren=null;this.timeoutHandle=-1;this.callbackNode=this.pendingContext=this.context=null;this.callbackPriority=0;this.eventTimes=zc(0);this.expirationTimes=zc(-1);this.entangledLanes=this.finishedLanes=this.mutableReadLanes=this.expiredLanes=this.pingedLanes=this.suspendedLanes=this.pendingLanes=0;this.entanglements=zc(0);this.identifierPrefix=d;this.onRecoverableError=e;this.mutableSourceEagerHydrationData=\nnull}function cl(a,b,c,d,e,f,g,h,k){a=new bl(a,b,c,h,k);1===b?(b=1,!0===f&&(b|=8)):b=0;f=Bg(3,null,null,b);a.current=f;f.stateNode=a;f.memoizedState={element:d,isDehydrated:c,cache:null,transitions:null,pendingSuspenseBoundaries:null};ah(f);return a}function dl(a,b,c){var d=3 0 ? round(clientRect.width) / element.offsetWidth || 1 : 1;\n scaleY = element.offsetHeight > 0 ? round(clientRect.height) / element.offsetHeight || 1 : 1;\n }\n\n var _ref = isElement(element) ? getWindow(element) : window,\n visualViewport = _ref.visualViewport;\n\n var addVisualOffsets = !isLayoutViewport() && isFixedStrategy;\n var x = (clientRect.left + (addVisualOffsets && visualViewport ? visualViewport.offsetLeft : 0)) / scaleX;\n var y = (clientRect.top + (addVisualOffsets && visualViewport ? visualViewport.offsetTop : 0)) / scaleY;\n var width = clientRect.width / scaleX;\n var height = clientRect.height / scaleY;\n return {\n width: width,\n height: height,\n top: y,\n right: x + width,\n bottom: y + height,\n left: x,\n x: x,\n y: y\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\"; // Returns the layout rect of an element relative to its offsetParent. Layout\n// means it doesn't take into account transforms.\n\nexport default function getLayoutRect(element) {\n var clientRect = getBoundingClientRect(element); // Use the clientRect sizes if it's not been transformed.\n // Fixes https://github.com/popperjs/popper-core/issues/1223\n\n var width = element.offsetWidth;\n var height = element.offsetHeight;\n\n if (Math.abs(clientRect.width - width) <= 1) {\n width = clientRect.width;\n }\n\n if (Math.abs(clientRect.height - height) <= 1) {\n height = clientRect.height;\n }\n\n return {\n x: element.offsetLeft,\n y: element.offsetTop,\n width: width,\n height: height\n };\n}","import { isShadowRoot } from \"./instanceOf.js\";\nexport default function contains(parent, child) {\n var rootNode = child.getRootNode && child.getRootNode(); // First, attempt with faster native method\n\n if (parent.contains(child)) {\n return true;\n } // then fallback to custom implementation with Shadow DOM support\n else if (rootNode && isShadowRoot(rootNode)) {\n var next = child;\n\n do {\n if (next && parent.isSameNode(next)) {\n return true;\n } // $FlowFixMe[prop-missing]: need a better way to handle this...\n\n\n next = next.parentNode || next.host;\n } while (next);\n } // Give up, the result is false\n\n\n return false;\n}","import getWindow from \"./getWindow.js\";\nexport default function getComputedStyle(element) {\n return getWindow(element).getComputedStyle(element);\n}","import getNodeName from \"./getNodeName.js\";\nexport default function isTableElement(element) {\n return ['table', 'td', 'th'].indexOf(getNodeName(element)) >= 0;\n}","import { isElement } from \"./instanceOf.js\";\nexport default function getDocumentElement(element) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return ((isElement(element) ? element.ownerDocument : // $FlowFixMe[prop-missing]\n element.document) || window.document).documentElement;\n}","import getNodeName from \"./getNodeName.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport { isShadowRoot } from \"./instanceOf.js\";\nexport default function getParentNode(element) {\n if (getNodeName(element) === 'html') {\n return element;\n }\n\n return (// this is a quicker (but less type safe) way to save quite some bytes from the bundle\n // $FlowFixMe[incompatible-return]\n // $FlowFixMe[prop-missing]\n element.assignedSlot || // step into the shadow DOM of the parent of a slotted node\n element.parentNode || ( // DOM Element detected\n isShadowRoot(element) ? element.host : null) || // ShadowRoot detected\n // $FlowFixMe[incompatible-call]: HTMLElement is a Node\n getDocumentElement(element) // fallback\n\n );\n}","import getWindow from \"./getWindow.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isHTMLElement, isShadowRoot } from \"./instanceOf.js\";\nimport isTableElement from \"./isTableElement.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getUAString from \"../utils/userAgent.js\";\n\nfunction getTrueOffsetParent(element) {\n if (!isHTMLElement(element) || // https://github.com/popperjs/popper-core/issues/837\n getComputedStyle(element).position === 'fixed') {\n return null;\n }\n\n return element.offsetParent;\n} // `.offsetParent` reports `null` for fixed elements, while absolute elements\n// return the containing block\n\n\nfunction getContainingBlock(element) {\n var isFirefox = /firefox/i.test(getUAString());\n var isIE = /Trident/i.test(getUAString());\n\n if (isIE && isHTMLElement(element)) {\n // In IE 9, 10 and 11 fixed elements containing block is always established by the viewport\n var elementCss = getComputedStyle(element);\n\n if (elementCss.position === 'fixed') {\n return null;\n }\n }\n\n var currentNode = getParentNode(element);\n\n if (isShadowRoot(currentNode)) {\n currentNode = currentNode.host;\n }\n\n while (isHTMLElement(currentNode) && ['html', 'body'].indexOf(getNodeName(currentNode)) < 0) {\n var css = getComputedStyle(currentNode); // This is non-exhaustive but covers the most common CSS properties that\n // create a containing block.\n // https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block#identifying_the_containing_block\n\n if (css.transform !== 'none' || css.perspective !== 'none' || css.contain === 'paint' || ['transform', 'perspective'].indexOf(css.willChange) !== -1 || isFirefox && css.willChange === 'filter' || isFirefox && css.filter && css.filter !== 'none') {\n return currentNode;\n } else {\n currentNode = currentNode.parentNode;\n }\n }\n\n return null;\n} // Gets the closest ancestor positioned element. Handles some edge cases,\n// such as table ancestors and cross browser bugs.\n\n\nexport default function getOffsetParent(element) {\n var window = getWindow(element);\n var offsetParent = getTrueOffsetParent(element);\n\n while (offsetParent && isTableElement(offsetParent) && getComputedStyle(offsetParent).position === 'static') {\n offsetParent = getTrueOffsetParent(offsetParent);\n }\n\n if (offsetParent && (getNodeName(offsetParent) === 'html' || getNodeName(offsetParent) === 'body' && getComputedStyle(offsetParent).position === 'static')) {\n return window;\n }\n\n return offsetParent || getContainingBlock(element) || window;\n}","export default function getMainAxisFromPlacement(placement) {\n return ['top', 'bottom'].indexOf(placement) >= 0 ? 'x' : 'y';\n}","import { max as mathMax, min as mathMin } from \"./math.js\";\nexport function within(min, value, max) {\n return mathMax(min, mathMin(value, max));\n}\nexport function withinMaxClamp(min, value, max) {\n var v = within(min, value, max);\n return v > max ? max : v;\n}","export default function getFreshSideObject() {\n return {\n top: 0,\n right: 0,\n bottom: 0,\n left: 0\n };\n}","import getFreshSideObject from \"./getFreshSideObject.js\";\nexport default function mergePaddingObject(paddingObject) {\n return Object.assign({}, getFreshSideObject(), paddingObject);\n}","export default function expandToHashMap(value, keys) {\n return keys.reduce(function (hashMap, key) {\n hashMap[key] = value;\n return hashMap;\n }, {});\n}","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport contains from \"../dom-utils/contains.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport { within } from \"../utils/within.js\";\nimport mergePaddingObject from \"../utils/mergePaddingObject.js\";\nimport expandToHashMap from \"../utils/expandToHashMap.js\";\nimport { left, right, basePlacements, top, bottom } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar toPaddingObject = function toPaddingObject(padding, state) {\n padding = typeof padding === 'function' ? padding(Object.assign({}, state.rects, {\n placement: state.placement\n })) : padding;\n return mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n};\n\nfunction arrow(_ref) {\n var _state$modifiersData$;\n\n var state = _ref.state,\n name = _ref.name,\n options = _ref.options;\n var arrowElement = state.elements.arrow;\n var popperOffsets = state.modifiersData.popperOffsets;\n var basePlacement = getBasePlacement(state.placement);\n var axis = getMainAxisFromPlacement(basePlacement);\n var isVertical = [left, right].indexOf(basePlacement) >= 0;\n var len = isVertical ? 'height' : 'width';\n\n if (!arrowElement || !popperOffsets) {\n return;\n }\n\n var paddingObject = toPaddingObject(options.padding, state);\n var arrowRect = getLayoutRect(arrowElement);\n var minProp = axis === 'y' ? top : left;\n var maxProp = axis === 'y' ? bottom : right;\n var endDiff = state.rects.reference[len] + state.rects.reference[axis] - popperOffsets[axis] - state.rects.popper[len];\n var startDiff = popperOffsets[axis] - state.rects.reference[axis];\n var arrowOffsetParent = getOffsetParent(arrowElement);\n var clientSize = arrowOffsetParent ? axis === 'y' ? arrowOffsetParent.clientHeight || 0 : arrowOffsetParent.clientWidth || 0 : 0;\n var centerToReference = endDiff / 2 - startDiff / 2; // Make sure the arrow doesn't overflow the popper if the center point is\n // outside of the popper bounds\n\n var min = paddingObject[minProp];\n var max = clientSize - arrowRect[len] - paddingObject[maxProp];\n var center = clientSize / 2 - arrowRect[len] / 2 + centerToReference;\n var offset = within(min, center, max); // Prevents breaking syntax highlighting...\n\n var axisProp = axis;\n state.modifiersData[name] = (_state$modifiersData$ = {}, _state$modifiersData$[axisProp] = offset, _state$modifiersData$.centerOffset = offset - center, _state$modifiersData$);\n}\n\nfunction effect(_ref2) {\n var state = _ref2.state,\n options = _ref2.options;\n var _options$element = options.element,\n arrowElement = _options$element === void 0 ? '[data-popper-arrow]' : _options$element;\n\n if (arrowElement == null) {\n return;\n } // CSS selector\n\n\n if (typeof arrowElement === 'string') {\n arrowElement = state.elements.popper.querySelector(arrowElement);\n\n if (!arrowElement) {\n return;\n }\n }\n\n if (!contains(state.elements.popper, arrowElement)) {\n return;\n }\n\n state.elements.arrow = arrowElement;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'arrow',\n enabled: true,\n phase: 'main',\n fn: arrow,\n effect: effect,\n requires: ['popperOffsets'],\n requiresIfExists: ['preventOverflow']\n};","export default function getVariation(placement) {\n return placement.split('-')[1];\n}","import { top, left, right, bottom, end } from \"../enums.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport getWindow from \"../dom-utils/getWindow.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getComputedStyle from \"../dom-utils/getComputedStyle.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport { round } from \"../utils/math.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar unsetSides = {\n top: 'auto',\n right: 'auto',\n bottom: 'auto',\n left: 'auto'\n}; // Round the offsets to the nearest suitable subpixel based on the DPR.\n// Zooming can change the DPR, but it seems to report a value that will\n// cleanly divide the values into the appropriate subpixels.\n\nfunction roundOffsetsByDPR(_ref, win) {\n var x = _ref.x,\n y = _ref.y;\n var dpr = win.devicePixelRatio || 1;\n return {\n x: round(x * dpr) / dpr || 0,\n y: round(y * dpr) / dpr || 0\n };\n}\n\nexport function mapToStyles(_ref2) {\n var _Object$assign2;\n\n var popper = _ref2.popper,\n popperRect = _ref2.popperRect,\n placement = _ref2.placement,\n variation = _ref2.variation,\n offsets = _ref2.offsets,\n position = _ref2.position,\n gpuAcceleration = _ref2.gpuAcceleration,\n adaptive = _ref2.adaptive,\n roundOffsets = _ref2.roundOffsets,\n isFixed = _ref2.isFixed;\n var _offsets$x = offsets.x,\n x = _offsets$x === void 0 ? 0 : _offsets$x,\n _offsets$y = offsets.y,\n y = _offsets$y === void 0 ? 0 : _offsets$y;\n\n var _ref3 = typeof roundOffsets === 'function' ? roundOffsets({\n x: x,\n y: y\n }) : {\n x: x,\n y: y\n };\n\n x = _ref3.x;\n y = _ref3.y;\n var hasX = offsets.hasOwnProperty('x');\n var hasY = offsets.hasOwnProperty('y');\n var sideX = left;\n var sideY = top;\n var win = window;\n\n if (adaptive) {\n var offsetParent = getOffsetParent(popper);\n var heightProp = 'clientHeight';\n var widthProp = 'clientWidth';\n\n if (offsetParent === getWindow(popper)) {\n offsetParent = getDocumentElement(popper);\n\n if (getComputedStyle(offsetParent).position !== 'static' && position === 'absolute') {\n heightProp = 'scrollHeight';\n widthProp = 'scrollWidth';\n }\n } // $FlowFixMe[incompatible-cast]: force type refinement, we compare offsetParent with window above, but Flow doesn't detect it\n\n\n offsetParent = offsetParent;\n\n if (placement === top || (placement === left || placement === right) && variation === end) {\n sideY = bottom;\n var offsetY = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.height : // $FlowFixMe[prop-missing]\n offsetParent[heightProp];\n y -= offsetY - popperRect.height;\n y *= gpuAcceleration ? 1 : -1;\n }\n\n if (placement === left || (placement === top || placement === bottom) && variation === end) {\n sideX = right;\n var offsetX = isFixed && offsetParent === win && win.visualViewport ? win.visualViewport.width : // $FlowFixMe[prop-missing]\n offsetParent[widthProp];\n x -= offsetX - popperRect.width;\n x *= gpuAcceleration ? 1 : -1;\n }\n }\n\n var commonStyles = Object.assign({\n position: position\n }, adaptive && unsetSides);\n\n var _ref4 = roundOffsets === true ? roundOffsetsByDPR({\n x: x,\n y: y\n }, getWindow(popper)) : {\n x: x,\n y: y\n };\n\n x = _ref4.x;\n y = _ref4.y;\n\n if (gpuAcceleration) {\n var _Object$assign;\n\n return Object.assign({}, commonStyles, (_Object$assign = {}, _Object$assign[sideY] = hasY ? '0' : '', _Object$assign[sideX] = hasX ? '0' : '', _Object$assign.transform = (win.devicePixelRatio || 1) <= 1 ? \"translate(\" + x + \"px, \" + y + \"px)\" : \"translate3d(\" + x + \"px, \" + y + \"px, 0)\", _Object$assign));\n }\n\n return Object.assign({}, commonStyles, (_Object$assign2 = {}, _Object$assign2[sideY] = hasY ? y + \"px\" : '', _Object$assign2[sideX] = hasX ? x + \"px\" : '', _Object$assign2.transform = '', _Object$assign2));\n}\n\nfunction computeStyles(_ref5) {\n var state = _ref5.state,\n options = _ref5.options;\n var _options$gpuAccelerat = options.gpuAcceleration,\n gpuAcceleration = _options$gpuAccelerat === void 0 ? true : _options$gpuAccelerat,\n _options$adaptive = options.adaptive,\n adaptive = _options$adaptive === void 0 ? true : _options$adaptive,\n _options$roundOffsets = options.roundOffsets,\n roundOffsets = _options$roundOffsets === void 0 ? true : _options$roundOffsets;\n var commonStyles = {\n placement: getBasePlacement(state.placement),\n variation: getVariation(state.placement),\n popper: state.elements.popper,\n popperRect: state.rects.popper,\n gpuAcceleration: gpuAcceleration,\n isFixed: state.options.strategy === 'fixed'\n };\n\n if (state.modifiersData.popperOffsets != null) {\n state.styles.popper = Object.assign({}, state.styles.popper, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.popperOffsets,\n position: state.options.strategy,\n adaptive: adaptive,\n roundOffsets: roundOffsets\n })));\n }\n\n if (state.modifiersData.arrow != null) {\n state.styles.arrow = Object.assign({}, state.styles.arrow, mapToStyles(Object.assign({}, commonStyles, {\n offsets: state.modifiersData.arrow,\n position: 'absolute',\n adaptive: false,\n roundOffsets: roundOffsets\n })));\n }\n\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-placement': state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'computeStyles',\n enabled: true,\n phase: 'beforeWrite',\n fn: computeStyles,\n data: {}\n};","import getWindow from \"../dom-utils/getWindow.js\"; // eslint-disable-next-line import/no-unused-modules\n\nvar passive = {\n passive: true\n};\n\nfunction effect(_ref) {\n var state = _ref.state,\n instance = _ref.instance,\n options = _ref.options;\n var _options$scroll = options.scroll,\n scroll = _options$scroll === void 0 ? true : _options$scroll,\n _options$resize = options.resize,\n resize = _options$resize === void 0 ? true : _options$resize;\n var window = getWindow(state.elements.popper);\n var scrollParents = [].concat(state.scrollParents.reference, state.scrollParents.popper);\n\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.addEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.addEventListener('resize', instance.update, passive);\n }\n\n return function () {\n if (scroll) {\n scrollParents.forEach(function (scrollParent) {\n scrollParent.removeEventListener('scroll', instance.update, passive);\n });\n }\n\n if (resize) {\n window.removeEventListener('resize', instance.update, passive);\n }\n };\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'eventListeners',\n enabled: true,\n phase: 'write',\n fn: function fn() {},\n effect: effect,\n data: {}\n};","var hash = {\n left: 'right',\n right: 'left',\n bottom: 'top',\n top: 'bottom'\n};\nexport default function getOppositePlacement(placement) {\n return placement.replace(/left|right|bottom|top/g, function (matched) {\n return hash[matched];\n });\n}","var hash = {\n start: 'end',\n end: 'start'\n};\nexport default function getOppositeVariationPlacement(placement) {\n return placement.replace(/start|end/g, function (matched) {\n return hash[matched];\n });\n}","import getWindow from \"./getWindow.js\";\nexport default function getWindowScroll(node) {\n var win = getWindow(node);\n var scrollLeft = win.pageXOffset;\n var scrollTop = win.pageYOffset;\n return {\n scrollLeft: scrollLeft,\n scrollTop: scrollTop\n };\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nexport default function getWindowScrollBarX(element) {\n // If has a CSS width greater than the viewport, then this will be\n // incorrect for RTL.\n // Popper 1 is broken in this case and never had a bug report so let's assume\n // it's not an issue. I don't think anyone ever specifies width on \n // anyway.\n // Browsers where the left scrollbar doesn't cause an issue report `0` for\n // this (e.g. Edge 2019, IE11, Safari)\n return getBoundingClientRect(getDocumentElement(element)).left + getWindowScroll(element).scrollLeft;\n}","import getWindow from \"./getWindow.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport isLayoutViewport from \"./isLayoutViewport.js\";\nexport default function getViewportRect(element, strategy) {\n var win = getWindow(element);\n var html = getDocumentElement(element);\n var visualViewport = win.visualViewport;\n var width = html.clientWidth;\n var height = html.clientHeight;\n var x = 0;\n var y = 0;\n\n if (visualViewport) {\n width = visualViewport.width;\n height = visualViewport.height;\n var layoutViewport = isLayoutViewport();\n\n if (layoutViewport || !layoutViewport && strategy === 'fixed') {\n x = visualViewport.offsetLeft;\n y = visualViewport.offsetTop;\n }\n }\n\n return {\n width: width,\n height: height,\n x: x + getWindowScrollBarX(element),\n y: y\n };\n}","import getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getWindowScroll from \"./getWindowScroll.js\";\nimport { max } from \"../utils/math.js\"; // Gets the entire size of the scrollable document area, even extending outside\n// of the `` and `` rect bounds if horizontally scrollable\n\nexport default function getDocumentRect(element) {\n var _element$ownerDocumen;\n\n var html = getDocumentElement(element);\n var winScroll = getWindowScroll(element);\n var body = (_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body;\n var width = max(html.scrollWidth, html.clientWidth, body ? body.scrollWidth : 0, body ? body.clientWidth : 0);\n var height = max(html.scrollHeight, html.clientHeight, body ? body.scrollHeight : 0, body ? body.clientHeight : 0);\n var x = -winScroll.scrollLeft + getWindowScrollBarX(element);\n var y = -winScroll.scrollTop;\n\n if (getComputedStyle(body || html).direction === 'rtl') {\n x += max(html.clientWidth, body ? body.clientWidth : 0) - width;\n }\n\n return {\n width: width,\n height: height,\n x: x,\n y: y\n };\n}","import getComputedStyle from \"./getComputedStyle.js\";\nexport default function isScrollParent(element) {\n // Firefox wants us to check `-x` and `-y` variations as well\n var _getComputedStyle = getComputedStyle(element),\n overflow = _getComputedStyle.overflow,\n overflowX = _getComputedStyle.overflowX,\n overflowY = _getComputedStyle.overflowY;\n\n return /auto|scroll|overlay|hidden/.test(overflow + overflowY + overflowX);\n}","import getParentNode from \"./getParentNode.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nexport default function getScrollParent(node) {\n if (['html', 'body', '#document'].indexOf(getNodeName(node)) >= 0) {\n // $FlowFixMe[incompatible-return]: assume body is always available\n return node.ownerDocument.body;\n }\n\n if (isHTMLElement(node) && isScrollParent(node)) {\n return node;\n }\n\n return getScrollParent(getParentNode(node));\n}","import getScrollParent from \"./getScrollParent.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport getWindow from \"./getWindow.js\";\nimport isScrollParent from \"./isScrollParent.js\";\n/*\ngiven a DOM element, return the list of all scroll parents, up the list of ancesors\nuntil we get to the top window object. This list is what we attach scroll listeners\nto, because if any of these parent elements scroll, we'll need to re-calculate the\nreference element's position.\n*/\n\nexport default function listScrollParents(element, list) {\n var _element$ownerDocumen;\n\n if (list === void 0) {\n list = [];\n }\n\n var scrollParent = getScrollParent(element);\n var isBody = scrollParent === ((_element$ownerDocumen = element.ownerDocument) == null ? void 0 : _element$ownerDocumen.body);\n var win = getWindow(scrollParent);\n var target = isBody ? [win].concat(win.visualViewport || [], isScrollParent(scrollParent) ? scrollParent : []) : scrollParent;\n var updatedList = list.concat(target);\n return isBody ? updatedList : // $FlowFixMe[incompatible-call]: isBody tells us target will be an HTMLElement here\n updatedList.concat(listScrollParents(getParentNode(target)));\n}","export default function rectToClientRect(rect) {\n return Object.assign({}, rect, {\n left: rect.x,\n top: rect.y,\n right: rect.x + rect.width,\n bottom: rect.y + rect.height\n });\n}","import { viewport } from \"../enums.js\";\nimport getViewportRect from \"./getViewportRect.js\";\nimport getDocumentRect from \"./getDocumentRect.js\";\nimport listScrollParents from \"./listScrollParents.js\";\nimport getOffsetParent from \"./getOffsetParent.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport getComputedStyle from \"./getComputedStyle.js\";\nimport { isElement, isHTMLElement } from \"./instanceOf.js\";\nimport getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getParentNode from \"./getParentNode.js\";\nimport contains from \"./contains.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport rectToClientRect from \"../utils/rectToClientRect.js\";\nimport { max, min } from \"../utils/math.js\";\n\nfunction getInnerBoundingClientRect(element, strategy) {\n var rect = getBoundingClientRect(element, false, strategy === 'fixed');\n rect.top = rect.top + element.clientTop;\n rect.left = rect.left + element.clientLeft;\n rect.bottom = rect.top + element.clientHeight;\n rect.right = rect.left + element.clientWidth;\n rect.width = element.clientWidth;\n rect.height = element.clientHeight;\n rect.x = rect.left;\n rect.y = rect.top;\n return rect;\n}\n\nfunction getClientRectFromMixedType(element, clippingParent, strategy) {\n return clippingParent === viewport ? rectToClientRect(getViewportRect(element, strategy)) : isElement(clippingParent) ? getInnerBoundingClientRect(clippingParent, strategy) : rectToClientRect(getDocumentRect(getDocumentElement(element)));\n} // A \"clipping parent\" is an overflowable container with the characteristic of\n// clipping (or hiding) overflowing elements with a position different from\n// `initial`\n\n\nfunction getClippingParents(element) {\n var clippingParents = listScrollParents(getParentNode(element));\n var canEscapeClipping = ['absolute', 'fixed'].indexOf(getComputedStyle(element).position) >= 0;\n var clipperElement = canEscapeClipping && isHTMLElement(element) ? getOffsetParent(element) : element;\n\n if (!isElement(clipperElement)) {\n return [];\n } // $FlowFixMe[incompatible-return]: https://github.com/facebook/flow/issues/1414\n\n\n return clippingParents.filter(function (clippingParent) {\n return isElement(clippingParent) && contains(clippingParent, clipperElement) && getNodeName(clippingParent) !== 'body';\n });\n} // Gets the maximum area that the element is visible in due to any number of\n// clipping parents\n\n\nexport default function getClippingRect(element, boundary, rootBoundary, strategy) {\n var mainClippingParents = boundary === 'clippingParents' ? getClippingParents(element) : [].concat(boundary);\n var clippingParents = [].concat(mainClippingParents, [rootBoundary]);\n var firstClippingParent = clippingParents[0];\n var clippingRect = clippingParents.reduce(function (accRect, clippingParent) {\n var rect = getClientRectFromMixedType(element, clippingParent, strategy);\n accRect.top = max(rect.top, accRect.top);\n accRect.right = min(rect.right, accRect.right);\n accRect.bottom = min(rect.bottom, accRect.bottom);\n accRect.left = max(rect.left, accRect.left);\n return accRect;\n }, getClientRectFromMixedType(element, firstClippingParent, strategy));\n clippingRect.width = clippingRect.right - clippingRect.left;\n clippingRect.height = clippingRect.bottom - clippingRect.top;\n clippingRect.x = clippingRect.left;\n clippingRect.y = clippingRect.top;\n return clippingRect;\n}","import getBasePlacement from \"./getBasePlacement.js\";\nimport getVariation from \"./getVariation.js\";\nimport getMainAxisFromPlacement from \"./getMainAxisFromPlacement.js\";\nimport { top, right, bottom, left, start, end } from \"../enums.js\";\nexport default function computeOffsets(_ref) {\n var reference = _ref.reference,\n element = _ref.element,\n placement = _ref.placement;\n var basePlacement = placement ? getBasePlacement(placement) : null;\n var variation = placement ? getVariation(placement) : null;\n var commonX = reference.x + reference.width / 2 - element.width / 2;\n var commonY = reference.y + reference.height / 2 - element.height / 2;\n var offsets;\n\n switch (basePlacement) {\n case top:\n offsets = {\n x: commonX,\n y: reference.y - element.height\n };\n break;\n\n case bottom:\n offsets = {\n x: commonX,\n y: reference.y + reference.height\n };\n break;\n\n case right:\n offsets = {\n x: reference.x + reference.width,\n y: commonY\n };\n break;\n\n case left:\n offsets = {\n x: reference.x - element.width,\n y: commonY\n };\n break;\n\n default:\n offsets = {\n x: reference.x,\n y: reference.y\n };\n }\n\n var mainAxis = basePlacement ? getMainAxisFromPlacement(basePlacement) : null;\n\n if (mainAxis != null) {\n var len = mainAxis === 'y' ? 'height' : 'width';\n\n switch (variation) {\n case start:\n offsets[mainAxis] = offsets[mainAxis] - (reference[len] / 2 - element[len] / 2);\n break;\n\n case end:\n offsets[mainAxis] = offsets[mainAxis] + (reference[len] / 2 - element[len] / 2);\n break;\n\n default:\n }\n }\n\n return offsets;\n}","import getClippingRect from \"../dom-utils/getClippingRect.js\";\nimport getDocumentElement from \"../dom-utils/getDocumentElement.js\";\nimport getBoundingClientRect from \"../dom-utils/getBoundingClientRect.js\";\nimport computeOffsets from \"./computeOffsets.js\";\nimport rectToClientRect from \"./rectToClientRect.js\";\nimport { clippingParents, reference, popper, bottom, top, right, basePlacements, viewport } from \"../enums.js\";\nimport { isElement } from \"../dom-utils/instanceOf.js\";\nimport mergePaddingObject from \"./mergePaddingObject.js\";\nimport expandToHashMap from \"./expandToHashMap.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport default function detectOverflow(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n _options$placement = _options.placement,\n placement = _options$placement === void 0 ? state.placement : _options$placement,\n _options$strategy = _options.strategy,\n strategy = _options$strategy === void 0 ? state.strategy : _options$strategy,\n _options$boundary = _options.boundary,\n boundary = _options$boundary === void 0 ? clippingParents : _options$boundary,\n _options$rootBoundary = _options.rootBoundary,\n rootBoundary = _options$rootBoundary === void 0 ? viewport : _options$rootBoundary,\n _options$elementConte = _options.elementContext,\n elementContext = _options$elementConte === void 0 ? popper : _options$elementConte,\n _options$altBoundary = _options.altBoundary,\n altBoundary = _options$altBoundary === void 0 ? false : _options$altBoundary,\n _options$padding = _options.padding,\n padding = _options$padding === void 0 ? 0 : _options$padding;\n var paddingObject = mergePaddingObject(typeof padding !== 'number' ? padding : expandToHashMap(padding, basePlacements));\n var altContext = elementContext === popper ? reference : popper;\n var popperRect = state.rects.popper;\n var element = state.elements[altBoundary ? altContext : elementContext];\n var clippingClientRect = getClippingRect(isElement(element) ? element : element.contextElement || getDocumentElement(state.elements.popper), boundary, rootBoundary, strategy);\n var referenceClientRect = getBoundingClientRect(state.elements.reference);\n var popperOffsets = computeOffsets({\n reference: referenceClientRect,\n element: popperRect,\n strategy: 'absolute',\n placement: placement\n });\n var popperClientRect = rectToClientRect(Object.assign({}, popperRect, popperOffsets));\n var elementClientRect = elementContext === popper ? popperClientRect : referenceClientRect; // positive = overflowing the clipping rect\n // 0 or negative = within the clipping rect\n\n var overflowOffsets = {\n top: clippingClientRect.top - elementClientRect.top + paddingObject.top,\n bottom: elementClientRect.bottom - clippingClientRect.bottom + paddingObject.bottom,\n left: clippingClientRect.left - elementClientRect.left + paddingObject.left,\n right: elementClientRect.right - clippingClientRect.right + paddingObject.right\n };\n var offsetData = state.modifiersData.offset; // Offsets can be applied only to the popper element\n\n if (elementContext === popper && offsetData) {\n var offset = offsetData[placement];\n Object.keys(overflowOffsets).forEach(function (key) {\n var multiply = [right, bottom].indexOf(key) >= 0 ? 1 : -1;\n var axis = [top, bottom].indexOf(key) >= 0 ? 'y' : 'x';\n overflowOffsets[key] += offset[axis] * multiply;\n });\n }\n\n return overflowOffsets;\n}","import getVariation from \"./getVariation.js\";\nimport { variationPlacements, basePlacements, placements as allPlacements } from \"../enums.js\";\nimport detectOverflow from \"./detectOverflow.js\";\nimport getBasePlacement from \"./getBasePlacement.js\";\nexport default function computeAutoPlacement(state, options) {\n if (options === void 0) {\n options = {};\n }\n\n var _options = options,\n placement = _options.placement,\n boundary = _options.boundary,\n rootBoundary = _options.rootBoundary,\n padding = _options.padding,\n flipVariations = _options.flipVariations,\n _options$allowedAutoP = _options.allowedAutoPlacements,\n allowedAutoPlacements = _options$allowedAutoP === void 0 ? allPlacements : _options$allowedAutoP;\n var variation = getVariation(placement);\n var placements = variation ? flipVariations ? variationPlacements : variationPlacements.filter(function (placement) {\n return getVariation(placement) === variation;\n }) : basePlacements;\n var allowedPlacements = placements.filter(function (placement) {\n return allowedAutoPlacements.indexOf(placement) >= 0;\n });\n\n if (allowedPlacements.length === 0) {\n allowedPlacements = placements;\n } // $FlowFixMe[incompatible-type]: Flow seems to have problems with two array unions...\n\n\n var overflows = allowedPlacements.reduce(function (acc, placement) {\n acc[placement] = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding\n })[getBasePlacement(placement)];\n return acc;\n }, {});\n return Object.keys(overflows).sort(function (a, b) {\n return overflows[a] - overflows[b];\n });\n}","import getOppositePlacement from \"../utils/getOppositePlacement.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getOppositeVariationPlacement from \"../utils/getOppositeVariationPlacement.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport computeAutoPlacement from \"../utils/computeAutoPlacement.js\";\nimport { bottom, top, start, right, left, auto } from \"../enums.js\";\nimport getVariation from \"../utils/getVariation.js\"; // eslint-disable-next-line import/no-unused-modules\n\nfunction getExpandedFallbackPlacements(placement) {\n if (getBasePlacement(placement) === auto) {\n return [];\n }\n\n var oppositePlacement = getOppositePlacement(placement);\n return [getOppositeVariationPlacement(placement), oppositePlacement, getOppositeVariationPlacement(oppositePlacement)];\n}\n\nfunction flip(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n\n if (state.modifiersData[name]._skip) {\n return;\n }\n\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? true : _options$altAxis,\n specifiedFallbackPlacements = options.fallbackPlacements,\n padding = options.padding,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n _options$flipVariatio = options.flipVariations,\n flipVariations = _options$flipVariatio === void 0 ? true : _options$flipVariatio,\n allowedAutoPlacements = options.allowedAutoPlacements;\n var preferredPlacement = state.options.placement;\n var basePlacement = getBasePlacement(preferredPlacement);\n var isBasePlacement = basePlacement === preferredPlacement;\n var fallbackPlacements = specifiedFallbackPlacements || (isBasePlacement || !flipVariations ? [getOppositePlacement(preferredPlacement)] : getExpandedFallbackPlacements(preferredPlacement));\n var placements = [preferredPlacement].concat(fallbackPlacements).reduce(function (acc, placement) {\n return acc.concat(getBasePlacement(placement) === auto ? computeAutoPlacement(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n flipVariations: flipVariations,\n allowedAutoPlacements: allowedAutoPlacements\n }) : placement);\n }, []);\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var checksMap = new Map();\n var makeFallbackChecks = true;\n var firstFittingPlacement = placements[0];\n\n for (var i = 0; i < placements.length; i++) {\n var placement = placements[i];\n\n var _basePlacement = getBasePlacement(placement);\n\n var isStartVariation = getVariation(placement) === start;\n var isVertical = [top, bottom].indexOf(_basePlacement) >= 0;\n var len = isVertical ? 'width' : 'height';\n var overflow = detectOverflow(state, {\n placement: placement,\n boundary: boundary,\n rootBoundary: rootBoundary,\n altBoundary: altBoundary,\n padding: padding\n });\n var mainVariationSide = isVertical ? isStartVariation ? right : left : isStartVariation ? bottom : top;\n\n if (referenceRect[len] > popperRect[len]) {\n mainVariationSide = getOppositePlacement(mainVariationSide);\n }\n\n var altVariationSide = getOppositePlacement(mainVariationSide);\n var checks = [];\n\n if (checkMainAxis) {\n checks.push(overflow[_basePlacement] <= 0);\n }\n\n if (checkAltAxis) {\n checks.push(overflow[mainVariationSide] <= 0, overflow[altVariationSide] <= 0);\n }\n\n if (checks.every(function (check) {\n return check;\n })) {\n firstFittingPlacement = placement;\n makeFallbackChecks = false;\n break;\n }\n\n checksMap.set(placement, checks);\n }\n\n if (makeFallbackChecks) {\n // `2` may be desired in some cases – research later\n var numberOfChecks = flipVariations ? 3 : 1;\n\n var _loop = function _loop(_i) {\n var fittingPlacement = placements.find(function (placement) {\n var checks = checksMap.get(placement);\n\n if (checks) {\n return checks.slice(0, _i).every(function (check) {\n return check;\n });\n }\n });\n\n if (fittingPlacement) {\n firstFittingPlacement = fittingPlacement;\n return \"break\";\n }\n };\n\n for (var _i = numberOfChecks; _i > 0; _i--) {\n var _ret = _loop(_i);\n\n if (_ret === \"break\") break;\n }\n }\n\n if (state.placement !== firstFittingPlacement) {\n state.modifiersData[name]._skip = true;\n state.placement = firstFittingPlacement;\n state.reset = true;\n }\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'flip',\n enabled: true,\n phase: 'main',\n fn: flip,\n requiresIfExists: ['offset'],\n data: {\n _skip: false\n }\n};","import { top, bottom, left, right } from \"../enums.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\n\nfunction getSideOffsets(overflow, rect, preventedOffsets) {\n if (preventedOffsets === void 0) {\n preventedOffsets = {\n x: 0,\n y: 0\n };\n }\n\n return {\n top: overflow.top - rect.height - preventedOffsets.y,\n right: overflow.right - rect.width + preventedOffsets.x,\n bottom: overflow.bottom - rect.height + preventedOffsets.y,\n left: overflow.left - rect.width - preventedOffsets.x\n };\n}\n\nfunction isAnySideFullyClipped(overflow) {\n return [top, right, bottom, left].some(function (side) {\n return overflow[side] >= 0;\n });\n}\n\nfunction hide(_ref) {\n var state = _ref.state,\n name = _ref.name;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var preventedOffsets = state.modifiersData.preventOverflow;\n var referenceOverflow = detectOverflow(state, {\n elementContext: 'reference'\n });\n var popperAltOverflow = detectOverflow(state, {\n altBoundary: true\n });\n var referenceClippingOffsets = getSideOffsets(referenceOverflow, referenceRect);\n var popperEscapeOffsets = getSideOffsets(popperAltOverflow, popperRect, preventedOffsets);\n var isReferenceHidden = isAnySideFullyClipped(referenceClippingOffsets);\n var hasPopperEscaped = isAnySideFullyClipped(popperEscapeOffsets);\n state.modifiersData[name] = {\n referenceClippingOffsets: referenceClippingOffsets,\n popperEscapeOffsets: popperEscapeOffsets,\n isReferenceHidden: isReferenceHidden,\n hasPopperEscaped: hasPopperEscaped\n };\n state.attributes.popper = Object.assign({}, state.attributes.popper, {\n 'data-popper-reference-hidden': isReferenceHidden,\n 'data-popper-escaped': hasPopperEscaped\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'hide',\n enabled: true,\n phase: 'main',\n requiresIfExists: ['preventOverflow'],\n fn: hide\n};","import getBasePlacement from \"../utils/getBasePlacement.js\";\nimport { top, left, right, placements } from \"../enums.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport function distanceAndSkiddingToXY(placement, rects, offset) {\n var basePlacement = getBasePlacement(placement);\n var invertDistance = [left, top].indexOf(basePlacement) >= 0 ? -1 : 1;\n\n var _ref = typeof offset === 'function' ? offset(Object.assign({}, rects, {\n placement: placement\n })) : offset,\n skidding = _ref[0],\n distance = _ref[1];\n\n skidding = skidding || 0;\n distance = (distance || 0) * invertDistance;\n return [left, right].indexOf(basePlacement) >= 0 ? {\n x: distance,\n y: skidding\n } : {\n x: skidding,\n y: distance\n };\n}\n\nfunction offset(_ref2) {\n var state = _ref2.state,\n options = _ref2.options,\n name = _ref2.name;\n var _options$offset = options.offset,\n offset = _options$offset === void 0 ? [0, 0] : _options$offset;\n var data = placements.reduce(function (acc, placement) {\n acc[placement] = distanceAndSkiddingToXY(placement, state.rects, offset);\n return acc;\n }, {});\n var _data$state$placement = data[state.placement],\n x = _data$state$placement.x,\n y = _data$state$placement.y;\n\n if (state.modifiersData.popperOffsets != null) {\n state.modifiersData.popperOffsets.x += x;\n state.modifiersData.popperOffsets.y += y;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'offset',\n enabled: true,\n phase: 'main',\n requires: ['popperOffsets'],\n fn: offset\n};","import computeOffsets from \"../utils/computeOffsets.js\";\n\nfunction popperOffsets(_ref) {\n var state = _ref.state,\n name = _ref.name;\n // Offsets are the actual position the popper needs to have to be\n // properly positioned near its reference element\n // This is the most basic placement, and will be adjusted by\n // the modifiers in the next step\n state.modifiersData[name] = computeOffsets({\n reference: state.rects.reference,\n element: state.rects.popper,\n strategy: 'absolute',\n placement: state.placement\n });\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'popperOffsets',\n enabled: true,\n phase: 'read',\n fn: popperOffsets,\n data: {}\n};","export default function getAltAxis(axis) {\n return axis === 'x' ? 'y' : 'x';\n}","import { top, left, right, bottom, start } from \"../enums.js\";\nimport getBasePlacement from \"../utils/getBasePlacement.js\";\nimport getMainAxisFromPlacement from \"../utils/getMainAxisFromPlacement.js\";\nimport getAltAxis from \"../utils/getAltAxis.js\";\nimport { within, withinMaxClamp } from \"../utils/within.js\";\nimport getLayoutRect from \"../dom-utils/getLayoutRect.js\";\nimport getOffsetParent from \"../dom-utils/getOffsetParent.js\";\nimport detectOverflow from \"../utils/detectOverflow.js\";\nimport getVariation from \"../utils/getVariation.js\";\nimport getFreshSideObject from \"../utils/getFreshSideObject.js\";\nimport { min as mathMin, max as mathMax } from \"../utils/math.js\";\n\nfunction preventOverflow(_ref) {\n var state = _ref.state,\n options = _ref.options,\n name = _ref.name;\n var _options$mainAxis = options.mainAxis,\n checkMainAxis = _options$mainAxis === void 0 ? true : _options$mainAxis,\n _options$altAxis = options.altAxis,\n checkAltAxis = _options$altAxis === void 0 ? false : _options$altAxis,\n boundary = options.boundary,\n rootBoundary = options.rootBoundary,\n altBoundary = options.altBoundary,\n padding = options.padding,\n _options$tether = options.tether,\n tether = _options$tether === void 0 ? true : _options$tether,\n _options$tetherOffset = options.tetherOffset,\n tetherOffset = _options$tetherOffset === void 0 ? 0 : _options$tetherOffset;\n var overflow = detectOverflow(state, {\n boundary: boundary,\n rootBoundary: rootBoundary,\n padding: padding,\n altBoundary: altBoundary\n });\n var basePlacement = getBasePlacement(state.placement);\n var variation = getVariation(state.placement);\n var isBasePlacement = !variation;\n var mainAxis = getMainAxisFromPlacement(basePlacement);\n var altAxis = getAltAxis(mainAxis);\n var popperOffsets = state.modifiersData.popperOffsets;\n var referenceRect = state.rects.reference;\n var popperRect = state.rects.popper;\n var tetherOffsetValue = typeof tetherOffset === 'function' ? tetherOffset(Object.assign({}, state.rects, {\n placement: state.placement\n })) : tetherOffset;\n var normalizedTetherOffsetValue = typeof tetherOffsetValue === 'number' ? {\n mainAxis: tetherOffsetValue,\n altAxis: tetherOffsetValue\n } : Object.assign({\n mainAxis: 0,\n altAxis: 0\n }, tetherOffsetValue);\n var offsetModifierState = state.modifiersData.offset ? state.modifiersData.offset[state.placement] : null;\n var data = {\n x: 0,\n y: 0\n };\n\n if (!popperOffsets) {\n return;\n }\n\n if (checkMainAxis) {\n var _offsetModifierState$;\n\n var mainSide = mainAxis === 'y' ? top : left;\n var altSide = mainAxis === 'y' ? bottom : right;\n var len = mainAxis === 'y' ? 'height' : 'width';\n var offset = popperOffsets[mainAxis];\n var min = offset + overflow[mainSide];\n var max = offset - overflow[altSide];\n var additive = tether ? -popperRect[len] / 2 : 0;\n var minLen = variation === start ? referenceRect[len] : popperRect[len];\n var maxLen = variation === start ? -popperRect[len] : -referenceRect[len]; // We need to include the arrow in the calculation so the arrow doesn't go\n // outside the reference bounds\n\n var arrowElement = state.elements.arrow;\n var arrowRect = tether && arrowElement ? getLayoutRect(arrowElement) : {\n width: 0,\n height: 0\n };\n var arrowPaddingObject = state.modifiersData['arrow#persistent'] ? state.modifiersData['arrow#persistent'].padding : getFreshSideObject();\n var arrowPaddingMin = arrowPaddingObject[mainSide];\n var arrowPaddingMax = arrowPaddingObject[altSide]; // If the reference length is smaller than the arrow length, we don't want\n // to include its full size in the calculation. If the reference is small\n // and near the edge of a boundary, the popper can overflow even if the\n // reference is not overflowing as well (e.g. virtual elements with no\n // width or height)\n\n var arrowLen = within(0, referenceRect[len], arrowRect[len]);\n var minOffset = isBasePlacement ? referenceRect[len] / 2 - additive - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis : minLen - arrowLen - arrowPaddingMin - normalizedTetherOffsetValue.mainAxis;\n var maxOffset = isBasePlacement ? -referenceRect[len] / 2 + additive + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis : maxLen + arrowLen + arrowPaddingMax + normalizedTetherOffsetValue.mainAxis;\n var arrowOffsetParent = state.elements.arrow && getOffsetParent(state.elements.arrow);\n var clientOffset = arrowOffsetParent ? mainAxis === 'y' ? arrowOffsetParent.clientTop || 0 : arrowOffsetParent.clientLeft || 0 : 0;\n var offsetModifierValue = (_offsetModifierState$ = offsetModifierState == null ? void 0 : offsetModifierState[mainAxis]) != null ? _offsetModifierState$ : 0;\n var tetherMin = offset + minOffset - offsetModifierValue - clientOffset;\n var tetherMax = offset + maxOffset - offsetModifierValue;\n var preventedOffset = within(tether ? mathMin(min, tetherMin) : min, offset, tether ? mathMax(max, tetherMax) : max);\n popperOffsets[mainAxis] = preventedOffset;\n data[mainAxis] = preventedOffset - offset;\n }\n\n if (checkAltAxis) {\n var _offsetModifierState$2;\n\n var _mainSide = mainAxis === 'x' ? top : left;\n\n var _altSide = mainAxis === 'x' ? bottom : right;\n\n var _offset = popperOffsets[altAxis];\n\n var _len = altAxis === 'y' ? 'height' : 'width';\n\n var _min = _offset + overflow[_mainSide];\n\n var _max = _offset - overflow[_altSide];\n\n var isOriginSide = [top, left].indexOf(basePlacement) !== -1;\n\n var _offsetModifierValue = (_offsetModifierState$2 = offsetModifierState == null ? void 0 : offsetModifierState[altAxis]) != null ? _offsetModifierState$2 : 0;\n\n var _tetherMin = isOriginSide ? _min : _offset - referenceRect[_len] - popperRect[_len] - _offsetModifierValue + normalizedTetherOffsetValue.altAxis;\n\n var _tetherMax = isOriginSide ? _offset + referenceRect[_len] + popperRect[_len] - _offsetModifierValue - normalizedTetherOffsetValue.altAxis : _max;\n\n var _preventedOffset = tether && isOriginSide ? withinMaxClamp(_tetherMin, _offset, _tetherMax) : within(tether ? _tetherMin : _min, _offset, tether ? _tetherMax : _max);\n\n popperOffsets[altAxis] = _preventedOffset;\n data[altAxis] = _preventedOffset - _offset;\n }\n\n state.modifiersData[name] = data;\n} // eslint-disable-next-line import/no-unused-modules\n\n\nexport default {\n name: 'preventOverflow',\n enabled: true,\n phase: 'main',\n fn: preventOverflow,\n requiresIfExists: ['offset']\n};","export default function getHTMLElementScroll(element) {\n return {\n scrollLeft: element.scrollLeft,\n scrollTop: element.scrollTop\n };\n}","import getWindowScroll from \"./getWindowScroll.js\";\nimport getWindow from \"./getWindow.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getHTMLElementScroll from \"./getHTMLElementScroll.js\";\nexport default function getNodeScroll(node) {\n if (node === getWindow(node) || !isHTMLElement(node)) {\n return getWindowScroll(node);\n } else {\n return getHTMLElementScroll(node);\n }\n}","import getBoundingClientRect from \"./getBoundingClientRect.js\";\nimport getNodeScroll from \"./getNodeScroll.js\";\nimport getNodeName from \"./getNodeName.js\";\nimport { isHTMLElement } from \"./instanceOf.js\";\nimport getWindowScrollBarX from \"./getWindowScrollBarX.js\";\nimport getDocumentElement from \"./getDocumentElement.js\";\nimport isScrollParent from \"./isScrollParent.js\";\nimport { round } from \"../utils/math.js\";\n\nfunction isElementScaled(element) {\n var rect = element.getBoundingClientRect();\n var scaleX = round(rect.width) / element.offsetWidth || 1;\n var scaleY = round(rect.height) / element.offsetHeight || 1;\n return scaleX !== 1 || scaleY !== 1;\n} // Returns the composite rect of an element relative to its offsetParent.\n// Composite means it takes into account transforms as well as layout.\n\n\nexport default function getCompositeRect(elementOrVirtualElement, offsetParent, isFixed) {\n if (isFixed === void 0) {\n isFixed = false;\n }\n\n var isOffsetParentAnElement = isHTMLElement(offsetParent);\n var offsetParentIsScaled = isHTMLElement(offsetParent) && isElementScaled(offsetParent);\n var documentElement = getDocumentElement(offsetParent);\n var rect = getBoundingClientRect(elementOrVirtualElement, offsetParentIsScaled, isFixed);\n var scroll = {\n scrollLeft: 0,\n scrollTop: 0\n };\n var offsets = {\n x: 0,\n y: 0\n };\n\n if (isOffsetParentAnElement || !isOffsetParentAnElement && !isFixed) {\n if (getNodeName(offsetParent) !== 'body' || // https://github.com/popperjs/popper-core/issues/1078\n isScrollParent(documentElement)) {\n scroll = getNodeScroll(offsetParent);\n }\n\n if (isHTMLElement(offsetParent)) {\n offsets = getBoundingClientRect(offsetParent, true);\n offsets.x += offsetParent.clientLeft;\n offsets.y += offsetParent.clientTop;\n } else if (documentElement) {\n offsets.x = getWindowScrollBarX(documentElement);\n }\n }\n\n return {\n x: rect.left + scroll.scrollLeft - offsets.x,\n y: rect.top + scroll.scrollTop - offsets.y,\n width: rect.width,\n height: rect.height\n };\n}","import { modifierPhases } from \"../enums.js\"; // source: https://stackoverflow.com/questions/49875255\n\nfunction order(modifiers) {\n var map = new Map();\n var visited = new Set();\n var result = [];\n modifiers.forEach(function (modifier) {\n map.set(modifier.name, modifier);\n }); // On visiting object, check for its dependencies and visit them recursively\n\n function sort(modifier) {\n visited.add(modifier.name);\n var requires = [].concat(modifier.requires || [], modifier.requiresIfExists || []);\n requires.forEach(function (dep) {\n if (!visited.has(dep)) {\n var depModifier = map.get(dep);\n\n if (depModifier) {\n sort(depModifier);\n }\n }\n });\n result.push(modifier);\n }\n\n modifiers.forEach(function (modifier) {\n if (!visited.has(modifier.name)) {\n // check for visited object\n sort(modifier);\n }\n });\n return result;\n}\n\nexport default function orderModifiers(modifiers) {\n // order based on dependencies\n var orderedModifiers = order(modifiers); // order based on phase\n\n return modifierPhases.reduce(function (acc, phase) {\n return acc.concat(orderedModifiers.filter(function (modifier) {\n return modifier.phase === phase;\n }));\n }, []);\n}","export default function debounce(fn) {\n var pending;\n return function () {\n if (!pending) {\n pending = new Promise(function (resolve) {\n Promise.resolve().then(function () {\n pending = undefined;\n resolve(fn());\n });\n });\n }\n\n return pending;\n };\n}","export default function mergeByName(modifiers) {\n var merged = modifiers.reduce(function (merged, current) {\n var existing = merged[current.name];\n merged[current.name] = existing ? Object.assign({}, existing, current, {\n options: Object.assign({}, existing.options, current.options),\n data: Object.assign({}, existing.data, current.data)\n }) : current;\n return merged;\n }, {}); // IE11 does not support Object.values\n\n return Object.keys(merged).map(function (key) {\n return merged[key];\n });\n}","import getCompositeRect from \"./dom-utils/getCompositeRect.js\";\nimport getLayoutRect from \"./dom-utils/getLayoutRect.js\";\nimport listScrollParents from \"./dom-utils/listScrollParents.js\";\nimport getOffsetParent from \"./dom-utils/getOffsetParent.js\";\nimport orderModifiers from \"./utils/orderModifiers.js\";\nimport debounce from \"./utils/debounce.js\";\nimport mergeByName from \"./utils/mergeByName.js\";\nimport detectOverflow from \"./utils/detectOverflow.js\";\nimport { isElement } from \"./dom-utils/instanceOf.js\";\nvar DEFAULT_OPTIONS = {\n placement: 'bottom',\n modifiers: [],\n strategy: 'absolute'\n};\n\nfunction areValidElements() {\n for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {\n args[_key] = arguments[_key];\n }\n\n return !args.some(function (element) {\n return !(element && typeof element.getBoundingClientRect === 'function');\n });\n}\n\nexport function popperGenerator(generatorOptions) {\n if (generatorOptions === void 0) {\n generatorOptions = {};\n }\n\n var _generatorOptions = generatorOptions,\n _generatorOptions$def = _generatorOptions.defaultModifiers,\n defaultModifiers = _generatorOptions$def === void 0 ? [] : _generatorOptions$def,\n _generatorOptions$def2 = _generatorOptions.defaultOptions,\n defaultOptions = _generatorOptions$def2 === void 0 ? DEFAULT_OPTIONS : _generatorOptions$def2;\n return function createPopper(reference, popper, options) {\n if (options === void 0) {\n options = defaultOptions;\n }\n\n var state = {\n placement: 'bottom',\n orderedModifiers: [],\n options: Object.assign({}, DEFAULT_OPTIONS, defaultOptions),\n modifiersData: {},\n elements: {\n reference: reference,\n popper: popper\n },\n attributes: {},\n styles: {}\n };\n var effectCleanupFns = [];\n var isDestroyed = false;\n var instance = {\n state: state,\n setOptions: function setOptions(setOptionsAction) {\n var options = typeof setOptionsAction === 'function' ? setOptionsAction(state.options) : setOptionsAction;\n cleanupModifierEffects();\n state.options = Object.assign({}, defaultOptions, state.options, options);\n state.scrollParents = {\n reference: isElement(reference) ? listScrollParents(reference) : reference.contextElement ? listScrollParents(reference.contextElement) : [],\n popper: listScrollParents(popper)\n }; // Orders the modifiers based on their dependencies and `phase`\n // properties\n\n var orderedModifiers = orderModifiers(mergeByName([].concat(defaultModifiers, state.options.modifiers))); // Strip out disabled modifiers\n\n state.orderedModifiers = orderedModifiers.filter(function (m) {\n return m.enabled;\n });\n runModifierEffects();\n return instance.update();\n },\n // Sync update – it will always be executed, even if not necessary. This\n // is useful for low frequency updates where sync behavior simplifies the\n // logic.\n // For high frequency updates (e.g. `resize` and `scroll` events), always\n // prefer the async Popper#update method\n forceUpdate: function forceUpdate() {\n if (isDestroyed) {\n return;\n }\n\n var _state$elements = state.elements,\n reference = _state$elements.reference,\n popper = _state$elements.popper; // Don't proceed if `reference` or `popper` are not valid elements\n // anymore\n\n if (!areValidElements(reference, popper)) {\n return;\n } // Store the reference and popper rects to be read by modifiers\n\n\n state.rects = {\n reference: getCompositeRect(reference, getOffsetParent(popper), state.options.strategy === 'fixed'),\n popper: getLayoutRect(popper)\n }; // Modifiers have the ability to reset the current update cycle. The\n // most common use case for this is the `flip` modifier changing the\n // placement, which then needs to re-run all the modifiers, because the\n // logic was previously ran for the previous placement and is therefore\n // stale/incorrect\n\n state.reset = false;\n state.placement = state.options.placement; // On each update cycle, the `modifiersData` property for each modifier\n // is filled with the initial data specified by the modifier. This means\n // it doesn't persist and is fresh on each update.\n // To ensure persistent data, use `${name}#persistent`\n\n state.orderedModifiers.forEach(function (modifier) {\n return state.modifiersData[modifier.name] = Object.assign({}, modifier.data);\n });\n\n for (var index = 0; index < state.orderedModifiers.length; index++) {\n if (state.reset === true) {\n state.reset = false;\n index = -1;\n continue;\n }\n\n var _state$orderedModifie = state.orderedModifiers[index],\n fn = _state$orderedModifie.fn,\n _state$orderedModifie2 = _state$orderedModifie.options,\n _options = _state$orderedModifie2 === void 0 ? {} : _state$orderedModifie2,\n name = _state$orderedModifie.name;\n\n if (typeof fn === 'function') {\n state = fn({\n state: state,\n options: _options,\n name: name,\n instance: instance\n }) || state;\n }\n }\n },\n // Async and optimistically optimized update – it will not be executed if\n // not necessary (debounced to run at most once-per-tick)\n update: debounce(function () {\n return new Promise(function (resolve) {\n instance.forceUpdate();\n resolve(state);\n });\n }),\n destroy: function destroy() {\n cleanupModifierEffects();\n isDestroyed = true;\n }\n };\n\n if (!areValidElements(reference, popper)) {\n return instance;\n }\n\n instance.setOptions(options).then(function (state) {\n if (!isDestroyed && options.onFirstUpdate) {\n options.onFirstUpdate(state);\n }\n }); // Modifiers have the ability to execute arbitrary code before the first\n // update cycle runs. They will be executed in the same order as the update\n // cycle. This is useful when a modifier adds some persistent data that\n // other modifiers need to use, but the modifier is run after the dependent\n // one.\n\n function runModifierEffects() {\n state.orderedModifiers.forEach(function (_ref) {\n var name = _ref.name,\n _ref$options = _ref.options,\n options = _ref$options === void 0 ? {} : _ref$options,\n effect = _ref.effect;\n\n if (typeof effect === 'function') {\n var cleanupFn = effect({\n state: state,\n name: name,\n instance: instance,\n options: options\n });\n\n var noopFn = function noopFn() {};\n\n effectCleanupFns.push(cleanupFn || noopFn);\n }\n });\n }\n\n function cleanupModifierEffects() {\n effectCleanupFns.forEach(function (fn) {\n return fn();\n });\n effectCleanupFns = [];\n }\n\n return instance;\n };\n}\nexport var createPopper = /*#__PURE__*/popperGenerator(); // eslint-disable-next-line import/no-unused-modules\n\nexport { detectOverflow };","import { popperGenerator, detectOverflow } from \"./createPopper.js\";\nimport eventListeners from \"./modifiers/eventListeners.js\";\nimport popperOffsets from \"./modifiers/popperOffsets.js\";\nimport computeStyles from \"./modifiers/computeStyles.js\";\nimport applyStyles from \"./modifiers/applyStyles.js\";\nimport offset from \"./modifiers/offset.js\";\nimport flip from \"./modifiers/flip.js\";\nimport preventOverflow from \"./modifiers/preventOverflow.js\";\nimport arrow from \"./modifiers/arrow.js\";\nimport hide from \"./modifiers/hide.js\";\nvar defaultModifiers = [eventListeners, popperOffsets, computeStyles, applyStyles, offset, flip, preventOverflow, arrow, hide];\nvar createPopper = /*#__PURE__*/popperGenerator({\n defaultModifiers: defaultModifiers\n}); // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper, popperGenerator, defaultModifiers, detectOverflow }; // eslint-disable-next-line import/no-unused-modules\n\nexport { createPopper as createPopperLite } from \"./popper-lite.js\"; // eslint-disable-next-line import/no-unused-modules\n\nexport * from \"./modifiers/index.js\";","/* global Map:readonly, Set:readonly, ArrayBuffer:readonly */\n\nvar hasElementType = typeof Element !== 'undefined';\nvar hasMap = typeof Map === 'function';\nvar hasSet = typeof Set === 'function';\nvar hasArrayBuffer = typeof ArrayBuffer === 'function' && !!ArrayBuffer.isView;\n\n// Note: We **don't** need `envHasBigInt64Array` in fde es6/index.js\n\nfunction equal(a, b) {\n // START: fast-deep-equal es6/index.js 3.1.3\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n // START: Modifications:\n // 1. Extra `has &&` helpers in initial condition allow es6 code\n // to co-exist with es5.\n // 2. Replace `for of` with es5 compliant iteration using `for`.\n // Basically, take:\n //\n // ```js\n // for (i of a.entries())\n // if (!b.has(i[0])) return false;\n // ```\n //\n // ... and convert to:\n //\n // ```js\n // it = a.entries();\n // while (!(i = it.next()).done)\n // if (!b.has(i.value[0])) return false;\n // ```\n //\n // **Note**: `i` access switches to `i.value`.\n var it;\n if (hasMap && (a instanceof Map) && (b instanceof Map)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!equal(i.value[1], b.get(i.value[0]))) return false;\n return true;\n }\n\n if (hasSet && (a instanceof Set) && (b instanceof Set)) {\n if (a.size !== b.size) return false;\n it = a.entries();\n while (!(i = it.next()).done)\n if (!b.has(i.value[0])) return false;\n return true;\n }\n // END: Modifications\n\n if (hasArrayBuffer && ArrayBuffer.isView(a) && ArrayBuffer.isView(b)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (a[i] !== b[i]) return false;\n return true;\n }\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n // START: Modifications:\n // Apply guards for `Object.create(null)` handling. See:\n // - https://github.com/FormidableLabs/react-fast-compare/issues/64\n // - https://github.com/epoberezkin/fast-deep-equal/issues/49\n if (a.valueOf !== Object.prototype.valueOf && typeof a.valueOf === 'function' && typeof b.valueOf === 'function') return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString && typeof a.toString === 'function' && typeof b.toString === 'function') return a.toString() === b.toString();\n // END: Modifications\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n // END: fast-deep-equal\n\n // START: react-fast-compare\n // custom handling for DOM elements\n if (hasElementType && a instanceof Element) return false;\n\n // custom handling for React/Preact\n for (i = length; i-- !== 0;) {\n if ((keys[i] === '_owner' || keys[i] === '__v' || keys[i] === '__o') && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner\n // Preact-specific: avoid traversing Preact elements' __v and __o\n // __v = $_original / $_vnode\n // __o = $_owner\n // These properties contain circular references and are not needed when\n // comparing the actual elements (and not their owners)\n // .$$typeof and ._store on just reasonable markers of elements\n\n continue;\n }\n\n // all other properties should be traversed as usual\n if (!equal(a[keys[i]], b[keys[i]])) return false;\n }\n // END: react-fast-compare\n\n // START: fast-deep-equal\n return true;\n }\n\n return a !== a && b !== b;\n}\n// end fast-deep-equal\n\nmodule.exports = function isEqual(a, b) {\n try {\n return equal(a, b);\n } catch (error) {\n if (((error.message || '').match(/stack|recursion/i))) {\n // warn on circular references, don't crash\n // browsers give this different errors name and messages:\n // chrome/safari: \"RangeError\", \"Maximum call stack size exceeded\"\n // firefox: \"InternalError\", too much recursion\"\n // edge: \"Error\", \"Out of stack space\"\n console.warn('react-fast-compare cannot handle circular refs');\n return false;\n }\n // some other error. we should definitely know about these\n throw error;\n }\n};\n","import * as React from 'react';\nimport * as ReactDOM from 'react-dom';\nimport { createPopper as defaultCreatePopper } from '@popperjs/core';\nimport isEqual from 'react-fast-compare';\nimport { fromEntries, useIsomorphicLayoutEffect } from './utils';\nvar EMPTY_MODIFIERS = [];\nexport var usePopper = function usePopper(referenceElement, popperElement, options) {\n if (options === void 0) {\n options = {};\n }\n\n var prevOptions = React.useRef(null);\n var optionsWithDefaults = {\n onFirstUpdate: options.onFirstUpdate,\n placement: options.placement || 'bottom',\n strategy: options.strategy || 'absolute',\n modifiers: options.modifiers || EMPTY_MODIFIERS\n };\n\n var _React$useState = React.useState({\n styles: {\n popper: {\n position: optionsWithDefaults.strategy,\n left: '0',\n top: '0'\n },\n arrow: {\n position: 'absolute'\n }\n },\n attributes: {}\n }),\n state = _React$useState[0],\n setState = _React$useState[1];\n\n var updateStateModifier = React.useMemo(function () {\n return {\n name: 'updateState',\n enabled: true,\n phase: 'write',\n fn: function fn(_ref) {\n var state = _ref.state;\n var elements = Object.keys(state.elements);\n ReactDOM.flushSync(function () {\n setState({\n styles: fromEntries(elements.map(function (element) {\n return [element, state.styles[element] || {}];\n })),\n attributes: fromEntries(elements.map(function (element) {\n return [element, state.attributes[element]];\n }))\n });\n });\n },\n requires: ['computeStyles']\n };\n }, []);\n var popperOptions = React.useMemo(function () {\n var newOptions = {\n onFirstUpdate: optionsWithDefaults.onFirstUpdate,\n placement: optionsWithDefaults.placement,\n strategy: optionsWithDefaults.strategy,\n modifiers: [].concat(optionsWithDefaults.modifiers, [updateStateModifier, {\n name: 'applyStyles',\n enabled: false\n }])\n };\n\n if (isEqual(prevOptions.current, newOptions)) {\n return prevOptions.current || newOptions;\n } else {\n prevOptions.current = newOptions;\n return newOptions;\n }\n }, [optionsWithDefaults.onFirstUpdate, optionsWithDefaults.placement, optionsWithDefaults.strategy, optionsWithDefaults.modifiers, updateStateModifier]);\n var popperInstanceRef = React.useRef();\n useIsomorphicLayoutEffect(function () {\n if (popperInstanceRef.current) {\n popperInstanceRef.current.setOptions(popperOptions);\n }\n }, [popperOptions]);\n useIsomorphicLayoutEffect(function () {\n if (referenceElement == null || popperElement == null) {\n return;\n }\n\n var createPopper = options.createPopper || defaultCreatePopper;\n var popperInstance = createPopper(referenceElement, popperElement, popperOptions);\n popperInstanceRef.current = popperInstance;\n return function () {\n popperInstance.destroy();\n popperInstanceRef.current = null;\n };\n }, [referenceElement, popperElement, options.createPopper]);\n return {\n state: popperInstanceRef.current ? popperInstanceRef.current.state : null,\n styles: state.styles,\n attributes: state.attributes,\n update: popperInstanceRef.current ? popperInstanceRef.current.update : null,\n forceUpdate: popperInstanceRef.current ? popperInstanceRef.current.forceUpdate : null\n };\n};","import { css } from 'styled-components';\n\nconst veciTooltipStyles = {\n TooltipBox: ()=>/*#__PURE__*/ css([\n `--tooltip-filter:drop-shadow(0 2px 4px rgb(0 0 0 / 16%));`\n ])\n};\n\nexport { veciTooltipStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport veciTooltipStyles from './styles/veci.mjs';\n\nconst tooltipThemes = createThemes({\n [ThemeId.veci]: veciTooltipStyles\n});\n\nexport { tooltipThemes as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\nimport tooltipThemes from './themes/index.mjs';\n\nconst TooltipBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipBox\",\n componentId: \"sc-ce714621-0\"\n})([\n `--tooltip-background:`,\n `;--tooltip-color:`,\n `;--tooltip-max-width:250px;--tooltip-min-width:0;--tooltip-border-width:0 10px 10px;--tooltip-arrow-placement-top-bottom:5px;--tooltip-filter:drop-shadow(0 0 8px rgb(0 0 0 / 16%)) drop-shadow(0 1px 4px rgb(0 0 0 / 24%));--tooltip-popper-top-margin:-10px;--tooltip-popper-top-padding:10px;--tooltip-popper-bottom-padding:10px;position:relative;filter:var(--tooltip-filter);z-index:`,\n `;&[data-popper-placement^='bottom']{margin-top:-10px;padding-top:var(--tooltip-popper-bottom-padding);}&[data-popper-placement^='top']{margin-bottom:var(--tooltip-popper-top-margin);padding-bottom:var(--tooltip-popper-top-padding);}&[data-popper-placement^='left']{margin-right:-10px;padding-right:10px;}&[data-popper-placement^='right']{margin-left:-10px;padding-left:10px;}`,\n ``\n], ({ theme, $isNegative })=>$isNegative ? theme.colors.black.lower : theme.colors.white.base, ({ theme, $isNegative })=>$isNegative ? theme.colors.white.base : theme.colors.black.base, ({ theme })=>theme.zIndex.highest, tooltipThemes('TooltipBox'));\nconst TooltipContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipContent\",\n componentId: \"sc-ce714621-1\"\n})([\n `background-color:var(--tooltip-background);color:var(--tooltip-color);border-radius:4px;padding:8px;text-transform:none;max-width:var(--tooltip-max-width);min-width:var(--tooltip-min-width);text-align:center;`,\n ` white-space:normal;position:relative;margin:0 auto;`\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'small'\n}));\nconst TooltipArrow = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipArrow\",\n componentId: \"sc-ce714621-2\"\n})([\n `z-index:-1;`,\n `[data-popper-placement^='left'] > &{right:4px;&::before{transform:translate(-50%,-50%) rotate(90deg);}}`,\n `[data-popper-placement^='right'] > &{left:5px;&::before{transform:translate(-50%,-50%) rotate(-90deg);}}`,\n `[data-popper-placement^='top'] > &{bottom:var(--tooltip-arrow-placement-top-bottom);&::before{transform:translate(-50%,-50%) rotate(180deg);}}`,\n `[data-popper-placement^='bottom'] > &{top:5px;}&::before{content:'';position:absolute;transform:translate(-50%,-50%);border-style:solid;border-width:var(--tooltip-border-width);border-color:transparent transparent var(--tooltip-background);}`\n], TooltipBox, TooltipBox, TooltipBox, TooltipBox);\n\nexport { TooltipArrow, TooltipBox, TooltipContent };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useState } from 'react';\nimport { usePopper } from 'react-popper';\nimport { TooltipBox, TooltipContent, TooltipArrow } from './styled.mjs';\n\nconst Tooltip = ({ options, placement = 'bottom', referenceElement, children, isNegative = true, className, ...props })=>{\n const modifiers = options?.modifiers ?? [];\n const [popperElement, setPopperElement] = useState(null);\n const [arrowElement, setArrowElement] = useState(null);\n const { styles, attributes } = usePopper(referenceElement, popperElement, {\n placement,\n ...options,\n modifiers: [\n {\n name: 'arrow',\n options: {\n element: arrowElement\n }\n },\n {\n name: 'offset',\n options: {\n offset: [\n 0,\n 8\n ]\n }\n },\n ...modifiers\n ]\n });\n return /*#__PURE__*/ jsxs(TooltipBox, {\n \"data-testid\": \"Tooltip\",\n $isNegative: isNegative,\n ref: setPopperElement,\n style: styles.popper,\n className: className,\n ...attributes.popper,\n ...props,\n children: [\n /*#__PURE__*/ jsx(TooltipContent, {\n children: children\n }),\n /*#__PURE__*/ jsx(TooltipArrow, {\n $isNegative: isNegative,\n ref: setArrowElement,\n style: styles.arrow,\n \"data-arrow\": \"TooltipArrow\"\n })\n ]\n });\n};\n\nexport { Tooltip as default };\n","/**\n * lodash (Custom Build) \n * Build: `lodash modularize exports=\"npm\" -o ./`\n * Copyright jQuery Foundation and other contributors \n * Released under MIT license \n * Based on Underscore.js 1.8.3 \n * Copyright Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors\n */\n\n/** Used as the `TypeError` message for \"Functions\" methods. */\nvar FUNC_ERROR_TEXT = 'Expected a function';\n\n/** Used as references for various `Number` constants. */\nvar NAN = 0 / 0;\n\n/** `Object#toString` result references. */\nvar symbolTag = '[object Symbol]';\n\n/** Used to match leading and trailing whitespace. */\nvar reTrim = /^\\s+|\\s+$/g;\n\n/** Used to detect bad signed hexadecimal string values. */\nvar reIsBadHex = /^[-+]0x[0-9a-f]+$/i;\n\n/** Used to detect binary string values. */\nvar reIsBinary = /^0b[01]+$/i;\n\n/** Used to detect octal string values. */\nvar reIsOctal = /^0o[0-7]+$/i;\n\n/** Built-in method references without a dependency on `root`. */\nvar freeParseInt = parseInt;\n\n/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar objectToString = objectProto.toString;\n\n/* Built-in method references for those with the same name as other `lodash` methods. */\nvar nativeMax = Math.max,\n nativeMin = Math.min;\n\n/**\n * Gets the timestamp of the number of milliseconds that have elapsed since\n * the Unix epoch (1 January 1970 00:00:00 UTC).\n *\n * @static\n * @memberOf _\n * @since 2.4.0\n * @category Date\n * @returns {number} Returns the timestamp.\n * @example\n *\n * _.defer(function(stamp) {\n * console.log(_.now() - stamp);\n * }, _.now());\n * // => Logs the number of milliseconds it took for the deferred invocation.\n */\nvar now = function() {\n return root.Date.now();\n};\n\n/**\n * Creates a debounced function that delays invoking `func` until after `wait`\n * milliseconds have elapsed since the last time the debounced function was\n * invoked. The debounced function comes with a `cancel` method to cancel\n * delayed `func` invocations and a `flush` method to immediately invoke them.\n * Provide `options` to indicate whether `func` should be invoked on the\n * leading and/or trailing edge of the `wait` timeout. The `func` is invoked\n * with the last arguments provided to the debounced function. Subsequent\n * calls to the debounced function return the result of the last `func`\n * invocation.\n *\n * **Note:** If `leading` and `trailing` options are `true`, `func` is\n * invoked on the trailing edge of the timeout only if the debounced function\n * is invoked more than once during the `wait` timeout.\n *\n * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred\n * until to the next tick, similar to `setTimeout` with a timeout of `0`.\n *\n * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)\n * for details over the differences between `_.debounce` and `_.throttle`.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Function\n * @param {Function} func The function to debounce.\n * @param {number} [wait=0] The number of milliseconds to delay.\n * @param {Object} [options={}] The options object.\n * @param {boolean} [options.leading=false]\n * Specify invoking on the leading edge of the timeout.\n * @param {number} [options.maxWait]\n * The maximum time `func` is allowed to be delayed before it's invoked.\n * @param {boolean} [options.trailing=true]\n * Specify invoking on the trailing edge of the timeout.\n * @returns {Function} Returns the new debounced function.\n * @example\n *\n * // Avoid costly calculations while the window size is in flux.\n * jQuery(window).on('resize', _.debounce(calculateLayout, 150));\n *\n * // Invoke `sendMail` when clicked, debouncing subsequent calls.\n * jQuery(element).on('click', _.debounce(sendMail, 300, {\n * 'leading': true,\n * 'trailing': false\n * }));\n *\n * // Ensure `batchLog` is invoked once after 1 second of debounced calls.\n * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });\n * var source = new EventSource('/stream');\n * jQuery(source).on('message', debounced);\n *\n * // Cancel the trailing debounced invocation.\n * jQuery(window).on('popstate', debounced.cancel);\n */\nfunction debounce(func, wait, options) {\n var lastArgs,\n lastThis,\n maxWait,\n result,\n timerId,\n lastCallTime,\n lastInvokeTime = 0,\n leading = false,\n maxing = false,\n trailing = true;\n\n if (typeof func != 'function') {\n throw new TypeError(FUNC_ERROR_TEXT);\n }\n wait = toNumber(wait) || 0;\n if (isObject(options)) {\n leading = !!options.leading;\n maxing = 'maxWait' in options;\n maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;\n trailing = 'trailing' in options ? !!options.trailing : trailing;\n }\n\n function invokeFunc(time) {\n var args = lastArgs,\n thisArg = lastThis;\n\n lastArgs = lastThis = undefined;\n lastInvokeTime = time;\n result = func.apply(thisArg, args);\n return result;\n }\n\n function leadingEdge(time) {\n // Reset any `maxWait` timer.\n lastInvokeTime = time;\n // Start the timer for the trailing edge.\n timerId = setTimeout(timerExpired, wait);\n // Invoke the leading edge.\n return leading ? invokeFunc(time) : result;\n }\n\n function remainingWait(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime,\n result = wait - timeSinceLastCall;\n\n return maxing ? nativeMin(result, maxWait - timeSinceLastInvoke) : result;\n }\n\n function shouldInvoke(time) {\n var timeSinceLastCall = time - lastCallTime,\n timeSinceLastInvoke = time - lastInvokeTime;\n\n // Either this is the first call, activity has stopped and we're at the\n // trailing edge, the system time has gone backwards and we're treating\n // it as the trailing edge, or we've hit the `maxWait` limit.\n return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||\n (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));\n }\n\n function timerExpired() {\n var time = now();\n if (shouldInvoke(time)) {\n return trailingEdge(time);\n }\n // Restart the timer.\n timerId = setTimeout(timerExpired, remainingWait(time));\n }\n\n function trailingEdge(time) {\n timerId = undefined;\n\n // Only invoke if we have `lastArgs` which means `func` has been\n // debounced at least once.\n if (trailing && lastArgs) {\n return invokeFunc(time);\n }\n lastArgs = lastThis = undefined;\n return result;\n }\n\n function cancel() {\n if (timerId !== undefined) {\n clearTimeout(timerId);\n }\n lastInvokeTime = 0;\n lastArgs = lastCallTime = lastThis = timerId = undefined;\n }\n\n function flush() {\n return timerId === undefined ? result : trailingEdge(now());\n }\n\n function debounced() {\n var time = now(),\n isInvoking = shouldInvoke(time);\n\n lastArgs = arguments;\n lastThis = this;\n lastCallTime = time;\n\n if (isInvoking) {\n if (timerId === undefined) {\n return leadingEdge(lastCallTime);\n }\n if (maxing) {\n // Handle invocations in a tight loop.\n timerId = setTimeout(timerExpired, wait);\n return invokeFunc(lastCallTime);\n }\n }\n if (timerId === undefined) {\n timerId = setTimeout(timerExpired, wait);\n }\n return result;\n }\n debounced.cancel = cancel;\n debounced.flush = flush;\n return debounced;\n}\n\n/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return !!value && (type == 'object' || type == 'function');\n}\n\n/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return !!value && typeof value == 'object';\n}\n\n/**\n * Checks if `value` is classified as a `Symbol` primitive or object.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a symbol, else `false`.\n * @example\n *\n * _.isSymbol(Symbol.iterator);\n * // => true\n *\n * _.isSymbol('abc');\n * // => false\n */\nfunction isSymbol(value) {\n return typeof value == 'symbol' ||\n (isObjectLike(value) && objectToString.call(value) == symbolTag);\n}\n\n/**\n * Converts `value` to a number.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to process.\n * @returns {number} Returns the number.\n * @example\n *\n * _.toNumber(3.2);\n * // => 3.2\n *\n * _.toNumber(Number.MIN_VALUE);\n * // => 5e-324\n *\n * _.toNumber(Infinity);\n * // => Infinity\n *\n * _.toNumber('3.2');\n * // => 3.2\n */\nfunction toNumber(value) {\n if (typeof value == 'number') {\n return value;\n }\n if (isSymbol(value)) {\n return NAN;\n }\n if (isObject(value)) {\n var other = typeof value.valueOf == 'function' ? value.valueOf() : value;\n value = isObject(other) ? (other + '') : other;\n }\n if (typeof value != 'string') {\n return value === 0 ? value : +value;\n }\n value = value.replace(reTrim, '');\n var isBinary = reIsBinary.test(value);\n return (isBinary || reIsOctal.test(value))\n ? freeParseInt(value.slice(2), isBinary ? 2 : 8)\n : (reIsBadHex.test(value) ? NAN : +value);\n}\n\nmodule.exports = debounce;\n","import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n if (typeof defaultValue !== \"boolean\") {\n throw new Error(\"defaultValue must be `true` or `false`\");\n }\n const [value, setValue] = useState(defaultValue);\n const setTrue = useCallback(() => {\n setValue(true);\n }, []);\n const setFalse = useCallback(() => {\n setValue(false);\n }, []);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n const savedHandler = useRef(handler);\n useIsomorphicLayoutEffect(() => {\n savedHandler.current = handler;\n }, [handler]);\n useEffect(() => {\n const targetElement = (element == null ? void 0 : element.current) ?? window;\n if (!(targetElement && targetElement.addEventListener))\n return;\n const listener = (event) => {\n savedHandler.current(event);\n };\n targetElement.addEventListener(eventName, listener, options);\n return () => {\n targetElement.removeEventListener(eventName, listener, options);\n };\n }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n useEventListener(\"click\", (event) => {\n handler(event);\n });\n}\nfunction useCopyToClipboard() {\n const [copiedText, setCopiedText] = useState(null);\n const copy = useCallback(async (text) => {\n if (!(navigator == null ? void 0 : navigator.clipboard)) {\n console.warn(\"Clipboard not supported\");\n return false;\n }\n try {\n await navigator.clipboard.writeText(text);\n setCopiedText(text);\n return true;\n } catch (error) {\n console.warn(\"Copy failed\", error);\n setCopiedText(null);\n return false;\n }\n }, []);\n return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n const [count, setCount] = useState(initialValue ?? 0);\n const increment = useCallback(() => {\n setCount((x) => x + 1);\n }, []);\n const decrement = useCallback(() => {\n setCount((x) => x - 1);\n }, []);\n const reset = useCallback(() => {\n setCount(initialValue ?? 0);\n }, [initialValue]);\n return {\n count,\n increment,\n decrement,\n reset,\n setCount\n };\n}\nfunction useInterval(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (delay === null) {\n return;\n }\n const id = setInterval(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearInterval(id);\n };\n }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n countStart,\n countStop = 0,\n intervalMs = 1e3,\n isIncrement = false\n}) {\n const {\n count,\n increment,\n decrement,\n reset: resetCounter\n } = useCounter(countStart);\n const {\n value: isCountdownRunning,\n setTrue: startCountdown,\n setFalse: stopCountdown\n } = useBoolean(false);\n const resetCountdown = useCallback(() => {\n stopCountdown();\n resetCounter();\n }, [stopCountdown, resetCounter]);\n const countdownCallback = useCallback(() => {\n if (count === countStop) {\n stopCountdown();\n return;\n }\n if (isIncrement) {\n increment();\n } else {\n decrement();\n }\n }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n const ref = useRef(() => {\n throw new Error(\"Cannot call an event handler while rendering.\");\n });\n useIsomorphicLayoutEffect(() => {\n ref.current = fn;\n }, [fn]);\n return useCallback((...args) => {\n var _a;\n return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER) {\n return initialValueToUse;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER) {\n console.warn(\n `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.localStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER) {\n console.warn(\n `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.localStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n defaultValue = false,\n initializeWithValue = true\n} = {}) {\n const getMatches = (query2) => {\n if (IS_SERVER2) {\n return defaultValue;\n }\n return window.matchMedia(query2).matches;\n };\n const [matches, setMatches] = useState(() => {\n if (initializeWithValue) {\n return getMatches(query);\n }\n return defaultValue;\n });\n function handleChange() {\n setMatches(getMatches(query));\n }\n useIsomorphicLayoutEffect(() => {\n const matchMedia = window.matchMedia(query);\n handleChange();\n if (matchMedia.addListener) {\n matchMedia.addListener(handleChange);\n } else {\n matchMedia.addEventListener(\"change\", handleChange);\n }\n return () => {\n if (matchMedia.removeListener) {\n matchMedia.removeListener(handleChange);\n } else {\n matchMedia.removeEventListener(\"change\", handleChange);\n }\n };\n }, [query]);\n return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n const {\n defaultValue,\n localStorageKey = LOCAL_STORAGE_KEY,\n initializeWithValue = true\n } = options;\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n initializeWithValue,\n defaultValue\n });\n const [isDarkMode, setDarkMode] = useLocalStorage(\n localStorageKey,\n defaultValue ?? isDarkOS ?? false,\n { initializeWithValue }\n );\n useIsomorphicLayoutEffect(() => {\n if (isDarkOS !== isDarkMode) {\n setDarkMode(isDarkOS);\n }\n }, [isDarkOS]);\n return {\n isDarkMode,\n toggle: () => {\n setDarkMode((prev) => !prev);\n },\n enable: () => {\n setDarkMode(true);\n },\n disable: () => {\n setDarkMode(false);\n },\n set: (value) => {\n setDarkMode(value);\n }\n };\n}\nfunction useUnmount(func) {\n const funcRef = useRef(func);\n funcRef.current = func;\n useEffect(\n () => () => {\n funcRef.current();\n },\n []\n );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n const debouncedFunc = useRef();\n useUnmount(() => {\n if (debouncedFunc.current) {\n debouncedFunc.current.cancel();\n }\n });\n const debounced = useMemo(() => {\n const debouncedFuncInstance = debounce(func, delay, options);\n const wrappedFunc = (...args) => {\n return debouncedFuncInstance(...args);\n };\n wrappedFunc.cancel = () => {\n debouncedFuncInstance.cancel();\n };\n wrappedFunc.isPending = () => {\n return !!debouncedFunc.current;\n };\n wrappedFunc.flush = () => {\n return debouncedFuncInstance.flush();\n };\n return wrappedFunc;\n }, [func, delay, options]);\n useEffect(() => {\n debouncedFunc.current = debounce(func, delay, options);\n }, [func, delay, options]);\n return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n const previousValueRef = useRef(unwrappedInitialValue);\n const updateDebouncedValue = useDebounceCallback(\n setDebouncedValue,\n delay,\n options\n );\n if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n updateDebouncedValue(unwrappedInitialValue);\n previousValueRef.current = unwrappedInitialValue;\n }\n return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n const { preserveTitleOnUnmount = true } = options;\n const defaultTitle = useRef(null);\n useIsomorphicLayoutEffect(() => {\n defaultTitle.current = window.document.title;\n }, []);\n useIsomorphicLayoutEffect(() => {\n window.document.title = title;\n }, [title]);\n useUnmount(() => {\n if (!preserveTitleOnUnmount && defaultTitle.current) {\n window.document.title = defaultTitle.current;\n }\n });\n}\nfunction useHover(elementRef) {\n const [value, setValue] = useState(false);\n const handleMouseEnter = () => {\n setValue(true);\n };\n const handleMouseLeave = () => {\n setValue(false);\n };\n useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n return value;\n}\nfunction useIntersectionObserver({\n threshold = 0,\n root = null,\n rootMargin = \"0%\",\n freezeOnceVisible = false,\n initialIsIntersecting = false,\n onChange\n} = {}) {\n var _a;\n const [ref, setRef] = useState(null);\n const [state, setState] = useState(() => ({\n isIntersecting: initialIsIntersecting,\n entry: void 0\n }));\n const callbackRef = useRef();\n callbackRef.current = onChange;\n const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n useEffect(() => {\n if (!ref)\n return;\n if (!(\"IntersectionObserver\" in window))\n return;\n if (frozen)\n return;\n let unobserve;\n const observer = new IntersectionObserver(\n (entries) => {\n const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n entries.forEach((entry) => {\n const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n setState({ isIntersecting, entry });\n if (callbackRef.current) {\n callbackRef.current(isIntersecting, entry);\n }\n if (isIntersecting && freezeOnceVisible && unobserve) {\n unobserve();\n unobserve = void 0;\n }\n });\n },\n { threshold, root, rootMargin }\n );\n observer.observe(ref);\n return () => {\n observer.disconnect();\n };\n }, [\n ref,\n // eslint-disable-next-line react-hooks/exhaustive-deps\n JSON.stringify(threshold),\n root,\n rootMargin,\n frozen,\n freezeOnceVisible\n ]);\n const prevRef = useRef(null);\n useEffect(() => {\n var _a2;\n if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n prevRef.current = state.entry.target;\n setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n }\n }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n const result = [\n setRef,\n !!state.isIntersecting,\n state.entry\n ];\n result.ref = result[0];\n result.isIntersecting = result[1];\n result.entry = result[2];\n return result;\n}\nfunction useIsClient() {\n const [isClient, setClient] = useState(false);\n useEffect(() => {\n setClient(true);\n }, []);\n return isClient;\n}\nfunction useIsMounted() {\n const isMounted = useRef(false);\n useEffect(() => {\n isMounted.current = true;\n return () => {\n isMounted.current = false;\n };\n }, []);\n return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n const [map, setMap] = useState(new Map(initialState));\n const actions = {\n set: useCallback((key, value) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.set(key, value);\n return copy;\n });\n }, []),\n setAll: useCallback((entries) => {\n setMap(() => new Map(entries));\n }, []),\n remove: useCallback((key) => {\n setMap((prev) => {\n const copy = new Map(prev);\n copy.delete(key);\n return copy;\n });\n }, []),\n reset: useCallback(() => {\n setMap(() => /* @__PURE__ */ new Map());\n }, [])\n };\n return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n useEventListener(\n eventType,\n (event) => {\n const target = event.target;\n if (!target || !target.isConnected) {\n return;\n }\n const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n if (isOutside) {\n handler(event);\n }\n },\n void 0,\n eventListenerOptions\n );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER3) {\n initializeWithValue = false;\n }\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return null;\n }\n return parsed;\n },\n [options]\n );\n const readValue = useCallback(() => {\n if (IS_SERVER3) {\n return null;\n }\n try {\n const raw = window.localStorage.getItem(key);\n return raw ? deserializer(raw) : null;\n } catch (error) {\n console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n return null;\n }\n }, [key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return void 0;\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"local-storage\", handleStorageChange);\n return storedValue;\n}\nvar initialSize = {\n width: void 0,\n height: void 0\n};\nfunction useResizeObserver(options) {\n const { ref, box = \"content-box\" } = options;\n const [{ width, height }, setSize] = useState(initialSize);\n const isMounted = useIsMounted();\n const previousSize = useRef({ ...initialSize });\n const onResize = useRef(void 0);\n onResize.current = options.onResize;\n useEffect(() => {\n if (!ref.current)\n return;\n if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n return;\n const observer = new ResizeObserver(([entry]) => {\n const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n const newHeight = extractSize(entry, boxProp, \"blockSize\");\n const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n if (hasChanged) {\n const newSize = { width: newWidth, height: newHeight };\n previousSize.current.width = newWidth;\n previousSize.current.height = newHeight;\n if (onResize.current) {\n onResize.current(newSize);\n } else {\n if (isMounted()) {\n setSize(newSize);\n }\n }\n }\n });\n observer.observe(ref.current, { box });\n return () => {\n observer.disconnect();\n };\n }, [box, ref, isMounted]);\n return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n if (!entry[box]) {\n if (box === \"contentBoxSize\") {\n return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n }\n return void 0;\n }\n return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n // @ts-ignore Support Firefox's non-standard behavior\n entry[box][sizeType]\n );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER4) {\n initializeWithValue = false;\n }\n const readScreen = () => {\n if (IS_SERVER4) {\n return void 0;\n }\n return window.screen;\n };\n const [screen, setScreen] = useState(() => {\n if (initializeWithValue) {\n return readScreen();\n }\n return void 0;\n });\n const debouncedSetScreen = useDebounceCallback(\n setScreen,\n options.debounceDelay\n );\n function handleSize() {\n const newScreen = readScreen();\n const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n if (newScreen) {\n const {\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n } = newScreen;\n setSize({\n width,\n height,\n availHeight,\n availWidth,\n colorDepth,\n orientation,\n pixelDepth\n });\n }\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n const node = document.querySelector(\n `script[src=\"${src}\"]`\n );\n const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n return {\n node,\n status\n };\n}\nfunction useScript(src, options) {\n const [status, setStatus] = useState(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return \"idle\";\n }\n if (typeof window === \"undefined\") {\n return \"loading\";\n }\n return cachedScriptStatuses.get(src) ?? \"loading\";\n });\n useEffect(() => {\n if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n return;\n }\n const cachedScriptStatus = cachedScriptStatuses.get(src);\n if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n setStatus(cachedScriptStatus);\n return;\n }\n const script = getScriptNode(src);\n let scriptNode = script.node;\n if (!scriptNode) {\n scriptNode = document.createElement(\"script\");\n scriptNode.src = src;\n scriptNode.async = true;\n if (options == null ? void 0 : options.id) {\n scriptNode.id = options.id;\n }\n scriptNode.setAttribute(\"data-status\", \"loading\");\n document.body.appendChild(scriptNode);\n const setAttributeFromEvent = (event) => {\n const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n };\n scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n } else {\n setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n }\n const setStateFromEvent = (event) => {\n const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n setStatus(newStatus);\n cachedScriptStatuses.set(src, newStatus);\n };\n scriptNode.addEventListener(\"load\", setStateFromEvent);\n scriptNode.addEventListener(\"error\", setStateFromEvent);\n return () => {\n if (scriptNode) {\n scriptNode.removeEventListener(\"load\", setStateFromEvent);\n scriptNode.removeEventListener(\"error\", setStateFromEvent);\n }\n if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n scriptNode.remove();\n cachedScriptStatuses.delete(src);\n }\n };\n }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n const { autoLock = true, lockTarget, widthReflow = true } = options;\n const [isLocked, setIsLocked] = useState(false);\n const target = useRef(null);\n const originalStyle = useRef(null);\n const lock = () => {\n if (target.current) {\n const { overflow, paddingRight } = target.current.style;\n originalStyle.current = { overflow, paddingRight };\n if (widthReflow) {\n const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n }\n target.current.style.overflow = \"hidden\";\n setIsLocked(true);\n }\n };\n const unlock = () => {\n if (target.current && originalStyle.current) {\n target.current.style.overflow = originalStyle.current.overflow;\n if (widthReflow) {\n target.current.style.paddingRight = originalStyle.current.paddingRight;\n }\n }\n setIsLocked(false);\n };\n useIsomorphicLayoutEffect(() => {\n if (IS_SERVER5)\n return;\n if (lockTarget) {\n target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n }\n if (!target.current) {\n target.current = document.body;\n }\n if (autoLock) {\n lock();\n }\n return () => {\n unlock();\n };\n }, [autoLock, lockTarget, widthReflow]);\n return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n const { initializeWithValue = true } = options;\n const serializer = useCallback(\n (value) => {\n if (options.serializer) {\n return options.serializer(value);\n }\n return JSON.stringify(value);\n },\n [options]\n );\n const deserializer = useCallback(\n (value) => {\n if (options.deserializer) {\n return options.deserializer(value);\n }\n if (value === \"undefined\") {\n return void 0;\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n let parsed;\n try {\n parsed = JSON.parse(value);\n } catch (error) {\n console.error(\"Error parsing JSON:\", error);\n return defaultValue;\n }\n return parsed;\n },\n [options, initialValue]\n );\n const readValue = useCallback(() => {\n const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n if (IS_SERVER6) {\n return initialValueToUse;\n }\n try {\n const raw = window.sessionStorage.getItem(key);\n return raw ? deserializer(raw) : initialValueToUse;\n } catch (error) {\n console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n return initialValueToUse;\n }\n }, [initialValue, key, deserializer]);\n const [storedValue, setStoredValue] = useState(() => {\n if (initializeWithValue) {\n return readValue();\n }\n return initialValue instanceof Function ? initialValue() : initialValue;\n });\n const setValue = useEventCallback((value) => {\n if (IS_SERVER6) {\n console.warn(\n `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n try {\n const newValue = value instanceof Function ? value(readValue()) : value;\n window.sessionStorage.setItem(key, serializer(newValue));\n setStoredValue(newValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n } catch (error) {\n console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n }\n });\n const removeValue = useEventCallback(() => {\n if (IS_SERVER6) {\n console.warn(\n `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n );\n }\n const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n window.sessionStorage.removeItem(key);\n setStoredValue(defaultValue);\n window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n });\n useEffect(() => {\n setStoredValue(readValue());\n }, [key]);\n const handleStorageChange = useCallback(\n (event) => {\n if (event.key && event.key !== key) {\n return;\n }\n setStoredValue(readValue());\n },\n [key, readValue]\n );\n useEventListener(\"storage\", handleStorageChange);\n useEventListener(\"session-storage\", handleStorageChange);\n return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n const [currentStep, setCurrentStep] = useState(1);\n const canGoToNextStep = currentStep + 1 <= maxStep;\n const canGoToPrevStep = currentStep - 1 > 0;\n const setStep = useCallback(\n (step) => {\n const newStep = step instanceof Function ? step(currentStep) : step;\n if (newStep >= 1 && newStep <= maxStep) {\n setCurrentStep(newStep);\n return;\n }\n throw new Error(\"Step not valid\");\n },\n [maxStep, currentStep]\n );\n const goToNextStep = useCallback(() => {\n if (canGoToNextStep) {\n setCurrentStep((step) => step + 1);\n }\n }, [canGoToNextStep]);\n const goToPrevStep = useCallback(() => {\n if (canGoToPrevStep) {\n setCurrentStep((step) => step - 1);\n }\n }, [canGoToPrevStep]);\n const reset = useCallback(() => {\n setCurrentStep(1);\n }, []);\n return [\n currentStep,\n {\n goToNextStep,\n goToPrevStep,\n canGoToNextStep,\n canGoToPrevStep,\n setStep,\n reset\n }\n ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n defaultValue = \"system\",\n localStorageKey = LOCAL_STORAGE_KEY2,\n initializeWithValue = true\n} = {}) {\n const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n initializeWithValue\n });\n const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n const toggleTernaryDarkMode = () => {\n const modes = [\"light\", \"system\", \"dark\"];\n setMode((prevMode) => {\n const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n return modes[nextIndex];\n });\n };\n return {\n isDarkMode,\n ternaryDarkMode: mode,\n setTernaryDarkMode: setMode,\n toggleTernaryDarkMode\n };\n}\nfunction useTimeout(callback, delay) {\n const savedCallback = useRef(callback);\n useIsomorphicLayoutEffect(() => {\n savedCallback.current = callback;\n }, [callback]);\n useEffect(() => {\n if (!delay && delay !== 0) {\n return;\n }\n const id = setTimeout(() => {\n savedCallback.current();\n }, delay);\n return () => {\n clearTimeout(id);\n };\n }, [delay]);\n}\nfunction useToggle(defaultValue) {\n const [value, setValue] = useState(!!defaultValue);\n const toggle = useCallback(() => {\n setValue((x) => !x);\n }, []);\n return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n let { initializeWithValue = true } = options;\n if (IS_SERVER7) {\n initializeWithValue = false;\n }\n const [windowSize, setWindowSize] = useState(() => {\n if (initializeWithValue) {\n return {\n width: window.innerWidth,\n height: window.innerHeight\n };\n }\n return {\n width: void 0,\n height: void 0\n };\n });\n const debouncedSetWindowSize = useDebounceCallback(\n setWindowSize,\n options.debounceDelay\n );\n function handleSize() {\n const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n setSize({\n width: window.innerWidth,\n height: window.innerHeight\n });\n }\n useEventListener(\"resize\", handleSize);\n useIsomorphicLayoutEffect(() => {\n handleSize();\n }, []);\n return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n","import { TooltipBox } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst CertificationsWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationsWrapper\",\n componentId: \"sc-62135aba-0\"\n})([\n ``,\n ` border-right:1px solid `,\n `;margin-right:36px;padding-right:36px;`\n], FlexMixin({}), (props)=>props.theme.colors.grays.light);\nconst CertificationItem = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationItem\",\n componentId: \"sc-62135aba-1\"\n})([\n `margin-left:12px;img{height:50px;}display:none;`,\n `{display:inline;}`\n], ({ theme })=>theme.media.desktop.up);\nconst TooltipTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipTitle\",\n componentId: \"sc-62135aba-2\"\n})([\n ``,\n ` color:`,\n `;margin-bottom:2px;padding-top:5px;`\n], FontMixin({\n size: 'base',\n weight: 'medium'\n}), (props)=>props.theme.colors.primary.light);\nconst TooltipText = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipText\",\n componentId: \"sc-62135aba-3\"\n})([\n ``,\n ` color:`,\n `;line-height:20px;margin-bottom:2px;`\n], FontMixin({\n size: 'medium'\n}), (props)=>props.theme.colors.grays.darker);\nconst TooltipContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipContent\",\n componentId: \"sc-62135aba-4\"\n})([\n `z-index:`,\n `;max-width:300px;`,\n `{max-width:300px;}`\n], (props)=>props.theme.zIndex.highest, TooltipBox);\n\nexport { CertificationItem, CertificationsWrapper, TooltipContent, TooltipText, TooltipTitle };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { useRef } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { CertificationItem, TooltipContent, TooltipTitle, TooltipText } from './styled.mjs';\n\nconst CertificationLogo = ({ image, info, link })=>{\n const imgRef = useRef(null);\n const { value, setFalse, setTrue } = useBoolean();\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(CertificationItem, {\n ref: imgRef,\n onMouseEnter: setTrue,\n onMouseLeave: setFalse,\n children: /*#__PURE__*/ jsx(Image, {\n src: image.src,\n alt: image.alt,\n link: link,\n height: 50\n })\n }),\n value && /*#__PURE__*/ jsx(TooltipContent, {\n children: /*#__PURE__*/ jsxs(Tooltip, {\n placement: 'bottom',\n isNegative: false,\n referenceElement: imgRef.current,\n children: [\n /*#__PURE__*/ jsx(TooltipTitle, {\n children: info.headings.items[0].content\n }),\n /*#__PURE__*/ jsx(TooltipText, {\n children: info.descriptions.items[0].content\n })\n ]\n })\n })\n ]\n });\n};\n\nexport { CertificationLogo as default };\n","import { getCookie, setCookie } from '@babylon/ui-kit-helpers/cookie';\nimport { useState, useCallback } from 'react';\nimport { useTimeout } from 'usehooks-ts';\n\nconst MODAL_COOKIE = 'login_modal_closed';\nconst LOGIN_REGISTER_MODAL_DELAY = 6_000;\nconst useLoginRegisterModal = ()=>{\n const [visibleLoginRegisterModal, setVisibleLoginRegisterModal] = useState(false);\n const openLoginRegisterModal = useCallback(()=>{\n const modalCookie = getCookie(MODAL_COOKIE);\n if (!modalCookie) setVisibleLoginRegisterModal(true);\n }, []);\n const closeLoginRegisterModal = useCallback(()=>{\n setCookie(MODAL_COOKIE, '1');\n setVisibleLoginRegisterModal(false);\n }, []);\n useTimeout(openLoginRegisterModal, LOGIN_REGISTER_MODAL_DELAY);\n return {\n visibleLoginRegisterModal,\n closeLoginRegisterModal\n };\n};\n\nexport { useLoginRegisterModal as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { css } from 'styled-components';\n\nconst getSize = ({ size = 'large', height })=>{\n if (size === 'small') return `\n\t\t\tmin-height: ${height ?? '40px'};\n\t\t`;\n if (size === 'large') return `\n\t\t\tmin-height: ${height ?? '49px'};\n\t\t`;\n return '';\n};\nconst universalMusicButtonStyles = {\n ButtonBaseMixin: ()=>/*#__PURE__*/ css([\n ``,\n ` `,\n `;border-radius:25px;`\n ], ({ p = '4px 16px' })=>p ? `padding: ${p};` : '', FontMixin({\n size: 'base',\n weight: 'regular',\n height: 'medium'\n })),\n Button: ()=>/*#__PURE__*/ css([\n ``,\n ``\n ], (props)=>getSize(props))\n};\n\nexport { universalMusicButtonStyles as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Padding, BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport 'polished';\nimport { css } from 'styled-components';\n\nconst veciButtonStyles = {\n Button: ()=>/*#__PURE__*/ css([\n `--button-primary-background:`,\n `;--button-primary-color:`,\n `;--button-primary-hover-background:`,\n `;--button-primary-hover-color:`,\n `;--button-primary-active-background:`,\n `;--button-primary-active-color:`,\n `;--button-primary-disabled-background:`,\n `;--button-primary-disabled-color:`,\n `;--button-primary-text-transform:uppercase;--button-negative-background:`,\n `;--button-negative-color:`,\n `;--button-negative-border-color:var(--button-negative-color);--button-negative-hover-background:`,\n `;--button-negative-hover-color:`,\n `;--button-negative-active-background:`,\n `;--button-negative-active-color:`,\n `;--button-negative-disabled-background:`,\n `;--button-negative-disabled-color:`,\n `;--button-negative-text-transform:capitalize;font-family:`,\n `;`,\n ` height:40px;`,\n `;`,\n `;`\n ], ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lightest, ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.font.family.primary, FontMixin({\n size: 'medium',\n weight: 'semiBold',\n height: 'base'\n }), Padding({\n y: '0',\n x: '20px'\n }), BorderRadius({\n all: '2px'\n })),\n ButtonLink: ()=>/*#__PURE__*/ css([\n ``\n ]),\n ButtonPanel: ()=>/*#__PURE__*/ css([\n ``\n ])\n};\n\nexport { veciButtonStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport { ThemeId } from '@babylon/ui-kit-styles/types/theme';\nimport universalMusicButtonStyles from './styles/universalmusic.mjs';\nimport veciButtonStyles from './styles/veci.mjs';\n\nconst buttonThemes = createThemes({\n [ThemeId.veci]: veciButtonStyles,\n [ThemeId.partnershipsUniversalMusic]: universalMusicButtonStyles\n});\n\nexport { buttonThemes as default };\n","import { AttentionMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled, { css } from 'styled-components';\nimport buttonThemes from './themes/index.mjs';\n\nconst ButtonNegativeMixin = /*#__PURE__*/ css([\n `text-transform:var(--button-negative-text-transform);background-color:var(--button-negative-background);color:var(--button-negative-color);border:1px solid var(--button-negative-border-color);`,\n ` &:hover{background-color:var(--button-negative-hover-background);color:var(--button-negative-hover-color);}&:active{background-color:var(--button-negative-active-background);color:var(--button-negative-active-color);}&:disabled{background-color:var(--button-negative-disabled-background);color:var(--button-negative-disabled-color);}`\n], AttentionMixin(/*#__PURE__*/ css([\n `background-color:var(--button-negative-active-background);color:var(--button-negative-active-color);`\n])));\nconst ButtonPrimaryMixin = /*#__PURE__*/ css([\n `text-transform:var(--button-primary-text-transform);background-color:var(--button-primary-background);color:var(--button-primary-color);`,\n ` &:hover{background-color:var(--button-primary-hover-background);color:var(--button-primary-hover-color);}&:active{background-color:var(--button-primary-active-background);color:var(--button-primary-active-color);}&:disabled{background-color:var(--button-primary-disabled-background);color:var(--button-primary-disabled-color);}`\n], AttentionMixin(/*#__PURE__*/ css([\n `background-color:var(--button-primary-active-background);color:var(--button-primary-active-color);`\n])));\nconst ButtonSecondaryMixin = /*#__PURE__*/ css([\n `text-transform:var(--button-secondary-text-transform);background-color:var(--button-secondary-background);color:var(--button-secondary-color);`\n]);\nconst ButtonFacebookMixin = /*#__PURE__*/ css([\n `background-color:var(--button-facebook-background);color:var(--button-facebook-color);`\n]);\nconst ButtonGoogleMixin = /*#__PURE__*/ css([\n `background-color:var(--button-google-background);color:var(--button-google-color);i{color:var(--button-google-icon-color);}`\n]);\nconst ButtonBaseMixin = /*#__PURE__*/ css([\n `cursor:pointer;display:inline-block;`,\n ` transition:background-color 0.4s linear,color 0.4s linear;text-transform:uppercase;text-align:center;vertical-align:middle;outline:none;border:0;border-radius:`,\n `;font-size:`,\n `;font-weight:`,\n `;line-height:normal;&:disabled{pointer-events:none;opacity:0.7;}`,\n ``\n], ({ p = '8px 16px' })=>p ? `padding: ${p};` : '', ({ theme })=>theme.border.radius.rounded, ({ theme })=>theme.font.size.medium, ({ theme })=>theme.font.weight.medium, buttonThemes('ButtonBaseMixin'));\nconst getVariant = ({ variant })=>{\n if (variant === 'negative') return ButtonNegativeMixin;\n if (variant === 'primary') return ButtonPrimaryMixin;\n if (variant === 'secondary') return ButtonSecondaryMixin;\n if (variant === 'facebook') return ButtonFacebookMixin;\n if (variant === 'google') return ButtonGoogleMixin;\n return '';\n};\nconst getSize = ({ size = 'large', height })=>{\n if (size === 'small') return `\n\t\t\tmin-height: ${height ?? '32px'};\n\t\t`;\n if (size === 'large') return `\n\t\t\tmin-height: ${height ?? '56px'};\n\t\t`;\n return '';\n};\nconst ButtonRoot = /*#__PURE__*/ css([\n `--button-primary-background:`,\n `;--button-primary-color:`,\n `;--button-primary-text-transform:uppercase;--button-primary-active-background:`,\n `;--button-primary-active-color:`,\n `;--button-primary-hover-background:var(--button-primary-active-background);--button-primary-hover-color:var(--button-primary-active-color);--button-primary-disabled-background:var(--button-primary-background);--button-primary-disabled-color:var(--button-primary-color);--button-secondary-background:`,\n `;--button-secondary-color:`,\n `;--button-secondary-text-transform:uppercase;--button-negative-background:transparent;--button-negative-color:`,\n `;--button-negative-border-color:`,\n `;--button-negative-text-transform:uppercase;--button-negative-active-background:`,\n `;--button-negative-active-color:`,\n `;--button-negative-hover-background:var(--button-negative-active-background);--button-negative-hover-color:var(--button-negative-active-color);--button-negative-disabled-background:var(--button-negative-background);--button-negative-disabled-color:var(--button-negative-color);--button-facebook-background:`,\n `;--button-facebook-color:`,\n `;--button-google-background:`,\n `;--button-google-color:`,\n `;--button-google-icon-color:`,\n `;`,\n ` `,\n ` `,\n ` `,\n ` `,\n ``\n], ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.lighter, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.buttonModal?.background, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.primary.light, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.thirdParty.facebook, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.primary.lighter, ({ withBase = true })=>withBase ? ButtonBaseMixin : '', (props)=>getVariant(props), (props)=>getSize(props), ({ $fullWidth })=>$fullWidth ? 'width: 100%;' : '', buttonThemes('Button'));\nconst Button = /*#__PURE__*/ styled.button.withConfig({\n displayName: \"Button\",\n componentId: \"sc-f12a079-0\"\n})([\n ``,\n ` `,\n ``\n], ButtonRoot, buttonThemes('Button'));\nconst ButtonLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"ButtonLink\",\n componentId: \"sc-f12a079-1\"\n})([\n ``,\n ` --button-negative-text-transform:uppercase;`,\n ``\n], ButtonRoot, buttonThemes('ButtonLink'));\nconst ButtonPanel = /*#__PURE__*/ styled(Button).withConfig({\n displayName: \"ButtonPanel\",\n componentId: \"sc-f12a079-2\"\n})([\n ``,\n ` `,\n ` `,\n ` height:56px;width:100%;&[disabled]{background-color:`,\n `;color:`,\n `;opacity:0.5;}`,\n ``\n], ButtonSecondaryMixin, BorderRadius({\n all: '0px'\n}), FontMixin({\n size: 'large',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.base, buttonThemes('ButtonPanel'));\n\nexport { Button, ButtonBaseMixin, ButtonFacebookMixin, ButtonGoogleMixin, ButtonLink, ButtonNegativeMixin, ButtonPanel, ButtonPrimaryMixin, ButtonSecondaryMixin, getVariant };\n","import { ButtonBaseMixin, ButtonPrimaryMixin } from '@babylon/ui-kit-base/components/buttons/button';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { TooltipContent } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst TooltipWrapper = /*#__PURE__*/ styled(Tooltip).withConfig({\n displayName: \"TooltipWrapper\",\n componentId: \"sc-204ee37e-0\"\n})([\n ``,\n `{max-width:560px;padding:0px;}`\n], TooltipContent);\nconst ModalContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalContent\",\n componentId: \"sc-204ee37e-1\"\n})([\n ``,\n ` padding:20px;`\n], FlexMixin());\nconst IconWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"IconWrapper\",\n componentId: \"sc-204ee37e-2\"\n})([\n `color:`,\n `;font-size:56px;`\n], ({ theme })=>theme.colors.primary.light);\nconst Content = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Content\",\n componentId: \"sc-204ee37e-3\"\n})([\n `margin-left:12px;margin-right:auto;max-width:278px;`\n]);\nconst Title = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"Title\",\n componentId: \"sc-204ee37e-4\"\n})([\n `color:`,\n `;`,\n ` text-align:left;margin:0;padding-bottom:8px;`\n], ({ theme })=>theme.colors.primary.light, FontMixin({\n size: 'large',\n height: 'base',\n weight: 'regular'\n}));\nconst Description = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"Description\",\n componentId: \"sc-204ee37e-5\"\n})([\n `color:`,\n `;`,\n ` text-align:left;margin:0;`\n], ({ theme })=>theme.colors.grays.dark, FontMixin({\n size: 'medium',\n height: 'small',\n weight: 'light'\n}));\nconst LinkWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LinkWrapper\",\n componentId: \"sc-204ee37e-6\"\n})([\n `align-self:flex-end;margin-left:10px;height:50px;& > a{`,\n ` `,\n ` padding:8px 16px;color:`,\n `;}`\n], ButtonBaseMixin, ButtonPrimaryMixin, ({ theme })=>theme.colors.white.base);\nconst ModalFooter = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalFooter\",\n componentId: \"sc-204ee37e-7\"\n})([\n `background-color:`,\n `;`,\n ` text-align:center;padding:20px 12px;& > a{display:inline-block;color:`,\n `;`,\n ` margin-left:2px;text-decoration:underline;text-transform:lowercase;}`\n], ({ theme })=>theme.colors.grays.lighter, BorderRadius({\n bottomLeft: '4px',\n bottomRight: '4px'\n}), ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'base',\n height: 'medium',\n weight: 'medium'\n}));\nconst TextFooter = /*#__PURE__*/ styled(InnerMarkdownHTML).withConfig({\n displayName: \"TextFooter\",\n componentId: \"sc-204ee37e-8\"\n})([\n `display:inline-block;color:`,\n `;`,\n ` margin-bottom:0;`\n], ({ theme })=>theme.colors.grays.dark, FontMixin({\n size: 'medium',\n height: 'small',\n weight: 'light'\n}));\nconst ModalClose = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalClose\",\n componentId: \"sc-204ee37e-9\"\n})([\n `position:absolute;right:0;top:0;color:`,\n `;font-size:18px;`,\n ` padding:8px;cursor:pointer;`\n], ({ theme })=>theme.colors.grays.base, FontMixin({\n height: 'medium',\n weight: 'regular'\n}));\n\nexport { Content, Description, IconWrapper, LinkWrapper, ModalClose, ModalContent, ModalFooter, TextFooter, Title, TooltipWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { TooltipWrapper, ModalContent, IconWrapper, Content, Title, Description, LinkWrapper, ModalFooter, TextFooter, ModalClose } from './styled.mjs';\n\nconst LoginRegisterModal = ({ refElement, literals, links, onClose })=>{\n const [newAccount, register] = links;\n const offset = {\n name: 'offset',\n options: {\n offset: [\n 0,\n 18\n ]\n }\n };\n return /*#__PURE__*/ jsxs(TooltipWrapper, {\n \"data-testid\": \"LoginRegisterModal\",\n options: {\n modifiers: [\n offset\n ]\n },\n referenceElement: refElement.current,\n placement: \"bottom-end\",\n isNegative: false,\n children: [\n /*#__PURE__*/ jsxs(ModalContent, {\n children: [\n /*#__PURE__*/ jsx(IconWrapper, {\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-smile-wink\"\n })\n }),\n /*#__PURE__*/ jsxs(Content, {\n children: [\n /*#__PURE__*/ jsx(Title, {\n tag: \"p\",\n content: literals.loginModalTitle\n }),\n /*#__PURE__*/ jsx(Description, {\n tag: \"p\",\n content: literals.loginModalDescription\n })\n ]\n }),\n /*#__PURE__*/ jsx(LinkWrapper, {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(newAccount).href,\n target: nullsToUndefined(newAccount).target,\n title: nullsToUndefined(newAccount).title,\n rel: \"nofollow\",\n children: literals.loginModalButtonText\n })\n })\n ]\n }),\n /*#__PURE__*/ jsxs(ModalFooter, {\n children: [\n /*#__PURE__*/ jsx(TextFooter, {\n tag: \"p\",\n content: literals.loginModalFooterText\n }),\n /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(register).href,\n target: nullsToUndefined(register).target,\n title: nullsToUndefined(register).title,\n rel: \"nofollow\",\n children: literals.loginModalLinkText\n })\n ]\n }),\n /*#__PURE__*/ jsx(ModalClose, {\n \"data-testid\": \"ModalClose\",\n onClick: onClose,\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-cancel\"\n })\n })\n ]\n });\n};\n\nexport { LoginRegisterModal as default };\n","import Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Middle = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Middle\",\n componentId: \"sc-4b559ad9-0\"\n})([\n `background-color:`,\n `;`,\n `{`,\n `}`\n], (props)=>props.theme.colors.white.base, Container, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}));\nconst Logo = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logo\",\n componentId: \"sc-4b559ad9-1\"\n})([\n ``,\n ` img{min-height:44px;height:44px;width:auto;}h1{`,\n ` color:`,\n `;flex-grow:1;line-height:16px;margin-top:-2px;max-width:300px;text-align:right;text-indent:47px;}`\n], FlexMixin({\n direction: 'column'\n}), FontMixin({\n size: 'small',\n height: 'small'\n}), (props)=>props.theme.colors.grays.base);\nconst User = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"User\",\n componentId: \"sc-4b559ad9-2\"\n})([\n ``,\n ` `,\n ` .separator{color:`,\n `;font-weight:`,\n `;padding:0 12px;}& > a{color:`,\n `;}`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}), (props)=>props.theme.colors.grays.base, (props)=>props.theme.font.weight.light, (props)=>props.theme.colors.text.dark);\nconst Restrictions = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Restrictions\",\n componentId: \"sc-4b559ad9-3\"\n})([\n ``,\n ` `,\n ` a{`,\n ` color:`,\n `;font-weight:`,\n `;}figure{position:relative;&::before{background:linear-gradient( 90deg,`,\n ` 10%,`,\n ` 100% );content:'';height:100%;left:0;position:absolute;width:56px;z-index:1;}}`\n], FlexMixin({}), FontMixin({\n size: 'medium'\n}), FlexMixin({\n align: 'center'\n}), (props)=>props.theme.colors.grays.darker, (props)=>props.theme.font.weight.bold, ({ theme })=>theme.colors.white.base, ({ theme })=>rgba(theme.colors.white.base, 0));\nconst UserTooltip = /*#__PURE__*/ styled(Tooltip).withConfig({\n displayName: \"UserTooltip\",\n componentId: \"sc-4b559ad9-4\"\n})([\n `max-width:300px;`\n]);\nconst RestrictionsText = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"RestrictionsText\",\n componentId: \"sc-4b559ad9-5\"\n})([\n ``,\n ` color:`,\n `;max-width:90px;padding-right:4px;text-transform:uppercase;z-index:`,\n `;`,\n `{max-width:100%;}p{color:`,\n `;font-weight:`,\n `;}`\n], FontMixin({\n size: 'small',\n height: 'small',\n weight: 'medium'\n}), (props)=>props.theme.colors.grays.darker, (props)=>props.theme.zIndex.lowest, ({ theme })=>theme.media.up('xl'), ({ theme })=>theme.colors.grays.dark, (props)=>props.theme.font.weight.regular);\nconst RestrictionsTextTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"RestrictionsTextTitle\",\n componentId: \"sc-4b559ad9-6\"\n})([\n `display:none;`,\n `{display:block;}`\n], ({ theme })=>theme.media.desktop.up);\nconst RestrictionsImage = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"RestrictionsImage\",\n componentId: \"sc-4b559ad9-7\"\n})([\n `display:none;`,\n `{display:inline;}`\n], ({ theme })=>theme.media.desktop.up);\nconst UserInitial = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"UserInitial\",\n componentId: \"sc-4b559ad9-8\"\n})([\n ``,\n ` `,\n ` background-color:`,\n `;border:1px solid `,\n `;color:`,\n `;font-size:`,\n `;font-weight:`,\n `;height:36px;margin-left:16px;text-transform:uppercase;width:36px;`\n], BorderRadius({\n all: '50%'\n}), FlexMixin({\n align: 'center',\n justify: 'center'\n}), (props)=>props.theme.colors.grays.light, (props)=>props.theme.colors.grays.base, (props)=>props.theme.colors.grays.base, (props)=>props.theme.font.size.larger, (props)=>props.theme.font.weight.regular);\nconst TextRight = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TextRight\",\n componentId: \"sc-4b559ad9-9\"\n})([\n `text-align:right;a{color:`,\n `;font-size:`,\n `;font-weight:`,\n `;}`\n], (props)=>props.theme.colors.grays.darker, (props)=>props.theme.font.size.base, (props)=>props.theme.font.weight.medium);\nconst UserTooltipInner = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"UserTooltipInner\",\n componentId: \"sc-4b559ad9-10\"\n})([\n `background:`,\n `;color:`,\n `;left:0px;margin:-8px -8px -8px -8px;max-width:300px;top:0px;width:300px;ul{padding:0;li{text-align:left;a{`,\n ` `,\n ` color:`,\n `;padding:17px 20px;position:relative;i{margin-right:12px;}span{`,\n ` color:`,\n `;text-transform:none;}}&:hover{background:`,\n `;}}}`\n], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n height: 'large'\n}), ({ theme })=>theme.colors.grays.base, FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, (props)=>props.theme.colors.grays.lightest);\nconst Logout = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logout\",\n componentId: \"sc-4b559ad9-11\"\n})([\n ``,\n ` background-color:`,\n `;border-top:1px solid `,\n `;padding:16px 0;span{`,\n ` `,\n ` background-color:`,\n `;border:1px solid `,\n `;color:`,\n `;cursor:pointer;display:inline-block;margin:0 auto;padding:8px 12px;text-transform:uppercase;}`\n], FontMixin({\n size: 'base'\n}), ({ theme })=>theme.colors.grays.lighter, ({ theme })=>theme.colors.grays.lighter, BorderRadius({\n all: '4px'\n}), FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'light'\n}), ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.dark, (props)=>props.theme.colors.grays.dark);\nconst UserContent = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"UserContent\",\n componentId: \"sc-4b559ad9-12\"\n})([\n ``,\n ` color:`,\n `;display:block;text-transform:uppercase;`\n], FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.dark);\nconst CertificationsWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CertificationsWrapper\",\n componentId: \"sc-4b559ad9-13\"\n})([\n ``,\n ` margin-left:auto;border-right:1px solid `,\n `;margin-right:36px;padding-right:36px;`\n], FlexMixin({}), (props)=>props.theme.colors.grays.light);\n\nexport { CertificationsWrapper, Logo, Logout, Middle, Restrictions, RestrictionsImage, RestrictionsText, RestrictionsTextTitle, TextRight, User, UserContent, UserInitial, UserTooltip, UserTooltipInner };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport InnerMarkdownHTML from '@babylon/ui-kit-base/components/text/inner-markdown-HTML';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { useRef, useState, useCallback, Children } from 'react';\nimport { userLogout } from '../../../service.mjs';\nimport { IconUser } from '../styled.mjs';\nimport CertificationLogo from './certification/index.mjs';\nimport useLoginRegisterModal from './hooks/useLoginRegisterModal.mjs';\nimport LoginRegisterModal from './login-register-modal/index.mjs';\nimport { Middle, Logo, Restrictions, RestrictionsText, RestrictionsTextTitle, RestrictionsImage, CertificationsWrapper, User, TextRight, UserContent, UserInitial, UserTooltip, UserTooltipInner, Logout } from './styled.mjs';\n\nconst HeaderMiddle = ({ logo, headings, user, literals, restrictions, certifications })=>{\n const refUser = useRef(null);\n const refUnlogged = useRef(null);\n const [visibleUser, setVisibleUser] = useState(false);\n const { visibleLoginRegisterModal, closeLoginRegisterModal } = useLoginRegisterModal();\n const handleOnHoverButton = useCallback(()=>{\n setVisibleUser(true);\n }, []);\n const handleExitButton = useCallback(()=>{\n setVisibleUser(false);\n }, []);\n return /*#__PURE__*/ jsx(Middle, {\n \"data-testid\": \"HeaderMiddle\",\n children: /*#__PURE__*/ jsxs(Container, {\n py: 8,\n children: [\n /*#__PURE__*/ jsxs(Logo, {\n children: [\n logo && /*#__PURE__*/ jsx(Image, {\n isLazy: false,\n ...logo,\n width: 251,\n height: 44\n }),\n !!headings?.items?.length && headings.items[0].content && /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n tag: \"h1\",\n content: headings.items[0].content\n })\n ]\n }),\n restrictions && /*#__PURE__*/ jsx(Restrictions, {\n children: /*#__PURE__*/ jsxs(\"a\", {\n \"data-testid\": \"RestrictionsLink\",\n href: nullsToUndefined(restrictions.link).href,\n target: nullsToUndefined(restrictions.link).target,\n title: nullsToUndefined(restrictions.link).title,\n children: [\n /*#__PURE__*/ jsxs(RestrictionsText, {\n children: [\n /*#__PURE__*/ jsx(RestrictionsTextTitle, {\n children: restrictions.title\n }),\n restrictions.link.content\n ]\n }),\n /*#__PURE__*/ jsx(RestrictionsImage, {\n alt: restrictions.title,\n resize: {\n width: 68,\n height: 44,\n quality: 80\n },\n width: 68,\n height: 44,\n src: restrictions.image,\n isLazy: false\n })\n ]\n })\n }),\n certifications && /*#__PURE__*/ jsx(CertificationsWrapper, {\n \"data-testid\": \"certifications\",\n children: Children.toArray(certifications.map((item)=>/*#__PURE__*/ jsx(CertificationLogo, {\n ...item\n })))\n }),\n user?.unlogged && /*#__PURE__*/ jsxs(User, {\n children: [\n /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(user.unlogged[0]).href,\n target: nullsToUndefined(user.unlogged[0]).target,\n title: nullsToUndefined(user.unlogged[0]).title,\n children: user.unlogged[0].content\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"separator\",\n children: \"|\"\n }),\n /*#__PURE__*/ jsx(\"a\", {\n ref: refUnlogged,\n href: nullsToUndefined(user.unlogged[1]).href,\n target: nullsToUndefined(user.unlogged[1]).target,\n title: nullsToUndefined(user.unlogged[1]).title,\n children: user.unlogged[1].content\n }),\n /*#__PURE__*/ jsx(IconUser, {\n className: \"nico-user\"\n }),\n visibleLoginRegisterModal && literals && /*#__PURE__*/ jsx(LoginRegisterModal, {\n refElement: refUnlogged,\n literals: literals,\n links: user.unlogged,\n onClose: closeLoginRegisterModal\n })\n ]\n }),\n user?.logged && /*#__PURE__*/ jsxs(User, {\n ref: refUser,\n onMouseOver: handleOnHoverButton,\n onMouseLeave: handleExitButton,\n children: [\n /*#__PURE__*/ jsx(TextRight, {\n children: /*#__PURE__*/ jsxs(\"a\", {\n href: '#',\n target: '',\n title: '',\n children: [\n /*#__PURE__*/ jsx(UserContent, {\n children: user.label?.content\n }),\n user.logged.user_name.content\n ]\n })\n }),\n /*#__PURE__*/ jsx(UserInitial, {\n children: user.logged.user_name.content?.substring(0, 1)\n }),\n visibleUser && /*#__PURE__*/ jsx(UserTooltip, {\n referenceElement: refUser.current,\n isNegative: false,\n placement: 'bottom',\n children: /*#__PURE__*/ jsxs(UserTooltipInner, {\n children: [\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.profile.title,\n href: user.logged.profile.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.profile.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.profile.content\n })\n ]\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.bookings.title,\n href: user.logged.bookings.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.bookings.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.bookings.content\n })\n ]\n })\n }),\n user.logged.searches && /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n title: user.logged.searches.title,\n href: user.logged.searches.href,\n children: [\n /*#__PURE__*/ jsx(\"i\", {\n className: user.logged.searches.icon\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: user.logged.searches.content\n })\n ]\n })\n })\n ]\n }),\n /*#__PURE__*/ jsx(Logout, {\n children: /*#__PURE__*/ jsx(\"span\", {\n onClick: ()=>{\n userLogout(user.logged?.session_code, user.logged?.logout_url).catch(console.error);\n },\n children: user.logged.logout.title\n })\n })\n ]\n })\n })\n ]\n })\n ]\n })\n });\n};\n\nexport { HeaderMiddle as default };\n","const subscribe = (eventName, listener)=>{\n document.addEventListener(eventName, listener);\n};\nconst unsubscribe = (eventName, listener)=>{\n document.removeEventListener(eventName, listener);\n};\nconst publish = (eventName, data = {})=>{\n const event = new CustomEvent(eventName, {\n detail: data\n });\n document.dispatchEvent(event);\n};\nvar customEvent;\n(function(customEvent) {\n customEvent[\"OpenOriginModal\"] = \"OpenOriginModal\";\n})(customEvent || (customEvent = {}));\n\nexport { customEvent, publish, subscribe, unsubscribe };\n","import contextBabylon from '@babylon/ui-kit-context';\nimport { DEVICES } from '@babylon/ui-kit-context/types';\nimport { useContext } from 'react';\n\nconst useDevice = ()=>{\n let { DeviceClass = DEVICES.desktop } = useContext(contextBabylon) || {};\n if (!Object.values(DEVICES).includes(DeviceClass)) DeviceClass = DEVICES.desktop;\n const indexOfS = Object.values(DEVICES).indexOf(DeviceClass);\n const key = Object.keys(DEVICES)[indexOfS];\n return DEVICES[key];\n};\n\nexport { useDevice as default, useDevice };\n","import { checkIfDesktop } from '@babylon/ui-kit-helpers/views';\nimport { useDevice } from '../useDevice.mjs';\n\nconst useIsDesktop = ()=>{\n const device = useDevice();\n return checkIfDesktop(device);\n};\n\nexport { useIsDesktop as default, useIsDesktop };\n","import { useRef, useEffect } from 'react';\n\nconst usePrevValue = (value)=>{\n const valueRef = useRef(value);\n useEffect(()=>{\n valueRef.current = value;\n }, [\n value\n ]);\n return valueRef.current;\n};\n\nexport { usePrevValue as default };\n","'use strict';\n\n// do not edit .js files directly - edit src/index.jst\n\n\n\nmodule.exports = function equal(a, b) {\n if (a === b) return true;\n\n if (a && b && typeof a == 'object' && typeof b == 'object') {\n if (a.constructor !== b.constructor) return false;\n\n var length, i, keys;\n if (Array.isArray(a)) {\n length = a.length;\n if (length != b.length) return false;\n for (i = length; i-- !== 0;)\n if (!equal(a[i], b[i])) return false;\n return true;\n }\n\n\n\n if (a.constructor === RegExp) return a.source === b.source && a.flags === b.flags;\n if (a.valueOf !== Object.prototype.valueOf) return a.valueOf() === b.valueOf();\n if (a.toString !== Object.prototype.toString) return a.toString() === b.toString();\n\n keys = Object.keys(a);\n length = keys.length;\n if (length !== Object.keys(b).length) return false;\n\n for (i = length; i-- !== 0;)\n if (!Object.prototype.hasOwnProperty.call(b, keys[i])) return false;\n\n for (i = length; i-- !== 0;) {\n var key = keys[i];\n\n if (key === '_owner' && a.$$typeof) {\n // React-specific: avoid traversing React elements' _owner.\n // _owner contains circular references\n // and is not needed when comparing the actual elements (and not their owners)\n continue;\n }\n\n if (!equal(a[key], b[key])) return false;\n }\n\n return true;\n }\n\n // true if both NaN, false otherwise\n return a!==a && b!==b;\n};\n","import usePrevValue from '@babylon/ui-kit-hooks/usePrevValue';\nimport fastDeepEqual from 'fast-deep-equal/react.js';\nimport { useMemo, useState, useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\n\nconst useContentProps = (props)=>{\n const { visible = false, header, beforeContent, content, footer } = props ?? {};\n const prevVisible = usePrevValue(visible);\n const { value: isVisible, setValue: setVisible } = useBoolean(visible);\n const contentProps = useMemo(()=>({\n header,\n beforeContent,\n content,\n footer\n }), [\n header,\n beforeContent,\n content,\n footer\n ]);\n const prevContentProps = usePrevValue(contentProps);\n const [savedContentProps, setSavedContentProps] = useState(contentProps);\n useEffect(()=>{\n if (!fastDeepEqual(savedContentProps, contentProps)) {\n setSavedContentProps(contentProps);\n }\n }, [\n contentProps,\n savedContentProps\n ]);\n useEffect(()=>{\n if (fastDeepEqual(contentProps, prevContentProps)) return;\n if (prevVisible && !visible) {\n setTimeout(()=>{\n setSavedContentProps(contentProps);\n }, 300);\n } else {\n setSavedContentProps(contentProps);\n }\n }, [\n contentProps,\n visible,\n prevContentProps,\n prevVisible,\n setVisible\n ]);\n useEffect(()=>{\n if (visible === isVisible) return;\n if (visible && fastDeepEqual(contentProps, savedContentProps) || !visible) {\n setVisible(visible);\n }\n }, [\n contentProps,\n isVisible,\n savedContentProps,\n setVisible,\n visible\n ]);\n const state = useMemo(()=>({\n contentProps: savedContentProps,\n isVisible\n }), [\n isVisible,\n savedContentProps\n ]);\n const actions = useMemo(()=>({}), []);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useContentProps as default };\n","import { useMemo } from 'react';\nimport { useScrollLock } from 'usehooks-ts';\n\nconst useLock = ()=>{\n const { lock, unlock } = useScrollLock({\n autoLock: false,\n lockTarget: '#app'\n });\n const state = useMemo(()=>({}), []);\n const actions = useMemo(()=>({\n lock,\n unlock\n }), [\n lock,\n unlock\n ]);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useLock as default };\n","import { useRef, useMemo } from 'react';\n\nconst useRefs = ()=>{\n const rootRef = useRef(null);\n const wrapperRef = useRef(null);\n const state = useMemo(()=>({\n rootRef,\n wrapperRef\n }), []);\n const actions = useMemo(()=>({}), []);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useRefs as default };\n","import { useMemo } from 'react';\nimport useContentProps from './useContentProps.mjs';\nimport useLock from './useLock.mjs';\nimport useRefs from './useRefs.mjs';\n\nconst useModalContextState = (props)=>{\n const contentProps = useContentProps(props);\n const lockState = useLock();\n const refsState = useRefs();\n const state = useMemo(()=>({\n ...contentProps.state,\n ...lockState.state,\n ...refsState.state\n }), [\n contentProps.state,\n lockState.state,\n refsState.state\n ]);\n const actions = useMemo(()=>({\n ...contentProps.actions,\n ...lockState.actions,\n ...refsState.actions\n }), [\n contentProps.actions,\n lockState.actions,\n refsState.actions\n ]);\n return useMemo(()=>({\n state,\n actions\n }), [\n actions,\n state\n ]);\n};\n\nexport { useModalContextState as default };\n","var KEY_CODE;\n(function(KEY_CODE) {\n KEY_CODE[\"ARROW_DOWN\"] = \"ArrowDown\";\n KEY_CODE[\"ARROW_UP\"] = \"ArrowUp\";\n KEY_CODE[\"ENTER\"] = \"Enter\";\n KEY_CODE[\"ESC\"] = \"Escape\";\n KEY_CODE[\"TAB\"] = \"Tab\";\n})(KEY_CODE || (KEY_CODE = {}));\n\nexport { KEY_CODE };\n","import { KEY_CODE } from '@babylon/ui-kit-types/key-code';\nimport { useRef, useEffect } from 'react';\nimport { useEventListener } from 'usehooks-ts';\n\nconst useClickOutCloseModal = (props, state)=>{\n const { rootRef, wrapperRef, isVisible } = state ?? {};\n const { closeOnClickOut = false, hide } = props ?? {};\n const defaultRootRef = useRef(null);\n useEventListener('click', ({ target })=>{\n if (!target || !wrapperRef?.current || !isVisible || !hide) return;\n if (!wrapperRef.current.contains(target) && closeOnClickOut) {\n hide();\n }\n }, rootRef ?? defaultRootRef);\n};\nconst useModalSideEffects = (contextValue)=>{\n const { props, state, actions } = contextValue;\n const { visible, closeOnEscapeKeyDown = false, hide } = props ?? {};\n const { lock, unlock } = actions ?? {};\n useEffect(()=>{\n if (!lock || !unlock) return;\n if (visible) lock();\n return ()=>{\n unlock();\n };\n }, [\n lock,\n unlock,\n visible\n ]);\n const escapeKeydown = ({ key })=>{\n if (visible && closeOnEscapeKeyDown && key === KEY_CODE.ESC) hide?.();\n };\n useEventListener('keydown', escapeKeydown);\n useClickOutCloseModal(props, state);\n};\n\nexport { useModalSideEffects as default, useClickOutCloseModal };\n","import { jsx } from 'react/jsx-runtime';\nimport { useMemo, createContext, useContext } from 'react';\nimport useModalContextState from './useContextState/index.mjs';\nimport useModalSideEffects from './useSideEffects.mjs';\n\nconst ModalContext = /*#__PURE__*/ createContext({});\nconst ModalProvider = (props)=>{\n const { value, children } = props;\n const contextState = useModalContextState(value);\n const contextValue = useMemo(()=>({\n props: value,\n ...contextState\n }), [\n contextState,\n value\n ]);\n useModalSideEffects(contextValue);\n return /*#__PURE__*/ jsx(ModalContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst useModalContext = ()=>useContext(ModalContext);\nconst useModalProps = ()=>useModalContext().props;\nconst useModalState = ()=>useModalContext().state;\n\nexport { ModalProvider, useModalProps, useModalState };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst ModalCloseButton = /*#__PURE__*/ styled.button.attrs({\n as: 'button'\n}).withConfig({\n displayName: \"ModalCloseButton\",\n componentId: \"sc-ae29d01d-0\"\n})([\n ``,\n ` `,\n ` color:`,\n `;height:52px;position:relative;transition:0.4s;width:52px;&:hover{color:`,\n `;}`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), FontMixin({\n size: 'large',\n height: 'large'\n}), ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.dark);\nconst ModalHeader = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalHeader\",\n componentId: \"sc-ae29d01d-1\"\n})([\n `position:sticky;top:0;`,\n ` border-bottom:1px solid var(--header-border-color);`,\n ` flex:0 0 auto;`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}), BorderRadius({\n topLeft: '4px',\n topRight: '4px'\n}));\nconst ModalHeaderText = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalHeaderText\",\n componentId: \"sc-ae29d01d-2\"\n})([\n ``,\n ` color:`,\n `;flex:1;max-width:100%;overflow:hidden;padding:16px;text-overflow:ellipsis;white-space:nowrap;min-height:52px;`,\n ``\n], FontMixin({\n size: 'base',\n height: 'base',\n weight: 'medium'\n}), ({ theme })=>theme.colors.grays.darker, ({ $centerHeaderTitle })=>$centerHeaderTitle && `display: flex; justify-content: center; align-items: center;`);\n\nexport { ModalCloseButton, ModalHeader, ModalHeaderText };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { useMemo } from 'react';\nimport { useModalProps, useModalState } from '../../context/index.mjs';\nimport { ModalHeader as ModalHeader$1, ModalHeaderText, ModalCloseButton as ModalCloseButton$1 } from './styled.mjs';\n\nconst ModalCloseButton = ({ icon })=>{\n const { hide } = useModalProps() ?? {};\n const iconIsString = typeof icon === 'string';\n let iconNode = useMemo(()=>{\n if (iconIsString) {\n if (!hide) return;\n return /*#__PURE__*/ jsx(Icon, {\n className: `nico-${icon}`\n });\n }\n return icon;\n }, [\n hide,\n icon,\n iconIsString\n ]);\n if (!icon) return null;\n if (iconIsString) return /*#__PURE__*/ jsx(ModalCloseButton$1, {\n onClick: hide,\n \"data-testid\": \"ModalCloseButton\",\n children: iconNode\n });\n return /*#__PURE__*/ jsx(ModalCloseButton$1, {\n children: iconNode\n });\n};\nconst ModalHeader = ()=>{\n const { iconLeft, iconRight = 'cancel', centerHeaderTitle } = useModalProps() ?? {};\n const { contentProps } = useModalState() ?? {};\n const { header } = contentProps ?? {};\n if (!header && !iconLeft && !iconRight) return null;\n return /*#__PURE__*/ jsxs(ModalHeader$1, {\n \"data-testid\": \"ModalHeader\",\n children: [\n /*#__PURE__*/ jsx(ModalCloseButton, {\n icon: iconLeft\n }),\n /*#__PURE__*/ jsx(ModalHeaderText, {\n $centerHeaderTitle: centerHeaderTitle,\n \"data-testid\": \"ModalHeaderText\",\n children: header\n }),\n /*#__PURE__*/ jsx(ModalCloseButton, {\n icon: iconRight\n })\n ]\n });\n};\n\nexport { ModalHeader as default };\n","import { css } from 'styled-components';\n\nconst logitravelModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n `--header-default-background:`,\n `;--header-default-color:`,\n `;--header-default-icon-color:`,\n `;--header-primary-background:`,\n `;--header-primary-color:`,\n `;--header-primary-icon-color:`,\n `;--header-border-color:`,\n `;`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { logitravelModalStyles as default };\n","import { css } from 'styled-components';\n\nconst partnershipsModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n `--header-default-background:`,\n `;--header-default-color:`,\n `;--header-default-icon-color:`,\n `;--header-primary-background:`,\n `;--header-primary-color:`,\n `;--header-primary-icon-color:`,\n `;--header-border-color:`,\n `;`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { partnershipsModalStyles as default };\n","import { css } from 'styled-components';\n\nconst smyModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n `--header-default-background:`,\n `;--header-default-color:`,\n `;--header-default-icon-color:`,\n `;--header-primary-background:`,\n `;--header-primary-color:`,\n `;--header-primary-icon-color:`,\n `;--header-border-color:`,\n `;`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.dark, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light)\n};\n\nexport { smyModalStyles as default };\n","import { css } from 'styled-components';\n\nconst veciModalStyles = {\n ModalRoot: ()=>/*#__PURE__*/ css([\n `--header-default-background:`,\n `;--header-default-color:`,\n `;--header-default-icon-color:`,\n `;--header-primary-background:`,\n `;--header-primary-color:`,\n `;--header-primary-icon-color:`,\n `;--header-border-color:`,\n `;`\n ], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.lightest)\n};\n\nexport { veciModalStyles as default };\n","import { createThemes } from '@babylon/ui-kit-styles/common/themes';\nimport logitravelModalStyles from './styles/logitravel.mjs';\nimport partnershipsModalStyles from './styles/partnerships.mjs';\nimport smyModalStyles from './styles/smy.mjs';\nimport veciModalStyles from './styles/veci.mjs';\n\nconst modalThemes = createThemes({\n logitravel: logitravelModalStyles,\n partnerships: partnershipsModalStyles,\n smy: smyModalStyles,\n veci: veciModalStyles\n});\n\nexport { modalThemes as default };\n","import { FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled, { css, keyframes } from 'styled-components';\nimport { ModalHeader, ModalHeaderText, ModalCloseButton } from './components/header/styled.mjs';\nimport modalThemes from './themes/index.mjs';\n\nconst animationsDuration = '0.3s';\nconst ModalBackdrop = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalBackdrop\",\n componentId: \"sc-10c8e784-0\"\n})([\n `position:fixed;top:0;left:0;bottom:0;right:0;background:`,\n `;pointer-events:none;transition:opacity `,\n `;`\n], ({ theme })=>theme.colors.black.low, animationsDuration);\nconst ModalBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalBox\",\n componentId: \"sc-10c8e784-1\"\n})([\n `position:relative;z-index:`,\n `;margin:48px auto;max-width:`,\n `;width:`,\n `;height:calc(100% - (48px * 2));`,\n ` transition:opacity `,\n `;`\n], ({ theme })=>theme.zIndex.higher, ({ $maxWidth })=>$maxWidth ?? '850px', ({ $width })=>$width ? `${$width}!important` : 'calc(100% - 32px)', FlexMixin({\n align: 'center',\n justify: 'center'\n}), animationsDuration);\nconst ModalWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalWrapper\",\n componentId: \"sc-10c8e784-2\"\n})([\n `width:100%;max-height:100%;`,\n ` background-color:`,\n `;`,\n ``\n], BorderRadius({\n all: '4px'\n}), ({ theme })=>theme.colors.white.base, FlexMixin({\n direction: 'column'\n}));\nconst ModalContent = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalContent\",\n componentId: \"sc-10c8e784-3\"\n})([\n `flex:1 1 auto;overflow-x:hidden;overflow-y:auto;`\n]);\nconst ModalFooter = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalFooter\",\n componentId: \"sc-10c8e784-4\"\n})([\n `position:sticky;bottom:0;flex:0 0 auto;`\n]);\nconst modalStartAnimation = /*#__PURE__*/ keyframes([\n `from{opacity:0;}to{opacity:1;}`\n]);\nconst panelRightStartAnimation = /*#__PURE__*/ keyframes([\n `from{transform:translateX(0);opacity:0;}1%{transform:translateX(100%);}to{transform:translateX(0);opacity:1;}`\n]);\nconst panelLeftStartAnimation = /*#__PURE__*/ keyframes([\n `from{transform:translateX(0);opacity:0;}1%{transform:translateX(-100%);}to{transform:translateX(0);opacity:1;}`\n]);\nconst modalClosedStyles = /*#__PURE__*/ css([\n ``,\n `{opacity:0;pointer-events:none;}`\n], ModalBox);\nconst panelBaseStyles = /*#__PURE__*/ css([\n `margin:0 auto;width:80%;min-height:100%;`,\n ` transition:transform `,\n `;`,\n `,`,\n `{`,\n `}`\n], FlexMixin({\n align: 'initial'\n}), animationsDuration, ModalWrapper, ModalHeader, BorderRadius({\n all: '0'\n}));\nconst modalVariantStyles = (variant = 'simple', visible = false)=>({\n simple: /*#__PURE__*/ css([\n `animation:`,\n ` `,\n `;`,\n ``\n ], modalStartAnimation, animationsDuration, !visible ? modalClosedStyles : ''),\n fullScreen: /*#__PURE__*/ css([\n ``,\n `{margin:0;max-width:100%;width:100%;min-height:100%;height:100%;}`,\n `{height:100%;}`,\n `,`,\n `{`,\n `}animation:`,\n ` `,\n `;`,\n ``\n ], ModalBox, ModalWrapper, ModalWrapper, ModalHeader, BorderRadius({\n all: '0'\n }), modalStartAnimation, animationsDuration, !visible ? modalClosedStyles : ''),\n right: /*#__PURE__*/ css([\n ``,\n `{`,\n ` margin-right:0;animation:`,\n ` `,\n `;`,\n `}`\n ], ModalBox, panelBaseStyles, panelRightStartAnimation, animationsDuration, !visible ? /*#__PURE__*/ css([\n `transform:translateX(100%);`\n ]) : ''),\n left: /*#__PURE__*/ css([\n ``,\n `{`,\n ` margin-left:0;animation:`,\n ` `,\n `;`,\n `}`\n ], ModalBox, panelBaseStyles, panelLeftStartAnimation, animationsDuration, !visible ? /*#__PURE__*/ css([\n `transform:translateX(-100%);`\n ]) : '')\n })[variant];\nconst modalColorStyles = (color = 'default', $isDesktop = false)=>({\n default: /*#__PURE__*/ css([\n ``,\n `{background-color:var(--header-default-background);}`,\n ``\n ], ModalHeader, $isDesktop ? /*#__PURE__*/ css([\n ``\n ]) : /*#__PURE__*/ css([\n ``,\n `{color:var(--header-default-color);}`,\n `{color:var(--header-default-icon-color);}`\n ], ModalHeaderText, ModalCloseButton)),\n primary: /*#__PURE__*/ css([\n ``,\n `{background-color:var(--header-primary-background);border-bottom:none;}`,\n `{color:var(--header-primary-color);}`,\n `{color:var(--header-primary-icon-color);}`\n ], ModalHeader, ModalHeaderText, ModalCloseButton)\n })[color];\nconst ModalRoot = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ModalRoot\",\n componentId: \"sc-10c8e784-5\"\n})([\n `--header-default-background:`,\n `;--header-default-color:`,\n `;--header-default-icon-color:`,\n `;--header-primary-background:`,\n `;--header-primary-color:`,\n `;--header-primary-icon-color:`,\n `;--header-border-color:`,\n `;position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:`,\n `;overflow:hidden;`,\n ` `,\n ` `,\n ` `,\n ``\n], ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.base, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.zIndex.higher, ({ $visible })=>!$visible ? /*#__PURE__*/ css([\n `pointer-events:none;`,\n `{opacity:0;}`\n ], ModalBackdrop) : '', ({ $color, $isDesktop })=>modalColorStyles($color, $isDesktop), ({ $variant, $visible })=>modalVariantStyles($variant, $visible), modalThemes('ModalRoot'));\n\nexport { ModalBackdrop, ModalBox, ModalCloseButton, ModalContent, ModalFooter, ModalHeader, ModalHeaderText, ModalRoot, ModalWrapper, modalColorStyles, modalVariantStyles };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport useIsDesktop from '@babylon/ui-kit-hooks/device/useIsDesktop';\nimport { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\nimport ModalHeader from './components/header/index.mjs';\nimport { ModalProvider, useModalProps, useModalState } from './context/index.mjs';\nimport { ModalRoot, ModalBackdrop, ModalBox, ModalWrapper, ModalContent, ModalFooter } from './styled.mjs';\n\nconst ModalView = ()=>{\n const { header: _header, content: _content, footer: _footer, hide: _hide, closeOnClickOut: _closeOnClickOut, closeOnEscapeKeyDown: _closeOnEscapeKeyDown, beforeContent: _beforeContent, visible: _visible, iconRight: _iconRight, iconLeft: _iconLeft, variant = 'simple', color = 'default', contentRef, onScroll, maxWidth, width, container, hideOverlay = false, ...rest } = useModalProps() ?? {};\n const { rootRef, wrapperRef, contentProps, isVisible = false } = useModalState() ?? {};\n const { beforeContent, content, footer } = contentProps ?? {};\n const isDesktop = useIsDesktop();\n const modal = /*#__PURE__*/ jsxs(ModalRoot, {\n \"data-testid\": 'data-testid' in rest ? rest['data-testid'] : 'Modal',\n $variant: variant,\n $color: color,\n $isDesktop: isDesktop,\n $visible: isVisible,\n \"data-visible\": isVisible,\n ref: rootRef,\n children: [\n !hideOverlay && /*#__PURE__*/ jsx(ModalBackdrop, {\n \"data-testid\": \"ModalBackdrop\"\n }),\n /*#__PURE__*/ jsx(ModalBox, {\n ...rest,\n \"data-testid\": \"ModalBox\",\n $maxWidth: maxWidth,\n $width: width,\n children: /*#__PURE__*/ jsxs(ModalWrapper, {\n ref: wrapperRef,\n \"data-testid\": \"ModalWrapper\",\n children: [\n /*#__PURE__*/ jsx(ModalHeader, {}),\n beforeContent,\n /*#__PURE__*/ jsx(ModalContent, {\n onScroll: onScroll,\n ref: contentRef,\n \"data-testid\": \"ModalContent\",\n children: content\n }),\n footer && /*#__PURE__*/ jsx(ModalFooter, {\n \"data-testid\": \"ModalFooter\",\n children: footer\n })\n ]\n })\n })\n ]\n });\n return /*#__PURE__*/ createPortal(modal, container ? document.querySelector(container) ?? document.body : document.body);\n};\nconst Modal = (props)=>{\n const { visible = false } = props ?? {};\n const [isMounted, setMounted] = useState(!!visible);\n useEffect(()=>{\n if (!isMounted && !!visible) {\n setMounted(true);\n }\n }, [\n isMounted,\n visible\n ]);\n if (!isMounted) return null;\n return /*#__PURE__*/ jsx(ModalProvider, {\n value: props,\n children: /*#__PURE__*/ jsx(ModalView, {})\n });\n};\n\nexport { Modal as default };\n","import { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport { ImageStyled } from '@babylon/ui-kit-base/components/multimedia/image/styled';\nimport { TooltipContent } from '@babylon/ui-kit-base/components/others/tooltip/styled';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { BorderRadius } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst Top = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Top\",\n componentId: \"sc-a56ceb2c-0\"\n})([\n `background-color:`,\n `;`,\n `{`,\n `}`,\n `{img{border-radius:50%;}}ul{`,\n ` li{`,\n ` border-right:1px solid `,\n `;min-height:32.5px;padding:0 20px;&:first-child{padding-left:4px;}&:last-child{border-right:0;padding-right:4px;}a{`,\n ` color:`,\n `;text-transform:uppercase;}`,\n `{`,\n ` color:`,\n `;.label{color:`,\n `;margin-right:6px;text-transform:none;}.symbol{`,\n ` margin-right:8px;}.flag{`,\n ` box-shadow:0 0 0 2px `,\n `;display:inline-block;height:18px;margin-right:5px;vertical-align:middle;width:18px;}}}}height:0;overflow:hidden;`,\n `{height:initial;overflow:initial;}`\n], (props)=>props.theme.colors.grays.darker, Container, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}), ImageStyled, FlexMixin({\n align: 'center'\n}), FlexMixin({\n align: 'center'\n}), (props)=>props.theme.colors.grays.base, FontMixin({\n size: 'small',\n height: 'larger',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base, Button, FontMixin({\n size: 'small',\n height: 'larger',\n weight: 'light'\n}), (props)=>props.theme.colors.white.base, (props)=>props.theme.colors.grays.base, FontMixin({\n size: 'medium',\n height: 'medium',\n weight: 'medium'\n}), BorderRadius({\n all: '50%'\n}), (props)=>props.theme.colors.grays.dark, ({ theme })=>theme.media.tabletLandscape.up);\nconst NoClickeable = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"NoClickeable\",\n componentId: \"sc-a56ceb2c-1\"\n})([\n ``,\n ` cursor:default;`\n], FlexMixin({\n align: 'center'\n}));\nconst ContainerModal = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ContainerModal\",\n componentId: \"sc-a56ceb2c-2\"\n})([\n `padding:16px;ul{`,\n ` li{`,\n ` `,\n ` color:`,\n `;cursor:pointer;padding:12px 16px;width:25%;&:hover{background-color:`,\n `;color:`,\n `;}}.selected{background-color:`,\n `;font-weight:`,\n `;&:hover{background-color:`,\n `;}}}`\n], FlexMixin({\n wrap: true\n}), FlexMixin({\n align: 'center',\n wrap: true\n}), FontMixin({\n size: 'base',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, (props)=>props.theme.colors.grays.lightest, (props)=>props.theme.colors.grays.darker, ({ theme })=>theme.colors.black.higher, (props)=>props.theme.font.weight.bold, ({ theme })=>theme.colors.black.higher);\nconst IconOrigins = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"IconOrigins\",\n componentId: \"sc-a56ceb2c-3\"\n})([\n `color:`,\n `;margin-left:auto;`\n], ({ theme })=>theme.colors.status.info);\nconst TooltipTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipTitle\",\n componentId: \"sc-a56ceb2c-4\"\n})([\n ``,\n ` color:`,\n `;margin-bottom:2px;padding-top:5px;`\n], FontMixin({\n size: 'base',\n weight: 'medium'\n}), (props)=>props.theme.colors.primary.light);\nconst TooltipText = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"TooltipText\",\n componentId: \"sc-a56ceb2c-5\"\n})([\n ``,\n ` color:`,\n `;line-height:20px;margin-bottom:2px;`\n], FontMixin({\n size: 'small',\n weight: 'light'\n}), (props)=>props.theme.colors.grays.darker);\nconst TooltipWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TooltipWrapper\",\n componentId: \"sc-a56ceb2c-6\"\n})([\n `z-index:`,\n `;`,\n `{max-width:300px;}`\n], (props)=>props.theme.zIndex.highest, TooltipContent);\n\nexport { ContainerModal, IconOrigins, NoClickeable, TooltipText, TooltipTitle, TooltipWrapper, Top };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Tooltip from '@babylon/ui-kit-base/components/others/tooltip';\nimport { subscribe, customEvent, unsubscribe } from '@babylon/ui-kit-helpers/customEvents';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { Container } from '@babylon/ui-kit-styles/common/mixins/container.styled';\nimport { useRef, useState, useEffect, Children } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { fetchPostOrigin } from '../../../service.mjs';\nimport { Top, TooltipWrapper, TooltipTitle, TooltipText, NoClickeable, ContainerModal, IconOrigins } from './styled.mjs';\n\nconst HeaderTop = ({ contact, faq, options, phone })=>{\n const { value: isVisible, toggle: toggleVisibility, setTrue: openModal } = useBoolean();\n const { value, setFalse, setTrue } = useBoolean();\n const phoneRef = useRef(null);\n const [location, setLocation] = useState(options.location);\n const handleLocationChange = (airportCode, endpoint, index)=>{\n const newLocation = {\n ...location\n };\n newLocation.options.origins.forEach((origin)=>origin.selected = false);\n newLocation.options.origins[index].selected = true;\n newLocation.selected = `${location.options.origins[index].content} (${location.options.origins[index].value})`;\n setLocation(newLocation);\n // TODO: review this hardcoded value.\n const airportSource = 900;\n fetchPostOrigin(airportCode, airportSource, endpoint);\n // In case we decide in the future that the selection is too fast.\n setTimeout(()=>toggleVisibility(), 250);\n };\n useEffect(()=>{\n subscribe(customEvent.OpenOriginModal, openModal);\n return ()=>unsubscribe(customEvent.OpenOriginModal, openModal);\n }, [\n openModal\n ]);\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(Top, {\n \"data-testid\": \"HeaderTop\",\n children: /*#__PURE__*/ jsxs(Container, {\n children: [\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(contact)?.href,\n title: nullsToUndefined(contact)?.title,\n target: nullsToUndefined(contact).target,\n children: contact?.content\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(\"a\", {\n href: nullsToUndefined(faq)?.href,\n title: nullsToUndefined(faq)?.title,\n target: nullsToUndefined(faq).target,\n children: faq?.content\n })\n }),\n phone && /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(\"a\", {\n href: nullsToUndefined(phone).href,\n title: nullsToUndefined(phone).title,\n rel: nullsToUndefined(phone).rel,\n ref: phoneRef,\n onMouseEnter: setTrue,\n onMouseLeave: setFalse,\n children: [\n phone.content,\n value && /*#__PURE__*/ jsx(TooltipWrapper, {\n children: /*#__PURE__*/ jsxs(Tooltip, {\n placement: 'bottom',\n isNegative: false,\n referenceElement: phoneRef.current,\n children: [\n /*#__PURE__*/ jsx(TooltipTitle, {\n children: phone?.info.items[0].headings.items[0].content\n }),\n /*#__PURE__*/ jsx(TooltipText, {\n children: phone?.info.items[0].descriptions.items[0].content\n })\n ]\n })\n })\n ]\n })\n })\n ]\n }),\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsxs(Button, {\n \"data-testid\": \"LocationsButton\",\n p: \"0\",\n height: \"auto\",\n onClick: toggleVisibility,\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"label\",\n children: location.label.content\n }),\n location.selected\n ]\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(Button, {\n p: \"0\",\n height: \"auto\",\n className: \"btn-lang\",\n children: /*#__PURE__*/ jsxs(NoClickeable, {\n children: [\n /*#__PURE__*/ jsx(Image, {\n src: `/comun/images2012/flags/squared/${options.languages[0].code}.svg`,\n alt: options.languages[0].title,\n resize: {\n width: 18,\n height: 18,\n quality: 80\n },\n width: 18,\n height: 18,\n className: \"flag\",\n isLazy: false\n }),\n /*#__PURE__*/ jsx(\"span\", {\n className: \"language\",\n children: options.languages[0].display_code\n })\n ]\n })\n })\n }),\n /*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(Button, {\n p: \"0\",\n height: \"auto\",\n children: /*#__PURE__*/ jsxs(NoClickeable, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n className: \"symbol\",\n children: options.currencies[0].code\n }),\n ' ',\n options.currencies[0].title\n ]\n })\n })\n })\n ]\n })\n ]\n })\n }),\n /*#__PURE__*/ jsx(Modal, {\n \"data-testid\": \"LocationsModal\",\n header: options.location.label.content,\n visible: isVisible,\n content: /*#__PURE__*/ jsx(ContainerModal, {\n children: /*#__PURE__*/ jsx(\"ul\", {\n children: Children.toArray(location.options.origins.map((origin, index)=>/*#__PURE__*/ jsxs(\"li\", {\n \"data-code\": origin.value,\n className: origin.selected ? 'selected' : '',\n onClick: ()=>!origin.selected && handleLocationChange(origin.value, options.location.options.origin_url, index),\n children: [\n origin.content,\n origin.selected && /*#__PURE__*/ jsx(IconOrigins, {\n children: /*#__PURE__*/ jsx(\"i\", {\n className: \"nico-check\"\n })\n })\n ]\n })))\n })\n }),\n hide: toggleVisibility\n })\n ]\n });\n};\n\nexport { HeaderTop as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport HeaderBottom from './bottom/index.mjs';\nimport HeaderMiddle from './middle/index.mjs';\nimport { Header, HeaderAgent, HeaderAgentIcon, HeaderAgentContent, HeaderAgentLabel, HeaderAgentName } from './styled.mjs';\nimport HeaderTop from './top/index.mjs';\n\nconst HeaderLogitravelDesktop = ({ props })=>{\n const { nav_primary, nav_help, logo, headings, options, user, literals, restrictions, certifications, agent } = props;\n return /*#__PURE__*/ jsxs(Header, {\n \"data-testid\": \"Header\",\n children: [\n /*#__PURE__*/ jsx(HeaderTop, {\n ...nav_help,\n options: options\n }),\n /*#__PURE__*/ jsx(HeaderMiddle, {\n logo: logo,\n headings: headings,\n user: user,\n literals: literals,\n restrictions: restrictions,\n certifications: certifications\n }),\n /*#__PURE__*/ jsx(HeaderBottom, {\n ...nav_primary\n }),\n agent && /*#__PURE__*/ jsxs(HeaderAgent, {\n children: [\n /*#__PURE__*/ jsx(HeaderAgentIcon, {\n className: 'nico-user'\n }),\n /*#__PURE__*/ jsxs(HeaderAgentContent, {\n children: [\n /*#__PURE__*/ jsx(HeaderAgentLabel, {\n children: agent.label\n }),\n /*#__PURE__*/ jsx(HeaderAgentName, {\n children: agent.name\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { HeaderLogitravelDesktop as default };\n","import { createContext, useContext } from 'react';\n\nconst MobileHeaderLogitravelContext = /*#__PURE__*/ createContext(null);\nconst MobileHeaderLogitravelContextProvider = MobileHeaderLogitravelContext.Provider;\nconst useMobileHeaderLogitravel = ()=>{\n const context = useContext(MobileHeaderLogitravelContext);\n if (!context) {\n throw new Error('useMobileHeaderLogitravel must be used within a MobileHeaderLogitravelContextProvider');\n }\n return context;\n};\n\nexport { MobileHeaderLogitravelContext, MobileHeaderLogitravelContextProvider, useMobileHeaderLogitravel };\n","const canUseDOM = !!(typeof window !== 'undefined' && window.document && window.document.createElement);\n\nexport { canUseDOM };\n","import { jsx, Fragment } from 'react/jsx-runtime';\nimport { canUseDOM } from '@babylon/ui-kit-helpers/canUseDOM';\nimport { useState, useEffect } from 'react';\nimport { createPortal } from 'react-dom';\n\nconst Portal = ({ container, children })=>{\n const [element, setElement] = useState(null);\n useEffect(()=>{\n if (canUseDOM && !element) {\n const containerEl = document.querySelector(container);\n if (containerEl) {\n const el = document.createElement('div');\n setElement(el);\n containerEl.appendChild(el);\n }\n }\n return ()=>{\n if (element) {\n element.remove();\n setElement(null);\n }\n };\n }, [\n container,\n element\n ]);\n if (!element) {\n return null;\n }\n return /*#__PURE__*/ jsx(Fragment, {\n children: /*#__PURE__*/ createPortal(children, element)\n });\n};\n\nexport { Portal as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Header = /*#__PURE__*/ styled.header.withConfig({\n displayName: \"Header\",\n componentId: \"sc-ca8fda89-0\"\n})([\n `min-height:45px;position:sticky;top:0;left:0;width:100%;z-index:`,\n `;background-color:`,\n `;box-shadow:0 0 2px `,\n `;`,\n ` > a{padding:2px 10px;flex-grow:1;text-align:center;}`\n], ({ theme })=>theme.zIndex.base, ({ theme })=>theme.colors.white.base, ({ theme })=>theme.colors.black.low, FlexMixin({\n align: 'center',\n justify: 'space-between'\n}));\nconst Logo = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"Logo\",\n componentId: \"sc-ca8fda89-1\"\n})([\n ``,\n ` height:34px;img{width:156px;height:34px;}`\n], FlexMixin({\n align: 'center',\n justify: 'center'\n}));\nconst ActionButton = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ActionButton\",\n componentId: \"sc-ca8fda89-2\"\n})([\n ``,\n ` text-transform:uppercase;padding:4px 10px;border-color:`,\n `;border-style:solid;`\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}), ({ theme })=>theme.colors.grays.lighter);\nconst MenuIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"MenuIcon\",\n componentId: \"sc-ca8fda89-3\"\n})([\n `color:`,\n `;`,\n ``\n], ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'large',\n height: 'base'\n}));\nconst MenuButtonText = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"MenuButtonText\",\n componentId: \"sc-ca8fda89-4\"\n})([\n `color:`,\n `;`,\n ``\n], ({ theme })=>theme.colors.primary.base, FontMixin({\n size: 'small',\n weight: 'regular',\n height: 'small'\n}));\n\nexport { ActionButton, Header, Logo, MenuButtonText, MenuIcon };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled, { css } from 'styled-components';\n\nconst HeaderPanelWithArrow = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"HeaderPanelWithArrow\",\n componentId: \"sc-de833681-0\"\n})([\n ``,\n ` gap:12px;i{`,\n ` padding:12px;margin:-12px;}`\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large'\n}));\nconst ListItemMixin = /*#__PURE__*/ css([\n `padding:12px;color:`,\n `;border-bottom:1px solid `,\n `;display:block;`,\n ``\n], ({ theme })=>theme.colors.white.base, ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}));\nconst MainLink = /*#__PURE__*/ styled.a.withConfig({\n displayName: \"MainLink\",\n componentId: \"sc-de833681-1\"\n})([\n ``,\n ` text-transform:initial;`\n], ListItemMixin);\nconst LinksTitle = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LinksTitle\",\n componentId: \"sc-de833681-2\"\n})([\n ``,\n ` `,\n ``\n], ListItemMixin, FontMixin({\n weight: 'medium'\n}));\nconst MenuLink = /*#__PURE__*/ styled(MainLink).withConfig({\n displayName: \"MenuLink\",\n componentId: \"sc-de833681-3\"\n})([\n `padding-left:38px;`\n]);\n\nexport { HeaderPanelWithArrow, LinksTitle, MainLink, MenuLink };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { Children, Fragment as Fragment$1 } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../../context.mjs';\nimport { MainLink, MenuLink, LinksTitle } from './styled.mjs';\n\nconst SecondaryMenu = ({ item, isMoreProducts, close, closeAll, isOpen })=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(\"div\", {\n id: \"header-secondary-menu\"\n }),\n /*#__PURE__*/ jsx(Modal, {\n \"data-testid\": \"SecondaryMenu\",\n variant: \"left\",\n visible: isOpen,\n hide: closeAll,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n container: \"#header-secondary-menu\",\n header: item.content,\n iconLeft: /*#__PURE__*/ jsx(Icon, {\n \"data-testid\": \"CloseIcon\",\n className: \"nico-arrow-left\",\n onClick: close\n }),\n iconRight: \"cancel\",\n content: /*#__PURE__*/ jsxs(Fragment, {\n children: [\n item.link && /*#__PURE__*/ jsx(MainLink, {\n \"data-testid\": \"MainLink\",\n ...nullsToUndefined(item.link),\n children: `${literals['searcher_header.text']} ${item.content}`\n }),\n isMoreProducts ? /*#__PURE__*/ jsx(\"ul\", {\n \"data-testid\": \"MoreProductsMenuItemList\",\n children: Children.toArray(item.secondary_links?.map((link)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(MenuLink, {\n \"data-testid\": \"MenuLink\",\n ...nullsToUndefined(link),\n children: link.content\n })\n })))\n }) : Children.toArray(item.secondary_links?.map((secondaryLink)=>/*#__PURE__*/ jsxs(Fragment$1, {\n children: [\n /*#__PURE__*/ jsx(LinksTitle, {\n children: secondaryLink.content\n }),\n /*#__PURE__*/ jsx(\"ul\", {\n children: Children.toArray(secondaryLink.links.map((link)=>/*#__PURE__*/ jsx(\"li\", {\n children: /*#__PURE__*/ jsx(MenuLink, {\n \"data-testid\": \"MenuLink\",\n ...nullsToUndefined(link),\n children: link.content\n })\n })))\n })\n ]\n })))\n ]\n }),\n width: \"85%\",\n hideOverlay: true\n })\n ]\n });\n};\n\nexport { SecondaryMenu as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst MenuItem = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"MenuItem\",\n componentId: \"sc-9718637e-0\"\n})([\n ``,\n ` `,\n ` padding:10px 16px;border-bottom:1px solid `,\n `;color:`,\n `;& > a{width:100%;color:inherit;`,\n `}`\n], FlexMixin({\n justify: 'space-between',\n align: 'center'\n}), FontMixin({\n size: 'base',\n weight: 'regular',\n height: 'base'\n}), ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), ({ theme })=>theme.colors.white.base, FlexMixin({\n justify: 'space-between',\n align: 'center'\n}));\n\nexport { MenuItem };\n","import { jsxs, Fragment, jsx } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { useCallback } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport SecondaryMenu from './secondary-menu/index.mjs';\nimport { MenuItem as MenuItem$1 } from './styled.mjs';\n\nconst MenuItem = ({ item, isMoreProducts, close: closeParent })=>{\n const { value: isOpen, setFalse: close, setTrue: open } = useBoolean();\n const closeAll = useCallback(()=>{\n close();\n closeParent();\n }, [\n close,\n closeParent\n ]);\n const content = /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(\"p\", {\n children: item.content\n }),\n /*#__PURE__*/ jsx(Icon, {\n className: \"nico-angle-right\"\n })\n ]\n });\n return /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(MenuItem$1, {\n \"data-testid\": \"MenuItem\",\n onClick: open,\n children: !!item.secondary_links || !item.link ? content : /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(item.link),\n children: content\n })\n }),\n item.secondary_links && /*#__PURE__*/ jsx(SecondaryMenu, {\n item: item,\n close: close,\n closeAll: closeAll,\n isMoreProducts: isMoreProducts,\n isOpen: isOpen\n })\n ]\n });\n};\n\nexport { MenuItem as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { Children } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../context.mjs';\nimport MenuItem from './menu-item/index.mjs';\n\nconst MenuContent = ({ close })=>{\n const { nav_primary } = useMobileHeaderLogitravel() || {};\n const { items, more_products, extra_links } = nav_primary || {};\n return /*#__PURE__*/ jsxs(\"ul\", {\n \"data-testid\": \"MenuContent\",\n children: [\n Children.toArray(items.map((item)=>/*#__PURE__*/ jsx(MenuItem, {\n item: item,\n close: close\n }))),\n more_products && /*#__PURE__*/ jsx(MenuItem, {\n item: more_products,\n close: close,\n isMoreProducts: true\n }, more_products.content),\n extra_links && Children.toArray(extra_links.map((item)=>/*#__PURE__*/ jsx(MenuItem, {\n item: item,\n close: close\n })))\n ]\n });\n};\n\nexport { MenuContent as default };\n","import Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { ModalWrapper, ModalHeader, ModalHeaderText } from '@babylon/ui-kit-structures/components/others/modal/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst MenuPanelModal = /*#__PURE__*/ styled(Modal).withConfig({\n displayName: \"MenuPanelModal\",\n componentId: \"sc-d34ec44-0\"\n})([\n `text-transform:uppercase;`,\n `{background-color:`,\n `;color:`,\n `;}`,\n `{background-color:`,\n `;color:`,\n `;border:0;}`,\n `{`,\n ` color:`,\n `;}`\n], ModalWrapper, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ModalHeader, ({ theme })=>theme.colors.black.higher, ({ theme })=>theme.colors.white.base, ModalHeaderText, FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst LogoContainer = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LogoContainer\",\n componentId: \"sc-d34ec44-1\"\n})([\n `background:linear-gradient( 180deg,`,\n ` 6%,`,\n ` 100% );position:relative;`\n], ({ theme })=>theme.colors.primary.base, ({ theme })=>rgba(theme.colors.primary.base, 0.67));\nconst LogoBackground = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"LogoBackground\",\n componentId: \"sc-d34ec44-2\"\n})([\n `position:relative;z-index:-1;img{width:100%;height:auto;display:block;}`\n]);\nconst Logo = /*#__PURE__*/ styled(Image).withConfig({\n displayName: \"Logo\",\n componentId: \"sc-d34ec44-3\"\n})([\n `position:absolute;bottom:24px;left:calc(50% - 99px);img{width:198px;height:42px;object-fit:contain;object-position:center center;}`\n]);\n\nexport { Logo, LogoBackground, LogoContainer, MenuPanelModal };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport { useMobileHeaderLogitravel } from '../../context.mjs';\nimport MenuContent from './menu-content/index.mjs';\nimport { MenuPanelModal, LogoContainer, LogoBackground, Logo } from './styled.mjs';\n\nconst MenuPanel = ({ isOpen, close })=>{\n const { literals, nav_primary } = useMobileHeaderLogitravel() || {};\n const { logo, image } = nav_primary || {};\n return /*#__PURE__*/ jsx(MenuPanelModal, {\n \"data-testid\": \"MenuPanel\",\n variant: \"left\",\n visible: isOpen,\n hide: close,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n header: literals.menu,\n content: /*#__PURE__*/ jsx(MenuContent, {\n close: close\n }),\n footer: /*#__PURE__*/ jsxs(LogoContainer, {\n children: [\n /*#__PURE__*/ jsx(LogoBackground, {\n ...image,\n resize: {\n width: 400,\n height: 400,\n suboperation: null\n },\n isLazy: false\n }),\n /*#__PURE__*/ jsx(Logo, {\n ...logo,\n resize: {\n width: 198,\n height: 42,\n suboperation: null\n },\n width: 198,\n height: 42,\n isLazy: false\n })\n ]\n }),\n width: \"85%\"\n });\n};\n\nexport { MenuPanel as default };\n","import styled, { createGlobalStyle } from 'styled-components';\nimport { ActionButton } from '../styled.mjs';\n\nconst GlobalMenuMobileStyle = /*#__PURE__*/ createGlobalStyle([\n `body.is-menu-shown{overflow:hidden;}`\n]);\nconst MenuButton = /*#__PURE__*/ styled(ActionButton).withConfig({\n displayName: \"MenuButton\",\n componentId: \"sc-35a99840-0\"\n})([\n `border-right-width:1px;`\n]);\n\nexport { GlobalMenuMobileStyle, MenuButton };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Portal from '@babylon/ui-kit-structures/components/others/portal';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../context.mjs';\nimport { MenuIcon, MenuButtonText } from '../styled.mjs';\nimport MenuPanel from './menu-panel/index.mjs';\nimport { GlobalMenuMobileStyle, MenuButton } from './styled.mjs';\n\nconst Menu = ()=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, toggle: toggle } = useBoolean();\n useEffect(()=>{\n if (isOpen) document.body.classList.add('is-menu-shown');\n if (!isOpen) document.body.classList.remove('is-menu-shown');\n return ()=>{\n document.body.classList.remove('is-menu-shown');\n };\n }, [\n isOpen\n ]);\n return /*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"HeaderMenu\",\n children: [\n /*#__PURE__*/ jsx(GlobalMenuMobileStyle, {}),\n /*#__PURE__*/ jsxs(MenuButton, {\n \"data-testid\": \"MenuButton\",\n onClick: toggle,\n children: [\n /*#__PURE__*/ jsx(MenuIcon, {\n className: \"nico-menu\"\n }),\n /*#__PURE__*/ jsx(MenuButtonText, {\n children: literals.menu\n })\n ]\n }),\n /*#__PURE__*/ jsx(Portal, {\n container: \"#header-portals\",\n children: /*#__PURE__*/ jsx(MenuPanel, {\n isOpen: isOpen,\n close: close\n })\n })\n ]\n });\n};\n\nexport { Menu as default };\n","import styled, { createGlobalStyle } from 'styled-components';\nimport { ActionButton } from '../styled.mjs';\n\nconst GlobalUserPanelMobileStyle = /*#__PURE__*/ createGlobalStyle([\n `body.is-user-panel-shown{overflow:hidden;}`\n]);\nconst MenuButton = /*#__PURE__*/ styled(ActionButton).withConfig({\n displayName: \"MenuButton\",\n componentId: \"sc-5eda18cb-0\"\n})([\n `border-left-width:1px;`\n]);\n\nexport { GlobalUserPanelMobileStyle, MenuButton };\n","import Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { ModalWrapper, ModalHeader, ModalHeaderText } from '@babylon/ui-kit-structures/components/others/modal/styled';\nimport { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst UserPanelModal = /*#__PURE__*/ styled(Modal).withConfig({\n displayName: \"UserPanelModal\",\n componentId: \"sc-35c4f362-0\"\n})([\n `text-transform:uppercase;`,\n `{background-color:`,\n `;color:`,\n `;}`,\n `{background-color:`,\n `;color:`,\n `;border:0;}`,\n `{`,\n ` color:`,\n `;}`\n], ModalWrapper, ({ theme })=>theme.colors.primary.base, ({ theme })=>theme.colors.white.base, ModalHeader, ({ theme })=>theme.colors.black.higher, ({ theme })=>theme.colors.white.base, ModalHeaderText, FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\n\nexport { UserPanelModal };\n","const currencies = {\n USD: {\n symbol: '$',\n name: 'US Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'USD',\n name_plural: 'US dollars'\n },\n EUR: {\n symbol: '€',\n name: 'Euro',\n symbol_native: '€',\n decimal_digits: 2,\n rounding: 0,\n code: 'EUR',\n name_plural: 'euros'\n },\n AED: {\n symbol: 'AED',\n name: 'United Arab Emirates Dirham',\n symbol_native: 'د.إ.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'AED',\n name_plural: 'UAE dirhams'\n },\n AFN: {\n symbol: 'Af',\n name: 'Afghan Afghani',\n symbol_native: '؋',\n decimal_digits: 0,\n rounding: 0,\n code: 'AFN',\n name_plural: 'Afghan Afghanis'\n },\n ALL: {\n symbol: 'ALL',\n name: 'Albanian Lek',\n symbol_native: 'Lek',\n decimal_digits: 0,\n rounding: 0,\n code: 'ALL',\n name_plural: 'Albanian lekë'\n },\n AMD: {\n symbol: 'AMD',\n name: 'Armenian Dram',\n symbol_native: 'դր.',\n decimal_digits: 0,\n rounding: 0,\n code: 'AMD',\n name_plural: 'Armenian drams'\n },\n ARS: {\n symbol: 'AR$',\n name: 'Argentine Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'ARS',\n name_plural: 'Argentine pesos'\n },\n AUD: {\n symbol: 'AU$',\n name: 'Australian Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'AUD',\n name_plural: 'Australian dollars'\n },\n AZN: {\n symbol: 'man.',\n name: 'Azerbaijani Manat',\n symbol_native: 'ман.',\n decimal_digits: 2,\n rounding: 0,\n code: 'AZN',\n name_plural: 'Azerbaijani manats'\n },\n BAM: {\n symbol: 'KM',\n name: 'Bosnia-Herzegovina Convertible Mark',\n symbol_native: 'KM',\n decimal_digits: 2,\n rounding: 0,\n code: 'BAM',\n name_plural: 'Bosnia-Herzegovina convertible marks'\n },\n BDT: {\n symbol: 'Tk',\n name: 'Bangladeshi Taka',\n symbol_native: '৳',\n decimal_digits: 2,\n rounding: 0,\n code: 'BDT',\n name_plural: 'Bangladeshi takas'\n },\n BGN: {\n symbol: 'BGN',\n name: 'Bulgarian Lev',\n symbol_native: 'лв.',\n decimal_digits: 2,\n rounding: 0,\n code: 'BGN',\n name_plural: 'Bulgarian leva'\n },\n BHD: {\n symbol: 'BD',\n name: 'Bahraini Dinar',\n symbol_native: 'د.ب.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'BHD',\n name_plural: 'Bahraini dinars'\n },\n BIF: {\n symbol: 'FBu',\n name: 'Burundian Franc',\n symbol_native: 'FBu',\n decimal_digits: 0,\n rounding: 0,\n code: 'BIF',\n name_plural: 'Burundian francs'\n },\n BND: {\n symbol: 'BN$',\n name: 'Brunei Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BND',\n name_plural: 'Brunei dollars'\n },\n BOB: {\n symbol: 'Bs',\n name: 'Bolivian Boliviano',\n symbol_native: 'Bs',\n decimal_digits: 2,\n rounding: 0,\n code: 'BOB',\n name_plural: 'Bolivian bolivianos'\n },\n BRL: {\n symbol: 'R$',\n name: 'Brazilian Real',\n symbol_native: 'R$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BRL',\n name_plural: 'Brazilian reals'\n },\n BWP: {\n symbol: 'BWP',\n name: 'Botswanan Pula',\n symbol_native: 'P',\n decimal_digits: 2,\n rounding: 0,\n code: 'BWP',\n name_plural: 'Botswanan pulas'\n },\n BYR: {\n symbol: 'BYR',\n name: 'Belarusian Ruble',\n symbol_native: 'BYR',\n decimal_digits: 0,\n rounding: 0,\n code: 'BYR',\n name_plural: 'Belarusian rubles'\n },\n BZD: {\n symbol: 'BZ$',\n name: 'Belize Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'BZD',\n name_plural: 'Belize dollars'\n },\n CDF: {\n symbol: 'CDF',\n name: 'Congolese Franc',\n symbol_native: 'FrCD',\n decimal_digits: 2,\n rounding: 0,\n code: 'CDF',\n name_plural: 'Congolese francs'\n },\n CHF: {\n symbol: 'CHF',\n name: 'Swiss Franc',\n symbol_native: 'CHF',\n decimal_digits: 2,\n rounding: 0.05,\n code: 'CHF',\n name_plural: 'Swiss francs'\n },\n CLP: {\n symbol: 'CL$',\n name: 'Chilean Peso',\n symbol_native: '$',\n decimal_digits: 0,\n rounding: 0,\n code: 'CLP',\n name_plural: 'Chilean pesos'\n },\n CNY: {\n symbol: 'CN¥',\n name: 'Chinese Yuan',\n symbol_native: 'CN¥',\n decimal_digits: 2,\n rounding: 0,\n code: 'CNY',\n name_plural: 'Chinese yuan'\n },\n COP: {\n symbol: 'CO$',\n name: 'Colombian Peso',\n symbol_native: '$',\n decimal_digits: 0,\n rounding: 0,\n code: 'COP',\n name_plural: 'Colombian pesos'\n },\n CRC: {\n symbol: '₡',\n name: 'Costa Rican Colón',\n symbol_native: '₡',\n decimal_digits: 0,\n rounding: 0,\n code: 'CRC',\n name_plural: 'Costa Rican colóns'\n },\n CVE: {\n symbol: 'CV$',\n name: 'Cape Verdean Escudo',\n symbol_native: 'CV$',\n decimal_digits: 2,\n rounding: 0,\n code: 'CVE',\n name_plural: 'Cape Verdean escudos'\n },\n CZK: {\n symbol: 'Kč',\n name: 'Czech Republic Koruna',\n symbol_native: 'Kč',\n decimal_digits: 2,\n rounding: 0,\n code: 'CZK',\n name_plural: 'Czech Republic korunas'\n },\n DJF: {\n symbol: 'Fdj',\n name: 'Djiboutian Franc',\n symbol_native: 'Fdj',\n decimal_digits: 0,\n rounding: 0,\n code: 'DJF',\n name_plural: 'Djiboutian francs'\n },\n DKK: {\n symbol: 'Dkr',\n name: 'Danish Krone',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'DKK',\n name_plural: 'Danish kroner'\n },\n DOP: {\n symbol: 'RD$',\n name: 'Dominican Peso',\n symbol_native: 'RD$',\n decimal_digits: 2,\n rounding: 0,\n code: 'DOP',\n name_plural: 'Dominican pesos'\n },\n DZD: {\n symbol: 'DA',\n name: 'Algerian Dinar',\n symbol_native: 'د.ج.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'DZD',\n name_plural: 'Algerian dinars'\n },\n EEK: {\n symbol: 'Ekr',\n name: 'Estonian Kroon',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'EEK',\n name_plural: 'Estonian kroons'\n },\n EGP: {\n symbol: 'EGP',\n name: 'Egyptian Pound',\n symbol_native: 'ج.م.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'EGP',\n name_plural: 'Egyptian pounds'\n },\n ERN: {\n symbol: 'Nfk',\n name: 'Eritrean Nakfa',\n symbol_native: 'Nfk',\n decimal_digits: 2,\n rounding: 0,\n code: 'ERN',\n name_plural: 'Eritrean nakfas'\n },\n ETB: {\n symbol: 'Br',\n name: 'Ethiopian Birr',\n symbol_native: 'Br',\n decimal_digits: 2,\n rounding: 0,\n code: 'ETB',\n name_plural: 'Ethiopian birrs'\n },\n GBP: {\n symbol: '£',\n name: 'British Pound Sterling',\n symbol_native: '£',\n decimal_digits: 2,\n rounding: 0,\n code: 'GBP',\n name_plural: 'British pounds sterling'\n },\n GEL: {\n symbol: 'GEL',\n name: 'Georgian Lari',\n symbol_native: 'GEL',\n decimal_digits: 2,\n rounding: 0,\n code: 'GEL',\n name_plural: 'Georgian laris'\n },\n GHS: {\n symbol: 'GH₵',\n name: 'Ghanaian Cedi',\n symbol_native: 'GH₵',\n decimal_digits: 2,\n rounding: 0,\n code: 'GHS',\n name_plural: 'Ghanaian cedis'\n },\n GNF: {\n symbol: 'FG',\n name: 'Guinean Franc',\n symbol_native: 'FG',\n decimal_digits: 0,\n rounding: 0,\n code: 'GNF',\n name_plural: 'Guinean francs'\n },\n GTQ: {\n symbol: 'GTQ',\n name: 'Guatemalan Quetzal',\n symbol_native: 'Q',\n decimal_digits: 2,\n rounding: 0,\n code: 'GTQ',\n name_plural: 'Guatemalan quetzals'\n },\n HKD: {\n symbol: 'HK$',\n name: 'Hong Kong Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'HKD',\n name_plural: 'Hong Kong dollars'\n },\n HNL: {\n symbol: 'HNL',\n name: 'Honduran Lempira',\n symbol_native: 'L',\n decimal_digits: 2,\n rounding: 0,\n code: 'HNL',\n name_plural: 'Honduran lempiras'\n },\n HRK: {\n symbol: 'kn',\n name: 'Croatian Kuna',\n symbol_native: 'kn',\n decimal_digits: 2,\n rounding: 0,\n code: 'HRK',\n name_plural: 'Croatian kunas'\n },\n HUF: {\n symbol: 'Ft',\n name: 'Hungarian Forint',\n symbol_native: 'Ft',\n decimal_digits: 0,\n rounding: 0,\n code: 'HUF',\n name_plural: 'Hungarian forints'\n },\n IDR: {\n symbol: 'Rp',\n name: 'Indonesian Rupiah',\n symbol_native: 'Rp',\n decimal_digits: 0,\n rounding: 0,\n code: 'IDR',\n name_plural: 'Indonesian rupiahs'\n },\n ILS: {\n symbol: '₪',\n name: 'Israeli New Sheqel',\n symbol_native: '₪',\n decimal_digits: 2,\n rounding: 0,\n code: 'ILS',\n name_plural: 'Israeli new sheqels'\n },\n INR: {\n symbol: 'Rs',\n name: 'Indian Rupee',\n symbol_native: 'টকা',\n decimal_digits: 2,\n rounding: 0,\n code: 'INR',\n name_plural: 'Indian rupees'\n },\n IQD: {\n symbol: 'IQD',\n name: 'Iraqi Dinar',\n symbol_native: 'د.ع.‏',\n decimal_digits: 0,\n rounding: 0,\n code: 'IQD',\n name_plural: 'Iraqi dinars'\n },\n IRR: {\n symbol: 'IRR',\n name: 'Iranian Rial',\n symbol_native: '﷼',\n decimal_digits: 0,\n rounding: 0,\n code: 'IRR',\n name_plural: 'Iranian rials'\n },\n ISK: {\n symbol: 'Ikr',\n name: 'Icelandic Króna',\n symbol_native: 'kr',\n decimal_digits: 0,\n rounding: 0,\n code: 'ISK',\n name_plural: 'Icelandic krónur'\n },\n JMD: {\n symbol: 'J$',\n name: 'Jamaican Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'JMD',\n name_plural: 'Jamaican dollars'\n },\n JOD: {\n symbol: 'JD',\n name: 'Jordanian Dinar',\n symbol_native: 'د.أ.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'JOD',\n name_plural: 'Jordanian dinars'\n },\n JPY: {\n symbol: '¥',\n name: 'Japanese Yen',\n symbol_native: '¥',\n decimal_digits: 0,\n rounding: 0,\n code: 'JPY',\n name_plural: 'Japanese yen'\n },\n KES: {\n symbol: 'Ksh',\n name: 'Kenyan Shilling',\n symbol_native: 'Ksh',\n decimal_digits: 2,\n rounding: 0,\n code: 'KES',\n name_plural: 'Kenyan shillings'\n },\n KHR: {\n symbol: 'KHR',\n name: 'Cambodian Riel',\n symbol_native: '៛',\n decimal_digits: 2,\n rounding: 0,\n code: 'KHR',\n name_plural: 'Cambodian riels'\n },\n KMF: {\n symbol: 'CF',\n name: 'Comorian Franc',\n symbol_native: 'FC',\n decimal_digits: 0,\n rounding: 0,\n code: 'KMF',\n name_plural: 'Comorian francs'\n },\n KRW: {\n symbol: '₩',\n name: 'South Korean Won',\n symbol_native: '₩',\n decimal_digits: 0,\n rounding: 0,\n code: 'KRW',\n name_plural: 'South Korean won'\n },\n KWD: {\n symbol: 'KD',\n name: 'Kuwaiti Dinar',\n symbol_native: 'د.ك.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'KWD',\n name_plural: 'Kuwaiti dinars'\n },\n KZT: {\n symbol: 'KZT',\n name: 'Kazakhstani Tenge',\n symbol_native: 'тңг.',\n decimal_digits: 2,\n rounding: 0,\n code: 'KZT',\n name_plural: 'Kazakhstani tenges'\n },\n LBP: {\n symbol: 'LB£',\n name: 'Lebanese Pound',\n symbol_native: 'ل.ل.‏',\n decimal_digits: 0,\n rounding: 0,\n code: 'LBP',\n name_plural: 'Lebanese pounds'\n },\n LKR: {\n symbol: 'SLRs',\n name: 'Sri Lankan Rupee',\n symbol_native: 'SL Re',\n decimal_digits: 2,\n rounding: 0,\n code: 'LKR',\n name_plural: 'Sri Lankan rupees'\n },\n LTL: {\n symbol: 'Lt',\n name: 'Lithuanian Litas',\n symbol_native: 'Lt',\n decimal_digits: 2,\n rounding: 0,\n code: 'LTL',\n name_plural: 'Lithuanian litai'\n },\n LVL: {\n symbol: 'Ls',\n name: 'Latvian Lats',\n symbol_native: 'Ls',\n decimal_digits: 2,\n rounding: 0,\n code: 'LVL',\n name_plural: 'Latvian lati'\n },\n LYD: {\n symbol: 'LD',\n name: 'Libyan Dinar',\n symbol_native: 'د.ل.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'LYD',\n name_plural: 'Libyan dinars'\n },\n MAD: {\n symbol: 'MAD',\n name: 'Moroccan Dirham',\n symbol_native: 'د.م.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'MAD',\n name_plural: 'Moroccan dirhams'\n },\n MDL: {\n symbol: 'MDL',\n name: 'Moldovan Leu',\n symbol_native: 'MDL',\n decimal_digits: 2,\n rounding: 0,\n code: 'MDL',\n name_plural: 'Moldovan lei'\n },\n MGA: {\n symbol: 'MGA',\n name: 'Malagasy Ariary',\n symbol_native: 'MGA',\n decimal_digits: 0,\n rounding: 0,\n code: 'MGA',\n name_plural: 'Malagasy Ariaries'\n },\n MKD: {\n symbol: 'MKD',\n name: 'Macedonian Denar',\n symbol_native: 'MKD',\n decimal_digits: 2,\n rounding: 0,\n code: 'MKD',\n name_plural: 'Macedonian denari'\n },\n MMK: {\n symbol: 'MMK',\n name: 'Myanma Kyat',\n symbol_native: 'K',\n decimal_digits: 0,\n rounding: 0,\n code: 'MMK',\n name_plural: 'Myanma kyats'\n },\n MOP: {\n symbol: 'MOP$',\n name: 'Macanese Pataca',\n symbol_native: 'MOP$',\n decimal_digits: 2,\n rounding: 0,\n code: 'MOP',\n name_plural: 'Macanese patacas'\n },\n MUR: {\n symbol: 'MURs',\n name: 'Mauritian Rupee',\n symbol_native: 'MURs',\n decimal_digits: 0,\n rounding: 0,\n code: 'MUR',\n name_plural: 'Mauritian rupees'\n },\n MXN: {\n symbol: 'MX$',\n name: 'Mexican Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'MXN',\n name_plural: 'Mexican pesos'\n },\n MYR: {\n symbol: 'RM',\n name: 'Malaysian Ringgit',\n symbol_native: 'RM',\n decimal_digits: 2,\n rounding: 0,\n code: 'MYR',\n name_plural: 'Malaysian ringgits'\n },\n MZN: {\n symbol: 'MTn',\n name: 'Mozambican Metical',\n symbol_native: 'MTn',\n decimal_digits: 2,\n rounding: 0,\n code: 'MZN',\n name_plural: 'Mozambican meticals'\n },\n NAD: {\n symbol: 'N$',\n name: 'Namibian Dollar',\n symbol_native: 'N$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NAD',\n name_plural: 'Namibian dollars'\n },\n NGN: {\n symbol: '₦',\n name: 'Nigerian Naira',\n symbol_native: '₦',\n decimal_digits: 2,\n rounding: 0,\n code: 'NGN',\n name_plural: 'Nigerian nairas'\n },\n NIO: {\n symbol: 'C$',\n name: 'Nicaraguan Córdoba',\n symbol_native: 'C$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NIO',\n name_plural: 'Nicaraguan córdobas'\n },\n NOK: {\n symbol: 'Nkr',\n name: 'Norwegian Krone',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'NOK',\n name_plural: 'Norwegian kroner'\n },\n NPR: {\n symbol: 'NPRs',\n name: 'Nepalese Rupee',\n symbol_native: 'नेरू',\n decimal_digits: 2,\n rounding: 0,\n code: 'NPR',\n name_plural: 'Nepalese rupees'\n },\n NZD: {\n symbol: 'NZ$',\n name: 'New Zealand Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'NZD',\n name_plural: 'New Zealand dollars'\n },\n OMR: {\n symbol: 'OMR',\n name: 'Omani Rial',\n symbol_native: 'ر.ع.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'OMR',\n name_plural: 'Omani rials'\n },\n PAB: {\n symbol: 'B/.',\n name: 'Panamanian Balboa',\n symbol_native: 'B/.',\n decimal_digits: 2,\n rounding: 0,\n code: 'PAB',\n name_plural: 'Panamanian balboas'\n },\n PEN: {\n symbol: 'S/.',\n name: 'Peruvian Nuevo Sol',\n symbol_native: 'S/.',\n decimal_digits: 2,\n rounding: 0,\n code: 'PEN',\n name_plural: 'Peruvian nuevos soles'\n },\n PHP: {\n symbol: '₱',\n name: 'Philippine Peso',\n symbol_native: '₱',\n decimal_digits: 2,\n rounding: 0,\n code: 'PHP',\n name_plural: 'Philippine pesos'\n },\n PKR: {\n symbol: 'PKRs',\n name: 'Pakistani Rupee',\n symbol_native: '₨',\n decimal_digits: 0,\n rounding: 0,\n code: 'PKR',\n name_plural: 'Pakistani rupees'\n },\n PLN: {\n symbol: 'zł',\n name: 'Polish Zloty',\n symbol_native: 'zł',\n decimal_digits: 2,\n rounding: 0,\n code: 'PLN',\n name_plural: 'Polish zlotys'\n },\n PYG: {\n symbol: '₲',\n name: 'Paraguayan Guarani',\n symbol_native: '₲',\n decimal_digits: 0,\n rounding: 0,\n code: 'PYG',\n name_plural: 'Paraguayan guaranis'\n },\n QAR: {\n symbol: 'QR',\n name: 'Qatari Rial',\n symbol_native: 'ر.ق.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'QAR',\n name_plural: 'Qatari rials'\n },\n RON: {\n symbol: 'RON',\n name: 'Romanian Leu',\n symbol_native: 'RON',\n decimal_digits: 2,\n rounding: 0,\n code: 'RON',\n name_plural: 'Romanian lei'\n },\n RSD: {\n symbol: 'din.',\n name: 'Serbian Dinar',\n symbol_native: 'дин.',\n decimal_digits: 0,\n rounding: 0,\n code: 'RSD',\n name_plural: 'Serbian dinars'\n },\n RUB: {\n symbol: 'RUB',\n name: 'Russian Ruble',\n symbol_native: 'руб.',\n decimal_digits: 2,\n rounding: 0,\n code: 'RUB',\n name_plural: 'Russian rubles'\n },\n RWF: {\n symbol: 'RWF',\n name: 'Rwandan Franc',\n symbol_native: 'FR',\n decimal_digits: 0,\n rounding: 0,\n code: 'RWF',\n name_plural: 'Rwandan francs'\n },\n SAR: {\n symbol: 'SR',\n name: 'Saudi Riyal',\n symbol_native: 'ر.س.‏',\n decimal_digits: 2,\n rounding: 0,\n code: 'SAR',\n name_plural: 'Saudi riyals'\n },\n SDG: {\n symbol: 'SDG',\n name: 'Sudanese Pound',\n symbol_native: 'SDG',\n decimal_digits: 2,\n rounding: 0,\n code: 'SDG',\n name_plural: 'Sudanese pounds'\n },\n SEK: {\n symbol: 'Skr',\n name: 'Swedish Krona',\n symbol_native: 'kr',\n decimal_digits: 2,\n rounding: 0,\n code: 'SEK',\n name_plural: 'Swedish kronor'\n },\n SGD: {\n symbol: 'S$',\n name: 'Singapore Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'SGD',\n name_plural: 'Singapore dollars'\n },\n SOS: {\n symbol: 'Ssh',\n name: 'Somali Shilling',\n symbol_native: 'Ssh',\n decimal_digits: 0,\n rounding: 0,\n code: 'SOS',\n name_plural: 'Somali shillings'\n },\n SYP: {\n symbol: 'SY£',\n name: 'Syrian Pound',\n symbol_native: 'ل.س.‏',\n decimal_digits: 0,\n rounding: 0,\n code: 'SYP',\n name_plural: 'Syrian pounds'\n },\n THB: {\n symbol: '฿',\n name: 'Thai Baht',\n symbol_native: '฿',\n decimal_digits: 2,\n rounding: 0,\n code: 'THB',\n name_plural: 'Thai baht'\n },\n TND: {\n symbol: 'DT',\n name: 'Tunisian Dinar',\n symbol_native: 'د.ت.‏',\n decimal_digits: 3,\n rounding: 0,\n code: 'TND',\n name_plural: 'Tunisian dinars'\n },\n TOP: {\n symbol: 'T$',\n name: 'Tongan Paʻanga',\n symbol_native: 'T$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TOP',\n name_plural: 'Tongan paʻanga'\n },\n TRY: {\n symbol: 'TL',\n name: 'Turkish Lira',\n symbol_native: 'TL',\n decimal_digits: 2,\n rounding: 0,\n code: 'TRY',\n name_plural: 'Turkish Lira'\n },\n TTD: {\n symbol: 'TT$',\n name: 'Trinidad and Tobago Dollar',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TTD',\n name_plural: 'Trinidad and Tobago dollars'\n },\n TWD: {\n symbol: 'NT$',\n name: 'New Taiwan Dollar',\n symbol_native: 'NT$',\n decimal_digits: 2,\n rounding: 0,\n code: 'TWD',\n name_plural: 'New Taiwan dollars'\n },\n TZS: {\n symbol: 'TSh',\n name: 'Tanzanian Shilling',\n symbol_native: 'TSh',\n decimal_digits: 0,\n rounding: 0,\n code: 'TZS',\n name_plural: 'Tanzanian shillings'\n },\n UAH: {\n symbol: '₴',\n name: 'Ukrainian Hryvnia',\n symbol_native: '₴',\n decimal_digits: 2,\n rounding: 0,\n code: 'UAH',\n name_plural: 'Ukrainian hryvnias'\n },\n UGX: {\n symbol: 'USh',\n name: 'Ugandan Shilling',\n symbol_native: 'USh',\n decimal_digits: 0,\n rounding: 0,\n code: 'UGX',\n name_plural: 'Ugandan shillings'\n },\n UYU: {\n symbol: '$U',\n name: 'Uruguayan Peso',\n symbol_native: '$',\n decimal_digits: 2,\n rounding: 0,\n code: 'UYU',\n name_plural: 'Uruguayan pesos'\n },\n UZS: {\n symbol: 'UZS',\n name: 'Uzbekistan Som',\n symbol_native: 'UZS',\n decimal_digits: 0,\n rounding: 0,\n code: 'UZS',\n name_plural: 'Uzbekistan som'\n },\n VEF: {\n symbol: 'Bs.F.',\n name: 'Venezuelan Bolívar',\n symbol_native: 'Bs.F.',\n decimal_digits: 2,\n rounding: 0,\n code: 'VEF',\n name_plural: 'Venezuelan bolívars'\n },\n VND: {\n symbol: '₫',\n name: 'Vietnamese Dong',\n symbol_native: '₫',\n decimal_digits: 0,\n rounding: 0,\n code: 'VND',\n name_plural: 'Vietnamese dong'\n },\n XAF: {\n symbol: 'FCFA',\n name: 'CFA Franc BEAC',\n symbol_native: 'FCFA',\n decimal_digits: 0,\n rounding: 0,\n code: 'XAF',\n name_plural: 'CFA francs BEAC'\n },\n XOF: {\n symbol: 'CFA',\n name: 'CFA Franc BCEAO',\n symbol_native: 'CFA',\n decimal_digits: 0,\n rounding: 0,\n code: 'XOF',\n name_plural: 'CFA francs BCEAO'\n },\n YER: {\n symbol: 'YR',\n name: 'Yemeni Rial',\n symbol_native: 'ر.ي.‏',\n decimal_digits: 0,\n rounding: 0,\n code: 'YER',\n name_plural: 'Yemeni rials'\n },\n ZAR: {\n symbol: 'R',\n name: 'South African Rand',\n symbol_native: 'R',\n decimal_digits: 2,\n rounding: 0,\n code: 'ZAR',\n name_plural: 'South African rand'\n },\n ZMK: {\n symbol: 'ZK',\n name: 'Zambian Kwacha',\n symbol_native: 'ZK',\n decimal_digits: 0,\n rounding: 0,\n code: 'ZMK',\n name_plural: 'Zambian kwachas'\n }\n};\n\nexport { currencies };\n","import { currencies } from './currencies.mjs';\n\nconst getISOLanguageCode = (code)=>{\n const laguages = {\n es: 'es-ES',\n pt: 'pt-PT',\n it: 'it-IT',\n de: 'de-DE',\n fr: 'fr-FR',\n br: 'br-BR',\n en: 'en-GB',\n fi: 'fi-FI',\n se: 'se-SE',\n mx: 'es-MX',\n us: 'en-US',\n ca: 'en-CA',\n ve: 'es-VE',\n ru: 'ru-RU',\n he: 'he-IL',\n ar: 'ar-AE',\n tr: 'tr-TR',\n ua: 'uk-UA'\n };\n return laguages[code.toLocaleLowerCase()] || 'es-ES';\n};\nconst formatPriceToParts = (price, currency = 'EUR', locale = 'es', minimumFractionDigits = 0)=>{\n const formatPrice = new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency,\n minimumFractionDigits,\n useGrouping: true\n }).formatToParts(price);\n if (locale.toLowerCase() === 'mx') {\n formatPrice.push({\n type: 'currency',\n value: 'MXN'\n });\n }\n return formatPrice;\n};\nconst formatPriceWithCurrency = (price, currency = 'EUR', locale = 'es', minimumFractionDigits = 0)=>{\n let formatPrice = new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency,\n minimumFractionDigits,\n useGrouping: true\n }).format(price).replace(/\\s/g, '');\n if (locale === 'mx') {\n formatPrice += 'MXN';\n }\n return formatPrice;\n};\nconst formatPriceWithSign = (price, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n minimumFractionDigits,\n signDisplay: 'always'\n }).format(price);\nconst formatPrice = (price, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n minimumFractionDigits\n }).format(price);\nconst formatCurrency = (currency, locale = 'es', minimumFractionDigits = 0)=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n style: 'currency',\n currency: currency,\n minimumFractionDigits: minimumFractionDigits\n }).formatToParts().filter((res)=>res.type === 'currency')[0].value;\nconst getCurrencySymbol = (currency = 'EUR')=>currencies[currency].symbol;\n/*\n * In the future *useGrouping* option is suposed to be 'always' | 'auto' | true | false | 'min2'\n * Now it's just true | false\n * Source: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/NumberFormat/NumberFormat\n */ const formatPriceWithGroup = (price, locale = 'es')=>new Intl.NumberFormat(getISOLanguageCode(locale), {\n useGrouping: true\n }).format(price);\n\nexport { formatCurrency, formatPrice, formatPriceToParts, formatPriceWithCurrency, formatPriceWithGroup, formatPriceWithSign, getCurrencySymbol };\n","const flagUrl = '/comun/images2012/flags/squared/';\nconst getFlag = (flag)=>`${flagUrl}${flag}.svg`;\n\nexport { getFlag };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst Location = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"Location\",\n componentId: \"sc-aec50454-0\"\n})([\n ``,\n ` cursor:pointer;padding-left:`,\n `;`\n], FlexMixin(), ({ $isSelected })=>$isSelected ? '0' : '46px');\nconst LocationContent = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"LocationContent\",\n componentId: \"sc-aec50454-1\"\n})([\n ``,\n ` border-bottom:1px solid `,\n `;color:`,\n `;padding:12px 0;width:100%;`\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.darker);\nconst LocationCode = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LocationCode\",\n componentId: \"sc-aec50454-2\"\n})([\n ``,\n ` color:`,\n `;padding-left:4px;`\n], FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.dark);\nconst LocationIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"LocationIcon\",\n componentId: \"sc-aec50454-3\"\n})([\n ``,\n ` `,\n ` color:`,\n `;padding:0 12px;`\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'light',\n height: 'large'\n}), ({ theme })=>theme.colors.primary.light);\n\nexport { Location, LocationCode, LocationContent, LocationIcon };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { useCallback } from 'react';\nimport { Location as Location$1, LocationIcon, LocationContent, LocationCode } from './styled.mjs';\n\nconst Location = ({ location, isSelected, index, handleOriginChange })=>{\n const onLocationClick = useCallback(()=>{\n handleOriginChange(location.value, index);\n }, [\n handleOriginChange,\n index,\n location.value\n ]);\n return /*#__PURE__*/ jsxs(Location$1, {\n $isSelected: isSelected,\n onClick: !isSelected ? onLocationClick : undefined,\n children: [\n isSelected && /*#__PURE__*/ jsx(LocationIcon, {\n className: \"nico-check\"\n }),\n /*#__PURE__*/ jsxs(LocationContent, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: location.content.trim()\n }),\n /*#__PURE__*/ jsxs(LocationCode, {\n children: [\n \"(\",\n location.value,\n \")\"\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { Location as default };\n","import Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst LocationsList = /*#__PURE__*/ styled.ul.withConfig({\n displayName: \"LocationsList\",\n componentId: \"sc-f0628ac0-0\"\n})([\n ``,\n ` margin:0;overflow-x:hidden;width:100%;`\n], FlexMixin({\n direction: 'column'\n}));\nconst Location = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"Location\",\n componentId: \"sc-f0628ac0-1\"\n})([\n ``,\n ` cursor:pointer;padding-left:`,\n `;`\n], FlexMixin(), ({ $isSelected })=>$isSelected ? '0' : '46px');\nconst LocationContent = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"LocationContent\",\n componentId: \"sc-f0628ac0-2\"\n})([\n ``,\n ` border-bottom:1px solid `,\n `;color:`,\n `;padding:12px 0;width:100%;`\n], FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.grays.darker);\nconst LocationCode = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"LocationCode\",\n componentId: \"sc-f0628ac0-3\"\n})([\n ``,\n ` color:`,\n `;padding-left:4px;`\n], FontMixin({\n weight: 'regular'\n}), ({ theme })=>theme.colors.grays.dark);\nconst LocationIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"LocationIcon\",\n componentId: \"sc-f0628ac0-4\"\n})([\n ``,\n ` `,\n ` color:`,\n `;padding:0 12px;`\n], FlexMixin({\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'light',\n height: 'large'\n}), ({ theme })=>theme.colors.primary.light);\n\nexport { Location, LocationCode, LocationContent, LocationIcon, LocationsList };\n","import { jsx } from 'react/jsx-runtime';\nimport { fetchPostOrigin } from '../../../../../../../service.mjs';\nimport Modal from '@babylon/ui-kit-structures/components/others/modal';\nimport { useState, useCallback, Children } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../../context.mjs';\nimport Location from './location/index.mjs';\nimport { LocationsList } from './styled.mjs';\n\nconst LocationsModal = ({ locations: loc, locationSelected, endpoint, isOpen, close: closeModal, panel: { close: closePanel } })=>{\n const { literals } = useMobileHeaderLogitravel() || {};\n const [locations, setLocations] = useState(loc);\n const [selectedLocation, setSelectedLocation] = useState(locationSelected);\n const handleOriginChange = useCallback((airportCode, index)=>{\n const newLocations = [\n ...locations\n ];\n newLocations.forEach((origin)=>origin.selected = false);\n newLocations[index].selected = true;\n setLocations(newLocations);\n setSelectedLocation(newLocations[index]);\n // TODO: review this hardcoded value.\n const airportSource = 900;\n fetchPostOrigin(airportCode, airportSource, endpoint);\n // close panel immediately and then close modal, to avoid a weird transition.\n closePanel();\n // In case we decide in the future that the selection is too fast.\n setTimeout(()=>closeModal(), 250);\n }, [\n closeModal,\n closePanel,\n endpoint,\n locations\n ]);\n return /*#__PURE__*/ jsx(Modal, {\n visible: isOpen,\n hide: closeModal,\n header: literals['origins.title'],\n content: /*#__PURE__*/ jsx(LocationsList, {\n children: Children.toArray(locations.map((location, index)=>{\n const isSelected = !!selectedLocation && location.value === selectedLocation.value;\n return /*#__PURE__*/ jsx(Location, {\n location: location,\n isSelected: isSelected,\n index: index,\n handleOriginChange: handleOriginChange\n });\n }))\n })\n });\n};\n\nexport { LocationsModal as default };\n","import { FontMixin, FlexMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Config = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Config\",\n componentId: \"sc-71017a64-0\"\n})([\n `border-top:1px solid `,\n `;padding:16px 16px 26px;position:relative;z-index:6;`\n], ({ theme })=>rgba(theme.colors.primary.lighter, 0.12));\nconst ConfigTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"ConfigTitle\",\n componentId: \"sc-71017a64-1\"\n})([\n ``,\n ` color:`,\n `;margin-bottom:8px;text-transform:uppercase;`\n], FontMixin({\n size: 'medium',\n weight: 'medium',\n height: 'medium'\n}), ({ theme })=>theme.colors.white.base);\nconst ConfigBoxes = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBoxes\",\n componentId: \"sc-71017a64-2\"\n})([\n ``,\n ` gap:16px;`\n], FlexMixin({\n direction: 'column'\n}));\nconst ConfigBox = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBox\",\n componentId: \"sc-71017a64-3\"\n})([\n ``,\n ` border-radius:4px;border:1px solid `,\n `;color:`,\n `;min-height:50px;padding:12px 16px;width:100%;`,\n ` span{`,\n `}`\n], FlexMixin({\n justify: 'space-between',\n align: 'center'\n}), ({ theme })=>theme.colors.grays.light, ({ theme })=>theme.colors.white.base, ({ onClick })=>onClick ? `\n\t\tcursor: pointer;\n\t` : '', FontMixin({\n size: 'medium',\n weight: 'medium'\n}));\nconst ConfigBoxIcon = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"ConfigBoxIcon\",\n componentId: \"sc-71017a64-4\"\n})([\n ``,\n ` `,\n ` i{`,\n ` display:block;}figure{border-radius:50%;height:20px;overflow:hidden;width:20px;}`\n], FlexMixin({\n justify: 'center',\n align: 'center'\n}), FontMixin({\n size: 'large',\n weight: 'medium',\n height: 'large'\n}), FontMixin({\n size: 'medium',\n weight: 'regular',\n height: 'base'\n}));\n\nexport { Config, ConfigBox, ConfigBoxIcon, ConfigBoxes, ConfigTitle };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport Image from '@babylon/ui-kit-base/components/multimedia/image';\nimport { getCurrencySymbol } from '@babylon/ui-kit-helpers/currency';\nimport { subscribe, customEvent, unsubscribe } from '@babylon/ui-kit-helpers/customEvents';\nimport { getFlag } from '@babylon/ui-kit-helpers/flags';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport LocationsModal from './locations-modal/index.mjs';\nimport { Config, ConfigTitle, ConfigBoxes, ConfigBox, ConfigBoxIcon } from './styled.mjs';\n\nconst UserConfig = ({ close: closePanel, isOpen: isOpenPanel })=>{\n const { literals, options } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, setTrue: open } = useBoolean();\n useEffect(()=>{\n subscribe(customEvent.OpenOriginModal, open);\n return ()=>unsubscribe(customEvent.OpenOriginModal, open);\n }, [\n open\n ]);\n const locationSelected = options.location.MOriginList.origins.find((location)=>location.selected);\n const languageSelected = options.language.items.find((language)=>language.selected);\n const currencySelected = options.currency.items.find((currency)=>currency.selected);\n return /*#__PURE__*/ jsxs(Config, {\n \"data-testid\": \"UserConfig\",\n children: [\n /*#__PURE__*/ jsx(ConfigTitle, {\n children: literals.configuration\n }),\n /*#__PURE__*/ jsxs(ConfigBoxes, {\n children: [\n locationSelected && /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsxs(ConfigBox, {\n onClick: open,\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: locationSelected.content\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: /*#__PURE__*/ jsx(Icon, {\n className: \"nico-marker\"\n })\n })\n ]\n }),\n /*#__PURE__*/ jsx(LocationsModal, {\n isOpen: isOpen,\n close: close,\n panel: {\n close: closePanel,\n isOpen: isOpenPanel\n },\n locations: options.location.MOriginList.origins,\n locationSelected: locationSelected,\n endpoint: options.location.MOriginList.originUrl\n })\n ]\n }),\n languageSelected && /*#__PURE__*/ jsxs(ConfigBox, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: languageSelected.label\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: /*#__PURE__*/ jsx(Image, {\n src: getFlag(languageSelected.value.toString().toLowerCase()),\n alt: languageSelected.label,\n width: 20,\n height: 20,\n resize: {\n width: 20,\n height: 20\n },\n isLazy: true\n })\n })\n ]\n }),\n currencySelected && /*#__PURE__*/ jsxs(ConfigBox, {\n children: [\n /*#__PURE__*/ jsx(\"span\", {\n children: currencySelected.label\n }),\n /*#__PURE__*/ jsx(ConfigBoxIcon, {\n children: getCurrencySymbol(currencySelected.value.toString())\n })\n ]\n })\n ]\n })\n ]\n });\n};\n\nexport { UserConfig as default };\n","import { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { rgba } from 'polished';\nimport styled from 'styled-components';\n\nconst Logged = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Logged\",\n componentId: \"sc-eea2b3c2-0\"\n})([\n ``,\n ` padding-top:16px;text-transform:initial;`\n], FlexMixin({\n direction: 'column'\n}));\nconst LoggedUser = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"LoggedUser\",\n componentId: \"sc-eea2b3c2-1\"\n})([\n ``,\n ` margin-bottom:16px;padding:0 16px;`\n], FlexMixin({\n align: 'center'\n}));\nconst AvatarWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"AvatarWrapper\",\n componentId: \"sc-eea2b3c2-2\"\n})([\n `background-color:`,\n `;border-radius:50%;border:1px solid `,\n `;height:56px;width:56px;`,\n ``\n], ({ theme })=>theme.colors.thirdParty.googleplus, ({ theme })=>theme.colors.white.base, FlexMixin({\n align: 'center',\n justify: 'center'\n}));\nconst AvatarLetter = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"AvatarLetter\",\n componentId: \"sc-eea2b3c2-3\"\n})([\n `color:`,\n `;`,\n ``\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'largest',\n weight: 'light'\n}));\nconst UserName = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"UserName\",\n componentId: \"sc-eea2b3c2-4\"\n})([\n `color:`,\n `;padding-left:12px;`,\n ``\n], ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'larger',\n weight: 'medium',\n height: 'larger'\n}));\nconst UserOption = /*#__PURE__*/ styled.li.withConfig({\n displayName: \"UserOption\",\n componentId: \"sc-eea2b3c2-5\"\n})([\n `border-top:1px solid `,\n `;a{padding:16px;color:`,\n `;display:block;`,\n `}`\n], ({ theme })=>rgba(theme.colors.primary.lighter, 0.12), ({ theme })=>theme.colors.white.base, FontMixin({\n size: 'base',\n weight: 'light',\n height: 'base'\n}));\n\nexport { AvatarLetter, AvatarWrapper, Logged, LoggedUser, UserName, UserOption };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { nullsToUndefined } from '@babylon/ui-kit-helpers/null';\nimport { userLogoutMobile } from '../../../../../../service.mjs';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport { Logged, LoggedUser, AvatarWrapper, AvatarLetter, UserName, UserOption } from './styled.mjs';\n\nconst UserLoggedContent = ()=>{\n const { user, literals } = useMobileHeaderLogitravel() || {};\n if (!user?.logged) return null;\n return /*#__PURE__*/ jsxs(Logged, {\n \"data-testid\": \"UserLoggedContent\",\n children: [\n /*#__PURE__*/ jsxs(LoggedUser, {\n children: [\n /*#__PURE__*/ jsx(AvatarWrapper, {\n children: /*#__PURE__*/ jsx(AvatarLetter, {\n children: user.logged.user_name.substring(0, 1).toUpperCase()\n })\n }),\n /*#__PURE__*/ jsx(UserName, {\n children: user.logged.user_name\n })\n ]\n }),\n /*#__PURE__*/ jsxs(\"ul\", {\n children: [\n user.logged.links.map((link)=>/*#__PURE__*/ jsx(UserOption, {\n children: /*#__PURE__*/ jsx(\"a\", {\n ...nullsToUndefined(link),\n children: link.content\n })\n }, link.content)),\n /*#__PURE__*/ jsx(UserOption, {\n onClick: ()=>{\n userLogoutMobile().catch(console.error);\n },\n children: /*#__PURE__*/ jsx(\"a\", {\n children: literals.logOut\n })\n })\n ]\n })\n ]\n });\n};\n\nexport { UserLoggedContent as default };\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.createScriptEle = void 0;\nconst createScriptEle = (id, src) => {\n return new Promise((resolve) => {\n var _a;\n const element = document.getElementsByTagName('script')[0];\n const fjs = element;\n // return if script already exists\n if (document.getElementById(id)) {\n resolve(undefined);\n return;\n }\n const js = document.createElement('script');\n js.id = id;\n js.src = src;\n js.onload = resolve;\n if (fjs) {\n (_a = fjs.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(js, fjs);\n }\n else {\n const children = document.body.childNodes;\n document.body.insertBefore(js, children.item(children.length - 1));\n }\n });\n};\nexports.createScriptEle = createScriptEle;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.paramsToObject = exports.objectToParams = exports.isObject = void 0;\nconst isObject = (obj) => {\n return Object.prototype.toString.call(obj) === '[object Object]';\n};\nexports.isObject = isObject;\n/** Encode object to url parameters */\nconst objectToParams = (obj) => {\n if (!(0, exports.isObject)(obj) || Object.keys(obj).length === 0) {\n return '';\n }\n return ('?' +\n Object.keys(obj)\n .map((key) => `${key}=${encodeURIComponent(obj[key])}`)\n .join('&'));\n};\nexports.objectToParams = objectToParams;\n/** Decode params to object */\nconst paramsToObject = (params) => (params === null || params === void 0 ? void 0 : params.replace(/^\\?/, '').split('&').reduce((acc, chunk) => {\n if (!chunk) {\n return acc;\n }\n const [key, value] = chunk.split('=');\n return Object.assign(Object.assign({}, acc), { [key]: decodeURIComponent(value) });\n}, {})) || {};\nexports.paramsToObject = paramsToObject;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.isFacebookApp = void 0;\nconst isFacebookApp = () => {\n if (typeof window === 'undefined') {\n return false;\n }\n const ua = navigator.userAgent || navigator.vendor || window.opera;\n return (ua.indexOf('FBAN') > -1 ||\n ua.indexOf('FBAV') > -1 ||\n ua.indexOf('Instagram') > -1);\n};\nexports.isFacebookApp = isFacebookApp;\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./dom.helper\"), exports);\n__exportStar(require(\"./param.helper\"), exports);\n__exportStar(require(\"./ua.helper\"), exports);\n","\"use strict\";\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nvar __rest = (this && this.__rest) || function (s, e) {\n var t = {};\n for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)\n t[p] = s[p];\n if (s != null && typeof Object.getOwnPropertySymbols === \"function\")\n for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {\n if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))\n t[p[i]] = s[p[i]];\n }\n return t;\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.FacebookLoginClient = exports.SDK_SCRIPT_ELE_ID = void 0;\nconst helpers_1 = require(\"./helpers\");\nexports.SDK_SCRIPT_ELE_ID = 'facebook-jssdk';\nexports.FacebookLoginClient = {\n getFB: () => {\n if (!window.FB) {\n console.warn('FB not found');\n return null;\n }\n return window.FB;\n },\n getLoginStatus(callback, isForcingRoudtrip = false) {\n const FB = this.getFB();\n if (!FB) {\n callback({ status: 'unknown' });\n return;\n }\n FB.getLoginStatus(callback, isForcingRoudtrip);\n },\n getProfile(callback, params) {\n var _a;\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.api('me', params, callback);\n },\n init(initParams) {\n var _a;\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.init(initParams);\n },\n clear() {\n window.FB = null;\n const scriptEle = document.getElementById(exports.SDK_SCRIPT_ELE_ID);\n if (scriptEle) {\n scriptEle.remove();\n }\n },\n isRedirected(dialogParams) {\n var _a, _b;\n const params = (0, helpers_1.paramsToObject)(window.location.search);\n return (((_a = params['state'] === (dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.state)) !== null && _a !== void 0 ? _a : 'facebookdirect') &&\n params[(_b = dialogParams === null || dialogParams === void 0 ? void 0 : dialogParams.response_type) !== null && _b !== void 0 ? _b : ''] !== undefined);\n },\n loadSdk(language, useCustomerChat) {\n return __awaiter(this, void 0, void 0, function* () {\n yield (0, helpers_1.createScriptEle)(exports.SDK_SCRIPT_ELE_ID, `https://connect.facebook.net/${language}/sdk${useCustomerChat ? '/xfbml.customerchat' : ''}.js`);\n });\n },\n redirectToDialog(dialogParams, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n _a) {\n var \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n { ignoreSdkError } = _a, loginOptions = __rest(_a, \n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n [\"ignoreSdkError\"]);\n window.location.href = `https://www.facebook.com/dialog/oauth${(0, helpers_1.objectToParams)(Object.assign(Object.assign({}, dialogParams), loginOptions))}`;\n },\n login(callback, _a) {\n var _b;\n var { ignoreSdkError } = _a, loginOptions = __rest(_a, [\"ignoreSdkError\"]);\n try {\n (_b = this.getFB()) === null || _b === void 0 ? void 0 : _b.login(callback, loginOptions);\n }\n catch (e) {\n if (ignoreSdkError) {\n return;\n }\n else {\n throw e;\n }\n }\n },\n logout(callback) {\n this.getLoginStatus((res) => {\n var _a;\n if (res.status === 'connected') {\n (_a = this.getFB()) === null || _a === void 0 ? void 0 : _a.logout(callback);\n }\n else {\n callback();\n }\n });\n },\n};\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {\n Object.defineProperty(o, \"default\", { enumerable: true, value: v });\n}) : function(o, v) {\n o[\"default\"] = v;\n});\nvar __importStar = (this && this.__importStar) || function (mod) {\n if (mod && mod.__esModule) return mod;\n var result = {};\n if (mod != null) for (var k in mod) if (k !== \"default\" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);\n __setModuleDefault(result, mod);\n return result;\n};\nvar __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {\n function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }\n return new (P || (P = Promise))(function (resolve, reject) {\n function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }\n function rejected(value) { try { step(generator[\"throw\"](value)); } catch (e) { reject(e); } }\n function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }\n step((generator = generator.apply(thisArg, _arguments || [])).next());\n });\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst react_1 = __importStar(require(\"react\"));\nconst facebook_login_client_1 = require(\"./facebook-login.client\");\nconst helpers_1 = require(\"./helpers\");\nfunction FacebookLogin(props) {\n var _a, _b;\n const { appId, language = 'en_US', scope = 'public_profile, email', fields = 'name,email,picture', onSuccess, onFail, onProfileSuccess, className, style, children = 'Login with Facebook', render, autoLoad = false, useRedirect = false, useCustomerChat = false, } = props;\n const initParams = Object.assign(Object.assign({ version: 'v9.0', xfbml: false, cookie: false, localStorage: true }, props.initParams), { appId });\n const dialogParams = Object.assign(Object.assign({ redirect_uri: typeof window !== 'undefined' ? location.origin + location.pathname : '/', state: 'facebookdirect', response_type: 'code' }, props.dialogParams), { client_id: appId });\n const loginOptions = Object.assign(Object.assign({ return_scopes: false, ignoreSdkError: false }, props.loginOptions), { auth_nonce: typeof ((_a = props.loginOptions) === null || _a === void 0 ? void 0 : _a.auth_nonce) === 'function'\n ? props.loginOptions.auth_nonce()\n : (_b = props.loginOptions) === null || _b === void 0 ? void 0 : _b.auth_nonce, scope });\n (0, react_1.useEffect)(() => {\n init();\n }, []);\n const init = () => __awaiter(this, void 0, void 0, function* () {\n yield facebook_login_client_1.FacebookLoginClient.loadSdk(language, useCustomerChat);\n window.fbAsyncInit = () => {\n facebook_login_client_1.FacebookLoginClient.init(initParams);\n const isRedirected = facebook_login_client_1.FacebookLoginClient.isRedirected(dialogParams);\n if (isRedirected === false && autoLoad) {\n handleButtonClick();\n return;\n }\n if (isRedirected === true && useRedirect) {\n requestLogin();\n }\n };\n });\n const requestLogin = () => {\n facebook_login_client_1.FacebookLoginClient.login((res) => {\n if (!res.authResponse) {\n onFail && onFail({ status: 'loginCancelled' });\n return;\n }\n onSuccess && onSuccess(res.authResponse);\n if (onProfileSuccess) {\n facebook_login_client_1.FacebookLoginClient.getProfile(onProfileSuccess, { fields });\n }\n }, Object.assign(Object.assign({}, loginOptions), { scope }));\n };\n const handleButtonClick = () => {\n if ((0, helpers_1.isFacebookApp)() || useRedirect) {\n facebook_login_client_1.FacebookLoginClient.redirectToDialog(dialogParams, loginOptions);\n return;\n }\n if (!window.FB) {\n onFail && onFail({ status: 'facebookNotLoaded' });\n return;\n }\n requestLogin();\n };\n if (render) {\n return render({\n onClick: handleButtonClick,\n logout: facebook_login_client_1.FacebookLoginClient.logout,\n });\n }\n return (react_1.default.createElement(\"button\", { type: \"button\", onClick: handleButtonClick, className: className, style: style }, children));\n}\nexports.default = FacebookLogin;\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\n","\"use strict\";\nObject.defineProperty(exports, \"__esModule\", { value: true });\nexports.LoginStatus = void 0;\nvar LoginStatus;\n(function (LoginStatus) {\n LoginStatus[\"Connected\"] = \"connected\";\n LoginStatus[\"NotAuthorized\"] = \"not_authorized\";\n LoginStatus[\"Unknown\"] = \"unknown\";\n})(LoginStatus = exports.LoginStatus || (exports.LoginStatus = {}));\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\n__exportStar(require(\"./fb.type\"), exports);\n__exportStar(require(\"./params.type\"), exports);\n__exportStar(require(\"./response.type\"), exports);\n","\"use strict\";\nvar __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n var desc = Object.getOwnPropertyDescriptor(m, k);\n if (!desc || (\"get\" in desc ? !m.__esModule : desc.writable || desc.configurable)) {\n desc = { enumerable: true, get: function() { return m[k]; } };\n }\n Object.defineProperty(o, k2, desc);\n}) : (function(o, m, k, k2) {\n if (k2 === undefined) k2 = k;\n o[k2] = m[k];\n}));\nvar __exportStar = (this && this.__exportStar) || function(m, exports) {\n for (var p in m) if (p !== \"default\" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);\n};\nvar __importDefault = (this && this.__importDefault) || function (mod) {\n return (mod && mod.__esModule) ? mod : { \"default\": mod };\n};\nObject.defineProperty(exports, \"__esModule\", { value: true });\nconst facebook_login_1 = __importDefault(require(\"./facebook-login\"));\n__exportStar(require(\"./helpers\"), exports);\n__exportStar(require(\"./types\"), exports);\n__exportStar(require(\"./facebook-login\"), exports);\n__exportStar(require(\"./facebook-login.client\"), exports);\nexports.default = facebook_login_1.default;\n","import { jsx } from 'react/jsx-runtime';\nimport { Button } from '../button/index.mjs';\nimport ReactFacebookLogin from '@greatsumini/react-facebook-login';\nimport { Suspense, useState, useCallback } from 'react';\n\n// @ts-ignore\nconst FacebookLogin = ReactFacebookLogin.default ? ReactFacebookLogin.default : ReactFacebookLogin;\nconst FacebookLoginButtonView = ({ appId, endpoint, disabled = false, children, ...rest })=>{\n const [isLoading, setIsLoading] = useState(false);\n const onLoad = useCallback((res)=>{\n if (!res?.accessToken) {\n setIsLoading(false);\n return;\n }\n const method = 'POST';\n const { url, returnUrl } = endpoint;\n const data = {\n AccessToken: res.accessToken,\n Provider: 'Facebook'\n };\n fetch(url, {\n headers: {\n 'content-type': 'application/json'\n },\n credentials: 'include',\n method,\n body: JSON.stringify(data)\n }).then((res)=>res.json()).then((response)=>{\n if (returnUrl) {\n window.location.assign(returnUrl);\n return;\n }\n if (response) window.location.assign(response.url);\n }).then(()=>setIsLoading(false));\n }, [\n endpoint\n ]);\n const onButtonClick = useCallback((renderProps)=>()=>{\n setIsLoading(true);\n renderProps.onClick?.();\n }, []);\n const facebookLoginRender = useCallback((renderProps)=>/*#__PURE__*/ jsx(Button, {\n \"data-testid\": \"FacebookLoginButton\",\n variant: \"facebook\",\n height: 'auto',\n ...rest,\n disabled: disabled || isLoading,\n onClick: onButtonClick(renderProps),\n children: children\n }), [\n children,\n disabled,\n isLoading,\n onButtonClick,\n rest\n ]);\n const onFail = useCallback(()=>setIsLoading(false), []);\n return /*#__PURE__*/ jsx(FacebookLogin, {\n appId: appId,\n onSuccess: onLoad,\n onFail: onFail,\n // autoLoad\n // xfbml\n // version='3.2'\n render: facebookLoginRender\n });\n};\nconst FacebookLoginButton = (props)=>/*#__PURE__*/ jsx(Suspense, {\n fallback: /*#__PURE__*/ jsx(\"div\", {}),\n children: /*#__PURE__*/ jsx(FacebookLoginButtonView, {\n ...props\n })\n });\n\nexport { FacebookLoginButton as default };\n","'use client'\nimport React, { useState, useRef, useEffect, createContext, useMemo, useContext, useCallback } from 'react';\n\nfunction useLoadGsiScript(options = {}) {\r\n const { nonce, onScriptLoadSuccess, onScriptLoadError } = options;\r\n const [scriptLoadedSuccessfully, setScriptLoadedSuccessfully] = useState(false);\r\n const onScriptLoadSuccessRef = useRef(onScriptLoadSuccess);\r\n onScriptLoadSuccessRef.current = onScriptLoadSuccess;\r\n const onScriptLoadErrorRef = useRef(onScriptLoadError);\r\n onScriptLoadErrorRef.current = onScriptLoadError;\r\n useEffect(() => {\r\n const scriptTag = document.createElement('script');\r\n scriptTag.src = 'https://accounts.google.com/gsi/client';\r\n scriptTag.async = true;\r\n scriptTag.defer = true;\r\n scriptTag.nonce = nonce;\r\n scriptTag.onload = () => {\r\n var _a;\r\n setScriptLoadedSuccessfully(true);\r\n (_a = onScriptLoadSuccessRef.current) === null || _a === void 0 ? void 0 : _a.call(onScriptLoadSuccessRef);\r\n };\r\n scriptTag.onerror = () => {\r\n var _a;\r\n setScriptLoadedSuccessfully(false);\r\n (_a = onScriptLoadErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onScriptLoadErrorRef);\r\n };\r\n document.body.appendChild(scriptTag);\r\n return () => {\r\n document.body.removeChild(scriptTag);\r\n };\r\n }, [nonce]);\r\n return scriptLoadedSuccessfully;\r\n}\n\nconst GoogleOAuthContext = createContext(null);\r\nfunction GoogleOAuthProvider({ clientId, nonce, onScriptLoadSuccess, onScriptLoadError, children, }) {\r\n const scriptLoadedSuccessfully = useLoadGsiScript({\r\n nonce,\r\n onScriptLoadSuccess,\r\n onScriptLoadError,\r\n });\r\n const contextValue = useMemo(() => ({\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n }), [clientId, scriptLoadedSuccessfully]);\r\n return (React.createElement(GoogleOAuthContext.Provider, { value: contextValue }, children));\r\n}\r\nfunction useGoogleOAuth() {\r\n const context = useContext(GoogleOAuthContext);\r\n if (!context) {\r\n throw new Error('Google OAuth components must be used within GoogleOAuthProvider');\r\n }\r\n return context;\r\n}\n\nfunction extractClientId(credentialResponse) {\r\n var _a;\r\n const clientId = (_a = credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.clientId) !== null && _a !== void 0 ? _a : credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.client_id;\r\n return clientId;\r\n}\n\nconst containerHeightMap = { large: 40, medium: 32, small: 20 };\r\nfunction GoogleLogin({ onSuccess, onError, useOneTap, promptMomentNotification, type = 'standard', theme = 'outline', size = 'large', text, shape, logo_alignment, width, locale, click_listener, containerProps, ...props }) {\r\n const btnContainerRef = useRef(null);\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const promptMomentNotificationRef = useRef(promptMomentNotification);\r\n promptMomentNotificationRef.current = promptMomentNotification;\r\n useEffect(() => {\r\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.initialize({\r\n client_id: clientId,\r\n callback: (credentialResponse) => {\r\n var _a;\r\n if (!(credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.credential)) {\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef);\r\n }\r\n const { credential, select_by } = credentialResponse;\r\n onSuccessRef.current({\r\n credential,\r\n clientId: extractClientId(credentialResponse),\r\n select_by,\r\n });\r\n },\r\n ...props,\r\n });\r\n (_f = (_e = (_d = window === null || window === void 0 ? void 0 : window.google) === null || _d === void 0 ? void 0 : _d.accounts) === null || _e === void 0 ? void 0 : _e.id) === null || _f === void 0 ? void 0 : _f.renderButton(btnContainerRef.current, {\r\n type,\r\n theme,\r\n size,\r\n text,\r\n shape,\r\n logo_alignment,\r\n width,\r\n locale,\r\n click_listener,\r\n });\r\n if (useOneTap)\r\n (_j = (_h = (_g = window === null || window === void 0 ? void 0 : window.google) === null || _g === void 0 ? void 0 : _g.accounts) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.prompt(promptMomentNotificationRef.current);\r\n return () => {\r\n var _a, _b, _c;\r\n if (useOneTap)\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n };\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n useOneTap,\r\n type,\r\n theme,\r\n size,\r\n text,\r\n shape,\r\n logo_alignment,\r\n width,\r\n locale,\r\n ]);\r\n return (React.createElement(\"div\", { ...containerProps, ref: btnContainerRef, style: { height: containerHeightMap[size], ...containerProps === null || containerProps === void 0 ? void 0 : containerProps.style } }));\r\n}\n\nfunction googleLogout() {\r\n var _a, _b, _c;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.disableAutoSelect();\r\n}\n\n/* eslint-disable import/export */\r\nfunction useGoogleLogin({ flow = 'implicit', scope = '', onSuccess, onError, onNonOAuthError, overrideScope, state, ...props }) {\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const clientRef = useRef();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const onNonOAuthErrorRef = useRef(onNonOAuthError);\r\n onNonOAuthErrorRef.current = onNonOAuthError;\r\n useEffect(() => {\r\n var _a, _b;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n const clientMethod = flow === 'implicit' ? 'initTokenClient' : 'initCodeClient';\r\n const client = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2[clientMethod]({\r\n client_id: clientId,\r\n scope: overrideScope ? scope : `openid profile email ${scope}`,\r\n callback: (response) => {\r\n var _a, _b;\r\n if (response.error)\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef, response);\r\n (_b = onSuccessRef.current) === null || _b === void 0 ? void 0 : _b.call(onSuccessRef, response);\r\n },\r\n error_callback: (nonOAuthError) => {\r\n var _a;\r\n (_a = onNonOAuthErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onNonOAuthErrorRef, nonOAuthError);\r\n },\r\n state,\r\n ...props,\r\n });\r\n clientRef.current = client;\r\n // eslint-disable-next-line react-hooks/exhaustive-deps\r\n }, [clientId, scriptLoadedSuccessfully, flow, scope, state]);\r\n const loginImplicitFlow = useCallback((overrideConfig) => { var _a; return (_a = clientRef.current) === null || _a === void 0 ? void 0 : _a.requestAccessToken(overrideConfig); }, []);\r\n const loginAuthCodeFlow = useCallback(() => { var _a; return (_a = clientRef.current) === null || _a === void 0 ? void 0 : _a.requestCode(); }, []);\r\n return flow === 'implicit' ? loginImplicitFlow : loginAuthCodeFlow;\r\n}\n\nfunction useGoogleOneTapLogin({ onSuccess, onError, promptMomentNotification, cancel_on_tap_outside, prompt_parent_id, state_cookie_domain, hosted_domain, use_fedcm_for_prompt = false, disabled, auto_select, }) {\r\n const { clientId, scriptLoadedSuccessfully } = useGoogleOAuth();\r\n const onSuccessRef = useRef(onSuccess);\r\n onSuccessRef.current = onSuccess;\r\n const onErrorRef = useRef(onError);\r\n onErrorRef.current = onError;\r\n const promptMomentNotificationRef = useRef(promptMomentNotification);\r\n promptMomentNotificationRef.current = promptMomentNotification;\r\n useEffect(() => {\r\n var _a, _b, _c, _d, _e, _f, _g, _h, _j;\r\n if (!scriptLoadedSuccessfully)\r\n return;\r\n if (disabled) {\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n return;\r\n }\r\n (_f = (_e = (_d = window === null || window === void 0 ? void 0 : window.google) === null || _d === void 0 ? void 0 : _d.accounts) === null || _e === void 0 ? void 0 : _e.id) === null || _f === void 0 ? void 0 : _f.initialize({\r\n client_id: clientId,\r\n callback: (credentialResponse) => {\r\n var _a;\r\n if (!(credentialResponse === null || credentialResponse === void 0 ? void 0 : credentialResponse.credential)) {\r\n return (_a = onErrorRef.current) === null || _a === void 0 ? void 0 : _a.call(onErrorRef);\r\n }\r\n const { credential, select_by } = credentialResponse;\r\n onSuccessRef.current({\r\n credential,\r\n clientId: extractClientId(credentialResponse),\r\n select_by,\r\n });\r\n },\r\n hosted_domain,\r\n cancel_on_tap_outside,\r\n prompt_parent_id,\r\n state_cookie_domain,\r\n use_fedcm_for_prompt,\r\n auto_select,\r\n });\r\n (_j = (_h = (_g = window === null || window === void 0 ? void 0 : window.google) === null || _g === void 0 ? void 0 : _g.accounts) === null || _h === void 0 ? void 0 : _h.id) === null || _j === void 0 ? void 0 : _j.prompt(promptMomentNotificationRef.current);\r\n return () => {\r\n var _a, _b, _c;\r\n (_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.id) === null || _c === void 0 ? void 0 : _c.cancel();\r\n };\r\n }, [\r\n clientId,\r\n scriptLoadedSuccessfully,\r\n cancel_on_tap_outside,\r\n prompt_parent_id,\r\n state_cookie_domain,\r\n hosted_domain,\r\n use_fedcm_for_prompt,\r\n disabled,\r\n auto_select,\r\n ]);\r\n}\n\n/**\r\n * Checks if the user granted all the specified scope or scopes\r\n * @returns True if all the scopes are granted\r\n */\r\nfunction hasGrantedAllScopesGoogle(tokenResponse, firstScope, ...restScopes) {\r\n var _a, _b, _c;\r\n if (!(window === null || window === void 0 ? void 0 : window.google))\r\n return false;\r\n return (((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2) === null || _c === void 0 ? void 0 : _c.hasGrantedAllScopes(tokenResponse, firstScope, ...restScopes)) || false);\r\n}\n\n/**\r\n * Checks if the user granted any of the specified scope or scopes.\r\n * @returns True if any of the scopes are granted\r\n */\r\nfunction hasGrantedAnyScopeGoogle(tokenResponse, firstScope, ...restScopes) {\r\n var _a, _b, _c;\r\n if (!(window === null || window === void 0 ? void 0 : window.google))\r\n return false;\r\n return (((_c = (_b = (_a = window === null || window === void 0 ? void 0 : window.google) === null || _a === void 0 ? void 0 : _a.accounts) === null || _b === void 0 ? void 0 : _b.oauth2) === null || _c === void 0 ? void 0 : _c.hasGrantedAnyScope(tokenResponse, firstScope, ...restScopes)) || false);\r\n}\n\nexport { GoogleLogin, GoogleOAuthProvider, googleLogout, hasGrantedAllScopesGoogle, hasGrantedAnyScopeGoogle, useGoogleLogin, useGoogleOAuth, useGoogleOneTapLogin };\n","const fetchPostGoogleLogin = async ({ url, returnUrl, AccessToken, provider = 'GoogleIdentityServices' })=>{\n fetch(url, {\n method: 'POST',\n headers: {\n 'Content-Type': 'application/json'\n },\n body: JSON.stringify({\n AccessToken,\n provider\n })\n }).then((res)=>res.json()).then((response)=>{\n if (returnUrl) {\n window.location.assign(returnUrl);\n return;\n }\n if (response) window.location.assign(window.location.href);\n }).catch((error)=>{\n console.error('Error fetching Google login:', error);\n });\n};\n\nexport { fetchPostGoogleLogin };\n","import { jsx } from 'react/jsx-runtime';\nimport { Button } from '../button/index.mjs';\nimport { GoogleOAuthProvider, useGoogleLogin } from '@react-oauth/google';\nimport { fetchPostGoogleLogin } from './service.mjs';\n\n// components/GoogleAuthLoginButton.tsx\nconst GoogleOAuthLoginButton = ({ endpoint, children, ...rest })=>{\n const login = useGoogleLogin({\n onSuccess: (tokenResponse)=>{\n (async ()=>{\n try {\n if (!tokenResponse) return;\n const AccessToken = tokenResponse.access_token;\n const { url, returnUrl } = endpoint;\n await fetchPostGoogleLogin({\n url,\n returnUrl,\n AccessToken,\n provider: 'GoogleIdentityServices'\n });\n } catch (error) {\n console.error('Error during Google login:', error);\n }\n })();\n }\n });\n return /*#__PURE__*/ jsx(Button, {\n \"data-testid\": \"GoogleLoginButton\",\n height: 'auto',\n onClick: ()=>{\n login();\n },\n variant: \"google\",\n ...rest,\n children: children\n });\n};\nconst GoogleLoginButton = ({ appId, endpoint, className, children })=>{\n const config = {\n clientId: appId,\n scope: 'openid email'\n };\n return /*#__PURE__*/ jsx(GoogleOAuthProvider, {\n ...config,\n children: /*#__PURE__*/ jsx(GoogleOAuthLoginButton, {\n endpoint: endpoint,\n className: className,\n children: children\n })\n });\n};\n\nexport { GoogleLoginButton as default };\n","import { Button } from '@babylon/ui-kit-base/components/buttons/button';\nimport FacebookLoginButtonComponent from '@babylon/ui-kit-base/components/buttons/facebook-login-button';\nimport GoogleLoginButtonComponent from '@babylon/ui-kit-base/components/buttons/google-login-button';\nimport Icon from '@babylon/ui-kit-base/components/icons/icon';\nimport { FlexMixin, FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled, { css } from 'styled-components';\n\nconst Unlogged = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Unlogged\",\n componentId: \"sc-bf386a9f-0\"\n})([\n ``,\n ` padding:22px 16px 16px;`\n], FlexMixin({\n direction: 'column',\n align: 'center'\n}));\nconst WelcomeTitle = /*#__PURE__*/ styled.span.withConfig({\n displayName: \"WelcomeTitle\",\n componentId: \"sc-bf386a9f-1\"\n})([\n ``,\n ` padding-bottom:14px;text-transform:initial;`\n], FontMixin({\n size: 'large',\n weight: 'regular',\n height: 'large'\n}));\nconst Buttons = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"Buttons\",\n componentId: \"sc-bf386a9f-2\"\n})([\n ``,\n ` gap:12px;margin:12px 0;width:100%;`\n], FlexMixin({\n direction: 'column'\n}));\nconst LoginButtonMixin = /*#__PURE__*/ css([\n `border-radius:2px;padding:16px 44px;width:100%;display:block;border:none;text-transform:uppercase;position:relative;`,\n ``\n], FontMixin({\n size: 'base',\n weight: 'medium',\n height: 'base'\n}));\nconst LoginButton = /*#__PURE__*/ styled(Button).withConfig({\n displayName: \"LoginButton\",\n componentId: \"sc-bf386a9f-3\"\n})([\n `transition:none;`,\n ``\n], LoginButtonMixin);\nconst ButtonIcon = /*#__PURE__*/ styled(Icon).withConfig({\n displayName: \"ButtonIcon\",\n componentId: \"sc-bf386a9f-4\"\n})([\n `position:absolute;top:50%;transform:translateY(-50%);left:16px;color:currentColor;`,\n ``\n], FontMixin({\n size: 'large',\n weight: 'regular',\n height: 'base'\n}));\nconst GoogleLoginButton = /*#__PURE__*/ styled(GoogleLoginButtonComponent).withConfig({\n displayName: \"GoogleLoginButton\",\n componentId: \"sc-bf386a9f-5\"\n})([\n ``,\n ``\n], LoginButtonMixin);\nconst FacebookLoginButton = /*#__PURE__*/ styled(FacebookLoginButtonComponent).withConfig({\n displayName: \"FacebookLoginButton\",\n componentId: \"sc-bf386a9f-6\"\n})([\n ``,\n ``\n], LoginButtonMixin);\nconst CreateAccount = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"CreateAccount\",\n componentId: \"sc-bf386a9f-7\"\n})([\n `text-align:center;width:100%;padding:16px 0 0;`\n]);\nconst CreateAccountTitle = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"CreateAccountTitle\",\n componentId: \"sc-bf386a9f-8\"\n})([\n `margin-bottom:12px;`,\n ` text-transform:initial;`\n], FontMixin({\n size: 'medium',\n weight: 'light',\n height: 'medium'\n}));\nconst CreateAccountButton = /*#__PURE__*/ styled(LoginButton).withConfig({\n displayName: \"CreateAccountButton\",\n componentId: \"sc-bf386a9f-9\"\n})([\n `color:`,\n `;border:1px solid currentColor;`\n], ({ theme })=>theme.colors.white.base);\n\nexport { ButtonIcon, Buttons, CreateAccount, CreateAccountButton, CreateAccountTitle, FacebookLoginButton, GoogleLoginButton, LoginButton, Unlogged, WelcomeTitle };\n","import { jsxs, jsx, Fragment } from 'react/jsx-runtime';\nimport { userLogin, userCreateAccount } from '../../../../../../service.mjs';\nimport { useCallback } from 'react';\nimport { useMobileHeaderLogitravel } from '../../../../context.mjs';\nimport { Unlogged, WelcomeTitle, Buttons, LoginButton, ButtonIcon, GoogleLoginButton, FacebookLoginButton, CreateAccount, CreateAccountTitle, CreateAccountButton } from './styled.mjs';\n\nconst UserUnloggedContent = ()=>{\n const { user, literals } = useMobileHeaderLogitravel() || {};\n const onLoginClick = useCallback(()=>{\n if (!user?.unlogged?.login) return;\n userLogin(user.unlogged.login).catch(console.error);\n }, [\n user?.unlogged\n ]);\n const onCreateClick = useCallback(()=>{\n if (!user?.unlogged?.create_account) return;\n userCreateAccount(user.unlogged.create_account.link.href).catch(console.error);\n }, [\n user?.unlogged\n ]);\n if (!user?.unlogged) return null;\n return /*#__PURE__*/ jsxs(Unlogged, {\n \"data-testid\": \"UserUnloggedContent\",\n children: [\n /*#__PURE__*/ jsx(WelcomeTitle, {\n children: literals.TituloNuevoUsuario\n }),\n /*#__PURE__*/ jsxs(Buttons, {\n children: [\n /*#__PURE__*/ jsxs(LoginButton, {\n \"data-testid\": \"LoginButton\",\n variant: \"secondary\",\n onClick: onLoginClick,\n children: [\n /*#__PURE__*/ jsx(ButtonIcon, {\n className: \"nico-logitravel\"\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: literals.IniciarSesion\n })\n ]\n }),\n user.unlogged.login_options && Object.keys(user.unlogged.login_options).map((key)=>{\n const typedKey = key;\n const option = user.unlogged.login_options[typedKey];\n const content = /*#__PURE__*/ jsxs(Fragment, {\n children: [\n /*#__PURE__*/ jsx(ButtonIcon, {\n className: `nico-${option.icon}`\n }),\n /*#__PURE__*/ jsx(\"span\", {\n children: option.content\n })\n ]\n });\n if (typedKey === 'google') return /*#__PURE__*/ jsx(GoogleLoginButton, {\n ...option.config,\n children: content\n }, typedKey);\n if (typedKey === 'facebook') {\n return /*#__PURE__*/ jsx(FacebookLoginButton, {\n ...option.config,\n children: content\n }, typedKey);\n }\n return null;\n })\n ]\n }),\n user.unlogged.create_account && /*#__PURE__*/ jsxs(CreateAccount, {\n children: [\n /*#__PURE__*/ jsx(CreateAccountTitle, {\n children: literals['user.without_account']\n }),\n /*#__PURE__*/ jsx(CreateAccountButton, {\n \"data-testid\": \"CreateAccountButton\",\n onClick: onCreateClick,\n children: /*#__PURE__*/ jsx(\"span\", {\n children: user.unlogged.create_account.link.content\n })\n })\n ]\n })\n ]\n });\n};\n\nexport { UserUnloggedContent as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport UserConfig from './user-config/index.mjs';\nimport UserLoggedContent from './user-logged-content/index.mjs';\nimport UserUnloggedContent from './user-unlogged-content/index.mjs';\n\nconst UserContent = ({ close: closePanel, isOpen: isOpenPanel })=>/*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"UserContent\",\n children: [\n /*#__PURE__*/ jsx(UserLoggedContent, {}),\n /*#__PURE__*/ jsx(UserUnloggedContent, {}),\n /*#__PURE__*/ jsx(UserConfig, {\n close: closePanel,\n isOpen: isOpenPanel\n })\n ]\n });\n\nexport { UserContent as default };\n","import { jsx } from 'react/jsx-runtime';\nimport { useMobileHeaderLogitravel } from '../../context.mjs';\nimport { UserPanelModal } from './styled.mjs';\nimport UserContent from './user-content/index.mjs';\n\nconst UserPanel = ({ isOpen, close })=>{\n const { literals, user } = useMobileHeaderLogitravel() || {};\n return /*#__PURE__*/ jsx(UserPanelModal, {\n \"data-testid\": \"UserPanel\",\n variant: \"right\",\n visible: isOpen,\n hide: close,\n closeOnClickOut: true,\n closeOnEscapeKeyDown: true,\n header: user?.logged ? literals.welcome : '',\n content: /*#__PURE__*/ jsx(UserContent, {\n isOpen: true,\n close: close\n }),\n width: \"85%\"\n });\n};\n\nexport { UserPanel as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport Portal from '@babylon/ui-kit-structures/components/others/portal';\nimport { useEffect } from 'react';\nimport { useBoolean } from 'usehooks-ts';\nimport { useMobileHeaderLogitravel } from '../context.mjs';\nimport { MenuIcon, MenuButtonText } from '../styled.mjs';\nimport { GlobalUserPanelMobileStyle, MenuButton } from './styled.mjs';\nimport UserPanel from './user-panel/index.mjs';\n\nconst User = ()=>{\n const { literals, hasUser, user } = useMobileHeaderLogitravel() || {};\n const { value: isOpen, setFalse: close, toggle: toggle } = useBoolean();\n useEffect(()=>{\n if (isOpen) document.body.classList.add('is-user-panel-shown');\n if (!isOpen) document.body.classList.remove('is-user-panel-shown');\n return ()=>{\n document.body.classList.remove('is-user-panel-shown');\n };\n }, [\n isOpen\n ]);\n if (!hasUser) return null;\n return /*#__PURE__*/ jsxs(\"div\", {\n \"data-testid\": \"HeaderUser\",\n children: [\n /*#__PURE__*/ jsx(GlobalUserPanelMobileStyle, {}),\n /*#__PURE__*/ jsxs(MenuButton, {\n \"data-testid\": \"MenuButton\",\n onClick: toggle,\n children: [\n /*#__PURE__*/ jsx(MenuIcon, {\n className: \"nico-user\"\n }),\n /*#__PURE__*/ jsx(MenuButtonText, {\n children: user?.logged ? literals.profile : literals['user.login']\n })\n ]\n }),\n /*#__PURE__*/ jsx(Portal, {\n container: \"#header-portals\",\n children: /*#__PURE__*/ jsx(UserPanel, {\n isOpen: isOpen,\n close: close\n })\n })\n ]\n });\n};\n\nexport { User as default };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport { MobileHeaderLogitravelContextProvider } from './context.mjs';\nimport Menu from './menu/index.mjs';\nimport { Header, Logo } from './styled.mjs';\nimport User from './user/index.mjs';\n\nconst HeaderLogitravelMobile = ({ props })=>/*#__PURE__*/ jsxs(MobileHeaderLogitravelContextProvider, {\n value: props,\n children: [\n /*#__PURE__*/ jsxs(Header, {\n \"data-testid\": \"Header\",\n children: [\n /*#__PURE__*/ jsx(Menu, {}),\n /*#__PURE__*/ jsx(Logo, {\n ...props.logo,\n width: 156,\n height: 34,\n isLazy: false\n }),\n /*#__PURE__*/ jsx(User, {})\n ]\n }),\n /*#__PURE__*/ jsx(\"div\", {\n id: \"header-portals\"\n })\n ]\n });\n\nexport { HeaderLogitravelMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport HeaderLogitravelDesktop from './views/desktop/index.mjs';\nimport HeaderLogitravelMobile from './views/mobile/index.mjs';\n\nconst HeaderLogitravel = generateViewsComponent(HeaderLogitravelDesktop, HeaderLogitravelMobile);\n\nexport { HeaderLogitravel as default };\n","import { jsx, jsxs } from 'react/jsx-runtime';\nimport contextBabylon from '@babylon/ui-kit-context';\nimport ErrorBoundary from '@babylon/ui-kit-helpers/error-boundary';\nimport { checkIfMobile } from '@babylon/ui-kit-helpers/views';\nimport BabylonThemeProvider from '@babylon/ui-kit-styles/common/theme-provider';\nimport logitravel from '@babylon/ui-kit-styles/themes/logitravel/base';\nimport { StrictMode } from 'react';\nimport FooterLogitravel from '../footer/index.mjs';\nimport HeaderLogitravel from '../header/index.mjs';\n\nconst HeaderComponent = ErrorBoundary(HeaderLogitravel);\nconst FooterComponent = ErrorBoundary(FooterLogitravel);\nconst BaseTemplateLogitravel = ({ children, header, footer, mHeader, mFooter, context })=>{\n const isMobile = checkIfMobile(context.DeviceClass);\n const headerProps = isMobile ? mHeader : header;\n const footerProps = isMobile ? mFooter : footer;\n return /*#__PURE__*/ jsx(StrictMode, {\n children: /*#__PURE__*/ jsx(contextBabylon.Provider, {\n value: context,\n children: /*#__PURE__*/ jsxs(BabylonThemeProvider, {\n theme: logitravel,\n children: [\n headerProps && /*#__PURE__*/ jsx(HeaderComponent, {\n ...headerProps\n }),\n children,\n footerProps && /*#__PURE__*/ jsx(FooterComponent, {\n ...footerProps\n })\n ]\n })\n })\n });\n};\n\nexport { BaseTemplateLogitravel as default };\n","const isClientSide = ()=>!!(typeof window !== 'undefined' && window.document && window.document.createElement);\nconst eventListenerOptions = {\n once: true,\n capture: true,\n passive: true\n};\nconst getDisplayName = (WrappedComponent)=>WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component';\nconst isInputPending = (isInputPendingFallbackValue)=>{\n const isInputPending = navigator?.scheduling?.isInputPending?.();\n return isInputPending ?? isInputPendingFallbackValue;\n};\nconst defaultOptions = {\n on: [\n 'idle',\n 'visible'\n ]\n};\n\nexport { defaultOptions, eventListenerOptions, getDisplayName, isClientSide, isInputPending };\n","import { useRef, useCallback, useState, useEffect, useLayoutEffect } from 'react';\nimport { eventListenerOptions, isInputPending } from './withHydrationOnDemand.helpers.mjs';\n\nconst useHydrationOnDemand = (hydrationOnDemandOptions, forceHydration)=>{\n const { disableFallback = false, isInputPendingFallbackValue = true, on = [], onBefore, whenInputPending = false } = hydrationOnDemandOptions;\n const cleanupFunctions = useRef([]);\n const rootRef = useRef(null);\n const cleanUp = useCallback(()=>{\n cleanupFunctions.current.forEach((fn)=>fn());\n cleanupFunctions.current = [];\n }, []);\n const getDefaultHydrationState = ()=>{\n const isNotInputPending = whenInputPending && !isInputPending(isInputPendingFallbackValue);\n return (isNotInputPending || forceHydration) && !onBefore;\n };\n const [isHydrated, setIsHydrated] = useState(getDefaultHydrationState());\n const hydrate = useCallback(()=>{\n cleanUp();\n if (isHydrated) return;\n if (onBefore) onBefore();\n setIsHydrated(true);\n }, [\n isHydrated,\n onBefore,\n cleanUp,\n setIsHydrated\n ]);\n const initDOMEvent = useCallback((type, getTarget = ()=>rootRef.current)=>{\n const target = getTarget();\n target?.addEventListener(type, hydrate, eventListenerOptions);\n cleanupFunctions.current.push(()=>{\n if (!target) return;\n target.removeEventListener(type, hydrate, eventListenerOptions);\n });\n }, [\n hydrate\n ]);\n const initIntersectionObserver = useCallback((getOptions = Function.prototype)=>{\n if (!('IntersectionObserver' in window)) {\n hydrate();\n return;\n }\n const options = getOptions();\n const observer = new IntersectionObserver(([entry])=>{\n if (!entry.isIntersecting || entry.intersectionRatio <= 0) return;\n hydrate();\n }, options);\n cleanupFunctions.current.push(()=>{\n if (!observer) return;\n observer.disconnect();\n });\n rootRef.current && observer.observe(rootRef.current);\n }, [\n hydrate\n ]);\n const initTimeout = useCallback((delay = 2000)=>{\n if (delay <= 0) return;\n const timeout = setTimeout(hydrate, delay);\n cleanupFunctions.current.push(()=>clearTimeout(timeout));\n }, [\n hydrate\n ]);\n const initIdleCallback = useCallback(()=>{\n if (!('requestIdleCallback' in window)) {\n initTimeout();\n return;\n }\n const idleCallback = requestIdleCallback(()=>requestAnimationFrame(()=>hydrate()), {\n timeout: 500\n });\n if (!('cancelIdleCallback' in window)) return;\n cleanupFunctions.current.push(()=>{\n cancelIdleCallback(idleCallback);\n });\n }, [\n hydrate,\n initTimeout\n ]);\n const initEvent = useCallback((type, options)=>{\n switch(type){\n case 'delay':\n initTimeout(options);\n break;\n case 'visible':\n initIntersectionObserver(options);\n break;\n case 'idle':\n initIdleCallback();\n break;\n default:\n initDOMEvent(type, options);\n }\n }, [\n initDOMEvent,\n initIdleCallback,\n initIntersectionObserver,\n initTimeout\n ]);\n useEffect(()=>{\n if (isHydrated) return;\n on.forEach((event)=>Array.isArray(event) ? initEvent(event[0], event[1]) : initEvent(event), []);\n return cleanUp;\n }, [\n isHydrated,\n on,\n initEvent,\n cleanUp\n ]);\n useLayoutEffect(()=>{\n if (isHydrated) return;\n if (forceHydration) {\n hydrate();\n return;\n }\n const wasRenderedServerSide = !!rootRef.current?.getAttribute('data-hydration-on-demand');\n const shouldHydrate = !wasRenderedServerSide && !disableFallback;\n if (shouldHydrate) hydrate();\n }, [\n isHydrated,\n rootRef,\n disableFallback,\n forceHydration,\n hydrate\n ]);\n return {\n rootRef,\n isHydrated\n };\n};\n\nexport { useHydrationOnDemand as default };\n","import { jsx } from 'react/jsx-runtime';\nimport { getDisplayName } from './withHydrationOnDemand.helpers.mjs';\nimport useHydrationOnDemand from './withHydrationOnDemand.useHydrationOnDemand.mjs';\n\nconst withHydrationOnDemandClientSide = (hydrationOnDemandOptions)=>(WrappedComponent)=>{\n const WithHydrationOnDemand = ({ forceHydration = false, wrapperProps, ...props })=>{\n const { rootRef, isHydrated } = useHydrationOnDemand(hydrationOnDemandOptions, forceHydration);\n if (!isHydrated) return /*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n ref: rootRef,\n dangerouslySetInnerHTML: {\n __html: ''\n },\n suppressHydrationWarning: true,\n ...wrapperProps\n });\n return /*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n ...wrapperProps,\n children: /*#__PURE__*/ jsx(WrappedComponent, {\n \"component-hydration-on-demand\": true,\n ...props\n })\n });\n };\n WithHydrationOnDemand.displayName = `withHydrationOnDemand(${getDisplayName(WrappedComponent)})`;\n return WithHydrationOnDemand;\n };\n\nexport { withHydrationOnDemandClientSide as default };\n","import { jsx } from 'react/jsx-runtime';\n\nconst withHydrationOnDemandServerSide = ()=>(WrappedComponent)=>{\n const ComponentWithHydration = (props)=>/*#__PURE__*/ jsx(\"div\", {\n \"data-testid\": \"HydrationOnDemand\",\n \"data-hydration-on-demand\": true,\n children: /*#__PURE__*/ jsx(WrappedComponent, {\n \"component-hydration-on-demand\": true,\n ...props\n })\n });\n return ComponentWithHydration;\n };\n\nexport { withHydrationOnDemandServerSide as default };\n","import { isClientSide, defaultOptions } from './withHydrationOnDemand.helpers.mjs';\nimport withHydrationOnDemandClientSide from './withHydrationOnDemandClientSide.mjs';\nimport withHydrationOnDemandServerSide from './withHydrationOnDemandServerSide.mjs';\n\nconst withHydrationOnDemand = (options = defaultOptions)=>{\n if (isClientSide()) return withHydrationOnDemandClientSide(options);\n return withHydrationOnDemandServerSide();\n};\n\nexport { withHydrationOnDemand as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport styled from 'styled-components';\n\nconst TitleWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TitleWrapper\",\n componentId: \"sc-54939bdf-0\"\n})([\n `margin-bottom:20px;text-align:`,\n `;`\n], ({ $textAlign })=>$textAlign);\nconst TitleStyled = /*#__PURE__*/ styled.h2.withConfig({\n displayName: \"TitleStyled\",\n componentId: \"sc-54939bdf-1\"\n})([\n ``,\n ` font-family:`,\n `;color:`,\n `;padding:0 8px;position:relative;a{color:`,\n `;}`\n], FontMixin({\n size: 'largest',\n height: 'largest',\n weight: 'medium'\n}), (props)=>props.theme.font.family.secondary, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.colors.grays.darker);\nconst SubTitleStyled = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"SubTitleStyled\",\n componentId: \"sc-54939bdf-2\"\n})([\n ``,\n ` color:`,\n `;margin-bottom:0;margin-top:4px;`\n], FontMixin({\n size: 'base',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.dark);\n\nexport { SubTitleStyled, TitleStyled, TitleWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport InnerMarkdownHTML from '../../../inner-markdown-HTML/index.mjs';\nimport { TitleWrapper, TitleStyled, SubTitleStyled } from './styled.mjs';\n\nconst TitleDesktop = ({ title, subTitle, // inspired by the following fix - https://dev.azure.com/toolfactory/babylon/_git/babylon-ui-kit/pullrequest/142840?path=/src/components/base/title/views/desktop/index.tsx&_a=files\nsubtitle, link, className, textAlign = 'center', tag = 'h2' })=>/*#__PURE__*/ jsxs(TitleWrapper, {\n $textAlign: textAlign,\n \"data-testid\": \"Title\",\n className: className,\n children: [\n /*#__PURE__*/ jsxs(TitleStyled, {\n as: tag,\n children: [\n link && /*#__PURE__*/ jsx(\"a\", {\n \"data-testid\": \"link\",\n href: link?.href,\n title: link?.title,\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n }),\n !link && /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n ]\n }),\n subTitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subTitle\n })\n }),\n subtitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subtitle\n })\n })\n ]\n });\n\nexport { TitleDesktop as default };\n","import { FontMixin } from '@babylon/ui-kit-styles/common/mixins/helpers.styled';\nimport { Margin, Padding } from '@babylon/ui-kit-styles/common/mixins/logical.styled';\nimport styled from 'styled-components';\n\nconst TitleMobileWrapper = /*#__PURE__*/ styled.div.withConfig({\n displayName: \"TitleMobileWrapper\",\n componentId: \"sc-4ba00360-0\"\n})([\n `text-align:`,\n `;`,\n ``\n], ({ $textAlign })=>$textAlign, Margin({\n bottom: '12px'\n}));\nconst TitleMobileStyled = /*#__PURE__*/ styled.h2.withConfig({\n displayName: \"TitleMobileStyled\",\n componentId: \"sc-4ba00360-1\"\n})([\n ``,\n ` font-family:`,\n `;color:`,\n `;font-family:`,\n `;`,\n ` `,\n ` position:relative;`\n], FontMixin({\n size: 'larger',\n height: 'larger',\n weight: 'medium'\n}), (props)=>props.theme.font.family.secondary, ({ theme })=>theme.colors.grays.darker, ({ theme })=>theme.font.family.secondary, Padding({\n x: '16px'\n}), Margin({\n bottom: '8px'\n}));\nconst SubTitleStyled = /*#__PURE__*/ styled.p.withConfig({\n displayName: \"SubTitleStyled\",\n componentId: \"sc-4ba00360-2\"\n})([\n ``,\n ` color:`,\n `;text-align:center;`,\n ``\n], FontMixin({\n size: 'medium',\n height: 'base',\n weight: 'light'\n}), ({ theme })=>theme.colors.grays.darker, Padding({\n x: '16px'\n}));\n\nexport { SubTitleStyled, TitleMobileStyled, TitleMobileWrapper };\n","import { jsxs, jsx } from 'react/jsx-runtime';\nimport InnerMarkdownHTML from '../../../inner-markdown-HTML/index.mjs';\nimport { TitleMobileWrapper, TitleMobileStyled, SubTitleStyled } from './styled.mjs';\n\nconst TitleMobile = ({ title, subTitle = '', className, textAlign = 'center', tag = 'h2' })=>/*#__PURE__*/ jsxs(TitleMobileWrapper, {\n $textAlign: textAlign,\n \"data-testid\": \"Title\",\n className: className,\n children: [\n /*#__PURE__*/ jsx(TitleMobileStyled, {\n as: tag,\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: title\n })\n }),\n subTitle && /*#__PURE__*/ jsx(SubTitleStyled, {\n \"data-testid\": \"subtitle\",\n children: /*#__PURE__*/ jsx(InnerMarkdownHTML, {\n content: subTitle\n })\n })\n ]\n });\n\nexport { TitleMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport TitleDesktop from './views/desktop/index.mjs';\nimport TitleMobile from './views/mobile/index.mjs';\n\nconst Title = generateViewsComponent(TitleDesktop, TitleMobile);\n\nexport { Title as default };\n","import styled, { css } from 'styled-components';\nimport { Container } from './container.styled.mjs';\nimport { Margin } from './logical.styled.mjs';\n\nconst SectionMixin = /*#__PURE__*/ css([\n ``,\n ` margin-bottom:`,\n `;`\n], (props)=>props.bg ? `background-color: ${props.bg};` : '', (props)=>props.mb ?? '50px');\nconst SectionMobileMixin = /*#__PURE__*/ css([\n ``,\n ` margin-top:`,\n `;`\n], (props)=>props.bg ? `background-color: ${props.bg};` : '', (props)=>props.mt ?? '20px');\nconst SectionContainer = /*#__PURE__*/ styled(Container).attrs({\n as: 'section'\n}).withConfig({\n displayName: \"SectionContainer\",\n componentId: \"sc-4dcc96c0-0\"\n})([\n ``,\n ``\n], SectionMixin);\nconst SectionSearcher = /*#__PURE__*/ styled(Container).withConfig({\n displayName: \"SectionSearcher\",\n componentId: \"sc-4dcc96c0-1\"\n})([\n `margin-top:`,\n `;`\n], Margin({\n top: '-50px'\n}));\n\nexport { SectionContainer, SectionMixin, SectionMobileMixin, SectionSearcher };\n","import { SectionMixin } from '@babylon/ui-kit-styles/common/mixins/section.styled';\nimport styled from 'styled-components';\n\nconst Section = /*#__PURE__*/ styled.section.withConfig({\n displayName: \"Section\",\n componentId: \"sc-3d06297e-0\"\n})([\n ``,\n ``\n], SectionMixin);\n\nexport { Section };\n","import { jsx } from 'react/jsx-runtime';\nimport { Section } from './styled.mjs';\n\nconst SectionDesktop = ({ className, children })=>/*#__PURE__*/ jsx(Section, {\n className: className,\n children: children\n });\n\nexport { SectionDesktop as default };\n","import { SectionMobileMixin } from '@babylon/ui-kit-styles/common/mixins/section.styled';\nimport styled from 'styled-components';\n\nconst SectionMobile = /*#__PURE__*/ styled.section.withConfig({\n displayName: \"SectionMobile\",\n componentId: \"sc-f594d73c-0\"\n})([\n ``,\n ``\n], SectionMobileMixin);\n\nexport { SectionMobile };\n","import { jsx } from 'react/jsx-runtime';\nimport { SectionMobile as SectionMobile$1 } from './styled.mjs';\n\nconst SectionMobile = ({ className, children })=>/*#__PURE__*/ jsx(SectionMobile$1, {\n className: className,\n children: children\n });\n\nexport { SectionMobile as default };\n","import { generateViewsComponent } from '@babylon/ui-kit-helpers/views';\nimport SectionDesktop from './views/desktop/index.mjs';\nimport SectionMobile from './views/mobile/index.mjs';\n\nconst Section = generateViewsComponent(SectionDesktop, SectionMobile);\n\nexport { Section as default };\n","/**\n * Checks if `value` is the\n * [language type](http://www.ecma-international.org/ecma-262/7.0/#sec-ecmascript-language-types)\n * of `Object`. (e.g. arrays, functions, objects, regexes, `new Number(0)`, and `new String('')`)\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is an object, else `false`.\n * @example\n *\n * _.isObject({});\n * // => true\n *\n * _.isObject([1, 2, 3]);\n * // => true\n *\n * _.isObject(_.noop);\n * // => true\n *\n * _.isObject(null);\n * // => false\n */\nfunction isObject(value) {\n var type = typeof value;\n return value != null && (type == 'object' || type == 'function');\n}\n\nmodule.exports = isObject;\n","/** Detect free variable `global` from Node.js. */\nvar freeGlobal = typeof global == 'object' && global && global.Object === Object && global;\n\nmodule.exports = freeGlobal;\n","var freeGlobal = require('./_freeGlobal');\n\n/** Detect free variable `self`. */\nvar freeSelf = typeof self == 'object' && self && self.Object === Object && self;\n\n/** Used as a reference to the global object. */\nvar root = freeGlobal || freeSelf || Function('return this')();\n\nmodule.exports = root;\n","var root = require('./_root');\n\n/** Built-in value references. */\nvar Symbol = root.Symbol;\n\nmodule.exports = Symbol;\n","var Symbol = require('./_Symbol');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * A specialized version of `baseGetTag` which ignores `Symbol.toStringTag` values.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the raw `toStringTag`.\n */\nfunction getRawTag(value) {\n var isOwn = hasOwnProperty.call(value, symToStringTag),\n tag = value[symToStringTag];\n\n try {\n value[symToStringTag] = undefined;\n var unmasked = true;\n } catch (e) {}\n\n var result = nativeObjectToString.call(value);\n if (unmasked) {\n if (isOwn) {\n value[symToStringTag] = tag;\n } else {\n delete value[symToStringTag];\n }\n }\n return result;\n}\n\nmodule.exports = getRawTag;\n","/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/**\n * Used to resolve the\n * [`toStringTag`](http://ecma-international.org/ecma-262/7.0/#sec-object.prototype.tostring)\n * of values.\n */\nvar nativeObjectToString = objectProto.toString;\n\n/**\n * Converts `value` to a string using `Object.prototype.toString`.\n *\n * @private\n * @param {*} value The value to convert.\n * @returns {string} Returns the converted string.\n */\nfunction objectToString(value) {\n return nativeObjectToString.call(value);\n}\n\nmodule.exports = objectToString;\n","var Symbol = require('./_Symbol'),\n getRawTag = require('./_getRawTag'),\n objectToString = require('./_objectToString');\n\n/** `Object#toString` result references. */\nvar nullTag = '[object Null]',\n undefinedTag = '[object Undefined]';\n\n/** Built-in value references. */\nvar symToStringTag = Symbol ? Symbol.toStringTag : undefined;\n\n/**\n * The base implementation of `getTag` without fallbacks for buggy environments.\n *\n * @private\n * @param {*} value The value to query.\n * @returns {string} Returns the `toStringTag`.\n */\nfunction baseGetTag(value) {\n if (value == null) {\n return value === undefined ? undefinedTag : nullTag;\n }\n return (symToStringTag && symToStringTag in Object(value))\n ? getRawTag(value)\n : objectToString(value);\n}\n\nmodule.exports = baseGetTag;\n","/**\n * Checks if `value` is object-like. A value is object-like if it's not `null`\n * and has a `typeof` result of \"object\".\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is object-like, else `false`.\n * @example\n *\n * _.isObjectLike({});\n * // => true\n *\n * _.isObjectLike([1, 2, 3]);\n * // => true\n *\n * _.isObjectLike(_.noop);\n * // => false\n *\n * _.isObjectLike(null);\n * // => false\n */\nfunction isObjectLike(value) {\n return value != null && typeof value == 'object';\n}\n\nmodule.exports = isObjectLike;\n","var baseGetTag = require('./_baseGetTag'),\n isObject = require('./isObject');\n\n/** `Object#toString` result references. */\nvar asyncTag = '[object AsyncFunction]',\n funcTag = '[object Function]',\n genTag = '[object GeneratorFunction]',\n proxyTag = '[object Proxy]';\n\n/**\n * Checks if `value` is classified as a `Function` object.\n *\n * @static\n * @memberOf _\n * @since 0.1.0\n * @category Lang\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a function, else `false`.\n * @example\n *\n * _.isFunction(_);\n * // => true\n *\n * _.isFunction(/abc/);\n * // => false\n */\nfunction isFunction(value) {\n if (!isObject(value)) {\n return false;\n }\n // The use of `Object#toString` avoids issues with the `typeof` operator\n // in Safari 9 which returns 'object' for typed arrays and other constructors.\n var tag = baseGetTag(value);\n return tag == funcTag || tag == genTag || tag == asyncTag || tag == proxyTag;\n}\n\nmodule.exports = isFunction;\n","var root = require('./_root');\n\n/** Used to detect overreaching core-js shims. */\nvar coreJsData = root['__core-js_shared__'];\n\nmodule.exports = coreJsData;\n","var coreJsData = require('./_coreJsData');\n\n/** Used to detect methods masquerading as native. */\nvar maskSrcKey = (function() {\n var uid = /[^.]+$/.exec(coreJsData && coreJsData.keys && coreJsData.keys.IE_PROTO || '');\n return uid ? ('Symbol(src)_1.' + uid) : '';\n}());\n\n/**\n * Checks if `func` has its source masked.\n *\n * @private\n * @param {Function} func The function to check.\n * @returns {boolean} Returns `true` if `func` is masked, else `false`.\n */\nfunction isMasked(func) {\n return !!maskSrcKey && (maskSrcKey in func);\n}\n\nmodule.exports = isMasked;\n","/** Used for built-in method references. */\nvar funcProto = Function.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/**\n * Converts `func` to its source code.\n *\n * @private\n * @param {Function} func The function to convert.\n * @returns {string} Returns the source code.\n */\nfunction toSource(func) {\n if (func != null) {\n try {\n return funcToString.call(func);\n } catch (e) {}\n try {\n return (func + '');\n } catch (e) {}\n }\n return '';\n}\n\nmodule.exports = toSource;\n","var isFunction = require('./isFunction'),\n isMasked = require('./_isMasked'),\n isObject = require('./isObject'),\n toSource = require('./_toSource');\n\n/**\n * Used to match `RegExp`\n * [syntax characters](http://ecma-international.org/ecma-262/7.0/#sec-patterns).\n */\nvar reRegExpChar = /[\\\\^$.*+?()[\\]{}|]/g;\n\n/** Used to detect host constructors (Safari). */\nvar reIsHostCtor = /^\\[object .+?Constructor\\]$/;\n\n/** Used for built-in method references. */\nvar funcProto = Function.prototype,\n objectProto = Object.prototype;\n\n/** Used to resolve the decompiled source of functions. */\nvar funcToString = funcProto.toString;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/** Used to detect if a method is native. */\nvar reIsNative = RegExp('^' +\n funcToString.call(hasOwnProperty).replace(reRegExpChar, '\\\\$&')\n .replace(/hasOwnProperty|(function).*?(?=\\\\\\()| for .+?(?=\\\\\\])/g, '$1.*?') + '$'\n);\n\n/**\n * The base implementation of `_.isNative` without bad shim checks.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is a native function,\n * else `false`.\n */\nfunction baseIsNative(value) {\n if (!isObject(value) || isMasked(value)) {\n return false;\n }\n var pattern = isFunction(value) ? reIsNative : reIsHostCtor;\n return pattern.test(toSource(value));\n}\n\nmodule.exports = baseIsNative;\n","/**\n * Gets the value at `key` of `object`.\n *\n * @private\n * @param {Object} [object] The object to query.\n * @param {string} key The key of the property to get.\n * @returns {*} Returns the property value.\n */\nfunction getValue(object, key) {\n return object == null ? undefined : object[key];\n}\n\nmodule.exports = getValue;\n","var baseIsNative = require('./_baseIsNative'),\n getValue = require('./_getValue');\n\n/**\n * Gets the native function at `key` of `object`.\n *\n * @private\n * @param {Object} object The object to query.\n * @param {string} key The key of the method to get.\n * @returns {*} Returns the function if it's native, else `undefined`.\n */\nfunction getNative(object, key) {\n var value = getValue(object, key);\n return baseIsNative(value) ? value : undefined;\n}\n\nmodule.exports = getNative;\n","var getNative = require('./_getNative');\n\n/* Built-in method references that are verified to be native. */\nvar nativeCreate = getNative(Object, 'create');\n\nmodule.exports = nativeCreate;\n","var nativeCreate = require('./_nativeCreate');\n\n/**\n * Removes all key-value entries from the hash.\n *\n * @private\n * @name clear\n * @memberOf Hash\n */\nfunction hashClear() {\n this.__data__ = nativeCreate ? nativeCreate(null) : {};\n this.size = 0;\n}\n\nmodule.exports = hashClear;\n","/**\n * Removes `key` and its value from the hash.\n *\n * @private\n * @name delete\n * @memberOf Hash\n * @param {Object} hash The hash to modify.\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction hashDelete(key) {\n var result = this.has(key) && delete this.__data__[key];\n this.size -= result ? 1 : 0;\n return result;\n}\n\nmodule.exports = hashDelete;\n","var nativeCreate = require('./_nativeCreate');\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Gets the hash value for `key`.\n *\n * @private\n * @name get\n * @memberOf Hash\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction hashGet(key) {\n var data = this.__data__;\n if (nativeCreate) {\n var result = data[key];\n return result === HASH_UNDEFINED ? undefined : result;\n }\n return hasOwnProperty.call(data, key) ? data[key] : undefined;\n}\n\nmodule.exports = hashGet;\n","var nativeCreate = require('./_nativeCreate');\n\n/** Used for built-in method references. */\nvar objectProto = Object.prototype;\n\n/** Used to check objects for own properties. */\nvar hasOwnProperty = objectProto.hasOwnProperty;\n\n/**\n * Checks if a hash value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf Hash\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction hashHas(key) {\n var data = this.__data__;\n return nativeCreate ? (data[key] !== undefined) : hasOwnProperty.call(data, key);\n}\n\nmodule.exports = hashHas;\n","var nativeCreate = require('./_nativeCreate');\n\n/** Used to stand-in for `undefined` hash values. */\nvar HASH_UNDEFINED = '__lodash_hash_undefined__';\n\n/**\n * Sets the hash `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf Hash\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the hash instance.\n */\nfunction hashSet(key, value) {\n var data = this.__data__;\n this.size += this.has(key) ? 0 : 1;\n data[key] = (nativeCreate && value === undefined) ? HASH_UNDEFINED : value;\n return this;\n}\n\nmodule.exports = hashSet;\n","var hashClear = require('./_hashClear'),\n hashDelete = require('./_hashDelete'),\n hashGet = require('./_hashGet'),\n hashHas = require('./_hashHas'),\n hashSet = require('./_hashSet');\n\n/**\n * Creates a hash object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction Hash(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `Hash`.\nHash.prototype.clear = hashClear;\nHash.prototype['delete'] = hashDelete;\nHash.prototype.get = hashGet;\nHash.prototype.has = hashHas;\nHash.prototype.set = hashSet;\n\nmodule.exports = Hash;\n","/**\n * Removes all key-value entries from the list cache.\n *\n * @private\n * @name clear\n * @memberOf ListCache\n */\nfunction listCacheClear() {\n this.__data__ = [];\n this.size = 0;\n}\n\nmodule.exports = listCacheClear;\n","/**\n * Performs a\n * [`SameValueZero`](http://ecma-international.org/ecma-262/7.0/#sec-samevaluezero)\n * comparison between two values to determine if they are equivalent.\n *\n * @static\n * @memberOf _\n * @since 4.0.0\n * @category Lang\n * @param {*} value The value to compare.\n * @param {*} other The other value to compare.\n * @returns {boolean} Returns `true` if the values are equivalent, else `false`.\n * @example\n *\n * var object = { 'a': 1 };\n * var other = { 'a': 1 };\n *\n * _.eq(object, object);\n * // => true\n *\n * _.eq(object, other);\n * // => false\n *\n * _.eq('a', 'a');\n * // => true\n *\n * _.eq('a', Object('a'));\n * // => false\n *\n * _.eq(NaN, NaN);\n * // => true\n */\nfunction eq(value, other) {\n return value === other || (value !== value && other !== other);\n}\n\nmodule.exports = eq;\n","var eq = require('./eq');\n\n/**\n * Gets the index at which the `key` is found in `array` of key-value pairs.\n *\n * @private\n * @param {Array} array The array to inspect.\n * @param {*} key The key to search for.\n * @returns {number} Returns the index of the matched value, else `-1`.\n */\nfunction assocIndexOf(array, key) {\n var length = array.length;\n while (length--) {\n if (eq(array[length][0], key)) {\n return length;\n }\n }\n return -1;\n}\n\nmodule.exports = assocIndexOf;\n","var assocIndexOf = require('./_assocIndexOf');\n\n/** Used for built-in method references. */\nvar arrayProto = Array.prototype;\n\n/** Built-in value references. */\nvar splice = arrayProto.splice;\n\n/**\n * Removes `key` and its value from the list cache.\n *\n * @private\n * @name delete\n * @memberOf ListCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction listCacheDelete(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n return false;\n }\n var lastIndex = data.length - 1;\n if (index == lastIndex) {\n data.pop();\n } else {\n splice.call(data, index, 1);\n }\n --this.size;\n return true;\n}\n\nmodule.exports = listCacheDelete;\n","var assocIndexOf = require('./_assocIndexOf');\n\n/**\n * Gets the list cache value for `key`.\n *\n * @private\n * @name get\n * @memberOf ListCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction listCacheGet(key) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n return index < 0 ? undefined : data[index][1];\n}\n\nmodule.exports = listCacheGet;\n","var assocIndexOf = require('./_assocIndexOf');\n\n/**\n * Checks if a list cache value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf ListCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction listCacheHas(key) {\n return assocIndexOf(this.__data__, key) > -1;\n}\n\nmodule.exports = listCacheHas;\n","var assocIndexOf = require('./_assocIndexOf');\n\n/**\n * Sets the list cache `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf ListCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the list cache instance.\n */\nfunction listCacheSet(key, value) {\n var data = this.__data__,\n index = assocIndexOf(data, key);\n\n if (index < 0) {\n ++this.size;\n data.push([key, value]);\n } else {\n data[index][1] = value;\n }\n return this;\n}\n\nmodule.exports = listCacheSet;\n","var listCacheClear = require('./_listCacheClear'),\n listCacheDelete = require('./_listCacheDelete'),\n listCacheGet = require('./_listCacheGet'),\n listCacheHas = require('./_listCacheHas'),\n listCacheSet = require('./_listCacheSet');\n\n/**\n * Creates an list cache object.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction ListCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `ListCache`.\nListCache.prototype.clear = listCacheClear;\nListCache.prototype['delete'] = listCacheDelete;\nListCache.prototype.get = listCacheGet;\nListCache.prototype.has = listCacheHas;\nListCache.prototype.set = listCacheSet;\n\nmodule.exports = ListCache;\n","var getNative = require('./_getNative'),\n root = require('./_root');\n\n/* Built-in method references that are verified to be native. */\nvar Map = getNative(root, 'Map');\n\nmodule.exports = Map;\n","var Hash = require('./_Hash'),\n ListCache = require('./_ListCache'),\n Map = require('./_Map');\n\n/**\n * Removes all key-value entries from the map.\n *\n * @private\n * @name clear\n * @memberOf MapCache\n */\nfunction mapCacheClear() {\n this.size = 0;\n this.__data__ = {\n 'hash': new Hash,\n 'map': new (Map || ListCache),\n 'string': new Hash\n };\n}\n\nmodule.exports = mapCacheClear;\n","/**\n * Checks if `value` is suitable for use as unique object key.\n *\n * @private\n * @param {*} value The value to check.\n * @returns {boolean} Returns `true` if `value` is suitable, else `false`.\n */\nfunction isKeyable(value) {\n var type = typeof value;\n return (type == 'string' || type == 'number' || type == 'symbol' || type == 'boolean')\n ? (value !== '__proto__')\n : (value === null);\n}\n\nmodule.exports = isKeyable;\n","var isKeyable = require('./_isKeyable');\n\n/**\n * Gets the data for `map`.\n *\n * @private\n * @param {Object} map The map to query.\n * @param {string} key The reference key.\n * @returns {*} Returns the map data.\n */\nfunction getMapData(map, key) {\n var data = map.__data__;\n return isKeyable(key)\n ? data[typeof key == 'string' ? 'string' : 'hash']\n : data.map;\n}\n\nmodule.exports = getMapData;\n","var getMapData = require('./_getMapData');\n\n/**\n * Removes `key` and its value from the map.\n *\n * @private\n * @name delete\n * @memberOf MapCache\n * @param {string} key The key of the value to remove.\n * @returns {boolean} Returns `true` if the entry was removed, else `false`.\n */\nfunction mapCacheDelete(key) {\n var result = getMapData(this, key)['delete'](key);\n this.size -= result ? 1 : 0;\n return result;\n}\n\nmodule.exports = mapCacheDelete;\n","var getMapData = require('./_getMapData');\n\n/**\n * Gets the map value for `key`.\n *\n * @private\n * @name get\n * @memberOf MapCache\n * @param {string} key The key of the value to get.\n * @returns {*} Returns the entry value.\n */\nfunction mapCacheGet(key) {\n return getMapData(this, key).get(key);\n}\n\nmodule.exports = mapCacheGet;\n","var getMapData = require('./_getMapData');\n\n/**\n * Checks if a map value for `key` exists.\n *\n * @private\n * @name has\n * @memberOf MapCache\n * @param {string} key The key of the entry to check.\n * @returns {boolean} Returns `true` if an entry for `key` exists, else `false`.\n */\nfunction mapCacheHas(key) {\n return getMapData(this, key).has(key);\n}\n\nmodule.exports = mapCacheHas;\n","var getMapData = require('./_getMapData');\n\n/**\n * Sets the map `key` to `value`.\n *\n * @private\n * @name set\n * @memberOf MapCache\n * @param {string} key The key of the value to set.\n * @param {*} value The value to set.\n * @returns {Object} Returns the map cache instance.\n */\nfunction mapCacheSet(key, value) {\n var data = getMapData(this, key),\n size = data.size;\n\n data.set(key, value);\n this.size += data.size == size ? 0 : 1;\n return this;\n}\n\nmodule.exports = mapCacheSet;\n","var mapCacheClear = require('./_mapCacheClear'),\n mapCacheDelete = require('./_mapCacheDelete'),\n mapCacheGet = require('./_mapCacheGet'),\n mapCacheHas = require('./_mapCacheHas'),\n mapCacheSet = require('./_mapCacheSet');\n\n/**\n * Creates a map cache object to store key-value pairs.\n *\n * @private\n * @constructor\n * @param {Array} [entries] The key-value pairs to cache.\n */\nfunction MapCache(entries) {\n var index = -1,\n length = entries == null ? 0 : entries.length;\n\n this.clear();\n while (++index < length) {\n var entry = entries[index];\n this.set(entry[0], entry[1]);\n }\n}\n\n// Add methods to `MapCache`.\nMapCache.prototype.clear = mapCacheClear;\nMapCache.prototype['delete'] = mapCacheDelete;\nMapCache.prototype.get = mapCacheGet;\nMapCache.prototype.has = mapCacheHas;\nMapCache.prototype.set = mapCacheSet;\n\nmodule.exports = MapCache;\n","'use strict';\n\nvar m = require('react-dom');\nif (process.env.NODE_ENV === 'production') {\n exports.createRoot = m.createRoot;\n exports.hydrateRoot = m.hydrateRoot;\n} else {\n var i = m.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;\n exports.createRoot = function(c, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.createRoot(c, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n exports.hydrateRoot = function(c, h, o) {\n i.usingClientEntryPoint = true;\n try {\n return m.hydrateRoot(c, h, o);\n } finally {\n i.usingClientEntryPoint = false;\n }\n };\n}\n","import { hydrateRoot } from 'react-dom/client';\n\nexport default function clientSideRendering(RootComponent: any) {\n\treturn async function render(rootProps: any) {\n\t\tconst container = document.getElementById('app');\n\n\t\treturn hydrateRoot(container!, );\n\t};\n}\n","/**\n * @license React\n * react-dom-server-legacy.browser.production.min.js\n *\n * Copyright (c) Facebook, Inc. and its affiliates.\n *\n * This source code is licensed under the MIT license found in the\n * LICENSE file in the root directory of this source tree.\n */\n'use strict';var aa=require(\"react\");function l(a){for(var b=\"https://reactjs.org/docs/error-decoder.html?invariant=\"+a,c=1;c