New

Stable version of Uniform CSS now officially released! Release note

Back to top

API Reference

All properties conveniently displayed.


animation

responsive: false, pseudos: (none)
animate-none
animation: none;
animate-spin
animation: spin 1s linear infinite;
animate-pulse
animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
animate-ping
animation: ping 2s cubic-bezier(0, 0, 0.2, 1) infinite;
animate-bounce
animation: bounce 1s infinite;

background-attachment

responsive: true, pseudos: (none)
bg-scroll
background-attachment: scroll;
bg-fixed
background-attachment: fixed;
bg-local
background-attachment: local;

background-clip

responsive: true, pseudos: (none)
bg-bg
background-clip: bg-box;
bg-padding
background-clip: padding-box;
bg-content
background-clip: content-box;
bg-text
background-clip: text;

background-color

responsive: false, pseudos: (hover,group-hover,focus)
bg-primary-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-50), var(--bg-opacity));
bg-primary-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-100), var(--bg-opacity));
bg-primary-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-200), var(--bg-opacity));
bg-primary-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-300), var(--bg-opacity));
bg-primary-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-400), var(--bg-opacity));
bg-primary-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-500), var(--bg-opacity));
bg-primary-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-600), var(--bg-opacity));
bg-primary-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-700), var(--bg-opacity));
bg-primary-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-800), var(--bg-opacity));
bg-primary-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-900), var(--bg-opacity));
bg-primary-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--primary-950), var(--bg-opacity));
bg-secondary-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-50), var(--bg-opacity));
bg-secondary-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-100), var(--bg-opacity));
bg-secondary-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-200), var(--bg-opacity));
bg-secondary-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-300), var(--bg-opacity));
bg-secondary-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-400), var(--bg-opacity));
bg-secondary-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-500), var(--bg-opacity));
bg-secondary-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-600), var(--bg-opacity));
bg-secondary-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-700), var(--bg-opacity));
bg-secondary-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-800), var(--bg-opacity));
bg-secondary-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-900), var(--bg-opacity));
bg-secondary-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--secondary-950), var(--bg-opacity));
bg-transparent
--bg-ltn: 50%
--bg-opacity: 1
bg: transparent;
bg-current
--bg-ltn: 50%
--bg-opacity: 1
background-color: currentColor;
bg-success
--bg-ltn: 50%
--bg-opacity: 1
background-color: var(--bg-success, rgba(18, 181, 57, var(--bg-opacity)));
bg-warning
--bg-ltn: 50%
--bg-opacity: 1
background-color: var(--bg-warning, rgba(210, 127, 0, var(--bg-opacity)));
bg-danger
--bg-ltn: 50%
--bg-opacity: 1
background-color: var(--bg-danger, rgba(203, 18, 0, var(--bg-opacity)));
bg-info
--bg-ltn: 50%
--bg-opacity: 1
background-color: var(--bg-info, rgba(0, 200, 177, var(--bg-opacity)));
bg-white
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--white), var(--bg-opacity));
bg-black
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--black), var(--bg-opacity));
bg-warm-gray-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-50), var(--bg-opacity));
bg-warm-gray-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-100), var(--bg-opacity));
bg-warm-gray-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-200), var(--bg-opacity));
bg-warm-gray-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-300), var(--bg-opacity));
bg-warm-gray-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-400), var(--bg-opacity));
bg-warm-gray-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-500), var(--bg-opacity));
bg-warm-gray-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-600), var(--bg-opacity));
bg-warm-gray-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-700), var(--bg-opacity));
bg-warm-gray-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-800), var(--bg-opacity));
bg-warm-gray-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-900), var(--bg-opacity));
bg-warm-gray-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--warm-gray-950), var(--bg-opacity));
bg-gray-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-50), var(--bg-opacity));
bg-gray-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-100), var(--bg-opacity));
bg-gray-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-200), var(--bg-opacity));
bg-gray-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-300), var(--bg-opacity));
bg-gray-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-400), var(--bg-opacity));
bg-gray-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-500), var(--bg-opacity));
bg-gray-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-600), var(--bg-opacity));
bg-gray-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-700), var(--bg-opacity));
bg-gray-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-800), var(--bg-opacity));
bg-gray-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-900), var(--bg-opacity));
bg-gray-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--gray-950), var(--bg-opacity));
bg-cool-gray-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-50), var(--bg-opacity));
bg-cool-gray-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-100), var(--bg-opacity));
bg-cool-gray-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-200), var(--bg-opacity));
bg-cool-gray-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-300), var(--bg-opacity));
bg-cool-gray-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-400), var(--bg-opacity));
bg-cool-gray-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-500), var(--bg-opacity));
bg-cool-gray-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-600), var(--bg-opacity));
bg-cool-gray-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-700), var(--bg-opacity));
bg-cool-gray-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-800), var(--bg-opacity));
bg-cool-gray-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-900), var(--bg-opacity));
bg-cool-gray-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cool-gray-950), var(--bg-opacity));
bg-red-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-50), var(--bg-opacity));
bg-red-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-100), var(--bg-opacity));
bg-red-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-200), var(--bg-opacity));
bg-red-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-300), var(--bg-opacity));
bg-red-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-400), var(--bg-opacity));
bg-red-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-500), var(--bg-opacity));
bg-red-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-600), var(--bg-opacity));
bg-red-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-700), var(--bg-opacity));
bg-red-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-800), var(--bg-opacity));
bg-red-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-900), var(--bg-opacity));
bg-red-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--red-950), var(--bg-opacity));
bg-orange-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-50), var(--bg-opacity));
bg-orange-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-100), var(--bg-opacity));
bg-orange-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-200), var(--bg-opacity));
bg-orange-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-300), var(--bg-opacity));
bg-orange-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-400), var(--bg-opacity));
bg-orange-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-500), var(--bg-opacity));
bg-orange-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-600), var(--bg-opacity));
bg-orange-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-700), var(--bg-opacity));
bg-orange-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-800), var(--bg-opacity));
bg-orange-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-900), var(--bg-opacity));
bg-orange-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--orange-950), var(--bg-opacity));
bg-yellow-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-50), var(--bg-opacity));
bg-yellow-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-100), var(--bg-opacity));
bg-yellow-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-200), var(--bg-opacity));
bg-yellow-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-300), var(--bg-opacity));
bg-yellow-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-400), var(--bg-opacity));
bg-yellow-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-500), var(--bg-opacity));
bg-yellow-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-600), var(--bg-opacity));
bg-yellow-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-700), var(--bg-opacity));
bg-yellow-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-800), var(--bg-opacity));
bg-yellow-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-900), var(--bg-opacity));
bg-yellow-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--yellow-950), var(--bg-opacity));
bg-lime-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-50), var(--bg-opacity));
bg-lime-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-100), var(--bg-opacity));
bg-lime-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-200), var(--bg-opacity));
bg-lime-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-300), var(--bg-opacity));
bg-lime-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-400), var(--bg-opacity));
bg-lime-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-500), var(--bg-opacity));
bg-lime-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-600), var(--bg-opacity));
bg-lime-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-700), var(--bg-opacity));
bg-lime-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-800), var(--bg-opacity));
bg-lime-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-900), var(--bg-opacity));
bg-lime-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--lime-950), var(--bg-opacity));
bg-green-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-50), var(--bg-opacity));
bg-green-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-100), var(--bg-opacity));
bg-green-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-200), var(--bg-opacity));
bg-green-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-300), var(--bg-opacity));
bg-green-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-400), var(--bg-opacity));
bg-green-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-500), var(--bg-opacity));
bg-green-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-600), var(--bg-opacity));
bg-green-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-700), var(--bg-opacity));
bg-green-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-800), var(--bg-opacity));
bg-green-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-900), var(--bg-opacity));
bg-green-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--green-950), var(--bg-opacity));
bg-teal-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-50), var(--bg-opacity));
bg-teal-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-100), var(--bg-opacity));
bg-teal-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-200), var(--bg-opacity));
bg-teal-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-300), var(--bg-opacity));
bg-teal-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-400), var(--bg-opacity));
bg-teal-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-500), var(--bg-opacity));
bg-teal-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-600), var(--bg-opacity));
bg-teal-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-700), var(--bg-opacity));
bg-teal-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-800), var(--bg-opacity));
bg-teal-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-900), var(--bg-opacity));
bg-teal-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--teal-950), var(--bg-opacity));
bg-cyan-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-50), var(--bg-opacity));
bg-cyan-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-100), var(--bg-opacity));
bg-cyan-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-200), var(--bg-opacity));
bg-cyan-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-300), var(--bg-opacity));
bg-cyan-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-400), var(--bg-opacity));
bg-cyan-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-500), var(--bg-opacity));
bg-cyan-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-600), var(--bg-opacity));
bg-cyan-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-700), var(--bg-opacity));
bg-cyan-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-800), var(--bg-opacity));
bg-cyan-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-900), var(--bg-opacity));
bg-cyan-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--cyan-950), var(--bg-opacity));
bg-blue-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-50), var(--bg-opacity));
bg-blue-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-100), var(--bg-opacity));
bg-blue-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-200), var(--bg-opacity));
bg-blue-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-300), var(--bg-opacity));
bg-blue-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-400), var(--bg-opacity));
bg-blue-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-500), var(--bg-opacity));
bg-blue-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-600), var(--bg-opacity));
bg-blue-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-700), var(--bg-opacity));
bg-blue-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-800), var(--bg-opacity));
bg-blue-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-900), var(--bg-opacity));
bg-blue-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--blue-950), var(--bg-opacity));
bg-indigo-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-50), var(--bg-opacity));
bg-indigo-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-100), var(--bg-opacity));
bg-indigo-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-200), var(--bg-opacity));
bg-indigo-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-300), var(--bg-opacity));
bg-indigo-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-400), var(--bg-opacity));
bg-indigo-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-500), var(--bg-opacity));
bg-indigo-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-600), var(--bg-opacity));
bg-indigo-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-700), var(--bg-opacity));
bg-indigo-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-800), var(--bg-opacity));
bg-indigo-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-900), var(--bg-opacity));
bg-indigo-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--indigo-950), var(--bg-opacity));
bg-purple-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-50), var(--bg-opacity));
bg-purple-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-100), var(--bg-opacity));
bg-purple-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-200), var(--bg-opacity));
bg-purple-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-300), var(--bg-opacity));
bg-purple-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-400), var(--bg-opacity));
bg-purple-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-500), var(--bg-opacity));
bg-purple-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-600), var(--bg-opacity));
bg-purple-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-700), var(--bg-opacity));
bg-purple-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-800), var(--bg-opacity));
bg-purple-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-900), var(--bg-opacity));
bg-purple-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--purple-950), var(--bg-opacity));
bg-pink-50
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-50), var(--bg-opacity));
bg-pink-100
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-100), var(--bg-opacity));
bg-pink-200
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-200), var(--bg-opacity));
bg-pink-300
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-300), var(--bg-opacity));
bg-pink-400
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-400), var(--bg-opacity));
bg-pink-500
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-500), var(--bg-opacity));
bg-pink-600
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-600), var(--bg-opacity));
bg-pink-700
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-700), var(--bg-opacity));
bg-pink-800
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-800), var(--bg-opacity));
bg-pink-900
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-900), var(--bg-opacity));
bg-pink-950
--bg-ltn: 50%
--bg-opacity: 1
background-color: rgba(var(--pink-950), var(--bg-opacity));
bg-transparent
--bg-ltn: 50%
--bg-opacity: 1
background-color: transparent;
bg-current
--bg-ltn: 50%
--bg-opacity: 1
background-color: current;

background-position

responsive: true, pseudos: (none)
bg-left-top
background-position: left top;
bg-left
background-position: left;
bg-left-bottom
background-position: left bottom;
bg-right-top
background-position: right top;
bg-right
background-position: right;
bg-top
background-position: top;
bg-bottom
background-position: bottom;
bg-center
background-position: center;

background-repeat

responsive: true, pseudos: (none)
bg-repeat
background-repeat: repeat;
bg-repeat-x
background-repeat: repeat-x;
bg-repeat-y
background-repeat: repeat-y;
bg-no-repeat
background-repeat: no-repeat;
bg-space
background-repeat: space;
bg-round
background-repeat: round;

background-size

responsive: true, pseudos: (none)
bg-auto
background-size: auto;
bg-cover
background-size: cover;
bg-contain
background-size: contain;

background

responsive: false, pseudos: (none)
bg-linear
--gradient: initial
background: linear-gradient(var(--gradient, to right, #40C6FF 0%, #505BED 100%));
bg-radial
--gradient: initial
background: radial-gradient(var(--gradient, circle at 50% 50%, #40c6ff, #505bed));
bg-conic
--gradient: initial
conic-gradient(var(--gradient, from 90deg at 50% 50%, #40c6ff, #505bed));
bg-linear-x-from-white
--gradient: initial
background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
bg-linear-x-to-white
--gradient: initial
background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
bg-linear-y-from-white
--gradient: initial
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%);
bg-linear-y-to-white
--gradient: initial
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%);
bg-linear-x-from-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 100%);
bg-radient-x-to-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear-y-from-black
--gradient: initial
background: linear-gradient(to right, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear-y-to-black
--gradient: initial
background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
bg-linear
--gradient: initial
background: linear-gradient(var(--gradient));
bg-conic
--gradient: initial
background: conic-gradient(var(--gradient));

background-opacity

responsive: false, pseudos: (hover,group-hover,focus)
bg-opacity-0
--bg-opacity
--bg-opacity: 0;
bg-opacity-2
--bg-opacity
--bg-opacity: 0.02;
bg-opacity-4
--bg-opacity
--bg-opacity: 0.04;
bg-opacity-6
--bg-opacity
--bg-opacity: 0.06;
bg-opacity-8
--bg-opacity
--bg-opacity: 0.08;
bg-opacity-10
--bg-opacity
--bg-opacity: 0.1;
bg-opacity-15
--bg-opacity
--bg-opacity: 0.15;
bg-opacity-20
--bg-opacity
--bg-opacity: 0.2;
bg-opacity-25
--bg-opacity
--bg-opacity: 0.25;
bg-opacity-30
--bg-opacity
--bg-opacity: 0.3;
bg-opacity-35
--bg-opacity
--bg-opacity: 0.35;
bg-opacity-40
--bg-opacity
--bg-opacity: 0.4;
bg-opacity-45
--bg-opacity
--bg-opacity: 0.45;
bg-opacity-50
--bg-opacity
--bg-opacity: 0.5;
bg-opacity-55
--bg-opacity
--bg-opacity: 0.55;
bg-opacity-60
--bg-opacity
--bg-opacity: 0.6;
bg-opacity-65
--bg-opacity
--bg-opacity: 0.65;
bg-opacity-70
--bg-opacity
--bg-opacity: 0.7;
bg-opacity-75
--bg-opacity
--bg-opacity: 0.75;
bg-opacity-80
--bg-opacity
--bg-opacity: 0.8;
bg-opacity-85
--bg-opacity
--bg-opacity: 0.85;
bg-opacity-90
--bg-opacity
--bg-opacity: 0.9;
bg-opacity-95
--bg-opacity
--bg-opacity: 0.95;
bg-opacity-100
--bg-opacity
--bg-opacity: 1;

border-bottom-left-radius

responsive: true, pseudos: (first)
radius-bl-none
border-bottom-left-radius: 0;
radius-bl-2xs
border-bottom-left-radius: 0.187rem;
radius-bl-xs
border-bottom-left-radius: 0.25rem;
radius-bl-sm
border-bottom-left-radius: 0.375rem;
radius-bl-md
border-bottom-left-radius: 0.5rem;
radius-bl-lg
border-bottom-left-radius: 0.75rem;
radius-bl-xl
border-bottom-left-radius: 1rem;
radius-bl-2xl
border-bottom-left-radius: 1.5rem;
radius-bl-full
border-bottom-left-radius: 9999px;

border-bottom-right-radius

responsive: true, pseudos: (last)
radius-br-none
border-bottom-right-radius: 0;
radius-br-2xs
border-bottom-right-radius: 0.187rem;
radius-br-xs
border-bottom-right-radius: 0.25rem;
radius-br-sm
border-bottom-right-radius: 0.375rem;
radius-br-md
border-bottom-right-radius: 0.5rem;
radius-br-lg
border-bottom-right-radius: 0.75rem;
radius-br-xl
border-bottom-right-radius: 1rem;
radius-br-2xl
border-bottom-right-radius: 1.5rem;
radius-br-full
border-bottom-right-radius: 9999px;

border-bottom-width

responsive: true, pseudos: (last)
border-b-0
border-bottom-width: 0;
border-b-1
border-bottom-width: 0.0625rem;
border-b-2
border-bottom-width: 0.125rem;
border-b-4
border-bottom-width: 0.25rem;
border-b-6
border-bottom-width: 0.375rem;

border-collapse

responsive: false, pseudos: (none)
border-separate
border-collapse: separate;
border-collapse
border-collapse: colla[se;

border-color

responsive: false, pseudos: (hover,group-hover,focus)
border-primary-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-50), var(--border-opacity));
border-primary-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-100), var(--border-opacity));
border-primary-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-200), var(--border-opacity));
border-primary-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-300), var(--border-opacity));
border-primary-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-400), var(--border-opacity));
border-primary-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-500), var(--border-opacity));
border-primary-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-600), var(--border-opacity));
border-primary-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-700), var(--border-opacity));
border-primary-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-800), var(--border-opacity));
border-primary-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-900), var(--border-opacity));
border-primary-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--primary-950), var(--border-opacity));
border-secondary-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-50), var(--border-opacity));
border-secondary-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-100), var(--border-opacity));
border-secondary-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-200), var(--border-opacity));
border-secondary-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-300), var(--border-opacity));
border-secondary-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-400), var(--border-opacity));
border-secondary-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-500), var(--border-opacity));
border-secondary-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-600), var(--border-opacity));
border-secondary-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-700), var(--border-opacity));
border-secondary-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-800), var(--border-opacity));
border-secondary-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-900), var(--border-opacity));
border-secondary-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--secondary-950), var(--border-opacity));
border-transparent
--border-ltn: 50%
--border-opacity: 1
border: transparent;
border-current
--border-ltn: 50%
--border-opacity: 1
border: currentColor;
border-success
--border-ltn: 50%
--border-opacity: 1
border: var(--border-success, rgba(18, 181, 57, var(--bg-opacity)));
border-warning
--border-ltn: 50%
--border-opacity: 1
border: var(--border-warning, rgba(210, 127, 0, var(--bg-opacity)));
border-danger
--border-ltn: 50%
--border-opacity: 1
border: var(--border-danger, rgba(203, 18, 0, var(--bg-opacity)));
border-info
--border-ltn: 50%
--border-opacity: 1
border: var(--border-info, rgba(0, 200, 177, var(--bg-opacity)));
border-white
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--white), var(--border-opacity));
border-black
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--black), var(--border-opacity));
border-warm-gray-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-50), var(--border-opacity));
border-warm-gray-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-100), var(--border-opacity));
border-warm-gray-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-200), var(--border-opacity));
border-warm-gray-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-300), var(--border-opacity));
border-warm-gray-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-400), var(--border-opacity));
border-warm-gray-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-500), var(--border-opacity));
border-warm-gray-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-600), var(--border-opacity));
border-warm-gray-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-700), var(--border-opacity));
border-warm-gray-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-800), var(--border-opacity));
border-warm-gray-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-900), var(--border-opacity));
border-warm-gray-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--warm-gray-950), var(--border-opacity));
border-gray-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-50), var(--border-opacity));
border-gray-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-100), var(--border-opacity));
border-gray-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-200), var(--border-opacity));
border-gray-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-300), var(--border-opacity));
border-gray-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-400), var(--border-opacity));
border-gray-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-500), var(--border-opacity));
border-gray-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-600), var(--border-opacity));
border-gray-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-700), var(--border-opacity));
border-gray-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-800), var(--border-opacity));
border-gray-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-900), var(--border-opacity));
border-gray-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--gray-950), var(--border-opacity));
border-cool-gray-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-50), var(--border-opacity));
border-cool-gray-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-100), var(--border-opacity));
border-cool-gray-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-200), var(--border-opacity));
border-cool-gray-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-300), var(--border-opacity));
border-cool-gray-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-400), var(--border-opacity));
border-cool-gray-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-500), var(--border-opacity));
border-cool-gray-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-600), var(--border-opacity));
border-cool-gray-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-700), var(--border-opacity));
border-cool-gray-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-800), var(--border-opacity));
border-cool-gray-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-900), var(--border-opacity));
border-cool-gray-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cool-gray-950), var(--border-opacity));
border-red-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-50), var(--border-opacity));
border-red-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-100), var(--border-opacity));
border-red-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-200), var(--border-opacity));
border-red-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-300), var(--border-opacity));
border-red-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-400), var(--border-opacity));
border-red-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-500), var(--border-opacity));
border-red-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-600), var(--border-opacity));
border-red-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-700), var(--border-opacity));
border-red-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-800), var(--border-opacity));
border-red-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-900), var(--border-opacity));
border-red-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--red-950), var(--border-opacity));
border-orange-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-50), var(--border-opacity));
border-orange-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-100), var(--border-opacity));
border-orange-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-200), var(--border-opacity));
border-orange-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-300), var(--border-opacity));
border-orange-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-400), var(--border-opacity));
border-orange-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-500), var(--border-opacity));
border-orange-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-600), var(--border-opacity));
border-orange-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-700), var(--border-opacity));
border-orange-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-800), var(--border-opacity));
border-orange-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-900), var(--border-opacity));
border-orange-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--orange-950), var(--border-opacity));
border-yellow-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-50), var(--border-opacity));
border-yellow-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-100), var(--border-opacity));
border-yellow-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-200), var(--border-opacity));
border-yellow-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-300), var(--border-opacity));
border-yellow-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-400), var(--border-opacity));
border-yellow-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-500), var(--border-opacity));
border-yellow-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-600), var(--border-opacity));
border-yellow-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-700), var(--border-opacity));
border-yellow-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-800), var(--border-opacity));
border-yellow-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-900), var(--border-opacity));
border-yellow-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--yellow-950), var(--border-opacity));
border-lime-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-50), var(--border-opacity));
border-lime-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-100), var(--border-opacity));
border-lime-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-200), var(--border-opacity));
border-lime-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-300), var(--border-opacity));
border-lime-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-400), var(--border-opacity));
border-lime-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-500), var(--border-opacity));
border-lime-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-600), var(--border-opacity));
border-lime-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-700), var(--border-opacity));
border-lime-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-800), var(--border-opacity));
border-lime-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-900), var(--border-opacity));
border-lime-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--lime-950), var(--border-opacity));
border-green-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-50), var(--border-opacity));
border-green-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-100), var(--border-opacity));
border-green-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-200), var(--border-opacity));
border-green-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-300), var(--border-opacity));
border-green-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-400), var(--border-opacity));
border-green-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-500), var(--border-opacity));
border-green-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-600), var(--border-opacity));
border-green-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-700), var(--border-opacity));
border-green-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-800), var(--border-opacity));
border-green-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-900), var(--border-opacity));
border-green-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--green-950), var(--border-opacity));
border-teal-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-50), var(--border-opacity));
border-teal-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-100), var(--border-opacity));
border-teal-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-200), var(--border-opacity));
border-teal-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-300), var(--border-opacity));
border-teal-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-400), var(--border-opacity));
border-teal-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-500), var(--border-opacity));
border-teal-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-600), var(--border-opacity));
border-teal-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-700), var(--border-opacity));
border-teal-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-800), var(--border-opacity));
border-teal-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-900), var(--border-opacity));
border-teal-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--teal-950), var(--border-opacity));
border-cyan-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-50), var(--border-opacity));
border-cyan-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-100), var(--border-opacity));
border-cyan-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-200), var(--border-opacity));
border-cyan-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-300), var(--border-opacity));
border-cyan-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-400), var(--border-opacity));
border-cyan-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-500), var(--border-opacity));
border-cyan-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-600), var(--border-opacity));
border-cyan-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-700), var(--border-opacity));
border-cyan-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-800), var(--border-opacity));
border-cyan-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-900), var(--border-opacity));
border-cyan-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--cyan-950), var(--border-opacity));
border-blue-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-50), var(--border-opacity));
border-blue-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-100), var(--border-opacity));
border-blue-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-200), var(--border-opacity));
border-blue-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-300), var(--border-opacity));
border-blue-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-400), var(--border-opacity));
border-blue-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-500), var(--border-opacity));
border-blue-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-600), var(--border-opacity));
border-blue-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-700), var(--border-opacity));
border-blue-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-800), var(--border-opacity));
border-blue-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-900), var(--border-opacity));
border-blue-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--blue-950), var(--border-opacity));
border-indigo-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-50), var(--border-opacity));
border-indigo-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-100), var(--border-opacity));
border-indigo-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-200), var(--border-opacity));
border-indigo-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-300), var(--border-opacity));
border-indigo-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-400), var(--border-opacity));
border-indigo-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-500), var(--border-opacity));
border-indigo-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-600), var(--border-opacity));
border-indigo-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-700), var(--border-opacity));
border-indigo-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-800), var(--border-opacity));
border-indigo-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-900), var(--border-opacity));
border-indigo-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--indigo-950), var(--border-opacity));
border-purple-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-50), var(--border-opacity));
border-purple-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-100), var(--border-opacity));
border-purple-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-200), var(--border-opacity));
border-purple-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-300), var(--border-opacity));
border-purple-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-400), var(--border-opacity));
border-purple-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-500), var(--border-opacity));
border-purple-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-600), var(--border-opacity));
border-purple-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-700), var(--border-opacity));
border-purple-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-800), var(--border-opacity));
border-purple-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-900), var(--border-opacity));
border-purple-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--purple-950), var(--border-opacity));
border-pink-50
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-50), var(--border-opacity));
border-pink-100
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-100), var(--border-opacity));
border-pink-200
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-200), var(--border-opacity));
border-pink-300
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-300), var(--border-opacity));
border-pink-400
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-400), var(--border-opacity));
border-pink-500
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-500), var(--border-opacity));
border-pink-600
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-600), var(--border-opacity));
border-pink-700
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-700), var(--border-opacity));
border-pink-800
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-800), var(--border-opacity));
border-pink-900
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-900), var(--border-opacity));
border-pink-950
--border-ltn: 50%
--border-opacity: 1
border: rgba(var(--pink-950), var(--border-opacity));
border-transparent
--border-ltn: 50%
--border-opacity: 1
border: transparent;
border-current
--border-ltn: 50%
--border-opacity: 1
border: current;

border-left-width

responsive: true, pseudos: (first)
border-l-0
border-left-width: 0;
border-l-1
border-left-width: 0.0625rem;
border-l-2
border-left-width: 0.125rem;
border-l-4
border-left-width: 0.25rem;
border-l-6
border-left-width: 0.375rem;

border-radius

responsive: true, pseudos: (none)
radius-none
border-radius: 0;
radius-2xs
border-radius: 0.187rem;
radius-xs
border-radius: 0.25rem;
radius-sm
border-radius: 0.375rem;
radius-md
border-radius: 0.5rem;
radius-lg
border-radius: 0.75rem;
radius-xl
border-radius: 1rem;
radius-2xl
border-radius: 1.5rem;
radius-full
border-radius: 9999px;

border-right-width

responsive: true, pseudos: (last)
border-r-0
border-right-width: 0;
border-r-1
border-right-width: 0.0625rem;
border-r-2
border-right-width: 0.125rem;
border-r-4
border-right-width: 0.25rem;
border-r-6
border-right-width: 0.375rem;

border-style

responsive: false, pseudos: (none)
border-solid
border-style: solid;
border-dashed
border-style: dashed;
border-dotted
border-style: dotted;
border-double
border-style: double;
border-none
border-style: none;

border-top-left-radius

responsive: true, pseudos: (first)
radius-tl-none
border-top-left-radius: 0;
radius-tl-2xs
border-top-left-radius: 0.187rem;
radius-tl-xs
border-top-left-radius: 0.25rem;
radius-tl-sm
border-top-left-radius: 0.375rem;
radius-tl-md
border-top-left-radius: 0.5rem;
radius-tl-lg
border-top-left-radius: 0.75rem;
radius-tl-xl
border-top-left-radius: 1rem;
radius-tl-2xl
border-top-left-radius: 1.5rem;
radius-tl-full
border-top-left-radius: 9999px;

border-top-right-radius

responsive: true, pseudos: (last)
radius-tr-none
border-top-right-radius: 0;
radius-tr-2xs
border-top-right-radius: 0.187rem;
radius-tr-xs
border-top-right-radius: 0.25rem;
radius-tr-sm
border-top-right-radius: 0.375rem;
radius-tr-md
border-top-right-radius: 0.5rem;
radius-tr-lg
border-top-right-radius: 0.75rem;
radius-tr-xl
border-top-right-radius: 1rem;
radius-tr-2xl
border-top-right-radius: 1.5rem;
radius-tr-full
border-top-right-radius: 9999px;

border-top-width

responsive: true, pseudos: (first)
border-t-0
border-top-width: 0;
border-t-1
border-top-width: 0.0625rem;
border-t-2
border-top-width: 0.125rem;
border-t-4
border-top-width: 0.25rem;
border-t-6
border-top-width: 0.375rem;

border-width

responsive: true, pseudos: (none)
border-0
border-width: 0;
border-1
border-width: 0.0625rem;
border-2
border-width: 0.125rem;
border-4
border-width: 0.25rem;
border-6
border-width: 0.375rem;

border-bottom-radius

responsive: true, pseudos: (last)
radius-b-none
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
radius-b-2xs
border-bottom-left-radius: 0.187rem;
border-bottom-right-radius: 0.187rem;
radius-b-xs
border-bottom-left-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
radius-b-sm
border-bottom-left-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
radius-b-md
border-bottom-left-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
radius-b-lg
border-bottom-left-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
radius-b-xl
border-bottom-left-radius: 1rem;
border-bottom-right-radius: 1rem;
radius-b-2xl
border-bottom-left-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
radius-b-full
border-bottom-left-radius: 9999px;
border-bottom-right-radius: 9999px;

border-left-radius

responsive: true, pseudos: (first)
radius-l-none
border-top-left-radius: 0;
border-bottom-left-radius: 0;
radius-l-2xs
border-top-left-radius: 0.187rem;
border-bottom-left-radius: 0.187rem;
radius-l-xs
border-top-left-radius: 0.25rem;
border-bottom-left-radius: 0.25rem;
radius-l-sm
border-top-left-radius: 0.375rem;
border-bottom-left-radius: 0.375rem;
radius-l-md
border-top-left-radius: 0.5rem;
border-bottom-left-radius: 0.5rem;
radius-l-lg
border-top-left-radius: 0.75rem;
border-bottom-left-radius: 0.75rem;
radius-l-xl
border-top-left-radius: 1rem;
border-bottom-left-radius: 1rem;
radius-l-2xl
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
radius-l-full
border-top-left-radius: 9999px;
border-bottom-left-radius: 9999px;

border-right-radius

responsive: true, pseudos: (last)
radius-r-none
border-top-right-radius: 0;
border-bottom-right-radius: 0;
radius-r-2xs
border-top-right-radius: 0.187rem;
border-bottom-right-radius: 0.187rem;
radius-r-xs
border-top-right-radius: 0.25rem;
border-bottom-right-radius: 0.25rem;
radius-r-sm
border-top-right-radius: 0.375rem;
border-bottom-right-radius: 0.375rem;
radius-r-md
border-top-right-radius: 0.5rem;
border-bottom-right-radius: 0.5rem;
radius-r-lg
border-top-right-radius: 0.75rem;
border-bottom-right-radius: 0.75rem;
radius-r-xl
border-top-right-radius: 1rem;
border-bottom-right-radius: 1rem;
radius-r-2xl
border-top-right-radius: 1.5rem;
border-bottom-right-radius: 1.5rem;
radius-l-full
border-top-right-radius: 9999px;
border-bottom-right-radius: 9999px;

border-opacity

responsive: false, pseudos: (hover,group-hover,focus)
border-opacity-0
--border-opacity
--border-opacity: 0;
border-opacity-2
--border-opacity
--border-opacity: 0.02;
border-opacity-4
--border-opacity
--border-opacity: 0.04;
border-opacity-6
--border-opacity
--border-opacity: 0.06;
border-opacity-8
--border-opacity
--border-opacity: 0.08;
border-opacity-10
--border-opacity
--border-opacity: 0.1;
border-opacity-15
--border-opacity
--border-opacity: 0.15;
border-opacity-20
--border-opacity
--border-opacity: 0.2;
border-opacity-25
--border-opacity
--border-opacity: 0.25;
border-opacity-30
--border-opacity
--border-opacity: 0.3;
border-opacity-35
--border-opacity
--border-opacity: 0.35;
border-opacity-40
--border-opacity
--border-opacity: 0.4;
border-opacity-45
--border-opacity
--border-opacity: 0.45;
border-opacity-50
--border-opacity
--border-opacity: 0.5;
border-opacity-55
--border-opacity
--border-opacity: 0.55;
border-opacity-60
--border-opacity
--border-opacity: 0.6;
border-opacity-65
--border-opacity
--border-opacity: 0.65;
border-opacity-70
--border-opacity
--border-opacity: 0.7;
border-opacity-75
--border-opacity
--border-opacity: 0.75;
border-opacity-80
--border-opacity
--border-opacity: 0.8;
border-opacity-85
--border-opacity
--border-opacity: 0.85;
border-opacity-90
--border-opacity
--border-opacity: 0.9;
border-opacity-95
--border-opacity
--border-opacity: 0.95;
border-opacity-100
--border-opacity
--border-opacity: 1;

border-top-radius

responsive: true, pseudos: (first)
radius-t-none
border-top-left-radius: 0;
border-top-right-radius: 0;
radius-t-2xs
border-top-left-radius: 0.187rem;
border-top-right-radius: 0.187rem;
radius-t-xs
border-top-left-radius: 0.25rem;
border-top-right-radius: 0.25rem;
radius-t-sm
border-top-left-radius: 0.375rem;
border-top-right-radius: 0.375rem;
radius-t-md
border-top-left-radius: 0.5rem;
border-top-right-radius: 0.5rem;
radius-t-lg
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
radius-t-xl
border-top-left-radius: 1rem;
border-top-right-radius: 1rem;
radius-t-2xl
border-top-left-radius: 1.5rem;
border-top-right-radius: 1.5rem;
radius-t-full
border-top-left-radius: 9999px;
border-top-right-radius: 9999px;

border-x-width

responsive: true, pseudos: (none)
border-x-0
border-left-width: 0;
border-right-width: 0;
border-x-1
border-left-width: 0.0625rem;
border-right-width: 0.0625rem;
border-x-2
border-left-width: 0.125rem;
border-right-width: 0.125rem;
border-x-4
border-left-width: 0.25rem;
border-right-width: 0.25rem;
border-x-6
border-left-width: 0.375rem;
border-right-width: 0.375rem;

border-y-width

responsive: true, pseudos: (none)
border-y-0
border-top-width: 0;
border-bottom-width: 0;
border-y-1
border-top-width: 0.0625rem;
border-bottom-width: 0.0625rem;
border-y-2
border-top-width: 0.125rem;
border-bottom-width: 0.125rem;
border-y-4
border-top-width: 0.25rem;
border-bottom-width: 0.25rem;
border-y-6
border-top-width: 0.375rem;
border-bottom-width: 0.375rem;

backdrop-filter

responsive: false, pseudos: (none)
backdrop
--backdrop-blur: 0
--backdrop-brightness: 1
--backdrop-contrast: 1
--backdrop-grayscale: 0
--backdrop-hue-rotate: 0deg
--backdrop-invert: 0
--backdrop-opacity: 1
--backdrop-saturate: 1
--backdrop-sepia: 0
backdrop-filter: blur(var(--backdrop-blur)) brightness(var(--backdrop-brightness)) contrast(var(--backdrop-contrast)) grayscale(var(--backdrop-grayscale)) hue-rotate(var(--backdrop-hue-rotate)) invert(var(--backdrop-invert)) opacity(var(--backdrop-opacity)) saturate(var(--backdrop-saturate)) sepia(var(--backdrop-sepia));
backdrop
--backdrop-blur: 0
--backdrop-brightness: 1
--backdrop-contrast: 1
--backdrop-grayscale: 0
--backdrop-hue-rotate: 0deg
--backdrop-invert: 0
--backdrop-opacity: 1
--backdrop-saturate: 1
--backdrop-sepia: 0
backdrop-filter: none;

backdrop-blur

responsive: false, pseudos: (none)
backdrop-blur-2xs
--backdrop-blur: 4px;
backdrop-blur-xs
--backdrop-blur: 8px;
backdrop-blur-sm
--backdrop-blur: 12px;
backdrop-blur-md
--backdrop-blur: 16px;
backdrop-blur-lg
--backdrop-blur: 24px;
backdrop-blur-xl
--backdrop-blur: 32px;
backdrop-blur-2xl
--backdrop-blur: 48px;

backdrop-brightness

responsive: false, pseudos: (none)
backdrop-brightness-100
--backdrop-brightness: 1;
backdrop-brightness-110
--backdrop-brightness: 1.1;
backdrop-brightness-120
--backdrop-brightness: 1.2;
backdrop-brightness-130
--backdrop-brightness: 1.3;
backdrop-brightness-140
--backdrop-brightness: 1.4;
backdrop-brightness-150
--backdrop-brightness: 1.5;
backdrop-brightness-160
--backdrop-brightness: 1.6;
backdrop-brightness-170
--backdrop-brightness: 1.7;
backdrop-brightness-180
--backdrop-brightness: 1.8;
backdrop-brightness-190
--backdrop-brightness: 1.9;
backdrop-brightness-200
--backdrop-brightness: 2;

backdrop-contrast

responsive: false, pseudos: (none)
backdrop-contrast-0
--backdrop-contrast: 0;
backdrop-contrast-10
--backdrop-contrast: 0.1;
backdrop-contrast-20
--backdrop-contrast: 0.2;
backdrop-contrast-30
--backdrop-contrast: 0.3;
backdrop-contrast-40
--backdrop-contrast: 0.4;
backdrop-contrast-50
--backdrop-contrast: 0.5;
backdrop-contrast-60
--backdrop-contrast: 0.6;
backdrop-contrast-70
--backdrop-contrast: 0.7;
backdrop-contrast-80
--backdrop-contrast: 0.8;
backdrop-contrast-90
--backdrop-contrast: 0.9;
backdrop-contrast-100
--backdrop-contrast: 1;

backdrop-grayscale

responsive: false, pseudos: (none)
backdrop-grayscale-0
--backdrop-grayscale: 0;
backdrop-grayscale-100
--backdrop-grayscale: 1;

backdrop-hue-rotate

responsive: false, pseudos: (none)
backdrop-hue-rotate-0
--backdrop-hue-rotate: 0deg;
backdrop-hue-rotate-15
backdrop-hue-rotate: 15deg;
backdrop-hue-rotate-30
backdrop-hue-rotate: 30deg;
backdrop-hue-rotate-60
backdrop-hue-rotate: 60deg;
backdrop-hue-rotate-90
backdrop-hue-rotate: 90deg;
backdrop-hue-rotate-180
backdrop-hue-rotate: 180deg;

backdrop-invert

responsive: false, pseudos: (none)
backdrop-invert-0
--backdrop-invert: 0;
backdrop-invert-100
--backdrop-invert: 1;

backdrop-opacity

responsive: false, pseudos: (none)
backdrop-opacity-0
--backdrop-opacity: 0;
backdrop-opacity-2
--backdrop-opacity: 0.02;
backdrop-opacity-4
--backdrop-opacity: 0.04;
backdrop-opacity-6
--backdrop-opacity: 0.06;
backdrop-opacity-8
--backdrop-opacity: 0.08;
backdrop-opacity-10
--backdrop-opacity: 0.1;
backdrop-opacity-15
--backdrop-opacity: 0.15;
backdrop-opacity-20
--backdrop-opacity: 0.2;
backdrop-opacity-25
--backdrop-opacity: 0.25;
backdrop-opacity-30
--backdrop-opacity: 0.3;
backdrop-opacity-35
--backdrop-opacity: 0.35;
backdrop-opacity-40
--backdrop-opacity: 0.4;
backdrop-opacity-45
--backdrop-opacity: 0.45;
backdrop-opacity-50
--backdrop-opacity: 0.5;
backdrop-opacity-55
--backdrop-opacity: 0.55;
backdrop-opacity-60
--backdrop-opacity: 0.6;
backdrop-opacity-65
--backdrop-opacity: 0.65;
backdrop-opacity-70
--backdrop-opacity: 0.7;
backdrop-opacity-75
--backdrop-opacity: 0.75;
backdrop-opacity-80
--backdrop-opacity: 0.8;
backdrop-opacity-85
--backdrop-opacity: 0.85;
backdrop-opacity-90
--backdrop-opacity: 0.9;
backdrop-opacity-95
--backdrop-opacity: 0.95;
backdrop-opacity-100
--backdrop-opacity: 1;

backdrop-saturate

responsive: false, pseudos: (none)
backdrop-saturate-100
--backdrop-saturate: 1;
backdrop-saturate-110
--backdrop-saturate: 1.1;
backdrop-saturate-120
--backdrop-saturate: 1.2;
backdrop-saturate-130
--backdrop-saturate: 1.3;
backdrop-saturate-140
--backdrop-saturate: 1.4;
backdrop-saturate-150
--backdrop-saturate: 1.5;
backdrop-saturate-160
--backdrop-saturate: 1.6;
backdrop-saturate-170
--backdrop-saturate: 1.7;
backdrop-saturate-180
--backdrop-saturate: 1.8;
backdrop-saturate-190
--backdrop-saturate: 1.9;
backdrop-saturate-200
--backdrop-saturate: 2;

backdrop-sepia

responsive: false, pseudos: (none)
backdrop-sepia-0
--backdrop-sepia: 0;
backdrop-sepia-100
--backdrop-sepia: 1;

filter

responsive: false, pseudos: (none)
filter
--filter-blur: 0
--filter-brightness: 1
--filter-contrast: 1
--filter-grayscale: 0
--filter-hue-rotate: 0deg
--filter-invert: 0
--filter-opacity: 1
--filter-saturate: 1
--filter-sepia: 0
filter: blur(var(--filter-blur)) brightness(var(--filter-brightness)) contrast(var(--filter-contrast)) grayscale(var(--filter-grayscale)) hue-rotate(var(--filter-hue-rotate)) invert(var(--filter-invert)) opacity(var(--filter-opacity)) saturate(var(--filter-saturate)) sepia(var(--filter-sepia));
filter-none
--filter-blur: 0
--filter-brightness: 1
--filter-contrast: 1
--filter-grayscale: 0
--filter-hue-rotate: 0deg
--filter-invert: 0
--filter-opacity: 1
--filter-saturate: 1
--filter-sepia: 0
filter: none;

filter-blur

responsive: false, pseudos: (none)
filter-blur-2xs
--filter-blur: 4px;
filter-blur-xs
--filter-blur: 8px;
filter-blur-sm
--filter-blur: 12px;
filter-blur-md
--filter-blur: 16px;
filter-blur-lg
--filter-blur: 24px;
filter-blur-xl
--filter-blur: 32px;
filter-blur-2xl
--filter-blur: 48px;

filter-brightness

responsive: false, pseudos: (none)
filter-brightness-100
--filter-brightness: 1;
filter-brightness-110
--filter-brightness: 1.1;
filter-brightness-120
--filter-brightness: 1.2;
filter-brightness-130
--filter-brightness: 1.3;
filter-brightness-140
--filter-brightness: 1.4;
filter-brightness-150
--filter-brightness: 1.5;
filter-brightness-160
--filter-brightness: 1.6;
filter-brightness-170
--filter-brightness: 1.7;
filter-brightness-180
--filter-brightness: 1.8;
filter-brightness-190
--filter-brightness: 1.9;
filter-brightness-200
--filter-brightness: 2;

filter-contrast

responsive: false, pseudos: (none)
filter-contrast-0
--filter-contrast: 0;
filter-contrast-10
--filter-contrast: 0.1;
filter-contrast-20
--filter-contrast: 0.2;
filter-contrast-30
--filter-contrast: 0.3;
filter-contrast-40
--filter-contrast: 0.4;
filter-contrast-50
--filter-contrast: 0.5;
filter-contrast-60
--filter-contrast: 0.6;
filter-contrast-70
--filter-contrast: 0.7;
filter-contrast-80
--filter-contrast: 0.8;
filter-contrast-90
--filter-contrast: 0.9;
filter-contrast-100
--filter-contrast: 1;

filter-grayscale

responsive: false, pseudos: (none)
filter-grayscale-0
--filter-grayscale: 0;
filter-grayscale-100
--filter-grayscale: 1;

filter-hue-rotate

responsive: false, pseudos: (none)
filter-hue-rotate-0
--filter-hue-rotate: 0deg;
filter-hue-rotate-15
filter-hue-rotate: 15deg;
filter-hue-rotate-30
filter-hue-rotate: 30deg;
filter-hue-rotate-60
filter-hue-rotate: 60deg;
filter-hue-rotate-90
filter-hue-rotate: 90deg;
filter-hue-rotate-180
filter-hue-rotate: 180deg;

filter-invert

responsive: false, pseudos: (none)
filter-invert-0
--filter-invert: 0;
filter-invert-100
--filter-invert: 1;

filter-opacity

responsive: false, pseudos: (none)
filter-opacity-0
--filter-opacity: 0;
filter-opacity-2
--filter-opacity: 0.02;
filter-opacity-4
--filter-opacity: 0.04;
filter-opacity-6
--filter-opacity: 0.06;
filter-opacity-8
--filter-opacity: 0.08;
filter-opacity-10
--filter-opacity: 0.1;
filter-opacity-15
--filter-opacity: 0.15;
filter-opacity-20
--filter-opacity: 0.2;
filter-opacity-25
--filter-opacity: 0.25;
filter-opacity-30
--filter-opacity: 0.3;
filter-opacity-35
--filter-opacity: 0.35;
filter-opacity-40
--filter-opacity: 0.4;
filter-opacity-45
--filter-opacity: 0.45;
filter-opacity-50
--filter-opacity: 0.5;
filter-opacity-55
--filter-opacity: 0.55;
filter-opacity-60
--filter-opacity: 0.6;
filter-opacity-65
--filter-opacity: 0.65;
filter-opacity-70
--filter-opacity: 0.7;
filter-opacity-75
--filter-opacity: 0.75;
filter-opacity-80
--filter-opacity: 0.8;
filter-opacity-85
--filter-opacity: 0.85;
filter-opacity-90
--filter-opacity: 0.9;
filter-opacity-95
--filter-opacity: 0.95;
filter-opacity-100
--filter-opacity: 1;

filter-saturate

responsive: false, pseudos: (none)
filter-saturate-100
--filter-saturate: 1;
filter-saturate-110
--filter-saturate: 1.1;
filter-saturate-120
--filter-saturate: 1.2;
filter-saturate-130
--filter-saturate: 1.3;
filter-saturate-140
--filter-saturate: 1.4;
filter-saturate-150
--filter-saturate: 1.5;
filter-saturate-160
--filter-saturate: 1.6;
filter-saturate-170
--filter-saturate: 1.7;
filter-saturate-180
--filter-saturate: 1.8;
filter-saturate-190
--filter-saturate: 1.9;
filter-saturate-200
--filter-saturate: 2;

filter-sepia

responsive: false, pseudos: (none)
filter-sepia-0
--filter-sepia: 0;
filter-sepia-100
--filter-sepia: 1;

box-shadow

responsive: true, pseudos: (hover,group-hover,focus)
shadow-none
box-shadow: 0;
shadow-2xs
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
shadow-xs
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15), 0 1px 3px rgba(0, 0, 0, 0.2);
shadow-sm
box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23);
shadow-md
box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
shadow-lg
box-shadow: 0 15px 30px rgba(0, 0, 0, 0.25), 0 10px 10px rgba(0, 0, 0, 0.2);
shadow-xl
box-shadow: 0 20px 40px rgba(0, 0, 0, 0.3), 0 15px 10px rgba(0, 0, 0, 0.2);
shadow-2xl
box-shadow: 0 25px 45px rgba(0, 0, 0, 0.3), 0 20px 20px rgba(0, 0, 0, 0.3);
shadow-focus
box-shadow: 0 0 0 4px hsla(220, 75%, 50%, 20%);
shadow-success
box-shadow: 0 0 0 4px hsla(80, 75%, 50%, 20%);
shadow-warning
box-shadow: 0 0 0 4px hsla(40, 75%, 50%, 20%);
shadow-danger
box-shadow: 0 0 0 4px hsla(0, 75%, 50%, 20%);

mix-blend-mode

responsive: false, pseudos: (none)
blend-normal
mix-blend-mode: normal;
blend-multiply;
mix-blend-mode: multiply;
blend-screen;
mix-blend-mode: screen;
blend-overlay;
mix-blend-mode: overlay;
blend-darken;
mix-blend-mode: darken;
blend-lighten;
mix-blend-mode: lighten;
blend-color-dodge;
mix-blend-mode: color-dodge;
blend-color-burn;
mix-blend-mode: color-burn;
blend-hard-light;
mix-blend-mode: hard-light;
blend-soft-light;
mix-blend-mode: soft-light;
blend-difference;
mix-blend-mode: difference;
blend-exclusion;
mix-blend-mode: exclusion;
blend-hue;
mix-blend-mode: hue;
blend-saturation;
mix-blend-mode: saturation;
blend-color;
mix-blend-mode: color;
blend-luminosity;
mix-blend-mode: luminosity;

opacity

responsive: true, pseudos: (hover,group-hover,focus)
opacity-0
opacity: 0;
opacity-2
opacity: 0.02;
opacity-4
opacity: 0.04;
opacity-6
opacity: 0.06;
opacity-8
opacity: 0.08;
opacity-10
opacity: 0.1;
opacity-15
opacity: 0.15;
opacity-20
opacity: 0.2;
opacity-25
opacity: 0.25;
opacity-30
opacity: 0.3;
opacity-35
opacity: 0.35;
opacity-40
opacity: 0.4;
opacity-45
opacity: 0.45;
opacity-50
opacity: 0.5;
opacity-55
opacity: 0.55;
opacity-60
opacity: 0.6;
opacity-65
opacity: 0.65;
opacity-70
opacity: 0.7;
opacity-75
opacity: 0.75;
opacity-80
opacity: 0.8;
opacity-85
opacity: 0.85;
opacity-90
opacity: 0.9;
opacity-95
opacity: 0.95;
opacity-100
opacity: 1;

align-content

responsive: true, pseudos: (none)
align-content-center
align-content: center;
align-content-start
align-content: flex-start;
align-content-end
align-content: flex-end;
align-content-between
align-content: space-between;
align-content-around
align-content: space-around;
align-content-evenly
align-content: space-evenly;

align-items

responsive: true, pseudos: (none)
align-items-center
align-items: center;
align-items-start
align-items: flex-start;
align-items-end
align-items: flex-end;
align-items-baseline
align-items: baseline;
align-items-stretch
align-items: stretch;

align-self

responsive: true, pseudos: (none)
align-self-auto
align-self: auto;
align-self-stretch
align-self: stretch;
align-self-center
align-self: center;
align-self-start
align-self: flex-start;
align-self-end
align-self: flex-end;

justify-content

responsive: true, pseudos: (none)
justify-content-start
justify-content: flex-start;
justify-content-center
justify-content: center;
justify-content-end
justify-content: flex-end;
justify-content-between
justify-content: space-between;
justify-content-around
justify-content: space-around;
justify-content-evenly
justify-content: space-evenly;

justify-items

responsive: true, pseudos: (none)
justify-items-auto
justify-items: auto;
justify-items-start
justify-items: start;
justify-items-end
justify-items: end;
justify-items-center
justify-items: center;
justify-items-stretch
justify-items: stretch;

justify-self

responsive: true, pseudos: (none)
justify-self-auto
justify-self: auto;
justify-self-start
justify-self: start;
justify-self-end
justify-self: end;
justify-self-center
justify-self: center;
justify-self-stretch
justify-self: stretch;

flex-direction

responsive: true, pseudos: (none)
flex-row
flex-direction: row;
flex-row-reverse
flex-direction: row-reverse;
flex-col
flex-direction: column;
flex-col-reverse
flex-direction: col-reverse;

flex-grow

responsive: true, pseudos: (none)
flex-grow-1
flex-grow: 1
flex-grow-0
flex-grow: 0

flex-shrink

responsive: true, pseudos: (none)
flex-shrink-1
flex-shrink: 1;
flex-shrink-0
flex-shrink: 0;

flex-wrap

responsive: true, pseudos: (none)
flex-no-wrap
flex-wrap: nowrap;
flex-wrap
flex-wrap: wrap;
flex-wrap-reverse
flex-wrap: wrap-reverse;

flex

responsive: true, pseudos: (none)
flex-initial
flex: 0 1 auto;
flex-1
flex: 1 1 0%;
flex-auto
flex: 1 1 auto;
flex-none
flex: none;

order

responsive: true, pseudos: (none)
order-first
order: -9999;
order-last
order: 9999;
order-1
order: 1;
order-2
order: 2;
order-3
order: 3;
order-4
order: 4;
order-5
order: 5;
order-6
order: 6;
order-7
order: 7;
order-8
order: 8;
order-9
order: 9;
order-10
order: 10;
order-11
order: 11;
order-12
order: 12;

column-gap

responsive: true, pseudos: (none)
col-gap-0
column-gap: 0;
col-gap-1
column-gap: 0.0625rem;
col-gap-2
column-gap: 0.125rem;
col-gap-4
column-gap: 0.25rem;
col-gap-6
column-gap: 0.375rem;
col-gap-8
column-gap: 0.5rem;
col-gap-10
column-gap: 0.625rem;
col-gap-12
column-gap: 0.75rem;
col-gap-14
column-gap: 0.875rem;
col-gap-16
column-gap: 1rem;
col-gap-18
column-gap: 1.125rem;
col-gap-20
column-gap: 1.25rem;
col-gap-24
column-gap: 1.5rem;
col-gap-28
column-gap: 1.75rem;
col-gap-32
column-gap: 2rem;
col-gap-36
column-gap: 2.25rem;
col-gap-40
column-gap: 2.5rem;
col-gap-48
column-gap: 3rem;
col-gap-56
column-gap: 3.5rem;
col-gap-64
column-gap: 4rem;
col-gap-72
column-gap: 4.5rem;
col-gap-80
column-gap: 5rem;
col-gap-96
column-gap: 6rem;
col-gap-112
column-gap: 7rem;
col-gap-128
column-gap: 8rem;
col-gap-144
column-gap: 8rem;
col-gap-160
column-gap: 8rem;
col-gap-192
column-gap: 8rem;
col-gap-224
column-gap: 8rem;
col-gap-256
column-gap: 8rem;
col-gap-288
column-gap: 8rem;
col-gap-320
column-gap: 8rem;
col-gap-384
column-gap: 8rem;

gap

responsive: true, pseudos: (none)
gap-0
gap: 0;
gap-1
gap: 0.0625rem;
gap-2
gap: 0.125rem;
gap-4
gap: 0.25rem;
gap-6
gap: 0.375rem;
gap-8
gap: 0.5rem;
gap-10
gap: 0.625rem;
gap-12
gap: 0.75rem;
gap-14
gap: 0.875rem;
gap-16
gap: 1rem;
gap-18
gap: 1.125rem;
gap-20
gap: 1.25rem;
gap-24
gap: 1.5rem;
gap-28
gap: 1.75rem;
gap-32
gap: 2rem;
gap-36
gap: 2.25rem;
gap-40
gap: 2.5rem;
gap-48
gap: 3rem;
gap-56
gap: 3.5rem;
gap-64
gap: 4rem;
gap-72
gap: 4.5rem;
gap-80
gap: 5rem;
gap-96
gap: 6rem;
gap-112
gap: 7rem;
gap-128
gap: 8rem;
gap-144
gap: 8rem;
gap-160
gap: 8rem;
gap-192
gap: 8rem;
gap-224
gap: 8rem;
gap-256
gap: 8rem;
gap-288
gap: 8rem;
gap-320
gap: 8rem;
gap-384
gap: 8rem;

row-gap

responsive: true, pseudos: (none)
row-gap-0
row-gap: 0;
row-gap-1
row-gap: 0.0625rem;
row-gap-2
row-gap: 0.125rem;
row-gap-4
row-gap: 0.25rem;
row-gap-6
row-gap: 0.375rem;
row-gap-8
row-gap: 0.5rem;
row-gap-10
row-gap: 0.625rem;
row-gap-12
row-gap: 0.75rem;
row-gap-14
row-gap: 0.875rem;
row-gap-16
row-gap: 1rem;
row-gap-18
row-gap: 1.125rem;
row-gap-20
row-gap: 1.25rem;
row-gap-24
row-gap: 1.5rem;
row-gap-28
row-gap: 1.75rem;
row-gap-32
row-gap: 2rem;
row-gap-36
row-gap: 2.25rem;
row-gap-40
row-gap: 2.5rem;
row-gap-48
row-gap: 3rem;
row-gap-56
row-gap: 3.5rem;
row-gap-64
row-gap: 4rem;
row-gap-72
row-gap: 4.5rem;
row-gap-80
row-gap: 5rem;
row-gap-96
row-gap: 6rem;
row-gap-112
row-gap: 7rem;
row-gap-128
row-gap: 8rem;
row-gap-144
row-gap: 8rem;
row-gap-160
row-gap: 8rem;
row-gap-192
row-gap: 8rem;
row-gap-224
row-gap: 8rem;
row-gap-256
row-gap: 8rem;
row-gap-288
row-gap: 8rem;
row-gap-320
row-gap: 8rem;
row-gap-384
row-gap: 8rem;

grid-auto-flow

responsive: true, pseudos: (none)
grid-flow-row
grid-auto-flow: row;
grid-flow-col
grid-auto-flow: column;
grid-flow-row-dense
grid-auto-flow: row dense;
grid-flow-ol-dense
grid-auto-flow: column dense;

grid-column-end

responsive: true, pseudos: (none)
col-end-auto
grid-column-end: auto;
col-end-1
grid-column-end: 1;
col-end-2
grid-column-end: 2;
col-end-3
grid-column-end: 3;
col-end-4
grid-column-end: 4;
col-end-5
grid-column-end: 5;
col-end-6
grid-column-end: 6;
col-end-7
grid-column-end: 7;
col-end-8
grid-column-end: 8;
col-end-9
grid-column-end: 9;
col-end-10
grid-column-end: 10;
col-end-11
grid-column-end: 11;
col-end-12
grid-column-end: 12;
col-end-13
grid-column-end: 13;

grid-column-start

responsive: true, pseudos: (none)
col-start-auto
grid-column-start: auto;
col-start-1
grid-column-start: 1;
col-start-2
grid-column-start: 2;
col-start-3
grid-column-start: 3;
col-start-4
grid-column-start: 4;
col-start-5
grid-column-start: 5;
col-start-6
grid-column-start: 6;
col-start-7
grid-column-start: 7;
col-start-8
grid-column-start: 8;
col-start-9
grid-column-start: 9;
col-start-10
grid-column-start: 10;
col-start-11
grid-column-start: 11;
col-start-12
grid-column-start: 12;
col-start-13
grid-column-start: 13;

grid-column

responsive: true, pseudos: (none)
col-auto
grid-column: auto;
col-1
grid-column: span 1 / span 1;
col-2
grid-column: span 2 / span 2;
col-3
grid-column: span 3 / span 3;
col-4
grid-column: span 4 / span 4;
col-5
grid-column: span 5 / span 5;
col-6
grid-column: span 6 / span 6;
col-7
grid-column: span 7 / span 7;
col-8
grid-column: span 8 / span 8;
col-9
grid-column: span 9 / span 9;
col-10
grid-column: span 10 / span 10;
col-11
grid-column: span 11 / span 11;
col-12
grid-column: span 12 / span 12;

grid-row-end

responsive: true, pseudos: (none)
row-end-auto
grid-row-end: auto;
row-end-1
grid-row-end: 1;
row-end-2
grid-row-end: 2;
row-end-3
grid-row-end: 3;
row-end-4
grid-row-end: 4;
row-end-5
grid-row-end: 5;
row-end-6
grid-row-end: 6;

grid-row-start

responsive: true, pseudos: (none)
row-start-auto
grid-row-start: auto;
row-start-1
grid-row-start: 1;
row-start-2
grid-row-start: 2;
row-start-3
grid-row-start: 3;
row-start-4
grid-row-start: 4;
row-start-5
grid-row-start: 5;
row-start-6
grid-row-start: 6;

grid-row

responsive: true, pseudos: (none)
row-auto
grid-row: auto;
row-1
grid-row: 1;
row-2
grid-row: 2;
row-3
grid-row: 3;
row-4
grid-row: 4;
row-5
grid-row: 5;

grid-template-columns

responsive: true, pseudos: (none)
grid-col-none
grid-template-columns: none;
grid-col-1
grid-template-columns: repeat(1, minmax(0, 1fr));
grid-col-2
grid-template-columns: repeat(2, minmax(0, 1fr));
grid-col-3
grid-template-columns: repeat(3, minmax(0, 1fr));
grid-col-4
grid-template-columns: repeat(4, minmax(0, 1fr));
grid-col-5
grid-template-columns: repeat(5, minmax(0, 1fr));
grid-col-6
grid-template-columns: repeat(6, minmax(0, 1fr));
grid-col-7
grid-template-columns: repeat(7, minmax(0, 1fr));
grid-col-8
grid-template-columns: repeat(8, minmax(0, 1fr));
grid-col-9
grid-template-columns: repeat(9, minmax(0, 1fr));
grid-col-10
grid-template-columns: repeat(10, minmax(0, 1fr));
grid-col-11
grid-template-columns: repeat(11, minmax(0, 1fr));
grid-col-12
grid-template-columns: repeat(12, minmax(0, 1fr));

grid-template-rows

responsive: true, pseudos: (none)
grid-rows-none
grid-template-rows: none;
grid-rows-1
grid-template-rows: repeat(1, minmax(0, 1fr));
grid-rows-2
grid-template-rows: repeat(2, minmax(0, 1fr));
grid-rows-3
grid-template-rows: repeat(3, minmax(0, 1fr));
grid-rows-4
grid-template-rows: repeat(4, minmax(0, 1fr));
grid-rows-5
grid-template-rows: repeat(5, minmax(0, 1fr));

gutter-reverse

responsive: true, pseudos: (none)
gutter-reverse > * + *
--gutter-top: 0
--gutter-right: 1
--gutter-bottom: 1
--gutter-left: 0

gutter-x

responsive: true, pseudos: (none)
gutter-x-0 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0 * var(--gutter-right)) 0 calc(0 * var(--gutter-left));
gutter-x-1 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.0625rem * var(--gutter-right)) 0 calc(0.0625rem * var(--gutter-left));
gutter-x-2 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.125rem * var(--gutter-right)) 0 calc(0.125rem * var(--gutter-left));
gutter-x-4 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.25rem * var(--gutter-right)) 0 calc(0.25rem * var(--gutter-left));
gutter-x-6 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.375rem * var(--gutter-right)) 0 calc(0.375rem * var(--gutter-left));
gutter-x-8 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.5rem * var(--gutter-right)) 0 calc(0.5rem * var(--gutter-left));
gutter-x-10 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.625rem * var(--gutter-right)) 0 calc(0.625rem * var(--gutter-left));
gutter-x-12 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.75rem * var(--gutter-right)) 0 calc(0.75rem * var(--gutter-left));
gutter-x-14 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(0.875rem * var(--gutter-right)) 0 calc(0.875rem * var(--gutter-left));
gutter-x-16 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1rem * var(--gutter-right)) 0 calc(1rem * var(--gutter-left));
gutter-x-18 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.125rem * var(--gutter-right)) 0 calc(1.125rem * var(--gutter-left));
gutter-x-20 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.25rem * var(--gutter-right)) 0 calc(1.25rem * var(--gutter-left));
gutter-x-24 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.5rem * var(--gutter-right)) 0 calc(1.5rem * var(--gutter-left));
gutter-x-28 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(1.75rem * var(--gutter-right)) 0 calc(1.75rem * var(--gutter-left));
gutter-x-32 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2rem * var(--gutter-right)) 0 calc(2rem * var(--gutter-left));
gutter-x-36 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2.25rem * var(--gutter-right)) 0 calc(2.25rem * var(--gutter-left));
gutter-x-40 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(2.5rem * var(--gutter-right)) 0 calc(2.5rem * var(--gutter-left));
gutter-x-48 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(3rem * var(--gutter-right)) 0 calc(3rem * var(--gutter-left));
gutter-x-56 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(3.5rem * var(--gutter-right)) 0 calc(3.5rem * var(--gutter-left));
gutter-x-64 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(4rem * var(--gutter-right)) 0 calc(4rem * var(--gutter-left));
gutter-x-72 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(4.5rem * var(--gutter-right)) 0 calc(4.5rem * var(--gutter-left));
gutter-x-80 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(5rem * var(--gutter-right)) 0 calc(5rem * var(--gutter-left));
gutter-x-96 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(6rem * var(--gutter-right)) 0 calc(6rem * var(--gutter-left));
gutter-x-112 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(7rem * var(--gutter-right)) 0 calc(7rem * var(--gutter-left));
gutter-x-128 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-144 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-160 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-192 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-224 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-256 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-288 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-320 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));
gutter-x-384 > * + *
--gutter-right: 0
--gutter-left: 1
margin: 0 calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left));

gutter-y

responsive: true, pseudos: (none)
gutter-y-0 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0 * var(--gutter-right)) 0 calc(0 * var(--gutter-left)) 0
gutter-y-1 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.0625rem * var(--gutter-right)) 0 calc(0.0625rem * var(--gutter-left)) 0
gutter-y-2 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.125rem * var(--gutter-right)) 0 calc(0.125rem * var(--gutter-left)) 0
gutter-y-4 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.25rem * var(--gutter-right)) 0 calc(0.25rem * var(--gutter-left)) 0
gutter-y-6 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.375rem * var(--gutter-right)) 0 calc(0.375rem * var(--gutter-left)) 0
gutter-y-8 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.5rem * var(--gutter-right)) 0 calc(0.5rem * var(--gutter-left)) 0
gutter-y-10 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.625rem * var(--gutter-right)) 0 calc(0.625rem * var(--gutter-left)) 0
gutter-y-12 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.75rem * var(--gutter-right)) 0 calc(0.75rem * var(--gutter-left)) 0
gutter-y-14 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(0.875rem * var(--gutter-right)) 0 calc(0.875rem * var(--gutter-left)) 0
gutter-y-16 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1rem * var(--gutter-right)) 0 calc(1rem * var(--gutter-left)) 0
gutter-y-18 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.125rem * var(--gutter-right)) 0 calc(1.125rem * var(--gutter-left)) 0
gutter-y-20 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.25rem * var(--gutter-right)) 0 calc(1.25rem * var(--gutter-left)) 0
gutter-y-24 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.5rem * var(--gutter-right)) 0 calc(1.5rem * var(--gutter-left)) 0
gutter-y-28 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(1.75rem * var(--gutter-right)) 0 calc(1.75rem * var(--gutter-left)) 0
gutter-y-32 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2rem * var(--gutter-right)) 0 calc(2rem * var(--gutter-left)) 0
gutter-y-36 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2.25rem * var(--gutter-right)) 0 calc(2.25rem * var(--gutter-left)) 0
gutter-y-40 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(2.5rem * var(--gutter-right)) 0 calc(2.5rem * var(--gutter-left)) 0
gutter-y-48 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(3rem * var(--gutter-right)) 0 calc(3rem * var(--gutter-left)) 0
gutter-y-56 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(3.5rem * var(--gutter-right)) 0 calc(3.5rem * var(--gutter-left)) 0
gutter-y-64 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(4rem * var(--gutter-right)) 0 calc(4rem * var(--gutter-left)) 0
gutter-y-72 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(4.5rem * var(--gutter-right)) 0 calc(4.5rem * var(--gutter-left)) 0
gutter-y-80 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(5rem * var(--gutter-right)) 0 calc(5rem * var(--gutter-left)) 0
gutter-y-96 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(6rem * var(--gutter-right)) 0 calc(6rem * var(--gutter-left)) 0
gutter-y-112 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(7rem * var(--gutter-right)) 0 calc(7rem * var(--gutter-left)) 0
gutter-y-128 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-144 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-160 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-192 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-224 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-256 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-288 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-320 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0
gutter-y-384 > * + *
--gutter-top: 1
--gutter-bottom: 0
margin: calc(8rem * var(--gutter-right)) 0 calc(8rem * var(--gutter-left)) 0

appearance

responsive: false, pseudos: (none)
appearance-none
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;

cursor

responsive: false, pseudos: (hover,active)
cursor-auto
cursor: auto;
cursor-default
cursor: default;
cursor-pointer
cursor: pointer;
cursor-wait
cursor: wait;
cursor-text
cursor: text;
cursor-move
cursor: move;
cursor-not-allowed
cursor: not-allowed;

pointer-events

responsive: false, pseudos: (none)
pointer-events-none
pointer-events: none;
pointer-events-auto
pointer-events: auto;

outline

responsive: false, pseudos: (focus)
outline-none
outline: none;

resize

responsive: true, pseudos: (none)
resize-none
resize: none;
resize-both
resize: both;
resize-horizontal
resize: horizontal;
resize-vertical
resize: vertical;

scrolling

responsive: false, pseudos: (none)
scrolling-auto
-webkit-overflow-scrolling: auto;
scrolling-touch
-webkit-overflow-scrolling: touch;

overflow-x

responsive: true, pseudos: (none)
overflow-x-auto
overflow-x: auto;
overflow-x-hidden
overflow-x: hidden;
overflow-x-visible
overflow-x: visible;
overflow-x-scroll
overflow-x: auto;

overflow-y

responsive: true, pseudos: (none)
overflow-y-auto
overflow-y: auto;
overflow-y-hidden
overflow-y: hidden;
overflow-y-visible
overflow-y: visible;
overflow-y-sroll
overflow-y: sroll;

overflow

responsive: true, pseudos: (none)
overflow-auto
overflow: auto;
overflow-hidden
overflow: hidden;
overflow-visible
overflow: visible;
overflow-scroll
overflow: scroll;

overscroll-x

responsive: true, pseudos: (none)
overscroll-x-auto
overscroll-behavior-x: auto;
overscroll-x-contain
overscroll-behavior-x: contain;
overscroll-x-none
overscroll-behavior-x: none;

overflow-y

responsive: true, pseudos: (none)
overscroll-y-auto
overscroll-behavior-y: auto;
overscroll-y-contain
overscroll-behavior-y: contain;
overscroll-y-none
overscroll-behavior-y: none;

overscroll

responsive: true, pseudos: (none)
overscroll-auto
overscroll-behavior: auto;
overscroll-contain
overscroll-behavior: contain;
overscroll-none
overscroll-behavior: none;

scroll-behavior

responsive: true, pseudos: (none)
scroll-auto
scroll-behavior: auto;
scroll-smooth
scroll-behavior: smooth;

user-select

responsive: false, pseudos: (none)
select-none
user-select: none;
select-text
user-select: text;
select-all
user-select: all;
select-auto
user-select: auto;

box-decoration-break

responsive: true, pseudos: (none)
decoration-slice
box-decoration-break: slice;
decoration-clone
box-decoration-break: clone;

box-sizing

responsive: false, pseudos: (none)
border-box
box-sizing: border-box;
content-box
box-sizing: content-box;

clear

responsive: false, pseudos: (none)
clear-left
clear: left
clear-right
clear: right
clear-both
clear: both

display

responsive: true, pseudos: (none)
inline
display: inline;
block
display: block;
flex
display: flex;
grid
display: grid;
inline-block
display: inline-block;
inline-flex
display: inline-flex;
inline-grid
display: inline-grid;
inline-table
display: inline-table;
table
display: table;
table-row-group
display: table-caption;
table-column-group
display: table-column-group;
table-header-group
display: table-header-group;
table-footer-group
display: table-footer-group;
table-row-group
display: table-row-group;
table-cell
display: table-cell;
table-column
display: table-column;
table-row
display: table-row;
hidden
display: hidden;
flow-root
display: flow-root;

float

responsive: true, pseudos: (none)
float-left
float: left;
float-right
float: right;
float-none
float: none;

isolation

responsive: true, pseudos: (none)
isolate
isolation: isolate;
isolation-auto
isolation: auto;

object-fit

responsive: false, pseudos: (none)
object-contain
object-fit: contain;
object-cover
object-fit: cover;
object-fill
object-fit: fill;
object-none
object-fit: none;
object-size-down
object-fit: size-down;

object-position

responsive: false, pseudos: (none)
object-bottom
object-position: bottom;
object-center
object-position: center;
object-left
object-position: left;
object-left-bottom
object-position: left-bottom;
object-left-top
object-position: left-top;
object-right
object-position: right;
object-right-bottom
object-position: right-bottom;
object-right-top
object-position: right-top;
object-top
object-position: top;

position

responsive: true, pseudos: (none)
static
position: static;
fixed
position: fixed;
absolute
position: absolute;
relative
position: relative;
sticky
position: sticky;

table-layout

responsive: true, pseudos: (none)
table-auto
table-layout: auto;
table-fixed
table-layout: fixed;

ratio

responsive: true, pseudos: (none)
ratio-square
position: relative;
width: 100%;
padding-top: 100%;
ratio-16-9
position: relative;
width: 100%;
padding-top: 56.25%;
ratio-4-3
position: relative;
width: 100%;
padding-top: 75%;
ratio-2-1
position: relative;
width: 100%;
padding-top: 50%;
ratio-16-10
position: relative;
width: 100%;
padding-top: 63%;

visibility

responsive: true, pseudos: (none)
visible
visibility: visible;
invisible
visibility: hidden;

bottom

responsive: true, pseudos: (none)
bottom-0
bottom: 0;
bottom-1
bottom: 0.0625rem;
bottom-2
bottom: 0.125rem;
bottom-4
bottom: 0.25rem;
bottom-6
bottom: 0.375rem;
bottom-8
bottom: 0.5rem;
bottom-10
bottom: 0.625rem;
bottom-12
bottom: 0.75rem;
bottom-14
bottom: 0.875rem;
bottom-16
bottom: 1rem;
bottom-18
bottom: 1.125rem;
bottom-20
bottom: 1.25rem;
bottom-24
bottom: 1.5rem;
bottom-28
bottom: 1.75rem;
bottom-32
bottom: 2rem;
bottom-36
bottom: 2.25rem;
bottom-40
bottom: 2.5rem;
bottom-48
bottom: 3rem;
bottom-56
bottom: 3.5rem;
bottom-64
bottom: 4rem;
bottom-72
bottom: 4.5rem;
bottom-80
bottom: 5rem;
bottom-96
bottom: 6rem;
bottom-112
bottom: 7rem;
bottom-128
bottom: 8rem;
bottom-144
bottom: 9rem;
bottom-160
bottom: 10rem;
bottom-192
bottom: 12rem;
bottom-224
bottom: 14rem;
bottom-256
bottom: 16rem;
bottom-288
bottom: 18rem;
bottom-320
bottom: 20rem;
bottom-384
bottom: 24rem;

left

responsive: true, pseudos: (none)
left-0
left: 0;
left-1
left: 0.0625rem;
left-2
left: 0.125rem;
left-4
left: 0.25rem;
left-6
left: 0.375rem;
left-8
left: 0.5rem;
left-10
left: 0.625rem;
left-12
left: 0.75rem;
left-14
left: 0.875rem;
left-16
left: 1rem;
left-18
left: 1.125rem;
left-20
left: 1.25rem;
left-24
left: 1.5rem;
left-28
left: 1.75rem;
left-32
left: 2rem;
left-36
left: 2.25rem;
left-40
left: 2.5rem;
left-48
left: 3rem;
left-56
left: 3.5rem;
left-64
left: 4rem;
left-72
left: 4.5rem;
left-80
left: 5rem;
left-96
left: 6rem;
left-112
left: 7rem;
left-128
left: 8rem;
left-144
left: 9rem;
left-160
left: 10rem;
left-192
left: 12rem;
left-224
left: 14rem;
left-256
left: 16rem;
left-288
left: 18rem;
left-320
left: 20rem;
left-384
left: 24rem;
responsive: true, pseudos: (none)
right-0
right: 0;
right-1
right: 0.0625rem;
right-2
right: 0.125rem;
right-4
right: 0.25rem;
right-6
right: 0.375rem;
right-8
right: 0.5rem;
right-10
right: 0.625rem;
right-12
right: 0.75rem;
right-14
right: 0.875rem;
right-16
right: 1rem;
right-18
right: 1.125rem;
right-20
right: 1.25rem;
right-24
right: 1.5rem;
right-28
right: 1.75rem;
right-32
right: 2rem;
right-36
right: 2.25rem;
right-40
right: 2.5rem;
right-48
right: 3rem;
right-56
right: 3.5rem;
right-64
right: 4rem;
right-72
right: 4.5rem;
right-80
right: 5rem;
right-96
right: 6rem;
right-112
right: 7rem;
right-128
right: 8rem;
right-144
right: 9rem;
right-160
right: 10rem;
right-192
right: 12rem;
right-224
right: 14rem;
right-256
right: 16rem;
right-288
right: 18rem;
right-320
right: 20rem;
right-384
right: 24rem;

top

responsive: true, pseudos: (none)
top-0
top: 0;
top-1
top: 0.0625rem;
top-2
top: 0.125rem;
top-4
top: 0.25rem;
top-6
top: 0.375rem;
top-8
top: 0.5rem;
top-10
top: 0.625rem;
top-12
top: 0.75rem;
top-14
top: 0.875rem;
top-16
top: 1rem;
top-18
top: 1.125rem;
top-20
top: 1.25rem;
top-24
top: 1.5rem;
top-28
top: 1.75rem;
top-32
top: 2rem;
top-36
top: 2.25rem;
top-40
top: 2.5rem;
top-48
top: 3rem;
top-56
top: 3.5rem;
top-64
top: 4rem;
top-72
top: 4.5rem;
top-80
top: 5rem;
top-96
top: 6rem;
top-112
top: 7rem;
top-128
top: 8rem;
top-144
top: 9rem;
top-160
top: 10rem;
top-192
top: 12rem;
top-224