\n\t\t\t\x3C/OrbitingCircles>\n\t\t\t\x3COrbitingCircles radius={80} delay={10}>\n\t\t\t\t\x3CTbBrandBitbucket size=\"28\" />\n\t\t\t\x3C/OrbitingCircles>\n\n\t\t\t\x3COrbitingCircles reverse radius={160}>\n\t\t\t\t\x3CTbBrandReddit size=\"28\" />\n\t\t\t\x3C/OrbitingCircles>\n\t\t\t\x3COrbitingCircles reverse radius={160} delay={10}>\n\t\t\t\t\x3CTbBrand4chan size=\"28\" />\n\t\t\t\x3C/OrbitingCircles>\n\t\t\x3C/div>\n\t);\n}\n",html:"\x3Cpre class=\"shiki vesper\" style=\"background-color:#101010;color:#FFF\" tabindex=\"0\">\x3Ccode>\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">import\x3C/span>\x3Cspan style=\"color:#FFF\"> { css } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"styled-system/css\"\x3C/span>\x3Cspan style=\"color:#FFF\">;\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">import\x3C/span>\x3Cspan style=\"color:#FFF\"> { OrbitingCircles } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"@/ui/orbiting-circles\"\x3C/span>\x3Cspan style=\"color:#FFF\">;\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">import\x3C/span>\x3Cspan style=\"color:#FFF\"> {\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\tTbBrand4chan,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\tTbBrandBitbucket,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\tTbBrandGithubFilled,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\tTbBrandReddit,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">} \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"solid-icons/tb\"\x3C/span>\x3Cspan style=\"color:#FFF\">;\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">export\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> default\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> function\x3C/span>\x3Cspan style=\"color:#FFC799\"> OrbitingCirclesDemo\x3C/span>\x3Cspan style=\"color:#FFF\">() {\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\treturn\x3C/span>\x3Cspan style=\"color:#FFF\"> (\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\tclass={\x3C/span>\x3Cspan style=\"color:#FFC799\">css\x3C/span>\x3Cspan style=\"color:#FFF\">({\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\tposition: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"relative\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\tdisplay: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"flex\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\talignItems: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"center\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\tjustifyContent: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"center\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\theight: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"500px\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\twidth: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"full\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\toverflow: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"hidden\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t})\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">span\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\tclass={\x3C/span>\x3Cspan style=\"color:#FFC799\">css\x3C/span>\x3Cspan style=\"color:#FFF\">({\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t\ttextStyle: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"4xl\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t\tmd: { textStyle: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"6xl\"\x3C/span>\x3Cspan style=\"color:#FFF\"> },\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t\tfontWeight: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"bold\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t\tletterSpacing: \x3C/span>\x3Cspan style=\"color:#99FFE4\">\"tight\"\x3C/span>\x3Cspan style=\"color:#FFF\">,\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\t})\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t\t\t\tCircles\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">span\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> radius={\x3C/span>\x3Cspan style=\"color:#FFC799\">80\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">TbBrandGithubFilled\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> size=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"28\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> radius={\x3C/span>\x3Cspan style=\"color:#FFC799\">80\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> delay={\x3C/span>\x3Cspan style=\"color:#FFC799\">10\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">TbBrandBitbucket\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> size=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"28\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> reverse\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> radius={\x3C/span>\x3Cspan style=\"color:#FFC799\">160\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">TbBrandReddit\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> size=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"28\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> reverse\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> radius={\x3C/span>\x3Cspan style=\"color:#FFC799\">160\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> delay={\x3C/span>\x3Cspan style=\"color:#FFC799\">10\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t\t<\x3C/span>\x3Cspan style=\"color:#FFC799\">TbBrand4chan\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> size=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"28\"\x3C/span>\x3Cspan style=\"color:#A0A0A0\"> />\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">OrbitingCircles\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t</\x3C/span>\x3Cspan style=\"color:#FFC799\">div\x3C/span>\x3Cspan style=\"color:#A0A0A0\">>\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">\t);\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#FFF\">}\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3C/span>\x3C/code>\x3C/pre>"});