Featured image of post 【CSS Framework TailwindCSS】Cheetsheet: Backgrounds, Spacing, Sizing, Typography, Borders, Flexbox & Grid, Layout, Effects

【CSS Framework TailwindCSS】Cheetsheet: Backgrounds, Spacing, Sizing, Typography, Borders, Flexbox & Grid, Layout, Effects

【CSS Framework TailwindCSS】Cheetsheet: Backgrounds, Spacing, Sizing, Typography, Borders, Flexbox & Grid, Layout, Effects

<script src="https://cdn.tailwindcss.com/3.2.4"></script>

Backgrounds

Background Color

https://tailwindcss.com/docs/background-color

Name Properties Color
bg-inheritbackground-color: inherit;
bg-currentbackground-color: currentColor;
bg-transparentbackground-color: transparent;
bg-blackbackground-color: rgb(0 0 0);
bg-whitebackground-color: rgb(255 255 255);
bg-slate-50background-color: rgb(248 250 252);
bg-slate-100background-color: rgb(241 245 249);
bg-slate-200background-color: rgb(226 232 240);
bg-slate-300background-color: rgb(203 213 225);
bg-slate-400background-color: rgb(148 163 184);
bg-slate-500background-color: rgb(100 116 139);
bg-slate-600background-color: rgb(71 85 105);
bg-slate-700background-color: rgb(51 65 85);
bg-slate-800background-color: rgb(30 41 59);
bg-slate-900background-color: rgb(15 23 42);
bg-gray-50background-color: rgb(249 250 251);
bg-gray-100background-color: rgb(243 244 246);
bg-gray-200background-color: rgb(229 231 235);
bg-gray-300background-color: rgb(209 213 219);
bg-gray-400background-color: rgb(156 163 175);
bg-gray-500background-color: rgb(107 114 128);
bg-gray-600background-color: rgb(75 85 99);
bg-gray-700background-color: rgb(55 65 81);
bg-gray-800background-color: rgb(31 41 55);
bg-gray-900background-color: rgb(17 24 39);
bg-zinc-50background-color: rgb(250 250 250);
bg-zinc-100background-color: rgb(244 244 245);
bg-zinc-200background-color: rgb(228 228 231);
bg-zinc-300background-color: rgb(212 212 216);
bg-zinc-400background-color: rgb(161 161 170);
bg-zinc-500background-color: rgb(113 113 122);
bg-zinc-600background-color: rgb(82 82 91);
bg-zinc-700background-color: rgb(63 63 70);
bg-zinc-800background-color: rgb(39 39 42);
bg-zinc-900background-color: rgb(24 24 27);
bg-neutral-50background-color: rgb(250 250 250);
bg-neutral-100background-color: rgb(245 245 245);
bg-neutral-200background-color: rgb(229 229 229);
bg-neutral-300background-color: rgb(212 212 212);
bg-neutral-400background-color: rgb(163 163 163);
bg-neutral-500background-color: rgb(115 115 115);
bg-neutral-600background-color: rgb(82 82 82);
bg-neutral-700background-color: rgb(64 64 64);
bg-neutral-800background-color: rgb(38 38 38);
bg-neutral-900background-color: rgb(23 23 23);
bg-stone-50background-color: rgb(250 250 249);
bg-stone-100background-color: rgb(245 245 244);
bg-stone-200background-color: rgb(231 229 228);
bg-stone-300background-color: rgb(214 211 209);
bg-stone-400background-color: rgb(168 162 158);
bg-stone-500background-color: rgb(120 113 108);
bg-stone-600background-color: rgb(87 83 78);
bg-stone-700background-color: rgb(68 64 60);
bg-stone-800background-color: rgb(41 37 36);
bg-stone-900background-color: rgb(28 25 23);
bg-red-50background-color: rgb(254 242 242);
bg-red-100background-color: rgb(254 226 226);
bg-red-200background-color: rgb(254 202 202);
bg-red-300background-color: rgb(252 165 165);
bg-red-400background-color: rgb(248 113 113);
bg-red-500background-color: rgb(239 68 68);
bg-red-600background-color: rgb(220 38 38);
bg-red-700background-color: rgb(185 28 28);
bg-red-800background-color: rgb(153 27 27);
bg-red-900background-color: rgb(127 29 29);
bg-orange-50background-color: rgb(255 247 237);
bg-orange-100background-color: rgb(255 237 213);
bg-orange-200background-color: rgb(254 215 170);
bg-orange-300background-color: rgb(253 186 116);
bg-orange-400background-color: rgb(251 146 60);
bg-orange-500background-color: rgb(249 115 22);
bg-orange-600background-color: rgb(234 88 12);
bg-orange-700background-color: rgb(194 65 12);
bg-orange-800background-color: rgb(154 52 18);
bg-orange-900background-color: rgb(124 45 18);
bg-amber-50background-color: rgb(255 251 235);
bg-amber-100background-color: rgb(254 243 199);
bg-amber-200background-color: rgb(253 230 138);
bg-amber-300background-color: rgb(252 211 77);
bg-amber-400background-color: rgb(251 191 36);
bg-amber-500background-color: rgb(245 158 11);
bg-amber-600background-color: rgb(217 119 6);
bg-amber-700background-color: rgb(180 83 9);
bg-amber-800background-color: rgb(146 64 14);
bg-amber-900background-color: rgb(120 53 15);
bg-yellow-50background-color: rgb(254 252 232);
bg-yellow-100background-color: rgb(254 249 195);
bg-yellow-200background-color: rgb(254 240 138);
bg-yellow-300background-color: rgb(253 224 71);
bg-yellow-400background-color: rgb(250 204 21);
bg-yellow-500background-color: rgb(234 179 8);
bg-yellow-600background-color: rgb(202 138 4);
bg-yellow-700background-color: rgb(161 98 7);
bg-yellow-800background-color: rgb(133 77 14);
bg-yellow-900background-color: rgb(113 63 18);
bg-lime-50background-color: rgb(247 254 231);
bg-lime-100background-color: rgb(236 252 203);
bg-lime-200background-color: rgb(217 249 157);
bg-lime-300background-color: rgb(190 242 100);
bg-lime-400background-color: rgb(163 230 53);
bg-lime-500background-color: rgb(132 204 22);
bg-lime-600background-color: rgb(101 163 13);
bg-lime-700background-color: rgb(77 124 15);
bg-lime-800background-color: rgb(63 98 18);
bg-lime-900background-color: rgb(54 83 20);
bg-green-50background-color: rgb(240 253 244);
bg-green-100background-color: rgb(220 252 231);
bg-green-200background-color: rgb(187 247 208);
bg-green-300background-color: rgb(134 239 172);
bg-green-400background-color: rgb(74 222 128);
bg-green-500background-color: rgb(34 197 94);
bg-green-600background-color: rgb(22 163 74);
bg-green-700background-color: rgb(21 128 61);
bg-green-800background-color: rgb(22 101 52);
bg-green-900background-color: rgb(20 83 45);
bg-emerald-50background-color: rgb(236 253 245);
bg-emerald-100background-color: rgb(209 250 229);
bg-emerald-200background-color: rgb(167 243 208);
bg-emerald-300background-color: rgb(110 231 183);
bg-emerald-400background-color: rgb(52 211 153);
bg-emerald-500background-color: rgb(16 185 129);
bg-emerald-600background-color: rgb(5 150 105);
bg-emerald-700background-color: rgb(4 120 87);
bg-emerald-800background-color: rgb(6 95 70);
bg-emerald-900background-color: rgb(6 78 59);
bg-teal-50background-color: rgb(240 253 250);
bg-teal-100background-color: rgb(204 251 241);
bg-teal-200background-color: rgb(153 246 228);
bg-teal-300background-color: rgb(94 234 212);
bg-teal-400background-color: rgb(45 212 191);
bg-teal-500background-color: rgb(20 184 166);
bg-teal-600background-color: rgb(13 148 136);
bg-teal-700background-color: rgb(15 118 110);
bg-teal-800background-color: rgb(17 94 89);
bg-teal-900background-color: rgb(19 78 74);
bg-cyan-50background-color: rgb(236 254 255);
bg-cyan-100background-color: rgb(207 250 254);
bg-cyan-200background-color: rgb(165 243 252);
bg-cyan-300background-color: rgb(103 232 249);
bg-cyan-400background-color: rgb(34 211 238);
bg-cyan-500background-color: rgb(6 182 212);
bg-cyan-600background-color: rgb(8 145 178);
bg-cyan-700background-color: rgb(14 116 144);
bg-cyan-800background-color: rgb(21 94 117);
bg-cyan-900background-color: rgb(22 78 99);
bg-sky-50background-color: rgb(240 249 255);
bg-sky-100background-color: rgb(224 242 254);
bg-sky-200background-color: rgb(186 230 253);
bg-sky-300background-color: rgb(125 211 252);
bg-sky-400background-color: rgb(56 189 248);
bg-sky-500background-color: rgb(14 165 233);
bg-sky-600background-color: rgb(2 132 199);
bg-sky-700background-color: rgb(3 105 161);
bg-sky-800background-color: rgb(7 89 133);
bg-sky-900background-color: rgb(12 74 110);
bg-blue-50background-color: rgb(239 246 255);
bg-blue-100background-color: rgb(219 234 254);
bg-blue-200background-color: rgb(191 219 254);
bg-blue-300background-color: rgb(147 197 253);
bg-blue-400background-color: rgb(96 165 250);
bg-blue-500background-color: rgb(59 130 246);
bg-blue-600background-color: rgb(37 99 235);
bg-blue-700background-color: rgb(29 78 216);
bg-blue-800background-color: rgb(30 64 175);
bg-blue-900background-color: rgb(30 58 138);
bg-indigo-50background-color: rgb(238 242 255);
bg-indigo-100background-color: rgb(224 231 255);
bg-indigo-200background-color: rgb(199 210 254);
bg-indigo-300background-color: rgb(165 180 252);
bg-indigo-400background-color: rgb(129 140 248);
bg-indigo-500background-color: rgb(99 102 241);
bg-indigo-600background-color: rgb(79 70 229);
bg-indigo-700background-color: rgb(67 56 202);
bg-indigo-800background-color: rgb(55 48 163);
bg-indigo-900background-color: rgb(49 46 129);
bg-violet-50background-color: rgb(245 243 255);
bg-violet-100background-color: rgb(237 233 254);
bg-violet-200background-color: rgb(221 214 254);
bg-violet-300background-color: rgb(196 181 253);
bg-violet-400background-color: rgb(167 139 250);
bg-violet-500background-color: rgb(139 92 246);
bg-violet-600background-color: rgb(124 58 237);
bg-violet-700background-color: rgb(109 40 217);
bg-violet-800background-color: rgb(91 33 182);
bg-violet-900background-color: rgb(76 29 149);
bg-purple-50background-color: rgb(250 245 255);
bg-purple-100background-color: rgb(243 232 255);
bg-purple-200background-color: rgb(233 213 255);
bg-purple-300background-color: rgb(216 180 254);
bg-purple-400background-color: rgb(192 132 252);
bg-purple-500background-color: rgb(168 85 247);
bg-purple-600background-color: rgb(147 51 234);
bg-purple-700background-color: rgb(126 34 206);
bg-purple-800background-color: rgb(107 33 168);
bg-purple-900background-color: rgb(88 28 135);
bg-fuchsia-50background-color: rgb(253 244 255);
bg-fuchsia-100background-color: rgb(250 232 255);
bg-fuchsia-200background-color: rgb(245 208 254);
bg-fuchsia-300background-color: rgb(240 171 252);
bg-fuchsia-400background-color: rgb(232 121 249);
bg-fuchsia-500background-color: rgb(217 70 239);
bg-fuchsia-600background-color: rgb(192 38 211);
bg-fuchsia-700background-color: rgb(162 28 175);
bg-fuchsia-800background-color: rgb(134 25 143);
bg-fuchsia-900background-color: rgb(112 26 117);
bg-pink-50background-color: rgb(253 242 248);
bg-pink-100background-color: rgb(252 231 243);
bg-pink-200background-color: rgb(251 207 232);
bg-pink-300background-color: rgb(249 168 212);
bg-pink-400background-color: rgb(244 114 182);
bg-pink-500background-color: rgb(236 72 153);
bg-pink-600background-color: rgb(219 39 119);
bg-pink-700background-color: rgb(190 24 93);
bg-pink-800background-color: rgb(157 23 77);
bg-pink-900background-color: rgb(131 24 67);
bg-rose-50background-color: rgb(255 241 242);
bg-rose-100background-color: rgb(255 228 230);
bg-rose-200background-color: rgb(254 205 211);
bg-rose-300background-color: rgb(253 164 175);
bg-rose-400background-color: rgb(251 113 133);
bg-rose-500background-color: rgb(244 63 94);
bg-rose-600background-color: rgb(225 29 72);
bg-rose-700background-color: rgb(190 18 60);
bg-rose-800background-color: rgb(159 18 57);
bg-rose-900background-color: rgb(136 19 55);

Background Position

https://tailwindcss.com/docs/background-position

Class name Properties
bg-bottom background-position: bottom;
bg-center background-position: center;
bg-left background-position: left;
bg-left-bottom background-position: left bottom;
bg-left-top background-position: left top;
bg-right background-position: right;
bg-right-bottom background-position: right bottom;
bg-right-top background-position: right top;
bg-top background-position: top;

Background Attachment

https://tailwindcss.com/docs/background-attachment

Class name Properties
bg-fixed background-attachment: fixed;
bg-local background-attachment: local;
bg-scroll background-attachment: scroll;

Background Clip

https://tailwindcss.com/docs/background-clip

Class name Properties
bg-clip-border background-clip: border-box;
bg-clip-padding background-clip: padding-box;
bg-clip-content background-clip: content-box;
bg-clip-text background-clip: text;

Background Origin

https://tailwindcss.com/docs/background-origin

Class name Properties
bg-origin-border background-origin: border-box;
bg-origin-padding background-origin: padding-box;
bg-origin-content background-origin: content-box;

Background Repeat

https://tailwindcss.com/docs/background-repeat

Class name Properties
bg-repeat background-repeat: repeat;
bg-no-repeat background-repeat: no-repeat;
bg-repeat-x background-repeat: repeat-x;
bg-repeat-y background-repeat: repeat-y;
bg-repeat-round background-repeat: round;
bg-repeat-space background-repeat: space;

Background Size

https://tailwindcss.com/docs/background-size

Class name Properties
bg-auto background-size: auto;
bg-cover background-size: cover;
bg-contain background-size: contain;

Background Image

https://tailwindcss.com/docs/background-image

Class name Properties
bg-none background-image: none;
bg-gradient-to-t background-image: linear-gradient(to top, var(–tw-gradient-stops));
bg-gradient-to-tr background-image: linear-gradient(to top right, var(–tw-gradient-stops));
bg-gradient-to-r background-image: linear-gradient(to right, var(–tw-gradient-stops));
bg-gradient-to-br background-image: linear-gradient(to bottom right, var(–tw-gradient-stops));
bg-gradient-to-b background-image: linear-gradient(to bottom, var(–tw-gradient-stops));
bg-gradient-to-bl background-image: linear-gradient(to bottom left, var(–tw-gradient-stops));
bg-gradient-to-l background-image: linear-gradient(to left, var(–tw-gradient-stops));
bg-gradient-to-tl background-image: linear-gradient(to top left, var(–tw-gradient-stops));

Gradient Color Stops

https://tailwindcss.com/docs/gradient-color-stops

Spacing

Margin

https://tailwindcss.com/docs/margin

Class name Properties
m-0 margin: 0px;
mx-0 margin-left: 0px; margin-right: 0px;
my-0 margin-top: 0px; margin-bottom: 0px;
mt-0 margin-top: 0px;
mr-0 margin-right: 0px;
mb-0 margin-bottom: 0px;
ml-0 margin-left: 0px;
m-px margin: 1px;
mx-px margin-left: 1px; margin-right: 1px;
my-px margin-top: 1px; margin-bottom: 1px;
mt-px margin-top: 1px;
mr-px margin-right: 1px;
mb-px margin-bottom: 1px;
ml-px margin-left: 1px;
m-0.5 margin: 0.125rem; /* 2px */
mx-0.5 margin-left: 0.125rem; /* 2px */ margin-right: 0.125rem; /* 2px */
my-0.5 margin-top: 0.125rem; /* 2px */ margin-bottom: 0.125rem; /* 2px */
mt-0.5 margin-top: 0.125rem; /* 2px */
mr-0.5 margin-right: 0.125rem; /* 2px */
mb-0.5 margin-bottom: 0.125rem; /* 2px */
ml-0.5 margin-left: 0.125rem; /* 2px */
m-1 margin: 0.25rem; /* 4px */
mx-1 margin-left: 0.25rem; /* 4px */ margin-right: 0.25rem; /* 4px */
my-1 margin-top: 0.25rem; /* 4px */ margin-bottom: 0.25rem; /* 4px */
mt-1 margin-top: 0.25rem; /* 4px */
mr-1 margin-right: 0.25rem; /* 4px */
mb-1 margin-bottom: 0.25rem; /* 4px */
ml-1 margin-left: 0.25rem; /* 4px */
m-1.5 margin: 0.375rem; /* 6px */
mx-1.5 margin-left: 0.375rem; /* 6px */ margin-right: 0.375rem; /* 6px */
my-1.5 margin-top: 0.375rem; /* 6px */ margin-bottom: 0.375rem; /* 6px */
mt-1.5 margin-top: 0.375rem; /* 6px */
mr-1.5 margin-right: 0.375rem; /* 6px */
mb-1.5 margin-bottom: 0.375rem; /* 6px */
ml-1.5 margin-left: 0.375rem; /* 6px */
m-2 margin: 0.5rem; /* 8px */
mx-2 margin-left: 0.5rem; /* 8px */ margin-right: 0.5rem; /* 8px */
my-2 margin-top: 0.5rem; /* 8px */ margin-bottom: 0.5rem; /* 8px */
mt-2 margin-top: 0.5rem; /* 8px */
mr-2 margin-right: 0.5rem; /* 8px */
mb-2 margin-bottom: 0.5rem; /* 8px */
ml-2 margin-left: 0.5rem; /* 8px */
m-2.5 margin: 0.625rem; /* 10px */
mx-2.5 margin-left: 0.625rem; /* 10px */ margin-right: 0.625rem; /* 10px */
my-2.5 margin-top: 0.625rem; /* 10px */ margin-bottom: 0.625rem; /* 10px */
mt-2.5 margin-top: 0.625rem; /* 10px */
mr-2.5 margin-right: 0.625rem; /* 10px */
mb-2.5 margin-bottom: 0.625rem; /* 10px */
ml-2.5 margin-left: 0.625rem; /* 10px */
m-3 margin: 0.75rem; /* 12px */
mx-3 margin-left: 0.75rem; /* 12px */ margin-right: 0.75rem; /* 12px */
my-3 margin-top: 0.75rem; /* 12px */ margin-bottom: 0.75rem; /* 12px */
mt-3 margin-top: 0.75rem; /* 12px */
mr-3 margin-right: 0.75rem; /* 12px */
mb-3 margin-bottom: 0.75rem; /* 12px */
ml-3 margin-left: 0.75rem; /* 12px */
m-3.5 margin: 0.875rem; /* 14px */
mx-3.5 margin-left: 0.875rem; /* 14px */ margin-right: 0.875rem; /* 14px */
my-3.5 margin-top: 0.875rem; /* 14px */ margin-bottom: 0.875rem; /* 14px */
mt-3.5 margin-top: 0.875rem; /* 14px */
mr-3.5 margin-right: 0.875rem; /* 14px */
mb-3.5 margin-bottom: 0.875rem; /* 14px */
ml-3.5 margin-left: 0.875rem; /* 14px */
m-4 margin: 1rem; /* 16px */
mx-4 margin-left: 1rem; /* 16px */ margin-right: 1rem; /* 16px */
my-4 margin-top: 1rem; /* 16px */ margin-bottom: 1rem; /* 16px */
mt-4 margin-top: 1rem; /* 16px */
mr-4 margin-right: 1rem; /* 16px */
mb-4 margin-bottom: 1rem; /* 16px */
ml-4 margin-left: 1rem; /* 16px */
m-5 margin: 1.25rem; /* 20px */
mx-5 margin-left: 1.25rem; /* 20px */ margin-right: 1.25rem; /* 20px */
my-5 margin-top: 1.25rem; /* 20px */ margin-bottom: 1.25rem; /* 20px */
mt-5 margin-top: 1.25rem; /* 20px */
mr-5 margin-right: 1.25rem; /* 20px */
mb-5 margin-bottom: 1.25rem; /* 20px */
ml-5 margin-left: 1.25rem; /* 20px */
m-6 margin: 1.5rem; /* 24px */
mx-6 margin-left: 1.5rem; /* 24px */ margin-right: 1.5rem; /* 24px */
my-6 margin-top: 1.5rem; /* 24px */ margin-bottom: 1.5rem; /* 24px */
mt-6 margin-top: 1.5rem; /* 24px */
mr-6 margin-right: 1.5rem; /* 24px */
mb-6 margin-bottom: 1.5rem; /* 24px */
ml-6 margin-left: 1.5rem; /* 24px */
m-7 margin: 1.75rem; /* 28px */
mx-7 margin-left: 1.75rem; /* 28px */ margin-right: 1.75rem; /* 28px */
my-7 margin-top: 1.75rem; /* 28px */ margin-bottom: 1.75rem; /* 28px */
mt-7 margin-top: 1.75rem; /* 28px */
mr-7 margin-right: 1.75rem; /* 28px */
mb-7 margin-bottom: 1.75rem; /* 28px */
ml-7 margin-left: 1.75rem; /* 28px */
m-8 margin: 2rem; /* 32px */
mx-8 margin-left: 2rem; /* 32px */ margin-right: 2rem; /* 32px */
my-8 margin-top: 2rem; /* 32px */ margin-bottom: 2rem; /* 32px */
mt-8 margin-top: 2rem; /* 32px */
mr-8 margin-right: 2rem; /* 32px */
mb-8 margin-bottom: 2rem; /* 32px */
ml-8 margin-left: 2rem; /* 32px */
m-9 margin: 2.25rem; /* 36px */
mx-9 margin-left: 2.25rem; /* 36px */ margin-right: 2.25rem; /* 36px */
my-9 margin-top: 2.25rem; /* 36px */ margin-bottom: 2.25rem; /* 36px */
mt-9 margin-top: 2.25rem; /* 36px */
mr-9 margin-right: 2.25rem; /* 36px */
mb-9 margin-bottom: 2.25rem; /* 36px */
ml-9 margin-left: 2.25rem; /* 36px */
m-10 margin: 2.5rem; /* 40px */
mx-10 margin-left: 2.5rem; /* 40px */ margin-right: 2.5rem; /* 40px */
my-10 margin-top: 2.5rem; /* 40px */ margin-bottom: 2.5rem; /* 40px */
mt-10 margin-top: 2.5rem; /* 40px */
mr-10 margin-right: 2.5rem; /* 40px */
mb-10 margin-bottom: 2.5rem; /* 40px */
ml-10 margin-left: 2.5rem; /* 40px */
m-11 margin: 2.75rem; /* 44px */
mx-11 margin-left: 2.75rem; /* 44px */ margin-right: 2.75rem; /* 44px */
my-11 margin-top: 2.75rem; /* 44px */ margin-bottom: 2.75rem; /* 44px */
mt-11 margin-top: 2.75rem; /* 44px */
mr-11 margin-right: 2.75rem; /* 44px */
mb-11 margin-bottom: 2.75rem; /* 44px */
ml-11 margin-left: 2.75rem; /* 44px */
m-12 margin: 3rem; /* 48px */
mx-12 margin-left: 3rem; /* 48px */ margin-right: 3rem; /* 48px */
my-12 margin-top: 3rem; /* 48px */ margin-bottom: 3rem; /* 48px */
mt-12 margin-top: 3rem; /* 48px */
mr-12 margin-right: 3rem; /* 48px */
mb-12 margin-bottom: 3rem; /* 48px */
ml-12 margin-left: 3rem; /* 48px */
m-14 margin: 3.5rem; /* 56px */
mx-14 margin-left: 3.5rem; /* 56px */ margin-right: 3.5rem; /* 56px */
my-14 margin-top: 3.5rem; /* 56px */ margin-bottom: 3.5rem; /* 56px */
mt-14 margin-top: 3.5rem; /* 56px */
mr-14 margin-right: 3.5rem; /* 56px */
mb-14 margin-bottom: 3.5rem; /* 56px */
ml-14 margin-left: 3.5rem; /* 56px */
m-16 margin: 4rem; /* 64px */
mx-16 margin-left: 4rem; /* 64px */ margin-right: 4rem; /* 64px */
my-16 margin-top: 4rem; /* 64px */ margin-bottom: 4rem; /* 64px */
mt-16 margin-top: 4rem; /* 64px */
mr-16 margin-right: 4rem; /* 64px */
mb-16 margin-bottom: 4rem; /* 64px */
ml-16 margin-left: 4rem; /* 64px */
m-20 margin: 5rem; /* 80px */
mx-20 margin-left: 5rem; /* 80px */ margin-right: 5rem; /* 80px */
my-20 margin-top: 5rem; /* 80px */ margin-bottom: 5rem; /* 80px */
mt-20 margin-top: 5rem; /* 80px */
mr-20 margin-right: 5rem; /* 80px */
mb-20 margin-bottom: 5rem; /* 80px */
ml-20 margin-left: 5rem; /* 80px */
m-24 margin: 6rem; /* 96px */
mx-24 margin-left: 6rem; /* 96px */ margin-right: 6rem; /* 96px */
my-24 margin-top: 6rem; /* 96px */ margin-bottom: 6rem; /* 96px */
mt-24 margin-top: 6rem; /* 96px */
mr-24 margin-right: 6rem; /* 96px */
mb-24 margin-bottom: 6rem; /* 96px */
ml-24 margin-left: 6rem; /* 96px */
m-28 margin: 7rem; /* 112px */
mx-28 margin-left: 7rem; /* 112px */ margin-right: 7rem; /* 112px */
my-28 margin-top: 7rem; /* 112px */ margin-bottom: 7rem; /* 112px */
mt-28 margin-top: 7rem; /* 112px */
mr-28 margin-right: 7rem; /* 112px */
mb-28 margin-bottom: 7rem; /* 112px */
ml-28 margin-left: 7rem; /* 112px */
m-32 margin: 8rem; /* 128px */
mx-32 margin-left: 8rem; /* 128px */ margin-right: 8rem; /* 128px */
my-32 margin-top: 8rem; /* 128px */ margin-bottom: 8rem; /* 128px */
mt-32 margin-top: 8rem; /* 128px */
mr-32 margin-right: 8rem; /* 128px */
mb-32 margin-bottom: 8rem; /* 128px */
ml-32 margin-left: 8rem; /* 128px */
m-36 margin: 9rem; /* 144px */
mx-36 margin-left: 9rem; /* 144px */ margin-right: 9rem; /* 144px */
my-36 margin-top: 9rem; /* 144px */ margin-bottom: 9rem; /* 144px */
mt-36 margin-top: 9rem; /* 144px */
mr-36 margin-right: 9rem; /* 144px */
mb-36 margin-bottom: 9rem; /* 144px */
ml-36 margin-left: 9rem; /* 144px */
m-40 margin: 10rem; /* 160px */
mx-40 margin-left: 10rem; /* 160px */ margin-right: 10rem; /* 160px */
my-40 margin-top: 10rem; /* 160px */ margin-bottom: 10rem; /* 160px */
mt-40 margin-top: 10rem; /* 160px */
mr-40 margin-right: 10rem; /* 160px */
mb-40 margin-bottom: 10rem; /* 160px */
ml-40 margin-left: 10rem; /* 160px */
m-44 margin: 11rem; /* 176px */
mx-44 margin-left: 11rem; /* 176px */ margin-right: 11rem; /* 176px */
my-44 margin-top: 11rem; /* 176px */ margin-bottom: 11rem; /* 176px */
mt-44 margin-top: 11rem; /* 176px */
mr-44 margin-right: 11rem; /* 176px */
mb-44 margin-bottom: 11rem; /* 176px */
ml-44 margin-left: 11rem; /* 176px */
m-48 margin: 12rem; /* 192px */
mx-48 margin-left: 12rem; /* 192px */ margin-right: 12rem; /* 192px */
my-48 margin-top: 12rem; /* 192px */ margin-bottom: 12rem; /* 192px */
mt-48 margin-top: 12rem; /* 192px */
mr-48 margin-right: 12rem; /* 192px */
mb-48 margin-bottom: 12rem; /* 192px */
ml-48 margin-left: 12rem; /* 192px */
m-52 margin: 13rem; /* 208px */
mx-52 margin-left: 13rem; /* 208px */ margin-right: 13rem; /* 208px */
my-52 margin-top: 13rem; /* 208px */ margin-bottom: 13rem; /* 208px */
mt-52 margin-top: 13rem; /* 208px */
mr-52 margin-right: 13rem; /* 208px */
mb-52 margin-bottom: 13rem; /* 208px */
ml-52 margin-left: 13rem; /* 208px */
m-56 margin: 14rem; /* 224px */
mx-56 margin-left: 14rem; /* 224px */ margin-right: 14rem; /* 224px */
my-56 margin-top: 14rem; /* 224px */ margin-bottom: 14rem; /* 224px */
mt-56 margin-top: 14rem; /* 224px */
mr-56 margin-right: 14rem; /* 224px */
mb-56 margin-bottom: 14rem; /* 224px */
ml-56 margin-left: 14rem; /* 224px */
m-60 margin: 15rem; /* 240px */
mx-60 margin-left: 15rem; /* 240px */ margin-right: 15rem; /* 240px */
my-60 margin-top: 15rem; /* 240px */ margin-bottom: 15rem; /* 240px */
mt-60 margin-top: 15rem; /* 240px */
mr-60 margin-right: 15rem; /* 240px */
mb-60 margin-bottom: 15rem; /* 240px */
ml-60 margin-left: 15rem; /* 240px */
m-64 margin: 16rem; /* 256px */
mx-64 margin-left: 16rem; /* 256px */ margin-right: 16rem; /* 256px */
my-64 margin-top: 16rem; /* 256px */ margin-bottom: 16rem; /* 256px */
mt-64 margin-top: 16rem; /* 256px */
mr-64 margin-right: 16rem; /* 256px */
mb-64 margin-bottom: 16rem; /* 256px */
ml-64 margin-left: 16rem; /* 256px */
m-72 margin: 18rem; /* 288px */
mx-72 margin-left: 18rem; /* 288px */ margin-right: 18rem; /* 288px */
my-72 margin-top: 18rem; /* 288px */ margin-bottom: 18rem; /* 288px */
mt-72 margin-top: 18rem; /* 288px */
mr-72 margin-right: 18rem; /* 288px */
mb-72 margin-bottom: 18rem; /* 288px */
ml-72 margin-left: 18rem; /* 288px */
m-80 margin: 20rem; /* 320px */
mx-80 margin-left: 20rem; /* 320px */ margin-right: 20rem; /* 320px */
my-80 margin-top: 20rem; /* 320px */ margin-bottom: 20rem; /* 320px */
mt-80 margin-top: 20rem; /* 320px */
mr-80 margin-right: 20rem; /* 320px */
mb-80 margin-bottom: 20rem; /* 320px */
ml-80 margin-left: 20rem; /* 320px */
m-96 margin: 24rem; /* 384px */
mx-96 margin-left: 24rem; /* 384px */ margin-right: 24rem; /* 384px */
my-96 margin-top: 24rem; /* 384px */ margin-bottom: 24rem; /* 384px */
mt-96 margin-top: 24rem; /* 384px */
mr-96 margin-right: 24rem; /* 384px */
mb-96 margin-bottom: 24rem; /* 384px */
ml-96 margin-left: 24rem; /* 384px */
m-auto margin: auto;
mx-auto margin-left: auto; margin-right: auto;
my-auto margin-top: auto; margin-bottom: auto;
mt-auto margin-top: auto;
mr-auto margin-right: auto;
mb-auto margin-bottom: auto;
ml-auto margin-left: auto;

Padding

https://tailwindcss.com/docs/padding

Class name Properties
p-0 padding: 0px;
px-0 padding-left: 0px; padding-right: 0px;
py-0 padding-top: 0px; padding-bottom: 0px;
pt-0 padding-top: 0px;
pr-0 padding-right: 0px;
pb-0 padding-bottom: 0px;
pl-0 padding-left: 0px;
p-px padding: 1px;
px-px padding-left: 1px; padding-right: 1px;
py-px padding-top: 1px; padding-bottom: 1px;
pt-px padding-top: 1px;
pr-px padding-right: 1px;
pb-px padding-bottom: 1px;
pl-px padding-left: 1px;
p-0.5 padding: 0.125rem; /* 2px */
px-0.5 padding-left: 0.125rem; /* 2px */ padding-right: 0.125rem; /* 2px */
py-0.5 padding-top: 0.125rem; /* 2px */ padding-bottom: 0.125rem; /* 2px */
pt-0.5 padding-top: 0.125rem; /* 2px */
pr-0.5 padding-right: 0.125rem; /* 2px */
pb-0.5 padding-bottom: 0.125rem; /* 2px */
pl-0.5 padding-left: 0.125rem; /* 2px */
p-1 padding: 0.25rem; /* 4px */
px-1 padding-left: 0.25rem; /* 4px */ padding-right: 0.25rem; /* 4px */
py-1 padding-top: 0.25rem; /* 4px */ padding-bottom: 0.25rem; /* 4px */
pt-1 padding-top: 0.25rem; /* 4px */
pr-1 padding-right: 0.25rem; /* 4px */
pb-1 padding-bottom: 0.25rem; /* 4px */
pl-1 padding-left: 0.25rem; /* 4px */
p-1.5 padding: 0.375rem; /* 6px */
px-1.5 padding-left: 0.375rem; /* 6px */ padding-right: 0.375rem; /* 6px */
py-1.5 padding-top: 0.375rem; /* 6px */ padding-bottom: 0.375rem; /* 6px */
pt-1.5 padding-top: 0.375rem; /* 6px */
pr-1.5 padding-right: 0.375rem; /* 6px */
pb-1.5 padding-bottom: 0.375rem; /* 6px */
pl-1.5 padding-left: 0.375rem; /* 6px */
p-2 padding: 0.5rem; /* 8px */
px-2 padding-left: 0.5rem; /* 8px */ padding-right: 0.5rem; /* 8px */
py-2 padding-top: 0.5rem; /* 8px */ padding-bottom: 0.5rem; /* 8px */
pt-2 padding-top: 0.5rem; /* 8px */
pr-2 padding-right: 0.5rem; /* 8px */
pb-2 padding-bottom: 0.5rem; /* 8px */
pl-2 padding-left: 0.5rem; /* 8px */
p-2.5 padding: 0.625rem; /* 10px */
px-2.5 padding-left: 0.625rem; /* 10px */ padding-right: 0.625rem; /* 10px */
py-2.5 padding-top: 0.625rem; /* 10px */ padding-bottom: 0.625rem; /* 10px */
pt-2.5 padding-top: 0.625rem; /* 10px */
pr-2.5 padding-right: 0.625rem; /* 10px */
pb-2.5 padding-bottom: 0.625rem; /* 10px */
pl-2.5 padding-left: 0.625rem; /* 10px */
p-3 padding: 0.75rem; /* 12px */
px-3 padding-left: 0.75rem; /* 12px */ padding-right: 0.75rem; /* 12px */
py-3 padding-top: 0.75rem; /* 12px */ padding-bottom: 0.75rem; /* 12px */
pt-3 padding-top: 0.75rem; /* 12px */
pr-3 padding-right: 0.75rem; /* 12px */
pb-3 padding-bottom: 0.75rem; /* 12px */
pl-3 padding-left: 0.75rem; /* 12px */
p-3.5 padding: 0.875rem; /* 14px */
px-3.5 padding-left: 0.875rem; /* 14px */ padding-right: 0.875rem; /* 14px */
py-3.5 padding-top: 0.875rem; /* 14px */ padding-bottom: 0.875rem; /* 14px */
pt-3.5 padding-top: 0.875rem; /* 14px */
pr-3.5 padding-right: 0.875rem; /* 14px */
pb-3.5 padding-bottom: 0.875rem; /* 14px */
pl-3.5 padding-left: 0.875rem; /* 14px */
p-4 padding: 1rem; /* 16px */
px-4 padding-left: 1rem; /* 16px */ padding-right: 1rem; /* 16px */
py-4 padding-top: 1rem; /* 16px */ padding-bottom: 1rem; /* 16px */
pt-4 padding-top: 1rem; /* 16px */
pr-4 padding-right: 1rem; /* 16px */
pb-4 padding-bottom: 1rem; /* 16px */
pl-4 padding-left: 1rem; /* 16px */
p-5 padding: 1.25rem; /* 20px */
px-5 padding-left: 1.25rem; /* 20px */ padding-right: 1.25rem; /* 20px */
py-5 padding-top: 1.25rem; /* 20px */ padding-bottom: 1.25rem; /* 20px */
pt-5 padding-top: 1.25rem; /* 20px */
pr-5 padding-right: 1.25rem; /* 20px */
pb-5 padding-bottom: 1.25rem; /* 20px */
pl-5 padding-left: 1.25rem; /* 20px */
p-6 padding: 1.5rem; /* 24px */
px-6 padding-left: 1.5rem; /* 24px */ padding-right: 1.5rem; /* 24px */
py-6 padding-top: 1.5rem; /* 24px */ padding-bottom: 1.5rem; /* 24px */
pt-6 padding-top: 1.5rem; /* 24px */
pr-6 padding-right: 1.5rem; /* 24px */
pb-6 padding-bottom: 1.5rem; /* 24px */
pl-6 padding-left: 1.5rem; /* 24px */
p-7 padding: 1.75rem; /* 28px */
px-7 padding-left: 1.75rem; /* 28px */ padding-right: 1.75rem; /* 28px */
py-7 padding-top: 1.75rem; /* 28px */ padding-bottom: 1.75rem; /* 28px */
pt-7 padding-top: 1.75rem; /* 28px */
pr-7 padding-right: 1.75rem; /* 28px */
pb-7 padding-bottom: 1.75rem; /* 28px */
pl-7 padding-left: 1.75rem; /* 28px */
p-8 padding: 2rem; /* 32px */
px-8 padding-left: 2rem; /* 32px */ padding-right: 2rem; /* 32px */
py-8 padding-top: 2rem; /* 32px */ padding-bottom: 2rem; /* 32px */
pt-8 padding-top: 2rem; /* 32px */
pr-8 padding-right: 2rem; /* 32px */
pb-8 padding-bottom: 2rem; /* 32px */
pl-8 padding-left: 2rem; /* 32px */
p-9 padding: 2.25rem; /* 36px */
px-9 padding-left: 2.25rem; /* 36px */ padding-right: 2.25rem; /* 36px */
py-9 padding-top: 2.25rem; /* 36px */ padding-bottom: 2.25rem; /* 36px */
pt-9 padding-top: 2.25rem; /* 36px */
pr-9 padding-right: 2.25rem; /* 36px */
pb-9 padding-bottom: 2.25rem; /* 36px */
pl-9 padding-left: 2.25rem; /* 36px */
p-10 padding: 2.5rem; /* 40px */
px-10 padding-left: 2.5rem; /* 40px */ padding-right: 2.5rem; /* 40px */
py-10 padding-top: 2.5rem; /* 40px */ padding-bottom: 2.5rem; /* 40px */
pt-10 padding-top: 2.5rem; /* 40px */
pr-10 padding-right: 2.5rem; /* 40px */
pb-10 padding-bottom: 2.5rem; /* 40px */
pl-10 padding-left: 2.5rem; /* 40px */
p-11 padding: 2.75rem; /* 44px */
px-11 padding-left: 2.75rem; /* 44px */ padding-right: 2.75rem; /* 44px */
py-11 padding-top: 2.75rem; /* 44px */ padding-bottom: 2.75rem; /* 44px */
pt-11 padding-top: 2.75rem; /* 44px */
pr-11 padding-right: 2.75rem; /* 44px */
pb-11 padding-bottom: 2.75rem; /* 44px */
pl-11 padding-left: 2.75rem; /* 44px */
p-12 padding: 3rem; /* 48px */
px-12 padding-left: 3rem; /* 48px */ padding-right: 3rem; /* 48px */
py-12 padding-top: 3rem; /* 48px */ padding-bottom: 3rem; /* 48px */
pt-12 padding-top: 3rem; /* 48px */
pr-12 padding-right: 3rem; /* 48px */
pb-12 padding-bottom: 3rem; /* 48px */
pl-12 padding-left: 3rem; /* 48px */
p-14 padding: 3.5rem; /* 56px */
px-14 padding-left: 3.5rem; /* 56px */ padding-right: 3.5rem; /* 56px */
py-14 padding-top: 3.5rem; /* 56px */ padding-bottom: 3.5rem; /* 56px */
pt-14 padding-top: 3.5rem; /* 56px */
pr-14 padding-right: 3.5rem; /* 56px */
pb-14 padding-bottom: 3.5rem; /* 56px */
pl-14 padding-left: 3.5rem; /* 56px */
p-16 padding: 4rem; /* 64px */
px-16 padding-left: 4rem; /* 64px */ padding-right: 4rem; /* 64px */
py-16 padding-top: 4rem; /* 64px */ padding-bottom: 4rem; /* 64px */
pt-16 padding-top: 4rem; /* 64px */
pr-16 padding-right: 4rem; /* 64px */
pb-16 padding-bottom: 4rem; /* 64px */
pl-16 padding-left: 4rem; /* 64px */
p-20 padding: 5rem; /* 80px */
px-20 padding-left: 5rem; /* 80px */ padding-right: 5rem; /* 80px */
py-20 padding-top: 5rem; /* 80px */ padding-bottom: 5rem; /* 80px */
pt-20 padding-top: 5rem; /* 80px */
pr-20 padding-right: 5rem; /* 80px */
pb-20 padding-bottom: 5rem; /* 80px */
pl-20 padding-left: 5rem; /* 80px */
p-24 padding: 6rem; /* 96px */
px-24 padding-left: 6rem; /* 96px */ padding-right: 6rem; /* 96px */
py-24 padding-top: 6rem; /* 96px */ padding-bottom: 6rem; /* 96px */
pt-24 padding-top: 6rem; /* 96px */
pr-24 padding-right: 6rem; /* 96px */
pb-24 padding-bottom: 6rem; /* 96px */
pl-24 padding-left: 6rem; /* 96px */
p-28 padding: 7rem; /* 112px */
px-28 padding-left: 7rem; /* 112px */ padding-right: 7rem; /* 112px */
py-28 padding-top: 7rem; /* 112px */ padding-bottom: 7rem; /* 112px */
pt-28 padding-top: 7rem; /* 112px */
pr-28 padding-right: 7rem; /* 112px */
pb-28 padding-bottom: 7rem; /* 112px */
pl-28 padding-left: 7rem; /* 112px */
p-32 padding: 8rem; /* 128px */
px-32 padding-left: 8rem; /* 128px */ padding-right: 8rem; /* 128px */
py-32 padding-top: 8rem; /* 128px */ padding-bottom: 8rem; /* 128px */
pt-32 padding-top: 8rem; /* 128px */
pr-32 padding-right: 8rem; /* 128px */
pb-32 padding-bottom: 8rem; /* 128px */
pl-32 padding-left: 8rem; /* 128px */
p-36 padding: 9rem; /* 144px */
px-36 padding-left: 9rem; /* 144px */ padding-right: 9rem; /* 144px */
py-36 padding-top: 9rem; /* 144px */ padding-bottom: 9rem; /* 144px */
pt-36 padding-top: 9rem; /* 144px */
pr-36 padding-right: 9rem; /* 144px */
pb-36 padding-bottom: 9rem; /* 144px */
pl-36 padding-left: 9rem; /* 144px */
p-40 padding: 10rem; /* 160px */
px-40 padding-left: 10rem; /* 160px */ padding-right: 10rem; /* 160px */
py-40 padding-top: 10rem; /* 160px */ padding-bottom: 10rem; /* 160px */
pt-40 padding-top: 10rem; /* 160px */
pr-40 padding-right: 10rem; /* 160px */
pb-40 padding-bottom: 10rem; /* 160px */
pl-40 padding-left: 10rem; /* 160px */
p-44 padding: 11rem; /* 176px */
px-44 padding-left: 11rem; /* 176px */ padding-right: 11rem; /* 176px */
py-44 padding-top: 11rem; /* 176px */ padding-bottom: 11rem; /* 176px */
pt-44 padding-top: 11rem; /* 176px */
pr-44 padding-right: 11rem; /* 176px */
pb-44 padding-bottom: 11rem; /* 176px */
pl-44 padding-left: 11rem; /* 176px */
p-48 padding: 12rem; /* 192px */
px-48 padding-left: 12rem; /* 192px */ padding-right: 12rem; /* 192px */
py-48 padding-top: 12rem; /* 192px */ padding-bottom: 12rem; /* 192px */
pt-48 padding-top: 12rem; /* 192px */
pr-48 padding-right: 12rem; /* 192px */
pb-48 padding-bottom: 12rem; /* 192px */
pl-48 padding-left: 12rem; /* 192px */
p-52 padding: 13rem; /* 208px */
px-52 padding-left: 13rem; /* 208px */ padding-right: 13rem; /* 208px */
py-52 padding-top: 13rem; /* 208px */ padding-bottom: 13rem; /* 208px */
pt-52 padding-top: 13rem; /* 208px */
pr-52 padding-right: 13rem; /* 208px */
pb-52 padding-bottom: 13rem; /* 208px */
pl-52 padding-left: 13rem; /* 208px */
p-56 padding: 14rem; /* 224px */
px-56 padding-left: 14rem; /* 224px */ padding-right: 14rem; /* 224px */
py-56 padding-top: 14rem; /* 224px */ padding-bottom: 14rem; /* 224px */
pt-56 padding-top: 14rem; /* 224px */
pr-56 padding-right: 14rem; /* 224px */
pb-56 padding-bottom: 14rem; /* 224px */
pl-56 padding-left: 14rem; /* 224px */
p-60 padding: 15rem; /* 240px */
px-60 padding-left: 15rem; /* 240px */ padding-right: 15rem; /* 240px */
py-60 padding-top: 15rem; /* 240px */ padding-bottom: 15rem; /* 240px */
pt-60 padding-top: 15rem; /* 240px */
pr-60 padding-right: 15rem; /* 240px */
pb-60 padding-bottom: 15rem; /* 240px */
pl-60 padding-left: 15rem; /* 240px */
p-64 padding: 16rem; /* 256px */
px-64 padding-left: 16rem; /* 256px */ padding-right: 16rem; /* 256px */
py-64 padding-top: 16rem; /* 256px */ padding-bottom: 16rem; /* 256px */
pt-64 padding-top: 16rem; /* 256px */
pr-64 padding-right: 16rem; /* 256px */
pb-64 padding-bottom: 16rem; /* 256px */
pl-64 padding-left: 16rem; /* 256px */
p-72 padding: 18rem; /* 288px */
px-72 padding-left: 18rem; /* 288px */ padding-right: 18rem; /* 288px */
py-72 padding-top: 18rem; /* 288px */ padding-bottom: 18rem; /* 288px */
pt-72 padding-top: 18rem; /* 288px */
pr-72 padding-right: 18rem; /* 288px */
pb-72 padding-bottom: 18rem; /* 288px */
pl-72 padding-left: 18rem; /* 288px */
p-80 padding: 20rem; /* 320px */
px-80 padding-left: 20rem; /* 320px */ padding-right: 20rem; /* 320px */
py-80 padding-top: 20rem; /* 320px */ padding-bottom: 20rem; /* 320px */
pt-80 padding-top: 20rem; /* 320px */
pr-80 padding-right: 20rem; /* 320px */
pb-80 padding-bottom: 20rem; /* 320px */
pl-80 padding-left: 20rem; /* 320px */
p-96 padding: 24rem; /* 384px */
px-96 padding-left: 24rem; /* 384px */ padding-right: 24rem; /* 384px */
py-96 padding-top: 24rem; /* 384px */ padding-bottom: 24rem; /* 384px */
pt-96 padding-top: 24rem; /* 384px */
pr-96 padding-right: 24rem; /* 384px */
pb-96 padding-bottom: 24rem; /* 384px */
pl-96 padding-left: 24rem; /* 384px */

Space Between

https://tailwindcss.com/docs/space

Class name Properties
space-x-0 > * + * margin-left: 0px;
space-y-0 > * + * margin-top: 0px;
space-x-0.5 > * + * margin-left: 0.125rem; /* 2px */
space-y-0.5 > * + * margin-top: 0.125rem; /* 2px */
space-x-1 > * + * margin-left: 0.25rem; /* 4px */
space-y-1 > * + * margin-top: 0.25rem; /* 4px */
space-x-1.5 > * + * margin-left: 0.375rem; /* 6px */
space-y-1.5 > * + * margin-top: 0.375rem; /* 6px */
space-x-2 > * + * margin-left: 0.5rem; /* 8px */
space-y-2 > * + * margin-top: 0.5rem; /* 8px */
space-x-2.5 > * + * margin-left: 0.625rem; /* 10px */
space-y-2.5 > * + * margin-top: 0.625rem; /* 10px */
space-x-3 > * + * margin-left: 0.75rem; /* 12px */
space-y-3 > * + * margin-top: 0.75rem; /* 12px */
space-x-3.5 > * + * margin-left: 0.875rem; /* 14px */
space-y-3.5 > * + * margin-top: 0.875rem; /* 14px */
space-x-4 > * + * margin-left: 1rem; /* 16px */
space-y-4 > * + * margin-top: 1rem; /* 16px */
space-x-5 > * + * margin-left: 1.25rem; /* 20px */
space-y-5 > * + * margin-top: 1.25rem; /* 20px */
space-x-6 > * + * margin-left: 1.5rem; /* 24px */
space-y-6 > * + * margin-top: 1.5rem; /* 24px */
space-x-7 > * + * margin-left: 1.75rem; /* 28px */
space-y-7 > * + * margin-top: 1.75rem; /* 28px */
space-x-8 > * + * margin-left: 2rem; /* 32px */
space-y-8 > * + * margin-top: 2rem; /* 32px */
space-x-9 > * + * margin-left: 2.25rem; /* 36px */
space-y-9 > * + * margin-top: 2.25rem; /* 36px */
space-x-10 > * + * margin-left: 2.5rem; /* 40px */
space-y-10 > * + * margin-top: 2.5rem; /* 40px */
space-x-11 > * + * margin-left: 2.75rem; /* 44px */
space-y-11 > * + * margin-top: 2.75rem; /* 44px */
space-x-12 > * + * margin-left: 3rem; /* 48px */
space-y-12 > * + * margin-top: 3rem; /* 48px */
space-x-14 > * + * margin-left: 3.5rem; /* 56px */
space-y-14 > * + * margin-top: 3.5rem; /* 56px */
space-x-16 > * + * margin-left: 4rem; /* 64px */
space-y-16 > * + * margin-top: 4rem; /* 64px */
space-x-20 > * + * margin-left: 5rem; /* 80px */
space-y-20 > * + * margin-top: 5rem; /* 80px */
space-x-24 > * + * margin-left: 6rem; /* 96px */
space-y-24 > * + * margin-top: 6rem; /* 96px */
space-x-28 > * + * margin-left: 7rem; /* 112px */
space-y-28 > * + * margin-top: 7rem; /* 112px */
space-x-32 > * + * margin-left: 8rem; /* 128px */
space-y-32 > * + * margin-top: 8rem; /* 128px */
space-x-36 > * + * margin-left: 9rem; /* 144px */
space-y-36 > * + * margin-top: 9rem; /* 144px */
space-x-40 > * + * margin-left: 10rem; /* 160px */
space-y-40 > * + * margin-top: 10rem; /* 160px */
space-x-44 > * + * margin-left: 11rem; /* 176px */
space-y-44 > * + * margin-top: 11rem; /* 176px */
space-x-48 > * + * margin-left: 12rem; /* 192px */
space-y-48 > * + * margin-top: 12rem; /* 192px */
space-x-52 > * + * margin-left: 13rem; /* 208px */
space-y-52 > * + * margin-top: 13rem; /* 208px */
space-x-56 > * + * margin-left: 14rem; /* 224px */
space-y-56 > * + * margin-top: 14rem; /* 224px */
space-x-60 > * + * margin-left: 15rem; /* 240px */
space-y-60 > * + * margin-top: 15rem; /* 240px */
space-x-64 > * + * margin-left: 16rem; /* 256px */
space-y-64 > * + * margin-top: 16rem; /* 256px */
space-x-72 > * + * margin-left: 18rem; /* 288px */
space-y-72 > * + * margin-top: 18rem; /* 288px */
space-x-80 > * + * margin-left: 20rem; /* 320px */
space-y-80 > * + * margin-top: 20rem; /* 320px */
space-x-96 > * + * margin-left: 24rem; /* 384px */
space-y-96 > * + * margin-top: 24rem; /* 384px */
space-x-px > * + * margin-left: 1px;
space-y-px > * + * margin-top: 1px;
space-y-reverse > * + * –tw-space-y-reverse: 1;
space-x-reverse > * + * –tw-space-x-reverse: 1;

Sizing

Width

https://tailwindcss.com/docs/width

Class name Properties
w-0 width: 0px;
w-px width: 1px;
w-0.5 width: 0.125rem; /* 2px */
w-1 width: 0.25rem; /* 4px */
w-1.5 width: 0.375rem; /* 6px */
w-2 width: 0.5rem; /* 8px */
w-2.5 width: 0.625rem; /* 10px */
w-3 width: 0.75rem; /* 12px */
w-3.5 width: 0.875rem; /* 14px */
w-4 width: 1rem; /* 16px */
w-5 width: 1.25rem; /* 20px */
w-6 width: 1.5rem; /* 24px */
w-7 width: 1.75rem; /* 28px */
w-8 width: 2rem; /* 32px */
w-9 width: 2.25rem; /* 36px */
w-10 width: 2.5rem; /* 40px */
w-11 width: 2.75rem; /* 44px */
w-12 width: 3rem; /* 48px */
w-14 width: 3.5rem; /* 56px */
w-16 width: 4rem; /* 64px */
w-20 width: 5rem; /* 80px */
w-24 width: 6rem; /* 96px */
w-28 width: 7rem; /* 112px */
w-32 width: 8rem; /* 128px */
w-36 width: 9rem; /* 144px */
w-40 width: 10rem; /* 160px */
w-44 width: 11rem; /* 176px */
w-48 width: 12rem; /* 192px */
w-52 width: 13rem; /* 208px */
w-56 width: 14rem; /* 224px */
w-60 width: 15rem; /* 240px */
w-64 width: 16rem; /* 256px */
w-72 width: 18rem; /* 288px */
w-80 width: 20rem; /* 320px */
w-96 width: 24rem; /* 384px */
w-auto width: auto;
w-1/2 width: 50%;
w-1/3 width: 33.333333%;
w-2/3 width: 66.666667%;
w-1/4 width: 25%;
w-2/4 width: 50%;
w-3/4 width: 75%;
w-1/5 width: 20%;
w-2/5 width: 40%;
w-3/5 width: 60%;
w-4/5 width: 80%;
w-1/6 width: 16.666667%;
w-2/6 width: 33.333333%;
w-3/6 width: 50%;
w-4/6 width: 66.666667%;
w-5/6 width: 83.333333%;
w-1/12 width: 8.333333%;
w-2/12 width: 16.666667%;
w-3/12 width: 25%;
w-4/12 width: 33.333333%;
w-5/12 width: 41.666667%;
w-6/12 width: 50%;
w-7/12 width: 58.333333%;
w-8/12 width: 66.666667%;
w-9/12 width: 75%;
w-10/12 width: 83.333333%;
w-11/12 width: 91.666667%;
w-full width: 100%;
w-screen width: 100vw;
w-min width: min-content;
w-max width: max-content;
w-fit width: fit-content;

Min Width

https://tailwindcss.com/docs/min-width

Class name Properties
min-w-0 min-width: 0px;
min-w-full min-width: 100%;
min-w-min min-width: min-content;
min-w-max min-width: max-content;
min-w-fit min-width: fit-content;

Max Width

https://tailwindcss.com/docs/max-width

Class name Properties
max-w-0 max-width: 0rem; /* 0px */
max-w-none max-width: none;
max-w-xs max-width: 20rem; /* 320px */
max-w-sm max-width: 24rem; /* 384px */
max-w-md max-width: 28rem; /* 448px */
max-w-lg max-width: 32rem; /* 512px */
max-w-xl max-width: 36rem; /* 576px */
max-w-2xl max-width: 42rem; /* 672px */
max-w-3xl max-width: 48rem; /* 768px */
max-w-4xl max-width: 56rem; /* 896px */
max-w-5xl max-width: 64rem; /* 1024px */
max-w-6xl max-width: 72rem; /* 1152px */
max-w-7xl max-width: 80rem; /* 1280px */
max-w-full max-width: 100%;
max-w-min max-width: min-content;
max-w-max max-width: max-content;
max-w-fit max-width: fit-content;
max-w-prose max-width: 65ch;
max-w-screen-sm max-width: 640px;
max-w-screen-md max-width: 768px;
max-w-screen-lg max-width: 1024px;
max-w-screen-xl max-width: 1280px;
max-w-screen-2xl max-width: 1536px;

Height

https://tailwindcss.com/docs/height

Class name Properties
h-0 height: 0px;
h-px height: 1px;
h-0.5 height: 0.125rem; /* 2px */
h-1 height: 0.25rem; /* 4px */
h-1.5 height: 0.375rem; /* 6px */
h-2 height: 0.5rem; /* 8px */
h-2.5 height: 0.625rem; /* 10px */
h-3 height: 0.75rem; /* 12px */
h-3.5 height: 0.875rem; /* 14px */
h-4 height: 1rem; /* 16px */
h-5 height: 1.25rem; /* 20px */
h-6 height: 1.5rem; /* 24px */
h-7 height: 1.75rem; /* 28px */
h-8 height: 2rem; /* 32px */
h-9 height: 2.25rem; /* 36px */
h-10 height: 2.5rem; /* 40px */
h-11 height: 2.75rem; /* 44px */
h-12 height: 3rem; /* 48px */
h-14 height: 3.5rem; /* 56px */
h-16 height: 4rem; /* 64px */
h-20 height: 5rem; /* 80px */
h-24 height: 6rem; /* 96px */
h-28 height: 7rem; /* 112px */
h-32 height: 8rem; /* 128px */
h-36 height: 9rem; /* 144px */
h-40 height: 10rem; /* 160px */
h-44 height: 11rem; /* 176px */
h-48 height: 12rem; /* 192px */
h-52 height: 13rem; /* 208px */
h-56 height: 14rem; /* 224px */
h-60 height: 15rem; /* 240px */
h-64 height: 16rem; /* 256px */
h-72 height: 18rem; /* 288px */
h-80 height: 20rem; /* 320px */
h-96 height: 24rem; /* 384px */
h-auto height: auto;
h-1/2 height: 50%;
h-1/3 height: 33.333333%;
h-2/3 height: 66.666667%;
h-1/4 height: 25%;
h-2/4 height: 50%;
h-3/4 height: 75%;
h-1/5 height: 20%;
h-2/5 height: 40%;
h-3/5 height: 60%;
h-4/5 height: 80%;
h-1/6 height: 16.666667%;
h-2/6 height: 33.333333%;
h-3/6 height: 50%;
h-4/6 height: 66.666667%;
h-5/6 height: 83.333333%;
h-full height: 100%;
h-screen height: 100vh;
h-min height: min-content;
h-max height: max-content;
h-fit height: fit-content;

Min Height

https://tailwindcss.com/docs/min-height

Class name Properties
min-h-0 min-height: 0px;
min-h-full min-height: 100%;
min-h-screen min-height: 100vh;
min-h-min min-height: min-content;
min-h-max min-height: max-content;
min-h-fit min-height: fit-content;

Max Height

https://tailwindcss.com/docs/max-height

Class name Properties
max-h-0 max-height: 0px;
max-h-px max-height: 1px;
max-h-0.5 max-height: 0.125rem; /* 2px */
max-h-1 max-height: 0.25rem; /* 4px */
max-h-1.5 max-height: 0.375rem; /* 6px */
max-h-2 max-height: 0.5rem; /* 8px */
max-h-2.5 max-height: 0.625rem; /* 10px */
max-h-3 max-height: 0.75rem; /* 12px */
max-h-3.5 max-height: 0.875rem; /* 14px */
max-h-4 max-height: 1rem; /* 16px */
max-h-5 max-height: 1.25rem; /* 20px */
max-h-6 max-height: 1.5rem; /* 24px */
max-h-7 max-height: 1.75rem; /* 28px */
max-h-8 max-height: 2rem; /* 32px */
max-h-9 max-height: 2.25rem; /* 36px */
max-h-10 max-height: 2.5rem; /* 40px */
max-h-11 max-height: 2.75rem; /* 44px */
max-h-12 max-height: 3rem; /* 48px */
max-h-14 max-height: 3.5rem; /* 56px */
max-h-16 max-height: 4rem; /* 64px */
max-h-20 max-height: 5rem; /* 80px */
max-h-24 max-height: 6rem; /* 96px */
max-h-28 max-height: 7rem; /* 112px */
max-h-32 max-height: 8rem; /* 128px */
max-h-36 max-height: 9rem; /* 144px */
max-h-40 max-height: 10rem; /* 160px */
max-h-44 max-height: 11rem; /* 176px */
max-h-48 max-height: 12rem; /* 192px */
max-h-52 max-height: 13rem; /* 208px */
max-h-56 max-height: 14rem; /* 224px */
max-h-60 max-height: 15rem; /* 240px */
max-h-64 max-height: 16rem; /* 256px */
max-h-72 max-height: 18rem; /* 288px */
max-h-80 max-height: 20rem; /* 320px */
max-h-96 max-height: 24rem; /* 384px */
max-h-full max-height: 100%;
max-h-screen max-height: 100vh;
max-h-min max-height: min-content;
max-h-max max-height: max-content;
max-h-fit max-height: fit-content;

Typography

Font size

https://tailwindcss.com/docs/font-size

Class name Properties
text-xs font-size: 0.75rem; /* 12px */ line-height: 1rem; /* 16px */
text-sm font-size: 0.875rem; /* 14px */ line-height: 1.25rem; /* 20px */
text-base font-size: 1rem; /* 16px */ line-height: 1.5rem; /* 24px */
text-lg font-size: 1.125rem; /* 18px */ line-height: 1.75rem; /* 28px */
text-xl font-size: 1.25rem; /* 20px */ line-height: 1.75rem; /* 28px */
text-2xl font-size: 1.5rem; /* 24px */ line-height: 2rem; /* 32px */
text-3xl font-size: 1.875rem; /* 30px */ line-height: 2.25rem; /* 36px */
text-4xl font-size: 2.25rem; /* 36px */ line-height: 2.5rem; /* 40px */
text-5xl font-size: 3rem; /* 48px */ line-height: 1;
text-6xl font-size: 3.75rem; /* 60px */ line-height: 1;
text-7xl font-size: 4.5rem; /* 72px */ line-height: 1;
text-8xl font-size: 6rem; /* 96px */ line-height: 1;
text-9xl font-size: 8rem; /* 128px */ line-height: 1;

Font Weight

https://tailwindcss.com/docs/font-weight

Class name Properties
font-thin font-weight: 100;
font-extralight font-weight: 200;
font-light font-weight: 300;
font-normal font-weight: 400;
font-medium font-weight: 500;
font-semibold font-weight: 600;
font-bold font-weight: 700;
font-extrabold font-weight: 800;
font-black font-weight: 900;

Font Family

https://tailwindcss.com/docs/font-family

Class name Properties
font-sans font-family: ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, “Segoe UI”, Roboto, “Helvetica Neue”, Arial, “Noto Sans”, sans-serif, “Apple Color Emoji”, “Segoe UI Emoji”, “Segoe UI Symbol”, “Noto Color Emoji”;
font-serif font-family: ui-serif, Georgia, Cambria, “Times New Roman”, Times, serif;
font-mono font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, “Liberation Mono”, “Courier New”, monospace;

Font Smoothing

https://tailwindcss.com/docs/font-smoothing

Class name Properties
antialiased -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
subpixel-antialiased -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto;

Font Style

https://tailwindcss.com/docs/font-style

Class name Properties
italic font-style: italic;
not-italic font-style: normal;

Font Variant Numeric

https://tailwindcss.com/docs/font-variant-numeric

Class name Properties
normal-nums font-variant-numeric: normal;
ordinal font-variant-numeric: ordinal;
slashed-zero font-variant-numeric: slashed-zero;
lining-nums font-variant-numeric: lining-nums;
oldstyle-nums font-variant-numeric: oldstyle-nums;
proportional-nums font-variant-numeric: proportional-nums;
tabular-nums font-variant-numeric: tabular-nums;
diagonal-fractions font-variant-numeric: diagonal-fractions;
stacked-fractions font-variant-numeric: stacked-fractions;

Line Height

https://tailwindcss.com/docs/line-height

Class name Properties
leading-3 line-height: .75rem; /* 12px */
leading-4 line-height: 1rem; /* 16px */
leading-5 line-height: 1.25rem; /* 20px */
leading-6 line-height: 1.5rem; /* 24px */
leading-7 line-height: 1.75rem; /* 28px */
leading-8 line-height: 2rem; /* 32px */
leading-9 line-height: 2.25rem; /* 36px */
leading-10 line-height: 2.5rem; /* 40px */
leading-none line-height: 1;
leading-tight line-height: 1.25;
leading-snug line-height: 1.375;
leading-normal line-height: 1.5;
leading-relaxed line-height: 1.625;
leading-loose line-height: 2;

List Style Type

https://tailwindcss.com/docs/list-style-type

Class name Properties
list-none list-style-type: none;
list-disc list-style-type: disc;
list-decimal list-style-type: decimal;

List Style Position

https://tailwindcss.com/docs/list-style-position

Class name Properties
list-inside list-style-position: inside;
list-outside list-style-position: outside;

Letter Spacing

https://tailwindcss.com/docs/letter-spacing

Class name Properties
tracking-tighter letter-spacing: -0.05em;
tracking-tight letter-spacing: -0.025em;
tracking-normal letter-spacing: 0em;
tracking-wide letter-spacing: 0.025em;
tracking-wider letter-spacing: 0.05em;
tracking-widest letter-spacing: 0.1em;

Text Color

https://tailwindcss.com/docs/text-color

Name Properties Color
text-inheritcolor: inherit;Aa
text-currentcolor: currentColor;Aa
text-transparentcolor: transparent;Aa
text-blackcolor: rgb(0 0 0);Aa
text-whitecolor: rgb(255 255 255);Aa
text-slate-50color: rgb(248 250 252);Aa
text-slate-100color: rgb(241 245 249);Aa
text-slate-200color: rgb(226 232 240);Aa
text-slate-300color: rgb(203 213 225);Aa
text-slate-400color: rgb(148 163 184);Aa
text-slate-500color: rgb(100 116 139);Aa
text-slate-600color: rgb(71 85 105);Aa
text-slate-700color: rgb(51 65 85);Aa
text-slate-800color: rgb(30 41 59);Aa
text-slate-900color: rgb(15 23 42);Aa
text-gray-50color: rgb(249 250 251);Aa
text-gray-100color: rgb(243 244 246);Aa
text-gray-200color: rgb(229 231 235);Aa
text-gray-300color: rgb(209 213 219);Aa
text-gray-400color: rgb(156 163 175);Aa
text-gray-500color: rgb(107 114 128);Aa
text-gray-600color: rgb(75 85 99);Aa
text-gray-700color: rgb(55 65 81);Aa
text-gray-800color: rgb(31 41 55);Aa
text-gray-900color: rgb(17 24 39);Aa
text-zinc-50color: rgb(250 250 250);Aa
text-zinc-100color: rgb(244 244 245);Aa
text-zinc-200color: rgb(228 228 231);Aa
text-zinc-300color: rgb(212 212 216);Aa
text-zinc-400color: rgb(161 161 170);Aa
text-zinc-500color: rgb(113 113 122);Aa
text-zinc-600color: rgb(82 82 91);Aa
text-zinc-700color: rgb(63 63 70);Aa
text-zinc-800color: rgb(39 39 42);Aa
text-zinc-900color: rgb(24 24 27);Aa
text-neutral-50color: rgb(250 250 250);Aa
text-neutral-100color: rgb(245 245 245);Aa
text-neutral-200color: rgb(229 229 229);Aa
text-neutral-300color: rgb(212 212 212);Aa
text-neutral-400color: rgb(163 163 163);Aa
text-neutral-500color: rgb(115 115 115);Aa
text-neutral-600color: rgb(82 82 82);Aa
text-neutral-700color: rgb(64 64 64);Aa
text-neutral-800color: rgb(38 38 38);Aa
text-neutral-900color: rgb(23 23 23);Aa
text-stone-50color: rgb(250 250 249);Aa
text-stone-100color: rgb(245 245 244);Aa
text-stone-200color: rgb(231 229 228);Aa
text-stone-300color: rgb(214 211 209);Aa
text-stone-400color: rgb(168 162 158);Aa
text-stone-500color: rgb(120 113 108);Aa
text-stone-600color: rgb(87 83 78);Aa
text-stone-700color: rgb(68 64 60);Aa
text-stone-800color: rgb(41 37 36);Aa
text-stone-900color: rgb(28 25 23);Aa
text-red-50color: rgb(254 242 242);Aa
text-red-100color: rgb(254 226 226);Aa
text-red-200color: rgb(254 202 202);Aa
text-red-300color: rgb(252 165 165);Aa
text-red-400color: rgb(248 113 113);Aa
text-red-500color: rgb(239 68 68);Aa
text-red-600color: rgb(220 38 38);Aa
text-red-700color: rgb(185 28 28);Aa
text-red-800color: rgb(153 27 27);Aa
text-red-900color: rgb(127 29 29);Aa
text-orange-50color: rgb(255 247 237);Aa
text-orange-100color: rgb(255 237 213);Aa
text-orange-200color: rgb(254 215 170);Aa
text-orange-300color: rgb(253 186 116);Aa
text-orange-400color: rgb(251 146 60);Aa
text-orange-500color: rgb(249 115 22);Aa
text-orange-600color: rgb(234 88 12);Aa
text-orange-700color: rgb(194 65 12);Aa
text-orange-800color: rgb(154 52 18);Aa
text-orange-900color: rgb(124 45 18);Aa
text-amber-50color: rgb(255 251 235);Aa
text-amber-100color: rgb(254 243 199);Aa
text-amber-200color: rgb(253 230 138);Aa
text-amber-300color: rgb(252 211 77);Aa
text-amber-400color: rgb(251 191 36);Aa
text-amber-500color: rgb(245 158 11);Aa
text-amber-600color: rgb(217 119 6);Aa
text-amber-700color: rgb(180 83 9);Aa
text-amber-800color: rgb(146 64 14);Aa
text-amber-900color: rgb(120 53 15);Aa
text-yellow-50color: rgb(254 252 232);Aa
text-yellow-100color: rgb(254 249 195);Aa
text-yellow-200color: rgb(254 240 138);Aa
text-yellow-300color: rgb(253 224 71);Aa
text-yellow-400color: rgb(250 204 21);Aa
text-yellow-500color: rgb(234 179 8);Aa
text-yellow-600color: rgb(202 138 4);Aa
text-yellow-700color: rgb(161 98 7);Aa
text-yellow-800color: rgb(133 77 14);Aa
text-yellow-900color: rgb(113 63 18);Aa
text-lime-50color: rgb(247 254 231);Aa
text-lime-100color: rgb(236 252 203);Aa
text-lime-200color: rgb(217 249 157);Aa
text-lime-300color: rgb(190 242 100);Aa
text-lime-400color: rgb(163 230 53);Aa
text-lime-500color: rgb(132 204 22);Aa
text-lime-600color: rgb(101 163 13);Aa
text-lime-700color: rgb(77 124 15);Aa
text-lime-800color: rgb(63 98 18);Aa
text-lime-900color: rgb(54 83 20);Aa
text-green-50color: rgb(240 253 244);Aa
text-green-100color: rgb(220 252 231);Aa
text-green-200color: rgb(187 247 208);Aa
text-green-300color: rgb(134 239 172);Aa
text-green-400color: rgb(74 222 128);Aa
text-green-500color: rgb(34 197 94);Aa
text-green-600color: rgb(22 163 74);Aa
text-green-700color: rgb(21 128 61);Aa
text-green-800color: rgb(22 101 52);Aa
text-green-900color: rgb(20 83 45);Aa
text-emerald-50color: rgb(236 253 245);Aa
text-emerald-100color: rgb(209 250 229);Aa
text-emerald-200color: rgb(167 243 208);Aa
text-emerald-300color: rgb(110 231 183);Aa
text-emerald-400color: rgb(52 211 153);Aa
text-emerald-500color: rgb(16 185 129);Aa
text-emerald-600color: rgb(5 150 105);Aa
text-emerald-700color: rgb(4 120 87);Aa
text-emerald-800color: rgb(6 95 70);Aa
text-emerald-900color: rgb(6 78 59);Aa
text-teal-50color: rgb(240 253 250);Aa
text-teal-100color: rgb(204 251 241);Aa
text-teal-200color: rgb(153 246 228);Aa
text-teal-300color: rgb(94 234 212);Aa
text-teal-400color: rgb(45 212 191);Aa
text-teal-500color: rgb(20 184 166);Aa
text-teal-600color: rgb(13 148 136);Aa
text-teal-700color: rgb(15 118 110);Aa
text-teal-800color: rgb(17 94 89);Aa
text-teal-900color: rgb(19 78 74);Aa
text-cyan-50color: rgb(236 254 255);Aa
text-cyan-100color: rgb(207 250 254);Aa
text-cyan-200color: rgb(165 243 252);Aa
text-cyan-300color: rgb(103 232 249);Aa
text-cyan-400color: rgb(34 211 238);Aa
text-cyan-500color: rgb(6 182 212);Aa
text-cyan-600color: rgb(8 145 178);Aa
text-cyan-700color: rgb(14 116 144);Aa
text-cyan-800color: rgb(21 94 117);Aa
text-cyan-900color: rgb(22 78 99);Aa
text-sky-50color: rgb(240 249 255);Aa
text-sky-100color: rgb(224 242 254);Aa
text-sky-200color: rgb(186 230 253);Aa
text-sky-300color: rgb(125 211 252);Aa
text-sky-400color: rgb(56 189 248);Aa
text-sky-500color: rgb(14 165 233);Aa
text-sky-600color: rgb(2 132 199);Aa
text-sky-700color: rgb(3 105 161);Aa
text-sky-800color: rgb(7 89 133);Aa
text-sky-900color: rgb(12 74 110);Aa
text-blue-50color: rgb(239 246 255);Aa
text-blue-100color: rgb(219 234 254);Aa
text-blue-200color: rgb(191 219 254);Aa
text-blue-300color: rgb(147 197 253);Aa
text-blue-400color: rgb(96 165 250);Aa
text-blue-500color: rgb(59 130 246);Aa
text-blue-600color: rgb(37 99 235);Aa
text-blue-700color: rgb(29 78 216);Aa
text-blue-800color: rgb(30 64 175);Aa
text-blue-900color: rgb(30 58 138);Aa
text-indigo-50color: rgb(238 242 255);Aa
text-indigo-100color: rgb(224 231 255);Aa
text-indigo-200color: rgb(199 210 254);Aa
text-indigo-300color: rgb(165 180 252);Aa
text-indigo-400color: rgb(129 140 248);Aa
text-indigo-500color: rgb(99 102 241);Aa
text-indigo-600color: rgb(79 70 229);Aa
text-indigo-700color: rgb(67 56 202);Aa
text-indigo-800color: rgb(55 48 163);Aa
text-indigo-900color: rgb(49 46 129);Aa
text-violet-50color: rgb(245 243 255);Aa
text-violet-100color: rgb(237 233 254);Aa
text-violet-200color: rgb(221 214 254);Aa
text-violet-300color: rgb(196 181 253);Aa
text-violet-400color: rgb(167 139 250);Aa
text-violet-500color: rgb(139 92 246);Aa
text-violet-600color: rgb(124 58 237);Aa
text-violet-700color: rgb(109 40 217);Aa
text-violet-800color: rgb(91 33 182);Aa
text-violet-900color: rgb(76 29 149);Aa
text-purple-50color: rgb(250 245 255);Aa
text-purple-100color: rgb(243 232 255);Aa
text-purple-200color: rgb(233 213 255);Aa
text-purple-300color: rgb(216 180 254);Aa
text-purple-400color: rgb(192 132 252);Aa
text-purple-500color: rgb(168 85 247);Aa
text-purple-600color: rgb(147 51 234);Aa
text-purple-700color: rgb(126 34 206);Aa
text-purple-800color: rgb(107 33 168);Aa
text-purple-900color: rgb(88 28 135);Aa
text-fuchsia-50color: rgb(253 244 255);Aa
text-fuchsia-100color: rgb(250 232 255);Aa
text-fuchsia-200color: rgb(245 208 254);Aa
text-fuchsia-300color: rgb(240 171 252);Aa
text-fuchsia-400color: rgb(232 121 249);Aa
text-fuchsia-500color: rgb(217 70 239);Aa
text-fuchsia-600color: rgb(192 38 211);Aa
text-fuchsia-700color: rgb(162 28 175);Aa
text-fuchsia-800color: rgb(134 25 143);Aa
text-fuchsia-900color: rgb(112 26 117);Aa
text-pink-50color: rgb(253 242 248);Aa
text-pink-100color: rgb(252 231 243);Aa
text-pink-200color: rgb(251 207 232);Aa
text-pink-300color: rgb(249 168 212);Aa
text-pink-400color: rgb(244 114 182);Aa
text-pink-500color: rgb(236 72 153);Aa
text-pink-600color: rgb(219 39 119);Aa
text-pink-700color: rgb(190 24 93);Aa
text-pink-800color: rgb(157 23 77);Aa
text-pink-900color: rgb(131 24 67);Aa
text-rose-50color: rgb(255 241 242);Aa
text-rose-100color: rgb(255 228 230);Aa
text-rose-200color: rgb(254 205 211);Aa
text-rose-300color: rgb(253 164 175);Aa
text-rose-400color: rgb(251 113 133);Aa
text-rose-500color: rgb(244 63 94);Aa
text-rose-600color: rgb(225 29 72);Aa
text-rose-700color: rgb(190 18 60);Aa
text-rose-800color: rgb(159 18 57);Aa
text-rose-900color: rgb(136 19 55);Aa

Text Align

https://tailwindcss.com/docs/text-align

Class name Properties
text-left text-align: left;
text-center text-align: center;
text-right text-align: right;
text-justify text-align: justify;
text-start text-align: start;
text-end text-align: end;

Text Decoration

https://tailwindcss.com/docs/text-decoration

Class name Properties
underline text-decoration-line: underline;
overline text-decoration-line: overline;
line-through text-decoration-line: line-through;
no-underline text-decoration-line: none;

Text Decoration Color

https://tailwindcss.com/docs/text-decoration-color

Name Properties Color
decoration-inherit text-decoration-color: inherit; Link Text
decoration-current text-decoration-color: currentColor; Link Text
decoration-transparent text-decoration-color: transparent; Link Text
decoration-black text-decoration-color: #000; Link Text
decoration-white text-decoration-color: #fff; Link Text
decoration-slate-50 text-decoration-color: #f8fafc; Link Text
decoration-slate-100 text-decoration-color: #f1f5f9; Link Text
decoration-slate-200 text-decoration-color: #e2e8f0; Link Text
decoration-slate-300 text-decoration-color: #cbd5e1; Link Text
decoration-slate-400 text-decoration-color: #94a3b8; Link Text
decoration-slate-500 text-decoration-color: #64748b; Link Text
decoration-slate-600 text-decoration-color: #475569; Link Text
decoration-slate-700 text-decoration-color: #334155; Link Text
decoration-slate-800 text-decoration-color: #1e293b; Link Text
decoration-slate-900 text-decoration-color: #0f172a; Link Text
decoration-gray-50 text-decoration-color: #f9fafb; Link Text
decoration-gray-100 text-decoration-color: #f3f4f6; Link Text
decoration-gray-200 text-decoration-color: #e5e7eb; Link Text
decoration-gray-300 text-decoration-color: #d1d5db; Link Text
decoration-gray-400 text-decoration-color: #9ca3af; Link Text
decoration-gray-500 text-decoration-color: #6b7280; Link Text
decoration-gray-600 text-decoration-color: #4b5563; Link Text
decoration-gray-700 text-decoration-color: #374151; Link Text
decoration-gray-800 text-decoration-color: #1f2937; Link Text
decoration-gray-900 text-decoration-color: #111827; Link Text
decoration-zinc-50 text-decoration-color: #fafafa; Link Text
decoration-zinc-100 text-decoration-color: #f4f4f5; Link Text
decoration-zinc-200 text-decoration-color: #e4e4e7; Link Text
decoration-zinc-300 text-decoration-color: #d4d4d8; Link Text
decoration-zinc-400 text-decoration-color: #a1a1aa; Link Text
decoration-zinc-500 text-decoration-color: #71717a; Link Text
decoration-zinc-600 text-decoration-color: #52525b; Link Text
decoration-zinc-700 text-decoration-color: #3f3f46; Link Text
decoration-zinc-800 text-decoration-color: #27272a; Link Text
decoration-zinc-900 text-decoration-color: #18181b; Link Text
decoration-neutral-50 text-decoration-color: #fafafa; Link Text
decoration-neutral-100 text-decoration-color: #f5f5f5; Link Text
decoration-neutral-200 text-decoration-color: #e5e5e5; Link Text
decoration-neutral-300 text-decoration-color: #d4d4d4; Link Text
decoration-neutral-400 text-decoration-color: #a3a3a3; Link Text
decoration-neutral-500 text-decoration-color: #737373; Link Text
decoration-neutral-600 text-decoration-color: #525252; Link Text
decoration-neutral-700 text-decoration-color: #404040; Link Text
decoration-neutral-800 text-decoration-color: #262626; Link Text
decoration-neutral-900 text-decoration-color: #171717; Link Text
decoration-stone-50 text-decoration-color: #fafaf9; Link Text
decoration-stone-100 text-decoration-color: #f5f5f4; Link Text
decoration-stone-200 text-decoration-color: #e7e5e4; Link Text
decoration-stone-300 text-decoration-color: #d6d3d1; Link Text
decoration-stone-400 text-decoration-color: #a8a29e; Link Text
decoration-stone-500 text-decoration-color: #78716c; Link Text
decoration-stone-600 text-decoration-color: #57534e; Link Text
decoration-stone-700 text-decoration-color: #44403c; Link Text
decoration-stone-800 text-decoration-color: #292524; Link Text
decoration-stone-900 text-decoration-color: #1c1917; Link Text
decoration-red-50 text-decoration-color: #fef2f2; Link Text
decoration-red-100 text-decoration-color: #fee2e2; Link Text
decoration-red-200 text-decoration-color: #fecaca; Link Text
decoration-red-300 text-decoration-color: #fca5a5; Link Text
decoration-red-400 text-decoration-color: #f87171; Link Text
decoration-red-500 text-decoration-color: #ef4444; Link Text
decoration-red-600 text-decoration-color: #dc2626; Link Text
decoration-red-700 text-decoration-color: #b91c1c; Link Text
decoration-red-800 text-decoration-color: #991b1b; Link Text
decoration-red-900 text-decoration-color: #7f1d1d; Link Text
decoration-orange-50 text-decoration-color: #fff7ed; Link Text
decoration-orange-100 text-decoration-color: #ffedd5; Link Text
decoration-orange-200 text-decoration-color: #fed7aa; Link Text
decoration-orange-300 text-decoration-color: #fdba74; Link Text
decoration-orange-400 text-decoration-color: #fb923c; Link Text
decoration-orange-500 text-decoration-color: #f97316; Link Text
decoration-orange-600 text-decoration-color: #ea580c; Link Text
decoration-orange-700 text-decoration-color: #c2410c; Link Text
decoration-orange-800 text-decoration-color: #9a3412; Link Text
decoration-orange-900 text-decoration-color: #7c2d12; Link Text
decoration-amber-50 text-decoration-color: #fffbeb; Link Text
decoration-amber-100 text-decoration-color: #fef3c7; Link Text
decoration-amber-200 text-decoration-color: #fde68a; Link Text
decoration-amber-300 text-decoration-color: #fcd34d; Link Text
decoration-amber-400 text-decoration-color: #fbbf24; Link Text
decoration-amber-500 text-decoration-color: #f59e0b; Link Text
decoration-amber-600 text-decoration-color: #d97706; Link Text
decoration-amber-700 text-decoration-color: #b45309; Link Text
decoration-amber-800 text-decoration-color: #92400e; Link Text
decoration-amber-900 text-decoration-color: #78350f; Link Text
decoration-yellow-50 text-decoration-color: #fefce8; Link Text
decoration-yellow-100 text-decoration-color: #fef9c3; Link Text
decoration-yellow-200 text-decoration-color: #fef08a; Link Text
decoration-yellow-300 text-decoration-color: #fde047; Link Text
decoration-yellow-400 text-decoration-color: #facc15; Link Text
decoration-yellow-500 text-decoration-color: #eab308; Link Text
decoration-yellow-600 text-decoration-color: #ca8a04; Link Text
decoration-yellow-700 text-decoration-color: #a16207; Link Text
decoration-yellow-800 text-decoration-color: #854d0e; Link Text
decoration-yellow-900 text-decoration-color: #713f12; Link Text
decoration-lime-50 text-decoration-color: #f7fee7; Link Text
decoration-lime-100 text-decoration-color: #ecfccb; Link Text
decoration-lime-200 text-decoration-color: #d9f99d; Link Text
decoration-lime-300 text-decoration-color: #bef264; Link Text
decoration-lime-400 text-decoration-color: #a3e635; Link Text
decoration-lime-500 text-decoration-color: #84cc16; Link Text
decoration-lime-600 text-decoration-color: #65a30d; Link Text
decoration-lime-700 text-decoration-color: #4d7c0f; Link Text
decoration-lime-800 text-decoration-color: #3f6212; Link Text
decoration-lime-900 text-decoration-color: #365314; Link Text
decoration-green-50 text-decoration-color: #f0fdf4; Link Text
decoration-green-100 text-decoration-color: #dcfce7; Link Text
decoration-green-200 text-decoration-color: #bbf7d0; Link Text
decoration-green-300 text-decoration-color: #86efac; Link Text
decoration-green-400 text-decoration-color: #4ade80; Link Text
decoration-green-500 text-decoration-color: #22c55e; Link Text
decoration-green-600 text-decoration-color: #16a34a; Link Text
decoration-green-700 text-decoration-color: #15803d; Link Text
decoration-green-800 text-decoration-color: #166534; Link Text
decoration-green-900 text-decoration-color: #14532d; Link Text
decoration-emerald-50 text-decoration-color: #ecfdf5; Link Text
decoration-emerald-100 text-decoration-color: #d1fae5; Link Text
decoration-emerald-200 text-decoration-color: #a7f3d0; Link Text
decoration-emerald-300 text-decoration-color: #6ee7b7; Link Text
decoration-emerald-400 text-decoration-color: #34d399; Link Text
decoration-emerald-500 text-decoration-color: #10b981; Link Text
decoration-emerald-600 text-decoration-color: #059669; Link Text
decoration-emerald-700 text-decoration-color: #047857; Link Text
decoration-emerald-800 text-decoration-color: #065f46; Link Text
decoration-emerald-900 text-decoration-color: #064e3b; Link Text
decoration-teal-50 text-decoration-color: #f0fdfa; Link Text
decoration-teal-100 text-decoration-color: #ccfbf1; Link Text
decoration-teal-200 text-decoration-color: #99f6e4; Link Text
decoration-teal-300 text-decoration-color: #5eead4; Link Text
decoration-teal-400 text-decoration-color: #2dd4bf; Link Text
decoration-teal-500 text-decoration-color: #14b8a6; Link Text
decoration-teal-600 text-decoration-color: #0d9488; Link Text
decoration-teal-700 text-decoration-color: #0f766e; Link Text
decoration-teal-800 text-decoration-color: #115e59; Link Text
decoration-teal-900 text-decoration-color: #134e4a; Link Text
decoration-cyan-50 text-decoration-color: #ecfeff; Link Text
decoration-cyan-100 text-decoration-color: #cffafe; Link Text
decoration-cyan-200 text-decoration-color: #a5f3fc; Link Text
decoration-cyan-300 text-decoration-color: #67e8f9; Link Text
decoration-cyan-400 text-decoration-color: #22d3ee; Link Text
decoration-cyan-500 text-decoration-color: #06b6d4; Link Text
decoration-cyan-600 text-decoration-color: #0891b2; Link Text
decoration-cyan-700 text-decoration-color: #0e7490; Link Text
decoration-cyan-800 text-decoration-color: #155e75; Link Text
decoration-cyan-900 text-decoration-color: #164e63; Link Text
decoration-sky-50 text-decoration-color: #f0f9ff; Link Text
decoration-sky-100 text-decoration-color: #e0f2fe; Link Text
decoration-sky-200 text-decoration-color: #bae6fd; Link Text
decoration-sky-300 text-decoration-color: #7dd3fc; Link Text
decoration-sky-400 text-decoration-color: #38bdf8; Link Text
decoration-sky-500 text-decoration-color: #0ea5e9; Link Text
decoration-sky-600 text-decoration-color: #0284c7; Link Text
decoration-sky-700 text-decoration-color: #0369a1; Link Text
decoration-sky-800 text-decoration-color: #075985; Link Text
decoration-sky-900 text-decoration-color: #0c4a6e; Link Text
decoration-blue-50 text-decoration-color: #eff6ff; Link Text
decoration-blue-100 text-decoration-color: #dbeafe; Link Text
decoration-blue-200 text-decoration-color: #bfdbfe; Link Text
decoration-blue-300 text-decoration-color: #93c5fd; Link Text
decoration-blue-400 text-decoration-color: #60a5fa; Link Text
decoration-blue-500 text-decoration-color: #3b82f6; Link Text
decoration-blue-600 text-decoration-color: #2563eb; Link Text
decoration-blue-700 text-decoration-color: #1d4ed8; Link Text
decoration-blue-800 text-decoration-color: #1e40af; Link Text
decoration-blue-900 text-decoration-color: #1e3a8a; Link Text
decoration-indigo-50 text-decoration-color: #eef2ff; Link Text
decoration-indigo-100 text-decoration-color: #e0e7ff; Link Text
decoration-indigo-200 text-decoration-color: #c7d2fe; Link Text
decoration-indigo-300 text-decoration-color: #a5b4fc; Link Text
decoration-indigo-400 text-decoration-color: #818cf8; Link Text
decoration-indigo-500 text-decoration-color: #6366f1; Link Text
decoration-indigo-600 text-decoration-color: #4f46e5; Link Text
decoration-indigo-700 text-decoration-color: #4338ca; Link Text
decoration-indigo-800 text-decoration-color: #3730a3; Link Text
decoration-indigo-900 text-decoration-color: #312e81; Link Text
decoration-violet-50 text-decoration-color: #f5f3ff; Link Text
decoration-violet-100 text-decoration-color: #ede9fe; Link Text
decoration-violet-200 text-decoration-color: #ddd6fe; Link Text
decoration-violet-300 text-decoration-color: #c4b5fd; Link Text
decoration-violet-400 text-decoration-color: #a78bfa; Link Text
decoration-violet-500 text-decoration-color: #8b5cf6; Link Text
decoration-violet-600 text-decoration-color: #7c3aed; Link Text
decoration-violet-700 text-decoration-color: #6d28d9; Link Text
decoration-violet-800 text-decoration-color: #5b21b6; Link Text
decoration-violet-900 text-decoration-color: #4c1d95; Link Text
decoration-purple-50 text-decoration-color: #faf5ff; Link Text
decoration-purple-100 text-decoration-color: #f3e8ff; Link Text
decoration-purple-200 text-decoration-color: #e9d5ff; Link Text
decoration-purple-300 text-decoration-color: #d8b4fe; Link Text
decoration-purple-400 text-decoration-color: #c084fc; Link Text
decoration-purple-500 text-decoration-color: #a855f7; Link Text
decoration-purple-600 text-decoration-color: #9333ea; Link Text
decoration-purple-700 text-decoration-color: #7e22ce; Link Text
decoration-purple-800 text-decoration-color: #6b21a8; Link Text
decoration-purple-900 text-decoration-color: #581c87; Link Text
decoration-fuchsia-50 text-decoration-color: #fdf4ff; Link Text
decoration-fuchsia-100 text-decoration-color: #fae8ff; Link Text
decoration-fuchsia-200 text-decoration-color: #f5d0fe; Link Text
decoration-fuchsia-300 text-decoration-color: #f0abfc; Link Text
decoration-fuchsia-400 text-decoration-color: #e879f9; Link Text
decoration-fuchsia-500 text-decoration-color: #d946ef; Link Text
decoration-fuchsia-600 text-decoration-color: #c026d3; Link Text
decoration-fuchsia-700 text-decoration-color: #a21caf; Link Text
decoration-fuchsia-800 text-decoration-color: #86198f; Link Text
decoration-fuchsia-900 text-decoration-color: #701a75; Link Text
decoration-pink-50 text-decoration-color: #fdf2f8; Link Text
decoration-pink-100 text-decoration-color: #fce7f3; Link Text
decoration-pink-200 text-decoration-color: #fbcfe8; Link Text
decoration-pink-300 text-decoration-color: #f9a8d4; Link Text
decoration-pink-400 text-decoration-color: #f472b6; Link Text
decoration-pink-500 text-decoration-color: #ec4899; Link Text
decoration-pink-600 text-decoration-color: #db2777; Link Text
decoration-pink-700 text-decoration-color: #be185d; Link Text
decoration-pink-800 text-decoration-color: #9d174d; Link Text
decoration-pink-900 text-decoration-color: #831843; Link Text
decoration-rose-50 text-decoration-color: #fff1f2; Link Text
decoration-rose-100 text-decoration-color: #ffe4e6; Link Text
decoration-rose-200 text-decoration-color: #fecdd3; Link Text
decoration-rose-300 text-decoration-color: #fda4af; Link Text
decoration-rose-400 text-decoration-color: #fb7185; Link Text
decoration-rose-500 text-decoration-color: #f43f5e; Link Text
decoration-rose-600 text-decoration-color: #e11d48; Link Text
decoration-rose-700 text-decoration-color: #be123c; Link Text
decoration-rose-800 text-decoration-color: #9f1239; Link Text
decoration-rose-900 text-decoration-color: #881337; Link Text

Text Decoration Style

https://tailwindcss.com/docs/text-decoration-style

Class name Properties
decoration-solid text-decoration-style: solid;
decoration-double text-decoration-style: double;
decoration-dotted text-decoration-style: dotted;
decoration-dashed text-decoration-style: dashed;
decoration-wavy text-decoration-style: wavy;

Text Decoration Thickness

https://tailwindcss.com/docs/text-decoration-thickness

Class name Properties
decoration-auto text-decoration-thickness: auto;
decoration-from-font text-decoration-thickness: from-font;
decoration-0 text-decoration-thickness: 0px;
decoration-1 text-decoration-thickness: 1px;
decoration-2 text-decoration-thickness: 2px;
decoration-4 text-decoration-thickness: 4px;
decoration-8 text-decoration-thickness: 8px;

Text Underline Offset

https://tailwindcss.com/docs/text-underline-offset

Class name Properties
underline-offset-auto text-underline-offset: auto;
underline-offset-0 text-underline-offset: 0px;
underline-offset-1 text-underline-offset: 1px;
underline-offset-2 text-underline-offset: 2px;
underline-offset-4 text-underline-offset: 4px;
underline-offset-8 text-underline-offset: 8px;

Text Transform

https://tailwindcss.com/docs/text-transform

Class name Properties
uppercase text-transform: uppercase;
lowercase text-transform: lowercase;
capitalize text-transform: capitalize;
normal-case text-transform: none;

Text Overflow

https://tailwindcss.com/docs/text-overflow

Class name Properties
truncate overflow: hidden; text-overflow: ellipsis; white-space: nowrap;
text-ellipsis text-overflow: ellipsis;
text-clip text-overflow: clip;

Text Indent

https://tailwindcss.com/docs/text-indent

Class name Properties
indent-0 text-indent: 0px;
indent-px text-indent: 1px;
indent-0.5 text-indent: 0.125rem; /* 2px */
indent-1 text-indent: 0.25rem; /* 4px */
indent-1.5 text-indent: 0.375rem; /* 6px */
indent-2 text-indent: 0.5rem; /* 8px */
indent-2.5 text-indent: 0.625rem; /* 10px */
indent-3 text-indent: 0.75rem; /* 12px */
indent-3.5 text-indent: 0.875rem; /* 14px */
indent-4 text-indent: 1rem; /* 16px */
indent-5 text-indent: 1.25rem; /* 20px */
indent-6 text-indent: 1.5rem; /* 24px */
indent-7 text-indent: 1.75rem; /* 28px */
indent-8 text-indent: 2rem; /* 32px */
indent-9 text-indent: 2.25rem; /* 36px */
indent-10 text-indent: 2.5rem; /* 40px */
indent-11 text-indent: 2.75rem; /* 44px */
indent-12 text-indent: 3rem; /* 48px */
indent-14 text-indent: 3.5rem; /* 56px */
indent-16 text-indent: 4rem; /* 64px */
indent-20 text-indent: 5rem; /* 80px */
indent-24 text-indent: 6rem; /* 96px */
indent-28 text-indent: 7rem; /* 112px */
indent-32 text-indent: 8rem; /* 128px */
indent-36 text-indent: 9rem; /* 144px */
indent-40 text-indent: 10rem; /* 160px */
indent-44 text-indent: 11rem; /* 176px */
indent-48 text-indent: 12rem; /* 192px */
indent-52 text-indent: 13rem; /* 208px */
indent-56 text-indent: 14rem; /* 224px */
indent-60 text-indent: 15rem; /* 240px */
indent-64 text-indent: 16rem; /* 256px */
indent-72 text-indent: 18rem; /* 288px */
indent-80 text-indent: 20rem; /* 320px */
indent-96 text-indent: 24rem; /* 384px */

Vertical Align

https://tailwindcss.com/docs/vertical-align

Class name Properties
align-baseline vertical-align: baseline;
align-top vertical-align: top;
align-middle vertical-align: middle;
align-bottom vertical-align: bottom;
align-text-top vertical-align: text-top;
align-text-bottom vertical-align: text-bottom;
align-sub vertical-align: sub;
align-super vertical-align: super;

Whitespace

https://tailwindcss.com/docs/whitespace

Class name Properties
whitespace-normal white-space: normal;
whitespace-nowrap white-space: nowrap;
whitespace-pre white-space: pre;
whitespace-pre-line white-space: pre-line;
whitespace-pre-wrap white-space: pre-wrap;

Word Break

https://tailwindcss.com/docs/word-break

Class name Properties
break-normal overflow-wrap: normal; word-break: normal;
break-words overflow-wrap: break-word;
break-all word-break: break-all;
break-keep word-break: keep-all;

Content

https://tailwindcss.com/docs/content

Class name Properties
content-none content: none;

Borders

Border Radius

https://tailwindcss.com/docs/border-radius

Class name Properties
rounded-none border-radius: 0px;
rounded-sm border-radius: 0.125rem; /* 2px */
rounded border-radius: 0.25rem; /* 4px */
rounded-md border-radius: 0.375rem; /* 6px */
rounded-lg border-radius: 0.5rem; /* 8px */
rounded-xl border-radius: 0.75rem; /* 12px */
rounded-2xl border-radius: 1rem; /* 16px */
rounded-3xl border-radius: 1.5rem; /* 24px */
rounded-full border-radius: 9999px;
rounded-t-none border-top-left-radius: 0px; border-top-right-radius: 0px;
rounded-t-sm border-top-left-radius: 0.125rem; /* 2px */ border-top-right-radius: 0.125rem; /* 2px */
rounded-t border-top-left-radius: 0.25rem; /* 4px */ border-top-right-radius: 0.25rem; /* 4px */
rounded-t-md border-top-left-radius: 0.375rem; /* 6px */ border-top-right-radius: 0.375rem; /* 6px */
rounded-t-lg border-top-left-radius: 0.5rem; /* 8px */ border-top-right-radius: 0.5rem; /* 8px */
rounded-t-xl border-top-left-radius: 0.75rem; /* 12px */ border-top-right-radius: 0.75rem; /* 12px */
rounded-t-2xl border-top-left-radius: 1rem; /* 16px */ border-top-right-radius: 1rem; /* 16px */
rounded-t-3xl border-top-left-radius: 1.5rem; /* 24px */ border-top-right-radius: 1.5rem; /* 24px */
rounded-t-full border-top-left-radius: 9999px; border-top-right-radius: 9999px;
rounded-r-none border-top-right-radius: 0px; border-bottom-right-radius: 0px;
rounded-r-sm border-top-right-radius: 0.125rem; /* 2px */ border-bottom-right-radius: 0.125rem; /* 2px */
rounded-r border-top-right-radius: 0.25rem; /* 4px */ border-bottom-right-radius: 0.25rem; /* 4px */
rounded-r-md border-top-right-radius: 0.375rem; /* 6px */ border-bottom-right-radius: 0.375rem; /* 6px */
rounded-r-lg border-top-right-radius: 0.5rem; /* 8px */ border-bottom-right-radius: 0.5rem; /* 8px */
rounded-r-xl border-top-right-radius: 0.75rem; /* 12px */ border-bottom-right-radius: 0.75rem; /* 12px */
rounded-r-2xl border-top-right-radius: 1rem; /* 16px */ border-bottom-right-radius: 1rem; /* 16px */
rounded-r-3xl border-top-right-radius: 1.5rem; /* 24px */ border-bottom-right-radius: 1.5rem; /* 24px */
rounded-r-full border-top-right-radius: 9999px; border-bottom-right-radius: 9999px;
rounded-b-none border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;
rounded-b-sm border-bottom-right-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */
rounded-b border-bottom-right-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */
rounded-b-md border-bottom-right-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */
rounded-b-lg border-bottom-right-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */
rounded-b-xl border-bottom-right-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */
rounded-b-2xl border-bottom-right-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */
rounded-b-3xl border-bottom-right-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */
rounded-b-full border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px;
rounded-l-none border-top-left-radius: 0px; border-bottom-left-radius: 0px;
rounded-l-sm border-top-left-radius: 0.125rem; /* 2px */ border-bottom-left-radius: 0.125rem; /* 2px */
rounded-l border-top-left-radius: 0.25rem; /* 4px */ border-bottom-left-radius: 0.25rem; /* 4px */
rounded-l-md border-top-left-radius: 0.375rem; /* 6px */ border-bottom-left-radius: 0.375rem; /* 6px */
rounded-l-lg border-top-left-radius: 0.5rem; /* 8px */ border-bottom-left-radius: 0.5rem; /* 8px */
rounded-l-xl border-top-left-radius: 0.75rem; /* 12px */ border-bottom-left-radius: 0.75rem; /* 12px */
rounded-l-2xl border-top-left-radius: 1rem; /* 16px */ border-bottom-left-radius: 1rem; /* 16px */
rounded-l-3xl border-top-left-radius: 1.5rem; /* 24px */ border-bottom-left-radius: 1.5rem; /* 24px */
rounded-l-full border-top-left-radius: 9999px; border-bottom-left-radius: 9999px;
rounded-tl-none border-top-left-radius: 0px;
rounded-tl-sm border-top-left-radius: 0.125rem; /* 2px */
rounded-tl border-top-left-radius: 0.25rem; /* 4px */
rounded-tl-md border-top-left-radius: 0.375rem; /* 6px */
rounded-tl-lg border-top-left-radius: 0.5rem; /* 8px */
rounded-tl-xl border-top-left-radius: 0.75rem; /* 12px */
rounded-tl-2xl border-top-left-radius: 1rem; /* 16px */
rounded-tl-3xl border-top-left-radius: 1.5rem; /* 24px */
rounded-tl-full border-top-left-radius: 9999px;
rounded-tr-none border-top-right-radius: 0px;
rounded-tr-sm border-top-right-radius: 0.125rem; /* 2px */
rounded-tr border-top-right-radius: 0.25rem; /* 4px */
rounded-tr-md border-top-right-radius: 0.375rem; /* 6px */
rounded-tr-lg border-top-right-radius: 0.5rem; /* 8px */
rounded-tr-xl border-top-right-radius: 0.75rem; /* 12px */
rounded-tr-2xl border-top-right-radius: 1rem; /* 16px */
rounded-tr-3xl border-top-right-radius: 1.5rem; /* 24px */
rounded-tr-full border-top-right-radius: 9999px;
rounded-br-none border-bottom-right-radius: 0px;
rounded-br-sm border-bottom-right-radius: 0.125rem; /* 2px */
rounded-br border-bottom-right-radius: 0.25rem; /* 4px */
rounded-br-md border-bottom-right-radius: 0.375rem; /* 6px */
rounded-br-lg border-bottom-right-radius: 0.5rem; /* 8px */
rounded-br-xl border-bottom-right-radius: 0.75rem; /* 12px */
rounded-br-2xl border-bottom-right-radius: 1rem; /* 16px */
rounded-br-3xl border-bottom-right-radius: 1.5rem; /* 24px */
rounded-br-full border-bottom-right-radius: 9999px;
rounded-bl-none border-bottom-left-radius: 0px;
rounded-bl-sm border-bottom-left-radius: 0.125rem; /* 2px */
rounded-bl border-bottom-left-radius: 0.25rem; /* 4px */
rounded-bl-md border-bottom-left-radius: 0.375rem; /* 6px */
rounded-bl-lg border-bottom-left-radius: 0.5rem; /* 8px */
rounded-bl-xl border-bottom-left-radius: 0.75rem; /* 12px */
rounded-bl-2xl border-bottom-left-radius: 1rem; /* 16px */
rounded-bl-3xl border-bottom-left-radius: 1.5rem; /* 24px */
rounded-bl-full border-bottom-left-radius: 9999px;

Border Width

https://tailwindcss.com/docs/border-width

Class name Properties
border-0 border-width: 0px;
border-2 border-width: 2px;
border-4 border-width: 4px;
border-8 border-width: 8px;
border border-width: 1px;
border-x-0 border-left-width: 0px; border-right-width: 0px;
border-x-2 border-left-width: 2px; border-right-width: 2px;
border-x-4 border-left-width: 4px; border-right-width: 4px;
border-x-8 border-left-width: 8px; border-right-width: 8px;
border-x border-left-width: 1px; border-right-width: 1px;
border-y-0 border-top-width: 0px; border-bottom-width: 0px;
border-y-2 border-top-width: 2px; border-bottom-width: 2px;
border-y-4 border-top-width: 4px; border-bottom-width: 4px;
border-y-8 border-top-width: 8px; border-bottom-width: 8px;
border-y border-top-width: 1px; border-bottom-width: 1px;
border-t-0 border-top-width: 0px;
border-t-2 border-top-width: 2px;
border-t-4 border-top-width: 4px;
border-t-8 border-top-width: 8px;
border-t border-top-width: 1px;
border-r-0 border-right-width: 0px;
border-r-2 border-right-width: 2px;
border-r-4 border-right-width: 4px;
border-r-8 border-right-width: 8px;
border-r border-right-width: 1px;
border-b-0 border-bottom-width: 0px;
border-b-2 border-bottom-width: 2px;
border-b-4 border-bottom-width: 4px;
border-b-8 border-bottom-width: 8px;
border-b border-bottom-width: 1px;
border-l-0 border-left-width: 0px;
border-l-2 border-left-width: 2px;
border-l-4 border-left-width: 4px;
border-l-8 border-left-width: 8px;
border-l border-left-width: 1px;

Border Style

https://tailwindcss.com/docs/border-style

Class name Properties
border-solid border-style: solid;
border-dashed border-style: dashed;
border-dotted border-style: dotted;
border-double border-style: double;
border-hidden border-style: hidden;
border-none border-style: none;

Border Color

https://tailwindcss.com/docs/border-color

Class name Properties
border-inherit border-color: inherit;
border-current border-color: currentColor;
border-transparent border-color: transparent;
border-black border-color: rgb(0 0 0);
border-white border-color: rgb(255 255 255);
border-slate-50 border-color: rgb(248 250 252);
border-slate-100 border-color: rgb(241 245 249);
border-slate-200 border-color: rgb(226 232 240);
border-slate-300 border-color: rgb(203 213 225);
border-slate-400 border-color: rgb(148 163 184);
border-slate-500 border-color: rgb(100 116 139);
border-slate-600 border-color: rgb(71 85 105);
border-slate-700 border-color: rgb(51 65 85);
border-slate-800 border-color: rgb(30 41 59);
border-slate-900 border-color: rgb(15 23 42);
border-gray-50 border-color: rgb(249 250 251);
border-gray-100 border-color: rgb(243 244 246);
border-gray-200 border-color: rgb(229 231 235);
border-gray-300 border-color: rgb(209 213 219);
border-gray-400 border-color: rgb(156 163 175);
border-gray-500 border-color: rgb(107 114 128);
border-gray-600 border-color: rgb(75 85 99);
border-gray-700 border-color: rgb(55 65 81);
border-gray-800 border-color: rgb(31 41 55);
border-gray-900 border-color: rgb(17 24 39);
border-zinc-50 border-color: rgb(250 250 250);
border-zinc-100 border-color: rgb(244 244 245);
border-zinc-200 border-color: rgb(228 228 231);
border-zinc-300 border-color: rgb(212 212 216);
border-zinc-400 border-color: rgb(161 161 170);
border-zinc-500 border-color: rgb(113 113 122);
border-zinc-600 border-color: rgb(82 82 91);
border-zinc-700 border-color: rgb(63 63 70);
border-zinc-800 border-color: rgb(39 39 42);
border-zinc-900 border-color: rgb(24 24 27);
border-neutral-50 border-color: rgb(250 250 250);
border-neutral-100 border-color: rgb(245 245 245);
border-neutral-200 border-color: rgb(229 229 229);
border-neutral-300 border-color: rgb(212 212 212);
border-neutral-400 border-color: rgb(163 163 163);
border-neutral-500 border-color: rgb(115 115 115);
border-neutral-600 border-color: rgb(82 82 82);
border-neutral-700 border-color: rgb(64 64 64);
border-neutral-800 border-color: rgb(38 38 38);
border-neutral-900 border-color: rgb(23 23 23);
border-stone-50 border-color: rgb(250 250 249);
border-stone-100 border-color: rgb(245 245 244);
border-stone-200 border-color: rgb(231 229 228);
border-stone-300 border-color: rgb(214 211 209);
border-stone-400 border-color: rgb(168 162 158);
border-stone-500 border-color: rgb(120 113 108);
border-stone-600 border-color: rgb(87 83 78);
border-stone-700 border-color: rgb(68 64 60);
border-stone-800 border-color: rgb(41 37 36);
border-stone-900 border-color: rgb(28 25 23);
border-red-50 border-color: rgb(254 242 242);
border-red-100 border-color: rgb(254 226 226);
border-red-200 border-color: rgb(254 202 202);
border-red-300 border-color: rgb(252 165 165);
border-red-400 border-color: rgb(248 113 113);
border-red-500 border-color: rgb(239 68 68);
border-red-600 border-color: rgb(220 38 38);
border-red-700 border-color: rgb(185 28 28);
border-red-800 border-color: rgb(153 27 27);
border-red-900 border-color: rgb(127 29 29);
border-orange-50 border-color: rgb(255 247 237);
border-orange-100 border-color: rgb(255 237 213);
border-orange-200 border-color: rgb(254 215 170);
border-orange-300 border-color: rgb(253 186 116);
border-orange-400 border-color: rgb(251 146 60);
border-orange-500 border-color: rgb(249 115 22);
border-orange-600 border-color: rgb(234 88 12);
border-orange-700 border-color: rgb(194 65 12);
border-orange-800 border-color: rgb(154 52 18);
border-orange-900 border-color: rgb(124 45 18);
border-amber-50 border-color: rgb(255 251 235);
border-amber-100 border-color: rgb(254 243 199);
border-amber-200 border-color: rgb(253 230 138);
border-amber-300 border-color: rgb(252 211 77);
border-amber-400 border-color: rgb(251 191 36);
border-amber-500 border-color: rgb(245 158 11);
border-amber-600 border-color: rgb(217 119 6);
border-amber-700 border-color: rgb(180 83 9);
border-amber-800 border-color: rgb(146 64 14);
border-amber-900 border-color: rgb(120 53 15);
border-yellow-50 border-color: rgb(254 252 232);
border-yellow-100 border-color: rgb(254 249 195);
border-yellow-200 border-color: rgb(254 240 138);
border-yellow-300 border-color: rgb(253 224 71);
border-yellow-400 border-color: rgb(250 204 21);
border-yellow-500 border-color: rgb(234 179 8);
border-yellow-600 border-color: rgb(202 138 4);
border-yellow-700 border-color: rgb(161 98 7);
border-yellow-800 border-color: rgb(133 77 14);
border-yellow-900 border-color: rgb(113 63 18);
border-lime-50 border-color: rgb(247 254 231);
border-lime-100 border-color: rgb(236 252 203);
border-lime-200 border-color: rgb(217 249 157);
border-lime-300 border-color: rgb(190 242 100);
border-lime-400 border-color: rgb(163 230 53);
border-lime-500 border-color: rgb(132 204 22);
border-lime-600 border-color: rgb(101 163 13);
border-lime-700 border-color: rgb(77 124 15);
border-lime-800 border-color: rgb(63 98 18);
border-lime-900 border-color: rgb(54 83 20);
border-green-50 border-color: rgb(240 253 244);
border-green-100 border-color: rgb(220 252 231);
border-green-200 border-color: rgb(187 247 208);
border-green-300 border-color: rgb(134 239 172);
border-green-400 border-color: rgb(74 222 128);
border-green-500 border-color: rgb(34 197 94);
border-green-600 border-color: rgb(22 163 74);
border-green-700 border-color: rgb(21 128 61);
border-green-800 border-color: rgb(22 101 52);
border-green-900 border-color: rgb(20 83 45);
border-emerald-50 border-color: rgb(236 253 245);
border-emerald-100 border-color: rgb(209 250 229);
border-emerald-200 border-color: rgb(167 243 208);
border-emerald-300 border-color: rgb(110 231 183);
border-emerald-400 border-color: rgb(52 211 153);
border-emerald-500 border-color: rgb(16 185 129);
border-emerald-600 border-color: rgb(5 150 105);
border-emerald-700 border-color: rgb(4 120 87);
border-emerald-800 border-color: rgb(6 95 70);
border-emerald-900 border-color: rgb(6 78 59);
border-teal-50 border-color: rgb(240 253 250);
border-teal-100 border-color: rgb(204 251 241);
border-teal-200 border-color: rgb(153 246 228);
border-teal-300 border-color: rgb(94 234 212);
border-teal-400 border-color: rgb(45 212 191);
border-teal-500 border-color: rgb(20 184 166);
border-teal-600 border-color: rgb(13 148 136);
border-teal-700 border-color: rgb(15 118 110);
border-teal-800 border-color: rgb(17 94 89);
border-teal-900 border-color: rgb(19 78 74);
border-cyan-50 border-color: rgb(236 254 255);
border-cyan-100 border-color: rgb(207 250 254);
border-cyan-200 border-color: rgb(165 243 252);
border-cyan-300 border-color: rgb(103 232 249);
border-cyan-400 border-color: rgb(34 211 238);
border-cyan-500 border-color: rgb(6 182 212);
border-cyan-600 border-color: rgb(8 145 178);
border-cyan-700 border-color: rgb(14 116 144);
border-cyan-800 border-color: rgb(21 94 117);
border-cyan-900 border-color: rgb(22 78 99);
border-sky-50 border-color: rgb(240 249 255);
border-sky-100 border-color: rgb(224 242 254);
border-sky-200 border-color: rgb(186 230 253);
border-sky-300 border-color: rgb(125 211 252);
border-sky-400 border-color: rgb(56 189 248);
border-sky-500 border-color: rgb(14 165 233);
border-sky-600 border-color: rgb(2 132 199);
border-sky-700 border-color: rgb(3 105 161);
border-sky-800 border-color: rgb(7 89 133);
border-sky-900 border-color: rgb(12 74 110);
border-blue-50 border-color: rgb(239 246 255);
border-blue-100 border-color: rgb(219 234 254);
border-blue-200 border-color: rgb(191 219 254);
border-blue-300 border-color: rgb(147 197 253);
border-blue-400 border-color: rgb(96 165 250);
border-blue-500 border-color: rgb(59 130 246);
border-blue-600 border-color: rgb(37 99 235);
border-blue-700 border-color: rgb(29 78 216);
border-blue-800 border-color: rgb(30 64 175);
border-blue-900 border-color: rgb(30 58 138);
border-indigo-50 border-color: rgb(238 242 255);
border-indigo-100 border-color: rgb(224 231 255);
border-indigo-200 border-color: rgb(199 210 254);
border-indigo-300 border-color: rgb(165 180 252);
border-indigo-400 border-color: rgb(129 140 248);
border-indigo-500 border-color: rgb(99 102 241);
border-indigo-600 border-color: rgb(79 70 229);
border-indigo-700 border-color: rgb(67 56 202);
border-indigo-800 border-color: rgb(55 48 163);
border-indigo-900 border-color: rgb(49 46 129);
border-violet-50 border-color: rgb(245 243 255);
border-violet-100 border-color: rgb(237 233 254);
border-violet-200 border-color: rgb(221 214 254);
border-violet-300 border-color: rgb(196 181 253);
border-violet-400 border-color: rgb(167 139 250);
border-violet-500 border-color: rgb(139 92 246);
border-violet-600 border-color: rgb(124 58 237);
border-violet-700 border-color: rgb(109 40 217);
border-violet-800 border-color: rgb(91 33 182);
border-violet-900 border-color: rgb(76 29 149);
border-purple-50 border-color: rgb(250 245 255);
border-purple-100 border-color: rgb(243 232 255);
border-purple-200 border-color: rgb(233 213 255);
border-purple-300 border-color: rgb(216 180 254);
border-purple-400 border-color: rgb(192 132 252);
border-purple-500 border-color: rgb(168 85 247);
border-purple-600 border-color: rgb(147 51 234);
border-purple-700 border-color: rgb(126 34 206);
border-purple-800 border-color: rgb(107 33 168);
border-purple-900 border-color: rgb(88 28 135);
border-fuchsia-50 border-color: rgb(253 244 255);
border-fuchsia-100 border-color: rgb(250 232 255);
border-fuchsia-200 border-color: rgb(245 208 254);
border-fuchsia-300 border-color: rgb(240 171 252);
border-fuchsia-400 border-color: rgb(232 121 249);
border-fuchsia-500 border-color: rgb(217 70 239);
border-fuchsia-600 border-color: rgb(192 38 211);
border-fuchsia-700 border-color: rgb(162 28 175);
border-fuchsia-800 border-color: rgb(134 25 143);
border-fuchsia-900 border-color: rgb(112 26 117);
border-pink-50 border-color: rgb(253 242 248);
border-pink-100 border-color: rgb(252 231 243);
border-pink-200 border-color: rgb(251 207 232);
border-pink-300 border-color: rgb(249 168 212);
border-pink-400 border-color: rgb(244 114 182);
border-pink-500 border-color: rgb(236 72 153);
border-pink-600 border-color: rgb(219 39 119);
border-pink-700 border-color: rgb(190 24 93);
border-pink-800 border-color: rgb(157 23 77);
border-pink-900 border-color: rgb(131 24 67);
border-rose-50 border-color: rgb(255 241 242);
border-rose-100 border-color: rgb(255 228 230);
border-rose-200 border-color: rgb(254 205 211);
border-rose-300 border-color: rgb(253 164 175);
border-rose-400 border-color: rgb(251 113 133);
border-rose-500 border-color: rgb(244 63 94);
border-rose-600 border-color: rgb(225 29 72);
border-rose-700 border-color: rgb(190 18 60);
border-rose-800 border-color: rgb(159 18 57);
border-rose-900 border-color: rgb(136 19 55);
border-x-inherit border-left-color: inherit; border-right-color: inherit;
border-x-current border-left-color: currentColor; border-right-color: currentColor;
border-x-transparent border-left-color: transparent; border-right-color: transparent;
border-x-black border-left-color: rgb(0 0 0); border-right-color: rgb(0 0 0);
border-x-white border-left-color: rgb(255 255 255); border-right-color: rgb(255 255 255);
border-x-slate-50 border-left-color: rgb(248 250 252); border-right-color: rgb(248 250 252);
border-x-slate-100 border-left-color: rgb(241 245 249); border-right-color: rgb(241 245 249);
border-x-slate-200 border-left-color: rgb(226 232 240); border-right-color: rgb(226 232 240);
border-x-slate-300 border-left-color: rgb(203 213 225); border-right-color: rgb(203 213 225);
border-x-slate-400 border-left-color: rgb(148 163 184); border-right-color: rgb(148 163 184);
border-x-slate-500 border-left-color: rgb(100 116 139); border-right-color: rgb(100 116 139);
border-x-slate-600 border-left-color: rgb(71 85 105); border-right-color: rgb(71 85 105);
border-x-slate-700 border-left-color: rgb(51 65 85); border-right-color: rgb(51 65 85);
border-x-slate-800 border-left-color: rgb(30 41 59); border-right-color: rgb(30 41 59);
border-x-slate-900 border-left-color: rgb(15 23 42); border-right-color: rgb(15 23 42);
border-x-gray-50 border-left-color: rgb(249 250 251); border-right-color: rgb(249 250 251);
border-x-gray-100 border-left-color: rgb(243 244 246); border-right-color: rgb(243 244 246);
border-x-gray-200 border-left-color: rgb(229 231 235); border-right-color: rgb(229 231 235);
border-x-gray-300 border-left-color: rgb(209 213 219); border-right-color: rgb(209 213 219);
border-x-gray-400 border-left-color: rgb(156 163 175); border-right-color: rgb(156 163 175);
border-x-gray-500 border-left-color: rgb(107 114 128); border-right-color: rgb(107 114 128);
border-x-gray-600 border-left-color: rgb(75 85 99); border-right-color: rgb(75 85 99);
border-x-gray-700 border-left-color: rgb(55 65 81); border-right-color: rgb(55 65 81);
border-x-gray-800 border-left-color: rgb(31 41 55); border-right-color: rgb(31 41 55);
border-x-gray-900 border-left-color: rgb(17 24 39); border-right-color: rgb(17 24 39);
border-x-zinc-50 border-left-color: rgb(250 250 250); border-right-color: rgb(250 250 250);
border-x-zinc-100 border-left-color: rgb(244 244 245); border-right-color: rgb(244 244 245);
border-x-zinc-200 border-left-color: rgb(228 228 231); border-right-color: rgb(228 228 231);
border-x-zinc-300 border-left-color: rgb(212 212 216); border-right-color: rgb(212 212 216);
border-x-zinc-400 border-left-color: rgb(161 161 170); border-right-color: rgb(161 161 170);
border-x-zinc-500 border-left-color: rgb(113 113 122); border-right-color: rgb(113 113 122);
border-x-zinc-600 border-left-color: rgb(82 82 91); border-right-color: rgb(82 82 91);
border-x-zinc-700 border-left-color: rgb(63 63 70); border-right-color: rgb(63 63 70);
border-x-zinc-800 border-left-color: rgb(39 39 42); border-right-color: rgb(39 39 42);
border-x-zinc-900 border-left-color: rgb(24 24 27); border-right-color: rgb(24 24 27);
border-x-neutral-50 border-left-color: rgb(250 250 250); border-right-color: rgb(250 250 250);
border-x-neutral-100 border-left-color: rgb(245 245 245); border-right-color: rgb(245 245 245);
border-x-neutral-200 border-left-color: rgb(229 229 229); border-right-color: rgb(229 229 229);
border-x-neutral-300 border-left-color: rgb(212 212 212); border-right-color: rgb(212 212 212);
border-x-neutral-400 border-left-color: rgb(163 163 163); border-right-color: rgb(163 163 163);
border-x-neutral-500 border-left-color: rgb(115 115 115); border-right-color: rgb(115 115 115);
border-x-neutral-600 border-left-color: rgb(82 82 82); border-right-color: rgb(82 82 82);
border-x-neutral-700 border-left-color: rgb(64 64 64); border-right-color: rgb(64 64 64);
border-x-neutral-800 border-left-color: rgb(38 38 38); border-right-color: rgb(38 38 38);
border-x-neutral-900 border-left-color: rgb(23 23 23); border-right-color: rgb(23 23 23);
border-x-stone-50 border-left-color: rgb(250 250 249); border-right-color: rgb(250 250 249);
border-x-stone-100 border-left-color: rgb(245 245 244); border-right-color: rgb(245 245 244);
border-x-stone-200 border-left-color: rgb(231 229 228); border-right-color: rgb(231 229 228);
border-x-stone-300 border-left-color: rgb(214 211 209); border-right-color: rgb(214 211 209);
border-x-stone-400 border-left-color: rgb(168 162 158); border-right-color: rgb(168 162 158);
border-x-stone-500 border-left-color: rgb(120 113 108); border-right-color: rgb(120 113 108);
border-x-stone-600 border-left-color: rgb(87 83 78); border-right-color: rgb(87 83 78);
border-x-stone-700 border-left-color: rgb(68 64 60); border-right-color: rgb(68 64 60);
border-x-stone-800 border-left-color: rgb(41 37 36); border-right-color: rgb(41 37 36);
border-x-stone-900 border-left-color: rgb(28 25 23); border-right-color: rgb(28 25 23);
border-x-red-50 border-left-color: rgb(254 242 242); border-right-color: rgb(254 242 242);
border-x-red-100 border-left-color: rgb(254 226 226); border-right-color: rgb(254 226 226);
border-x-red-200 border-left-color: rgb(254 202 202); border-right-color: rgb(254 202 202);
border-x-red-300 border-left-color: rgb(252 165 165); border-right-color: rgb(252 165 165);
border-x-red-400 border-left-color: rgb(248 113 113); border-right-color: rgb(248 113 113);
border-x-red-500 border-left-color: rgb(239 68 68); border-right-color: rgb(239 68 68);
border-x-red-600 border-left-color: rgb(220 38 38); border-right-color: rgb(220 38 38);
border-x-red-700 border-left-color: rgb(185 28 28); border-right-color: rgb(185 28 28);
border-x-red-800 border-left-color: rgb(153 27 27); border-right-color: rgb(153 27 27);
border-x-red-900 border-left-color: rgb(127 29 29); border-right-color: rgb(127 29 29);
border-x-orange-50 border-left-color: rgb(255 247 237); border-right-color: rgb(255 247 237);
border-x-orange-100 border-left-color: rgb(255 237 213); border-right-color: rgb(255 237 213);
border-x-orange-200 border-left-color: rgb(254 215 170); border-right-color: rgb(254 215 170);
border-x-orange-300 border-left-color: rgb(253 186 116); border-right-color: rgb(253 186 116);
border-x-orange-400 border-left-color: rgb(251 146 60); border-right-color: rgb(251 146 60);
border-x-orange-500 border-left-color: rgb(249 115 22); border-right-color: rgb(249 115 22);
border-x-orange-600 border-left-color: rgb(234 88 12); border-right-color: rgb(234 88 12);
border-x-orange-700 border-left-color: rgb(194 65 12); border-right-color: rgb(194 65 12);
border-x-orange-800 border-left-color: rgb(154 52 18); border-right-color: rgb(154 52 18);
border-x-orange-900 border-left-color: rgb(124 45 18); border-right-color: rgb(124 45 18);
border-x-amber-50 border-left-color: rgb(255 251 235); border-right-color: rgb(255 251 235);
border-x-amber-100 border-left-color: rgb(254 243 199); border-right-color: rgb(254 243 199);
border-x-amber-200 border-left-color: rgb(253 230 138); border-right-color: rgb(253 230 138);
border-x-amber-300 border-left-color: rgb(252 211 77); border-right-color: rgb(252 211 77);
border-x-amber-400 border-left-color: rgb(251 191 36); border-right-color: rgb(251 191 36);
border-x-amber-500 border-left-color: rgb(245 158 11); border-right-color: rgb(245 158 11);
border-x-amber-600 border-left-color: rgb(217 119 6); border-right-color: rgb(217 119 6);
border-x-amber-700 border-left-color: rgb(180 83 9); border-right-color: rgb(180 83 9);
border-x-amber-800 border-left-color: rgb(146 64 14); border-right-color: rgb(146 64 14);
border-x-amber-900 border-left-color: rgb(120 53 15); border-right-color: rgb(120 53 15);
border-x-yellow-50 border-left-color: rgb(254 252 232); border-right-color: rgb(254 252 232);
border-x-yellow-100 border-left-color: rgb(254 249 195); border-right-color: rgb(254 249 195);
border-x-yellow-200 border-left-color: rgb(254 240 138); border-right-color: rgb(254 240 138);
border-x-yellow-300 border-left-color: rgb(253 224 71); border-right-color: rgb(253 224 71);
border-x-yellow-400 border-left-color: rgb(250 204 21); border-right-color: rgb(250 204 21);
border-x-yellow-500 border-left-color: rgb(234 179 8); border-right-color: rgb(234 179 8);
border-x-yellow-600 border-left-color: rgb(202 138 4); border-right-color: rgb(202 138 4);
border-x-yellow-700 border-left-color: rgb(161 98 7); border-right-color: rgb(161 98 7);
border-x-yellow-800 border-left-color: rgb(133 77 14); border-right-color: rgb(133 77 14);
border-x-yellow-900 border-left-color: rgb(113 63 18); border-right-color: rgb(113 63 18);
border-x-lime-50 border-left-color: rgb(247 254 231); border-right-color: rgb(247 254 231);
border-x-lime-100 border-left-color: rgb(236 252 203); border-right-color: rgb(236 252 203);
border-x-lime-200 border-left-color: rgb(217 249 157); border-right-color: rgb(217 249 157);
border-x-lime-300 border-left-color: rgb(190 242 100); border-right-color: rgb(190 242 100);
border-x-lime-400 border-left-color: rgb(163 230 53); border-right-color: rgb(163 230 53);
border-x-lime-500 border-left-color: rgb(132 204 22); border-right-color: rgb(132 204 22);
border-x-lime-600 border-left-color: rgb(101 163 13); border-right-color: rgb(101 163 13);
border-x-lime-700 border-left-color: rgb(77 124 15); border-right-color: rgb(77 124 15);
border-x-lime-800 border-left-color: rgb(63 98 18); border-right-color: rgb(63 98 18);
border-x-lime-900 border-left-color: rgb(54 83 20); border-right-color: rgb(54 83 20);
border-x-green-50 border-left-color: rgb(240 253 244); border-right-color: rgb(240 253 244);
border-x-green-100 border-left-color: rgb(220 252 231); border-right-color: rgb(220 252 231);
border-x-green-200 border-left-color: rgb(187 247 208); border-right-color: rgb(187 247 208);
border-x-green-300 border-left-color: rgb(134 239 172); border-right-color: rgb(134 239 172);
border-x-green-400 border-left-color: rgb(74 222 128); border-right-color: rgb(74 222 128);
border-x-green-500 border-left-color: rgb(34 197 94); border-right-color: rgb(34 197 94);
border-x-green-600 border-left-color: rgb(22 163 74); border-right-color: rgb(22 163 74);
border-x-green-700 border-left-color: rgb(21 128 61); border-right-color: rgb(21 128 61);
border-x-green-800 border-left-color: rgb(22 101 52); border-right-color: rgb(22 101 52);
border-x-green-900 border-left-color: rgb(20 83 45); border-right-color: rgb(20 83 45);
border-x-emerald-50 border-left-color: rgb(236 253 245); border-right-color: rgb(236 253 245);
border-x-emerald-100 border-left-color: rgb(209 250 229); border-right-color: rgb(209 250 229);
border-x-emerald-200 border-left-color: rgb(167 243 208); border-right-color: rgb(167 243 208);
border-x-emerald-300 border-left-color: rgb(110 231 183); border-right-color: rgb(110 231 183);
border-x-emerald-400 border-left-color: rgb(52 211 153); border-right-color: rgb(52 211 153);
border-x-emerald-500 border-left-color: rgb(16 185 129); border-right-color: rgb(16 185 129);
border-x-emerald-600 border-left-color: rgb(5 150 105); border-right-color: rgb(5 150 105);
border-x-emerald-700 border-left-color: rgb(4 120 87); border-right-color: rgb(4 120 87);
border-x-emerald-800 border-left-color: rgb(6 95 70); border-right-color: rgb(6 95 70);
border-x-emerald-900 border-left-color: rgb(6 78 59); border-right-color: rgb(6 78 59);
border-x-teal-50 border-left-color: rgb(240 253 250); border-right-color: rgb(240 253 250);
border-x-teal-100 border-left-color: rgb(204 251 241); border-right-color: rgb(204 251 241);
border-x-teal-200 border-left-color: rgb(153 246 228); border-right-color: rgb(153 246 228);
border-x-teal-300 border-left-color: rgb(94 234 212); border-right-color: rgb(94 234 212);
border-x-teal-400 border-left-color: rgb(45 212 191); border-right-color: rgb(45 212 191);
border-x-teal-500 border-left-color: rgb(20 184 166); border-right-color: rgb(20 184 166);
border-x-teal-600 border-left-color: rgb(13 148 136); border-right-color: rgb(13 148 136);
border-x-teal-700 border-left-color: rgb(15 118 110); border-right-color: rgb(15 118 110);
border-x-teal-800 border-left-color: rgb(17 94 89); border-right-color: rgb(17 94 89);
border-x-teal-900 border-left-color: rgb(19 78 74); border-right-color: rgb(19 78 74);
border-x-cyan-50 border-left-color: rgb(236 254 255); border-right-color: rgb(236 254 255);
border-x-cyan-100 border-left-color: rgb(207 250 254); border-right-color: rgb(207 250 254);
border-x-cyan-200 border-left-color: rgb(165 243 252); border-right-color: rgb(165 243 252);
border-x-cyan-300 border-left-color: rgb(103 232 249); border-right-color: rgb(103 232 249);
border-x-cyan-400 border-left-color: rgb(34 211 238); border-right-color: rgb(34 211 238);
border-x-cyan-500 border-left-color: rgb(6 182 212); border-right-color: rgb(6 182 212);
border-x-cyan-600 border-left-color: rgb(8 145 178); border-right-color: rgb(8 145 178);
border-x-cyan-700 border-left-color: rgb(14 116 144); border-right-color: rgb(14 116 144);
border-x-cyan-800 border-left-color: rgb(21 94 117); border-right-color: rgb(21 94 117);
border-x-cyan-900 border-left-color: rgb(22 78 99); border-right-color: rgb(22 78 99);
border-x-sky-50 border-left-color: rgb(240 249 255); border-right-color: rgb(240 249 255);
border-x-sky-100 border-left-color: rgb(224 242 254); border-right-color: rgb(224 242 254);
border-x-sky-200 border-left-color: rgb(186 230 253); border-right-color: rgb(186 230 253);
border-x-sky-300 border-left-color: rgb(125 211 252); border-right-color: rgb(125 211 252);
border-x-sky-400 border-left-color: rgb(56 189 248); border-right-color: rgb(56 189 248);
border-x-sky-500 border-left-color: rgb(14 165 233); border-right-color: rgb(14 165 233);
border-x-sky-600 border-left-color: rgb(2 132 199); border-right-color: rgb(2 132 199);
border-x-sky-700 border-left-color: rgb(3 105 161); border-right-color: rgb(3 105 161);
border-x-sky-800 border-left-color: rgb(7 89 133); border-right-color: rgb(7 89 133);
border-x-sky-900 border-left-color: rgb(12 74 110); border-right-color: rgb(12 74 110);
border-x-blue-50 border-left-color: rgb(239 246 255); border-right-color: rgb(239 246 255);
border-x-blue-100 border-left-color: rgb(219 234 254); border-right-color: rgb(219 234 254);
border-x-blue-200 border-left-color: rgb(191 219 254); border-right-color: rgb(191 219 254);
border-x-blue-300 border-left-color: rgb(147 197 253); border-right-color: rgb(147 197 253);
border-x-blue-400 border-left-color: rgb(96 165 250); border-right-color: rgb(96 165 250);
border-x-blue-500 border-left-color: rgb(59 130 246); border-right-color: rgb(59 130 246);
border-x-blue-600 border-left-color: rgb(37 99 235); border-right-color: rgb(37 99 235);
border-x-blue-700 border-left-color: rgb(29 78 216); border-right-color: rgb(29 78 216);
border-x-blue-800 border-left-color: rgb(30 64 175); border-right-color: rgb(30 64 175);
border-x-blue-900 border-left-color: rgb(30 58 138); border-right-color: rgb(30 58 138);
border-x-indigo-50 border-left-color: rgb(238 242 255); border-right-color: rgb(238 242 255);
border-x-indigo-100 border-left-color: rgb(224 231 255); border-right-color: rgb(224 231 255);
border-x-indigo-200 border-left-color: rgb(199 210 254); border-right-color: rgb(199 210 254);
border-x-indigo-300 border-left-color: rgb(165 180 252); border-right-color: rgb(165 180 252);
border-x-indigo-400 border-left-color: rgb(129 140 248); border-right-color: rgb(129 140 248);
border-x-indigo-500 border-left-color: rgb(99 102 241); border-right-color: rgb(99 102 241);
border-x-indigo-600 border-left-color: rgb(79 70 229); border-right-color: rgb(79 70 229);
border-x-indigo-700 border-left-color: rgb(67 56 202); border-right-color: rgb(67 56 202);
border-x-indigo-800 border-left-color: rgb(55 48 163); border-right-color: rgb(55 48 163);
border-x-indigo-900 border-left-color: rgb(49 46 129); border-right-color: rgb(49 46 129);
border-x-violet-50 border-left-color: rgb(245 243 255); border-right-color: rgb(245 243 255);
border-x-violet-100 border-left-color: rgb(237 233 254); border-right-color: rgb(237 233 254);
border-x-violet-200 border-left-color: rgb(221 214 254); border-right-color: rgb(221 214 254);
border-x-violet-300 border-left-color: rgb(196 181 253); border-right-color: rgb(196 181 253);
border-x-violet-400 border-left-color: rgb(167 139 250); border-right-color: rgb(167 139 250);
border-x-violet-500 border-left-color: rgb(139 92 246); border-right-color: rgb(139 92 246);
border-x-violet-600 border-left-color: rgb(124 58 237); border-right-color: rgb(124 58 237);
border-x-violet-700 border-left-color: rgb(109 40 217); border-right-color: rgb(109 40 217);
border-x-violet-800 border-left-color: rgb(91 33 182); border-right-color: rgb(91 33 182);
border-x-violet-900 border-left-color: rgb(76 29 149); border-right-color: rgb(76 29 149);
border-x-purple-50 border-left-color: rgb(250 245 255); border-right-color: rgb(250 245 255);
border-x-purple-100 border-left-color: rgb(243 232 255); border-right-color: rgb(243 232 255);
border-x-purple-200 border-left-color: rgb(233 213 255); border-right-color: rgb(233 213 255);
border-x-purple-300 border-left-color: rgb(216 180 254); border-right-color: rgb(216 180 254);
border-x-purple-400 border-left-color: rgb(192 132 252); border-right-color: rgb(192 132 252);
border-x-purple-500 border-left-color: rgb(168 85 247); border-right-color: rgb(168 85 247);
border-x-purple-600 border-left-color: rgb(147 51 234); border-right-color: rgb(147 51 234);
border-x-purple-700 border-left-color: rgb(126 34 206); border-right-color: rgb(126 34 206);
border-x-purple-800 border-left-color: rgb(107 33 168); border-right-color: rgb(107 33 168);
border-x-purple-900 border-left-color: rgb(88 28 135); border-right-color: rgb(88 28 135);
border-x-fuchsia-50 border-left-color: rgb(253 244 255); border-right-color: rgb(253 244 255);
border-x-fuchsia-100 border-left-color: rgb(250 232 255); border-right-color: rgb(250 232 255);
border-x-fuchsia-200 border-left-color: rgb(245 208 254); border-right-color: rgb(245 208 254);
border-x-fuchsia-300 border-left-color: rgb(240 171 252); border-right-color: rgb(240 171 252);
border-x-fuchsia-400 border-left-color: rgb(232 121 249); border-right-color: rgb(232 121 249);
border-x-fuchsia-500 border-left-color: rgb(217 70 239); border-right-color: rgb(217 70 239);
border-x-fuchsia-600 border-left-color: rgb(192 38 211); border-right-color: rgb(192 38 211);
border-x-fuchsia-700 border-left-color: rgb(162 28 175); border-right-color: rgb(162 28 175);
border-x-fuchsia-800 border-left-color: rgb(134 25 143); border-right-color: rgb(134 25 143);
border-x-fuchsia-900 border-left-color: rgb(112 26 117); border-right-color: rgb(112 26 117);
border-x-pink-50 border-left-color: rgb(253 242 248); border-right-color: rgb(253 242 248);
border-x-pink-100 border-left-color: rgb(252 231 243); border-right-color: rgb(252 231 243);
border-x-pink-200 border-left-color: rgb(251 207 232); border-right-color: rgb(251 207 232);
border-x-pink-300 border-left-color: rgb(249 168 212); border-right-color: rgb(249 168 212);
border-x-pink-400 border-left-color: rgb(244 114 182); border-right-color: rgb(244 114 182);
border-x-pink-500 border-left-color: rgb(236 72 153); border-right-color: rgb(236 72 153);
border-x-pink-600 border-left-color: rgb(219 39 119); border-right-color: rgb(219 39 119);
border-x-pink-700 border-left-color: rgb(190 24 93); border-right-color: rgb(190 24 93);
border-x-pink-800 border-left-color: rgb(157 23 77); border-right-color: rgb(157 23 77);
border-x-pink-900 border-left-color: rgb(131 24 67); border-right-color: rgb(131 24 67);
border-x-rose-50 border-left-color: rgb(255 241 242); border-right-color: rgb(255 241 242);
border-x-rose-100 border-left-color: rgb(255 228 230); border-right-color: rgb(255 228 230);
border-x-rose-200 border-left-color: rgb(254 205 211); border-right-color: rgb(254 205 211);
border-x-rose-300 border-left-color: rgb(253 164 175); border-right-color: rgb(253 164 175);
border-x-rose-400 border-left-color: rgb(251 113 133); border-right-color: rgb(251 113 133);
border-x-rose-500 border-left-color: rgb(244 63 94); border-right-color: rgb(244 63 94);
border-x-rose-600 border-left-color: rgb(225 29 72); border-right-color: rgb(225 29 72);
border-x-rose-700 border-left-color: rgb(190 18 60); border-right-color: rgb(190 18 60);
border-x-rose-800 border-left-color: rgb(159 18 57); border-right-color: rgb(159 18 57);
border-x-rose-900 border-left-color: rgb(136 19 55); border-right-color: rgb(136 19 55);
border-y-inherit border-top-color: inherit; border-bottom-color: inherit;
border-y-current border-top-color: currentColor; border-bottom-color: currentColor;
border-y-transparent border-top-color: transparent; border-bottom-color: transparent;
border-y-black border-top-color: rgb(0 0 0); border-bottom-color: rgb(0 0 0);
border-y-white border-top-color: rgb(255 255 255); border-bottom-color: rgb(255 255 255);
border-y-slate-50 border-top-color: rgb(248 250 252); border-bottom-color: rgb(248 250 252);
border-y-slate-100 border-top-color: rgb(241 245 249); border-bottom-color: rgb(241 245 249);
border-y-slate-200 border-top-color: rgb(226 232 240); border-bottom-color: rgb(226 232 240);
border-y-slate-300 border-top-color: rgb(203 213 225); border-bottom-color: rgb(203 213 225);
border-y-slate-400 border-top-color: rgb(148 163 184); border-bottom-color: rgb(148 163 184);
border-y-slate-500 border-top-color: rgb(100 116 139); border-bottom-color: rgb(100 116 139);
border-y-slate-600 border-top-color: rgb(71 85 105); border-bottom-color: rgb(71 85 105);
border-y-slate-700 border-top-color: rgb(51 65 85); border-bottom-color: rgb(51 65 85);
border-y-slate-800 border-top-color: rgb(30 41 59); border-bottom-color: rgb(30 41 59);
border-y-slate-900 border-top-color: rgb(15 23 42); border-bottom-color: rgb(15 23 42);
border-y-gray-50 border-top-color: rgb(249 250 251); border-bottom-color: rgb(249 250 251);
border-y-gray-100 border-top-color: rgb(243 244 246); border-bottom-color: rgb(243 244 246);
border-y-gray-200 border-top-color: rgb(229 231 235); border-bottom-color: rgb(229 231 235);
border-y-gray-300 border-top-color: rgb(209 213 219); border-bottom-color: rgb(209 213 219);
border-y-gray-400 border-top-color: rgb(156 163 175); border-bottom-color: rgb(156 163 175);
border-y-gray-500 border-top-color: rgb(107 114 128); border-bottom-color: rgb(107 114 128);
border-y-gray-600 border-top-color: rgb(75 85 99); border-bottom-color: rgb(75 85 99);
border-y-gray-700 border-top-color: rgb(55 65 81); border-bottom-color: rgb(55 65 81);
border-y-gray-800 border-top-color: rgb(31 41 55); border-bottom-color: rgb(31 41 55);
border-y-gray-900 border-top-color: rgb(17 24 39); border-bottom-color: rgb(17 24 39);
border-y-zinc-50 border-top-color: rgb(250 250 250); border-bottom-color: rgb(250 250 250);
border-y-zinc-100 border-top-color: rgb(244 244 245); border-bottom-color: rgb(244 244 245);
border-y-zinc-200 border-top-color: rgb(228 228 231); border-bottom-color: rgb(228 228 231);
border-y-zinc-300 border-top-color: rgb(212 212 216); border-bottom-color: rgb(212 212 216);
border-y-zinc-400 border-top-color: rgb(161 161 170); border-bottom-color: rgb(161 161 170);
border-y-zinc-500 border-top-color: rgb(113 113 122); border-bottom-color: rgb(113 113 122);
border-y-zinc-600 border-top-color: rgb(82 82 91); border-bottom-color: rgb(82 82 91);
border-y-zinc-700 border-top-color: rgb(63 63 70); border-bottom-color: rgb(63 63 70);
border-y-zinc-800 border-top-color: rgb(39 39 42); border-bottom-color: rgb(39 39 42);
border-y-zinc-900 border-top-color: rgb(24 24 27); border-bottom-color: rgb(24 24 27);
border-y-neutral-50 border-top-color: rgb(250 250 250); border-bottom-color: rgb(250 250 250);
border-y-neutral-100 border-top-color: rgb(245 245 245); border-bottom-color: rgb(245 245 245);
border-y-neutral-200 border-top-color: rgb(229 229 229); border-bottom-color: rgb(229 229 229);
border-y-neutral-300 border-top-color: rgb(212 212 212); border-bottom-color: rgb(212 212 212);
border-y-neutral-400 border-top-color: rgb(163 163 163); border-bottom-color: rgb(163 163 163);
border-y-neutral-500 border-top-color: rgb(115 115 115); border-bottom-color: rgb(115 115 115);
border-y-neutral-600 border-top-color: rgb(82 82 82); border-bottom-color: rgb(82 82 82);
border-y-neutral-700 border-top-color: rgb(64 64 64); border-bottom-color: rgb(64 64 64);
border-y-neutral-800 border-top-color: rgb(38 38 38); border-bottom-color: rgb(38 38 38);
border-y-neutral-900 border-top-color: rgb(23 23 23); border-bottom-color: rgb(23 23 23);
border-y-stone-50 border-top-color: rgb(250 250 249); border-bottom-color: rgb(250 250 249);
border-y-stone-100 border-top-color: rgb(245 245 244); border-bottom-color: rgb(245 245 244);
border-y-stone-200 border-top-color: rgb(231 229 228); border-bottom-color: rgb(231 229 228);
border-y-stone-300 border-top-color: rgb(214 211 209); border-bottom-color: rgb(214 211 209);
border-y-stone-400 border-top-color: rgb(168 162 158); border-bottom-color: rgb(168 162 158);
border-y-stone-500 border-top-color: rgb(120 113 108); border-bottom-color: rgb(120 113 108);
border-y-stone-600 border-top-color: rgb(87 83 78); border-bottom-color: rgb(87 83 78);
border-y-stone-700 border-top-color: rgb(68 64 60); border-bottom-color: rgb(68 64 60);
border-y-stone-800 border-top-color: rgb(41 37 36); border-bottom-color: rgb(41 37 36);
border-y-stone-900 border-top-color: rgb(28 25 23); border-bottom-color: rgb(28 25 23);
border-y-red-50 border-top-color: rgb(254 242 242); border-bottom-color: rgb(254 242 242);
border-y-red-100 border-top-color: rgb(254 226 226); border-bottom-color: rgb(254 226 226);
border-y-red-200 border-top-color: rgb(254 202 202); border-bottom-color: rgb(254 202 202);
border-y-red-300 border-top-color: rgb(252 165 165); border-bottom-color: rgb(252 165 165);
border-y-red-400 border-top-color: rgb(248 113 113); border-bottom-color: rgb(248 113 113);
border-y-red-500 border-top-color: rgb(239 68 68); border-bottom-color: rgb(239 68 68);
border-y-red-600 border-top-color: rgb(220 38 38); border-bottom-color: rgb(220 38 38);
border-y-red-700 border-top-color: rgb(185 28 28); border-bottom-color: rgb(185 28 28);
border-y-red-800 border-top-color: rgb(153 27 27); border-bottom-color: rgb(153 27 27);
border-y-red-900 border-top-color: rgb(127 29 29); border-bottom-color: rgb(127 29 29);
border-y-orange-50 border-top-color: rgb(255 247 237); border-bottom-color: rgb(255 247 237);
border-y-orange-100 border-top-color: rgb(255 237 213); border-bottom-color: rgb(255 237 213);
border-y-orange-200 border-top-color: rgb(254 215 170); border-bottom-color: rgb(254 215 170);
border-y-orange-300 border-top-color: rgb(253 186 116); border-bottom-color: rgb(253 186 116);
border-y-orange-400 border-top-color: rgb(251 146 60); border-bottom-color: rgb(251 146 60);
border-y-orange-500 border-top-color: rgb(249 115 22); border-bottom-color: rgb(249 115 22);
border-y-orange-600 border-top-color: rgb(234 88 12); border-bottom-color: rgb(234 88 12);
border-y-orange-700 border-top-color: rgb(194 65 12); border-bottom-color: rgb(194 65 12);
border-y-orange-800 border-top-color: rgb(154 52 18); border-bottom-color: rgb(154 52 18);
border-y-orange-900 border-top-color: rgb(124 45 18); border-bottom-color: rgb(124 45 18);
border-y-amber-50 border-top-color: rgb(255 251 235); border-bottom-color: rgb(255 251 235);
border-y-amber-100 border-top-color: rgb(254 243 199); border-bottom-color: rgb(254 243 199);
border-y-amber-200 border-top-color: rgb(253 230 138); border-bottom-color: rgb(253 230 138);
border-y-amber-300 border-top-color: rgb(252 211 77); border-bottom-color: rgb(252 211 77);
border-y-amber-400 border-top-color: rgb(251 191 36); border-bottom-color: rgb(251 191 36);
border-y-amber-500 border-top-color: rgb(245 158 11); border-bottom-color: rgb(245 158 11);
border-y-amber-600 border-top-color: rgb(217 119 6); border-bottom-color: rgb(217 119 6);
border-y-amber-700 border-top-color: rgb(180 83 9); border-bottom-color: rgb(180 83 9);
border-y-amber-800 border-top-color: rgb(146 64 14); border-bottom-color: rgb(146 64 14);
border-y-amber-900 border-top-color: rgb(120 53 15); border-bottom-color: rgb(120 53 15);
border-y-yellow-50 border-top-color: rgb(254 252 232); border-bottom-color: rgb(254 252 232);
border-y-yellow-100 border-top-color: rgb(254 249 195); border-bottom-color: rgb(254 249 195);
border-y-yellow-200 border-top-color: rgb(254 240 138); border-bottom-color: rgb(254 240 138);
border-y-yellow-300 border-top-color: rgb(253 224 71); border-bottom-color: rgb(253 224 71);
border-y-yellow-400 border-top-color: rgb(250 204 21); border-bottom-color: rgb(250 204 21);
border-y-yellow-500 border-top-color: rgb(234 179 8); border-bottom-color: rgb(234 179 8);
border-y-yellow-600 border-top-color: rgb(202 138 4); border-bottom-color: rgb(202 138 4);
border-y-yellow-700 border-top-color: rgb(161 98 7); border-bottom-color: rgb(161 98 7);
border-y-yellow-800 border-top-color: rgb(133 77 14); border-bottom-color: rgb(133 77 14);
border-y-yellow-900 border-top-color: rgb(113 63 18); border-bottom-color: rgb(113 63 18);
border-y-lime-50 border-top-color: rgb(247 254 231); border-bottom-color: rgb(247 254 231);
border-y-lime-100 border-top-color: rgb(236 252 203); border-bottom-color: rgb(236 252 203);
border-y-lime-200 border-top-color: rgb(217 249 157); border-bottom-color: rgb(217 249 157);
border-y-lime-300 border-top-color: rgb(190 242 100); border-bottom-color: rgb(190 242 100);
border-y-lime-400 border-top-color: rgb(163 230 53); border-bottom-color: rgb(163 230 53);
border-y-lime-500 border-top-color: rgb(132 204 22); border-bottom-color: rgb(132 204 22);
border-y-lime-600 border-top-color: rgb(101 163 13); border-bottom-color: rgb(101 163 13);
border-y-lime-700 border-top-color: rgb(77 124 15); border-bottom-color: rgb(77 124 15);
border-y-lime-800 border-top-color: rgb(63 98 18); border-bottom-color: rgb(63 98 18);
border-y-lime-900 border-top-color: rgb(54 83 20); border-bottom-color: rgb(54 83 20);
border-y-green-50 border-top-color: rgb(240 253 244); border-bottom-color: rgb(240 253 244);
border-y-green-100 border-top-color: rgb(220 252 231); border-bottom-color: rgb(220 252 231);
border-y-green-200 border-top-color: rgb(187 247 208); border-bottom-color: rgb(187 247 208);
border-y-green-300 border-top-color: rgb(134 239 172); border-bottom-color: rgb(134 239 172);
border-y-green-400 border-top-color: rgb(74 222 128); border-bottom-color: rgb(74 222 128);
border-y-green-500 border-top-color: rgb(34 197 94); border-bottom-color: rgb(34 197 94);
border-y-green-600 border-top-color: rgb(22 163 74); border-bottom-color: rgb(22 163 74);
border-y-green-700 border-top-color: rgb(21 128 61); border-bottom-color: rgb(21 128 61);
border-y-green-800 border-top-color: rgb(22 101 52); border-bottom-color: rgb(22 101 52);
border-y-green-900 border-top-color: rgb(20 83 45); border-bottom-color: rgb(20 83 45);
border-y-emerald-50 border-top-color: rgb(236 253 245); border-bottom-color: rgb(236 253 245);
border-y-emerald-100 border-top-color: rgb(209 250 229); border-bottom-color: rgb(209 250 229);
border-y-emerald-200 border-top-color: rgb(167 243 208); border-bottom-color: rgb(167 243 208);
border-y-emerald-300 border-top-color: rgb(110 231 183); border-bottom-color: rgb(110 231 183);
border-y-emerald-400 border-top-color: rgb(52 211 153); border-bottom-color: rgb(52 211 153);
border-y-emerald-500 border-top-color: rgb(16 185 129); border-bottom-color: rgb(16 185 129);
border-y-emerald-600 border-top-color: rgb(5 150 105); border-bottom-color: rgb(5 150 105);
border-y-emerald-700 border-top-color: rgb(4 120 87); border-bottom-color: rgb(4 120 87);
border-y-emerald-800 border-top-color: rgb(6 95 70); border-bottom-color: rgb(6 95 70);
border-y-emerald-900 border-top-color: rgb(6 78 59); border-bottom-color: rgb(6 78 59);
border-y-teal-50 border-top-color: rgb(240 253 250); border-bottom-color: rgb(240 253 250);
border-y-teal-100 border-top-color: rgb(204 251 241); border-bottom-color: rgb(204 251 241);
border-y-teal-200 border-top-color: rgb(153 246 228); border-bottom-color: rgb(153 246 228);
border-y-teal-300 border-top-color: rgb(94 234 212); border-bottom-color: rgb(94 234 212);
border-y-teal-400 border-top-color: rgb(45 212 191); border-bottom-color: rgb(45 212 191);
border-y-teal-500 border-top-color: rgb(20 184 166); border-bottom-color: rgb(20 184 166);
border-y-teal-600 border-top-color: rgb(13 148 136); border-bottom-color: rgb(13 148 136);
border-y-teal-700 border-top-color: rgb(15 118 110); border-bottom-color: rgb(15 118 110);
border-y-teal-800 border-top-color: rgb(17 94 89); border-bottom-color: rgb(17 94 89);
border-y-teal-900 border-top-color: rgb(19 78 74); border-bottom-color: rgb(19 78 74);
border-y-cyan-50 border-top-color: rgb(236 254 255); border-bottom-color: rgb(236 254 255);
border-y-cyan-100 border-top-color: rgb(207 250 254); border-bottom-color: rgb(207 250 254);
border-y-cyan-200 border-top-color: rgb(165 243 252); border-bottom-color: rgb(165 243 252);
border-y-cyan-300 border-top-color: rgb(103 232 249); border-bottom-color: rgb(103 232 249);
border-y-cyan-400 border-top-color: rgb(34 211 238); border-bottom-color: rgb(34 211 238);
border-y-cyan-500 border-top-color: rgb(6 182 212); border-bottom-color: rgb(6 182 212);
border-y-cyan-600 border-top-color: rgb(8 145 178); border-bottom-color: rgb(8 145 178);
border-y-cyan-700 border-top-color: rgb(14 116 144); border-bottom-color: rgb(14 116 144);
border-y-cyan-800 border-top-color: rgb(21 94 117); border-bottom-color: rgb(21 94 117);
border-y-cyan-900 border-top-color: rgb(22 78 99); border-bottom-color: rgb(22 78 99);
border-y-sky-50 border-top-color: rgb(240 249 255); border-bottom-color: rgb(240 249 255);
border-y-sky-100 border-top-color: rgb(224 242 254); border-bottom-color: rgb(224 242 254);
border-y-sky-200 border-top-color: rgb(186 230 253); border-bottom-color: rgb(186 230 253);
border-y-sky-300 border-top-color: rgb(125 211 252); border-bottom-color: rgb(125 211 252);
border-y-sky-400 border-top-color: rgb(56 189 248); border-bottom-color: rgb(56 189 248);
border-y-sky-500 border-top-color: rgb(14 165 233); border-bottom-color: rgb(14 165 233);
border-y-sky-600 border-top-color: rgb(2 132 199); border-bottom-color: rgb(2 132 199);
border-y-sky-700 border-top-color: rgb(3 105 161); border-bottom-color: rgb(3 105 161);
border-y-sky-800 border-top-color: rgb(7 89 133); border-bottom-color: rgb(7 89 133);
border-y-sky-900 border-top-color: rgb(12 74 110); border-bottom-color: rgb(12 74 110);
border-y-blue-50 border-top-color: rgb(239 246 255); border-bottom-color: rgb(239 246 255);
border-y-blue-100 border-top-color: rgb(219 234 254); border-bottom-color: rgb(219 234 254);
border-y-blue-200 border-top-color: rgb(191 219 254); border-bottom-color: rgb(191 219 254);
border-y-blue-300 border-top-color: rgb(147 197 253); border-bottom-color: rgb(147 197 253);
border-y-blue-400 border-top-color: rgb(96 165 250); border-bottom-color: rgb(96 165 250);
border-y-blue-500 border-top-color: rgb(59 130 246); border-bottom-color: rgb(59 130 246);
border-y-blue-600 border-top-color: rgb(37 99 235); border-bottom-color: rgb(37 99 235);
border-y-blue-700 border-top-color: rgb(29 78 216); border-bottom-color: rgb(29 78 216);
border-y-blue-800 border-top-color: rgb(30 64 175); border-bottom-color: rgb(30 64 175);
border-y-blue-900 border-top-color: rgb(30 58 138); border-bottom-color: rgb(30 58 138);
border-y-indigo-50 border-top-color: rgb(238 242 255); border-bottom-color: rgb(238 242 255);
border-y-indigo-100 border-top-color: rgb(224 231 255); border-bottom-color: rgb(224 231 255);
border-y-indigo-200 border-top-color: rgb(199 210 254); border-bottom-color: rgb(199 210 254);
border-y-indigo-300 border-top-color: rgb(165 180 252); border-bottom-color: rgb(165 180 252);
border-y-indigo-400 border-top-color: rgb(129 140 248); border-bottom-color: rgb(129 140 248);
border-y-indigo-500 border-top-color: rgb(99 102 241); border-bottom-color: rgb(99 102 241);
border-y-indigo-600 border-top-color: rgb(79 70 229); border-bottom-color: rgb(79 70 229);
border-y-indigo-700 border-top-color: rgb(67 56 202); border-bottom-color: rgb(67 56 202);
border-y-indigo-800 border-top-color: rgb(55 48 163); border-bottom-color: rgb(55 48 163);
border-y-indigo-900 border-top-color: rgb(49 46 129); border-bottom-color: rgb(49 46 129);
border-y-violet-50 border-top-color: rgb(245 243 255); border-bottom-color: rgb(245 243 255);
border-y-violet-100 border-top-color: rgb(237 233 254); border-bottom-color: rgb(237 233 254);
border-y-violet-200 border-top-color: rgb(221 214 254); border-bottom-color: rgb(221 214 254);
border-y-violet-300 border-top-color: rgb(196 181 253); border-bottom-color: rgb(196 181 253);
border-y-violet-400 border-top-color: rgb(167 139 250); border-bottom-color: rgb(167 139 250);
border-y-violet-500 border-top-color: rgb(139 92 246); border-bottom-color: rgb(139 92 246);
border-y-violet-600 border-top-color: rgb(124 58 237); border-bottom-color: rgb(124 58 237);
border-y-violet-700 border-top-color: rgb(109 40 217); border-bottom-color: rgb(109 40 217);
border-y-violet-800 border-top-color: rgb(91 33 182); border-bottom-color: rgb(91 33 182);
border-y-violet-900 border-top-color: rgb(76 29 149); border-bottom-color: rgb(76 29 149);
border-y-purple-50 border-top-color: rgb(250 245 255); border-bottom-color: rgb(250 245 255);
border-y-purple-100 border-top-color: rgb(243 232 255); border-bottom-color: rgb(243 232 255);
border-y-purple-200 border-top-color: rgb(233 213 255); border-bottom-color: rgb(233 213 255);
border-y-purple-300 border-top-color: rgb(216 180 254); border-bottom-color: rgb(216 180 254);
border-y-purple-400 border-top-color: rgb(192 132 252); border-bottom-color: rgb(192 132 252);
border-y-purple-500 border-top-color: rgb(168 85 247); border-bottom-color: rgb(168 85 247);
border-y-purple-600 border-top-color: rgb(147 51 234); border-bottom-color: rgb(147 51 234);
border-y-purple-700 border-top-color: rgb(126 34 206); border-bottom-color: rgb(126 34 206);
border-y-purple-800 border-top-color: rgb(107 33 168); border-bottom-color: rgb(107 33 168);
border-y-purple-900 border-top-color: rgb(88 28 135); border-bottom-color: rgb(88 28 135);
border-y-fuchsia-50 border-top-color: rgb(253 244 255); border-bottom-color: rgb(253 244 255);
border-y-fuchsia-100 border-top-color: rgb(250 232 255); border-bottom-color: rgb(250 232 255);
border-y-fuchsia-200 border-top-color: rgb(245 208 254); border-bottom-color: rgb(245 208 254);
border-y-fuchsia-300 border-top-color: rgb(240 171 252); border-bottom-color: rgb(240 171 252);
border-y-fuchsia-400 border-top-color: rgb(232 121 249); border-bottom-color: rgb(232 121 249);
border-y-fuchsia-500 border-top-color: rgb(217 70 239); border-bottom-color: rgb(217 70 239);
border-y-fuchsia-600 border-top-color: rgb(192 38 211); border-bottom-color: rgb(192 38 211);
border-y-fuchsia-700 border-top-color: rgb(162 28 175); border-bottom-color: rgb(162 28 175);
border-y-fuchsia-800 border-top-color: rgb(134 25 143); border-bottom-color: rgb(134 25 143);
border-y-fuchsia-900 border-top-color: rgb(112 26 117); border-bottom-color: rgb(112 26 117);
border-y-pink-50 border-top-color: rgb(253 242 248); border-bottom-color: rgb(253 242 248);
border-y-pink-100 border-top-color: rgb(252 231 243); border-bottom-color: rgb(252 231 243);
border-y-pink-200 border-top-color: rgb(251 207 232); border-bottom-color: rgb(251 207 232);
border-y-pink-300 border-top-color: rgb(249 168 212); border-bottom-color: rgb(249 168 212);
border-y-pink-400 border-top-color: rgb(244 114 182); border-bottom-color: rgb(244 114 182);
border-y-pink-500 border-top-color: rgb(236 72 153); border-bottom-color: rgb(236 72 153);
border-y-pink-600 border-top-color: rgb(219 39 119); border-bottom-color: rgb(219 39 119);
border-y-pink-700 border-top-color: rgb(190 24 93); border-bottom-color: rgb(190 24 93);
border-y-pink-800 border-top-color: rgb(157 23 77); border-bottom-color: rgb(157 23 77);
border-y-pink-900 border-top-color: rgb(131 24 67); border-bottom-color: rgb(131 24 67);
border-y-rose-50 border-top-color: rgb(255 241 242); border-bottom-color: rgb(255 241 242);
border-y-rose-100 border-top-color: rgb(255 228 230); border-bottom-color: rgb(255 228 230);
border-y-rose-200 border-top-color: rgb(254 205 211); border-bottom-color: rgb(254 205 211);
border-y-rose-300 border-top-color: rgb(253 164 175); border-bottom-color: rgb(253 164 175);
border-y-rose-400 border-top-color: rgb(251 113 133); border-bottom-color: rgb(251 113 133);
border-y-rose-500 border-top-color: rgb(244 63 94); border-bottom-color: rgb(244 63 94);
border-y-rose-600 border-top-color: rgb(225 29 72); border-bottom-color: rgb(225 29 72);
border-y-rose-700 border-top-color: rgb(190 18 60); border-bottom-color: rgb(190 18 60);
border-y-rose-800 border-top-color: rgb(159 18 57); border-bottom-color: rgb(159 18 57);
border-y-rose-900 border-top-color: rgb(136 19 55); border-bottom-color: rgb(136 19 55);
border-t-inherit border-top-color: inherit;
border-t-current border-top-color: currentColor;
border-t-transparent border-top-color: transparent;
border-t-black border-top-color: rgb(0 0 0);
border-t-white border-top-color: rgb(255 255 255);
border-t-slate-50 border-top-color: rgb(248 250 252);
border-t-slate-100 border-top-color: rgb(241 245 249);
border-t-slate-200 border-top-color: rgb(226 232 240);
border-t-slate-300 border-top-color: rgb(203 213 225);
border-t-slate-400 border-top-color: rgb(148 163 184);
border-t-slate-500 border-top-color: rgb(100 116 139);
border-t-slate-600 border-top-color: rgb(71 85 105);
border-t-slate-700 border-top-color: rgb(51 65 85);
border-t-slate-800 border-top-color: rgb(30 41 59);
border-t-slate-900 border-top-color: rgb(15 23 42);
border-t-gray-50 border-top-color: rgb(249 250 251);
border-t-gray-100 border-top-color: rgb(243 244 246);
border-t-gray-200 border-top-color: rgb(229 231 235);
border-t-gray-300 border-top-color: rgb(209 213 219);
border-t-gray-400 border-top-color: rgb(156 163 175);
border-t-gray-500 border-top-color: rgb(107 114 128);
border-t-gray-600 border-top-color: rgb(75 85 99);
border-t-gray-700 border-top-color: rgb(55 65 81);
border-t-gray-800 border-top-color: rgb(31 41 55);
border-t-gray-900 border-top-color: rgb(17 24 39);
border-t-zinc-50 border-top-color: rgb(250 250 250);
border-t-zinc-100 border-top-color: rgb(244 244 245);
border-t-zinc-200 border-top-color: rgb(228 228 231);
border-t-zinc-300 border-top-color: rgb(212 212 216);
border-t-zinc-400 border-top-color: rgb(161 161 170);
border-t-zinc-500 border-top-color: rgb(113 113 122);
border-t-zinc-600 border-top-color: rgb(82 82 91);
border-t-zinc-700 border-top-color: rgb(63 63 70);
border-t-zinc-800 border-top-color: rgb(39 39 42);
border-t-zinc-900 border-top-color: rgb(24 24 27);
border-t-neutral-50 border-top-color: rgb(250 250 250);
border-t-neutral-100 border-top-color: rgb(245 245 245);
border-t-neutral-200 border-top-color: rgb(229 229 229);
border-t-neutral-300 border-top-color: rgb(212 212 212);
border-t-neutral-400 border-top-color: rgb(163 163 163);
border-t-neutral-500 border-top-color: rgb(115 115 115);
border-t-neutral-600 border-top-color: rgb(82 82 82);
border-t-neutral-700 border-top-color: rgb(64 64 64);
border-t-neutral-800 border-top-color: rgb(38 38 38);
border-t-neutral-900 border-top-color: rgb(23 23 23);
border-t-stone-50 border-top-color: rgb(250 250 249);
border-t-stone-100 border-top-color: rgb(245 245 244);
border-t-stone-200 border-top-color: rgb(231 229 228);
border-t-stone-300 border-top-color: rgb(214 211 209);
border-t-stone-400 border-top-color: rgb(168 162 158);
border-t-stone-500 border-top-color: rgb(120 113 108);
border-t-stone-600 border-top-color: rgb(87 83 78);
border-t-stone-700 border-top-color: rgb(68 64 60);
border-t-stone-800 border-top-color: rgb(41 37 36);
border-t-stone-900 border-top-color: rgb(28 25 23);
border-t-red-50 border-top-color: rgb(254 242 242);
border-t-red-100 border-top-color: rgb(254 226 226);
border-t-red-200 border-top-color: rgb(254 202 202);
border-t-red-300 border-top-color: rgb(252 165 165);
border-t-red-400 border-top-color: rgb(248 113 113);
border-t-red-500 border-top-color: rgb(239 68 68);
border-t-red-600 border-top-color: rgb(220 38 38);
border-t-red-700 border-top-color: rgb(185 28 28);
border-t-red-800 border-top-color: rgb(153 27 27);
border-t-red-900 border-top-color: rgb(127 29 29);
border-t-orange-50 border-top-color: rgb(255 247 237);
border-t-orange-100 border-top-color: rgb(255 237 213);
border-t-orange-200 border-top-color: rgb(254 215 170);
border-t-orange-300 border-top-color: rgb(253 186 116);
border-t-orange-400 border-top-color: rgb(251 146 60);
border-t-orange-500 border-top-color: rgb(249 115 22);
border-t-orange-600 border-top-color: rgb(234 88 12);
border-t-orange-700 border-top-color: rgb(194 65 12);
border-t-orange-800 border-top-color: rgb(154 52 18);
border-t-orange-900 border-top-color: rgb(124 45 18);
border-t-amber-50 border-top-color: rgb(255 251 235);
border-t-amber-100 border-top-color: rgb(254 243 199);
border-t-amber-200 border-top-color: rgb(253 230 138);
border-t-amber-300 border-top-color: rgb(252 211 77);
border-t-amber-400 border-top-color: rgb(251 191 36);
border-t-amber-500 border-top-color: rgb(245 158 11);
border-t-amber-600 border-top-color: rgb(217 119 6);
border-t-amber-700 border-top-color: rgb(180 83 9);
border-t-amber-800 border-top-color: rgb(146 64 14);
border-t-amber-900 border-top-color: rgb(120 53 15);
border-t-yellow-50 border-top-color: rgb(254 252 232);
border-t-yellow-100 border-top-color: rgb(254 249 195);
border-t-yellow-200 border-top-color: rgb(254 240 138);
border-t-yellow-300 border-top-color: rgb(253 224 71);
border-t-yellow-400 border-top-color: rgb(250 204 21);
border-t-yellow-500 border-top-color: rgb(234 179 8);
border-t-yellow-600 border-top-color: rgb(202 138 4);
border-t-yellow-700 border-top-color: rgb(161 98 7);
border-t-yellow-800 border-top-color: rgb(133 77 14);
border-t-yellow-900 border-top-color: rgb(113 63 18);
border-t-lime-50 border-top-color: rgb(247 254 231);
border-t-lime-100 border-top-color: rgb(236 252 203);
border-t-lime-200 border-top-color: rgb(217 249 157);
border-t-lime-300 border-top-color: rgb(190 242 100);
border-t-lime-400 border-top-color: rgb(163 230 53);
border-t-lime-500 border-top-color: rgb(132 204 22);
border-t-lime-600 border-top-color: rgb(101 163 13);
border-t-lime-700 border-top-color: rgb(77 124 15);
border-t-lime-800 border-top-color: rgb(63 98 18);
border-t-lime-900 border-top-color: rgb(54 83 20);
border-t-green-50 border-top-color: rgb(240 253 244);
border-t-green-100 border-top-color: rgb(220 252 231);
border-t-green-200 border-top-color: rgb(187 247 208);
border-t-green-300 border-top-color: rgb(134 239 172);
border-t-green-400 border-top-color: rgb(74 222 128);
border-t-green-500 border-top-color: rgb(34 197 94);
border-t-green-600 border-top-color: rgb(22 163 74);
border-t-green-700 border-top-color: rgb(21 128 61);
border-t-green-800 border-top-color: rgb(22 101 52);
border-t-green-900 border-top-color: rgb(20 83 45);
border-t-emerald-50 border-top-color: rgb(236 253 245);
border-t-emerald-100 border-top-color: rgb(209 250 229);
border-t-emerald-200 border-top-color: rgb(167 243 208);
border-t-emerald-300 border-top-color: rgb(110 231 183);
border-t-emerald-400 border-top-color: rgb(52 211 153);
border-t-emerald-500 border-top-color: rgb(16 185 129);
border-t-emerald-600 border-top-color: rgb(5 150 105);
border-t-emerald-700 border-top-color: rgb(4 120 87);
border-t-emerald-800 border-top-color: rgb(6 95 70);
border-t-emerald-900 border-top-color: rgb(6 78 59);
border-t-teal-50 border-top-color: rgb(240 253 250);
border-t-teal-100 border-top-color: rgb(204 251 241);
border-t-teal-200 border-top-color: rgb(153 246 228);
border-t-teal-300 border-top-color: rgb(94 234 212);
border-t-teal-400 border-top-color: rgb(45 212 191);
border-t-teal-500 border-top-color: rgb(20 184 166);
border-t-teal-600 border-top-color: rgb(13 148 136);
border-t-teal-700 border-top-color: rgb(15 118 110);
border-t-teal-800 border-top-color: rgb(17 94 89);
border-t-teal-900 border-top-color: rgb(19 78 74);
border-t-cyan-50 border-top-color: rgb(236 254 255);
border-t-cyan-100 border-top-color: rgb(207 250 254);
border-t-cyan-200 border-top-color: rgb(165 243 252);
border-t-cyan-300 border-top-color: rgb(103 232 249);
border-t-cyan-400 border-top-color: rgb(34 211 238);
border-t-cyan-500 border-top-color: rgb(6 182 212);
border-t-cyan-600 border-top-color: rgb(8 145 178);
border-t-cyan-700 border-top-color: rgb(14 116 144);
border-t-cyan-800 border-top-color: rgb(21 94 117);
border-t-cyan-900 border-top-color: rgb(22 78 99);
border-t-sky-50 border-top-color: rgb(240 249 255);
border-t-sky-100 border-top-color: rgb(224 242 254);
border-t-sky-200 border-top-color: rgb(186 230 253);
border-t-sky-300 border-top-color: rgb(125 211 252);
border-t-sky-400 border-top-color: rgb(56 189 248);
border-t-sky-500 border-top-color: rgb(14 165 233);
border-t-sky-600 border-top-color: rgb(2 132 199);
border-t-sky-700 border-top-color: rgb(3 105 161);
border-t-sky-800 border-top-color: rgb(7 89 133);
border-t-sky-900 border-top-color: rgb(12 74 110);
border-t-blue-50 border-top-color: rgb(239 246 255);
border-t-blue-100 border-top-color: rgb(219 234 254);
border-t-blue-200 border-top-color: rgb(191 219 254);
border-t-blue-300 border-top-color: rgb(147 197 253);
border-t-blue-400 border-top-color: rgb(96 165 250);
border-t-blue-500 border-top-color: rgb(59 130 246);
border-t-blue-600 border-top-color: rgb(37 99 235);
border-t-blue-700 border-top-color: rgb(29 78 216);
border-t-blue-800 border-top-color: rgb(30 64 175);
border-t-blue-900 border-top-color: rgb(30 58 138);
border-t-indigo-50 border-top-color: rgb(238 242 255);
border-t-indigo-100 border-top-color: rgb(224 231 255);
border-t-indigo-200 border-top-color: rgb(199 210 254);
border-t-indigo-300 border-top-color: rgb(165 180 252);
border-t-indigo-400 border-top-color: rgb(129 140 248);
border-t-indigo-500 border-top-color: rgb(99 102 241);
border-t-indigo-600 border-top-color: rgb(79 70 229);
border-t-indigo-700 border-top-color: rgb(67 56 202);
border-t-indigo-800 border-top-color: rgb(55 48 163);
border-t-indigo-900 border-top-color: rgb(49 46 129);
border-t-violet-50 border-top-color: rgb(245 243 255);
border-t-violet-100 border-top-color: rgb(237 233 254);
border-t-violet-200 border-top-color: rgb(221 214 254);
border-t-violet-300 border-top-color: rgb(196 181 253);
border-t-violet-400 border-top-color: rgb(167 139 250);
border-t-violet-500 border-top-color: rgb(139 92 246);
border-t-violet-600 border-top-color: rgb(124 58 237);
border-t-violet-700 border-top-color: rgb(109 40 217);
border-t-violet-800 border-top-color: rgb(91 33 182);
border-t-violet-900 border-top-color: rgb(76 29 149);
border-t-purple-50 border-top-color: rgb(250 245 255);
border-t-purple-100 border-top-color: rgb(243 232 255);
border-t-purple-200 border-top-color: rgb(233 213 255);
border-t-purple-300 border-top-color: rgb(216 180 254);
border-t-purple-400 border-top-color: rgb(192 132 252);
border-t-purple-500 border-top-color: rgb(168 85 247);
border-t-purple-600 border-top-color: rgb(147 51 234);
border-t-purple-700 border-top-color: rgb(126 34 206);
border-t-purple-800 border-top-color: rgb(107 33 168);
border-t-purple-900 border-top-color: rgb(88 28 135);
border-t-fuchsia-50 border-top-color: rgb(253 244 255);
border-t-fuchsia-100 border-top-color: rgb(250 232 255);
border-t-fuchsia-200 border-top-color: rgb(245 208 254);
border-t-fuchsia-300 border-top-color: rgb(240 171 252);
border-t-fuchsia-400 border-top-color: rgb(232 121 249);
border-t-fuchsia-500 border-top-color: rgb(217 70 239);
border-t-fuchsia-600 border-top-color: rgb(192 38 211);
border-t-fuchsia-700 border-top-color: rgb(162 28 175);
border-t-fuchsia-800 border-top-color: rgb(134 25 143);
border-t-fuchsia-900 border-top-color: rgb(112 26 117);
border-t-pink-50 border-top-color: rgb(253 242 248);
border-t-pink-100 border-top-color: rgb(252 231 243);
border-t-pink-200 border-top-color: rgb(251 207 232);
border-t-pink-300 border-top-color: rgb(249 168 212);
border-t-pink-400 border-top-color: rgb(244 114 182);
border-t-pink-500 border-top-color: rgb(236 72 153);
border-t-pink-600 border-top-color: rgb(219 39 119);
border-t-pink-700 border-top-color: rgb(190 24 93);
border-t-pink-800 border-top-color: rgb(157 23 77);
border-t-pink-900 border-top-color: rgb(131 24 67);
border-t-rose-50 border-top-color: rgb(255 241 242);
border-t-rose-100 border-top-color: rgb(255 228 230);
border-t-rose-200 border-top-color: rgb(254 205 211);
border-t-rose-300 border-top-color: rgb(253 164 175);
border-t-rose-400 border-top-color: rgb(251 113 133);
border-t-rose-500 border-top-color: rgb(244 63 94);
border-t-rose-600 border-top-color: rgb(225 29 72);
border-t-rose-700 border-top-color: rgb(190 18 60);
border-t-rose-800 border-top-color: rgb(159 18 57);
border-t-rose-900 border-top-color: rgb(136 19 55);
border-r-inherit border-right-color: inherit;
border-r-current border-right-color: currentColor;
border-r-transparent border-right-color: transparent;
border-r-black border-right-color: rgb(0 0 0);
border-r-white border-right-color: rgb(255 255 255);
border-r-slate-50 border-right-color: rgb(248 250 252);
border-r-slate-100 border-right-color: rgb(241 245 249);
border-r-slate-200 border-right-color: rgb(226 232 240);
border-r-slate-300 border-right-color: rgb(203 213 225);
border-r-slate-400 border-right-color: rgb(148 163 184);
border-r-slate-500 border-right-color: rgb(100 116 139);
border-r-slate-600 border-right-color: rgb(71 85 105);
border-r-slate-700 border-right-color: rgb(51 65 85);
border-r-slate-800 border-right-color: rgb(30 41 59);
border-r-slate-900 border-right-color: rgb(15 23 42);
border-r-gray-50 border-right-color: rgb(249 250 251);
border-r-gray-100 border-right-color: rgb(243 244 246);
border-r-gray-200 border-right-color: rgb(229 231 235);
border-r-gray-300 border-right-color: rgb(209 213 219);
border-r-gray-400 border-right-color: rgb(156 163 175);
border-r-gray-500 border-right-color: rgb(107 114 128);
border-r-gray-600 border-right-color: rgb(75 85 99);
border-r-gray-700 border-right-color: rgb(55 65 81);
border-r-gray-800 border-right-color: rgb(31 41 55);
border-r-gray-900 border-right-color: rgb(17 24 39);
border-r-zinc-50 border-right-color: rgb(250 250 250);
border-r-zinc-100 border-right-color: rgb(244 244 245);
border-r-zinc-200 border-right-color: rgb(228 228 231);
border-r-zinc-300 border-right-color: rgb(212 212 216);
border-r-zinc-400 border-right-color: rgb(161 161 170);
border-r-zinc-500 border-right-color: rgb(113 113 122);
border-r-zinc-600 border-right-color: rgb(82 82 91);
border-r-zinc-700 border-right-color: rgb(63 63 70);
border-r-zinc-800 border-right-color: rgb(39 39 42);
border-r-zinc-900 border-right-color: rgb(24 24 27);
border-r-neutral-50 border-right-color: rgb(250 250 250);
border-r-neutral-100 border-right-color: rgb(245 245 245);
border-r-neutral-200 border-right-color: rgb(229 229 229);
border-r-neutral-300 border-right-color: rgb(212 212 212);
border-r-neutral-400 border-right-color: rgb(163 163 163);
border-r-neutral-500 border-right-color: rgb(115 115 115);
border-r-neutral-600 border-right-color: rgb(82 82 82);
border-r-neutral-700 border-right-color: rgb(64 64 64);
border-r-neutral-800 border-right-color: rgb(38 38 38);
border-r-neutral-900 border-right-color: rgb(23 23 23);
border-r-stone-50 border-right-color: rgb(250 250 249);
border-r-stone-100 border-right-color: rgb(245 245 244);
border-r-stone-200 border-right-color: rgb(231 229 228);
border-r-stone-300 border-right-color: rgb(214 211 209);
border-r-stone-400 border-right-color: rgb(168 162 158);
border-r-stone-500 border-right-color: rgb(120 113 108);
border-r-stone-600 border-right-color: rgb(87 83 78);
border-r-stone-700 border-right-color: rgb(68 64 60);
border-r-stone-800 border-right-color: rgb(41 37 36);
border-r-stone-900 border-right-color: rgb(28 25 23);
border-r-red-50 border-right-color: rgb(254 242 242);
border-r-red-100 border-right-color: rgb(254 226 226);
border-r-red-200 border-right-color: rgb(254 202 202);
border-r-red-300 border-right-color: rgb(252 165 165);
border-r-red-400 border-right-color: rgb(248 113 113);
border-r-red-500 border-right-color: rgb(239 68 68);
border-r-red-600 border-right-color: rgb(220 38 38);
border-r-red-700 border-right-color: rgb(185 28 28);
border-r-red-800 border-right-color: rgb(153 27 27);
border-r-red-900 border-right-color: rgb(127 29 29);
border-r-orange-50 border-right-color: rgb(255 247 237);
border-r-orange-100 border-right-color: rgb(255 237 213);
border-r-orange-200 border-right-color: rgb(254 215 170);
border-r-orange-300 border-right-color: rgb(253 186 116);
border-r-orange-400 border-right-color: rgb(251 146 60);
border-r-orange-500 border-right-color: rgb(249 115 22);
border-r-orange-600 border-right-color: rgb(234 88 12);
border-r-orange-700 border-right-color: rgb(194 65 12);
border-r-orange-800 border-right-color: rgb(154 52 18);
border-r-orange-900 border-right-color: rgb(124 45 18);
border-r-amber-50 border-right-color: rgb(255 251 235);
border-r-amber-100 border-right-color: rgb(254 243 199);
border-r-amber-200 border-right-color: rgb(253 230 138);
border-r-amber-300 border-right-color: rgb(252 211 77);
border-r-amber-400 border-right-color: rgb(251 191 36);
border-r-amber-500 border-right-color: rgb(245 158 11);
border-r-amber-600 border-right-color: rgb(217 119 6);
border-r-amber-700 border-right-color: rgb(180 83 9);
border-r-amber-800 border-right-color: rgb(146 64 14);
border-r-amber-900 border-right-color: rgb(120 53 15);
border-r-yellow-50 border-right-color: rgb(254 252 232);
border-r-yellow-100 border-right-color: rgb(254 249 195);
border-r-yellow-200 border-right-color: rgb(254 240 138);
border-r-yellow-300 border-right-color: rgb(253 224 71);
border-r-yellow-400 border-right-color: rgb(250 204 21);
border-r-yellow-500 border-right-color: rgb(234 179 8);
border-r-yellow-600 border-right-color: rgb(202 138 4);
border-r-yellow-700 border-right-color: rgb(161 98 7);
border-r-yellow-800 border-right-color: rgb(133 77 14);
border-r-yellow-900 border-right-color: rgb(113 63 18);
border-r-lime-50 border-right-color: rgb(247 254 231);
border-r-lime-100 border-right-color: rgb(236 252 203);
border-r-lime-200 border-right-color: rgb(217 249 157);
border-r-lime-300 border-right-color: rgb(190 242 100);
border-r-lime-400 border-right-color: rgb(163 230 53);
border-r-lime-500 border-right-color: rgb(132 204 22);
border-r-lime-600 border-right-color: rgb(101 163 13);
border-r-lime-700 border-right-color: rgb(77 124 15);
border-r-lime-800 border-right-color: rgb(63 98 18);
border-r-lime-900 border-right-color: rgb(54 83 20);
border-r-green-50 border-right-color: rgb(240 253 244);
border-r-green-100 border-right-color: rgb(220 252 231);
border-r-green-200 border-right-color: rgb(187 247 208);
border-r-green-300 border-right-color: rgb(134 239 172);
border-r-green-400 border-right-color: rgb(74 222 128);
border-r-green-500 border-right-color: rgb(34 197 94);
border-r-green-600 border-right-color: rgb(22 163 74);
border-r-green-700 border-right-color: rgb(21 128 61);
border-r-green-800 border-right-color: rgb(22 101 52);
border-r-green-900 border-right-color: rgb(20 83 45);
border-r-emerald-50 border-right-color: rgb(236 253 245);
border-r-emerald-100 border-right-color: rgb(209 250 229);
border-r-emerald-200 border-right-color: rgb(167 243 208);
border-r-emerald-300 border-right-color: rgb(110 231 183);
border-r-emerald-400 border-right-color: rgb(52 211 153);
border-r-emerald-500 border-right-color: rgb(16 185 129);
border-r-emerald-600 border-right-color: rgb(5 150 105);
border-r-emerald-700 border-right-color: rgb(4 120 87);
border-r-emerald-800 border-right-color: rgb(6 95 70);
border-r-emerald-900 border-right-color: rgb(6 78 59);
border-r-teal-50 border-right-color: rgb(240 253 250);
border-r-teal-100 border-right-color: rgb(204 251 241);
border-r-teal-200 border-right-color: rgb(153 246 228);
border-r-teal-300 border-right-color: rgb(94 234 212);
border-r-teal-400 border-right-color: rgb(45 212 191);
border-r-teal-500 border-right-color: rgb(20 184 166);
border-r-teal-600 border-right-color: rgb(13 148 136);
border-r-teal-700 border-right-color: rgb(15 118 110);
border-r-teal-800 border-right-color: rgb(17 94 89);
border-r-teal-900 border-right-color: rgb(19 78 74);
border-r-cyan-50 border-right-color: rgb(236 254 255);
border-r-cyan-100 border-right-color: rgb(207 250 254);
border-r-cyan-200 border-right-color: rgb(165 243 252);
border-r-cyan-300 border-right-color: rgb(103 232 249);
border-r-cyan-400 border-right-color: rgb(34 211 238);
border-r-cyan-500 border-right-color: rgb(6 182 212);
border-r-cyan-600 border-right-color: rgb(8 145 178);
border-r-cyan-700 border-right-color: rgb(14 116 144);
border-r-cyan-800 border-right-color: rgb(21 94 117);
border-r-cyan-900 border-right-color: rgb(22 78 99);
border-r-sky-50 border-right-color: rgb(240 249 255);
border-r-sky-100 border-right-color: rgb(224 242 254);
border-r-sky-200 border-right-color: rgb(186 230 253);
border-r-sky-300 border-right-color: rgb(125 211 252);
border-r-sky-400 border-right-color: rgb(56 189 248);
border-r-sky-500 border-right-color: rgb(14 165 233);
border-r-sky-600 border-right-color: rgb(2 132 199);
border-r-sky-700 border-right-color: rgb(3 105 161);
border-r-sky-800 border-right-color: rgb(7 89 133);
border-r-sky-900 border-right-color: rgb(12 74 110);
border-r-blue-50 border-right-color: rgb(239 246 255);
border-r-blue-100 border-right-color: rgb(219 234 254);
border-r-blue-200 border-right-color: rgb(191 219 254);
border-r-blue-300 border-right-color: rgb(147 197 253);
border-r-blue-400 border-right-color: rgb(96 165 250);
border-r-blue-500 border-right-color: rgb(59 130 246);
border-r-blue-600 border-right-color: rgb(37 99 235);
border-r-blue-700 border-right-color: rgb(29 78 216);
border-r-blue-800 border-right-color: rgb(30 64 175);
border-r-blue-900 border-right-color: rgb(30 58 138);
border-r-indigo-50 border-right-color: rgb(238 242 255);
border-r-indigo-100 border-right-color: rgb(224 231 255);
border-r-indigo-200 border-right-color: rgb(199 210 254);
border-r-indigo-300 border-right-color: rgb(165 180 252);
border-r-indigo-400 border-right-color: rgb(129 140 248);
border-r-indigo-500 border-right-color: rgb(99 102 241);
border-r-indigo-600 border-right-color: rgb(79 70 229);
border-r-indigo-700 border-right-color: rgb(67 56 202);
border-r-indigo-800 border-right-color: rgb(55 48 163);
border-r-indigo-900 border-right-color: rgb(49 46 129);
border-r-violet-50 border-right-color: rgb(245 243 255);
border-r-violet-100 border-right-color: rgb(237 233 254);
border-r-violet-200 border-right-color: rgb(221 214 254);
border-r-violet-300 border-right-color: rgb(196 181 253);
border-r-violet-400 border-right-color: rgb(167 139 250);
border-r-violet-500 border-right-color: rgb(139 92 246);
border-r-violet-600 border-right-color: rgb(124 58 237);
border-r-violet-700 border-right-color: rgb(109 40 217);
border-r-violet-800 border-right-color: rgb(91 33 182);
border-r-violet-900 border-right-color: rgb(76 29 149);
border-r-purple-50 border-right-color: rgb(250 245 255);
border-r-purple-100 border-right-color: rgb(243 232 255);
border-r-purple-200 border-right-color: rgb(233 213 255);
border-r-purple-300 border-right-color: rgb(216 180 254);
border-r-purple-400 border-right-color: rgb(192 132 252);
border-r-purple-500 border-right-color: rgb(168 85 247);
border-r-purple-600 border-right-color: rgb(147 51 234);
border-r-purple-700 border-right-color: rgb(126 34 206);
border-r-purple-800 border-right-color: rgb(107 33 168);
border-r-purple-900 border-right-color: rgb(88 28 135);
border-r-fuchsia-50 border-right-color: rgb(253 244 255);
border-r-fuchsia-100 border-right-color: rgb(250 232 255);
border-r-fuchsia-200 border-right-color: rgb(245 208 254);
border-r-fuchsia-300 border-right-color: rgb(240 171 252);
border-r-fuchsia-400 border-right-color: rgb(232 121 249);
border-r-fuchsia-500 border-right-color: rgb(217 70 239);
border-r-fuchsia-600 border-right-color: rgb(192 38 211);
border-r-fuchsia-700 border-right-color: rgb(162 28 175);
border-r-fuchsia-800 border-right-color: rgb(134 25 143);
border-r-fuchsia-900 border-right-color: rgb(112 26 117);
border-r-pink-50 border-right-color: rgb(253 242 248);
border-r-pink-100 border-right-color: rgb(252 231 243);
border-r-pink-200 border-right-color: rgb(251 207 232);
border-r-pink-300 border-right-color: rgb(249 168 212);
border-r-pink-400 border-right-color: rgb(244 114 182);
border-r-pink-500 border-right-color: rgb(236 72 153);
border-r-pink-600 border-right-color: rgb(219 39 119);
border-r-pink-700 border-right-color: rgb(190 24 93);
border-r-pink-800 border-right-color: rgb(157 23 77);
border-r-pink-900 border-right-color: rgb(131 24 67);
border-r-rose-50 border-right-color: rgb(255 241 242);
border-r-rose-100 border-right-color: rgb(255 228 230);
border-r-rose-200 border-right-color: rgb(254 205 211);
border-r-rose-300 border-right-color: rgb(253 164 175);
border-r-rose-400 border-right-color: rgb(251 113 133);
border-r-rose-500 border-right-color: rgb(244 63 94);
border-r-rose-600 border-right-color: rgb(225 29 72);
border-r-rose-700 border-right-color: rgb(190 18 60);
border-r-rose-800 border-right-color: rgb(159 18 57);
border-r-rose-900 border-right-color: rgb(136 19 55);
border-b-inherit border-bottom-color: inherit;
border-b-current border-bottom-color: currentColor;
border-b-transparent border-bottom-color: transparent;
border-b-black border-bottom-color: rgb(0 0 0);
border-b-white border-bottom-color: rgb(255 255 255);
border-b-slate-50 border-bottom-color: rgb(248 250 252);
border-b-slate-100 border-bottom-color: rgb(241 245 249);
border-b-slate-200 border-bottom-color: rgb(226 232 240);
border-b-slate-300 border-bottom-color: rgb(203 213 225);
border-b-slate-400 border-bottom-color: rgb(148 163 184);
border-b-slate-500 border-bottom-color: rgb(100 116 139);
border-b-slate-600 border-bottom-color: rgb(71 85 105);
border-b-slate-700 border-bottom-color: rgb(51 65 85);
border-b-slate-800 border-bottom-color: rgb(30 41 59);
border-b-slate-900 border-bottom-color: rgb(15 23 42);
border-b-gray-50 border-bottom-color: rgb(249 250 251);
border-b-gray-100 border-bottom-color: rgb(243 244 246);
border-b-gray-200 border-bottom-color: rgb(229 231 235);
border-b-gray-300 border-bottom-color: rgb(209 213 219);
border-b-gray-400 border-bottom-color: rgb(156 163 175);
border-b-gray-500 border-bottom-color: rgb(107 114 128);
border-b-gray-600 border-bottom-color: rgb(75 85 99);
border-b-gray-700 border-bottom-color: rgb(55 65 81);
border-b-gray-800 border-bottom-color: rgb(31 41 55);
border-b-gray-900 border-bottom-color: rgb(17 24 39);
border-b-zinc-50 border-bottom-color: rgb(250 250 250);
border-b-zinc-100 border-bottom-color: rgb(244 244 245);
border-b-zinc-200 border-bottom-color: rgb(228 228 231);
border-b-zinc-300 border-bottom-color: rgb(212 212 216);
border-b-zinc-400 border-bottom-color: rgb(161 161 170);
border-b-zinc-500 border-bottom-color: rgb(113 113 122);
border-b-zinc-600 border-bottom-color: rgb(82 82 91);
border-b-zinc-700 border-bottom-color: rgb(63 63 70);
border-b-zinc-800 border-bottom-color: rgb(39 39 42);
border-b-zinc-900 border-bottom-color: rgb(24 24 27);
border-b-neutral-50 border-bottom-color: rgb(250 250 250);
border-b-neutral-100 border-bottom-color: rgb(245 245 245);
border-b-neutral-200 border-bottom-color: rgb(229 229 229);
border-b-neutral-300 border-bottom-color: rgb(212 212 212);
border-b-neutral-400 border-bottom-color: rgb(163 163 163);
border-b-neutral-500 border-bottom-color: rgb(115 115 115);
border-b-neutral-600 border-bottom-color: rgb(82 82 82);
border-b-neutral-700 border-bottom-color: rgb(64 64 64);
border-b-neutral-800 border-bottom-color: rgb(38 38 38);
border-b-neutral-900 border-bottom-color: rgb(23 23 23);
border-b-stone-50 border-bottom-color: rgb(250 250 249);
border-b-stone-100 border-bottom-color: rgb(245 245 244);
border-b-stone-200 border-bottom-color: rgb(231 229 228);
border-b-stone-300 border-bottom-color: rgb(214 211 209);
border-b-stone-400 border-bottom-color: rgb(168 162 158);
border-b-stone-500 border-bottom-color: rgb(120 113 108);
border-b-stone-600 border-bottom-color: rgb(87 83 78);
border-b-stone-700 border-bottom-color: rgb(68 64 60);
border-b-stone-800 border-bottom-color: rgb(41 37 36);
border-b-stone-900 border-bottom-color: rgb(28 25 23);
border-b-red-50 border-bottom-color: rgb(254 242 242);
border-b-red-100 border-bottom-color: rgb(254 226 226);
border-b-red-200 border-bottom-color: rgb(254 202 202);
border-b-red-300 border-bottom-color: rgb(252 165 165);
border-b-red-400 border-bottom-color: rgb(248 113 113);
border-b-red-500 border-bottom-color: rgb(239 68 68);
border-b-red-600 border-bottom-color: rgb(220 38 38);
border-b-red-700 border-bottom-color: rgb(185 28 28);
border-b-red-800 border-bottom-color: rgb(153 27 27);
border-b-red-900 border-bottom-color: rgb(127 29 29);
border-b-orange-50 border-bottom-color: rgb(255 247 237);
border-b-orange-100 border-bottom-color: rgb(255 237 213);
border-b-orange-200 border-bottom-color: rgb(254 215 170);
border-b-orange-300 border-bottom-color: rgb(253 186 116);
border-b-orange-400 border-bottom-color: rgb(251 146 60);
border-b-orange-500 border-bottom-color: rgb(249 115 22);
border-b-orange-600 border-bottom-color: rgb(234 88 12);
border-b-orange-700 border-bottom-color: rgb(194 65 12);
border-b-orange-800 border-bottom-color: rgb(154 52 18);
border-b-orange-900 border-bottom-color: rgb(124 45 18);
border-b-amber-50 border-bottom-color: rgb(255 251 235);
border-b-amber-100 border-bottom-color: rgb(254 243 199);
border-b-amber-200 border-bottom-color: rgb(253 230 138);
border-b-amber-300 border-bottom-color: rgb(252 211 77);
border-b-amber-400 border-bottom-color: rgb(251 191 36);
border-b-amber-500 border-bottom-color: rgb(245 158 11);
border-b-amber-600 border-bottom-color: rgb(217 119 6);
border-b-amber-700 border-bottom-color: rgb(180 83 9);
border-b-amber-800 border-bottom-color: rgb(146 64 14);
border-b-amber-900 border-bottom-color: rgb(120 53 15);
border-b-yellow-50 border-bottom-color: rgb(254 252 232);
border-b-yellow-100 border-bottom-color: rgb(254 249 195);
border-b-yellow-200 border-bottom-color: rgb(254 240 138);
border-b-yellow-300 border-bottom-color: rgb(253 224 71);
border-b-yellow-400 border-bottom-color: rgb(250 204 21);
border-b-yellow-500 border-bottom-color: rgb(234 179 8);
border-b-yellow-600 border-bottom-color: rgb(202 138 4);
border-b-yellow-700 border-bottom-color: rgb(161 98 7);
border-b-yellow-800 border-bottom-color: rgb(133 77 14);
border-b-yellow-900 border-bottom-color: rgb(113 63 18);
border-b-lime-50 border-bottom-color: rgb(247 254 231);
border-b-lime-100 border-bottom-color: rgb(236 252 203);
border-b-lime-200 border-bottom-color: rgb(217 249 157);
border-b-lime-300 border-bottom-color: rgb(190 242 100);
border-b-lime-400 border-bottom-color: rgb(163 230 53);
border-b-lime-500 border-bottom-color: rgb(132 204 22);
border-b-lime-600 border-bottom-color: rgb(101 163 13);
border-b-lime-700 border-bottom-color: rgb(77 124 15);
border-b-lime-800 border-bottom-color: rgb(63 98 18);
border-b-lime-900 border-bottom-color: rgb(54 83 20);
border-b-green-50 border-bottom-color: rgb(240 253 244);
border-b-green-100 border-bottom-color: rgb(220 252 231);
border-b-green-200 border-bottom-color: rgb(187 247 208);
border-b-green-300 border-bottom-color: rgb(134 239 172);
border-b-green-400 border-bottom-color: rgb(74 222 128);
border-b-green-500 border-bottom-color: rgb(34 197 94);
border-b-green-600 border-bottom-color: rgb(22 163 74);
border-b-green-700 border-bottom-color: rgb(21 128 61);
border-b-green-800 border-bottom-color: rgb(22 101 52);
border-b-green-900 border-bottom-color: rgb(20 83 45);
border-b-emerald-50 border-bottom-color: rgb(236 253 245);
border-b-emerald-100 border-bottom-color: rgb(209 250 229);
border-b-emerald-200 border-bottom-color: rgb(167 243 208);
border-b-emerald-300 border-bottom-color: rgb(110 231 183);
border-b-emerald-400 border-bottom-color: rgb(52 211 153);
border-b-emerald-500 border-bottom-color: rgb(16 185 129);
border-b-emerald-600 border-bottom-color: rgb(5 150 105);
border-b-emerald-700 border-bottom-color: rgb(4 120 87);
border-b-emerald-800 border-bottom-color: rgb(6 95 70);
border-b-emerald-900 border-bottom-color: rgb(6 78 59);
border-b-teal-50 border-bottom-color: rgb(240 253 250);
border-b-teal-100 border-bottom-color: rgb(204 251 241);
border-b-teal-200 border-bottom-color: rgb(153 246 228);
border-b-teal-300 border-bottom-color: rgb(94 234 212);
border-b-teal-400 border-bottom-color: rgb(45 212 191);
border-b-teal-500 border-bottom-color: rgb(20 184 166);
border-b-teal-600 border-bottom-color: rgb(13 148 136);
border-b-teal-700 border-bottom-color: rgb(15 118 110);
border-b-teal-800 border-bottom-color: rgb(17 94 89);
border-b-teal-900 border-bottom-color: rgb(19 78 74);
border-b-cyan-50 border-bottom-color: rgb(236 254 255);
border-b-cyan-100 border-bottom-color: rgb(207 250 254);
border-b-cyan-200 border-bottom-color: rgb(165 243 252);
border-b-cyan-300 border-bottom-color: rgb(103 232 249);
border-b-cyan-400 border-bottom-color: rgb(34 211 238);
border-b-cyan-500 border-bottom-color: rgb(6 182 212);
border-b-cyan-600 border-bottom-color: rgb(8 145 178);
border-b-cyan-700 border-bottom-color: rgb(14 116 144);
border-b-cyan-800 border-bottom-color: rgb(21 94 117);
border-b-cyan-900 border-bottom-color: rgb(22 78 99);
border-b-sky-50 border-bottom-color: rgb(240 249 255);
border-b-sky-100 border-bottom-color: rgb(224 242 254);
border-b-sky-200 border-bottom-color: rgb(186 230 253);
border-b-sky-300 border-bottom-color: rgb(125 211 252);
border-b-sky-400 border-bottom-color: rgb(56 189 248);
border-b-sky-500 border-bottom-color: rgb(14 165 233);
border-b-sky-600 border-bottom-color: rgb(2 132 199);
border-b-sky-700 border-bottom-color: rgb(3 105 161);
border-b-sky-800 border-bottom-color: rgb(7 89 133);
border-b-sky-900 border-bottom-color: rgb(12 74 110);
border-b-blue-50 border-bottom-color: rgb(239 246 255);
border-b-blue-100 border-bottom-color: rgb(219 234 254);
border-b-blue-200 border-bottom-color: rgb(191 219 254);
border-b-blue-300 border-bottom-color: rgb(147 197 253);
border-b-blue-400 border-bottom-color: rgb(96 165 250);
border-b-blue-500 border-bottom-color: rgb(59 130 246);
border-b-blue-600 border-bottom-color: rgb(37 99 235);
border-b-blue-700 border-bottom-color: rgb(29 78 216);
border-b-blue-800 border-bottom-color: rgb(30 64 175);
border-b-blue-900 border-bottom-color: rgb(30 58 138);
border-b-indigo-50 border-bottom-color: rgb(238 242 255);
border-b-indigo-100 border-bottom-color: rgb(224 231 255);
border-b-indigo-200 border-bottom-color: rgb(199 210 254);
border-b-indigo-300 border-bottom-color: rgb(165 180 252);
border-b-indigo-400 border-bottom-color: rgb(129 140 248);
border-b-indigo-500 border-bottom-color: rgb(99 102 241);
border-b-indigo-600 border-bottom-color: rgb(79 70 229);
border-b-indigo-700 border-bottom-color: rgb(67 56 202);
border-b-indigo-800 border-bottom-color: rgb(55 48 163);
border-b-indigo-900 border-bottom-color: rgb(49 46 129);
border-b-violet-50 border-bottom-color: rgb(245 243 255);
border-b-violet-100 border-bottom-color: rgb(237 233 254);
border-b-violet-200 border-bottom-color: rgb(221 214 254);
border-b-violet-300 border-bottom-color: rgb(196 181 253);
border-b-violet-400 border-bottom-color: rgb(167 139 250);
border-b-violet-500 border-bottom-color: rgb(139 92 246);
border-b-violet-600 border-bottom-color: rgb(124 58 237);
border-b-violet-700 border-bottom-color: rgb(109 40 217);
border-b-violet-800 border-bottom-color: rgb(91 33 182);
border-b-violet-900 border-bottom-color: rgb(76 29 149);
border-b-purple-50 border-bottom-color: rgb(250 245 255);
border-b-purple-100 border-bottom-color: rgb(243 232 255);
border-b-purple-200 border-bottom-color: rgb(233 213 255);
border-b-purple-300 border-bottom-color: rgb(216 180 254);
border-b-purple-400 border-bottom-color: rgb(192 132 252);
border-b-purple-500 border-bottom-color: rgb(168 85 247);
border-b-purple-600 border-bottom-color: rgb(147 51 234);
border-b-purple-700 border-bottom-color: rgb(126 34 206);
border-b-purple-800 border-bottom-color: rgb(107 33 168);
border-b-purple-900 border-bottom-color: rgb(88 28 135);
border-b-fuchsia-50 border-bottom-color: rgb(253 244 255);
border-b-fuchsia-100 border-bottom-color: rgb(250 232 255);
border-b-fuchsia-200 border-bottom-color: rgb(245 208 254);
border-b-fuchsia-300 border-bottom-color: rgb(240 171 252);
border-b-fuchsia-400 border-bottom-color: rgb(232 121 249);
border-b-fuchsia-500 border-bottom-color: rgb(217 70 239);
border-b-fuchsia-600 border-bottom-color: rgb(192 38 211);
border-b-fuchsia-700 border-bottom-color: rgb(162 28 175);
border-b-fuchsia-800 border-bottom-color: rgb(134 25 143);
border-b-fuchsia-900 border-bottom-color: rgb(112 26 117);
border-b-pink-50 border-bottom-color: rgb(253 242 248);
border-b-pink-100 border-bottom-color: rgb(252 231 243);
border-b-pink-200 border-bottom-color: rgb(251 207 232);
border-b-pink-300 border-bottom-color: rgb(249 168 212);
border-b-pink-400 border-bottom-color: rgb(244 114 182);
border-b-pink-500 border-bottom-color: rgb(236 72 153);
border-b-pink-600 border-bottom-color: rgb(219 39 119);
border-b-pink-700 border-bottom-color: rgb(190 24 93);
border-b-pink-800 border-bottom-color: rgb(157 23 77);
border-b-pink-900 border-bottom-color: rgb(131 24 67);
border-b-rose-50 border-bottom-color: rgb(255 241 242);
border-b-rose-100 border-bottom-color: rgb(255 228 230);
border-b-rose-200 border-bottom-color: rgb(254 205 211);
border-b-rose-300 border-bottom-color: rgb(253 164 175);
border-b-rose-400 border-bottom-color: rgb(251 113 133);
border-b-rose-500 border-bottom-color: rgb(244 63 94);
border-b-rose-600 border-bottom-color: rgb(225 29 72);
border-b-rose-700 border-bottom-color: rgb(190 18 60);
border-b-rose-800 border-bottom-color: rgb(159 18 57);
border-b-rose-900 border-bottom-color: rgb(136 19 55);
border-l-inherit border-left-color: inherit;
border-l-current border-left-color: currentColor;
border-l-transparent border-left-color: transparent;
border-l-black border-left-color: rgb(0 0 0);
border-l-white border-left-color: rgb(255 255 255);
border-l-slate-50 border-left-color: rgb(248 250 252);
border-l-slate-100 border-left-color: rgb(241 245 249);
border-l-slate-200 border-left-color: rgb(226 232 240);
border-l-slate-300 border-left-color: rgb(203 213 225);
border-l-slate-400 border-left-color: rgb(148 163 184);
border-l-slate-500 border-left-color: rgb(100 116 139);
border-l-slate-600 border-left-color: rgb(71 85 105);
border-l-slate-700 border-left-color: rgb(51 65 85);
border-l-slate-800 border-left-color: rgb(30 41 59);
border-l-slate-900 border-left-color: rgb(15 23 42);
border-l-gray-50 border-left-color: rgb(249 250 251);
border-l-gray-100 border-left-color: rgb(243 244 246);
border-l-gray-200 border-left-color: rgb(229 231 235);
border-l-gray-300 border-left-color: rgb(209 213 219);
border-l-gray-400 border-left-color: rgb(156 163 175);
border-l-gray-500 border-left-color: rgb(107 114 128);
border-l-gray-600 border-left-color: rgb(75 85 99);
border-l-gray-700 border-left-color: rgb(55 65 81);
border-l-gray-800 border-left-color: rgb(31 41 55);
border-l-gray-900 border-left-color: rgb(17 24 39);
border-l-zinc-50 border-left-color: rgb(250 250 250);
border-l-zinc-100 border-left-color: rgb(244 244 245);
border-l-zinc-200 border-left-color: rgb(228 228 231);
border-l-zinc-300 border-left-color: rgb(212 212 216);
border-l-zinc-400 border-left-color: rgb(161 161 170);
border-l-zinc-500 border-left-color: rgb(113 113 122);
border-l-zinc-600 border-left-color: rgb(82 82 91);
border-l-zinc-700 border-left-color: rgb(63 63 70);
border-l-zinc-800 border-left-color: rgb(39 39 42);
border-l-zinc-900 border-left-color: rgb(24 24 27);
border-l-neutral-50 border-left-color: rgb(250 250 250);
border-l-neutral-100 border-left-color: rgb(245 245 245);
border-l-neutral-200 border-left-color: rgb(229 229 229);
border-l-neutral-300 border-left-color: rgb(212 212 212);
border-l-neutral-400 border-left-color: rgb(163 163 163);
border-l-neutral-500 border-left-color: rgb(115 115 115);
border-l-neutral-600 border-left-color: rgb(82 82 82);
border-l-neutral-700 border-left-color: rgb(64 64 64);
border-l-neutral-800 border-left-color: rgb(38 38 38);
border-l-neutral-900 border-left-color: rgb(23 23 23);
border-l-stone-50 border-left-color: rgb(250 250 249);
border-l-stone-100 border-left-color: rgb(245 245 244);
border-l-stone-200 border-left-color: rgb(231 229 228);
border-l-stone-300 border-left-color: rgb(214 211 209);
border-l-stone-400 border-left-color: rgb(168 162 158);
border-l-stone-500 border-left-color: rgb(120 113 108);
border-l-stone-600 border-left-color: rgb(87 83 78);
border-l-stone-700 border-left-color: rgb(68 64 60);
border-l-stone-800 border-left-color: rgb(41 37 36);
border-l-stone-900 border-left-color: rgb(28 25 23);
border-l-red-50 border-left-color: rgb(254 242 242);
border-l-red-100 border-left-color: rgb(254 226 226);
border-l-red-200 border-left-color: rgb(254 202 202);
border-l-red-300 border-left-color: rgb(252 165 165);
border-l-red-400 border-left-color: rgb(248 113 113);
border-l-red-500 border-left-color: rgb(239 68 68);
border-l-red-600 border-left-color: rgb(220 38 38);
border-l-red-700 border-left-color: rgb(185 28 28);
border-l-red-800 border-left-color: rgb(153 27 27);
border-l-red-900 border-left-color: rgb(127 29 29);
border-l-orange-50 border-left-color: rgb(255 247 237);
border-l-orange-100 border-left-color: rgb(255 237 213);
border-l-orange-200 border-left-color: rgb(254 215 170);
border-l-orange-300 border-left-color: rgb(253 186 116);
border-l-orange-400 border-left-color: rgb(251 146 60);
border-l-orange-500 border-left-color: rgb(249 115 22);
border-l-orange-600 border-left-color: rgb(234 88 12);
border-l-orange-700 border-left-color: rgb(194 65 12);
border-l-orange-800 border-left-color: rgb(154 52 18);
border-l-orange-900 border-left-color: rgb(124 45 18);
border-l-amber-50 border-left-color: rgb(255 251 235);
border-l-amber-100 border-left-color: rgb(254 243 199);
border-l-amber-200 border-left-color: rgb(253 230 138);
border-l-amber-300 border-left-color: rgb(252 211 77);
border-l-amber-400 border-left-color: rgb(251 191 36);
border-l-amber-500 border-left-color: rgb(245 158 11);
border-l-amber-600 border-left-color: rgb(217 119 6);
border-l-amber-700 border-left-color: rgb(180 83 9);
border-l-amber-800 border-left-color: rgb(146 64 14);
border-l-amber-900 border-left-color: rgb(120 53 15);
border-l-yellow-50 border-left-color: rgb(254 252 232);
border-l-yellow-100 border-left-color: rgb(254 249 195);
border-l-yellow-200 border-left-color: rgb(254 240 138);
border-l-yellow-300 border-left-color: rgb(253 224 71);
border-l-yellow-400 border-left-color: rgb(250 204 21);
border-l-yellow-500 border-left-color: rgb(234 179 8);
border-l-yellow-600 border-left-color: rgb(202 138 4);
border-l-yellow-700 border-left-color: rgb(161 98 7);
border-l-yellow-800 border-left-color: rgb(133 77 14);
border-l-yellow-900 border-left-color: rgb(113 63 18);
border-l-lime-50 border-left-color: rgb(247 254 231);
border-l-lime-100 border-left-color: rgb(236 252 203);
border-l-lime-200 border-left-color: rgb(217 249 157);
border-l-lime-300 border-left-color: rgb(190 242 100);
border-l-lime-400 border-left-color: rgb(163 230 53);
border-l-lime-500 border-left-color: rgb(132 204 22);
border-l-lime-600 border-left-color: rgb(101 163 13);
border-l-lime-700 border-left-color: rgb(77 124 15);
border-l-lime-800 border-left-color: rgb(63 98 18);
border-l-lime-900 border-left-color: rgb(54 83 20);
border-l-green-50 border-left-color: rgb(240 253 244);
border-l-green-100 border-left-color: rgb(220 252 231);
border-l-green-200 border-left-color: rgb(187 247 208);
border-l-green-300 border-left-color: rgb(134 239 172);
border-l-green-400 border-left-color: rgb(74 222 128);
border-l-green-500 border-left-color: rgb(34 197 94);
border-l-green-600 border-left-color: rgb(22 163 74);
border-l-green-700 border-left-color: rgb(21 128 61);
border-l-green-800 border-left-color: rgb(22 101 52);
border-l-green-900 border-left-color: rgb(20 83 45);
border-l-emerald-50 border-left-color: rgb(236 253 245);
border-l-emerald-100 border-left-color: rgb(209 250 229);
border-l-emerald-200 border-left-color: rgb(167 243 208);
border-l-emerald-300 border-left-color: rgb(110 231 183);
border-l-emerald-400 border-left-color: rgb(52 211 153);
border-l-emerald-500 border-left-color: rgb(16 185 129);
border-l-emerald-600 border-left-color: rgb(5 150 105);
border-l-emerald-700 border-left-color: rgb(4 120 87);
border-l-emerald-800 border-left-color: rgb(6 95 70);
border-l-emerald-900 border-left-color: rgb(6 78 59);
border-l-teal-50 border-left-color: rgb(240 253 250);
border-l-teal-100 border-left-color: rgb(204 251 241);
border-l-teal-200 border-left-color: rgb(153 246 228);
border-l-teal-300 border-left-color: rgb(94 234 212);
border-l-teal-400 border-left-color: rgb(45 212 191);
border-l-teal-500 border-left-color: rgb(20 184 166);
border-l-teal-600 border-left-color: rgb(13 148 136);
border-l-teal-700 border-left-color: rgb(15 118 110);
border-l-teal-800 border-left-color: rgb(17 94 89);
border-l-teal-900 border-left-color: rgb(19 78 74);
border-l-cyan-50 border-left-color: rgb(236 254 255);
border-l-cyan-100 border-left-color: rgb(207 250 254);
border-l-cyan-200 border-left-color: rgb(165 243 252);
border-l-cyan-300 border-left-color: rgb(103 232 249);
border-l-cyan-400 border-left-color: rgb(34 211 238);
border-l-cyan-500 border-left-color: rgb(6 182 212);
border-l-cyan-600 border-left-color: rgb(8 145 178);
border-l-cyan-700 border-left-color: rgb(14 116 144);
border-l-cyan-800 border-left-color: rgb(21 94 117);
border-l-cyan-900 border-left-color: rgb(22 78 99);
border-l-sky-50 border-left-color: rgb(240 249 255);
border-l-sky-100 border-left-color: rgb(224 242 254);
border-l-sky-200 border-left-color: rgb(186 230 253);
border-l-sky-300 border-left-color: rgb(125 211 252);
border-l-sky-400 border-left-color: rgb(56 189 248);
border-l-sky-500 border-left-color: rgb(14 165 233);
border-l-sky-600 border-left-color: rgb(2 132 199);
border-l-sky-700 border-left-color: rgb(3 105 161);
border-l-sky-800 border-left-color: rgb(7 89 133);
border-l-sky-900 border-left-color: rgb(12 74 110);
border-l-blue-50 border-left-color: rgb(239 246 255);
border-l-blue-100 border-left-color: rgb(219 234 254);
border-l-blue-200 border-left-color: rgb(191 219 254);
border-l-blue-300 border-left-color: rgb(147 197 253);
border-l-blue-400 border-left-color: rgb(96 165 250);
border-l-blue-500 border-left-color: rgb(59 130 246);
border-l-blue-600 border-left-color: rgb(37 99 235);
border-l-blue-700 border-left-color: rgb(29 78 216);
border-l-blue-800 border-left-color: rgb(30 64 175);
border-l-blue-900 border-left-color: rgb(30 58 138);
border-l-indigo-50 border-left-color: rgb(238 242 255);
border-l-indigo-100 border-left-color: rgb(224 231 255);
border-l-indigo-200 border-left-color: rgb(199 210 254);
border-l-indigo-300 border-left-color: rgb(165 180 252);
border-l-indigo-400 border-left-color: rgb(129 140 248);
border-l-indigo-500 border-left-color: rgb(99 102 241);
border-l-indigo-600 border-left-color: rgb(79 70 229);
border-l-indigo-700 border-left-color: rgb(67 56 202);
border-l-indigo-800 border-left-color: rgb(55 48 163);
border-l-indigo-900 border-left-color: rgb(49 46 129);
border-l-violet-50 border-left-color: rgb(245 243 255);
border-l-violet-100 border-left-color: rgb(237 233 254);
border-l-violet-200 border-left-color: rgb(221 214 254);
border-l-violet-300 border-left-color: rgb(196 181 253);
border-l-violet-400 border-left-color: rgb(167 139 250);
border-l-violet-500 border-left-color: rgb(139 92 246);
border-l-violet-600 border-left-color: rgb(124 58 237);
border-l-violet-700 border-left-color: rgb(109 40 217);
border-l-violet-800 border-left-color: rgb(91 33 182);
border-l-violet-900 border-left-color: rgb(76 29 149);
border-l-purple-50 border-left-color: rgb(250 245 255);
border-l-purple-100 border-left-color: rgb(243 232 255);
border-l-purple-200 border-left-color: rgb(233 213 255);
border-l-purple-300 border-left-color: rgb(216 180 254);
border-l-purple-400 border-left-color: rgb(192 132 252);
border-l-purple-500 border-left-color: rgb(168 85 247);
border-l-purple-600 border-left-color: rgb(147 51 234);
border-l-purple-700 border-left-color: rgb(126 34 206);
border-l-purple-800 border-left-color: rgb(107 33 168);
border-l-purple-900 border-left-color: rgb(88 28 135);
border-l-fuchsia-50 border-left-color: rgb(253 244 255);
border-l-fuchsia-100 border-left-color: rgb(250 232 255);
border-l-fuchsia-200 border-left-color: rgb(245 208 254);
border-l-fuchsia-300 border-left-color: rgb(240 171 252);
border-l-fuchsia-400 border-left-color: rgb(232 121 249);
border-l-fuchsia-500 border-left-color: rgb(217 70 239);
border-l-fuchsia-600 border-left-color: rgb(192 38 211);
border-l-fuchsia-700 border-left-color: rgb(162 28 175);
border-l-fuchsia-800 border-left-color: rgb(134 25 143);
border-l-fuchsia-900 border-left-color: rgb(112 26 117);
border-l-pink-50 border-left-color: rgb(253 242 248);
border-l-pink-100 border-left-color: rgb(252 231 243);
border-l-pink-200 border-left-color: rgb(251 207 232);
border-l-pink-300 border-left-color: rgb(249 168 212);
border-l-pink-400 border-left-color: rgb(244 114 182);
border-l-pink-500 border-left-color: rgb(236 72 153);
border-l-pink-600 border-left-color: rgb(219 39 119);
border-l-pink-700 border-left-color: rgb(190 24 93);
border-l-pink-800 border-left-color: rgb(157 23 77);
border-l-pink-900 border-left-color: rgb(131 24 67);
border-l-rose-50 border-left-color: rgb(255 241 242);
border-l-rose-100 border-left-color: rgb(255 228 230);
border-l-rose-200 border-left-color: rgb(254 205 211);
border-l-rose-300 border-left-color: rgb(253 164 175);
border-l-rose-400 border-left-color: rgb(251 113 133);
border-l-rose-500 border-left-color: rgb(244 63 94);
border-l-rose-600 border-left-color: rgb(225 29 72);
border-l-rose-700 border-left-color: rgb(190 18 60);
border-l-rose-800 border-left-color: rgb(159 18 57);
border-l-rose-900 border-left-color: rgb(136 19 55);

Divide Width

https://tailwindcss.com/docs/divide-width

Divide Color

https://tailwindcss.com/docs/divide-color

Divide Style

https://tailwindcss.com/docs/divide-style

Outline Width

https://tailwindcss.com/docs/outline-width

Class name Properties
outline-0 outline-width: 0px;
outline-1 outline-width: 1px;
outline-2 outline-width: 2px;
outline-4 outline-width: 4px;
outline-8 outline-width: 8px;

Outline Color

https://tailwindcss.com/docs/outline-color

Class name Properties
outline-inherit outline-color: inherit;
outline-current outline-color: currentColor;
outline-transparent outline-color: transparent;
outline-black outline-color: #000;
outline-white outline-color: #fff;
outline-slate-50 outline-color: #f8fafc;
outline-slate-100 outline-color: #f1f5f9;
outline-slate-200 outline-color: #e2e8f0;
outline-slate-300 outline-color: #cbd5e1;
outline-slate-400 outline-color: #94a3b8;
outline-slate-500 outline-color: #64748b;
outline-slate-600 outline-color: #475569;
outline-slate-700 outline-color: #334155;
outline-slate-800 outline-color: #1e293b;
outline-slate-900 outline-color: #0f172a;
outline-gray-50 outline-color: #f9fafb;
outline-gray-100 outline-color: #f3f4f6;
outline-gray-200 outline-color: #e5e7eb;
outline-gray-300 outline-color: #d1d5db;
outline-gray-400 outline-color: #9ca3af;
outline-gray-500 outline-color: #6b7280;
outline-gray-600 outline-color: #4b5563;
outline-gray-700 outline-color: #374151;
outline-gray-800 outline-color: #1f2937;
outline-gray-900 outline-color: #111827;
outline-zinc-50 outline-color: #fafafa;
outline-zinc-100 outline-color: #f4f4f5;
outline-zinc-200 outline-color: #e4e4e7;
outline-zinc-300 outline-color: #d4d4d8;
outline-zinc-400 outline-color: #a1a1aa;
outline-zinc-500 outline-color: #71717a;
outline-zinc-600 outline-color: #52525b;
outline-zinc-700 outline-color: #3f3f46;
outline-zinc-800 outline-color: #27272a;
outline-zinc-900 outline-color: #18181b;
outline-neutral-50 outline-color: #fafafa;
outline-neutral-100 outline-color: #f5f5f5;
outline-neutral-200 outline-color: #e5e5e5;
outline-neutral-300 outline-color: #d4d4d4;
outline-neutral-400 outline-color: #a3a3a3;
outline-neutral-500 outline-color: #737373;
outline-neutral-600 outline-color: #525252;
outline-neutral-700 outline-color: #404040;
outline-neutral-800 outline-color: #262626;
outline-neutral-900 outline-color: #171717;
outline-stone-50 outline-color: #fafaf9;
outline-stone-100 outline-color: #f5f5f4;
outline-stone-200 outline-color: #e7e5e4;
outline-stone-300 outline-color: #d6d3d1;
outline-stone-400 outline-color: #a8a29e;
outline-stone-500 outline-color: #78716c;
outline-stone-600 outline-color: #57534e;
outline-stone-700 outline-color: #44403c;
outline-stone-800 outline-color: #292524;
outline-stone-900 outline-color: #1c1917;
outline-red-50 outline-color: #fef2f2;
outline-red-100 outline-color: #fee2e2;
outline-red-200 outline-color: #fecaca;
outline-red-300 outline-color: #fca5a5;
outline-red-400 outline-color: #f87171;
outline-red-500 outline-color: #ef4444;
outline-red-600 outline-color: #dc2626;
outline-red-700 outline-color: #b91c1c;
outline-red-800 outline-color: #991b1b;
outline-red-900 outline-color: #7f1d1d;
outline-orange-50 outline-color: #fff7ed;
outline-orange-100 outline-color: #ffedd5;
outline-orange-200 outline-color: #fed7aa;
outline-orange-300 outline-color: #fdba74;
outline-orange-400 outline-color: #fb923c;
outline-orange-500 outline-color: #f97316;
outline-orange-600 outline-color: #ea580c;
outline-orange-700 outline-color: #c2410c;
outline-orange-800 outline-color: #9a3412;
outline-orange-900 outline-color: #7c2d12;
outline-amber-50 outline-color: #fffbeb;
outline-amber-100 outline-color: #fef3c7;
outline-amber-200 outline-color: #fde68a;
outline-amber-300 outline-color: #fcd34d;
outline-amber-400 outline-color: #fbbf24;
outline-amber-500 outline-color: #f59e0b;
outline-amber-600 outline-color: #d97706;
outline-amber-700 outline-color: #b45309;
outline-amber-800 outline-color: #92400e;
outline-amber-900 outline-color: #78350f;
outline-yellow-50 outline-color: #fefce8;
outline-yellow-100 outline-color: #fef9c3;
outline-yellow-200 outline-color: #fef08a;
outline-yellow-300 outline-color: #fde047;
outline-yellow-400 outline-color: #facc15;
outline-yellow-500 outline-color: #eab308;
outline-yellow-600 outline-color: #ca8a04;
outline-yellow-700 outline-color: #a16207;
outline-yellow-800 outline-color: #854d0e;
outline-yellow-900 outline-color: #713f12;
outline-lime-50 outline-color: #f7fee7;
outline-lime-100 outline-color: #ecfccb;
outline-lime-200 outline-color: #d9f99d;
outline-lime-300 outline-color: #bef264;
outline-lime-400 outline-color: #a3e635;
outline-lime-500 outline-color: #84cc16;
outline-lime-600 outline-color: #65a30d;
outline-lime-700 outline-color: #4d7c0f;
outline-lime-800 outline-color: #3f6212;
outline-lime-900 outline-color: #365314;
outline-green-50 outline-color: #f0fdf4;
outline-green-100 outline-color: #dcfce7;
outline-green-200 outline-color: #bbf7d0;
outline-green-300 outline-color: #86efac;
outline-green-400 outline-color: #4ade80;
outline-green-500 outline-color: #22c55e;
outline-green-600 outline-color: #16a34a;
outline-green-700 outline-color: #15803d;
outline-green-800 outline-color: #166534;
outline-green-900 outline-color: #14532d;
outline-emerald-50 outline-color: #ecfdf5;
outline-emerald-100 outline-color: #d1fae5;
outline-emerald-200 outline-color: #a7f3d0;
outline-emerald-300 outline-color: #6ee7b7;
outline-emerald-400 outline-color: #34d399;
outline-emerald-500 outline-color: #10b981;
outline-emerald-600 outline-color: #059669;
outline-emerald-700 outline-color: #047857;
outline-emerald-800 outline-color: #065f46;
outline-emerald-900 outline-color: #064e3b;
outline-teal-50 outline-color: #f0fdfa;
outline-teal-100 outline-color: #ccfbf1;
outline-teal-200 outline-color: #99f6e4;
outline-teal-300 outline-color: #5eead4;
outline-teal-400 outline-color: #2dd4bf;
outline-teal-500 outline-color: #14b8a6;
outline-teal-600 outline-color: #0d9488;
outline-teal-700 outline-color: #0f766e;
outline-teal-800 outline-color: #115e59;
outline-teal-900 outline-color: #134e4a;
outline-cyan-50 outline-color: #ecfeff;
outline-cyan-100 outline-color: #cffafe;
outline-cyan-200 outline-color: #a5f3fc;
outline-cyan-300 outline-color: #67e8f9;
outline-cyan-400 outline-color: #22d3ee;
outline-cyan-500 outline-color: #06b6d4;
outline-cyan-600 outline-color: #0891b2;
outline-cyan-700 outline-color: #0e7490;
outline-cyan-800 outline-color: #155e75;
outline-cyan-900 outline-color: #164e63;
outline-sky-50 outline-color: #f0f9ff;
outline-sky-100 outline-color: #e0f2fe;
outline-sky-200 outline-color: #bae6fd;
outline-sky-300 outline-color: #7dd3fc;
outline-sky-400 outline-color: #38bdf8;
outline-sky-500 outline-color: #0ea5e9;
outline-sky-600 outline-color: #0284c7;
outline-sky-700 outline-color: #0369a1;
outline-sky-800 outline-color: #075985;
outline-sky-900 outline-color: #0c4a6e;
outline-blue-50 outline-color: #eff6ff;
outline-blue-100 outline-color: #dbeafe;
outline-blue-200 outline-color: #bfdbfe;
outline-blue-300 outline-color: #93c5fd;
outline-blue-400 outline-color: #60a5fa;
outline-blue-500 outline-color: #3b82f6;
outline-blue-600 outline-color: #2563eb;
outline-blue-700 outline-color: #1d4ed8;
outline-blue-800 outline-color: #1e40af;
outline-blue-900 outline-color: #1e3a8a;
outline-indigo-50 outline-color: #eef2ff;
outline-indigo-100 outline-color: #e0e7ff;
outline-indigo-200 outline-color: #c7d2fe;
outline-indigo-300 outline-color: #a5b4fc;
outline-indigo-400 outline-color: #818cf8;
outline-indigo-500 outline-color: #6366f1;
outline-indigo-600 outline-color: #4f46e5;
outline-indigo-700 outline-color: #4338ca;
outline-indigo-800 outline-color: #3730a3;
outline-indigo-900 outline-color: #312e81;
outline-violet-50 outline-color: #f5f3ff;
outline-violet-100 outline-color: #ede9fe;
outline-violet-200 outline-color: #ddd6fe;
outline-violet-300 outline-color: #c4b5fd;
outline-violet-400 outline-color: #a78bfa;
outline-violet-500 outline-color: #8b5cf6;
outline-violet-600 outline-color: #7c3aed;
outline-violet-700 outline-color: #6d28d9;
outline-violet-800 outline-color: #5b21b6;
outline-violet-900 outline-color: #4c1d95;
outline-purple-50 outline-color: #faf5ff;
outline-purple-100 outline-color: #f3e8ff;
outline-purple-200 outline-color: #e9d5ff;
outline-purple-300 outline-color: #d8b4fe;
outline-purple-400 outline-color: #c084fc;
outline-purple-500 outline-color: #a855f7;
outline-purple-600 outline-color: #9333ea;
outline-purple-700 outline-color: #7e22ce;
outline-purple-800 outline-color: #6b21a8;
outline-purple-900 outline-color: #581c87;
outline-fuchsia-50 outline-color: #fdf4ff;
outline-fuchsia-100 outline-color: #fae8ff;
outline-fuchsia-200 outline-color: #f5d0fe;
outline-fuchsia-300 outline-color: #f0abfc;
outline-fuchsia-400 outline-color: #e879f9;
outline-fuchsia-500 outline-color: #d946ef;
outline-fuchsia-600 outline-color: #c026d3;
outline-fuchsia-700 outline-color: #a21caf;
outline-fuchsia-800 outline-color: #86198f;
outline-fuchsia-900 outline-color: #701a75;
outline-pink-50 outline-color: #fdf2f8;
outline-pink-100 outline-color: #fce7f3;
outline-pink-200 outline-color: #fbcfe8;
outline-pink-300 outline-color: #f9a8d4;
outline-pink-400 outline-color: #f472b6;
outline-pink-500 outline-color: #ec4899;
outline-pink-600 outline-color: #db2777;
outline-pink-700 outline-color: #be185d;
outline-pink-800 outline-color: #9d174d;
outline-pink-900 outline-color: #831843;
outline-rose-50 outline-color: #fff1f2;
outline-rose-100 outline-color: #ffe4e6;
outline-rose-200 outline-color: #fecdd3;
outline-rose-300 outline-color: #fda4af;
outline-rose-400 outline-color: #fb7185;
outline-rose-500 outline-color: #f43f5e;
outline-rose-600 outline-color: #e11d48;
outline-rose-700 outline-color: #be123c;
outline-rose-800 outline-color: #9f1239;
outline-rose-900 outline-color: #881337;

Outline Style

https://tailwindcss.com/docs/outline-style

Class name Properties
outline-none outline: 2px solid transparent; outline-offset: 2px;
outline outline-style: solid;
outline-dashed outline-style: dashed;
outline-dotted outline-style: dotted;
outline-double outline-style: double;

Outline Offset

https://tailwindcss.com/docs/outline-offset

Class name Properties
outline-offset-0 outline-offset: 0px;
outline-offset-1 outline-offset: 1px;
outline-offset-2 outline-offset: 2px;
outline-offset-4 outline-offset: 4px;
outline-offset-8 outline-offset: 8px;

Ring Width

https://tailwindcss.com/docs/ring-width

Class name Properties
ring-0 box-shadow: var(–tw-ring-inset) 0 0 0 calc(0px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring-1 box-shadow: var(–tw-ring-inset) 0 0 0 calc(1px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring-2 box-shadow: var(–tw-ring-inset) 0 0 0 calc(2px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring box-shadow: var(–tw-ring-inset) 0 0 0 calc(3px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring-4 box-shadow: var(–tw-ring-inset) 0 0 0 calc(4px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring-8 box-shadow: var(–tw-ring-inset) 0 0 0 calc(8px + var(–tw-ring-offset-width)) var(–tw-ring-color);
ring-inset –tw-ring-inset: inset;

Ring Color

https://tailwindcss.com/docs/ring-color

Class name Properties
ring-inherit –tw-ring-color: inherit;
ring-current –tw-ring-color: currentColor;
ring-transparent –tw-ring-color: transparent;
ring-black –tw-ring-color: rgb(0 0 0);
ring-white –tw-ring-color: rgb(255 255 255);
ring-slate-50 –tw-ring-color: rgb(248 250 252);
ring-slate-100 –tw-ring-color: rgb(241 245 249);
ring-slate-200 –tw-ring-color: rgb(226 232 240);
ring-slate-300 –tw-ring-color: rgb(203 213 225);
ring-slate-400 –tw-ring-color: rgb(148 163 184);
ring-slate-500 –tw-ring-color: rgb(100 116 139);
ring-slate-600 –tw-ring-color: rgb(71 85 105);
ring-slate-700 –tw-ring-color: rgb(51 65 85);
ring-slate-800 –tw-ring-color: rgb(30 41 59);
ring-slate-900 –tw-ring-color: rgb(15 23 42);
ring-gray-50 –tw-ring-color: rgb(249 250 251);
ring-gray-100 –tw-ring-color: rgb(243 244 246);
ring-gray-200 –tw-ring-color: rgb(229 231 235);
ring-gray-300 –tw-ring-color: rgb(209 213 219);
ring-gray-400 –tw-ring-color: rgb(156 163 175);
ring-gray-500 –tw-ring-color: rgb(107 114 128);
ring-gray-600 –tw-ring-color: rgb(75 85 99);
ring-gray-700 –tw-ring-color: rgb(55 65 81);
ring-gray-800 –tw-ring-color: rgb(31 41 55);
ring-gray-900 –tw-ring-color: rgb(17 24 39);
ring-zinc-50 –tw-ring-color: rgb(250 250 250);
ring-zinc-100 –tw-ring-color: rgb(244 244 245);
ring-zinc-200 –tw-ring-color: rgb(228 228 231);
ring-zinc-300 –tw-ring-color: rgb(212 212 216);
ring-zinc-400 –tw-ring-color: rgb(161 161 170);
ring-zinc-500 –tw-ring-color: rgb(113 113 122);
ring-zinc-600 –tw-ring-color: rgb(82 82 91);
ring-zinc-700 –tw-ring-color: rgb(63 63 70);
ring-zinc-800 –tw-ring-color: rgb(39 39 42);
ring-zinc-900 –tw-ring-color: rgb(24 24 27);
ring-neutral-50 –tw-ring-color: rgb(250 250 250);
ring-neutral-100 –tw-ring-color: rgb(245 245 245);
ring-neutral-200 –tw-ring-color: rgb(229 229 229);
ring-neutral-300 –tw-ring-color: rgb(212 212 212);
ring-neutral-400 –tw-ring-color: rgb(163 163 163);
ring-neutral-500 –tw-ring-color: rgb(115 115 115);
ring-neutral-600 –tw-ring-color: rgb(82 82 82);
ring-neutral-700 –tw-ring-color: rgb(64 64 64);
ring-neutral-800 –tw-ring-color: rgb(38 38 38);
ring-neutral-900 –tw-ring-color: rgb(23 23 23);
ring-stone-50 –tw-ring-color: rgb(250 250 249);
ring-stone-100 –tw-ring-color: rgb(245 245 244);
ring-stone-200 –tw-ring-color: rgb(231 229 228);
ring-stone-300 –tw-ring-color: rgb(214 211 209);
ring-stone-400 –tw-ring-color: rgb(168 162 158);
ring-stone-500 –tw-ring-color: rgb(120 113 108);
ring-stone-600 –tw-ring-color: rgb(87 83 78);
ring-stone-700 –tw-ring-color: rgb(68 64 60);
ring-stone-800 –tw-ring-color: rgb(41 37 36);
ring-stone-900 –tw-ring-color: rgb(28 25 23);
ring-red-50 –tw-ring-color: rgb(254 242 242);
ring-red-100 –tw-ring-color: rgb(254 226 226);
ring-red-200 –tw-ring-color: rgb(254 202 202);
ring-red-300 –tw-ring-color: rgb(252 165 165);
ring-red-400 –tw-ring-color: rgb(248 113 113);
ring-red-500 –tw-ring-color: rgb(239 68 68);
ring-red-600 –tw-ring-color: rgb(220 38 38);
ring-red-700 –tw-ring-color: rgb(185 28 28);
ring-red-800 –tw-ring-color: rgb(153 27 27);
ring-red-900 –tw-ring-color: rgb(127 29 29);
ring-orange-50 –tw-ring-color: rgb(255 247 237);
ring-orange-100 –tw-ring-color: rgb(255 237 213);
ring-orange-200 –tw-ring-color: rgb(254 215 170);
ring-orange-300 –tw-ring-color: rgb(253 186 116);
ring-orange-400 –tw-ring-color: rgb(251 146 60);
ring-orange-500 –tw-ring-color: rgb(249 115 22);
ring-orange-600 –tw-ring-color: rgb(234 88 12);
ring-orange-700 –tw-ring-color: rgb(194 65 12);
ring-orange-800 –tw-ring-color: rgb(154 52 18);
ring-orange-900 –tw-ring-color: rgb(124 45 18);
ring-amber-50 –tw-ring-color: rgb(255 251 235);
ring-amber-100 –tw-ring-color: rgb(254 243 199);
ring-amber-200 –tw-ring-color: rgb(253 230 138);
ring-amber-300 –tw-ring-color: rgb(252 211 77);
ring-amber-400 –tw-ring-color: rgb(251 191 36);
ring-amber-500 –tw-ring-color: rgb(245 158 11);
ring-amber-600 –tw-ring-color: rgb(217 119 6);
ring-amber-700 –tw-ring-color: rgb(180 83 9);
ring-amber-800 –tw-ring-color: rgb(146 64 14);
ring-amber-900 –tw-ring-color: rgb(120 53 15);
ring-yellow-50 –tw-ring-color: rgb(254 252 232);
ring-yellow-100 –tw-ring-color: rgb(254 249 195);
ring-yellow-200 –tw-ring-color: rgb(254 240 138);
ring-yellow-300 –tw-ring-color: rgb(253 224 71);
ring-yellow-400 –tw-ring-color: rgb(250 204 21);
ring-yellow-500 –tw-ring-color: rgb(234 179 8);
ring-yellow-600 –tw-ring-color: rgb(202 138 4);
ring-yellow-700 –tw-ring-color: rgb(161 98 7);
ring-yellow-800 –tw-ring-color: rgb(133 77 14);
ring-yellow-900 –tw-ring-color: rgb(113 63 18);
ring-lime-50 –tw-ring-color: rgb(247 254 231);
ring-lime-100 –tw-ring-color: rgb(236 252 203);
ring-lime-200 –tw-ring-color: rgb(217 249 157);
ring-lime-300 –tw-ring-color: rgb(190 242 100);
ring-lime-400 –tw-ring-color: rgb(163 230 53);
ring-lime-500 –tw-ring-color: rgb(132 204 22);
ring-lime-600 –tw-ring-color: rgb(101 163 13);
ring-lime-700 –tw-ring-color: rgb(77 124 15);
ring-lime-800 –tw-ring-color: rgb(63 98 18);
ring-lime-900 –tw-ring-color: rgb(54 83 20);
ring-green-50 –tw-ring-color: rgb(240 253 244);
ring-green-100 –tw-ring-color: rgb(220 252 231);
ring-green-200 –tw-ring-color: rgb(187 247 208);
ring-green-300 –tw-ring-color: rgb(134 239 172);
ring-green-400 –tw-ring-color: rgb(74 222 128);
ring-green-500 –tw-ring-color: rgb(34 197 94);
ring-green-600 –tw-ring-color: rgb(22 163 74);
ring-green-700 –tw-ring-color: rgb(21 128 61);
ring-green-800 –tw-ring-color: rgb(22 101 52);
ring-green-900 –tw-ring-color: rgb(20 83 45);
ring-emerald-50 –tw-ring-color: rgb(236 253 245);
ring-emerald-100 –tw-ring-color: rgb(209 250 229);
ring-emerald-200 –tw-ring-color: rgb(167 243 208);
ring-emerald-300 –tw-ring-color: rgb(110 231 183);
ring-emerald-400 –tw-ring-color: rgb(52 211 153);
ring-emerald-500 –tw-ring-color: rgb(16 185 129);
ring-emerald-600 –tw-ring-color: rgb(5 150 105);
ring-emerald-700 –tw-ring-color: rgb(4 120 87);
ring-emerald-800 –tw-ring-color: rgb(6 95 70);
ring-emerald-900 –tw-ring-color: rgb(6 78 59);
ring-teal-50 –tw-ring-color: rgb(240 253 250);
ring-teal-100 –tw-ring-color: rgb(204 251 241);
ring-teal-200 –tw-ring-color: rgb(153 246 228);
ring-teal-300 –tw-ring-color: rgb(94 234 212);
ring-teal-400 –tw-ring-color: rgb(45 212 191);
ring-teal-500 –tw-ring-color: rgb(20 184 166);
ring-teal-600 –tw-ring-color: rgb(13 148 136);
ring-teal-700 –tw-ring-color: rgb(15 118 110);
ring-teal-800 –tw-ring-color: rgb(17 94 89);
ring-teal-900 –tw-ring-color: rgb(19 78 74);
ring-cyan-50 –tw-ring-color: rgb(236 254 255);
ring-cyan-100 –tw-ring-color: rgb(207 250 254);
ring-cyan-200 –tw-ring-color: rgb(165 243 252);
ring-cyan-300 –tw-ring-color: rgb(103 232 249);
ring-cyan-400 –tw-ring-color: rgb(34 211 238);
ring-cyan-500 –tw-ring-color: rgb(6 182 212);
ring-cyan-600 –tw-ring-color: rgb(8 145 178);
ring-cyan-700 –tw-ring-color: rgb(14 116 144);
ring-cyan-800 –tw-ring-color: rgb(21 94 117);
ring-cyan-900 –tw-ring-color: rgb(22 78 99);
ring-sky-50 –tw-ring-color: rgb(240 249 255);
ring-sky-100 –tw-ring-color: rgb(224 242 254);
ring-sky-200 –tw-ring-color: rgb(186 230 253);
ring-sky-300 –tw-ring-color: rgb(125 211 252);
ring-sky-400 –tw-ring-color: rgb(56 189 248);
ring-sky-500 –tw-ring-color: rgb(14 165 233);
ring-sky-600 –tw-ring-color: rgb(2 132 199);
ring-sky-700 –tw-ring-color: rgb(3 105 161);
ring-sky-800 –tw-ring-color: rgb(7 89 133);
ring-sky-900 –tw-ring-color: rgb(12 74 110);
ring-blue-50 –tw-ring-color: rgb(239 246 255);
ring-blue-100 –tw-ring-color: rgb(219 234 254);
ring-blue-200 –tw-ring-color: rgb(191 219 254);
ring-blue-300 –tw-ring-color: rgb(147 197 253);
ring-blue-400 –tw-ring-color: rgb(96 165 250);
ring-blue-500 –tw-ring-color: rgb(59 130 246);
ring-blue-600 –tw-ring-color: rgb(37 99 235);
ring-blue-700 –tw-ring-color: rgb(29 78 216);
ring-blue-800 –tw-ring-color: rgb(30 64 175);
ring-blue-900 –tw-ring-color: rgb(30 58 138);
ring-indigo-50 –tw-ring-color: rgb(238 242 255);
ring-indigo-100 –tw-ring-color: rgb(224 231 255);
ring-indigo-200 –tw-ring-color: rgb(199 210 254);
ring-indigo-300 –tw-ring-color: rgb(165 180 252);
ring-indigo-400 –tw-ring-color: rgb(129 140 248);
ring-indigo-500 –tw-ring-color: rgb(99 102 241);
ring-indigo-600 –tw-ring-color: rgb(79 70 229);
ring-indigo-700 –tw-ring-color: rgb(67 56 202);
ring-indigo-800 –tw-ring-color: rgb(55 48 163);
ring-indigo-900 –tw-ring-color: rgb(49 46 129);
ring-violet-50 –tw-ring-color: rgb(245 243 255);
ring-violet-100 –tw-ring-color: rgb(237 233 254);
ring-violet-200 –tw-ring-color: rgb(221 214 254);
ring-violet-300 –tw-ring-color: rgb(196 181 253);
ring-violet-400 –tw-ring-color: rgb(167 139 250);
ring-violet-500 –tw-ring-color: rgb(139 92 246);
ring-violet-600 –tw-ring-color: rgb(124 58 237);
ring-violet-700 –tw-ring-color: rgb(109 40 217);
ring-violet-800 –tw-ring-color: rgb(91 33 182);
ring-violet-900 –tw-ring-color: rgb(76 29 149);
ring-purple-50 –tw-ring-color: rgb(250 245 255);
ring-purple-100 –tw-ring-color: rgb(243 232 255);
ring-purple-200 –tw-ring-color: rgb(233 213 255);
ring-purple-300 –tw-ring-color: rgb(216 180 254);
ring-purple-400 –tw-ring-color: rgb(192 132 252);
ring-purple-500 –tw-ring-color: rgb(168 85 247);
ring-purple-600 –tw-ring-color: rgb(147 51 234);
ring-purple-700 –tw-ring-color: rgb(126 34 206);
ring-purple-800 –tw-ring-color: rgb(107 33 168);
ring-purple-900 –tw-ring-color: rgb(88 28 135);
ring-fuchsia-50 –tw-ring-color: rgb(253 244 255);
ring-fuchsia-100 –tw-ring-color: rgb(250 232 255);
ring-fuchsia-200 –tw-ring-color: rgb(245 208 254);
ring-fuchsia-300 –tw-ring-color: rgb(240 171 252);
ring-fuchsia-400 –tw-ring-color: rgb(232 121 249);
ring-fuchsia-500 –tw-ring-color: rgb(217 70 239);
ring-fuchsia-600 –tw-ring-color: rgb(192 38 211);
ring-fuchsia-700 –tw-ring-color: rgb(162 28 175);
ring-fuchsia-800 –tw-ring-color: rgb(134 25 143);
ring-fuchsia-900 –tw-ring-color: rgb(112 26 117);
ring-pink-50 –tw-ring-color: rgb(253 242 248);
ring-pink-100 –tw-ring-color: rgb(252 231 243);
ring-pink-200 –tw-ring-color: rgb(251 207 232);
ring-pink-300 –tw-ring-color: rgb(249 168 212);
ring-pink-400 –tw-ring-color: rgb(244 114 182);
ring-pink-500 –tw-ring-color: rgb(236 72 153);
ring-pink-600 –tw-ring-color: rgb(219 39 119);
ring-pink-700 –tw-ring-color: rgb(190 24 93);
ring-pink-800 –tw-ring-color: rgb(157 23 77);
ring-pink-900 –tw-ring-color: rgb(131 24 67);
ring-rose-50 –tw-ring-color: rgb(255 241 242);
ring-rose-100 –tw-ring-color: rgb(255 228 230);
ring-rose-200 –tw-ring-color: rgb(254 205 211);
ring-rose-300 –tw-ring-color: rgb(253 164 175);
ring-rose-400 –tw-ring-color: rgb(251 113 133);
ring-rose-500 –tw-ring-color: rgb(244 63 94);
ring-rose-600 –tw-ring-color: rgb(225 29 72);
ring-rose-700 –tw-ring-color: rgb(190 18 60);
ring-rose-800 –tw-ring-color: rgb(159 18 57);
ring-rose-900 –tw-ring-color: rgb(136 19 55);

Ring Offset Width

https://tailwindcss.com/docs/ring-offset-width

Class name Properties
ring-offset-0 –tw-ring-offset-width: 0px; box-shadow: 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color), var(–tw-ring-shadow);
ring-offset-1 –tw-ring-offset-width: 1px; box-shadow: 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color), var(–tw-ring-shadow);
ring-offset-2 –tw-ring-offset-width: 2px; box-shadow: 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color), var(–tw-ring-shadow);
ring-offset-4 –tw-ring-offset-width: 4px; box-shadow: 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color), var(–tw-ring-shadow);
ring-offset-8 –tw-ring-offset-width: 8px; box-shadow: 0 0 0 var(–tw-ring-offset-width) var(–tw-ring-offset-color), var(–tw-ring-shadow);

Ring Offset Color

https://tailwindcss.com/docs/ring-offset-color

Flexbox & Grid

Flex

https://tailwindcss.com/docs/flex

Class name Properties
flex-1 flex: 1 1 0%;
flex-auto flex: 1 1 auto;
flex-initial flex: 0 1 auto;
flex-none flex: none;

Flex Basis

https://tailwindcss.com/docs/flex-basis

Class name Properties
basis-0 flex-basis: 0px;
basis-1 flex-basis: 0.25rem; /* 4px */
basis-2 flex-basis: 0.5rem; /* 8px */
basis-3 flex-basis: 0.75rem; /* 12px */
basis-4 flex-basis: 1rem; /* 16px */
basis-5 flex-basis: 1.25rem; /* 20px */
basis-6 flex-basis: 1.5rem; /* 24px */
basis-7 flex-basis: 1.75rem; /* 28px */
basis-8 flex-basis: 2rem; /* 32px */
basis-9 flex-basis: 2.25rem; /* 36px */
basis-10 flex-basis: 2.5rem; /* 40px */
basis-11 flex-basis: 2.75rem; /* 44px */
basis-12 flex-basis: 3rem; /* 48px */
basis-14 flex-basis: 3.5rem; /* 56px */
basis-16 flex-basis: 4rem; /* 64px */
basis-20 flex-basis: 5rem; /* 80px */
basis-24 flex-basis: 6rem; /* 96px */
basis-28 flex-basis: 7rem; /* 112px */
basis-32 flex-basis: 8rem; /* 128px */
basis-36 flex-basis: 9rem; /* 144px */
basis-40 flex-basis: 10rem; /* 160px */
basis-44 flex-basis: 11rem; /* 176px */
basis-48 flex-basis: 12rem; /* 192px */
basis-52 flex-basis: 13rem; /* 208px */
basis-56 flex-basis: 14rem; /* 224px */
basis-60 flex-basis: 15rem; /* 240px */
basis-64 flex-basis: 16rem; /* 256px */
basis-72 flex-basis: 18rem; /* 288px */
basis-80 flex-basis: 20rem; /* 320px */
basis-96 flex-basis: 24rem; /* 384px */
basis-auto flex-basis: auto;
basis-px flex-basis: 1px;
basis-0.5 flex-basis: 0.125rem; /* 2px */
basis-1.5 flex-basis: 0.375rem; /* 6px */
basis-2.5 flex-basis: 0.625rem; /* 10px */
basis-3.5 flex-basis: 0.875rem; /* 14px */
basis-1/2 flex-basis: 50%;
basis-1/3 flex-basis: 33.333333%;
basis-2/3 flex-basis: 66.666667%;
basis-1/4 flex-basis: 25%;
basis-2/4 flex-basis: 50%;
basis-3/4 flex-basis: 75%;
basis-1/5 flex-basis: 20%;
basis-2/5 flex-basis: 40%;
basis-3/5 flex-basis: 60%;
basis-4/5 flex-basis: 80%;
basis-1/6 flex-basis: 16.666667%;
basis-2/6 flex-basis: 33.333333%;
basis-3/6 flex-basis: 50%;
basis-4/6 flex-basis: 66.666667%;
basis-5/6 flex-basis: 83.333333%;
basis-1/12 flex-basis: 8.333333%;
basis-2/12 flex-basis: 16.666667%;
basis-3/12 flex-basis: 25%;
basis-4/12 flex-basis: 33.333333%;
basis-5/12 flex-basis: 41.666667%;
basis-6/12 flex-basis: 50%;
basis-7/12 flex-basis: 58.333333%;
basis-8/12 flex-basis: 66.666667%;
basis-9/12 flex-basis: 75%;
basis-10/12 flex-basis: 83.333333%;
basis-11/12 flex-basis: 91.666667%;
basis-full flex-basis: 100%;

Flex Direction

https://tailwindcss.com/docs/flex-direction

Class name Properties
flex-row flex-direction: row;
flex-row-reverse flex-direction: row-reverse;
flex-col flex-direction: column;
flex-col-reverse flex-direction: column-reverse;

Flex Wrap

https://tailwindcss.com/docs/flex-wrap

Class name Properties
flex-wrap flex-wrap: wrap;
flex-wrap-reverse flex-wrap: wrap-reverse;
flex-nowrap flex-wrap: nowrap;

Flex Grow

https://tailwindcss.com/docs/flex-grow

Class name Properties
grow flex-grow: 1;
grow-0 flex-grow: 0;

Flex Shrink

https://tailwindcss.com/docs/flex-shrink

Class name Properties
shrink flex-shrink: 1;
shrink-0 flex-shrink: 0;

Order

https://tailwindcss.com/docs/order

Class name Properties
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;
order-first order: -9999;
order-last order: 9999;
order-none order: 0;

Grid Template Columns

https://tailwindcss.com/docs/grid-template-columns

Class name Properties
grid-cols-1 grid-template-columns: repeat(1, minmax(0, 1fr));
grid-cols-2 grid-template-columns: repeat(2, minmax(0, 1fr));
grid-cols-3 grid-template-columns: repeat(3, minmax(0, 1fr));
grid-cols-4 grid-template-columns: repeat(4, minmax(0, 1fr));
grid-cols-5 grid-template-columns: repeat(5, minmax(0, 1fr));
grid-cols-6 grid-template-columns: repeat(6, minmax(0, 1fr));
grid-cols-7 grid-template-columns: repeat(7, minmax(0, 1fr));
grid-cols-8 grid-template-columns: repeat(8, minmax(0, 1fr));
grid-cols-9 grid-template-columns: repeat(9, minmax(0, 1fr));
grid-cols-10 grid-template-columns: repeat(10, minmax(0, 1fr));
grid-cols-11 grid-template-columns: repeat(11, minmax(0, 1fr));
grid-cols-12 grid-template-columns: repeat(12, minmax(0, 1fr));
grid-cols-none grid-template-columns: none;

Grid Column Start / End

https://tailwindcss.com/docs/grid-column

Class name Properties
col-auto grid-column: auto;
col-span-1 grid-column: span 1 / span 1;
col-span-2 grid-column: span 2 / span 2;
col-span-3 grid-column: span 3 / span 3;
col-span-4 grid-column: span 4 / span 4;
col-span-5 grid-column: span 5 / span 5;
col-span-6 grid-column: span 6 / span 6;
col-span-7 grid-column: span 7 / span 7;
col-span-8 grid-column: span 8 / span 8;
col-span-9 grid-column: span 9 / span 9;
col-span-10 grid-column: span 10 / span 10;
col-span-11 grid-column: span 11 / span 11;
col-span-12 grid-column: span 12 / span 12;
col-span-full grid-column: 1 / -1;
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;
col-start-auto grid-column-start: 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;
col-end-auto grid-column-end: auto;

Grid Template Rows

https://tailwindcss.com/docs/grid-template-rows

Class name Properties
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));
grid-rows-6 grid-template-rows: repeat(6, minmax(0, 1fr));
grid-rows-none grid-template-rows: none;

Grid Row Start / End

https://tailwindcss.com/docs/grid-row

Class name Properties
row-auto grid-row: auto;
row-span-1 grid-row: span 1 / span 1;
row-span-2 grid-row: span 2 / span 2;
row-span-3 grid-row: span 3 / span 3;
row-span-4 grid-row: span 4 / span 4;
row-span-5 grid-row: span 5 / span 5;
row-span-6 grid-row: span 6 / span 6;
row-span-full grid-row: 1 / -1;
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;
row-start-7 grid-row-start: 7;
row-start-auto grid-row-start: 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;
row-end-7 grid-row-end: 7;
row-end-auto grid-row-end: auto;

Grid Auto Flow

https://tailwindcss.com/docs/grid-auto-flow

Class name Properties
grid-flow-row grid-auto-flow: row;
grid-flow-col grid-auto-flow: column;
grid-flow-dense grid-auto-flow: dense;
grid-flow-row-dense grid-auto-flow: row dense;
grid-flow-col-dense grid-auto-flow: column dense;

Grid Auto Columns

https://tailwindcss.com/docs/grid-auto-columns

Class name Properties
auto-cols-auto grid-auto-columns: auto;
auto-cols-min grid-auto-columns: min-content;
auto-cols-max grid-auto-columns: max-content;
auto-cols-fr grid-auto-columns: minmax(0, 1fr);

Grid Auto Rows

https://tailwindcss.com/docs/grid-auto-rows

Class name Properties
auto-rows-auto grid-auto-rows: auto;
auto-rows-min grid-auto-rows: min-content;
auto-rows-max grid-auto-rows: max-content;
auto-rows-fr grid-auto-rows: minmax(0, 1fr);

Gap

https://tailwindcss.com/docs/gap

Class name Properties
gap-0 gap: 0px;
gap-x-0 column-gap: 0px;
gap-y-0 row-gap: 0px;
gap-px gap: 1px;
gap-x-px column-gap: 1px;
gap-y-px row-gap: 1px;
gap-0.5 gap: 0.125rem; /* 2px */
gap-x-0.5 column-gap: 0.125rem; /* 2px */
gap-y-0.5 row-gap: 0.125rem; /* 2px */
gap-1 gap: 0.25rem; /* 4px */
gap-x-1 column-gap: 0.25rem; /* 4px */
gap-y-1 row-gap: 0.25rem; /* 4px */
gap-1.5 gap: 0.375rem; /* 6px */
gap-x-1.5 column-gap: 0.375rem; /* 6px */
gap-y-1.5 row-gap: 0.375rem; /* 6px */
gap-2 gap: 0.5rem; /* 8px */
gap-x-2 column-gap: 0.5rem; /* 8px */
gap-y-2 row-gap: 0.5rem; /* 8px */
gap-2.5 gap: 0.625rem; /* 10px */
gap-x-2.5 column-gap: 0.625rem; /* 10px */
gap-y-2.5 row-gap: 0.625rem; /* 10px */
gap-3 gap: 0.75rem; /* 12px */
gap-x-3 column-gap: 0.75rem; /* 12px */
gap-y-3 row-gap: 0.75rem; /* 12px */
gap-3.5 gap: 0.875rem; /* 14px */
gap-x-3.5 column-gap: 0.875rem; /* 14px */
gap-y-3.5 row-gap: 0.875rem; /* 14px */
gap-4 gap: 1rem; /* 16px */
gap-x-4 column-gap: 1rem; /* 16px */
gap-y-4 row-gap: 1rem; /* 16px */
gap-5 gap: 1.25rem; /* 20px */
gap-x-5 column-gap: 1.25rem; /* 20px */
gap-y-5 row-gap: 1.25rem; /* 20px */
gap-6 gap: 1.5rem; /* 24px */
gap-x-6 column-gap: 1.5rem; /* 24px */
gap-y-6 row-gap: 1.5rem; /* 24px */
gap-7 gap: 1.75rem; /* 28px */
gap-x-7 column-gap: 1.75rem; /* 28px */
gap-y-7 row-gap: 1.75rem; /* 28px */
gap-8 gap: 2rem; /* 32px */
gap-x-8 column-gap: 2rem; /* 32px */
gap-y-8 row-gap: 2rem; /* 32px */
gap-9 gap: 2.25rem; /* 36px */
gap-x-9 column-gap: 2.25rem; /* 36px */
gap-y-9 row-gap: 2.25rem; /* 36px */
gap-10 gap: 2.5rem; /* 40px */
gap-x-10 column-gap: 2.5rem; /* 40px */
gap-y-10 row-gap: 2.5rem; /* 40px */
gap-11 gap: 2.75rem; /* 44px */
gap-x-11 column-gap: 2.75rem; /* 44px */
gap-y-11 row-gap: 2.75rem; /* 44px */
gap-12 gap: 3rem; /* 48px */
gap-x-12 column-gap: 3rem; /* 48px */
gap-y-12 row-gap: 3rem; /* 48px */
gap-14 gap: 3.5rem; /* 56px */
gap-x-14 column-gap: 3.5rem; /* 56px */
gap-y-14 row-gap: 3.5rem; /* 56px */
gap-16 gap: 4rem; /* 64px */
gap-x-16 column-gap: 4rem; /* 64px */
gap-y-16 row-gap: 4rem; /* 64px */
gap-20 gap: 5rem; /* 80px */
gap-x-20 column-gap: 5rem; /* 80px */
gap-y-20 row-gap: 5rem; /* 80px */
gap-24 gap: 6rem; /* 96px */
gap-x-24 column-gap: 6rem; /* 96px */
gap-y-24 row-gap: 6rem; /* 96px */
gap-28 gap: 7rem; /* 112px */
gap-x-28 column-gap: 7rem; /* 112px */
gap-y-28 row-gap: 7rem; /* 112px */
gap-32 gap: 8rem; /* 128px */
gap-x-32 column-gap: 8rem; /* 128px */
gap-y-32 row-gap: 8rem; /* 128px */
gap-36 gap: 9rem; /* 144px */
gap-x-36 column-gap: 9rem; /* 144px */
gap-y-36 row-gap: 9rem; /* 144px */
gap-40 gap: 10rem; /* 160px */
gap-x-40 column-gap: 10rem; /* 160px */
gap-y-40 row-gap: 10rem; /* 160px */
gap-44 gap: 11rem; /* 176px */
gap-x-44 column-gap: 11rem; /* 176px */
gap-y-44 row-gap: 11rem; /* 176px */
gap-48 gap: 12rem; /* 192px */
gap-x-48 column-gap: 12rem; /* 192px */
gap-y-48 row-gap: 12rem; /* 192px */
gap-52 gap: 13rem; /* 208px */
gap-x-52 column-gap: 13rem; /* 208px */
gap-y-52 row-gap: 13rem; /* 208px */
gap-56 gap: 14rem; /* 224px */
gap-x-56 column-gap: 14rem; /* 224px */
gap-y-56 row-gap: 14rem; /* 224px */
gap-60 gap: 15rem; /* 240px */
gap-x-60 column-gap: 15rem; /* 240px */
gap-y-60 row-gap: 15rem; /* 240px */
gap-64 gap: 16rem; /* 256px */
gap-x-64 column-gap: 16rem; /* 256px */
gap-y-64 row-gap: 16rem; /* 256px */
gap-72 gap: 18rem; /* 288px */
gap-x-72 column-gap: 18rem; /* 288px */
gap-y-72 row-gap: 18rem; /* 288px */
gap-80 gap: 20rem; /* 320px */
gap-x-80 column-gap: 20rem; /* 320px */
gap-y-80 row-gap: 20rem; /* 320px */
gap-96 gap: 24rem; /* 384px */
gap-x-96 column-gap: 24rem; /* 384px */
gap-y-96 row-gap: 24rem; /* 384px */

Justify Content

https://tailwindcss.com/docs/justify-content

Class name Properties
justify-start justify-content: flex-start;
justify-end justify-content: flex-end;
justify-center justify-content: center;
justify-between justify-content: space-between;
justify-around justify-content: space-around;
justify-evenly justify-content: space-evenly;

Justify Items

https://tailwindcss.com/docs/justify-items

Class name Properties
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

https://tailwindcss.com/docs/justify-self

Class name Properties
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;

Align Content

https://tailwindcss.com/docs/align-content

Class name Properties
content-center align-content: center;
content-start align-content: flex-start;
content-end align-content: flex-end;
content-between align-content: space-between;
content-around align-content: space-around;
content-evenly align-content: space-evenly;
content-baseline align-content: baseline;

Align Items

https://tailwindcss.com/docs/align-items

Class name Properties
items-start align-items: flex-start;
items-end align-items: flex-end;
items-center align-items: center;
items-baseline align-items: baseline;
items-stretch align-items: stretch;

Align Self

https://tailwindcss.com/docs/align-self

Class name Properties
self-auto align-self: auto;
self-start align-self: flex-start;
self-end align-self: flex-end;
self-center align-self: center;
self-stretch align-self: stretch;
self-baseline align-self: baseline;

Place Content

https://tailwindcss.com/docs/place-content

Class name Properties
place-content-center place-content: center;
place-content-start place-content: start;
place-content-end place-content: end;
place-content-between place-content: space-between;
place-content-around place-content: space-around;
place-content-evenly place-content: space-evenly;
place-content-baseline place-content: baseline;
place-content-stretch place-content: stretch;

Place Items

https://tailwindcss.com/docs/place-items

Class name Properties
place-items-start place-items: start;
place-items-end place-items: end;
place-items-center place-items: center;
place-items-baseline place-items: baseline;
place-items-stretch place-items: stretch;

Place Self

https://tailwindcss.com/docs/place-self

Class name Properties
place-self-auto place-self: auto;
place-self-start place-self: start;
place-self-end place-self: end;
place-self-center place-self: center;
place-self-stretch place-self: stretch;

Layout

Aspect Ratio

https://tailwindcss.com/docs/aspect-ratio

Class name Properties
aspect-auto aspect-ratio: auto;
aspect-square aspect-ratio: 1 / 1;
aspect-video aspect-ratio: 16 / 9;

Container

https://tailwindcss.com/docs/container

Class name Breakpoint Properties
container None width: 100%;
container sm (640px) max-width: 640px;
container md (768px) max-width: 768px;
container lg (1024px) max-width: 1024px;
container xl (1280px) max-width: 1280px;
container 2xl (1536px) max-width: 1536px;
<div class="container mx-auto px-4">
  <!-- ... -->
</div>

Columns

https://tailwindcss.com/docs/columns

Class name Properties
columns-1 columns: 1;
columns-2 columns: 2;
columns-3 columns: 3;
columns-4 columns: 4;
columns-5 columns: 5;
columns-6 columns: 6;
columns-7 columns: 7;
columns-8 columns: 8;
columns-9 columns: 9;
columns-10 columns: 10;
columns-11 columns: 11;
columns-12 columns: 12;
columns-auto columns: auto;
columns-3xs columns: 16rem; /* 256px */
columns-2xs columns: 18rem; /* 288px */
columns-xs columns: 20rem; /* 320px */
columns-sm columns: 24rem; /* 384px */
columns-md columns: 28rem; /* 448px */
columns-lg columns: 32rem; /* 512px */
columns-xl columns: 36rem; /* 576px */
columns-2xl columns: 42rem; /* 672px */
columns-3xl columns: 48rem; /* 768px */
columns-4xl columns: 56rem; /* 896px */
columns-5xl columns: 64rem; /* 1024px */
columns-6xl columns: 72rem; /* 1152px */
columns-7xl columns: 80rem; /* 1280px */

Break After

https://tailwindcss.com/docs/break-after

Class name Properties
break-after-auto break-after: auto;
break-after-avoid break-after: avoid;
break-after-all break-after: all;
break-after-avoid-page break-after: avoid-page;
break-after-page break-after: page;
break-after-left break-after: left;
break-after-right break-after: right;
break-after-column break-after: column;

Break Before

https://tailwindcss.com/docs/break-before

Class name Properties
break-before-auto break-before: auto;
break-before-avoid break-before: avoid;
break-before-all break-before: all;
break-before-avoid-page break-before: avoid-page;
break-before-page break-before: page;
break-before-left break-before: left;
break-before-right break-before: right;
break-before-column break-before: column;

Break Inside

https://tailwindcss.com/docs/break-inside

Class name Properties
break-inside-auto break-inside: auto;
break-inside-avoid break-inside: avoid;
break-inside-avoid-page break-inside: avoid-page;
break-inside-avoid-column break-inside: avoid-column;

Box Decoration Break

https://tailwindcss.com/docs/box-decoration-break

Class name Properties
box-decoration-clone box-decoration-break: clone;
box-decoration-slice box-decoration-break: slice;

Box Sizing

https://tailwindcss.com/docs/box-sizing

Class name Properties
box-border box-sizing: border-box;
box-content box-sizing: content-box;

Display

https://tailwindcss.com/docs/display

Class name Properties
block display: block;
inline-block display: inline-block;
inline display: inline;
flex display: flex;
inline-flex display: inline-flex;
table display: table;
inline-table display: inline-table;
table-caption display: table-caption;
table-cell display: table-cell;
table-column display: table-column;
table-column-group display: table-column-group;
table-footer-group display: table-footer-group;
table-header-group display: table-header-group;
table-row-group display: table-row-group;
table-row display: table-row;
flow-root display: flow-root;
grid display: grid;
inline-grid display: inline-grid;
contents display: contents;
list-item display: list-item;
hidden display: none;

Floats

https://tailwindcss.com/docs/float

Class name Properties
float-right float: right;
float-left float: left;
float-none float: none;

Clear

https://tailwindcss.com/docs/clear

Class name Properties
clear-left clear: left;
clear-right clear: right;
clear-both clear: both;
clear-none clear: none;

Isolation

https://tailwindcss.com/docs/isolation

Class name Properties
isolate isolation: isolate;
isolation-auto isolation: auto;

Object Fit

https://tailwindcss.com/docs/object-fit

Class name Properties
object-contain object-fit: contain;
object-cover object-fit: cover;
object-fill object-fit: fill;
object-none object-fit: none;
object-scale-down object-fit: scale-down;

Object Position

https://tailwindcss.com/docs/object-position

Class name Properties
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;

Overflow

https://tailwindcss.com/docs/overflow

Class name Properties
overflow-auto overflow: auto;
overflow-hidden overflow: hidden;
overflow-clip overflow: clip;
overflow-visible overflow: visible;
overflow-scroll overflow: scroll;
overflow-x-auto overflow-x: auto;
overflow-y-auto overflow-y: auto;
overflow-x-hidden overflow-x: hidden;
overflow-y-hidden overflow-y: hidden;
overflow-x-clip overflow-x: clip;
overflow-y-clip overflow-y: clip;
overflow-x-visible overflow-x: visible;
overflow-y-visible overflow-y: visible;
overflow-x-scroll overflow-x: scroll;
overflow-y-scroll overflow-y: scroll;

Overscroll Behavior

https://tailwindcss.com/docs/overscroll-behavior

Class name Properties
overscroll-auto overscroll-behavior: auto;
overscroll-contain overscroll-behavior: contain;
overscroll-none overscroll-behavior: none;
overscroll-y-auto overscroll-behavior-y: auto;
overscroll-y-contain overscroll-behavior-y: contain;
overscroll-y-none overscroll-behavior-y: none;
overscroll-x-auto overscroll-behavior-x: auto;
overscroll-x-contain overscroll-behavior-x: contain;
overscroll-x-none overscroll-behavior-x: none;

Position

https://tailwindcss.com/docs/position

Class name Properties
static position: static;
fixed position: fixed;
absolute position: absolute;
relative position: relative;
sticky position: sticky;

Top / Right / Bottom / Left

https://tailwindcss.com/docs/top-right-bottom-left

Class name Properties
inset-0 top: 0px; right: 0px; bottom: 0px; left: 0px;
inset-x-0 left: 0px; right: 0px;
inset-y-0 top: 0px; bottom: 0px;
top-0 top: 0px;
right-0 right: 0px;
bottom-0 bottom: 0px;
left-0 left: 0px;
inset-px top: 1px; right: 1px; bottom: 1px; left: 1px;
inset-x-px left: 1px; right: 1px;
inset-y-px top: 1px; bottom: 1px;
top-px top: 1px;
right-px right: 1px;
bottom-px bottom: 1px;
left-px left: 1px;
inset-0.5 top: 0.125rem; /* 2px */ right: 0.125rem; /* 2px */ bottom: 0.125rem; /* 2px */ left: 0.125rem; /* 2px */
inset-x-0.5 left: 0.125rem; /* 2px */ right: 0.125rem; /* 2px */
inset-y-0.5 top: 0.125rem; /* 2px */ bottom: 0.125rem; /* 2px */
top-0.5 top: 0.125rem; /* 2px */
right-0.5 right: 0.125rem; /* 2px */
bottom-0.5 bottom: 0.125rem; /* 2px */
left-0.5 left: 0.125rem; /* 2px */
inset-1 top: 0.25rem; /* 4px */ right: 0.25rem; /* 4px */ bottom: 0.25rem; /* 4px */ left: 0.25rem; /* 4px */
inset-x-1 left: 0.25rem; /* 4px */ right: 0.25rem; /* 4px */
inset-y-1 top: 0.25rem; /* 4px */ bottom: 0.25rem; /* 4px */
top-1 top: 0.25rem; /* 4px */
right-1 right: 0.25rem; /* 4px */
bottom-1 bottom: 0.25rem; /* 4px */
left-1 left: 0.25rem; /* 4px */
inset-1.5 top: 0.375rem; /* 6px */ right: 0.375rem; /* 6px */ bottom: 0.375rem; /* 6px */ left: 0.375rem; /* 6px */
inset-x-1.5 left: 0.375rem; /* 6px */ right: 0.375rem; /* 6px */
inset-y-1.5 top: 0.375rem; /* 6px */ bottom: 0.375rem; /* 6px */
top-1.5 top: 0.375rem; /* 6px */
right-1.5 right: 0.375rem; /* 6px */
bottom-1.5 bottom: 0.375rem; /* 6px */
left-1.5 left: 0.375rem; /* 6px */
inset-2 top: 0.5rem; /* 8px */ right: 0.5rem; /* 8px */ bottom: 0.5rem; /* 8px */ left: 0.5rem; /* 8px */
inset-x-2 left: 0.5rem; /* 8px */ right: 0.5rem; /* 8px */
inset-y-2 top: 0.5rem; /* 8px */ bottom: 0.5rem; /* 8px */
top-2 top: 0.5rem; /* 8px */
right-2 right: 0.5rem; /* 8px */
bottom-2 bottom: 0.5rem; /* 8px */
left-2 left: 0.5rem; /* 8px */
inset-2.5 top: 0.625rem; /* 10px */ right: 0.625rem; /* 10px */ bottom: 0.625rem; /* 10px */ left: 0.625rem; /* 10px */
inset-x-2.5 left: 0.625rem; /* 10px */ right: 0.625rem; /* 10px */
inset-y-2.5 top: 0.625rem; /* 10px */ bottom: 0.625rem; /* 10px */
top-2.5 top: 0.625rem; /* 10px */
right-2.5 right: 0.625rem; /* 10px */
bottom-2.5 bottom: 0.625rem; /* 10px */
left-2.5 left: 0.625rem; /* 10px */
inset-3 top: 0.75rem; /* 12px */ right: 0.75rem; /* 12px */ bottom: 0.75rem; /* 12px */ left: 0.75rem; /* 12px */
inset-x-3 left: 0.75rem; /* 12px */ right: 0.75rem; /* 12px */
inset-y-3 top: 0.75rem; /* 12px */ bottom: 0.75rem; /* 12px */
top-3 top: 0.75rem; /* 12px */
right-3 right: 0.75rem; /* 12px */
bottom-3 bottom: 0.75rem; /* 12px */
left-3 left: 0.75rem; /* 12px */
inset-3.5 top: 0.875rem; /* 14px */ right: 0.875rem; /* 14px */ bottom: 0.875rem; /* 14px */ left: 0.875rem; /* 14px */
inset-x-3.5 left: 0.875rem; /* 14px */ right: 0.875rem; /* 14px */
inset-y-3.5 top: 0.875rem; /* 14px */ bottom: 0.875rem; /* 14px */
top-3.5 top: 0.875rem; /* 14px */
right-3.5 right: 0.875rem; /* 14px */
bottom-3.5 bottom: 0.875rem; /* 14px */
left-3.5 left: 0.875rem; /* 14px */
inset-4 top: 1rem; /* 16px */ right: 1rem; /* 16px */ bottom: 1rem; /* 16px */ left: 1rem; /* 16px */
inset-x-4 left: 1rem; /* 16px */ right: 1rem; /* 16px */
inset-y-4 top: 1rem; /* 16px */ bottom: 1rem; /* 16px */
top-4 top: 1rem; /* 16px */
right-4 right: 1rem; /* 16px */
bottom-4 bottom: 1rem; /* 16px */
left-4 left: 1rem; /* 16px */
inset-5 top: 1.25rem; /* 20px */ right: 1.25rem; /* 20px */ bottom: 1.25rem; /* 20px */ left: 1.25rem; /* 20px */
inset-x-5 left: 1.25rem; /* 20px */ right: 1.25rem; /* 20px */
inset-y-5 top: 1.25rem; /* 20px */ bottom: 1.25rem; /* 20px */
top-5 top: 1.25rem; /* 20px */
right-5 right: 1.25rem; /* 20px */
bottom-5 bottom: 1.25rem; /* 20px */
left-5 left: 1.25rem; /* 20px */
inset-6 top: 1.5rem; /* 24px */ right: 1.5rem; /* 24px */ bottom: 1.5rem; /* 24px */ left: 1.5rem; /* 24px */
inset-x-6 left: 1.5rem; /* 24px */ right: 1.5rem; /* 24px */
inset-y-6 top: 1.5rem; /* 24px */ bottom: 1.5rem; /* 24px */
top-6 top: 1.5rem; /* 24px */
right-6 right: 1.5rem; /* 24px */
bottom-6 bottom: 1.5rem; /* 24px */
left-6 left: 1.5rem; /* 24px */
inset-7 top: 1.75rem; /* 28px */ right: 1.75rem; /* 28px */ bottom: 1.75rem; /* 28px */ left: 1.75rem; /* 28px */
inset-x-7 left: 1.75rem; /* 28px */ right: 1.75rem; /* 28px */
inset-y-7 top: 1.75rem; /* 28px */ bottom: 1.75rem; /* 28px */
top-7 top: 1.75rem; /* 28px */
right-7 right: 1.75rem; /* 28px */
bottom-7 bottom: 1.75rem; /* 28px */
left-7 left: 1.75rem; /* 28px */
inset-8 top: 2rem; /* 32px */ right: 2rem; /* 32px */ bottom: 2rem; /* 32px */ left: 2rem; /* 32px */
inset-x-8 left: 2rem; /* 32px */ right: 2rem; /* 32px */
inset-y-8 top: 2rem; /* 32px */ bottom: 2rem; /* 32px */
top-8 top: 2rem; /* 32px */
right-8 right: 2rem; /* 32px */
bottom-8 bottom: 2rem; /* 32px */
left-8 left: 2rem; /* 32px */
inset-9 top: 2.25rem; /* 36px */ right: 2.25rem; /* 36px */ bottom: 2.25rem; /* 36px */ left: 2.25rem; /* 36px */
inset-x-9 left: 2.25rem; /* 36px */ right: 2.25rem; /* 36px */
inset-y-9 top: 2.25rem; /* 36px */ bottom: 2.25rem; /* 36px */
top-9 top: 2.25rem; /* 36px */
right-9 right: 2.25rem; /* 36px */
bottom-9 bottom: 2.25rem; /* 36px */
left-9 left: 2.25rem; /* 36px */
inset-10 top: 2.5rem; /* 40px */ right: 2.5rem; /* 40px */ bottom: 2.5rem; /* 40px */ left: 2.5rem; /* 40px */
inset-x-10 left: 2.5rem; /* 40px */ right: 2.5rem; /* 40px */
inset-y-10 top: 2.5rem; /* 40px */ bottom: 2.5rem; /* 40px */
top-10 top: 2.5rem; /* 40px */
right-10 right: 2.5rem; /* 40px */
bottom-10 bottom: 2.5rem; /* 40px */
left-10 left: 2.5rem; /* 40px */
inset-11 top: 2.75rem; /* 44px */ right: 2.75rem; /* 44px */ bottom: 2.75rem; /* 44px */ left: 2.75rem; /* 44px */
inset-x-11 left: 2.75rem; /* 44px */ right: 2.75rem; /* 44px */
inset-y-11 top: 2.75rem; /* 44px */ bottom: 2.75rem; /* 44px */
top-11 top: 2.75rem; /* 44px */
right-11 right: 2.75rem; /* 44px */
bottom-11 bottom: 2.75rem; /* 44px */
left-11 left: 2.75rem; /* 44px */
inset-12 top: 3rem; /* 48px */ right: 3rem; /* 48px */ bottom: 3rem; /* 48px */ left: 3rem; /* 48px */
inset-x-12 left: 3rem; /* 48px */ right: 3rem; /* 48px */
inset-y-12 top: 3rem; /* 48px */ bottom: 3rem; /* 48px */
top-12 top: 3rem; /* 48px */
right-12 right: 3rem; /* 48px */
bottom-12 bottom: 3rem; /* 48px */
left-12 left: 3rem; /* 48px */
inset-14 top: 3.5rem; /* 56px */ right: 3.5rem; /* 56px */ bottom: 3.5rem; /* 56px */ left: 3.5rem; /* 56px */
inset-x-14 left: 3.5rem; /* 56px */ right: 3.5rem; /* 56px */
inset-y-14 top: 3.5rem; /* 56px */ bottom: 3.5rem; /* 56px */
top-14 top: 3.5rem; /* 56px */
right-14 right: 3.5rem; /* 56px */
bottom-14 bottom: 3.5rem; /* 56px */
left-14 left: 3.5rem; /* 56px */
inset-16 top: 4rem; /* 64px */ right: 4rem; /* 64px */ bottom: 4rem; /* 64px */ left: 4rem; /* 64px */
inset-x-16 left: 4rem; /* 64px */ right: 4rem; /* 64px */
inset-y-16 top: 4rem; /* 64px */ bottom: 4rem; /* 64px */
top-16 top: 4rem; /* 64px */
right-16 right: 4rem; /* 64px */
bottom-16 bottom: 4rem; /* 64px */
left-16 left: 4rem; /* 64px */
inset-20 top: 5rem; /* 80px */ right: 5rem; /* 80px */ bottom: 5rem; /* 80px */ left: 5rem; /* 80px */
inset-x-20 left: 5rem; /* 80px */ right: 5rem; /* 80px */
inset-y-20 top: 5rem; /* 80px */ bottom: 5rem; /* 80px */
top-20 top: 5rem; /* 80px */
right-20 right: 5rem; /* 80px */
bottom-20 bottom: 5rem; /* 80px */
left-20 left: 5rem; /* 80px */
inset-24 top: 6rem; /* 96px */ right: 6rem; /* 96px */ bottom: 6rem; /* 96px */ left: 6rem; /* 96px */
inset-x-24 left: 6rem; /* 96px */ right: 6rem; /* 96px */
inset-y-24 top: 6rem; /* 96px */ bottom: 6rem; /* 96px */
top-24 top: 6rem; /* 96px */
right-24 right: 6rem; /* 96px */
bottom-24 bottom: 6rem; /* 96px */
left-24 left: 6rem; /* 96px */
inset-28 top: 7rem; /* 112px */ right: 7rem; /* 112px */ bottom: 7rem; /* 112px */ left: 7rem; /* 112px */
inset-x-28 left: 7rem; /* 112px */ right: 7rem; /* 112px */
inset-y-28 top: 7rem; /* 112px */ bottom: 7rem; /* 112px */
top-28 top: 7rem; /* 112px */
right-28 right: 7rem; /* 112px */
bottom-28 bottom: 7rem; /* 112px */
left-28 left: 7rem; /* 112px */
inset-32 top: 8rem; /* 128px */ right: 8rem; /* 128px */ bottom: 8rem; /* 128px */ left: 8rem; /* 128px */
inset-x-32 left: 8rem; /* 128px */ right: 8rem; /* 128px */
inset-y-32 top: 8rem; /* 128px */ bottom: 8rem; /* 128px */
top-32 top: 8rem; /* 128px */
right-32 right: 8rem; /* 128px */
bottom-32 bottom: 8rem; /* 128px */
left-32 left: 8rem; /* 128px */
inset-36 top: 9rem; /* 144px */ right: 9rem; /* 144px */ bottom: 9rem; /* 144px */ left: 9rem; /* 144px */
inset-x-36 left: 9rem; /* 144px */ right: 9rem; /* 144px */
inset-y-36 top: 9rem; /* 144px */ bottom: 9rem; /* 144px */
top-36 top: 9rem; /* 144px */
right-36 right: 9rem; /* 144px */
bottom-36 bottom: 9rem; /* 144px */
left-36 left: 9rem; /* 144px */
inset-40 top: 10rem; /* 160px */ right: 10rem; /* 160px */ bottom: 10rem; /* 160px */ left: 10rem; /* 160px */
inset-x-40 left: 10rem; /* 160px */ right: 10rem; /* 160px */
inset-y-40 top: 10rem; /* 160px */ bottom: 10rem; /* 160px */
top-40 top: 10rem; /* 160px */
right-40 right: 10rem; /* 160px */
bottom-40 bottom: 10rem; /* 160px */
left-40 left: 10rem; /* 160px */
inset-44 top: 11rem; /* 176px */ right: 11rem; /* 176px */ bottom: 11rem; /* 176px */ left: 11rem; /* 176px */
inset-x-44 left: 11rem; /* 176px */ right: 11rem; /* 176px */
inset-y-44 top: 11rem; /* 176px */ bottom: 11rem; /* 176px */
top-44 top: 11rem; /* 176px */
right-44 right: 11rem; /* 176px */
bottom-44 bottom: 11rem; /* 176px */
left-44 left: 11rem; /* 176px */
inset-48 top: 12rem; /* 192px */ right: 12rem; /* 192px */ bottom: 12rem; /* 192px */ left: 12rem; /* 192px */
inset-x-48 left: 12rem; /* 192px */ right: 12rem; /* 192px */
inset-y-48 top: 12rem; /* 192px */ bottom: 12rem; /* 192px */
top-48 top: 12rem; /* 192px */
right-48 right: 12rem; /* 192px */
bottom-48 bottom: 12rem; /* 192px */
left-48 left: 12rem; /* 192px */
inset-52 top: 13rem; /* 208px */ right: 13rem; /* 208px */ bottom: 13rem; /* 208px */ left: 13rem; /* 208px */
inset-x-52 left: 13rem; /* 208px */ right: 13rem; /* 208px */
inset-y-52 top: 13rem; /* 208px */ bottom: 13rem; /* 208px */
top-52 top: 13rem; /* 208px */
right-52 right: 13rem; /* 208px */
bottom-52 bottom: 13rem; /* 208px */
left-52 left: 13rem; /* 208px */
inset-56 top: 14rem; /* 224px */ right: 14rem; /* 224px */ bottom: 14rem; /* 224px */ left: 14rem; /* 224px */
inset-x-56 left: 14rem; /* 224px */ right: 14rem; /* 224px */
inset-y-56 top: 14rem; /* 224px */ bottom: 14rem; /* 224px */
top-56 top: 14rem; /* 224px */
right-56 right: 14rem; /* 224px */
bottom-56 bottom: 14rem; /* 224px */
left-56 left: 14rem; /* 224px */
inset-60 top: 15rem; /* 240px */ right: 15rem; /* 240px */ bottom: 15rem; /* 240px */ left: 15rem; /* 240px */
inset-x-60 left: 15rem; /* 240px */ right: 15rem; /* 240px */
inset-y-60 top: 15rem; /* 240px */ bottom: 15rem; /* 240px */
top-60 top: 15rem; /* 240px */
right-60 right: 15rem; /* 240px */
bottom-60 bottom: 15rem; /* 240px */
left-60 left: 15rem; /* 240px */
inset-64 top: 16rem; /* 256px */ right: 16rem; /* 256px */ bottom: 16rem; /* 256px */ left: 16rem; /* 256px */
inset-x-64 left: 16rem; /* 256px */ right: 16rem; /* 256px */
inset-y-64 top: 16rem; /* 256px */ bottom: 16rem; /* 256px */
top-64 top: 16rem; /* 256px */
right-64 right: 16rem; /* 256px */
bottom-64 bottom: 16rem; /* 256px */
left-64 left: 16rem; /* 256px */
inset-72 top: 18rem; /* 288px */ right: 18rem; /* 288px */ bottom: 18rem; /* 288px */ left: 18rem; /* 288px */
inset-x-72 left: 18rem; /* 288px */ right: 18rem; /* 288px */
inset-y-72 top: 18rem; /* 288px */ bottom: 18rem; /* 288px */
top-72 top: 18rem; /* 288px */
right-72 right: 18rem; /* 288px */
bottom-72 bottom: 18rem; /* 288px */
left-72 left: 18rem; /* 288px */
inset-80 top: 20rem; /* 320px */ right: 20rem; /* 320px */ bottom: 20rem; /* 320px */ left: 20rem; /* 320px */
inset-x-80 left: 20rem; /* 320px */ right: 20rem; /* 320px */
inset-y-80 top: 20rem; /* 320px */ bottom: 20rem; /* 320px */
top-80 top: 20rem; /* 320px */
right-80 right: 20rem; /* 320px */
bottom-80 bottom: 20rem; /* 320px */
left-80 left: 20rem; /* 320px */
inset-96 top: 24rem; /* 384px */ right: 24rem; /* 384px */ bottom: 24rem; /* 384px */ left: 24rem; /* 384px */
inset-x-96 left: 24rem; /* 384px */ right: 24rem; /* 384px */
inset-y-96 top: 24rem; /* 384px */ bottom: 24rem; /* 384px */
top-96 top: 24rem; /* 384px */
right-96 right: 24rem; /* 384px */
bottom-96 bottom: 24rem; /* 384px */
left-96 left: 24rem; /* 384px */
inset-auto top: auto; right: auto; bottom: auto; left: auto;
inset-1/2 top: 50%; right: 50%; bottom: 50%; left: 50%;
inset-1/3 top: 33.333333%; right: 33.333333%; bottom: 33.333333%; left: 33.333333%;
inset-2/3 top: 66.666667%; right: 66.666667%; bottom: 66.666667%; left: 66.666667%;
inset-1/4 top: 25%; right: 25%; bottom: 25%; left: 25%;
inset-2/4 top: 50%; right: 50%; bottom: 50%; left: 50%;
inset-3/4 top: 75%; right: 75%; bottom: 75%; left: 75%;
inset-full top: 100%; right: 100%; bottom: 100%; left: 100%;
inset-x-auto left: auto; right: auto;
inset-x-1/2 left: 50%; right: 50%;
inset-x-1/3 left: 33.333333%; right: 33.333333%;
inset-x-2/3 left: 66.666667%; right: 66.666667%;
inset-x-1/4 left: 25%; right: 25%;
inset-x-2/4 left: 50%; right: 50%;
inset-x-3/4 left: 75%; right: 75%;
inset-x-full left: 100%; right: 100%;
inset-y-auto top: auto; bottom: auto;
inset-y-1/2 top: 50%; bottom: 50%;
inset-y-1/3 top: 33.333333%; bottom: 33.333333%;
inset-y-2/3 top: 66.666667%; bottom: 66.666667%;
inset-y-1/4 top: 25%; bottom: 25%;
inset-y-2/4 top: 50%; bottom: 50%;
inset-y-3/4 top: 75%; bottom: 75%;
inset-y-full top: 100%; bottom: 100%;
top-auto top: auto;
top-1/2 top: 50%;
top-1/3 top: 33.333333%;
top-2/3 top: 66.666667%;
top-1/4 top: 25%;
top-2/4 top: 50%;
top-3/4 top: 75%;
top-full top: 100%;
right-auto right: auto;
right-1/2 right: 50%;
right-1/3 right: 33.333333%;
right-2/3 right: 66.666667%;
right-1/4 right: 25%;
right-2/4 right: 50%;
right-3/4 right: 75%;
right-full right: 100%;
bottom-auto bottom: auto;
bottom-1/2 bottom: 50%;
bottom-1/3 bottom: 33.333333%;
bottom-2/3 bottom: 66.666667%;
bottom-1/4 bottom: 25%;
bottom-2/4 bottom: 50%;
bottom-3/4 bottom: 75%;
bottom-full bottom: 100%;
left-auto left: auto;
left-1/2 left: 50%;
left-1/3 left: 33.333333%;
left-2/3 left: 66.666667%;
left-1/4 left: 25%;
left-2/4 left: 50%;
left-3/4 left: 75%;
left-full left: 100%;

Visibility

https://tailwindcss.com/docs/visibility

Class name Properties
visible visibility: visible;
invisible visibility: hidden;
collapse visibility: collapse;

Z-Index

https://tailwindcss.com/docs/z-index

Class name Properties
z-0 z-index: 0;
z-10 z-index: 10;
z-20 z-index: 20;
z-30 z-index: 30;
z-40 z-index: 40;
z-50 z-index: 50;
z-auto z-index: auto;

Effects

Box Shadow

https://tailwindcss.com/docs/box-shadow

Class name Properties
shadow-sm box-shadow: 0 1px 2px 0 rgb(0 0 0 / 0.05);
shadow box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
shadow-md box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
shadow-lg box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
shadow-xl box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
shadow-2xl box-shadow: 0 25px 50px -12px rgb(0 0 0 / 0.25);
shadow-inner box-shadow: inset 0 2px 4px 0 rgb(0 0 0 / 0.05);
shadow-none box-shadow: 0 0 #0000;

Donate KJ 贊助作者喝咖啡

如果這篇文章對你有幫助的話,可以透過下面支付方式贊助作者喝咖啡,如果有什麼建議或想說的話可以贊助並留言給我
If this article has been helpful to you, you can support the author by treating them to a coffee through the payment options below. If you have any suggestions or comments, feel free to sponsor and leave a message for me!
方式 Method 贊助 Donate
PayPal https://paypal.me/kejyun
綠界 ECPay https://p.ecpay.com.tw/AC218F1
歐付寶 OPay https://payment.opay.tw/Broadcaster/Donate/BD2BD896029F2155041C8C8FAED3A6F8
All rights reserved,未經允許不得隨意轉載
Built with Hugo
主题 StackJimmy 设计