\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\"> { GradualSpacing } \x3C/span>\x3Cspan style=\"color:#A0A0A0\">from\x3C/span>\x3Cspan style=\"color:#99FFE4\"> \"@/ui/gradual-spacing\"\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\"> GradualSpacingDemo\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\">GradualSpacing\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\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\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\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\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})\x3C/span>\x3Cspan style=\"color:#A0A0A0\">}\x3C/span>\x3C/span>\n\x3Cspan class=\"line\">\x3Cspan style=\"color:#A0A0A0\">\t\t\ttext=\x3C/span>\x3Cspan style=\"color:#99FFE4\">\"Gradual Spacing\"\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:#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>"});