text: (self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[405],{8581:function(e,r,t){(window.__NEXT_P=window.__NEXT_P||[]).push(["/",function(){return t(1439)}])},1439:function(e,r,t){"use strict";t.r(r),t.d(r,{default:function(){return S}});var a=t(5893),i=t(9008),n=t(7294),o=t(2509),s=t(3735),d=t(4431);const l="0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz";function f(e=5){return Array(e).fill(0).map((()=>l[Math.floor(Math.random()*l.length)])).join("")}function h(e=5){return function(e){const r=(0,n.useRef)(null);return null===r.current&&(r.current=e()),r.current}((()=>f(e)))}const u=["GWTtPBjyL"],m={GWTtPBjyL:"framer-v-1lxst2r"},c={},p={default:{type:"spring",ease:[.44,0,.56,1],duration:.3,delay:0,stiffness:500,damping:60,mass:1}},v=n.forwardRef((function({style:e,className:r,layoutId:t,width:i,height:l,variant:f="GWTtPBjyL",tap:v,title:x="Built in Framer without Code",...y},b){const g=c[f]||f,{variants:w,baseVariant:k,gestureVariant:j,classNames:_,transition:C,setVariant:N,setGestureState:M}=(0,d.o3)({defaultVariant:"GWTtPBjyL",variant:g,transitions:p,variantClassNames:m,cycleOrder:u}),{activeVariantCallback:q,delay:L}=(0,d.pk)(k),S=q((async(...e)=>{if(v){if(!1===await v(...e))return!1}})),T=n.useMemo((()=>({})),[]),D=(0,d.J3)(k,j,T),V=h();return(0,a.jsx)(o.S,{id:null!==t&&void 0!==t?t:V,children:(0,a.jsx)(s.E.div,{initial:g,animate:w,className:(0,d.cx)("framer-8DDzP",_),style:{display:"contents"},onHoverStart:()=>M({isHovered:!0}),onHoverEnd:()=>M({isHovered:!1}),onTapStart:()=>M({isPressed:!0}),onTap:()=>M({isPressed:!1}),onTapCancel:()=>M({isPressed:!1}),children:(0,a.jsxs)(d.Kq,{...y,layoutId:"GWTtPBjyL",className:(0,d.cx)("framer-1lxst2r",r),style:{...e},background:null,direction:"horizontal",distribution:"center",alignment:"center",gap:0,__fromCanvasComponent:!0,__contentWrapperStyle:{width:"auto",height:"auto",padding:"10px 15px 10px 20px"},center:!1,"data-framer-name":"Variant 1",transition:C,ref:b,...D("GWTtPBjyL"),children:[(0,a.jsx)(d.xv,{style:{"--framer-font-family":'"Nanum Pen Script", serif',"--framer-font-style":"normal","--framer-font-weight":400,"--framer-text-color":"rgb(0, 153, 255)","--framer-font-size":"24px","--framer-letter-spacing":"0px","--framer-text-transform":"none","--framer-text-decoration":"none","--framer-line-height":"1em","--framer-text-alignment":"left","--framer-link-text-decoration":"underline"},withExternalLayout:!0,verticalAlignment:"top",__fromCanvasComponent:!0,alignment:"left",fonts:["GF;Nanum Pen Script-regular"],layoutId:"ZajJLuyHG",className:"framer-1oop47f",rawHTML:"<div style='font-size: 0; line-height: 0; tab-size: 4; white-space: inherit; word-wrap: inherit'><div style='direction: ltr; font-size: 0'><span style=''>Built in Framer without Code</span><br></div></div>",text:x,transition:C,...D("ZajJLuyHG")}),(0,a.jsx)(s.E.div,{layoutId:"b6KnO4G_4",className:"framer-1surqam",style:{rotate:5},background:null,transition:C,...D("b6KnO4G_4"),children:(0,a.jsx)(s.E.div,{style:{},layout:"position",layoutId:"cqbCT2sO7",className:"framer-1ilshyx","data-highlight":!0,background:null,onTap:S,transition:C,...D("cqbCT2sO7"),children:(0,a.jsxs)(d.DG,{layoutIdKey:"VOF5hzSiv",duplicatedFrom:["pEXQYV_Cu","UXqFhAWHq","aJJLfOKoa"],willChangeTransform:!1,visible:!0,x:3.255953244504675,y:6.581582490730511,rotation:-42,width:24.140826532874353,height:17.857096768855325,defaultName:"Group",isRootVectorNode:!0,frame:{x:3.255953244504675,y:6.581582490730511,width:24.140826532874353,height:17.857096768855325},transition:C,...D("VOF5hzSiv"),children:[(0,a.jsx)(d.OW,{style:{},d:"M 23.46113122232225 0 C 23.46113122232225 0 11.224439078776214 9.182008665227471 0 1.3708136108312203",id:"IKjWoq2rj",isRootVectorNode:!1,shapeId:"id_IKjWoq2rj",strokeClipId:"id_IKjWoq2rj_clip",rect:{x:0,y:7.3263738737481425,width:23.46113122232225,height:4.519523591779116},strokeAlpha:1,name:"Path",rotation:0,lineCap:"round",lineJoin:"round",strokeColor:"#09f",strokeDashArray:"0",strokeDashOffset:0,strokeMiterLimit:4,strokeEnabled:!0,insideStroke:!1,strokeWidth:2,fill:null,transition:C,...D("IKjWoq2rj")}),(0,a.jsx)(d.OW,{style:{},d:"M 0.3019961406350311 0 C 0.3019961406350311 0 -0.7296913606170343 11.581662193734147 1.0206777734014216 12.360976742078051 C 2.7710469074198776 13.140291290421956 14.245580307530991 12.936877241461033 14.245580307530991 12.936877241461033",id:"hQWvLxoZ5",isRootVectorNode:!1,shapeId:"id_hQWvLxoZ5",strokeClipId:"id_hQWvLxoZ5_clip",rect:{x:8.755226741674164,y:2.506036274556097,width:14.245580307530991,height:12.960806485760088},strokeAlpha:1,name:"Path",rotation:-153,lineCap:"round",lineJoin:"miter",strokeColor:"#09f",strokeDashArray:"0",strokeDashOffset:0,strokeMiterLimit:4,strokeEnabled:!0,insideStroke:!1,strokeWidth:2,fill:null,transition:C,...D("hQWvLxoZ5")})]},"id_VOF5hzSiv")})})]})})})})),x=(0,d.Oz)(v,['.framer-8DDzP [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none;}',".framer-8DDzP .framer-1lxst2r { position: relative; overflow: hidden; width: min-content; height: min-content; }",".framer-8DDzP .framer-1oop47f { position: relative; overflow: visible; width: auto; height: auto; flex: none; white-space: pre; }",".framer-8DDzP .framer-1surqam { position: relative; overflow: visible; width: 31px; height: 32px; flex: none; }",".framer-8DDzP .framer-1ilshyx { position: absolute; cursor: pointer; width: 31px; height: 31px; left: calc(64.51612903225808% - 31px/2); top: calc(21.87500000000002% - 31px/2); flex: none; }"]);var y=x;x.displayName="Tip",x.defaultProps={width:311,height:52},(0,d.kw)(x,{EpmOY86lt:{type:d.C2.EventHandler,title:"Tap"},ldNqx5aYf:{type:d.C2.String,title:"Title",defaultValue:"Built in Framer without Code",displayTextArea:!1}}),(0,d.rR)(x,[{url:new t.U(t(4209)).href,family:"Nanum Pen Script",style:"normal",weight:"400",moduleAsset:{url:"https://fonts.gstatic.com/s/nanumpenscript/v15/daaDSSYiLGqEal3MvdA_FOL_3FkN2z7-aMFCcTU.ttf",localModuleIdentifier:"local-module:canvasComponent/upS5WNyXE:default"}}]);function b(){return(0,a.jsx)(y,{style:{position:"fixed",bottom:0,left:0,scale:1.4,originY:"100%",originX:"0%"}})}function g(e){var r=e.children;return(0,a.jsx)("div",{classNameName:"container",children:r})}function w(){return(0,a.jsxs)("div",{className:"face",children:[(0,a.jsx)("p",{children:"\uce90\ub9ad\ud130"}),(0,a.jsxs)("div",{className:"circle",children:[(0,a.jsx)("div",{className:"eyes"}),(0,a.jsx)("div",{className:"eyes"}),(0,a.jsx)("div",{className:"nose"})]})]})}const k={iBeYavOUI:{pressed:!0},hh7skn9vW:{pressed:!0}},j=["FDMfHjelk","KM_S6qG3t","iBeYavOUI","hh7skn9vW"],_={FDMfHjelk:"framer-v-1d1nqez",KM_S6qG3t:"framer-v-srcadj",iBeYavOUI:"framer-v-f7dryq",hh7skn9vW:"framer-v-hs9oge"},C={"Variant 1":"FDMfHjelk","Variant 2":"KM_S6qG3t","Variant 3":"iBeYavOUI","Variant 4":"hh7skn9vW"},N={default:{type:"spring",ease:[.44,0,.56,1],duration:.3,delay:0,stiffness:500,damping:60,mass:3.5},KM_S6qG3t:{type:"spring",ease:[.44,0,.56,1],duration:.3,delay:0,stiffness:500,damping:60,mass:3.5}},M=n.forwardRef((function({style:e,className:r,layoutId:t,width:i,height:l,variant:f="FDMfHjelk",...u},m){const c=C[f]||f,{variants:p,baseVariant:v,gestureVariant:x,classNames:y,transition:b,setVariant:g,setGestureState:w}=(0,d.o3)({defaultVariant:"FDMfHjelk",variant:c,transitions:N,variantClassNames:_,enabledGestures:k,cycleOrder:j}),{activeVariantCallback:M,delay:q}=(0,d.pk)(v),L=M((async(...e)=>{g("hh7skn9vW")})),S=M((async(...e)=>{await q((()=>g("KM_S6qG3t")),1e3)})),T=M((async(...e)=>{g("iBeYavOUI")})),D=M((async(...e)=>{await q((()=>g("FDMfHjelk")),1e3)})),V=M((async(...e)=>{g("hh7skn9vW")})),W=M((async(...e)=>{await q((()=>g("KM_S6qG3t")),4e3)})),z=M((async(...e)=>{g("iBeYavOUI")})),F=M((async(...e)=>{await q((()=>g("FDMfHjelk")),3e3)}));(0,d.mu)(v,{default:S,KM_S6qG3t:D,iBeYavOUI:W,hh7skn9vW:F});const O=n.useMemo((()=>({KM_S6qG3t:{FDMfHjelk:{distribution:"start",onTap:T,"data-framer-name":"Variant 2","data-highlight":!0}},iBeYavOUI:{FDMfHjelk:{isBreakpoint:!1,onTap:V,"data-framer-name":"Variant 3","data-highlight":!0}},hh7skn9vW:{FDMfHjelk:{isBreakpoint:!1,distribution:"start",onTap:z,"data-framer-name":"Variant 4","data-highlight":!0}}})),[T,V,z]),G=(0,d.J3)(v,x,O),I=h();return(0,a.jsx)(o.S,{id:null!==t&&void 0!==t?t:I,children:(0,a.jsx)(s.E.div,{initial:c,animate:p,className:(0,d.cx)("framer-u8L19",y),style:{display:"contents",pointerEvents:"auto"},onHoverStart:()=>w({isHovered:!0}),onHoverEnd:()=>w({isHovered:!1}),onTapStart:()=>w({isPressed:!0}),onTap:()=>w({isPressed:!1}),onTapCancel:()=>w({isPressed:!1}),children:(0,a.jsx)(d.Kq,{...u,layoutId:"FDMfHjelk",className:(0,d.cx)("framer-1d1nqez",r),style:{borderBottomLeftRadius:35,borderBottomRightRadius:35,borderTopRightRadius:35,borderTopLeftRadius:35,backgroundColor:"rgb(0, 153, 255)","--border-bottom-width":"2px","--border-top-width":"2px","--border-right-width":"2px","--border-left-width":"2px","--border-style":"solid","--border-color":"rgba(34, 34, 34, 0.1)",...e},direction:"horizontal",distribution:"end",alignment:"center",gap:10,__fromCanvasComponent:!0,__contentWrapperStyle:{width:"100%",height:"100%",padding:"8px 8px 8px 8px"},center:!1,"data-highlight":!0,"data-framer-name":"Variant 1","data-border":!0,onTap:L,variants:{KM_S6qG3t:{backgroundColor:"var(--token-bb3e870f-4ff8-4060-92d4-12e183aa0004, rgba(0, 0, 0, 0.15))"},hh7skn9vW:{backgroundColor:"var(--token-bb3e870f-4ff8-4060-92d4-12e183aa0004, rgba(0, 0, 0, 0.15))"}},transition:b,ref:m,...G("FDMfHjelk"),children:(0,a.jsx)(s.E.div,{layoutId:"eRh7uy9zZ",className:"framer-1i5yt0r",style:{borderBottomLeftRadius:27,borderBottomRightRadius:27,borderTopRightRadius:27,borderTopLeftRadius:27,boxShadow:"0px 1px 2px 0px rgba(0, 0, 0, 0.2)",backgroundColor:"rgb(255, 255, 255)"},"data-framer-name":"Knob",transition:b,...G("eRh7uy9zZ")})})})})})),q=(0,d.Oz)(M,['.framer-u8L19 [data-border="true"]::after { content: ""; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none;}',".framer-u8L19 .framer-1d1nqez { position: relative; cursor: pointer; overflow: hidden; width: 123px; height: 69px; }",".framer-u8L19 .framer-1i5yt0r { position: relative; overflow: visible; width: 53px; height: 53px; flex: none; }",".framer-u8L19.framer-v-srcadj .framer-1d1nqez, .framer-u8L19.framer-v-f7dryq .framer-1d1nqez, .framer-u8L19.framer-v-hs9oge .framer-1d1nqez, .framer-u8L19.framer-v-f7dryq .framer-1d1nqez, .framer-u8L19.framer-v-hs9oge .framer-1d1nqez { cursor: pointer; }",".framer-u8L19.framer-v-srcadj .framer-1i5yt0r { width: 53px; height: 53px; right: auto; bottom: auto; left: auto; top: auto; flex: none; }",".framer-u8L19.framer-v-f7dryq.pressed .framer-1i5yt0r, .framer-u8L19.framer-v-hs9oge.pressed .framer-1i5yt0r { width: 70px; height: 53px; right: auto; bottom: auto; left: auto; top: auto; flex: none; }"]);var L=q;q.displayName="Toggle",q.defaultProps={width:123,height:69},(0,d.kw)(q,{variant:{type:d.C2.Enum,title:"Variant",options:["FDMfHjelk","KM_S6qG3t","iBeYavOUI","hh7skn9vW"],optionTitles:["Variant 1","Variant 2","Variant 3","Variant 4"]}}),(0,d.rR)(q,[]);function S(){return(0,a.jsxs)(a.Fragment,{children:[(0,a.jsxs)(i.default,{children:[(0,a.jsx)("title",{children:"Framer"}),(0,a.jsx)("meta",{name:"description",content:"Modules"}),(0,a.jsx)("link",{rel:"icon",href:"/favicon.png"})]}),(0,a.jsxs)(g,{children:[(0,a.jsx)(L,{}),(0,a.jsx)(w,{}),(0,a.jsx)(b,{})]})]})}},4209:function(e,r,t){"use strict";e.exports=t.p+"static/media/daaDSSYiLGqEal3MvdA_FOL_3FkN2z7-aMFCcTU.a95da777.ttf"}},function(e){e.O(0,[282,774,888,179],(function(){return r=8581,e(e.s=r);var r}));var r=e.O();_N_E=r}]);