From b3513d4e0fb2982e690a8c8cb98b058d00323f38 Mon Sep 17 00:00:00 2001 From: Sebastien Pelletier Date: Tue, 21 Apr 2020 18:11:26 +0300 Subject: [PATCH] Added support for TailwindCSS 1.3 Refactored PHP class extractor Classes are now sorted alphabetically --- extractClassNames.php | 118 +- src/views/tailwind-classes.js | 10275 ++++++++--------- tailwind-ui.css | 627 +- tailwind.css | 19189 +++++++++++++++++++------------- 4 files changed, 17057 insertions(+), 13152 deletions(-) diff --git a/extractClassNames.php b/extractClassNames.php index f0b7df2..2a6e8e5 100644 --- a/extractClassNames.php +++ b/extractClassNames.php @@ -1,74 +1,88 @@ :not(template) ~ :not(template)', + ]; + + foreach ($stripThese as $strip) { + $match = str_replace($strip, '', $match); + } + + $keepers[] = sprintf(' \'%s\',', $match); } - $keepers[] = sprintf(' \'%s\',', $match); + return $keepers; } +$keepers = array_merge($classes['tailwind.css'], $classes['tailwind-ui.css']); + +sort($keepers); + $file = ' export default { data() { @@ -81,4 +95,4 @@ classes: [ }; '; -file_put_contents('tailwind-classes.js', $file); +file_put_contents('src/views/tailwind-classes.js', $file); diff --git a/src/views/tailwind-classes.js b/src/views/tailwind-classes.js index fb3b40c..b716538 100644 --- a/src/views/tailwind-classes.js +++ b/src/views/tailwind-classes.js @@ -3,5143 +3,5346 @@ export default { data() { return { classes: [ - 'container', - 'sr-only', - 'not-sr-only', - 'focus:sr-only', - 'focus:not-sr-only', - 'appearance-none', - 'bg-fixed', - 'bg-local', - 'bg-scroll', - 'bg-transparent', - 'bg-white', - 'bg-black', - 'bg-gray-50', - 'bg-gray-100', - 'bg-gray-200', - 'bg-gray-300', - 'bg-gray-400', - 'bg-gray-500', - 'bg-gray-600', - 'bg-gray-700', - 'bg-gray-800', - 'bg-gray-900', - 'bg-cool-gray-50', - 'bg-cool-gray-100', - 'bg-cool-gray-200', - 'bg-cool-gray-300', - 'bg-cool-gray-400', - 'bg-cool-gray-500', - 'bg-cool-gray-600', - 'bg-cool-gray-700', - 'bg-cool-gray-800', - 'bg-cool-gray-900', - 'bg-red-50', - 'bg-red-100', - 'bg-red-200', - 'bg-red-300', - 'bg-red-400', - 'bg-red-500', - 'bg-red-600', - 'bg-red-700', - 'bg-red-800', - 'bg-red-900', - 'bg-orange-50', - 'bg-orange-100', - 'bg-orange-200', - 'bg-orange-300', - 'bg-orange-400', - 'bg-orange-500', - 'bg-orange-600', - 'bg-orange-700', - 'bg-orange-800', - 'bg-orange-900', - 'bg-yellow-50', - 'bg-yellow-100', - 'bg-yellow-200', - 'bg-yellow-300', - 'bg-yellow-400', - 'bg-yellow-500', - 'bg-yellow-600', - 'bg-yellow-700', - 'bg-yellow-800', - 'bg-yellow-900', - 'bg-green-50', - 'bg-green-100', - 'bg-green-200', - 'bg-green-300', - 'bg-green-400', - 'bg-green-500', - 'bg-green-600', - 'bg-green-700', - 'bg-green-800', - 'bg-green-900', - 'bg-teal-50', - 'bg-teal-100', - 'bg-teal-200', - 'bg-teal-300', - 'bg-teal-400', - 'bg-teal-500', - 'bg-teal-600', - 'bg-teal-700', - 'bg-teal-800', - 'bg-teal-900', - 'bg-blue-50', - 'bg-blue-100', - 'bg-blue-200', - 'bg-blue-300', - 'bg-blue-400', - 'bg-blue-500', - 'bg-blue-600', - 'bg-blue-700', - 'bg-blue-800', - 'bg-blue-900', - 'bg-indigo-50', - 'bg-indigo-100', - 'bg-indigo-200', - 'bg-indigo-300', - 'bg-indigo-400', - 'bg-indigo-500', - 'bg-indigo-600', - 'bg-indigo-700', - 'bg-indigo-800', - 'bg-indigo-900', - 'bg-purple-50', - 'bg-purple-100', - 'bg-purple-200', - 'bg-purple-300', - 'bg-purple-400', - 'bg-purple-500', - 'bg-purple-600', - 'bg-purple-700', - 'bg-purple-800', - 'bg-purple-900', - 'bg-pink-50', - 'bg-pink-100', - 'bg-pink-200', - 'bg-pink-300', - 'bg-pink-400', - 'bg-pink-500', - 'bg-pink-600', - 'bg-pink-700', - 'bg-pink-800', - 'bg-pink-900', - 'hover:bg-transparent:hover', - 'hover:bg-white:hover', - 'hover:bg-black:hover', - 'hover:bg-gray-50:hover', - 'hover:bg-gray-100:hover', - 'hover:bg-gray-200:hover', - 'hover:bg-gray-300:hover', - 'hover:bg-gray-400:hover', - 'hover:bg-gray-500:hover', - 'hover:bg-gray-600:hover', - 'hover:bg-gray-700:hover', - 'hover:bg-gray-800:hover', - 'hover:bg-gray-900:hover', - 'hover:bg-cool-gray-50:hover', - 'hover:bg-cool-gray-100:hover', - 'hover:bg-cool-gray-200:hover', - 'hover:bg-cool-gray-300:hover', - 'hover:bg-cool-gray-400:hover', - 'hover:bg-cool-gray-500:hover', - 'hover:bg-cool-gray-600:hover', - 'hover:bg-cool-gray-700:hover', - 'hover:bg-cool-gray-800:hover', - 'hover:bg-cool-gray-900:hover', - 'hover:bg-red-50:hover', - 'hover:bg-red-100:hover', - 'hover:bg-red-200:hover', - 'hover:bg-red-300:hover', - 'hover:bg-red-400:hover', - 'hover:bg-red-500:hover', - 'hover:bg-red-600:hover', - 'hover:bg-red-700:hover', - 'hover:bg-red-800:hover', - 'hover:bg-red-900:hover', - 'hover:bg-orange-50:hover', - 'hover:bg-orange-100:hover', - 'hover:bg-orange-200:hover', - 'hover:bg-orange-300:hover', - 'hover:bg-orange-400:hover', - 'hover:bg-orange-500:hover', - 'hover:bg-orange-600:hover', - 'hover:bg-orange-700:hover', - 'hover:bg-orange-800:hover', - 'hover:bg-orange-900:hover', - 'hover:bg-yellow-50:hover', - 'hover:bg-yellow-100:hover', - 'hover:bg-yellow-200:hover', - 'hover:bg-yellow-300:hover', - 'hover:bg-yellow-400:hover', - 'hover:bg-yellow-500:hover', - 'hover:bg-yellow-600:hover', - 'hover:bg-yellow-700:hover', - 'hover:bg-yellow-800:hover', - 'hover:bg-yellow-900:hover', - 'hover:bg-green-50:hover', - 'hover:bg-green-100:hover', - 'hover:bg-green-200:hover', - 'hover:bg-green-300:hover', - 'hover:bg-green-400:hover', - 'hover:bg-green-500:hover', - 'hover:bg-green-600:hover', - 'hover:bg-green-700:hover', - 'hover:bg-green-800:hover', - 'hover:bg-green-900:hover', - 'hover:bg-teal-50:hover', - 'hover:bg-teal-100:hover', - 'hover:bg-teal-200:hover', - 'hover:bg-teal-300:hover', - 'hover:bg-teal-400:hover', - 'hover:bg-teal-500:hover', - 'hover:bg-teal-600:hover', - 'hover:bg-teal-700:hover', - 'hover:bg-teal-800:hover', - 'hover:bg-teal-900:hover', - 'hover:bg-blue-50:hover', - 'hover:bg-blue-100:hover', - 'hover:bg-blue-200:hover', - 'hover:bg-blue-300:hover', - 'hover:bg-blue-400:hover', - 'hover:bg-blue-500:hover', - 'hover:bg-blue-600:hover', - 'hover:bg-blue-700:hover', - 'hover:bg-blue-800:hover', - 'hover:bg-blue-900:hover', - 'hover:bg-indigo-50:hover', - 'hover:bg-indigo-100:hover', - 'hover:bg-indigo-200:hover', - 'hover:bg-indigo-300:hover', - 'hover:bg-indigo-400:hover', - 'hover:bg-indigo-500:hover', - 'hover:bg-indigo-600:hover', - 'hover:bg-indigo-700:hover', - 'hover:bg-indigo-800:hover', - 'hover:bg-indigo-900:hover', - 'hover:bg-purple-50:hover', - 'hover:bg-purple-100:hover', - 'hover:bg-purple-200:hover', - 'hover:bg-purple-300:hover', - 'hover:bg-purple-400:hover', - 'hover:bg-purple-500:hover', - 'hover:bg-purple-600:hover', - 'hover:bg-purple-700:hover', - 'hover:bg-purple-800:hover', - 'hover:bg-purple-900:hover', - 'hover:bg-pink-50:hover', - 'hover:bg-pink-100:hover', - 'hover:bg-pink-200:hover', - 'hover:bg-pink-300:hover', - 'hover:bg-pink-400:hover', - 'hover:bg-pink-500:hover', - 'hover:bg-pink-600:hover', - 'hover:bg-pink-700:hover', - 'hover:bg-pink-800:hover', - 'hover:bg-pink-900:hover', - 'focus:bg-transparent', - 'focus:bg-white', - 'focus:bg-black', - 'focus:bg-gray-50', - 'focus:bg-gray-100', - 'focus:bg-gray-200', - 'focus:bg-gray-300', - 'focus:bg-gray-400', - 'focus:bg-gray-500', - 'focus:bg-gray-600', - 'focus:bg-gray-700', - 'focus:bg-gray-800', - 'focus:bg-gray-900', - 'focus:bg-cool-gray-50', - 'focus:bg-cool-gray-100', - 'focus:bg-cool-gray-200', - 'focus:bg-cool-gray-300', - 'focus:bg-cool-gray-400', - 'focus:bg-cool-gray-500', - 'focus:bg-cool-gray-600', - 'focus:bg-cool-gray-700', - 'focus:bg-cool-gray-800', - 'focus:bg-cool-gray-900', - 'focus:bg-red-50', - 'focus:bg-red-100', - 'focus:bg-red-200', - 'focus:bg-red-300', - 'focus:bg-red-400', - 'focus:bg-red-500', - 'focus:bg-red-600', - 'focus:bg-red-700', - 'focus:bg-red-800', - 'focus:bg-red-900', - 'focus:bg-orange-50', - 'focus:bg-orange-100', - 'focus:bg-orange-200', - 'focus:bg-orange-300', - 'focus:bg-orange-400', - 'focus:bg-orange-500', - 'focus:bg-orange-600', - 'focus:bg-orange-700', - 'focus:bg-orange-800', - 'focus:bg-orange-900', - 'focus:bg-yellow-50', - 'focus:bg-yellow-100', - 'focus:bg-yellow-200', - 'focus:bg-yellow-300', - 'focus:bg-yellow-400', - 'focus:bg-yellow-500', - 'focus:bg-yellow-600', - 'focus:bg-yellow-700', - 'focus:bg-yellow-800', - 'focus:bg-yellow-900', - 'focus:bg-green-50', - 'focus:bg-green-100', - 'focus:bg-green-200', - 'focus:bg-green-300', - 'focus:bg-green-400', - 'focus:bg-green-500', - 'focus:bg-green-600', - 'focus:bg-green-700', - 'focus:bg-green-800', - 'focus:bg-green-900', - 'focus:bg-teal-50', - 'focus:bg-teal-100', - 'focus:bg-teal-200', - 'focus:bg-teal-300', - 'focus:bg-teal-400', - 'focus:bg-teal-500', - 'focus:bg-teal-600', - 'focus:bg-teal-700', - 'focus:bg-teal-800', - 'focus:bg-teal-900', - 'focus:bg-blue-50', - 'focus:bg-blue-100', - 'focus:bg-blue-200', - 'focus:bg-blue-300', - 'focus:bg-blue-400', - 'focus:bg-blue-500', - 'focus:bg-blue-600', - 'focus:bg-blue-700', - 'focus:bg-blue-800', - 'focus:bg-blue-900', - 'focus:bg-indigo-50', - 'focus:bg-indigo-100', - 'focus:bg-indigo-200', - 'focus:bg-indigo-300', - 'focus:bg-indigo-400', - 'focus:bg-indigo-500', - 'focus:bg-indigo-600', - 'focus:bg-indigo-700', - 'focus:bg-indigo-800', - 'focus:bg-indigo-900', - 'focus:bg-purple-50', - 'focus:bg-purple-100', - 'focus:bg-purple-200', - 'focus:bg-purple-300', - 'focus:bg-purple-400', - 'focus:bg-purple-500', - 'focus:bg-purple-600', - 'focus:bg-purple-700', - 'focus:bg-purple-800', - 'focus:bg-purple-900', - 'focus:bg-pink-50', - 'focus:bg-pink-100', - 'focus:bg-pink-200', - 'focus:bg-pink-300', - 'focus:bg-pink-400', - 'focus:bg-pink-500', - 'focus:bg-pink-600', - 'focus:bg-pink-700', - 'focus:bg-pink-800', - 'focus:bg-pink-900', - 'active:bg-transparent:active', - 'active:bg-white:active', - 'active:bg-black:active', - 'active:bg-gray-50:active', - 'active:bg-gray-100:active', - 'active:bg-gray-200:active', - 'active:bg-gray-300:active', - 'active:bg-gray-400:active', - 'active:bg-gray-500:active', - 'active:bg-gray-600:active', - 'active:bg-gray-700:active', - 'active:bg-gray-800:active', - 'active:bg-gray-900:active', - 'active:bg-cool-gray-50:active', - 'active:bg-cool-gray-100:active', - 'active:bg-cool-gray-200:active', - 'active:bg-cool-gray-300:active', - 'active:bg-cool-gray-400:active', - 'active:bg-cool-gray-500:active', - 'active:bg-cool-gray-600:active', - 'active:bg-cool-gray-700:active', - 'active:bg-cool-gray-800:active', - 'active:bg-cool-gray-900:active', - 'active:bg-red-50:active', - 'active:bg-red-100:active', - 'active:bg-red-200:active', - 'active:bg-red-300:active', - 'active:bg-red-400:active', - 'active:bg-red-500:active', - 'active:bg-red-600:active', - 'active:bg-red-700:active', - 'active:bg-red-800:active', - 'active:bg-red-900:active', - 'active:bg-orange-50:active', - 'active:bg-orange-100:active', - 'active:bg-orange-200:active', - 'active:bg-orange-300:active', - 'active:bg-orange-400:active', - 'active:bg-orange-500:active', - 'active:bg-orange-600:active', - 'active:bg-orange-700:active', - 'active:bg-orange-800:active', - 'active:bg-orange-900:active', - 'active:bg-yellow-50:active', - 'active:bg-yellow-100:active', - 'active:bg-yellow-200:active', - 'active:bg-yellow-300:active', - 'active:bg-yellow-400:active', - 'active:bg-yellow-500:active', - 'active:bg-yellow-600:active', - 'active:bg-yellow-700:active', - 'active:bg-yellow-800:active', - 'active:bg-yellow-900:active', - 'active:bg-green-50:active', - 'active:bg-green-100:active', - 'active:bg-green-200:active', - 'active:bg-green-300:active', - 'active:bg-green-400:active', - 'active:bg-green-500:active', - 'active:bg-green-600:active', - 'active:bg-green-700:active', - 'active:bg-green-800:active', - 'active:bg-green-900:active', - 'active:bg-teal-50:active', - 'active:bg-teal-100:active', - 'active:bg-teal-200:active', - 'active:bg-teal-300:active', - 'active:bg-teal-400:active', - 'active:bg-teal-500:active', - 'active:bg-teal-600:active', - 'active:bg-teal-700:active', - 'active:bg-teal-800:active', - 'active:bg-teal-900:active', - 'active:bg-blue-50:active', - 'active:bg-blue-100:active', - 'active:bg-blue-200:active', - 'active:bg-blue-300:active', - 'active:bg-blue-400:active', - 'active:bg-blue-500:active', - 'active:bg-blue-600:active', - 'active:bg-blue-700:active', - 'active:bg-blue-800:active', - 'active:bg-blue-900:active', - 'active:bg-indigo-50:active', - 'active:bg-indigo-100:active', - 'active:bg-indigo-200:active', - 'active:bg-indigo-300:active', - 'active:bg-indigo-400:active', - 'active:bg-indigo-500:active', - 'active:bg-indigo-600:active', - 'active:bg-indigo-700:active', - 'active:bg-indigo-800:active', - 'active:bg-indigo-900:active', - 'active:bg-purple-50:active', - 'active:bg-purple-100:active', - 'active:bg-purple-200:active', - 'active:bg-purple-300:active', - 'active:bg-purple-400:active', - 'active:bg-purple-500:active', - 'active:bg-purple-600:active', - 'active:bg-purple-700:active', - 'active:bg-purple-800:active', - 'active:bg-purple-900:active', - 'active:bg-pink-50:active', - 'active:bg-pink-100:active', - 'active:bg-pink-200:active', - 'active:bg-pink-300:active', - 'active:bg-pink-400:active', - 'active:bg-pink-500:active', - 'active:bg-pink-600:active', - 'active:bg-pink-700:active', - 'active:bg-pink-800:active', - 'active:bg-pink-900:active', - 'bg-bottom', - 'bg-center', - 'bg-left', - 'bg-left-bottom', - 'bg-left-top', - 'bg-right', - 'bg-right-bottom', - 'bg-right-top', - 'bg-top', - 'bg-repeat', - 'bg-no-repeat', - 'bg-repeat-x', - 'bg-repeat-y', - 'bg-repeat-round', - 'bg-repeat-space', - 'bg-auto', - 'bg-cover', - 'bg-contain', - 'border-collapse', - 'border-separate', - 'border-transparent', - 'border-white', - 'border-black', - 'border-gray-50', - 'border-gray-100', - 'border-gray-200', - 'border-gray-300', - 'border-gray-400', - 'border-gray-500', - 'border-gray-600', - 'border-gray-700', - 'border-gray-800', - 'border-gray-900', - 'border-cool-gray-50', - 'border-cool-gray-100', - 'border-cool-gray-200', - 'border-cool-gray-300', - 'border-cool-gray-400', - 'border-cool-gray-500', - 'border-cool-gray-600', - 'border-cool-gray-700', - 'border-cool-gray-800', - 'border-cool-gray-900', - 'border-red-50', - 'border-red-100', - 'border-red-200', - 'border-red-300', - 'border-red-400', - 'border-red-500', - 'border-red-600', - 'border-red-700', - 'border-red-800', - 'border-red-900', - 'border-orange-50', - 'border-orange-100', - 'border-orange-200', - 'border-orange-300', - 'border-orange-400', - 'border-orange-500', - 'border-orange-600', - 'border-orange-700', - 'border-orange-800', - 'border-orange-900', - 'border-yellow-50', - 'border-yellow-100', - 'border-yellow-200', - 'border-yellow-300', - 'border-yellow-400', - 'border-yellow-500', - 'border-yellow-600', - 'border-yellow-700', - 'border-yellow-800', - 'border-yellow-900', - 'border-green-50', - 'border-green-100', - 'border-green-200', - 'border-green-300', - 'border-green-400', - 'border-green-500', - 'border-green-600', - 'border-green-700', - 'border-green-800', - 'border-green-900', - 'border-teal-50', - 'border-teal-100', - 'border-teal-200', - 'border-teal-300', - 'border-teal-400', - 'border-teal-500', - 'border-teal-600', - 'border-teal-700', - 'border-teal-800', - 'border-teal-900', - 'border-blue-50', - 'border-blue-100', - 'border-blue-200', - 'border-blue-300', - 'border-blue-400', - 'border-blue-500', - 'border-blue-600', - 'border-blue-700', - 'border-blue-800', - 'border-blue-900', - 'border-indigo-50', - 'border-indigo-100', - 'border-indigo-200', - 'border-indigo-300', - 'border-indigo-400', - 'border-indigo-500', - 'border-indigo-600', - 'border-indigo-700', - 'border-indigo-800', - 'border-indigo-900', - 'border-purple-50', - 'border-purple-100', - 'border-purple-200', - 'border-purple-300', - 'border-purple-400', - 'border-purple-500', - 'border-purple-600', - 'border-purple-700', - 'border-purple-800', - 'border-purple-900', - 'border-pink-50', - 'border-pink-100', - 'border-pink-200', - 'border-pink-300', - 'border-pink-400', - 'border-pink-500', - 'border-pink-600', - 'border-pink-700', - 'border-pink-800', - 'border-pink-900', - 'hover:border-transparent:hover', - 'hover:border-white:hover', - 'hover:border-black:hover', - 'hover:border-gray-50:hover', - 'hover:border-gray-100:hover', - 'hover:border-gray-200:hover', - 'hover:border-gray-300:hover', - 'hover:border-gray-400:hover', - 'hover:border-gray-500:hover', - 'hover:border-gray-600:hover', - 'hover:border-gray-700:hover', - 'hover:border-gray-800:hover', - 'hover:border-gray-900:hover', - 'hover:border-cool-gray-50:hover', - 'hover:border-cool-gray-100:hover', - 'hover:border-cool-gray-200:hover', - 'hover:border-cool-gray-300:hover', - 'hover:border-cool-gray-400:hover', - 'hover:border-cool-gray-500:hover', - 'hover:border-cool-gray-600:hover', - 'hover:border-cool-gray-700:hover', - 'hover:border-cool-gray-800:hover', - 'hover:border-cool-gray-900:hover', - 'hover:border-red-50:hover', - 'hover:border-red-100:hover', - 'hover:border-red-200:hover', - 'hover:border-red-300:hover', - 'hover:border-red-400:hover', - 'hover:border-red-500:hover', - 'hover:border-red-600:hover', - 'hover:border-red-700:hover', - 'hover:border-red-800:hover', - 'hover:border-red-900:hover', - 'hover:border-orange-50:hover', - 'hover:border-orange-100:hover', - 'hover:border-orange-200:hover', - 'hover:border-orange-300:hover', - 'hover:border-orange-400:hover', - 'hover:border-orange-500:hover', - 'hover:border-orange-600:hover', - 'hover:border-orange-700:hover', - 'hover:border-orange-800:hover', - 'hover:border-orange-900:hover', - 'hover:border-yellow-50:hover', - 'hover:border-yellow-100:hover', - 'hover:border-yellow-200:hover', - 'hover:border-yellow-300:hover', - 'hover:border-yellow-400:hover', - 'hover:border-yellow-500:hover', - 'hover:border-yellow-600:hover', - 'hover:border-yellow-700:hover', - 'hover:border-yellow-800:hover', - 'hover:border-yellow-900:hover', - 'hover:border-green-50:hover', - 'hover:border-green-100:hover', - 'hover:border-green-200:hover', - 'hover:border-green-300:hover', - 'hover:border-green-400:hover', - 'hover:border-green-500:hover', - 'hover:border-green-600:hover', - 'hover:border-green-700:hover', - 'hover:border-green-800:hover', - 'hover:border-green-900:hover', - 'hover:border-teal-50:hover', - 'hover:border-teal-100:hover', - 'hover:border-teal-200:hover', - 'hover:border-teal-300:hover', - 'hover:border-teal-400:hover', - 'hover:border-teal-500:hover', - 'hover:border-teal-600:hover', - 'hover:border-teal-700:hover', - 'hover:border-teal-800:hover', - 'hover:border-teal-900:hover', - 'hover:border-blue-50:hover', - 'hover:border-blue-100:hover', - 'hover:border-blue-200:hover', - 'hover:border-blue-300:hover', - 'hover:border-blue-400:hover', - 'hover:border-blue-500:hover', - 'hover:border-blue-600:hover', - 'hover:border-blue-700:hover', - 'hover:border-blue-800:hover', - 'hover:border-blue-900:hover', - 'hover:border-indigo-50:hover', - 'hover:border-indigo-100:hover', - 'hover:border-indigo-200:hover', - 'hover:border-indigo-300:hover', - 'hover:border-indigo-400:hover', - 'hover:border-indigo-500:hover', - 'hover:border-indigo-600:hover', - 'hover:border-indigo-700:hover', - 'hover:border-indigo-800:hover', - 'hover:border-indigo-900:hover', - 'hover:border-purple-50:hover', - 'hover:border-purple-100:hover', - 'hover:border-purple-200:hover', - 'hover:border-purple-300:hover', - 'hover:border-purple-400:hover', - 'hover:border-purple-500:hover', - 'hover:border-purple-600:hover', - 'hover:border-purple-700:hover', - 'hover:border-purple-800:hover', - 'hover:border-purple-900:hover', - 'hover:border-pink-50:hover', - 'hover:border-pink-100:hover', - 'hover:border-pink-200:hover', - 'hover:border-pink-300:hover', - 'hover:border-pink-400:hover', - 'hover:border-pink-500:hover', - 'hover:border-pink-600:hover', - 'hover:border-pink-700:hover', - 'hover:border-pink-800:hover', - 'hover:border-pink-900:hover', - 'focus:border-transparent', - 'focus:border-white', - 'focus:border-black', - 'focus:border-gray-50', - 'focus:border-gray-100', - 'focus:border-gray-200', - 'focus:border-gray-300', - 'focus:border-gray-400', - 'focus:border-gray-500', - 'focus:border-gray-600', - 'focus:border-gray-700', - 'focus:border-gray-800', - 'focus:border-gray-900', - 'focus:border-cool-gray-50', - 'focus:border-cool-gray-100', - 'focus:border-cool-gray-200', - 'focus:border-cool-gray-300', - 'focus:border-cool-gray-400', - 'focus:border-cool-gray-500', - 'focus:border-cool-gray-600', - 'focus:border-cool-gray-700', - 'focus:border-cool-gray-800', - 'focus:border-cool-gray-900', - 'focus:border-red-50', - 'focus:border-red-100', - 'focus:border-red-200', - 'focus:border-red-300', - 'focus:border-red-400', - 'focus:border-red-500', - 'focus:border-red-600', - 'focus:border-red-700', - 'focus:border-red-800', - 'focus:border-red-900', - 'focus:border-orange-50', - 'focus:border-orange-100', - 'focus:border-orange-200', - 'focus:border-orange-300', - 'focus:border-orange-400', - 'focus:border-orange-500', - 'focus:border-orange-600', - 'focus:border-orange-700', - 'focus:border-orange-800', - 'focus:border-orange-900', - 'focus:border-yellow-50', - 'focus:border-yellow-100', - 'focus:border-yellow-200', - 'focus:border-yellow-300', - 'focus:border-yellow-400', - 'focus:border-yellow-500', - 'focus:border-yellow-600', - 'focus:border-yellow-700', - 'focus:border-yellow-800', - 'focus:border-yellow-900', - 'focus:border-green-50', - 'focus:border-green-100', - 'focus:border-green-200', - 'focus:border-green-300', - 'focus:border-green-400', - 'focus:border-green-500', - 'focus:border-green-600', - 'focus:border-green-700', - 'focus:border-green-800', - 'focus:border-green-900', - 'focus:border-teal-50', - 'focus:border-teal-100', - 'focus:border-teal-200', - 'focus:border-teal-300', - 'focus:border-teal-400', - 'focus:border-teal-500', - 'focus:border-teal-600', - 'focus:border-teal-700', - 'focus:border-teal-800', - 'focus:border-teal-900', - 'focus:border-blue-50', - 'focus:border-blue-100', - 'focus:border-blue-200', - 'focus:border-blue-300', - 'focus:border-blue-400', - 'focus:border-blue-500', - 'focus:border-blue-600', - 'focus:border-blue-700', - 'focus:border-blue-800', - 'focus:border-blue-900', - 'focus:border-indigo-50', - 'focus:border-indigo-100', - 'focus:border-indigo-200', - 'focus:border-indigo-300', - 'focus:border-indigo-400', - 'focus:border-indigo-500', - 'focus:border-indigo-600', - 'focus:border-indigo-700', - 'focus:border-indigo-800', - 'focus:border-indigo-900', - 'focus:border-purple-50', - 'focus:border-purple-100', - 'focus:border-purple-200', - 'focus:border-purple-300', - 'focus:border-purple-400', - 'focus:border-purple-500', - 'focus:border-purple-600', - 'focus:border-purple-700', - 'focus:border-purple-800', - 'focus:border-purple-900', - 'focus:border-pink-50', - 'focus:border-pink-100', - 'focus:border-pink-200', - 'focus:border-pink-300', - 'focus:border-pink-400', - 'focus:border-pink-500', - 'focus:border-pink-600', - 'focus:border-pink-700', - 'focus:border-pink-800', - 'focus:border-pink-900', - 'rounded-none', - 'rounded-sm', - 'rounded', - 'rounded-md', - 'rounded-lg', - 'rounded-full', - 'rounded-t-none', - 'rounded-r-none', - 'rounded-b-none', - 'rounded-l-none', - 'rounded-t-sm', - 'rounded-r-sm', - 'rounded-b-sm', - 'rounded-l-sm', - 'rounded-t', - 'rounded-r', - 'rounded-b', - 'rounded-l', - 'rounded-t-md', - 'rounded-r-md', - 'rounded-b-md', - 'rounded-l-md', - 'rounded-t-lg', - 'rounded-r-lg', - 'rounded-b-lg', - 'rounded-l-lg', - 'rounded-t-full', - 'rounded-r-full', - 'rounded-b-full', - 'rounded-l-full', - 'rounded-tl-none', - 'rounded-tr-none', - 'rounded-br-none', - 'rounded-bl-none', - 'rounded-tl-sm', - 'rounded-tr-sm', - 'rounded-br-sm', - 'rounded-bl-sm', - 'rounded-tl', - 'rounded-tr', - 'rounded-br', - 'rounded-bl', - 'rounded-tl-md', - 'rounded-tr-md', - 'rounded-br-md', - 'rounded-bl-md', - 'rounded-tl-lg', - 'rounded-tr-lg', - 'rounded-br-lg', - 'rounded-bl-lg', - 'rounded-tl-full', - 'rounded-tr-full', - 'rounded-br-full', - 'rounded-bl-full', - 'border-solid', - 'border-dashed', - 'border-dotted', - 'border-double', - 'border-none', - 'border-0', - 'border-2', - 'border-4', - 'border-8', - 'border', - 'border-t-0', - 'border-r-0', - 'border-b-0', - 'border-l-0', - 'border-t-2', - 'border-r-2', - 'border-b-2', - 'border-l-2', - 'border-t-4', - 'border-r-4', - 'border-b-4', - 'border-l-4', - 'border-t-8', - 'border-r-8', - 'border-b-8', - 'border-l-8', - 'border-t', - 'border-r', - 'border-b', - 'border-l', - 'box-border', - 'box-content', - 'cursor-auto', - 'cursor-default', - 'cursor-pointer', - 'cursor-wait', - 'cursor-text', - 'cursor-move', - 'cursor-not-allowed', - 'block', - 'inline-block', - 'inline', - 'flex', - 'inline-flex', - 'grid', - 'table', - 'table-caption', - 'table-cell', - 'table-column', - 'table-column-group', - 'table-footer-group', - 'table-header-group', - 'table-row-group', - 'table-row', - 'hidden', - 'flex-row', - 'flex-row-reverse', - 'flex-col', - 'flex-col-reverse', - 'flex-wrap', - 'flex-wrap-reverse', - 'flex-no-wrap', - 'items-start', - 'items-end', - 'items-center', - 'items-baseline', - 'items-stretch', - 'self-auto', - 'self-start', - 'self-end', - 'self-center', - 'self-stretch', - 'justify-start', - 'justify-end', - 'justify-center', - 'justify-between', - 'justify-around', - 'justify-evenly', - 'content-center', - 'content-start', - 'content-end', - 'content-between', - 'content-around', - 'flex-1', - 'flex-auto', - 'flex-initial', - 'flex-none', - 'flex-grow-0', - 'flex-grow', - 'flex-shrink-0', - 'flex-shrink', - 'order-1', - 'order-2', - 'order-3', - 'order-4', - 'order-5', - 'order-6', - 'order-7', - 'order-8', - 'order-9', - 'order-10', - 'order-11', - 'order-12', - 'order-first', - 'order-last', - 'order-none', - 'float-right', - 'float-left', - 'float-none', - 'clearfix:after', - 'clear-left', - 'clear-right', - 'clear-both', - 'font-sans', - 'font-serif', - 'font-mono', - 'font-hairline', - 'font-thin', - 'font-light', - 'font-normal', - 'font-medium', - 'font-semibold', - 'font-bold', - 'font-extrabold', - 'font-black', - 'hover:font-hairline:hover', - 'hover:font-thin:hover', - 'hover:font-light:hover', - 'hover:font-normal:hover', - 'hover:font-medium:hover', - 'hover:font-semibold:hover', - 'hover:font-bold:hover', - 'hover:font-extrabold:hover', - 'hover:font-black:hover', - 'focus:font-hairline', - 'focus:font-thin', - 'focus:font-light', - 'focus:font-normal', - 'focus:font-medium', - 'focus:font-semibold', - 'focus:font-bold', - 'focus:font-extrabold', - 'focus:font-black', - 'h-0', - 'h-1', - 'h-2', - 'h-3', - 'h-4', - 'h-5', - 'h-6', - 'h-7', - 'h-8', - 'h-9', - 'h-10', - 'h-11', - 'h-12', - 'h-13', - 'h-14', - 'h-15', - 'h-16', - 'h-20', - 'h-24', - 'h-28', - 'h-32', - 'h-36', - 'h-40', - 'h-48', - 'h-56', - 'h-60', - 'h-64', - 'h-72', - 'h-80', - 'h-96', - 'h-auto', - 'h-px', - 'h-05', - 'h-25', - 'h-35', - 'h-1/2', - 'h-1/3', - 'h-2/3', - 'h-1/4', - 'h-2/4', - 'h-3/4', - 'h-1/5', - 'h-2/5', - 'h-3/5', - 'h-4/5', - 'h-1/6', - 'h-2/6', - 'h-3/6', - 'h-4/6', - 'h-5/6', - 'h-1/12', - 'h-2/12', - 'h-3/12', - 'h-4/12', - 'h-5/12', - 'h-6/12', - 'h-7/12', - 'h-8/12', - 'h-9/12', - 'h-10/12', - 'h-11/12', - 'h-full', - 'h-screen', - 'leading-3', - 'leading-4', - 'leading-5', - 'leading-6', - 'leading-7', - 'leading-8', - 'leading-9', - 'leading-10', - 'leading-none', - 'leading-tight', - 'leading-snug', - 'leading-normal', - 'leading-relaxed', - 'leading-loose', - 'list-inside', - 'list-outside', - 'list-none', - 'list-disc', - 'list-decimal', - 'm-0', - 'm-1', - 'm-2', - 'm-3', - 'm-4', - 'm-5', - 'm-6', - 'm-7', - 'm-8', - 'm-9', - 'm-10', - 'm-11', - 'm-12', - 'm-13', - 'm-14', - 'm-15', - 'm-16', - 'm-20', - 'm-24', - 'm-28', - 'm-32', - 'm-36', - 'm-40', - 'm-48', - 'm-56', - 'm-60', - 'm-64', - 'm-72', - 'm-80', - 'm-96', - 'm-auto', - 'm-px', - 'm-05', - 'm-25', - 'm-35', - 'm-1/2', - 'm-1/3', - 'm-2/3', - 'm-1/4', - 'm-2/4', - 'm-3/4', - 'm-1/5', - 'm-2/5', - 'm-3/5', - 'm-4/5', - 'm-1/6', - 'm-2/6', - 'm-3/6', - 'm-4/6', - 'm-5/6', - 'm-1/12', - 'm-2/12', - 'm-3/12', - 'm-4/12', - 'm-5/12', - 'm-6/12', - 'm-7/12', - 'm-8/12', - 'm-9/12', - 'm-10/12', - 'm-11/12', - 'm-full', - '-m-1', - '-m-2', - '-m-3', - '-m-4', - '-m-5', - '-m-6', - '-m-7', - '-m-8', - '-m-9', - '-m-10', - '-m-11', - '-m-12', - '-m-13', - '-m-14', - '-m-15', - '-m-16', - '-m-20', - '-m-24', - '-m-28', - '-m-32', - '-m-36', - '-m-40', - '-m-48', - '-m-56', - '-m-60', - '-m-64', - '-m-72', - '-m-80', - '-m-96', - '-m-px', - '-m-05', - '-m-25', - '-m-35', - '-m-1/2', - '-m-1/3', - '-m-2/3', - '-m-1/4', - '-m-2/4', - '-m-3/4', - '-m-1/5', - '-m-2/5', - '-m-3/5', - '-m-4/5', - '-m-1/6', - '-m-2/6', - '-m-3/6', - '-m-4/6', - '-m-5/6', - '-m-1/12', - '-m-2/12', - '-m-3/12', - '-m-4/12', - '-m-5/12', - '-m-6/12', - '-m-7/12', - '-m-8/12', - '-m-9/12', - '-m-10/12', - '-m-11/12', - '-m-full', - 'my-0', - 'mx-0', - 'my-1', - 'mx-1', - 'my-2', - 'mx-2', - 'my-3', - 'mx-3', - 'my-4', - 'mx-4', - 'my-5', - 'mx-5', - 'my-6', - 'mx-6', - 'my-7', - 'mx-7', - 'my-8', - 'mx-8', - 'my-9', - 'mx-9', - 'my-10', - 'mx-10', - 'my-11', - 'mx-11', - 'my-12', - 'mx-12', - 'my-13', - 'mx-13', - 'my-14', - 'mx-14', - 'my-15', - 'mx-15', - 'my-16', - 'mx-16', - 'my-20', - 'mx-20', - 'my-24', - 'mx-24', - 'my-28', - 'mx-28', - 'my-32', - 'mx-32', - 'my-36', - 'mx-36', - 'my-40', - 'mx-40', - 'my-48', - 'mx-48', - 'my-56', - 'mx-56', - 'my-60', - 'mx-60', - 'my-64', - 'mx-64', - 'my-72', - 'mx-72', - 'my-80', - 'mx-80', - 'my-96', - 'mx-96', - 'my-auto', - 'mx-auto', - 'my-px', - 'mx-px', - 'my-05', - 'mx-05', - 'my-25', - 'mx-25', - 'my-35', - 'mx-35', - 'my-1/2', - 'mx-1/2', - 'my-1/3', - 'mx-1/3', - 'my-2/3', - 'mx-2/3', - 'my-1/4', - 'mx-1/4', - 'my-2/4', - 'mx-2/4', - 'my-3/4', - 'mx-3/4', - 'my-1/5', - 'mx-1/5', - 'my-2/5', - 'mx-2/5', - 'my-3/5', - 'mx-3/5', - 'my-4/5', - 'mx-4/5', - 'my-1/6', - 'mx-1/6', - 'my-2/6', - 'mx-2/6', - 'my-3/6', - 'mx-3/6', - 'my-4/6', - 'mx-4/6', - 'my-5/6', - 'mx-5/6', - 'my-1/12', - 'mx-1/12', - 'my-2/12', - 'mx-2/12', - 'my-3/12', - 'mx-3/12', - 'my-4/12', - 'mx-4/12', - 'my-5/12', - 'mx-5/12', - 'my-6/12', - 'mx-6/12', - 'my-7/12', - 'mx-7/12', - 'my-8/12', - 'mx-8/12', - 'my-9/12', - 'mx-9/12', - 'my-10/12', - 'mx-10/12', - 'my-11/12', - 'mx-11/12', - 'my-full', - 'mx-full', - '-my-1', - '-mx-1', - '-my-2', - '-mx-2', - '-my-3', - '-mx-3', - '-my-4', - '-mx-4', - '-my-5', - '-mx-5', - '-my-6', - '-mx-6', - '-my-7', - '-mx-7', - '-my-8', - '-mx-8', - '-my-9', - '-mx-9', - '-my-10', - '-mx-10', - '-my-11', - '-mx-11', - '-my-12', - '-mx-12', - '-my-13', - '-mx-13', - '-my-14', - '-mx-14', - '-my-15', - '-mx-15', - '-my-16', - '-mx-16', - '-my-20', - '-mx-20', - '-my-24', - '-mx-24', - '-my-28', - '-mx-28', - '-my-32', - '-mx-32', - '-my-36', - '-mx-36', - '-my-40', - '-mx-40', - '-my-48', - '-mx-48', - '-my-56', - '-mx-56', - '-my-60', - '-mx-60', - '-my-64', - '-mx-64', - '-my-72', - '-mx-72', - '-my-80', - '-mx-80', - '-my-96', - '-mx-96', - '-my-px', - '-mx-px', - '-my-05', - '-mx-05', - '-my-25', - '-mx-25', - '-my-35', - '-mx-35', - '-my-1/2', - '-mx-1/2', - '-my-1/3', - '-mx-1/3', - '-my-2/3', - '-mx-2/3', - '-my-1/4', - '-mx-1/4', - '-my-2/4', - '-mx-2/4', - '-my-3/4', - '-mx-3/4', - '-my-1/5', - '-mx-1/5', - '-my-2/5', - '-mx-2/5', - '-my-3/5', - '-mx-3/5', - '-my-4/5', - '-mx-4/5', - '-my-1/6', - '-mx-1/6', - '-my-2/6', - '-mx-2/6', - '-my-3/6', - '-mx-3/6', - '-my-4/6', - '-mx-4/6', - '-my-5/6', - '-mx-5/6', - '-my-1/12', - '-mx-1/12', - '-my-2/12', - '-mx-2/12', - '-my-3/12', - '-mx-3/12', - '-my-4/12', - '-mx-4/12', - '-my-5/12', - '-mx-5/12', - '-my-6/12', - '-mx-6/12', - '-my-7/12', - '-mx-7/12', - '-my-8/12', - '-mx-8/12', - '-my-9/12', - '-mx-9/12', - '-my-10/12', - '-mx-10/12', - '-my-11/12', - '-mx-11/12', - '-my-full', - '-mx-full', - 'mt-0', - 'mr-0', - 'mb-0', - 'ml-0', - 'mt-1', - 'mr-1', - 'mb-1', - 'ml-1', - 'mt-2', - 'mr-2', - 'mb-2', - 'ml-2', - 'mt-3', - 'mr-3', - 'mb-3', - 'ml-3', - 'mt-4', - 'mr-4', - 'mb-4', - 'ml-4', - 'mt-5', - 'mr-5', - 'mb-5', - 'ml-5', - 'mt-6', - 'mr-6', - 'mb-6', - 'ml-6', - 'mt-7', - 'mr-7', - 'mb-7', - 'ml-7', - 'mt-8', - 'mr-8', - 'mb-8', - 'ml-8', - 'mt-9', - 'mr-9', - 'mb-9', - 'ml-9', - 'mt-10', - 'mr-10', - 'mb-10', - 'ml-10', - 'mt-11', - 'mr-11', - 'mb-11', - 'ml-11', - 'mt-12', - 'mr-12', - 'mb-12', - 'ml-12', - 'mt-13', - 'mr-13', - 'mb-13', - 'ml-13', - 'mt-14', - 'mr-14', - 'mb-14', - 'ml-14', - 'mt-15', - 'mr-15', - 'mb-15', - 'ml-15', - 'mt-16', - 'mr-16', - 'mb-16', - 'ml-16', - 'mt-20', - 'mr-20', - 'mb-20', - 'ml-20', - 'mt-24', - 'mr-24', - 'mb-24', - 'ml-24', - 'mt-28', - 'mr-28', - 'mb-28', - 'ml-28', - 'mt-32', - 'mr-32', - 'mb-32', - 'ml-32', - 'mt-36', - 'mr-36', - 'mb-36', - 'ml-36', - 'mt-40', - 'mr-40', - 'mb-40', - 'ml-40', - 'mt-48', - 'mr-48', - 'mb-48', - 'ml-48', - 'mt-56', - 'mr-56', - 'mb-56', - 'ml-56', - 'mt-60', - 'mr-60', - 'mb-60', - 'ml-60', - 'mt-64', - 'mr-64', - 'mb-64', - 'ml-64', - 'mt-72', - 'mr-72', - 'mb-72', - 'ml-72', - 'mt-80', - 'mr-80', - 'mb-80', - 'ml-80', - 'mt-96', - 'mr-96', - 'mb-96', - 'ml-96', - 'mt-auto', - 'mr-auto', - 'mb-auto', - 'ml-auto', - 'mt-px', - 'mr-px', - 'mb-px', - 'ml-px', - 'mt-05', - 'mr-05', - 'mb-05', - 'ml-05', - 'mt-25', - 'mr-25', - 'mb-25', - 'ml-25', - 'mt-35', - 'mr-35', - 'mb-35', - 'ml-35', - 'mt-1/2', - 'mr-1/2', - 'mb-1/2', - 'ml-1/2', - 'mt-1/3', - 'mr-1/3', - 'mb-1/3', - 'ml-1/3', - 'mt-2/3', - 'mr-2/3', - 'mb-2/3', - 'ml-2/3', - 'mt-1/4', - 'mr-1/4', - 'mb-1/4', - 'ml-1/4', - 'mt-2/4', - 'mr-2/4', - 'mb-2/4', - 'ml-2/4', - 'mt-3/4', - 'mr-3/4', - 'mb-3/4', - 'ml-3/4', - 'mt-1/5', - 'mr-1/5', - 'mb-1/5', - 'ml-1/5', - 'mt-2/5', - 'mr-2/5', - 'mb-2/5', - 'ml-2/5', - 'mt-3/5', - 'mr-3/5', - 'mb-3/5', - 'ml-3/5', - 'mt-4/5', - 'mr-4/5', - 'mb-4/5', - 'ml-4/5', - 'mt-1/6', - 'mr-1/6', - 'mb-1/6', - 'ml-1/6', - 'mt-2/6', - 'mr-2/6', - 'mb-2/6', - 'ml-2/6', - 'mt-3/6', - 'mr-3/6', - 'mb-3/6', - 'ml-3/6', - 'mt-4/6', - 'mr-4/6', - 'mb-4/6', - 'ml-4/6', - 'mt-5/6', - 'mr-5/6', - 'mb-5/6', - 'ml-5/6', - 'mt-1/12', - 'mr-1/12', - 'mb-1/12', - 'ml-1/12', - 'mt-2/12', - 'mr-2/12', - 'mb-2/12', - 'ml-2/12', - 'mt-3/12', - 'mr-3/12', - 'mb-3/12', - 'ml-3/12', - 'mt-4/12', - 'mr-4/12', - 'mb-4/12', - 'ml-4/12', - 'mt-5/12', - 'mr-5/12', - 'mb-5/12', - 'ml-5/12', - 'mt-6/12', - 'mr-6/12', - 'mb-6/12', - 'ml-6/12', - 'mt-7/12', - 'mr-7/12', - 'mb-7/12', - 'ml-7/12', - 'mt-8/12', - 'mr-8/12', - 'mb-8/12', - 'ml-8/12', - 'mt-9/12', - 'mr-9/12', - 'mb-9/12', - 'ml-9/12', - 'mt-10/12', - 'mr-10/12', - 'mb-10/12', - 'ml-10/12', - 'mt-11/12', - 'mr-11/12', - 'mb-11/12', - 'ml-11/12', - 'mt-full', - 'mr-full', - 'mb-full', - 'ml-full', - '-mt-1', - '-mr-1', - '-mb-1', - '-ml-1', - '-mt-2', - '-mr-2', - '-mb-2', - '-ml-2', - '-mt-3', - '-mr-3', - '-mb-3', - '-ml-3', - '-mt-4', - '-mr-4', - '-mb-4', - '-ml-4', - '-mt-5', - '-mr-5', - '-mb-5', - '-ml-5', - '-mt-6', - '-mr-6', - '-mb-6', - '-ml-6', - '-mt-7', - '-mr-7', - '-mb-7', - '-ml-7', - '-mt-8', - '-mr-8', - '-mb-8', - '-ml-8', - '-mt-9', - '-mr-9', - '-mb-9', - '-ml-9', - '-mt-10', - '-mr-10', - '-mb-10', - '-ml-10', - '-mt-11', - '-mr-11', - '-mb-11', - '-ml-11', - '-mt-12', - '-mr-12', - '-mb-12', - '-ml-12', - '-mt-13', - '-mr-13', - '-mb-13', - '-ml-13', - '-mt-14', - '-mr-14', - '-mb-14', - '-ml-14', - '-mt-15', - '-mr-15', - '-mb-15', - '-ml-15', - '-mt-16', - '-mr-16', - '-mb-16', - '-ml-16', - '-mt-20', - '-mr-20', - '-mb-20', - '-ml-20', - '-mt-24', - '-mr-24', - '-mb-24', - '-ml-24', - '-mt-28', - '-mr-28', - '-mb-28', - '-ml-28', - '-mt-32', - '-mr-32', - '-mb-32', - '-ml-32', - '-mt-36', - '-mr-36', - '-mb-36', - '-ml-36', - '-mt-40', - '-mr-40', - '-mb-40', - '-ml-40', - '-mt-48', - '-mr-48', - '-mb-48', - '-ml-48', - '-mt-56', - '-mr-56', - '-mb-56', - '-ml-56', - '-mt-60', - '-mr-60', - '-mb-60', - '-ml-60', - '-mt-64', - '-mr-64', - '-mb-64', - '-ml-64', - '-mt-72', - '-mr-72', - '-mb-72', - '-ml-72', - '-mt-80', - '-mr-80', - '-mb-80', - '-ml-80', - '-mt-96', - '-mr-96', - '-mb-96', - '-ml-96', - '-mt-px', - '-mr-px', - '-mb-px', - '-ml-px', - '-mt-05', - '-mr-05', - '-mb-05', - '-ml-05', - '-mt-25', - '-mr-25', - '-mb-25', - '-ml-25', - '-mt-35', - '-mr-35', - '-mb-35', - '-ml-35', - '-mt-1/2', - '-mr-1/2', - '-mb-1/2', - '-ml-1/2', - '-mt-1/3', - '-mr-1/3', - '-mb-1/3', - '-ml-1/3', - '-mt-2/3', - '-mr-2/3', - '-mb-2/3', - '-ml-2/3', - '-mt-1/4', - '-mr-1/4', - '-mb-1/4', - '-ml-1/4', - '-mt-2/4', - '-mr-2/4', - '-mb-2/4', - '-ml-2/4', - '-mt-3/4', - '-mr-3/4', - '-mb-3/4', - '-ml-3/4', - '-mt-1/5', - '-mr-1/5', - '-mb-1/5', - '-ml-1/5', - '-mt-2/5', - '-mr-2/5', - '-mb-2/5', - '-ml-2/5', - '-mt-3/5', - '-mr-3/5', - '-mb-3/5', - '-ml-3/5', - '-mt-4/5', - '-mr-4/5', - '-mb-4/5', - '-ml-4/5', - '-mt-1/6', - '-mr-1/6', - '-mb-1/6', - '-ml-1/6', - '-mt-2/6', - '-mr-2/6', - '-mb-2/6', - '-ml-2/6', - '-mt-3/6', - '-mr-3/6', - '-mb-3/6', - '-ml-3/6', - '-mt-4/6', - '-mr-4/6', - '-mb-4/6', - '-ml-4/6', - '-mt-5/6', - '-mr-5/6', - '-mb-5/6', - '-ml-5/6', - '-mt-1/12', - '-mr-1/12', - '-mb-1/12', - '-ml-1/12', - '-mt-2/12', - '-mr-2/12', - '-mb-2/12', - '-ml-2/12', - '-mt-3/12', - '-mr-3/12', - '-mb-3/12', - '-ml-3/12', - '-mt-4/12', - '-mr-4/12', - '-mb-4/12', - '-ml-4/12', - '-mt-5/12', - '-mr-5/12', - '-mb-5/12', - '-ml-5/12', - '-mt-6/12', - '-mr-6/12', - '-mb-6/12', - '-ml-6/12', - '-mt-7/12', - '-mr-7/12', - '-mb-7/12', - '-ml-7/12', - '-mt-8/12', - '-mr-8/12', - '-mb-8/12', - '-ml-8/12', - '-mt-9/12', - '-mr-9/12', - '-mb-9/12', - '-ml-9/12', - '-mt-10/12', - '-mr-10/12', - '-mb-10/12', - '-ml-10/12', - '-mt-11/12', - '-mr-11/12', - '-mb-11/12', - '-ml-11/12', - '-mt-full', - '-mr-full', - '-mb-full', - '-ml-full', - 'max-h-0', - 'max-h-1', - 'max-h-2', - 'max-h-3', - 'max-h-4', - 'max-h-5', - 'max-h-6', - 'max-h-7', - 'max-h-8', - 'max-h-9', - 'max-h-10', - 'max-h-11', - 'max-h-12', - 'max-h-13', - 'max-h-14', - 'max-h-15', - 'max-h-16', - 'max-h-20', - 'max-h-24', - 'max-h-28', - 'max-h-32', - 'max-h-36', - 'max-h-40', - 'max-h-48', - 'max-h-56', - 'max-h-60', - 'max-h-64', - 'max-h-72', - 'max-h-80', - 'max-h-96', - 'max-h-screen', - 'max-h-px', - 'max-h-05', - 'max-h-25', - 'max-h-35', - 'max-h-1/2', - 'max-h-1/3', - 'max-h-2/3', - 'max-h-1/4', - 'max-h-2/4', - 'max-h-3/4', - 'max-h-1/5', - 'max-h-2/5', - 'max-h-3/5', - 'max-h-4/5', - 'max-h-1/6', - 'max-h-2/6', - 'max-h-3/6', - 'max-h-4/6', - 'max-h-5/6', - 'max-h-1/12', - 'max-h-2/12', - 'max-h-3/12', - 'max-h-4/12', - 'max-h-5/12', - 'max-h-6/12', - 'max-h-7/12', - 'max-h-8/12', - 'max-h-9/12', - 'max-h-10/12', - 'max-h-11/12', - 'max-h-full', - 'max-w-none', - 'max-w-xs', - 'max-w-sm', - 'max-w-md', - 'max-w-lg', - 'max-w-xl', - 'max-w-2xl', - 'max-w-3xl', - 'max-w-4xl', - 'max-w-5xl', - 'max-w-6xl', - 'max-w-7xl', - 'max-w-full', - 'max-w-screen-sm', - 'max-w-screen-md', - 'max-w-screen-lg', - 'max-w-screen-xl', - 'min-h-0', - 'min-h-full', - 'min-h-screen', - 'min-w-0', - 'min-w-full', - 'object-contain', - 'object-cover', - 'object-fill', - 'object-none', - 'object-scale-down', - 'object-bottom', - 'object-center', - 'object-left', - 'object-left-bottom', - 'object-left-top', - 'object-right', - 'object-right-bottom', - 'object-right-top', - 'object-top', - 'opacity-0', - 'opacity-25', - 'opacity-50', - 'opacity-75', - 'opacity-100', - 'hover:opacity-0:hover', - 'hover:opacity-25:hover', - 'hover:opacity-50:hover', - 'hover:opacity-75:hover', - 'hover:opacity-100:hover', - 'focus:opacity-0', - 'focus:opacity-25', - 'focus:opacity-50', - 'focus:opacity-75', - 'focus:opacity-100', - 'outline-none', - 'focus:outline-none', - 'overflow-auto', - 'overflow-hidden', - 'overflow-visible', - 'overflow-scroll', - 'overflow-x-auto', - 'overflow-y-auto', - 'overflow-x-hidden', - 'overflow-y-hidden', - 'overflow-x-visible', - 'overflow-y-visible', - 'overflow-x-scroll', - 'overflow-y-scroll', - 'scrolling-touch', - 'scrolling-auto', - 'p-0', - 'p-1', - 'p-2', - 'p-3', - 'p-4', - 'p-5', - 'p-6', - 'p-7', - 'p-8', - 'p-9', - 'p-10', - 'p-11', - 'p-12', - 'p-13', - 'p-14', - 'p-15', - 'p-16', - 'p-20', - 'p-24', - 'p-28', - 'p-32', - 'p-36', - 'p-40', - 'p-48', - 'p-56', - 'p-60', - 'p-64', - 'p-72', - 'p-80', - 'p-96', - 'p-px', - 'p-05', - 'p-25', - 'p-35', - 'p-1/2', - 'p-1/3', - 'p-2/3', - 'p-1/4', - 'p-2/4', - 'p-3/4', - 'p-1/5', - 'p-2/5', - 'p-3/5', - 'p-4/5', - 'p-1/6', - 'p-2/6', - 'p-3/6', - 'p-4/6', - 'p-5/6', - 'p-1/12', - 'p-2/12', - 'p-3/12', - 'p-4/12', - 'p-5/12', - 'p-6/12', - 'p-7/12', - 'p-8/12', - 'p-9/12', - 'p-10/12', - 'p-11/12', - 'p-full', - 'py-0', - 'px-0', - 'py-1', - 'px-1', - 'py-2', - 'px-2', - 'py-3', - 'px-3', - 'py-4', - 'px-4', - 'py-5', - 'px-5', - 'py-6', - 'px-6', - 'py-7', - 'px-7', - 'py-8', - 'px-8', - 'py-9', - 'px-9', - 'py-10', - 'px-10', - 'py-11', - 'px-11', - 'py-12', - 'px-12', - 'py-13', - 'px-13', - 'py-14', - 'px-14', - 'py-15', - 'px-15', - 'py-16', - 'px-16', - 'py-20', - 'px-20', - 'py-24', - 'px-24', - 'py-28', - 'px-28', - 'py-32', - 'px-32', - 'py-36', - 'px-36', - 'py-40', - 'px-40', - 'py-48', - 'px-48', - 'py-56', - 'px-56', - 'py-60', - 'px-60', - 'py-64', - 'px-64', - 'py-72', - 'px-72', - 'py-80', - 'px-80', - 'py-96', - 'px-96', - 'py-px', - 'px-px', - 'py-05', - 'px-05', - 'py-25', - 'px-25', - 'py-35', - 'px-35', - 'py-1/2', - 'px-1/2', - 'py-1/3', - 'px-1/3', - 'py-2/3', - 'px-2/3', - 'py-1/4', - 'px-1/4', - 'py-2/4', - 'px-2/4', - 'py-3/4', - 'px-3/4', - 'py-1/5', - 'px-1/5', - 'py-2/5', - 'px-2/5', - 'py-3/5', - 'px-3/5', - 'py-4/5', - 'px-4/5', - 'py-1/6', - 'px-1/6', - 'py-2/6', - 'px-2/6', - 'py-3/6', - 'px-3/6', - 'py-4/6', - 'px-4/6', - 'py-5/6', - 'px-5/6', - 'py-1/12', - 'px-1/12', - 'py-2/12', - 'px-2/12', - 'py-3/12', - 'px-3/12', - 'py-4/12', - 'px-4/12', - 'py-5/12', - 'px-5/12', - 'py-6/12', - 'px-6/12', - 'py-7/12', - 'px-7/12', - 'py-8/12', - 'px-8/12', - 'py-9/12', - 'px-9/12', - 'py-10/12', - 'px-10/12', - 'py-11/12', - 'px-11/12', - 'py-full', - 'px-full', - 'pt-0', - 'pr-0', - 'pb-0', - 'pl-0', - 'pt-1', - 'pr-1', - 'pb-1', - 'pl-1', - 'pt-2', - 'pr-2', - 'pb-2', - 'pl-2', - 'pt-3', - 'pr-3', - 'pb-3', - 'pl-3', - 'pt-4', - 'pr-4', - 'pb-4', - 'pl-4', - 'pt-5', - 'pr-5', - 'pb-5', - 'pl-5', - 'pt-6', - 'pr-6', - 'pb-6', - 'pl-6', - 'pt-7', - 'pr-7', - 'pb-7', - 'pl-7', - 'pt-8', - 'pr-8', - 'pb-8', - 'pl-8', - 'pt-9', - 'pr-9', - 'pb-9', - 'pl-9', - 'pt-10', - 'pr-10', - 'pb-10', - 'pl-10', - 'pt-11', - 'pr-11', - 'pb-11', - 'pl-11', - 'pt-12', - 'pr-12', - 'pb-12', - 'pl-12', - 'pt-13', - 'pr-13', - 'pb-13', - 'pl-13', - 'pt-14', - 'pr-14', - 'pb-14', - 'pl-14', - 'pt-15', - 'pr-15', - 'pb-15', - 'pl-15', - 'pt-16', - 'pr-16', - 'pb-16', - 'pl-16', - 'pt-20', - 'pr-20', - 'pb-20', - 'pl-20', - 'pt-24', - 'pr-24', - 'pb-24', - 'pl-24', - 'pt-28', - 'pr-28', - 'pb-28', - 'pl-28', - 'pt-32', - 'pr-32', - 'pb-32', - 'pl-32', - 'pt-36', - 'pr-36', - 'pb-36', - 'pl-36', - 'pt-40', - 'pr-40', - 'pb-40', - 'pl-40', - 'pt-48', - 'pr-48', - 'pb-48', - 'pl-48', - 'pt-56', - 'pr-56', - 'pb-56', - 'pl-56', - 'pt-60', - 'pr-60', - 'pb-60', - 'pl-60', - 'pt-64', - 'pr-64', - 'pb-64', - 'pl-64', - 'pt-72', - 'pr-72', - 'pb-72', - 'pl-72', - 'pt-80', - 'pr-80', - 'pb-80', - 'pl-80', - 'pt-96', - 'pr-96', - 'pb-96', - 'pl-96', - 'pt-px', - 'pr-px', - 'pb-px', - 'pl-px', - 'pt-05', - 'pr-05', - 'pb-05', - 'pl-05', - 'pt-25', - 'pr-25', - 'pb-25', - 'pl-25', - 'pt-35', - 'pr-35', - 'pb-35', - 'pl-35', - 'pt-1/2', - 'pr-1/2', - 'pb-1/2', - 'pl-1/2', - 'pt-1/3', - 'pr-1/3', - 'pb-1/3', - 'pl-1/3', - 'pt-2/3', - 'pr-2/3', - 'pb-2/3', - 'pl-2/3', - 'pt-1/4', - 'pr-1/4', - 'pb-1/4', - 'pl-1/4', - 'pt-2/4', - 'pr-2/4', - 'pb-2/4', - 'pl-2/4', - 'pt-3/4', - 'pr-3/4', - 'pb-3/4', - 'pl-3/4', - 'pt-1/5', - 'pr-1/5', - 'pb-1/5', - 'pl-1/5', - 'pt-2/5', - 'pr-2/5', - 'pb-2/5', - 'pl-2/5', - 'pt-3/5', - 'pr-3/5', - 'pb-3/5', - 'pl-3/5', - 'pt-4/5', - 'pr-4/5', - 'pb-4/5', - 'pl-4/5', - 'pt-1/6', - 'pr-1/6', - 'pb-1/6', - 'pl-1/6', - 'pt-2/6', - 'pr-2/6', - 'pb-2/6', - 'pl-2/6', - 'pt-3/6', - 'pr-3/6', - 'pb-3/6', - 'pl-3/6', - 'pt-4/6', - 'pr-4/6', - 'pb-4/6', - 'pl-4/6', - 'pt-5/6', - 'pr-5/6', - 'pb-5/6', - 'pl-5/6', - 'pt-1/12', - 'pr-1/12', - 'pb-1/12', - 'pl-1/12', - 'pt-2/12', - 'pr-2/12', - 'pb-2/12', - 'pl-2/12', - 'pt-3/12', - 'pr-3/12', - 'pb-3/12', - 'pl-3/12', - 'pt-4/12', - 'pr-4/12', - 'pb-4/12', - 'pl-4/12', - 'pt-5/12', - 'pr-5/12', - 'pb-5/12', - 'pl-5/12', - 'pt-6/12', - 'pr-6/12', - 'pb-6/12', - 'pl-6/12', - 'pt-7/12', - 'pr-7/12', - 'pb-7/12', - 'pl-7/12', - 'pt-8/12', - 'pr-8/12', - 'pb-8/12', - 'pl-8/12', - 'pt-9/12', - 'pr-9/12', - 'pb-9/12', - 'pl-9/12', - 'pt-10/12', - 'pr-10/12', - 'pb-10/12', - 'pl-10/12', - 'pt-11/12', - 'pr-11/12', - 'pb-11/12', - 'pl-11/12', - 'pt-full', - 'pr-full', - 'pb-full', - 'pl-full', - 'placeholder-transparent', - 'placeholder-white', - 'placeholder-black', - 'placeholder-gray-50', - 'placeholder-gray-100', - 'placeholder-gray-200', - 'placeholder-gray-300', - 'placeholder-gray-400', - 'placeholder-gray-500', - 'placeholder-gray-600', - 'placeholder-gray-700', - 'placeholder-gray-800', - 'placeholder-gray-900', - 'placeholder-cool-gray-50', - 'placeholder-cool-gray-100', - 'placeholder-cool-gray-200', - 'placeholder-cool-gray-300', - 'placeholder-cool-gray-400', - 'placeholder-cool-gray-500', - 'placeholder-cool-gray-600', - 'placeholder-cool-gray-700', - 'placeholder-cool-gray-800', - 'placeholder-cool-gray-900', - 'placeholder-red-50', - 'placeholder-red-100', - 'placeholder-red-200', - 'placeholder-red-300', - 'placeholder-red-400', - 'placeholder-red-500', - 'placeholder-red-600', - 'placeholder-red-700', - 'placeholder-red-800', - 'placeholder-red-900', - 'placeholder-orange-50', - 'placeholder-orange-100', - 'placeholder-orange-200', - 'placeholder-orange-300', - 'placeholder-orange-400', - 'placeholder-orange-500', - 'placeholder-orange-600', - 'placeholder-orange-700', - 'placeholder-orange-800', - 'placeholder-orange-900', - 'placeholder-yellow-50', - 'placeholder-yellow-100', - 'placeholder-yellow-200', - 'placeholder-yellow-300', - 'placeholder-yellow-400', - 'placeholder-yellow-500', - 'placeholder-yellow-600', - 'placeholder-yellow-700', - 'placeholder-yellow-800', - 'placeholder-yellow-900', - 'placeholder-green-50', - 'placeholder-green-100', - 'placeholder-green-200', - 'placeholder-green-300', - 'placeholder-green-400', - 'placeholder-green-500', - 'placeholder-green-600', - 'placeholder-green-700', - 'placeholder-green-800', - 'placeholder-green-900', - 'placeholder-teal-50', - 'placeholder-teal-100', - 'placeholder-teal-200', - 'placeholder-teal-300', - 'placeholder-teal-400', - 'placeholder-teal-500', - 'placeholder-teal-600', - 'placeholder-teal-700', - 'placeholder-teal-800', - 'placeholder-teal-900', - 'placeholder-blue-50', - 'placeholder-blue-100', - 'placeholder-blue-200', - 'placeholder-blue-300', - 'placeholder-blue-400', - 'placeholder-blue-500', - 'placeholder-blue-600', - 'placeholder-blue-700', - 'placeholder-blue-800', - 'placeholder-blue-900', - 'placeholder-indigo-50', - 'placeholder-indigo-100', - 'placeholder-indigo-200', - 'placeholder-indigo-300', - 'placeholder-indigo-400', - 'placeholder-indigo-500', - 'placeholder-indigo-600', - 'placeholder-indigo-700', - 'placeholder-indigo-800', - 'placeholder-indigo-900', - 'placeholder-purple-50', - 'placeholder-purple-100', - 'placeholder-purple-200', - 'placeholder-purple-300', - 'placeholder-purple-400', - 'placeholder-purple-500', - 'placeholder-purple-600', - 'placeholder-purple-700', - 'placeholder-purple-800', - 'placeholder-purple-900', - 'placeholder-pink-50', - 'placeholder-pink-100', - 'placeholder-pink-200', - 'placeholder-pink-300', - 'placeholder-pink-400', - 'placeholder-pink-500', - 'placeholder-pink-600', - 'placeholder-pink-700', - 'placeholder-pink-800', - 'placeholder-pink-900', - 'focus:placeholder-transparent', - 'focus:placeholder-white', - 'focus:placeholder-black', - 'focus:placeholder-gray-50', - 'focus:placeholder-gray-100', - 'focus:placeholder-gray-200', - 'focus:placeholder-gray-300', - 'focus:placeholder-gray-400', - 'focus:placeholder-gray-500', - 'focus:placeholder-gray-600', - 'focus:placeholder-gray-700', - 'focus:placeholder-gray-800', - 'focus:placeholder-gray-900', - 'focus:placeholder-cool-gray-50', - 'focus:placeholder-cool-gray-100', - 'focus:placeholder-cool-gray-200', - 'focus:placeholder-cool-gray-300', - 'focus:placeholder-cool-gray-400', - 'focus:placeholder-cool-gray-500', - 'focus:placeholder-cool-gray-600', - 'focus:placeholder-cool-gray-700', - 'focus:placeholder-cool-gray-800', - 'focus:placeholder-cool-gray-900', - 'focus:placeholder-red-50', - 'focus:placeholder-red-100', - 'focus:placeholder-red-200', - 'focus:placeholder-red-300', - 'focus:placeholder-red-400', - 'focus:placeholder-red-500', - 'focus:placeholder-red-600', - 'focus:placeholder-red-700', - 'focus:placeholder-red-800', - 'focus:placeholder-red-900', - 'focus:placeholder-orange-50', - 'focus:placeholder-orange-100', - 'focus:placeholder-orange-200', - 'focus:placeholder-orange-300', - 'focus:placeholder-orange-400', - 'focus:placeholder-orange-500', - 'focus:placeholder-orange-600', - 'focus:placeholder-orange-700', - 'focus:placeholder-orange-800', - 'focus:placeholder-orange-900', - 'focus:placeholder-yellow-50', - 'focus:placeholder-yellow-100', - 'focus:placeholder-yellow-200', - 'focus:placeholder-yellow-300', - 'focus:placeholder-yellow-400', - 'focus:placeholder-yellow-500', - 'focus:placeholder-yellow-600', - 'focus:placeholder-yellow-700', - 'focus:placeholder-yellow-800', - 'focus:placeholder-yellow-900', - 'focus:placeholder-green-50', - 'focus:placeholder-green-100', - 'focus:placeholder-green-200', - 'focus:placeholder-green-300', - 'focus:placeholder-green-400', - 'focus:placeholder-green-500', - 'focus:placeholder-green-600', - 'focus:placeholder-green-700', - 'focus:placeholder-green-800', - 'focus:placeholder-green-900', - 'focus:placeholder-teal-50', - 'focus:placeholder-teal-100', - 'focus:placeholder-teal-200', - 'focus:placeholder-teal-300', - 'focus:placeholder-teal-400', - 'focus:placeholder-teal-500', - 'focus:placeholder-teal-600', - 'focus:placeholder-teal-700', - 'focus:placeholder-teal-800', - 'focus:placeholder-teal-900', - 'focus:placeholder-blue-50', - 'focus:placeholder-blue-100', - 'focus:placeholder-blue-200', - 'focus:placeholder-blue-300', - 'focus:placeholder-blue-400', - 'focus:placeholder-blue-500', - 'focus:placeholder-blue-600', - 'focus:placeholder-blue-700', - 'focus:placeholder-blue-800', - 'focus:placeholder-blue-900', - 'focus:placeholder-indigo-50', - 'focus:placeholder-indigo-100', - 'focus:placeholder-indigo-200', - 'focus:placeholder-indigo-300', - 'focus:placeholder-indigo-400', - 'focus:placeholder-indigo-500', - 'focus:placeholder-indigo-600', - 'focus:placeholder-indigo-700', - 'focus:placeholder-indigo-800', - 'focus:placeholder-indigo-900', - 'focus:placeholder-purple-50', - 'focus:placeholder-purple-100', - 'focus:placeholder-purple-200', - 'focus:placeholder-purple-300', - 'focus:placeholder-purple-400', - 'focus:placeholder-purple-500', - 'focus:placeholder-purple-600', - 'focus:placeholder-purple-700', - 'focus:placeholder-purple-800', - 'focus:placeholder-purple-900', - 'focus:placeholder-pink-50', - 'focus:placeholder-pink-100', - 'focus:placeholder-pink-200', - 'focus:placeholder-pink-300', - 'focus:placeholder-pink-400', - 'focus:placeholder-pink-500', - 'focus:placeholder-pink-600', - 'focus:placeholder-pink-700', - 'focus:placeholder-pink-800', - 'focus:placeholder-pink-900', - 'pointer-events-none', - 'pointer-events-auto', - 'static', - 'fixed', - 'absolute', - 'relative', - 'sticky', - 'inset-0', - 'inset-1', - 'inset-2', - 'inset-3', - 'inset-4', - 'inset-5', - 'inset-6', - 'inset-7', - 'inset-8', - 'inset-9', - 'inset-10', - 'inset-11', - 'inset-12', - 'inset-13', - 'inset-14', - 'inset-15', - 'inset-16', - 'inset-20', - 'inset-24', - 'inset-28', - 'inset-32', - 'inset-36', - 'inset-40', - 'inset-48', - 'inset-56', - 'inset-60', - 'inset-64', - 'inset-72', - 'inset-80', - 'inset-96', - 'inset-auto', - 'inset-px', - 'inset-05', - 'inset-25', - 'inset-35', - 'inset-1/2', - 'inset-1/3', - 'inset-2/3', - 'inset-1/4', - 'inset-2/4', - 'inset-3/4', - 'inset-1/5', - 'inset-2/5', - 'inset-3/5', - 'inset-4/5', - 'inset-1/6', - 'inset-2/6', - 'inset-3/6', - 'inset-4/6', - 'inset-5/6', - 'inset-1/12', - 'inset-2/12', - 'inset-3/12', - 'inset-4/12', - 'inset-5/12', - 'inset-6/12', - 'inset-7/12', - 'inset-8/12', - 'inset-9/12', - 'inset-10/12', - 'inset-11/12', - 'inset-full', - 'inset-y-0', - 'inset-x-0', - 'inset-y-1', - 'inset-x-1', - 'inset-y-2', - 'inset-x-2', - 'inset-y-3', - 'inset-x-3', - 'inset-y-4', - 'inset-x-4', - 'inset-y-5', - 'inset-x-5', - 'inset-y-6', - 'inset-x-6', - 'inset-y-7', - 'inset-x-7', - 'inset-y-8', - 'inset-x-8', - 'inset-y-9', - 'inset-x-9', - 'inset-y-10', - 'inset-x-10', - 'inset-y-11', - 'inset-x-11', - 'inset-y-12', - 'inset-x-12', - 'inset-y-13', - 'inset-x-13', - 'inset-y-14', - 'inset-x-14', - 'inset-y-15', - 'inset-x-15', - 'inset-y-16', - 'inset-x-16', - 'inset-y-20', - 'inset-x-20', - 'inset-y-24', - 'inset-x-24', - 'inset-y-28', - 'inset-x-28', - 'inset-y-32', - 'inset-x-32', - 'inset-y-36', - 'inset-x-36', - 'inset-y-40', - 'inset-x-40', - 'inset-y-48', - 'inset-x-48', - 'inset-y-56', - 'inset-x-56', - 'inset-y-60', - 'inset-x-60', - 'inset-y-64', - 'inset-x-64', - 'inset-y-72', - 'inset-x-72', - 'inset-y-80', - 'inset-x-80', - 'inset-y-96', - 'inset-x-96', - 'inset-y-auto', - 'inset-x-auto', - 'inset-y-px', - 'inset-x-px', - 'inset-y-05', - 'inset-x-05', - 'inset-y-25', - 'inset-x-25', - 'inset-y-35', - 'inset-x-35', - 'inset-y-1/2', - 'inset-x-1/2', - 'inset-y-1/3', - 'inset-x-1/3', - 'inset-y-2/3', - 'inset-x-2/3', - 'inset-y-1/4', - 'inset-x-1/4', - 'inset-y-2/4', - 'inset-x-2/4', - 'inset-y-3/4', - 'inset-x-3/4', - 'inset-y-1/5', - 'inset-x-1/5', - 'inset-y-2/5', - 'inset-x-2/5', - 'inset-y-3/5', - 'inset-x-3/5', - 'inset-y-4/5', - 'inset-x-4/5', - 'inset-y-1/6', - 'inset-x-1/6', - 'inset-y-2/6', - 'inset-x-2/6', - 'inset-y-3/6', - 'inset-x-3/6', - 'inset-y-4/6', - 'inset-x-4/6', - 'inset-y-5/6', - 'inset-x-5/6', - 'inset-y-1/12', - 'inset-x-1/12', - 'inset-y-2/12', - 'inset-x-2/12', - 'inset-y-3/12', - 'inset-x-3/12', - 'inset-y-4/12', - 'inset-x-4/12', - 'inset-y-5/12', - 'inset-x-5/12', - 'inset-y-6/12', - 'inset-x-6/12', - 'inset-y-7/12', - 'inset-x-7/12', - 'inset-y-8/12', - 'inset-x-8/12', - 'inset-y-9/12', - 'inset-x-9/12', - 'inset-y-10/12', - 'inset-x-10/12', - 'inset-y-11/12', - 'inset-x-11/12', - 'inset-y-full', - 'inset-x-full', - 'top-0', - 'right-0', - 'bottom-0', - 'left-0', - 'top-1', - 'right-1', - 'bottom-1', - 'left-1', - 'top-2', - 'right-2', - 'bottom-2', - 'left-2', - 'top-3', - 'right-3', - 'bottom-3', - 'left-3', - 'top-4', - 'right-4', - 'bottom-4', - 'left-4', - 'top-5', - 'right-5', - 'bottom-5', - 'left-5', - 'top-6', - 'right-6', - 'bottom-6', - 'left-6', - 'top-7', - 'right-7', - 'bottom-7', - 'left-7', - 'top-8', - 'right-8', - 'bottom-8', - 'left-8', - 'top-9', - 'right-9', - 'bottom-9', - 'left-9', - 'top-10', - 'right-10', - 'bottom-10', - 'left-10', - 'top-11', - 'right-11', - 'bottom-11', - 'left-11', - 'top-12', - 'right-12', - 'bottom-12', - 'left-12', - 'top-13', - 'right-13', - 'bottom-13', - 'left-13', - 'top-14', - 'right-14', - 'bottom-14', - 'left-14', - 'top-15', - 'right-15', - 'bottom-15', - 'left-15', - 'top-16', - 'right-16', - 'bottom-16', - 'left-16', - 'top-20', - 'right-20', - 'bottom-20', - 'left-20', - 'top-24', - 'right-24', - 'bottom-24', - 'left-24', - 'top-28', - 'right-28', - 'bottom-28', - 'left-28', - 'top-32', - 'right-32', - 'bottom-32', - 'left-32', - 'top-36', - 'right-36', - 'bottom-36', - 'left-36', - 'top-40', - 'right-40', - 'bottom-40', - 'left-40', - 'top-48', - 'right-48', - 'bottom-48', - 'left-48', - 'top-56', - 'right-56', - 'bottom-56', - 'left-56', - 'top-60', - 'right-60', - 'bottom-60', - 'left-60', - 'top-64', - 'right-64', - 'bottom-64', - 'left-64', - 'top-72', - 'right-72', - 'bottom-72', - 'left-72', - 'top-80', - 'right-80', - 'bottom-80', - 'left-80', - 'top-96', - 'right-96', - 'bottom-96', - 'left-96', - 'top-auto', - 'right-auto', - 'bottom-auto', - 'left-auto', - 'top-px', - 'right-px', - 'bottom-px', - 'left-px', - 'top-05', - 'right-05', - 'bottom-05', - 'left-05', - 'top-25', - 'right-25', - 'bottom-25', - 'left-25', - 'top-35', - 'right-35', - 'bottom-35', - 'left-35', - 'top-1/2', - 'right-1/2', - 'bottom-1/2', - 'left-1/2', - 'top-1/3', - 'right-1/3', - 'bottom-1/3', - 'left-1/3', - 'top-2/3', - 'right-2/3', - 'bottom-2/3', - 'left-2/3', - 'top-1/4', - 'right-1/4', - 'bottom-1/4', - 'left-1/4', - 'top-2/4', - 'right-2/4', - 'bottom-2/4', - 'left-2/4', - 'top-3/4', - 'right-3/4', - 'bottom-3/4', - 'left-3/4', - 'top-1/5', - 'right-1/5', - 'bottom-1/5', - 'left-1/5', - 'top-2/5', - 'right-2/5', - 'bottom-2/5', - 'left-2/5', - 'top-3/5', - 'right-3/5', - 'bottom-3/5', - 'left-3/5', - 'top-4/5', - 'right-4/5', - 'bottom-4/5', - 'left-4/5', - 'top-1/6', - 'right-1/6', - 'bottom-1/6', - 'left-1/6', - 'top-2/6', - 'right-2/6', - 'bottom-2/6', - 'left-2/6', - 'top-3/6', - 'right-3/6', - 'bottom-3/6', - 'left-3/6', - 'top-4/6', - 'right-4/6', - 'bottom-4/6', - 'left-4/6', - 'top-5/6', - 'right-5/6', - 'bottom-5/6', - 'left-5/6', - 'top-1/12', - 'right-1/12', - 'bottom-1/12', - 'left-1/12', - 'top-2/12', - 'right-2/12', - 'bottom-2/12', - 'left-2/12', - 'top-3/12', - 'right-3/12', - 'bottom-3/12', - 'left-3/12', - 'top-4/12', - 'right-4/12', - 'bottom-4/12', - 'left-4/12', - 'top-5/12', - 'right-5/12', - 'bottom-5/12', - 'left-5/12', - 'top-6/12', - 'right-6/12', - 'bottom-6/12', - 'left-6/12', - 'top-7/12', - 'right-7/12', - 'bottom-7/12', - 'left-7/12', - 'top-8/12', - 'right-8/12', - 'bottom-8/12', - 'left-8/12', - 'top-9/12', - 'right-9/12', - 'bottom-9/12', - 'left-9/12', - 'top-10/12', - 'right-10/12', - 'bottom-10/12', - 'left-10/12', - 'top-11/12', - 'right-11/12', - 'bottom-11/12', - 'left-11/12', - 'top-full', - 'right-full', - 'bottom-full', - 'left-full', - 'resize-none', - 'resize-y', - 'resize-x', - 'resize', - 'shadow-xs', - 'shadow-sm', - 'shadow', - 'shadow-md', - 'shadow-lg', - 'shadow-xl', - 'shadow-2xl', - 'shadow-inner', - 'shadow-outline', - 'shadow-none', - 'shadow-solid', - 'shadow-outline-gray', - 'shadow-outline-blue', - 'shadow-outline-teal', - 'shadow-outline-green', - 'shadow-outline-yellow', - 'shadow-outline-orange', - 'shadow-outline-red', - 'shadow-outline-pink', - 'shadow-outline-purple', - 'shadow-outline-indigo', - 'hover:shadow-xs:hover', - 'hover:shadow-sm:hover', - 'hover:shadow:hover', - 'hover:shadow-md:hover', - 'hover:shadow-lg:hover', - 'hover:shadow-xl:hover', - 'hover:shadow-2xl:hover', - 'hover:shadow-inner:hover', - 'hover:shadow-outline:hover', - 'hover:shadow-none:hover', - 'hover:shadow-solid:hover', - 'hover:shadow-outline-gray:hover', - 'hover:shadow-outline-blue:hover', - 'hover:shadow-outline-teal:hover', - 'hover:shadow-outline-green:hover', - 'hover:shadow-outline-yellow:hover', - 'hover:shadow-outline-orange:hover', - 'hover:shadow-outline-red:hover', - 'hover:shadow-outline-pink:hover', - 'hover:shadow-outline-purple:hover', - 'hover:shadow-outline-indigo:hover', - 'focus:shadow-xs', - 'focus:shadow-sm', - 'focus:shadow', - 'focus:shadow-md', - 'focus:shadow-lg', - 'focus:shadow-xl', - 'focus:shadow-2xl', - 'focus:shadow-inner', - 'focus:shadow-outline', - 'focus:shadow-none', - 'focus:shadow-solid', - 'focus:shadow-outline-gray', - 'focus:shadow-outline-blue', - 'focus:shadow-outline-teal', - 'focus:shadow-outline-green', - 'focus:shadow-outline-yellow', - 'focus:shadow-outline-orange', - 'focus:shadow-outline-red', - 'focus:shadow-outline-pink', - 'focus:shadow-outline-purple', - 'focus:shadow-outline-indigo', - 'fill-current', - 'stroke-current', - 'stroke-0', - 'stroke-1', - 'stroke-2', - 'table-auto', - 'table-fixed', - 'text-left', - 'text-center', - 'text-right', - 'text-justify', - 'text-transparent', - 'text-white', - 'text-black', - 'text-gray-50', - 'text-gray-100', - 'text-gray-200', - 'text-gray-300', - 'text-gray-400', - 'text-gray-500', - 'text-gray-600', - 'text-gray-700', - 'text-gray-800', - 'text-gray-900', - 'text-cool-gray-50', - 'text-cool-gray-100', - 'text-cool-gray-200', - 'text-cool-gray-300', - 'text-cool-gray-400', - 'text-cool-gray-500', - 'text-cool-gray-600', - 'text-cool-gray-700', - 'text-cool-gray-800', - 'text-cool-gray-900', - 'text-red-50', - 'text-red-100', - 'text-red-200', - 'text-red-300', - 'text-red-400', - 'text-red-500', - 'text-red-600', - 'text-red-700', - 'text-red-800', - 'text-red-900', - 'text-orange-50', - 'text-orange-100', - 'text-orange-200', - 'text-orange-300', - 'text-orange-400', - 'text-orange-500', - 'text-orange-600', - 'text-orange-700', - 'text-orange-800', - 'text-orange-900', - 'text-yellow-50', - 'text-yellow-100', - 'text-yellow-200', - 'text-yellow-300', - 'text-yellow-400', - 'text-yellow-500', - 'text-yellow-600', - 'text-yellow-700', - 'text-yellow-800', - 'text-yellow-900', - 'text-green-50', - 'text-green-100', - 'text-green-200', - 'text-green-300', - 'text-green-400', - 'text-green-500', - 'text-green-600', - 'text-green-700', - 'text-green-800', - 'text-green-900', - 'text-teal-50', - 'text-teal-100', - 'text-teal-200', - 'text-teal-300', - 'text-teal-400', - 'text-teal-500', - 'text-teal-600', - 'text-teal-700', - 'text-teal-800', - 'text-teal-900', - 'text-blue-50', - 'text-blue-100', - 'text-blue-200', - 'text-blue-300', - 'text-blue-400', - 'text-blue-500', - 'text-blue-600', - 'text-blue-700', - 'text-blue-800', - 'text-blue-900', - 'text-indigo-50', - 'text-indigo-100', - 'text-indigo-200', - 'text-indigo-300', - 'text-indigo-400', - 'text-indigo-500', - 'text-indigo-600', - 'text-indigo-700', - 'text-indigo-800', - 'text-indigo-900', - 'text-purple-50', - 'text-purple-100', - 'text-purple-200', - 'text-purple-300', - 'text-purple-400', - 'text-purple-500', - 'text-purple-600', - 'text-purple-700', - 'text-purple-800', - 'text-purple-900', - 'text-pink-50', - 'text-pink-100', - 'text-pink-200', - 'text-pink-300', - 'text-pink-400', - 'text-pink-500', - 'text-pink-600', - 'text-pink-700', - 'text-pink-800', - 'text-pink-900', - 'hover:text-transparent:hover', - 'hover:text-white:hover', - 'hover:text-black:hover', - 'hover:text-gray-50:hover', - 'hover:text-gray-100:hover', - 'hover:text-gray-200:hover', - 'hover:text-gray-300:hover', - 'hover:text-gray-400:hover', - 'hover:text-gray-500:hover', - 'hover:text-gray-600:hover', - 'hover:text-gray-700:hover', - 'hover:text-gray-800:hover', - 'hover:text-gray-900:hover', - 'hover:text-cool-gray-50:hover', - 'hover:text-cool-gray-100:hover', - 'hover:text-cool-gray-200:hover', - 'hover:text-cool-gray-300:hover', - 'hover:text-cool-gray-400:hover', - 'hover:text-cool-gray-500:hover', - 'hover:text-cool-gray-600:hover', - 'hover:text-cool-gray-700:hover', - 'hover:text-cool-gray-800:hover', - 'hover:text-cool-gray-900:hover', - 'hover:text-red-50:hover', - 'hover:text-red-100:hover', - 'hover:text-red-200:hover', - 'hover:text-red-300:hover', - 'hover:text-red-400:hover', - 'hover:text-red-500:hover', - 'hover:text-red-600:hover', - 'hover:text-red-700:hover', - 'hover:text-red-800:hover', - 'hover:text-red-900:hover', - 'hover:text-orange-50:hover', - 'hover:text-orange-100:hover', - 'hover:text-orange-200:hover', - 'hover:text-orange-300:hover', - 'hover:text-orange-400:hover', - 'hover:text-orange-500:hover', - 'hover:text-orange-600:hover', - 'hover:text-orange-700:hover', - 'hover:text-orange-800:hover', - 'hover:text-orange-900:hover', - 'hover:text-yellow-50:hover', - 'hover:text-yellow-100:hover', - 'hover:text-yellow-200:hover', - 'hover:text-yellow-300:hover', - 'hover:text-yellow-400:hover', - 'hover:text-yellow-500:hover', - 'hover:text-yellow-600:hover', - 'hover:text-yellow-700:hover', - 'hover:text-yellow-800:hover', - 'hover:text-yellow-900:hover', - 'hover:text-green-50:hover', - 'hover:text-green-100:hover', - 'hover:text-green-200:hover', - 'hover:text-green-300:hover', - 'hover:text-green-400:hover', - 'hover:text-green-500:hover', - 'hover:text-green-600:hover', - 'hover:text-green-700:hover', - 'hover:text-green-800:hover', - 'hover:text-green-900:hover', - 'hover:text-teal-50:hover', - 'hover:text-teal-100:hover', - 'hover:text-teal-200:hover', - 'hover:text-teal-300:hover', - 'hover:text-teal-400:hover', - 'hover:text-teal-500:hover', - 'hover:text-teal-600:hover', - 'hover:text-teal-700:hover', - 'hover:text-teal-800:hover', - 'hover:text-teal-900:hover', - 'hover:text-blue-50:hover', - 'hover:text-blue-100:hover', - 'hover:text-blue-200:hover', - 'hover:text-blue-300:hover', - 'hover:text-blue-400:hover', - 'hover:text-blue-500:hover', - 'hover:text-blue-600:hover', - 'hover:text-blue-700:hover', - 'hover:text-blue-800:hover', - 'hover:text-blue-900:hover', - 'hover:text-indigo-50:hover', - 'hover:text-indigo-100:hover', - 'hover:text-indigo-200:hover', - 'hover:text-indigo-300:hover', - 'hover:text-indigo-400:hover', - 'hover:text-indigo-500:hover', - 'hover:text-indigo-600:hover', - 'hover:text-indigo-700:hover', - 'hover:text-indigo-800:hover', - 'hover:text-indigo-900:hover', - 'hover:text-purple-50:hover', - 'hover:text-purple-100:hover', - 'hover:text-purple-200:hover', - 'hover:text-purple-300:hover', - 'hover:text-purple-400:hover', - 'hover:text-purple-500:hover', - 'hover:text-purple-600:hover', - 'hover:text-purple-700:hover', - 'hover:text-purple-800:hover', - 'hover:text-purple-900:hover', - 'hover:text-pink-50:hover', - 'hover:text-pink-100:hover', - 'hover:text-pink-200:hover', - 'hover:text-pink-300:hover', - 'hover:text-pink-400:hover', - 'hover:text-pink-500:hover', - 'hover:text-pink-600:hover', - 'hover:text-pink-700:hover', - 'hover:text-pink-800:hover', - 'hover:text-pink-900:hover', - 'focus-within:text-transparent', - 'focus-within:text-white', - 'focus-within:text-black', - 'focus-within:text-gray-50', - 'focus-within:text-gray-100', - 'focus-within:text-gray-200', - 'focus-within:text-gray-300', - 'focus-within:text-gray-400', - 'focus-within:text-gray-500', - 'focus-within:text-gray-600', - 'focus-within:text-gray-700', - 'focus-within:text-gray-800', - 'focus-within:text-gray-900', - 'focus-within:text-cool-gray-50', - 'focus-within:text-cool-gray-100', - 'focus-within:text-cool-gray-200', - 'focus-within:text-cool-gray-300', - 'focus-within:text-cool-gray-400', - 'focus-within:text-cool-gray-500', - 'focus-within:text-cool-gray-600', - 'focus-within:text-cool-gray-700', - 'focus-within:text-cool-gray-800', - 'focus-within:text-cool-gray-900', - 'focus-within:text-red-50', - 'focus-within:text-red-100', - 'focus-within:text-red-200', - 'focus-within:text-red-300', - 'focus-within:text-red-400', - 'focus-within:text-red-500', - 'focus-within:text-red-600', - 'focus-within:text-red-700', - 'focus-within:text-red-800', - 'focus-within:text-red-900', - 'focus-within:text-orange-50', - 'focus-within:text-orange-100', - 'focus-within:text-orange-200', - 'focus-within:text-orange-300', - 'focus-within:text-orange-400', - 'focus-within:text-orange-500', - 'focus-within:text-orange-600', - 'focus-within:text-orange-700', - 'focus-within:text-orange-800', - 'focus-within:text-orange-900', - 'focus-within:text-yellow-50', - 'focus-within:text-yellow-100', - 'focus-within:text-yellow-200', - 'focus-within:text-yellow-300', - 'focus-within:text-yellow-400', - 'focus-within:text-yellow-500', - 'focus-within:text-yellow-600', - 'focus-within:text-yellow-700', - 'focus-within:text-yellow-800', - 'focus-within:text-yellow-900', - 'focus-within:text-green-50', - 'focus-within:text-green-100', - 'focus-within:text-green-200', - 'focus-within:text-green-300', - 'focus-within:text-green-400', - 'focus-within:text-green-500', - 'focus-within:text-green-600', - 'focus-within:text-green-700', - 'focus-within:text-green-800', - 'focus-within:text-green-900', - 'focus-within:text-teal-50', - 'focus-within:text-teal-100', - 'focus-within:text-teal-200', - 'focus-within:text-teal-300', - 'focus-within:text-teal-400', - 'focus-within:text-teal-500', - 'focus-within:text-teal-600', - 'focus-within:text-teal-700', - 'focus-within:text-teal-800', - 'focus-within:text-teal-900', - 'focus-within:text-blue-50', - 'focus-within:text-blue-100', - 'focus-within:text-blue-200', - 'focus-within:text-blue-300', - 'focus-within:text-blue-400', - 'focus-within:text-blue-500', - 'focus-within:text-blue-600', - 'focus-within:text-blue-700', - 'focus-within:text-blue-800', - 'focus-within:text-blue-900', - 'focus-within:text-indigo-50', - 'focus-within:text-indigo-100', - 'focus-within:text-indigo-200', - 'focus-within:text-indigo-300', - 'focus-within:text-indigo-400', - 'focus-within:text-indigo-500', - 'focus-within:text-indigo-600', - 'focus-within:text-indigo-700', - 'focus-within:text-indigo-800', - 'focus-within:text-indigo-900', - 'focus-within:text-purple-50', - 'focus-within:text-purple-100', - 'focus-within:text-purple-200', - 'focus-within:text-purple-300', - 'focus-within:text-purple-400', - 'focus-within:text-purple-500', - 'focus-within:text-purple-600', - 'focus-within:text-purple-700', - 'focus-within:text-purple-800', - 'focus-within:text-purple-900', - 'focus-within:text-pink-50', - 'focus-within:text-pink-100', - 'focus-within:text-pink-200', - 'focus-within:text-pink-300', - 'focus-within:text-pink-400', - 'focus-within:text-pink-500', - 'focus-within:text-pink-600', - 'focus-within:text-pink-700', - 'focus-within:text-pink-800', - 'focus-within:text-pink-900', - 'focus:text-transparent', - 'focus:text-white', - 'focus:text-black', - 'focus:text-gray-50', - 'focus:text-gray-100', - 'focus:text-gray-200', - 'focus:text-gray-300', - 'focus:text-gray-400', - 'focus:text-gray-500', - 'focus:text-gray-600', - 'focus:text-gray-700', - 'focus:text-gray-800', - 'focus:text-gray-900', - 'focus:text-cool-gray-50', - 'focus:text-cool-gray-100', - 'focus:text-cool-gray-200', - 'focus:text-cool-gray-300', - 'focus:text-cool-gray-400', - 'focus:text-cool-gray-500', - 'focus:text-cool-gray-600', - 'focus:text-cool-gray-700', - 'focus:text-cool-gray-800', - 'focus:text-cool-gray-900', - 'focus:text-red-50', - 'focus:text-red-100', - 'focus:text-red-200', - 'focus:text-red-300', - 'focus:text-red-400', - 'focus:text-red-500', - 'focus:text-red-600', - 'focus:text-red-700', - 'focus:text-red-800', - 'focus:text-red-900', - 'focus:text-orange-50', - 'focus:text-orange-100', - 'focus:text-orange-200', - 'focus:text-orange-300', - 'focus:text-orange-400', - 'focus:text-orange-500', - 'focus:text-orange-600', - 'focus:text-orange-700', - 'focus:text-orange-800', - 'focus:text-orange-900', - 'focus:text-yellow-50', - 'focus:text-yellow-100', - 'focus:text-yellow-200', - 'focus:text-yellow-300', - 'focus:text-yellow-400', - 'focus:text-yellow-500', - 'focus:text-yellow-600', - 'focus:text-yellow-700', - 'focus:text-yellow-800', - 'focus:text-yellow-900', - 'focus:text-green-50', - 'focus:text-green-100', - 'focus:text-green-200', - 'focus:text-green-300', - 'focus:text-green-400', - 'focus:text-green-500', - 'focus:text-green-600', - 'focus:text-green-700', - 'focus:text-green-800', - 'focus:text-green-900', - 'focus:text-teal-50', - 'focus:text-teal-100', - 'focus:text-teal-200', - 'focus:text-teal-300', - 'focus:text-teal-400', - 'focus:text-teal-500', - 'focus:text-teal-600', - 'focus:text-teal-700', - 'focus:text-teal-800', - 'focus:text-teal-900', - 'focus:text-blue-50', - 'focus:text-blue-100', - 'focus:text-blue-200', - 'focus:text-blue-300', - 'focus:text-blue-400', - 'focus:text-blue-500', - 'focus:text-blue-600', - 'focus:text-blue-700', - 'focus:text-blue-800', - 'focus:text-blue-900', - 'focus:text-indigo-50', - 'focus:text-indigo-100', - 'focus:text-indigo-200', - 'focus:text-indigo-300', - 'focus:text-indigo-400', - 'focus:text-indigo-500', - 'focus:text-indigo-600', - 'focus:text-indigo-700', - 'focus:text-indigo-800', - 'focus:text-indigo-900', - 'focus:text-purple-50', - 'focus:text-purple-100', - 'focus:text-purple-200', - 'focus:text-purple-300', - 'focus:text-purple-400', - 'focus:text-purple-500', - 'focus:text-purple-600', - 'focus:text-purple-700', - 'focus:text-purple-800', - 'focus:text-purple-900', - 'focus:text-pink-50', - 'focus:text-pink-100', - 'focus:text-pink-200', - 'focus:text-pink-300', - 'focus:text-pink-400', - 'focus:text-pink-500', - 'focus:text-pink-600', - 'focus:text-pink-700', - 'focus:text-pink-800', - 'focus:text-pink-900', - 'active:text-transparent:active', - 'active:text-white:active', - 'active:text-black:active', - 'active:text-gray-50:active', - 'active:text-gray-100:active', - 'active:text-gray-200:active', - 'active:text-gray-300:active', - 'active:text-gray-400:active', - 'active:text-gray-500:active', - 'active:text-gray-600:active', - 'active:text-gray-700:active', - 'active:text-gray-800:active', - 'active:text-gray-900:active', - 'active:text-cool-gray-50:active', - 'active:text-cool-gray-100:active', - 'active:text-cool-gray-200:active', - 'active:text-cool-gray-300:active', - 'active:text-cool-gray-400:active', - 'active:text-cool-gray-500:active', - 'active:text-cool-gray-600:active', - 'active:text-cool-gray-700:active', - 'active:text-cool-gray-800:active', - 'active:text-cool-gray-900:active', - 'active:text-red-50:active', - 'active:text-red-100:active', - 'active:text-red-200:active', - 'active:text-red-300:active', - 'active:text-red-400:active', - 'active:text-red-500:active', - 'active:text-red-600:active', - 'active:text-red-700:active', - 'active:text-red-800:active', - 'active:text-red-900:active', - 'active:text-orange-50:active', - 'active:text-orange-100:active', - 'active:text-orange-200:active', - 'active:text-orange-300:active', - 'active:text-orange-400:active', - 'active:text-orange-500:active', - 'active:text-orange-600:active', - 'active:text-orange-700:active', - 'active:text-orange-800:active', - 'active:text-orange-900:active', - 'active:text-yellow-50:active', - 'active:text-yellow-100:active', - 'active:text-yellow-200:active', - 'active:text-yellow-300:active', - 'active:text-yellow-400:active', - 'active:text-yellow-500:active', - 'active:text-yellow-600:active', - 'active:text-yellow-700:active', - 'active:text-yellow-800:active', - 'active:text-yellow-900:active', - 'active:text-green-50:active', - 'active:text-green-100:active', - 'active:text-green-200:active', - 'active:text-green-300:active', - 'active:text-green-400:active', - 'active:text-green-500:active', - 'active:text-green-600:active', - 'active:text-green-700:active', - 'active:text-green-800:active', - 'active:text-green-900:active', - 'active:text-teal-50:active', - 'active:text-teal-100:active', - 'active:text-teal-200:active', - 'active:text-teal-300:active', - 'active:text-teal-400:active', - 'active:text-teal-500:active', - 'active:text-teal-600:active', - 'active:text-teal-700:active', - 'active:text-teal-800:active', - 'active:text-teal-900:active', - 'active:text-blue-50:active', - 'active:text-blue-100:active', - 'active:text-blue-200:active', - 'active:text-blue-300:active', - 'active:text-blue-400:active', - 'active:text-blue-500:active', - 'active:text-blue-600:active', - 'active:text-blue-700:active', - 'active:text-blue-800:active', - 'active:text-blue-900:active', - 'active:text-indigo-50:active', - 'active:text-indigo-100:active', - 'active:text-indigo-200:active', - 'active:text-indigo-300:active', - 'active:text-indigo-400:active', - 'active:text-indigo-500:active', - 'active:text-indigo-600:active', - 'active:text-indigo-700:active', - 'active:text-indigo-800:active', - 'active:text-indigo-900:active', - 'active:text-purple-50:active', - 'active:text-purple-100:active', - 'active:text-purple-200:active', - 'active:text-purple-300:active', - 'active:text-purple-400:active', - 'active:text-purple-500:active', - 'active:text-purple-600:active', - 'active:text-purple-700:active', - 'active:text-purple-800:active', - 'active:text-purple-900:active', - 'active:text-pink-50:active', - 'active:text-pink-100:active', - 'active:text-pink-200:active', - 'active:text-pink-300:active', - 'active:text-pink-400:active', - 'active:text-pink-500:active', - 'active:text-pink-600:active', - 'active:text-pink-700:active', - 'active:text-pink-800:active', - 'active:text-pink-900:active', - 'text-xs', - 'text-sm', - 'text-base', - 'text-lg', - 'text-xl', - 'text-2xl', - 'text-3xl', - 'text-4xl', - 'text-5xl', - 'text-6xl', - 'italic', - 'not-italic', - 'uppercase', - 'lowercase', - 'capitalize', - 'normal-case', - 'underline', - 'line-through', - 'no-underline', - 'hover:underline:hover', - 'hover:line-through:hover', - 'hover:no-underline:hover', - 'focus:underline', - 'focus:line-through', - 'focus:no-underline', - 'antialiased', - 'subpixel-antialiased', - 'tracking-tighter', - 'tracking-tight', - 'tracking-normal', - 'tracking-wide', - 'tracking-wider', - 'tracking-widest', - 'select-none', - 'select-text', - 'select-all', - 'select-auto', - 'align-baseline', - 'align-top', - 'align-middle', - 'align-bottom', - 'align-text-top', - 'align-text-bottom', - 'visible', - 'invisible', - 'whitespace-normal', - 'whitespace-no-wrap', - 'whitespace-pre', - 'whitespace-pre-line', - 'whitespace-pre-wrap', - 'break-normal', - 'break-words', - 'break-all', - 'truncate', - 'w-0', - 'w-1', - 'w-2', - 'w-3', - 'w-4', - 'w-5', - 'w-6', - 'w-7', - 'w-8', - 'w-9', - 'w-10', - 'w-11', - 'w-12', - 'w-13', - 'w-14', - 'w-15', - 'w-16', - 'w-20', - 'w-24', - 'w-28', - 'w-32', - 'w-36', - 'w-40', - 'w-48', - 'w-56', - 'w-60', - 'w-64', - 'w-72', - 'w-80', - 'w-96', - 'w-auto', - 'w-px', - 'w-05', - 'w-25', - 'w-35', - 'w-1/2', - 'w-1/3', - 'w-2/3', - 'w-1/4', - 'w-2/4', - 'w-3/4', - 'w-1/5', - 'w-2/5', - 'w-3/5', - 'w-4/5', - 'w-1/6', - 'w-2/6', - 'w-3/6', - 'w-4/6', - 'w-5/6', - 'w-1/12', - 'w-2/12', - 'w-3/12', - 'w-4/12', - 'w-5/12', - 'w-6/12', - 'w-7/12', - 'w-8/12', - 'w-9/12', - 'w-10/12', - 'w-11/12', - 'w-full', - 'w-screen', - 'z-0', - 'z-10', - 'z-20', - 'z-30', - 'z-40', - 'z-50', - 'z-auto', - 'focus-within:z-0', - 'focus-within:z-10', - 'focus-within:z-20', - 'focus-within:z-30', - 'focus-within:z-40', - 'focus-within:z-50', - 'focus-within:z-auto', - 'focus:z-0', - 'focus:z-10', - 'focus:z-20', - 'focus:z-30', - 'focus:z-40', - 'focus:z-50', - 'focus:z-auto', - 'gap-0', - 'gap-1', - 'gap-2', - 'gap-3', - 'gap-4', - 'gap-5', - 'gap-6', - 'gap-7', - 'gap-8', - 'gap-9', - 'gap-10', - 'gap-11', - 'gap-12', - 'gap-13', - 'gap-14', - 'gap-15', - 'gap-16', - 'gap-20', - 'gap-24', - 'gap-28', - 'gap-32', - 'gap-36', - 'gap-40', - 'gap-48', - 'gap-56', - 'gap-60', - 'gap-64', - 'gap-72', - 'gap-80', - 'gap-96', - 'gap-px', - 'gap-05', - 'gap-25', - 'gap-35', - 'gap-1/2', - 'gap-1/3', - 'gap-2/3', - 'gap-1/4', - 'gap-2/4', - 'gap-3/4', - 'gap-1/5', - 'gap-2/5', - 'gap-3/5', - 'gap-4/5', - 'gap-1/6', - 'gap-2/6', - 'gap-3/6', - 'gap-4/6', - 'gap-5/6', - 'gap-1/12', - 'gap-2/12', - 'gap-3/12', - 'gap-4/12', - 'gap-5/12', - 'gap-6/12', - 'gap-7/12', - 'gap-8/12', - 'gap-9/12', - 'gap-10/12', - 'gap-11/12', - 'gap-full', - 'col-gap-0', - 'col-gap-1', - 'col-gap-2', - 'col-gap-3', - 'col-gap-4', - 'col-gap-5', - 'col-gap-6', - 'col-gap-7', - 'col-gap-8', - 'col-gap-9', - 'col-gap-10', - 'col-gap-11', - 'col-gap-12', - 'col-gap-13', - 'col-gap-14', - 'col-gap-15', - 'col-gap-16', - 'col-gap-20', - 'col-gap-24', - 'col-gap-28', - 'col-gap-32', - 'col-gap-36', - 'col-gap-40', - 'col-gap-48', - 'col-gap-56', - 'col-gap-60', - 'col-gap-64', - 'col-gap-72', - 'col-gap-80', - 'col-gap-96', - 'col-gap-px', - 'col-gap-05', - 'col-gap-25', - 'col-gap-35', - 'col-gap-1/2', - 'col-gap-1/3', - 'col-gap-2/3', - 'col-gap-1/4', - 'col-gap-2/4', - 'col-gap-3/4', - 'col-gap-1/5', - 'col-gap-2/5', - 'col-gap-3/5', - 'col-gap-4/5', - 'col-gap-1/6', - 'col-gap-2/6', - 'col-gap-3/6', - 'col-gap-4/6', - 'col-gap-5/6', - 'col-gap-1/12', - 'col-gap-2/12', - 'col-gap-3/12', - 'col-gap-4/12', - 'col-gap-5/12', - 'col-gap-6/12', - 'col-gap-7/12', - 'col-gap-8/12', - 'col-gap-9/12', - 'col-gap-10/12', - 'col-gap-11/12', - 'col-gap-full', - 'row-gap-0', - 'row-gap-1', - 'row-gap-2', - 'row-gap-3', - 'row-gap-4', - 'row-gap-5', - 'row-gap-6', - 'row-gap-7', - 'row-gap-8', - 'row-gap-9', - 'row-gap-10', - 'row-gap-11', - 'row-gap-12', - 'row-gap-13', - 'row-gap-14', - 'row-gap-15', - 'row-gap-16', - 'row-gap-20', - 'row-gap-24', - 'row-gap-28', - 'row-gap-32', - 'row-gap-36', - 'row-gap-40', - 'row-gap-48', - 'row-gap-56', - 'row-gap-60', - 'row-gap-64', - 'row-gap-72', - 'row-gap-80', - 'row-gap-96', - 'row-gap-px', - 'row-gap-05', - 'row-gap-25', - 'row-gap-35', - 'row-gap-1/2', - 'row-gap-1/3', - 'row-gap-2/3', - 'row-gap-1/4', - 'row-gap-2/4', - 'row-gap-3/4', - 'row-gap-1/5', - 'row-gap-2/5', - 'row-gap-3/5', - 'row-gap-4/5', - 'row-gap-1/6', - 'row-gap-2/6', - 'row-gap-3/6', - 'row-gap-4/6', - 'row-gap-5/6', - 'row-gap-1/12', - 'row-gap-2/12', - 'row-gap-3/12', - 'row-gap-4/12', - 'row-gap-5/12', - 'row-gap-6/12', - 'row-gap-7/12', - 'row-gap-8/12', - 'row-gap-9/12', - 'row-gap-10/12', - 'row-gap-11/12', - 'row-gap-full', - 'grid-flow-row', - 'grid-flow-col', - 'grid-flow-row-dense', - 'grid-flow-col-dense', - 'grid-cols-1', - 'grid-cols-2', - 'grid-cols-3', - 'grid-cols-4', - 'grid-cols-5', - 'grid-cols-6', - 'grid-cols-7', - 'grid-cols-8', - 'grid-cols-9', - 'grid-cols-10', - 'grid-cols-11', - 'grid-cols-12', - 'grid-cols-none', - 'col-auto', - 'col-span-1', - 'col-span-2', - 'col-span-3', - 'col-span-4', - 'col-span-5', - 'col-span-6', - 'col-span-7', - 'col-span-8', - 'col-span-9', - 'col-span-10', - 'col-span-11', - 'col-span-12', - 'col-start-1', - 'col-start-2', - 'col-start-3', - 'col-start-4', - 'col-start-5', - 'col-start-6', - 'col-start-7', - 'col-start-8', - 'col-start-9', - 'col-start-10', - 'col-start-11', - 'col-start-12', - 'col-start-13', - 'col-start-auto', - 'col-end-1', - 'col-end-2', - 'col-end-3', - 'col-end-4', - 'col-end-5', - 'col-end-6', - 'col-end-7', - 'col-end-8', - 'col-end-9', - 'col-end-10', - 'col-end-11', - 'col-end-12', - 'col-end-13', - 'col-end-auto', - 'grid-rows-1', - 'grid-rows-2', - 'grid-rows-3', - 'grid-rows-4', - 'grid-rows-5', - 'grid-rows-6', - 'grid-rows-none', - 'row-auto', - 'row-span-1', - 'row-span-2', - 'row-span-3', - 'row-span-4', - 'row-span-5', - 'row-span-6', - 'row-start-1', - 'row-start-2', - 'row-start-3', - 'row-start-4', - 'row-start-5', - 'row-start-6', - 'row-start-7', - 'row-start-auto', - 'row-end-1', - 'row-end-2', - 'row-end-3', - 'row-end-4', - 'row-end-5', - 'row-end-6', - 'row-end-7', - 'row-end-auto', - 'transform', - 'transform-none', - 'origin-center', - 'origin-top', - 'origin-top-right', - 'origin-right', - 'origin-bottom-right', - 'origin-bottom', - 'origin-bottom-left', - 'origin-left', - 'origin-top-left', - 'scale-0', - 'scale-50', - 'scale-75', - 'scale-90', - 'scale-95', - 'scale-100', - 'scale-105', - 'scale-110', - 'scale-125', - 'scale-150', - 'scale-x-0', - 'scale-x-50', - 'scale-x-75', - 'scale-x-90', - 'scale-x-95', - 'scale-x-100', - 'scale-x-105', - 'scale-x-110', - 'scale-x-125', - 'scale-x-150', - 'scale-y-0', - 'scale-y-50', - 'scale-y-75', - 'scale-y-90', - 'scale-y-95', - 'scale-y-100', - 'scale-y-105', - 'scale-y-110', - 'scale-y-125', - 'scale-y-150', - 'hover:scale-0:hover', - 'hover:scale-50:hover', - 'hover:scale-75:hover', - 'hover:scale-90:hover', - 'hover:scale-95:hover', - 'hover:scale-100:hover', - 'hover:scale-105:hover', - 'hover:scale-110:hover', - 'hover:scale-125:hover', - 'hover:scale-150:hover', - 'hover:scale-x-0:hover', - 'hover:scale-x-50:hover', - 'hover:scale-x-75:hover', - 'hover:scale-x-90:hover', - 'hover:scale-x-95:hover', - 'hover:scale-x-100:hover', - 'hover:scale-x-105:hover', - 'hover:scale-x-110:hover', - 'hover:scale-x-125:hover', - 'hover:scale-x-150:hover', - 'hover:scale-y-0:hover', - 'hover:scale-y-50:hover', - 'hover:scale-y-75:hover', - 'hover:scale-y-90:hover', - 'hover:scale-y-95:hover', - 'hover:scale-y-100:hover', - 'hover:scale-y-105:hover', - 'hover:scale-y-110:hover', - 'hover:scale-y-125:hover', - 'hover:scale-y-150:hover', - 'focus:scale-0', - 'focus:scale-50', - 'focus:scale-75', - 'focus:scale-90', - 'focus:scale-95', - 'focus:scale-100', - 'focus:scale-105', - 'focus:scale-110', - 'focus:scale-125', - 'focus:scale-150', - 'focus:scale-x-0', - 'focus:scale-x-50', - 'focus:scale-x-75', - 'focus:scale-x-90', - 'focus:scale-x-95', - 'focus:scale-x-100', - 'focus:scale-x-105', - 'focus:scale-x-110', - 'focus:scale-x-125', - 'focus:scale-x-150', - 'focus:scale-y-0', - 'focus:scale-y-50', - 'focus:scale-y-75', - 'focus:scale-y-90', - 'focus:scale-y-95', - 'focus:scale-y-100', - 'focus:scale-y-105', - 'focus:scale-y-110', - 'focus:scale-y-125', - 'focus:scale-y-150', - 'rotate-0', - 'rotate-45', - 'rotate-90', - 'rotate-180', - '-rotate-180', - '-rotate-90', - '-rotate-45', - 'hover:rotate-0:hover', - 'hover:rotate-45:hover', - 'hover:rotate-90:hover', - 'hover:rotate-180:hover', - 'hover:-rotate-180:hover', - 'hover:-rotate-90:hover', - 'hover:-rotate-45:hover', - 'focus:rotate-0', - 'focus:rotate-45', - 'focus:rotate-90', - 'focus:rotate-180', - 'focus:-rotate-180', - 'focus:-rotate-90', - 'focus:-rotate-45', - 'translate-x-0', - 'translate-x-1', - 'translate-x-2', - 'translate-x-3', - 'translate-x-4', - 'translate-x-5', - 'translate-x-6', - 'translate-x-7', - 'translate-x-8', - 'translate-x-9', - 'translate-x-10', - 'translate-x-11', - 'translate-x-12', - 'translate-x-13', - 'translate-x-14', - 'translate-x-15', - 'translate-x-16', - 'translate-x-20', - 'translate-x-24', - 'translate-x-28', - 'translate-x-32', - 'translate-x-36', - 'translate-x-40', - 'translate-x-48', - 'translate-x-56', - 'translate-x-60', - 'translate-x-64', - 'translate-x-72', - 'translate-x-80', - 'translate-x-96', - 'translate-x-px', - 'translate-x-05', - 'translate-x-25', - 'translate-x-35', - 'translate-x-1/2', - 'translate-x-1/3', - 'translate-x-2/3', - 'translate-x-1/4', - 'translate-x-2/4', - 'translate-x-3/4', - 'translate-x-1/5', - 'translate-x-2/5', - 'translate-x-3/5', - 'translate-x-4/5', - 'translate-x-1/6', - 'translate-x-2/6', - 'translate-x-3/6', - 'translate-x-4/6', - 'translate-x-5/6', - 'translate-x-1/12', - 'translate-x-2/12', - 'translate-x-3/12', - 'translate-x-4/12', - 'translate-x-5/12', - 'translate-x-6/12', - 'translate-x-7/12', - 'translate-x-8/12', - 'translate-x-9/12', - 'translate-x-10/12', - 'translate-x-11/12', - 'translate-x-full', + '-m-05', + '-m-1', + '-m-1/12', + '-m-1/2', + '-m-1/3', + '-m-1/4', + '-m-1/5', + '-m-1/6', + '-m-10', + '-m-10/12', + '-m-11', + '-m-11/12', + '-m-12', + '-m-13', + '-m-14', + '-m-15', + '-m-16', + '-m-2', + '-m-2/12', + '-m-2/3', + '-m-2/4', + '-m-2/5', + '-m-2/6', + '-m-20', + '-m-24', + '-m-25', + '-m-28', + '-m-3', + '-m-3/12', + '-m-3/4', + '-m-3/5', + '-m-3/6', + '-m-32', + '-m-35', + '-m-36', + '-m-4', + '-m-4/12', + '-m-4/5', + '-m-4/6', + '-m-40', + '-m-48', + '-m-5', + '-m-5/12', + '-m-5/6', + '-m-56', + '-m-6', + '-m-6/12', + '-m-60', + '-m-64', + '-m-7', + '-m-7/12', + '-m-72', + '-m-8', + '-m-8/12', + '-m-80', + '-m-9', + '-m-9/12', + '-m-96', + '-m-full', + '-m-px', + '-mb-05', + '-mb-1', + '-mb-1/12', + '-mb-1/2', + '-mb-1/3', + '-mb-1/4', + '-mb-1/5', + '-mb-1/6', + '-mb-10', + '-mb-10/12', + '-mb-11', + '-mb-11/12', + '-mb-12', + '-mb-13', + '-mb-14', + '-mb-15', + '-mb-16', + '-mb-2', + '-mb-2/12', + '-mb-2/3', + '-mb-2/4', + '-mb-2/5', + '-mb-2/6', + '-mb-20', + '-mb-24', + '-mb-25', + '-mb-28', + '-mb-3', + '-mb-3/12', + '-mb-3/4', + '-mb-3/5', + '-mb-3/6', + '-mb-32', + '-mb-35', + '-mb-36', + '-mb-4', + '-mb-4/12', + '-mb-4/5', + '-mb-4/6', + '-mb-40', + '-mb-48', + '-mb-5', + '-mb-5/12', + '-mb-5/6', + '-mb-56', + '-mb-6', + '-mb-6/12', + '-mb-60', + '-mb-64', + '-mb-7', + '-mb-7/12', + '-mb-72', + '-mb-8', + '-mb-8/12', + '-mb-80', + '-mb-9', + '-mb-9/12', + '-mb-96', + '-mb-full', + '-mb-px', + '-ml-05', + '-ml-1', + '-ml-1/12', + '-ml-1/2', + '-ml-1/3', + '-ml-1/4', + '-ml-1/5', + '-ml-1/6', + '-ml-10', + '-ml-10/12', + '-ml-11', + '-ml-11/12', + '-ml-12', + '-ml-13', + '-ml-14', + '-ml-15', + '-ml-16', + '-ml-2', + '-ml-2/12', + '-ml-2/3', + '-ml-2/4', + '-ml-2/5', + '-ml-2/6', + '-ml-20', + '-ml-24', + '-ml-25', + '-ml-28', + '-ml-3', + '-ml-3/12', + '-ml-3/4', + '-ml-3/5', + '-ml-3/6', + '-ml-32', + '-ml-35', + '-ml-36', + '-ml-4', + '-ml-4/12', + '-ml-4/5', + '-ml-4/6', + '-ml-40', + '-ml-48', + '-ml-5', + '-ml-5/12', + '-ml-5/6', + '-ml-56', + '-ml-6', + '-ml-6/12', + '-ml-60', + '-ml-64', + '-ml-7', + '-ml-7/12', + '-ml-72', + '-ml-8', + '-ml-8/12', + '-ml-80', + '-ml-9', + '-ml-9/12', + '-ml-96', + '-ml-full', + '-ml-px', + '-mr-05', + '-mr-1', + '-mr-1/12', + '-mr-1/2', + '-mr-1/3', + '-mr-1/4', + '-mr-1/5', + '-mr-1/6', + '-mr-10', + '-mr-10/12', + '-mr-11', + '-mr-11/12', + '-mr-12', + '-mr-13', + '-mr-14', + '-mr-15', + '-mr-16', + '-mr-2', + '-mr-2/12', + '-mr-2/3', + '-mr-2/4', + '-mr-2/5', + '-mr-2/6', + '-mr-20', + '-mr-24', + '-mr-25', + '-mr-28', + '-mr-3', + '-mr-3/12', + '-mr-3/4', + '-mr-3/5', + '-mr-3/6', + '-mr-32', + '-mr-35', + '-mr-36', + '-mr-4', + '-mr-4/12', + '-mr-4/5', + '-mr-4/6', + '-mr-40', + '-mr-48', + '-mr-5', + '-mr-5/12', + '-mr-5/6', + '-mr-56', + '-mr-6', + '-mr-6/12', + '-mr-60', + '-mr-64', + '-mr-7', + '-mr-7/12', + '-mr-72', + '-mr-8', + '-mr-8/12', + '-mr-80', + '-mr-9', + '-mr-9/12', + '-mr-96', + '-mr-full', + '-mr-px', + '-mt-05', + '-mt-1', + '-mt-1/12', + '-mt-1/2', + '-mt-1/3', + '-mt-1/4', + '-mt-1/5', + '-mt-1/6', + '-mt-10', + '-mt-10/12', + '-mt-11', + '-mt-11/12', + '-mt-12', + '-mt-13', + '-mt-14', + '-mt-15', + '-mt-16', + '-mt-2', + '-mt-2/12', + '-mt-2/3', + '-mt-2/4', + '-mt-2/5', + '-mt-2/6', + '-mt-20', + '-mt-24', + '-mt-25', + '-mt-28', + '-mt-3', + '-mt-3/12', + '-mt-3/4', + '-mt-3/5', + '-mt-3/6', + '-mt-32', + '-mt-35', + '-mt-36', + '-mt-4', + '-mt-4/12', + '-mt-4/5', + '-mt-4/6', + '-mt-40', + '-mt-48', + '-mt-5', + '-mt-5/12', + '-mt-5/6', + '-mt-56', + '-mt-6', + '-mt-6/12', + '-mt-60', + '-mt-64', + '-mt-7', + '-mt-7/12', + '-mt-72', + '-mt-8', + '-mt-8/12', + '-mt-80', + '-mt-9', + '-mt-9/12', + '-mt-96', + '-mt-full', + '-mt-px', + '-mx-05', + '-mx-1', + '-mx-1/12', + '-mx-1/2', + '-mx-1/3', + '-mx-1/4', + '-mx-1/5', + '-mx-1/6', + '-mx-10', + '-mx-10/12', + '-mx-11', + '-mx-11/12', + '-mx-12', + '-mx-13', + '-mx-14', + '-mx-15', + '-mx-16', + '-mx-2', + '-mx-2/12', + '-mx-2/3', + '-mx-2/4', + '-mx-2/5', + '-mx-2/6', + '-mx-20', + '-mx-24', + '-mx-25', + '-mx-28', + '-mx-3', + '-mx-3/12', + '-mx-3/4', + '-mx-3/5', + '-mx-3/6', + '-mx-32', + '-mx-35', + '-mx-36', + '-mx-4', + '-mx-4/12', + '-mx-4/5', + '-mx-4/6', + '-mx-40', + '-mx-48', + '-mx-5', + '-mx-5/12', + '-mx-5/6', + '-mx-56', + '-mx-6', + '-mx-6/12', + '-mx-60', + '-mx-64', + '-mx-7', + '-mx-7/12', + '-mx-72', + '-mx-8', + '-mx-8/12', + '-mx-80', + '-mx-9', + '-mx-9/12', + '-mx-96', + '-mx-full', + '-mx-px', + '-my-05', + '-my-1', + '-my-1/12', + '-my-1/2', + '-my-1/3', + '-my-1/4', + '-my-1/5', + '-my-1/6', + '-my-10', + '-my-10/12', + '-my-11', + '-my-11/12', + '-my-12', + '-my-13', + '-my-14', + '-my-15', + '-my-16', + '-my-2', + '-my-2/12', + '-my-2/3', + '-my-2/4', + '-my-2/5', + '-my-2/6', + '-my-20', + '-my-24', + '-my-25', + '-my-28', + '-my-3', + '-my-3/12', + '-my-3/4', + '-my-3/5', + '-my-3/6', + '-my-32', + '-my-35', + '-my-36', + '-my-4', + '-my-4/12', + '-my-4/5', + '-my-4/6', + '-my-40', + '-my-48', + '-my-5', + '-my-5/12', + '-my-5/6', + '-my-56', + '-my-6', + '-my-6/12', + '-my-60', + '-my-64', + '-my-7', + '-my-7/12', + '-my-72', + '-my-8', + '-my-8/12', + '-my-80', + '-my-9', + '-my-9/12', + '-my-96', + '-my-full', + '-my-px', + '-rotate-180', + '-rotate-45', + '-rotate-90', + '-skew-x-12', + '-skew-x-3', + '-skew-x-6', + '-skew-y-12', + '-skew-y-3', + '-skew-y-6', + '-space-x-1', + '-space-x-10', + '-space-x-12', + '-space-x-16', + '-space-x-2', + '-space-x-20', + '-space-x-24', + '-space-x-3', + '-space-x-32', + '-space-x-4', + '-space-x-40', + '-space-x-48', + '-space-x-5', + '-space-x-56', + '-space-x-6', + '-space-x-64', + '-space-x-8', + '-space-x-px', + '-space-y-1', + '-space-y-10', + '-space-y-12', + '-space-y-16', + '-space-y-2', + '-space-y-20', + '-space-y-24', + '-space-y-3', + '-space-y-32', + '-space-y-4', + '-space-y-40', + '-space-y-48', + '-space-y-5', + '-space-y-56', + '-space-y-6', + '-space-y-64', + '-space-y-8', + '-space-y-px', + '-translate-x-05', '-translate-x-1', - '-translate-x-2', - '-translate-x-3', - '-translate-x-4', - '-translate-x-5', - '-translate-x-6', - '-translate-x-7', - '-translate-x-8', - '-translate-x-9', + '-translate-x-1/12', + '-translate-x-1/2', + '-translate-x-1/3', + '-translate-x-1/4', + '-translate-x-1/5', + '-translate-x-1/6', '-translate-x-10', + '-translate-x-10/12', '-translate-x-11', + '-translate-x-11/12', '-translate-x-12', '-translate-x-13', '-translate-x-14', '-translate-x-15', '-translate-x-16', + '-translate-x-2', + '-translate-x-2/12', + '-translate-x-2/3', + '-translate-x-2/4', + '-translate-x-2/5', + '-translate-x-2/6', '-translate-x-20', '-translate-x-24', + '-translate-x-25', '-translate-x-28', + '-translate-x-3', + '-translate-x-3/12', + '-translate-x-3/4', + '-translate-x-3/5', + '-translate-x-3/6', '-translate-x-32', + '-translate-x-35', '-translate-x-36', + '-translate-x-4', + '-translate-x-4/12', + '-translate-x-4/5', + '-translate-x-4/6', '-translate-x-40', '-translate-x-48', + '-translate-x-5', + '-translate-x-5/12', + '-translate-x-5/6', '-translate-x-56', + '-translate-x-6', + '-translate-x-6/12', '-translate-x-60', '-translate-x-64', - '-translate-x-72', - '-translate-x-80', - '-translate-x-96', - '-translate-x-px', - '-translate-x-05', - '-translate-x-25', - '-translate-x-35', - '-translate-x-1/2', - '-translate-x-1/3', - '-translate-x-2/3', - '-translate-x-1/4', - '-translate-x-2/4', - '-translate-x-3/4', - '-translate-x-1/5', - '-translate-x-2/5', - '-translate-x-3/5', - '-translate-x-4/5', - '-translate-x-1/6', - '-translate-x-2/6', - '-translate-x-3/6', - '-translate-x-4/6', - '-translate-x-5/6', - '-translate-x-1/12', - '-translate-x-2/12', - '-translate-x-3/12', - '-translate-x-4/12', - '-translate-x-5/12', - '-translate-x-6/12', + '-translate-x-7', '-translate-x-7/12', + '-translate-x-72', + '-translate-x-8', '-translate-x-8/12', + '-translate-x-80', + '-translate-x-9', '-translate-x-9/12', - '-translate-x-10/12', - '-translate-x-11/12', + '-translate-x-96', '-translate-x-full', - 'translate-y-0', - 'translate-y-1', - 'translate-y-2', - 'translate-y-3', - 'translate-y-4', - 'translate-y-5', - 'translate-y-6', - 'translate-y-7', - 'translate-y-8', - 'translate-y-9', - 'translate-y-10', - 'translate-y-11', - 'translate-y-12', - 'translate-y-13', - 'translate-y-14', - 'translate-y-15', - 'translate-y-16', - 'translate-y-20', - 'translate-y-24', - 'translate-y-28', - 'translate-y-32', - 'translate-y-36', - 'translate-y-40', - 'translate-y-48', - 'translate-y-56', - 'translate-y-60', - 'translate-y-64', - 'translate-y-72', - 'translate-y-80', - 'translate-y-96', - 'translate-y-px', - 'translate-y-05', - 'translate-y-25', - 'translate-y-35', - 'translate-y-1/2', - 'translate-y-1/3', - 'translate-y-2/3', - 'translate-y-1/4', - 'translate-y-2/4', - 'translate-y-3/4', - 'translate-y-1/5', - 'translate-y-2/5', - 'translate-y-3/5', - 'translate-y-4/5', - 'translate-y-1/6', - 'translate-y-2/6', - 'translate-y-3/6', - 'translate-y-4/6', - 'translate-y-5/6', - 'translate-y-1/12', - 'translate-y-2/12', - 'translate-y-3/12', - 'translate-y-4/12', - 'translate-y-5/12', - 'translate-y-6/12', - 'translate-y-7/12', - 'translate-y-8/12', - 'translate-y-9/12', - 'translate-y-10/12', - 'translate-y-11/12', - 'translate-y-full', + '-translate-x-px', + '-translate-y-05', '-translate-y-1', - '-translate-y-2', - '-translate-y-3', - '-translate-y-4', - '-translate-y-5', - '-translate-y-6', - '-translate-y-7', - '-translate-y-8', - '-translate-y-9', + '-translate-y-1/12', + '-translate-y-1/2', + '-translate-y-1/3', + '-translate-y-1/4', + '-translate-y-1/5', + '-translate-y-1/6', '-translate-y-10', + '-translate-y-10/12', '-translate-y-11', + '-translate-y-11/12', '-translate-y-12', '-translate-y-13', '-translate-y-14', '-translate-y-15', '-translate-y-16', + '-translate-y-2', + '-translate-y-2/12', + '-translate-y-2/3', + '-translate-y-2/4', + '-translate-y-2/5', + '-translate-y-2/6', '-translate-y-20', '-translate-y-24', + '-translate-y-25', '-translate-y-28', + '-translate-y-3', + '-translate-y-3/12', + '-translate-y-3/4', + '-translate-y-3/5', + '-translate-y-3/6', '-translate-y-32', + '-translate-y-35', '-translate-y-36', + '-translate-y-4', + '-translate-y-4/12', + '-translate-y-4/5', + '-translate-y-4/6', '-translate-y-40', '-translate-y-48', + '-translate-y-5', + '-translate-y-5/12', + '-translate-y-5/6', '-translate-y-56', + '-translate-y-6', + '-translate-y-6/12', '-translate-y-60', '-translate-y-64', - '-translate-y-72', - '-translate-y-80', - '-translate-y-96', - '-translate-y-px', - '-translate-y-05', - '-translate-y-25', - '-translate-y-35', - '-translate-y-1/2', - '-translate-y-1/3', - '-translate-y-2/3', - '-translate-y-1/4', - '-translate-y-2/4', - '-translate-y-3/4', - '-translate-y-1/5', - '-translate-y-2/5', - '-translate-y-3/5', - '-translate-y-4/5', - '-translate-y-1/6', - '-translate-y-2/6', - '-translate-y-3/6', - '-translate-y-4/6', - '-translate-y-5/6', - '-translate-y-1/12', - '-translate-y-2/12', - '-translate-y-3/12', - '-translate-y-4/12', - '-translate-y-5/12', - '-translate-y-6/12', + '-translate-y-7', '-translate-y-7/12', + '-translate-y-72', + '-translate-y-8', '-translate-y-8/12', + '-translate-y-80', + '-translate-y-9', '-translate-y-9/12', - '-translate-y-10/12', - '-translate-y-11/12', + '-translate-y-96', '-translate-y-full', - 'hover:translate-x-0:hover', - 'hover:translate-x-1:hover', - 'hover:translate-x-2:hover', - 'hover:translate-x-3:hover', - 'hover:translate-x-4:hover', - 'hover:translate-x-5:hover', - 'hover:translate-x-6:hover', - 'hover:translate-x-7:hover', - 'hover:translate-x-8:hover', - 'hover:translate-x-9:hover', - 'hover:translate-x-10:hover', - 'hover:translate-x-11:hover', - 'hover:translate-x-12:hover', - 'hover:translate-x-13:hover', - 'hover:translate-x-14:hover', - 'hover:translate-x-15:hover', - 'hover:translate-x-16:hover', - 'hover:translate-x-20:hover', - 'hover:translate-x-24:hover', - 'hover:translate-x-28:hover', - 'hover:translate-x-32:hover', - 'hover:translate-x-36:hover', - 'hover:translate-x-40:hover', - 'hover:translate-x-48:hover', - 'hover:translate-x-56:hover', - 'hover:translate-x-60:hover', - 'hover:translate-x-64:hover', - 'hover:translate-x-72:hover', - 'hover:translate-x-80:hover', - 'hover:translate-x-96:hover', - 'hover:translate-x-px:hover', - 'hover:translate-x-05:hover', - 'hover:translate-x-25:hover', - 'hover:translate-x-35:hover', - 'hover:translate-x-1/2:hover', - 'hover:translate-x-1/3:hover', - 'hover:translate-x-2/3:hover', - 'hover:translate-x-1/4:hover', - 'hover:translate-x-2/4:hover', - 'hover:translate-x-3/4:hover', - 'hover:translate-x-1/5:hover', - 'hover:translate-x-2/5:hover', - 'hover:translate-x-3/5:hover', - 'hover:translate-x-4/5:hover', - 'hover:translate-x-1/6:hover', - 'hover:translate-x-2/6:hover', - 'hover:translate-x-3/6:hover', - 'hover:translate-x-4/6:hover', - 'hover:translate-x-5/6:hover', - 'hover:translate-x-1/12:hover', - 'hover:translate-x-2/12:hover', - 'hover:translate-x-3/12:hover', - 'hover:translate-x-4/12:hover', - 'hover:translate-x-5/12:hover', - 'hover:translate-x-6/12:hover', - 'hover:translate-x-7/12:hover', - 'hover:translate-x-8/12:hover', - 'hover:translate-x-9/12:hover', - 'hover:translate-x-10/12:hover', - 'hover:translate-x-11/12:hover', - 'hover:translate-x-full:hover', - 'hover:-translate-x-1:hover', - 'hover:-translate-x-2:hover', - 'hover:-translate-x-3:hover', - 'hover:-translate-x-4:hover', - 'hover:-translate-x-5:hover', - 'hover:-translate-x-6:hover', - 'hover:-translate-x-7:hover', - 'hover:-translate-x-8:hover', - 'hover:-translate-x-9:hover', - 'hover:-translate-x-10:hover', - 'hover:-translate-x-11:hover', - 'hover:-translate-x-12:hover', - 'hover:-translate-x-13:hover', - 'hover:-translate-x-14:hover', - 'hover:-translate-x-15:hover', - 'hover:-translate-x-16:hover', - 'hover:-translate-x-20:hover', - 'hover:-translate-x-24:hover', - 'hover:-translate-x-28:hover', - 'hover:-translate-x-32:hover', - 'hover:-translate-x-36:hover', - 'hover:-translate-x-40:hover', - 'hover:-translate-x-48:hover', - 'hover:-translate-x-56:hover', - 'hover:-translate-x-60:hover', - 'hover:-translate-x-64:hover', - 'hover:-translate-x-72:hover', - 'hover:-translate-x-80:hover', - 'hover:-translate-x-96:hover', - 'hover:-translate-x-px:hover', - 'hover:-translate-x-05:hover', - 'hover:-translate-x-25:hover', - 'hover:-translate-x-35:hover', - 'hover:-translate-x-1/2:hover', - 'hover:-translate-x-1/3:hover', - 'hover:-translate-x-2/3:hover', - 'hover:-translate-x-1/4:hover', - 'hover:-translate-x-2/4:hover', - 'hover:-translate-x-3/4:hover', - 'hover:-translate-x-1/5:hover', - 'hover:-translate-x-2/5:hover', - 'hover:-translate-x-3/5:hover', - 'hover:-translate-x-4/5:hover', - 'hover:-translate-x-1/6:hover', - 'hover:-translate-x-2/6:hover', - 'hover:-translate-x-3/6:hover', - 'hover:-translate-x-4/6:hover', - 'hover:-translate-x-5/6:hover', - 'hover:-translate-x-1/12:hover', - 'hover:-translate-x-2/12:hover', - 'hover:-translate-x-3/12:hover', - 'hover:-translate-x-4/12:hover', - 'hover:-translate-x-5/12:hover', - 'hover:-translate-x-6/12:hover', - 'hover:-translate-x-7/12:hover', - 'hover:-translate-x-8/12:hover', - 'hover:-translate-x-9/12:hover', - 'hover:-translate-x-10/12:hover', - 'hover:-translate-x-11/12:hover', - 'hover:-translate-x-full:hover', - 'hover:translate-y-0:hover', - 'hover:translate-y-1:hover', - 'hover:translate-y-2:hover', - 'hover:translate-y-3:hover', - 'hover:translate-y-4:hover', - 'hover:translate-y-5:hover', - 'hover:translate-y-6:hover', - 'hover:translate-y-7:hover', - 'hover:translate-y-8:hover', - 'hover:translate-y-9:hover', - 'hover:translate-y-10:hover', - 'hover:translate-y-11:hover', - 'hover:translate-y-12:hover', - 'hover:translate-y-13:hover', - 'hover:translate-y-14:hover', - 'hover:translate-y-15:hover', - 'hover:translate-y-16:hover', - 'hover:translate-y-20:hover', - 'hover:translate-y-24:hover', - 'hover:translate-y-28:hover', - 'hover:translate-y-32:hover', - 'hover:translate-y-36:hover', - 'hover:translate-y-40:hover', - 'hover:translate-y-48:hover', - 'hover:translate-y-56:hover', - 'hover:translate-y-60:hover', - 'hover:translate-y-64:hover', - 'hover:translate-y-72:hover', - 'hover:translate-y-80:hover', - 'hover:translate-y-96:hover', - 'hover:translate-y-px:hover', - 'hover:translate-y-05:hover', - 'hover:translate-y-25:hover', - 'hover:translate-y-35:hover', - 'hover:translate-y-1/2:hover', - 'hover:translate-y-1/3:hover', - 'hover:translate-y-2/3:hover', - 'hover:translate-y-1/4:hover', - 'hover:translate-y-2/4:hover', - 'hover:translate-y-3/4:hover', - 'hover:translate-y-1/5:hover', - 'hover:translate-y-2/5:hover', - 'hover:translate-y-3/5:hover', - 'hover:translate-y-4/5:hover', - 'hover:translate-y-1/6:hover', - 'hover:translate-y-2/6:hover', - 'hover:translate-y-3/6:hover', - 'hover:translate-y-4/6:hover', - 'hover:translate-y-5/6:hover', - 'hover:translate-y-1/12:hover', - 'hover:translate-y-2/12:hover', - 'hover:translate-y-3/12:hover', - 'hover:translate-y-4/12:hover', - 'hover:translate-y-5/12:hover', - 'hover:translate-y-6/12:hover', - 'hover:translate-y-7/12:hover', - 'hover:translate-y-8/12:hover', - 'hover:translate-y-9/12:hover', - 'hover:translate-y-10/12:hover', - 'hover:translate-y-11/12:hover', - 'hover:translate-y-full:hover', - 'hover:-translate-y-1:hover', - 'hover:-translate-y-2:hover', - 'hover:-translate-y-3:hover', - 'hover:-translate-y-4:hover', - 'hover:-translate-y-5:hover', - 'hover:-translate-y-6:hover', - 'hover:-translate-y-7:hover', - 'hover:-translate-y-8:hover', - 'hover:-translate-y-9:hover', - 'hover:-translate-y-10:hover', - 'hover:-translate-y-11:hover', - 'hover:-translate-y-12:hover', - 'hover:-translate-y-13:hover', - 'hover:-translate-y-14:hover', - 'hover:-translate-y-15:hover', - 'hover:-translate-y-16:hover', - 'hover:-translate-y-20:hover', - 'hover:-translate-y-24:hover', - 'hover:-translate-y-28:hover', - 'hover:-translate-y-32:hover', - 'hover:-translate-y-36:hover', - 'hover:-translate-y-40:hover', - 'hover:-translate-y-48:hover', - 'hover:-translate-y-56:hover', - 'hover:-translate-y-60:hover', - 'hover:-translate-y-64:hover', - 'hover:-translate-y-72:hover', - 'hover:-translate-y-80:hover', - 'hover:-translate-y-96:hover', - 'hover:-translate-y-px:hover', - 'hover:-translate-y-05:hover', - 'hover:-translate-y-25:hover', - 'hover:-translate-y-35:hover', - 'hover:-translate-y-1/2:hover', - 'hover:-translate-y-1/3:hover', - 'hover:-translate-y-2/3:hover', - 'hover:-translate-y-1/4:hover', - 'hover:-translate-y-2/4:hover', - 'hover:-translate-y-3/4:hover', - 'hover:-translate-y-1/5:hover', - 'hover:-translate-y-2/5:hover', - 'hover:-translate-y-3/5:hover', - 'hover:-translate-y-4/5:hover', - 'hover:-translate-y-1/6:hover', - 'hover:-translate-y-2/6:hover', - 'hover:-translate-y-3/6:hover', - 'hover:-translate-y-4/6:hover', - 'hover:-translate-y-5/6:hover', - 'hover:-translate-y-1/12:hover', - 'hover:-translate-y-2/12:hover', - 'hover:-translate-y-3/12:hover', - 'hover:-translate-y-4/12:hover', - 'hover:-translate-y-5/12:hover', - 'hover:-translate-y-6/12:hover', - 'hover:-translate-y-7/12:hover', - 'hover:-translate-y-8/12:hover', - 'hover:-translate-y-9/12:hover', - 'hover:-translate-y-10/12:hover', - 'hover:-translate-y-11/12:hover', - 'hover:-translate-y-full:hover', + '-translate-y-px', + 'absolute', + 'active:bg-black:active', + 'active:bg-blue-100:active', + 'active:bg-blue-200:active', + 'active:bg-blue-300:active', + 'active:bg-blue-400:active', + 'active:bg-blue-500:active', + 'active:bg-blue-50:active', + 'active:bg-blue-600:active', + 'active:bg-blue-700:active', + 'active:bg-blue-800:active', + 'active:bg-blue-900:active', + 'active:bg-cool-gray-100:active', + 'active:bg-cool-gray-200:active', + 'active:bg-cool-gray-300:active', + 'active:bg-cool-gray-400:active', + 'active:bg-cool-gray-500:active', + 'active:bg-cool-gray-50:active', + 'active:bg-cool-gray-600:active', + 'active:bg-cool-gray-700:active', + 'active:bg-cool-gray-800:active', + 'active:bg-cool-gray-900:active', + 'active:bg-gray-100:active', + 'active:bg-gray-200:active', + 'active:bg-gray-300:active', + 'active:bg-gray-400:active', + 'active:bg-gray-500:active', + 'active:bg-gray-50:active', + 'active:bg-gray-600:active', + 'active:bg-gray-700:active', + 'active:bg-gray-800:active', + 'active:bg-gray-900:active', + 'active:bg-green-100:active', + 'active:bg-green-200:active', + 'active:bg-green-300:active', + 'active:bg-green-400:active', + 'active:bg-green-500:active', + 'active:bg-green-50:active', + 'active:bg-green-600:active', + 'active:bg-green-700:active', + 'active:bg-green-800:active', + 'active:bg-green-900:active', + 'active:bg-indigo-100:active', + 'active:bg-indigo-200:active', + 'active:bg-indigo-300:active', + 'active:bg-indigo-400:active', + 'active:bg-indigo-500:active', + 'active:bg-indigo-50:active', + 'active:bg-indigo-600:active', + 'active:bg-indigo-700:active', + 'active:bg-indigo-800:active', + 'active:bg-indigo-900:active', + 'active:bg-orange-100:active', + 'active:bg-orange-200:active', + 'active:bg-orange-300:active', + 'active:bg-orange-400:active', + 'active:bg-orange-500:active', + 'active:bg-orange-50:active', + 'active:bg-orange-600:active', + 'active:bg-orange-700:active', + 'active:bg-orange-800:active', + 'active:bg-orange-900:active', + 'active:bg-pink-100:active', + 'active:bg-pink-200:active', + 'active:bg-pink-300:active', + 'active:bg-pink-400:active', + 'active:bg-pink-500:active', + 'active:bg-pink-50:active', + 'active:bg-pink-600:active', + 'active:bg-pink-700:active', + 'active:bg-pink-800:active', + 'active:bg-pink-900:active', + 'active:bg-purple-100:active', + 'active:bg-purple-200:active', + 'active:bg-purple-300:active', + 'active:bg-purple-400:active', + 'active:bg-purple-500:active', + 'active:bg-purple-50:active', + 'active:bg-purple-600:active', + 'active:bg-purple-700:active', + 'active:bg-purple-800:active', + 'active:bg-purple-900:active', + 'active:bg-red-100:active', + 'active:bg-red-200:active', + 'active:bg-red-300:active', + 'active:bg-red-400:active', + 'active:bg-red-500:active', + 'active:bg-red-50:active', + 'active:bg-red-600:active', + 'active:bg-red-700:active', + 'active:bg-red-800:active', + 'active:bg-red-900:active', + 'active:bg-teal-100:active', + 'active:bg-teal-200:active', + 'active:bg-teal-300:active', + 'active:bg-teal-400:active', + 'active:bg-teal-500:active', + 'active:bg-teal-50:active', + 'active:bg-teal-600:active', + 'active:bg-teal-700:active', + 'active:bg-teal-800:active', + 'active:bg-teal-900:active', + 'active:bg-transparent:active', + 'active:bg-white:active', + 'active:bg-yellow-100:active', + 'active:bg-yellow-200:active', + 'active:bg-yellow-300:active', + 'active:bg-yellow-400:active', + 'active:bg-yellow-500:active', + 'active:bg-yellow-50:active', + 'active:bg-yellow-600:active', + 'active:bg-yellow-700:active', + 'active:bg-yellow-800:active', + 'active:bg-yellow-900:active', + 'active:text-black:active', + 'active:text-blue-100:active', + 'active:text-blue-200:active', + 'active:text-blue-300:active', + 'active:text-blue-400:active', + 'active:text-blue-500:active', + 'active:text-blue-50:active', + 'active:text-blue-600:active', + 'active:text-blue-700:active', + 'active:text-blue-800:active', + 'active:text-blue-900:active', + 'active:text-cool-gray-100:active', + 'active:text-cool-gray-200:active', + 'active:text-cool-gray-300:active', + 'active:text-cool-gray-400:active', + 'active:text-cool-gray-500:active', + 'active:text-cool-gray-50:active', + 'active:text-cool-gray-600:active', + 'active:text-cool-gray-700:active', + 'active:text-cool-gray-800:active', + 'active:text-cool-gray-900:active', + 'active:text-gray-100:active', + 'active:text-gray-200:active', + 'active:text-gray-300:active', + 'active:text-gray-400:active', + 'active:text-gray-500:active', + 'active:text-gray-50:active', + 'active:text-gray-600:active', + 'active:text-gray-700:active', + 'active:text-gray-800:active', + 'active:text-gray-900:active', + 'active:text-green-100:active', + 'active:text-green-200:active', + 'active:text-green-300:active', + 'active:text-green-400:active', + 'active:text-green-500:active', + 'active:text-green-50:active', + 'active:text-green-600:active', + 'active:text-green-700:active', + 'active:text-green-800:active', + 'active:text-green-900:active', + 'active:text-indigo-100:active', + 'active:text-indigo-200:active', + 'active:text-indigo-300:active', + 'active:text-indigo-400:active', + 'active:text-indigo-500:active', + 'active:text-indigo-50:active', + 'active:text-indigo-600:active', + 'active:text-indigo-700:active', + 'active:text-indigo-800:active', + 'active:text-indigo-900:active', + 'active:text-orange-100:active', + 'active:text-orange-200:active', + 'active:text-orange-300:active', + 'active:text-orange-400:active', + 'active:text-orange-500:active', + 'active:text-orange-50:active', + 'active:text-orange-600:active', + 'active:text-orange-700:active', + 'active:text-orange-800:active', + 'active:text-orange-900:active', + 'active:text-pink-100:active', + 'active:text-pink-200:active', + 'active:text-pink-300:active', + 'active:text-pink-400:active', + 'active:text-pink-500:active', + 'active:text-pink-50:active', + 'active:text-pink-600:active', + 'active:text-pink-700:active', + 'active:text-pink-800:active', + 'active:text-pink-900:active', + 'active:text-purple-100:active', + 'active:text-purple-200:active', + 'active:text-purple-300:active', + 'active:text-purple-400:active', + 'active:text-purple-500:active', + 'active:text-purple-50:active', + 'active:text-purple-600:active', + 'active:text-purple-700:active', + 'active:text-purple-800:active', + 'active:text-purple-900:active', + 'active:text-red-100:active', + 'active:text-red-200:active', + 'active:text-red-300:active', + 'active:text-red-400:active', + 'active:text-red-500:active', + 'active:text-red-50:active', + 'active:text-red-600:active', + 'active:text-red-700:active', + 'active:text-red-800:active', + 'active:text-red-900:active', + 'active:text-teal-100:active', + 'active:text-teal-200:active', + 'active:text-teal-300:active', + 'active:text-teal-400:active', + 'active:text-teal-500:active', + 'active:text-teal-50:active', + 'active:text-teal-600:active', + 'active:text-teal-700:active', + 'active:text-teal-800:active', + 'active:text-teal-900:active', + 'active:text-transparent:active', + 'active:text-white:active', + 'active:text-yellow-100:active', + 'active:text-yellow-200:active', + 'active:text-yellow-300:active', + 'active:text-yellow-400:active', + 'active:text-yellow-500:active', + 'active:text-yellow-50:active', + 'active:text-yellow-600:active', + 'active:text-yellow-700:active', + 'active:text-yellow-800:active', + 'active:text-yellow-900:active', + 'align-baseline', + 'align-bottom', + 'align-middle', + 'align-text-bottom', + 'align-text-top', + 'align-top', + 'antialiased', + 'appearance-none', + 'bg-auto', + 'bg-black', + 'bg-blue-100', + 'bg-blue-200', + 'bg-blue-300', + 'bg-blue-400', + 'bg-blue-50', + 'bg-blue-500', + 'bg-blue-600', + 'bg-blue-700', + 'bg-blue-800', + 'bg-blue-900', + 'bg-bottom', + 'bg-center', + 'bg-contain', + 'bg-cool-gray-100', + 'bg-cool-gray-200', + 'bg-cool-gray-300', + 'bg-cool-gray-400', + 'bg-cool-gray-50', + 'bg-cool-gray-500', + 'bg-cool-gray-600', + 'bg-cool-gray-700', + 'bg-cool-gray-800', + 'bg-cool-gray-900', + 'bg-cover', + 'bg-current', + 'bg-fixed', + 'bg-gray-100', + 'bg-gray-200', + 'bg-gray-300', + 'bg-gray-400', + 'bg-gray-50', + 'bg-gray-500', + 'bg-gray-600', + 'bg-gray-700', + 'bg-gray-800', + 'bg-gray-900', + 'bg-green-100', + 'bg-green-200', + 'bg-green-300', + 'bg-green-400', + 'bg-green-50', + 'bg-green-500', + 'bg-green-600', + 'bg-green-700', + 'bg-green-800', + 'bg-green-900', + 'bg-indigo-100', + 'bg-indigo-200', + 'bg-indigo-300', + 'bg-indigo-400', + 'bg-indigo-50', + 'bg-indigo-500', + 'bg-indigo-600', + 'bg-indigo-700', + 'bg-indigo-800', + 'bg-indigo-900', + 'bg-left', + 'bg-left-bottom', + 'bg-left-top', + 'bg-local', + 'bg-no-repeat', + 'bg-orange-100', + 'bg-orange-200', + 'bg-orange-300', + 'bg-orange-400', + 'bg-orange-50', + 'bg-orange-500', + 'bg-orange-600', + 'bg-orange-700', + 'bg-orange-800', + 'bg-orange-900', + 'bg-pink-100', + 'bg-pink-200', + 'bg-pink-300', + 'bg-pink-400', + 'bg-pink-50', + 'bg-pink-500', + 'bg-pink-600', + 'bg-pink-700', + 'bg-pink-800', + 'bg-pink-900', + 'bg-purple-100', + 'bg-purple-200', + 'bg-purple-300', + 'bg-purple-400', + 'bg-purple-50', + 'bg-purple-500', + 'bg-purple-600', + 'bg-purple-700', + 'bg-purple-800', + 'bg-purple-900', + 'bg-red-100', + 'bg-red-200', + 'bg-red-300', + 'bg-red-400', + 'bg-red-50', + 'bg-red-500', + 'bg-red-600', + 'bg-red-700', + 'bg-red-800', + 'bg-red-900', + 'bg-repeat', + 'bg-repeat-round', + 'bg-repeat-space', + 'bg-repeat-x', + 'bg-repeat-y', + 'bg-right', + 'bg-right-bottom', + 'bg-right-top', + 'bg-scroll', + 'bg-teal-100', + 'bg-teal-200', + 'bg-teal-300', + 'bg-teal-400', + 'bg-teal-50', + 'bg-teal-500', + 'bg-teal-600', + 'bg-teal-700', + 'bg-teal-800', + 'bg-teal-900', + 'bg-top', + 'bg-transparent', + 'bg-white', + 'bg-yellow-100', + 'bg-yellow-200', + 'bg-yellow-300', + 'bg-yellow-400', + 'bg-yellow-50', + 'bg-yellow-500', + 'bg-yellow-600', + 'bg-yellow-700', + 'bg-yellow-800', + 'bg-yellow-900', + 'block', + 'border', + 'border-0', + 'border-2', + 'border-4', + 'border-8', + 'border-b', + 'border-b-0', + 'border-b-2', + 'border-b-4', + 'border-b-8', + 'border-black', + 'border-blue-100', + 'border-blue-200', + 'border-blue-300', + 'border-blue-400', + 'border-blue-50', + 'border-blue-500', + 'border-blue-600', + 'border-blue-700', + 'border-blue-800', + 'border-blue-900', + 'border-collapse', + 'border-cool-gray-100', + 'border-cool-gray-200', + 'border-cool-gray-300', + 'border-cool-gray-400', + 'border-cool-gray-50', + 'border-cool-gray-500', + 'border-cool-gray-600', + 'border-cool-gray-700', + 'border-cool-gray-800', + 'border-cool-gray-900', + 'border-current', + 'border-dashed', + 'border-dotted', + 'border-double', + 'border-gray-100', + 'border-gray-200', + 'border-gray-300', + 'border-gray-400', + 'border-gray-50', + 'border-gray-500', + 'border-gray-600', + 'border-gray-700', + 'border-gray-800', + 'border-gray-900', + 'border-green-100', + 'border-green-200', + 'border-green-300', + 'border-green-400', + 'border-green-50', + 'border-green-500', + 'border-green-600', + 'border-green-700', + 'border-green-800', + 'border-green-900', + 'border-indigo-100', + 'border-indigo-200', + 'border-indigo-300', + 'border-indigo-400', + 'border-indigo-50', + 'border-indigo-500', + 'border-indigo-600', + 'border-indigo-700', + 'border-indigo-800', + 'border-indigo-900', + 'border-l', + 'border-l-0', + 'border-l-2', + 'border-l-4', + 'border-l-8', + 'border-none', + 'border-orange-100', + 'border-orange-200', + 'border-orange-300', + 'border-orange-400', + 'border-orange-50', + 'border-orange-500', + 'border-orange-600', + 'border-orange-700', + 'border-orange-800', + 'border-orange-900', + 'border-pink-100', + 'border-pink-200', + 'border-pink-300', + 'border-pink-400', + 'border-pink-50', + 'border-pink-500', + 'border-pink-600', + 'border-pink-700', + 'border-pink-800', + 'border-pink-900', + 'border-purple-100', + 'border-purple-200', + 'border-purple-300', + 'border-purple-400', + 'border-purple-50', + 'border-purple-500', + 'border-purple-600', + 'border-purple-700', + 'border-purple-800', + 'border-purple-900', + 'border-r', + 'border-r-0', + 'border-r-2', + 'border-r-4', + 'border-r-8', + 'border-red-100', + 'border-red-200', + 'border-red-300', + 'border-red-400', + 'border-red-50', + 'border-red-500', + 'border-red-600', + 'border-red-700', + 'border-red-800', + 'border-red-900', + 'border-separate', + 'border-solid', + 'border-t', + 'border-t-0', + 'border-t-2', + 'border-t-4', + 'border-t-8', + 'border-teal-100', + 'border-teal-200', + 'border-teal-300', + 'border-teal-400', + 'border-teal-50', + 'border-teal-500', + 'border-teal-600', + 'border-teal-700', + 'border-teal-800', + 'border-teal-900', + 'border-transparent', + 'border-white', + 'border-yellow-100', + 'border-yellow-200', + 'border-yellow-300', + 'border-yellow-400', + 'border-yellow-50', + 'border-yellow-500', + 'border-yellow-600', + 'border-yellow-700', + 'border-yellow-800', + 'border-yellow-900', + 'bottom-0', + 'bottom-05', + 'bottom-1', + 'bottom-1/12', + 'bottom-1/2', + 'bottom-1/3', + 'bottom-1/4', + 'bottom-1/5', + 'bottom-1/6', + 'bottom-10', + 'bottom-10/12', + 'bottom-11', + 'bottom-11/12', + 'bottom-12', + 'bottom-13', + 'bottom-14', + 'bottom-15', + 'bottom-16', + 'bottom-2', + 'bottom-2/12', + 'bottom-2/3', + 'bottom-2/4', + 'bottom-2/5', + 'bottom-2/6', + 'bottom-20', + 'bottom-24', + 'bottom-25', + 'bottom-28', + 'bottom-3', + 'bottom-3/12', + 'bottom-3/4', + 'bottom-3/5', + 'bottom-3/6', + 'bottom-32', + 'bottom-35', + 'bottom-36', + 'bottom-4', + 'bottom-4/12', + 'bottom-4/5', + 'bottom-4/6', + 'bottom-40', + 'bottom-48', + 'bottom-5', + 'bottom-5/12', + 'bottom-5/6', + 'bottom-56', + 'bottom-6', + 'bottom-6/12', + 'bottom-60', + 'bottom-64', + 'bottom-7', + 'bottom-7/12', + 'bottom-72', + 'bottom-8', + 'bottom-8/12', + 'bottom-80', + 'bottom-9', + 'bottom-9/12', + 'bottom-96', + 'bottom-auto', + 'bottom-full', + 'bottom-px', + 'box-border', + 'box-content', + 'break-all', + 'break-normal', + 'break-words', + 'capitalize', + 'clear-both', + 'clear-left', + 'clear-none', + 'clear-right', + 'clearfix:after', + 'col-auto', + 'col-end-1', + 'col-end-10', + 'col-end-11', + 'col-end-12', + 'col-end-13', + 'col-end-2', + 'col-end-3', + 'col-end-4', + 'col-end-5', + 'col-end-6', + 'col-end-7', + 'col-end-8', + 'col-end-9', + 'col-end-auto', + 'col-gap-0', + 'col-gap-05', + 'col-gap-1', + 'col-gap-1/12', + 'col-gap-1/2', + 'col-gap-1/3', + 'col-gap-1/4', + 'col-gap-1/5', + 'col-gap-1/6', + 'col-gap-10', + 'col-gap-10/12', + 'col-gap-11', + 'col-gap-11/12', + 'col-gap-12', + 'col-gap-13', + 'col-gap-14', + 'col-gap-15', + 'col-gap-16', + 'col-gap-2', + 'col-gap-2/12', + 'col-gap-2/3', + 'col-gap-2/4', + 'col-gap-2/5', + 'col-gap-2/6', + 'col-gap-20', + 'col-gap-24', + 'col-gap-25', + 'col-gap-28', + 'col-gap-3', + 'col-gap-3/12', + 'col-gap-3/4', + 'col-gap-3/5', + 'col-gap-3/6', + 'col-gap-32', + 'col-gap-35', + 'col-gap-36', + 'col-gap-4', + 'col-gap-4/12', + 'col-gap-4/5', + 'col-gap-4/6', + 'col-gap-40', + 'col-gap-48', + 'col-gap-5', + 'col-gap-5/12', + 'col-gap-5/6', + 'col-gap-56', + 'col-gap-6', + 'col-gap-6/12', + 'col-gap-60', + 'col-gap-64', + 'col-gap-7', + 'col-gap-7/12', + 'col-gap-72', + 'col-gap-8', + 'col-gap-8/12', + 'col-gap-80', + 'col-gap-9', + 'col-gap-9/12', + 'col-gap-96', + 'col-gap-full', + 'col-gap-px', + 'col-span-1', + 'col-span-10', + 'col-span-11', + 'col-span-12', + 'col-span-2', + 'col-span-3', + 'col-span-4', + 'col-span-5', + 'col-span-6', + 'col-span-7', + 'col-span-8', + 'col-span-9', + 'col-start-1', + 'col-start-10', + 'col-start-11', + 'col-start-12', + 'col-start-13', + 'col-start-2', + 'col-start-3', + 'col-start-4', + 'col-start-5', + 'col-start-6', + 'col-start-7', + 'col-start-8', + 'col-start-9', + 'col-start-auto', + 'content-around', + 'content-between', + 'content-center', + 'content-end', + 'content-start', + 'cursor-auto', + 'cursor-default', + 'cursor-move', + 'cursor-not-allowed', + 'cursor-pointer', + 'cursor-text', + 'cursor-wait', + 'delay-100', + 'delay-1000', + 'delay-150', + 'delay-200', + 'delay-300', + 'delay-500', + 'delay-700', + 'delay-75', + 'divide-black', + 'divide-blue-100', + 'divide-blue-200', + 'divide-blue-300', + 'divide-blue-400', + 'divide-blue-500', + 'divide-blue-600', + 'divide-blue-700', + 'divide-blue-800', + 'divide-blue-900', + 'divide-current', + 'divide-gray-100', + 'divide-gray-200', + 'divide-gray-300', + 'divide-gray-400', + 'divide-gray-500', + 'divide-gray-600', + 'divide-gray-700', + 'divide-gray-800', + 'divide-gray-900', + 'divide-green-100', + 'divide-green-200', + 'divide-green-300', + 'divide-green-400', + 'divide-green-500', + 'divide-green-600', + 'divide-green-700', + 'divide-green-800', + 'divide-green-900', + 'divide-indigo-100', + 'divide-indigo-200', + 'divide-indigo-300', + 'divide-indigo-400', + 'divide-indigo-500', + 'divide-indigo-600', + 'divide-indigo-700', + 'divide-indigo-800', + 'divide-indigo-900', + 'divide-orange-100', + 'divide-orange-200', + 'divide-orange-300', + 'divide-orange-400', + 'divide-orange-500', + 'divide-orange-600', + 'divide-orange-700', + 'divide-orange-800', + 'divide-orange-900', + 'divide-pink-100', + 'divide-pink-200', + 'divide-pink-300', + 'divide-pink-400', + 'divide-pink-500', + 'divide-pink-600', + 'divide-pink-700', + 'divide-pink-800', + 'divide-pink-900', + 'divide-purple-100', + 'divide-purple-200', + 'divide-purple-300', + 'divide-purple-400', + 'divide-purple-500', + 'divide-purple-600', + 'divide-purple-700', + 'divide-purple-800', + 'divide-purple-900', + 'divide-red-100', + 'divide-red-200', + 'divide-red-300', + 'divide-red-400', + 'divide-red-500', + 'divide-red-600', + 'divide-red-700', + 'divide-red-800', + 'divide-red-900', + 'divide-teal-100', + 'divide-teal-200', + 'divide-teal-300', + 'divide-teal-400', + 'divide-teal-500', + 'divide-teal-600', + 'divide-teal-700', + 'divide-teal-800', + 'divide-teal-900', + 'divide-transparent', + 'divide-white', + 'divide-x', + 'divide-x-0', + 'divide-x-2', + 'divide-x-4', + 'divide-x-8', + 'divide-x-reverse', + 'divide-y', + 'divide-y-0', + 'divide-y-2', + 'divide-y-4', + 'divide-y-8', + 'divide-y-reverse', + 'divide-yellow-100', + 'divide-yellow-200', + 'divide-yellow-300', + 'divide-yellow-400', + 'divide-yellow-500', + 'divide-yellow-600', + 'divide-yellow-700', + 'divide-yellow-800', + 'divide-yellow-900', + 'duration-100', + 'duration-1000', + 'duration-150', + 'duration-200', + 'duration-300', + 'duration-500', + 'duration-700', + 'duration-75', + 'ease-in', + 'ease-in-out', + 'ease-linear', + 'ease-out', + 'fill-current', + 'fixed', + 'flex', + 'flex-1', + 'flex-auto', + 'flex-col', + 'flex-col-reverse', + 'flex-grow', + 'flex-grow-0', + 'flex-initial', + 'flex-no-wrap', + 'flex-none', + 'flex-row', + 'flex-row-reverse', + 'flex-shrink', + 'flex-shrink-0', + 'flex-wrap', + 'flex-wrap-reverse', + 'float-left', + 'float-none', + 'float-right', + 'flow-root', + 'focus-within:text-black', + 'focus-within:text-blue-100', + 'focus-within:text-blue-200', + 'focus-within:text-blue-300', + 'focus-within:text-blue-400', + 'focus-within:text-blue-50', + 'focus-within:text-blue-500', + 'focus-within:text-blue-600', + 'focus-within:text-blue-700', + 'focus-within:text-blue-800', + 'focus-within:text-blue-900', + 'focus-within:text-cool-gray-100', + 'focus-within:text-cool-gray-200', + 'focus-within:text-cool-gray-300', + 'focus-within:text-cool-gray-400', + 'focus-within:text-cool-gray-50', + 'focus-within:text-cool-gray-500', + 'focus-within:text-cool-gray-600', + 'focus-within:text-cool-gray-700', + 'focus-within:text-cool-gray-800', + 'focus-within:text-cool-gray-900', + 'focus-within:text-gray-100', + 'focus-within:text-gray-200', + 'focus-within:text-gray-300', + 'focus-within:text-gray-400', + 'focus-within:text-gray-50', + 'focus-within:text-gray-500', + 'focus-within:text-gray-600', + 'focus-within:text-gray-700', + 'focus-within:text-gray-800', + 'focus-within:text-gray-900', + 'focus-within:text-green-100', + 'focus-within:text-green-200', + 'focus-within:text-green-300', + 'focus-within:text-green-400', + 'focus-within:text-green-50', + 'focus-within:text-green-500', + 'focus-within:text-green-600', + 'focus-within:text-green-700', + 'focus-within:text-green-800', + 'focus-within:text-green-900', + 'focus-within:text-indigo-100', + 'focus-within:text-indigo-200', + 'focus-within:text-indigo-300', + 'focus-within:text-indigo-400', + 'focus-within:text-indigo-50', + 'focus-within:text-indigo-500', + 'focus-within:text-indigo-600', + 'focus-within:text-indigo-700', + 'focus-within:text-indigo-800', + 'focus-within:text-indigo-900', + 'focus-within:text-orange-100', + 'focus-within:text-orange-200', + 'focus-within:text-orange-300', + 'focus-within:text-orange-400', + 'focus-within:text-orange-50', + 'focus-within:text-orange-500', + 'focus-within:text-orange-600', + 'focus-within:text-orange-700', + 'focus-within:text-orange-800', + 'focus-within:text-orange-900', + 'focus-within:text-pink-100', + 'focus-within:text-pink-200', + 'focus-within:text-pink-300', + 'focus-within:text-pink-400', + 'focus-within:text-pink-50', + 'focus-within:text-pink-500', + 'focus-within:text-pink-600', + 'focus-within:text-pink-700', + 'focus-within:text-pink-800', + 'focus-within:text-pink-900', + 'focus-within:text-purple-100', + 'focus-within:text-purple-200', + 'focus-within:text-purple-300', + 'focus-within:text-purple-400', + 'focus-within:text-purple-50', + 'focus-within:text-purple-500', + 'focus-within:text-purple-600', + 'focus-within:text-purple-700', + 'focus-within:text-purple-800', + 'focus-within:text-purple-900', + 'focus-within:text-red-100', + 'focus-within:text-red-200', + 'focus-within:text-red-300', + 'focus-within:text-red-400', + 'focus-within:text-red-50', + 'focus-within:text-red-500', + 'focus-within:text-red-600', + 'focus-within:text-red-700', + 'focus-within:text-red-800', + 'focus-within:text-red-900', + 'focus-within:text-teal-100', + 'focus-within:text-teal-200', + 'focus-within:text-teal-300', + 'focus-within:text-teal-400', + 'focus-within:text-teal-50', + 'focus-within:text-teal-500', + 'focus-within:text-teal-600', + 'focus-within:text-teal-700', + 'focus-within:text-teal-800', + 'focus-within:text-teal-900', + 'focus-within:text-transparent', + 'focus-within:text-white', + 'focus-within:text-yellow-100', + 'focus-within:text-yellow-200', + 'focus-within:text-yellow-300', + 'focus-within:text-yellow-400', + 'focus-within:text-yellow-50', + 'focus-within:text-yellow-500', + 'focus-within:text-yellow-600', + 'focus-within:text-yellow-700', + 'focus-within:text-yellow-800', + 'focus-within:text-yellow-900', + 'focus-within:z-0', + 'focus-within:z-10', + 'focus-within:z-20', + 'focus-within:z-30', + 'focus-within:z-40', + 'focus-within:z-50', + 'focus-within:z-auto', + 'focus:-rotate-180', + 'focus:-rotate-45', + 'focus:-rotate-90', + 'focus:-skew-x-12', + 'focus:-skew-x-3', + 'focus:-skew-x-6', + 'focus:-skew-y-12', + 'focus:-skew-y-3', + 'focus:-skew-y-6', + 'focus:-translate-x-05', + 'focus:-translate-x-1', + 'focus:-translate-x-1/12', + 'focus:-translate-x-1/2', + 'focus:-translate-x-1/3', + 'focus:-translate-x-1/4', + 'focus:-translate-x-1/5', + 'focus:-translate-x-1/6', + 'focus:-translate-x-10', + 'focus:-translate-x-10/12', + 'focus:-translate-x-11', + 'focus:-translate-x-11/12', + 'focus:-translate-x-12', + 'focus:-translate-x-13', + 'focus:-translate-x-14', + 'focus:-translate-x-15', + 'focus:-translate-x-16', + 'focus:-translate-x-2', + 'focus:-translate-x-2/12', + 'focus:-translate-x-2/3', + 'focus:-translate-x-2/4', + 'focus:-translate-x-2/5', + 'focus:-translate-x-2/6', + 'focus:-translate-x-20', + 'focus:-translate-x-24', + 'focus:-translate-x-25', + 'focus:-translate-x-28', + 'focus:-translate-x-3', + 'focus:-translate-x-3/12', + 'focus:-translate-x-3/4', + 'focus:-translate-x-3/5', + 'focus:-translate-x-3/6', + 'focus:-translate-x-32', + 'focus:-translate-x-35', + 'focus:-translate-x-36', + 'focus:-translate-x-4', + 'focus:-translate-x-4/12', + 'focus:-translate-x-4/5', + 'focus:-translate-x-4/6', + 'focus:-translate-x-40', + 'focus:-translate-x-48', + 'focus:-translate-x-5', + 'focus:-translate-x-5/12', + 'focus:-translate-x-5/6', + 'focus:-translate-x-56', + 'focus:-translate-x-6', + 'focus:-translate-x-6/12', + 'focus:-translate-x-60', + 'focus:-translate-x-64', + 'focus:-translate-x-7', + 'focus:-translate-x-7/12', + 'focus:-translate-x-72', + 'focus:-translate-x-8', + 'focus:-translate-x-8/12', + 'focus:-translate-x-80', + 'focus:-translate-x-9', + 'focus:-translate-x-9/12', + 'focus:-translate-x-96', + 'focus:-translate-x-full', + 'focus:-translate-x-px', + 'focus:-translate-y-05', + 'focus:-translate-y-1', + 'focus:-translate-y-1/12', + 'focus:-translate-y-1/2', + 'focus:-translate-y-1/3', + 'focus:-translate-y-1/4', + 'focus:-translate-y-1/5', + 'focus:-translate-y-1/6', + 'focus:-translate-y-10', + 'focus:-translate-y-10/12', + 'focus:-translate-y-11', + 'focus:-translate-y-11/12', + 'focus:-translate-y-12', + 'focus:-translate-y-13', + 'focus:-translate-y-14', + 'focus:-translate-y-15', + 'focus:-translate-y-16', + 'focus:-translate-y-2', + 'focus:-translate-y-2/12', + 'focus:-translate-y-2/3', + 'focus:-translate-y-2/4', + 'focus:-translate-y-2/5', + 'focus:-translate-y-2/6', + 'focus:-translate-y-20', + 'focus:-translate-y-24', + 'focus:-translate-y-25', + 'focus:-translate-y-28', + 'focus:-translate-y-3', + 'focus:-translate-y-3/12', + 'focus:-translate-y-3/4', + 'focus:-translate-y-3/5', + 'focus:-translate-y-3/6', + 'focus:-translate-y-32', + 'focus:-translate-y-35', + 'focus:-translate-y-36', + 'focus:-translate-y-4', + 'focus:-translate-y-4/12', + 'focus:-translate-y-4/5', + 'focus:-translate-y-4/6', + 'focus:-translate-y-40', + 'focus:-translate-y-48', + 'focus:-translate-y-5', + 'focus:-translate-y-5/12', + 'focus:-translate-y-5/6', + 'focus:-translate-y-56', + 'focus:-translate-y-6', + 'focus:-translate-y-6/12', + 'focus:-translate-y-60', + 'focus:-translate-y-64', + 'focus:-translate-y-7', + 'focus:-translate-y-7/12', + 'focus:-translate-y-72', + 'focus:-translate-y-8', + 'focus:-translate-y-8/12', + 'focus:-translate-y-80', + 'focus:-translate-y-9', + 'focus:-translate-y-9/12', + 'focus:-translate-y-96', + 'focus:-translate-y-full', + 'focus:-translate-y-px', + 'focus:bg-black', + 'focus:bg-blue-100', + 'focus:bg-blue-200', + 'focus:bg-blue-300', + 'focus:bg-blue-400', + 'focus:bg-blue-50', + 'focus:bg-blue-500', + 'focus:bg-blue-600', + 'focus:bg-blue-700', + 'focus:bg-blue-800', + 'focus:bg-blue-900', + 'focus:bg-cool-gray-100', + 'focus:bg-cool-gray-200', + 'focus:bg-cool-gray-300', + 'focus:bg-cool-gray-400', + 'focus:bg-cool-gray-50', + 'focus:bg-cool-gray-500', + 'focus:bg-cool-gray-600', + 'focus:bg-cool-gray-700', + 'focus:bg-cool-gray-800', + 'focus:bg-cool-gray-900', + 'focus:bg-current', + 'focus:bg-gray-100', + 'focus:bg-gray-200', + 'focus:bg-gray-300', + 'focus:bg-gray-400', + 'focus:bg-gray-50', + 'focus:bg-gray-500', + 'focus:bg-gray-600', + 'focus:bg-gray-700', + 'focus:bg-gray-800', + 'focus:bg-gray-900', + 'focus:bg-green-100', + 'focus:bg-green-200', + 'focus:bg-green-300', + 'focus:bg-green-400', + 'focus:bg-green-50', + 'focus:bg-green-500', + 'focus:bg-green-600', + 'focus:bg-green-700', + 'focus:bg-green-800', + 'focus:bg-green-900', + 'focus:bg-indigo-100', + 'focus:bg-indigo-200', + 'focus:bg-indigo-300', + 'focus:bg-indigo-400', + 'focus:bg-indigo-50', + 'focus:bg-indigo-500', + 'focus:bg-indigo-600', + 'focus:bg-indigo-700', + 'focus:bg-indigo-800', + 'focus:bg-indigo-900', + 'focus:bg-orange-100', + 'focus:bg-orange-200', + 'focus:bg-orange-300', + 'focus:bg-orange-400', + 'focus:bg-orange-50', + 'focus:bg-orange-500', + 'focus:bg-orange-600', + 'focus:bg-orange-700', + 'focus:bg-orange-800', + 'focus:bg-orange-900', + 'focus:bg-pink-100', + 'focus:bg-pink-200', + 'focus:bg-pink-300', + 'focus:bg-pink-400', + 'focus:bg-pink-50', + 'focus:bg-pink-500', + 'focus:bg-pink-600', + 'focus:bg-pink-700', + 'focus:bg-pink-800', + 'focus:bg-pink-900', + 'focus:bg-purple-100', + 'focus:bg-purple-200', + 'focus:bg-purple-300', + 'focus:bg-purple-400', + 'focus:bg-purple-50', + 'focus:bg-purple-500', + 'focus:bg-purple-600', + 'focus:bg-purple-700', + 'focus:bg-purple-800', + 'focus:bg-purple-900', + 'focus:bg-red-100', + 'focus:bg-red-200', + 'focus:bg-red-300', + 'focus:bg-red-400', + 'focus:bg-red-50', + 'focus:bg-red-500', + 'focus:bg-red-600', + 'focus:bg-red-700', + 'focus:bg-red-800', + 'focus:bg-red-900', + 'focus:bg-teal-100', + 'focus:bg-teal-200', + 'focus:bg-teal-300', + 'focus:bg-teal-400', + 'focus:bg-teal-50', + 'focus:bg-teal-500', + 'focus:bg-teal-600', + 'focus:bg-teal-700', + 'focus:bg-teal-800', + 'focus:bg-teal-900', + 'focus:bg-transparent', + 'focus:bg-white', + 'focus:bg-yellow-100', + 'focus:bg-yellow-200', + 'focus:bg-yellow-300', + 'focus:bg-yellow-400', + 'focus:bg-yellow-50', + 'focus:bg-yellow-500', + 'focus:bg-yellow-600', + 'focus:bg-yellow-700', + 'focus:bg-yellow-800', + 'focus:bg-yellow-900', + 'focus:border-black', + 'focus:border-blue-100', + 'focus:border-blue-200', + 'focus:border-blue-300', + 'focus:border-blue-400', + 'focus:border-blue-50', + 'focus:border-blue-500', + 'focus:border-blue-600', + 'focus:border-blue-700', + 'focus:border-blue-800', + 'focus:border-blue-900', + 'focus:border-cool-gray-100', + 'focus:border-cool-gray-200', + 'focus:border-cool-gray-300', + 'focus:border-cool-gray-400', + 'focus:border-cool-gray-50', + 'focus:border-cool-gray-500', + 'focus:border-cool-gray-600', + 'focus:border-cool-gray-700', + 'focus:border-cool-gray-800', + 'focus:border-cool-gray-900', + 'focus:border-current', + 'focus:border-gray-100', + 'focus:border-gray-200', + 'focus:border-gray-300', + 'focus:border-gray-400', + 'focus:border-gray-50', + 'focus:border-gray-500', + 'focus:border-gray-600', + 'focus:border-gray-700', + 'focus:border-gray-800', + 'focus:border-gray-900', + 'focus:border-green-100', + 'focus:border-green-200', + 'focus:border-green-300', + 'focus:border-green-400', + 'focus:border-green-50', + 'focus:border-green-500', + 'focus:border-green-600', + 'focus:border-green-700', + 'focus:border-green-800', + 'focus:border-green-900', + 'focus:border-indigo-100', + 'focus:border-indigo-200', + 'focus:border-indigo-300', + 'focus:border-indigo-400', + 'focus:border-indigo-50', + 'focus:border-indigo-500', + 'focus:border-indigo-600', + 'focus:border-indigo-700', + 'focus:border-indigo-800', + 'focus:border-indigo-900', + 'focus:border-orange-100', + 'focus:border-orange-200', + 'focus:border-orange-300', + 'focus:border-orange-400', + 'focus:border-orange-50', + 'focus:border-orange-500', + 'focus:border-orange-600', + 'focus:border-orange-700', + 'focus:border-orange-800', + 'focus:border-orange-900', + 'focus:border-pink-100', + 'focus:border-pink-200', + 'focus:border-pink-300', + 'focus:border-pink-400', + 'focus:border-pink-50', + 'focus:border-pink-500', + 'focus:border-pink-600', + 'focus:border-pink-700', + 'focus:border-pink-800', + 'focus:border-pink-900', + 'focus:border-purple-100', + 'focus:border-purple-200', + 'focus:border-purple-300', + 'focus:border-purple-400', + 'focus:border-purple-50', + 'focus:border-purple-500', + 'focus:border-purple-600', + 'focus:border-purple-700', + 'focus:border-purple-800', + 'focus:border-purple-900', + 'focus:border-red-100', + 'focus:border-red-200', + 'focus:border-red-300', + 'focus:border-red-400', + 'focus:border-red-50', + 'focus:border-red-500', + 'focus:border-red-600', + 'focus:border-red-700', + 'focus:border-red-800', + 'focus:border-red-900', + 'focus:border-teal-100', + 'focus:border-teal-200', + 'focus:border-teal-300', + 'focus:border-teal-400', + 'focus:border-teal-50', + 'focus:border-teal-500', + 'focus:border-teal-600', + 'focus:border-teal-700', + 'focus:border-teal-800', + 'focus:border-teal-900', + 'focus:border-transparent', + 'focus:border-white', + 'focus:border-yellow-100', + 'focus:border-yellow-200', + 'focus:border-yellow-300', + 'focus:border-yellow-400', + 'focus:border-yellow-50', + 'focus:border-yellow-500', + 'focus:border-yellow-600', + 'focus:border-yellow-700', + 'focus:border-yellow-800', + 'focus:border-yellow-900', + 'focus:font-black', + 'focus:font-bold', + 'focus:font-extrabold', + 'focus:font-hairline', + 'focus:font-light', + 'focus:font-medium', + 'focus:font-normal', + 'focus:font-semibold', + 'focus:font-thin', + 'focus:line-through', + 'focus:no-underline', + 'focus:not-sr-only', + 'focus:opacity-0', + 'focus:opacity-100', + 'focus:opacity-25', + 'focus:opacity-50', + 'focus:opacity-75', + 'focus:outline-none', + 'focus:placeholder-black', + 'focus:placeholder-blue-100', + 'focus:placeholder-blue-200', + 'focus:placeholder-blue-300', + 'focus:placeholder-blue-400', + 'focus:placeholder-blue-50', + 'focus:placeholder-blue-500', + 'focus:placeholder-blue-600', + 'focus:placeholder-blue-700', + 'focus:placeholder-blue-800', + 'focus:placeholder-blue-900', + 'focus:placeholder-cool-gray-100', + 'focus:placeholder-cool-gray-200', + 'focus:placeholder-cool-gray-300', + 'focus:placeholder-cool-gray-400', + 'focus:placeholder-cool-gray-50', + 'focus:placeholder-cool-gray-500', + 'focus:placeholder-cool-gray-600', + 'focus:placeholder-cool-gray-700', + 'focus:placeholder-cool-gray-800', + 'focus:placeholder-cool-gray-900', + 'focus:placeholder-current', + 'focus:placeholder-gray-100', + 'focus:placeholder-gray-200', + 'focus:placeholder-gray-300', + 'focus:placeholder-gray-400', + 'focus:placeholder-gray-50', + 'focus:placeholder-gray-500', + 'focus:placeholder-gray-600', + 'focus:placeholder-gray-700', + 'focus:placeholder-gray-800', + 'focus:placeholder-gray-900', + 'focus:placeholder-green-100', + 'focus:placeholder-green-200', + 'focus:placeholder-green-300', + 'focus:placeholder-green-400', + 'focus:placeholder-green-50', + 'focus:placeholder-green-500', + 'focus:placeholder-green-600', + 'focus:placeholder-green-700', + 'focus:placeholder-green-800', + 'focus:placeholder-green-900', + 'focus:placeholder-indigo-100', + 'focus:placeholder-indigo-200', + 'focus:placeholder-indigo-300', + 'focus:placeholder-indigo-400', + 'focus:placeholder-indigo-50', + 'focus:placeholder-indigo-500', + 'focus:placeholder-indigo-600', + 'focus:placeholder-indigo-700', + 'focus:placeholder-indigo-800', + 'focus:placeholder-indigo-900', + 'focus:placeholder-orange-100', + 'focus:placeholder-orange-200', + 'focus:placeholder-orange-300', + 'focus:placeholder-orange-400', + 'focus:placeholder-orange-50', + 'focus:placeholder-orange-500', + 'focus:placeholder-orange-600', + 'focus:placeholder-orange-700', + 'focus:placeholder-orange-800', + 'focus:placeholder-orange-900', + 'focus:placeholder-pink-100', + 'focus:placeholder-pink-200', + 'focus:placeholder-pink-300', + 'focus:placeholder-pink-400', + 'focus:placeholder-pink-50', + 'focus:placeholder-pink-500', + 'focus:placeholder-pink-600', + 'focus:placeholder-pink-700', + 'focus:placeholder-pink-800', + 'focus:placeholder-pink-900', + 'focus:placeholder-purple-100', + 'focus:placeholder-purple-200', + 'focus:placeholder-purple-300', + 'focus:placeholder-purple-400', + 'focus:placeholder-purple-50', + 'focus:placeholder-purple-500', + 'focus:placeholder-purple-600', + 'focus:placeholder-purple-700', + 'focus:placeholder-purple-800', + 'focus:placeholder-purple-900', + 'focus:placeholder-red-100', + 'focus:placeholder-red-200', + 'focus:placeholder-red-300', + 'focus:placeholder-red-400', + 'focus:placeholder-red-50', + 'focus:placeholder-red-500', + 'focus:placeholder-red-600', + 'focus:placeholder-red-700', + 'focus:placeholder-red-800', + 'focus:placeholder-red-900', + 'focus:placeholder-teal-100', + 'focus:placeholder-teal-200', + 'focus:placeholder-teal-300', + 'focus:placeholder-teal-400', + 'focus:placeholder-teal-50', + 'focus:placeholder-teal-500', + 'focus:placeholder-teal-600', + 'focus:placeholder-teal-700', + 'focus:placeholder-teal-800', + 'focus:placeholder-teal-900', + 'focus:placeholder-transparent', + 'focus:placeholder-white', + 'focus:placeholder-yellow-100', + 'focus:placeholder-yellow-200', + 'focus:placeholder-yellow-300', + 'focus:placeholder-yellow-400', + 'focus:placeholder-yellow-50', + 'focus:placeholder-yellow-500', + 'focus:placeholder-yellow-600', + 'focus:placeholder-yellow-700', + 'focus:placeholder-yellow-800', + 'focus:placeholder-yellow-900', + 'focus:rotate-0', + 'focus:rotate-180', + 'focus:rotate-45', + 'focus:rotate-90', + 'focus:scale-0', + 'focus:scale-100', + 'focus:scale-105', + 'focus:scale-110', + 'focus:scale-125', + 'focus:scale-150', + 'focus:scale-50', + 'focus:scale-75', + 'focus:scale-90', + 'focus:scale-95', + 'focus:scale-x-0', + 'focus:scale-x-100', + 'focus:scale-x-105', + 'focus:scale-x-110', + 'focus:scale-x-125', + 'focus:scale-x-150', + 'focus:scale-x-50', + 'focus:scale-x-75', + 'focus:scale-x-90', + 'focus:scale-x-95', + 'focus:scale-y-0', + 'focus:scale-y-100', + 'focus:scale-y-105', + 'focus:scale-y-110', + 'focus:scale-y-125', + 'focus:scale-y-150', + 'focus:scale-y-50', + 'focus:scale-y-75', + 'focus:scale-y-90', + 'focus:scale-y-95', + 'focus:shadow', + 'focus:shadow-2xl', + 'focus:shadow-inner', + 'focus:shadow-lg', + 'focus:shadow-md', + 'focus:shadow-none', + 'focus:shadow-outline', + 'focus:shadow-outline-blue', + 'focus:shadow-outline-gray', + 'focus:shadow-outline-green', + 'focus:shadow-outline-indigo', + 'focus:shadow-outline-orange', + 'focus:shadow-outline-pink', + 'focus:shadow-outline-purple', + 'focus:shadow-outline-red', + 'focus:shadow-outline-teal', + 'focus:shadow-outline-yellow', + 'focus:shadow-sm', + 'focus:shadow-solid', + 'focus:shadow-xl', + 'focus:shadow-xs', + 'focus:skew-x-0', + 'focus:skew-x-12', + 'focus:skew-x-3', + 'focus:skew-x-6', + 'focus:skew-y-0', + 'focus:skew-y-12', + 'focus:skew-y-3', + 'focus:skew-y-6', + 'focus:sr-only', + 'focus:text-black', + 'focus:text-blue-100', + 'focus:text-blue-200', + 'focus:text-blue-300', + 'focus:text-blue-400', + 'focus:text-blue-50', + 'focus:text-blue-500', + 'focus:text-blue-600', + 'focus:text-blue-700', + 'focus:text-blue-800', + 'focus:text-blue-900', + 'focus:text-cool-gray-100', + 'focus:text-cool-gray-200', + 'focus:text-cool-gray-300', + 'focus:text-cool-gray-400', + 'focus:text-cool-gray-50', + 'focus:text-cool-gray-500', + 'focus:text-cool-gray-600', + 'focus:text-cool-gray-700', + 'focus:text-cool-gray-800', + 'focus:text-cool-gray-900', + 'focus:text-current', + 'focus:text-gray-100', + 'focus:text-gray-200', + 'focus:text-gray-300', + 'focus:text-gray-400', + 'focus:text-gray-50', + 'focus:text-gray-500', + 'focus:text-gray-600', + 'focus:text-gray-700', + 'focus:text-gray-800', + 'focus:text-gray-900', + 'focus:text-green-100', + 'focus:text-green-200', + 'focus:text-green-300', + 'focus:text-green-400', + 'focus:text-green-50', + 'focus:text-green-500', + 'focus:text-green-600', + 'focus:text-green-700', + 'focus:text-green-800', + 'focus:text-green-900', + 'focus:text-indigo-100', + 'focus:text-indigo-200', + 'focus:text-indigo-300', + 'focus:text-indigo-400', + 'focus:text-indigo-50', + 'focus:text-indigo-500', + 'focus:text-indigo-600', + 'focus:text-indigo-700', + 'focus:text-indigo-800', + 'focus:text-indigo-900', + 'focus:text-orange-100', + 'focus:text-orange-200', + 'focus:text-orange-300', + 'focus:text-orange-400', + 'focus:text-orange-50', + 'focus:text-orange-500', + 'focus:text-orange-600', + 'focus:text-orange-700', + 'focus:text-orange-800', + 'focus:text-orange-900', + 'focus:text-pink-100', + 'focus:text-pink-200', + 'focus:text-pink-300', + 'focus:text-pink-400', + 'focus:text-pink-50', + 'focus:text-pink-500', + 'focus:text-pink-600', + 'focus:text-pink-700', + 'focus:text-pink-800', + 'focus:text-pink-900', + 'focus:text-purple-100', + 'focus:text-purple-200', + 'focus:text-purple-300', + 'focus:text-purple-400', + 'focus:text-purple-50', + 'focus:text-purple-500', + 'focus:text-purple-600', + 'focus:text-purple-700', + 'focus:text-purple-800', + 'focus:text-purple-900', + 'focus:text-red-100', + 'focus:text-red-200', + 'focus:text-red-300', + 'focus:text-red-400', + 'focus:text-red-50', + 'focus:text-red-500', + 'focus:text-red-600', + 'focus:text-red-700', + 'focus:text-red-800', + 'focus:text-red-900', + 'focus:text-teal-100', + 'focus:text-teal-200', + 'focus:text-teal-300', + 'focus:text-teal-400', + 'focus:text-teal-50', + 'focus:text-teal-500', + 'focus:text-teal-600', + 'focus:text-teal-700', + 'focus:text-teal-800', + 'focus:text-teal-900', + 'focus:text-transparent', + 'focus:text-white', + 'focus:text-yellow-100', + 'focus:text-yellow-200', + 'focus:text-yellow-300', + 'focus:text-yellow-400', + 'focus:text-yellow-50', + 'focus:text-yellow-500', + 'focus:text-yellow-600', + 'focus:text-yellow-700', + 'focus:text-yellow-800', + 'focus:text-yellow-900', 'focus:translate-x-0', + 'focus:translate-x-05', 'focus:translate-x-1', - 'focus:translate-x-2', - 'focus:translate-x-3', - 'focus:translate-x-4', - 'focus:translate-x-5', - 'focus:translate-x-6', - 'focus:translate-x-7', - 'focus:translate-x-8', - 'focus:translate-x-9', + 'focus:translate-x-1/12', + 'focus:translate-x-1/2', + 'focus:translate-x-1/3', + 'focus:translate-x-1/4', + 'focus:translate-x-1/5', + 'focus:translate-x-1/6', 'focus:translate-x-10', + 'focus:translate-x-10/12', 'focus:translate-x-11', + 'focus:translate-x-11/12', 'focus:translate-x-12', 'focus:translate-x-13', 'focus:translate-x-14', 'focus:translate-x-15', 'focus:translate-x-16', + 'focus:translate-x-2', + 'focus:translate-x-2/12', + 'focus:translate-x-2/3', + 'focus:translate-x-2/4', + 'focus:translate-x-2/5', + 'focus:translate-x-2/6', 'focus:translate-x-20', 'focus:translate-x-24', + 'focus:translate-x-25', 'focus:translate-x-28', + 'focus:translate-x-3', + 'focus:translate-x-3/12', + 'focus:translate-x-3/4', + 'focus:translate-x-3/5', + 'focus:translate-x-3/6', 'focus:translate-x-32', + 'focus:translate-x-35', 'focus:translate-x-36', + 'focus:translate-x-4', + 'focus:translate-x-4/12', + 'focus:translate-x-4/5', + 'focus:translate-x-4/6', 'focus:translate-x-40', 'focus:translate-x-48', + 'focus:translate-x-5', + 'focus:translate-x-5/12', + 'focus:translate-x-5/6', 'focus:translate-x-56', + 'focus:translate-x-6', + 'focus:translate-x-6/12', 'focus:translate-x-60', 'focus:translate-x-64', - 'focus:translate-x-72', - 'focus:translate-x-80', - 'focus:translate-x-96', - 'focus:translate-x-px', - 'focus:translate-x-05', - 'focus:translate-x-25', - 'focus:translate-x-35', - 'focus:translate-x-1/2', - 'focus:translate-x-1/3', - 'focus:translate-x-2/3', - 'focus:translate-x-1/4', - 'focus:translate-x-2/4', - 'focus:translate-x-3/4', - 'focus:translate-x-1/5', - 'focus:translate-x-2/5', - 'focus:translate-x-3/5', - 'focus:translate-x-4/5', - 'focus:translate-x-1/6', - 'focus:translate-x-2/6', - 'focus:translate-x-3/6', - 'focus:translate-x-4/6', - 'focus:translate-x-5/6', - 'focus:translate-x-1/12', - 'focus:translate-x-2/12', - 'focus:translate-x-3/12', - 'focus:translate-x-4/12', - 'focus:translate-x-5/12', - 'focus:translate-x-6/12', + 'focus:translate-x-7', 'focus:translate-x-7/12', + 'focus:translate-x-72', + 'focus:translate-x-8', 'focus:translate-x-8/12', + 'focus:translate-x-80', + 'focus:translate-x-9', 'focus:translate-x-9/12', - 'focus:translate-x-10/12', - 'focus:translate-x-11/12', + 'focus:translate-x-96', 'focus:translate-x-full', - 'focus:-translate-x-1', - 'focus:-translate-x-2', - 'focus:-translate-x-3', - 'focus:-translate-x-4', - 'focus:-translate-x-5', - 'focus:-translate-x-6', - 'focus:-translate-x-7', - 'focus:-translate-x-8', - 'focus:-translate-x-9', - 'focus:-translate-x-10', - 'focus:-translate-x-11', - 'focus:-translate-x-12', - 'focus:-translate-x-13', - 'focus:-translate-x-14', - 'focus:-translate-x-15', - 'focus:-translate-x-16', - 'focus:-translate-x-20', - 'focus:-translate-x-24', - 'focus:-translate-x-28', - 'focus:-translate-x-32', - 'focus:-translate-x-36', - 'focus:-translate-x-40', - 'focus:-translate-x-48', - 'focus:-translate-x-56', - 'focus:-translate-x-60', - 'focus:-translate-x-64', - 'focus:-translate-x-72', - 'focus:-translate-x-80', - 'focus:-translate-x-96', - 'focus:-translate-x-px', - 'focus:-translate-x-05', - 'focus:-translate-x-25', - 'focus:-translate-x-35', - 'focus:-translate-x-1/2', - 'focus:-translate-x-1/3', - 'focus:-translate-x-2/3', - 'focus:-translate-x-1/4', - 'focus:-translate-x-2/4', - 'focus:-translate-x-3/4', - 'focus:-translate-x-1/5', - 'focus:-translate-x-2/5', - 'focus:-translate-x-3/5', - 'focus:-translate-x-4/5', - 'focus:-translate-x-1/6', - 'focus:-translate-x-2/6', - 'focus:-translate-x-3/6', - 'focus:-translate-x-4/6', - 'focus:-translate-x-5/6', - 'focus:-translate-x-1/12', - 'focus:-translate-x-2/12', - 'focus:-translate-x-3/12', - 'focus:-translate-x-4/12', - 'focus:-translate-x-5/12', - 'focus:-translate-x-6/12', - 'focus:-translate-x-7/12', - 'focus:-translate-x-8/12', - 'focus:-translate-x-9/12', - 'focus:-translate-x-10/12', - 'focus:-translate-x-11/12', - 'focus:-translate-x-full', + 'focus:translate-x-px', 'focus:translate-y-0', + 'focus:translate-y-05', 'focus:translate-y-1', - 'focus:translate-y-2', - 'focus:translate-y-3', - 'focus:translate-y-4', - 'focus:translate-y-5', - 'focus:translate-y-6', - 'focus:translate-y-7', - 'focus:translate-y-8', - 'focus:translate-y-9', + 'focus:translate-y-1/12', + 'focus:translate-y-1/2', + 'focus:translate-y-1/3', + 'focus:translate-y-1/4', + 'focus:translate-y-1/5', + 'focus:translate-y-1/6', 'focus:translate-y-10', + 'focus:translate-y-10/12', 'focus:translate-y-11', + 'focus:translate-y-11/12', 'focus:translate-y-12', 'focus:translate-y-13', 'focus:translate-y-14', 'focus:translate-y-15', 'focus:translate-y-16', + 'focus:translate-y-2', + 'focus:translate-y-2/12', + 'focus:translate-y-2/3', + 'focus:translate-y-2/4', + 'focus:translate-y-2/5', + 'focus:translate-y-2/6', 'focus:translate-y-20', 'focus:translate-y-24', + 'focus:translate-y-25', 'focus:translate-y-28', + 'focus:translate-y-3', + 'focus:translate-y-3/12', + 'focus:translate-y-3/4', + 'focus:translate-y-3/5', + 'focus:translate-y-3/6', 'focus:translate-y-32', + 'focus:translate-y-35', 'focus:translate-y-36', + 'focus:translate-y-4', + 'focus:translate-y-4/12', + 'focus:translate-y-4/5', + 'focus:translate-y-4/6', 'focus:translate-y-40', 'focus:translate-y-48', + 'focus:translate-y-5', + 'focus:translate-y-5/12', + 'focus:translate-y-5/6', 'focus:translate-y-56', + 'focus:translate-y-6', + 'focus:translate-y-6/12', 'focus:translate-y-60', 'focus:translate-y-64', - 'focus:translate-y-72', - 'focus:translate-y-80', - 'focus:translate-y-96', - 'focus:translate-y-px', - 'focus:translate-y-05', - 'focus:translate-y-25', - 'focus:translate-y-35', - 'focus:translate-y-1/2', - 'focus:translate-y-1/3', - 'focus:translate-y-2/3', - 'focus:translate-y-1/4', - 'focus:translate-y-2/4', - 'focus:translate-y-3/4', - 'focus:translate-y-1/5', - 'focus:translate-y-2/5', - 'focus:translate-y-3/5', - 'focus:translate-y-4/5', - 'focus:translate-y-1/6', - 'focus:translate-y-2/6', - 'focus:translate-y-3/6', - 'focus:translate-y-4/6', - 'focus:translate-y-5/6', - 'focus:translate-y-1/12', - 'focus:translate-y-2/12', - 'focus:translate-y-3/12', - 'focus:translate-y-4/12', - 'focus:translate-y-5/12', - 'focus:translate-y-6/12', + 'focus:translate-y-7', 'focus:translate-y-7/12', + 'focus:translate-y-72', + 'focus:translate-y-8', 'focus:translate-y-8/12', + 'focus:translate-y-80', + 'focus:translate-y-9', 'focus:translate-y-9/12', - 'focus:translate-y-10/12', - 'focus:translate-y-11/12', + 'focus:translate-y-96', 'focus:translate-y-full', - 'focus:-translate-y-1', - 'focus:-translate-y-2', - 'focus:-translate-y-3', - 'focus:-translate-y-4', - 'focus:-translate-y-5', - 'focus:-translate-y-6', - 'focus:-translate-y-7', - 'focus:-translate-y-8', - 'focus:-translate-y-9', - 'focus:-translate-y-10', - 'focus:-translate-y-11', - 'focus:-translate-y-12', - 'focus:-translate-y-13', - 'focus:-translate-y-14', - 'focus:-translate-y-15', - 'focus:-translate-y-16', - 'focus:-translate-y-20', - 'focus:-translate-y-24', - 'focus:-translate-y-28', - 'focus:-translate-y-32', - 'focus:-translate-y-36', - 'focus:-translate-y-40', - 'focus:-translate-y-48', - 'focus:-translate-y-56', - 'focus:-translate-y-60', - 'focus:-translate-y-64', - 'focus:-translate-y-72', - 'focus:-translate-y-80', - 'focus:-translate-y-96', - 'focus:-translate-y-px', - 'focus:-translate-y-05', - 'focus:-translate-y-25', - 'focus:-translate-y-35', - 'focus:-translate-y-1/2', - 'focus:-translate-y-1/3', - 'focus:-translate-y-2/3', - 'focus:-translate-y-1/4', - 'focus:-translate-y-2/4', - 'focus:-translate-y-3/4', - 'focus:-translate-y-1/5', - 'focus:-translate-y-2/5', - 'focus:-translate-y-3/5', - 'focus:-translate-y-4/5', - 'focus:-translate-y-1/6', - 'focus:-translate-y-2/6', - 'focus:-translate-y-3/6', - 'focus:-translate-y-4/6', - 'focus:-translate-y-5/6', - 'focus:-translate-y-1/12', - 'focus:-translate-y-2/12', - 'focus:-translate-y-3/12', - 'focus:-translate-y-4/12', - 'focus:-translate-y-5/12', - 'focus:-translate-y-6/12', - 'focus:-translate-y-7/12', - 'focus:-translate-y-8/12', - 'focus:-translate-y-9/12', - 'focus:-translate-y-10/12', - 'focus:-translate-y-11/12', - 'focus:-translate-y-full', + 'focus:translate-y-px', + 'focus:underline', + 'focus:z-0', + 'focus:z-10', + 'focus:z-20', + 'focus:z-30', + 'focus:z-40', + 'focus:z-50', + 'focus:z-auto', + 'font-black', + 'font-bold', + 'font-extrabold', + 'font-hairline', + 'font-light', + 'font-medium', + 'font-mono', + 'font-normal', + 'font-sans', + 'font-semibold', + 'font-serif', + 'font-thin', + 'gap-0', + 'gap-05', + 'gap-1', + 'gap-1/12', + 'gap-1/2', + 'gap-1/3', + 'gap-1/4', + 'gap-1/5', + 'gap-1/6', + 'gap-10', + 'gap-10/12', + 'gap-11', + 'gap-11/12', + 'gap-12', + 'gap-13', + 'gap-14', + 'gap-15', + 'gap-16', + 'gap-2', + 'gap-2/12', + 'gap-2/3', + 'gap-2/4', + 'gap-2/5', + 'gap-2/6', + 'gap-20', + 'gap-24', + 'gap-25', + 'gap-28', + 'gap-3', + 'gap-3/12', + 'gap-3/4', + 'gap-3/5', + 'gap-3/6', + 'gap-32', + 'gap-35', + 'gap-36', + 'gap-4', + 'gap-4/12', + 'gap-4/5', + 'gap-4/6', + 'gap-40', + 'gap-48', + 'gap-5', + 'gap-5/12', + 'gap-5/6', + 'gap-56', + 'gap-6', + 'gap-6/12', + 'gap-60', + 'gap-64', + 'gap-7', + 'gap-7/12', + 'gap-72', + 'gap-8', + 'gap-8/12', + 'gap-80', + 'gap-9', + 'gap-9/12', + 'gap-96', + 'gap-full', + 'gap-px', + 'grid', + 'grid-cols-1', + 'grid-cols-10', + 'grid-cols-11', + 'grid-cols-12', + 'grid-cols-2', + 'grid-cols-3', + 'grid-cols-4', + 'grid-cols-5', + 'grid-cols-6', + 'grid-cols-7', + 'grid-cols-8', + 'grid-cols-9', + 'grid-cols-none', + 'grid-flow-col', + 'grid-flow-col-dense', + 'grid-flow-row', + 'grid-flow-row-dense', + 'grid-rows-1', + 'grid-rows-2', + 'grid-rows-3', + 'grid-rows-4', + 'grid-rows-5', + 'grid-rows-6', + 'grid-rows-none', + 'h-0', + 'h-05', + 'h-1', + 'h-1/12', + 'h-1/2', + 'h-1/3', + 'h-1/4', + 'h-1/5', + 'h-1/6', + 'h-10', + 'h-10/12', + 'h-11', + 'h-11/12', + 'h-12', + 'h-13', + 'h-14', + 'h-15', + 'h-16', + 'h-2', + 'h-2/12', + 'h-2/3', + 'h-2/4', + 'h-2/5', + 'h-2/6', + 'h-20', + 'h-24', + 'h-25', + 'h-28', + 'h-3', + 'h-3/12', + 'h-3/4', + 'h-3/5', + 'h-3/6', + 'h-32', + 'h-35', + 'h-36', + 'h-4', + 'h-4/12', + 'h-4/5', + 'h-4/6', + 'h-40', + 'h-48', + 'h-5', + 'h-5/12', + 'h-5/6', + 'h-56', + 'h-6', + 'h-6/12', + 'h-60', + 'h-64', + 'h-7', + 'h-7/12', + 'h-72', + 'h-8', + 'h-8/12', + 'h-80', + 'h-9', + 'h-9/12', + 'h-96', + 'h-auto', + 'h-full', + 'h-px', + 'h-screen', + 'hidden', + 'hover:-rotate-180', + 'hover:-rotate-45', + 'hover:-rotate-90', + 'hover:-skew-x-12', + 'hover:-skew-x-3', + 'hover:-skew-x-6', + 'hover:-skew-y-12', + 'hover:-skew-y-3', + 'hover:-skew-y-6', + 'hover:-translate-x-05', + 'hover:-translate-x-1', + 'hover:-translate-x-1/12', + 'hover:-translate-x-1/2', + 'hover:-translate-x-1/3', + 'hover:-translate-x-1/4', + 'hover:-translate-x-1/5', + 'hover:-translate-x-1/6', + 'hover:-translate-x-10', + 'hover:-translate-x-10/12', + 'hover:-translate-x-11', + 'hover:-translate-x-11/12', + 'hover:-translate-x-12', + 'hover:-translate-x-13', + 'hover:-translate-x-14', + 'hover:-translate-x-15', + 'hover:-translate-x-16', + 'hover:-translate-x-2', + 'hover:-translate-x-2/12', + 'hover:-translate-x-2/3', + 'hover:-translate-x-2/4', + 'hover:-translate-x-2/5', + 'hover:-translate-x-2/6', + 'hover:-translate-x-20', + 'hover:-translate-x-24', + 'hover:-translate-x-25', + 'hover:-translate-x-28', + 'hover:-translate-x-3', + 'hover:-translate-x-3/12', + 'hover:-translate-x-3/4', + 'hover:-translate-x-3/5', + 'hover:-translate-x-3/6', + 'hover:-translate-x-32', + 'hover:-translate-x-35', + 'hover:-translate-x-36', + 'hover:-translate-x-4', + 'hover:-translate-x-4/12', + 'hover:-translate-x-4/5', + 'hover:-translate-x-4/6', + 'hover:-translate-x-40', + 'hover:-translate-x-48', + 'hover:-translate-x-5', + 'hover:-translate-x-5/12', + 'hover:-translate-x-5/6', + 'hover:-translate-x-56', + 'hover:-translate-x-6', + 'hover:-translate-x-6/12', + 'hover:-translate-x-60', + 'hover:-translate-x-64', + 'hover:-translate-x-7', + 'hover:-translate-x-7/12', + 'hover:-translate-x-72', + 'hover:-translate-x-8', + 'hover:-translate-x-8/12', + 'hover:-translate-x-80', + 'hover:-translate-x-9', + 'hover:-translate-x-9/12', + 'hover:-translate-x-96', + 'hover:-translate-x-full', + 'hover:-translate-x-px', + 'hover:-translate-y-05', + 'hover:-translate-y-1', + 'hover:-translate-y-1/12', + 'hover:-translate-y-1/2', + 'hover:-translate-y-1/3', + 'hover:-translate-y-1/4', + 'hover:-translate-y-1/5', + 'hover:-translate-y-1/6', + 'hover:-translate-y-10', + 'hover:-translate-y-10/12', + 'hover:-translate-y-11', + 'hover:-translate-y-11/12', + 'hover:-translate-y-12', + 'hover:-translate-y-13', + 'hover:-translate-y-14', + 'hover:-translate-y-15', + 'hover:-translate-y-16', + 'hover:-translate-y-2', + 'hover:-translate-y-2/12', + 'hover:-translate-y-2/3', + 'hover:-translate-y-2/4', + 'hover:-translate-y-2/5', + 'hover:-translate-y-2/6', + 'hover:-translate-y-20', + 'hover:-translate-y-24', + 'hover:-translate-y-25', + 'hover:-translate-y-28', + 'hover:-translate-y-3', + 'hover:-translate-y-3/12', + 'hover:-translate-y-3/4', + 'hover:-translate-y-3/5', + 'hover:-translate-y-3/6', + 'hover:-translate-y-32', + 'hover:-translate-y-35', + 'hover:-translate-y-36', + 'hover:-translate-y-4', + 'hover:-translate-y-4/12', + 'hover:-translate-y-4/5', + 'hover:-translate-y-4/6', + 'hover:-translate-y-40', + 'hover:-translate-y-48', + 'hover:-translate-y-5', + 'hover:-translate-y-5/12', + 'hover:-translate-y-5/6', + 'hover:-translate-y-56', + 'hover:-translate-y-6', + 'hover:-translate-y-6/12', + 'hover:-translate-y-60', + 'hover:-translate-y-64', + 'hover:-translate-y-7', + 'hover:-translate-y-7/12', + 'hover:-translate-y-72', + 'hover:-translate-y-8', + 'hover:-translate-y-8/12', + 'hover:-translate-y-80', + 'hover:-translate-y-9', + 'hover:-translate-y-9/12', + 'hover:-translate-y-96', + 'hover:-translate-y-full', + 'hover:-translate-y-px', + 'hover:bg-black', + 'hover:bg-blue-100', + 'hover:bg-blue-200', + 'hover:bg-blue-300', + 'hover:bg-blue-400', + 'hover:bg-blue-50', + 'hover:bg-blue-500', + 'hover:bg-blue-600', + 'hover:bg-blue-700', + 'hover:bg-blue-800', + 'hover:bg-blue-900', + 'hover:bg-cool-gray-100', + 'hover:bg-cool-gray-200', + 'hover:bg-cool-gray-300', + 'hover:bg-cool-gray-400', + 'hover:bg-cool-gray-50', + 'hover:bg-cool-gray-500', + 'hover:bg-cool-gray-600', + 'hover:bg-cool-gray-700', + 'hover:bg-cool-gray-800', + 'hover:bg-cool-gray-900', + 'hover:bg-current', + 'hover:bg-gray-100', + 'hover:bg-gray-200', + 'hover:bg-gray-300', + 'hover:bg-gray-400', + 'hover:bg-gray-50', + 'hover:bg-gray-500', + 'hover:bg-gray-600', + 'hover:bg-gray-700', + 'hover:bg-gray-800', + 'hover:bg-gray-900', + 'hover:bg-green-100', + 'hover:bg-green-200', + 'hover:bg-green-300', + 'hover:bg-green-400', + 'hover:bg-green-50', + 'hover:bg-green-500', + 'hover:bg-green-600', + 'hover:bg-green-700', + 'hover:bg-green-800', + 'hover:bg-green-900', + 'hover:bg-indigo-100', + 'hover:bg-indigo-200', + 'hover:bg-indigo-300', + 'hover:bg-indigo-400', + 'hover:bg-indigo-50', + 'hover:bg-indigo-500', + 'hover:bg-indigo-600', + 'hover:bg-indigo-700', + 'hover:bg-indigo-800', + 'hover:bg-indigo-900', + 'hover:bg-orange-100', + 'hover:bg-orange-200', + 'hover:bg-orange-300', + 'hover:bg-orange-400', + 'hover:bg-orange-50', + 'hover:bg-orange-500', + 'hover:bg-orange-600', + 'hover:bg-orange-700', + 'hover:bg-orange-800', + 'hover:bg-orange-900', + 'hover:bg-pink-100', + 'hover:bg-pink-200', + 'hover:bg-pink-300', + 'hover:bg-pink-400', + 'hover:bg-pink-50', + 'hover:bg-pink-500', + 'hover:bg-pink-600', + 'hover:bg-pink-700', + 'hover:bg-pink-800', + 'hover:bg-pink-900', + 'hover:bg-purple-100', + 'hover:bg-purple-200', + 'hover:bg-purple-300', + 'hover:bg-purple-400', + 'hover:bg-purple-50', + 'hover:bg-purple-500', + 'hover:bg-purple-600', + 'hover:bg-purple-700', + 'hover:bg-purple-800', + 'hover:bg-purple-900', + 'hover:bg-red-100', + 'hover:bg-red-200', + 'hover:bg-red-300', + 'hover:bg-red-400', + 'hover:bg-red-50', + 'hover:bg-red-500', + 'hover:bg-red-600', + 'hover:bg-red-700', + 'hover:bg-red-800', + 'hover:bg-red-900', + 'hover:bg-teal-100', + 'hover:bg-teal-200', + 'hover:bg-teal-300', + 'hover:bg-teal-400', + 'hover:bg-teal-50', + 'hover:bg-teal-500', + 'hover:bg-teal-600', + 'hover:bg-teal-700', + 'hover:bg-teal-800', + 'hover:bg-teal-900', + 'hover:bg-transparent', + 'hover:bg-white', + 'hover:bg-yellow-100', + 'hover:bg-yellow-200', + 'hover:bg-yellow-300', + 'hover:bg-yellow-400', + 'hover:bg-yellow-50', + 'hover:bg-yellow-500', + 'hover:bg-yellow-600', + 'hover:bg-yellow-700', + 'hover:bg-yellow-800', + 'hover:bg-yellow-900', + 'hover:border-black', + 'hover:border-blue-100', + 'hover:border-blue-200', + 'hover:border-blue-300', + 'hover:border-blue-400', + 'hover:border-blue-50', + 'hover:border-blue-500', + 'hover:border-blue-600', + 'hover:border-blue-700', + 'hover:border-blue-800', + 'hover:border-blue-900', + 'hover:border-cool-gray-100', + 'hover:border-cool-gray-200', + 'hover:border-cool-gray-300', + 'hover:border-cool-gray-400', + 'hover:border-cool-gray-50', + 'hover:border-cool-gray-500', + 'hover:border-cool-gray-600', + 'hover:border-cool-gray-700', + 'hover:border-cool-gray-800', + 'hover:border-cool-gray-900', + 'hover:border-current', + 'hover:border-gray-100', + 'hover:border-gray-200', + 'hover:border-gray-300', + 'hover:border-gray-400', + 'hover:border-gray-50', + 'hover:border-gray-500', + 'hover:border-gray-600', + 'hover:border-gray-700', + 'hover:border-gray-800', + 'hover:border-gray-900', + 'hover:border-green-100', + 'hover:border-green-200', + 'hover:border-green-300', + 'hover:border-green-400', + 'hover:border-green-50', + 'hover:border-green-500', + 'hover:border-green-600', + 'hover:border-green-700', + 'hover:border-green-800', + 'hover:border-green-900', + 'hover:border-indigo-100', + 'hover:border-indigo-200', + 'hover:border-indigo-300', + 'hover:border-indigo-400', + 'hover:border-indigo-50', + 'hover:border-indigo-500', + 'hover:border-indigo-600', + 'hover:border-indigo-700', + 'hover:border-indigo-800', + 'hover:border-indigo-900', + 'hover:border-orange-100', + 'hover:border-orange-200', + 'hover:border-orange-300', + 'hover:border-orange-400', + 'hover:border-orange-50', + 'hover:border-orange-500', + 'hover:border-orange-600', + 'hover:border-orange-700', + 'hover:border-orange-800', + 'hover:border-orange-900', + 'hover:border-pink-100', + 'hover:border-pink-200', + 'hover:border-pink-300', + 'hover:border-pink-400', + 'hover:border-pink-50', + 'hover:border-pink-500', + 'hover:border-pink-600', + 'hover:border-pink-700', + 'hover:border-pink-800', + 'hover:border-pink-900', + 'hover:border-purple-100', + 'hover:border-purple-200', + 'hover:border-purple-300', + 'hover:border-purple-400', + 'hover:border-purple-50', + 'hover:border-purple-500', + 'hover:border-purple-600', + 'hover:border-purple-700', + 'hover:border-purple-800', + 'hover:border-purple-900', + 'hover:border-red-100', + 'hover:border-red-200', + 'hover:border-red-300', + 'hover:border-red-400', + 'hover:border-red-50', + 'hover:border-red-500', + 'hover:border-red-600', + 'hover:border-red-700', + 'hover:border-red-800', + 'hover:border-red-900', + 'hover:border-teal-100', + 'hover:border-teal-200', + 'hover:border-teal-300', + 'hover:border-teal-400', + 'hover:border-teal-50', + 'hover:border-teal-500', + 'hover:border-teal-600', + 'hover:border-teal-700', + 'hover:border-teal-800', + 'hover:border-teal-900', + 'hover:border-transparent', + 'hover:border-white', + 'hover:border-yellow-100', + 'hover:border-yellow-200', + 'hover:border-yellow-300', + 'hover:border-yellow-400', + 'hover:border-yellow-50', + 'hover:border-yellow-500', + 'hover:border-yellow-600', + 'hover:border-yellow-700', + 'hover:border-yellow-800', + 'hover:border-yellow-900', + 'hover:font-black', + 'hover:font-bold', + 'hover:font-extrabold', + 'hover:font-hairline', + 'hover:font-light', + 'hover:font-medium', + 'hover:font-normal', + 'hover:font-semibold', + 'hover:font-thin', + 'hover:line-through', + 'hover:no-underline', + 'hover:opacity-0', + 'hover:opacity-100', + 'hover:opacity-25', + 'hover:opacity-50', + 'hover:opacity-75', + 'hover:rotate-0', + 'hover:rotate-180', + 'hover:rotate-45', + 'hover:rotate-90', + 'hover:scale-0', + 'hover:scale-100', + 'hover:scale-105', + 'hover:scale-110', + 'hover:scale-125', + 'hover:scale-150', + 'hover:scale-50', + 'hover:scale-75', + 'hover:scale-90', + 'hover:scale-95', + 'hover:scale-x-0', + 'hover:scale-x-100', + 'hover:scale-x-105', + 'hover:scale-x-110', + 'hover:scale-x-125', + 'hover:scale-x-150', + 'hover:scale-x-50', + 'hover:scale-x-75', + 'hover:scale-x-90', + 'hover:scale-x-95', + 'hover:scale-y-0', + 'hover:scale-y-100', + 'hover:scale-y-105', + 'hover:scale-y-110', + 'hover:scale-y-125', + 'hover:scale-y-150', + 'hover:scale-y-50', + 'hover:scale-y-75', + 'hover:scale-y-90', + 'hover:scale-y-95', + 'hover:shadow', + 'hover:shadow-2xl', + 'hover:shadow-inner', + 'hover:shadow-lg', + 'hover:shadow-md', + 'hover:shadow-none', + 'hover:shadow-outline', + 'hover:shadow-outline-blue', + 'hover:shadow-outline-gray', + 'hover:shadow-outline-green', + 'hover:shadow-outline-indigo', + 'hover:shadow-outline-orange', + 'hover:shadow-outline-pink', + 'hover:shadow-outline-purple', + 'hover:shadow-outline-red', + 'hover:shadow-outline-teal', + 'hover:shadow-outline-yellow', + 'hover:shadow-sm', + 'hover:shadow-solid', + 'hover:shadow-xl', + 'hover:shadow-xs', + 'hover:skew-x-0', + 'hover:skew-x-12', + 'hover:skew-x-3', + 'hover:skew-x-6', + 'hover:skew-y-0', + 'hover:skew-y-12', + 'hover:skew-y-3', + 'hover:skew-y-6', + 'hover:text-black', + 'hover:text-blue-100', + 'hover:text-blue-200', + 'hover:text-blue-300', + 'hover:text-blue-400', + 'hover:text-blue-50', + 'hover:text-blue-500', + 'hover:text-blue-600', + 'hover:text-blue-700', + 'hover:text-blue-800', + 'hover:text-blue-900', + 'hover:text-cool-gray-100', + 'hover:text-cool-gray-200', + 'hover:text-cool-gray-300', + 'hover:text-cool-gray-400', + 'hover:text-cool-gray-50', + 'hover:text-cool-gray-500', + 'hover:text-cool-gray-600', + 'hover:text-cool-gray-700', + 'hover:text-cool-gray-800', + 'hover:text-cool-gray-900', + 'hover:text-current', + 'hover:text-gray-100', + 'hover:text-gray-200', + 'hover:text-gray-300', + 'hover:text-gray-400', + 'hover:text-gray-50', + 'hover:text-gray-500', + 'hover:text-gray-600', + 'hover:text-gray-700', + 'hover:text-gray-800', + 'hover:text-gray-900', + 'hover:text-green-100', + 'hover:text-green-200', + 'hover:text-green-300', + 'hover:text-green-400', + 'hover:text-green-50', + 'hover:text-green-500', + 'hover:text-green-600', + 'hover:text-green-700', + 'hover:text-green-800', + 'hover:text-green-900', + 'hover:text-indigo-100', + 'hover:text-indigo-200', + 'hover:text-indigo-300', + 'hover:text-indigo-400', + 'hover:text-indigo-50', + 'hover:text-indigo-500', + 'hover:text-indigo-600', + 'hover:text-indigo-700', + 'hover:text-indigo-800', + 'hover:text-indigo-900', + 'hover:text-orange-100', + 'hover:text-orange-200', + 'hover:text-orange-300', + 'hover:text-orange-400', + 'hover:text-orange-50', + 'hover:text-orange-500', + 'hover:text-orange-600', + 'hover:text-orange-700', + 'hover:text-orange-800', + 'hover:text-orange-900', + 'hover:text-pink-100', + 'hover:text-pink-200', + 'hover:text-pink-300', + 'hover:text-pink-400', + 'hover:text-pink-50', + 'hover:text-pink-500', + 'hover:text-pink-600', + 'hover:text-pink-700', + 'hover:text-pink-800', + 'hover:text-pink-900', + 'hover:text-purple-100', + 'hover:text-purple-200', + 'hover:text-purple-300', + 'hover:text-purple-400', + 'hover:text-purple-50', + 'hover:text-purple-500', + 'hover:text-purple-600', + 'hover:text-purple-700', + 'hover:text-purple-800', + 'hover:text-purple-900', + 'hover:text-red-100', + 'hover:text-red-200', + 'hover:text-red-300', + 'hover:text-red-400', + 'hover:text-red-50', + 'hover:text-red-500', + 'hover:text-red-600', + 'hover:text-red-700', + 'hover:text-red-800', + 'hover:text-red-900', + 'hover:text-teal-100', + 'hover:text-teal-200', + 'hover:text-teal-300', + 'hover:text-teal-400', + 'hover:text-teal-50', + 'hover:text-teal-500', + 'hover:text-teal-600', + 'hover:text-teal-700', + 'hover:text-teal-800', + 'hover:text-teal-900', + 'hover:text-transparent', + 'hover:text-white', + 'hover:text-yellow-100', + 'hover:text-yellow-200', + 'hover:text-yellow-300', + 'hover:text-yellow-400', + 'hover:text-yellow-50', + 'hover:text-yellow-500', + 'hover:text-yellow-600', + 'hover:text-yellow-700', + 'hover:text-yellow-800', + 'hover:text-yellow-900', + 'hover:translate-x-0', + 'hover:translate-x-05', + 'hover:translate-x-1', + 'hover:translate-x-1/12', + 'hover:translate-x-1/2', + 'hover:translate-x-1/3', + 'hover:translate-x-1/4', + 'hover:translate-x-1/5', + 'hover:translate-x-1/6', + 'hover:translate-x-10', + 'hover:translate-x-10/12', + 'hover:translate-x-11', + 'hover:translate-x-11/12', + 'hover:translate-x-12', + 'hover:translate-x-13', + 'hover:translate-x-14', + 'hover:translate-x-15', + 'hover:translate-x-16', + 'hover:translate-x-2', + 'hover:translate-x-2/12', + 'hover:translate-x-2/3', + 'hover:translate-x-2/4', + 'hover:translate-x-2/5', + 'hover:translate-x-2/6', + 'hover:translate-x-20', + 'hover:translate-x-24', + 'hover:translate-x-25', + 'hover:translate-x-28', + 'hover:translate-x-3', + 'hover:translate-x-3/12', + 'hover:translate-x-3/4', + 'hover:translate-x-3/5', + 'hover:translate-x-3/6', + 'hover:translate-x-32', + 'hover:translate-x-35', + 'hover:translate-x-36', + 'hover:translate-x-4', + 'hover:translate-x-4/12', + 'hover:translate-x-4/5', + 'hover:translate-x-4/6', + 'hover:translate-x-40', + 'hover:translate-x-48', + 'hover:translate-x-5', + 'hover:translate-x-5/12', + 'hover:translate-x-5/6', + 'hover:translate-x-56', + 'hover:translate-x-6', + 'hover:translate-x-6/12', + 'hover:translate-x-60', + 'hover:translate-x-64', + 'hover:translate-x-7', + 'hover:translate-x-7/12', + 'hover:translate-x-72', + 'hover:translate-x-8', + 'hover:translate-x-8/12', + 'hover:translate-x-80', + 'hover:translate-x-9', + 'hover:translate-x-9/12', + 'hover:translate-x-96', + 'hover:translate-x-full', + 'hover:translate-x-px', + 'hover:translate-y-0', + 'hover:translate-y-05', + 'hover:translate-y-1', + 'hover:translate-y-1/12', + 'hover:translate-y-1/2', + 'hover:translate-y-1/3', + 'hover:translate-y-1/4', + 'hover:translate-y-1/5', + 'hover:translate-y-1/6', + 'hover:translate-y-10', + 'hover:translate-y-10/12', + 'hover:translate-y-11', + 'hover:translate-y-11/12', + 'hover:translate-y-12', + 'hover:translate-y-13', + 'hover:translate-y-14', + 'hover:translate-y-15', + 'hover:translate-y-16', + 'hover:translate-y-2', + 'hover:translate-y-2/12', + 'hover:translate-y-2/3', + 'hover:translate-y-2/4', + 'hover:translate-y-2/5', + 'hover:translate-y-2/6', + 'hover:translate-y-20', + 'hover:translate-y-24', + 'hover:translate-y-25', + 'hover:translate-y-28', + 'hover:translate-y-3', + 'hover:translate-y-3/12', + 'hover:translate-y-3/4', + 'hover:translate-y-3/5', + 'hover:translate-y-3/6', + 'hover:translate-y-32', + 'hover:translate-y-35', + 'hover:translate-y-36', + 'hover:translate-y-4', + 'hover:translate-y-4/12', + 'hover:translate-y-4/5', + 'hover:translate-y-4/6', + 'hover:translate-y-40', + 'hover:translate-y-48', + 'hover:translate-y-5', + 'hover:translate-y-5/12', + 'hover:translate-y-5/6', + 'hover:translate-y-56', + 'hover:translate-y-6', + 'hover:translate-y-6/12', + 'hover:translate-y-60', + 'hover:translate-y-64', + 'hover:translate-y-7', + 'hover:translate-y-7/12', + 'hover:translate-y-72', + 'hover:translate-y-8', + 'hover:translate-y-8/12', + 'hover:translate-y-80', + 'hover:translate-y-9', + 'hover:translate-y-9/12', + 'hover:translate-y-96', + 'hover:translate-y-full', + 'hover:translate-y-px', + 'hover:underline', + 'inline', + 'inline-block', + 'inline-flex', + 'inline-grid', + 'inset-0', + 'inset-05', + 'inset-1', + 'inset-1/12', + 'inset-1/2', + 'inset-1/3', + 'inset-1/4', + 'inset-1/5', + 'inset-1/6', + 'inset-10', + 'inset-10/12', + 'inset-11', + 'inset-11/12', + 'inset-12', + 'inset-13', + 'inset-14', + 'inset-15', + 'inset-16', + 'inset-2', + 'inset-2/12', + 'inset-2/3', + 'inset-2/4', + 'inset-2/5', + 'inset-2/6', + 'inset-20', + 'inset-24', + 'inset-25', + 'inset-28', + 'inset-3', + 'inset-3/12', + 'inset-3/4', + 'inset-3/5', + 'inset-3/6', + 'inset-32', + 'inset-35', + 'inset-36', + 'inset-4', + 'inset-4/12', + 'inset-4/5', + 'inset-4/6', + 'inset-40', + 'inset-48', + 'inset-5', + 'inset-5/12', + 'inset-5/6', + 'inset-56', + 'inset-6', + 'inset-6/12', + 'inset-60', + 'inset-64', + 'inset-7', + 'inset-7/12', + 'inset-72', + 'inset-8', + 'inset-8/12', + 'inset-80', + 'inset-9', + 'inset-9/12', + 'inset-96', + 'inset-auto', + 'inset-full', + 'inset-px', + 'inset-x-0', + 'inset-x-05', + 'inset-x-1', + 'inset-x-1/12', + 'inset-x-1/2', + 'inset-x-1/3', + 'inset-x-1/4', + 'inset-x-1/5', + 'inset-x-1/6', + 'inset-x-10', + 'inset-x-10/12', + 'inset-x-11', + 'inset-x-11/12', + 'inset-x-12', + 'inset-x-13', + 'inset-x-14', + 'inset-x-15', + 'inset-x-16', + 'inset-x-2', + 'inset-x-2/12', + 'inset-x-2/3', + 'inset-x-2/4', + 'inset-x-2/5', + 'inset-x-2/6', + 'inset-x-20', + 'inset-x-24', + 'inset-x-25', + 'inset-x-28', + 'inset-x-3', + 'inset-x-3/12', + 'inset-x-3/4', + 'inset-x-3/5', + 'inset-x-3/6', + 'inset-x-32', + 'inset-x-35', + 'inset-x-36', + 'inset-x-4', + 'inset-x-4/12', + 'inset-x-4/5', + 'inset-x-4/6', + 'inset-x-40', + 'inset-x-48', + 'inset-x-5', + 'inset-x-5/12', + 'inset-x-5/6', + 'inset-x-56', + 'inset-x-6', + 'inset-x-6/12', + 'inset-x-60', + 'inset-x-64', + 'inset-x-7', + 'inset-x-7/12', + 'inset-x-72', + 'inset-x-8', + 'inset-x-8/12', + 'inset-x-80', + 'inset-x-9', + 'inset-x-9/12', + 'inset-x-96', + 'inset-x-auto', + 'inset-x-full', + 'inset-x-px', + 'inset-y-0', + 'inset-y-05', + 'inset-y-1', + 'inset-y-1/12', + 'inset-y-1/2', + 'inset-y-1/3', + 'inset-y-1/4', + 'inset-y-1/5', + 'inset-y-1/6', + 'inset-y-10', + 'inset-y-10/12', + 'inset-y-11', + 'inset-y-11/12', + 'inset-y-12', + 'inset-y-13', + 'inset-y-14', + 'inset-y-15', + 'inset-y-16', + 'inset-y-2', + 'inset-y-2/12', + 'inset-y-2/3', + 'inset-y-2/4', + 'inset-y-2/5', + 'inset-y-2/6', + 'inset-y-20', + 'inset-y-24', + 'inset-y-25', + 'inset-y-28', + 'inset-y-3', + 'inset-y-3/12', + 'inset-y-3/4', + 'inset-y-3/5', + 'inset-y-3/6', + 'inset-y-32', + 'inset-y-35', + 'inset-y-36', + 'inset-y-4', + 'inset-y-4/12', + 'inset-y-4/5', + 'inset-y-4/6', + 'inset-y-40', + 'inset-y-48', + 'inset-y-5', + 'inset-y-5/12', + 'inset-y-5/6', + 'inset-y-56', + 'inset-y-6', + 'inset-y-6/12', + 'inset-y-60', + 'inset-y-64', + 'inset-y-7', + 'inset-y-7/12', + 'inset-y-72', + 'inset-y-8', + 'inset-y-8/12', + 'inset-y-80', + 'inset-y-9', + 'inset-y-9/12', + 'inset-y-96', + 'inset-y-auto', + 'inset-y-full', + 'inset-y-px', + 'invisible', + 'italic', + 'items-baseline', + 'items-center', + 'items-end', + 'items-start', + 'items-stretch', + 'justify-around', + 'justify-between', + 'justify-center', + 'justify-end', + 'justify-evenly', + 'justify-start', + 'leading-10', + 'leading-3', + 'leading-4', + 'leading-5', + 'leading-6', + 'leading-7', + 'leading-8', + 'leading-9', + 'leading-loose', + 'leading-none', + 'leading-normal', + 'leading-relaxed', + 'leading-snug', + 'leading-tight', + 'left-0', + 'left-05', + 'left-1', + 'left-1/12', + 'left-1/2', + 'left-1/3', + 'left-1/4', + 'left-1/5', + 'left-1/6', + 'left-10', + 'left-10/12', + 'left-11', + 'left-11/12', + 'left-12', + 'left-13', + 'left-14', + 'left-15', + 'left-16', + 'left-2', + 'left-2/12', + 'left-2/3', + 'left-2/4', + 'left-2/5', + 'left-2/6', + 'left-20', + 'left-24', + 'left-25', + 'left-28', + 'left-3', + 'left-3/12', + 'left-3/4', + 'left-3/5', + 'left-3/6', + 'left-32', + 'left-35', + 'left-36', + 'left-4', + 'left-4/12', + 'left-4/5', + 'left-4/6', + 'left-40', + 'left-48', + 'left-5', + 'left-5/12', + 'left-5/6', + 'left-56', + 'left-6', + 'left-6/12', + 'left-60', + 'left-64', + 'left-7', + 'left-7/12', + 'left-72', + 'left-8', + 'left-8/12', + 'left-80', + 'left-9', + 'left-9/12', + 'left-96', + 'left-auto', + 'left-full', + 'left-px', + 'line-through', + 'list-decimal', + 'list-disc', + 'list-inside', + 'list-none', + 'list-outside', + 'lowercase', + 'm-0', + 'm-05', + 'm-1', + 'm-1/12', + 'm-1/2', + 'm-1/3', + 'm-1/4', + 'm-1/5', + 'm-1/6', + 'm-10', + 'm-10/12', + 'm-11', + 'm-11/12', + 'm-12', + 'm-13', + 'm-14', + 'm-15', + 'm-16', + 'm-2', + 'm-2/12', + 'm-2/3', + 'm-2/4', + 'm-2/5', + 'm-2/6', + 'm-20', + 'm-24', + 'm-25', + 'm-28', + 'm-3', + 'm-3/12', + 'm-3/4', + 'm-3/5', + 'm-3/6', + 'm-32', + 'm-35', + 'm-36', + 'm-4', + 'm-4/12', + 'm-4/5', + 'm-4/6', + 'm-40', + 'm-48', + 'm-5', + 'm-5/12', + 'm-5/6', + 'm-56', + 'm-6', + 'm-6/12', + 'm-60', + 'm-64', + 'm-7', + 'm-7/12', + 'm-72', + 'm-8', + 'm-8/12', + 'm-80', + 'm-9', + 'm-9/12', + 'm-96', + 'm-auto', + 'm-full', + 'm-px', + 'max-h-0', + 'max-h-05', + 'max-h-1', + 'max-h-1/12', + 'max-h-1/2', + 'max-h-1/3', + 'max-h-1/4', + 'max-h-1/5', + 'max-h-1/6', + 'max-h-10', + 'max-h-10/12', + 'max-h-11', + 'max-h-11/12', + 'max-h-12', + 'max-h-13', + 'max-h-14', + 'max-h-15', + 'max-h-16', + 'max-h-2', + 'max-h-2/12', + 'max-h-2/3', + 'max-h-2/4', + 'max-h-2/5', + 'max-h-2/6', + 'max-h-20', + 'max-h-24', + 'max-h-25', + 'max-h-28', + 'max-h-3', + 'max-h-3/12', + 'max-h-3/4', + 'max-h-3/5', + 'max-h-3/6', + 'max-h-32', + 'max-h-35', + 'max-h-36', + 'max-h-4', + 'max-h-4/12', + 'max-h-4/5', + 'max-h-4/6', + 'max-h-40', + 'max-h-48', + 'max-h-5', + 'max-h-5/12', + 'max-h-5/6', + 'max-h-56', + 'max-h-6', + 'max-h-6/12', + 'max-h-60', + 'max-h-64', + 'max-h-7', + 'max-h-7/12', + 'max-h-72', + 'max-h-8', + 'max-h-8/12', + 'max-h-80', + 'max-h-9', + 'max-h-9/12', + 'max-h-96', + 'max-h-full', + 'max-h-px', + 'max-h-screen', + 'max-w-2xl', + 'max-w-3xl', + 'max-w-4xl', + 'max-w-5xl', + 'max-w-6xl', + 'max-w-7xl', + 'max-w-full', + 'max-w-lg', + 'max-w-md', + 'max-w-none', + 'max-w-screen-lg', + 'max-w-screen-md', + 'max-w-screen-sm', + 'max-w-screen-xl', + 'max-w-sm', + 'max-w-xl', + 'max-w-xs', + 'mb-0', + 'mb-05', + 'mb-1', + 'mb-1/12', + 'mb-1/2', + 'mb-1/3', + 'mb-1/4', + 'mb-1/5', + 'mb-1/6', + 'mb-10', + 'mb-10/12', + 'mb-11', + 'mb-11/12', + 'mb-12', + 'mb-13', + 'mb-14', + 'mb-15', + 'mb-16', + 'mb-2', + 'mb-2/12', + 'mb-2/3', + 'mb-2/4', + 'mb-2/5', + 'mb-2/6', + 'mb-20', + 'mb-24', + 'mb-25', + 'mb-28', + 'mb-3', + 'mb-3/12', + 'mb-3/4', + 'mb-3/5', + 'mb-3/6', + 'mb-32', + 'mb-35', + 'mb-36', + 'mb-4', + 'mb-4/12', + 'mb-4/5', + 'mb-4/6', + 'mb-40', + 'mb-48', + 'mb-5', + 'mb-5/12', + 'mb-5/6', + 'mb-56', + 'mb-6', + 'mb-6/12', + 'mb-60', + 'mb-64', + 'mb-7', + 'mb-7/12', + 'mb-72', + 'mb-8', + 'mb-8/12', + 'mb-80', + 'mb-9', + 'mb-9/12', + 'mb-96', + 'mb-auto', + 'mb-full', + 'mb-px', + 'min-h-0', + 'min-h-full', + 'min-h-screen', + 'min-w-0', + 'min-w-full', + 'ml-0', + 'ml-05', + 'ml-1', + 'ml-1/12', + 'ml-1/2', + 'ml-1/3', + 'ml-1/4', + 'ml-1/5', + 'ml-1/6', + 'ml-10', + 'ml-10/12', + 'ml-11', + 'ml-11/12', + 'ml-12', + 'ml-13', + 'ml-14', + 'ml-15', + 'ml-16', + 'ml-2', + 'ml-2/12', + 'ml-2/3', + 'ml-2/4', + 'ml-2/5', + 'ml-2/6', + 'ml-20', + 'ml-24', + 'ml-25', + 'ml-28', + 'ml-3', + 'ml-3/12', + 'ml-3/4', + 'ml-3/5', + 'ml-3/6', + 'ml-32', + 'ml-35', + 'ml-36', + 'ml-4', + 'ml-4/12', + 'ml-4/5', + 'ml-4/6', + 'ml-40', + 'ml-48', + 'ml-5', + 'ml-5/12', + 'ml-5/6', + 'ml-56', + 'ml-6', + 'ml-6/12', + 'ml-60', + 'ml-64', + 'ml-7', + 'ml-7/12', + 'ml-72', + 'ml-8', + 'ml-8/12', + 'ml-80', + 'ml-9', + 'ml-9/12', + 'ml-96', + 'ml-auto', + 'ml-full', + 'ml-px', + 'mr-0', + 'mr-05', + 'mr-1', + 'mr-1/12', + 'mr-1/2', + 'mr-1/3', + 'mr-1/4', + 'mr-1/5', + 'mr-1/6', + 'mr-10', + 'mr-10/12', + 'mr-11', + 'mr-11/12', + 'mr-12', + 'mr-13', + 'mr-14', + 'mr-15', + 'mr-16', + 'mr-2', + 'mr-2/12', + 'mr-2/3', + 'mr-2/4', + 'mr-2/5', + 'mr-2/6', + 'mr-20', + 'mr-24', + 'mr-25', + 'mr-28', + 'mr-3', + 'mr-3/12', + 'mr-3/4', + 'mr-3/5', + 'mr-3/6', + 'mr-32', + 'mr-35', + 'mr-36', + 'mr-4', + 'mr-4/12', + 'mr-4/5', + 'mr-4/6', + 'mr-40', + 'mr-48', + 'mr-5', + 'mr-5/12', + 'mr-5/6', + 'mr-56', + 'mr-6', + 'mr-6/12', + 'mr-60', + 'mr-64', + 'mr-7', + 'mr-7/12', + 'mr-72', + 'mr-8', + 'mr-8/12', + 'mr-80', + 'mr-9', + 'mr-9/12', + 'mr-96', + 'mr-auto', + 'mr-full', + 'mr-px', + 'mt-0', + 'mt-05', + 'mt-1', + 'mt-1/12', + 'mt-1/2', + 'mt-1/3', + 'mt-1/4', + 'mt-1/5', + 'mt-1/6', + 'mt-10', + 'mt-10/12', + 'mt-11', + 'mt-11/12', + 'mt-12', + 'mt-13', + 'mt-14', + 'mt-15', + 'mt-16', + 'mt-2', + 'mt-2/12', + 'mt-2/3', + 'mt-2/4', + 'mt-2/5', + 'mt-2/6', + 'mt-20', + 'mt-24', + 'mt-25', + 'mt-28', + 'mt-3', + 'mt-3/12', + 'mt-3/4', + 'mt-3/5', + 'mt-3/6', + 'mt-32', + 'mt-35', + 'mt-36', + 'mt-4', + 'mt-4/12', + 'mt-4/5', + 'mt-4/6', + 'mt-40', + 'mt-48', + 'mt-5', + 'mt-5/12', + 'mt-5/6', + 'mt-56', + 'mt-6', + 'mt-6/12', + 'mt-60', + 'mt-64', + 'mt-7', + 'mt-7/12', + 'mt-72', + 'mt-8', + 'mt-8/12', + 'mt-80', + 'mt-9', + 'mt-9/12', + 'mt-96', + 'mt-auto', + 'mt-full', + 'mt-px', + 'mx-0', + 'mx-05', + 'mx-1', + 'mx-1/12', + 'mx-1/2', + 'mx-1/3', + 'mx-1/4', + 'mx-1/5', + 'mx-1/6', + 'mx-10', + 'mx-10/12', + 'mx-11', + 'mx-11/12', + 'mx-12', + 'mx-13', + 'mx-14', + 'mx-15', + 'mx-16', + 'mx-2', + 'mx-2/12', + 'mx-2/3', + 'mx-2/4', + 'mx-2/5', + 'mx-2/6', + 'mx-20', + 'mx-24', + 'mx-25', + 'mx-28', + 'mx-3', + 'mx-3/12', + 'mx-3/4', + 'mx-3/5', + 'mx-3/6', + 'mx-32', + 'mx-35', + 'mx-36', + 'mx-4', + 'mx-4/12', + 'mx-4/5', + 'mx-4/6', + 'mx-40', + 'mx-48', + 'mx-5', + 'mx-5/12', + 'mx-5/6', + 'mx-56', + 'mx-6', + 'mx-6/12', + 'mx-60', + 'mx-64', + 'mx-7', + 'mx-7/12', + 'mx-72', + 'mx-8', + 'mx-8/12', + 'mx-80', + 'mx-9', + 'mx-9/12', + 'mx-96', + 'mx-auto', + 'mx-full', + 'mx-px', + 'my-0', + 'my-05', + 'my-1', + 'my-1/12', + 'my-1/2', + 'my-1/3', + 'my-1/4', + 'my-1/5', + 'my-1/6', + 'my-10', + 'my-10/12', + 'my-11', + 'my-11/12', + 'my-12', + 'my-13', + 'my-14', + 'my-15', + 'my-16', + 'my-2', + 'my-2/12', + 'my-2/3', + 'my-2/4', + 'my-2/5', + 'my-2/6', + 'my-20', + 'my-24', + 'my-25', + 'my-28', + 'my-3', + 'my-3/12', + 'my-3/4', + 'my-3/5', + 'my-3/6', + 'my-32', + 'my-35', + 'my-36', + 'my-4', + 'my-4/12', + 'my-4/5', + 'my-4/6', + 'my-40', + 'my-48', + 'my-5', + 'my-5/12', + 'my-5/6', + 'my-56', + 'my-6', + 'my-6/12', + 'my-60', + 'my-64', + 'my-7', + 'my-7/12', + 'my-72', + 'my-8', + 'my-8/12', + 'my-80', + 'my-9', + 'my-9/12', + 'my-96', + 'my-auto', + 'my-full', + 'my-px', + 'no-underline', + 'normal-case', + 'not-italic', + 'not-sr-only', + 'object-bottom', + 'object-center', + 'object-contain', + 'object-cover', + 'object-fill', + 'object-left', + 'object-left-bottom', + 'object-left-top', + 'object-none', + 'object-right', + 'object-right-bottom', + 'object-right-top', + 'object-scale-down', + 'object-top', + 'opacity-0', + 'opacity-100', + 'opacity-25', + 'opacity-50', + 'opacity-75', + 'order-1', + 'order-10', + 'order-11', + 'order-12', + 'order-2', + 'order-3', + 'order-4', + 'order-5', + 'order-6', + 'order-7', + 'order-8', + 'order-9', + 'order-first', + 'order-last', + 'order-none', + 'origin-bottom', + 'origin-bottom-left', + 'origin-bottom-right', + 'origin-center', + 'origin-left', + 'origin-right', + 'origin-top', + 'origin-top-left', + 'origin-top-right', + 'outline-none', + 'overflow-auto', + 'overflow-hidden', + 'overflow-scroll', + 'overflow-visible', + 'overflow-x-auto', + 'overflow-x-hidden', + 'overflow-x-scroll', + 'overflow-x-visible', + 'overflow-y-auto', + 'overflow-y-hidden', + 'overflow-y-scroll', + 'overflow-y-visible', + 'p-0', + 'p-05', + 'p-1', + 'p-1/12', + 'p-1/2', + 'p-1/3', + 'p-1/4', + 'p-1/5', + 'p-1/6', + 'p-10', + 'p-10/12', + 'p-11', + 'p-11/12', + 'p-12', + 'p-13', + 'p-14', + 'p-15', + 'p-16', + 'p-2', + 'p-2/12', + 'p-2/3', + 'p-2/4', + 'p-2/5', + 'p-2/6', + 'p-20', + 'p-24', + 'p-25', + 'p-28', + 'p-3', + 'p-3/12', + 'p-3/4', + 'p-3/5', + 'p-3/6', + 'p-32', + 'p-35', + 'p-36', + 'p-4', + 'p-4/12', + 'p-4/5', + 'p-4/6', + 'p-40', + 'p-48', + 'p-5', + 'p-5/12', + 'p-5/6', + 'p-56', + 'p-6', + 'p-6/12', + 'p-60', + 'p-64', + 'p-7', + 'p-7/12', + 'p-72', + 'p-8', + 'p-8/12', + 'p-80', + 'p-9', + 'p-9/12', + 'p-96', + 'p-full', + 'p-px', + 'pb-0', + 'pb-05', + 'pb-1', + 'pb-1/12', + 'pb-1/2', + 'pb-1/3', + 'pb-1/4', + 'pb-1/5', + 'pb-1/6', + 'pb-10', + 'pb-10/12', + 'pb-11', + 'pb-11/12', + 'pb-12', + 'pb-13', + 'pb-14', + 'pb-15', + 'pb-16', + 'pb-2', + 'pb-2/12', + 'pb-2/3', + 'pb-2/4', + 'pb-2/5', + 'pb-2/6', + 'pb-20', + 'pb-24', + 'pb-25', + 'pb-28', + 'pb-3', + 'pb-3/12', + 'pb-3/4', + 'pb-3/5', + 'pb-3/6', + 'pb-32', + 'pb-35', + 'pb-36', + 'pb-4', + 'pb-4/12', + 'pb-4/5', + 'pb-4/6', + 'pb-40', + 'pb-48', + 'pb-5', + 'pb-5/12', + 'pb-5/6', + 'pb-56', + 'pb-6', + 'pb-6/12', + 'pb-60', + 'pb-64', + 'pb-7', + 'pb-7/12', + 'pb-72', + 'pb-8', + 'pb-8/12', + 'pb-80', + 'pb-9', + 'pb-9/12', + 'pb-96', + 'pb-full', + 'pb-px', + 'pl-0', + 'pl-05', + 'pl-1', + 'pl-1/12', + 'pl-1/2', + 'pl-1/3', + 'pl-1/4', + 'pl-1/5', + 'pl-1/6', + 'pl-10', + 'pl-10/12', + 'pl-11', + 'pl-11/12', + 'pl-12', + 'pl-13', + 'pl-14', + 'pl-15', + 'pl-16', + 'pl-2', + 'pl-2/12', + 'pl-2/3', + 'pl-2/4', + 'pl-2/5', + 'pl-2/6', + 'pl-20', + 'pl-24', + 'pl-25', + 'pl-28', + 'pl-3', + 'pl-3/12', + 'pl-3/4', + 'pl-3/5', + 'pl-3/6', + 'pl-32', + 'pl-35', + 'pl-36', + 'pl-4', + 'pl-4/12', + 'pl-4/5', + 'pl-4/6', + 'pl-40', + 'pl-48', + 'pl-5', + 'pl-5/12', + 'pl-5/6', + 'pl-56', + 'pl-6', + 'pl-6/12', + 'pl-60', + 'pl-64', + 'pl-7', + 'pl-7/12', + 'pl-72', + 'pl-8', + 'pl-8/12', + 'pl-80', + 'pl-9', + 'pl-9/12', + 'pl-96', + 'pl-full', + 'pl-px', + 'placeholder-black', + 'placeholder-blue-100', + 'placeholder-blue-200', + 'placeholder-blue-300', + 'placeholder-blue-400', + 'placeholder-blue-50', + 'placeholder-blue-500', + 'placeholder-blue-600', + 'placeholder-blue-700', + 'placeholder-blue-800', + 'placeholder-blue-900', + 'placeholder-cool-gray-100', + 'placeholder-cool-gray-200', + 'placeholder-cool-gray-300', + 'placeholder-cool-gray-400', + 'placeholder-cool-gray-50', + 'placeholder-cool-gray-500', + 'placeholder-cool-gray-600', + 'placeholder-cool-gray-700', + 'placeholder-cool-gray-800', + 'placeholder-cool-gray-900', + 'placeholder-current', + 'placeholder-gray-100', + 'placeholder-gray-200', + 'placeholder-gray-300', + 'placeholder-gray-400', + 'placeholder-gray-50', + 'placeholder-gray-500', + 'placeholder-gray-600', + 'placeholder-gray-700', + 'placeholder-gray-800', + 'placeholder-gray-900', + 'placeholder-green-100', + 'placeholder-green-200', + 'placeholder-green-300', + 'placeholder-green-400', + 'placeholder-green-50', + 'placeholder-green-500', + 'placeholder-green-600', + 'placeholder-green-700', + 'placeholder-green-800', + 'placeholder-green-900', + 'placeholder-indigo-100', + 'placeholder-indigo-200', + 'placeholder-indigo-300', + 'placeholder-indigo-400', + 'placeholder-indigo-50', + 'placeholder-indigo-500', + 'placeholder-indigo-600', + 'placeholder-indigo-700', + 'placeholder-indigo-800', + 'placeholder-indigo-900', + 'placeholder-orange-100', + 'placeholder-orange-200', + 'placeholder-orange-300', + 'placeholder-orange-400', + 'placeholder-orange-50', + 'placeholder-orange-500', + 'placeholder-orange-600', + 'placeholder-orange-700', + 'placeholder-orange-800', + 'placeholder-orange-900', + 'placeholder-pink-100', + 'placeholder-pink-200', + 'placeholder-pink-300', + 'placeholder-pink-400', + 'placeholder-pink-50', + 'placeholder-pink-500', + 'placeholder-pink-600', + 'placeholder-pink-700', + 'placeholder-pink-800', + 'placeholder-pink-900', + 'placeholder-purple-100', + 'placeholder-purple-200', + 'placeholder-purple-300', + 'placeholder-purple-400', + 'placeholder-purple-50', + 'placeholder-purple-500', + 'placeholder-purple-600', + 'placeholder-purple-700', + 'placeholder-purple-800', + 'placeholder-purple-900', + 'placeholder-red-100', + 'placeholder-red-200', + 'placeholder-red-300', + 'placeholder-red-400', + 'placeholder-red-50', + 'placeholder-red-500', + 'placeholder-red-600', + 'placeholder-red-700', + 'placeholder-red-800', + 'placeholder-red-900', + 'placeholder-teal-100', + 'placeholder-teal-200', + 'placeholder-teal-300', + 'placeholder-teal-400', + 'placeholder-teal-50', + 'placeholder-teal-500', + 'placeholder-teal-600', + 'placeholder-teal-700', + 'placeholder-teal-800', + 'placeholder-teal-900', + 'placeholder-transparent', + 'placeholder-white', + 'placeholder-yellow-100', + 'placeholder-yellow-200', + 'placeholder-yellow-300', + 'placeholder-yellow-400', + 'placeholder-yellow-50', + 'placeholder-yellow-500', + 'placeholder-yellow-600', + 'placeholder-yellow-700', + 'placeholder-yellow-800', + 'placeholder-yellow-900', + 'pointer-events-auto', + 'pointer-events-none', + 'pr-0', + 'pr-05', + 'pr-1', + 'pr-1/12', + 'pr-1/2', + 'pr-1/3', + 'pr-1/4', + 'pr-1/5', + 'pr-1/6', + 'pr-10', + 'pr-10/12', + 'pr-11', + 'pr-11/12', + 'pr-12', + 'pr-13', + 'pr-14', + 'pr-15', + 'pr-16', + 'pr-2', + 'pr-2/12', + 'pr-2/3', + 'pr-2/4', + 'pr-2/5', + 'pr-2/6', + 'pr-20', + 'pr-24', + 'pr-25', + 'pr-28', + 'pr-3', + 'pr-3/12', + 'pr-3/4', + 'pr-3/5', + 'pr-3/6', + 'pr-32', + 'pr-35', + 'pr-36', + 'pr-4', + 'pr-4/12', + 'pr-4/5', + 'pr-4/6', + 'pr-40', + 'pr-48', + 'pr-5', + 'pr-5/12', + 'pr-5/6', + 'pr-56', + 'pr-6', + 'pr-6/12', + 'pr-60', + 'pr-64', + 'pr-7', + 'pr-7/12', + 'pr-72', + 'pr-8', + 'pr-8/12', + 'pr-80', + 'pr-9', + 'pr-9/12', + 'pr-96', + 'pr-full', + 'pr-px', + 'pt-0', + 'pt-05', + 'pt-1', + 'pt-1/12', + 'pt-1/2', + 'pt-1/3', + 'pt-1/4', + 'pt-1/5', + 'pt-1/6', + 'pt-10', + 'pt-10/12', + 'pt-11', + 'pt-11/12', + 'pt-12', + 'pt-13', + 'pt-14', + 'pt-15', + 'pt-16', + 'pt-2', + 'pt-2/12', + 'pt-2/3', + 'pt-2/4', + 'pt-2/5', + 'pt-2/6', + 'pt-20', + 'pt-24', + 'pt-25', + 'pt-28', + 'pt-3', + 'pt-3/12', + 'pt-3/4', + 'pt-3/5', + 'pt-3/6', + 'pt-32', + 'pt-35', + 'pt-36', + 'pt-4', + 'pt-4/12', + 'pt-4/5', + 'pt-4/6', + 'pt-40', + 'pt-48', + 'pt-5', + 'pt-5/12', + 'pt-5/6', + 'pt-56', + 'pt-6', + 'pt-6/12', + 'pt-60', + 'pt-64', + 'pt-7', + 'pt-7/12', + 'pt-72', + 'pt-8', + 'pt-8/12', + 'pt-80', + 'pt-9', + 'pt-9/12', + 'pt-96', + 'pt-full', + 'pt-px', + 'px-0', + 'px-05', + 'px-1', + 'px-1/12', + 'px-1/2', + 'px-1/3', + 'px-1/4', + 'px-1/5', + 'px-1/6', + 'px-10', + 'px-10/12', + 'px-11', + 'px-11/12', + 'px-12', + 'px-13', + 'px-14', + 'px-15', + 'px-16', + 'px-2', + 'px-2/12', + 'px-2/3', + 'px-2/4', + 'px-2/5', + 'px-2/6', + 'px-20', + 'px-24', + 'px-25', + 'px-28', + 'px-3', + 'px-3/12', + 'px-3/4', + 'px-3/5', + 'px-3/6', + 'px-32', + 'px-35', + 'px-36', + 'px-4', + 'px-4/12', + 'px-4/5', + 'px-4/6', + 'px-40', + 'px-48', + 'px-5', + 'px-5/12', + 'px-5/6', + 'px-56', + 'px-6', + 'px-6/12', + 'px-60', + 'px-64', + 'px-7', + 'px-7/12', + 'px-72', + 'px-8', + 'px-8/12', + 'px-80', + 'px-9', + 'px-9/12', + 'px-96', + 'px-full', + 'px-px', + 'py-0', + 'py-05', + 'py-1', + 'py-1/12', + 'py-1/2', + 'py-1/3', + 'py-1/4', + 'py-1/5', + 'py-1/6', + 'py-10', + 'py-10/12', + 'py-11', + 'py-11/12', + 'py-12', + 'py-13', + 'py-14', + 'py-15', + 'py-16', + 'py-2', + 'py-2/12', + 'py-2/3', + 'py-2/4', + 'py-2/5', + 'py-2/6', + 'py-20', + 'py-24', + 'py-25', + 'py-28', + 'py-3', + 'py-3/12', + 'py-3/4', + 'py-3/5', + 'py-3/6', + 'py-32', + 'py-35', + 'py-36', + 'py-4', + 'py-4/12', + 'py-4/5', + 'py-4/6', + 'py-40', + 'py-48', + 'py-5', + 'py-5/12', + 'py-5/6', + 'py-56', + 'py-6', + 'py-6/12', + 'py-60', + 'py-64', + 'py-7', + 'py-7/12', + 'py-72', + 'py-8', + 'py-8/12', + 'py-80', + 'py-9', + 'py-9/12', + 'py-96', + 'py-full', + 'py-px', + 'relative', + 'resize', + 'resize-none', + 'resize-x', + 'resize-y', + 'right-0', + 'right-05', + 'right-1', + 'right-1/12', + 'right-1/2', + 'right-1/3', + 'right-1/4', + 'right-1/5', + 'right-1/6', + 'right-10', + 'right-10/12', + 'right-11', + 'right-11/12', + 'right-12', + 'right-13', + 'right-14', + 'right-15', + 'right-16', + 'right-2', + 'right-2/12', + 'right-2/3', + 'right-2/4', + 'right-2/5', + 'right-2/6', + 'right-20', + 'right-24', + 'right-25', + 'right-28', + 'right-3', + 'right-3/12', + 'right-3/4', + 'right-3/5', + 'right-3/6', + 'right-32', + 'right-35', + 'right-36', + 'right-4', + 'right-4/12', + 'right-4/5', + 'right-4/6', + 'right-40', + 'right-48', + 'right-5', + 'right-5/12', + 'right-5/6', + 'right-56', + 'right-6', + 'right-6/12', + 'right-60', + 'right-64', + 'right-7', + 'right-7/12', + 'right-72', + 'right-8', + 'right-8/12', + 'right-80', + 'right-9', + 'right-9/12', + 'right-96', + 'right-auto', + 'right-full', + 'right-px', + 'rotate-0', + 'rotate-180', + 'rotate-45', + 'rotate-90', + 'rounded', + 'rounded-b', + 'rounded-b-full', + 'rounded-b-lg', + 'rounded-b-md', + 'rounded-b-none', + 'rounded-b-sm', + 'rounded-bl', + 'rounded-bl-full', + 'rounded-bl-lg', + 'rounded-bl-md', + 'rounded-bl-none', + 'rounded-bl-sm', + 'rounded-br', + 'rounded-br-full', + 'rounded-br-lg', + 'rounded-br-md', + 'rounded-br-none', + 'rounded-br-sm', + 'rounded-full', + 'rounded-l', + 'rounded-l-full', + 'rounded-l-lg', + 'rounded-l-md', + 'rounded-l-none', + 'rounded-l-sm', + 'rounded-lg', + 'rounded-md', + 'rounded-none', + 'rounded-r', + 'rounded-r-full', + 'rounded-r-lg', + 'rounded-r-md', + 'rounded-r-none', + 'rounded-r-sm', + 'rounded-sm', + 'rounded-t', + 'rounded-t-full', + 'rounded-t-lg', + 'rounded-t-md', + 'rounded-t-none', + 'rounded-t-sm', + 'rounded-tl', + 'rounded-tl-full', + 'rounded-tl-lg', + 'rounded-tl-md', + 'rounded-tl-none', + 'rounded-tl-sm', + 'rounded-tr', + 'rounded-tr-full', + 'rounded-tr-lg', + 'rounded-tr-md', + 'rounded-tr-none', + 'rounded-tr-sm', + 'row-auto', + 'row-end-1', + 'row-end-2', + 'row-end-3', + 'row-end-4', + 'row-end-5', + 'row-end-6', + 'row-end-7', + 'row-end-auto', + 'row-gap-0', + 'row-gap-05', + 'row-gap-1', + 'row-gap-1/12', + 'row-gap-1/2', + 'row-gap-1/3', + 'row-gap-1/4', + 'row-gap-1/5', + 'row-gap-1/6', + 'row-gap-10', + 'row-gap-10/12', + 'row-gap-11', + 'row-gap-11/12', + 'row-gap-12', + 'row-gap-13', + 'row-gap-14', + 'row-gap-15', + 'row-gap-16', + 'row-gap-2', + 'row-gap-2/12', + 'row-gap-2/3', + 'row-gap-2/4', + 'row-gap-2/5', + 'row-gap-2/6', + 'row-gap-20', + 'row-gap-24', + 'row-gap-25', + 'row-gap-28', + 'row-gap-3', + 'row-gap-3/12', + 'row-gap-3/4', + 'row-gap-3/5', + 'row-gap-3/6', + 'row-gap-32', + 'row-gap-35', + 'row-gap-36', + 'row-gap-4', + 'row-gap-4/12', + 'row-gap-4/5', + 'row-gap-4/6', + 'row-gap-40', + 'row-gap-48', + 'row-gap-5', + 'row-gap-5/12', + 'row-gap-5/6', + 'row-gap-56', + 'row-gap-6', + 'row-gap-6/12', + 'row-gap-60', + 'row-gap-64', + 'row-gap-7', + 'row-gap-7/12', + 'row-gap-72', + 'row-gap-8', + 'row-gap-8/12', + 'row-gap-80', + 'row-gap-9', + 'row-gap-9/12', + 'row-gap-96', + 'row-gap-full', + 'row-gap-px', + 'row-span-1', + 'row-span-2', + 'row-span-3', + 'row-span-4', + 'row-span-5', + 'row-span-6', + 'row-start-1', + 'row-start-2', + 'row-start-3', + 'row-start-4', + 'row-start-5', + 'row-start-6', + 'row-start-7', + 'row-start-auto', + 'scale-0', + 'scale-100', + 'scale-105', + 'scale-110', + 'scale-125', + 'scale-150', + 'scale-50', + 'scale-75', + 'scale-90', + 'scale-95', + 'scale-x-0', + 'scale-x-100', + 'scale-x-105', + 'scale-x-110', + 'scale-x-125', + 'scale-x-150', + 'scale-x-50', + 'scale-x-75', + 'scale-x-90', + 'scale-x-95', + 'scale-y-0', + 'scale-y-100', + 'scale-y-105', + 'scale-y-110', + 'scale-y-125', + 'scale-y-150', + 'scale-y-50', + 'scale-y-75', + 'scale-y-90', + 'scale-y-95', + 'scrolling-auto', + 'scrolling-touch', + 'select-all', + 'select-auto', + 'select-none', + 'select-text', + 'self-auto', + 'self-center', + 'self-end', + 'self-start', + 'self-stretch', + 'shadow', + 'shadow-2xl', + 'shadow-inner', + 'shadow-lg', + 'shadow-md', + 'shadow-none', + 'shadow-outline', + 'shadow-outline-blue', + 'shadow-outline-gray', + 'shadow-outline-green', + 'shadow-outline-indigo', + 'shadow-outline-orange', + 'shadow-outline-pink', + 'shadow-outline-purple', + 'shadow-outline-red', + 'shadow-outline-teal', + 'shadow-outline-yellow', + 'shadow-sm', + 'shadow-solid', + 'shadow-xl', + 'shadow-xs', 'skew-x-0', + 'skew-x-12', 'skew-x-3', 'skew-x-6', - 'skew-x-12', - '-skew-x-12', - '-skew-x-6', - '-skew-x-3', 'skew-y-0', + 'skew-y-12', 'skew-y-3', 'skew-y-6', - 'skew-y-12', - '-skew-y-12', - '-skew-y-6', - '-skew-y-3', - 'hover:skew-x-0:hover', - 'hover:skew-x-3:hover', - 'hover:skew-x-6:hover', - 'hover:skew-x-12:hover', - 'hover:-skew-x-12:hover', - 'hover:-skew-x-6:hover', - 'hover:-skew-x-3:hover', - 'hover:skew-y-0:hover', - 'hover:skew-y-3:hover', - 'hover:skew-y-6:hover', - 'hover:skew-y-12:hover', - 'hover:-skew-y-12:hover', - 'hover:-skew-y-6:hover', - 'hover:-skew-y-3:hover', - 'focus:skew-x-0', - 'focus:skew-x-3', - 'focus:skew-x-6', - 'focus:skew-x-12', - 'focus:-skew-x-12', - 'focus:-skew-x-6', - 'focus:-skew-x-3', - 'focus:skew-y-0', - 'focus:skew-y-3', - 'focus:skew-y-6', - 'focus:skew-y-12', - 'focus:-skew-y-12', - 'focus:-skew-y-6', - 'focus:-skew-y-3', - 'transition-none', - 'transition-all', + 'space-x-0', + 'space-x-1', + 'space-x-10', + 'space-x-12', + 'space-x-16', + 'space-x-2', + 'space-x-20', + 'space-x-24', + 'space-x-3', + 'space-x-32', + 'space-x-4', + 'space-x-40', + 'space-x-48', + 'space-x-5', + 'space-x-56', + 'space-x-6', + 'space-x-64', + 'space-x-8', + 'space-x-px', + 'space-x-reverse', + 'space-y-0', + 'space-y-1', + 'space-y-10', + 'space-y-12', + 'space-y-16', + 'space-y-2', + 'space-y-20', + 'space-y-24', + 'space-y-3', + 'space-y-32', + 'space-y-4', + 'space-y-40', + 'space-y-48', + 'space-y-5', + 'space-y-56', + 'space-y-6', + 'space-y-64', + 'space-y-8', + 'space-y-px', + 'space-y-reverse', + 'sr-only', + 'static', + 'sticky', + 'stroke-0', + 'stroke-1', + 'stroke-2', + 'stroke-current', + 'subpixel-antialiased', + 'table', + 'table-auto', + 'table-caption', + 'table-cell', + 'table-column', + 'table-column-group', + 'table-fixed', + 'table-footer-group', + 'table-header-group', + 'table-row', + 'table-row-group', + 'text-2xl', + 'text-3xl', + 'text-4xl', + 'text-5xl', + 'text-6xl', + 'text-base', + 'text-black', + 'text-blue-100', + 'text-blue-200', + 'text-blue-300', + 'text-blue-400', + 'text-blue-50', + 'text-blue-500', + 'text-blue-600', + 'text-blue-700', + 'text-blue-800', + 'text-blue-900', + 'text-center', + 'text-cool-gray-100', + 'text-cool-gray-200', + 'text-cool-gray-300', + 'text-cool-gray-400', + 'text-cool-gray-50', + 'text-cool-gray-500', + 'text-cool-gray-600', + 'text-cool-gray-700', + 'text-cool-gray-800', + 'text-cool-gray-900', + 'text-current', + 'text-gray-100', + 'text-gray-200', + 'text-gray-300', + 'text-gray-400', + 'text-gray-50', + 'text-gray-500', + 'text-gray-600', + 'text-gray-700', + 'text-gray-800', + 'text-gray-900', + 'text-green-100', + 'text-green-200', + 'text-green-300', + 'text-green-400', + 'text-green-50', + 'text-green-500', + 'text-green-600', + 'text-green-700', + 'text-green-800', + 'text-green-900', + 'text-indigo-100', + 'text-indigo-200', + 'text-indigo-300', + 'text-indigo-400', + 'text-indigo-50', + 'text-indigo-500', + 'text-indigo-600', + 'text-indigo-700', + 'text-indigo-800', + 'text-indigo-900', + 'text-justify', + 'text-left', + 'text-lg', + 'text-orange-100', + 'text-orange-200', + 'text-orange-300', + 'text-orange-400', + 'text-orange-50', + 'text-orange-500', + 'text-orange-600', + 'text-orange-700', + 'text-orange-800', + 'text-orange-900', + 'text-pink-100', + 'text-pink-200', + 'text-pink-300', + 'text-pink-400', + 'text-pink-50', + 'text-pink-500', + 'text-pink-600', + 'text-pink-700', + 'text-pink-800', + 'text-pink-900', + 'text-purple-100', + 'text-purple-200', + 'text-purple-300', + 'text-purple-400', + 'text-purple-50', + 'text-purple-500', + 'text-purple-600', + 'text-purple-700', + 'text-purple-800', + 'text-purple-900', + 'text-red-100', + 'text-red-200', + 'text-red-300', + 'text-red-400', + 'text-red-50', + 'text-red-500', + 'text-red-600', + 'text-red-700', + 'text-red-800', + 'text-red-900', + 'text-right', + 'text-sm', + 'text-teal-100', + 'text-teal-200', + 'text-teal-300', + 'text-teal-400', + 'text-teal-50', + 'text-teal-500', + 'text-teal-600', + 'text-teal-700', + 'text-teal-800', + 'text-teal-900', + 'text-transparent', + 'text-white', + 'text-xl', + 'text-xs', + 'text-yellow-100', + 'text-yellow-200', + 'text-yellow-300', + 'text-yellow-400', + 'text-yellow-50', + 'text-yellow-500', + 'text-yellow-600', + 'text-yellow-700', + 'text-yellow-800', + 'text-yellow-900', + 'top-0', + 'top-05', + 'top-1', + 'top-1/12', + 'top-1/2', + 'top-1/3', + 'top-1/4', + 'top-1/5', + 'top-1/6', + 'top-10', + 'top-10/12', + 'top-11', + 'top-11/12', + 'top-12', + 'top-13', + 'top-14', + 'top-15', + 'top-16', + 'top-2', + 'top-2/12', + 'top-2/3', + 'top-2/4', + 'top-2/5', + 'top-2/6', + 'top-20', + 'top-24', + 'top-25', + 'top-28', + 'top-3', + 'top-3/12', + 'top-3/4', + 'top-3/5', + 'top-3/6', + 'top-32', + 'top-35', + 'top-36', + 'top-4', + 'top-4/12', + 'top-4/5', + 'top-4/6', + 'top-40', + 'top-48', + 'top-5', + 'top-5/12', + 'top-5/6', + 'top-56', + 'top-6', + 'top-6/12', + 'top-60', + 'top-64', + 'top-7', + 'top-7/12', + 'top-72', + 'top-8', + 'top-8/12', + 'top-80', + 'top-9', + 'top-9/12', + 'top-96', + 'top-auto', + 'top-full', + 'top-px', + 'tracking-normal', + 'tracking-tight', + 'tracking-tighter', + 'tracking-wide', + 'tracking-wider', + 'tracking-widest', + 'transform', + 'transform-none', 'transition', + 'transition-all', 'transition-colors', + 'transition-none', 'transition-opacity', 'transition-shadow', 'transition-transform', - 'ease-linear', - 'ease-in', - 'ease-out', - 'ease-in-out', - 'duration-75', - 'duration-100', - 'duration-150', - 'duration-200', - 'duration-300', - 'duration-500', - 'duration-700', - 'duration-1000', + 'translate-x-0', + 'translate-x-05', + 'translate-x-1', + 'translate-x-1/12', + 'translate-x-1/2', + 'translate-x-1/3', + 'translate-x-1/4', + 'translate-x-1/5', + 'translate-x-1/6', + 'translate-x-10', + 'translate-x-10/12', + 'translate-x-11', + 'translate-x-11/12', + 'translate-x-12', + 'translate-x-13', + 'translate-x-14', + 'translate-x-15', + 'translate-x-16', + 'translate-x-2', + 'translate-x-2/12', + 'translate-x-2/3', + 'translate-x-2/4', + 'translate-x-2/5', + 'translate-x-2/6', + 'translate-x-20', + 'translate-x-24', + 'translate-x-25', + 'translate-x-28', + 'translate-x-3', + 'translate-x-3/12', + 'translate-x-3/4', + 'translate-x-3/5', + 'translate-x-3/6', + 'translate-x-32', + 'translate-x-35', + 'translate-x-36', + 'translate-x-4', + 'translate-x-4/12', + 'translate-x-4/5', + 'translate-x-4/6', + 'translate-x-40', + 'translate-x-48', + 'translate-x-5', + 'translate-x-5/12', + 'translate-x-5/6', + 'translate-x-56', + 'translate-x-6', + 'translate-x-6/12', + 'translate-x-60', + 'translate-x-64', + 'translate-x-7', + 'translate-x-7/12', + 'translate-x-72', + 'translate-x-8', + 'translate-x-8/12', + 'translate-x-80', + 'translate-x-9', + 'translate-x-9/12', + 'translate-x-96', + 'translate-x-full', + 'translate-x-px', + 'translate-y-0', + 'translate-y-05', + 'translate-y-1', + 'translate-y-1/12', + 'translate-y-1/2', + 'translate-y-1/3', + 'translate-y-1/4', + 'translate-y-1/5', + 'translate-y-1/6', + 'translate-y-10', + 'translate-y-10/12', + 'translate-y-11', + 'translate-y-11/12', + 'translate-y-12', + 'translate-y-13', + 'translate-y-14', + 'translate-y-15', + 'translate-y-16', + 'translate-y-2', + 'translate-y-2/12', + 'translate-y-2/3', + 'translate-y-2/4', + 'translate-y-2/5', + 'translate-y-2/6', + 'translate-y-20', + 'translate-y-24', + 'translate-y-25', + 'translate-y-28', + 'translate-y-3', + 'translate-y-3/12', + 'translate-y-3/4', + 'translate-y-3/5', + 'translate-y-3/6', + 'translate-y-32', + 'translate-y-35', + 'translate-y-36', + 'translate-y-4', + 'translate-y-4/12', + 'translate-y-4/5', + 'translate-y-4/6', + 'translate-y-40', + 'translate-y-48', + 'translate-y-5', + 'translate-y-5/12', + 'translate-y-5/6', + 'translate-y-56', + 'translate-y-6', + 'translate-y-6/12', + 'translate-y-60', + 'translate-y-64', + 'translate-y-7', + 'translate-y-7/12', + 'translate-y-72', + 'translate-y-8', + 'translate-y-8/12', + 'translate-y-80', + 'translate-y-9', + 'translate-y-9/12', + 'translate-y-96', + 'translate-y-full', + 'translate-y-px', + 'truncate', + 'underline', + 'uppercase', + 'visible', + 'w-0', + 'w-05', + 'w-1', + 'w-1/12', + 'w-1/2', + 'w-1/3', + 'w-1/4', + 'w-1/5', + 'w-1/6', + 'w-10', + 'w-10/12', + 'w-11', + 'w-11/12', + 'w-12', + 'w-13', + 'w-14', + 'w-15', + 'w-16', + 'w-2', + 'w-2/12', + 'w-2/3', + 'w-2/4', + 'w-2/5', + 'w-2/6', + 'w-20', + 'w-24', + 'w-25', + 'w-28', + 'w-3', + 'w-3/12', + 'w-3/4', + 'w-3/5', + 'w-3/6', + 'w-32', + 'w-35', + 'w-36', + 'w-4', + 'w-4/12', + 'w-4/5', + 'w-4/6', + 'w-40', + 'w-48', + 'w-5', + 'w-5/12', + 'w-5/6', + 'w-56', + 'w-6', + 'w-6/12', + 'w-60', + 'w-64', + 'w-7', + 'w-7/12', + 'w-72', + 'w-8', + 'w-8/12', + 'w-80', + 'w-9', + 'w-9/12', + 'w-96', + 'w-auto', + 'w-full', + 'w-px', + 'w-screen', + 'whitespace-no-wrap', + 'whitespace-normal', + 'whitespace-pre', + 'whitespace-pre-line', + 'whitespace-pre-wrap', + 'z-0', + 'z-10', + 'z-20', + 'z-30', + 'z-40', + 'z-50', + 'z-auto', ], }; }, diff --git a/tailwind-ui.css b/tailwind-ui.css index 2685b8c..ec0c4e5 100644 --- a/tailwind-ui.css +++ b/tailwind-ui.css @@ -1,628 +1,3 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ - -/* Document - ========================================================================== */ - -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ - -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/* Sections - ========================================================================== */ - -/** - * Remove the margin in all browsers. - */ - -body { - margin: 0; -} - -/** - * Render the `main` element consistently in IE. - */ - -main { - display: block; -} - -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/* Grouping content - ========================================================================== */ - -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ - -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Remove the gray background on active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ - -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; /* 2 */ -} - -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ - -b, -strong { - font-weight: bolder; -} - -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ - -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ -} - -/** - * Add the correct font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sub { - bottom: -0.25em; -} - -sup { - top: -0.5em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove the border on images inside links in IE 10. - */ - -img { - border-style: none; -} - -/* Forms - ========================================================================== */ - -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ - -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ -} - -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ - -button, -input { /* 1 */ - overflow: visible; -} - -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ - -button, -select { /* 1 */ - text-transform: none; -} - -/** - * Correct the inability to style clickable types in iOS and Safari. - */ - -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; -} - -/** - * Remove the inner border and padding in Firefox. - */ - -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; -} - -/** - * Restore the focus styles unset by the previous rule. - */ - -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; -} - -/** - * Correct the padding in Firefox. - */ - -fieldset { - padding: 0.35em 0.75em 0.625em; -} - -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ - -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ -} - -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ - -progress { - vertical-align: baseline; -} - -/** - * Remove the default vertical scrollbar in IE 10+. - */ - -textarea { - overflow: auto; -} - -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ - -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ - -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ - -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ -} - -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ - -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ - -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ -} - -/* Interactive - ========================================================================== */ - -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ - -details { - display: block; -} - -/* - * Add the correct display in all browsers. - */ - -summary { - display: list-item; -} - -/* Misc - ========================================================================== */ - -/** - * Add the correct display in IE 10+. - */ - -template { - display: none; -} - -/** - * Add the correct display in IE 10. - */ - -[hidden] { - display: none; -} - -/** - * Manually forked from SUIT CSS Base: https://github.com/suitcss/base - * A thin layer on top of normalize.css that provides a starting point more - * suitable for web applications. - */ - -/** - * Removes the default spacing and border for appropriate elements. - */ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; -} - -button { - background-color: transparent; - background-image: none; - padding: 0; -} - -/** - * Work around a Firefox/IE bug where the transparent `button` background - * results in a loss of the default `button` focus styles. - */ - -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; -} - -fieldset { - margin: 0; - padding: 0; -} - -ol, -ul { - list-style: none; - margin: 0; - padding: 0; -} - -/** - * Tailwind custom reset styles - */ - -/** - * 1. Use the user's configured `sans` font-family (with Tailwind's default - * sans-serif font stack as a fallback) as a sane default. - * 2. Use Tailwind's default "normal" line-height so the user isn't forced - * to override it to ensure consistency even when using the default theme. - */ - -html { - font-family: 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"; /* 1 */ - line-height: 1.5; /* 2 */ -} - -/** - * 1. Prevent padding and border from affecting element width. - * - * We used to set this in the html element and inherit from - * the parent element for everything else. This caused issues - * in shadow-dom-enhanced elements like
where the content - * is wrapped by a div with box-sizing set to `content-box`. - * - * https://github.com/mozdevs/cssremedy/issues/4 - * - * - * 2. Allow adding a border to an element by just adding a border-width. - * - * By default, the way the browser specifies that an element should have no - * border is by setting it's border-style to `none` in the user-agent - * stylesheet. - * - * In order to easily add borders to elements by just setting the `border-width` - * property, we change the default border-style for all elements to `solid`, and - * use border-width to hide them instead. This way our `border` utilities only - * need to set the `border-width` property instead of the entire `border` - * shorthand, making our border utilities much more straightforward to compose. - * - * https://github.com/tailwindcss/tailwindcss/pull/116 - */ - -*, -::before, -::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: #d2d6dc; /* 2 */ -} - -/* - * Ensure horizontal rules are visible by default - */ - -hr { - border-top-width: 1px; -} - -/** - * Undo the `border-style: none` reset that Normalize applies to images so that - * our `border-{width}` utilities have the expected effect. - * - * The Normalize reset is unnecessary for us since we default the border-width - * to 0 on all elements. - * - * https://github.com/tailwindcss/tailwindcss/issues/362 - */ - -img { - border-style: solid; -} - -textarea { - resize: vertical; -} - -input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { - color: #a0aec0; -} - -input::-moz-placeholder, textarea::-moz-placeholder { - color: #a0aec0; -} - -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #a0aec0; -} - -input::-ms-input-placeholder, textarea::-ms-input-placeholder { - color: #a0aec0; -} - -input::placeholder, -textarea::placeholder { - color: #a0aec0; -} - -button, -[role="button"] { - cursor: pointer; -} - -table { - border-collapse: collapse; -} - -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; -} - -/** - * Reset links to optimize for opt-in styling instead of - * opt-out. - */ - -a { - color: inherit; - text-decoration: inherit; -} - -/** - * Reset form element properties that are easy to forget to - * style explicitly so you don't inadvertently introduce - * styles that deviate from your design system. These styles - * supplement a partial reset that is already applied by - * normalize.css. - */ - -button, -input, -optgroup, -select, -textarea { - padding: 0; - line-height: inherit; - color: inherit; -} - -/** - * Use the configured 'mono' font family for elements that - * are expected to be rendered with a monospace font, falling - * back to the system monospace stack if there is no configured - * 'mono' font family. - */ - -pre, -code, -kbd, -samp { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -} - -/** - * Make replaced elements `display: block` by default as that's - * the behavior you want almost all of the time. Inspired by - * CSS Remedy, with `svg` added as well. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - vertical-align: middle; -} - -/** - * Constrain images and videos to the parent width and preserve - * their instrinsic aspect ratio. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ - -img, -video { - max-width: 100%; - height: auto; -} - -.container { - width: 100%; -} - -@media (min-width: 640px) { - .container { - max-width: 640px; - } -} - -@media (min-width: 768px) { - .container { - max-width: 768px; - } -} - -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } -} - -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } -} - .form-input { -webkit-appearance: none; -moz-appearance: none; @@ -141915,5 +141290,5 @@ video { transition-duration: 1000ms; } } - + /*# sourceMappingURL=tailwind-ui.css.map */ \ No newline at end of file diff --git a/tailwind.css b/tailwind.css index ec6af5b..a0e58a5 100644 --- a/tailwind.css +++ b/tailwind.css @@ -1,618 +1,897 @@ -/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ +.space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0 * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0 * var(--space-y-reverse)); +} -/* Document - ========================================================================== */ +.space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0 * var(--space-x-reverse)); + margin-left: calc(0 * calc(1 - var(--space-x-reverse))); +} -/** - * 1. Correct the line height in all browsers. - * 2. Prevent adjustments of font size after orientation changes in iOS. - */ +.space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); +} -html { - line-height: 1.15; /* 1 */ - -webkit-text-size-adjust: 100%; /* 2 */ +.space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } -/* Sections - ========================================================================== */ +.space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); +} -/** - * Remove the margin in all browsers. - */ +.space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); +} -body { - margin: 0; +.space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } -/** - * Render the `main` element consistently in IE. - */ +.space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); +} -main { - display: block; +.space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } -/** - * Correct the font size and margin on `h1` elements within `section` and - * `article` contexts in Chrome, Firefox, and Safari. - */ +.space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); +} -h1 { - font-size: 2em; - margin: 0.67em 0; +.space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } -/* Grouping content - ========================================================================== */ +.space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); +} -/** - * 1. Add the correct box sizing in Firefox. - * 2. Show the overflow in Edge and IE. - */ +.space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); +} -hr { - box-sizing: content-box; /* 1 */ - height: 0; /* 1 */ - overflow: visible; /* 2 */ +.space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ +.space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); +} -pre { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ +.space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } -/* Text-level semantics - ========================================================================== */ +.space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); +} -/** - * Remove the gray background on active links in IE 10. - */ +.space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); +} -a { - background-color: transparent; +.space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } -/** - * 1. Remove the bottom border in Chrome 57- - * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. - */ +.space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); +} -abbr[title] { - border-bottom: none; /* 1 */ - text-decoration: underline; /* 2 */ - -webkit-text-decoration: underline dotted; - text-decoration: underline dotted; /* 2 */ +.space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } -/** - * Add the correct font weight in Chrome, Edge, and Safari. - */ +.space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); +} -b, -strong { - font-weight: bolder; +.space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } -/** - * 1. Correct the inheritance and scaling of font size in all browsers. - * 2. Correct the odd `em` font sizing in all browsers. - */ +.space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); +} -code, -kbd, -samp { - font-family: monospace, monospace; /* 1 */ - font-size: 1em; /* 2 */ +.space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } -/** - * Add the correct font size in all browsers. - */ +.space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); +} -small { - font-size: 80%; +.space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } -/** - * Prevent `sub` and `sup` elements from affecting the line height in - * all browsers. - */ +.space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); +} -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; +.space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } -sub { - bottom: -0.25em; +.space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } -sup { - top: -0.5em; +.space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } -/* Embedded content - ========================================================================== */ +.space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); +} -/** - * Remove the border on images inside links in IE 10. - */ +.space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); +} -img { - border-style: none; +.space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } -/* Forms - ========================================================================== */ +.space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); +} -/** - * 1. Change the font styles in all browsers. - * 2. Remove the margin in Firefox and Safari. - */ +.space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); +} -button, -input, -optgroup, -select, -textarea { - font-family: inherit; /* 1 */ - font-size: 100%; /* 1 */ - line-height: 1.15; /* 1 */ - margin: 0; /* 2 */ +.space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } -/** - * Show the overflow in IE. - * 1. Show the overflow in Edge. - */ +.space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); +} -button, -input { /* 1 */ - overflow: visible; +.-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } -/** - * Remove the inheritance of text transform in Edge, Firefox, and IE. - * 1. Remove the inheritance of text transform in Firefox. - */ +.-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); +} -button, -select { /* 1 */ - text-transform: none; +.-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } -/** - * Correct the inability to style clickable types in iOS and Safari. - */ +.-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); +} -button, -[type="button"], -[type="reset"], -[type="submit"] { - -webkit-appearance: button; +.-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } -/** - * Remove the inner border and padding in Firefox. - */ +.-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); +} -button::-moz-focus-inner, -[type="button"]::-moz-focus-inner, -[type="reset"]::-moz-focus-inner, -[type="submit"]::-moz-focus-inner { - border-style: none; - padding: 0; +.-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } -/** - * Restore the focus styles unset by the previous rule. - */ +.-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); +} -button:-moz-focusring, -[type="button"]:-moz-focusring, -[type="reset"]:-moz-focusring, -[type="submit"]:-moz-focusring { - outline: 1px dotted ButtonText; +.-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } -/** - * Correct the padding in Firefox. - */ +.-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); +} -fieldset { - padding: 0.35em 0.75em 0.625em; +.-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } -/** - * 1. Correct the text wrapping in Edge and IE. - * 2. Correct the color inheritance from `fieldset` elements in IE. - * 3. Remove the padding so developers are not caught out when they zero out - * `fieldset` elements in all browsers. - */ +.-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); +} -legend { - box-sizing: border-box; /* 1 */ - color: inherit; /* 2 */ - display: table; /* 1 */ - max-width: 100%; /* 1 */ - padding: 0; /* 3 */ - white-space: normal; /* 1 */ +.-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } -/** - * Add the correct vertical alignment in Chrome, Firefox, and Opera. - */ +.-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); +} -progress { - vertical-align: baseline; +.-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } -/** - * Remove the default vertical scrollbar in IE 10+. - */ +.-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); +} -textarea { - overflow: auto; +.-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } -/** - * 1. Add the correct box sizing in IE 10. - * 2. Remove the padding in IE 10. - */ +.-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); +} -[type="checkbox"], -[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ +.-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } -/** - * Correct the cursor style of increment and decrement buttons in Chrome. - */ +.-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); +} -[type="number"]::-webkit-inner-spin-button, -[type="number"]::-webkit-outer-spin-button { - height: auto; +.-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } -/** - * 1. Correct the odd appearance in Chrome and Safari. - * 2. Correct the outline style in Safari. - */ +.-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); +} -[type="search"] { - -webkit-appearance: textfield; /* 1 */ - outline-offset: -2px; /* 2 */ +.-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } -/** - * Remove the inner padding in Chrome and Safari on macOS. - */ +.-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); +} -[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; +.-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } -/** - * 1. Correct the inability to style clickable types in iOS and Safari. - * 2. Change font properties to `inherit` in Safari. - */ +.-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); +} -::-webkit-file-upload-button { - -webkit-appearance: button; /* 1 */ - font: inherit; /* 2 */ +.-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } -/* Interactive - ========================================================================== */ +.-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); +} -/* - * Add the correct display in Edge, IE 10+, and Firefox. - */ +.-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); +} -details { - display: block; +.-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } -/* - * Add the correct display in all browsers. - */ +.-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); +} -summary { - display: list-item; +.-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } -/* Misc - ========================================================================== */ +.-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); +} -/** - * Add the correct display in IE 10+. - */ +.-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); +} -template { - display: none; +.-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } -/** - * Add the correct display in IE 10. - */ +.-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); +} -[hidden] { - display: none; +.space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } -/** - * Manually forked from SUIT CSS Base: https://github.com/suitcss/base - * A thin layer on top of normalize.css that provides a starting point more - * suitable for web applications. - */ - -/** - * Removes the default spacing and border for appropriate elements. - */ - -blockquote, -dl, -dd, -h1, -h2, -h3, -h4, -h5, -h6, -hr, -figure, -p, -pre { - margin: 0; +.space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } -button { - background-color: transparent; - background-image: none; - padding: 0; +.divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0 * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0 * var(--divide-y-reverse)); } -/** - * Work around a Firefox/IE bug where the transparent `button` background - * results in a loss of the default `button` focus styles. - */ +.divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0 * var(--divide-x-reverse)); + border-left-width: calc(0 * calc(1 - var(--divide-x-reverse))); +} -button:focus { - outline: 1px dotted; - outline: 5px auto -webkit-focus-ring-color; +.divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } -fieldset { - margin: 0; - padding: 0; +.divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } -ol, -ul { - list-style: none; - margin: 0; - padding: 0; +.divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } -/** - * Tailwind custom reset styles - */ - -/** - * 1. Use the user's configured `sans` font-family (with Tailwind's default - * sans-serif font stack as a fallback) as a sane default. - * 2. Use Tailwind's default "normal" line-height so the user isn't forced - * to override it to ensure consistency even when using the default theme. - */ - -html { - font-family: 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"; /* 1 */ - line-height: 1.5; /* 2 */ -} - -/** - * 1. Prevent padding and border from affecting element width. - * - * We used to set this in the html element and inherit from - * the parent element for everything else. This caused issues - * in shadow-dom-enhanced elements like
where the content - * is wrapped by a div with box-sizing set to `content-box`. - * - * https://github.com/mozdevs/cssremedy/issues/4 - * - * - * 2. Allow adding a border to an element by just adding a border-width. - * - * By default, the way the browser specifies that an element should have no - * border is by setting it's border-style to `none` in the user-agent - * stylesheet. - * - * In order to easily add borders to elements by just setting the `border-width` - * property, we change the default border-style for all elements to `solid`, and - * use border-width to hide them instead. This way our `border` utilities only - * need to set the `border-width` property instead of the entire `border` - * shorthand, making our border utilities much more straightforward to compose. - * - * https://github.com/tailwindcss/tailwindcss/pull/116 - */ - -*, -::before, -::after { - box-sizing: border-box; /* 1 */ - border-width: 0; /* 2 */ - border-style: solid; /* 2 */ - border-color: #e2e8f0; /* 2 */ -} - -/* - * Ensure horizontal rules are visible by default - */ - -hr { - border-top-width: 1px; +.divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } -/** - * Undo the `border-style: none` reset that Normalize applies to images so that - * our `border-{width}` utilities have the expected effect. - * - * The Normalize reset is unnecessary for us since we default the border-width - * to 0 on all elements. - * - * https://github.com/tailwindcss/tailwindcss/issues/362 - */ +.divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); +} -img { - border-style: solid; +.divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } -textarea { - resize: vertical; +.divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } -input:-ms-input-placeholder, textarea:-ms-input-placeholder { - color: #a0aec0; +.divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } -input::-ms-input-placeholder, textarea::-ms-input-placeholder { - color: #a0aec0; +.divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } -input::placeholder, -textarea::placeholder { - color: #a0aec0; +.divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } -button, -[role="button"] { - cursor: pointer; +.divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } -table { - border-collapse: collapse; +.divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } -h1, -h2, -h3, -h4, -h5, -h6 { - font-size: inherit; - font-weight: inherit; +.divide-black > :not(template) ~ :not(template) { + border-color: #000; } -/** - * Reset links to optimize for opt-in styling instead of - * opt-out. - */ +.divide-white > :not(template) ~ :not(template) { + border-color: #fff; +} -a { - color: inherit; - text-decoration: inherit; +.divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f7fafc; } -/** - * Reset form element properties that are easy to forget to - * style explicitly so you don't inadvertently introduce - * styles that deviate from your design system. These styles - * supplement a partial reset that is already applied by - * normalize.css. - */ +.divide-gray-200 > :not(template) ~ :not(template) { + border-color: #edf2f7; +} -button, -input, -optgroup, -select, -textarea { - padding: 0; - line-height: inherit; - color: inherit; +.divide-gray-300 > :not(template) ~ :not(template) { + border-color: #e2e8f0; } -/** - * Use the configured 'mono' font family for elements that - * are expected to be rendered with a monospace font, falling - * back to the system monospace stack if there is no configured - * 'mono' font family. - */ +.divide-gray-400 > :not(template) ~ :not(template) { + border-color: #cbd5e0; +} -pre, -code, -kbd, -samp { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; +.divide-gray-500 > :not(template) ~ :not(template) { + border-color: #a0aec0; } -/** - * Make replaced elements `display: block` by default as that's - * the behavior you want almost all of the time. Inspired by - * CSS Remedy, with `svg` added as well. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ - -img, -svg, -video, -canvas, -audio, -iframe, -embed, -object { - display: block; - vertical-align: middle; +.divide-gray-600 > :not(template) ~ :not(template) { + border-color: #718096; } -/** - * Constrain images and videos to the parent width and preserve - * their instrinsic aspect ratio. - * - * https://github.com/mozdevs/cssremedy/issues/14 - */ +.divide-gray-700 > :not(template) ~ :not(template) { + border-color: #4a5568; +} -img, -video { - max-width: 100%; - height: auto; +.divide-gray-800 > :not(template) ~ :not(template) { + border-color: #2d3748; } -.container { - width: 100%; +.divide-gray-900 > :not(template) ~ :not(template) { + border-color: #1a202c; } -@media (min-width: 640px) { - .container { - max-width: 640px; - } +.divide-red-100 > :not(template) ~ :not(template) { + border-color: #fff5f5; } -@media (min-width: 768px) { - .container { - max-width: 768px; - } +.divide-red-200 > :not(template) ~ :not(template) { + border-color: #fed7d7; } -@media (min-width: 1024px) { - .container { - max-width: 1024px; - } +.divide-red-300 > :not(template) ~ :not(template) { + border-color: #feb2b2; } -@media (min-width: 1280px) { - .container { - max-width: 1280px; - } +.divide-red-400 > :not(template) ~ :not(template) { + border-color: #fc8181; +} + +.divide-red-500 > :not(template) ~ :not(template) { + border-color: #f56565; +} + +.divide-red-600 > :not(template) ~ :not(template) { + border-color: #e53e3e; +} + +.divide-red-700 > :not(template) ~ :not(template) { + border-color: #c53030; +} + +.divide-red-800 > :not(template) ~ :not(template) { + border-color: #9b2c2c; +} + +.divide-red-900 > :not(template) ~ :not(template) { + border-color: #742a2a; +} + +.divide-orange-100 > :not(template) ~ :not(template) { + border-color: #fffaf0; +} + +.divide-orange-200 > :not(template) ~ :not(template) { + border-color: #feebc8; +} + +.divide-orange-300 > :not(template) ~ :not(template) { + border-color: #fbd38d; +} + +.divide-orange-400 > :not(template) ~ :not(template) { + border-color: #f6ad55; +} + +.divide-orange-500 > :not(template) ~ :not(template) { + border-color: #ed8936; +} + +.divide-orange-600 > :not(template) ~ :not(template) { + border-color: #dd6b20; +} + +.divide-orange-700 > :not(template) ~ :not(template) { + border-color: #c05621; +} + +.divide-orange-800 > :not(template) ~ :not(template) { + border-color: #9c4221; +} + +.divide-orange-900 > :not(template) ~ :not(template) { + border-color: #7b341e; +} + +.divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fffff0; +} + +.divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fefcbf; +} + +.divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #faf089; +} + +.divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #f6e05e; +} + +.divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #ecc94b; +} + +.divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d69e2e; +} + +.divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b7791f; +} + +.divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #975a16; +} + +.divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #744210; +} + +.divide-green-100 > :not(template) ~ :not(template) { + border-color: #f0fff4; +} + +.divide-green-200 > :not(template) ~ :not(template) { + border-color: #c6f6d5; +} + +.divide-green-300 > :not(template) ~ :not(template) { + border-color: #9ae6b4; +} + +.divide-green-400 > :not(template) ~ :not(template) { + border-color: #68d391; +} + +.divide-green-500 > :not(template) ~ :not(template) { + border-color: #48bb78; +} + +.divide-green-600 > :not(template) ~ :not(template) { + border-color: #38a169; +} + +.divide-green-700 > :not(template) ~ :not(template) { + border-color: #2f855a; +} + +.divide-green-800 > :not(template) ~ :not(template) { + border-color: #276749; +} + +.divide-green-900 > :not(template) ~ :not(template) { + border-color: #22543d; +} + +.divide-teal-100 > :not(template) ~ :not(template) { + border-color: #e6fffa; +} + +.divide-teal-200 > :not(template) ~ :not(template) { + border-color: #b2f5ea; +} + +.divide-teal-300 > :not(template) ~ :not(template) { + border-color: #81e6d9; +} + +.divide-teal-400 > :not(template) ~ :not(template) { + border-color: #4fd1c5; +} + +.divide-teal-500 > :not(template) ~ :not(template) { + border-color: #38b2ac; +} + +.divide-teal-600 > :not(template) ~ :not(template) { + border-color: #319795; +} + +.divide-teal-700 > :not(template) ~ :not(template) { + border-color: #2c7a7b; +} + +.divide-teal-800 > :not(template) ~ :not(template) { + border-color: #285e61; +} + +.divide-teal-900 > :not(template) ~ :not(template) { + border-color: #234e52; +} + +.divide-blue-100 > :not(template) ~ :not(template) { + border-color: #ebf8ff; +} + +.divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bee3f8; +} + +.divide-blue-300 > :not(template) ~ :not(template) { + border-color: #90cdf4; +} + +.divide-blue-400 > :not(template) ~ :not(template) { + border-color: #63b3ed; +} + +.divide-blue-500 > :not(template) ~ :not(template) { + border-color: #4299e1; +} + +.divide-blue-600 > :not(template) ~ :not(template) { + border-color: #3182ce; +} + +.divide-blue-700 > :not(template) ~ :not(template) { + border-color: #2b6cb0; +} + +.divide-blue-800 > :not(template) ~ :not(template) { + border-color: #2c5282; +} + +.divide-blue-900 > :not(template) ~ :not(template) { + border-color: #2a4365; +} + +.divide-indigo-100 > :not(template) ~ :not(template) { + border-color: #ebf4ff; +} + +.divide-indigo-200 > :not(template) ~ :not(template) { + border-color: #c3dafe; +} + +.divide-indigo-300 > :not(template) ~ :not(template) { + border-color: #a3bffa; +} + +.divide-indigo-400 > :not(template) ~ :not(template) { + border-color: #7f9cf5; +} + +.divide-indigo-500 > :not(template) ~ :not(template) { + border-color: #667eea; +} + +.divide-indigo-600 > :not(template) ~ :not(template) { + border-color: #5a67d8; +} + +.divide-indigo-700 > :not(template) ~ :not(template) { + border-color: #4c51bf; +} + +.divide-indigo-800 > :not(template) ~ :not(template) { + border-color: #434190; +} + +.divide-indigo-900 > :not(template) ~ :not(template) { + border-color: #3c366b; +} + +.divide-purple-100 > :not(template) ~ :not(template) { + border-color: #faf5ff; +} + +.divide-purple-200 > :not(template) ~ :not(template) { + border-color: #e9d8fd; +} + +.divide-purple-300 > :not(template) ~ :not(template) { + border-color: #d6bcfa; +} + +.divide-purple-400 > :not(template) ~ :not(template) { + border-color: #b794f4; +} + +.divide-purple-500 > :not(template) ~ :not(template) { + border-color: #9f7aea; +} + +.divide-purple-600 > :not(template) ~ :not(template) { + border-color: #805ad5; +} + +.divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6b46c1; +} + +.divide-purple-800 > :not(template) ~ :not(template) { + border-color: #553c9a; +} + +.divide-purple-900 > :not(template) ~ :not(template) { + border-color: #44337a; +} + +.divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fff5f7; +} + +.divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fed7e2; +} + +.divide-pink-300 > :not(template) ~ :not(template) { + border-color: #fbb6ce; +} + +.divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f687b3; +} + +.divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ed64a6; +} + +.divide-pink-600 > :not(template) ~ :not(template) { + border-color: #d53f8c; +} + +.divide-pink-700 > :not(template) ~ :not(template) { + border-color: #b83280; +} + +.divide-pink-800 > :not(template) ~ :not(template) { + border-color: #97266d; +} + +.divide-pink-900 > :not(template) ~ :not(template) { + border-color: #702459; } .sr-only { @@ -683,6 +962,10 @@ video { background-color: transparent; } +.bg-current { + background-color: currentColor; +} + .bg-black { background-color: #000; } @@ -1055,6 +1338,10 @@ video { background-color: transparent; } +.hover\:bg-current:hover { + background-color: currentColor; +} + .hover\:bg-black:hover { background-color: #000; } @@ -1427,6 +1714,10 @@ video { background-color: transparent; } +.focus\:bg-current:focus { + background-color: currentColor; +} + .focus\:bg-black:focus { background-color: #000; } @@ -1879,6 +2170,10 @@ video { border-color: transparent; } +.border-current { + border-color: currentColor; +} + .border-black { border-color: #000; } @@ -2251,6 +2546,10 @@ video { border-color: transparent; } +.hover\:border-current:hover { + border-color: currentColor; +} + .hover\:border-black:hover { border-color: #000; } @@ -2623,6 +2922,10 @@ video { border-color: transparent; } +.focus\:border-current:focus { + border-color: currentColor; +} + .focus\:border-black:focus { border-color: #000; } @@ -3399,6 +3702,10 @@ video { display: inline; } +.flow-root { + display: flow-root; +} + .flex { display: flex; } @@ -3411,6 +3718,10 @@ video { display: grid; } +.inline-grid { + display: inline-grid; +} + .table { display: table; } @@ -3685,6 +3996,10 @@ video { clear: both; } +.clear-none { + clear: none; +} + .font-sans { font-family: 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"; } @@ -3893,6 +4208,46 @@ video { height: 100vh; } +.text-xs { + font-size: 0.75rem; +} + +.text-sm { + font-size: 0.875rem; +} + +.text-base { + font-size: 1rem; +} + +.text-lg { + font-size: 1.125rem; +} + +.text-xl { + font-size: 1.25rem; +} + +.text-2xl { + font-size: 1.5rem; +} + +.text-3xl { + font-size: 1.875rem; +} + +.text-4xl { + font-size: 2.25rem; +} + +.text-5xl { + font-size: 3rem; +} + +.text-6xl { + font-size: 4rem; +} + .leading-3 { line-height: .75rem; } @@ -5202,73 +5557,59 @@ video { } .object-contain { - -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .object-cover { - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } .object-fill { - -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } .object-none { - -o-object-fit: none; - object-fit: none; + object-fit: none; } .object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } .object-bottom { - -o-object-position: bottom; - object-position: bottom; + object-position: bottom; } .object-center { - -o-object-position: center; - object-position: center; + object-position: center; } .object-left { - -o-object-position: left; - object-position: left; + object-position: left; } .object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + object-position: left bottom; } .object-left-top { - -o-object-position: left top; - object-position: left top; + object-position: left top; } .object-right { - -o-object-position: right; - object-position: right; + object-position: right; } .object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + object-position: right bottom; } .object-right-top { - -o-object-position: right top; - object-position: right top; + object-position: right top; } .object-top { - -o-object-position: top; - object-position: top; + object-position: top; } .opacity-0 { @@ -5977,6 +6318,18 @@ video { color: transparent; } +.placeholder-current:-ms-input-placeholder { + color: currentColor; +} + +.placeholder-current::-ms-input-placeholder { + color: currentColor; +} + +.placeholder-current::placeholder { + color: currentColor; +} + .placeholder-black:-ms-input-placeholder { color: #000; } @@ -7093,6 +7446,18 @@ video { color: transparent; } +.focus\:placeholder-current:focus:-ms-input-placeholder { + color: currentColor; +} + +.focus\:placeholder-current:focus::-ms-input-placeholder { + color: currentColor; +} + +.focus\:placeholder-current:focus::placeholder { + color: currentColor; +} + .focus\:placeholder-black:focus:-ms-input-placeholder { color: #000; } @@ -8476,6 +8841,10 @@ video { color: transparent; } +.text-current { + color: currentColor; +} + .text-black { color: #000; } @@ -8848,6 +9217,10 @@ video { color: transparent; } +.hover\:text-current:hover { + color: currentColor; +} + .hover\:text-black:hover { color: #000; } @@ -9220,6 +9593,10 @@ video { color: transparent; } +.focus\:text-current:focus { + color: currentColor; +} + .focus\:text-black:focus { color: #000; } @@ -9588,46 +9965,6 @@ video { color: #702459; } -.text-xs { - font-size: 0.75rem; -} - -.text-sm { - font-size: 0.875rem; -} - -.text-base { - font-size: 1rem; -} - -.text-lg { - font-size: 1.125rem; -} - -.text-xl { - font-size: 1.25rem; -} - -.text-2xl { - font-size: 1.5rem; -} - -.text-3xl { - font-size: 1.875rem; -} - -.text-4xl { - font-size: 2.25rem; -} - -.text-5xl { - font-size: 3rem; -} - -.text-6xl { - font-size: 4rem; -} - .italic { font-style: italic; } @@ -12427,3532 +12764,4536 @@ video { transition-duration: 1000ms; } +.delay-75 { + transition-delay: 75ms; +} + +.delay-100 { + transition-delay: 100ms; +} + +.delay-150 { + transition-delay: 150ms; +} + +.delay-200 { + transition-delay: 200ms; +} + +.delay-300 { + transition-delay: 300ms; +} + +.delay-500 { + transition-delay: 500ms; +} + +.delay-700 { + transition-delay: 700ms; +} + +.delay-1000 { + transition-delay: 1000ms; +} + @media (min-width: 640px) { - .sm\:sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0 * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0 * var(--space-y-reverse)); } - .sm\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0 * var(--space-x-reverse)); + margin-left: calc(0 * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:sr-only:focus { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - white-space: nowrap; - border-width: 0; + .sm\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .sm\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .sm\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:appearance-none { - -webkit-appearance: none; - -moz-appearance: none; - appearance: none; + .sm\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .sm\:bg-fixed { - background-attachment: fixed; + .sm\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-local { - background-attachment: local; + .sm\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .sm\:bg-scroll { - background-attachment: scroll; + .sm\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-transparent { - background-color: transparent; + .sm\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .sm\:bg-black { - background-color: #000; + .sm\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-white { - background-color: #fff; + .sm\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .sm\:bg-gray-100 { - background-color: #f7fafc; + .sm\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-200 { - background-color: #edf2f7; + .sm\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .sm\:bg-gray-300 { - background-color: #e2e8f0; + .sm\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-400 { - background-color: #cbd5e0; + .sm\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .sm\:bg-gray-500 { - background-color: #a0aec0; + .sm\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-600 { - background-color: #718096; + .sm\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .sm\:bg-gray-700 { - background-color: #4a5568; + .sm\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-gray-800 { - background-color: #2d3748; + .sm\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .sm\:bg-gray-900 { - background-color: #1a202c; + .sm\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-100 { - background-color: #fff5f5; + .sm\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .sm\:bg-red-200 { - background-color: #fed7d7; + .sm\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-300 { - background-color: #feb2b2; + .sm\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .sm\:bg-red-400 { - background-color: #fc8181; + .sm\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-500 { - background-color: #f56565; + .sm\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .sm\:bg-red-600 { - background-color: #e53e3e; + .sm\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-700 { - background-color: #c53030; + .sm\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .sm\:bg-red-800 { - background-color: #9b2c2c; + .sm\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-red-900 { - background-color: #742a2a; + .sm\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .sm\:bg-orange-100 { - background-color: #fffaf0; + .sm\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-200 { - background-color: #feebc8; + .sm\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .sm\:bg-orange-300 { - background-color: #fbd38d; + .sm\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-400 { - background-color: #f6ad55; + .sm\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .sm\:bg-orange-500 { - background-color: #ed8936; + .sm\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-600 { - background-color: #dd6b20; + .sm\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .sm\:bg-orange-700 { - background-color: #c05621; + .sm\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-orange-800 { - background-color: #9c4221; + .sm\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .sm\:bg-orange-900 { - background-color: #7b341e; + .sm\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-100 { - background-color: #fffff0; + .sm\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .sm\:bg-yellow-200 { - background-color: #fefcbf; + .sm\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-300 { - background-color: #faf089; + .sm\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .sm\:bg-yellow-400 { - background-color: #f6e05e; + .sm\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-500 { - background-color: #ecc94b; + .sm\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .sm\:bg-yellow-600 { - background-color: #d69e2e; + .sm\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-700 { - background-color: #b7791f; + .sm\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .sm\:bg-yellow-800 { - background-color: #975a16; + .sm\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-yellow-900 { - background-color: #744210; + .sm\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .sm\:bg-green-100 { - background-color: #f0fff4; + .sm\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-200 { - background-color: #c6f6d5; + .sm\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .sm\:bg-green-300 { - background-color: #9ae6b4; + .sm\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-400 { - background-color: #68d391; + .sm\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .sm\:bg-green-500 { - background-color: #48bb78; + .sm\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-600 { - background-color: #38a169; + .sm\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .sm\:bg-green-700 { - background-color: #2f855a; + .sm\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-green-800 { - background-color: #276749; + .sm\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .sm\:bg-green-900 { - background-color: #22543d; + .sm\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-100 { - background-color: #e6fffa; + .sm\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .sm\:bg-teal-200 { - background-color: #b2f5ea; + .sm\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-300 { - background-color: #81e6d9; + .sm\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .sm\:bg-teal-400 { - background-color: #4fd1c5; + .sm\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-500 { - background-color: #38b2ac; + .sm\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .sm\:bg-teal-600 { - background-color: #319795; + .sm\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-700 { - background-color: #2c7a7b; + .sm\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .sm\:bg-teal-800 { - background-color: #285e61; + .sm\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-teal-900 { - background-color: #234e52; + .sm\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .sm\:bg-blue-100 { - background-color: #ebf8ff; + .sm\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-200 { - background-color: #bee3f8; + .sm\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .sm\:bg-blue-300 { - background-color: #90cdf4; + .sm\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-400 { - background-color: #63b3ed; + .sm\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .sm\:bg-blue-500 { - background-color: #4299e1; + .sm\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-600 { - background-color: #3182ce; + .sm\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .sm\:bg-blue-700 { - background-color: #2b6cb0; + .sm\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .sm\:bg-blue-800 { - background-color: #2c5282; + .sm\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .sm\:bg-blue-900 { - background-color: #2a4365; + .sm\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .sm\:bg-indigo-100 { - background-color: #ebf4ff; + .sm\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .sm\:bg-indigo-200 { - background-color: #c3dafe; + .sm\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .sm\:bg-indigo-300 { - background-color: #a3bffa; + .sm\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0 * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0 * var(--divide-y-reverse)); } - .sm\:bg-indigo-400 { - background-color: #7f9cf5; + .sm\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0 * var(--divide-x-reverse)); + border-left-width: calc(0 * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-500 { - background-color: #667eea; + .sm\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .sm\:bg-indigo-600 { - background-color: #5a67d8; + .sm\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-700 { - background-color: #4c51bf; + .sm\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .sm\:bg-indigo-800 { - background-color: #434190; + .sm\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-indigo-900 { - background-color: #3c366b; + .sm\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .sm\:bg-purple-100 { - background-color: #faf5ff; + .sm\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-purple-200 { - background-color: #e9d8fd; + .sm\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .sm\:bg-purple-300 { - background-color: #d6bcfa; + .sm\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .sm\:bg-purple-400 { - background-color: #b794f4; + .sm\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .sm\:bg-purple-500 { - background-color: #9f7aea; + .sm\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .sm\:bg-purple-600 { - background-color: #805ad5; + .sm\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .sm\:bg-purple-700 { - background-color: #6b46c1; + .sm\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .sm\:bg-purple-800 { - background-color: #553c9a; + .sm\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .sm\:bg-purple-900 { - background-color: #44337a; + .sm\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .sm\:bg-pink-100 { - background-color: #fff5f7; + .sm\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f7fafc; } - .sm\:bg-pink-200 { - background-color: #fed7e2; + .sm\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #edf2f7; } - .sm\:bg-pink-300 { - background-color: #fbb6ce; + .sm\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #e2e8f0; } - .sm\:bg-pink-400 { - background-color: #f687b3; + .sm\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #cbd5e0; } - .sm\:bg-pink-500 { - background-color: #ed64a6; + .sm\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #a0aec0; } - .sm\:bg-pink-600 { - background-color: #d53f8c; + .sm\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #718096; } - .sm\:bg-pink-700 { - background-color: #b83280; + .sm\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #4a5568; } - .sm\:bg-pink-800 { - background-color: #97266d; + .sm\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #2d3748; } - .sm\:bg-pink-900 { - background-color: #702459; + .sm\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #1a202c; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fff5f5; } - .sm\:hover\:bg-black:hover { - background-color: #000; + .sm\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fed7d7; } - .sm\:hover\:bg-white:hover { - background-color: #fff; + .sm\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #feb2b2; } - .sm\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .sm\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #fc8181; } - .sm\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .sm\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #f56565; } - .sm\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .sm\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #e53e3e; } - .sm\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .sm\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #c53030; } - .sm\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .sm\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #9b2c2c; } - .sm\:hover\:bg-gray-600:hover { - background-color: #718096; + .sm\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #742a2a; } - .sm\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .sm\:divide-orange-100 > :not(template) ~ :not(template) { + border-color: #fffaf0; } - .sm\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .sm\:divide-orange-200 > :not(template) ~ :not(template) { + border-color: #feebc8; } - .sm\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .sm\:divide-orange-300 > :not(template) ~ :not(template) { + border-color: #fbd38d; } - .sm\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .sm\:divide-orange-400 > :not(template) ~ :not(template) { + border-color: #f6ad55; } - .sm\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .sm\:divide-orange-500 > :not(template) ~ :not(template) { + border-color: #ed8936; } - .sm\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .sm\:divide-orange-600 > :not(template) ~ :not(template) { + border-color: #dd6b20; } - .sm\:hover\:bg-red-400:hover { - background-color: #fc8181; + .sm\:divide-orange-700 > :not(template) ~ :not(template) { + border-color: #c05621; } - .sm\:hover\:bg-red-500:hover { - background-color: #f56565; + .sm\:divide-orange-800 > :not(template) ~ :not(template) { + border-color: #9c4221; } - .sm\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .sm\:divide-orange-900 > :not(template) ~ :not(template) { + border-color: #7b341e; } - .sm\:hover\:bg-red-700:hover { - background-color: #c53030; + .sm\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fffff0; } - .sm\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .sm\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fefcbf; } - .sm\:hover\:bg-red-900:hover { - background-color: #742a2a; + .sm\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #faf089; } - .sm\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .sm\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #f6e05e; } - .sm\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .sm\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #ecc94b; } - .sm\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .sm\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d69e2e; } - .sm\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .sm\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b7791f; } - .sm\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .sm\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #975a16; } - .sm\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .sm\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #744210; } - .sm\:hover\:bg-orange-700:hover { - background-color: #c05621; + .sm\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #f0fff4; } - .sm\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .sm\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #c6f6d5; } - .sm\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .sm\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #9ae6b4; } - .sm\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .sm\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #68d391; } - .sm\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .sm\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #48bb78; } - .sm\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .sm\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #38a169; } - .sm\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .sm\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #2f855a; } - .sm\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .sm\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #276749; } - .sm\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .sm\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #22543d; } - .sm\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .sm\:divide-teal-100 > :not(template) ~ :not(template) { + border-color: #e6fffa; } - .sm\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .sm\:divide-teal-200 > :not(template) ~ :not(template) { + border-color: #b2f5ea; } - .sm\:hover\:bg-yellow-900:hover { - background-color: #744210; + .sm\:divide-teal-300 > :not(template) ~ :not(template) { + border-color: #81e6d9; } - .sm\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .sm\:divide-teal-400 > :not(template) ~ :not(template) { + border-color: #4fd1c5; } - .sm\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .sm\:divide-teal-500 > :not(template) ~ :not(template) { + border-color: #38b2ac; } - .sm\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .sm\:divide-teal-600 > :not(template) ~ :not(template) { + border-color: #319795; } - .sm\:hover\:bg-green-400:hover { - background-color: #68d391; + .sm\:divide-teal-700 > :not(template) ~ :not(template) { + border-color: #2c7a7b; } - .sm\:hover\:bg-green-500:hover { - background-color: #48bb78; + .sm\:divide-teal-800 > :not(template) ~ :not(template) { + border-color: #285e61; } - .sm\:hover\:bg-green-600:hover { - background-color: #38a169; + .sm\:divide-teal-900 > :not(template) ~ :not(template) { + border-color: #234e52; } - .sm\:hover\:bg-green-700:hover { - background-color: #2f855a; + .sm\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #ebf8ff; } - .sm\:hover\:bg-green-800:hover { - background-color: #276749; - } - - .sm\:hover\:bg-green-900:hover { - background-color: #22543d; - } - - .sm\:hover\:bg-teal-100:hover { - background-color: #e6fffa; - } - - .sm\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .sm\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bee3f8; } - .sm\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .sm\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #90cdf4; } - .sm\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .sm\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #63b3ed; } - .sm\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .sm\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #4299e1; } - .sm\:hover\:bg-teal-600:hover { - background-color: #319795; + .sm\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #3182ce; } - .sm\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .sm\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #2b6cb0; } - .sm\:hover\:bg-teal-800:hover { - background-color: #285e61; + .sm\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #2c5282; } - .sm\:hover\:bg-teal-900:hover { - background-color: #234e52; + .sm\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #2a4365; } - .sm\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .sm\:divide-indigo-100 > :not(template) ~ :not(template) { + border-color: #ebf4ff; } - .sm\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .sm\:divide-indigo-200 > :not(template) ~ :not(template) { + border-color: #c3dafe; } - .sm\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .sm\:divide-indigo-300 > :not(template) ~ :not(template) { + border-color: #a3bffa; } - .sm\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .sm\:divide-indigo-400 > :not(template) ~ :not(template) { + border-color: #7f9cf5; } - .sm\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .sm\:divide-indigo-500 > :not(template) ~ :not(template) { + border-color: #667eea; } - .sm\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .sm\:divide-indigo-600 > :not(template) ~ :not(template) { + border-color: #5a67d8; } - .sm\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .sm\:divide-indigo-700 > :not(template) ~ :not(template) { + border-color: #4c51bf; } - .sm\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .sm\:divide-indigo-800 > :not(template) ~ :not(template) { + border-color: #434190; } - .sm\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .sm\:divide-indigo-900 > :not(template) ~ :not(template) { + border-color: #3c366b; } - .sm\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .sm\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #faf5ff; } - .sm\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .sm\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #e9d8fd; } - .sm\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .sm\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #d6bcfa; } - .sm\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .sm\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #b794f4; } - .sm\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .sm\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #9f7aea; } - .sm\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .sm\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #805ad5; } - .sm\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .sm\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6b46c1; } - .sm\:hover\:bg-indigo-800:hover { - background-color: #434190; + .sm\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #553c9a; } - .sm\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .sm\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #44337a; } - .sm\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .sm\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fff5f7; } - .sm\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .sm\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fed7e2; } - .sm\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .sm\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #fbb6ce; } - .sm\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .sm\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f687b3; } - .sm\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .sm\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ed64a6; } - .sm\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .sm\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #d53f8c; } - .sm\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .sm\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #b83280; } - .sm\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .sm\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #97266d; } - .sm\:hover\:bg-purple-900:hover { - background-color: #44337a; + .sm\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #702459; } - .sm\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .sm\:sr-only { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .sm\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .sm\:focus\:sr-only:focus { + position: absolute; + width: 1px; + height: 1px; + padding: 0; + margin: -1px; + overflow: hidden; + clip: rect(0, 0, 0, 0); + white-space: nowrap; + border-width: 0; } - .sm\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .sm\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .sm\:appearance-none { + -webkit-appearance: none; + -moz-appearance: none; + appearance: none; } - .sm\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .sm\:bg-fixed { + background-attachment: fixed; } - .sm\:hover\:bg-pink-700:hover { - background-color: #b83280; + .sm\:bg-local { + background-attachment: local; } - .sm\:hover\:bg-pink-800:hover { - background-color: #97266d; + .sm\:bg-scroll { + background-attachment: scroll; } - .sm\:hover\:bg-pink-900:hover { - background-color: #702459; + .sm\:bg-transparent { + background-color: transparent; } - .sm\:focus\:bg-transparent:focus { - background-color: transparent; + .sm\:bg-current { + background-color: currentColor; } - .sm\:focus\:bg-black:focus { + .sm\:bg-black { background-color: #000; } - .sm\:focus\:bg-white:focus { + .sm\:bg-white { background-color: #fff; } - .sm\:focus\:bg-gray-100:focus { + .sm\:bg-gray-100 { background-color: #f7fafc; } - .sm\:focus\:bg-gray-200:focus { + .sm\:bg-gray-200 { background-color: #edf2f7; } - .sm\:focus\:bg-gray-300:focus { + .sm\:bg-gray-300 { background-color: #e2e8f0; } - .sm\:focus\:bg-gray-400:focus { + .sm\:bg-gray-400 { background-color: #cbd5e0; } - .sm\:focus\:bg-gray-500:focus { + .sm\:bg-gray-500 { background-color: #a0aec0; } - .sm\:focus\:bg-gray-600:focus { + .sm\:bg-gray-600 { background-color: #718096; } - .sm\:focus\:bg-gray-700:focus { + .sm\:bg-gray-700 { background-color: #4a5568; } - .sm\:focus\:bg-gray-800:focus { + .sm\:bg-gray-800 { background-color: #2d3748; } - .sm\:focus\:bg-gray-900:focus { + .sm\:bg-gray-900 { background-color: #1a202c; } - .sm\:focus\:bg-red-100:focus { + .sm\:bg-red-100 { background-color: #fff5f5; } - .sm\:focus\:bg-red-200:focus { + .sm\:bg-red-200 { background-color: #fed7d7; } - .sm\:focus\:bg-red-300:focus { + .sm\:bg-red-300 { background-color: #feb2b2; } - .sm\:focus\:bg-red-400:focus { + .sm\:bg-red-400 { background-color: #fc8181; } - .sm\:focus\:bg-red-500:focus { + .sm\:bg-red-500 { background-color: #f56565; } - .sm\:focus\:bg-red-600:focus { + .sm\:bg-red-600 { background-color: #e53e3e; } - .sm\:focus\:bg-red-700:focus { + .sm\:bg-red-700 { background-color: #c53030; } - .sm\:focus\:bg-red-800:focus { + .sm\:bg-red-800 { background-color: #9b2c2c; } - .sm\:focus\:bg-red-900:focus { + .sm\:bg-red-900 { background-color: #742a2a; } - .sm\:focus\:bg-orange-100:focus { + .sm\:bg-orange-100 { background-color: #fffaf0; } - .sm\:focus\:bg-orange-200:focus { + .sm\:bg-orange-200 { background-color: #feebc8; } - .sm\:focus\:bg-orange-300:focus { + .sm\:bg-orange-300 { background-color: #fbd38d; } - .sm\:focus\:bg-orange-400:focus { + .sm\:bg-orange-400 { background-color: #f6ad55; } - .sm\:focus\:bg-orange-500:focus { + .sm\:bg-orange-500 { background-color: #ed8936; } - .sm\:focus\:bg-orange-600:focus { + .sm\:bg-orange-600 { background-color: #dd6b20; } - .sm\:focus\:bg-orange-700:focus { + .sm\:bg-orange-700 { background-color: #c05621; } - .sm\:focus\:bg-orange-800:focus { + .sm\:bg-orange-800 { background-color: #9c4221; } - .sm\:focus\:bg-orange-900:focus { + .sm\:bg-orange-900 { background-color: #7b341e; } - .sm\:focus\:bg-yellow-100:focus { + .sm\:bg-yellow-100 { background-color: #fffff0; } - .sm\:focus\:bg-yellow-200:focus { + .sm\:bg-yellow-200 { background-color: #fefcbf; } - .sm\:focus\:bg-yellow-300:focus { + .sm\:bg-yellow-300 { background-color: #faf089; } - .sm\:focus\:bg-yellow-400:focus { + .sm\:bg-yellow-400 { background-color: #f6e05e; } - .sm\:focus\:bg-yellow-500:focus { + .sm\:bg-yellow-500 { background-color: #ecc94b; } - .sm\:focus\:bg-yellow-600:focus { + .sm\:bg-yellow-600 { background-color: #d69e2e; } - .sm\:focus\:bg-yellow-700:focus { + .sm\:bg-yellow-700 { background-color: #b7791f; } - .sm\:focus\:bg-yellow-800:focus { + .sm\:bg-yellow-800 { background-color: #975a16; } - .sm\:focus\:bg-yellow-900:focus { + .sm\:bg-yellow-900 { background-color: #744210; } - .sm\:focus\:bg-green-100:focus { + .sm\:bg-green-100 { background-color: #f0fff4; } - .sm\:focus\:bg-green-200:focus { + .sm\:bg-green-200 { background-color: #c6f6d5; } - .sm\:focus\:bg-green-300:focus { + .sm\:bg-green-300 { background-color: #9ae6b4; } - .sm\:focus\:bg-green-400:focus { + .sm\:bg-green-400 { background-color: #68d391; } - .sm\:focus\:bg-green-500:focus { + .sm\:bg-green-500 { background-color: #48bb78; } - .sm\:focus\:bg-green-600:focus { + .sm\:bg-green-600 { background-color: #38a169; } - .sm\:focus\:bg-green-700:focus { + .sm\:bg-green-700 { background-color: #2f855a; } - .sm\:focus\:bg-green-800:focus { + .sm\:bg-green-800 { background-color: #276749; } - .sm\:focus\:bg-green-900:focus { + .sm\:bg-green-900 { background-color: #22543d; } - .sm\:focus\:bg-teal-100:focus { + .sm\:bg-teal-100 { background-color: #e6fffa; } - .sm\:focus\:bg-teal-200:focus { + .sm\:bg-teal-200 { background-color: #b2f5ea; } - .sm\:focus\:bg-teal-300:focus { + .sm\:bg-teal-300 { background-color: #81e6d9; } - .sm\:focus\:bg-teal-400:focus { + .sm\:bg-teal-400 { background-color: #4fd1c5; } - .sm\:focus\:bg-teal-500:focus { + .sm\:bg-teal-500 { background-color: #38b2ac; } - .sm\:focus\:bg-teal-600:focus { + .sm\:bg-teal-600 { background-color: #319795; } - .sm\:focus\:bg-teal-700:focus { + .sm\:bg-teal-700 { background-color: #2c7a7b; } - .sm\:focus\:bg-teal-800:focus { + .sm\:bg-teal-800 { background-color: #285e61; } - .sm\:focus\:bg-teal-900:focus { + .sm\:bg-teal-900 { background-color: #234e52; } - .sm\:focus\:bg-blue-100:focus { + .sm\:bg-blue-100 { background-color: #ebf8ff; } - .sm\:focus\:bg-blue-200:focus { + .sm\:bg-blue-200 { background-color: #bee3f8; } - .sm\:focus\:bg-blue-300:focus { + .sm\:bg-blue-300 { background-color: #90cdf4; } - .sm\:focus\:bg-blue-400:focus { + .sm\:bg-blue-400 { background-color: #63b3ed; } - .sm\:focus\:bg-blue-500:focus { + .sm\:bg-blue-500 { background-color: #4299e1; } - .sm\:focus\:bg-blue-600:focus { + .sm\:bg-blue-600 { background-color: #3182ce; } - .sm\:focus\:bg-blue-700:focus { + .sm\:bg-blue-700 { background-color: #2b6cb0; } - .sm\:focus\:bg-blue-800:focus { + .sm\:bg-blue-800 { background-color: #2c5282; } - .sm\:focus\:bg-blue-900:focus { + .sm\:bg-blue-900 { background-color: #2a4365; } - .sm\:focus\:bg-indigo-100:focus { + .sm\:bg-indigo-100 { background-color: #ebf4ff; } - .sm\:focus\:bg-indigo-200:focus { + .sm\:bg-indigo-200 { background-color: #c3dafe; } - .sm\:focus\:bg-indigo-300:focus { + .sm\:bg-indigo-300 { background-color: #a3bffa; } - .sm\:focus\:bg-indigo-400:focus { + .sm\:bg-indigo-400 { background-color: #7f9cf5; } - .sm\:focus\:bg-indigo-500:focus { + .sm\:bg-indigo-500 { background-color: #667eea; } - .sm\:focus\:bg-indigo-600:focus { + .sm\:bg-indigo-600 { background-color: #5a67d8; } - .sm\:focus\:bg-indigo-700:focus { + .sm\:bg-indigo-700 { background-color: #4c51bf; } - .sm\:focus\:bg-indigo-800:focus { + .sm\:bg-indigo-800 { background-color: #434190; } - .sm\:focus\:bg-indigo-900:focus { + .sm\:bg-indigo-900 { background-color: #3c366b; } - .sm\:focus\:bg-purple-100:focus { + .sm\:bg-purple-100 { background-color: #faf5ff; } - .sm\:focus\:bg-purple-200:focus { + .sm\:bg-purple-200 { background-color: #e9d8fd; } - .sm\:focus\:bg-purple-300:focus { + .sm\:bg-purple-300 { background-color: #d6bcfa; } - .sm\:focus\:bg-purple-400:focus { + .sm\:bg-purple-400 { background-color: #b794f4; } - .sm\:focus\:bg-purple-500:focus { + .sm\:bg-purple-500 { background-color: #9f7aea; } - .sm\:focus\:bg-purple-600:focus { + .sm\:bg-purple-600 { background-color: #805ad5; } - .sm\:focus\:bg-purple-700:focus { + .sm\:bg-purple-700 { background-color: #6b46c1; } - .sm\:focus\:bg-purple-800:focus { + .sm\:bg-purple-800 { background-color: #553c9a; } - .sm\:focus\:bg-purple-900:focus { + .sm\:bg-purple-900 { background-color: #44337a; } - .sm\:focus\:bg-pink-100:focus { + .sm\:bg-pink-100 { background-color: #fff5f7; } - .sm\:focus\:bg-pink-200:focus { + .sm\:bg-pink-200 { background-color: #fed7e2; } - .sm\:focus\:bg-pink-300:focus { + .sm\:bg-pink-300 { background-color: #fbb6ce; } - .sm\:focus\:bg-pink-400:focus { + .sm\:bg-pink-400 { background-color: #f687b3; } - .sm\:focus\:bg-pink-500:focus { + .sm\:bg-pink-500 { background-color: #ed64a6; } - .sm\:focus\:bg-pink-600:focus { + .sm\:bg-pink-600 { background-color: #d53f8c; } - .sm\:focus\:bg-pink-700:focus { + .sm\:bg-pink-700 { background-color: #b83280; } - .sm\:focus\:bg-pink-800:focus { + .sm\:bg-pink-800 { background-color: #97266d; } - .sm\:focus\:bg-pink-900:focus { + .sm\:bg-pink-900 { background-color: #702459; } - .sm\:bg-bottom { - background-position: bottom; + .sm\:hover\:bg-transparent:hover { + background-color: transparent; } - .sm\:bg-center { - background-position: center; + .sm\:hover\:bg-current:hover { + background-color: currentColor; } - .sm\:bg-left { - background-position: left; + .sm\:hover\:bg-black:hover { + background-color: #000; } - .sm\:bg-left-bottom { - background-position: left bottom; + .sm\:hover\:bg-white:hover { + background-color: #fff; } - .sm\:bg-left-top { - background-position: left top; + .sm\:hover\:bg-gray-100:hover { + background-color: #f7fafc; } - .sm\:bg-right { - background-position: right; + .sm\:hover\:bg-gray-200:hover { + background-color: #edf2f7; } - .sm\:bg-right-bottom { - background-position: right bottom; + .sm\:hover\:bg-gray-300:hover { + background-color: #e2e8f0; } - .sm\:bg-right-top { - background-position: right top; + .sm\:hover\:bg-gray-400:hover { + background-color: #cbd5e0; } - .sm\:bg-top { - background-position: top; + .sm\:hover\:bg-gray-500:hover { + background-color: #a0aec0; } - .sm\:bg-repeat { - background-repeat: repeat; + .sm\:hover\:bg-gray-600:hover { + background-color: #718096; } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:hover\:bg-gray-700:hover { + background-color: #4a5568; } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:hover\:bg-gray-800:hover { + background-color: #2d3748; } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:hover\:bg-gray-900:hover { + background-color: #1a202c; } - .sm\:bg-repeat-round { - background-repeat: round; + .sm\:hover\:bg-red-100:hover { + background-color: #fff5f5; } - .sm\:bg-repeat-space { - background-repeat: space; + .sm\:hover\:bg-red-200:hover { + background-color: #fed7d7; } - .sm\:bg-auto { - background-size: auto; + .sm\:hover\:bg-red-300:hover { + background-color: #feb2b2; } - .sm\:bg-cover { - background-size: cover; + .sm\:hover\:bg-red-400:hover { + background-color: #fc8181; } - .sm\:bg-contain { - background-size: contain; + .sm\:hover\:bg-red-500:hover { + background-color: #f56565; } - .sm\:border-collapse { - border-collapse: collapse; + .sm\:hover\:bg-red-600:hover { + background-color: #e53e3e; } - .sm\:border-separate { - border-collapse: separate; + .sm\:hover\:bg-red-700:hover { + background-color: #c53030; } - .sm\:border-transparent { - border-color: transparent; + .sm\:hover\:bg-red-800:hover { + background-color: #9b2c2c; } - .sm\:border-black { - border-color: #000; + .sm\:hover\:bg-red-900:hover { + background-color: #742a2a; } - .sm\:border-white { - border-color: #fff; + .sm\:hover\:bg-orange-100:hover { + background-color: #fffaf0; } - .sm\:border-gray-100 { - border-color: #f7fafc; + .sm\:hover\:bg-orange-200:hover { + background-color: #feebc8; } - .sm\:border-gray-200 { - border-color: #edf2f7; + .sm\:hover\:bg-orange-300:hover { + background-color: #fbd38d; } - .sm\:border-gray-300 { - border-color: #e2e8f0; + .sm\:hover\:bg-orange-400:hover { + background-color: #f6ad55; } - .sm\:border-gray-400 { - border-color: #cbd5e0; + .sm\:hover\:bg-orange-500:hover { + background-color: #ed8936; } - .sm\:border-gray-500 { - border-color: #a0aec0; + .sm\:hover\:bg-orange-600:hover { + background-color: #dd6b20; } - .sm\:border-gray-600 { - border-color: #718096; + .sm\:hover\:bg-orange-700:hover { + background-color: #c05621; } - .sm\:border-gray-700 { - border-color: #4a5568; + .sm\:hover\:bg-orange-800:hover { + background-color: #9c4221; } - .sm\:border-gray-800 { - border-color: #2d3748; + .sm\:hover\:bg-orange-900:hover { + background-color: #7b341e; } - .sm\:border-gray-900 { - border-color: #1a202c; + .sm\:hover\:bg-yellow-100:hover { + background-color: #fffff0; } - .sm\:border-red-100 { - border-color: #fff5f5; + .sm\:hover\:bg-yellow-200:hover { + background-color: #fefcbf; } - .sm\:border-red-200 { - border-color: #fed7d7; + .sm\:hover\:bg-yellow-300:hover { + background-color: #faf089; } - .sm\:border-red-300 { - border-color: #feb2b2; + .sm\:hover\:bg-yellow-400:hover { + background-color: #f6e05e; } - .sm\:border-red-400 { - border-color: #fc8181; - } - - .sm\:border-red-500 { - border-color: #f56565; + .sm\:hover\:bg-yellow-500:hover { + background-color: #ecc94b; } - .sm\:border-red-600 { - border-color: #e53e3e; + .sm\:hover\:bg-yellow-600:hover { + background-color: #d69e2e; } - .sm\:border-red-700 { - border-color: #c53030; + .sm\:hover\:bg-yellow-700:hover { + background-color: #b7791f; } - .sm\:border-red-800 { - border-color: #9b2c2c; + .sm\:hover\:bg-yellow-800:hover { + background-color: #975a16; } - .sm\:border-red-900 { - border-color: #742a2a; + .sm\:hover\:bg-yellow-900:hover { + background-color: #744210; } - .sm\:border-orange-100 { - border-color: #fffaf0; + .sm\:hover\:bg-green-100:hover { + background-color: #f0fff4; } - .sm\:border-orange-200 { - border-color: #feebc8; + .sm\:hover\:bg-green-200:hover { + background-color: #c6f6d5; } - .sm\:border-orange-300 { - border-color: #fbd38d; + .sm\:hover\:bg-green-300:hover { + background-color: #9ae6b4; } - .sm\:border-orange-400 { - border-color: #f6ad55; + .sm\:hover\:bg-green-400:hover { + background-color: #68d391; } - .sm\:border-orange-500 { - border-color: #ed8936; + .sm\:hover\:bg-green-500:hover { + background-color: #48bb78; } - .sm\:border-orange-600 { - border-color: #dd6b20; + .sm\:hover\:bg-green-600:hover { + background-color: #38a169; } - .sm\:border-orange-700 { - border-color: #c05621; + .sm\:hover\:bg-green-700:hover { + background-color: #2f855a; } - .sm\:border-orange-800 { - border-color: #9c4221; + .sm\:hover\:bg-green-800:hover { + background-color: #276749; } - .sm\:border-orange-900 { - border-color: #7b341e; + .sm\:hover\:bg-green-900:hover { + background-color: #22543d; } - .sm\:border-yellow-100 { - border-color: #fffff0; + .sm\:hover\:bg-teal-100:hover { + background-color: #e6fffa; } - .sm\:border-yellow-200 { - border-color: #fefcbf; + .sm\:hover\:bg-teal-200:hover { + background-color: #b2f5ea; } - .sm\:border-yellow-300 { - border-color: #faf089; + .sm\:hover\:bg-teal-300:hover { + background-color: #81e6d9; } - .sm\:border-yellow-400 { - border-color: #f6e05e; + .sm\:hover\:bg-teal-400:hover { + background-color: #4fd1c5; } - .sm\:border-yellow-500 { - border-color: #ecc94b; + .sm\:hover\:bg-teal-500:hover { + background-color: #38b2ac; } - .sm\:border-yellow-600 { - border-color: #d69e2e; + .sm\:hover\:bg-teal-600:hover { + background-color: #319795; } - .sm\:border-yellow-700 { - border-color: #b7791f; + .sm\:hover\:bg-teal-700:hover { + background-color: #2c7a7b; } - .sm\:border-yellow-800 { - border-color: #975a16; + .sm\:hover\:bg-teal-800:hover { + background-color: #285e61; } - .sm\:border-yellow-900 { - border-color: #744210; + .sm\:hover\:bg-teal-900:hover { + background-color: #234e52; } - .sm\:border-green-100 { - border-color: #f0fff4; + .sm\:hover\:bg-blue-100:hover { + background-color: #ebf8ff; } - .sm\:border-green-200 { - border-color: #c6f6d5; + .sm\:hover\:bg-blue-200:hover { + background-color: #bee3f8; } - .sm\:border-green-300 { - border-color: #9ae6b4; + .sm\:hover\:bg-blue-300:hover { + background-color: #90cdf4; } - .sm\:border-green-400 { - border-color: #68d391; + .sm\:hover\:bg-blue-400:hover { + background-color: #63b3ed; } - .sm\:border-green-500 { - border-color: #48bb78; + .sm\:hover\:bg-blue-500:hover { + background-color: #4299e1; } - .sm\:border-green-600 { - border-color: #38a169; + .sm\:hover\:bg-blue-600:hover { + background-color: #3182ce; } - .sm\:border-green-700 { - border-color: #2f855a; + .sm\:hover\:bg-blue-700:hover { + background-color: #2b6cb0; } - .sm\:border-green-800 { - border-color: #276749; + .sm\:hover\:bg-blue-800:hover { + background-color: #2c5282; } - .sm\:border-green-900 { - border-color: #22543d; + .sm\:hover\:bg-blue-900:hover { + background-color: #2a4365; } - .sm\:border-teal-100 { - border-color: #e6fffa; + .sm\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff; } - .sm\:border-teal-200 { - border-color: #b2f5ea; + .sm\:hover\:bg-indigo-200:hover { + background-color: #c3dafe; } - .sm\:border-teal-300 { - border-color: #81e6d9; + .sm\:hover\:bg-indigo-300:hover { + background-color: #a3bffa; } - .sm\:border-teal-400 { - border-color: #4fd1c5; + .sm\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5; } - .sm\:border-teal-500 { - border-color: #38b2ac; + .sm\:hover\:bg-indigo-500:hover { + background-color: #667eea; } - .sm\:border-teal-600 { - border-color: #319795; + .sm\:hover\:bg-indigo-600:hover { + background-color: #5a67d8; } - .sm\:border-teal-700 { - border-color: #2c7a7b; + .sm\:hover\:bg-indigo-700:hover { + background-color: #4c51bf; } - .sm\:border-teal-800 { - border-color: #285e61; + .sm\:hover\:bg-indigo-800:hover { + background-color: #434190; } - .sm\:border-teal-900 { - border-color: #234e52; + .sm\:hover\:bg-indigo-900:hover { + background-color: #3c366b; } - .sm\:border-blue-100 { - border-color: #ebf8ff; + .sm\:hover\:bg-purple-100:hover { + background-color: #faf5ff; } - .sm\:border-blue-200 { - border-color: #bee3f8; + .sm\:hover\:bg-purple-200:hover { + background-color: #e9d8fd; } - .sm\:border-blue-300 { - border-color: #90cdf4; + .sm\:hover\:bg-purple-300:hover { + background-color: #d6bcfa; } - .sm\:border-blue-400 { - border-color: #63b3ed; + .sm\:hover\:bg-purple-400:hover { + background-color: #b794f4; } - .sm\:border-blue-500 { - border-color: #4299e1; + .sm\:hover\:bg-purple-500:hover { + background-color: #9f7aea; } - .sm\:border-blue-600 { - border-color: #3182ce; + .sm\:hover\:bg-purple-600:hover { + background-color: #805ad5; } - .sm\:border-blue-700 { - border-color: #2b6cb0; + .sm\:hover\:bg-purple-700:hover { + background-color: #6b46c1; } - .sm\:border-blue-800 { - border-color: #2c5282; + .sm\:hover\:bg-purple-800:hover { + background-color: #553c9a; } - .sm\:border-blue-900 { - border-color: #2a4365; + .sm\:hover\:bg-purple-900:hover { + background-color: #44337a; } - .sm\:border-indigo-100 { - border-color: #ebf4ff; + .sm\:hover\:bg-pink-100:hover { + background-color: #fff5f7; } - .sm\:border-indigo-200 { - border-color: #c3dafe; + .sm\:hover\:bg-pink-200:hover { + background-color: #fed7e2; } - .sm\:border-indigo-300 { - border-color: #a3bffa; + .sm\:hover\:bg-pink-300:hover { + background-color: #fbb6ce; } - .sm\:border-indigo-400 { - border-color: #7f9cf5; + .sm\:hover\:bg-pink-400:hover { + background-color: #f687b3; } - .sm\:border-indigo-500 { - border-color: #667eea; + .sm\:hover\:bg-pink-500:hover { + background-color: #ed64a6; } - .sm\:border-indigo-600 { - border-color: #5a67d8; + .sm\:hover\:bg-pink-600:hover { + background-color: #d53f8c; } - .sm\:border-indigo-700 { - border-color: #4c51bf; + .sm\:hover\:bg-pink-700:hover { + background-color: #b83280; } - .sm\:border-indigo-800 { - border-color: #434190; + .sm\:hover\:bg-pink-800:hover { + background-color: #97266d; } - .sm\:border-indigo-900 { - border-color: #3c366b; + .sm\:hover\:bg-pink-900:hover { + background-color: #702459; } - .sm\:border-purple-100 { - border-color: #faf5ff; + .sm\:focus\:bg-transparent:focus { + background-color: transparent; } - .sm\:border-purple-200 { - border-color: #e9d8fd; + .sm\:focus\:bg-current:focus { + background-color: currentColor; } - .sm\:border-purple-300 { - border-color: #d6bcfa; + .sm\:focus\:bg-black:focus { + background-color: #000; } - .sm\:border-purple-400 { - border-color: #b794f4; + .sm\:focus\:bg-white:focus { + background-color: #fff; } - .sm\:border-purple-500 { - border-color: #9f7aea; + .sm\:focus\:bg-gray-100:focus { + background-color: #f7fafc; } - .sm\:border-purple-600 { - border-color: #805ad5; + .sm\:focus\:bg-gray-200:focus { + background-color: #edf2f7; } - .sm\:border-purple-700 { - border-color: #6b46c1; + .sm\:focus\:bg-gray-300:focus { + background-color: #e2e8f0; } - .sm\:border-purple-800 { - border-color: #553c9a; + .sm\:focus\:bg-gray-400:focus { + background-color: #cbd5e0; } - .sm\:border-purple-900 { - border-color: #44337a; + .sm\:focus\:bg-gray-500:focus { + background-color: #a0aec0; } - .sm\:border-pink-100 { - border-color: #fff5f7; + .sm\:focus\:bg-gray-600:focus { + background-color: #718096; } - .sm\:border-pink-200 { - border-color: #fed7e2; + .sm\:focus\:bg-gray-700:focus { + background-color: #4a5568; } - .sm\:border-pink-300 { - border-color: #fbb6ce; + .sm\:focus\:bg-gray-800:focus { + background-color: #2d3748; } - .sm\:border-pink-400 { - border-color: #f687b3; + .sm\:focus\:bg-gray-900:focus { + background-color: #1a202c; } - .sm\:border-pink-500 { - border-color: #ed64a6; + .sm\:focus\:bg-red-100:focus { + background-color: #fff5f5; } - .sm\:border-pink-600 { - border-color: #d53f8c; + .sm\:focus\:bg-red-200:focus { + background-color: #fed7d7; } - .sm\:border-pink-700 { - border-color: #b83280; + .sm\:focus\:bg-red-300:focus { + background-color: #feb2b2; } - .sm\:border-pink-800 { - border-color: #97266d; + .sm\:focus\:bg-red-400:focus { + background-color: #fc8181; } - .sm\:border-pink-900 { - border-color: #702459; + .sm\:focus\:bg-red-500:focus { + background-color: #f56565; } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + .sm\:focus\:bg-red-600:focus { + background-color: #e53e3e; } - .sm\:hover\:border-black:hover { - border-color: #000; + .sm\:focus\:bg-red-700:focus { + background-color: #c53030; } - .sm\:hover\:border-white:hover { - border-color: #fff; + .sm\:focus\:bg-red-800:focus { + background-color: #9b2c2c; } - .sm\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .sm\:focus\:bg-red-900:focus { + background-color: #742a2a; } - .sm\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .sm\:focus\:bg-orange-100:focus { + background-color: #fffaf0; } - .sm\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .sm\:focus\:bg-orange-200:focus { + background-color: #feebc8; } - .sm\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .sm\:focus\:bg-orange-300:focus { + background-color: #fbd38d; } - .sm\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .sm\:focus\:bg-orange-400:focus { + background-color: #f6ad55; } - .sm\:hover\:border-gray-600:hover { - border-color: #718096; + .sm\:focus\:bg-orange-500:focus { + background-color: #ed8936; } - .sm\:hover\:border-gray-700:hover { - border-color: #4a5568; + .sm\:focus\:bg-orange-600:focus { + background-color: #dd6b20; } - .sm\:hover\:border-gray-800:hover { - border-color: #2d3748; + .sm\:focus\:bg-orange-700:focus { + background-color: #c05621; } - .sm\:hover\:border-gray-900:hover { - border-color: #1a202c; + .sm\:focus\:bg-orange-800:focus { + background-color: #9c4221; } - .sm\:hover\:border-red-100:hover { - border-color: #fff5f5; + .sm\:focus\:bg-orange-900:focus { + background-color: #7b341e; } - .sm\:hover\:border-red-200:hover { - border-color: #fed7d7; + .sm\:focus\:bg-yellow-100:focus { + background-color: #fffff0; } - .sm\:hover\:border-red-300:hover { - border-color: #feb2b2; + .sm\:focus\:bg-yellow-200:focus { + background-color: #fefcbf; } - .sm\:hover\:border-red-400:hover { - border-color: #fc8181; + .sm\:focus\:bg-yellow-300:focus { + background-color: #faf089; } - .sm\:hover\:border-red-500:hover { - border-color: #f56565; + .sm\:focus\:bg-yellow-400:focus { + background-color: #f6e05e; } - .sm\:hover\:border-red-600:hover { - border-color: #e53e3e; + .sm\:focus\:bg-yellow-500:focus { + background-color: #ecc94b; } - .sm\:hover\:border-red-700:hover { - border-color: #c53030; + .sm\:focus\:bg-yellow-600:focus { + background-color: #d69e2e; } - .sm\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .sm\:focus\:bg-yellow-700:focus { + background-color: #b7791f; } - .sm\:hover\:border-red-900:hover { - border-color: #742a2a; + .sm\:focus\:bg-yellow-800:focus { + background-color: #975a16; } - .sm\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .sm\:focus\:bg-yellow-900:focus { + background-color: #744210; } - .sm\:hover\:border-orange-200:hover { - border-color: #feebc8; + .sm\:focus\:bg-green-100:focus { + background-color: #f0fff4; } - .sm\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .sm\:focus\:bg-green-200:focus { + background-color: #c6f6d5; } - .sm\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .sm\:focus\:bg-green-300:focus { + background-color: #9ae6b4; } - .sm\:hover\:border-orange-500:hover { - border-color: #ed8936; + .sm\:focus\:bg-green-400:focus { + background-color: #68d391; } - .sm\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .sm\:focus\:bg-green-500:focus { + background-color: #48bb78; } - .sm\:hover\:border-orange-700:hover { - border-color: #c05621; + .sm\:focus\:bg-green-600:focus { + background-color: #38a169; } - .sm\:hover\:border-orange-800:hover { - border-color: #9c4221; + .sm\:focus\:bg-green-700:focus { + background-color: #2f855a; } - .sm\:hover\:border-orange-900:hover { - border-color: #7b341e; + .sm\:focus\:bg-green-800:focus { + background-color: #276749; } - .sm\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .sm\:focus\:bg-green-900:focus { + background-color: #22543d; } - .sm\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .sm\:focus\:bg-teal-100:focus { + background-color: #e6fffa; } - .sm\:hover\:border-yellow-300:hover { - border-color: #faf089; + .sm\:focus\:bg-teal-200:focus { + background-color: #b2f5ea; } - .sm\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .sm\:focus\:bg-teal-300:focus { + background-color: #81e6d9; } - .sm\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .sm\:focus\:bg-teal-400:focus { + background-color: #4fd1c5; } - .sm\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .sm\:focus\:bg-teal-500:focus { + background-color: #38b2ac; } - .sm\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .sm\:focus\:bg-teal-600:focus { + background-color: #319795; } - .sm\:hover\:border-yellow-800:hover { - border-color: #975a16; + .sm\:focus\:bg-teal-700:focus { + background-color: #2c7a7b; } - .sm\:hover\:border-yellow-900:hover { - border-color: #744210; + .sm\:focus\:bg-teal-800:focus { + background-color: #285e61; } - .sm\:hover\:border-green-100:hover { - border-color: #f0fff4; + .sm\:focus\:bg-teal-900:focus { + background-color: #234e52; } - .sm\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .sm\:focus\:bg-blue-100:focus { + background-color: #ebf8ff; } - .sm\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .sm\:focus\:bg-blue-200:focus { + background-color: #bee3f8; } - .sm\:hover\:border-green-400:hover { - border-color: #68d391; + .sm\:focus\:bg-blue-300:focus { + background-color: #90cdf4; } - .sm\:hover\:border-green-500:hover { - border-color: #48bb78; + .sm\:focus\:bg-blue-400:focus { + background-color: #63b3ed; } - .sm\:hover\:border-green-600:hover { - border-color: #38a169; + .sm\:focus\:bg-blue-500:focus { + background-color: #4299e1; } - .sm\:hover\:border-green-700:hover { - border-color: #2f855a; + .sm\:focus\:bg-blue-600:focus { + background-color: #3182ce; } - .sm\:hover\:border-green-800:hover { - border-color: #276749; + .sm\:focus\:bg-blue-700:focus { + background-color: #2b6cb0; } - .sm\:hover\:border-green-900:hover { - border-color: #22543d; + .sm\:focus\:bg-blue-800:focus { + background-color: #2c5282; } - .sm\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .sm\:focus\:bg-blue-900:focus { + background-color: #2a4365; } - .sm\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .sm\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff; } - .sm\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .sm\:focus\:bg-indigo-200:focus { + background-color: #c3dafe; } - .sm\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .sm\:focus\:bg-indigo-300:focus { + background-color: #a3bffa; } - .sm\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .sm\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5; } - .sm\:hover\:border-teal-600:hover { - border-color: #319795; + .sm\:focus\:bg-indigo-500:focus { + background-color: #667eea; } - .sm\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .sm\:focus\:bg-indigo-600:focus { + background-color: #5a67d8; } - .sm\:hover\:border-teal-800:hover { - border-color: #285e61; + .sm\:focus\:bg-indigo-700:focus { + background-color: #4c51bf; } - .sm\:hover\:border-teal-900:hover { - border-color: #234e52; + .sm\:focus\:bg-indigo-800:focus { + background-color: #434190; } - .sm\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .sm\:focus\:bg-indigo-900:focus { + background-color: #3c366b; } - .sm\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .sm\:focus\:bg-purple-100:focus { + background-color: #faf5ff; } - .sm\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .sm\:focus\:bg-purple-200:focus { + background-color: #e9d8fd; } - .sm\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .sm\:focus\:bg-purple-300:focus { + background-color: #d6bcfa; } - .sm\:hover\:border-blue-500:hover { - border-color: #4299e1; + .sm\:focus\:bg-purple-400:focus { + background-color: #b794f4; } - .sm\:hover\:border-blue-600:hover { - border-color: #3182ce; + .sm\:focus\:bg-purple-500:focus { + background-color: #9f7aea; } - .sm\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .sm\:focus\:bg-purple-600:focus { + background-color: #805ad5; } - .sm\:hover\:border-blue-800:hover { - border-color: #2c5282; + .sm\:focus\:bg-purple-700:focus { + background-color: #6b46c1; } - .sm\:hover\:border-blue-900:hover { - border-color: #2a4365; + .sm\:focus\:bg-purple-800:focus { + background-color: #553c9a; } - .sm\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .sm\:focus\:bg-purple-900:focus { + background-color: #44337a; } - .sm\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .sm\:focus\:bg-pink-100:focus { + background-color: #fff5f7; } - .sm\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .sm\:focus\:bg-pink-200:focus { + background-color: #fed7e2; } - .sm\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .sm\:focus\:bg-pink-300:focus { + background-color: #fbb6ce; } - .sm\:hover\:border-indigo-500:hover { - border-color: #667eea; + .sm\:focus\:bg-pink-400:focus { + background-color: #f687b3; } - .sm\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .sm\:focus\:bg-pink-500:focus { + background-color: #ed64a6; } - .sm\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .sm\:focus\:bg-pink-600:focus { + background-color: #d53f8c; } - .sm\:hover\:border-indigo-800:hover { - border-color: #434190; + .sm\:focus\:bg-pink-700:focus { + background-color: #b83280; } - .sm\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .sm\:focus\:bg-pink-800:focus { + background-color: #97266d; } - .sm\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .sm\:focus\:bg-pink-900:focus { + background-color: #702459; } - .sm\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .sm\:bg-bottom { + background-position: bottom; } - .sm\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .sm\:bg-center { + background-position: center; } - .sm\:hover\:border-purple-400:hover { - border-color: #b794f4; + .sm\:bg-left { + background-position: left; } - .sm\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .sm\:bg-left-bottom { + background-position: left bottom; } - .sm\:hover\:border-purple-600:hover { - border-color: #805ad5; + .sm\:bg-left-top { + background-position: left top; } - .sm\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .sm\:bg-right { + background-position: right; } - .sm\:hover\:border-purple-800:hover { - border-color: #553c9a; + .sm\:bg-right-bottom { + background-position: right bottom; } - .sm\:hover\:border-purple-900:hover { - border-color: #44337a; + .sm\:bg-right-top { + background-position: right top; } - .sm\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .sm\:bg-top { + background-position: top; } - .sm\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .sm\:bg-repeat { + background-repeat: repeat; } - .sm\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .sm\:bg-no-repeat { + background-repeat: no-repeat; } - .sm\:hover\:border-pink-400:hover { - border-color: #f687b3; + .sm\:bg-repeat-x { + background-repeat: repeat-x; } - .sm\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .sm\:bg-repeat-y { + background-repeat: repeat-y; } - .sm\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .sm\:bg-repeat-round { + background-repeat: round; } - .sm\:hover\:border-pink-700:hover { - border-color: #b83280; + .sm\:bg-repeat-space { + background-repeat: space; } - .sm\:hover\:border-pink-800:hover { - border-color: #97266d; + .sm\:bg-auto { + background-size: auto; } - .sm\:hover\:border-pink-900:hover { - border-color: #702459; + .sm\:bg-cover { + background-size: cover; } - .sm\:focus\:border-transparent:focus { + .sm\:bg-contain { + background-size: contain; + } + + .sm\:border-collapse { + border-collapse: collapse; + } + + .sm\:border-separate { + border-collapse: separate; + } + + .sm\:border-transparent { border-color: transparent; } - .sm\:focus\:border-black:focus { + .sm\:border-current { + border-color: currentColor; + } + + .sm\:border-black { border-color: #000; } - .sm\:focus\:border-white:focus { + .sm\:border-white { border-color: #fff; } - .sm\:focus\:border-gray-100:focus { + .sm\:border-gray-100 { border-color: #f7fafc; } - .sm\:focus\:border-gray-200:focus { + .sm\:border-gray-200 { border-color: #edf2f7; } - .sm\:focus\:border-gray-300:focus { + .sm\:border-gray-300 { border-color: #e2e8f0; } - .sm\:focus\:border-gray-400:focus { + .sm\:border-gray-400 { border-color: #cbd5e0; } - .sm\:focus\:border-gray-500:focus { + .sm\:border-gray-500 { border-color: #a0aec0; } - .sm\:focus\:border-gray-600:focus { + .sm\:border-gray-600 { border-color: #718096; } - .sm\:focus\:border-gray-700:focus { + .sm\:border-gray-700 { border-color: #4a5568; } - .sm\:focus\:border-gray-800:focus { + .sm\:border-gray-800 { border-color: #2d3748; } - .sm\:focus\:border-gray-900:focus { + .sm\:border-gray-900 { border-color: #1a202c; } - .sm\:focus\:border-red-100:focus { + .sm\:border-red-100 { border-color: #fff5f5; } - .sm\:focus\:border-red-200:focus { + .sm\:border-red-200 { border-color: #fed7d7; } - .sm\:focus\:border-red-300:focus { + .sm\:border-red-300 { border-color: #feb2b2; } - .sm\:focus\:border-red-400:focus { + .sm\:border-red-400 { border-color: #fc8181; } - .sm\:focus\:border-red-500:focus { + .sm\:border-red-500 { border-color: #f56565; } - .sm\:focus\:border-red-600:focus { + .sm\:border-red-600 { border-color: #e53e3e; } - .sm\:focus\:border-red-700:focus { + .sm\:border-red-700 { border-color: #c53030; } - .sm\:focus\:border-red-800:focus { + .sm\:border-red-800 { border-color: #9b2c2c; } - .sm\:focus\:border-red-900:focus { + .sm\:border-red-900 { border-color: #742a2a; } - .sm\:focus\:border-orange-100:focus { + .sm\:border-orange-100 { border-color: #fffaf0; } - .sm\:focus\:border-orange-200:focus { + .sm\:border-orange-200 { border-color: #feebc8; } - .sm\:focus\:border-orange-300:focus { + .sm\:border-orange-300 { border-color: #fbd38d; } - .sm\:focus\:border-orange-400:focus { + .sm\:border-orange-400 { border-color: #f6ad55; } - .sm\:focus\:border-orange-500:focus { + .sm\:border-orange-500 { border-color: #ed8936; } - .sm\:focus\:border-orange-600:focus { + .sm\:border-orange-600 { border-color: #dd6b20; } - .sm\:focus\:border-orange-700:focus { + .sm\:border-orange-700 { border-color: #c05621; } - .sm\:focus\:border-orange-800:focus { + .sm\:border-orange-800 { border-color: #9c4221; } - .sm\:focus\:border-orange-900:focus { + .sm\:border-orange-900 { border-color: #7b341e; } - .sm\:focus\:border-yellow-100:focus { + .sm\:border-yellow-100 { border-color: #fffff0; } - .sm\:focus\:border-yellow-200:focus { + .sm\:border-yellow-200 { border-color: #fefcbf; } - .sm\:focus\:border-yellow-300:focus { + .sm\:border-yellow-300 { border-color: #faf089; } - .sm\:focus\:border-yellow-400:focus { + .sm\:border-yellow-400 { border-color: #f6e05e; } - .sm\:focus\:border-yellow-500:focus { + .sm\:border-yellow-500 { border-color: #ecc94b; } - .sm\:focus\:border-yellow-600:focus { + .sm\:border-yellow-600 { border-color: #d69e2e; } - .sm\:focus\:border-yellow-700:focus { + .sm\:border-yellow-700 { border-color: #b7791f; } - .sm\:focus\:border-yellow-800:focus { + .sm\:border-yellow-800 { border-color: #975a16; } - .sm\:focus\:border-yellow-900:focus { + .sm\:border-yellow-900 { border-color: #744210; } - .sm\:focus\:border-green-100:focus { + .sm\:border-green-100 { border-color: #f0fff4; } - .sm\:focus\:border-green-200:focus { + .sm\:border-green-200 { border-color: #c6f6d5; } - .sm\:focus\:border-green-300:focus { + .sm\:border-green-300 { border-color: #9ae6b4; } - .sm\:focus\:border-green-400:focus { + .sm\:border-green-400 { border-color: #68d391; } - .sm\:focus\:border-green-500:focus { + .sm\:border-green-500 { border-color: #48bb78; } - .sm\:focus\:border-green-600:focus { + .sm\:border-green-600 { border-color: #38a169; } - .sm\:focus\:border-green-700:focus { + .sm\:border-green-700 { border-color: #2f855a; } - .sm\:focus\:border-green-800:focus { + .sm\:border-green-800 { border-color: #276749; } - .sm\:focus\:border-green-900:focus { + .sm\:border-green-900 { border-color: #22543d; } - .sm\:focus\:border-teal-100:focus { + .sm\:border-teal-100 { border-color: #e6fffa; } - .sm\:focus\:border-teal-200:focus { + .sm\:border-teal-200 { border-color: #b2f5ea; } - .sm\:focus\:border-teal-300:focus { + .sm\:border-teal-300 { border-color: #81e6d9; } - .sm\:focus\:border-teal-400:focus { + .sm\:border-teal-400 { border-color: #4fd1c5; } - .sm\:focus\:border-teal-500:focus { + .sm\:border-teal-500 { border-color: #38b2ac; } - .sm\:focus\:border-teal-600:focus { + .sm\:border-teal-600 { border-color: #319795; } - .sm\:focus\:border-teal-700:focus { + .sm\:border-teal-700 { border-color: #2c7a7b; } - .sm\:focus\:border-teal-800:focus { + .sm\:border-teal-800 { border-color: #285e61; } - .sm\:focus\:border-teal-900:focus { + .sm\:border-teal-900 { border-color: #234e52; } - .sm\:focus\:border-blue-100:focus { + .sm\:border-blue-100 { border-color: #ebf8ff; } - .sm\:focus\:border-blue-200:focus { + .sm\:border-blue-200 { border-color: #bee3f8; } - .sm\:focus\:border-blue-300:focus { + .sm\:border-blue-300 { border-color: #90cdf4; } - .sm\:focus\:border-blue-400:focus { + .sm\:border-blue-400 { border-color: #63b3ed; } - .sm\:focus\:border-blue-500:focus { + .sm\:border-blue-500 { border-color: #4299e1; } - .sm\:focus\:border-blue-600:focus { + .sm\:border-blue-600 { border-color: #3182ce; } - .sm\:focus\:border-blue-700:focus { + .sm\:border-blue-700 { border-color: #2b6cb0; } - .sm\:focus\:border-blue-800:focus { + .sm\:border-blue-800 { border-color: #2c5282; } - .sm\:focus\:border-blue-900:focus { + .sm\:border-blue-900 { border-color: #2a4365; } - .sm\:focus\:border-indigo-100:focus { + .sm\:border-indigo-100 { border-color: #ebf4ff; } - .sm\:focus\:border-indigo-200:focus { + .sm\:border-indigo-200 { border-color: #c3dafe; } - .sm\:focus\:border-indigo-300:focus { + .sm\:border-indigo-300 { border-color: #a3bffa; } - .sm\:focus\:border-indigo-400:focus { + .sm\:border-indigo-400 { border-color: #7f9cf5; } - .sm\:focus\:border-indigo-500:focus { + .sm\:border-indigo-500 { border-color: #667eea; } - .sm\:focus\:border-indigo-600:focus { + .sm\:border-indigo-600 { border-color: #5a67d8; } - .sm\:focus\:border-indigo-700:focus { + .sm\:border-indigo-700 { border-color: #4c51bf; } - .sm\:focus\:border-indigo-800:focus { + .sm\:border-indigo-800 { border-color: #434190; } - .sm\:focus\:border-indigo-900:focus { + .sm\:border-indigo-900 { border-color: #3c366b; } - .sm\:focus\:border-purple-100:focus { + .sm\:border-purple-100 { border-color: #faf5ff; } - .sm\:focus\:border-purple-200:focus { + .sm\:border-purple-200 { border-color: #e9d8fd; } - .sm\:focus\:border-purple-300:focus { + .sm\:border-purple-300 { border-color: #d6bcfa; } - .sm\:focus\:border-purple-400:focus { + .sm\:border-purple-400 { border-color: #b794f4; } - .sm\:focus\:border-purple-500:focus { + .sm\:border-purple-500 { border-color: #9f7aea; } - .sm\:focus\:border-purple-600:focus { + .sm\:border-purple-600 { border-color: #805ad5; } - .sm\:focus\:border-purple-700:focus { + .sm\:border-purple-700 { border-color: #6b46c1; } - .sm\:focus\:border-purple-800:focus { + .sm\:border-purple-800 { border-color: #553c9a; } - .sm\:focus\:border-purple-900:focus { + .sm\:border-purple-900 { border-color: #44337a; } - .sm\:focus\:border-pink-100:focus { + .sm\:border-pink-100 { border-color: #fff5f7; } - .sm\:focus\:border-pink-200:focus { + .sm\:border-pink-200 { border-color: #fed7e2; } - .sm\:focus\:border-pink-300:focus { + .sm\:border-pink-300 { border-color: #fbb6ce; } - .sm\:focus\:border-pink-400:focus { + .sm\:border-pink-400 { border-color: #f687b3; } - .sm\:focus\:border-pink-500:focus { + .sm\:border-pink-500 { border-color: #ed64a6; } - .sm\:focus\:border-pink-600:focus { + .sm\:border-pink-600 { border-color: #d53f8c; } - .sm\:focus\:border-pink-700:focus { + .sm\:border-pink-700 { border-color: #b83280; } - .sm\:focus\:border-pink-800:focus { + .sm\:border-pink-800 { border-color: #97266d; } - .sm\:focus\:border-pink-900:focus { + .sm\:border-pink-900 { border-color: #702459; } - .sm\:rounded-none { - border-radius: 0; + .sm\:hover\:border-transparent:hover { + border-color: transparent; } - .sm\:rounded-sm { - border-radius: 0.125rem; + .sm\:hover\:border-current:hover { + border-color: currentColor; } - .sm\:rounded { - border-radius: 0.25rem; + .sm\:hover\:border-black:hover { + border-color: #000; } - .sm\:rounded-md { - border-radius: 0.375rem; + .sm\:hover\:border-white:hover { + border-color: #fff; } - .sm\:rounded-lg { - border-radius: 0.5rem; + .sm\:hover\:border-gray-100:hover { + border-color: #f7fafc; } - .sm\:rounded-full { - border-radius: 9999px; + .sm\:hover\:border-gray-200:hover { + border-color: #edf2f7; } - .sm\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:hover\:border-gray-300:hover { + border-color: #e2e8f0; } - .sm\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:hover\:border-gray-400:hover { + border-color: #cbd5e0; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:hover\:border-gray-500:hover { + border-color: #a0aec0; } - .sm\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:hover\:border-gray-600:hover { + border-color: #718096; } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:hover\:border-gray-700:hover { + border-color: #4a5568; } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:hover\:border-gray-800:hover { + border-color: #2d3748; } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-gray-900:hover { + border-color: #1a202c; } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-red-100:hover { + border-color: #fff5f5; } - .sm\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:hover\:border-red-200:hover { + border-color: #fed7d7; } - .sm\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:hover\:border-red-300:hover { + border-color: #feb2b2; } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-red-400:hover { + border-color: #fc8181; } - .sm\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-red-500:hover { + border-color: #f56565; } - .sm\:rounded-t-md { - border-top-left-radius: 0.375rem; - border-top-right-radius: 0.375rem; + .sm\:hover\:border-red-600:hover { + border-color: #e53e3e; } - .sm\:rounded-r-md { - border-top-right-radius: 0.375rem; - border-bottom-right-radius: 0.375rem; + .sm\:hover\:border-red-700:hover { + border-color: #c53030; } - .sm\:rounded-b-md { - border-bottom-right-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-red-800:hover { + border-color: #9b2c2c; } - .sm\:rounded-l-md { - border-top-left-radius: 0.375rem; - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-red-900:hover { + border-color: #742a2a; } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:hover\:border-orange-100:hover { + border-color: #fffaf0; } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:hover\:border-orange-200:hover { + border-color: #feebc8; } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-orange-300:hover { + border-color: #fbd38d; } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-orange-400:hover { + border-color: #f6ad55; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:hover\:border-orange-500:hover { + border-color: #ed8936; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:hover\:border-orange-600:hover { + border-color: #dd6b20; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:border-orange-700:hover { + border-color: #c05621; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:hover\:border-orange-800:hover { + border-color: #9c4221; } - .sm\:rounded-tl-none { - border-top-left-radius: 0; - } - - .sm\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:hover\:border-orange-900:hover { + border-color: #7b341e; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:hover\:border-yellow-100:hover { + border-color: #fffff0; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:hover\:border-yellow-200:hover { + border-color: #fefcbf; } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:hover\:border-yellow-300:hover { + border-color: #faf089; } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:hover\:border-yellow-400:hover { + border-color: #f6e05e; } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:hover\:border-yellow-500:hover { + border-color: #ecc94b; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:hover\:border-yellow-600:hover { + border-color: #d69e2e; } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:hover\:border-yellow-700:hover { + border-color: #b7791f; } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:hover\:border-yellow-800:hover { + border-color: #975a16; } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:hover\:border-yellow-900:hover { + border-color: #744210; } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:hover\:border-green-100:hover { + border-color: #f0fff4; } - .sm\:rounded-tl-md { - border-top-left-radius: 0.375rem; + .sm\:hover\:border-green-200:hover { + border-color: #c6f6d5; } - .sm\:rounded-tr-md { - border-top-right-radius: 0.375rem; + .sm\:hover\:border-green-300:hover { + border-color: #9ae6b4; } - .sm\:rounded-br-md { - border-bottom-right-radius: 0.375rem; + .sm\:hover\:border-green-400:hover { + border-color: #68d391; } - .sm\:rounded-bl-md { - border-bottom-left-radius: 0.375rem; + .sm\:hover\:border-green-500:hover { + border-color: #48bb78; } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:hover\:border-green-600:hover { + border-color: #38a169; } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:hover\:border-green-700:hover { + border-color: #2f855a; } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:hover\:border-green-800:hover { + border-color: #276749; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:hover\:border-green-900:hover { + border-color: #22543d; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:hover\:border-teal-100:hover { + border-color: #e6fffa; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:hover\:border-teal-200:hover { + border-color: #b2f5ea; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:hover\:border-teal-300:hover { + border-color: #81e6d9; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:hover\:border-teal-400:hover { + border-color: #4fd1c5; } - .sm\:border-solid { - border-style: solid; + .sm\:hover\:border-teal-500:hover { + border-color: #38b2ac; } - .sm\:border-dashed { - border-style: dashed; + .sm\:hover\:border-teal-600:hover { + border-color: #319795; } - .sm\:border-dotted { - border-style: dotted; + .sm\:hover\:border-teal-700:hover { + border-color: #2c7a7b; } - .sm\:border-double { - border-style: double; + .sm\:hover\:border-teal-800:hover { + border-color: #285e61; } - .sm\:border-none { - border-style: none; + .sm\:hover\:border-teal-900:hover { + border-color: #234e52; } - .sm\:border-0 { - border-width: 0; + .sm\:hover\:border-blue-100:hover { + border-color: #ebf8ff; } - .sm\:border-2 { - border-width: 2px; + .sm\:hover\:border-blue-200:hover { + border-color: #bee3f8; } - .sm\:border-4 { - border-width: 4px; + .sm\:hover\:border-blue-300:hover { + border-color: #90cdf4; } - .sm\:border-8 { - border-width: 8px; + .sm\:hover\:border-blue-400:hover { + border-color: #63b3ed; } - .sm\:border { - border-width: 1px; + .sm\:hover\:border-blue-500:hover { + border-color: #4299e1; } - .sm\:border-t-0 { - border-top-width: 0; + .sm\:hover\:border-blue-600:hover { + border-color: #3182ce; } - .sm\:border-r-0 { - border-right-width: 0; + .sm\:hover\:border-blue-700:hover { + border-color: #2b6cb0; } - .sm\:border-b-0 { - border-bottom-width: 0; + .sm\:hover\:border-blue-800:hover { + border-color: #2c5282; } - .sm\:border-l-0 { - border-left-width: 0; + .sm\:hover\:border-blue-900:hover { + border-color: #2a4365; } - .sm\:border-t-2 { - border-top-width: 2px; + .sm\:hover\:border-indigo-100:hover { + border-color: #ebf4ff; } - .sm\:border-r-2 { - border-right-width: 2px; + .sm\:hover\:border-indigo-200:hover { + border-color: #c3dafe; } - .sm\:border-b-2 { - border-bottom-width: 2px; + .sm\:hover\:border-indigo-300:hover { + border-color: #a3bffa; } - .sm\:border-l-2 { - border-left-width: 2px; + .sm\:hover\:border-indigo-400:hover { + border-color: #7f9cf5; } - .sm\:border-t-4 { - border-top-width: 4px; + .sm\:hover\:border-indigo-500:hover { + border-color: #667eea; } - .sm\:border-r-4 { - border-right-width: 4px; + .sm\:hover\:border-indigo-600:hover { + border-color: #5a67d8; } - .sm\:border-b-4 { - border-bottom-width: 4px; + .sm\:hover\:border-indigo-700:hover { + border-color: #4c51bf; } - .sm\:border-l-4 { - border-left-width: 4px; + .sm\:hover\:border-indigo-800:hover { + border-color: #434190; } - .sm\:border-t-8 { - border-top-width: 8px; + .sm\:hover\:border-indigo-900:hover { + border-color: #3c366b; } - .sm\:border-r-8 { - border-right-width: 8px; + .sm\:hover\:border-purple-100:hover { + border-color: #faf5ff; } - .sm\:border-b-8 { - border-bottom-width: 8px; + .sm\:hover\:border-purple-200:hover { + border-color: #e9d8fd; } - .sm\:border-l-8 { - border-left-width: 8px; + .sm\:hover\:border-purple-300:hover { + border-color: #d6bcfa; } - .sm\:border-t { - border-top-width: 1px; + .sm\:hover\:border-purple-400:hover { + border-color: #b794f4; } - .sm\:border-r { - border-right-width: 1px; + .sm\:hover\:border-purple-500:hover { + border-color: #9f7aea; } - .sm\:border-b { - border-bottom-width: 1px; + .sm\:hover\:border-purple-600:hover { + border-color: #805ad5; } - .sm\:border-l { - border-left-width: 1px; + .sm\:hover\:border-purple-700:hover { + border-color: #6b46c1; } - .sm\:box-border { - box-sizing: border-box; + .sm\:hover\:border-purple-800:hover { + border-color: #553c9a; } - .sm\:box-content { - box-sizing: content-box; + .sm\:hover\:border-purple-900:hover { + border-color: #44337a; } - .sm\:cursor-auto { - cursor: auto; + .sm\:hover\:border-pink-100:hover { + border-color: #fff5f7; } - .sm\:cursor-default { - cursor: default; + .sm\:hover\:border-pink-200:hover { + border-color: #fed7e2; } - .sm\:cursor-pointer { - cursor: pointer; + .sm\:hover\:border-pink-300:hover { + border-color: #fbb6ce; } - .sm\:cursor-wait { - cursor: wait; + .sm\:hover\:border-pink-400:hover { + border-color: #f687b3; } - .sm\:cursor-text { - cursor: text; + .sm\:hover\:border-pink-500:hover { + border-color: #ed64a6; } - .sm\:cursor-move { - cursor: move; + .sm\:hover\:border-pink-600:hover { + border-color: #d53f8c; } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .sm\:hover\:border-pink-700:hover { + border-color: #b83280; } - .sm\:block { - display: block; + .sm\:hover\:border-pink-800:hover { + border-color: #97266d; } - .sm\:inline-block { - display: inline-block; + .sm\:hover\:border-pink-900:hover { + border-color: #702459; } - .sm\:inline { - display: inline; + .sm\:focus\:border-transparent:focus { + border-color: transparent; } - .sm\:flex { - display: flex; + .sm\:focus\:border-current:focus { + border-color: currentColor; } - .sm\:inline-flex { - display: inline-flex; + .sm\:focus\:border-black:focus { + border-color: #000; } - .sm\:grid { - display: grid; + .sm\:focus\:border-white:focus { + border-color: #fff; } - .sm\:table { - display: table; + .sm\:focus\:border-gray-100:focus { + border-color: #f7fafc; } - .sm\:table-caption { - display: table-caption; + .sm\:focus\:border-gray-200:focus { + border-color: #edf2f7; } - .sm\:table-cell { - display: table-cell; + .sm\:focus\:border-gray-300:focus { + border-color: #e2e8f0; } - .sm\:table-column { - display: table-column; + .sm\:focus\:border-gray-400:focus { + border-color: #cbd5e0; } - .sm\:table-column-group { - display: table-column-group; + .sm\:focus\:border-gray-500:focus { + border-color: #a0aec0; } - .sm\:table-footer-group { - display: table-footer-group; + .sm\:focus\:border-gray-600:focus { + border-color: #718096; } - .sm\:table-header-group { - display: table-header-group; + .sm\:focus\:border-gray-700:focus { + border-color: #4a5568; } - .sm\:table-row-group { - display: table-row-group; + .sm\:focus\:border-gray-800:focus { + border-color: #2d3748; } - .sm\:table-row { - display: table-row; + .sm\:focus\:border-gray-900:focus { + border-color: #1a202c; } - .sm\:hidden { - display: none; + .sm\:focus\:border-red-100:focus { + border-color: #fff5f5; } - .sm\:flex-row { - flex-direction: row; + .sm\:focus\:border-red-200:focus { + border-color: #fed7d7; } - .sm\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:focus\:border-red-300:focus { + border-color: #feb2b2; } - .sm\:flex-col { - flex-direction: column; + .sm\:focus\:border-red-400:focus { + border-color: #fc8181; } - .sm\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:focus\:border-red-500:focus { + border-color: #f56565; } - .sm\:flex-wrap { - flex-wrap: wrap; + .sm\:focus\:border-red-600:focus { + border-color: #e53e3e; } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:focus\:border-red-700:focus { + border-color: #c53030; } - .sm\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:focus\:border-red-800:focus { + border-color: #9b2c2c; } - .sm\:items-start { - align-items: flex-start; + .sm\:focus\:border-red-900:focus { + border-color: #742a2a; } - .sm\:items-end { - align-items: flex-end; + .sm\:focus\:border-orange-100:focus { + border-color: #fffaf0; } - .sm\:items-center { - align-items: center; + .sm\:focus\:border-orange-200:focus { + border-color: #feebc8; } - .sm\:items-baseline { - align-items: baseline; + .sm\:focus\:border-orange-300:focus { + border-color: #fbd38d; } - .sm\:items-stretch { - align-items: stretch; + .sm\:focus\:border-orange-400:focus { + border-color: #f6ad55; } - .sm\:self-auto { - align-self: auto; + .sm\:focus\:border-orange-500:focus { + border-color: #ed8936; } - .sm\:self-start { - align-self: flex-start; + .sm\:focus\:border-orange-600:focus { + border-color: #dd6b20; } - .sm\:self-end { - align-self: flex-end; + .sm\:focus\:border-orange-700:focus { + border-color: #c05621; } - .sm\:self-center { - align-self: center; + .sm\:focus\:border-orange-800:focus { + border-color: #9c4221; } - .sm\:self-stretch { - align-self: stretch; + .sm\:focus\:border-orange-900:focus { + border-color: #7b341e; } - .sm\:justify-start { - justify-content: flex-start; + .sm\:focus\:border-yellow-100:focus { + border-color: #fffff0; } - .sm\:justify-end { - justify-content: flex-end; + .sm\:focus\:border-yellow-200:focus { + border-color: #fefcbf; } - .sm\:justify-center { - justify-content: center; + .sm\:focus\:border-yellow-300:focus { + border-color: #faf089; } - .sm\:justify-between { - justify-content: space-between; + .sm\:focus\:border-yellow-400:focus { + border-color: #f6e05e; } - .sm\:justify-around { - justify-content: space-around; + .sm\:focus\:border-yellow-500:focus { + border-color: #ecc94b; } - .sm\:justify-evenly { - justify-content: space-evenly; + .sm\:focus\:border-yellow-600:focus { + border-color: #d69e2e; } - .sm\:content-center { - align-content: center; + .sm\:focus\:border-yellow-700:focus { + border-color: #b7791f; } - .sm\:content-start { - align-content: flex-start; + .sm\:focus\:border-yellow-800:focus { + border-color: #975a16; } - .sm\:content-end { - align-content: flex-end; + .sm\:focus\:border-yellow-900:focus { + border-color: #744210; } - .sm\:content-between { - align-content: space-between; + .sm\:focus\:border-green-100:focus { + border-color: #f0fff4; } - .sm\:content-around { - align-content: space-around; + .sm\:focus\:border-green-200:focus { + border-color: #c6f6d5; } - .sm\:flex-1 { - flex: 1 1 0%; + .sm\:focus\:border-green-300:focus { + border-color: #9ae6b4; } - .sm\:flex-auto { - flex: 1 1 auto; + .sm\:focus\:border-green-400:focus { + border-color: #68d391; } - .sm\:flex-initial { - flex: 0 1 auto; + .sm\:focus\:border-green-500:focus { + border-color: #48bb78; } - .sm\:flex-none { - flex: none; + .sm\:focus\:border-green-600:focus { + border-color: #38a169; } - .sm\:flex-grow-0 { - flex-grow: 0; + .sm\:focus\:border-green-700:focus { + border-color: #2f855a; } - .sm\:flex-grow { - flex-grow: 1; + .sm\:focus\:border-green-800:focus { + border-color: #276749; } - .sm\:flex-shrink-0 { - flex-shrink: 0; + .sm\:focus\:border-green-900:focus { + border-color: #22543d; } - .sm\:flex-shrink { - flex-shrink: 1; + .sm\:focus\:border-teal-100:focus { + border-color: #e6fffa; } - .sm\:order-1 { - order: 1; + .sm\:focus\:border-teal-200:focus { + border-color: #b2f5ea; } - .sm\:order-2 { - order: 2; + .sm\:focus\:border-teal-300:focus { + border-color: #81e6d9; } - .sm\:order-3 { - order: 3; + .sm\:focus\:border-teal-400:focus { + border-color: #4fd1c5; } - .sm\:order-4 { - order: 4; + .sm\:focus\:border-teal-500:focus { + border-color: #38b2ac; } - .sm\:order-5 { - order: 5; + .sm\:focus\:border-teal-600:focus { + border-color: #319795; } - .sm\:order-6 { - order: 6; + .sm\:focus\:border-teal-700:focus { + border-color: #2c7a7b; } - .sm\:order-7 { - order: 7; + .sm\:focus\:border-teal-800:focus { + border-color: #285e61; } - .sm\:order-8 { - order: 8; + .sm\:focus\:border-teal-900:focus { + border-color: #234e52; } - .sm\:order-9 { - order: 9; + .sm\:focus\:border-blue-100:focus { + border-color: #ebf8ff; } - .sm\:order-10 { - order: 10; + .sm\:focus\:border-blue-200:focus { + border-color: #bee3f8; } - .sm\:order-11 { - order: 11; + .sm\:focus\:border-blue-300:focus { + border-color: #90cdf4; } - .sm\:order-12 { - order: 12; + .sm\:focus\:border-blue-400:focus { + border-color: #63b3ed; } - .sm\:order-first { - order: -9999; + .sm\:focus\:border-blue-500:focus { + border-color: #4299e1; } - .sm\:order-last { - order: 9999; + .sm\:focus\:border-blue-600:focus { + border-color: #3182ce; } - .sm\:order-none { - order: 0; + .sm\:focus\:border-blue-700:focus { + border-color: #2b6cb0; } - .sm\:float-right { - float: right; + .sm\:focus\:border-blue-800:focus { + border-color: #2c5282; } - .sm\:float-left { - float: left; + .sm\:focus\:border-blue-900:focus { + border-color: #2a4365; } - .sm\:float-none { - float: none; + .sm\:focus\:border-indigo-100:focus { + border-color: #ebf4ff; } - .sm\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:focus\:border-indigo-200:focus { + border-color: #c3dafe; } - .sm\:clear-left { - clear: left; + .sm\:focus\:border-indigo-300:focus { + border-color: #a3bffa; } - .sm\:clear-right { - clear: right; + .sm\:focus\:border-indigo-400:focus { + border-color: #7f9cf5; } - .sm\:clear-both { - clear: both; + .sm\:focus\:border-indigo-500:focus { + border-color: #667eea; } - .sm\:font-sans { - font-family: 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"; + .sm\:focus\:border-indigo-600:focus { + border-color: #5a67d8; } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:focus\:border-indigo-700:focus { + border-color: #4c51bf; } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:focus\:border-indigo-800:focus { + border-color: #434190; } - .sm\:font-hairline { - font-weight: 100; + .sm\:focus\:border-indigo-900:focus { + border-color: #3c366b; } - .sm\:font-thin { - font-weight: 200; + .sm\:focus\:border-purple-100:focus { + border-color: #faf5ff; } - .sm\:font-light { - font-weight: 300; + .sm\:focus\:border-purple-200:focus { + border-color: #e9d8fd; } - .sm\:font-normal { - font-weight: 400; + .sm\:focus\:border-purple-300:focus { + border-color: #d6bcfa; } - .sm\:font-medium { - font-weight: 500; + .sm\:focus\:border-purple-400:focus { + border-color: #b794f4; } - .sm\:font-semibold { - font-weight: 600; + .sm\:focus\:border-purple-500:focus { + border-color: #9f7aea; } - .sm\:font-bold { - font-weight: 700; + .sm\:focus\:border-purple-600:focus { + border-color: #805ad5; } - .sm\:font-extrabold { - font-weight: 800; + .sm\:focus\:border-purple-700:focus { + border-color: #6b46c1; } - .sm\:font-black { - font-weight: 900; + .sm\:focus\:border-purple-800:focus { + border-color: #553c9a; } - .sm\:hover\:font-hairline:hover { - font-weight: 100; + .sm\:focus\:border-purple-900:focus { + border-color: #44337a; } - .sm\:hover\:font-thin:hover { - font-weight: 200; + .sm\:focus\:border-pink-100:focus { + border-color: #fff5f7; } - .sm\:hover\:font-light:hover { - font-weight: 300; + .sm\:focus\:border-pink-200:focus { + border-color: #fed7e2; } - .sm\:hover\:font-normal:hover { - font-weight: 400; + .sm\:focus\:border-pink-300:focus { + border-color: #fbb6ce; } - .sm\:hover\:font-medium:hover { - font-weight: 500; + .sm\:focus\:border-pink-400:focus { + border-color: #f687b3; } - .sm\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:focus\:border-pink-500:focus { + border-color: #ed64a6; } - .sm\:hover\:font-bold:hover { - font-weight: 700; + .sm\:focus\:border-pink-600:focus { + border-color: #d53f8c; } - .sm\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:focus\:border-pink-700:focus { + border-color: #b83280; } - .sm\:hover\:font-black:hover { - font-weight: 900; + .sm\:focus\:border-pink-800:focus { + border-color: #97266d; } - .sm\:focus\:font-hairline:focus { - font-weight: 100; + .sm\:focus\:border-pink-900:focus { + border-color: #702459; } - .sm\:focus\:font-thin:focus { - font-weight: 200; + .sm\:rounded-none { + border-radius: 0; } - .sm\:focus\:font-light:focus { - font-weight: 300; + .sm\:rounded-sm { + border-radius: 0.125rem; } - .sm\:focus\:font-normal:focus { - font-weight: 400; + .sm\:rounded { + border-radius: 0.25rem; } - .sm\:focus\:font-medium:focus { - font-weight: 500; + .sm\:rounded-md { + border-radius: 0.375rem; } - .sm\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:rounded-lg { + border-radius: 0.5rem; } - .sm\:focus\:font-bold:focus { - font-weight: 700; + .sm\:rounded-full { + border-radius: 9999px; } - .sm\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .sm\:focus\:font-black:focus { - font-weight: 900; + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .sm\:h-0 { - height: 0; + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .sm\:h-1 { - height: 0.25rem; + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .sm\:h-2 { - height: 0.5rem; + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .sm\:h-3 { - height: 0.75rem; + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .sm\:h-4 { - height: 1rem; + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:h-5 { - height: 1.25rem; + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .sm\:h-6 { - height: 1.5rem; + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .sm\:h-8 { - height: 2rem; + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .sm\:h-10 { - height: 2.5rem; + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:h-12 { - height: 3rem; + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .sm\:h-16 { - height: 4rem; + .sm\:rounded-t-md { + border-top-left-radius: 0.375rem; + border-top-right-radius: 0.375rem; } - .sm\:h-20 { - height: 5rem; + .sm\:rounded-r-md { + border-top-right-radius: 0.375rem; + border-bottom-right-radius: 0.375rem; } - .sm\:h-24 { - height: 6rem; + .sm\:rounded-b-md { + border-bottom-right-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:h-32 { - height: 8rem; + .sm\:rounded-l-md { + border-top-left-radius: 0.375rem; + border-bottom-left-radius: 0.375rem; } - .sm\:h-40 { - height: 10rem; + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .sm\:h-48 { - height: 12rem; + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .sm\:h-56 { - height: 14rem; + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:h-64 { - height: 16rem; + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .sm\:h-auto { - height: auto; + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .sm\:h-px { - height: 1px; + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .sm\:h-full { - height: 100%; + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:h-screen { - height: 100vh; + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .sm\:leading-3 { - line-height: .75rem; + .sm\:rounded-tl-none { + border-top-left-radius: 0; } - .sm\:leading-4 { - line-height: 1rem; + .sm\:rounded-tr-none { + border-top-right-radius: 0; } - .sm\:leading-5 { - line-height: 1.25rem; + .sm\:rounded-br-none { + border-bottom-right-radius: 0; } - .sm\:leading-6 { - line-height: 1.5rem; + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; } - .sm\:leading-7 { - line-height: 1.75rem; + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .sm\:leading-8 { - line-height: 2rem; + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .sm\:leading-9 { - line-height: 2.25rem; + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .sm\:leading-10 { - line-height: 2.5rem; + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .sm\:leading-none { - line-height: 1; + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; } - .sm\:leading-tight { - line-height: 1.25; + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; } - .sm\:leading-snug { - line-height: 1.375; + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .sm\:leading-normal { - line-height: 1.5; + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .sm\:leading-relaxed { - line-height: 1.625; + .sm\:rounded-tl-md { + border-top-left-radius: 0.375rem; } - .sm\:leading-loose { - line-height: 2; + .sm\:rounded-tr-md { + border-top-right-radius: 0.375rem; } - .sm\:list-inside { - list-style-position: inside; + .sm\:rounded-br-md { + border-bottom-right-radius: 0.375rem; } - .sm\:list-outside { - list-style-position: outside; + .sm\:rounded-bl-md { + border-bottom-left-radius: 0.375rem; } - .sm\:list-none { - list-style-type: none; + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .sm\:list-disc { - list-style-type: disc; + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .sm\:list-decimal { - list-style-type: decimal; + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .sm\:m-0 { - margin: 0; + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .sm\:m-1 { - margin: 0.25rem; + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; } - .sm\:m-2 { - margin: 0.5rem; + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; } - .sm\:m-3 { - margin: 0.75rem; + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .sm\:m-4 { - margin: 1rem; + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .sm\:m-5 { - margin: 1.25rem; + .sm\:border-solid { + border-style: solid; } - .sm\:m-6 { - margin: 1.5rem; + .sm\:border-dashed { + border-style: dashed; } - .sm\:m-8 { - margin: 2rem; + .sm\:border-dotted { + border-style: dotted; } - .sm\:m-10 { - margin: 2.5rem; + .sm\:border-double { + border-style: double; } - .sm\:m-12 { - margin: 3rem; + .sm\:border-none { + border-style: none; } - .sm\:m-16 { - margin: 4rem; + .sm\:border-0 { + border-width: 0; } - .sm\:m-20 { - margin: 5rem; + .sm\:border-2 { + border-width: 2px; } - .sm\:m-24 { - margin: 6rem; + .sm\:border-4 { + border-width: 4px; } - .sm\:m-32 { - margin: 8rem; + .sm\:border-8 { + border-width: 8px; } - .sm\:m-40 { - margin: 10rem; + .sm\:border { + border-width: 1px; } - .sm\:m-48 { - margin: 12rem; + .sm\:border-t-0 { + border-top-width: 0; } - .sm\:m-56 { - margin: 14rem; + .sm\:border-r-0 { + border-right-width: 0; } - .sm\:m-64 { - margin: 16rem; + .sm\:border-b-0 { + border-bottom-width: 0; } - .sm\:m-auto { - margin: auto; + .sm\:border-l-0 { + border-left-width: 0; } - .sm\:m-px { - margin: 1px; + .sm\:border-t-2 { + border-top-width: 2px; } - .sm\:-m-1 { - margin: -0.25rem; + .sm\:border-r-2 { + border-right-width: 2px; } - .sm\:-m-2 { - margin: -0.5rem; + .sm\:border-b-2 { + border-bottom-width: 2px; } - .sm\:-m-3 { - margin: -0.75rem; + .sm\:border-l-2 { + border-left-width: 2px; } - .sm\:-m-4 { - margin: -1rem; + .sm\:border-t-4 { + border-top-width: 4px; } - .sm\:-m-5 { - margin: -1.25rem; + .sm\:border-r-4 { + border-right-width: 4px; } - .sm\:-m-6 { - margin: -1.5rem; + .sm\:border-b-4 { + border-bottom-width: 4px; } - .sm\:-m-8 { - margin: -2rem; + .sm\:border-l-4 { + border-left-width: 4px; } - .sm\:-m-10 { - margin: -2.5rem; + .sm\:border-t-8 { + border-top-width: 8px; } - .sm\:-m-12 { - margin: -3rem; + .sm\:border-r-8 { + border-right-width: 8px; } - .sm\:-m-16 { - margin: -4rem; + .sm\:border-b-8 { + border-bottom-width: 8px; } - .sm\:-m-20 { - margin: -5rem; + .sm\:border-l-8 { + border-left-width: 8px; } - .sm\:-m-24 { - margin: -6rem; + .sm\:border-t { + border-top-width: 1px; } - .sm\:-m-32 { - margin: -8rem; + .sm\:border-r { + border-right-width: 1px; } - .sm\:-m-40 { - margin: -10rem; + .sm\:border-b { + border-bottom-width: 1px; } - .sm\:-m-48 { - margin: -12rem; + .sm\:border-l { + border-left-width: 1px; } - .sm\:-m-56 { - margin: -14rem; + .sm\:box-border { + box-sizing: border-box; } - .sm\:-m-64 { - margin: -16rem; + .sm\:box-content { + box-sizing: content-box; } - .sm\:-m-px { - margin: -1px; + .sm\:cursor-auto { + cursor: auto; } - .sm\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:cursor-default { + cursor: default; } - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:cursor-pointer { + cursor: pointer; } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:cursor-wait { + cursor: wait; } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; - } + .sm\:cursor-text { + cursor: text; + } + + .sm\:cursor-move { + cursor: move; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed; + } + + .sm\:block { + display: block; + } + + .sm\:inline-block { + display: inline-block; + } + + .sm\:inline { + display: inline; + } + + .sm\:flow-root { + display: flow-root; + } + + .sm\:flex { + display: flex; + } + + .sm\:inline-flex { + display: inline-flex; + } + + .sm\:grid { + display: grid; + } + + .sm\:inline-grid { + display: inline-grid; + } + + .sm\:table { + display: table; + } + + .sm\:table-caption { + display: table-caption; + } + + .sm\:table-cell { + display: table-cell; + } + + .sm\:table-column { + display: table-column; + } + + .sm\:table-column-group { + display: table-column-group; + } + + .sm\:table-footer-group { + display: table-footer-group; + } + + .sm\:table-header-group { + display: table-header-group; + } + + .sm\:table-row-group { + display: table-row-group; + } + + .sm\:table-row { + display: table-row; + } + + .sm\:hidden { + display: none; + } + + .sm\:flex-row { + flex-direction: row; + } + + .sm\:flex-row-reverse { + flex-direction: row-reverse; + } + + .sm\:flex-col { + flex-direction: column; + } + + .sm\:flex-col-reverse { + flex-direction: column-reverse; + } + + .sm\:flex-wrap { + flex-wrap: wrap; + } + + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse; + } + + .sm\:flex-no-wrap { + flex-wrap: nowrap; + } + + .sm\:items-start { + align-items: flex-start; + } + + .sm\:items-end { + align-items: flex-end; + } + + .sm\:items-center { + align-items: center; + } + + .sm\:items-baseline { + align-items: baseline; + } + + .sm\:items-stretch { + align-items: stretch; + } + + .sm\:self-auto { + align-self: auto; + } + + .sm\:self-start { + align-self: flex-start; + } + + .sm\:self-end { + align-self: flex-end; + } + + .sm\:self-center { + align-self: center; + } + + .sm\:self-stretch { + align-self: stretch; + } + + .sm\:justify-start { + justify-content: flex-start; + } + + .sm\:justify-end { + justify-content: flex-end; + } + + .sm\:justify-center { + justify-content: center; + } + + .sm\:justify-between { + justify-content: space-between; + } + + .sm\:justify-around { + justify-content: space-around; + } + + .sm\:justify-evenly { + justify-content: space-evenly; + } + + .sm\:content-center { + align-content: center; + } + + .sm\:content-start { + align-content: flex-start; + } + + .sm\:content-end { + align-content: flex-end; + } + + .sm\:content-between { + align-content: space-between; + } + + .sm\:content-around { + align-content: space-around; + } + + .sm\:flex-1 { + flex: 1 1 0%; + } + + .sm\:flex-auto { + flex: 1 1 auto; + } + + .sm\:flex-initial { + flex: 0 1 auto; + } + + .sm\:flex-none { + flex: none; + } + + .sm\:flex-grow-0 { + flex-grow: 0; + } + + .sm\:flex-grow { + flex-grow: 1; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0; + } + + .sm\:flex-shrink { + flex-shrink: 1; + } + + .sm\:order-1 { + order: 1; + } + + .sm\:order-2 { + order: 2; + } + + .sm\:order-3 { + order: 3; + } + + .sm\:order-4 { + order: 4; + } + + .sm\:order-5 { + order: 5; + } + + .sm\:order-6 { + order: 6; + } + + .sm\:order-7 { + order: 7; + } + + .sm\:order-8 { + order: 8; + } + + .sm\:order-9 { + order: 9; + } + + .sm\:order-10 { + order: 10; + } + + .sm\:order-11 { + order: 11; + } + + .sm\:order-12 { + order: 12; + } + + .sm\:order-first { + order: -9999; + } + + .sm\:order-last { + order: 9999; + } + + .sm\:order-none { + order: 0; + } + + .sm\:float-right { + float: right; + } + + .sm\:float-left { + float: left; + } + + .sm\:float-none { + float: none; + } + + .sm\:clearfix:after { + content: ""; + display: table; + clear: both; + } + + .sm\:clear-left { + clear: left; + } + + .sm\:clear-right { + clear: right; + } + + .sm\:clear-both { + clear: both; + } + + .sm\:clear-none { + clear: none; + } + + .sm\:font-sans { + font-family: 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"; + } + + .sm\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; + } + + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + } + + .sm\:font-hairline { + font-weight: 100; + } + + .sm\:font-thin { + font-weight: 200; + } + + .sm\:font-light { + font-weight: 300; + } + + .sm\:font-normal { + font-weight: 400; + } + + .sm\:font-medium { + font-weight: 500; + } + + .sm\:font-semibold { + font-weight: 600; + } + + .sm\:font-bold { + font-weight: 700; + } + + .sm\:font-extrabold { + font-weight: 800; + } + + .sm\:font-black { + font-weight: 900; + } + + .sm\:hover\:font-hairline:hover { + font-weight: 100; + } + + .sm\:hover\:font-thin:hover { + font-weight: 200; + } + + .sm\:hover\:font-light:hover { + font-weight: 300; + } + + .sm\:hover\:font-normal:hover { + font-weight: 400; + } + + .sm\:hover\:font-medium:hover { + font-weight: 500; + } + + .sm\:hover\:font-semibold:hover { + font-weight: 600; + } + + .sm\:hover\:font-bold:hover { + font-weight: 700; + } + + .sm\:hover\:font-extrabold:hover { + font-weight: 800; + } + + .sm\:hover\:font-black:hover { + font-weight: 900; + } + + .sm\:focus\:font-hairline:focus { + font-weight: 100; + } + + .sm\:focus\:font-thin:focus { + font-weight: 200; + } + + .sm\:focus\:font-light:focus { + font-weight: 300; + } + + .sm\:focus\:font-normal:focus { + font-weight: 400; + } + + .sm\:focus\:font-medium:focus { + font-weight: 500; + } + + .sm\:focus\:font-semibold:focus { + font-weight: 600; + } + + .sm\:focus\:font-bold:focus { + font-weight: 700; + } + + .sm\:focus\:font-extrabold:focus { + font-weight: 800; + } + + .sm\:focus\:font-black:focus { + font-weight: 900; + } + + .sm\:h-0 { + height: 0; + } + + .sm\:h-1 { + height: 0.25rem; + } + + .sm\:h-2 { + height: 0.5rem; + } + + .sm\:h-3 { + height: 0.75rem; + } + + .sm\:h-4 { + height: 1rem; + } + + .sm\:h-5 { + height: 1.25rem; + } + + .sm\:h-6 { + height: 1.5rem; + } + + .sm\:h-8 { + height: 2rem; + } + + .sm\:h-10 { + height: 2.5rem; + } + + .sm\:h-12 { + height: 3rem; + } + + .sm\:h-16 { + height: 4rem; + } + + .sm\:h-20 { + height: 5rem; + } + + .sm\:h-24 { + height: 6rem; + } + + .sm\:h-32 { + height: 8rem; + } + + .sm\:h-40 { + height: 10rem; + } + + .sm\:h-48 { + height: 12rem; + } + + .sm\:h-56 { + height: 14rem; + } + + .sm\:h-64 { + height: 16rem; + } + + .sm\:h-auto { + height: auto; + } + + .sm\:h-px { + height: 1px; + } + + .sm\:h-full { + height: 100%; + } + + .sm\:h-screen { + height: 100vh; + } + + .sm\:text-xs { + font-size: 0.75rem; + } + + .sm\:text-sm { + font-size: 0.875rem; + } + + .sm\:text-base { + font-size: 1rem; + } + + .sm\:text-lg { + font-size: 1.125rem; + } + + .sm\:text-xl { + font-size: 1.25rem; + } + + .sm\:text-2xl { + font-size: 1.5rem; + } + + .sm\:text-3xl { + font-size: 1.875rem; + } + + .sm\:text-4xl { + font-size: 2.25rem; + } + + .sm\:text-5xl { + font-size: 3rem; + } + + .sm\:text-6xl { + font-size: 4rem; + } + + .sm\:leading-3 { + line-height: .75rem; + } + + .sm\:leading-4 { + line-height: 1rem; + } + + .sm\:leading-5 { + line-height: 1.25rem; + } + + .sm\:leading-6 { + line-height: 1.5rem; + } + + .sm\:leading-7 { + line-height: 1.75rem; + } + + .sm\:leading-8 { + line-height: 2rem; + } + + .sm\:leading-9 { + line-height: 2.25rem; + } + + .sm\:leading-10 { + line-height: 2.5rem; + } + + .sm\:leading-none { + line-height: 1; + } + + .sm\:leading-tight { + line-height: 1.25; + } + + .sm\:leading-snug { + line-height: 1.375; + } + + .sm\:leading-normal { + line-height: 1.5; + } + + .sm\:leading-relaxed { + line-height: 1.625; + } + + .sm\:leading-loose { + line-height: 2; + } + + .sm\:list-inside { + list-style-position: inside; + } + + .sm\:list-outside { + list-style-position: outside; + } + + .sm\:list-none { + list-style-type: none; + } + + .sm\:list-disc { + list-style-type: disc; + } + + .sm\:list-decimal { + list-style-type: decimal; + } + + .sm\:m-0 { + margin: 0; + } + + .sm\:m-1 { + margin: 0.25rem; + } + + .sm\:m-2 { + margin: 0.5rem; + } + + .sm\:m-3 { + margin: 0.75rem; + } + + .sm\:m-4 { + margin: 1rem; + } + + .sm\:m-5 { + margin: 1.25rem; + } + + .sm\:m-6 { + margin: 1.5rem; + } + + .sm\:m-8 { + margin: 2rem; + } + + .sm\:m-10 { + margin: 2.5rem; + } + + .sm\:m-12 { + margin: 3rem; + } + + .sm\:m-16 { + margin: 4rem; + } + + .sm\:m-20 { + margin: 5rem; + } + + .sm\:m-24 { + margin: 6rem; + } + + .sm\:m-32 { + margin: 8rem; + } + + .sm\:m-40 { + margin: 10rem; + } + + .sm\:m-48 { + margin: 12rem; + } + + .sm\:m-56 { + margin: 14rem; + } + + .sm\:m-64 { + margin: 16rem; + } + + .sm\:m-auto { + margin: auto; + } + + .sm\:m-px { + margin: 1px; + } + + .sm\:-m-1 { + margin: -0.25rem; + } + + .sm\:-m-2 { + margin: -0.5rem; + } + + .sm\:-m-3 { + margin: -0.75rem; + } + + .sm\:-m-4 { + margin: -1rem; + } + + .sm\:-m-5 { + margin: -1.25rem; + } + + .sm\:-m-6 { + margin: -1.5rem; + } + + .sm\:-m-8 { + margin: -2rem; + } + + .sm\:-m-10 { + margin: -2.5rem; + } + + .sm\:-m-12 { + margin: -3rem; + } + + .sm\:-m-16 { + margin: -4rem; + } + + .sm\:-m-20 { + margin: -5rem; + } + + .sm\:-m-24 { + margin: -6rem; + } + + .sm\:-m-32 { + margin: -8rem; + } + + .sm\:-m-40 { + margin: -10rem; + } + + .sm\:-m-48 { + margin: -12rem; + } + + .sm\:-m-56 { + margin: -14rem; + } + + .sm\:-m-64 { + margin: -16rem; + } + + .sm\:-m-px { + margin: -1px; + } + + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; + } + + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; + } + + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; + } + + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; + } .sm\:my-2 { margin-top: 0.5rem; @@ -17015,73 +18356,59 @@ video { } .sm\:object-contain { - -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .sm\:object-cover { - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } .sm\:object-fill { - -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } .sm\:object-none { - -o-object-fit: none; - object-fit: none; + object-fit: none; } .sm\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } .sm\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + object-position: bottom; } .sm\:object-center { - -o-object-position: center; - object-position: center; + object-position: center; } .sm\:object-left { - -o-object-position: left; - object-position: left; + object-position: left; } .sm\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + object-position: left bottom; } .sm\:object-left-top { - -o-object-position: left top; - object-position: left top; + object-position: left top; } .sm\:object-right { - -o-object-position: right; - object-position: right; + object-position: right; } .sm\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + object-position: right bottom; } .sm\:object-right-top { - -o-object-position: right top; - object-position: right top; + object-position: right top; } .sm\:object-top { - -o-object-position: top; - object-position: top; + object-position: top; } .sm\:opacity-0 { @@ -17790,6 +19117,18 @@ video { color: transparent; } + .sm\:placeholder-current:-ms-input-placeholder { + color: currentColor; + } + + .sm\:placeholder-current::-ms-input-placeholder { + color: currentColor; + } + + .sm\:placeholder-current::placeholder { + color: currentColor; + } + .sm\:placeholder-black:-ms-input-placeholder { color: #000; } @@ -18906,6 +20245,18 @@ video { color: transparent; } + .sm\:focus\:placeholder-current:focus:-ms-input-placeholder { + color: currentColor; + } + + .sm\:focus\:placeholder-current:focus::-ms-input-placeholder { + color: currentColor; + } + + .sm\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + .sm\:focus\:placeholder-black:focus:-ms-input-placeholder { color: #000; } @@ -20289,6 +21640,10 @@ video { color: transparent; } + .sm\:text-current { + color: currentColor; + } + .sm\:text-black { color: #000; } @@ -20485,3763 +21840,4659 @@ video { color: #b2f5ea; } - .sm\:text-teal-300 { + .sm\:text-teal-300 { + color: #81e6d9; + } + + .sm\:text-teal-400 { + color: #4fd1c5; + } + + .sm\:text-teal-500 { + color: #38b2ac; + } + + .sm\:text-teal-600 { + color: #319795; + } + + .sm\:text-teal-700 { + color: #2c7a7b; + } + + .sm\:text-teal-800 { + color: #285e61; + } + + .sm\:text-teal-900 { + color: #234e52; + } + + .sm\:text-blue-100 { + color: #ebf8ff; + } + + .sm\:text-blue-200 { + color: #bee3f8; + } + + .sm\:text-blue-300 { + color: #90cdf4; + } + + .sm\:text-blue-400 { + color: #63b3ed; + } + + .sm\:text-blue-500 { + color: #4299e1; + } + + .sm\:text-blue-600 { + color: #3182ce; + } + + .sm\:text-blue-700 { + color: #2b6cb0; + } + + .sm\:text-blue-800 { + color: #2c5282; + } + + .sm\:text-blue-900 { + color: #2a4365; + } + + .sm\:text-indigo-100 { + color: #ebf4ff; + } + + .sm\:text-indigo-200 { + color: #c3dafe; + } + + .sm\:text-indigo-300 { + color: #a3bffa; + } + + .sm\:text-indigo-400 { + color: #7f9cf5; + } + + .sm\:text-indigo-500 { + color: #667eea; + } + + .sm\:text-indigo-600 { + color: #5a67d8; + } + + .sm\:text-indigo-700 { + color: #4c51bf; + } + + .sm\:text-indigo-800 { + color: #434190; + } + + .sm\:text-indigo-900 { + color: #3c366b; + } + + .sm\:text-purple-100 { + color: #faf5ff; + } + + .sm\:text-purple-200 { + color: #e9d8fd; + } + + .sm\:text-purple-300 { + color: #d6bcfa; + } + + .sm\:text-purple-400 { + color: #b794f4; + } + + .sm\:text-purple-500 { + color: #9f7aea; + } + + .sm\:text-purple-600 { + color: #805ad5; + } + + .sm\:text-purple-700 { + color: #6b46c1; + } + + .sm\:text-purple-800 { + color: #553c9a; + } + + .sm\:text-purple-900 { + color: #44337a; + } + + .sm\:text-pink-100 { + color: #fff5f7; + } + + .sm\:text-pink-200 { + color: #fed7e2; + } + + .sm\:text-pink-300 { + color: #fbb6ce; + } + + .sm\:text-pink-400 { + color: #f687b3; + } + + .sm\:text-pink-500 { + color: #ed64a6; + } + + .sm\:text-pink-600 { + color: #d53f8c; + } + + .sm\:text-pink-700 { + color: #b83280; + } + + .sm\:text-pink-800 { + color: #97266d; + } + + .sm\:text-pink-900 { + color: #702459; + } + + .sm\:hover\:text-transparent:hover { + color: transparent; + } + + .sm\:hover\:text-current:hover { + color: currentColor; + } + + .sm\:hover\:text-black:hover { + color: #000; + } + + .sm\:hover\:text-white:hover { + color: #fff; + } + + .sm\:hover\:text-gray-100:hover { + color: #f7fafc; + } + + .sm\:hover\:text-gray-200:hover { + color: #edf2f7; + } + + .sm\:hover\:text-gray-300:hover { + color: #e2e8f0; + } + + .sm\:hover\:text-gray-400:hover { + color: #cbd5e0; + } + + .sm\:hover\:text-gray-500:hover { + color: #a0aec0; + } + + .sm\:hover\:text-gray-600:hover { + color: #718096; + } + + .sm\:hover\:text-gray-700:hover { + color: #4a5568; + } + + .sm\:hover\:text-gray-800:hover { + color: #2d3748; + } + + .sm\:hover\:text-gray-900:hover { + color: #1a202c; + } + + .sm\:hover\:text-red-100:hover { + color: #fff5f5; + } + + .sm\:hover\:text-red-200:hover { + color: #fed7d7; + } + + .sm\:hover\:text-red-300:hover { + color: #feb2b2; + } + + .sm\:hover\:text-red-400:hover { + color: #fc8181; + } + + .sm\:hover\:text-red-500:hover { + color: #f56565; + } + + .sm\:hover\:text-red-600:hover { + color: #e53e3e; + } + + .sm\:hover\:text-red-700:hover { + color: #c53030; + } + + .sm\:hover\:text-red-800:hover { + color: #9b2c2c; + } + + .sm\:hover\:text-red-900:hover { + color: #742a2a; + } + + .sm\:hover\:text-orange-100:hover { + color: #fffaf0; + } + + .sm\:hover\:text-orange-200:hover { + color: #feebc8; + } + + .sm\:hover\:text-orange-300:hover { + color: #fbd38d; + } + + .sm\:hover\:text-orange-400:hover { + color: #f6ad55; + } + + .sm\:hover\:text-orange-500:hover { + color: #ed8936; + } + + .sm\:hover\:text-orange-600:hover { + color: #dd6b20; + } + + .sm\:hover\:text-orange-700:hover { + color: #c05621; + } + + .sm\:hover\:text-orange-800:hover { + color: #9c4221; + } + + .sm\:hover\:text-orange-900:hover { + color: #7b341e; + } + + .sm\:hover\:text-yellow-100:hover { + color: #fffff0; + } + + .sm\:hover\:text-yellow-200:hover { + color: #fefcbf; + } + + .sm\:hover\:text-yellow-300:hover { + color: #faf089; + } + + .sm\:hover\:text-yellow-400:hover { + color: #f6e05e; + } + + .sm\:hover\:text-yellow-500:hover { + color: #ecc94b; + } + + .sm\:hover\:text-yellow-600:hover { + color: #d69e2e; + } + + .sm\:hover\:text-yellow-700:hover { + color: #b7791f; + } + + .sm\:hover\:text-yellow-800:hover { + color: #975a16; + } + + .sm\:hover\:text-yellow-900:hover { + color: #744210; + } + + .sm\:hover\:text-green-100:hover { + color: #f0fff4; + } + + .sm\:hover\:text-green-200:hover { + color: #c6f6d5; + } + + .sm\:hover\:text-green-300:hover { + color: #9ae6b4; + } + + .sm\:hover\:text-green-400:hover { + color: #68d391; + } + + .sm\:hover\:text-green-500:hover { + color: #48bb78; + } + + .sm\:hover\:text-green-600:hover { + color: #38a169; + } + + .sm\:hover\:text-green-700:hover { + color: #2f855a; + } + + .sm\:hover\:text-green-800:hover { + color: #276749; + } + + .sm\:hover\:text-green-900:hover { + color: #22543d; + } + + .sm\:hover\:text-teal-100:hover { + color: #e6fffa; + } + + .sm\:hover\:text-teal-200:hover { + color: #b2f5ea; + } + + .sm\:hover\:text-teal-300:hover { color: #81e6d9; } - .sm\:text-teal-400 { + .sm\:hover\:text-teal-400:hover { color: #4fd1c5; } - .sm\:text-teal-500 { + .sm\:hover\:text-teal-500:hover { color: #38b2ac; } - .sm\:text-teal-600 { + .sm\:hover\:text-teal-600:hover { color: #319795; } - .sm\:text-teal-700 { + .sm\:hover\:text-teal-700:hover { color: #2c7a7b; } - .sm\:text-teal-800 { + .sm\:hover\:text-teal-800:hover { color: #285e61; } - .sm\:text-teal-900 { + .sm\:hover\:text-teal-900:hover { color: #234e52; } - .sm\:text-blue-100 { + .sm\:hover\:text-blue-100:hover { color: #ebf8ff; } - .sm\:text-blue-200 { + .sm\:hover\:text-blue-200:hover { color: #bee3f8; } - .sm\:text-blue-300 { + .sm\:hover\:text-blue-300:hover { color: #90cdf4; } - .sm\:text-blue-400 { + .sm\:hover\:text-blue-400:hover { color: #63b3ed; } - .sm\:text-blue-500 { + .sm\:hover\:text-blue-500:hover { color: #4299e1; } - .sm\:text-blue-600 { + .sm\:hover\:text-blue-600:hover { color: #3182ce; } - .sm\:text-blue-700 { + .sm\:hover\:text-blue-700:hover { color: #2b6cb0; } - .sm\:text-blue-800 { + .sm\:hover\:text-blue-800:hover { color: #2c5282; } - .sm\:text-blue-900 { + .sm\:hover\:text-blue-900:hover { color: #2a4365; } - .sm\:text-indigo-100 { + .sm\:hover\:text-indigo-100:hover { color: #ebf4ff; } - .sm\:text-indigo-200 { + .sm\:hover\:text-indigo-200:hover { color: #c3dafe; } - .sm\:text-indigo-300 { + .sm\:hover\:text-indigo-300:hover { color: #a3bffa; } - .sm\:text-indigo-400 { + .sm\:hover\:text-indigo-400:hover { color: #7f9cf5; } - .sm\:text-indigo-500 { + .sm\:hover\:text-indigo-500:hover { color: #667eea; } - .sm\:text-indigo-600 { + .sm\:hover\:text-indigo-600:hover { color: #5a67d8; } - .sm\:text-indigo-700 { + .sm\:hover\:text-indigo-700:hover { color: #4c51bf; } - .sm\:text-indigo-800 { + .sm\:hover\:text-indigo-800:hover { color: #434190; } - .sm\:text-indigo-900 { + .sm\:hover\:text-indigo-900:hover { color: #3c366b; } - .sm\:text-purple-100 { + .sm\:hover\:text-purple-100:hover { color: #faf5ff; } - .sm\:text-purple-200 { + .sm\:hover\:text-purple-200:hover { color: #e9d8fd; } - .sm\:text-purple-300 { + .sm\:hover\:text-purple-300:hover { color: #d6bcfa; } - .sm\:text-purple-400 { + .sm\:hover\:text-purple-400:hover { color: #b794f4; } - .sm\:text-purple-500 { + .sm\:hover\:text-purple-500:hover { color: #9f7aea; } - .sm\:text-purple-600 { + .sm\:hover\:text-purple-600:hover { color: #805ad5; } - .sm\:text-purple-700 { + .sm\:hover\:text-purple-700:hover { color: #6b46c1; } - .sm\:text-purple-800 { + .sm\:hover\:text-purple-800:hover { color: #553c9a; } - .sm\:text-purple-900 { + .sm\:hover\:text-purple-900:hover { color: #44337a; } - .sm\:text-pink-100 { + .sm\:hover\:text-pink-100:hover { color: #fff5f7; } - .sm\:text-pink-200 { + .sm\:hover\:text-pink-200:hover { color: #fed7e2; } - .sm\:text-pink-300 { + .sm\:hover\:text-pink-300:hover { color: #fbb6ce; } - .sm\:text-pink-400 { + .sm\:hover\:text-pink-400:hover { color: #f687b3; } - .sm\:text-pink-500 { + .sm\:hover\:text-pink-500:hover { color: #ed64a6; } - .sm\:text-pink-600 { + .sm\:hover\:text-pink-600:hover { color: #d53f8c; } - .sm\:text-pink-700 { + .sm\:hover\:text-pink-700:hover { color: #b83280; } - .sm\:text-pink-800 { + .sm\:hover\:text-pink-800:hover { color: #97266d; } - .sm\:text-pink-900 { + .sm\:hover\:text-pink-900:hover { color: #702459; } - .sm\:hover\:text-transparent:hover { + .sm\:focus\:text-transparent:focus { color: transparent; } - .sm\:hover\:text-black:hover { + .sm\:focus\:text-current:focus { + color: currentColor; + } + + .sm\:focus\:text-black:focus { color: #000; } - .sm\:hover\:text-white:hover { + .sm\:focus\:text-white:focus { color: #fff; } - .sm\:hover\:text-gray-100:hover { + .sm\:focus\:text-gray-100:focus { color: #f7fafc; } - .sm\:hover\:text-gray-200:hover { + .sm\:focus\:text-gray-200:focus { color: #edf2f7; } - .sm\:hover\:text-gray-300:hover { + .sm\:focus\:text-gray-300:focus { color: #e2e8f0; } - .sm\:hover\:text-gray-400:hover { + .sm\:focus\:text-gray-400:focus { color: #cbd5e0; } - .sm\:hover\:text-gray-500:hover { + .sm\:focus\:text-gray-500:focus { color: #a0aec0; } - .sm\:hover\:text-gray-600:hover { + .sm\:focus\:text-gray-600:focus { color: #718096; } - .sm\:hover\:text-gray-700:hover { + .sm\:focus\:text-gray-700:focus { color: #4a5568; } - .sm\:hover\:text-gray-800:hover { + .sm\:focus\:text-gray-800:focus { color: #2d3748; } - .sm\:hover\:text-gray-900:hover { + .sm\:focus\:text-gray-900:focus { color: #1a202c; } - .sm\:hover\:text-red-100:hover { + .sm\:focus\:text-red-100:focus { color: #fff5f5; } - .sm\:hover\:text-red-200:hover { + .sm\:focus\:text-red-200:focus { color: #fed7d7; } - .sm\:hover\:text-red-300:hover { + .sm\:focus\:text-red-300:focus { color: #feb2b2; } - .sm\:hover\:text-red-400:hover { + .sm\:focus\:text-red-400:focus { color: #fc8181; } - .sm\:hover\:text-red-500:hover { + .sm\:focus\:text-red-500:focus { color: #f56565; } - .sm\:hover\:text-red-600:hover { + .sm\:focus\:text-red-600:focus { color: #e53e3e; } - .sm\:hover\:text-red-700:hover { + .sm\:focus\:text-red-700:focus { color: #c53030; } - .sm\:hover\:text-red-800:hover { + .sm\:focus\:text-red-800:focus { color: #9b2c2c; } - .sm\:hover\:text-red-900:hover { + .sm\:focus\:text-red-900:focus { color: #742a2a; } - .sm\:hover\:text-orange-100:hover { + .sm\:focus\:text-orange-100:focus { color: #fffaf0; } - .sm\:hover\:text-orange-200:hover { + .sm\:focus\:text-orange-200:focus { color: #feebc8; } - .sm\:hover\:text-orange-300:hover { + .sm\:focus\:text-orange-300:focus { color: #fbd38d; } - .sm\:hover\:text-orange-400:hover { + .sm\:focus\:text-orange-400:focus { color: #f6ad55; } - .sm\:hover\:text-orange-500:hover { + .sm\:focus\:text-orange-500:focus { color: #ed8936; } - .sm\:hover\:text-orange-600:hover { + .sm\:focus\:text-orange-600:focus { color: #dd6b20; } - .sm\:hover\:text-orange-700:hover { + .sm\:focus\:text-orange-700:focus { color: #c05621; } - .sm\:hover\:text-orange-800:hover { + .sm\:focus\:text-orange-800:focus { color: #9c4221; } - .sm\:hover\:text-orange-900:hover { + .sm\:focus\:text-orange-900:focus { color: #7b341e; } - .sm\:hover\:text-yellow-100:hover { + .sm\:focus\:text-yellow-100:focus { color: #fffff0; } - .sm\:hover\:text-yellow-200:hover { + .sm\:focus\:text-yellow-200:focus { color: #fefcbf; } - .sm\:hover\:text-yellow-300:hover { + .sm\:focus\:text-yellow-300:focus { color: #faf089; } - .sm\:hover\:text-yellow-400:hover { + .sm\:focus\:text-yellow-400:focus { color: #f6e05e; } - .sm\:hover\:text-yellow-500:hover { + .sm\:focus\:text-yellow-500:focus { color: #ecc94b; } - .sm\:hover\:text-yellow-600:hover { + .sm\:focus\:text-yellow-600:focus { color: #d69e2e; } - .sm\:hover\:text-yellow-700:hover { + .sm\:focus\:text-yellow-700:focus { color: #b7791f; } - .sm\:hover\:text-yellow-800:hover { + .sm\:focus\:text-yellow-800:focus { color: #975a16; } - .sm\:hover\:text-yellow-900:hover { + .sm\:focus\:text-yellow-900:focus { color: #744210; } - .sm\:hover\:text-green-100:hover { + .sm\:focus\:text-green-100:focus { color: #f0fff4; } - .sm\:hover\:text-green-200:hover { + .sm\:focus\:text-green-200:focus { color: #c6f6d5; } - .sm\:hover\:text-green-300:hover { + .sm\:focus\:text-green-300:focus { color: #9ae6b4; } - .sm\:hover\:text-green-400:hover { + .sm\:focus\:text-green-400:focus { color: #68d391; } - .sm\:hover\:text-green-500:hover { + .sm\:focus\:text-green-500:focus { color: #48bb78; } - .sm\:hover\:text-green-600:hover { + .sm\:focus\:text-green-600:focus { color: #38a169; } - .sm\:hover\:text-green-700:hover { + .sm\:focus\:text-green-700:focus { color: #2f855a; } - .sm\:hover\:text-green-800:hover { + .sm\:focus\:text-green-800:focus { color: #276749; } - .sm\:hover\:text-green-900:hover { + .sm\:focus\:text-green-900:focus { color: #22543d; } - .sm\:hover\:text-teal-100:hover { + .sm\:focus\:text-teal-100:focus { color: #e6fffa; } - .sm\:hover\:text-teal-200:hover { + .sm\:focus\:text-teal-200:focus { color: #b2f5ea; } - .sm\:hover\:text-teal-300:hover { + .sm\:focus\:text-teal-300:focus { color: #81e6d9; } - .sm\:hover\:text-teal-400:hover { + .sm\:focus\:text-teal-400:focus { color: #4fd1c5; } - .sm\:hover\:text-teal-500:hover { + .sm\:focus\:text-teal-500:focus { color: #38b2ac; } - .sm\:hover\:text-teal-600:hover { + .sm\:focus\:text-teal-600:focus { color: #319795; } - .sm\:hover\:text-teal-700:hover { + .sm\:focus\:text-teal-700:focus { color: #2c7a7b; } - .sm\:hover\:text-teal-800:hover { + .sm\:focus\:text-teal-800:focus { color: #285e61; } - .sm\:hover\:text-teal-900:hover { + .sm\:focus\:text-teal-900:focus { color: #234e52; } - .sm\:hover\:text-blue-100:hover { + .sm\:focus\:text-blue-100:focus { color: #ebf8ff; } - .sm\:hover\:text-blue-200:hover { + .sm\:focus\:text-blue-200:focus { color: #bee3f8; } - .sm\:hover\:text-blue-300:hover { + .sm\:focus\:text-blue-300:focus { color: #90cdf4; } - .sm\:hover\:text-blue-400:hover { + .sm\:focus\:text-blue-400:focus { color: #63b3ed; } - .sm\:hover\:text-blue-500:hover { + .sm\:focus\:text-blue-500:focus { color: #4299e1; } - .sm\:hover\:text-blue-600:hover { + .sm\:focus\:text-blue-600:focus { color: #3182ce; } - .sm\:hover\:text-blue-700:hover { + .sm\:focus\:text-blue-700:focus { color: #2b6cb0; } - .sm\:hover\:text-blue-800:hover { + .sm\:focus\:text-blue-800:focus { color: #2c5282; } - .sm\:hover\:text-blue-900:hover { + .sm\:focus\:text-blue-900:focus { color: #2a4365; } - .sm\:hover\:text-indigo-100:hover { + .sm\:focus\:text-indigo-100:focus { color: #ebf4ff; } - .sm\:hover\:text-indigo-200:hover { + .sm\:focus\:text-indigo-200:focus { color: #c3dafe; } - .sm\:hover\:text-indigo-300:hover { + .sm\:focus\:text-indigo-300:focus { color: #a3bffa; } - .sm\:hover\:text-indigo-400:hover { + .sm\:focus\:text-indigo-400:focus { color: #7f9cf5; } - .sm\:hover\:text-indigo-500:hover { + .sm\:focus\:text-indigo-500:focus { color: #667eea; } - .sm\:hover\:text-indigo-600:hover { + .sm\:focus\:text-indigo-600:focus { color: #5a67d8; } - .sm\:hover\:text-indigo-700:hover { + .sm\:focus\:text-indigo-700:focus { color: #4c51bf; } - .sm\:hover\:text-indigo-800:hover { + .sm\:focus\:text-indigo-800:focus { color: #434190; } - .sm\:hover\:text-indigo-900:hover { + .sm\:focus\:text-indigo-900:focus { color: #3c366b; } - .sm\:hover\:text-purple-100:hover { + .sm\:focus\:text-purple-100:focus { color: #faf5ff; } - .sm\:hover\:text-purple-200:hover { + .sm\:focus\:text-purple-200:focus { color: #e9d8fd; } - .sm\:hover\:text-purple-300:hover { + .sm\:focus\:text-purple-300:focus { color: #d6bcfa; } - .sm\:hover\:text-purple-400:hover { + .sm\:focus\:text-purple-400:focus { color: #b794f4; } - .sm\:hover\:text-purple-500:hover { + .sm\:focus\:text-purple-500:focus { color: #9f7aea; } - .sm\:hover\:text-purple-600:hover { + .sm\:focus\:text-purple-600:focus { color: #805ad5; } - .sm\:hover\:text-purple-700:hover { + .sm\:focus\:text-purple-700:focus { color: #6b46c1; } - .sm\:hover\:text-purple-800:hover { + .sm\:focus\:text-purple-800:focus { color: #553c9a; } - .sm\:hover\:text-purple-900:hover { - color: #44337a; + .sm\:focus\:text-purple-900:focus { + color: #44337a; + } + + .sm\:focus\:text-pink-100:focus { + color: #fff5f7; + } + + .sm\:focus\:text-pink-200:focus { + color: #fed7e2; + } + + .sm\:focus\:text-pink-300:focus { + color: #fbb6ce; + } + + .sm\:focus\:text-pink-400:focus { + color: #f687b3; + } + + .sm\:focus\:text-pink-500:focus { + color: #ed64a6; + } + + .sm\:focus\:text-pink-600:focus { + color: #d53f8c; + } + + .sm\:focus\:text-pink-700:focus { + color: #b83280; + } + + .sm\:focus\:text-pink-800:focus { + color: #97266d; + } + + .sm\:focus\:text-pink-900:focus { + color: #702459; + } + + .sm\:italic { + font-style: italic; + } + + .sm\:not-italic { + font-style: normal; + } + + .sm\:uppercase { + text-transform: uppercase; + } + + .sm\:lowercase { + text-transform: lowercase; + } + + .sm\:capitalize { + text-transform: capitalize; + } + + .sm\:normal-case { + text-transform: none; + } + + .sm\:underline { + text-decoration: underline; + } + + .sm\:line-through { + text-decoration: line-through; + } + + .sm\:no-underline { + text-decoration: none; + } + + .sm\:hover\:underline:hover { + text-decoration: underline; + } + + .sm\:hover\:line-through:hover { + text-decoration: line-through; + } + + .sm\:hover\:no-underline:hover { + text-decoration: none; + } + + .sm\:focus\:underline:focus { + text-decoration: underline; + } + + .sm\:focus\:line-through:focus { + text-decoration: line-through; + } + + .sm\:focus\:no-underline:focus { + text-decoration: none; + } + + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .sm\:tracking-tighter { + letter-spacing: -0.05em; + } + + .sm\:tracking-tight { + letter-spacing: -0.025em; + } + + .sm\:tracking-normal { + letter-spacing: 0; + } + + .sm\:tracking-wide { + letter-spacing: 0.025em; + } + + .sm\:tracking-wider { + letter-spacing: 0.05em; + } + + .sm\:tracking-widest { + letter-spacing: 0.1em; + } + + .sm\:select-none { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .sm\:select-text { + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + } + + .sm\:select-all { + -webkit-user-select: all; + -ms-user-select: all; + user-select: all; + } + + .sm\:select-auto { + -webkit-user-select: auto; + -ms-user-select: auto; + user-select: auto; + } + + .sm\:align-baseline { + vertical-align: baseline; + } + + .sm\:align-top { + vertical-align: top; + } + + .sm\:align-middle { + vertical-align: middle; + } + + .sm\:align-bottom { + vertical-align: bottom; + } + + .sm\:align-text-top { + vertical-align: text-top; + } + + .sm\:align-text-bottom { + vertical-align: text-bottom; + } + + .sm\:visible { + visibility: visible; + } + + .sm\:invisible { + visibility: hidden; + } + + .sm\:whitespace-normal { + white-space: normal; + } + + .sm\:whitespace-no-wrap { + white-space: nowrap; + } + + .sm\:whitespace-pre { + white-space: pre; + } + + .sm\:whitespace-pre-line { + white-space: pre-line; + } + + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; + } + + .sm\:break-words { + overflow-wrap: break-word; + } + + .sm\:break-all { + word-break: break-all; + } + + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .sm\:w-0 { + width: 0; + } + + .sm\:w-1 { + width: 0.25rem; + } + + .sm\:w-2 { + width: 0.5rem; + } + + .sm\:w-3 { + width: 0.75rem; + } + + .sm\:w-4 { + width: 1rem; + } + + .sm\:w-5 { + width: 1.25rem; + } + + .sm\:w-6 { + width: 1.5rem; + } + + .sm\:w-8 { + width: 2rem; } - .sm\:hover\:text-pink-100:hover { - color: #fff5f7; + .sm\:w-10 { + width: 2.5rem; } - .sm\:hover\:text-pink-200:hover { - color: #fed7e2; + .sm\:w-12 { + width: 3rem; } - .sm\:hover\:text-pink-300:hover { - color: #fbb6ce; + .sm\:w-16 { + width: 4rem; } - .sm\:hover\:text-pink-400:hover { - color: #f687b3; + .sm\:w-20 { + width: 5rem; } - .sm\:hover\:text-pink-500:hover { - color: #ed64a6; + .sm\:w-24 { + width: 6rem; } - .sm\:hover\:text-pink-600:hover { - color: #d53f8c; + .sm\:w-32 { + width: 8rem; } - .sm\:hover\:text-pink-700:hover { - color: #b83280; + .sm\:w-40 { + width: 10rem; } - .sm\:hover\:text-pink-800:hover { - color: #97266d; + .sm\:w-48 { + width: 12rem; } - .sm\:hover\:text-pink-900:hover { - color: #702459; + .sm\:w-56 { + width: 14rem; } - .sm\:focus\:text-transparent:focus { - color: transparent; + .sm\:w-64 { + width: 16rem; } - .sm\:focus\:text-black:focus { - color: #000; + .sm\:w-auto { + width: auto; } - .sm\:focus\:text-white:focus { - color: #fff; + .sm\:w-px { + width: 1px; } - .sm\:focus\:text-gray-100:focus { - color: #f7fafc; + .sm\:w-1\/2 { + width: 50%; } - .sm\:focus\:text-gray-200:focus { - color: #edf2f7; + .sm\:w-1\/3 { + width: 33.333333%; } - .sm\:focus\:text-gray-300:focus { - color: #e2e8f0; + .sm\:w-2\/3 { + width: 66.666667%; } - .sm\:focus\:text-gray-400:focus { - color: #cbd5e0; + .sm\:w-1\/4 { + width: 25%; } - .sm\:focus\:text-gray-500:focus { - color: #a0aec0; + .sm\:w-2\/4 { + width: 50%; } - .sm\:focus\:text-gray-600:focus { - color: #718096; + .sm\:w-3\/4 { + width: 75%; } - .sm\:focus\:text-gray-700:focus { - color: #4a5568; + .sm\:w-1\/5 { + width: 20%; } - .sm\:focus\:text-gray-800:focus { - color: #2d3748; + .sm\:w-2\/5 { + width: 40%; } - .sm\:focus\:text-gray-900:focus { - color: #1a202c; + .sm\:w-3\/5 { + width: 60%; } - .sm\:focus\:text-red-100:focus { - color: #fff5f5; + .sm\:w-4\/5 { + width: 80%; } - .sm\:focus\:text-red-200:focus { - color: #fed7d7; + .sm\:w-1\/6 { + width: 16.666667%; } - .sm\:focus\:text-red-300:focus { - color: #feb2b2; + .sm\:w-2\/6 { + width: 33.333333%; } - .sm\:focus\:text-red-400:focus { - color: #fc8181; + .sm\:w-3\/6 { + width: 50%; } - .sm\:focus\:text-red-500:focus { - color: #f56565; + .sm\:w-4\/6 { + width: 66.666667%; } - .sm\:focus\:text-red-600:focus { - color: #e53e3e; + .sm\:w-5\/6 { + width: 83.333333%; } - .sm\:focus\:text-red-700:focus { - color: #c53030; + .sm\:w-1\/12 { + width: 8.333333%; } - .sm\:focus\:text-red-800:focus { - color: #9b2c2c; + .sm\:w-2\/12 { + width: 16.666667%; } - .sm\:focus\:text-red-900:focus { - color: #742a2a; + .sm\:w-3\/12 { + width: 25%; } - .sm\:focus\:text-orange-100:focus { - color: #fffaf0; + .sm\:w-4\/12 { + width: 33.333333%; } - .sm\:focus\:text-orange-200:focus { - color: #feebc8; + .sm\:w-5\/12 { + width: 41.666667%; } - .sm\:focus\:text-orange-300:focus { - color: #fbd38d; + .sm\:w-6\/12 { + width: 50%; } - .sm\:focus\:text-orange-400:focus { - color: #f6ad55; + .sm\:w-7\/12 { + width: 58.333333%; } - .sm\:focus\:text-orange-500:focus { - color: #ed8936; + .sm\:w-8\/12 { + width: 66.666667%; } - .sm\:focus\:text-orange-600:focus { - color: #dd6b20; + .sm\:w-9\/12 { + width: 75%; } - .sm\:focus\:text-orange-700:focus { - color: #c05621; + .sm\:w-10\/12 { + width: 83.333333%; } - .sm\:focus\:text-orange-800:focus { - color: #9c4221; + .sm\:w-11\/12 { + width: 91.666667%; } - .sm\:focus\:text-orange-900:focus { - color: #7b341e; + .sm\:w-full { + width: 100%; } - .sm\:focus\:text-yellow-100:focus { - color: #fffff0; + .sm\:w-screen { + width: 100vw; } - .sm\:focus\:text-yellow-200:focus { - color: #fefcbf; + .sm\:z-0 { + z-index: 0; } - .sm\:focus\:text-yellow-300:focus { - color: #faf089; + .sm\:z-10 { + z-index: 10; } - .sm\:focus\:text-yellow-400:focus { - color: #f6e05e; + .sm\:z-20 { + z-index: 20; } - .sm\:focus\:text-yellow-500:focus { - color: #ecc94b; + .sm\:z-30 { + z-index: 30; } - .sm\:focus\:text-yellow-600:focus { - color: #d69e2e; + .sm\:z-40 { + z-index: 40; } - .sm\:focus\:text-yellow-700:focus { - color: #b7791f; + .sm\:z-50 { + z-index: 50; } - .sm\:focus\:text-yellow-800:focus { - color: #975a16; + .sm\:z-auto { + z-index: auto; } - .sm\:focus\:text-yellow-900:focus { - color: #744210; + .sm\:gap-0 { + grid-gap: 0; + gap: 0; } - .sm\:focus\:text-green-100:focus { - color: #f0fff4; + .sm\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .sm\:focus\:text-green-200:focus { - color: #c6f6d5; + .sm\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .sm\:focus\:text-green-300:focus { - color: #9ae6b4; + .sm\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .sm\:focus\:text-green-400:focus { - color: #68d391; + .sm\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .sm\:focus\:text-green-500:focus { - color: #48bb78; + .sm\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .sm\:focus\:text-green-600:focus { - color: #38a169; + .sm\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .sm\:focus\:text-green-700:focus { - color: #2f855a; + .sm\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .sm\:focus\:text-green-800:focus { - color: #276749; + .sm\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .sm\:focus\:text-green-900:focus { - color: #22543d; + .sm\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .sm\:focus\:text-teal-100:focus { - color: #e6fffa; + .sm\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .sm\:focus\:text-teal-200:focus { - color: #b2f5ea; + .sm\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .sm\:focus\:text-teal-300:focus { - color: #81e6d9; + .sm\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .sm\:focus\:text-teal-400:focus { - color: #4fd1c5; + .sm\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .sm\:focus\:text-teal-500:focus { - color: #38b2ac; + .sm\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .sm\:focus\:text-teal-600:focus { - color: #319795; + .sm\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .sm\:focus\:text-teal-700:focus { - color: #2c7a7b; + .sm\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .sm\:focus\:text-teal-800:focus { - color: #285e61; + .sm\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .sm\:focus\:text-teal-900:focus { - color: #234e52; + .sm\:gap-px { + grid-gap: 1px; + gap: 1px; } - .sm\:focus\:text-blue-100:focus { - color: #ebf8ff; + .sm\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .sm\:focus\:text-blue-200:focus { - color: #bee3f8; + .sm\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .sm\:focus\:text-blue-300:focus { - color: #90cdf4; + .sm\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .sm\:focus\:text-blue-400:focus { - color: #63b3ed; + .sm\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .sm\:focus\:text-blue-500:focus { - color: #4299e1; + .sm\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .sm\:focus\:text-blue-600:focus { - color: #3182ce; + .sm\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .sm\:focus\:text-blue-700:focus { - color: #2b6cb0; + .sm\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .sm\:focus\:text-blue-800:focus { - color: #2c5282; + .sm\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .sm\:focus\:text-blue-900:focus { - color: #2a4365; + .sm\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .sm\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .sm\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .sm\:focus\:text-indigo-200:focus { - color: #c3dafe; + .sm\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .sm\:focus\:text-indigo-300:focus { - color: #a3bffa; + .sm\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .sm\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .sm\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .sm\:focus\:text-indigo-500:focus { - color: #667eea; + .sm\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .sm\:focus\:text-indigo-600:focus { - color: #5a67d8; + .sm\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .sm\:focus\:text-indigo-700:focus { - color: #4c51bf; + .sm\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .sm\:focus\:text-indigo-800:focus { - color: #434190; + .sm\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .sm\:focus\:text-indigo-900:focus { - color: #3c366b; + .sm\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .sm\:focus\:text-purple-100:focus { - color: #faf5ff; + .sm\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .sm\:focus\:text-purple-200:focus { - color: #e9d8fd; + .sm\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .sm\:focus\:text-purple-300:focus { - color: #d6bcfa; + .sm\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .sm\:focus\:text-purple-400:focus { - color: #b794f4; + .sm\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .sm\:focus\:text-purple-500:focus { - color: #9f7aea; + .sm\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .sm\:focus\:text-purple-600:focus { - color: #805ad5; + .sm\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .sm\:focus\:text-purple-700:focus { - color: #6b46c1; + .sm\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .sm\:focus\:text-purple-800:focus { - color: #553c9a; + .sm\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .sm\:focus\:text-purple-900:focus { - color: #44337a; + .sm\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .sm\:focus\:text-pink-100:focus { - color: #fff5f7; + .sm\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .sm\:focus\:text-pink-200:focus { - color: #fed7e2; + .sm\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .sm\:focus\:text-pink-300:focus { - color: #fbb6ce; + .sm\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .sm\:focus\:text-pink-400:focus { - color: #f687b3; + .sm\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .sm\:focus\:text-pink-500:focus { - color: #ed64a6; + .sm\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .sm\:focus\:text-pink-600:focus { - color: #d53f8c; + .sm\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .sm\:focus\:text-pink-700:focus { - color: #b83280; + .sm\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .sm\:focus\:text-pink-800:focus { - color: #97266d; + .sm\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .sm\:focus\:text-pink-900:focus { - color: #702459; + .sm\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .sm\:text-xs { - font-size: 0.75rem; + .sm\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .sm\:text-sm { - font-size: 0.875rem; + .sm\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .sm\:text-base { - font-size: 1rem; + .sm\:grid-flow-row { + grid-auto-flow: row; } - .sm\:text-lg { - font-size: 1.125rem; + .sm\:grid-flow-col { + grid-auto-flow: column; } - .sm\:text-xl { - font-size: 1.25rem; + .sm\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .sm\:text-2xl { - font-size: 1.5rem; + .sm\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .sm\:text-3xl { - font-size: 1.875rem; + .sm\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .sm\:text-4xl { - font-size: 2.25rem; + .sm\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .sm\:text-5xl { - font-size: 3rem; + .sm\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .sm\:text-6xl { - font-size: 4rem; + .sm\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .sm\:italic { - font-style: italic; + .sm\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .sm\:not-italic { - font-style: normal; + .sm\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .sm\:uppercase { - text-transform: uppercase; + .sm\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .sm\:lowercase { - text-transform: lowercase; + .sm\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .sm\:capitalize { - text-transform: capitalize; + .sm\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .sm\:normal-case { - text-transform: none; + .sm\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .sm\:underline { - text-decoration: underline; + .sm\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .sm\:line-through { - text-decoration: line-through; + .sm\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .sm\:no-underline { - text-decoration: none; + .sm\:grid-cols-none { + grid-template-columns: none; } - .sm\:hover\:underline:hover { - text-decoration: underline; + .sm\:col-auto { + grid-column: auto; } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .sm\:col-span-1 { + grid-column: span 1 / span 1; } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .sm\:col-span-2 { + grid-column: span 2 / span 2; } - .sm\:focus\:underline:focus { - text-decoration: underline; + .sm\:col-span-3 { + grid-column: span 3 / span 3; } - .sm\:focus\:line-through:focus { - text-decoration: line-through; + .sm\:col-span-4 { + grid-column: span 4 / span 4; } - .sm\:focus\:no-underline:focus { - text-decoration: none; + .sm\:col-span-5 { + grid-column: span 5 / span 5; } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .sm\:col-span-6 { + grid-column: span 6 / span 6; } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .sm\:col-span-7 { + grid-column: span 7 / span 7; } - .sm\:tracking-tighter { - letter-spacing: -0.05em; + .sm\:col-span-8 { + grid-column: span 8 / span 8; } - .sm\:tracking-tight { - letter-spacing: -0.025em; + .sm\:col-span-9 { + grid-column: span 9 / span 9; } - .sm\:tracking-normal { - letter-spacing: 0; + .sm\:col-span-10 { + grid-column: span 10 / span 10; } - .sm\:tracking-wide { - letter-spacing: 0.025em; + .sm\:col-span-11 { + grid-column: span 11 / span 11; } - .sm\:tracking-wider { - letter-spacing: 0.05em; + .sm\:col-span-12 { + grid-column: span 12 / span 12; } - .sm\:tracking-widest { - letter-spacing: 0.1em; + .sm\:col-start-1 { + grid-column-start: 1; } - .sm\:select-none { - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; + .sm\:col-start-2 { + grid-column-start: 2; } - .sm\:select-text { - -webkit-user-select: text; - -ms-user-select: text; - user-select: text; + .sm\:col-start-3 { + grid-column-start: 3; } - .sm\:select-all { - -webkit-user-select: all; - -ms-user-select: all; - user-select: all; + .sm\:col-start-4 { + grid-column-start: 4; } - .sm\:select-auto { - -webkit-user-select: auto; - -ms-user-select: auto; - user-select: auto; + .sm\:col-start-5 { + grid-column-start: 5; } - .sm\:align-baseline { - vertical-align: baseline; + .sm\:col-start-6 { + grid-column-start: 6; } - .sm\:align-top { - vertical-align: top; + .sm\:col-start-7 { + grid-column-start: 7; } - .sm\:align-middle { - vertical-align: middle; + .sm\:col-start-8 { + grid-column-start: 8; } - .sm\:align-bottom { - vertical-align: bottom; + .sm\:col-start-9 { + grid-column-start: 9; } - .sm\:align-text-top { - vertical-align: text-top; + .sm\:col-start-10 { + grid-column-start: 10; } - .sm\:align-text-bottom { - vertical-align: text-bottom; + .sm\:col-start-11 { + grid-column-start: 11; } - .sm\:visible { - visibility: visible; + .sm\:col-start-12 { + grid-column-start: 12; } - .sm\:invisible { - visibility: hidden; + .sm\:col-start-13 { + grid-column-start: 13; } - .sm\:whitespace-normal { - white-space: normal; + .sm\:col-start-auto { + grid-column-start: auto; } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .sm\:col-end-1 { + grid-column-end: 1; } - .sm\:whitespace-pre { - white-space: pre; + .sm\:col-end-2 { + grid-column-end: 2; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .sm\:col-end-3 { + grid-column-end: 3; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .sm\:col-end-4 { + grid-column-end: 4; } - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; + .sm\:col-end-5 { + grid-column-end: 5; } - .sm\:break-words { - overflow-wrap: break-word; + .sm\:col-end-6 { + grid-column-end: 6; } - .sm\:break-all { - word-break: break-all; + .sm\:col-end-7 { + grid-column-end: 7; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .sm\:col-end-8 { + grid-column-end: 8; } - .sm\:w-0 { - width: 0; + .sm\:col-end-9 { + grid-column-end: 9; } - .sm\:w-1 { - width: 0.25rem; + .sm\:col-end-10 { + grid-column-end: 10; } - .sm\:w-2 { - width: 0.5rem; + .sm\:col-end-11 { + grid-column-end: 11; } - .sm\:w-3 { - width: 0.75rem; + .sm\:col-end-12 { + grid-column-end: 12; } - .sm\:w-4 { - width: 1rem; + .sm\:col-end-13 { + grid-column-end: 13; } - .sm\:w-5 { - width: 1.25rem; + .sm\:col-end-auto { + grid-column-end: auto; } - .sm\:w-6 { - width: 1.5rem; + .sm\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .sm\:w-8 { - width: 2rem; + .sm\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .sm\:w-10 { - width: 2.5rem; + .sm\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .sm\:w-12 { - width: 3rem; + .sm\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .sm\:w-16 { - width: 4rem; + .sm\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .sm\:w-20 { - width: 5rem; + .sm\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .sm\:w-24 { - width: 6rem; + .sm\:grid-rows-none { + grid-template-rows: none; } - .sm\:w-32 { - width: 8rem; + .sm\:row-auto { + grid-row: auto; } - .sm\:w-40 { - width: 10rem; + .sm\:row-span-1 { + grid-row: span 1 / span 1; } - .sm\:w-48 { - width: 12rem; + .sm\:row-span-2 { + grid-row: span 2 / span 2; } - .sm\:w-56 { - width: 14rem; + .sm\:row-span-3 { + grid-row: span 3 / span 3; } - .sm\:w-64 { - width: 16rem; + .sm\:row-span-4 { + grid-row: span 4 / span 4; } - .sm\:w-auto { - width: auto; + .sm\:row-span-5 { + grid-row: span 5 / span 5; } - .sm\:w-px { - width: 1px; + .sm\:row-span-6 { + grid-row: span 6 / span 6; } - .sm\:w-1\/2 { - width: 50%; + .sm\:row-start-1 { + grid-row-start: 1; } - .sm\:w-1\/3 { - width: 33.333333%; + .sm\:row-start-2 { + grid-row-start: 2; } - .sm\:w-2\/3 { - width: 66.666667%; + .sm\:row-start-3 { + grid-row-start: 3; } - .sm\:w-1\/4 { - width: 25%; + .sm\:row-start-4 { + grid-row-start: 4; } - .sm\:w-2\/4 { - width: 50%; + .sm\:row-start-5 { + grid-row-start: 5; } - .sm\:w-3\/4 { - width: 75%; + .sm\:row-start-6 { + grid-row-start: 6; } - .sm\:w-1\/5 { - width: 20%; + .sm\:row-start-7 { + grid-row-start: 7; } - .sm\:w-2\/5 { - width: 40%; + .sm\:row-start-auto { + grid-row-start: auto; } - .sm\:w-3\/5 { - width: 60%; + .sm\:row-end-1 { + grid-row-end: 1; } - .sm\:w-4\/5 { - width: 80%; + .sm\:row-end-2 { + grid-row-end: 2; } - .sm\:w-1\/6 { - width: 16.666667%; + .sm\:row-end-3 { + grid-row-end: 3; } - .sm\:w-2\/6 { - width: 33.333333%; + .sm\:row-end-4 { + grid-row-end: 4; } - .sm\:w-3\/6 { - width: 50%; + .sm\:row-end-5 { + grid-row-end: 5; } - .sm\:w-4\/6 { - width: 66.666667%; + .sm\:row-end-6 { + grid-row-end: 6; } - .sm\:w-5\/6 { - width: 83.333333%; + .sm\:row-end-7 { + grid-row-end: 7; } - .sm\:w-1\/12 { - width: 8.333333%; + .sm\:row-end-auto { + grid-row-end: auto; } - .sm\:w-2\/12 { - width: 16.666667%; + .sm\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .sm\:w-3\/12 { - width: 25%; + .sm\:transform-none { + transform: none; } - .sm\:w-4\/12 { - width: 33.333333%; + .sm\:origin-center { + transform-origin: center; } - .sm\:w-5\/12 { - width: 41.666667%; + .sm\:origin-top { + transform-origin: top; } - .sm\:w-6\/12 { - width: 50%; + .sm\:origin-top-right { + transform-origin: top right; } - .sm\:w-7\/12 { - width: 58.333333%; + .sm\:origin-right { + transform-origin: right; } - .sm\:w-8\/12 { - width: 66.666667%; + .sm\:origin-bottom-right { + transform-origin: bottom right; } - .sm\:w-9\/12 { - width: 75%; + .sm\:origin-bottom { + transform-origin: bottom; } - .sm\:w-10\/12 { - width: 83.333333%; + .sm\:origin-bottom-left { + transform-origin: bottom left; } - .sm\:w-11\/12 { - width: 91.666667%; + .sm\:origin-left { + transform-origin: left; } - .sm\:w-full { - width: 100%; + .sm\:origin-top-left { + transform-origin: top left; } - .sm\:w-screen { - width: 100vw; + .sm\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:z-0 { - z-index: 0; + .sm\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:z-10 { - z-index: 10; + .sm\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:z-20 { - z-index: 20; + .sm\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:z-30 { - z-index: 30; + .sm\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:z-40 { - z-index: 40; + .sm\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:z-50 { - z-index: 50; + .sm\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:z-auto { - z-index: auto; + .sm\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:gap-0 { - grid-gap: 0; - gap: 0; + .sm\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .sm\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .sm\:scale-x-0 { + --transform-scale-x: 0; } - .sm\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .sm\:scale-x-50 { + --transform-scale-x: .5; } - .sm\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .sm\:scale-x-75 { + --transform-scale-x: .75; } - .sm\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .sm\:scale-x-90 { + --transform-scale-x: .9; } - .sm\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .sm\:scale-x-95 { + --transform-scale-x: .95; } - .sm\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .sm\:scale-x-100 { + --transform-scale-x: 1; } - .sm\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .sm\:scale-x-105 { + --transform-scale-x: 1.05; } - .sm\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .sm\:scale-x-110 { + --transform-scale-x: 1.1; } - .sm\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .sm\:scale-x-125 { + --transform-scale-x: 1.25; } - .sm\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .sm\:scale-x-150 { + --transform-scale-x: 1.5; } - .sm\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .sm\:scale-y-0 { + --transform-scale-y: 0; } - .sm\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .sm\:scale-y-50 { + --transform-scale-y: .5; } - .sm\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .sm\:scale-y-75 { + --transform-scale-y: .75; } - .sm\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .sm\:scale-y-90 { + --transform-scale-y: .9; } - .sm\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .sm\:scale-y-95 { + --transform-scale-y: .95; } - .sm\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .sm\:scale-y-100 { + --transform-scale-y: 1; } - .sm\:gap-px { - grid-gap: 1px; - gap: 1px; + .sm\:scale-y-105 { + --transform-scale-y: 1.05; } - .sm\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .sm\:scale-y-110 { + --transform-scale-y: 1.1; } - .sm\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .sm\:scale-y-125 { + --transform-scale-y: 1.25; } - .sm\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .sm\:scale-y-150 { + --transform-scale-y: 1.5; } - .sm\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .sm\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .sm\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .sm\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .sm\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .sm\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .sm\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .sm\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .sm\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .sm\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .sm\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .sm\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .sm\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .sm\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .sm\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .sm\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .sm\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .sm\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .sm\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .sm\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .sm\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .sm\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .sm\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .sm\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .sm\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .sm\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .sm\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .sm\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .sm\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .sm\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .sm\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .sm\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .sm\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .sm\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .sm\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .sm\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .sm\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .sm\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .sm\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .sm\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .sm\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .sm\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .sm\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .sm\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .sm\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .sm\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .sm\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .sm\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .sm\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .sm\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .sm\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .sm\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .sm\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .sm\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .sm\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .sm\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .sm\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .sm\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .sm\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .sm\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .sm\:grid-flow-row { - grid-auto-flow: row; + .sm\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .sm\:grid-flow-col { - grid-auto-flow: column; + .sm\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .sm\:grid-flow-row-dense { - grid-auto-flow: row dense; + .sm\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .sm\:grid-flow-col-dense { - grid-auto-flow: column dense; + .sm\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .sm\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .sm\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .sm\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .sm\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .sm\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .sm\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .sm\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .sm\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .sm\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .sm\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .sm\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .sm\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .sm\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .sm\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .sm\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .sm\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .sm\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .sm\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .sm\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .sm\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .sm\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .sm\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .sm\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .sm\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .sm\:grid-cols-none { - grid-template-columns: none; + .sm\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .sm\:col-auto { - grid-column: auto; + .sm\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .sm\:col-span-1 { - grid-column: span 1 / span 1; + .sm\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .sm\:col-span-2 { - grid-column: span 2 / span 2; + .sm\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .sm\:col-span-3 { - grid-column: span 3 / span 3; + .sm\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .sm\:col-span-4 { - grid-column: span 4 / span 4; + .sm\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .sm\:col-span-5 { - grid-column: span 5 / span 5; + .sm\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .sm\:col-span-6 { - grid-column: span 6 / span 6; + .sm\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .sm\:col-span-7 { - grid-column: span 7 / span 7; + .sm\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .sm\:col-span-8 { - grid-column: span 8 / span 8; + .sm\:rotate-0 { + --transform-rotate: 0; } - .sm\:col-span-9 { - grid-column: span 9 / span 9; + .sm\:rotate-45 { + --transform-rotate: 45deg; } - .sm\:col-span-10 { - grid-column: span 10 / span 10; + .sm\:rotate-90 { + --transform-rotate: 90deg; } - .sm\:col-span-11 { - grid-column: span 11 / span 11; + .sm\:rotate-180 { + --transform-rotate: 180deg; } - .sm\:col-span-12 { - grid-column: span 12 / span 12; + .sm\:-rotate-180 { + --transform-rotate: -180deg; } - .sm\:col-start-1 { - grid-column-start: 1; + .sm\:-rotate-90 { + --transform-rotate: -90deg; } - .sm\:col-start-2 { - grid-column-start: 2; + .sm\:-rotate-45 { + --transform-rotate: -45deg; } - .sm\:col-start-3 { - grid-column-start: 3; + .sm\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .sm\:col-start-4 { - grid-column-start: 4; + .sm\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .sm\:col-start-5 { - grid-column-start: 5; + .sm\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .sm\:col-start-6 { - grid-column-start: 6; + .sm\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .sm\:col-start-7 { - grid-column-start: 7; + .sm\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .sm\:col-start-8 { - grid-column-start: 8; + .sm\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .sm\:col-start-9 { - grid-column-start: 9; + .sm\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .sm\:col-start-10 { - grid-column-start: 10; + .sm\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .sm\:col-start-11 { - grid-column-start: 11; + .sm\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .sm\:col-start-12 { - grid-column-start: 12; + .sm\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .sm\:col-start-13 { - grid-column-start: 13; + .sm\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .sm\:col-start-auto { - grid-column-start: auto; + .sm\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .sm\:col-end-1 { - grid-column-end: 1; + .sm\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .sm\:col-end-2 { - grid-column-end: 2; + .sm\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .sm\:col-end-3 { - grid-column-end: 3; + .sm\:translate-x-0 { + --transform-translate-x: 0; } - .sm\:col-end-4 { - grid-column-end: 4; + .sm\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .sm\:col-end-5 { - grid-column-end: 5; + .sm\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .sm\:col-end-6 { - grid-column-end: 6; + .sm\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .sm\:col-end-7 { - grid-column-end: 7; + .sm\:translate-x-4 { + --transform-translate-x: 1rem; } - .sm\:col-end-8 { - grid-column-end: 8; + .sm\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .sm\:col-end-9 { - grid-column-end: 9; + .sm\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .sm\:col-end-10 { - grid-column-end: 10; + .sm\:translate-x-8 { + --transform-translate-x: 2rem; } - .sm\:col-end-11 { - grid-column-end: 11; + .sm\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .sm\:col-end-12 { - grid-column-end: 12; + .sm\:translate-x-12 { + --transform-translate-x: 3rem; } - .sm\:col-end-13 { - grid-column-end: 13; + .sm\:translate-x-16 { + --transform-translate-x: 4rem; } - .sm\:col-end-auto { - grid-column-end: auto; + .sm\:translate-x-20 { + --transform-translate-x: 5rem; } - .sm\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .sm\:translate-x-24 { + --transform-translate-x: 6rem; } - .sm\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .sm\:translate-x-32 { + --transform-translate-x: 8rem; } - .sm\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .sm\:translate-x-40 { + --transform-translate-x: 10rem; } - .sm\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .sm\:translate-x-48 { + --transform-translate-x: 12rem; } - .sm\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .sm\:translate-x-56 { + --transform-translate-x: 14rem; } - .sm\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .sm\:translate-x-64 { + --transform-translate-x: 16rem; } - .sm\:grid-rows-none { - grid-template-rows: none; + .sm\:translate-x-px { + --transform-translate-x: 1px; } - .sm\:row-auto { - grid-row: auto; + .sm\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .sm\:row-span-1 { - grid-row: span 1 / span 1; + .sm\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .sm\:row-span-2 { - grid-row: span 2 / span 2; + .sm\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .sm\:row-span-3 { - grid-row: span 3 / span 3; + .sm\:-translate-x-4 { + --transform-translate-x: -1rem; } - .sm\:row-span-4 { - grid-row: span 4 / span 4; + .sm\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .sm\:row-span-5 { - grid-row: span 5 / span 5; + .sm\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .sm\:row-span-6 { - grid-row: span 6 / span 6; + .sm\:-translate-x-8 { + --transform-translate-x: -2rem; } - .sm\:row-start-1 { - grid-row-start: 1; + .sm\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .sm\:row-start-2 { - grid-row-start: 2; + .sm\:-translate-x-12 { + --transform-translate-x: -3rem; } - .sm\:row-start-3 { - grid-row-start: 3; + .sm\:-translate-x-16 { + --transform-translate-x: -4rem; } - .sm\:row-start-4 { - grid-row-start: 4; + .sm\:-translate-x-20 { + --transform-translate-x: -5rem; } - .sm\:row-start-5 { - grid-row-start: 5; + .sm\:-translate-x-24 { + --transform-translate-x: -6rem; } - .sm\:row-start-6 { - grid-row-start: 6; + .sm\:-translate-x-32 { + --transform-translate-x: -8rem; } - .sm\:row-start-7 { - grid-row-start: 7; + .sm\:-translate-x-40 { + --transform-translate-x: -10rem; } - .sm\:row-start-auto { - grid-row-start: auto; + .sm\:-translate-x-48 { + --transform-translate-x: -12rem; } - .sm\:row-end-1 { - grid-row-end: 1; + .sm\:-translate-x-56 { + --transform-translate-x: -14rem; } - .sm\:row-end-2 { - grid-row-end: 2; + .sm\:-translate-x-64 { + --transform-translate-x: -16rem; } - .sm\:row-end-3 { - grid-row-end: 3; + .sm\:-translate-x-px { + --transform-translate-x: -1px; } - .sm\:row-end-4 { - grid-row-end: 4; + .sm\:-translate-x-full { + --transform-translate-x: -100%; } - .sm\:row-end-5 { - grid-row-end: 5; + .sm\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .sm\:row-end-6 { - grid-row-end: 6; + .sm\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .sm\:row-end-7 { - grid-row-end: 7; + .sm\:translate-x-full { + --transform-translate-x: 100%; } - .sm\:row-end-auto { - grid-row-end: auto; + .sm\:translate-y-0 { + --transform-translate-y: 0; } - .sm\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .sm\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .sm\:transform-none { - transform: none; + .sm\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .sm\:origin-center { - transform-origin: center; + .sm\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .sm\:origin-top { - transform-origin: top; + .sm\:translate-y-4 { + --transform-translate-y: 1rem; } - .sm\:origin-top-right { - transform-origin: top right; + .sm\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .sm\:origin-right { - transform-origin: right; + .sm\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .sm\:origin-bottom-right { - transform-origin: bottom right; + .sm\:translate-y-8 { + --transform-translate-y: 2rem; } - .sm\:origin-bottom { - transform-origin: bottom; + .sm\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .sm\:origin-bottom-left { - transform-origin: bottom left; + .sm\:translate-y-12 { + --transform-translate-y: 3rem; } - .sm\:origin-left { - transform-origin: left; + .sm\:translate-y-16 { + --transform-translate-y: 4rem; } - .sm\:origin-top-left { - transform-origin: top left; + .sm\:translate-y-20 { + --transform-translate-y: 5rem; } - .sm\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:translate-y-24 { + --transform-translate-y: 6rem; } - .sm\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:translate-y-32 { + --transform-translate-y: 8rem; } - .sm\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:translate-y-40 { + --transform-translate-y: 10rem; } - .sm\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:translate-y-48 { + --transform-translate-y: 12rem; } - .sm\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:translate-y-56 { + --transform-translate-y: 14rem; } - .sm\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:translate-y-64 { + --transform-translate-y: 16rem; } - .sm\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:translate-y-px { + --transform-translate-y: 1px; } - .sm\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .sm\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .sm\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .sm\:scale-x-0 { - --transform-scale-x: 0; + .sm\:-translate-y-4 { + --transform-translate-y: -1rem; } - .sm\:scale-x-50 { - --transform-scale-x: .5; + .sm\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .sm\:scale-x-75 { - --transform-scale-x: .75; + .sm\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .sm\:scale-x-90 { - --transform-scale-x: .9; + .sm\:-translate-y-8 { + --transform-translate-y: -2rem; } - .sm\:scale-x-95 { - --transform-scale-x: .95; + .sm\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .sm\:scale-x-100 { - --transform-scale-x: 1; + .sm\:-translate-y-12 { + --transform-translate-y: -3rem; } - .sm\:scale-x-105 { - --transform-scale-x: 1.05; + .sm\:-translate-y-16 { + --transform-translate-y: -4rem; } - .sm\:scale-x-110 { - --transform-scale-x: 1.1; + .sm\:-translate-y-20 { + --transform-translate-y: -5rem; } - .sm\:scale-x-125 { - --transform-scale-x: 1.25; + .sm\:-translate-y-24 { + --transform-translate-y: -6rem; } - .sm\:scale-x-150 { - --transform-scale-x: 1.5; + .sm\:-translate-y-32 { + --transform-translate-y: -8rem; } - .sm\:scale-y-0 { - --transform-scale-y: 0; + .sm\:-translate-y-40 { + --transform-translate-y: -10rem; } - .sm\:scale-y-50 { - --transform-scale-y: .5; + .sm\:-translate-y-48 { + --transform-translate-y: -12rem; } - .sm\:scale-y-75 { - --transform-scale-y: .75; + .sm\:-translate-y-56 { + --transform-translate-y: -14rem; } - .sm\:scale-y-90 { - --transform-scale-y: .9; + .sm\:-translate-y-64 { + --transform-translate-y: -16rem; } - .sm\:scale-y-95 { - --transform-scale-y: .95; + .sm\:-translate-y-px { + --transform-translate-y: -1px; } - .sm\:scale-y-100 { - --transform-scale-y: 1; + .sm\:-translate-y-full { + --transform-translate-y: -100%; } - .sm\:scale-y-105 { - --transform-scale-y: 1.05; + .sm\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .sm\:scale-y-110 { - --transform-scale-y: 1.1; + .sm\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .sm\:scale-y-125 { - --transform-scale-y: 1.25; + .sm\:translate-y-full { + --transform-translate-y: 100%; } - .sm\:scale-y-150 { - --transform-scale-y: 1.5; + .sm\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .sm\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .sm\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .sm\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .sm\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .sm\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .sm\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .sm\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .sm\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .sm\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .sm\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .sm\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .sm\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .sm\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .sm\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .sm\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .sm\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .sm\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .sm\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .sm\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .sm\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .sm\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .sm\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .sm\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .sm\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .sm\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .sm\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .sm\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .sm\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .sm\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .sm\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .sm\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .sm\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .sm\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .sm\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .sm\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .sm\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .sm\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .sm\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .sm\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .sm\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .sm\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .sm\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .sm\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .sm\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .sm\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .sm\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .sm\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .sm\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .sm\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .sm\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .sm\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .sm\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .sm\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .sm\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .sm\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .sm\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .sm\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .sm\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .sm\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .sm\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .sm\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .sm\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .sm\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .sm\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .sm\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .sm\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .sm\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .sm\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .sm\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .sm\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .sm\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .sm\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .sm\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .sm\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .sm\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .sm\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .sm\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .sm\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .sm\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .sm\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .sm\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .sm\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .sm\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .sm\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .sm\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .sm\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .sm\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .sm\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .sm\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .sm\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .sm\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .sm\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .sm\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .sm\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .sm\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .sm\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .sm\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .sm\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .sm\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .sm\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .sm\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .sm\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .sm\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .sm\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .sm\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .sm\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .sm\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .sm\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .sm\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .sm\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .sm\:rotate-0 { - --transform-rotate: 0; + .sm\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .sm\:rotate-45 { - --transform-rotate: 45deg; + .sm\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .sm\:rotate-90 { - --transform-rotate: 90deg; + .sm\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .sm\:rotate-180 { - --transform-rotate: 180deg; + .sm\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .sm\:-rotate-180 { - --transform-rotate: -180deg; + .sm\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .sm\:-rotate-90 { - --transform-rotate: -90deg; + .sm\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .sm\:-rotate-45 { - --transform-rotate: -45deg; + .sm\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .sm\:hover\:rotate-0:hover { - --transform-rotate: 0; + .sm\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .sm\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .sm\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .sm\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .sm\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .sm\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .sm\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .sm\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .sm\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .sm\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .sm\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .sm\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .sm\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .sm\:focus\:rotate-0:focus { - --transform-rotate: 0; + .sm\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .sm\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .sm\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .sm\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .sm\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .sm\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .sm\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .sm\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .sm\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .sm\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .sm\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .sm\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .sm\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .sm\:translate-x-0 { + .sm\:focus\:translate-x-0:focus { --transform-translate-x: 0; } - .sm\:translate-x-1 { + .sm\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem; } - .sm\:translate-x-2 { + .sm\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem; } - .sm\:translate-x-3 { + .sm\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem; } - .sm\:translate-x-4 { + .sm\:focus\:translate-x-4:focus { --transform-translate-x: 1rem; } - .sm\:translate-x-5 { + .sm\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem; } - .sm\:translate-x-6 { + .sm\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem; } - .sm\:translate-x-8 { + .sm\:focus\:translate-x-8:focus { --transform-translate-x: 2rem; } - .sm\:translate-x-10 { + .sm\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem; } - .sm\:translate-x-12 { + .sm\:focus\:translate-x-12:focus { --transform-translate-x: 3rem; } - .sm\:translate-x-16 { + .sm\:focus\:translate-x-16:focus { --transform-translate-x: 4rem; } - .sm\:translate-x-20 { + .sm\:focus\:translate-x-20:focus { --transform-translate-x: 5rem; } - .sm\:translate-x-24 { + .sm\:focus\:translate-x-24:focus { --transform-translate-x: 6rem; } - .sm\:translate-x-32 { + .sm\:focus\:translate-x-32:focus { --transform-translate-x: 8rem; } - .sm\:translate-x-40 { + .sm\:focus\:translate-x-40:focus { --transform-translate-x: 10rem; } - .sm\:translate-x-48 { + .sm\:focus\:translate-x-48:focus { --transform-translate-x: 12rem; } - .sm\:translate-x-56 { + .sm\:focus\:translate-x-56:focus { --transform-translate-x: 14rem; } - .sm\:translate-x-64 { + .sm\:focus\:translate-x-64:focus { --transform-translate-x: 16rem; } - .sm\:translate-x-px { + .sm\:focus\:translate-x-px:focus { --transform-translate-x: 1px; } - .sm\:-translate-x-1 { + .sm\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem; } - .sm\:-translate-x-2 { + .sm\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem; } - .sm\:-translate-x-3 { + .sm\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem; } - .sm\:-translate-x-4 { + .sm\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem; } - .sm\:-translate-x-5 { + .sm\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem; } - .sm\:-translate-x-6 { + .sm\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem; } - .sm\:-translate-x-8 { + .sm\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem; } - .sm\:-translate-x-10 { + .sm\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem; } - .sm\:-translate-x-12 { + .sm\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem; } - .sm\:-translate-x-16 { + .sm\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem; } - .sm\:-translate-x-20 { + .sm\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem; } - .sm\:-translate-x-24 { + .sm\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem; } - .sm\:-translate-x-32 { + .sm\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem; } - .sm\:-translate-x-40 { + .sm\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem; } - .sm\:-translate-x-48 { + .sm\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem; } - .sm\:-translate-x-56 { + .sm\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem; } - .sm\:-translate-x-64 { + .sm\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem; } - .sm\:-translate-x-px { + .sm\:focus\:-translate-x-px:focus { --transform-translate-x: -1px; } - .sm\:-translate-x-full { + .sm\:focus\:-translate-x-full:focus { --transform-translate-x: -100%; } - .sm\:-translate-x-1\/2 { + .sm\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50%; } - .sm\:translate-x-1\/2 { + .sm\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50%; } - .sm\:translate-x-full { + .sm\:focus\:translate-x-full:focus { --transform-translate-x: 100%; } - .sm\:translate-y-0 { + .sm\:focus\:translate-y-0:focus { --transform-translate-y: 0; } - .sm\:translate-y-1 { + .sm\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem; } - .sm\:translate-y-2 { + .sm\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem; } - .sm\:translate-y-3 { + .sm\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem; } - .sm\:translate-y-4 { + .sm\:focus\:translate-y-4:focus { --transform-translate-y: 1rem; } - .sm\:translate-y-5 { + .sm\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem; } - .sm\:translate-y-6 { + .sm\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem; } - .sm\:translate-y-8 { + .sm\:focus\:translate-y-8:focus { --transform-translate-y: 2rem; } - .sm\:translate-y-10 { + .sm\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem; } - .sm\:translate-y-12 { + .sm\:focus\:translate-y-12:focus { --transform-translate-y: 3rem; } - .sm\:translate-y-16 { + .sm\:focus\:translate-y-16:focus { --transform-translate-y: 4rem; } - .sm\:translate-y-20 { + .sm\:focus\:translate-y-20:focus { --transform-translate-y: 5rem; } - .sm\:translate-y-24 { + .sm\:focus\:translate-y-24:focus { --transform-translate-y: 6rem; } - .sm\:translate-y-32 { + .sm\:focus\:translate-y-32:focus { --transform-translate-y: 8rem; } - .sm\:translate-y-40 { + .sm\:focus\:translate-y-40:focus { --transform-translate-y: 10rem; } - .sm\:translate-y-48 { + .sm\:focus\:translate-y-48:focus { --transform-translate-y: 12rem; } - .sm\:translate-y-56 { + .sm\:focus\:translate-y-56:focus { --transform-translate-y: 14rem; } - .sm\:translate-y-64 { + .sm\:focus\:translate-y-64:focus { --transform-translate-y: 16rem; } - .sm\:translate-y-px { + .sm\:focus\:translate-y-px:focus { --transform-translate-y: 1px; } - .sm\:-translate-y-1 { + .sm\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem; } - .sm\:-translate-y-2 { + .sm\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem; } - .sm\:-translate-y-3 { + .sm\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem; } - .sm\:-translate-y-4 { + .sm\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem; } - .sm\:-translate-y-5 { + .sm\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem; } - .sm\:-translate-y-6 { + .sm\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem; } - .sm\:-translate-y-8 { + .sm\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem; } - .sm\:-translate-y-10 { + .sm\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem; } - .sm\:-translate-y-12 { + .sm\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem; } - .sm\:-translate-y-16 { + .sm\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem; } - .sm\:-translate-y-20 { + .sm\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem; } - .sm\:-translate-y-24 { + .sm\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem; } - .sm\:-translate-y-32 { + .sm\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem; } - .sm\:-translate-y-40 { + .sm\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem; } - .sm\:-translate-y-48 { + .sm\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem; } - .sm\:-translate-y-56 { + .sm\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem; } - .sm\:-translate-y-64 { + .sm\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem; } - .sm\:-translate-y-px { + .sm\:focus\:-translate-y-px:focus { --transform-translate-y: -1px; } - .sm\:-translate-y-full { + .sm\:focus\:-translate-y-full:focus { --transform-translate-y: -100%; } - .sm\:-translate-y-1\/2 { + .sm\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50%; } - .sm\:translate-y-1\/2 { + .sm\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50%; } - .sm\:translate-y-full { + .sm\:focus\:translate-y-full:focus { --transform-translate-y: 100%; } - .sm\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .sm\:skew-x-0 { + --transform-skew-x: 0; } - .sm\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .sm\:skew-x-3 { + --transform-skew-x: 3deg; } - .sm\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .sm\:skew-x-6 { + --transform-skew-x: 6deg; } - .sm\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .sm\:skew-x-12 { + --transform-skew-x: 12deg; } - .sm\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .sm\:-skew-x-12 { + --transform-skew-x: -12deg; } - .sm\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .sm\:-skew-x-6 { + --transform-skew-x: -6deg; } - .sm\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .sm\:-skew-x-3 { + --transform-skew-x: -3deg; } - .sm\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .sm\:skew-y-0 { + --transform-skew-y: 0; } - .sm\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .sm\:skew-y-3 { + --transform-skew-y: 3deg; } - .sm\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .sm\:skew-y-6 { + --transform-skew-y: 6deg; } - .sm\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .sm\:skew-y-12 { + --transform-skew-y: 12deg; } - .sm\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .sm\:-skew-y-12 { + --transform-skew-y: -12deg; } - .sm\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .sm\:-skew-y-6 { + --transform-skew-y: -6deg; } - .sm\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .sm\:-skew-y-3 { + --transform-skew-y: -3deg; } - .sm\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .sm\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .sm\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .sm\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .sm\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .sm\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .sm\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .sm\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .sm\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .sm\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .sm\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .sm\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .sm\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .sm\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .sm\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .sm\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .sm\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .sm\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .sm\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .sm\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .sm\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .sm\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .sm\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .sm\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .sm\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .sm\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .sm\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .sm\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .sm\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .sm\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .sm\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .sm\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .sm\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .sm\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .sm\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .sm\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .sm\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .sm\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .sm\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .sm\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .sm\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .sm\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .sm\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .sm\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .sm\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .sm\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .sm\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .sm\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .sm\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .sm\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .sm\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .sm\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .sm\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .sm\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .sm\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .sm\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .sm\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .sm\:transition-none { + transition-property: none; } - .sm\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .sm\:transition-all { + transition-property: all; } - .sm\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .sm\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .sm\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .sm\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .sm\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .sm\:transition-opacity { + transition-property: opacity; } - .sm\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .sm\:transition-shadow { + transition-property: box-shadow; } - .sm\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .sm\:transition-transform { + transition-property: transform; } - .sm\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .sm\:ease-linear { + transition-timing-function: linear; } - .sm\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .sm\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .sm\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .sm\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + + .sm\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } + + .sm\:duration-75 { + transition-duration: 75ms; + } + + .sm\:duration-100 { + transition-duration: 100ms; + } + + .sm\:duration-150 { + transition-duration: 150ms; + } + + .sm\:duration-200 { + transition-duration: 200ms; + } + + .sm\:duration-300 { + transition-duration: 300ms; + } + + .sm\:duration-500 { + transition-duration: 500ms; + } + + .sm\:duration-700 { + transition-duration: 700ms; + } + + .sm\:duration-1000 { + transition-duration: 1000ms; + } + + .sm\:delay-75 { + transition-delay: 75ms; + } + + .sm\:delay-100 { + transition-delay: 100ms; + } + + .sm\:delay-150 { + transition-delay: 150ms; + } + + .sm\:delay-200 { + transition-delay: 200ms; + } + + .sm\:delay-300 { + transition-delay: 300ms; + } + + .sm\:delay-500 { + transition-delay: 500ms; + } + + .sm\:delay-700 { + transition-delay: 700ms; + } + + .sm\:delay-1000 { + transition-delay: 1000ms; + } +} + +@media (min-width: 768px) { + .md\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0 * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0 * var(--space-y-reverse)); + } + + .md\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0 * var(--space-x-reverse)); + margin-left: calc(0 * calc(1 - var(--space-x-reverse))); + } + + .md\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); + } + + .md\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } + + .md\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); + } + + .md\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } + + .md\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); + } + + .md\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } + + .md\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .sm\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .md\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .md\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .sm\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .md\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .md\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .sm\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .md\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .md\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .sm\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .md\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .md\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .md\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .md\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .md\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .md\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .md\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .md\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .md\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .md\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .md\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .md\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .md\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .md\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .md\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .md\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .md\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .md\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .md\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .md\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .sm\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .md\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .md\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .sm\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .md\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .sm\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .md\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .md\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .md\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .md\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .md\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .md\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .md\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .md\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .md\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .md\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .md\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .md\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .md\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .md\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .md\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .md\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .md\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .md\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .md\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .sm\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .md\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .md\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .md\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .md\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .md\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .md\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .md\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .md\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .md\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .md\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .md\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .md\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .md\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .md\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .md\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .md\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .sm\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .md\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .sm\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .md\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .sm\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .md\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .sm\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .md\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0 * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0 * var(--divide-y-reverse)); } - .sm\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .md\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0 * var(--divide-x-reverse)); + border-left-width: calc(0 * calc(1 - var(--divide-x-reverse))); } - .sm\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .md\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .sm\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .md\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .sm\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .md\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .sm\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .md\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .sm\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .md\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .sm\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .md\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .sm\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .md\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .sm\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .md\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .sm\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .md\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .sm\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .md\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .sm\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .md\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .sm\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .md\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .sm\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .md\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .sm\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .md\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .sm\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .md\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f7fafc; } - .sm\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .md\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #edf2f7; } - .sm\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .md\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #e2e8f0; } - .sm\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .md\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #cbd5e0; } - .sm\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .md\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #a0aec0; } - .sm\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .md\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #718096; } - .sm\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .md\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #4a5568; } - .sm\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .md\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #2d3748; } - .sm\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .md\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #1a202c; } - .sm\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .md\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fff5f5; } - .sm\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .md\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fed7d7; } - .sm\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .md\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #feb2b2; } - .sm\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .md\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #fc8181; } - .sm\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .md\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #f56565; } - .sm\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .md\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #e53e3e; } - .sm\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .md\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #c53030; } - .sm\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .md\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #9b2c2c; } - .sm\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .md\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #742a2a; } - .sm\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .md\:divide-orange-100 > :not(template) ~ :not(template) { + border-color: #fffaf0; } - .sm\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .md\:divide-orange-200 > :not(template) ~ :not(template) { + border-color: #feebc8; } - .sm\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .md\:divide-orange-300 > :not(template) ~ :not(template) { + border-color: #fbd38d; } - .sm\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .md\:divide-orange-400 > :not(template) ~ :not(template) { + border-color: #f6ad55; } - .sm\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .md\:divide-orange-500 > :not(template) ~ :not(template) { + border-color: #ed8936; } - .sm\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .md\:divide-orange-600 > :not(template) ~ :not(template) { + border-color: #dd6b20; } - .sm\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .md\:divide-orange-700 > :not(template) ~ :not(template) { + border-color: #c05621; } - .sm\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .md\:divide-orange-800 > :not(template) ~ :not(template) { + border-color: #9c4221; } - .sm\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .md\:divide-orange-900 > :not(template) ~ :not(template) { + border-color: #7b341e; } - .sm\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .md\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fffff0; } - .sm\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .md\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fefcbf; } - .sm\:skew-x-0 { - --transform-skew-x: 0; + .md\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #faf089; } - .sm\:skew-x-3 { - --transform-skew-x: 3deg; + .md\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #f6e05e; } - .sm\:skew-x-6 { - --transform-skew-x: 6deg; + .md\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #ecc94b; } - .sm\:skew-x-12 { - --transform-skew-x: 12deg; + .md\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d69e2e; } - .sm\:-skew-x-12 { - --transform-skew-x: -12deg; + .md\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b7791f; } - .sm\:-skew-x-6 { - --transform-skew-x: -6deg; + .md\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #975a16; } - .sm\:-skew-x-3 { - --transform-skew-x: -3deg; + .md\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #744210; } - .sm\:skew-y-0 { - --transform-skew-y: 0; + .md\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #f0fff4; } - .sm\:skew-y-3 { - --transform-skew-y: 3deg; + .md\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #c6f6d5; } - .sm\:skew-y-6 { - --transform-skew-y: 6deg; + .md\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #9ae6b4; } - .sm\:skew-y-12 { - --transform-skew-y: 12deg; + .md\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #68d391; } - .sm\:-skew-y-12 { - --transform-skew-y: -12deg; + .md\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #48bb78; } - .sm\:-skew-y-6 { - --transform-skew-y: -6deg; + .md\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #38a169; } - .sm\:-skew-y-3 { - --transform-skew-y: -3deg; + .md\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #2f855a; } - .sm\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .md\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #276749; } - .sm\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .md\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #22543d; } - .sm\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .md\:divide-teal-100 > :not(template) ~ :not(template) { + border-color: #e6fffa; } - .sm\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .md\:divide-teal-200 > :not(template) ~ :not(template) { + border-color: #b2f5ea; } - .sm\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .md\:divide-teal-300 > :not(template) ~ :not(template) { + border-color: #81e6d9; } - .sm\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .md\:divide-teal-400 > :not(template) ~ :not(template) { + border-color: #4fd1c5; } - .sm\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .md\:divide-teal-500 > :not(template) ~ :not(template) { + border-color: #38b2ac; } - .sm\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .md\:divide-teal-600 > :not(template) ~ :not(template) { + border-color: #319795; } - .sm\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .md\:divide-teal-700 > :not(template) ~ :not(template) { + border-color: #2c7a7b; } - .sm\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .md\:divide-teal-800 > :not(template) ~ :not(template) { + border-color: #285e61; } - .sm\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .md\:divide-teal-900 > :not(template) ~ :not(template) { + border-color: #234e52; } - .sm\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .md\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #ebf8ff; } - .sm\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .md\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bee3f8; } - .sm\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .md\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #90cdf4; } - .sm\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .md\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #63b3ed; } - .sm\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .md\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #4299e1; } - .sm\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .md\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #3182ce; } - .sm\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .md\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #2b6cb0; } - .sm\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .md\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #2c5282; } - .sm\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .md\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #2a4365; } - .sm\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .md\:divide-indigo-100 > :not(template) ~ :not(template) { + border-color: #ebf4ff; } - .sm\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .md\:divide-indigo-200 > :not(template) ~ :not(template) { + border-color: #c3dafe; } - .sm\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .md\:divide-indigo-300 > :not(template) ~ :not(template) { + border-color: #a3bffa; } - .sm\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .md\:divide-indigo-400 > :not(template) ~ :not(template) { + border-color: #7f9cf5; } - .sm\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .md\:divide-indigo-500 > :not(template) ~ :not(template) { + border-color: #667eea; } - .sm\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .md\:divide-indigo-600 > :not(template) ~ :not(template) { + border-color: #5a67d8; } - .sm\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .md\:divide-indigo-700 > :not(template) ~ :not(template) { + border-color: #4c51bf; } - .sm\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .md\:divide-indigo-800 > :not(template) ~ :not(template) { + border-color: #434190; } - .sm\:transition-none { - transition-property: none; + .md\:divide-indigo-900 > :not(template) ~ :not(template) { + border-color: #3c366b; } - .sm\:transition-all { - transition-property: all; + .md\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #faf5ff; } - .sm\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .md\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #e9d8fd; } - .sm\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .md\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #d6bcfa; } - .sm\:transition-opacity { - transition-property: opacity; + .md\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #b794f4; } - .sm\:transition-shadow { - transition-property: box-shadow; + .md\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #9f7aea; } - .sm\:transition-transform { - transition-property: transform; + .md\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #805ad5; } - .sm\:ease-linear { - transition-timing-function: linear; + .md\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6b46c1; } - .sm\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .md\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #553c9a; } - .sm\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .md\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #44337a; } - .sm\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .md\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fff5f7; } - .sm\:duration-75 { - transition-duration: 75ms; + .md\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fed7e2; } - .sm\:duration-100 { - transition-duration: 100ms; + .md\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #fbb6ce; } - .sm\:duration-150 { - transition-duration: 150ms; + .md\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f687b3; } - .sm\:duration-200 { - transition-duration: 200ms; + .md\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ed64a6; } - .sm\:duration-300 { - transition-duration: 300ms; + .md\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #d53f8c; } - .sm\:duration-500 { - transition-duration: 500ms; + .md\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #b83280; } - .sm\:duration-700 { - transition-duration: 700ms; + .md\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #97266d; } - .sm\:duration-1000 { - transition-duration: 1000ms; + .md\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #702459; } -} -@media (min-width: 768px) { .md\:sr-only { position: absolute; width: 1px; @@ -24310,6 +26561,10 @@ video { background-color: transparent; } + .md\:bg-current { + background-color: currentColor; + } + .md\:bg-black { background-color: #000; } @@ -24682,6 +26937,10 @@ video { background-color: transparent; } + .md\:hover\:bg-current:hover { + background-color: currentColor; + } + .md\:hover\:bg-black:hover { background-color: #000; } @@ -25054,6 +27313,10 @@ video { background-color: transparent; } + .md\:focus\:bg-current:focus { + background-color: currentColor; + } + .md\:focus\:bg-black:focus { background-color: #000; } @@ -25506,6 +27769,10 @@ video { border-color: transparent; } + .md\:border-current { + border-color: currentColor; + } + .md\:border-black { border-color: #000; } @@ -25878,6 +28145,10 @@ video { border-color: transparent; } + .md\:hover\:border-current:hover { + border-color: currentColor; + } + .md\:hover\:border-black:hover { border-color: #000; } @@ -26250,6 +28521,10 @@ video { border-color: transparent; } + .md\:focus\:border-current:focus { + border-color: currentColor; + } + .md\:focus\:border-black:focus { border-color: #000; } @@ -27026,6 +29301,10 @@ video { display: inline; } + .md\:flow-root { + display: flow-root; + } + .md\:flex { display: flex; } @@ -27038,6 +29317,10 @@ video { display: grid; } + .md\:inline-grid { + display: inline-grid; + } + .md\:table { display: table; } @@ -27312,6 +29595,10 @@ video { clear: both; } + .md\:clear-none { + clear: none; + } + .md\:font-sans { font-family: 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"; } @@ -27520,6 +29807,46 @@ video { height: 100vh; } + .md\:text-xs { + font-size: 0.75rem; + } + + .md\:text-sm { + font-size: 0.875rem; + } + + .md\:text-base { + font-size: 1rem; + } + + .md\:text-lg { + font-size: 1.125rem; + } + + .md\:text-xl { + font-size: 1.25rem; + } + + .md\:text-2xl { + font-size: 1.5rem; + } + + .md\:text-3xl { + font-size: 1.875rem; + } + + .md\:text-4xl { + font-size: 2.25rem; + } + + .md\:text-5xl { + font-size: 3rem; + } + + .md\:text-6xl { + font-size: 4rem; + } + .md\:leading-3 { line-height: .75rem; } @@ -28829,73 +31156,59 @@ video { } .md\:object-contain { - -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .md\:object-cover { - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } .md\:object-fill { - -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } .md\:object-none { - -o-object-fit: none; - object-fit: none; + object-fit: none; } .md\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } .md\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + object-position: bottom; } .md\:object-center { - -o-object-position: center; - object-position: center; + object-position: center; } .md\:object-left { - -o-object-position: left; - object-position: left; + object-position: left; } .md\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + object-position: left bottom; } .md\:object-left-top { - -o-object-position: left top; - object-position: left top; + object-position: left top; } .md\:object-right { - -o-object-position: right; - object-position: right; + object-position: right; } .md\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + object-position: right bottom; } .md\:object-right-top { - -o-object-position: right top; - object-position: right top; + object-position: right top; } .md\:object-top { - -o-object-position: top; - object-position: top; + object-position: top; } .md\:opacity-0 { @@ -29604,6 +31917,18 @@ video { color: transparent; } + .md\:placeholder-current:-ms-input-placeholder { + color: currentColor; + } + + .md\:placeholder-current::-ms-input-placeholder { + color: currentColor; + } + + .md\:placeholder-current::placeholder { + color: currentColor; + } + .md\:placeholder-black:-ms-input-placeholder { color: #000; } @@ -30720,6 +33045,18 @@ video { color: transparent; } + .md\:focus\:placeholder-current:focus:-ms-input-placeholder { + color: currentColor; + } + + .md\:focus\:placeholder-current:focus::-ms-input-placeholder { + color: currentColor; + } + + .md\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + .md\:focus\:placeholder-black:focus:-ms-input-placeholder { color: #000; } @@ -32103,6 +34440,10 @@ video { color: transparent; } + .md\:text-current { + color: currentColor; + } + .md\:text-black { color: #000; } @@ -32299,3763 +34640,4659 @@ video { color: #b2f5ea; } - .md\:text-teal-300 { + .md\:text-teal-300 { + color: #81e6d9; + } + + .md\:text-teal-400 { + color: #4fd1c5; + } + + .md\:text-teal-500 { + color: #38b2ac; + } + + .md\:text-teal-600 { + color: #319795; + } + + .md\:text-teal-700 { + color: #2c7a7b; + } + + .md\:text-teal-800 { + color: #285e61; + } + + .md\:text-teal-900 { + color: #234e52; + } + + .md\:text-blue-100 { + color: #ebf8ff; + } + + .md\:text-blue-200 { + color: #bee3f8; + } + + .md\:text-blue-300 { + color: #90cdf4; + } + + .md\:text-blue-400 { + color: #63b3ed; + } + + .md\:text-blue-500 { + color: #4299e1; + } + + .md\:text-blue-600 { + color: #3182ce; + } + + .md\:text-blue-700 { + color: #2b6cb0; + } + + .md\:text-blue-800 { + color: #2c5282; + } + + .md\:text-blue-900 { + color: #2a4365; + } + + .md\:text-indigo-100 { + color: #ebf4ff; + } + + .md\:text-indigo-200 { + color: #c3dafe; + } + + .md\:text-indigo-300 { + color: #a3bffa; + } + + .md\:text-indigo-400 { + color: #7f9cf5; + } + + .md\:text-indigo-500 { + color: #667eea; + } + + .md\:text-indigo-600 { + color: #5a67d8; + } + + .md\:text-indigo-700 { + color: #4c51bf; + } + + .md\:text-indigo-800 { + color: #434190; + } + + .md\:text-indigo-900 { + color: #3c366b; + } + + .md\:text-purple-100 { + color: #faf5ff; + } + + .md\:text-purple-200 { + color: #e9d8fd; + } + + .md\:text-purple-300 { + color: #d6bcfa; + } + + .md\:text-purple-400 { + color: #b794f4; + } + + .md\:text-purple-500 { + color: #9f7aea; + } + + .md\:text-purple-600 { + color: #805ad5; + } + + .md\:text-purple-700 { + color: #6b46c1; + } + + .md\:text-purple-800 { + color: #553c9a; + } + + .md\:text-purple-900 { + color: #44337a; + } + + .md\:text-pink-100 { + color: #fff5f7; + } + + .md\:text-pink-200 { + color: #fed7e2; + } + + .md\:text-pink-300 { + color: #fbb6ce; + } + + .md\:text-pink-400 { + color: #f687b3; + } + + .md\:text-pink-500 { + color: #ed64a6; + } + + .md\:text-pink-600 { + color: #d53f8c; + } + + .md\:text-pink-700 { + color: #b83280; + } + + .md\:text-pink-800 { + color: #97266d; + } + + .md\:text-pink-900 { + color: #702459; + } + + .md\:hover\:text-transparent:hover { + color: transparent; + } + + .md\:hover\:text-current:hover { + color: currentColor; + } + + .md\:hover\:text-black:hover { + color: #000; + } + + .md\:hover\:text-white:hover { + color: #fff; + } + + .md\:hover\:text-gray-100:hover { + color: #f7fafc; + } + + .md\:hover\:text-gray-200:hover { + color: #edf2f7; + } + + .md\:hover\:text-gray-300:hover { + color: #e2e8f0; + } + + .md\:hover\:text-gray-400:hover { + color: #cbd5e0; + } + + .md\:hover\:text-gray-500:hover { + color: #a0aec0; + } + + .md\:hover\:text-gray-600:hover { + color: #718096; + } + + .md\:hover\:text-gray-700:hover { + color: #4a5568; + } + + .md\:hover\:text-gray-800:hover { + color: #2d3748; + } + + .md\:hover\:text-gray-900:hover { + color: #1a202c; + } + + .md\:hover\:text-red-100:hover { + color: #fff5f5; + } + + .md\:hover\:text-red-200:hover { + color: #fed7d7; + } + + .md\:hover\:text-red-300:hover { + color: #feb2b2; + } + + .md\:hover\:text-red-400:hover { + color: #fc8181; + } + + .md\:hover\:text-red-500:hover { + color: #f56565; + } + + .md\:hover\:text-red-600:hover { + color: #e53e3e; + } + + .md\:hover\:text-red-700:hover { + color: #c53030; + } + + .md\:hover\:text-red-800:hover { + color: #9b2c2c; + } + + .md\:hover\:text-red-900:hover { + color: #742a2a; + } + + .md\:hover\:text-orange-100:hover { + color: #fffaf0; + } + + .md\:hover\:text-orange-200:hover { + color: #feebc8; + } + + .md\:hover\:text-orange-300:hover { + color: #fbd38d; + } + + .md\:hover\:text-orange-400:hover { + color: #f6ad55; + } + + .md\:hover\:text-orange-500:hover { + color: #ed8936; + } + + .md\:hover\:text-orange-600:hover { + color: #dd6b20; + } + + .md\:hover\:text-orange-700:hover { + color: #c05621; + } + + .md\:hover\:text-orange-800:hover { + color: #9c4221; + } + + .md\:hover\:text-orange-900:hover { + color: #7b341e; + } + + .md\:hover\:text-yellow-100:hover { + color: #fffff0; + } + + .md\:hover\:text-yellow-200:hover { + color: #fefcbf; + } + + .md\:hover\:text-yellow-300:hover { + color: #faf089; + } + + .md\:hover\:text-yellow-400:hover { + color: #f6e05e; + } + + .md\:hover\:text-yellow-500:hover { + color: #ecc94b; + } + + .md\:hover\:text-yellow-600:hover { + color: #d69e2e; + } + + .md\:hover\:text-yellow-700:hover { + color: #b7791f; + } + + .md\:hover\:text-yellow-800:hover { + color: #975a16; + } + + .md\:hover\:text-yellow-900:hover { + color: #744210; + } + + .md\:hover\:text-green-100:hover { + color: #f0fff4; + } + + .md\:hover\:text-green-200:hover { + color: #c6f6d5; + } + + .md\:hover\:text-green-300:hover { + color: #9ae6b4; + } + + .md\:hover\:text-green-400:hover { + color: #68d391; + } + + .md\:hover\:text-green-500:hover { + color: #48bb78; + } + + .md\:hover\:text-green-600:hover { + color: #38a169; + } + + .md\:hover\:text-green-700:hover { + color: #2f855a; + } + + .md\:hover\:text-green-800:hover { + color: #276749; + } + + .md\:hover\:text-green-900:hover { + color: #22543d; + } + + .md\:hover\:text-teal-100:hover { + color: #e6fffa; + } + + .md\:hover\:text-teal-200:hover { + color: #b2f5ea; + } + + .md\:hover\:text-teal-300:hover { color: #81e6d9; } - .md\:text-teal-400 { + .md\:hover\:text-teal-400:hover { color: #4fd1c5; } - .md\:text-teal-500 { + .md\:hover\:text-teal-500:hover { color: #38b2ac; } - .md\:text-teal-600 { + .md\:hover\:text-teal-600:hover { color: #319795; } - .md\:text-teal-700 { + .md\:hover\:text-teal-700:hover { color: #2c7a7b; } - .md\:text-teal-800 { + .md\:hover\:text-teal-800:hover { color: #285e61; } - .md\:text-teal-900 { + .md\:hover\:text-teal-900:hover { color: #234e52; } - .md\:text-blue-100 { + .md\:hover\:text-blue-100:hover { color: #ebf8ff; } - .md\:text-blue-200 { + .md\:hover\:text-blue-200:hover { color: #bee3f8; } - .md\:text-blue-300 { + .md\:hover\:text-blue-300:hover { color: #90cdf4; } - .md\:text-blue-400 { + .md\:hover\:text-blue-400:hover { color: #63b3ed; } - .md\:text-blue-500 { + .md\:hover\:text-blue-500:hover { color: #4299e1; } - .md\:text-blue-600 { + .md\:hover\:text-blue-600:hover { color: #3182ce; } - .md\:text-blue-700 { + .md\:hover\:text-blue-700:hover { color: #2b6cb0; } - .md\:text-blue-800 { + .md\:hover\:text-blue-800:hover { color: #2c5282; } - .md\:text-blue-900 { + .md\:hover\:text-blue-900:hover { color: #2a4365; } - .md\:text-indigo-100 { + .md\:hover\:text-indigo-100:hover { color: #ebf4ff; } - .md\:text-indigo-200 { + .md\:hover\:text-indigo-200:hover { color: #c3dafe; } - .md\:text-indigo-300 { + .md\:hover\:text-indigo-300:hover { color: #a3bffa; } - .md\:text-indigo-400 { + .md\:hover\:text-indigo-400:hover { color: #7f9cf5; } - .md\:text-indigo-500 { + .md\:hover\:text-indigo-500:hover { color: #667eea; } - .md\:text-indigo-600 { + .md\:hover\:text-indigo-600:hover { color: #5a67d8; } - .md\:text-indigo-700 { + .md\:hover\:text-indigo-700:hover { color: #4c51bf; } - .md\:text-indigo-800 { + .md\:hover\:text-indigo-800:hover { color: #434190; } - .md\:text-indigo-900 { + .md\:hover\:text-indigo-900:hover { color: #3c366b; } - .md\:text-purple-100 { + .md\:hover\:text-purple-100:hover { color: #faf5ff; } - .md\:text-purple-200 { + .md\:hover\:text-purple-200:hover { color: #e9d8fd; } - .md\:text-purple-300 { + .md\:hover\:text-purple-300:hover { color: #d6bcfa; } - .md\:text-purple-400 { + .md\:hover\:text-purple-400:hover { color: #b794f4; } - .md\:text-purple-500 { + .md\:hover\:text-purple-500:hover { color: #9f7aea; } - .md\:text-purple-600 { + .md\:hover\:text-purple-600:hover { color: #805ad5; } - .md\:text-purple-700 { + .md\:hover\:text-purple-700:hover { color: #6b46c1; } - .md\:text-purple-800 { + .md\:hover\:text-purple-800:hover { color: #553c9a; } - .md\:text-purple-900 { + .md\:hover\:text-purple-900:hover { color: #44337a; } - .md\:text-pink-100 { + .md\:hover\:text-pink-100:hover { color: #fff5f7; } - .md\:text-pink-200 { + .md\:hover\:text-pink-200:hover { color: #fed7e2; } - .md\:text-pink-300 { + .md\:hover\:text-pink-300:hover { color: #fbb6ce; } - .md\:text-pink-400 { + .md\:hover\:text-pink-400:hover { color: #f687b3; } - .md\:text-pink-500 { + .md\:hover\:text-pink-500:hover { color: #ed64a6; } - .md\:text-pink-600 { + .md\:hover\:text-pink-600:hover { color: #d53f8c; } - .md\:text-pink-700 { + .md\:hover\:text-pink-700:hover { color: #b83280; } - .md\:text-pink-800 { + .md\:hover\:text-pink-800:hover { color: #97266d; } - .md\:text-pink-900 { + .md\:hover\:text-pink-900:hover { color: #702459; } - .md\:hover\:text-transparent:hover { + .md\:focus\:text-transparent:focus { color: transparent; } - .md\:hover\:text-black:hover { + .md\:focus\:text-current:focus { + color: currentColor; + } + + .md\:focus\:text-black:focus { color: #000; } - .md\:hover\:text-white:hover { + .md\:focus\:text-white:focus { color: #fff; } - .md\:hover\:text-gray-100:hover { + .md\:focus\:text-gray-100:focus { color: #f7fafc; } - .md\:hover\:text-gray-200:hover { + .md\:focus\:text-gray-200:focus { color: #edf2f7; } - .md\:hover\:text-gray-300:hover { + .md\:focus\:text-gray-300:focus { color: #e2e8f0; } - .md\:hover\:text-gray-400:hover { + .md\:focus\:text-gray-400:focus { color: #cbd5e0; } - .md\:hover\:text-gray-500:hover { + .md\:focus\:text-gray-500:focus { color: #a0aec0; } - .md\:hover\:text-gray-600:hover { + .md\:focus\:text-gray-600:focus { color: #718096; } - .md\:hover\:text-gray-700:hover { + .md\:focus\:text-gray-700:focus { color: #4a5568; } - .md\:hover\:text-gray-800:hover { + .md\:focus\:text-gray-800:focus { color: #2d3748; } - .md\:hover\:text-gray-900:hover { + .md\:focus\:text-gray-900:focus { color: #1a202c; } - .md\:hover\:text-red-100:hover { + .md\:focus\:text-red-100:focus { color: #fff5f5; } - .md\:hover\:text-red-200:hover { + .md\:focus\:text-red-200:focus { color: #fed7d7; } - .md\:hover\:text-red-300:hover { + .md\:focus\:text-red-300:focus { color: #feb2b2; } - .md\:hover\:text-red-400:hover { + .md\:focus\:text-red-400:focus { color: #fc8181; } - .md\:hover\:text-red-500:hover { + .md\:focus\:text-red-500:focus { color: #f56565; } - .md\:hover\:text-red-600:hover { + .md\:focus\:text-red-600:focus { color: #e53e3e; } - .md\:hover\:text-red-700:hover { + .md\:focus\:text-red-700:focus { color: #c53030; } - .md\:hover\:text-red-800:hover { + .md\:focus\:text-red-800:focus { color: #9b2c2c; } - .md\:hover\:text-red-900:hover { + .md\:focus\:text-red-900:focus { color: #742a2a; } - .md\:hover\:text-orange-100:hover { + .md\:focus\:text-orange-100:focus { color: #fffaf0; } - .md\:hover\:text-orange-200:hover { + .md\:focus\:text-orange-200:focus { color: #feebc8; } - .md\:hover\:text-orange-300:hover { + .md\:focus\:text-orange-300:focus { color: #fbd38d; } - .md\:hover\:text-orange-400:hover { + .md\:focus\:text-orange-400:focus { color: #f6ad55; } - .md\:hover\:text-orange-500:hover { + .md\:focus\:text-orange-500:focus { color: #ed8936; } - .md\:hover\:text-orange-600:hover { + .md\:focus\:text-orange-600:focus { color: #dd6b20; } - .md\:hover\:text-orange-700:hover { + .md\:focus\:text-orange-700:focus { color: #c05621; } - .md\:hover\:text-orange-800:hover { + .md\:focus\:text-orange-800:focus { color: #9c4221; } - .md\:hover\:text-orange-900:hover { + .md\:focus\:text-orange-900:focus { color: #7b341e; } - .md\:hover\:text-yellow-100:hover { + .md\:focus\:text-yellow-100:focus { color: #fffff0; } - .md\:hover\:text-yellow-200:hover { + .md\:focus\:text-yellow-200:focus { color: #fefcbf; } - .md\:hover\:text-yellow-300:hover { + .md\:focus\:text-yellow-300:focus { color: #faf089; } - .md\:hover\:text-yellow-400:hover { + .md\:focus\:text-yellow-400:focus { color: #f6e05e; } - .md\:hover\:text-yellow-500:hover { + .md\:focus\:text-yellow-500:focus { color: #ecc94b; } - .md\:hover\:text-yellow-600:hover { + .md\:focus\:text-yellow-600:focus { color: #d69e2e; } - .md\:hover\:text-yellow-700:hover { + .md\:focus\:text-yellow-700:focus { color: #b7791f; } - .md\:hover\:text-yellow-800:hover { + .md\:focus\:text-yellow-800:focus { color: #975a16; } - .md\:hover\:text-yellow-900:hover { + .md\:focus\:text-yellow-900:focus { color: #744210; } - .md\:hover\:text-green-100:hover { + .md\:focus\:text-green-100:focus { color: #f0fff4; } - .md\:hover\:text-green-200:hover { + .md\:focus\:text-green-200:focus { color: #c6f6d5; } - .md\:hover\:text-green-300:hover { + .md\:focus\:text-green-300:focus { color: #9ae6b4; } - .md\:hover\:text-green-400:hover { + .md\:focus\:text-green-400:focus { color: #68d391; } - .md\:hover\:text-green-500:hover { + .md\:focus\:text-green-500:focus { color: #48bb78; } - .md\:hover\:text-green-600:hover { + .md\:focus\:text-green-600:focus { color: #38a169; } - .md\:hover\:text-green-700:hover { + .md\:focus\:text-green-700:focus { color: #2f855a; } - .md\:hover\:text-green-800:hover { + .md\:focus\:text-green-800:focus { color: #276749; } - .md\:hover\:text-green-900:hover { + .md\:focus\:text-green-900:focus { color: #22543d; } - .md\:hover\:text-teal-100:hover { + .md\:focus\:text-teal-100:focus { color: #e6fffa; } - .md\:hover\:text-teal-200:hover { + .md\:focus\:text-teal-200:focus { color: #b2f5ea; } - .md\:hover\:text-teal-300:hover { + .md\:focus\:text-teal-300:focus { color: #81e6d9; } - .md\:hover\:text-teal-400:hover { + .md\:focus\:text-teal-400:focus { color: #4fd1c5; } - .md\:hover\:text-teal-500:hover { + .md\:focus\:text-teal-500:focus { color: #38b2ac; } - .md\:hover\:text-teal-600:hover { + .md\:focus\:text-teal-600:focus { color: #319795; } - .md\:hover\:text-teal-700:hover { + .md\:focus\:text-teal-700:focus { color: #2c7a7b; } - .md\:hover\:text-teal-800:hover { + .md\:focus\:text-teal-800:focus { color: #285e61; } - .md\:hover\:text-teal-900:hover { + .md\:focus\:text-teal-900:focus { color: #234e52; } - .md\:hover\:text-blue-100:hover { + .md\:focus\:text-blue-100:focus { color: #ebf8ff; } - .md\:hover\:text-blue-200:hover { + .md\:focus\:text-blue-200:focus { color: #bee3f8; } - .md\:hover\:text-blue-300:hover { + .md\:focus\:text-blue-300:focus { color: #90cdf4; } - .md\:hover\:text-blue-400:hover { + .md\:focus\:text-blue-400:focus { color: #63b3ed; } - .md\:hover\:text-blue-500:hover { + .md\:focus\:text-blue-500:focus { color: #4299e1; } - .md\:hover\:text-blue-600:hover { + .md\:focus\:text-blue-600:focus { color: #3182ce; } - .md\:hover\:text-blue-700:hover { + .md\:focus\:text-blue-700:focus { color: #2b6cb0; } - .md\:hover\:text-blue-800:hover { + .md\:focus\:text-blue-800:focus { color: #2c5282; } - .md\:hover\:text-blue-900:hover { + .md\:focus\:text-blue-900:focus { color: #2a4365; } - .md\:hover\:text-indigo-100:hover { + .md\:focus\:text-indigo-100:focus { color: #ebf4ff; } - .md\:hover\:text-indigo-200:hover { + .md\:focus\:text-indigo-200:focus { color: #c3dafe; } - .md\:hover\:text-indigo-300:hover { + .md\:focus\:text-indigo-300:focus { color: #a3bffa; } - .md\:hover\:text-indigo-400:hover { + .md\:focus\:text-indigo-400:focus { color: #7f9cf5; } - .md\:hover\:text-indigo-500:hover { + .md\:focus\:text-indigo-500:focus { color: #667eea; } - .md\:hover\:text-indigo-600:hover { + .md\:focus\:text-indigo-600:focus { color: #5a67d8; } - .md\:hover\:text-indigo-700:hover { + .md\:focus\:text-indigo-700:focus { color: #4c51bf; } - .md\:hover\:text-indigo-800:hover { + .md\:focus\:text-indigo-800:focus { color: #434190; } - .md\:hover\:text-indigo-900:hover { + .md\:focus\:text-indigo-900:focus { color: #3c366b; } - .md\:hover\:text-purple-100:hover { + .md\:focus\:text-purple-100:focus { color: #faf5ff; } - .md\:hover\:text-purple-200:hover { + .md\:focus\:text-purple-200:focus { color: #e9d8fd; } - .md\:hover\:text-purple-300:hover { + .md\:focus\:text-purple-300:focus { color: #d6bcfa; } - .md\:hover\:text-purple-400:hover { + .md\:focus\:text-purple-400:focus { color: #b794f4; } - .md\:hover\:text-purple-500:hover { + .md\:focus\:text-purple-500:focus { color: #9f7aea; } - .md\:hover\:text-purple-600:hover { + .md\:focus\:text-purple-600:focus { color: #805ad5; } - .md\:hover\:text-purple-700:hover { + .md\:focus\:text-purple-700:focus { color: #6b46c1; } - .md\:hover\:text-purple-800:hover { + .md\:focus\:text-purple-800:focus { color: #553c9a; } - .md\:hover\:text-purple-900:hover { - color: #44337a; + .md\:focus\:text-purple-900:focus { + color: #44337a; + } + + .md\:focus\:text-pink-100:focus { + color: #fff5f7; + } + + .md\:focus\:text-pink-200:focus { + color: #fed7e2; + } + + .md\:focus\:text-pink-300:focus { + color: #fbb6ce; + } + + .md\:focus\:text-pink-400:focus { + color: #f687b3; + } + + .md\:focus\:text-pink-500:focus { + color: #ed64a6; + } + + .md\:focus\:text-pink-600:focus { + color: #d53f8c; + } + + .md\:focus\:text-pink-700:focus { + color: #b83280; + } + + .md\:focus\:text-pink-800:focus { + color: #97266d; + } + + .md\:focus\:text-pink-900:focus { + color: #702459; + } + + .md\:italic { + font-style: italic; + } + + .md\:not-italic { + font-style: normal; + } + + .md\:uppercase { + text-transform: uppercase; + } + + .md\:lowercase { + text-transform: lowercase; + } + + .md\:capitalize { + text-transform: capitalize; + } + + .md\:normal-case { + text-transform: none; + } + + .md\:underline { + text-decoration: underline; + } + + .md\:line-through { + text-decoration: line-through; + } + + .md\:no-underline { + text-decoration: none; + } + + .md\:hover\:underline:hover { + text-decoration: underline; + } + + .md\:hover\:line-through:hover { + text-decoration: line-through; + } + + .md\:hover\:no-underline:hover { + text-decoration: none; + } + + .md\:focus\:underline:focus { + text-decoration: underline; + } + + .md\:focus\:line-through:focus { + text-decoration: line-through; + } + + .md\:focus\:no-underline:focus { + text-decoration: none; + } + + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .md\:tracking-tighter { + letter-spacing: -0.05em; + } + + .md\:tracking-tight { + letter-spacing: -0.025em; + } + + .md\:tracking-normal { + letter-spacing: 0; + } + + .md\:tracking-wide { + letter-spacing: 0.025em; + } + + .md\:tracking-wider { + letter-spacing: 0.05em; + } + + .md\:tracking-widest { + letter-spacing: 0.1em; + } + + .md\:select-none { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .md\:select-text { + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + } + + .md\:select-all { + -webkit-user-select: all; + -ms-user-select: all; + user-select: all; + } + + .md\:select-auto { + -webkit-user-select: auto; + -ms-user-select: auto; + user-select: auto; + } + + .md\:align-baseline { + vertical-align: baseline; + } + + .md\:align-top { + vertical-align: top; + } + + .md\:align-middle { + vertical-align: middle; + } + + .md\:align-bottom { + vertical-align: bottom; + } + + .md\:align-text-top { + vertical-align: text-top; + } + + .md\:align-text-bottom { + vertical-align: text-bottom; + } + + .md\:visible { + visibility: visible; + } + + .md\:invisible { + visibility: hidden; + } + + .md\:whitespace-normal { + white-space: normal; + } + + .md\:whitespace-no-wrap { + white-space: nowrap; + } + + .md\:whitespace-pre { + white-space: pre; + } + + .md\:whitespace-pre-line { + white-space: pre-line; + } + + .md\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; + } + + .md\:break-words { + overflow-wrap: break-word; + } + + .md\:break-all { + word-break: break-all; + } + + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .md\:w-0 { + width: 0; + } + + .md\:w-1 { + width: 0.25rem; + } + + .md\:w-2 { + width: 0.5rem; + } + + .md\:w-3 { + width: 0.75rem; + } + + .md\:w-4 { + width: 1rem; + } + + .md\:w-5 { + width: 1.25rem; + } + + .md\:w-6 { + width: 1.5rem; + } + + .md\:w-8 { + width: 2rem; } - .md\:hover\:text-pink-100:hover { - color: #fff5f7; + .md\:w-10 { + width: 2.5rem; } - .md\:hover\:text-pink-200:hover { - color: #fed7e2; + .md\:w-12 { + width: 3rem; } - .md\:hover\:text-pink-300:hover { - color: #fbb6ce; + .md\:w-16 { + width: 4rem; } - .md\:hover\:text-pink-400:hover { - color: #f687b3; + .md\:w-20 { + width: 5rem; } - .md\:hover\:text-pink-500:hover { - color: #ed64a6; + .md\:w-24 { + width: 6rem; } - .md\:hover\:text-pink-600:hover { - color: #d53f8c; + .md\:w-32 { + width: 8rem; } - .md\:hover\:text-pink-700:hover { - color: #b83280; + .md\:w-40 { + width: 10rem; } - .md\:hover\:text-pink-800:hover { - color: #97266d; + .md\:w-48 { + width: 12rem; } - .md\:hover\:text-pink-900:hover { - color: #702459; + .md\:w-56 { + width: 14rem; } - .md\:focus\:text-transparent:focus { - color: transparent; + .md\:w-64 { + width: 16rem; } - .md\:focus\:text-black:focus { - color: #000; + .md\:w-auto { + width: auto; } - .md\:focus\:text-white:focus { - color: #fff; + .md\:w-px { + width: 1px; } - .md\:focus\:text-gray-100:focus { - color: #f7fafc; + .md\:w-1\/2 { + width: 50%; } - .md\:focus\:text-gray-200:focus { - color: #edf2f7; + .md\:w-1\/3 { + width: 33.333333%; } - .md\:focus\:text-gray-300:focus { - color: #e2e8f0; + .md\:w-2\/3 { + width: 66.666667%; } - .md\:focus\:text-gray-400:focus { - color: #cbd5e0; + .md\:w-1\/4 { + width: 25%; } - .md\:focus\:text-gray-500:focus { - color: #a0aec0; + .md\:w-2\/4 { + width: 50%; } - .md\:focus\:text-gray-600:focus { - color: #718096; + .md\:w-3\/4 { + width: 75%; } - .md\:focus\:text-gray-700:focus { - color: #4a5568; + .md\:w-1\/5 { + width: 20%; } - .md\:focus\:text-gray-800:focus { - color: #2d3748; + .md\:w-2\/5 { + width: 40%; } - .md\:focus\:text-gray-900:focus { - color: #1a202c; + .md\:w-3\/5 { + width: 60%; } - .md\:focus\:text-red-100:focus { - color: #fff5f5; + .md\:w-4\/5 { + width: 80%; } - .md\:focus\:text-red-200:focus { - color: #fed7d7; + .md\:w-1\/6 { + width: 16.666667%; } - .md\:focus\:text-red-300:focus { - color: #feb2b2; + .md\:w-2\/6 { + width: 33.333333%; } - .md\:focus\:text-red-400:focus { - color: #fc8181; + .md\:w-3\/6 { + width: 50%; } - .md\:focus\:text-red-500:focus { - color: #f56565; + .md\:w-4\/6 { + width: 66.666667%; } - .md\:focus\:text-red-600:focus { - color: #e53e3e; + .md\:w-5\/6 { + width: 83.333333%; } - .md\:focus\:text-red-700:focus { - color: #c53030; + .md\:w-1\/12 { + width: 8.333333%; } - .md\:focus\:text-red-800:focus { - color: #9b2c2c; + .md\:w-2\/12 { + width: 16.666667%; } - .md\:focus\:text-red-900:focus { - color: #742a2a; + .md\:w-3\/12 { + width: 25%; } - .md\:focus\:text-orange-100:focus { - color: #fffaf0; + .md\:w-4\/12 { + width: 33.333333%; } - .md\:focus\:text-orange-200:focus { - color: #feebc8; + .md\:w-5\/12 { + width: 41.666667%; } - .md\:focus\:text-orange-300:focus { - color: #fbd38d; + .md\:w-6\/12 { + width: 50%; } - .md\:focus\:text-orange-400:focus { - color: #f6ad55; + .md\:w-7\/12 { + width: 58.333333%; } - .md\:focus\:text-orange-500:focus { - color: #ed8936; + .md\:w-8\/12 { + width: 66.666667%; } - .md\:focus\:text-orange-600:focus { - color: #dd6b20; + .md\:w-9\/12 { + width: 75%; } - .md\:focus\:text-orange-700:focus { - color: #c05621; + .md\:w-10\/12 { + width: 83.333333%; } - .md\:focus\:text-orange-800:focus { - color: #9c4221; + .md\:w-11\/12 { + width: 91.666667%; } - .md\:focus\:text-orange-900:focus { - color: #7b341e; + .md\:w-full { + width: 100%; } - .md\:focus\:text-yellow-100:focus { - color: #fffff0; + .md\:w-screen { + width: 100vw; } - .md\:focus\:text-yellow-200:focus { - color: #fefcbf; + .md\:z-0 { + z-index: 0; } - .md\:focus\:text-yellow-300:focus { - color: #faf089; + .md\:z-10 { + z-index: 10; } - .md\:focus\:text-yellow-400:focus { - color: #f6e05e; + .md\:z-20 { + z-index: 20; } - .md\:focus\:text-yellow-500:focus { - color: #ecc94b; + .md\:z-30 { + z-index: 30; } - .md\:focus\:text-yellow-600:focus { - color: #d69e2e; + .md\:z-40 { + z-index: 40; } - .md\:focus\:text-yellow-700:focus { - color: #b7791f; + .md\:z-50 { + z-index: 50; } - .md\:focus\:text-yellow-800:focus { - color: #975a16; + .md\:z-auto { + z-index: auto; } - .md\:focus\:text-yellow-900:focus { - color: #744210; + .md\:gap-0 { + grid-gap: 0; + gap: 0; } - .md\:focus\:text-green-100:focus { - color: #f0fff4; + .md\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .md\:focus\:text-green-200:focus { - color: #c6f6d5; + .md\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .md\:focus\:text-green-300:focus { - color: #9ae6b4; + .md\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .md\:focus\:text-green-400:focus { - color: #68d391; + .md\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .md\:focus\:text-green-500:focus { - color: #48bb78; + .md\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .md\:focus\:text-green-600:focus { - color: #38a169; + .md\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .md\:focus\:text-green-700:focus { - color: #2f855a; + .md\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .md\:focus\:text-green-800:focus { - color: #276749; + .md\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .md\:focus\:text-green-900:focus { - color: #22543d; + .md\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .md\:focus\:text-teal-100:focus { - color: #e6fffa; + .md\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .md\:focus\:text-teal-200:focus { - color: #b2f5ea; + .md\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .md\:focus\:text-teal-300:focus { - color: #81e6d9; + .md\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .md\:focus\:text-teal-400:focus { - color: #4fd1c5; + .md\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .md\:focus\:text-teal-500:focus { - color: #38b2ac; + .md\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .md\:focus\:text-teal-600:focus { - color: #319795; + .md\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .md\:focus\:text-teal-700:focus { - color: #2c7a7b; + .md\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .md\:focus\:text-teal-800:focus { - color: #285e61; + .md\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .md\:focus\:text-teal-900:focus { - color: #234e52; + .md\:gap-px { + grid-gap: 1px; + gap: 1px; } - .md\:focus\:text-blue-100:focus { - color: #ebf8ff; + .md\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .md\:focus\:text-blue-200:focus { - color: #bee3f8; + .md\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .md\:focus\:text-blue-300:focus { - color: #90cdf4; + .md\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .md\:focus\:text-blue-400:focus { - color: #63b3ed; + .md\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .md\:focus\:text-blue-500:focus { - color: #4299e1; + .md\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .md\:focus\:text-blue-600:focus { - color: #3182ce; + .md\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .md\:focus\:text-blue-700:focus { - color: #2b6cb0; + .md\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .md\:focus\:text-blue-800:focus { - color: #2c5282; + .md\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .md\:focus\:text-blue-900:focus { - color: #2a4365; + .md\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .md\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .md\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .md\:focus\:text-indigo-200:focus { - color: #c3dafe; + .md\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .md\:focus\:text-indigo-300:focus { - color: #a3bffa; + .md\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .md\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .md\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .md\:focus\:text-indigo-500:focus { - color: #667eea; + .md\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .md\:focus\:text-indigo-600:focus { - color: #5a67d8; + .md\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .md\:focus\:text-indigo-700:focus { - color: #4c51bf; + .md\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .md\:focus\:text-indigo-800:focus { - color: #434190; + .md\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .md\:focus\:text-indigo-900:focus { - color: #3c366b; + .md\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .md\:focus\:text-purple-100:focus { - color: #faf5ff; + .md\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .md\:focus\:text-purple-200:focus { - color: #e9d8fd; + .md\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .md\:focus\:text-purple-300:focus { - color: #d6bcfa; + .md\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .md\:focus\:text-purple-400:focus { - color: #b794f4; + .md\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .md\:focus\:text-purple-500:focus { - color: #9f7aea; + .md\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .md\:focus\:text-purple-600:focus { - color: #805ad5; + .md\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .md\:focus\:text-purple-700:focus { - color: #6b46c1; + .md\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .md\:focus\:text-purple-800:focus { - color: #553c9a; + .md\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .md\:focus\:text-purple-900:focus { - color: #44337a; + .md\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .md\:focus\:text-pink-100:focus { - color: #fff5f7; + .md\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .md\:focus\:text-pink-200:focus { - color: #fed7e2; + .md\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .md\:focus\:text-pink-300:focus { - color: #fbb6ce; + .md\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .md\:focus\:text-pink-400:focus { - color: #f687b3; + .md\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .md\:focus\:text-pink-500:focus { - color: #ed64a6; + .md\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .md\:focus\:text-pink-600:focus { - color: #d53f8c; + .md\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .md\:focus\:text-pink-700:focus { - color: #b83280; + .md\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .md\:focus\:text-pink-800:focus { - color: #97266d; + .md\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .md\:focus\:text-pink-900:focus { - color: #702459; + .md\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .md\:text-xs { - font-size: 0.75rem; + .md\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .md\:text-sm { - font-size: 0.875rem; + .md\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .md\:text-base { - font-size: 1rem; + .md\:grid-flow-row { + grid-auto-flow: row; } - .md\:text-lg { - font-size: 1.125rem; + .md\:grid-flow-col { + grid-auto-flow: column; } - .md\:text-xl { - font-size: 1.25rem; + .md\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .md\:text-2xl { - font-size: 1.5rem; + .md\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .md\:text-3xl { - font-size: 1.875rem; + .md\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .md\:text-4xl { - font-size: 2.25rem; + .md\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .md\:text-5xl { - font-size: 3rem; + .md\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .md\:text-6xl { - font-size: 4rem; + .md\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .md\:italic { - font-style: italic; + .md\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .md\:not-italic { - font-style: normal; + .md\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .md\:uppercase { - text-transform: uppercase; + .md\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .md\:lowercase { - text-transform: lowercase; + .md\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .md\:capitalize { - text-transform: capitalize; + .md\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .md\:normal-case { - text-transform: none; + .md\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .md\:underline { - text-decoration: underline; + .md\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .md\:line-through { - text-decoration: line-through; + .md\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .md\:no-underline { - text-decoration: none; + .md\:grid-cols-none { + grid-template-columns: none; } - .md\:hover\:underline:hover { - text-decoration: underline; + .md\:col-auto { + grid-column: auto; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .md\:col-span-1 { + grid-column: span 1 / span 1; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .md\:col-span-2 { + grid-column: span 2 / span 2; } - .md\:focus\:underline:focus { - text-decoration: underline; + .md\:col-span-3 { + grid-column: span 3 / span 3; } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .md\:col-span-4 { + grid-column: span 4 / span 4; } - .md\:focus\:no-underline:focus { - text-decoration: none; + .md\:col-span-5 { + grid-column: span 5 / span 5; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:col-span-6 { + grid-column: span 6 / span 6; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:col-span-7 { + grid-column: span 7 / span 7; } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .md\:col-span-8 { + grid-column: span 8 / span 8; } - .md\:tracking-tight { - letter-spacing: -0.025em; + .md\:col-span-9 { + grid-column: span 9 / span 9; } - .md\:tracking-normal { - letter-spacing: 0; + .md\:col-span-10 { + grid-column: span 10 / span 10; } - .md\:tracking-wide { - letter-spacing: 0.025em; + .md\:col-span-11 { + grid-column: span 11 / span 11; } - .md\:tracking-wider { - letter-spacing: 0.05em; + .md\:col-span-12 { + grid-column: span 12 / span 12; } - .md\:tracking-widest { - letter-spacing: 0.1em; + .md\:col-start-1 { + grid-column-start: 1; } - .md\:select-none { - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; + .md\:col-start-2 { + grid-column-start: 2; } - .md\:select-text { - -webkit-user-select: text; - -ms-user-select: text; - user-select: text; + .md\:col-start-3 { + grid-column-start: 3; } - .md\:select-all { - -webkit-user-select: all; - -ms-user-select: all; - user-select: all; + .md\:col-start-4 { + grid-column-start: 4; } - .md\:select-auto { - -webkit-user-select: auto; - -ms-user-select: auto; - user-select: auto; + .md\:col-start-5 { + grid-column-start: 5; } - .md\:align-baseline { - vertical-align: baseline; + .md\:col-start-6 { + grid-column-start: 6; } - .md\:align-top { - vertical-align: top; + .md\:col-start-7 { + grid-column-start: 7; } - .md\:align-middle { - vertical-align: middle; + .md\:col-start-8 { + grid-column-start: 8; } - .md\:align-bottom { - vertical-align: bottom; + .md\:col-start-9 { + grid-column-start: 9; } - .md\:align-text-top { - vertical-align: text-top; + .md\:col-start-10 { + grid-column-start: 10; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .md\:col-start-11 { + grid-column-start: 11; } - .md\:visible { - visibility: visible; + .md\:col-start-12 { + grid-column-start: 12; } - .md\:invisible { - visibility: hidden; + .md\:col-start-13 { + grid-column-start: 13; } - .md\:whitespace-normal { - white-space: normal; + .md\:col-start-auto { + grid-column-start: auto; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .md\:col-end-1 { + grid-column-end: 1; } - .md\:whitespace-pre { - white-space: pre; + .md\:col-end-2 { + grid-column-end: 2; } - .md\:whitespace-pre-line { - white-space: pre-line; + .md\:col-end-3 { + grid-column-end: 3; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:col-end-4 { + grid-column-end: 4; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .md\:col-end-5 { + grid-column-end: 5; } - .md\:break-words { - overflow-wrap: break-word; + .md\:col-end-6 { + grid-column-end: 6; } - .md\:break-all { - word-break: break-all; + .md\:col-end-7 { + grid-column-end: 7; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:col-end-8 { + grid-column-end: 8; } - .md\:w-0 { - width: 0; + .md\:col-end-9 { + grid-column-end: 9; } - .md\:w-1 { - width: 0.25rem; + .md\:col-end-10 { + grid-column-end: 10; } - .md\:w-2 { - width: 0.5rem; + .md\:col-end-11 { + grid-column-end: 11; } - .md\:w-3 { - width: 0.75rem; + .md\:col-end-12 { + grid-column-end: 12; } - .md\:w-4 { - width: 1rem; + .md\:col-end-13 { + grid-column-end: 13; } - .md\:w-5 { - width: 1.25rem; + .md\:col-end-auto { + grid-column-end: auto; } - .md\:w-6 { - width: 1.5rem; + .md\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .md\:w-8 { - width: 2rem; + .md\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .md\:w-10 { - width: 2.5rem; + .md\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .md\:w-12 { - width: 3rem; + .md\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .md\:w-16 { - width: 4rem; + .md\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .md\:w-20 { - width: 5rem; + .md\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .md\:w-24 { - width: 6rem; + .md\:grid-rows-none { + grid-template-rows: none; } - .md\:w-32 { - width: 8rem; + .md\:row-auto { + grid-row: auto; } - .md\:w-40 { - width: 10rem; + .md\:row-span-1 { + grid-row: span 1 / span 1; } - .md\:w-48 { - width: 12rem; + .md\:row-span-2 { + grid-row: span 2 / span 2; } - .md\:w-56 { - width: 14rem; + .md\:row-span-3 { + grid-row: span 3 / span 3; } - .md\:w-64 { - width: 16rem; + .md\:row-span-4 { + grid-row: span 4 / span 4; } - .md\:w-auto { - width: auto; + .md\:row-span-5 { + grid-row: span 5 / span 5; } - .md\:w-px { - width: 1px; + .md\:row-span-6 { + grid-row: span 6 / span 6; } - .md\:w-1\/2 { - width: 50%; + .md\:row-start-1 { + grid-row-start: 1; } - .md\:w-1\/3 { - width: 33.333333%; + .md\:row-start-2 { + grid-row-start: 2; } - .md\:w-2\/3 { - width: 66.666667%; + .md\:row-start-3 { + grid-row-start: 3; } - .md\:w-1\/4 { - width: 25%; + .md\:row-start-4 { + grid-row-start: 4; } - .md\:w-2\/4 { - width: 50%; + .md\:row-start-5 { + grid-row-start: 5; } - .md\:w-3\/4 { - width: 75%; + .md\:row-start-6 { + grid-row-start: 6; } - .md\:w-1\/5 { - width: 20%; + .md\:row-start-7 { + grid-row-start: 7; } - .md\:w-2\/5 { - width: 40%; + .md\:row-start-auto { + grid-row-start: auto; } - .md\:w-3\/5 { - width: 60%; + .md\:row-end-1 { + grid-row-end: 1; } - .md\:w-4\/5 { - width: 80%; + .md\:row-end-2 { + grid-row-end: 2; } - .md\:w-1\/6 { - width: 16.666667%; + .md\:row-end-3 { + grid-row-end: 3; } - .md\:w-2\/6 { - width: 33.333333%; + .md\:row-end-4 { + grid-row-end: 4; } - .md\:w-3\/6 { - width: 50%; + .md\:row-end-5 { + grid-row-end: 5; } - .md\:w-4\/6 { - width: 66.666667%; + .md\:row-end-6 { + grid-row-end: 6; } - .md\:w-5\/6 { - width: 83.333333%; + .md\:row-end-7 { + grid-row-end: 7; } - .md\:w-1\/12 { - width: 8.333333%; + .md\:row-end-auto { + grid-row-end: auto; } - .md\:w-2\/12 { - width: 16.666667%; + .md\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .md\:w-3\/12 { - width: 25%; + .md\:transform-none { + transform: none; } - .md\:w-4\/12 { - width: 33.333333%; + .md\:origin-center { + transform-origin: center; } - .md\:w-5\/12 { - width: 41.666667%; + .md\:origin-top { + transform-origin: top; } - .md\:w-6\/12 { - width: 50%; + .md\:origin-top-right { + transform-origin: top right; } - .md\:w-7\/12 { - width: 58.333333%; + .md\:origin-right { + transform-origin: right; } - .md\:w-8\/12 { - width: 66.666667%; + .md\:origin-bottom-right { + transform-origin: bottom right; } - .md\:w-9\/12 { - width: 75%; + .md\:origin-bottom { + transform-origin: bottom; } - .md\:w-10\/12 { - width: 83.333333%; + .md\:origin-bottom-left { + transform-origin: bottom left; } - .md\:w-11\/12 { - width: 91.666667%; + .md\:origin-left { + transform-origin: left; } - .md\:w-full { - width: 100%; + .md\:origin-top-left { + transform-origin: top left; } - .md\:w-screen { - width: 100vw; + .md\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:z-0 { - z-index: 0; + .md\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:z-10 { - z-index: 10; + .md\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:z-20 { - z-index: 20; + .md\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:z-30 { - z-index: 30; + .md\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:z-40 { - z-index: 40; + .md\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:z-50 { - z-index: 50; + .md\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:z-auto { - z-index: auto; + .md\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:gap-0 { - grid-gap: 0; - gap: 0; + .md\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .md\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .md\:scale-x-0 { + --transform-scale-x: 0; } - .md\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .md\:scale-x-50 { + --transform-scale-x: .5; } - .md\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .md\:scale-x-75 { + --transform-scale-x: .75; } - .md\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .md\:scale-x-90 { + --transform-scale-x: .9; } - .md\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .md\:scale-x-95 { + --transform-scale-x: .95; } - .md\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .md\:scale-x-100 { + --transform-scale-x: 1; } - .md\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .md\:scale-x-105 { + --transform-scale-x: 1.05; } - .md\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .md\:scale-x-110 { + --transform-scale-x: 1.1; } - .md\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .md\:scale-x-125 { + --transform-scale-x: 1.25; } - .md\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .md\:scale-x-150 { + --transform-scale-x: 1.5; } - .md\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .md\:scale-y-0 { + --transform-scale-y: 0; } - .md\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .md\:scale-y-50 { + --transform-scale-y: .5; } - .md\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .md\:scale-y-75 { + --transform-scale-y: .75; } - .md\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .md\:scale-y-90 { + --transform-scale-y: .9; } - .md\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .md\:scale-y-95 { + --transform-scale-y: .95; } - .md\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .md\:scale-y-100 { + --transform-scale-y: 1; } - .md\:gap-px { - grid-gap: 1px; - gap: 1px; + .md\:scale-y-105 { + --transform-scale-y: 1.05; } - .md\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .md\:scale-y-110 { + --transform-scale-y: 1.1; } - .md\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .md\:scale-y-125 { + --transform-scale-y: 1.25; } - .md\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .md\:scale-y-150 { + --transform-scale-y: 1.5; } - .md\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .md\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .md\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .md\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .md\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .md\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .md\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .md\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .md\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .md\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .md\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .md\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .md\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .md\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .md\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .md\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .md\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .md\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .md\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .md\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .md\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .md\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .md\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .md\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .md\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .md\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .md\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .md\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .md\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .md\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .md\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .md\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .md\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .md\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .md\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .md\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .md\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .md\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .md\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .md\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .md\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .md\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .md\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .md\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .md\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .md\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .md\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .md\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .md\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .md\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .md\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .md\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .md\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .md\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .md\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .md\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .md\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .md\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .md\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .md\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .md\:grid-flow-row { - grid-auto-flow: row; + .md\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .md\:grid-flow-col { - grid-auto-flow: column; + .md\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .md\:grid-flow-row-dense { - grid-auto-flow: row dense; + .md\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .md\:grid-flow-col-dense { - grid-auto-flow: column dense; + .md\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .md\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .md\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .md\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .md\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .md\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .md\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .md\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .md\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .md\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .md\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .md\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .md\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .md\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .md\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .md\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .md\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .md\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .md\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .md\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .md\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .md\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .md\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .md\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .md\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .md\:grid-cols-none { - grid-template-columns: none; + .md\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .md\:col-auto { - grid-column: auto; + .md\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .md\:col-span-1 { - grid-column: span 1 / span 1; + .md\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .md\:col-span-2 { - grid-column: span 2 / span 2; + .md\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .md\:col-span-3 { - grid-column: span 3 / span 3; + .md\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .md\:col-span-4 { - grid-column: span 4 / span 4; + .md\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .md\:col-span-5 { - grid-column: span 5 / span 5; + .md\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .md\:col-span-6 { - grid-column: span 6 / span 6; + .md\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .md\:col-span-7 { - grid-column: span 7 / span 7; + .md\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .md\:col-span-8 { - grid-column: span 8 / span 8; + .md\:rotate-0 { + --transform-rotate: 0; } - .md\:col-span-9 { - grid-column: span 9 / span 9; + .md\:rotate-45 { + --transform-rotate: 45deg; } - .md\:col-span-10 { - grid-column: span 10 / span 10; + .md\:rotate-90 { + --transform-rotate: 90deg; } - .md\:col-span-11 { - grid-column: span 11 / span 11; + .md\:rotate-180 { + --transform-rotate: 180deg; } - .md\:col-span-12 { - grid-column: span 12 / span 12; + .md\:-rotate-180 { + --transform-rotate: -180deg; } - .md\:col-start-1 { - grid-column-start: 1; + .md\:-rotate-90 { + --transform-rotate: -90deg; } - .md\:col-start-2 { - grid-column-start: 2; + .md\:-rotate-45 { + --transform-rotate: -45deg; } - .md\:col-start-3 { - grid-column-start: 3; + .md\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .md\:col-start-4 { - grid-column-start: 4; + .md\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .md\:col-start-5 { - grid-column-start: 5; + .md\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .md\:col-start-6 { - grid-column-start: 6; + .md\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .md\:col-start-7 { - grid-column-start: 7; + .md\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .md\:col-start-8 { - grid-column-start: 8; + .md\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .md\:col-start-9 { - grid-column-start: 9; + .md\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .md\:col-start-10 { - grid-column-start: 10; + .md\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .md\:col-start-11 { - grid-column-start: 11; + .md\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .md\:col-start-12 { - grid-column-start: 12; + .md\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .md\:col-start-13 { - grid-column-start: 13; + .md\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .md\:col-start-auto { - grid-column-start: auto; + .md\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .md\:col-end-1 { - grid-column-end: 1; + .md\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .md\:col-end-2 { - grid-column-end: 2; + .md\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .md\:col-end-3 { - grid-column-end: 3; + .md\:translate-x-0 { + --transform-translate-x: 0; } - .md\:col-end-4 { - grid-column-end: 4; + .md\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .md\:col-end-5 { - grid-column-end: 5; + .md\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .md\:col-end-6 { - grid-column-end: 6; + .md\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .md\:col-end-7 { - grid-column-end: 7; + .md\:translate-x-4 { + --transform-translate-x: 1rem; } - .md\:col-end-8 { - grid-column-end: 8; + .md\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .md\:col-end-9 { - grid-column-end: 9; + .md\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .md\:col-end-10 { - grid-column-end: 10; + .md\:translate-x-8 { + --transform-translate-x: 2rem; } - .md\:col-end-11 { - grid-column-end: 11; + .md\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .md\:col-end-12 { - grid-column-end: 12; + .md\:translate-x-12 { + --transform-translate-x: 3rem; } - .md\:col-end-13 { - grid-column-end: 13; + .md\:translate-x-16 { + --transform-translate-x: 4rem; } - .md\:col-end-auto { - grid-column-end: auto; + .md\:translate-x-20 { + --transform-translate-x: 5rem; } - .md\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .md\:translate-x-24 { + --transform-translate-x: 6rem; } - .md\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .md\:translate-x-32 { + --transform-translate-x: 8rem; } - .md\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .md\:translate-x-40 { + --transform-translate-x: 10rem; } - .md\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .md\:translate-x-48 { + --transform-translate-x: 12rem; } - .md\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .md\:translate-x-56 { + --transform-translate-x: 14rem; } - .md\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .md\:translate-x-64 { + --transform-translate-x: 16rem; } - .md\:grid-rows-none { - grid-template-rows: none; + .md\:translate-x-px { + --transform-translate-x: 1px; } - .md\:row-auto { - grid-row: auto; + .md\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .md\:row-span-1 { - grid-row: span 1 / span 1; + .md\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .md\:row-span-2 { - grid-row: span 2 / span 2; + .md\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .md\:row-span-3 { - grid-row: span 3 / span 3; + .md\:-translate-x-4 { + --transform-translate-x: -1rem; } - .md\:row-span-4 { - grid-row: span 4 / span 4; + .md\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .md\:row-span-5 { - grid-row: span 5 / span 5; + .md\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .md\:row-span-6 { - grid-row: span 6 / span 6; + .md\:-translate-x-8 { + --transform-translate-x: -2rem; } - .md\:row-start-1 { - grid-row-start: 1; + .md\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .md\:row-start-2 { - grid-row-start: 2; + .md\:-translate-x-12 { + --transform-translate-x: -3rem; } - .md\:row-start-3 { - grid-row-start: 3; + .md\:-translate-x-16 { + --transform-translate-x: -4rem; } - .md\:row-start-4 { - grid-row-start: 4; + .md\:-translate-x-20 { + --transform-translate-x: -5rem; } - .md\:row-start-5 { - grid-row-start: 5; + .md\:-translate-x-24 { + --transform-translate-x: -6rem; } - .md\:row-start-6 { - grid-row-start: 6; + .md\:-translate-x-32 { + --transform-translate-x: -8rem; } - .md\:row-start-7 { - grid-row-start: 7; + .md\:-translate-x-40 { + --transform-translate-x: -10rem; } - .md\:row-start-auto { - grid-row-start: auto; + .md\:-translate-x-48 { + --transform-translate-x: -12rem; } - .md\:row-end-1 { - grid-row-end: 1; + .md\:-translate-x-56 { + --transform-translate-x: -14rem; } - .md\:row-end-2 { - grid-row-end: 2; + .md\:-translate-x-64 { + --transform-translate-x: -16rem; } - .md\:row-end-3 { - grid-row-end: 3; + .md\:-translate-x-px { + --transform-translate-x: -1px; } - .md\:row-end-4 { - grid-row-end: 4; + .md\:-translate-x-full { + --transform-translate-x: -100%; } - .md\:row-end-5 { - grid-row-end: 5; + .md\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .md\:row-end-6 { - grid-row-end: 6; + .md\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .md\:row-end-7 { - grid-row-end: 7; + .md\:translate-x-full { + --transform-translate-x: 100%; } - .md\:row-end-auto { - grid-row-end: auto; + .md\:translate-y-0 { + --transform-translate-y: 0; } - .md\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .md\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .md\:transform-none { - transform: none; + .md\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .md\:origin-center { - transform-origin: center; + .md\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .md\:origin-top { - transform-origin: top; + .md\:translate-y-4 { + --transform-translate-y: 1rem; } - .md\:origin-top-right { - transform-origin: top right; + .md\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .md\:origin-right { - transform-origin: right; + .md\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .md\:origin-bottom-right { - transform-origin: bottom right; + .md\:translate-y-8 { + --transform-translate-y: 2rem; } - .md\:origin-bottom { - transform-origin: bottom; + .md\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .md\:origin-bottom-left { - transform-origin: bottom left; + .md\:translate-y-12 { + --transform-translate-y: 3rem; } - .md\:origin-left { - transform-origin: left; + .md\:translate-y-16 { + --transform-translate-y: 4rem; } - .md\:origin-top-left { - transform-origin: top left; + .md\:translate-y-20 { + --transform-translate-y: 5rem; } - .md\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:translate-y-24 { + --transform-translate-y: 6rem; } - .md\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:translate-y-32 { + --transform-translate-y: 8rem; } - .md\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:translate-y-40 { + --transform-translate-y: 10rem; } - .md\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:translate-y-48 { + --transform-translate-y: 12rem; } - .md\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:translate-y-56 { + --transform-translate-y: 14rem; } - .md\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:translate-y-64 { + --transform-translate-y: 16rem; } - .md\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:translate-y-px { + --transform-translate-y: 1px; } - .md\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .md\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .md\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .md\:scale-x-0 { - --transform-scale-x: 0; + .md\:-translate-y-4 { + --transform-translate-y: -1rem; } - .md\:scale-x-50 { - --transform-scale-x: .5; + .md\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .md\:scale-x-75 { - --transform-scale-x: .75; + .md\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .md\:scale-x-90 { - --transform-scale-x: .9; + .md\:-translate-y-8 { + --transform-translate-y: -2rem; } - .md\:scale-x-95 { - --transform-scale-x: .95; + .md\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .md\:scale-x-100 { - --transform-scale-x: 1; + .md\:-translate-y-12 { + --transform-translate-y: -3rem; } - .md\:scale-x-105 { - --transform-scale-x: 1.05; + .md\:-translate-y-16 { + --transform-translate-y: -4rem; } - .md\:scale-x-110 { - --transform-scale-x: 1.1; + .md\:-translate-y-20 { + --transform-translate-y: -5rem; } - .md\:scale-x-125 { - --transform-scale-x: 1.25; + .md\:-translate-y-24 { + --transform-translate-y: -6rem; } - .md\:scale-x-150 { - --transform-scale-x: 1.5; + .md\:-translate-y-32 { + --transform-translate-y: -8rem; } - .md\:scale-y-0 { - --transform-scale-y: 0; + .md\:-translate-y-40 { + --transform-translate-y: -10rem; } - .md\:scale-y-50 { - --transform-scale-y: .5; + .md\:-translate-y-48 { + --transform-translate-y: -12rem; } - .md\:scale-y-75 { - --transform-scale-y: .75; + .md\:-translate-y-56 { + --transform-translate-y: -14rem; } - .md\:scale-y-90 { - --transform-scale-y: .9; + .md\:-translate-y-64 { + --transform-translate-y: -16rem; } - .md\:scale-y-95 { - --transform-scale-y: .95; + .md\:-translate-y-px { + --transform-translate-y: -1px; } - .md\:scale-y-100 { - --transform-scale-y: 1; + .md\:-translate-y-full { + --transform-translate-y: -100%; } - .md\:scale-y-105 { - --transform-scale-y: 1.05; + .md\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .md\:scale-y-110 { - --transform-scale-y: 1.1; + .md\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .md\:scale-y-125 { - --transform-scale-y: 1.25; + .md\:translate-y-full { + --transform-translate-y: 100%; } - .md\:scale-y-150 { - --transform-scale-y: 1.5; + .md\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .md\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .md\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .md\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .md\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .md\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .md\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .md\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .md\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .md\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .md\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .md\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .md\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .md\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .md\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .md\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .md\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .md\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .md\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .md\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .md\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .md\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .md\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .md\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .md\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .md\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .md\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .md\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .md\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .md\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .md\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .md\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .md\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .md\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .md\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .md\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .md\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .md\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .md\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .md\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .md\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .md\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .md\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .md\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .md\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .md\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .md\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .md\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .md\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .md\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .md\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .md\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .md\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .md\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .md\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .md\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .md\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .md\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .md\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .md\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .md\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .md\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .md\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .md\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .md\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .md\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .md\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .md\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .md\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .md\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .md\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .md\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .md\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .md\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .md\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .md\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .md\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .md\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .md\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .md\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .md\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .md\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .md\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .md\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .md\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .md\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .md\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .md\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .md\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .md\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .md\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .md\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .md\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .md\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .md\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .md\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .md\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .md\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .md\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .md\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .md\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .md\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .md\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .md\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .md\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .md\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .md\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .md\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .md\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .md\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .md\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .md\:rotate-0 { - --transform-rotate: 0; + .md\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .md\:rotate-45 { - --transform-rotate: 45deg; + .md\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .md\:rotate-90 { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .md\:rotate-180 { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .md\:-rotate-180 { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .md\:-rotate-90 { - --transform-rotate: -90deg; + .md\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .md\:-rotate-45 { - --transform-rotate: -45deg; + .md\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .md\:hover\:rotate-0:hover { - --transform-rotate: 0; + .md\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .md\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .md\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .md\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .md\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .md\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .md\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .md\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .md\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .md\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .md\:focus\:rotate-0:focus { - --transform-rotate: 0; + .md\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .md\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .md\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .md\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .md\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .md\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .md\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .md\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .md\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; } - .md\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .md\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .md\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .md\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .md\:translate-x-0 { + .md\:focus\:translate-x-0:focus { --transform-translate-x: 0; } - .md\:translate-x-1 { + .md\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem; } - .md\:translate-x-2 { + .md\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem; } - .md\:translate-x-3 { + .md\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem; } - .md\:translate-x-4 { + .md\:focus\:translate-x-4:focus { --transform-translate-x: 1rem; } - .md\:translate-x-5 { + .md\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem; } - .md\:translate-x-6 { + .md\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem; } - .md\:translate-x-8 { + .md\:focus\:translate-x-8:focus { --transform-translate-x: 2rem; } - .md\:translate-x-10 { + .md\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem; } - .md\:translate-x-12 { + .md\:focus\:translate-x-12:focus { --transform-translate-x: 3rem; } - .md\:translate-x-16 { + .md\:focus\:translate-x-16:focus { --transform-translate-x: 4rem; } - .md\:translate-x-20 { + .md\:focus\:translate-x-20:focus { --transform-translate-x: 5rem; } - .md\:translate-x-24 { + .md\:focus\:translate-x-24:focus { --transform-translate-x: 6rem; } - .md\:translate-x-32 { + .md\:focus\:translate-x-32:focus { --transform-translate-x: 8rem; } - .md\:translate-x-40 { + .md\:focus\:translate-x-40:focus { --transform-translate-x: 10rem; } - .md\:translate-x-48 { + .md\:focus\:translate-x-48:focus { --transform-translate-x: 12rem; } - .md\:translate-x-56 { + .md\:focus\:translate-x-56:focus { --transform-translate-x: 14rem; } - .md\:translate-x-64 { + .md\:focus\:translate-x-64:focus { --transform-translate-x: 16rem; } - .md\:translate-x-px { + .md\:focus\:translate-x-px:focus { --transform-translate-x: 1px; } - .md\:-translate-x-1 { + .md\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem; } - .md\:-translate-x-2 { + .md\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem; } - .md\:-translate-x-3 { + .md\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem; } - .md\:-translate-x-4 { + .md\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem; } - .md\:-translate-x-5 { + .md\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem; } - .md\:-translate-x-6 { + .md\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem; } - .md\:-translate-x-8 { + .md\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem; } - .md\:-translate-x-10 { + .md\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem; } - .md\:-translate-x-12 { + .md\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem; } - .md\:-translate-x-16 { + .md\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem; } - .md\:-translate-x-20 { + .md\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem; } - .md\:-translate-x-24 { + .md\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem; } - .md\:-translate-x-32 { + .md\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem; } - .md\:-translate-x-40 { + .md\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem; } - .md\:-translate-x-48 { + .md\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem; } - .md\:-translate-x-56 { + .md\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem; } - .md\:-translate-x-64 { + .md\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem; } - .md\:-translate-x-px { + .md\:focus\:-translate-x-px:focus { --transform-translate-x: -1px; } - .md\:-translate-x-full { + .md\:focus\:-translate-x-full:focus { --transform-translate-x: -100%; } - .md\:-translate-x-1\/2 { + .md\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50%; } - .md\:translate-x-1\/2 { + .md\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50%; } - .md\:translate-x-full { + .md\:focus\:translate-x-full:focus { --transform-translate-x: 100%; } - .md\:translate-y-0 { + .md\:focus\:translate-y-0:focus { --transform-translate-y: 0; } - .md\:translate-y-1 { + .md\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem; } - .md\:translate-y-2 { + .md\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem; } - .md\:translate-y-3 { + .md\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem; } - .md\:translate-y-4 { + .md\:focus\:translate-y-4:focus { --transform-translate-y: 1rem; } - .md\:translate-y-5 { + .md\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem; } - .md\:translate-y-6 { + .md\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem; } - .md\:translate-y-8 { + .md\:focus\:translate-y-8:focus { --transform-translate-y: 2rem; } - .md\:translate-y-10 { + .md\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem; } - .md\:translate-y-12 { + .md\:focus\:translate-y-12:focus { --transform-translate-y: 3rem; } - .md\:translate-y-16 { + .md\:focus\:translate-y-16:focus { --transform-translate-y: 4rem; } - .md\:translate-y-20 { + .md\:focus\:translate-y-20:focus { --transform-translate-y: 5rem; } - .md\:translate-y-24 { + .md\:focus\:translate-y-24:focus { --transform-translate-y: 6rem; } - .md\:translate-y-32 { + .md\:focus\:translate-y-32:focus { --transform-translate-y: 8rem; } - .md\:translate-y-40 { + .md\:focus\:translate-y-40:focus { --transform-translate-y: 10rem; } - .md\:translate-y-48 { + .md\:focus\:translate-y-48:focus { --transform-translate-y: 12rem; } - .md\:translate-y-56 { + .md\:focus\:translate-y-56:focus { --transform-translate-y: 14rem; } - .md\:translate-y-64 { + .md\:focus\:translate-y-64:focus { --transform-translate-y: 16rem; } - .md\:translate-y-px { + .md\:focus\:translate-y-px:focus { --transform-translate-y: 1px; } - .md\:-translate-y-1 { + .md\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem; } - .md\:-translate-y-2 { + .md\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem; } - .md\:-translate-y-3 { + .md\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem; } - .md\:-translate-y-4 { + .md\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem; } - .md\:-translate-y-5 { + .md\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem; } - .md\:-translate-y-6 { + .md\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem; } - .md\:-translate-y-8 { + .md\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem; } - .md\:-translate-y-10 { + .md\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem; } - .md\:-translate-y-12 { + .md\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem; } - .md\:-translate-y-16 { + .md\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem; } - .md\:-translate-y-20 { + .md\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem; } - .md\:-translate-y-24 { + .md\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem; } - .md\:-translate-y-32 { + .md\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem; } - .md\:-translate-y-40 { + .md\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem; } - .md\:-translate-y-48 { + .md\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem; } - .md\:-translate-y-56 { + .md\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem; } - .md\:-translate-y-64 { + .md\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem; } - .md\:-translate-y-px { + .md\:focus\:-translate-y-px:focus { --transform-translate-y: -1px; } - .md\:-translate-y-full { + .md\:focus\:-translate-y-full:focus { --transform-translate-y: -100%; } - .md\:-translate-y-1\/2 { + .md\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50%; } - .md\:translate-y-1\/2 { + .md\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50%; } - .md\:translate-y-full { + .md\:focus\:translate-y-full:focus { --transform-translate-y: 100%; } - .md\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .md\:skew-x-0 { + --transform-skew-x: 0; } - .md\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .md\:skew-x-3 { + --transform-skew-x: 3deg; } - .md\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .md\:skew-x-6 { + --transform-skew-x: 6deg; } - .md\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .md\:skew-x-12 { + --transform-skew-x: 12deg; } - .md\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .md\:-skew-x-12 { + --transform-skew-x: -12deg; } - .md\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .md\:-skew-x-6 { + --transform-skew-x: -6deg; } - .md\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .md\:-skew-x-3 { + --transform-skew-x: -3deg; } - .md\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .md\:skew-y-0 { + --transform-skew-y: 0; } - .md\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .md\:skew-y-3 { + --transform-skew-y: 3deg; } - .md\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .md\:skew-y-6 { + --transform-skew-y: 6deg; } - .md\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .md\:skew-y-12 { + --transform-skew-y: 12deg; } - .md\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .md\:-skew-y-12 { + --transform-skew-y: -12deg; } - .md\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .md\:-skew-y-6 { + --transform-skew-y: -6deg; } - .md\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .md\:-skew-y-3 { + --transform-skew-y: -3deg; } - .md\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .md\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .md\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .md\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .md\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .md\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .md\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .md\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .md\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .md\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .md\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .md\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .md\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .md\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .md\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .md\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .md\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .md\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .md\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .md\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .md\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .md\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .md\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .md\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .md\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .md\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .md\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .md\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .md\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .md\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .md\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .md\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .md\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .md\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .md\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .md\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .md\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .md\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .md\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .md\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .md\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .md\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .md\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .md\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .md\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .md\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .md\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .md\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .md\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .md\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .md\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .md\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .md\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .md\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .md\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .md\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .md\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .md\:transition-none { + transition-property: none; } - .md\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .md\:transition-all { + transition-property: all; } - .md\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .md\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .md\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .md\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .md\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .md\:transition-opacity { + transition-property: opacity; } - .md\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .md\:transition-shadow { + transition-property: box-shadow; } - .md\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .md\:transition-transform { + transition-property: transform; } - .md\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .md\:ease-linear { + transition-timing-function: linear; } - .md\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .md\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .md\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .md\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + } + + .md\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + } + + .md\:duration-75 { + transition-duration: 75ms; + } + + .md\:duration-100 { + transition-duration: 100ms; + } + + .md\:duration-150 { + transition-duration: 150ms; + } + + .md\:duration-200 { + transition-duration: 200ms; + } + + .md\:duration-300 { + transition-duration: 300ms; + } + + .md\:duration-500 { + transition-duration: 500ms; + } + + .md\:duration-700 { + transition-duration: 700ms; + } + + .md\:duration-1000 { + transition-duration: 1000ms; + } + + .md\:delay-75 { + transition-delay: 75ms; + } + + .md\:delay-100 { + transition-delay: 100ms; + } + + .md\:delay-150 { + transition-delay: 150ms; + } + + .md\:delay-200 { + transition-delay: 200ms; + } + + .md\:delay-300 { + transition-delay: 300ms; + } + + .md\:delay-500 { + transition-delay: 500ms; + } + + .md\:delay-700 { + transition-delay: 700ms; + } + + .md\:delay-1000 { + transition-delay: 1000ms; + } +} + +@media (min-width: 1024px) { + .lg\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0 * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0 * var(--space-y-reverse)); + } + + .lg\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0 * var(--space-x-reverse)); + margin-left: calc(0 * calc(1 - var(--space-x-reverse))); + } + + .lg\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); + } + + .lg\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); + } + + .lg\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); + } + + .lg\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); + } + + .lg\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); + } + + .lg\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); + } + + .lg\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .md\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .md\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .md\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); } - .md\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; + .lg\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .lg\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .lg\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .lg\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .lg\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .lg\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .lg\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .lg\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .lg\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); } - .md\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .lg\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); } - .md\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .lg\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); } - .md\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .lg\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); } - .md\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .lg\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .lg\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .lg\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .lg\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .lg\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .lg\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .lg\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .lg\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .lg\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .lg\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .lg\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .lg\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .lg\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .lg\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .lg\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .lg\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .lg\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .lg\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .lg\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .md\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .lg\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .lg\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .lg\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .lg\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .lg\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .lg\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .lg\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .lg\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .lg\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .lg\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .lg\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .lg\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .lg\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .lg\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .md\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .lg\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .lg\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .md\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .lg\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .md\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .lg\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .md\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .lg\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .md\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .lg\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0 * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0 * var(--divide-y-reverse)); } - .md\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .lg\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0 * var(--divide-x-reverse)); + border-left-width: calc(0 * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .lg\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .md\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .lg\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .lg\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .md\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .lg\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .lg\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .md\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .lg\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .lg\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .md\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .lg\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .md\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .lg\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .md\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .lg\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .md\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .lg\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .md\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .lg\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .md\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .lg\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .md\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .lg\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .md\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .lg\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f7fafc; } - .md\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .lg\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #edf2f7; } - .md\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .lg\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #e2e8f0; } - .md\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .lg\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #cbd5e0; } - .md\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .lg\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #a0aec0; } - .md\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .lg\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #718096; } - .md\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .lg\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #4a5568; } - .md\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .lg\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #2d3748; } - .md\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .lg\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #1a202c; } - .md\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .lg\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fff5f5; } - .md\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .lg\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fed7d7; } - .md\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .lg\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #feb2b2; } - .md\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .lg\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #fc8181; } - .md\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .lg\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #f56565; } - .md\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .lg\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #e53e3e; } - .md\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .lg\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #c53030; } - .md\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .lg\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #9b2c2c; } - .md\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .lg\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #742a2a; } - .md\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .lg\:divide-orange-100 > :not(template) ~ :not(template) { + border-color: #fffaf0; } - .md\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .lg\:divide-orange-200 > :not(template) ~ :not(template) { + border-color: #feebc8; } - .md\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .lg\:divide-orange-300 > :not(template) ~ :not(template) { + border-color: #fbd38d; } - .md\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .lg\:divide-orange-400 > :not(template) ~ :not(template) { + border-color: #f6ad55; } - .md\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .lg\:divide-orange-500 > :not(template) ~ :not(template) { + border-color: #ed8936; } - .md\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .lg\:divide-orange-600 > :not(template) ~ :not(template) { + border-color: #dd6b20; } - .md\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .lg\:divide-orange-700 > :not(template) ~ :not(template) { + border-color: #c05621; } - .md\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .lg\:divide-orange-800 > :not(template) ~ :not(template) { + border-color: #9c4221; } - .md\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .lg\:divide-orange-900 > :not(template) ~ :not(template) { + border-color: #7b341e; } - .md\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .lg\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fffff0; } - .md\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .lg\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fefcbf; } - .md\:skew-x-0 { - --transform-skew-x: 0; + .lg\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #faf089; } - .md\:skew-x-3 { - --transform-skew-x: 3deg; + .lg\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #f6e05e; } - .md\:skew-x-6 { - --transform-skew-x: 6deg; + .lg\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #ecc94b; } - .md\:skew-x-12 { - --transform-skew-x: 12deg; + .lg\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d69e2e; } - .md\:-skew-x-12 { - --transform-skew-x: -12deg; + .lg\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b7791f; } - .md\:-skew-x-6 { - --transform-skew-x: -6deg; + .lg\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #975a16; } - .md\:-skew-x-3 { - --transform-skew-x: -3deg; + .lg\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #744210; } - .md\:skew-y-0 { - --transform-skew-y: 0; + .lg\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #f0fff4; } - .md\:skew-y-3 { - --transform-skew-y: 3deg; + .lg\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #c6f6d5; } - .md\:skew-y-6 { - --transform-skew-y: 6deg; + .lg\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #9ae6b4; } - .md\:skew-y-12 { - --transform-skew-y: 12deg; + .lg\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #68d391; } - .md\:-skew-y-12 { - --transform-skew-y: -12deg; + .lg\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #48bb78; } - .md\:-skew-y-6 { - --transform-skew-y: -6deg; + .lg\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #38a169; } - .md\:-skew-y-3 { - --transform-skew-y: -3deg; + .lg\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #2f855a; } - .md\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .lg\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #276749; } - .md\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .lg\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #22543d; } - .md\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .lg\:divide-teal-100 > :not(template) ~ :not(template) { + border-color: #e6fffa; } - .md\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .lg\:divide-teal-200 > :not(template) ~ :not(template) { + border-color: #b2f5ea; } - .md\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .lg\:divide-teal-300 > :not(template) ~ :not(template) { + border-color: #81e6d9; } - .md\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .lg\:divide-teal-400 > :not(template) ~ :not(template) { + border-color: #4fd1c5; } - .md\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .lg\:divide-teal-500 > :not(template) ~ :not(template) { + border-color: #38b2ac; } - .md\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .lg\:divide-teal-600 > :not(template) ~ :not(template) { + border-color: #319795; } - .md\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .lg\:divide-teal-700 > :not(template) ~ :not(template) { + border-color: #2c7a7b; } - .md\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .lg\:divide-teal-800 > :not(template) ~ :not(template) { + border-color: #285e61; } - .md\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .lg\:divide-teal-900 > :not(template) ~ :not(template) { + border-color: #234e52; } - .md\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .lg\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #ebf8ff; } - .md\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .lg\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bee3f8; } - .md\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .lg\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #90cdf4; } - .md\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .lg\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #63b3ed; } - .md\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .lg\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #4299e1; } - .md\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .lg\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #3182ce; } - .md\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .lg\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #2b6cb0; } - .md\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .lg\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #2c5282; } - .md\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .lg\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #2a4365; } - .md\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .lg\:divide-indigo-100 > :not(template) ~ :not(template) { + border-color: #ebf4ff; } - .md\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .lg\:divide-indigo-200 > :not(template) ~ :not(template) { + border-color: #c3dafe; } - .md\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .lg\:divide-indigo-300 > :not(template) ~ :not(template) { + border-color: #a3bffa; } - .md\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .lg\:divide-indigo-400 > :not(template) ~ :not(template) { + border-color: #7f9cf5; } - .md\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .lg\:divide-indigo-500 > :not(template) ~ :not(template) { + border-color: #667eea; } - .md\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .lg\:divide-indigo-600 > :not(template) ~ :not(template) { + border-color: #5a67d8; } - .md\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .lg\:divide-indigo-700 > :not(template) ~ :not(template) { + border-color: #4c51bf; } - .md\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .lg\:divide-indigo-800 > :not(template) ~ :not(template) { + border-color: #434190; } - .md\:transition-none { - transition-property: none; + .lg\:divide-indigo-900 > :not(template) ~ :not(template) { + border-color: #3c366b; } - .md\:transition-all { - transition-property: all; + .lg\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #faf5ff; } - .md\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .lg\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #e9d8fd; } - .md\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .lg\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #d6bcfa; } - .md\:transition-opacity { - transition-property: opacity; + .lg\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #b794f4; } - .md\:transition-shadow { - transition-property: box-shadow; + .lg\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #9f7aea; } - .md\:transition-transform { - transition-property: transform; + .lg\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #805ad5; } - .md\:ease-linear { - transition-timing-function: linear; + .lg\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6b46c1; } - .md\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .lg\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #553c9a; } - .md\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .lg\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #44337a; } - .md\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .lg\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fff5f7; } - .md\:duration-75 { - transition-duration: 75ms; + .lg\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fed7e2; } - .md\:duration-100 { - transition-duration: 100ms; + .lg\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #fbb6ce; } - .md\:duration-150 { - transition-duration: 150ms; + .lg\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f687b3; } - .md\:duration-200 { - transition-duration: 200ms; + .lg\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ed64a6; } - .md\:duration-300 { - transition-duration: 300ms; + .lg\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #d53f8c; } - .md\:duration-500 { - transition-duration: 500ms; + .lg\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #b83280; } - .md\:duration-700 { - transition-duration: 700ms; + .lg\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #97266d; } - .md\:duration-1000 { - transition-duration: 1000ms; + .lg\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #702459; } -} -@media (min-width: 1024px) { .lg\:sr-only { position: absolute; width: 1px; @@ -36124,6 +39361,10 @@ video { background-color: transparent; } + .lg\:bg-current { + background-color: currentColor; + } + .lg\:bg-black { background-color: #000; } @@ -36496,6 +39737,10 @@ video { background-color: transparent; } + .lg\:hover\:bg-current:hover { + background-color: currentColor; + } + .lg\:hover\:bg-black:hover { background-color: #000; } @@ -36868,6 +40113,10 @@ video { background-color: transparent; } + .lg\:focus\:bg-current:focus { + background-color: currentColor; + } + .lg\:focus\:bg-black:focus { background-color: #000; } @@ -37320,6 +40569,10 @@ video { border-color: transparent; } + .lg\:border-current { + border-color: currentColor; + } + .lg\:border-black { border-color: #000; } @@ -37692,6 +40945,10 @@ video { border-color: transparent; } + .lg\:hover\:border-current:hover { + border-color: currentColor; + } + .lg\:hover\:border-black:hover { border-color: #000; } @@ -38064,6 +41321,10 @@ video { border-color: transparent; } + .lg\:focus\:border-current:focus { + border-color: currentColor; + } + .lg\:focus\:border-black:focus { border-color: #000; } @@ -38840,6 +42101,10 @@ video { display: inline; } + .lg\:flow-root { + display: flow-root; + } + .lg\:flex { display: flex; } @@ -38852,6 +42117,10 @@ video { display: grid; } + .lg\:inline-grid { + display: inline-grid; + } + .lg\:table { display: table; } @@ -39126,6 +42395,10 @@ video { clear: both; } + .lg\:clear-none { + clear: none; + } + .lg\:font-sans { font-family: 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"; } @@ -39334,6 +42607,46 @@ video { height: 100vh; } + .lg\:text-xs { + font-size: 0.75rem; + } + + .lg\:text-sm { + font-size: 0.875rem; + } + + .lg\:text-base { + font-size: 1rem; + } + + .lg\:text-lg { + font-size: 1.125rem; + } + + .lg\:text-xl { + font-size: 1.25rem; + } + + .lg\:text-2xl { + font-size: 1.5rem; + } + + .lg\:text-3xl { + font-size: 1.875rem; + } + + .lg\:text-4xl { + font-size: 2.25rem; + } + + .lg\:text-5xl { + font-size: 3rem; + } + + .lg\:text-6xl { + font-size: 4rem; + } + .lg\:leading-3 { line-height: .75rem; } @@ -40643,73 +43956,59 @@ video { } .lg\:object-contain { - -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .lg\:object-cover { - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } .lg\:object-fill { - -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } .lg\:object-none { - -o-object-fit: none; - object-fit: none; + object-fit: none; } .lg\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } .lg\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + object-position: bottom; } .lg\:object-center { - -o-object-position: center; - object-position: center; + object-position: center; } .lg\:object-left { - -o-object-position: left; - object-position: left; + object-position: left; } .lg\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + object-position: left bottom; } .lg\:object-left-top { - -o-object-position: left top; - object-position: left top; + object-position: left top; } .lg\:object-right { - -o-object-position: right; - object-position: right; + object-position: right; } .lg\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + object-position: right bottom; } .lg\:object-right-top { - -o-object-position: right top; - object-position: right top; + object-position: right top; } .lg\:object-top { - -o-object-position: top; - object-position: top; + object-position: top; } .lg\:opacity-0 { @@ -41418,6 +44717,18 @@ video { color: transparent; } + .lg\:placeholder-current:-ms-input-placeholder { + color: currentColor; + } + + .lg\:placeholder-current::-ms-input-placeholder { + color: currentColor; + } + + .lg\:placeholder-current::placeholder { + color: currentColor; + } + .lg\:placeholder-black:-ms-input-placeholder { color: #000; } @@ -42534,6 +45845,18 @@ video { color: transparent; } + .lg\:focus\:placeholder-current:focus:-ms-input-placeholder { + color: currentColor; + } + + .lg\:focus\:placeholder-current:focus::-ms-input-placeholder { + color: currentColor; + } + + .lg\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + .lg\:focus\:placeholder-black:focus:-ms-input-placeholder { color: #000; } @@ -43917,6 +47240,10 @@ video { color: transparent; } + .lg\:text-current { + color: currentColor; + } + .lg\:text-black { color: #000; } @@ -44197,3679 +47524,4575 @@ video { color: #667eea; } - .lg\:text-indigo-600 { + .lg\:text-indigo-600 { + color: #5a67d8; + } + + .lg\:text-indigo-700 { + color: #4c51bf; + } + + .lg\:text-indigo-800 { + color: #434190; + } + + .lg\:text-indigo-900 { + color: #3c366b; + } + + .lg\:text-purple-100 { + color: #faf5ff; + } + + .lg\:text-purple-200 { + color: #e9d8fd; + } + + .lg\:text-purple-300 { + color: #d6bcfa; + } + + .lg\:text-purple-400 { + color: #b794f4; + } + + .lg\:text-purple-500 { + color: #9f7aea; + } + + .lg\:text-purple-600 { + color: #805ad5; + } + + .lg\:text-purple-700 { + color: #6b46c1; + } + + .lg\:text-purple-800 { + color: #553c9a; + } + + .lg\:text-purple-900 { + color: #44337a; + } + + .lg\:text-pink-100 { + color: #fff5f7; + } + + .lg\:text-pink-200 { + color: #fed7e2; + } + + .lg\:text-pink-300 { + color: #fbb6ce; + } + + .lg\:text-pink-400 { + color: #f687b3; + } + + .lg\:text-pink-500 { + color: #ed64a6; + } + + .lg\:text-pink-600 { + color: #d53f8c; + } + + .lg\:text-pink-700 { + color: #b83280; + } + + .lg\:text-pink-800 { + color: #97266d; + } + + .lg\:text-pink-900 { + color: #702459; + } + + .lg\:hover\:text-transparent:hover { + color: transparent; + } + + .lg\:hover\:text-current:hover { + color: currentColor; + } + + .lg\:hover\:text-black:hover { + color: #000; + } + + .lg\:hover\:text-white:hover { + color: #fff; + } + + .lg\:hover\:text-gray-100:hover { + color: #f7fafc; + } + + .lg\:hover\:text-gray-200:hover { + color: #edf2f7; + } + + .lg\:hover\:text-gray-300:hover { + color: #e2e8f0; + } + + .lg\:hover\:text-gray-400:hover { + color: #cbd5e0; + } + + .lg\:hover\:text-gray-500:hover { + color: #a0aec0; + } + + .lg\:hover\:text-gray-600:hover { + color: #718096; + } + + .lg\:hover\:text-gray-700:hover { + color: #4a5568; + } + + .lg\:hover\:text-gray-800:hover { + color: #2d3748; + } + + .lg\:hover\:text-gray-900:hover { + color: #1a202c; + } + + .lg\:hover\:text-red-100:hover { + color: #fff5f5; + } + + .lg\:hover\:text-red-200:hover { + color: #fed7d7; + } + + .lg\:hover\:text-red-300:hover { + color: #feb2b2; + } + + .lg\:hover\:text-red-400:hover { + color: #fc8181; + } + + .lg\:hover\:text-red-500:hover { + color: #f56565; + } + + .lg\:hover\:text-red-600:hover { + color: #e53e3e; + } + + .lg\:hover\:text-red-700:hover { + color: #c53030; + } + + .lg\:hover\:text-red-800:hover { + color: #9b2c2c; + } + + .lg\:hover\:text-red-900:hover { + color: #742a2a; + } + + .lg\:hover\:text-orange-100:hover { + color: #fffaf0; + } + + .lg\:hover\:text-orange-200:hover { + color: #feebc8; + } + + .lg\:hover\:text-orange-300:hover { + color: #fbd38d; + } + + .lg\:hover\:text-orange-400:hover { + color: #f6ad55; + } + + .lg\:hover\:text-orange-500:hover { + color: #ed8936; + } + + .lg\:hover\:text-orange-600:hover { + color: #dd6b20; + } + + .lg\:hover\:text-orange-700:hover { + color: #c05621; + } + + .lg\:hover\:text-orange-800:hover { + color: #9c4221; + } + + .lg\:hover\:text-orange-900:hover { + color: #7b341e; + } + + .lg\:hover\:text-yellow-100:hover { + color: #fffff0; + } + + .lg\:hover\:text-yellow-200:hover { + color: #fefcbf; + } + + .lg\:hover\:text-yellow-300:hover { + color: #faf089; + } + + .lg\:hover\:text-yellow-400:hover { + color: #f6e05e; + } + + .lg\:hover\:text-yellow-500:hover { + color: #ecc94b; + } + + .lg\:hover\:text-yellow-600:hover { + color: #d69e2e; + } + + .lg\:hover\:text-yellow-700:hover { + color: #b7791f; + } + + .lg\:hover\:text-yellow-800:hover { + color: #975a16; + } + + .lg\:hover\:text-yellow-900:hover { + color: #744210; + } + + .lg\:hover\:text-green-100:hover { + color: #f0fff4; + } + + .lg\:hover\:text-green-200:hover { + color: #c6f6d5; + } + + .lg\:hover\:text-green-300:hover { + color: #9ae6b4; + } + + .lg\:hover\:text-green-400:hover { + color: #68d391; + } + + .lg\:hover\:text-green-500:hover { + color: #48bb78; + } + + .lg\:hover\:text-green-600:hover { + color: #38a169; + } + + .lg\:hover\:text-green-700:hover { + color: #2f855a; + } + + .lg\:hover\:text-green-800:hover { + color: #276749; + } + + .lg\:hover\:text-green-900:hover { + color: #22543d; + } + + .lg\:hover\:text-teal-100:hover { + color: #e6fffa; + } + + .lg\:hover\:text-teal-200:hover { + color: #b2f5ea; + } + + .lg\:hover\:text-teal-300:hover { + color: #81e6d9; + } + + .lg\:hover\:text-teal-400:hover { + color: #4fd1c5; + } + + .lg\:hover\:text-teal-500:hover { + color: #38b2ac; + } + + .lg\:hover\:text-teal-600:hover { + color: #319795; + } + + .lg\:hover\:text-teal-700:hover { + color: #2c7a7b; + } + + .lg\:hover\:text-teal-800:hover { + color: #285e61; + } + + .lg\:hover\:text-teal-900:hover { + color: #234e52; + } + + .lg\:hover\:text-blue-100:hover { + color: #ebf8ff; + } + + .lg\:hover\:text-blue-200:hover { + color: #bee3f8; + } + + .lg\:hover\:text-blue-300:hover { + color: #90cdf4; + } + + .lg\:hover\:text-blue-400:hover { + color: #63b3ed; + } + + .lg\:hover\:text-blue-500:hover { + color: #4299e1; + } + + .lg\:hover\:text-blue-600:hover { + color: #3182ce; + } + + .lg\:hover\:text-blue-700:hover { + color: #2b6cb0; + } + + .lg\:hover\:text-blue-800:hover { + color: #2c5282; + } + + .lg\:hover\:text-blue-900:hover { + color: #2a4365; + } + + .lg\:hover\:text-indigo-100:hover { + color: #ebf4ff; + } + + .lg\:hover\:text-indigo-200:hover { + color: #c3dafe; + } + + .lg\:hover\:text-indigo-300:hover { + color: #a3bffa; + } + + .lg\:hover\:text-indigo-400:hover { + color: #7f9cf5; + } + + .lg\:hover\:text-indigo-500:hover { + color: #667eea; + } + + .lg\:hover\:text-indigo-600:hover { color: #5a67d8; } - .lg\:text-indigo-700 { + .lg\:hover\:text-indigo-700:hover { color: #4c51bf; } - .lg\:text-indigo-800 { + .lg\:hover\:text-indigo-800:hover { color: #434190; } - .lg\:text-indigo-900 { + .lg\:hover\:text-indigo-900:hover { color: #3c366b; } - .lg\:text-purple-100 { + .lg\:hover\:text-purple-100:hover { color: #faf5ff; } - .lg\:text-purple-200 { + .lg\:hover\:text-purple-200:hover { color: #e9d8fd; } - .lg\:text-purple-300 { + .lg\:hover\:text-purple-300:hover { color: #d6bcfa; } - .lg\:text-purple-400 { + .lg\:hover\:text-purple-400:hover { color: #b794f4; } - .lg\:text-purple-500 { + .lg\:hover\:text-purple-500:hover { color: #9f7aea; } - .lg\:text-purple-600 { + .lg\:hover\:text-purple-600:hover { color: #805ad5; } - .lg\:text-purple-700 { + .lg\:hover\:text-purple-700:hover { color: #6b46c1; } - .lg\:text-purple-800 { + .lg\:hover\:text-purple-800:hover { color: #553c9a; } - .lg\:text-purple-900 { + .lg\:hover\:text-purple-900:hover { color: #44337a; } - .lg\:text-pink-100 { + .lg\:hover\:text-pink-100:hover { color: #fff5f7; } - .lg\:text-pink-200 { + .lg\:hover\:text-pink-200:hover { color: #fed7e2; } - .lg\:text-pink-300 { + .lg\:hover\:text-pink-300:hover { color: #fbb6ce; } - .lg\:text-pink-400 { + .lg\:hover\:text-pink-400:hover { color: #f687b3; } - .lg\:text-pink-500 { + .lg\:hover\:text-pink-500:hover { color: #ed64a6; } - .lg\:text-pink-600 { + .lg\:hover\:text-pink-600:hover { color: #d53f8c; } - .lg\:text-pink-700 { + .lg\:hover\:text-pink-700:hover { color: #b83280; } - .lg\:text-pink-800 { + .lg\:hover\:text-pink-800:hover { color: #97266d; } - .lg\:text-pink-900 { + .lg\:hover\:text-pink-900:hover { color: #702459; } - .lg\:hover\:text-transparent:hover { + .lg\:focus\:text-transparent:focus { color: transparent; } - .lg\:hover\:text-black:hover { + .lg\:focus\:text-current:focus { + color: currentColor; + } + + .lg\:focus\:text-black:focus { color: #000; } - .lg\:hover\:text-white:hover { + .lg\:focus\:text-white:focus { color: #fff; } - .lg\:hover\:text-gray-100:hover { + .lg\:focus\:text-gray-100:focus { color: #f7fafc; } - .lg\:hover\:text-gray-200:hover { + .lg\:focus\:text-gray-200:focus { color: #edf2f7; } - .lg\:hover\:text-gray-300:hover { + .lg\:focus\:text-gray-300:focus { color: #e2e8f0; } - .lg\:hover\:text-gray-400:hover { + .lg\:focus\:text-gray-400:focus { color: #cbd5e0; } - .lg\:hover\:text-gray-500:hover { + .lg\:focus\:text-gray-500:focus { color: #a0aec0; } - .lg\:hover\:text-gray-600:hover { + .lg\:focus\:text-gray-600:focus { color: #718096; } - .lg\:hover\:text-gray-700:hover { + .lg\:focus\:text-gray-700:focus { color: #4a5568; } - .lg\:hover\:text-gray-800:hover { + .lg\:focus\:text-gray-800:focus { color: #2d3748; } - .lg\:hover\:text-gray-900:hover { + .lg\:focus\:text-gray-900:focus { color: #1a202c; } - .lg\:hover\:text-red-100:hover { + .lg\:focus\:text-red-100:focus { color: #fff5f5; } - .lg\:hover\:text-red-200:hover { + .lg\:focus\:text-red-200:focus { color: #fed7d7; } - .lg\:hover\:text-red-300:hover { + .lg\:focus\:text-red-300:focus { color: #feb2b2; } - .lg\:hover\:text-red-400:hover { + .lg\:focus\:text-red-400:focus { color: #fc8181; } - .lg\:hover\:text-red-500:hover { + .lg\:focus\:text-red-500:focus { color: #f56565; } - .lg\:hover\:text-red-600:hover { + .lg\:focus\:text-red-600:focus { color: #e53e3e; } - .lg\:hover\:text-red-700:hover { + .lg\:focus\:text-red-700:focus { color: #c53030; } - .lg\:hover\:text-red-800:hover { + .lg\:focus\:text-red-800:focus { color: #9b2c2c; } - .lg\:hover\:text-red-900:hover { + .lg\:focus\:text-red-900:focus { color: #742a2a; } - .lg\:hover\:text-orange-100:hover { + .lg\:focus\:text-orange-100:focus { color: #fffaf0; } - .lg\:hover\:text-orange-200:hover { + .lg\:focus\:text-orange-200:focus { color: #feebc8; } - .lg\:hover\:text-orange-300:hover { + .lg\:focus\:text-orange-300:focus { color: #fbd38d; } - .lg\:hover\:text-orange-400:hover { + .lg\:focus\:text-orange-400:focus { color: #f6ad55; } - .lg\:hover\:text-orange-500:hover { + .lg\:focus\:text-orange-500:focus { color: #ed8936; } - .lg\:hover\:text-orange-600:hover { + .lg\:focus\:text-orange-600:focus { color: #dd6b20; } - .lg\:hover\:text-orange-700:hover { + .lg\:focus\:text-orange-700:focus { color: #c05621; } - .lg\:hover\:text-orange-800:hover { + .lg\:focus\:text-orange-800:focus { color: #9c4221; } - .lg\:hover\:text-orange-900:hover { + .lg\:focus\:text-orange-900:focus { color: #7b341e; } - .lg\:hover\:text-yellow-100:hover { + .lg\:focus\:text-yellow-100:focus { color: #fffff0; } - .lg\:hover\:text-yellow-200:hover { + .lg\:focus\:text-yellow-200:focus { color: #fefcbf; } - .lg\:hover\:text-yellow-300:hover { + .lg\:focus\:text-yellow-300:focus { color: #faf089; } - .lg\:hover\:text-yellow-400:hover { + .lg\:focus\:text-yellow-400:focus { color: #f6e05e; } - .lg\:hover\:text-yellow-500:hover { + .lg\:focus\:text-yellow-500:focus { color: #ecc94b; } - .lg\:hover\:text-yellow-600:hover { + .lg\:focus\:text-yellow-600:focus { color: #d69e2e; } - .lg\:hover\:text-yellow-700:hover { + .lg\:focus\:text-yellow-700:focus { color: #b7791f; } - .lg\:hover\:text-yellow-800:hover { + .lg\:focus\:text-yellow-800:focus { color: #975a16; } - .lg\:hover\:text-yellow-900:hover { + .lg\:focus\:text-yellow-900:focus { color: #744210; } - .lg\:hover\:text-green-100:hover { + .lg\:focus\:text-green-100:focus { color: #f0fff4; } - .lg\:hover\:text-green-200:hover { + .lg\:focus\:text-green-200:focus { color: #c6f6d5; } - .lg\:hover\:text-green-300:hover { + .lg\:focus\:text-green-300:focus { color: #9ae6b4; } - .lg\:hover\:text-green-400:hover { + .lg\:focus\:text-green-400:focus { color: #68d391; } - .lg\:hover\:text-green-500:hover { + .lg\:focus\:text-green-500:focus { color: #48bb78; } - .lg\:hover\:text-green-600:hover { + .lg\:focus\:text-green-600:focus { color: #38a169; } - .lg\:hover\:text-green-700:hover { + .lg\:focus\:text-green-700:focus { color: #2f855a; } - .lg\:hover\:text-green-800:hover { + .lg\:focus\:text-green-800:focus { color: #276749; } - .lg\:hover\:text-green-900:hover { + .lg\:focus\:text-green-900:focus { color: #22543d; } - .lg\:hover\:text-teal-100:hover { + .lg\:focus\:text-teal-100:focus { color: #e6fffa; } - .lg\:hover\:text-teal-200:hover { + .lg\:focus\:text-teal-200:focus { color: #b2f5ea; } - .lg\:hover\:text-teal-300:hover { + .lg\:focus\:text-teal-300:focus { color: #81e6d9; } - .lg\:hover\:text-teal-400:hover { + .lg\:focus\:text-teal-400:focus { color: #4fd1c5; } - .lg\:hover\:text-teal-500:hover { + .lg\:focus\:text-teal-500:focus { color: #38b2ac; } - .lg\:hover\:text-teal-600:hover { + .lg\:focus\:text-teal-600:focus { color: #319795; } - .lg\:hover\:text-teal-700:hover { + .lg\:focus\:text-teal-700:focus { color: #2c7a7b; } - .lg\:hover\:text-teal-800:hover { + .lg\:focus\:text-teal-800:focus { color: #285e61; } - .lg\:hover\:text-teal-900:hover { + .lg\:focus\:text-teal-900:focus { color: #234e52; } - .lg\:hover\:text-blue-100:hover { + .lg\:focus\:text-blue-100:focus { color: #ebf8ff; } - .lg\:hover\:text-blue-200:hover { + .lg\:focus\:text-blue-200:focus { color: #bee3f8; } - .lg\:hover\:text-blue-300:hover { + .lg\:focus\:text-blue-300:focus { color: #90cdf4; } - .lg\:hover\:text-blue-400:hover { + .lg\:focus\:text-blue-400:focus { color: #63b3ed; } - .lg\:hover\:text-blue-500:hover { + .lg\:focus\:text-blue-500:focus { color: #4299e1; } - .lg\:hover\:text-blue-600:hover { + .lg\:focus\:text-blue-600:focus { color: #3182ce; } - .lg\:hover\:text-blue-700:hover { + .lg\:focus\:text-blue-700:focus { color: #2b6cb0; } - .lg\:hover\:text-blue-800:hover { + .lg\:focus\:text-blue-800:focus { color: #2c5282; } - .lg\:hover\:text-blue-900:hover { + .lg\:focus\:text-blue-900:focus { color: #2a4365; } - .lg\:hover\:text-indigo-100:hover { + .lg\:focus\:text-indigo-100:focus { color: #ebf4ff; } - .lg\:hover\:text-indigo-200:hover { + .lg\:focus\:text-indigo-200:focus { color: #c3dafe; } - .lg\:hover\:text-indigo-300:hover { + .lg\:focus\:text-indigo-300:focus { color: #a3bffa; } - .lg\:hover\:text-indigo-400:hover { + .lg\:focus\:text-indigo-400:focus { color: #7f9cf5; } - .lg\:hover\:text-indigo-500:hover { + .lg\:focus\:text-indigo-500:focus { color: #667eea; } - .lg\:hover\:text-indigo-600:hover { + .lg\:focus\:text-indigo-600:focus { color: #5a67d8; } - .lg\:hover\:text-indigo-700:hover { + .lg\:focus\:text-indigo-700:focus { color: #4c51bf; } - .lg\:hover\:text-indigo-800:hover { + .lg\:focus\:text-indigo-800:focus { color: #434190; } - .lg\:hover\:text-indigo-900:hover { + .lg\:focus\:text-indigo-900:focus { color: #3c366b; } - .lg\:hover\:text-purple-100:hover { + .lg\:focus\:text-purple-100:focus { color: #faf5ff; } - .lg\:hover\:text-purple-200:hover { + .lg\:focus\:text-purple-200:focus { color: #e9d8fd; } - .lg\:hover\:text-purple-300:hover { + .lg\:focus\:text-purple-300:focus { color: #d6bcfa; } - .lg\:hover\:text-purple-400:hover { + .lg\:focus\:text-purple-400:focus { color: #b794f4; } - .lg\:hover\:text-purple-500:hover { + .lg\:focus\:text-purple-500:focus { color: #9f7aea; } - .lg\:hover\:text-purple-600:hover { + .lg\:focus\:text-purple-600:focus { color: #805ad5; } - .lg\:hover\:text-purple-700:hover { + .lg\:focus\:text-purple-700:focus { color: #6b46c1; } - .lg\:hover\:text-purple-800:hover { + .lg\:focus\:text-purple-800:focus { color: #553c9a; } - .lg\:hover\:text-purple-900:hover { + .lg\:focus\:text-purple-900:focus { color: #44337a; } - .lg\:hover\:text-pink-100:hover { + .lg\:focus\:text-pink-100:focus { color: #fff5f7; } - .lg\:hover\:text-pink-200:hover { + .lg\:focus\:text-pink-200:focus { color: #fed7e2; } - .lg\:hover\:text-pink-300:hover { + .lg\:focus\:text-pink-300:focus { color: #fbb6ce; } - .lg\:hover\:text-pink-400:hover { + .lg\:focus\:text-pink-400:focus { color: #f687b3; } - .lg\:hover\:text-pink-500:hover { + .lg\:focus\:text-pink-500:focus { color: #ed64a6; } - .lg\:hover\:text-pink-600:hover { + .lg\:focus\:text-pink-600:focus { color: #d53f8c; } - .lg\:hover\:text-pink-700:hover { + .lg\:focus\:text-pink-700:focus { color: #b83280; } - .lg\:hover\:text-pink-800:hover { + .lg\:focus\:text-pink-800:focus { color: #97266d; } - .lg\:hover\:text-pink-900:hover { + .lg\:focus\:text-pink-900:focus { color: #702459; } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:italic { + font-style: italic; } - .lg\:focus\:text-black:focus { - color: #000; + .lg\:not-italic { + font-style: normal; } - .lg\:focus\:text-white:focus { - color: #fff; + .lg\:uppercase { + text-transform: uppercase; } - .lg\:focus\:text-gray-100:focus { - color: #f7fafc; + .lg\:lowercase { + text-transform: lowercase; } - .lg\:focus\:text-gray-200:focus { - color: #edf2f7; + .lg\:capitalize { + text-transform: capitalize; } - .lg\:focus\:text-gray-300:focus { - color: #e2e8f0; + .lg\:normal-case { + text-transform: none; } - .lg\:focus\:text-gray-400:focus { - color: #cbd5e0; + .lg\:underline { + text-decoration: underline; + } + + .lg\:line-through { + text-decoration: line-through; + } + + .lg\:no-underline { + text-decoration: none; + } + + .lg\:hover\:underline:hover { + text-decoration: underline; + } + + .lg\:hover\:line-through:hover { + text-decoration: line-through; + } + + .lg\:hover\:no-underline:hover { + text-decoration: none; + } + + .lg\:focus\:underline:focus { + text-decoration: underline; + } + + .lg\:focus\:line-through:focus { + text-decoration: line-through; + } + + .lg\:focus\:no-underline:focus { + text-decoration: none; + } + + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + } + + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; + } + + .lg\:tracking-tighter { + letter-spacing: -0.05em; + } + + .lg\:tracking-tight { + letter-spacing: -0.025em; + } + + .lg\:tracking-normal { + letter-spacing: 0; + } + + .lg\:tracking-wide { + letter-spacing: 0.025em; + } + + .lg\:tracking-wider { + letter-spacing: 0.05em; + } + + .lg\:tracking-widest { + letter-spacing: 0.1em; + } + + .lg\:select-none { + -webkit-user-select: none; + -ms-user-select: none; + user-select: none; + } + + .lg\:select-text { + -webkit-user-select: text; + -ms-user-select: text; + user-select: text; + } + + .lg\:select-all { + -webkit-user-select: all; + -ms-user-select: all; + user-select: all; + } + + .lg\:select-auto { + -webkit-user-select: auto; + -ms-user-select: auto; + user-select: auto; + } + + .lg\:align-baseline { + vertical-align: baseline; + } + + .lg\:align-top { + vertical-align: top; + } + + .lg\:align-middle { + vertical-align: middle; + } + + .lg\:align-bottom { + vertical-align: bottom; + } + + .lg\:align-text-top { + vertical-align: text-top; + } + + .lg\:align-text-bottom { + vertical-align: text-bottom; + } + + .lg\:visible { + visibility: visible; + } + + .lg\:invisible { + visibility: hidden; + } + + .lg\:whitespace-normal { + white-space: normal; + } + + .lg\:whitespace-no-wrap { + white-space: nowrap; + } + + .lg\:whitespace-pre { + white-space: pre; + } + + .lg\:whitespace-pre-line { + white-space: pre-line; + } + + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; + } + + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; + } + + .lg\:break-words { + overflow-wrap: break-word; + } + + .lg\:break-all { + word-break: break-all; + } + + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; + } + + .lg\:w-0 { + width: 0; + } + + .lg\:w-1 { + width: 0.25rem; + } + + .lg\:w-2 { + width: 0.5rem; + } + + .lg\:w-3 { + width: 0.75rem; + } + + .lg\:w-4 { + width: 1rem; + } + + .lg\:w-5 { + width: 1.25rem; + } + + .lg\:w-6 { + width: 1.5rem; + } + + .lg\:w-8 { + width: 2rem; + } + + .lg\:w-10 { + width: 2.5rem; + } + + .lg\:w-12 { + width: 3rem; + } + + .lg\:w-16 { + width: 4rem; + } + + .lg\:w-20 { + width: 5rem; + } + + .lg\:w-24 { + width: 6rem; + } + + .lg\:w-32 { + width: 8rem; + } + + .lg\:w-40 { + width: 10rem; + } + + .lg\:w-48 { + width: 12rem; + } + + .lg\:w-56 { + width: 14rem; + } + + .lg\:w-64 { + width: 16rem; + } + + .lg\:w-auto { + width: auto; + } + + .lg\:w-px { + width: 1px; + } + + .lg\:w-1\/2 { + width: 50%; + } + + .lg\:w-1\/3 { + width: 33.333333%; + } + + .lg\:w-2\/3 { + width: 66.666667%; } - .lg\:focus\:text-gray-500:focus { - color: #a0aec0; + .lg\:w-1\/4 { + width: 25%; } - .lg\:focus\:text-gray-600:focus { - color: #718096; + .lg\:w-2\/4 { + width: 50%; } - .lg\:focus\:text-gray-700:focus { - color: #4a5568; + .lg\:w-3\/4 { + width: 75%; } - .lg\:focus\:text-gray-800:focus { - color: #2d3748; + .lg\:w-1\/5 { + width: 20%; } - .lg\:focus\:text-gray-900:focus { - color: #1a202c; + .lg\:w-2\/5 { + width: 40%; } - .lg\:focus\:text-red-100:focus { - color: #fff5f5; + .lg\:w-3\/5 { + width: 60%; } - .lg\:focus\:text-red-200:focus { - color: #fed7d7; + .lg\:w-4\/5 { + width: 80%; } - .lg\:focus\:text-red-300:focus { - color: #feb2b2; + .lg\:w-1\/6 { + width: 16.666667%; } - .lg\:focus\:text-red-400:focus { - color: #fc8181; + .lg\:w-2\/6 { + width: 33.333333%; } - .lg\:focus\:text-red-500:focus { - color: #f56565; + .lg\:w-3\/6 { + width: 50%; } - .lg\:focus\:text-red-600:focus { - color: #e53e3e; + .lg\:w-4\/6 { + width: 66.666667%; } - .lg\:focus\:text-red-700:focus { - color: #c53030; + .lg\:w-5\/6 { + width: 83.333333%; } - .lg\:focus\:text-red-800:focus { - color: #9b2c2c; + .lg\:w-1\/12 { + width: 8.333333%; } - .lg\:focus\:text-red-900:focus { - color: #742a2a; + .lg\:w-2\/12 { + width: 16.666667%; } - .lg\:focus\:text-orange-100:focus { - color: #fffaf0; + .lg\:w-3\/12 { + width: 25%; } - .lg\:focus\:text-orange-200:focus { - color: #feebc8; + .lg\:w-4\/12 { + width: 33.333333%; } - .lg\:focus\:text-orange-300:focus { - color: #fbd38d; + .lg\:w-5\/12 { + width: 41.666667%; } - .lg\:focus\:text-orange-400:focus { - color: #f6ad55; + .lg\:w-6\/12 { + width: 50%; } - .lg\:focus\:text-orange-500:focus { - color: #ed8936; + .lg\:w-7\/12 { + width: 58.333333%; } - .lg\:focus\:text-orange-600:focus { - color: #dd6b20; + .lg\:w-8\/12 { + width: 66.666667%; } - .lg\:focus\:text-orange-700:focus { - color: #c05621; + .lg\:w-9\/12 { + width: 75%; } - .lg\:focus\:text-orange-800:focus { - color: #9c4221; + .lg\:w-10\/12 { + width: 83.333333%; } - .lg\:focus\:text-orange-900:focus { - color: #7b341e; + .lg\:w-11\/12 { + width: 91.666667%; } - .lg\:focus\:text-yellow-100:focus { - color: #fffff0; + .lg\:w-full { + width: 100%; } - .lg\:focus\:text-yellow-200:focus { - color: #fefcbf; + .lg\:w-screen { + width: 100vw; } - .lg\:focus\:text-yellow-300:focus { - color: #faf089; + .lg\:z-0 { + z-index: 0; } - .lg\:focus\:text-yellow-400:focus { - color: #f6e05e; + .lg\:z-10 { + z-index: 10; } - .lg\:focus\:text-yellow-500:focus { - color: #ecc94b; + .lg\:z-20 { + z-index: 20; } - .lg\:focus\:text-yellow-600:focus { - color: #d69e2e; + .lg\:z-30 { + z-index: 30; } - .lg\:focus\:text-yellow-700:focus { - color: #b7791f; + .lg\:z-40 { + z-index: 40; } - .lg\:focus\:text-yellow-800:focus { - color: #975a16; + .lg\:z-50 { + z-index: 50; } - .lg\:focus\:text-yellow-900:focus { - color: #744210; + .lg\:z-auto { + z-index: auto; } - .lg\:focus\:text-green-100:focus { - color: #f0fff4; + .lg\:gap-0 { + grid-gap: 0; + gap: 0; } - .lg\:focus\:text-green-200:focus { - color: #c6f6d5; + .lg\:gap-1 { + grid-gap: 0.25rem; + gap: 0.25rem; } - .lg\:focus\:text-green-300:focus { - color: #9ae6b4; + .lg\:gap-2 { + grid-gap: 0.5rem; + gap: 0.5rem; } - .lg\:focus\:text-green-400:focus { - color: #68d391; + .lg\:gap-3 { + grid-gap: 0.75rem; + gap: 0.75rem; } - .lg\:focus\:text-green-500:focus { - color: #48bb78; + .lg\:gap-4 { + grid-gap: 1rem; + gap: 1rem; } - .lg\:focus\:text-green-600:focus { - color: #38a169; + .lg\:gap-5 { + grid-gap: 1.25rem; + gap: 1.25rem; } - .lg\:focus\:text-green-700:focus { - color: #2f855a; + .lg\:gap-6 { + grid-gap: 1.5rem; + gap: 1.5rem; } - .lg\:focus\:text-green-800:focus { - color: #276749; + .lg\:gap-8 { + grid-gap: 2rem; + gap: 2rem; } - .lg\:focus\:text-green-900:focus { - color: #22543d; + .lg\:gap-10 { + grid-gap: 2.5rem; + gap: 2.5rem; } - .lg\:focus\:text-teal-100:focus { - color: #e6fffa; + .lg\:gap-12 { + grid-gap: 3rem; + gap: 3rem; } - .lg\:focus\:text-teal-200:focus { - color: #b2f5ea; + .lg\:gap-16 { + grid-gap: 4rem; + gap: 4rem; } - .lg\:focus\:text-teal-300:focus { - color: #81e6d9; + .lg\:gap-20 { + grid-gap: 5rem; + gap: 5rem; } - .lg\:focus\:text-teal-400:focus { - color: #4fd1c5; + .lg\:gap-24 { + grid-gap: 6rem; + gap: 6rem; } - .lg\:focus\:text-teal-500:focus { - color: #38b2ac; + .lg\:gap-32 { + grid-gap: 8rem; + gap: 8rem; } - .lg\:focus\:text-teal-600:focus { - color: #319795; + .lg\:gap-40 { + grid-gap: 10rem; + gap: 10rem; } - .lg\:focus\:text-teal-700:focus { - color: #2c7a7b; + .lg\:gap-48 { + grid-gap: 12rem; + gap: 12rem; } - .lg\:focus\:text-teal-800:focus { - color: #285e61; + .lg\:gap-56 { + grid-gap: 14rem; + gap: 14rem; } - .lg\:focus\:text-teal-900:focus { - color: #234e52; + .lg\:gap-64 { + grid-gap: 16rem; + gap: 16rem; } - .lg\:focus\:text-blue-100:focus { - color: #ebf8ff; + .lg\:gap-px { + grid-gap: 1px; + gap: 1px; } - .lg\:focus\:text-blue-200:focus { - color: #bee3f8; + .lg\:col-gap-0 { + grid-column-gap: 0; + column-gap: 0; } - .lg\:focus\:text-blue-300:focus { - color: #90cdf4; + .lg\:col-gap-1 { + grid-column-gap: 0.25rem; + column-gap: 0.25rem; } - .lg\:focus\:text-blue-400:focus { - color: #63b3ed; + .lg\:col-gap-2 { + grid-column-gap: 0.5rem; + column-gap: 0.5rem; } - .lg\:focus\:text-blue-500:focus { - color: #4299e1; + .lg\:col-gap-3 { + grid-column-gap: 0.75rem; + column-gap: 0.75rem; } - .lg\:focus\:text-blue-600:focus { - color: #3182ce; + .lg\:col-gap-4 { + grid-column-gap: 1rem; + column-gap: 1rem; } - .lg\:focus\:text-blue-700:focus { - color: #2b6cb0; + .lg\:col-gap-5 { + grid-column-gap: 1.25rem; + column-gap: 1.25rem; } - .lg\:focus\:text-blue-800:focus { - color: #2c5282; + .lg\:col-gap-6 { + grid-column-gap: 1.5rem; + column-gap: 1.5rem; } - .lg\:focus\:text-blue-900:focus { - color: #2a4365; + .lg\:col-gap-8 { + grid-column-gap: 2rem; + column-gap: 2rem; } - .lg\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .lg\:col-gap-10 { + grid-column-gap: 2.5rem; + column-gap: 2.5rem; } - .lg\:focus\:text-indigo-200:focus { - color: #c3dafe; + .lg\:col-gap-12 { + grid-column-gap: 3rem; + column-gap: 3rem; } - .lg\:focus\:text-indigo-300:focus { - color: #a3bffa; + .lg\:col-gap-16 { + grid-column-gap: 4rem; + column-gap: 4rem; } - .lg\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .lg\:col-gap-20 { + grid-column-gap: 5rem; + column-gap: 5rem; } - .lg\:focus\:text-indigo-500:focus { - color: #667eea; + .lg\:col-gap-24 { + grid-column-gap: 6rem; + column-gap: 6rem; } - .lg\:focus\:text-indigo-600:focus { - color: #5a67d8; + .lg\:col-gap-32 { + grid-column-gap: 8rem; + column-gap: 8rem; } - .lg\:focus\:text-indigo-700:focus { - color: #4c51bf; + .lg\:col-gap-40 { + grid-column-gap: 10rem; + column-gap: 10rem; } - .lg\:focus\:text-indigo-800:focus { - color: #434190; + .lg\:col-gap-48 { + grid-column-gap: 12rem; + column-gap: 12rem; } - .lg\:focus\:text-indigo-900:focus { - color: #3c366b; + .lg\:col-gap-56 { + grid-column-gap: 14rem; + column-gap: 14rem; } - .lg\:focus\:text-purple-100:focus { - color: #faf5ff; + .lg\:col-gap-64 { + grid-column-gap: 16rem; + column-gap: 16rem; } - .lg\:focus\:text-purple-200:focus { - color: #e9d8fd; + .lg\:col-gap-px { + grid-column-gap: 1px; + column-gap: 1px; } - .lg\:focus\:text-purple-300:focus { - color: #d6bcfa; + .lg\:row-gap-0 { + grid-row-gap: 0; + row-gap: 0; } - .lg\:focus\:text-purple-400:focus { - color: #b794f4; + .lg\:row-gap-1 { + grid-row-gap: 0.25rem; + row-gap: 0.25rem; } - .lg\:focus\:text-purple-500:focus { - color: #9f7aea; + .lg\:row-gap-2 { + grid-row-gap: 0.5rem; + row-gap: 0.5rem; } - .lg\:focus\:text-purple-600:focus { - color: #805ad5; + .lg\:row-gap-3 { + grid-row-gap: 0.75rem; + row-gap: 0.75rem; } - .lg\:focus\:text-purple-700:focus { - color: #6b46c1; + .lg\:row-gap-4 { + grid-row-gap: 1rem; + row-gap: 1rem; } - .lg\:focus\:text-purple-800:focus { - color: #553c9a; + .lg\:row-gap-5 { + grid-row-gap: 1.25rem; + row-gap: 1.25rem; } - .lg\:focus\:text-purple-900:focus { - color: #44337a; + .lg\:row-gap-6 { + grid-row-gap: 1.5rem; + row-gap: 1.5rem; } - .lg\:focus\:text-pink-100:focus { - color: #fff5f7; + .lg\:row-gap-8 { + grid-row-gap: 2rem; + row-gap: 2rem; } - .lg\:focus\:text-pink-200:focus { - color: #fed7e2; + .lg\:row-gap-10 { + grid-row-gap: 2.5rem; + row-gap: 2.5rem; } - .lg\:focus\:text-pink-300:focus { - color: #fbb6ce; + .lg\:row-gap-12 { + grid-row-gap: 3rem; + row-gap: 3rem; } - .lg\:focus\:text-pink-400:focus { - color: #f687b3; + .lg\:row-gap-16 { + grid-row-gap: 4rem; + row-gap: 4rem; } - .lg\:focus\:text-pink-500:focus { - color: #ed64a6; + .lg\:row-gap-20 { + grid-row-gap: 5rem; + row-gap: 5rem; } - .lg\:focus\:text-pink-600:focus { - color: #d53f8c; + .lg\:row-gap-24 { + grid-row-gap: 6rem; + row-gap: 6rem; } - .lg\:focus\:text-pink-700:focus { - color: #b83280; + .lg\:row-gap-32 { + grid-row-gap: 8rem; + row-gap: 8rem; } - .lg\:focus\:text-pink-800:focus { - color: #97266d; + .lg\:row-gap-40 { + grid-row-gap: 10rem; + row-gap: 10rem; } - .lg\:focus\:text-pink-900:focus { - color: #702459; + .lg\:row-gap-48 { + grid-row-gap: 12rem; + row-gap: 12rem; } - .lg\:text-xs { - font-size: 0.75rem; + .lg\:row-gap-56 { + grid-row-gap: 14rem; + row-gap: 14rem; } - .lg\:text-sm { - font-size: 0.875rem; + .lg\:row-gap-64 { + grid-row-gap: 16rem; + row-gap: 16rem; } - .lg\:text-base { - font-size: 1rem; + .lg\:row-gap-px { + grid-row-gap: 1px; + row-gap: 1px; } - .lg\:text-lg { - font-size: 1.125rem; + .lg\:grid-flow-row { + grid-auto-flow: row; } - .lg\:text-xl { - font-size: 1.25rem; + .lg\:grid-flow-col { + grid-auto-flow: column; } - .lg\:text-2xl { - font-size: 1.5rem; + .lg\:grid-flow-row-dense { + grid-auto-flow: row dense; } - .lg\:text-3xl { - font-size: 1.875rem; + .lg\:grid-flow-col-dense { + grid-auto-flow: column dense; } - .lg\:text-4xl { - font-size: 2.25rem; + .lg\:grid-cols-1 { + grid-template-columns: repeat(1, minmax(0, 1fr)); } - .lg\:text-5xl { - font-size: 3rem; + .lg\:grid-cols-2 { + grid-template-columns: repeat(2, minmax(0, 1fr)); } - .lg\:text-6xl { - font-size: 4rem; + .lg\:grid-cols-3 { + grid-template-columns: repeat(3, minmax(0, 1fr)); } - .lg\:italic { - font-style: italic; + .lg\:grid-cols-4 { + grid-template-columns: repeat(4, minmax(0, 1fr)); } - .lg\:not-italic { - font-style: normal; + .lg\:grid-cols-5 { + grid-template-columns: repeat(5, minmax(0, 1fr)); } - .lg\:uppercase { - text-transform: uppercase; + .lg\:grid-cols-6 { + grid-template-columns: repeat(6, minmax(0, 1fr)); } - .lg\:lowercase { - text-transform: lowercase; + .lg\:grid-cols-7 { + grid-template-columns: repeat(7, minmax(0, 1fr)); } - .lg\:capitalize { - text-transform: capitalize; + .lg\:grid-cols-8 { + grid-template-columns: repeat(8, minmax(0, 1fr)); } - .lg\:normal-case { - text-transform: none; + .lg\:grid-cols-9 { + grid-template-columns: repeat(9, minmax(0, 1fr)); } - .lg\:underline { - text-decoration: underline; + .lg\:grid-cols-10 { + grid-template-columns: repeat(10, minmax(0, 1fr)); } - .lg\:line-through { - text-decoration: line-through; + .lg\:grid-cols-11 { + grid-template-columns: repeat(11, minmax(0, 1fr)); } - .lg\:no-underline { - text-decoration: none; + .lg\:grid-cols-12 { + grid-template-columns: repeat(12, minmax(0, 1fr)); } - .lg\:hover\:underline:hover { - text-decoration: underline; + .lg\:grid-cols-none { + grid-template-columns: none; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:col-auto { + grid-column: auto; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .lg\:col-span-1 { + grid-column: span 1 / span 1; } - .lg\:focus\:underline:focus { - text-decoration: underline; + .lg\:col-span-2 { + grid-column: span 2 / span 2; } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:col-span-3 { + grid-column: span 3 / span 3; } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .lg\:col-span-4 { + grid-column: span 4 / span 4; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:col-span-5 { + grid-column: span 5 / span 5; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:col-span-6 { + grid-column: span 6 / span 6; } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:col-span-7 { + grid-column: span 7 / span 7; } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .lg\:col-span-8 { + grid-column: span 8 / span 8; } - .lg\:tracking-normal { - letter-spacing: 0; + .lg\:col-span-9 { + grid-column: span 9 / span 9; } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .lg\:col-span-10 { + grid-column: span 10 / span 10; } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .lg\:col-span-11 { + grid-column: span 11 / span 11; } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .lg\:col-span-12 { + grid-column: span 12 / span 12; } - .lg\:select-none { - -webkit-user-select: none; - -ms-user-select: none; - user-select: none; + .lg\:col-start-1 { + grid-column-start: 1; } - .lg\:select-text { - -webkit-user-select: text; - -ms-user-select: text; - user-select: text; + .lg\:col-start-2 { + grid-column-start: 2; } - .lg\:select-all { - -webkit-user-select: all; - -ms-user-select: all; - user-select: all; + .lg\:col-start-3 { + grid-column-start: 3; } - .lg\:select-auto { - -webkit-user-select: auto; - -ms-user-select: auto; - user-select: auto; + .lg\:col-start-4 { + grid-column-start: 4; } - .lg\:align-baseline { - vertical-align: baseline; + .lg\:col-start-5 { + grid-column-start: 5; } - .lg\:align-top { - vertical-align: top; + .lg\:col-start-6 { + grid-column-start: 6; } - .lg\:align-middle { - vertical-align: middle; + .lg\:col-start-7 { + grid-column-start: 7; } - .lg\:align-bottom { - vertical-align: bottom; + .lg\:col-start-8 { + grid-column-start: 8; } - .lg\:align-text-top { - vertical-align: text-top; + .lg\:col-start-9 { + grid-column-start: 9; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .lg\:col-start-10 { + grid-column-start: 10; } - .lg\:visible { - visibility: visible; + .lg\:col-start-11 { + grid-column-start: 11; } - .lg\:invisible { - visibility: hidden; + .lg\:col-start-12 { + grid-column-start: 12; } - .lg\:whitespace-normal { - white-space: normal; + .lg\:col-start-13 { + grid-column-start: 13; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .lg\:col-start-auto { + grid-column-start: auto; } - .lg\:whitespace-pre { - white-space: pre; + .lg\:col-end-1 { + grid-column-end: 1; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .lg\:col-end-2 { + grid-column-end: 2; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:col-end-3 { + grid-column-end: 3; } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:col-end-4 { + grid-column-end: 4; } - .lg\:break-words { - overflow-wrap: break-word; + .lg\:col-end-5 { + grid-column-end: 5; } - .lg\:break-all { - word-break: break-all; + .lg\:col-end-6 { + grid-column-end: 6; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:col-end-7 { + grid-column-end: 7; } - .lg\:w-0 { - width: 0; + .lg\:col-end-8 { + grid-column-end: 8; } - .lg\:w-1 { - width: 0.25rem; + .lg\:col-end-9 { + grid-column-end: 9; } - .lg\:w-2 { - width: 0.5rem; + .lg\:col-end-10 { + grid-column-end: 10; } - .lg\:w-3 { - width: 0.75rem; + .lg\:col-end-11 { + grid-column-end: 11; } - .lg\:w-4 { - width: 1rem; + .lg\:col-end-12 { + grid-column-end: 12; } - .lg\:w-5 { - width: 1.25rem; + .lg\:col-end-13 { + grid-column-end: 13; } - .lg\:w-6 { - width: 1.5rem; + .lg\:col-end-auto { + grid-column-end: auto; } - .lg\:w-8 { - width: 2rem; + .lg\:grid-rows-1 { + grid-template-rows: repeat(1, minmax(0, 1fr)); } - .lg\:w-10 { - width: 2.5rem; + .lg\:grid-rows-2 { + grid-template-rows: repeat(2, minmax(0, 1fr)); } - .lg\:w-12 { - width: 3rem; + .lg\:grid-rows-3 { + grid-template-rows: repeat(3, minmax(0, 1fr)); } - .lg\:w-16 { - width: 4rem; + .lg\:grid-rows-4 { + grid-template-rows: repeat(4, minmax(0, 1fr)); } - .lg\:w-20 { - width: 5rem; + .lg\:grid-rows-5 { + grid-template-rows: repeat(5, minmax(0, 1fr)); } - .lg\:w-24 { - width: 6rem; + .lg\:grid-rows-6 { + grid-template-rows: repeat(6, minmax(0, 1fr)); } - .lg\:w-32 { - width: 8rem; + .lg\:grid-rows-none { + grid-template-rows: none; } - .lg\:w-40 { - width: 10rem; + .lg\:row-auto { + grid-row: auto; } - .lg\:w-48 { - width: 12rem; + .lg\:row-span-1 { + grid-row: span 1 / span 1; } - .lg\:w-56 { - width: 14rem; + .lg\:row-span-2 { + grid-row: span 2 / span 2; } - .lg\:w-64 { - width: 16rem; + .lg\:row-span-3 { + grid-row: span 3 / span 3; } - .lg\:w-auto { - width: auto; + .lg\:row-span-4 { + grid-row: span 4 / span 4; } - .lg\:w-px { - width: 1px; + .lg\:row-span-5 { + grid-row: span 5 / span 5; } - .lg\:w-1\/2 { - width: 50%; + .lg\:row-span-6 { + grid-row: span 6 / span 6; } - .lg\:w-1\/3 { - width: 33.333333%; + .lg\:row-start-1 { + grid-row-start: 1; } - .lg\:w-2\/3 { - width: 66.666667%; + .lg\:row-start-2 { + grid-row-start: 2; } - .lg\:w-1\/4 { - width: 25%; + .lg\:row-start-3 { + grid-row-start: 3; } - .lg\:w-2\/4 { - width: 50%; + .lg\:row-start-4 { + grid-row-start: 4; } - .lg\:w-3\/4 { - width: 75%; + .lg\:row-start-5 { + grid-row-start: 5; } - .lg\:w-1\/5 { - width: 20%; + .lg\:row-start-6 { + grid-row-start: 6; } - .lg\:w-2\/5 { - width: 40%; + .lg\:row-start-7 { + grid-row-start: 7; } - .lg\:w-3\/5 { - width: 60%; + .lg\:row-start-auto { + grid-row-start: auto; } - .lg\:w-4\/5 { - width: 80%; + .lg\:row-end-1 { + grid-row-end: 1; } - .lg\:w-1\/6 { - width: 16.666667%; + .lg\:row-end-2 { + grid-row-end: 2; } - .lg\:w-2\/6 { - width: 33.333333%; + .lg\:row-end-3 { + grid-row-end: 3; } - .lg\:w-3\/6 { - width: 50%; + .lg\:row-end-4 { + grid-row-end: 4; } - .lg\:w-4\/6 { - width: 66.666667%; + .lg\:row-end-5 { + grid-row-end: 5; } - .lg\:w-5\/6 { - width: 83.333333%; + .lg\:row-end-6 { + grid-row-end: 6; } - .lg\:w-1\/12 { - width: 8.333333%; + .lg\:row-end-7 { + grid-row-end: 7; } - .lg\:w-2\/12 { - width: 16.666667%; + .lg\:row-end-auto { + grid-row-end: auto; } - .lg\:w-3\/12 { - width: 25%; + .lg\:transform { + --transform-translate-x: 0; + --transform-translate-y: 0; + --transform-rotate: 0; + --transform-skew-x: 0; + --transform-skew-y: 0; + --transform-scale-x: 1; + --transform-scale-y: 1; + transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); } - .lg\:w-4\/12 { - width: 33.333333%; + .lg\:transform-none { + transform: none; } - .lg\:w-5\/12 { - width: 41.666667%; + .lg\:origin-center { + transform-origin: center; } - .lg\:w-6\/12 { - width: 50%; + .lg\:origin-top { + transform-origin: top; } - .lg\:w-7\/12 { - width: 58.333333%; + .lg\:origin-top-right { + transform-origin: top right; } - .lg\:w-8\/12 { - width: 66.666667%; + .lg\:origin-right { + transform-origin: right; } - .lg\:w-9\/12 { - width: 75%; + .lg\:origin-bottom-right { + transform-origin: bottom right; } - .lg\:w-10\/12 { - width: 83.333333%; + .lg\:origin-bottom { + transform-origin: bottom; } - .lg\:w-11\/12 { - width: 91.666667%; + .lg\:origin-bottom-left { + transform-origin: bottom left; } - .lg\:w-full { - width: 100%; + .lg\:origin-left { + transform-origin: left; } - .lg\:w-screen { - width: 100vw; + .lg\:origin-top-left { + transform-origin: top left; } - .lg\:z-0 { - z-index: 0; + .lg\:scale-0 { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:z-10 { - z-index: 10; + .lg\:scale-50 { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:z-20 { - z-index: 20; + .lg\:scale-75 { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:z-30 { - z-index: 30; + .lg\:scale-90 { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:z-40 { - z-index: 40; + .lg\:scale-95 { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:z-50 { - z-index: 50; + .lg\:scale-100 { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:z-auto { - z-index: auto; + .lg\:scale-105 { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:gap-0 { - grid-gap: 0; - gap: 0; + .lg\:scale-110 { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:gap-1 { - grid-gap: 0.25rem; - gap: 0.25rem; + .lg\:scale-125 { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:gap-2 { - grid-gap: 0.5rem; - gap: 0.5rem; + .lg\:scale-150 { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:gap-3 { - grid-gap: 0.75rem; - gap: 0.75rem; + .lg\:scale-x-0 { + --transform-scale-x: 0; } - .lg\:gap-4 { - grid-gap: 1rem; - gap: 1rem; + .lg\:scale-x-50 { + --transform-scale-x: .5; } - .lg\:gap-5 { - grid-gap: 1.25rem; - gap: 1.25rem; + .lg\:scale-x-75 { + --transform-scale-x: .75; } - .lg\:gap-6 { - grid-gap: 1.5rem; - gap: 1.5rem; + .lg\:scale-x-90 { + --transform-scale-x: .9; } - .lg\:gap-8 { - grid-gap: 2rem; - gap: 2rem; + .lg\:scale-x-95 { + --transform-scale-x: .95; } - .lg\:gap-10 { - grid-gap: 2.5rem; - gap: 2.5rem; + .lg\:scale-x-100 { + --transform-scale-x: 1; } - .lg\:gap-12 { - grid-gap: 3rem; - gap: 3rem; + .lg\:scale-x-105 { + --transform-scale-x: 1.05; } - .lg\:gap-16 { - grid-gap: 4rem; - gap: 4rem; + .lg\:scale-x-110 { + --transform-scale-x: 1.1; } - .lg\:gap-20 { - grid-gap: 5rem; - gap: 5rem; + .lg\:scale-x-125 { + --transform-scale-x: 1.25; } - .lg\:gap-24 { - grid-gap: 6rem; - gap: 6rem; + .lg\:scale-x-150 { + --transform-scale-x: 1.5; } - .lg\:gap-32 { - grid-gap: 8rem; - gap: 8rem; + .lg\:scale-y-0 { + --transform-scale-y: 0; } - .lg\:gap-40 { - grid-gap: 10rem; - gap: 10rem; + .lg\:scale-y-50 { + --transform-scale-y: .5; } - .lg\:gap-48 { - grid-gap: 12rem; - gap: 12rem; + .lg\:scale-y-75 { + --transform-scale-y: .75; } - .lg\:gap-56 { - grid-gap: 14rem; - gap: 14rem; + .lg\:scale-y-90 { + --transform-scale-y: .9; } - .lg\:gap-64 { - grid-gap: 16rem; - gap: 16rem; + .lg\:scale-y-95 { + --transform-scale-y: .95; } - .lg\:gap-px { - grid-gap: 1px; - gap: 1px; + .lg\:scale-y-100 { + --transform-scale-y: 1; } - .lg\:col-gap-0 { - grid-column-gap: 0; - column-gap: 0; + .lg\:scale-y-105 { + --transform-scale-y: 1.05; } - .lg\:col-gap-1 { - grid-column-gap: 0.25rem; - column-gap: 0.25rem; + .lg\:scale-y-110 { + --transform-scale-y: 1.1; } - .lg\:col-gap-2 { - grid-column-gap: 0.5rem; - column-gap: 0.5rem; + .lg\:scale-y-125 { + --transform-scale-y: 1.25; } - .lg\:col-gap-3 { - grid-column-gap: 0.75rem; - column-gap: 0.75rem; + .lg\:scale-y-150 { + --transform-scale-y: 1.5; } - .lg\:col-gap-4 { - grid-column-gap: 1rem; - column-gap: 1rem; + .lg\:hover\:scale-0:hover { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:col-gap-5 { - grid-column-gap: 1.25rem; - column-gap: 1.25rem; + .lg\:hover\:scale-50:hover { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:col-gap-6 { - grid-column-gap: 1.5rem; - column-gap: 1.5rem; + .lg\:hover\:scale-75:hover { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:col-gap-8 { - grid-column-gap: 2rem; - column-gap: 2rem; + .lg\:hover\:scale-90:hover { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:col-gap-10 { - grid-column-gap: 2.5rem; - column-gap: 2.5rem; + .lg\:hover\:scale-95:hover { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:col-gap-12 { - grid-column-gap: 3rem; - column-gap: 3rem; + .lg\:hover\:scale-100:hover { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:col-gap-16 { - grid-column-gap: 4rem; - column-gap: 4rem; + .lg\:hover\:scale-105:hover { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:col-gap-20 { - grid-column-gap: 5rem; - column-gap: 5rem; + .lg\:hover\:scale-110:hover { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:col-gap-24 { - grid-column-gap: 6rem; - column-gap: 6rem; + .lg\:hover\:scale-125:hover { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:col-gap-32 { - grid-column-gap: 8rem; - column-gap: 8rem; + .lg\:hover\:scale-150:hover { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:col-gap-40 { - grid-column-gap: 10rem; - column-gap: 10rem; + .lg\:hover\:scale-x-0:hover { + --transform-scale-x: 0; } - .lg\:col-gap-48 { - grid-column-gap: 12rem; - column-gap: 12rem; + .lg\:hover\:scale-x-50:hover { + --transform-scale-x: .5; } - .lg\:col-gap-56 { - grid-column-gap: 14rem; - column-gap: 14rem; + .lg\:hover\:scale-x-75:hover { + --transform-scale-x: .75; } - .lg\:col-gap-64 { - grid-column-gap: 16rem; - column-gap: 16rem; + .lg\:hover\:scale-x-90:hover { + --transform-scale-x: .9; } - .lg\:col-gap-px { - grid-column-gap: 1px; - column-gap: 1px; + .lg\:hover\:scale-x-95:hover { + --transform-scale-x: .95; } - .lg\:row-gap-0 { - grid-row-gap: 0; - row-gap: 0; + .lg\:hover\:scale-x-100:hover { + --transform-scale-x: 1; } - .lg\:row-gap-1 { - grid-row-gap: 0.25rem; - row-gap: 0.25rem; + .lg\:hover\:scale-x-105:hover { + --transform-scale-x: 1.05; } - .lg\:row-gap-2 { - grid-row-gap: 0.5rem; - row-gap: 0.5rem; + .lg\:hover\:scale-x-110:hover { + --transform-scale-x: 1.1; } - .lg\:row-gap-3 { - grid-row-gap: 0.75rem; - row-gap: 0.75rem; + .lg\:hover\:scale-x-125:hover { + --transform-scale-x: 1.25; } - .lg\:row-gap-4 { - grid-row-gap: 1rem; - row-gap: 1rem; + .lg\:hover\:scale-x-150:hover { + --transform-scale-x: 1.5; } - .lg\:row-gap-5 { - grid-row-gap: 1.25rem; - row-gap: 1.25rem; + .lg\:hover\:scale-y-0:hover { + --transform-scale-y: 0; } - .lg\:row-gap-6 { - grid-row-gap: 1.5rem; - row-gap: 1.5rem; + .lg\:hover\:scale-y-50:hover { + --transform-scale-y: .5; } - .lg\:row-gap-8 { - grid-row-gap: 2rem; - row-gap: 2rem; + .lg\:hover\:scale-y-75:hover { + --transform-scale-y: .75; } - .lg\:row-gap-10 { - grid-row-gap: 2.5rem; - row-gap: 2.5rem; + .lg\:hover\:scale-y-90:hover { + --transform-scale-y: .9; } - .lg\:row-gap-12 { - grid-row-gap: 3rem; - row-gap: 3rem; + .lg\:hover\:scale-y-95:hover { + --transform-scale-y: .95; } - .lg\:row-gap-16 { - grid-row-gap: 4rem; - row-gap: 4rem; + .lg\:hover\:scale-y-100:hover { + --transform-scale-y: 1; } - .lg\:row-gap-20 { - grid-row-gap: 5rem; - row-gap: 5rem; + .lg\:hover\:scale-y-105:hover { + --transform-scale-y: 1.05; } - .lg\:row-gap-24 { - grid-row-gap: 6rem; - row-gap: 6rem; + .lg\:hover\:scale-y-110:hover { + --transform-scale-y: 1.1; } - .lg\:row-gap-32 { - grid-row-gap: 8rem; - row-gap: 8rem; + .lg\:hover\:scale-y-125:hover { + --transform-scale-y: 1.25; } - .lg\:row-gap-40 { - grid-row-gap: 10rem; - row-gap: 10rem; + .lg\:hover\:scale-y-150:hover { + --transform-scale-y: 1.5; } - .lg\:row-gap-48 { - grid-row-gap: 12rem; - row-gap: 12rem; + .lg\:focus\:scale-0:focus { + --transform-scale-x: 0; + --transform-scale-y: 0; } - .lg\:row-gap-56 { - grid-row-gap: 14rem; - row-gap: 14rem; + .lg\:focus\:scale-50:focus { + --transform-scale-x: .5; + --transform-scale-y: .5; } - .lg\:row-gap-64 { - grid-row-gap: 16rem; - row-gap: 16rem; + .lg\:focus\:scale-75:focus { + --transform-scale-x: .75; + --transform-scale-y: .75; } - .lg\:row-gap-px { - grid-row-gap: 1px; - row-gap: 1px; + .lg\:focus\:scale-90:focus { + --transform-scale-x: .9; + --transform-scale-y: .9; } - .lg\:grid-flow-row { - grid-auto-flow: row; + .lg\:focus\:scale-95:focus { + --transform-scale-x: .95; + --transform-scale-y: .95; } - .lg\:grid-flow-col { - grid-auto-flow: column; + .lg\:focus\:scale-100:focus { + --transform-scale-x: 1; + --transform-scale-y: 1; } - .lg\:grid-flow-row-dense { - grid-auto-flow: row dense; + .lg\:focus\:scale-105:focus { + --transform-scale-x: 1.05; + --transform-scale-y: 1.05; } - .lg\:grid-flow-col-dense { - grid-auto-flow: column dense; + .lg\:focus\:scale-110:focus { + --transform-scale-x: 1.1; + --transform-scale-y: 1.1; } - .lg\:grid-cols-1 { - grid-template-columns: repeat(1, minmax(0, 1fr)); + .lg\:focus\:scale-125:focus { + --transform-scale-x: 1.25; + --transform-scale-y: 1.25; } - .lg\:grid-cols-2 { - grid-template-columns: repeat(2, minmax(0, 1fr)); + .lg\:focus\:scale-150:focus { + --transform-scale-x: 1.5; + --transform-scale-y: 1.5; } - .lg\:grid-cols-3 { - grid-template-columns: repeat(3, minmax(0, 1fr)); + .lg\:focus\:scale-x-0:focus { + --transform-scale-x: 0; } - .lg\:grid-cols-4 { - grid-template-columns: repeat(4, minmax(0, 1fr)); + .lg\:focus\:scale-x-50:focus { + --transform-scale-x: .5; } - .lg\:grid-cols-5 { - grid-template-columns: repeat(5, minmax(0, 1fr)); + .lg\:focus\:scale-x-75:focus { + --transform-scale-x: .75; } - .lg\:grid-cols-6 { - grid-template-columns: repeat(6, minmax(0, 1fr)); + .lg\:focus\:scale-x-90:focus { + --transform-scale-x: .9; } - .lg\:grid-cols-7 { - grid-template-columns: repeat(7, minmax(0, 1fr)); + .lg\:focus\:scale-x-95:focus { + --transform-scale-x: .95; } - .lg\:grid-cols-8 { - grid-template-columns: repeat(8, minmax(0, 1fr)); + .lg\:focus\:scale-x-100:focus { + --transform-scale-x: 1; } - .lg\:grid-cols-9 { - grid-template-columns: repeat(9, minmax(0, 1fr)); + .lg\:focus\:scale-x-105:focus { + --transform-scale-x: 1.05; } - .lg\:grid-cols-10 { - grid-template-columns: repeat(10, minmax(0, 1fr)); + .lg\:focus\:scale-x-110:focus { + --transform-scale-x: 1.1; } - .lg\:grid-cols-11 { - grid-template-columns: repeat(11, minmax(0, 1fr)); + .lg\:focus\:scale-x-125:focus { + --transform-scale-x: 1.25; } - .lg\:grid-cols-12 { - grid-template-columns: repeat(12, minmax(0, 1fr)); + .lg\:focus\:scale-x-150:focus { + --transform-scale-x: 1.5; } - .lg\:grid-cols-none { - grid-template-columns: none; + .lg\:focus\:scale-y-0:focus { + --transform-scale-y: 0; } - .lg\:col-auto { - grid-column: auto; + .lg\:focus\:scale-y-50:focus { + --transform-scale-y: .5; } - .lg\:col-span-1 { - grid-column: span 1 / span 1; + .lg\:focus\:scale-y-75:focus { + --transform-scale-y: .75; } - .lg\:col-span-2 { - grid-column: span 2 / span 2; + .lg\:focus\:scale-y-90:focus { + --transform-scale-y: .9; } - .lg\:col-span-3 { - grid-column: span 3 / span 3; + .lg\:focus\:scale-y-95:focus { + --transform-scale-y: .95; } - .lg\:col-span-4 { - grid-column: span 4 / span 4; + .lg\:focus\:scale-y-100:focus { + --transform-scale-y: 1; } - .lg\:col-span-5 { - grid-column: span 5 / span 5; + .lg\:focus\:scale-y-105:focus { + --transform-scale-y: 1.05; } - .lg\:col-span-6 { - grid-column: span 6 / span 6; + .lg\:focus\:scale-y-110:focus { + --transform-scale-y: 1.1; } - .lg\:col-span-7 { - grid-column: span 7 / span 7; + .lg\:focus\:scale-y-125:focus { + --transform-scale-y: 1.25; } - .lg\:col-span-8 { - grid-column: span 8 / span 8; + .lg\:focus\:scale-y-150:focus { + --transform-scale-y: 1.5; } - .lg\:col-span-9 { - grid-column: span 9 / span 9; + .lg\:rotate-0 { + --transform-rotate: 0; } - .lg\:col-span-10 { - grid-column: span 10 / span 10; + .lg\:rotate-45 { + --transform-rotate: 45deg; } - .lg\:col-span-11 { - grid-column: span 11 / span 11; + .lg\:rotate-90 { + --transform-rotate: 90deg; } - .lg\:col-span-12 { - grid-column: span 12 / span 12; + .lg\:rotate-180 { + --transform-rotate: 180deg; } - .lg\:col-start-1 { - grid-column-start: 1; + .lg\:-rotate-180 { + --transform-rotate: -180deg; } - .lg\:col-start-2 { - grid-column-start: 2; + .lg\:-rotate-90 { + --transform-rotate: -90deg; } - .lg\:col-start-3 { - grid-column-start: 3; + .lg\:-rotate-45 { + --transform-rotate: -45deg; } - .lg\:col-start-4 { - grid-column-start: 4; + .lg\:hover\:rotate-0:hover { + --transform-rotate: 0; } - .lg\:col-start-5 { - grid-column-start: 5; + .lg\:hover\:rotate-45:hover { + --transform-rotate: 45deg; } - .lg\:col-start-6 { - grid-column-start: 6; + .lg\:hover\:rotate-90:hover { + --transform-rotate: 90deg; } - .lg\:col-start-7 { - grid-column-start: 7; + .lg\:hover\:rotate-180:hover { + --transform-rotate: 180deg; } - .lg\:col-start-8 { - grid-column-start: 8; + .lg\:hover\:-rotate-180:hover { + --transform-rotate: -180deg; } - .lg\:col-start-9 { - grid-column-start: 9; + .lg\:hover\:-rotate-90:hover { + --transform-rotate: -90deg; } - .lg\:col-start-10 { - grid-column-start: 10; + .lg\:hover\:-rotate-45:hover { + --transform-rotate: -45deg; } - .lg\:col-start-11 { - grid-column-start: 11; + .lg\:focus\:rotate-0:focus { + --transform-rotate: 0; } - .lg\:col-start-12 { - grid-column-start: 12; + .lg\:focus\:rotate-45:focus { + --transform-rotate: 45deg; } - .lg\:col-start-13 { - grid-column-start: 13; + .lg\:focus\:rotate-90:focus { + --transform-rotate: 90deg; } - .lg\:col-start-auto { - grid-column-start: auto; + .lg\:focus\:rotate-180:focus { + --transform-rotate: 180deg; } - .lg\:col-end-1 { - grid-column-end: 1; + .lg\:focus\:-rotate-180:focus { + --transform-rotate: -180deg; } - .lg\:col-end-2 { - grid-column-end: 2; + .lg\:focus\:-rotate-90:focus { + --transform-rotate: -90deg; } - .lg\:col-end-3 { - grid-column-end: 3; + .lg\:focus\:-rotate-45:focus { + --transform-rotate: -45deg; } - .lg\:col-end-4 { - grid-column-end: 4; + .lg\:translate-x-0 { + --transform-translate-x: 0; } - .lg\:col-end-5 { - grid-column-end: 5; + .lg\:translate-x-1 { + --transform-translate-x: 0.25rem; } - .lg\:col-end-6 { - grid-column-end: 6; + .lg\:translate-x-2 { + --transform-translate-x: 0.5rem; } - .lg\:col-end-7 { - grid-column-end: 7; + .lg\:translate-x-3 { + --transform-translate-x: 0.75rem; } - .lg\:col-end-8 { - grid-column-end: 8; + .lg\:translate-x-4 { + --transform-translate-x: 1rem; } - .lg\:col-end-9 { - grid-column-end: 9; + .lg\:translate-x-5 { + --transform-translate-x: 1.25rem; } - .lg\:col-end-10 { - grid-column-end: 10; + .lg\:translate-x-6 { + --transform-translate-x: 1.5rem; } - .lg\:col-end-11 { - grid-column-end: 11; + .lg\:translate-x-8 { + --transform-translate-x: 2rem; } - .lg\:col-end-12 { - grid-column-end: 12; + .lg\:translate-x-10 { + --transform-translate-x: 2.5rem; } - .lg\:col-end-13 { - grid-column-end: 13; + .lg\:translate-x-12 { + --transform-translate-x: 3rem; } - .lg\:col-end-auto { - grid-column-end: auto; + .lg\:translate-x-16 { + --transform-translate-x: 4rem; } - .lg\:grid-rows-1 { - grid-template-rows: repeat(1, minmax(0, 1fr)); + .lg\:translate-x-20 { + --transform-translate-x: 5rem; } - .lg\:grid-rows-2 { - grid-template-rows: repeat(2, minmax(0, 1fr)); + .lg\:translate-x-24 { + --transform-translate-x: 6rem; } - .lg\:grid-rows-3 { - grid-template-rows: repeat(3, minmax(0, 1fr)); + .lg\:translate-x-32 { + --transform-translate-x: 8rem; } - .lg\:grid-rows-4 { - grid-template-rows: repeat(4, minmax(0, 1fr)); + .lg\:translate-x-40 { + --transform-translate-x: 10rem; } - .lg\:grid-rows-5 { - grid-template-rows: repeat(5, minmax(0, 1fr)); + .lg\:translate-x-48 { + --transform-translate-x: 12rem; } - .lg\:grid-rows-6 { - grid-template-rows: repeat(6, minmax(0, 1fr)); + .lg\:translate-x-56 { + --transform-translate-x: 14rem; } - .lg\:grid-rows-none { - grid-template-rows: none; + .lg\:translate-x-64 { + --transform-translate-x: 16rem; } - .lg\:row-auto { - grid-row: auto; + .lg\:translate-x-px { + --transform-translate-x: 1px; } - .lg\:row-span-1 { - grid-row: span 1 / span 1; + .lg\:-translate-x-1 { + --transform-translate-x: -0.25rem; } - .lg\:row-span-2 { - grid-row: span 2 / span 2; + .lg\:-translate-x-2 { + --transform-translate-x: -0.5rem; } - .lg\:row-span-3 { - grid-row: span 3 / span 3; + .lg\:-translate-x-3 { + --transform-translate-x: -0.75rem; } - .lg\:row-span-4 { - grid-row: span 4 / span 4; + .lg\:-translate-x-4 { + --transform-translate-x: -1rem; } - .lg\:row-span-5 { - grid-row: span 5 / span 5; + .lg\:-translate-x-5 { + --transform-translate-x: -1.25rem; } - .lg\:row-span-6 { - grid-row: span 6 / span 6; + .lg\:-translate-x-6 { + --transform-translate-x: -1.5rem; } - .lg\:row-start-1 { - grid-row-start: 1; + .lg\:-translate-x-8 { + --transform-translate-x: -2rem; } - .lg\:row-start-2 { - grid-row-start: 2; + .lg\:-translate-x-10 { + --transform-translate-x: -2.5rem; } - .lg\:row-start-3 { - grid-row-start: 3; + .lg\:-translate-x-12 { + --transform-translate-x: -3rem; } - .lg\:row-start-4 { - grid-row-start: 4; + .lg\:-translate-x-16 { + --transform-translate-x: -4rem; } - .lg\:row-start-5 { - grid-row-start: 5; + .lg\:-translate-x-20 { + --transform-translate-x: -5rem; } - .lg\:row-start-6 { - grid-row-start: 6; + .lg\:-translate-x-24 { + --transform-translate-x: -6rem; } - .lg\:row-start-7 { - grid-row-start: 7; + .lg\:-translate-x-32 { + --transform-translate-x: -8rem; } - .lg\:row-start-auto { - grid-row-start: auto; + .lg\:-translate-x-40 { + --transform-translate-x: -10rem; } - .lg\:row-end-1 { - grid-row-end: 1; + .lg\:-translate-x-48 { + --transform-translate-x: -12rem; } - .lg\:row-end-2 { - grid-row-end: 2; + .lg\:-translate-x-56 { + --transform-translate-x: -14rem; } - .lg\:row-end-3 { - grid-row-end: 3; + .lg\:-translate-x-64 { + --transform-translate-x: -16rem; } - .lg\:row-end-4 { - grid-row-end: 4; + .lg\:-translate-x-px { + --transform-translate-x: -1px; } - .lg\:row-end-5 { - grid-row-end: 5; + .lg\:-translate-x-full { + --transform-translate-x: -100%; } - .lg\:row-end-6 { - grid-row-end: 6; + .lg\:-translate-x-1\/2 { + --transform-translate-x: -50%; } - .lg\:row-end-7 { - grid-row-end: 7; + .lg\:translate-x-1\/2 { + --transform-translate-x: 50%; } - .lg\:row-end-auto { - grid-row-end: auto; + .lg\:translate-x-full { + --transform-translate-x: 100%; } - .lg\:transform { - --transform-translate-x: 0; - --transform-translate-y: 0; - --transform-rotate: 0; - --transform-skew-x: 0; - --transform-skew-y: 0; - --transform-scale-x: 1; - --transform-scale-y: 1; - transform: translateX(var(--transform-translate-x)) translateY(var(--transform-translate-y)) rotate(var(--transform-rotate)) skewX(var(--transform-skew-x)) skewY(var(--transform-skew-y)) scaleX(var(--transform-scale-x)) scaleY(var(--transform-scale-y)); + .lg\:translate-y-0 { + --transform-translate-y: 0; } - .lg\:transform-none { - transform: none; + .lg\:translate-y-1 { + --transform-translate-y: 0.25rem; } - .lg\:origin-center { - transform-origin: center; + .lg\:translate-y-2 { + --transform-translate-y: 0.5rem; } - .lg\:origin-top { - transform-origin: top; + .lg\:translate-y-3 { + --transform-translate-y: 0.75rem; } - .lg\:origin-top-right { - transform-origin: top right; + .lg\:translate-y-4 { + --transform-translate-y: 1rem; } - .lg\:origin-right { - transform-origin: right; + .lg\:translate-y-5 { + --transform-translate-y: 1.25rem; } - .lg\:origin-bottom-right { - transform-origin: bottom right; + .lg\:translate-y-6 { + --transform-translate-y: 1.5rem; } - .lg\:origin-bottom { - transform-origin: bottom; + .lg\:translate-y-8 { + --transform-translate-y: 2rem; } - .lg\:origin-bottom-left { - transform-origin: bottom left; + .lg\:translate-y-10 { + --transform-translate-y: 2.5rem; } - .lg\:origin-left { - transform-origin: left; + .lg\:translate-y-12 { + --transform-translate-y: 3rem; } - .lg\:origin-top-left { - transform-origin: top left; + .lg\:translate-y-16 { + --transform-translate-y: 4rem; } - .lg\:scale-0 { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:translate-y-20 { + --transform-translate-y: 5rem; } - .lg\:scale-50 { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:translate-y-24 { + --transform-translate-y: 6rem; } - .lg\:scale-75 { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:translate-y-32 { + --transform-translate-y: 8rem; } - .lg\:scale-90 { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:translate-y-40 { + --transform-translate-y: 10rem; } - .lg\:scale-95 { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:translate-y-48 { + --transform-translate-y: 12rem; } - .lg\:scale-100 { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:translate-y-56 { + --transform-translate-y: 14rem; } - .lg\:scale-105 { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:translate-y-64 { + --transform-translate-y: 16rem; } - .lg\:scale-110 { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:translate-y-px { + --transform-translate-y: 1px; } - .lg\:scale-125 { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:-translate-y-1 { + --transform-translate-y: -0.25rem; } - .lg\:scale-150 { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:-translate-y-2 { + --transform-translate-y: -0.5rem; } - .lg\:scale-x-0 { - --transform-scale-x: 0; + .lg\:-translate-y-3 { + --transform-translate-y: -0.75rem; } - .lg\:scale-x-50 { - --transform-scale-x: .5; + .lg\:-translate-y-4 { + --transform-translate-y: -1rem; } - .lg\:scale-x-75 { - --transform-scale-x: .75; + .lg\:-translate-y-5 { + --transform-translate-y: -1.25rem; } - .lg\:scale-x-90 { - --transform-scale-x: .9; + .lg\:-translate-y-6 { + --transform-translate-y: -1.5rem; } - .lg\:scale-x-95 { - --transform-scale-x: .95; + .lg\:-translate-y-8 { + --transform-translate-y: -2rem; } - .lg\:scale-x-100 { - --transform-scale-x: 1; + .lg\:-translate-y-10 { + --transform-translate-y: -2.5rem; } - .lg\:scale-x-105 { - --transform-scale-x: 1.05; + .lg\:-translate-y-12 { + --transform-translate-y: -3rem; } - .lg\:scale-x-110 { - --transform-scale-x: 1.1; + .lg\:-translate-y-16 { + --transform-translate-y: -4rem; } - .lg\:scale-x-125 { - --transform-scale-x: 1.25; + .lg\:-translate-y-20 { + --transform-translate-y: -5rem; } - .lg\:scale-x-150 { - --transform-scale-x: 1.5; + .lg\:-translate-y-24 { + --transform-translate-y: -6rem; } - .lg\:scale-y-0 { - --transform-scale-y: 0; + .lg\:-translate-y-32 { + --transform-translate-y: -8rem; } - .lg\:scale-y-50 { - --transform-scale-y: .5; + .lg\:-translate-y-40 { + --transform-translate-y: -10rem; } - .lg\:scale-y-75 { - --transform-scale-y: .75; + .lg\:-translate-y-48 { + --transform-translate-y: -12rem; } - .lg\:scale-y-90 { - --transform-scale-y: .9; + .lg\:-translate-y-56 { + --transform-translate-y: -14rem; } - .lg\:scale-y-95 { - --transform-scale-y: .95; + .lg\:-translate-y-64 { + --transform-translate-y: -16rem; } - .lg\:scale-y-100 { - --transform-scale-y: 1; + .lg\:-translate-y-px { + --transform-translate-y: -1px; } - .lg\:scale-y-105 { - --transform-scale-y: 1.05; + .lg\:-translate-y-full { + --transform-translate-y: -100%; } - .lg\:scale-y-110 { - --transform-scale-y: 1.1; + .lg\:-translate-y-1\/2 { + --transform-translate-y: -50%; } - .lg\:scale-y-125 { - --transform-scale-y: 1.25; + .lg\:translate-y-1\/2 { + --transform-translate-y: 50%; } - .lg\:scale-y-150 { - --transform-scale-y: 1.5; + .lg\:translate-y-full { + --transform-translate-y: 100%; } - .lg\:hover\:scale-0:hover { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:hover\:translate-x-0:hover { + --transform-translate-x: 0; } - .lg\:hover\:scale-50:hover { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:translate-x-1:hover { + --transform-translate-x: 0.25rem; } - .lg\:hover\:scale-75:hover { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:translate-x-2:hover { + --transform-translate-x: 0.5rem; } - .lg\:hover\:scale-90:hover { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:translate-x-3:hover { + --transform-translate-x: 0.75rem; } - .lg\:hover\:scale-95:hover { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:translate-x-4:hover { + --transform-translate-x: 1rem; } - .lg\:hover\:scale-100:hover { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:translate-x-5:hover { + --transform-translate-x: 1.25rem; } - .lg\:hover\:scale-105:hover { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:translate-x-6:hover { + --transform-translate-x: 1.5rem; } - .lg\:hover\:scale-110:hover { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:translate-x-8:hover { + --transform-translate-x: 2rem; } - .lg\:hover\:scale-125:hover { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:translate-x-10:hover { + --transform-translate-x: 2.5rem; } - .lg\:hover\:scale-150:hover { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:translate-x-12:hover { + --transform-translate-x: 3rem; } - .lg\:hover\:scale-x-0:hover { - --transform-scale-x: 0; + .lg\:hover\:translate-x-16:hover { + --transform-translate-x: 4rem; } - .lg\:hover\:scale-x-50:hover { - --transform-scale-x: .5; + .lg\:hover\:translate-x-20:hover { + --transform-translate-x: 5rem; } - .lg\:hover\:scale-x-75:hover { - --transform-scale-x: .75; + .lg\:hover\:translate-x-24:hover { + --transform-translate-x: 6rem; } - .lg\:hover\:scale-x-90:hover { - --transform-scale-x: .9; + .lg\:hover\:translate-x-32:hover { + --transform-translate-x: 8rem; } - .lg\:hover\:scale-x-95:hover { - --transform-scale-x: .95; + .lg\:hover\:translate-x-40:hover { + --transform-translate-x: 10rem; } - .lg\:hover\:scale-x-100:hover { - --transform-scale-x: 1; + .lg\:hover\:translate-x-48:hover { + --transform-translate-x: 12rem; } - .lg\:hover\:scale-x-105:hover { - --transform-scale-x: 1.05; + .lg\:hover\:translate-x-56:hover { + --transform-translate-x: 14rem; } - .lg\:hover\:scale-x-110:hover { - --transform-scale-x: 1.1; + .lg\:hover\:translate-x-64:hover { + --transform-translate-x: 16rem; } - .lg\:hover\:scale-x-125:hover { - --transform-scale-x: 1.25; + .lg\:hover\:translate-x-px:hover { + --transform-translate-x: 1px; } - .lg\:hover\:scale-x-150:hover { - --transform-scale-x: 1.5; + .lg\:hover\:-translate-x-1:hover { + --transform-translate-x: -0.25rem; } - .lg\:hover\:scale-y-0:hover { - --transform-scale-y: 0; + .lg\:hover\:-translate-x-2:hover { + --transform-translate-x: -0.5rem; } - .lg\:hover\:scale-y-50:hover { - --transform-scale-y: .5; + .lg\:hover\:-translate-x-3:hover { + --transform-translate-x: -0.75rem; } - .lg\:hover\:scale-y-75:hover { - --transform-scale-y: .75; + .lg\:hover\:-translate-x-4:hover { + --transform-translate-x: -1rem; } - .lg\:hover\:scale-y-90:hover { - --transform-scale-y: .9; + .lg\:hover\:-translate-x-5:hover { + --transform-translate-x: -1.25rem; } - .lg\:hover\:scale-y-95:hover { - --transform-scale-y: .95; + .lg\:hover\:-translate-x-6:hover { + --transform-translate-x: -1.5rem; } - .lg\:hover\:scale-y-100:hover { - --transform-scale-y: 1; + .lg\:hover\:-translate-x-8:hover { + --transform-translate-x: -2rem; } - .lg\:hover\:scale-y-105:hover { - --transform-scale-y: 1.05; + .lg\:hover\:-translate-x-10:hover { + --transform-translate-x: -2.5rem; } - .lg\:hover\:scale-y-110:hover { - --transform-scale-y: 1.1; + .lg\:hover\:-translate-x-12:hover { + --transform-translate-x: -3rem; } - .lg\:hover\:scale-y-125:hover { - --transform-scale-y: 1.25; + .lg\:hover\:-translate-x-16:hover { + --transform-translate-x: -4rem; } - .lg\:hover\:scale-y-150:hover { - --transform-scale-y: 1.5; + .lg\:hover\:-translate-x-20:hover { + --transform-translate-x: -5rem; } - .lg\:focus\:scale-0:focus { - --transform-scale-x: 0; - --transform-scale-y: 0; + .lg\:hover\:-translate-x-24:hover { + --transform-translate-x: -6rem; } - .lg\:focus\:scale-50:focus { - --transform-scale-x: .5; - --transform-scale-y: .5; + .lg\:hover\:-translate-x-32:hover { + --transform-translate-x: -8rem; } - .lg\:focus\:scale-75:focus { - --transform-scale-x: .75; - --transform-scale-y: .75; + .lg\:hover\:-translate-x-40:hover { + --transform-translate-x: -10rem; } - .lg\:focus\:scale-90:focus { - --transform-scale-x: .9; - --transform-scale-y: .9; + .lg\:hover\:-translate-x-48:hover { + --transform-translate-x: -12rem; } - .lg\:focus\:scale-95:focus { - --transform-scale-x: .95; - --transform-scale-y: .95; + .lg\:hover\:-translate-x-56:hover { + --transform-translate-x: -14rem; } - .lg\:focus\:scale-100:focus { - --transform-scale-x: 1; - --transform-scale-y: 1; + .lg\:hover\:-translate-x-64:hover { + --transform-translate-x: -16rem; } - .lg\:focus\:scale-105:focus { - --transform-scale-x: 1.05; - --transform-scale-y: 1.05; + .lg\:hover\:-translate-x-px:hover { + --transform-translate-x: -1px; } - .lg\:focus\:scale-110:focus { - --transform-scale-x: 1.1; - --transform-scale-y: 1.1; + .lg\:hover\:-translate-x-full:hover { + --transform-translate-x: -100%; } - .lg\:focus\:scale-125:focus { - --transform-scale-x: 1.25; - --transform-scale-y: 1.25; + .lg\:hover\:-translate-x-1\/2:hover { + --transform-translate-x: -50%; } - .lg\:focus\:scale-150:focus { - --transform-scale-x: 1.5; - --transform-scale-y: 1.5; + .lg\:hover\:translate-x-1\/2:hover { + --transform-translate-x: 50%; } - .lg\:focus\:scale-x-0:focus { - --transform-scale-x: 0; + .lg\:hover\:translate-x-full:hover { + --transform-translate-x: 100%; } - .lg\:focus\:scale-x-50:focus { - --transform-scale-x: .5; + .lg\:hover\:translate-y-0:hover { + --transform-translate-y: 0; } - .lg\:focus\:scale-x-75:focus { - --transform-scale-x: .75; + .lg\:hover\:translate-y-1:hover { + --transform-translate-y: 0.25rem; } - .lg\:focus\:scale-x-90:focus { - --transform-scale-x: .9; + .lg\:hover\:translate-y-2:hover { + --transform-translate-y: 0.5rem; } - .lg\:focus\:scale-x-95:focus { - --transform-scale-x: .95; + .lg\:hover\:translate-y-3:hover { + --transform-translate-y: 0.75rem; } - .lg\:focus\:scale-x-100:focus { - --transform-scale-x: 1; + .lg\:hover\:translate-y-4:hover { + --transform-translate-y: 1rem; } - .lg\:focus\:scale-x-105:focus { - --transform-scale-x: 1.05; + .lg\:hover\:translate-y-5:hover { + --transform-translate-y: 1.25rem; } - .lg\:focus\:scale-x-110:focus { - --transform-scale-x: 1.1; + .lg\:hover\:translate-y-6:hover { + --transform-translate-y: 1.5rem; } - .lg\:focus\:scale-x-125:focus { - --transform-scale-x: 1.25; + .lg\:hover\:translate-y-8:hover { + --transform-translate-y: 2rem; } - .lg\:focus\:scale-x-150:focus { - --transform-scale-x: 1.5; + .lg\:hover\:translate-y-10:hover { + --transform-translate-y: 2.5rem; } - .lg\:focus\:scale-y-0:focus { - --transform-scale-y: 0; + .lg\:hover\:translate-y-12:hover { + --transform-translate-y: 3rem; } - .lg\:focus\:scale-y-50:focus { - --transform-scale-y: .5; + .lg\:hover\:translate-y-16:hover { + --transform-translate-y: 4rem; } - .lg\:focus\:scale-y-75:focus { - --transform-scale-y: .75; + .lg\:hover\:translate-y-20:hover { + --transform-translate-y: 5rem; } - .lg\:focus\:scale-y-90:focus { - --transform-scale-y: .9; + .lg\:hover\:translate-y-24:hover { + --transform-translate-y: 6rem; } - .lg\:focus\:scale-y-95:focus { - --transform-scale-y: .95; + .lg\:hover\:translate-y-32:hover { + --transform-translate-y: 8rem; } - .lg\:focus\:scale-y-100:focus { - --transform-scale-y: 1; + .lg\:hover\:translate-y-40:hover { + --transform-translate-y: 10rem; } - .lg\:focus\:scale-y-105:focus { - --transform-scale-y: 1.05; + .lg\:hover\:translate-y-48:hover { + --transform-translate-y: 12rem; } - .lg\:focus\:scale-y-110:focus { - --transform-scale-y: 1.1; + .lg\:hover\:translate-y-56:hover { + --transform-translate-y: 14rem; } - .lg\:focus\:scale-y-125:focus { - --transform-scale-y: 1.25; + .lg\:hover\:translate-y-64:hover { + --transform-translate-y: 16rem; } - .lg\:focus\:scale-y-150:focus { - --transform-scale-y: 1.5; + .lg\:hover\:translate-y-px:hover { + --transform-translate-y: 1px; } - .lg\:rotate-0 { - --transform-rotate: 0; + .lg\:hover\:-translate-y-1:hover { + --transform-translate-y: -0.25rem; } - .lg\:rotate-45 { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-2:hover { + --transform-translate-y: -0.5rem; } - .lg\:rotate-90 { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-3:hover { + --transform-translate-y: -0.75rem; } - .lg\:rotate-180 { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-4:hover { + --transform-translate-y: -1rem; } - .lg\:-rotate-180 { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-5:hover { + --transform-translate-y: -1.25rem; } - .lg\:-rotate-90 { - --transform-rotate: -90deg; + .lg\:hover\:-translate-y-6:hover { + --transform-translate-y: -1.5rem; } - .lg\:-rotate-45 { - --transform-rotate: -45deg; + .lg\:hover\:-translate-y-8:hover { + --transform-translate-y: -2rem; } - .lg\:hover\:rotate-0:hover { - --transform-rotate: 0; + .lg\:hover\:-translate-y-10:hover { + --transform-translate-y: -2.5rem; } - .lg\:hover\:rotate-45:hover { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-12:hover { + --transform-translate-y: -3rem; } - .lg\:hover\:rotate-90:hover { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-16:hover { + --transform-translate-y: -4rem; } - .lg\:hover\:rotate-180:hover { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-20:hover { + --transform-translate-y: -5rem; } - .lg\:hover\:-rotate-180:hover { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-24:hover { + --transform-translate-y: -6rem; } - .lg\:hover\:-rotate-90:hover { - --transform-rotate: -90deg; + .lg\:hover\:-translate-y-32:hover { + --transform-translate-y: -8rem; } - .lg\:hover\:-rotate-45:hover { - --transform-rotate: -45deg; + .lg\:hover\:-translate-y-40:hover { + --transform-translate-y: -10rem; } - .lg\:focus\:rotate-0:focus { - --transform-rotate: 0; + .lg\:hover\:-translate-y-48:hover { + --transform-translate-y: -12rem; } - .lg\:focus\:rotate-45:focus { - --transform-rotate: 45deg; + .lg\:hover\:-translate-y-56:hover { + --transform-translate-y: -14rem; } - .lg\:focus\:rotate-90:focus { - --transform-rotate: 90deg; + .lg\:hover\:-translate-y-64:hover { + --transform-translate-y: -16rem; } - .lg\:focus\:rotate-180:focus { - --transform-rotate: 180deg; + .lg\:hover\:-translate-y-px:hover { + --transform-translate-y: -1px; } - .lg\:focus\:-rotate-180:focus { - --transform-rotate: -180deg; + .lg\:hover\:-translate-y-full:hover { + --transform-translate-y: -100%; } - .lg\:focus\:-rotate-90:focus { - --transform-rotate: -90deg; + .lg\:hover\:-translate-y-1\/2:hover { + --transform-translate-y: -50%; + } + + .lg\:hover\:translate-y-1\/2:hover { + --transform-translate-y: 50%; } - .lg\:focus\:-rotate-45:focus { - --transform-rotate: -45deg; + .lg\:hover\:translate-y-full:hover { + --transform-translate-y: 100%; } - .lg\:translate-x-0 { + .lg\:focus\:translate-x-0:focus { --transform-translate-x: 0; } - .lg\:translate-x-1 { + .lg\:focus\:translate-x-1:focus { --transform-translate-x: 0.25rem; } - .lg\:translate-x-2 { + .lg\:focus\:translate-x-2:focus { --transform-translate-x: 0.5rem; } - .lg\:translate-x-3 { + .lg\:focus\:translate-x-3:focus { --transform-translate-x: 0.75rem; } - .lg\:translate-x-4 { + .lg\:focus\:translate-x-4:focus { --transform-translate-x: 1rem; } - .lg\:translate-x-5 { + .lg\:focus\:translate-x-5:focus { --transform-translate-x: 1.25rem; } - .lg\:translate-x-6 { + .lg\:focus\:translate-x-6:focus { --transform-translate-x: 1.5rem; } - .lg\:translate-x-8 { + .lg\:focus\:translate-x-8:focus { --transform-translate-x: 2rem; } - .lg\:translate-x-10 { + .lg\:focus\:translate-x-10:focus { --transform-translate-x: 2.5rem; } - .lg\:translate-x-12 { + .lg\:focus\:translate-x-12:focus { --transform-translate-x: 3rem; } - .lg\:translate-x-16 { + .lg\:focus\:translate-x-16:focus { --transform-translate-x: 4rem; } - .lg\:translate-x-20 { + .lg\:focus\:translate-x-20:focus { --transform-translate-x: 5rem; } - .lg\:translate-x-24 { + .lg\:focus\:translate-x-24:focus { --transform-translate-x: 6rem; } - .lg\:translate-x-32 { + .lg\:focus\:translate-x-32:focus { --transform-translate-x: 8rem; } - .lg\:translate-x-40 { + .lg\:focus\:translate-x-40:focus { --transform-translate-x: 10rem; } - .lg\:translate-x-48 { + .lg\:focus\:translate-x-48:focus { --transform-translate-x: 12rem; } - .lg\:translate-x-56 { + .lg\:focus\:translate-x-56:focus { --transform-translate-x: 14rem; } - .lg\:translate-x-64 { + .lg\:focus\:translate-x-64:focus { --transform-translate-x: 16rem; } - .lg\:translate-x-px { + .lg\:focus\:translate-x-px:focus { --transform-translate-x: 1px; } - .lg\:-translate-x-1 { + .lg\:focus\:-translate-x-1:focus { --transform-translate-x: -0.25rem; } - .lg\:-translate-x-2 { + .lg\:focus\:-translate-x-2:focus { --transform-translate-x: -0.5rem; } - .lg\:-translate-x-3 { + .lg\:focus\:-translate-x-3:focus { --transform-translate-x: -0.75rem; } - .lg\:-translate-x-4 { + .lg\:focus\:-translate-x-4:focus { --transform-translate-x: -1rem; } - .lg\:-translate-x-5 { + .lg\:focus\:-translate-x-5:focus { --transform-translate-x: -1.25rem; } - .lg\:-translate-x-6 { + .lg\:focus\:-translate-x-6:focus { --transform-translate-x: -1.5rem; } - .lg\:-translate-x-8 { + .lg\:focus\:-translate-x-8:focus { --transform-translate-x: -2rem; } - .lg\:-translate-x-10 { + .lg\:focus\:-translate-x-10:focus { --transform-translate-x: -2.5rem; } - .lg\:-translate-x-12 { + .lg\:focus\:-translate-x-12:focus { --transform-translate-x: -3rem; } - .lg\:-translate-x-16 { + .lg\:focus\:-translate-x-16:focus { --transform-translate-x: -4rem; } - .lg\:-translate-x-20 { + .lg\:focus\:-translate-x-20:focus { --transform-translate-x: -5rem; } - .lg\:-translate-x-24 { + .lg\:focus\:-translate-x-24:focus { --transform-translate-x: -6rem; } - .lg\:-translate-x-32 { + .lg\:focus\:-translate-x-32:focus { --transform-translate-x: -8rem; } - .lg\:-translate-x-40 { + .lg\:focus\:-translate-x-40:focus { --transform-translate-x: -10rem; } - .lg\:-translate-x-48 { + .lg\:focus\:-translate-x-48:focus { --transform-translate-x: -12rem; } - .lg\:-translate-x-56 { + .lg\:focus\:-translate-x-56:focus { --transform-translate-x: -14rem; } - .lg\:-translate-x-64 { + .lg\:focus\:-translate-x-64:focus { --transform-translate-x: -16rem; } - .lg\:-translate-x-px { + .lg\:focus\:-translate-x-px:focus { --transform-translate-x: -1px; } - .lg\:-translate-x-full { + .lg\:focus\:-translate-x-full:focus { --transform-translate-x: -100%; } - .lg\:-translate-x-1\/2 { + .lg\:focus\:-translate-x-1\/2:focus { --transform-translate-x: -50%; } - .lg\:translate-x-1\/2 { + .lg\:focus\:translate-x-1\/2:focus { --transform-translate-x: 50%; } - .lg\:translate-x-full { + .lg\:focus\:translate-x-full:focus { --transform-translate-x: 100%; } - .lg\:translate-y-0 { + .lg\:focus\:translate-y-0:focus { --transform-translate-y: 0; } - .lg\:translate-y-1 { + .lg\:focus\:translate-y-1:focus { --transform-translate-y: 0.25rem; } - .lg\:translate-y-2 { + .lg\:focus\:translate-y-2:focus { --transform-translate-y: 0.5rem; } - .lg\:translate-y-3 { + .lg\:focus\:translate-y-3:focus { --transform-translate-y: 0.75rem; } - .lg\:translate-y-4 { + .lg\:focus\:translate-y-4:focus { --transform-translate-y: 1rem; } - .lg\:translate-y-5 { + .lg\:focus\:translate-y-5:focus { --transform-translate-y: 1.25rem; } - .lg\:translate-y-6 { + .lg\:focus\:translate-y-6:focus { --transform-translate-y: 1.5rem; } - .lg\:translate-y-8 { + .lg\:focus\:translate-y-8:focus { --transform-translate-y: 2rem; } - .lg\:translate-y-10 { + .lg\:focus\:translate-y-10:focus { --transform-translate-y: 2.5rem; } - .lg\:translate-y-12 { + .lg\:focus\:translate-y-12:focus { --transform-translate-y: 3rem; } - .lg\:translate-y-16 { + .lg\:focus\:translate-y-16:focus { --transform-translate-y: 4rem; } - .lg\:translate-y-20 { + .lg\:focus\:translate-y-20:focus { --transform-translate-y: 5rem; } - .lg\:translate-y-24 { + .lg\:focus\:translate-y-24:focus { --transform-translate-y: 6rem; } - .lg\:translate-y-32 { + .lg\:focus\:translate-y-32:focus { --transform-translate-y: 8rem; } - .lg\:translate-y-40 { + .lg\:focus\:translate-y-40:focus { --transform-translate-y: 10rem; } - .lg\:translate-y-48 { + .lg\:focus\:translate-y-48:focus { --transform-translate-y: 12rem; } - .lg\:translate-y-56 { + .lg\:focus\:translate-y-56:focus { --transform-translate-y: 14rem; } - .lg\:translate-y-64 { + .lg\:focus\:translate-y-64:focus { --transform-translate-y: 16rem; } - .lg\:translate-y-px { + .lg\:focus\:translate-y-px:focus { --transform-translate-y: 1px; } - .lg\:-translate-y-1 { + .lg\:focus\:-translate-y-1:focus { --transform-translate-y: -0.25rem; } - .lg\:-translate-y-2 { + .lg\:focus\:-translate-y-2:focus { --transform-translate-y: -0.5rem; } - .lg\:-translate-y-3 { + .lg\:focus\:-translate-y-3:focus { --transform-translate-y: -0.75rem; } - .lg\:-translate-y-4 { + .lg\:focus\:-translate-y-4:focus { --transform-translate-y: -1rem; } - .lg\:-translate-y-5 { + .lg\:focus\:-translate-y-5:focus { --transform-translate-y: -1.25rem; } - .lg\:-translate-y-6 { + .lg\:focus\:-translate-y-6:focus { --transform-translate-y: -1.5rem; } - .lg\:-translate-y-8 { + .lg\:focus\:-translate-y-8:focus { --transform-translate-y: -2rem; } - .lg\:-translate-y-10 { + .lg\:focus\:-translate-y-10:focus { --transform-translate-y: -2.5rem; } - .lg\:-translate-y-12 { + .lg\:focus\:-translate-y-12:focus { --transform-translate-y: -3rem; } - .lg\:-translate-y-16 { + .lg\:focus\:-translate-y-16:focus { --transform-translate-y: -4rem; } - .lg\:-translate-y-20 { + .lg\:focus\:-translate-y-20:focus { --transform-translate-y: -5rem; } - .lg\:-translate-y-24 { + .lg\:focus\:-translate-y-24:focus { --transform-translate-y: -6rem; } - .lg\:-translate-y-32 { + .lg\:focus\:-translate-y-32:focus { --transform-translate-y: -8rem; } - .lg\:-translate-y-40 { + .lg\:focus\:-translate-y-40:focus { --transform-translate-y: -10rem; } - .lg\:-translate-y-48 { + .lg\:focus\:-translate-y-48:focus { --transform-translate-y: -12rem; } - .lg\:-translate-y-56 { + .lg\:focus\:-translate-y-56:focus { --transform-translate-y: -14rem; } - .lg\:-translate-y-64 { + .lg\:focus\:-translate-y-64:focus { --transform-translate-y: -16rem; } - .lg\:-translate-y-px { + .lg\:focus\:-translate-y-px:focus { --transform-translate-y: -1px; } - .lg\:-translate-y-full { + .lg\:focus\:-translate-y-full:focus { --transform-translate-y: -100%; } - .lg\:-translate-y-1\/2 { + .lg\:focus\:-translate-y-1\/2:focus { --transform-translate-y: -50%; } - .lg\:translate-y-1\/2 { + .lg\:focus\:translate-y-1\/2:focus { --transform-translate-y: 50%; } - .lg\:translate-y-full { + .lg\:focus\:translate-y-full:focus { --transform-translate-y: 100%; } - .lg\:hover\:translate-x-0:hover { - --transform-translate-x: 0; + .lg\:skew-x-0 { + --transform-skew-x: 0; } - .lg\:hover\:translate-x-1:hover { - --transform-translate-x: 0.25rem; + .lg\:skew-x-3 { + --transform-skew-x: 3deg; } - .lg\:hover\:translate-x-2:hover { - --transform-translate-x: 0.5rem; + .lg\:skew-x-6 { + --transform-skew-x: 6deg; } - .lg\:hover\:translate-x-3:hover { - --transform-translate-x: 0.75rem; + .lg\:skew-x-12 { + --transform-skew-x: 12deg; } - .lg\:hover\:translate-x-4:hover { - --transform-translate-x: 1rem; + .lg\:-skew-x-12 { + --transform-skew-x: -12deg; } - .lg\:hover\:translate-x-5:hover { - --transform-translate-x: 1.25rem; + .lg\:-skew-x-6 { + --transform-skew-x: -6deg; } - .lg\:hover\:translate-x-6:hover { - --transform-translate-x: 1.5rem; + .lg\:-skew-x-3 { + --transform-skew-x: -3deg; } - .lg\:hover\:translate-x-8:hover { - --transform-translate-x: 2rem; + .lg\:skew-y-0 { + --transform-skew-y: 0; } - .lg\:hover\:translate-x-10:hover { - --transform-translate-x: 2.5rem; + .lg\:skew-y-3 { + --transform-skew-y: 3deg; } - .lg\:hover\:translate-x-12:hover { - --transform-translate-x: 3rem; + .lg\:skew-y-6 { + --transform-skew-y: 6deg; } - .lg\:hover\:translate-x-16:hover { - --transform-translate-x: 4rem; + .lg\:skew-y-12 { + --transform-skew-y: 12deg; } - .lg\:hover\:translate-x-20:hover { - --transform-translate-x: 5rem; + .lg\:-skew-y-12 { + --transform-skew-y: -12deg; } - .lg\:hover\:translate-x-24:hover { - --transform-translate-x: 6rem; + .lg\:-skew-y-6 { + --transform-skew-y: -6deg; } - .lg\:hover\:translate-x-32:hover { - --transform-translate-x: 8rem; + .lg\:-skew-y-3 { + --transform-skew-y: -3deg; } - .lg\:hover\:translate-x-40:hover { - --transform-translate-x: 10rem; + .lg\:hover\:skew-x-0:hover { + --transform-skew-x: 0; } - .lg\:hover\:translate-x-48:hover { - --transform-translate-x: 12rem; + .lg\:hover\:skew-x-3:hover { + --transform-skew-x: 3deg; } - .lg\:hover\:translate-x-56:hover { - --transform-translate-x: 14rem; + .lg\:hover\:skew-x-6:hover { + --transform-skew-x: 6deg; } - .lg\:hover\:translate-x-64:hover { - --transform-translate-x: 16rem; + .lg\:hover\:skew-x-12:hover { + --transform-skew-x: 12deg; } - .lg\:hover\:translate-x-px:hover { - --transform-translate-x: 1px; + .lg\:hover\:-skew-x-12:hover { + --transform-skew-x: -12deg; } - .lg\:hover\:-translate-x-1:hover { - --transform-translate-x: -0.25rem; + .lg\:hover\:-skew-x-6:hover { + --transform-skew-x: -6deg; } - .lg\:hover\:-translate-x-2:hover { - --transform-translate-x: -0.5rem; + .lg\:hover\:-skew-x-3:hover { + --transform-skew-x: -3deg; } - .lg\:hover\:-translate-x-3:hover { - --transform-translate-x: -0.75rem; + .lg\:hover\:skew-y-0:hover { + --transform-skew-y: 0; } - .lg\:hover\:-translate-x-4:hover { - --transform-translate-x: -1rem; + .lg\:hover\:skew-y-3:hover { + --transform-skew-y: 3deg; } - .lg\:hover\:-translate-x-5:hover { - --transform-translate-x: -1.25rem; + .lg\:hover\:skew-y-6:hover { + --transform-skew-y: 6deg; } - .lg\:hover\:-translate-x-6:hover { - --transform-translate-x: -1.5rem; + .lg\:hover\:skew-y-12:hover { + --transform-skew-y: 12deg; } - .lg\:hover\:-translate-x-8:hover { - --transform-translate-x: -2rem; + .lg\:hover\:-skew-y-12:hover { + --transform-skew-y: -12deg; } - .lg\:hover\:-translate-x-10:hover { - --transform-translate-x: -2.5rem; + .lg\:hover\:-skew-y-6:hover { + --transform-skew-y: -6deg; } - .lg\:hover\:-translate-x-12:hover { - --transform-translate-x: -3rem; + .lg\:hover\:-skew-y-3:hover { + --transform-skew-y: -3deg; } - .lg\:hover\:-translate-x-16:hover { - --transform-translate-x: -4rem; + .lg\:focus\:skew-x-0:focus { + --transform-skew-x: 0; } - .lg\:hover\:-translate-x-20:hover { - --transform-translate-x: -5rem; + .lg\:focus\:skew-x-3:focus { + --transform-skew-x: 3deg; } - .lg\:hover\:-translate-x-24:hover { - --transform-translate-x: -6rem; + .lg\:focus\:skew-x-6:focus { + --transform-skew-x: 6deg; } - .lg\:hover\:-translate-x-32:hover { - --transform-translate-x: -8rem; + .lg\:focus\:skew-x-12:focus { + --transform-skew-x: 12deg; } - .lg\:hover\:-translate-x-40:hover { - --transform-translate-x: -10rem; + .lg\:focus\:-skew-x-12:focus { + --transform-skew-x: -12deg; } - .lg\:hover\:-translate-x-48:hover { - --transform-translate-x: -12rem; + .lg\:focus\:-skew-x-6:focus { + --transform-skew-x: -6deg; } - .lg\:hover\:-translate-x-56:hover { - --transform-translate-x: -14rem; + .lg\:focus\:-skew-x-3:focus { + --transform-skew-x: -3deg; } - .lg\:hover\:-translate-x-64:hover { - --transform-translate-x: -16rem; + .lg\:focus\:skew-y-0:focus { + --transform-skew-y: 0; } - .lg\:hover\:-translate-x-px:hover { - --transform-translate-x: -1px; + .lg\:focus\:skew-y-3:focus { + --transform-skew-y: 3deg; } - .lg\:hover\:-translate-x-full:hover { - --transform-translate-x: -100%; + .lg\:focus\:skew-y-6:focus { + --transform-skew-y: 6deg; } - .lg\:hover\:-translate-x-1\/2:hover { - --transform-translate-x: -50%; + .lg\:focus\:skew-y-12:focus { + --transform-skew-y: 12deg; } - .lg\:hover\:translate-x-1\/2:hover { - --transform-translate-x: 50%; + .lg\:focus\:-skew-y-12:focus { + --transform-skew-y: -12deg; } - .lg\:hover\:translate-x-full:hover { - --transform-translate-x: 100%; + .lg\:focus\:-skew-y-6:focus { + --transform-skew-y: -6deg; } - .lg\:hover\:translate-y-0:hover { - --transform-translate-y: 0; + .lg\:focus\:-skew-y-3:focus { + --transform-skew-y: -3deg; } - .lg\:hover\:translate-y-1:hover { - --transform-translate-y: 0.25rem; + .lg\:transition-none { + transition-property: none; } - .lg\:hover\:translate-y-2:hover { - --transform-translate-y: 0.5rem; + .lg\:transition-all { + transition-property: all; } - .lg\:hover\:translate-y-3:hover { - --transform-translate-y: 0.75rem; + .lg\:transition { + transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; } - .lg\:hover\:translate-y-4:hover { - --transform-translate-y: 1rem; + .lg\:transition-colors { + transition-property: background-color, border-color, color, fill, stroke; } - .lg\:hover\:translate-y-5:hover { - --transform-translate-y: 1.25rem; + .lg\:transition-opacity { + transition-property: opacity; } - .lg\:hover\:translate-y-6:hover { - --transform-translate-y: 1.5rem; + .lg\:transition-shadow { + transition-property: box-shadow; } - .lg\:hover\:translate-y-8:hover { - --transform-translate-y: 2rem; + .lg\:transition-transform { + transition-property: transform; } - .lg\:hover\:translate-y-10:hover { - --transform-translate-y: 2.5rem; + .lg\:ease-linear { + transition-timing-function: linear; } - .lg\:hover\:translate-y-12:hover { - --transform-translate-y: 3rem; + .lg\:ease-in { + transition-timing-function: cubic-bezier(0.4, 0, 1, 1); } - .lg\:hover\:translate-y-16:hover { - --transform-translate-y: 4rem; + .lg\:ease-out { + transition-timing-function: cubic-bezier(0, 0, 0.2, 1); } - .lg\:hover\:translate-y-20:hover { - --transform-translate-y: 5rem; + .lg\:ease-in-out { + transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } - .lg\:hover\:translate-y-24:hover { - --transform-translate-y: 6rem; + .lg\:duration-75 { + transition-duration: 75ms; } - .lg\:hover\:translate-y-32:hover { - --transform-translate-y: 8rem; + .lg\:duration-100 { + transition-duration: 100ms; } - .lg\:hover\:translate-y-40:hover { - --transform-translate-y: 10rem; + .lg\:duration-150 { + transition-duration: 150ms; } - .lg\:hover\:translate-y-48:hover { - --transform-translate-y: 12rem; + .lg\:duration-200 { + transition-duration: 200ms; } - .lg\:hover\:translate-y-56:hover { - --transform-translate-y: 14rem; + .lg\:duration-300 { + transition-duration: 300ms; } - .lg\:hover\:translate-y-64:hover { - --transform-translate-y: 16rem; + .lg\:duration-500 { + transition-duration: 500ms; } - .lg\:hover\:translate-y-px:hover { - --transform-translate-y: 1px; + .lg\:duration-700 { + transition-duration: 700ms; } - .lg\:hover\:-translate-y-1:hover { - --transform-translate-y: -0.25rem; + .lg\:duration-1000 { + transition-duration: 1000ms; } - .lg\:hover\:-translate-y-2:hover { - --transform-translate-y: -0.5rem; + .lg\:delay-75 { + transition-delay: 75ms; } - .lg\:hover\:-translate-y-3:hover { - --transform-translate-y: -0.75rem; + .lg\:delay-100 { + transition-delay: 100ms; } - .lg\:hover\:-translate-y-4:hover { - --transform-translate-y: -1rem; + .lg\:delay-150 { + transition-delay: 150ms; } - .lg\:hover\:-translate-y-5:hover { - --transform-translate-y: -1.25rem; + .lg\:delay-200 { + transition-delay: 200ms; } - .lg\:hover\:-translate-y-6:hover { - --transform-translate-y: -1.5rem; + .lg\:delay-300 { + transition-delay: 300ms; } - .lg\:hover\:-translate-y-8:hover { - --transform-translate-y: -2rem; + .lg\:delay-500 { + transition-delay: 500ms; } - .lg\:hover\:-translate-y-10:hover { - --transform-translate-y: -2.5rem; + .lg\:delay-700 { + transition-delay: 700ms; } - .lg\:hover\:-translate-y-12:hover { - --transform-translate-y: -3rem; + .lg\:delay-1000 { + transition-delay: 1000ms; } +} - .lg\:hover\:-translate-y-16:hover { - --transform-translate-y: -4rem; +@media (min-width: 1280px) { + .xl\:space-y-0 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0 * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0 * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-20:hover { - --transform-translate-y: -5rem; + .xl\:space-x-0 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0 * var(--space-x-reverse)); + margin-left: calc(0 * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-24:hover { - --transform-translate-y: -6rem; + .xl\:space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.25rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-32:hover { - --transform-translate-y: -8rem; + .xl\:space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.25rem * var(--space-x-reverse)); + margin-left: calc(0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-40:hover { - --transform-translate-y: -10rem; + .xl\:space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.5rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-48:hover { - --transform-translate-y: -12rem; + .xl\:space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.5rem * var(--space-x-reverse)); + margin-left: calc(0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-56:hover { - --transform-translate-y: -14rem; + .xl\:space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(0.75rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-64:hover { - --transform-translate-y: -16rem; + .xl\:space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(0.75rem * var(--space-x-reverse)); + margin-left: calc(0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-px:hover { - --transform-translate-y: -1px; + .xl\:space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1rem * var(--space-y-reverse)); } - .lg\:hover\:-translate-y-full:hover { - --transform-translate-y: -100%; + .xl\:space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1rem * var(--space-x-reverse)); + margin-left: calc(1rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:-translate-y-1\/2:hover { - --transform-translate-y: -50%; + .xl\:space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.25rem * var(--space-y-reverse)); } - .lg\:hover\:translate-y-1\/2:hover { - --transform-translate-y: 50%; + .xl\:space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.25rem * var(--space-x-reverse)); + margin-left: calc(1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:hover\:translate-y-full:hover { - --transform-translate-y: 100%; + .xl\:space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1.5rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-0:focus { - --transform-translate-x: 0; + .xl\:space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1.5rem * var(--space-x-reverse)); + margin-left: calc(1.5rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2rem * var(--space-y-reverse)); + } + + .xl\:space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2rem * var(--space-x-reverse)); + margin-left: calc(2rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(2.5rem * var(--space-y-reverse)); + } + + .xl\:space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(2.5rem * var(--space-x-reverse)); + margin-left: calc(2.5rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(3rem * var(--space-y-reverse)); + } + + .xl\:space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(3rem * var(--space-x-reverse)); + margin-left: calc(3rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(4rem * var(--space-y-reverse)); + } + + .xl\:space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(4rem * var(--space-x-reverse)); + margin-left: calc(4rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(5rem * var(--space-y-reverse)); + } + + .xl\:space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(5rem * var(--space-x-reverse)); + margin-left: calc(5rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(6rem * var(--space-y-reverse)); + } + + .xl\:space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(6rem * var(--space-x-reverse)); + margin-left: calc(6rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(8rem * var(--space-y-reverse)); + } + + .xl\:space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(8rem * var(--space-x-reverse)); + margin-left: calc(8rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(10rem * var(--space-y-reverse)); + } + + .xl\:space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(10rem * var(--space-x-reverse)); + margin-left: calc(10rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(12rem * var(--space-y-reverse)); + } + + .xl\:space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(12rem * var(--space-x-reverse)); + margin-left: calc(12rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(14rem * var(--space-y-reverse)); + } + + .xl\:space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(14rem * var(--space-x-reverse)); + margin-left: calc(14rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(16rem * var(--space-y-reverse)); + } + + .xl\:space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(16rem * var(--space-x-reverse)); + margin-left: calc(16rem * calc(1 - var(--space-x-reverse))); + } + + .xl\:space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(1px * var(--space-y-reverse)); + } + + .xl\:space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(1px * var(--space-x-reverse)); + margin-left: calc(1px * calc(1 - var(--space-x-reverse))); + } + + .xl\:-space-y-1 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.25rem * var(--space-y-reverse)); + } + + .xl\:-space-x-1 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.25rem * var(--space-x-reverse)); + margin-left: calc(-0.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-1:focus { - --transform-translate-x: 0.25rem; + .xl\:-space-y-2 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.5rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-2:focus { - --transform-translate-x: 0.5rem; + .xl\:-space-x-2 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.5rem * var(--space-x-reverse)); + margin-left: calc(-0.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-3:focus { - --transform-translate-x: 0.75rem; + .xl\:-space-y-3 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-0.75rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-0.75rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-4:focus { - --transform-translate-x: 1rem; + .xl\:-space-x-3 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-0.75rem * var(--space-x-reverse)); + margin-left: calc(-0.75rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-5:focus { - --transform-translate-x: 1.25rem; + .xl\:-space-y-4 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-6:focus { - --transform-translate-x: 1.5rem; + .xl\:-space-x-4 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1rem * var(--space-x-reverse)); + margin-left: calc(-1rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-8:focus { - --transform-translate-x: 2rem; + .xl\:-space-y-5 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.25rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.25rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-10:focus { - --transform-translate-x: 2.5rem; + .xl\:-space-x-5 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.25rem * var(--space-x-reverse)); + margin-left: calc(-1.25rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-12:focus { - --transform-translate-x: 3rem; + .xl\:-space-y-6 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1.5rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-16:focus { - --transform-translate-x: 4rem; + .xl\:-space-x-6 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1.5rem * var(--space-x-reverse)); + margin-left: calc(-1.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-20:focus { - --transform-translate-x: 5rem; + .xl\:-space-y-8 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-24:focus { - --transform-translate-x: 6rem; + .xl\:-space-x-8 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2rem * var(--space-x-reverse)); + margin-left: calc(-2rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-32:focus { - --transform-translate-x: 8rem; + .xl\:-space-y-10 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-2.5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-2.5rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-40:focus { - --transform-translate-x: 10rem; + .xl\:-space-x-10 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-2.5rem * var(--space-x-reverse)); + margin-left: calc(-2.5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-48:focus { - --transform-translate-x: 12rem; + .xl\:-space-y-12 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-3rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-3rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-56:focus { - --transform-translate-x: 14rem; + .xl\:-space-x-12 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-3rem * var(--space-x-reverse)); + margin-left: calc(-3rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:translate-x-64:focus { - --transform-translate-x: 16rem; + .xl\:-space-y-16 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-4rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-4rem * var(--space-y-reverse)); } - .lg\:focus\:translate-x-px:focus { - --transform-translate-x: 1px; + .xl\:-space-x-16 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-4rem * var(--space-x-reverse)); + margin-left: calc(-4rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-1:focus { - --transform-translate-x: -0.25rem; + .xl\:-space-y-20 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-5rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-5rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-2:focus { - --transform-translate-x: -0.5rem; + .xl\:-space-x-20 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-5rem * var(--space-x-reverse)); + margin-left: calc(-5rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-3:focus { - --transform-translate-x: -0.75rem; + .xl\:-space-y-24 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-6rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-6rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-4:focus { - --transform-translate-x: -1rem; + .xl\:-space-x-24 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-6rem * var(--space-x-reverse)); + margin-left: calc(-6rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-5:focus { - --transform-translate-x: -1.25rem; + .xl\:-space-y-32 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-8rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-8rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-6:focus { - --transform-translate-x: -1.5rem; + .xl\:-space-x-32 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-8rem * var(--space-x-reverse)); + margin-left: calc(-8rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-8:focus { - --transform-translate-x: -2rem; + .xl\:-space-y-40 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-10rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-10rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-10:focus { - --transform-translate-x: -2.5rem; + .xl\:-space-x-40 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-10rem * var(--space-x-reverse)); + margin-left: calc(-10rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-12:focus { - --transform-translate-x: -3rem; + .xl\:-space-y-48 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-12rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-12rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-16:focus { - --transform-translate-x: -4rem; + .xl\:-space-x-48 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-12rem * var(--space-x-reverse)); + margin-left: calc(-12rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-20:focus { - --transform-translate-x: -5rem; + .xl\:-space-y-56 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-14rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-14rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-24:focus { - --transform-translate-x: -6rem; + .xl\:-space-x-56 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-14rem * var(--space-x-reverse)); + margin-left: calc(-14rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-32:focus { - --transform-translate-x: -8rem; + .xl\:-space-y-64 > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-16rem * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-16rem * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-40:focus { - --transform-translate-x: -10rem; + .xl\:-space-x-64 > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-16rem * var(--space-x-reverse)); + margin-left: calc(-16rem * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-48:focus { - --transform-translate-x: -12rem; + .xl\:-space-y-px > :not(template) ~ :not(template) { + --space-y-reverse: 0; + margin-top: calc(-1px * calc(1 - var(--space-y-reverse))); + margin-bottom: calc(-1px * var(--space-y-reverse)); } - .lg\:focus\:-translate-x-56:focus { - --transform-translate-x: -14rem; + .xl\:-space-x-px > :not(template) ~ :not(template) { + --space-x-reverse: 0; + margin-right: calc(-1px * var(--space-x-reverse)); + margin-left: calc(-1px * calc(1 - var(--space-x-reverse))); } - .lg\:focus\:-translate-x-64:focus { - --transform-translate-x: -16rem; + .xl\:space-y-reverse > :not(template) ~ :not(template) { + --space-y-reverse: 1; } - .lg\:focus\:-translate-x-px:focus { - --transform-translate-x: -1px; + .xl\:space-x-reverse > :not(template) ~ :not(template) { + --space-x-reverse: 1; } - .lg\:focus\:-translate-x-full:focus { - --transform-translate-x: -100%; + .xl\:divide-y-0 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(0 * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(0 * var(--divide-y-reverse)); } - .lg\:focus\:-translate-x-1\/2:focus { - --transform-translate-x: -50%; + .xl\:divide-x-0 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(0 * var(--divide-x-reverse)); + border-left-width: calc(0 * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:translate-x-1\/2:focus { - --transform-translate-x: 50%; + .xl\:divide-y-2 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(2px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(2px * var(--divide-y-reverse)); } - .lg\:focus\:translate-x-full:focus { - --transform-translate-x: 100%; + .xl\:divide-x-2 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(2px * var(--divide-x-reverse)); + border-left-width: calc(2px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:translate-y-0:focus { - --transform-translate-y: 0; + .xl\:divide-y-4 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(4px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(4px * var(--divide-y-reverse)); } - .lg\:focus\:translate-y-1:focus { - --transform-translate-y: 0.25rem; + .xl\:divide-x-4 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(4px * var(--divide-x-reverse)); + border-left-width: calc(4px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:translate-y-2:focus { - --transform-translate-y: 0.5rem; + .xl\:divide-y-8 > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(8px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(8px * var(--divide-y-reverse)); } - .lg\:focus\:translate-y-3:focus { - --transform-translate-y: 0.75rem; + .xl\:divide-x-8 > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(8px * var(--divide-x-reverse)); + border-left-width: calc(8px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:translate-y-4:focus { - --transform-translate-y: 1rem; + .xl\:divide-y > :not(template) ~ :not(template) { + --divide-y-reverse: 0; + border-top-width: calc(1px * calc(1 - var(--divide-y-reverse))); + border-bottom-width: calc(1px * var(--divide-y-reverse)); } - .lg\:focus\:translate-y-5:focus { - --transform-translate-y: 1.25rem; + .xl\:divide-x > :not(template) ~ :not(template) { + --divide-x-reverse: 0; + border-right-width: calc(1px * var(--divide-x-reverse)); + border-left-width: calc(1px * calc(1 - var(--divide-x-reverse))); } - .lg\:focus\:translate-y-6:focus { - --transform-translate-y: 1.5rem; + .xl\:divide-y-reverse > :not(template) ~ :not(template) { + --divide-y-reverse: 1; } - .lg\:focus\:translate-y-8:focus { - --transform-translate-y: 2rem; + .xl\:divide-x-reverse > :not(template) ~ :not(template) { + --divide-x-reverse: 1; } - .lg\:focus\:translate-y-10:focus { - --transform-translate-y: 2.5rem; + .xl\:divide-transparent > :not(template) ~ :not(template) { + border-color: transparent; } - .lg\:focus\:translate-y-12:focus { - --transform-translate-y: 3rem; + .xl\:divide-current > :not(template) ~ :not(template) { + border-color: currentColor; } - .lg\:focus\:translate-y-16:focus { - --transform-translate-y: 4rem; + .xl\:divide-black > :not(template) ~ :not(template) { + border-color: #000; } - .lg\:focus\:translate-y-20:focus { - --transform-translate-y: 5rem; + .xl\:divide-white > :not(template) ~ :not(template) { + border-color: #fff; } - .lg\:focus\:translate-y-24:focus { - --transform-translate-y: 6rem; + .xl\:divide-gray-100 > :not(template) ~ :not(template) { + border-color: #f7fafc; } - .lg\:focus\:translate-y-32:focus { - --transform-translate-y: 8rem; + .xl\:divide-gray-200 > :not(template) ~ :not(template) { + border-color: #edf2f7; } - .lg\:focus\:translate-y-40:focus { - --transform-translate-y: 10rem; + .xl\:divide-gray-300 > :not(template) ~ :not(template) { + border-color: #e2e8f0; } - .lg\:focus\:translate-y-48:focus { - --transform-translate-y: 12rem; + .xl\:divide-gray-400 > :not(template) ~ :not(template) { + border-color: #cbd5e0; } - .lg\:focus\:translate-y-56:focus { - --transform-translate-y: 14rem; + .xl\:divide-gray-500 > :not(template) ~ :not(template) { + border-color: #a0aec0; } - .lg\:focus\:translate-y-64:focus { - --transform-translate-y: 16rem; + .xl\:divide-gray-600 > :not(template) ~ :not(template) { + border-color: #718096; } - .lg\:focus\:translate-y-px:focus { - --transform-translate-y: 1px; + .xl\:divide-gray-700 > :not(template) ~ :not(template) { + border-color: #4a5568; } - .lg\:focus\:-translate-y-1:focus { - --transform-translate-y: -0.25rem; + .xl\:divide-gray-800 > :not(template) ~ :not(template) { + border-color: #2d3748; } - .lg\:focus\:-translate-y-2:focus { - --transform-translate-y: -0.5rem; + .xl\:divide-gray-900 > :not(template) ~ :not(template) { + border-color: #1a202c; } - .lg\:focus\:-translate-y-3:focus { - --transform-translate-y: -0.75rem; + .xl\:divide-red-100 > :not(template) ~ :not(template) { + border-color: #fff5f5; } - .lg\:focus\:-translate-y-4:focus { - --transform-translate-y: -1rem; + .xl\:divide-red-200 > :not(template) ~ :not(template) { + border-color: #fed7d7; } - .lg\:focus\:-translate-y-5:focus { - --transform-translate-y: -1.25rem; + .xl\:divide-red-300 > :not(template) ~ :not(template) { + border-color: #feb2b2; } - .lg\:focus\:-translate-y-6:focus { - --transform-translate-y: -1.5rem; + .xl\:divide-red-400 > :not(template) ~ :not(template) { + border-color: #fc8181; } - .lg\:focus\:-translate-y-8:focus { - --transform-translate-y: -2rem; + .xl\:divide-red-500 > :not(template) ~ :not(template) { + border-color: #f56565; } - .lg\:focus\:-translate-y-10:focus { - --transform-translate-y: -2.5rem; + .xl\:divide-red-600 > :not(template) ~ :not(template) { + border-color: #e53e3e; } - .lg\:focus\:-translate-y-12:focus { - --transform-translate-y: -3rem; + .xl\:divide-red-700 > :not(template) ~ :not(template) { + border-color: #c53030; } - .lg\:focus\:-translate-y-16:focus { - --transform-translate-y: -4rem; + .xl\:divide-red-800 > :not(template) ~ :not(template) { + border-color: #9b2c2c; } - .lg\:focus\:-translate-y-20:focus { - --transform-translate-y: -5rem; + .xl\:divide-red-900 > :not(template) ~ :not(template) { + border-color: #742a2a; } - .lg\:focus\:-translate-y-24:focus { - --transform-translate-y: -6rem; + .xl\:divide-orange-100 > :not(template) ~ :not(template) { + border-color: #fffaf0; } - .lg\:focus\:-translate-y-32:focus { - --transform-translate-y: -8rem; + .xl\:divide-orange-200 > :not(template) ~ :not(template) { + border-color: #feebc8; } - .lg\:focus\:-translate-y-40:focus { - --transform-translate-y: -10rem; + .xl\:divide-orange-300 > :not(template) ~ :not(template) { + border-color: #fbd38d; } - .lg\:focus\:-translate-y-48:focus { - --transform-translate-y: -12rem; + .xl\:divide-orange-400 > :not(template) ~ :not(template) { + border-color: #f6ad55; } - .lg\:focus\:-translate-y-56:focus { - --transform-translate-y: -14rem; + .xl\:divide-orange-500 > :not(template) ~ :not(template) { + border-color: #ed8936; } - .lg\:focus\:-translate-y-64:focus { - --transform-translate-y: -16rem; + .xl\:divide-orange-600 > :not(template) ~ :not(template) { + border-color: #dd6b20; } - .lg\:focus\:-translate-y-px:focus { - --transform-translate-y: -1px; + .xl\:divide-orange-700 > :not(template) ~ :not(template) { + border-color: #c05621; } - .lg\:focus\:-translate-y-full:focus { - --transform-translate-y: -100%; + .xl\:divide-orange-800 > :not(template) ~ :not(template) { + border-color: #9c4221; } - .lg\:focus\:-translate-y-1\/2:focus { - --transform-translate-y: -50%; + .xl\:divide-orange-900 > :not(template) ~ :not(template) { + border-color: #7b341e; } - .lg\:focus\:translate-y-1\/2:focus { - --transform-translate-y: 50%; + .xl\:divide-yellow-100 > :not(template) ~ :not(template) { + border-color: #fffff0; } - .lg\:focus\:translate-y-full:focus { - --transform-translate-y: 100%; + .xl\:divide-yellow-200 > :not(template) ~ :not(template) { + border-color: #fefcbf; } - .lg\:skew-x-0 { - --transform-skew-x: 0; + .xl\:divide-yellow-300 > :not(template) ~ :not(template) { + border-color: #faf089; } - .lg\:skew-x-3 { - --transform-skew-x: 3deg; + .xl\:divide-yellow-400 > :not(template) ~ :not(template) { + border-color: #f6e05e; } - .lg\:skew-x-6 { - --transform-skew-x: 6deg; + .xl\:divide-yellow-500 > :not(template) ~ :not(template) { + border-color: #ecc94b; } - .lg\:skew-x-12 { - --transform-skew-x: 12deg; + .xl\:divide-yellow-600 > :not(template) ~ :not(template) { + border-color: #d69e2e; } - .lg\:-skew-x-12 { - --transform-skew-x: -12deg; + .xl\:divide-yellow-700 > :not(template) ~ :not(template) { + border-color: #b7791f; } - .lg\:-skew-x-6 { - --transform-skew-x: -6deg; + .xl\:divide-yellow-800 > :not(template) ~ :not(template) { + border-color: #975a16; } - .lg\:-skew-x-3 { - --transform-skew-x: -3deg; + .xl\:divide-yellow-900 > :not(template) ~ :not(template) { + border-color: #744210; } - .lg\:skew-y-0 { - --transform-skew-y: 0; + .xl\:divide-green-100 > :not(template) ~ :not(template) { + border-color: #f0fff4; } - .lg\:skew-y-3 { - --transform-skew-y: 3deg; + .xl\:divide-green-200 > :not(template) ~ :not(template) { + border-color: #c6f6d5; } - .lg\:skew-y-6 { - --transform-skew-y: 6deg; + .xl\:divide-green-300 > :not(template) ~ :not(template) { + border-color: #9ae6b4; } - .lg\:skew-y-12 { - --transform-skew-y: 12deg; + .xl\:divide-green-400 > :not(template) ~ :not(template) { + border-color: #68d391; } - .lg\:-skew-y-12 { - --transform-skew-y: -12deg; + .xl\:divide-green-500 > :not(template) ~ :not(template) { + border-color: #48bb78; } - .lg\:-skew-y-6 { - --transform-skew-y: -6deg; + .xl\:divide-green-600 > :not(template) ~ :not(template) { + border-color: #38a169; } - .lg\:-skew-y-3 { - --transform-skew-y: -3deg; + .xl\:divide-green-700 > :not(template) ~ :not(template) { + border-color: #2f855a; } - .lg\:hover\:skew-x-0:hover { - --transform-skew-x: 0; + .xl\:divide-green-800 > :not(template) ~ :not(template) { + border-color: #276749; } - .lg\:hover\:skew-x-3:hover { - --transform-skew-x: 3deg; + .xl\:divide-green-900 > :not(template) ~ :not(template) { + border-color: #22543d; } - .lg\:hover\:skew-x-6:hover { - --transform-skew-x: 6deg; + .xl\:divide-teal-100 > :not(template) ~ :not(template) { + border-color: #e6fffa; } - .lg\:hover\:skew-x-12:hover { - --transform-skew-x: 12deg; + .xl\:divide-teal-200 > :not(template) ~ :not(template) { + border-color: #b2f5ea; } - .lg\:hover\:-skew-x-12:hover { - --transform-skew-x: -12deg; + .xl\:divide-teal-300 > :not(template) ~ :not(template) { + border-color: #81e6d9; } - .lg\:hover\:-skew-x-6:hover { - --transform-skew-x: -6deg; + .xl\:divide-teal-400 > :not(template) ~ :not(template) { + border-color: #4fd1c5; } - .lg\:hover\:-skew-x-3:hover { - --transform-skew-x: -3deg; + .xl\:divide-teal-500 > :not(template) ~ :not(template) { + border-color: #38b2ac; } - .lg\:hover\:skew-y-0:hover { - --transform-skew-y: 0; + .xl\:divide-teal-600 > :not(template) ~ :not(template) { + border-color: #319795; } - .lg\:hover\:skew-y-3:hover { - --transform-skew-y: 3deg; + .xl\:divide-teal-700 > :not(template) ~ :not(template) { + border-color: #2c7a7b; } - .lg\:hover\:skew-y-6:hover { - --transform-skew-y: 6deg; + .xl\:divide-teal-800 > :not(template) ~ :not(template) { + border-color: #285e61; } - .lg\:hover\:skew-y-12:hover { - --transform-skew-y: 12deg; + .xl\:divide-teal-900 > :not(template) ~ :not(template) { + border-color: #234e52; } - .lg\:hover\:-skew-y-12:hover { - --transform-skew-y: -12deg; + .xl\:divide-blue-100 > :not(template) ~ :not(template) { + border-color: #ebf8ff; } - .lg\:hover\:-skew-y-6:hover { - --transform-skew-y: -6deg; + .xl\:divide-blue-200 > :not(template) ~ :not(template) { + border-color: #bee3f8; } - .lg\:hover\:-skew-y-3:hover { - --transform-skew-y: -3deg; + .xl\:divide-blue-300 > :not(template) ~ :not(template) { + border-color: #90cdf4; } - .lg\:focus\:skew-x-0:focus { - --transform-skew-x: 0; + .xl\:divide-blue-400 > :not(template) ~ :not(template) { + border-color: #63b3ed; } - .lg\:focus\:skew-x-3:focus { - --transform-skew-x: 3deg; + .xl\:divide-blue-500 > :not(template) ~ :not(template) { + border-color: #4299e1; } - .lg\:focus\:skew-x-6:focus { - --transform-skew-x: 6deg; + .xl\:divide-blue-600 > :not(template) ~ :not(template) { + border-color: #3182ce; } - .lg\:focus\:skew-x-12:focus { - --transform-skew-x: 12deg; + .xl\:divide-blue-700 > :not(template) ~ :not(template) { + border-color: #2b6cb0; } - .lg\:focus\:-skew-x-12:focus { - --transform-skew-x: -12deg; + .xl\:divide-blue-800 > :not(template) ~ :not(template) { + border-color: #2c5282; } - .lg\:focus\:-skew-x-6:focus { - --transform-skew-x: -6deg; + .xl\:divide-blue-900 > :not(template) ~ :not(template) { + border-color: #2a4365; } - .lg\:focus\:-skew-x-3:focus { - --transform-skew-x: -3deg; + .xl\:divide-indigo-100 > :not(template) ~ :not(template) { + border-color: #ebf4ff; } - .lg\:focus\:skew-y-0:focus { - --transform-skew-y: 0; + .xl\:divide-indigo-200 > :not(template) ~ :not(template) { + border-color: #c3dafe; } - .lg\:focus\:skew-y-3:focus { - --transform-skew-y: 3deg; + .xl\:divide-indigo-300 > :not(template) ~ :not(template) { + border-color: #a3bffa; } - .lg\:focus\:skew-y-6:focus { - --transform-skew-y: 6deg; + .xl\:divide-indigo-400 > :not(template) ~ :not(template) { + border-color: #7f9cf5; } - .lg\:focus\:skew-y-12:focus { - --transform-skew-y: 12deg; + .xl\:divide-indigo-500 > :not(template) ~ :not(template) { + border-color: #667eea; } - .lg\:focus\:-skew-y-12:focus { - --transform-skew-y: -12deg; + .xl\:divide-indigo-600 > :not(template) ~ :not(template) { + border-color: #5a67d8; } - .lg\:focus\:-skew-y-6:focus { - --transform-skew-y: -6deg; + .xl\:divide-indigo-700 > :not(template) ~ :not(template) { + border-color: #4c51bf; } - .lg\:focus\:-skew-y-3:focus { - --transform-skew-y: -3deg; + .xl\:divide-indigo-800 > :not(template) ~ :not(template) { + border-color: #434190; } - .lg\:transition-none { - transition-property: none; + .xl\:divide-indigo-900 > :not(template) ~ :not(template) { + border-color: #3c366b; } - .lg\:transition-all { - transition-property: all; + .xl\:divide-purple-100 > :not(template) ~ :not(template) { + border-color: #faf5ff; } - .lg\:transition { - transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform; + .xl\:divide-purple-200 > :not(template) ~ :not(template) { + border-color: #e9d8fd; } - .lg\:transition-colors { - transition-property: background-color, border-color, color, fill, stroke; + .xl\:divide-purple-300 > :not(template) ~ :not(template) { + border-color: #d6bcfa; } - .lg\:transition-opacity { - transition-property: opacity; + .xl\:divide-purple-400 > :not(template) ~ :not(template) { + border-color: #b794f4; } - .lg\:transition-shadow { - transition-property: box-shadow; + .xl\:divide-purple-500 > :not(template) ~ :not(template) { + border-color: #9f7aea; } - .lg\:transition-transform { - transition-property: transform; + .xl\:divide-purple-600 > :not(template) ~ :not(template) { + border-color: #805ad5; } - .lg\:ease-linear { - transition-timing-function: linear; + .xl\:divide-purple-700 > :not(template) ~ :not(template) { + border-color: #6b46c1; } - .lg\:ease-in { - transition-timing-function: cubic-bezier(0.4, 0, 1, 1); + .xl\:divide-purple-800 > :not(template) ~ :not(template) { + border-color: #553c9a; } - .lg\:ease-out { - transition-timing-function: cubic-bezier(0, 0, 0.2, 1); + .xl\:divide-purple-900 > :not(template) ~ :not(template) { + border-color: #44337a; } - .lg\:ease-in-out { - transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); + .xl\:divide-pink-100 > :not(template) ~ :not(template) { + border-color: #fff5f7; } - .lg\:duration-75 { - transition-duration: 75ms; + .xl\:divide-pink-200 > :not(template) ~ :not(template) { + border-color: #fed7e2; } - .lg\:duration-100 { - transition-duration: 100ms; + .xl\:divide-pink-300 > :not(template) ~ :not(template) { + border-color: #fbb6ce; } - .lg\:duration-150 { - transition-duration: 150ms; + .xl\:divide-pink-400 > :not(template) ~ :not(template) { + border-color: #f687b3; } - .lg\:duration-200 { - transition-duration: 200ms; + .xl\:divide-pink-500 > :not(template) ~ :not(template) { + border-color: #ed64a6; } - .lg\:duration-300 { - transition-duration: 300ms; + .xl\:divide-pink-600 > :not(template) ~ :not(template) { + border-color: #d53f8c; } - .lg\:duration-500 { - transition-duration: 500ms; + .xl\:divide-pink-700 > :not(template) ~ :not(template) { + border-color: #b83280; } - .lg\:duration-700 { - transition-duration: 700ms; + .xl\:divide-pink-800 > :not(template) ~ :not(template) { + border-color: #97266d; } - .lg\:duration-1000 { - transition-duration: 1000ms; + .xl\:divide-pink-900 > :not(template) ~ :not(template) { + border-color: #702459; } -} -@media (min-width: 1280px) { .xl\:sr-only { position: absolute; width: 1px; @@ -47938,6 +52161,10 @@ video { background-color: transparent; } + .xl\:bg-current { + background-color: currentColor; + } + .xl\:bg-black { background-color: #000; } @@ -48310,6 +52537,10 @@ video { background-color: transparent; } + .xl\:hover\:bg-current:hover { + background-color: currentColor; + } + .xl\:hover\:bg-black:hover { background-color: #000; } @@ -48682,6 +52913,10 @@ video { background-color: transparent; } + .xl\:focus\:bg-current:focus { + background-color: currentColor; + } + .xl\:focus\:bg-black:focus { background-color: #000; } @@ -49134,6 +53369,10 @@ video { border-color: transparent; } + .xl\:border-current { + border-color: currentColor; + } + .xl\:border-black { border-color: #000; } @@ -49506,6 +53745,10 @@ video { border-color: transparent; } + .xl\:hover\:border-current:hover { + border-color: currentColor; + } + .xl\:hover\:border-black:hover { border-color: #000; } @@ -49878,6 +54121,10 @@ video { border-color: transparent; } + .xl\:focus\:border-current:focus { + border-color: currentColor; + } + .xl\:focus\:border-black:focus { border-color: #000; } @@ -50654,6 +54901,10 @@ video { display: inline; } + .xl\:flow-root { + display: flow-root; + } + .xl\:flex { display: flex; } @@ -50666,6 +54917,10 @@ video { display: grid; } + .xl\:inline-grid { + display: inline-grid; + } + .xl\:table { display: table; } @@ -50940,6 +55195,10 @@ video { clear: both; } + .xl\:clear-none { + clear: none; + } + .xl\:font-sans { font-family: 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"; } @@ -51148,6 +55407,46 @@ video { height: 100vh; } + .xl\:text-xs { + font-size: 0.75rem; + } + + .xl\:text-sm { + font-size: 0.875rem; + } + + .xl\:text-base { + font-size: 1rem; + } + + .xl\:text-lg { + font-size: 1.125rem; + } + + .xl\:text-xl { + font-size: 1.25rem; + } + + .xl\:text-2xl { + font-size: 1.5rem; + } + + .xl\:text-3xl { + font-size: 1.875rem; + } + + .xl\:text-4xl { + font-size: 2.25rem; + } + + .xl\:text-5xl { + font-size: 3rem; + } + + .xl\:text-6xl { + font-size: 4rem; + } + .xl\:leading-3 { line-height: .75rem; } @@ -52457,73 +56756,59 @@ video { } .xl\:object-contain { - -o-object-fit: contain; - object-fit: contain; + object-fit: contain; } .xl\:object-cover { - -o-object-fit: cover; - object-fit: cover; + object-fit: cover; } .xl\:object-fill { - -o-object-fit: fill; - object-fit: fill; + object-fit: fill; } .xl\:object-none { - -o-object-fit: none; - object-fit: none; + object-fit: none; } .xl\:object-scale-down { - -o-object-fit: scale-down; - object-fit: scale-down; + object-fit: scale-down; } .xl\:object-bottom { - -o-object-position: bottom; - object-position: bottom; + object-position: bottom; } .xl\:object-center { - -o-object-position: center; - object-position: center; + object-position: center; } .xl\:object-left { - -o-object-position: left; - object-position: left; + object-position: left; } .xl\:object-left-bottom { - -o-object-position: left bottom; - object-position: left bottom; + object-position: left bottom; } .xl\:object-left-top { - -o-object-position: left top; - object-position: left top; + object-position: left top; } .xl\:object-right { - -o-object-position: right; - object-position: right; + object-position: right; } .xl\:object-right-bottom { - -o-object-position: right bottom; - object-position: right bottom; + object-position: right bottom; } .xl\:object-right-top { - -o-object-position: right top; - object-position: right top; + object-position: right top; } .xl\:object-top { - -o-object-position: top; - object-position: top; + object-position: top; } .xl\:opacity-0 { @@ -53232,6 +57517,18 @@ video { color: transparent; } + .xl\:placeholder-current:-ms-input-placeholder { + color: currentColor; + } + + .xl\:placeholder-current::-ms-input-placeholder { + color: currentColor; + } + + .xl\:placeholder-current::placeholder { + color: currentColor; + } + .xl\:placeholder-black:-ms-input-placeholder { color: #000; } @@ -54348,6 +58645,18 @@ video { color: transparent; } + .xl\:focus\:placeholder-current:focus:-ms-input-placeholder { + color: currentColor; + } + + .xl\:focus\:placeholder-current:focus::-ms-input-placeholder { + color: currentColor; + } + + .xl\:focus\:placeholder-current:focus::placeholder { + color: currentColor; + } + .xl\:focus\:placeholder-black:focus:-ms-input-placeholder { color: #000; } @@ -55731,6 +60040,10 @@ video { color: transparent; } + .xl\:text-current { + color: currentColor; + } + .xl\:text-black { color: #000; } @@ -56103,6 +60416,10 @@ video { color: transparent; } + .xl\:hover\:text-current:hover { + color: currentColor; + } + .xl\:hover\:text-black:hover { color: #000; } @@ -56475,6 +60792,10 @@ video { color: transparent; } + .xl\:focus\:text-current:focus { + color: currentColor; + } + .xl\:focus\:text-black:focus { color: #000; } @@ -56843,46 +61164,6 @@ video { color: #702459; } - .xl\:text-xs { - font-size: 0.75rem; - } - - .xl\:text-sm { - font-size: 0.875rem; - } - - .xl\:text-base { - font-size: 1rem; - } - - .xl\:text-lg { - font-size: 1.125rem; - } - - .xl\:text-xl { - font-size: 1.25rem; - } - - .xl\:text-2xl { - font-size: 1.5rem; - } - - .xl\:text-3xl { - font-size: 1.875rem; - } - - .xl\:text-4xl { - font-size: 2.25rem; - } - - .xl\:text-5xl { - font-size: 3rem; - } - - .xl\:text-6xl { - font-size: 4rem; - } - .xl\:italic { font-style: italic; } @@ -59681,6 +63962,38 @@ video { .xl\:duration-1000 { transition-duration: 1000ms; } + + .xl\:delay-75 { + transition-delay: 75ms; + } + + .xl\:delay-100 { + transition-delay: 100ms; + } + + .xl\:delay-150 { + transition-delay: 150ms; + } + + .xl\:delay-200 { + transition-delay: 200ms; + } + + .xl\:delay-300 { + transition-delay: 300ms; + } + + .xl\:delay-500 { + transition-delay: 500ms; + } + + .xl\:delay-700 { + transition-delay: 700ms; + } + + .xl\:delay-1000 { + transition-delay: 1000ms; + } } /*# sourceMappingURL=tailwind.css.map */ \ No newline at end of file