"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[93091,93694],{53283:(n,e,t)=>{t.r(e),t.d(e,{default:()=>Wn});t(82526),t(38880),t(89554),t(54747),t(49337),t(33321),t(69070);var r,o,i,c,a,s,l,d,u,p,f,g,h,m,b,v=t(93433),x=t(4942),w=t(29439),Z=(t(85827),t(47941),t(92222),t(57327),t(82772),t(67294)),j=t(28225),y=(t(21249),t(74916),t(23123),t(56977),t(47042),t(69600),t(30168)),P=(t(29253),t(30305)),C=t(3323),O=t(51062),k=t(71893),E=k.ZP.tr(r||(r=(0,y.Z)(["\n display: flex;\n flex-wrap: wrap;\n position: relative;\n & > div:first-child {\n background-color: ",";\n }\n & > div:nth-child(2) {\n width: 12.5rem;\n margin: 0;\n }\n & > div:last-child {\n margin: 0;\n }\n "," {\n flex-wrap: nowrap;\n background-color: ",";\n :nth-child(even) {\n background-color: ",";\n }\n & > div:first-child {\n background-color: ",";\n width: 11.5rem;\n }\n & > div:first-child,\n & > div:nth-child(2),\n & > div:last-child {\n width: 11.5rem;\n }\n }\n"])),(function(n){return n.theme.colors.environment.percent05}),P.B.tabletLandscape,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.white})),L=k.ZP.tr(o||(o=(0,y.Z)(["\n display: flex;\n flex-wrap: wrap;\n position: relative;\n & > div:first-child {\n background-color: ",";\n }\n & > div:nth-child(2) {\n width: 12.5rem;\n margin: 0;\n }\n & > div:last-child {\n margin: 0;\n }\n "," {\n flex-wrap: nowrap;\n background-color: ",";\n :nth-child(even) {\n background-color: ",";\n }\n & > div:first-child {\n background-color: ",";\n width: 11.5rem;\n }\n & > div:first-child,\n & > div:nth-child(2),\n & > div:last-child {\n width: 11.5rem;\n }\n }\n"])),(function(n){return n.theme.colors.environment.percent05}),P.B.tabletLandscape,(function(n){return n.theme.colors.white}),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.white})),D=k.ZP.div(i||(i=(0,y.Z)(["\n width: 11.65rem;\n margin-right: ",";\n ",";\n\n "," {\n width: 11.5rem;\n margin-right: 0;\n border-right 2px solid ",";\n }\n\n ",";\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.different&&(0,k.iv)(c||(c=(0,y.Z)(["\n background-color: #cfe5cc;\n "])))}),P.B.tabletLandscape,(function(n){return n.theme.colors.environment.percent10}),(function(n){return n.fixed&&(0,k.iv)(a||(a=(0,y.Z)(["\n position: sticky;\n z-index: 10;\n left: 0;\n background-color: white;\n "," {\n left: 11.5rem;\n background-color: inherit;\n }\n "])),P.B.tabletLandscape)})),S=k.ZP.td(s||(s=(0,y.Z)(["\n padding: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),N=k.ZP.tbody(l||(l=(0,y.Z)(["\n td:nth-child(even) {\n background-color: ",";\n }\n margin-top: ",";\n tr:first-child {\n margin-top: ",";\n }\n "," {\n margin-top: 0;\n tr:first-child {\n margin-top: 0;\n }\n }\n"])),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),P.B.tabletLandscape),I=k.ZP.div(d||(d=(0,y.Z)(["\n background-color: ",";\n border-right: 2px solid ",";\n width: 100%;\n "," {\n width: 11.5rem;\n position: sticky;\n left: 0;\n z-index: 10;\n }\n"])),(function(n){return n.theme.colors.environment.percent05}),(function(n){return n.theme.colors.environment.percent10}),P.B.tabletLandscape),A=k.ZP.td(u||(u=(0,y.Z)(["\n padding: ",";\n font-weight: bold;\n position: sticky;\n left: 0;\n z-index: 10;\n display: inline-flex;\n"])),(function(n){return n.theme.spacing.spacing01})),R=k.ZP.div(p||(p=(0,y.Z)(["\n display: flex;\n align-items: center;\n "," {\n &&& {\n background-color: ",";\n }\n }\n"])),P.B.tabletLandscape,(function(n){return n.theme.colors.white})),B=(0,k.ZP)(C.i)(f||(f=(0,y.Z)(["\n padding: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),F=k.ZP.span(g||(g=(0,y.Z)(["\n display: flex;\n align-items: flex-start;\n margin-right: ",";\n color: ",";\n"])),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.theme;return n.highlighted?e.colors.danger.main:e.colors.black})),T=k.ZP.span(h||(h=(0,y.Z)(["\n ",";\n"])),O.g.header.h3),_=k.ZP.span(m||(m=(0,y.Z)(["\n ",";\n margin-top: ",";\n margin-left: ",";\n"])),O.g.header.h5,(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing005})),W=k.ZP.span(b||(b=(0,y.Z)(["\n text-decoration: line-through;\n margin-right: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),$=t(7730),G=t(85893);const H=function(n){var e=n.products,t=n.attributes,r=n.toggled,o=n.showDifferences,i=(0,j.$G)(),c=(0,w.Z)(i,1)[0];return(0,G.jsxs)(N,{children:[(0,G.jsxs)(E,{children:[(0,G.jsx)(I,{children:(0,G.jsx)(A,{children:c("comparator.body.price")})}),e.map((function(n,e){var t=(n.promotionalPrice||n.originalPrice).toFixed(2).split("."),r=(0,w.Z)(t,2),o=r[0],i=r[1];return(0,G.jsx)(D,{fixed:0===e,children:(0,G.jsx)(S,{children:(0,G.jsxs)(R,{children:[(0,G.jsxs)(F,{highlighted:!!n.promotionalPrice,children:[(0,G.jsx)(T,{children:o}),(0,G.jsxs)(_,{children:[i,"€"]})]}),!!n.promotionalPrice&&(0,G.jsx)($.Z,{typo:"body2Regular",children:(0,G.jsxs)(W,{children:[n.originalPrice,"€"]})})]})})},n.id)}))]}),(0,G.jsxs)(L,{children:[(0,G.jsx)(I,{children:(0,G.jsx)(A,{children:c("comparator.body.rating")})}),e.map((function(n,e){return(0,G.jsx)(D,{fixed:0===e,children:(0,G.jsx)(B,{type:2,fill:"#FFA90D",rating:2*(n.ratingAvg||0),opinionText:"(".concat(n.ratingCount,")")})},n.id)}))]}),(0,v.Z)(t).slice(0,r?t.length:2).map((function(n){return(0,G.jsxs)(E,{children:[(0,G.jsx)(I,{children:(0,G.jsx)(A,{children:n})}),e.map((function(t,r){var i,c,a=null===(i=t.attributes[n])||void 0===i?void 0:i.join(", "),s=o&&a!==(null===(c=e[0].attributes[n])||void 0===c?void 0:c.join(", "));return(0,G.jsx)(D,{different:s,fixed:0===r,children:(0,G.jsx)(S,{children:a||"----"})},t.id)}))]},n)}))]})};t(92087),t(68309);var M,z,U,X,J,Y,K,q,Q,V,nn,en,tn,rn,on,cn=t(55975),an=t(42347),sn=t(31217),ln=k.ZP.thead(M||(M=(0,y.Z)([""]))),dn=k.ZP.div(z||(z=(0,y.Z)(["\n width: 100%;\n display: flex;\n"]))),un=k.ZP.tr(U||(U=(0,y.Z)(["\n display: flex;\n ",";\n"])),(function(n){return n.fixed&&(0,k.iv)(X||(X=(0,y.Z)(["\n background: ",";\n position: sticky;\n left: 0;\n z-index: 10;\n "," {\n box-shadow: 2px 0px 0px 0px ",";\n }\n "])),(function(n){return n.theme.colors.white}),P.B.tabletLandscape,(function(n){return n.theme.colors.environment.percent10}))})),pn=k.ZP.div(J||(J=(0,y.Z)(["\n width: 11.25rem;\n position: relative;\n margin-bottom: ",";\n ",";\n"])),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.fixed&&(0,k.iv)(Y||(Y=(0,y.Z)(["\n display: flex;\n flex-direction: column-reverse;\n align-items: flex-start;\n height: 100%;\n padding-bottom: ",";\n "])),(function(n){return n.theme.spacing.spacing02}))})),fn=k.ZP.th(K||(K=(0,y.Z)(["\n border: 2px solid ",";\n border-radius: 0.625rem;\n margin-right: ",";\n ",";\n "," {\n border: 0;\n margin-right: 0;\n border-left: 2px solid ",";\n border-radius: 0;\n ",";\n }\n"])),(function(n){return n.theme.colors.environment.percent10}),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.fixed&&(0,k.iv)(q||(q=(0,y.Z)(["\n display: none;\n border-left: 0;\n "])))}),P.B.tabletLandscape,(function(n){return n.theme.colors.environment.percent10}),(function(n){return n.fixed&&(0,k.iv)(Q||(Q=(0,y.Z)(["\n display: flex;\n border-left: 0;\n "])))})),gn=(0,k.ZP)(cn.j)(V||(V=(0,y.Z)(["\n margin-top: ",";\n"])),(function(n){return n.theme.spacing.spacing04})),hn=k.ZP.img(nn||(nn=(0,y.Z)(["\n width: 9.375rem;\n"]))),mn=(0,k.ZP)(an.r)(en||(en=(0,y.Z)(["\n font-weight: 400;\n overflow: hidden;\n text-overflow: ellipsis;\n -webkit-line-clamp: 3;\n display: -webkit-box;\n -webkit-box-orient: vertical;\n margin: 0 ",";\n "," {\n -webkit-line-clamp: 2;\n }\n"])),(function(n){return n.theme.spacing.spacing02}),P.B.tabletLandscape),bn=k.ZP.div(tn||(tn=(0,y.Z)(["\n display: flex;\n flex-wrap: wrap;\n position: absolute;\n left: 0;\n bottom: 0px;\n width: 100%;\n gap: ",";\n transform: none;\n padding: 0 ",";\n"])),(function(n){return n.theme.spacing.spacing005}),(function(n){return n.theme.spacing.spacing01})),vn=k.ZP.div(rn||(rn=(0,y.Z)(["\n position: relative;\n padding-top: ",";\n"])),(function(n){return n.theme.spacing.spacing005})),xn=(0,k.ZP)(sn.Z)(on||(on=(0,y.Z)(["\n top: 0;\n margin: ",";\n"])),(function(n){return n.theme.spacing.spacing01})),wn=t(38695);const Zn=function(n){var e,t=n.products,r=n.setShowDifferences,o=n.campaignPriorityStyle,i=(0,j.$G)(),c=(0,w.Z)(i,1)[0],a=t[0];return(0,G.jsx)(ln,{children:(0,G.jsxs)(dn,{children:[(0,G.jsxs)(un,{fixed:!0,children:[(0,G.jsx)(fn,{fixed:!0,children:(0,G.jsx)(pn,{fixed:!0,children:(0,G.jsx)(gn,{assistiveText:c("comparator.head.showDifferences"),htmlCheckboxId:"show-differences",onChange:function(n){return r(n.target.checked)}})})}),a&&(0,G.jsx)(fn,{itemFixed:!0,children:(0,G.jsxs)(pn,{children:[(0,G.jsxs)(vn,{children:[!!a.discount&&(0,G.jsx)(xn,{discount:a.discount}),(0,G.jsx)(hn,{src:a.image,loading:"lazy"}),!(null===(e=a.flags)||void 0===e||!e.length)||a.isInPriorityCampaign&&(0,G.jsx)(bn,{children:(0,G.jsx)(wn.default,{campaignStyle:o,isInPriorityCampaign:a.isInPriorityCampaign,amountDiscountCart:a.discountInCart||0,flags:a.flags})})]}),(0,G.jsx)(mn,{href:a.slug,children:a.name})]})})]}),(0,G.jsx)(un,{children:t.map((function(n,e){var t;return 0!==e&&(0,G.jsx)(fn,{children:(0,G.jsxs)(pn,{children:[(0,G.jsxs)(vn,{children:[!!n.discount&&(0,G.jsx)(xn,{discount:n.discount}),(0,G.jsx)(hn,{src:n.image,loading:"lazy"}),!(null===(t=n.flags)||void 0===t||!t.length)||n.isInPriorityCampaign&&(0,G.jsx)(bn,{children:(0,G.jsx)(wn.default,{campaignStyle:o,isInPriorityCampaign:n.isInPriorityCampaign,amountDiscountCart:n.discountInCart||0,flags:n.flags})})]}),(0,G.jsx)(mn,{href:n.slug,children:n.name})]})},n.id)}))})]})})};var jn,yn,Pn,Cn,On,kn,En=t(46229),Ln=k.ZP.div(jn||(jn=(0,y.Z)(["\n display: flex;\n margin: "," auto ",";\n width: calc(100vw - 2.5rem);\n "," {\n width: 100%;\n }\n"])),(function(n){return n.theme.spacing.spacing05}),(function(n){return n.theme.spacing.spacing03}),P.B.tabletLandscape),Dn=k.ZP.div(yn||(yn=(0,y.Z)(["\n display: flex;\n justify-content: center;\n width: calc(100vw - 2.5rem);\n"]))),Sn=k.ZP.p(Pn||(Pn=(0,y.Z)(["\n ",";\n margin-bottom: ",";\n"])),O.g.header.h4,(function(n){return n.theme.spacing.spacing02})),Nn=k.ZP.div(Cn||(Cn=(0,y.Z)(["\n overflow-x: auto;\n overflow-y: hidden;\n cursor: grab;\n padding-bottom: ",";\n &::-webkit-scrollbar-track {\n background-color: ",";\n border-radius: 0px;\n }\n\n &::-webkit-scrollbar {\n height: ",";\n border-radius: ",";\n background-color: ",";\n }\n\n &::-webkit-scrollbar-thumb {\n background-color: ",";\n border-radius: ",";\n }\n margin-top: 0;\n "," {\n display: block;\n margin-bottom: 0;\n }\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.colors.environment.percent10}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.spacing.spacing01}),(function(n){return n.theme.colors.environment.percent10}),(function(n){return n.theme.colors.environment.percent35}),(function(n){return n.theme.spacing.spacing01}),P.B.tabletLandscape),In=k.ZP.table(On||(On=(0,y.Z)(["\n border-collapse: collapse;\n width: 100%;\n overflow-x: auto;\n"]))),An=(0,k.ZP)(En.z)(kn||(kn=(0,y.Z)(["\n width: fit-content;\n &:focus {\n outline: 0;\n border: 1px solid ",";\n box-shadow: none;\n }\n"])),(function(n){return n.theme.colors.environment.percent10})),Rn=t(69119),Bn=t(29968),Fn=function(n){var e;return(null===n||void 0===n||null===(e=n.articles)||void 0===e?void 0:e.map((function(n){return{id:n.id,image:n.images.medium.path,name:n.name,originalPrice:n.originalPrice,promotionalPrice:n.promotionalPrice,discount:n.discount,discountInCart:n.discountInCart,ratingCount:n.ratingCount,ratingAvg:n.ratingAvg,slug:n.slug,flags:n.flags,attributes:n.attributes,isInPriorityCampaign:n.isInPriorityCampaign||!1}})))||[]};function Tn(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function _n(n){for(var e=1;e=3&&p((function(e){return _n(_n({},e),{},{products:Fn(n.data)})}))})).catch(Rn.ZT),function(){return n.abort()}}}),[a,p,r,e]),(0,Z.useEffect)((function(){if(null!==C&&void 0!==C&&C.current){var n=C.current,e=!1,t=0,r=0,o=function(o){e=!0,t=o.pageX-n.offsetLeft,r=n.scrollLeft},i=function(o){if(e){o.preventDefault();var i=o.pageX-n.offsetLeft-t;n.scrollLeft=r-i}},c=function(){return e=!1},a=function(){return e=!1};return n.addEventListener("mouseup",a),n.addEventListener("mousemove",i),n.addEventListener("mousedown",o),n.addEventListener("mouseleave",c),function(){n.removeEventListener("mouseup",a),n.removeEventListener("mousemove",i),n.removeEventListener("mousedown",o),n.removeEventListener("mouseleave",c)}}}),[]),(0,Z.useEffect)((function(){!function(){var n=u.products.reduce((function(n,e){var t=Object.keys(e.attributes);return[].concat((0,v.Z)(n),t)}),[]),e=n.filter((function(e,t){return n.indexOf(e)===t}));p((function(n){return _n(_n({},n),{},{attributes:e})}))}()}),[u.products]);var E=u.attributes,L=u.products;return(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)("div",{id:o,ref:s}),!!L.length&&(0,G.jsxs)(G.Fragment,{children:[(0,G.jsx)(Sn,{children:k("productDetail.ComparatorTable.title")}),(0,G.jsx)(Ln,{children:(0,G.jsx)(Nn,{ref:C,children:(0,G.jsxs)(In,{children:[(0,G.jsx)(Zn,{products:L,setShowDifferences:P,campaignPriorityStyle:t}),(0,G.jsx)(H,{showDifferences:y,attributes:E,products:L,toggled:h})]})})}),(0,G.jsx)(Dn,{children:(0,G.jsx)(An,{onClick:function(){return m(!h)},secondary:!0,children:k(h?"comparator.showless":"comparator.showmore")})})]})]})}},31217:(n,e,t)=>{t.d(e,{Z:()=>d});var r,o=t(71893),i=t(41810),c=t(30168),a=(t(92222),t(85664)),s=(0,o.ZP)(a.C)(r||(r=(0,c.Z)(["\n position: absolute;\n top: ",";\n left: 0;\n z-index: 1;\n display: flex;\n align-items: center;\n padding: 0;\n border: ",";\n > span {\n margin: ",";\n }\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," solid ").concat(e.colors.danger.main)}),(function(n){var e=n.theme;return"".concat(e.spacing.spacing0025," ").concat(e.spacing.spacing005)})),l=t(85893);const d=function(n){var e=n.discount,t=n.className,r=n.expirationDate,c=(0,o.Fg)();return(0,l.jsx)(l.Fragment,{children:!!e&&e>0&&(0,l.jsxs)(s,{className:"discount-badge ".concat(t||""),bold:!0,bgColor:c.colors.danger.main,textColor:c.colors.white,isolated:!0,children:[(0,l.jsxs)("span",{children:[" -",e,"%"]}),r&&(0,l.jsx)(i.Z,{expirationDate:r})]})})}},38695:(n,e,t)=>{t.r(e),t.d(e,{default:()=>$});t(47941),t(82526),t(38880),t(89554),t(54747),t(49337),t(33321),t(69070);var r,o,i,c,a,s,l=t(4942),d=t(45987),u=t(29439),p=(t(92087),t(57327),t(26699),t(32023),t(47042),t(26833),t(21249),t(67294)),f=t(28225),g=t(63742),h=t(13428),m=t(77862),b=t(30168),v=t(85664),x=t(54882),w=t(30305),Z=t(46229),j=t(51062),y=t(71893),P=(0,y.ZP)(v.C)(r||(r=(0,b.Z)(["\n width: max-content;\n margin: 0;\n display: flex;\n gap: 4px;\n padding: 0.25rem 0.5rem;\n flex-direction: ",";\n\n &.flag-trending {\n display: none;\n }\n"])),(function(n){return n.isRight?"row-reverse":"row"})),C=(0,y.ZP)(x.J)(o||(o=(0,b.Z)(["\n z-index: 2;\n display: flex;\n align-items: flex-start;\n width: auto;\n top: calc(100% + 0.5rem);\n "," {\n padding: ",";\n }\n "," {\n padding: 1rem;\n }\n"])),w.B.tabletPortrait,(function(n){return n.theme.spacing.spacing01}),w.B.desktop),O=(0,y.ZP)(Z.z)(i||(i=(0,b.Z)(["\n padding: unset;\n align-items: start;\n &:hover {\n background-color: white;\n }\n &:focus {\n border: none;\n }\n"]))),k=y.ZP.p(c||(c=(0,b.Z)(["\n &&& {\n margin-bottom: unset;\n }\n"]))),E=y.ZP.span(a||(a=(0,b.Z)(["\n ",";\n color: ",";\n background: transparent;\n"])),j.g.captionBold,(function(n){return n.color}));!function(n){n[n.RIGHT=0]="RIGHT",n[n.LEFT=1]="LEFT"}(s||(s={}));t(92222);var L=t(53397),D=t(22981),S=t(85893);function N(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}function I(n){for(var e=1;e{var r=t(82109),o=t(14230);r({target:"String",proto:!0,forced:t(43429)("fixed")},{fixed:function(){return o(this,"tt","","")}})},22981:(n,e,t)=>{t.d(e,{GS:()=>s,EB:()=>l});var r=t(90542),o=t(67294);var i=t(29715),c={media:"",matches:!1,onchange:i.Z,addListener:i.Z,removeListener:i.Z,addEventListener:i.Z,removeEventListener:i.Z,dispatchEvent:function(n){return!0}},a=function(n){return function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],i=(0,o.useState)(t),a=(0,r.Z)(i,2),s=a[0],l=a[1],d=function(n){return"string"===typeof n?n.replace(/@media\s/,""):Object.entries(n).map((function(n){var e=(0,r.Z)(n,2),t=e[0],o=e[1],i=t.replace(/[A-Z]/g,(function(n){return"-".concat(n.toLowerCase())})).toLowerCase(),c=o;return"boolean"===typeof c?c?i:"not ".concat(i):("number"===typeof c&&/[height|width]$/.test(i)&&(c="".concat(c,"px")),"(".concat(i,": ").concat(c,")"))})).join(" and ")}(e);return n((function(){var n=!0,e="undefined"===typeof window?c:window.matchMedia(d),t=function(){n&&l(Boolean(e.matches))};return e.addListener(t),l(e.matches),function(){n=!1,e.removeListener(t)}}),[d]),s}},s=a(o.useEffect),l=a("undefined"!==typeof window?o.useLayoutEffect:o.useEffect)},54882:(n,e,t)=>{t.d(e,{J:()=>C});var r,o,i,c,a,s,l,d,u,p,f,g,h=t(96891),m=t(39780),b=t(67294),v=t(82856),x=t(71893),w=t(81529),Z=function(n){switch(n){case"black":return w.Z.colors.black;case"danger":return w.Z.colors.danger.main;case"secondary":return w.Z.colors.secondary.main;case"success":return w.Z.colors.success.main;default:return w.Z.colors.white}},j=x.ZP.div(r||(r=(0,v.Z)(["\n width: max-content;\n max-width: 17rem;\n padding: ",";\n border-radius: ",";\n position: absolute;\n color: ",";\n background-color: ",";\n text-align: left;\n filter: drop-shadow(0px 4px 5px rgba(0, 0, 0, 0.14))\n drop-shadow(0px 1px 10px rgba(0, 0, 0, 0.12));\n transition: opacity 0.5s ease, visibility 0.5s ease;\n ",";\n\n &::before {\n content: '';\n width: 0;\n height: 0;\n position: absolute;\n border-style: solid;\n border-width: ",";\n border-color: transparent;\n }\n\n ","\n\n ","\n"])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing005}),(function(n){var e=n.$color,t=n.theme;return"white"===e?t.colors.black:t.colors.white}),(function(n){var e=n.$color;return Z(e)}),(function(n){return n.$active?(0,x.iv)(o||(o=(0,v.Z)(["\n opacity: 1;\n visibility: visible;\n "]))):(0,x.iv)(i||(i=(0,v.Z)(["\n opacity: 0;\n visibility: hidden;\n "])))}),(function(n){return n.theme.spacing.spacing01}),(function(n){var e=n.$position,t=n.$color;switch(e){case"topLeft":return(0,x.iv)(c||(c=(0,v.Z)(["\n left: 0;\n bottom: calc(100% + ",");\n\n &::before {\n left: ",");\n top: 100%;\n border-bottom-width: 0;\n border-top-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),Z(t));case"topCenter":return(0,x.iv)(a||(a=(0,v.Z)(["\n left: 50%;\n bottom: calc(100% + ",");\n transform: translateX(-50%);\n\n &::before {\n left: 50%;\n transform: translateX(-50%);\n top: 100%;\n border-bottom-width: 0;\n border-top-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),Z(t));case"topRight":return(0,x.iv)(s||(s=(0,v.Z)(["\n right: 0;\n bottom: calc(100% + ",");\n\n &::before {\n right: ",";\n top: 100%;\n border-bottom-width: 0;\n border-top-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),Z(t));case"centerRight":return(0,x.iv)(l||(l=(0,v.Z)(["\n left: calc(100% + ",");\n top: 50%;\n transform: translateY(-50%);\n\n &::before {\n right: 100%;\n top: 50%;\n transform: translateY(-50%);\n border-left-width: 0;\n border-right-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),Z(t));case"centerLeft":return(0,x.iv)(d||(d=(0,v.Z)(["\n right: calc(100% + ",");\n top: 50%;\n transform: translateY(-50%);\n\n &::before {\n left: 100%;\n top: 50%;\n transform: translateY(-50%);\n border-right-width: 0;\n border-left-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),Z(t));case"bottomCenter":return(0,x.iv)(u||(u=(0,v.Z)(["\n left: 50%;\n transform: translateX(-50%);\n top: calc(100% + ",");\n\n &::before {\n left: 50%;\n transform: translateX(-50%);\n bottom: 100%;\n border-top-width: 0;\n border-bottom-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),Z(t));case"bottomRight":return(0,x.iv)(p||(p=(0,v.Z)(["\n right: 0;\n top: calc(100% + ",");\n\n &::before {\n right: ",";\n bottom: 100%;\n border-top-width: 0;\n border-bottom-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),Z(t));default:return(0,x.iv)(f||(f=(0,v.Z)(["\n left: 0;\n top: calc(100% + ",");\n\n &::before {\n left: ",";\n bottom: 100%;\n border-top-width: 0;\n border-bottom-color: ",";\n }\n "])),(function(n){return n.theme.spacing.spacing02}),(function(n){return n.theme.spacing.spacing02}),Z(t))}}),(function(n){return n.$noArrow&&(0,x.iv)(g||(g=(0,v.Z)(["\n &::before {\n display: none;\n }\n "])))})),y=["active","children","noArrow","popoverColor","popoverPosition"];function P(n,e){var t=Object.keys(n);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(n);e&&(r=r.filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable}))),t.push.apply(t,r)}return t}var C=function(n){var e=n.active,t=n.children,r=n.noArrow,o=void 0!==r&&r,i=n.popoverColor,c=void 0===i?"white":i,a=n.popoverPosition,s=void 0===a?"bottomLeft":a,l=(0,m.Z)(n,y);return b.createElement(j,function(n){for(var e=1;e