Text

Color

.text-white
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(255, 255, 255, var(--text-opacity)) }
.text-gray
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(80, 81, 82, var(--text-opacity)) }
.text-green
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(151, 200, 72, var(--text-opacity)) }
.text-blue
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(9, 148, 226, var(--text-opacity)) }
.text-red
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(225, 86, 62, var(--text-opacity)) }
.text-yellow
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(215, 229, 66, var(--text-opacity)) }
.text-purple
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(148, 97, 185, var(--text-opacity)) }
.text-gray-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(25, 25, 25, var(--text-opacity)) }
.text-gray-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(50, 50, 51, var(--text-opacity)) }
.text-gray-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(75, 76, 77, var(--text-opacity)) }
.text-gray-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(100, 101, 103, var(--text-opacity)) }
.text-gray-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(125, 127, 129, var(--text-opacity)) }
.text-gray-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(151, 153, 154, var(--text-opacity)) }
.text-gray-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(177, 178, 179, var(--text-opacity)) }
.text-gray-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(203, 204, 204, var(--text-opacity)) }
.text-gray-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(229, 229, 229, var(--text-opacity)) }
.text-green-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(31, 51, 0, var(--text-opacity)) }
.text-green-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(61, 96, 5, var(--text-opacity)) }
.text-green-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(90, 135, 17, var(--text-opacity)) }
.text-green-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(117, 168, 35, var(--text-opacity)) }
.text-green-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(143, 196, 58, var(--text-opacity)) }
.text-green-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(168, 219, 86, var(--text-opacity)) }
.text-green-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(192, 237, 119, var(--text-opacity)) }
.text-green-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(214, 249, 158, var(--text-opacity)) }
.text-green-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(235, 254, 204, var(--text-opacity)) }
.text-blue-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(0, 32, 51, var(--text-opacity)) }
.text-blue-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(0, 65, 101, var(--text-opacity)) }
.text-blue-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(2, 97, 150, var(--text-opacity)) }
.text-blue-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(5, 129, 198, var(--text-opacity)) }
.text-blue-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(9, 160, 245, var(--text-opacity)) }
.text-blue-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(56, 180, 249, var(--text-opacity)) }
.text-blue-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(104, 199, 252, var(--text-opacity)) }
.text-blue-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(153, 218, 254, var(--text-opacity)) }
.text-blue-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(204, 236, 254, var(--text-opacity)) }
.text-red-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(51, 7, 0, var(--text-opacity)) }
.text-red-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(98, 17, 3, var(--text-opacity)) }
.text-red-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(142, 29, 10, var(--text-opacity)) }
.text-red-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(183, 44, 20, var(--text-opacity)) }
.text-red-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(220, 61, 34, var(--text-opacity)) }
.text-red-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(234, 95, 71, var(--text-opacity)) }
.text-red-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(244, 131, 112, var(--text-opacity)) }
.text-red-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(251, 170, 156, var(--text-opacity)) }
.text-red-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(254, 211, 204, var(--text-opacity)) }
.text-yellow-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(46, 51, 0, var(--text-opacity)) }
.text-yellow-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(90, 98, 3, var(--text-opacity)) }
.text-yellow-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(132, 143, 9, var(--text-opacity)) }
.text-yellow-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(171, 185, 18, var(--text-opacity)) }
.text-yellow-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(207, 224, 30, var(--text-opacity)) }
.text-yellow-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(222, 236, 69, var(--text-opacity)) }
.text-yellow-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(234, 245, 111, var(--text-opacity)) }
.text-yellow-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(243, 251, 156, var(--text-opacity)) }
.text-yellow-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(250, 254, 204, var(--text-opacity)) }
.text-purple-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(29, 0, 51, var(--text-opacity)) }
.text-purple-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(57, 7, 94, var(--text-opacity)) }
.text-purple-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(84, 23, 129, var(--text-opacity)) }
.text-purple-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(110, 46, 157, var(--text-opacity)) }
.text-purple-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(135, 78, 176, var(--text-opacity)) }
.text-purple-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(161, 97, 208, var(--text-opacity)) }
.text-purple-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(186, 125, 231, var(--text-opacity)) }
.text-purple-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(210, 160, 247, var(--text-opacity)) }
.text-purple-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(233, 204, 254, var(--text-opacity)) }

Size

.text-xs A 
{ font-size: 0.8rem }
.text-sm A 
{ font-size: 0.9rem }
.text-lg A 
{ font-size: 1.2rem }
.text-xl A 
{ font-size: 1.4rem }
.text-2x A 
{ font-size: 2rem }
.text-4x A 
{ font-size: 4rem }
.text-8x A 
{ font-size: 8rem }

Leading

.leading-none
Lorem Ipsum
dolor sit
 
{ line-height: 1 }
.leading-tight
Lorem Ipsum
dolor sit
 
{ line-height: 1.25 }
.leading-snug
Lorem Ipsum
dolor sit
 
{ line-height: 1.375 }
.leading-normal
Lorem Ipsum
dolor sit
 
{ line-height: 1.5 }
.leading-relaxed
Lorem Ipsum
dolor sit
 
{ line-height: 1.625 }
.leading-loose
Lorem Ipsum
dolor sit
 
{ line-height: 2 }

Tracking

.tracking-tighter
Lorem ipsum 
{ letter-spacing: -0.05em }
.tracking-tight
Lorem ipsum 
{ letter-spacing: -0.025em }
.tracking-normal
Lorem ipsum 
{ letter-spacing: 0 }
.tracking-wide
Lorem ipsum 
{ letter-spacing: 0.025em }
.tracking-wider
Lorem ipsum 
{ letter-spacing: 0.05em }
.tracking-widest
Lorem ipsum 
{ letter-spacing: 0.1em }

Positioning

.text-left
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
{ text-align: left }
.text-right
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
{ text-align: right }
.text-center
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
{ text-align: center }
.text-justify
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
 
{ text-align: justify }

Weight

.text-hairline
Lorem ipsum 
{ font-weight: 100 }
.text-thin
Lorem ipsum 
{ font-weight: 200 }
.text-light
Lorem ipsum 
{ font-weight: 300 }
.text-normal
Lorem ipsum 
{ font-weight: 400 }
.text-medium
Lorem ipsum 
{ font-weight: 500 }
.text-semibold
Lorem ipsum 
{ font-weight: 600 }
.text-bold
Lorem ipsum 
{ font-weight: 700 }
.text-extrabold
Lorem ipsum 
{ font-weight: 800 }
.text-black
Lorem ipsum 
{ font-weight: 900 }

Style

.text-mono
Lorem ipsum 
{ font-family: monospace, monospace }
.text-uppercase
Lorem ipsum 
{ text-transform: uppercase }
.text-lowercase
Lorem ipsum 
{ text-transform: lowercase }
.text-capitalize
Lorem ipsum 
{ text-transform: capitalize }
.text-normal-case
Lorem ipsum 
{ text-transform: none }
.text-italic
Lorem ipsum 
{ font-style: italic }
.text-underline
Lorem ipsum 
{ text-decoration: underline }
.text-no-underline
Lorem ipsum 
{ text-decoration: none }
.text-line-through
Lorem ipsum 
{ text-decoration: line-through }

Lists

.text-list-none
  • First Point
 
{ list-style-type: none }
.text-list-disc
  • First Point
 
{ list-style-type: disc }
.text-list-decimal
  • First Point
 
{ list-style-type: decimal }
.text-list-inside
  • First Point
 
{ list-style-position: inside }
.text-list-outside
  • First Point
 
{ list-style-position: outside }

Placeholder

.placeholder-white 
{ --placeholder-opacity: 1.0;
 color: rgba(255, 255, 255, var(--placeholder-opacity)) }
.placeholder-gray 
{ --placeholder-opacity: 1.0;
 color: rgba(80, 81, 82, var(--placeholder-opacity)) }
.placeholder-green 
{ --placeholder-opacity: 1.0;
 color: rgba(151, 200, 72, var(--placeholder-opacity)) }
.placeholder-blue 
{ --placeholder-opacity: 1.0;
 color: rgba(9, 148, 226, var(--placeholder-opacity)) }
.placeholder-red 
{ --placeholder-opacity: 1.0;
 color: rgba(225, 86, 62, var(--placeholder-opacity)) }
.placeholder-yellow 
{ --placeholder-opacity: 1.0;
 color: rgba(215, 229, 66, var(--placeholder-opacity)) }
.placeholder-purple 
{ --placeholder-opacity: 1.0;
 color: rgba(148, 97, 185, var(--placeholder-opacity)) }
.placeholder-gray-90 
{ --placeholder-opacity: 1.0;
 color: rgba(25, 25, 25, var(--placeholder-opacity)) }
.placeholder-gray-80 
{ --placeholder-opacity: 1.0;
 color: rgba(50, 50, 51, var(--placeholder-opacity)) }
.placeholder-gray-70 
{ --placeholder-opacity: 1.0;
 color: rgba(75, 76, 77, var(--placeholder-opacity)) }
.placeholder-gray-60 
{ --placeholder-opacity: 1.0;
 color: rgba(100, 101, 103, var(--placeholder-opacity)) }
.placeholder-gray-50 
{ --placeholder-opacity: 1.0;
 color: rgba(125, 127, 129, var(--placeholder-opacity)) }
.placeholder-gray-40 
{ --placeholder-opacity: 1.0;
 color: rgba(151, 153, 154, var(--placeholder-opacity)) }
.placeholder-gray-30 
{ --placeholder-opacity: 1.0;
 color: rgba(177, 178, 179, var(--placeholder-opacity)) }
.placeholder-gray-20 
{ --placeholder-opacity: 1.0;
 color: rgba(203, 204, 204, var(--placeholder-opacity)) }
.placeholder-gray-10 
{ --placeholder-opacity: 1.0;
 color: rgba(229, 229, 229, var(--placeholder-opacity)) }
.placeholder-green-90 
{ --placeholder-opacity: 1.0;
 color: rgba(31, 51, 0, var(--placeholder-opacity)) }
.placeholder-green-80 
{ --placeholder-opacity: 1.0;
 color: rgba(61, 96, 5, var(--placeholder-opacity)) }
.placeholder-green-70 
{ --placeholder-opacity: 1.0;
 color: rgba(90, 135, 17, var(--placeholder-opacity)) }
.placeholder-green-60 
{ --placeholder-opacity: 1.0;
 color: rgba(117, 168, 35, var(--placeholder-opacity)) }
.placeholder-green-50 
{ --placeholder-opacity: 1.0;
 color: rgba(143, 196, 58, var(--placeholder-opacity)) }
.placeholder-green-40 
{ --placeholder-opacity: 1.0;
 color: rgba(168, 219, 86, var(--placeholder-opacity)) }
.placeholder-green-30 
{ --placeholder-opacity: 1.0;
 color: rgba(192, 237, 119, var(--placeholder-opacity)) }
.placeholder-green-20 
{ --placeholder-opacity: 1.0;
 color: rgba(214, 249, 158, var(--placeholder-opacity)) }
.placeholder-green-10 
{ --placeholder-opacity: 1.0;
 color: rgba(235, 254, 204, var(--placeholder-opacity)) }
.placeholder-blue-90 
{ --placeholder-opacity: 1.0;
 color: rgba(0, 32, 51, var(--placeholder-opacity)) }
.placeholder-blue-80 
{ --placeholder-opacity: 1.0;
 color: rgba(0, 65, 101, var(--placeholder-opacity)) }
.placeholder-blue-70 
{ --placeholder-opacity: 1.0;
 color: rgba(2, 97, 150, var(--placeholder-opacity)) }
.placeholder-blue-60 
{ --placeholder-opacity: 1.0;
 color: rgba(5, 129, 198, var(--placeholder-opacity)) }
.placeholder-blue-50 
{ --placeholder-opacity: 1.0;
 color: rgba(9, 160, 245, var(--placeholder-opacity)) }
.placeholder-blue-40 
{ --placeholder-opacity: 1.0;
 color: rgba(56, 180, 249, var(--placeholder-opacity)) }
.placeholder-blue-30 
{ --placeholder-opacity: 1.0;
 color: rgba(104, 199, 252, var(--placeholder-opacity)) }
.placeholder-blue-20 
{ --placeholder-opacity: 1.0;
 color: rgba(153, 218, 254, var(--placeholder-opacity)) }
.placeholder-blue-10 
{ --placeholder-opacity: 1.0;
 color: rgba(204, 236, 254, var(--placeholder-opacity)) }
.placeholder-red-90 
{ --placeholder-opacity: 1.0;
 color: rgba(51, 7, 0, var(--placeholder-opacity)) }
.placeholder-red-80 
{ --placeholder-opacity: 1.0;
 color: rgba(98, 17, 3, var(--placeholder-opacity)) }
.placeholder-red-70 
{ --placeholder-opacity: 1.0;
 color: rgba(142, 29, 10, var(--placeholder-opacity)) }
.placeholder-red-60 
{ --placeholder-opacity: 1.0;
 color: rgba(183, 44, 20, var(--placeholder-opacity)) }
.placeholder-red-50 
{ --placeholder-opacity: 1.0;
 color: rgba(220, 61, 34, var(--placeholder-opacity)) }
.placeholder-red-40 
{ --placeholder-opacity: 1.0;
 color: rgba(234, 95, 71, var(--placeholder-opacity)) }
.placeholder-red-30 
{ --placeholder-opacity: 1.0;
 color: rgba(244, 131, 112, var(--placeholder-opacity)) }
.placeholder-red-20 
{ --placeholder-opacity: 1.0;
 color: rgba(251, 170, 156, var(--placeholder-opacity)) }
.placeholder-red-10 
{ --placeholder-opacity: 1.0;
 color: rgba(254, 211, 204, var(--placeholder-opacity)) }
.placeholder-yellow-90 
{ --placeholder-opacity: 1.0;
 color: rgba(46, 51, 0, var(--placeholder-opacity)) }
.placeholder-yellow-80 
{ --placeholder-opacity: 1.0;
 color: rgba(90, 98, 3, var(--placeholder-opacity)) }
.placeholder-yellow-70 
{ --placeholder-opacity: 1.0;
 color: rgba(132, 143, 9, var(--placeholder-opacity)) }
.placeholder-yellow-60 
{ --placeholder-opacity: 1.0;
 color: rgba(171, 185, 18, var(--placeholder-opacity)) }
.placeholder-yellow-50 
{ --placeholder-opacity: 1.0;
 color: rgba(207, 224, 30, var(--placeholder-opacity)) }
.placeholder-yellow-40 
{ --placeholder-opacity: 1.0;
 color: rgba(222, 236, 69, var(--placeholder-opacity)) }
.placeholder-yellow-30 
{ --placeholder-opacity: 1.0;
 color: rgba(234, 245, 111, var(--placeholder-opacity)) }
.placeholder-yellow-20 
{ --placeholder-opacity: 1.0;
 color: rgba(243, 251, 156, var(--placeholder-opacity)) }
.placeholder-yellow-10 
{ --placeholder-opacity: 1.0;
 color: rgba(250, 254, 204, var(--placeholder-opacity)) }
.placeholder-purple-90 
{ --placeholder-opacity: 1.0;
 color: rgba(29, 0, 51, var(--placeholder-opacity)) }
.placeholder-purple-80 
{ --placeholder-opacity: 1.0;
 color: rgba(57, 7, 94, var(--placeholder-opacity)) }
.placeholder-purple-70 
{ --placeholder-opacity: 1.0;
 color: rgba(84, 23, 129, var(--placeholder-opacity)) }
.placeholder-purple-60 
{ --placeholder-opacity: 1.0;
 color: rgba(110, 46, 157, var(--placeholder-opacity)) }
.placeholder-purple-50 
{ --placeholder-opacity: 1.0;
 color: rgba(135, 78, 176, var(--placeholder-opacity)) }
.placeholder-purple-40 
{ --placeholder-opacity: 1.0;
 color: rgba(161, 97, 208, var(--placeholder-opacity)) }
.placeholder-purple-30 
{ --placeholder-opacity: 1.0;
 color: rgba(186, 125, 231, var(--placeholder-opacity)) }
.placeholder-purple-20 
{ --placeholder-opacity: 1.0;
 color: rgba(210, 160, 247, var(--placeholder-opacity)) }
.placeholder-purple-10 
{ --placeholder-opacity: 1.0;
 color: rgba(233, 204, 254, var(--placeholder-opacity)) }

Miscellaneous

.text-white
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(255, 255, 255, var(--text-opacity)) }
.text-gray
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(80, 81, 82, var(--text-opacity)) }
.text-green
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(151, 200, 72, var(--text-opacity)) }
.text-blue
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(9, 148, 226, var(--text-opacity)) }
.text-red
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(225, 86, 62, var(--text-opacity)) }
.text-yellow
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(215, 229, 66, var(--text-opacity)) }
.text-purple
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(148, 97, 185, var(--text-opacity)) }
.text-gray-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(25, 25, 25, var(--text-opacity)) }
.text-gray-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(50, 50, 51, var(--text-opacity)) }
.text-gray-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(75, 76, 77, var(--text-opacity)) }
.text-gray-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(100, 101, 103, var(--text-opacity)) }
.text-gray-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(125, 127, 129, var(--text-opacity)) }
.text-gray-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(151, 153, 154, var(--text-opacity)) }
.text-gray-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(177, 178, 179, var(--text-opacity)) }
.text-gray-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(203, 204, 204, var(--text-opacity)) }
.text-gray-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(229, 229, 229, var(--text-opacity)) }
.text-green-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(31, 51, 0, var(--text-opacity)) }
.text-green-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(61, 96, 5, var(--text-opacity)) }
.text-green-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(90, 135, 17, var(--text-opacity)) }
.text-green-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(117, 168, 35, var(--text-opacity)) }
.text-green-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(143, 196, 58, var(--text-opacity)) }
.text-green-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(168, 219, 86, var(--text-opacity)) }
.text-green-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(192, 237, 119, var(--text-opacity)) }
.text-green-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(214, 249, 158, var(--text-opacity)) }
.text-green-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(235, 254, 204, var(--text-opacity)) }
.text-blue-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(0, 32, 51, var(--text-opacity)) }
.text-blue-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(0, 65, 101, var(--text-opacity)) }
.text-blue-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(2, 97, 150, var(--text-opacity)) }
.text-blue-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(5, 129, 198, var(--text-opacity)) }
.text-blue-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(9, 160, 245, var(--text-opacity)) }
.text-blue-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(56, 180, 249, var(--text-opacity)) }
.text-blue-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(104, 199, 252, var(--text-opacity)) }
.text-blue-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(153, 218, 254, var(--text-opacity)) }
.text-blue-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(204, 236, 254, var(--text-opacity)) }
.text-red-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(51, 7, 0, var(--text-opacity)) }
.text-red-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(98, 17, 3, var(--text-opacity)) }
.text-red-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(142, 29, 10, var(--text-opacity)) }
.text-red-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(183, 44, 20, var(--text-opacity)) }
.text-red-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(220, 61, 34, var(--text-opacity)) }
.text-red-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(234, 95, 71, var(--text-opacity)) }
.text-red-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(244, 131, 112, var(--text-opacity)) }
.text-red-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(251, 170, 156, var(--text-opacity)) }
.text-red-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(254, 211, 204, var(--text-opacity)) }
.text-yellow-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(46, 51, 0, var(--text-opacity)) }
.text-yellow-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(90, 98, 3, var(--text-opacity)) }
.text-yellow-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(132, 143, 9, var(--text-opacity)) }
.text-yellow-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(171, 185, 18, var(--text-opacity)) }
.text-yellow-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(207, 224, 30, var(--text-opacity)) }
.text-yellow-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(222, 236, 69, var(--text-opacity)) }
.text-yellow-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(234, 245, 111, var(--text-opacity)) }
.text-yellow-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(243, 251, 156, var(--text-opacity)) }
.text-yellow-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(250, 254, 204, var(--text-opacity)) }
.text-purple-90
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(29, 0, 51, var(--text-opacity)) }
.text-purple-80
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(57, 7, 94, var(--text-opacity)) }
.text-purple-70
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(84, 23, 129, var(--text-opacity)) }
.text-purple-60
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(110, 46, 157, var(--text-opacity)) }
.text-purple-50
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(135, 78, 176, var(--text-opacity)) }
.text-purple-40
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(161, 97, 208, var(--text-opacity)) }
.text-purple-30
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(186, 125, 231, var(--text-opacity)) }
.text-purple-20
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(210, 160, 247, var(--text-opacity)) }
.text-purple-10
Lorem ipsum 
{ --text-opacity: 1.0;
 color: rgba(233, 204, 254, var(--text-opacity)) }
.text-current
Lorem ipsum 
{ color: currentColor }
.text-md
Lorem ipsum 
{ font-size: 1rem }
.placeholder-white
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(255, 255, 255, var(--placeholder-opacity)) }
.placeholder-gray
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(80, 81, 82, var(--placeholder-opacity)) }
.placeholder-green
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(151, 200, 72, var(--placeholder-opacity)) }
.placeholder-blue
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(9, 148, 226, var(--placeholder-opacity)) }
.placeholder-red
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(225, 86, 62, var(--placeholder-opacity)) }
.placeholder-yellow
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(215, 229, 66, var(--placeholder-opacity)) }
.placeholder-purple
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(148, 97, 185, var(--placeholder-opacity)) }
.placeholder-gray-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(25, 25, 25, var(--placeholder-opacity)) }
.placeholder-gray-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(50, 50, 51, var(--placeholder-opacity)) }
.placeholder-gray-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(75, 76, 77, var(--placeholder-opacity)) }
.placeholder-gray-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(100, 101, 103, var(--placeholder-opacity)) }
.placeholder-gray-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(125, 127, 129, var(--placeholder-opacity)) }
.placeholder-gray-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(151, 153, 154, var(--placeholder-opacity)) }
.placeholder-gray-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(177, 178, 179, var(--placeholder-opacity)) }
.placeholder-gray-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(203, 204, 204, var(--placeholder-opacity)) }
.placeholder-gray-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(229, 229, 229, var(--placeholder-opacity)) }
.placeholder-green-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(31, 51, 0, var(--placeholder-opacity)) }
.placeholder-green-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(61, 96, 5, var(--placeholder-opacity)) }
.placeholder-green-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(90, 135, 17, var(--placeholder-opacity)) }
.placeholder-green-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(117, 168, 35, var(--placeholder-opacity)) }
.placeholder-green-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(143, 196, 58, var(--placeholder-opacity)) }
.placeholder-green-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(168, 219, 86, var(--placeholder-opacity)) }
.placeholder-green-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(192, 237, 119, var(--placeholder-opacity)) }
.placeholder-green-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(214, 249, 158, var(--placeholder-opacity)) }
.placeholder-green-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(235, 254, 204, var(--placeholder-opacity)) }
.placeholder-blue-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(0, 32, 51, var(--placeholder-opacity)) }
.placeholder-blue-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(0, 65, 101, var(--placeholder-opacity)) }
.placeholder-blue-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(2, 97, 150, var(--placeholder-opacity)) }
.placeholder-blue-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(5, 129, 198, var(--placeholder-opacity)) }
.placeholder-blue-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(9, 160, 245, var(--placeholder-opacity)) }
.placeholder-blue-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(56, 180, 249, var(--placeholder-opacity)) }
.placeholder-blue-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(104, 199, 252, var(--placeholder-opacity)) }
.placeholder-blue-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(153, 218, 254, var(--placeholder-opacity)) }
.placeholder-blue-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(204, 236, 254, var(--placeholder-opacity)) }
.placeholder-red-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(51, 7, 0, var(--placeholder-opacity)) }
.placeholder-red-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(98, 17, 3, var(--placeholder-opacity)) }
.placeholder-red-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(142, 29, 10, var(--placeholder-opacity)) }
.placeholder-red-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(183, 44, 20, var(--placeholder-opacity)) }
.placeholder-red-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(220, 61, 34, var(--placeholder-opacity)) }
.placeholder-red-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(234, 95, 71, var(--placeholder-opacity)) }
.placeholder-red-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(244, 131, 112, var(--placeholder-opacity)) }
.placeholder-red-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(251, 170, 156, var(--placeholder-opacity)) }
.placeholder-red-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(254, 211, 204, var(--placeholder-opacity)) }
.placeholder-yellow-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(46, 51, 0, var(--placeholder-opacity)) }
.placeholder-yellow-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(90, 98, 3, var(--placeholder-opacity)) }
.placeholder-yellow-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(132, 143, 9, var(--placeholder-opacity)) }
.placeholder-yellow-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(171, 185, 18, var(--placeholder-opacity)) }
.placeholder-yellow-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(207, 224, 30, var(--placeholder-opacity)) }
.placeholder-yellow-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(222, 236, 69, var(--placeholder-opacity)) }
.placeholder-yellow-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(234, 245, 111, var(--placeholder-opacity)) }
.placeholder-yellow-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(243, 251, 156, var(--placeholder-opacity)) }
.placeholder-yellow-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(250, 254, 204, var(--placeholder-opacity)) }
.placeholder-purple-90
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(29, 0, 51, var(--placeholder-opacity)) }
.placeholder-purple-80
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(57, 7, 94, var(--placeholder-opacity)) }
.placeholder-purple-70
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(84, 23, 129, var(--placeholder-opacity)) }
.placeholder-purple-60
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(110, 46, 157, var(--placeholder-opacity)) }
.placeholder-purple-50
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(135, 78, 176, var(--placeholder-opacity)) }
.placeholder-purple-40
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(161, 97, 208, var(--placeholder-opacity)) }
.placeholder-purple-30
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(186, 125, 231, var(--placeholder-opacity)) }
.placeholder-purple-20
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(210, 160, 247, var(--placeholder-opacity)) }
.placeholder-purple-10
Lorem ipsum 
{ --placeholder-opacity: 1.0;
 color: rgba(233, 204, 254, var(--placeholder-opacity)) }
.text
Lorem ipsum 
{ font-size: 1rem }
.text-xs
Lorem ipsum 
{ font-size: 0.8rem }
.text-sm
Lorem ipsum 
{ font-size: 0.9rem }
.text-lg
Lorem ipsum 
{ font-size: 1.2rem }
.text-xl
Lorem ipsum 
{ font-size: 1.4rem }
.text-2x
Lorem ipsum 
{ font-size: 2rem }
.text-4x
Lorem ipsum 
{ font-size: 4rem }
.text-8x
Lorem ipsum 
{ font-size: 8rem }
.text-mono
Lorem ipsum 
{ font-family: monospace, monospace }
.text-uppercase
Lorem ipsum 
{ text-transform: uppercase }
.text-lowercase
Lorem ipsum 
{ text-transform: lowercase }
.text-capitalize
Lorem ipsum 
{ text-transform: capitalize }
.text-normal-case
Lorem ipsum 
{ text-transform: none }
.text-italic
Lorem ipsum 
{ font-style: italic }
.text-underline
Lorem ipsum 
{ text-decoration: underline }
.text-no-underline
Lorem ipsum 
{ text-decoration: none }
.text-line-through
Lorem ipsum 
{ text-decoration: line-through }
.text-hairline
Lorem ipsum 
{ font-weight: 100 }
.text-thin
Lorem ipsum 
{ font-weight: 200 }
.text-light
Lorem ipsum 
{ font-weight: 300 }
.text-normal
Lorem ipsum 
{ font-weight: 400 }
.text-medium
Lorem ipsum 
{ font-weight: 500 }
.text-semibold
Lorem ipsum 
{ font-weight: 600 }
.text-bold
Lorem ipsum 
{ font-weight: 700 }
.text-extrabold
Lorem ipsum 
{ font-weight: 800 }
.text-black
Lorem ipsum 
{ font-weight: 900 }
.text-left
Lorem ipsum 
{ text-align: left }
.text-right
Lorem ipsum 
{ text-align: right }
.text-center
Lorem ipsum 
{ text-align: center }
.text-justify
Lorem ipsum 
{ text-align: justify }
.leading-none
Lorem ipsum 
{ line-height: 1 }
.leading-tight
Lorem ipsum 
{ line-height: 1.25 }
.leading-snug
Lorem ipsum 
{ line-height: 1.375 }
.leading-normal
Lorem ipsum 
{ line-height: 1.5 }
.leading-relaxed
Lorem ipsum 
{ line-height: 1.625 }
.leading-loose
Lorem ipsum 
{ line-height: 2 }
.tracking-tighter
Lorem ipsum 
{ letter-spacing: -0.05em }
.tracking-tight
Lorem ipsum 
{ letter-spacing: -0.025em }
.tracking-normal
Lorem ipsum 
{ letter-spacing: 0 }
.tracking-wide
Lorem ipsum 
{ letter-spacing: 0.025em }
.tracking-wider
Lorem ipsum 
{ letter-spacing: 0.05em }
.tracking-widest
Lorem ipsum 
{ letter-spacing: 0.1em }
.text-col-2
Lorem ipsum 
{ column-count: 2;
 column-gap: 5em }
.text-col-3
Lorem ipsum 
{ column-count: 3;
 column-gap: 5em }
.text-no-break
Lorem ipsum 
{ break-inside: avoid-column }
.text-break
Lorem ipsum 
{ word-break: break-all }
.text-nowrap
Lorem ipsum 
{ white-space: nowrap }
.text-no-wrap
Lorem ipsum 
{ white-space: nowrap }
.text-overflow-hidden
Lorem ipsum 
{ text-overflow: ellipsis;
 overflow: hidden }
.text-list-none
Lorem ipsum 
{ list-style-type: none }
.text-list-disc
Lorem ipsum 
{ list-style-type: disc }
.text-list-decimal
Lorem ipsum 
{ list-style-type: decimal }
.text-list-inside
Lorem ipsum 
{ list-style-position: inside }
.text-list-outside
Lorem ipsum 
{ list-style-position: outside }
.select-none
Lorem ipsum 
{ user-select: none }
.select-text
Lorem ipsum 
{ user-select: text }
.select-all
Lorem ipsum 
{ user-select: all }
.select-auto
Lorem ipsum 
{ user-select: auto }