{"version":3,"file":"8024.f5a8a7a67dc8d7d7ef9b.bundle.js","mappings":"iGAEAA,EADkC,EAAQ,MAChCC,EAA4B,IAE9BC,KAAK,CAACC,EAAOC,GAAI,2/PAA4/P,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,oIAAoI,MAAQ,GAAG,SAAW,+mDAA+mD,KAAO,WAAW,eAAiB,CAAC,ou7DAE71TD,EAAOH,QAAUA,C,uRCEJ,IAAI,IALH,CAEdK,OAAiB,OACjBA,WAAoB,IAML,W,ySC+If,GAnJkC,IAAAC,aAChC,SACE,EAWAC,G,YAVEC,KAAI,IACJC,UAAS,qBACTC,OAAgB,IAAG,IAAC,cACpBC,OAAO,IAAG,UAAO,EACjBC,EAAS,uCACTC,OAAsB,IAAG,GAAK,MAC9BC,QAAO,IACPC,OAAM,UACNC,OAAK,IAAG,GACT,EAGKC,GAAM,EAAAC,EAAA,KAAaC,SAASF,IAAMD,EAAQ,MAAQ,MAEtB,G,GAAQ,cAAkBN,G,EAAiB,E,+zBAAtEU,EAAS,KAAEC,EAAa,KAEzBC,GAAU,IAAAC,QAA2B,IACrCC,GAAa,IAAAD,QAAuB,MAwD1C,OAtDA,IAAAE,qBAAkElB,GAAK,W,OAAMiB,EAAWE,O,IAsDjF,gBACL,OAAKjB,UAAW,IAAGkB,EAAOnB,KAAMC,IAC9B,uBACEA,UAAWkB,EAAOC,QAClBC,KAAK,UAAS,aACFjB,EACZkB,UAAW,EACXvB,IAAKiB,EAAU,cACFT,GAEZP,EAAKuB,KAAI,SAACC,EAAKC,G,OACd,0BACEC,KAAK,SACLC,IAAK,OAAa,OAANH,EAAI5B,IAChBK,UAAW,IACTkB,EAAOK,IACPZ,IAAcY,EAAI5B,IAAMuB,EAAOS,WAC/BT,EAAO,OAAc,OAAPhB,IACF,UAAZA,GAAuBH,EAAK6B,QAAU,GAAKV,EAAOW,qBAEpDT,KAAK,MAAK,gBACKT,IAAcY,EAAI5B,GAAE,gBACpB,SAAe,OAAN4B,EAAI5B,IAC5BA,GAAI,OAAa,OAAN4B,EAAI5B,IACf0B,SAAUE,EAAI5B,KAAOgB,EAAY,GAAK,EACtCb,IAAK,SAACgC,IA7EE,SAACA,EAAmCN,GAChDM,IACFjB,EAAQI,QAAQO,GAASM,EAE7B,CA0EYC,CAAUD,EAASN,EACrB,EACAnB,QAAS,WA1EG,IAAC2B,IA2EGT,EAAI5B,GA1E5BiB,EAAaoB,GACT3B,GACFA,EAAQ2B,EAyEF,EACAC,UAAW,SAACC,IAtEE,SACtBA,EACAV,GAEkB,eAAdU,EAAMR,MACI,QAARlB,IACEK,EAAQI,QAAQO,EAAQ,GAC1BX,EAAQI,QAAQO,EAAQ,GAAGW,QAE3BtB,EAAQI,QAAQ,GAAGkB,SAGX,QAAR3B,IACEK,EAAQI,QAAQO,EAAQ,GAC1BX,EAAQI,QAAQO,EAAQ,GAAGW,QAE3BtB,EAAQI,QAAQJ,EAAQI,QAAQW,OAAS,GAAGO,UAKhC,cAAdD,EAAMR,MACI,QAARlB,IACEK,EAAQI,QAAQO,EAAQ,GAC1BX,EAAQI,QAAQO,EAAQ,GAAGW,QAE3BtB,EAAQI,QAAQJ,EAAQI,QAAQW,OAAS,GAAGO,SAGpC,QAAR3B,IACEK,EAAQI,QAAQO,EAAQ,GAC1BX,EAAQI,QAAQO,EAAQ,GAAGW,QAE3BtB,EAAQI,QAAQ,GAAGkB,SAI3B,CAkCYC,CAAgBF,EAAOV,EACzB,GAEA,wBACExB,UAAW,IACG,UAAZE,GAAuBH,EAAK6B,OAAS,GAAKV,EAAOmB,eACjDnB,EAAOoB,UACP3B,IAAcY,EAAI5B,IAAMuB,EAAOqB,mBAGhChB,EAAIiB,O,KAKb,uBAAKxC,UAAW,IAAGkB,EAAOuB,SACvB1C,EAAKuB,KAAI,SAACC,G,OACT,uBACEvB,UAAW,IACTkB,EAAOwB,MACPtC,GAA0Bc,EAAOyB,uBACjChC,IAAcY,EAAI5B,IAAMS,GAA0Bc,EAAO0B,cAE3DlB,IAAK,SAAe,OAANH,EAAI5B,IAClBA,GAAI,SAAe,OAAN4B,EAAI5B,IACjByB,KAAK,WACLC,SAAU,EAAC,kBACM,OAAa,OAANE,EAAI5B,IAC5BkD,QAASzC,GAA0BO,IAAcY,EAAI5B,IAEpD4B,EAAIuB,Q,KAMjB,G","sources":["webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Tabs/Tabs.css","webpack://@hm/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Tabs/Tabs.css?82e6","webpack://@hm/react/../../../../../../src/components/Tabs/Tabs.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, \".de8f85{display:flex;flex-direction:column}.b68f81{display:flex;flex-direction:row;-webkit-user-select:none;-ms-user-select:none;user-select:none;overflow-x:auto}.db1c40{font-size:var(--fds-text-action-m-default-size-font-size-rem);line-height:var(--fds-text-action-m-default-size-line-height-number);font-variation-settings:var(--fds-text-action-m-font-variation-settings);font-family:var(--fds-text-action-m-font-family);font-weight:var(--fds-text-action-m-font-weight);text-transform:var(--fds-text-action-m-text-transform);height:48px;align-items:flex-start;padding-top:6px;padding-bottom:var(--spacing-s-px);border-color:rgba(0,0,0,0);border-style:solid;border-width:0 0 1px;color:var(--base-secondary-interactive);background-color:rgba(0,0,0,0);cursor:pointer;display:flex;justify-content:center}html[lang=bg-BG] .db1c40{font-size:var(--fds-text-action-m-locale-bg-bg-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-bg-bg-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-bg-bg-font-family);font-weight:var(--fds-text-action-m-locale-bg-bg-font-weight);text-transform:var(--fds-text-action-m-locale-bg-bg-text-transform)}html[lang=el-GR] .db1c40{font-size:var(--fds-text-action-m-locale-el-gr-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-el-gr-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-el-gr-font-family);font-weight:var(--fds-text-action-m-locale-el-gr-font-weight);text-transform:var(--fds-text-action-m-locale-el-gr-text-transform)}html[lang=zh-TW] .db1c40{font-size:var(--fds-text-action-m-locale-zh-tw-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-zh-tw-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-zh-tw-font-family);font-weight:var(--fds-text-action-m-locale-zh-tw-font-weight);text-transform:var(--fds-text-action-m-locale-zh-tw-text-transform)}html[lang=zh-MO] .db1c40{font-size:var(--fds-text-action-m-locale-zh-mo-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-zh-mo-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-zh-mo-font-family);font-weight:var(--fds-text-action-m-locale-zh-mo-font-weight);text-transform:var(--fds-text-action-m-locale-zh-mo-text-transform)}html[lang=zh-HK] .db1c40{font-size:var(--fds-text-action-m-locale-zh-hk-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-zh-hk-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-zh-hk-font-family);font-weight:var(--fds-text-action-m-locale-zh-hk-font-weight);text-transform:var(--fds-text-action-m-locale-zh-hk-text-transform)}html[lang=ko-KR] .db1c40{font-size:var(--fds-text-action-m-locale-ko-kr-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-ko-kr-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-ko-kr-font-family);font-weight:var(--fds-text-action-m-locale-ko-kr-font-weight);text-transform:var(--fds-text-action-m-locale-ko-kr-text-transform)}html[lang=ja-JP] .db1c40{font-size:var(--fds-text-action-m-locale-ja-jp-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-ja-jp-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-ja-jp-font-family);font-weight:var(--fds-text-action-m-locale-ja-jp-font-weight);text-transform:var(--fds-text-action-m-locale-ja-jp-text-transform)}html[lang=vi-VN] .db1c40{font-size:var(--fds-text-action-m-locale-vi-vn-default-size-font-size-rem);line-height:var(--fds-text-action-m-locale-vi-vn-default-size-line-height-number);font-family:var(--fds-text-action-m-locale-vi-vn-font-family);font-weight:var(--fds-text-action-m-locale-vi-vn-font-weight);text-transform:var(--fds-text-action-m-locale-vi-vn-text-transform)}.e98e76{flex:1 1 0px;text-align:center;white-space:nowrap}.c6fcea{white-space:normal}.daf708{padding-inline:0 0;margin-inline-end:var(--spacing-s-px)}.f84654{margin-inline-end:var(--spacing-s-px);white-space:nowrap}.db1c40:hover{color:var(--base-secondary-interactive-hover)}.a7b78f{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);font-variation-settings:var(--fds-text-action-m-active-font-variation-settings);font-family:var(--fds-text-action-m-active-font-family);font-weight:var(--fds-text-action-m-active-font-weight);text-transform:var(--fds-text-action-m-active-text-transform);color:var(--base-secondary-interactive-active)}html[lang=bg-BG] .a7b78f{font-size:var(--fds-text-action-m-active-locale-bg-bg-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-bg-bg-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-bg-bg-font-family);font-weight:var(--fds-text-action-m-active-locale-bg-bg-font-weight);text-transform:var(--fds-text-action-m-active-locale-bg-bg-text-transform)}html[lang=el-GR] .a7b78f{font-size:var(--fds-text-action-m-active-locale-el-gr-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-el-gr-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-el-gr-font-family);font-weight:var(--fds-text-action-m-active-locale-el-gr-font-weight);text-transform:var(--fds-text-action-m-active-locale-el-gr-text-transform)}html[lang=zh-TW] .a7b78f{font-size:var(--fds-text-action-m-active-locale-zh-tw-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-zh-tw-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-zh-tw-font-family);font-weight:var(--fds-text-action-m-active-locale-zh-tw-font-weight);text-transform:var(--fds-text-action-m-active-locale-zh-tw-text-transform)}html[lang=zh-MO] .a7b78f{font-size:var(--fds-text-action-m-active-locale-zh-mo-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-zh-mo-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-zh-mo-font-family);font-weight:var(--fds-text-action-m-active-locale-zh-mo-font-weight);text-transform:var(--fds-text-action-m-active-locale-zh-mo-text-transform)}html[lang=zh-HK] .a7b78f{font-size:var(--fds-text-action-m-active-locale-zh-hk-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-zh-hk-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-zh-hk-font-family);font-weight:var(--fds-text-action-m-active-locale-zh-hk-font-weight);text-transform:var(--fds-text-action-m-active-locale-zh-hk-text-transform)}html[lang=ko-KR] .a7b78f{font-size:var(--fds-text-action-m-active-locale-ko-kr-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-ko-kr-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-ko-kr-font-family);font-weight:var(--fds-text-action-m-active-locale-ko-kr-font-weight);text-transform:var(--fds-text-action-m-active-locale-ko-kr-text-transform)}html[lang=ja-JP] .a7b78f{font-size:var(--fds-text-action-m-active-locale-ja-jp-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-ja-jp-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-ja-jp-font-family);font-weight:var(--fds-text-action-m-active-locale-ja-jp-font-weight);text-transform:var(--fds-text-action-m-active-locale-ja-jp-text-transform)}html[lang=vi-VN] .a7b78f{font-size:var(--fds-text-action-m-active-locale-vi-vn-default-size-font-size-rem);line-height:var(--fds-text-action-m-active-locale-vi-vn-default-size-line-height-number);font-family:var(--fds-text-action-m-active-locale-vi-vn-font-family);font-weight:var(--fds-text-action-m-active-locale-vi-vn-font-weight);text-transform:var(--fds-text-action-m-active-locale-vi-vn-text-transform)}.fc42b1{display:flex}.c20014{padding-top:var(--spacing-m-px)}.e00782{display:block;visibility:hidden;margin-right:-100%;width:100%}.bb5965{visibility:visible}.ed7a46{border-width:0 0 2px;padding:0 0 var(--spacing-xs-px);border-style:solid;border-bottom-color:rgba(0,0,0,0)}.b60358{color:var(--base-secondary-interactive-active);border-bottom-color:var(--base-secondary-interactive-active)}\", \"\",{\"version\":3,\"sources\":[\"/home/vsts/work/1/s/packages/hm-react/node_modules/@hm-group/fabric-components/dist/esm/brand/northstar/components/Tabs/Tabs.css\"],\"names\":[],\"mappings\":\"AACA,QACE,YAAA,CACA,qBAAA,CAEF,QACE,YAAA,CACA,kBAAA,CACA,wBAAA,CACI,oBAAA,CACI,gBAAA,CACR,eAAA,CAEF,QACE,6DAAA,CACA,oEAAA,CACA,wEAAA,CACA,gDAAA,CACA,gDAAA,CACA,sDAAA,CACA,WAAA,CACA,sBAAA,CACA,eAAA,CACA,kCAAA,CACA,0BAAA,CACA,kBAAA,CACA,oBAAA,CACA,uCAAA,CACA,8BAAA,CACA,cAAA,CACA,YAAA,CACA,sBAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,yBACE,0EAAA,CACA,iFAAA,CACA,6DAAA,CACA,6DAAA,CACA,mEAAA,CAEF,QACE,YAAA,CACA,iBAAA,CACA,kBAAA,CAEF,QACE,kBAAA,CAEF,QACE,kBAAA,CACA,qCAAA,CAEF,QACE,qCAAA,CACA,kBAAA,CAEF,cACE,6CAAA,CAEF,QACE,oEAAA,CACA,2EAAA,CACA,+EAAA,CACA,uDAAA,CACA,uDAAA,CACA,6DAAA,CACA,8CAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,yBACE,iFAAA,CACA,wFAAA,CACA,oEAAA,CACA,oEAAA,CACA,0EAAA,CAEF,QACE,YAAA,CAEF,QACE,+BAAA,CAEF,QACE,aAAA,CACA,iBAAA,CACA,kBAAA,CACA,UAAA,CAEF,QACE,kBAAA,CAEF,QACE,oBAAA,CACA,gCAAA,CACA,kBAAA,CACA,iCAAA,CAEF,QACE,8CAAA,CACA,4DAAA\",\"file\":\"Tabs.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.de8f85 {\\n  display: flex;\\n  flex-direction: column;\\n}\\n.b68f81 {\\n  display: flex;\\n  flex-direction: row;\\n  -webkit-user-select: none;\\n      -ms-user-select: none;\\n          user-select: none;\\n  overflow-x: auto;\\n}\\n.db1c40 {\\n  font-size: var(--fds-text-action-m-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-default-size-line-height-number);\\n  font-variation-settings: var(--fds-text-action-m-font-variation-settings);\\n  font-family: var(--fds-text-action-m-font-family);\\n  font-weight: var(--fds-text-action-m-font-weight);\\n  text-transform: var(--fds-text-action-m-text-transform);\\n  height: 48px;\\n  align-items: flex-start;\\n  padding-top: 6px;\\n  padding-bottom: var(--spacing-s-px);\\n  border-color: transparent;\\n  border-style: solid;\\n  border-width: 0 0 1px;\\n  color: var(--base-secondary-interactive);\\n  background-color: transparent;\\n  cursor: pointer;\\n  display: flex;\\n  justify-content: center;\\n}\\nhtml[lang=\\\"bg-BG\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-bg-bg-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-bg-bg-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-bg-bg-font-family);\\n  font-weight: var(--fds-text-action-m-locale-bg-bg-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-bg-bg-text-transform);\\n}\\nhtml[lang=\\\"el-GR\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-el-gr-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-el-gr-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-el-gr-font-family);\\n  font-weight: var(--fds-text-action-m-locale-el-gr-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-el-gr-text-transform);\\n}\\nhtml[lang=\\\"zh-TW\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-zh-tw-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-zh-tw-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-zh-tw-font-family);\\n  font-weight: var(--fds-text-action-m-locale-zh-tw-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-zh-tw-text-transform);\\n}\\nhtml[lang=\\\"zh-MO\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-zh-mo-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-zh-mo-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-zh-mo-font-family);\\n  font-weight: var(--fds-text-action-m-locale-zh-mo-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-zh-mo-text-transform);\\n}\\nhtml[lang=\\\"zh-HK\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-zh-hk-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-zh-hk-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-zh-hk-font-family);\\n  font-weight: var(--fds-text-action-m-locale-zh-hk-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-zh-hk-text-transform);\\n}\\nhtml[lang=\\\"ko-KR\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-ko-kr-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-ko-kr-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-ko-kr-font-family);\\n  font-weight: var(--fds-text-action-m-locale-ko-kr-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-ko-kr-text-transform);\\n}\\nhtml[lang=\\\"ja-JP\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-ja-jp-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-ja-jp-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-ja-jp-font-family);\\n  font-weight: var(--fds-text-action-m-locale-ja-jp-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-ja-jp-text-transform);\\n}\\nhtml[lang=\\\"vi-VN\\\"] .db1c40 {\\n  font-size: var(--fds-text-action-m-locale-vi-vn-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-locale-vi-vn-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-locale-vi-vn-font-family);\\n  font-weight: var(--fds-text-action-m-locale-vi-vn-font-weight);\\n  text-transform: var(--fds-text-action-m-locale-vi-vn-text-transform);\\n}\\n.e98e76 {\\n  flex: 1 1 0px;\\n  text-align: center;\\n  white-space: nowrap;\\n}\\n.c6fcea {\\n  white-space: normal;\\n}\\n.daf708 {\\n  padding-inline: 0 0;\\n  margin-inline-end: var(--spacing-s-px);\\n}\\n.f84654 {\\n  margin-inline-end: var(--spacing-s-px);\\n  white-space: nowrap;\\n}\\n.db1c40:hover {\\n  color: var(--base-secondary-interactive-hover);\\n}\\n.a7b78f {\\n  font-size: var(--fds-text-action-m-active-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-default-size-line-height-number);\\n  font-variation-settings: var(--fds-text-action-m-active-font-variation-settings);\\n  font-family: var(--fds-text-action-m-active-font-family);\\n  font-weight: var(--fds-text-action-m-active-font-weight);\\n  text-transform: var(--fds-text-action-m-active-text-transform);\\n  color: var(--base-secondary-interactive-active);\\n}\\nhtml[lang=\\\"bg-BG\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-bg-bg-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-bg-bg-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-bg-bg-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-bg-bg-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-bg-bg-text-transform);\\n}\\nhtml[lang=\\\"el-GR\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-el-gr-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-el-gr-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-el-gr-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-el-gr-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-el-gr-text-transform);\\n}\\nhtml[lang=\\\"zh-TW\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-zh-tw-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-zh-tw-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-zh-tw-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-zh-tw-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-zh-tw-text-transform);\\n}\\nhtml[lang=\\\"zh-MO\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-zh-mo-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-zh-mo-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-zh-mo-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-zh-mo-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-zh-mo-text-transform);\\n}\\nhtml[lang=\\\"zh-HK\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-zh-hk-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-zh-hk-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-zh-hk-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-zh-hk-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-zh-hk-text-transform);\\n}\\nhtml[lang=\\\"ko-KR\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-ko-kr-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-ko-kr-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-ko-kr-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-ko-kr-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-ko-kr-text-transform);\\n}\\nhtml[lang=\\\"ja-JP\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-ja-jp-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-ja-jp-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-ja-jp-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-ja-jp-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-ja-jp-text-transform);\\n}\\nhtml[lang=\\\"vi-VN\\\"] .a7b78f {\\n  font-size: var(--fds-text-action-m-active-locale-vi-vn-default-size-font-size-rem);\\n  line-height: var(--fds-text-action-m-active-locale-vi-vn-default-size-line-height-number);\\n  font-family: var(--fds-text-action-m-active-locale-vi-vn-font-family);\\n  font-weight: var(--fds-text-action-m-active-locale-vi-vn-font-weight);\\n  text-transform: var(--fds-text-action-m-active-locale-vi-vn-text-transform);\\n}\\n.fc42b1 {\\n  display: flex;\\n}\\n.c20014 {\\n  padding-top: var(--spacing-m-px);\\n}\\n.e00782 {\\n  display: block;\\n  visibility: hidden;\\n  margin-right: -100%;\\n  width: 100%;\\n}\\n.bb5965 {\\n  visibility: visible;\\n}\\n.ed7a46 {\\n  border-width: 0 0 2px;\\n  padding: 0 0 var(--spacing-xs-px);\\n  border-style: solid;\\n  border-bottom-color: transparent;\\n}\\n.b60358 {\\n  color: var(--base-secondary-interactive-active);\\n  border-bottom-color: var(--base-secondary-interactive-active);\\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]!./Tabs.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, { useState, useRef, forwardRef, useImperativeHandle } from 'react'\n\nimport isClient from '@hm-group/frontend-utils/common/isClient'\nimport cn from 'classnames'\n\nimport styles from './Tabs.module.scss'\nimport { TabsProps } from './types'\n\nconst Tabs: React.FC<TabsProps> = forwardRef(\n  (\n    {\n      tabs,\n      className,\n      defaultActiveTab = 0,\n      variant = 'fixed',\n      ariaLabel,\n      consistentPanelsHeight = false,\n      onClick,\n      testId,\n      isRTL = false,\n    },\n    ref,\n  ) => {\n    const dir = isClient() ? document.dir : isRTL ? 'rtl' : 'ltr'\n\n    const [activeTab, setActiveTab] = useState<number | string>(defaultActiveTab)\n\n    const tabRefs = useRef<Array<HTMLElement>>([])\n    const tablistRef = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(ref, () => tablistRef.current)\n\n    const handleRef = (element: HTMLButtonElement | null, index: number): void => {\n      if (element) {\n        tabRefs.current[index] = element\n      }\n    }\n\n    const handleOnClick = (tabId: number | string): void => {\n      setActiveTab(tabId)\n      if (onClick) {\n        onClick(tabId)\n      }\n    }\n\n    const handleOnKeyDown = (\n      event: React.KeyboardEvent<HTMLButtonElement>,\n      index: number,\n    ): void => {\n      if (event.key === 'ArrowRight') {\n        if (dir === 'ltr') {\n          if (tabRefs.current[index + 1]) {\n            tabRefs.current[index + 1].focus()\n          } else {\n            tabRefs.current[0].focus()\n          }\n        }\n        if (dir === 'rtl') {\n          if (tabRefs.current[index - 1]) {\n            tabRefs.current[index - 1].focus()\n          } else {\n            tabRefs.current[tabRefs.current.length - 1].focus()\n          }\n        }\n      }\n\n      if (event.key === 'ArrowLeft') {\n        if (dir === 'ltr') {\n          if (tabRefs.current[index - 1]) {\n            tabRefs.current[index - 1].focus()\n          } else {\n            tabRefs.current[tabRefs.current.length - 1].focus()\n          }\n        }\n        if (dir === 'rtl') {\n          if (tabRefs.current[index + 1]) {\n            tabRefs.current[index + 1].focus()\n          } else {\n            tabRefs.current[0].focus()\n          }\n        }\n      }\n    }\n\n    return (\n      <div className={cn(styles.tabs, className)}>\n        <div\n          className={styles.tablist}\n          role=\"tablist\"\n          aria-label={ariaLabel}\n          tabIndex={-1}\n          ref={tablistRef}\n          data-testid={testId}\n        >\n          {tabs.map((tab, index) => (\n            <button\n              type=\"button\"\n              key={`tab-${tab.id}`}\n              className={cn(\n                styles.tab,\n                activeTab === tab.id && styles.tab_active,\n                styles[`tab_${variant}`],\n                variant === 'fixed' && tabs.length >= 3 && styles.tab_fixed_nospacing,\n              )}\n              role=\"tab\"\n              aria-selected={activeTab === tab.id}\n              aria-controls={`panel-${tab.id}`}\n              id={`tab-${tab.id}`}\n              tabIndex={tab.id === activeTab ? 0 : -1}\n              ref={(element) => {\n                handleRef(element, index)\n              }}\n              onClick={() => {\n                handleOnClick(tab.id)\n              }}\n              onKeyDown={(event) => {\n                handleOnKeyDown(event, index)\n              }}\n            >\n              <span\n                className={cn(\n                  variant === 'fixed' && tabs.length < 3 && styles.tab_fixed_wrap,\n                  styles.underline,\n                  activeTab === tab.id && styles.underline_active,\n                )}\n              >\n                {tab.label}\n              </span>\n            </button>\n          ))}\n        </div>\n        <div className={cn(styles.panels)}>\n          {tabs.map((tab) => (\n            <div\n              className={cn(\n                styles.panel,\n                consistentPanelsHeight && styles.panel_consistentHeight,\n                activeTab === tab.id && consistentPanelsHeight && styles.panel_active,\n              )}\n              key={`panel-${tab.id}`}\n              id={`panel-${tab.id}`}\n              role=\"tabpanel\"\n              tabIndex={0}\n              aria-labelledby={`tab-${tab.id}`}\n              hidden={!consistentPanelsHeight && activeTab !== tab.id}\n            >\n              {tab.content}\n            </div>\n          ))}\n        </div>\n      </div>\n    )\n  },\n)\n\nexport default Tabs\n"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","id","options","forwardRef","ref","tabs","className","defaultActiveTab","variant","ariaLabel","consistentPanelsHeight","onClick","testId","isRTL","dir","isClient","document","activeTab","setActiveTab","tabRefs","useRef","tablistRef","useImperativeHandle","current","styles","tablist","role","tabIndex","map","tab","index","type","key","tab_active","length","tab_fixed_nospacing","element","handleRef","tabId","onKeyDown","event","focus","handleOnKeyDown","tab_fixed_wrap","underline","underline_active","label","panels","panel","panel_consistentHeight","panel_active","hidden","content"],"sourceRoot":""}