[{"name":"Css.Systems.Colors","comment":" Tailwind color system\n\n[cedricsoulas.com/elm/css/systems#colors](https://cedricsoulas.com/elm/css/systems#colors)\n\n@docs black, blue100, blue200, blue300, blue400, blue500, blue600, blue700, blue800, blue900, gray100, gray200, gray300, gray400, gray500, gray600, gray700, gray800, gray900, green100, green200, green300, green400, green500, green600, green700, green800, green900, indigo100, indigo200, indigo300, indigo400, indigo500, indigo600, indigo700, indigo800, indigo900, orange100, orange200, orange300, orange400, orange500, orange600, orange700, orange800, orange900, pink100, pink200, pink300, pink400, pink500, pink600, pink700, pink800, pink900, purple100, purple200, purple300, purple400, purple500, purple600, purple700, purple800, purple900, red100, red200, red300, red400, red500, red600, red700, red800, red900, teal100, teal200, teal300, teal400, teal500, teal600, teal700, teal800, teal900, white, yellow100, yellow200, yellow300, yellow400, yellow500, yellow600, yellow700, yellow800, yellow900\n\n","unions":[],"aliases":[],"values":[{"name":"black","comment":"\n\n    hex \"000\"\n\n","type":"Css.Color"},{"name":"blue100","comment":"\n\n    hex \"ebf8ff\n\n","type":"Css.Color"},{"name":"blue200","comment":"\n\n    hex \"bee3f8\n\n","type":"Css.Color"},{"name":"blue300","comment":"\n\n    hex \"90cdf4\n\n","type":"Css.Color"},{"name":"blue400","comment":"\n\n    hex \"63b3ed\n\n","type":"Css.Color"},{"name":"blue500","comment":"\n\n    hex \"4299e1\n\n","type":"Css.Color"},{"name":"blue600","comment":"\n\n    hex \"3182ce\n\n","type":"Css.Color"},{"name":"blue700","comment":"\n\n    hex \"2b6cb0\n\n","type":"Css.Color"},{"name":"blue800","comment":"\n\n    hex \"2c5282\n\n","type":"Css.Color"},{"name":"blue900","comment":"\n\n    hex \"2a4365\n\n","type":"Css.Color"},{"name":"gray100","comment":"\n\n    hex \"f7fafc\n\n","type":"Css.Color"},{"name":"gray200","comment":"\n\n    hex \"edf2f7\n\n","type":"Css.Color"},{"name":"gray300","comment":"\n\n    hex \"e2e8f0\n\n","type":"Css.Color"},{"name":"gray400","comment":"\n\n    hex \"cbd5e0\n\n","type":"Css.Color"},{"name":"gray500","comment":"\n\n    hex \"a0aec0\n\n","type":"Css.Color"},{"name":"gray600","comment":"\n\n    hex \"718096\n\n","type":"Css.Color"},{"name":"gray700","comment":"\n\n    hex \"4a5568\n\n","type":"Css.Color"},{"name":"gray800","comment":"\n\n    hex \"2d3748\n\n","type":"Css.Color"},{"name":"gray900","comment":"\n\n    hex \"1a202c\n\n","type":"Css.Color"},{"name":"green100","comment":"\n\n    hex \"f0fff4\n\n","type":"Css.Color"},{"name":"green200","comment":"\n\n    hex \"c6f6d5\n\n","type":"Css.Color"},{"name":"green300","comment":"\n\n    hex \"9ae6b4\n\n","type":"Css.Color"},{"name":"green400","comment":"\n\n    hex \"68d391\n\n","type":"Css.Color"},{"name":"green500","comment":"\n\n    hex \"48bb78\n\n","type":"Css.Color"},{"name":"green600","comment":"\n\n    hex \"38a169\n\n","type":"Css.Color"},{"name":"green700","comment":"\n\n    hex \"2f855a\n\n","type":"Css.Color"},{"name":"green800","comment":"\n\n    hex \"276749\n\n","type":"Css.Color"},{"name":"green900","comment":"\n\n    hex \"22543d\n\n","type":"Css.Color"},{"name":"indigo100","comment":"\n\n    hex \"ebf4ff\n\n","type":"Css.Color"},{"name":"indigo200","comment":"\n\n    hex \"c3dafe\n\n","type":"Css.Color"},{"name":"indigo300","comment":"\n\n    hex \"a3bffa\n\n","type":"Css.Color"},{"name":"indigo400","comment":"\n\n    hex \"7f9cf5\n\n","type":"Css.Color"},{"name":"indigo500","comment":"\n\n    hex \"667eea\n\n","type":"Css.Color"},{"name":"indigo600","comment":"\n\n    hex \"5a67d8\n\n","type":"Css.Color"},{"name":"indigo700","comment":"\n\n    hex \"4c51bf\n\n","type":"Css.Color"},{"name":"indigo800","comment":"\n\n    hex \"434190\n\n","type":"Css.Color"},{"name":"indigo900","comment":"\n\n    hex \"3c366b\n\n","type":"Css.Color"},{"name":"orange100","comment":"\n\n    hex \"fffaf0\n\n","type":"Css.Color"},{"name":"orange200","comment":"\n\n    hex \"feebc8\n\n","type":"Css.Color"},{"name":"orange300","comment":"\n\n    hex \"fbd38d\n\n","type":"Css.Color"},{"name":"orange400","comment":"\n\n    hex \"f6ad55\n\n","type":"Css.Color"},{"name":"orange500","comment":"\n\n    hex \"ed8936\n\n","type":"Css.Color"},{"name":"orange600","comment":"\n\n    hex \"dd6b20\n\n","type":"Css.Color"},{"name":"orange700","comment":"\n\n    hex \"c05621\n\n","type":"Css.Color"},{"name":"orange800","comment":"\n\n    hex \"9c4221\n\n","type":"Css.Color"},{"name":"orange900","comment":"\n\n    hex \"7b341e\n\n","type":"Css.Color"},{"name":"pink100","comment":"\n\n    hex \"fff5f7\n\n","type":"Css.Color"},{"name":"pink200","comment":"\n\n    hex \"fed7e2\n\n","type":"Css.Color"},{"name":"pink300","comment":"\n\n    hex \"fbb6ce\n\n","type":"Css.Color"},{"name":"pink400","comment":"\n\n    hex \"f687b3\n\n","type":"Css.Color"},{"name":"pink500","comment":"\n\n    hex \"ed64a6\n\n","type":"Css.Color"},{"name":"pink600","comment":"\n\n    hex \"d53f8c\n\n","type":"Css.Color"},{"name":"pink700","comment":"\n\n    hex \"b83280\n\n","type":"Css.Color"},{"name":"pink800","comment":"\n\n    hex \"97266d\n\n","type":"Css.Color"},{"name":"pink900","comment":"\n\n    hex \"702459\n\n","type":"Css.Color"},{"name":"purple100","comment":"\n\n    hex \"faf5ff\n\n","type":"Css.Color"},{"name":"purple200","comment":"\n\n    hex \"e9d8fd\n\n","type":"Css.Color"},{"name":"purple300","comment":"\n\n    hex \"d6bcfa\n\n","type":"Css.Color"},{"name":"purple400","comment":"\n\n    hex \"b794f4\n\n","type":"Css.Color"},{"name":"purple500","comment":"\n\n    hex \"9f7aea\n\n","type":"Css.Color"},{"name":"purple600","comment":"\n\n    hex \"805ad5\n\n","type":"Css.Color"},{"name":"purple700","comment":"\n\n    hex \"6b46c1\n\n","type":"Css.Color"},{"name":"purple800","comment":"\n\n    hex \"553c9a\n\n","type":"Css.Color"},{"name":"purple900","comment":"\n\n    hex \"44337a\n\n","type":"Css.Color"},{"name":"red100","comment":"\n\n    hex \"fff5f5\n\n","type":"Css.Color"},{"name":"red200","comment":"\n\n    hex \"fed7d7\n\n","type":"Css.Color"},{"name":"red300","comment":"\n\n    hex \"feb2b2\n\n","type":"Css.Color"},{"name":"red400","comment":"\n\n    hex \"fc8181\n\n","type":"Css.Color"},{"name":"red500","comment":"\n\n    hex \"f56565\n\n","type":"Css.Color"},{"name":"red600","comment":"\n\n    hex \"e53e3e\n\n","type":"Css.Color"},{"name":"red700","comment":"\n\n    hex \"c53030\n\n","type":"Css.Color"},{"name":"red800","comment":"\n\n    hex \"9b2c2c\n\n","type":"Css.Color"},{"name":"red900","comment":"\n\n    hex \"742a2a\n\n","type":"Css.Color"},{"name":"teal100","comment":"\n\n    hex \"e6fffa\n\n","type":"Css.Color"},{"name":"teal200","comment":"\n\n    hex \"b2f5ea\n\n","type":"Css.Color"},{"name":"teal300","comment":"\n\n    hex \"81e6d9\n\n","type":"Css.Color"},{"name":"teal400","comment":"\n\n    hex \"4fd1c5\n\n","type":"Css.Color"},{"name":"teal500","comment":"\n\n    hex \"38b2ac\n\n","type":"Css.Color"},{"name":"teal600","comment":"\n\n    hex \"319795\n\n","type":"Css.Color"},{"name":"teal700","comment":"\n\n    hex \"2c7a7b\n\n","type":"Css.Color"},{"name":"teal800","comment":"\n\n    hex \"285e61\n\n","type":"Css.Color"},{"name":"teal900","comment":"\n\n    hex \"234e52\n\n","type":"Css.Color"},{"name":"white","comment":"\n\n    hex \"fff\"\n\n","type":"Css.Color"},{"name":"yellow100","comment":"\n\n    hex \"fffff0\n\n","type":"Css.Color"},{"name":"yellow200","comment":"\n\n    hex \"fefcbf\n\n","type":"Css.Color"},{"name":"yellow300","comment":"\n\n    hex \"faf089\n\n","type":"Css.Color"},{"name":"yellow400","comment":"\n\n    hex \"f6e05e\n\n","type":"Css.Color"},{"name":"yellow500","comment":"\n\n    hex \"ecc94b\n\n","type":"Css.Color"},{"name":"yellow600","comment":"\n\n    hex \"d69e2e\n\n","type":"Css.Color"},{"name":"yellow700","comment":"\n\n    hex \"b7791f\n\n","type":"Css.Color"},{"name":"yellow800","comment":"\n\n    hex \"975a16\n\n","type":"Css.Color"},{"name":"yellow900","comment":"\n\n    hex \"744210\n\n","type":"Css.Color"}],"binops":[]},{"name":"Css.Systems.Spacing","comment":" Spacing and sizing system\n\n\n# Max height\n\n@docs maxHeightXS, maxHeightSM, maxHeightMD, maxHeightLG, maxHeightXL, maxHeight2XL, maxHeight3XL, maxHeight4XL, maxHeight5XL, maxHeight6XL, maxHeightFull\n\n\n# Max width\n\n@docs maxWidthXS, maxWidthSM, maxWidthMD, maxWidthLG, maxWidthXL, maxWidth2XL, maxWidth3XL, maxWidth4XL, maxWidth5XL, maxWidth6XL, maxWidthFull\n\n\n# Spacing\n\n@docs fluid, space0, space1, space10, space12, space16, space2, space20, space24, space3, space32, space4, space40, space48, space5, space56, space6, space64, space8\n\n","unions":[],"aliases":[],"values":[{"name":"fluid","comment":" Return a portion of 100%\n\n`fluid 2 3` is equivalent to `pct (100 * (2/3))` (33.33333%)\n\n    el\n        [ css\n            [ height (fluid 2 3)\n            , width (fluid 1 2)\n            ]\n        ]\n        []\n\n","type":"Basics.Float -> Basics.Float -> Css.Pct"},{"name":"maxHeight2XL","comment":"\n\n    maxHeight (rem 42)\n\n","type":"Css.Style"},{"name":"maxHeight3XL","comment":"\n\n    maxHeight (rem 48)\n\n","type":"Css.Style"},{"name":"maxHeight4XL","comment":"\n\n    maxHeight (rem 56)\n\n","type":"Css.Style"},{"name":"maxHeight5XL","comment":"\n\n    maxHeight (rem 64)\n\n","type":"Css.Style"},{"name":"maxHeight6XL","comment":"\n\n    maxHeight (rem 72)\n\n","type":"Css.Style"},{"name":"maxHeightFull","comment":"\n\n    maxHeight (pct 100)\n\n","type":"Css.Style"},{"name":"maxHeightLG","comment":"\n\n    maxHeight (rem 32)\n\n","type":"Css.Style"},{"name":"maxHeightMD","comment":"\n\n    maxHeight (rem 28)\n\n","type":"Css.Style"},{"name":"maxHeightSM","comment":"\n\n    maxHeight (rem 24)\n\n","type":"Css.Style"},{"name":"maxHeightXL","comment":"\n\n    maxHeight (rem 36)\n\n","type":"Css.Style"},{"name":"maxHeightXS","comment":"\n\n    maxHeight (rem 20)\n\n","type":"Css.Style"},{"name":"maxWidth2XL","comment":"\n\n    maxWidth (rem 42)\n\n","type":"Css.Style"},{"name":"maxWidth3XL","comment":"\n\n    maxWidth (rem 48)\n\n","type":"Css.Style"},{"name":"maxWidth4XL","comment":"\n\n    maxWidth (rem 56)\n\n","type":"Css.Style"},{"name":"maxWidth5XL","comment":"\n\n    maxWidth (rem 64)\n\n","type":"Css.Style"},{"name":"maxWidth6XL","comment":"\n\n    maxWidth (rem 72)\n\n","type":"Css.Style"},{"name":"maxWidthFull","comment":"\n\n    maxWidth (pct 100)\n\n","type":"Css.Style"},{"name":"maxWidthLG","comment":"\n\n    maxWidth (rem 32)\n\n","type":"Css.Style"},{"name":"maxWidthMD","comment":"\n\n    maxWidth (rem 28)\n\n","type":"Css.Style"},{"name":"maxWidthSM","comment":"\n\n    maxWidth (rem 24)\n\n","type":"Css.Style"},{"name":"maxWidthXL","comment":"\n\n    maxWidth (rem 36)\n\n","type":"Css.Style"},{"name":"maxWidthXS","comment":"\n\n    maxWidth (rem 20)\n\n","type":"Css.Style"},{"name":"space0","comment":" px 0\n","type":"Css.Px"},{"name":"space1","comment":" rem 0.25\n","type":"Css.Rem"},{"name":"space10","comment":" rem 2.5\n","type":"Css.Rem"},{"name":"space12","comment":" rem 3\n","type":"Css.Rem"},{"name":"space16","comment":" rem 4\n","type":"Css.Rem"},{"name":"space2","comment":" rem 0.5\n","type":"Css.Rem"},{"name":"space20","comment":" rem 5\n","type":"Css.Rem"},{"name":"space24","comment":" rem 6\n","type":"Css.Rem"},{"name":"space3","comment":" rem 0.75\n","type":"Css.Rem"},{"name":"space32","comment":" rem 8\n","type":"Css.Rem"},{"name":"space4","comment":" rem 1\n","type":"Css.Rem"},{"name":"space40","comment":" rem 10\n","type":"Css.Rem"},{"name":"space48","comment":" rem 12\n","type":"Css.Rem"},{"name":"space5","comment":" rem 1.25\n","type":"Css.Rem"},{"name":"space56","comment":" rem 14\n","type":"Css.Rem"},{"name":"space6","comment":" rem 1.5\n","type":"Css.Rem"},{"name":"space64","comment":" rem 16\n","type":"Css.Rem"},{"name":"space8","comment":" rem 2\n","type":"Css.Rem"}],"binops":[]},{"name":"Css.Systems.Utilities","comment":"\n\n\n# Padding and margin utilities\n\n@docs paddingX, paddingY, marginX, marginY\n\n\n# Flex items\n\nControl how flex items grow and shrink.\n\n@docs flexInitial, flexIgnoreInitialSize, flexAuto, flexNone\n\n\n# Align items\n\nControl how flex items are positioned.\n\n@docs itemsStretch, itemsStart, itemsCenter, itemsEnd, itemsBaseline\n\n","unions":[],"aliases":[],"values":[{"name":"flexAuto","comment":" The flex item can grow and shrink, **taking into account its initial size**.\n","type":"Css.Style"},{"name":"flexIgnoreInitialSize","comment":" The flex item can grow and shrink, **ignoring its initial size**.\n\n    flexIgnoreInitialSize =\n        flex3 (int 1) (int 1) (pct 0)\n\n","type":"Css.Style"},{"name":"flexInitial","comment":" The flex item can grow but not shrink, **taking into account its initial size**.\n","type":"Css.Style"},{"name":"flexNone","comment":" Prevent a flex item to grow and shrink.\n","type":"Css.Style"},{"name":"itemsBaseline","comment":"\n\n    alignItems baseline\n\n","type":"Css.Style"},{"name":"itemsCenter","comment":"\n\n    alignItems center\n\n","type":"Css.Style"},{"name":"itemsEnd","comment":"\n\n    alignItems flexEnd\n\n","type":"Css.Style"},{"name":"itemsStart","comment":"\n\n    alignItems flexStart\n\n","type":"Css.Style"},{"name":"itemsStretch","comment":"\n\n    alignItems stretch\n\n","type":"Css.Style"},{"name":"marginX","comment":" Set horizontal margin.\n\n    marginX auto\n\n    marginX space4\n\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"marginY","comment":" Set vertical margin.\n","type":"Css.LengthOrAuto compatible -> Css.Style"},{"name":"paddingX","comment":" Set horizontal padding.\n","type":"Css.Length compatible units -> Css.Style"},{"name":"paddingY","comment":" Set vertical padding.\n","type":"Css.Length compatible units -> Css.Style"}],"binops":[]}]