{ "version": "0.28.0", "prefix": "", "breakpoints": { "sm": "640px", "md": "768px", "lg": "1024px", "xl": "1280px" }, "variables": { "colors": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" }, "font-families": { "sans": [ "-apple-system", "BlinkMacSystemFont", "Segoe UI", "Roboto", "Helvetica Neue", "Arial", "sans-serif" ], "serif": [ "Georgia", "Cambria", "Times New Roman", "Times", "serif" ], "mono": [ "SFMono-Regular", "Menlo", "Monaco", "Consolas", "Liberation Mono", "Courier New", "monospace" ] }, "font-sizes": { "3xs": "0.5rem", "2xs": "0.625rem", "xs": "0.75rem", "sm": "0.875rem", "base": "1rem", "lg": "1.125rem", "xl": "1.25rem", "2xl": "1.5rem", "3xl": "1.875rem", "4xl": "2.25rem", "5xl": "3rem", "6xl": "3.75rem", "7xl": "4.5rem", "8xl": "6rem", "9xl": "8rem" }, "font-weights": { "thin": "100", "extralight": "200", "light": "300", "normal": "400", "medium": "500", "semibold": "600", "bold": "700", "extrabold": "800", "black": "900" }, "trackings": { "tighter": "-0.05em", "tight": "-0.025em", "normal": "0", "wide": "0.025em", "wider": "0.05em", "widest": "0.1em" }, "leadings": { "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "none": "1", "tight": "1.25", "snug": "1.375", "normal": "1.5", "relaxed": "1.625", "loose": "2" }, "borders": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" }, "spacing": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" }, "opacities": { "0": "0", "10": "0.1", "20": "0.2", "30": "0.3", "40": "0.4", "50": "0.5", "60": "0.6", "70": "0.7", "80": "0.8", "90": "0.9", "100": "100" }, "raiuses": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" }, "shadows": { "sm": [ [ "0", "0.25rem", "1rem", "-0.125rem", "rgba(0, 0, 0, 0.15)" ], [ "0", "0", "0", "1px", "rgba(0, 0, 0, 0.02)" ] ], "md": [ [ "0", "0.5rem", "1rem", "-0.25rem", "rgba(0, 0, 0, 0.2)" ], [ "0", "0", "0", "1px", "rgba(0, 0, 0, 0.02)" ] ], "lg": [ [ "0rem", "1rem", "1rem", "-0.5rem", "rgba(0, 0, 0, 0.25)" ], [ "0", "0", "0", "1px", "rgba(0, 0, 0, 0.02)" ] ], "none": "none" } }, "utilities": { "animation": { "attributes": { "group": "animation", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/animation", "description": "Predefined CSS animations." }, "classname": "animation", "variants": [ "default", "responsive" ], "properties": [ "animation" ], "values": { "none": "none", "bounce": "bounce 1s infinite", "fadein": "fadein ease 1s", "fadeout": "fadeout ease 1s", "ping": "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite", "pulse": "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite", "spin": "spin 1s linear infinite" } }, "transition-duration": { "attributes": { "group": "animation", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-duration", "description": "Utilities for setting the transition-duration property of the element." }, "classname": "duration", "variants": [ "default", "responsive" ], "properties": [ "transition-duration" ], "values": { "0": "0s", "100": "100ms", "150": "150ms", "200": "200ms", "300": "300ms", "500": "500ms", "700": "700ms", "1000": "1000ms" } }, "transition-timing-function": { "attributes": { "group": "animation", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-timing-function", "description": "Utilities for setting the transition-timing-function property of the element." }, "classname": "ease", "variants": [ "default", "responsive" ], "properties": [ "transition-timing-function" ], "values": { "in": "ease-in", "out": "ease-out", "in-out": "ease-in-out", "linear": "linear" } }, "transition-delay": { "attributes": { "group": "animation", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transition-delay", "description": "Utilities for setting the transition-delay property of the element." }, "classname": "delay", "variants": [ "default", "responsive" ], "properties": [ "transition-delay" ], "values": { "0": "0s", "100": "100ms", "150": "150ms", "200": "200ms", "300": "300ms", "500": "500ms", "700": "700ms", "1000": "1000ms" } }, "background-clip": { "attributes": { "group": "background", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-clip", "description": "Utilities for setting the background-clip property of the element." }, "classname": "bg", "variants": [ "default" ], "properties": [ "background-clip" ], "values": { "border": "border-box", "padding": "padding-box", "content": "content-box", "text": "text" } }, "background-color": { "attributes": { "group": "background", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-color", "description": "Utilities for setting the background-color property of the element." }, "classname": "bg", "variants": [ "default", "hover", "focus", "focus-within", "active", "checked", "disabled", "required", "group-hover", "group-focus", "group-focus-within", "first", "last", "odd", "even" ], "properties": [ "background-color" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "background-image": { "attributes": { "group": "background", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-image", "description": "Utilities for setting the background-image property of the element." }, "classname": "bg", "variants": [ "default" ], "properties": [ "background-image" ], "values": { "none": "none", "gradient-to-right": "linear-gradient(to right, var(--low-gradient-start), var(--low-gradient-stop))", "gradient-to-lelft": "linear-gradient(to left, var(--low-gradient-start), var(--low-gradient-stop))", "gradient-to-bottom": "linear-gradient(to bottom, var(--low-gradient-start), var(--low-gradient-stop))", "gradient-to-top": "linear-gradient(to top, var(--low-gradient-start), var(--low-gradient-stop))" } }, "background-repeat": { "attributes": { "group": "background", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-repeat", "description": "Utilities for setting the background-repeat property of the element." }, "classname": "bg", "variants": [ "default" ], "properties": [ "background-repeat" ], "values": { "repeat": "repeat", "no-repeat": "no-repeat" } }, "background-size": { "attributes": { "group": "background", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/background-size", "description": "Utilities for setting the background-size property of the element." }, "classname": "bg", "variants": [ "default" ], "properties": [ "background-size" ], "values": { "auto": "auto", "cover": "cover", "contain": "contain" } }, "gradient-from": { "attributes": { "group": "gradient", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients", "description": "Utilities to specify the starting color for the gradient." }, "classname": "from", "variants": [ "default" ], "properties": [ "--low-gradient-start" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "gradient-to": { "attributes": { "group": "gradient", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Images/Using_CSS_gradients", "description": "Utilities to specify the ending color for the gradient." }, "classname": "to", "variants": [ "default" ], "properties": [ "--low-gradient-stop" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "border-radius": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "description": "Utilities for setting the radius of the element." }, "classname": "rounded", "variants": [ "default" ], "properties": [ "border-radius" ], "values": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" } }, "border-top-left-radius": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "description": "Utilities for setting the radius of the element." }, "classname": "rounded-tl", "variants": [ "default" ], "properties": [ "border-top-left-radius" ], "values": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" } }, "border-top-right-radius": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "description": "Utilities for setting the radius of the element." }, "classname": "rounded-tr", "variants": [ "default" ], "properties": [ "border-top-right-radius" ], "values": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" } }, "border-bottom-left-radius": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "description": "Utilities for setting the radius of the element." }, "classname": "rounded-bl", "variants": [ "default" ], "properties": [ "border-bottom-left-radius" ], "values": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" } }, "border-bottom-right-radius": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-radius", "description": "Utilities for setting the radius of the element." }, "classname": "rounded-br", "variants": [ "default" ], "properties": [ "border-bottom-right-radius" ], "values": { "sm": "0.125rem", "base": "0.25rem", "md": "0.375rem", "lg": "0.5rem", "xl": "0.75rem", "2xl": "1rem", "3xl": "1.5rem", "full": "9999px", "none": "0" } }, "border-color": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-color", "description": "Utilities for setting the border color of the element." }, "classname": "border", "variants": [ "default", "hover", "focus", "focus-within", "active", "checked", "disabled", "required", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "border-color" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "border-style": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-style", "description": "Utilities for setting the border-style property of the element." }, "classname": "border", "variants": [ "default", "focus" ], "properties": [ "border-style" ], "values": { "solid": "solid", "dashed": "dashed", "dotted": "dotted", "none": "none" } }, "border-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-width", "description": "Utilities for setting the border-width property of the element." }, "classname": "border", "variants": [ "default", "responsive", "focus" ], "properties": [ "border-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" } }, "border-bottom-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-bottom-width", "description": "Utilities for setting the element's border bottom width." }, "classname": "border-b", "variants": [ "default", "responsive", "focus", "first", "last" ], "properties": [ "border-bottom-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" } }, "border-left-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-left-width", "description": "Utilities for setting the element's border left width." }, "classname": "border-l", "variants": [ "default", "responsive", "focus", "first", "last" ], "properties": [ "border-left-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" } }, "border-right-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-right-width", "description": "Utilities for setting the element's border right width." }, "classname": "border-r", "variants": [ "default", "responsive", "focus", "first", "last" ], "properties": [ "border-right-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" } }, "border-top-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/border-top-width", "description": "Utilities for setting the element's border top width." }, "classname": "border-t", "variants": [ "default", "responsive", "focus", "first", "last" ], "properties": [ "border-top-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px", "DEFAULT": "1px" } }, "outline-color": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-color", "description": "Utilities for setting the outline-color property of the element." }, "classname": "outline", "variants": [ "default", "focus", "focus-within", "hover", "active", "checked", "disabled", "required" ], "properties": [ "outline-color" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "outline-offset": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-offset", "description": "Utilities for setting the outline-offset property of the element." }, "classname": "outline", "variants": [ "default", "focus", "focus-within", "hover", "active", "checked", "disabled", "required" ], "properties": [ "outline-offset" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px" } }, "outline-style": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-style", "description": "Utilities for setting the outline-style property of the element." }, "classname": "outline", "variants": [ "default", "focus", "focus-within", "hover", "active", "checked", "disabled", "required" ], "properties": [ "outline-style" ], "values": { "solid": "solid", "dashed": "dashed", "dotted": "dotted", "none": "none" } }, "outline-width": { "attributes": { "group": "border", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/outline-width", "description": "Utilities for setting the outline-width property of the element." }, "classname": "outline", "variants": [ "default", "focus", "focus-within", "hover", "active", "checked", "disabled", "required" ], "properties": [ "outline-width" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "6": "6px", "8": "8px" } }, "box-shadow": { "attributes": { "group": "effects", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow", "description": "Utilities for setting the box-shadow property of the element." }, "classname": "shadow", "variants": [ "default", "hover", "focus", "focus-within", "print" ], "properties": [ "box-shadow" ], "values": { "sm": "0,0.25rem,1rem,-0.125rem,rgba(0, 0, 0, 0.15) 0,0,0,1px,rgba(0, 0, 0, 0.02)", "md": "0,0.5rem,1rem,-0.25rem,rgba(0, 0, 0, 0.2) 0,0,0,1px,rgba(0, 0, 0, 0.02)", "lg": "0rem,1rem,1rem,-0.5rem,rgba(0, 0, 0, 0.25) 0,0,0,1px,rgba(0, 0, 0, 0.02)", "none": "none" } }, "opacity": { "attributes": { "group": "effects", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/opacity", "description": "Utilities for setting the opacity property of the element." }, "classname": "opacity", "variants": [ "default", "responsive", "hover", "focus", "focus-within", "disabled", "group-hover", "group-focus", "group-focus-within", "print" ], "properties": [ "opacity" ], "values": { "0": "0", "10": "0.1", "20": "0.2", "30": "0.3", "40": "0.4", "50": "0.5", "60": "0.6", "70": "0.7", "80": "0.8", "90": "0.9", "100": "100" } }, "align-content": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-content", "description": "Utilities for setting the align-content property of the element." }, "classname": "content", "variants": [ "default", "responsive" ], "properties": [ "align-content" ], "values": { "start": "flex-start", "end": "flex-end", "center": "center", "between": "space-between", "around": "space-around", "evenly": "space-evenly" } }, "align-items": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-items", "description": "Utilities for setting the align-items property of the element." }, "classname": "items", "variants": [ "default", "responsive" ], "properties": [ "align-items" ], "values": { "start": "flex-start", "end": "flex-end", "center": "center", "stretch": "stretch", "baseline": "baseline" } }, "align-self": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/align-self", "description": "Utilities for setting the align-self property of the element." }, "classname": "self", "variants": [ "default", "responsive" ], "properties": [ "align-self" ], "values": { "auto": "auto", "start": "flex-start", "end": "flex-end", "center": "center", "stretch": "stretch", "baseline": "baseline" } }, "flex": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex", "description": "Utilities for setting the flex property of the element." }, "classname": "flex", "variants": [ "default", "responsive" ], "properties": [ "flex" ], "values": { "none": "none", "initial": "initial", "auto": "auto" } }, "flex-direction": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-direction", "description": "Utilities for setting the flex-direction property of the element." }, "classname": "flex", "variants": [ "default", "responsive" ], "properties": [ "flex-direction" ], "values": { "row": "row", "col": "column", "row-reverse": "row-reverse", "col-reverse": "column-reverse" } }, "flex-grow": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-grow", "description": "Utilities for setting the flex-grow property of the element." }, "classname": "grow", "variants": [ "default", "responsive" ], "properties": [ "flex-grow" ], "values": { "0": "0", "DEFAULT": "1" } }, "flex-shrink": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-shrink", "description": "Utilities for setting the flex-shrink property of the element." }, "classname": "shrink", "variants": [ "default", "responsive" ], "properties": [ "flex-shrink" ], "values": { "0": "0", "DEFAULT": "1" } }, "flex-wrap": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/flex-wrap", "description": "Utilities for setting the flex-wrap property of the element." }, "classname": "flex", "variants": [ "default", "responsive" ], "properties": [ "flex-wrap" ], "values": { "wrap": "wrap", "wrap-reverse": "wrap-reverse", "nowrap": "nowrap" } }, "gap": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/gap", "description": "Utilities for setting the gap property of the element." }, "classname": "gap", "variants": [ "default", "responsive" ], "properties": [ "gap" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "6": "1.5rem", "8": "2rem", "12": "3rem", "16": "4rem", "24": "6rem", "32": "8rem", "px": "1px" } }, "grid-template-columns": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-columns", "description": "Utilities for setting the grid-template-columns property of the element." }, "classname": "grid-cols", "variants": [ "default", "responsive" ], "properties": [ "grid-template-columns" ], "values": { "1": "repeat(1, minmax(0, 1fr))", "2": "repeat(2, minmax(0, 1fr))", "3": "repeat(3, minmax(0, 1fr))", "4": "repeat(4, minmax(0, 1fr))", "5": "repeat(5, minmax(0, 1fr))", "6": "repeat(6, minmax(0, 1fr))", "7": "repeat(7, minmax(0, 1fr))", "8": "repeat(8, minmax(0, 1fr))", "9": "repeat(9, minmax(0, 1fr))", "10": "repeat(10, minmax(0, 1fr))", "11": "repeat(11, minmax(0, 1fr))", "12": "repeat(12, minmax(0, 1fr))", "none": "none" } }, "grid-template-rows": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-template-rows", "description": "Utilities for setting the grid-template-rows property of the element." }, "classname": "grid-rows", "variants": [ "default", "responsive" ], "properties": [ "grid-template-rows" ], "values": { "1": "repeat(1, minmax(0, 1fr))", "2": "repeat(2, minmax(0, 1fr))", "3": "repeat(3, minmax(0, 1fr))", "4": "repeat(4, minmax(0, 1fr))", "5": "repeat(5, minmax(0, 1fr))", "6": "repeat(6, minmax(0, 1fr))", "none": "none" } }, "grid-auto-flow": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-flow", "description": "Utilities for setting the grid-auto-flow property of the element." }, "classname": "grid-flow", "variants": [ "default", "responsive" ], "properties": [ "grid-auto-flow" ], "values": { "row": "row", "col": "column", "dense": "dense", "row-dense": "row dense", "col-dense": "column dense" } }, "grid-auto-columns": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-columns", "description": "Utilities for setting the grid-auto-columns property of the element." }, "classname": "auto-cols", "variants": [ "default", "responsive" ], "properties": [ "grid-auto-columns" ], "values": { "auto": "auto", "min": "min-content", "max": "max-content", "fr": "minmax(0, 1fr)" } }, "grid-auto-rows": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-auto-rows", "description": "Utilities for setting the grid-auto-rows property of the element." }, "classname": "auto-rows", "variants": [ "default", "responsive" ], "properties": [ "grid-auto-rows" ], "values": { "auto": "auto", "min": "min-content", "max": "max-content", "fr": "minmax(0, 1fr)" } }, "grid-column-start": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-start", "description": "Utilities for setting the grid-column-start property of the element." }, "classname": "col-start", "variants": [ "default", "responsive" ], "properties": [ "grid-column-start" ], "values": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", "6": "6", "7": "7", "8": "8", "9": "9", "10": "10", "11": "11", "12": "12", "auto": "auto" } }, "grid-column-end": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column-end", "description": "Utilities for setting the grid-column-end property of the element." }, "classname": "col-end", "variants": [ "default", "responsive" ], "properties": [ "grid-column-end" ], "values": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", "6": "6", "7": "7", "8": "8", "9": "9", "10": "10", "11": "11", "12": "12", "auto": "auto" } }, "grid-column-span": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-column", "description": "Utilities for setting the grid-column property of the element." }, "classname": "col-span", "variants": [ "default", "responsive" ], "properties": [ "grid-column" ], "values": { "1": "span 1/span 1", "2": "span 2/span 2", "3": "span 3/span 3", "4": "span 4/span 4", "5": "span 5/span 5", "6": "span 6/span 6", "7": "span 7/span 7", "8": "span 8/span 8", "9": "span 9/span 9", "10": "span 10/span 10", "11": "span 11/span 11", "12": "span 12/span 12" } }, "grid-row-start": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-start", "description": "Utilities for setting the grid-row-start property of the element." }, "classname": "row-start", "variants": [ "default", "responsive" ], "properties": [ "grid-row-start" ], "values": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", "6": "6", "7": "7", "8": "8", "9": "9", "10": "10", "11": "11", "12": "12", "auto": "auto" } }, "grid-row-end": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row-end", "description": "Utilities for setting the grid-row-end property of the element." }, "classname": "row-end", "variants": [ "default", "responsive" ], "properties": [ "grid-row-end" ], "values": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", "6": "6", "7": "7", "8": "8", "9": "9", "10": "10", "11": "11", "12": "12", "auto": "auto" } }, "grid-row-span": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/grid-row", "description": "Utilities for setting the grid-row property of the element." }, "classname": "row-span", "variants": [ "default", "responsive" ], "properties": [ "grid-row" ], "values": { "1": "span 1/span 1", "2": "span 2/span 2", "3": "span 3/span 3", "4": "span 4/span 4", "5": "span 5/span 5", "6": "span 6/span 6", "7": "span 7/span 7", "8": "span 8/span 8", "9": "span 9/span 9", "10": "span 10/span 10", "11": "span 11/span 11", "12": "span 12/span 12" } }, "justify-content": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/justify-content", "description": "Utilities for setting the justify-content property of the element." }, "classname": "justify", "variants": [ "default", "responsive" ], "properties": [ "justify-content" ], "values": { "start": "flex-start", "end": "flex-end", "center": "center", "between": "space-between", "around": "space-around" } }, "order": { "attributes": { "group": "flexbox", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/order", "description": "Utilities for setting the order property of the element." }, "classname": "order", "variants": [ "default", "responsive" ], "properties": [ "order" ], "values": { "1": "1", "2": "2", "3": "3", "4": "4", "5": "5", "6": "6", "7": "7", "8": "8", "9": "9", "10": "10", "11": "11", "12": "12", "none": "0", "first": "-999", "last": "999" } }, "cursor": { "attributes": { "group": "interactivity", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/cursor", "description": "Utilities for setting the cursor property of the element." }, "classname": "cursor", "variants": [ "default" ], "properties": [ "cursor" ], "values": { "auto": "auto", "default": "default", "hand": "pointer", "pointer": "pointer", "move": "move", "none": "none", "zoom-in": "zoom-in", "zoom-out": "zoom-out", "not-allowed": "not-allowed", "wait": "wait", "text": "text", "help": "help", "context-menu": "context-menu", "progress": "progress", "cell": "cell", "crosshair": "crosshair", "vertical-text": "vertical-text", "alias": "alias", "copy": "copy", "no-drop": "no-drop", "grab": "grab", "grabbing": "grabbing", "all-scroll": "all-scroll", "col-resize": "col-resize", "row-resize": "row-resize", "n-resize": "n-resize", "e-resize": "e-resize", "s-resize": "s-resize", "w-resize": "w-resize", "ne-resize": "ne-resize", "nw-resize": "nw-resize", "se-resize": "se-resize", "sw-resize": "sw-resize", "ew-resize": "ew-resize", "ns-resize": "ns-resize", "nesw-resize": "nesw-resize" } }, "user-select": { "attributes": { "group": "interactivity", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/user-select", "description": "Utilities for setting the user-select property of the element." }, "classname": "select", "variants": [ "default" ], "properties": [ "user-select" ], "values": { "none": "none", "text": "text", "all": "all", "auto": "auto" } }, "pointer-events": { "attributes": { "group": "interactivity", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/pointer-events", "description": "Utilities for setting the pointer-events property of the element" }, "classname": "pointer-events", "variants": [ "default" ], "properties": [ "pointer-events" ], "values": { "auto": "auto", "none": "none" } }, "touch-action": { "attributes": { "group": "interactivity", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/touch-action", "description": "Utilities for setting the touch-action property of the element" }, "classname": "touch", "variants": [ "default" ], "properties": [ "touch-action" ], "values": { "auto": "auto", "none": "none", "pan-x": "pan-x", "pan-y": "pan-y", "pan-left": "pan-left", "pan-right": "pan-right", "pan-up": "pan-up", "pan-down": "pan-down", "pinch-zoom": "pinch-zoom", "manipulation": "manipulation" } }, "bottom": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/bottom", "description": "Utilities for setting the bottom property of the element." }, "classname": "bottom", "variants": [ "default", "responsive" ], "properties": [ "bottom" ], "values": { "0": "0px", "half": "50%", "full": "100%", "auto": "auto" } }, "display": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/display", "description": "Utilities for setting the display property of the element." }, "classname": null, "variants": [ "default", "responsive", "group-hover", "group-focus", "group-focus-within", "first", "last", "odd", "even", "peer-hover", "peer-focus", "peer-focus-within", "peer-active", "peer-checked", "print" ], "properties": [ "display" ], "values": { "hidden": "none", "inline": "inline", "block": "block", "inline-block": "inline-block", "flex": "flex", "inline-flex": "inline-flex", "grid": "grid", "inline-grid": "inline-grid", "table": "table", "table-cell": "table-cell", "table-row": "table-row", "table-row-group": "table-row-group", "table-column": "table-column", "table-column-grup": "table-column-group", "table-header-group": "table-header-group", "table-footer-group": "table-footer-group" } }, "float": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/float", "description": "Utilities for setting the float property of the element." }, "classname": "float", "variants": [ "default", "responsive" ], "properties": [ "float" ], "values": { "left": "left", "right": "right", "none": "none" } }, "left": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/left", "description": "Utilities for setting the left property of the element." }, "classname": "left", "variants": [ "default", "responsive" ], "properties": [ "left" ], "values": { "0": "0px", "half": "50%", "full": "100%", "auto": "auto" } }, "overflow": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow", "description": "Utilities for setting the overflow property of the element." }, "classname": "overflow", "variants": [ "default", "responsive" ], "properties": [ "overflow" ], "values": { "auto": "auto", "scroll": "scroll", "hidden": "hidden", "visible": "visible" } }, "overflow-x": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-x", "description": "Utilities for setting the overflow-x property of the element." }, "classname": "overflow-x", "variants": [ "default", "responsive" ], "properties": [ "overflow-x" ], "values": { "auto": "auto", "scroll": "scroll", "hidden": "hidden", "visible": "visible" } }, "overflow-y": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/overflow-y", "description": "Utilities for setting the overflow-y property of the element." }, "classname": "overflow-y", "variants": [ "default", "responsive" ], "properties": [ "overflow-y" ], "values": { "auto": "auto", "scroll": "scroll", "hidden": "hidden", "visible": "visible" } }, "position": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/position", "description": "Utilities for setting the position property of the element." }, "classname": null, "variants": [ "default", "responsive" ], "properties": [ "position" ], "values": { "relative": "relative", "absolute": "absolute", "sticky": "sticky", "fixed": "fixed", "initial": "initial" } }, "right": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/right", "description": "Utilities for setting the right property of the element." }, "classname": "right", "variants": [ "default", "responsive" ], "properties": [ "right" ], "values": { "0": "0px", "half": "50%", "full": "100%", "auto": "auto" } }, "top": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/top", "description": "Utilities for setting the top property of the element." }, "classname": "top", "variants": [ "default", "responsive" ], "properties": [ "top" ], "values": { "0": "0px", "half": "50%", "full": "100%", "auto": "auto" } }, "z-index": { "attributes": { "group": "layout", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/z-index", "description": "Utilities for setting the z-index property of the element." }, "classname": "z", "variants": [ "default", "responsive" ], "properties": [ "z-index" ], "values": { "0": "0", "10": "10", "20": "20", "30": "30", "40": "40", "50": "50", "auto": "auto" } }, "height": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/height", "description": "Utilities for setting the height property of the element." }, "classname": "h", "variants": [ "default", "responsive", "print" ], "properties": [ "height" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "screen": "100vh" } }, "max-height": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-height", "description": "Utilities for setting the max-height property of the element." }, "classname": "max-h", "variants": [ "default", "responsive", "print" ], "properties": [ "max-height" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "screen": "100vh", "max": "max-content", "min": "min-content", "fit": "fit-content" } }, "max-width": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/max-width", "description": "Utilities for setting the max-width property of the element." }, "classname": "max-w", "variants": [ "default", "responsive", "print" ], "properties": [ "max-width" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "none": "none", "xs": "20rem", "sm": "24rem", "md": "28rem", "lg": "32rem", "xl": "36rem", "2xl": "42rem", "3xl": "48rem", "4xl": "56rem", "5xl": "64rem", "6xl": "72rem", "7xl": "80rem", "8xl": "88rem", "9xl": "96rem", "screen": "100vw", "max": "max-content", "min": "min-content", "fit": "fit-content" } }, "min-height": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-height", "description": "Utilities for setting the min-height property of the element." }, "classname": "min-h", "variants": [ "default", "responsive", "print" ], "properties": [ "min-height" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "screen": "100vh", "max": "max-content", "min": "min-content", "fit": "fit-content" } }, "min-width": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/min-width", "description": "Utilities for setting the min-width property of the element." }, "classname": "min-w", "variants": [ "default", "responsive", "print" ], "properties": [ "min-width" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "screen": "100vw", "max": "max-content", "min": "min-content", "fit": "fit-content" } }, "width": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/width", "description": "Utilities for setting the width property of the element." }, "classname": "w", "variants": [ "default", "responsive", "print" ], "properties": [ "width" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "1/2": "50%", "1/3": "33.33333%", "2/3": "66.66667%", "1/4": "25%", "2/4": "50%", "3/4": "75%", "1/5": "20%", "2/5": "40%", "3/5": "60%", "4/5": "80%", "1/6": "16.66667%", "2/6": "33.33333%", "3/6": "50%", "4/6": "66.66667%", "5/6": "83.33333%", "1/12": "8.33333%", "2/12": "16.66667%", "3/12": "25%", "4/12": "33.33333%", "5/12": "41.66667%", "6/12": "50%", "7/12": "58.33333%", "8/12": "66.66667%", "9/12": "75%", "10/12": "83.33333%", "11/12": "91.66667%", "auto": "auto", "screen": "100vw" } }, "size": { "attributes": { "group": "sizing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/width", "description": "Utilities for setting width and height properties of the element at the same time." }, "classname": "size", "variants": [ "default", "responsive", "print" ], "properties": [ "width", "height" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "margin": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin", "description": "Utilities for setting the margin property of the element." }, "classname": "m", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-x": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin", "description": "Utilities for setting both margin-left and margin-right properties of the element." }, "classname": "mx", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-left", "margin-right" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-y": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin", "description": "Utilities for setting both margin-bottom and margin-top properties of the element." }, "classname": "my", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-top", "margin-bottom" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-bottom": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-bottom", "description": "Utilities for setting the margin-bottom property of the element." }, "classname": "mb", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-bottom" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-left": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-left", "description": "Utilities for setting the margin-left property of the element." }, "classname": "ml", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-left" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-right": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-right", "description": "Utilities for setting the margin-right property of the element." }, "classname": "mr", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-right" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "margin-top": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/margin-top", "description": "Utilities for setting the margin-top property of the element." }, "classname": "mt", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "margin-top" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%", "auto": "auto" } }, "padding": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding", "description": "Utilities for setting the padding property of the element." }, "classname": "p", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-x": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding", "description": "Utilities for setting both padding-left and padding-right properties of the element." }, "classname": "px", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-left", "padding-right" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-y": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding", "description": "Utilities for setting both padding-bottom and padding-top properties of the element." }, "classname": "py", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-top", "padding-bottom" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-bottom": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-bottom", "description": "Utilities for setting the padding-bottom property of the element." }, "classname": "pb", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-bottom" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-left": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-left", "description": "Utilities for setting the padding-left property of the element." }, "classname": "pl", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-left" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-right": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-right", "description": "Utilities for setting the padding-right property of the element." }, "classname": "pr", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-right" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "padding-top": { "attributes": { "group": "spacing", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/padding-top", "description": "Utilities for setting the padding-top property of the element." }, "classname": "pt", "variants": [ "default", "responsive", "print", "first", "last" ], "properties": [ "padding-top" ], "values": { "0": "0", "1": "0.25rem", "2": "0.5rem", "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "11": "2.75rem", "12": "3rem", "14": "3.5rem", "16": "4rem", "20": "5rem", "24": "6rem", "28": "7rem", "32": "8rem", "36": "9rem", "40": "10rem", "44": "11rem", "48": "12rem", "52": "13rem", "56": "14rem", "60": "15rem", "64": "16rem", "72": "18rem", "80": "20rem", "88": "22rem", "96": "24rem", "px": "1px", "0.5": "0.125rem", "1.5": "0.375rem", "2.5": "0.625rem", "3.5": "0.875rem", "half": "50%", "full": "100%" } }, "font-family": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-family", "description": "Utilities for setting the font-family property of the element." }, "classname": "font", "variants": [ "default" ], "properties": [ "font-family" ], "values": { "sans": "-apple-system BlinkMacSystemFont Segoe UI Roboto Helvetica Neue Arial sans-serif", "serif": "Georgia Cambria Times New Roman Times serif", "mono": "SFMono-Regular Menlo Monaco Consolas Liberation Mono Courier New monospace" } }, "font-size": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-size", "description": "Utilities for setting the font-size property of the element." }, "classname": "text", "variants": [ "default", "responsive" ], "properties": [ "font-size" ], "values": { "3xs": "0.5rem", "2xs": "0.625rem", "xs": "0.75rem", "sm": "0.875rem", "base": "1rem", "lg": "1.125rem", "xl": "1.25rem", "2xl": "1.5rem", "3xl": "1.875rem", "4xl": "2.25rem", "5xl": "3rem", "6xl": "3.75rem", "7xl": "4.5rem", "8xl": "6rem", "9xl": "8rem" } }, "font-style": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-style", "description": "Utilities for setting the font-style property of the element." }, "classname": null, "variants": [ "default" ], "properties": [ "font-style" ], "values": { "italic": "italic", "not-italic": "normal" } }, "font-weight": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight", "description": "Utilities for setting the font-weight property of the element." }, "classname": "font", "variants": [ "default", "responsive", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "font-weight" ], "values": { "thin": "100", "extralight": "200", "light": "300", "normal": "400", "medium": "500", "semibold": "600", "bold": "700", "extrabold": "800", "black": "900" } }, "letter-spacing": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/letter-spacing", "description": "Utilities for setting the horizontal spacing behavior between text characters." }, "classname": "tracking", "variants": [ "default" ], "properties": [ "letter-spacing" ], "values": { "tighter": "-0.05em", "tight": "-0.025em", "normal": "0", "wide": "0.025em", "wider": "0.05em", "widest": "0.1em" } }, "line-height": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/line-height", "description": "Utilities for setting the line-height property of the element." }, "classname": "leading", "variants": [ "default", "responsive" ], "properties": [ "line-height" ], "values": { "3": "0.75rem", "4": "1rem", "5": "1.25rem", "6": "1.5rem", "7": "1.75rem", "8": "2rem", "9": "2.25rem", "10": "2.5rem", "none": "1", "tight": "1.25", "snug": "1.375", "normal": "1.5", "relaxed": "1.625", "loose": "2" } }, "list-style-position": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-position", "description": "Utilities for setting the position of bullets/numbers in lists" }, "classname": "list", "variants": [ "default" ], "properties": [ "list-style-position" ], "values": { "inside": "inside", "outside": "outside" } }, "list-style-type": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/list-style-type", "description": "Utilities for setting the bullets/numbers type in lists" }, "classname": "list", "variants": [ "default" ], "properties": [ "list-style-type" ], "values": { "none": "none", "disc": "disc", "decimal": "decimal" } }, "text-align": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-align", "description": "Utilities for setting the text-align property of the element." }, "classname": "text", "variants": [ "default", "responsive" ], "properties": [ "text-align" ], "values": { "justify": "justify", "left": "left", "center": "center", "right": "right" } }, "text-color": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/color", "description": "Utilities for setting the color property of the element." }, "classname": "text", "variants": [ "default", "responsive", "hover", "focus", "focus-within", "active", "disabled", "required", "checked", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "color" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "text-decoration": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-line", "description": "Utilities for setting the text-decoration-line property of the element." }, "classname": null, "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-decoration-line" ], "values": { "strike": "line-through", "underline": "underline", "no-underline": "none" } }, "text-decoration-color": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-color", "description": "Utilities for setting the text-decoration-color property of the element." }, "classname": "decoration", "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-decoration-color" ], "values": { "cool-50": "#F6F7F9", "cool-100": "#E7E9EF", "cool-200": "#CBD1DC", "cool-300": "#ACB6C8", "cool-400": "#8E9AB4", "cool-500": "#6F7F9F", "cool-600": "#5A6987", "cool-700": "#455168", "cool-800": "#313949", "cool-900": "#1F242E", "cool-950": "#14181F", "gray-50": "#F9FAFA", "gray-100": "#F3F4F5", "gray-200": "#D5D9DC", "gray-300": "#B7BDC3", "gray-400": "#9BA3AC", "gray-500": "#7C8792", "gray-600": "#646E78", "gray-700": "#4A5259", "gray-800": "#31363A", "gray-900": "#191C1F", "gray-950": "#0C0D0E", "neutral-50": "#FAFAFA", "neutral-100": "#F5F5F5", "neutral-200": "#E6E6E6", "neutral-300": "#C9C9C9", "neutral-400": "#ABABAB", "neutral-500": "#8F8F8F", "neutral-600": "#737373", "neutral-700": "#545454", "neutral-800": "#383838", "neutral-900": "#1A1A1A", "neutral-950": "#0D0D0D", "red-50": "#FCE9EB", "red-100": "#F9D2D6", "red-200": "#F2A6AD", "red-300": "#EC7985", "red-400": "#E54D5C", "red-500": "#DF2033", "red-600": "#B21A29", "red-700": "#86131F", "red-800": "#590D14", "red-900": "#2D060A", "red-950": "#160305", "orange-50": "#FEF0E6", "orange-100": "#FEE1CD", "orange-200": "#FDC49B", "orange-300": "#FBA66A", "orange-400": "#FA8938", "orange-500": "#F96B06", "orange-600": "#C75605", "orange-700": "#954004", "orange-800": "#642B02", "orange-900": "#321501", "orange-950": "#190B01", "yellow-50": "#FFF9E5", "yellow-100": "#FFF2CC", "yellow-200": "#FFE699", "yellow-300": "#FFD966", "yellow-400": "#FFCC33", "yellow-500": "#FFBF00", "yellow-600": "#CC9900", "yellow-700": "#997300", "yellow-800": "#664D00", "yellow-900": "#332600", "yellow-950": "#191300", "green-50": "#E5FBED", "green-100": "#CBF6DB", "green-200": "#9BEEB9", "green-300": "#66E595", "green-400": "#36DD73", "green-500": "#1FB757", "green-600": "#199446", "green-700": "#126D34", "green-800": "#0D4A23", "green-900": "#062311", "green-950": "#031108", "teal-50": "#E3FCFA", "teal-100": "#CCFAF6", "teal-200": "#99F5ED", "teal-300": "#66F0E4", "teal-400": "#33EADB", "teal-500": "#15D0C1", "teal-600": "#11A79A", "teal-700": "#0D7D74", "teal-800": "#08534D", "teal-900": "#042A27", "teal-950": "#021311", "blue-50": "#E6F0FF", "blue-100": "#CDE1FE", "blue-200": "#9BC4FD", "blue-300": "#69A6FC", "blue-400": "#3789FB", "blue-500": "#056BFA", "blue-600": "#0456C8", "blue-700": "#034096", "blue-800": "#022B64", "blue-900": "#011532", "blue-950": "#000B19", "indigo-50": "#ECECFD", "indigo-100": "#DEDEFC", "indigo-200": "#B8B9F9", "indigo-300": "#9799F7", "indigo-400": "#7173F4", "indigo-500": "#5053F1", "indigo-600": "#1316EC", "indigo-700": "#0E11B3", "indigo-800": "#090B76", "indigo-900": "#05063D", "indigo-950": "#02031C", "violet-50": "#F3ECFE", "violet-100": "#E6D8FD", "violet-200": "#CEB1FB", "violet-300": "#B58BF9", "violet-400": "#9C64F7", "violet-500": "#843DF5", "violet-600": "#610CE9", "violet-700": "#4809AF", "violet-800": "#300674", "violet-900": "#18033A", "violet-950": "#0C011D", "pink-50": "#FDE8F2", "pink-100": "#FBD5E8", "pink-200": "#F6ACD1", "pink-300": "#F282BA", "pink-400": "#ED59A3", "pink-500": "#E92F8C", "pink-600": "#CB1570", "pink-700": "#981054", "pink-800": "#650B38", "pink-900": "#33051C", "pink-950": "#17020D", "black": "#000", "white": "#fff", "transparent": "transparent", "current": "currentColor" } }, "text-decoration-style": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-style", "description": "Utilities for setting the text-decoration-style property of the element." }, "classname": "decoration", "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-decoration-style" ], "values": { "solid": "solid", "double": "double", "dotted": "dotted", "dashed": "dashed", "wavy": "wavy" } }, "text-decoration-thickness": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-decoration-thickness", "description": "Utilities for setting the text-decoration-thickness property of the element." }, "classname": "decoration", "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-decoration-thickness" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "8": "8px", "auto": "auto" } }, "text-underline-offset": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-underline-offset", "description": "Utilities for setting the text-underline-offset property of the element." }, "classname": "underline-offset", "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-underline-offset" ], "values": { "0": "0", "1": "1px", "2": "2px", "4": "4px", "8": "8px", "auto": "auto" } }, "text-overflow": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-overflow", "description": "Utilities for setting the text-overflow property of the element." }, "classname": "text", "variants": [ "default", "responsive" ], "properties": [ "text-overflow" ], "values": { "ellipsis": "ellipsis", "clip": "clip" } }, "text-transform": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/text-transform", "description": "Utilities for setting the text-transform property of the element." }, "classname": null, "variants": [ "default", "hover", "focus", "focus-within", "group-hover", "group-focus", "group-focus-within" ], "properties": [ "text-transform" ], "values": { "capitalize": "capitalize", "uppercase": "uppercase", "lowercase": "lowercase" } }, "vertical-align": { "attributes": { "group": "typography", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/vertical-align", "description": "Utilities for setting the vertical-align property of the element." }, "classname": "align", "variants": [ "default", "responsive" ], "properties": [ "vertical-align" ], "values": { "baseline": "baseline", "top": "top", "middle": "middle", "bottom": "bottom", "text-top": "text-top", "text-bottom": "text-bottom" } }, "filter-blur": { "attributes": { "group": "filter", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/filter", "description": "Utilities for applying a blur filter to the element." }, "classname": "blur", "variants": [ "default", "responsive" ], "properties": [ "filter" ], "values": { "none": "blur(0px)", "sm": "blur(2px)", "md": "blur(4px)", "lg": "blur(8px)", "xl": "blur(16px)", "2xl": "blur(32px)", "3xl": "blur(48px)" } }, "filter-sepia": { "attributes": { "group": "filter", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/filter", "description": "Utilities for applying a sepia filter the element." }, "classname": "sepia", "variants": [ "default", "responsive" ], "properties": [ "filter" ], "values": { "none": "sepia(0)", "full": "sepia(100%)" } }, "filter-invert": { "attributes": { "group": "filter", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/filter", "description": "Utilities for applying an invert filter to the element." }, "classname": "invert", "variants": [ "default", "responsive" ], "properties": [ "filter" ], "values": { "none": "invert(0)", "full": "invert(100%)" } }, "filter-backdrop-blur": { "attributes": { "group": "filter", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter", "description": "Utilities for applying a blurring effect to the area behind the element" }, "classname": "backdrop-blur", "variants": [ "default", "responsive" ], "properties": [ "backdrop-filter" ], "values": { "none": "blur(0px)", "sm": "blur(2px)", "md": "blur(4px)", "lg": "blur(8px)", "xl": "blur(16px)", "2xl": "blur(32px)", "3xl": "blur(48px)" } }, "scale": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a scale transform to the element." }, "classname": "scale", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "scale(0)", "25": "scale(0.25)", "50": "scale(0.5)", "75": "scale(0.75)", "100": "scale(1)", "125": "scale(1.25)", "150": "scale(1.5)" } }, "scale-x": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a scale in the X axis to the element." }, "classname": "scale-x", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "scaleX(0)", "25": "scaleX(0.25)", "50": "scaleX(0.5)", "75": "scaleX(0.75)", "100": "scaleX(1)", "125": "scaleX(1.25)", "150": "scaleX(1.5)" } }, "scale-y": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a scale in the Y axis of the element." }, "classname": "scale-y", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "scaleY(0)", "25": "scaleY(0.25)", "50": "scaleY(0.5)", "75": "scaleY(0.75)", "100": "scaleY(1)", "125": "scaleY(1.25)", "150": "scaleY(1.5)" } }, "rotate": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a rotation transform to the element." }, "classname": "rotate", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "rotate(0)", "45": "rotate(45deg)", "90": "rotate(90deg)", "180": "rotate(180deg)" } }, "translate-x": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a translation in the X axis to the element." }, "classname": "translate-x", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "translateX(0)", "1": "translateX(0.25rem)", "2": "translateX(0.5rem)", "3": "translateX(0.75rem)", "4": "translateX(1rem)", "6": "translateX(1.5rem)", "8": "translateX(2rem)", "10": "translateX(2.5rem)", "12": "translateX(3rem)", "14": "translateX(3.5rem)", "16": "translateX(4rem)", "18": "translateX(4.5rem)", "20": "translateX(5rem)", "24": "translateX(6rem)", "28": "translateX(7rem)", "32": "translateX(8rem)", "px": "translateX(1px)", "half": "translateX(50%)", "full": "translateX(100%)", "half-n": "translateX(-50%)", "full-n": "translateX(-100%)" } }, "translate-y": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform", "description": "Utilities for applying a translation in the Y axis to the element." }, "classname": "translate-y", "variants": [ "default", "responsive" ], "properties": [ "transform" ], "values": { "0": "translateY(0)", "1": "translateY(0.25rem)", "2": "translateY(0.5rem)", "3": "translateY(0.75rem)", "4": "translateY(1rem)", "6": "translateY(1.5rem)", "8": "translateY(2rem)", "10": "translateY(2.5rem)", "12": "translateY(3rem)", "14": "translateY(3.5rem)", "16": "translateY(4rem)", "18": "translateY(4.5rem)", "20": "translateY(5rem)", "24": "translateY(6rem)", "28": "translateY(7rem)", "32": "translateY(8rem)", "px": "translateY(1px)", "half": "translateY(50%)", "full": "translateY(100%)", "half-n": "translateY(-50%)", "full-n": "translateY(-100%)" } }, "transform-origin": { "attributes": { "group": "transform", "url": "https://developer.mozilla.org/en-US/docs/Web/CSS/transform-origin", "description": "Utilities for setting the transform-origin property of the element." }, "classname": "origin", "variants": [ "default", "responsive" ], "properties": [ "transform-origin" ], "values": { "center": "center", "top": "top", "top-right": "top right", "right": "right", "bottom-right": "bottom right", "bottom": "bottom", "bottom-left": "bottom left", "left": "left", "top-left": "top left" } } } }