tailwind.config.js

module.exports = {
	content: ["./app/**/*.{js,jsx,ts,tsx}"],
	presets: [],
	darkMode: "media", // or 'class'
	theme: {
		extend: {
			backgroundImage: {
				diamondLayer: "url('/images/diamond-wallet-layer.svg')",
				diamondFooter: "url('/images/diamond-footer.svg')",
			}
		},
		screens: {
			sm: "640px",
			md: "768px",
			lg: "1024px",
			xl: "1280px",
			"2xl": "1536px",
		},
		colors: ({ colors }) => ({
			inherit: colors.inherit,
			current: colors.current,
			transparent: colors.transparent,
			black: colors.black,
			white: colors.white,
			secondaryWhite: "#B2B2B2",
			disabledWhite: "#808080",
			secondaryBlack: "#808080",
			disabledBlack: "#BFBFBF",
			albyYellow: {
				800: "#322711",
				700: "#4A3B1A",
				600: "#634E22",
				500: "#7C622A",
				400: "#BA9340",
				300: "#F8C455",
				200: "#FCE2AA",
				100: "#FDF0D5",
				50: "#FEF9EE",
				25: "#FFFDFA"
			},
			albyColdGray: {
				800: "#272828",
				700: "#3B3C3C",
				600: "#4F5050",
				500: "#636464",
				400: "#949596",
				300: "#C5C7C8",
				200: "#E2E3E4",
				100: "#F1F1F1",
				50: "#F9F9F9",
				25: "#FDFDFD",
				20: "#707070"
			},
			albyWarmGray: {
				800: "#2A2A2A",
				700: "#3F3F3F",
				600: "#545454",
				500: "#696969",
				400: "#9E9E9D",
				300: "#D2D2D1",
				200: "#E9E9E8",
				100: "#F4F4F3",
				50: "#FBFBFA",
				25: "#FEFEFE"
			},
			error: {
				900: "#7A271A",
				800: "#912018",
				700: "#B42318",
				600: "#D92D20",
				500: "#F04438",
				400: "#F97066",
				300: "#FDA29B",
				200: "#FECDCA",
				100: "#FEE4E2",
				50: "#FEF3F2",
			},
			success: {
				900: "#054F31",
				800: "#05603A",
				700: "#027A48",
				600: "#039855",
				500: "#12B76A",
				400: "#32D583",
				300: "#6CE9A6",
				200: "#A6F4C5",
				100: "#D1FADF",
				50: "#ECFDF3",

			}
		}),
		columns: {
			auto: "auto",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
			8: "8",
			9: "9",
			10: "10",
			11: "11",
			12: "12",
			"3xs": "16rem",
			"2xs": "18rem",
			xs: "20rem",
			sm: "24rem",
			md: "28rem",
			lg: "32rem",
			xl: "36rem",
			"2xl": "42rem",
			"3xl": "48rem",
			"4xl": "56rem",
			"5xl": "64rem",
			"6xl": "72rem",
			"7xl": "80rem",
		},
		spacing: {
			px: "1px",
			0: "0px",
			0.5: "0.125rem",
			1: "0.25rem",
			1.5: "0.375rem",
			2: "0.5rem",
			2.5: "0.625rem",
			3: "0.75rem",
			3.5: "0.875rem",
			4: "1rem",
			5: "1.25rem",
			6: "1.5rem",
			6.5: "1.688rem",
			7: "1.75rem",
			7.5: "1.875rem",
			8: "2rem",
			9: "2.25rem",
			10: "2.5rem",
			11: "2.75rem",
			12: "3rem",
			12.5: "3.125rem",
			13: "3.328rem",
			13.5: "3.442rem",
			14: "3.5rem",
			14.5: "3.513rem",
			16: "4rem",
			17: "4.5rem",
			20: "5rem",
			21: "5.063rem",
			22: "5.625rem",
			24: "6rem",
			28: "7rem",
			32: "8rem",
			33: "8.625rem",
			36: "9rem",
			37: "9.188rem",
			38: "9.781rem",
			40: "10rem",
			40.5: "10.063rem",
			41: "10.188rem",
			42: "10.375rem",
			44: "11rem",
			48: "12rem",
			52: "13rem",
			53: "13.5rem",
			56: "14rem",
			60: "15rem",
			64: "16rem",
			72: "18rem",
			80: "20rem",
			96: "24rem",
			97: "25.938rem",
			98: "33.25rem",
		},
		animation: {
			none: "none",
			spin: "spin 1s linear infinite",
			ping: "ping 1s cubic-bezier(0, 0, 0.2, 1) infinite",
			pulse: "pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite",
			bounce: "bounce 1s infinite",
		},
		aspectRatio: {
			auto: "auto",
			square: "1 / 1",
			video: "16 / 9",
		},
		backdropBlur: ({ theme }) => theme("blur"),
		backdropBrightness: ({ theme }) => theme("brightness"),
		backdropContrast: ({ theme }) => theme("contrast"),
		backdropGrayscale: ({ theme }) => theme("grayscale"),
		backdropHueRotate: ({ theme }) => theme("hueRotate"),
		backdropInvert: ({ theme }) => theme("invert"),
		backdropOpacity: ({ theme }) => theme("opacity"),
		backdropSaturate: ({ theme }) => theme("saturate"),
		backdropSepia: ({ theme }) => theme("sepia"),
		backgroundColor: ({ theme }) => theme("colors"),
		backgroundImage: {
			none: "none",
			"gradient-to-t": "linear-gradient(to top, var(--tw-gradient-stops))",
			"gradient-to-tr": "linear-gradient(to top right, var(--tw-gradient-stops))",
			"gradient-to-r": "linear-gradient(to right, var(--tw-gradient-stops))",
			"gradient-to-br": "linear-gradient(to bottom right, var(--tw-gradient-stops))",
			"gradient-to-b": "linear-gradient(to bottom, var(--tw-gradient-stops))",
			"gradient-to-bl": "linear-gradient(to bottom left, var(--tw-gradient-stops))",
			"gradient-to-l": "linear-gradient(to left, var(--tw-gradient-stops))",
			"gradient-to-tl": "linear-gradient(to top left, var(--tw-gradient-stops))",
		},
		backgroundOpacity: ({ theme }) => theme("opacity"),
		backgroundPosition: {
			bottom: "bottom",
			center: "center",
			left: "left",
			"left-bottom": "left bottom",
			"left-top": "left top",
			right: "right",
			"right-bottom": "right bottom",
			"right-top": "right top",
			top: "top",
		},
		backgroundSize: {
			auto: "auto",
			cover: "cover",
			contain: "contain",
		},
		blur: {
			0: "0",
			none: "0",
			sm: "4px",
			DEFAULT: "8px",
			md: "12px",
			lg: "16px",
			xl: "24px",
			"2xl": "40px",
			"3xl": "64px",
		},
		brightness: {
			0: "0",
			50: ".5",
			75: ".75",
			90: ".9",
			95: ".95",
			100: "1",
			105: "1.05",
			110: "1.1",
			125: "1.25",
			150: "1.5",
			200: "2",
		},
		borderColor: ({ theme }) => ({
			...theme("colors"),
			DEFAULT: theme("colors.gray.200", "currentColor"),
		}),
		borderOpacity: ({ theme }) => theme("opacity"),
		borderRadius: {
			none: "0px",
			sm: "0.125rem",
			DEFAULT: "0.25rem",
			md: "0.375rem",
			lg: "0.5rem",
			xl: "0.75rem",
			"2xl": "1rem",
			"3xl": "1.5rem",
			full: "9999px",
		},
		borderWidth: {
			DEFAULT: "1px",
			0: "0px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		boxShadow: {
			sm: "0 1px 2px 0 rgb(0 0 0 / 0.05)",
			DEFAULT: "0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1)",
			md: "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
			lg: "0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1)",
			xl: "0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1)",
			"2xl": "0 25px 50px -12px rgb(0 0 0 / 0.25)",
			inner: "inset 0 2px 4px 0 rgb(0 0 0 / 0.05)",
			none: "none",
		},
		boxShadowColor: ({ theme }) => theme("colors"),
		caretColor: ({ theme }) => theme("colors"),
		accentColor: ({ theme }) => ({
			...theme("colors"),
			auto: "auto",
		}),
		contrast: {
			0: "0",
			50: ".5",
			75: ".75",
			100: "1",
			125: "1.25",
			150: "1.5",
			200: "2",
		},
		container: {},
		content: {
			none: "none",
		},
		cursor: {
			auto: "auto",
			default: "default",
			pointer: "pointer",
			wait: "wait",
			text: "text",
			move: "move",
			help: "help",
			"not-allowed": "not-allowed",
			none: "none",
			"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",
			"nwse-resize": "nwse-resize",
			"zoom-in": "zoom-in",
			"zoom-out": "zoom-out",
		},
		divideColor: ({ theme }) => theme("borderColor"),
		divideOpacity: ({ theme }) => theme("borderOpacity"),
		divideWidth: ({ theme }) => theme("borderWidth"),
		dropShadow: {
			sm: "0 1px 1px rgb(0 0 0 / 0.05)",
			DEFAULT: ["0 1px 2px rgb(0 0 0 / 0.1)", "0 1px 1px rgb(0 0 0 / 0.06)"],
			md: ["0 4px 3px rgb(0 0 0 / 0.07)", "0 2px 2px rgb(0 0 0 / 0.06)"],
			lg: ["0 10px 8px rgb(0 0 0 / 0.04)", "0 4px 3px rgb(0 0 0 / 0.1)"],
			xl: ["0 20px 13px rgb(0 0 0 / 0.03)", "0 8px 5px rgb(0 0 0 / 0.08)"],
			"2xl": "0 25px 25px rgb(0 0 0 / 0.15)",
			none: "0 0 #0000",
		},
		fill: ({ theme }) => theme("colors"),
		grayscale: {
			0: "0",
			DEFAULT: "100%",
		},
		hueRotate: {
			0: "0deg",
			15: "15deg",
			30: "30deg",
			60: "60deg",
			90: "90deg",
			180: "180deg",
		},
		invert: {
			0: "0",
			DEFAULT: "100%",
		},
		flex: {
			1: "1 1 0%",
			auto: "1 1 auto",
			initial: "0 1 auto",
			none: "none",
		},
		flexBasis: ({ theme }) => ({
			auto: "auto",
			...theme("spacing"),
			"1/2": "50%",
			"1/3": "33.333333%",
			"2/3": "66.666667%",
			"1/4": "25%",
			"2/4": "50%",
			"3/4": "75%",
			"1/5": "20%",
			"2/5": "40%",
			"3/5": "60%",
			"4/5": "80%",
			"1/6": "16.666667%",
			"2/6": "33.333333%",
			"3/6": "50%",
			"4/6": "66.666667%",
			"5/6": "83.333333%",
			"1/12": "8.333333%",
			"2/12": "16.666667%",
			"3/12": "25%",
			"4/12": "33.333333%",
			"5/12": "41.666667%",
			"6/12": "50%",
			"7/12": "58.333333%",
			"8/12": "66.666667%",
			"9/12": "75%",
			"10/12": "83.333333%",
			"11/12": "91.666667%",
			full: "100%",
		}),
		flexGrow: {
			0: "0",
			DEFAULT: "1",
		},
		flexShrink: {
			0: "0",
			DEFAULT: "1",
		},
		fontFamily: {
			sans: [
				"ui-sans-serif",
				"system-ui",
				"-apple-system",
				"BlinkMacSystemFont",
				"\"Segoe UI\"",
				"Roboto",
				"\"Helvetica Neue\"",
				"Arial",
				"\"Noto Sans\"",
				"sans-serif",
				"\"Apple Color Emoji\"",
				"\"Segoe UI Emoji\"",
				"\"Segoe UI Symbol\"",
				"\"Noto Color Emoji\"",
			],
			serif: ["ui-serif", "Georgia", "Cambria", "\"Times New Roman\"", "Times", "serif"],
			mono: [
				"ui-monospace",
				"SFMono-Regular",
				"Menlo",
				"Monaco",
				"Consolas",
				"\"Liberation Mono\"",
				"\"Courier New\"",
				"monospace",
			],
			primary: ["\"Inter\"", "sans-serif"],
			secondary: ["\"Catamaran\"", "sans-serif"],
		},
		fontSize: {
			xs: ["0.75rem", { lineHeight: "1rem" }],
			sm: ["0.875rem", { lineHeight: "1.25rem" }],
			base: ["1rem", { lineHeight: "1.5rem" }],
			lg: ["1.125rem", { lineHeight: "1.75rem" }],
			xl: ["1.25rem", { lineHeight: "1.75rem" }],
			"2xl": ["1.5rem", { lineHeight: "2rem" }],
			"3xl": ["1.875rem", { lineHeight: "2.25rem" }],
			"4xl": ["2.25rem", { lineHeight: "2.5rem" }],
			"5xxl": ["3rem", { lineHeight: "3.75rem" }],
			"5xl": ["3rem", { lineHeight: "1" }],
			"6xl": ["3.75rem", { lineHeight: "1" }],
			"7xl": ["4.5rem", { lineHeight: "1" }],
			"8xl": ["6rem", { lineHeight: "1" }],
			"9xl": ["8rem", { lineHeight: "1" }],
		},
		fontWeight: {
			thin: "100",
			extralight: "200",
			light: "300",
			normal: "400",
			medium: "500",
			semibold: "600",
			bold: "700",
			extrabold: "800",
			black: "900",
		},
		gap: ({ theme }) => theme("spacing"),
		gradientColorStops: ({ theme }) => theme("colors"),
		gridAutoColumns: {
			auto: "auto",
			min: "min-content",
			max: "max-content",
			fr: "minmax(0, 1fr)",
		},
		gridAutoRows: {
			auto: "auto",
			min: "min-content",
			max: "max-content",
			fr: "minmax(0, 1fr)",
		},
		gridColumn: {
			auto: "auto",
			"span-1": "span 1 / span 1",
			"span-2": "span 2 / span 2",
			"span-3": "span 3 / span 3",
			"span-4": "span 4 / span 4",
			"span-5": "span 5 / span 5",
			"span-6": "span 6 / span 6",
			"span-7": "span 7 / span 7",
			"span-8": "span 8 / span 8",
			"span-9": "span 9 / span 9",
			"span-10": "span 10 / span 10",
			"span-11": "span 11 / span 11",
			"span-12": "span 12 / span 12",
			"span-full": "1 / -1",
		},
		gridColumnEnd: {
			auto: "auto",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
			8: "8",
			9: "9",
			10: "10",
			11: "11",
			12: "12",
			13: "13",
		},
		gridColumnStart: {
			auto: "auto",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
			8: "8",
			9: "9",
			10: "10",
			11: "11",
			12: "12",
			13: "13",
		},
		gridRow: {
			auto: "auto",
			"span-1": "span 1 / span 1",
			"span-2": "span 2 / span 2",
			"span-3": "span 3 / span 3",
			"span-4": "span 4 / span 4",
			"span-5": "span 5 / span 5",
			"span-6": "span 6 / span 6",
			"span-full": "1 / -1",
		},
		gridRowStart: {
			auto: "auto",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
		},
		gridRowEnd: {
			auto: "auto",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
		},
		gridTemplateColumns: {
			none: "none",
			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))",
		},
		gridTemplateRows: {
			none: "none",
			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))",
		},
		height: ({ theme }) => ({
			auto: "auto",
			...theme("spacing"),
			"1/2": "50%",
			"1/3": "33.333333%",
			"2/3": "66.666667%",
			"1/4": "25%",
			"2/4": "50%",
			"3/4": "75%",
			"1/5": "20%",
			"2/5": "40%",
			"3/5": "60%",
			"4/5": "80%",
			"1/6": "16.666667%",
			"2/6": "33.333333%",
			"3/6": "50%",
			"4/6": "66.666667%",
			"5/6": "83.333333%",
			full: "100%",
			screen: "100vh",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
		}),
		inset: ({ theme }) => ({
			auto: "auto",
			...theme("spacing"),
			"1/2": "50%",
			"1/3": "33.333333%",
			"2/3": "66.666667%",
			"1/4": "25%",
			"2/4": "50%",
			"3/4": "75%",
			full: "100%",
		}),
		keyframes: {
			spin: {
				to: {
					transform: "rotate(360deg)",
				},
			},
			ping: {
				"75%, 100%": {
					transform: "scale(2)",
					opacity: "0",
				},
			},
			pulse: {
				"50%": {
					opacity: ".5",
				},
			},
			bounce: {
				"0%, 100%": {
					transform: "translateY(-25%)",
					animationTimingFunction: "cubic-bezier(0.8,0,1,1)",
				},
				"50%": {
					transform: "none",
					animationTimingFunction: "cubic-bezier(0,0,0.2,1)",
				},
			},
		},
		letterSpacing: {
			tighter: "-0.05em",
			tight: "-0.025em",
			normal: "0em",
			wide: "0.025em",
			wider: "0.05em",
			widest: "0.1em",
		},
		lineHeight: {
			none: "1",
			tight: "1.25",
			snug: "1.375",
			normal: "1.5",
			relaxed: "1.625",
			loose: "2",
			3: ".75rem",
			4: "1rem",
			5: "1.25rem",
			6: "1.5rem",
			7: "1.75rem",
			8: "2rem",
			9: "2.25rem",
			10: "2.5rem",
		},
		listStyleType: {
			none: "none",
			disc: "disc",
			decimal: "decimal",
		},
		margin: ({ theme }) => ({
			auto: "auto",
			...theme("spacing"),
		}),
		maxHeight: ({ theme }) => ({
			...theme("spacing"),
			full: "100%",
			screen: "100vh",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
		}),
		maxWidth: ({ theme, breakpoints }) => ({
			none: "none",
			0: "0rem",
			xs: "20rem",
			sm: "24rem",
			md: "28rem",
			lg: "32rem",
			xl: "36rem",
			"2xl": "42rem",
			"3xl": "48rem",
			"4xl": "56rem",
			"5xl": "64rem",
			"6xl": "72rem",
			"7xl": "80rem",
			full: "100%",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
			prose: "65ch",
			...breakpoints(theme("screens")),
		}),
		minHeight: {
			0: "0px",
			full: "100%",
			screen: "100vh",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
		},
		minWidth: {
			0: "0px",
			full: "100%",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
		},
		objectPosition: {
			bottom: "bottom",
			center: "center",
			left: "left",
			"left-bottom": "left bottom",
			"left-top": "left top",
			right: "right",
			"right-bottom": "right bottom",
			"right-top": "right top",
			top: "top",
		},
		opacity: {
			0: "0",
			5: "0.05",
			10: "0.1",
			20: "0.2",
			25: "0.25",
			30: "0.3",
			40: "0.4",
			50: "0.5",
			60: "0.6",
			70: "0.7",
			75: "0.75",
			80: "0.8",
			90: "0.9",
			95: "0.95",
			100: "1",
		},
		order: {
			first: "-9999",
			last: "9999",
			none: "0",
			1: "1",
			2: "2",
			3: "3",
			4: "4",
			5: "5",
			6: "6",
			7: "7",
			8: "8",
			9: "9",
			10: "10",
			11: "11",
			12: "12",
		},
		padding: ({ theme }) => theme("spacing"),
		placeholderColor: ({ theme }) => theme("colors"),
		placeholderOpacity: ({ theme }) => theme("opacity"),
		outlineColor: ({ theme }) => theme("colors"),
		outlineOffset: {
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		outlineWidth: {
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		ringColor: ({ theme }) => ({
			DEFAULT: theme("colors.blue.500", "#3b82f6"),
			...theme("colors"),
		}),
		ringOffsetColor: ({ theme }) => theme("colors"),
		ringOffsetWidth: {
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		ringOpacity: ({ theme }) => ({
			DEFAULT: "0.5",
			...theme("opacity"),
		}),
		ringWidth: {
			DEFAULT: "3px",
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		rotate: {
			0: "0deg",
			1: "1deg",
			2: "2deg",
			3: "3deg",
			6: "6deg",
			12: "12deg",
			45: "45deg",
			90: "90deg",
			180: "180deg",
		},
		saturate: {
			0: "0",
			50: ".5",
			100: "1",
			150: "1.5",
			200: "2",
		},
		scale: {
			0: "0",
			50: ".5",
			75: ".75",
			90: ".9",
			95: ".95",
			100: "1",
			105: "1.05",
			110: "1.1",
			125: "1.25",
			150: "1.5",
		},
		scrollMargin: ({ theme }) => ({
			...theme("spacing"),
		}),
		scrollPadding: ({ theme }) => theme("spacing"),
		sepia: {
			0: "0",
			DEFAULT: "100%",
		},
		skew: {
			0: "0deg",
			1: "1deg",
			2: "2deg",
			3: "3deg",
			6: "6deg",
			12: "12deg",
		},
		space: ({ theme }) => ({
			...theme("spacing"),
		}),
		stroke: ({ theme }) => theme("colors"),
		strokeWidth: {
			0: "0",
			1: "1",
			2: "2",
		},
		textColor: ({ theme }) => theme("colors"),
		textDecorationColor: ({ theme }) => theme("colors"),
		textDecorationThickness: {
			auto: "auto",
			"from-font": "from-font",
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		textUnderlineOffset: {
			auto: "auto",
			0: "0px",
			1: "1px",
			2: "2px",
			4: "4px",
			8: "8px",
		},
		textIndent: ({ theme }) => ({
			...theme("spacing"),
		}),
		textOpacity: ({ theme }) => theme("opacity"),
		transformOrigin: {
			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",
		},
		transitionDelay: {
			75: "75ms",
			100: "100ms",
			150: "150ms",
			200: "200ms",
			300: "300ms",
			500: "500ms",
			700: "700ms",
			1000: "1000ms",
		},
		transitionDuration: {
			DEFAULT: "150ms",
			75: "75ms",
			100: "100ms",
			150: "150ms",
			200: "200ms",
			300: "300ms",
			500: "500ms",
			700: "700ms",
			1000: "1000ms",
		},
		transitionProperty: {
			none: "none",
			all: "all",
			DEFAULT:
        "color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter",
			colors: "color, background-color, border-color, text-decoration-color, fill, stroke",
			opacity: "opacity",
			shadow: "box-shadow",
			transform: "transform",
		},
		transitionTimingFunction: {
			DEFAULT: "cubic-bezier(0.4, 0, 0.2, 1)",
			linear: "linear",
			in: "cubic-bezier(0.4, 0, 1, 1)",
			out: "cubic-bezier(0, 0, 0.2, 1)",
			"in-out": "cubic-bezier(0.4, 0, 0.2, 1)",
		},
		translate: ({ theme }) => ({
			...theme("spacing"),
			"1/2": "50%",
			"1/3": "33.333333%",
			"2/3": "66.666667%",
			"1/4": "25%",
			"2/4": "50%",
			"3/4": "75%",
			full: "100%",
		}),
		width: ({ theme }) => ({
			auto: "auto",
			...theme("spacing"),
			"1/2": "50%",
			"1/3": "33.333333%",
			"2/3": "66.666667%",
			"1/4": "25%",
			"2/4": "50%",
			"3/4": "75%",
			"1/5": "20%",
			"2/5": "40%",
			"3/5": "60%",
			"4/5": "80%",
			"1/6": "16.666667%",
			"2/6": "33.333333%",
			"3/6": "50%",
			"4/6": "66.666667%",
			"5/6": "83.333333%",
			"1/12": "8.333333%",
			"2/12": "16.666667%",
			"3/12": "25%",
			"4/12": "33.333333%",
			"5/12": "41.666667%",
			"6/12": "50%",
			"7/12": "58.333333%",
			"8/12": "66.666667%",
			"9/12": "75%",
			"10/12": "83.333333%",
			"11/12": "91.666667%",
			full: "100%",
			screen: "100vw",
			min: "min-content",
			max: "max-content",
			fit: "fit-content",
		}),
		willChange: {
			auto: "auto",
			scroll: "scroll-position",
			contents: "contents",
			transform: "transform",
		},
		zIndex: {
			auto: "auto",
			0: "0",
			10: "10",
			20: "20",
			30: "30",
			40: "40",
			50: "50",
		},
	},
	variantOrder: [
		"first",
		"last",
		"odd",
		"even",
		"visited",
		"checked",
		"empty",
		"read-only",
		"group-hover",
		"group-focus",
		"focus-within",
		"hover",
		"focus",
		"focus-visible",
		"active",
		"disabled",
	],
	plugins: [],
};