1. Jim Perkins & Holographic Field - Seeking (Holographic Field Rework) 2. Jim Perkins & Leah Kardos - In The Menagerie (Leah Kardos Rework)3. Jim Perkins & Daigo Hanada - The North Wind (Daigo Hanada Rework)4. Daisuke Tanabe - The Waiting Room (Daisuke Tanabe Rework)
\",OtYnKktdH:(_ref1=title!==null&&title!==void 0?title:props.OtYnKktdH)!==null&&_ref1!==void 0?_ref1:\"Immersed In Clouds Reworks\",PJNj96Wsq:(_ref2=artwork!==null&&artwork!==void 0?artwork:props.PJNj96Wsq)!==null&&_ref2!==void 0?_ref2:{src:new URL(\"assets/HLhTxbSF4V0O6XbaO0EgwlkCsw.jpeg\",\"https://framerusercontent.com/modules/neHnWitsg4EJ1MrfWixC/2x7o4Dvm8pKoLvav91UV/LBevnMS7Q.js\").href,srcSet:`${new URL(\"assets/512/HLhTxbSF4V0O6XbaO0EgwlkCsw.jpeg\",\"https://framerusercontent.com/modules/neHnWitsg4EJ1MrfWixC/2x7o4Dvm8pKoLvav91UV/LBevnMS7Q.js\").href} 512w, ${new URL(\"assets/1024/HLhTxbSF4V0O6XbaO0EgwlkCsw.jpeg\",\"https://framerusercontent.com/modules/neHnWitsg4EJ1MrfWixC/2x7o4Dvm8pKoLvav91UV/LBevnMS7Q.js\").href} 1024w, ${new URL(\"assets/HLhTxbSF4V0O6XbaO0EgwlkCsw.jpeg\",\"https://framerusercontent.com/modules/neHnWitsg4EJ1MrfWixC/2x7o4Dvm8pKoLvav91UV/LBevnMS7Q.js\").href} 1200w`},rUzdwH7Oh:artworkLink!==null&&artworkLink!==void 0?artworkLink:props.rUzdwH7Oh,uupHdtgW8:(_ref3=year!==null&&year!==void 0?year:props.uupHdtgW8)!==null&&_ref3!==void 0?_ref3:\"2022\",variant:(_ref4=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref4!==void 0?_ref4:\"ssxehEUZl\",VUfBjtmDG:link!==null&&link!==void 0?link:props.VUfBjtmDG,xxc6kqKUV:(_ref5=format!==null&&format!==void 0?format:props.xxc6kqKUV)!==null&&_ref5!==void 0?_ref5:\"ALBUM\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,OtYnKktdH,uupHdtgW8,xxc6kqKUV,VUfBjtmDG,L0xnD3s12,PJNj96Wsq,rUzdwH7Oh,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"ssxehEUZl\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapjwjnar=activeVariantCallback(async(...args)=>{setVariant(\"AGeKIqVp6\");});const onTap4tzakr=activeVariantCallback(async(...args)=>{setVariant(\"DTWvarAzh\");});const onTap65bckp=activeVariantCallback(async(...args)=>{setVariant(\"ssxehEUZl\");});const onTap64voqk=activeVariantCallback(async(...args)=>{setVariant(\"yTMSKdTF3\");});const onTapb6xyw7=activeVariantCallback(async(...args)=>{setVariant(\"RHp6g9AXk\");});const onTap1tcw61o=activeVariantCallback(async(...args)=>{setVariant(\"VgVmi6Kv_\");});const onTap18acfbr=activeVariantCallback(async(...args)=>{await delay(()=>setVariant(\"ssxehEUZl\"),100);});const isDisplayed=()=>{if([\"VgVmi6Kv_\",\"AGeKIqVp6\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if(baseVariant===\"AGeKIqVp6\")return true;return false;};const isDisplayed2=()=>{if(baseVariant===\"VgVmi6Kv_\")return true;return false;};const isDisplayed3=()=>{if([\"yTMSKdTF3\",\"AGeKIqVp6\"].includes(baseVariant))return false;return true;};const isDisplayed4=()=>{if([\"VgVmi6Kv_\",\"AGeKIqVp6\",\"DTWvarAzh\"].includes(baseVariant))return true;return false;};const defaultLayoutId=React.useId();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-00aKF\",sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className,sharedStyle4.className,sharedStyle5.className,sharedStyle6.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/_jsx(Transition,{value:transition,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,className:cx(\"framer-w578y3\",className),\"data-framer-name\":\"Desktop / Closed\",layoutDependency:layoutDependency,layoutId:\"ssxehEUZl\",ref:ref,style:{...style},...addPropertyOverrides({AGeKIqVp6:{\"data-framer-name\":\"Phone / Open\"},DTWvarAzh:{\"data-framer-name\":\"Tablet / Open\"},RHp6g9AXk:{\"data-framer-name\":\"Tablet / Closed\",\"data-highlight\":true,onTap:onTap4tzakr},VgVmi6Kv_:{\"data-framer-name\":\"Desktop / Open\"},yTMSKdTF3:{\"data-framer-name\":\"Phone / Closed\",\"data-highlight\":true,onTap:onTapjwjnar}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-17brsek\",\"data-framer-name\":\"Row - Header\",layoutDependency:layoutDependency,layoutId:\"zxByiZuic\",...addPropertyOverrides({AGeKIqVp6:{\"data-highlight\":true,onTap:onTap64voqk},DTWvarAzh:{\"data-highlight\":true,onTap:onTapb6xyw7},VgVmi6Kv_:{\"data-highlight\":true,onTap:onTap65bckp}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1eg849z\",\"data-framer-name\":\"Title\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"El1zyTBqj\",onTap:onTap1tcw61o,...addPropertyOverrides({AGeKIqVp6:{onTap:onTap18acfbr},VgVmi6Kv_:{onTap:onTap18acfbr}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-3xphe9\",\"data-framer-name\":\"play_fill\",fill:\"black\",intrinsicHeight:32,intrinsicWidth:32,layoutDependency:layoutDependency,layoutId:\"mBgTPaXnl\",svg:'',withExternalLayout:true}),isDisplayed1()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1c7i3xx\",\"data-framer-name\":\"pause_fill\",fill:\"black\",intrinsicHeight:32,intrinsicWidth:32,layoutDependency:layoutDependency,layoutId:\"mCjn6NGi0\",svg:'',withExternalLayout:true}),isDisplayed2()&&/*#__PURE__*/_jsx(SVG,{className:\"framer-1myk3ax\",\"data-framer-name\":\"pause_fill\",fill:\"black\",intrinsicHeight:32,intrinsicWidth:32,layoutDependency:layoutDependency,layoutId:\"NFTNrsfuE\",svg:'',withExternalLayout:true}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h6,{className:\"framer-styles-preset-1q7flip\",\"data-styles-preset\":\"jA1_mLGHw\",children:/*#__PURE__*/_jsx(motion.strong,{children:\"Immersed In Clouds Reworks\"})})}),className:\"framer-1mdjzdu\",layoutDependency:layoutDependency,layoutId:\"pXRt38G3N\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:OtYnKktdH,verticalAlignment:\"top\",withExternalLayout:true})]}),isDisplayed3()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1aeium\",\"data-framer-name\":\"Year\",layoutDependency:layoutDependency,layoutId:\"FGwi_uY8R\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7T3BlbiBTYW5zLTcwMA==\",\"--framer-font-family\":'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-font-weight\":\"700\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:/*#__PURE__*/_jsx(motion.strong,{children:\"2022\"})})}),className:\"framer-iw6zl5\",fonts:[\"GF;Open Sans-700\",\"GF;Open Sans-800\"],layoutDependency:layoutDependency,layoutId:\"ITAK5wq20\",style:{\"--extracted-r6o4lv\":\"var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, rgb(75, 75, 75))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:uupHdtgW8,verticalAlignment:\"top\",withExternalLayout:true})})]}),isDisplayed4()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-xseruq\",\"data-framer-name\":\"Row - Body\",layoutDependency:layoutDependency,layoutId:\"QX7CrsRR2\",children:[isDisplayed4()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-a4c8ui\",\"data-framer-name\":\"Details\",layoutDependency:layoutDependency,layoutId:\"RHVZ45Wr6\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-cdjg9g\",\"data-framer-name\":\"Type\",layoutDependency:layoutDependency,layoutId:\"eqdpJSlfe\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7T3BlbiBTYW5zLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"ALBUM\"})}),className:\"framer-11yb2iu\",fonts:[\"GF;Open Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"FFX8FzN1d\",style:{\"--extracted-r6o4lv\":\"var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, rgb(75, 75, 75))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:xxc6kqKUV,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AGeKIqVp6:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1pg1k75\",\"data-styles-preset\":\"hu9OdrpD9\",children:\"ALBUM\"})}),fonts:undefined},DTWvarAzh:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1pg1k75\",\"data-styles-preset\":\"hu9OdrpD9\",children:\"ALBUM\"})}),fonts:undefined},VgVmi6Kv_:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1pg1k75\",\"data-styles-preset\":\"hu9OdrpD9\",children:\"ALBUM\"})}),fonts:undefined}},baseVariant,gestureVariant)}),isDisplayed2()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1jq1d64\",\"data-framer-name\":\"Space\",layoutDependency:layoutDependency,layoutId:\"E5VTiqiv4\"})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1ca2vjm\",\"data-framer-name\":\"Tracklist\",layoutDependency:layoutDependency,layoutId:\"lAlaNkkaE\",children:[/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"R0Y7T3BlbiBTYW5zLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',\"--framer-line-height\":\"1.5em\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"1. Jim Perkins & Holographic Field - Seeking (Holographic Field Rework) 2. Jim Perkins & Leah Kardos - In The Menagerie (Leah Kardos Rework)3. Jim Perkins & Daigo Hanada - The North Wind (Daigo Hanada Rework)4. Daisuke Tanabe - The Waiting Room (Daisuke Tanabe Rework)\"})}),className:\"framer-1f614pp\",fonts:[\"GF;Open Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"bmywo9hjM\",style:{\"--extracted-r6o4lv\":\"var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, rgb(75, 75, 75))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AGeKIqVp6:{children:L0xnD3s12,stylesPresetsClassNames:{a:\"framer-styles-preset-gzhhd7\",h1:\"framer-styles-preset-73rf3a\",h2:\"framer-styles-preset-wgix91\",h3:\"framer-styles-preset-1bucojt\",h6:\"framer-styles-preset-1q7flip\",p:\"framer-styles-preset-1pr8ecf\"}},DTWvarAzh:{children:L0xnD3s12,stylesPresetsClassNames:{a:\"framer-styles-preset-gzhhd7\",h1:\"framer-styles-preset-73rf3a\",h2:\"framer-styles-preset-wgix91\",h3:\"framer-styles-preset-1bucojt\",h6:\"framer-styles-preset-1q7flip\",p:\"framer-styles-preset-1pr8ecf\"}},VgVmi6Kv_:{children:L0xnD3s12,stylesPresetsClassNames:{a:\"framer-styles-preset-gzhhd7\",h1:\"framer-styles-preset-73rf3a\",h2:\"framer-styles-preset-wgix91\",h3:\"framer-styles-preset-1bucojt\",h6:\"framer-styles-preset-1q7flip\",p:\"framer-styles-preset-1pr8ecf\"}}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-rkakk7-container\",layoutDependency:layoutDependency,layoutId:\"WJIxZTDtR-container\",children:/*#__PURE__*/_jsx(ButtonPrimary,{height:\"100%\",id:\"WJIxZTDtR\",layoutId:\"WJIxZTDtR\",nmCQwCTRp:VUfBjtmDG,UZ32PGL3p:\"LISTEN NOW\",variant:\"eSStPzkDE\",width:\"100%\"})})]})]}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ofaj81\",\"data-framer-name\":\"Artwork\",layoutDependency:layoutDependency,layoutId:\"kVH75D3fE\",children:/*#__PURE__*/_jsx(Link,{...addPropertyOverrides({AGeKIqVp6:{href:rUzdwH7Oh},DTWvarAzh:{href:rUzdwH7Oh},VgVmi6Kv_:{href:rUzdwH7Oh,openInNewTab:true}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:1200,intrinsicWidth:1200,pixelHeight:1200,pixelWidth:1200,sizes:\"378px\",...toResponsiveImage(PJNj96Wsq)},className:\"framer-10crmfo framer-sh544l\",\"data-framer-name\":\"Image\",layoutDependency:layoutDependency,layoutId:\"M5NDabkd7\",style:{borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4},...addPropertyOverrides({AGeKIqVp6:{as:\"a\",background:{alt:\"\",fit:\"fill\",intrinsicHeight:1200,intrinsicWidth:1200,pixelHeight:1200,pixelWidth:1200,sizes:\"max(min(358px, 100vw), 0px)\",...toResponsiveImage(PJNj96Wsq)}},DTWvarAzh:{as:\"a\"},VgVmi6Kv_:{as:\"a\"}},baseVariant,gestureVariant)})})})]})]})})})});});const css=['.framer-00aKF [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; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-00aKF .framer-sh544l { display: block; }\",\".framer-00aKF .framer-w578y3 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 16px 0px 16px 0px; position: relative; width: 1200px; }\",\".framer-00aKF .framer-17brsek { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; height: min-content; justify-content: space-between; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-00aKF .framer-1eg849z { align-content: center; align-items: center; cursor: pointer; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-00aKF .framer-3xphe9, .framer-00aKF .framer-1c7i3xx, .framer-00aKF .framer-1myk3ax { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 24px); position: relative; width: 24px; }\",\".framer-00aKF .framer-1mdjzdu, .framer-00aKF .framer-iw6zl5, .framer-00aKF .framer-11yb2iu { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-00aKF .framer-1aeium { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\".framer-00aKF .framer-xseruq { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-00aKF .framer-a4c8ui { align-content: flex-start; align-items: flex-start; display: flex; flex: 2 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-00aKF .framer-cdjg9g { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 200px; }\",\".framer-00aKF .framer-1jq1d64 { align-self: stretch; flex: none; height: auto; overflow: visible; position: relative; width: 24px; }\",\".framer-00aKF .framer-1ca2vjm { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 200px; }\",\".framer-00aKF .framer-1f614pp { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-00aKF .framer-rkakk7-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-00aKF .framer-1ofaj81 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-end; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-00aKF .framer-10crmfo { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 378px); overflow: hidden; position: relative; width: 378px; will-change: var(--framer-will-change-override, transform); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-00aKF .framer-w578y3, .framer-00aKF .framer-1eg849z, .framer-00aKF .framer-1aeium, .framer-00aKF .framer-xseruq, .framer-00aKF .framer-a4c8ui, .framer-00aKF .framer-cdjg9g, .framer-00aKF .framer-1ca2vjm, .framer-00aKF .framer-1ofaj81 { gap: 0px; } .framer-00aKF .framer-w578y3 > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-00aKF .framer-w578y3 > :first-child, .framer-00aKF .framer-1ca2vjm > :first-child { margin-top: 0px; } .framer-00aKF .framer-w578y3 > :last-child, .framer-00aKF .framer-1ca2vjm > :last-child { margin-bottom: 0px; } .framer-00aKF .framer-1eg849z > *, .framer-00aKF .framer-xseruq > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-00aKF .framer-1eg849z > :first-child, .framer-00aKF .framer-1aeium > :first-child, .framer-00aKF .framer-xseruq > :first-child, .framer-00aKF .framer-a4c8ui > :first-child, .framer-00aKF .framer-cdjg9g > :first-child, .framer-00aKF .framer-1ofaj81 > :first-child { margin-left: 0px; } .framer-00aKF .framer-1eg849z > :last-child, .framer-00aKF .framer-1aeium > :last-child, .framer-00aKF .framer-xseruq > :last-child, .framer-00aKF .framer-a4c8ui > :last-child, .framer-00aKF .framer-cdjg9g > :last-child, .framer-00aKF .framer-1ofaj81 > :last-child { margin-right: 0px; } .framer-00aKF .framer-1aeium > *, .framer-00aKF .framer-cdjg9g > *, .framer-00aKF .framer-1ofaj81 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-00aKF .framer-a4c8ui > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-00aKF .framer-1ca2vjm > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } }\",\".framer-00aKF.framer-v-a928hl .framer-17brsek, .framer-00aKF.framer-v-1be65xt .framer-17brsek, .framer-00aKF.framer-v-yurfmu .framer-17brsek { cursor: pointer; }\",\".framer-00aKF.framer-v-a928hl .framer-cdjg9g { flex: 1 0 0px; gap: 16px; width: 1px; }\",\".framer-00aKF.framer-v-a928hl .framer-11yb2iu { order: 1; }\",\".framer-00aKF.framer-v-a928hl .framer-1jq1d64 { order: 0; }\",\".framer-00aKF.framer-v-a928hl .framer-1ca2vjm { flex: 1 0 0px; width: 1px; }\",\".framer-00aKF.framer-v-a928hl .framer-10crmfo, .framer-00aKF.framer-v-yurfmu .framer-10crmfo { text-decoration: none; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-00aKF.framer-v-a928hl .framer-cdjg9g { gap: 0px; } .framer-00aKF.framer-v-a928hl .framer-cdjg9g > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-00aKF.framer-v-a928hl .framer-cdjg9g > :first-child { margin-left: 0px; } .framer-00aKF.framer-v-a928hl .framer-cdjg9g > :last-child { margin-right: 0px; } }\",\".framer-00aKF.framer-v-8rhjd8 .framer-w578y3 { cursor: pointer; width: 358px; }\",\".framer-00aKF.framer-v-8rhjd8 .framer-1mdjzdu { white-space: pre-wrap; width: 300px; word-break: break-word; word-wrap: break-word; }\",\".framer-00aKF.framer-v-1be65xt .framer-w578y3 { justify-content: flex-start; width: 358px; }\",\".framer-00aKF.framer-v-1be65xt .framer-xseruq { flex-direction: column; }\",\".framer-00aKF.framer-v-1be65xt .framer-a4c8ui { flex: none; flex-direction: column; gap: 16px; width: 100%; }\",\".framer-00aKF.framer-v-1be65xt .framer-cdjg9g, .framer-00aKF.framer-v-1be65xt .framer-1ca2vjm, .framer-00aKF.framer-v-yurfmu .framer-cdjg9g, .framer-00aKF.framer-v-yurfmu .framer-1ca2vjm { width: 100%; }\",\".framer-00aKF.framer-v-1be65xt .framer-11yb2iu { flex: 1 0 0px; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-00aKF.framer-v-1be65xt .framer-1ofaj81 { flex: none; justify-content: flex-start; width: 100%; }\",\".framer-00aKF.framer-v-1be65xt .framer-10crmfo { flex: 1 0 0px; height: var(--framer-aspect-ratio-supported, 358px); text-decoration: none; width: 1px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-00aKF.framer-v-1be65xt .framer-xseruq, .framer-00aKF.framer-v-1be65xt .framer-a4c8ui { gap: 0px; } .framer-00aKF.framer-v-1be65xt .framer-xseruq > *, .framer-00aKF.framer-v-1be65xt .framer-a4c8ui > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-00aKF.framer-v-1be65xt .framer-xseruq > :first-child, .framer-00aKF.framer-v-1be65xt .framer-a4c8ui > :first-child { margin-top: 0px; } .framer-00aKF.framer-v-1be65xt .framer-xseruq > :last-child, .framer-00aKF.framer-v-1be65xt .framer-a4c8ui > :last-child { margin-bottom: 0px; } }\",\".framer-00aKF.framer-v-1ajke1g .framer-w578y3 { cursor: pointer; width: 810px; }\",\".framer-00aKF.framer-v-yurfmu .framer-w578y3 { width: 810px; }\",\".framer-00aKF.framer-v-yurfmu .framer-a4c8ui { flex: 1 0 0px; flex-direction: column; gap: 16px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-00aKF.framer-v-yurfmu .framer-a4c8ui { gap: 0px; } .framer-00aKF.framer-v-yurfmu .framer-a4c8ui > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-00aKF.framer-v-yurfmu .framer-a4c8ui > :first-child { margin-top: 0px; } .framer-00aKF.framer-v-yurfmu .framer-a4c8ui > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css,...sharedStyle4.css,...sharedStyle5.css,...sharedStyle6.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 56\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"VgVmi6Kv_\":{\"layout\":[\"fixed\",\"auto\"]},\"yTMSKdTF3\":{\"layout\":[\"fixed\",\"auto\"]},\"AGeKIqVp6\":{\"layout\":[\"fixed\",\"auto\"]},\"RHp6g9AXk\":{\"layout\":[\"fixed\",\"auto\"]},\"DTWvarAzh\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"OtYnKktdH\":\"title\",\"uupHdtgW8\":\"year\",\"xxc6kqKUV\":\"format\",\"VUfBjtmDG\":\"link\",\"L0xnD3s12\":\"tracklisting\",\"PJNj96Wsq\":\"artwork\",\"rUzdwH7Oh\":\"artworkLink\"}\n * @framerImmutableVariables false\n */const FramerLBevnMS7Q=withCSS(Component,css,\"framer-00aKF\");export default FramerLBevnMS7Q;FramerLBevnMS7Q.displayName=\"Release Row\";FramerLBevnMS7Q.defaultProps={height:56,width:1200};addPropertyControls(FramerLBevnMS7Q,{variant:{options:[\"ssxehEUZl\",\"VgVmi6Kv_\",\"yTMSKdTF3\",\"AGeKIqVp6\",\"RHp6g9AXk\",\"DTWvarAzh\"],optionTitles:[\"Desktop / Closed\",\"Desktop / Open\",\"Phone / Closed\",\"Phone / Open\",\"Tablet / Closed\",\"Tablet / Open\"],title:\"Variant\",type:ControlType.Enum},OtYnKktdH:{defaultValue:\"Immersed In Clouds Reworks\",displayTextArea:false,title:\"Title\",type:ControlType.String},uupHdtgW8:{defaultValue:\"2022\",displayTextArea:false,title:\"Year\",type:ControlType.String},xxc6kqKUV:{defaultValue:\"ALBUM\",displayTextArea:false,title:\"Format\",type:ControlType.String},VUfBjtmDG:{title:\"Link\",type:ControlType.Link},L0xnD3s12:{defaultValue:\"1. Jim Perkins & Holographic Field - Seeking (Holographic Field Rework) 2. Jim Perkins & Leah Kardos - In The Menagerie (Leah Kardos Rework)3. Jim Perkins & Daigo Hanada - The North Wind (Daigo Hanada Rework)4. Daisuke Tanabe - The Waiting Room (Daisuke Tanabe Rework)
\",title:\"Tracklisting\",type:ControlType.RichText},PJNj96Wsq:{__defaultAssetReference:\"data:framer/asset-reference,HLhTxbSF4V0O6XbaO0EgwlkCsw.jpeg?originalFilename=Immersed+in+Clouds+Rework.jpeg&preferredSize=auto\",title:\"Artwork\",type:ControlType.ResponsiveImage},rUzdwH7Oh:{title:\"Artwork Link\",type:ControlType.Link}});addFonts(FramerLBevnMS7Q,[{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/LBevnMS7Q:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4nY1M2xLER.ttf\",weight:\"700\"},{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/LBevnMS7Q:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgshZ1y4nY1M2xLER.ttf\",weight:\"800\"},{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/LBevnMS7Q:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\",weight:\"400\"},...ButtonPrimaryFonts,...sharedStyle.fonts,...sharedStyle1.fonts,...sharedStyle2.fonts,...sharedStyle3.fonts,...sharedStyle4.fonts,...sharedStyle5.fonts,...sharedStyle6.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerLBevnMS7Q\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"VgVmi6Kv_\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"yTMSKdTF3\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"AGeKIqVp6\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"RHp6g9AXk\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"DTWvarAzh\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"OtYnKktdH\\\":\\\"title\\\",\\\"uupHdtgW8\\\":\\\"year\\\",\\\"xxc6kqKUV\\\":\\\"format\\\",\\\"VUfBjtmDG\\\":\\\"link\\\",\\\"L0xnD3s12\\\":\\\"tracklisting\\\",\\\"PJNj96Wsq\\\":\\\"artwork\\\",\\\"rUzdwH7Oh\\\":\\\"artworkLink\\\"}\",\"framerImmutableVariables\":\"false\",\"framerIntrinsicHeight\":\"56\",\"framerIntrinsicWidth\":\"1200\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([]);export const fonts=[];export const css=['.framer-d1w97 .framer-styles-preset-sk7utl:not(.rich-text-wrapper), .framer-d1w97 .framer-styles-preset-sk7utl.rich-text-wrapper a { --framer-link-current-text-color: var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, #4b4b4b) /* {\"name\":\"Tertiary\"} */; --framer-link-current-text-decoration: none; --framer-link-hover-text-color: var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, #4b4b4b) /* {\"name\":\"Tertiary\"} */; --framer-link-hover-text-decoration: none; --framer-link-text-color: var(--token-48e3cff8-4944-484d-8e69-0f6ba678fcb1, #121212); --framer-link-text-decoration: none; }'];export const className=\"framer-d1w97\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (b12dec4)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,Link,RichText,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const enabledGestures={SrUsLvJev:{hover:true},y17QYMkSx:{hover:true}};const cycleOrder=[\"SrUsLvJev\",\"y17QYMkSx\"];const variantClassNames={SrUsLvJev:\"framer-v-ro55ol\",y17QYMkSx:\"framer-v-1efsbyu\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Click Out\":\"y17QYMkSx\",Default:\"SrUsLvJev\"};const getProps=({height,id,link,title,width,...props})=>{var ref,_variant,ref1;return{...props,CoLti82Jx:(ref=title!==null&&title!==void 0?title:props.CoLti82Jx)!==null&&ref!==void 0?ref:\"Releases\",huPvLh33l:link!==null&&link!==void 0?link:props.huPvLh33l,variant:(ref1=(_variant=humanReadableVariantMap[props.variant])!==null&&_variant!==void 0?_variant:props.variant)!==null&&ref1!==void 0?ref1:\"SrUsLvJev\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,CoLti82Jx,huPvLh33l,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"SrUsLvJev\",enabledGestures,transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-NRdAX\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsx(Link,{href:huPvLh33l,openInNewTab:false,smoothScroll:true,...addPropertyOverrides({y17QYMkSx:{openInNewTab:true}},baseVariant,gestureVariant),children:/*#__PURE__*/ _jsx(motion.a,{...restProps,className:`${cx(\"framer-ro55ol\",className)} framer-ly3f4o`,\"data-framer-name\":\"Default\",layoutDependency:layoutDependency,layoutId:\"SrUsLvJev\",ref:ref,style:{...style},...addPropertyOverrides({\"SrUsLvJev-hover\":{\"data-framer-name\":undefined},\"y17QYMkSx-hover\":{\"data-framer-name\":undefined},y17QYMkSx:{\"data-framer-name\":\"Click Out\"}},baseVariant,gestureVariant),children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{style:{\"--font-selector\":\"R0Y7T3BlbiBTYW5zLTcwMA==\",\"--framer-font-family\":'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.6em\",\"--framer-text-alignment\":\"left\",\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"Releases\"})}),className:\"framer-1c4w7s8\",fonts:[\"GF;Open Sans-700\"],layoutDependency:layoutDependency,layoutId:\"y5rIyeAMB\",style:{\"--extracted-r6o4lv\":\"var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, rgb(75, 75, 75)) \",\"--framer-link-hover-text-color\":\"rgba(153, 153, 153, 0.6)\",\"--framer-link-text-decoration\":\"none\",\"--framer-paragraph-spacing\":\"0px\"},text:CoLti82Jx,variants:{\"SrUsLvJev-hover\":{\"--extracted-r6o4lv\":\"var(--token-48e3cff8-4944-484d-8e69-0f6ba678fcb1, rgb(18, 18, 18)) \"},\"y17QYMkSx-hover\":{\"--extracted-r6o4lv\":\"var(--token-48e3cff8-4944-484d-8e69-0f6ba678fcb1, rgb(18, 18, 18)) \"}},verticalAlignment:\"top\",withExternalLayout:true})})})})})});});const css=['.framer-NRdAX [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; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-NRdAX .framer-ly3f4o { display: block; }\",\".framer-NRdAX .framer-ro55ol { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-NRdAX .framer-1c4w7s8 { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\",\".framer-NRdAX .framer-v-ro55ol .framer-ro55ol, .framer-NRdAX .framer-v-1efsbyu .framer-ro55ol { cursor: pointer; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-NRdAX .framer-ro55ol { gap: 0px; } .framer-NRdAX .framer-ro55ol > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-NRdAX .framer-ro55ol > :first-child { margin-top: 0px; } .framer-NRdAX .framer-ro55ol > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 25\n * @framerIntrinsicWidth 69\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"auto\",\"auto\"]},\"y17QYMkSx\":{\"layout\":[\"auto\",\"auto\"]},\"hoC8Cptta\":{\"layout\":[\"auto\",\"auto\"]},\"Fq3wOSYHs\":{\"layout\":[\"auto\",\"auto\"]}}}\n * @framerVariables {\"CoLti82Jx\":\"title\",\"huPvLh33l\":\"link\"}\n * @framerImmutableVariables false\n */ const FramermGd0XUFpU=withCSS(Component,css,\"framer-NRdAX\");export default FramermGd0XUFpU;FramermGd0XUFpU.displayName=\"Nav Item\";FramermGd0XUFpU.defaultProps={height:25,width:69};addPropertyControls(FramermGd0XUFpU,{variant:{options:[\"SrUsLvJev\",\"y17QYMkSx\"],optionTitles:[\"Default\",\"Click Out\"],title:\"Variant\",type:ControlType.Enum},CoLti82Jx:{defaultValue:\"Releases\",displayTextArea:false,title:\"Title\",type:ControlType.String},huPvLh33l:{title:\"Link\",type:ControlType.Link}});addFonts(FramermGd0XUFpU,[{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/mGd0XUFpU:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsg-1y4nY1M2xLER.ttf\",weight:\"700\"}]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramermGd0XUFpU\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"25\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"y17QYMkSx\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"hoC8Cptta\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]},\\\"Fq3wOSYHs\\\":{\\\"layout\\\":[\\\"auto\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"false\",\"framerIntrinsicWidth\":\"69\",\"framerVariables\":\"{\\\"CoLti82Jx\\\":\\\"title\\\",\\\"huPvLh33l\\\":\\\"link\\\"}\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./mGd0XUFpU.map", "// Generated by Framer (89417f6)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,Link,resolveLink,RichText,useActiveVariantCallback,useLocaleInfo,useRouter,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/t7cbm5Y87hQu7j4Ri0Qn/b8ddaIyzzA5VNsahm7gn/I7Kgunm6o.js\";import SocialIcon from\"https://framerusercontent.com/modules/lN2nbZWTYjpM63RMEMui/5tT1iraeHDaNHPV9gcjs/K1o6AxFBG.js\";import NavItem from\"https://framerusercontent.com/modules/wK2Gcnztcr03AD4xC2JT/qDKnm6JWk2ZPuY84Pn6T/mGd0XUFpU.js\";const NavItemFonts=getFonts(NavItem);const SocialIconFonts=getFonts(SocialIcon);const cycleOrder=[\"f2jpJNJ68\",\"Xf4NIUa_S\",\"SDd7lrzDf\",\"PkVvhmpeY\"];const variantClassNames={f2jpJNJ68:\"framer-v-1jwyhhf\",PkVvhmpeY:\"framer-v-v9wr5r\",SDd7lrzDf:\"framer-v-zeitzv\",Xf4NIUa_S:\"framer-v-loagbb\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transitions={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/ _jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const humanReadableVariantMap={\"Phone Open\":\"PkVvhmpeY\",Desktop:\"f2jpJNJ68\",Phone:\"SDd7lrzDf\",Tablet:\"Xf4NIUa_S\"};const getProps=({height,id,width,...props})=>{var _variant,ref;return{...props,variant:(ref=(_variant=humanReadableVariantMap[props.variant])!==null&&_variant!==void 0?_variant:props.variant)!==null&&ref!==void 0?ref:\"f2jpJNJ68\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/ React.forwardRef(function(props,ref){const{activeLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"f2jpJNJ68\",transitions,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1hej0xq=activeVariantCallback(async(...args)=>{setVariant(\"PkVvhmpeY\");});const onTappno6fx=activeVariantCallback(async(...args)=>{setVariant(\"SDd7lrzDf\");});const isDisplayed=()=>{if([\"SDd7lrzDf\",\"PkVvhmpeY\"].includes(baseVariant))return true;return false;};const isDisplayed1=()=>{if(baseVariant===\"SDd7lrzDf\")return false;return true;};const router=useRouter();const isDisplayed2=()=>{if([\"Xf4NIUa_S\",\"SDd7lrzDf\"].includes(baseVariant))return false;return true;};const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-r2hZm\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsx(Transition,{value:transition,children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-1jwyhhf\",className),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"f2jpJNJ68\",ref:ref,style:{backgroundColor:\"var(--token-37b250aa-197c-44ca-887d-4156f226caf6, rgb(251, 251, 251))\",...style},...addPropertyOverrides({PkVvhmpeY:{\"data-framer-name\":\"Phone Open\"},SDd7lrzDf:{\"data-framer-name\":\"Phone\"},Xf4NIUa_S:{\"data-framer-name\":\"Tablet\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-r1q7yb\",\"data-framer-name\":\"Title and Icon\",layoutDependency:layoutDependency,layoutId:\"jWesaCd5A\",children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h2,{style:{\"--font-selector\":\"R0Y7T3BlbiBTYW5zLXJlZ3VsYXI=\",\"--framer-font-family\":'\"Open Sans\", \"Open Sans Placeholder\", sans-serif',\"--framer-font-size\":\"28px\",\"--framer-letter-spacing\":\"1px\",\"--framer-line-height\":\"2em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-48e3cff8-4944-484d-8e69-0f6ba678fcb1, rgb(18, 18, 18)))\"},children:/*#__PURE__*/ _jsx(Link,{href:{webPageId:\"augiA20Il\"},openInNewTab:false,smoothScroll:false,children:/*#__PURE__*/ _jsx(motion.a,{className:\"framer-styles-preset-sk7utl\",\"data-styles-preset\":\"I7Kgunm6o\",children:\"Jim Perkins\"})})})}),className:\"framer-76r7ae\",fonts:[\"GF;Open Sans-regular\"],layoutDependency:layoutDependency,layoutId:\"NRcUYdj73\",style:{\"--extracted-1of0zx5\":\"var(--token-48e3cff8-4944-484d-8e69-0f6ba678fcb1, rgb(18, 18, 18))\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:true}),isDisplayed()&&/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-2318ty\",\"data-framer-name\":\"Icon\",layoutDependency:layoutDependency,layoutId:\"UMUZrmuT5\",...addPropertyOverrides({PkVvhmpeY:{\"data-highlight\":true,onTap:onTappno6fx},SDd7lrzDf:{\"data-highlight\":true,onTap:onTap1hej0xq}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-s3b1y5\",\"data-framer-name\":\"Bottom\",layoutDependency:layoutDependency,layoutId:\"z40Act3AC\",style:{backgroundColor:\"rgb(153, 153, 153)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,rotate:0},variants:{PkVvhmpeY:{rotate:-45}}}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1p4yl38\",\"data-framer-name\":\"Mid\",layoutDependency:layoutDependency,layoutId:\"EhfHO_tVK\",style:{backgroundColor:\"rgb(153, 153, 153)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-u4tgwl\",\"data-framer-name\":\"Top\",layoutDependency:layoutDependency,layoutId:\"jWTOvRvtY\",style:{backgroundColor:\"rgb(153, 153, 153)\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10,rotate:0},variants:{PkVvhmpeY:{rotate:45}}})]})]}),isDisplayed1()&&/*#__PURE__*/ _jsx(motion.div,{className:\"framer-lbud59-container\",layoutDependency:layoutDependency,layoutId:\"LDssdsMQy-container\",children:/*#__PURE__*/ _jsx(NavItem,{CoLti82Jx:\"Releases\",height:\"100%\",huPvLh33l:resolveLink({hash:\":eU5BaG9hV\",webPageId:\"augiA20Il\"},router),id:\"LDssdsMQy\",layoutId:\"LDssdsMQy\",variant:\"SrUsLvJev\",width:\"100%\"})}),isDisplayed1()&&/*#__PURE__*/ _jsx(motion.div,{className:\"framer-ffpit3-container\",layoutDependency:layoutDependency,layoutId:\"UXx_NKg_s-container\",children:/*#__PURE__*/ _jsx(NavItem,{CoLti82Jx:\"Store\",height:\"100%\",huPvLh33l:\"https://jimperkins.bandcamp.com/music\",id:\"UXx_NKg_s\",layoutId:\"UXx_NKg_s\",variant:\"y17QYMkSx\",width:\"100%\"})}),isDisplayed1()&&/*#__PURE__*/ _jsx(motion.div,{className:\"framer-kfcmdu-container\",layoutDependency:layoutDependency,layoutId:\"gFx_xZuTu-container\",children:/*#__PURE__*/ _jsx(NavItem,{CoLti82Jx:\"About\",height:\"100%\",huPvLh33l:resolveLink({hash:\":InsjHVg7P\",webPageId:\"augiA20Il\"},router),id:\"gFx_xZuTu\",layoutId:\"gFx_xZuTu\",variant:\"SrUsLvJev\",width:\"100%\"})}),isDisplayed1()&&/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1f45gt1-container\",layoutDependency:layoutDependency,layoutId:\"a2Cm1QV6o-container\",children:/*#__PURE__*/ _jsx(NavItem,{CoLti82Jx:\"Contact\",height:\"100%\",huPvLh33l:resolveLink({hash:\":bfsx5qUmM\",webPageId:\"augiA20Il\"},router),id:\"a2Cm1QV6o\",layoutId:\"a2Cm1QV6o\",variant:\"SrUsLvJev\",width:\"100%\"})}),isDisplayed2()&&/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-1gtbcar\",\"data-framer-name\":\"Socials\",layoutDependency:layoutDependency,layoutId:\"G4uHSGoam\",children:[/*#__PURE__*/ _jsx(motion.div,{className:\"framer-4zc7s8-container\",layoutDependency:layoutDependency,layoutId:\"OcDCi7Ec3-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"instagram\",id:\"OcDCi7Ec3\",layoutId:\"OcDCi7Ec3\",link:\"https://www.instagram.com/jim_perkins_\",width:\"100%\"})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1obha8v-container\",layoutDependency:layoutDependency,layoutId:\"sQOqfOXO8-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"twitter\",id:\"sQOqfOXO8\",layoutId:\"sQOqfOXO8\",link:\"https://twitter.com/jim_perkins_\",width:\"100%\"})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1u9463u-container\",layoutDependency:layoutDependency,layoutId:\"r21Nf8UuZ-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"facebook\",id:\"r21Nf8UuZ\",layoutId:\"r21Nf8UuZ\",link:\"https://www.facebook.com/JimPerkinsComposer/\",width:\"100%\"})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-6p4djd-container\",layoutDependency:layoutDependency,layoutId:\"t5aR3xeUS-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"spotify\",id:\"t5aR3xeUS\",layoutId:\"t5aR3xeUS\",link:\"https://open.spotify.com/artist/6ihM9B0SRS5Xcvsw03Y1Vi\",width:\"100%\"})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1l5k35g-container\",layoutDependency:layoutDependency,layoutId:\"KywyxSdpR-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"apple\",id:\"KywyxSdpR\",layoutId:\"KywyxSdpR\",link:\"https://music.apple.com/gb/artist/jim-perkins/1053576339\",width:\"100%\"})}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-hqxoqv-container\",layoutDependency:layoutDependency,layoutId:\"wOWEYMmMU-container\",children:/*#__PURE__*/ _jsx(SocialIcon,{height:\"100%\",icon:\"deezer\",id:\"wOWEYMmMU\",layoutId:\"wOWEYMmMU\",link:\"https://www.deezer.com/en/artist/1019643\",width:\"100%\"})})]})]})})})});});const css=['.framer-r2hZm [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; }',\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-r2hZm .framer-agn6ii { display: block; }\",\".framer-r2hZm .framer-1jwyhhf { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: 80px; justify-content: center; padding: 24px 24px 24px 24px; position: relative; width: 1200px; }\",\".framer-r2hZm .framer-r1q7yb { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; height: 32px; justify-content: space-between; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-r2hZm .framer-76r7ae { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\",\".framer-r2hZm .framer-2318ty { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 32px); overflow: hidden; position: relative; width: 32px; }\",\".framer-r2hZm .framer-s3b1y5 { bottom: 7px; flex: none; height: 2px; left: calc(50.00000000000002% - 24px / 2); overflow: hidden; position: absolute; width: 24px; will-change: var(--framer-will-change-override, transform); }\",\".framer-r2hZm .framer-1p4yl38 { flex: none; height: 2px; left: calc(50.00000000000002% - 24px / 2); overflow: hidden; position: absolute; top: calc(50.00000000000002% - 2px / 2); width: 24px; will-change: var(--framer-will-change-override, transform); }\",\".framer-r2hZm .framer-u4tgwl { flex: none; height: 2px; left: calc(50.00000000000002% - 24px / 2); overflow: hidden; position: absolute; top: 7px; width: 24px; will-change: var(--framer-will-change-override, transform); }\",\".framer-r2hZm .framer-lbud59-container, .framer-r2hZm .framer-ffpit3-container, .framer-r2hZm .framer-kfcmdu-container, .framer-r2hZm .framer-1f45gt1-container, .framer-r2hZm .framer-4zc7s8-container, .framer-r2hZm .framer-1obha8v-container, .framer-r2hZm .framer-1u9463u-container, .framer-r2hZm .framer-6p4djd-container, .framer-r2hZm .framer-1l5k35g-container, .framer-r2hZm .framer-hqxoqv-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-r2hZm .framer-1gtbcar { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-r2hZm .framer-1jwyhhf, .framer-r2hZm .framer-1gtbcar { gap: 0px; } .framer-r2hZm .framer-1jwyhhf > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } .framer-r2hZm .framer-1jwyhhf > :first-child, .framer-r2hZm .framer-1gtbcar > :first-child { margin-left: 0px; } .framer-r2hZm .framer-1jwyhhf > :last-child, .framer-r2hZm .framer-1gtbcar > :last-child { margin-right: 0px; } .framer-r2hZm .framer-1gtbcar > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } }\",\".framer-r2hZm.framer-v-loagbb .framer-1jwyhhf { width: 810px; }\",\".framer-r2hZm.framer-v-zeitzv .framer-1jwyhhf { width: 390px; }\",\".framer-r2hZm.framer-v-zeitzv .framer-2318ty, .framer-r2hZm.framer-v-v9wr5r .framer-2318ty { cursor: pointer; }\",\".framer-r2hZm.framer-v-v9wr5r .framer-1jwyhhf { flex-direction: column; height: min-content; padding: 24px 24px 60px 24px; width: 390px; }\",\".framer-r2hZm.framer-v-v9wr5r .framer-r1q7yb { flex: none; width: 100%; }\",\".framer-r2hZm.framer-v-v9wr5r .framer-s3b1y5 { bottom: 15px; }\",\".framer-r2hZm.framer-v-v9wr5r .framer-1p4yl38 { left: calc(50.00000000000002% - 2px / 2); width: 2px; }\",\".framer-r2hZm.framer-v-v9wr5r .framer-u4tgwl { top: 15px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-r2hZm.framer-v-v9wr5r .framer-1jwyhhf { gap: 0px; } .framer-r2hZm.framer-v-v9wr5r .framer-1jwyhhf > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-r2hZm.framer-v-v9wr5r .framer-1jwyhhf > :first-child { margin-top: 0px; } .framer-r2hZm.framer-v-v9wr5r .framer-1jwyhhf > :last-child { margin-bottom: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 80\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"Xf4NIUa_S\":{\"layout\":[\"fixed\",\"fixed\"]},\"SDd7lrzDf\":{\"layout\":[\"fixed\",\"fixed\"]},\"PkVvhmpeY\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables false\n */ const FramerQDDh0W7w2=withCSS(Component,css,\"framer-r2hZm\");export default FramerQDDh0W7w2;FramerQDDh0W7w2.displayName=\"Navbar\";FramerQDDh0W7w2.defaultProps={height:80,width:1200};addPropertyControls(FramerQDDh0W7w2,{variant:{options:[\"f2jpJNJ68\",\"Xf4NIUa_S\",\"SDd7lrzDf\",\"PkVvhmpeY\"],optionTitles:[\"Desktop\",\"Tablet\",\"Phone\",\"Phone Open\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerQDDh0W7w2,[{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/QDDh0W7w2:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\",weight:\"400\"},...NavItemFonts,...SocialIconFonts,...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerQDDh0W7w2\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"Xf4NIUa_S\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"SDd7lrzDf\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PkVvhmpeY\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1200\",\"framerIntrinsicHeight\":\"80\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./QDDh0W7w2.map", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Open Sans-regular\",\"Inter-Bold\",\"Inter-BoldItalic\",\"Inter-Italic\"]);export const fonts=[{family:\"Open Sans\",moduleAsset:{localModuleIdentifier:\"local-module:css/DPVsSRGLQ:default\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/opensans/v36/memSYaGs126MiZpBA-UvWbX2vVnXBbObj2OVZyOOSr4dVJWUgsjZ0C4nY1M2xLER.ttf\",weight:\"400\"}];export const css=['.framer-2ay04 .framer-styles-preset-rj6gla:not(.rich-text-wrapper), .framer-2ay04 .framer-styles-preset-rj6gla.rich-text-wrapper p { --framer-font-family: \"Open Sans\", \"Open Sans Placeholder\", sans-serif; --framer-font-family-bold: \"Inter-Bold\", \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter-BoldItalic\", \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter-Italic\", \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 2em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-1c6827f4-1876-4a57-b2ef-b5d58f47f67e, #4b4b4b); --framer-text-decoration: none; --framer-text-transform: none; }'];export const className=\"framer-2ay04\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (c90df04)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import*as sharedStyle from\"https://framerusercontent.com/modules/nrxccb7RrSIveHRnpLf5/OJZJqKQ1cEj89tml1y03/DPVsSRGLQ.js\";const serializationHash=\"framer-yUEB9\";const variantClassNames={EDbzz3j84:\"framer-v-3nv097\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const getProps=({height,id,text,width,...props})=>{var _ref;return{...props,CUZ2jagbL:(_ref=text!==null&&text!==void 0?text:props.CUZ2jagbL)!==null&&_ref!==void 0?_ref:\"\\xa9 2024. Jim Perkins. All Rights Reserved.\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,CUZ2jagbL,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({defaultVariant:\"EDbzz3j84\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[sharedStyle.className];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.footer,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-3nv097\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"EDbzz3j84\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1g1awx7\",\"data-framer-name\":\"Footer Container\",layoutDependency:layoutDependency,layoutId:\"HIiL7HKQa\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-rj6gla\",\"data-styles-preset\":\"DPVsSRGLQ\",style:{\"--framer-text-alignment\":\"center\"},children:\"\\xa9 2023. Jim Perkins. All Rights Reserved.\"})}),className:\"framer-s5gzvz\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"SMD0yPx2G\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:CUZ2jagbL,verticalAlignment:\"top\",withExternalLayout:true})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-yUEB9.framer-ryfhoe, .framer-yUEB9 .framer-ryfhoe { display: block; }\",\".framer-yUEB9.framer-3nv097 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 16px; position: relative; width: 1200px; }\",\".framer-yUEB9 .framer-1g1awx7 { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-yUEB9 .framer-s5gzvz { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yUEB9.framer-3nv097, .framer-yUEB9 .framer-1g1awx7 { gap: 0px; } .framer-yUEB9.framer-3nv097 > *, .framer-yUEB9 .framer-1g1awx7 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-yUEB9.framer-3nv097 > :first-child, .framer-yUEB9 .framer-1g1awx7 > :first-child { margin-left: 0px; } .framer-yUEB9.framer-3nv097 > :last-child, .framer-yUEB9 .framer-1g1awx7 > :last-child { margin-right: 0px; } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 60\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"CUZ2jagbL\":\"text\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const Framerslvr21r50=withCSS(Component,css,\"framer-yUEB9\");export default Framerslvr21r50;Framerslvr21r50.displayName=\"Footer\";Framerslvr21r50.defaultProps={height:60,width:1200};addPropertyControls(Framerslvr21r50,{CUZ2jagbL:{defaultValue:\"\\xa9 2024. Jim Perkins. All Rights Reserved.\",displayTextArea:false,title:\"Text\",type:ControlType.String}});addFonts(Framerslvr21r50,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerslvr21r50\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerVariables\":\"{\\\"CUZ2jagbL\\\":\\\"text\\\"}\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerDisplayContentsDiv\":\"false\",\"framerIntrinsicWidth\":\"1200\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"60\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./slvr21r50.map", "var t,e,r,n=Object.create,i=Object.defineProperty,s=Object.getOwnPropertyDescriptor,a=Object.getOwnPropertyNames,o=Object.getPrototypeOf,u=Object.prototype.hasOwnProperty,l=(t,e)=>function(){return e||(0,t[a(t)[0]])((e={exports:{}}).exports,e),e.exports;},h=(t,e,r,n)=>{if(e&&\"object\"==typeof e||\"function\"==typeof e)for(let o of a(e))u.call(t,o)||o===r||i(t,o,{get:()=>e[o],enumerable:!(n=s(e,o))||n.enumerable});return t;},f=(t,e,r)=>(r=null!=t?n(o(t)):{},h(// If the importer is in node compatibility mode or this is not an ESM\n // file that has been converted to a CommonJS file using a Babel-\n // compatible transform (i.e. \"__esModule\" has not been set), then set\n // \"default\" to the CommonJS \"module.exports\" for node compatibility.\n !e&&t&&t.__esModule?r:i(r,\"default\",{value:t,enumerable:!0}),t)),c=l({\"../../../node_modules/dataloader/index.js\"(t,e){var r,n=/* @__PURE__ */function(){function t(t,e){if(\"function\"!=typeof t)throw TypeError(\"DataLoader must be constructed with a function which accepts Array