@envive-ai/react-toolkit-v3 0.3.19 → 0.3.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/AnimatedText/AnimatedText.d.cts +3 -3
- package/dist/AnimatedText/AnimatedText.d.ts +3 -3
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.cts +2 -2
- package/dist/CSSVariablesEditor/CssVariablesEditorComponent.d.ts +2 -2
- package/dist/CSSVariablesEditor/hooks/useGetCssVariablesOptions.cjs +1 -1
- package/dist/CSSVariablesEditor/hooks/useGetCssVariablesOptions.js +1 -1
- package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.cjs +1 -1
- package/dist/CSSVariablesEditor/hooks/useGetCurrentMerchantColors.js +1 -1
- package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.cjs +1 -1
- package/dist/CSSVariablesEditor/hooks/useGetDefaultCssVariables.js +1 -1
- package/dist/CSSVariablesEditor/hooks/useHandleUpdateCssVars.cjs +1 -1
- package/dist/CSSVariablesEditor/hooks/useHandleUpdateCssVars.js +1 -1
- package/dist/Carousel/Carousel.cjs +1 -1
- package/dist/Carousel/Carousel.d.cts +2 -2
- package/dist/Carousel/Carousel.js +1 -1
- package/dist/Carousel/components/Badge.cjs +1 -1
- package/dist/Carousel/components/Badge.js +1 -1
- package/dist/Carousel/components/Container.cjs +3 -3
- package/dist/Carousel/components/Container.js +3 -3
- package/dist/ChatFooter/ChatFooter.cjs +2 -2
- package/dist/ChatFooter/ChatFooter.d.cts +2 -2
- package/dist/ChatFooter/ChatFooter.d.ts +2 -2
- package/dist/ChatFooter/ChatFooter.js +2 -2
- package/dist/ChatFooter/components/Layout.cjs +3 -3
- package/dist/ChatFooter/components/Layout.js +3 -3
- package/dist/ChatFooter/components/index.d.cts +5 -5
- package/dist/ChatFooter/components/index.d.ts +5 -5
- package/dist/ChatHeader/ChatHeader.d.cts +2 -2
- package/dist/ChatHeader/components/Handle.cjs +2 -2
- package/dist/ChatHeader/components/Handle.js +2 -2
- package/dist/ChatHeader/components/Toggle.cjs +3 -3
- package/dist/ChatHeader/components/Toggle.js +3 -3
- package/dist/ChatHeader/hooks/useGetLayoutProperties.cjs +1 -1
- package/dist/ChatHeader/hooks/useGetLayoutProperties.js +1 -1
- package/dist/ChatPreview/ChatPreview.cjs +1 -1
- package/dist/ChatPreview/ChatPreview.d.ts +2 -2
- package/dist/ChatPreview/ChatPreview.js +1 -1
- package/dist/ChatPreviewComparison/ChatPreviewComparison.cjs +1 -1
- package/dist/ChatPreviewComparison/ChatPreviewComparison.d.ts +2 -2
- package/dist/ChatPreviewComparison/ChatPreviewComparison.js +1 -1
- package/dist/ChatPreviewComparison/components/Headline.cjs +2 -2
- package/dist/ChatPreviewComparison/components/Headline.js +2 -2
- package/dist/ChatPreviewComparison/components/Layout.cjs +8 -8
- package/dist/ChatPreviewComparison/components/Layout.js +6 -6
- package/dist/ChatPreviewComparison/components/Message.cjs +4 -4
- package/dist/ChatPreviewComparison/components/Message.js +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.cts +2 -2
- package/dist/ChatPreviewLoading/ChatPreviewLoading.d.ts +2 -2
- package/dist/Container/Container.d.cts +8 -8
- package/dist/Container/Container.d.ts +173 -173
- package/dist/DesignTokens/DesignTokensComponent.d.cts +2 -2
- package/dist/DesignTokens/DesignTokensComponent.d.ts +2 -2
- package/dist/DesignTokens/components/FontFamily.cjs +1 -1
- package/dist/DesignTokens/components/FontFamily.js +1 -1
- package/dist/DesignTokens/components/FontSize.cjs +1 -1
- package/dist/DesignTokens/components/FontSize.js +1 -1
- package/dist/DesignTokens/components/FontWeight.cjs +1 -1
- package/dist/DesignTokens/components/FontWeight.js +1 -1
- package/dist/DesignTokens/components/LetterSpacing.cjs +1 -1
- package/dist/DesignTokens/components/LetterSpacing.js +1 -1
- package/dist/DesignTokens/components/LineHeight.cjs +1 -1
- package/dist/DesignTokens/components/LineHeight.js +1 -1
- package/dist/DesignTokens/components/Typography.cjs +1 -1
- package/dist/DesignTokens/components/Typography.js +1 -1
- package/dist/Disclaimer/components/Container.cjs +3 -3
- package/dist/Disclaimer/components/Container.js +3 -3
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.cts +2 -2
- package/dist/DocumentRetrievalCard/DocumentRetrievalCard.d.ts +2 -2
- package/dist/DocumentRetrievalCard/components/Image.cjs +1 -1
- package/dist/DocumentRetrievalCard/components/Image.js +1 -1
- package/dist/DocumentRetrievalCard/components/Layout.cjs +3 -3
- package/dist/DocumentRetrievalCard/components/Layout.js +3 -3
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.cjs +2 -2
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Icon.js +2 -2
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Label.cjs +1 -1
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Label.js +1 -1
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Layout.cjs +1 -1
- package/dist/DocumentRetrievalCard/components/ViewArticleButton/components/Layout.js +1 -1
- package/dist/FloatingButton/FloatingButton.d.cts +2 -2
- package/dist/FloatingButton/FloatingButton.d.ts +2 -2
- package/dist/FloatingButton/components/Button.cjs +1 -1
- package/dist/FloatingButton/components/Button.js +1 -1
- package/dist/FloatingButton/components/Container.cjs +1 -1
- package/dist/FloatingButton/components/Container.js +1 -1
- package/dist/FloatingButton/components/Wrapper.cjs +1 -1
- package/dist/FloatingButton/components/Wrapper.js +1 -1
- package/dist/FloatingChat/FloatingChat.cjs +25 -22
- package/dist/FloatingChat/FloatingChat.d.cts +4 -3
- package/dist/FloatingChat/FloatingChat.d.ts +4 -3
- package/dist/FloatingChat/FloatingChat.js +26 -23
- package/dist/FloatingChat/components/AgentMessage.cjs +2 -8
- package/dist/FloatingChat/components/AgentMessage.js +2 -8
- package/dist/FloatingChat/components/ChatMessages.cjs +2 -2
- package/dist/FloatingChat/components/ChatMessages.js +2 -2
- package/dist/FloatingChat/components/Layout.cjs +4 -4
- package/dist/FloatingChat/components/Layout.js +4 -4
- package/dist/FloatingChat/components/ProductResultsModal.cjs +62 -0
- package/dist/FloatingChat/components/ProductResultsModal.js +60 -0
- package/dist/FloatingChat/components/ResultsGridView.cjs +18 -4
- package/dist/FloatingChat/components/ResultsGridView.js +16 -5
- package/dist/FloatingChat/components/SalesAgentBadgeContent.cjs +2 -2
- package/dist/FloatingChat/components/SalesAgentBadgeContent.js +2 -2
- package/dist/FloatingChat/components/SlideChatContent.cjs +3 -2
- package/dist/FloatingChat/components/SlideChatContent.js +4 -3
- package/dist/FloatingChat/components/index.cjs +2 -0
- package/dist/FloatingChat/components/index.js +2 -0
- package/dist/FloatingChat/hooks/useProductResultsView.cjs +14 -1
- package/dist/FloatingChat/hooks/useProductResultsView.js +15 -2
- package/dist/FloatingChat/hooks/useSnapSetup.cjs +2 -2
- package/dist/FloatingChat/types/types.d.cts +4 -0
- package/dist/FloatingChat/types/types.d.ts +4 -0
- package/dist/FloatingChat/utils/functions.cjs +24 -16
- package/dist/FloatingChat/utils/functions.js +24 -17
- package/dist/FloatingChat/utils/trackProductCardInteraction.cjs +18 -0
- package/dist/FloatingChat/utils/trackProductCardInteraction.js +17 -0
- package/dist/Form/Form.cjs +1 -1
- package/dist/Form/Form.js +1 -1
- package/dist/Form/components/Layout.cjs +1 -1
- package/dist/Form/components/Layout.js +1 -1
- package/dist/Form/components/SubmitButtonItem.cjs +1 -1
- package/dist/Form/components/SubmitButtonItem.js +1 -1
- package/dist/Form/components/TextFieldItem.cjs +1 -1
- package/dist/Form/components/TextFieldItem.js +1 -1
- package/dist/FullPageSalesAgent/FullPageSalesAgent.cjs +30 -8
- package/dist/FullPageSalesAgent/FullPageSalesAgent.d.cts +2 -2
- package/dist/FullPageSalesAgent/FullPageSalesAgent.d.ts +2 -2
- package/dist/FullPageSalesAgent/FullPageSalesAgent.js +30 -8
- package/dist/FullPageSalesAgent/components/Layout.cjs +3 -2
- package/dist/FullPageSalesAgent/components/Layout.js +3 -2
- package/dist/FullPageSalesAgent/hooks/useIsMobile.cjs +2 -2
- package/dist/Image/Image.cjs +1 -1
- package/dist/Image/Image.d.cts +2 -2
- package/dist/Image/Image.d.ts +2 -2
- package/dist/Image/Image.js +1 -1
- package/dist/ImageGallery/ImageGallery.d.cts +2 -2
- package/dist/ImageGallery/ImageGallery.d.ts +2 -2
- package/dist/ImageGallery/components/Layout.cjs +4 -4
- package/dist/ImageGallery/components/Layout.js +2 -2
- package/dist/ImageGallery/utils/functions.cjs +1 -1
- package/dist/ImageGallery/utils/functions.js +1 -1
- package/dist/MarkdownProcessor/MarkdownProcessor.d.cts +2 -2
- package/dist/MarkdownProcessor/MarkdownProcessor.d.ts +2 -2
- package/dist/Message/components/Layout.cjs +1 -1
- package/dist/Message/components/Layout.js +1 -1
- package/dist/Message/components/LinkButton.cjs +1 -1
- package/dist/Message/components/LinkButton.js +1 -1
- package/dist/OrderLookupCard/OrderLookupCard.cjs +2 -2
- package/dist/OrderLookupCard/OrderLookupCard.js +2 -2
- package/dist/OrderLookupCard/components/Layout.cjs +1 -1
- package/dist/OrderLookupCard/components/Layout.js +1 -1
- package/dist/OrderLookupCard/components/MoreProductsOverlay.cjs +1 -1
- package/dist/OrderLookupCard/components/MoreProductsOverlay.js +1 -1
- package/dist/OrderLookupCard/components/ProductImageGridItem.cjs +1 -1
- package/dist/OrderLookupCard/components/ProductImageGridItem.js +1 -1
- package/dist/OrderLookupCard/components/ProductImageItem.cjs +1 -1
- package/dist/OrderLookupCard/components/ProductImageItem.js +1 -1
- package/dist/OrderLookupCard/components/ProductImagesGrid.cjs +1 -1
- package/dist/OrderLookupCard/components/ProductImagesGrid.js +1 -1
- package/dist/OrderLookupCard/components/StatusLabel.cjs +1 -1
- package/dist/OrderLookupCard/components/StatusLabel.js +1 -1
- package/dist/OrderLookupCard/components/TrackOrderLink.cjs +1 -1
- package/dist/OrderLookupCard/components/TrackOrderLink.js +1 -1
- package/dist/ProductCard/ProductCard.cjs +3 -3
- package/dist/ProductCard/ProductCard.d.cts +2 -2
- package/dist/ProductCard/ProductCard.d.ts +2 -2
- package/dist/ProductCard/ProductCard.js +3 -3
- package/dist/PromptButton/PromptButton.cjs +1 -1
- package/dist/PromptButton/PromptButton.d.cts +2 -2
- package/dist/PromptButton/PromptButton.d.ts +2 -2
- package/dist/PromptButton/PromptButton.js +1 -1
- package/dist/PromptButton/components/Layout.cjs +1 -1
- package/dist/PromptButton/components/Layout.js +1 -1
- package/dist/PromptButton/components/Loading.cjs +1 -1
- package/dist/PromptButton/components/Loading.js +1 -1
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.cts +2 -2
- package/dist/PromptButtonCarouselWithImage/PromptButtonCarouselWithImage.d.ts +2 -2
- package/dist/PromptButtonCarouselWithImage/components/Layout.cjs +3 -3
- package/dist/PromptButtonCarouselWithImage/components/Layout.js +1 -1
- package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.cjs +3 -3
- package/dist/PromptButtonCarouselWithImage/components/PromptButtonsCarousel.js +1 -1
- package/dist/PromptButtonCarouselWithImage/components/Skeleton.cjs +1 -1
- package/dist/PromptButtonCarouselWithImage/components/Skeleton.js +1 -1
- package/dist/PromptCarousel/PromptCarousel.cjs +6 -6
- package/dist/PromptCarousel/PromptCarousel.d.cts +2 -2
- package/dist/PromptCarousel/PromptCarousel.js +4 -4
- package/dist/ReviewCard/ReviewCard.d.cts +2 -2
- package/dist/ReviewCard/ReviewCard.d.ts +2 -2
- package/dist/ReviewCard/components/Container.cjs +3 -3
- package/dist/ReviewCard/components/Container.js +3 -3
- package/dist/ReviewCard/components/Rating.cjs +1 -1
- package/dist/ReviewCard/components/Rating.js +1 -1
- package/dist/ReviewCard/components/ReadMoreButton.cjs +2 -2
- package/dist/ReviewCard/components/ReadMoreButton.js +2 -2
- package/dist/ReviewCard/components/index.d.cts +6 -6
- package/dist/ReviewCard/components/index.d.ts +4 -4
- package/dist/SalesAgentProductCard/SalesAgentProductCard.d.cts +2 -2
- package/dist/SalesAgentProductCard/components/Container.cjs +3 -3
- package/dist/SalesAgentProductCard/components/Container.js +3 -3
- package/dist/SalesAgentProductCard/components/ProductImage.cjs +1 -1
- package/dist/SalesAgentProductCard/components/ProductImage.js +1 -1
- package/dist/SalesAgentProductCard/components/ProductName.cjs +1 -1
- package/dist/SalesAgentProductCard/components/ProductName.js +1 -1
- package/dist/SalesAgentProductCard/components/index.d.cts +8 -8
- package/dist/SalesAgentProductCard/components/index.d.ts +2 -2
- package/dist/SocialProof/SocialProof.cjs +3 -3
- package/dist/SocialProof/SocialProof.d.cts +2 -2
- package/dist/SocialProof/SocialProof.d.ts +2 -2
- package/dist/SocialProof/SocialProof.js +1 -1
- package/dist/SocialProof/components/Headline.cjs +4 -4
- package/dist/SocialProof/components/Headline.js +4 -4
- package/dist/SocialProof/components/LayoutFourHorizontal.cjs +4 -4
- package/dist/SocialProof/components/LayoutFourHorizontal.js +2 -2
- package/dist/SocialProof/components/LayoutSingle.cjs +2 -2
- package/dist/SocialProof/components/Subheadline.cjs +1 -1
- package/dist/SocialProof/components/Subheadline.js +1 -1
- package/dist/SparkleAnimation/SparkleAnimation.d.cts +2 -2
- package/dist/SparkleAnimation/SparkleAnimation.d.ts +2 -2
- package/dist/Stack/Stack.d.cts +2 -2
- package/dist/TextField/TextField.cjs +1 -1
- package/dist/TextField/TextField.js +1 -1
- package/dist/TextField/components/Input.cjs +1 -1
- package/dist/TextField/components/Input.js +1 -1
- package/dist/TextField/components/Layout.cjs +1 -1
- package/dist/TextField/components/Layout.js +1 -1
- package/dist/TextField/components/SendIcon.cjs +1 -1
- package/dist/TextField/components/SendIcon.js +1 -1
- package/dist/Title/Title.cjs +1 -1
- package/dist/Title/Title.js +1 -1
- package/dist/Title/components/Layout.cjs +1 -1
- package/dist/Title/components/Layout.js +1 -1
- package/dist/TitledPromptCarousel/TitledPromptCarousel.cjs +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.cts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.d.ts +2 -2
- package/dist/TitledPromptCarousel/TitledPromptCarousel.js +2 -2
- package/dist/Tokens/index.cjs +2 -2
- package/dist/Tokens/index.js +2 -2
- package/dist/TypingAnimation/TypingAnimation.cjs +1 -1
- package/dist/TypingAnimation/TypingAnimation.d.cts +2 -2
- package/dist/TypingAnimation/TypingAnimation.d.ts +2 -2
- package/dist/TypingAnimation/TypingAnimation.js +1 -1
- package/dist/TypingAnimation/hooks/useGetTypographyVariant.cjs +1 -1
- package/dist/TypingAnimation/hooks/useGetTypographyVariant.js +1 -1
- package/dist/Typography/Typography.d.cts +4 -4
- package/dist/Typography/Typography.d.ts +4 -4
- package/dist/WelcomeMessage/components/Container.cjs +3 -3
- package/dist/WelcomeMessage/components/Container.js +3 -3
- package/dist/WidgetTextField/WidgetTextField.cjs +1 -1
- package/dist/WidgetTextField/WidgetTextField.js +1 -1
- package/dist/WidgetTextField/components/Container.cjs +3 -3
- package/dist/WidgetTextField/components/Container.js +3 -3
- package/dist/WidgetTextField/components/Icon.cjs +1 -1
- package/dist/WidgetTextField/components/Icon.js +1 -1
- package/dist/WidgetTextField/components/Skeleton.cjs +1 -1
- package/dist/WidgetTextField/components/Skeleton.js +1 -1
- package/dist/WidgetWrapper/WidgetWrapper.cjs +1 -1
- package/dist/WidgetWrapper/WidgetWrapper.d.cts +2 -2
- package/dist/WidgetWrapper/WidgetWrapper.d.ts +2 -2
- package/dist/WidgetWrapper/WidgetWrapper.js +1 -1
- package/dist/WidgetWrapperWithTitle/WidgetWrapperWithTitle.d.cts +2 -2
- package/dist/styles.css +1 -1
- package/dist/utils/resolveTheme.cjs +1 -1
- package/dist/utils/resolveTheme.js +1 -1
- package/dist/utils/useCheckIsMobile.d.cts +9 -0
- package/dist/utils/useCheckIsMobile.d.ts +9 -0
- package/package.json +5 -1
- package/src/components/FloatingChat/FloatingChat.tsx +35 -34
- package/src/components/FloatingChat/components/AgentMessage.tsx +2 -12
- package/src/components/FloatingChat/components/ProductResultsModal.tsx +87 -0
- package/src/components/FloatingChat/components/ResultsGridView.tsx +26 -2
- package/src/components/FloatingChat/components/SlideChatContent.tsx +9 -1
- package/src/components/FloatingChat/components/index.ts +2 -0
- package/src/components/FloatingChat/hooks/useProductResultsView.ts +26 -2
- package/src/components/FloatingChat/types/types.ts +4 -0
- package/src/components/FloatingChat/utils/functions.ts +34 -19
- package/src/components/FloatingChat/utils/trackProductCardInteraction.ts +26 -0
- package/src/components/FullPageSalesAgent/FullPageSalesAgent.tsx +54 -5
- package/src/components/FullPageSalesAgent/components/Layout.tsx +7 -1
package/dist/styles.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter Variable,Poppins,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.envive-tw-text-t1-md{font-size:var(--envive-typography-font-size-t1);line-height:var(--envive-typography-line-height-124)}.envive-tw-text-t1-md,.envive-tw-text-t2-md{font-weight:var(--envive-typography-font-weight-md);font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-t2-md{font-size:var(--envive-typography-font-size-t2);line-height:var(--envive-typography-line-height-114)}.envive-tw-text-t3-md{font-size:var(--envive-typography-font-size-t3);font-weight:var(--envive-typography-font-weight-md);line-height:var(--envive-typography-line-height-118);font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-h1-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h1-md,.envive-tw-text-h1-sb{font-size:var(--envive-typography-font-size-h1);line-height:var(--envive-typography-line-height-120);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h1-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-h2-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h2-md,.envive-tw-text-h2-sb{font-size:var(--envive-typography-font-size-h2);line-height:var(--envive-typography-line-height-124);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h2-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-h3-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h3-md,.envive-tw-text-h3-sb{font-size:var(--envive-typography-font-size-h3);line-height:var(--envive-typography-line-height-116);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h3-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b1-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b1-md,.envive-tw-text-b1-rg{font-size:var(--envive-typography-font-size-b1);line-height:var(--envive-typography-line-height-120);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b1-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b2-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b2-md,.envive-tw-text-b2-rg{font-size:var(--envive-typography-font-size-b2);line-height:var(--envive-typography-line-height-148);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b2-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b3-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b3-md,.envive-tw-text-b3-rg{font-size:var(--envive-typography-font-size-b3);line-height:var(--envive-typography-line-height-140);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b3-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b4-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b4-md,.envive-tw-text-b4-rg{font-size:var(--envive-typography-font-size-b4);line-height:var(--envive-typography-line-height-130);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b4-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b5-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b5-md,.envive-tw-text-b5-rg{font-size:var(--envive-typography-font-size-b5);line-height:var(--envive-typography-line-height-130);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b5-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-l1-sb{font-size:var(--envive-typography-font-size-l1);line-height:var(--envive-typography-line-height-128)}.envive-tw-text-l1-sb,.envive-tw-text-l2-sb{font-weight:var(--envive-typography-font-weight-sb);font-family:var(--envive-typography-font-family-body),sans-serif;letter-spacing:var(--envive-typography-letter-spacing-wide-1)}.envive-tw-text-l2-sb{font-size:var(--envive-typography-font-size-l2);line-height:var(--envive-typography-line-height-133)}.envive-tw-pointer-events-none{pointer-events:none}.envive-tw-fixed{position:fixed}.envive-tw-absolute{position:absolute}.envive-tw-relative{position:relative}.envive-tw-sticky{position:sticky}.envive-tw-bottom-5{bottom:20px}.envive-tw-bottom-\[0\],.envive-tw-bottom-\[0px\]{bottom:0}.envive-tw-bottom-\[10\%\]{bottom:10%}.envive-tw-bottom-\[170px\]{bottom:170px}.envive-tw-bottom-\[80px\]{bottom:80px}.envive-tw-left-2{left:8px}.envive-tw-left-4{left:16px}.envive-tw-left-\[0\],.envive-tw-left-\[0px\]{left:0}.envive-tw-left-\[calc\(\(100vw-768px\)\/2\)\]{left:calc(50vw - 384px)}.envive-tw-right-2{right:8px}.envive-tw-right-4{right:16px}.envive-tw-right-\[0\],.envive-tw-right-\[0px\]{right:0}.envive-tw-right-\[calc\(\(100vw-768px\)\/2\)\]{right:calc(50vw - 384px)}.envive-tw-top-1\/2{top:50%}.envive-tw-top-\[0\],.envive-tw-top-\[0px\]{top:0}.envive-tw-z-10{z-index:10}.envive-tw-z-\[1000000\]{z-index:1000000}.envive-tw-z-\[1000\]{z-index:1000}.envive-tw-col-start-1{grid-column-start:1}.envive-tw-col-start-2{grid-column-start:2}.envive-tw-col-end-3{grid-column-end:3}.envive-tw-row-start-1{grid-row-start:1}.envive-tw-row-start-2{grid-row-start:2}.envive-tw-row-end-3{grid-row-end:3}.envive-tw-m-4{margin:16px}.envive-tw-mx-4{margin-left:16px;margin-right:16px}.envive-tw-mx-auto{margin-left:auto;margin-right:auto}.envive-tw-mb-1{margin-bottom:4px}.envive-tw-mb-12{margin-bottom:48px}.envive-tw-mb-2{margin-bottom:8px}.envive-tw-mb-4{margin-bottom:16px}.envive-tw-mb-5{margin-bottom:20px}.envive-tw-mb-6{margin-bottom:24px}.envive-tw-ml-auto{margin-left:auto}.envive-tw-mt-1{margin-top:4px}.envive-tw-mt-2{margin-top:8px}.envive-tw-mt-4{margin-top:16px}.envive-tw-mt-6{margin-top:24px}.envive-tw-line-clamp-1{-webkit-line-clamp:1}.envive-tw-line-clamp-1,.envive-tw-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-2{-webkit-line-clamp:2}.envive-tw-line-clamp-3{-webkit-line-clamp:3}.envive-tw-line-clamp-3,.envive-tw-line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-4{-webkit-line-clamp:4}.envive-tw-line-clamp-5{-webkit-line-clamp:5}.envive-tw-line-clamp-5,.envive-tw-line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-6{-webkit-line-clamp:6}.envive-tw-line-clamp-\[7\]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.envive-tw-block{display:block}.envive-tw-inline-block{display:inline-block}.envive-tw-inline{display:inline}.envive-tw-flex{display:flex}.envive-tw-inline-flex{display:inline-flex}.envive-tw-table{display:table}.envive-tw-grid{display:grid}.envive-tw-aspect-\[3\/4\]{aspect-ratio:3/4}.envive-tw-aspect-global-custom{aspect-ratio:var(--envive-global-custom-aspect-ratio)}.envive-tw-aspect-landscape{aspect-ratio:16/9}.envive-tw-aspect-portrait{aspect-ratio:3/4}.envive-tw-aspect-square{aspect-ratio:1/1}.envive-tw-h-10{height:40px}.envive-tw-h-16{height:64px}.envive-tw-h-24{height:96px}.envive-tw-h-3{height:12px}.envive-tw-h-4{height:16px}.envive-tw-h-6{height:24px}.envive-tw-h-8{height:32px}.envive-tw-h-\[0px\]{height:0}.envive-tw-h-\[112px\]{height:112px}.envive-tw-h-\[128px\]{height:128px}.envive-tw-h-\[12px\]{height:12px}.envive-tw-h-\[13px\]{height:13px}.envive-tw-h-\[24px\]{height:24px}.envive-tw-h-\[25px\]{height:25px}.envive-tw-h-\[28px\]{height:28px}.envive-tw-h-\[29px\]{height:29px}.envive-tw-h-\[32px\]{height:32px}.envive-tw-h-\[33px\]{height:33px}.envive-tw-h-\[37\.6px\]{height:37.6px}.envive-tw-h-\[38px\]{height:38px}.envive-tw-h-\[40px\]{height:40px}.envive-tw-h-\[42px\]{height:42px}.envive-tw-h-\[44px\]{height:44px}.envive-tw-h-\[4px\]{height:4px}.envive-tw-h-\[50px\]{height:50px}.envive-tw-h-\[52px\]{height:52px}.envive-tw-h-\[56px\]{height:56px}.envive-tw-h-\[64px\]{height:64px}.envive-tw-h-fit{height:-moz-fit-content;height:fit-content}.envive-tw-h-full{height:100%}.envive-tw-min-h-\[200px\]{min-height:200px}.envive-tw-min-h-screen{min-height:100vh}.envive-tw-w-16{width:64px}.envive-tw-w-2\/3{width:66.666667%}.envive-tw-w-20{width:80px}.envive-tw-w-24{width:96px}.envive-tw-w-3{width:12px}.envive-tw-w-4{width:16px}.envive-tw-w-4\/5{width:80%}.envive-tw-w-6{width:24px}.envive-tw-w-\[10px\]{width:10px}.envive-tw-w-\[112px\]{width:112px}.envive-tw-w-\[12\.58px\]{width:12.58px}.envive-tw-w-\[128px\]{width:128px}.envive-tw-w-\[200px\]{width:200px}.envive-tw-w-\[208px\]{width:208px}.envive-tw-w-\[22px\]{width:22px}.envive-tw-w-\[240px\]{width:240px}.envive-tw-w-\[248px\]{width:248px}.envive-tw-w-\[24px\]{width:24px}.envive-tw-w-\[319px\]{width:319px}.envive-tw-w-\[320px\]{width:320px}.envive-tw-w-\[32px\]{width:32px}.envive-tw-w-\[33px\]{width:33px}.envive-tw-w-\[44px\]{width:44px}.envive-tw-w-\[53px\]{width:53px}.envive-tw-w-\[54px\]{width:54px}.envive-tw-w-\[56px\]{width:56px}.envive-tw-w-\[64px\]{width:64px}.envive-tw-w-\[80\%\]{width:80%}.envive-tw-w-auto{width:auto}.envive-tw-w-fit{width:-moz-fit-content;width:fit-content}.envive-tw-w-full{width:100%}.envive-tw-min-w-\[120px\]{min-width:120px}.envive-tw-min-w-\[140px\]{min-width:140px}.envive-tw-min-w-\[276px\]{min-width:276px}.envive-tw-max-w-2xl{max-width:42rem}.envive-tw-max-w-6xl{max-width:72rem}.envive-tw-max-w-\[100px\]{max-width:100px}.envive-tw-max-w-\[300px\]{max-width:300px}.envive-tw-max-w-\[512px\]{max-width:512px}.envive-tw-max-w-\[768px\]{max-width:768px}.envive-tw-max-w-\[80px\]{max-width:80px}.envive-tw-max-w-\[90ch\]{max-width:90ch}.envive-tw-max-w-full{max-width:100%}.envive-tw-flex-1{flex:1 1 0%}.envive-tw-flex-shrink-0{flex-shrink:0}.envive-tw-flex-grow{flex-grow:1}.envive-tw--translate-y-1\/2{--tw-translate-y:-50%}.envive-tw--translate-y-1\/2,.envive-tw-translate-x-\[-1px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-x-\[-1px\]{--tw-translate-x:-1px}.envive-tw-translate-x-\[-30px\]{--tw-translate-x:-30px}.envive-tw-translate-x-\[-30px\],.envive-tw-translate-x-\[1px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-x-\[1px\]{--tw-translate-x:1px}.envive-tw-translate-y-\[-50px\]{--tw-translate-y:-50px}.envive-tw-translate-y-\[-50px\],.envive-tw-translate-y-\[73\.75\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-y-\[73\.75\%\]{--tw-translate-y:73.75%}.envive-tw-rotate-180{--tw-rotate:180deg}.envive-tw-rotate-180,.envive-tw-rotate-\[-10deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-rotate-\[-10deg\]{--tw-rotate:-10deg}.envive-tw-rotate-\[10deg\]{--tw-rotate:10deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes envive-tw-pulse{50%{opacity:.5}0%{border-color:var(--envive-colors-border-light);background:var(--envive-colors-border-light);opacity:1}to{border-color:var(--envive-colors-border-light);background:var(--envive-colors-border-light);opacity:1}}.envive-tw-animate-pulse{animation:envive-tw-pulse .8s linear infinite alternate}.envive-tw-cursor-not-allowed{cursor:not-allowed}.envive-tw-cursor-pointer{cursor:pointer}.envive-tw-cursor-text{cursor:text}.envive-tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.envive-tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.envive-tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.envive-tw-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.envive-tw-flex-row{flex-direction:row}.envive-tw-flex-row-reverse{flex-direction:row-reverse}.envive-tw-flex-col{flex-direction:column}.envive-tw-flex-col-reverse{flex-direction:column-reverse}.envive-tw-flex-wrap{flex-wrap:wrap}.envive-tw-flex-nowrap{flex-wrap:nowrap}.envive-tw-content-center{align-content:center}.envive-tw-items-start{align-items:flex-start}.envive-tw-items-end{align-items:flex-end}.envive-tw-items-center{align-items:center}.envive-tw-items-baseline{align-items:baseline}.envive-tw-items-stretch{align-items:stretch}.envive-tw-justify-start{justify-content:flex-start}.envive-tw-justify-end{justify-content:flex-end}.envive-tw-justify-center{justify-content:center}.envive-tw-justify-between{justify-content:space-between}.envive-tw-justify-around{justify-content:space-around}.envive-tw-justify-evenly{justify-content:space-evenly}.\!envive-tw-gap-6{gap:24px!important}.envive-tw-gap-0\.5{gap:2px}.envive-tw-gap-1{gap:4px}.envive-tw-gap-1\.5{gap:6px}.envive-tw-gap-10{gap:40px}.envive-tw-gap-12{gap:48px}.envive-tw-gap-14{gap:56px}.envive-tw-gap-16{gap:64px}.envive-tw-gap-2{gap:8px}.envive-tw-gap-2\.5{gap:10px}.envive-tw-gap-20{gap:80px}.envive-tw-gap-24{gap:96px}.envive-tw-gap-28{gap:112px}.envive-tw-gap-3{gap:12px}.envive-tw-gap-3\.5{gap:14px}.envive-tw-gap-32{gap:128px}.envive-tw-gap-36{gap:144px}.envive-tw-gap-4{gap:16px}.envive-tw-gap-40{gap:160px}.envive-tw-gap-44{gap:176px}.envive-tw-gap-48{gap:192px}.envive-tw-gap-5{gap:20px}.envive-tw-gap-52{gap:208px}.envive-tw-gap-56{gap:224px}.envive-tw-gap-6{gap:24px}.envive-tw-gap-60{gap:240px}.envive-tw-gap-64{gap:256px}.envive-tw-gap-7{gap:28px}.envive-tw-gap-72{gap:288px}.envive-tw-gap-8{gap:32px}.envive-tw-gap-80{gap:320px}.envive-tw-gap-9{gap:36px}.envive-tw-gap-96{gap:384px}.envive-tw-gap-\[10px\]{gap:10px}.envive-tw-gap-x-2{-moz-column-gap:8px;column-gap:8px}.envive-tw-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px*var(--tw-space-y-reverse))}.envive-tw-space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(48px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(48px*var(--tw-space-y-reverse))}.envive-tw-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px*var(--tw-space-y-reverse))}.envive-tw-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(12px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px*var(--tw-space-y-reverse))}.envive-tw-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px*var(--tw-space-y-reverse))}.envive-tw-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(24px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px*var(--tw-space-y-reverse))}.envive-tw-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(32px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(32px*var(--tw-space-y-reverse))}.envive-tw-self-end{align-self:flex-end}.envive-tw-overflow-hidden{overflow:hidden}.envive-tw-overflow-scroll{overflow:scroll}.envive-tw-overflow-x-auto{overflow-x:auto}.envive-tw-overflow-y-auto{overflow-y:auto}.envive-tw-overflow-x-hidden{overflow-x:hidden}.envive-tw-overflow-y-hidden{overflow-y:hidden}.envive-tw-overflow-x-scroll{overflow-x:scroll}.envive-tw-text-ellipsis{text-overflow:ellipsis}.envive-tw-whitespace-nowrap{white-space:nowrap}.envive-tw-break-all{word-break:break-all}.\!envive-tw-rounded-0{border-radius:0!important}.envive-tw-rounded-4{border-radius:4px}.envive-tw-rounded-\[--envive-global-custom-border-radius\]{border-radius:var(--envive-global-custom-border-radius)}.envive-tw-rounded-\[0_50px_50px_0\]{border-radius:0 50px 50px 0}.envive-tw-rounded-\[12px\]{border-radius:12px}.envive-tw-rounded-\[16px_16px_0_16px\]{border-radius:16px 16px 0 16px}.envive-tw-rounded-\[20px\]{border-radius:20px}.envive-tw-rounded-\[4px\]{border-radius:4px}.envive-tw-rounded-\[50px\]{border-radius:50px}.envive-tw-rounded-\[50px_0_0_50px\]{border-radius:50px 0 0 50px}.envive-tw-rounded-\[8px\]{border-radius:8px}.envive-tw-rounded-\[var\(--envive-global-custom-border-radius\)\],.envive-tw-rounded-global-custom{border-radius:var(--envive-global-custom-border-radius)}.envive-tw-rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.envive-tw-rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.envive-tw-rounded-t-\[var\(--envive-global-custom-border-radius\)\]{border-top-left-radius:var(--envive-global-custom-border-radius);border-top-right-radius:var(--envive-global-custom-border-radius)}.envive-tw-border{border-width:1px}.envive-tw-border-0{border-width:0}.envive-tw-border-\[1px\]{border-width:1px}.envive-tw-border-b{border-bottom-width:1px}.envive-tw-border-t{border-top-width:1px}.envive-tw-border-solid{border-style:solid}.envive-tw-border-none{border-style:none}.\!envive-tw-border-border-medium{border-color:var(--envive-colors-border-medium)!important}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000_10\%\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-tertiary\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-tertiary) 90%,#000)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-button-light-background-color\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-button-light-background-color) 90%,#000)}.envive-tw-border-background-dark{border-color:var(--envive-colors-background-dark)}.envive-tw-border-background-light{border-color:var(--envive-colors-background-light)}.envive-tw-border-border-dark{border-color:var(--envive-colors-border-dark)}.envive-tw-border-border-light{border-color:var(--envive-colors-border-light)}.envive-tw-border-border-medium{border-color:var(--envive-colors-border-medium)}.envive-tw-border-button-dark-background-color{border-color:var(--envive-colors-button-dark-background-color)}.envive-tw-border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.envive-tw-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.envive-tw-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.envive-tw-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.envive-tw-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.envive-tw-border-text-secondary{border-color:var(--envive-colors-text-secondary)}.envive-tw-border-b-border-dark{border-bottom-color:var(--envive-colors-border-dark)}.envive-tw-border-b-border-medium{border-bottom-color:var(--envive-colors-border-medium)}.envive-tw-bg-\[\#1f5f51\]{--tw-bg-opacity:1;background-color:rgb(31 95 81/var(--tw-bg-opacity,1))}.envive-tw-bg-\[\#FFFFFFB2\]{background-color:#ffffffb2}.envive-tw-bg-\[\#FFFFFF\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.envive-tw-bg-\[--envive-colors-accent-primary\]{background-color:var(--envive-colors-accent-primary)}.envive-tw-bg-\[--envive-colors-accent-secondary\]{background-color:var(--envive-colors-accent-secondary)}.envive-tw-bg-\[--envive-colors-background-dark\]{background-color:var(--envive-colors-background-dark)}.envive-tw-bg-\[--envive-colors-background-light\]{background-color:var(--envive-colors-background-light)}.envive-tw-bg-\[--envive-colors-background-primary\]{background-color:var(--envive-colors-background-primary)}.envive-tw-bg-\[--envive-colors-background-secondary\]{background-color:var(--envive-colors-background-secondary)}.envive-tw-bg-\[--envive-colors-background-tertiary\]{background-color:var(--envive-colors-background-tertiary)}.envive-tw-bg-\[--envive-colors-border-dark\]{background-color:var(--envive-colors-border-dark)}.envive-tw-bg-\[--envive-colors-border-light\]{background-color:var(--envive-colors-border-light)}.envive-tw-bg-\[--envive-colors-border-medium\]{background-color:var(--envive-colors-border-medium)}.envive-tw-bg-\[--envive-colors-text-accent\]{background-color:var(--envive-colors-text-accent)}.envive-tw-bg-\[--envive-colors-text-light\]{background-color:var(--envive-colors-text-light)}.envive-tw-bg-\[--envive-colors-text-link\]{background-color:var(--envive-colors-text-link)}.envive-tw-bg-\[--envive-colors-text-primary\]{background-color:var(--envive-colors-text-primary)}.envive-tw-bg-\[--envive-colors-text-secondary\]{background-color:var(--envive-colors-text-secondary)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-light\)\,transparent_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-light),transparent 10%)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_95\%\,\#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 95%,#000)}.envive-tw-bg-\[rgb\(from_var\(--envive-colors-background-dark\)_r_g_b_\/_10\%\)\]{background-color:rgb(from var(--envive-colors-background-dark) r g b/10%)}.envive-tw-bg-\[rgb\(from_var\(--envive-colors-background-light\)_r_g_b_\/_90\%\)\]{background-color:rgb(from var(--envive-colors-background-light) r g b/90%)}.envive-tw-bg-\[rgba\(0\,0\,0\,0\.40\)\]{background-color:rgba(0,0,0,.4)}.envive-tw-bg-background-dark{background-color:var(--envive-colors-background-dark)}.envive-tw-bg-background-light{background-color:var(--envive-colors-background-light)}.envive-tw-bg-background-primary{background-color:var(--envive-colors-background-primary)}.envive-tw-bg-background-secondary{background-color:var(--envive-colors-background-secondary)}.envive-tw-bg-background-tertiary{background-color:var(--envive-colors-background-tertiary)}.envive-tw-bg-button-dark-background-color{background-color:var(--envive-colors-button-dark-background-color)}.envive-tw-bg-button-light-background-color{background-color:var(--envive-colors-button-light-background-color)}.envive-tw-bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.envive-tw-bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.envive-tw-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.envive-tw-bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.envive-tw-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.envive-tw-bg-text-link{background-color:var(--envive-colors-text-link)}.envive-tw-bg-transparent{background-color:transparent}.envive-tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.envive-tw-bg-\[linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.40\)_0\%\,rgba\(0\,0\,0\,0\.40\)_100\%\)\]{background-image:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4))}.envive-tw-fill-button-dark-icon-color{fill:var(--envive-colors-button-dark-icon-color)}.envive-tw-fill-button-light-icon-color{fill:var(--envive-colors-button-light-icon-color)}.envive-tw-fill-transparent{fill:transparent}.envive-tw-stroke-background-light{stroke:var(--envive-colors-background-light)}.envive-tw-stroke-button-dark-icon-color{stroke:var(--envive-colors-button-dark-icon-color)}.envive-tw-stroke-button-light-icon-color{stroke:var(--envive-colors-button-light-icon-color)}.envive-tw-object-contain{-o-object-fit:contain;object-fit:contain}.envive-tw-object-cover{-o-object-fit:cover;object-fit:cover}.envive-tw-object-fill{-o-object-fit:fill;object-fit:fill}.envive-tw-object-none{-o-object-fit:none;object-fit:none}.envive-tw-object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.envive-tw-p-2{padding:8px}.envive-tw-p-3{padding:12px}.envive-tw-p-4{padding:16px}.envive-tw-p-8{padding:32px}.envive-tw-p-\[1px\]{padding:1px}.envive-tw-px-1{padding-left:4px;padding-right:4px}.envive-tw-px-2{padding-left:8px;padding-right:8px}.envive-tw-px-3{padding-left:12px;padding-right:12px}.envive-tw-px-4{padding-left:16px;padding-right:16px}.envive-tw-px-\[6px\]{padding-left:6px;padding-right:6px}.envive-tw-py-0\.5{padding-top:2px;padding-bottom:2px}.envive-tw-py-1{padding-top:4px;padding-bottom:4px}.envive-tw-py-10{padding-top:40px;padding-bottom:40px}.envive-tw-py-16{padding-top:64px;padding-bottom:64px}.envive-tw-py-2{padding-top:8px;padding-bottom:8px}.envive-tw-py-3{padding-top:12px;padding-bottom:12px}.envive-tw-py-6{padding-top:24px;padding-bottom:24px}.envive-tw-py-8{padding-top:32px;padding-bottom:32px}.envive-tw-py-\[2px\]{padding-top:2px;padding-bottom:2px}.envive-tw-pb-2{padding-bottom:8px}.envive-tw-pb-4{padding-bottom:16px}.envive-tw-pb-\[131px\]{padding-bottom:131px}.envive-tw-pb-\[150px\]{padding-bottom:150px}.envive-tw-pb-\[180px\]{padding-bottom:180px}.envive-tw-pl-4{padding-left:16px}.envive-tw-pl-\[2px\]{padding-left:2px}.envive-tw-pr-2{padding-right:8px}.envive-tw-pr-4{padding-right:16px}.envive-tw-pt-1{padding-top:4px}.envive-tw-pt-2{padding-top:8px}.envive-tw-pt-3{padding-top:12px}.envive-tw-pt-4{padding-top:16px}.envive-tw-pt-6{padding-top:24px}.envive-tw-text-left{text-align:left}.envive-tw-text-center{text-align:center}.envive-tw-text-right{text-align:right}.envive-tw-text-justify{text-align:justify}.envive-tw-align-top{vertical-align:top}.envive-tw-align-middle{vertical-align:middle}.envive-tw-font-body{font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-font-header{font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-font-title{font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-2xl{font-size:1.5rem;line-height:2rem}.envive-tw-text-\[2\.25rem\]{font-size:2.25rem}.envive-tw-text-b1{font-size:var(--envive-typography-font-size-b1)}.envive-tw-text-b3{font-size:var(--envive-typography-font-size-b3)}.envive-tw-text-b4{font-size:var(--envive-typography-font-size-b4)}.envive-tw-text-b5{font-size:var(--envive-typography-font-size-b5)}.envive-tw-text-base{font-size:1rem;line-height:1.5rem}.envive-tw-text-h2{font-size:var(--envive-typography-font-size-h2)}.envive-tw-text-h3{font-size:var(--envive-typography-font-size-h3)}.envive-tw-text-lg{font-size:1.125rem;line-height:1.75rem}.envive-tw-text-sm{font-size:.875rem;line-height:1.25rem}.envive-tw-text-t1{font-size:var(--envive-typography-font-size-t1)}.envive-tw-text-t2{font-size:var(--envive-typography-font-size-t2)}.envive-tw-text-t3{font-size:var(--envive-typography-font-size-t3)}.envive-tw-text-xs{font-size:.75rem;line-height:1rem}.envive-tw-font-bold{font-weight:700}.envive-tw-font-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-font-medium{font-weight:500}.envive-tw-font-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-font-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-font-semibold{font-weight:600}.envive-tw-uppercase{text-transform:uppercase}.envive-tw-capitalize{text-transform:capitalize}.envive-tw-italic{font-style:italic}.envive-tw-leading-114{line-height:var(--envive-typography-line-height-114)}.envive-tw-leading-116{line-height:var(--envive-typography-line-height-116)}.envive-tw-leading-118{line-height:var(--envive-typography-line-height-118)}.envive-tw-leading-120{line-height:var(--envive-typography-line-height-120)}.envive-tw-leading-124{line-height:var(--envive-typography-line-height-124)}.envive-tw-leading-130{line-height:var(--envive-typography-line-height-130)}.envive-tw-leading-140{line-height:var(--envive-typography-line-height-140)}.envive-tw-leading-148{line-height:var(--envive-typography-line-height-148)}.envive-tw-leading-\[0\]{line-height:0}.envive-tw-leading-\[13px\]{line-height:13px}.envive-tw-leading-relaxed{line-height:1.625}.envive-tw-tracking-tighter{letter-spacing:-.05em}.envive-tw-text-\[\#f9f6ea\]{--tw-text-opacity:1;color:rgb(249 246 234/var(--tw-text-opacity,1))}.envive-tw-text-\[--envive-colors-text-accent\]{color:var(--envive-colors-text-accent)}.envive-tw-text-\[--envive-colors-text-light\]{color:var(--envive-colors-text-light)}.envive-tw-text-\[--envive-colors-text-link\]{color:var(--envive-colors-text-link)}.envive-tw-text-\[--envive-colors-text-primary\]{color:var(--envive-colors-text-primary)}.envive-tw-text-\[--envive-colors-text-secondary\]{color:var(--envive-colors-text-secondary)}.envive-tw-text-background-dark{color:var(--envive-colors-background-dark)}.envive-tw-text-background-light{color:var(--envive-colors-background-light)}.envive-tw-text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.envive-tw-text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.envive-tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.envive-tw-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.envive-tw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.envive-tw-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.envive-tw-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.envive-tw-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.envive-tw-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.envive-tw-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.envive-tw-text-text-light{color:var(--envive-colors-text-light)}.envive-tw-text-text-link{color:var(--envive-colors-text-link)}.envive-tw-text-text-primary{color:var(--envive-colors-text-primary)}.envive-tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.envive-tw-underline{text-decoration-line:underline}.envive-tw-line-through{text-decoration-line:line-through}.envive-tw-opacity-0{opacity:0}.envive-tw-opacity-100{opacity:1}.envive-tw-opacity-50{opacity:.5}.envive-tw-shadow-\[2px_2px_6px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:2px 2px 6px 0px rgba(0,0,0,.15);--tw-shadow-colored:2px 2px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:2px 2px 8px 0 rgba(0,0,0,.25);--tw-shadow-colored:2px 2px 8px 0 var(--tw-shadow-color)}.envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\,0\,0\,0\.25\)\],.envive-tw-shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.envive-tw-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-outline-none{outline:2px solid transparent;outline-offset:2px}.envive-tw-backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px)}.envive-tw-backdrop-blur-\[12px\],.envive-tw-backdrop-blur-\[4px\]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.envive-tw-backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px)}.envive-tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.envive-tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.envive-tw-duration-200{transition-duration:.2s}.envive-tw-duration-300{transition-duration:.3s}.envive-tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.envive-tw-typography-ol,.envive-tw-typography-ul{list-style:inherit;margin:0;padding-left:24px;line-height:4px;&>li{list-style:inherit!important}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-italic.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.placeholder\:envive-tw-text-text-secondary::-moz-placeholder{color:var(--envive-colors-text-secondary)}.placeholder\:envive-tw-text-text-secondary::placeholder{color:var(--envive-colors-text-secondary)}.focus-within\:envive-tw-border-\[--envive-colors-text-link\]:focus-within{border-color:var(--envive-colors-text-link)}@media (hover:hover) and (pointer:fine){.hover\:envive-tw-border-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_90\%\2c \#000000\)\]:hover{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.hover\:envive-tw-border-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]:hover{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.hover\:envive-tw-border-border-dark:hover{border-color:var(--envive-colors-border-dark)}.hover\:envive-tw-border-b-border-dark:hover{border-bottom-color:var(--envive-colors-border-dark)}.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]:hover{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000_08\%\)\]:hover,.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000_8\%\)\]:hover{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000 8%)}.hover\:envive-tw-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:envive-tw-text-text-primary:hover{color:var(--envive-colors-text-primary)}.hover\:envive-tw-underline:hover{text-decoration-line:underline}.hover\:envive-tw-underline-offset-2:hover{text-underline-offset:2px}}.focus\:envive-tw-border-\[\#1f5f51\]:focus{--tw-border-opacity:1;border-color:rgb(31 95 81/var(--tw-border-opacity,1))}.focus\:envive-tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:envive-tw-ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:envive-tw-ring-1:focus,.focus\:envive-tw-ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:envive-tw-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:envive-tw-ring-\[\#1f5f51\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 95 81/var(--tw-ring-opacity,1))}.focus\:envive-tw-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:placeholder\:envive-tw-text-text-primary:focus::-moz-placeholder{color:var(--envive-colors-text-primary)}.focus\:placeholder\:envive-tw-text-text-primary:focus::placeholder{color:var(--envive-colors-text-primary)}.focus-visible\:envive-tw-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:envive-tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:envive-tw-opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[30px\]{height:30px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[38px\]{height:38px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[51px\]{height:51px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[57px\]{height:57px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[72px\]{height:72px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[30px\]{width:30px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[38px\]{width:38px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[51px\]{width:51px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[62px\]{width:62px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[72px\]{width:72px}.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_80\%\2c \#000000_20\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 80%,#000 20%)}.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-bg-text-primary{background-color:var(--envive-colors-text-primary)}.envive-tw-group:hover .group-hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_90\%\2c \#000000_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-group:hover .group-hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.envive-tw-group:hover .group-hover\:envive-tw-fill-background-dark{fill:var(--envive-colors-background-dark)}.envive-tw-group:hover .group-hover\:envive-tw-stroke-background-dark{stroke:var(--envive-colors-background-dark)}.envive-tw-group:hover .group-hover\:envive-tw-text-text-primary,.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-text-\[--envive-colors-text-primary\]{color:var(--envive-colors-text-primary)}.envive-tw-group:hover .group-hover\:envive-tw-underline{text-decoration-line:underline}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:2px 2px 8px 0 rgba(0,0,0,.25);--tw-shadow-colored:2px 2px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:envive-tw-max-w-\[450px\]{max-width:450px}.md\:envive-tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:envive-tw-max-w-\[900px\]{max-width:900px}.lg\:envive-tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:envive-tw-text-\[3rem\]{font-size:3rem}}.\[\&\>div\>div\]\:envive-tw-items-end>div>div{align-items:flex-end}.\[\&\>img\]\:envive-tw-transition-transform>img{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&\>img\]\:envive-tw-duration-300>img{transition-duration:.3s}.\[\&\>img\]\:envive-tw-ease-in-out>img{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.envive-tw-group:hover .\[\&\>img\]\:group-hover\:envive-tw-scale-125>img{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.\[\&\>line\]\:envive-tw-stroke-\[var\(--envive-colors-background-light\)\]>line{stroke:var(--envive-colors-background-light)}.\[\&\>line\]\:envive-tw-stroke-\[var\(--envive-colors-text-secondary\)\]>line{stroke:var(--envive-colors-text-secondary)}.\[\&\>path\]\:envive-tw-fill-\[var\(--envive-colors-background-dark\)\]>path{fill:var(--envive-colors-background-dark)}.\[\&\>path\]\:envive-tw-fill-\[var\(--envive-colors-background-light\)\]>path{fill:var(--envive-colors-background-light)}
|
|
1
|
+
*,:after,:before{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(59,130,246,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }/*! tailwindcss v3.4.18 | MIT License | https://tailwindcss.com*/*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}:after,:before{--tw-content:""}:host,html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter Variable,Poppins,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.envive-tw-text-t1-md{font-size:var(--envive-typography-font-size-t1);line-height:var(--envive-typography-line-height-124)}.envive-tw-text-t1-md,.envive-tw-text-t2-md{font-weight:var(--envive-typography-font-weight-md);font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-t2-md{font-size:var(--envive-typography-font-size-t2);line-height:var(--envive-typography-line-height-114)}.envive-tw-text-t3-md{font-size:var(--envive-typography-font-size-t3);font-weight:var(--envive-typography-font-weight-md);line-height:var(--envive-typography-line-height-118);font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-h1-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h1-md,.envive-tw-text-h1-sb{font-size:var(--envive-typography-font-size-h1);line-height:var(--envive-typography-line-height-120);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h1-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-h2-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h2-md,.envive-tw-text-h2-sb{font-size:var(--envive-typography-font-size-h2);line-height:var(--envive-typography-line-height-124);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h2-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-h3-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-text-h3-md,.envive-tw-text-h3-sb{font-size:var(--envive-typography-font-size-h3);line-height:var(--envive-typography-line-height-116);font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-text-h3-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b1-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b1-md,.envive-tw-text-b1-rg{font-size:var(--envive-typography-font-size-b1);line-height:var(--envive-typography-line-height-120);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b1-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b2-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b2-md,.envive-tw-text-b2-rg{font-size:var(--envive-typography-font-size-b2);line-height:var(--envive-typography-line-height-148);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b2-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b3-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b3-md,.envive-tw-text-b3-rg{font-size:var(--envive-typography-font-size-b3);line-height:var(--envive-typography-line-height-140);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b3-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b4-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b4-md,.envive-tw-text-b4-rg{font-size:var(--envive-typography-font-size-b4);line-height:var(--envive-typography-line-height-130);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b4-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-b5-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-text-b5-md,.envive-tw-text-b5-rg{font-size:var(--envive-typography-font-size-b5);line-height:var(--envive-typography-line-height-130);font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-text-b5-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-text-l1-sb{font-size:var(--envive-typography-font-size-l1);line-height:var(--envive-typography-line-height-128)}.envive-tw-text-l1-sb,.envive-tw-text-l2-sb{font-weight:var(--envive-typography-font-weight-sb);font-family:var(--envive-typography-font-family-body),sans-serif;letter-spacing:var(--envive-typography-letter-spacing-wide-1)}.envive-tw-text-l2-sb{font-size:var(--envive-typography-font-size-l2);line-height:var(--envive-typography-line-height-133)}.envive-tw-pointer-events-none{pointer-events:none}.envive-tw-fixed{position:fixed}.envive-tw-absolute{position:absolute}.envive-tw-relative{position:relative}.envive-tw-sticky{position:sticky}.envive-tw-bottom-5{bottom:20px}.envive-tw-bottom-\[0\],.envive-tw-bottom-\[0px\]{bottom:0}.envive-tw-bottom-\[10\%\]{bottom:10%}.envive-tw-bottom-\[170px\]{bottom:170px}.envive-tw-bottom-\[80px\]{bottom:80px}.envive-tw-left-2{left:8px}.envive-tw-left-4{left:16px}.envive-tw-left-\[0\],.envive-tw-left-\[0px\]{left:0}.envive-tw-left-\[calc\(\(100vw-768px\)\/2\)\]{left:calc(50vw - 384px)}.envive-tw-right-2{right:8px}.envive-tw-right-4{right:16px}.envive-tw-right-\[0\],.envive-tw-right-\[0px\]{right:0}.envive-tw-right-\[calc\(\(100vw-768px\)\/2\)\]{right:calc(50vw - 384px)}.envive-tw-top-1\/2{top:50%}.envive-tw-top-\[0\],.envive-tw-top-\[0px\]{top:0}.envive-tw-z-10{z-index:10}.envive-tw-z-\[1000000\]{z-index:1000000}.envive-tw-z-\[1000\]{z-index:1000}.envive-tw-col-start-1{grid-column-start:1}.envive-tw-col-start-2{grid-column-start:2}.envive-tw-col-end-3{grid-column-end:3}.envive-tw-row-start-1{grid-row-start:1}.envive-tw-row-start-2{grid-row-start:2}.envive-tw-row-end-3{grid-row-end:3}.envive-tw-m-4{margin:16px}.envive-tw-mx-4{margin-left:16px;margin-right:16px}.envive-tw-mx-auto{margin-left:auto;margin-right:auto}.envive-tw-mb-1{margin-bottom:4px}.envive-tw-mb-12{margin-bottom:48px}.envive-tw-mb-2{margin-bottom:8px}.envive-tw-mb-4{margin-bottom:16px}.envive-tw-mb-5{margin-bottom:20px}.envive-tw-mb-6{margin-bottom:24px}.envive-tw-ml-auto{margin-left:auto}.envive-tw-mt-1{margin-top:4px}.envive-tw-mt-2{margin-top:8px}.envive-tw-mt-4{margin-top:16px}.envive-tw-mt-6{margin-top:24px}.envive-tw-line-clamp-1{-webkit-line-clamp:1}.envive-tw-line-clamp-1,.envive-tw-line-clamp-2{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-2{-webkit-line-clamp:2}.envive-tw-line-clamp-3{-webkit-line-clamp:3}.envive-tw-line-clamp-3,.envive-tw-line-clamp-4{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-4{-webkit-line-clamp:4}.envive-tw-line-clamp-5{-webkit-line-clamp:5}.envive-tw-line-clamp-5,.envive-tw-line-clamp-6{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical}.envive-tw-line-clamp-6{-webkit-line-clamp:6}.envive-tw-line-clamp-\[7\]{overflow:hidden;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:7}.envive-tw-block{display:block}.envive-tw-inline-block{display:inline-block}.envive-tw-inline{display:inline}.envive-tw-flex{display:flex}.envive-tw-inline-flex{display:inline-flex}.envive-tw-table{display:table}.envive-tw-grid{display:grid}.envive-tw-aspect-\[3\/4\]{aspect-ratio:3/4}.envive-tw-aspect-global-custom{aspect-ratio:var(--envive-global-custom-aspect-ratio)}.envive-tw-aspect-landscape{aspect-ratio:16/9}.envive-tw-aspect-portrait{aspect-ratio:3/4}.envive-tw-aspect-square{aspect-ratio:1/1}.envive-tw-h-10{height:40px}.envive-tw-h-16{height:64px}.envive-tw-h-24{height:96px}.envive-tw-h-3{height:12px}.envive-tw-h-4{height:16px}.envive-tw-h-6{height:24px}.envive-tw-h-8{height:32px}.envive-tw-h-\[0px\]{height:0}.envive-tw-h-\[112px\]{height:112px}.envive-tw-h-\[128px\]{height:128px}.envive-tw-h-\[12px\]{height:12px}.envive-tw-h-\[13px\]{height:13px}.envive-tw-h-\[24px\]{height:24px}.envive-tw-h-\[25px\]{height:25px}.envive-tw-h-\[28px\]{height:28px}.envive-tw-h-\[29px\]{height:29px}.envive-tw-h-\[32px\]{height:32px}.envive-tw-h-\[33px\]{height:33px}.envive-tw-h-\[37\.6px\]{height:37.6px}.envive-tw-h-\[38px\]{height:38px}.envive-tw-h-\[40px\]{height:40px}.envive-tw-h-\[42px\]{height:42px}.envive-tw-h-\[44px\]{height:44px}.envive-tw-h-\[4px\]{height:4px}.envive-tw-h-\[50px\]{height:50px}.envive-tw-h-\[52px\]{height:52px}.envive-tw-h-\[56px\]{height:56px}.envive-tw-h-\[64px\]{height:64px}.envive-tw-h-fit{height:-moz-fit-content;height:fit-content}.envive-tw-h-full{height:100%}.envive-tw-max-h-\[90vh\]{max-height:90vh}.envive-tw-min-h-\[200px\]{min-height:200px}.envive-tw-min-h-screen{min-height:100vh}.envive-tw-w-16{width:64px}.envive-tw-w-2\/3{width:66.666667%}.envive-tw-w-20{width:80px}.envive-tw-w-24{width:96px}.envive-tw-w-3{width:12px}.envive-tw-w-4{width:16px}.envive-tw-w-4\/5{width:80%}.envive-tw-w-6{width:24px}.envive-tw-w-\[10px\]{width:10px}.envive-tw-w-\[112px\]{width:112px}.envive-tw-w-\[12\.58px\]{width:12.58px}.envive-tw-w-\[128px\]{width:128px}.envive-tw-w-\[200px\]{width:200px}.envive-tw-w-\[208px\]{width:208px}.envive-tw-w-\[22px\]{width:22px}.envive-tw-w-\[240px\]{width:240px}.envive-tw-w-\[248px\]{width:248px}.envive-tw-w-\[24px\]{width:24px}.envive-tw-w-\[319px\]{width:319px}.envive-tw-w-\[320px\]{width:320px}.envive-tw-w-\[32px\]{width:32px}.envive-tw-w-\[33px\]{width:33px}.envive-tw-w-\[44px\]{width:44px}.envive-tw-w-\[53px\]{width:53px}.envive-tw-w-\[54px\]{width:54px}.envive-tw-w-\[56px\]{width:56px}.envive-tw-w-\[64px\]{width:64px}.envive-tw-w-\[80\%\]{width:80%}.envive-tw-w-auto{width:auto}.envive-tw-w-fit{width:-moz-fit-content;width:fit-content}.envive-tw-w-full{width:100%}.envive-tw-min-w-\[120px\]{min-width:120px}.envive-tw-min-w-\[140px\]{min-width:140px}.envive-tw-min-w-\[276px\]{min-width:276px}.envive-tw-max-w-2xl{max-width:42rem}.envive-tw-max-w-6xl{max-width:72rem}.envive-tw-max-w-\[100px\]{max-width:100px}.envive-tw-max-w-\[300px\]{max-width:300px}.envive-tw-max-w-\[512px\]{max-width:512px}.envive-tw-max-w-\[768px\]{max-width:768px}.envive-tw-max-w-\[80px\]{max-width:80px}.envive-tw-max-w-\[900px\]{max-width:900px}.envive-tw-max-w-\[90ch\]{max-width:90ch}.envive-tw-max-w-full{max-width:100%}.envive-tw-flex-1{flex:1 1 0%}.envive-tw-flex-shrink-0{flex-shrink:0}.envive-tw-flex-grow{flex-grow:1}.envive-tw--translate-y-1\/2{--tw-translate-y:-50%}.envive-tw--translate-y-1\/2,.envive-tw-translate-x-\[-1px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-x-\[-1px\]{--tw-translate-x:-1px}.envive-tw-translate-x-\[-30px\]{--tw-translate-x:-30px}.envive-tw-translate-x-\[-30px\],.envive-tw-translate-x-\[1px\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-x-\[1px\]{--tw-translate-x:1px}.envive-tw-translate-y-\[-50px\]{--tw-translate-y:-50px}.envive-tw-translate-y-\[-50px\],.envive-tw-translate-y-\[73\.75\%\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-translate-y-\[73\.75\%\]{--tw-translate-y:73.75%}.envive-tw-rotate-180{--tw-rotate:180deg}.envive-tw-rotate-180,.envive-tw-rotate-\[-10deg\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.envive-tw-rotate-\[-10deg\]{--tw-rotate:-10deg}.envive-tw-rotate-\[10deg\]{--tw-rotate:10deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}@keyframes envive-tw-pulse{50%{opacity:.5}0%{border-color:var(--envive-colors-border-light);background:var(--envive-colors-border-light);opacity:1}to{border-color:var(--envive-colors-border-light);background:var(--envive-colors-border-light);opacity:1}}.envive-tw-animate-pulse{animation:envive-tw-pulse .8s linear infinite alternate}.envive-tw-cursor-not-allowed{cursor:not-allowed}.envive-tw-cursor-pointer{cursor:pointer}.envive-tw-cursor-text{cursor:text}.envive-tw-grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.envive-tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.envive-tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.envive-tw-grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.envive-tw-grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}.envive-tw-flex-row{flex-direction:row}.envive-tw-flex-row-reverse{flex-direction:row-reverse}.envive-tw-flex-col{flex-direction:column}.envive-tw-flex-col-reverse{flex-direction:column-reverse}.envive-tw-flex-wrap{flex-wrap:wrap}.envive-tw-flex-nowrap{flex-wrap:nowrap}.envive-tw-content-center{align-content:center}.envive-tw-items-start{align-items:flex-start}.envive-tw-items-end{align-items:flex-end}.envive-tw-items-center{align-items:center}.envive-tw-items-baseline{align-items:baseline}.envive-tw-items-stretch{align-items:stretch}.envive-tw-justify-start{justify-content:flex-start}.envive-tw-justify-end{justify-content:flex-end}.envive-tw-justify-center{justify-content:center}.envive-tw-justify-between{justify-content:space-between}.envive-tw-justify-around{justify-content:space-around}.envive-tw-justify-evenly{justify-content:space-evenly}.\!envive-tw-gap-6{gap:24px!important}.envive-tw-gap-0\.5{gap:2px}.envive-tw-gap-1{gap:4px}.envive-tw-gap-1\.5{gap:6px}.envive-tw-gap-10{gap:40px}.envive-tw-gap-12{gap:48px}.envive-tw-gap-14{gap:56px}.envive-tw-gap-16{gap:64px}.envive-tw-gap-2{gap:8px}.envive-tw-gap-2\.5{gap:10px}.envive-tw-gap-20{gap:80px}.envive-tw-gap-24{gap:96px}.envive-tw-gap-28{gap:112px}.envive-tw-gap-3{gap:12px}.envive-tw-gap-3\.5{gap:14px}.envive-tw-gap-32{gap:128px}.envive-tw-gap-36{gap:144px}.envive-tw-gap-4{gap:16px}.envive-tw-gap-40{gap:160px}.envive-tw-gap-44{gap:176px}.envive-tw-gap-48{gap:192px}.envive-tw-gap-5{gap:20px}.envive-tw-gap-52{gap:208px}.envive-tw-gap-56{gap:224px}.envive-tw-gap-6{gap:24px}.envive-tw-gap-60{gap:240px}.envive-tw-gap-64{gap:256px}.envive-tw-gap-7{gap:28px}.envive-tw-gap-72{gap:288px}.envive-tw-gap-8{gap:32px}.envive-tw-gap-80{gap:320px}.envive-tw-gap-9{gap:36px}.envive-tw-gap-96{gap:384px}.envive-tw-gap-\[10px\]{gap:10px}.envive-tw-gap-x-2{-moz-column-gap:8px;column-gap:8px}.envive-tw-space-y-1>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(4px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(4px*var(--tw-space-y-reverse))}.envive-tw-space-y-12>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(48px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(48px*var(--tw-space-y-reverse))}.envive-tw-space-y-2>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(8px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(8px*var(--tw-space-y-reverse))}.envive-tw-space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(12px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(12px*var(--tw-space-y-reverse))}.envive-tw-space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(16px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(16px*var(--tw-space-y-reverse))}.envive-tw-space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(24px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(24px*var(--tw-space-y-reverse))}.envive-tw-space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-top:calc(32px*(1 - var(--tw-space-y-reverse)));margin-bottom:calc(32px*var(--tw-space-y-reverse))}.envive-tw-self-end{align-self:flex-end}.envive-tw-overflow-hidden{overflow:hidden}.envive-tw-overflow-scroll{overflow:scroll}.envive-tw-overflow-x-auto{overflow-x:auto}.envive-tw-overflow-y-auto{overflow-y:auto}.envive-tw-overflow-x-hidden{overflow-x:hidden}.envive-tw-overflow-y-hidden{overflow-y:hidden}.envive-tw-overflow-x-scroll{overflow-x:scroll}.envive-tw-text-ellipsis{text-overflow:ellipsis}.envive-tw-whitespace-nowrap{white-space:nowrap}.envive-tw-break-all{word-break:break-all}.\!envive-tw-rounded-0{border-radius:0!important}.envive-tw-rounded-4{border-radius:4px}.envive-tw-rounded-\[--envive-global-custom-border-radius\]{border-radius:var(--envive-global-custom-border-radius)}.envive-tw-rounded-\[0_50px_50px_0\]{border-radius:0 50px 50px 0}.envive-tw-rounded-\[12px\]{border-radius:12px}.envive-tw-rounded-\[16px\]{border-radius:16px}.envive-tw-rounded-\[16px_16px_0_16px\]{border-radius:16px 16px 0 16px}.envive-tw-rounded-\[20px\]{border-radius:20px}.envive-tw-rounded-\[4px\]{border-radius:4px}.envive-tw-rounded-\[50px\]{border-radius:50px}.envive-tw-rounded-\[50px_0_0_50px\]{border-radius:50px 0 0 50px}.envive-tw-rounded-\[8px\]{border-radius:8px}.envive-tw-rounded-\[var\(--envive-global-custom-border-radius\)\],.envive-tw-rounded-global-custom{border-radius:var(--envive-global-custom-border-radius)}.envive-tw-rounded-l-\[4px\]{border-top-left-radius:4px;border-bottom-left-radius:4px}.envive-tw-rounded-r-\[4px\]{border-top-right-radius:4px;border-bottom-right-radius:4px}.envive-tw-rounded-t-\[16px\]{border-top-left-radius:16px;border-top-right-radius:16px}.envive-tw-rounded-t-\[var\(--envive-global-custom-border-radius\)\]{border-top-left-radius:var(--envive-global-custom-border-radius);border-top-right-radius:var(--envive-global-custom-border-radius)}.envive-tw-border{border-width:1px}.envive-tw-border-0{border-width:0}.envive-tw-border-\[1px\]{border-width:1px}.envive-tw-border-b{border-bottom-width:1px}.envive-tw-border-t{border-top-width:1px}.envive-tw-border-solid{border-style:solid}.envive-tw-border-none{border-style:none}.\!envive-tw-border-border-medium{border-color:var(--envive-colors-border-medium)!important}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000_10\%\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-background-tertiary\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-background-tertiary) 90%,#000)}.envive-tw-border-\[color-mix\(in_srgb\,var\(--envive-colors-button-light-background-color\)_90\%\,\#000000\)\]{border-color:color-mix(in srgb,var(--envive-colors-button-light-background-color) 90%,#000)}.envive-tw-border-background-dark{border-color:var(--envive-colors-background-dark)}.envive-tw-border-background-light{border-color:var(--envive-colors-background-light)}.envive-tw-border-border-dark{border-color:var(--envive-colors-border-dark)}.envive-tw-border-border-light{border-color:var(--envive-colors-border-light)}.envive-tw-border-border-medium{border-color:var(--envive-colors-border-medium)}.envive-tw-border-button-dark-background-color{border-color:var(--envive-colors-button-dark-background-color)}.envive-tw-border-emerald-100{--tw-border-opacity:1;border-color:rgb(209 250 229/var(--tw-border-opacity,1))}.envive-tw-border-gray-200{--tw-border-opacity:1;border-color:rgb(229 231 235/var(--tw-border-opacity,1))}.envive-tw-border-gray-300{--tw-border-opacity:1;border-color:rgb(209 213 219/var(--tw-border-opacity,1))}.envive-tw-border-red-500{--tw-border-opacity:1;border-color:rgb(239 68 68/var(--tw-border-opacity,1))}.envive-tw-border-slate-200{--tw-border-opacity:1;border-color:rgb(226 232 240/var(--tw-border-opacity,1))}.envive-tw-border-text-secondary{border-color:var(--envive-colors-text-secondary)}.envive-tw-border-b-border-dark{border-bottom-color:var(--envive-colors-border-dark)}.envive-tw-border-b-border-medium{border-bottom-color:var(--envive-colors-border-medium)}.envive-tw-bg-\[\#1f5f51\]{--tw-bg-opacity:1;background-color:rgb(31 95 81/var(--tw-bg-opacity,1))}.envive-tw-bg-\[\#FFFFFFB2\]{background-color:#ffffffb2}.envive-tw-bg-\[\#FFFFFF\]{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.envive-tw-bg-\[--envive-colors-accent-primary\]{background-color:var(--envive-colors-accent-primary)}.envive-tw-bg-\[--envive-colors-accent-secondary\]{background-color:var(--envive-colors-accent-secondary)}.envive-tw-bg-\[--envive-colors-background-dark\]{background-color:var(--envive-colors-background-dark)}.envive-tw-bg-\[--envive-colors-background-light\]{background-color:var(--envive-colors-background-light)}.envive-tw-bg-\[--envive-colors-background-primary\]{background-color:var(--envive-colors-background-primary)}.envive-tw-bg-\[--envive-colors-background-secondary\]{background-color:var(--envive-colors-background-secondary)}.envive-tw-bg-\[--envive-colors-background-tertiary\]{background-color:var(--envive-colors-background-tertiary)}.envive-tw-bg-\[--envive-colors-border-dark\]{background-color:var(--envive-colors-border-dark)}.envive-tw-bg-\[--envive-colors-border-light\]{background-color:var(--envive-colors-border-light)}.envive-tw-bg-\[--envive-colors-border-medium\]{background-color:var(--envive-colors-border-medium)}.envive-tw-bg-\[--envive-colors-text-accent\]{background-color:var(--envive-colors-text-accent)}.envive-tw-bg-\[--envive-colors-text-light\]{background-color:var(--envive-colors-text-light)}.envive-tw-bg-\[--envive-colors-text-link\]{background-color:var(--envive-colors-text-link)}.envive-tw-bg-\[--envive-colors-text-primary\]{background-color:var(--envive-colors-text-primary)}.envive-tw-bg-\[--envive-colors-text-secondary\]{background-color:var(--envive-colors-text-secondary)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-light\)\,transparent_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-light),transparent 10%)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_90\%\,\#000000_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-bg-\[color-mix\(in_srgb\,var\(--envive-colors-background-secondary\)_95\%\,\#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 95%,#000)}.envive-tw-bg-\[rgb\(from_var\(--envive-colors-background-dark\)_r_g_b_\/_10\%\)\]{background-color:rgb(from var(--envive-colors-background-dark) r g b/10%)}.envive-tw-bg-\[rgb\(from_var\(--envive-colors-background-light\)_r_g_b_\/_90\%\)\]{background-color:rgb(from var(--envive-colors-background-light) r g b/90%)}.envive-tw-bg-\[rgba\(0\,0\,0\,0\.40\)\]{background-color:rgba(0,0,0,.4)}.envive-tw-bg-background-dark{background-color:var(--envive-colors-background-dark)}.envive-tw-bg-background-light{background-color:var(--envive-colors-background-light)}.envive-tw-bg-background-primary{background-color:var(--envive-colors-background-primary)}.envive-tw-bg-background-secondary{background-color:var(--envive-colors-background-secondary)}.envive-tw-bg-background-tertiary{background-color:var(--envive-colors-background-tertiary)}.envive-tw-bg-button-dark-background-color{background-color:var(--envive-colors-button-dark-background-color)}.envive-tw-bg-button-light-background-color{background-color:var(--envive-colors-button-light-background-color)}.envive-tw-bg-emerald-100{--tw-bg-opacity:1;background-color:rgb(209 250 229/var(--tw-bg-opacity,1))}.envive-tw-bg-emerald-50{--tw-bg-opacity:1;background-color:rgb(236 253 245/var(--tw-bg-opacity,1))}.envive-tw-bg-gray-200{--tw-bg-opacity:1;background-color:rgb(229 231 235/var(--tw-bg-opacity,1))}.envive-tw-bg-slate-200{--tw-bg-opacity:1;background-color:rgb(226 232 240/var(--tw-bg-opacity,1))}.envive-tw-bg-slate-50{--tw-bg-opacity:1;background-color:rgb(248 250 252/var(--tw-bg-opacity,1))}.envive-tw-bg-text-link{background-color:var(--envive-colors-text-link)}.envive-tw-bg-transparent{background-color:transparent}.envive-tw-bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.envive-tw-bg-\[linear-gradient\(0deg\,rgba\(0\,0\,0\,0\.40\)_0\%\,rgba\(0\,0\,0\,0\.40\)_100\%\)\]{background-image:linear-gradient(0deg,rgba(0,0,0,.4),rgba(0,0,0,.4))}.envive-tw-fill-button-dark-icon-color{fill:var(--envive-colors-button-dark-icon-color)}.envive-tw-fill-button-light-icon-color{fill:var(--envive-colors-button-light-icon-color)}.envive-tw-fill-transparent{fill:transparent}.envive-tw-stroke-background-light{stroke:var(--envive-colors-background-light)}.envive-tw-stroke-button-dark-icon-color{stroke:var(--envive-colors-button-dark-icon-color)}.envive-tw-stroke-button-light-icon-color{stroke:var(--envive-colors-button-light-icon-color)}.envive-tw-object-contain{-o-object-fit:contain;object-fit:contain}.envive-tw-object-cover{-o-object-fit:cover;object-fit:cover}.envive-tw-object-fill{-o-object-fit:fill;object-fit:fill}.envive-tw-object-none{-o-object-fit:none;object-fit:none}.envive-tw-object-scale-down{-o-object-fit:scale-down;object-fit:scale-down}.envive-tw-p-2{padding:8px}.envive-tw-p-3{padding:12px}.envive-tw-p-4{padding:16px}.envive-tw-p-8{padding:32px}.envive-tw-p-\[1px\]{padding:1px}.envive-tw-px-1{padding-left:4px;padding-right:4px}.envive-tw-px-2{padding-left:8px;padding-right:8px}.envive-tw-px-3{padding-left:12px;padding-right:12px}.envive-tw-px-4{padding-left:16px;padding-right:16px}.envive-tw-px-\[6px\]{padding-left:6px;padding-right:6px}.envive-tw-py-0\.5{padding-top:2px;padding-bottom:2px}.envive-tw-py-1{padding-top:4px;padding-bottom:4px}.envive-tw-py-10{padding-top:40px;padding-bottom:40px}.envive-tw-py-16{padding-top:64px;padding-bottom:64px}.envive-tw-py-2{padding-top:8px;padding-bottom:8px}.envive-tw-py-3{padding-top:12px;padding-bottom:12px}.envive-tw-py-6{padding-top:24px;padding-bottom:24px}.envive-tw-py-8{padding-top:32px;padding-bottom:32px}.envive-tw-py-\[2px\]{padding-top:2px;padding-bottom:2px}.envive-tw-pb-2{padding-bottom:8px}.envive-tw-pb-4{padding-bottom:16px}.envive-tw-pb-\[131px\]{padding-bottom:131px}.envive-tw-pb-\[150px\]{padding-bottom:150px}.envive-tw-pb-\[180px\]{padding-bottom:180px}.envive-tw-pl-4{padding-left:16px}.envive-tw-pl-\[2px\]{padding-left:2px}.envive-tw-pr-2{padding-right:8px}.envive-tw-pr-4{padding-right:16px}.envive-tw-pt-1{padding-top:4px}.envive-tw-pt-2{padding-top:8px}.envive-tw-pt-3{padding-top:12px}.envive-tw-pt-4{padding-top:16px}.envive-tw-pt-6{padding-top:24px}.envive-tw-text-left{text-align:left}.envive-tw-text-center{text-align:center}.envive-tw-text-right{text-align:right}.envive-tw-text-justify{text-align:justify}.envive-tw-align-top{vertical-align:top}.envive-tw-align-middle{vertical-align:middle}.envive-tw-font-body{font-family:var(--envive-typography-font-family-body),sans-serif}.envive-tw-font-header{font-family:var(--envive-typography-font-family-header),sans-serif}.envive-tw-font-title{font-family:var(--envive-typography-font-family-title),sans-serif}.envive-tw-text-2xl{font-size:1.5rem;line-height:2rem}.envive-tw-text-\[2\.25rem\]{font-size:2.25rem}.envive-tw-text-b1{font-size:var(--envive-typography-font-size-b1)}.envive-tw-text-b3{font-size:var(--envive-typography-font-size-b3)}.envive-tw-text-b4{font-size:var(--envive-typography-font-size-b4)}.envive-tw-text-b5{font-size:var(--envive-typography-font-size-b5)}.envive-tw-text-base{font-size:1rem;line-height:1.5rem}.envive-tw-text-h2{font-size:var(--envive-typography-font-size-h2)}.envive-tw-text-h3{font-size:var(--envive-typography-font-size-h3)}.envive-tw-text-lg{font-size:1.125rem;line-height:1.75rem}.envive-tw-text-sm{font-size:.875rem;line-height:1.25rem}.envive-tw-text-t1{font-size:var(--envive-typography-font-size-t1)}.envive-tw-text-t2{font-size:var(--envive-typography-font-size-t2)}.envive-tw-text-t3{font-size:var(--envive-typography-font-size-t3)}.envive-tw-text-xs{font-size:.75rem;line-height:1rem}.envive-tw-font-bold{font-weight:700}.envive-tw-font-md{font-weight:var(--envive-typography-font-weight-md)}.envive-tw-font-medium{font-weight:500}.envive-tw-font-rg{font-weight:var(--envive-typography-font-weight-rg)}.envive-tw-font-sb{font-weight:var(--envive-typography-font-weight-sb)}.envive-tw-font-semibold{font-weight:600}.envive-tw-uppercase{text-transform:uppercase}.envive-tw-capitalize{text-transform:capitalize}.envive-tw-italic{font-style:italic}.envive-tw-leading-114{line-height:var(--envive-typography-line-height-114)}.envive-tw-leading-116{line-height:var(--envive-typography-line-height-116)}.envive-tw-leading-118{line-height:var(--envive-typography-line-height-118)}.envive-tw-leading-120{line-height:var(--envive-typography-line-height-120)}.envive-tw-leading-124{line-height:var(--envive-typography-line-height-124)}.envive-tw-leading-130{line-height:var(--envive-typography-line-height-130)}.envive-tw-leading-140{line-height:var(--envive-typography-line-height-140)}.envive-tw-leading-148{line-height:var(--envive-typography-line-height-148)}.envive-tw-leading-\[0\]{line-height:0}.envive-tw-leading-\[13px\]{line-height:13px}.envive-tw-leading-relaxed{line-height:1.625}.envive-tw-tracking-tighter{letter-spacing:-.05em}.envive-tw-text-\[\#f9f6ea\]{--tw-text-opacity:1;color:rgb(249 246 234/var(--tw-text-opacity,1))}.envive-tw-text-\[--envive-colors-text-accent\]{color:var(--envive-colors-text-accent)}.envive-tw-text-\[--envive-colors-text-light\]{color:var(--envive-colors-text-light)}.envive-tw-text-\[--envive-colors-text-link\]{color:var(--envive-colors-text-link)}.envive-tw-text-\[--envive-colors-text-primary\]{color:var(--envive-colors-text-primary)}.envive-tw-text-\[--envive-colors-text-secondary\]{color:var(--envive-colors-text-secondary)}.envive-tw-text-background-dark{color:var(--envive-colors-background-dark)}.envive-tw-text-background-light{color:var(--envive-colors-background-light)}.envive-tw-text-emerald-800{--tw-text-opacity:1;color:rgb(6 95 70/var(--tw-text-opacity,1))}.envive-tw-text-emerald-950{--tw-text-opacity:1;color:rgb(2 44 34/var(--tw-text-opacity,1))}.envive-tw-text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.envive-tw-text-gray-600{--tw-text-opacity:1;color:rgb(75 85 99/var(--tw-text-opacity,1))}.envive-tw-text-gray-700{--tw-text-opacity:1;color:rgb(55 65 81/var(--tw-text-opacity,1))}.envive-tw-text-gray-800{--tw-text-opacity:1;color:rgb(31 41 55/var(--tw-text-opacity,1))}.envive-tw-text-gray-900{--tw-text-opacity:1;color:rgb(17 24 39/var(--tw-text-opacity,1))}.envive-tw-text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.envive-tw-text-slate-600{--tw-text-opacity:1;color:rgb(71 85 105/var(--tw-text-opacity,1))}.envive-tw-text-slate-900{--tw-text-opacity:1;color:rgb(15 23 42/var(--tw-text-opacity,1))}.envive-tw-text-text-light{color:var(--envive-colors-text-light)}.envive-tw-text-text-link{color:var(--envive-colors-text-link)}.envive-tw-text-text-primary{color:var(--envive-colors-text-primary)}.envive-tw-text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.envive-tw-underline{text-decoration-line:underline}.envive-tw-line-through{text-decoration-line:line-through}.envive-tw-opacity-0{opacity:0}.envive-tw-opacity-100{opacity:1}.envive-tw-opacity-50{opacity:.5}.envive-tw-shadow-\[2px_2px_6px_0px_rgba\(0\,0\,0\,0\.15\)\]{--tw-shadow:2px 2px 6px 0px rgba(0,0,0,.15);--tw-shadow-colored:2px 2px 6px 0px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\,0\,0\,0\.25\)\]{--tw-shadow:2px 2px 8px 0 rgba(0,0,0,.25);--tw-shadow-colored:2px 2px 8px 0 var(--tw-shadow-color)}.envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\,0\,0\,0\.25\)\],.envive-tw-shadow-lg{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-shadow-lg{--tw-shadow:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -4px rgba(0,0,0,.1);--tw-shadow-colored:0 10px 15px -3px var(--tw-shadow-color),0 4px 6px -4px var(--tw-shadow-color)}.envive-tw-shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.envive-tw-shadow-md,.envive-tw-shadow-sm{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.envive-tw-shadow-sm{--tw-shadow:0 1px 2px 0 rgba(0,0,0,.05);--tw-shadow-colored:0 1px 2px 0 var(--tw-shadow-color)}.envive-tw-outline-none{outline:2px solid transparent;outline-offset:2px}.envive-tw-backdrop-blur-\[12px\]{--tw-backdrop-blur:blur(12px)}.envive-tw-backdrop-blur-\[12px\],.envive-tw-backdrop-blur-\[4px\]{backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.envive-tw-backdrop-blur-\[4px\]{--tw-backdrop-blur:blur(4px)}.envive-tw-transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.envive-tw-transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.envive-tw-duration-200{transition-duration:.2s}.envive-tw-duration-300{transition-duration:.3s}.envive-tw-ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.envive-tw-typography-ol,.envive-tw-typography-ul{list-style:inherit;margin:0;padding-left:24px;line-height:4px;&>li{list-style:inherit!important}}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-normal.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Inter Variable;font-style:italic;font-display:swap;font-weight:100 900;src:url(https://cdn.jsdelivr.net/fontsource/fonts/inter:vf@latest/latin-wght-italic.woff2) format("woff2-variations");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-400-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:500;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-500-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Poppins;font-style:normal;font-display:swap;font-weight:600;src:url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff2) format("woff2"),url(https://cdn.jsdelivr.net/fontsource/fonts/poppins@latest/latin-600-normal.woff) format("woff");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+2074,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}.placeholder\:envive-tw-text-text-secondary::-moz-placeholder{color:var(--envive-colors-text-secondary)}.placeholder\:envive-tw-text-text-secondary::placeholder{color:var(--envive-colors-text-secondary)}.focus-within\:envive-tw-border-\[--envive-colors-text-link\]:focus-within{border-color:var(--envive-colors-text-link)}@media (hover:hover) and (pointer:fine){.hover\:envive-tw-border-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_90\%\2c \#000000\)\]:hover{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000)}.hover\:envive-tw-border-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]:hover{border-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.hover\:envive-tw-border-border-dark:hover{border-color:var(--envive-colors-border-dark)}.hover\:envive-tw-border-b-border-dark:hover{border-bottom-color:var(--envive-colors-border-dark)}.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]:hover{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000_08\%\)\]:hover,.hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000_8\%\)\]:hover{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000 8%)}.hover\:envive-tw-bg-gray-50:hover{--tw-bg-opacity:1;background-color:rgb(249 250 251/var(--tw-bg-opacity,1))}.hover\:envive-tw-text-text-primary:hover{color:var(--envive-colors-text-primary)}.hover\:envive-tw-underline:hover{text-decoration-line:underline}.hover\:envive-tw-underline-offset-2:hover{text-underline-offset:2px}}.focus\:envive-tw-border-\[\#1f5f51\]:focus{--tw-border-opacity:1;border-color:rgb(31 95 81/var(--tw-border-opacity,1))}.focus\:envive-tw-outline-none:focus{outline:2px solid transparent;outline-offset:2px}.focus\:envive-tw-ring-1:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:envive-tw-ring-1:focus,.focus\:envive-tw-ring-2:focus{box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:envive-tw-ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color)}.focus\:envive-tw-ring-\[\#1f5f51\]:focus{--tw-ring-opacity:1;--tw-ring-color:rgb(31 95 81/var(--tw-ring-opacity,1))}.focus\:envive-tw-ring-offset-2:focus{--tw-ring-offset-width:2px}.focus\:placeholder\:envive-tw-text-text-primary:focus::-moz-placeholder{color:var(--envive-colors-text-primary)}.focus\:placeholder\:envive-tw-text-text-primary:focus::placeholder{color:var(--envive-colors-text-primary)}.focus-visible\:envive-tw-shadow-none:focus-visible{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.focus-visible\:envive-tw-outline-none:focus-visible{outline:2px solid transparent;outline-offset:2px}.disabled\:envive-tw-opacity-50:disabled{opacity:.5}@media (hover:hover) and (pointer:fine){.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[30px\]{height:30px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[38px\]{height:38px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[51px\]{height:51px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[57px\]{height:57px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-h-\[72px\]{height:72px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[30px\]{width:30px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[38px\]{width:38px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[51px\]{width:51px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[62px\]{width:62px}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-w-\[72px\]{width:72px}.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_80\%\2c \#000000_20\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 80%,#000 20%)}.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-bg-text-primary{background-color:var(--envive-colors-text-primary)}.envive-tw-group:hover .group-hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_90\%\2c \#000000_10\%\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 90%,#000 10%)}.envive-tw-group:hover .group-hover\:envive-tw-bg-\[color-mix\(in_srgb\2c var\(--envive-colors-background-secondary\)_92\%\2c \#000000\)\]{background-color:color-mix(in srgb,var(--envive-colors-background-secondary) 92%,#000)}.envive-tw-group:hover .group-hover\:envive-tw-fill-background-dark{fill:var(--envive-colors-background-dark)}.envive-tw-group:hover .group-hover\:envive-tw-stroke-background-dark{stroke:var(--envive-colors-background-dark)}.envive-tw-group:hover .group-hover\:envive-tw-text-text-primary,.envive-tw-group\/card:hover .group-hover\/card\:envive-tw-text-\[--envive-colors-text-primary\]{color:var(--envive-colors-text-primary)}.envive-tw-group:hover .group-hover\:envive-tw-underline{text-decoration-line:underline}.envive-tw-group\/floatingbutton:hover .group-hover\/floatingbutton\:envive-tw-shadow-\[2px_2px_8px_0_rgba\(0\2c 0\2c 0\2c 0\.25\)\]{--tw-shadow:2px 2px 8px 0 rgba(0,0,0,.25);--tw-shadow-colored:2px 2px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}}@media (min-width:768px){.md\:envive-tw-max-w-\[450px\]{max-width:450px}.md\:envive-tw-grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1024px){.lg\:envive-tw-max-w-\[900px\]{max-width:900px}.lg\:envive-tw-grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:envive-tw-text-\[3rem\]{font-size:3rem}}.\[\&\>div\>div\]\:envive-tw-items-end>div>div{align-items:flex-end}.\[\&\>img\]\:envive-tw-transition-transform>img{transition-property:transform;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.\[\&\>img\]\:envive-tw-duration-300>img{transition-duration:.3s}.\[\&\>img\]\:envive-tw-ease-in-out>img{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (hover:hover) and (pointer:fine){.envive-tw-group:hover .\[\&\>img\]\:group-hover\:envive-tw-scale-125>img{--tw-scale-x:1.25;--tw-scale-y:1.25;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}}.\[\&\>line\]\:envive-tw-stroke-\[var\(--envive-colors-background-light\)\]>line{stroke:var(--envive-colors-background-light)}.\[\&\>line\]\:envive-tw-stroke-\[var\(--envive-colors-text-secondary\)\]>line{stroke:var(--envive-colors-text-secondary)}.\[\&\>path\]\:envive-tw-fill-\[var\(--envive-colors-background-dark\)\]>path{fill:var(--envive-colors-background-dark)}.\[\&\>path\]\:envive-tw-fill-\[var\(--envive-colors-background-light\)\]>path{fill:var(--envive-colors-background-light)}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
const require_utils = require('../DesignTokens/components/utils.cjs');
|
|
2
1
|
const require_theme = require('../packages/components-v3/tokens/theme/theme.cjs');
|
|
2
|
+
const require_utils = require('../DesignTokens/components/utils.cjs');
|
|
3
3
|
|
|
4
4
|
//#region src/components/utils/resolveTheme.ts
|
|
5
5
|
const resolveTheme = (theme) => {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
import { getComputedCSSVariable } from "../DesignTokens/components/utils.js";
|
|
2
1
|
import { Theme, ThemeCSSVar } from "../packages/components-v3/tokens/theme/theme.js";
|
|
2
|
+
import { getComputedCSSVariable } from "../DesignTokens/components/utils.js";
|
|
3
3
|
|
|
4
4
|
//#region src/components/utils/resolveTheme.ts
|
|
5
5
|
const resolveTheme = (theme) => {
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Breakpoint } from "../tokens/breakpoints/breakpoints.cjs";
|
|
2
|
+
|
|
3
|
+
//#region src/components/utils/useCheckIsMobile.d.ts
|
|
4
|
+
declare const useCheckIsMobile: (breakpoint?: Breakpoint) => {
|
|
5
|
+
isMobile: boolean;
|
|
6
|
+
viewportWidth: number;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { useCheckIsMobile };
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Breakpoint } from "../packages/components-v3/tokens/breakpoints/breakpoints.js";
|
|
2
|
+
|
|
3
|
+
//#region src/components/utils/useCheckIsMobile.d.ts
|
|
4
|
+
declare const useCheckIsMobile: (breakpoint?: Breakpoint) => {
|
|
5
|
+
isMobile: boolean;
|
|
6
|
+
viewportWidth: number;
|
|
7
|
+
};
|
|
8
|
+
//#endregion
|
|
9
|
+
export { useCheckIsMobile };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@envive-ai/react-toolkit-v3",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.20",
|
|
4
4
|
"description": "React component library for Envive services.",
|
|
5
5
|
"keywords": [
|
|
6
6
|
"react",
|
|
@@ -243,6 +243,10 @@
|
|
|
243
243
|
"import": "./dist/Typography/index.js",
|
|
244
244
|
"require": "./dist/Typography/index.cjs"
|
|
245
245
|
},
|
|
246
|
+
"./utils/useCheckIsMobile": {
|
|
247
|
+
"import": "./dist/utils/useCheckIsMobile.js",
|
|
248
|
+
"require": "./dist/utils/useCheckIsMobile.cjs"
|
|
249
|
+
},
|
|
246
250
|
"./WelcomeMessage": {
|
|
247
251
|
"import": "./dist/WelcomeMessage/index.js",
|
|
248
252
|
"require": "./dist/WelcomeMessage/index.cjs"
|
|
@@ -1,9 +1,6 @@
|
|
|
1
1
|
import { useEffect, useMemo, useRef, useState } from 'react';
|
|
2
2
|
|
|
3
|
-
import {
|
|
4
|
-
ChatElementDisplayLocationV3,
|
|
5
|
-
MessageType,
|
|
6
|
-
} from '@envive-ai/react-hooks/application/models';
|
|
3
|
+
import { ChatElementDisplayLocationV3 } from '@envive-ai/react-hooks/application/models';
|
|
7
4
|
import { motion } from 'framer-motion';
|
|
8
5
|
import {
|
|
9
6
|
WidgetInteractionComponent,
|
|
@@ -31,9 +28,9 @@ import { resolveTheme } from '../utils/resolveTheme';
|
|
|
31
28
|
import { useFilteredChatMessages } from './hooks/useFilteredChatMessages';
|
|
32
29
|
import { Unit } from './hooks/useSnapCalculator';
|
|
33
30
|
import { FloatingChatProps } from './types/types';
|
|
34
|
-
import { getCleanProducts, getSearchQueryFromMessageBlock } from './utils/functions';
|
|
35
31
|
import { FloatingChatComponents, ModalSheet } from './components';
|
|
36
32
|
import { SalesAgentProductCardProps } from '../SalesAgentProductCard/types/types';
|
|
33
|
+
import { trackProductCardClicked } from './utils/trackProductCardInteraction';
|
|
37
34
|
|
|
38
35
|
export const FloatingChat = ({
|
|
39
36
|
id,
|
|
@@ -51,6 +48,7 @@ export const FloatingChat = ({
|
|
|
51
48
|
onClose,
|
|
52
49
|
onSwipeClose,
|
|
53
50
|
onToggleCXButton,
|
|
51
|
+
setIsResultsModalOpen,
|
|
54
52
|
}: FloatingChatProps) => {
|
|
55
53
|
const finalTheme = resolveTheme(theme);
|
|
56
54
|
const { trackWidgetInteraction } = useWidgetInteraction();
|
|
@@ -158,13 +156,18 @@ export const FloatingChat = ({
|
|
|
158
156
|
|
|
159
157
|
const {
|
|
160
158
|
resultsViewData,
|
|
161
|
-
setResultsViewData,
|
|
162
159
|
isResultsView,
|
|
163
160
|
scrollContainerRef,
|
|
164
161
|
isResultsViewRef,
|
|
165
162
|
handleBackToChat,
|
|
163
|
+
handleExploreAllResults,
|
|
166
164
|
} = useProductResultsView({ scrollToBottom });
|
|
167
165
|
|
|
166
|
+
useEffect(() => {
|
|
167
|
+
const isProductResultsDesktopModalOpen = !isMobile && isResultsView && resultsViewData !== null;
|
|
168
|
+
setIsResultsModalOpen?.(isProductResultsDesktopModalOpen);
|
|
169
|
+
}, [isMobile, isResultsView, resultsViewData, setIsResultsModalOpen]);
|
|
170
|
+
|
|
168
171
|
useEffect(() => {
|
|
169
172
|
if (isFloatingChatOpen) {
|
|
170
173
|
trackWidgetInteraction({
|
|
@@ -207,18 +210,11 @@ export const FloatingChat = ({
|
|
|
207
210
|
});
|
|
208
211
|
|
|
209
212
|
const handleProductCardClick = (product: SalesAgentProductCardProps) => {
|
|
210
|
-
|
|
211
|
-
|
|
212
|
-
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
widget_interaction_data: {
|
|
216
|
-
product_card_clicked: {
|
|
217
|
-
product_id: product.id,
|
|
218
|
-
},
|
|
219
|
-
},
|
|
220
|
-
},
|
|
221
|
-
});
|
|
213
|
+
trackProductCardClicked(
|
|
214
|
+
trackWidgetInteraction,
|
|
215
|
+
WidgetInteractionComponent.FLOATING_CHAT,
|
|
216
|
+
product,
|
|
217
|
+
);
|
|
222
218
|
};
|
|
223
219
|
|
|
224
220
|
const header = (
|
|
@@ -331,21 +327,6 @@ export const FloatingChat = ({
|
|
|
331
327
|
/>
|
|
332
328
|
);
|
|
333
329
|
|
|
334
|
-
const handleExploreAllResults = (firstProductMessageId: string) => {
|
|
335
|
-
const blockIndex = messages.findIndex(block =>
|
|
336
|
-
block.some(msg => msg.type === MessageType.Product && msg.id === firstProductMessageId),
|
|
337
|
-
);
|
|
338
|
-
if (blockIndex < 0) return;
|
|
339
|
-
|
|
340
|
-
const messageBlock = messages[blockIndex];
|
|
341
|
-
const productMessages = messageBlock.filter(msg => msg.type === MessageType.Product);
|
|
342
|
-
const products = getCleanProducts(productMessages);
|
|
343
|
-
if (products.length === 0) return;
|
|
344
|
-
|
|
345
|
-
const searchQuery = getSearchQueryFromMessageBlock(messages, blockIndex);
|
|
346
|
-
setResultsViewData({ products, searchQuery });
|
|
347
|
-
};
|
|
348
|
-
|
|
349
330
|
const chatMessages = (
|
|
350
331
|
<FloatingChatComponents.ChatMessages
|
|
351
332
|
theme={finalTheme}
|
|
@@ -361,7 +342,9 @@ export const FloatingChat = ({
|
|
|
361
342
|
showVerifiedBuyer={showVerifiedBuyer}
|
|
362
343
|
onFormResponseSubmitted={onFormResponseSubmitted}
|
|
363
344
|
parentWidget={WidgetInteractionComponent.FLOATING_CHAT}
|
|
364
|
-
onExploreAllResults={
|
|
345
|
+
onExploreAllResults={firstProductMessageId =>
|
|
346
|
+
handleExploreAllResults(firstProductMessageId, filteredMessages)
|
|
347
|
+
}
|
|
365
348
|
/>
|
|
366
349
|
);
|
|
367
350
|
|
|
@@ -452,6 +435,24 @@ export const FloatingChat = ({
|
|
|
452
435
|
/>
|
|
453
436
|
);
|
|
454
437
|
|
|
438
|
+
// Desktop: when "Explore All Results" is clicked, show centered modal instead of chat
|
|
439
|
+
if (!isMobile && isResultsView && resultsViewData) {
|
|
440
|
+
return (
|
|
441
|
+
<FloatingChatComponents.ProductResultsModal
|
|
442
|
+
theme={finalTheme}
|
|
443
|
+
resultsViewData={resultsViewData}
|
|
444
|
+
onBackToChat={handleBackToChat}
|
|
445
|
+
onProductCardClick={handleProductCardClick}
|
|
446
|
+
onClose={onClose}
|
|
447
|
+
logoDark={chatHeaderLogoDarkSrc}
|
|
448
|
+
logoLight={chatHeaderLogoLightSrc}
|
|
449
|
+
headerBgColor={headerBackgroundColor as ColorNames}
|
|
450
|
+
headerMode={headerMode as ChatHeaderVariant}
|
|
451
|
+
footer={footer}
|
|
452
|
+
/>
|
|
453
|
+
);
|
|
454
|
+
}
|
|
455
|
+
|
|
455
456
|
return isMobile ? (
|
|
456
457
|
<ModalSheet
|
|
457
458
|
animationKey={animationKey}
|
|
@@ -25,6 +25,7 @@ import {
|
|
|
25
25
|
getCleanProducts,
|
|
26
26
|
getCleanReviews,
|
|
27
27
|
} from '../utils/functions';
|
|
28
|
+
import { trackProductCardClicked } from '../utils/trackProductCardInteraction';
|
|
28
29
|
import { DocumentRetrievalCardsCarousel } from './DocumentRetrievalCardsCarousel';
|
|
29
30
|
import { OrderLookupCardCarousel } from './OrderLookupCardCarousel';
|
|
30
31
|
import { ReviewCardsCarousel } from './ReviewCardsCarousel';
|
|
@@ -85,18 +86,7 @@ export const AgentMessage = ({
|
|
|
85
86
|
};
|
|
86
87
|
|
|
87
88
|
const handleProductCardClick = (product: SalesAgentProductCardProps) => {
|
|
88
|
-
trackWidgetInteraction
|
|
89
|
-
eventName: EnviveMetricsEventName.WidgetInteraction,
|
|
90
|
-
trigger: {
|
|
91
|
-
widget: parentWidget,
|
|
92
|
-
widget_interaction: WidgetInteractionType.PRODUCT_CARD_CLICKED,
|
|
93
|
-
widget_interaction_data: {
|
|
94
|
-
product_card_clicked: {
|
|
95
|
-
product_id: product.id,
|
|
96
|
-
},
|
|
97
|
-
},
|
|
98
|
-
},
|
|
99
|
-
});
|
|
89
|
+
trackProductCardClicked(trackWidgetInteraction, parentWidget, product);
|
|
100
90
|
};
|
|
101
91
|
|
|
102
92
|
const handleReviewCardClick = (review: ReviewCardProps) => {
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
2
|
+
import { Theme } from '../../../../tokens/theme/theme';
|
|
3
|
+
import { ColorNames } from '../../../models/colorsConfig';
|
|
4
|
+
import { SalesAgentProductCardProps } from '../../SalesAgentProductCard/types/types';
|
|
5
|
+
import { ChatHeader } from '../../ChatHeader';
|
|
6
|
+
import { ChatHeaderOptions, ChatHeaderVariant } from '../../ChatHeader/types';
|
|
7
|
+
import { ResultsGridView } from './ResultsGridView';
|
|
8
|
+
import type { ResultsViewData } from '../hooks/useProductResultsView';
|
|
9
|
+
|
|
10
|
+
const overlayWrapperClasses = classNames(
|
|
11
|
+
'envive-tw-min-h-0 envive-tw-flex envive-tw-h-full envive-tw-w-full',
|
|
12
|
+
'envive-tw-items-center envive-tw-justify-center envive-tw-p-4',
|
|
13
|
+
);
|
|
14
|
+
const modalClasses = classNames(
|
|
15
|
+
'envive-tw-rounded-[16px] envive-tw-flex envive-tw-max-h-[90vh] envive-tw-w-full envive-tw-max-w-[900px]',
|
|
16
|
+
'envive-tw-flex-col envive-tw-overflow-hidden envive-tw-bg-white envive-tw-shadow-lg',
|
|
17
|
+
);
|
|
18
|
+
const headerWrapperClasses = classNames(
|
|
19
|
+
'envive-tw-rounded-t-[16px] envive-tw-flex-shrink-0 envive-tw-overflow-hidden',
|
|
20
|
+
);
|
|
21
|
+
const scrollContentClasses = classNames(
|
|
22
|
+
'envive-tw-flex-1 envive-tw-overflow-y-auto envive-tw-overflow-x-hidden',
|
|
23
|
+
);
|
|
24
|
+
const footerWrapperClasses = classNames('envive-tw-w-full envive-tw-flex-shrink-0');
|
|
25
|
+
|
|
26
|
+
export interface ProductResultsModalProps {
|
|
27
|
+
theme: Theme;
|
|
28
|
+
resultsViewData: ResultsViewData;
|
|
29
|
+
onBackToChat: () => void;
|
|
30
|
+
onProductCardClick?: (product: SalesAgentProductCardProps) => void;
|
|
31
|
+
onClose: () => void;
|
|
32
|
+
logoDark?: string;
|
|
33
|
+
logoLight?: string;
|
|
34
|
+
headerBgColor?: ColorNames;
|
|
35
|
+
headerMode?: ChatHeaderVariant;
|
|
36
|
+
footer: React.ReactNode;
|
|
37
|
+
}
|
|
38
|
+
|
|
39
|
+
/**
|
|
40
|
+
* Desktop-only modal for "Explore All Results" view.
|
|
41
|
+
*/
|
|
42
|
+
export const ProductResultsModal = ({
|
|
43
|
+
theme,
|
|
44
|
+
resultsViewData,
|
|
45
|
+
onBackToChat,
|
|
46
|
+
onProductCardClick,
|
|
47
|
+
logoDark,
|
|
48
|
+
logoLight,
|
|
49
|
+
headerBgColor,
|
|
50
|
+
headerMode,
|
|
51
|
+
footer,
|
|
52
|
+
}: ProductResultsModalProps) => {
|
|
53
|
+
const header = (
|
|
54
|
+
<ChatHeader
|
|
55
|
+
logoDark={logoDark}
|
|
56
|
+
logoLight={logoLight}
|
|
57
|
+
selectedOption={ChatHeaderOptions.ASSISTANT}
|
|
58
|
+
onToggle={() => {}}
|
|
59
|
+
onClose={onBackToChat}
|
|
60
|
+
showLogo
|
|
61
|
+
showCXToggle={false}
|
|
62
|
+
centralizeCXToggle
|
|
63
|
+
theme={theme}
|
|
64
|
+
variant={headerMode ?? ChatHeaderVariant.LIGHT}
|
|
65
|
+
headerBgColor={headerBgColor}
|
|
66
|
+
/>
|
|
67
|
+
);
|
|
68
|
+
|
|
69
|
+
return (
|
|
70
|
+
<div className={overlayWrapperClasses}>
|
|
71
|
+
<div className={modalClasses}>
|
|
72
|
+
<div className={headerWrapperClasses}>{header}</div>
|
|
73
|
+
<div className={scrollContentClasses}>
|
|
74
|
+
<ResultsGridView
|
|
75
|
+
theme={theme}
|
|
76
|
+
searchQuery={resultsViewData.searchQuery}
|
|
77
|
+
products={resultsViewData.products}
|
|
78
|
+
onBackToChat={onBackToChat}
|
|
79
|
+
onProductCardClick={onProductCardClick}
|
|
80
|
+
gridCols={4}
|
|
81
|
+
/>
|
|
82
|
+
</div>
|
|
83
|
+
{footer && <div className={footerWrapperClasses}>{footer}</div>}
|
|
84
|
+
</div>
|
|
85
|
+
</div>
|
|
86
|
+
);
|
|
87
|
+
};
|
|
@@ -1,3 +1,4 @@
|
|
|
1
|
+
import classNames from 'classnames';
|
|
1
2
|
import { Theme } from '../../../../tokens/theme/theme';
|
|
2
3
|
import { SalesAgentProductCard } from '../../SalesAgentProductCard/SalesAgentProductCard';
|
|
3
4
|
import {
|
|
@@ -8,12 +9,28 @@ import { resolveTheme } from '../../utils/resolveTheme';
|
|
|
8
9
|
import { Stack } from '../../Stack';
|
|
9
10
|
import { Typography, TypographyColor, TypographyVariant } from '../../Typography';
|
|
10
11
|
|
|
12
|
+
export const NUM_COLUMNS_MOBILE = 2;
|
|
13
|
+
export const NUM_COLUMNS_FPSA = 3;
|
|
14
|
+
export const NUM_COLUMNS_DESKTOP_MODAL = 4;
|
|
15
|
+
|
|
16
|
+
export type ResultsGridColumnCount =
|
|
17
|
+
| typeof NUM_COLUMNS_MOBILE
|
|
18
|
+
| typeof NUM_COLUMNS_FPSA
|
|
19
|
+
| typeof NUM_COLUMNS_DESKTOP_MODAL;
|
|
20
|
+
|
|
21
|
+
const gridClassNameByColumnCount: Record<ResultsGridColumnCount, string> = {
|
|
22
|
+
[NUM_COLUMNS_MOBILE]: 'envive-tw-grid-cols-2 envive-tw-gap-4',
|
|
23
|
+
[NUM_COLUMNS_FPSA]: 'envive-tw-grid-cols-3 envive-tw-gap-2',
|
|
24
|
+
[NUM_COLUMNS_DESKTOP_MODAL]: 'envive-tw-grid-cols-4 envive-tw-gap-2',
|
|
25
|
+
};
|
|
26
|
+
|
|
11
27
|
export interface ResultsGridViewProps {
|
|
12
28
|
theme: Theme;
|
|
13
29
|
searchQuery: string;
|
|
14
30
|
products: SalesAgentProductCardProps[];
|
|
15
31
|
onBackToChat: () => void;
|
|
16
32
|
onProductCardClick?: (product: SalesAgentProductCardProps) => void;
|
|
33
|
+
gridCols?: ResultsGridColumnCount;
|
|
17
34
|
}
|
|
18
35
|
|
|
19
36
|
export const ResultsGridView = ({
|
|
@@ -22,6 +39,7 @@ export const ResultsGridView = ({
|
|
|
22
39
|
products,
|
|
23
40
|
onBackToChat,
|
|
24
41
|
onProductCardClick,
|
|
42
|
+
gridCols = NUM_COLUMNS_MOBILE,
|
|
25
43
|
}: ResultsGridViewProps) => {
|
|
26
44
|
const finalTheme = resolveTheme(theme);
|
|
27
45
|
|
|
@@ -29,6 +47,12 @@ export const ResultsGridView = ({
|
|
|
29
47
|
product => product.currentPrice && product.previousPrice !== product.currentPrice,
|
|
30
48
|
);
|
|
31
49
|
|
|
50
|
+
const gridClassName = gridClassNameByColumnCount[gridCols];
|
|
51
|
+
|
|
52
|
+
const searchQueryHeadingClassName = classNames('envive-tw-mb-2', {
|
|
53
|
+
'envive-tw-text-center': gridCols !== NUM_COLUMNS_MOBILE,
|
|
54
|
+
});
|
|
55
|
+
|
|
32
56
|
return (
|
|
33
57
|
<Stack
|
|
34
58
|
direction="column"
|
|
@@ -61,14 +85,14 @@ export const ResultsGridView = ({
|
|
|
61
85
|
<Typography
|
|
62
86
|
variant={TypographyVariant.B3_MD}
|
|
63
87
|
color={TypographyColor.TEXT_PRIMARY}
|
|
64
|
-
className=
|
|
88
|
+
className={searchQueryHeadingClassName}
|
|
65
89
|
>
|
|
66
90
|
Results for "{searchQuery}"
|
|
67
91
|
</Typography>
|
|
68
92
|
)}
|
|
69
93
|
|
|
70
94
|
{/* Product grid */}
|
|
71
|
-
<div className=
|
|
95
|
+
<div className={classNames('envive-tw-grid', gridClassName)}>
|
|
72
96
|
{products.map((product, index) => (
|
|
73
97
|
<SalesAgentProductCard
|
|
74
98
|
key={product.id ?? `product-${index}`}
|
|
@@ -1,7 +1,11 @@
|
|
|
1
1
|
import { AnimatePresence, motion } from 'framer-motion';
|
|
2
2
|
import { Theme } from '../../../../tokens/theme/theme';
|
|
3
3
|
import { SalesAgentProductCardProps } from '../../SalesAgentProductCard/types/types';
|
|
4
|
-
import {
|
|
4
|
+
import {
|
|
5
|
+
NUM_COLUMNS_MOBILE,
|
|
6
|
+
type ResultsGridColumnCount,
|
|
7
|
+
ResultsGridView,
|
|
8
|
+
} from './ResultsGridView';
|
|
5
9
|
import type { ResultsViewData } from '../hooks/useProductResultsView';
|
|
6
10
|
|
|
7
11
|
type SlideChatContentProps = {
|
|
@@ -13,6 +17,8 @@ type SlideChatContentProps = {
|
|
|
13
17
|
theme: Theme;
|
|
14
18
|
chatMessages: React.ReactNode;
|
|
15
19
|
scrollToBottom: () => void;
|
|
20
|
+
/** Column count for ResultsGridView; defaults to mobile (2). */
|
|
21
|
+
resultsGridColumns?: ResultsGridColumnCount;
|
|
16
22
|
};
|
|
17
23
|
|
|
18
24
|
const slideVariants = {
|
|
@@ -32,6 +38,7 @@ export const SlideChatContent = ({
|
|
|
32
38
|
theme,
|
|
33
39
|
chatMessages,
|
|
34
40
|
scrollToBottom,
|
|
41
|
+
resultsGridColumns = NUM_COLUMNS_MOBILE,
|
|
35
42
|
}: SlideChatContentProps) => {
|
|
36
43
|
const resultsViewContent = resultsViewData && (
|
|
37
44
|
<ResultsGridView
|
|
@@ -40,6 +47,7 @@ export const SlideChatContent = ({
|
|
|
40
47
|
products={resultsViewData.products}
|
|
41
48
|
onBackToChat={onBackToChat}
|
|
42
49
|
onProductCardClick={onProductCardClick}
|
|
50
|
+
gridCols={resultsGridColumns}
|
|
43
51
|
/>
|
|
44
52
|
);
|
|
45
53
|
|