@soma-vertical-web/multi-lib 0.0.16 → 0.0.18
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/contexts/contexts/NextContext.d.ts +4 -0
- package/contexts/contexts/header/HeaderContext.d.ts +6 -0
- package/contexts/contexts/header/MenuMobileContext.d.ts +6 -0
- package/contexts/contexts/product-card/ProductCardContext.d.ts +6 -0
- package/contexts/index.d.ts +13 -1
- package/contexts/store/header.d.ts +24 -0
- package/contexts/store/helpers.d.ts +3 -0
- package/data/helpers/product/generalInfo.d.ts +7 -0
- package/data/helpers/product/image.d.ts +17 -0
- package/data/helpers/product/index.d.ts +1 -1
- package/data/helpers/product/skuInfos.d.ts +11 -0
- package/index.js +4 -4
- package/index.mjs +6196 -4325
- package/layout/index.d.ts +54 -0
- package/layout/team-component/Header/Composite/Bag.d.ts +7 -0
- package/layout/team-component/Header/Composite/Categories.d.ts +5 -0
- package/layout/team-component/Header/Composite/HeaderDesktopWrapper.d.ts +7 -0
- package/layout/team-component/Header/Composite/HeaderMobileWrapper.d.ts +7 -0
- package/layout/team-component/Header/Composite/SearchButton.d.ts +6 -0
- package/layout/team-component/Header/Composite/SubMenu.d.ts +5 -0
- package/layout/team-component/Header/Composite/WishList.d.ts +5 -0
- package/layout/team-component/Header/index.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Common/Thumbnail.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Desktop/Categories.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Desktop/MenuRoot.d.ts +4 -0
- package/layout/team-component/Menu/Composite/Desktop/SubCategories/SubCategories.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/MenuBody.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/MenuCategories.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/MenuCategoriesWrapper.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenu.d.ts +5 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenuItem.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Body/SubMenu/SubMenuSubCategory.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderContainer.d.ts +5 -0
- package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderNavLinks.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/Header/MenuHeaderWrapper.d.ts +7 -0
- package/layout/team-component/Menu/Composite/Mobile/MenuRoot.d.ts +4 -0
- package/layout/team-component/Menu/Composite/Mobile/Navigation/NavigationBar.d.ts +5 -0
- package/layout/team-component/Menu/Composite/Mobile/Navigation/NavigationBarItem.d.ts +7 -0
- package/layout/team-component/Menu/MenuDesktop.d.ts +12 -0
- package/layout/team-component/Menu/MenuMobile.d.ts +18 -0
- package/layout/team-component/ProductCard/Composite/Actions/Actions.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Actions/BuyButton.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Actions/Header.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Media/Media.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Media/Video.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/OutStock.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Price.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Root.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector/Item.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector/SkuItem.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Selectors/SizeSelector.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Selectors/StyleSelector.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Title.d.ts +7 -0
- package/layout/team-component/ProductCard/Composite/Wrapper.d.ts +7 -0
- package/layout/team-component/ProductCard/ProductCard.d.ts +51 -0
- package/layout/team-component/ProductCard/helpers.d.ts +18 -0
- package/layout/team-component/ProductCard/index.d.ts +1 -0
- package/package.json +1 -1
- package/style.css +1 -1
- package/types/cms/ContentTypes/Footer/index.d.ts +5 -4
- package/types/cms/ContentTypes/Header/index.d.ts +4 -13
- package/types/cms/ContentTypes/HelpButton/index.d.ts +3 -2
- package/types/cms/Factories/index.d.ts +0 -2
- package/types/constants.d.ts +36 -5
- package/types/contexts/contexts/global.d.ts +1 -1
- package/types/contexts/contexts/header.d.ts +8 -0
- package/types/contexts/contexts/next.d.ts +4 -0
- package/types/contexts/store/header.d.ts +18 -0
- package/types/contexts/store/helpers.d.ts +7 -0
- package/types/contexts/store/pdp.d.ts +0 -7
- package/types/data/helpers/index.d.ts +9 -1
- package/types/layout/team-components/AddToCart/index.d.ts +2 -2
- package/types/layout/team-components/Header/index.d.ts +63 -0
- package/types/layout/team-components/Menu/Desktop/index.d.ts +2 -2
- package/types/layout/team-components/Menu/index.d.ts +11 -5
- package/types/layout/team-components/ProductCard/index.d.ts +44 -6
- package/contexts/helpers/cart.d.ts +0 -188
- package/contexts/store/freight.d.ts +0 -0
- package/layout/template/PDP/PDPDataContext.d.ts +0 -10
- package/types/layout/core-components/Header/index.d.ts +0 -33
- package/types/layout/team-components/BuyKit/index.d.ts +0 -43
- package/types/layout/team-components/Header/intex.d.ts +0 -24
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
._freightLoading_6z8rf_1{margin:auto;text-align:center}._shippingFreight_6z8rf_6{gap:var(--gap-vertical-sm);display:grid}._shippingFreight__postalCodeGrid_6z8rf_10{display:grid;gap:var(--gap-vertical-xs)}._shippingFreight__grid_6z8rf_14{display:flex;justify-content:space-between}._shippingFreight__grid__title_6z8rf_18{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);align-self:center}._shippingFreight__grid__remember_6z8rf_29{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);text-underline-offset:var(--gap-vertical-xxs)}._shippingFreight__grid__remember_6z8rf_29 a{color:var(--color-typography-brand-primary)}._postalCodeContainer_6z8rf_44{display:grid;gap:var(--gap-vertical-xs)}._deliveryStatusBar__tag_6z8rf_49{width:auto}._deliveryStatusBar__tag_6z8rf_49[data-size=large]{height:var(--sizing-height-500)}._deliveryStatusBar__tag_6z8rf_49[data-size=large] span{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-interaction-content-neutral-white)}._deliveryStatusBarError__tag_6z8rf_66{padding:0;background:transparent!important}._deliveryStatusBarError__tag_6z8rf_66 span{color:var(--color-typography-feedback-error-medium)!important}._deliveryInfo_6z8rf_74{display:flex;align-items:center}._deliveryInfo__content_6z8rf_78{gap:var(--gap-horizontal-sm);display:flex;padding-right:4px;align-items:center}._deliveryInfo__text_6z8rf_84{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}._deliveryInfo__title_6z8rf_89{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._deliveryInfo__subtitle_6z8rf_99{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light)}._deliveryInfo__tooltipIcon_6z8rf_109{margin-left:auto;position:relative;cursor:pointer}._deliveryInfo__tooltip_6z8rf_109{display:inline-table;position:absolute;font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);padding-top:var(--padding-vertical-sm);padding-right:var(--padding-horizontal-sm);padding-bottom:var(--padding-vertical-sm);padding-left:var(--padding-horizontal-sm);background:var(--color-background-brand-primary-light);box-shadow:0 0 16px var(--root-effects-drop-shadow-spread) #3d3d3d26;z-index:999;top:1.5rem;right:-4px;width:max-content}._deliveryInfo__tooltip_6z8rf_109:before{content:"";position:absolute;top:-8px;right:2px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-background-brand-primary-light)}._freightGrid_6z8rf_148{display:grid;grid-template-columns:1fr;gap:var(--gap-vertical-md);width:100%}._freightContainer_6z8rf_155{display:inline-grid;gap:var(--gap-horizontal-md)}._freightOption__content_6z8rf_160{display:flex;gap:var(--gap-horizontal-sm);justify-content:space-between;flex-direction:row}._freightOption__value_6z8rf_166{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);line-height:1em}._freightOption__title_6z8rf_177{flex:1;text-align:left}._freightOption__title_item_6z8rf_181{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);line-height:1em}._freightOption__paragraph_6z8rf_192{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light);line-height:1em}._input-modifier_6z8rf_207,._input-modifier_6z8rf_207 fieldset,._input-modifier_6z8rf_207 input{width:100%}@media screen and (max-width: 1023px){._input-modifier_6z8rf_207 fieldset,._input-modifier_6z8rf_207 input{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._freight--tooltip_6z8rf_227{position:absolute;line-height:16;justify-content:center;align-items:center;padding:16;font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._link_w24h0_1{width:fit-content;display:flex;border-radius:var(--border-radius-md);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._link_w24h0_1[data-size=large]{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-500);padding:var(--padding-vertical-sm) var(--padding-horizontal-xs)}._link_w24h0_1[data-size=medium]{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-400);padding:var(--padding-vertical-sm) var(--padding-horizontal-xs)}._link_w24h0_1[data-size=small]{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-300);padding:0 var(--padding-horizontal-xs)}._link_w24h0_1[data-size=x-small]{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-250);padding:var(--padding-vertical-xxs) var(--padding-horizontal-xxs)}._link_w24h0_1 p{text-decoration:underline;text-underline-offset:var(--gap-vertical-xxs)}._link_w24h0_1[data-disable-underline=true] p{text-decoration:none}._link_w24h0_1[data-disable-padding=true]{padding:0}._link_w24h0_1[data-variant=default]{border:var(--border-width-sm) solid var(--color-stroke-neutral-transparent);color:var(--color-interaction-content-neutral-white)}._link_w24h0_1[data-variant=default]:hover{color:var(--color-interaction-content-neutral-lighter)}._link_w24h0_1[data-variant=default]:focus-visible{color:var(--color-interaction-content-neutral-light);border:var(--border-width-sm) solid var(--color-stroke-brand-primary-dark);outline:0}._link_w24h0_1[data-variant=default]:disabled{color:var(--color-interaction-content-brand-primary-lighter)}._link_w24h0_1[data-variant=inverse]{border:var(--border-width-sm) solid var(--color-stroke-neutral-transparent);color:var(--color-interaction-content-brand-primary)}._link_w24h0_1[data-variant=inverse]:hover{color:var(--color-interaction-content-brand-primary-light)}._link_w24h0_1[data-variant=inverse]:focus-visible,._link_w24h0_1[data-variant=inverse]:focus{color:var(--color-interaction-content-brand-primary-dark);border:var(--border-width-sm) solid var(--color-stroke-neutral-light);outline:0}._link_w24h0_1[data-variant=inverse]:disabled{color:var(--color-interaction-content-brand-primary-lighter)}._wrapper_w24h0_98{display:flex;flex-direction:row;place-items:center;gap:var(--gap-horizontal-xs);width:fit-content}._text_w24h0_106{margin:0}._observer-wrapper_r43gk_1{width:100%}._image_lypfr_1{object-fit:cover}._image_lypfr_1[data-object-fit=contain]{object-fit:contain}._image_lypfr_1[data-object-fit=cover]{object-fit:cover}._image_lypfr_1[data-object-fit=fill]{object-fit:fill}._image_lypfr_1[data-object-fit=none]{object-fit:none}._backtotop-btn_1shb6_1{background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;row-gap:var(--gap-horizontal-sm);column-gap:var(--gap-vertical-xs);color:var(--color-typography-brand-primary);padding:var(--padding-vertical-xs) var(--padding-horizontal-sm) var(--padding-vertical-sm);font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._backtotop-btn_1shb6_1[data-orientation=top]{padding-top:var(--padding-vertical-sm)}._backtotop-btn_1shb6_1[data-orientation=bottom]{padding-bottom:var(--padding-vertical-xs)}._card-modifier_1shb6_27{border-radius:var(--border-radius-sm);transition:opacity ease-in;overflow:hidden}._card-modifier_1shb6_27[data-isvisible=true]{opacity:1;transition-duration:.3s;height:auto}._card-modifier_1shb6_27[data-isvisible=false]{opacity:0;transition-duration:0;height:0}._footer__bottom_1otu7_1{width:100%;display:flex;overflow:hidden;align-items:center;justify-content:center}._footer__wrapper_1otu7_9{box-sizing:border-box;background-color:var(--color-background-brand-primary);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;max-width:1440px;margin:auto;padding-top:var(--padding-vertical-lg);padding-left:var(--padding-horizontal-xl);padding-right:var(--padding-horizontal-xl)}@media (min-width: 340px){._footer__wrapper_1otu7_9{flex-direction:column;align-items:stretch;padding-left:var(--padding-horizontal-md);padding-right:var(--padding-horizontal-md);padding-bottom:var(--padding-vertical-xs);padding-top:var(--padding-vertical-xs)}}@media (min-width: 1024px){._footer__wrapper_1otu7_9{display:flex;width:fit-content;gap:var(--gap-horizontal-xl);flex-direction:row}}._footer__main_1otu7_41{width:100%;gap:var(--gap-vertical-xl);display:grid;padding-top:var(--gap-vertical-lg)}._footer__legalInformation_1otu7_48{white-space:pre-wrap;background:var(--color-background-brand-secondary);padding-top:var(--padding-vertical-md);padding-right:var(--padding-horizontal-md);padding-bottom:var(--padding-vertical-md);padding-left:var(--padding-horizontal-md);gap:var(--gap-horizontal-sm);display:grid;text-align:left}._footer__legalInformation_1otu7_48 span{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-neutral-lighter)}._footer__column_1otu7_70{display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media (max-width: 1000px){._footer__column_1otu7_70,._footer__column_1otu7_70 ._footer__columnContent_1otu7_80{width:100%;max-width:100%}._footer__column_1otu7_70 ._footer__item_1otu7_84{min-height:auto}}._footer__item_1otu7_84{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-interaction-content-neutral-white);min-height:var(--sizing-height-300)}._footer__item_1otu7_84 ._footer__itemLink_1otu7_100{color:var(--color-interaction-content-neutral-white);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__item_1otu7_84 ._footer__itemLink_1otu7_100:hover{text-decoration:none}._footer__columnTitle_1otu7_115{display:flex;flex-direction:row!important;font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__columnTitleIcon_1otu7_127{display:flex;flex-direction:row!important;gap:var(--gap-horizontal-sm);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__iconList_1otu7_140{display:flex;gap:var(--gap-horizontal-xs)}._footer__iconList_1otu7_140 a{vertical-align:middle;align-items:center;display:flex}._footer__itemSmallText_1otu7_150{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-secondary)}._payment_1otu7_161{gap:var(--gap-vertical-sm);display:inline-grid}._footer__iconContainer_1otu7_166{gap:var(--gap-vertical-xs);display:inline-grid}._footer__iconListSubHeader_1otu7_171,._footer__itemSubHeader_1otu7_182{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._accordionWrapper_1otu7_193{gap:var(--gap-vertical-sm)}._accordionHeader_1otu7_197{padding-top:15px}._accordionTextWrapper_1otu7_201{display:flex;flex-direction:row!important;gap:var(--gap-horizontal-sm)}._footer__columnContent_1otu7_80{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}@media (max-width: 1000px){._footer__columnContent_1otu7_80{padding-top:20px;width:100%}}._footer--other-collection_1otu7_219{align-items:center;display:flex;gap:var(--gap-horizontal-sm);justify-content:center;padding:var(--padding-horizontal-md) 0px 0px;width:100%}._footer--other-collection--link_1otu7_227 img{filter:invert(1)}._footer--other-collection--title_1otu7_230{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;margin:0}._footer--stamps_1otu7_240{display:flex;flex-flow:row wrap;gap:var(--gap-vertical-md);padding:var(--padding-vertical-md) 0px;width:100%}._footer--stamps--company_1otu7_247{filter:invert(1)}._add-to-cart--card_4v41y_1{display:flex;flex-flow:row nowrap;gap:var(--padding-vertical-sm);width:100%}._add-to-cart--card--content_4v41y_7{align-items:flex-start;display:flex;gap:var(--padding-vertical-sm);justify-content:flex-start;flex-flow:column wrap;overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16{align-items:flex-start;display:flex;justify-content:flex-start;flex-flow:column nowrap;gap:var(--padding-vertical-xs);overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_tag]{padding:var(--padding-vertical-xs)}._add-to-cart--card--name_4v41y_16 [class*=module_column],._add-to-cart--card--name_4v41y_16 [class*=module_row]{overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_column] [class*=TextStructure],._add-to-cart--card--name_4v41y_16 [class*=module_row] [class*=TextStructure]{width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_column] [class*=TextStructure] p,._add-to-cart--card--name_4v41y_16 [class*=module_row] [class*=TextStructure] p{padding-bottom:var(--padding-horizontal-xxs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--color-typography-brand-primary)}._add-to-cart--card--price-quantity_4v41y_46{align-items:center;display:flex;justify-content:space-between;flex-flow:row nowrap;width:100%}._add-to-cart--card--style-size_4v41y_53{align-items:center;display:flex;gap:var(--padding-vertical-xs);justify-content:flex-start;pointer-events:none;width:100%}._add-to-cart--card--style_4v41y_53{border-radius:100%}._add-to-cart--card_4v41y_1>img{aspect-ratio:1}._add-to-cart--card_4v41y_1>img[data-thumbnail=true]{width:100%}._add-to-cart--content_4v41y_71{display:flex;flex-flow:column wrap;gap:var(--padding-vertical-sm);overflow:hidden;padding:0px var(--padding-vertical-xs)}._add-to-cart--content--title_4v41y_78{display:flex;margin:0;padding:var(--padding-vertical-xs) 0;overflow:hidden;width:100%}._add-to-cart--content--title_4v41y_78 h2{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;display:inline;margin:0;overflow:hidden;text-overflow:ellipsis}._add-to-cart--content--stylesize_4v41y_98{border-radius:100%}._add-to-cart--footer_4v41y_102{display:flex;flex-flow:column wrap;gap:var(--padding-vertical-xs);width:100%}._add-to-cart--footer--total_4v41y_108{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;padding:var(--padding-vertical-xs) 0px;width:100%}._add-to-cart--footer--total_4v41y_108 span{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);margin:0}._add-to-cart--footer_4v41y_102>button[class*=module_button]{width:100%}._add-to-cart--footer_4v41y_102>button[class*=module_button] span{margin:0}@keyframes _animation-badge_4v41y_1{0%{opacity:0;transform:scale(1.2)}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}._add-to-cart--items_4v41y_148{align-items:flex-start;display:flex;gap:var(--padding-vertical-xxs);flex-flow:row wrap;justify-content:flex-start;position:relative;width:100%}._add-to-cart--items_4v41y_148[data-thumbnail=true]>div{flex-basis:calc(50% - var(--padding-vertical-xxs) / 2)}._add-to-cart--items_4v41y_148[data-thumbnail=true]>span[class*=badge-count]{animation:_animation-badge_4v41y_1 1s cubic-bezier(.075,.82,.165,1) 0s forwards;bottom:var(--padding-vertical-xxs);left:initial;right:var(--padding-vertical-xxs);position:absolute;opacity:0;top:initial;width:auto}._add-to-cart--items_4v41y_148[data-thumbnail=true]>span[class*=badge-count]:before{content:"+"}._add-to-cart--modal_4v41y_174{align-items:flex-start;box-sizing:border-box;display:flex;gap:var(--padding-horizontal-xs);flex-flow:row wrap;padding:0px 0px var(--padding-horizontal-sm);width:100%}@keyframes _animation-in_4v41y_1{0%{opacity:0;transform:translate3d(0,50%,0)}60%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}._add-to-cart--tooltip_4v41y_198{animation:_animation-in_4v41y_1 .3s cubic-bezier(.075,.82,.165,1) .2s forwards;margin-left:calc(var(--padding-horizontal-sm) - var(--padding-horizontal-xxs));opacity:0;position:fixed;z-index:99}._add-to-cart--tooltip--content_4v41y_205{display:inline-flex;position:relative;width:fit-content}._add-to-cart__modal_4v41y_211 [class*=modal-body]>div[class*=add-to-cart--content]{padding:0px var(--padding-vertical-sm) var(--padding-horizontal-sm)}._add-to-cart__modal_4v41y_211 [class*=modal-header]{padding-bottom:var(--padding-vertical-sm)}._add-to-cart__modal_4v41y_211 [class*=modal-header]:before{display:none}._add-to-cart__modal_4v41y_211 [class*=modal-controls]{margin-bottom:0}._add-to-cart__modal_4v41y_211 [class*=modal-controls--container]{display:none}._skeleton_12b79_1{width:100%;height:100%;animation:_skeleton-loading_12b79_1 1s linear infinite alternate}@keyframes _skeleton-loading_12b79_1{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}._bottom-navigation_1pjec_1{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:column;gap:var(--gap-vertical-xs);padding:var(--padding-vertical-sm) var(--padding-horizontal-md) var(--padding-vertical-md)!important;box-sizing:border-box;background-color:var(--color-background-brand-primary-light)}@media screen and (min-width: 1024px){._bottom-navigation_1pjec_1{display:none}}._bottom-navigation__credits-modifier_1pjec_18{align-self:flex-end}._bottom-navigation__header_1pjec_21{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap-horizontal-md);height:auto}._bottom-navigation__header_1pjec_21 [class*=module_installment]{text-wrap:nowrap}._bottom-navigation__price-and-promo_1pjec_31{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}._bottom-navigation__price-and-promo_1pjec_31 [class*=credits]{text-wrap:nowrap}._header_1pjec_40 h1{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (min-width: 1024px){._header_1pjec_40 h1{font-family:Neue Haas Grotesk Display Std;line-height:40px;font-size:32px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._actions_1pjec_61{display:flex;gap:var(--gap-horizontal-xs);align-items:center;width:100%}._add-to-cart_1pjec_68{width:100%}._breadcrumb_1pjec_72{box-sizing:border-box;padding:var(--padding-vertical-sm) var(--padding-horizontal-lg)}._breadcrumb--active_1pjec_77{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._credits_1pjec_87{background-color:var(--color-interaction-content-feedback-positive-medium)!important}@media screen and (min-width: 1024px){._gallery-carousel-modifier_1pjec_92{display:block}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-scroller]{gap:var(--gap-horizontal-xs)!important;flex-wrap:wrap;height:auto}._gallery-carousel-modifier_1pjec_92 [class*=module_controllers]{display:none!important}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item]{flex-basis:calc(50% - var(--gap-horizontal-xs) / 2)!important}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item] img,._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item] video{align-self:flex-start;width:100%}}._pdplinks_1pjec_112{display:flex;gap:var(--gap-horizontal-lg)}@media screen and (max-width: 1023px){._pdplinks_1pjec_112{flex-direction:column}}._pdplinks_1pjec_112 ._links-wrapper_1pjec_121{display:flex;flex-wrap:wrap;text-wrap:nowrap}@media screen and (min-width: 1023px){._pdplinks_1pjec_112 ._links-wrapper_1pjec_121>Button{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._similars_1pjec_138{display:flex;flex-direction:column;gap:var(--gap-vertical-sm)}._similars_1pjec_138>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-horizontal-xs)}._similars-info_1pjec_150{gap:var(--gap-horizontal-xs);align-items:center}._similars-info_1pjec_150>span{padding:var(--padding-vertical-xs) 0;line-height:1}._toggle-style-modifier_1pjec_159:hover{border:0}._accessibility-info_1pjec_163{padding:var(--padding-vertical-xs) var(--gap-horizontal-xs);background-color:var(--color-background-brand-primary-lighter)}._accessibility-info_1pjec_163>p{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._sizes_1pjec_177{display:flex;flex-direction:column;gap:var(--gap-vertical-sm)}._sizes_1pjec_177>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-horizontal-xs) var(--gap-vertical-xs)}._price-wrapper_1pjec_189{gap:var(--gap-vertical-xxs)}._measurementTable_1pjec_193{width:918px}@media screen and (max-width: 1023px){._measurementTable_1pjec_193{max-width:calc(100vw - 64px)}}._measurementTable_1pjec_193 tr>th,._measurementTable_1pjec_193 tr>td{padding:0;box-sizing:border-box;width:98px}._measurementHead_1pjec_206 tr>th{border:1px solid var(--root-color-neutral-lighter);background-color:var(--root-color-neutral-lighter);height:48px}._measurementRows_1pjec_211 tr>td{border-color:transparent;border-right:1px solid var(--root-color-neutral-lighter);height:16px;padding:var(--padding-vertical-sm) 0;min-width:98px}._measurementRows_1pjec_211 tr>td:first-child{border-left-color:transparent;border-right-color:transparent;white-space:normal;width:270px;text-align:left}._measurementRows_1pjec_211 tr>td:last-child{border-right-color:transparent}._measurementRowsTitle_1pjec_228{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;text-transform:uppercase!important;color:var(--color-typography-brand-primary);margin:var(--padding-vertical-xxs) 0}._measurementRowsText_1pjec_240{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light);margin:0}._measurementImage_1pjec_251{width:100%}._measurementImageContainer_1pjec_254{min-width:260px;max-width:260px}@media screen and (max-width: 1023px){._measurementImageContainer_1pjec_254{display:none}}._measurementContent_1pjec_263{display:flex;gap:40px}._measurementTitle_1pjec_267{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;text-transform:uppercase;padding-top:var(--padding-vertical-lg)}._measurementClose_1pjec_278{position:absolute;top:24px;right:24px}._tabs-root-modifier_1pjec_284{display:flex;flex-direction:column;gap:var(--gap-vertical-lg);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (max-width: 1023px){._tabs-root-modifier_1pjec_284{padding-top:var(--padding-vertical-lg)}}._tabs-list-modifier_1pjec_302{width:100%;gap:var(--gap-horizontal-xl);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (max-width: 1023px){._tabs-list-modifier_1pjec_302{gap:var(--gap-horizontal-lg)}}._tabs-item-modifier_1pjec_319{margin-bottom:-6px}._content-wrapper_1pjec_323{width:100%;box-sizing:border-box;padding:0 var(--padding-horizontal-xs);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;position:relative;overflow:hidden}@media screen and (min-width: 1023px){._content-wrapper_1pjec_323{padding:0 var(--padding-horizontal-md)}}._productref_1pjec_343{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light)}._tabs-panel_1pjec_354{animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:both}._tabs-panel-exit_1pjec_360{animation-name:_slideOut_1pjec_1}._tabs-panel-enter_1pjec_364{animation-name:_slideIn_1pjec_1}@keyframes _slideOut_1pjec_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes _slideIn_1pjec_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._content_1pjec_323 *{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._content_1pjec_323 p{margin:0}._content_1pjec_323 ul{padding-inline-start:var(--padding-horizontal-xs)}._pdp_1pjec_112{box-sizing:border-box;width:100%;padding-right:var(--padding-horizontal-lg);padding-bottom:var(--gap-horizontal-xl)}@media screen and (max-width: 1023px){._pdp_1pjec_112{flex-direction:column;padding:0}}._pdp_1pjec_112 img,._pdp_1pjec_112 video{height:auto}._pdp-main_1pjec_422{display:flex;gap:var(--gap-vertical-md);width:100%}._pdp-main__gallery-wrapper_1pjec_427{width:calc(100% - 422px - var(--gap-vertical-md));display:flex;gap:var(--gap-vertical-md);flex-direction:column}@media screen and (max-width: 1023px){._pdp-main_1pjec_422{flex-direction:column}._pdp-main__gallery-wrapper_1pjec_427,._pdp-main__gallery-wrapper_1pjec_427 [class*=carousel-item] img{width:100%}}._pdp-main__info_1pjec_444{width:422px;height:fit-content;display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media screen and (min-width: 1024px){._pdp-main__info_1pjec_444{position:sticky}}@media screen and (max-width: 1023px){._pdp-main__info_1pjec_444{position:static;width:100%;box-sizing:border-box;padding:var(--padding-vertical-lg) var(--padding-horizontal-md)}}._pdp-main__info-main-content_1pjec_464,._pdp-main__info-subsection_1pjec_464{display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media screen and (max-width: 1023px){._pdp-main__info-main-content_1pjec_464,._pdp-main__info-subsection_1pjec_464{gap:var(--padding-vertical-lg)}}@media screen and (max-width: 1023px){._pdp-main__info-subsection_1pjec_464._subsection-product-info_1pjec_475{order:3}._pdp-main__info-subsection_1pjec_464._subsection-similars_1pjec_478{order:1}._pdp-main__info-subsection_1pjec_464._subsection-sizes_1pjec_481{order:2}._pdp-main__info-subsection_1pjec_464._subsection-actions_1pjec_484{order:4}}._pdp-main__info-secondary-content_1pjec_488{display:flex;flex-direction:column;gap:var(--gap-vertical-xl)}._sections-title_1pjec_494{color:var(--color-typography-brand-primary);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (min-width: 1024px){._divider_1pjec_506{display:none}}._breadcrumbs-desktop_1pjec_511{display:none}@media screen and (min-width: 1024px){._breadcrumbs-desktop_1pjec_511{display:block}}._breadcrumbs-mobile_1pjec_520{display:none}@media screen and (max-width: 1023px){._breadcrumbs-mobile_1pjec_520{display:block}}
|
|
1
|
+
._add-to-cart--card_4v41y_1{display:flex;flex-flow:row nowrap;gap:var(--padding-vertical-sm);width:100%}._add-to-cart--card--content_4v41y_7{align-items:flex-start;display:flex;gap:var(--padding-vertical-sm);justify-content:flex-start;flex-flow:column wrap;overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16{align-items:flex-start;display:flex;justify-content:flex-start;flex-flow:column nowrap;gap:var(--padding-vertical-xs);overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_tag]{padding:var(--padding-vertical-xs)}._add-to-cart--card--name_4v41y_16 [class*=module_column],._add-to-cart--card--name_4v41y_16 [class*=module_row]{overflow:hidden;width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_column] [class*=TextStructure],._add-to-cart--card--name_4v41y_16 [class*=module_row] [class*=TextStructure]{width:100%}._add-to-cart--card--name_4v41y_16 [class*=module_column] [class*=TextStructure] p,._add-to-cart--card--name_4v41y_16 [class*=module_row] [class*=TextStructure] p{padding-bottom:var(--padding-horizontal-xxs);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;color:var(--color-typography-brand-primary)}._add-to-cart--card--price-quantity_4v41y_46{align-items:center;display:flex;justify-content:space-between;flex-flow:row nowrap;width:100%}._add-to-cart--card--style-size_4v41y_53{align-items:center;display:flex;gap:var(--padding-vertical-xs);justify-content:flex-start;pointer-events:none;width:100%}._add-to-cart--card--style_4v41y_53{border-radius:100%}._add-to-cart--card_4v41y_1>img{aspect-ratio:1}._add-to-cart--card_4v41y_1>img[data-thumbnail=true]{width:100%}._add-to-cart--content_4v41y_71{display:flex;flex-flow:column wrap;gap:var(--padding-vertical-sm);overflow:hidden;padding:0px var(--padding-vertical-xs)}._add-to-cart--content--title_4v41y_78{display:flex;margin:0;padding:var(--padding-vertical-xs) 0;overflow:hidden;width:100%}._add-to-cart--content--title_4v41y_78 h2{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;display:inline;margin:0;overflow:hidden;text-overflow:ellipsis}._add-to-cart--content--stylesize_4v41y_98{border-radius:100%}._add-to-cart--footer_4v41y_102{display:flex;flex-flow:column wrap;gap:var(--padding-vertical-xs);width:100%}._add-to-cart--footer--total_4v41y_108{align-items:center;display:flex;flex-flow:row wrap;justify-content:space-between;padding:var(--padding-vertical-xs) 0px;width:100%}._add-to-cart--footer--total_4v41y_108 span{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);margin:0}._add-to-cart--footer_4v41y_102>button[class*=module_button]{width:100%}._add-to-cart--footer_4v41y_102>button[class*=module_button] span{margin:0}@keyframes _animation-badge_4v41y_1{0%{opacity:0;transform:scale(1.2)}60%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}._add-to-cart--items_4v41y_148{align-items:flex-start;display:flex;gap:var(--padding-vertical-xxs);flex-flow:row wrap;justify-content:flex-start;position:relative;width:100%}._add-to-cart--items_4v41y_148[data-thumbnail=true]>div{flex-basis:calc(50% - var(--padding-vertical-xxs) / 2)}._add-to-cart--items_4v41y_148[data-thumbnail=true]>span[class*=badge-count]{animation:_animation-badge_4v41y_1 1s cubic-bezier(.075,.82,.165,1) 0s forwards;bottom:var(--padding-vertical-xxs);left:initial;right:var(--padding-vertical-xxs);position:absolute;opacity:0;top:initial;width:auto}._add-to-cart--items_4v41y_148[data-thumbnail=true]>span[class*=badge-count]:before{content:"+"}._add-to-cart--modal_4v41y_174{align-items:flex-start;box-sizing:border-box;display:flex;gap:var(--padding-horizontal-xs);flex-flow:row wrap;padding:0px 0px var(--padding-horizontal-sm);width:100%}@keyframes _animation-in_4v41y_1{0%{opacity:0;transform:translate3d(0,50%,0)}60%{opacity:1;transform:translateZ(0)}to{opacity:1;transform:translateZ(0)}}._add-to-cart--tooltip_4v41y_198{animation:_animation-in_4v41y_1 .3s cubic-bezier(.075,.82,.165,1) .2s forwards;margin-left:calc(var(--padding-horizontal-sm) - var(--padding-horizontal-xxs));opacity:0;position:fixed;z-index:99}._add-to-cart--tooltip--content_4v41y_205{display:inline-flex;position:relative;width:fit-content}._add-to-cart__modal_4v41y_211 [class*=modal-body]>div[class*=add-to-cart--content]{padding:0px var(--padding-vertical-sm) var(--padding-horizontal-sm)}._add-to-cart__modal_4v41y_211 [class*=modal-header]{padding-bottom:var(--padding-vertical-sm)}._add-to-cart__modal_4v41y_211 [class*=modal-header]:before{display:none}._add-to-cart__modal_4v41y_211 [class*=modal-controls]{margin-bottom:0}._add-to-cart__modal_4v41y_211 [class*=modal-controls--container]{display:none}._skeleton_12b79_1{width:100%;height:100%;animation:_skeleton-loading_12b79_1 1s linear infinite alternate}@keyframes _skeleton-loading_12b79_1{0%{background-color:#a3b8c2}to{background-color:#f0f3f5}}._image_lypfr_1{object-fit:cover}._image_lypfr_1[data-object-fit=contain]{object-fit:contain}._image_lypfr_1[data-object-fit=cover]{object-fit:cover}._image_lypfr_1[data-object-fit=fill]{object-fit:fill}._image_lypfr_1[data-object-fit=none]{object-fit:none}._backtotop-btn_1shb6_1{background:none;border:0;cursor:pointer;display:flex;align-items:center;justify-content:center;row-gap:var(--gap-horizontal-sm);column-gap:var(--gap-vertical-xs);color:var(--color-typography-brand-primary);padding:var(--padding-vertical-xs) var(--padding-horizontal-sm) var(--padding-vertical-sm);font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._backtotop-btn_1shb6_1[data-orientation=top]{padding-top:var(--padding-vertical-sm)}._backtotop-btn_1shb6_1[data-orientation=bottom]{padding-bottom:var(--padding-vertical-xs)}._card-modifier_1shb6_27{border-radius:var(--border-radius-sm);transition:opacity ease-in;overflow:hidden}._card-modifier_1shb6_27[data-isvisible=true]{opacity:1;transition-duration:.3s;height:auto}._card-modifier_1shb6_27[data-isvisible=false]{opacity:0;transition-duration:0;height:0}._footer__bottom_1otu7_1{width:100%;display:flex;overflow:hidden;align-items:center;justify-content:center}._footer__wrapper_1otu7_9{box-sizing:border-box;background-color:var(--color-background-brand-primary);display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;max-width:1440px;margin:auto;padding-top:var(--padding-vertical-lg);padding-left:var(--padding-horizontal-xl);padding-right:var(--padding-horizontal-xl)}@media (min-width: 340px){._footer__wrapper_1otu7_9{flex-direction:column;align-items:stretch;padding-left:var(--padding-horizontal-md);padding-right:var(--padding-horizontal-md);padding-bottom:var(--padding-vertical-xs);padding-top:var(--padding-vertical-xs)}}@media (min-width: 1024px){._footer__wrapper_1otu7_9{display:flex;width:fit-content;gap:var(--gap-horizontal-xl);flex-direction:row}}._footer__main_1otu7_41{width:100%;gap:var(--gap-vertical-xl);display:grid;padding-top:var(--gap-vertical-lg)}._footer__legalInformation_1otu7_48{white-space:pre-wrap;background:var(--color-background-brand-secondary);padding-top:var(--padding-vertical-md);padding-right:var(--padding-horizontal-md);padding-bottom:var(--padding-vertical-md);padding-left:var(--padding-horizontal-md);gap:var(--gap-horizontal-sm);display:grid;text-align:left}._footer__legalInformation_1otu7_48 span{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-neutral-lighter)}._footer__column_1otu7_70{display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media (max-width: 1000px){._footer__column_1otu7_70,._footer__column_1otu7_70 ._footer__columnContent_1otu7_80{width:100%;max-width:100%}._footer__column_1otu7_70 ._footer__item_1otu7_84{min-height:auto}}._footer__item_1otu7_84{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-interaction-content-neutral-white);min-height:var(--sizing-height-300)}._footer__item_1otu7_84 ._footer__itemLink_1otu7_100{color:var(--color-interaction-content-neutral-white);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__item_1otu7_84 ._footer__itemLink_1otu7_100:hover{text-decoration:none}._footer__columnTitle_1otu7_115{display:flex;flex-direction:row!important;font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__columnTitleIcon_1otu7_127{display:flex;flex-direction:row!important;gap:var(--gap-horizontal-sm);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._footer__iconList_1otu7_140{display:flex;gap:var(--gap-horizontal-xs)}._footer__iconList_1otu7_140 a{vertical-align:middle;align-items:center;display:flex}._footer__itemSmallText_1otu7_150{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-secondary)}._payment_1otu7_161{gap:var(--gap-vertical-sm);display:inline-grid}._footer__iconContainer_1otu7_166{gap:var(--gap-vertical-xs);display:inline-grid}._footer__iconListSubHeader_1otu7_171,._footer__itemSubHeader_1otu7_182{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._accordionWrapper_1otu7_193{gap:var(--gap-vertical-sm)}._accordionHeader_1otu7_197{padding-top:15px}._accordionTextWrapper_1otu7_201{display:flex;flex-direction:row!important;gap:var(--gap-horizontal-sm)}._footer__columnContent_1otu7_80{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}@media (max-width: 1000px){._footer__columnContent_1otu7_80{padding-top:20px;width:100%}}._footer--other-collection_1otu7_219{align-items:center;display:flex;gap:var(--gap-horizontal-sm);justify-content:center;padding:var(--padding-horizontal-md) 0px 0px;width:100%}._footer--other-collection--link_1otu7_227 img{filter:invert(1)}._footer--other-collection--title_1otu7_230{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;margin:0}._footer--stamps_1otu7_240{display:flex;flex-flow:row wrap;gap:var(--gap-vertical-md);padding:var(--padding-vertical-md) 0px;width:100%}._footer--stamps--company_1otu7_247{filter:invert(1)}@media screen and (min-width: 320px){._responsive-mobile-flex_t5bry_2{display:flex}}@media screen and (min-width: 1024px){._responsive-mobile-flex_t5bry_2{display:none}}@media screen and (min-width: 320px){._responsive-desktop-flex_t5bry_13{display:none}}@media screen and (min-width: 1024px){._responsive-desktop-flex_t5bry_13{display:flex}}@media screen and (min-width: 320px){._responsive-mobile-block_t5bry_24{display:block}}@media screen and (min-width: 1024px){._responsive-mobile-block_t5bry_24{display:none}}@media screen and (min-width: 320px){._responsive-desktop-block_t5bry_35{display:none}}@media screen and (min-width: 1024px){._responsive-desktop-block_t5bry_35{display:block}}._btn-ghost-ref_yas63_1{left:0;height:calc(100% + 2px);opacity:0;position:absolute;pointer-events:none;visibility:hidden;top:0;width:100%}._btn-login_yas63_12{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._btn-header_yas63_22{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;text-wrap:"nowrap";gap:"0";justify-content:flex-end}._header-animation_yas63_35{transition:transform .3s ease}._menu-subcategories-container_a93cr_1{display:flex;justify-content:flex-end;align-self:flex-start;height:100%;width:max-content;max-width:none;gap:var(--gap-horizontal-sm);overflow-x:scroll;padding-right:var(--padding-horizontal-sm)}@media screen and (min-width: 1023px){._menu-subcategories-container_a93cr_1{overflow:hidden;padding-right:0}}._menu-subcategories-container_a93cr_1 p{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;margin-top:0!important}._menu-subcategories-container_a93cr_1 a{display:flex;flex-direction:column;gap:var(--gap-vertical-xs);overflow:hidden;box-sizing:border-box;flex-shrink:0}._menu-subcategories-container_a93cr_1 a img{max-height:160px;width:auto}@media screen and (min-width: 1023px){._menu-subcategories-container_a93cr_1 a{gap:var(--gap-vertical-sm);padding:var(--padding-vertical-sm) var(--padding-horizontal-md)}._menu-subcategories-container_a93cr_1 a img{max-height:var(--sizing-height-900)}}._observer-wrapper_r43gk_1{width:100%}._menu-desktop_1b799_1{width:100%;box-sizing:border-box;position:relative;display:flex;align-items:center;gap:var(--gap-horizontal-lg);padding:var(--padding-vertical-md) var(--padding-horizontal-lg);background-color:var(--color-background-brand-primary-light)}._menu-categories_1b799_12{display:flex;flex-direction:row;justify-content:space-between;gap:var(--gap-horizontal-lg);align-self:start}._menu-categories_1b799_12 h2{text-wrap:nowrap;margin-bottom:var(--padding-horizontal-sm);font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._link_w24h0_1{width:fit-content;display:flex;border-radius:var(--border-radius-md);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._link_w24h0_1[data-size=large]{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-500);padding:var(--padding-vertical-sm) var(--padding-horizontal-xs)}._link_w24h0_1[data-size=medium]{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-400);padding:var(--padding-vertical-sm) var(--padding-horizontal-xs)}._link_w24h0_1[data-size=small]{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-300);padding:0 var(--padding-horizontal-xs)}._link_w24h0_1[data-size=x-small]{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;height:var(--sizing-height-250);padding:var(--padding-vertical-xxs) var(--padding-horizontal-xxs)}._link_w24h0_1 p{text-decoration:underline;text-underline-offset:var(--gap-vertical-xxs)}._link_w24h0_1[data-disable-underline=true] p{text-decoration:none}._link_w24h0_1[data-disable-padding=true]{padding:0}._link_w24h0_1[data-variant=default]{border:var(--border-width-sm) solid var(--color-stroke-neutral-transparent);color:var(--color-interaction-content-neutral-white)}._link_w24h0_1[data-variant=default]:hover{color:var(--color-interaction-content-neutral-lighter)}._link_w24h0_1[data-variant=default]:focus-visible{color:var(--color-interaction-content-neutral-light);border:var(--border-width-sm) solid var(--color-stroke-brand-primary-dark);outline:0}._link_w24h0_1[data-variant=default]:disabled{color:var(--color-interaction-content-brand-primary-lighter)}._link_w24h0_1[data-variant=inverse]{border:var(--border-width-sm) solid var(--color-stroke-neutral-transparent);color:var(--color-interaction-content-brand-primary)}._link_w24h0_1[data-variant=inverse]:hover{color:var(--color-interaction-content-brand-primary-light)}._link_w24h0_1[data-variant=inverse]:focus-visible,._link_w24h0_1[data-variant=inverse]:focus{color:var(--color-interaction-content-brand-primary-dark);border:var(--border-width-sm) solid var(--color-stroke-neutral-light);outline:0}._link_w24h0_1[data-variant=inverse]:disabled{color:var(--color-interaction-content-brand-primary-lighter)}._wrapper_w24h0_98{display:flex;flex-direction:row;place-items:center;gap:var(--gap-horizontal-xs);width:fit-content}._text_w24h0_106{margin:0}._modal-modifier_1lexj_1{height:100%;height:100svh;height:100dvh;width:100%}._modal-modifier_1lexj_1 [class*=modal-container]{width:100%}._menu-mobile_1lexj_11{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:100%;max-width:100vw;max-width:100svw;height:100%;max-height:100vh;max-height:100svh;max-height:100dvh;background:var(--color-background-brand-primary-light)}._menu-header-container_1lexj_26{position:relative;display:flex;flex-direction:column;gap:var(--gap-vertical-md);padding:var(--padding-vertical-xs) var(--padding-horizontal-sm);padding-top:calc(var(--padding-vertical-lg) + var(--padding-vertical-xs))}._menu-header-wrapper_1lexj_35{display:flex;flex-direction:row;justify-content:space-between}._menu-header-navlinks_1lexj_41{display:flex;flex-direction:row;align-items:center;gap:var(--gap-horizontal-sm);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}._menu-header-navlinks_1lexj_41 ::-webkit-scrollbar{display:none}._menu-body_1lexj_57{position:relative;height:100%;overflow-y:hidden}._menu-body_1lexj_57 [class*=module_backdrop]{display:none}._menu-body_1lexj_57 [class*=modal-container]{background:var(--color-background-brand-primary-light);height:100%;width:100%;padding:var(--padding-vertical-sm) var(--padding-horizontal-sm) 0 var(--padding-horizontal-sm);overflow-y:scroll;overflow-x:auto}._menu-categories-container_1lexj_74{height:100%;display:flex;flex-direction:column;gap:var(--gap-vertical-sm);padding:var(--padding-vertical-sm) var(--padding-horizontal-sm) 0 var(--padding-horizontal-sm);overflow-y:scroll;box-sizing:border-box}._menu-categories-container_1lexj_74::-webkit-scrollbar{width:8px;position:fixed;border-radius:24px}._menu-categories-container_1lexj_74::-webkit-scrollbar-thumb{background-color:var(--color-border-brand-primary);border-width:0 0 0 4px;border-style:solid;border-color:#fff;width:8px}._menu-categories-container_1lexj_74::-webkit-scrollbar-track{background-color:var(--color-border-brand-primary-dark);width:8px;margin-block-end:0;scroll-padding-right:10px;border-width:0 0 0 4px;border-style:solid;border-color:#fff}._menu-categories-container_1lexj_74::-webkit-scrollbar:horizontal{display:none}._menu-categories-btn_1lexj_108{width:100%;background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;outline:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}._menu-body-banner-container-modifier_1lexj_121{height:auto}._menu-categories_1lexj_74{width:100%;position:relative}._menu-categories__banner_1lexj_130{width:100%;height:auto}._menu-submenu-modal-modifiier_1lexj_135 [class*=modal-container]{height:100%;overflow-x:hidden;box-sizing:border-box;padding-right:0}._menu-submenu-modal-modifiier_1lexj_135 [class*=modal-container] [class*=modal-container--content]{padding-left:0}._menu-submenu_1lexj_135{width:100%;height:auto}._menu-submenu--item_1lexj_150{display:flex;flex-direction:column;gap:var(--gap-vertical-sm)}._menu-submenu--thumbnails_1lexj_156{overflow-x:scroll;-ms-overflow-style:none;scrollbar-width:none}._menu-submenu--thumbnails_1lexj_156 ::-webkit-scrollbar{display:none}._menu-submenu--thumbnail_1lexj_156{display:flex;flex-direction:column;gap:var(--gap-vertical-xs);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._menu-submenu--thumbnail_1lexj_156 p{margin:0}._menu-submenu--component-list-modifier_1lexj_184{margin-bottom:1rem}._menu-submenu--component-list-modifier_1lexj_184 ._submenu-categories_1lexj_187 [class*=list-item]:first-child{margin-top:var(--padding-horizontal-sm)}._menu-navigationbar_1lexj_191{display:flex;flex-direction:row;justify-content:space-between;align-items:center;width:100%;padding:var(--padding-vertical-sm) var(--padding-horizontal-md)!important}._menu-navigationbar_1lexj_191 ._divider_1lexj_199{height:16px}._menu-navigationbar_1lexj_191 ._divider_1lexj_199:last-of-type{display:none}._menu-navigationbar-item_1lexj_206 [data-children=label]{text-decoration:none!important}._menu-categories-textstructure-modifier_1lexj_210{margin-left:2rem}._menu-categories-textstructure-modifier_1lexj_210 h2{text-transform:uppercase!important}._freightLoading_6z8rf_1{margin:auto;text-align:center}._shippingFreight_6z8rf_6{gap:var(--gap-vertical-sm);display:grid}._shippingFreight__postalCodeGrid_6z8rf_10{display:grid;gap:var(--gap-vertical-xs)}._shippingFreight__grid_6z8rf_14{display:flex;justify-content:space-between}._shippingFreight__grid__title_6z8rf_18{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);align-self:center}._shippingFreight__grid__remember_6z8rf_29{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);text-underline-offset:var(--gap-vertical-xxs)}._shippingFreight__grid__remember_6z8rf_29 a{color:var(--color-typography-brand-primary)}._postalCodeContainer_6z8rf_44{display:grid;gap:var(--gap-vertical-xs)}._deliveryStatusBar__tag_6z8rf_49{width:auto}._deliveryStatusBar__tag_6z8rf_49[data-size=large]{height:var(--sizing-height-500)}._deliveryStatusBar__tag_6z8rf_49[data-size=large] span{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-interaction-content-neutral-white)}._deliveryStatusBarError__tag_6z8rf_66{padding:0;background:transparent!important}._deliveryStatusBarError__tag_6z8rf_66 span{color:var(--color-typography-feedback-error-medium)!important}._deliveryInfo_6z8rf_74{display:flex;align-items:center}._deliveryInfo__content_6z8rf_78{gap:var(--gap-horizontal-sm);display:flex;padding-right:4px;align-items:center}._deliveryInfo__text_6z8rf_84{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}._deliveryInfo__title_6z8rf_89{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._deliveryInfo__subtitle_6z8rf_99{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light)}._deliveryInfo__tooltipIcon_6z8rf_109{margin-left:auto;position:relative;cursor:pointer}._deliveryInfo__tooltip_6z8rf_109{display:inline-table;position:absolute;font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);padding-top:var(--padding-vertical-sm);padding-right:var(--padding-horizontal-sm);padding-bottom:var(--padding-vertical-sm);padding-left:var(--padding-horizontal-sm);background:var(--color-background-brand-primary-light);box-shadow:0 0 16px var(--root-effects-drop-shadow-spread) #3d3d3d26;z-index:999;top:1.5rem;right:-4px;width:max-content}._deliveryInfo__tooltip_6z8rf_109:before{content:"";position:absolute;top:-8px;right:2px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-bottom:10px solid var(--color-background-brand-primary-light)}._freightGrid_6z8rf_148{display:grid;grid-template-columns:1fr;gap:var(--gap-vertical-md);width:100%}._freightContainer_6z8rf_155{display:inline-grid;gap:var(--gap-horizontal-md)}._freightOption__content_6z8rf_160{display:flex;gap:var(--gap-horizontal-sm);justify-content:space-between;flex-direction:row}._freightOption__value_6z8rf_166{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);line-height:1em}._freightOption__title_6z8rf_177{flex:1;text-align:left}._freightOption__title_item_6z8rf_181{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary);line-height:1em}._freightOption__paragraph_6z8rf_192{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light);line-height:1em}._input-modifier_6z8rf_207,._input-modifier_6z8rf_207 fieldset,._input-modifier_6z8rf_207 input{width:100%}@media screen and (max-width: 1023px){._input-modifier_6z8rf_207 fieldset,._input-modifier_6z8rf_207 input{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._freight--tooltip_6z8rf_227{position:absolute;line-height:16;justify-content:center;align-items:center;padding:16;font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._product-card--actions_qxtc1_1{display:flex;flex-flow:column wrap;gap:var(--gap-vertical-sm);padding:0px 0px var(--padding-horizontal-md);position:relative;width:100%}._product-card--actions--group_qxtc1_9{align-items:flex-start;display:flex;flex-flow:row nowrap;gap:var(--padding-vertical-sm);justify-content:space-between}@media screen and (max-width: 767px){._product-card--actions--group_qxtc1_9{flex-flow:row wrap}}._product-card--actions--selectors_qxtc1_21{display:flex;flex-flow:row wrap;min-height:var(--padding-vertical-sm);width:fit-content}@media screen and (max-width: 767px){._product-card--actions--selectors_qxtc1_21{width:100%}}._product-card--body_qxtc1_33{align-items:flex-start;display:flex;gap:var(--padding-vertical-xs);flex-flow:column wrap;justify-content:flex-start;width:100%}@media screen and (max-width: 1023px){._product-card--body_qxtc1_33{padding-left:var(--padding-horizontal-xxs)}}._product-card--header_qxtc1_47{align-items:center;box-sizing:border-box;display:flex;flex-flow:row nowrap;justify-content:space-between;left:0;padding:var(--padding-vertical-xs);pointer-events:none;position:absolute;top:0;width:100%;z-index:5}._product-card--header_qxtc1_47 button[data-variant=tertiary]{border:none;pointer-events:auto;margin-left:auto}._product-card--footer_qxtc1_67{align-items:center;display:inline-flex;flex-flow:column wrap;justify-content:center;width:100%}._product-card--footer_qxtc1_67 button[class*=buy-button]{width:100%}._product-card--footer_qxtc1_67 button[class*=buy-button] span[data-children=label]{font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._product-card--footer_qxtc1_67:empty{display:none}._product-card--image_qxtc1_90{display:flex;flex-flow:column nowrap;overflow:hidden;position:relative;width:100%}._product-card--image--container_qxtc1_97{height:100%;left:0;position:absolute;top:0;width:100%}._product-card--image--container_qxtc1_97 [class*=image]{opacity:0;min-width:100%;max-width:100%;min-height:100%;max-height:100%}._product-card--image--container_qxtc1_97 [class*=image]:last-child{left:0;position:absolute;pointer-events:none;transition:opacity .4s cubic-bezier(.165,.84,.44,1);top:0;z-index:2}._product-card--image--container_qxtc1_97 [class*=image]:first-child{opacity:1}._product-card--image--container_qxtc1_97 [class*=image][class*=error]{background-color:#0000001a;object-fit:cover}._product-card--image_qxtc1_90 [class*=product-card--selectors--size][class*=expanded]{transition:all .4s ease-in-out;transition-delay:.2s;transform:translate3d(0,100%,0);z-index:3}._product-card--outstock_qxtc1_133{align-items:flex-start;display:flex;flex-flow:column wrap;gap:var(--padding-vertical-sm);justify-content:flex-start;padding:var(--padding-vertical-sm) 0px;width:100%}._product-card--outstock_qxtc1_133>[class*=button]{width:100%}._product-card--outstock_qxtc1_133>[class*=tag]{background:var(--color-stroke-feedback-error-dark)}._product-card--outstock_qxtc1_133>[class*=tag]>span{display:flex}._product-card--outstock_qxtc1_133:empty{display:none}._product-card--price_qxtc1_155{align-items:flex-start;display:flex;flex:1 1 50%;width:100%}._product-card--price_qxtc1_155 [class*=productIn]{align-items:flex-start;flex:1 1 50%;flex-flow:row wrap;justify-content:flex-start}._product-card--price_qxtc1_155 [class*=productIn][data-layout=horizontal][data-size=small]{gap:var(--padding-vertical-xs)}._product-card--price_qxtc1_155 [class*=productIn] [class*=installment]{width:100%}._product-card--price_qxtc1_155 [class*=productIn] span[class*=originalPrice]{color:var(--color-typography-brand-primary-light)}._product-card--price_qxtc1_155[data-mobile=true]{flex:1 1 100%}._product-card--title_qxtc1_180{display:flex;flex-flow:column;width:100%;gap:var(--padding-vertical-xs)}._product-card--title--tag_qxtc1_186{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-between;padding:var(--padding-vertical-xs) 0px 0px;width:100%}._product-card--title--tag_qxtc1_186 [class*=tag] span{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._product-card--title--content_qxtc1_203{display:flex;overflow:hidden;width:100%}._product-card--title--content_qxtc1_203 div{width:100%}._product-card--title--content_qxtc1_203 h3{overflow:hidden;text-overflow:ellipsis;width:100%;color:var(--color-typography-brand-primary);white-space:nowrap;font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (max-width: 1023px){._product-card--title--content_qxtc1_203 h3{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._product-card--title--content_qxtc1_203:empty{display:none}._product-card--title_qxtc1_180 button[data-variant=tertiary]{border:none}._product-card--selectors--size_qxtc1_243{align-items:flex-start;box-sizing:border-box;display:inline-flex;flex-flow:row wrap;gap:var(--padding-vertical-xs);justify-content:flex-end;width:100%}._product-card--selectors--size_qxtc1_243[class*=expanded]{background-color:var(--color-background-brand-primary-light);align-items:center;bottom:0;justify-content:center;left:0;gap:8px;padding:var(--padding-vertical-sm);position:absolute;top:initial}._product-card--selectors--size_qxtc1_243[class*=expanded]>div{justify-content:center}._product-card--selectors--size_qxtc1_243[class*=expanded][data-mobile=true]{transform:translateZ(0)}._product-card--selectors--size--button_qxtc1_269{width:100%}._product-card--selectors--size--button_qxtc1_269>button{width:100%}._product-card--selectors--size--button_qxtc1_269:empty{display:none}._product-card--selectors--size--skus_qxtc1_278{align-items:flex-start;display:inline-flex;flex-flow:row wrap;gap:var(--padding-vertical-xs);justify-content:flex-end;width:100%}._product-card--selectors--size--skus_qxtc1_278>button[data-active=false]{outline:none}._product-card--selectors--size--skus_qxtc1_278>button[data-active=false] [class*=toggle-text]:before{background-color:transparent}._product-card--selectors--style_qxtc1_292{align-self:flex-start;align-items:flex-end;display:flex;flex:1 1 30%;flex-flow:row wrap;gap:var(--padding-vertical-xs);justify-content:flex-end;width:fit-content}._product-card--selectors--style--more_qxtc1_302{left:50%;position:absolute;top:50%;transform:translate3d(-50%,-50%,0);white-space:nowrap}._product-card--selectors--style--more_qxtc1_302 p{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._product-card--video_qxtc1_319{height:100%;left:0;position:absolute;pointer-events:none;top:0;width:100%;z-index:2}._product-card--video_qxtc1_319>video{height:100%;left:0;opacity:0;object-fit:cover;position:absolute;transition:opacity .7s cubic-bezier(.175,.885,.32,1.275);top:0;width:100%}._product-card--video_qxtc1_319>video[data-loaded=true]{opacity:1}._product-card--video_qxtc1_319:empty{display:none}._product-card--wrapper_qxtc1_345{align-items:flex-start;display:flex;flex-flow:column wrap;position:relative;width:100%}._product-card--wrapper_qxtc1_345:hover [class*=product-card--image--container] img:last-child{opacity:1}._product-card--wrapper_qxtc1_345:hover [class*=product-card--selectors--size][class*=expanded]{transform:translateZ(0)}._bottom-navigation_1pjec_1{position:fixed;bottom:0;left:0;width:100%;display:flex;flex-direction:column;gap:var(--gap-vertical-xs);padding:var(--padding-vertical-sm) var(--padding-horizontal-md) var(--padding-vertical-md)!important;box-sizing:border-box;background-color:var(--color-background-brand-primary-light)}@media screen and (min-width: 1024px){._bottom-navigation_1pjec_1{display:none}}._bottom-navigation__credits-modifier_1pjec_18{align-self:flex-end}._bottom-navigation__header_1pjec_21{display:flex;justify-content:space-between;align-items:flex-end;gap:var(--gap-horizontal-md);height:auto}._bottom-navigation__header_1pjec_21 [class*=module_installment]{text-wrap:nowrap}._bottom-navigation__price-and-promo_1pjec_31{display:flex;flex-direction:column;gap:var(--gap-vertical-xs)}._bottom-navigation__price-and-promo_1pjec_31 [class*=credits]{text-wrap:nowrap}._header_1pjec_40 h1{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (min-width: 1024px){._header_1pjec_40 h1{font-family:Neue Haas Grotesk Display Std;line-height:40px;font-size:32px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._actions_1pjec_61{display:flex;gap:var(--gap-horizontal-xs);align-items:center;width:100%}._add-to-cart_1pjec_68{width:100%}._breadcrumb_1pjec_72{box-sizing:border-box;padding:var(--padding-vertical-sm) var(--padding-horizontal-lg)}._breadcrumb--active_1pjec_77{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._credits_1pjec_87{background-color:var(--color-interaction-content-feedback-positive-medium)!important}@media screen and (min-width: 1024px){._gallery-carousel-modifier_1pjec_92{display:block}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-scroller]{gap:var(--gap-horizontal-xs)!important;flex-wrap:wrap;height:auto}._gallery-carousel-modifier_1pjec_92 [class*=module_controllers]{display:none!important}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item]{flex-basis:calc(50% - var(--gap-horizontal-xs) / 2)!important}._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item] img,._gallery-carousel-modifier_1pjec_92 [class*=module_carousel-item] video{align-self:flex-start;width:100%}}._pdplinks_1pjec_112{display:flex;gap:var(--gap-horizontal-lg)}@media screen and (max-width: 1023px){._pdplinks_1pjec_112{flex-direction:column}}._pdplinks_1pjec_112 ._links-wrapper_1pjec_121{display:flex;flex-wrap:wrap;text-wrap:nowrap}@media screen and (min-width: 1023px){._pdplinks_1pjec_112 ._links-wrapper_1pjec_121>Button{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}}._similars_1pjec_138{display:flex;flex-direction:column;gap:var(--gap-vertical-sm)}._similars_1pjec_138>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-horizontal-xs)}._similars-info_1pjec_150{gap:var(--gap-horizontal-xs);align-items:center}._similars-info_1pjec_150>span{padding:var(--padding-vertical-xs) 0;line-height:1}._toggle-style-modifier_1pjec_159:hover{border:0}._accessibility-info_1pjec_163{padding:var(--padding-vertical-xs) var(--gap-horizontal-xs);background-color:var(--color-background-brand-primary-lighter)}._accessibility-info_1pjec_163>p{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}._sizes_1pjec_177{display:flex;flex-direction:column;gap:var(--gap-vertical-sm)}._sizes_1pjec_177>div{display:flex;flex-direction:row;flex-wrap:wrap;gap:var(--gap-horizontal-xs) var(--gap-vertical-xs)}._price-wrapper_1pjec_189{gap:var(--gap-vertical-xxs)}._measurementTable_1pjec_193{width:918px}@media screen and (max-width: 1023px){._measurementTable_1pjec_193{max-width:calc(100vw - 64px)}}._measurementTable_1pjec_193 tr>th,._measurementTable_1pjec_193 tr>td{padding:0;box-sizing:border-box;width:98px}._measurementHead_1pjec_206 tr>th{border:1px solid var(--root-color-neutral-lighter);background-color:var(--root-color-neutral-lighter);height:48px}._measurementRows_1pjec_211 tr>td{border-color:transparent;border-right:1px solid var(--root-color-neutral-lighter);height:16px;padding:var(--padding-vertical-sm) 0;min-width:98px}._measurementRows_1pjec_211 tr>td:first-child{border-left-color:transparent;border-right-color:transparent;white-space:normal;width:270px;text-align:left}._measurementRows_1pjec_211 tr>td:last-child{border-right-color:transparent}._measurementRowsTitle_1pjec_228{font-family:Neue Haas Grotesk Display Std;line-height:20px;font-size:14px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;text-transform:uppercase!important;color:var(--color-typography-brand-primary);margin:var(--padding-vertical-xxs) 0}._measurementRowsText_1pjec_240{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light);margin:0}._measurementImage_1pjec_251{width:100%}._measurementImageContainer_1pjec_254{min-width:260px;max-width:260px}@media screen and (max-width: 1023px){._measurementImageContainer_1pjec_254{display:none}}._measurementContent_1pjec_263{display:flex;gap:40px}._measurementTitle_1pjec_267{font-family:Neue Haas Grotesk Display Std;line-height:32px;font-size:24px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;text-transform:uppercase;padding-top:var(--padding-vertical-lg)}._measurementClose_1pjec_278{position:absolute;top:24px;right:24px}._tabs-root-modifier_1pjec_284{display:flex;flex-direction:column;gap:var(--gap-vertical-lg);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (max-width: 1023px){._tabs-root-modifier_1pjec_284{padding-top:var(--padding-vertical-lg)}}._tabs-list-modifier_1pjec_302{width:100%;gap:var(--gap-horizontal-xl);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (max-width: 1023px){._tabs-list-modifier_1pjec_302{gap:var(--gap-horizontal-lg)}}._tabs-item-modifier_1pjec_319{margin-bottom:-6px}._content-wrapper_1pjec_323{width:100%;box-sizing:border-box;padding:0 var(--padding-horizontal-xs);font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;position:relative;overflow:hidden}@media screen and (min-width: 1023px){._content-wrapper_1pjec_323{padding:0 var(--padding-horizontal-md)}}._productref_1pjec_343{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:10px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary-light)}._tabs-panel_1pjec_354{animation-duration:.4s;animation-timing-function:ease;animation-fill-mode:both}._tabs-panel-exit_1pjec_360{animation-name:_slideOut_1pjec_1}._tabs-panel-enter_1pjec_364{animation-name:_slideIn_1pjec_1}@keyframes _slideOut_1pjec_1{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-20px)}}@keyframes _slideIn_1pjec_1{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}._content_1pjec_323 *{font-family:Neue Haas Grotesk Display Std;line-height:16px;font-size:12px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none;color:var(--color-typography-brand-primary)}._content_1pjec_323 p{margin:0}._content_1pjec_323 ul{padding-inline-start:var(--padding-horizontal-xs)}._pdp_1pjec_112{box-sizing:border-box;width:100%;padding-right:var(--padding-horizontal-lg);padding-bottom:var(--gap-horizontal-xl)}@media screen and (max-width: 1023px){._pdp_1pjec_112{flex-direction:column;padding:0}}._pdp_1pjec_112 img,._pdp_1pjec_112 video{height:auto}._pdp-main_1pjec_422{display:flex;gap:var(--gap-vertical-md);width:100%}._pdp-main__gallery-wrapper_1pjec_427{width:calc(100% - 422px - var(--gap-vertical-md));display:flex;gap:var(--gap-vertical-md);flex-direction:column}@media screen and (max-width: 1023px){._pdp-main_1pjec_422{flex-direction:column}._pdp-main__gallery-wrapper_1pjec_427,._pdp-main__gallery-wrapper_1pjec_427 [class*=carousel-item] img{width:100%}}._pdp-main__info_1pjec_444{width:422px;height:fit-content;display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media screen and (min-width: 1024px){._pdp-main__info_1pjec_444{position:sticky}}@media screen and (max-width: 1023px){._pdp-main__info_1pjec_444{position:static;width:100%;box-sizing:border-box;padding:var(--padding-vertical-lg) var(--padding-horizontal-md)}}._pdp-main__info-main-content_1pjec_464,._pdp-main__info-subsection_1pjec_464{display:flex;flex-direction:column;gap:var(--gap-vertical-md)}@media screen and (max-width: 1023px){._pdp-main__info-main-content_1pjec_464,._pdp-main__info-subsection_1pjec_464{gap:var(--padding-vertical-lg)}}@media screen and (max-width: 1023px){._pdp-main__info-subsection_1pjec_464._subsection-product-info_1pjec_475{order:3}._pdp-main__info-subsection_1pjec_464._subsection-similars_1pjec_478{order:1}._pdp-main__info-subsection_1pjec_464._subsection-sizes_1pjec_481{order:2}._pdp-main__info-subsection_1pjec_464._subsection-actions_1pjec_484{order:4}}._pdp-main__info-secondary-content_1pjec_488{display:flex;flex-direction:column;gap:var(--gap-vertical-xl)}._sections-title_1pjec_494{color:var(--color-typography-brand-primary);font-family:Neue Haas Grotesk Display Std;line-height:24px;font-size:16px;letter-spacing:0px;text-transform:none;text-indent:0px;text-decoration:none}@media screen and (min-width: 1024px){._divider_1pjec_506{display:none}}._breadcrumbs-desktop_1pjec_511{display:none}@media screen and (min-width: 1024px){._breadcrumbs-desktop_1pjec_511{display:block}}._breadcrumbs-mobile_1pjec_520{display:none}@media screen and (max-width: 1023px){._breadcrumbs-mobile_1pjec_520{display:block}}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { GetContentTypeProps } from '../../api';
|
|
2
|
-
import {
|
|
2
|
+
import { IContentTypeResponseBase } from '../../Factories';
|
|
3
|
+
import { ICONSType, PAYMENT_FLAGSType } from '../../../constants';
|
|
3
4
|
|
|
4
5
|
export type DeviceType = 'mobile' | 'desktop';
|
|
5
6
|
export interface FooterLink {
|
|
@@ -42,9 +43,9 @@ export interface IFooterContent extends IContentTypeResponseBase {
|
|
|
42
43
|
};
|
|
43
44
|
}
|
|
44
45
|
export interface FooterContentProps extends Omit<GetContentTypeProps, 'contentType'> {
|
|
45
|
-
PAYMENT_FLAGS_DICTIONARY:
|
|
46
|
+
PAYMENT_FLAGS_DICTIONARY: PAYMENT_FLAGSType;
|
|
46
47
|
}
|
|
47
48
|
export interface GenerateFooterContentTypeProps {
|
|
48
|
-
ICONS:
|
|
49
|
-
PAYMENT_FLAGS:
|
|
49
|
+
ICONS: ICONSType;
|
|
50
|
+
PAYMENT_FLAGS: PAYMENT_FLAGSType;
|
|
50
51
|
}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
2
|
+
import { IContentTypeResponseBase } from '../../Factories';
|
|
3
|
+
import { IHeaderSubmenu } from '../../Sections/HeaderSubmenu';
|
|
4
4
|
import { GetContentTypeProps } from '../../api';
|
|
5
|
+
import { ICONSType } from '../../../constants';
|
|
5
6
|
|
|
6
7
|
export interface HeaderCategories {
|
|
7
8
|
label: string;
|
|
@@ -23,16 +24,6 @@ export interface HeaderNavLinks {
|
|
|
23
24
|
label: string;
|
|
24
25
|
link: string;
|
|
25
26
|
}
|
|
26
|
-
export interface HeaderDataVariantProps {
|
|
27
|
-
}
|
|
28
|
-
export interface HeaderDataProps {
|
|
29
|
-
titleIcon?: string;
|
|
30
|
-
title?: string;
|
|
31
|
-
subtitle?: string;
|
|
32
|
-
navigationLinks?: HeaderNavLinks[];
|
|
33
|
-
categories: HeaderCategories[];
|
|
34
|
-
subMenus: DataSubmenu[];
|
|
35
|
-
}
|
|
36
27
|
export interface IHeaderContent extends IContentTypeResponseBase {
|
|
37
28
|
sections: Array<IHeaderSubmenu>;
|
|
38
29
|
categories: {
|
|
@@ -56,5 +47,5 @@ export interface IHeaderContent extends IContentTypeResponseBase {
|
|
|
56
47
|
export interface HeaderConfigsTypeProps extends PropsWithChildren, GetContentTypeProps {
|
|
57
48
|
}
|
|
58
49
|
export interface GenerateHeaderContentTypeProps {
|
|
59
|
-
ICONS:
|
|
50
|
+
ICONS: ICONSType;
|
|
60
51
|
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { TMode, TSizesSmallExtended } from '@soma-vertical-web/foundations';
|
|
2
|
-
import {
|
|
2
|
+
import { IContentTypeResponseBase } from '../../Factories';
|
|
3
|
+
import { ICONSType } from '../../../constants';
|
|
3
4
|
|
|
4
5
|
export declare const HELPBUTTON_CONTENT_TYPE: readonly ["button", "dropdown"];
|
|
5
6
|
export type HelpButtonContentType = (typeof HELPBUTTON_CONTENT_TYPE)[number];
|
|
@@ -33,5 +34,5 @@ export interface IHelpButtonContentResponse {
|
|
|
33
34
|
})[];
|
|
34
35
|
}
|
|
35
36
|
export interface GenerateHelpButtonContentType {
|
|
36
|
-
ICONS:
|
|
37
|
+
ICONS: ICONSType;
|
|
37
38
|
}
|
package/types/constants.d.ts
CHANGED
|
@@ -20,17 +20,48 @@ export declare const PLP_FILTERS_SORT: {
|
|
|
20
20
|
};
|
|
21
21
|
default_option: string;
|
|
22
22
|
};
|
|
23
|
-
export type Z_INDEX_WARType = Record<string, number>;
|
|
24
23
|
export type ADD_TO_CARTType = Record<string, Record<string, string>>;
|
|
25
|
-
export type
|
|
26
|
-
export type
|
|
24
|
+
export type ALIGNMENT_MENUType = 'flex-start' | 'center' | 'flex-end';
|
|
25
|
+
export type BUY_BUTTON_LABELSType = Record<string, string>;
|
|
26
|
+
export type COMPONENT_LISTType = Record<string, string>;
|
|
27
|
+
export type MAIN_IMAGEType = string;
|
|
28
|
+
export type MENU_INFOType = Record<string, Record<string, string>>;
|
|
27
29
|
export type NAME_SPLIT_SYMBOLType = string;
|
|
30
|
+
export type PDP_INFOType = Record<string, Record<string, string>>;
|
|
28
31
|
export type PLP_FILTERSType = {
|
|
29
32
|
key: string;
|
|
30
33
|
label: string;
|
|
31
34
|
eventLabel: string;
|
|
32
35
|
order: number;
|
|
33
36
|
}[];
|
|
34
|
-
export type
|
|
35
|
-
export type
|
|
37
|
+
export type PLP_GRID_SCROLL_BACKType = Record<string, string>;
|
|
38
|
+
export type PLP_SHOW_VIDEO_ON_PRODUCT_CARDType = boolean;
|
|
39
|
+
export type PRODUCT_CARD_IMAGE_ASPECT_RATIOType = string;
|
|
40
|
+
export type PRODUCT_CARD_TEXTSType = {
|
|
41
|
+
disabled: string;
|
|
42
|
+
notify: string;
|
|
43
|
+
error: {
|
|
44
|
+
title: string;
|
|
45
|
+
subtitle: string;
|
|
46
|
+
};
|
|
47
|
+
success: {
|
|
48
|
+
title: string;
|
|
49
|
+
subtitle: string;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
export type PRODUCT_CARD_TOP_WISHLIST_TOGGLEType = boolean;
|
|
53
|
+
export type PRODUCT_IMAGE_DIMENSIONSType = Record<string, {
|
|
54
|
+
width: number;
|
|
55
|
+
height: number;
|
|
56
|
+
} | Record<string, {
|
|
57
|
+
width: number;
|
|
58
|
+
height: number;
|
|
59
|
+
}>>;
|
|
60
|
+
export type SECOND_IMAGEType = string;
|
|
61
|
+
export type TEXTURE_IMAGEType = string;
|
|
62
|
+
export type TOGGLE_STYLE_MODIFIERType = React.CSSProperties;
|
|
63
|
+
export type Z_INDEX_WARType = Record<string, number>;
|
|
36
64
|
export declare const ObjectFitsDefault: readonly ["contain", "cover", "fill", "none"];
|
|
65
|
+
export type ICONSType = Record<string, string>;
|
|
66
|
+
export type PAYMENT_FLAGSType = Record<string, string>;
|
|
67
|
+
export type MENU_NAVIGATION_BAR_ALLOWEDType = boolean;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { PropsWithChildren, RefObject } from 'react';
|
|
2
2
|
import { VariantsType } from '@soma-vertical-web/core-components/src/lib/Header/interfaces';
|
|
3
3
|
import { Mediator } from '../../../contexts/contexts/GlobalContext';
|
|
4
|
-
import { HeaderConfigsType, HeaderPositionsType } from '../../layout/
|
|
4
|
+
import { HeaderConfigsType, HeaderPositionsType } from '../../layout/team-components/Header';
|
|
5
5
|
|
|
6
6
|
export type MediatorEventHandler<T = any> = (data: T) => void;
|
|
7
7
|
export interface GlobalContextProps extends PropsWithChildren {
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { PropsWithChildren, RefObject } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MenuMobileContextProps extends PropsWithChildren {
|
|
4
|
+
bodyRef: RefObject<HTMLDivElement | null>;
|
|
5
|
+
documentBodyRef: RefObject<HTMLElement | null>;
|
|
6
|
+
handleCloseSubMenu: () => void;
|
|
7
|
+
}
|
|
8
|
+
export type MenuMobileProviderProps = PropsWithChildren;
|
|
@@ -1,8 +1,12 @@
|
|
|
1
|
+
import { AppRouterInstance } from 'next/dist/shared/lib/app-router-context.shared-runtime';
|
|
2
|
+
import { ReadonlyURLSearchParams } from 'next/navigation';
|
|
1
3
|
import { PropsWithChildren } from 'react';
|
|
2
4
|
|
|
3
5
|
type CommonType = {
|
|
4
6
|
pathname: string;
|
|
5
7
|
nextimage: React.ComponentType<any>;
|
|
8
|
+
router: AppRouterInstance;
|
|
9
|
+
searchParams: ReadonlyURLSearchParams;
|
|
6
10
|
};
|
|
7
11
|
export type NextContextProps = CommonType;
|
|
8
12
|
export type NextProviderProps = CommonType & PropsWithChildren;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
export type HeaderCategoryStore = string | null;
|
|
2
|
+
export type UseHeaderCategoryStoreType = {
|
|
3
|
+
value: HeaderCategoryStore;
|
|
4
|
+
actions: {
|
|
5
|
+
reset: () => void;
|
|
6
|
+
setValue: (value: HeaderCategoryStore) => void;
|
|
7
|
+
updateValue: (value: HeaderCategoryStore) => void;
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
export type MenuMobileIsOpenType = boolean;
|
|
11
|
+
export type SearchModalIsOpenType = boolean;
|
|
12
|
+
export type UserMenuIsOpenType = boolean;
|
|
13
|
+
export interface HeaderInitialStateType {
|
|
14
|
+
category: HeaderCategoryStore;
|
|
15
|
+
menuMobileIsOpen: MenuMobileIsOpenType;
|
|
16
|
+
searchModalIsOpen: SearchModalIsOpenType;
|
|
17
|
+
userMenuIsOpen: UserMenuIsOpenType;
|
|
18
|
+
}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { ItemType_PDP } from '../../global/product';
|
|
2
|
-
import { NAME_SPLIT_SYMBOLType } from '../../constants';
|
|
2
|
+
import { MAIN_IMAGEType, NAME_SPLIT_SYMBOLType, SECOND_IMAGEType } from '../../constants';
|
|
3
|
+
import { ProductCardProps } from '../../layout/team-components/ProductCard';
|
|
3
4
|
|
|
4
5
|
export type GetSkuInfosProps = {
|
|
5
6
|
items: ItemType_PDP[];
|
|
@@ -10,3 +11,10 @@ export interface ParsePriceProps {
|
|
|
10
11
|
hasFree: boolean;
|
|
11
12
|
freeTaxMessage: string;
|
|
12
13
|
}
|
|
14
|
+
export interface GetFirstImagesProps {
|
|
15
|
+
images: ProductCardProps['image'];
|
|
16
|
+
label: {
|
|
17
|
+
first: MAIN_IMAGEType;
|
|
18
|
+
second: SECOND_IMAGEType;
|
|
19
|
+
};
|
|
20
|
+
}
|
|
@@ -10,11 +10,11 @@ export type MenuItems = Array<{
|
|
|
10
10
|
export type CartItem = CartItemStore;
|
|
11
11
|
export type ContentProps = HTMLAttributes<HTMLDivElement>;
|
|
12
12
|
type CONSTANTS_TYPE = {
|
|
13
|
-
Z_INDEX_WAR: Z_INDEX_WARType;
|
|
14
13
|
ADD_TO_CART: ADD_TO_CARTType;
|
|
14
|
+
NAME_SPLIT_SYMBOL: NAME_SPLIT_SYMBOLType;
|
|
15
15
|
TEXTURE_IMAGE: TEXTURE_IMAGEType;
|
|
16
16
|
TOGGLE_STYLE_MODIFIER: TOGGLE_STYLE_MODIFIERType;
|
|
17
|
-
|
|
17
|
+
Z_INDEX_WAR: Z_INDEX_WARType;
|
|
18
18
|
};
|
|
19
19
|
export interface RootProps extends HTMLAttributes<HTMLDivElement> {
|
|
20
20
|
component?: ReactNode;
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { SolidVariantsType, VariantsType } from '@soma-vertical-web/core-components/src/lib/Header/interfaces';
|
|
2
|
+
import { ComponentType, PropsWithChildren, ReactNode, RefObject } from 'react';
|
|
3
|
+
import { HeaderCategories, HeaderNavLinks } from '../../../cms/ContentTypes/Header';
|
|
4
|
+
import { AddToCartProviderProps } from '../../team-components/AddToCart';
|
|
5
|
+
import { ALIGNMENT_MENUType, COMPONENT_LISTType, ICONSType, MENU_INFOType, MENU_NAVIGATION_BAR_ALLOWEDType, Z_INDEX_WARType } from '../../../constants';
|
|
6
|
+
import { DataSubmenu } from '../../../cms/Sections/HeaderSubmenu';
|
|
7
|
+
|
|
8
|
+
export type HeaderPositionsType = 'absolute' | 'relative';
|
|
9
|
+
type HEADER_CONSTANTS = {
|
|
10
|
+
addToCart: AddToCartProviderProps['CONSTANTS'];
|
|
11
|
+
header: {
|
|
12
|
+
ALIGNMENT_MENU: ALIGNMENT_MENUType;
|
|
13
|
+
COMPONENT_LIST: COMPONENT_LISTType;
|
|
14
|
+
HEADER_CONFIGS: HeaderConfigsType;
|
|
15
|
+
ICONS: ICONSType;
|
|
16
|
+
MENU_INFO: MENU_INFOType;
|
|
17
|
+
MENU_NAVIGATION_BAR_ALLOWED: MENU_NAVIGATION_BAR_ALLOWEDType;
|
|
18
|
+
Z_INDEX_WAR: Z_INDEX_WARType;
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
export interface HeaderContextProps extends HeaderProviderProps {
|
|
22
|
+
structureRef: RefObject<HTMLDivElement | null>;
|
|
23
|
+
rootRef: RefObject<HTMLDivElement | null>;
|
|
24
|
+
tipbarRef: RefObject<HTMLDivElement | null>;
|
|
25
|
+
}
|
|
26
|
+
export interface HeaderProviderProps extends PropsWithChildren {
|
|
27
|
+
headerData: {
|
|
28
|
+
titleIcon?: string;
|
|
29
|
+
title?: string;
|
|
30
|
+
subtitle?: string;
|
|
31
|
+
navigationLinks?: HeaderNavLinks[];
|
|
32
|
+
categories: HeaderCategories[];
|
|
33
|
+
subMenus: DataSubmenu[];
|
|
34
|
+
};
|
|
35
|
+
CONSTANTS: HEADER_CONSTANTS;
|
|
36
|
+
}
|
|
37
|
+
export type HeaderScrollBehaviorType = {
|
|
38
|
+
[key1 in 'desktop' | 'mobile']: {
|
|
39
|
+
[key2 in 'header' | 'tipbar']: {
|
|
40
|
+
scrollYBreakPoint: number | 'ownHeight';
|
|
41
|
+
hideOnScrollingDown: boolean;
|
|
42
|
+
};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
export type HeaderConfigsType = {
|
|
46
|
+
default_variant: VariantsType;
|
|
47
|
+
home_default_variant: VariantsType;
|
|
48
|
+
interactive_variant: SolidVariantsType;
|
|
49
|
+
default_position: HeaderPositionsType;
|
|
50
|
+
home_default_position: HeaderPositionsType;
|
|
51
|
+
logo_svg?: string;
|
|
52
|
+
};
|
|
53
|
+
export type HeaderContainerProps = {
|
|
54
|
+
miniCart: ReactNode;
|
|
55
|
+
UserMenu: ComponentType<any>;
|
|
56
|
+
SearchModal: ComponentType<any>;
|
|
57
|
+
tipBar?: ReactNode;
|
|
58
|
+
};
|
|
59
|
+
export type HeaderWrappersProps = {
|
|
60
|
+
UserMenu: ComponentType<any>;
|
|
61
|
+
SearchModal: ComponentType<any>;
|
|
62
|
+
};
|
|
63
|
+
export {};
|
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { HTMLAttributes } from 'react';
|
|
2
2
|
import { ThumbnailsType } from '..';
|
|
3
|
-
import {
|
|
3
|
+
import { HeaderProviderProps } from '../../Header';
|
|
4
4
|
|
|
5
5
|
export interface MenuRootProps extends HTMLAttributes<HTMLDivElement> {
|
|
6
6
|
dividerOnBottom?: boolean;
|
|
7
7
|
}
|
|
8
8
|
export interface CategoriesProps extends HTMLAttributes<HTMLDivElement> {
|
|
9
|
-
subMenu:
|
|
9
|
+
subMenu: HeaderProviderProps['headerData']['subMenus'][0];
|
|
10
10
|
dividerOnRight?: boolean;
|
|
11
11
|
}
|
|
12
12
|
export type SubCategoriesContainerProps = {
|
|
@@ -1,7 +1,13 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { HeaderProviderProps } from '../Header';
|
|
2
2
|
|
|
3
|
-
export type NavigationLinksType =
|
|
4
|
-
export type SubmenuType = NonNullable<
|
|
5
|
-
export type ThumbnailsType = NonNullable<
|
|
3
|
+
export type NavigationLinksType = HeaderProviderProps['headerData']['navigationLinks'];
|
|
4
|
+
export type SubmenuType = NonNullable<HeaderProviderProps['headerData']['subMenus'][0]>;
|
|
5
|
+
export type ThumbnailsType = NonNullable<HeaderProviderProps['headerData']['subMenus'][0]['thumbnails']>;
|
|
6
6
|
export type ThumbnailType = ThumbnailsType[0];
|
|
7
|
-
export type SubCategoryType = NonNullable<
|
|
7
|
+
export type SubCategoryType = NonNullable<HeaderProviderProps['headerData']['subMenus'][0]['subCategories'][0]>;
|
|
8
|
+
export type ThumbNailProps = {
|
|
9
|
+
thumbnails: ThumbnailsType;
|
|
10
|
+
category: string;
|
|
11
|
+
isMobile?: boolean;
|
|
12
|
+
callBack?: Function;
|
|
13
|
+
};
|
|
@@ -1,9 +1,14 @@
|
|
|
1
1
|
import { SizesExtended } from '@soma-vertical-web/foundations';
|
|
2
|
-
import { Dispatch, HTMLAttributes,
|
|
2
|
+
import { ComponentType, Dispatch, HTMLAttributes, PropsWithChildren, RefObject, SetStateAction } from 'react';
|
|
3
3
|
import { TagProps } from '@soma-vertical-web/core-components/src/lib/Tag/interfaces';
|
|
4
4
|
import { HasVariant, ProductType_PDC } from '../../../global/product';
|
|
5
5
|
import { TagCommercialConsumer } from '../../../cms/ContentTypes/FlagsAndTags';
|
|
6
|
+
import { BUY_BUTTON_LABELSType, MAIN_IMAGEType, PLP_GRID_SCROLL_BACKType, PLP_SHOW_VIDEO_ON_PRODUCT_CARDType, PRODUCT_CARD_IMAGE_ASPECT_RATIOType, PRODUCT_CARD_TEXTSType, PRODUCT_CARD_TOP_WISHLIST_TOGGLEType, PRODUCT_IMAGE_DIMENSIONSType, SECOND_IMAGEType, TEXTURE_IMAGEType, Z_INDEX_WARType } from '../../../constants';
|
|
7
|
+
import { SizeSkuItemProps, StyleSelectorProps } from './Selectors';
|
|
6
8
|
|
|
9
|
+
/**
|
|
10
|
+
* TODO: remove wishlist comp as props
|
|
11
|
+
*/
|
|
7
12
|
export interface RootProps extends HTMLAttributes<HTMLDivElement> {
|
|
8
13
|
isMobile?: boolean | null;
|
|
9
14
|
item: ProductCardProps;
|
|
@@ -12,13 +17,28 @@ export interface RootProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
12
17
|
order?: number;
|
|
13
18
|
size: Sizes;
|
|
14
19
|
shelfTitle?: string;
|
|
20
|
+
CONSTANTS: {
|
|
21
|
+
BUY_BUTTON_LABELS: BUY_BUTTON_LABELSType;
|
|
22
|
+
MAIN_IMAGE: MAIN_IMAGEType;
|
|
23
|
+
PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
|
|
24
|
+
PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
|
|
25
|
+
PRODUCT_CARD_IMAGE_ASPECT_RATIO: PRODUCT_CARD_IMAGE_ASPECT_RATIOType;
|
|
26
|
+
PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
|
|
27
|
+
PRODUCT_CARD_TOP_WISHLIST_TOGGLE: PRODUCT_CARD_TOP_WISHLIST_TOGGLEType;
|
|
28
|
+
PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
|
|
29
|
+
SECOND_IMAGE: SECOND_IMAGEType;
|
|
30
|
+
TEXTURE_IMAGE: TEXTURE_IMAGEType;
|
|
31
|
+
Z_INDEX_WAR: Z_INDEX_WARType;
|
|
32
|
+
StoreConfig_MainSellerId: string;
|
|
33
|
+
};
|
|
34
|
+
WishListToggle: ComponentType<any>;
|
|
15
35
|
}
|
|
16
36
|
export type Sizes = (typeof SizesExtended)[number];
|
|
17
37
|
export interface ProductCardContextProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>>, Omit<RootProps, 'callback'> {
|
|
18
|
-
element: RefObject<HTMLDivElement>;
|
|
38
|
+
element: RefObject<HTMLDivElement | null>;
|
|
19
39
|
selectedSku: HasVariant | null;
|
|
20
40
|
setSelectedSku?: Dispatch<SetStateAction<HasVariant | null>>;
|
|
21
|
-
eventDataRef:
|
|
41
|
+
eventDataRef: RefObject<{
|
|
22
42
|
[key: string]: any;
|
|
23
43
|
}>;
|
|
24
44
|
sendAddToWishlistEvent: () => void;
|
|
@@ -33,11 +53,29 @@ export interface ProductCardMediaProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
53
|
hasPriority?: boolean;
|
|
34
54
|
showVideo?: boolean;
|
|
35
55
|
}
|
|
36
|
-
export type ProductNode = {
|
|
37
|
-
node: ProductCardProps;
|
|
38
|
-
};
|
|
39
56
|
export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
40
57
|
product: ProductType_PDC;
|
|
41
58
|
tag?: TagCommercialConsumer;
|
|
42
59
|
size?: TagProps['size'];
|
|
43
60
|
}
|
|
61
|
+
export type ActionsProps = HTMLAttributes<HTMLElement> & Omit<StyleSelectorProps, 'findTexture'>;
|
|
62
|
+
export type BuyButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
63
|
+
isKit?: boolean;
|
|
64
|
+
};
|
|
65
|
+
export interface VideoProps extends HTMLAttributes<HTMLDivElement> {
|
|
66
|
+
url?: string;
|
|
67
|
+
poster?: string;
|
|
68
|
+
}
|
|
69
|
+
export interface OutStockProps extends HTMLAttributes<HTMLDivElement> {
|
|
70
|
+
callback: SizeSkuItemProps['setNotify'];
|
|
71
|
+
}
|
|
72
|
+
export interface PriceProps extends HTMLAttributes<HTMLDivElement> {
|
|
73
|
+
hasDecimal?: boolean;
|
|
74
|
+
}
|
|
75
|
+
export type TitleProps = HTMLAttributes<HTMLDivElement> & {
|
|
76
|
+
tag?: TagCommercialConsumer;
|
|
77
|
+
className?: string;
|
|
78
|
+
};
|
|
79
|
+
export type WrapperProps = HTMLAttributes<HTMLDivElement> & {
|
|
80
|
+
type: string;
|
|
81
|
+
};
|