@soma-vertical-web/multi-lib 0.0.17 → 0.0.19
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/product-card/ProductCardContext.d.ts +6 -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 +3660 -2884
- package/layout/index.d.ts +50 -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/constants.d.ts +26 -0
- package/types/data/helpers/index.d.ts +9 -1
- package/types/layout/team-components/ProductCard/index.d.ts +45 -6
- package/contexts/helpers/cart.d.ts +0 -188
- package/contexts/store/freight.d.ts +0 -0
- package/layout/team-component/Header/Header.d.ts +0 -7
- 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/layout/index.d.ts
CHANGED
|
@@ -20,6 +20,56 @@ export declare const layout: {
|
|
|
20
20
|
Image: ({ alt, className, objectFit, ...props }: import('../types/layout/team-components/Media').CustomImageProps) => import("react/jsx-runtime").JSX.Element;
|
|
21
21
|
Video: ({ videoRef, ...props }: import('../types/layout/team-components/Media').VideoProps) => import("react/jsx-runtime").JSX.Element;
|
|
22
22
|
};
|
|
23
|
+
ProductCard: {
|
|
24
|
+
Actions: {
|
|
25
|
+
({ callback, children, className, data, isKit, ...props }: import('../types/layout/team-components/ProductCard').ActionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
26
|
+
displayName: string;
|
|
27
|
+
};
|
|
28
|
+
BuyButton: {
|
|
29
|
+
({ className, isKit, ...props }: import('../types/layout/team-components/ProductCard').BuyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
30
|
+
displayName: string;
|
|
31
|
+
};
|
|
32
|
+
Header: {
|
|
33
|
+
({ product, tag, size }: import('../types/layout/team-components/ProductCard').HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
34
|
+
displayName: string;
|
|
35
|
+
};
|
|
36
|
+
Media: {
|
|
37
|
+
({ className, children, hasPriority, showVideo, ...props }: import('../types/global/product').ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
|
|
38
|
+
displayName: string;
|
|
39
|
+
};
|
|
40
|
+
Root: {
|
|
41
|
+
({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: import('../types/layout/team-components/ProductCard').RootProps): import("react/jsx-runtime").JSX.Element;
|
|
42
|
+
displayName: string;
|
|
43
|
+
};
|
|
44
|
+
OutStock: {
|
|
45
|
+
({ className, callback, children, ...props }: import('../types/layout/team-components/ProductCard').OutStockProps): import("react/jsx-runtime").JSX.Element | null;
|
|
46
|
+
displayName: string;
|
|
47
|
+
};
|
|
48
|
+
Price: {
|
|
49
|
+
({ className, hasDecimal, ...props }: import('../types/layout/team-components/ProductCard').PriceProps): import("react/jsx-runtime").JSX.Element;
|
|
50
|
+
displayName: string;
|
|
51
|
+
};
|
|
52
|
+
SizeSelector: {
|
|
53
|
+
({ callback, className, children, setNotify, ...props }: import('../types/layout/team-components/ProductCard/Selectors').SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
54
|
+
displayName: string;
|
|
55
|
+
};
|
|
56
|
+
StyleSelector: {
|
|
57
|
+
({ callback, className, data, images, findTexture, ...props }: import('../types/layout/team-components/ProductCard/Selectors').StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
58
|
+
displayName: string;
|
|
59
|
+
};
|
|
60
|
+
Title: {
|
|
61
|
+
({ tag, className, }: import('../types/layout/team-components/ProductCard').TitleProps): import("react/jsx-runtime").JSX.Element;
|
|
62
|
+
displayName: string;
|
|
63
|
+
};
|
|
64
|
+
Video: {
|
|
65
|
+
({ className, url, poster, ...props }: import('../types/layout/team-components/ProductCard').VideoProps): import("react/jsx-runtime").JSX.Element;
|
|
66
|
+
displayName: string;
|
|
67
|
+
};
|
|
68
|
+
Wrapper: {
|
|
69
|
+
({ children, className, type, ...props }: import('../types/layout/team-components/ProductCard').WrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
70
|
+
displayName: string;
|
|
71
|
+
};
|
|
72
|
+
};
|
|
23
73
|
};
|
|
24
74
|
template: {
|
|
25
75
|
pdp: typeof pdp;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ActionsProps } from '../../../../../types/layout/team-components/ProductCard';
|
|
2
|
+
|
|
3
|
+
declare const Actions: {
|
|
4
|
+
({ callback, children, className, data, isKit, ...props }: ActionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Actions;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { BuyButtonProps } from '../../../../../types/layout/team-components/ProductCard';
|
|
2
|
+
|
|
3
|
+
declare const BuyButton: {
|
|
4
|
+
({ className, isKit, ...props }: BuyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default BuyButton;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { ProductCardMediaProps } from '../../../../../types/global/product';
|
|
2
|
+
|
|
3
|
+
declare const Media: {
|
|
4
|
+
({ className, children, hasPriority, showVideo, ...props }: ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Media;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { OutStockProps } from '../../../../types/layout/team-components/ProductCard';
|
|
2
|
+
|
|
3
|
+
declare const OutStock: {
|
|
4
|
+
({ className, callback, children, ...props }: OutStockProps): import("react/jsx-runtime").JSX.Element | null;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default OutStock;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { RootProps } from '../../../../types/layout/team-components/ProductCard';
|
|
2
|
+
|
|
3
|
+
declare const Root: {
|
|
4
|
+
({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: RootProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Root;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SizeSelectorItemProps } from '../../../../../../types/layout/team-components/ProductCard/Selectors';
|
|
2
|
+
|
|
3
|
+
declare const Item: {
|
|
4
|
+
({ disabled, label, size, value, onClick, ...props }: SizeSelectorItemProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default Item;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SizeSkuItemProps } from '../../../../../../types/layout/team-components/ProductCard/Selectors';
|
|
2
|
+
|
|
3
|
+
declare const SkuItem: {
|
|
4
|
+
({ active, callback, selectedSku, item, setNotify, }: SizeSkuItemProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SkuItem;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { SizeSelectorProps } from '../../../../../types/layout/team-components/ProductCard/Selectors';
|
|
2
|
+
|
|
3
|
+
declare const SizeSelector: {
|
|
4
|
+
({ callback, className, children, setNotify, ...props }: SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default SizeSelector;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StyleSelectorProps } from '../../../../../types/layout/team-components/ProductCard/Selectors';
|
|
2
|
+
|
|
3
|
+
declare const StyleSelector: {
|
|
4
|
+
({ callback, className, data, images, findTexture, ...props }: StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
5
|
+
displayName: string;
|
|
6
|
+
};
|
|
7
|
+
export default StyleSelector;
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
declare const ProductCard: {
|
|
2
|
+
Actions: {
|
|
3
|
+
({ callback, children, className, data, isKit, ...props }: import('../../../types/layout/team-components/ProductCard').ActionsProps): import("react/jsx-runtime").JSX.Element | null;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
BuyButton: {
|
|
7
|
+
({ className, isKit, ...props }: import('../../../types/layout/team-components/ProductCard').BuyButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
displayName: string;
|
|
9
|
+
};
|
|
10
|
+
Header: {
|
|
11
|
+
({ product, tag, size }: import('../../../types/layout/team-components/ProductCard').HeaderProps): import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
displayName: string;
|
|
13
|
+
};
|
|
14
|
+
Media: {
|
|
15
|
+
({ className, children, hasPriority, showVideo, ...props }: import('../../../types/global/product').ProductCardMediaProps): import("react/jsx-runtime").JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
Root: {
|
|
19
|
+
({ children, className, index, isMobile, item, size, order, outStock, shelfTitle, CONSTANTS, WishListToggle, ...props }: import('../../../types/layout/team-components/ProductCard').RootProps): import("react/jsx-runtime").JSX.Element;
|
|
20
|
+
displayName: string;
|
|
21
|
+
};
|
|
22
|
+
OutStock: {
|
|
23
|
+
({ className, callback, children, ...props }: import('../../../types/layout/team-components/ProductCard').OutStockProps): import("react/jsx-runtime").JSX.Element | null;
|
|
24
|
+
displayName: string;
|
|
25
|
+
};
|
|
26
|
+
Price: {
|
|
27
|
+
({ className, hasDecimal, ...props }: import('../../../types/layout/team-components/ProductCard').PriceProps): import("react/jsx-runtime").JSX.Element;
|
|
28
|
+
displayName: string;
|
|
29
|
+
};
|
|
30
|
+
SizeSelector: {
|
|
31
|
+
({ callback, className, children, setNotify, ...props }: import('../../../types/layout/team-components/ProductCard/Selectors').SizeSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
32
|
+
displayName: string;
|
|
33
|
+
};
|
|
34
|
+
StyleSelector: {
|
|
35
|
+
({ callback, className, data, images, findTexture, ...props }: import('../../../types/layout/team-components/ProductCard/Selectors').StyleSelectorProps): import("react/jsx-runtime").JSX.Element;
|
|
36
|
+
displayName: string;
|
|
37
|
+
};
|
|
38
|
+
Title: {
|
|
39
|
+
({ tag, className, }: import('../../../types/layout/team-components/ProductCard').TitleProps): import("react/jsx-runtime").JSX.Element;
|
|
40
|
+
displayName: string;
|
|
41
|
+
};
|
|
42
|
+
Video: {
|
|
43
|
+
({ className, url, poster, ...props }: import('../../../types/layout/team-components/ProductCard').VideoProps): import("react/jsx-runtime").JSX.Element;
|
|
44
|
+
displayName: string;
|
|
45
|
+
};
|
|
46
|
+
Wrapper: {
|
|
47
|
+
({ children, className, type, ...props }: import('../../../types/layout/team-components/ProductCard').WrapperProps): import("react/jsx-runtime").JSX.Element;
|
|
48
|
+
displayName: string;
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
export default ProductCard;
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { HasVariant } from '../../../types/global/product';
|
|
2
|
+
import { ProductCardProps } from '../../../types/layout/team-components/ProductCard';
|
|
3
|
+
|
|
4
|
+
export declare const getAspectRatio: (aspectRatio: string) => number;
|
|
5
|
+
export declare const setVideoPlay: (isIntersection: boolean, element: HTMLVideoElement | null, url?: string) => void;
|
|
6
|
+
export declare const disableSKU: (item: HasVariant) => boolean;
|
|
7
|
+
export declare const getFirstImages: (images: ProductCardProps["image"]) => ProductCardProps["image"];
|
|
8
|
+
export declare const getSKUName: (item: HasVariant, key?: string) => string;
|
|
9
|
+
export declare const removeSlashes: (text: string) => string;
|
|
10
|
+
export declare const getValidOffer: (offers: HasVariant["offers"]["offers"], mainSellerId: string) => {
|
|
11
|
+
listPrice: number;
|
|
12
|
+
price: number;
|
|
13
|
+
availability: string;
|
|
14
|
+
quantity?: number;
|
|
15
|
+
seller: {
|
|
16
|
+
identifier: string;
|
|
17
|
+
};
|
|
18
|
+
} | undefined;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from './ProductCard';
|
package/package.json
CHANGED
package/style.css
CHANGED
|
@@ -1 +1 @@
|
|
|
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}._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}}
|
package/types/constants.d.ts
CHANGED
|
@@ -22,7 +22,9 @@ export declare const PLP_FILTERS_SORT: {
|
|
|
22
22
|
};
|
|
23
23
|
export type ADD_TO_CARTType = Record<string, Record<string, string>>;
|
|
24
24
|
export type ALIGNMENT_MENUType = 'flex-start' | 'center' | 'flex-end';
|
|
25
|
+
export type BUY_BUTTON_LABELSType = Record<string, string>;
|
|
25
26
|
export type COMPONENT_LISTType = Record<string, string>;
|
|
27
|
+
export type INFINITE_SCROLLType = boolean;
|
|
26
28
|
export type MAIN_IMAGEType = string;
|
|
27
29
|
export type MENU_INFOType = Record<string, Record<string, string>>;
|
|
28
30
|
export type NAME_SPLIT_SYMBOLType = string;
|
|
@@ -33,6 +35,30 @@ export type PLP_FILTERSType = {
|
|
|
33
35
|
eventLabel: string;
|
|
34
36
|
order: number;
|
|
35
37
|
}[];
|
|
38
|
+
export type PLP_GRID_SCROLL_BACKType = Record<string, string>;
|
|
39
|
+
export type PLP_SHOW_VIDEO_ON_PRODUCT_CARDType = boolean;
|
|
40
|
+
export type PRODUCT_CARD_IMAGE_ASPECT_RATIOType = string;
|
|
41
|
+
export type PRODUCT_CARD_TEXTSType = {
|
|
42
|
+
disabled: string;
|
|
43
|
+
notify: string;
|
|
44
|
+
error: {
|
|
45
|
+
title: string;
|
|
46
|
+
subtitle: string;
|
|
47
|
+
};
|
|
48
|
+
success: {
|
|
49
|
+
title: string;
|
|
50
|
+
subtitle: string;
|
|
51
|
+
};
|
|
52
|
+
};
|
|
53
|
+
export type PRODUCT_CARD_TOP_WISHLIST_TOGGLEType = boolean;
|
|
54
|
+
export type PRODUCT_IMAGE_DIMENSIONSType = Record<string, {
|
|
55
|
+
width: number;
|
|
56
|
+
height: number;
|
|
57
|
+
} | Record<string, {
|
|
58
|
+
width: number;
|
|
59
|
+
height: number;
|
|
60
|
+
}>>;
|
|
61
|
+
export type SECOND_IMAGEType = string;
|
|
36
62
|
export type TEXTURE_IMAGEType = string;
|
|
37
63
|
export type TOGGLE_STYLE_MODIFIERType = React.CSSProperties;
|
|
38
64
|
export type Z_INDEX_WARType = Record<string, number>;
|
|
@@ -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
|
+
}
|
|
@@ -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, INFINITE_SCROLLType, 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,29 @@ 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
|
+
INFINITE_SCROLL: INFINITE_SCROLLType;
|
|
23
|
+
MAIN_IMAGE: MAIN_IMAGEType;
|
|
24
|
+
PLP_GRID_SCROLL_BACK: PLP_GRID_SCROLL_BACKType;
|
|
25
|
+
PLP_SHOW_VIDEO_ON_PRODUCT_CARD: PLP_SHOW_VIDEO_ON_PRODUCT_CARDType;
|
|
26
|
+
PRODUCT_CARD_IMAGE_ASPECT_RATIO: PRODUCT_CARD_IMAGE_ASPECT_RATIOType;
|
|
27
|
+
PRODUCT_CARD_TEXTS: PRODUCT_CARD_TEXTSType;
|
|
28
|
+
PRODUCT_CARD_TOP_WISHLIST_TOGGLE: PRODUCT_CARD_TOP_WISHLIST_TOGGLEType;
|
|
29
|
+
PRODUCT_IMAGE_DIMENSIONS: PRODUCT_IMAGE_DIMENSIONSType;
|
|
30
|
+
SECOND_IMAGE: SECOND_IMAGEType;
|
|
31
|
+
TEXTURE_IMAGE: TEXTURE_IMAGEType;
|
|
32
|
+
Z_INDEX_WAR: Z_INDEX_WARType;
|
|
33
|
+
StoreConfig_MainSellerId: string;
|
|
34
|
+
};
|
|
35
|
+
WishListToggle: ComponentType<any>;
|
|
15
36
|
}
|
|
16
37
|
export type Sizes = (typeof SizesExtended)[number];
|
|
17
38
|
export interface ProductCardContextProps extends PropsWithChildren<HTMLAttributes<HTMLDivElement>>, Omit<RootProps, 'callback'> {
|
|
18
|
-
element: RefObject<HTMLDivElement>;
|
|
39
|
+
element: RefObject<HTMLDivElement | null>;
|
|
19
40
|
selectedSku: HasVariant | null;
|
|
20
41
|
setSelectedSku?: Dispatch<SetStateAction<HasVariant | null>>;
|
|
21
|
-
eventDataRef:
|
|
42
|
+
eventDataRef: RefObject<{
|
|
22
43
|
[key: string]: any;
|
|
23
44
|
}>;
|
|
24
45
|
sendAddToWishlistEvent: () => void;
|
|
@@ -33,11 +54,29 @@ export interface ProductCardMediaProps extends HTMLAttributes<HTMLDivElement> {
|
|
|
33
54
|
hasPriority?: boolean;
|
|
34
55
|
showVideo?: boolean;
|
|
35
56
|
}
|
|
36
|
-
export type ProductNode = {
|
|
37
|
-
node: ProductCardProps;
|
|
38
|
-
};
|
|
39
57
|
export interface HeaderProps extends HTMLAttributes<HTMLDivElement> {
|
|
40
58
|
product: ProductType_PDC;
|
|
41
59
|
tag?: TagCommercialConsumer;
|
|
42
60
|
size?: TagProps['size'];
|
|
43
61
|
}
|
|
62
|
+
export type ActionsProps = HTMLAttributes<HTMLElement> & Omit<StyleSelectorProps, 'findTexture'>;
|
|
63
|
+
export type BuyButtonProps = HTMLAttributes<HTMLButtonElement> & {
|
|
64
|
+
isKit?: boolean;
|
|
65
|
+
};
|
|
66
|
+
export interface VideoProps extends HTMLAttributes<HTMLDivElement> {
|
|
67
|
+
url?: string;
|
|
68
|
+
poster?: string;
|
|
69
|
+
}
|
|
70
|
+
export interface OutStockProps extends HTMLAttributes<HTMLDivElement> {
|
|
71
|
+
callback: SizeSkuItemProps['setNotify'];
|
|
72
|
+
}
|
|
73
|
+
export interface PriceProps extends HTMLAttributes<HTMLDivElement> {
|
|
74
|
+
hasDecimal?: boolean;
|
|
75
|
+
}
|
|
76
|
+
export type TitleProps = HTMLAttributes<HTMLDivElement> & {
|
|
77
|
+
tag?: TagCommercialConsumer;
|
|
78
|
+
className?: string;
|
|
79
|
+
};
|
|
80
|
+
export type WrapperProps = HTMLAttributes<HTMLDivElement> & {
|
|
81
|
+
type: string;
|
|
82
|
+
};
|