{"componentChunkName":"component---src-templates-tailwindclass-js","path":"/tailwindcss/classes/tailwind-fill/","result":{"data":{"site":{"siteMetadata":{"title":"Resources to help developers | Contrast | Devwares","docsLocation":""}},"mdx":{"fields":{"id":"94173c48-dab1-57fd-be7f-c095b978ea40","title":"Tailwind CSS Fill","slug":"/classes/tailwind-fill/"},"body":"var _excluded = [\"components\"];\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nfunction _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], t.indexOf(o) >= 0 || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }\nfunction _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.indexOf(n) >= 0) continue; t[n] = r[n]; } return t; }\n/* @jsxRuntime classic */\n/* @jsx mdx */\n\nvar _frontmatter = {\n  \"lastUpdated\": \"17 May 2024\",\n  \"title\": \"Tailwind CSS Fill\",\n  \"metaTitle\": \"Tailwind CSS Fill\",\n  \"metaDescription\": \"The fill-{color} utility class in Tailwind CSS allows you to set the fill color of SVG elements.\",\n  \"canonicalUrl\": \"https://windframe.dev/tailwind/classes/tailwind-fill\"\n};\nvar layoutProps = {\n  _frontmatter: _frontmatter\n};\nvar MDXLayout = \"wrapper\";\nreturn function MDXContent(_ref) {\n  var components = _ref.components,\n    props = _objectWithoutProperties(_ref, _excluded);\n  return mdx(MDXLayout, _extends({}, layoutProps, props, {\n    components: components,\n    mdxType: \"MDXLayout\"\n  }), mdx(\"h1\", null, \"Tailwind Fill\"), mdx(\"p\", null, \"The \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"fill-{color}\"), \" utility class in Tailwind CSS allows you to set the fill color of SVG elements. With Tailwind's fill-{color} class, you can easily customize the fill color of SVG icons or graphics.\"), mdx(\"h2\", null, \"Applying Fill Color\"), mdx(\"p\", null, \"To apply a specific fill color to an SVG element, you can use the fill-{color} utility class, where {color} represents the desired fill color. The {color} can be any valid CSS color value, such as a color name (red, blue), a hexadecimal code (#FF0000, #0000FF), or an RGB value (rgb(255, 0, 0)).\\nHere's an example:\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-html\"\n  }, \"<svg class=\\\"fill-purple-500\\\">\\n  <path d=\\\"...\\\" />\\n</svg>\\n\")), mdx(\"h2\", null, \"Preview\"), mdx(\"div\", {\n    className: \"rounded-t-xl overflow-hidden bg-purple-100 p-10 \"\n  }, mdx(\"div\", {\n    className: \"aspect-auto rounded-md h-full w-full flex items-center justify-center font-bold\"\n  }, mdx(\"svg\", {\n    className: \"fill-purple-500 h-12\",\n    width: \"50px\",\n    height: \"155px\",\n    viewBox: \"0 0 24 24\",\n    xmlns: \"http://www.w3.org/2000/svg\",\n    stroke: \"#f5ebeb\",\n    strokeWidth: \"0.00024000000000000003\"\n  }, mdx(\"g\", {\n    id: \"SVGRepo_bgCarrier\",\n    strokeWidth: \"0\"\n  }), mdx(\"g\", {\n    id: \"SVGRepo_tracerCarrier\",\n    strokeLinecap: \"round\",\n    strokeLinejoin: \"round\"\n  }), mdx(\"g\", {\n    id: \"SVGRepo_iconCarrier\"\n  }, mdx(\"path\", {\n    clipRule: \"evenodd\",\n    d: \"M20.2945 10.2859C20.7902 9.92214 21.0574 9.45283 21.0664 8.97375C21.0816 8.16429 20.5363 6.69501 17.0509 5.11295C13.6314 3.56077 10.5872 3.53726 6.82663 5.05965C4.93161 5.82682 3.97528 6.57481 3.48588 7.21208C3.01022 7.83146 2.94264 8.38826 2.93337 8.88161C2.9244 9.35906 3.17218 9.82678 3.64976 10.1928C4.12797 10.5593 4.81609 10.8029 5.60244 10.8074C5.93623 10.8093 6.13734 10.7119 6.27526 10.5821C6.42474 10.4413 6.54227 10.2219 6.62538 9.91601C6.76979 9.38451 6.77652 8.7431 6.78289 8.13614C6.78409 8.02235 6.78527 7.90977 6.78734 7.79935C6.78906 7.70788 6.81763 7.61894 6.86949 7.54358C7.36255 6.82713 8.23012 6.3416 9.18455 6.03524C10.151 5.72502 11.2715 5.57726 12.3545 5.58348C13.4356 5.5897 14.5087 5.74954 15.3756 6.07683C16.224 6.39712 16.98 6.92037 17.2321 7.72316C17.2472 7.7712 17.2544 7.82136 17.2534 7.87171C17.2513 7.98221 17.2483 8.09484 17.2452 8.20866C17.2288 8.81566 17.2115 9.45646 17.3357 9.9887C17.4072 10.295 17.5157 10.5125 17.6565 10.6516C17.7854 10.779 17.9792 10.8786 18.3131 10.8805C19.0994 10.885 19.7991 10.6494 20.2945 10.2859ZM20.8466 11.0383C20.1757 11.5306 19.2765 11.8193 18.3078 11.8137C17.7642 11.8106 17.3257 11.6367 17.0006 11.3154C16.6874 11.006 16.52 10.5998 16.4269 10.2008C16.2724 9.53878 16.2952 8.75135 16.3127 8.15161C16.3148 8.07727 16.3169 8.00581 16.3186 7.93783C16.1715 7.57024 15.7583 7.21883 15.046 6.9499C14.3104 6.67219 13.3535 6.52246 12.3492 6.51669C11.3469 6.51092 10.3267 6.64873 9.46977 6.92381C8.66742 7.18135 8.06136 7.54164 7.71829 7.96564L7.71691 8.11454C7.71179 8.71447 7.70507 9.50141 7.52595 10.1607C7.41799 10.558 7.23631 10.959 6.91498 11.2615C6.58209 11.5749 6.14078 11.7437 5.59707 11.7406C4.62845 11.735 3.73775 11.436 3.08207 10.9335C2.42575 10.4305 1.98457 9.70266 2.00032 8.86409C2.01156 8.26529 2.10157 7.48248 2.74574 6.64368C3.37617 5.82276 4.50193 4.99397 6.47644 4.19463C10.4549 2.58402 13.7661 2.59707 17.4366 4.26318C21.0414 5.89941 22.0252 7.61643 21.9994 8.99128C21.9837 9.82822 21.5171 10.5463 20.8466 11.0383ZM8.31041 10.6638C8.31041 9.34234 9.38165 8.2711 10.7031 8.2711H13.3835C14.7049 8.2711 15.7762 9.34234 15.7762 10.6638C15.7762 11.2346 16.1414 11.7414 16.6829 11.9219L17.1526 12.0784C18.2414 12.4414 18.9758 13.4603 18.9758 14.6079V17.3366C18.9758 18.8092 17.782 20.003 16.3094 20.003H7.77714C6.30457 20.003 5.11081 18.8092 5.11081 17.3366V14.6079C5.11081 13.4603 5.8452 12.4414 6.93397 12.0784L7.40363 11.9219C7.94515 11.7414 8.31041 11.2346 8.31041 10.6638ZM10.7031 9.33764C9.97068 9.33764 9.37695 9.93137 9.37695 10.6638C9.37695 11.6937 8.71793 12.608 7.7409 12.9337L7.27124 13.0902C6.61797 13.308 6.17734 13.9193 6.17734 14.6079V17.3366C6.17734 18.2202 6.8936 18.9365 7.77714 18.9365H16.3094C17.193 18.9365 17.9092 18.2202 17.9092 17.3366V14.6079C17.9092 13.9193 17.4686 13.308 16.8153 13.0902L16.3457 12.9337C15.3686 12.608 14.7096 11.6937 14.7096 10.6638C14.7096 9.93137 14.1159 9.33764 13.3835 9.33764H10.7031ZM10.4434 15.2035C10.4434 14.32 11.1597 13.6037 12.0432 13.6037C12.9268 13.6037 13.643 14.32 13.643 15.2035C13.643 16.0871 12.9268 16.8033 12.0432 16.8033C11.1597 16.8033 10.4434 16.0871 10.4434 15.2035ZM12.0432 12.5372C10.5706 12.5372 9.37687 13.7309 9.37687 15.2035C9.37687 16.6761 10.5706 17.8699 12.0432 17.8699C13.5158 17.8699 14.7095 16.6761 14.7095 15.2035C14.7095 13.7309 13.5158 12.5372 12.0432 12.5372Z\",\n    fillRule: \"evenodd\"\n  }))))), mdx(\"h2\", null, \"Responsive Fill Color\"), mdx(\"p\", null, \"Tailwind CSS allows you to apply fill color classes responsively at different breakpoints. To use responsive fill color classes, you can append the breakpoint prefix to the utility class. For example, \", mdx(\"inlineCode\", {\n    parentName: \"p\"\n  }, \"md:fill-blue\"), \" sets the fill color to blue starting from the medium breakpoint and above.\"), mdx(\"pre\", null, mdx(\"code\", {\n    parentName: \"pre\",\n    \"className\": \"language-html\"\n  }, \"<svg class=\\\"fill-red md:fill-blue\\\">\\n  <path d=\\\"...\\\" />\\n</svg>\\n\")), mdx(\"p\", null, \"In the above example, the fill color of the SVG element is set to red by default (fill-red), but starting from the medium breakpoint and above, it changes to blue (md:fill-blue).\"), mdx(\"h2\", null, \"Tailwind Fill Class Table\"), mdx(\"table\", null, mdx(\"thead\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"thead\"\n  }, mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Class\"), mdx(\"th\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"Properties\"))), mdx(\"tbody\", {\n    parentName: \"table\"\n  }, mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-none\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: none;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-inherit\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: inherit;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-current\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: currentColor;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-transparent\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: transparent;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-black\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #000;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-white\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f8fafc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f1f5f9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e2e8f0;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #cbd5e1;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #94a3b8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #64748b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #475569;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #334155;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1e293b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0f172a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-slate-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #020617;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f9fafb;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f3f4f6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e5e7eb;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d1d5db;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #9ca3af;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #6b7280;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4b5563;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #374151;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1f2937;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #111827;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-gray-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #030712;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fafafa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f4f4f5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e4e4e7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d4d4d8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a1a1aa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #71717a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #52525b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #3f3f46;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #27272a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #18181b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-zinc-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #09090b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fafafa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f5f5f5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e5e5e5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d4d4d4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a3a3a3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #737373;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #525252;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #404040;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #262626;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #171717;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-neutral-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0a0a0a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fafaf9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f5f5f4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e7e5e4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d6d3d1;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a8a29e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #78716c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #57534e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #44403c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #292524;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1c1917;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-stone-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0c0a09;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fef2f2;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fee2e2;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fecaca;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fca5a5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f87171;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ef4444;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #dc2626;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #b91c1c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #991b1b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #7f1d1d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-red-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #450a0a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fff7ed;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ffedd5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fed7aa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fdba74;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fb923c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f97316;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ea580c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #c2410c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #9a3412;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #7c2d12;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-orange-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #431407;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fffbeb;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fef3c7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fde68a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fcd34d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fbbf24;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f59e0b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d97706;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #b45309;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #92400e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #78350f;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-amber-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #451a03;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fefce8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fef9c3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fef08a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fde047;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #facc15;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #eab308;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ca8a04;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a16207;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #854d0e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #713f12;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-yellow-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #422006;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f7fee7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ecfccb;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d9f99d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #bef264;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a3e635;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #84cc16;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #65a30d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4d7c0f;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #3f6212;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #365314;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-lime-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1a2e05;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f0fdf4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #dcfce7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #bbf7d0;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #86efac;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4ade80;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #22c55e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #16a34a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #15803d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #166534;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #14532d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-green-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #052e16;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ecfdf5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d1fae5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a7f3d0;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #6ee7b7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #34d399;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #10b981;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #059669;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #047857;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #065f46;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #064e3b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-emerald-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #022c22;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f0fdfa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ccfbf1;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #99f6e4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #5eead4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #2dd4bf;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #14b8a6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0d9488;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0f766e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #115e59;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #134e4a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-teal-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #042f2e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ecfeff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #cffafe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a5f3fc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #67e8f9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #22d3ee;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #06b6d4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0891b2;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0e7490;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #155e75;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #164e63;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-cyan-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #083344;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f0f9ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e0f2fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #bae6fd;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #7dd3fc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #38bdf8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0ea5e9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0284c7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0369a1;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #075985;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #0c4a6e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-sky-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #082f49;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #eff6ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #dbeafe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #bfdbfe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #93c5fd;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #60a5fa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #3b82f6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #2563eb;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1d4ed8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1e40af;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1e3a8a;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-blue-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #172554;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #eef2ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e0e7ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #c7d2fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a5b4fc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #818cf8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #6366f1;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4f46e5;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4338ca;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #3730a3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #312e81;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-indigo-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #1e1b4b;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f5f3ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ede9fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ddd6fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #c4b5fd;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a78bfa;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #8b5cf6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #7c3aed;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #6d28d9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #5b21b6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4c1d95;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-violet-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #2e1065;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #faf5ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f3e8ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e9d5ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d8b4fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #c084fc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a855f7;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #9333ea;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #7e22ce;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #6b21a8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #581c87;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-purple-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #3b0764;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fdf4ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fae8ff;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f5d0fe;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f0abfc;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e879f9;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #d946ef;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #c026d3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #a21caf;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #86198f;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #701a75;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-fuchsia-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4a044e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fdf2f8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fce7f3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fbcfe8;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f9a8d4;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f472b6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ec4899;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #db2777;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #be185d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #9d174d;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #831843;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-pink-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #500724;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-50\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fff1f2;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-100\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #ffe4e6;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-200\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fecdd3;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-300\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fda4af;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-400\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #fb7185;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-500\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #f43f5e;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-600\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #e11d48;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-700\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #be123c;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-800\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #9f1239;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-900\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #881337;\")), mdx(\"tr\", {\n    parentName: \"tbody\"\n  }, mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill-rose-950\"), mdx(\"td\", {\n    parentName: \"tr\",\n    \"align\": null\n  }, \"fill: #4c0519;\")))), mdx(\"h2\", null, \"Windframe Tailwind blocks\"), mdx(\"p\", null, mdx(\"a\", {\n    parentName: \"p\",\n    \"href\": \"https://app.windframe.dev/editor?id=logo1\"\n  }, \"Logo\")));\n}\n;\nMDXContent.isMDXComponent = true;","tableOfContents":{"items":[{"url":"#tailwind-fill","title":"Tailwind Fill","items":[{"url":"#applying-fill-color","title":"Applying Fill Color"},{"url":"#preview","title":"Preview"},{"url":"#responsive-fill-color","title":"Responsive Fill Color"},{"url":"#tailwind-fill-class-table","title":"Tailwind Fill Class Table"},{"url":"#windframe-tailwind-blocks","title":"Windframe Tailwind blocks"}]}]},"parent":{"__typename":"File","relativePath":"classes/tailwind-fill.md"},"frontmatter":{"githubUrl":null,"metaTitle":"Tailwind CSS Fill","lastUpdated":"17 May 2024","metaDescription":"The fill-{color} utility class in Tailwind CSS allows you to set the fill color of SVG elements."}}},"pageContext":{"id":"94173c48-dab1-57fd-be7f-c095b978ea40"}},"staticQueryHashes":["2619113677","2619113677","2619113677","2619113677","2619113677","2619113677","2619113677","2619113677","3309287076","3309287076","3706406642","3706406642","3706406642","4045616534","4045616534","956403285"]}