@hhgtech/hhg-components 1.29.412 → 1.29.414

package/build/{index-944f1676.js → index-f985b319.js}

@@ -2,42 +2,42 @@
 
 var React = require('react');
 var core = require('@mantine/core');
-var index = require('./index-77d9f57e.js');
-var togetherComponentGlobalContext = require('./utils-34d35c0b.js');
-var index$9 = require('./index-43f29f18.js');
-var healthTools = require('./healthTools-49358f01.js');
+var index = require('./index-034cefcd.js');
+var togetherComponentGlobalContext = require('./utils-6bdfb61a.js');
+var index$b = require('./index-02a489d8.js');
+var healthTools = require('./healthTools-8fcbf9cb.js');
 var constantsRiskScreener = require('./constantsRiskScreener.js');
-var tslib_es6 = require('./tslib.es6-cdd778e4.js');
-var store = require('./store-97ab25f7.js');
-var useScreenSize = require('./useScreenSize-ef9730fc.js');
-var normalizeLink = require('./normalizeLink-d1de1f56.js');
-var index$1 = require('./index-82b5a71c.js');
+var tslib_es6 = require('./tslib.es6-5033cbef.js');
+var store = require('./store-e689152a.js');
+var index$2 = require('./index-68615221.js');
+var normalizeLink = require('./normalizeLink-935ea0d1.js');
+var index$1 = require('./index-e9201988.js');
 var form = require('@mantine/form');
-var index$5 = require('./index-fb442ba6.js');
+var index$6 = require('./index-d62fced9.js');
 require('@mantine/dates');
-require('./index-e276d20f.js');
-require('./useMantineLocale-afc855ad.js');
-var index$3 = require('./index-dfd15d6f.js');
-var index$4 = require('./index-f47a61da.js');
-require('./index.styles-2331b34a.js');
+require('./index-6c909f71.js');
+var index$a = require('./index-6d3687b7.js');
+var index$4 = require('./index-e5454498.js');
+var index$5 = require('./index-f3a410ea.js');
+require('./index.styles-90997e57.js');
 var hooks = require('@mantine/hooks');
-require('./utils-4c467f5f.js');
-require('./other-90dc0ef3.js');
-require('./index-6d7ef25c.js');
+require('./text-af5ab4c9.js');
+require('./utils-8e23afe2.js');
+require('./index-e09c89e1.js');
 var togetherApiPaths = require('./togetherApiPaths.js');
-require('./translationsContext-841d7536.js');
-var index$2 = require('./index-af146ae2.js');
-var useHealthToolCache = require('./useHealthToolCache-65373b2a.js');
-var index$6 = require('./index-9dc3cf83.js');
+require('./translationsContext-a73ceb20.js');
+var index$3 = require('./index-050b9c5b.js');
+var useHealthToolCache = require('./useHealthToolCache-1c9fd3c3.js');
+var index$7 = require('./index-1c843fb8.js');
 var constantsDomainLocales = require('./constantsDomainLocales.js');
 var constantsIsProduction = require('./constantsIsProduction.js');
 var core$1 = require('@hhgtech/icons/core');
-var index$8 = require('./index-4e20c43b.js');
-var index$7 = require('./index-468ae1bf.js');
+var index$9 = require('./index-914f1ae3.js');
+var index$8 = require('./index-14d583f2.js');
 var Cookies = require('js-cookie');
 var flatten = require('lodash/flatten');
 var uniqBy = require('lodash/uniqBy');
-var Locale = require('./Locale-f9b950d8.js');
+var Locale = require('./Locale-ad67764b.js');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { 'default': e }; }
 
@@ -387,7 +387,7 @@ const PnBannerEle = (_a) => {
             borderRadius: 4,
             cursor: 'pointer',
         }, onClick: bannerClick, "data-event-category": "Newsletter", "data-event-action": "Banner Click", "data-event-label": currentUrl, className: "pointer-event-child-none" }, rest),
-        React__default["default"].createElement(useScreenSize.ImageWrap, { src: isMarketing
+        React__default["default"].createElement(index$2.ImageWrap, { src: isMarketing
                 ? index.CommonGAssets.getAssetPath(`newsletter/${isMobile ? 'Mobile' : 'Desktop'}_Marketing.png`)
                 : index.CommonGAssets.getAssetPath(`newsletter/${isMobile ? 'Mobile' : 'Desktop'}_${type}.png`), style: { maxWidth: '100%' }, alt: "newsletter banner" })));
 };
@@ -456,8 +456,8 @@ const BannerLayout = ({ heading, description, thumbnail = {
                             maxWidth: '70%',
                         },
                     }) },
-                    heading && React__default["default"].createElement(index$2.Heading, { tag: "h4" }, heading),
-                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
+                    heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
+                    !(hideDescOnMobile && isMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
                 React__default["default"].createElement(core.Box, null, children)))));
 };
 
@@ -498,7 +498,7 @@ const BannerWithOptions = (props) => {
             : i.isLink
                 ? getHealthToolLink(i.activeTool)
                 : undefined },
-        React__default["default"].createElement(index$4.Button, Object.assign({ className: classes.button, classNames: {
+        React__default["default"].createElement(index$5.Button, Object.assign({ className: classes.button, classNames: {
                 label: classes.buttonLabel,
             }, size: "sm" }, i.tracking, buttonProps, { onClick: () => {
                 if (!i.isLink) {
@@ -518,13 +518,13 @@ const BannerWithOptions = (props) => {
                     paddingLeft: core.rem(16),
                 },
             }) },
-            React__default["default"].createElement(index$5.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
-                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$5.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
+            React__default["default"].createElement(index$6.Checkbox.Group, Object.assign({}, form$1.getInputProps('bannerOptions', { type: 'checkbox' })),
+                React__default["default"].createElement(core.Flex, { gap: core.rem(16) }, items.map((i, idx) => (React__default["default"].createElement(index$6.Checkbox, { key: String(idx), value: i.value, label: i.label, styles: {
                         label: {
                             cursor: 'pointer',
                         },
                     } }))))),
-            React__default["default"].createElement(index$4.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$6.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
+            React__default["default"].createElement(index$5.Button, Object.assign({ size: "sm" }, submitBtnTracking, buttonProps, { disabled: form$1.getInputProps('bannerOptions').value.length === 0, leftIcon: isMobile ? (React__default["default"].createElement(index$7.Icon.ArrowRightTail, { size: 18, useCurrentColor: true })) : undefined, onClick: () => {
                     const curValues = form$1.getInputProps('bannerOptions').value;
                     saveStep(curValues.join('|'));
                     handleClickOption(curValues.join('|'));
@@ -557,7 +557,7 @@ const ToolBanner = (props) => {
             ? `https://${!constantsIsProduction.isProduction ? 'discover.' : ''}${constantsDomainLocales.domainLocales[locale]}/bot/${constantsRiskScreener.RISK_SCREENER_SLUG[locale][value]}`
             : getHealthToolLink(value);
         return (React__default["default"].createElement("a", { href: toolUrl },
-            React__default["default"].createElement(index$4.Button, { size: "sm", "data-event-category": "Focused Audience", "data-event-action": dataEventAction, "data-event-label": toolUrl }, btnLabel || t('pnBanner.caclNow'))));
+            React__default["default"].createElement(index$5.Button, { size: "sm", "data-event-category": "Focused Audience", "data-event-action": dataEventAction, "data-event-label": toolUrl }, btnLabel || t('pnBanner.caclNow'))));
     }, [allTools]);
     return layout === 'mainBanner' ? (React__default["default"].createElement(BannerLayout, Object.assign({}, Object.assign(Object.assign({}, props), { thumbnail: props.thumbnail })), btnEle)) : (React__default["default"].createElement(core.Flex, { gap: core.rem(7), align: 'center', justify: 'space-between', sx: (theme) => ({
             borderRadius: core.rem(8),
@@ -570,8 +570,8 @@ const ToolBanner = (props) => {
         }) },
         React__default["default"].createElement(core.Stack, { spacing: core.rem(12) },
             React__default["default"].createElement(core.Stack, { spacing: core.rem(4) },
-                heading && React__default["default"].createElement(index$2.Heading, { tag: "h4" }, heading),
-                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$3.Text, { size: "p4" }, description))),
+                heading && React__default["default"].createElement(index$3.Heading, { tag: "h4" }, heading),
+                !(isMobile && hideDescOnMobile) && description && (React__default["default"].createElement(index$4.Text, { size: "p4" }, description))),
             React__default["default"].createElement(core.Flex, { gap: core.rem(8), sx: {
                     button: {
                         minWidth: core.rem(120),
@@ -623,7 +623,7 @@ const SideBannerModal = (_a) => {
     const curBannerHeight = (viewportWidth * mobileBannerRatio.height) / mobileBannerRatio.width;
     const minHeightNha = (viewportHeight <= 667 ? 190 : 265) + curBannerHeight + 74;
     const [isFullScreen, setIsFullScreen] = React.useState(false);
-    return (React__default["default"].createElement(index$7.Modal, Object.assign({ styles: (theme) => ({
+    return (React__default["default"].createElement(index$8.Modal, Object.assign({ styles: (theme) => ({
             header: {
                 display: 'none',
             },
@@ -689,14 +689,14 @@ const SideBannerModal = (_a) => {
                         overflowY: 'auto',
                         borderRadius: 'inherit',
                     } },
-                    index$8.isVideo(mobileBanner) && (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
+                    index$9.isVideo(mobileBanner) && (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
                             width: '100%',
                             position: 'absolute',
                             top: 0,
                             left: 0,
                         } },
                         React__default["default"].createElement("source", { src: mobileBanner }))),
-                    React__default["default"].createElement(index$4.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
+                    React__default["default"].createElement(index$5.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null), sx: {
                             position: 'absolute',
                             right: 0,
                             top: 0,
@@ -724,7 +724,7 @@ const SideBannerModal = (_a) => {
                 background: 'white',
                 boxShadow: '0 0.0625rem 0.1875rem rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.05) 0 2.25rem 1.75rem -0.4375rem, rgba(0, 0, 0, 0.04) 0 1.0625rem 1.0625rem -0.4375rem',
             } },
-            index$8.isVideo(desktopBanner) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
+            index$9.isVideo(desktopBanner) ? (React__default["default"].createElement("video", { loop: true, muted: true, autoPlay: true, style: {
                     borderTopLeftRadius: core.rem(8),
                     borderBottomLeftRadius: core.rem(8),
                     height: '100%',
@@ -743,7 +743,7 @@ const SideBannerModal = (_a) => {
                         modalRatio.width) *
                         100}%`,
                 } },
-                React__default["default"].createElement(index$4.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null) }, closeProps, { onClick: () => modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose(), sx: {
+                React__default["default"].createElement(index$5.Button, Object.assign({ variant: "white", leftIcon: React__default["default"].createElement(core$1.Close, null) }, closeProps, { onClick: () => modalProps === null || modalProps === void 0 ? void 0 : modalProps.onClose(), sx: {
                         position: 'absolute',
                         right: 0,
                         top: 0,
@@ -763,7 +763,7 @@ const PremiumNewsletterModalContext = React.createContext({});
 
 const _NormalTopic = (_a) => {
     var { value, name } = _a, rest = tslib_es6.__rest(_a, ["value", "name"]);
-    return (React__default["default"].createElement(index$5.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
+    return (React__default["default"].createElement(index$6.ChipButton, Object.assign({ value: value, withIcon: true }, rest, { buttonProps: {
             styles: () => ({
                 leftIcon: {
                     marginRight: core.rem(6),
@@ -806,7 +806,7 @@ const TopicSection = ({ topicsGroup, onTopicChange, isBlock = false, selectedTop
         }
     };
     return (React__default["default"].createElement(core.Stack, { spacing: 12 }, topicsGroup.map((i, idx) => (React__default["default"].createElement(core.Stack, { key: String(idx), spacing: 12 },
-        i.label && (React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), i.label)),
+        i.label && (React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), i.label)),
         hasScroll ? (React__default["default"].createElement(core.ScrollArea, { w: "100%", offsetScrollbars: true, scrollbarSize: 4, p: 16, m: -16, styles: {
                 viewport: {
                     margin: -16,
@@ -823,7 +823,7 @@ const Layout = (_a) => {
     var { heading, children, stickyActions } = _a, scrollAreaProps = tslib_es6.__rest(_a, ["heading", "children", "stickyActions"]);
     const { isMobile } = React.useContext(PremiumNewsletterModalContext);
     const content = (React__default["default"].createElement(core.Stack, { spacing: core.rem(24), sx: { height: '100%' } },
-        React__default["default"].createElement(index$2.Heading, { tag: "h4", style: {
+        React__default["default"].createElement(index$3.Heading, { tag: "h4", style: {
                 textAlign: 'center',
             } }, heading),
         React__default["default"].createElement(core.Box, null, children)));
@@ -905,7 +905,7 @@ const MainForm = () => {
         setFormValues(formValues);
         _onSubmit === null || _onSubmit === void 0 ? void 0 : _onSubmit(formValues.name);
     };
-    const MoreButton = React.useMemo(() => (React__default["default"].createElement(index$4.Button, { variant: "tertiary", dataEventCategory: "Newsletter", dataEventAction: "More Category Click", dataEventLabel: currentUrl, leftIcon: React__default["default"].createElement(core$1.Plus, { size: 16, color: 'currentColor' }), onClick: onMore, styles: (theme) => ({
+    const MoreButton = React.useMemo(() => (React__default["default"].createElement(index$5.Button, { variant: "tertiary", dataEventCategory: "Newsletter", dataEventAction: "More Category Click", dataEventLabel: currentUrl, leftIcon: React__default["default"].createElement(core$1.Plus, { size: 16, color: 'currentColor' }), onClick: onMore, styles: (theme) => ({
             root: {
                 borderRadius: core.rem(6),
                 padding: '2px 15px',
@@ -924,15 +924,15 @@ const MainForm = () => {
                 marginRight: '5px',
             },
         }) },
-        React__default["default"].createElement(index$3.Text, { size: isMobile ? 'p3' : 'p4' }, t('home.seeMore')))), [form$1]);
+        React__default["default"].createElement(index$4.Text, { size: isMobile ? 'p3' : 'p4' }, t('home.seeMore')))), [form$1]);
     React.useEffect(() => {
         form$1.setFieldValue('fitnessTopics', selectCategory.map((i) => i.catId));
     }, [selectCategory]);
     return (React__default["default"].createElement("form", { style: { height: '100%' }, onSubmit: form$1.onSubmit(onSubmit) },
         React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
-                React__default["default"].createElement(index$4.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Register Click", dataEventLabel: currentUrl, loading: submitLoading, sx: { maxWidth: core.rem(240) } }, t('healthToolPNModal.register'))) },
+                React__default["default"].createElement(index$5.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Register Click", dataEventLabel: currentUrl, loading: submitLoading, sx: { maxWidth: core.rem(240) } }, t('healthToolPNModal.register'))) },
             React__default["default"].createElement(core.Stack, { spacing: core.rem(16) },
-                React__default["default"].createElement(index$5.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
+                React__default["default"].createElement(index$6.Input, Object.assign({ label: t('newsletter.welcome.description') }, form$1.getInputProps('name'))),
                 React__default["default"].createElement(TopicSection, { topicsGroup: [
                         ...(pnSuggestCategory.length === 0 &&
                             interestedTopics.length === 0
@@ -992,13 +992,13 @@ const _SuggestedTopic = React.forwardRef(function SuggestedTopic(_a, ref) {
         React__default["default"].createElement(core.Group, { noWrap: true },
             React__default["default"].createElement("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none" },
                 React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.97887 8.15493C2.97887 5.29627 5.29627 2.97887 8.15493 2.97887C11.0136 2.97887 13.331 5.29627 13.331 8.15493C13.331 11.0136 11.0136 13.331 8.15493 13.331C5.29627 13.331 2.97887 11.0136 2.97887 8.15493ZM8.15493 1.5C4.47951 1.5 1.5 4.47951 1.5 8.15493C1.5 11.8303 4.47951 14.8099 8.15493 14.8099C9.72615 14.8099 11.1702 14.2653 12.3086 13.3547L15.2376 16.2837C15.5264 16.5725 15.9946 16.5725 16.2833 16.2837C16.5721 15.9949 16.5721 15.5267 16.2833 15.238L13.3544 12.3091C14.2652 11.1705 14.8099 9.72634 14.8099 8.15493C14.8099 4.47951 11.8303 1.5 8.15493 1.5Z", fill: "#8C8C8C" })),
-            React__default["default"].createElement(index$3.Text, { size: "p3" }, label))));
+            React__default["default"].createElement(index$4.Text, { size: "p3" }, label))));
 });
 
 const _Topic = React.forwardRef(function Baby(_a, ref) {
     var { label } = _a, others = tslib_es6.__rest(_a, ["label"]);
     return (React__default["default"].createElement("div", Object.assign({ ref: ref }, others),
-        React__default["default"].createElement(index$3.Text, { size: "p3" }, label)));
+        React__default["default"].createElement(index$4.Text, { size: "p3" }, label)));
 });
 
 const HistorySection = ({ history, onDelete }) => {
@@ -1008,7 +1008,7 @@ const HistorySection = ({ history, onDelete }) => {
                 height: 32,
                 background: '#ffffff',
                 padding: '5px 12px',
-                border: `1px solid ${index$5.themeColors.neutral[4]}`,
+                border: `1px solid ${index$a.themeColors.neutral[4]}`,
                 borderRadius: 32,
                 textTransform: 'unset',
             },
@@ -1017,7 +1017,7 @@ const HistorySection = ({ history, onDelete }) => {
                 cursor: 'pointer',
             },
         } },
-        React__default["default"].createElement(index$3.Text, { size: "p4" }, h.localName))))));
+        React__default["default"].createElement(index$4.Text, { size: "p4" }, h.localName))))));
 };
 
 const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selectedTopics, labelProps, maxSelect = 5, }) => {
@@ -1050,7 +1050,7 @@ const RecentlyViewedSection = ({ topics, onTopicChange, isBlock = false, selecte
     if (!topics || topics.length === 0)
         return null;
     return (React__default["default"].createElement(core.Stack, { spacing: 12, px: 16, mx: -16 },
-        React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), t('pnTopicSection.recentView')),
+        React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold" }, labelProps), t('pnTopicSection.recentView')),
         React__default["default"].createElement(core.Chip.Group, { value: value.map((v) => v.catId), onChange: onValueChange, multiple: true },
             React__default["default"].createElement(core.Flex, { gap: 8, wrap: 'wrap' }, topics.map((v, i) => (React__default["default"].createElement(_NormalTopic, { key: i, value: v.catId, name: v.localName, isBlock: isBlock })))))));
 };
@@ -1080,14 +1080,14 @@ const _TopicSlide = (_a) => {
                 React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.66699 9.99984C1.66699 5.39984 5.40033 1.6665 10.0003 1.6665C14.6003 1.6665 18.3337 5.39984 18.3337 9.99984C18.3337 14.5998 14.6003 18.3332 10.0003 18.3332C5.40033 18.3332 1.66699 14.5998 1.66699 9.99984ZM4.75066 10.5827L7.74232 13.5744C8.06732 13.8994 8.60066 13.8994 8.91732 13.5744L15.2423 7.2494C15.5673 6.9244 15.5673 6.3994 15.2423 6.0744C14.9173 5.7494 14.3923 5.7494 14.0673 6.0744L8.33399 11.8077L5.92566 9.40773C5.60066 9.08273 5.07566 9.08273 4.75066 9.40773C4.59461 9.56342 4.50692 9.7748 4.50692 9.99523C4.50692 10.2157 4.59461 10.427 4.75066 10.5827Z", fill: "#2D87F3" }),
                 React__default["default"].createElement("path", { d: "M7.74224 13.5772L4.75057 10.5856C4.59453 10.4299 4.50684 10.2185 4.50684 9.99808C4.50684 9.77765 4.59453 9.56627 4.75057 9.41058C5.07557 9.08558 5.60057 9.08558 5.92557 9.41058L8.33391 11.8106L14.0672 6.07725C14.3922 5.75225 14.9172 5.75225 15.2422 6.07725C15.5672 6.40225 15.5672 6.92725 15.2422 7.25225L8.91724 13.5772C8.60057 13.9022 8.06724 13.9022 7.74224 13.5772Z", fill: "white" })))),
         React__default["default"].createElement(core.Box, { sx: { borderRadius: '8px' } },
-            React__default["default"].createElement(index$5.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
+            React__default["default"].createElement(index$6.AspectRatio, { ratio: 3 / 2, mb: 10, sx: (theme) => ({
                     background: theme.colors.neutral[0],
                 }) },
                 React__default["default"].createElement(core.Box, null,
                     React__default["default"].createElement("img", { src: topic.guid || '', alt: "cat", loading: "lazy", style: {
                             maxHeight: '63px',
                         } })))),
-        React__default["default"].createElement(index$3.Text, { size: "p4", ta: "center", px: 6, sx: {
+        React__default["default"].createElement(index$4.Text, { size: "p4", ta: "center", px: 6, sx: {
                 display: '-webkit-box',
                 '-webkit-line-clamp': '2',
                 '-webkit-box-orient': 'vertical',
@@ -1147,7 +1147,7 @@ const TrendingCarousel = ({ topics, selectedTopics = [], onTopicChange, isBlock
     };
     return (React__default["default"].createElement(core.Stack, { spacing: 10 },
         React__default["default"].createElement(core.Flex, { justify: 'space-between', align: 'center', w: "100%" },
-            React__default["default"].createElement(index$3.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold", span: true }, labelProps), t('pnTopicSection.trending'))),
+            React__default["default"].createElement(index$4.Text, Object.assign({ size: "s5", color: "gray.4", weight: "semiBold", span: true }, labelProps), t('pnTopicSection.trending'))),
         React__default["default"].createElement(core.Box, null,
             React__default["default"].createElement(core.ScrollArea, { type: "always", w: "100%", offsetScrollbars: true, scrollbarSize: 4, px: 4, viewportRef: containerRef, viewportProps: {
                     onMouseDown: handleMouseDown,
@@ -1264,7 +1264,7 @@ const PremiumTopicSelect = (_a) => {
     });
     return (React__default["default"].createElement(core.Stack, Object.assign({ spacing: core.rem(16) }, rest),
         React__default["default"].createElement(core.Stack, { spacing: core.rem(8) },
-            React__default["default"].createElement(index$3.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
+            React__default["default"].createElement(index$4.Text, { size: "p3" }, t('pnTopicSection.maxSelectError.detail', {
                 max: maxSelect,
                 maxTopic: uniqueTopic.length,
             })),
@@ -1280,7 +1280,7 @@ const PremiumTopicSelect = (_a) => {
                         fontSize: 12,
                         lineHeight: '18px',
                         textTransform: 'uppercase',
-                        color: index$5.themeColors.gray[4],
+                        color: index$a.themeColors.gray[4],
                         '&::after': { display: 'none' },
                     },
                     searchInput: {
@@ -1289,7 +1289,7 @@ const PremiumTopicSelect = (_a) => {
                     input: {
                         paddingRight: 16,
                     },
-                }, nothingFound: React__default["default"].createElement(index$3.Text, { size: "s4", color: "gray.6" }, t('pnTopicSection.notFound')), itemComponent: searchValue === '' ? _SuggestedTopic : _Topic, size: "lg", placeholder: t('pnTopicSection.plsEnterFavTopics'), data: options, onSearchChange: onSearchChange, searchValue: searchValue, icon: React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
+                }, nothingFound: React__default["default"].createElement(index$4.Text, { size: "s4", color: "gray.6" }, t('pnTopicSection.notFound')), itemComponent: searchValue === '' ? _SuggestedTopic : _Topic, size: "lg", placeholder: t('pnTopicSection.plsEnterFavTopics'), data: options, onSearchChange: onSearchChange, searchValue: searchValue, icon: React__default["default"].createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
                     React__default["default"].createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M3.97183 10.8732C3.97183 7.0617 7.0617 3.97183 10.8732 3.97183C14.6848 3.97183 17.7746 7.0617 17.7746 10.8732C17.7746 14.6848 14.6848 17.7746 10.8732 17.7746C7.0617 17.7746 3.97183 14.6848 3.97183 10.8732ZM10.8732 2C5.97268 2 2 5.97268 2 10.8732C2 15.7738 5.97268 19.7465 10.8732 19.7465C12.9682 19.7465 14.8936 19.0205 16.4115 17.8063L20.3168 21.7116C20.7018 22.0966 21.3261 22.0966 21.7111 21.7116C22.0961 21.3266 22.0961 20.7023 21.7111 20.3173L17.8059 16.4121C19.0203 14.894 19.7465 12.9684 19.7465 10.8732C19.7465 5.97268 15.7738 2 10.8732 2Z", fill: "#595959" })), rightSection: React__default["default"].createElement(React__default["default"].Fragment, null), zIndex: 500, searchable: true, withinPortal: true, onChange: (val) => onValueChange(val), value: [] }),
             uniqueTopic && uniqueTopic.length > 0 && (React__default["default"].createElement(HistorySection, { history: uniqueTopic, onDelete: onDelete }))),
         React__default["default"].createElement(core.Box, { sx: (theme) => ({
@@ -1335,8 +1335,8 @@ const MoreTopics = () => {
                 paddingRight: core.rem(25),
             },
         }, stickyActions: React__default["default"].createElement(React__default["default"].Fragment, null,
-            React__default["default"].createElement(index$4.Button, { fullWidth: true, variant: "secondary", dataEventCategory: "Newsletter", dataEventAction: "Back  Click", dataEventLabel: currentUrl, onClick: prevStep }, t('healthToolPNModal.back')),
-            React__default["default"].createElement(index$4.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Next  Click", dataEventLabel: currentUrl, onClick: handleOnSubmit, loading: submitLoading }, t('healthToolPNModal.next'))) },
+            React__default["default"].createElement(index$5.Button, { fullWidth: true, variant: "secondary", dataEventCategory: "Newsletter", dataEventAction: "Back  Click", dataEventLabel: currentUrl, onClick: prevStep }, t('healthToolPNModal.back')),
+            React__default["default"].createElement(index$5.Button, { fullWidth: true, type: "submit", dataEventCategory: "Newsletter", dataEventAction: "Next  Click", dataEventLabel: currentUrl, onClick: handleOnSubmit, loading: submitLoading }, t('healthToolPNModal.next'))) },
         React__default["default"].createElement(PremiumTopicSelect, { isLoggedIn: isLoggedIn, maxSelect: maxSelectCategory, values: formValues.fitnessTopics, onChange: setSelectCategory, labelProps: {
                 size: 's5',
                 sx: {
@@ -1355,7 +1355,7 @@ const Result = () => {
             }, 400);
         };
     }, []);
-    return (React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(index$4.Button, { fullWidth: true, sx: { maxWidth: core.rem(300) }, dataEventCategory: "Newsletter", dataEventAction: "Continue Reading Click", dataEventLabel: currentUrl, onClick: () => {
+    return (React__default["default"].createElement(Layout, { heading: t('healthToolPNModal.heading'), stickyActions: React__default["default"].createElement(index$5.Button, { fullWidth: true, sx: { maxWidth: core.rem(300) }, dataEventCategory: "Newsletter", dataEventAction: "Continue Reading Click", dataEventLabel: currentUrl, onClick: () => {
                 close();
             } }, finishLabelOnResult || t('healthToolPNModal.finish')) },
         React__default["default"].createElement(core.Stack, null,
@@ -1369,8 +1369,8 @@ const Result = () => {
                     React__default["default"].createElement("svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none" },
                         React__default["default"].createElement("path", { d: "M9.99984 18.3334C14.6022 18.3334 18.3332 14.6025 18.3332 10.0001C18.3332 5.39771 14.6022 1.66675 9.99984 1.66675C5.39746 1.66675 1.6665 5.39771 1.6665 10.0001C1.6665 14.6025 5.39746 18.3334 9.99984 18.3334Z", fill: "#00B16A" }),
                         React__default["default"].createElement("path", { d: "M9.58558 12.6674C9.22944 12.668 8.87668 12.5983 8.54752 12.4623C8.21835 12.3264 7.91925 12.1268 7.66732 11.8751L6.68587 10.8931C6.55607 10.7587 6.48424 10.5787 6.48587 10.3919C6.48749 10.2051 6.56243 10.0263 6.69455 9.89422C6.82667 9.7621 7.00539 9.68716 7.19222 9.68554C7.37906 9.68391 7.55906 9.75574 7.69345 9.88554L8.67491 10.8675C8.79344 10.986 8.93415 11.08 9.08902 11.1442C9.24389 11.2083 9.40987 11.2413 9.5775 11.2413C9.74513 11.2413 9.91111 11.2083 10.066 11.1442C10.2208 11.08 10.3616 10.986 10.4801 10.8675L16.7033 5.24335C16.8443 5.12184 17.0272 5.06032 17.213 5.07195C17.3987 5.08358 17.5726 5.16744 17.6973 5.30558C17.8221 5.44373 17.8878 5.6252 17.8805 5.81118C17.8731 5.99717 17.7933 6.17291 17.6581 6.30081L11.4592 11.8998C11.2128 12.1448 10.9205 12.3387 10.5989 12.4705C10.2774 12.6022 9.93304 12.6692 9.58558 12.6674Z", fill: "white" }))),
-                React__default["default"].createElement(index$3.Text, { size: "p3" }, disclaimerText || t('pnModal.disclaimer'))),
-            React__default["default"].createElement(index$2.Heading, { tag: "h5" }, t('healthToolPNModal.yourPre')),
+                React__default["default"].createElement(index$4.Text, { size: "p3" }, disclaimerText || t('pnModal.disclaimer'))),
+            React__default["default"].createElement(index$3.Heading, { tag: "h5" }, t('healthToolPNModal.yourPre')),
             selectCategory.length > 0 && (React__default["default"].createElement(TopicSection, { topicsGroup: [{ label: '', topics: selectCategory }], selectedTopics: selectCategory, readonly: true })))));
 };
 
@@ -1401,7 +1401,7 @@ const PremiumNewsletterModal = ({ isMobile, isLoggedIn, pnSuggestCategory = [],
                 },
                 method: 'POST',
                 data: {
-                    ga_client_id: Cookies__default["default"].get(index$9.GA_TOKEN_COOKIE),
+                    ga_client_id: Cookies__default["default"].get(index$b.GA_TOKEN_COOKIE),
                     client_ip: window.clientIP || '',
                     user_info: Object.assign(Object.assign({}, acquisitionInfo.userInfo), { name: name || formValues.name, type_subscription: 1 }),
                     domain: constantsDomainLocales.domainLocales[locale || Locale.LOCALE.Vietnam],

package/build/index.css

@@ -1 +1 @@
-._2ugC2Ll .card-author>.row{align-items:flex-start;flex-direction:column;gap:8px}._2ugC2Ll .feature-tabs{margin-bottom:24px;width:100%}._8IDDHjn{color:#595959;font-size:16px;font-weight:400;line-height:24px}.CCwRHCd,._8IDDHjn{margin-top:24px}@media (max-width:767px){.CCwRHCd{margin-top:16px}}.RF63WXG{color:#262626;font-size:16px;font-weight:400;line-height:24px;margin-top:24px}@media (max-width:767px){.RF63WXG{margin-top:16px}}.PIaeC0v{background:#e3f2ff;border-radius:8px;padding:8px}._0NhMo6T{padding-top:12px}._0NhMo6T .post-card{border-bottom:1px solid #e4e8ec}._0NhMo6T .post-card:last-child{border-bottom:0}.nrZtZ-u{border-bottom:1px solid #e4e8ec}.nrZtZ-u .faq-item{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:12px 0}.nrZtZ-u .faq-answer{line-height:24px;padding-bottom:12px}@media (max-width:767px){.nrZtZ-u .faq-answer{font-size:14px;line-height:22px}}.nrZtZ-u .faq-question{color:#262626;font-size:16px;font-weight:400;line-height:24px}@media (max-width:767px){.nrZtZ-u .faq-question{font-size:14px;line-height:22px}}.CHw-fZZ{align-items:center;background:#e0f8ee;border-left:4px solid #00b16a;box-sizing:border-box;display:flex;justify-content:space-between;overflow:auto;padding:12px 16px;width:100%}.CHw-fZZ[data-alert-type=danger]{background:#fae9e8;border-left-color:#ff5331}.CHw-fZZ[data-alert-type=warning]{background:#fff8e2;border-left-color:#fe921d}._03U6VRS .icon-title{align-items:center;display:flex}._03U6VRS img,._03U6VRS svg{margin-right:8px}.EO828Vv{cursor:pointer}.pfaLGRK{height:calc(var(--height)*1px);width:calc(var(--width)*1px)}.pfaLGRK img,.pfaLGRK svg{display:block;height:100%;width:100%}.pfaLGRK img{-o-object-fit:contain;object-fit:contain}._2iQs0sk{margin-left:auto;margin-right:auto;max-width:328px}.Ia6IojY{border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 0 5px #e3f2ff;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;margin:0;min-width:48px;padding:11px 16px;text-align:center;transition:all .3s ease;width:100%}.Ia6IojY::-moz-placeholder{color:#8c8c8c}.Ia6IojY::placeholder{color:#8c8c8c}.Ia6IojY:focus{border-color:#45a4ff;outline:none}.Ia6IojY.isError{border-color:#f44d2c}.Ia6IojY.yJs9MaD{border-color:#bf331b}.Ia6IojY::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.i-9Ibox{display:flex}.i-9Ibox .PhoneInputCountry{align-items:center;background-color:#f2f2f2;border:1px solid #d9d9d9;border-radius:6px 0 0 6px;box-sizing:border-box;display:flex;justify-content:space-between;min-width:20px;padding:0 16px;position:relative}.i-9Ibox .PhoneInputCountrySelect{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;inset:0;opacity:0;position:absolute;z-index:0}.i-9Ibox .PhoneInputCountryIcon{align-items:center;background:none;border:none;box-shadow:none;display:flex;height:unset;line-height:1.5;width:unset}.i-9Ibox .PhoneInputCountryIconImg{border-radius:2px;height:16px!important;width:24px!important}.i-9Ibox .PhoneInputCountryIconCallingCode{color:#262626;display:inline-block;line-height:1;margin-left:4px}.i-9Ibox .PhoneInputArrowContainer{color:#8c8c8c;font-size:16px;line-height:1;margin-left:4px}.i-9Ibox .PhoneInputInput{border:1px solid #d9d9d9;border-left-width:0;border-radius:6px;border-radius:0 6px 6px 0;box-shadow:0 0 5px #e3f2ff;box-sizing:border-box;flex:1;font-family:inherit;font-size:1rem;line-height:40px;margin:0;padding:0 16px;transition:all .1s ease-in-out;width:100%}.i-9Ibox .PhoneInputInput::-moz-placeholder{color:#8c8c8c}.i-9Ibox .PhoneInputInput::placeholder{color:#8c8c8c}.i-9Ibox .PhoneInputInput:focus{outline:none}.i-9Ibox .PhoneInputInput.isError{border-color:#f44d2c}.i-9Ibox .PhoneInputInput:focus,.i-9Ibox .PhoneInputInput:hover{border-color:#91caff;box-shadow:0 0 2px 2px #91caff}.i-9Ibox .PhoneInputInput:disabled{background-color:#f2f2f2;border-color:#d9d9d9;color:#8c8c8c}.i-9Ibox:focus-within{border-color:#91caff}.i-9Ibox:focus-within .PhoneInputCountry{border-color:#91caff #d9d9d9 #91caff #91caff}.i-9Ibox.YDWHh9b .PhoneInputInput{border-color:#f44d2c}.i-9Ibox.YDWHh9b .PhoneInputCountry{border-color:#f44d2c #d9d9d9 #f44d2c #f44d2c}.i-9Ibox.PhoneInput--readOnly .PhoneInputCountrySelect{pointer-events:none}.MON6sfi{text-align:center}.pS-tJD7{line-height:1;margin-bottom:32px}.s3tJ9-5{font-size:120px;line-height:1}.fNsZr1b{color:#262626;font-size:28px;line-height:1.285;margin-bottom:16px}.uuxV74v{color:#595959}.YohjTDU{margin-top:24px;padding-left:34px;padding-right:34px}@media (max-width:1400px){.pS-tJD7{margin-bottom:27px}.s3tJ9-5{font-size:100px}.fNsZr1b{font-size:23px;margin-bottom:12px}.YohjTDU{margin-top:20px;padding-left:28px;padding-right:28px}}@media (max-width:768px){.pS-tJD7{margin-bottom:20px}.s3tJ9-5{font-size:80px}.fNsZr1b{font-size:20px;margin-bottom:10px}.YohjTDU{margin-top:18px;padding-left:24px;padding-right:24px}}.DjBFAbd[data-size=label1]{font-size:14px;line-height:22px}.DjBFAbd[data-size=label2]{font-size:13px;line-height:19px}.d76E4SH{margin:0 auto;width:100%}@media (max-width:767px){.d76E4SH{padding:0 16px}}@media (min-width:1024px){.d76E4SH{max-width:1170px}.d76E4SH[data-type=marryBaby]{max-width:1064px}}.tliWyii{align-items:center;display:flex;font-weight:400;gap:.5em;justify-content:center;padding:1em}.PiqKaXk{color:#595959;font-size:14px;font-weight:700;line-height:22px}.HgbW6-m{color:inherit;display:inline-block;height:100%;text-decoration:none;width:100%}._6lkfLYy{background-color:#fff;box-sizing:border-box;display:flex;padding:16px 16px 16px 0}._6lkfLYy,._6lkfLYy .content{width:100%}._6lkfLYy .content,._6lkfLYy .content .inner-content{display:flex;flex-direction:column}._6lkfLYy .content .inner-content p{align-items:center;display:flex}._6lkfLYy .content .inner-content a{text-decoration:none}._6lkfLYy .content .inner-content .bookmark{height:18px;width:18px}._6lkfLYy .content .inner-content .title a{margin-top:2px}._6lkfLYy .content .inner-content .text,._6lkfLYy .content .inner-content .title a{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}._6lkfLYy .content .inner-content .text{margin-top:4px;max-width:100%}._6lkfLYy .footer{display:flex}._6lkfLYy .footer .author{width:calc(100% - 20px)}._6lkfLYy .footer .bookmark{cursor:pointer;display:flex;height:16px;margin-left:8px;width:12px}._6lkfLYy .footer .bookmark svg{height:100%;width:100%}._6lkfLYy .banner{border-radius:6px;height:100%;max-height:100%;max-width:100px;max-width:100%;min-width:100px;position:relative}._6lkfLYy .banner img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%}._6lkfLYy .banner .premium{height:28px;left:6px;position:absolute;top:6px;width:28px}._6lkfLYy .shoppable{bottom:4px;left:6px;position:absolute}._6lkfLYy[data-size=sm][data-direction=horizontal]{padding:20px 0}._6lkfLYy[data-size=sm][data-direction=horizontal] .label{margin-bottom:0}._6lkfLYy[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;width:100px}@media (max-width:767px){._6lkfLYy[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}}._6lkfLYy[data-size=sm][data-direction=horizontal] .text{display:none}._6lkfLYy[data-direction=horizontal] .footer{margin-top:auto}._6lkfLYy[data-size=md][data-direction=horizontal]{padding:16px 0}._6lkfLYy[data-size=md][data-direction=horizontal] .banner{height:150px;margin:0 24px 0 0;max-width:200px;min-width:200px}@media (max-width:767px){._6lkfLYy[data-size=md][data-direction=horizontal] .text{display:none}._6lkfLYy[data-size=md][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}._6lkfLYy[data-size=md][data-direction=horizontal] .specialty{display:none}}._6lkfLYy[data-direction=vertical]{flex-direction:column;padding:0}._6lkfLYy[data-direction=vertical] .label{display:flex;margin-top:16px}._6lkfLYy[data-direction=vertical][data-size=sm] .banner{height:150px}._6lkfLYy[data-direction=vertical][data-size=sm] .text{display:none}._6lkfLYy[data-direction=vertical][data-size=sm] .title{margin-bottom:12px;margin-top:0}._6lkfLYy[data-direction=vertical][data-size=lg] .banner{max-height:312px}@media (max-width:767px){._6lkfLYy[data-direction=vertical][data-size=lg] .banner{max-height:192px}}._6lkfLYy[data-direction=vertical][data-size=lg] .text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;margin-bottom:16px;margin-top:8px;word-break:break-word}._6lkfLYy[data-direction=vertical] .banner{height:468px;margin:0;min-width:100%}._6lkfLYy[data-is-expert] .inner-content label.text{display:none}._6lkfLYy[data-is-expert] .specialty>[data-tag=h6]{font-size:13px;font-weight:400;line-height:19px}._6lkfLYy[data-is-expert][data-size=md] .footer .author .avatar{margin-right:8px}@media (min-width:1024px){._6lkfLYy[data-is-expert][data-size=md] .footer .author .avatar{height:40px;margin-right:16px;width:40px}}._6lkfLYy[data-is-expert] .title{margin-bottom:16px}@media (max-width:767px){._6lkfLYy[data-is-expert] .title{margin-bottom:8px}}._6lkfLYy[data-is-expert][data-direction=horizontal] .footer{margin-top:auto}.j7c-onH{flex-direction:row;justify-content:space-between;margin-top:8px;width:100%}.j7c-onH,.j7c-onH .author{align-items:center;display:flex}.j7c-onH .author .avatar,.j7c-onH .author .expert-avatar{flex-shrink:0}.j7c-onH .author .avatar img,.j7c-onH .author .expert-avatar img{border-radius:50%;height:100%;width:100%}.j7c-onH .author .name{font-weight:600}.j7c-onH .author .poster{align-items:center;display:flex;white-space:pre-wrap}.j7c-onH .author .poster[data-is-disabled-url=true]{cursor:default}.j7c-onH .author .poster[data-is-disabled-url=true] a{pointer-events:none}.j7c-onH .author .poster p{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-weight:400;overflow:hidden}.j7c-onH .author .poster p a{color:#262626;text-decoration:none}.j7c-onH .author .poster p span:not(.name){color:#8c8c8c}.j7c-onH .author .expert{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.j7c-onH .author .expert a{text-decoration:none}.j7c-onH .author .expert[data-is-disabled-url=true]{cursor:default}.j7c-onH .author .expert[data-is-disabled-url=true] a{pointer-events:none}.j7c-onH .author .avatar{height:24px;margin-right:8px;width:24px}@media (max-width:767px){.j7c-onH .author .avatar{margin-right:4px}}@media (min-width:1024px){.j7c-onH .author .avatar[data-size=lg]{height:32px;margin-right:12px;width:32px}}@media (min-width:768px){.j7c-onH .author .expert-avatar{height:40px;margin-right:16px;width:40px}}@media (max-width:767px){.j7c-onH .author .expert-avatar{height:32px;margin-right:8px;width:32px}}@media (min-width:768px){.j7c-onH .author .expert-avatar[data-size=lg]{height:64px;margin-right:16px;width:64px}}@media (max-width:767px){.j7c-onH .author .expert-avatar[data-size=lg]{height:40px;margin-right:16px;width:40px}}.wwI1--d{cursor:pointer}.WUqzfRb{display:flex;position:relative}.WUqzfRb>.collapsed-breadcrumb{border:none}.WUqzfRb>.collapsed-breadcrumb>div{padding:0}.WUqzfRb>.collapsed-breadcrumb>ul{min-width:-moz-max-content;min-width:max-content}.WUqzfRb[data-size=lg]{font-size:16px;font-weight:700;line-height:24px}.WUqzfRb[data-size=md]{font-size:14px;font-weight:400;line-height:22px}.WUqzfRb[data-size=sm]{font-size:13px;font-weight:400;line-height:20px}.MnVGtSY{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4-4 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain}.MnVGtSY,.MnVGtSY[data-size=lg]{margin-left:8px;margin-right:8px;width:6px}.MnVGtSY[data-size=md]{margin-left:7px;margin-right:7px;width:5px}.MnVGtSY[data-size=sm]{margin-left:6px;margin-right:6px;width:4px}.NclbhXQ{max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NclbhXQ>a{color:#262626;cursor:pointer;text-decoration:none}.NclbhXQ[data-last=true]>a{color:#737373}.NclbhXQ>a:focus,.NclbhXQ>a:hover{color:#2c74df;outline:none}.NclbhXQ>a:focus .arrowLeft,.NclbhXQ>a:focus .arrowRight,.NclbhXQ>a:hover .arrowLeft,.NclbhXQ>a:hover .arrowRight{stroke:#2b62cd}.NclbhXQ>a:active{color:#2b62cd}.NclbhXQ[data-disabled]>a{color:#bfbfbf;cursor:not-allowed}.vvR-m49{cursor:pointer}.vvR-m49>*{pointer-events:none}.UhiT4m5{align-items:center;display:flex;justify-content:space-between;position:relative}.UhiT4m5 .direction-vertical{flex-direction:column}.UhiT4m5 .direction-vertical .session-action{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:1;padding:0 16px}.UhiT4m5 .direction-vertical .wrapper-action{padding:12px 0}.UhiT4m5 .direction-vertical .session-statistical{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:0;padding:6px 16px}.oEfeTkV{display:flex;justify-content:space-between;width:100%}@media (max-width:767px){.oEfeTkV{flex-direction:column}}.OlbikxJ{display:flex;gap:25px;justify-content:flex-start}._9GXHCn3{align-items:center;display:flex;gap:4px;position:relative}.HCsrR0N,._9GXHCn3{cursor:pointer}.MV3lNuh{text-transform:lowercase}.Ierg-Fq{color:#595959;font-size:14px;font-weight:400;line-height:22px}._674BTR4{align-items:center;display:flex;gap:16px}@media (max-width:767px){._674BTR4{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:1;padding:0 16px}._674BTR4 .wrapper-action{padding:12px 0}}.XlkglSM{align-items:center;display:flex;gap:12px}@media (max-width:767px){.XlkglSM{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:0;padding:6px 16px}}.XlkglSM .wrapper-list-statistical{align-items:center;display:flex;gap:8px}.KyekKc3{align-items:center;display:flex;flex:1;gap:12px}.KyekKc3 .releated-post-statistical{align-items:center;display:flex;flex:1;gap:8px;justify-content:space-between}.TTfvZpR,.TTfvZpR .mantine-Text-root{cursor:default}.dZWeHns{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.dZWeHns{align-items:center;flex-direction:row}}._8z2nszB{align-items:center;display:flex}.tMiOKib{font-size:14px;font-weight:600;line-height:22px;text-overflow:ellipsis}@media (min-width:768px){.tMiOKib{font-size:16px;line-height:24px}}.uDcqD-2{display:inline;font-size:12px;line-height:18px;vertical-align:middle}.uDcqD-2,.uDcqD-2 a{color:#737373;text-decoration:none}.pDlsows{font-size:12px;line-height:18px}.m-HVXw1{background:#737373;border-radius:50%;display:inline-block;height:3px;margin:0 4px;vertical-align:middle;width:3px}.sTU4T4I{align-items:flex-start;display:flex}.sTU4T4I a{text-decoration:none}.tCql9Je{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-left:12px}._3j7uYhH{position:relative}._3j7uYhH *{pointer-events:none}.PHABgoT{bottom:0;line-height:0;position:absolute;right:-4px}._2UKyiK1 .mantine-Modal-modal{width:100%}@media (min-width:768px){._2UKyiK1 .mantine-Modal-modal{width:480px}}.E5ga-tI{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}._8Y2nWXX{color:#262626;font-size:18px;font-weight:600;line-height:28px}.d0T7kSP{cursor:pointer;height:28px;width:28px}.PD6nRZX,.d0T7kSP{align-items:center;display:flex;justify-content:center}.PD6nRZX{padding:1em}.PD6nRZX button{font-weight:400}.l5fL1xL,.l5fL1xL a{color:#2d87f3;font-size:14px;font-weight:400;line-height:22px;text-decoration:none}.L-aGKo7,.L-aGKo7 a{color:#262626;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}.eaR8ATZ{display:flex}.eaR8ATZ a{text-decoration:none}.xM-7K0a{display:flex;flex-direction:column;gap:6px;margin-left:16px}.DZmf3s7{overflow:hidden}.DZmf3s7 img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.SFSgnOz .Tf3aoVa{align-items:center;display:flex}.SFSgnOz .TOt4QXl{font-size:16px;font-weight:600}.SFSgnOz ._5XYN1KT{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.SFSgnOz .yE-tZRj{background:#f8f9fc;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.SFSgnOz .LXiGuGT{color:#262626;font-size:16px;font-weight:400;line-height:24px}.SFSgnOz .r4rx-6v{color:#737373;font-size:14px;font-weight:400;line-height:22px}.SFSgnOz .XrHh8-C{align-items:center;display:flex;font-size:14px;font-weight:600;line-height:22px}.SFSgnOz .c5-Yecd{margin-right:10px}.SFSgnOz .UBj6nWr,.SFSgnOz ._2vptVBd{padding:16px 0}.SFSgnOz .ZPDAwiR{text-decoration:none}.SFSgnOz ._6wJn-NR{padding:16px 0}.SFSgnOz ._6wJn-NR .ZPDAwiR .article-card{border-bottom:1px solid #e4e8ec;padding:16px 0}.SFSgnOz ._6wJn-NR .ZPDAwiR:last-child .article-card{border-bottom:0}.SFSgnOz ._21XDdFv{margin-left:12px}.SFSgnOz ._21XDdFv:first-child{margin-left:0}.SFSgnOz[data-is-marrybaby=true] .TOt4QXl{font-size:14px;line-height:24px}.SFSgnOz[data-is-marrybaby=true] .yE-tZRj{background:transparent;padding:0}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-item{border:1px solid #eaeaea;border-radius:16px;margin-bottom:24px;padding:0 16px}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-panel{padding-bottom:16px}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-control{padding-right:0}.LSyr3Zo{align-items:center;border:1px solid #9495a0;border-radius:50%;display:flex;height:18px;justify-content:center;width:18px}.GYUElSy{display:flex;flex-direction:column;gap:16px;padding:24px 0}.GYUElSy .post-content-wrapper{padding:0}._3C6QpT1{margin-bottom:5px}._9M9VYL6{cursor:pointer;font-size:16px;font-weight:600;line-height:24px}._1RuSyv3{color:#595959;font-size:12px;font-weight:400;line-height:18px}._1IG-eEp{display:flex;flex-direction:column;gap:8px}.MrdoES3 .post-card{border-bottom:1px solid #e4e8ec}.MrdoES3 .post-card:last-child{border-bottom:0}._8fd7YMs{flex-direction:column;gap:24px;margin-top:56px;width:100%}.DomiQfw,._8fd7YMs{align-items:center;display:flex}.DomiQfw{background:#f8f9fc;border-radius:50%;height:120px;justify-content:center;width:120px}.-b2qnfL{color:#595959;text-align:center}.toEutn7{padding:16px}.toEutn7 .card-author{margin-bottom:10px;padding:0}.drdisHs{color:#262626;cursor:pointer;font-size:16px;font-weight:600;line-height:24px;margin-top:12px}.scNwTvv{display:flex;justify-content:flex-end}.HNlhOdx{color:#9aa2ac;cursor:pointer;font-size:14px;font-weight:400;line-height:22px;margin-top:12px;text-align:right}.HNlhOdx:hover{color:#2d87f3}.I-uIJ6E .question-card{border-top:1px solid #e4e8ec}.I-uIJ6E .question-card:first-child{border-top:0}._41WRsj2{align-items:center;display:flex}.AcOGL93{color:#262626;font-size:14px;font-weight:600;line-height:22px}@media (min-width:768px){.AcOGL93{font-size:16px;line-height:24px}}.JD3dWJN{align-items:center;background-color:#e4e8ec;border-radius:50%;height:40px;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.JD3dWJN img{max-width:100%}.dKAgnS8{border:1px solid #e4e8ec}.L2Q9T6m{align-items:center;background:#f8f9fc;border-radius:50%;display:flex;height:32px;justify-content:center;pointer-events:none;width:32px}.h-pSmhX{margin-top:24px}.GA-zc-O{display:flex;flex-direction:column;gap:16px;padding:20px 0}.GA-zc-O .post-content-wrapper{padding:0}.A18McWD{font-size:14px;line-height:22px}.yzr0H0N{margin-bottom:5px}._6gVRc3i{color:#2b62cd;cursor:pointer;font-size:16px;font-weight:600;line-height:24px}.xOzLGrD{color:#595959;font-size:12px;font-weight:400;line-height:18px}.IB049vj{display:flex;flex-direction:column;gap:8px;position:relative}._8I--vEV{bottom:0;left:0;position:absolute;right:0;top:0}.TSMHoEM .post-card{border-bottom:1px solid #e4e8ec}.TSMHoEM .post-card:last-child{border-bottom:0}._4Vekw96 .card-author>.row{align-items:flex-start;flex-direction:column;gap:8px}._4Vekw96 .feature-tabs{margin-bottom:24px;width:100%}.DIJdGcB{color:#595959;font-size:16px;font-weight:400;line-height:24px}.DIJdGcB,.aQSt4-Q{margin-top:24px}.KsWg8i6{cursor:pointer}._9tS0EUN{color:#262626;font-size:16px;font-weight:600;line-height:24px;margin-bottom:8px;text-align:center}.kyyRKlb{color:#595959;font-size:14px;font-weight:400;line-height:22px;text-align:center}.-Uqqka-{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:16px}.-Uqqka- button{flex-grow:1}.CnNZq8D .question-card{border-top:1px solid #e4e8ec}.CnNZq8D .question-card:first-child{border-top:0}.F4mmgSy{align-items:center;display:flex}._8jLruY3{color:#262626;font-size:14px;font-weight:600;line-height:22px}@media (min-width:768px){._8jLruY3{font-size:16px;line-height:24px}}.FE8w-fe{align-items:center;background-color:#e4e8ec;border-radius:50%;height:40px;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.FE8w-fe img{max-width:100%}.Yd2a9Nj{border:1px solid #e4e8ec}.A7QrQ7A{align-items:center;background:#f8f9fc;border-radius:50%;display:flex;height:32px;justify-content:center;pointer-events:none;width:32px}.-dzIuHr{text-align:left}.-dzIuHr .icon{display:inline-block;margin-bottom:2px;margin-right:6px;vertical-align:middle}.y5VJdvw{align-items:center;display:flex}.oVhOSCy{flex-shrink:0}.oVhOSCy .mobile-close-icon{display:none}.oVhOSCy:focus-within .mobile-close-icon{display:block}.oVhOSCy:focus-within .mobile-hamburger-icon{display:none}.oVhOSCy:focus-within #categories-menu{opacity:1;transform:translateX(0)}.oVhOSCy:focus-within #categories-menu>*{display:initial}.oVhOSCy #categories-menu{opacity:0;transform:translateX(-100%);transition:transform .1s,opacity .1s}.oVhOSCy #categories-menu>*{display:none}.pX8OXTM{cursor:pointer}.pX8OXTM>*{pointer-events:none}.hhgcomp-navigation-itemnav-headeritem{align-items:center;border-bottom:1px solid #fff;color:#1b3250;cursor:pointer;display:flex;height:100%;justify-content:center;text-decoration:none}.hhgcomp-navigation-itemnav-headeritem>div{align-items:center;display:flex;font-size:14px;font-weight:700;line-height:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem{color:#202135}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon{align-items:center;display:flex;margin-left:8px}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .origin-icon{display:block}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .origin-icon .hamburger-container{align-items:center;display:flex;justify-content:center}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .close-icon{display:none}.hhgcomp-navigation-itemnav-headeritem:focus-within{border-bottom:1px solid #2d87f3;color:#2d87f3}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within{border-bottom:1px solid #e85388;color:#e85388}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within svg path{stroke:#9495a0}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within svg:hover path{stroke:#e85388}.hhgcomp-navigation-itemnav-headeritem:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper{cursor:auto;opacity:1;visibility:initial}.hhgcomp-navigation-itemnav-headeritem:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:initial}.hhgcomp-navigation-itemnav-headeritem:focus-within .wrapper-menu-icon .origin-icon{display:none}.hhgcomp-navigation-itemnav-headeritem:focus-within .wrapper-menu-icon .close-icon{align-items:center;display:flex;justify-content:center}.wnUb-dV{align-items:center;display:flex}.cjbOxWe{cursor:pointer}.cjbOxWe *{pointer-events:none}@keyframes EDlp5Zf{0%{transform:scale(0)}2%{transform:scale(0)}25%{transform:scale(1)}75%{transform:scale(1)}98%{transform:scale(0)}to{transform:scale(0)}}@media (max-width:767px){.-sx0jrx{display:none}}.-sx0jrx:hover>button{opacity:.9}.-sx0jrx:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper{cursor:auto;opacity:1;visibility:initial}.-sx0jrx:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:initial}.q3nL5cp{padding-bottom:1rem}@media (max-width:767px){.q3nL5cp{display:block;padding:0}}@media (min-width:768px){.q3nL5cp{grid-gap:10px;display:grid;grid-template-columns:1fr 3fr}}.hhgcomp-navigation-popupwrapper-menuwrapper{align-items:center;background-color:#fff;height:100%;left:0;padding:.5rem;position:fixed;top:56px;transition:opacity .2s ease-in-out;width:100%;z-index:200}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-display=false]{opacity:0;visibility:hidden}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-display=false]>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:none}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-nav-menu=true]{box-shadow:0 10px 16px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);height:unset;position:absolute;top:100%}._2DNf80G{position:relative;z-index:1}.Q-glX-n{position:absolute;right:0;top:0}.Q-glX-n,.uJQBNNg{align-items:center;cursor:pointer;display:flex}.TfG3dM5{flex-shrink:0}.aMtjFNf{flex-grow:0;margin-left:12px}.cSz2RR-{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-word}[data-theme=helloSites] .cSz2RR-{font-size:16px;font-weight:600}[data-theme=marryBaby] .cSz2RR-{font-size:14px;font-weight:600}.GyFm00F{align-items:center;background-repeat:no-repeat;cursor:pointer;display:flex;font-size:12px;font-weight:400;padding-left:0;padding-top:0;width:-moz-fit-content;width:fit-content}[data-theme=helloSites] .GyFm00F{background-image:var(--bg-hellosites);background-position:right 5px;background-size:5px 8px;color:#595959;padding-right:15px}[data-theme=marryBaby] .GyFm00F{background-image:var(--bg-marrybaby);background-position:right -2px;background-size:20px 20px;color:#9495a0;font-weight:600;margin-top:2px;padding-right:25px}.fVk18fq{cursor:pointer}[data-theme=helloSites] .fVk18fq{border-radius:6px;box-shadow:0 10px 16px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);padding:12px 16px}[data-theme=marryBaby] .fVk18fq{align-items:center;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100px;justify-content:center;min-width:80px}.v8TCvUb{white-space:nowrap}[data-theme=helloSites] .v8TCvUb{color:#262626;font-size:14px;margin-top:6px}[data-theme=marryBaby] .v8TCvUb{font-size:12px;margin-top:8px}.mx7T4V3{background-repeat:no-repeat}[data-theme=helloSites] .mx7T4V3{height:28px}[data-theme=marryBaby] .mx7T4V3{align-items:center;background-position:50%;border-radius:20px;display:flex;height:40px;justify-content:center;width:40px}.gn6HmGG{color:#262626;font-size:14px;margin:0 -16px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=helloSites] .gn6HmGG{background-color:#f8f9fc;padding:8px 0}.FCx8FEM{background-color:#fff;border:1px solid transparent;margin-top:0;transition:margin .3 linear;transition:margin .2s}.FCx8FEM,.FCx8FEM[data-has-submenu=true]{cursor:pointer}.FCx8FEM[data-is-open=true]>div:first-child{border-bottom-color:#e4e8ec}.FCx8FEM[data-is-open=true]+div{margin-top:8px}.FCx8FEM[data-is-open=true]+.nav-menu-item{border-top-color:transparent}[data-theme=helloSites] .FCx8FEM+.nav-menu-item{border-top-color:#e4e8ec}[data-theme=marryBaby] .FCx8FEM+.nav-menu-item:before{content:"";display:block;height:1px;margin:0 50px}.FCx8FEM .nav-menu-item{padding-left:33px}.zMiRxaE{align-items:center;border:1px solid transparent;display:flex;height:48px;padding:0 18px;transition:border-color .3s}.lZ2Z9MQ{background-position:50%;background-repeat:no-repeat;height:20px;margin-right:14px;width:20px}.rwm-agG{display:flex;flex:1;justify-content:flex-end}.rwm-agG:after{background-image:var(--after-bg);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:10px;width:12px}[data-is-open=true] .rwm-agG:after{transform:rotate(-180deg)}.qMOscoq{max-height:0;overflow:hidden;transition:max-height .3s ease-out}[data-is-open=true] .qMOscoq{max-height:200px;transition-timing-function:ease-in}.-AZt1au{display:flex;flex-direction:column;font-size:medium;font-weight:400;line-height:normal;padding:18px 16px}.-AZt1au[data-theme=helloSites]{gap:16px}.-AZt1au[data-theme=marryBaby]{gap:24px}.IvSIfCI{display:inline-flex;flex:1;flex-wrap:wrap}[data-theme=helloSites] .IvSIfCI{gap:8px;margin-right:-8px}[data-theme=marryBaby] .IvSIfCI{gap:16px}[data-theme=helloSites] .eahCJov{width:calc(50% - 8px)}[data-theme=marryBaby] .eahCJov{flex:1;width:33.33%}.XIyViFs span{font-weight:400;justify-content:center}.XIyViFs span img{margin-right:8px}.XIyViFs .button-icon{height:15px;width:15px}[data-theme=marryBaby] ._4y-O0w3{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}[data-theme=helloSites] .kO8iNgD{border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 2px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.04);overflow:hidden}.a1d4E10{align-items:center;display:flex;font-size:14px;padding:0 16px}[data-theme=helloSites] .a1d4E10{height:42px}[data-theme=marryBaby] .a1d4E10{height:52px}[data-theme=marryBaby] [data-user-rank=member] .a1d4E10{background-color:#e0e9fb;color:#4096fe}.Tdguxxf{background-position:50%;background-repeat:no-repeat}[data-theme=helloSites] .Tdguxxf{height:18px;width:18px}[data-theme=marryBaby] .Tdguxxf{height:24px;width:24px}.-mOxsaU{font-size:14px}[data-theme=helloSites] .-mOxsaU{font-weight:600;margin-left:6px}[data-theme=marryBaby] .-mOxsaU{font-weight:500;margin-left:8px}.yPeDBNZ{display:flex;flex:1;font-weight:600;justify-content:flex-end}[data-theme=helloSites] .yPeDBNZ{font-size:14px}[data-theme=marryBaby] .yPeDBNZ{color:#3e3f58;font-size:12px}
+._2ugC2Ll .card-author>.row{align-items:flex-start;flex-direction:column;gap:8px}._2ugC2Ll .feature-tabs{margin-bottom:24px;width:100%}._8IDDHjn{color:#595959;font-size:16px;font-weight:400;line-height:24px}.CCwRHCd,._8IDDHjn{margin-top:24px}@media (max-width:767px){.CCwRHCd{margin-top:16px}}.RF63WXG{color:#262626;font-size:16px;font-weight:400;line-height:24px;margin-top:24px}@media (max-width:767px){.RF63WXG{margin-top:16px}}.PIaeC0v{background:#e3f2ff;border-radius:8px;padding:8px}._0NhMo6T{padding-top:12px}._0NhMo6T .post-card{border-bottom:1px solid #e4e8ec}._0NhMo6T .post-card:last-child{border-bottom:0}.nrZtZ-u{border-bottom:1px solid #e4e8ec}.nrZtZ-u .faq-item{align-items:center;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:12px 0}.nrZtZ-u .faq-answer{line-height:24px;padding-bottom:12px}@media (max-width:767px){.nrZtZ-u .faq-answer{font-size:14px;line-height:22px}}.nrZtZ-u .faq-question{color:#262626;font-size:16px;font-weight:400;line-height:24px}@media (max-width:767px){.nrZtZ-u .faq-question{font-size:14px;line-height:22px}}.CHw-fZZ{align-items:center;background:#e0f8ee;border-left:4px solid #00b16a;box-sizing:border-box;display:flex;justify-content:space-between;overflow:auto;padding:12px 16px;width:100%}.CHw-fZZ[data-alert-type=danger]{background:#fae9e8;border-left-color:#ff5331}.CHw-fZZ[data-alert-type=warning]{background:#fff8e2;border-left-color:#fe921d}._03U6VRS .icon-title{align-items:center;display:flex}._03U6VRS img,._03U6VRS svg{margin-right:8px}.EO828Vv{cursor:pointer}._2iQs0sk{margin-left:auto;margin-right:auto;max-width:328px}.Ia6IojY{border:1px solid #d9d9d9;border-radius:4px;box-shadow:0 0 5px #e3f2ff;box-sizing:border-box;font-family:inherit;font-size:1rem;line-height:1.5;margin:0;min-width:48px;padding:11px 16px;text-align:center;transition:all .3s ease;width:100%}.Ia6IojY::-moz-placeholder{color:#8c8c8c}.Ia6IojY::placeholder{color:#8c8c8c}.Ia6IojY:focus{border-color:#45a4ff;outline:none}.Ia6IojY.isError{border-color:#f44d2c}.Ia6IojY.yJs9MaD{border-color:#bf331b}.Ia6IojY::-webkit-inner-spin-button{-webkit-appearance:none;appearance:none}.pfaLGRK{height:calc(var(--height)*1px);width:calc(var(--width)*1px)}.pfaLGRK img,.pfaLGRK svg{display:block;height:100%;width:100%}.pfaLGRK img{-o-object-fit:contain;object-fit:contain}.i-9Ibox{display:flex}.i-9Ibox .PhoneInputCountry{align-items:center;background-color:#f2f2f2;border:1px solid #d9d9d9;border-radius:6px 0 0 6px;box-sizing:border-box;display:flex;justify-content:space-between;min-width:20px;padding:0 16px;position:relative}.i-9Ibox .PhoneInputCountrySelect{-moz-appearance:none;-webkit-appearance:none;appearance:none;box-sizing:border-box;cursor:pointer;inset:0;opacity:0;position:absolute;z-index:0}.i-9Ibox .PhoneInputCountryIcon{align-items:center;background:none;border:none;box-shadow:none;display:flex;height:unset;line-height:1.5;width:unset}.i-9Ibox .PhoneInputCountryIconImg{border-radius:2px;height:16px!important;width:24px!important}.i-9Ibox .PhoneInputCountryIconCallingCode{color:#262626;display:inline-block;line-height:1;margin-left:4px}.i-9Ibox .PhoneInputArrowContainer{color:#8c8c8c;font-size:16px;line-height:1;margin-left:4px}.i-9Ibox .PhoneInputInput{border:1px solid #d9d9d9;border-left-width:0;border-radius:6px;border-radius:0 6px 6px 0;box-shadow:0 0 5px #e3f2ff;box-sizing:border-box;flex:1;font-family:inherit;font-size:1rem;line-height:40px;margin:0;padding:0 16px;transition:all .1s ease-in-out;width:100%}.i-9Ibox .PhoneInputInput::-moz-placeholder{color:#8c8c8c}.i-9Ibox .PhoneInputInput::placeholder{color:#8c8c8c}.i-9Ibox .PhoneInputInput:focus{outline:none}.i-9Ibox .PhoneInputInput.isError{border-color:#f44d2c}.i-9Ibox .PhoneInputInput:focus,.i-9Ibox .PhoneInputInput:hover{border-color:#91caff;box-shadow:0 0 2px 2px #91caff}.i-9Ibox .PhoneInputInput:disabled{background-color:#f2f2f2;border-color:#d9d9d9;color:#8c8c8c}.i-9Ibox:focus-within{border-color:#91caff}.i-9Ibox:focus-within .PhoneInputCountry{border-color:#91caff #d9d9d9 #91caff #91caff}.i-9Ibox.YDWHh9b .PhoneInputInput{border-color:#f44d2c}.i-9Ibox.YDWHh9b .PhoneInputCountry{border-color:#f44d2c #d9d9d9 #f44d2c #f44d2c}.i-9Ibox.PhoneInput--readOnly .PhoneInputCountrySelect{pointer-events:none}.MON6sfi{text-align:center}.pS-tJD7{line-height:1;margin-bottom:32px}.s3tJ9-5{font-size:120px;line-height:1}.fNsZr1b{color:#262626;font-size:28px;line-height:1.285;margin-bottom:16px}.uuxV74v{color:#595959}.YohjTDU{margin-top:24px;padding-left:34px;padding-right:34px}@media (max-width:1400px){.pS-tJD7{margin-bottom:27px}.s3tJ9-5{font-size:100px}.fNsZr1b{font-size:23px;margin-bottom:12px}.YohjTDU{margin-top:20px;padding-left:28px;padding-right:28px}}@media (max-width:768px){.pS-tJD7{margin-bottom:20px}.s3tJ9-5{font-size:80px}.fNsZr1b{font-size:20px;margin-bottom:10px}.YohjTDU{margin-top:18px;padding-left:24px;padding-right:24px}}.DjBFAbd[data-size=label1]{font-size:14px;line-height:22px}.DjBFAbd[data-size=label2]{font-size:13px;line-height:19px}.d76E4SH{margin:0 auto;width:100%}@media (max-width:767px){.d76E4SH{padding:0 16px}}@media (min-width:1024px){.d76E4SH{max-width:1170px}.d76E4SH[data-type=marryBaby]{max-width:1064px}}.tliWyii{align-items:center;display:flex;font-weight:400;gap:.5em;justify-content:center;padding:1em}.PiqKaXk{color:#595959;font-size:14px;font-weight:700;line-height:22px}.HgbW6-m{color:inherit;display:inline-block;height:100%;text-decoration:none;width:100%}._6lkfLYy{background-color:#fff;box-sizing:border-box;display:flex;padding:16px 16px 16px 0}._6lkfLYy,._6lkfLYy .content{width:100%}._6lkfLYy .content,._6lkfLYy .content .inner-content{display:flex;flex-direction:column}._6lkfLYy .content .inner-content p{align-items:center;display:flex}._6lkfLYy .content .inner-content a{text-decoration:none}._6lkfLYy .content .inner-content .bookmark{height:18px;width:18px}._6lkfLYy .content .inner-content .title a{margin-top:2px}._6lkfLYy .content .inner-content .text,._6lkfLYy .content .inner-content .title a{-webkit-box-orient:vertical;-webkit-line-clamp:2;display:-webkit-box;overflow:hidden}._6lkfLYy .content .inner-content .text{margin-top:4px;max-width:100%}._6lkfLYy .footer{display:flex}._6lkfLYy .footer .author{width:calc(100% - 20px)}._6lkfLYy .footer .bookmark{cursor:pointer;display:flex;height:16px;margin-left:8px;width:12px}._6lkfLYy .footer .bookmark svg{height:100%;width:100%}._6lkfLYy .banner{border-radius:6px;height:100%;max-height:100%;max-width:100px;max-width:100%;min-width:100px;position:relative}._6lkfLYy .banner img{border-radius:6px;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;pointer-events:none;width:100%}._6lkfLYy .banner .premium{height:28px;left:6px;position:absolute;top:6px;width:28px}._6lkfLYy .shoppable{bottom:4px;left:6px;position:absolute}._6lkfLYy[data-size=sm][data-direction=horizontal]{padding:20px 0}._6lkfLYy[data-size=sm][data-direction=horizontal] .label{margin-bottom:0}._6lkfLYy[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;width:100px}@media (max-width:767px){._6lkfLYy[data-size=sm][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}}._6lkfLYy[data-size=sm][data-direction=horizontal] .text{display:none}._6lkfLYy[data-direction=horizontal] .footer{margin-top:auto}._6lkfLYy[data-size=md][data-direction=horizontal]{padding:16px 0}._6lkfLYy[data-size=md][data-direction=horizontal] .banner{height:150px;margin:0 24px 0 0;max-width:200px;min-width:200px}@media (max-width:767px){._6lkfLYy[data-size=md][data-direction=horizontal] .text{display:none}._6lkfLYy[data-size=md][data-direction=horizontal] .banner{height:100px;margin:0 16px 0 0;max-width:100px;min-width:100px}._6lkfLYy[data-size=md][data-direction=horizontal] .specialty{display:none}}._6lkfLYy[data-direction=vertical]{flex-direction:column;padding:0}._6lkfLYy[data-direction=vertical] .label{display:flex;margin-top:16px}._6lkfLYy[data-direction=vertical][data-size=sm] .banner{height:150px}._6lkfLYy[data-direction=vertical][data-size=sm] .text{display:none}._6lkfLYy[data-direction=vertical][data-size=sm] .title{margin-bottom:12px;margin-top:0}._6lkfLYy[data-direction=vertical][data-size=lg] .banner{max-height:312px}@media (max-width:767px){._6lkfLYy[data-direction=vertical][data-size=lg] .banner{max-height:192px}}._6lkfLYy[data-direction=vertical][data-size=lg] .text{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;margin-bottom:16px;margin-top:8px;word-break:break-word}._6lkfLYy[data-direction=vertical] .banner{height:468px;margin:0;min-width:100%}._6lkfLYy[data-is-expert] .inner-content label.text{display:none}._6lkfLYy[data-is-expert] .specialty>[data-tag=h6]{font-size:13px;font-weight:400;line-height:19px}._6lkfLYy[data-is-expert][data-size=md] .footer .author .avatar{margin-right:8px}@media (min-width:1024px){._6lkfLYy[data-is-expert][data-size=md] .footer .author .avatar{height:40px;margin-right:16px;width:40px}}._6lkfLYy[data-is-expert] .title{margin-bottom:16px}@media (max-width:767px){._6lkfLYy[data-is-expert] .title{margin-bottom:8px}}._6lkfLYy[data-is-expert][data-direction=horizontal] .footer{margin-top:auto}.j7c-onH{flex-direction:row;justify-content:space-between;margin-top:8px;width:100%}.j7c-onH,.j7c-onH .author{align-items:center;display:flex}.j7c-onH .author .avatar,.j7c-onH .author .expert-avatar{flex-shrink:0}.j7c-onH .author .avatar img,.j7c-onH .author .expert-avatar img{border-radius:50%;height:100%;width:100%}.j7c-onH .author .name{font-weight:600}.j7c-onH .author .poster{align-items:center;display:flex;white-space:pre-wrap}.j7c-onH .author .poster[data-is-disabled-url=true]{cursor:default}.j7c-onH .author .poster[data-is-disabled-url=true] a{pointer-events:none}.j7c-onH .author .poster p{-webkit-box-orient:vertical;-webkit-line-clamp:3;display:-webkit-box;font-weight:400;overflow:hidden}.j7c-onH .author .poster p a{color:#262626;text-decoration:none}.j7c-onH .author .poster p span:not(.name){color:#8c8c8c}.j7c-onH .author .expert{align-items:flex-start;display:flex;flex-direction:column;justify-content:center}.j7c-onH .author .expert a{text-decoration:none}.j7c-onH .author .expert[data-is-disabled-url=true]{cursor:default}.j7c-onH .author .expert[data-is-disabled-url=true] a{pointer-events:none}.j7c-onH .author .avatar{height:24px;margin-right:8px;width:24px}@media (max-width:767px){.j7c-onH .author .avatar{margin-right:4px}}@media (min-width:1024px){.j7c-onH .author .avatar[data-size=lg]{height:32px;margin-right:12px;width:32px}}@media (min-width:768px){.j7c-onH .author .expert-avatar{height:40px;margin-right:16px;width:40px}}@media (max-width:767px){.j7c-onH .author .expert-avatar{height:32px;margin-right:8px;width:32px}}@media (min-width:768px){.j7c-onH .author .expert-avatar[data-size=lg]{height:64px;margin-right:16px;width:64px}}@media (max-width:767px){.j7c-onH .author .expert-avatar[data-size=lg]{height:40px;margin-right:16px;width:40px}}.wwI1--d{cursor:pointer}.WUqzfRb{display:flex;position:relative}.WUqzfRb>.collapsed-breadcrumb{border:none}.WUqzfRb>.collapsed-breadcrumb>div{padding:0}.WUqzfRb>.collapsed-breadcrumb>ul{min-width:-moz-max-content;min-width:max-content}.WUqzfRb[data-size=lg]{font-size:16px;font-weight:700;line-height:24px}.WUqzfRb[data-size=md]{font-size:14px;font-weight:400;line-height:22px}.WUqzfRb[data-size=sm]{font-size:13px;font-weight:400;line-height:20px}.MnVGtSY{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m1 1 4 4-4 4' stroke='%23595959' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain}.MnVGtSY,.MnVGtSY[data-size=lg]{margin-left:8px;margin-right:8px;width:6px}.MnVGtSY[data-size=md]{margin-left:7px;margin-right:7px;width:5px}.MnVGtSY[data-size=sm]{margin-left:6px;margin-right:6px;width:4px}.NclbhXQ{max-width:12em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.NclbhXQ>a{color:#262626;cursor:pointer;text-decoration:none}.NclbhXQ[data-last=true]>a{color:#737373}.NclbhXQ>a:focus,.NclbhXQ>a:hover{color:#2c74df;outline:none}.NclbhXQ>a:focus .arrowLeft,.NclbhXQ>a:focus .arrowRight,.NclbhXQ>a:hover .arrowLeft,.NclbhXQ>a:hover .arrowRight{stroke:#2b62cd}.NclbhXQ>a:active{color:#2b62cd}.NclbhXQ[data-disabled]>a{color:#bfbfbf;cursor:not-allowed}.vvR-m49{cursor:pointer}.vvR-m49>*{pointer-events:none}.UhiT4m5{align-items:center;display:flex;justify-content:space-between;position:relative}.UhiT4m5 .direction-vertical{flex-direction:column}.UhiT4m5 .direction-vertical .session-action{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:1;padding:0 16px}.UhiT4m5 .direction-vertical .wrapper-action{padding:12px 0}.UhiT4m5 .direction-vertical .session-statistical{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:0;padding:6px 16px}.oEfeTkV{display:flex;justify-content:space-between;width:100%}@media (max-width:767px){.oEfeTkV{flex-direction:column}}.OlbikxJ{display:flex;gap:25px;justify-content:flex-start}._9GXHCn3{align-items:center;display:flex;gap:4px;position:relative}.HCsrR0N,._9GXHCn3{cursor:pointer}.MV3lNuh{text-transform:lowercase}.Ierg-Fq{color:#595959;font-size:14px;font-weight:400;line-height:22px}._674BTR4{align-items:center;display:flex;gap:16px}@media (max-width:767px){._674BTR4{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:1;padding:0 16px}._674BTR4 .wrapper-action{padding:12px 0}}.XlkglSM{align-items:center;display:flex;gap:12px}@media (max-width:767px){.XlkglSM{border-bottom:1px solid #e4e8ec;justify-content:space-between;order:0;padding:6px 16px}}.XlkglSM .wrapper-list-statistical{align-items:center;display:flex;gap:8px}.KyekKc3{align-items:center;display:flex;flex:1;gap:12px}.KyekKc3 .releated-post-statistical{align-items:center;display:flex;flex:1;gap:8px;justify-content:space-between}.TTfvZpR,.TTfvZpR .mantine-Text-root{cursor:default}.dZWeHns{display:flex;flex-direction:column;gap:8px}@media (min-width:768px){.dZWeHns{align-items:center;flex-direction:row}}._8z2nszB{align-items:center;display:flex}.tMiOKib{font-size:14px;font-weight:600;line-height:22px;text-overflow:ellipsis}@media (min-width:768px){.tMiOKib{font-size:16px;line-height:24px}}.uDcqD-2{display:inline;font-size:12px;line-height:18px;vertical-align:middle}.uDcqD-2,.uDcqD-2 a{color:#737373;text-decoration:none}.pDlsows{font-size:12px;line-height:18px}.m-HVXw1{background:#737373;border-radius:50%;display:inline-block;height:3px;margin:0 4px;vertical-align:middle;width:3px}.sTU4T4I{align-items:flex-start;display:flex}.sTU4T4I a{text-decoration:none}.tCql9Je{display:flex;flex-direction:column;flex-grow:1;justify-content:center;margin-left:12px}._3j7uYhH{position:relative}._3j7uYhH *{pointer-events:none}.PHABgoT{bottom:0;line-height:0;position:absolute;right:-4px}._2UKyiK1 .mantine-Modal-modal{width:100%}@media (min-width:768px){._2UKyiK1 .mantine-Modal-modal{width:480px}}.E5ga-tI{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}._8Y2nWXX{color:#262626;font-size:18px;font-weight:600;line-height:28px}.d0T7kSP{cursor:pointer;height:28px;width:28px}.PD6nRZX,.d0T7kSP{align-items:center;display:flex;justify-content:center}.PD6nRZX{padding:1em}.PD6nRZX button{font-weight:400}.l5fL1xL,.l5fL1xL a{color:#2d87f3;font-size:14px;font-weight:400;line-height:22px;text-decoration:none}.L-aGKo7,.L-aGKo7 a{color:#262626;font-size:16px;font-weight:600;line-height:24px;text-decoration:none}.eaR8ATZ{display:flex}.eaR8ATZ a{text-decoration:none}.xM-7K0a{display:flex;flex-direction:column;gap:6px;margin-left:16px}.DZmf3s7{overflow:hidden}.DZmf3s7 img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.SFSgnOz .Tf3aoVa{align-items:center;display:flex}.SFSgnOz .TOt4QXl{font-size:16px;font-weight:600}.SFSgnOz ._5XYN1KT{align-items:center;border-radius:50%;display:flex;height:24px;justify-content:center;margin-right:16px;width:24px}.SFSgnOz .yE-tZRj{background:#f8f9fc;border-radius:6px;display:flex;flex-direction:column;gap:10px;padding:12px}.SFSgnOz .LXiGuGT{color:#262626;font-size:16px;font-weight:400;line-height:24px}.SFSgnOz .r4rx-6v{color:#737373;font-size:14px;font-weight:400;line-height:22px}.SFSgnOz .XrHh8-C{align-items:center;display:flex;font-size:14px;font-weight:600;line-height:22px}.SFSgnOz .c5-Yecd{margin-right:10px}.SFSgnOz .UBj6nWr,.SFSgnOz ._2vptVBd{padding:16px 0}.SFSgnOz .ZPDAwiR{text-decoration:none}.SFSgnOz ._6wJn-NR{padding:16px 0}.SFSgnOz ._6wJn-NR .ZPDAwiR .article-card{border-bottom:1px solid #e4e8ec;padding:16px 0}.SFSgnOz ._6wJn-NR .ZPDAwiR:last-child .article-card{border-bottom:0}.SFSgnOz ._21XDdFv{margin-left:12px}.SFSgnOz ._21XDdFv:first-child{margin-left:0}.SFSgnOz[data-is-marrybaby=true] .TOt4QXl{font-size:14px;line-height:24px}.SFSgnOz[data-is-marrybaby=true] .yE-tZRj{background:transparent;padding:0}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-item{border:1px solid #eaeaea;border-radius:16px;margin-bottom:24px;padding:0 16px}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-panel{padding-bottom:16px}.SFSgnOz[data-is-marrybaby=true] .mantine-Accordion-control{padding-right:0}.LSyr3Zo{align-items:center;border:1px solid #9495a0;border-radius:50%;display:flex;height:18px;justify-content:center;width:18px}.GYUElSy{display:flex;flex-direction:column;gap:16px;padding:24px 0}.GYUElSy .post-content-wrapper{padding:0}._3C6QpT1{margin-bottom:5px}._9M9VYL6{cursor:pointer;font-size:16px;font-weight:600;line-height:24px}._1RuSyv3{color:#595959;font-size:12px;font-weight:400;line-height:18px}._1IG-eEp{display:flex;flex-direction:column;gap:8px}.MrdoES3 .post-card{border-bottom:1px solid #e4e8ec}.MrdoES3 .post-card:last-child{border-bottom:0}._8fd7YMs{flex-direction:column;gap:24px;margin-top:56px;width:100%}.DomiQfw,._8fd7YMs{align-items:center;display:flex}.DomiQfw{background:#f8f9fc;border-radius:50%;height:120px;justify-content:center;width:120px}.-b2qnfL{color:#595959;text-align:center}.toEutn7{padding:16px}.toEutn7 .card-author{margin-bottom:10px;padding:0}.drdisHs{color:#262626;cursor:pointer;font-size:16px;font-weight:600;line-height:24px;margin-top:12px}.scNwTvv{display:flex;justify-content:flex-end}.HNlhOdx{color:#9aa2ac;cursor:pointer;font-size:14px;font-weight:400;line-height:22px;margin-top:12px;text-align:right}.HNlhOdx:hover{color:#2d87f3}.I-uIJ6E .question-card{border-top:1px solid #e4e8ec}.I-uIJ6E .question-card:first-child{border-top:0}._41WRsj2{align-items:center;display:flex}.AcOGL93{color:#262626;font-size:14px;font-weight:600;line-height:22px}@media (min-width:768px){.AcOGL93{font-size:16px;line-height:24px}}.JD3dWJN{align-items:center;background-color:#e4e8ec;border-radius:50%;height:40px;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.JD3dWJN img{max-width:100%}.dKAgnS8{border:1px solid #e4e8ec}.L2Q9T6m{align-items:center;background:#f8f9fc;border-radius:50%;display:flex;height:32px;justify-content:center;pointer-events:none;width:32px}.h-pSmhX{margin-top:24px}.GA-zc-O{display:flex;flex-direction:column;gap:16px;padding:20px 0}.GA-zc-O .post-content-wrapper{padding:0}.A18McWD{font-size:14px;line-height:22px}.yzr0H0N{margin-bottom:5px}._6gVRc3i{color:#2b62cd;cursor:pointer;font-size:16px;font-weight:600;line-height:24px}.xOzLGrD{color:#595959;font-size:12px;font-weight:400;line-height:18px}.IB049vj{display:flex;flex-direction:column;gap:8px;position:relative}._8I--vEV{bottom:0;left:0;position:absolute;right:0;top:0}.TSMHoEM .post-card{border-bottom:1px solid #e4e8ec}.TSMHoEM .post-card:last-child{border-bottom:0}._4Vekw96 .card-author>.row{align-items:flex-start;flex-direction:column;gap:8px}._4Vekw96 .feature-tabs{margin-bottom:24px;width:100%}.DIJdGcB{color:#595959;font-size:16px;font-weight:400;line-height:24px}.DIJdGcB,.aQSt4-Q{margin-top:24px}.KsWg8i6{cursor:pointer}._9tS0EUN{color:#262626;font-size:16px;font-weight:600;line-height:24px;margin-bottom:8px;text-align:center}.kyyRKlb{color:#595959;font-size:14px;font-weight:400;line-height:22px;text-align:center}.-Uqqka-{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-top:16px}.-Uqqka- button{flex-grow:1}.CnNZq8D .question-card{border-top:1px solid #e4e8ec}.CnNZq8D .question-card:first-child{border-top:0}.F4mmgSy{align-items:center;display:flex}._8jLruY3{color:#262626;font-size:14px;font-weight:600;line-height:22px}@media (min-width:768px){._8jLruY3{font-size:16px;line-height:24px}}.FE8w-fe{align-items:center;background-color:#e4e8ec;border-radius:50%;height:40px;justify-content:center;margin-right:16px;overflow:hidden;width:40px}.FE8w-fe img{max-width:100%}.Yd2a9Nj{border:1px solid #e4e8ec}.A7QrQ7A{align-items:center;background:#f8f9fc;border-radius:50%;display:flex;height:32px;justify-content:center;pointer-events:none;width:32px}.-dzIuHr{text-align:left}.-dzIuHr .icon{display:inline-block;margin-bottom:2px;margin-right:6px;vertical-align:middle}.y5VJdvw{align-items:center;display:flex}.oVhOSCy{flex-shrink:0}.oVhOSCy .mobile-close-icon{display:none}.oVhOSCy:focus-within .mobile-close-icon{display:block}.oVhOSCy:focus-within .mobile-hamburger-icon{display:none}.oVhOSCy:focus-within #categories-menu{opacity:1;transform:translateX(0)}.oVhOSCy:focus-within #categories-menu>*{display:initial}.oVhOSCy #categories-menu{opacity:0;transform:translateX(-100%);transition:transform .1s,opacity .1s}.oVhOSCy #categories-menu>*{display:none}.pX8OXTM{cursor:pointer}.pX8OXTM>*{pointer-events:none}.hhgcomp-navigation-itemnav-headeritem{align-items:center;border-bottom:1px solid #fff;color:#1b3250;cursor:pointer;display:flex;height:100%;justify-content:center;text-decoration:none}.hhgcomp-navigation-itemnav-headeritem>div{align-items:center;display:flex;font-size:14px;font-weight:700;line-height:22px;-webkit-user-select:none;-moz-user-select:none;user-select:none}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem{color:#202135}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon{align-items:center;display:flex;margin-left:8px}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .origin-icon{display:block}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .origin-icon .hamburger-container{align-items:center;display:flex;justify-content:center}.hhgcomp-navigation-itemnav-headeritem .wrapper-menu-icon .close-icon{display:none}.hhgcomp-navigation-itemnav-headeritem:focus-within{border-bottom:1px solid #2d87f3;color:#2d87f3}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within{border-bottom:1px solid #e85388;color:#e85388}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within svg path{stroke:#9495a0}div[data-site-type=marryBaby] .hhgcomp-navigation-itemnav-headeritem:focus-within svg:hover path{stroke:#e85388}.hhgcomp-navigation-itemnav-headeritem:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper{cursor:auto;opacity:1;visibility:initial}.hhgcomp-navigation-itemnav-headeritem:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:initial}.hhgcomp-navigation-itemnav-headeritem:focus-within .wrapper-menu-icon .origin-icon{display:none}.hhgcomp-navigation-itemnav-headeritem:focus-within .wrapper-menu-icon .close-icon{align-items:center;display:flex;justify-content:center}.wnUb-dV{align-items:center;display:flex}.cjbOxWe{cursor:pointer}.cjbOxWe *{pointer-events:none}@keyframes EDlp5Zf{0%{transform:scale(0)}2%{transform:scale(0)}25%{transform:scale(1)}75%{transform:scale(1)}98%{transform:scale(0)}to{transform:scale(0)}}@media (max-width:767px){.-sx0jrx{display:none}}.-sx0jrx:hover>button{opacity:.9}.-sx0jrx:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper{cursor:auto;opacity:1;visibility:initial}.-sx0jrx:focus-within .hhgcomp-navigation-popupwrapper-menuwrapper>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:initial}.q3nL5cp{padding-bottom:1rem}@media (max-width:767px){.q3nL5cp{display:block;padding:0}}@media (min-width:768px){.q3nL5cp{grid-gap:10px;display:grid;grid-template-columns:1fr 3fr}}.hhgcomp-navigation-popupwrapper-menuwrapper{align-items:center;background-color:#fff;height:100%;left:0;padding:.5rem;position:fixed;top:56px;transition:opacity .2s ease-in-out;width:100%;z-index:200}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-display=false]{opacity:0;visibility:hidden}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-display=false]>.hhgcomp-navigation-popupwrapper-menuwrapper-child{display:none}.hhgcomp-navigation-popupwrapper-menuwrapper[data-is-nav-menu=true]{box-shadow:0 10px 16px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);height:unset;position:absolute;top:100%}._2DNf80G{position:relative;z-index:1}.Q-glX-n{position:absolute;right:0;top:0}.Q-glX-n,.uJQBNNg{align-items:center;cursor:pointer;display:flex}.TfG3dM5{flex-shrink:0}.aMtjFNf{flex-grow:0;margin-left:12px}.cSz2RR-{-webkit-box-orient:vertical;-webkit-line-clamp:1;display:-webkit-box;font-weight:700;overflow:hidden;text-overflow:ellipsis;word-break:break-word}[data-theme=helloSites] .cSz2RR-{font-size:16px;font-weight:600}[data-theme=marryBaby] .cSz2RR-{font-size:14px;font-weight:600}.GyFm00F{align-items:center;background-repeat:no-repeat;cursor:pointer;display:flex;font-size:12px;font-weight:400;padding-left:0;padding-top:0;width:-moz-fit-content;width:fit-content}[data-theme=helloSites] .GyFm00F{background-image:var(--bg-hellosites);background-position:right 5px;background-size:5px 8px;color:#595959;padding-right:15px}[data-theme=marryBaby] .GyFm00F{background-image:var(--bg-marrybaby);background-position:right -2px;background-size:20px 20px;color:#9495a0;font-weight:600;margin-top:2px;padding-right:25px}.fVk18fq{cursor:pointer}[data-theme=helloSites] .fVk18fq{border-radius:6px;box-shadow:0 10px 16px rgba(0,0,0,.04),0 2px 8px rgba(0,0,0,.04),0 0 1px rgba(0,0,0,.04);padding:12px 16px}[data-theme=marryBaby] .fVk18fq{align-items:center;border-radius:16px;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;flex-direction:column;height:100px;justify-content:center;min-width:80px}.v8TCvUb{white-space:nowrap}[data-theme=helloSites] .v8TCvUb{color:#262626;font-size:14px;margin-top:6px}[data-theme=marryBaby] .v8TCvUb{font-size:12px;margin-top:8px}.mx7T4V3{background-repeat:no-repeat}[data-theme=helloSites] .mx7T4V3{height:28px}[data-theme=marryBaby] .mx7T4V3{align-items:center;background-position:50%;border-radius:20px;display:flex;height:40px;justify-content:center;width:40px}.gn6HmGG{color:#262626;font-size:14px;margin:0 -16px;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none}[data-theme=helloSites] .gn6HmGG{background-color:#f8f9fc;padding:8px 0}.FCx8FEM{background-color:#fff;border:1px solid transparent;margin-top:0;transition:margin .3 linear;transition:margin .2s}.FCx8FEM,.FCx8FEM[data-has-submenu=true]{cursor:pointer}.FCx8FEM[data-is-open=true]>div:first-child{border-bottom-color:#e4e8ec}.FCx8FEM[data-is-open=true]+div{margin-top:8px}.FCx8FEM[data-is-open=true]+.nav-menu-item{border-top-color:transparent}[data-theme=helloSites] .FCx8FEM+.nav-menu-item{border-top-color:#e4e8ec}[data-theme=marryBaby] .FCx8FEM+.nav-menu-item:before{content:"";display:block;height:1px;margin:0 50px}.FCx8FEM .nav-menu-item{padding-left:33px}.zMiRxaE{align-items:center;border:1px solid transparent;display:flex;height:48px;padding:0 18px;transition:border-color .3s}.lZ2Z9MQ{background-position:50%;background-repeat:no-repeat;height:20px;margin-right:14px;width:20px}.rwm-agG{display:flex;flex:1;justify-content:flex-end}.rwm-agG:after{background-image:var(--after-bg);background-position:50%;background-repeat:no-repeat;content:"";display:block;height:10px;width:12px}[data-is-open=true] .rwm-agG:after{transform:rotate(-180deg)}.qMOscoq{max-height:0;overflow:hidden;transition:max-height .3s ease-out}[data-is-open=true] .qMOscoq{max-height:200px;transition-timing-function:ease-in}.-AZt1au{display:flex;flex-direction:column;font-size:medium;font-weight:400;line-height:normal;padding:18px 16px}.-AZt1au[data-theme=helloSites]{gap:16px}.-AZt1au[data-theme=marryBaby]{gap:24px}.IvSIfCI{display:inline-flex;flex:1;flex-wrap:wrap}[data-theme=helloSites] .IvSIfCI{gap:8px;margin-right:-8px}[data-theme=marryBaby] .IvSIfCI{gap:16px}[data-theme=helloSites] .eahCJov{width:calc(50% - 8px)}[data-theme=marryBaby] .eahCJov{flex:1;width:33.33%}.XIyViFs span{font-weight:400;justify-content:center}.XIyViFs span img{margin-right:8px}.XIyViFs .button-icon{height:15px;width:15px}[data-theme=marryBaby] ._4y-O0w3{border-radius:8px;box-shadow:0 1px 3px rgba(0,0,0,.08);overflow:hidden}[data-theme=helloSites] .kO8iNgD{border-radius:6px;box-shadow:0 4px 8px rgba(0,0,0,.04),0 0 2px rgba(0,0,0,.06),0 0 1px rgba(0,0,0,.04);overflow:hidden}.a1d4E10{align-items:center;display:flex;font-size:14px;padding:0 16px}[data-theme=helloSites] .a1d4E10{height:42px}[data-theme=marryBaby] .a1d4E10{height:52px}[data-theme=marryBaby] [data-user-rank=member] .a1d4E10{background-color:#e0e9fb;color:#4096fe}.Tdguxxf{background-position:50%;background-repeat:no-repeat}[data-theme=helloSites] .Tdguxxf{height:18px;width:18px}[data-theme=marryBaby] .Tdguxxf{height:24px;width:24px}.-mOxsaU{font-size:14px}[data-theme=helloSites] .-mOxsaU{font-weight:600;margin-left:6px}[data-theme=marryBaby] .-mOxsaU{font-weight:500;margin-left:8px}.yPeDBNZ{display:flex;flex:1;font-weight:600;justify-content:flex-end}[data-theme=helloSites] .yPeDBNZ{font-size:14px}[data-theme=marryBaby] .yPeDBNZ{color:#3e3f58;font-size:12px}