{"version":3,"file":"LoadingIndicator.Hbm3aQLP.mjs","names":["Logo"],"sources":["https:/framerusercontent.com/modules/s0yxQ1xXjLfV11uvXnHn/yVNaCqEm6F5sQuVvSXGC/LoadingIndicator.js"],"sourcesContent":["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import styled,{keyframes}from\"styled-components\";import{Frame,addPropertyControls,ControlType}from\"framer\";import Logo from\"https://framerusercontent.com/modules/q2YBiUz7jrD5g1CS5UJ7/7nWcx331qvrxuEscG9r8/wLO3M4uaE.js\";const dots=keyframes`\n  33% {\n    background-size: calc(100%/3) 0%, calc(100%/3) 100%, calc(100%/3) 100%;\n  }\n  50% {\n    background-size: calc(100%/3) 100%, calc(100%/3) 0%, calc(100%/3) 100%;\n  }\n  66% {\n    background-size: calc(100%/3) 100%, calc(100%/3) 100%, calc(100%/3) 0%;\n  }\n`;const pulse=keyframes`\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n`;const Container=styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  flex-direction: column;\n  width: 100%;\n  height: 100%;\n`;const AnimateDots=styled.div`\n  width: 50px;\n  height: 10px;\n  background: radial-gradient(circle closest-side, ${props=>props.color} 90%, #0000) 0% 50%,\n              radial-gradient(circle closest-side, ${props=>props.color} 90%, #0000) 50% 50%,\n              radial-gradient(circle closest-side, ${props=>props.color} 90%, #0000) 100% 50%;\n  background-size: calc(100%/3) 100%;\n  background-repeat: no-repeat;\n  animation: ${dots} 1.2s infinite linear;\n`;const AnimatePulse=styled.div`\n  animation: ${pulse} 1.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;\n`;export default function LoadingIndicator(props){return /*#__PURE__*/_jsx(Frame,{background:\"transparent\",size:\"100%\",children:/*#__PURE__*/_jsxs(Container,{children:[/*#__PURE__*/_jsx(Logo,{}),/*#__PURE__*/_jsx(AnimatePulse,{children:/*#__PURE__*/_jsx(AnimateDots,{color:props.color})})]})});}addPropertyControls(LoadingIndicator,{color:{type:ControlType.Color,title:\"Color\",defaultValue:\"#00dbaf\"}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"LoadingIndicator\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"sYAmCiB,SAAS,EAAiB,EAAM,CAAC,MAAoB,GAAK,EAAM,CAAC,WAAW,cAAc,KAAK,OAAO,SAAsB,EAAM,EAAU,CAAC,SAAS,CAAc,EAAKA,EAAK,CAAE,EAAC,CAAc,EAAK,EAAa,CAAC,SAAsB,EAAK,EAAY,CAAC,MAAM,EAAM,KAAM,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,AAAC,EAAC,AAAE,wBAAA,AAnCvS,GAAyD,IAAiD,IAA0D,IAA+G,CAAM,EAAK,EAAU;;;;;;;;;;EAUhS,EAAM,EAAU;;;;;;;EAOhB,EAAU,EAAO,IAAI;;;;;;;EAOrB,EAAY,EAAO,IAAI;;;qDAGsB,GAAO,EAAM,MAAM;qDACnB,GAAO,EAAM,MAAM;qDACnB,GAAO,EAAM,MAAM;;;eAGzD,EAAK;EACZ,EAAa,EAAO,IAAI;eACjB,EAAM;EACkR,EAAoB,EAAiB,CAAC,MAAM,CAAC,KAAK,EAAY,MAAM,MAAM,QAAQ,aAAa,SAAU,CAAC,EAAC"}