tailwind.config.mjs

/** @type {import('tailwindcss').Config} */
module.exports = {
	content: ['./src/**/*.{astro,html,js,jsx,md,mdx,svelte,ts,tsx,vue}'],
	presets: [],
	theme: {
	  screens: {
		sm: '640px',
		md: '768px',
		lg: '1024px',
		xl: '1280px',
		'2xl': '1536px',
	  },
	  colors: ({ colors }) => ({
		inherit: colors.inherit,
		current: colors.current,
		transparent: colors.transparent,
		primary: "#219ebc",
		secondary: "#4cbb17",
		info: "#0C63E7",
		black: colors.black,
		white: colors.white,
		slate: colors.slate,
		gray: {
		  50: "#FAFAFC",
		  100: "#E9E9EC",
		  200: "#C6C8CD",
		  300: "#ACAEB6",
		  400: "#92959F",
		  500: "#777C87",
		  600: "#5D6370",
		  700: "#434959",
		  800: "#293041",
		  900: "#0f172a",
		},
		zinc: colors.zinc,
		neutral: colors.neutral,
		stone: colors.stone,
		red: colors.red,
		orange: colors.orange,
		amber: colors.amber,
		yellow: colors.yellow,
		lime: colors.lime,
		green: colors.green,
		emerald: colors.emerald,
		teal: colors.teal,
		cyan: colors.cyan,
		sky: colors.sky,
		blue: colors.blue,
		indigo: colors.indigo,
		violet: colors.violet,
		purple: colors.purple,
		fuchsia: colors.fuchsia,
		pink: colors.pink,
		rose: colors.rose,
	  }),
	  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',
		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',
		96: '24rem',
	  },
	  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',
	  },
	  borderSpacing: ({ theme }) => ({
		...theme('spacing'),
	  }),
	  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',
		],
	  },
	  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' }],
		'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: [],
  }