{"version":3,"file":"408.0aaf957d73ed7eee6abe.bundle.js","mappings":"gGAEAA,EADkC,EAAQ,MAChCC,EAA4B,IAE9BC,KAAK,CAACC,EAAOC,GAAI,8sBAA+sB,GAAG,CAAC,QAAU,EAAE,QAAU,CAAC,yIAAyI,MAAQ,GAAG,SAAW,sXAAsX,KAAO,YAAY,eAAiB,CAAC,2+dAE7zCD,EAAOH,QAAUA,C,+MCEJ,IAAI,IALH,CAEdK,OAAiB,OACjBA,WAAoB,IAML,W,oHCLf,IAAIC,EAAS,CAAE,OAAU,SAAU,eAAkB,SAAU,QAAW,SAAU,QAAW,SAAU,YAAe,SAAU,WAAc,SAAU,YAAe,UA0BzK,GAxBcC,EAAAA,EAAAA,aAAW,SAACC,EAAOC,GAC7B,I,IAAQC,EAAmHF,EAAnHE,QAASC,EAA0GH,EAA1GG,QAASC,EAAiGJ,EAAjGI,WAAYC,EAAqFL,EAArFK,QAASC,EAA4EN,EAA5EM,QAASC,EAAmEP,EAAnEO,OAAQ,EAA2DP,EAA3DQ,KAAAA,OAAAA,IAAO,YAASC,EAA2CT,EAA3CS,OAAQ,EAAmCT,EAAnCU,YAAAA,OAAAA,IAAc,oBACtEC,G,GAAAA,EAAAA,EAAAA,WAAU,G,EAAA,E,+zBAAnCC,EAAyBD,EAAAA,GAAfE,EAAeF,EAAAA,GAehC,OAdAG,EAAAA,EAAAA,YAAU,WAON,OANIP,IACAM,EAAY,GACZE,SAASC,KAAKC,MAAMC,iBAAmB,GAAyC,QAAtCC,EAAAA,EAAAA,MAAmBC,EAAAA,EAAAA,KAAmB,MAChFL,SAASC,KAAKC,MAAMI,SAAW,SAC/BN,SAASO,gBAAgBL,MAAMI,SAAW,UAEvC,WACHR,GAAa,GACbE,SAASC,KAAKC,MAAMI,SAAW,GAC/BN,SAASO,gBAAgBL,MAAMI,SAAW,GAC1CN,SAASC,KAAKC,MAAMC,iBAAmB,EAC3C,CACJ,GAAG,CAACX,IACIgB,EAAAA,cAAoBC,EAAAA,EAAWC,OAAOC,OAAO,CAAC,EAAG1B,EAAO,CAAE2B,KAAM,QAASC,SAAU,SAAUC,UAAWC,IAAGhC,EAAO,QAAa,OAALU,OAC9He,EAAAA,cAAoB,MAAO,CAAEM,UAAW/B,EAAOiC,QAC3CR,EAAAA,cAAoBS,EAAAA,EAAc,CAAEC,IAAK,KAAMC,cAAc,EAAMtC,GAAIc,EAAamB,UAAW/B,EAAOqC,gBAAkBhC,GACxHoB,EAAAA,cAAoBa,EAAAA,EAAY,CAAEP,UAAW/B,EAAOuC,YAAaC,QAAS,QAASC,YAAahB,EAAAA,cAAoBiB,EAAAA,GAAiB,MAAOC,QAASnC,EAASM,SAAUA,GAAYR,IACxLmB,EAAAA,cAAoB,MAAO,CAAEM,UAAW/B,EAAOO,QAAS,cAAeI,EAAQR,IAAKA,GAAOI,GAC3FH,GAAWqB,EAAAA,cAAoB,MAAO,CAAEM,UAAW/B,EAAOI,SAAWA,GAC7E,G","sources":["webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Panels/Modal/Modal.css","webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Panels/Modal/Modal.css?52bf","webpack://@pb/react/./node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Panels/Modal/Modal.js"],"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, \".f10030{display:flex;align-items:start;justify-content:space-between;padding:24px 16px}.bad24f{-ms-grid-row-align:center;align-self:center}.ca411a{overflow:auto;flex-grow:1;padding:0 16px}.ec6e1b{padding:16px 16px 0;display:flex;flex-direction:column;gap:16px}.ee87dd{margin-top:-12px;-webkit-margin-end:-12px;margin-inline-end:-12px}@media screen and (min-width: 420px){.f10030{padding:32px}.ca411a{padding:0 32px}.ec6e1b{padding:16px 32px 0;flex-direction:row-reverse}.c59000{padding-bottom:32px;height:auto !important;max-height:calc(100% - 64px);width:420px !important}}@media screen and (min-width: 768px){.c08cb8{padding-bottom:32px;height:auto !important;max-height:calc(100% - 64px);width:768px !important}}\", \"\",{\"version\":3,\"sources\":[\"/home/vsts/work/1/s/packages/hm-react/node_modules/@hm-group/fabric-components/dist/esm/brand/monki/components/Panels/Modal/Modal.css\"],\"names\":[],\"mappings\":\"AACA,QACE,YAAA,CACA,iBAAA,CACA,6BAAA,CACA,iBAAA,CAEF,QACE,yBAAA,CAAA,iBAAA,CAEF,QACE,aAAA,CACA,WAAA,CACA,cAAA,CAEF,QACE,mBAAA,CACA,YAAA,CACA,qBAAA,CACA,QAAA,CAEF,QACE,gBAAA,CACA,wBAAA,CACQ,uBAAA,CAGV,qCACE,QACE,YAAA,CAEF,QACE,cAAA,CAEF,QACE,mBAAA,CACE,0BAAA,CAEJ,QACE,mBAAA,CACE,sBAAA,CACA,4BAAA,CACA,sBAAA,CAAA,CAIN,qCACE,QACE,mBAAA,CACE,sBAAA,CACA,4BAAA,CACA,sBAAA,CAAA\",\"file\":\"Modal.css\",\"sourcesContent\":[\"$base-background-default: #FFF;$base-background-card: #FFF;$base-background-overlay: rgba(255, 255, 255, 0.7);$base-background-footer: #FECDD3;$base-background-row-alternate: #E6E6E6;$base-background-row-hover: #F4F4F4;$base-background-success: #BDDDB6;$base-background-selected: #F4F4F4;$base-background-error: #FDCBE3;$base-background-warning: #FFD4CD;$base-background-info: #DEDBED;$base-favourite: #E50010;$base-text: #1F313A;$base-text-meta: #1F313A;$base-text-placeholder: #1F313A;$base-text-disabled: #C6C6C6;$base-primary-interactive: #1F313A;$base-primary-interactive-active: rgba(31, 49, 58, 0.5);$base-primary-interactive-hover: rgba(31, 49, 58, 0.75);$base-primary-interactive-visited: #1F313A;$base-secondary-interactive: #1F313A;$base-secondary-interactive-active: #1F313A;$base-secondary-interactive-hover: #C6C6C6;$base-tertiary-interactive: #1F313A;$base-tertiary-interactive-active: #1F313A;$base-tertiary-interactive-hover: #1F313A;$base-tertiary-interactive-disabled: #8C9599;$base-quaternary-interactive: #1F313A;$base-quaternary-interactive-active: #1F313A;$base-quaternary-interactive-hover: #1F313A;$base-quaternary-interactive-disabled: #8C9599;$base-primary-reverse: #FFF;$base-primary-reverse-interactive-active: #D9D9D9;$base-primary-reverse-interactive-hover: #E6E6E6;$base-interactive-disabled: #C6C6C6;$base-validation-success: #1F313A;$base-validation-error: #F20074;$base-notification: #F20074;$base-background-skeleton: #F4F4F4;$base-z-axis-shadow: rgba(31, 49, 58, 0.2);$product-sale: #E71D18;$product-sustainability: #FFF;$product-new: #FECDD3;$product-offer-product-marker: #E71D18;$product-membership: #FECDD3;$product-online-exclusive: #1F313A;$product-scarcity: #A50AFF;$base-brand-logo: #1F313A;$base-decoration-primary: #1F313A;$base-decoration-secondary: #C6C6C6;$responsive-width-xsmall: 320px !default;$responsive-width-small: 420px !default;$responsive-width-medium: 768px !default;$responsive-width-large: 1024px !default;$responsive-width-xlarge: 1280px !default;$responsive-width-xxl: 2560px !default;$energy-class-app: #27974F;$energy-class-ap: #59AD4F;$energy-class-a: #BBCE4C;$energy-class-b: #FFED42;$energy-class-c: #F0B041;$energy-class-d: #DE6637;$energy-class-e: #D22531;$color-paypal-blue: #223954;$color-paypal-blue-light: #169BD7;$color-kakao-yellow: #FEE500;$color-kakao-yellow-active: #F0D700;$color-kakao-text: rgba(0, 0, 0, 0.85);$color-kakao-icon: #000;$color-facebook: #39579B;$color-twitter: #1EA9E3;$color-pinterest: #CD1D1E;$color-instagram: #125688;$color-spotify: #00E461;$color-snapchat: #FFFC00;$color-tumblr: #35465C;$color-google-plus: #D34836;$color-youtube: #F00;$color-linkedin: #0077B7;$tag-swatch-beige: #ECCC9B;$tag-swatch-black: #000000;$tag-swatch-blue: #0000FF;$tag-swatch-bronze: #CD7F32;$tag-swatch-brown: #A52A2A;$tag-swatch-gold: #D89A00;$tag-swatch-green: #008000;$tag-swatch-grey: #808080;$tag-swatch-orange: #FFA500;$tag-swatch-pink: #FFC0CB;$tag-swatch-purple: #800080;$tag-swatch-red: #FF0000;$tag-swatch-silver: #C0C0C0;$tag-swatch-turquoise: #40E0D0;$tag-swatch-white: #FFFFFF;$tag-swatch-yellow: #FFDA00;$focus-fallback: #0091FF;$high-contrast-dark: #000000;$high-contrast-light: #FFFFFF;$editorial-fonts: ('display-quote': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 2.5rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),'preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'body-text': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'text-link': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$body-text-fonts: ('default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'paragraph': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$button-fonts: ('s': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),),);$heading-fonts: ('xs': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'s': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'m': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.3333,'font-size': 1.125rem,),),'l': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),'breakpoint-medium': ('line-height': 1.25,'font-size': 1.5rem,),),'xl': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 1.5rem,),'breakpoint-medium': ('line-height': 1.25,'font-size': 2rem,),),'pre-heading': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$display-fonts: ('default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.25,'font-size': 2.125rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),'quote': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'font-style': italic,'default-size': ('line-height': 1.5,'font-size': 3rem,),'breakpoint-medium': ('line-height': 1.09375,'font-size': 4rem,),),);$price-fonts: ('original-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'original-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'black-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'black-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'previous-meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': line-through,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),);$label-fonts: ('form-label': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),);$interactive-fonts: ('navigation-parent': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2857,'font-size': 1.75rem,),'breakpoint-medium': ('line-height': 1.5,'font-size': 1rem,),),'navigation-child': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'navigation-large': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2857,'font-size': 1.75rem,),'breakpoint-medium': ('line-height': 1.5,'font-size': 1rem,),),'navigation-medium': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'navigation-small': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.2307,'font-size': 0.8125rem,),),'inline-link-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'inline-link-meta': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.538461538,'font-size': 0.8125rem,),),'inline-link-paragraph': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'inline-link-preamble': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': underline,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'standalone-link': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.5,'font-size': 1rem,),),'standalone-link-default': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'text-decoration': none,'default-size': ('line-height': 1.52,'font-size': 1rem,),),'standalone-link-underline': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-decoration': underline,'text-transform': none,'default-size': ('line-height': 1.52,'font-size': 1rem,),),'input-text': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 400,'text-transform': none,'default-size': ('line-height': 1.3333,'font-size': 1.125rem,),),'element': ('font-family': (\\\"InterTight\\\", \\\"Circular-Book-S\\\", \\\"Helvetica Neue-Light\\\", \\\"Helvetica Neue\\\", \\\"Helvetica\\\", Arial, sans-serif),'font-weight': 700,'text-transform': none,'default-size': ('line-height': 1.4,'font-size': 1.25rem,),),);$spacing-xxxs: 2px;$spacing-xxs: 4px;$spacing-xs: 8px;$spacing-s: 16px;$spacing-m: 24px;$spacing-l: 32px;$spacing-xl: 40px;$spacing-xxl: 48px;$spacing-xxxl: 64px;$spacing-xxxxl: 96px;$spacing-xxxxxl: 128px;$spacing-xxxxxxl: 160px;$spacing-xs-deprecated: 12px;$is-development: true;$is-staging: false;$is-production: false;$interactive-border: ('radius': 0,'width': 1px,);$card-border: ('radius': 0,'width': 0px,);$section-border: ('radius': 0,'width': 0px,);$available-palettes: ();$default-palette: ('background': $base-background-default,'text': $base-text,'headline': $base-text,'logo': $base-brand-logo,'interactive': $base-decoration-secondary,'interactive-hover': $base-primary-interactive,'interactive-active': $base-primary-interactive-hover,'interactive-reverse': $base-primary-interactive-active,);$theme: 'monki';\\n.f10030 {\\n  display: flex;\\n  align-items: start;\\n  justify-content: space-between;\\n  padding: 24px 16px;\\n}\\n.bad24f {\\n  align-self: center;\\n}\\n.ca411a {\\n  overflow: auto;\\n  flex-grow: 1;\\n  padding: 0 16px;\\n}\\n.ec6e1b {\\n  padding: 16px 16px 0;\\n  display: flex;\\n  flex-direction: column;\\n  gap: 16px;\\n}\\n.ee87dd {\\n  margin-top: -12px;\\n  -webkit-margin-end: -12px;\\n          margin-inline-end: -12px;\\n}\\n\\n@media screen and (min-width: 420px) {\\n  .f10030 {\\n    padding: 32px;\\n  }\\n  .ca411a {\\n    padding: 0 32px;\\n  }\\n  .ec6e1b {\\n    padding: 16px 32px 0;\\n      flex-direction: row-reverse;\\n  }\\n  .c59000 {\\n    padding-bottom: 32px;\\n      height: auto !important;\\n      max-height: calc(100% - 64px);\\n      width: 420px !important;\\n  }\\n}\\n\\n@media screen and (min-width: 768px) {\\n  .c08cb8 {\\n    padding-bottom: 32px;\\n      height: auto !important;\\n      max-height: calc(100% - 64px);\\n      width: 768px !important;\\n  }\\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]!./Modal.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, { forwardRef, useEffect, useState } from 'react';\nimport { CloseIconMedium } from '@hm-group/fabric-icons/icons/CloseIcon';\nimport cn from 'classnames';\nimport IconButton from \"../../Buttons/IconButton\";\nimport HeadingLarge from \"../../Typography/headings/HeadingLarge\";\nimport { getScrollbarSize, getBodyPadding } from './handleScrollbar';\nimport \"./Modal.css\";\nvar styles = { \"header\": \"f10030\", \"header_heading\": \"bad24f\", \"content\": \"ca411a\", \"actions\": \"ec6e1b\", \"closeButton\": \"ee87dd\", \"size_small\": \"c59000\", \"size_medium\": \"c08cb8\" };\nimport { BasePanel } from '../BasePanel';\nconst Modal = forwardRef((props, ref) => {\n    const { actions, heading, closeLabel, content, onClose, isOpen, size = 'small', testId, ariaLabelId = 'modal-heading', } = props;\n    const [tabIndex, setTabIndex] = useState(-1);\n    useEffect(() => {\n        if (isOpen) {\n            setTabIndex(0);\n            document.body.style.paddingInlineEnd = `${getBodyPadding() + getScrollbarSize()}px`;\n            document.body.style.overflow = 'hidden';\n            document.documentElement.style.overflow = 'hidden';\n        }\n        return () => {\n            setTabIndex(-1);\n            document.body.style.overflow = '';\n            document.documentElement.style.overflow = '';\n            document.body.style.paddingInlineEnd = '';\n        };\n    }, [isOpen]);\n    return (React.createElement(BasePanel, Object.assign({}, props, { type: \"modal\", position: \"center\", className: cn(styles[`size_${size}`]) }),\n        React.createElement(\"div\", { className: styles.header },\n            React.createElement(HeadingLarge, { Tag: \"h2\", isMarginless: true, id: ariaLabelId, className: styles.header_heading }, heading),\n            React.createElement(IconButton, { className: styles.closeButton, variant: \"ghost\", iconElement: React.createElement(CloseIconMedium, null), onClick: onClose, tabIndex: tabIndex }, closeLabel)),\n        React.createElement(\"div\", { className: styles.content, \"data-testid\": testId, ref: ref }, content),\n        actions && React.createElement(\"div\", { className: styles.actions }, actions)));\n});\nexport default Modal;\n//# sourceMappingURL=Modal.js.map"],"names":["exports","___CSS_LOADER_API_IMPORT___","push","module","id","options","styles","forwardRef","props","ref","actions","heading","closeLabel","content","onClose","isOpen","size","testId","ariaLabelId","useState","tabIndex","setTabIndex","useEffect","document","body","style","paddingInlineEnd","getBodyPadding","getScrollbarSize","overflow","documentElement","React","BasePanel","Object","assign","type","position","className","cn","header","HeadingLarge","Tag","isMarginless","header_heading","IconButton","closeButton","variant","iconElement","CloseIconMedium","onClick"],"sourceRoot":""}