lowcss

{ "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/