https://www.otto.nl/assets/turbo/ace91a57/ottonl/_next/static/chunks/1386-655b33ee29256a0e.js?dpl=ace91a57

1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1386],{729:(e,t,r)=>{r.d(t,{x:()=>s});var a=r(54568),l=r(51445);let s=({linkText:e,skipScrollIntoView:t,anchorId:r,className:s})=>(0,a.jsx)("a",{href:`#${r}`,"data-no-content":!0,className:(0,l.cn)("text-size-headline-base bg-color-grey-light hover:bg-color-grey focus-visible:bg-color-grey focus-visible:border-color-info text-color-info-contrasttext focus-visible:z-tooltip absolute block h-0 w-0 overflow-hidden rounded-sm border-0 p-0 text-center font-bold whitespace-normal no-underline focus-visible:top-2.5 focus-visible:left-2.5 focus-visible:h-auto focus-visible:w-auto focus-visible:rounded-sm focus-visible:border-2 focus-visible:border-solid focus-visible:p-2.5 focus-visible:shadow-md",s),onClick:e=>{e.preventDefault();let a=document.getElementById(r);a&&(requestAnimationFrame(()=>{let e=a.getBoundingClientRect();t||window.scrollTo({left:0,top:e.top+window.scrollY,behavior:"smooth"})}),a.focus())},children:e})},9997:(e,t,r)=>{r.d(t,{q:()=>i});var a=r(54568),l=r(85958),s=r(81610),o=r(79934);let i=()=>{let{atStart:e,atEnd:t,trackRef:r}=(0,o.g)(),{formatMessage:i}=(0,l.A)(),n=e=>{let t=r.current;if(!t)return;let a=t.querySelector(":scope > *");if(!a)return;let l=a.getBoundingClientRect().width+parseFloat(getComputedStyle(t).columnGap||"0"),s=parseInt(getComputedStyle(t).getPropertyValue("--items-visible"),10);t.scrollBy({left:e*l*s,behavior:"smooth"})};return(0,a.jsxs)(a.Fragment,{children:[!e&&(0,a.jsx)(s.Button,{variant:"icon-only",size:"medium","aria-label":i({id:"recoCarousel.aria.prevButton",defaultMessage:"Vorheriges Element"}),className:"bg-color-carousel-dot absolute top-1/2 left-1 z-30 size-5 -translate-y-1/2 rounded-full border-none shadow-lg",onClick:()=>n(-1),tabIndex:-1,children:(0,a.jsx)("span",{className:"icon-emp-arrow-medium-left size-4",role:"img"})}),!t&&(0,a.jsx)(s.Button,{variant:"icon-only",size:"medium","aria-label":i({id:"recoCarousel.aria.nextButton",defaultMessage:"N\xe4chstes Element"}),className:"bg-color-carousel-dot absolute top-1/2 right-1 z-30 size-5 -translate-y-1/2 rounded-full border-none shadow-lg",onClick:()=>n(1),tabIndex:-1,children:(0,a.jsx)("span",{className:"icon-emp-arrow-medium-right size-4",role:"img"})})]})}},10188:(e,t,r)=>{r.d(t,{g:()=>u});var a=r(54568),l=r(13376),s=r(65751),o=r(9997),i=r(70815),n=r(50704);let d="[--items-visible:2.15] [--reco-gap:0.75rem] [--card-max:20rem] @xl:[--items-visible:3.5] @4xl:[--items-visible:4.5] @min-[88rem]:[--items-visible:5.5] @min-[104rem]:[--items-visible:6.5] @min-[120rem]:[--items-visible:7.5] @min-[136rem]:[--items-visible:8.5]",c=({type:e,className:t})=>(0,a.jsx)("div",{className:`grid auto-cols-[min(calc((100%-(var(--items-visible)-1)*var(--reco-gap))/var(--items-visible)),var(--card-max,100%))] grid-flow-col gap-(--reco-gap) gap-x-1.5 overflow-hidden ${t}`,children:Array.from({length:9}).map((t,r)=>(0,a.jsx)(n.E,{className:`${(e=>{switch(e){case"CAT":return"h-[220px]";case"BRAND":return"h-[130px]";default:return"h-[300px]"}})(e)} rounded-sm`},r))}),m=({title:e,preferTitle:t,loadingState:r})=>t&&!e?null:(0,a.jsx)("div",{className:"text-size-headline-xl lg:text-size-headline-2xl my-2 px-1.5 lg:px-2",children:r?(0,a.jsx)("div",{className:"bg-color-grey h-4 w-[200px] animate-pulse"}):(0,a.jsx)("p",{children:e})}),u=({children:e,title:t,preferTitle:r,loadingState:n=!1,backgroundColor:u,ref:x,type:p="PRODUCT"})=>(0,a.jsxs)("div",{ref:x,children:[(0,a.jsx)(m,{title:t,preferTitle:r,loadingState:n}),(0,a.jsx)(l.g,{children:(0,a.jsx)(s.w,{style:{backgroundColor:u},children:n?(0,a.jsx)(c,{type:p,className:d}):(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(o.q,{}),(0,a.jsx)(i.K,{className:`scroll-px-1 p-1 ${d}`,initialRenderCount:5,children:e})]})})})]})},13376:(e,t,r)=>{r.d(t,{g:()=>o});var a=r(54568),l=r(7620),s=r(78418);let o=({children:e})=>{let[t,r]=(0,l.useState)(!0),[o,i]=(0,l.useState)(!1),n=(0,l.useRef)(null);return(0,a.jsx)(s.Y.Provider,{value:(0,l.useMemo)(()=>({atStart:t,atEnd:o,trackRef:n}),[t,o]),children:(0,a.jsx)(s.U.Provider,{value:(0,l.useMemo)(()=>({setAtStart:r,setAtEnd:i}),[r,i]),children:e})})}},13474:(e,t,r)=>{r.d(t,{Z:()=>a});let a=(0,r(7620).createContext)(null)},17008:(e,t,r)=>{r.d(t,{$:()=>n,o:()=>i});var a=r(7620),l=r(26832);let s=()=>window.matchMedia("(min-width: 600px)").matches,o=e=>{let t=new AbortController;return window.matchMedia("(min-width: 600px)").addEventListener("change",e,{signal:t.signal}),()=>t.abort()},i=()=>{let e=(0,l.L)();return(0,a.useSyncExternalStore)(o,s,()=>"desktop"===e)},n=()=>(0,a.useSyncExternalStore)(o,s)},25036:(e,t,r)=>{r.r(t),r.d(t,{Accordion:()=>

1i,AccordionDetails:()=>c,AccordionItem:()=>n,AccordionSummary:()=>d});var a=r(54568),l=r(7620),s=r(80665),o=r(51445);let i=l.forwardRef(({className:e,...t},r)=>(0,a.jsx)(s.bL,{ref:r,className:e,...t})),n=l.forwardRef(({className:e,noStyle:t,...r},l)=>(0,a.jsx)(s.q7,{ref:l,className:(0,o.cn)(!t&&"data-disabled:bg-color-separator bg-color-background-base before:transition-background-color before:bg-color-separator relative shadow-xs transition-[margin] before:absolute before:-top-px before:right-0 before:left-0 before:block before:h-px before:transition-opacity first:rounded-t last:rounded-b first-of-type:before:opacity-0 data-[state=open]:my-2 data-[state=open]:first:mt-0 data-[state=open]:first:mb-2",e),...r}));n.displayName="AccordionItem";let d=l.forwardRef(({className:e,children:t,icon:r="icon-emp-arrow-large-down",asChild:l,...i},n)=>(0,a.jsx)(s.Y9,{className:"flex px-2",asChild:l,children:(0,a.jsxs)(s.l9,{ref:n,className:(0,o.cn)("text-size-headline-base flex flex-1 items-center justify-between transition-all data-disabled:opacity-35 [&[data-state=open]>span]:rotate-180",e),...i,children:[(0,a.jsx)("div",{className:"my-1.5",children:t}),(0,a.jsx)("span",{className:`text-color-accordion-toggle-icon ${r} size-4 shrink-0 transition-transform duration-200`})]})}));d.displayName=s.l9.displayName;let c=l.forwardRef(({className:e,children:t,...r},l)=>(0,a.jsx)(s.UC,{ref:l,className:"data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down text-size-body-base overflow-hidden transition-all",...r,children:(0,a.jsx)("div",{className:(0,o.cn)("px-2 pt-1 pb-2",e),children:t})}));c.displayName=s.UC.displayName},26832:(e,t,r)=>{r.d(t,{L:()=>s});var a=r(7620),l=r(13474);let s=()=>{let e=(0,a.useContext)(l.Z);return e||"mobile"}},27850:(e,t,r)=>{r.d(t,{P:()=>s});var a=r(54568),l=r(51445);let s=({className:e,value:t=0,mode:r="indeterminate",ariaLabel:s="Content loading"})=>{let o=2*Math.PI*20.2;return(0,a.jsxs)("span",{className:(0,l.cn)("icon-emp-spinner relative inline-flex items-center justify-center","determinate"===r?"-rotate-90":"",e),role:"progressbar","aria-valuenow":"determinate"===r?t:void 0,children:["determinate"===r&&(0,a.jsxs)("span",{className:"text-color-text-darktransparent text-size-body-sm absolute rotate-90",children:[t,(0,a.jsx)("span",{className:"text-sm",children:"%"})]}),(0,a.jsx)("span",{className:`${"indeterminate"===r?"animate-circular-progress":""} absolute h-full w-full`,children:(0,a.jsx)("svg",{viewBox:"22 22 44 44","aria-label":s,children:(0,a.jsx)("circle",{className:`${"indeterminate"===r?"animate-circular-progress-circle":""} text-color-primary`,style:{stroke:"currentcolor",strokeDasharray:"determinate"===r?o.toFixed(3):"80px, 200px",strokeDashoffset:"determinate"===r?`${((100-t)/100*o).toFixed(3)}px`:"0",strokeLinecap:"round"},cx:44,cy:44,r:20.2,fill:"none",strokeWidth:3.6})})}),(0,a.jsx)("svg",{viewBox:"22 22 44 44","aria-label":s,children:(0,a.jsx)("circle",{className:"text-color-linear-progress-background",style:{stroke:"currentcolor",strokeDashoffset:"0",strokeLinecap:"round"},cx:44,cy:44,r:20.2,fill:"none",strokeWidth:3.6})})]})}},30310:(e,t,r)=>{r.r(t),r.d(t,{BypassTargetButton:()=>s});var a=r(54568),l=r(51445);let s=({id:e,className:t})=>(0,a.jsx)("button",{id:e,type:"button","aria-hidden":!0,"data-no-content":!0,className:(0,l.cn)("absolute bottom-0 h-0 w-0 overflow-hidden",t),tabIndex:-1})},33859:(e,t,r)=>{r.d(t,{h:()=>a});let a=r(7620).lazy(()=>Promise.all([r.e(4282),r.e(1204)]).then(r.bind(r,22191)).then(e=>({default:e.InstallmentCalculator})))},40460:(e,t,r)=>{r.d(t,{v:()=>s});var a=r(40326),l=r(7620);let s=()=>{let e=(0,l.useRef)(null),{isIntersecting:t}=(0,a.B)(e,{threshold:1}),{isIntersecting:r}=(0,a.B)(e,{threshold:0,rootMargin:"500px 0px 500px 0px",root:e.current});return{recoEl:e,isInView:t,isInThreshold:t||r}}},49680:(e,t,r)=>{r.d(t,{Y:()=>o});var a=r(76233),l=r(30720),s=r(9520);let o=()=>{let{jwtToken:e}=(0,s.w)(),t=(0,l.U)(),{data:o}=(0,a.u)(e?["customerApi",e]:null,async([,e])=>{try{let[a,l]=await Promise.all([Promise.all([r.e(9170),r.e(5716),r.e(5933),r.e(6189)]).then(r.bind(r,30846)),Promise.all([r.e(9170),r.e(5716),r.e(8191),r.e(7539)]).then(r.t.bind(r,18191,23))]),{apiKeyManager:s,FixFeatureUrlMiddleware:o}=a,{CustomerApi:i,Configuration:n}=l;return new i(new n({fetchApi:(e,t)=>fetch(e,t),headers:{accept:"application/json"},apiKey:e,middleware:[s.sessionInvalidationMiddleware,new o("feature-backend-customer")],basePath:t.apiEndpoints.customer}))}catch(e){return null}});return o||null}},50704:(e,t,r)=>{r.d(t,{E:()=>s});var a=r(54568),l=r(51445);let s=({className:e,...t})=>(0,a.jsx)("div",{className:(0,l.cn)("bg-color-skeleton animate-pulse rounded-md",e),...t})},51080:(e,t,r)=>{r.d(t,{k:()=>o});var a=r(64516),l=r(7620),s=r(33123);let o=({rdeType:e,rdeTypeAbbr:t,recommendations:r,title:o,trackingCondition:i,onSeen:n})=>{let d=(0,a.z)();(0,l.useEffect)(()=>{i&&void 0!==r&&t&&(n?.(),d({event:"DisplayRecommendation",DisplayRecommendationData:{name:o,recoId:t,recoType:"carousel",strategy:e,tiles:(0,s.E)(r,t),totalSize:r.length}}))},[i])}},56528:(e,t,r)=>{r.d(t,{CmsHtml:()=>b});var a=r(54568),l=r(51445),s=r(82601),o=r(7620);let i=({className:e,children:t,ref:r,...s})=>(0,a.jsx)("div",{className:"relative w-full overflow-auto",children:(0,a.jsx)("table",{ref:r,className:(0,l.cn)("text-size-body-sm w-max caption-bottom text-left",e),...s,children:t})}),n=({className:e,ref:t,...r})=>(0,a.jsx)("thead",{ref:t,className:(0,l.cn)("[&_th:first-child]:rounded-tl-md [&_th:last-child]:rounded-tr-md [&_tr]:border-b",e),...r}),d=({className:e,ref:t,...r})=>(0,a.jsx)("tbody",{ref:t,className:(0,l.cn)("[&_tr:last-child]:border-0",e),...r}),c=({className:e,ref:t,...r})=>(0,a.jsx)("tr",{ref:t,className:(0,l.cn)("border-b [&_td:first-child]:font-bold",e),...r}),m=({className:e,ref:t,...r})=>(0,a.jsx)("th",{ref:t,className:(0,l.cn)("bg-color-grey-light h-4.5 px-1.5 py-1 text-left align-middle font-medium",e),...r}),u=({className:e,ref:t,...r})=>(0,a.jsx)("caption",{ref:t,className:(0,l.cn)("text-size-body-xs text-color-text-darktransparent m-0 mt-2 text-left",e),...r});var x=r(1651),p=r(51186);let f=({data:{field_margin:e,field_padding:t,table_json:r,id:l}})=>{let{tableHead:s,tableBody:f,caption:h}=r,b=(0,p.N)();return(0,a.jsxs)(i,{style:{...e&&{margin:e},...t&&{padding:t}},children:[h&&(0,a.jsx)(u,{children:h}),s&&(0,a.jsx)(n,{children:(0,a.jsx)(c,{children:s.map((e,t)=>(0,a.jsx)(m,{colSpan:e.colspan?Number.parseInt(e.colspan,10):void 0,dangerouslySetInnerHTML:{__html:e.th}

1},`headCell-${t}`))})}),(0,a.jsx)(d,{children:f.map((e,t)=>(0,a.jsx)(c,{className:"[&_td:first-child]:font-normal",children:e.map((e,r)=>{let s=`Table${l}${t}${r}`,{th:i="",td:n="",colspan:d,rowspan:c,style:m}=e,u=b?(n||i).replaceAll(/<a\s+[^>]*href="([^"]+)"[^>]*>/gi,(e,t)=>{try{let r=new URL(t);return r.search="",e.replace(t,r.toString())}catch(r){return x.vF.info(`Failed to strip search params from anchor href "${t}": ${r}`),e}}):n||i,p=i?"th":"td";return(0,a.jsxs)(o.Fragment,{children:[(0,a.jsx)(p,{colSpan:d?Number.parseInt(d,10):void 0,rowSpan:c?Number.parseInt(c,10):void 0,dangerouslySetInnerHTML:{__html:u},id:s,className:"border-color-grey-light border-2 px-1.5 py-1"},`bodyCell-${t}-${r}`),m&&(0,a.jsx)("style",{children:`
2                      #${s} {
3                        ${m}
4                      }
5                    `})]},`bodyCellFragment-${t}-${r}`)})},`bodyRow-${t}`))})]})};var h=r(82577);let b=({data:e,className:t})=>{let r,o,{field_distance:i,field_margin:n,field_padding:d,field_background_color:c="transparent",field_active_border:m=!1,field_html_editor:u,field_text_align:x="left",id:b}=e,g=(0,s.r)(("object"==typeof u&&null!==u?u.value:"string"==typeof u?u:null)??""),v=(r=(0,p.N)(),o=e=>r?(0,h.K)(e):e,e=>{let t=/<a\s+(?:[^>]*?\s+)?href="([^"]*)"/g,r=t.exec(e),a=e;for(;null!==r;){let l=r[1],s=o(l);a=a.replace(l,s),r=t.exec(e)}return a})(g).replaceAll("{--}","&shy;");return"table_json"in e?(0,a.jsx)(f,{data:e}):(0,a.jsx)("div",{className:(0,l.cn)("_c_cms_html",m&&"border-color-info border-2","variation-1"===i&&"px-3 lg:px-0",t),style:{...n&&{margin:n},..."variation-1"!==i&&d&&{padding:d},textAlign:x,...c&&{background:c}},dangerouslySetInnerHTML:{__html:v}},b)}},57824:(e,t,r)=>{r.d(t,{S:()=>l});var a=r(64516);let l=()=>{let e=(0,a.z)();return{trackGlycerinImageClick:()=>{e({event:"ImageClick",ImageClickData:{category:"Ratenrechner",detail:"Infosymbol",label:"Kredit-Promo"}})},trackInstallmentValueTileClick:t=>{e({event:"ButtonClick",ButtonClickData:{category:"Ratenrechner",detail:`Monatsrate ${t}`,label:"Kredit-Promo"}})},trackPaymentPauseClick:t=>{e({event:"CheckboxClick",CheckboxClickData:{category:"Ratenrechner",detail:"Valuta",label:"Kredit-Promo",isChecked:t}})}

5,trackSliderClick:t=>{e({event:"ButtonClick",ButtonClickData:{category:"Ratenrechner",detail:`Monatsrate ${t}`,label:"Kredit-Promo"}})},trackDialogOpen:()=>{e({event:"DisplayOverlay",DisplayOverlayData:{category:"Ratenrechner",label:"Kredit-Promo"}})}}}},59960:(e,t,r)=>{r.d(t,{cN:()=>i});var a=r(76233),l=r(85958),s=r(32380),o=r(49680);let i=()=>{let{locale:e}=(0,l.A)(),{softLoggedIn:t,loggedIn:r}=(0,s.m)(),i=(0,o.Y)(),{data:n,isLoading:d}=(0,a.u)(i&&!t&&r?"customer":null,()=>i.getCustomer({ecLocale:e}),{revalidateOnFocus:!1});return{customer:n,isLoading:d}}},62285:(e,t,r)=>{r.d(t,{a:()=>p});var a=r(54568),l=r(85958),s=r(7620),o=r(21193),i=r(85459),n=r(97452),d=r(61644),c=r(70885),m=r(94599),u=r(33859),x=r(57824);let p=({basePrice:e,hasEditablePrice:t,source:r,...p})=>{let{formatMessage:f}=(0,l.A)(),{trackDialogOpen:h}=(0,x.S)();return s.useEffect(()=>{p.isOpen&&h()},[h,p.isOpen]),(0,a.jsxs)(o.l,{...p,className:"min-w-[100vw]",variant:"bottomSheet",children:[(0,a.jsx)(n.c,{onClose:p.onClose,children:f({id:"ic-headline",defaultMessage:"Ratenrechner"})}),(0,a.jsx)(i.C,{className:"w-full max-w-[800px] min-w-dvw lg:min-w-[800px]",children:(0,a.jsx)(d.ErrorBoundary,{fallback:e=>(0,a.jsx)(c.i,{onCloseHandler:e}),children:(0,a.jsx)(s.Suspense,{fallback:(0,a.jsx)(m.a,{calculatorLayout:"Columns"}),children:(0,a.jsx)(u.h,{basePrice:e,hasEditablePrice:t,source:r,layout:"Columns"})})})})]})}},65751:(e,t,r)=>{r.d(t,{w:()=>s});var a=r(54568),l=r(51445);let s=({children:e,className:t,...r})=>(0,a.jsx)("div",{className:(0,l.cn)("product-card-grid-wrapper bg-color-grey-light relative p-1",t),...r,children:e})},70815:(e,t,r)=>{r.d(t,{K:()=>i});var a=r(54568),l=r(7620),s=r(51445),o=r(79934);let i=({children:e,className:t,initialRenderCount:r=3})=>{let{trackRef:i}=(0,o.g)(),{updateEdgeState:n}=(0,o.o)({trackRef:i}),{visibleIndexes:d}=(({trackRef:e,initialRenderCount:t})=>{let[r,a]=(0,l.useState)(new Set(Array.from({length:t},(e,t)=>t)));return(0,l.useEffect)(()=>{let t=new IntersectionObserver(e=>{e.forEach(e=>{let r=Number.parseInt(e.target.getAttribute("data-index")||"0",10);e.isIntersecting&&(a(e=>{let t=new Set(e);return t.add(r),t}),t.unobserve(e.target))})},{rootMargin:"50px"}),r=e.current?.querySelectorAll("[data-index]");return r?.forEach(e=>{t.observe(e)}),()=>t.disconnect()},[]),{visibleIndexes:r}})({trackRef:i,initialRenderCount:r}),c=l.Children.toArray(e);return(0,a.jsx)("ul",{ref:i,className:(0,s.cn)("grid snap-x snap-mandatory [scrollbar-width:none] auto-cols-[min(calc((100%-(var(--items-visible)-1)*var(--reco-gap))/var(--items-visible)),var(--card-max,100%))] grid-flow-col gap-x-[var(--reco-gap)] overflow-x-auto overscroll-x-contain [--items-visible:1] [--reco-gap:0.375rem] [-webkit-overflow-scrolling:touch] [&>li]:animate-[fade_0.5s_ease-in_forwards] [&>li]:snap-start",t),onScroll:n,children:c.map((e,t)=>(0,a.jsx)(l.Fragment,{children:d.has(t)?e:(0,a.jsx)("li",{className:"row-start-1 -row-end-1 grid-cols-1","data-index":t})},t))})}},70885:(e,t,r)=>{r.d(t,{i:()=>o});var a=r(54568),l=r(75808),s=r(85958);let o=({onCloseHandler:e})=>{let{formatMessage:t}=(0,s.A)();return(0,a.jsx)(l.Notification,{onClose:e,severity:"warning",children:t({id:"ic-errorFallback-message",defaultMessage:"Aus technischen Gr\xfcnden ist die Berechnung der Rate momentan nicht m\xf6glich. Bitte lade die Seite erneut oder versuche es sp\xe4ter noch einmal."})})}},78418:(e,t,r)=>{r.d(t,{U:()=>s,Y:()=>l});var a=r(7620);let l=(0,a.createContext)({atStart:!0,atEnd:!1,trackRef:{current:null}}),s=(0,a.createContext)({setAtStart:()=>{},setAtEnd:()=>{}})},79934:(e,t,r)=>{r.d(t,{g:()=>s,o:()=>o});var a=r(7620),l=r(78418);let s=()=>(0,a.use)(l.Y),o=({trackRef:e})=>{let{setAtStart:t,setAtEnd:r}=(0,a.use)(l.U),s=(0,a.useCallback)(()=>{let a=e.current;if(!a)return;let{scrollLeft:l,scrollWidth:s,clientWidth:o}=a;t(l<=0),r(l+o>=s-1)},[r,t,e]);return(0,a.useEffect)(()=>{s()},[s]),{setAtStart:t,setAtEnd:r,updateEdgeState:s}}},82577:(e,t,r)=>{r.d(t,{K:()=>a});let a=e=>{let t=e.split("?")[0],r=e.match(/slug=([^&]*)/)?.[1],a=e.match(/akl=([^&]*)/)?.[1];return t.replace("[slug]",r??"").replace("[akl]",a??"").replace("[object Object]","")}},82601:(e,t,r)=>{r.d(t,{r:()=>l});let a=/https?:\/\/storage\.googleapis\.com\/drupal-images-[^/]+\//g,l=e=>e.replace(a,"/cms-images/")},84688:(e,t,r)=>{r.r(t),r.d(t,{BypassBlock:()=>i});var a=r(54568),l=r(7620),s=r(30310),o=r(729);let i=({children:e,buttonText:t,skipScrollIntoView:r,className:i,...n})=>{let d=(0,l.useId)();return(0,a.jsxs)("div",{...n,className:`relative ${i??""}`,children:[(0,a.jsx)(o.x,{linkText:t,anchorId:d,skipScrollIntoView:r}),e,(0,a.jsx)(s.BypassTargetButton,{id:d})]})}},89420:(e,t,r)=>{r.d(t,{e:()=>a});let a=()=>void 0!==window.Bridge?window.Bridge:{updateBasket:()=>{},updateWishlist:()=>{},showMyAccount:()=>{},showHomePage:()=>{},getBasketFreezeObj:()=>{},showConsentManager:()=>{},rejectConsent:()=>{},setMasterToken:()=>{},setSessionToken:()=>{},orderConfirmation:()=>{},setBonuscodes:()=>{},setTitle:()=>{}

5,showDetailView:()=>{},setExternalCallInfoObj:()=>{},setLastAffiliateObj:()=>{},setBasketFreezeObj:()=>{},getTransactionParameters:()=>{},setUserProperties:()=>{},downloadDocument:()=>{},trackFirebaseEvent:()=>{},getMasterToken:()=>"",getSessionToken:()=>"",getBonuscodes:()=>"",getExternalCallInfoObj:()=>"",getLastAffiliateObj:()=>"",getSessionID:()=>""}},94577:(e,t,r)=>{r.r(t),r.d(t,{Card:()=>i,CardAction:()=>p,CardContent:()=>u,CardDescription:()=>m,CardFooter:()=>x,CardHeader:()=>n,CardSubtitle:()=>c,CardTitle:()=>d});var a=r(54568),l=r(7620),s=r(51445);let o=(0,r(91397).F)("bg-color-background-base rounded transition-all",{variants:{hasAutoSeparation:{true:"divide-color-grey divide-y",false:""},layout:{outlined:"border-color-grey border",default:"shadow-xs"},isActive:{true:"border-l-color-primary border-l-4",false:""}},defaultVariants:{hasAutoSeparation:!1,layout:"default",isActive:!1}}),i=l.forwardRef(({className:e,hasAutoSeparation:t,isActive:r,layout:l="default",...i},n)=>(0,a.jsx)("div",{ref:n,className:(0,s.cn)(o({hasAutoSeparation:t,isActive:r,layout:l}),e),...i}));i.displayName="Card";let n=l.forwardRef(({className:e,hasDivider:t,...r},l)=>(0,a.jsx)("div",{ref:l,className:(0,s.cn)("flex gap-2 px-3 py-1.5",t&&"border-color-grey border-b",e),...r}));n.displayName="CardHeader";let d=l.forwardRef(({className:e,...t},r)=>(0,a.jsx)("p",{ref:r,className:(0,s.cn)("text-size-headline-base",e),...t}));d.displayName="CardTitle";let c=l.forwardRef(({className:e,...t},r)=>(0,a.jsx)("p",{ref:r,className:(0,s.cn)("text-size-body-sm text-color-text-darktransparent mt-0.5",e),...t}));c.displayName="CardSubtitle";let m=l.forwardRef(({className:e,...t},r)=>(0,a.jsx)("p",{ref:r,className:(0,s.cn)("text-size-body-xs mt-0.5",e),...t}));m.displayName="CardDescription";let u=l.forwardRef(({className:e,...t},r)=>(0,a.jsx)("div",{ref:r,className:(0,s.cn)("px-2 pt-2",e),...t}));u.displayName="CardContent";let x=l.forwardRef(({hasDivider:e,className:t,...r},l)=>(0,a.jsx)("div",{ref:l,className:(0,s.cn)("flex items-center px-2",e&&"border-color-grey border-t",t),...r}));x.displayName="CardFooter";let p=l.forwardRef(({className:e,icon:t,children:r,...l},o)=>(0,a.jsxs)("button",{ref:o,type:"button",className:(0,s.cn)("text-color-text-dark hover:bg-color-grey-light text-size-body-sm flex items-center gap-2 rounded-[8px] transition-colors",t?"ps-0.5 pe-1":"px-1",e),...l,children:[t&&(0,a.jsx)("span",{className:(0,s.cn)(t,"size-3")}),(0,a.jsx)("span",{children:r})]}));p.displayName="CardAction"},94599:(e,t,r)=>{r.d(t,{a:()=>i});var a=r(54568),l=r(50704);let s=()=>(0,a.jsxs)("div",{className:"flex flex-col gap-2 p-2",children:[(0,a.jsx)(l.E,{className:"w-full",style:{height:"145px"}}),(0,a.jsx)(l.E,{className:"h-2.5 w-full"}),(0,a.jsx)(l.E,{className:"h-2.5 w-full"}),(0,a.jsx)(l.E,{className:"h-2.5 w-full"})]}),o=()=>(0,a.jsxs)("div",{className:"flex w-full flex-col gap-2 p-2 lg:flex-row lg:gap-4",children:[(0,a.jsxs)("div",{className:"flex shrink grow basis-1/2 flex-col gap-2",children:[(0,a.jsx)(l.E,{className:"w-full",style:{height:"145px"}}),(0,a.jsx)(l.E,{className:"h-5 w-full"}),(0,a.jsx)(l.E,{className:"h-2.5 w-full"})]}),(0,a.jsx)("div",{className:"flex shrink grow basis-1/2 flex-col gap-2",children:[void 0,void 0,void 0,void 0,void 0].map((e,t)=>(0,a.jsx)(l.E,{className:"h-2 w-full"},t))})]}),i=({calculatorLayout:e})=>"Collapsible"===e?(0,a.jsx)(s,{}):(0,a.jsx)(o,{})}}]);
6//# sourceMappingURL=1386-655b33ee29256a0e.js.map