https://www.magicstyle.ai/_next/static/chunks/733-1af2c8e020d3cb4a.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[733],{495:(e,t,r)=>{"use strict";r.d(t,{D4:()=>g,EW:()=>_});var n=r(2115),i=r(5155),s=(0,n.forwardRef)((e,t)=>{let{transition:r,...n}=e;return(0,i.jsx)("div",{...n,style:{position:"absolute",top:0,left:0,width:"100%",height:"100%",transition:r?"clip-path ".concat(r):void 0,userSelect:"none",willChange:"clip-path, transition",KhtmlUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none"},"data-rcs":"clip-item",ref:t})});s.displayName="ContainerClip";var o=(0,n.forwardRef)((e,t)=>{let{children:r,disabled:n,portrait:s,position:o,transition:a}=e,l={position:"absolute",top:0,width:s?"100%":void 0,height:s?void 0:"100%",background:"none",border:0,padding:0,pointerEvents:"all",appearance:"none",WebkitAppearance:"none",MozAppearance:"none",outline:0,transform:s?"translate3d(0, -50% ,0)":"translate3d(-50%, 0, 0)",transition:a?"".concat(s?"top":"left"," ").concat(a):void 0};return(0,i.jsx)("button",{ref:t,"aria-label":"Drag to move or focus and use arrow keys","aria-orientation":s?"vertical":"horizontal","aria-valuemin":0,"aria-valuemax":100,"aria-valuenow":o,"data-rcs":"handle-container",disabled:n,role:"slider",style:l,children:r})});o.displayName="ThisHandleContainer";var a=e=>{let{flip:t}=e;return(0,i.jsx)("div",{className:"__rcs-handle-arrow",style:{width:0,height:0,borderTop:"8px solid transparent",borderRight:"10px solid",borderBottom:"8px solid transparent",transform:t?"rotate(180deg)":void 0}})},l=e=>{let{className:t="__rcs-handle-root",disabled:r,buttonStyle:n,linesStyle:s,portrait:o,style:l,...c}=e,u={display:"flex",flexDirection:o?"row":"column",placeItems:"center",height:"100%",cursor:r?"not-allowed":o?"ns-resize":"ew-resize",pointerEvents:"none",color:"#fff",...l},d={flexGrow:1,height:o?2:"100%",width:o?"100%":2,backgroundColor:"currentColor",pointerEvents:"auto",boxShadow:"0 0 4px rgba(0,0,0,.5)",...s},h={display:"grid",gridAutoFlow:"column",gap:8,placeContent:"center",flexShrink:0,width:56,height:56,borderRadius:"50%",borderStyle:"solid",borderWidth:2,pointerEvents:"auto",backdropFilter:"blur(7px)",WebkitBackdropFilter:"blur(7px)",backgroundColor:"rgba(0, 0, 0, 0.125)",boxShadow:"0 0 4px rgba(0,0,0,.35)",transform:o?"rotate(90deg)":void 0,...n};return(0,i.jsxs)("div",{...c,className:t,style:u,children:[(0,i.jsx)("div",{className:"__rcs-handle-line",style:d}),(0,i.jsxs)("div",{className:"__rcs-handle-button",style:h,children:[(0,i.jsx)(a,{}),(0,i.jsx)(a,{flip:!0})]}),(0,i.jsx)("div",{className:"__rcs-handle-line",style:d})]})},c=(e=>(e.ARROW_LEFT="ArrowLeft",e.ARROW_RIGHT="ArrowRight",e.ARROW_UP="ArrowUp",e.ARROW_DOWN="ArrowDown",e))(c||{}),u=function(){let{boxSizing:e="border-box",objectFit:t="cover",objectPosition:r="center center",...n}=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};return{display:"block",width:"100%",height:"100%",maxWidth:"100%",boxSizing:e,objectFit:t,objectPosition:r,...n}},d=e=>{let t=(0,n.useRef)(e);return(0,n.useEffect)(()=>{t.current=e}),t.current},h=(e,t,r,i)=>{let s=(0,n.useRef)();(0,n.useEffect)(()=>{s.current=t},[t]),(0,n.useEffect)(()=>{if(!(r&&r.addEventListener))return;let t=e=>s.current&&s.current(e);return r.addEventListener(e,t,i),()=>{r.removeEventListener(e,t,i)}},[e,r,i])},f="u">typeof window&&"u">typeof window.document&&"u">typeof window.document.createElement?n.useLayoutEffect:n.useEffect,p=(e,t)=>{let r=(0,n.useRef)(),i=(0,n.useCallback)(()=>{e.current&&r.current&&r.current.observe(e.current)},[e]);f(()=>(r.current=new ResizeObserver(e=>{let[r]=e;return t(r.contentRect)}),i(),()=>{r.current&&r.current.disconnect()}),[t,i])},y={capture:!1,passive:!0},m={capture:!0,passive:!1},v=e=>{e.preventDefault(),e.currentTarget.focus()},_=(0,n.forwardRef)((e,t)=>{let{boundsPadding:r=0,browsingContext:a=globalThis,changePositionOnHover:u=!1,disabled:f=!1,handle:_,itemOne:g,itemTwo:S,keyboardIncrement:b="5%",onlyHandleDraggable:w=!1,onPositionChange:k,portrait:x=!1,position:R=50,style:C,transition:A,...z}=e,j=(0,n.useRef)(null),F=(0,n.useRef)(null),E=(0,n.useRef)(null),M=(0,n.useRef)(R),[O,T]=(0,n.useState)(!1),[N,L]=(0,n.use

1State)(!0),I=(0,n.useRef)(!1),[P,W]=(0,n.useState)(),B=d(R),H=(0,n.useCallback)(function(e){let{x:t,y:n,isOffset:i}=e,s=j.current,o=E.current,l=F.current,{width:c,height:u,left:d,top:h}=s.getBoundingClientRect();if(0===c||0===u)return;let f=Math.min(Math.max((x?i?n-h-a.scrollY:n:i?t-d-a.scrollX:t)/(x?u:c)*100,0),100),p=x?u/(s.offsetHeight||1):c/(s.offsetWidth||1),y=r*p/(x?u:c)*100,m=Math.min(Math.max(f,y*p),100-y*p);M.current=f,o.setAttribute("aria-valuenow","".concat(Math.round(M.current))),o.style.top=x?"".concat(m,"%"):"0",o.style.left=x?"0":"".concat(m,"%"),l.style.clipPath=x?"inset(".concat(m,"% 0 0 0)"):"inset(0 0 0 ".concat(m,"%)"),k&&k(M.current)},[r,k,x,a]);(0,n.useEffect)(()=>{let{width:e,height:t}=j.current.getBoundingClientRect(),r=R===B?M.current:R;H({x:e/100*r,y:t/100*r})},[r,R,x,B,H]);let U=(0,n.useCallback)(e=>{e.preventDefault(),f||0!==e.button||(H({isOffset:!0,x:e.pageX,y:e.pageY}),T(!0),L(!0))},[f,H]),q=(0,n.useCallback)(function(e){H({isOffset:!0,x:e.pageX,y:e.pageY}),L(!1)},[H]),D=(0,n.useCallback)(()=>{T(!1),L(!0)},[]),V=(0,n.useCallback)(e=>{let{width:t,height:r}=e,{width:n,height:i}=j.current.getBoundingClientRect();H({x:t/100*M.current*n/t,y:r/100*M.current*i/r})},[H]),X=(0,n.useCallback)(e=>{if(!Object.values(c).includes(e.key))return;e.preventDefault(),L(!0);let{top:t,left:r}=E.current.getBoundingClientRect(),{width:n,height:i}=j.current.getBoundingClientRect(),s="string"==typeof b?parseFloat(b):b/n*100,o=Math.min(Math.max((x?"ArrowLeft"===e.key||"ArrowDown"===e.key:"ArrowRight"===e.key||"ArrowUp"===e.key)?M.current+s:M.current-s,0),100);H({x:x?r:n*o/100,y:x?i*o/100:t})},[b,x,H]);(0,n.useEffect)(()=>{W(w?E.current:j.current)},[w]),(0,n.useEffect)(()=>{let e=j.current,t=()=>{O||D()};return u&&(e.addEventListener("pointermove",q,y),e.addEventListener("pointerleave",t,y)),()=>{e.removeEventListener("pointermove",q),e.removeEventListener("pointerleave",t)}},[u,q,D,O]),(0,n.useEffect)(()=>(O&&!I.current&&(a.addEventListener("pointermove",q,y),a.addEventListener("pointerup",D,y),I.current=!0),()=>{I.current&&(a.removeEventListener("pointermove",q),a.removeEventListener("pointerup",D),I.current=!1)}),[q,D,O,a]),(0,n.useImperativeHandle)(t,()=>({rootContainer:j.current,handleContainer:E.current,setPosition(e){let{width:t,height:r}=j.current.getBoundingClientRect();H({x:t/100*e,y:r/100*e})}}),[H]),p(j,V),h("keydown",X,E.current,m),h("click",v,E.current,m),h("pointerdown",U,P,m);let Y=_||(0,i.jsx)(l,{disabled:f,portrait:x}),G=N?A:void 0,K={position:"relative",display:"flex",overflow:"hidden",cursor:O?x?"ns-resize":"ew-resize":void 0,touchAction:"none",userSelect:"none",KhtmlUserSelect:"none",msUserSelect:"none",MozUserSelect:"none",WebkitUserSelect:"none",...C};return(0,i.jsxs)("div",{...z,ref:j,style:K,"data-rcs":"root",children:[g,(0,i.jsx)(s,{ref:F,transition:G,children:S}),(0,i.jsx)(o,{disabled:f,portrait:x,position:Math.round(M.current),ref:E,transition:G,children:Y})]})});_.displayName="ReactCompareSlider";var g=(0,n.forwardRef)((e,t)=>{let{style:r,...n}=e,s=u(r);return(0,i.jsx)("img",{ref:t,...n,style:s,"data-rcs":"image"})});g.displayName="ReactCompareSliderImage"},1154:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("LoaderCircle",[["path",{d:"M21 12a9 9 0 1 1-6.219-8.56",key:"13zald"}]])},1586:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("CreditCard",[["rect",{width:"20",height:"14",x:"2",y:"5",rx:"2",key:"ynyp8z"}],["line",{x1:"2",x2:"22",y1:"10",y2:"10",key:"1b3vmo"}]])},2269:(e,t,r)=>{"use strict";var n=r(9509);r(8375);var i=r(2115),s=function(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}(i),o=void 0!==n&&n.env&&!0,a=function(e){return"[object String]"===Object.prototype.toString.call(e)},l=function(){function e(e){var t=void 0===e?{}:e,r=t.name,n=void 0===r?"stylesheet":r,i=t.optimizeForSpeed,s=void 0===i?o:i;c(a(n),"`name` must be a string"),this._name=n,this._deletedRulePlaceholder="#"+n+"-deleted-rule____{}",c("boolean"==typeof s,"`optimizeForSpeed` must be a boolean"),this._optimizeForSpeed=s,this._serverSheet=void 0,this._tags=[],this._injected=!1,this._rulesCount=0;var l="undefined"!=typeof window&&document.querySelector('meta[property="csp-nonce"]');this._nonce=l?l.getAttribute("content"):null}var t=e.prototype;return t.setOptimizeForSpeed=function(e){c("boolean"==typeof e,"`setOptimizeForSpeed` accepts a boolean"),c(0===this._rulesCount,"optimizeForSpeed cannot be when rules have already been inserted"),this.flush(),this._optimizeForSpeed=e,this.inject()},t.isOptimizeForSpeed=function(){return this._optimizeForSpeed},t.inject=function(){var e=this;if(c(!this._injected,"sheet already injected"),this._injected=!0,"undefined"!=typeof window&&this._optimizeForSpeed){this._tags[0]=this.makeStyleTag(this._name),this._optimizeForSpeed="insertRule"in this.get

1Sheet(),this._optimizeForSpeed||(o||console.warn("StyleSheet: optimizeForSpeed mode not supported falling back to standard mode."),this.flush(),this._injected=!0);return}this._serverSheet={cssRules:[],insertRule:function(t,r){return"number"==typeof r?e._serverSheet.cssRules[r]={cssText:t}:e._serverSheet.cssRules.push({cssText:t}),r},deleteRule:function(t){e._serverSheet.cssRules[t]=null}}},t.getSheetForTag=function(e){if(e.sheet)return e.sheet;for(var t=0;t<document.styleSheets.length;t++)if(document.styleSheets[t].ownerNode===e)return document.styleSheets[t]},t.getSheet=function(){return this.getSheetForTag(this._tags[this._tags.length-1])},t.insertRule=function(e,t){if(c(a(e),"`insertRule` accepts only strings"),"undefined"==typeof window)return"number"!=typeof t&&(t=this._serverSheet.cssRules.length),this._serverSheet.insertRule(e,t),this._rulesCount++;if(this._optimizeForSpeed){var r=this.getSheet();"number"!=typeof t&&(t=r.cssRules.length);try{r.insertRule(e,t)}catch(t){return o||console.warn("StyleSheet: illegal rule: \n\n"+e+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),-1}}else{var n=this._tags[t];this._tags.push(this.makeStyleTag(this._name,e,n))}return this._rulesCount++},t.replaceRule=function(e,t){if(this._optimizeForSpeed||"undefined"==typeof window){var r="undefined"!=typeof window?this.getSheet():this._serverSheet;if(t.trim()||(t=this._deletedRulePlaceholder),!r.cssRules[e])return e;r.deleteRule(e);try{r.insertRule(t,e)}catch(n){o||console.warn("StyleSheet: illegal rule: \n\n"+t+"\n\nSee https://stackoverflow.com/q/20007992 for more info"),r.insertRule(this._deletedRulePlaceholder,e)}}else{var n=this._tags[e];c(n,"old rule at index `"+e+"` not found"),n.textContent=t}return e},t.deleteRule=function(e){if("undefined"==typeof window){this._serverSheet.deleteRule(e);return}if(this._optimizeForSpeed)this.replaceRule(e,"");else{var t=this._tags[e];c(t,"rule at index `"+e+"` not found"),t.parentNode.removeChild(t),this._tags[e]=null}},t.flush=function(){this._injected=!1,this._rulesCount=0,"undefined"!=typeof window?(this._tags.forEac

1h(function(e){return e&&e.parentNode.removeChild(e)}),this._tags=[]):this._serverSheet.cssRules=[]},t.cssRules=function(){var e=this;return"undefined"==typeof window?this._serverSheet.cssRules:this._tags.reduce(function(t,r){return r?t=t.concat(Array.prototype.map.call(e.getSheetForTag(r).cssRules,function(t){return t.cssText===e._deletedRulePlaceholder?null:t})):t.push(null),t},[])},t.makeStyleTag=function(e,t,r){t&&c(a(t),"makeStyleTag accepts only strings as second parameter");var n=document.createElement("style");this._nonce&&n.setAttribute("nonce",this._nonce),n.type="text/css",n.setAttribute("data-"+e,""),t&&n.appendChild(document.createTextNode(t));var i=document.head||document.getElementsByTagName("head")[0];return r?i.insertBefore(n,r):i.appendChild(n),n},function(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}(e.prototype,[{key:"length",get:function(){return this._rulesCount}}]),e}();function c(e,t){if(!e)throw Error("StyleSheet: "+t+".")}var u=function(e){for(var t=5381,r=e.length;r;)t=33*t^e.charCodeAt(--r);return t>>>0},d={};function h(e,t){if(!t)return"jsx-"+e;var r=String(t),n=e+r;return d[n]||(d[n]="jsx-"+u(e+"-"+r)),d[n]}function f(e,t){"undefined"==typeof window&&(t=t.replace(/\/style/gi,"\\/style"));var r=e+t;return d[r]||(d[r]=t.replace(/__jsx-style-dynamic-selector/g,e)),d[r]}var p=function(){function e(e){var t=void 0===e?{}:e,r=t.styleSheet,n=void 0===r?null:r,i=t.optimizeForSpeed,s=void 0!==i&&i;this._sheet=n||new l({name:"styled-jsx",optimizeForSpeed:s}),this._sheet.inject(),n&&"boolean"==typeof s&&(this._sheet.setOptimizeForSpeed(s),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),this._fromServer=void 0,this._indices={},this._instancesCounts={}}var t=e.prototype;return t.add=function(e){var t=this;void 0===this._optimizeForSpeed&&(this._optimizeForSpeed=Array.isArray(e.children),this._sheet.setOptimizeForSpeed(this._optimizeForSpeed),this._optimizeForSpeed=this._sheet.isOptimizeForSpeed()),"undefined"==typeof window||this._fromServer||(this._fromServer=this.selectFromServer(),this._instancesCounts=Object.keys(this._fromServer).reduce(function(e,t){return e[t]=0,e},{}));var r=this.getIdAndRules(e),n=r.styleId,i=r.rules;if(n in this._instancesCounts){this._instancesCounts[n]+=1;return}var s=i.map(function(e){return t._sheet.insertRule(e)}).filter(function(e){return -1!==e});this._indices[n]=s,this._instancesCounts[n]=1},t.remove=function(e){var t=this,r=this.getIdAndRules(e).styleId;if(function(e,t){if(!e)throw Error("StyleSheetRegistry: "+t+".")}(r in this._instancesCounts,"styleId: `"+r+"` not found"),this._instancesCounts[r]-=1,this._instancesCounts[r]<1){var n=this._fromServer&&this._fromServer[r];n?(n.parentNode.removeChild(n),delete this._fromServer[r]):(this._indices[r].forEach(function(e){return t._sheet.deleteRule(e)}),delete this._indices[r]),delete this._instancesCounts[r]}},t.update=function(e,t){this.add(t),this.remove(e)},t.flush=function(){this._sheet.flush(),this._sheet.inject(),this._fromServer=void 0,this._indices={},this._instancesCounts={}},t.cssRules=function(){var e=this,t=this._fromServer?Object.keys(this._fromServer).map(function(t){return[t,e._fromServer[t]]}):[],r=this._sheet.cssRules();return t.concat(Object.keys(this._indices).map(function(t){return[t,e._indices[t].map(function(e){return r[e].cssText}).join(e._optimizeForSpeed?"":"\n")]}).filter(function(e){return!!e[1]}))},t.styles=function(e){var t,r;return t=this.cssRules(),void 0===(r=e)&&(r={}),t.map(function(e){var t=e[0],n=e[1];return s.default.createElement("style",{id:"__"+t,key:"__"+t,nonce:r.nonce?r.nonce:void 0,dangerouslySetInnerHTML:{__html:n}})})},t.getIdAndRules=function(e){var t=e.children,r=e.dynamic,n=e.id;if(r){var i=h(n,r);return{styleId:i,rules:Array.isArray(t)?t.map(function(e){return f(i,e)}):[f(i,t)]}}return{styleId:h(n),rules:Array.isArray(t)?t:[t]}},t.selectFromServer=function(){return Array.prototype.slice.call(document.querySelectorAll('[id^="__jsx-"]')).reduce(function(e,t){return e[t.id.slice(2)]=t,e},{})},e}(),y=i.createContext(null);y.displayName="StyleSheetContext";var m=s.default.useInsertionEffect||s.default.useLayoutEffect,v="undefined"!=typeof window?new p:void 0;function _(e){var t=v||i.useContext(y);return t&&("undefined"==typeof window?t.add(e):m(function(){return t.add(e),function(){t.remove(e)}},[e.id,String(e.dynamic)])),null}_.dynamic=function(e){return e.map(function(e){return h(e[0],e[1])}).join(" ")},t.style=_},3127:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Palette",[["circle",{cx:"13.5",cy:"6.5",r:".5",fill:"currentColor",key:"1okk4w"}],["circle",{cx:"17.5",cy:"10.5",r:".5",fill:"currentColor",key:"f64h9f"}],["circle",{cx:"8.5",cy:"7.5",r:".5",fill:"currentColor",key:"fotxhn"}],["circle",{cx:"6.5",cy:"12.5",r:".5",fill:"currentColor",key:"qy21gx"}],["path",{d:"M12 2C6.5 2 2 6.5 2 12s4.5 10 10 10c.926 0 1.648-.746 1.648-1.688 0-.437-.18-.835-.437-1.125-.29-.289-.438-.652-.438-1.125a1.64 1.64 0 0 1 1.668-1.668h1.996c3.051 0 5.555-2.503 5.555-5.554C21.965 6.012 17.461 2 12 2z",key:"12rzf8"}]])},4616:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Plus",[["path",{d:"M5 12h14",key:"1ays0h"}],["path",{d:"M12 5v14",key:"s699le"}]])},5040:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("BookOpen",[["path",{d:"M12 7v14",key:"1akyts"}],["path",{d:"M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z",key:"ruj8y"}]])},5196:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Check",[["path",{d:"M20 6 9 17l-5-5",key:"1gmf2c"}]])},5525:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Shield",[["path",{d:"M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z",ke

1y:"oel41y"}]])},5560:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("LifeBuoy",[["circle",{cx:"12",cy:"12",r:"10",key:"1mglay"}],["path",{d:"m4.93 4.93 4.24 4.24",key:"1ymg45"}],["path",{d:"m14.83 9.17 4.24-4.24",key:"1cb5xl"}],["path",{d:"m14.83 14.83 4.24 4.24",key:"q42g0n"}],["path",{d:"m9.17 14.83-4.24 4.24",key:"bqpfvv"}],["circle",{cx:"12",cy:"12",r:"4",key:"4exip2"}]])},7434:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("FileText",[["path",{d:"M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z",key:"1rqfz7"}],["path",{d:"M14 2v4a2 2 0 0 0 2 2h4",key:"tnqrlb"}],["path",{d:"M10 9H8",key:"b1mrlr"}],["path",{d:"M16 13H8",key:"t4e002"}],["path",{d:"M16 17H8",key:"z1uh3a"}]])},7580:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Users",[["path",{d:"M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2",key:"1yyitq"}],["circle",{cx:"9",cy:"7",r:"4",key:"nufk8"}],["path",{d:"M22 21v-2a4 4 0 0 0-3-3.87",key:"kshegd"}],["path",{d:"M16 3.13a4 4 0 0 1 0 7.75",key:"1da9ce"}]])},7712:(e,t,r)=>{"use strict";r.d(t,{A:()=>n});let n=(0,r(9946).A)("Minus",[["path",{d:"M5 12h14",key:"1ays0h"}]])},8375:()=>{},9137:(e,t,r)=>{"use strict";e.exports=r(2269).style}}]);