https://www.ecoride.com/sv-se/ace96fa5f205e081a64eeb5920faaa91aea1f65f-a0aef89b64c77d17d9b3.js

1"use strict";(self.__LOADABLE_LOADED_CHUNKS__=self.__LOADABLE_LOADED_CHUNKS__||[]).push([[3812,1311,2317],{13379:function(e,t,r){var o=r(97929),l=r(19323),n=r(62624),i=r(1620);const s=(0,o.zo)("div",{display:"flex",flexWrap:"wrap",gap:"4px"}),a=(0,o.zo)(n.Z,{padding:"4px 8px",overflow:"hidden",borderRadius:"44px"});t.Z=e=>{let{$style:t,list:r=[],badgeTheme:o="primary",maxBadges:n,id:c="",fontKeys:d=["Misc/14_100",null,null,null,"Misc/16_100"]}=e;const u=n?r.slice(0,n):r;return(0,i.jsx)(s,{$style:t,children:u.map(((e,t)=>(0,i.jsx)(a,{fontKeys:d,$style:l.X[o],children:e},c+"-"+t)))})}},17116:function(e,t,r){var o=r(97929),l=r(58298),n=r(1620);const i=(0,o.zo)("div",{position:"absolute",inset:0,display:"flex",alignItems:"center",justifyContent:"center",height:"100%",width:"100%",padding:"0",transition:"opacity var(--transition-fast)"}),s={animationDuration:"var(--duration-very-slow)",animationIterationCount:"infinite",animationTimingFunction:"linear",animationName:{from:{transform:"rotate(0)"},to:{transform:"rotate(180deg)"}}};t.Z=e=>{let{$style:t,...r}=e;return(0,n.jsx)(i,{$style:t,...r,children:(0,n.jsx)(l.Z,{$style:s,$size:"medium"})})}},86466:function(e,t,r){var o=r(97929),l=r(56764),n=r(1620);const i=(0,o.zo)("div",{"-webkit-overflow-scrolling":"touch"}),s=(0,l.forwardRef)(((e,t)=>{let{scrollDirection:r="vertical",withScrollbar:o=!1,$style:l={},as:s,...a}=e;const c={...l};return r&&(c.overflowX="vertical"===r?"hidden":"auto",c.overflowY="horizontal"===r?"hidden":"auto"),(0,n.jsx)(i,{$as:s,$style:c,"data-scrollbar":o,ref:t,...a})}));s.displayName="ScrollableBox",t.Z=s},23175:function(e,t,r){var o=r(97929),l=r(56764),n=r(2077),i=r(1620);const s=(0,o.zo)("button",{backgroundColor:"transparent",whiteSpace:"nowrap"}),a=(0,l.forwardRef)(((e,t)=>{let{fontKeys:r="Misc/14_100",$style:o={},children:l,...a}=e;if(!l)return null;const c=(0,n.Z)(r);return(0,i.jsx)(s,{ref:t,$style:{...o,...c},...a,children:l})}));t.Z=a},19323:function(e,t,r){r.d(t,{X:function(){return o},j:function(){return l}});const o={outOfStock:{color:"var(--badge-text-color-out-of-stock)",backgroundColor:"var(--badge-bg-color-out-of-stock)"},default:{color:"var(--badge-text-color-default)",backgroundColor:"var(--badge-bg-color-default)"},primary:{color:"var(--badge-text-color-primary)",backgroundColor:"var(--badge-bg-color-primary)"},secondary:{color:"var(--badge-text-color-secondary)",backgroundColor:"var(--badge-bg-color-secondary)"},tertiary:{color:"var(--badge-text-color-tertiary)",backgroundColor:"var(--badge-bg-color-tertiary)"},verified:{color:"var(--badge-text-color-verified)",backgroundColor:"var(--badge-bg-color-verified)"},defaultInverted:{color:"var(--badge-text-color-article-category)",backgroundColor:"var(--badge-bg-color-article-category)"}},l={primary:{color:"var(--badge-text-color-my-account-primary)",backgroundColor:"var(--badge-bg-color-my-account-primary)"},secondary:{color:"var(--badge-text-color-my-account-secondary)",backgroundColor:"var(--badge-bg-color-my-account-secondary)"},tertiary:{color:"var(--badge-text-color-my-account-tertiary)",backgroundColor:"var(--badge-bg-color-my-account-tertiary)"},"order-primary":{color:"var(--color-text-order-status-badge)",backgroundColor:"var(--color-bg-order-status-badge-primary)"},"order-secondary":{color:"var(--color-text-order-status-badge)",backgroundColor:"var(--color-bg-order-status-badge-shipped)"},"order-tertiary":{color:"var(--color-text-order-status-badge)",backgroundColor:"var(--color-bg-order-status-badge-tertiary)"},"order-quaternary":{color:"var(--color-text-order-status-badge)",backgroundColor:"var(--color-bg-order-status-badge-quaternary)"}}},6301:function(e,t,r){r.d(t,{Vl:function(){return o},kk:function(){return i},BC:function(){return s.Z}});var o={regular:"'Aeonik Pro', sans-serif",italic:"'Aeonik Pro Italic', sans-serif"},l=r(33104);const n=l._f?getComputedStyle(document.body):void 0;l._f&&(parseInt(n.getPropertyValue("--header-height"),10),parseInt(n.getPropertyValue("--banner-height"),10),parseInt(n.getPropertyValue("--header-and-banner-height"),10));var i="1920px",s=r(94358)},81563:function(e,t,r){r.d(t,{e:function(){return l}});var o=r(70745);const l=function(e,t){void 0===t&&(t=92);const r=(0,o.GQ)(e),l=4===r.length,n=parseInt(l?r[1]+r[1]:r.slice(1,3),16)/255,i=parseInt(l?r[2]+r[2]:r.slice(3,5),16)/255,s=parseInt(l?r[3]+r[3]:r.slice(5,7),16)/255;return(Math.max(n,i,s)+Math.min(n,i,s))/2*100>t}},58298:function(e,t,r){r.d(t,{Z:function(){return d}});

1var o=r(97929),l=r(46242),n=r(1620);var i=e=>{let{color:t="currentColor",width:r="20px",height:o="20px",$style:i={},...s}=e;const a={width:r,height:o,...i};return(0,n.jsx)(l.Z,{width:r,height:o,$style:a,fill:"none",viewBox:"0 0 20 20",...s,children:(0,n.jsx)("path",{fill:t,d:"M8.47656 6.13309V0h3.04484v7.34226l6.3124-3.68204 1.528 2.64773-5.2719 3.07503c-2.4917 1.45342-5.61334-.35396-5.61334-3.25019v.0003ZM11.5219 19.9996H8.4771v-7.3423l-6.3124 3.6821-1.527981-2.6478 5.271831-3.075c2.49168-1.45343 5.61335.3539 5.61335 3.2502v6.1331-.0003ZM17.8604 16.3053l-5.0165-2.8898c-.7301-.4207-.9824-1.3571-.5631-2.0905.4184-.7324 1.348-.9855 2.0769-.5655l5.0195 2.8914-1.5168 2.6544ZM2.13792 3.69336l5.01652 2.88987c.73008.42063.98238 1.35705.56308 2.09043-.41839.73246-1.34802.98551-2.0769.56548L.621094 6.34776l1.516826-2.6544Z"})})};var s=e=>{let{color:t="currentColor",width:r="16px",height:o="16px",$style:i={},...s}=e;const a={width:r,height:o,...i};return(0,n.jsx)(l.Z,{width:r,height:o,$style:a,fill:"none",viewBox:"0 0 16 16",...s,children:(0,n.jsx)("path",{fill:t,d:"M6.78125 4.90647V0H9.2171v5.8738l5.0499-2.94563 1.2224 2.11819-4.2175 2.46003c-1.99331 1.16273-4.49065-.28317-4.49065-2.60016v.00024ZM9.21597 15.9989H6.78011v-5.8738L1.7302 13.0707.507812 10.9525 4.72528 8.49249c1.99334-1.16274 4.49069.28317 4.49069 2.60011v4.9065-.0002ZM14.2899 13.0443l-4.0132-2.3119c-.5841-.3365-.78594-1.08567-.4505-1.67237.3347-.58598 1.0784-.78841 1.6615-.45239l4.0156 2.31306-1.2134 2.1236ZM1.70956 2.95508l4.01321 2.31189c.58406.33651.78591 1.08564.45047 1.67235-.33472.58597-1.07842.78841-1.66152.45239L.496094 5.0786 1.70956 2.95508Z"})})};const a=(0,o.zo)("div",{display:"flex",alignItems:"center",justifyContent:"center",overflow:"hidden",borderRadius:"50%"}),c={small:s,medium:i,large:i};var d=e=>{let{$style:t={},themeProps:r={},$size:l="small"}=e;const[i]=(0,o.hQ)(),s=c[l];return(0,n.jsx)(a,{$style:{...t,padding:"0",backgroundColor:"transparent"},children:(0,n.jsx)(s,{className:i({color:r.iconBgColor})})})}},82407:function(e,t,r){var o=r(37268),l=r(62624),n=r(6301),i=r(97929),s=r(81563),a=r(1620);const c=(0,i.zo)("div",{display:"flex",flexWrap:"wrap",alignItems:"center",gap:"8px",justifyContent:"flex-start"}),d=(0,i.zo)("div",(e=>{let{$isLightColor:t}=e;return{width:"16px",height:"16px",borderRadius:"50%",overflow:"hidden",border:"1px solid "+(t?"var(--color-border-swatches-dark)":"var(--color-border-swatches)")}})),u=(0,i.zo)(l.Z,{color:"var(--color-text-swatches)",verticalAlign:"center",display:"none",[n.BC.min["tablet.lg"]]:{display:"block"}});t.Z=e=>{let{$style:t={},maxColors:r=3,colorVariations:l=[]}=e;const n=r-1;return(0,a.jsxs)(c,{$style:t,children:[l.slice(0,n).map(((e,t)=>(0,a.jsx)(o.Z,{to:e.uri,title:e.colorName,children:(0,a.jsx)(d,{$isLightColor:(0,s.e)(e.colorHex),$style:{backgroundColor:e.colorHex,pointerEvents:"all"}})},t))),l.length>r&&(0,a.jsxs)(u,{fontKeys:"Misc/12_100",children:["+",l.length+1-r]})]})}}

1,13037:function(e,t,r){var o=r(97929),l=r(35983),n=r(1620);const i=(0,o.zo)("p"),s=(0,o.zo)(l.Z,{display:"inline-block",whiteSpace:"nowrap",transition:"color var(--transition-very-fast)"});t.Z=e=>{let{$style:t={},activePrice:r,gutter:o="6px",originalPrice:l,textPosition:a="left",fontKeys:c="Misc/16_100",activePriceColor:d="var(--color-text-active-price)",originalPriceColor:u="var(--color-text-original-price)"}=e;const p=l&&r&&r!==l;return(0,n.jsxs)(i,{$style:{...t,textAlign:a},children:[p&&(0,n.jsxs)(s,{as:"span",fontKeys:c,$style:{color:u,marginRight:"left"===a?o:null,textDecoration:"line-through"},children:[(0,n.jsxs)("span",{className:"visually-hidden",children:["Ursprungligt pris",":"]}),l]}),(0,n.jsx)(s,{as:"span",fontKeys:c,$style:{color:d,marginLeft:"right"===a?o:null},children:r})]})}},71888:function(e,t,r){var o=r(97929),l=r(62624),n=r(1620);const i=(0,o.zo)("div",{display:"flex",flexDirection:"column",gap:"8px"}),s=(0,o.zo)("div",{display:"flex",flexDirection:"row",gap:"8px",width:"100%",flexWrap:"nowrap"}),a=(0,o.zo)("div",{display:"flex",gap:"4px",flexWrap:"nowrap"}),c=(0,o.zo)(l.Z,{color:"var(--color-text-label-pdp)"}),d=(0,o.zo)(l.Z,{color:"var(--color-text-current-value-pdp)"});t.Z=e=>{let{$style:t={},item:r={}}=e;const{color:o,size:l,quantity:u,articleNumber:p}=r;return o||l||u||p?(0,n.jsxs)(i,{$style:t,children:[o||l||p?(0,n.jsxs)(s,{children:[o?(0,n.jsxs)(a,{$style:{},children:[(0,n.jsxs)(c,{fontKeys:"Misc/12_100",title:o,children:["Färg",":"]}),(0,n.jsx)(d,{fontKeys:"Misc/12_100",title:o,children:o})]}):null,l?(0,n.jsxs)(a,{children:[(0,n.jsxs)(c,{fontKeys:"Misc/12_100",title:l,children:["Storlek",":"]}),(0,n.jsx)(d,{fontKeys:"Misc/12_100",title:l,children:l})]}):null,p?(0,n.jsxs)(a,{$style:{display:["none",null,null,"flex"]},children:[(0,n.jsxs)(c,{fontKeys:"Misc/12_100",title:p,children:["ArtNr",":"]}),(0,n.jsx)(d,{fontKeys:"Misc/12_100",title:p,children:p})]}):null]}):null,u||p?(0,n.jsxs)(s,{children:[p?(0,n.jsxs)(a,{$style:{display:["flex",null,null,"none"]},children:[(0,n.jsxs)(c,{fontKeys:"Misc/12_100",title:p,children:["ArtNr",":"]}),(0,n.jsx)(d,{fontKeys:"Misc/12_100",title:p,children:p})]}):null,u?(0,n.jsxs)(a,{$style:{display:["none",null,null,"flex"]},children:[(0,n.jsxs)(c,{fontKeys:"Misc/12_100",title:u,children:["Antal",":"]}),(0,n.jsx)(d,{fontKeys:"Misc/12_100",title:u,children:u})]}):null]}):null]}):null}},12314:function(e,t,r){r.d(t,{Z:function(){return q}});var o=r(48853),l=r(37268),n=r(6263),i=r(17116),s=r(13037),a=r(7649),c=r(77267),d=r(19285),u=r(97929),p=r(56764),x=r(857),g=r(23175),h=r(46242),y=r(1620);const f=e=>{let{color:t,type:r,width:o,height:l,$style:n,...i}=e;const s={width:o,height:l,...n};return(0,y.jsxs)(h.Z,{fill:"none",viewBox:"0 0 12 13",$style:s,...i,children:["plus"===r&&(0,y.jsx)("path",{stroke:t,d:"M0 6.50012h5c.55228 0 1 .44772 1 1v4.99998M12 6.50012H7c-.55228 0-1-.44771-1-1V.500122"}),(0,y.jsx)("path",{stroke:t,d:"M12.0001 6.49994H.00012207M12 6.50018H0"})]})};f.defaultProps={$style:{},color:"currentColor",height:"12px",type:"plus",width:"auto"};var v=f,b=r(20969),m=r(62624);const j=(0,u.zo)("div",{display:"flex",alignItems:"center",backgroundColor:"var(--color-bg-amountincrementer)",borderRadius:"8px",gap:"4px",width:"fit-content"}),C=(0,u.zo)("button",{display:"flex",alignContent:"center",height:"100%",padding:"14px",color:"var(--color-text-amountincrementer)",":disabled":{color:"var(--color-text-disabled-amountincrementer)"}}),$=e=>{let{count:t,step:r,onChange:o}=e;const{0:l,1:n}=(0,p.useState)(t);(0,p.useEffect)((()=>{l!==t&&n(t)}),[t]);const i=(0,p.useMemo)((()=>(0,b.Z)(o,750)),[o]);return(0,y.jsxs)(j,{children:[(0,y.jsx)(C,{type:"button",onClick:()=>{i(l-r-t),n(l-r)},children:(0,y.jsx)(v,{type:"minus",width:"12px",height:"12px"})}),(0,y.jsx)(m.Z,{$style:{textAlign:"center",width:"20px",color:"var(--color-text-amountincrementer)"},fontKeys:"Misc/12_100",children:l}),(0,y.jsx)(C,{type:"button",onClick:()=>{i(l+r-t),n(l+r)},children:(0,y.jsx)(v,{type:"plus",width:"12px",height:"12px"})})]})};$.defaultProps={onChange:void 0,step:1};var k=$,w=r(94181);const Z=(0,u.zo)("div",{display:"flex",flexDirection:"column"}),M=(0,u.zo)(g.Z,{position:"absolute",bottom:"var(--padding-content-box)",right:"var(--padding-content-box)"}),z=(0,u.zo)("div",{display:"flex",gap:"8px",marginBottom:"12px"}),_=(0,u.zo)("div",{display:"flex",gap:"0.4em"}),K=(0,u.zo)(m.Z,{color:"var(--color-text-label-pdp)"}),I=(0,u.zo)(m.Z,{color:"var(--color-text-current-value-pdp)"});var P=e=>{let{$style:t={},item:r={},setIsLoading:o}=e;const l=(0,x.I0)(),{line:n,quantity:i,color:s,id:a,size:c}=r;return(0,y.jsxs)(Z,{$style:{...t},children:[(0,y.jsxs)(z,{children:[s?(0,y.jsxs)(_,{children:[(0,y.jsxs)(K,{fontKeys:"Misc/14_100",title:s,children:["Färg",":"]}),(0,y.jsx)(I,{fontKeys:"Misc/14_100",title:s,children:s})]}):null,c?(0,y.jsxs)(_,{children:[(0,y.jsxs)(K,{fontKeys:"Misc/14_100",title:c,children:["Storlek",":"]}),(0,y.jsx)(I,{fontKeys:"Misc/14_100",title:c,children:c})]}):null]}),(0,y.jsx)(k,{count:i,onChange:e=>(e=>{o(!0),l((0,w.Uj)(n,e)).then((()=>o(!1)))})(e)}),(0,y.jsx)(M,{fontKeys:"Misc/14_100_UL",type:"button",onClick:()=>{l((0,w.yN)(a,i))},children:"Ta bort"})]})},L=r(82407),D=r(13379);const S=(0,u.zo)("div",{display:"flex",flexDirection:"column",gap:"8px"});var A=e=>{let{$style:t={},colorVariations:r=[],usps:o=[]}=e;return r.length||o.length?(0,y.jsxs)(S,{$style:{...t},children:[r.length>1&&(0,y.jsx)(L.Z,{$style:{gap:"4px"},maxColors:3,colorVariations:r}),o.length>0?(0,y.jsx)(D.Z,{badgeTheme:"secondary",fontKeys:"Misc/14_100",list:o}):null]}):null},B=r(70745),N=r(71888);const R=(0,u.zo)("div",{position:"relative",display:"flex",backgroundColor:"var(--color-bg-product-card-mini)",borderRadius:"8px",padding:"var(--padding-content-box)",gap:"24px"}),V=(0,u.zo)(l.Z,{display:"flex",position:"relative",aspectRatio:"var(--ratio-square)",minWidth:"96px",height:"96px",alignSelf:"center",alignItems:"center",justifyContent:"center",borderRadius:"8px",overflow:"hidden"}),E=(0,u.zo)("div",{display:"flex",flexDirection:"column",width:"100%"}),H=(0,u.zo)(l.Z,{overflow:"hidden"}),W=(0,u.zo)(n.Z,{display:"flex",color:"var(--color-heading-product-card)",marginBottom:"8px"}),O={basket:P,promotion:A,order:N.Z};var q=e=>{let{item:t={}

1,trackingList:r,type:l="",$style:n={},onClick:u=(()=>{})}=e;const{0:g,1:h}=(0,p.useState)(!1),{categories:f,sku:v,name:b,price:m,id:j,size:C,image:$,uri:k}=t,w=(0,x.v9)((e=>e.campaignSite.campaignPricelist)),Z=(0,B.NK)(j,w)||m,M=O[l],z=(0,x.v9)((e=>e.ecommerce.currency)),_=()=>{c.Z.trigger(d.rE.CLICK,{currencyCode:z,product:{categories:f,sku:v,name:b,price:null==Z?void 0:Z.totalPrice,size:C,trackingList:r}})},[K,I]=(0,a.Z)((e=>{(e.intersectionRatio>0||e.isIntersecting)&&(c.Z.trigger(d.rE.IMPRESSION,{currencyCode:z,products:[{categories:f,sku:v,name:b,price:null==Z?void 0:Z.totalPrice,size:C,trackingList:r}]}),I())}));return(0,y.jsxs)(R,{ref:K,$style:{...n,pointerEvents:g?"none":"auto"},children:[(0,y.jsxs)(V,{tabIndex:"-1",to:k,onClick:()=>{_(),u()},children:[g&&(0,y.jsx)(i.Z,{$style:{opacity:g?.5:1}}),$&&(0,y.jsx)(o.Z,{draggable:!1,alt:b,src:{url:$,width:96},loading:"eager",sizes:"96px",$style:{objectFit:"cover",opacity:g?.5:1,transition:"opacity var(--transition-fast)"}})]}),(0,y.jsxs)(E,{children:[(0,y.jsxs)(H,{to:k,onClick:()=>{_(),u()},children:[(0,y.jsx)(W,{fontKeys:"Misc/16_100",children:b}),(0,y.jsx)(s.Z,{fontKeys:"Misc/14_100",$style:{display:"flex",flexDirection:"row",marginBottom:"12px"},activePrice:null==Z?void 0:Z.salePriceWithCurrency,originalPrice:null==Z?void 0:Z.priceBeforeDiscountWithCurrency})]}

1),(0,y.jsx)(M,{item:t,colorVariations:t.colorVariations,usps:t.usps,setIsLoading:h})]})]})}}}]);