<!DOCTYPE html>
<html lang="en" hidden>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="../../dist/index.browser.js"></script>
</head>

<body>
    <div class="demo grid-cols:3 grid-cols:4@md gap:12">
        <div class="flex justify-center items-center w:full my:10">
            <div class="inline t:center"><code class="font:12 leading:4.5">@fade|1s|infinite</code>
                <div class="w:80 h:80 bg:blue-60/.2 r:5 m:auto @fad