{"version":3,"file":"4845.59d2eeed98493939364c.bundle.js","mappings":"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","sources":["webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/helpers/Collapse/components/CollapseContent/CollapseContent.css","webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/helpers/Collapse/components/CollapseContent/CollapseContent.css?e7ea","webpack://@hm/react/../../../../../../../../src/helpers/Collapse/components/CollapseContent/CollapseContent.tsx","webpack://@hm/react/../../../../../../../../src/helpers/Collapse/components/CollapseUnControlled/CollapseUnControlled.tsx","webpack://@hm/react/../../../../../../../../src/helpers/Collapse/components/ControlledCollapse/ControlledCollapse.tsx","webpack://@hm/react/../../../../../../src/helpers/Collapse/Collapse.tsx"],"sourcesContent":["// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../../../../../../../../css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(true);\n// Module\nexports.push([module.id, \".d16e5a{overflow:hidden}.fad129{transition:height 300ms ease,opacity 300ms ease-in-out}.b7d679{transition:none}.c6d0f7{border:0;background-color:rgba(0,0,0,0);cursor:pointer;color:var(--base-primary-interactive)}\", \"\",{\"version\":3,\"sources\":[\"/home/vsts/work/1/s/packages/hm-react/node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/helpers/Collapse/components/CollapseContent/CollapseContent.css\"],\"names\":[],\"mappings\":\"AACA,QACE,eAAA,CAEF,QACE,sDAAA,CAEF,QACE,eAAA,CAEF,QACE,QAAA,CACA,8BAAA,CACA,cAAA,CACA,qCAAA\",\"file\":\"CollapseContent.css\",\"sourcesContent\":[\"$base-background-default: var(--base-background-default);$base-background-card: var(--base-background-card);$base-background-overlay: var(--base-background-overlay);$base-background-footer: var(--base-background-footer);$base-background-row-alternate: var(--base-background-row-alternate);$base-background-row-hover: var(--base-background-row-hover);$base-background-selected: var(--base-background-selected);$base-background-success: var(--base-background-success);$base-background-error: var(--base-background-error);$base-background-warning: var(--base-background-warning);$base-background-info: var(--base-background-info);$base-text: var(--base-text);$base-text-meta: var(--base-text-meta);$base-text-placeholder: var(--base-text-placeholder);$base-text-disabled: var(--base-text-disabled);$base-primary-interactive: var(--base-primary-interactive);$base-primary-interactive-active: var(--base-primary-interactive-active);$base-primary-interactive-hover: var(--base-primary-interactive-hover);$base-primary-interactive-visited: var(--base-primary-interactive-visited);$base-secondary-interactive: var(--base-secondary-interactive);$base-secondary-interactive-active: var(--base-secondary-interactive-active);$base-secondary-interactive-hover: var(--base-secondary-interactive-hover);$base-tertiary-interactive: var(--base-tertiary-interactive);$base-tertiary-interactive-active: var(--base-tertiary-interactive-active);$base-tertiary-interactive-hover: var(--base-tertiary-interactive-hover);$base-tertiary-interactive-disabled: var(--base-tertiary-interactive-disabled);$base-quaternary-interactive: var(--base-quaternary-interactive);$base-quaternary-interactive-active: var(--base-quaternary-interactive-active);$base-quaternary-interactive-hover: var(--base-quaternary-interactive-hover);$base-quaternary-interactive-disabled: var(--base-quaternary-interactive-disabled);$base-primary-reverse: var(--base-primary-reverse);$base-primary-reverse-interactive-active: var(--base-primary-reverse-interactive-active);$base-primary-reverse-interactive-hover: var(--base-primary-reverse-interactive-hover);$base-interactive-disabled: var(--base-interactive-disabled);$base-validation-success: var(--base-validation-success);$base-validation-error: var(--base-validation-error);$base-notification: var(--base-notification);$base-favourite: var(--base-favourite);$base-background-skeleton: var(--base-background-skeleton);$base-z-axis-shadow: var(--base-z-axis-shadow);$product-sale: var(--product-sale);$product-sustainability: var(--product-sustainability);$product-new: var(--product-new);$product-offer-product-marker: var(--product-offer-product-marker);$product-membership: var(--product-membership);$product-online-exclusive: var(--product-online-exclusive);$product-scarcity: var(--product-scarcity);$base-brand-logo: var(--base-brand-logo);$base-decoration-primary: var(--base-decoration-primary);$base-decoration-secondary: var(--base-decoration-secondary);$responsive-width-xsmall: 320px !default;$responsive-width-small: 420px !default;$responsive-width-medium: 768px !default;$responsive-width-large: 1024px !default;$responsive-width-xlarge: 1440px !default;$responsive-width-xxl: 2560px !default;$energy-class-app: var(--energy-class-app);$energy-class-ap: var(--energy-class-ap);$energy-class-a: var(--energy-class-a);$energy-class-b: var(--energy-class-b);$energy-class-c: var(--energy-class-c);$energy-class-d: var(--energy-class-d);$energy-class-e: var(--energy-class-e);$color-paypal-blue: var(--color-paypal-blue);$color-paypal-blue-light: var(--color-paypal-blue-light);$color-kakao-yellow: var(--color-kakao-yellow);$color-kakao-yellow-active: var(--color-kakao-yellow-active);$color-kakao-text: var(--color-kakao-text);$color-kakao-icon: var(--color-kakao-icon);$color-facebook: var(--color-facebook);$color-twitter: var(--color-twitter);$color-pinterest: var(--color-pinterest);$color-instagram: var(--color-instagram);$color-spotify: var(--color-spotify);$color-snapchat: var(--color-snapchat);$color-tumblr: var(--color-tumblr);$color-google-plus: var(--color-google-plus);$color-youtube: var(--color-youtube);$color-linkedin: var(--color-linkedin);$tag-swatch-beige: var(--tag-swatch-beige);$tag-swatch-black: var(--tag-swatch-black);$tag-swatch-blue: var(--tag-swatch-blue);$tag-swatch-bronze: var(--tag-swatch-bronze);$tag-swatch-brown: var(--tag-swatch-brown);$tag-swatch-gold: var(--tag-swatch-gold);$tag-swatch-green: var(--tag-swatch-green);$tag-swatch-grey: var(--tag-swatch-grey);$tag-swatch-orange: var(--tag-swatch-orange);$tag-swatch-pink: var(--tag-swatch-pink);$tag-swatch-purple: var(--tag-swatch-purple);$tag-swatch-red: var(--tag-swatch-red);$tag-swatch-silver: var(--tag-swatch-silver);$tag-swatch-turquoise: var(--tag-swatch-turquoise);$tag-swatch-white: var(--tag-swatch-white);$tag-swatch-yellow: var(--tag-swatch-yellow);$focus-fallback: var(--focus-fallback);$high-contrast-dark: var(--high-contrast-dark);$high-contrast-light: var(--high-contrast-light);$editorial-fonts: ( \\\"display-quote\\\": ( \\\"deprecated\\\": var(--editorial-display-quote-deprecated), \\\"font-family\\\": var(--editorial-display-quote-font-family), \\\"font-weight\\\": var(--editorial-display-quote-font-weight), \\\"text-transform\\\": var(--editorial-display-quote-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-display-quote-default-size-line-height-number), \\\"font-size\\\": var(--editorial-display-quote-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-display-quote-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-display-quote-breakpoint-medium-font-size-rem))), \\\"preamble\\\": ( \\\"deprecated\\\": var(--editorial-preamble-deprecated), \\\"font-family\\\": var(--editorial-preamble-font-family), \\\"font-weight\\\": var(--editorial-preamble-font-weight), \\\"text-transform\\\": var(--editorial-preamble-text-transform), \\\"font-style\\\": var(--editorial-preamble-font-style), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-preamble-default-size-line-height-number), \\\"font-size\\\": var(--editorial-preamble-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-preamble-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-preamble-breakpoint-medium-font-size-rem))), \\\"body-text\\\": ( \\\"deprecated\\\": var(--editorial-body-text-deprecated), \\\"font-family\\\": var(--editorial-body-text-font-family), \\\"font-weight\\\": var(--editorial-body-text-font-weight), \\\"text-transform\\\": var(--editorial-body-text-text-transform), \\\"font-variation-settings\\\": var(--editorial-body-text-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-body-text-default-size-line-height-number), \\\"font-size\\\": var(--editorial-body-text-default-size-font-size-rem))), \\\"text-link\\\": ( \\\"deprecated\\\": var(--editorial-text-link-deprecated), \\\"font-family\\\": var(--editorial-text-link-font-family), \\\"font-weight\\\": var(--editorial-text-link-font-weight), \\\"text-transform\\\": var(--editorial-text-link-text-transform), \\\"text-decoration\\\": var(--editorial-text-link-text-decoration), \\\"font-variation-settings\\\": var(--editorial-text-link-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-text-link-default-size-line-height-number), \\\"font-size\\\": var(--editorial-text-link-default-size-font-size-rem))), \\\"headline\\\": ( \\\"deprecated\\\": var(--editorial-headline-deprecated), \\\"font-family\\\": var(--editorial-headline-font-family), \\\"font-weight\\\": var(--editorial-headline-font-weight), \\\"font-style\\\": var(--editorial-headline-font-style), \\\"text-transform\\\": var(--editorial-headline-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--editorial-headline-default-size-line-height-number), \\\"font-size\\\": var(--editorial-headline-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--editorial-headline-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--editorial-headline-breakpoint-medium-font-size-rem))));$body-text-fonts: ( \\\"default\\\": ( \\\"deprecated\\\": var(--body-text-default-deprecated), \\\"font-family\\\": var(--body-text-default-font-family), \\\"font-weight\\\": var(--body-text-default-font-weight), \\\"text-transform\\\": var(--body-text-default-text-transform), \\\"font-variation-settings\\\": var(--body-text-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-default-default-size-line-height-number), \\\"font-size\\\": var(--body-text-default-default-size-font-size-rem))), \\\"meta\\\": ( \\\"deprecated\\\": var(--body-text-meta-deprecated), \\\"font-family\\\": var(--body-text-meta-font-family), \\\"font-weight\\\": var(--body-text-meta-font-weight), \\\"text-transform\\\": var(--body-text-meta-text-transform), \\\"font-variation-settings\\\": var(--body-text-meta-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-meta-default-size-line-height-number), \\\"font-size\\\": var(--body-text-meta-default-size-font-size-rem))), \\\"paragraph\\\": ( \\\"deprecated\\\": var(--body-text-paragraph-deprecated), \\\"font-family\\\": var(--body-text-paragraph-font-family), \\\"font-weight\\\": var(--body-text-paragraph-font-weight), \\\"font-variation-settings\\\": var(--body-text-paragraph-font-variation-settings), \\\"text-transform\\\": var(--body-text-paragraph-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-paragraph-default-size-line-height-number), \\\"font-size\\\": var(--body-text-paragraph-default-size-font-size-rem))), \\\"preamble\\\": ( \\\"deprecated\\\": var(--body-text-preamble-deprecated), \\\"font-family\\\": var(--body-text-preamble-font-family), \\\"font-weight\\\": var(--body-text-preamble-font-weight), \\\"text-transform\\\": var(--body-text-preamble-text-transform), \\\"font-variation-settings\\\": var(--body-text-preamble-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--body-text-preamble-default-size-line-height-number), \\\"font-size\\\": var(--body-text-preamble-default-size-font-size-rem))));$heading-fonts: ( \\\"xs\\\": ( \\\"deprecated\\\": var(--heading-xs-deprecated), \\\"font-family\\\": var(--heading-xs-font-family), \\\"font-weight\\\": var(--heading-xs-font-weight), \\\"text-transform\\\": var(--heading-xs-text-transform), \\\"font-variation-settings\\\": var(--heading-xs-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-xs-default-size-line-height-number), \\\"font-size\\\": var(--heading-xs-default-size-font-size-rem))), \\\"s\\\": ( \\\"deprecated\\\": var(--heading-s-deprecated), \\\"font-family\\\": var(--heading-s-font-family), \\\"font-weight\\\": var(--heading-s-font-weight), \\\"text-transform\\\": var(--heading-s-text-transform), \\\"font-variation-settings\\\": var(--heading-s-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-s-default-size-line-height-number), \\\"font-size\\\": var(--heading-s-default-size-font-size-rem))), \\\"m\\\": ( \\\"deprecated\\\": var(--heading-m-deprecated), \\\"font-family\\\": var(--heading-m-font-family), \\\"font-weight\\\": var(--heading-m-font-weight), \\\"text-transform\\\": var(--heading-m-text-transform), \\\"font-variation-settings\\\": var(--heading-m-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-m-default-size-line-height-number), \\\"font-size\\\": var(--heading-m-default-size-font-size-rem))), \\\"l\\\": ( \\\"deprecated\\\": var(--heading-l-deprecated), \\\"font-family\\\": var(--heading-l-font-family), \\\"font-weight\\\": var(--heading-l-font-weight), \\\"text-transform\\\": var(--heading-l-text-transform), \\\"font-variation-settings\\\": var(--heading-l-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-l-default-size-line-height-number), \\\"font-size\\\": var(--heading-l-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--heading-l-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--heading-l-breakpoint-medium-font-size-rem))), \\\"xl\\\": ( \\\"deprecated\\\": var(--heading-xl-deprecated), \\\"font-family\\\": var(--heading-xl-font-family), \\\"font-weight\\\": var(--heading-xl-font-weight), \\\"text-transform\\\": var(--heading-xl-text-transform), \\\"font-variation-settings\\\": var(--heading-xl-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-xl-default-size-line-height-number), \\\"font-size\\\": var(--heading-xl-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--heading-xl-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--heading-xl-breakpoint-medium-font-size-rem))), \\\"pre-heading\\\": ( \\\"deprecated\\\": var(--heading-pre-heading-deprecated), \\\"font-family\\\": var(--heading-pre-heading-font-family), \\\"font-weight\\\": var(--heading-pre-heading-font-weight), \\\"text-transform\\\": var(--heading-pre-heading-text-transform), \\\"font-variation-settings\\\": var(--heading-pre-heading-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--heading-pre-heading-default-size-line-height-number), \\\"font-size\\\": var(--heading-pre-heading-default-size-font-size-rem))));$display-fonts: ( \\\"default\\\": ( \\\"deprecated\\\": var(--display-default-deprecated), \\\"font-family\\\": var(--display-default-font-family), \\\"font-weight\\\": var(--display-default-font-weight), \\\"text-transform\\\": var(--display-default-text-transform), \\\"letter-spacing\\\": var(--display-default-letter-spacing), \\\"font-variation-settings\\\": var(--display-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--display-default-default-size-line-height-number), \\\"font-size\\\": var(--display-default-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--display-default-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--display-default-breakpoint-medium-font-size-rem))), \\\"quote\\\": ( \\\"deprecated\\\": var(--display-quote-deprecated), \\\"font-family\\\": var(--display-quote-font-family), \\\"font-weight\\\": var(--display-quote-font-weight), \\\"text-transform\\\": var(--display-quote-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--display-quote-default-size-line-height-number), \\\"font-size\\\": var(--display-quote-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--display-quote-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--display-quote-breakpoint-medium-font-size-rem))));$price-fonts: ( \\\"original-default\\\": ( \\\"deprecated\\\": var(--price-original-default-deprecated), \\\"font-family\\\": var(--price-original-default-font-family), \\\"font-weight\\\": var(--price-original-default-font-weight), \\\"text-transform\\\": var(--price-original-default-text-transform), \\\"text-decoration\\\": var(--price-original-default-text-decoration), \\\"font-variation-settings\\\": var(--price-original-default-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-original-default-default-size-line-height-number), \\\"font-size\\\": var(--price-original-default-default-size-font-size-rem))), \\\"original-large\\\": ( \\\"deprecated\\\": var(--price-original-large-deprecated), \\\"font-family\\\": var(--price-original-large-font-family), \\\"font-weight\\\": var(--price-original-large-font-weight), \\\"text-transform\\\": var(--price-original-large-text-transform), \\\"text-decoration\\\": var(--price-original-large-text-decoration), \\\"font-variation-settings\\\": var(--price-original-large-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-original-large-default-size-line-height-number), \\\"font-size\\\": var(--price-original-large-default-size-font-size-rem))), \\\"black-default\\\": ( \\\"deprecated\\\": var(--price-black-default-deprecated), \\\"font-family\\\": var(--price-black-default-font-family), \\\"font-weight\\\": var(--price-black-default-font-weight), \\\"font-variation-settings\\\": var(--price-black-default-font-variation-settings), \\\"text-transform\\\": var(--price-black-default-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-black-default-default-size-line-height-number), \\\"font-size\\\": var(--price-black-default-default-size-font-size-rem))), \\\"black-large\\\": ( \\\"deprecated\\\": var(--price-black-large-deprecated), \\\"font-family\\\": var(--price-black-large-font-family), \\\"font-weight\\\": var(--price-black-large-font-weight), \\\"font-variation-settings\\\": var(--price-black-large-font-variation-settings), \\\"text-transform\\\": var(--price-black-large-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-black-large-default-size-line-height-number), \\\"font-size\\\": var(--price-black-large-default-size-font-size-rem))), \\\"previous-meta\\\": ( \\\"deprecated\\\": var(--price-previous-meta-deprecated), \\\"font-family\\\": var(--price-previous-meta-font-family), \\\"font-weight\\\": var(--price-previous-meta-font-weight), \\\"text-transform\\\": var(--price-previous-meta-text-transform), \\\"text-decoration\\\": var(--price-previous-meta-text-decoration), \\\"font-variation-settings\\\": var(--price-previous-meta-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--price-previous-meta-default-size-line-height-number), \\\"font-size\\\": var(--price-previous-meta-default-size-font-size-rem))));$label-fonts: ( \\\"form-label\\\": ( \\\"deprecated\\\": var(--label-form-label-deprecated), \\\"font-family\\\": var(--label-form-label-font-family), \\\"font-weight\\\": var(--label-form-label-font-weight), \\\"text-transform\\\": var(--label-form-label-text-transform), \\\"font-variation-settings\\\": var(--label-form-label-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--label-form-label-default-size-line-height-number), \\\"font-size\\\": var(--label-form-label-default-size-font-size-rem))));$interactive-fonts: ( \\\"navigation-parent\\\": ( \\\"deprecated\\\": var(--interactive-navigation-parent-deprecated), \\\"font-family\\\": var(--interactive-navigation-parent-font-family), \\\"font-weight\\\": var(--interactive-navigation-parent-font-weight), \\\"text-transform\\\": var(--interactive-navigation-parent-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-parent-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-parent-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-parent-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--interactive-navigation-parent-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--interactive-navigation-parent-breakpoint-medium-font-size-rem))), \\\"navigation-child\\\": ( \\\"deprecated\\\": var(--interactive-navigation-child-deprecated), \\\"font-family\\\": var(--interactive-navigation-child-font-family), \\\"font-weight\\\": var(--interactive-navigation-child-font-weight), \\\"text-transform\\\": var(--interactive-navigation-child-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-child-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-child-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-child-default-size-font-size-rem))), \\\"navigation-large\\\": ( \\\"deprecated\\\": var(--interactive-navigation-large-deprecated), \\\"font-family\\\": var(--interactive-navigation-large-font-family), \\\"font-weight\\\": var(--interactive-navigation-large-font-weight), \\\"text-transform\\\": var(--interactive-navigation-large-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-large-text-decoration), \\\"font-variation-settings\\\": var(--interactive-navigation-large-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-large-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-large-default-size-font-size-rem)), \\\"breakpoint-medium\\\": ( \\\"line-height\\\": var(--interactive-navigation-large-breakpoint-medium-line-height-number), \\\"font-size\\\": var(--interactive-navigation-large-breakpoint-medium-font-size-rem))), \\\"navigation-medium\\\": ( \\\"deprecated\\\": var(--interactive-navigation-medium-deprecated), \\\"font-family\\\": var(--interactive-navigation-medium-font-family), \\\"font-weight\\\": var(--interactive-navigation-medium-font-weight), \\\"font-variation-settings\\\": var(--interactive-navigation-medium-font-variation-settings), \\\"text-transform\\\": var(--interactive-navigation-medium-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-medium-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-medium-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-medium-default-size-font-size-rem))), \\\"navigation-small\\\": ( \\\"deprecated\\\": var(--interactive-navigation-small-deprecated), \\\"font-family\\\": var(--interactive-navigation-small-font-family), \\\"font-weight\\\": var(--interactive-navigation-small-font-weight), \\\"font-variation-settings\\\": var(--interactive-navigation-small-font-variation-settings), \\\"text-transform\\\": var(--interactive-navigation-small-text-transform), \\\"text-decoration\\\": var(--interactive-navigation-small-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-navigation-small-default-size-line-height-number), \\\"font-size\\\": var(--interactive-navigation-small-default-size-font-size-rem))), \\\"inline-link-default\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-default-deprecated), \\\"font-family\\\": var(--interactive-inline-link-default-font-family), \\\"font-weight\\\": var(--interactive-inline-link-default-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-default-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-default-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-default-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-default-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-default-default-size-font-size-rem))), \\\"inline-link-meta\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-meta-deprecated), \\\"font-family\\\": var(--interactive-inline-link-meta-font-family), \\\"font-weight\\\": var(--interactive-inline-link-meta-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-meta-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-meta-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-meta-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-meta-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-meta-default-size-font-size-rem))), \\\"inline-link-paragraph\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-paragraph-deprecated), \\\"font-family\\\": var(--interactive-inline-link-paragraph-font-family), \\\"font-weight\\\": var(--interactive-inline-link-paragraph-font-weight), \\\"font-variation-settings\\\": var(--interactive-inline-link-paragraph-font-variation-settings), \\\"text-transform\\\": var(--interactive-inline-link-paragraph-text-transform), \\\"text-decoration\\\": var(--interactive-inline-link-paragraph-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-paragraph-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-paragraph-default-size-font-size-rem))), \\\"inline-link-preamble\\\": ( \\\"deprecated\\\": var(--interactive-inline-link-preamble-deprecated), \\\"font-family\\\": var(--interactive-inline-link-preamble-font-family), \\\"font-weight\\\": var(--interactive-inline-link-preamble-font-weight), \\\"text-transform\\\": var(--interactive-inline-link-preamble-text-transform), \\\"font-variation-settings\\\": var(--interactive-inline-link-preamble-font-variation-settings), \\\"text-decoration\\\": var(--interactive-inline-link-preamble-text-decoration), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-inline-link-preamble-default-size-line-height-number), \\\"font-size\\\": var(--interactive-inline-link-preamble-default-size-font-size-rem))), \\\"standalone-link\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-font-weight), \\\"text-transform\\\": var(--interactive-standalone-link-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-default-size-font-size-rem))), \\\"standalone-link-default\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-default-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-default-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-default-font-weight), \\\"text-transform\\\": var(--interactive-standalone-link-default-text-transform), \\\"font-variation-settings\\\": var(--interactive-standalone-link-default-font-variation-settings), \\\"text-decoration\\\": var(--interactive-standalone-link-default-text-decoration), \\\"letter-spacing\\\": var(--interactive-standalone-link-default-letter-spacing), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-default-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-default-default-size-font-size-rem))), \\\"standalone-link-underline\\\": ( \\\"deprecated\\\": var(--interactive-standalone-link-underline-deprecated), \\\"font-family\\\": var(--interactive-standalone-link-underline-font-family), \\\"font-weight\\\": var(--interactive-standalone-link-underline-font-weight), \\\"text-decoration\\\": var(--interactive-standalone-link-underline-text-decoration), \\\"text-transform\\\": var(--interactive-standalone-link-underline-text-transform), \\\"font-variation-settings\\\": var(--interactive-standalone-link-underline-font-variation-settings), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-standalone-link-underline-default-size-line-height-number), \\\"font-size\\\": var(--interactive-standalone-link-underline-default-size-font-size-rem))), \\\"input-text\\\": ( \\\"deprecated\\\": var(--interactive-input-text-deprecated), \\\"font-family\\\": var(--interactive-input-text-font-family), \\\"font-weight\\\": var(--interactive-input-text-font-weight), \\\"font-variation-settings\\\": var(--interactive-input-text-font-variation-settings), \\\"text-transform\\\": var(--interactive-input-text-text-transform), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-input-text-default-size-line-height-number), \\\"font-size\\\": var(--interactive-input-text-default-size-font-size-rem))), \\\"element\\\": ( \\\"deprecated\\\": var(--interactive-element-deprecated), \\\"font-family\\\": var(--interactive-element-font-family), \\\"font-weight\\\": var(--interactive-element-font-weight), \\\"font-variation-settings\\\": var(--interactive-element-font-variation-settings), \\\"text-transform\\\": var(--interactive-element-text-transform), \\\"letter-spacing\\\": var(--interactive-element-letter-spacing), \\\"default-size\\\": ( \\\"line-height\\\": var(--interactive-element-default-size-line-height-number), \\\"font-size\\\": var(--interactive-element-default-size-font-size-rem))));$button-fonts: ('s': ('font-family': (\\\"HM Sans Semi Bold\\\", \\\"HMSansHebrew-SemiBold\\\", \\\"ヒラギノ角ゴ Pro W3\\\", \\\"Hiragino Kaku Gothic Pro\\\", Osaka, \\\"メイリオ\\\", Meiryo, \\\"ＭＳ Ｐゴシック\\\", \\\"MS PGothic\\\", sans-serif),'font-weight': 500,'text-transform': none,'letter-spacing': normal,'default-size': ('line-height': 1,'font-size': 1rem,),),);$spacing-none: var(--spacing-none-px);$spacing-xxxs: var(--spacing-xxxs-px);$spacing-xxs: var(--spacing-xxs-px);$spacing-xs: var(--spacing-xs-px);$spacing-s: var(--spacing-s-px);$spacing-m: var(--spacing-m-px);$spacing-l: var(--spacing-l-px);$spacing-xl: var(--spacing-xl-px);$spacing-xxl: var(--spacing-xxl-px);$spacing-xxl-2: var(--spacing-xxl-2-px);$spacing-xxxl: var(--spacing-xxxl-px);$spacing-xxxxl: var(--spacing-xxxxl-px);$spacing-xxxxxl: var(--spacing-xxxxxl-px);$spacing-xxxxxxl: var(--spacing-xxxxxxl-px);$spacing-xs-deprecated: var(--spacing-xs-deprecated-px);$is-development: true;$is-staging: false;$is-production: false;$interactive-border: (\\\"radius\\\": var(--interactive-border-radius), \\\"width\\\": var(--interactive-border-width));$card-border: (\\\"radius\\\": var(--card-border-radius), \\\"width\\\": var(--card-border-width));$section-border: (\\\"radius\\\": var(--section-border-radius), \\\"width\\\": var(--section-border-width));$shadow-interactive-default: (\\\"xAxis\\\": var(--shadow-interactive-default-xAxis), \\\"yAxis\\\": var(--shadow-interactive-default-yAxis), \\\"blur\\\": var(--shadow-interactive-default-blur), \\\"spread\\\": var(--shadow-interactive-default-spread), \\\"color\\\": var(--shadow-interactive-default-color));$shadow-interactive-hover: (\\\"xAxis\\\": var(--shadow-interactive-hover-xAxis), \\\"yAxis\\\": var(--shadow-interactive-hover-yAxis), \\\"blur\\\": var(--shadow-interactive-hover-blur), \\\"spread\\\": var(--shadow-interactive-hover-spread), \\\"color\\\": var(--shadow-interactive-hover-color));$shadow-interactive-active: (\\\"xAxis\\\": var(--shadow-interactive-active-xAxis), \\\"yAxis\\\": var(--shadow-interactive-active-yAxis), \\\"blur\\\": var(--shadow-interactive-active-blur), \\\"spread\\\": var(--shadow-interactive-active-spread), \\\"color\\\": var(--shadow-interactive-active-color));$shadow-static: (\\\"xAxis\\\": var(--shadow-static-xAxis), \\\"yAxis\\\": var(--shadow-static-yAxis), \\\"blur\\\": var(--shadow-static-blur), \\\"spread\\\": var(--shadow-static-spread), \\\"color\\\": var(--shadow-static-color));$z-index-toast-notification: var(--z-index-toast-notification);$z-index-panel: var(--z-index-panel);$z-index-overlay: var(--z-index-overlay);$z-index-dropdown: var(--z-index-dropdown);$z-index-tooltip: var(--z-index-tooltip);$default-palette: ('background': var(--default-palette-background, $base-background-default),'text': var(--default-palette-text, $base-text),'headline': var(--default-palette-headline, $base-text),'logo': var(--default-palette-logo, $base-brand-logo),'interactive': var(--default-palette-interactive, $base-primary-interactive),'interactive-hover': var(--default-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--default-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--default-palette-interactive-reverse, $base-primary-reverse),);$inverted-palette: ('background': var(--inverted-palette-background, $base-background-default),'text': var(--inverted-palette-text, $base-text),'headline': var(--inverted-palette-headline, $base-text),'logo': var(--inverted-palette-logo, $base-brand-logo),'interactive': var(--inverted-palette-interactive, $base-primary-interactive),'interactive-hover': var(--inverted-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--inverted-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--inverted-palette-interactive-reverse, $base-primary-reverse),);$sale-palette: ('background': var(--sale-palette-background, $base-background-default),'text': var(--sale-palette-text, $base-text),'headline': var(--sale-palette-headline, $base-text),'logo': var(--sale-palette-logo, $base-brand-logo),'interactive': var(--sale-palette-interactive, $base-primary-interactive),'interactive-hover': var(--sale-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--sale-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--sale-palette-interactive-reverse, $base-primary-reverse),);$member-palette: ('background': var(--member-palette-background, $base-background-default),'text': var(--member-palette-text, $base-text),'headline': var(--member-palette-headline, $base-text),'logo': var(--member-palette-logo, $base-brand-logo),'interactive': var(--member-palette-interactive, $base-primary-interactive),'interactive-hover': var(--member-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--member-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--member-palette-interactive-reverse, $base-primary-reverse),);$deals-palette: ('background': var(--deals-palette-background, $base-background-default),'text': var(--deals-palette-text, $base-text),'headline': var(--deals-palette-headline, $base-text),'logo': var(--deals-palette-logo, $base-brand-logo),'interactive': var(--deals-palette-interactive, $base-primary-interactive),'interactive-hover': var(--deals-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--deals-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--deals-palette-interactive-reverse, $base-primary-reverse),);$black-friday-palette: ('background': var(--black-friday-palette-background, $base-background-default),'text': var(--black-friday-palette-text, $base-text),'headline': var(--black-friday-palette-headline, $base-text),'logo': var(--black-friday-palette-logo, $base-brand-logo),'interactive': var(--black-friday-palette-interactive, $base-primary-interactive),'interactive-hover': var(--black-friday-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--black-friday-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--black-friday-palette-interactive-reverse, $base-primary-reverse),);$cyber-monday-palette: ('background': var(--cyber-monday-palette-background, $base-background-default),'text': var(--cyber-monday-palette-text, $base-text),'headline': var(--cyber-monday-palette-headline, $base-text),'logo': var(--cyber-monday-palette-logo, $base-brand-logo),'interactive': var(--cyber-monday-palette-interactive, $base-primary-interactive),'interactive-hover': var(--cyber-monday-palette-interactive-hover, $base-primary-interactive-hover),'interactive-active': var(--cyber-monday-palette-interactive-active, $base-primary-interactive-active),'interactive-reverse': var(--cyber-monday-palette-interactive-reverse, $base-primary-reverse),);$available-palettes: ('default': $default-palette,'inverted': $inverted-palette,'sale': $sale-palette,'member': $member-palette,'deals': $deals-palette,'black-friday': $black-friday-palette,'cyber-monday': $cyber-monday-palette,);$default-palette: ('background': $base-background-default,'text': $base-text,'headline': $base-text,'logo': $base-brand-logo,'interactive': $base-primary-interactive,'interactive-hover': $base-primary-interactive-hover,'interactive-active': $base-primary-interactive-active,'interactive-reverse': $base-primary-reverse,);$fds-text-display: ('xl': ('font-family': var(--fds-text-display-xl-font-family),'text-transform': var(--fds-text-display-xl-text-transform),'font-variation-settings': var(--fds-text-display-xl-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-xl-default-size-font-size-rem),'line-height': var(--fds-text-display-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-display-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-display-xl-size-desktop-line-height-number),),),'l': ('font-family': var(--fds-text-display-l-font-family),'text-transform': var(--fds-text-display-l-text-transform),'font-variation-settings': var(--fds-text-display-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-l-default-size-font-size-rem),'line-height': var(--fds-text-display-l-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-display-m-font-family),'text-transform': var(--fds-text-display-m-text-transform),'font-variation-settings': var(--fds-text-display-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-display-m-default-size-font-size-rem),'line-height': var(--fds-text-display-m-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-display-m-size-desktop-font-size-rem),'line-height': var(--fds-text-display-m-size-desktop-line-height-number),),),);$fds-text-heading: ('xxl': ('font-family': var(--fds-text-heading-xxl-font-family),'text-transform': var(--fds-text-heading-xxl-text-transform),'font-variation-settings': var(--fds-text-heading-xxl-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-xxl-default-size-font-size-rem),'line-height': var(--fds-text-heading-xxl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-heading-xxl-size-desktop-font-size-rem),'line-height': var(--fds-text-heading-xxl-size-desktop-line-height-number),),),'xl': ('font-family': var(--fds-text-heading-xl-font-family),'text-transform': var(--fds-text-heading-xl-text-transform),'font-variation-settings': var(--fds-text-heading-xl-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-xl-default-size-font-size-rem),'line-height': var(--fds-text-heading-xl-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-heading-l-font-family),'text-transform': var(--fds-text-heading-l-text-transform),'font-variation-settings': var(--fds-text-heading-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-l-default-size-font-size-rem),'line-height': var(--fds-text-heading-l-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-heading-m-font-family),'text-transform': var(--fds-text-heading-m-text-transform),'font-variation-settings': var(--fds-text-heading-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-m-default-size-font-size-rem),'line-height': var(--fds-text-heading-m-default-size-line-height-number),),),'s': ('font-family': var(--fds-text-heading-s-font-family),'text-transform': var(--fds-text-heading-s-text-transform),'font-variation-settings': var(--fds-text-heading-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-heading-s-default-size-font-size-rem),'line-height': var(--fds-text-heading-s-default-size-line-height-number),),),);$fds-text-label: ('xs': ('font-family': var(--fds-text-label-xs-font-family),'text-transform': var(--fds-text-label-xs-text-transform),'font-variation-settings': var(--fds-text-label-xs-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-xs-default-size-font-size-rem),'line-height': var(--fds-text-label-xs-default-size-line-height-number),),),'s': ('font-family': var(--fds-text-label-s-font-family),'text-transform': var(--fds-text-label-s-text-transform),'font-variation-settings': var(--fds-text-label-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-s-default-size-font-size-rem),'line-height': var(--fds-text-label-s-default-size-line-height-number),),),'s-strong': ('font-family': var(--fds-text-label-s-strong-font-family),'text-transform': var(--fds-text-label-s-strong-text-transform),'font-variation-settings': var(--fds-text-label-s-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-s-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-s-strong-default-size-line-height-number),),),'s-link': ('font-family': var(--fds-text-label-s-link-font-family),'text-transform': var(--fds-text-label-s-link-text-transform),'font-variation-settings': var(--fds-text-label-s-link-font-variation-settings),'text-decoration': var(--fds-text-label-s-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-s-link-default-size-font-size-rem),'line-height': var(--fds-text-label-s-link-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-label-m-font-family),'text-transform': var(--fds-text-label-m-text-transform),'font-variation-settings': var(--fds-text-label-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-m-default-size-font-size-rem),'line-height': var(--fds-text-label-m-default-size-line-height-number),),),'m-strong': ('font-family': var(--fds-text-label-m-strong-font-family),'text-transform': var(--fds-text-label-m-strong-text-transform),'font-variation-settings': var(--fds-text-label-m-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-m-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-m-strong-default-size-line-height-number),),),'m-link': ('font-family': var(--fds-text-label-m-link-font-family),'text-transform': var(--fds-text-label-m-link-text-transform),'font-variation-settings': var(--fds-text-label-m-link-font-variation-settings),'text-decoration': var(--fds-text-label-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-m-link-default-size-font-size-rem),'line-height': var(--fds-text-label-m-link-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-label-l-font-family),'text-transform': var(--fds-text-label-l-text-transform),'font-variation-settings': var(--fds-text-label-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-l-default-size-font-size-rem),'line-height': var(--fds-text-label-l-default-size-line-height-number),),),'l-strong': ('font-family': var(--fds-text-label-l-strong-font-family),'text-transform': var(--fds-text-label-l-strong-text-transform),'font-variation-settings': var(--fds-text-label-l-strong-font-variation-settings),'default-size': ('font-size': var(--fds-text-label-l-strong-default-size-font-size-rem),'line-height': var(--fds-text-label-l-strong-default-size-line-height-number),),),'l-link': ('font-family': var(--fds-text-label-l-link-font-family),'text-transform': var(--fds-text-label-l-link-text-transform),'font-variation-settings': var(--fds-text-label-l-link-font-variation-settings),'text-decoration': var(--fds-text-label-l-link-text-decoration),'default-size': ('font-size': var(--fds-text-label-l-link-default-size-font-size-rem),'line-height': var(--fds-text-label-l-link-default-size-line-height-number),),),);$fds-text-body: ('s': ('font-family': var(--fds-text-body-s-font-family),'text-transform': var(--fds-text-body-s-text-transform),'font-variation-settings': var(--fds-text-body-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-body-s-default-size-font-size-rem),'line-height': var(--fds-text-body-s-default-size-line-height-number),),),'s-link': ('font-family': var(--fds-text-body-s-link-font-family),'text-transform': var(--fds-text-body-s-link-text-transform),'font-variation-settings': var(--fds-text-body-s-link-font-variation-settings),'text-decoration': var(--fds-text-body-s-link-text-decoration),'default-size': ('font-size': var(--fds-text-body-s-link-default-size-font-size-rem),'line-height': var(--fds-text-body-s-link-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-body-m-font-family),'text-transform': var(--fds-text-body-m-text-transform),'font-variation-settings': var(--fds-text-body-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-body-m-default-size-font-size-rem),'line-height': var(--fds-text-body-m-default-size-line-height-number),),),'m-link': ('font-family': var(--fds-text-body-m-link-font-family),'text-transform': var(--fds-text-body-m-link-text-transform),'font-variation-settings': var(--fds-text-body-m-link-font-variation-settings),'text-decoration': var(--fds-text-body-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-body-m-link-default-size-font-size-rem),'line-height': var(--fds-text-body-m-link-default-size-line-height-number),),),);$fds-text-nav: ('s': ('font-family': var(--fds-text-nav-s-font-family),'text-transform': var(--fds-text-nav-s-text-transform),'font-variation-settings': var(--fds-text-nav-s-font-variation-settings),'text-decoration': var(--fds-text-nav-s-text-decoration),'default-size': ('font-size': var(--fds-text-nav-s-default-size-font-size-rem),'line-height': var(--fds-text-nav-s-default-size-line-height-number),),),'s-active': ('font-family': var(--fds-text-nav-s-active-font-family),'text-transform': var(--fds-text-nav-s-active-text-transform),'font-variation-settings': var(--fds-text-nav-s-active-font-variation-settings),'text-decoration': var(--fds-text-nav-s-active-text-decoration),'default-size': ('font-size': var(--fds-text-nav-s-active-default-size-font-size-rem),'line-height': var(--fds-text-nav-s-active-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-nav-m-font-family),'text-transform': var(--fds-text-nav-m-text-transform),'font-variation-settings': var(--fds-text-nav-m-font-variation-settings),'text-decoration': var(--fds-text-nav-m-text-decoration),'default-size': ('font-size': var(--fds-text-nav-m-default-size-font-size-rem),'line-height': var(--fds-text-nav-m-default-size-line-height-number),),),'m-active': ('font-family': var(--fds-text-nav-m-active-font-family),'text-transform': var(--fds-text-nav-m-active-text-transform),'font-variation-settings': var(--fds-text-nav-m-active-font-variation-settings),'text-decoration': var(--fds-text-nav-m-active-text-decoration),'default-size': ('font-size': var(--fds-text-nav-m-active-default-size-font-size-rem),'line-height': var(--fds-text-nav-m-active-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-nav-l-font-family),'text-transform': var(--fds-text-nav-l-text-transform),'font-variation-settings': var(--fds-text-nav-l-font-variation-settings),'text-decoration': var(--fds-text-nav-l-text-decoration),'default-size': ('font-size': var(--fds-text-nav-l-default-size-font-size-rem),'line-height': var(--fds-text-nav-l-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-nav-l-size-desktop-font-size-rem),'line-height': var(--fds-text-nav-l-size-desktop-line-height-number),),),'xl': ('font-family': var(--fds-text-nav-xl-font-family),'text-transform': var(--fds-text-nav-xl-text-transform),'font-variation-settings': var(--fds-text-nav-xl-font-variation-settings),'text-decoration': var(--fds-text-nav-xl-text-decoration),'default-size': ('font-size': var(--fds-text-nav-xl-default-size-font-size-rem),'line-height': var(--fds-text-nav-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-nav-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-nav-xl-size-desktop-line-height-number),),),);$fds-text-action: ('s': ('font-family': var(--fds-text-action-s-font-family),'text-transform': var(--fds-text-action-s-text-transform),'font-variation-settings': var(--fds-text-action-s-font-variation-settings),'text-decoration': var(--fds-text-action-s-text-decoration),'default-size': ('font-size': var(--fds-text-action-s-default-size-font-size-rem),'line-height': var(--fds-text-action-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-action-m-font-family),'text-transform': var(--fds-text-action-m-text-transform),'font-variation-settings': var(--fds-text-action-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-action-m-default-size-font-size-rem),'line-height': var(--fds-text-action-m-default-size-line-height-number),),),'m-active': ('font-family': var(--fds-text-action-m-active-font-family),'text-transform': var(--fds-text-action-m-active-text-transform),'font-variation-settings': var(--fds-text-action-m-active-font-variation-settings),'default-size': ('font-size': var(--fds-text-action-m-active-default-size-font-size-rem),'line-height': var(--fds-text-action-m-active-default-size-line-height-number),),),);$fds-text-link: ('s': ('font-family': var(--fds-text-link-s-font-family),'text-transform': var(--fds-text-link-s-text-transform),'font-variation-settings': var(--fds-text-link-s-font-variation-settings),'text-decoration': var(--fds-text-link-s-text-decoration),'default-size': ('font-size': var(--fds-text-link-s-default-size-font-size-rem),'line-height': var(--fds-text-link-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-link-m-font-family),'text-transform': var(--fds-text-link-m-text-transform),'font-variation-settings': var(--fds-text-link-m-font-variation-settings),'text-decoration': var(--fds-text-link-m-text-decoration),'default-size': ('font-size': var(--fds-text-link-m-default-size-font-size-rem),'line-height': var(--fds-text-link-m-default-size-line-height-number),),),);$fds-text-price: ('s': ('font-family': var(--fds-text-price-s-font-family),'text-transform': var(--fds-text-price-s-text-transform),'font-variation-settings': var(--fds-text-price-s-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-s-default-size-font-size-rem),'line-height': var(--fds-text-price-s-default-size-line-height-number),),),'m': ('font-family': var(--fds-text-price-m-font-family),'text-transform': var(--fds-text-price-m-text-transform),'font-variation-settings': var(--fds-text-price-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-m-default-size-font-size-rem),'line-height': var(--fds-text-price-m-default-size-line-height-number),),),'l': ('font-family': var(--fds-text-price-l-font-family),'text-transform': var(--fds-text-price-l-text-transform),'font-variation-settings': var(--fds-text-price-l-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-l-default-size-font-size-rem),'line-height': var(--fds-text-price-l-default-size-line-height-number),),),'s-previous': ('font-family': var(--fds-text-price-s-previous-font-family),'text-transform': var(--fds-text-price-s-previous-text-transform),'text-decoration': var(--fds-text-price-s-previous-text-decoration),'font-variation-settings': var(--fds-text-price-s-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-s-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-s-previous-default-size-line-height-number),),),'m-previous': ('font-family': var(--fds-text-price-m-previous-font-family),'text-transform': var(--fds-text-price-m-previous-text-transform),'text-decoration': var(--fds-text-price-m-previous-text-decoration),'font-variation-settings': var(--fds-text-price-m-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-m-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-m-previous-default-size-line-height-number),),),'l-previous': ('font-family': var(--fds-text-price-l-previous-font-family),'text-transform': var(--fds-text-price-l-previous-text-transform),'text-decoration': var(--fds-text-price-l-previous-text-decoration),'font-variation-settings': var(--fds-text-price-l-previous-font-variation-settings),'default-size': ('font-size': var(--fds-text-price-l-previous-default-size-font-size-rem),'line-height': var(--fds-text-price-l-previous-default-size-line-height-number),),),);$fds-text-editorial: ('heading-xl': ('font-family': var(--fds-text-editorial-heading-xl-font-family),'text-transform': var(--fds-text-editorial-heading-xl-text-transform),'font-weight': var(--fds-text-editorial-heading-xl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-heading-xl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-heading-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-heading-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-heading-xl-size-desktop-line-height-number),),),'heading-xxl': ('font-family': var(--fds-text-editorial-heading-xxl-font-family),'text-transform': var(--fds-text-editorial-heading-xxl-text-transform),'font-weight': var(--fds-text-editorial-heading-xxl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-heading-xxl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-heading-xxl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-heading-xxl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-heading-xxl-size-desktop-line-height-number),),),'quote-l': ('font-family': var(--fds-text-editorial-quote-l-font-family),'text-transform': var(--fds-text-editorial-quote-l-text-transform),'font-weight': var(--fds-text-editorial-quote-l-font-weight),'font-style': var(--fds-text-editorial-quote-l-font-style),'default-size': ('font-size': var(--fds-text-editorial-quote-l-default-size-font-size-rem),'line-height': var(--fds-text-editorial-quote-l-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-quote-l-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-quote-l-size-desktop-line-height-number),),),'body-xl': ('font-family': var(--fds-text-editorial-body-xl-font-family),'text-transform': var(--fds-text-editorial-body-xl-text-transform),'font-weight': var(--fds-text-editorial-body-xl-font-weight),'default-size': ('font-size': var(--fds-text-editorial-body-xl-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-body-xl-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-size-desktop-line-height-number),),),'body-m': ('font-family': var(--fds-text-editorial-body-m-font-family),'text-transform': var(--fds-text-editorial-body-m-text-transform),'font-variation-settings': var(--fds-text-editorial-body-m-font-variation-settings),'default-size': ('font-size': var(--fds-text-editorial-body-m-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-m-default-size-line-height-number),),),'body-xl-link': ('font-family': var(--fds-text-editorial-body-xl-link-font-family),'text-transform': var(--fds-text-editorial-body-xl-link-text-transform),'font-weight': var(--fds-text-editorial-body-xl-link-font-weight),'text-decoration': var(--fds-text-editorial-body-xl-link-text-decoration),'default-size': ('font-size': var(--fds-text-editorial-body-xl-link-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-link-default-size-line-height-number),),'size-desktop': ('font-size': var(--fds-text-editorial-body-xl-link-size-desktop-font-size-rem),'line-height': var(--fds-text-editorial-body-xl-link-size-desktop-line-height-number),),),'body-m-link': ('font-family': var(--fds-text-editorial-body-m-link-font-family),'text-transform': var(--fds-text-editorial-body-m-link-text-transform),'font-variation-settings': var(--fds-text-editorial-body-m-link-font-variation-settings),'text-decoration': var(--fds-text-editorial-body-m-link-text-decoration),'default-size': ('font-size': var(--fds-text-editorial-body-m-link-default-size-font-size-rem),'line-height': var(--fds-text-editorial-body-m-link-default-size-line-height-number),),),);$theme: 'northstar';\\n.d16e5a {\\n  overflow: hidden;\\n}\\n.fad129 {\\n  transition: height 300ms ease, opacity 300ms ease-in-out;\\n}\\n.b7d679 {\\n  transition: none;\\n}\\n.c6d0f7 {\\n  border: 0;\\n  background-color: transparent;\\n  cursor: pointer;\\n  color: var(--base-primary-interactive);\\n}\"]}]);\n// Exports\nmodule.exports = exports;\n","import api from \"!../../../../../../../../../../style-loader/dist/runtime/injectStylesIntoStyleTag.js\";\n            import content from \"!!../../../../../../../../../../css-loader/dist/cjs.js??ruleSet[1].rules[0].use[1]!../../../../../../../../../../postcss-loader/dist/cjs.js!../../../../../../../../../../sass-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./CollapseContent.css\";\n\nvar options = {};\n\noptions.insert = \"head\";\noptions.singleton = false;\n\nvar update = api(content, options);\n\n\n\nexport default content.locals || {};","import React, { useEffect, useRef, useState, forwardRef } from 'react'\n\nimport cn from 'classnames'\n\nimport FadeInOut from 'helpers/FadeInOut'\n\nimport styles from './CollapseContent.module.scss'\nimport { CollapseProps } from '../../Collapse'\n\ntype CollapseContentProps = CollapseProps & {\n  toggleClassName?: string\n  handleCollapseToggle: (event: React.MouseEvent<HTMLButtonElement>) => void\n  divider?: React.ReactNode\n}\n\nconst CollapseContent: React.FC<CollapseContentProps> = forwardRef(\n  (\n    {\n      handleCollapseToggle,\n      toggleContent,\n      toggleClassName = '',\n      collapseClassNames = [],\n      shouldHideHeaderWhenExpanded,\n      shouldShowToggleContentAfterChildren,\n      shouldAnimate = true,\n      isExpanded,\n      isDisabled,\n      children,\n      onAnimationEnd,\n      testID,\n      id,\n      divider,\n      HeaderTag = 'button',\n      allowBreakoutContent = false,\n      ...rest\n    },\n    ref,\n  ) => {\n    const containerRef = useRef<HTMLDivElement>(null)\n    const childrenRef = useRef<HTMLDivElement>(null)\n    const [showDivider, setShowDivider] = useState<boolean>(false)\n\n    useEffect(() => {\n      if (!containerRef.current) {\n        return\n      }\n\n      if (isExpanded) {\n        containerRef.current.style.display = 'block'\n        containerRef.current.style.height = 'auto'\n        containerRef.current.style.opacity = '1'\n        setShowDivider(true)\n      } else {\n        containerRef.current.style.display = 'none'\n        containerRef.current.style.height = '0px'\n        containerRef.current.style.opacity = '0'\n        setShowDivider(false)\n      }\n\n      // Initial styles that are needed for animation, that need to be run only once when the component is rendered\n      // eslint-disable-next-line react-hooks/exhaustive-deps\n    }, [])\n\n    // It's not possible to animate height from 0 to 'auto', but there's a workaround\n    // Instead of applying 'auto' immediately, we apply calculated height first and 'auto' after animation is performed\n    useEffect(() => {\n      if (!childrenRef.current || !containerRef.current) {\n        return () => {}\n      }\n\n      const applyNewStyles = (): void => {\n        // Browsers don't apply styles and recalculate sizes immediately, but there's a workaround\n        // See: https://matheusazzi.com/animating-from-display-none-with-css-and-callbacks/\n\n        // eslint-disable-next-line @typescript-eslint/no-unused-expressions\n        containerRef.current?.offsetHeight\n      }\n\n      const handleAnimationEnd = (): void => {\n        if (onAnimationEnd) {\n          onAnimationEnd()\n        }\n      }\n\n      const { height } = containerRef.current.style\n      const isAlreadyProcessed =\n        (isExpanded && height === 'auto') || (!isExpanded && height === '0px')\n      if (isAlreadyProcessed) {\n        return () => {}\n      }\n\n      let timeoutId: number\n\n      const transitionDuration = 300 // TODO: this value should come from the fabric-tokens: DS-847\n      if (isExpanded) {\n        setTimeout(() => {\n          setShowDivider(true)\n        }, transitionDuration)\n        containerRef.current.style.display = 'block'\n        containerRef.current.style.opacity = '1'\n        applyNewStyles()\n        containerRef.current.style.height = window.getComputedStyle(childrenRef.current).height\n        if (!shouldAnimate) {\n          handleAnimationEnd()\n          containerRef.current.style.height = 'auto'\n          // allow content to be visible after it is opened and animation ends\n          if (allowBreakoutContent) {\n            containerRef.current.style.overflow = 'visible'\n          }\n        } else {\n          // apply height='auto' after animation ends\n          timeoutId = window.setTimeout(() => {\n            if (!containerRef.current) {\n              return\n            }\n            handleAnimationEnd()\n\n            containerRef.current.style.height = 'auto'\n            // allow content to be visible after it is opened and animation ends\n            if (allowBreakoutContent) {\n              containerRef.current.style.overflow = 'visible'\n            }\n          }, transitionDuration)\n        }\n      }\n\n      if (!isExpanded) {\n        // add overflow hidden in order for the animation to work properly\n        if (allowBreakoutContent) {\n          containerRef.current.style.overflow = 'hidden'\n        }\n        containerRef.current.style.opacity = '0'\n        containerRef.current.style.height = window.getComputedStyle(childrenRef.current).height\n        setShowDivider(false)\n\n        applyNewStyles()\n\n        containerRef.current.style.height = '0px'\n        if (!shouldAnimate) {\n          handleAnimationEnd()\n        } else {\n          // apply display='none' after animation ends\n          timeoutId = window.setTimeout(() => {\n            if (!containerRef.current) {\n              return\n            }\n            handleAnimationEnd()\n\n            containerRef.current.style.display = 'none'\n          }, transitionDuration)\n        }\n      }\n\n      return () => {\n        window.clearTimeout(timeoutId)\n      }\n    }, [isExpanded, shouldAnimate, onAnimationEnd, allowBreakoutContent])\n\n    let collapseId: string | undefined\n    let toggleId: string | undefined\n    if (id) {\n      collapseId = `section-${id}`\n      toggleId = `toggle-${id}`\n    }\n\n    const renderContent = (\n      content: ((isExpanded: boolean) => React.ReactNode) | React.ReactNode,\n    ): React.ReactNode | null => {\n      if (typeof content === 'function') {\n        return content(isExpanded || false)\n      }\n\n      return content\n    }\n\n    const renderHeader = (): React.ReactElement => {\n      return HeaderTag === 'button' ? (\n        <button\n          type=\"button\"\n          disabled={isDisabled}\n          // eslint-disable-next-line @typescript-eslint/no-explicit-any\n          onClick={handleCollapseToggle as any} // TODO: this will be investigated further in DS-848\n          className={cn(styles.toggleButton, toggleClassName)}\n          aria-expanded={isExpanded}\n          aria-disabled={!!isDisabled}\n          id={toggleId}\n          aria-controls={collapseId}\n          {...rest}\n          ref={ref as React.Ref<HTMLButtonElement>}\n        >\n          {renderContent(toggleContent)}\n        </button>\n      ) : (\n        <div className={toggleClassName} ref={ref as React.Ref<HTMLDivElement>}>\n          {renderContent(toggleContent)}\n        </div>\n      )\n    }\n\n    const renderHeaderWithHideSwitch = (): React.ReactElement =>\n      shouldHideHeaderWhenExpanded ? (\n        <FadeInOut isVisible={!isExpanded}>{renderHeader()}</FadeInOut>\n      ) : (\n        renderHeader()\n      )\n\n    return (\n      <>\n        {!shouldShowToggleContentAfterChildren && renderHeaderWithHideSwitch()}\n\n        <div\n          ref={containerRef}\n          id={collapseId}\n          aria-labelledby={toggleId}\n          aria-hidden={!isExpanded}\n          hidden={!isExpanded}\n          className={cn(\n            styles.collapse,\n            shouldAnimate ? styles.collapseAnim : styles.collapseStill,\n          )}\n          role=\"region\"\n        >\n          <div ref={childrenRef} className={cn(...collapseClassNames)}>\n            {renderContent(children)}\n          </div>\n          {showDivider && divider}\n        </div>\n\n        {shouldShowToggleContentAfterChildren && renderHeaderWithHideSwitch()}\n      </>\n    )\n  },\n)\n\nexport default CollapseContent\n","import React, { useState, useEffect } from 'react'\n\nimport { CollapseProps } from '../../Collapse'\nimport CollapseContent from '../CollapseContent'\n\nconst CollapseUnControlled: React.FC<CollapseProps> = ({ onClick, ...props }) => {\n  const [isExpanded, setIsExpanded] = useState(false)\n\n  useEffect(() => {\n    if (typeof onClick === 'function') {\n      onClick(isExpanded)\n    }\n  }, [isExpanded, onClick])\n\n  const handleCollapseToggle = (event: React.MouseEvent<HTMLButtonElement>): void => {\n    event.preventDefault()\n    setIsExpanded(!isExpanded)\n  }\n\n  return (\n    <CollapseContent\n      handleCollapseToggle={handleCollapseToggle}\n      isExpanded={isExpanded}\n      {...props}\n    />\n  )\n}\n\nexport default CollapseUnControlled\n","import React, { forwardRef } from 'react'\n\nimport { CollapseProps } from '../../Collapse'\nimport CollapseContent from '../CollapseContent'\n\nconst CollapseControlled: React.FC<CollapseProps> = forwardRef(\n  ({ onClick, isExpanded, ...props }, ref) => {\n    const handleCollapseToggle = (event: React.MouseEvent<HTMLButtonElement>): void => {\n      event.preventDefault()\n\n      if (typeof onClick === 'function') {\n        onClick(isExpanded, event)\n      }\n    }\n\n    return (\n      <CollapseContent\n        handleCollapseToggle={handleCollapseToggle}\n        isExpanded={isExpanded}\n        {...props}\n        ref={ref}\n      />\n    )\n  },\n)\n\nexport default CollapseControlled\n","import React, { forwardRef } from 'react'\n\nimport CollapseUnControlled from './components/CollapseUnControlled'\nimport CollapseControlled from './components/ControlledCollapse'\n\nexport interface CollapseProps {\n  className?: string\n  collapseClassNames?: string[]\n  toggleClassName?: string\n\n  toggleContent?: React.ReactNode | ((isExpanded: boolean) => React.ReactElement)\n  children: ((isExpanded: boolean) => React.ReactNode) | React.ReactNode\n\n  onClick?: Function\n  onAnimationEnd?: () => void\n\n  isControlled?: boolean\n  isExpanded?: boolean\n  shouldAnimate?: boolean\n  isDisabled?: boolean\n  shouldHideHeaderWhenExpanded?: boolean\n  shouldShowToggleContentAfterChildren?: boolean\n\n  testID?: string\n  id?: string\n  divider?: React.ReactNode\n  HeaderTag?: 'button' | 'div'\n\n  ref?: React.Ref<HTMLButtonElement | HTMLDivElement>\n\n  allowBreakoutContent?: boolean\n}\n\nconst Collapse: React.FC<CollapseProps> = forwardRef(\n  ({ isControlled, isExpanded, shouldAnimate, ...props }, ref) => {\n    return isControlled ? (\n      <CollapseControlled\n        isExpanded={isExpanded}\n        shouldAnimate={shouldAnimate}\n        {...props}\n        ref={ref}\n      />\n    ) : (\n      <CollapseUnControlled {...props} />\n    )\n  },\n)\n\nCollapse.defaultProps = {\n  toggleClassName: '',\n  toggleContent: <>Toggle Content</>,\n}\n\nexport default Collapse\n"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","id","options","forwardRef","ref","collapseId","toggleId","handleCollapseToggle","toggleContent","toggleClassName","collapseClassNames","shouldHideHeaderWhenExpanded","shouldShowToggleContentAfterChildren","shouldAnimate","isExpanded","isDisabled","children","onAnimationEnd","testID","divider","HeaderTag","allowBreakoutContent","rest","containerRef","useRef","childrenRef","showDivider","setShowDivider","useEffect","current","style","display","height","opacity","timeoutId","applyNewStyles","offsetHeight","handleAnimationEnd","setTimeout","window","getComputedStyle","overflow","clearTimeout","renderContent","content","renderHeader","type","disabled","onClick","className","renderHeaderWithHideSwitch","FadeInOut","isVisible","hidden","role","props","setIsExpanded","event","preventDefault","Collapse","isControlled","defaultProps"],"sourceRoot":""}