const{Fragment:l,jsx:n,jsxs:e}=arguments[0];function _createMdxContent(F){const r={a:"a",code:"code",figure:"figure",h2:"h2",p:"p",pre:"pre",span:"span",...F.components},{ComponentDemo:c,ComponentSource:s,Step:a,Steps:o,Tabs:i,TabsContent:d,TabsList:t,TabsTrigger:h}=r;return c||_missingMdxReference("ComponentDemo",!0),s||_missingMdxReference("ComponentSource",!0),a||_missingMdxReference("Step",!0),o||_missingMdxReference("Steps",!0),i||_missingMdxReference("Tabs",!0),d||_missingMdxReference("TabsContent",!0),t||_missingMdxReference("TabsList",!0),h||_missingMdxReference("TabsTrigger",!0),e(l,{children:[e(c,{name:"demos/motion/demo-orbiting-circles",children:[n(r.figure,{__src__:"registry/default/demos/motion/demo-orbiting-circles.tsx","data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout",children:e(r.code,{"data-language":"tsx","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:[e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" clx "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/lib/utils/clx/clx-merge"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" STYLES "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/components/ui/_shared"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" OrbitingCircles "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/components/ui/orbiting-circles"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"type"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:" ="}),n(r.span,{style:{color:"#FFF"},children:" any"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" DemoBGCard "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF"},children:" clx"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"div"}),n(r.span,{style:{color:"#FFF8"},children:"("}),n(r.span,{style:{color:"#FFF"},children:"STYLES"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"DEMO_CARD"}),n(r.span,{style:{color:"#FFF8"},children:");"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" DemoBGTitle "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF"},children:" clx"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"p"}),n(r.span,{style:{color:"#FFF8"},children:"("}),n(r.span,{style:{color:"#FFF"},children:"STYLES"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"DEMO_TITLE"}),n(r.span,{style:{color:"#FFF8"},children:");"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"export"}),n(r.span,{style:{color:"#FFF8"},children:" function"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" OrbitingCirclesDemo"}),n(r.span,{style:{color:"#FFF8"},children:"()"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" return"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"DemoBGCard className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[500px]"'}),n(r.span,{style:{color:"#FFF8"},children:">"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"DemoBGTitle"}),n(r.span,{style:{color:"#FFF8"},children:">"}),n(r.span,{style:{color:"#FFF"},children:"Circles"}),n(r.span,{style:{color:"#FFF8"},children:""})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF8"},children:"/*"}),n(r.span,{style:{color:"#FFF4"},children:" Inner Circles "}),n(r.span,{style:{color:"#FFF8"},children:"*/"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[30px] w-[30px] border-none bg-transparent"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={80}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.whatsapp "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[30px] w-[30px] border-none bg-transparent"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={10}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={80}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.notion "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF8"},children:"/*"}),n(r.span,{style:{color:"#FFF4"},children:" Outer Circles (reverse) "}),n(r.span,{style:{color:"#FFF8"},children:"*/"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[50px] w-[50px] border-none bg-transparent"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF"},children:" reverse"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={190}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.googleDrive "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[50px] w-[50px] border-none bg-transparent"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF"},children:" reverse"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={190}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.gitHub "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" );"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"}"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" Icons "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" gitHub"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 438.549 438.549"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"currentColor"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" notion"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" width"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" height"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 100 100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"none"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M6.017 4.313l55.333 -4.087c6.797 -0.583 8.543 -0.19 12.817 2.917l17.663 12.443c2.913 2.14 3.883 2.723 3.883 5.053v68.243c0 4.277 -1.553 6.807 -6.99 7.193L24.467 99.967c-4.08 0.193 -6.023 -0.39 -8.16 -3.113L3.3 79.94c-2.333 -3.113 -3.3 -5.443 -3.3 -8.167V11.113c0 -3.497 1.553 -6.413 6.017 -6.8z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fillRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" clipRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M61.35 0.227l-55.333 4.087C1.553 4.7 0 7.617 0 11.113v60.66c0 2.723 0.967 5.053 3.3 8.167l13.007 16.913c2.137 2.723 4.08 3.307 8.16 3.113l64.257 -3.89c5.433 -0.387 6.99 -2.917 6.99 -7.193V20.64c0 -2.21 -0.873 -2.847 -3.443 -4.733L74.167 3.143c-4.273 -3.107 -6.02 -3.5 -12.817 -2.917zM25.92 19.523c-5.247 0.353 -6.437 0.433 -9.417 -1.99L8.927 11.507c-0.77 -0.78 -0.383 -1.753 1.557 -1.947l53.193 -3.887c4.467 -0.39 6.793 1.167 8.54 2.527l9.123 6.61c0.39 0.197 1.36 1.36 0.193 1.36l-54.933 3.307 -0.68 0.047zM19.803 88.3V30.367c0 -2.53 0.777 -3.697 3.103 -3.893L86 22.78c2.14 -0.193 3.107 1.167 3.107 3.693v57.547c0 2.53 -0.39 4.67 -3.883 4.863l-60.377 3.5c-3.493 0.193 -5.043 -0.97 -5.043 -4.083zm59.6 -54.827c0.387 1.75 0 3.5 -1.75 3.7l-2.91 0.577v42.773c-2.527 1.36 -4.853 2.137 -6.797 2.137 -3.107 0 -3.883 -0.973 -6.21 -3.887l-19.03 -29.94v28.967l6.02 1.363s0 3.5 -4.857 3.5l-13.39 0.777c-0.39 -0.78 0 -2.723 1.357 -3.11l3.497 -0.97v-38.3L30.48 40.667c-0.39 -1.75 0.58 -4.277 3.3 -4.473l14.367 -0.967 19.8 30.327v-26.83l-5.047 -0.58c-0.39 -2.143 1.163 -3.7 3.103 -3.89l13.4 -0.78z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#000"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" openai"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg role"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"img"'}),n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 24 24"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" googleDrive"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 87.3 78"'}),n(r.span,{style:{color:"#FFF"},children:" xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#0066da"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#00ac47"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#ea4335"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#00832d"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#2684fc"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#ffba00"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" whatsapp"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'}),n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 175.216 175.552"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"defs"}),n(r.span,{style:{color:"#FFF8"},children:">"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"linearGradient"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" id"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"b"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x1"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"85.915"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x2"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"86.535"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y1"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"32.567"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y2"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"137.092"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" gradientUnits"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"userSpaceOnUse"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"stop offset"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0"'}),n(r.span,{style:{color:"#FFF"},children:" stopColor"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#57d163"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"stop offset"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1"'}),n(r.span,{style:{color:"#FFF"},children:" stopColor"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#23b33a"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"filter"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" id"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"a"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" width"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1.115"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" height"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1.114"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"-.057"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"-.057"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" colorInterpolationFilters"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"sRGB"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"feGaussianBlur stdDeviation"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"3.531"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#b3b3b3"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" filter"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#a)"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#linearGradient1780)"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#b)"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fillRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"};"})})]})})}),n(r.figure,{__src__:"registry/default/demos/motion/demo-orbiting-circles.tsx","data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout",children:e(r.code,{"data-language":"tsx","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:[e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" clx "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/lib/utils/clx/clx-merge"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" STYLES "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/components/ui/_shared"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" OrbitingCircles "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/components/ui/orbiting-circles"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"type"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:" ="}),n(r.span,{style:{color:"#FFF"},children:" any"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" DemoBGCard "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF"},children:" clx"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"div"}),n(r.span,{style:{color:"#FFF8"},children:"("}),n(r.span,{style:{color:"#FFF"},children:"STYLES"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"DEMO_CARD"}),n(r.span,{style:{color:"#FFF8"},children:");"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" DemoBGTitle "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF"},children:" clx"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"p"}),n(r.span,{style:{color:"#FFF8"},children:"("}),n(r.span,{style:{color:"#FFF"},children:"STYLES"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"DEMO_TITLE"}),n(r.span,{style:{color:"#FFF8"},children:");"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"export"}),n(r.span,{style:{color:"#FFF8"},children:" function"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" OrbitingCirclesDemo"}),n(r.span,{style:{color:"#FFF8"},children:"()"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" return"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"DemoBGCard className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[500px]"'}),n(r.span,{style:{color:"#FFF8"},children:">"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"DemoBGTitle"}),n(r.span,{style:{color:"#FFF8"},children:">"}),n(r.span,{style:{color:"#FFF"},children:"Circles"}),n(r.span,{style:{color:"#FFF8"},children:""})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF8"},children:"/*"}),n(r.span,{style:{color:"#FFF4"},children:" Inner Circles "}),n(r.span,{style:{color:"#FFF8"},children:"*/"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[30px] w-[30px] border-none bg-transparent"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={80}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.whatsapp "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[30px] w-[30px] border-none bg-transparent"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={10}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={80}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.notion "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF8"},children:"/*"}),n(r.span,{style:{color:"#FFF4"},children:" Outer Circles (reverse) "}),n(r.span,{style:{color:"#FFF8"},children:"*/"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[50px] w-[50px] border-none bg-transparent"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF"},children:" reverse"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={190}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.googleDrive "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"OrbitingCircles"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"h-[50px] w-[50px] border-none bg-transparent"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF"},children:" reverse"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"={190}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"={20}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"Icons.gitHub "}),n(r.span,{style:{color:"#FFF8"},children:"/>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" );"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"}"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"const"}),n(r.span,{style:{color:"#FFF"},children:" Icons "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" gitHub"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 438.549 438.549"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"currentColor"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M409.132 114.573c-19.608-33.596-46.205-60.194-79.798-79.8-33.598-19.607-70.277-29.408-110.063-29.408-39.781 0-76.472 9.804-110.063 29.408-33.596 19.605-60.192 46.204-79.8 79.8C9.803 148.168 0 184.854 0 224.63c0 47.78 13.94 90.745 41.827 128.906 27.884 38.164 63.906 64.572 108.063 79.227 5.14.954 8.945.283 11.419-1.996 2.475-2.282 3.711-5.14 3.711-8.562 0-.571-.049-5.708-.144-15.417a2549.81 2549.81 0 01-.144-25.406l-6.567 1.136c-4.187.767-9.469 1.092-15.846 1-6.374-.089-12.991-.757-19.842-1.999-6.854-1.231-13.229-4.086-19.13-8.559-5.898-4.473-10.085-10.328-12.56-17.556l-2.855-6.57c-1.903-4.374-4.899-9.233-8.992-14.559-4.093-5.331-8.232-8.945-12.419-10.848l-1.999-1.431c-1.332-.951-2.568-2.098-3.711-3.429-1.142-1.331-1.997-2.663-2.568-3.997-.572-1.335-.098-2.43 1.427-3.289 1.525-.859 4.281-1.276 8.28-1.276l5.708.853c3.807.763 8.516 3.042 14.133 6.851 5.614 3.806 10.229 8.754 13.846 14.842 4.38 7.806 9.657 13.754 15.846 17.847 6.184 4.093 12.419 6.136 18.699 6.136 6.28 0 11.704-.476 16.274-1.423 4.565-.952 8.848-2.383 12.847-4.285 1.713-12.758 6.377-22.559 13.988-29.41-10.848-1.14-20.601-2.857-29.264-5.14-8.658-2.286-17.605-5.996-26.835-11.14-9.235-5.137-16.896-11.516-22.985-19.126-6.09-7.614-11.088-17.61-14.987-29.979-3.901-12.374-5.852-26.648-5.852-42.826 0-23.035 7.52-42.637 22.557-58.817-7.044-17.318-6.379-36.732 1.997-58.24 5.52-1.715 13.706-.428 24.554 3.853 10.85 4.283 18.794 7.952 23.84 10.994 5.046 3.041 9.089 5.618 12.135 7.708 17.705-4.947 35.976-7.421 54.818-7.421s37.117 2.474 54.823 7.421l10.849-6.849c7.419-4.57 16.18-8.758 26.262-12.565 10.088-3.805 17.802-4.853 23.134-3.138 8.562 21.509 9.325 40.922 2.279 58.24 15.036 16.18 22.559 35.787 22.559 58.817 0 16.178-1.958 30.497-5.853 42.966-3.9 12.471-8.941 22.457-15.125 29.979-6.191 7.521-13.901 13.85-23.131 18.986-9.232 5.14-18.182 8.85-26.84 11.136-8.662 2.286-18.415 4.004-29.263 5.146 9.894 8.562 14.842 22.077 14.842 40.539v60.237c0 3.422 1.19 6.279 3.572 8.562 2.379 2.279 6.136 2.95 11.276 1.995 44.163-14.653 80.185-41.062 108.068-79.226 27.88-38.161 41.825-81.126 41.825-128.906-.01-39.771-9.818-76.454-29.414-110.049z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" notion"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" width"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" height"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 100 100"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"none"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M6.017 4.313l55.333 -4.087c6.797 -0.583 8.543 -0.19 12.817 2.917l17.663 12.443c2.913 2.14 3.883 2.723 3.883 5.053v68.243c0 4.277 -1.553 6.807 -6.99 7.193L24.467 99.967c-4.08 0.193 -6.023 -0.39 -8.16 -3.113L3.3 79.94c-2.333 -3.113 -3.3 -5.443 -3.3 -8.167V11.113c0 -3.497 1.553 -6.413 6.017 -6.8z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fillRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" clipRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M61.35 0.227l-55.333 4.087C1.553 4.7 0 7.617 0 11.113v60.66c0 2.723 0.967 5.053 3.3 8.167l13.007 16.913c2.137 2.723 4.08 3.307 8.16 3.113l64.257 -3.89c5.433 -0.387 6.99 -2.917 6.99 -7.193V20.64c0 -2.21 -0.873 -2.847 -3.443 -4.733L74.167 3.143c-4.273 -3.107 -6.02 -3.5 -12.817 -2.917zM25.92 19.523c-5.247 0.353 -6.437 0.433 -9.417 -1.99L8.927 11.507c-0.77 -0.78 -0.383 -1.753 1.557 -1.947l53.193 -3.887c4.467 -0.39 6.793 1.167 8.54 2.527l9.123 6.61c0.39 0.197 1.36 1.36 0.193 1.36l-54.933 3.307 -0.68 0.047zM19.803 88.3V30.367c0 -2.53 0.777 -3.697 3.103 -3.893L86 22.78c2.14 -0.193 3.107 1.167 3.107 3.693v57.547c0 2.53 -0.39 4.67 -3.883 4.863l-60.377 3.5c-3.493 0.193 -5.043 -0.97 -5.043 -4.083zm59.6 -54.827c0.387 1.75 0 3.5 -1.75 3.7l-2.91 0.577v42.773c-2.527 1.36 -4.853 2.137 -6.797 2.137 -3.107 0 -3.883 -0.973 -6.21 -3.887l-19.03 -29.94v28.967l6.02 1.363s0 3.5 -4.857 3.5l-13.39 0.777c-0.39 -0.78 0 -2.723 1.357 -3.11l3.497 -0.97v-38.3L30.48 40.667c-0.39 -1.75 0.58 -4.277 3.3 -4.473l14.367 -0.967 19.8 30.327v-26.83l-5.047 -0.58c-0.39 -2.143 1.163 -3.7 3.103 -3.89l13.4 -0.78z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#000"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" openai"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg role"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"img"'}),n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 24 24"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M22.2819 9.8211a5.9847 5.9847 0 0 0-.5157-4.9108 6.0462 6.0462 0 0 0-6.5098-2.9A6.0651 6.0651 0 0 0 4.9807 4.1818a5.9847 5.9847 0 0 0-3.9977 2.9 6.0462 6.0462 0 0 0 .7427 7.0966 5.98 5.98 0 0 0 .511 4.9107 6.051 6.051 0 0 0 6.5146 2.9001A5.9847 5.9847 0 0 0 13.2599 24a6.0557 6.0557 0 0 0 5.7718-4.2058 5.9894 5.9894 0 0 0 3.9977-2.9001 6.0557 6.0557 0 0 0-.7475-7.0729zm-9.022 12.6081a4.4755 4.4755 0 0 1-2.8764-1.0408l.1419-.0804 4.7783-2.7582a.7948.7948 0 0 0 .3927-.6813v-6.7369l2.02 1.1686a.071.071 0 0 1 .038.052v5.5826a4.504 4.504 0 0 1-4.4945 4.4944zm-9.6607-4.1254a4.4708 4.4708 0 0 1-.5346-3.0137l.142.0852 4.783 2.7582a.7712.7712 0 0 0 .7806 0l5.8428-3.3685v2.3324a.0804.0804 0 0 1-.0332.0615L9.74 19.9502a4.4992 4.4992 0 0 1-6.1408-1.6464zM2.3408 7.8956a4.485 4.485 0 0 1 2.3655-1.9728V11.6a.7664.7664 0 0 0 .3879.6765l5.8144 3.3543-2.0201 1.1685a.0757.0757 0 0 1-.071 0l-4.8303-2.7865A4.504 4.504 0 0 1 2.3408 7.872zm16.5963 3.8558L13.1038 8.364 15.1192 7.2a.0757.0757 0 0 1 .071 0l4.8303 2.7913a4.4944 4.4944 0 0 1-.6765 8.1042v-5.6772a.79.79 0 0 0-.407-.667zm2.0107-3.0231l-.142-.0852-4.7735-2.7818a.7759.7759 0 0 0-.7854 0L9.409 9.2297V6.8974a.0662.0662 0 0 1 .0284-.0615l4.8303-2.7866a4.4992 4.4992 0 0 1 6.6802 4.66zM8.3065 12.863l-2.02-1.1638a.0804.0804 0 0 1-.038-.0567V6.0742a4.4992 4.4992 0 0 1 7.3757-3.4537l-.142.0805L8.704 5.459a.7948.7948 0 0 0-.3927.6813zm1.0976-2.3654l2.602-1.4998 2.6069 1.4998v2.9994l-2.5974 1.4997-2.6067-1.4997Z"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" googleDrive"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 87.3 78"'}),n(r.span,{style:{color:"#FFF"},children:" xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m6.6 66.85 3.85 6.65c.8 1.4 1.95 2.5 3.3 3.3l13.75-23.8h-27.5c0 1.55.4 3.1 1.2 4.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#0066da"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m43.65 25-13.75-23.8c-1.35.8-2.5 1.9-3.3 3.3l-25.4 44a9.06 9.06 0 0 0 -1.2 4.5h27.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#00ac47"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m73.55 76.8c1.35-.8 2.5-1.9 3.3-3.3l1.6-2.75 7.65-13.25c.8-1.4 1.2-2.95 1.2-4.5h-27.502l5.852 11.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#ea4335"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m43.65 25 13.75-23.8c-1.35-.8-2.9-1.2-4.5-1.2h-18.5c-1.6 0-3.15.45-4.5 1.2z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#00832d"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m59.8 53h-32.3l-13.75 23.8c1.35.8 2.9 1.2 4.5 1.2h50.8c1.6 0 3.15-.45 4.5-1.2z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#2684fc"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m73.4 26.5-12.7-22c-.8-1.4-1.95-2.5-3.3-3.3l-13.75 23.8 16.15 28h27.45c0-1.55-.4-3.1-1.2-4.5z"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#ffba00"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" whatsapp"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" ("}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" TODO"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" =>"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'}),n(r.span,{style:{color:"#FFF"},children:" viewBox"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0 0 175.216 175.552"'}),n(r.span,{style:{color:"#FFF8"},children:" {..."}),n(r.span,{style:{color:"#FFF"},children:"props"}),n(r.span,{style:{color:"#FFF8"},children:"}>"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"defs"}),n(r.span,{style:{color:"#FFF8"},children:">"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"linearGradient"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" id"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"b"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x1"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"85.915"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x2"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"86.535"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y1"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"32.567"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y2"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"137.092"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" gradientUnits"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"userSpaceOnUse"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"stop offset"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"0"'}),n(r.span,{style:{color:"#FFF"},children:" stopColor"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#57d163"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"stop offset"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1"'}),n(r.span,{style:{color:"#FFF"},children:" stopColor"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#23b33a"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"filter"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" id"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"a"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" width"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1.115"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" height"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1.114"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" x"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"-.057"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" y"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"-.057"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" colorInterpolationFilters"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"sRGB"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"feGaussianBlur stdDeviation"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"3.531"'}),n(r.span,{style:{color:"#FFF8"},children:" />"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#b3b3b3"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m54.532 138.45 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.523h.023c33.707 0 61.139-27.426 61.153-61.135.006-16.335-6.349-31.696-17.895-43.251A60.75 60.75 0 0 0 87.94 25.983c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.558zm-40.811 23.544L24.16 123.88c-6.438-11.154-9.825-23.808-9.821-36.772.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954zm0 0"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" filter"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#a)"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"m12.966 161.238 10.439-38.114a73.42 73.42 0 0 1-9.821-36.772c.017-40.556 33.021-73.55 73.578-73.55 19.681.01 38.154 7.669 52.047 21.572s21.537 32.383 21.53 52.037c-.018 40.553-33.027 73.553-73.578 73.553h-.032c-12.313-.005-24.412-3.094-35.159-8.954z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#linearGradient1780)"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.312-6.179 22.559 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.518 31.126 8.524h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.929z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"url(#b)"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M87.184 25.227c-33.733 0-61.166 27.423-61.178 61.13a60.98 60.98 0 0 0 9.349 32.535l1.455 2.313-6.179 22.558 23.146-6.069 2.235 1.324c9.387 5.571 20.15 8.517 31.126 8.523h.023c33.707 0 61.14-27.426 61.153-61.135a60.75 60.75 0 0 0-17.895-43.251 60.75 60.75 0 0 0-43.235-17.928z"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"path"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"#fff"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fillRule"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"evenodd"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" d"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"M68.772 55.603c-1.378-3.061-2.828-3.123-4.137-3.176l-3.524-.043c-1.226 0-3.218.46-4.902 2.3s-6.435 6.287-6.435 15.332 6.588 17.785 7.506 19.013 12.718 20.381 31.405 27.75c15.529 6.124 18.689 4.906 22.061 4.6s10.877-4.447 12.408-8.74 1.532-7.971 1.073-8.74-1.685-1.226-3.525-2.146-10.877-5.367-12.562-5.981-2.91-.919-4.137.921-4.746 5.979-5.819 7.206-2.144 1.381-3.984.462-7.76-2.861-14.784-9.124c-5.465-4.873-9.154-10.891-10.228-12.73s-.114-2.835.808-3.751c.825-.824 1.838-2.147 2.759-3.22s1.224-1.84 1.836-3.065.307-2.301-.153-3.22-4.032-10.011-5.666-13.647"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" ),"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"};"})})]})})})]}),"\n",n(r.h2,{id:"about",children:"About"}),"\n",e(r.p,{children:["The ",n(r.code,{children:""})," component comes from ",n("u",{children:n(r.a,{href:"https://magicui.design/docs/components/orbiting-circles",children:"magicui.design"})}),"."]}),"\n",n(r.h2,{id:"installation",children:"Installation"}),"\n",e(i,{defaultValue:"cli",children:[e(t,{children:[n(h,{value:"cli",children:"CLI"}),n(h,{value:"manual",children:"Manual"})]}),n(d,{value:"cli",children:e(o,{children:[n(a,{children:"Run the following command:"}),n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"bash","data-theme":"Lambda Studio — Blackout",children:n(r.code,{"data-language":"bash","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:"npx"}),n(r.span,{style:{color:"#FFF8"},children:" ever-ui-clx@0.2.1"}),n(r.span,{style:{color:"#FFF8"},children:" add"}),n(r.span,{style:{color:"#FFF8"},children:" demo-orbiting-circles"})]})})})}),e(a,{children:["Update ",n(r.code,{children:"tailwind.config.ts"})]}),e(r.p,{children:["Modify your ",n(r.code,{children:"tailwind.config.ts"})," as follows:"]}),n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"ts","data-theme":"Lambda Studio — Blackout",children:e(r.code,{"data-language":"ts","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:[e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"//"}),n(r.span,{style:{color:"#FFF4"},children:" tailwind.config.js"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:"module"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF"},children:"exports "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" theme"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" extend"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" keyframes"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" orbit"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "0%"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" transform"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:' "rotate(0deg) translateY(calc(var(--radius) * 1px)) rotate(0deg)"'}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",n(r.span,{"data-line":"","data-highlighted-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "100%"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" transform"}),n(r.span,{style:{color:"#FFF8"},children:":"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "rotate(360deg) translateY(calc(var(--radius) * 1px)) rotate(-360deg)"'}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",n(r.span,{"data-line":"","data-highlighted-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",n(r.span,{"data-line":"","data-highlighted-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",n(r.span,{"data-line":"","data-highlighted-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" animation"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"","data-highlighted-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" orbit"}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:' "orbit calc(var(--duration)*1s) linear infinite"'}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",n(r.span,{"data-line":"","data-highlighted-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" },"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"};"})})]})})})]})}),n(d,{value:"manual",children:e(o,{children:[n(a,{children:"Copy and paste the following code into your project:"}),n(r.p,{children:n(r.code,{children:"components/ui/orbiting-circles.tsx"})}),n(s,{name:"ui/orbiting-circles",children:n(r.figure,{__src__:"registry/default/ui/orbiting-circles.tsx",__style__:"default","data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout",children:e(r.code,{"data-language":"tsx","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:[e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"import"}),n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:" cn "}),n(r.span,{style:{color:"#FFF8"},children:"}"}),n(r.span,{style:{color:"#FFF8"},children:" from"}),n(r.span,{style:{color:"#FFF8"},children:' "@/lib/utils/core/cn"'}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"type"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Props"}),n(r.span,{style:{color:"#FFF8"},children:" ="}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" string"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" children"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" React"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:"ReactNode"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" reverse"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" boolean"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" number"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" number"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" number"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" path"}),n(r.span,{style:{color:"#FFF8"},children:"?:"}),n(r.span,{style:{color:"#FFF"},children:" boolean"}),n(r.span,{style:{color:"#FFF8"},children:";"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"};"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"export"}),n(r.span,{style:{color:"#FFF8"},children:" function"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" OrbitingCircles"}),n(r.span,{style:{color:"#FFF8"},children:"({"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" children"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" reverse"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" duration "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" 20,"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" delay "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" 10,"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" radius "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" 50,"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" path "}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:" true,"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:"}:"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" Props"}),n(r.span,{style:{color:"#FFF8"},children:")"}),n(r.span,{style:{color:"#FFF8"},children:" {"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" return"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" <>"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:"path "}),n(r.span,{style:{color:"#FFF8"},children:"&&"}),n(r.span,{style:{color:"#FFF8"},children:" ("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"svg"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" xmlns"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"http://www.w3.org/2000/svg"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" version"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"1.1"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"pointer-events-none absolute inset-0 h-full w-full"'})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"circle"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"stroke-black/10 stroke-1 dark:stroke-white/10"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" cx"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"50%"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" cy"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"50%"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" r"}),n(r.span,{style:{color:"#FFF8"},children:"={"}),n(r.span,{style:{color:"#FFF"},children:"radius"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" fill"}),n(r.span,{style:{color:"#FFF8"},children:"="}),n(r.span,{style:{color:"#FFF8"},children:'"none"'})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" strokeDasharray"}),n(r.span,{style:{color:"#FFF8"},children:"={"}),n(r.span,{style:{color:"#FFF8"},children:'"4 4"'}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" />"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" )}"})}),"\n",n(r.span,{"data-line":"",children:" "}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" <"}),n(r.span,{style:{color:"#FFF"},children:"div"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" style"}),n(r.span,{style:{color:"#FFF8"},children:"={"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" {"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "--duration"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF"},children:" duration"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "--radius"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF"},children:" radius"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "--delay"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF8"},children:" -"}),n(r.span,{style:{color:"#FFF"},children:"delay"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" }"}),n(r.span,{style:{color:"#FFF8"},children:" as"}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:" React"}),n(r.span,{style:{color:"#FFF8"},children:"."}),n(r.span,{style:{color:"#FFF",fontWeight:"bold"},children:"CSSProperties"})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" }"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:"={"}),n(r.span,{style:{color:"#FFF"},children:"cn"}),n(r.span,{style:{color:"#FFF8"},children:"("})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:' "absolute flex h-full w-full transform-gpu animate-orbit items-center justify-center rounded-full border bg-black/10 [animation-delay:calc(var(--delay)*1000ms)] dark:bg-white/10"'}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF8"},children:' "[animation-direction:reverse]"'}),n(r.span,{style:{color:"#FFF8"},children:":"}),n(r.span,{style:{color:"#FFF"},children:" reverse "}),n(r.span,{style:{color:"#FFF8"},children:"},"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF"},children:" className"}),n(r.span,{style:{color:"#FFF8"},children:","})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" )}"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" >"})}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" {"}),n(r.span,{style:{color:"#FFF"},children:"children"}),n(r.span,{style:{color:"#FFF8"},children:"}"})]}),"\n",e(r.span,{"data-line":"",children:[n(r.span,{style:{color:"#FFF8"},children:" "})]}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" "})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:" );"})}),"\n",n(r.span,{"data-line":"",children:n(r.span,{style:{color:"#FFF8"},children:"}"})})]})})})}),n(a,{children:"Update the imports to match your project setup."})]})})]}),"\n",n(r.h2,{id:"usage",children:"Usage"}),"\n",n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout",children:n(r.code,{"data-language":"tsx","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:n(r.span,{"data-line":"",children:" "})})})}),"\n",n(r.figure,{"data-rehype-pretty-code-figure":"",children:n(r.pre,{className:"Lambda Studio — Blackout",style:{backgroundColor:"#000",color:"#fff"},tabIndex:"0","data-language":"tsx","data-theme":"Lambda Studio — Blackout",children:n(r.code,{"data-language":"tsx","data-theme":"Lambda Studio — Blackout",style:{display:"grid"},children:n(r.span,{"data-line":"",children:" "})})})})]})}return{default:function(l={}){const{wrapper:e}=l.components||{};return e?n(e,{...l,children:n(_createMdxContent,{...l})}):_createMdxContent(l)}};function _missingMdxReference(l,n){throw new Error("Expected "+(n?"component":"object")+" `"+l+"` to be defined: you likely forgot to import, pass, or provide it.")}

Parallax Swipe

Scroll Down 👇

About

Installation

Usage