{"version":3,"file":"GradientBorderAnimated.Dohey7iU.mjs","names":[],"sources":["https:/framerusercontent.com/modules/yjMQhfBmYs4NpJ7KWBYK/T9JvikLViOOJlW8znHf0/GradientBorderAnimated.js"],"sourcesContent":["import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{Frame}from\"framer\";const GRADIENT=`linear-gradient(\n    -90deg,\n    #fab000,\n    #ff5996,\n    #7c51f4,\n    #7c51f4,\n    #ff5996,\n    #fab000\n)`;const ANIMATION_NAME=\"crosslistGradientDrift\";const STYLE_ID=\"crosslistGradientBorderKeyframes\";const KEYFRAMES=`\n@keyframes ${ANIMATION_NAME} {\n  0%   { background-position:   0% 50%; }\n  50%  { background-position: 100% 50%; }\n  100% { background-position:   0% 50%; }\n}\n`;export default function GradientBorderAnimated(props){React.useEffect(()=>{if(typeof document===\"undefined\")return;if(document.getElementById(STYLE_ID))return;const style=document.createElement(\"style\");style.id=STYLE_ID;style.textContent=KEYFRAMES;document.head.appendChild(style);},[]);return /*#__PURE__*/_jsx(Frame,{...props,style:{...props.style,backgroundImage:GRADIENT,backgroundSize:\"400% 400%\",animationName:ANIMATION_NAME,animationDuration:\"16s\",animationTimingFunction:\"linear\",animationIterationCount:\"infinite\"}});}\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"GradientBorderAnimated\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./GradientBorderAnimated.map"],"mappings":"oKAcE,SAAwB,EAAuB,EAAM,CAA2O,OAA1O,MAAoB,CAAyC,GAArC,OAAO,SAAW,KAAsB,SAAS,eAAe,EAAS,CAAC,OAAO,IAAM,EAAM,SAAS,cAAc,QAAQ,CAAC,EAAM,GAAG,EAAS,EAAM,YAAY,EAAU,SAAS,KAAK,YAAY,EAAM,EAAG,EAAE,CAAC,CAAqB,EAAK,EAAM,CAAC,GAAG,EAAM,MAAM,CAAC,GAAG,EAAM,MAAM,gBAAgB,EAAS,eAAe,YAAY,cAAc,EAAe,kBAAkB,MAAM,wBAAwB,SAAS,wBAAwB,WAAW,CAAC,CAAC,0BAdre,IAA4B,IAA0B,CAAM,EAAS;;;;;;;;GAQvG,EAAe,yBAA+B,EAAS,mCAAyC,EAAU;aACtG,EAAe"}