{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/qWQZaF1240bDk9EJi5e1/b2TAVcaLWYbQ3kL4dBQj/EllipseAnimation.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs,Fragment as _Fragment}from\"react/jsx-runtime\";export default function EllipseAnimation(props){const getStyles=()=>`\n        .sync-cycles {\n        height: 940px;\n      }\n\n      .sync-cycles-circles {\n        width: 100%;\n        height: 100%;\n        position: absolute;\n        opacity: 0.32;\n        bottom: 115px;\n      }\n\n      .sync-cycles-circles div:before {\n        background: rgba(226, 232, 255, 0.3);\n        border-radius: inherit;\n        content: \"\";\n        inset: 0;\n        -webkit-mask:\n          linear-gradient(#fff 0 0) content-box,\n          linear-gradient(#fff 0 0);\n        mask:\n          linear-gradient(#fff 0 0) content-box,\n          linear-gradient(#fff 0 0);\n        mask-composite: xor;\n        -webkit-mask-composite: xor;\n        mask-composite: exclude;\n        padding: 1px;\n        pointer-events: none;\n        position: absolute;\n      }\n\n      .sync-cycles-circles-gradient div:before {\n        background: conic-gradient(\n          rgba(109, 46, 255, 0) 6.7%,\n          rgba(255, 255, 255, .6) 40.8%,\n          rgba(255, 255, 255, .6) 40.8%,\n          rgba(255, 255, 255, .6)  46%,\n          rgba(0, 0, 0, .6) 34.9%\n        );\n      }\n\n      .sync-cycles-circles div {\n        position: absolute;\n        border-radius: 50%;\n      }\n\n      .sync-cycles-circles div:nth-child(1) {\n        width: 396px;\n        height: 396px;\n        top: calc(50% - 198px);\n        left: calc(50% - 198px);\n        transform: rotate(0);\n      }\n\n      .sync-cycles-circles div:nth-child(2) {\n        width: 428px;\n        height: 428px;\n        top: calc(50% - 214px);\n        left: calc(50% - 214px);\n        transform: rotate(-18deg);\n      }\n\n      .sync-cycles-circles div:nth-child(3) {\n        width: 460px;\n        height: 460px;\n        top: calc(50% - 230px);\n        left: calc(50% - 230px);\n        transform: rotate(-35deg);\n      }\n\n      .sync-cycles-circles div:nth-child(4) {\n        width: 492px;\n        height: 492px;\n        top: calc(50% - 246px);\n        left: calc(50% - 246px);\n        transform: rotate(-52deg);\n      }\n\n      .sync-cycles-circles div:nth-child(5) {\n        width: 524px;\n        height: 524px;\n        top: calc(50% - 262px);\n        left: calc(50% - 262px);\n        transform: rotate(-68deg);\n      }\n\n      .sync-cycles-circles div:nth-child(6) {\n        width: 556px;\n        height: 556px;\n        top: calc(50% - 278px);\n        left: calc(50% - 278px);\n        transform: rotate(-84deg);\n      }\n\n      .sync-cycles-circles div:nth-child(7) {\n        width: 588px;\n        height: 588px;\n        top: calc(50% - 294px);\n        left: calc(50% - 294px);\n        transform: rotate(-99deg);\n      }\n\n      .sync-cycles-circles div:nth-child(8) {\n        width: 620px;\n        height: 620px;\n        top: calc(50% - 310px);\n        left: calc(50% - 310px);\n        transform: rotate(-115deg);\n      }\n\n      .sync-cycles-circles div:nth-child(9) {\n        width: 652px;\n        height: 652px;\n        top: calc(50% - 326px);\n        left: calc(50% - 326px);\n        transform: rotate(-131deg);\n      }\n\n      .sync-cycles-circles div:nth-child(10) {\n        width: 684px;\n        height: 684px;\n        top: calc(50% - 342px);\n        left: calc(50% - 342px);\n        transform: rotate(-146deg);\n      }\n\n      .sync-cycles-circles div:nth-child(11) {\n        width: 716px;\n        height: 716px;\n        top: calc(50% - 358px);\n        left: calc(50% - 358px);\n        transform: rotate(-161deg);\n      }\n\n      .sync-cycles-circles div:nth-child(12) {\n        width: 748px;\n        height: 748px;\n        top: calc(50% - 374px);\n        left: calc(50% - 374px);\n        transform: rotate(-176deg);\n      }\n\n      .sync-cycles-circles div:nth-child(13) {\n        width: 780px;\n        height: 780px;\n        top: calc(50% - 390px);\n        left: calc(50% - 390px);\n        transform: rotate(-191deg);\n      }\n\n      .sync-cycles-circles div:nth-child(14) {\n        width: 812px;\n        height: 812px;\n        top: calc(50% - 406px);\n        left: calc(50% - 406px);\n        transform: rotate(-216deg);\n      }\n\n      @keyframes sync-cycles-circles {\n        0% {\n          opacity: 0.32;\n          transform: translateZ(0) rotate(0);\n        }\n\n        50% {\n          opacity: 1;\n          transform: translateZ(0) rotate(0.5turn);\n        }\n\n        to {\n          opacity: 0.32;\n          transform: translateZ(0) rotate(1turn);\n        }\n      }\n\n      @keyframes sync-cycles-brands {\n        to {\n          transform: translateZ(0) rotate(-1turn);\n        }\n      }\n\n      @media (min-width: 996px) {\n        .sync-cycles-circles-gradient {\n          animation: sync-cycles-circles 10s linear infinite;\n        }\n      }\n\n      @media (max-width: 996px) {\n        .sync-cycles {\n          height: 246px;\n        }\n      }\n    `;return /*#__PURE__*/_jsxs(_Fragment,{children:[/*#__PURE__*/_jsx(\"style\",{dangerouslySetInnerHTML:{__html:getStyles()}}),/*#__PURE__*/_jsx(\"div\",{children:/*#__PURE__*/_jsxs(\"div\",{className:\"sync-cycles\",children:[/*#__PURE__*/_jsxs(\"div\",{className:\"sync-cycles-circles sync-cycles-circles-gradient\",children:[/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{})]}),/*#__PURE__*/_jsxs(\"div\",{className:\"sync-cycles-circles\",children:[/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{}),/*#__PURE__*/_jsx(\"div\",{})]})]})})]});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"EllipseAnimation\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./EllipseAnimation.map"],
  "mappings": "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",
  "names": ["init_ssg_sandbox_shims", "EllipseAnimation", "props", "u", "l", "p"]
}