@hhgtech/hhg-components 1.29.418-beta-7 → 1.29.418

package/build/esm/{index-1ad16616.js → index-c8cbbe59.js}

@@ -1,12 +1,12 @@
-import React__default, { useState, useRef, createContext, useEffect, Fragment } from 'react';
-import { T as Text } from './index-5670bd57.js';
+import React__default, { useState, useRef, useMemo, useEffect, Fragment, createContext } from 'react';
+import { T as Text } from './index-23f97b77.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
-import { M as MediaQueries } from './utils-defcbd04.js';
-import { R as Radio$1 } from './index-63f0d1ac.js';
-import { T as Text$1 } from './index-9a1ed169.js';
+import { M as MediaQueries, f as formatUrlWithPageParam } from './utils-778daa2b.js';
+import { R as Radio$1 } from './index-5bf11acd.js';
+import { T as Text$1 } from './index-a95b8ba0.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import flattenChildren from 'react-keyed-flatten-children';
 
 var styles = {"alert":"CHw-fZZ","content":"_03U6VRS","close":"EO828Vv"};
@@ -369,6 +369,140 @@ const Grid = ({ className, columns, columnsDesktop, gridTemplateColumns, gridTem
     return (React__default.createElement(StyledGrid, { className: className, style: Object.assign({ '--columns-count': columns, '--columns-count-desktop': columnsDesktop, '--grid-template-columns': gridTemplateColumns, '--grid-template-columns-desktop': gridTemplateColumnsDesktop, '--justify-children': justifyChildren, '--grid-gap': gap, '--align-items': alignItems }, style) }, children));
 };
 
+const StyledPagination = styled.div `
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  user-select: none;
+  li {
+    transition: all 0.3s ease;
+  }
+  [data-page-active] {
+    background: ${theme.colors.primaryBase};
+    color: ${theme.colors.white};
+
+    > a {
+      color: ${theme.colors.white};
+    }
+  }
+`;
+const StyledPageBlock = styled.div `
+  display: flex;
+  width: 32px;
+  height: 32px;
+  box-sizing: border-box;
+  align-items: center;
+  justify-content: center;
+  border: 1px solid ${theme.colors.gray200};
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${theme.sizes.fwBold};
+
+  &[data-last-page] {
+    border: none;
+    background-color: ${theme.colors.gray100};
+    cursor: not-allowed;
+    pointer-events: none;
+
+    svg {
+      path {
+        stroke: ${theme.colors.gray300};
+      }
+    }
+  }
+`;
+const StyledPaginationBlock = styled.li `
+  display: flex;
+  width: 32px;
+  height: 32px;
+  align-items: center;
+  justify-content: center;
+  margin: 0 2px;
+  border-radius: 4px;
+  color: ${theme.colors.gray800};
+  cursor: pointer;
+  font-size: 14px;
+  font-weight: ${theme.sizes.fwBold};
+
+  > a {
+    color: ${theme.colors.gray800};
+    text-decoration: unset;
+    display: block;
+    width: 100%;
+    height: 100%;
+    line-height: 32px;
+    text-align: center;
+  }
+`;
+
+const RenderPagiWithDots = ({ pagesAmount, activePage, handlePageChange, handleClick, href, queryPageName = 'page', }) => {
+    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
+    const [visiblePages, setVisiblePages] = useState(activePage <= 4
+        ? pages.slice(0, 5)
+        : activePage >= pages.length - 3
+            ? pages.slice(pages.length - 5, pages.length)
+            : pages.slice(activePage - 2, activePage + 1));
+    useEffect(() => {
+        if (activePage <= 4) {
+            setVisiblePages(pages.slice(0, 5));
+        }
+        else if (activePage >= pages.length - 3) {
+            setVisiblePages(pages.slice(pages.length - 5, pages.length));
+        }
+        else {
+            setVisiblePages(pages.slice(activePage - 2, activePage + 1));
+        }
+    }, [activePage]);
+    return (React__default.createElement(Fragment, null,
+        activePage > 4 && (React__default.createElement(Fragment, null,
+            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(1) }, href ? (React__default.createElement("a", { href: href, onClick: handleClick }, 1)) : (1)),
+            React__default.createElement(StyledPaginationBlock, null, "..."))),
+        visiblePages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i)))),
+        activePage < pages.length - 3 && (React__default.createElement(Fragment, null,
+            React__default.createElement(StyledPaginationBlock, null, "..."),
+            React__default.createElement(StyledPaginationBlock, { onClick: () => handlePageChange(pages.length) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, pages.length, queryPageName), onClick: handleClick }, pages.length)) : (pages.length))))));
+};
+const Pagination = ({ className, pagesAmount, currentPage, onChange, onClick, style, href: _href, queryPageName = 'page', }) => {
+    const pages = [...Array(pagesAmount)].map((__v, i) => i + 1);
+    const [activePage, setActivePage] = useState(currentPage);
+    const href = useMemo(() => {
+        // Props `href` is updated from the version 1.8.4 and later. Please change the way to use this props properly
+        //    - To avoid crash app, transform href for the old way and remove the part &page=
+        //       /care/ho-chi-minh/hospital/da-khoa/&page=
+        //    -> /care/ho-chi-minh/hospital/da-khoa/
+        if (_href && _href.endsWith('&page=')) {
+            return _href.replace('&page=', '');
+        }
+        return _href;
+    }, [_href]);
+    const totalArray = pagesAmount - 1;
+    const handlePageChange = (p) => {
+        if (p <= pagesAmount && p > 0) {
+            setActivePage(p);
+            onChange(p);
+        }
+    };
+    const handleClick = (e) => {
+        onClick && onClick(e);
+    };
+    useEffect(() => {
+        setActivePage(currentPage);
+    }, [currentPage]);
+    return (React__default.createElement(StyledPagination, { className: className, style: style },
+        React__default.createElement(StyledPageBlock, { className: "prev-page", onClick: () => handlePageChange(activePage - 1), "data-last-page": activePage === 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
+            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+                React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+            React__default.createElement("path", { d: "M5.5 9L1.5 5L5.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))),
+        pages.length > 8 ? (React__default.createElement(RenderPagiWithDots, { pagesAmount: pagesAmount, activePage: activePage, handlePageChange: handlePageChange, handleClick: handleClick, href: href, queryPageName: queryPageName })) : (pages.map((i) => (React__default.createElement(StyledPaginationBlock, { key: `${'pagination'}+${i}`, "data-page-active": i === activePage || undefined, onClick: () => handlePageChange(i) }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, i, queryPageName), onClick: handleClick }, i)) : (i))))),
+        React__default.createElement(StyledPageBlock, { className: "next-page", onClick: () => handlePageChange(activePage + 1), "data-last-page": activePage === totalArray + 1 || undefined }, href ? (React__default.createElement("a", { href: formatUrlWithPageParam(href, activePage, queryPageName), onClick: handleClick },
+            React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+                React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })))) : (React__default.createElement("svg", { width: "7", height: "10", viewBox: "0 0 7 10", fill: "none" },
+            React__default.createElement("path", { d: "M1.5 9L5.5 5L1.5 1", stroke: "#2D87F3", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }))))));
+};
+
 /**
  * @deprecated Consider to use import { Radio } from '@mantine/core'
  */
@@ -710,4 +844,4 @@ const StepRenderer = ({ children, onStepChange }) => {
     })));
 };
 
-export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };
+export { Alert as A, Badge as B, FileDropdown as F, Grid as G, Pagination as P, Radio as R, StepRenderer as S, Tag as T, BorderHeading as a, Toggle as b, RateStars as c, StepRendererContext as d };

package/build/esm/{index-acd94739.js → index-cbdfe04b.js}

@@ -1,27 +1,27 @@
 import React__default from 'react';
-import { C as Container } from './index-43a044f0.js';
+import { C as Container } from './index-e391a240.js';
 import dayjs from 'dayjs';
-import './index-569c4123.js';
-import './index-63f0d1ac.js';
+import './index-eebfb54e.js';
+import './index-5bf11acd.js';
 import { Flex, Stack, Box } from '@mantine/core';
 import '@mantine/dates';
-import './index-634dc9bc.js';
-import './index-5245162d.js';
-import './index-1a39ecf7.js';
-import { T as Text } from './index-5670bd57.js';
-import './index-2de7a9fa.js';
-import './index.styles-c68f6fad.js';
-import './translationsContext-f2ecde8d.js';
+import './index-0c0ac05f.js';
+import './index-40f2480d.js';
+import './index-546c521c.js';
+import { T as Text } from './index-23f97b77.js';
+import './index-cf685e8f.js';
+import './index.styles-1b4356be.js';
+import './translationsContext-cca25e5e.js';
 import '@mantine/hooks';
-import './text-2ea4eb3f.js';
-import { M as MediaQueries } from './utils-defcbd04.js';
-import './index-17c0246b.js';
-import { u as useScreenSize } from './index-c6ed9aed.js';
+import './text-1962e9fb.js';
+import { M as MediaQueries } from './utils-778daa2b.js';
+import './index-9cdad777.js';
+import { u as useScreenSize } from './index-6a03cb12.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 import { domainLocales } from './constantsDomainLocales.js';
-import { L as Logo } from './index-f9eb80af.js';
-import { M as MarryBabyText } from './index-d068829e.js';
+import { L as Logo } from './index-46c913ce.js';
+import { M as MarryBabyText } from './index-a2f0cb1d.js';
 
 const StyledFooter$1 = styled.footer `
   background-color: #1b3250;

package/build/esm/{index-8ff80587.js → index-ceb8b8bf.js}

@@ -1,6 +1,6 @@
 import React__default, { useContext, useState, useRef, useEffect } from 'react';
-import { B as Button } from './index-58ffcd1e.js';
-import { T as TogetherComponentGlobalContext } from './utils-cec028dd.js';
+import { B as Button } from './index-de491ad4.js';
+import { T as TogetherComponentGlobalContext } from './utils-fb03ac58.js';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';
 

package/build/esm/{index-2de7a9fa.js → index-cf685e8f.js}

@@ -1,8 +1,8 @@
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default, { forwardRef } from 'react';
 import { createStyles, useMantineTheme, Button as Button$1 } from '@mantine/core';
-import { A as ANIMATION_DURATION } from './shared-31187ee3.js';
-import { C as CustomStylesType, F as FontWeight } from './text-2ea4eb3f.js';
+import { A as ANIMATION_DURATION } from './shared-c5d890ab.js';
+import { C as CustomStylesType, F as FontWeight } from './text-1962e9fb.js';
 
 var useStyles = createStyles((_theme, _params) => {
     var _a, _b, _c, _d, _e, _f;

package/build/esm/{index-01d44b8b.js → index-d1a664c7.js}

@@ -1,41 +1,41 @@
 import React__default, { createContext, useContext, useMemo, useCallback, useState, useEffect, forwardRef, useRef } from 'react';
 import { rem, Container, createStyles, Box, Stack, Flex, AspectRatio, ScrollArea, Chip, Group, Badge, MultiSelect, Stepper } from '@mantine/core';
-import { C as CommonGAssets } from './index-5245162d.js';
-import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-cec028dd.js';
-import { G as GA_TOKEN_COOKIE } from './index-569c4123.js';
-import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-a531cd6c.js';
+import { C as CommonGAssets } from './index-40f2480d.js';
+import { b as callApiWithAuth, d as getApiPath, T as TogetherComponentGlobalContext, e as getPremiumApiPath, f as getWebsiteUrlApi, h as getSsoApiPath } from './utils-fb03ac58.js';
+import { G as GA_TOKEN_COOKIE } from './index-eebfb54e.js';
+import { H as HEALTH_TOOL_TYPE, a as HEALTH_TOOL_DEFAULT_IMG } from './healthTools-bd097aa5.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
-import { _ as __rest, a as __awaiter } from './tslib.es6-e734ec7d.js';
-import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-ea4523eb.js';
-import { I as ImageWrap } from './index-c6ed9aed.js';
-import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-1c8cc248.js';
-import { u as useTranslations } from './index-6a5b315d.js';
+import { _ as __rest, a as __awaiter } from './tslib.es6-af0ab658.js';
+import { u as useSSOV2Store, I as IS_SSOV2_ENABLED } from './store-53b561bd.js';
+import { I as ImageWrap } from './index-6a03cb12.js';
+import { g as getCurrentBaseUrl, a as getCurrentSsoUrl } from './normalizeLink-ab71a2fd.js';
+import { u as useTranslations } from './index-da9b3560.js';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-63f0d1ac.js';
+import { d as Checkbox, e as ChipButton, I as Input, b as AspectRatio$1 } from './index-5bf11acd.js';
 import '@mantine/dates';
-import './index-634dc9bc.js';
-import { t as themeColors } from './index-1a39ecf7.js';
-import { T as Text } from './index-5670bd57.js';
-import { B as Button } from './index-2de7a9fa.js';
-import './index.styles-c68f6fad.js';
+import './index-0c0ac05f.js';
+import { t as themeColors } from './index-546c521c.js';
+import { T as Text } from './index-23f97b77.js';
+import { B as Button } from './index-cf685e8f.js';
+import './index.styles-1b4356be.js';
 import { useViewportSize } from '@mantine/hooks';
-import './text-2ea4eb3f.js';
-import './utils-defcbd04.js';
-import './index-17c0246b.js';
+import './text-1962e9fb.js';
+import './utils-778daa2b.js';
+import './index-9cdad777.js';
 import { PATHS as PATHS$2 } from './togetherApiPaths.js';
-import './translationsContext-f2ecde8d.js';
-import { H as Heading } from './index-ed59bf6e.js';
-import { u as useHealthToolsCache } from './useHealthToolCache-650ec591.js';
-import { I as Icon } from './index-6c7cf187.js';
+import './translationsContext-cca25e5e.js';
+import { H as Heading } from './index-8c902e04.js';
+import { u as useHealthToolsCache } from './useHealthToolCache-0df97913.js';
+import { I as Icon } from './index-8cf5e40e.js';
 import { domainLocales } from './constantsDomainLocales.js';
 import { isProduction } from './constantsIsProduction.js';
 import { Close, Plus } from '@hhgtech/icons/core';
-import { i as isVideo } from './index-3e6cb54a.js';
-import { M as Modal } from './index-bd2e8480.js';
+import { i as isVideo } from './index-eeb70947.js';
+import { M as Modal } from './index-1d3457e3.js';
 import Cookies from 'js-cookie';
 import flatten from 'lodash/flatten';
 import uniqBy from 'lodash/uniqBy';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 
 const PREFER_TOPICS = [
     {

package/build/esm/{index-e8e4e33e.js → index-d83df005.js}

@@ -1,20 +1,20 @@
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default, { createContext, useContext } from 'react';
 import { useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { L as LastPeriod } from './LastPeriod-35ed6374.js';
-import { I as Input } from './index-63f0d1ac.js';
-import { D as DatePicker } from './index-32c19ece.js';
-import { T as Text } from './index-5670bd57.js';
-import './index-2de7a9fa.js';
-import './index.styles-c68f6fad.js';
-import { u as useTranslations } from './index-6a5b315d.js';
+import { L as LastPeriod } from './LastPeriod-3a8ce81b.js';
+import { I as Input } from './index-5bf11acd.js';
+import { D as DatePicker } from './index-5f7213b5.js';
+import { T as Text } from './index-23f97b77.js';
+import './index-cf685e8f.js';
+import './index.styles-1b4356be.js';
+import { u as useTranslations } from './index-da9b3560.js';
 import '@mantine/hooks';
-import './index-1a39ecf7.js';
-import './text-2ea4eb3f.js';
-import './utils-defcbd04.js';
-import './index-17c0246b.js';
-import { H as HealthToolFormWrapper } from './index-546e7b25.js';
+import './index-546c521c.js';
+import './text-1962e9fb.js';
+import './utils-778daa2b.js';
+import './index-9cdad777.js';
+import { H as HealthToolFormWrapper } from './index-ae917316.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const AvoidPregnancy = (_a) => {

package/build/esm/{index-6a5b315d.js → index-da9b3560.js}

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { useContext, useMemo } from 'react';
-import { T as TranslationsContext } from './translationsContext-f2ecde8d.js';
+import { T as TranslationsContext } from './translationsContext-cca25e5e.js';
 
 // SRC: https://github.com/berezh/react-string-format
 function format(text, params) {

package/build/esm/{index-58ffcd1e.js → index-de491ad4.js}

@@ -1,6 +1,6 @@
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default from 'react';
-import { B as Button$1 } from './index-2de7a9fa.js';
+import { B as Button$1 } from './index-cf685e8f.js';
 
 /**
  * @deprecated Consider to use at '@hhgtech/hhg-components/mantine'

package/build/esm/{index-1caa18af.js → index-e25a50a7.js}

@@ -1,6 +1,6 @@
 import React__default from 'react';
-import { B as Button } from './index-58ffcd1e.js';
-import { u as useTranslations } from './index-6a5b315d.js';
+import { B as Button } from './index-de491ad4.js';
+import { u as useTranslations } from './index-da9b3560.js';
 import { keyframes } from '@emotion/react';
 import styled from '@emotion/styled';
 import { theme } from './miscTheme.js';

package/build/esm/{index-9b4eee8d.js → index-e6f9eb2d.js}

@@ -1,22 +1,22 @@
-import { _ as __rest } from './tslib.es6-e734ec7d.js';
+import { _ as __rest } from './tslib.es6-af0ab658.js';
 import React__default, { createContext, useContext } from 'react';
 import { createStyles, rem, useMantineTheme } from '@mantine/core';
 import { useForm, isNotEmpty } from '@mantine/form';
-import { I as Input } from './index-63f0d1ac.js';
-import { D as DatePicker } from './index-32c19ece.js';
-import { T as Text } from './index-5670bd57.js';
-import './index-2de7a9fa.js';
-import './index.styles-c68f6fad.js';
-import { u as useTranslations } from './index-6a5b315d.js';
+import { I as Input } from './index-5bf11acd.js';
+import { D as DatePicker } from './index-5f7213b5.js';
+import { T as Text } from './index-23f97b77.js';
+import './index-cf685e8f.js';
+import './index.styles-1b4356be.js';
+import { u as useTranslations } from './index-da9b3560.js';
 import '@mantine/hooks';
-import './index-1a39ecf7.js';
-import './text-2ea4eb3f.js';
-import './utils-defcbd04.js';
-import './index-17c0246b.js';
-import { I as INPUT_RANGE } from './constants-41ecf92f.js';
-import { H as HealthToolFormWrapper } from './index-546e7b25.js';
-import { G as GenderOptionControl } from './index-f7a6c97a.js';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import './index-546c521c.js';
+import './text-1962e9fb.js';
+import './utils-778daa2b.js';
+import './index-9cdad777.js';
+import { I as INPUT_RANGE } from './constants-5d223d24.js';
+import { H as HealthToolFormWrapper } from './index-ae917316.js';
+import { G as GenderOptionControl } from './index-ae8dcfc8.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 import { CalendarMB } from '@hhgtech/icons/other';
 
 const BabyGrowthFormContext = createContext({});

package/build/esm/{index-569c4123.js → index-eebfb54e.js}

@@ -1,10 +1,10 @@
 import { enUS, vi, km, hi, id, ms, th, zhTW } from 'date-fns/locale';
-import './index-634dc9bc.js';
+import './index-0c0ac05f.js';
 import { siteHost, siteOptions } from './constantsSite.js';
 import { domainLocales, MAP_DOMAIN_BY_LOCALE } from './constantsDomainLocales.js';
 import { RISK_SCREENER_NAME, RISK_SCREENER_SLUG } from './constantsRiskScreener.js';
 import { isProduction } from './constantsIsProduction.js';
-import { L as LOCALE } from './Locale-60af27e6.js';
+import { L as LOCALE } from './Locale-965fa186.js';
 
 const basePath = process.env.NEXT_PUBLIC_DEPLOY_LOCALE === 'tl-PH' ? '/fil' : '';
 const SSO_URL = process.env.NEXT_PUBLIC_SSO;

package/build/esm/{index-282f08b6.js → index-f402f20c.js}

@@ -1,8 +1,8 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useScrollbarSize } from './useScrollbarSize-84e6afa7.js';
+import { u as useScrollbarSize } from './useScrollbarSize-e73fef16.js';
 import { createPortal } from 'react-dom';
 import styled from '@emotion/styled';
-import { M as MediaQueries } from './utils-defcbd04.js';
+import { M as MediaQueries } from './utils-778daa2b.js';
 import { setDefaultClass } from './miscDefaultClassWrapper.js';
 import { theme } from './miscTheme.js';
 

package/build/esm/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}._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{display:inline-block;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}