From 941aa9b429e88fb5bda5fe8cac15719c7697238f Mon Sep 17 00:00:00 2001 From: Adam Wathan Date: Tue, 6 Aug 2019 10:09:42 -0400 Subject: [PATCH] Add default variants for placeholder color utilities --- .../fixtures/tailwind-output-important.css | 31000 +++++++++------- __tests__/fixtures/tailwind-output.css | 30982 ++++++++------- stubs/defaultConfig.stub.js | 1 + 3 files changed, 34340 insertions(+), 27643 deletions(-) diff --git a/__tests__/fixtures/tailwind-output-important.css b/__tests__/fixtures/tailwind-output-important.css index 496acc8024fb..128acfadf5ad 100644 --- a/__tests__/fixtures/tailwind-output-important.css +++ b/__tests__/fixtures/tailwind-output-important.css @@ -6132,27811 +6132,31159 @@ video { color: #702459 !important; } -.pointer-events-none { - pointer-events: none !important; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } -.pointer-events-auto { - pointer-events: auto !important; +.focus\:placeholder-black:focus::placeholder { + color: #000 !important; } -.static { - position: static !important; +.focus\:placeholder-white:focus::placeholder { + color: #fff !important; } -.fixed { - position: fixed !important; +.focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc !important; } -.absolute { - position: absolute !important; +.focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7 !important; } -.relative { - position: relative !important; +.focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0 !important; } -.sticky { - position: sticky !important; +.focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0 !important; } -.inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; +.focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0 !important; } -.inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; +.focus\:placeholder-gray-600:focus::placeholder { + color: #718096 !important; } -.inset-y-0 { - top: 0 !important; - bottom: 0 !important; +.focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568 !important; } -.inset-x-0 { - right: 0 !important; - left: 0 !important; +.focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748 !important; } -.inset-y-auto { - top: auto !important; - bottom: auto !important; +.focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c !important; } -.inset-x-auto { - right: auto !important; - left: auto !important; +.focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5 !important; } -.top-0 { - top: 0 !important; +.focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7 !important; } -.right-0 { - right: 0 !important; +.focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2 !important; } -.bottom-0 { - bottom: 0 !important; +.focus\:placeholder-red-400:focus::placeholder { + color: #fc8181 !important; } -.left-0 { - left: 0 !important; +.focus\:placeholder-red-500:focus::placeholder { + color: #f56565 !important; } -.top-auto { - top: auto !important; +.focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e !important; } -.right-auto { - right: auto !important; +.focus\:placeholder-red-700:focus::placeholder { + color: #c53030 !important; } -.bottom-auto { - bottom: auto !important; +.focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c !important; } -.left-auto { - left: auto !important; +.focus\:placeholder-red-900:focus::placeholder { + color: #742a2a !important; } -.resize-none { - resize: none !important; +.focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0 !important; } -.resize-y { - resize: vertical !important; +.focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8 !important; } -.resize-x { - resize: horizontal !important; +.focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d !important; } -.resize { - resize: both !important; +.focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55 !important; } -.shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936 !important; } -.shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20 !important; } -.shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; +.focus\:placeholder-orange-700:focus::placeholder { + color: #c05621 !important; } -.shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; +.focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221 !important; } -.shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; +.focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e !important; } -.shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0 !important; } -.shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; +.focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf !important; } -.shadow-none { - box-shadow: none !important; +.focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089 !important; } -.hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e !important; } -.hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b !important; } -.hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; +.focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e !important; } -.hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; +.focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f !important; } -.hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; +.focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16 !important; } -.hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-yellow-900:focus::placeholder { + color: #744210 !important; } -.hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; +.focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4 !important; } -.hover\:shadow-none:hover { - box-shadow: none !important; +.focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5 !important; } -.focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4 !important; } -.focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-green-400:focus::placeholder { + color: #68d391 !important; } -.focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; +.focus\:placeholder-green-500:focus::placeholder { + color: #48bb78 !important; } -.focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; +.focus\:placeholder-green-600:focus::placeholder { + color: #38a169 !important; } -.focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; +.focus\:placeholder-green-700:focus::placeholder { + color: #2f855a !important; } -.focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; +.focus\:placeholder-green-800:focus::placeholder { + color: #276749 !important; } -.focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; +.focus\:placeholder-green-900:focus::placeholder { + color: #22543d !important; } -.focus\:shadow-none:focus { - box-shadow: none !important; +.focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa !important; } -.fill-current { - fill: currentColor !important; +.focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea !important; } -.stroke-current { - stroke: currentColor !important; +.focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9 !important; } -.table-auto { - table-layout: auto !important; +.focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5 !important; } -.table-fixed { - table-layout: fixed !important; +.focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac !important; } -.text-left { - text-align: left !important; +.focus\:placeholder-teal-600:focus::placeholder { + color: #319795 !important; } -.text-center { - text-align: center !important; +.focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b !important; } -.text-right { - text-align: right !important; +.focus\:placeholder-teal-800:focus::placeholder { + color: #285e61 !important; } -.text-justify { - text-align: justify !important; +.focus\:placeholder-teal-900:focus::placeholder { + color: #234e52 !important; } -.text-transparent { - color: transparent !important; +.focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff !important; } -.text-black { - color: #000 !important; +.focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8 !important; } -.text-white { - color: #fff !important; +.focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4 !important; } -.text-gray-100 { - color: #f7fafc !important; +.focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed !important; } -.text-gray-200 { - color: #edf2f7 !important; +.focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1 !important; } -.text-gray-300 { - color: #e2e8f0 !important; +.focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce !important; } -.text-gray-400 { - color: #cbd5e0 !important; +.focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0 !important; } -.text-gray-500 { - color: #a0aec0 !important; +.focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282 !important; } -.text-gray-600 { - color: #718096 !important; +.focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365 !important; } -.text-gray-700 { - color: #4a5568 !important; +.focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff !important; } -.text-gray-800 { - color: #2d3748 !important; +.focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe !important; } -.text-gray-900 { - color: #1a202c !important; +.focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa !important; } -.text-red-100 { - color: #fff5f5 !important; +.focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5 !important; } -.text-red-200 { - color: #fed7d7 !important; +.focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea !important; } -.text-red-300 { - color: #feb2b2 !important; +.focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8 !important; } -.text-red-400 { - color: #fc8181 !important; +.focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf !important; } -.text-red-500 { - color: #f56565 !important; +.focus\:placeholder-indigo-800:focus::placeholder { + color: #434190 !important; } -.text-red-600 { - color: #e53e3e !important; +.focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b !important; } -.text-red-700 { - color: #c53030 !important; +.focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff !important; } -.text-red-800 { - color: #9b2c2c !important; +.focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd !important; } -.text-red-900 { - color: #742a2a !important; +.focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa !important; } -.text-orange-100 { - color: #fffaf0 !important; +.focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4 !important; } -.text-orange-200 { - color: #feebc8 !important; +.focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea !important; } -.text-orange-300 { - color: #fbd38d !important; +.focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5 !important; } -.text-orange-400 { - color: #f6ad55 !important; +.focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1 !important; } -.text-orange-500 { - color: #ed8936 !important; +.focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a !important; } -.text-orange-600 { - color: #dd6b20 !important; +.focus\:placeholder-purple-900:focus::placeholder { + color: #44337a !important; } -.text-orange-700 { - color: #c05621 !important; +.focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7 !important; } -.text-orange-800 { - color: #9c4221 !important; +.focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2 !important; } -.text-orange-900 { - color: #7b341e !important; +.focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce !important; } -.text-yellow-100 { - color: #fffff0 !important; +.focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3 !important; } -.text-yellow-200 { - color: #fefcbf !important; +.focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6 !important; } -.text-yellow-300 { - color: #faf089 !important; +.focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c !important; } -.text-yellow-400 { - color: #f6e05e !important; +.focus\:placeholder-pink-700:focus::placeholder { + color: #b83280 !important; } -.text-yellow-500 { - color: #ecc94b !important; +.focus\:placeholder-pink-800:focus::placeholder { + color: #97266d !important; } -.text-yellow-600 { - color: #d69e2e !important; +.focus\:placeholder-pink-900:focus::placeholder { + color: #702459 !important; } -.text-yellow-700 { - color: #b7791f !important; +.pointer-events-none { + pointer-events: none !important; } -.text-yellow-800 { - color: #975a16 !important; +.pointer-events-auto { + pointer-events: auto !important; } -.text-yellow-900 { - color: #744210 !important; +.static { + position: static !important; } -.text-green-100 { - color: #f0fff4 !important; +.fixed { + position: fixed !important; } -.text-green-200 { - color: #c6f6d5 !important; +.absolute { + position: absolute !important; } -.text-green-300 { - color: #9ae6b4 !important; +.relative { + position: relative !important; } -.text-green-400 { - color: #68d391 !important; +.sticky { + position: sticky !important; } -.text-green-500 { - color: #48bb78 !important; +.inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } -.text-green-600 { - color: #38a169 !important; +.inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } -.text-green-700 { - color: #2f855a !important; +.inset-y-0 { + top: 0 !important; + bottom: 0 !important; } -.text-green-800 { - color: #276749 !important; +.inset-x-0 { + right: 0 !important; + left: 0 !important; } -.text-green-900 { - color: #22543d !important; +.inset-y-auto { + top: auto !important; + bottom: auto !important; } -.text-teal-100 { - color: #e6fffa !important; +.inset-x-auto { + right: auto !important; + left: auto !important; } -.text-teal-200 { - color: #b2f5ea !important; +.top-0 { + top: 0 !important; } -.text-teal-300 { - color: #81e6d9 !important; +.right-0 { + right: 0 !important; } -.text-teal-400 { - color: #4fd1c5 !important; +.bottom-0 { + bottom: 0 !important; } -.text-teal-500 { - color: #38b2ac !important; +.left-0 { + left: 0 !important; } -.text-teal-600 { - color: #319795 !important; +.top-auto { + top: auto !important; } -.text-teal-700 { - color: #2c7a7b !important; +.right-auto { + right: auto !important; } -.text-teal-800 { - color: #285e61 !important; +.bottom-auto { + bottom: auto !important; } -.text-teal-900 { - color: #234e52 !important; +.left-auto { + left: auto !important; } -.text-blue-100 { - color: #ebf8ff !important; +.resize-none { + resize: none !important; } -.text-blue-200 { - color: #bee3f8 !important; +.resize-y { + resize: vertical !important; } -.text-blue-300 { - color: #90cdf4 !important; +.resize-x { + resize: horizontal !important; } -.text-blue-400 { - color: #63b3ed !important; +.resize { + resize: both !important; } -.text-blue-500 { - color: #4299e1 !important; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } -.text-blue-600 { - color: #3182ce !important; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } -.text-blue-700 { - color: #2b6cb0 !important; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } -.text-blue-800 { - color: #2c5282 !important; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } -.text-blue-900 { - color: #2a4365 !important; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.text-indigo-100 { - color: #ebf4ff !important; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.text-indigo-200 { - color: #c3dafe !important; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.text-indigo-300 { - color: #a3bffa !important; +.shadow-none { + box-shadow: none !important; } -.text-indigo-400 { - color: #7f9cf5 !important; +.hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } -.text-indigo-500 { - color: #667eea !important; +.hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } -.text-indigo-600 { - color: #5a67d8 !important; +.hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } -.text-indigo-700 { - color: #4c51bf !important; +.hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } -.text-indigo-800 { - color: #434190 !important; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.text-indigo-900 { - color: #3c366b !important; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.text-purple-100 { - color: #faf5ff !important; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.text-purple-200 { - color: #e9d8fd !important; +.hover\:shadow-none:hover { + box-shadow: none !important; } -.text-purple-300 { - color: #d6bcfa !important; +.focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } -.text-purple-400 { - color: #b794f4 !important; +.focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } -.text-purple-500 { - color: #9f7aea !important; +.focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } -.text-purple-600 { - color: #805ad5 !important; +.focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } -.text-purple-700 { - color: #6b46c1 !important; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } -.text-purple-800 { - color: #553c9a !important; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } -.text-purple-900 { - color: #44337a !important; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } -.text-pink-100 { - color: #fff5f7 !important; +.focus\:shadow-none:focus { + box-shadow: none !important; } -.text-pink-200 { - color: #fed7e2 !important; +.fill-current { + fill: currentColor !important; } -.text-pink-300 { - color: #fbb6ce !important; +.stroke-current { + stroke: currentColor !important; } -.text-pink-400 { - color: #f687b3 !important; +.table-auto { + table-layout: auto !important; } -.text-pink-500 { - color: #ed64a6 !important; +.table-fixed { + table-layout: fixed !important; } -.text-pink-600 { - color: #d53f8c !important; +.text-left { + text-align: left !important; } -.text-pink-700 { - color: #b83280 !important; +.text-center { + text-align: center !important; } -.text-pink-800 { - color: #97266d !important; +.text-right { + text-align: right !important; } -.text-pink-900 { - color: #702459 !important; +.text-justify { + text-align: justify !important; } -.hover\:text-transparent:hover { +.text-transparent { color: transparent !important; } -.hover\:text-black:hover { +.text-black { color: #000 !important; } -.hover\:text-white:hover { +.text-white { color: #fff !important; } -.hover\:text-gray-100:hover { +.text-gray-100 { color: #f7fafc !important; } -.hover\:text-gray-200:hover { +.text-gray-200 { color: #edf2f7 !important; } -.hover\:text-gray-300:hover { +.text-gray-300 { color: #e2e8f0 !important; } -.hover\:text-gray-400:hover { +.text-gray-400 { color: #cbd5e0 !important; } -.hover\:text-gray-500:hover { +.text-gray-500 { color: #a0aec0 !important; } -.hover\:text-gray-600:hover { +.text-gray-600 { color: #718096 !important; } -.hover\:text-gray-700:hover { +.text-gray-700 { color: #4a5568 !important; } -.hover\:text-gray-800:hover { +.text-gray-800 { color: #2d3748 !important; } -.hover\:text-gray-900:hover { +.text-gray-900 { color: #1a202c !important; } -.hover\:text-red-100:hover { +.text-red-100 { color: #fff5f5 !important; } -.hover\:text-red-200:hover { +.text-red-200 { color: #fed7d7 !important; } -.hover\:text-red-300:hover { +.text-red-300 { color: #feb2b2 !important; } -.hover\:text-red-400:hover { +.text-red-400 { color: #fc8181 !important; } -.hover\:text-red-500:hover { +.text-red-500 { color: #f56565 !important; } -.hover\:text-red-600:hover { +.text-red-600 { color: #e53e3e !important; } -.hover\:text-red-700:hover { +.text-red-700 { color: #c53030 !important; } -.hover\:text-red-800:hover { +.text-red-800 { color: #9b2c2c !important; } -.hover\:text-red-900:hover { +.text-red-900 { color: #742a2a !important; } -.hover\:text-orange-100:hover { +.text-orange-100 { color: #fffaf0 !important; } -.hover\:text-orange-200:hover { +.text-orange-200 { color: #feebc8 !important; } -.hover\:text-orange-300:hover { +.text-orange-300 { color: #fbd38d !important; } -.hover\:text-orange-400:hover { +.text-orange-400 { color: #f6ad55 !important; } -.hover\:text-orange-500:hover { +.text-orange-500 { color: #ed8936 !important; } -.hover\:text-orange-600:hover { +.text-orange-600 { color: #dd6b20 !important; } -.hover\:text-orange-700:hover { +.text-orange-700 { color: #c05621 !important; } -.hover\:text-orange-800:hover { +.text-orange-800 { color: #9c4221 !important; } -.hover\:text-orange-900:hover { +.text-orange-900 { color: #7b341e !important; } -.hover\:text-yellow-100:hover { +.text-yellow-100 { color: #fffff0 !important; } -.hover\:text-yellow-200:hover { +.text-yellow-200 { color: #fefcbf !important; } -.hover\:text-yellow-300:hover { +.text-yellow-300 { color: #faf089 !important; } -.hover\:text-yellow-400:hover { +.text-yellow-400 { color: #f6e05e !important; } -.hover\:text-yellow-500:hover { +.text-yellow-500 { color: #ecc94b !important; } -.hover\:text-yellow-600:hover { +.text-yellow-600 { color: #d69e2e !important; } -.hover\:text-yellow-700:hover { +.text-yellow-700 { color: #b7791f !important; } -.hover\:text-yellow-800:hover { +.text-yellow-800 { color: #975a16 !important; } -.hover\:text-yellow-900:hover { +.text-yellow-900 { color: #744210 !important; } -.hover\:text-green-100:hover { +.text-green-100 { color: #f0fff4 !important; } -.hover\:text-green-200:hover { +.text-green-200 { color: #c6f6d5 !important; } -.hover\:text-green-300:hover { +.text-green-300 { color: #9ae6b4 !important; } -.hover\:text-green-400:hover { +.text-green-400 { color: #68d391 !important; } -.hover\:text-green-500:hover { +.text-green-500 { color: #48bb78 !important; } -.hover\:text-green-600:hover { +.text-green-600 { color: #38a169 !important; } -.hover\:text-green-700:hover { +.text-green-700 { color: #2f855a !important; } -.hover\:text-green-800:hover { +.text-green-800 { color: #276749 !important; } -.hover\:text-green-900:hover { +.text-green-900 { color: #22543d !important; } -.hover\:text-teal-100:hover { +.text-teal-100 { color: #e6fffa !important; } -.hover\:text-teal-200:hover { +.text-teal-200 { color: #b2f5ea !important; } -.hover\:text-teal-300:hover { +.text-teal-300 { color: #81e6d9 !important; } -.hover\:text-teal-400:hover { +.text-teal-400 { color: #4fd1c5 !important; } -.hover\:text-teal-500:hover { +.text-teal-500 { color: #38b2ac !important; } -.hover\:text-teal-600:hover { +.text-teal-600 { color: #319795 !important; } -.hover\:text-teal-700:hover { +.text-teal-700 { color: #2c7a7b !important; } -.hover\:text-teal-800:hover { +.text-teal-800 { color: #285e61 !important; } -.hover\:text-teal-900:hover { +.text-teal-900 { color: #234e52 !important; } -.hover\:text-blue-100:hover { +.text-blue-100 { color: #ebf8ff !important; } -.hover\:text-blue-200:hover { +.text-blue-200 { color: #bee3f8 !important; } -.hover\:text-blue-300:hover { +.text-blue-300 { color: #90cdf4 !important; } -.hover\:text-blue-400:hover { +.text-blue-400 { color: #63b3ed !important; } -.hover\:text-blue-500:hover { +.text-blue-500 { color: #4299e1 !important; } -.hover\:text-blue-600:hover { +.text-blue-600 { color: #3182ce !important; } -.hover\:text-blue-700:hover { +.text-blue-700 { color: #2b6cb0 !important; } -.hover\:text-blue-800:hover { +.text-blue-800 { color: #2c5282 !important; } -.hover\:text-blue-900:hover { +.text-blue-900 { color: #2a4365 !important; } -.hover\:text-indigo-100:hover { +.text-indigo-100 { color: #ebf4ff !important; } -.hover\:text-indigo-200:hover { +.text-indigo-200 { color: #c3dafe !important; } -.hover\:text-indigo-300:hover { +.text-indigo-300 { color: #a3bffa !important; } -.hover\:text-indigo-400:hover { +.text-indigo-400 { color: #7f9cf5 !important; } -.hover\:text-indigo-500:hover { +.text-indigo-500 { color: #667eea !important; } -.hover\:text-indigo-600:hover { +.text-indigo-600 { color: #5a67d8 !important; } -.hover\:text-indigo-700:hover { +.text-indigo-700 { color: #4c51bf !important; } -.hover\:text-indigo-800:hover { +.text-indigo-800 { color: #434190 !important; } -.hover\:text-indigo-900:hover { +.text-indigo-900 { color: #3c366b !important; } -.hover\:text-purple-100:hover { +.text-purple-100 { color: #faf5ff !important; } -.hover\:text-purple-200:hover { +.text-purple-200 { color: #e9d8fd !important; } -.hover\:text-purple-300:hover { +.text-purple-300 { color: #d6bcfa !important; } -.hover\:text-purple-400:hover { +.text-purple-400 { color: #b794f4 !important; } -.hover\:text-purple-500:hover { +.text-purple-500 { color: #9f7aea !important; } -.hover\:text-purple-600:hover { +.text-purple-600 { color: #805ad5 !important; } -.hover\:text-purple-700:hover { +.text-purple-700 { color: #6b46c1 !important; } -.hover\:text-purple-800:hover { +.text-purple-800 { color: #553c9a !important; } -.hover\:text-purple-900:hover { +.text-purple-900 { color: #44337a !important; } -.hover\:text-pink-100:hover { +.text-pink-100 { color: #fff5f7 !important; } -.hover\:text-pink-200:hover { +.text-pink-200 { color: #fed7e2 !important; } -.hover\:text-pink-300:hover { +.text-pink-300 { color: #fbb6ce !important; } -.hover\:text-pink-400:hover { +.text-pink-400 { color: #f687b3 !important; } -.hover\:text-pink-500:hover { +.text-pink-500 { color: #ed64a6 !important; } -.hover\:text-pink-600:hover { +.text-pink-600 { color: #d53f8c !important; } -.hover\:text-pink-700:hover { +.text-pink-700 { color: #b83280 !important; } -.hover\:text-pink-800:hover { +.text-pink-800 { color: #97266d !important; } -.hover\:text-pink-900:hover { +.text-pink-900 { color: #702459 !important; } -.focus\:text-transparent:focus { +.hover\:text-transparent:hover { color: transparent !important; } -.focus\:text-black:focus { +.hover\:text-black:hover { color: #000 !important; } -.focus\:text-white:focus { +.hover\:text-white:hover { color: #fff !important; } -.focus\:text-gray-100:focus { +.hover\:text-gray-100:hover { color: #f7fafc !important; } -.focus\:text-gray-200:focus { +.hover\:text-gray-200:hover { color: #edf2f7 !important; } -.focus\:text-gray-300:focus { +.hover\:text-gray-300:hover { color: #e2e8f0 !important; } -.focus\:text-gray-400:focus { +.hover\:text-gray-400:hover { color: #cbd5e0 !important; } -.focus\:text-gray-500:focus { +.hover\:text-gray-500:hover { color: #a0aec0 !important; } -.focus\:text-gray-600:focus { +.hover\:text-gray-600:hover { color: #718096 !important; } -.focus\:text-gray-700:focus { +.hover\:text-gray-700:hover { color: #4a5568 !important; } -.focus\:text-gray-800:focus { +.hover\:text-gray-800:hover { color: #2d3748 !important; } -.focus\:text-gray-900:focus { +.hover\:text-gray-900:hover { color: #1a202c !important; } -.focus\:text-red-100:focus { +.hover\:text-red-100:hover { color: #fff5f5 !important; } -.focus\:text-red-200:focus { +.hover\:text-red-200:hover { color: #fed7d7 !important; } -.focus\:text-red-300:focus { +.hover\:text-red-300:hover { color: #feb2b2 !important; } -.focus\:text-red-400:focus { +.hover\:text-red-400:hover { color: #fc8181 !important; } -.focus\:text-red-500:focus { +.hover\:text-red-500:hover { color: #f56565 !important; } -.focus\:text-red-600:focus { +.hover\:text-red-600:hover { color: #e53e3e !important; } -.focus\:text-red-700:focus { +.hover\:text-red-700:hover { color: #c53030 !important; } -.focus\:text-red-800:focus { +.hover\:text-red-800:hover { color: #9b2c2c !important; } -.focus\:text-red-900:focus { +.hover\:text-red-900:hover { color: #742a2a !important; } -.focus\:text-orange-100:focus { +.hover\:text-orange-100:hover { color: #fffaf0 !important; } -.focus\:text-orange-200:focus { +.hover\:text-orange-200:hover { color: #feebc8 !important; } -.focus\:text-orange-300:focus { +.hover\:text-orange-300:hover { color: #fbd38d !important; } -.focus\:text-orange-400:focus { +.hover\:text-orange-400:hover { color: #f6ad55 !important; } -.focus\:text-orange-500:focus { +.hover\:text-orange-500:hover { color: #ed8936 !important; } -.focus\:text-orange-600:focus { +.hover\:text-orange-600:hover { color: #dd6b20 !important; } -.focus\:text-orange-700:focus { +.hover\:text-orange-700:hover { color: #c05621 !important; } -.focus\:text-orange-800:focus { +.hover\:text-orange-800:hover { color: #9c4221 !important; } -.focus\:text-orange-900:focus { +.hover\:text-orange-900:hover { color: #7b341e !important; } -.focus\:text-yellow-100:focus { +.hover\:text-yellow-100:hover { color: #fffff0 !important; } -.focus\:text-yellow-200:focus { +.hover\:text-yellow-200:hover { color: #fefcbf !important; } -.focus\:text-yellow-300:focus { +.hover\:text-yellow-300:hover { color: #faf089 !important; } -.focus\:text-yellow-400:focus { +.hover\:text-yellow-400:hover { color: #f6e05e !important; } -.focus\:text-yellow-500:focus { +.hover\:text-yellow-500:hover { color: #ecc94b !important; } -.focus\:text-yellow-600:focus { +.hover\:text-yellow-600:hover { color: #d69e2e !important; } -.focus\:text-yellow-700:focus { +.hover\:text-yellow-700:hover { color: #b7791f !important; } -.focus\:text-yellow-800:focus { +.hover\:text-yellow-800:hover { color: #975a16 !important; } -.focus\:text-yellow-900:focus { +.hover\:text-yellow-900:hover { color: #744210 !important; } -.focus\:text-green-100:focus { +.hover\:text-green-100:hover { color: #f0fff4 !important; } -.focus\:text-green-200:focus { +.hover\:text-green-200:hover { color: #c6f6d5 !important; } -.focus\:text-green-300:focus { +.hover\:text-green-300:hover { color: #9ae6b4 !important; } -.focus\:text-green-400:focus { +.hover\:text-green-400:hover { color: #68d391 !important; } -.focus\:text-green-500:focus { +.hover\:text-green-500:hover { color: #48bb78 !important; } -.focus\:text-green-600:focus { +.hover\:text-green-600:hover { color: #38a169 !important; } -.focus\:text-green-700:focus { +.hover\:text-green-700:hover { color: #2f855a !important; } -.focus\:text-green-800:focus { +.hover\:text-green-800:hover { color: #276749 !important; } -.focus\:text-green-900:focus { +.hover\:text-green-900:hover { color: #22543d !important; } -.focus\:text-teal-100:focus { +.hover\:text-teal-100:hover { color: #e6fffa !important; } -.focus\:text-teal-200:focus { +.hover\:text-teal-200:hover { color: #b2f5ea !important; } -.focus\:text-teal-300:focus { +.hover\:text-teal-300:hover { color: #81e6d9 !important; } -.focus\:text-teal-400:focus { +.hover\:text-teal-400:hover { color: #4fd1c5 !important; } -.focus\:text-teal-500:focus { +.hover\:text-teal-500:hover { color: #38b2ac !important; } -.focus\:text-teal-600:focus { +.hover\:text-teal-600:hover { color: #319795 !important; } -.focus\:text-teal-700:focus { +.hover\:text-teal-700:hover { color: #2c7a7b !important; } -.focus\:text-teal-800:focus { +.hover\:text-teal-800:hover { color: #285e61 !important; } -.focus\:text-teal-900:focus { +.hover\:text-teal-900:hover { color: #234e52 !important; } -.focus\:text-blue-100:focus { +.hover\:text-blue-100:hover { color: #ebf8ff !important; } -.focus\:text-blue-200:focus { +.hover\:text-blue-200:hover { color: #bee3f8 !important; } -.focus\:text-blue-300:focus { +.hover\:text-blue-300:hover { color: #90cdf4 !important; } -.focus\:text-blue-400:focus { +.hover\:text-blue-400:hover { color: #63b3ed !important; } -.focus\:text-blue-500:focus { +.hover\:text-blue-500:hover { color: #4299e1 !important; } -.focus\:text-blue-600:focus { +.hover\:text-blue-600:hover { color: #3182ce !important; } -.focus\:text-blue-700:focus { +.hover\:text-blue-700:hover { color: #2b6cb0 !important; } -.focus\:text-blue-800:focus { +.hover\:text-blue-800:hover { color: #2c5282 !important; } -.focus\:text-blue-900:focus { +.hover\:text-blue-900:hover { color: #2a4365 !important; } -.focus\:text-indigo-100:focus { +.hover\:text-indigo-100:hover { color: #ebf4ff !important; } -.focus\:text-indigo-200:focus { +.hover\:text-indigo-200:hover { color: #c3dafe !important; } -.focus\:text-indigo-300:focus { +.hover\:text-indigo-300:hover { color: #a3bffa !important; } -.focus\:text-indigo-400:focus { +.hover\:text-indigo-400:hover { color: #7f9cf5 !important; } -.focus\:text-indigo-500:focus { +.hover\:text-indigo-500:hover { color: #667eea !important; } -.focus\:text-indigo-600:focus { +.hover\:text-indigo-600:hover { color: #5a67d8 !important; } -.focus\:text-indigo-700:focus { +.hover\:text-indigo-700:hover { color: #4c51bf !important; } -.focus\:text-indigo-800:focus { +.hover\:text-indigo-800:hover { color: #434190 !important; } -.focus\:text-indigo-900:focus { +.hover\:text-indigo-900:hover { color: #3c366b !important; } -.focus\:text-purple-100:focus { +.hover\:text-purple-100:hover { color: #faf5ff !important; } -.focus\:text-purple-200:focus { +.hover\:text-purple-200:hover { color: #e9d8fd !important; } -.focus\:text-purple-300:focus { +.hover\:text-purple-300:hover { color: #d6bcfa !important; } -.focus\:text-purple-400:focus { +.hover\:text-purple-400:hover { color: #b794f4 !important; } -.focus\:text-purple-500:focus { +.hover\:text-purple-500:hover { color: #9f7aea !important; } -.focus\:text-purple-600:focus { +.hover\:text-purple-600:hover { color: #805ad5 !important; } -.focus\:text-purple-700:focus { +.hover\:text-purple-700:hover { color: #6b46c1 !important; } -.focus\:text-purple-800:focus { +.hover\:text-purple-800:hover { color: #553c9a !important; } -.focus\:text-purple-900:focus { +.hover\:text-purple-900:hover { color: #44337a !important; } -.focus\:text-pink-100:focus { +.hover\:text-pink-100:hover { color: #fff5f7 !important; } -.focus\:text-pink-200:focus { +.hover\:text-pink-200:hover { color: #fed7e2 !important; } -.focus\:text-pink-300:focus { +.hover\:text-pink-300:hover { color: #fbb6ce !important; } -.focus\:text-pink-400:focus { +.hover\:text-pink-400:hover { color: #f687b3 !important; } -.focus\:text-pink-500:focus { +.hover\:text-pink-500:hover { color: #ed64a6 !important; } -.focus\:text-pink-600:focus { +.hover\:text-pink-600:hover { color: #d53f8c !important; } -.focus\:text-pink-700:focus { +.hover\:text-pink-700:hover { color: #b83280 !important; } -.focus\:text-pink-800:focus { +.hover\:text-pink-800:hover { color: #97266d !important; } -.focus\:text-pink-900:focus { +.hover\:text-pink-900:hover { color: #702459 !important; } -.text-xs { - font-size: 0.75rem !important; +.focus\:text-transparent:focus { + color: transparent !important; } -.text-sm { - font-size: 0.875rem !important; +.focus\:text-black:focus { + color: #000 !important; } -.text-base { - font-size: 1rem !important; +.focus\:text-white:focus { + color: #fff !important; } -.text-lg { - font-size: 1.125rem !important; +.focus\:text-gray-100:focus { + color: #f7fafc !important; } -.text-xl { - font-size: 1.25rem !important; +.focus\:text-gray-200:focus { + color: #edf2f7 !important; } -.text-2xl { - font-size: 1.5rem !important; +.focus\:text-gray-300:focus { + color: #e2e8f0 !important; } -.text-3xl { - font-size: 1.875rem !important; +.focus\:text-gray-400:focus { + color: #cbd5e0 !important; } -.text-4xl { - font-size: 2.25rem !important; +.focus\:text-gray-500:focus { + color: #a0aec0 !important; } -.text-5xl { - font-size: 3rem !important; +.focus\:text-gray-600:focus { + color: #718096 !important; } -.text-6xl { - font-size: 4rem !important; +.focus\:text-gray-700:focus { + color: #4a5568 !important; } -.italic { - font-style: italic !important; +.focus\:text-gray-800:focus { + color: #2d3748 !important; } -.not-italic { - font-style: normal !important; +.focus\:text-gray-900:focus { + color: #1a202c !important; } -.uppercase { - text-transform: uppercase !important; +.focus\:text-red-100:focus { + color: #fff5f5 !important; } -.lowercase { - text-transform: lowercase !important; +.focus\:text-red-200:focus { + color: #fed7d7 !important; } -.capitalize { - text-transform: capitalize !important; +.focus\:text-red-300:focus { + color: #feb2b2 !important; } -.normal-case { - text-transform: none !important; +.focus\:text-red-400:focus { + color: #fc8181 !important; } -.underline { - text-decoration: underline !important; +.focus\:text-red-500:focus { + color: #f56565 !important; } -.line-through { - text-decoration: line-through !important; +.focus\:text-red-600:focus { + color: #e53e3e !important; } -.no-underline { - text-decoration: none !important; +.focus\:text-red-700:focus { + color: #c53030 !important; } -.hover\:underline:hover { - text-decoration: underline !important; +.focus\:text-red-800:focus { + color: #9b2c2c !important; } -.hover\:line-through:hover { - text-decoration: line-through !important; +.focus\:text-red-900:focus { + color: #742a2a !important; } -.hover\:no-underline:hover { - text-decoration: none !important; +.focus\:text-orange-100:focus { + color: #fffaf0 !important; } -.focus\:underline:focus { - text-decoration: underline !important; +.focus\:text-orange-200:focus { + color: #feebc8 !important; } -.focus\:line-through:focus { - text-decoration: line-through !important; +.focus\:text-orange-300:focus { + color: #fbd38d !important; } -.focus\:no-underline:focus { - text-decoration: none !important; +.focus\:text-orange-400:focus { + color: #f6ad55 !important; } -.antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; +.focus\:text-orange-500:focus { + color: #ed8936 !important; } -.subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; +.focus\:text-orange-600:focus { + color: #dd6b20 !important; } -.tracking-tighter { - letter-spacing: -0.05em !important; +.focus\:text-orange-700:focus { + color: #c05621 !important; } -.tracking-tight { - letter-spacing: -0.025em !important; +.focus\:text-orange-800:focus { + color: #9c4221 !important; } -.tracking-normal { - letter-spacing: 0 !important; +.focus\:text-orange-900:focus { + color: #7b341e !important; } -.tracking-wide { - letter-spacing: 0.025em !important; -} - -.tracking-wider { - letter-spacing: 0.05em !important; +.focus\:text-yellow-100:focus { + color: #fffff0 !important; } -.tracking-widest { - letter-spacing: 0.1em !important; +.focus\:text-yellow-200:focus { + color: #fefcbf !important; } -.select-none { - user-select: none !important; +.focus\:text-yellow-300:focus { + color: #faf089 !important; } -.select-text { - user-select: text !important; +.focus\:text-yellow-400:focus { + color: #f6e05e !important; } -.select-all { - user-select: all !important; +.focus\:text-yellow-500:focus { + color: #ecc94b !important; } -.select-auto { - user-select: auto !important; +.focus\:text-yellow-600:focus { + color: #d69e2e !important; } -.align-baseline { - vertical-align: baseline !important; +.focus\:text-yellow-700:focus { + color: #b7791f !important; } -.align-top { - vertical-align: top !important; +.focus\:text-yellow-800:focus { + color: #975a16 !important; } -.align-middle { - vertical-align: middle !important; +.focus\:text-yellow-900:focus { + color: #744210 !important; } -.align-bottom { - vertical-align: bottom !important; +.focus\:text-green-100:focus { + color: #f0fff4 !important; } -.align-text-top { - vertical-align: text-top !important; +.focus\:text-green-200:focus { + color: #c6f6d5 !important; } -.align-text-bottom { - vertical-align: text-bottom !important; +.focus\:text-green-300:focus { + color: #9ae6b4 !important; } -.visible { - visibility: visible !important; +.focus\:text-green-400:focus { + color: #68d391 !important; } -.invisible { - visibility: hidden !important; +.focus\:text-green-500:focus { + color: #48bb78 !important; } -.whitespace-normal { - white-space: normal !important; +.focus\:text-green-600:focus { + color: #38a169 !important; } -.whitespace-no-wrap { - white-space: nowrap !important; +.focus\:text-green-700:focus { + color: #2f855a !important; } -.whitespace-pre { - white-space: pre !important; +.focus\:text-green-800:focus { + color: #276749 !important; } -.whitespace-pre-line { - white-space: pre-line !important; +.focus\:text-green-900:focus { + color: #22543d !important; } -.whitespace-pre-wrap { - white-space: pre-wrap !important; +.focus\:text-teal-100:focus { + color: #e6fffa !important; } -.break-normal { - overflow-wrap: normal !important; - word-break: normal !important; +.focus\:text-teal-200:focus { + color: #b2f5ea !important; } -.break-words { - overflow-wrap: break-word !important; +.focus\:text-teal-300:focus { + color: #81e6d9 !important; } -.break-all { - word-break: break-all !important; +.focus\:text-teal-400:focus { + color: #4fd1c5 !important; } -.truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; +.focus\:text-teal-500:focus { + color: #38b2ac !important; } -.w-0 { - width: 0 !important; +.focus\:text-teal-600:focus { + color: #319795 !important; } -.w-1 { - width: 0.25rem !important; +.focus\:text-teal-700:focus { + color: #2c7a7b !important; } -.w-2 { - width: 0.5rem !important; +.focus\:text-teal-800:focus { + color: #285e61 !important; } -.w-3 { - width: 0.75rem !important; +.focus\:text-teal-900:focus { + color: #234e52 !important; } -.w-4 { - width: 1rem !important; +.focus\:text-blue-100:focus { + color: #ebf8ff !important; } -.w-5 { - width: 1.25rem !important; +.focus\:text-blue-200:focus { + color: #bee3f8 !important; } -.w-6 { - width: 1.5rem !important; +.focus\:text-blue-300:focus { + color: #90cdf4 !important; } -.w-8 { - width: 2rem !important; +.focus\:text-blue-400:focus { + color: #63b3ed !important; } -.w-10 { - width: 2.5rem !important; +.focus\:text-blue-500:focus { + color: #4299e1 !important; } -.w-12 { - width: 3rem !important; +.focus\:text-blue-600:focus { + color: #3182ce !important; } -.w-16 { - width: 4rem !important; +.focus\:text-blue-700:focus { + color: #2b6cb0 !important; } -.w-20 { - width: 5rem !important; +.focus\:text-blue-800:focus { + color: #2c5282 !important; } -.w-24 { - width: 6rem !important; +.focus\:text-blue-900:focus { + color: #2a4365 !important; } -.w-32 { - width: 8rem !important; +.focus\:text-indigo-100:focus { + color: #ebf4ff !important; } -.w-40 { - width: 10rem !important; +.focus\:text-indigo-200:focus { + color: #c3dafe !important; } -.w-48 { - width: 12rem !important; +.focus\:text-indigo-300:focus { + color: #a3bffa !important; } -.w-56 { - width: 14rem !important; +.focus\:text-indigo-400:focus { + color: #7f9cf5 !important; } -.w-64 { - width: 16rem !important; +.focus\:text-indigo-500:focus { + color: #667eea !important; } -.w-auto { - width: auto !important; +.focus\:text-indigo-600:focus { + color: #5a67d8 !important; } -.w-px { - width: 1px !important; +.focus\:text-indigo-700:focus { + color: #4c51bf !important; } -.w-1\/2 { - width: 50% !important; +.focus\:text-indigo-800:focus { + color: #434190 !important; } -.w-1\/3 { - width: 33.333333% !important; +.focus\:text-indigo-900:focus { + color: #3c366b !important; } -.w-2\/3 { - width: 66.666667% !important; +.focus\:text-purple-100:focus { + color: #faf5ff !important; } -.w-1\/4 { - width: 25% !important; +.focus\:text-purple-200:focus { + color: #e9d8fd !important; } -.w-2\/4 { - width: 50% !important; +.focus\:text-purple-300:focus { + color: #d6bcfa !important; } -.w-3\/4 { - width: 75% !important; +.focus\:text-purple-400:focus { + color: #b794f4 !important; } -.w-1\/5 { - width: 20% !important; +.focus\:text-purple-500:focus { + color: #9f7aea !important; } -.w-2\/5 { - width: 40% !important; +.focus\:text-purple-600:focus { + color: #805ad5 !important; } -.w-3\/5 { - width: 60% !important; +.focus\:text-purple-700:focus { + color: #6b46c1 !important; } -.w-4\/5 { - width: 80% !important; +.focus\:text-purple-800:focus { + color: #553c9a !important; } -.w-1\/6 { - width: 16.666667% !important; +.focus\:text-purple-900:focus { + color: #44337a !important; } -.w-2\/6 { - width: 33.333333% !important; +.focus\:text-pink-100:focus { + color: #fff5f7 !important; } -.w-3\/6 { - width: 50% !important; +.focus\:text-pink-200:focus { + color: #fed7e2 !important; } -.w-4\/6 { - width: 66.666667% !important; +.focus\:text-pink-300:focus { + color: #fbb6ce !important; } -.w-5\/6 { - width: 83.333333% !important; +.focus\:text-pink-400:focus { + color: #f687b3 !important; } -.w-1\/12 { - width: 8.333333% !important; +.focus\:text-pink-500:focus { + color: #ed64a6 !important; } -.w-2\/12 { - width: 16.666667% !important; +.focus\:text-pink-600:focus { + color: #d53f8c !important; } -.w-3\/12 { - width: 25% !important; +.focus\:text-pink-700:focus { + color: #b83280 !important; } -.w-4\/12 { - width: 33.333333% !important; +.focus\:text-pink-800:focus { + color: #97266d !important; } -.w-5\/12 { - width: 41.666667% !important; +.focus\:text-pink-900:focus { + color: #702459 !important; } -.w-6\/12 { - width: 50% !important; +.text-xs { + font-size: 0.75rem !important; } -.w-7\/12 { - width: 58.333333% !important; +.text-sm { + font-size: 0.875rem !important; } -.w-8\/12 { - width: 66.666667% !important; +.text-base { + font-size: 1rem !important; } -.w-9\/12 { - width: 75% !important; +.text-lg { + font-size: 1.125rem !important; } -.w-10\/12 { - width: 83.333333% !important; +.text-xl { + font-size: 1.25rem !important; } -.w-11\/12 { - width: 91.666667% !important; +.text-2xl { + font-size: 1.5rem !important; } -.w-full { - width: 100% !important; +.text-3xl { + font-size: 1.875rem !important; } -.w-screen { - width: 100vw !important; +.text-4xl { + font-size: 2.25rem !important; } -.z-0 { - z-index: 0 !important; +.text-5xl { + font-size: 3rem !important; } -.z-10 { - z-index: 10 !important; +.text-6xl { + font-size: 4rem !important; } -.z-20 { - z-index: 20 !important; +.italic { + font-style: italic !important; } -.z-30 { - z-index: 30 !important; +.not-italic { + font-style: normal !important; } -.z-40 { - z-index: 40 !important; +.uppercase { + text-transform: uppercase !important; } -.z-50 { - z-index: 50 !important; +.lowercase { + text-transform: lowercase !important; } -.z-auto { - z-index: auto !important; +.capitalize { + text-transform: capitalize !important; } -.example { - font-weight: 700; - color: #f56565; +.normal-case { + text-transform: none !important; } -@media (min-width: 640px) { - .sm\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } +.underline { + text-decoration: underline !important; +} - .sm\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } +.line-through { + text-decoration: line-through !important; +} - .sm\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; - } +.no-underline { + text-decoration: none !important; +} - .sm\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; - } +.hover\:underline:hover { + text-decoration: underline !important; +} - .sm\:appearance-none { - appearance: none !important; - } +.hover\:line-through:hover { + text-decoration: line-through !important; +} - .sm\:bg-fixed { - background-attachment: fixed !important; - } +.hover\:no-underline:hover { + text-decoration: none !important; +} - .sm\:bg-local { - background-attachment: local !important; - } +.focus\:underline:focus { + text-decoration: underline !important; +} - .sm\:bg-scroll { - background-attachment: scroll !important; - } +.focus\:line-through:focus { + text-decoration: line-through !important; +} - .sm\:bg-transparent { - background-color: transparent !important; - } +.focus\:no-underline:focus { + text-decoration: none !important; +} - .sm\:bg-black { - background-color: #000 !important; - } +.antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; +} - .sm\:bg-white { - background-color: #fff !important; - } +.subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; +} - .sm\:bg-gray-100 { - background-color: #f7fafc !important; +.tracking-tighter { + letter-spacing: -0.05em !important; +} + +.tracking-tight { + letter-spacing: -0.025em !important; +} + +.tracking-normal { + letter-spacing: 0 !important; +} + +.tracking-wide { + letter-spacing: 0.025em !important; +} + +.tracking-wider { + letter-spacing: 0.05em !important; +} + +.tracking-widest { + letter-spacing: 0.1em !important; +} + +.select-none { + user-select: none !important; +} + +.select-text { + user-select: text !important; +} + +.select-all { + user-select: all !important; +} + +.select-auto { + user-select: auto !important; +} + +.align-baseline { + vertical-align: baseline !important; +} + +.align-top { + vertical-align: top !important; +} + +.align-middle { + vertical-align: middle !important; +} + +.align-bottom { + vertical-align: bottom !important; +} + +.align-text-top { + vertical-align: text-top !important; +} + +.align-text-bottom { + vertical-align: text-bottom !important; +} + +.visible { + visibility: visible !important; +} + +.invisible { + visibility: hidden !important; +} + +.whitespace-normal { + white-space: normal !important; +} + +.whitespace-no-wrap { + white-space: nowrap !important; +} + +.whitespace-pre { + white-space: pre !important; +} + +.whitespace-pre-line { + white-space: pre-line !important; +} + +.whitespace-pre-wrap { + white-space: pre-wrap !important; +} + +.break-normal { + overflow-wrap: normal !important; + word-break: normal !important; +} + +.break-words { + overflow-wrap: break-word !important; +} + +.break-all { + word-break: break-all !important; +} + +.truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; +} + +.w-0 { + width: 0 !important; +} + +.w-1 { + width: 0.25rem !important; +} + +.w-2 { + width: 0.5rem !important; +} + +.w-3 { + width: 0.75rem !important; +} + +.w-4 { + width: 1rem !important; +} + +.w-5 { + width: 1.25rem !important; +} + +.w-6 { + width: 1.5rem !important; +} + +.w-8 { + width: 2rem !important; +} + +.w-10 { + width: 2.5rem !important; +} + +.w-12 { + width: 3rem !important; +} + +.w-16 { + width: 4rem !important; +} + +.w-20 { + width: 5rem !important; +} + +.w-24 { + width: 6rem !important; +} + +.w-32 { + width: 8rem !important; +} + +.w-40 { + width: 10rem !important; +} + +.w-48 { + width: 12rem !important; +} + +.w-56 { + width: 14rem !important; +} + +.w-64 { + width: 16rem !important; +} + +.w-auto { + width: auto !important; +} + +.w-px { + width: 1px !important; +} + +.w-1\/2 { + width: 50% !important; +} + +.w-1\/3 { + width: 33.333333% !important; +} + +.w-2\/3 { + width: 66.666667% !important; +} + +.w-1\/4 { + width: 25% !important; +} + +.w-2\/4 { + width: 50% !important; +} + +.w-3\/4 { + width: 75% !important; +} + +.w-1\/5 { + width: 20% !important; +} + +.w-2\/5 { + width: 40% !important; +} + +.w-3\/5 { + width: 60% !important; +} + +.w-4\/5 { + width: 80% !important; +} + +.w-1\/6 { + width: 16.666667% !important; +} + +.w-2\/6 { + width: 33.333333% !important; +} + +.w-3\/6 { + width: 50% !important; +} + +.w-4\/6 { + width: 66.666667% !important; +} + +.w-5\/6 { + width: 83.333333% !important; +} + +.w-1\/12 { + width: 8.333333% !important; +} + +.w-2\/12 { + width: 16.666667% !important; +} + +.w-3\/12 { + width: 25% !important; +} + +.w-4\/12 { + width: 33.333333% !important; +} + +.w-5\/12 { + width: 41.666667% !important; +} + +.w-6\/12 { + width: 50% !important; +} + +.w-7\/12 { + width: 58.333333% !important; +} + +.w-8\/12 { + width: 66.666667% !important; +} + +.w-9\/12 { + width: 75% !important; +} + +.w-10\/12 { + width: 83.333333% !important; +} + +.w-11\/12 { + width: 91.666667% !important; +} + +.w-full { + width: 100% !important; +} + +.w-screen { + width: 100vw !important; +} + +.z-0 { + z-index: 0 !important; +} + +.z-10 { + z-index: 10 !important; +} + +.z-20 { + z-index: 20 !important; +} + +.z-30 { + z-index: 30 !important; +} + +.z-40 { + z-index: 40 !important; +} + +.z-50 { + z-index: 50 !important; +} + +.z-auto { + z-index: auto !important; +} + +.example { + font-weight: 700; + color: #f56565; +} + +@media (min-width: 640px) { + .sm\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; + } + + .sm\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; + } + + .sm\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; + } + + .sm\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; + } + + .sm\:appearance-none { + appearance: none !important; + } + + .sm\:bg-fixed { + background-attachment: fixed !important; + } + + .sm\:bg-local { + background-attachment: local !important; + } + + .sm\:bg-scroll { + background-attachment: scroll !important; + } + + .sm\:bg-transparent { + background-color: transparent !important; + } + + .sm\:bg-black { + background-color: #000 !important; + } + + .sm\:bg-white { + background-color: #fff !important; + } + + .sm\:bg-gray-100 { + background-color: #f7fafc !important; + } + + .sm\:bg-gray-200 { + background-color: #edf2f7 !important; + } + + .sm\:bg-gray-300 { + background-color: #e2e8f0 !important; + } + + .sm\:bg-gray-400 { + background-color: #cbd5e0 !important; + } + + .sm\:bg-gray-500 { + background-color: #a0aec0 !important; + } + + .sm\:bg-gray-600 { + background-color: #718096 !important; + } + + .sm\:bg-gray-700 { + background-color: #4a5568 !important; + } + + .sm\:bg-gray-800 { + background-color: #2d3748 !important; + } + + .sm\:bg-gray-900 { + background-color: #1a202c !important; + } + + .sm\:bg-red-100 { + background-color: #fff5f5 !important; + } + + .sm\:bg-red-200 { + background-color: #fed7d7 !important; + } + + .sm\:bg-red-300 { + background-color: #feb2b2 !important; + } + + .sm\:bg-red-400 { + background-color: #fc8181 !important; + } + + .sm\:bg-red-500 { + background-color: #f56565 !important; + } + + .sm\:bg-red-600 { + background-color: #e53e3e !important; + } + + .sm\:bg-red-700 { + background-color: #c53030 !important; + } + + .sm\:bg-red-800 { + background-color: #9b2c2c !important; + } + + .sm\:bg-red-900 { + background-color: #742a2a !important; + } + + .sm\:bg-orange-100 { + background-color: #fffaf0 !important; + } + + .sm\:bg-orange-200 { + background-color: #feebc8 !important; + } + + .sm\:bg-orange-300 { + background-color: #fbd38d !important; + } + + .sm\:bg-orange-400 { + background-color: #f6ad55 !important; + } + + .sm\:bg-orange-500 { + background-color: #ed8936 !important; + } + + .sm\:bg-orange-600 { + background-color: #dd6b20 !important; + } + + .sm\:bg-orange-700 { + background-color: #c05621 !important; + } + + .sm\:bg-orange-800 { + background-color: #9c4221 !important; + } + + .sm\:bg-orange-900 { + background-color: #7b341e !important; + } + + .sm\:bg-yellow-100 { + background-color: #fffff0 !important; + } + + .sm\:bg-yellow-200 { + background-color: #fefcbf !important; + } + + .sm\:bg-yellow-300 { + background-color: #faf089 !important; + } + + .sm\:bg-yellow-400 { + background-color: #f6e05e !important; + } + + .sm\:bg-yellow-500 { + background-color: #ecc94b !important; + } + + .sm\:bg-yellow-600 { + background-color: #d69e2e !important; + } + + .sm\:bg-yellow-700 { + background-color: #b7791f !important; + } + + .sm\:bg-yellow-800 { + background-color: #975a16 !important; + } + + .sm\:bg-yellow-900 { + background-color: #744210 !important; + } + + .sm\:bg-green-100 { + background-color: #f0fff4 !important; + } + + .sm\:bg-green-200 { + background-color: #c6f6d5 !important; + } + + .sm\:bg-green-300 { + background-color: #9ae6b4 !important; + } + + .sm\:bg-green-400 { + background-color: #68d391 !important; + } + + .sm\:bg-green-500 { + background-color: #48bb78 !important; + } + + .sm\:bg-green-600 { + background-color: #38a169 !important; + } + + .sm\:bg-green-700 { + background-color: #2f855a !important; + } + + .sm\:bg-green-800 { + background-color: #276749 !important; + } + + .sm\:bg-green-900 { + background-color: #22543d !important; + } + + .sm\:bg-teal-100 { + background-color: #e6fffa !important; + } + + .sm\:bg-teal-200 { + background-color: #b2f5ea !important; + } + + .sm\:bg-teal-300 { + background-color: #81e6d9 !important; + } + + .sm\:bg-teal-400 { + background-color: #4fd1c5 !important; + } + + .sm\:bg-teal-500 { + background-color: #38b2ac !important; + } + + .sm\:bg-teal-600 { + background-color: #319795 !important; + } + + .sm\:bg-teal-700 { + background-color: #2c7a7b !important; + } + + .sm\:bg-teal-800 { + background-color: #285e61 !important; + } + + .sm\:bg-teal-900 { + background-color: #234e52 !important; + } + + .sm\:bg-blue-100 { + background-color: #ebf8ff !important; + } + + .sm\:bg-blue-200 { + background-color: #bee3f8 !important; + } + + .sm\:bg-blue-300 { + background-color: #90cdf4 !important; + } + + .sm\:bg-blue-400 { + background-color: #63b3ed !important; + } + + .sm\:bg-blue-500 { + background-color: #4299e1 !important; + } + + .sm\:bg-blue-600 { + background-color: #3182ce !important; + } + + .sm\:bg-blue-700 { + background-color: #2b6cb0 !important; + } + + .sm\:bg-blue-800 { + background-color: #2c5282 !important; + } + + .sm\:bg-blue-900 { + background-color: #2a4365 !important; + } + + .sm\:bg-indigo-100 { + background-color: #ebf4ff !important; + } + + .sm\:bg-indigo-200 { + background-color: #c3dafe !important; + } + + .sm\:bg-indigo-300 { + background-color: #a3bffa !important; + } + + .sm\:bg-indigo-400 { + background-color: #7f9cf5 !important; + } + + .sm\:bg-indigo-500 { + background-color: #667eea !important; + } + + .sm\:bg-indigo-600 { + background-color: #5a67d8 !important; + } + + .sm\:bg-indigo-700 { + background-color: #4c51bf !important; + } + + .sm\:bg-indigo-800 { + background-color: #434190 !important; + } + + .sm\:bg-indigo-900 { + background-color: #3c366b !important; + } + + .sm\:bg-purple-100 { + background-color: #faf5ff !important; + } + + .sm\:bg-purple-200 { + background-color: #e9d8fd !important; + } + + .sm\:bg-purple-300 { + background-color: #d6bcfa !important; + } + + .sm\:bg-purple-400 { + background-color: #b794f4 !important; + } + + .sm\:bg-purple-500 { + background-color: #9f7aea !important; + } + + .sm\:bg-purple-600 { + background-color: #805ad5 !important; + } + + .sm\:bg-purple-700 { + background-color: #6b46c1 !important; + } + + .sm\:bg-purple-800 { + background-color: #553c9a !important; + } + + .sm\:bg-purple-900 { + background-color: #44337a !important; + } + + .sm\:bg-pink-100 { + background-color: #fff5f7 !important; + } + + .sm\:bg-pink-200 { + background-color: #fed7e2 !important; + } + + .sm\:bg-pink-300 { + background-color: #fbb6ce !important; + } + + .sm\:bg-pink-400 { + background-color: #f687b3 !important; + } + + .sm\:bg-pink-500 { + background-color: #ed64a6 !important; + } + + .sm\:bg-pink-600 { + background-color: #d53f8c !important; + } + + .sm\:bg-pink-700 { + background-color: #b83280 !important; + } + + .sm\:bg-pink-800 { + background-color: #97266d !important; + } + + .sm\:bg-pink-900 { + background-color: #702459 !important; + } + + .sm\:hover\:bg-transparent:hover { + background-color: transparent !important; + } + + .sm\:hover\:bg-black:hover { + background-color: #000 !important; + } + + .sm\:hover\:bg-white:hover { + background-color: #fff !important; + } + + .sm\:hover\:bg-gray-100:hover { + background-color: #f7fafc !important; + } + + .sm\:hover\:bg-gray-200:hover { + background-color: #edf2f7 !important; + } + + .sm\:hover\:bg-gray-300:hover { + background-color: #e2e8f0 !important; + } + + .sm\:hover\:bg-gray-400:hover { + background-color: #cbd5e0 !important; + } + + .sm\:hover\:bg-gray-500:hover { + background-color: #a0aec0 !important; + } + + .sm\:hover\:bg-gray-600:hover { + background-color: #718096 !important; + } + + .sm\:hover\:bg-gray-700:hover { + background-color: #4a5568 !important; + } + + .sm\:hover\:bg-gray-800:hover { + background-color: #2d3748 !important; + } + + .sm\:hover\:bg-gray-900:hover { + background-color: #1a202c !important; + } + + .sm\:hover\:bg-red-100:hover { + background-color: #fff5f5 !important; + } + + .sm\:hover\:bg-red-200:hover { + background-color: #fed7d7 !important; + } + + .sm\:hover\:bg-red-300:hover { + background-color: #feb2b2 !important; + } + + .sm\:hover\:bg-red-400:hover { + background-color: #fc8181 !important; + } + + .sm\:hover\:bg-red-500:hover { + background-color: #f56565 !important; + } + + .sm\:hover\:bg-red-600:hover { + background-color: #e53e3e !important; + } + + .sm\:hover\:bg-red-700:hover { + background-color: #c53030 !important; + } + + .sm\:hover\:bg-red-800:hover { + background-color: #9b2c2c !important; + } + + .sm\:hover\:bg-red-900:hover { + background-color: #742a2a !important; + } + + .sm\:hover\:bg-orange-100:hover { + background-color: #fffaf0 !important; + } + + .sm\:hover\:bg-orange-200:hover { + background-color: #feebc8 !important; + } + + .sm\:hover\:bg-orange-300:hover { + background-color: #fbd38d !important; + } + + .sm\:hover\:bg-orange-400:hover { + background-color: #f6ad55 !important; + } + + .sm\:hover\:bg-orange-500:hover { + background-color: #ed8936 !important; + } + + .sm\:hover\:bg-orange-600:hover { + background-color: #dd6b20 !important; + } + + .sm\:hover\:bg-orange-700:hover { + background-color: #c05621 !important; + } + + .sm\:hover\:bg-orange-800:hover { + background-color: #9c4221 !important; + } + + .sm\:hover\:bg-orange-900:hover { + background-color: #7b341e !important; + } + + .sm\:hover\:bg-yellow-100:hover { + background-color: #fffff0 !important; + } + + .sm\:hover\:bg-yellow-200:hover { + background-color: #fefcbf !important; + } + + .sm\:hover\:bg-yellow-300:hover { + background-color: #faf089 !important; + } + + .sm\:hover\:bg-yellow-400:hover { + background-color: #f6e05e !important; + } + + .sm\:hover\:bg-yellow-500:hover { + background-color: #ecc94b !important; + } + + .sm\:hover\:bg-yellow-600:hover { + background-color: #d69e2e !important; + } + + .sm\:hover\:bg-yellow-700:hover { + background-color: #b7791f !important; + } + + .sm\:hover\:bg-yellow-800:hover { + background-color: #975a16 !important; + } + + .sm\:hover\:bg-yellow-900:hover { + background-color: #744210 !important; + } + + .sm\:hover\:bg-green-100:hover { + background-color: #f0fff4 !important; + } + + .sm\:hover\:bg-green-200:hover { + background-color: #c6f6d5 !important; + } + + .sm\:hover\:bg-green-300:hover { + background-color: #9ae6b4 !important; + } + + .sm\:hover\:bg-green-400:hover { + background-color: #68d391 !important; + } + + .sm\:hover\:bg-green-500:hover { + background-color: #48bb78 !important; + } + + .sm\:hover\:bg-green-600:hover { + background-color: #38a169 !important; + } + + .sm\:hover\:bg-green-700:hover { + background-color: #2f855a !important; + } + + .sm\:hover\:bg-green-800:hover { + background-color: #276749 !important; + } + + .sm\:hover\:bg-green-900:hover { + background-color: #22543d !important; + } + + .sm\:hover\:bg-teal-100:hover { + background-color: #e6fffa !important; + } + + .sm\:hover\:bg-teal-200:hover { + background-color: #b2f5ea !important; + } + + .sm\:hover\:bg-teal-300:hover { + background-color: #81e6d9 !important; + } + + .sm\:hover\:bg-teal-400:hover { + background-color: #4fd1c5 !important; + } + + .sm\:hover\:bg-teal-500:hover { + background-color: #38b2ac !important; + } + + .sm\:hover\:bg-teal-600:hover { + background-color: #319795 !important; + } + + .sm\:hover\:bg-teal-700:hover { + background-color: #2c7a7b !important; + } + + .sm\:hover\:bg-teal-800:hover { + background-color: #285e61 !important; + } + + .sm\:hover\:bg-teal-900:hover { + background-color: #234e52 !important; + } + + .sm\:hover\:bg-blue-100:hover { + background-color: #ebf8ff !important; + } + + .sm\:hover\:bg-blue-200:hover { + background-color: #bee3f8 !important; + } + + .sm\:hover\:bg-blue-300:hover { + background-color: #90cdf4 !important; + } + + .sm\:hover\:bg-blue-400:hover { + background-color: #63b3ed !important; + } + + .sm\:hover\:bg-blue-500:hover { + background-color: #4299e1 !important; + } + + .sm\:hover\:bg-blue-600:hover { + background-color: #3182ce !important; + } + + .sm\:hover\:bg-blue-700:hover { + background-color: #2b6cb0 !important; + } + + .sm\:hover\:bg-blue-800:hover { + background-color: #2c5282 !important; + } + + .sm\:hover\:bg-blue-900:hover { + background-color: #2a4365 !important; + } + + .sm\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff !important; + } + + .sm\:hover\:bg-indigo-200:hover { + background-color: #c3dafe !important; + } + + .sm\:hover\:bg-indigo-300:hover { + background-color: #a3bffa !important; + } + + .sm\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5 !important; + } + + .sm\:hover\:bg-indigo-500:hover { + background-color: #667eea !important; + } + + .sm\:hover\:bg-indigo-600:hover { + background-color: #5a67d8 !important; + } + + .sm\:hover\:bg-indigo-700:hover { + background-color: #4c51bf !important; + } + + .sm\:hover\:bg-indigo-800:hover { + background-color: #434190 !important; + } + + .sm\:hover\:bg-indigo-900:hover { + background-color: #3c366b !important; + } + + .sm\:hover\:bg-purple-100:hover { + background-color: #faf5ff !important; + } + + .sm\:hover\:bg-purple-200:hover { + background-color: #e9d8fd !important; + } + + .sm\:hover\:bg-purple-300:hover { + background-color: #d6bcfa !important; + } + + .sm\:hover\:bg-purple-400:hover { + background-color: #b794f4 !important; + } + + .sm\:hover\:bg-purple-500:hover { + background-color: #9f7aea !important; + } + + .sm\:hover\:bg-purple-600:hover { + background-color: #805ad5 !important; + } + + .sm\:hover\:bg-purple-700:hover { + background-color: #6b46c1 !important; + } + + .sm\:hover\:bg-purple-800:hover { + background-color: #553c9a !important; + } + + .sm\:hover\:bg-purple-900:hover { + background-color: #44337a !important; + } + + .sm\:hover\:bg-pink-100:hover { + background-color: #fff5f7 !important; + } + + .sm\:hover\:bg-pink-200:hover { + background-color: #fed7e2 !important; + } + + .sm\:hover\:bg-pink-300:hover { + background-color: #fbb6ce !important; + } + + .sm\:hover\:bg-pink-400:hover { + background-color: #f687b3 !important; + } + + .sm\:hover\:bg-pink-500:hover { + background-color: #ed64a6 !important; + } + + .sm\:hover\:bg-pink-600:hover { + background-color: #d53f8c !important; + } + + .sm\:hover\:bg-pink-700:hover { + background-color: #b83280 !important; + } + + .sm\:hover\:bg-pink-800:hover { + background-color: #97266d !important; + } + + .sm\:hover\:bg-pink-900:hover { + background-color: #702459 !important; + } + + .sm\:focus\:bg-transparent:focus { + background-color: transparent !important; + } + + .sm\:focus\:bg-black:focus { + background-color: #000 !important; + } + + .sm\:focus\:bg-white:focus { + background-color: #fff !important; + } + + .sm\:focus\:bg-gray-100:focus { + background-color: #f7fafc !important; + } + + .sm\:focus\:bg-gray-200:focus { + background-color: #edf2f7 !important; + } + + .sm\:focus\:bg-gray-300:focus { + background-color: #e2e8f0 !important; + } + + .sm\:focus\:bg-gray-400:focus { + background-color: #cbd5e0 !important; + } + + .sm\:focus\:bg-gray-500:focus { + background-color: #a0aec0 !important; + } + + .sm\:focus\:bg-gray-600:focus { + background-color: #718096 !important; + } + + .sm\:focus\:bg-gray-700:focus { + background-color: #4a5568 !important; + } + + .sm\:focus\:bg-gray-800:focus { + background-color: #2d3748 !important; + } + + .sm\:focus\:bg-gray-900:focus { + background-color: #1a202c !important; + } + + .sm\:focus\:bg-red-100:focus { + background-color: #fff5f5 !important; + } + + .sm\:focus\:bg-red-200:focus { + background-color: #fed7d7 !important; + } + + .sm\:focus\:bg-red-300:focus { + background-color: #feb2b2 !important; + } + + .sm\:focus\:bg-red-400:focus { + background-color: #fc8181 !important; + } + + .sm\:focus\:bg-red-500:focus { + background-color: #f56565 !important; + } + + .sm\:focus\:bg-red-600:focus { + background-color: #e53e3e !important; + } + + .sm\:focus\:bg-red-700:focus { + background-color: #c53030 !important; + } + + .sm\:focus\:bg-red-800:focus { + background-color: #9b2c2c !important; + } + + .sm\:focus\:bg-red-900:focus { + background-color: #742a2a !important; + } + + .sm\:focus\:bg-orange-100:focus { + background-color: #fffaf0 !important; + } + + .sm\:focus\:bg-orange-200:focus { + background-color: #feebc8 !important; + } + + .sm\:focus\:bg-orange-300:focus { + background-color: #fbd38d !important; + } + + .sm\:focus\:bg-orange-400:focus { + background-color: #f6ad55 !important; + } + + .sm\:focus\:bg-orange-500:focus { + background-color: #ed8936 !important; + } + + .sm\:focus\:bg-orange-600:focus { + background-color: #dd6b20 !important; + } + + .sm\:focus\:bg-orange-700:focus { + background-color: #c05621 !important; + } + + .sm\:focus\:bg-orange-800:focus { + background-color: #9c4221 !important; + } + + .sm\:focus\:bg-orange-900:focus { + background-color: #7b341e !important; + } + + .sm\:focus\:bg-yellow-100:focus { + background-color: #fffff0 !important; + } + + .sm\:focus\:bg-yellow-200:focus { + background-color: #fefcbf !important; + } + + .sm\:focus\:bg-yellow-300:focus { + background-color: #faf089 !important; + } + + .sm\:focus\:bg-yellow-400:focus { + background-color: #f6e05e !important; + } + + .sm\:focus\:bg-yellow-500:focus { + background-color: #ecc94b !important; + } + + .sm\:focus\:bg-yellow-600:focus { + background-color: #d69e2e !important; + } + + .sm\:focus\:bg-yellow-700:focus { + background-color: #b7791f !important; + } + + .sm\:focus\:bg-yellow-800:focus { + background-color: #975a16 !important; + } + + .sm\:focus\:bg-yellow-900:focus { + background-color: #744210 !important; + } + + .sm\:focus\:bg-green-100:focus { + background-color: #f0fff4 !important; + } + + .sm\:focus\:bg-green-200:focus { + background-color: #c6f6d5 !important; + } + + .sm\:focus\:bg-green-300:focus { + background-color: #9ae6b4 !important; + } + + .sm\:focus\:bg-green-400:focus { + background-color: #68d391 !important; + } + + .sm\:focus\:bg-green-500:focus { + background-color: #48bb78 !important; + } + + .sm\:focus\:bg-green-600:focus { + background-color: #38a169 !important; + } + + .sm\:focus\:bg-green-700:focus { + background-color: #2f855a !important; + } + + .sm\:focus\:bg-green-800:focus { + background-color: #276749 !important; + } + + .sm\:focus\:bg-green-900:focus { + background-color: #22543d !important; + } + + .sm\:focus\:bg-teal-100:focus { + background-color: #e6fffa !important; + } + + .sm\:focus\:bg-teal-200:focus { + background-color: #b2f5ea !important; + } + + .sm\:focus\:bg-teal-300:focus { + background-color: #81e6d9 !important; + } + + .sm\:focus\:bg-teal-400:focus { + background-color: #4fd1c5 !important; + } + + .sm\:focus\:bg-teal-500:focus { + background-color: #38b2ac !important; + } + + .sm\:focus\:bg-teal-600:focus { + background-color: #319795 !important; + } + + .sm\:focus\:bg-teal-700:focus { + background-color: #2c7a7b !important; + } + + .sm\:focus\:bg-teal-800:focus { + background-color: #285e61 !important; + } + + .sm\:focus\:bg-teal-900:focus { + background-color: #234e52 !important; + } + + .sm\:focus\:bg-blue-100:focus { + background-color: #ebf8ff !important; + } + + .sm\:focus\:bg-blue-200:focus { + background-color: #bee3f8 !important; + } + + .sm\:focus\:bg-blue-300:focus { + background-color: #90cdf4 !important; + } + + .sm\:focus\:bg-blue-400:focus { + background-color: #63b3ed !important; + } + + .sm\:focus\:bg-blue-500:focus { + background-color: #4299e1 !important; + } + + .sm\:focus\:bg-blue-600:focus { + background-color: #3182ce !important; + } + + .sm\:focus\:bg-blue-700:focus { + background-color: #2b6cb0 !important; + } + + .sm\:focus\:bg-blue-800:focus { + background-color: #2c5282 !important; + } + + .sm\:focus\:bg-blue-900:focus { + background-color: #2a4365 !important; + } + + .sm\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff !important; + } + + .sm\:focus\:bg-indigo-200:focus { + background-color: #c3dafe !important; + } + + .sm\:focus\:bg-indigo-300:focus { + background-color: #a3bffa !important; + } + + .sm\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5 !important; + } + + .sm\:focus\:bg-indigo-500:focus { + background-color: #667eea !important; + } + + .sm\:focus\:bg-indigo-600:focus { + background-color: #5a67d8 !important; + } + + .sm\:focus\:bg-indigo-700:focus { + background-color: #4c51bf !important; + } + + .sm\:focus\:bg-indigo-800:focus { + background-color: #434190 !important; + } + + .sm\:focus\:bg-indigo-900:focus { + background-color: #3c366b !important; + } + + .sm\:focus\:bg-purple-100:focus { + background-color: #faf5ff !important; + } + + .sm\:focus\:bg-purple-200:focus { + background-color: #e9d8fd !important; + } + + .sm\:focus\:bg-purple-300:focus { + background-color: #d6bcfa !important; + } + + .sm\:focus\:bg-purple-400:focus { + background-color: #b794f4 !important; + } + + .sm\:focus\:bg-purple-500:focus { + background-color: #9f7aea !important; + } + + .sm\:focus\:bg-purple-600:focus { + background-color: #805ad5 !important; + } + + .sm\:focus\:bg-purple-700:focus { + background-color: #6b46c1 !important; + } + + .sm\:focus\:bg-purple-800:focus { + background-color: #553c9a !important; + } + + .sm\:focus\:bg-purple-900:focus { + background-color: #44337a !important; + } + + .sm\:focus\:bg-pink-100:focus { + background-color: #fff5f7 !important; + } + + .sm\:focus\:bg-pink-200:focus { + background-color: #fed7e2 !important; + } + + .sm\:focus\:bg-pink-300:focus { + background-color: #fbb6ce !important; + } + + .sm\:focus\:bg-pink-400:focus { + background-color: #f687b3 !important; + } + + .sm\:focus\:bg-pink-500:focus { + background-color: #ed64a6 !important; + } + + .sm\:focus\:bg-pink-600:focus { + background-color: #d53f8c !important; + } + + .sm\:focus\:bg-pink-700:focus { + background-color: #b83280 !important; + } + + .sm\:focus\:bg-pink-800:focus { + background-color: #97266d !important; + } + + .sm\:focus\:bg-pink-900:focus { + background-color: #702459 !important; + } + + .sm\:bg-bottom { + background-position: bottom !important; + } + + .sm\:bg-center { + background-position: center !important; + } + + .sm\:bg-left { + background-position: left !important; + } + + .sm\:bg-left-bottom { + background-position: left bottom !important; + } + + .sm\:bg-left-top { + background-position: left top !important; + } + + .sm\:bg-right { + background-position: right !important; + } + + .sm\:bg-right-bottom { + background-position: right bottom !important; + } + + .sm\:bg-right-top { + background-position: right top !important; + } + + .sm\:bg-top { + background-position: top !important; + } + + .sm\:bg-repeat { + background-repeat: repeat !important; + } + + .sm\:bg-no-repeat { + background-repeat: no-repeat !important; + } + + .sm\:bg-repeat-x { + background-repeat: repeat-x !important; + } + + .sm\:bg-repeat-y { + background-repeat: repeat-y !important; + } + + .sm\:bg-repeat-round { + background-repeat: round !important; + } + + .sm\:bg-repeat-space { + background-repeat: space !important; + } + + .sm\:bg-auto { + background-size: auto !important; + } + + .sm\:bg-cover { + background-size: cover !important; + } + + .sm\:bg-contain { + background-size: contain !important; + } + + .sm\:border-collapse { + border-collapse: collapse !important; + } + + .sm\:border-separate { + border-collapse: separate !important; + } + + .sm\:border-transparent { + border-color: transparent !important; + } + + .sm\:border-black { + border-color: #000 !important; + } + + .sm\:border-white { + border-color: #fff !important; + } + + .sm\:border-gray-100 { + border-color: #f7fafc !important; + } + + .sm\:border-gray-200 { + border-color: #edf2f7 !important; + } + + .sm\:border-gray-300 { + border-color: #e2e8f0 !important; + } + + .sm\:border-gray-400 { + border-color: #cbd5e0 !important; + } + + .sm\:border-gray-500 { + border-color: #a0aec0 !important; + } + + .sm\:border-gray-600 { + border-color: #718096 !important; + } + + .sm\:border-gray-700 { + border-color: #4a5568 !important; + } + + .sm\:border-gray-800 { + border-color: #2d3748 !important; + } + + .sm\:border-gray-900 { + border-color: #1a202c !important; + } + + .sm\:border-red-100 { + border-color: #fff5f5 !important; + } + + .sm\:border-red-200 { + border-color: #fed7d7 !important; + } + + .sm\:border-red-300 { + border-color: #feb2b2 !important; + } + + .sm\:border-red-400 { + border-color: #fc8181 !important; + } + + .sm\:border-red-500 { + border-color: #f56565 !important; + } + + .sm\:border-red-600 { + border-color: #e53e3e !important; + } + + .sm\:border-red-700 { + border-color: #c53030 !important; + } + + .sm\:border-red-800 { + border-color: #9b2c2c !important; + } + + .sm\:border-red-900 { + border-color: #742a2a !important; + } + + .sm\:border-orange-100 { + border-color: #fffaf0 !important; + } + + .sm\:border-orange-200 { + border-color: #feebc8 !important; + } + + .sm\:border-orange-300 { + border-color: #fbd38d !important; + } + + .sm\:border-orange-400 { + border-color: #f6ad55 !important; + } + + .sm\:border-orange-500 { + border-color: #ed8936 !important; + } + + .sm\:border-orange-600 { + border-color: #dd6b20 !important; + } + + .sm\:border-orange-700 { + border-color: #c05621 !important; + } + + .sm\:border-orange-800 { + border-color: #9c4221 !important; + } + + .sm\:border-orange-900 { + border-color: #7b341e !important; + } + + .sm\:border-yellow-100 { + border-color: #fffff0 !important; + } + + .sm\:border-yellow-200 { + border-color: #fefcbf !important; + } + + .sm\:border-yellow-300 { + border-color: #faf089 !important; + } + + .sm\:border-yellow-400 { + border-color: #f6e05e !important; + } + + .sm\:border-yellow-500 { + border-color: #ecc94b !important; + } + + .sm\:border-yellow-600 { + border-color: #d69e2e !important; + } + + .sm\:border-yellow-700 { + border-color: #b7791f !important; + } + + .sm\:border-yellow-800 { + border-color: #975a16 !important; + } + + .sm\:border-yellow-900 { + border-color: #744210 !important; + } + + .sm\:border-green-100 { + border-color: #f0fff4 !important; + } + + .sm\:border-green-200 { + border-color: #c6f6d5 !important; + } + + .sm\:border-green-300 { + border-color: #9ae6b4 !important; + } + + .sm\:border-green-400 { + border-color: #68d391 !important; + } + + .sm\:border-green-500 { + border-color: #48bb78 !important; + } + + .sm\:border-green-600 { + border-color: #38a169 !important; + } + + .sm\:border-green-700 { + border-color: #2f855a !important; + } + + .sm\:border-green-800 { + border-color: #276749 !important; + } + + .sm\:border-green-900 { + border-color: #22543d !important; + } + + .sm\:border-teal-100 { + border-color: #e6fffa !important; + } + + .sm\:border-teal-200 { + border-color: #b2f5ea !important; + } + + .sm\:border-teal-300 { + border-color: #81e6d9 !important; + } + + .sm\:border-teal-400 { + border-color: #4fd1c5 !important; + } + + .sm\:border-teal-500 { + border-color: #38b2ac !important; + } + + .sm\:border-teal-600 { + border-color: #319795 !important; + } + + .sm\:border-teal-700 { + border-color: #2c7a7b !important; + } + + .sm\:border-teal-800 { + border-color: #285e61 !important; + } + + .sm\:border-teal-900 { + border-color: #234e52 !important; + } + + .sm\:border-blue-100 { + border-color: #ebf8ff !important; + } + + .sm\:border-blue-200 { + border-color: #bee3f8 !important; + } + + .sm\:border-blue-300 { + border-color: #90cdf4 !important; + } + + .sm\:border-blue-400 { + border-color: #63b3ed !important; + } + + .sm\:border-blue-500 { + border-color: #4299e1 !important; + } + + .sm\:border-blue-600 { + border-color: #3182ce !important; + } + + .sm\:border-blue-700 { + border-color: #2b6cb0 !important; + } + + .sm\:border-blue-800 { + border-color: #2c5282 !important; + } + + .sm\:border-blue-900 { + border-color: #2a4365 !important; + } + + .sm\:border-indigo-100 { + border-color: #ebf4ff !important; + } + + .sm\:border-indigo-200 { + border-color: #c3dafe !important; + } + + .sm\:border-indigo-300 { + border-color: #a3bffa !important; + } + + .sm\:border-indigo-400 { + border-color: #7f9cf5 !important; + } + + .sm\:border-indigo-500 { + border-color: #667eea !important; + } + + .sm\:border-indigo-600 { + border-color: #5a67d8 !important; + } + + .sm\:border-indigo-700 { + border-color: #4c51bf !important; + } + + .sm\:border-indigo-800 { + border-color: #434190 !important; + } + + .sm\:border-indigo-900 { + border-color: #3c366b !important; + } + + .sm\:border-purple-100 { + border-color: #faf5ff !important; + } + + .sm\:border-purple-200 { + border-color: #e9d8fd !important; + } + + .sm\:border-purple-300 { + border-color: #d6bcfa !important; + } + + .sm\:border-purple-400 { + border-color: #b794f4 !important; + } + + .sm\:border-purple-500 { + border-color: #9f7aea !important; + } + + .sm\:border-purple-600 { + border-color: #805ad5 !important; + } + + .sm\:border-purple-700 { + border-color: #6b46c1 !important; + } + + .sm\:border-purple-800 { + border-color: #553c9a !important; + } + + .sm\:border-purple-900 { + border-color: #44337a !important; + } + + .sm\:border-pink-100 { + border-color: #fff5f7 !important; + } + + .sm\:border-pink-200 { + border-color: #fed7e2 !important; + } + + .sm\:border-pink-300 { + border-color: #fbb6ce !important; + } + + .sm\:border-pink-400 { + border-color: #f687b3 !important; + } + + .sm\:border-pink-500 { + border-color: #ed64a6 !important; + } + + .sm\:border-pink-600 { + border-color: #d53f8c !important; + } + + .sm\:border-pink-700 { + border-color: #b83280 !important; + } + + .sm\:border-pink-800 { + border-color: #97266d !important; + } + + .sm\:border-pink-900 { + border-color: #702459 !important; + } + + .sm\:hover\:border-transparent:hover { + border-color: transparent !important; + } + + .sm\:hover\:border-black:hover { + border-color: #000 !important; + } + + .sm\:hover\:border-white:hover { + border-color: #fff !important; + } + + .sm\:hover\:border-gray-100:hover { + border-color: #f7fafc !important; + } + + .sm\:hover\:border-gray-200:hover { + border-color: #edf2f7 !important; + } + + .sm\:hover\:border-gray-300:hover { + border-color: #e2e8f0 !important; + } + + .sm\:hover\:border-gray-400:hover { + border-color: #cbd5e0 !important; + } + + .sm\:hover\:border-gray-500:hover { + border-color: #a0aec0 !important; + } + + .sm\:hover\:border-gray-600:hover { + border-color: #718096 !important; + } + + .sm\:hover\:border-gray-700:hover { + border-color: #4a5568 !important; + } + + .sm\:hover\:border-gray-800:hover { + border-color: #2d3748 !important; + } + + .sm\:hover\:border-gray-900:hover { + border-color: #1a202c !important; + } + + .sm\:hover\:border-red-100:hover { + border-color: #fff5f5 !important; + } + + .sm\:hover\:border-red-200:hover { + border-color: #fed7d7 !important; + } + + .sm\:hover\:border-red-300:hover { + border-color: #feb2b2 !important; + } + + .sm\:hover\:border-red-400:hover { + border-color: #fc8181 !important; + } + + .sm\:hover\:border-red-500:hover { + border-color: #f56565 !important; + } + + .sm\:hover\:border-red-600:hover { + border-color: #e53e3e !important; + } + + .sm\:hover\:border-red-700:hover { + border-color: #c53030 !important; + } + + .sm\:hover\:border-red-800:hover { + border-color: #9b2c2c !important; + } + + .sm\:hover\:border-red-900:hover { + border-color: #742a2a !important; + } + + .sm\:hover\:border-orange-100:hover { + border-color: #fffaf0 !important; + } + + .sm\:hover\:border-orange-200:hover { + border-color: #feebc8 !important; + } + + .sm\:hover\:border-orange-300:hover { + border-color: #fbd38d !important; + } + + .sm\:hover\:border-orange-400:hover { + border-color: #f6ad55 !important; + } + + .sm\:hover\:border-orange-500:hover { + border-color: #ed8936 !important; + } + + .sm\:hover\:border-orange-600:hover { + border-color: #dd6b20 !important; + } + + .sm\:hover\:border-orange-700:hover { + border-color: #c05621 !important; + } + + .sm\:hover\:border-orange-800:hover { + border-color: #9c4221 !important; + } + + .sm\:hover\:border-orange-900:hover { + border-color: #7b341e !important; + } + + .sm\:hover\:border-yellow-100:hover { + border-color: #fffff0 !important; + } + + .sm\:hover\:border-yellow-200:hover { + border-color: #fefcbf !important; + } + + .sm\:hover\:border-yellow-300:hover { + border-color: #faf089 !important; + } + + .sm\:hover\:border-yellow-400:hover { + border-color: #f6e05e !important; + } + + .sm\:hover\:border-yellow-500:hover { + border-color: #ecc94b !important; + } + + .sm\:hover\:border-yellow-600:hover { + border-color: #d69e2e !important; + } + + .sm\:hover\:border-yellow-700:hover { + border-color: #b7791f !important; + } + + .sm\:hover\:border-yellow-800:hover { + border-color: #975a16 !important; + } + + .sm\:hover\:border-yellow-900:hover { + border-color: #744210 !important; + } + + .sm\:hover\:border-green-100:hover { + border-color: #f0fff4 !important; + } + + .sm\:hover\:border-green-200:hover { + border-color: #c6f6d5 !important; + } + + .sm\:hover\:border-green-300:hover { + border-color: #9ae6b4 !important; + } + + .sm\:hover\:border-green-400:hover { + border-color: #68d391 !important; + } + + .sm\:hover\:border-green-500:hover { + border-color: #48bb78 !important; + } + + .sm\:hover\:border-green-600:hover { + border-color: #38a169 !important; + } + + .sm\:hover\:border-green-700:hover { + border-color: #2f855a !important; + } + + .sm\:hover\:border-green-800:hover { + border-color: #276749 !important; + } + + .sm\:hover\:border-green-900:hover { + border-color: #22543d !important; + } + + .sm\:hover\:border-teal-100:hover { + border-color: #e6fffa !important; + } + + .sm\:hover\:border-teal-200:hover { + border-color: #b2f5ea !important; + } + + .sm\:hover\:border-teal-300:hover { + border-color: #81e6d9 !important; + } + + .sm\:hover\:border-teal-400:hover { + border-color: #4fd1c5 !important; + } + + .sm\:hover\:border-teal-500:hover { + border-color: #38b2ac !important; + } + + .sm\:hover\:border-teal-600:hover { + border-color: #319795 !important; + } + + .sm\:hover\:border-teal-700:hover { + border-color: #2c7a7b !important; + } + + .sm\:hover\:border-teal-800:hover { + border-color: #285e61 !important; + } + + .sm\:hover\:border-teal-900:hover { + border-color: #234e52 !important; + } + + .sm\:hover\:border-blue-100:hover { + border-color: #ebf8ff !important; + } + + .sm\:hover\:border-blue-200:hover { + border-color: #bee3f8 !important; + } + + .sm\:hover\:border-blue-300:hover { + border-color: #90cdf4 !important; + } + + .sm\:hover\:border-blue-400:hover { + border-color: #63b3ed !important; + } + + .sm\:hover\:border-blue-500:hover { + border-color: #4299e1 !important; + } + + .sm\:hover\:border-blue-600:hover { + border-color: #3182ce !important; + } + + .sm\:hover\:border-blue-700:hover { + border-color: #2b6cb0 !important; + } + + .sm\:hover\:border-blue-800:hover { + border-color: #2c5282 !important; + } + + .sm\:hover\:border-blue-900:hover { + border-color: #2a4365 !important; + } + + .sm\:hover\:border-indigo-100:hover { + border-color: #ebf4ff !important; + } + + .sm\:hover\:border-indigo-200:hover { + border-color: #c3dafe !important; + } + + .sm\:hover\:border-indigo-300:hover { + border-color: #a3bffa !important; + } + + .sm\:hover\:border-indigo-400:hover { + border-color: #7f9cf5 !important; + } + + .sm\:hover\:border-indigo-500:hover { + border-color: #667eea !important; + } + + .sm\:hover\:border-indigo-600:hover { + border-color: #5a67d8 !important; + } + + .sm\:hover\:border-indigo-700:hover { + border-color: #4c51bf !important; + } + + .sm\:hover\:border-indigo-800:hover { + border-color: #434190 !important; + } + + .sm\:hover\:border-indigo-900:hover { + border-color: #3c366b !important; + } + + .sm\:hover\:border-purple-100:hover { + border-color: #faf5ff !important; + } + + .sm\:hover\:border-purple-200:hover { + border-color: #e9d8fd !important; + } + + .sm\:hover\:border-purple-300:hover { + border-color: #d6bcfa !important; + } + + .sm\:hover\:border-purple-400:hover { + border-color: #b794f4 !important; + } + + .sm\:hover\:border-purple-500:hover { + border-color: #9f7aea !important; + } + + .sm\:hover\:border-purple-600:hover { + border-color: #805ad5 !important; + } + + .sm\:hover\:border-purple-700:hover { + border-color: #6b46c1 !important; + } + + .sm\:hover\:border-purple-800:hover { + border-color: #553c9a !important; + } + + .sm\:hover\:border-purple-900:hover { + border-color: #44337a !important; + } + + .sm\:hover\:border-pink-100:hover { + border-color: #fff5f7 !important; + } + + .sm\:hover\:border-pink-200:hover { + border-color: #fed7e2 !important; + } + + .sm\:hover\:border-pink-300:hover { + border-color: #fbb6ce !important; + } + + .sm\:hover\:border-pink-400:hover { + border-color: #f687b3 !important; + } + + .sm\:hover\:border-pink-500:hover { + border-color: #ed64a6 !important; + } + + .sm\:hover\:border-pink-600:hover { + border-color: #d53f8c !important; + } + + .sm\:hover\:border-pink-700:hover { + border-color: #b83280 !important; + } + + .sm\:hover\:border-pink-800:hover { + border-color: #97266d !important; + } + + .sm\:hover\:border-pink-900:hover { + border-color: #702459 !important; + } + + .sm\:focus\:border-transparent:focus { + border-color: transparent !important; + } + + .sm\:focus\:border-black:focus { + border-color: #000 !important; + } + + .sm\:focus\:border-white:focus { + border-color: #fff !important; + } + + .sm\:focus\:border-gray-100:focus { + border-color: #f7fafc !important; + } + + .sm\:focus\:border-gray-200:focus { + border-color: #edf2f7 !important; + } + + .sm\:focus\:border-gray-300:focus { + border-color: #e2e8f0 !important; + } + + .sm\:focus\:border-gray-400:focus { + border-color: #cbd5e0 !important; + } + + .sm\:focus\:border-gray-500:focus { + border-color: #a0aec0 !important; + } + + .sm\:focus\:border-gray-600:focus { + border-color: #718096 !important; + } + + .sm\:focus\:border-gray-700:focus { + border-color: #4a5568 !important; + } + + .sm\:focus\:border-gray-800:focus { + border-color: #2d3748 !important; + } + + .sm\:focus\:border-gray-900:focus { + border-color: #1a202c !important; + } + + .sm\:focus\:border-red-100:focus { + border-color: #fff5f5 !important; + } + + .sm\:focus\:border-red-200:focus { + border-color: #fed7d7 !important; + } + + .sm\:focus\:border-red-300:focus { + border-color: #feb2b2 !important; + } + + .sm\:focus\:border-red-400:focus { + border-color: #fc8181 !important; + } + + .sm\:focus\:border-red-500:focus { + border-color: #f56565 !important; + } + + .sm\:focus\:border-red-600:focus { + border-color: #e53e3e !important; + } + + .sm\:focus\:border-red-700:focus { + border-color: #c53030 !important; + } + + .sm\:focus\:border-red-800:focus { + border-color: #9b2c2c !important; + } + + .sm\:focus\:border-red-900:focus { + border-color: #742a2a !important; + } + + .sm\:focus\:border-orange-100:focus { + border-color: #fffaf0 !important; + } + + .sm\:focus\:border-orange-200:focus { + border-color: #feebc8 !important; + } + + .sm\:focus\:border-orange-300:focus { + border-color: #fbd38d !important; + } + + .sm\:focus\:border-orange-400:focus { + border-color: #f6ad55 !important; + } + + .sm\:focus\:border-orange-500:focus { + border-color: #ed8936 !important; + } + + .sm\:focus\:border-orange-600:focus { + border-color: #dd6b20 !important; + } + + .sm\:focus\:border-orange-700:focus { + border-color: #c05621 !important; + } + + .sm\:focus\:border-orange-800:focus { + border-color: #9c4221 !important; + } + + .sm\:focus\:border-orange-900:focus { + border-color: #7b341e !important; + } + + .sm\:focus\:border-yellow-100:focus { + border-color: #fffff0 !important; + } + + .sm\:focus\:border-yellow-200:focus { + border-color: #fefcbf !important; + } + + .sm\:focus\:border-yellow-300:focus { + border-color: #faf089 !important; + } + + .sm\:focus\:border-yellow-400:focus { + border-color: #f6e05e !important; + } + + .sm\:focus\:border-yellow-500:focus { + border-color: #ecc94b !important; + } + + .sm\:focus\:border-yellow-600:focus { + border-color: #d69e2e !important; + } + + .sm\:focus\:border-yellow-700:focus { + border-color: #b7791f !important; + } + + .sm\:focus\:border-yellow-800:focus { + border-color: #975a16 !important; + } + + .sm\:focus\:border-yellow-900:focus { + border-color: #744210 !important; + } + + .sm\:focus\:border-green-100:focus { + border-color: #f0fff4 !important; + } + + .sm\:focus\:border-green-200:focus { + border-color: #c6f6d5 !important; + } + + .sm\:focus\:border-green-300:focus { + border-color: #9ae6b4 !important; + } + + .sm\:focus\:border-green-400:focus { + border-color: #68d391 !important; + } + + .sm\:focus\:border-green-500:focus { + border-color: #48bb78 !important; + } + + .sm\:focus\:border-green-600:focus { + border-color: #38a169 !important; + } + + .sm\:focus\:border-green-700:focus { + border-color: #2f855a !important; + } + + .sm\:focus\:border-green-800:focus { + border-color: #276749 !important; + } + + .sm\:focus\:border-green-900:focus { + border-color: #22543d !important; + } + + .sm\:focus\:border-teal-100:focus { + border-color: #e6fffa !important; + } + + .sm\:focus\:border-teal-200:focus { + border-color: #b2f5ea !important; + } + + .sm\:focus\:border-teal-300:focus { + border-color: #81e6d9 !important; + } + + .sm\:focus\:border-teal-400:focus { + border-color: #4fd1c5 !important; + } + + .sm\:focus\:border-teal-500:focus { + border-color: #38b2ac !important; + } + + .sm\:focus\:border-teal-600:focus { + border-color: #319795 !important; + } + + .sm\:focus\:border-teal-700:focus { + border-color: #2c7a7b !important; + } + + .sm\:focus\:border-teal-800:focus { + border-color: #285e61 !important; + } + + .sm\:focus\:border-teal-900:focus { + border-color: #234e52 !important; + } + + .sm\:focus\:border-blue-100:focus { + border-color: #ebf8ff !important; + } + + .sm\:focus\:border-blue-200:focus { + border-color: #bee3f8 !important; + } + + .sm\:focus\:border-blue-300:focus { + border-color: #90cdf4 !important; + } + + .sm\:focus\:border-blue-400:focus { + border-color: #63b3ed !important; + } + + .sm\:focus\:border-blue-500:focus { + border-color: #4299e1 !important; + } + + .sm\:focus\:border-blue-600:focus { + border-color: #3182ce !important; + } + + .sm\:focus\:border-blue-700:focus { + border-color: #2b6cb0 !important; + } + + .sm\:focus\:border-blue-800:focus { + border-color: #2c5282 !important; + } + + .sm\:focus\:border-blue-900:focus { + border-color: #2a4365 !important; + } + + .sm\:focus\:border-indigo-100:focus { + border-color: #ebf4ff !important; + } + + .sm\:focus\:border-indigo-200:focus { + border-color: #c3dafe !important; + } + + .sm\:focus\:border-indigo-300:focus { + border-color: #a3bffa !important; + } + + .sm\:focus\:border-indigo-400:focus { + border-color: #7f9cf5 !important; + } + + .sm\:focus\:border-indigo-500:focus { + border-color: #667eea !important; + } + + .sm\:focus\:border-indigo-600:focus { + border-color: #5a67d8 !important; + } + + .sm\:focus\:border-indigo-700:focus { + border-color: #4c51bf !important; + } + + .sm\:focus\:border-indigo-800:focus { + border-color: #434190 !important; + } + + .sm\:focus\:border-indigo-900:focus { + border-color: #3c366b !important; + } + + .sm\:focus\:border-purple-100:focus { + border-color: #faf5ff !important; + } + + .sm\:focus\:border-purple-200:focus { + border-color: #e9d8fd !important; + } + + .sm\:focus\:border-purple-300:focus { + border-color: #d6bcfa !important; + } + + .sm\:focus\:border-purple-400:focus { + border-color: #b794f4 !important; + } + + .sm\:focus\:border-purple-500:focus { + border-color: #9f7aea !important; + } + + .sm\:focus\:border-purple-600:focus { + border-color: #805ad5 !important; + } + + .sm\:focus\:border-purple-700:focus { + border-color: #6b46c1 !important; + } + + .sm\:focus\:border-purple-800:focus { + border-color: #553c9a !important; + } + + .sm\:focus\:border-purple-900:focus { + border-color: #44337a !important; + } + + .sm\:focus\:border-pink-100:focus { + border-color: #fff5f7 !important; + } + + .sm\:focus\:border-pink-200:focus { + border-color: #fed7e2 !important; + } + + .sm\:focus\:border-pink-300:focus { + border-color: #fbb6ce !important; + } + + .sm\:focus\:border-pink-400:focus { + border-color: #f687b3 !important; + } + + .sm\:focus\:border-pink-500:focus { + border-color: #ed64a6 !important; + } + + .sm\:focus\:border-pink-600:focus { + border-color: #d53f8c !important; + } + + .sm\:focus\:border-pink-700:focus { + border-color: #b83280 !important; + } + + .sm\:focus\:border-pink-800:focus { + border-color: #97266d !important; + } + + .sm\:focus\:border-pink-900:focus { + border-color: #702459 !important; + } + + .sm\:rounded-none { + border-radius: 0 !important; + } + + .sm\:rounded-sm { + border-radius: 0.125rem !important; + } + + .sm\:rounded { + border-radius: 0.25rem !important; + } + + .sm\:rounded-lg { + border-radius: 0.5rem !important; + } + + .sm\:rounded-full { + border-radius: 9999px !important; + } + + .sm\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; + } + + .sm\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; + } + + .sm\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + + .sm\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; + } + + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; + } + + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; + } + + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; + } + + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; + } + + .sm\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; + } + + .sm\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; + } + + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; + } + + .sm\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; + } + + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; + } + + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; + } + + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; + } + + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; + } + + .sm\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; + } + + .sm\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; + } + + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; + } + + .sm\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; + } + + .sm\:rounded-tl-none { + border-top-left-radius: 0 !important; + } + + .sm\:rounded-tr-none { + border-top-right-radius: 0 !important; + } + + .sm\:rounded-br-none { + border-bottom-right-radius: 0 !important; + } + + .sm\:rounded-bl-none { + border-bottom-left-radius: 0 !important; + } + + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; + } + + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; + } + + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; + } + + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; + } + + .sm\:rounded-tl { + border-top-left-radius: 0.25rem !important; + } + + .sm\:rounded-tr { + border-top-right-radius: 0.25rem !important; + } + + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem !important; + } + + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px !important; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px !important; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px !important; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; + } + + .sm\:border-solid { + border-style: solid !important; + } + + .sm\:border-dashed { + border-style: dashed !important; + } + + .sm\:border-dotted { + border-style: dotted !important; + } + + .sm\:border-double { + border-style: double !important; + } + + .sm\:border-none { + border-style: none !important; + } + + .sm\:border-0 { + border-width: 0 !important; + } + + .sm\:border-2 { + border-width: 2px !important; + } + + .sm\:border-4 { + border-width: 4px !important; + } + + .sm\:border-8 { + border-width: 8px !important; + } + + .sm\:border { + border-width: 1px !important; + } + + .sm\:border-t-0 { + border-top-width: 0 !important; + } + + .sm\:border-r-0 { + border-right-width: 0 !important; + } + + .sm\:border-b-0 { + border-bottom-width: 0 !important; + } + + .sm\:border-l-0 { + border-left-width: 0 !important; + } + + .sm\:border-t-2 { + border-top-width: 2px !important; + } + + .sm\:border-r-2 { + border-right-width: 2px !important; + } + + .sm\:border-b-2 { + border-bottom-width: 2px !important; + } + + .sm\:border-l-2 { + border-left-width: 2px !important; + } + + .sm\:border-t-4 { + border-top-width: 4px !important; + } + + .sm\:border-r-4 { + border-right-width: 4px !important; + } + + .sm\:border-b-4 { + border-bottom-width: 4px !important; + } + + .sm\:border-l-4 { + border-left-width: 4px !important; + } + + .sm\:border-t-8 { + border-top-width: 8px !important; + } + + .sm\:border-r-8 { + border-right-width: 8px !important; + } + + .sm\:border-b-8 { + border-bottom-width: 8px !important; + } + + .sm\:border-l-8 { + border-left-width: 8px !important; + } + + .sm\:border-t { + border-top-width: 1px !important; + } + + .sm\:border-r { + border-right-width: 1px !important; + } + + .sm\:border-b { + border-bottom-width: 1px !important; + } + + .sm\:border-l { + border-left-width: 1px !important; + } + + .sm\:cursor-auto { + cursor: auto !important; + } + + .sm\:cursor-default { + cursor: default !important; + } + + .sm\:cursor-pointer { + cursor: pointer !important; + } + + .sm\:cursor-wait { + cursor: wait !important; + } + + .sm\:cursor-text { + cursor: text !important; + } + + .sm\:cursor-move { + cursor: move !important; + } + + .sm\:cursor-not-allowed { + cursor: not-allowed !important; + } + + .sm\:block { + display: block !important; + } + + .sm\:inline-block { + display: inline-block !important; + } + + .sm\:inline { + display: inline !important; + } + + .sm\:flex { + display: flex !important; + } + + .sm\:inline-flex { + display: inline-flex !important; + } + + .sm\:table { + display: table !important; + } + + .sm\:table-row { + display: table-row !important; + } + + .sm\:table-cell { + display: table-cell !important; + } + + .sm\:hidden { + display: none !important; + } + + .sm\:flex-row { + flex-direction: row !important; + } + + .sm\:flex-row-reverse { + flex-direction: row-reverse !important; + } + + .sm\:flex-col { + flex-direction: column !important; + } + + .sm\:flex-col-reverse { + flex-direction: column-reverse !important; + } + + .sm\:flex-wrap { + flex-wrap: wrap !important; + } + + .sm\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; + } + + .sm\:flex-no-wrap { + flex-wrap: nowrap !important; + } + + .sm\:items-start { + align-items: flex-start !important; + } + + .sm\:items-end { + align-items: flex-end !important; + } + + .sm\:items-center { + align-items: center !important; + } + + .sm\:items-baseline { + align-items: baseline !important; + } + + .sm\:items-stretch { + align-items: stretch !important; + } + + .sm\:self-auto { + align-self: auto !important; + } + + .sm\:self-start { + align-self: flex-start !important; + } + + .sm\:self-end { + align-self: flex-end !important; + } + + .sm\:self-center { + align-self: center !important; + } + + .sm\:self-stretch { + align-self: stretch !important; + } + + .sm\:justify-start { + justify-content: flex-start !important; + } + + .sm\:justify-end { + justify-content: flex-end !important; + } + + .sm\:justify-center { + justify-content: center !important; + } + + .sm\:justify-between { + justify-content: space-between !important; + } + + .sm\:justify-around { + justify-content: space-around !important; + } + + .sm\:content-center { + align-content: center !important; + } + + .sm\:content-start { + align-content: flex-start !important; + } + + .sm\:content-end { + align-content: flex-end !important; + } + + .sm\:content-between { + align-content: space-between !important; + } + + .sm\:content-around { + align-content: space-around !important; + } + + .sm\:flex-1 { + flex: 1 1 0% !important; + } + + .sm\:flex-auto { + flex: 1 1 auto !important; + } + + .sm\:flex-initial { + flex: 0 1 auto !important; + } + + .sm\:flex-none { + flex: none !important; + } + + .sm\:flex-grow-0 { + flex-grow: 0 !important; + } + + .sm\:flex-grow { + flex-grow: 1 !important; + } + + .sm\:flex-shrink-0 { + flex-shrink: 0 !important; + } + + .sm\:flex-shrink { + flex-shrink: 1 !important; + } + + .sm\:order-1 { + order: 1 !important; + } + + .sm\:order-2 { + order: 2 !important; + } + + .sm\:order-3 { + order: 3 !important; + } + + .sm\:order-4 { + order: 4 !important; + } + + .sm\:order-5 { + order: 5 !important; + } + + .sm\:order-6 { + order: 6 !important; + } + + .sm\:order-7 { + order: 7 !important; + } + + .sm\:order-8 { + order: 8 !important; + } + + .sm\:order-9 { + order: 9 !important; + } + + .sm\:order-10 { + order: 10 !important; + } + + .sm\:order-11 { + order: 11 !important; + } + + .sm\:order-12 { + order: 12 !important; + } + + .sm\:order-first { + order: -9999 !important; + } + + .sm\:order-last { + order: 9999 !important; + } + + .sm\:order-none { + order: 0 !important; + } + + .sm\:float-right { + float: right !important; + } + + .sm\:float-left { + float: left !important; + } + + .sm\:float-none { + float: none !important; + } + + .sm\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; + } + + .sm\:font-sans { + font-family: -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" !important; + } + + .sm\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + } + + .sm\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + } + + .sm\:font-hairline { + font-weight: 100 !important; + } + + .sm\:font-thin { + font-weight: 200 !important; + } + + .sm\:font-light { + font-weight: 300 !important; + } + + .sm\:font-normal { + font-weight: 400 !important; + } + + .sm\:font-medium { + font-weight: 500 !important; + } + + .sm\:font-semibold { + font-weight: 600 !important; + } + + .sm\:font-bold { + font-weight: 700 !important; + } + + .sm\:font-extrabold { + font-weight: 800 !important; + } + + .sm\:font-black { + font-weight: 900 !important; + } + + .sm\:hover\:font-hairline:hover { + font-weight: 100 !important; + } + + .sm\:hover\:font-thin:hover { + font-weight: 200 !important; + } + + .sm\:hover\:font-light:hover { + font-weight: 300 !important; + } + + .sm\:hover\:font-normal:hover { + font-weight: 400 !important; } - .sm\:bg-gray-200 { - background-color: #edf2f7 !important; + .sm\:hover\:font-medium:hover { + font-weight: 500 !important; } - .sm\:bg-gray-300 { - background-color: #e2e8f0 !important; + .sm\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .sm\:bg-gray-400 { - background-color: #cbd5e0 !important; + .sm\:hover\:font-bold:hover { + font-weight: 700 !important; } - .sm\:bg-gray-500 { - background-color: #a0aec0 !important; + .sm\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .sm\:bg-gray-600 { - background-color: #718096 !important; + .sm\:hover\:font-black:hover { + font-weight: 900 !important; } - .sm\:bg-gray-700 { - background-color: #4a5568 !important; + .sm\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .sm\:bg-gray-800 { - background-color: #2d3748 !important; + .sm\:focus\:font-thin:focus { + font-weight: 200 !important; } - .sm\:bg-gray-900 { - background-color: #1a202c !important; + .sm\:focus\:font-light:focus { + font-weight: 300 !important; } - .sm\:bg-red-100 { - background-color: #fff5f5 !important; + .sm\:focus\:font-normal:focus { + font-weight: 400 !important; } - .sm\:bg-red-200 { - background-color: #fed7d7 !important; + .sm\:focus\:font-medium:focus { + font-weight: 500 !important; } - .sm\:bg-red-300 { - background-color: #feb2b2 !important; + .sm\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .sm\:bg-red-400 { - background-color: #fc8181 !important; + .sm\:focus\:font-bold:focus { + font-weight: 700 !important; } - .sm\:bg-red-500 { - background-color: #f56565 !important; + .sm\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .sm\:bg-red-600 { - background-color: #e53e3e !important; + .sm\:focus\:font-black:focus { + font-weight: 900 !important; } - .sm\:bg-red-700 { - background-color: #c53030 !important; + .sm\:h-0 { + height: 0 !important; } - .sm\:bg-red-800 { - background-color: #9b2c2c !important; + .sm\:h-1 { + height: 0.25rem !important; } - .sm\:bg-red-900 { - background-color: #742a2a !important; + .sm\:h-2 { + height: 0.5rem !important; } - .sm\:bg-orange-100 { - background-color: #fffaf0 !important; + .sm\:h-3 { + height: 0.75rem !important; } - .sm\:bg-orange-200 { - background-color: #feebc8 !important; + .sm\:h-4 { + height: 1rem !important; } - .sm\:bg-orange-300 { - background-color: #fbd38d !important; + .sm\:h-5 { + height: 1.25rem !important; } - .sm\:bg-orange-400 { - background-color: #f6ad55 !important; + .sm\:h-6 { + height: 1.5rem !important; } - .sm\:bg-orange-500 { - background-color: #ed8936 !important; + .sm\:h-8 { + height: 2rem !important; } - .sm\:bg-orange-600 { - background-color: #dd6b20 !important; + .sm\:h-10 { + height: 2.5rem !important; } - .sm\:bg-orange-700 { - background-color: #c05621 !important; + .sm\:h-12 { + height: 3rem !important; } - .sm\:bg-orange-800 { - background-color: #9c4221 !important; + .sm\:h-16 { + height: 4rem !important; } - .sm\:bg-orange-900 { - background-color: #7b341e !important; + .sm\:h-20 { + height: 5rem !important; } - .sm\:bg-yellow-100 { - background-color: #fffff0 !important; + .sm\:h-24 { + height: 6rem !important; } - .sm\:bg-yellow-200 { - background-color: #fefcbf !important; + .sm\:h-32 { + height: 8rem !important; } - .sm\:bg-yellow-300 { - background-color: #faf089 !important; + .sm\:h-40 { + height: 10rem !important; } - .sm\:bg-yellow-400 { - background-color: #f6e05e !important; + .sm\:h-48 { + height: 12rem !important; } - .sm\:bg-yellow-500 { - background-color: #ecc94b !important; + .sm\:h-56 { + height: 14rem !important; } - .sm\:bg-yellow-600 { - background-color: #d69e2e !important; + .sm\:h-64 { + height: 16rem !important; } - .sm\:bg-yellow-700 { - background-color: #b7791f !important; + .sm\:h-auto { + height: auto !important; } - .sm\:bg-yellow-800 { - background-color: #975a16 !important; + .sm\:h-px { + height: 1px !important; } - .sm\:bg-yellow-900 { - background-color: #744210 !important; + .sm\:h-full { + height: 100% !important; } - .sm\:bg-green-100 { - background-color: #f0fff4 !important; + .sm\:h-screen { + height: 100vh !important; } - .sm\:bg-green-200 { - background-color: #c6f6d5 !important; + .sm\:leading-none { + line-height: 1 !important; } - .sm\:bg-green-300 { - background-color: #9ae6b4 !important; + .sm\:leading-tight { + line-height: 1.25 !important; } - .sm\:bg-green-400 { - background-color: #68d391 !important; + .sm\:leading-snug { + line-height: 1.375 !important; } - .sm\:bg-green-500 { - background-color: #48bb78 !important; + .sm\:leading-normal { + line-height: 1.5 !important; } - .sm\:bg-green-600 { - background-color: #38a169 !important; + .sm\:leading-relaxed { + line-height: 1.625 !important; } - .sm\:bg-green-700 { - background-color: #2f855a !important; + .sm\:leading-loose { + line-height: 2 !important; } - .sm\:bg-green-800 { - background-color: #276749 !important; + .sm\:list-inside { + list-style-position: inside !important; } - .sm\:bg-green-900 { - background-color: #22543d !important; + .sm\:list-outside { + list-style-position: outside !important; } - .sm\:bg-teal-100 { - background-color: #e6fffa !important; + .sm\:list-none { + list-style-type: none !important; } - .sm\:bg-teal-200 { - background-color: #b2f5ea !important; + .sm\:list-disc { + list-style-type: disc !important; } - .sm\:bg-teal-300 { - background-color: #81e6d9 !important; + .sm\:list-decimal { + list-style-type: decimal !important; } - .sm\:bg-teal-400 { - background-color: #4fd1c5 !important; + .sm\:m-0 { + margin: 0 !important; } - .sm\:bg-teal-500 { - background-color: #38b2ac !important; + .sm\:m-1 { + margin: 0.25rem !important; } - .sm\:bg-teal-600 { - background-color: #319795 !important; + .sm\:m-2 { + margin: 0.5rem !important; } - .sm\:bg-teal-700 { - background-color: #2c7a7b !important; + .sm\:m-3 { + margin: 0.75rem !important; } - .sm\:bg-teal-800 { - background-color: #285e61 !important; + .sm\:m-4 { + margin: 1rem !important; } - .sm\:bg-teal-900 { - background-color: #234e52 !important; + .sm\:m-5 { + margin: 1.25rem !important; } - .sm\:bg-blue-100 { - background-color: #ebf8ff !important; + .sm\:m-6 { + margin: 1.5rem !important; } - .sm\:bg-blue-200 { - background-color: #bee3f8 !important; + .sm\:m-8 { + margin: 2rem !important; } - .sm\:bg-blue-300 { - background-color: #90cdf4 !important; + .sm\:m-10 { + margin: 2.5rem !important; } - .sm\:bg-blue-400 { - background-color: #63b3ed !important; + .sm\:m-12 { + margin: 3rem !important; } - .sm\:bg-blue-500 { - background-color: #4299e1 !important; + .sm\:m-16 { + margin: 4rem !important; } - .sm\:bg-blue-600 { - background-color: #3182ce !important; + .sm\:m-20 { + margin: 5rem !important; } - .sm\:bg-blue-700 { - background-color: #2b6cb0 !important; + .sm\:m-24 { + margin: 6rem !important; } - .sm\:bg-blue-800 { - background-color: #2c5282 !important; + .sm\:m-32 { + margin: 8rem !important; } - .sm\:bg-blue-900 { - background-color: #2a4365 !important; + .sm\:m-40 { + margin: 10rem !important; } - .sm\:bg-indigo-100 { - background-color: #ebf4ff !important; + .sm\:m-48 { + margin: 12rem !important; } - .sm\:bg-indigo-200 { - background-color: #c3dafe !important; + .sm\:m-56 { + margin: 14rem !important; } - .sm\:bg-indigo-300 { - background-color: #a3bffa !important; + .sm\:m-64 { + margin: 16rem !important; } - .sm\:bg-indigo-400 { - background-color: #7f9cf5 !important; + .sm\:m-auto { + margin: auto !important; } - .sm\:bg-indigo-500 { - background-color: #667eea !important; + .sm\:m-px { + margin: 1px !important; } - .sm\:bg-indigo-600 { - background-color: #5a67d8 !important; + .sm\:-m-1 { + margin: -0.25rem !important; } - .sm\:bg-indigo-700 { - background-color: #4c51bf !important; + .sm\:-m-2 { + margin: -0.5rem !important; } - .sm\:bg-indigo-800 { - background-color: #434190 !important; + .sm\:-m-3 { + margin: -0.75rem !important; } - .sm\:bg-indigo-900 { - background-color: #3c366b !important; + .sm\:-m-4 { + margin: -1rem !important; } - .sm\:bg-purple-100 { - background-color: #faf5ff !important; + .sm\:-m-5 { + margin: -1.25rem !important; } - .sm\:bg-purple-200 { - background-color: #e9d8fd !important; + .sm\:-m-6 { + margin: -1.5rem !important; } - .sm\:bg-purple-300 { - background-color: #d6bcfa !important; + .sm\:-m-8 { + margin: -2rem !important; } - .sm\:bg-purple-400 { - background-color: #b794f4 !important; + .sm\:-m-10 { + margin: -2.5rem !important; } - .sm\:bg-purple-500 { - background-color: #9f7aea !important; + .sm\:-m-12 { + margin: -3rem !important; } - .sm\:bg-purple-600 { - background-color: #805ad5 !important; + .sm\:-m-16 { + margin: -4rem !important; } - .sm\:bg-purple-700 { - background-color: #6b46c1 !important; + .sm\:-m-20 { + margin: -5rem !important; } - .sm\:bg-purple-800 { - background-color: #553c9a !important; + .sm\:-m-24 { + margin: -6rem !important; } - .sm\:bg-purple-900 { - background-color: #44337a !important; + .sm\:-m-32 { + margin: -8rem !important; } - .sm\:bg-pink-100 { - background-color: #fff5f7 !important; + .sm\:-m-40 { + margin: -10rem !important; } - .sm\:bg-pink-200 { - background-color: #fed7e2 !important; + .sm\:-m-48 { + margin: -12rem !important; } - .sm\:bg-pink-300 { - background-color: #fbb6ce !important; + .sm\:-m-56 { + margin: -14rem !important; } - .sm\:bg-pink-400 { - background-color: #f687b3 !important; + .sm\:-m-64 { + margin: -16rem !important; } - .sm\:bg-pink-500 { - background-color: #ed64a6 !important; + .sm\:-m-px { + margin: -1px !important; } - .sm\:bg-pink-600 { - background-color: #d53f8c !important; + .sm\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .sm\:bg-pink-700 { - background-color: #b83280 !important; + .sm\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .sm\:bg-pink-800 { - background-color: #97266d !important; + .sm\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .sm\:bg-pink-900 { - background-color: #702459 !important; + .sm\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent !important; + .sm\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .sm\:hover\:bg-black:hover { - background-color: #000 !important; + .sm\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .sm\:hover\:bg-white:hover { - background-color: #fff !important; + .sm\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .sm\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .sm\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .sm\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .sm\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .sm\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .sm\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .sm\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .sm\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .sm\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .sm\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .sm\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .sm\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .sm\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .sm\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .sm\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .sm\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .sm\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .sm\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .sm\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .sm\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .sm\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .sm\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .sm\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .sm\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .sm\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .sm\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .sm\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .sm\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .sm\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .sm\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .sm\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .sm\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .sm\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .sm\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .sm\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .sm\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .sm\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .sm\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .sm\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .sm\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .sm\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .sm\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .sm\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .sm\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .sm\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .sm\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .sm\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .sm\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .sm\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .sm\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .sm\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .sm\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .sm\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .sm\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .sm\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .sm\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .sm\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .sm\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .sm\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .sm\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .sm\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .sm\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .sm\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .sm\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .sm\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .sm\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .sm\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .sm\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .sm\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .sm\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .sm\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .sm\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .sm\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .sm\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .sm\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .sm\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .sm\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .sm\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .sm\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .sm\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .sm\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .sm\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .sm\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .sm\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .sm\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .sm\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .sm\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .sm\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .sm\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .sm\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .sm\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .sm\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .sm\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .sm\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .sm\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .sm\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .sm\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .sm\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .sm\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .sm\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .sm\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .sm\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .sm\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .sm\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .sm\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .sm\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .sm\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .sm\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .sm\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .sm\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .sm\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .sm\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .sm\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .sm\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .sm\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .sm\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .sm\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .sm\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .sm\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .sm\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .sm\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .sm\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .sm\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .sm\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .sm\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .sm\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .sm\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .sm\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .sm\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .sm\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .sm\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .sm\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .sm\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .sm\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .sm\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .sm\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .sm\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .sm\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .sm\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .sm\:mt-0 { + margin-top: 0 !important; } - .sm\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .sm\:mr-0 { + margin-right: 0 !important; } - .sm\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .sm\:mb-0 { + margin-bottom: 0 !important; } - .sm\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .sm\:ml-0 { + margin-left: 0 !important; } - .sm\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .sm\:mt-1 { + margin-top: 0.25rem !important; } - .sm\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .sm\:mr-1 { + margin-right: 0.25rem !important; } - .sm\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .sm\:mb-1 { + margin-bottom: 0.25rem !important; } - .sm\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .sm\:ml-1 { + margin-left: 0.25rem !important; } - .sm\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .sm\:mt-2 { + margin-top: 0.5rem !important; } - .sm\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .sm\:mr-2 { + margin-right: 0.5rem !important; } - .sm\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .sm\:mb-2 { + margin-bottom: 0.5rem !important; } - .sm\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .sm\:ml-2 { + margin-left: 0.5rem !important; } - .sm\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .sm\:mt-3 { + margin-top: 0.75rem !important; } - .sm\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .sm\:mr-3 { + margin-right: 0.75rem !important; } - .sm\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !important; + .sm\:mb-3 { + margin-bottom: 0.75rem !important; } - .sm\:hover\:bg-pink-400:hover { - background-color: #f687b3 !important; + .sm\:ml-3 { + margin-left: 0.75rem !important; } - .sm\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !important; + .sm\:mt-4 { + margin-top: 1rem !important; } - .sm\:hover\:bg-pink-600:hover { - background-color: #d53f8c !important; + .sm\:mr-4 { + margin-right: 1rem !important; } - .sm\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .sm\:mb-4 { + margin-bottom: 1rem !important; } - .sm\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .sm\:ml-4 { + margin-left: 1rem !important; } - .sm\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .sm\:mt-5 { + margin-top: 1.25rem !important; } - .sm\:focus\:bg-transparent:focus { - background-color: transparent !important; + .sm\:mr-5 { + margin-right: 1.25rem !important; } - .sm\:focus\:bg-black:focus { - background-color: #000 !important; + .sm\:mb-5 { + margin-bottom: 1.25rem !important; } - .sm\:focus\:bg-white:focus { - background-color: #fff !important; + .sm\:ml-5 { + margin-left: 1.25rem !important; } - .sm\:focus\:bg-gray-100:focus { - background-color: #f7fafc !important; + .sm\:mt-6 { + margin-top: 1.5rem !important; } - .sm\:focus\:bg-gray-200:focus { - background-color: #edf2f7 !important; + .sm\:mr-6 { + margin-right: 1.5rem !important; } - .sm\:focus\:bg-gray-300:focus { - background-color: #e2e8f0 !important; + .sm\:mb-6 { + margin-bottom: 1.5rem !important; } - .sm\:focus\:bg-gray-400:focus { - background-color: #cbd5e0 !important; + .sm\:ml-6 { + margin-left: 1.5rem !important; } - .sm\:focus\:bg-gray-500:focus { - background-color: #a0aec0 !important; + .sm\:mt-8 { + margin-top: 2rem !important; } - .sm\:focus\:bg-gray-600:focus { - background-color: #718096 !important; + .sm\:mr-8 { + margin-right: 2rem !important; } - .sm\:focus\:bg-gray-700:focus { - background-color: #4a5568 !important; + .sm\:mb-8 { + margin-bottom: 2rem !important; } - .sm\:focus\:bg-gray-800:focus { - background-color: #2d3748 !important; + .sm\:ml-8 { + margin-left: 2rem !important; } - .sm\:focus\:bg-gray-900:focus { - background-color: #1a202c !important; + .sm\:mt-10 { + margin-top: 2.5rem !important; } - .sm\:focus\:bg-red-100:focus { - background-color: #fff5f5 !important; + .sm\:mr-10 { + margin-right: 2.5rem !important; } - .sm\:focus\:bg-red-200:focus { - background-color: #fed7d7 !important; + .sm\:mb-10 { + margin-bottom: 2.5rem !important; } - .sm\:focus\:bg-red-300:focus { - background-color: #feb2b2 !important; + .sm\:ml-10 { + margin-left: 2.5rem !important; } - .sm\:focus\:bg-red-400:focus { - background-color: #fc8181 !important; + .sm\:mt-12 { + margin-top: 3rem !important; } - .sm\:focus\:bg-red-500:focus { - background-color: #f56565 !important; + .sm\:mr-12 { + margin-right: 3rem !important; } - .sm\:focus\:bg-red-600:focus { - background-color: #e53e3e !important; + .sm\:mb-12 { + margin-bottom: 3rem !important; } - .sm\:focus\:bg-red-700:focus { - background-color: #c53030 !important; + .sm\:ml-12 { + margin-left: 3rem !important; } - .sm\:focus\:bg-red-800:focus { - background-color: #9b2c2c !important; + .sm\:mt-16 { + margin-top: 4rem !important; } - .sm\:focus\:bg-red-900:focus { - background-color: #742a2a !important; + .sm\:mr-16 { + margin-right: 4rem !important; } - .sm\:focus\:bg-orange-100:focus { - background-color: #fffaf0 !important; + .sm\:mb-16 { + margin-bottom: 4rem !important; } - .sm\:focus\:bg-orange-200:focus { - background-color: #feebc8 !important; + .sm\:ml-16 { + margin-left: 4rem !important; } - .sm\:focus\:bg-orange-300:focus { - background-color: #fbd38d !important; + .sm\:mt-20 { + margin-top: 5rem !important; } - .sm\:focus\:bg-orange-400:focus { - background-color: #f6ad55 !important; + .sm\:mr-20 { + margin-right: 5rem !important; } - .sm\:focus\:bg-orange-500:focus { - background-color: #ed8936 !important; + .sm\:mb-20 { + margin-bottom: 5rem !important; } - .sm\:focus\:bg-orange-600:focus { - background-color: #dd6b20 !important; + .sm\:ml-20 { + margin-left: 5rem !important; } - .sm\:focus\:bg-orange-700:focus { - background-color: #c05621 !important; + .sm\:mt-24 { + margin-top: 6rem !important; } - .sm\:focus\:bg-orange-800:focus { - background-color: #9c4221 !important; + .sm\:mr-24 { + margin-right: 6rem !important; } - .sm\:focus\:bg-orange-900:focus { - background-color: #7b341e !important; + .sm\:mb-24 { + margin-bottom: 6rem !important; } - .sm\:focus\:bg-yellow-100:focus { - background-color: #fffff0 !important; + .sm\:ml-24 { + margin-left: 6rem !important; } - .sm\:focus\:bg-yellow-200:focus { - background-color: #fefcbf !important; + .sm\:mt-32 { + margin-top: 8rem !important; } - .sm\:focus\:bg-yellow-300:focus { - background-color: #faf089 !important; + .sm\:mr-32 { + margin-right: 8rem !important; } - .sm\:focus\:bg-yellow-400:focus { - background-color: #f6e05e !important; + .sm\:mb-32 { + margin-bottom: 8rem !important; } - .sm\:focus\:bg-yellow-500:focus { - background-color: #ecc94b !important; + .sm\:ml-32 { + margin-left: 8rem !important; } - .sm\:focus\:bg-yellow-600:focus { - background-color: #d69e2e !important; + .sm\:mt-40 { + margin-top: 10rem !important; } - .sm\:focus\:bg-yellow-700:focus { - background-color: #b7791f !important; + .sm\:mr-40 { + margin-right: 10rem !important; } - .sm\:focus\:bg-yellow-800:focus { - background-color: #975a16 !important; + .sm\:mb-40 { + margin-bottom: 10rem !important; } - .sm\:focus\:bg-yellow-900:focus { - background-color: #744210 !important; + .sm\:ml-40 { + margin-left: 10rem !important; } - .sm\:focus\:bg-green-100:focus { - background-color: #f0fff4 !important; + .sm\:mt-48 { + margin-top: 12rem !important; } - .sm\:focus\:bg-green-200:focus { - background-color: #c6f6d5 !important; + .sm\:mr-48 { + margin-right: 12rem !important; } - .sm\:focus\:bg-green-300:focus { - background-color: #9ae6b4 !important; + .sm\:mb-48 { + margin-bottom: 12rem !important; } - .sm\:focus\:bg-green-400:focus { - background-color: #68d391 !important; + .sm\:ml-48 { + margin-left: 12rem !important; } - .sm\:focus\:bg-green-500:focus { - background-color: #48bb78 !important; + .sm\:mt-56 { + margin-top: 14rem !important; } - .sm\:focus\:bg-green-600:focus { - background-color: #38a169 !important; + .sm\:mr-56 { + margin-right: 14rem !important; } - .sm\:focus\:bg-green-700:focus { - background-color: #2f855a !important; + .sm\:mb-56 { + margin-bottom: 14rem !important; } - .sm\:focus\:bg-green-800:focus { - background-color: #276749 !important; + .sm\:ml-56 { + margin-left: 14rem !important; } - .sm\:focus\:bg-green-900:focus { - background-color: #22543d !important; + .sm\:mt-64 { + margin-top: 16rem !important; } - .sm\:focus\:bg-teal-100:focus { - background-color: #e6fffa !important; + .sm\:mr-64 { + margin-right: 16rem !important; } - .sm\:focus\:bg-teal-200:focus { - background-color: #b2f5ea !important; + .sm\:mb-64 { + margin-bottom: 16rem !important; } - .sm\:focus\:bg-teal-300:focus { - background-color: #81e6d9 !important; + .sm\:ml-64 { + margin-left: 16rem !important; } - .sm\:focus\:bg-teal-400:focus { - background-color: #4fd1c5 !important; + .sm\:mt-auto { + margin-top: auto !important; } - .sm\:focus\:bg-teal-500:focus { - background-color: #38b2ac !important; + .sm\:mr-auto { + margin-right: auto !important; } - .sm\:focus\:bg-teal-600:focus { - background-color: #319795 !important; + .sm\:mb-auto { + margin-bottom: auto !important; } - .sm\:focus\:bg-teal-700:focus { - background-color: #2c7a7b !important; + .sm\:ml-auto { + margin-left: auto !important; } - .sm\:focus\:bg-teal-800:focus { - background-color: #285e61 !important; + .sm\:mt-px { + margin-top: 1px !important; } - .sm\:focus\:bg-teal-900:focus { - background-color: #234e52 !important; + .sm\:mr-px { + margin-right: 1px !important; } - .sm\:focus\:bg-blue-100:focus { - background-color: #ebf8ff !important; + .sm\:mb-px { + margin-bottom: 1px !important; } - .sm\:focus\:bg-blue-200:focus { - background-color: #bee3f8 !important; + .sm\:ml-px { + margin-left: 1px !important; } - .sm\:focus\:bg-blue-300:focus { - background-color: #90cdf4 !important; + .sm\:-mt-1 { + margin-top: -0.25rem !important; } - .sm\:focus\:bg-blue-400:focus { - background-color: #63b3ed !important; + .sm\:-mr-1 { + margin-right: -0.25rem !important; } - .sm\:focus\:bg-blue-500:focus { - background-color: #4299e1 !important; + .sm\:-mb-1 { + margin-bottom: -0.25rem !important; } - .sm\:focus\:bg-blue-600:focus { - background-color: #3182ce !important; + .sm\:-ml-1 { + margin-left: -0.25rem !important; } - .sm\:focus\:bg-blue-700:focus { - background-color: #2b6cb0 !important; + .sm\:-mt-2 { + margin-top: -0.5rem !important; } - .sm\:focus\:bg-blue-800:focus { - background-color: #2c5282 !important; + .sm\:-mr-2 { + margin-right: -0.5rem !important; } - .sm\:focus\:bg-blue-900:focus { - background-color: #2a4365 !important; + .sm\:-mb-2 { + margin-bottom: -0.5rem !important; } - .sm\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff !important; + .sm\:-ml-2 { + margin-left: -0.5rem !important; } - .sm\:focus\:bg-indigo-200:focus { - background-color: #c3dafe !important; + .sm\:-mt-3 { + margin-top: -0.75rem !important; } - .sm\:focus\:bg-indigo-300:focus { - background-color: #a3bffa !important; + .sm\:-mr-3 { + margin-right: -0.75rem !important; } - .sm\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5 !important; + .sm\:-mb-3 { + margin-bottom: -0.75rem !important; } - .sm\:focus\:bg-indigo-500:focus { - background-color: #667eea !important; + .sm\:-ml-3 { + margin-left: -0.75rem !important; } - .sm\:focus\:bg-indigo-600:focus { - background-color: #5a67d8 !important; + .sm\:-mt-4 { + margin-top: -1rem !important; } - .sm\:focus\:bg-indigo-700:focus { - background-color: #4c51bf !important; + .sm\:-mr-4 { + margin-right: -1rem !important; } - .sm\:focus\:bg-indigo-800:focus { - background-color: #434190 !important; + .sm\:-mb-4 { + margin-bottom: -1rem !important; } - .sm\:focus\:bg-indigo-900:focus { - background-color: #3c366b !important; + .sm\:-ml-4 { + margin-left: -1rem !important; } - .sm\:focus\:bg-purple-100:focus { - background-color: #faf5ff !important; + .sm\:-mt-5 { + margin-top: -1.25rem !important; } - .sm\:focus\:bg-purple-200:focus { - background-color: #e9d8fd !important; + .sm\:-mr-5 { + margin-right: -1.25rem !important; } - .sm\:focus\:bg-purple-300:focus { - background-color: #d6bcfa !important; + .sm\:-mb-5 { + margin-bottom: -1.25rem !important; } - .sm\:focus\:bg-purple-400:focus { - background-color: #b794f4 !important; + .sm\:-ml-5 { + margin-left: -1.25rem !important; } - .sm\:focus\:bg-purple-500:focus { - background-color: #9f7aea !important; + .sm\:-mt-6 { + margin-top: -1.5rem !important; } - .sm\:focus\:bg-purple-600:focus { - background-color: #805ad5 !important; + .sm\:-mr-6 { + margin-right: -1.5rem !important; } - .sm\:focus\:bg-purple-700:focus { - background-color: #6b46c1 !important; + .sm\:-mb-6 { + margin-bottom: -1.5rem !important; } - .sm\:focus\:bg-purple-800:focus { - background-color: #553c9a !important; + .sm\:-ml-6 { + margin-left: -1.5rem !important; } - .sm\:focus\:bg-purple-900:focus { - background-color: #44337a !important; + .sm\:-mt-8 { + margin-top: -2rem !important; } - .sm\:focus\:bg-pink-100:focus { - background-color: #fff5f7 !important; + .sm\:-mr-8 { + margin-right: -2rem !important; } - .sm\:focus\:bg-pink-200:focus { - background-color: #fed7e2 !important; + .sm\:-mb-8 { + margin-bottom: -2rem !important; } - .sm\:focus\:bg-pink-300:focus { - background-color: #fbb6ce !important; + .sm\:-ml-8 { + margin-left: -2rem !important; } - .sm\:focus\:bg-pink-400:focus { - background-color: #f687b3 !important; + .sm\:-mt-10 { + margin-top: -2.5rem !important; } - .sm\:focus\:bg-pink-500:focus { - background-color: #ed64a6 !important; + .sm\:-mr-10 { + margin-right: -2.5rem !important; } - .sm\:focus\:bg-pink-600:focus { - background-color: #d53f8c !important; + .sm\:-mb-10 { + margin-bottom: -2.5rem !important; } - .sm\:focus\:bg-pink-700:focus { - background-color: #b83280 !important; + .sm\:-ml-10 { + margin-left: -2.5rem !important; } - .sm\:focus\:bg-pink-800:focus { - background-color: #97266d !important; + .sm\:-mt-12 { + margin-top: -3rem !important; } - .sm\:focus\:bg-pink-900:focus { - background-color: #702459 !important; + .sm\:-mr-12 { + margin-right: -3rem !important; } - .sm\:bg-bottom { - background-position: bottom !important; + .sm\:-mb-12 { + margin-bottom: -3rem !important; } - .sm\:bg-center { - background-position: center !important; + .sm\:-ml-12 { + margin-left: -3rem !important; } - .sm\:bg-left { - background-position: left !important; + .sm\:-mt-16 { + margin-top: -4rem !important; } - .sm\:bg-left-bottom { - background-position: left bottom !important; + .sm\:-mr-16 { + margin-right: -4rem !important; } - .sm\:bg-left-top { - background-position: left top !important; + .sm\:-mb-16 { + margin-bottom: -4rem !important; } - .sm\:bg-right { - background-position: right !important; + .sm\:-ml-16 { + margin-left: -4rem !important; } - .sm\:bg-right-bottom { - background-position: right bottom !important; + .sm\:-mt-20 { + margin-top: -5rem !important; } - .sm\:bg-right-top { - background-position: right top !important; + .sm\:-mr-20 { + margin-right: -5rem !important; } - .sm\:bg-top { - background-position: top !important; + .sm\:-mb-20 { + margin-bottom: -5rem !important; } - .sm\:bg-repeat { - background-repeat: repeat !important; + .sm\:-ml-20 { + margin-left: -5rem !important; } - .sm\:bg-no-repeat { - background-repeat: no-repeat !important; + .sm\:-mt-24 { + margin-top: -6rem !important; } - .sm\:bg-repeat-x { - background-repeat: repeat-x !important; + .sm\:-mr-24 { + margin-right: -6rem !important; } - .sm\:bg-repeat-y { - background-repeat: repeat-y !important; + .sm\:-mb-24 { + margin-bottom: -6rem !important; } - .sm\:bg-repeat-round { - background-repeat: round !important; + .sm\:-ml-24 { + margin-left: -6rem !important; } - .sm\:bg-repeat-space { - background-repeat: space !important; + .sm\:-mt-32 { + margin-top: -8rem !important; } - .sm\:bg-auto { - background-size: auto !important; + .sm\:-mr-32 { + margin-right: -8rem !important; } - .sm\:bg-cover { - background-size: cover !important; + .sm\:-mb-32 { + margin-bottom: -8rem !important; } - .sm\:bg-contain { - background-size: contain !important; + .sm\:-ml-32 { + margin-left: -8rem !important; } - .sm\:border-collapse { - border-collapse: collapse !important; + .sm\:-mt-40 { + margin-top: -10rem !important; } - .sm\:border-separate { - border-collapse: separate !important; + .sm\:-mr-40 { + margin-right: -10rem !important; } - .sm\:border-transparent { - border-color: transparent !important; + .sm\:-mb-40 { + margin-bottom: -10rem !important; } - .sm\:border-black { - border-color: #000 !important; + .sm\:-ml-40 { + margin-left: -10rem !important; } - .sm\:border-white { - border-color: #fff !important; + .sm\:-mt-48 { + margin-top: -12rem !important; } - .sm\:border-gray-100 { - border-color: #f7fafc !important; + .sm\:-mr-48 { + margin-right: -12rem !important; } - .sm\:border-gray-200 { - border-color: #edf2f7 !important; + .sm\:-mb-48 { + margin-bottom: -12rem !important; } - .sm\:border-gray-300 { - border-color: #e2e8f0 !important; + .sm\:-ml-48 { + margin-left: -12rem !important; } - .sm\:border-gray-400 { - border-color: #cbd5e0 !important; + .sm\:-mt-56 { + margin-top: -14rem !important; } - .sm\:border-gray-500 { - border-color: #a0aec0 !important; + .sm\:-mr-56 { + margin-right: -14rem !important; } - .sm\:border-gray-600 { - border-color: #718096 !important; + .sm\:-mb-56 { + margin-bottom: -14rem !important; } - .sm\:border-gray-700 { - border-color: #4a5568 !important; + .sm\:-ml-56 { + margin-left: -14rem !important; } - .sm\:border-gray-800 { - border-color: #2d3748 !important; + .sm\:-mt-64 { + margin-top: -16rem !important; } - .sm\:border-gray-900 { - border-color: #1a202c !important; + .sm\:-mr-64 { + margin-right: -16rem !important; } - .sm\:border-red-100 { - border-color: #fff5f5 !important; + .sm\:-mb-64 { + margin-bottom: -16rem !important; } - .sm\:border-red-200 { - border-color: #fed7d7 !important; + .sm\:-ml-64 { + margin-left: -16rem !important; } - .sm\:border-red-300 { - border-color: #feb2b2 !important; + .sm\:-mt-px { + margin-top: -1px !important; } - .sm\:border-red-400 { - border-color: #fc8181 !important; + .sm\:-mr-px { + margin-right: -1px !important; } - .sm\:border-red-500 { - border-color: #f56565 !important; + .sm\:-mb-px { + margin-bottom: -1px !important; } - .sm\:border-red-600 { - border-color: #e53e3e !important; + .sm\:-ml-px { + margin-left: -1px !important; } - .sm\:border-red-700 { - border-color: #c53030 !important; + .sm\:max-h-full { + max-height: 100% !important; } - .sm\:border-red-800 { - border-color: #9b2c2c !important; + .sm\:max-h-screen { + max-height: 100vh !important; } - .sm\:border-red-900 { - border-color: #742a2a !important; + .sm\:max-w-xs { + max-width: 20rem !important; } - .sm\:border-orange-100 { - border-color: #fffaf0 !important; + .sm\:max-w-sm { + max-width: 24rem !important; } - .sm\:border-orange-200 { - border-color: #feebc8 !important; + .sm\:max-w-md { + max-width: 28rem !important; } - .sm\:border-orange-300 { - border-color: #fbd38d !important; + .sm\:max-w-lg { + max-width: 32rem !important; } - .sm\:border-orange-400 { - border-color: #f6ad55 !important; + .sm\:max-w-xl { + max-width: 36rem !important; } - .sm\:border-orange-500 { - border-color: #ed8936 !important; + .sm\:max-w-2xl { + max-width: 42rem !important; } - .sm\:border-orange-600 { - border-color: #dd6b20 !important; + .sm\:max-w-3xl { + max-width: 48rem !important; } - .sm\:border-orange-700 { - border-color: #c05621 !important; + .sm\:max-w-4xl { + max-width: 56rem !important; } - .sm\:border-orange-800 { - border-color: #9c4221 !important; + .sm\:max-w-5xl { + max-width: 64rem !important; } - .sm\:border-orange-900 { - border-color: #7b341e !important; + .sm\:max-w-6xl { + max-width: 72rem !important; } - .sm\:border-yellow-100 { - border-color: #fffff0 !important; + .sm\:max-w-full { + max-width: 100% !important; } - .sm\:border-yellow-200 { - border-color: #fefcbf !important; + .sm\:min-h-0 { + min-height: 0 !important; } - .sm\:border-yellow-300 { - border-color: #faf089 !important; + .sm\:min-h-full { + min-height: 100% !important; } - .sm\:border-yellow-400 { - border-color: #f6e05e !important; + .sm\:min-h-screen { + min-height: 100vh !important; } - .sm\:border-yellow-500 { - border-color: #ecc94b !important; + .sm\:min-w-0 { + min-width: 0 !important; } - .sm\:border-yellow-600 { - border-color: #d69e2e !important; + .sm\:min-w-full { + min-width: 100% !important; } - .sm\:border-yellow-700 { - border-color: #b7791f !important; + .sm\:object-contain { + object-fit: contain !important; } - .sm\:border-yellow-800 { - border-color: #975a16 !important; + .sm\:object-cover { + object-fit: cover !important; } - .sm\:border-yellow-900 { - border-color: #744210 !important; + .sm\:object-fill { + object-fit: fill !important; } - .sm\:border-green-100 { - border-color: #f0fff4 !important; + .sm\:object-none { + object-fit: none !important; } - .sm\:border-green-200 { - border-color: #c6f6d5 !important; + .sm\:object-scale-down { + object-fit: scale-down !important; } - .sm\:border-green-300 { - border-color: #9ae6b4 !important; + .sm\:object-bottom { + object-position: bottom !important; } - .sm\:border-green-400 { - border-color: #68d391 !important; + .sm\:object-center { + object-position: center !important; } - .sm\:border-green-500 { - border-color: #48bb78 !important; + .sm\:object-left { + object-position: left !important; } - .sm\:border-green-600 { - border-color: #38a169 !important; + .sm\:object-left-bottom { + object-position: left bottom !important; } - .sm\:border-green-700 { - border-color: #2f855a !important; + .sm\:object-left-top { + object-position: left top !important; } - .sm\:border-green-800 { - border-color: #276749 !important; + .sm\:object-right { + object-position: right !important; } - .sm\:border-green-900 { - border-color: #22543d !important; + .sm\:object-right-bottom { + object-position: right bottom !important; } - .sm\:border-teal-100 { - border-color: #e6fffa !important; + .sm\:object-right-top { + object-position: right top !important; } - .sm\:border-teal-200 { - border-color: #b2f5ea !important; + .sm\:object-top { + object-position: top !important; } - .sm\:border-teal-300 { - border-color: #81e6d9 !important; + .sm\:opacity-0 { + opacity: 0 !important; } - .sm\:border-teal-400 { - border-color: #4fd1c5 !important; + .sm\:opacity-25 { + opacity: 0.25 !important; } - .sm\:border-teal-500 { - border-color: #38b2ac !important; + .sm\:opacity-50 { + opacity: 0.5 !important; } - .sm\:border-teal-600 { - border-color: #319795 !important; + .sm\:opacity-75 { + opacity: 0.75 !important; } - .sm\:border-teal-700 { - border-color: #2c7a7b !important; + .sm\:opacity-100 { + opacity: 1 !important; } - .sm\:border-teal-800 { - border-color: #285e61 !important; + .sm\:outline-none { + outline: 0 !important; } - .sm\:border-teal-900 { - border-color: #234e52 !important; + .sm\:focus\:outline-none:focus { + outline: 0 !important; } - .sm\:border-blue-100 { - border-color: #ebf8ff !important; + .sm\:overflow-auto { + overflow: auto !important; } - .sm\:border-blue-200 { - border-color: #bee3f8 !important; + .sm\:overflow-hidden { + overflow: hidden !important; } - .sm\:border-blue-300 { - border-color: #90cdf4 !important; + .sm\:overflow-visible { + overflow: visible !important; } - .sm\:border-blue-400 { - border-color: #63b3ed !important; + .sm\:overflow-scroll { + overflow: scroll !important; } - .sm\:border-blue-500 { - border-color: #4299e1 !important; + .sm\:overflow-x-auto { + overflow-x: auto !important; } - .sm\:border-blue-600 { - border-color: #3182ce !important; + .sm\:overflow-y-auto { + overflow-y: auto !important; } - .sm\:border-blue-700 { - border-color: #2b6cb0 !important; + .sm\:overflow-x-hidden { + overflow-x: hidden !important; } - .sm\:border-blue-800 { - border-color: #2c5282 !important; + .sm\:overflow-y-hidden { + overflow-y: hidden !important; } - .sm\:border-blue-900 { - border-color: #2a4365 !important; + .sm\:overflow-x-visible { + overflow-x: visible !important; } - .sm\:border-indigo-100 { - border-color: #ebf4ff !important; + .sm\:overflow-y-visible { + overflow-y: visible !important; } - .sm\:border-indigo-200 { - border-color: #c3dafe !important; + .sm\:overflow-x-scroll { + overflow-x: scroll !important; } - .sm\:border-indigo-300 { - border-color: #a3bffa !important; + .sm\:overflow-y-scroll { + overflow-y: scroll !important; } - .sm\:border-indigo-400 { - border-color: #7f9cf5 !important; + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .sm\:border-indigo-500 { - border-color: #667eea !important; + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .sm\:border-indigo-600 { - border-color: #5a67d8 !important; + .sm\:p-0 { + padding: 0 !important; } - .sm\:border-indigo-700 { - border-color: #4c51bf !important; + .sm\:p-1 { + padding: 0.25rem !important; } - .sm\:border-indigo-800 { - border-color: #434190 !important; + .sm\:p-2 { + padding: 0.5rem !important; } - .sm\:border-indigo-900 { - border-color: #3c366b !important; + .sm\:p-3 { + padding: 0.75rem !important; } - .sm\:border-purple-100 { - border-color: #faf5ff !important; + .sm\:p-4 { + padding: 1rem !important; } - .sm\:border-purple-200 { - border-color: #e9d8fd !important; + .sm\:p-5 { + padding: 1.25rem !important; } - .sm\:border-purple-300 { - border-color: #d6bcfa !important; + .sm\:p-6 { + padding: 1.5rem !important; } - .sm\:border-purple-400 { - border-color: #b794f4 !important; + .sm\:p-8 { + padding: 2rem !important; } - .sm\:border-purple-500 { - border-color: #9f7aea !important; + .sm\:p-10 { + padding: 2.5rem !important; } - .sm\:border-purple-600 { - border-color: #805ad5 !important; + .sm\:p-12 { + padding: 3rem !important; } - .sm\:border-purple-700 { - border-color: #6b46c1 !important; + .sm\:p-16 { + padding: 4rem !important; } - .sm\:border-purple-800 { - border-color: #553c9a !important; + .sm\:p-20 { + padding: 5rem !important; } - .sm\:border-purple-900 { - border-color: #44337a !important; + .sm\:p-24 { + padding: 6rem !important; } - .sm\:border-pink-100 { - border-color: #fff5f7 !important; + .sm\:p-32 { + padding: 8rem !important; } - .sm\:border-pink-200 { - border-color: #fed7e2 !important; + .sm\:p-40 { + padding: 10rem !important; } - .sm\:border-pink-300 { - border-color: #fbb6ce !important; + .sm\:p-48 { + padding: 12rem !important; } - .sm\:border-pink-400 { - border-color: #f687b3 !important; + .sm\:p-56 { + padding: 14rem !important; } - .sm\:border-pink-500 { - border-color: #ed64a6 !important; + .sm\:p-64 { + padding: 16rem !important; } - .sm\:border-pink-600 { - border-color: #d53f8c !important; + .sm\:p-px { + padding: 1px !important; } - .sm\:border-pink-700 { - border-color: #b83280 !important; + .sm\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .sm\:border-pink-800 { - border-color: #97266d !important; + .sm\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .sm\:border-pink-900 { - border-color: #702459 !important; + .sm\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .sm\:hover\:border-transparent:hover { - border-color: transparent !important; + .sm\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .sm\:hover\:border-black:hover { - border-color: #000 !important; + .sm\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .sm\:hover\:border-white:hover { - border-color: #fff !important; + .sm\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .sm\:hover\:border-gray-100:hover { - border-color: #f7fafc !important; + .sm\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .sm\:hover\:border-gray-200:hover { - border-color: #edf2f7 !important; + .sm\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .sm\:hover\:border-gray-300:hover { - border-color: #e2e8f0 !important; + .sm\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .sm\:hover\:border-gray-400:hover { - border-color: #cbd5e0 !important; + .sm\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .sm\:hover\:border-gray-500:hover { - border-color: #a0aec0 !important; + .sm\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .sm\:hover\:border-gray-600:hover { - border-color: #718096 !important; + .sm\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .sm\:hover\:border-gray-700:hover { - border-color: #4a5568 !important; + .sm\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .sm\:hover\:border-gray-800:hover { - border-color: #2d3748 !important; + .sm\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .sm\:hover\:border-gray-900:hover { - border-color: #1a202c !important; + .sm\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .sm\:hover\:border-red-100:hover { - border-color: #fff5f5 !important; + .sm\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .sm\:hover\:border-red-200:hover { - border-color: #fed7d7 !important; + .sm\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .sm\:hover\:border-red-300:hover { - border-color: #feb2b2 !important; + .sm\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .sm\:hover\:border-red-400:hover { - border-color: #fc8181 !important; + .sm\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .sm\:hover\:border-red-500:hover { - border-color: #f56565 !important; + .sm\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .sm\:hover\:border-red-600:hover { - border-color: #e53e3e !important; + .sm\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .sm\:hover\:border-red-700:hover { - border-color: #c53030 !important; + .sm\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .sm\:hover\:border-red-800:hover { - border-color: #9b2c2c !important; + .sm\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .sm\:hover\:border-red-900:hover { - border-color: #742a2a !important; + .sm\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .sm\:hover\:border-orange-100:hover { - border-color: #fffaf0 !important; + .sm\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .sm\:hover\:border-orange-200:hover { - border-color: #feebc8 !important; + .sm\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .sm\:hover\:border-orange-300:hover { - border-color: #fbd38d !important; + .sm\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .sm\:hover\:border-orange-400:hover { - border-color: #f6ad55 !important; + .sm\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .sm\:hover\:border-orange-500:hover { - border-color: #ed8936 !important; + .sm\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .sm\:hover\:border-orange-600:hover { - border-color: #dd6b20 !important; + .sm\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .sm\:hover\:border-orange-700:hover { - border-color: #c05621 !important; + .sm\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .sm\:hover\:border-orange-800:hover { - border-color: #9c4221 !important; + .sm\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .sm\:hover\:border-orange-900:hover { - border-color: #7b341e !important; + .sm\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .sm\:hover\:border-yellow-100:hover { - border-color: #fffff0 !important; + .sm\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .sm\:hover\:border-yellow-200:hover { - border-color: #fefcbf !important; + .sm\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .sm\:hover\:border-yellow-300:hover { - border-color: #faf089 !important; + .sm\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .sm\:hover\:border-yellow-400:hover { - border-color: #f6e05e !important; + .sm\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .sm\:hover\:border-yellow-500:hover { - border-color: #ecc94b !important; + .sm\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .sm\:hover\:border-yellow-600:hover { - border-color: #d69e2e !important; + .sm\:pt-0 { + padding-top: 0 !important; } - .sm\:hover\:border-yellow-700:hover { - border-color: #b7791f !important; + .sm\:pr-0 { + padding-right: 0 !important; } - .sm\:hover\:border-yellow-800:hover { - border-color: #975a16 !important; + .sm\:pb-0 { + padding-bottom: 0 !important; } - .sm\:hover\:border-yellow-900:hover { - border-color: #744210 !important; + .sm\:pl-0 { + padding-left: 0 !important; } - .sm\:hover\:border-green-100:hover { - border-color: #f0fff4 !important; + .sm\:pt-1 { + padding-top: 0.25rem !important; } - .sm\:hover\:border-green-200:hover { - border-color: #c6f6d5 !important; + .sm\:pr-1 { + padding-right: 0.25rem !important; } - .sm\:hover\:border-green-300:hover { - border-color: #9ae6b4 !important; + .sm\:pb-1 { + padding-bottom: 0.25rem !important; } - .sm\:hover\:border-green-400:hover { - border-color: #68d391 !important; + .sm\:pl-1 { + padding-left: 0.25rem !important; } - .sm\:hover\:border-green-500:hover { - border-color: #48bb78 !important; + .sm\:pt-2 { + padding-top: 0.5rem !important; } - .sm\:hover\:border-green-600:hover { - border-color: #38a169 !important; + .sm\:pr-2 { + padding-right: 0.5rem !important; } - .sm\:hover\:border-green-700:hover { - border-color: #2f855a !important; + .sm\:pb-2 { + padding-bottom: 0.5rem !important; } - .sm\:hover\:border-green-800:hover { - border-color: #276749 !important; + .sm\:pl-2 { + padding-left: 0.5rem !important; } - .sm\:hover\:border-green-900:hover { - border-color: #22543d !important; + .sm\:pt-3 { + padding-top: 0.75rem !important; } - .sm\:hover\:border-teal-100:hover { - border-color: #e6fffa !important; + .sm\:pr-3 { + padding-right: 0.75rem !important; } - .sm\:hover\:border-teal-200:hover { - border-color: #b2f5ea !important; + .sm\:pb-3 { + padding-bottom: 0.75rem !important; } - .sm\:hover\:border-teal-300:hover { - border-color: #81e6d9 !important; + .sm\:pl-3 { + padding-left: 0.75rem !important; } - .sm\:hover\:border-teal-400:hover { - border-color: #4fd1c5 !important; + .sm\:pt-4 { + padding-top: 1rem !important; } - .sm\:hover\:border-teal-500:hover { - border-color: #38b2ac !important; + .sm\:pr-4 { + padding-right: 1rem !important; } - .sm\:hover\:border-teal-600:hover { - border-color: #319795 !important; + .sm\:pb-4 { + padding-bottom: 1rem !important; } - .sm\:hover\:border-teal-700:hover { - border-color: #2c7a7b !important; + .sm\:pl-4 { + padding-left: 1rem !important; } - .sm\:hover\:border-teal-800:hover { - border-color: #285e61 !important; + .sm\:pt-5 { + padding-top: 1.25rem !important; } - .sm\:hover\:border-teal-900:hover { - border-color: #234e52 !important; + .sm\:pr-5 { + padding-right: 1.25rem !important; } - .sm\:hover\:border-blue-100:hover { - border-color: #ebf8ff !important; + .sm\:pb-5 { + padding-bottom: 1.25rem !important; } - .sm\:hover\:border-blue-200:hover { - border-color: #bee3f8 !important; + .sm\:pl-5 { + padding-left: 1.25rem !important; } - .sm\:hover\:border-blue-300:hover { - border-color: #90cdf4 !important; + .sm\:pt-6 { + padding-top: 1.5rem !important; } - .sm\:hover\:border-blue-400:hover { - border-color: #63b3ed !important; + .sm\:pr-6 { + padding-right: 1.5rem !important; } - .sm\:hover\:border-blue-500:hover { - border-color: #4299e1 !important; + .sm\:pb-6 { + padding-bottom: 1.5rem !important; } - .sm\:hover\:border-blue-600:hover { - border-color: #3182ce !important; + .sm\:pl-6 { + padding-left: 1.5rem !important; } - .sm\:hover\:border-blue-700:hover { - border-color: #2b6cb0 !important; + .sm\:pt-8 { + padding-top: 2rem !important; } - .sm\:hover\:border-blue-800:hover { - border-color: #2c5282 !important; + .sm\:pr-8 { + padding-right: 2rem !important; } - .sm\:hover\:border-blue-900:hover { - border-color: #2a4365 !important; + .sm\:pb-8 { + padding-bottom: 2rem !important; } - .sm\:hover\:border-indigo-100:hover { - border-color: #ebf4ff !important; + .sm\:pl-8 { + padding-left: 2rem !important; } - .sm\:hover\:border-indigo-200:hover { - border-color: #c3dafe !important; + .sm\:pt-10 { + padding-top: 2.5rem !important; } - .sm\:hover\:border-indigo-300:hover { - border-color: #a3bffa !important; + .sm\:pr-10 { + padding-right: 2.5rem !important; } - .sm\:hover\:border-indigo-400:hover { - border-color: #7f9cf5 !important; + .sm\:pb-10 { + padding-bottom: 2.5rem !important; } - .sm\:hover\:border-indigo-500:hover { - border-color: #667eea !important; + .sm\:pl-10 { + padding-left: 2.5rem !important; } - .sm\:hover\:border-indigo-600:hover { - border-color: #5a67d8 !important; + .sm\:pt-12 { + padding-top: 3rem !important; } - .sm\:hover\:border-indigo-700:hover { - border-color: #4c51bf !important; + .sm\:pr-12 { + padding-right: 3rem !important; } - .sm\:hover\:border-indigo-800:hover { - border-color: #434190 !important; + .sm\:pb-12 { + padding-bottom: 3rem !important; } - .sm\:hover\:border-indigo-900:hover { - border-color: #3c366b !important; + .sm\:pl-12 { + padding-left: 3rem !important; } - .sm\:hover\:border-purple-100:hover { - border-color: #faf5ff !important; + .sm\:pt-16 { + padding-top: 4rem !important; } - .sm\:hover\:border-purple-200:hover { - border-color: #e9d8fd !important; + .sm\:pr-16 { + padding-right: 4rem !important; } - .sm\:hover\:border-purple-300:hover { - border-color: #d6bcfa !important; + .sm\:pb-16 { + padding-bottom: 4rem !important; } - .sm\:hover\:border-purple-400:hover { - border-color: #b794f4 !important; + .sm\:pl-16 { + padding-left: 4rem !important; } - .sm\:hover\:border-purple-500:hover { - border-color: #9f7aea !important; + .sm\:pt-20 { + padding-top: 5rem !important; } - .sm\:hover\:border-purple-600:hover { - border-color: #805ad5 !important; + .sm\:pr-20 { + padding-right: 5rem !important; } - .sm\:hover\:border-purple-700:hover { - border-color: #6b46c1 !important; + .sm\:pb-20 { + padding-bottom: 5rem !important; } - .sm\:hover\:border-purple-800:hover { - border-color: #553c9a !important; + .sm\:pl-20 { + padding-left: 5rem !important; } - .sm\:hover\:border-purple-900:hover { - border-color: #44337a !important; + .sm\:pt-24 { + padding-top: 6rem !important; } - .sm\:hover\:border-pink-100:hover { - border-color: #fff5f7 !important; + .sm\:pr-24 { + padding-right: 6rem !important; } - .sm\:hover\:border-pink-200:hover { - border-color: #fed7e2 !important; + .sm\:pb-24 { + padding-bottom: 6rem !important; } - .sm\:hover\:border-pink-300:hover { - border-color: #fbb6ce !important; + .sm\:pl-24 { + padding-left: 6rem !important; } - .sm\:hover\:border-pink-400:hover { - border-color: #f687b3 !important; + .sm\:pt-32 { + padding-top: 8rem !important; } - .sm\:hover\:border-pink-500:hover { - border-color: #ed64a6 !important; + .sm\:pr-32 { + padding-right: 8rem !important; } - .sm\:hover\:border-pink-600:hover { - border-color: #d53f8c !important; + .sm\:pb-32 { + padding-bottom: 8rem !important; } - .sm\:hover\:border-pink-700:hover { - border-color: #b83280 !important; + .sm\:pl-32 { + padding-left: 8rem !important; } - .sm\:hover\:border-pink-800:hover { - border-color: #97266d !important; + .sm\:pt-40 { + padding-top: 10rem !important; } - .sm\:hover\:border-pink-900:hover { - border-color: #702459 !important; + .sm\:pr-40 { + padding-right: 10rem !important; } - .sm\:focus\:border-transparent:focus { - border-color: transparent !important; + .sm\:pb-40 { + padding-bottom: 10rem !important; } - .sm\:focus\:border-black:focus { - border-color: #000 !important; + .sm\:pl-40 { + padding-left: 10rem !important; } - .sm\:focus\:border-white:focus { - border-color: #fff !important; + .sm\:pt-48 { + padding-top: 12rem !important; } - .sm\:focus\:border-gray-100:focus { - border-color: #f7fafc !important; + .sm\:pr-48 { + padding-right: 12rem !important; } - .sm\:focus\:border-gray-200:focus { - border-color: #edf2f7 !important; + .sm\:pb-48 { + padding-bottom: 12rem !important; } - .sm\:focus\:border-gray-300:focus { - border-color: #e2e8f0 !important; + .sm\:pl-48 { + padding-left: 12rem !important; } - .sm\:focus\:border-gray-400:focus { - border-color: #cbd5e0 !important; + .sm\:pt-56 { + padding-top: 14rem !important; } - .sm\:focus\:border-gray-500:focus { - border-color: #a0aec0 !important; + .sm\:pr-56 { + padding-right: 14rem !important; } - .sm\:focus\:border-gray-600:focus { - border-color: #718096 !important; + .sm\:pb-56 { + padding-bottom: 14rem !important; } - .sm\:focus\:border-gray-700:focus { - border-color: #4a5568 !important; + .sm\:pl-56 { + padding-left: 14rem !important; } - .sm\:focus\:border-gray-800:focus { - border-color: #2d3748 !important; + .sm\:pt-64 { + padding-top: 16rem !important; } - .sm\:focus\:border-gray-900:focus { - border-color: #1a202c !important; + .sm\:pr-64 { + padding-right: 16rem !important; } - .sm\:focus\:border-red-100:focus { - border-color: #fff5f5 !important; + .sm\:pb-64 { + padding-bottom: 16rem !important; } - .sm\:focus\:border-red-200:focus { - border-color: #fed7d7 !important; + .sm\:pl-64 { + padding-left: 16rem !important; } - .sm\:focus\:border-red-300:focus { - border-color: #feb2b2 !important; + .sm\:pt-px { + padding-top: 1px !important; } - .sm\:focus\:border-red-400:focus { - border-color: #fc8181 !important; + .sm\:pr-px { + padding-right: 1px !important; } - .sm\:focus\:border-red-500:focus { - border-color: #f56565 !important; + .sm\:pb-px { + padding-bottom: 1px !important; } - .sm\:focus\:border-red-600:focus { - border-color: #e53e3e !important; + .sm\:pl-px { + padding-left: 1px !important; } - .sm\:focus\:border-red-700:focus { - border-color: #c53030 !important; + .sm\:placeholder-transparent::placeholder { + color: transparent !important; } - .sm\:focus\:border-red-800:focus { - border-color: #9b2c2c !important; + .sm\:placeholder-black::placeholder { + color: #000 !important; } - .sm\:focus\:border-red-900:focus { - border-color: #742a2a !important; + .sm\:placeholder-white::placeholder { + color: #fff !important; } - .sm\:focus\:border-orange-100:focus { - border-color: #fffaf0 !important; + .sm\:placeholder-gray-100::placeholder { + color: #f7fafc !important; } - .sm\:focus\:border-orange-200:focus { - border-color: #feebc8 !important; + .sm\:placeholder-gray-200::placeholder { + color: #edf2f7 !important; } - .sm\:focus\:border-orange-300:focus { - border-color: #fbd38d !important; + .sm\:placeholder-gray-300::placeholder { + color: #e2e8f0 !important; } - .sm\:focus\:border-orange-400:focus { - border-color: #f6ad55 !important; + .sm\:placeholder-gray-400::placeholder { + color: #cbd5e0 !important; } - .sm\:focus\:border-orange-500:focus { - border-color: #ed8936 !important; + .sm\:placeholder-gray-500::placeholder { + color: #a0aec0 !important; } - .sm\:focus\:border-orange-600:focus { - border-color: #dd6b20 !important; + .sm\:placeholder-gray-600::placeholder { + color: #718096 !important; } - .sm\:focus\:border-orange-700:focus { - border-color: #c05621 !important; + .sm\:placeholder-gray-700::placeholder { + color: #4a5568 !important; } - .sm\:focus\:border-orange-800:focus { - border-color: #9c4221 !important; + .sm\:placeholder-gray-800::placeholder { + color: #2d3748 !important; } - .sm\:focus\:border-orange-900:focus { - border-color: #7b341e !important; + .sm\:placeholder-gray-900::placeholder { + color: #1a202c !important; } - .sm\:focus\:border-yellow-100:focus { - border-color: #fffff0 !important; + .sm\:placeholder-red-100::placeholder { + color: #fff5f5 !important; } - .sm\:focus\:border-yellow-200:focus { - border-color: #fefcbf !important; + .sm\:placeholder-red-200::placeholder { + color: #fed7d7 !important; } - .sm\:focus\:border-yellow-300:focus { - border-color: #faf089 !important; + .sm\:placeholder-red-300::placeholder { + color: #feb2b2 !important; } - .sm\:focus\:border-yellow-400:focus { - border-color: #f6e05e !important; + .sm\:placeholder-red-400::placeholder { + color: #fc8181 !important; } - .sm\:focus\:border-yellow-500:focus { - border-color: #ecc94b !important; + .sm\:placeholder-red-500::placeholder { + color: #f56565 !important; } - .sm\:focus\:border-yellow-600:focus { - border-color: #d69e2e !important; + .sm\:placeholder-red-600::placeholder { + color: #e53e3e !important; } - .sm\:focus\:border-yellow-700:focus { - border-color: #b7791f !important; + .sm\:placeholder-red-700::placeholder { + color: #c53030 !important; } - .sm\:focus\:border-yellow-800:focus { - border-color: #975a16 !important; + .sm\:placeholder-red-800::placeholder { + color: #9b2c2c !important; } - .sm\:focus\:border-yellow-900:focus { - border-color: #744210 !important; + .sm\:placeholder-red-900::placeholder { + color: #742a2a !important; } - .sm\:focus\:border-green-100:focus { - border-color: #f0fff4 !important; + .sm\:placeholder-orange-100::placeholder { + color: #fffaf0 !important; } - .sm\:focus\:border-green-200:focus { - border-color: #c6f6d5 !important; + .sm\:placeholder-orange-200::placeholder { + color: #feebc8 !important; } - .sm\:focus\:border-green-300:focus { - border-color: #9ae6b4 !important; + .sm\:placeholder-orange-300::placeholder { + color: #fbd38d !important; } - .sm\:focus\:border-green-400:focus { - border-color: #68d391 !important; + .sm\:placeholder-orange-400::placeholder { + color: #f6ad55 !important; } - .sm\:focus\:border-green-500:focus { - border-color: #48bb78 !important; + .sm\:placeholder-orange-500::placeholder { + color: #ed8936 !important; } - .sm\:focus\:border-green-600:focus { - border-color: #38a169 !important; + .sm\:placeholder-orange-600::placeholder { + color: #dd6b20 !important; } - .sm\:focus\:border-green-700:focus { - border-color: #2f855a !important; + .sm\:placeholder-orange-700::placeholder { + color: #c05621 !important; } - .sm\:focus\:border-green-800:focus { - border-color: #276749 !important; + .sm\:placeholder-orange-800::placeholder { + color: #9c4221 !important; } - .sm\:focus\:border-green-900:focus { - border-color: #22543d !important; + .sm\:placeholder-orange-900::placeholder { + color: #7b341e !important; } - .sm\:focus\:border-teal-100:focus { - border-color: #e6fffa !important; + .sm\:placeholder-yellow-100::placeholder { + color: #fffff0 !important; } - .sm\:focus\:border-teal-200:focus { - border-color: #b2f5ea !important; + .sm\:placeholder-yellow-200::placeholder { + color: #fefcbf !important; } - .sm\:focus\:border-teal-300:focus { - border-color: #81e6d9 !important; + .sm\:placeholder-yellow-300::placeholder { + color: #faf089 !important; } - .sm\:focus\:border-teal-400:focus { - border-color: #4fd1c5 !important; + .sm\:placeholder-yellow-400::placeholder { + color: #f6e05e !important; } - .sm\:focus\:border-teal-500:focus { - border-color: #38b2ac !important; + .sm\:placeholder-yellow-500::placeholder { + color: #ecc94b !important; } - .sm\:focus\:border-teal-600:focus { - border-color: #319795 !important; + .sm\:placeholder-yellow-600::placeholder { + color: #d69e2e !important; } - .sm\:focus\:border-teal-700:focus { - border-color: #2c7a7b !important; + .sm\:placeholder-yellow-700::placeholder { + color: #b7791f !important; } - .sm\:focus\:border-teal-800:focus { - border-color: #285e61 !important; + .sm\:placeholder-yellow-800::placeholder { + color: #975a16 !important; } - .sm\:focus\:border-teal-900:focus { - border-color: #234e52 !important; + .sm\:placeholder-yellow-900::placeholder { + color: #744210 !important; } - .sm\:focus\:border-blue-100:focus { - border-color: #ebf8ff !important; + .sm\:placeholder-green-100::placeholder { + color: #f0fff4 !important; } - .sm\:focus\:border-blue-200:focus { - border-color: #bee3f8 !important; + .sm\:placeholder-green-200::placeholder { + color: #c6f6d5 !important; } - .sm\:focus\:border-blue-300:focus { - border-color: #90cdf4 !important; + .sm\:placeholder-green-300::placeholder { + color: #9ae6b4 !important; } - .sm\:focus\:border-blue-400:focus { - border-color: #63b3ed !important; + .sm\:placeholder-green-400::placeholder { + color: #68d391 !important; } - .sm\:focus\:border-blue-500:focus { - border-color: #4299e1 !important; + .sm\:placeholder-green-500::placeholder { + color: #48bb78 !important; } - .sm\:focus\:border-blue-600:focus { - border-color: #3182ce !important; + .sm\:placeholder-green-600::placeholder { + color: #38a169 !important; } - .sm\:focus\:border-blue-700:focus { - border-color: #2b6cb0 !important; + .sm\:placeholder-green-700::placeholder { + color: #2f855a !important; } - .sm\:focus\:border-blue-800:focus { - border-color: #2c5282 !important; + .sm\:placeholder-green-800::placeholder { + color: #276749 !important; } - .sm\:focus\:border-blue-900:focus { - border-color: #2a4365 !important; + .sm\:placeholder-green-900::placeholder { + color: #22543d !important; } - .sm\:focus\:border-indigo-100:focus { - border-color: #ebf4ff !important; + .sm\:placeholder-teal-100::placeholder { + color: #e6fffa !important; } - .sm\:focus\:border-indigo-200:focus { - border-color: #c3dafe !important; + .sm\:placeholder-teal-200::placeholder { + color: #b2f5ea !important; } - .sm\:focus\:border-indigo-300:focus { - border-color: #a3bffa !important; + .sm\:placeholder-teal-300::placeholder { + color: #81e6d9 !important; } - .sm\:focus\:border-indigo-400:focus { - border-color: #7f9cf5 !important; + .sm\:placeholder-teal-400::placeholder { + color: #4fd1c5 !important; } - .sm\:focus\:border-indigo-500:focus { - border-color: #667eea !important; + .sm\:placeholder-teal-500::placeholder { + color: #38b2ac !important; } - .sm\:focus\:border-indigo-600:focus { - border-color: #5a67d8 !important; + .sm\:placeholder-teal-600::placeholder { + color: #319795 !important; } - .sm\:focus\:border-indigo-700:focus { - border-color: #4c51bf !important; + .sm\:placeholder-teal-700::placeholder { + color: #2c7a7b !important; } - .sm\:focus\:border-indigo-800:focus { - border-color: #434190 !important; + .sm\:placeholder-teal-800::placeholder { + color: #285e61 !important; } - .sm\:focus\:border-indigo-900:focus { - border-color: #3c366b !important; + .sm\:placeholder-teal-900::placeholder { + color: #234e52 !important; } - .sm\:focus\:border-purple-100:focus { - border-color: #faf5ff !important; + .sm\:placeholder-blue-100::placeholder { + color: #ebf8ff !important; } - .sm\:focus\:border-purple-200:focus { - border-color: #e9d8fd !important; + .sm\:placeholder-blue-200::placeholder { + color: #bee3f8 !important; } - .sm\:focus\:border-purple-300:focus { - border-color: #d6bcfa !important; + .sm\:placeholder-blue-300::placeholder { + color: #90cdf4 !important; } - .sm\:focus\:border-purple-400:focus { - border-color: #b794f4 !important; + .sm\:placeholder-blue-400::placeholder { + color: #63b3ed !important; } - .sm\:focus\:border-purple-500:focus { - border-color: #9f7aea !important; + .sm\:placeholder-blue-500::placeholder { + color: #4299e1 !important; } - .sm\:focus\:border-purple-600:focus { - border-color: #805ad5 !important; + .sm\:placeholder-blue-600::placeholder { + color: #3182ce !important; } - - .sm\:focus\:border-purple-700:focus { - border-color: #6b46c1 !important; + + .sm\:placeholder-blue-700::placeholder { + color: #2b6cb0 !important; } - .sm\:focus\:border-purple-800:focus { - border-color: #553c9a !important; + .sm\:placeholder-blue-800::placeholder { + color: #2c5282 !important; } - .sm\:focus\:border-purple-900:focus { - border-color: #44337a !important; + .sm\:placeholder-blue-900::placeholder { + color: #2a4365 !important; } - .sm\:focus\:border-pink-100:focus { - border-color: #fff5f7 !important; + .sm\:placeholder-indigo-100::placeholder { + color: #ebf4ff !important; } - .sm\:focus\:border-pink-200:focus { - border-color: #fed7e2 !important; + .sm\:placeholder-indigo-200::placeholder { + color: #c3dafe !important; } - .sm\:focus\:border-pink-300:focus { - border-color: #fbb6ce !important; + .sm\:placeholder-indigo-300::placeholder { + color: #a3bffa !important; } - .sm\:focus\:border-pink-400:focus { - border-color: #f687b3 !important; + .sm\:placeholder-indigo-400::placeholder { + color: #7f9cf5 !important; } - .sm\:focus\:border-pink-500:focus { - border-color: #ed64a6 !important; + .sm\:placeholder-indigo-500::placeholder { + color: #667eea !important; } - .sm\:focus\:border-pink-600:focus { - border-color: #d53f8c !important; + .sm\:placeholder-indigo-600::placeholder { + color: #5a67d8 !important; } - .sm\:focus\:border-pink-700:focus { - border-color: #b83280 !important; + .sm\:placeholder-indigo-700::placeholder { + color: #4c51bf !important; } - .sm\:focus\:border-pink-800:focus { - border-color: #97266d !important; + .sm\:placeholder-indigo-800::placeholder { + color: #434190 !important; } - .sm\:focus\:border-pink-900:focus { - border-color: #702459 !important; + .sm\:placeholder-indigo-900::placeholder { + color: #3c366b !important; } - .sm\:rounded-none { - border-radius: 0 !important; + .sm\:placeholder-purple-100::placeholder { + color: #faf5ff !important; } - .sm\:rounded-sm { - border-radius: 0.125rem !important; + .sm\:placeholder-purple-200::placeholder { + color: #e9d8fd !important; } - .sm\:rounded { - border-radius: 0.25rem !important; + .sm\:placeholder-purple-300::placeholder { + color: #d6bcfa !important; } - .sm\:rounded-lg { - border-radius: 0.5rem !important; + .sm\:placeholder-purple-400::placeholder { + color: #b794f4 !important; } - .sm\:rounded-full { - border-radius: 9999px !important; + .sm\:placeholder-purple-500::placeholder { + color: #9f7aea !important; } - .sm\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .sm\:placeholder-purple-600::placeholder { + color: #805ad5 !important; } - .sm\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .sm\:placeholder-purple-700::placeholder { + color: #6b46c1 !important; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:placeholder-purple-800::placeholder { + color: #553c9a !important; } - .sm\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .sm\:placeholder-purple-900::placeholder { + color: #44337a !important; } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .sm\:placeholder-pink-100::placeholder { + color: #fff5f7 !important; } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .sm\:placeholder-pink-200::placeholder { + color: #fed7e2 !important; } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:placeholder-pink-300::placeholder { + color: #fbb6ce !important; } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .sm\:placeholder-pink-400::placeholder { + color: #f687b3 !important; } - .sm\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .sm\:placeholder-pink-500::placeholder { + color: #ed64a6 !important; } - .sm\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .sm\:placeholder-pink-600::placeholder { + color: #d53f8c !important; } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:placeholder-pink-700::placeholder { + color: #b83280 !important; } - .sm\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .sm\:placeholder-pink-800::placeholder { + color: #97266d !important; } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .sm\:placeholder-pink-900::placeholder { + color: #702459 !important; } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:focus\:placeholder-black:focus::placeholder { + color: #000 !important; } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .sm\:focus\:placeholder-white:focus::placeholder { + color: #fff !important; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc !important; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7 !important; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0 !important; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0 !important; } - .sm\:rounded-tl-none { - border-top-left-radius: 0 !important; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0 !important; } - .sm\:rounded-tr-none { - border-top-right-radius: 0 !important; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096 !important; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568 !important; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748 !important; } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c !important; } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .sm\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5 !important; } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .sm\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7 !important; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .sm\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2 !important; } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .sm\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181 !important; } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .sm\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565 !important; } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .sm\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e !important; } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .sm\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030 !important; } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .sm\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c !important; } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .sm\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a !important; } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .sm\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0 !important; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .sm\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8 !important; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .sm\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d !important; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .sm\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55 !important; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .sm\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936 !important; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .sm\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20 !important; } - .sm\:border-solid { - border-style: solid !important; + .sm\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621 !important; } - .sm\:border-dashed { - border-style: dashed !important; + .sm\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221 !important; } - .sm\:border-dotted { - border-style: dotted !important; + .sm\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e !important; } - .sm\:border-double { - border-style: double !important; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0 !important; } - .sm\:border-none { - border-style: none !important; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf !important; } - .sm\:border-0 { - border-width: 0 !important; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089 !important; } - .sm\:border-2 { - border-width: 2px !important; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e !important; } - .sm\:border-4 { - border-width: 4px !important; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b !important; } - .sm\:border-8 { - border-width: 8px !important; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e !important; } - .sm\:border { - border-width: 1px !important; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f !important; } - .sm\:border-t-0 { - border-top-width: 0 !important; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16 !important; } - .sm\:border-r-0 { - border-right-width: 0 !important; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210 !important; } - .sm\:border-b-0 { - border-bottom-width: 0 !important; + .sm\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4 !important; } - .sm\:border-l-0 { - border-left-width: 0 !important; + .sm\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5 !important; } - .sm\:border-t-2 { - border-top-width: 2px !important; + .sm\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4 !important; } - .sm\:border-r-2 { - border-right-width: 2px !important; + .sm\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391 !important; } - .sm\:border-b-2 { - border-bottom-width: 2px !important; + .sm\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78 !important; } - .sm\:border-l-2 { - border-left-width: 2px !important; + .sm\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169 !important; } - .sm\:border-t-4 { - border-top-width: 4px !important; + .sm\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a !important; } - .sm\:border-r-4 { - border-right-width: 4px !important; + .sm\:focus\:placeholder-green-800:focus::placeholder { + color: #276749 !important; } - .sm\:border-b-4 { - border-bottom-width: 4px !important; + .sm\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d !important; } - .sm\:border-l-4 { - border-left-width: 4px !important; + .sm\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa !important; } - .sm\:border-t-8 { - border-top-width: 8px !important; + .sm\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea !important; } - .sm\:border-r-8 { - border-right-width: 8px !important; + .sm\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9 !important; } - .sm\:border-b-8 { - border-bottom-width: 8px !important; + .sm\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5 !important; } - .sm\:border-l-8 { - border-left-width: 8px !important; + .sm\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac !important; } - .sm\:border-t { - border-top-width: 1px !important; + .sm\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795 !important; } - .sm\:border-r { - border-right-width: 1px !important; + .sm\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b !important; } - .sm\:border-b { - border-bottom-width: 1px !important; + .sm\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61 !important; } - .sm\:border-l { - border-left-width: 1px !important; + .sm\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52 !important; } - .sm\:cursor-auto { - cursor: auto !important; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff !important; } - .sm\:cursor-default { - cursor: default !important; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8 !important; } - .sm\:cursor-pointer { - cursor: pointer !important; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4 !important; } - .sm\:cursor-wait { - cursor: wait !important; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed !important; } - .sm\:cursor-text { - cursor: text !important; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1 !important; } - .sm\:cursor-move { - cursor: move !important; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce !important; } - .sm\:cursor-not-allowed { - cursor: not-allowed !important; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0 !important; } - .sm\:block { - display: block !important; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282 !important; } - .sm\:inline-block { - display: inline-block !important; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365 !important; } - .sm\:inline { - display: inline !important; + .sm\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff !important; } - .sm\:flex { - display: flex !important; + .sm\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe !important; } - .sm\:inline-flex { - display: inline-flex !important; + .sm\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa !important; } - .sm\:table { - display: table !important; + .sm\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5 !important; } - .sm\:table-row { - display: table-row !important; + .sm\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea !important; } - .sm\:table-cell { - display: table-cell !important; + .sm\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8 !important; } - .sm\:hidden { - display: none !important; + .sm\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf !important; } - .sm\:flex-row { - flex-direction: row !important; + .sm\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190 !important; } - .sm\:flex-row-reverse { - flex-direction: row-reverse !important; + .sm\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b !important; } - .sm\:flex-col { - flex-direction: column !important; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff !important; } - .sm\:flex-col-reverse { - flex-direction: column-reverse !important; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd !important; } - .sm\:flex-wrap { - flex-wrap: wrap !important; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa !important; } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4 !important; } - .sm\:flex-no-wrap { - flex-wrap: nowrap !important; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea !important; } - .sm\:items-start { - align-items: flex-start !important; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5 !important; } - .sm\:items-end { - align-items: flex-end !important; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1 !important; } - .sm\:items-center { - align-items: center !important; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a !important; } - .sm\:items-baseline { - align-items: baseline !important; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a !important; } - .sm\:items-stretch { - align-items: stretch !important; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7 !important; } - .sm\:self-auto { - align-self: auto !important; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2 !important; } - .sm\:self-start { - align-self: flex-start !important; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce !important; } - .sm\:self-end { - align-self: flex-end !important; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3 !important; } - .sm\:self-center { - align-self: center !important; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6 !important; } - .sm\:self-stretch { - align-self: stretch !important; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c !important; } - .sm\:justify-start { - justify-content: flex-start !important; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280 !important; } - .sm\:justify-end { - justify-content: flex-end !important; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d !important; } - .sm\:justify-center { - justify-content: center !important; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459 !important; } - .sm\:justify-between { - justify-content: space-between !important; + .sm\:pointer-events-none { + pointer-events: none !important; } - .sm\:justify-around { - justify-content: space-around !important; + .sm\:pointer-events-auto { + pointer-events: auto !important; } - .sm\:content-center { - align-content: center !important; + .sm\:static { + position: static !important; } - .sm\:content-start { - align-content: flex-start !important; + .sm\:fixed { + position: fixed !important; } - .sm\:content-end { - align-content: flex-end !important; + .sm\:absolute { + position: absolute !important; } - .sm\:content-between { - align-content: space-between !important; + .sm\:relative { + position: relative !important; } - .sm\:content-around { - align-content: space-around !important; + .sm\:sticky { + position: sticky !important; } - .sm\:flex-1 { - flex: 1 1 0% !important; + .sm\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .sm\:flex-auto { - flex: 1 1 auto !important; + .sm\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .sm\:flex-initial { - flex: 0 1 auto !important; + .sm\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .sm\:flex-none { - flex: none !important; + .sm\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .sm\:flex-grow-0 { - flex-grow: 0 !important; + .sm\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .sm\:flex-grow { - flex-grow: 1 !important; + .sm\:inset-x-auto { + right: auto !important; + left: auto !important; } - .sm\:flex-shrink-0 { - flex-shrink: 0 !important; + .sm\:top-0 { + top: 0 !important; } - .sm\:flex-shrink { - flex-shrink: 1 !important; + .sm\:right-0 { + right: 0 !important; } - .sm\:order-1 { - order: 1 !important; + .sm\:bottom-0 { + bottom: 0 !important; } - .sm\:order-2 { - order: 2 !important; + .sm\:left-0 { + left: 0 !important; } - .sm\:order-3 { - order: 3 !important; + .sm\:top-auto { + top: auto !important; } - .sm\:order-4 { - order: 4 !important; + .sm\:right-auto { + right: auto !important; } - .sm\:order-5 { - order: 5 !important; + .sm\:bottom-auto { + bottom: auto !important; } - .sm\:order-6 { - order: 6 !important; + .sm\:left-auto { + left: auto !important; } - .sm\:order-7 { - order: 7 !important; + .sm\:resize-none { + resize: none !important; } - .sm\:order-8 { - order: 8 !important; + .sm\:resize-y { + resize: vertical !important; } - .sm\:order-9 { - order: 9 !important; + .sm\:resize-x { + resize: horizontal !important; } - .sm\:order-10 { - order: 10 !important; + .sm\:resize { + resize: both !important; } - .sm\:order-11 { - order: 11 !important; + .sm\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:order-12 { - order: 12 !important; + .sm\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .sm\:order-first { - order: -9999 !important; + .sm\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .sm\:order-last { - order: 9999 !important; + .sm\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .sm\:order-none { - order: 0 !important; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:float-right { - float: right !important; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:float-left { - float: left !important; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:float-none { - float: none !important; + .sm\:shadow-none { + box-shadow: none !important; } - .sm\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .sm\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:font-sans { - font-family: -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" !important; + .sm\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .sm\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .sm\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .sm\:font-hairline { - font-weight: 100 !important; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:font-thin { - font-weight: 200 !important; + .sm\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:font-light { - font-weight: 300 !important; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:font-normal { - font-weight: 400 !important; + .sm\:hover\:shadow-none:hover { + box-shadow: none !important; } - .sm\:font-medium { - font-weight: 500 !important; + .sm\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:font-semibold { - font-weight: 600 !important; + .sm\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .sm\:font-bold { - font-weight: 700 !important; + .sm\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .sm\:font-extrabold { - font-weight: 800 !important; + .sm\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .sm\:font-black { - font-weight: 900 !important; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .sm\:hover\:font-hairline:hover { - font-weight: 100 !important; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .sm\:hover\:font-thin:hover { - font-weight: 200 !important; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .sm\:hover\:font-light:hover { - font-weight: 300 !important; + .sm\:focus\:shadow-none:focus { + box-shadow: none !important; } - .sm\:hover\:font-normal:hover { - font-weight: 400 !important; + .sm\:fill-current { + fill: currentColor !important; } - .sm\:hover\:font-medium:hover { - font-weight: 500 !important; + .sm\:stroke-current { + stroke: currentColor !important; } - .sm\:hover\:font-semibold:hover { - font-weight: 600 !important; + .sm\:table-auto { + table-layout: auto !important; } - .sm\:hover\:font-bold:hover { - font-weight: 700 !important; + .sm\:table-fixed { + table-layout: fixed !important; } - .sm\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .sm\:text-left { + text-align: left !important; } - .sm\:hover\:font-black:hover { - font-weight: 900 !important; + .sm\:text-center { + text-align: center !important; } - .sm\:focus\:font-hairline:focus { - font-weight: 100 !important; + .sm\:text-right { + text-align: right !important; } - .sm\:focus\:font-thin:focus { - font-weight: 200 !important; + .sm\:text-justify { + text-align: justify !important; } - .sm\:focus\:font-light:focus { - font-weight: 300 !important; + .sm\:text-transparent { + color: transparent !important; } - .sm\:focus\:font-normal:focus { - font-weight: 400 !important; + .sm\:text-black { + color: #000 !important; } - .sm\:focus\:font-medium:focus { - font-weight: 500 !important; + .sm\:text-white { + color: #fff !important; } - .sm\:focus\:font-semibold:focus { - font-weight: 600 !important; + .sm\:text-gray-100 { + color: #f7fafc !important; } - .sm\:focus\:font-bold:focus { - font-weight: 700 !important; + .sm\:text-gray-200 { + color: #edf2f7 !important; } - .sm\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .sm\:text-gray-300 { + color: #e2e8f0 !important; } - .sm\:focus\:font-black:focus { - font-weight: 900 !important; + .sm\:text-gray-400 { + color: #cbd5e0 !important; } - .sm\:h-0 { - height: 0 !important; + .sm\:text-gray-500 { + color: #a0aec0 !important; } - .sm\:h-1 { - height: 0.25rem !important; + .sm\:text-gray-600 { + color: #718096 !important; } - .sm\:h-2 { - height: 0.5rem !important; + .sm\:text-gray-700 { + color: #4a5568 !important; } - .sm\:h-3 { - height: 0.75rem !important; + .sm\:text-gray-800 { + color: #2d3748 !important; } - .sm\:h-4 { - height: 1rem !important; + .sm\:text-gray-900 { + color: #1a202c !important; } - .sm\:h-5 { - height: 1.25rem !important; + .sm\:text-red-100 { + color: #fff5f5 !important; } - .sm\:h-6 { - height: 1.5rem !important; + .sm\:text-red-200 { + color: #fed7d7 !important; } - .sm\:h-8 { - height: 2rem !important; + .sm\:text-red-300 { + color: #feb2b2 !important; } - .sm\:h-10 { - height: 2.5rem !important; + .sm\:text-red-400 { + color: #fc8181 !important; } - .sm\:h-12 { - height: 3rem !important; + .sm\:text-red-500 { + color: #f56565 !important; } - .sm\:h-16 { - height: 4rem !important; + .sm\:text-red-600 { + color: #e53e3e !important; } - .sm\:h-20 { - height: 5rem !important; + .sm\:text-red-700 { + color: #c53030 !important; } - .sm\:h-24 { - height: 6rem !important; + .sm\:text-red-800 { + color: #9b2c2c !important; } - .sm\:h-32 { - height: 8rem !important; + .sm\:text-red-900 { + color: #742a2a !important; } - .sm\:h-40 { - height: 10rem !important; + .sm\:text-orange-100 { + color: #fffaf0 !important; } - .sm\:h-48 { - height: 12rem !important; + .sm\:text-orange-200 { + color: #feebc8 !important; } - .sm\:h-56 { - height: 14rem !important; + .sm\:text-orange-300 { + color: #fbd38d !important; } - .sm\:h-64 { - height: 16rem !important; + .sm\:text-orange-400 { + color: #f6ad55 !important; } - .sm\:h-auto { - height: auto !important; + .sm\:text-orange-500 { + color: #ed8936 !important; } - .sm\:h-px { - height: 1px !important; + .sm\:text-orange-600 { + color: #dd6b20 !important; } - .sm\:h-full { - height: 100% !important; + .sm\:text-orange-700 { + color: #c05621 !important; } - .sm\:h-screen { - height: 100vh !important; + .sm\:text-orange-800 { + color: #9c4221 !important; } - .sm\:leading-none { - line-height: 1 !important; + .sm\:text-orange-900 { + color: #7b341e !important; } - .sm\:leading-tight { - line-height: 1.25 !important; + .sm\:text-yellow-100 { + color: #fffff0 !important; } - .sm\:leading-snug { - line-height: 1.375 !important; + .sm\:text-yellow-200 { + color: #fefcbf !important; } - .sm\:leading-normal { - line-height: 1.5 !important; + .sm\:text-yellow-300 { + color: #faf089 !important; } - .sm\:leading-relaxed { - line-height: 1.625 !important; + .sm\:text-yellow-400 { + color: #f6e05e !important; } - .sm\:leading-loose { - line-height: 2 !important; + .sm\:text-yellow-500 { + color: #ecc94b !important; } - .sm\:list-inside { - list-style-position: inside !important; + .sm\:text-yellow-600 { + color: #d69e2e !important; } - .sm\:list-outside { - list-style-position: outside !important; + .sm\:text-yellow-700 { + color: #b7791f !important; } - .sm\:list-none { - list-style-type: none !important; + .sm\:text-yellow-800 { + color: #975a16 !important; } - .sm\:list-disc { - list-style-type: disc !important; + .sm\:text-yellow-900 { + color: #744210 !important; } - .sm\:list-decimal { - list-style-type: decimal !important; + .sm\:text-green-100 { + color: #f0fff4 !important; } - .sm\:m-0 { - margin: 0 !important; + .sm\:text-green-200 { + color: #c6f6d5 !important; } - .sm\:m-1 { - margin: 0.25rem !important; + .sm\:text-green-300 { + color: #9ae6b4 !important; } - .sm\:m-2 { - margin: 0.5rem !important; + .sm\:text-green-400 { + color: #68d391 !important; } - .sm\:m-3 { - margin: 0.75rem !important; + .sm\:text-green-500 { + color: #48bb78 !important; } - .sm\:m-4 { - margin: 1rem !important; + .sm\:text-green-600 { + color: #38a169 !important; } - .sm\:m-5 { - margin: 1.25rem !important; + .sm\:text-green-700 { + color: #2f855a !important; } - .sm\:m-6 { - margin: 1.5rem !important; + .sm\:text-green-800 { + color: #276749 !important; } - .sm\:m-8 { - margin: 2rem !important; + .sm\:text-green-900 { + color: #22543d !important; } - .sm\:m-10 { - margin: 2.5rem !important; + .sm\:text-teal-100 { + color: #e6fffa !important; } - .sm\:m-12 { - margin: 3rem !important; + .sm\:text-teal-200 { + color: #b2f5ea !important; } - .sm\:m-16 { - margin: 4rem !important; + .sm\:text-teal-300 { + color: #81e6d9 !important; } - .sm\:m-20 { - margin: 5rem !important; + .sm\:text-teal-400 { + color: #4fd1c5 !important; } - .sm\:m-24 { - margin: 6rem !important; + .sm\:text-teal-500 { + color: #38b2ac !important; } - .sm\:m-32 { - margin: 8rem !important; + .sm\:text-teal-600 { + color: #319795 !important; } - .sm\:m-40 { - margin: 10rem !important; + .sm\:text-teal-700 { + color: #2c7a7b !important; } - .sm\:m-48 { - margin: 12rem !important; + .sm\:text-teal-800 { + color: #285e61 !important; } - .sm\:m-56 { - margin: 14rem !important; + .sm\:text-teal-900 { + color: #234e52 !important; } - .sm\:m-64 { - margin: 16rem !important; + .sm\:text-blue-100 { + color: #ebf8ff !important; } - .sm\:m-auto { - margin: auto !important; + .sm\:text-blue-200 { + color: #bee3f8 !important; } - .sm\:m-px { - margin: 1px !important; + .sm\:text-blue-300 { + color: #90cdf4 !important; } - .sm\:-m-1 { - margin: -0.25rem !important; + .sm\:text-blue-400 { + color: #63b3ed !important; } - .sm\:-m-2 { - margin: -0.5rem !important; + .sm\:text-blue-500 { + color: #4299e1 !important; } - .sm\:-m-3 { - margin: -0.75rem !important; + .sm\:text-blue-600 { + color: #3182ce !important; } - .sm\:-m-4 { - margin: -1rem !important; + .sm\:text-blue-700 { + color: #2b6cb0 !important; } - .sm\:-m-5 { - margin: -1.25rem !important; + .sm\:text-blue-800 { + color: #2c5282 !important; } - .sm\:-m-6 { - margin: -1.5rem !important; + .sm\:text-blue-900 { + color: #2a4365 !important; } - .sm\:-m-8 { - margin: -2rem !important; + .sm\:text-indigo-100 { + color: #ebf4ff !important; } - .sm\:-m-10 { - margin: -2.5rem !important; + .sm\:text-indigo-200 { + color: #c3dafe !important; } - .sm\:-m-12 { - margin: -3rem !important; + .sm\:text-indigo-300 { + color: #a3bffa !important; } - .sm\:-m-16 { - margin: -4rem !important; + .sm\:text-indigo-400 { + color: #7f9cf5 !important; } - .sm\:-m-20 { - margin: -5rem !important; + .sm\:text-indigo-500 { + color: #667eea !important; } - .sm\:-m-24 { - margin: -6rem !important; + .sm\:text-indigo-600 { + color: #5a67d8 !important; } - .sm\:-m-32 { - margin: -8rem !important; + .sm\:text-indigo-700 { + color: #4c51bf !important; } - .sm\:-m-40 { - margin: -10rem !important; + .sm\:text-indigo-800 { + color: #434190 !important; } - .sm\:-m-48 { - margin: -12rem !important; + .sm\:text-indigo-900 { + color: #3c366b !important; } - .sm\:-m-56 { - margin: -14rem !important; + .sm\:text-purple-100 { + color: #faf5ff !important; } - .sm\:-m-64 { - margin: -16rem !important; + .sm\:text-purple-200 { + color: #e9d8fd !important; } - .sm\:-m-px { - margin: -1px !important; + .sm\:text-purple-300 { + color: #d6bcfa !important; } - .sm\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .sm\:text-purple-400 { + color: #b794f4 !important; } - .sm\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .sm\:text-purple-500 { + color: #9f7aea !important; } - .sm\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .sm\:text-purple-600 { + color: #805ad5 !important; } - .sm\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .sm\:text-purple-700 { + color: #6b46c1 !important; } - .sm\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .sm\:text-purple-800 { + color: #553c9a !important; } - .sm\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .sm\:text-purple-900 { + color: #44337a !important; } - .sm\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .sm\:text-pink-100 { + color: #fff5f7 !important; } - .sm\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .sm\:text-pink-200 { + color: #fed7e2 !important; } - .sm\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .sm\:text-pink-300 { + color: #fbb6ce !important; } - .sm\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .sm\:text-pink-400 { + color: #f687b3 !important; } - .sm\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .sm\:text-pink-500 { + color: #ed64a6 !important; } - .sm\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .sm\:text-pink-600 { + color: #d53f8c !important; } - .sm\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .sm\:text-pink-700 { + color: #b83280 !important; } - .sm\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .sm\:text-pink-800 { + color: #97266d !important; } - .sm\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .sm\:text-pink-900 { + color: #702459 !important; } - .sm\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .sm\:hover\:text-transparent:hover { + color: transparent !important; } - .sm\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .sm\:hover\:text-black:hover { + color: #000 !important; } - .sm\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .sm\:hover\:text-white:hover { + color: #fff !important; } - .sm\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .sm\:hover\:text-gray-100:hover { + color: #f7fafc !important; } - .sm\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .sm\:hover\:text-gray-200:hover { + color: #edf2f7 !important; } - .sm\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .sm\:hover\:text-gray-300:hover { + color: #e2e8f0 !important; } - .sm\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .sm\:hover\:text-gray-400:hover { + color: #cbd5e0 !important; } - .sm\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .sm\:hover\:text-gray-500:hover { + color: #a0aec0 !important; } - .sm\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .sm\:hover\:text-gray-600:hover { + color: #718096 !important; } - .sm\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .sm\:hover\:text-gray-700:hover { + color: #4a5568 !important; } - .sm\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .sm\:hover\:text-gray-800:hover { + color: #2d3748 !important; } - .sm\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .sm\:hover\:text-gray-900:hover { + color: #1a202c !important; } - .sm\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .sm\:hover\:text-red-100:hover { + color: #fff5f5 !important; } - .sm\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .sm\:hover\:text-red-200:hover { + color: #fed7d7 !important; } - .sm\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .sm\:hover\:text-red-300:hover { + color: #feb2b2 !important; } - .sm\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .sm\:hover\:text-red-400:hover { + color: #fc8181 !important; } - .sm\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .sm\:hover\:text-red-500:hover { + color: #f56565 !important; } - .sm\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .sm\:hover\:text-red-600:hover { + color: #e53e3e !important; } - .sm\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .sm\:hover\:text-red-700:hover { + color: #c53030 !important; } - .sm\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .sm\:hover\:text-red-800:hover { + color: #9b2c2c !important; } - .sm\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .sm\:hover\:text-red-900:hover { + color: #742a2a !important; } - .sm\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .sm\:hover\:text-orange-100:hover { + color: #fffaf0 !important; } - .sm\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .sm\:hover\:text-orange-200:hover { + color: #feebc8 !important; } - .sm\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .sm\:hover\:text-orange-300:hover { + color: #fbd38d !important; } - .sm\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .sm\:hover\:text-orange-400:hover { + color: #f6ad55 !important; } - .sm\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .sm\:hover\:text-orange-500:hover { + color: #ed8936 !important; } - .sm\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .sm\:hover\:text-orange-600:hover { + color: #dd6b20 !important; } - .sm\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .sm\:hover\:text-orange-700:hover { + color: #c05621 !important; } - .sm\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .sm\:hover\:text-orange-800:hover { + color: #9c4221 !important; } - .sm\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .sm\:hover\:text-orange-900:hover { + color: #7b341e !important; } - .sm\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .sm\:hover\:text-yellow-100:hover { + color: #fffff0 !important; } - .sm\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .sm\:hover\:text-yellow-200:hover { + color: #fefcbf !important; } - .sm\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .sm\:hover\:text-yellow-300:hover { + color: #faf089 !important; } - .sm\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .sm\:hover\:text-yellow-400:hover { + color: #f6e05e !important; } - .sm\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .sm\:hover\:text-yellow-500:hover { + color: #ecc94b !important; } - .sm\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .sm\:hover\:text-yellow-600:hover { + color: #d69e2e !important; } - .sm\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .sm\:hover\:text-yellow-700:hover { + color: #b7791f !important; } - .sm\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .sm\:hover\:text-yellow-800:hover { + color: #975a16 !important; } - .sm\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .sm\:hover\:text-yellow-900:hover { + color: #744210 !important; } - .sm\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .sm\:hover\:text-green-100:hover { + color: #f0fff4 !important; } - .sm\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .sm\:hover\:text-green-200:hover { + color: #c6f6d5 !important; } - .sm\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .sm\:hover\:text-green-300:hover { + color: #9ae6b4 !important; } - .sm\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .sm\:hover\:text-green-400:hover { + color: #68d391 !important; } - .sm\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .sm\:hover\:text-green-500:hover { + color: #48bb78 !important; } - .sm\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .sm\:hover\:text-green-600:hover { + color: #38a169 !important; } - .sm\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .sm\:hover\:text-green-700:hover { + color: #2f855a !important; } - .sm\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .sm\:hover\:text-green-800:hover { + color: #276749 !important; } - .sm\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .sm\:hover\:text-green-900:hover { + color: #22543d !important; } - .sm\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .sm\:hover\:text-teal-100:hover { + color: #e6fffa !important; } - .sm\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .sm\:hover\:text-teal-200:hover { + color: #b2f5ea !important; } - .sm\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .sm\:hover\:text-teal-300:hover { + color: #81e6d9 !important; } - .sm\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .sm\:hover\:text-teal-400:hover { + color: #4fd1c5 !important; } - .sm\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .sm\:hover\:text-teal-500:hover { + color: #38b2ac !important; } - .sm\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .sm\:hover\:text-teal-600:hover { + color: #319795 !important; } - .sm\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .sm\:hover\:text-teal-700:hover { + color: #2c7a7b !important; } - .sm\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .sm\:hover\:text-teal-800:hover { + color: #285e61 !important; } - .sm\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .sm\:hover\:text-teal-900:hover { + color: #234e52 !important; } - .sm\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .sm\:hover\:text-blue-100:hover { + color: #ebf8ff !important; } - .sm\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .sm\:hover\:text-blue-200:hover { + color: #bee3f8 !important; } - .sm\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .sm\:hover\:text-blue-300:hover { + color: #90cdf4 !important; } - .sm\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .sm\:hover\:text-blue-400:hover { + color: #63b3ed !important; } - .sm\:mt-0 { - margin-top: 0 !important; + .sm\:hover\:text-blue-500:hover { + color: #4299e1 !important; } - .sm\:mr-0 { - margin-right: 0 !important; + .sm\:hover\:text-blue-600:hover { + color: #3182ce !important; } - .sm\:mb-0 { - margin-bottom: 0 !important; + .sm\:hover\:text-blue-700:hover { + color: #2b6cb0 !important; } - .sm\:ml-0 { - margin-left: 0 !important; + .sm\:hover\:text-blue-800:hover { + color: #2c5282 !important; } - .sm\:mt-1 { - margin-top: 0.25rem !important; + .sm\:hover\:text-blue-900:hover { + color: #2a4365 !important; } - .sm\:mr-1 { - margin-right: 0.25rem !important; + .sm\:hover\:text-indigo-100:hover { + color: #ebf4ff !important; } - .sm\:mb-1 { - margin-bottom: 0.25rem !important; + .sm\:hover\:text-indigo-200:hover { + color: #c3dafe !important; } - .sm\:ml-1 { - margin-left: 0.25rem !important; + .sm\:hover\:text-indigo-300:hover { + color: #a3bffa !important; } - .sm\:mt-2 { - margin-top: 0.5rem !important; + .sm\:hover\:text-indigo-400:hover { + color: #7f9cf5 !important; } - .sm\:mr-2 { - margin-right: 0.5rem !important; + .sm\:hover\:text-indigo-500:hover { + color: #667eea !important; } - .sm\:mb-2 { - margin-bottom: 0.5rem !important; + .sm\:hover\:text-indigo-600:hover { + color: #5a67d8 !important; } - .sm\:ml-2 { - margin-left: 0.5rem !important; + .sm\:hover\:text-indigo-700:hover { + color: #4c51bf !important; } - .sm\:mt-3 { - margin-top: 0.75rem !important; + .sm\:hover\:text-indigo-800:hover { + color: #434190 !important; } - .sm\:mr-3 { - margin-right: 0.75rem !important; + .sm\:hover\:text-indigo-900:hover { + color: #3c366b !important; } - .sm\:mb-3 { - margin-bottom: 0.75rem !important; + .sm\:hover\:text-purple-100:hover { + color: #faf5ff !important; } - .sm\:ml-3 { - margin-left: 0.75rem !important; + .sm\:hover\:text-purple-200:hover { + color: #e9d8fd !important; } - .sm\:mt-4 { - margin-top: 1rem !important; + .sm\:hover\:text-purple-300:hover { + color: #d6bcfa !important; } - .sm\:mr-4 { - margin-right: 1rem !important; + .sm\:hover\:text-purple-400:hover { + color: #b794f4 !important; } - .sm\:mb-4 { - margin-bottom: 1rem !important; + .sm\:hover\:text-purple-500:hover { + color: #9f7aea !important; } - .sm\:ml-4 { - margin-left: 1rem !important; + .sm\:hover\:text-purple-600:hover { + color: #805ad5 !important; } - .sm\:mt-5 { - margin-top: 1.25rem !important; + .sm\:hover\:text-purple-700:hover { + color: #6b46c1 !important; } - .sm\:mr-5 { - margin-right: 1.25rem !important; + .sm\:hover\:text-purple-800:hover { + color: #553c9a !important; } - .sm\:mb-5 { - margin-bottom: 1.25rem !important; + .sm\:hover\:text-purple-900:hover { + color: #44337a !important; } - .sm\:ml-5 { - margin-left: 1.25rem !important; + .sm\:hover\:text-pink-100:hover { + color: #fff5f7 !important; } - .sm\:mt-6 { - margin-top: 1.5rem !important; + .sm\:hover\:text-pink-200:hover { + color: #fed7e2 !important; } - .sm\:mr-6 { - margin-right: 1.5rem !important; + .sm\:hover\:text-pink-300:hover { + color: #fbb6ce !important; } - .sm\:mb-6 { - margin-bottom: 1.5rem !important; + .sm\:hover\:text-pink-400:hover { + color: #f687b3 !important; } - .sm\:ml-6 { - margin-left: 1.5rem !important; + .sm\:hover\:text-pink-500:hover { + color: #ed64a6 !important; } - .sm\:mt-8 { - margin-top: 2rem !important; + .sm\:hover\:text-pink-600:hover { + color: #d53f8c !important; } - .sm\:mr-8 { - margin-right: 2rem !important; + .sm\:hover\:text-pink-700:hover { + color: #b83280 !important; } - .sm\:mb-8 { - margin-bottom: 2rem !important; + .sm\:hover\:text-pink-800:hover { + color: #97266d !important; } - .sm\:ml-8 { - margin-left: 2rem !important; + .sm\:hover\:text-pink-900:hover { + color: #702459 !important; } - .sm\:mt-10 { - margin-top: 2.5rem !important; + .sm\:focus\:text-transparent:focus { + color: transparent !important; } - .sm\:mr-10 { - margin-right: 2.5rem !important; + .sm\:focus\:text-black:focus { + color: #000 !important; } - .sm\:mb-10 { - margin-bottom: 2.5rem !important; + .sm\:focus\:text-white:focus { + color: #fff !important; } - .sm\:ml-10 { - margin-left: 2.5rem !important; + .sm\:focus\:text-gray-100:focus { + color: #f7fafc !important; } - .sm\:mt-12 { - margin-top: 3rem !important; + .sm\:focus\:text-gray-200:focus { + color: #edf2f7 !important; } - .sm\:mr-12 { - margin-right: 3rem !important; + .sm\:focus\:text-gray-300:focus { + color: #e2e8f0 !important; } - .sm\:mb-12 { - margin-bottom: 3rem !important; + .sm\:focus\:text-gray-400:focus { + color: #cbd5e0 !important; } - .sm\:ml-12 { - margin-left: 3rem !important; + .sm\:focus\:text-gray-500:focus { + color: #a0aec0 !important; } - .sm\:mt-16 { - margin-top: 4rem !important; + .sm\:focus\:text-gray-600:focus { + color: #718096 !important; } - .sm\:mr-16 { - margin-right: 4rem !important; + .sm\:focus\:text-gray-700:focus { + color: #4a5568 !important; } - .sm\:mb-16 { - margin-bottom: 4rem !important; + .sm\:focus\:text-gray-800:focus { + color: #2d3748 !important; } - .sm\:ml-16 { - margin-left: 4rem !important; + .sm\:focus\:text-gray-900:focus { + color: #1a202c !important; } - .sm\:mt-20 { - margin-top: 5rem !important; + .sm\:focus\:text-red-100:focus { + color: #fff5f5 !important; } - .sm\:mr-20 { - margin-right: 5rem !important; + .sm\:focus\:text-red-200:focus { + color: #fed7d7 !important; } - .sm\:mb-20 { - margin-bottom: 5rem !important; + .sm\:focus\:text-red-300:focus { + color: #feb2b2 !important; } - .sm\:ml-20 { - margin-left: 5rem !important; + .sm\:focus\:text-red-400:focus { + color: #fc8181 !important; } - .sm\:mt-24 { - margin-top: 6rem !important; + .sm\:focus\:text-red-500:focus { + color: #f56565 !important; } - .sm\:mr-24 { - margin-right: 6rem !important; + .sm\:focus\:text-red-600:focus { + color: #e53e3e !important; } - .sm\:mb-24 { - margin-bottom: 6rem !important; + .sm\:focus\:text-red-700:focus { + color: #c53030 !important; } - .sm\:ml-24 { - margin-left: 6rem !important; + .sm\:focus\:text-red-800:focus { + color: #9b2c2c !important; } - .sm\:mt-32 { - margin-top: 8rem !important; + .sm\:focus\:text-red-900:focus { + color: #742a2a !important; + } + + .sm\:focus\:text-orange-100:focus { + color: #fffaf0 !important; } - .sm\:mr-32 { - margin-right: 8rem !important; + .sm\:focus\:text-orange-200:focus { + color: #feebc8 !important; } - .sm\:mb-32 { - margin-bottom: 8rem !important; + .sm\:focus\:text-orange-300:focus { + color: #fbd38d !important; } - .sm\:ml-32 { - margin-left: 8rem !important; + .sm\:focus\:text-orange-400:focus { + color: #f6ad55 !important; } - .sm\:mt-40 { - margin-top: 10rem !important; + .sm\:focus\:text-orange-500:focus { + color: #ed8936 !important; } - .sm\:mr-40 { - margin-right: 10rem !important; + .sm\:focus\:text-orange-600:focus { + color: #dd6b20 !important; } - .sm\:mb-40 { - margin-bottom: 10rem !important; + .sm\:focus\:text-orange-700:focus { + color: #c05621 !important; } - .sm\:ml-40 { - margin-left: 10rem !important; + .sm\:focus\:text-orange-800:focus { + color: #9c4221 !important; } - .sm\:mt-48 { - margin-top: 12rem !important; + .sm\:focus\:text-orange-900:focus { + color: #7b341e !important; } - .sm\:mr-48 { - margin-right: 12rem !important; + .sm\:focus\:text-yellow-100:focus { + color: #fffff0 !important; } - .sm\:mb-48 { - margin-bottom: 12rem !important; + .sm\:focus\:text-yellow-200:focus { + color: #fefcbf !important; } - .sm\:ml-48 { - margin-left: 12rem !important; + .sm\:focus\:text-yellow-300:focus { + color: #faf089 !important; } - .sm\:mt-56 { - margin-top: 14rem !important; + .sm\:focus\:text-yellow-400:focus { + color: #f6e05e !important; } - .sm\:mr-56 { - margin-right: 14rem !important; + .sm\:focus\:text-yellow-500:focus { + color: #ecc94b !important; } - .sm\:mb-56 { - margin-bottom: 14rem !important; + .sm\:focus\:text-yellow-600:focus { + color: #d69e2e !important; } - .sm\:ml-56 { - margin-left: 14rem !important; + .sm\:focus\:text-yellow-700:focus { + color: #b7791f !important; } - .sm\:mt-64 { - margin-top: 16rem !important; + .sm\:focus\:text-yellow-800:focus { + color: #975a16 !important; } - .sm\:mr-64 { - margin-right: 16rem !important; + .sm\:focus\:text-yellow-900:focus { + color: #744210 !important; } - .sm\:mb-64 { - margin-bottom: 16rem !important; + .sm\:focus\:text-green-100:focus { + color: #f0fff4 !important; } - .sm\:ml-64 { - margin-left: 16rem !important; + .sm\:focus\:text-green-200:focus { + color: #c6f6d5 !important; } - .sm\:mt-auto { - margin-top: auto !important; + .sm\:focus\:text-green-300:focus { + color: #9ae6b4 !important; } - .sm\:mr-auto { - margin-right: auto !important; + .sm\:focus\:text-green-400:focus { + color: #68d391 !important; } - .sm\:mb-auto { - margin-bottom: auto !important; + .sm\:focus\:text-green-500:focus { + color: #48bb78 !important; } - .sm\:ml-auto { - margin-left: auto !important; + .sm\:focus\:text-green-600:focus { + color: #38a169 !important; } - .sm\:mt-px { - margin-top: 1px !important; + .sm\:focus\:text-green-700:focus { + color: #2f855a !important; } - .sm\:mr-px { - margin-right: 1px !important; + .sm\:focus\:text-green-800:focus { + color: #276749 !important; } - .sm\:mb-px { - margin-bottom: 1px !important; + .sm\:focus\:text-green-900:focus { + color: #22543d !important; } - .sm\:ml-px { - margin-left: 1px !important; + .sm\:focus\:text-teal-100:focus { + color: #e6fffa !important; } - .sm\:-mt-1 { - margin-top: -0.25rem !important; + .sm\:focus\:text-teal-200:focus { + color: #b2f5ea !important; } - .sm\:-mr-1 { - margin-right: -0.25rem !important; + .sm\:focus\:text-teal-300:focus { + color: #81e6d9 !important; } - .sm\:-mb-1 { - margin-bottom: -0.25rem !important; + .sm\:focus\:text-teal-400:focus { + color: #4fd1c5 !important; } - .sm\:-ml-1 { - margin-left: -0.25rem !important; + .sm\:focus\:text-teal-500:focus { + color: #38b2ac !important; } - .sm\:-mt-2 { - margin-top: -0.5rem !important; + .sm\:focus\:text-teal-600:focus { + color: #319795 !important; } - .sm\:-mr-2 { - margin-right: -0.5rem !important; + .sm\:focus\:text-teal-700:focus { + color: #2c7a7b !important; } - .sm\:-mb-2 { - margin-bottom: -0.5rem !important; + .sm\:focus\:text-teal-800:focus { + color: #285e61 !important; } - .sm\:-ml-2 { - margin-left: -0.5rem !important; + .sm\:focus\:text-teal-900:focus { + color: #234e52 !important; } - .sm\:-mt-3 { - margin-top: -0.75rem !important; + .sm\:focus\:text-blue-100:focus { + color: #ebf8ff !important; } - .sm\:-mr-3 { - margin-right: -0.75rem !important; + .sm\:focus\:text-blue-200:focus { + color: #bee3f8 !important; } - .sm\:-mb-3 { - margin-bottom: -0.75rem !important; + .sm\:focus\:text-blue-300:focus { + color: #90cdf4 !important; } - .sm\:-ml-3 { - margin-left: -0.75rem !important; + .sm\:focus\:text-blue-400:focus { + color: #63b3ed !important; } - .sm\:-mt-4 { - margin-top: -1rem !important; + .sm\:focus\:text-blue-500:focus { + color: #4299e1 !important; } - .sm\:-mr-4 { - margin-right: -1rem !important; + .sm\:focus\:text-blue-600:focus { + color: #3182ce !important; } - .sm\:-mb-4 { - margin-bottom: -1rem !important; + .sm\:focus\:text-blue-700:focus { + color: #2b6cb0 !important; } - .sm\:-ml-4 { - margin-left: -1rem !important; + .sm\:focus\:text-blue-800:focus { + color: #2c5282 !important; } - .sm\:-mt-5 { - margin-top: -1.25rem !important; + .sm\:focus\:text-blue-900:focus { + color: #2a4365 !important; } - .sm\:-mr-5 { - margin-right: -1.25rem !important; + .sm\:focus\:text-indigo-100:focus { + color: #ebf4ff !important; } - .sm\:-mb-5 { - margin-bottom: -1.25rem !important; + .sm\:focus\:text-indigo-200:focus { + color: #c3dafe !important; } - .sm\:-ml-5 { - margin-left: -1.25rem !important; + .sm\:focus\:text-indigo-300:focus { + color: #a3bffa !important; } - .sm\:-mt-6 { - margin-top: -1.5rem !important; + .sm\:focus\:text-indigo-400:focus { + color: #7f9cf5 !important; } - .sm\:-mr-6 { - margin-right: -1.5rem !important; + .sm\:focus\:text-indigo-500:focus { + color: #667eea !important; } - .sm\:-mb-6 { - margin-bottom: -1.5rem !important; + .sm\:focus\:text-indigo-600:focus { + color: #5a67d8 !important; } - .sm\:-ml-6 { - margin-left: -1.5rem !important; + .sm\:focus\:text-indigo-700:focus { + color: #4c51bf !important; } - .sm\:-mt-8 { - margin-top: -2rem !important; + .sm\:focus\:text-indigo-800:focus { + color: #434190 !important; } - .sm\:-mr-8 { - margin-right: -2rem !important; + .sm\:focus\:text-indigo-900:focus { + color: #3c366b !important; } - .sm\:-mb-8 { - margin-bottom: -2rem !important; + .sm\:focus\:text-purple-100:focus { + color: #faf5ff !important; } - .sm\:-ml-8 { - margin-left: -2rem !important; + .sm\:focus\:text-purple-200:focus { + color: #e9d8fd !important; } - .sm\:-mt-10 { - margin-top: -2.5rem !important; + .sm\:focus\:text-purple-300:focus { + color: #d6bcfa !important; } - .sm\:-mr-10 { - margin-right: -2.5rem !important; + .sm\:focus\:text-purple-400:focus { + color: #b794f4 !important; } - .sm\:-mb-10 { - margin-bottom: -2.5rem !important; + .sm\:focus\:text-purple-500:focus { + color: #9f7aea !important; } - .sm\:-ml-10 { - margin-left: -2.5rem !important; + .sm\:focus\:text-purple-600:focus { + color: #805ad5 !important; } - .sm\:-mt-12 { - margin-top: -3rem !important; + .sm\:focus\:text-purple-700:focus { + color: #6b46c1 !important; } - .sm\:-mr-12 { - margin-right: -3rem !important; + .sm\:focus\:text-purple-800:focus { + color: #553c9a !important; } - .sm\:-mb-12 { - margin-bottom: -3rem !important; + .sm\:focus\:text-purple-900:focus { + color: #44337a !important; } - .sm\:-ml-12 { - margin-left: -3rem !important; + .sm\:focus\:text-pink-100:focus { + color: #fff5f7 !important; } - .sm\:-mt-16 { - margin-top: -4rem !important; + .sm\:focus\:text-pink-200:focus { + color: #fed7e2 !important; } - .sm\:-mr-16 { - margin-right: -4rem !important; + .sm\:focus\:text-pink-300:focus { + color: #fbb6ce !important; } - .sm\:-mb-16 { - margin-bottom: -4rem !important; + .sm\:focus\:text-pink-400:focus { + color: #f687b3 !important; } - .sm\:-ml-16 { - margin-left: -4rem !important; + .sm\:focus\:text-pink-500:focus { + color: #ed64a6 !important; } - .sm\:-mt-20 { - margin-top: -5rem !important; + .sm\:focus\:text-pink-600:focus { + color: #d53f8c !important; } - .sm\:-mr-20 { - margin-right: -5rem !important; + .sm\:focus\:text-pink-700:focus { + color: #b83280 !important; } - .sm\:-mb-20 { - margin-bottom: -5rem !important; + .sm\:focus\:text-pink-800:focus { + color: #97266d !important; } - .sm\:-ml-20 { - margin-left: -5rem !important; + .sm\:focus\:text-pink-900:focus { + color: #702459 !important; } - .sm\:-mt-24 { - margin-top: -6rem !important; + .sm\:text-xs { + font-size: 0.75rem !important; } - .sm\:-mr-24 { - margin-right: -6rem !important; + .sm\:text-sm { + font-size: 0.875rem !important; } - .sm\:-mb-24 { - margin-bottom: -6rem !important; + .sm\:text-base { + font-size: 1rem !important; } - .sm\:-ml-24 { - margin-left: -6rem !important; + .sm\:text-lg { + font-size: 1.125rem !important; } - .sm\:-mt-32 { - margin-top: -8rem !important; + .sm\:text-xl { + font-size: 1.25rem !important; } - .sm\:-mr-32 { - margin-right: -8rem !important; + .sm\:text-2xl { + font-size: 1.5rem !important; } - .sm\:-mb-32 { - margin-bottom: -8rem !important; + .sm\:text-3xl { + font-size: 1.875rem !important; } - .sm\:-ml-32 { - margin-left: -8rem !important; + .sm\:text-4xl { + font-size: 2.25rem !important; } - .sm\:-mt-40 { - margin-top: -10rem !important; + .sm\:text-5xl { + font-size: 3rem !important; } - .sm\:-mr-40 { - margin-right: -10rem !important; + .sm\:text-6xl { + font-size: 4rem !important; } - .sm\:-mb-40 { - margin-bottom: -10rem !important; + .sm\:italic { + font-style: italic !important; } - .sm\:-ml-40 { - margin-left: -10rem !important; + .sm\:not-italic { + font-style: normal !important; } - .sm\:-mt-48 { - margin-top: -12rem !important; + .sm\:uppercase { + text-transform: uppercase !important; } - .sm\:-mr-48 { - margin-right: -12rem !important; + .sm\:lowercase { + text-transform: lowercase !important; } - .sm\:-mb-48 { - margin-bottom: -12rem !important; + .sm\:capitalize { + text-transform: capitalize !important; } - .sm\:-ml-48 { - margin-left: -12rem !important; + .sm\:normal-case { + text-transform: none !important; } - .sm\:-mt-56 { - margin-top: -14rem !important; + .sm\:underline { + text-decoration: underline !important; } - .sm\:-mr-56 { - margin-right: -14rem !important; + .sm\:line-through { + text-decoration: line-through !important; } - .sm\:-mb-56 { - margin-bottom: -14rem !important; + .sm\:no-underline { + text-decoration: none !important; } - .sm\:-ml-56 { - margin-left: -14rem !important; + .sm\:hover\:underline:hover { + text-decoration: underline !important; } - .sm\:-mt-64 { - margin-top: -16rem !important; + .sm\:hover\:line-through:hover { + text-decoration: line-through !important; } - .sm\:-mr-64 { - margin-right: -16rem !important; + .sm\:hover\:no-underline:hover { + text-decoration: none !important; } - .sm\:-mb-64 { - margin-bottom: -16rem !important; + .sm\:focus\:underline:focus { + text-decoration: underline !important; } - .sm\:-ml-64 { - margin-left: -16rem !important; + .sm\:focus\:line-through:focus { + text-decoration: line-through !important; } - .sm\:-mt-px { - margin-top: -1px !important; + .sm\:focus\:no-underline:focus { + text-decoration: none !important; } - .sm\:-mr-px { - margin-right: -1px !important; + .sm\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .sm\:-mb-px { - margin-bottom: -1px !important; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .sm\:-ml-px { - margin-left: -1px !important; + .sm\:tracking-tighter { + letter-spacing: -0.05em !important; } - .sm\:max-h-full { - max-height: 100% !important; + .sm\:tracking-tight { + letter-spacing: -0.025em !important; } - .sm\:max-h-screen { - max-height: 100vh !important; + .sm\:tracking-normal { + letter-spacing: 0 !important; } - .sm\:max-w-xs { - max-width: 20rem !important; + .sm\:tracking-wide { + letter-spacing: 0.025em !important; } - .sm\:max-w-sm { - max-width: 24rem !important; + .sm\:tracking-wider { + letter-spacing: 0.05em !important; } - .sm\:max-w-md { - max-width: 28rem !important; + .sm\:tracking-widest { + letter-spacing: 0.1em !important; } - .sm\:max-w-lg { - max-width: 32rem !important; + .sm\:select-none { + user-select: none !important; } - .sm\:max-w-xl { - max-width: 36rem !important; + .sm\:select-text { + user-select: text !important; } - .sm\:max-w-2xl { - max-width: 42rem !important; + .sm\:select-all { + user-select: all !important; } - .sm\:max-w-3xl { - max-width: 48rem !important; + .sm\:select-auto { + user-select: auto !important; } - .sm\:max-w-4xl { - max-width: 56rem !important; + .sm\:align-baseline { + vertical-align: baseline !important; } - .sm\:max-w-5xl { - max-width: 64rem !important; + .sm\:align-top { + vertical-align: top !important; } - .sm\:max-w-6xl { - max-width: 72rem !important; + .sm\:align-middle { + vertical-align: middle !important; } - .sm\:max-w-full { - max-width: 100% !important; + .sm\:align-bottom { + vertical-align: bottom !important; } - .sm\:min-h-0 { - min-height: 0 !important; + .sm\:align-text-top { + vertical-align: text-top !important; } - .sm\:min-h-full { - min-height: 100% !important; + .sm\:align-text-bottom { + vertical-align: text-bottom !important; } - .sm\:min-h-screen { - min-height: 100vh !important; + .sm\:visible { + visibility: visible !important; } - .sm\:min-w-0 { - min-width: 0 !important; + .sm\:invisible { + visibility: hidden !important; } - .sm\:min-w-full { - min-width: 100% !important; + .sm\:whitespace-normal { + white-space: normal !important; } - .sm\:object-contain { - object-fit: contain !important; + .sm\:whitespace-no-wrap { + white-space: nowrap !important; } - .sm\:object-cover { - object-fit: cover !important; + .sm\:whitespace-pre { + white-space: pre !important; } - .sm\:object-fill { - object-fit: fill !important; + .sm\:whitespace-pre-line { + white-space: pre-line !important; } - .sm\:object-none { - object-fit: none !important; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .sm\:object-scale-down { - object-fit: scale-down !important; + .sm\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .sm\:object-bottom { - object-position: bottom !important; + .sm\:break-words { + overflow-wrap: break-word !important; } - .sm\:object-center { - object-position: center !important; + .sm\:break-all { + word-break: break-all !important; } - .sm\:object-left { - object-position: left !important; + .sm\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .sm\:object-left-bottom { - object-position: left bottom !important; + .sm\:w-0 { + width: 0 !important; } - - .sm\:object-left-top { - object-position: left top !important; + + .sm\:w-1 { + width: 0.25rem !important; } - .sm\:object-right { - object-position: right !important; + .sm\:w-2 { + width: 0.5rem !important; } - .sm\:object-right-bottom { - object-position: right bottom !important; + .sm\:w-3 { + width: 0.75rem !important; } - .sm\:object-right-top { - object-position: right top !important; + .sm\:w-4 { + width: 1rem !important; } - .sm\:object-top { - object-position: top !important; + .sm\:w-5 { + width: 1.25rem !important; } - .sm\:opacity-0 { - opacity: 0 !important; + .sm\:w-6 { + width: 1.5rem !important; } - .sm\:opacity-25 { - opacity: 0.25 !important; + .sm\:w-8 { + width: 2rem !important; } - .sm\:opacity-50 { - opacity: 0.5 !important; + .sm\:w-10 { + width: 2.5rem !important; } - .sm\:opacity-75 { - opacity: 0.75 !important; + .sm\:w-12 { + width: 3rem !important; } - .sm\:opacity-100 { - opacity: 1 !important; + .sm\:w-16 { + width: 4rem !important; } - .sm\:outline-none { - outline: 0 !important; + .sm\:w-20 { + width: 5rem !important; } - .sm\:focus\:outline-none:focus { - outline: 0 !important; + .sm\:w-24 { + width: 6rem !important; } - .sm\:overflow-auto { - overflow: auto !important; + .sm\:w-32 { + width: 8rem !important; } - .sm\:overflow-hidden { - overflow: hidden !important; + .sm\:w-40 { + width: 10rem !important; } - .sm\:overflow-visible { - overflow: visible !important; + .sm\:w-48 { + width: 12rem !important; } - .sm\:overflow-scroll { - overflow: scroll !important; + .sm\:w-56 { + width: 14rem !important; } - .sm\:overflow-x-auto { - overflow-x: auto !important; + .sm\:w-64 { + width: 16rem !important; } - .sm\:overflow-y-auto { - overflow-y: auto !important; + .sm\:w-auto { + width: auto !important; } - .sm\:overflow-x-hidden { - overflow-x: hidden !important; + .sm\:w-px { + width: 1px !important; } - .sm\:overflow-y-hidden { - overflow-y: hidden !important; + .sm\:w-1\/2 { + width: 50% !important; } - .sm\:overflow-x-visible { - overflow-x: visible !important; + .sm\:w-1\/3 { + width: 33.333333% !important; } - .sm\:overflow-y-visible { - overflow-y: visible !important; + .sm\:w-2\/3 { + width: 66.666667% !important; } - .sm\:overflow-x-scroll { - overflow-x: scroll !important; + .sm\:w-1\/4 { + width: 25% !important; } - .sm\:overflow-y-scroll { - overflow-y: scroll !important; + .sm\:w-2\/4 { + width: 50% !important; } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .sm\:w-3\/4 { + width: 75% !important; } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .sm\:w-1\/5 { + width: 20% !important; } - .sm\:p-0 { - padding: 0 !important; + .sm\:w-2\/5 { + width: 40% !important; } - .sm\:p-1 { - padding: 0.25rem !important; + .sm\:w-3\/5 { + width: 60% !important; } - .sm\:p-2 { - padding: 0.5rem !important; + .sm\:w-4\/5 { + width: 80% !important; } - .sm\:p-3 { - padding: 0.75rem !important; + .sm\:w-1\/6 { + width: 16.666667% !important; } - .sm\:p-4 { - padding: 1rem !important; + .sm\:w-2\/6 { + width: 33.333333% !important; } - .sm\:p-5 { - padding: 1.25rem !important; + .sm\:w-3\/6 { + width: 50% !important; } - .sm\:p-6 { - padding: 1.5rem !important; + .sm\:w-4\/6 { + width: 66.666667% !important; } - .sm\:p-8 { - padding: 2rem !important; + .sm\:w-5\/6 { + width: 83.333333% !important; } - .sm\:p-10 { - padding: 2.5rem !important; + .sm\:w-1\/12 { + width: 8.333333% !important; } - .sm\:p-12 { - padding: 3rem !important; + .sm\:w-2\/12 { + width: 16.666667% !important; } - .sm\:p-16 { - padding: 4rem !important; + .sm\:w-3\/12 { + width: 25% !important; } - .sm\:p-20 { - padding: 5rem !important; + .sm\:w-4\/12 { + width: 33.333333% !important; } - .sm\:p-24 { - padding: 6rem !important; + .sm\:w-5\/12 { + width: 41.666667% !important; } - .sm\:p-32 { - padding: 8rem !important; + .sm\:w-6\/12 { + width: 50% !important; } - .sm\:p-40 { - padding: 10rem !important; + .sm\:w-7\/12 { + width: 58.333333% !important; } - .sm\:p-48 { - padding: 12rem !important; + .sm\:w-8\/12 { + width: 66.666667% !important; } - .sm\:p-56 { - padding: 14rem !important; + .sm\:w-9\/12 { + width: 75% !important; } - .sm\:p-64 { - padding: 16rem !important; + .sm\:w-10\/12 { + width: 83.333333% !important; } - .sm\:p-px { - padding: 1px !important; + .sm\:w-11\/12 { + width: 91.666667% !important; } - .sm\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .sm\:w-full { + width: 100% !important; } - .sm\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .sm\:w-screen { + width: 100vw !important; } - .sm\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .sm\:z-0 { + z-index: 0 !important; } - .sm\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .sm\:z-10 { + z-index: 10 !important; } - .sm\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .sm\:z-20 { + z-index: 20 !important; } - .sm\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .sm\:z-30 { + z-index: 30 !important; } - .sm\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .sm\:z-40 { + z-index: 40 !important; } - .sm\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .sm\:z-50 { + z-index: 50 !important; } - .sm\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .sm\:z-auto { + z-index: auto !important; } - .sm\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .sm\:example { + font-weight: 700; + color: #f56565; } +} - .sm\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; +@media (min-width: 768px) { + .md\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .sm\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .md\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .sm\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .md\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .sm\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .md\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .sm\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .md\:appearance-none { + appearance: none !important; } - .sm\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .md\:bg-fixed { + background-attachment: fixed !important; } - .sm\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .md\:bg-local { + background-attachment: local !important; } - .sm\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .md\:bg-scroll { + background-attachment: scroll !important; } - .sm\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .md\:bg-transparent { + background-color: transparent !important; } - .sm\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .md\:bg-black { + background-color: #000 !important; } - .sm\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .md\:bg-white { + background-color: #fff !important; } - .sm\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .md\:bg-gray-100 { + background-color: #f7fafc !important; } - .sm\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .md\:bg-gray-200 { + background-color: #edf2f7 !important; } - .sm\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .md\:bg-gray-300 { + background-color: #e2e8f0 !important; } - .sm\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .md\:bg-gray-400 { + background-color: #cbd5e0 !important; } - .sm\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .md\:bg-gray-500 { + background-color: #a0aec0 !important; } - .sm\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .md\:bg-gray-600 { + background-color: #718096 !important; } - .sm\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .md\:bg-gray-700 { + background-color: #4a5568 !important; } - .sm\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .md\:bg-gray-800 { + background-color: #2d3748 !important; } - .sm\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .md\:bg-gray-900 { + background-color: #1a202c !important; } - .sm\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .md\:bg-red-100 { + background-color: #fff5f5 !important; } - .sm\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .md\:bg-red-200 { + background-color: #fed7d7 !important; } - .sm\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .md\:bg-red-300 { + background-color: #feb2b2 !important; } - .sm\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .md\:bg-red-400 { + background-color: #fc8181 !important; } - .sm\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .md\:bg-red-500 { + background-color: #f56565 !important; } - .sm\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .md\:bg-red-600 { + background-color: #e53e3e !important; } - .sm\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .md\:bg-red-700 { + background-color: #c53030 !important; } - .sm\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .md\:bg-red-800 { + background-color: #9b2c2c !important; } - .sm\:pt-0 { - padding-top: 0 !important; + .md\:bg-red-900 { + background-color: #742a2a !important; } - .sm\:pr-0 { - padding-right: 0 !important; + .md\:bg-orange-100 { + background-color: #fffaf0 !important; } - .sm\:pb-0 { - padding-bottom: 0 !important; + .md\:bg-orange-200 { + background-color: #feebc8 !important; } - .sm\:pl-0 { - padding-left: 0 !important; + .md\:bg-orange-300 { + background-color: #fbd38d !important; } - .sm\:pt-1 { - padding-top: 0.25rem !important; + .md\:bg-orange-400 { + background-color: #f6ad55 !important; } - .sm\:pr-1 { - padding-right: 0.25rem !important; + .md\:bg-orange-500 { + background-color: #ed8936 !important; } - .sm\:pb-1 { - padding-bottom: 0.25rem !important; + .md\:bg-orange-600 { + background-color: #dd6b20 !important; } - .sm\:pl-1 { - padding-left: 0.25rem !important; + .md\:bg-orange-700 { + background-color: #c05621 !important; } - .sm\:pt-2 { - padding-top: 0.5rem !important; + .md\:bg-orange-800 { + background-color: #9c4221 !important; } - .sm\:pr-2 { - padding-right: 0.5rem !important; + .md\:bg-orange-900 { + background-color: #7b341e !important; } - .sm\:pb-2 { - padding-bottom: 0.5rem !important; + .md\:bg-yellow-100 { + background-color: #fffff0 !important; } - .sm\:pl-2 { - padding-left: 0.5rem !important; + .md\:bg-yellow-200 { + background-color: #fefcbf !important; } - .sm\:pt-3 { - padding-top: 0.75rem !important; + .md\:bg-yellow-300 { + background-color: #faf089 !important; } - .sm\:pr-3 { - padding-right: 0.75rem !important; + .md\:bg-yellow-400 { + background-color: #f6e05e !important; } - .sm\:pb-3 { - padding-bottom: 0.75rem !important; + .md\:bg-yellow-500 { + background-color: #ecc94b !important; } - .sm\:pl-3 { - padding-left: 0.75rem !important; + .md\:bg-yellow-600 { + background-color: #d69e2e !important; } - .sm\:pt-4 { - padding-top: 1rem !important; + .md\:bg-yellow-700 { + background-color: #b7791f !important; } - .sm\:pr-4 { - padding-right: 1rem !important; + .md\:bg-yellow-800 { + background-color: #975a16 !important; } - .sm\:pb-4 { - padding-bottom: 1rem !important; + .md\:bg-yellow-900 { + background-color: #744210 !important; } - .sm\:pl-4 { - padding-left: 1rem !important; + .md\:bg-green-100 { + background-color: #f0fff4 !important; } - .sm\:pt-5 { - padding-top: 1.25rem !important; + .md\:bg-green-200 { + background-color: #c6f6d5 !important; } - .sm\:pr-5 { - padding-right: 1.25rem !important; + .md\:bg-green-300 { + background-color: #9ae6b4 !important; } - .sm\:pb-5 { - padding-bottom: 1.25rem !important; + .md\:bg-green-400 { + background-color: #68d391 !important; } - .sm\:pl-5 { - padding-left: 1.25rem !important; + .md\:bg-green-500 { + background-color: #48bb78 !important; } - .sm\:pt-6 { - padding-top: 1.5rem !important; + .md\:bg-green-600 { + background-color: #38a169 !important; } - .sm\:pr-6 { - padding-right: 1.5rem !important; + .md\:bg-green-700 { + background-color: #2f855a !important; } - .sm\:pb-6 { - padding-bottom: 1.5rem !important; + .md\:bg-green-800 { + background-color: #276749 !important; } - .sm\:pl-6 { - padding-left: 1.5rem !important; + .md\:bg-green-900 { + background-color: #22543d !important; } - .sm\:pt-8 { - padding-top: 2rem !important; + .md\:bg-teal-100 { + background-color: #e6fffa !important; } - .sm\:pr-8 { - padding-right: 2rem !important; + .md\:bg-teal-200 { + background-color: #b2f5ea !important; } - .sm\:pb-8 { - padding-bottom: 2rem !important; + .md\:bg-teal-300 { + background-color: #81e6d9 !important; } - .sm\:pl-8 { - padding-left: 2rem !important; + .md\:bg-teal-400 { + background-color: #4fd1c5 !important; } - .sm\:pt-10 { - padding-top: 2.5rem !important; + .md\:bg-teal-500 { + background-color: #38b2ac !important; } - .sm\:pr-10 { - padding-right: 2.5rem !important; + .md\:bg-teal-600 { + background-color: #319795 !important; } - .sm\:pb-10 { - padding-bottom: 2.5rem !important; + .md\:bg-teal-700 { + background-color: #2c7a7b !important; } - .sm\:pl-10 { - padding-left: 2.5rem !important; + .md\:bg-teal-800 { + background-color: #285e61 !important; } - .sm\:pt-12 { - padding-top: 3rem !important; + .md\:bg-teal-900 { + background-color: #234e52 !important; } - .sm\:pr-12 { - padding-right: 3rem !important; + .md\:bg-blue-100 { + background-color: #ebf8ff !important; } - .sm\:pb-12 { - padding-bottom: 3rem !important; + .md\:bg-blue-200 { + background-color: #bee3f8 !important; } - .sm\:pl-12 { - padding-left: 3rem !important; + .md\:bg-blue-300 { + background-color: #90cdf4 !important; } - .sm\:pt-16 { - padding-top: 4rem !important; + .md\:bg-blue-400 { + background-color: #63b3ed !important; } - .sm\:pr-16 { - padding-right: 4rem !important; + .md\:bg-blue-500 { + background-color: #4299e1 !important; } - .sm\:pb-16 { - padding-bottom: 4rem !important; + .md\:bg-blue-600 { + background-color: #3182ce !important; } - .sm\:pl-16 { - padding-left: 4rem !important; + .md\:bg-blue-700 { + background-color: #2b6cb0 !important; } - .sm\:pt-20 { - padding-top: 5rem !important; + .md\:bg-blue-800 { + background-color: #2c5282 !important; } - .sm\:pr-20 { - padding-right: 5rem !important; + .md\:bg-blue-900 { + background-color: #2a4365 !important; } - .sm\:pb-20 { - padding-bottom: 5rem !important; + .md\:bg-indigo-100 { + background-color: #ebf4ff !important; } - .sm\:pl-20 { - padding-left: 5rem !important; + .md\:bg-indigo-200 { + background-color: #c3dafe !important; } - .sm\:pt-24 { - padding-top: 6rem !important; + .md\:bg-indigo-300 { + background-color: #a3bffa !important; } - .sm\:pr-24 { - padding-right: 6rem !important; + .md\:bg-indigo-400 { + background-color: #7f9cf5 !important; } - .sm\:pb-24 { - padding-bottom: 6rem !important; + .md\:bg-indigo-500 { + background-color: #667eea !important; } - .sm\:pl-24 { - padding-left: 6rem !important; + .md\:bg-indigo-600 { + background-color: #5a67d8 !important; } - .sm\:pt-32 { - padding-top: 8rem !important; + .md\:bg-indigo-700 { + background-color: #4c51bf !important; } - .sm\:pr-32 { - padding-right: 8rem !important; + .md\:bg-indigo-800 { + background-color: #434190 !important; } - .sm\:pb-32 { - padding-bottom: 8rem !important; + .md\:bg-indigo-900 { + background-color: #3c366b !important; } - .sm\:pl-32 { - padding-left: 8rem !important; + .md\:bg-purple-100 { + background-color: #faf5ff !important; } - .sm\:pt-40 { - padding-top: 10rem !important; + .md\:bg-purple-200 { + background-color: #e9d8fd !important; } - .sm\:pr-40 { - padding-right: 10rem !important; + .md\:bg-purple-300 { + background-color: #d6bcfa !important; } - .sm\:pb-40 { - padding-bottom: 10rem !important; + .md\:bg-purple-400 { + background-color: #b794f4 !important; } - .sm\:pl-40 { - padding-left: 10rem !important; + .md\:bg-purple-500 { + background-color: #9f7aea !important; } - .sm\:pt-48 { - padding-top: 12rem !important; + .md\:bg-purple-600 { + background-color: #805ad5 !important; } - .sm\:pr-48 { - padding-right: 12rem !important; + .md\:bg-purple-700 { + background-color: #6b46c1 !important; } - .sm\:pb-48 { - padding-bottom: 12rem !important; + .md\:bg-purple-800 { + background-color: #553c9a !important; } - .sm\:pl-48 { - padding-left: 12rem !important; + .md\:bg-purple-900 { + background-color: #44337a !important; } - .sm\:pt-56 { - padding-top: 14rem !important; + .md\:bg-pink-100 { + background-color: #fff5f7 !important; } - .sm\:pr-56 { - padding-right: 14rem !important; + .md\:bg-pink-200 { + background-color: #fed7e2 !important; } - .sm\:pb-56 { - padding-bottom: 14rem !important; + .md\:bg-pink-300 { + background-color: #fbb6ce !important; } - .sm\:pl-56 { - padding-left: 14rem !important; + .md\:bg-pink-400 { + background-color: #f687b3 !important; } - .sm\:pt-64 { - padding-top: 16rem !important; + .md\:bg-pink-500 { + background-color: #ed64a6 !important; } - .sm\:pr-64 { - padding-right: 16rem !important; + .md\:bg-pink-600 { + background-color: #d53f8c !important; } - .sm\:pb-64 { - padding-bottom: 16rem !important; + .md\:bg-pink-700 { + background-color: #b83280 !important; } - .sm\:pl-64 { - padding-left: 16rem !important; + .md\:bg-pink-800 { + background-color: #97266d !important; } - .sm\:pt-px { - padding-top: 1px !important; + .md\:bg-pink-900 { + background-color: #702459 !important; } - .sm\:pr-px { - padding-right: 1px !important; + .md\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .sm\:pb-px { - padding-bottom: 1px !important; + .md\:hover\:bg-black:hover { + background-color: #000 !important; } - .sm\:pl-px { - padding-left: 1px !important; + .md\:hover\:bg-white:hover { + background-color: #fff !important; } - .sm\:pointer-events-none { - pointer-events: none !important; + .md\:hover\:bg-gray-100:hover { + background-color: #f7fafc !important; } - .sm\:pointer-events-auto { - pointer-events: auto !important; + .md\:hover\:bg-gray-200:hover { + background-color: #edf2f7 !important; } - .sm\:static { - position: static !important; + .md\:hover\:bg-gray-300:hover { + background-color: #e2e8f0 !important; } - .sm\:fixed { - position: fixed !important; + .md\:hover\:bg-gray-400:hover { + background-color: #cbd5e0 !important; } - .sm\:absolute { - position: absolute !important; + .md\:hover\:bg-gray-500:hover { + background-color: #a0aec0 !important; } - .sm\:relative { - position: relative !important; + .md\:hover\:bg-gray-600:hover { + background-color: #718096 !important; } - .sm\:sticky { - position: sticky !important; + .md\:hover\:bg-gray-700:hover { + background-color: #4a5568 !important; } - .sm\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .md\:hover\:bg-gray-800:hover { + background-color: #2d3748 !important; } - .sm\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .md\:hover\:bg-gray-900:hover { + background-color: #1a202c !important; } - .sm\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .md\:hover\:bg-red-100:hover { + background-color: #fff5f5 !important; } - .sm\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .md\:hover\:bg-red-200:hover { + background-color: #fed7d7 !important; } - .sm\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .md\:hover\:bg-red-300:hover { + background-color: #feb2b2 !important; } - .sm\:inset-x-auto { - right: auto !important; - left: auto !important; + .md\:hover\:bg-red-400:hover { + background-color: #fc8181 !important; } - .sm\:top-0 { - top: 0 !important; + .md\:hover\:bg-red-500:hover { + background-color: #f56565 !important; } - .sm\:right-0 { - right: 0 !important; + .md\:hover\:bg-red-600:hover { + background-color: #e53e3e !important; } - .sm\:bottom-0 { - bottom: 0 !important; + .md\:hover\:bg-red-700:hover { + background-color: #c53030 !important; } - .sm\:left-0 { - left: 0 !important; + .md\:hover\:bg-red-800:hover { + background-color: #9b2c2c !important; } - .sm\:top-auto { - top: auto !important; + .md\:hover\:bg-red-900:hover { + background-color: #742a2a !important; } - .sm\:right-auto { - right: auto !important; + .md\:hover\:bg-orange-100:hover { + background-color: #fffaf0 !important; } - .sm\:bottom-auto { - bottom: auto !important; + .md\:hover\:bg-orange-200:hover { + background-color: #feebc8 !important; } - .sm\:left-auto { - left: auto !important; + .md\:hover\:bg-orange-300:hover { + background-color: #fbd38d !important; } - .sm\:resize-none { - resize: none !important; + .md\:hover\:bg-orange-400:hover { + background-color: #f6ad55 !important; } - .sm\:resize-y { - resize: vertical !important; + .md\:hover\:bg-orange-500:hover { + background-color: #ed8936 !important; } - .sm\:resize-x { - resize: horizontal !important; + .md\:hover\:bg-orange-600:hover { + background-color: #dd6b20 !important; } - .sm\:resize { - resize: both !important; + .md\:hover\:bg-orange-700:hover { + background-color: #c05621 !important; } - .sm\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-orange-800:hover { + background-color: #9c4221 !important; } - .sm\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-orange-900:hover { + background-color: #7b341e !important; } - .sm\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:hover\:bg-yellow-100:hover { + background-color: #fffff0 !important; } - .sm\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:hover\:bg-yellow-200:hover { + background-color: #fefcbf !important; } - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:hover\:bg-yellow-300:hover { + background-color: #faf089 !important; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-yellow-400:hover { + background-color: #f6e05e !important; } - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:hover\:bg-yellow-500:hover { + background-color: #ecc94b !important; } - .sm\:shadow-none { - box-shadow: none !important; + .md\:hover\:bg-yellow-600:hover { + background-color: #d69e2e !important; } - .sm\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-yellow-700:hover { + background-color: #b7791f !important; } - .sm\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-yellow-800:hover { + background-color: #975a16 !important; } - .sm\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:hover\:bg-yellow-900:hover { + background-color: #744210 !important; } - .sm\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:hover\:bg-green-100:hover { + background-color: #f0fff4 !important; } - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:hover\:bg-green-200:hover { + background-color: #c6f6d5 !important; } - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-green-300:hover { + background-color: #9ae6b4 !important; } - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:hover\:bg-green-400:hover { + background-color: #68d391 !important; } - .sm\:hover\:shadow-none:hover { - box-shadow: none !important; + .md\:hover\:bg-green-500:hover { + background-color: #48bb78 !important; } - .sm\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-green-600:hover { + background-color: #38a169 !important; } - .sm\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-green-700:hover { + background-color: #2f855a !important; } - .sm\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:hover\:bg-green-800:hover { + background-color: #276749 !important; } - .sm\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:hover\:bg-green-900:hover { + background-color: #22543d !important; } - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:hover\:bg-teal-100:hover { + background-color: #e6fffa !important; } - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:hover\:bg-teal-200:hover { + background-color: #b2f5ea !important; } - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:hover\:bg-teal-300:hover { + background-color: #81e6d9 !important; } - .sm\:focus\:shadow-none:focus { - box-shadow: none !important; + .md\:hover\:bg-teal-400:hover { + background-color: #4fd1c5 !important; } - .sm\:fill-current { - fill: currentColor !important; + .md\:hover\:bg-teal-500:hover { + background-color: #38b2ac !important; } - .sm\:stroke-current { - stroke: currentColor !important; + .md\:hover\:bg-teal-600:hover { + background-color: #319795 !important; } - .sm\:table-auto { - table-layout: auto !important; + .md\:hover\:bg-teal-700:hover { + background-color: #2c7a7b !important; } - .sm\:table-fixed { - table-layout: fixed !important; + .md\:hover\:bg-teal-800:hover { + background-color: #285e61 !important; } - .sm\:text-left { - text-align: left !important; + .md\:hover\:bg-teal-900:hover { + background-color: #234e52 !important; } - .sm\:text-center { - text-align: center !important; + .md\:hover\:bg-blue-100:hover { + background-color: #ebf8ff !important; } - .sm\:text-right { - text-align: right !important; + .md\:hover\:bg-blue-200:hover { + background-color: #bee3f8 !important; } - .sm\:text-justify { - text-align: justify !important; + .md\:hover\:bg-blue-300:hover { + background-color: #90cdf4 !important; } - .sm\:text-transparent { - color: transparent !important; + .md\:hover\:bg-blue-400:hover { + background-color: #63b3ed !important; } - .sm\:text-black { - color: #000 !important; + .md\:hover\:bg-blue-500:hover { + background-color: #4299e1 !important; } - .sm\:text-white { - color: #fff !important; + .md\:hover\:bg-blue-600:hover { + background-color: #3182ce !important; } - .sm\:text-gray-100 { - color: #f7fafc !important; + .md\:hover\:bg-blue-700:hover { + background-color: #2b6cb0 !important; } - .sm\:text-gray-200 { - color: #edf2f7 !important; + .md\:hover\:bg-blue-800:hover { + background-color: #2c5282 !important; } - .sm\:text-gray-300 { - color: #e2e8f0 !important; + .md\:hover\:bg-blue-900:hover { + background-color: #2a4365 !important; } - .sm\:text-gray-400 { - color: #cbd5e0 !important; + .md\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff !important; } - .sm\:text-gray-500 { - color: #a0aec0 !important; + .md\:hover\:bg-indigo-200:hover { + background-color: #c3dafe !important; } - .sm\:text-gray-600 { - color: #718096 !important; + .md\:hover\:bg-indigo-300:hover { + background-color: #a3bffa !important; } - .sm\:text-gray-700 { - color: #4a5568 !important; + .md\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5 !important; } - .sm\:text-gray-800 { - color: #2d3748 !important; + .md\:hover\:bg-indigo-500:hover { + background-color: #667eea !important; } - .sm\:text-gray-900 { - color: #1a202c !important; + .md\:hover\:bg-indigo-600:hover { + background-color: #5a67d8 !important; } - .sm\:text-red-100 { - color: #fff5f5 !important; + .md\:hover\:bg-indigo-700:hover { + background-color: #4c51bf !important; } - .sm\:text-red-200 { - color: #fed7d7 !important; + .md\:hover\:bg-indigo-800:hover { + background-color: #434190 !important; } - .sm\:text-red-300 { - color: #feb2b2 !important; + .md\:hover\:bg-indigo-900:hover { + background-color: #3c366b !important; } - .sm\:text-red-400 { - color: #fc8181 !important; + .md\:hover\:bg-purple-100:hover { + background-color: #faf5ff !important; } - .sm\:text-red-500 { - color: #f56565 !important; + .md\:hover\:bg-purple-200:hover { + background-color: #e9d8fd !important; } - .sm\:text-red-600 { - color: #e53e3e !important; + .md\:hover\:bg-purple-300:hover { + background-color: #d6bcfa !important; } - .sm\:text-red-700 { - color: #c53030 !important; + .md\:hover\:bg-purple-400:hover { + background-color: #b794f4 !important; + } + + .md\:hover\:bg-purple-500:hover { + background-color: #9f7aea !important; } - .sm\:text-red-800 { - color: #9b2c2c !important; + .md\:hover\:bg-purple-600:hover { + background-color: #805ad5 !important; } - .sm\:text-red-900 { - color: #742a2a !important; + .md\:hover\:bg-purple-700:hover { + background-color: #6b46c1 !important; } - .sm\:text-orange-100 { - color: #fffaf0 !important; + .md\:hover\:bg-purple-800:hover { + background-color: #553c9a !important; } - .sm\:text-orange-200 { - color: #feebc8 !important; + .md\:hover\:bg-purple-900:hover { + background-color: #44337a !important; } - .sm\:text-orange-300 { - color: #fbd38d !important; + .md\:hover\:bg-pink-100:hover { + background-color: #fff5f7 !important; } - .sm\:text-orange-400 { - color: #f6ad55 !important; + .md\:hover\:bg-pink-200:hover { + background-color: #fed7e2 !important; } - .sm\:text-orange-500 { - color: #ed8936 !important; + .md\:hover\:bg-pink-300:hover { + background-color: #fbb6ce !important; } - .sm\:text-orange-600 { - color: #dd6b20 !important; + .md\:hover\:bg-pink-400:hover { + background-color: #f687b3 !important; } - .sm\:text-orange-700 { - color: #c05621 !important; + .md\:hover\:bg-pink-500:hover { + background-color: #ed64a6 !important; } - .sm\:text-orange-800 { - color: #9c4221 !important; + .md\:hover\:bg-pink-600:hover { + background-color: #d53f8c !important; } - .sm\:text-orange-900 { - color: #7b341e !important; + .md\:hover\:bg-pink-700:hover { + background-color: #b83280 !important; } - .sm\:text-yellow-100 { - color: #fffff0 !important; + .md\:hover\:bg-pink-800:hover { + background-color: #97266d !important; } - .sm\:text-yellow-200 { - color: #fefcbf !important; + .md\:hover\:bg-pink-900:hover { + background-color: #702459 !important; } - .sm\:text-yellow-300 { - color: #faf089 !important; + .md\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .sm\:text-yellow-400 { - color: #f6e05e !important; + .md\:focus\:bg-black:focus { + background-color: #000 !important; } - .sm\:text-yellow-500 { - color: #ecc94b !important; + .md\:focus\:bg-white:focus { + background-color: #fff !important; } - .sm\:text-yellow-600 { - color: #d69e2e !important; + .md\:focus\:bg-gray-100:focus { + background-color: #f7fafc !important; } - .sm\:text-yellow-700 { - color: #b7791f !important; + .md\:focus\:bg-gray-200:focus { + background-color: #edf2f7 !important; } - .sm\:text-yellow-800 { - color: #975a16 !important; + .md\:focus\:bg-gray-300:focus { + background-color: #e2e8f0 !important; } - .sm\:text-yellow-900 { - color: #744210 !important; + .md\:focus\:bg-gray-400:focus { + background-color: #cbd5e0 !important; } - .sm\:text-green-100 { - color: #f0fff4 !important; + .md\:focus\:bg-gray-500:focus { + background-color: #a0aec0 !important; } - .sm\:text-green-200 { - color: #c6f6d5 !important; + .md\:focus\:bg-gray-600:focus { + background-color: #718096 !important; } - .sm\:text-green-300 { - color: #9ae6b4 !important; + .md\:focus\:bg-gray-700:focus { + background-color: #4a5568 !important; } - .sm\:text-green-400 { - color: #68d391 !important; + .md\:focus\:bg-gray-800:focus { + background-color: #2d3748 !important; } - .sm\:text-green-500 { - color: #48bb78 !important; + .md\:focus\:bg-gray-900:focus { + background-color: #1a202c !important; } - .sm\:text-green-600 { - color: #38a169 !important; + .md\:focus\:bg-red-100:focus { + background-color: #fff5f5 !important; } - .sm\:text-green-700 { - color: #2f855a !important; + .md\:focus\:bg-red-200:focus { + background-color: #fed7d7 !important; } - .sm\:text-green-800 { - color: #276749 !important; + .md\:focus\:bg-red-300:focus { + background-color: #feb2b2 !important; } - .sm\:text-green-900 { - color: #22543d !important; + .md\:focus\:bg-red-400:focus { + background-color: #fc8181 !important; } - .sm\:text-teal-100 { - color: #e6fffa !important; + .md\:focus\:bg-red-500:focus { + background-color: #f56565 !important; } - .sm\:text-teal-200 { - color: #b2f5ea !important; + .md\:focus\:bg-red-600:focus { + background-color: #e53e3e !important; } - .sm\:text-teal-300 { - color: #81e6d9 !important; + .md\:focus\:bg-red-700:focus { + background-color: #c53030 !important; } - .sm\:text-teal-400 { - color: #4fd1c5 !important; + .md\:focus\:bg-red-800:focus { + background-color: #9b2c2c !important; } - .sm\:text-teal-500 { - color: #38b2ac !important; + .md\:focus\:bg-red-900:focus { + background-color: #742a2a !important; } - .sm\:text-teal-600 { - color: #319795 !important; + .md\:focus\:bg-orange-100:focus { + background-color: #fffaf0 !important; } - .sm\:text-teal-700 { - color: #2c7a7b !important; + .md\:focus\:bg-orange-200:focus { + background-color: #feebc8 !important; } - .sm\:text-teal-800 { - color: #285e61 !important; + .md\:focus\:bg-orange-300:focus { + background-color: #fbd38d !important; } - .sm\:text-teal-900 { - color: #234e52 !important; + .md\:focus\:bg-orange-400:focus { + background-color: #f6ad55 !important; } - .sm\:text-blue-100 { - color: #ebf8ff !important; + .md\:focus\:bg-orange-500:focus { + background-color: #ed8936 !important; } - .sm\:text-blue-200 { - color: #bee3f8 !important; + .md\:focus\:bg-orange-600:focus { + background-color: #dd6b20 !important; } - .sm\:text-blue-300 { - color: #90cdf4 !important; + .md\:focus\:bg-orange-700:focus { + background-color: #c05621 !important; } - .sm\:text-blue-400 { - color: #63b3ed !important; + .md\:focus\:bg-orange-800:focus { + background-color: #9c4221 !important; } - .sm\:text-blue-500 { - color: #4299e1 !important; + .md\:focus\:bg-orange-900:focus { + background-color: #7b341e !important; } - .sm\:text-blue-600 { - color: #3182ce !important; + .md\:focus\:bg-yellow-100:focus { + background-color: #fffff0 !important; } - .sm\:text-blue-700 { - color: #2b6cb0 !important; + .md\:focus\:bg-yellow-200:focus { + background-color: #fefcbf !important; } - .sm\:text-blue-800 { - color: #2c5282 !important; + .md\:focus\:bg-yellow-300:focus { + background-color: #faf089 !important; } - .sm\:text-blue-900 { - color: #2a4365 !important; + .md\:focus\:bg-yellow-400:focus { + background-color: #f6e05e !important; } - .sm\:text-indigo-100 { - color: #ebf4ff !important; + .md\:focus\:bg-yellow-500:focus { + background-color: #ecc94b !important; } - .sm\:text-indigo-200 { - color: #c3dafe !important; + .md\:focus\:bg-yellow-600:focus { + background-color: #d69e2e !important; } - .sm\:text-indigo-300 { - color: #a3bffa !important; + .md\:focus\:bg-yellow-700:focus { + background-color: #b7791f !important; } - .sm\:text-indigo-400 { - color: #7f9cf5 !important; + .md\:focus\:bg-yellow-800:focus { + background-color: #975a16 !important; } - .sm\:text-indigo-500 { - color: #667eea !important; + .md\:focus\:bg-yellow-900:focus { + background-color: #744210 !important; } - .sm\:text-indigo-600 { - color: #5a67d8 !important; + .md\:focus\:bg-green-100:focus { + background-color: #f0fff4 !important; } - .sm\:text-indigo-700 { - color: #4c51bf !important; + .md\:focus\:bg-green-200:focus { + background-color: #c6f6d5 !important; } - .sm\:text-indigo-800 { - color: #434190 !important; + .md\:focus\:bg-green-300:focus { + background-color: #9ae6b4 !important; } - .sm\:text-indigo-900 { - color: #3c366b !important; + .md\:focus\:bg-green-400:focus { + background-color: #68d391 !important; } - .sm\:text-purple-100 { - color: #faf5ff !important; + .md\:focus\:bg-green-500:focus { + background-color: #48bb78 !important; } - .sm\:text-purple-200 { - color: #e9d8fd !important; + .md\:focus\:bg-green-600:focus { + background-color: #38a169 !important; } - .sm\:text-purple-300 { - color: #d6bcfa !important; + .md\:focus\:bg-green-700:focus { + background-color: #2f855a !important; } - .sm\:text-purple-400 { - color: #b794f4 !important; + .md\:focus\:bg-green-800:focus { + background-color: #276749 !important; } - .sm\:text-purple-500 { - color: #9f7aea !important; + .md\:focus\:bg-green-900:focus { + background-color: #22543d !important; } - .sm\:text-purple-600 { - color: #805ad5 !important; + .md\:focus\:bg-teal-100:focus { + background-color: #e6fffa !important; } - .sm\:text-purple-700 { - color: #6b46c1 !important; + .md\:focus\:bg-teal-200:focus { + background-color: #b2f5ea !important; } - .sm\:text-purple-800 { - color: #553c9a !important; + .md\:focus\:bg-teal-300:focus { + background-color: #81e6d9 !important; } - .sm\:text-purple-900 { - color: #44337a !important; + .md\:focus\:bg-teal-400:focus { + background-color: #4fd1c5 !important; } - .sm\:text-pink-100 { - color: #fff5f7 !important; + .md\:focus\:bg-teal-500:focus { + background-color: #38b2ac !important; } - .sm\:text-pink-200 { - color: #fed7e2 !important; + .md\:focus\:bg-teal-600:focus { + background-color: #319795 !important; } - .sm\:text-pink-300 { - color: #fbb6ce !important; + .md\:focus\:bg-teal-700:focus { + background-color: #2c7a7b !important; } - .sm\:text-pink-400 { - color: #f687b3 !important; + .md\:focus\:bg-teal-800:focus { + background-color: #285e61 !important; } - .sm\:text-pink-500 { - color: #ed64a6 !important; + .md\:focus\:bg-teal-900:focus { + background-color: #234e52 !important; } - .sm\:text-pink-600 { - color: #d53f8c !important; + .md\:focus\:bg-blue-100:focus { + background-color: #ebf8ff !important; } - .sm\:text-pink-700 { - color: #b83280 !important; + .md\:focus\:bg-blue-200:focus { + background-color: #bee3f8 !important; } - .sm\:text-pink-800 { - color: #97266d !important; + .md\:focus\:bg-blue-300:focus { + background-color: #90cdf4 !important; } - .sm\:text-pink-900 { - color: #702459 !important; + .md\:focus\:bg-blue-400:focus { + background-color: #63b3ed !important; } - .sm\:hover\:text-transparent:hover { - color: transparent !important; + .md\:focus\:bg-blue-500:focus { + background-color: #4299e1 !important; } - .sm\:hover\:text-black:hover { - color: #000 !important; + .md\:focus\:bg-blue-600:focus { + background-color: #3182ce !important; } - .sm\:hover\:text-white:hover { - color: #fff !important; + .md\:focus\:bg-blue-700:focus { + background-color: #2b6cb0 !important; } - .sm\:hover\:text-gray-100:hover { - color: #f7fafc !important; + .md\:focus\:bg-blue-800:focus { + background-color: #2c5282 !important; } - .sm\:hover\:text-gray-200:hover { - color: #edf2f7 !important; + .md\:focus\:bg-blue-900:focus { + background-color: #2a4365 !important; } - .sm\:hover\:text-gray-300:hover { - color: #e2e8f0 !important; + .md\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff !important; } - .sm\:hover\:text-gray-400:hover { - color: #cbd5e0 !important; + .md\:focus\:bg-indigo-200:focus { + background-color: #c3dafe !important; } - .sm\:hover\:text-gray-500:hover { - color: #a0aec0 !important; + .md\:focus\:bg-indigo-300:focus { + background-color: #a3bffa !important; } - .sm\:hover\:text-gray-600:hover { - color: #718096 !important; + .md\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5 !important; } - .sm\:hover\:text-gray-700:hover { - color: #4a5568 !important; + .md\:focus\:bg-indigo-500:focus { + background-color: #667eea !important; } - .sm\:hover\:text-gray-800:hover { - color: #2d3748 !important; + .md\:focus\:bg-indigo-600:focus { + background-color: #5a67d8 !important; } - .sm\:hover\:text-gray-900:hover { - color: #1a202c !important; + .md\:focus\:bg-indigo-700:focus { + background-color: #4c51bf !important; } - .sm\:hover\:text-red-100:hover { - color: #fff5f5 !important; + .md\:focus\:bg-indigo-800:focus { + background-color: #434190 !important; } - .sm\:hover\:text-red-200:hover { - color: #fed7d7 !important; + .md\:focus\:bg-indigo-900:focus { + background-color: #3c366b !important; } - .sm\:hover\:text-red-300:hover { - color: #feb2b2 !important; + .md\:focus\:bg-purple-100:focus { + background-color: #faf5ff !important; } - .sm\:hover\:text-red-400:hover { - color: #fc8181 !important; + .md\:focus\:bg-purple-200:focus { + background-color: #e9d8fd !important; } - .sm\:hover\:text-red-500:hover { - color: #f56565 !important; + .md\:focus\:bg-purple-300:focus { + background-color: #d6bcfa !important; } - .sm\:hover\:text-red-600:hover { - color: #e53e3e !important; + .md\:focus\:bg-purple-400:focus { + background-color: #b794f4 !important; } - .sm\:hover\:text-red-700:hover { - color: #c53030 !important; + .md\:focus\:bg-purple-500:focus { + background-color: #9f7aea !important; } - .sm\:hover\:text-red-800:hover { - color: #9b2c2c !important; + .md\:focus\:bg-purple-600:focus { + background-color: #805ad5 !important; } - .sm\:hover\:text-red-900:hover { - color: #742a2a !important; + .md\:focus\:bg-purple-700:focus { + background-color: #6b46c1 !important; } - .sm\:hover\:text-orange-100:hover { - color: #fffaf0 !important; + .md\:focus\:bg-purple-800:focus { + background-color: #553c9a !important; } - .sm\:hover\:text-orange-200:hover { - color: #feebc8 !important; + .md\:focus\:bg-purple-900:focus { + background-color: #44337a !important; } - .sm\:hover\:text-orange-300:hover { - color: #fbd38d !important; + .md\:focus\:bg-pink-100:focus { + background-color: #fff5f7 !important; } - .sm\:hover\:text-orange-400:hover { - color: #f6ad55 !important; + .md\:focus\:bg-pink-200:focus { + background-color: #fed7e2 !important; } - .sm\:hover\:text-orange-500:hover { - color: #ed8936 !important; + .md\:focus\:bg-pink-300:focus { + background-color: #fbb6ce !important; } - .sm\:hover\:text-orange-600:hover { - color: #dd6b20 !important; + .md\:focus\:bg-pink-400:focus { + background-color: #f687b3 !important; } - .sm\:hover\:text-orange-700:hover { - color: #c05621 !important; + .md\:focus\:bg-pink-500:focus { + background-color: #ed64a6 !important; } - .sm\:hover\:text-orange-800:hover { - color: #9c4221 !important; + .md\:focus\:bg-pink-600:focus { + background-color: #d53f8c !important; } - .sm\:hover\:text-orange-900:hover { - color: #7b341e !important; + .md\:focus\:bg-pink-700:focus { + background-color: #b83280 !important; } - .sm\:hover\:text-yellow-100:hover { - color: #fffff0 !important; + .md\:focus\:bg-pink-800:focus { + background-color: #97266d !important; } - .sm\:hover\:text-yellow-200:hover { - color: #fefcbf !important; + .md\:focus\:bg-pink-900:focus { + background-color: #702459 !important; } - .sm\:hover\:text-yellow-300:hover { - color: #faf089 !important; + .md\:bg-bottom { + background-position: bottom !important; } - .sm\:hover\:text-yellow-400:hover { - color: #f6e05e !important; + .md\:bg-center { + background-position: center !important; } - .sm\:hover\:text-yellow-500:hover { - color: #ecc94b !important; + .md\:bg-left { + background-position: left !important; } - .sm\:hover\:text-yellow-600:hover { - color: #d69e2e !important; + .md\:bg-left-bottom { + background-position: left bottom !important; } - .sm\:hover\:text-yellow-700:hover { - color: #b7791f !important; + .md\:bg-left-top { + background-position: left top !important; } - .sm\:hover\:text-yellow-800:hover { - color: #975a16 !important; + .md\:bg-right { + background-position: right !important; } - .sm\:hover\:text-yellow-900:hover { - color: #744210 !important; + .md\:bg-right-bottom { + background-position: right bottom !important; } - .sm\:hover\:text-green-100:hover { - color: #f0fff4 !important; + .md\:bg-right-top { + background-position: right top !important; } - .sm\:hover\:text-green-200:hover { - color: #c6f6d5 !important; + .md\:bg-top { + background-position: top !important; } - .sm\:hover\:text-green-300:hover { - color: #9ae6b4 !important; + .md\:bg-repeat { + background-repeat: repeat !important; } - .sm\:hover\:text-green-400:hover { - color: #68d391 !important; + .md\:bg-no-repeat { + background-repeat: no-repeat !important; } - .sm\:hover\:text-green-500:hover { - color: #48bb78 !important; + .md\:bg-repeat-x { + background-repeat: repeat-x !important; } - .sm\:hover\:text-green-600:hover { - color: #38a169 !important; + .md\:bg-repeat-y { + background-repeat: repeat-y !important; } - .sm\:hover\:text-green-700:hover { - color: #2f855a !important; + .md\:bg-repeat-round { + background-repeat: round !important; } - .sm\:hover\:text-green-800:hover { - color: #276749 !important; + .md\:bg-repeat-space { + background-repeat: space !important; } - .sm\:hover\:text-green-900:hover { - color: #22543d !important; + .md\:bg-auto { + background-size: auto !important; } - .sm\:hover\:text-teal-100:hover { - color: #e6fffa !important; + .md\:bg-cover { + background-size: cover !important; } - .sm\:hover\:text-teal-200:hover { - color: #b2f5ea !important; + .md\:bg-contain { + background-size: contain !important; } - .sm\:hover\:text-teal-300:hover { - color: #81e6d9 !important; + .md\:border-collapse { + border-collapse: collapse !important; } - .sm\:hover\:text-teal-400:hover { - color: #4fd1c5 !important; + .md\:border-separate { + border-collapse: separate !important; } - .sm\:hover\:text-teal-500:hover { - color: #38b2ac !important; + .md\:border-transparent { + border-color: transparent !important; } - .sm\:hover\:text-teal-600:hover { - color: #319795 !important; + .md\:border-black { + border-color: #000 !important; } - .sm\:hover\:text-teal-700:hover { - color: #2c7a7b !important; + .md\:border-white { + border-color: #fff !important; } - .sm\:hover\:text-teal-800:hover { - color: #285e61 !important; + .md\:border-gray-100 { + border-color: #f7fafc !important; } - .sm\:hover\:text-teal-900:hover { - color: #234e52 !important; + .md\:border-gray-200 { + border-color: #edf2f7 !important; } - .sm\:hover\:text-blue-100:hover { - color: #ebf8ff !important; + .md\:border-gray-300 { + border-color: #e2e8f0 !important; } - .sm\:hover\:text-blue-200:hover { - color: #bee3f8 !important; + .md\:border-gray-400 { + border-color: #cbd5e0 !important; } - .sm\:hover\:text-blue-300:hover { - color: #90cdf4 !important; + .md\:border-gray-500 { + border-color: #a0aec0 !important; } - .sm\:hover\:text-blue-400:hover { - color: #63b3ed !important; + .md\:border-gray-600 { + border-color: #718096 !important; } - .sm\:hover\:text-blue-500:hover { - color: #4299e1 !important; + .md\:border-gray-700 { + border-color: #4a5568 !important; } - .sm\:hover\:text-blue-600:hover { - color: #3182ce !important; + .md\:border-gray-800 { + border-color: #2d3748 !important; } - .sm\:hover\:text-blue-700:hover { - color: #2b6cb0 !important; + .md\:border-gray-900 { + border-color: #1a202c !important; } - .sm\:hover\:text-blue-800:hover { - color: #2c5282 !important; + .md\:border-red-100 { + border-color: #fff5f5 !important; } - .sm\:hover\:text-blue-900:hover { - color: #2a4365 !important; + .md\:border-red-200 { + border-color: #fed7d7 !important; } - .sm\:hover\:text-indigo-100:hover { - color: #ebf4ff !important; + .md\:border-red-300 { + border-color: #feb2b2 !important; } - .sm\:hover\:text-indigo-200:hover { - color: #c3dafe !important; + .md\:border-red-400 { + border-color: #fc8181 !important; } - .sm\:hover\:text-indigo-300:hover { - color: #a3bffa !important; + .md\:border-red-500 { + border-color: #f56565 !important; } - .sm\:hover\:text-indigo-400:hover { - color: #7f9cf5 !important; + .md\:border-red-600 { + border-color: #e53e3e !important; } - .sm\:hover\:text-indigo-500:hover { - color: #667eea !important; + .md\:border-red-700 { + border-color: #c53030 !important; } - .sm\:hover\:text-indigo-600:hover { - color: #5a67d8 !important; + .md\:border-red-800 { + border-color: #9b2c2c !important; } - .sm\:hover\:text-indigo-700:hover { - color: #4c51bf !important; + .md\:border-red-900 { + border-color: #742a2a !important; } - .sm\:hover\:text-indigo-800:hover { - color: #434190 !important; + .md\:border-orange-100 { + border-color: #fffaf0 !important; } - .sm\:hover\:text-indigo-900:hover { - color: #3c366b !important; + .md\:border-orange-200 { + border-color: #feebc8 !important; } - .sm\:hover\:text-purple-100:hover { - color: #faf5ff !important; + .md\:border-orange-300 { + border-color: #fbd38d !important; } - .sm\:hover\:text-purple-200:hover { - color: #e9d8fd !important; + .md\:border-orange-400 { + border-color: #f6ad55 !important; } - .sm\:hover\:text-purple-300:hover { - color: #d6bcfa !important; + .md\:border-orange-500 { + border-color: #ed8936 !important; } - .sm\:hover\:text-purple-400:hover { - color: #b794f4 !important; + .md\:border-orange-600 { + border-color: #dd6b20 !important; } - .sm\:hover\:text-purple-500:hover { - color: #9f7aea !important; + .md\:border-orange-700 { + border-color: #c05621 !important; } - .sm\:hover\:text-purple-600:hover { - color: #805ad5 !important; + .md\:border-orange-800 { + border-color: #9c4221 !important; } - .sm\:hover\:text-purple-700:hover { - color: #6b46c1 !important; + .md\:border-orange-900 { + border-color: #7b341e !important; } - .sm\:hover\:text-purple-800:hover { - color: #553c9a !important; + .md\:border-yellow-100 { + border-color: #fffff0 !important; } - .sm\:hover\:text-purple-900:hover { - color: #44337a !important; + .md\:border-yellow-200 { + border-color: #fefcbf !important; } - .sm\:hover\:text-pink-100:hover { - color: #fff5f7 !important; + .md\:border-yellow-300 { + border-color: #faf089 !important; } - .sm\:hover\:text-pink-200:hover { - color: #fed7e2 !important; + .md\:border-yellow-400 { + border-color: #f6e05e !important; } - .sm\:hover\:text-pink-300:hover { - color: #fbb6ce !important; + .md\:border-yellow-500 { + border-color: #ecc94b !important; } - .sm\:hover\:text-pink-400:hover { - color: #f687b3 !important; + .md\:border-yellow-600 { + border-color: #d69e2e !important; } - .sm\:hover\:text-pink-500:hover { - color: #ed64a6 !important; + .md\:border-yellow-700 { + border-color: #b7791f !important; } - .sm\:hover\:text-pink-600:hover { - color: #d53f8c !important; + .md\:border-yellow-800 { + border-color: #975a16 !important; } - .sm\:hover\:text-pink-700:hover { - color: #b83280 !important; + .md\:border-yellow-900 { + border-color: #744210 !important; } - .sm\:hover\:text-pink-800:hover { - color: #97266d !important; + .md\:border-green-100 { + border-color: #f0fff4 !important; } - .sm\:hover\:text-pink-900:hover { - color: #702459 !important; + .md\:border-green-200 { + border-color: #c6f6d5 !important; } - .sm\:focus\:text-transparent:focus { - color: transparent !important; + .md\:border-green-300 { + border-color: #9ae6b4 !important; } - .sm\:focus\:text-black:focus { - color: #000 !important; + .md\:border-green-400 { + border-color: #68d391 !important; } - .sm\:focus\:text-white:focus { - color: #fff !important; + .md\:border-green-500 { + border-color: #48bb78 !important; } - .sm\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .md\:border-green-600 { + border-color: #38a169 !important; } - .sm\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .md\:border-green-700 { + border-color: #2f855a !important; } - .sm\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .md\:border-green-800 { + border-color: #276749 !important; } - .sm\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .md\:border-green-900 { + border-color: #22543d !important; } - .sm\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .md\:border-teal-100 { + border-color: #e6fffa !important; } - .sm\:focus\:text-gray-600:focus { - color: #718096 !important; + .md\:border-teal-200 { + border-color: #b2f5ea !important; } - .sm\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .md\:border-teal-300 { + border-color: #81e6d9 !important; } - .sm\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .md\:border-teal-400 { + border-color: #4fd1c5 !important; } - .sm\:focus\:text-gray-900:focus { - color: #1a202c !important; + .md\:border-teal-500 { + border-color: #38b2ac !important; } - .sm\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .md\:border-teal-600 { + border-color: #319795 !important; } - .sm\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .md\:border-teal-700 { + border-color: #2c7a7b !important; } - .sm\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .md\:border-teal-800 { + border-color: #285e61 !important; } - .sm\:focus\:text-red-400:focus { - color: #fc8181 !important; + .md\:border-teal-900 { + border-color: #234e52 !important; } - .sm\:focus\:text-red-500:focus { - color: #f56565 !important; + .md\:border-blue-100 { + border-color: #ebf8ff !important; } - .sm\:focus\:text-red-600:focus { - color: #e53e3e !important; + .md\:border-blue-200 { + border-color: #bee3f8 !important; } - .sm\:focus\:text-red-700:focus { - color: #c53030 !important; + .md\:border-blue-300 { + border-color: #90cdf4 !important; } - .sm\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .md\:border-blue-400 { + border-color: #63b3ed !important; } - .sm\:focus\:text-red-900:focus { - color: #742a2a !important; + .md\:border-blue-500 { + border-color: #4299e1 !important; } - .sm\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .md\:border-blue-600 { + border-color: #3182ce !important; } - .sm\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .md\:border-blue-700 { + border-color: #2b6cb0 !important; } - .sm\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .md\:border-blue-800 { + border-color: #2c5282 !important; } - .sm\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .md\:border-blue-900 { + border-color: #2a4365 !important; } - .sm\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .md\:border-indigo-100 { + border-color: #ebf4ff !important; } - .sm\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .md\:border-indigo-200 { + border-color: #c3dafe !important; } - .sm\:focus\:text-orange-700:focus { - color: #c05621 !important; + .md\:border-indigo-300 { + border-color: #a3bffa !important; } - .sm\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .md\:border-indigo-400 { + border-color: #7f9cf5 !important; } - .sm\:focus\:text-orange-900:focus { - color: #7b341e !important; + .md\:border-indigo-500 { + border-color: #667eea !important; } - .sm\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .md\:border-indigo-600 { + border-color: #5a67d8 !important; } - .sm\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .md\:border-indigo-700 { + border-color: #4c51bf !important; } - .sm\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .md\:border-indigo-800 { + border-color: #434190 !important; } - .sm\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .md\:border-indigo-900 { + border-color: #3c366b !important; } - .sm\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .md\:border-purple-100 { + border-color: #faf5ff !important; } - .sm\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .md\:border-purple-200 { + border-color: #e9d8fd !important; } - .sm\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .md\:border-purple-300 { + border-color: #d6bcfa !important; } - .sm\:focus\:text-yellow-800:focus { - color: #975a16 !important; + .md\:border-purple-400 { + border-color: #b794f4 !important; } - .sm\:focus\:text-yellow-900:focus { - color: #744210 !important; + .md\:border-purple-500 { + border-color: #9f7aea !important; } - .sm\:focus\:text-green-100:focus { - color: #f0fff4 !important; + .md\:border-purple-600 { + border-color: #805ad5 !important; } - .sm\:focus\:text-green-200:focus { - color: #c6f6d5 !important; + .md\:border-purple-700 { + border-color: #6b46c1 !important; } - .sm\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .md\:border-purple-800 { + border-color: #553c9a !important; } - .sm\:focus\:text-green-400:focus { - color: #68d391 !important; + .md\:border-purple-900 { + border-color: #44337a !important; } - .sm\:focus\:text-green-500:focus { - color: #48bb78 !important; + .md\:border-pink-100 { + border-color: #fff5f7 !important; } - .sm\:focus\:text-green-600:focus { - color: #38a169 !important; + .md\:border-pink-200 { + border-color: #fed7e2 !important; } - .sm\:focus\:text-green-700:focus { - color: #2f855a !important; + .md\:border-pink-300 { + border-color: #fbb6ce !important; } - .sm\:focus\:text-green-800:focus { - color: #276749 !important; + .md\:border-pink-400 { + border-color: #f687b3 !important; } - .sm\:focus\:text-green-900:focus { - color: #22543d !important; + .md\:border-pink-500 { + border-color: #ed64a6 !important; } - .sm\:focus\:text-teal-100:focus { - color: #e6fffa !important; + .md\:border-pink-600 { + border-color: #d53f8c !important; } - .sm\:focus\:text-teal-200:focus { - color: #b2f5ea !important; + .md\:border-pink-700 { + border-color: #b83280 !important; } - .sm\:focus\:text-teal-300:focus { - color: #81e6d9 !important; + .md\:border-pink-800 { + border-color: #97266d !important; } - .sm\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .md\:border-pink-900 { + border-color: #702459 !important; } - .sm\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .md\:hover\:border-transparent:hover { + border-color: transparent !important; } - .sm\:focus\:text-teal-600:focus { - color: #319795 !important; + .md\:hover\:border-black:hover { + border-color: #000 !important; } - .sm\:focus\:text-teal-700:focus { - color: #2c7a7b !important; + .md\:hover\:border-white:hover { + border-color: #fff !important; } - .sm\:focus\:text-teal-800:focus { - color: #285e61 !important; + .md\:hover\:border-gray-100:hover { + border-color: #f7fafc !important; } - .sm\:focus\:text-teal-900:focus { - color: #234e52 !important; + .md\:hover\:border-gray-200:hover { + border-color: #edf2f7 !important; } - .sm\:focus\:text-blue-100:focus { - color: #ebf8ff !important; + .md\:hover\:border-gray-300:hover { + border-color: #e2e8f0 !important; } - .sm\:focus\:text-blue-200:focus { - color: #bee3f8 !important; + .md\:hover\:border-gray-400:hover { + border-color: #cbd5e0 !important; } - .sm\:focus\:text-blue-300:focus { - color: #90cdf4 !important; + .md\:hover\:border-gray-500:hover { + border-color: #a0aec0 !important; } - .sm\:focus\:text-blue-400:focus { - color: #63b3ed !important; + .md\:hover\:border-gray-600:hover { + border-color: #718096 !important; } - .sm\:focus\:text-blue-500:focus { - color: #4299e1 !important; + .md\:hover\:border-gray-700:hover { + border-color: #4a5568 !important; } - .sm\:focus\:text-blue-600:focus { - color: #3182ce !important; + .md\:hover\:border-gray-800:hover { + border-color: #2d3748 !important; } - .sm\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .md\:hover\:border-gray-900:hover { + border-color: #1a202c !important; } - .sm\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .md\:hover\:border-red-100:hover { + border-color: #fff5f5 !important; } - .sm\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .md\:hover\:border-red-200:hover { + border-color: #fed7d7 !important; } - .sm\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .md\:hover\:border-red-300:hover { + border-color: #feb2b2 !important; } - .sm\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .md\:hover\:border-red-400:hover { + border-color: #fc8181 !important; } - .sm\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .md\:hover\:border-red-500:hover { + border-color: #f56565 !important; } - .sm\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .md\:hover\:border-red-600:hover { + border-color: #e53e3e !important; } - .sm\:focus\:text-indigo-500:focus { - color: #667eea !important; + .md\:hover\:border-red-700:hover { + border-color: #c53030 !important; } - .sm\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .md\:hover\:border-red-800:hover { + border-color: #9b2c2c !important; } - .sm\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .md\:hover\:border-red-900:hover { + border-color: #742a2a !important; } - .sm\:focus\:text-indigo-800:focus { - color: #434190 !important; + .md\:hover\:border-orange-100:hover { + border-color: #fffaf0 !important; } - .sm\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .md\:hover\:border-orange-200:hover { + border-color: #feebc8 !important; } - .sm\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .md\:hover\:border-orange-300:hover { + border-color: #fbd38d !important; } - .sm\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .md\:hover\:border-orange-400:hover { + border-color: #f6ad55 !important; } - .sm\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .md\:hover\:border-orange-500:hover { + border-color: #ed8936 !important; } - .sm\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .md\:hover\:border-orange-600:hover { + border-color: #dd6b20 !important; } - .sm\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .md\:hover\:border-orange-700:hover { + border-color: #c05621 !important; } - .sm\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .md\:hover\:border-orange-800:hover { + border-color: #9c4221 !important; } - .sm\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .md\:hover\:border-orange-900:hover { + border-color: #7b341e !important; } - .sm\:focus\:text-purple-800:focus { - color: #553c9a !important; + .md\:hover\:border-yellow-100:hover { + border-color: #fffff0 !important; } - .sm\:focus\:text-purple-900:focus { - color: #44337a !important; + .md\:hover\:border-yellow-200:hover { + border-color: #fefcbf !important; } - .sm\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .md\:hover\:border-yellow-300:hover { + border-color: #faf089 !important; } - .sm\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .md\:hover\:border-yellow-400:hover { + border-color: #f6e05e !important; } - .sm\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .md\:hover\:border-yellow-500:hover { + border-color: #ecc94b !important; } - .sm\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .md\:hover\:border-yellow-600:hover { + border-color: #d69e2e !important; } - .sm\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .md\:hover\:border-yellow-700:hover { + border-color: #b7791f !important; } - .sm\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .md\:hover\:border-yellow-800:hover { + border-color: #975a16 !important; } - .sm\:focus\:text-pink-700:focus { - color: #b83280 !important; + .md\:hover\:border-yellow-900:hover { + border-color: #744210 !important; } - .sm\:focus\:text-pink-800:focus { - color: #97266d !important; + .md\:hover\:border-green-100:hover { + border-color: #f0fff4 !important; } - .sm\:focus\:text-pink-900:focus { - color: #702459 !important; + .md\:hover\:border-green-200:hover { + border-color: #c6f6d5 !important; } - .sm\:text-xs { - font-size: 0.75rem !important; + .md\:hover\:border-green-300:hover { + border-color: #9ae6b4 !important; } - .sm\:text-sm { - font-size: 0.875rem !important; + .md\:hover\:border-green-400:hover { + border-color: #68d391 !important; } - .sm\:text-base { - font-size: 1rem !important; + .md\:hover\:border-green-500:hover { + border-color: #48bb78 !important; } - .sm\:text-lg { - font-size: 1.125rem !important; + .md\:hover\:border-green-600:hover { + border-color: #38a169 !important; } - .sm\:text-xl { - font-size: 1.25rem !important; + .md\:hover\:border-green-700:hover { + border-color: #2f855a !important; } - .sm\:text-2xl { - font-size: 1.5rem !important; + .md\:hover\:border-green-800:hover { + border-color: #276749 !important; } - .sm\:text-3xl { - font-size: 1.875rem !important; + .md\:hover\:border-green-900:hover { + border-color: #22543d !important; } - .sm\:text-4xl { - font-size: 2.25rem !important; + .md\:hover\:border-teal-100:hover { + border-color: #e6fffa !important; } - .sm\:text-5xl { - font-size: 3rem !important; + .md\:hover\:border-teal-200:hover { + border-color: #b2f5ea !important; } - .sm\:text-6xl { - font-size: 4rem !important; + .md\:hover\:border-teal-300:hover { + border-color: #81e6d9 !important; } - .sm\:italic { - font-style: italic !important; + .md\:hover\:border-teal-400:hover { + border-color: #4fd1c5 !important; } - .sm\:not-italic { - font-style: normal !important; + .md\:hover\:border-teal-500:hover { + border-color: #38b2ac !important; } - .sm\:uppercase { - text-transform: uppercase !important; + .md\:hover\:border-teal-600:hover { + border-color: #319795 !important; } - .sm\:lowercase { - text-transform: lowercase !important; + .md\:hover\:border-teal-700:hover { + border-color: #2c7a7b !important; } - .sm\:capitalize { - text-transform: capitalize !important; + .md\:hover\:border-teal-800:hover { + border-color: #285e61 !important; } - .sm\:normal-case { - text-transform: none !important; + .md\:hover\:border-teal-900:hover { + border-color: #234e52 !important; } - .sm\:underline { - text-decoration: underline !important; + .md\:hover\:border-blue-100:hover { + border-color: #ebf8ff !important; } - .sm\:line-through { - text-decoration: line-through !important; + .md\:hover\:border-blue-200:hover { + border-color: #bee3f8 !important; } - .sm\:no-underline { - text-decoration: none !important; + .md\:hover\:border-blue-300:hover { + border-color: #90cdf4 !important; } - .sm\:hover\:underline:hover { - text-decoration: underline !important; + .md\:hover\:border-blue-400:hover { + border-color: #63b3ed !important; } - .sm\:hover\:line-through:hover { - text-decoration: line-through !important; + .md\:hover\:border-blue-500:hover { + border-color: #4299e1 !important; } - .sm\:hover\:no-underline:hover { - text-decoration: none !important; + .md\:hover\:border-blue-600:hover { + border-color: #3182ce !important; } - .sm\:focus\:underline:focus { - text-decoration: underline !important; + .md\:hover\:border-blue-700:hover { + border-color: #2b6cb0 !important; } - .sm\:focus\:line-through:focus { - text-decoration: line-through !important; + .md\:hover\:border-blue-800:hover { + border-color: #2c5282 !important; } - .sm\:focus\:no-underline:focus { - text-decoration: none !important; + .md\:hover\:border-blue-900:hover { + border-color: #2a4365 !important; } - .sm\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .md\:hover\:border-indigo-100:hover { + border-color: #ebf4ff !important; } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .md\:hover\:border-indigo-200:hover { + border-color: #c3dafe !important; } - .sm\:tracking-tighter { - letter-spacing: -0.05em !important; + .md\:hover\:border-indigo-300:hover { + border-color: #a3bffa !important; } - .sm\:tracking-tight { - letter-spacing: -0.025em !important; + .md\:hover\:border-indigo-400:hover { + border-color: #7f9cf5 !important; } - .sm\:tracking-normal { - letter-spacing: 0 !important; + .md\:hover\:border-indigo-500:hover { + border-color: #667eea !important; } - .sm\:tracking-wide { - letter-spacing: 0.025em !important; + .md\:hover\:border-indigo-600:hover { + border-color: #5a67d8 !important; } - .sm\:tracking-wider { - letter-spacing: 0.05em !important; + .md\:hover\:border-indigo-700:hover { + border-color: #4c51bf !important; } - .sm\:tracking-widest { - letter-spacing: 0.1em !important; + .md\:hover\:border-indigo-800:hover { + border-color: #434190 !important; } - .sm\:select-none { - user-select: none !important; + .md\:hover\:border-indigo-900:hover { + border-color: #3c366b !important; } - .sm\:select-text { - user-select: text !important; + .md\:hover\:border-purple-100:hover { + border-color: #faf5ff !important; } - .sm\:select-all { - user-select: all !important; + .md\:hover\:border-purple-200:hover { + border-color: #e9d8fd !important; } - .sm\:select-auto { - user-select: auto !important; + .md\:hover\:border-purple-300:hover { + border-color: #d6bcfa !important; } - .sm\:align-baseline { - vertical-align: baseline !important; + .md\:hover\:border-purple-400:hover { + border-color: #b794f4 !important; } - .sm\:align-top { - vertical-align: top !important; + .md\:hover\:border-purple-500:hover { + border-color: #9f7aea !important; } - .sm\:align-middle { - vertical-align: middle !important; + .md\:hover\:border-purple-600:hover { + border-color: #805ad5 !important; } - .sm\:align-bottom { - vertical-align: bottom !important; + .md\:hover\:border-purple-700:hover { + border-color: #6b46c1 !important; } - .sm\:align-text-top { - vertical-align: text-top !important; + .md\:hover\:border-purple-800:hover { + border-color: #553c9a !important; } - .sm\:align-text-bottom { - vertical-align: text-bottom !important; + .md\:hover\:border-purple-900:hover { + border-color: #44337a !important; } - .sm\:visible { - visibility: visible !important; + .md\:hover\:border-pink-100:hover { + border-color: #fff5f7 !important; } - .sm\:invisible { - visibility: hidden !important; + .md\:hover\:border-pink-200:hover { + border-color: #fed7e2 !important; } - .sm\:whitespace-normal { - white-space: normal !important; + .md\:hover\:border-pink-300:hover { + border-color: #fbb6ce !important; } - .sm\:whitespace-no-wrap { - white-space: nowrap !important; + .md\:hover\:border-pink-400:hover { + border-color: #f687b3 !important; } - .sm\:whitespace-pre { - white-space: pre !important; + .md\:hover\:border-pink-500:hover { + border-color: #ed64a6 !important; } - .sm\:whitespace-pre-line { - white-space: pre-line !important; + .md\:hover\:border-pink-600:hover { + border-color: #d53f8c !important; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .md\:hover\:border-pink-700:hover { + border-color: #b83280 !important; } - .sm\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .md\:hover\:border-pink-800:hover { + border-color: #97266d !important; } - .sm\:break-words { - overflow-wrap: break-word !important; + .md\:hover\:border-pink-900:hover { + border-color: #702459 !important; } - .sm\:break-all { - word-break: break-all !important; + .md\:focus\:border-transparent:focus { + border-color: transparent !important; } - .sm\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .md\:focus\:border-black:focus { + border-color: #000 !important; } - .sm\:w-0 { - width: 0 !important; + .md\:focus\:border-white:focus { + border-color: #fff !important; } - .sm\:w-1 { - width: 0.25rem !important; + .md\:focus\:border-gray-100:focus { + border-color: #f7fafc !important; } - .sm\:w-2 { - width: 0.5rem !important; + .md\:focus\:border-gray-200:focus { + border-color: #edf2f7 !important; } - .sm\:w-3 { - width: 0.75rem !important; + .md\:focus\:border-gray-300:focus { + border-color: #e2e8f0 !important; } - - .sm\:w-4 { - width: 1rem !important; + + .md\:focus\:border-gray-400:focus { + border-color: #cbd5e0 !important; } - .sm\:w-5 { - width: 1.25rem !important; + .md\:focus\:border-gray-500:focus { + border-color: #a0aec0 !important; } - .sm\:w-6 { - width: 1.5rem !important; + .md\:focus\:border-gray-600:focus { + border-color: #718096 !important; } - .sm\:w-8 { - width: 2rem !important; + .md\:focus\:border-gray-700:focus { + border-color: #4a5568 !important; } - .sm\:w-10 { - width: 2.5rem !important; + .md\:focus\:border-gray-800:focus { + border-color: #2d3748 !important; } - .sm\:w-12 { - width: 3rem !important; + .md\:focus\:border-gray-900:focus { + border-color: #1a202c !important; } - .sm\:w-16 { - width: 4rem !important; + .md\:focus\:border-red-100:focus { + border-color: #fff5f5 !important; } - .sm\:w-20 { - width: 5rem !important; + .md\:focus\:border-red-200:focus { + border-color: #fed7d7 !important; } - .sm\:w-24 { - width: 6rem !important; + .md\:focus\:border-red-300:focus { + border-color: #feb2b2 !important; } - .sm\:w-32 { - width: 8rem !important; + .md\:focus\:border-red-400:focus { + border-color: #fc8181 !important; } - .sm\:w-40 { - width: 10rem !important; + .md\:focus\:border-red-500:focus { + border-color: #f56565 !important; } - .sm\:w-48 { - width: 12rem !important; + .md\:focus\:border-red-600:focus { + border-color: #e53e3e !important; } - .sm\:w-56 { - width: 14rem !important; + .md\:focus\:border-red-700:focus { + border-color: #c53030 !important; } - .sm\:w-64 { - width: 16rem !important; + .md\:focus\:border-red-800:focus { + border-color: #9b2c2c !important; } - .sm\:w-auto { - width: auto !important; + .md\:focus\:border-red-900:focus { + border-color: #742a2a !important; } - .sm\:w-px { - width: 1px !important; + .md\:focus\:border-orange-100:focus { + border-color: #fffaf0 !important; } - .sm\:w-1\/2 { - width: 50% !important; + .md\:focus\:border-orange-200:focus { + border-color: #feebc8 !important; } - .sm\:w-1\/3 { - width: 33.333333% !important; + .md\:focus\:border-orange-300:focus { + border-color: #fbd38d !important; } - .sm\:w-2\/3 { - width: 66.666667% !important; + .md\:focus\:border-orange-400:focus { + border-color: #f6ad55 !important; } - .sm\:w-1\/4 { - width: 25% !important; + .md\:focus\:border-orange-500:focus { + border-color: #ed8936 !important; } - .sm\:w-2\/4 { - width: 50% !important; + .md\:focus\:border-orange-600:focus { + border-color: #dd6b20 !important; } - .sm\:w-3\/4 { - width: 75% !important; + .md\:focus\:border-orange-700:focus { + border-color: #c05621 !important; } - .sm\:w-1\/5 { - width: 20% !important; + .md\:focus\:border-orange-800:focus { + border-color: #9c4221 !important; } - .sm\:w-2\/5 { - width: 40% !important; + .md\:focus\:border-orange-900:focus { + border-color: #7b341e !important; } - .sm\:w-3\/5 { - width: 60% !important; + .md\:focus\:border-yellow-100:focus { + border-color: #fffff0 !important; } - .sm\:w-4\/5 { - width: 80% !important; + .md\:focus\:border-yellow-200:focus { + border-color: #fefcbf !important; } - .sm\:w-1\/6 { - width: 16.666667% !important; + .md\:focus\:border-yellow-300:focus { + border-color: #faf089 !important; } - .sm\:w-2\/6 { - width: 33.333333% !important; + .md\:focus\:border-yellow-400:focus { + border-color: #f6e05e !important; } - .sm\:w-3\/6 { - width: 50% !important; + .md\:focus\:border-yellow-500:focus { + border-color: #ecc94b !important; } - .sm\:w-4\/6 { - width: 66.666667% !important; + .md\:focus\:border-yellow-600:focus { + border-color: #d69e2e !important; } - .sm\:w-5\/6 { - width: 83.333333% !important; + .md\:focus\:border-yellow-700:focus { + border-color: #b7791f !important; } - .sm\:w-1\/12 { - width: 8.333333% !important; + .md\:focus\:border-yellow-800:focus { + border-color: #975a16 !important; } - .sm\:w-2\/12 { - width: 16.666667% !important; + .md\:focus\:border-yellow-900:focus { + border-color: #744210 !important; } - .sm\:w-3\/12 { - width: 25% !important; + .md\:focus\:border-green-100:focus { + border-color: #f0fff4 !important; } - .sm\:w-4\/12 { - width: 33.333333% !important; + .md\:focus\:border-green-200:focus { + border-color: #c6f6d5 !important; } - .sm\:w-5\/12 { - width: 41.666667% !important; + .md\:focus\:border-green-300:focus { + border-color: #9ae6b4 !important; } - .sm\:w-6\/12 { - width: 50% !important; + .md\:focus\:border-green-400:focus { + border-color: #68d391 !important; } - .sm\:w-7\/12 { - width: 58.333333% !important; + .md\:focus\:border-green-500:focus { + border-color: #48bb78 !important; } - .sm\:w-8\/12 { - width: 66.666667% !important; + .md\:focus\:border-green-600:focus { + border-color: #38a169 !important; } - .sm\:w-9\/12 { - width: 75% !important; + .md\:focus\:border-green-700:focus { + border-color: #2f855a !important; } - .sm\:w-10\/12 { - width: 83.333333% !important; + .md\:focus\:border-green-800:focus { + border-color: #276749 !important; } - .sm\:w-11\/12 { - width: 91.666667% !important; + .md\:focus\:border-green-900:focus { + border-color: #22543d !important; } - .sm\:w-full { - width: 100% !important; + .md\:focus\:border-teal-100:focus { + border-color: #e6fffa !important; } - .sm\:w-screen { - width: 100vw !important; + .md\:focus\:border-teal-200:focus { + border-color: #b2f5ea !important; } - .sm\:z-0 { - z-index: 0 !important; + .md\:focus\:border-teal-300:focus { + border-color: #81e6d9 !important; } - .sm\:z-10 { - z-index: 10 !important; + .md\:focus\:border-teal-400:focus { + border-color: #4fd1c5 !important; } - .sm\:z-20 { - z-index: 20 !important; + .md\:focus\:border-teal-500:focus { + border-color: #38b2ac !important; } - .sm\:z-30 { - z-index: 30 !important; + .md\:focus\:border-teal-600:focus { + border-color: #319795 !important; } - .sm\:z-40 { - z-index: 40 !important; + .md\:focus\:border-teal-700:focus { + border-color: #2c7a7b !important; } - .sm\:z-50 { - z-index: 50 !important; + .md\:focus\:border-teal-800:focus { + border-color: #285e61 !important; } - .sm\:z-auto { - z-index: auto !important; + .md\:focus\:border-teal-900:focus { + border-color: #234e52 !important; } - .sm\:example { - font-weight: 700; - color: #f56565; + .md\:focus\:border-blue-100:focus { + border-color: #ebf8ff !important; } -} -@media (min-width: 768px) { - .md\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .md\:focus\:border-blue-200:focus { + border-color: #bee3f8 !important; } - .md\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .md\:focus\:border-blue-300:focus { + border-color: #90cdf4 !important; } - .md\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .md\:focus\:border-blue-400:focus { + border-color: #63b3ed !important; } - .md\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .md\:focus\:border-blue-500:focus { + border-color: #4299e1 !important; } - .md\:appearance-none { - appearance: none !important; + .md\:focus\:border-blue-600:focus { + border-color: #3182ce !important; } - .md\:bg-fixed { - background-attachment: fixed !important; + .md\:focus\:border-blue-700:focus { + border-color: #2b6cb0 !important; } - .md\:bg-local { - background-attachment: local !important; + .md\:focus\:border-blue-800:focus { + border-color: #2c5282 !important; } - .md\:bg-scroll { - background-attachment: scroll !important; + .md\:focus\:border-blue-900:focus { + border-color: #2a4365 !important; } - .md\:bg-transparent { - background-color: transparent !important; + .md\:focus\:border-indigo-100:focus { + border-color: #ebf4ff !important; } - .md\:bg-black { - background-color: #000 !important; + .md\:focus\:border-indigo-200:focus { + border-color: #c3dafe !important; } - .md\:bg-white { - background-color: #fff !important; + .md\:focus\:border-indigo-300:focus { + border-color: #a3bffa !important; } - .md\:bg-gray-100 { - background-color: #f7fafc !important; + .md\:focus\:border-indigo-400:focus { + border-color: #7f9cf5 !important; } - .md\:bg-gray-200 { - background-color: #edf2f7 !important; + .md\:focus\:border-indigo-500:focus { + border-color: #667eea !important; } - .md\:bg-gray-300 { - background-color: #e2e8f0 !important; + .md\:focus\:border-indigo-600:focus { + border-color: #5a67d8 !important; } - .md\:bg-gray-400 { - background-color: #cbd5e0 !important; + .md\:focus\:border-indigo-700:focus { + border-color: #4c51bf !important; } - .md\:bg-gray-500 { - background-color: #a0aec0 !important; + .md\:focus\:border-indigo-800:focus { + border-color: #434190 !important; } - .md\:bg-gray-600 { - background-color: #718096 !important; + .md\:focus\:border-indigo-900:focus { + border-color: #3c366b !important; } - .md\:bg-gray-700 { - background-color: #4a5568 !important; + .md\:focus\:border-purple-100:focus { + border-color: #faf5ff !important; } - .md\:bg-gray-800 { - background-color: #2d3748 !important; + .md\:focus\:border-purple-200:focus { + border-color: #e9d8fd !important; } - .md\:bg-gray-900 { - background-color: #1a202c !important; + .md\:focus\:border-purple-300:focus { + border-color: #d6bcfa !important; } - .md\:bg-red-100 { - background-color: #fff5f5 !important; + .md\:focus\:border-purple-400:focus { + border-color: #b794f4 !important; } - .md\:bg-red-200 { - background-color: #fed7d7 !important; + .md\:focus\:border-purple-500:focus { + border-color: #9f7aea !important; } - .md\:bg-red-300 { - background-color: #feb2b2 !important; + .md\:focus\:border-purple-600:focus { + border-color: #805ad5 !important; } - .md\:bg-red-400 { - background-color: #fc8181 !important; + .md\:focus\:border-purple-700:focus { + border-color: #6b46c1 !important; } - .md\:bg-red-500 { - background-color: #f56565 !important; + .md\:focus\:border-purple-800:focus { + border-color: #553c9a !important; } - .md\:bg-red-600 { - background-color: #e53e3e !important; + .md\:focus\:border-purple-900:focus { + border-color: #44337a !important; } - .md\:bg-red-700 { - background-color: #c53030 !important; + .md\:focus\:border-pink-100:focus { + border-color: #fff5f7 !important; } - .md\:bg-red-800 { - background-color: #9b2c2c !important; + .md\:focus\:border-pink-200:focus { + border-color: #fed7e2 !important; } - .md\:bg-red-900 { - background-color: #742a2a !important; + .md\:focus\:border-pink-300:focus { + border-color: #fbb6ce !important; } - .md\:bg-orange-100 { - background-color: #fffaf0 !important; + .md\:focus\:border-pink-400:focus { + border-color: #f687b3 !important; } - .md\:bg-orange-200 { - background-color: #feebc8 !important; + .md\:focus\:border-pink-500:focus { + border-color: #ed64a6 !important; } - .md\:bg-orange-300 { - background-color: #fbd38d !important; + .md\:focus\:border-pink-600:focus { + border-color: #d53f8c !important; } - .md\:bg-orange-400 { - background-color: #f6ad55 !important; + .md\:focus\:border-pink-700:focus { + border-color: #b83280 !important; } - .md\:bg-orange-500 { - background-color: #ed8936 !important; + .md\:focus\:border-pink-800:focus { + border-color: #97266d !important; } - .md\:bg-orange-600 { - background-color: #dd6b20 !important; + .md\:focus\:border-pink-900:focus { + border-color: #702459 !important; } - .md\:bg-orange-700 { - background-color: #c05621 !important; + .md\:rounded-none { + border-radius: 0 !important; } - .md\:bg-orange-800 { - background-color: #9c4221 !important; + .md\:rounded-sm { + border-radius: 0.125rem !important; } - .md\:bg-orange-900 { - background-color: #7b341e !important; + .md\:rounded { + border-radius: 0.25rem !important; } - .md\:bg-yellow-100 { - background-color: #fffff0 !important; + .md\:rounded-lg { + border-radius: 0.5rem !important; } - .md\:bg-yellow-200 { - background-color: #fefcbf !important; + .md\:rounded-full { + border-radius: 9999px !important; } - .md\:bg-yellow-300 { - background-color: #faf089 !important; + .md\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .md\:bg-yellow-400 { - background-color: #f6e05e !important; + .md\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .md\:bg-yellow-500 { - background-color: #ecc94b !important; + .md\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:bg-yellow-600 { - background-color: #d69e2e !important; + .md\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .md\:bg-yellow-700 { - background-color: #b7791f !important; + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .md\:bg-yellow-800 { - background-color: #975a16 !important; + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .md\:bg-yellow-900 { - background-color: #744210 !important; + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:bg-green-100 { - background-color: #f0fff4 !important; + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .md\:bg-green-200 { - background-color: #c6f6d5 !important; + .md\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .md\:bg-green-300 { - background-color: #9ae6b4 !important; + .md\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .md\:bg-green-400 { - background-color: #68d391 !important; + .md\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:bg-green-500 { - background-color: #48bb78 !important; + .md\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .md\:bg-green-600 { - background-color: #38a169 !important; + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .md\:bg-green-700 { - background-color: #2f855a !important; + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .md\:bg-green-800 { - background-color: #276749 !important; + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:bg-green-900 { - background-color: #22543d !important; + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .md\:bg-teal-100 { - background-color: #e6fffa !important; + .md\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .md\:bg-teal-200 { - background-color: #b2f5ea !important; + .md\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .md\:bg-teal-300 { - background-color: #81e6d9 !important; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:bg-teal-400 { - background-color: #4fd1c5 !important; + .md\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .md\:bg-teal-500 { - background-color: #38b2ac !important; + .md\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .md\:bg-teal-600 { - background-color: #319795 !important; + .md\:rounded-tr-none { + border-top-right-radius: 0 !important; + } + + .md\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .md\:bg-teal-700 { - background-color: #2c7a7b !important; + .md\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .md\:bg-teal-800 { - background-color: #285e61 !important; + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .md\:bg-teal-900 { - background-color: #234e52 !important; + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .md\:bg-blue-100 { - background-color: #ebf8ff !important; + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .md\:bg-blue-200 { - background-color: #bee3f8 !important; + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .md\:bg-blue-300 { - background-color: #90cdf4 !important; + .md\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .md\:bg-blue-400 { - background-color: #63b3ed !important; + .md\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .md\:bg-blue-500 { - background-color: #4299e1 !important; + .md\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .md\:bg-blue-600 { - background-color: #3182ce !important; + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .md\:bg-blue-700 { - background-color: #2b6cb0 !important; + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .md\:bg-blue-800 { - background-color: #2c5282 !important; + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .md\:bg-blue-900 { - background-color: #2a4365 !important; + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .md\:bg-indigo-100 { - background-color: #ebf4ff !important; + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .md\:bg-indigo-200 { - background-color: #c3dafe !important; + .md\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .md\:bg-indigo-300 { - background-color: #a3bffa !important; + .md\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .md\:bg-indigo-400 { - background-color: #7f9cf5 !important; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .md\:bg-indigo-500 { - background-color: #667eea !important; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .md\:bg-indigo-600 { - background-color: #5a67d8 !important; + .md\:border-solid { + border-style: solid !important; } - .md\:bg-indigo-700 { - background-color: #4c51bf !important; + .md\:border-dashed { + border-style: dashed !important; } - .md\:bg-indigo-800 { - background-color: #434190 !important; + .md\:border-dotted { + border-style: dotted !important; } - .md\:bg-indigo-900 { - background-color: #3c366b !important; + .md\:border-double { + border-style: double !important; } - .md\:bg-purple-100 { - background-color: #faf5ff !important; + .md\:border-none { + border-style: none !important; } - .md\:bg-purple-200 { - background-color: #e9d8fd !important; + .md\:border-0 { + border-width: 0 !important; } - .md\:bg-purple-300 { - background-color: #d6bcfa !important; + .md\:border-2 { + border-width: 2px !important; } - .md\:bg-purple-400 { - background-color: #b794f4 !important; + .md\:border-4 { + border-width: 4px !important; } - .md\:bg-purple-500 { - background-color: #9f7aea !important; + .md\:border-8 { + border-width: 8px !important; } - .md\:bg-purple-600 { - background-color: #805ad5 !important; + .md\:border { + border-width: 1px !important; } - .md\:bg-purple-700 { - background-color: #6b46c1 !important; + .md\:border-t-0 { + border-top-width: 0 !important; } - .md\:bg-purple-800 { - background-color: #553c9a !important; + .md\:border-r-0 { + border-right-width: 0 !important; } - .md\:bg-purple-900 { - background-color: #44337a !important; + .md\:border-b-0 { + border-bottom-width: 0 !important; } - .md\:bg-pink-100 { - background-color: #fff5f7 !important; + .md\:border-l-0 { + border-left-width: 0 !important; } - .md\:bg-pink-200 { - background-color: #fed7e2 !important; + .md\:border-t-2 { + border-top-width: 2px !important; } - .md\:bg-pink-300 { - background-color: #fbb6ce !important; + .md\:border-r-2 { + border-right-width: 2px !important; } - .md\:bg-pink-400 { - background-color: #f687b3 !important; + .md\:border-b-2 { + border-bottom-width: 2px !important; } - .md\:bg-pink-500 { - background-color: #ed64a6 !important; + .md\:border-l-2 { + border-left-width: 2px !important; } - .md\:bg-pink-600 { - background-color: #d53f8c !important; + .md\:border-t-4 { + border-top-width: 4px !important; } - .md\:bg-pink-700 { - background-color: #b83280 !important; + .md\:border-r-4 { + border-right-width: 4px !important; } - .md\:bg-pink-800 { - background-color: #97266d !important; + .md\:border-b-4 { + border-bottom-width: 4px !important; } - .md\:bg-pink-900 { - background-color: #702459 !important; + .md\:border-l-4 { + border-left-width: 4px !important; } - .md\:hover\:bg-transparent:hover { - background-color: transparent !important; + .md\:border-t-8 { + border-top-width: 8px !important; } - .md\:hover\:bg-black:hover { - background-color: #000 !important; + .md\:border-r-8 { + border-right-width: 8px !important; } - .md\:hover\:bg-white:hover { - background-color: #fff !important; + .md\:border-b-8 { + border-bottom-width: 8px !important; } - .md\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .md\:border-l-8 { + border-left-width: 8px !important; } - .md\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .md\:border-t { + border-top-width: 1px !important; } - .md\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .md\:border-r { + border-right-width: 1px !important; } - .md\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .md\:border-b { + border-bottom-width: 1px !important; } - .md\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .md\:border-l { + border-left-width: 1px !important; } - .md\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .md\:cursor-auto { + cursor: auto !important; } - .md\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .md\:cursor-default { + cursor: default !important; } - .md\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .md\:cursor-pointer { + cursor: pointer !important; } - .md\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .md\:cursor-wait { + cursor: wait !important; } - .md\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .md\:cursor-text { + cursor: text !important; } - .md\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .md\:cursor-move { + cursor: move !important; } - .md\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .md\:cursor-not-allowed { + cursor: not-allowed !important; } - .md\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .md\:block { + display: block !important; } - .md\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .md\:inline-block { + display: inline-block !important; } - .md\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .md\:inline { + display: inline !important; } - .md\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .md\:flex { + display: flex !important; } - .md\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .md\:inline-flex { + display: inline-flex !important; } - .md\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .md\:table { + display: table !important; } - .md\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .md\:table-row { + display: table-row !important; } - .md\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .md\:table-cell { + display: table-cell !important; } - .md\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .md\:hidden { + display: none !important; } - .md\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .md\:flex-row { + flex-direction: row !important; } - .md\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .md\:flex-row-reverse { + flex-direction: row-reverse !important; } - .md\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .md\:flex-col { + flex-direction: column !important; } - .md\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .md\:flex-col-reverse { + flex-direction: column-reverse !important; } - .md\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .md\:flex-wrap { + flex-wrap: wrap !important; } - .md\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .md\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .md\:flex-no-wrap { + flex-wrap: nowrap !important; } - .md\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .md\:items-start { + align-items: flex-start !important; } - .md\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .md\:items-end { + align-items: flex-end !important; } - .md\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .md\:items-center { + align-items: center !important; } - .md\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .md\:items-baseline { + align-items: baseline !important; } - .md\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .md\:items-stretch { + align-items: stretch !important; } - .md\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .md\:self-auto { + align-self: auto !important; } - .md\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .md\:self-start { + align-self: flex-start !important; } - .md\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .md\:self-end { + align-self: flex-end !important; } - .md\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .md\:self-center { + align-self: center !important; } - .md\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .md\:self-stretch { + align-self: stretch !important; } - .md\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .md\:justify-start { + justify-content: flex-start !important; } - .md\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .md\:justify-end { + justify-content: flex-end !important; } - .md\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .md\:justify-center { + justify-content: center !important; } - .md\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .md\:justify-between { + justify-content: space-between !important; } - .md\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .md\:justify-around { + justify-content: space-around !important; } - .md\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .md\:content-center { + align-content: center !important; } - .md\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .md\:content-start { + align-content: flex-start !important; } - .md\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .md\:content-end { + align-content: flex-end !important; } - .md\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .md\:content-between { + align-content: space-between !important; } - .md\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .md\:content-around { + align-content: space-around !important; } - .md\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .md\:flex-1 { + flex: 1 1 0% !important; } - .md\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .md\:flex-auto { + flex: 1 1 auto !important; } - .md\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .md\:flex-initial { + flex: 0 1 auto !important; } - .md\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .md\:flex-none { + flex: none !important; } - .md\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .md\:flex-grow-0 { + flex-grow: 0 !important; } - .md\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .md\:flex-grow { + flex-grow: 1 !important; } - .md\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .md\:flex-shrink-0 { + flex-shrink: 0 !important; } - .md\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .md\:flex-shrink { + flex-shrink: 1 !important; } - .md\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .md\:order-1 { + order: 1 !important; } - .md\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .md\:order-2 { + order: 2 !important; } - .md\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .md\:order-3 { + order: 3 !important; } - .md\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .md\:order-4 { + order: 4 !important; } - .md\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .md\:order-5 { + order: 5 !important; } - .md\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .md\:order-6 { + order: 6 !important; } - .md\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .md\:order-7 { + order: 7 !important; } - .md\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .md\:order-8 { + order: 8 !important; } - .md\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .md\:order-9 { + order: 9 !important; } - .md\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .md\:order-10 { + order: 10 !important; } - .md\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .md\:order-11 { + order: 11 !important; } - .md\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .md\:order-12 { + order: 12 !important; } - .md\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .md\:order-first { + order: -9999 !important; } - .md\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .md\:order-last { + order: 9999 !important; } - .md\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .md\:order-none { + order: 0 !important; } - .md\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .md\:float-right { + float: right !important; } - .md\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .md\:float-left { + float: left !important; } - .md\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .md\:float-none { + float: none !important; } - .md\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .md\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .md\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .md\:font-sans { + font-family: -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" !important; } - .md\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .md\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; } - .md\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .md\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .md\:font-hairline { + font-weight: 100 !important; } - .md\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .md\:font-thin { + font-weight: 200 !important; } - .md\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .md\:font-light { + font-weight: 300 !important; } - .md\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .md\:font-normal { + font-weight: 400 !important; } - .md\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .md\:font-medium { + font-weight: 500 !important; } - .md\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !important; + .md\:font-semibold { + font-weight: 600 !important; } - .md\:hover\:bg-pink-400:hover { - background-color: #f687b3 !important; + .md\:font-bold { + font-weight: 700 !important; } - .md\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !important; + .md\:font-extrabold { + font-weight: 800 !important; } - .md\:hover\:bg-pink-600:hover { - background-color: #d53f8c !important; + .md\:font-black { + font-weight: 900 !important; } - .md\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .md\:hover\:font-hairline:hover { + font-weight: 100 !important; } - .md\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .md\:hover\:font-thin:hover { + font-weight: 200 !important; } - .md\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .md\:hover\:font-light:hover { + font-weight: 300 !important; } - .md\:focus\:bg-transparent:focus { - background-color: transparent !important; + .md\:hover\:font-normal:hover { + font-weight: 400 !important; } - .md\:focus\:bg-black:focus { - background-color: #000 !important; + .md\:hover\:font-medium:hover { + font-weight: 500 !important; } - .md\:focus\:bg-white:focus { - background-color: #fff !important; + .md\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .md\:focus\:bg-gray-100:focus { - background-color: #f7fafc !important; + .md\:hover\:font-bold:hover { + font-weight: 700 !important; } - .md\:focus\:bg-gray-200:focus { - background-color: #edf2f7 !important; + .md\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .md\:focus\:bg-gray-300:focus { - background-color: #e2e8f0 !important; + .md\:hover\:font-black:hover { + font-weight: 900 !important; } - .md\:focus\:bg-gray-400:focus { - background-color: #cbd5e0 !important; + .md\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .md\:focus\:bg-gray-500:focus { - background-color: #a0aec0 !important; + .md\:focus\:font-thin:focus { + font-weight: 200 !important; } - .md\:focus\:bg-gray-600:focus { - background-color: #718096 !important; + .md\:focus\:font-light:focus { + font-weight: 300 !important; } - .md\:focus\:bg-gray-700:focus { - background-color: #4a5568 !important; + .md\:focus\:font-normal:focus { + font-weight: 400 !important; } - .md\:focus\:bg-gray-800:focus { - background-color: #2d3748 !important; + .md\:focus\:font-medium:focus { + font-weight: 500 !important; } - .md\:focus\:bg-gray-900:focus { - background-color: #1a202c !important; + .md\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .md\:focus\:bg-red-100:focus { - background-color: #fff5f5 !important; + .md\:focus\:font-bold:focus { + font-weight: 700 !important; } - .md\:focus\:bg-red-200:focus { - background-color: #fed7d7 !important; + .md\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .md\:focus\:bg-red-300:focus { - background-color: #feb2b2 !important; + .md\:focus\:font-black:focus { + font-weight: 900 !important; } - .md\:focus\:bg-red-400:focus { - background-color: #fc8181 !important; + .md\:h-0 { + height: 0 !important; } - .md\:focus\:bg-red-500:focus { - background-color: #f56565 !important; + .md\:h-1 { + height: 0.25rem !important; } - .md\:focus\:bg-red-600:focus { - background-color: #e53e3e !important; + .md\:h-2 { + height: 0.5rem !important; } - .md\:focus\:bg-red-700:focus { - background-color: #c53030 !important; + .md\:h-3 { + height: 0.75rem !important; } - .md\:focus\:bg-red-800:focus { - background-color: #9b2c2c !important; + .md\:h-4 { + height: 1rem !important; } - .md\:focus\:bg-red-900:focus { - background-color: #742a2a !important; + .md\:h-5 { + height: 1.25rem !important; } - .md\:focus\:bg-orange-100:focus { - background-color: #fffaf0 !important; + .md\:h-6 { + height: 1.5rem !important; } - .md\:focus\:bg-orange-200:focus { - background-color: #feebc8 !important; + .md\:h-8 { + height: 2rem !important; } - .md\:focus\:bg-orange-300:focus { - background-color: #fbd38d !important; + .md\:h-10 { + height: 2.5rem !important; } - .md\:focus\:bg-orange-400:focus { - background-color: #f6ad55 !important; + .md\:h-12 { + height: 3rem !important; } - .md\:focus\:bg-orange-500:focus { - background-color: #ed8936 !important; + .md\:h-16 { + height: 4rem !important; } - .md\:focus\:bg-orange-600:focus { - background-color: #dd6b20 !important; + .md\:h-20 { + height: 5rem !important; } - .md\:focus\:bg-orange-700:focus { - background-color: #c05621 !important; + .md\:h-24 { + height: 6rem !important; } - .md\:focus\:bg-orange-800:focus { - background-color: #9c4221 !important; + .md\:h-32 { + height: 8rem !important; } - .md\:focus\:bg-orange-900:focus { - background-color: #7b341e !important; + .md\:h-40 { + height: 10rem !important; } - .md\:focus\:bg-yellow-100:focus { - background-color: #fffff0 !important; + .md\:h-48 { + height: 12rem !important; } - .md\:focus\:bg-yellow-200:focus { - background-color: #fefcbf !important; + .md\:h-56 { + height: 14rem !important; } - .md\:focus\:bg-yellow-300:focus { - background-color: #faf089 !important; + .md\:h-64 { + height: 16rem !important; } - .md\:focus\:bg-yellow-400:focus { - background-color: #f6e05e !important; + .md\:h-auto { + height: auto !important; } - .md\:focus\:bg-yellow-500:focus { - background-color: #ecc94b !important; + .md\:h-px { + height: 1px !important; } - .md\:focus\:bg-yellow-600:focus { - background-color: #d69e2e !important; + .md\:h-full { + height: 100% !important; } - .md\:focus\:bg-yellow-700:focus { - background-color: #b7791f !important; + .md\:h-screen { + height: 100vh !important; } - .md\:focus\:bg-yellow-800:focus { - background-color: #975a16 !important; + .md\:leading-none { + line-height: 1 !important; } - .md\:focus\:bg-yellow-900:focus { - background-color: #744210 !important; + .md\:leading-tight { + line-height: 1.25 !important; } - .md\:focus\:bg-green-100:focus { - background-color: #f0fff4 !important; + .md\:leading-snug { + line-height: 1.375 !important; } - .md\:focus\:bg-green-200:focus { - background-color: #c6f6d5 !important; + .md\:leading-normal { + line-height: 1.5 !important; } - .md\:focus\:bg-green-300:focus { - background-color: #9ae6b4 !important; + .md\:leading-relaxed { + line-height: 1.625 !important; } - .md\:focus\:bg-green-400:focus { - background-color: #68d391 !important; + .md\:leading-loose { + line-height: 2 !important; } - .md\:focus\:bg-green-500:focus { - background-color: #48bb78 !important; + .md\:list-inside { + list-style-position: inside !important; } - .md\:focus\:bg-green-600:focus { - background-color: #38a169 !important; + .md\:list-outside { + list-style-position: outside !important; } - .md\:focus\:bg-green-700:focus { - background-color: #2f855a !important; + .md\:list-none { + list-style-type: none !important; } - .md\:focus\:bg-green-800:focus { - background-color: #276749 !important; + .md\:list-disc { + list-style-type: disc !important; } - .md\:focus\:bg-green-900:focus { - background-color: #22543d !important; + .md\:list-decimal { + list-style-type: decimal !important; } - .md\:focus\:bg-teal-100:focus { - background-color: #e6fffa !important; + .md\:m-0 { + margin: 0 !important; } - .md\:focus\:bg-teal-200:focus { - background-color: #b2f5ea !important; + .md\:m-1 { + margin: 0.25rem !important; } - .md\:focus\:bg-teal-300:focus { - background-color: #81e6d9 !important; + .md\:m-2 { + margin: 0.5rem !important; } - .md\:focus\:bg-teal-400:focus { - background-color: #4fd1c5 !important; + .md\:m-3 { + margin: 0.75rem !important; } - .md\:focus\:bg-teal-500:focus { - background-color: #38b2ac !important; + .md\:m-4 { + margin: 1rem !important; } - .md\:focus\:bg-teal-600:focus { - background-color: #319795 !important; + .md\:m-5 { + margin: 1.25rem !important; } - .md\:focus\:bg-teal-700:focus { - background-color: #2c7a7b !important; + .md\:m-6 { + margin: 1.5rem !important; } - .md\:focus\:bg-teal-800:focus { - background-color: #285e61 !important; + .md\:m-8 { + margin: 2rem !important; } - .md\:focus\:bg-teal-900:focus { - background-color: #234e52 !important; + .md\:m-10 { + margin: 2.5rem !important; } - .md\:focus\:bg-blue-100:focus { - background-color: #ebf8ff !important; + .md\:m-12 { + margin: 3rem !important; } - .md\:focus\:bg-blue-200:focus { - background-color: #bee3f8 !important; + .md\:m-16 { + margin: 4rem !important; } - .md\:focus\:bg-blue-300:focus { - background-color: #90cdf4 !important; + .md\:m-20 { + margin: 5rem !important; } - .md\:focus\:bg-blue-400:focus { - background-color: #63b3ed !important; + .md\:m-24 { + margin: 6rem !important; } - .md\:focus\:bg-blue-500:focus { - background-color: #4299e1 !important; + .md\:m-32 { + margin: 8rem !important; } - .md\:focus\:bg-blue-600:focus { - background-color: #3182ce !important; + .md\:m-40 { + margin: 10rem !important; } - .md\:focus\:bg-blue-700:focus { - background-color: #2b6cb0 !important; + .md\:m-48 { + margin: 12rem !important; } - .md\:focus\:bg-blue-800:focus { - background-color: #2c5282 !important; + .md\:m-56 { + margin: 14rem !important; } - .md\:focus\:bg-blue-900:focus { - background-color: #2a4365 !important; + .md\:m-64 { + margin: 16rem !important; } - .md\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff !important; + .md\:m-auto { + margin: auto !important; } - .md\:focus\:bg-indigo-200:focus { - background-color: #c3dafe !important; + .md\:m-px { + margin: 1px !important; } - .md\:focus\:bg-indigo-300:focus { - background-color: #a3bffa !important; + .md\:-m-1 { + margin: -0.25rem !important; } - .md\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5 !important; + .md\:-m-2 { + margin: -0.5rem !important; } - .md\:focus\:bg-indigo-500:focus { - background-color: #667eea !important; + .md\:-m-3 { + margin: -0.75rem !important; } - .md\:focus\:bg-indigo-600:focus { - background-color: #5a67d8 !important; + .md\:-m-4 { + margin: -1rem !important; } - .md\:focus\:bg-indigo-700:focus { - background-color: #4c51bf !important; + .md\:-m-5 { + margin: -1.25rem !important; } - .md\:focus\:bg-indigo-800:focus { - background-color: #434190 !important; + .md\:-m-6 { + margin: -1.5rem !important; } - .md\:focus\:bg-indigo-900:focus { - background-color: #3c366b !important; + .md\:-m-8 { + margin: -2rem !important; } - .md\:focus\:bg-purple-100:focus { - background-color: #faf5ff !important; + .md\:-m-10 { + margin: -2.5rem !important; } - .md\:focus\:bg-purple-200:focus { - background-color: #e9d8fd !important; + .md\:-m-12 { + margin: -3rem !important; } - .md\:focus\:bg-purple-300:focus { - background-color: #d6bcfa !important; + .md\:-m-16 { + margin: -4rem !important; } - .md\:focus\:bg-purple-400:focus { - background-color: #b794f4 !important; + .md\:-m-20 { + margin: -5rem !important; } - .md\:focus\:bg-purple-500:focus { - background-color: #9f7aea !important; + .md\:-m-24 { + margin: -6rem !important; } - .md\:focus\:bg-purple-600:focus { - background-color: #805ad5 !important; + .md\:-m-32 { + margin: -8rem !important; } - .md\:focus\:bg-purple-700:focus { - background-color: #6b46c1 !important; + .md\:-m-40 { + margin: -10rem !important; } - .md\:focus\:bg-purple-800:focus { - background-color: #553c9a !important; + .md\:-m-48 { + margin: -12rem !important; } - .md\:focus\:bg-purple-900:focus { - background-color: #44337a !important; + .md\:-m-56 { + margin: -14rem !important; } - .md\:focus\:bg-pink-100:focus { - background-color: #fff5f7 !important; + .md\:-m-64 { + margin: -16rem !important; } - .md\:focus\:bg-pink-200:focus { - background-color: #fed7e2 !important; + .md\:-m-px { + margin: -1px !important; } - .md\:focus\:bg-pink-300:focus { - background-color: #fbb6ce !important; + .md\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .md\:focus\:bg-pink-400:focus { - background-color: #f687b3 !important; + .md\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .md\:focus\:bg-pink-500:focus { - background-color: #ed64a6 !important; + .md\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .md\:focus\:bg-pink-600:focus { - background-color: #d53f8c !important; + .md\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .md\:focus\:bg-pink-700:focus { - background-color: #b83280 !important; + .md\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .md\:focus\:bg-pink-800:focus { - background-color: #97266d !important; + .md\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .md\:focus\:bg-pink-900:focus { - background-color: #702459 !important; + .md\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .md\:bg-bottom { - background-position: bottom !important; + .md\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .md\:bg-center { - background-position: center !important; + .md\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .md\:bg-left { - background-position: left !important; + .md\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .md\:bg-left-bottom { - background-position: left bottom !important; + .md\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .md\:bg-left-top { - background-position: left top !important; + .md\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .md\:bg-right { - background-position: right !important; + .md\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .md\:bg-right-bottom { - background-position: right bottom !important; + .md\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .md\:bg-right-top { - background-position: right top !important; + .md\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .md\:bg-top { - background-position: top !important; + .md\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .md\:bg-repeat { - background-repeat: repeat !important; + .md\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .md\:bg-no-repeat { - background-repeat: no-repeat !important; + .md\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .md\:bg-repeat-x { - background-repeat: repeat-x !important; + .md\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .md\:bg-repeat-y { - background-repeat: repeat-y !important; + .md\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .md\:bg-repeat-round { - background-repeat: round !important; + .md\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .md\:bg-repeat-space { - background-repeat: space !important; + .md\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .md\:bg-auto { - background-size: auto !important; + .md\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .md\:bg-cover { - background-size: cover !important; + .md\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .md\:bg-contain { - background-size: contain !important; + .md\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .md\:border-collapse { - border-collapse: collapse !important; + .md\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .md\:border-separate { - border-collapse: separate !important; + .md\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .md\:border-transparent { - border-color: transparent !important; + .md\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .md\:border-black { - border-color: #000 !important; + .md\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .md\:border-white { - border-color: #fff !important; + .md\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .md\:border-gray-100 { - border-color: #f7fafc !important; + .md\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .md\:border-gray-200 { - border-color: #edf2f7 !important; + .md\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .md\:border-gray-300 { - border-color: #e2e8f0 !important; + .md\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .md\:border-gray-400 { - border-color: #cbd5e0 !important; + .md\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .md\:border-gray-500 { - border-color: #a0aec0 !important; + .md\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .md\:border-gray-600 { - border-color: #718096 !important; + .md\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .md\:border-gray-700 { - border-color: #4a5568 !important; + .md\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .md\:border-gray-800 { - border-color: #2d3748 !important; + .md\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .md\:border-gray-900 { - border-color: #1a202c !important; + .md\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .md\:border-red-100 { - border-color: #fff5f5 !important; + .md\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .md\:border-red-200 { - border-color: #fed7d7 !important; + .md\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .md\:border-red-300 { - border-color: #feb2b2 !important; + .md\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .md\:border-red-400 { - border-color: #fc8181 !important; + .md\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .md\:border-red-500 { - border-color: #f56565 !important; + .md\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .md\:border-red-600 { - border-color: #e53e3e !important; + .md\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .md\:border-red-700 { - border-color: #c53030 !important; + .md\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .md\:border-red-800 { - border-color: #9b2c2c !important; + .md\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .md\:border-red-900 { - border-color: #742a2a !important; + .md\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .md\:border-orange-100 { - border-color: #fffaf0 !important; + .md\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .md\:border-orange-200 { - border-color: #feebc8 !important; + .md\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .md\:border-orange-300 { - border-color: #fbd38d !important; + .md\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .md\:border-orange-400 { - border-color: #f6ad55 !important; + .md\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .md\:border-orange-500 { - border-color: #ed8936 !important; + .md\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .md\:border-orange-600 { - border-color: #dd6b20 !important; + .md\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .md\:border-orange-700 { - border-color: #c05621 !important; + .md\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .md\:border-orange-800 { - border-color: #9c4221 !important; + .md\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .md\:border-orange-900 { - border-color: #7b341e !important; + .md\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .md\:border-yellow-100 { - border-color: #fffff0 !important; + .md\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .md\:border-yellow-200 { - border-color: #fefcbf !important; + .md\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .md\:border-yellow-300 { - border-color: #faf089 !important; + .md\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .md\:border-yellow-400 { - border-color: #f6e05e !important; + .md\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .md\:border-yellow-500 { - border-color: #ecc94b !important; + .md\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .md\:border-yellow-600 { - border-color: #d69e2e !important; + .md\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .md\:border-yellow-700 { - border-color: #b7791f !important; + .md\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .md\:border-yellow-800 { - border-color: #975a16 !important; + .md\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .md\:border-yellow-900 { - border-color: #744210 !important; + .md\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .md\:border-green-100 { - border-color: #f0fff4 !important; + .md\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .md\:border-green-200 { - border-color: #c6f6d5 !important; + .md\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .md\:border-green-300 { - border-color: #9ae6b4 !important; + .md\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .md\:border-green-400 { - border-color: #68d391 !important; + .md\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .md\:border-green-500 { - border-color: #48bb78 !important; + .md\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .md\:border-green-600 { - border-color: #38a169 !important; + .md\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .md\:border-green-700 { - border-color: #2f855a !important; + .md\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .md\:border-green-800 { - border-color: #276749 !important; + .md\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .md\:border-green-900 { - border-color: #22543d !important; + .md\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .md\:border-teal-100 { - border-color: #e6fffa !important; + .md\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .md\:border-teal-200 { - border-color: #b2f5ea !important; + .md\:mt-0 { + margin-top: 0 !important; } - .md\:border-teal-300 { - border-color: #81e6d9 !important; + .md\:mr-0 { + margin-right: 0 !important; } - .md\:border-teal-400 { - border-color: #4fd1c5 !important; + .md\:mb-0 { + margin-bottom: 0 !important; } - .md\:border-teal-500 { - border-color: #38b2ac !important; + .md\:ml-0 { + margin-left: 0 !important; } - .md\:border-teal-600 { - border-color: #319795 !important; + .md\:mt-1 { + margin-top: 0.25rem !important; } - .md\:border-teal-700 { - border-color: #2c7a7b !important; + .md\:mr-1 { + margin-right: 0.25rem !important; } - .md\:border-teal-800 { - border-color: #285e61 !important; + .md\:mb-1 { + margin-bottom: 0.25rem !important; } - .md\:border-teal-900 { - border-color: #234e52 !important; + .md\:ml-1 { + margin-left: 0.25rem !important; } - .md\:border-blue-100 { - border-color: #ebf8ff !important; + .md\:mt-2 { + margin-top: 0.5rem !important; } - .md\:border-blue-200 { - border-color: #bee3f8 !important; + .md\:mr-2 { + margin-right: 0.5rem !important; } - .md\:border-blue-300 { - border-color: #90cdf4 !important; + .md\:mb-2 { + margin-bottom: 0.5rem !important; } - .md\:border-blue-400 { - border-color: #63b3ed !important; + .md\:ml-2 { + margin-left: 0.5rem !important; } - .md\:border-blue-500 { - border-color: #4299e1 !important; + .md\:mt-3 { + margin-top: 0.75rem !important; } - .md\:border-blue-600 { - border-color: #3182ce !important; + .md\:mr-3 { + margin-right: 0.75rem !important; } - .md\:border-blue-700 { - border-color: #2b6cb0 !important; + .md\:mb-3 { + margin-bottom: 0.75rem !important; } - .md\:border-blue-800 { - border-color: #2c5282 !important; + .md\:ml-3 { + margin-left: 0.75rem !important; } - .md\:border-blue-900 { - border-color: #2a4365 !important; + .md\:mt-4 { + margin-top: 1rem !important; } - .md\:border-indigo-100 { - border-color: #ebf4ff !important; + .md\:mr-4 { + margin-right: 1rem !important; } - .md\:border-indigo-200 { - border-color: #c3dafe !important; + .md\:mb-4 { + margin-bottom: 1rem !important; } - .md\:border-indigo-300 { - border-color: #a3bffa !important; + .md\:ml-4 { + margin-left: 1rem !important; } - .md\:border-indigo-400 { - border-color: #7f9cf5 !important; + .md\:mt-5 { + margin-top: 1.25rem !important; } - .md\:border-indigo-500 { - border-color: #667eea !important; + .md\:mr-5 { + margin-right: 1.25rem !important; } - .md\:border-indigo-600 { - border-color: #5a67d8 !important; + .md\:mb-5 { + margin-bottom: 1.25rem !important; } - .md\:border-indigo-700 { - border-color: #4c51bf !important; + .md\:ml-5 { + margin-left: 1.25rem !important; } - .md\:border-indigo-800 { - border-color: #434190 !important; + .md\:mt-6 { + margin-top: 1.5rem !important; } - .md\:border-indigo-900 { - border-color: #3c366b !important; + .md\:mr-6 { + margin-right: 1.5rem !important; } - .md\:border-purple-100 { - border-color: #faf5ff !important; + .md\:mb-6 { + margin-bottom: 1.5rem !important; } - .md\:border-purple-200 { - border-color: #e9d8fd !important; + .md\:ml-6 { + margin-left: 1.5rem !important; } - .md\:border-purple-300 { - border-color: #d6bcfa !important; + .md\:mt-8 { + margin-top: 2rem !important; } - .md\:border-purple-400 { - border-color: #b794f4 !important; + .md\:mr-8 { + margin-right: 2rem !important; } - .md\:border-purple-500 { - border-color: #9f7aea !important; + .md\:mb-8 { + margin-bottom: 2rem !important; } - .md\:border-purple-600 { - border-color: #805ad5 !important; + .md\:ml-8 { + margin-left: 2rem !important; } - .md\:border-purple-700 { - border-color: #6b46c1 !important; + .md\:mt-10 { + margin-top: 2.5rem !important; } - .md\:border-purple-800 { - border-color: #553c9a !important; + .md\:mr-10 { + margin-right: 2.5rem !important; } - .md\:border-purple-900 { - border-color: #44337a !important; + .md\:mb-10 { + margin-bottom: 2.5rem !important; } - .md\:border-pink-100 { - border-color: #fff5f7 !important; + .md\:ml-10 { + margin-left: 2.5rem !important; } - .md\:border-pink-200 { - border-color: #fed7e2 !important; + .md\:mt-12 { + margin-top: 3rem !important; } - .md\:border-pink-300 { - border-color: #fbb6ce !important; + .md\:mr-12 { + margin-right: 3rem !important; } - .md\:border-pink-400 { - border-color: #f687b3 !important; + .md\:mb-12 { + margin-bottom: 3rem !important; } - .md\:border-pink-500 { - border-color: #ed64a6 !important; + .md\:ml-12 { + margin-left: 3rem !important; } - .md\:border-pink-600 { - border-color: #d53f8c !important; + .md\:mt-16 { + margin-top: 4rem !important; } - .md\:border-pink-700 { - border-color: #b83280 !important; + .md\:mr-16 { + margin-right: 4rem !important; } - .md\:border-pink-800 { - border-color: #97266d !important; + .md\:mb-16 { + margin-bottom: 4rem !important; } - .md\:border-pink-900 { - border-color: #702459 !important; + .md\:ml-16 { + margin-left: 4rem !important; } - .md\:hover\:border-transparent:hover { - border-color: transparent !important; + .md\:mt-20 { + margin-top: 5rem !important; } - .md\:hover\:border-black:hover { - border-color: #000 !important; + .md\:mr-20 { + margin-right: 5rem !important; } - .md\:hover\:border-white:hover { - border-color: #fff !important; + .md\:mb-20 { + margin-bottom: 5rem !important; } - .md\:hover\:border-gray-100:hover { - border-color: #f7fafc !important; + .md\:ml-20 { + margin-left: 5rem !important; } - .md\:hover\:border-gray-200:hover { - border-color: #edf2f7 !important; + .md\:mt-24 { + margin-top: 6rem !important; } - .md\:hover\:border-gray-300:hover { - border-color: #e2e8f0 !important; + .md\:mr-24 { + margin-right: 6rem !important; } - .md\:hover\:border-gray-400:hover { - border-color: #cbd5e0 !important; + .md\:mb-24 { + margin-bottom: 6rem !important; } - .md\:hover\:border-gray-500:hover { - border-color: #a0aec0 !important; + .md\:ml-24 { + margin-left: 6rem !important; } - .md\:hover\:border-gray-600:hover { - border-color: #718096 !important; + .md\:mt-32 { + margin-top: 8rem !important; } - .md\:hover\:border-gray-700:hover { - border-color: #4a5568 !important; + .md\:mr-32 { + margin-right: 8rem !important; } - .md\:hover\:border-gray-800:hover { - border-color: #2d3748 !important; + .md\:mb-32 { + margin-bottom: 8rem !important; } - .md\:hover\:border-gray-900:hover { - border-color: #1a202c !important; + .md\:ml-32 { + margin-left: 8rem !important; } - .md\:hover\:border-red-100:hover { - border-color: #fff5f5 !important; + .md\:mt-40 { + margin-top: 10rem !important; } - .md\:hover\:border-red-200:hover { - border-color: #fed7d7 !important; + .md\:mr-40 { + margin-right: 10rem !important; } - .md\:hover\:border-red-300:hover { - border-color: #feb2b2 !important; + .md\:mb-40 { + margin-bottom: 10rem !important; } - .md\:hover\:border-red-400:hover { - border-color: #fc8181 !important; + .md\:ml-40 { + margin-left: 10rem !important; } - .md\:hover\:border-red-500:hover { - border-color: #f56565 !important; + .md\:mt-48 { + margin-top: 12rem !important; } - .md\:hover\:border-red-600:hover { - border-color: #e53e3e !important; + .md\:mr-48 { + margin-right: 12rem !important; } - .md\:hover\:border-red-700:hover { - border-color: #c53030 !important; + .md\:mb-48 { + margin-bottom: 12rem !important; } - .md\:hover\:border-red-800:hover { - border-color: #9b2c2c !important; + .md\:ml-48 { + margin-left: 12rem !important; } - .md\:hover\:border-red-900:hover { - border-color: #742a2a !important; + .md\:mt-56 { + margin-top: 14rem !important; } - .md\:hover\:border-orange-100:hover { - border-color: #fffaf0 !important; + .md\:mr-56 { + margin-right: 14rem !important; } - .md\:hover\:border-orange-200:hover { - border-color: #feebc8 !important; + .md\:mb-56 { + margin-bottom: 14rem !important; } - .md\:hover\:border-orange-300:hover { - border-color: #fbd38d !important; + .md\:ml-56 { + margin-left: 14rem !important; } - .md\:hover\:border-orange-400:hover { - border-color: #f6ad55 !important; + .md\:mt-64 { + margin-top: 16rem !important; } - .md\:hover\:border-orange-500:hover { - border-color: #ed8936 !important; + .md\:mr-64 { + margin-right: 16rem !important; } - .md\:hover\:border-orange-600:hover { - border-color: #dd6b20 !important; + .md\:mb-64 { + margin-bottom: 16rem !important; } - .md\:hover\:border-orange-700:hover { - border-color: #c05621 !important; + .md\:ml-64 { + margin-left: 16rem !important; } - .md\:hover\:border-orange-800:hover { - border-color: #9c4221 !important; + .md\:mt-auto { + margin-top: auto !important; } - .md\:hover\:border-orange-900:hover { - border-color: #7b341e !important; + .md\:mr-auto { + margin-right: auto !important; } - .md\:hover\:border-yellow-100:hover { - border-color: #fffff0 !important; + .md\:mb-auto { + margin-bottom: auto !important; } - .md\:hover\:border-yellow-200:hover { - border-color: #fefcbf !important; + .md\:ml-auto { + margin-left: auto !important; } - .md\:hover\:border-yellow-300:hover { - border-color: #faf089 !important; + .md\:mt-px { + margin-top: 1px !important; } - .md\:hover\:border-yellow-400:hover { - border-color: #f6e05e !important; + .md\:mr-px { + margin-right: 1px !important; } - .md\:hover\:border-yellow-500:hover { - border-color: #ecc94b !important; + .md\:mb-px { + margin-bottom: 1px !important; } - .md\:hover\:border-yellow-600:hover { - border-color: #d69e2e !important; + .md\:ml-px { + margin-left: 1px !important; } - .md\:hover\:border-yellow-700:hover { - border-color: #b7791f !important; + .md\:-mt-1 { + margin-top: -0.25rem !important; } - .md\:hover\:border-yellow-800:hover { - border-color: #975a16 !important; + .md\:-mr-1 { + margin-right: -0.25rem !important; } - .md\:hover\:border-yellow-900:hover { - border-color: #744210 !important; + .md\:-mb-1 { + margin-bottom: -0.25rem !important; } - .md\:hover\:border-green-100:hover { - border-color: #f0fff4 !important; + .md\:-ml-1 { + margin-left: -0.25rem !important; } - .md\:hover\:border-green-200:hover { - border-color: #c6f6d5 !important; + .md\:-mt-2 { + margin-top: -0.5rem !important; } - .md\:hover\:border-green-300:hover { - border-color: #9ae6b4 !important; + .md\:-mr-2 { + margin-right: -0.5rem !important; } - .md\:hover\:border-green-400:hover { - border-color: #68d391 !important; + .md\:-mb-2 { + margin-bottom: -0.5rem !important; } - .md\:hover\:border-green-500:hover { - border-color: #48bb78 !important; + .md\:-ml-2 { + margin-left: -0.5rem !important; } - .md\:hover\:border-green-600:hover { - border-color: #38a169 !important; + .md\:-mt-3 { + margin-top: -0.75rem !important; } - .md\:hover\:border-green-700:hover { - border-color: #2f855a !important; + .md\:-mr-3 { + margin-right: -0.75rem !important; } - .md\:hover\:border-green-800:hover { - border-color: #276749 !important; + .md\:-mb-3 { + margin-bottom: -0.75rem !important; } - .md\:hover\:border-green-900:hover { - border-color: #22543d !important; + .md\:-ml-3 { + margin-left: -0.75rem !important; } - .md\:hover\:border-teal-100:hover { - border-color: #e6fffa !important; + .md\:-mt-4 { + margin-top: -1rem !important; } - .md\:hover\:border-teal-200:hover { - border-color: #b2f5ea !important; + .md\:-mr-4 { + margin-right: -1rem !important; } - .md\:hover\:border-teal-300:hover { - border-color: #81e6d9 !important; + .md\:-mb-4 { + margin-bottom: -1rem !important; } - .md\:hover\:border-teal-400:hover { - border-color: #4fd1c5 !important; + .md\:-ml-4 { + margin-left: -1rem !important; } - .md\:hover\:border-teal-500:hover { - border-color: #38b2ac !important; + .md\:-mt-5 { + margin-top: -1.25rem !important; } - .md\:hover\:border-teal-600:hover { - border-color: #319795 !important; + .md\:-mr-5 { + margin-right: -1.25rem !important; } - .md\:hover\:border-teal-700:hover { - border-color: #2c7a7b !important; + .md\:-mb-5 { + margin-bottom: -1.25rem !important; } - .md\:hover\:border-teal-800:hover { - border-color: #285e61 !important; + .md\:-ml-5 { + margin-left: -1.25rem !important; } - .md\:hover\:border-teal-900:hover { - border-color: #234e52 !important; + .md\:-mt-6 { + margin-top: -1.5rem !important; } - .md\:hover\:border-blue-100:hover { - border-color: #ebf8ff !important; + .md\:-mr-6 { + margin-right: -1.5rem !important; } - .md\:hover\:border-blue-200:hover { - border-color: #bee3f8 !important; + .md\:-mb-6 { + margin-bottom: -1.5rem !important; } - .md\:hover\:border-blue-300:hover { - border-color: #90cdf4 !important; + .md\:-ml-6 { + margin-left: -1.5rem !important; } - .md\:hover\:border-blue-400:hover { - border-color: #63b3ed !important; + .md\:-mt-8 { + margin-top: -2rem !important; } - .md\:hover\:border-blue-500:hover { - border-color: #4299e1 !important; + .md\:-mr-8 { + margin-right: -2rem !important; } - .md\:hover\:border-blue-600:hover { - border-color: #3182ce !important; + .md\:-mb-8 { + margin-bottom: -2rem !important; } - .md\:hover\:border-blue-700:hover { - border-color: #2b6cb0 !important; + .md\:-ml-8 { + margin-left: -2rem !important; } - .md\:hover\:border-blue-800:hover { - border-color: #2c5282 !important; + .md\:-mt-10 { + margin-top: -2.5rem !important; } - .md\:hover\:border-blue-900:hover { - border-color: #2a4365 !important; + .md\:-mr-10 { + margin-right: -2.5rem !important; } - .md\:hover\:border-indigo-100:hover { - border-color: #ebf4ff !important; + .md\:-mb-10 { + margin-bottom: -2.5rem !important; } - .md\:hover\:border-indigo-200:hover { - border-color: #c3dafe !important; + .md\:-ml-10 { + margin-left: -2.5rem !important; } - .md\:hover\:border-indigo-300:hover { - border-color: #a3bffa !important; + .md\:-mt-12 { + margin-top: -3rem !important; } - .md\:hover\:border-indigo-400:hover { - border-color: #7f9cf5 !important; + .md\:-mr-12 { + margin-right: -3rem !important; } - .md\:hover\:border-indigo-500:hover { - border-color: #667eea !important; + .md\:-mb-12 { + margin-bottom: -3rem !important; } - .md\:hover\:border-indigo-600:hover { - border-color: #5a67d8 !important; + .md\:-ml-12 { + margin-left: -3rem !important; } - .md\:hover\:border-indigo-700:hover { - border-color: #4c51bf !important; + .md\:-mt-16 { + margin-top: -4rem !important; } - .md\:hover\:border-indigo-800:hover { - border-color: #434190 !important; + .md\:-mr-16 { + margin-right: -4rem !important; } - .md\:hover\:border-indigo-900:hover { - border-color: #3c366b !important; + .md\:-mb-16 { + margin-bottom: -4rem !important; } - .md\:hover\:border-purple-100:hover { - border-color: #faf5ff !important; + .md\:-ml-16 { + margin-left: -4rem !important; } - .md\:hover\:border-purple-200:hover { - border-color: #e9d8fd !important; + .md\:-mt-20 { + margin-top: -5rem !important; } - .md\:hover\:border-purple-300:hover { - border-color: #d6bcfa !important; + .md\:-mr-20 { + margin-right: -5rem !important; } - .md\:hover\:border-purple-400:hover { - border-color: #b794f4 !important; + .md\:-mb-20 { + margin-bottom: -5rem !important; } - .md\:hover\:border-purple-500:hover { - border-color: #9f7aea !important; + .md\:-ml-20 { + margin-left: -5rem !important; } - .md\:hover\:border-purple-600:hover { - border-color: #805ad5 !important; + .md\:-mt-24 { + margin-top: -6rem !important; } - .md\:hover\:border-purple-700:hover { - border-color: #6b46c1 !important; + .md\:-mr-24 { + margin-right: -6rem !important; } - .md\:hover\:border-purple-800:hover { - border-color: #553c9a !important; + .md\:-mb-24 { + margin-bottom: -6rem !important; } - .md\:hover\:border-purple-900:hover { - border-color: #44337a !important; + .md\:-ml-24 { + margin-left: -6rem !important; } - .md\:hover\:border-pink-100:hover { - border-color: #fff5f7 !important; + .md\:-mt-32 { + margin-top: -8rem !important; } - .md\:hover\:border-pink-200:hover { - border-color: #fed7e2 !important; + .md\:-mr-32 { + margin-right: -8rem !important; } - .md\:hover\:border-pink-300:hover { - border-color: #fbb6ce !important; + .md\:-mb-32 { + margin-bottom: -8rem !important; } - .md\:hover\:border-pink-400:hover { - border-color: #f687b3 !important; + .md\:-ml-32 { + margin-left: -8rem !important; } - .md\:hover\:border-pink-500:hover { - border-color: #ed64a6 !important; + .md\:-mt-40 { + margin-top: -10rem !important; } - .md\:hover\:border-pink-600:hover { - border-color: #d53f8c !important; + .md\:-mr-40 { + margin-right: -10rem !important; } - .md\:hover\:border-pink-700:hover { - border-color: #b83280 !important; + .md\:-mb-40 { + margin-bottom: -10rem !important; } - .md\:hover\:border-pink-800:hover { - border-color: #97266d !important; + .md\:-ml-40 { + margin-left: -10rem !important; } - .md\:hover\:border-pink-900:hover { - border-color: #702459 !important; + .md\:-mt-48 { + margin-top: -12rem !important; } - .md\:focus\:border-transparent:focus { - border-color: transparent !important; + .md\:-mr-48 { + margin-right: -12rem !important; } - .md\:focus\:border-black:focus { - border-color: #000 !important; + .md\:-mb-48 { + margin-bottom: -12rem !important; } - .md\:focus\:border-white:focus { - border-color: #fff !important; + .md\:-ml-48 { + margin-left: -12rem !important; } - .md\:focus\:border-gray-100:focus { - border-color: #f7fafc !important; + .md\:-mt-56 { + margin-top: -14rem !important; } - .md\:focus\:border-gray-200:focus { - border-color: #edf2f7 !important; + .md\:-mr-56 { + margin-right: -14rem !important; } - .md\:focus\:border-gray-300:focus { - border-color: #e2e8f0 !important; + .md\:-mb-56 { + margin-bottom: -14rem !important; } - .md\:focus\:border-gray-400:focus { - border-color: #cbd5e0 !important; + .md\:-ml-56 { + margin-left: -14rem !important; } - .md\:focus\:border-gray-500:focus { - border-color: #a0aec0 !important; + .md\:-mt-64 { + margin-top: -16rem !important; } - .md\:focus\:border-gray-600:focus { - border-color: #718096 !important; + .md\:-mr-64 { + margin-right: -16rem !important; } - .md\:focus\:border-gray-700:focus { - border-color: #4a5568 !important; + .md\:-mb-64 { + margin-bottom: -16rem !important; } - .md\:focus\:border-gray-800:focus { - border-color: #2d3748 !important; + .md\:-ml-64 { + margin-left: -16rem !important; } - .md\:focus\:border-gray-900:focus { - border-color: #1a202c !important; + .md\:-mt-px { + margin-top: -1px !important; } - .md\:focus\:border-red-100:focus { - border-color: #fff5f5 !important; + .md\:-mr-px { + margin-right: -1px !important; } - .md\:focus\:border-red-200:focus { - border-color: #fed7d7 !important; + .md\:-mb-px { + margin-bottom: -1px !important; } - .md\:focus\:border-red-300:focus { - border-color: #feb2b2 !important; + .md\:-ml-px { + margin-left: -1px !important; } - .md\:focus\:border-red-400:focus { - border-color: #fc8181 !important; + .md\:max-h-full { + max-height: 100% !important; } - .md\:focus\:border-red-500:focus { - border-color: #f56565 !important; + .md\:max-h-screen { + max-height: 100vh !important; } - .md\:focus\:border-red-600:focus { - border-color: #e53e3e !important; + .md\:max-w-xs { + max-width: 20rem !important; } - .md\:focus\:border-red-700:focus { - border-color: #c53030 !important; + .md\:max-w-sm { + max-width: 24rem !important; } - .md\:focus\:border-red-800:focus { - border-color: #9b2c2c !important; + .md\:max-w-md { + max-width: 28rem !important; } - .md\:focus\:border-red-900:focus { - border-color: #742a2a !important; + .md\:max-w-lg { + max-width: 32rem !important; } - .md\:focus\:border-orange-100:focus { - border-color: #fffaf0 !important; + .md\:max-w-xl { + max-width: 36rem !important; } - .md\:focus\:border-orange-200:focus { - border-color: #feebc8 !important; + .md\:max-w-2xl { + max-width: 42rem !important; } - .md\:focus\:border-orange-300:focus { - border-color: #fbd38d !important; + .md\:max-w-3xl { + max-width: 48rem !important; } - .md\:focus\:border-orange-400:focus { - border-color: #f6ad55 !important; + .md\:max-w-4xl { + max-width: 56rem !important; } - .md\:focus\:border-orange-500:focus { - border-color: #ed8936 !important; + .md\:max-w-5xl { + max-width: 64rem !important; } - .md\:focus\:border-orange-600:focus { - border-color: #dd6b20 !important; + .md\:max-w-6xl { + max-width: 72rem !important; } - .md\:focus\:border-orange-700:focus { - border-color: #c05621 !important; + .md\:max-w-full { + max-width: 100% !important; } - .md\:focus\:border-orange-800:focus { - border-color: #9c4221 !important; + .md\:min-h-0 { + min-height: 0 !important; } - .md\:focus\:border-orange-900:focus { - border-color: #7b341e !important; + .md\:min-h-full { + min-height: 100% !important; } - .md\:focus\:border-yellow-100:focus { - border-color: #fffff0 !important; + .md\:min-h-screen { + min-height: 100vh !important; } - .md\:focus\:border-yellow-200:focus { - border-color: #fefcbf !important; + .md\:min-w-0 { + min-width: 0 !important; } - .md\:focus\:border-yellow-300:focus { - border-color: #faf089 !important; + .md\:min-w-full { + min-width: 100% !important; } - .md\:focus\:border-yellow-400:focus { - border-color: #f6e05e !important; + .md\:object-contain { + object-fit: contain !important; } - .md\:focus\:border-yellow-500:focus { - border-color: #ecc94b !important; + .md\:object-cover { + object-fit: cover !important; } - .md\:focus\:border-yellow-600:focus { - border-color: #d69e2e !important; + .md\:object-fill { + object-fit: fill !important; } - .md\:focus\:border-yellow-700:focus { - border-color: #b7791f !important; + .md\:object-none { + object-fit: none !important; } - .md\:focus\:border-yellow-800:focus { - border-color: #975a16 !important; + .md\:object-scale-down { + object-fit: scale-down !important; } - .md\:focus\:border-yellow-900:focus { - border-color: #744210 !important; + .md\:object-bottom { + object-position: bottom !important; } - .md\:focus\:border-green-100:focus { - border-color: #f0fff4 !important; + .md\:object-center { + object-position: center !important; } - .md\:focus\:border-green-200:focus { - border-color: #c6f6d5 !important; + .md\:object-left { + object-position: left !important; } - .md\:focus\:border-green-300:focus { - border-color: #9ae6b4 !important; + .md\:object-left-bottom { + object-position: left bottom !important; } - .md\:focus\:border-green-400:focus { - border-color: #68d391 !important; + .md\:object-left-top { + object-position: left top !important; } - .md\:focus\:border-green-500:focus { - border-color: #48bb78 !important; + .md\:object-right { + object-position: right !important; } - .md\:focus\:border-green-600:focus { - border-color: #38a169 !important; + .md\:object-right-bottom { + object-position: right bottom !important; } - .md\:focus\:border-green-700:focus { - border-color: #2f855a !important; + .md\:object-right-top { + object-position: right top !important; } - .md\:focus\:border-green-800:focus { - border-color: #276749 !important; + .md\:object-top { + object-position: top !important; } - .md\:focus\:border-green-900:focus { - border-color: #22543d !important; + .md\:opacity-0 { + opacity: 0 !important; } - .md\:focus\:border-teal-100:focus { - border-color: #e6fffa !important; + .md\:opacity-25 { + opacity: 0.25 !important; } - .md\:focus\:border-teal-200:focus { - border-color: #b2f5ea !important; + .md\:opacity-50 { + opacity: 0.5 !important; } - .md\:focus\:border-teal-300:focus { - border-color: #81e6d9 !important; + .md\:opacity-75 { + opacity: 0.75 !important; } - .md\:focus\:border-teal-400:focus { - border-color: #4fd1c5 !important; + .md\:opacity-100 { + opacity: 1 !important; } - .md\:focus\:border-teal-500:focus { - border-color: #38b2ac !important; + .md\:outline-none { + outline: 0 !important; } - .md\:focus\:border-teal-600:focus { - border-color: #319795 !important; + .md\:focus\:outline-none:focus { + outline: 0 !important; } - .md\:focus\:border-teal-700:focus { - border-color: #2c7a7b !important; + .md\:overflow-auto { + overflow: auto !important; } - .md\:focus\:border-teal-800:focus { - border-color: #285e61 !important; + .md\:overflow-hidden { + overflow: hidden !important; } - .md\:focus\:border-teal-900:focus { - border-color: #234e52 !important; + .md\:overflow-visible { + overflow: visible !important; } - .md\:focus\:border-blue-100:focus { - border-color: #ebf8ff !important; + .md\:overflow-scroll { + overflow: scroll !important; } - .md\:focus\:border-blue-200:focus { - border-color: #bee3f8 !important; + .md\:overflow-x-auto { + overflow-x: auto !important; } - .md\:focus\:border-blue-300:focus { - border-color: #90cdf4 !important; + .md\:overflow-y-auto { + overflow-y: auto !important; } - .md\:focus\:border-blue-400:focus { - border-color: #63b3ed !important; + .md\:overflow-x-hidden { + overflow-x: hidden !important; } - .md\:focus\:border-blue-500:focus { - border-color: #4299e1 !important; + .md\:overflow-y-hidden { + overflow-y: hidden !important; } - .md\:focus\:border-blue-600:focus { - border-color: #3182ce !important; + .md\:overflow-x-visible { + overflow-x: visible !important; } - .md\:focus\:border-blue-700:focus { - border-color: #2b6cb0 !important; + .md\:overflow-y-visible { + overflow-y: visible !important; } - .md\:focus\:border-blue-800:focus { - border-color: #2c5282 !important; + .md\:overflow-x-scroll { + overflow-x: scroll !important; } - .md\:focus\:border-blue-900:focus { - border-color: #2a4365 !important; + .md\:overflow-y-scroll { + overflow-y: scroll !important; } - .md\:focus\:border-indigo-100:focus { - border-color: #ebf4ff !important; + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .md\:focus\:border-indigo-200:focus { - border-color: #c3dafe !important; + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .md\:focus\:border-indigo-300:focus { - border-color: #a3bffa !important; + .md\:p-0 { + padding: 0 !important; } - .md\:focus\:border-indigo-400:focus { - border-color: #7f9cf5 !important; + .md\:p-1 { + padding: 0.25rem !important; } - .md\:focus\:border-indigo-500:focus { - border-color: #667eea !important; + .md\:p-2 { + padding: 0.5rem !important; } - .md\:focus\:border-indigo-600:focus { - border-color: #5a67d8 !important; + .md\:p-3 { + padding: 0.75rem !important; } - .md\:focus\:border-indigo-700:focus { - border-color: #4c51bf !important; + .md\:p-4 { + padding: 1rem !important; } - .md\:focus\:border-indigo-800:focus { - border-color: #434190 !important; + .md\:p-5 { + padding: 1.25rem !important; } - .md\:focus\:border-indigo-900:focus { - border-color: #3c366b !important; + .md\:p-6 { + padding: 1.5rem !important; } - .md\:focus\:border-purple-100:focus { - border-color: #faf5ff !important; + .md\:p-8 { + padding: 2rem !important; } - .md\:focus\:border-purple-200:focus { - border-color: #e9d8fd !important; + .md\:p-10 { + padding: 2.5rem !important; } - .md\:focus\:border-purple-300:focus { - border-color: #d6bcfa !important; + .md\:p-12 { + padding: 3rem !important; } - .md\:focus\:border-purple-400:focus { - border-color: #b794f4 !important; + .md\:p-16 { + padding: 4rem !important; } - .md\:focus\:border-purple-500:focus { - border-color: #9f7aea !important; + .md\:p-20 { + padding: 5rem !important; } - .md\:focus\:border-purple-600:focus { - border-color: #805ad5 !important; + .md\:p-24 { + padding: 6rem !important; } - .md\:focus\:border-purple-700:focus { - border-color: #6b46c1 !important; + .md\:p-32 { + padding: 8rem !important; } - .md\:focus\:border-purple-800:focus { - border-color: #553c9a !important; + .md\:p-40 { + padding: 10rem !important; } - .md\:focus\:border-purple-900:focus { - border-color: #44337a !important; + .md\:p-48 { + padding: 12rem !important; } - .md\:focus\:border-pink-100:focus { - border-color: #fff5f7 !important; + .md\:p-56 { + padding: 14rem !important; } - .md\:focus\:border-pink-200:focus { - border-color: #fed7e2 !important; + .md\:p-64 { + padding: 16rem !important; } - .md\:focus\:border-pink-300:focus { - border-color: #fbb6ce !important; + .md\:p-px { + padding: 1px !important; } - .md\:focus\:border-pink-400:focus { - border-color: #f687b3 !important; + .md\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .md\:focus\:border-pink-500:focus { - border-color: #ed64a6 !important; + .md\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .md\:focus\:border-pink-600:focus { - border-color: #d53f8c !important; + .md\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .md\:focus\:border-pink-700:focus { - border-color: #b83280 !important; + .md\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .md\:focus\:border-pink-800:focus { - border-color: #97266d !important; + .md\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .md\:focus\:border-pink-900:focus { - border-color: #702459 !important; + .md\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .md\:rounded-none { - border-radius: 0 !important; + .md\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .md\:rounded-sm { - border-radius: 0.125rem !important; + .md\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .md\:rounded { - border-radius: 0.25rem !important; + .md\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .md\:rounded-lg { - border-radius: 0.5rem !important; + .md\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .md\:rounded-full { - border-radius: 9999px !important; + .md\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .md\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .md\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .md\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .md\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .md\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .md\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .md\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .md\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .md\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .md\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .md\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .md\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .md\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .md\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .md\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .md\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .md\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .md\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .md\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .md\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .md\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .md\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .md\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .md\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .md\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .md\:rounded-tl-none { - border-top-left-radius: 0 !important; + .md\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .md\:rounded-tr-none { - border-top-right-radius: 0 !important; + .md\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .md\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .md\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .md\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .md\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .md\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .md\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .md\:pt-0 { + padding-top: 0 !important; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .md\:pr-0 { + padding-right: 0 !important; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .md\:pb-0 { + padding-bottom: 0 !important; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .md\:pl-0 { + padding-left: 0 !important; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .md\:pt-1 { + padding-top: 0.25rem !important; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .md\:pr-1 { + padding-right: 0.25rem !important; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .md\:pb-1 { + padding-bottom: 0.25rem !important; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .md\:pl-1 { + padding-left: 0.25rem !important; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .md\:pt-2 { + padding-top: 0.5rem !important; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .md\:pr-2 { + padding-right: 0.5rem !important; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .md\:pb-2 { + padding-bottom: 0.5rem !important; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .md\:pl-2 { + padding-left: 0.5rem !important; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .md\:pt-3 { + padding-top: 0.75rem !important; } - .md\:border-solid { - border-style: solid !important; + .md\:pr-3 { + padding-right: 0.75rem !important; } - .md\:border-dashed { - border-style: dashed !important; + .md\:pb-3 { + padding-bottom: 0.75rem !important; } - .md\:border-dotted { - border-style: dotted !important; + .md\:pl-3 { + padding-left: 0.75rem !important; } - .md\:border-double { - border-style: double !important; + .md\:pt-4 { + padding-top: 1rem !important; } - .md\:border-none { - border-style: none !important; + .md\:pr-4 { + padding-right: 1rem !important; } - .md\:border-0 { - border-width: 0 !important; + .md\:pb-4 { + padding-bottom: 1rem !important; } - .md\:border-2 { - border-width: 2px !important; + .md\:pl-4 { + padding-left: 1rem !important; } - .md\:border-4 { - border-width: 4px !important; + .md\:pt-5 { + padding-top: 1.25rem !important; } - .md\:border-8 { - border-width: 8px !important; + .md\:pr-5 { + padding-right: 1.25rem !important; } - .md\:border { - border-width: 1px !important; + .md\:pb-5 { + padding-bottom: 1.25rem !important; } - .md\:border-t-0 { - border-top-width: 0 !important; + .md\:pl-5 { + padding-left: 1.25rem !important; } - .md\:border-r-0 { - border-right-width: 0 !important; + .md\:pt-6 { + padding-top: 1.5rem !important; } - .md\:border-b-0 { - border-bottom-width: 0 !important; + .md\:pr-6 { + padding-right: 1.5rem !important; } - .md\:border-l-0 { - border-left-width: 0 !important; + .md\:pb-6 { + padding-bottom: 1.5rem !important; } - .md\:border-t-2 { - border-top-width: 2px !important; + .md\:pl-6 { + padding-left: 1.5rem !important; } - .md\:border-r-2 { - border-right-width: 2px !important; + .md\:pt-8 { + padding-top: 2rem !important; } - .md\:border-b-2 { - border-bottom-width: 2px !important; + .md\:pr-8 { + padding-right: 2rem !important; } - .md\:border-l-2 { - border-left-width: 2px !important; + .md\:pb-8 { + padding-bottom: 2rem !important; } - .md\:border-t-4 { - border-top-width: 4px !important; + .md\:pl-8 { + padding-left: 2rem !important; } - .md\:border-r-4 { - border-right-width: 4px !important; + .md\:pt-10 { + padding-top: 2.5rem !important; } - .md\:border-b-4 { - border-bottom-width: 4px !important; + .md\:pr-10 { + padding-right: 2.5rem !important; } - .md\:border-l-4 { - border-left-width: 4px !important; + .md\:pb-10 { + padding-bottom: 2.5rem !important; } - .md\:border-t-8 { - border-top-width: 8px !important; + .md\:pl-10 { + padding-left: 2.5rem !important; } - .md\:border-r-8 { - border-right-width: 8px !important; + .md\:pt-12 { + padding-top: 3rem !important; } - .md\:border-b-8 { - border-bottom-width: 8px !important; + .md\:pr-12 { + padding-right: 3rem !important; } - .md\:border-l-8 { - border-left-width: 8px !important; + .md\:pb-12 { + padding-bottom: 3rem !important; } - .md\:border-t { - border-top-width: 1px !important; + .md\:pl-12 { + padding-left: 3rem !important; } - .md\:border-r { - border-right-width: 1px !important; + .md\:pt-16 { + padding-top: 4rem !important; } - .md\:border-b { - border-bottom-width: 1px !important; + .md\:pr-16 { + padding-right: 4rem !important; } - .md\:border-l { - border-left-width: 1px !important; + .md\:pb-16 { + padding-bottom: 4rem !important; } - .md\:cursor-auto { - cursor: auto !important; + .md\:pl-16 { + padding-left: 4rem !important; } - .md\:cursor-default { - cursor: default !important; + .md\:pt-20 { + padding-top: 5rem !important; } - .md\:cursor-pointer { - cursor: pointer !important; + .md\:pr-20 { + padding-right: 5rem !important; } - .md\:cursor-wait { - cursor: wait !important; + .md\:pb-20 { + padding-bottom: 5rem !important; } - .md\:cursor-text { - cursor: text !important; + .md\:pl-20 { + padding-left: 5rem !important; } - .md\:cursor-move { - cursor: move !important; + .md\:pt-24 { + padding-top: 6rem !important; } - .md\:cursor-not-allowed { - cursor: not-allowed !important; + .md\:pr-24 { + padding-right: 6rem !important; } - .md\:block { - display: block !important; + .md\:pb-24 { + padding-bottom: 6rem !important; } - .md\:inline-block { - display: inline-block !important; + .md\:pl-24 { + padding-left: 6rem !important; } - .md\:inline { - display: inline !important; + .md\:pt-32 { + padding-top: 8rem !important; } - .md\:flex { - display: flex !important; + .md\:pr-32 { + padding-right: 8rem !important; } - .md\:inline-flex { - display: inline-flex !important; + .md\:pb-32 { + padding-bottom: 8rem !important; } - .md\:table { - display: table !important; + .md\:pl-32 { + padding-left: 8rem !important; } - .md\:table-row { - display: table-row !important; + .md\:pt-40 { + padding-top: 10rem !important; } - .md\:table-cell { - display: table-cell !important; + .md\:pr-40 { + padding-right: 10rem !important; } - .md\:hidden { - display: none !important; + .md\:pb-40 { + padding-bottom: 10rem !important; } - .md\:flex-row { - flex-direction: row !important; + .md\:pl-40 { + padding-left: 10rem !important; } - .md\:flex-row-reverse { - flex-direction: row-reverse !important; + .md\:pt-48 { + padding-top: 12rem !important; } - .md\:flex-col { - flex-direction: column !important; + .md\:pr-48 { + padding-right: 12rem !important; } - .md\:flex-col-reverse { - flex-direction: column-reverse !important; + .md\:pb-48 { + padding-bottom: 12rem !important; } - .md\:flex-wrap { - flex-wrap: wrap !important; + .md\:pl-48 { + padding-left: 12rem !important; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .md\:pt-56 { + padding-top: 14rem !important; } - .md\:flex-no-wrap { - flex-wrap: nowrap !important; + .md\:pr-56 { + padding-right: 14rem !important; } - .md\:items-start { - align-items: flex-start !important; + .md\:pb-56 { + padding-bottom: 14rem !important; } - .md\:items-end { - align-items: flex-end !important; + .md\:pl-56 { + padding-left: 14rem !important; } - .md\:items-center { - align-items: center !important; + .md\:pt-64 { + padding-top: 16rem !important; } - .md\:items-baseline { - align-items: baseline !important; + .md\:pr-64 { + padding-right: 16rem !important; } - .md\:items-stretch { - align-items: stretch !important; + .md\:pb-64 { + padding-bottom: 16rem !important; } - .md\:self-auto { - align-self: auto !important; + .md\:pl-64 { + padding-left: 16rem !important; } - .md\:self-start { - align-self: flex-start !important; + .md\:pt-px { + padding-top: 1px !important; } - .md\:self-end { - align-self: flex-end !important; + .md\:pr-px { + padding-right: 1px !important; } - .md\:self-center { - align-self: center !important; + .md\:pb-px { + padding-bottom: 1px !important; } - .md\:self-stretch { - align-self: stretch !important; + .md\:pl-px { + padding-left: 1px !important; } - .md\:justify-start { - justify-content: flex-start !important; + .md\:placeholder-transparent::placeholder { + color: transparent !important; } - .md\:justify-end { - justify-content: flex-end !important; + .md\:placeholder-black::placeholder { + color: #000 !important; } - .md\:justify-center { - justify-content: center !important; + .md\:placeholder-white::placeholder { + color: #fff !important; } - .md\:justify-between { - justify-content: space-between !important; + .md\:placeholder-gray-100::placeholder { + color: #f7fafc !important; } - .md\:justify-around { - justify-content: space-around !important; + .md\:placeholder-gray-200::placeholder { + color: #edf2f7 !important; } - .md\:content-center { - align-content: center !important; + .md\:placeholder-gray-300::placeholder { + color: #e2e8f0 !important; } - .md\:content-start { - align-content: flex-start !important; + .md\:placeholder-gray-400::placeholder { + color: #cbd5e0 !important; } - .md\:content-end { - align-content: flex-end !important; + .md\:placeholder-gray-500::placeholder { + color: #a0aec0 !important; } - .md\:content-between { - align-content: space-between !important; + .md\:placeholder-gray-600::placeholder { + color: #718096 !important; } - .md\:content-around { - align-content: space-around !important; + .md\:placeholder-gray-700::placeholder { + color: #4a5568 !important; } - .md\:flex-1 { - flex: 1 1 0% !important; + .md\:placeholder-gray-800::placeholder { + color: #2d3748 !important; } - .md\:flex-auto { - flex: 1 1 auto !important; + .md\:placeholder-gray-900::placeholder { + color: #1a202c !important; } - .md\:flex-initial { - flex: 0 1 auto !important; + .md\:placeholder-red-100::placeholder { + color: #fff5f5 !important; } - .md\:flex-none { - flex: none !important; + .md\:placeholder-red-200::placeholder { + color: #fed7d7 !important; } - .md\:flex-grow-0 { - flex-grow: 0 !important; + .md\:placeholder-red-300::placeholder { + color: #feb2b2 !important; } - .md\:flex-grow { - flex-grow: 1 !important; + .md\:placeholder-red-400::placeholder { + color: #fc8181 !important; } - .md\:flex-shrink-0 { - flex-shrink: 0 !important; + .md\:placeholder-red-500::placeholder { + color: #f56565 !important; } - .md\:flex-shrink { - flex-shrink: 1 !important; + .md\:placeholder-red-600::placeholder { + color: #e53e3e !important; } - .md\:order-1 { - order: 1 !important; + .md\:placeholder-red-700::placeholder { + color: #c53030 !important; } - .md\:order-2 { - order: 2 !important; + .md\:placeholder-red-800::placeholder { + color: #9b2c2c !important; } - .md\:order-3 { - order: 3 !important; + .md\:placeholder-red-900::placeholder { + color: #742a2a !important; } - .md\:order-4 { - order: 4 !important; + .md\:placeholder-orange-100::placeholder { + color: #fffaf0 !important; } - .md\:order-5 { - order: 5 !important; + .md\:placeholder-orange-200::placeholder { + color: #feebc8 !important; } - .md\:order-6 { - order: 6 !important; + .md\:placeholder-orange-300::placeholder { + color: #fbd38d !important; } - .md\:order-7 { - order: 7 !important; + .md\:placeholder-orange-400::placeholder { + color: #f6ad55 !important; } - .md\:order-8 { - order: 8 !important; + .md\:placeholder-orange-500::placeholder { + color: #ed8936 !important; } - .md\:order-9 { - order: 9 !important; + .md\:placeholder-orange-600::placeholder { + color: #dd6b20 !important; } - .md\:order-10 { - order: 10 !important; + .md\:placeholder-orange-700::placeholder { + color: #c05621 !important; } - .md\:order-11 { - order: 11 !important; + .md\:placeholder-orange-800::placeholder { + color: #9c4221 !important; } - .md\:order-12 { - order: 12 !important; + .md\:placeholder-orange-900::placeholder { + color: #7b341e !important; } - .md\:order-first { - order: -9999 !important; + .md\:placeholder-yellow-100::placeholder { + color: #fffff0 !important; } - .md\:order-last { - order: 9999 !important; + .md\:placeholder-yellow-200::placeholder { + color: #fefcbf !important; } - .md\:order-none { - order: 0 !important; + .md\:placeholder-yellow-300::placeholder { + color: #faf089 !important; } - .md\:float-right { - float: right !important; + .md\:placeholder-yellow-400::placeholder { + color: #f6e05e !important; } - .md\:float-left { - float: left !important; + .md\:placeholder-yellow-500::placeholder { + color: #ecc94b !important; } - .md\:float-none { - float: none !important; + .md\:placeholder-yellow-600::placeholder { + color: #d69e2e !important; } - .md\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .md\:placeholder-yellow-700::placeholder { + color: #b7791f !important; } - .md\:font-sans { - font-family: -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" !important; + .md\:placeholder-yellow-800::placeholder { + color: #975a16 !important; } - .md\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .md\:placeholder-yellow-900::placeholder { + color: #744210 !important; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .md\:placeholder-green-100::placeholder { + color: #f0fff4 !important; } - .md\:font-hairline { - font-weight: 100 !important; + .md\:placeholder-green-200::placeholder { + color: #c6f6d5 !important; } - .md\:font-thin { - font-weight: 200 !important; + .md\:placeholder-green-300::placeholder { + color: #9ae6b4 !important; } - .md\:font-light { - font-weight: 300 !important; + .md\:placeholder-green-400::placeholder { + color: #68d391 !important; } - .md\:font-normal { - font-weight: 400 !important; + .md\:placeholder-green-500::placeholder { + color: #48bb78 !important; } - .md\:font-medium { - font-weight: 500 !important; + .md\:placeholder-green-600::placeholder { + color: #38a169 !important; } - .md\:font-semibold { - font-weight: 600 !important; + .md\:placeholder-green-700::placeholder { + color: #2f855a !important; } - .md\:font-bold { - font-weight: 700 !important; + .md\:placeholder-green-800::placeholder { + color: #276749 !important; } - .md\:font-extrabold { - font-weight: 800 !important; + .md\:placeholder-green-900::placeholder { + color: #22543d !important; } - .md\:font-black { - font-weight: 900 !important; + .md\:placeholder-teal-100::placeholder { + color: #e6fffa !important; } - .md\:hover\:font-hairline:hover { - font-weight: 100 !important; + .md\:placeholder-teal-200::placeholder { + color: #b2f5ea !important; } - .md\:hover\:font-thin:hover { - font-weight: 200 !important; + .md\:placeholder-teal-300::placeholder { + color: #81e6d9 !important; } - .md\:hover\:font-light:hover { - font-weight: 300 !important; + .md\:placeholder-teal-400::placeholder { + color: #4fd1c5 !important; } - .md\:hover\:font-normal:hover { - font-weight: 400 !important; + .md\:placeholder-teal-500::placeholder { + color: #38b2ac !important; } - .md\:hover\:font-medium:hover { - font-weight: 500 !important; + .md\:placeholder-teal-600::placeholder { + color: #319795 !important; } - .md\:hover\:font-semibold:hover { - font-weight: 600 !important; + .md\:placeholder-teal-700::placeholder { + color: #2c7a7b !important; } - .md\:hover\:font-bold:hover { - font-weight: 700 !important; + .md\:placeholder-teal-800::placeholder { + color: #285e61 !important; } - .md\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .md\:placeholder-teal-900::placeholder { + color: #234e52 !important; } - .md\:hover\:font-black:hover { - font-weight: 900 !important; + .md\:placeholder-blue-100::placeholder { + color: #ebf8ff !important; } - .md\:focus\:font-hairline:focus { - font-weight: 100 !important; + .md\:placeholder-blue-200::placeholder { + color: #bee3f8 !important; } - .md\:focus\:font-thin:focus { - font-weight: 200 !important; + .md\:placeholder-blue-300::placeholder { + color: #90cdf4 !important; } - .md\:focus\:font-light:focus { - font-weight: 300 !important; + .md\:placeholder-blue-400::placeholder { + color: #63b3ed !important; } - .md\:focus\:font-normal:focus { - font-weight: 400 !important; + .md\:placeholder-blue-500::placeholder { + color: #4299e1 !important; } - .md\:focus\:font-medium:focus { - font-weight: 500 !important; + .md\:placeholder-blue-600::placeholder { + color: #3182ce !important; } - .md\:focus\:font-semibold:focus { - font-weight: 600 !important; + .md\:placeholder-blue-700::placeholder { + color: #2b6cb0 !important; } - .md\:focus\:font-bold:focus { - font-weight: 700 !important; + .md\:placeholder-blue-800::placeholder { + color: #2c5282 !important; } - .md\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .md\:placeholder-blue-900::placeholder { + color: #2a4365 !important; } - .md\:focus\:font-black:focus { - font-weight: 900 !important; + .md\:placeholder-indigo-100::placeholder { + color: #ebf4ff !important; } - .md\:h-0 { - height: 0 !important; + .md\:placeholder-indigo-200::placeholder { + color: #c3dafe !important; } - .md\:h-1 { - height: 0.25rem !important; + .md\:placeholder-indigo-300::placeholder { + color: #a3bffa !important; } - .md\:h-2 { - height: 0.5rem !important; + .md\:placeholder-indigo-400::placeholder { + color: #7f9cf5 !important; } - .md\:h-3 { - height: 0.75rem !important; + .md\:placeholder-indigo-500::placeholder { + color: #667eea !important; } - .md\:h-4 { - height: 1rem !important; + .md\:placeholder-indigo-600::placeholder { + color: #5a67d8 !important; } - .md\:h-5 { - height: 1.25rem !important; + .md\:placeholder-indigo-700::placeholder { + color: #4c51bf !important; } - .md\:h-6 { - height: 1.5rem !important; + .md\:placeholder-indigo-800::placeholder { + color: #434190 !important; } - .md\:h-8 { - height: 2rem !important; + .md\:placeholder-indigo-900::placeholder { + color: #3c366b !important; } - .md\:h-10 { - height: 2.5rem !important; + .md\:placeholder-purple-100::placeholder { + color: #faf5ff !important; } - .md\:h-12 { - height: 3rem !important; + .md\:placeholder-purple-200::placeholder { + color: #e9d8fd !important; } - .md\:h-16 { - height: 4rem !important; + .md\:placeholder-purple-300::placeholder { + color: #d6bcfa !important; } - .md\:h-20 { - height: 5rem !important; + .md\:placeholder-purple-400::placeholder { + color: #b794f4 !important; } - .md\:h-24 { - height: 6rem !important; + .md\:placeholder-purple-500::placeholder { + color: #9f7aea !important; } - .md\:h-32 { - height: 8rem !important; + .md\:placeholder-purple-600::placeholder { + color: #805ad5 !important; } - .md\:h-40 { - height: 10rem !important; + .md\:placeholder-purple-700::placeholder { + color: #6b46c1 !important; } - .md\:h-48 { - height: 12rem !important; + .md\:placeholder-purple-800::placeholder { + color: #553c9a !important; } - .md\:h-56 { - height: 14rem !important; + .md\:placeholder-purple-900::placeholder { + color: #44337a !important; } - .md\:h-64 { - height: 16rem !important; + .md\:placeholder-pink-100::placeholder { + color: #fff5f7 !important; } - .md\:h-auto { - height: auto !important; + .md\:placeholder-pink-200::placeholder { + color: #fed7e2 !important; } - .md\:h-px { - height: 1px !important; + .md\:placeholder-pink-300::placeholder { + color: #fbb6ce !important; } - .md\:h-full { - height: 100% !important; + .md\:placeholder-pink-400::placeholder { + color: #f687b3 !important; } - .md\:h-screen { - height: 100vh !important; + .md\:placeholder-pink-500::placeholder { + color: #ed64a6 !important; } - .md\:leading-none { - line-height: 1 !important; + .md\:placeholder-pink-600::placeholder { + color: #d53f8c !important; } - .md\:leading-tight { - line-height: 1.25 !important; + .md\:placeholder-pink-700::placeholder { + color: #b83280 !important; } - .md\:leading-snug { - line-height: 1.375 !important; + .md\:placeholder-pink-800::placeholder { + color: #97266d !important; } - .md\:leading-normal { - line-height: 1.5 !important; + .md\:placeholder-pink-900::placeholder { + color: #702459 !important; } - .md\:leading-relaxed { - line-height: 1.625 !important; + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .md\:leading-loose { - line-height: 2 !important; + .md\:focus\:placeholder-black:focus::placeholder { + color: #000 !important; } - .md\:list-inside { - list-style-position: inside !important; + .md\:focus\:placeholder-white:focus::placeholder { + color: #fff !important; } - .md\:list-outside { - list-style-position: outside !important; + .md\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc !important; } - .md\:list-none { - list-style-type: none !important; + .md\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7 !important; } - .md\:list-disc { - list-style-type: disc !important; + .md\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0 !important; } - .md\:list-decimal { - list-style-type: decimal !important; + .md\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0 !important; } - .md\:m-0 { - margin: 0 !important; + .md\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0 !important; } - .md\:m-1 { - margin: 0.25rem !important; + .md\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096 !important; } - .md\:m-2 { - margin: 0.5rem !important; + .md\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568 !important; } - .md\:m-3 { - margin: 0.75rem !important; + .md\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748 !important; } - .md\:m-4 { - margin: 1rem !important; + .md\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c !important; } - .md\:m-5 { - margin: 1.25rem !important; + .md\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5 !important; } - .md\:m-6 { - margin: 1.5rem !important; + .md\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7 !important; } - .md\:m-8 { - margin: 2rem !important; + .md\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2 !important; } - .md\:m-10 { - margin: 2.5rem !important; + .md\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181 !important; } - .md\:m-12 { - margin: 3rem !important; + .md\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565 !important; } - .md\:m-16 { - margin: 4rem !important; + .md\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e !important; } - .md\:m-20 { - margin: 5rem !important; + .md\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030 !important; } - .md\:m-24 { - margin: 6rem !important; + .md\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c !important; } - .md\:m-32 { - margin: 8rem !important; + .md\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a !important; } - .md\:m-40 { - margin: 10rem !important; + .md\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0 !important; } - .md\:m-48 { - margin: 12rem !important; + .md\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8 !important; } - .md\:m-56 { - margin: 14rem !important; + .md\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d !important; } - .md\:m-64 { - margin: 16rem !important; + .md\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55 !important; } - .md\:m-auto { - margin: auto !important; + .md\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936 !important; } - .md\:m-px { - margin: 1px !important; + .md\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20 !important; } - .md\:-m-1 { - margin: -0.25rem !important; + .md\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621 !important; } - .md\:-m-2 { - margin: -0.5rem !important; + .md\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221 !important; } - .md\:-m-3 { - margin: -0.75rem !important; + .md\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e !important; } - .md\:-m-4 { - margin: -1rem !important; + .md\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0 !important; } - .md\:-m-5 { - margin: -1.25rem !important; + .md\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf !important; } - .md\:-m-6 { - margin: -1.5rem !important; + .md\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089 !important; } - .md\:-m-8 { - margin: -2rem !important; + .md\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e !important; } - .md\:-m-10 { - margin: -2.5rem !important; + .md\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b !important; } - .md\:-m-12 { - margin: -3rem !important; + .md\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e !important; } - .md\:-m-16 { - margin: -4rem !important; + .md\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f !important; } - .md\:-m-20 { - margin: -5rem !important; + .md\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16 !important; } - .md\:-m-24 { - margin: -6rem !important; + .md\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210 !important; } - .md\:-m-32 { - margin: -8rem !important; + .md\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4 !important; } - .md\:-m-40 { - margin: -10rem !important; + .md\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5 !important; } - .md\:-m-48 { - margin: -12rem !important; + .md\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4 !important; + } + + .md\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391 !important; } - .md\:-m-56 { - margin: -14rem !important; + .md\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78 !important; } - .md\:-m-64 { - margin: -16rem !important; + .md\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169 !important; } - .md\:-m-px { - margin: -1px !important; + .md\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a !important; } - .md\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .md\:focus\:placeholder-green-800:focus::placeholder { + color: #276749 !important; } - .md\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .md\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d !important; } - .md\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .md\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa !important; } - .md\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .md\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea !important; } - .md\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .md\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9 !important; } - .md\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .md\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5 !important; } - .md\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .md\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac !important; } - .md\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .md\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795 !important; } - .md\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .md\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b !important; } - .md\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .md\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61 !important; } - .md\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .md\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52 !important; } - .md\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .md\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff !important; } - .md\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .md\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8 !important; } - .md\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .md\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4 !important; } - .md\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .md\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed !important; } - .md\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .md\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1 !important; } - .md\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .md\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce !important; } - .md\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .md\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0 !important; } - .md\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .md\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282 !important; } - .md\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .md\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365 !important; } - .md\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .md\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff !important; } - .md\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .md\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe !important; } - .md\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .md\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa !important; } - .md\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .md\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5 !important; } - .md\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .md\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea !important; } - .md\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .md\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8 !important; } - .md\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .md\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf !important; } - .md\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .md\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190 !important; } - .md\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .md\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b !important; } - .md\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .md\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff !important; } - .md\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .md\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd !important; } - .md\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .md\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa !important; } - .md\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .md\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4 !important; } - .md\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .md\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea !important; } - .md\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .md\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5 !important; } - .md\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .md\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1 !important; } - .md\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .md\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a !important; } - .md\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .md\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a !important; } - .md\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .md\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7 !important; } - .md\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .md\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2 !important; } - .md\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .md\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce !important; } - .md\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .md\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3 !important; } - .md\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .md\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6 !important; } - .md\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .md\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c !important; } - .md\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .md\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280 !important; } - .md\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .md\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d !important; } - .md\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .md\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459 !important; } - .md\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .md\:pointer-events-none { + pointer-events: none !important; } - .md\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .md\:pointer-events-auto { + pointer-events: auto !important; } - .md\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .md\:static { + position: static !important; } - .md\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .md\:fixed { + position: fixed !important; } - .md\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .md\:absolute { + position: absolute !important; } - .md\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .md\:relative { + position: relative !important; } - .md\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .md\:sticky { + position: sticky !important; } - .md\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .md\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .md\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .md\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .md\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .md\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .md\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .md\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .md\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .md\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .md\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .md\:inset-x-auto { + right: auto !important; + left: auto !important; } - .md\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .md\:top-0 { + top: 0 !important; } - .md\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .md\:right-0 { + right: 0 !important; } - .md\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .md\:bottom-0 { + bottom: 0 !important; } - .md\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .md\:left-0 { + left: 0 !important; } - .md\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .md\:top-auto { + top: auto !important; } - .md\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .md\:right-auto { + right: auto !important; } - .md\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .md\:bottom-auto { + bottom: auto !important; } - .md\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .md\:left-auto { + left: auto !important; } - .md\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .md\:resize-none { + resize: none !important; } - .md\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .md\:resize-y { + resize: vertical !important; } - .md\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .md\:resize-x { + resize: horizontal !important; } - .md\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .md\:resize { + resize: both !important; } - .md\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .md\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .md\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .md\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .md\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .md\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .md\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .md\:mt-0 { - margin-top: 0 !important; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:mr-0 { - margin-right: 0 !important; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:mb-0 { - margin-bottom: 0 !important; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:ml-0 { - margin-left: 0 !important; + .md\:shadow-none { + box-shadow: none !important; } - .md\:mt-1 { - margin-top: 0.25rem !important; + .md\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:mr-1 { - margin-right: 0.25rem !important; + .md\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .md\:mb-1 { - margin-bottom: 0.25rem !important; + .md\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .md\:ml-1 { - margin-left: 0.25rem !important; + .md\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .md\:mt-2 { - margin-top: 0.5rem !important; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:mr-2 { - margin-right: 0.5rem !important; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:mb-2 { - margin-bottom: 0.5rem !important; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:ml-2 { - margin-left: 0.5rem !important; + .md\:hover\:shadow-none:hover { + box-shadow: none !important; } - .md\:mt-3 { - margin-top: 0.75rem !important; + .md\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:mr-3 { - margin-right: 0.75rem !important; + .md\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .md\:mb-3 { - margin-bottom: 0.75rem !important; + .md\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .md\:ml-3 { - margin-left: 0.75rem !important; + .md\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .md\:mt-4 { - margin-top: 1rem !important; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .md\:mr-4 { - margin-right: 1rem !important; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .md\:mb-4 { - margin-bottom: 1rem !important; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .md\:ml-4 { - margin-left: 1rem !important; + .md\:focus\:shadow-none:focus { + box-shadow: none !important; } - .md\:mt-5 { - margin-top: 1.25rem !important; + .md\:fill-current { + fill: currentColor !important; } - .md\:mr-5 { - margin-right: 1.25rem !important; + .md\:stroke-current { + stroke: currentColor !important; } - .md\:mb-5 { - margin-bottom: 1.25rem !important; + .md\:table-auto { + table-layout: auto !important; } - .md\:ml-5 { - margin-left: 1.25rem !important; + .md\:table-fixed { + table-layout: fixed !important; } - .md\:mt-6 { - margin-top: 1.5rem !important; + .md\:text-left { + text-align: left !important; } - .md\:mr-6 { - margin-right: 1.5rem !important; + .md\:text-center { + text-align: center !important; } - .md\:mb-6 { - margin-bottom: 1.5rem !important; + .md\:text-right { + text-align: right !important; } - .md\:ml-6 { - margin-left: 1.5rem !important; + .md\:text-justify { + text-align: justify !important; } - .md\:mt-8 { - margin-top: 2rem !important; + .md\:text-transparent { + color: transparent !important; } - .md\:mr-8 { - margin-right: 2rem !important; + .md\:text-black { + color: #000 !important; } - .md\:mb-8 { - margin-bottom: 2rem !important; + .md\:text-white { + color: #fff !important; } - .md\:ml-8 { - margin-left: 2rem !important; + .md\:text-gray-100 { + color: #f7fafc !important; } - .md\:mt-10 { - margin-top: 2.5rem !important; + .md\:text-gray-200 { + color: #edf2f7 !important; } - .md\:mr-10 { - margin-right: 2.5rem !important; + .md\:text-gray-300 { + color: #e2e8f0 !important; } - .md\:mb-10 { - margin-bottom: 2.5rem !important; + .md\:text-gray-400 { + color: #cbd5e0 !important; } - .md\:ml-10 { - margin-left: 2.5rem !important; + .md\:text-gray-500 { + color: #a0aec0 !important; } - .md\:mt-12 { - margin-top: 3rem !important; + .md\:text-gray-600 { + color: #718096 !important; } - .md\:mr-12 { - margin-right: 3rem !important; + .md\:text-gray-700 { + color: #4a5568 !important; } - .md\:mb-12 { - margin-bottom: 3rem !important; + .md\:text-gray-800 { + color: #2d3748 !important; } - .md\:ml-12 { - margin-left: 3rem !important; + .md\:text-gray-900 { + color: #1a202c !important; } - .md\:mt-16 { - margin-top: 4rem !important; + .md\:text-red-100 { + color: #fff5f5 !important; } - .md\:mr-16 { - margin-right: 4rem !important; + .md\:text-red-200 { + color: #fed7d7 !important; } - .md\:mb-16 { - margin-bottom: 4rem !important; + .md\:text-red-300 { + color: #feb2b2 !important; } - .md\:ml-16 { - margin-left: 4rem !important; + .md\:text-red-400 { + color: #fc8181 !important; } - .md\:mt-20 { - margin-top: 5rem !important; + .md\:text-red-500 { + color: #f56565 !important; } - .md\:mr-20 { - margin-right: 5rem !important; + .md\:text-red-600 { + color: #e53e3e !important; } - .md\:mb-20 { - margin-bottom: 5rem !important; + .md\:text-red-700 { + color: #c53030 !important; } - .md\:ml-20 { - margin-left: 5rem !important; + .md\:text-red-800 { + color: #9b2c2c !important; } - .md\:mt-24 { - margin-top: 6rem !important; + .md\:text-red-900 { + color: #742a2a !important; } - .md\:mr-24 { - margin-right: 6rem !important; + .md\:text-orange-100 { + color: #fffaf0 !important; } - .md\:mb-24 { - margin-bottom: 6rem !important; + .md\:text-orange-200 { + color: #feebc8 !important; } - .md\:ml-24 { - margin-left: 6rem !important; + .md\:text-orange-300 { + color: #fbd38d !important; } - .md\:mt-32 { - margin-top: 8rem !important; + .md\:text-orange-400 { + color: #f6ad55 !important; } - .md\:mr-32 { - margin-right: 8rem !important; + .md\:text-orange-500 { + color: #ed8936 !important; } - .md\:mb-32 { - margin-bottom: 8rem !important; + .md\:text-orange-600 { + color: #dd6b20 !important; } - .md\:ml-32 { - margin-left: 8rem !important; + .md\:text-orange-700 { + color: #c05621 !important; } - .md\:mt-40 { - margin-top: 10rem !important; + .md\:text-orange-800 { + color: #9c4221 !important; } - .md\:mr-40 { - margin-right: 10rem !important; + .md\:text-orange-900 { + color: #7b341e !important; } - .md\:mb-40 { - margin-bottom: 10rem !important; + .md\:text-yellow-100 { + color: #fffff0 !important; } - .md\:ml-40 { - margin-left: 10rem !important; + .md\:text-yellow-200 { + color: #fefcbf !important; } - .md\:mt-48 { - margin-top: 12rem !important; + .md\:text-yellow-300 { + color: #faf089 !important; } - .md\:mr-48 { - margin-right: 12rem !important; + .md\:text-yellow-400 { + color: #f6e05e !important; } - .md\:mb-48 { - margin-bottom: 12rem !important; + .md\:text-yellow-500 { + color: #ecc94b !important; } - .md\:ml-48 { - margin-left: 12rem !important; + .md\:text-yellow-600 { + color: #d69e2e !important; } - .md\:mt-56 { - margin-top: 14rem !important; + .md\:text-yellow-700 { + color: #b7791f !important; } - .md\:mr-56 { - margin-right: 14rem !important; + .md\:text-yellow-800 { + color: #975a16 !important; } - .md\:mb-56 { - margin-bottom: 14rem !important; + .md\:text-yellow-900 { + color: #744210 !important; } - .md\:ml-56 { - margin-left: 14rem !important; + .md\:text-green-100 { + color: #f0fff4 !important; } - .md\:mt-64 { - margin-top: 16rem !important; + .md\:text-green-200 { + color: #c6f6d5 !important; } - .md\:mr-64 { - margin-right: 16rem !important; + .md\:text-green-300 { + color: #9ae6b4 !important; } - .md\:mb-64 { - margin-bottom: 16rem !important; + .md\:text-green-400 { + color: #68d391 !important; } - .md\:ml-64 { - margin-left: 16rem !important; + .md\:text-green-500 { + color: #48bb78 !important; } - .md\:mt-auto { - margin-top: auto !important; + .md\:text-green-600 { + color: #38a169 !important; } - .md\:mr-auto { - margin-right: auto !important; + .md\:text-green-700 { + color: #2f855a !important; } - .md\:mb-auto { - margin-bottom: auto !important; + .md\:text-green-800 { + color: #276749 !important; } - .md\:ml-auto { - margin-left: auto !important; + .md\:text-green-900 { + color: #22543d !important; } - .md\:mt-px { - margin-top: 1px !important; + .md\:text-teal-100 { + color: #e6fffa !important; } - .md\:mr-px { - margin-right: 1px !important; + .md\:text-teal-200 { + color: #b2f5ea !important; } - .md\:mb-px { - margin-bottom: 1px !important; + .md\:text-teal-300 { + color: #81e6d9 !important; } - .md\:ml-px { - margin-left: 1px !important; + .md\:text-teal-400 { + color: #4fd1c5 !important; } - .md\:-mt-1 { - margin-top: -0.25rem !important; + .md\:text-teal-500 { + color: #38b2ac !important; } - .md\:-mr-1 { - margin-right: -0.25rem !important; + .md\:text-teal-600 { + color: #319795 !important; } - .md\:-mb-1 { - margin-bottom: -0.25rem !important; + .md\:text-teal-700 { + color: #2c7a7b !important; } - .md\:-ml-1 { - margin-left: -0.25rem !important; + .md\:text-teal-800 { + color: #285e61 !important; } - .md\:-mt-2 { - margin-top: -0.5rem !important; + .md\:text-teal-900 { + color: #234e52 !important; } - .md\:-mr-2 { - margin-right: -0.5rem !important; + .md\:text-blue-100 { + color: #ebf8ff !important; } - .md\:-mb-2 { - margin-bottom: -0.5rem !important; + .md\:text-blue-200 { + color: #bee3f8 !important; } - .md\:-ml-2 { - margin-left: -0.5rem !important; + .md\:text-blue-300 { + color: #90cdf4 !important; } - .md\:-mt-3 { - margin-top: -0.75rem !important; + .md\:text-blue-400 { + color: #63b3ed !important; } - .md\:-mr-3 { - margin-right: -0.75rem !important; + .md\:text-blue-500 { + color: #4299e1 !important; } - .md\:-mb-3 { - margin-bottom: -0.75rem !important; + .md\:text-blue-600 { + color: #3182ce !important; } - .md\:-ml-3 { - margin-left: -0.75rem !important; + .md\:text-blue-700 { + color: #2b6cb0 !important; } - .md\:-mt-4 { - margin-top: -1rem !important; + .md\:text-blue-800 { + color: #2c5282 !important; } - .md\:-mr-4 { - margin-right: -1rem !important; + .md\:text-blue-900 { + color: #2a4365 !important; } - .md\:-mb-4 { - margin-bottom: -1rem !important; + .md\:text-indigo-100 { + color: #ebf4ff !important; } - .md\:-ml-4 { - margin-left: -1rem !important; + .md\:text-indigo-200 { + color: #c3dafe !important; } - .md\:-mt-5 { - margin-top: -1.25rem !important; + .md\:text-indigo-300 { + color: #a3bffa !important; } - .md\:-mr-5 { - margin-right: -1.25rem !important; + .md\:text-indigo-400 { + color: #7f9cf5 !important; } - .md\:-mb-5 { - margin-bottom: -1.25rem !important; + .md\:text-indigo-500 { + color: #667eea !important; } - .md\:-ml-5 { - margin-left: -1.25rem !important; + .md\:text-indigo-600 { + color: #5a67d8 !important; } - .md\:-mt-6 { - margin-top: -1.5rem !important; + .md\:text-indigo-700 { + color: #4c51bf !important; } - .md\:-mr-6 { - margin-right: -1.5rem !important; + .md\:text-indigo-800 { + color: #434190 !important; } - .md\:-mb-6 { - margin-bottom: -1.5rem !important; + .md\:text-indigo-900 { + color: #3c366b !important; } - .md\:-ml-6 { - margin-left: -1.5rem !important; + .md\:text-purple-100 { + color: #faf5ff !important; } - .md\:-mt-8 { - margin-top: -2rem !important; + .md\:text-purple-200 { + color: #e9d8fd !important; } - .md\:-mr-8 { - margin-right: -2rem !important; + .md\:text-purple-300 { + color: #d6bcfa !important; } - .md\:-mb-8 { - margin-bottom: -2rem !important; + .md\:text-purple-400 { + color: #b794f4 !important; } - .md\:-ml-8 { - margin-left: -2rem !important; + .md\:text-purple-500 { + color: #9f7aea !important; } - .md\:-mt-10 { - margin-top: -2.5rem !important; + .md\:text-purple-600 { + color: #805ad5 !important; } - .md\:-mr-10 { - margin-right: -2.5rem !important; + .md\:text-purple-700 { + color: #6b46c1 !important; } - .md\:-mb-10 { - margin-bottom: -2.5rem !important; + .md\:text-purple-800 { + color: #553c9a !important; } - .md\:-ml-10 { - margin-left: -2.5rem !important; + .md\:text-purple-900 { + color: #44337a !important; } - .md\:-mt-12 { - margin-top: -3rem !important; + .md\:text-pink-100 { + color: #fff5f7 !important; } - .md\:-mr-12 { - margin-right: -3rem !important; + .md\:text-pink-200 { + color: #fed7e2 !important; } - .md\:-mb-12 { - margin-bottom: -3rem !important; + .md\:text-pink-300 { + color: #fbb6ce !important; } - .md\:-ml-12 { - margin-left: -3rem !important; + .md\:text-pink-400 { + color: #f687b3 !important; } - .md\:-mt-16 { - margin-top: -4rem !important; + .md\:text-pink-500 { + color: #ed64a6 !important; } - .md\:-mr-16 { - margin-right: -4rem !important; + .md\:text-pink-600 { + color: #d53f8c !important; } - .md\:-mb-16 { - margin-bottom: -4rem !important; + .md\:text-pink-700 { + color: #b83280 !important; } - .md\:-ml-16 { - margin-left: -4rem !important; + .md\:text-pink-800 { + color: #97266d !important; } - .md\:-mt-20 { - margin-top: -5rem !important; + .md\:text-pink-900 { + color: #702459 !important; } - .md\:-mr-20 { - margin-right: -5rem !important; + .md\:hover\:text-transparent:hover { + color: transparent !important; } - .md\:-mb-20 { - margin-bottom: -5rem !important; + .md\:hover\:text-black:hover { + color: #000 !important; } - .md\:-ml-20 { - margin-left: -5rem !important; + .md\:hover\:text-white:hover { + color: #fff !important; } - .md\:-mt-24 { - margin-top: -6rem !important; + .md\:hover\:text-gray-100:hover { + color: #f7fafc !important; } - .md\:-mr-24 { - margin-right: -6rem !important; + .md\:hover\:text-gray-200:hover { + color: #edf2f7 !important; } - .md\:-mb-24 { - margin-bottom: -6rem !important; + .md\:hover\:text-gray-300:hover { + color: #e2e8f0 !important; } - .md\:-ml-24 { - margin-left: -6rem !important; + .md\:hover\:text-gray-400:hover { + color: #cbd5e0 !important; } - .md\:-mt-32 { - margin-top: -8rem !important; + .md\:hover\:text-gray-500:hover { + color: #a0aec0 !important; } - .md\:-mr-32 { - margin-right: -8rem !important; + .md\:hover\:text-gray-600:hover { + color: #718096 !important; } - .md\:-mb-32 { - margin-bottom: -8rem !important; + .md\:hover\:text-gray-700:hover { + color: #4a5568 !important; } - .md\:-ml-32 { - margin-left: -8rem !important; + .md\:hover\:text-gray-800:hover { + color: #2d3748 !important; } - .md\:-mt-40 { - margin-top: -10rem !important; + .md\:hover\:text-gray-900:hover { + color: #1a202c !important; } - .md\:-mr-40 { - margin-right: -10rem !important; + .md\:hover\:text-red-100:hover { + color: #fff5f5 !important; } - .md\:-mb-40 { - margin-bottom: -10rem !important; + .md\:hover\:text-red-200:hover { + color: #fed7d7 !important; } - .md\:-ml-40 { - margin-left: -10rem !important; + .md\:hover\:text-red-300:hover { + color: #feb2b2 !important; } - .md\:-mt-48 { - margin-top: -12rem !important; + .md\:hover\:text-red-400:hover { + color: #fc8181 !important; } - .md\:-mr-48 { - margin-right: -12rem !important; + .md\:hover\:text-red-500:hover { + color: #f56565 !important; } - .md\:-mb-48 { - margin-bottom: -12rem !important; + .md\:hover\:text-red-600:hover { + color: #e53e3e !important; } - .md\:-ml-48 { - margin-left: -12rem !important; + .md\:hover\:text-red-700:hover { + color: #c53030 !important; } - .md\:-mt-56 { - margin-top: -14rem !important; + .md\:hover\:text-red-800:hover { + color: #9b2c2c !important; } - .md\:-mr-56 { - margin-right: -14rem !important; + .md\:hover\:text-red-900:hover { + color: #742a2a !important; } - .md\:-mb-56 { - margin-bottom: -14rem !important; + .md\:hover\:text-orange-100:hover { + color: #fffaf0 !important; } - .md\:-ml-56 { - margin-left: -14rem !important; + .md\:hover\:text-orange-200:hover { + color: #feebc8 !important; } - .md\:-mt-64 { - margin-top: -16rem !important; + .md\:hover\:text-orange-300:hover { + color: #fbd38d !important; } - .md\:-mr-64 { - margin-right: -16rem !important; + .md\:hover\:text-orange-400:hover { + color: #f6ad55 !important; } - .md\:-mb-64 { - margin-bottom: -16rem !important; + .md\:hover\:text-orange-500:hover { + color: #ed8936 !important; } - .md\:-ml-64 { - margin-left: -16rem !important; + .md\:hover\:text-orange-600:hover { + color: #dd6b20 !important; } - .md\:-mt-px { - margin-top: -1px !important; + .md\:hover\:text-orange-700:hover { + color: #c05621 !important; } - .md\:-mr-px { - margin-right: -1px !important; + .md\:hover\:text-orange-800:hover { + color: #9c4221 !important; } - .md\:-mb-px { - margin-bottom: -1px !important; + .md\:hover\:text-orange-900:hover { + color: #7b341e !important; } - .md\:-ml-px { - margin-left: -1px !important; + .md\:hover\:text-yellow-100:hover { + color: #fffff0 !important; } - .md\:max-h-full { - max-height: 100% !important; + .md\:hover\:text-yellow-200:hover { + color: #fefcbf !important; } - .md\:max-h-screen { - max-height: 100vh !important; + .md\:hover\:text-yellow-300:hover { + color: #faf089 !important; } - .md\:max-w-xs { - max-width: 20rem !important; + .md\:hover\:text-yellow-400:hover { + color: #f6e05e !important; } - .md\:max-w-sm { - max-width: 24rem !important; + .md\:hover\:text-yellow-500:hover { + color: #ecc94b !important; } - .md\:max-w-md { - max-width: 28rem !important; + .md\:hover\:text-yellow-600:hover { + color: #d69e2e !important; } - .md\:max-w-lg { - max-width: 32rem !important; + .md\:hover\:text-yellow-700:hover { + color: #b7791f !important; } - .md\:max-w-xl { - max-width: 36rem !important; + .md\:hover\:text-yellow-800:hover { + color: #975a16 !important; } - .md\:max-w-2xl { - max-width: 42rem !important; + .md\:hover\:text-yellow-900:hover { + color: #744210 !important; } - .md\:max-w-3xl { - max-width: 48rem !important; + .md\:hover\:text-green-100:hover { + color: #f0fff4 !important; } - .md\:max-w-4xl { - max-width: 56rem !important; + .md\:hover\:text-green-200:hover { + color: #c6f6d5 !important; } - .md\:max-w-5xl { - max-width: 64rem !important; + .md\:hover\:text-green-300:hover { + color: #9ae6b4 !important; } - .md\:max-w-6xl { - max-width: 72rem !important; + .md\:hover\:text-green-400:hover { + color: #68d391 !important; } - .md\:max-w-full { - max-width: 100% !important; + .md\:hover\:text-green-500:hover { + color: #48bb78 !important; } - .md\:min-h-0 { - min-height: 0 !important; + .md\:hover\:text-green-600:hover { + color: #38a169 !important; } - .md\:min-h-full { - min-height: 100% !important; + .md\:hover\:text-green-700:hover { + color: #2f855a !important; } - .md\:min-h-screen { - min-height: 100vh !important; + .md\:hover\:text-green-800:hover { + color: #276749 !important; } - .md\:min-w-0 { - min-width: 0 !important; + .md\:hover\:text-green-900:hover { + color: #22543d !important; } - .md\:min-w-full { - min-width: 100% !important; + .md\:hover\:text-teal-100:hover { + color: #e6fffa !important; } - .md\:object-contain { - object-fit: contain !important; + .md\:hover\:text-teal-200:hover { + color: #b2f5ea !important; } - .md\:object-cover { - object-fit: cover !important; + .md\:hover\:text-teal-300:hover { + color: #81e6d9 !important; } - .md\:object-fill { - object-fit: fill !important; + .md\:hover\:text-teal-400:hover { + color: #4fd1c5 !important; } - .md\:object-none { - object-fit: none !important; + .md\:hover\:text-teal-500:hover { + color: #38b2ac !important; } - .md\:object-scale-down { - object-fit: scale-down !important; + .md\:hover\:text-teal-600:hover { + color: #319795 !important; } - .md\:object-bottom { - object-position: bottom !important; + .md\:hover\:text-teal-700:hover { + color: #2c7a7b !important; } - .md\:object-center { - object-position: center !important; + .md\:hover\:text-teal-800:hover { + color: #285e61 !important; } - .md\:object-left { - object-position: left !important; + .md\:hover\:text-teal-900:hover { + color: #234e52 !important; } - .md\:object-left-bottom { - object-position: left bottom !important; + .md\:hover\:text-blue-100:hover { + color: #ebf8ff !important; } - .md\:object-left-top { - object-position: left top !important; + .md\:hover\:text-blue-200:hover { + color: #bee3f8 !important; } - .md\:object-right { - object-position: right !important; + .md\:hover\:text-blue-300:hover { + color: #90cdf4 !important; } - .md\:object-right-bottom { - object-position: right bottom !important; + .md\:hover\:text-blue-400:hover { + color: #63b3ed !important; } - .md\:object-right-top { - object-position: right top !important; + .md\:hover\:text-blue-500:hover { + color: #4299e1 !important; } - .md\:object-top { - object-position: top !important; + .md\:hover\:text-blue-600:hover { + color: #3182ce !important; } - .md\:opacity-0 { - opacity: 0 !important; + .md\:hover\:text-blue-700:hover { + color: #2b6cb0 !important; } - .md\:opacity-25 { - opacity: 0.25 !important; + .md\:hover\:text-blue-800:hover { + color: #2c5282 !important; } - .md\:opacity-50 { - opacity: 0.5 !important; + .md\:hover\:text-blue-900:hover { + color: #2a4365 !important; } - .md\:opacity-75 { - opacity: 0.75 !important; + .md\:hover\:text-indigo-100:hover { + color: #ebf4ff !important; } - .md\:opacity-100 { - opacity: 1 !important; + .md\:hover\:text-indigo-200:hover { + color: #c3dafe !important; } - .md\:outline-none { - outline: 0 !important; + .md\:hover\:text-indigo-300:hover { + color: #a3bffa !important; } - .md\:focus\:outline-none:focus { - outline: 0 !important; + .md\:hover\:text-indigo-400:hover { + color: #7f9cf5 !important; } - .md\:overflow-auto { - overflow: auto !important; + .md\:hover\:text-indigo-500:hover { + color: #667eea !important; } - .md\:overflow-hidden { - overflow: hidden !important; + .md\:hover\:text-indigo-600:hover { + color: #5a67d8 !important; } - .md\:overflow-visible { - overflow: visible !important; + .md\:hover\:text-indigo-700:hover { + color: #4c51bf !important; } - .md\:overflow-scroll { - overflow: scroll !important; + .md\:hover\:text-indigo-800:hover { + color: #434190 !important; } - .md\:overflow-x-auto { - overflow-x: auto !important; + .md\:hover\:text-indigo-900:hover { + color: #3c366b !important; } - .md\:overflow-y-auto { - overflow-y: auto !important; + .md\:hover\:text-purple-100:hover { + color: #faf5ff !important; } - .md\:overflow-x-hidden { - overflow-x: hidden !important; + .md\:hover\:text-purple-200:hover { + color: #e9d8fd !important; } - .md\:overflow-y-hidden { - overflow-y: hidden !important; + .md\:hover\:text-purple-300:hover { + color: #d6bcfa !important; } - .md\:overflow-x-visible { - overflow-x: visible !important; + .md\:hover\:text-purple-400:hover { + color: #b794f4 !important; } - .md\:overflow-y-visible { - overflow-y: visible !important; + .md\:hover\:text-purple-500:hover { + color: #9f7aea !important; } - .md\:overflow-x-scroll { - overflow-x: scroll !important; + .md\:hover\:text-purple-600:hover { + color: #805ad5 !important; } - .md\:overflow-y-scroll { - overflow-y: scroll !important; + .md\:hover\:text-purple-700:hover { + color: #6b46c1 !important; } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .md\:hover\:text-purple-800:hover { + color: #553c9a !important; } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .md\:hover\:text-purple-900:hover { + color: #44337a !important; } - .md\:p-0 { - padding: 0 !important; + .md\:hover\:text-pink-100:hover { + color: #fff5f7 !important; } - .md\:p-1 { - padding: 0.25rem !important; + .md\:hover\:text-pink-200:hover { + color: #fed7e2 !important; } - .md\:p-2 { - padding: 0.5rem !important; + .md\:hover\:text-pink-300:hover { + color: #fbb6ce !important; } - .md\:p-3 { - padding: 0.75rem !important; + .md\:hover\:text-pink-400:hover { + color: #f687b3 !important; } - .md\:p-4 { - padding: 1rem !important; + .md\:hover\:text-pink-500:hover { + color: #ed64a6 !important; } - .md\:p-5 { - padding: 1.25rem !important; + .md\:hover\:text-pink-600:hover { + color: #d53f8c !important; } - .md\:p-6 { - padding: 1.5rem !important; + .md\:hover\:text-pink-700:hover { + color: #b83280 !important; } - .md\:p-8 { - padding: 2rem !important; + .md\:hover\:text-pink-800:hover { + color: #97266d !important; } - .md\:p-10 { - padding: 2.5rem !important; + .md\:hover\:text-pink-900:hover { + color: #702459 !important; } - .md\:p-12 { - padding: 3rem !important; + .md\:focus\:text-transparent:focus { + color: transparent !important; } - .md\:p-16 { - padding: 4rem !important; + .md\:focus\:text-black:focus { + color: #000 !important; } - .md\:p-20 { - padding: 5rem !important; + .md\:focus\:text-white:focus { + color: #fff !important; } - .md\:p-24 { - padding: 6rem !important; + .md\:focus\:text-gray-100:focus { + color: #f7fafc !important; } - .md\:p-32 { - padding: 8rem !important; + .md\:focus\:text-gray-200:focus { + color: #edf2f7 !important; } - .md\:p-40 { - padding: 10rem !important; + .md\:focus\:text-gray-300:focus { + color: #e2e8f0 !important; } - .md\:p-48 { - padding: 12rem !important; + .md\:focus\:text-gray-400:focus { + color: #cbd5e0 !important; } - .md\:p-56 { - padding: 14rem !important; + .md\:focus\:text-gray-500:focus { + color: #a0aec0 !important; } - .md\:p-64 { - padding: 16rem !important; + .md\:focus\:text-gray-600:focus { + color: #718096 !important; } - .md\:p-px { - padding: 1px !important; + .md\:focus\:text-gray-700:focus { + color: #4a5568 !important; } - .md\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .md\:focus\:text-gray-800:focus { + color: #2d3748 !important; } - .md\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .md\:focus\:text-gray-900:focus { + color: #1a202c !important; } - .md\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .md\:focus\:text-red-100:focus { + color: #fff5f5 !important; } - .md\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .md\:focus\:text-red-200:focus { + color: #fed7d7 !important; } - .md\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .md\:focus\:text-red-300:focus { + color: #feb2b2 !important; } - .md\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .md\:focus\:text-red-400:focus { + color: #fc8181 !important; } - .md\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .md\:focus\:text-red-500:focus { + color: #f56565 !important; } - .md\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .md\:focus\:text-red-600:focus { + color: #e53e3e !important; } - .md\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .md\:focus\:text-red-700:focus { + color: #c53030 !important; } - .md\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .md\:focus\:text-red-800:focus { + color: #9b2c2c !important; } - .md\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .md\:focus\:text-red-900:focus { + color: #742a2a !important; } - .md\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .md\:focus\:text-orange-100:focus { + color: #fffaf0 !important; } - .md\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .md\:focus\:text-orange-200:focus { + color: #feebc8 !important; } - .md\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .md\:focus\:text-orange-300:focus { + color: #fbd38d !important; } - .md\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .md\:focus\:text-orange-400:focus { + color: #f6ad55 !important; } - .md\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .md\:focus\:text-orange-500:focus { + color: #ed8936 !important; } - .md\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .md\:focus\:text-orange-600:focus { + color: #dd6b20 !important; } - .md\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .md\:focus\:text-orange-700:focus { + color: #c05621 !important; } - .md\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .md\:focus\:text-orange-800:focus { + color: #9c4221 !important; } - .md\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .md\:focus\:text-orange-900:focus { + color: #7b341e !important; } - .md\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .md\:focus\:text-yellow-100:focus { + color: #fffff0 !important; } - .md\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .md\:focus\:text-yellow-200:focus { + color: #fefcbf !important; } - .md\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .md\:focus\:text-yellow-300:focus { + color: #faf089 !important; } - .md\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .md\:focus\:text-yellow-400:focus { + color: #f6e05e !important; } - .md\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .md\:focus\:text-yellow-500:focus { + color: #ecc94b !important; } - .md\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .md\:focus\:text-yellow-600:focus { + color: #d69e2e !important; } - .md\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .md\:focus\:text-yellow-700:focus { + color: #b7791f !important; } - .md\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .md\:focus\:text-yellow-800:focus { + color: #975a16 !important; } - .md\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .md\:focus\:text-yellow-900:focus { + color: #744210 !important; } - .md\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .md\:focus\:text-green-100:focus { + color: #f0fff4 !important; } - .md\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .md\:focus\:text-green-200:focus { + color: #c6f6d5 !important; } - .md\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .md\:focus\:text-green-300:focus { + color: #9ae6b4 !important; } - .md\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .md\:focus\:text-green-400:focus { + color: #68d391 !important; } - .md\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .md\:focus\:text-green-500:focus { + color: #48bb78 !important; } - .md\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .md\:focus\:text-green-600:focus { + color: #38a169 !important; } - .md\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .md\:focus\:text-green-700:focus { + color: #2f855a !important; } - .md\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .md\:focus\:text-green-800:focus { + color: #276749 !important; } - .md\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .md\:focus\:text-green-900:focus { + color: #22543d !important; } - .md\:pt-0 { - padding-top: 0 !important; + .md\:focus\:text-teal-100:focus { + color: #e6fffa !important; } - .md\:pr-0 { - padding-right: 0 !important; + .md\:focus\:text-teal-200:focus { + color: #b2f5ea !important; } - .md\:pb-0 { - padding-bottom: 0 !important; + .md\:focus\:text-teal-300:focus { + color: #81e6d9 !important; } - .md\:pl-0 { - padding-left: 0 !important; + .md\:focus\:text-teal-400:focus { + color: #4fd1c5 !important; } - .md\:pt-1 { - padding-top: 0.25rem !important; + .md\:focus\:text-teal-500:focus { + color: #38b2ac !important; } - .md\:pr-1 { - padding-right: 0.25rem !important; + .md\:focus\:text-teal-600:focus { + color: #319795 !important; } - .md\:pb-1 { - padding-bottom: 0.25rem !important; + .md\:focus\:text-teal-700:focus { + color: #2c7a7b !important; } - .md\:pl-1 { - padding-left: 0.25rem !important; + .md\:focus\:text-teal-800:focus { + color: #285e61 !important; } - .md\:pt-2 { - padding-top: 0.5rem !important; + .md\:focus\:text-teal-900:focus { + color: #234e52 !important; } - .md\:pr-2 { - padding-right: 0.5rem !important; + .md\:focus\:text-blue-100:focus { + color: #ebf8ff !important; } - .md\:pb-2 { - padding-bottom: 0.5rem !important; + .md\:focus\:text-blue-200:focus { + color: #bee3f8 !important; } - .md\:pl-2 { - padding-left: 0.5rem !important; + .md\:focus\:text-blue-300:focus { + color: #90cdf4 !important; } - .md\:pt-3 { - padding-top: 0.75rem !important; + .md\:focus\:text-blue-400:focus { + color: #63b3ed !important; } - .md\:pr-3 { - padding-right: 0.75rem !important; + .md\:focus\:text-blue-500:focus { + color: #4299e1 !important; } - .md\:pb-3 { - padding-bottom: 0.75rem !important; + .md\:focus\:text-blue-600:focus { + color: #3182ce !important; } - .md\:pl-3 { - padding-left: 0.75rem !important; + .md\:focus\:text-blue-700:focus { + color: #2b6cb0 !important; } - .md\:pt-4 { - padding-top: 1rem !important; + .md\:focus\:text-blue-800:focus { + color: #2c5282 !important; } - .md\:pr-4 { - padding-right: 1rem !important; + .md\:focus\:text-blue-900:focus { + color: #2a4365 !important; } - .md\:pb-4 { - padding-bottom: 1rem !important; + .md\:focus\:text-indigo-100:focus { + color: #ebf4ff !important; } - .md\:pl-4 { - padding-left: 1rem !important; + .md\:focus\:text-indigo-200:focus { + color: #c3dafe !important; } - .md\:pt-5 { - padding-top: 1.25rem !important; + .md\:focus\:text-indigo-300:focus { + color: #a3bffa !important; } - .md\:pr-5 { - padding-right: 1.25rem !important; + .md\:focus\:text-indigo-400:focus { + color: #7f9cf5 !important; } - .md\:pb-5 { - padding-bottom: 1.25rem !important; + .md\:focus\:text-indigo-500:focus { + color: #667eea !important; + } + + .md\:focus\:text-indigo-600:focus { + color: #5a67d8 !important; } - .md\:pl-5 { - padding-left: 1.25rem !important; + .md\:focus\:text-indigo-700:focus { + color: #4c51bf !important; } - .md\:pt-6 { - padding-top: 1.5rem !important; + .md\:focus\:text-indigo-800:focus { + color: #434190 !important; } - .md\:pr-6 { - padding-right: 1.5rem !important; + .md\:focus\:text-indigo-900:focus { + color: #3c366b !important; } - .md\:pb-6 { - padding-bottom: 1.5rem !important; + .md\:focus\:text-purple-100:focus { + color: #faf5ff !important; } - .md\:pl-6 { - padding-left: 1.5rem !important; + .md\:focus\:text-purple-200:focus { + color: #e9d8fd !important; } - .md\:pt-8 { - padding-top: 2rem !important; + .md\:focus\:text-purple-300:focus { + color: #d6bcfa !important; } - .md\:pr-8 { - padding-right: 2rem !important; + .md\:focus\:text-purple-400:focus { + color: #b794f4 !important; } - .md\:pb-8 { - padding-bottom: 2rem !important; + .md\:focus\:text-purple-500:focus { + color: #9f7aea !important; } - .md\:pl-8 { - padding-left: 2rem !important; + .md\:focus\:text-purple-600:focus { + color: #805ad5 !important; } - .md\:pt-10 { - padding-top: 2.5rem !important; + .md\:focus\:text-purple-700:focus { + color: #6b46c1 !important; } - .md\:pr-10 { - padding-right: 2.5rem !important; + .md\:focus\:text-purple-800:focus { + color: #553c9a !important; } - .md\:pb-10 { - padding-bottom: 2.5rem !important; + .md\:focus\:text-purple-900:focus { + color: #44337a !important; } - .md\:pl-10 { - padding-left: 2.5rem !important; + .md\:focus\:text-pink-100:focus { + color: #fff5f7 !important; } - .md\:pt-12 { - padding-top: 3rem !important; + .md\:focus\:text-pink-200:focus { + color: #fed7e2 !important; } - .md\:pr-12 { - padding-right: 3rem !important; + .md\:focus\:text-pink-300:focus { + color: #fbb6ce !important; } - .md\:pb-12 { - padding-bottom: 3rem !important; + .md\:focus\:text-pink-400:focus { + color: #f687b3 !important; } - .md\:pl-12 { - padding-left: 3rem !important; + .md\:focus\:text-pink-500:focus { + color: #ed64a6 !important; } - .md\:pt-16 { - padding-top: 4rem !important; + .md\:focus\:text-pink-600:focus { + color: #d53f8c !important; } - .md\:pr-16 { - padding-right: 4rem !important; + .md\:focus\:text-pink-700:focus { + color: #b83280 !important; } - .md\:pb-16 { - padding-bottom: 4rem !important; + .md\:focus\:text-pink-800:focus { + color: #97266d !important; } - .md\:pl-16 { - padding-left: 4rem !important; + .md\:focus\:text-pink-900:focus { + color: #702459 !important; } - .md\:pt-20 { - padding-top: 5rem !important; + .md\:text-xs { + font-size: 0.75rem !important; } - .md\:pr-20 { - padding-right: 5rem !important; + .md\:text-sm { + font-size: 0.875rem !important; } - .md\:pb-20 { - padding-bottom: 5rem !important; + .md\:text-base { + font-size: 1rem !important; } - .md\:pl-20 { - padding-left: 5rem !important; + .md\:text-lg { + font-size: 1.125rem !important; } - .md\:pt-24 { - padding-top: 6rem !important; + .md\:text-xl { + font-size: 1.25rem !important; } - .md\:pr-24 { - padding-right: 6rem !important; + .md\:text-2xl { + font-size: 1.5rem !important; } - .md\:pb-24 { - padding-bottom: 6rem !important; + .md\:text-3xl { + font-size: 1.875rem !important; } - .md\:pl-24 { - padding-left: 6rem !important; + .md\:text-4xl { + font-size: 2.25rem !important; } - .md\:pt-32 { - padding-top: 8rem !important; + .md\:text-5xl { + font-size: 3rem !important; } - .md\:pr-32 { - padding-right: 8rem !important; + .md\:text-6xl { + font-size: 4rem !important; } - .md\:pb-32 { - padding-bottom: 8rem !important; + .md\:italic { + font-style: italic !important; } - .md\:pl-32 { - padding-left: 8rem !important; + .md\:not-italic { + font-style: normal !important; } - .md\:pt-40 { - padding-top: 10rem !important; + .md\:uppercase { + text-transform: uppercase !important; } - .md\:pr-40 { - padding-right: 10rem !important; + .md\:lowercase { + text-transform: lowercase !important; } - .md\:pb-40 { - padding-bottom: 10rem !important; + .md\:capitalize { + text-transform: capitalize !important; } - .md\:pl-40 { - padding-left: 10rem !important; + .md\:normal-case { + text-transform: none !important; } - .md\:pt-48 { - padding-top: 12rem !important; + .md\:underline { + text-decoration: underline !important; } - .md\:pr-48 { - padding-right: 12rem !important; + .md\:line-through { + text-decoration: line-through !important; } - .md\:pb-48 { - padding-bottom: 12rem !important; + .md\:no-underline { + text-decoration: none !important; } - .md\:pl-48 { - padding-left: 12rem !important; + .md\:hover\:underline:hover { + text-decoration: underline !important; } - .md\:pt-56 { - padding-top: 14rem !important; + .md\:hover\:line-through:hover { + text-decoration: line-through !important; } - .md\:pr-56 { - padding-right: 14rem !important; + .md\:hover\:no-underline:hover { + text-decoration: none !important; } - .md\:pb-56 { - padding-bottom: 14rem !important; + .md\:focus\:underline:focus { + text-decoration: underline !important; } - .md\:pl-56 { - padding-left: 14rem !important; + .md\:focus\:line-through:focus { + text-decoration: line-through !important; } - .md\:pt-64 { - padding-top: 16rem !important; + .md\:focus\:no-underline:focus { + text-decoration: none !important; } - .md\:pr-64 { - padding-right: 16rem !important; + .md\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .md\:pb-64 { - padding-bottom: 16rem !important; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .md\:pl-64 { - padding-left: 16rem !important; + .md\:tracking-tighter { + letter-spacing: -0.05em !important; } - .md\:pt-px { - padding-top: 1px !important; + .md\:tracking-tight { + letter-spacing: -0.025em !important; } - .md\:pr-px { - padding-right: 1px !important; + .md\:tracking-normal { + letter-spacing: 0 !important; } - .md\:pb-px { - padding-bottom: 1px !important; + .md\:tracking-wide { + letter-spacing: 0.025em !important; } - .md\:pl-px { - padding-left: 1px !important; + .md\:tracking-wider { + letter-spacing: 0.05em !important; } - .md\:pointer-events-none { - pointer-events: none !important; + .md\:tracking-widest { + letter-spacing: 0.1em !important; } - .md\:pointer-events-auto { - pointer-events: auto !important; + .md\:select-none { + user-select: none !important; } - .md\:static { - position: static !important; + .md\:select-text { + user-select: text !important; } - .md\:fixed { - position: fixed !important; + .md\:select-all { + user-select: all !important; } - .md\:absolute { - position: absolute !important; + .md\:select-auto { + user-select: auto !important; } - .md\:relative { - position: relative !important; + .md\:align-baseline { + vertical-align: baseline !important; } - .md\:sticky { - position: sticky !important; + .md\:align-top { + vertical-align: top !important; } - .md\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .md\:align-middle { + vertical-align: middle !important; } - .md\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .md\:align-bottom { + vertical-align: bottom !important; } - .md\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .md\:align-text-top { + vertical-align: text-top !important; } - .md\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .md\:align-text-bottom { + vertical-align: text-bottom !important; } - .md\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .md\:visible { + visibility: visible !important; } - .md\:inset-x-auto { - right: auto !important; - left: auto !important; + .md\:invisible { + visibility: hidden !important; } - .md\:top-0 { - top: 0 !important; + .md\:whitespace-normal { + white-space: normal !important; } - .md\:right-0 { - right: 0 !important; + .md\:whitespace-no-wrap { + white-space: nowrap !important; } - .md\:bottom-0 { - bottom: 0 !important; + .md\:whitespace-pre { + white-space: pre !important; } - .md\:left-0 { - left: 0 !important; + .md\:whitespace-pre-line { + white-space: pre-line !important; } - .md\:top-auto { - top: auto !important; + .md\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .md\:right-auto { - right: auto !important; + .md\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .md\:bottom-auto { - bottom: auto !important; + .md\:break-words { + overflow-wrap: break-word !important; } - .md\:left-auto { - left: auto !important; + .md\:break-all { + word-break: break-all !important; } - .md\:resize-none { - resize: none !important; + .md\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .md\:resize-y { - resize: vertical !important; + .md\:w-0 { + width: 0 !important; } - .md\:resize-x { - resize: horizontal !important; + .md\:w-1 { + width: 0.25rem !important; } - .md\:resize { - resize: both !important; + .md\:w-2 { + width: 0.5rem !important; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-3 { + width: 0.75rem !important; } - .md\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:w-4 { + width: 1rem !important; } - .md\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:w-5 { + width: 1.25rem !important; } - .md\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:w-6 { + width: 1.5rem !important; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:w-8 { + width: 2rem !important; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-10 { + width: 2.5rem !important; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:w-12 { + width: 3rem !important; } - .md\:shadow-none { - box-shadow: none !important; + .md\:w-16 { + width: 4rem !important; } - .md\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-20 { + width: 5rem !important; } - .md\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:w-24 { + width: 6rem !important; } - .md\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:w-32 { + width: 8rem !important; } - .md\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:w-40 { + width: 10rem !important; } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:w-48 { + width: 12rem !important; } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-56 { + width: 14rem !important; } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:w-64 { + width: 16rem !important; } - .md\:hover\:shadow-none:hover { - box-shadow: none !important; + .md\:w-auto { + width: auto !important; } - .md\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-px { + width: 1px !important; } - .md\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .md\:w-1\/2 { + width: 50% !important; } - .md\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .md\:w-1\/3 { + width: 33.333333% !important; } - .md\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .md\:w-2\/3 { + width: 66.666667% !important; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .md\:w-1\/4 { + width: 25% !important; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .md\:w-2\/4 { + width: 50% !important; } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .md\:w-3\/4 { + width: 75% !important; } - .md\:focus\:shadow-none:focus { - box-shadow: none !important; + .md\:w-1\/5 { + width: 20% !important; } - .md\:fill-current { - fill: currentColor !important; + .md\:w-2\/5 { + width: 40% !important; } - .md\:stroke-current { - stroke: currentColor !important; + .md\:w-3\/5 { + width: 60% !important; } - .md\:table-auto { - table-layout: auto !important; + .md\:w-4\/5 { + width: 80% !important; } - .md\:table-fixed { - table-layout: fixed !important; + .md\:w-1\/6 { + width: 16.666667% !important; } - .md\:text-left { - text-align: left !important; + .md\:w-2\/6 { + width: 33.333333% !important; } - .md\:text-center { - text-align: center !important; + .md\:w-3\/6 { + width: 50% !important; } - .md\:text-right { - text-align: right !important; + .md\:w-4\/6 { + width: 66.666667% !important; } - .md\:text-justify { - text-align: justify !important; + .md\:w-5\/6 { + width: 83.333333% !important; } - .md\:text-transparent { - color: transparent !important; + .md\:w-1\/12 { + width: 8.333333% !important; } - .md\:text-black { - color: #000 !important; + .md\:w-2\/12 { + width: 16.666667% !important; } - .md\:text-white { - color: #fff !important; + .md\:w-3\/12 { + width: 25% !important; } - .md\:text-gray-100 { - color: #f7fafc !important; + .md\:w-4\/12 { + width: 33.333333% !important; } - .md\:text-gray-200 { - color: #edf2f7 !important; + .md\:w-5\/12 { + width: 41.666667% !important; } - .md\:text-gray-300 { - color: #e2e8f0 !important; + .md\:w-6\/12 { + width: 50% !important; } - .md\:text-gray-400 { - color: #cbd5e0 !important; + .md\:w-7\/12 { + width: 58.333333% !important; } - .md\:text-gray-500 { - color: #a0aec0 !important; + .md\:w-8\/12 { + width: 66.666667% !important; } - .md\:text-gray-600 { - color: #718096 !important; + .md\:w-9\/12 { + width: 75% !important; } - .md\:text-gray-700 { - color: #4a5568 !important; + .md\:w-10\/12 { + width: 83.333333% !important; } - .md\:text-gray-800 { - color: #2d3748 !important; + .md\:w-11\/12 { + width: 91.666667% !important; } - .md\:text-gray-900 { - color: #1a202c !important; + .md\:w-full { + width: 100% !important; } - .md\:text-red-100 { - color: #fff5f5 !important; + .md\:w-screen { + width: 100vw !important; } - .md\:text-red-200 { - color: #fed7d7 !important; + .md\:z-0 { + z-index: 0 !important; + } + + .md\:z-10 { + z-index: 10 !important; } - .md\:text-red-300 { - color: #feb2b2 !important; + .md\:z-20 { + z-index: 20 !important; } - .md\:text-red-400 { - color: #fc8181 !important; + .md\:z-30 { + z-index: 30 !important; } - .md\:text-red-500 { - color: #f56565 !important; + .md\:z-40 { + z-index: 40 !important; } - .md\:text-red-600 { - color: #e53e3e !important; + .md\:z-50 { + z-index: 50 !important; } - .md\:text-red-700 { - color: #c53030 !important; + .md\:z-auto { + z-index: auto !important; } - .md\:text-red-800 { - color: #9b2c2c !important; + .md\:example { + font-weight: 700; + color: #f56565; } +} - .md\:text-red-900 { - color: #742a2a !important; +@media (min-width: 1024px) { + .lg\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:text-orange-100 { - color: #fffaf0 !important; + .lg\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:text-orange-200 { - color: #feebc8 !important; + .lg\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .md\:text-orange-300 { - color: #fbd38d !important; + .lg\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .md\:text-orange-400 { - color: #f6ad55 !important; + .lg\:appearance-none { + appearance: none !important; } - .md\:text-orange-500 { - color: #ed8936 !important; + .lg\:bg-fixed { + background-attachment: fixed !important; } - .md\:text-orange-600 { - color: #dd6b20 !important; + .lg\:bg-local { + background-attachment: local !important; } - .md\:text-orange-700 { - color: #c05621 !important; + .lg\:bg-scroll { + background-attachment: scroll !important; } - .md\:text-orange-800 { - color: #9c4221 !important; + .lg\:bg-transparent { + background-color: transparent !important; } - .md\:text-orange-900 { - color: #7b341e !important; + .lg\:bg-black { + background-color: #000 !important; } - .md\:text-yellow-100 { - color: #fffff0 !important; + .lg\:bg-white { + background-color: #fff !important; } - .md\:text-yellow-200 { - color: #fefcbf !important; + .lg\:bg-gray-100 { + background-color: #f7fafc !important; } - .md\:text-yellow-300 { - color: #faf089 !important; + .lg\:bg-gray-200 { + background-color: #edf2f7 !important; } - .md\:text-yellow-400 { - color: #f6e05e !important; + .lg\:bg-gray-300 { + background-color: #e2e8f0 !important; } - .md\:text-yellow-500 { - color: #ecc94b !important; + .lg\:bg-gray-400 { + background-color: #cbd5e0 !important; } - .md\:text-yellow-600 { - color: #d69e2e !important; + .lg\:bg-gray-500 { + background-color: #a0aec0 !important; } - .md\:text-yellow-700 { - color: #b7791f !important; + .lg\:bg-gray-600 { + background-color: #718096 !important; } - .md\:text-yellow-800 { - color: #975a16 !important; + .lg\:bg-gray-700 { + background-color: #4a5568 !important; } - .md\:text-yellow-900 { - color: #744210 !important; + .lg\:bg-gray-800 { + background-color: #2d3748 !important; } - .md\:text-green-100 { - color: #f0fff4 !important; + .lg\:bg-gray-900 { + background-color: #1a202c !important; } - .md\:text-green-200 { - color: #c6f6d5 !important; + .lg\:bg-red-100 { + background-color: #fff5f5 !important; } - .md\:text-green-300 { - color: #9ae6b4 !important; + .lg\:bg-red-200 { + background-color: #fed7d7 !important; } - .md\:text-green-400 { - color: #68d391 !important; + .lg\:bg-red-300 { + background-color: #feb2b2 !important; } - .md\:text-green-500 { - color: #48bb78 !important; + .lg\:bg-red-400 { + background-color: #fc8181 !important; } - .md\:text-green-600 { - color: #38a169 !important; + .lg\:bg-red-500 { + background-color: #f56565 !important; } - .md\:text-green-700 { - color: #2f855a !important; + .lg\:bg-red-600 { + background-color: #e53e3e !important; } - .md\:text-green-800 { - color: #276749 !important; + .lg\:bg-red-700 { + background-color: #c53030 !important; } - .md\:text-green-900 { - color: #22543d !important; + .lg\:bg-red-800 { + background-color: #9b2c2c !important; } - .md\:text-teal-100 { - color: #e6fffa !important; + .lg\:bg-red-900 { + background-color: #742a2a !important; } - .md\:text-teal-200 { - color: #b2f5ea !important; + .lg\:bg-orange-100 { + background-color: #fffaf0 !important; } - .md\:text-teal-300 { - color: #81e6d9 !important; + .lg\:bg-orange-200 { + background-color: #feebc8 !important; } - .md\:text-teal-400 { - color: #4fd1c5 !important; + .lg\:bg-orange-300 { + background-color: #fbd38d !important; } - .md\:text-teal-500 { - color: #38b2ac !important; + .lg\:bg-orange-400 { + background-color: #f6ad55 !important; } - .md\:text-teal-600 { - color: #319795 !important; + .lg\:bg-orange-500 { + background-color: #ed8936 !important; } - .md\:text-teal-700 { - color: #2c7a7b !important; + .lg\:bg-orange-600 { + background-color: #dd6b20 !important; } - .md\:text-teal-800 { - color: #285e61 !important; + .lg\:bg-orange-700 { + background-color: #c05621 !important; } - .md\:text-teal-900 { - color: #234e52 !important; + .lg\:bg-orange-800 { + background-color: #9c4221 !important; } - .md\:text-blue-100 { - color: #ebf8ff !important; + .lg\:bg-orange-900 { + background-color: #7b341e !important; } - .md\:text-blue-200 { - color: #bee3f8 !important; + .lg\:bg-yellow-100 { + background-color: #fffff0 !important; } - .md\:text-blue-300 { - color: #90cdf4 !important; + .lg\:bg-yellow-200 { + background-color: #fefcbf !important; } - .md\:text-blue-400 { - color: #63b3ed !important; + .lg\:bg-yellow-300 { + background-color: #faf089 !important; } - .md\:text-blue-500 { - color: #4299e1 !important; + .lg\:bg-yellow-400 { + background-color: #f6e05e !important; } - .md\:text-blue-600 { - color: #3182ce !important; + .lg\:bg-yellow-500 { + background-color: #ecc94b !important; } - .md\:text-blue-700 { - color: #2b6cb0 !important; + .lg\:bg-yellow-600 { + background-color: #d69e2e !important; } - .md\:text-blue-800 { - color: #2c5282 !important; + .lg\:bg-yellow-700 { + background-color: #b7791f !important; } - .md\:text-blue-900 { - color: #2a4365 !important; + .lg\:bg-yellow-800 { + background-color: #975a16 !important; } - .md\:text-indigo-100 { - color: #ebf4ff !important; + .lg\:bg-yellow-900 { + background-color: #744210 !important; } - .md\:text-indigo-200 { - color: #c3dafe !important; + .lg\:bg-green-100 { + background-color: #f0fff4 !important; } - .md\:text-indigo-300 { - color: #a3bffa !important; + .lg\:bg-green-200 { + background-color: #c6f6d5 !important; } - .md\:text-indigo-400 { - color: #7f9cf5 !important; + .lg\:bg-green-300 { + background-color: #9ae6b4 !important; } - .md\:text-indigo-500 { - color: #667eea !important; + .lg\:bg-green-400 { + background-color: #68d391 !important; } - .md\:text-indigo-600 { - color: #5a67d8 !important; + .lg\:bg-green-500 { + background-color: #48bb78 !important; } - .md\:text-indigo-700 { - color: #4c51bf !important; + .lg\:bg-green-600 { + background-color: #38a169 !important; } - .md\:text-indigo-800 { - color: #434190 !important; + .lg\:bg-green-700 { + background-color: #2f855a !important; } - .md\:text-indigo-900 { - color: #3c366b !important; + .lg\:bg-green-800 { + background-color: #276749 !important; } - .md\:text-purple-100 { - color: #faf5ff !important; + .lg\:bg-green-900 { + background-color: #22543d !important; } - .md\:text-purple-200 { - color: #e9d8fd !important; + .lg\:bg-teal-100 { + background-color: #e6fffa !important; } - .md\:text-purple-300 { - color: #d6bcfa !important; + .lg\:bg-teal-200 { + background-color: #b2f5ea !important; } - .md\:text-purple-400 { - color: #b794f4 !important; + .lg\:bg-teal-300 { + background-color: #81e6d9 !important; } - .md\:text-purple-500 { - color: #9f7aea !important; + .lg\:bg-teal-400 { + background-color: #4fd1c5 !important; } - .md\:text-purple-600 { - color: #805ad5 !important; + .lg\:bg-teal-500 { + background-color: #38b2ac !important; } - .md\:text-purple-700 { - color: #6b46c1 !important; + .lg\:bg-teal-600 { + background-color: #319795 !important; } - .md\:text-purple-800 { - color: #553c9a !important; + .lg\:bg-teal-700 { + background-color: #2c7a7b !important; } - .md\:text-purple-900 { - color: #44337a !important; + .lg\:bg-teal-800 { + background-color: #285e61 !important; } - .md\:text-pink-100 { - color: #fff5f7 !important; + .lg\:bg-teal-900 { + background-color: #234e52 !important; } - .md\:text-pink-200 { - color: #fed7e2 !important; + .lg\:bg-blue-100 { + background-color: #ebf8ff !important; } - .md\:text-pink-300 { - color: #fbb6ce !important; + .lg\:bg-blue-200 { + background-color: #bee3f8 !important; } - .md\:text-pink-400 { - color: #f687b3 !important; + .lg\:bg-blue-300 { + background-color: #90cdf4 !important; } - .md\:text-pink-500 { - color: #ed64a6 !important; + .lg\:bg-blue-400 { + background-color: #63b3ed !important; } - .md\:text-pink-600 { - color: #d53f8c !important; + .lg\:bg-blue-500 { + background-color: #4299e1 !important; } - .md\:text-pink-700 { - color: #b83280 !important; + .lg\:bg-blue-600 { + background-color: #3182ce !important; } - .md\:text-pink-800 { - color: #97266d !important; + .lg\:bg-blue-700 { + background-color: #2b6cb0 !important; } - .md\:text-pink-900 { - color: #702459 !important; + .lg\:bg-blue-800 { + background-color: #2c5282 !important; } - .md\:hover\:text-transparent:hover { - color: transparent !important; + .lg\:bg-blue-900 { + background-color: #2a4365 !important; } - .md\:hover\:text-black:hover { - color: #000 !important; + .lg\:bg-indigo-100 { + background-color: #ebf4ff !important; } - .md\:hover\:text-white:hover { - color: #fff !important; + .lg\:bg-indigo-200 { + background-color: #c3dafe !important; } - .md\:hover\:text-gray-100:hover { - color: #f7fafc !important; + .lg\:bg-indigo-300 { + background-color: #a3bffa !important; } - .md\:hover\:text-gray-200:hover { - color: #edf2f7 !important; + .lg\:bg-indigo-400 { + background-color: #7f9cf5 !important; } - .md\:hover\:text-gray-300:hover { - color: #e2e8f0 !important; + .lg\:bg-indigo-500 { + background-color: #667eea !important; } - .md\:hover\:text-gray-400:hover { - color: #cbd5e0 !important; + .lg\:bg-indigo-600 { + background-color: #5a67d8 !important; } - .md\:hover\:text-gray-500:hover { - color: #a0aec0 !important; + .lg\:bg-indigo-700 { + background-color: #4c51bf !important; } - .md\:hover\:text-gray-600:hover { - color: #718096 !important; + .lg\:bg-indigo-800 { + background-color: #434190 !important; } - .md\:hover\:text-gray-700:hover { - color: #4a5568 !important; + .lg\:bg-indigo-900 { + background-color: #3c366b !important; } - .md\:hover\:text-gray-800:hover { - color: #2d3748 !important; + .lg\:bg-purple-100 { + background-color: #faf5ff !important; } - .md\:hover\:text-gray-900:hover { - color: #1a202c !important; + .lg\:bg-purple-200 { + background-color: #e9d8fd !important; } - .md\:hover\:text-red-100:hover { - color: #fff5f5 !important; + .lg\:bg-purple-300 { + background-color: #d6bcfa !important; } - .md\:hover\:text-red-200:hover { - color: #fed7d7 !important; + .lg\:bg-purple-400 { + background-color: #b794f4 !important; } - .md\:hover\:text-red-300:hover { - color: #feb2b2 !important; + .lg\:bg-purple-500 { + background-color: #9f7aea !important; } - .md\:hover\:text-red-400:hover { - color: #fc8181 !important; + .lg\:bg-purple-600 { + background-color: #805ad5 !important; } - .md\:hover\:text-red-500:hover { - color: #f56565 !important; + .lg\:bg-purple-700 { + background-color: #6b46c1 !important; } - .md\:hover\:text-red-600:hover { - color: #e53e3e !important; + .lg\:bg-purple-800 { + background-color: #553c9a !important; } - .md\:hover\:text-red-700:hover { - color: #c53030 !important; + .lg\:bg-purple-900 { + background-color: #44337a !important; } - .md\:hover\:text-red-800:hover { - color: #9b2c2c !important; + .lg\:bg-pink-100 { + background-color: #fff5f7 !important; } - .md\:hover\:text-red-900:hover { - color: #742a2a !important; + .lg\:bg-pink-200 { + background-color: #fed7e2 !important; } - .md\:hover\:text-orange-100:hover { - color: #fffaf0 !important; + .lg\:bg-pink-300 { + background-color: #fbb6ce !important; } - .md\:hover\:text-orange-200:hover { - color: #feebc8 !important; + .lg\:bg-pink-400 { + background-color: #f687b3 !important; } - .md\:hover\:text-orange-300:hover { - color: #fbd38d !important; + .lg\:bg-pink-500 { + background-color: #ed64a6 !important; } - .md\:hover\:text-orange-400:hover { - color: #f6ad55 !important; + .lg\:bg-pink-600 { + background-color: #d53f8c !important; } - .md\:hover\:text-orange-500:hover { - color: #ed8936 !important; + .lg\:bg-pink-700 { + background-color: #b83280 !important; } - .md\:hover\:text-orange-600:hover { - color: #dd6b20 !important; + .lg\:bg-pink-800 { + background-color: #97266d !important; } - .md\:hover\:text-orange-700:hover { - color: #c05621 !important; + .lg\:bg-pink-900 { + background-color: #702459 !important; } - .md\:hover\:text-orange-800:hover { - color: #9c4221 !important; + .lg\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .md\:hover\:text-orange-900:hover { - color: #7b341e !important; + .lg\:hover\:bg-black:hover { + background-color: #000 !important; } - .md\:hover\:text-yellow-100:hover { - color: #fffff0 !important; + .lg\:hover\:bg-white:hover { + background-color: #fff !important; } - .md\:hover\:text-yellow-200:hover { - color: #fefcbf !important; + .lg\:hover\:bg-gray-100:hover { + background-color: #f7fafc !important; } - .md\:hover\:text-yellow-300:hover { - color: #faf089 !important; + .lg\:hover\:bg-gray-200:hover { + background-color: #edf2f7 !important; } - .md\:hover\:text-yellow-400:hover { - color: #f6e05e !important; + .lg\:hover\:bg-gray-300:hover { + background-color: #e2e8f0 !important; } - .md\:hover\:text-yellow-500:hover { - color: #ecc94b !important; + .lg\:hover\:bg-gray-400:hover { + background-color: #cbd5e0 !important; } - .md\:hover\:text-yellow-600:hover { - color: #d69e2e !important; + .lg\:hover\:bg-gray-500:hover { + background-color: #a0aec0 !important; } - .md\:hover\:text-yellow-700:hover { - color: #b7791f !important; + .lg\:hover\:bg-gray-600:hover { + background-color: #718096 !important; } - .md\:hover\:text-yellow-800:hover { - color: #975a16 !important; + .lg\:hover\:bg-gray-700:hover { + background-color: #4a5568 !important; } - .md\:hover\:text-yellow-900:hover { - color: #744210 !important; + .lg\:hover\:bg-gray-800:hover { + background-color: #2d3748 !important; } - .md\:hover\:text-green-100:hover { - color: #f0fff4 !important; + .lg\:hover\:bg-gray-900:hover { + background-color: #1a202c !important; } - .md\:hover\:text-green-200:hover { - color: #c6f6d5 !important; + .lg\:hover\:bg-red-100:hover { + background-color: #fff5f5 !important; } - .md\:hover\:text-green-300:hover { - color: #9ae6b4 !important; + .lg\:hover\:bg-red-200:hover { + background-color: #fed7d7 !important; } - .md\:hover\:text-green-400:hover { - color: #68d391 !important; + .lg\:hover\:bg-red-300:hover { + background-color: #feb2b2 !important; } - .md\:hover\:text-green-500:hover { - color: #48bb78 !important; + .lg\:hover\:bg-red-400:hover { + background-color: #fc8181 !important; } - .md\:hover\:text-green-600:hover { - color: #38a169 !important; + .lg\:hover\:bg-red-500:hover { + background-color: #f56565 !important; } - .md\:hover\:text-green-700:hover { - color: #2f855a !important; + .lg\:hover\:bg-red-600:hover { + background-color: #e53e3e !important; } - .md\:hover\:text-green-800:hover { - color: #276749 !important; + .lg\:hover\:bg-red-700:hover { + background-color: #c53030 !important; } - .md\:hover\:text-green-900:hover { - color: #22543d !important; + .lg\:hover\:bg-red-800:hover { + background-color: #9b2c2c !important; } - .md\:hover\:text-teal-100:hover { - color: #e6fffa !important; + .lg\:hover\:bg-red-900:hover { + background-color: #742a2a !important; } - .md\:hover\:text-teal-200:hover { - color: #b2f5ea !important; + .lg\:hover\:bg-orange-100:hover { + background-color: #fffaf0 !important; } - .md\:hover\:text-teal-300:hover { - color: #81e6d9 !important; + .lg\:hover\:bg-orange-200:hover { + background-color: #feebc8 !important; } - .md\:hover\:text-teal-400:hover { - color: #4fd1c5 !important; + .lg\:hover\:bg-orange-300:hover { + background-color: #fbd38d !important; } - .md\:hover\:text-teal-500:hover { - color: #38b2ac !important; + .lg\:hover\:bg-orange-400:hover { + background-color: #f6ad55 !important; } - .md\:hover\:text-teal-600:hover { - color: #319795 !important; + .lg\:hover\:bg-orange-500:hover { + background-color: #ed8936 !important; } - .md\:hover\:text-teal-700:hover { - color: #2c7a7b !important; + .lg\:hover\:bg-orange-600:hover { + background-color: #dd6b20 !important; } - .md\:hover\:text-teal-800:hover { - color: #285e61 !important; + .lg\:hover\:bg-orange-700:hover { + background-color: #c05621 !important; } - .md\:hover\:text-teal-900:hover { - color: #234e52 !important; + .lg\:hover\:bg-orange-800:hover { + background-color: #9c4221 !important; } - .md\:hover\:text-blue-100:hover { - color: #ebf8ff !important; + .lg\:hover\:bg-orange-900:hover { + background-color: #7b341e !important; } - .md\:hover\:text-blue-200:hover { - color: #bee3f8 !important; + .lg\:hover\:bg-yellow-100:hover { + background-color: #fffff0 !important; } - .md\:hover\:text-blue-300:hover { - color: #90cdf4 !important; + .lg\:hover\:bg-yellow-200:hover { + background-color: #fefcbf !important; } - .md\:hover\:text-blue-400:hover { - color: #63b3ed !important; + .lg\:hover\:bg-yellow-300:hover { + background-color: #faf089 !important; } - .md\:hover\:text-blue-500:hover { - color: #4299e1 !important; + .lg\:hover\:bg-yellow-400:hover { + background-color: #f6e05e !important; } - .md\:hover\:text-blue-600:hover { - color: #3182ce !important; + .lg\:hover\:bg-yellow-500:hover { + background-color: #ecc94b !important; } - .md\:hover\:text-blue-700:hover { - color: #2b6cb0 !important; + .lg\:hover\:bg-yellow-600:hover { + background-color: #d69e2e !important; } - .md\:hover\:text-blue-800:hover { - color: #2c5282 !important; + .lg\:hover\:bg-yellow-700:hover { + background-color: #b7791f !important; } - .md\:hover\:text-blue-900:hover { - color: #2a4365 !important; + .lg\:hover\:bg-yellow-800:hover { + background-color: #975a16 !important; } - .md\:hover\:text-indigo-100:hover { - color: #ebf4ff !important; + .lg\:hover\:bg-yellow-900:hover { + background-color: #744210 !important; } - .md\:hover\:text-indigo-200:hover { - color: #c3dafe !important; + .lg\:hover\:bg-green-100:hover { + background-color: #f0fff4 !important; } - .md\:hover\:text-indigo-300:hover { - color: #a3bffa !important; + .lg\:hover\:bg-green-200:hover { + background-color: #c6f6d5 !important; } - .md\:hover\:text-indigo-400:hover { - color: #7f9cf5 !important; + .lg\:hover\:bg-green-300:hover { + background-color: #9ae6b4 !important; } - .md\:hover\:text-indigo-500:hover { - color: #667eea !important; + .lg\:hover\:bg-green-400:hover { + background-color: #68d391 !important; } - .md\:hover\:text-indigo-600:hover { - color: #5a67d8 !important; + .lg\:hover\:bg-green-500:hover { + background-color: #48bb78 !important; } - .md\:hover\:text-indigo-700:hover { - color: #4c51bf !important; + .lg\:hover\:bg-green-600:hover { + background-color: #38a169 !important; } - .md\:hover\:text-indigo-800:hover { - color: #434190 !important; + .lg\:hover\:bg-green-700:hover { + background-color: #2f855a !important; } - .md\:hover\:text-indigo-900:hover { - color: #3c366b !important; + .lg\:hover\:bg-green-800:hover { + background-color: #276749 !important; } - .md\:hover\:text-purple-100:hover { - color: #faf5ff !important; + .lg\:hover\:bg-green-900:hover { + background-color: #22543d !important; } - .md\:hover\:text-purple-200:hover { - color: #e9d8fd !important; + .lg\:hover\:bg-teal-100:hover { + background-color: #e6fffa !important; } - .md\:hover\:text-purple-300:hover { - color: #d6bcfa !important; + .lg\:hover\:bg-teal-200:hover { + background-color: #b2f5ea !important; } - .md\:hover\:text-purple-400:hover { - color: #b794f4 !important; + .lg\:hover\:bg-teal-300:hover { + background-color: #81e6d9 !important; } - .md\:hover\:text-purple-500:hover { - color: #9f7aea !important; + .lg\:hover\:bg-teal-400:hover { + background-color: #4fd1c5 !important; } - .md\:hover\:text-purple-600:hover { - color: #805ad5 !important; + .lg\:hover\:bg-teal-500:hover { + background-color: #38b2ac !important; } - .md\:hover\:text-purple-700:hover { - color: #6b46c1 !important; + .lg\:hover\:bg-teal-600:hover { + background-color: #319795 !important; } - .md\:hover\:text-purple-800:hover { - color: #553c9a !important; + .lg\:hover\:bg-teal-700:hover { + background-color: #2c7a7b !important; } - .md\:hover\:text-purple-900:hover { - color: #44337a !important; + .lg\:hover\:bg-teal-800:hover { + background-color: #285e61 !important; } - .md\:hover\:text-pink-100:hover { - color: #fff5f7 !important; + .lg\:hover\:bg-teal-900:hover { + background-color: #234e52 !important; } - .md\:hover\:text-pink-200:hover { - color: #fed7e2 !important; + .lg\:hover\:bg-blue-100:hover { + background-color: #ebf8ff !important; } - .md\:hover\:text-pink-300:hover { - color: #fbb6ce !important; + .lg\:hover\:bg-blue-200:hover { + background-color: #bee3f8 !important; } - .md\:hover\:text-pink-400:hover { - color: #f687b3 !important; + .lg\:hover\:bg-blue-300:hover { + background-color: #90cdf4 !important; } - .md\:hover\:text-pink-500:hover { - color: #ed64a6 !important; + .lg\:hover\:bg-blue-400:hover { + background-color: #63b3ed !important; } - .md\:hover\:text-pink-600:hover { - color: #d53f8c !important; + .lg\:hover\:bg-blue-500:hover { + background-color: #4299e1 !important; } - .md\:hover\:text-pink-700:hover { - color: #b83280 !important; + .lg\:hover\:bg-blue-600:hover { + background-color: #3182ce !important; } - .md\:hover\:text-pink-800:hover { - color: #97266d !important; + .lg\:hover\:bg-blue-700:hover { + background-color: #2b6cb0 !important; } - .md\:hover\:text-pink-900:hover { - color: #702459 !important; + .lg\:hover\:bg-blue-800:hover { + background-color: #2c5282 !important; } - .md\:focus\:text-transparent:focus { - color: transparent !important; + .lg\:hover\:bg-blue-900:hover { + background-color: #2a4365 !important; } - .md\:focus\:text-black:focus { - color: #000 !important; + .lg\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff !important; } - .md\:focus\:text-white:focus { - color: #fff !important; + .lg\:hover\:bg-indigo-200:hover { + background-color: #c3dafe !important; } - .md\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .lg\:hover\:bg-indigo-300:hover { + background-color: #a3bffa !important; } - .md\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .lg\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5 !important; } - .md\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .lg\:hover\:bg-indigo-500:hover { + background-color: #667eea !important; } - .md\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .lg\:hover\:bg-indigo-600:hover { + background-color: #5a67d8 !important; } - .md\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .lg\:hover\:bg-indigo-700:hover { + background-color: #4c51bf !important; } - .md\:focus\:text-gray-600:focus { - color: #718096 !important; + .lg\:hover\:bg-indigo-800:hover { + background-color: #434190 !important; } - .md\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .lg\:hover\:bg-indigo-900:hover { + background-color: #3c366b !important; } - .md\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .lg\:hover\:bg-purple-100:hover { + background-color: #faf5ff !important; } - .md\:focus\:text-gray-900:focus { - color: #1a202c !important; + .lg\:hover\:bg-purple-200:hover { + background-color: #e9d8fd !important; } - .md\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .lg\:hover\:bg-purple-300:hover { + background-color: #d6bcfa !important; } - .md\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .lg\:hover\:bg-purple-400:hover { + background-color: #b794f4 !important; } - .md\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .lg\:hover\:bg-purple-500:hover { + background-color: #9f7aea !important; } - .md\:focus\:text-red-400:focus { - color: #fc8181 !important; + .lg\:hover\:bg-purple-600:hover { + background-color: #805ad5 !important; } - .md\:focus\:text-red-500:focus { - color: #f56565 !important; + .lg\:hover\:bg-purple-700:hover { + background-color: #6b46c1 !important; } - .md\:focus\:text-red-600:focus { - color: #e53e3e !important; + .lg\:hover\:bg-purple-800:hover { + background-color: #553c9a !important; } - .md\:focus\:text-red-700:focus { - color: #c53030 !important; + .lg\:hover\:bg-purple-900:hover { + background-color: #44337a !important; } - .md\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .lg\:hover\:bg-pink-100:hover { + background-color: #fff5f7 !important; } - .md\:focus\:text-red-900:focus { - color: #742a2a !important; + .lg\:hover\:bg-pink-200:hover { + background-color: #fed7e2 !important; } - .md\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .lg\:hover\:bg-pink-300:hover { + background-color: #fbb6ce !important; } - .md\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .lg\:hover\:bg-pink-400:hover { + background-color: #f687b3 !important; } - .md\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .lg\:hover\:bg-pink-500:hover { + background-color: #ed64a6 !important; } - .md\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .lg\:hover\:bg-pink-600:hover { + background-color: #d53f8c !important; } - .md\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .lg\:hover\:bg-pink-700:hover { + background-color: #b83280 !important; } - .md\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .lg\:hover\:bg-pink-800:hover { + background-color: #97266d !important; } - .md\:focus\:text-orange-700:focus { - color: #c05621 !important; + .lg\:hover\:bg-pink-900:hover { + background-color: #702459 !important; } - .md\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .lg\:focus\:bg-transparent:focus { + background-color: transparent !important; } - .md\:focus\:text-orange-900:focus { - color: #7b341e !important; + .lg\:focus\:bg-black:focus { + background-color: #000 !important; } - .md\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .lg\:focus\:bg-white:focus { + background-color: #fff !important; } - .md\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .lg\:focus\:bg-gray-100:focus { + background-color: #f7fafc !important; } - .md\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .lg\:focus\:bg-gray-200:focus { + background-color: #edf2f7 !important; } - .md\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .lg\:focus\:bg-gray-300:focus { + background-color: #e2e8f0 !important; } - .md\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .lg\:focus\:bg-gray-400:focus { + background-color: #cbd5e0 !important; } - .md\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .lg\:focus\:bg-gray-500:focus { + background-color: #a0aec0 !important; } - .md\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .lg\:focus\:bg-gray-600:focus { + background-color: #718096 !important; } - .md\:focus\:text-yellow-800:focus { - color: #975a16 !important; + .lg\:focus\:bg-gray-700:focus { + background-color: #4a5568 !important; } - .md\:focus\:text-yellow-900:focus { - color: #744210 !important; + .lg\:focus\:bg-gray-800:focus { + background-color: #2d3748 !important; } - .md\:focus\:text-green-100:focus { - color: #f0fff4 !important; + .lg\:focus\:bg-gray-900:focus { + background-color: #1a202c !important; } - .md\:focus\:text-green-200:focus { - color: #c6f6d5 !important; + .lg\:focus\:bg-red-100:focus { + background-color: #fff5f5 !important; } - .md\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .lg\:focus\:bg-red-200:focus { + background-color: #fed7d7 !important; } - .md\:focus\:text-green-400:focus { - color: #68d391 !important; + .lg\:focus\:bg-red-300:focus { + background-color: #feb2b2 !important; } - .md\:focus\:text-green-500:focus { - color: #48bb78 !important; + .lg\:focus\:bg-red-400:focus { + background-color: #fc8181 !important; } - .md\:focus\:text-green-600:focus { - color: #38a169 !important; + .lg\:focus\:bg-red-500:focus { + background-color: #f56565 !important; } - .md\:focus\:text-green-700:focus { - color: #2f855a !important; + .lg\:focus\:bg-red-600:focus { + background-color: #e53e3e !important; } - .md\:focus\:text-green-800:focus { - color: #276749 !important; + .lg\:focus\:bg-red-700:focus { + background-color: #c53030 !important; } - .md\:focus\:text-green-900:focus { - color: #22543d !important; + .lg\:focus\:bg-red-800:focus { + background-color: #9b2c2c !important; } - .md\:focus\:text-teal-100:focus { - color: #e6fffa !important; + .lg\:focus\:bg-red-900:focus { + background-color: #742a2a !important; } - .md\:focus\:text-teal-200:focus { - color: #b2f5ea !important; + .lg\:focus\:bg-orange-100:focus { + background-color: #fffaf0 !important; } - .md\:focus\:text-teal-300:focus { - color: #81e6d9 !important; + .lg\:focus\:bg-orange-200:focus { + background-color: #feebc8 !important; } - .md\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .lg\:focus\:bg-orange-300:focus { + background-color: #fbd38d !important; } - .md\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .lg\:focus\:bg-orange-400:focus { + background-color: #f6ad55 !important; } - .md\:focus\:text-teal-600:focus { - color: #319795 !important; + .lg\:focus\:bg-orange-500:focus { + background-color: #ed8936 !important; } - .md\:focus\:text-teal-700:focus { - color: #2c7a7b !important; + .lg\:focus\:bg-orange-600:focus { + background-color: #dd6b20 !important; } - .md\:focus\:text-teal-800:focus { - color: #285e61 !important; + .lg\:focus\:bg-orange-700:focus { + background-color: #c05621 !important; } - .md\:focus\:text-teal-900:focus { - color: #234e52 !important; + .lg\:focus\:bg-orange-800:focus { + background-color: #9c4221 !important; } - .md\:focus\:text-blue-100:focus { - color: #ebf8ff !important; + .lg\:focus\:bg-orange-900:focus { + background-color: #7b341e !important; } - .md\:focus\:text-blue-200:focus { - color: #bee3f8 !important; + .lg\:focus\:bg-yellow-100:focus { + background-color: #fffff0 !important; } - .md\:focus\:text-blue-300:focus { - color: #90cdf4 !important; + .lg\:focus\:bg-yellow-200:focus { + background-color: #fefcbf !important; } - .md\:focus\:text-blue-400:focus { - color: #63b3ed !important; + .lg\:focus\:bg-yellow-300:focus { + background-color: #faf089 !important; } - .md\:focus\:text-blue-500:focus { - color: #4299e1 !important; + .lg\:focus\:bg-yellow-400:focus { + background-color: #f6e05e !important; } - .md\:focus\:text-blue-600:focus { - color: #3182ce !important; + .lg\:focus\:bg-yellow-500:focus { + background-color: #ecc94b !important; } - .md\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .lg\:focus\:bg-yellow-600:focus { + background-color: #d69e2e !important; } - .md\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .lg\:focus\:bg-yellow-700:focus { + background-color: #b7791f !important; } - .md\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .lg\:focus\:bg-yellow-800:focus { + background-color: #975a16 !important; } - .md\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .lg\:focus\:bg-yellow-900:focus { + background-color: #744210 !important; } - .md\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .lg\:focus\:bg-green-100:focus { + background-color: #f0fff4 !important; } - .md\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .lg\:focus\:bg-green-200:focus { + background-color: #c6f6d5 !important; } - .md\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .lg\:focus\:bg-green-300:focus { + background-color: #9ae6b4 !important; } - .md\:focus\:text-indigo-500:focus { - color: #667eea !important; + .lg\:focus\:bg-green-400:focus { + background-color: #68d391 !important; } - .md\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .lg\:focus\:bg-green-500:focus { + background-color: #48bb78 !important; } - .md\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .lg\:focus\:bg-green-600:focus { + background-color: #38a169 !important; } - .md\:focus\:text-indigo-800:focus { - color: #434190 !important; + .lg\:focus\:bg-green-700:focus { + background-color: #2f855a !important; } - .md\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .lg\:focus\:bg-green-800:focus { + background-color: #276749 !important; } - .md\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .lg\:focus\:bg-green-900:focus { + background-color: #22543d !important; } - .md\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .lg\:focus\:bg-teal-100:focus { + background-color: #e6fffa !important; } - .md\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .lg\:focus\:bg-teal-200:focus { + background-color: #b2f5ea !important; } - .md\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .lg\:focus\:bg-teal-300:focus { + background-color: #81e6d9 !important; } - .md\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .lg\:focus\:bg-teal-400:focus { + background-color: #4fd1c5 !important; } - .md\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .lg\:focus\:bg-teal-500:focus { + background-color: #38b2ac !important; } - .md\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .lg\:focus\:bg-teal-600:focus { + background-color: #319795 !important; } - .md\:focus\:text-purple-800:focus { - color: #553c9a !important; + .lg\:focus\:bg-teal-700:focus { + background-color: #2c7a7b !important; } - .md\:focus\:text-purple-900:focus { - color: #44337a !important; + .lg\:focus\:bg-teal-800:focus { + background-color: #285e61 !important; } - .md\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .lg\:focus\:bg-teal-900:focus { + background-color: #234e52 !important; } - .md\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .lg\:focus\:bg-blue-100:focus { + background-color: #ebf8ff !important; } - .md\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .lg\:focus\:bg-blue-200:focus { + background-color: #bee3f8 !important; } - .md\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .lg\:focus\:bg-blue-300:focus { + background-color: #90cdf4 !important; } - .md\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .lg\:focus\:bg-blue-400:focus { + background-color: #63b3ed !important; } - .md\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .lg\:focus\:bg-blue-500:focus { + background-color: #4299e1 !important; } - .md\:focus\:text-pink-700:focus { - color: #b83280 !important; + .lg\:focus\:bg-blue-600:focus { + background-color: #3182ce !important; } - .md\:focus\:text-pink-800:focus { - color: #97266d !important; + .lg\:focus\:bg-blue-700:focus { + background-color: #2b6cb0 !important; } - .md\:focus\:text-pink-900:focus { - color: #702459 !important; + .lg\:focus\:bg-blue-800:focus { + background-color: #2c5282 !important; } - .md\:text-xs { - font-size: 0.75rem !important; + .lg\:focus\:bg-blue-900:focus { + background-color: #2a4365 !important; } - .md\:text-sm { - font-size: 0.875rem !important; + .lg\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff !important; } - .md\:text-base { - font-size: 1rem !important; + .lg\:focus\:bg-indigo-200:focus { + background-color: #c3dafe !important; } - .md\:text-lg { - font-size: 1.125rem !important; + .lg\:focus\:bg-indigo-300:focus { + background-color: #a3bffa !important; } - .md\:text-xl { - font-size: 1.25rem !important; + .lg\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5 !important; } - .md\:text-2xl { - font-size: 1.5rem !important; + .lg\:focus\:bg-indigo-500:focus { + background-color: #667eea !important; } - .md\:text-3xl { - font-size: 1.875rem !important; + .lg\:focus\:bg-indigo-600:focus { + background-color: #5a67d8 !important; } - .md\:text-4xl { - font-size: 2.25rem !important; + .lg\:focus\:bg-indigo-700:focus { + background-color: #4c51bf !important; } - .md\:text-5xl { - font-size: 3rem !important; + .lg\:focus\:bg-indigo-800:focus { + background-color: #434190 !important; } - .md\:text-6xl { - font-size: 4rem !important; + .lg\:focus\:bg-indigo-900:focus { + background-color: #3c366b !important; } - .md\:italic { - font-style: italic !important; + .lg\:focus\:bg-purple-100:focus { + background-color: #faf5ff !important; } - .md\:not-italic { - font-style: normal !important; + .lg\:focus\:bg-purple-200:focus { + background-color: #e9d8fd !important; } - .md\:uppercase { - text-transform: uppercase !important; + .lg\:focus\:bg-purple-300:focus { + background-color: #d6bcfa !important; } - .md\:lowercase { - text-transform: lowercase !important; + .lg\:focus\:bg-purple-400:focus { + background-color: #b794f4 !important; } - .md\:capitalize { - text-transform: capitalize !important; + .lg\:focus\:bg-purple-500:focus { + background-color: #9f7aea !important; } - .md\:normal-case { - text-transform: none !important; + .lg\:focus\:bg-purple-600:focus { + background-color: #805ad5 !important; } - .md\:underline { - text-decoration: underline !important; + .lg\:focus\:bg-purple-700:focus { + background-color: #6b46c1 !important; } - .md\:line-through { - text-decoration: line-through !important; + .lg\:focus\:bg-purple-800:focus { + background-color: #553c9a !important; } - .md\:no-underline { - text-decoration: none !important; + .lg\:focus\:bg-purple-900:focus { + background-color: #44337a !important; } - .md\:hover\:underline:hover { - text-decoration: underline !important; + .lg\:focus\:bg-pink-100:focus { + background-color: #fff5f7 !important; } - .md\:hover\:line-through:hover { - text-decoration: line-through !important; + .lg\:focus\:bg-pink-200:focus { + background-color: #fed7e2 !important; } - .md\:hover\:no-underline:hover { - text-decoration: none !important; + .lg\:focus\:bg-pink-300:focus { + background-color: #fbb6ce !important; } - .md\:focus\:underline:focus { - text-decoration: underline !important; + .lg\:focus\:bg-pink-400:focus { + background-color: #f687b3 !important; } - .md\:focus\:line-through:focus { - text-decoration: line-through !important; + .lg\:focus\:bg-pink-500:focus { + background-color: #ed64a6 !important; } - .md\:focus\:no-underline:focus { - text-decoration: none !important; + .lg\:focus\:bg-pink-600:focus { + background-color: #d53f8c !important; } - .md\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .lg\:focus\:bg-pink-700:focus { + background-color: #b83280 !important; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .lg\:focus\:bg-pink-800:focus { + background-color: #97266d !important; } - .md\:tracking-tighter { - letter-spacing: -0.05em !important; + .lg\:focus\:bg-pink-900:focus { + background-color: #702459 !important; } - .md\:tracking-tight { - letter-spacing: -0.025em !important; + .lg\:bg-bottom { + background-position: bottom !important; } - .md\:tracking-normal { - letter-spacing: 0 !important; + .lg\:bg-center { + background-position: center !important; } - .md\:tracking-wide { - letter-spacing: 0.025em !important; + .lg\:bg-left { + background-position: left !important; } - .md\:tracking-wider { - letter-spacing: 0.05em !important; + .lg\:bg-left-bottom { + background-position: left bottom !important; } - .md\:tracking-widest { - letter-spacing: 0.1em !important; + .lg\:bg-left-top { + background-position: left top !important; } - .md\:select-none { - user-select: none !important; + .lg\:bg-right { + background-position: right !important; } - .md\:select-text { - user-select: text !important; + .lg\:bg-right-bottom { + background-position: right bottom !important; } - .md\:select-all { - user-select: all !important; + .lg\:bg-right-top { + background-position: right top !important; } - .md\:select-auto { - user-select: auto !important; + .lg\:bg-top { + background-position: top !important; } - .md\:align-baseline { - vertical-align: baseline !important; + .lg\:bg-repeat { + background-repeat: repeat !important; } - .md\:align-top { - vertical-align: top !important; + .lg\:bg-no-repeat { + background-repeat: no-repeat !important; } - .md\:align-middle { - vertical-align: middle !important; + .lg\:bg-repeat-x { + background-repeat: repeat-x !important; } - .md\:align-bottom { - vertical-align: bottom !important; + .lg\:bg-repeat-y { + background-repeat: repeat-y !important; } - .md\:align-text-top { - vertical-align: text-top !important; + .lg\:bg-repeat-round { + background-repeat: round !important; } - .md\:align-text-bottom { - vertical-align: text-bottom !important; + .lg\:bg-repeat-space { + background-repeat: space !important; } - .md\:visible { - visibility: visible !important; + .lg\:bg-auto { + background-size: auto !important; } - .md\:invisible { - visibility: hidden !important; + .lg\:bg-cover { + background-size: cover !important; } - .md\:whitespace-normal { - white-space: normal !important; + .lg\:bg-contain { + background-size: contain !important; } - .md\:whitespace-no-wrap { - white-space: nowrap !important; + .lg\:border-collapse { + border-collapse: collapse !important; } - .md\:whitespace-pre { - white-space: pre !important; + .lg\:border-separate { + border-collapse: separate !important; } - .md\:whitespace-pre-line { - white-space: pre-line !important; + .lg\:border-transparent { + border-color: transparent !important; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .lg\:border-black { + border-color: #000 !important; } - .md\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .lg\:border-white { + border-color: #fff !important; } - .md\:break-words { - overflow-wrap: break-word !important; + .lg\:border-gray-100 { + border-color: #f7fafc !important; } - .md\:break-all { - word-break: break-all !important; + .lg\:border-gray-200 { + border-color: #edf2f7 !important; } - .md\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .lg\:border-gray-300 { + border-color: #e2e8f0 !important; } - .md\:w-0 { - width: 0 !important; + .lg\:border-gray-400 { + border-color: #cbd5e0 !important; } - .md\:w-1 { - width: 0.25rem !important; + .lg\:border-gray-500 { + border-color: #a0aec0 !important; } - .md\:w-2 { - width: 0.5rem !important; + .lg\:border-gray-600 { + border-color: #718096 !important; } - .md\:w-3 { - width: 0.75rem !important; + .lg\:border-gray-700 { + border-color: #4a5568 !important; } - .md\:w-4 { - width: 1rem !important; + .lg\:border-gray-800 { + border-color: #2d3748 !important; } - .md\:w-5 { - width: 1.25rem !important; + .lg\:border-gray-900 { + border-color: #1a202c !important; } - .md\:w-6 { - width: 1.5rem !important; + .lg\:border-red-100 { + border-color: #fff5f5 !important; } - .md\:w-8 { - width: 2rem !important; + .lg\:border-red-200 { + border-color: #fed7d7 !important; } - .md\:w-10 { - width: 2.5rem !important; + .lg\:border-red-300 { + border-color: #feb2b2 !important; } - .md\:w-12 { - width: 3rem !important; + .lg\:border-red-400 { + border-color: #fc8181 !important; } - .md\:w-16 { - width: 4rem !important; + .lg\:border-red-500 { + border-color: #f56565 !important; } - .md\:w-20 { - width: 5rem !important; + .lg\:border-red-600 { + border-color: #e53e3e !important; } - .md\:w-24 { - width: 6rem !important; + .lg\:border-red-700 { + border-color: #c53030 !important; } - .md\:w-32 { - width: 8rem !important; + .lg\:border-red-800 { + border-color: #9b2c2c !important; } - .md\:w-40 { - width: 10rem !important; + .lg\:border-red-900 { + border-color: #742a2a !important; } - .md\:w-48 { - width: 12rem !important; + .lg\:border-orange-100 { + border-color: #fffaf0 !important; } - .md\:w-56 { - width: 14rem !important; + .lg\:border-orange-200 { + border-color: #feebc8 !important; } - .md\:w-64 { - width: 16rem !important; + .lg\:border-orange-300 { + border-color: #fbd38d !important; } - .md\:w-auto { - width: auto !important; + .lg\:border-orange-400 { + border-color: #f6ad55 !important; } - .md\:w-px { - width: 1px !important; + .lg\:border-orange-500 { + border-color: #ed8936 !important; } - .md\:w-1\/2 { - width: 50% !important; + .lg\:border-orange-600 { + border-color: #dd6b20 !important; } - .md\:w-1\/3 { - width: 33.333333% !important; + .lg\:border-orange-700 { + border-color: #c05621 !important; } - .md\:w-2\/3 { - width: 66.666667% !important; + .lg\:border-orange-800 { + border-color: #9c4221 !important; } - .md\:w-1\/4 { - width: 25% !important; + .lg\:border-orange-900 { + border-color: #7b341e !important; } - .md\:w-2\/4 { - width: 50% !important; + .lg\:border-yellow-100 { + border-color: #fffff0 !important; } - .md\:w-3\/4 { - width: 75% !important; + .lg\:border-yellow-200 { + border-color: #fefcbf !important; } - .md\:w-1\/5 { - width: 20% !important; + .lg\:border-yellow-300 { + border-color: #faf089 !important; } - .md\:w-2\/5 { - width: 40% !important; + .lg\:border-yellow-400 { + border-color: #f6e05e !important; } - .md\:w-3\/5 { - width: 60% !important; + .lg\:border-yellow-500 { + border-color: #ecc94b !important; } - .md\:w-4\/5 { - width: 80% !important; + .lg\:border-yellow-600 { + border-color: #d69e2e !important; } - .md\:w-1\/6 { - width: 16.666667% !important; + .lg\:border-yellow-700 { + border-color: #b7791f !important; } - .md\:w-2\/6 { - width: 33.333333% !important; + .lg\:border-yellow-800 { + border-color: #975a16 !important; } - .md\:w-3\/6 { - width: 50% !important; + .lg\:border-yellow-900 { + border-color: #744210 !important; } - .md\:w-4\/6 { - width: 66.666667% !important; + .lg\:border-green-100 { + border-color: #f0fff4 !important; } - .md\:w-5\/6 { - width: 83.333333% !important; + .lg\:border-green-200 { + border-color: #c6f6d5 !important; } - .md\:w-1\/12 { - width: 8.333333% !important; + .lg\:border-green-300 { + border-color: #9ae6b4 !important; } - .md\:w-2\/12 { - width: 16.666667% !important; + .lg\:border-green-400 { + border-color: #68d391 !important; } - .md\:w-3\/12 { - width: 25% !important; + .lg\:border-green-500 { + border-color: #48bb78 !important; } - .md\:w-4\/12 { - width: 33.333333% !important; + .lg\:border-green-600 { + border-color: #38a169 !important; } - .md\:w-5\/12 { - width: 41.666667% !important; + .lg\:border-green-700 { + border-color: #2f855a !important; } - .md\:w-6\/12 { - width: 50% !important; + .lg\:border-green-800 { + border-color: #276749 !important; } - .md\:w-7\/12 { - width: 58.333333% !important; + .lg\:border-green-900 { + border-color: #22543d !important; } - .md\:w-8\/12 { - width: 66.666667% !important; + .lg\:border-teal-100 { + border-color: #e6fffa !important; } - .md\:w-9\/12 { - width: 75% !important; + .lg\:border-teal-200 { + border-color: #b2f5ea !important; } - .md\:w-10\/12 { - width: 83.333333% !important; + .lg\:border-teal-300 { + border-color: #81e6d9 !important; } - .md\:w-11\/12 { - width: 91.666667% !important; + .lg\:border-teal-400 { + border-color: #4fd1c5 !important; } - .md\:w-full { - width: 100% !important; + .lg\:border-teal-500 { + border-color: #38b2ac !important; } - .md\:w-screen { - width: 100vw !important; + .lg\:border-teal-600 { + border-color: #319795 !important; } - .md\:z-0 { - z-index: 0 !important; + .lg\:border-teal-700 { + border-color: #2c7a7b !important; } - .md\:z-10 { - z-index: 10 !important; + .lg\:border-teal-800 { + border-color: #285e61 !important; } - .md\:z-20 { - z-index: 20 !important; + .lg\:border-teal-900 { + border-color: #234e52 !important; } - .md\:z-30 { - z-index: 30 !important; + .lg\:border-blue-100 { + border-color: #ebf8ff !important; } - .md\:z-40 { - z-index: 40 !important; + .lg\:border-blue-200 { + border-color: #bee3f8 !important; } - .md\:z-50 { - z-index: 50 !important; + .lg\:border-blue-300 { + border-color: #90cdf4 !important; } - .md\:z-auto { - z-index: auto !important; + .lg\:border-blue-400 { + border-color: #63b3ed !important; } - .md\:example { - font-weight: 700; - color: #f56565; + .lg\:border-blue-500 { + border-color: #4299e1 !important; } -} -@media (min-width: 1024px) { - .lg\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .lg\:border-blue-600 { + border-color: #3182ce !important; } - .lg\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .lg\:border-blue-700 { + border-color: #2b6cb0 !important; } - .lg\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .lg\:border-blue-800 { + border-color: #2c5282 !important; } - .lg\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .lg\:border-blue-900 { + border-color: #2a4365 !important; } - .lg\:appearance-none { - appearance: none !important; + .lg\:border-indigo-100 { + border-color: #ebf4ff !important; } - .lg\:bg-fixed { - background-attachment: fixed !important; + .lg\:border-indigo-200 { + border-color: #c3dafe !important; } - .lg\:bg-local { - background-attachment: local !important; + .lg\:border-indigo-300 { + border-color: #a3bffa !important; } - .lg\:bg-scroll { - background-attachment: scroll !important; + .lg\:border-indigo-400 { + border-color: #7f9cf5 !important; } - .lg\:bg-transparent { - background-color: transparent !important; + .lg\:border-indigo-500 { + border-color: #667eea !important; } - .lg\:bg-black { - background-color: #000 !important; + .lg\:border-indigo-600 { + border-color: #5a67d8 !important; } - .lg\:bg-white { - background-color: #fff !important; + .lg\:border-indigo-700 { + border-color: #4c51bf !important; } - .lg\:bg-gray-100 { - background-color: #f7fafc !important; + .lg\:border-indigo-800 { + border-color: #434190 !important; } - .lg\:bg-gray-200 { - background-color: #edf2f7 !important; + .lg\:border-indigo-900 { + border-color: #3c366b !important; } - .lg\:bg-gray-300 { - background-color: #e2e8f0 !important; + .lg\:border-purple-100 { + border-color: #faf5ff !important; } - .lg\:bg-gray-400 { - background-color: #cbd5e0 !important; + .lg\:border-purple-200 { + border-color: #e9d8fd !important; } - .lg\:bg-gray-500 { - background-color: #a0aec0 !important; + .lg\:border-purple-300 { + border-color: #d6bcfa !important; } - .lg\:bg-gray-600 { - background-color: #718096 !important; + .lg\:border-purple-400 { + border-color: #b794f4 !important; } - .lg\:bg-gray-700 { - background-color: #4a5568 !important; + .lg\:border-purple-500 { + border-color: #9f7aea !important; } - .lg\:bg-gray-800 { - background-color: #2d3748 !important; + .lg\:border-purple-600 { + border-color: #805ad5 !important; } - .lg\:bg-gray-900 { - background-color: #1a202c !important; + .lg\:border-purple-700 { + border-color: #6b46c1 !important; } - .lg\:bg-red-100 { - background-color: #fff5f5 !important; + .lg\:border-purple-800 { + border-color: #553c9a !important; } - .lg\:bg-red-200 { - background-color: #fed7d7 !important; + .lg\:border-purple-900 { + border-color: #44337a !important; } - .lg\:bg-red-300 { - background-color: #feb2b2 !important; + .lg\:border-pink-100 { + border-color: #fff5f7 !important; } - .lg\:bg-red-400 { - background-color: #fc8181 !important; + .lg\:border-pink-200 { + border-color: #fed7e2 !important; } - .lg\:bg-red-500 { - background-color: #f56565 !important; + .lg\:border-pink-300 { + border-color: #fbb6ce !important; } - .lg\:bg-red-600 { - background-color: #e53e3e !important; + .lg\:border-pink-400 { + border-color: #f687b3 !important; } - .lg\:bg-red-700 { - background-color: #c53030 !important; + .lg\:border-pink-500 { + border-color: #ed64a6 !important; } - .lg\:bg-red-800 { - background-color: #9b2c2c !important; + .lg\:border-pink-600 { + border-color: #d53f8c !important; } - .lg\:bg-red-900 { - background-color: #742a2a !important; + .lg\:border-pink-700 { + border-color: #b83280 !important; } - .lg\:bg-orange-100 { - background-color: #fffaf0 !important; + .lg\:border-pink-800 { + border-color: #97266d !important; } - .lg\:bg-orange-200 { - background-color: #feebc8 !important; + .lg\:border-pink-900 { + border-color: #702459 !important; } - .lg\:bg-orange-300 { - background-color: #fbd38d !important; + .lg\:hover\:border-transparent:hover { + border-color: transparent !important; } - .lg\:bg-orange-400 { - background-color: #f6ad55 !important; + .lg\:hover\:border-black:hover { + border-color: #000 !important; } - .lg\:bg-orange-500 { - background-color: #ed8936 !important; + .lg\:hover\:border-white:hover { + border-color: #fff !important; } - .lg\:bg-orange-600 { - background-color: #dd6b20 !important; + .lg\:hover\:border-gray-100:hover { + border-color: #f7fafc !important; } - .lg\:bg-orange-700 { - background-color: #c05621 !important; + .lg\:hover\:border-gray-200:hover { + border-color: #edf2f7 !important; } - .lg\:bg-orange-800 { - background-color: #9c4221 !important; + .lg\:hover\:border-gray-300:hover { + border-color: #e2e8f0 !important; } - .lg\:bg-orange-900 { - background-color: #7b341e !important; + .lg\:hover\:border-gray-400:hover { + border-color: #cbd5e0 !important; } - .lg\:bg-yellow-100 { - background-color: #fffff0 !important; + .lg\:hover\:border-gray-500:hover { + border-color: #a0aec0 !important; } - .lg\:bg-yellow-200 { - background-color: #fefcbf !important; + .lg\:hover\:border-gray-600:hover { + border-color: #718096 !important; } - .lg\:bg-yellow-300 { - background-color: #faf089 !important; + .lg\:hover\:border-gray-700:hover { + border-color: #4a5568 !important; } - .lg\:bg-yellow-400 { - background-color: #f6e05e !important; + .lg\:hover\:border-gray-800:hover { + border-color: #2d3748 !important; } - .lg\:bg-yellow-500 { - background-color: #ecc94b !important; + .lg\:hover\:border-gray-900:hover { + border-color: #1a202c !important; } - .lg\:bg-yellow-600 { - background-color: #d69e2e !important; + .lg\:hover\:border-red-100:hover { + border-color: #fff5f5 !important; } - .lg\:bg-yellow-700 { - background-color: #b7791f !important; + .lg\:hover\:border-red-200:hover { + border-color: #fed7d7 !important; } - .lg\:bg-yellow-800 { - background-color: #975a16 !important; + .lg\:hover\:border-red-300:hover { + border-color: #feb2b2 !important; } - .lg\:bg-yellow-900 { - background-color: #744210 !important; + .lg\:hover\:border-red-400:hover { + border-color: #fc8181 !important; } - .lg\:bg-green-100 { - background-color: #f0fff4 !important; + .lg\:hover\:border-red-500:hover { + border-color: #f56565 !important; } - .lg\:bg-green-200 { - background-color: #c6f6d5 !important; + .lg\:hover\:border-red-600:hover { + border-color: #e53e3e !important; } - .lg\:bg-green-300 { - background-color: #9ae6b4 !important; + .lg\:hover\:border-red-700:hover { + border-color: #c53030 !important; } - .lg\:bg-green-400 { - background-color: #68d391 !important; + .lg\:hover\:border-red-800:hover { + border-color: #9b2c2c !important; } - .lg\:bg-green-500 { - background-color: #48bb78 !important; + .lg\:hover\:border-red-900:hover { + border-color: #742a2a !important; } - .lg\:bg-green-600 { - background-color: #38a169 !important; + .lg\:hover\:border-orange-100:hover { + border-color: #fffaf0 !important; } - .lg\:bg-green-700 { - background-color: #2f855a !important; + .lg\:hover\:border-orange-200:hover { + border-color: #feebc8 !important; } - .lg\:bg-green-800 { - background-color: #276749 !important; + .lg\:hover\:border-orange-300:hover { + border-color: #fbd38d !important; } - .lg\:bg-green-900 { - background-color: #22543d !important; + .lg\:hover\:border-orange-400:hover { + border-color: #f6ad55 !important; } - .lg\:bg-teal-100 { - background-color: #e6fffa !important; + .lg\:hover\:border-orange-500:hover { + border-color: #ed8936 !important; } - .lg\:bg-teal-200 { - background-color: #b2f5ea !important; + .lg\:hover\:border-orange-600:hover { + border-color: #dd6b20 !important; } - .lg\:bg-teal-300 { - background-color: #81e6d9 !important; + .lg\:hover\:border-orange-700:hover { + border-color: #c05621 !important; } - .lg\:bg-teal-400 { - background-color: #4fd1c5 !important; + .lg\:hover\:border-orange-800:hover { + border-color: #9c4221 !important; } - .lg\:bg-teal-500 { - background-color: #38b2ac !important; + .lg\:hover\:border-orange-900:hover { + border-color: #7b341e !important; } - .lg\:bg-teal-600 { - background-color: #319795 !important; + .lg\:hover\:border-yellow-100:hover { + border-color: #fffff0 !important; } - .lg\:bg-teal-700 { - background-color: #2c7a7b !important; + .lg\:hover\:border-yellow-200:hover { + border-color: #fefcbf !important; } - .lg\:bg-teal-800 { - background-color: #285e61 !important; + .lg\:hover\:border-yellow-300:hover { + border-color: #faf089 !important; } - .lg\:bg-teal-900 { - background-color: #234e52 !important; + .lg\:hover\:border-yellow-400:hover { + border-color: #f6e05e !important; } - .lg\:bg-blue-100 { - background-color: #ebf8ff !important; + .lg\:hover\:border-yellow-500:hover { + border-color: #ecc94b !important; } - .lg\:bg-blue-200 { - background-color: #bee3f8 !important; + .lg\:hover\:border-yellow-600:hover { + border-color: #d69e2e !important; } - .lg\:bg-blue-300 { - background-color: #90cdf4 !important; + .lg\:hover\:border-yellow-700:hover { + border-color: #b7791f !important; } - .lg\:bg-blue-400 { - background-color: #63b3ed !important; + .lg\:hover\:border-yellow-800:hover { + border-color: #975a16 !important; } - .lg\:bg-blue-500 { - background-color: #4299e1 !important; + .lg\:hover\:border-yellow-900:hover { + border-color: #744210 !important; } - .lg\:bg-blue-600 { - background-color: #3182ce !important; + .lg\:hover\:border-green-100:hover { + border-color: #f0fff4 !important; } - .lg\:bg-blue-700 { - background-color: #2b6cb0 !important; + .lg\:hover\:border-green-200:hover { + border-color: #c6f6d5 !important; } - .lg\:bg-blue-800 { - background-color: #2c5282 !important; + .lg\:hover\:border-green-300:hover { + border-color: #9ae6b4 !important; } - .lg\:bg-blue-900 { - background-color: #2a4365 !important; + .lg\:hover\:border-green-400:hover { + border-color: #68d391 !important; } - .lg\:bg-indigo-100 { - background-color: #ebf4ff !important; + .lg\:hover\:border-green-500:hover { + border-color: #48bb78 !important; } - .lg\:bg-indigo-200 { - background-color: #c3dafe !important; + .lg\:hover\:border-green-600:hover { + border-color: #38a169 !important; } - .lg\:bg-indigo-300 { - background-color: #a3bffa !important; + .lg\:hover\:border-green-700:hover { + border-color: #2f855a !important; } - .lg\:bg-indigo-400 { - background-color: #7f9cf5 !important; + .lg\:hover\:border-green-800:hover { + border-color: #276749 !important; } - .lg\:bg-indigo-500 { - background-color: #667eea !important; + .lg\:hover\:border-green-900:hover { + border-color: #22543d !important; } - .lg\:bg-indigo-600 { - background-color: #5a67d8 !important; + .lg\:hover\:border-teal-100:hover { + border-color: #e6fffa !important; } - .lg\:bg-indigo-700 { - background-color: #4c51bf !important; + .lg\:hover\:border-teal-200:hover { + border-color: #b2f5ea !important; } - .lg\:bg-indigo-800 { - background-color: #434190 !important; + .lg\:hover\:border-teal-300:hover { + border-color: #81e6d9 !important; } - .lg\:bg-indigo-900 { - background-color: #3c366b !important; + .lg\:hover\:border-teal-400:hover { + border-color: #4fd1c5 !important; } - .lg\:bg-purple-100 { - background-color: #faf5ff !important; + .lg\:hover\:border-teal-500:hover { + border-color: #38b2ac !important; } - .lg\:bg-purple-200 { - background-color: #e9d8fd !important; + .lg\:hover\:border-teal-600:hover { + border-color: #319795 !important; } - .lg\:bg-purple-300 { - background-color: #d6bcfa !important; + .lg\:hover\:border-teal-700:hover { + border-color: #2c7a7b !important; } - .lg\:bg-purple-400 { - background-color: #b794f4 !important; + .lg\:hover\:border-teal-800:hover { + border-color: #285e61 !important; } - .lg\:bg-purple-500 { - background-color: #9f7aea !important; + .lg\:hover\:border-teal-900:hover { + border-color: #234e52 !important; } - .lg\:bg-purple-600 { - background-color: #805ad5 !important; + .lg\:hover\:border-blue-100:hover { + border-color: #ebf8ff !important; } - .lg\:bg-purple-700 { - background-color: #6b46c1 !important; + .lg\:hover\:border-blue-200:hover { + border-color: #bee3f8 !important; } - .lg\:bg-purple-800 { - background-color: #553c9a !important; + .lg\:hover\:border-blue-300:hover { + border-color: #90cdf4 !important; } - .lg\:bg-purple-900 { - background-color: #44337a !important; + .lg\:hover\:border-blue-400:hover { + border-color: #63b3ed !important; } - .lg\:bg-pink-100 { - background-color: #fff5f7 !important; + .lg\:hover\:border-blue-500:hover { + border-color: #4299e1 !important; } - .lg\:bg-pink-200 { - background-color: #fed7e2 !important; + .lg\:hover\:border-blue-600:hover { + border-color: #3182ce !important; } - .lg\:bg-pink-300 { - background-color: #fbb6ce !important; + .lg\:hover\:border-blue-700:hover { + border-color: #2b6cb0 !important; } - .lg\:bg-pink-400 { - background-color: #f687b3 !important; + .lg\:hover\:border-blue-800:hover { + border-color: #2c5282 !important; } - .lg\:bg-pink-500 { - background-color: #ed64a6 !important; + .lg\:hover\:border-blue-900:hover { + border-color: #2a4365 !important; } - .lg\:bg-pink-600 { - background-color: #d53f8c !important; + .lg\:hover\:border-indigo-100:hover { + border-color: #ebf4ff !important; } - .lg\:bg-pink-700 { - background-color: #b83280 !important; + .lg\:hover\:border-indigo-200:hover { + border-color: #c3dafe !important; } - .lg\:bg-pink-800 { - background-color: #97266d !important; + .lg\:hover\:border-indigo-300:hover { + border-color: #a3bffa !important; } - .lg\:bg-pink-900 { - background-color: #702459 !important; + .lg\:hover\:border-indigo-400:hover { + border-color: #7f9cf5 !important; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent !important; + .lg\:hover\:border-indigo-500:hover { + border-color: #667eea !important; } - .lg\:hover\:bg-black:hover { - background-color: #000 !important; + .lg\:hover\:border-indigo-600:hover { + border-color: #5a67d8 !important; } - .lg\:hover\:bg-white:hover { - background-color: #fff !important; + .lg\:hover\:border-indigo-700:hover { + border-color: #4c51bf !important; } - .lg\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .lg\:hover\:border-indigo-800:hover { + border-color: #434190 !important; } - .lg\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .lg\:hover\:border-indigo-900:hover { + border-color: #3c366b !important; } - .lg\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .lg\:hover\:border-purple-100:hover { + border-color: #faf5ff !important; } - .lg\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .lg\:hover\:border-purple-200:hover { + border-color: #e9d8fd !important; } - .lg\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .lg\:hover\:border-purple-300:hover { + border-color: #d6bcfa !important; } - .lg\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .lg\:hover\:border-purple-400:hover { + border-color: #b794f4 !important; } - .lg\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .lg\:hover\:border-purple-500:hover { + border-color: #9f7aea !important; } - .lg\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .lg\:hover\:border-purple-600:hover { + border-color: #805ad5 !important; } - .lg\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .lg\:hover\:border-purple-700:hover { + border-color: #6b46c1 !important; } - .lg\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .lg\:hover\:border-purple-800:hover { + border-color: #553c9a !important; } - .lg\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .lg\:hover\:border-purple-900:hover { + border-color: #44337a !important; } - .lg\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .lg\:hover\:border-pink-100:hover { + border-color: #fff5f7 !important; } - .lg\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .lg\:hover\:border-pink-200:hover { + border-color: #fed7e2 !important; } - .lg\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .lg\:hover\:border-pink-300:hover { + border-color: #fbb6ce !important; } - .lg\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .lg\:hover\:border-pink-400:hover { + border-color: #f687b3 !important; } - .lg\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .lg\:hover\:border-pink-500:hover { + border-color: #ed64a6 !important; } - .lg\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .lg\:hover\:border-pink-600:hover { + border-color: #d53f8c !important; } - .lg\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .lg\:hover\:border-pink-700:hover { + border-color: #b83280 !important; } - .lg\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .lg\:hover\:border-pink-800:hover { + border-color: #97266d !important; } - .lg\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .lg\:hover\:border-pink-900:hover { + border-color: #702459 !important; } - .lg\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .lg\:focus\:border-transparent:focus { + border-color: transparent !important; } - .lg\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .lg\:focus\:border-black:focus { + border-color: #000 !important; } - .lg\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .lg\:focus\:border-white:focus { + border-color: #fff !important; } - .lg\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .lg\:focus\:border-gray-100:focus { + border-color: #f7fafc !important; } - .lg\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .lg\:focus\:border-gray-200:focus { + border-color: #edf2f7 !important; } - .lg\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .lg\:focus\:border-gray-300:focus { + border-color: #e2e8f0 !important; } - .lg\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .lg\:focus\:border-gray-400:focus { + border-color: #cbd5e0 !important; } - .lg\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .lg\:focus\:border-gray-500:focus { + border-color: #a0aec0 !important; } - .lg\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .lg\:focus\:border-gray-600:focus { + border-color: #718096 !important; } - .lg\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .lg\:focus\:border-gray-700:focus { + border-color: #4a5568 !important; } - .lg\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .lg\:focus\:border-gray-800:focus { + border-color: #2d3748 !important; } - .lg\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .lg\:focus\:border-gray-900:focus { + border-color: #1a202c !important; } - .lg\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .lg\:focus\:border-red-100:focus { + border-color: #fff5f5 !important; } - .lg\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .lg\:focus\:border-red-200:focus { + border-color: #fed7d7 !important; } - .lg\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .lg\:focus\:border-red-300:focus { + border-color: #feb2b2 !important; } - .lg\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .lg\:focus\:border-red-400:focus { + border-color: #fc8181 !important; } - .lg\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .lg\:focus\:border-red-500:focus { + border-color: #f56565 !important; } - .lg\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .lg\:focus\:border-red-600:focus { + border-color: #e53e3e !important; } - .lg\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .lg\:focus\:border-red-700:focus { + border-color: #c53030 !important; } - .lg\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .lg\:focus\:border-red-800:focus { + border-color: #9b2c2c !important; } - .lg\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .lg\:focus\:border-red-900:focus { + border-color: #742a2a !important; } - .lg\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .lg\:focus\:border-orange-100:focus { + border-color: #fffaf0 !important; } - .lg\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .lg\:focus\:border-orange-200:focus { + border-color: #feebc8 !important; } - .lg\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .lg\:focus\:border-orange-300:focus { + border-color: #fbd38d !important; } - .lg\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .lg\:focus\:border-orange-400:focus { + border-color: #f6ad55 !important; } - .lg\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .lg\:focus\:border-orange-500:focus { + border-color: #ed8936 !important; } - .lg\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .lg\:focus\:border-orange-600:focus { + border-color: #dd6b20 !important; } - .lg\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .lg\:focus\:border-orange-700:focus { + border-color: #c05621 !important; } - .lg\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .lg\:focus\:border-orange-800:focus { + border-color: #9c4221 !important; } - .lg\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .lg\:focus\:border-orange-900:focus { + border-color: #7b341e !important; } - .lg\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .lg\:focus\:border-yellow-100:focus { + border-color: #fffff0 !important; } - .lg\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .lg\:focus\:border-yellow-200:focus { + border-color: #fefcbf !important; } - .lg\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .lg\:focus\:border-yellow-300:focus { + border-color: #faf089 !important; } - .lg\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .lg\:focus\:border-yellow-400:focus { + border-color: #f6e05e !important; } - .lg\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .lg\:focus\:border-yellow-500:focus { + border-color: #ecc94b !important; } - .lg\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .lg\:focus\:border-yellow-600:focus { + border-color: #d69e2e !important; } - .lg\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .lg\:focus\:border-yellow-700:focus { + border-color: #b7791f !important; } - .lg\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .lg\:focus\:border-yellow-800:focus { + border-color: #975a16 !important; } - .lg\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .lg\:focus\:border-yellow-900:focus { + border-color: #744210 !important; } - .lg\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .lg\:focus\:border-green-100:focus { + border-color: #f0fff4 !important; } - .lg\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .lg\:focus\:border-green-200:focus { + border-color: #c6f6d5 !important; } - .lg\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .lg\:focus\:border-green-300:focus { + border-color: #9ae6b4 !important; } - .lg\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .lg\:focus\:border-green-400:focus { + border-color: #68d391 !important; } - .lg\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .lg\:focus\:border-green-500:focus { + border-color: #48bb78 !important; } - .lg\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .lg\:focus\:border-green-600:focus { + border-color: #38a169 !important; } - .lg\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .lg\:focus\:border-green-700:focus { + border-color: #2f855a !important; } - .lg\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .lg\:focus\:border-green-800:focus { + border-color: #276749 !important; } - .lg\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .lg\:focus\:border-green-900:focus { + border-color: #22543d !important; } - .lg\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .lg\:focus\:border-teal-100:focus { + border-color: #e6fffa !important; } - .lg\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .lg\:focus\:border-teal-200:focus { + border-color: #b2f5ea !important; } - .lg\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .lg\:focus\:border-teal-300:focus { + border-color: #81e6d9 !important; } - .lg\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .lg\:focus\:border-teal-400:focus { + border-color: #4fd1c5 !important; } - .lg\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .lg\:focus\:border-teal-500:focus { + border-color: #38b2ac !important; } - .lg\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .lg\:focus\:border-teal-600:focus { + border-color: #319795 !important; } - .lg\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .lg\:focus\:border-teal-700:focus { + border-color: #2c7a7b !important; } - .lg\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .lg\:focus\:border-teal-800:focus { + border-color: #285e61 !important; } - .lg\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .lg\:focus\:border-teal-900:focus { + border-color: #234e52 !important; } - .lg\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .lg\:focus\:border-blue-100:focus { + border-color: #ebf8ff !important; } - .lg\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .lg\:focus\:border-blue-200:focus { + border-color: #bee3f8 !important; } - .lg\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .lg\:focus\:border-blue-300:focus { + border-color: #90cdf4 !important; } - .lg\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .lg\:focus\:border-blue-400:focus { + border-color: #63b3ed !important; } - .lg\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .lg\:focus\:border-blue-500:focus { + border-color: #4299e1 !important; } - .lg\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .lg\:focus\:border-blue-600:focus { + border-color: #3182ce !important; } - .lg\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !important; + .lg\:focus\:border-blue-700:focus { + border-color: #2b6cb0 !important; } - .lg\:hover\:bg-pink-400:hover { - background-color: #f687b3 !important; + .lg\:focus\:border-blue-800:focus { + border-color: #2c5282 !important; } - .lg\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !important; + .lg\:focus\:border-blue-900:focus { + border-color: #2a4365 !important; } - .lg\:hover\:bg-pink-600:hover { - background-color: #d53f8c !important; + .lg\:focus\:border-indigo-100:focus { + border-color: #ebf4ff !important; } - .lg\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .lg\:focus\:border-indigo-200:focus { + border-color: #c3dafe !important; } - .lg\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .lg\:focus\:border-indigo-300:focus { + border-color: #a3bffa !important; } - .lg\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .lg\:focus\:border-indigo-400:focus { + border-color: #7f9cf5 !important; } - .lg\:focus\:bg-transparent:focus { - background-color: transparent !important; + .lg\:focus\:border-indigo-500:focus { + border-color: #667eea !important; } - .lg\:focus\:bg-black:focus { - background-color: #000 !important; + .lg\:focus\:border-indigo-600:focus { + border-color: #5a67d8 !important; } - .lg\:focus\:bg-white:focus { - background-color: #fff !important; + .lg\:focus\:border-indigo-700:focus { + border-color: #4c51bf !important; } - .lg\:focus\:bg-gray-100:focus { - background-color: #f7fafc !important; + .lg\:focus\:border-indigo-800:focus { + border-color: #434190 !important; } - .lg\:focus\:bg-gray-200:focus { - background-color: #edf2f7 !important; + .lg\:focus\:border-indigo-900:focus { + border-color: #3c366b !important; } - .lg\:focus\:bg-gray-300:focus { - background-color: #e2e8f0 !important; + .lg\:focus\:border-purple-100:focus { + border-color: #faf5ff !important; } - .lg\:focus\:bg-gray-400:focus { - background-color: #cbd5e0 !important; + .lg\:focus\:border-purple-200:focus { + border-color: #e9d8fd !important; } - .lg\:focus\:bg-gray-500:focus { - background-color: #a0aec0 !important; + .lg\:focus\:border-purple-300:focus { + border-color: #d6bcfa !important; } - .lg\:focus\:bg-gray-600:focus { - background-color: #718096 !important; + .lg\:focus\:border-purple-400:focus { + border-color: #b794f4 !important; } - .lg\:focus\:bg-gray-700:focus { - background-color: #4a5568 !important; + .lg\:focus\:border-purple-500:focus { + border-color: #9f7aea !important; } - .lg\:focus\:bg-gray-800:focus { - background-color: #2d3748 !important; + .lg\:focus\:border-purple-600:focus { + border-color: #805ad5 !important; } - .lg\:focus\:bg-gray-900:focus { - background-color: #1a202c !important; + .lg\:focus\:border-purple-700:focus { + border-color: #6b46c1 !important; } - .lg\:focus\:bg-red-100:focus { - background-color: #fff5f5 !important; + .lg\:focus\:border-purple-800:focus { + border-color: #553c9a !important; } - .lg\:focus\:bg-red-200:focus { - background-color: #fed7d7 !important; + .lg\:focus\:border-purple-900:focus { + border-color: #44337a !important; } - .lg\:focus\:bg-red-300:focus { - background-color: #feb2b2 !important; + .lg\:focus\:border-pink-100:focus { + border-color: #fff5f7 !important; } - .lg\:focus\:bg-red-400:focus { - background-color: #fc8181 !important; + .lg\:focus\:border-pink-200:focus { + border-color: #fed7e2 !important; } - .lg\:focus\:bg-red-500:focus { - background-color: #f56565 !important; + .lg\:focus\:border-pink-300:focus { + border-color: #fbb6ce !important; } - .lg\:focus\:bg-red-600:focus { - background-color: #e53e3e !important; + .lg\:focus\:border-pink-400:focus { + border-color: #f687b3 !important; } - .lg\:focus\:bg-red-700:focus { - background-color: #c53030 !important; + .lg\:focus\:border-pink-500:focus { + border-color: #ed64a6 !important; } - .lg\:focus\:bg-red-800:focus { - background-color: #9b2c2c !important; + .lg\:focus\:border-pink-600:focus { + border-color: #d53f8c !important; } - .lg\:focus\:bg-red-900:focus { - background-color: #742a2a !important; + .lg\:focus\:border-pink-700:focus { + border-color: #b83280 !important; } - .lg\:focus\:bg-orange-100:focus { - background-color: #fffaf0 !important; + .lg\:focus\:border-pink-800:focus { + border-color: #97266d !important; } - .lg\:focus\:bg-orange-200:focus { - background-color: #feebc8 !important; + .lg\:focus\:border-pink-900:focus { + border-color: #702459 !important; } - .lg\:focus\:bg-orange-300:focus { - background-color: #fbd38d !important; + .lg\:rounded-none { + border-radius: 0 !important; } - .lg\:focus\:bg-orange-400:focus { - background-color: #f6ad55 !important; + .lg\:rounded-sm { + border-radius: 0.125rem !important; } - .lg\:focus\:bg-orange-500:focus { - background-color: #ed8936 !important; + .lg\:rounded { + border-radius: 0.25rem !important; } - .lg\:focus\:bg-orange-600:focus { - background-color: #dd6b20 !important; + .lg\:rounded-lg { + border-radius: 0.5rem !important; } - .lg\:focus\:bg-orange-700:focus { - background-color: #c05621 !important; + .lg\:rounded-full { + border-radius: 9999px !important; } - .lg\:focus\:bg-orange-800:focus { - background-color: #9c4221 !important; + .lg\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .lg\:focus\:bg-orange-900:focus { - background-color: #7b341e !important; + .lg\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .lg\:focus\:bg-yellow-100:focus { - background-color: #fffff0 !important; + .lg\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .lg\:focus\:bg-yellow-200:focus { - background-color: #fefcbf !important; + .lg\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .lg\:focus\:bg-yellow-300:focus { - background-color: #faf089 !important; + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .lg\:focus\:bg-yellow-400:focus { - background-color: #f6e05e !important; + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .lg\:focus\:bg-yellow-500:focus { - background-color: #ecc94b !important; + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .lg\:focus\:bg-yellow-600:focus { - background-color: #d69e2e !important; + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .lg\:focus\:bg-yellow-700:focus { - background-color: #b7791f !important; + .lg\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .lg\:focus\:bg-yellow-800:focus { - background-color: #975a16 !important; + .lg\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .lg\:focus\:bg-yellow-900:focus { - background-color: #744210 !important; + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .lg\:focus\:bg-green-100:focus { - background-color: #f0fff4 !important; + .lg\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .lg\:focus\:bg-green-200:focus { - background-color: #c6f6d5 !important; + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .lg\:focus\:bg-green-300:focus { - background-color: #9ae6b4 !important; + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .lg\:focus\:bg-green-400:focus { - background-color: #68d391 !important; + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .lg\:focus\:bg-green-500:focus { - background-color: #48bb78 !important; + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .lg\:focus\:bg-green-600:focus { - background-color: #38a169 !important; + .lg\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .lg\:focus\:bg-green-700:focus { - background-color: #2f855a !important; + .lg\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .lg\:focus\:bg-green-800:focus { - background-color: #276749 !important; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .lg\:focus\:bg-green-900:focus { - background-color: #22543d !important; + .lg\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .lg\:focus\:bg-teal-100:focus { - background-color: #e6fffa !important; + .lg\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .lg\:focus\:bg-teal-200:focus { - background-color: #b2f5ea !important; + .lg\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .lg\:focus\:bg-teal-300:focus { - background-color: #81e6d9 !important; + .lg\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .lg\:focus\:bg-teal-400:focus { - background-color: #4fd1c5 !important; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .lg\:focus\:bg-teal-500:focus { - background-color: #38b2ac !important; + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .lg\:focus\:bg-teal-600:focus { - background-color: #319795 !important; + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .lg\:focus\:bg-teal-700:focus { - background-color: #2c7a7b !important; + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .lg\:focus\:bg-teal-800:focus { - background-color: #285e61 !important; + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .lg\:focus\:bg-teal-900:focus { - background-color: #234e52 !important; + .lg\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .lg\:focus\:bg-blue-100:focus { - background-color: #ebf8ff !important; + .lg\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .lg\:focus\:bg-blue-200:focus { - background-color: #bee3f8 !important; + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .lg\:focus\:bg-blue-300:focus { - background-color: #90cdf4 !important; + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .lg\:focus\:bg-blue-400:focus { - background-color: #63b3ed !important; + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .lg\:focus\:bg-blue-500:focus { - background-color: #4299e1 !important; + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .lg\:focus\:bg-blue-600:focus { - background-color: #3182ce !important; + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .lg\:focus\:bg-blue-700:focus { - background-color: #2b6cb0 !important; + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .lg\:focus\:bg-blue-800:focus { - background-color: #2c5282 !important; + .lg\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .lg\:focus\:bg-blue-900:focus { - background-color: #2a4365 !important; + .lg\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .lg\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff !important; + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .lg\:focus\:bg-indigo-200:focus { - background-color: #c3dafe !important; + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .lg\:focus\:bg-indigo-300:focus { - background-color: #a3bffa !important; + .lg\:border-solid { + border-style: solid !important; } - .lg\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5 !important; + .lg\:border-dashed { + border-style: dashed !important; } - .lg\:focus\:bg-indigo-500:focus { - background-color: #667eea !important; + .lg\:border-dotted { + border-style: dotted !important; } - .lg\:focus\:bg-indigo-600:focus { - background-color: #5a67d8 !important; + .lg\:border-double { + border-style: double !important; } - .lg\:focus\:bg-indigo-700:focus { - background-color: #4c51bf !important; + .lg\:border-none { + border-style: none !important; } - .lg\:focus\:bg-indigo-800:focus { - background-color: #434190 !important; + .lg\:border-0 { + border-width: 0 !important; } - .lg\:focus\:bg-indigo-900:focus { - background-color: #3c366b !important; + .lg\:border-2 { + border-width: 2px !important; } - .lg\:focus\:bg-purple-100:focus { - background-color: #faf5ff !important; + .lg\:border-4 { + border-width: 4px !important; } - .lg\:focus\:bg-purple-200:focus { - background-color: #e9d8fd !important; + .lg\:border-8 { + border-width: 8px !important; } - .lg\:focus\:bg-purple-300:focus { - background-color: #d6bcfa !important; + .lg\:border { + border-width: 1px !important; } - .lg\:focus\:bg-purple-400:focus { - background-color: #b794f4 !important; + .lg\:border-t-0 { + border-top-width: 0 !important; } - .lg\:focus\:bg-purple-500:focus { - background-color: #9f7aea !important; + .lg\:border-r-0 { + border-right-width: 0 !important; } - .lg\:focus\:bg-purple-600:focus { - background-color: #805ad5 !important; + .lg\:border-b-0 { + border-bottom-width: 0 !important; } - .lg\:focus\:bg-purple-700:focus { - background-color: #6b46c1 !important; + .lg\:border-l-0 { + border-left-width: 0 !important; } - .lg\:focus\:bg-purple-800:focus { - background-color: #553c9a !important; + .lg\:border-t-2 { + border-top-width: 2px !important; } - .lg\:focus\:bg-purple-900:focus { - background-color: #44337a !important; + .lg\:border-r-2 { + border-right-width: 2px !important; } - .lg\:focus\:bg-pink-100:focus { - background-color: #fff5f7 !important; + .lg\:border-b-2 { + border-bottom-width: 2px !important; } - .lg\:focus\:bg-pink-200:focus { - background-color: #fed7e2 !important; + .lg\:border-l-2 { + border-left-width: 2px !important; } - .lg\:focus\:bg-pink-300:focus { - background-color: #fbb6ce !important; + .lg\:border-t-4 { + border-top-width: 4px !important; } - .lg\:focus\:bg-pink-400:focus { - background-color: #f687b3 !important; + .lg\:border-r-4 { + border-right-width: 4px !important; } - .lg\:focus\:bg-pink-500:focus { - background-color: #ed64a6 !important; + .lg\:border-b-4 { + border-bottom-width: 4px !important; } - .lg\:focus\:bg-pink-600:focus { - background-color: #d53f8c !important; + .lg\:border-l-4 { + border-left-width: 4px !important; } - .lg\:focus\:bg-pink-700:focus { - background-color: #b83280 !important; + .lg\:border-t-8 { + border-top-width: 8px !important; } - .lg\:focus\:bg-pink-800:focus { - background-color: #97266d !important; + .lg\:border-r-8 { + border-right-width: 8px !important; } - .lg\:focus\:bg-pink-900:focus { - background-color: #702459 !important; + .lg\:border-b-8 { + border-bottom-width: 8px !important; } - .lg\:bg-bottom { - background-position: bottom !important; + .lg\:border-l-8 { + border-left-width: 8px !important; } - .lg\:bg-center { - background-position: center !important; + .lg\:border-t { + border-top-width: 1px !important; } - .lg\:bg-left { - background-position: left !important; + .lg\:border-r { + border-right-width: 1px !important; } - .lg\:bg-left-bottom { - background-position: left bottom !important; + .lg\:border-b { + border-bottom-width: 1px !important; } - .lg\:bg-left-top { - background-position: left top !important; + .lg\:border-l { + border-left-width: 1px !important; } - .lg\:bg-right { - background-position: right !important; + .lg\:cursor-auto { + cursor: auto !important; } - .lg\:bg-right-bottom { - background-position: right bottom !important; + .lg\:cursor-default { + cursor: default !important; } - .lg\:bg-right-top { - background-position: right top !important; + .lg\:cursor-pointer { + cursor: pointer !important; } - .lg\:bg-top { - background-position: top !important; + .lg\:cursor-wait { + cursor: wait !important; } - .lg\:bg-repeat { - background-repeat: repeat !important; + .lg\:cursor-text { + cursor: text !important; } - .lg\:bg-no-repeat { - background-repeat: no-repeat !important; + .lg\:cursor-move { + cursor: move !important; } - .lg\:bg-repeat-x { - background-repeat: repeat-x !important; + .lg\:cursor-not-allowed { + cursor: not-allowed !important; } - .lg\:bg-repeat-y { - background-repeat: repeat-y !important; + .lg\:block { + display: block !important; } - .lg\:bg-repeat-round { - background-repeat: round !important; + .lg\:inline-block { + display: inline-block !important; } - .lg\:bg-repeat-space { - background-repeat: space !important; + .lg\:inline { + display: inline !important; } - .lg\:bg-auto { - background-size: auto !important; + .lg\:flex { + display: flex !important; } - .lg\:bg-cover { - background-size: cover !important; + .lg\:inline-flex { + display: inline-flex !important; } - .lg\:bg-contain { - background-size: contain !important; + .lg\:table { + display: table !important; } - .lg\:border-collapse { - border-collapse: collapse !important; + .lg\:table-row { + display: table-row !important; } - .lg\:border-separate { - border-collapse: separate !important; + .lg\:table-cell { + display: table-cell !important; } - .lg\:border-transparent { - border-color: transparent !important; + .lg\:hidden { + display: none !important; } - .lg\:border-black { - border-color: #000 !important; + .lg\:flex-row { + flex-direction: row !important; } - .lg\:border-white { - border-color: #fff !important; + .lg\:flex-row-reverse { + flex-direction: row-reverse !important; } - .lg\:border-gray-100 { - border-color: #f7fafc !important; + .lg\:flex-col { + flex-direction: column !important; } - .lg\:border-gray-200 { - border-color: #edf2f7 !important; + .lg\:flex-col-reverse { + flex-direction: column-reverse !important; } - .lg\:border-gray-300 { - border-color: #e2e8f0 !important; + .lg\:flex-wrap { + flex-wrap: wrap !important; } - .lg\:border-gray-400 { - border-color: #cbd5e0 !important; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .lg\:border-gray-500 { - border-color: #a0aec0 !important; + .lg\:flex-no-wrap { + flex-wrap: nowrap !important; } - .lg\:border-gray-600 { - border-color: #718096 !important; + .lg\:items-start { + align-items: flex-start !important; } - .lg\:border-gray-700 { - border-color: #4a5568 !important; + .lg\:items-end { + align-items: flex-end !important; } - .lg\:border-gray-800 { - border-color: #2d3748 !important; + .lg\:items-center { + align-items: center !important; } - .lg\:border-gray-900 { - border-color: #1a202c !important; + .lg\:items-baseline { + align-items: baseline !important; } - .lg\:border-red-100 { - border-color: #fff5f5 !important; + .lg\:items-stretch { + align-items: stretch !important; } - .lg\:border-red-200 { - border-color: #fed7d7 !important; + .lg\:self-auto { + align-self: auto !important; } - .lg\:border-red-300 { - border-color: #feb2b2 !important; + .lg\:self-start { + align-self: flex-start !important; } - .lg\:border-red-400 { - border-color: #fc8181 !important; + .lg\:self-end { + align-self: flex-end !important; } - .lg\:border-red-500 { - border-color: #f56565 !important; + .lg\:self-center { + align-self: center !important; } - .lg\:border-red-600 { - border-color: #e53e3e !important; + .lg\:self-stretch { + align-self: stretch !important; } - .lg\:border-red-700 { - border-color: #c53030 !important; + .lg\:justify-start { + justify-content: flex-start !important; } - .lg\:border-red-800 { - border-color: #9b2c2c !important; + .lg\:justify-end { + justify-content: flex-end !important; } - .lg\:border-red-900 { - border-color: #742a2a !important; + .lg\:justify-center { + justify-content: center !important; } - .lg\:border-orange-100 { - border-color: #fffaf0 !important; + .lg\:justify-between { + justify-content: space-between !important; } - .lg\:border-orange-200 { - border-color: #feebc8 !important; + .lg\:justify-around { + justify-content: space-around !important; } - .lg\:border-orange-300 { - border-color: #fbd38d !important; + .lg\:content-center { + align-content: center !important; } - .lg\:border-orange-400 { - border-color: #f6ad55 !important; + .lg\:content-start { + align-content: flex-start !important; } - .lg\:border-orange-500 { - border-color: #ed8936 !important; + .lg\:content-end { + align-content: flex-end !important; } - .lg\:border-orange-600 { - border-color: #dd6b20 !important; + .lg\:content-between { + align-content: space-between !important; } - .lg\:border-orange-700 { - border-color: #c05621 !important; + .lg\:content-around { + align-content: space-around !important; } - .lg\:border-orange-800 { - border-color: #9c4221 !important; + .lg\:flex-1 { + flex: 1 1 0% !important; } - .lg\:border-orange-900 { - border-color: #7b341e !important; + .lg\:flex-auto { + flex: 1 1 auto !important; } - .lg\:border-yellow-100 { - border-color: #fffff0 !important; + .lg\:flex-initial { + flex: 0 1 auto !important; } - .lg\:border-yellow-200 { - border-color: #fefcbf !important; + .lg\:flex-none { + flex: none !important; } - .lg\:border-yellow-300 { - border-color: #faf089 !important; + .lg\:flex-grow-0 { + flex-grow: 0 !important; } - .lg\:border-yellow-400 { - border-color: #f6e05e !important; + .lg\:flex-grow { + flex-grow: 1 !important; } - .lg\:border-yellow-500 { - border-color: #ecc94b !important; + .lg\:flex-shrink-0 { + flex-shrink: 0 !important; } - .lg\:border-yellow-600 { - border-color: #d69e2e !important; + .lg\:flex-shrink { + flex-shrink: 1 !important; } - .lg\:border-yellow-700 { - border-color: #b7791f !important; + .lg\:order-1 { + order: 1 !important; } - .lg\:border-yellow-800 { - border-color: #975a16 !important; + .lg\:order-2 { + order: 2 !important; } - .lg\:border-yellow-900 { - border-color: #744210 !important; + .lg\:order-3 { + order: 3 !important; } - .lg\:border-green-100 { - border-color: #f0fff4 !important; + .lg\:order-4 { + order: 4 !important; } - .lg\:border-green-200 { - border-color: #c6f6d5 !important; + .lg\:order-5 { + order: 5 !important; } - .lg\:border-green-300 { - border-color: #9ae6b4 !important; + .lg\:order-6 { + order: 6 !important; } - .lg\:border-green-400 { - border-color: #68d391 !important; + .lg\:order-7 { + order: 7 !important; } - .lg\:border-green-500 { - border-color: #48bb78 !important; + .lg\:order-8 { + order: 8 !important; } - .lg\:border-green-600 { - border-color: #38a169 !important; + .lg\:order-9 { + order: 9 !important; } - .lg\:border-green-700 { - border-color: #2f855a !important; + .lg\:order-10 { + order: 10 !important; } - .lg\:border-green-800 { - border-color: #276749 !important; + .lg\:order-11 { + order: 11 !important; } - .lg\:border-green-900 { - border-color: #22543d !important; + .lg\:order-12 { + order: 12 !important; } - .lg\:border-teal-100 { - border-color: #e6fffa !important; + .lg\:order-first { + order: -9999 !important; } - .lg\:border-teal-200 { - border-color: #b2f5ea !important; + .lg\:order-last { + order: 9999 !important; } - .lg\:border-teal-300 { - border-color: #81e6d9 !important; + .lg\:order-none { + order: 0 !important; } - .lg\:border-teal-400 { - border-color: #4fd1c5 !important; + .lg\:float-right { + float: right !important; } - .lg\:border-teal-500 { - border-color: #38b2ac !important; + .lg\:float-left { + float: left !important; } - .lg\:border-teal-600 { - border-color: #319795 !important; + .lg\:float-none { + float: none !important; } - .lg\:border-teal-700 { - border-color: #2c7a7b !important; + .lg\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .lg\:border-teal-800 { - border-color: #285e61 !important; + .lg\:font-sans { + font-family: -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" !important; } - .lg\:border-teal-900 { - border-color: #234e52 !important; + .lg\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; } - .lg\:border-blue-100 { - border-color: #ebf8ff !important; + .lg\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .lg\:border-blue-200 { - border-color: #bee3f8 !important; + .lg\:font-hairline { + font-weight: 100 !important; } - .lg\:border-blue-300 { - border-color: #90cdf4 !important; + .lg\:font-thin { + font-weight: 200 !important; } - .lg\:border-blue-400 { - border-color: #63b3ed !important; + .lg\:font-light { + font-weight: 300 !important; } - .lg\:border-blue-500 { - border-color: #4299e1 !important; + .lg\:font-normal { + font-weight: 400 !important; } - .lg\:border-blue-600 { - border-color: #3182ce !important; + .lg\:font-medium { + font-weight: 500 !important; } - .lg\:border-blue-700 { - border-color: #2b6cb0 !important; + .lg\:font-semibold { + font-weight: 600 !important; } - .lg\:border-blue-800 { - border-color: #2c5282 !important; + .lg\:font-bold { + font-weight: 700 !important; } - .lg\:border-blue-900 { - border-color: #2a4365 !important; + .lg\:font-extrabold { + font-weight: 800 !important; } - .lg\:border-indigo-100 { - border-color: #ebf4ff !important; + .lg\:font-black { + font-weight: 900 !important; } - .lg\:border-indigo-200 { - border-color: #c3dafe !important; + .lg\:hover\:font-hairline:hover { + font-weight: 100 !important; } - .lg\:border-indigo-300 { - border-color: #a3bffa !important; + .lg\:hover\:font-thin:hover { + font-weight: 200 !important; } - .lg\:border-indigo-400 { - border-color: #7f9cf5 !important; + .lg\:hover\:font-light:hover { + font-weight: 300 !important; } - .lg\:border-indigo-500 { - border-color: #667eea !important; + .lg\:hover\:font-normal:hover { + font-weight: 400 !important; } - .lg\:border-indigo-600 { - border-color: #5a67d8 !important; + .lg\:hover\:font-medium:hover { + font-weight: 500 !important; } - .lg\:border-indigo-700 { - border-color: #4c51bf !important; + .lg\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .lg\:border-indigo-800 { - border-color: #434190 !important; + .lg\:hover\:font-bold:hover { + font-weight: 700 !important; } - .lg\:border-indigo-900 { - border-color: #3c366b !important; + .lg\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .lg\:border-purple-100 { - border-color: #faf5ff !important; + .lg\:hover\:font-black:hover { + font-weight: 900 !important; } - .lg\:border-purple-200 { - border-color: #e9d8fd !important; + .lg\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .lg\:border-purple-300 { - border-color: #d6bcfa !important; + .lg\:focus\:font-thin:focus { + font-weight: 200 !important; } - .lg\:border-purple-400 { - border-color: #b794f4 !important; + .lg\:focus\:font-light:focus { + font-weight: 300 !important; } - .lg\:border-purple-500 { - border-color: #9f7aea !important; + .lg\:focus\:font-normal:focus { + font-weight: 400 !important; } - .lg\:border-purple-600 { - border-color: #805ad5 !important; + .lg\:focus\:font-medium:focus { + font-weight: 500 !important; } - .lg\:border-purple-700 { - border-color: #6b46c1 !important; + .lg\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .lg\:border-purple-800 { - border-color: #553c9a !important; + .lg\:focus\:font-bold:focus { + font-weight: 700 !important; } - .lg\:border-purple-900 { - border-color: #44337a !important; + .lg\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .lg\:border-pink-100 { - border-color: #fff5f7 !important; + .lg\:focus\:font-black:focus { + font-weight: 900 !important; } - .lg\:border-pink-200 { - border-color: #fed7e2 !important; + .lg\:h-0 { + height: 0 !important; } - .lg\:border-pink-300 { - border-color: #fbb6ce !important; + .lg\:h-1 { + height: 0.25rem !important; } - .lg\:border-pink-400 { - border-color: #f687b3 !important; + .lg\:h-2 { + height: 0.5rem !important; } - .lg\:border-pink-500 { - border-color: #ed64a6 !important; + .lg\:h-3 { + height: 0.75rem !important; } - .lg\:border-pink-600 { - border-color: #d53f8c !important; + .lg\:h-4 { + height: 1rem !important; } - .lg\:border-pink-700 { - border-color: #b83280 !important; + .lg\:h-5 { + height: 1.25rem !important; } - .lg\:border-pink-800 { - border-color: #97266d !important; + .lg\:h-6 { + height: 1.5rem !important; } - .lg\:border-pink-900 { - border-color: #702459 !important; + .lg\:h-8 { + height: 2rem !important; } - .lg\:hover\:border-transparent:hover { - border-color: transparent !important; + .lg\:h-10 { + height: 2.5rem !important; } - .lg\:hover\:border-black:hover { - border-color: #000 !important; + .lg\:h-12 { + height: 3rem !important; } - .lg\:hover\:border-white:hover { - border-color: #fff !important; + .lg\:h-16 { + height: 4rem !important; } - .lg\:hover\:border-gray-100:hover { - border-color: #f7fafc !important; + .lg\:h-20 { + height: 5rem !important; } - .lg\:hover\:border-gray-200:hover { - border-color: #edf2f7 !important; + .lg\:h-24 { + height: 6rem !important; } - .lg\:hover\:border-gray-300:hover { - border-color: #e2e8f0 !important; + .lg\:h-32 { + height: 8rem !important; } - .lg\:hover\:border-gray-400:hover { - border-color: #cbd5e0 !important; + .lg\:h-40 { + height: 10rem !important; } - .lg\:hover\:border-gray-500:hover { - border-color: #a0aec0 !important; + .lg\:h-48 { + height: 12rem !important; } - .lg\:hover\:border-gray-600:hover { - border-color: #718096 !important; + .lg\:h-56 { + height: 14rem !important; } - .lg\:hover\:border-gray-700:hover { - border-color: #4a5568 !important; + .lg\:h-64 { + height: 16rem !important; } - .lg\:hover\:border-gray-800:hover { - border-color: #2d3748 !important; + .lg\:h-auto { + height: auto !important; } - .lg\:hover\:border-gray-900:hover { - border-color: #1a202c !important; + .lg\:h-px { + height: 1px !important; } - .lg\:hover\:border-red-100:hover { - border-color: #fff5f5 !important; + .lg\:h-full { + height: 100% !important; } - .lg\:hover\:border-red-200:hover { - border-color: #fed7d7 !important; + .lg\:h-screen { + height: 100vh !important; } - .lg\:hover\:border-red-300:hover { - border-color: #feb2b2 !important; + .lg\:leading-none { + line-height: 1 !important; } - .lg\:hover\:border-red-400:hover { - border-color: #fc8181 !important; + .lg\:leading-tight { + line-height: 1.25 !important; } - .lg\:hover\:border-red-500:hover { - border-color: #f56565 !important; + .lg\:leading-snug { + line-height: 1.375 !important; } - .lg\:hover\:border-red-600:hover { - border-color: #e53e3e !important; + .lg\:leading-normal { + line-height: 1.5 !important; } - .lg\:hover\:border-red-700:hover { - border-color: #c53030 !important; + .lg\:leading-relaxed { + line-height: 1.625 !important; } - .lg\:hover\:border-red-800:hover { - border-color: #9b2c2c !important; + .lg\:leading-loose { + line-height: 2 !important; } - .lg\:hover\:border-red-900:hover { - border-color: #742a2a !important; + .lg\:list-inside { + list-style-position: inside !important; } - .lg\:hover\:border-orange-100:hover { - border-color: #fffaf0 !important; + .lg\:list-outside { + list-style-position: outside !important; } - .lg\:hover\:border-orange-200:hover { - border-color: #feebc8 !important; + .lg\:list-none { + list-style-type: none !important; } - .lg\:hover\:border-orange-300:hover { - border-color: #fbd38d !important; + .lg\:list-disc { + list-style-type: disc !important; } - .lg\:hover\:border-orange-400:hover { - border-color: #f6ad55 !important; + .lg\:list-decimal { + list-style-type: decimal !important; } - .lg\:hover\:border-orange-500:hover { - border-color: #ed8936 !important; + .lg\:m-0 { + margin: 0 !important; } - .lg\:hover\:border-orange-600:hover { - border-color: #dd6b20 !important; + .lg\:m-1 { + margin: 0.25rem !important; } - .lg\:hover\:border-orange-700:hover { - border-color: #c05621 !important; + .lg\:m-2 { + margin: 0.5rem !important; } - .lg\:hover\:border-orange-800:hover { - border-color: #9c4221 !important; + .lg\:m-3 { + margin: 0.75rem !important; } - .lg\:hover\:border-orange-900:hover { - border-color: #7b341e !important; + .lg\:m-4 { + margin: 1rem !important; } - .lg\:hover\:border-yellow-100:hover { - border-color: #fffff0 !important; + .lg\:m-5 { + margin: 1.25rem !important; } - .lg\:hover\:border-yellow-200:hover { - border-color: #fefcbf !important; + .lg\:m-6 { + margin: 1.5rem !important; } - .lg\:hover\:border-yellow-300:hover { - border-color: #faf089 !important; + .lg\:m-8 { + margin: 2rem !important; } - .lg\:hover\:border-yellow-400:hover { - border-color: #f6e05e !important; + .lg\:m-10 { + margin: 2.5rem !important; } - .lg\:hover\:border-yellow-500:hover { - border-color: #ecc94b !important; + .lg\:m-12 { + margin: 3rem !important; } - .lg\:hover\:border-yellow-600:hover { - border-color: #d69e2e !important; + .lg\:m-16 { + margin: 4rem !important; } - .lg\:hover\:border-yellow-700:hover { - border-color: #b7791f !important; + .lg\:m-20 { + margin: 5rem !important; } - .lg\:hover\:border-yellow-800:hover { - border-color: #975a16 !important; + .lg\:m-24 { + margin: 6rem !important; } - .lg\:hover\:border-yellow-900:hover { - border-color: #744210 !important; + .lg\:m-32 { + margin: 8rem !important; } - .lg\:hover\:border-green-100:hover { - border-color: #f0fff4 !important; + .lg\:m-40 { + margin: 10rem !important; } - .lg\:hover\:border-green-200:hover { - border-color: #c6f6d5 !important; + .lg\:m-48 { + margin: 12rem !important; } - .lg\:hover\:border-green-300:hover { - border-color: #9ae6b4 !important; + .lg\:m-56 { + margin: 14rem !important; } - .lg\:hover\:border-green-400:hover { - border-color: #68d391 !important; + .lg\:m-64 { + margin: 16rem !important; } - .lg\:hover\:border-green-500:hover { - border-color: #48bb78 !important; + .lg\:m-auto { + margin: auto !important; } - .lg\:hover\:border-green-600:hover { - border-color: #38a169 !important; + .lg\:m-px { + margin: 1px !important; } - .lg\:hover\:border-green-700:hover { - border-color: #2f855a !important; + .lg\:-m-1 { + margin: -0.25rem !important; } - .lg\:hover\:border-green-800:hover { - border-color: #276749 !important; + .lg\:-m-2 { + margin: -0.5rem !important; } - .lg\:hover\:border-green-900:hover { - border-color: #22543d !important; + .lg\:-m-3 { + margin: -0.75rem !important; } - .lg\:hover\:border-teal-100:hover { - border-color: #e6fffa !important; + .lg\:-m-4 { + margin: -1rem !important; } - .lg\:hover\:border-teal-200:hover { - border-color: #b2f5ea !important; + .lg\:-m-5 { + margin: -1.25rem !important; } - .lg\:hover\:border-teal-300:hover { - border-color: #81e6d9 !important; + .lg\:-m-6 { + margin: -1.5rem !important; } - .lg\:hover\:border-teal-400:hover { - border-color: #4fd1c5 !important; + .lg\:-m-8 { + margin: -2rem !important; } - .lg\:hover\:border-teal-500:hover { - border-color: #38b2ac !important; + .lg\:-m-10 { + margin: -2.5rem !important; } - .lg\:hover\:border-teal-600:hover { - border-color: #319795 !important; + .lg\:-m-12 { + margin: -3rem !important; } - .lg\:hover\:border-teal-700:hover { - border-color: #2c7a7b !important; + .lg\:-m-16 { + margin: -4rem !important; } - .lg\:hover\:border-teal-800:hover { - border-color: #285e61 !important; + .lg\:-m-20 { + margin: -5rem !important; } - .lg\:hover\:border-teal-900:hover { - border-color: #234e52 !important; + .lg\:-m-24 { + margin: -6rem !important; } - .lg\:hover\:border-blue-100:hover { - border-color: #ebf8ff !important; + .lg\:-m-32 { + margin: -8rem !important; } - .lg\:hover\:border-blue-200:hover { - border-color: #bee3f8 !important; + .lg\:-m-40 { + margin: -10rem !important; } - .lg\:hover\:border-blue-300:hover { - border-color: #90cdf4 !important; + .lg\:-m-48 { + margin: -12rem !important; } - .lg\:hover\:border-blue-400:hover { - border-color: #63b3ed !important; + .lg\:-m-56 { + margin: -14rem !important; } - .lg\:hover\:border-blue-500:hover { - border-color: #4299e1 !important; + .lg\:-m-64 { + margin: -16rem !important; } - .lg\:hover\:border-blue-600:hover { - border-color: #3182ce !important; + .lg\:-m-px { + margin: -1px !important; } - .lg\:hover\:border-blue-700:hover { - border-color: #2b6cb0 !important; + .lg\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .lg\:hover\:border-blue-800:hover { - border-color: #2c5282 !important; + .lg\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .lg\:hover\:border-blue-900:hover { - border-color: #2a4365 !important; + .lg\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .lg\:hover\:border-indigo-100:hover { - border-color: #ebf4ff !important; + .lg\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .lg\:hover\:border-indigo-200:hover { - border-color: #c3dafe !important; + .lg\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .lg\:hover\:border-indigo-300:hover { - border-color: #a3bffa !important; + .lg\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .lg\:hover\:border-indigo-400:hover { - border-color: #7f9cf5 !important; + .lg\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .lg\:hover\:border-indigo-500:hover { - border-color: #667eea !important; + .lg\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .lg\:hover\:border-indigo-600:hover { - border-color: #5a67d8 !important; + .lg\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .lg\:hover\:border-indigo-700:hover { - border-color: #4c51bf !important; + .lg\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .lg\:hover\:border-indigo-800:hover { - border-color: #434190 !important; + .lg\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .lg\:hover\:border-indigo-900:hover { - border-color: #3c366b !important; + .lg\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .lg\:hover\:border-purple-100:hover { - border-color: #faf5ff !important; + .lg\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .lg\:hover\:border-purple-200:hover { - border-color: #e9d8fd !important; + .lg\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .lg\:hover\:border-purple-300:hover { - border-color: #d6bcfa !important; + .lg\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .lg\:hover\:border-purple-400:hover { - border-color: #b794f4 !important; + .lg\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .lg\:hover\:border-purple-500:hover { - border-color: #9f7aea !important; + .lg\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .lg\:hover\:border-purple-600:hover { - border-color: #805ad5 !important; + .lg\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .lg\:hover\:border-purple-700:hover { - border-color: #6b46c1 !important; + .lg\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .lg\:hover\:border-purple-800:hover { - border-color: #553c9a !important; + .lg\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .lg\:hover\:border-purple-900:hover { - border-color: #44337a !important; + .lg\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .lg\:hover\:border-pink-100:hover { - border-color: #fff5f7 !important; + .lg\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .lg\:hover\:border-pink-200:hover { - border-color: #fed7e2 !important; + .lg\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .lg\:hover\:border-pink-300:hover { - border-color: #fbb6ce !important; + .lg\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .lg\:hover\:border-pink-400:hover { - border-color: #f687b3 !important; + .lg\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .lg\:hover\:border-pink-500:hover { - border-color: #ed64a6 !important; + .lg\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .lg\:hover\:border-pink-600:hover { - border-color: #d53f8c !important; + .lg\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; + } + + .lg\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .lg\:hover\:border-pink-700:hover { - border-color: #b83280 !important; + .lg\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .lg\:hover\:border-pink-800:hover { - border-color: #97266d !important; + .lg\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .lg\:hover\:border-pink-900:hover { - border-color: #702459 !important; + .lg\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .lg\:focus\:border-transparent:focus { - border-color: transparent !important; + .lg\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .lg\:focus\:border-black:focus { - border-color: #000 !important; + .lg\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .lg\:focus\:border-white:focus { - border-color: #fff !important; + .lg\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .lg\:focus\:border-gray-100:focus { - border-color: #f7fafc !important; + .lg\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .lg\:focus\:border-gray-200:focus { - border-color: #edf2f7 !important; + .lg\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .lg\:focus\:border-gray-300:focus { - border-color: #e2e8f0 !important; + .lg\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .lg\:focus\:border-gray-400:focus { - border-color: #cbd5e0 !important; + .lg\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .lg\:focus\:border-gray-500:focus { - border-color: #a0aec0 !important; + .lg\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .lg\:focus\:border-gray-600:focus { - border-color: #718096 !important; + .lg\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .lg\:focus\:border-gray-700:focus { - border-color: #4a5568 !important; + .lg\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .lg\:focus\:border-gray-800:focus { - border-color: #2d3748 !important; + .lg\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .lg\:focus\:border-gray-900:focus { - border-color: #1a202c !important; + .lg\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .lg\:focus\:border-red-100:focus { - border-color: #fff5f5 !important; + .lg\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .lg\:focus\:border-red-200:focus { - border-color: #fed7d7 !important; + .lg\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .lg\:focus\:border-red-300:focus { - border-color: #feb2b2 !important; + .lg\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .lg\:focus\:border-red-400:focus { - border-color: #fc8181 !important; + .lg\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .lg\:focus\:border-red-500:focus { - border-color: #f56565 !important; + .lg\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .lg\:focus\:border-red-600:focus { - border-color: #e53e3e !important; + .lg\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .lg\:focus\:border-red-700:focus { - border-color: #c53030 !important; + .lg\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .lg\:focus\:border-red-800:focus { - border-color: #9b2c2c !important; + .lg\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .lg\:focus\:border-red-900:focus { - border-color: #742a2a !important; + .lg\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .lg\:focus\:border-orange-100:focus { - border-color: #fffaf0 !important; + .lg\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .lg\:focus\:border-orange-200:focus { - border-color: #feebc8 !important; + .lg\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .lg\:focus\:border-orange-300:focus { - border-color: #fbd38d !important; + .lg\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .lg\:focus\:border-orange-400:focus { - border-color: #f6ad55 !important; + .lg\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .lg\:focus\:border-orange-500:focus { - border-color: #ed8936 !important; + .lg\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .lg\:focus\:border-orange-600:focus { - border-color: #dd6b20 !important; + .lg\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .lg\:focus\:border-orange-700:focus { - border-color: #c05621 !important; + .lg\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .lg\:focus\:border-orange-800:focus { - border-color: #9c4221 !important; + .lg\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .lg\:focus\:border-orange-900:focus { - border-color: #7b341e !important; + .lg\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .lg\:focus\:border-yellow-100:focus { - border-color: #fffff0 !important; + .lg\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .lg\:focus\:border-yellow-200:focus { - border-color: #fefcbf !important; + .lg\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .lg\:focus\:border-yellow-300:focus { - border-color: #faf089 !important; + .lg\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .lg\:focus\:border-yellow-400:focus { - border-color: #f6e05e !important; + .lg\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .lg\:focus\:border-yellow-500:focus { - border-color: #ecc94b !important; + .lg\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .lg\:focus\:border-yellow-600:focus { - border-color: #d69e2e !important; + .lg\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .lg\:focus\:border-yellow-700:focus { - border-color: #b7791f !important; + .lg\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .lg\:focus\:border-yellow-800:focus { - border-color: #975a16 !important; + .lg\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .lg\:focus\:border-yellow-900:focus { - border-color: #744210 !important; + .lg\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .lg\:focus\:border-green-100:focus { - border-color: #f0fff4 !important; + .lg\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .lg\:focus\:border-green-200:focus { - border-color: #c6f6d5 !important; + .lg\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .lg\:focus\:border-green-300:focus { - border-color: #9ae6b4 !important; + .lg\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .lg\:focus\:border-green-400:focus { - border-color: #68d391 !important; + .lg\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .lg\:focus\:border-green-500:focus { - border-color: #48bb78 !important; + .lg\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .lg\:focus\:border-green-600:focus { - border-color: #38a169 !important; + .lg\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .lg\:focus\:border-green-700:focus { - border-color: #2f855a !important; + .lg\:mt-0 { + margin-top: 0 !important; } - .lg\:focus\:border-green-800:focus { - border-color: #276749 !important; + .lg\:mr-0 { + margin-right: 0 !important; } - .lg\:focus\:border-green-900:focus { - border-color: #22543d !important; + .lg\:mb-0 { + margin-bottom: 0 !important; } - .lg\:focus\:border-teal-100:focus { - border-color: #e6fffa !important; + .lg\:ml-0 { + margin-left: 0 !important; } - .lg\:focus\:border-teal-200:focus { - border-color: #b2f5ea !important; + .lg\:mt-1 { + margin-top: 0.25rem !important; } - .lg\:focus\:border-teal-300:focus { - border-color: #81e6d9 !important; + .lg\:mr-1 { + margin-right: 0.25rem !important; } - .lg\:focus\:border-teal-400:focus { - border-color: #4fd1c5 !important; + .lg\:mb-1 { + margin-bottom: 0.25rem !important; } - .lg\:focus\:border-teal-500:focus { - border-color: #38b2ac !important; + .lg\:ml-1 { + margin-left: 0.25rem !important; } - .lg\:focus\:border-teal-600:focus { - border-color: #319795 !important; + .lg\:mt-2 { + margin-top: 0.5rem !important; } - .lg\:focus\:border-teal-700:focus { - border-color: #2c7a7b !important; + .lg\:mr-2 { + margin-right: 0.5rem !important; } - .lg\:focus\:border-teal-800:focus { - border-color: #285e61 !important; + .lg\:mb-2 { + margin-bottom: 0.5rem !important; } - .lg\:focus\:border-teal-900:focus { - border-color: #234e52 !important; + .lg\:ml-2 { + margin-left: 0.5rem !important; } - .lg\:focus\:border-blue-100:focus { - border-color: #ebf8ff !important; + .lg\:mt-3 { + margin-top: 0.75rem !important; } - .lg\:focus\:border-blue-200:focus { - border-color: #bee3f8 !important; + .lg\:mr-3 { + margin-right: 0.75rem !important; } - .lg\:focus\:border-blue-300:focus { - border-color: #90cdf4 !important; + .lg\:mb-3 { + margin-bottom: 0.75rem !important; } - .lg\:focus\:border-blue-400:focus { - border-color: #63b3ed !important; + .lg\:ml-3 { + margin-left: 0.75rem !important; } - .lg\:focus\:border-blue-500:focus { - border-color: #4299e1 !important; + .lg\:mt-4 { + margin-top: 1rem !important; } - .lg\:focus\:border-blue-600:focus { - border-color: #3182ce !important; + .lg\:mr-4 { + margin-right: 1rem !important; } - .lg\:focus\:border-blue-700:focus { - border-color: #2b6cb0 !important; + .lg\:mb-4 { + margin-bottom: 1rem !important; } - .lg\:focus\:border-blue-800:focus { - border-color: #2c5282 !important; + .lg\:ml-4 { + margin-left: 1rem !important; } - .lg\:focus\:border-blue-900:focus { - border-color: #2a4365 !important; + .lg\:mt-5 { + margin-top: 1.25rem !important; } - .lg\:focus\:border-indigo-100:focus { - border-color: #ebf4ff !important; + .lg\:mr-5 { + margin-right: 1.25rem !important; } - .lg\:focus\:border-indigo-200:focus { - border-color: #c3dafe !important; + .lg\:mb-5 { + margin-bottom: 1.25rem !important; } - .lg\:focus\:border-indigo-300:focus { - border-color: #a3bffa !important; + .lg\:ml-5 { + margin-left: 1.25rem !important; } - .lg\:focus\:border-indigo-400:focus { - border-color: #7f9cf5 !important; + .lg\:mt-6 { + margin-top: 1.5rem !important; } - .lg\:focus\:border-indigo-500:focus { - border-color: #667eea !important; + .lg\:mr-6 { + margin-right: 1.5rem !important; } - .lg\:focus\:border-indigo-600:focus { - border-color: #5a67d8 !important; + .lg\:mb-6 { + margin-bottom: 1.5rem !important; } - .lg\:focus\:border-indigo-700:focus { - border-color: #4c51bf !important; + .lg\:ml-6 { + margin-left: 1.5rem !important; } - .lg\:focus\:border-indigo-800:focus { - border-color: #434190 !important; + .lg\:mt-8 { + margin-top: 2rem !important; } - .lg\:focus\:border-indigo-900:focus { - border-color: #3c366b !important; + .lg\:mr-8 { + margin-right: 2rem !important; } - .lg\:focus\:border-purple-100:focus { - border-color: #faf5ff !important; + .lg\:mb-8 { + margin-bottom: 2rem !important; } - .lg\:focus\:border-purple-200:focus { - border-color: #e9d8fd !important; + .lg\:ml-8 { + margin-left: 2rem !important; } - .lg\:focus\:border-purple-300:focus { - border-color: #d6bcfa !important; + .lg\:mt-10 { + margin-top: 2.5rem !important; } - .lg\:focus\:border-purple-400:focus { - border-color: #b794f4 !important; + .lg\:mr-10 { + margin-right: 2.5rem !important; } - .lg\:focus\:border-purple-500:focus { - border-color: #9f7aea !important; + .lg\:mb-10 { + margin-bottom: 2.5rem !important; } - .lg\:focus\:border-purple-600:focus { - border-color: #805ad5 !important; + .lg\:ml-10 { + margin-left: 2.5rem !important; } - .lg\:focus\:border-purple-700:focus { - border-color: #6b46c1 !important; + .lg\:mt-12 { + margin-top: 3rem !important; } - .lg\:focus\:border-purple-800:focus { - border-color: #553c9a !important; + .lg\:mr-12 { + margin-right: 3rem !important; } - .lg\:focus\:border-purple-900:focus { - border-color: #44337a !important; + .lg\:mb-12 { + margin-bottom: 3rem !important; } - .lg\:focus\:border-pink-100:focus { - border-color: #fff5f7 !important; + .lg\:ml-12 { + margin-left: 3rem !important; } - .lg\:focus\:border-pink-200:focus { - border-color: #fed7e2 !important; + .lg\:mt-16 { + margin-top: 4rem !important; } - .lg\:focus\:border-pink-300:focus { - border-color: #fbb6ce !important; + .lg\:mr-16 { + margin-right: 4rem !important; } - .lg\:focus\:border-pink-400:focus { - border-color: #f687b3 !important; + .lg\:mb-16 { + margin-bottom: 4rem !important; } - .lg\:focus\:border-pink-500:focus { - border-color: #ed64a6 !important; + .lg\:ml-16 { + margin-left: 4rem !important; } - .lg\:focus\:border-pink-600:focus { - border-color: #d53f8c !important; + .lg\:mt-20 { + margin-top: 5rem !important; } - .lg\:focus\:border-pink-700:focus { - border-color: #b83280 !important; + .lg\:mr-20 { + margin-right: 5rem !important; } - .lg\:focus\:border-pink-800:focus { - border-color: #97266d !important; + .lg\:mb-20 { + margin-bottom: 5rem !important; } - .lg\:focus\:border-pink-900:focus { - border-color: #702459 !important; + .lg\:ml-20 { + margin-left: 5rem !important; } - .lg\:rounded-none { - border-radius: 0 !important; + .lg\:mt-24 { + margin-top: 6rem !important; } - .lg\:rounded-sm { - border-radius: 0.125rem !important; + .lg\:mr-24 { + margin-right: 6rem !important; } - .lg\:rounded { - border-radius: 0.25rem !important; + .lg\:mb-24 { + margin-bottom: 6rem !important; } - .lg\:rounded-lg { - border-radius: 0.5rem !important; + .lg\:ml-24 { + margin-left: 6rem !important; } - .lg\:rounded-full { - border-radius: 9999px !important; + .lg\:mt-32 { + margin-top: 8rem !important; } - .lg\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .lg\:mr-32 { + margin-right: 8rem !important; } - .lg\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .lg\:mb-32 { + margin-bottom: 8rem !important; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .lg\:ml-32 { + margin-left: 8rem !important; } - .lg\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .lg\:mt-40 { + margin-top: 10rem !important; } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .lg\:mr-40 { + margin-right: 10rem !important; } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .lg\:mb-40 { + margin-bottom: 10rem !important; } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .lg\:ml-40 { + margin-left: 10rem !important; } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .lg\:mt-48 { + margin-top: 12rem !important; } - .lg\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .lg\:mr-48 { + margin-right: 12rem !important; } - .lg\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .lg\:mb-48 { + margin-bottom: 12rem !important; } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .lg\:ml-48 { + margin-left: 12rem !important; + } + + .lg\:mt-56 { + margin-top: 14rem !important; } - .lg\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .lg\:mr-56 { + margin-right: 14rem !important; } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .lg\:mb-56 { + margin-bottom: 14rem !important; } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .lg\:ml-56 { + margin-left: 14rem !important; } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .lg\:mt-64 { + margin-top: 16rem !important; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .lg\:mr-64 { + margin-right: 16rem !important; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .lg\:mb-64 { + margin-bottom: 16rem !important; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .lg\:ml-64 { + margin-left: 16rem !important; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .lg\:mt-auto { + margin-top: auto !important; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .lg\:mr-auto { + margin-right: auto !important; } - .lg\:rounded-tl-none { - border-top-left-radius: 0 !important; + .lg\:mb-auto { + margin-bottom: auto !important; } - .lg\:rounded-tr-none { - border-top-right-radius: 0 !important; + .lg\:ml-auto { + margin-left: auto !important; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .lg\:mt-px { + margin-top: 1px !important; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .lg\:mr-px { + margin-right: 1px !important; } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .lg\:mb-px { + margin-bottom: 1px !important; } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .lg\:ml-px { + margin-left: 1px !important; } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .lg\:-mt-1 { + margin-top: -0.25rem !important; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .lg\:-mr-1 { + margin-right: -0.25rem !important; } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .lg\:-mb-1 { + margin-bottom: -0.25rem !important; } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .lg\:-ml-1 { + margin-left: -0.25rem !important; } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .lg\:-mt-2 { + margin-top: -0.5rem !important; } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .lg\:-mr-2 { + margin-right: -0.5rem !important; } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .lg\:-mb-2 { + margin-bottom: -0.5rem !important; } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .lg\:-ml-2 { + margin-left: -0.5rem !important; } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .lg\:-mt-3 { + margin-top: -0.75rem !important; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .lg\:-mr-3 { + margin-right: -0.75rem !important; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .lg\:-mb-3 { + margin-bottom: -0.75rem !important; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .lg\:-ml-3 { + margin-left: -0.75rem !important; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .lg\:-mt-4 { + margin-top: -1rem !important; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .lg\:-mr-4 { + margin-right: -1rem !important; } - .lg\:border-solid { - border-style: solid !important; + .lg\:-mb-4 { + margin-bottom: -1rem !important; } - .lg\:border-dashed { - border-style: dashed !important; + .lg\:-ml-4 { + margin-left: -1rem !important; } - .lg\:border-dotted { - border-style: dotted !important; + .lg\:-mt-5 { + margin-top: -1.25rem !important; } - .lg\:border-double { - border-style: double !important; + .lg\:-mr-5 { + margin-right: -1.25rem !important; } - .lg\:border-none { - border-style: none !important; + .lg\:-mb-5 { + margin-bottom: -1.25rem !important; } - .lg\:border-0 { - border-width: 0 !important; + .lg\:-ml-5 { + margin-left: -1.25rem !important; } - .lg\:border-2 { - border-width: 2px !important; + .lg\:-mt-6 { + margin-top: -1.5rem !important; } - .lg\:border-4 { - border-width: 4px !important; + .lg\:-mr-6 { + margin-right: -1.5rem !important; } - .lg\:border-8 { - border-width: 8px !important; + .lg\:-mb-6 { + margin-bottom: -1.5rem !important; } - .lg\:border { - border-width: 1px !important; + .lg\:-ml-6 { + margin-left: -1.5rem !important; } - .lg\:border-t-0 { - border-top-width: 0 !important; + .lg\:-mt-8 { + margin-top: -2rem !important; } - .lg\:border-r-0 { - border-right-width: 0 !important; + .lg\:-mr-8 { + margin-right: -2rem !important; } - .lg\:border-b-0 { - border-bottom-width: 0 !important; + .lg\:-mb-8 { + margin-bottom: -2rem !important; } - .lg\:border-l-0 { - border-left-width: 0 !important; + .lg\:-ml-8 { + margin-left: -2rem !important; } - .lg\:border-t-2 { - border-top-width: 2px !important; + .lg\:-mt-10 { + margin-top: -2.5rem !important; } - .lg\:border-r-2 { - border-right-width: 2px !important; + .lg\:-mr-10 { + margin-right: -2.5rem !important; } - .lg\:border-b-2 { - border-bottom-width: 2px !important; + .lg\:-mb-10 { + margin-bottom: -2.5rem !important; } - .lg\:border-l-2 { - border-left-width: 2px !important; + .lg\:-ml-10 { + margin-left: -2.5rem !important; } - .lg\:border-t-4 { - border-top-width: 4px !important; + .lg\:-mt-12 { + margin-top: -3rem !important; } - .lg\:border-r-4 { - border-right-width: 4px !important; + .lg\:-mr-12 { + margin-right: -3rem !important; } - .lg\:border-b-4 { - border-bottom-width: 4px !important; + .lg\:-mb-12 { + margin-bottom: -3rem !important; } - .lg\:border-l-4 { - border-left-width: 4px !important; + .lg\:-ml-12 { + margin-left: -3rem !important; } - .lg\:border-t-8 { - border-top-width: 8px !important; + .lg\:-mt-16 { + margin-top: -4rem !important; } - .lg\:border-r-8 { - border-right-width: 8px !important; + .lg\:-mr-16 { + margin-right: -4rem !important; } - .lg\:border-b-8 { - border-bottom-width: 8px !important; + .lg\:-mb-16 { + margin-bottom: -4rem !important; } - .lg\:border-l-8 { - border-left-width: 8px !important; + .lg\:-ml-16 { + margin-left: -4rem !important; } - .lg\:border-t { - border-top-width: 1px !important; + .lg\:-mt-20 { + margin-top: -5rem !important; } - .lg\:border-r { - border-right-width: 1px !important; + .lg\:-mr-20 { + margin-right: -5rem !important; } - .lg\:border-b { - border-bottom-width: 1px !important; + .lg\:-mb-20 { + margin-bottom: -5rem !important; } - .lg\:border-l { - border-left-width: 1px !important; + .lg\:-ml-20 { + margin-left: -5rem !important; } - .lg\:cursor-auto { - cursor: auto !important; + .lg\:-mt-24 { + margin-top: -6rem !important; } - .lg\:cursor-default { - cursor: default !important; + .lg\:-mr-24 { + margin-right: -6rem !important; } - .lg\:cursor-pointer { - cursor: pointer !important; + .lg\:-mb-24 { + margin-bottom: -6rem !important; } - .lg\:cursor-wait { - cursor: wait !important; + .lg\:-ml-24 { + margin-left: -6rem !important; } - .lg\:cursor-text { - cursor: text !important; + .lg\:-mt-32 { + margin-top: -8rem !important; } - .lg\:cursor-move { - cursor: move !important; + .lg\:-mr-32 { + margin-right: -8rem !important; } - .lg\:cursor-not-allowed { - cursor: not-allowed !important; + .lg\:-mb-32 { + margin-bottom: -8rem !important; } - .lg\:block { - display: block !important; + .lg\:-ml-32 { + margin-left: -8rem !important; } - .lg\:inline-block { - display: inline-block !important; + .lg\:-mt-40 { + margin-top: -10rem !important; } - .lg\:inline { - display: inline !important; + .lg\:-mr-40 { + margin-right: -10rem !important; } - .lg\:flex { - display: flex !important; + .lg\:-mb-40 { + margin-bottom: -10rem !important; } - .lg\:inline-flex { - display: inline-flex !important; + .lg\:-ml-40 { + margin-left: -10rem !important; } - .lg\:table { - display: table !important; + .lg\:-mt-48 { + margin-top: -12rem !important; } - .lg\:table-row { - display: table-row !important; + .lg\:-mr-48 { + margin-right: -12rem !important; } - .lg\:table-cell { - display: table-cell !important; + .lg\:-mb-48 { + margin-bottom: -12rem !important; } - .lg\:hidden { - display: none !important; + .lg\:-ml-48 { + margin-left: -12rem !important; } - .lg\:flex-row { - flex-direction: row !important; + .lg\:-mt-56 { + margin-top: -14rem !important; } - .lg\:flex-row-reverse { - flex-direction: row-reverse !important; + .lg\:-mr-56 { + margin-right: -14rem !important; } - .lg\:flex-col { - flex-direction: column !important; + .lg\:-mb-56 { + margin-bottom: -14rem !important; } - .lg\:flex-col-reverse { - flex-direction: column-reverse !important; + .lg\:-ml-56 { + margin-left: -14rem !important; } - .lg\:flex-wrap { - flex-wrap: wrap !important; + .lg\:-mt-64 { + margin-top: -16rem !important; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .lg\:-mr-64 { + margin-right: -16rem !important; } - .lg\:flex-no-wrap { - flex-wrap: nowrap !important; + .lg\:-mb-64 { + margin-bottom: -16rem !important; } - .lg\:items-start { - align-items: flex-start !important; + .lg\:-ml-64 { + margin-left: -16rem !important; } - .lg\:items-end { - align-items: flex-end !important; + .lg\:-mt-px { + margin-top: -1px !important; } - .lg\:items-center { - align-items: center !important; + .lg\:-mr-px { + margin-right: -1px !important; } - .lg\:items-baseline { - align-items: baseline !important; + .lg\:-mb-px { + margin-bottom: -1px !important; } - .lg\:items-stretch { - align-items: stretch !important; + .lg\:-ml-px { + margin-left: -1px !important; } - .lg\:self-auto { - align-self: auto !important; + .lg\:max-h-full { + max-height: 100% !important; } - .lg\:self-start { - align-self: flex-start !important; + .lg\:max-h-screen { + max-height: 100vh !important; } - .lg\:self-end { - align-self: flex-end !important; + .lg\:max-w-xs { + max-width: 20rem !important; } - .lg\:self-center { - align-self: center !important; + .lg\:max-w-sm { + max-width: 24rem !important; } - .lg\:self-stretch { - align-self: stretch !important; + .lg\:max-w-md { + max-width: 28rem !important; } - .lg\:justify-start { - justify-content: flex-start !important; + .lg\:max-w-lg { + max-width: 32rem !important; } - .lg\:justify-end { - justify-content: flex-end !important; + .lg\:max-w-xl { + max-width: 36rem !important; } - .lg\:justify-center { - justify-content: center !important; + .lg\:max-w-2xl { + max-width: 42rem !important; } - .lg\:justify-between { - justify-content: space-between !important; + .lg\:max-w-3xl { + max-width: 48rem !important; } - .lg\:justify-around { - justify-content: space-around !important; + .lg\:max-w-4xl { + max-width: 56rem !important; } - .lg\:content-center { - align-content: center !important; + .lg\:max-w-5xl { + max-width: 64rem !important; } - .lg\:content-start { - align-content: flex-start !important; + .lg\:max-w-6xl { + max-width: 72rem !important; } - .lg\:content-end { - align-content: flex-end !important; + .lg\:max-w-full { + max-width: 100% !important; } - .lg\:content-between { - align-content: space-between !important; + .lg\:min-h-0 { + min-height: 0 !important; } - .lg\:content-around { - align-content: space-around !important; + .lg\:min-h-full { + min-height: 100% !important; } - .lg\:flex-1 { - flex: 1 1 0% !important; + .lg\:min-h-screen { + min-height: 100vh !important; } - .lg\:flex-auto { - flex: 1 1 auto !important; + .lg\:min-w-0 { + min-width: 0 !important; } - .lg\:flex-initial { - flex: 0 1 auto !important; + .lg\:min-w-full { + min-width: 100% !important; } - .lg\:flex-none { - flex: none !important; + .lg\:object-contain { + object-fit: contain !important; } - .lg\:flex-grow-0 { - flex-grow: 0 !important; + .lg\:object-cover { + object-fit: cover !important; } - .lg\:flex-grow { - flex-grow: 1 !important; + .lg\:object-fill { + object-fit: fill !important; } - .lg\:flex-shrink-0 { - flex-shrink: 0 !important; + .lg\:object-none { + object-fit: none !important; } - .lg\:flex-shrink { - flex-shrink: 1 !important; + .lg\:object-scale-down { + object-fit: scale-down !important; } - .lg\:order-1 { - order: 1 !important; + .lg\:object-bottom { + object-position: bottom !important; } - .lg\:order-2 { - order: 2 !important; + .lg\:object-center { + object-position: center !important; } - .lg\:order-3 { - order: 3 !important; + .lg\:object-left { + object-position: left !important; } - .lg\:order-4 { - order: 4 !important; + .lg\:object-left-bottom { + object-position: left bottom !important; } - .lg\:order-5 { - order: 5 !important; + .lg\:object-left-top { + object-position: left top !important; } - .lg\:order-6 { - order: 6 !important; + .lg\:object-right { + object-position: right !important; } - .lg\:order-7 { - order: 7 !important; + .lg\:object-right-bottom { + object-position: right bottom !important; } - .lg\:order-8 { - order: 8 !important; + .lg\:object-right-top { + object-position: right top !important; } - .lg\:order-9 { - order: 9 !important; + .lg\:object-top { + object-position: top !important; } - .lg\:order-10 { - order: 10 !important; + .lg\:opacity-0 { + opacity: 0 !important; } - .lg\:order-11 { - order: 11 !important; + .lg\:opacity-25 { + opacity: 0.25 !important; } - .lg\:order-12 { - order: 12 !important; + .lg\:opacity-50 { + opacity: 0.5 !important; } - .lg\:order-first { - order: -9999 !important; + .lg\:opacity-75 { + opacity: 0.75 !important; } - .lg\:order-last { - order: 9999 !important; + .lg\:opacity-100 { + opacity: 1 !important; } - .lg\:order-none { - order: 0 !important; + .lg\:outline-none { + outline: 0 !important; } - .lg\:float-right { - float: right !important; + .lg\:focus\:outline-none:focus { + outline: 0 !important; } - .lg\:float-left { - float: left !important; + .lg\:overflow-auto { + overflow: auto !important; } - .lg\:float-none { - float: none !important; + .lg\:overflow-hidden { + overflow: hidden !important; } - .lg\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .lg\:overflow-visible { + overflow: visible !important; } - .lg\:font-sans { - font-family: -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" !important; + .lg\:overflow-scroll { + overflow: scroll !important; } - .lg\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .lg\:overflow-x-auto { + overflow-x: auto !important; } - .lg\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .lg\:overflow-y-auto { + overflow-y: auto !important; } - .lg\:font-hairline { - font-weight: 100 !important; + .lg\:overflow-x-hidden { + overflow-x: hidden !important; } - .lg\:font-thin { - font-weight: 200 !important; + .lg\:overflow-y-hidden { + overflow-y: hidden !important; } - .lg\:font-light { - font-weight: 300 !important; + .lg\:overflow-x-visible { + overflow-x: visible !important; } - .lg\:font-normal { - font-weight: 400 !important; + .lg\:overflow-y-visible { + overflow-y: visible !important; } - .lg\:font-medium { - font-weight: 500 !important; + .lg\:overflow-x-scroll { + overflow-x: scroll !important; } - .lg\:font-semibold { - font-weight: 600 !important; + .lg\:overflow-y-scroll { + overflow-y: scroll !important; } - .lg\:font-bold { - font-weight: 700 !important; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .lg\:font-extrabold { - font-weight: 800 !important; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .lg\:font-black { - font-weight: 900 !important; + .lg\:p-0 { + padding: 0 !important; } - .lg\:hover\:font-hairline:hover { - font-weight: 100 !important; + .lg\:p-1 { + padding: 0.25rem !important; } - .lg\:hover\:font-thin:hover { - font-weight: 200 !important; + .lg\:p-2 { + padding: 0.5rem !important; } - .lg\:hover\:font-light:hover { - font-weight: 300 !important; + .lg\:p-3 { + padding: 0.75rem !important; } - .lg\:hover\:font-normal:hover { - font-weight: 400 !important; + .lg\:p-4 { + padding: 1rem !important; } - .lg\:hover\:font-medium:hover { - font-weight: 500 !important; + .lg\:p-5 { + padding: 1.25rem !important; } - .lg\:hover\:font-semibold:hover { - font-weight: 600 !important; + .lg\:p-6 { + padding: 1.5rem !important; } - .lg\:hover\:font-bold:hover { - font-weight: 700 !important; + .lg\:p-8 { + padding: 2rem !important; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .lg\:p-10 { + padding: 2.5rem !important; } - .lg\:hover\:font-black:hover { - font-weight: 900 !important; + .lg\:p-12 { + padding: 3rem !important; } - .lg\:focus\:font-hairline:focus { - font-weight: 100 !important; + .lg\:p-16 { + padding: 4rem !important; } - .lg\:focus\:font-thin:focus { - font-weight: 200 !important; + .lg\:p-20 { + padding: 5rem !important; } - .lg\:focus\:font-light:focus { - font-weight: 300 !important; + .lg\:p-24 { + padding: 6rem !important; } - .lg\:focus\:font-normal:focus { - font-weight: 400 !important; + .lg\:p-32 { + padding: 8rem !important; } - .lg\:focus\:font-medium:focus { - font-weight: 500 !important; + .lg\:p-40 { + padding: 10rem !important; } - .lg\:focus\:font-semibold:focus { - font-weight: 600 !important; + .lg\:p-48 { + padding: 12rem !important; } - .lg\:focus\:font-bold:focus { - font-weight: 700 !important; + .lg\:p-56 { + padding: 14rem !important; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .lg\:p-64 { + padding: 16rem !important; } - .lg\:focus\:font-black:focus { - font-weight: 900 !important; + .lg\:p-px { + padding: 1px !important; } - .lg\:h-0 { - height: 0 !important; + .lg\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .lg\:h-1 { - height: 0.25rem !important; + .lg\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .lg\:h-2 { - height: 0.5rem !important; + .lg\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .lg\:h-3 { - height: 0.75rem !important; + .lg\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .lg\:h-4 { - height: 1rem !important; + .lg\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .lg\:h-5 { - height: 1.25rem !important; + .lg\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .lg\:h-6 { - height: 1.5rem !important; + .lg\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .lg\:h-8 { - height: 2rem !important; + .lg\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .lg\:h-10 { - height: 2.5rem !important; + .lg\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .lg\:h-12 { - height: 3rem !important; + .lg\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .lg\:h-16 { - height: 4rem !important; + .lg\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .lg\:h-20 { - height: 5rem !important; + .lg\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .lg\:h-24 { - height: 6rem !important; + .lg\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - .lg\:h-32 { - height: 8rem !important; + .lg\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .lg\:h-40 { - height: 10rem !important; + .lg\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .lg\:h-48 { - height: 12rem !important; + .lg\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .lg\:h-56 { - height: 14rem !important; + .lg\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .lg\:h-64 { - height: 16rem !important; + .lg\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .lg\:h-auto { - height: auto !important; + .lg\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .lg\:h-px { - height: 1px !important; + .lg\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .lg\:h-full { - height: 100% !important; + .lg\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .lg\:h-screen { - height: 100vh !important; + .lg\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .lg\:leading-none { - line-height: 1 !important; + .lg\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - - .lg\:leading-tight { - line-height: 1.25 !important; + + .lg\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .lg\:leading-snug { - line-height: 1.375 !important; + .lg\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .lg\:leading-normal { - line-height: 1.5 !important; + .lg\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .lg\:leading-relaxed { - line-height: 1.625 !important; + .lg\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .lg\:leading-loose { - line-height: 2 !important; + .lg\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .lg\:list-inside { - list-style-position: inside !important; + .lg\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .lg\:list-outside { - list-style-position: outside !important; + .lg\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .lg\:list-none { - list-style-type: none !important; + .lg\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .lg\:list-disc { - list-style-type: disc !important; + .lg\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .lg\:list-decimal { - list-style-type: decimal !important; + .lg\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .lg\:m-0 { - margin: 0 !important; + .lg\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .lg\:m-1 { - margin: 0.25rem !important; + .lg\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .lg\:m-2 { - margin: 0.5rem !important; + .lg\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .lg\:m-3 { - margin: 0.75rem !important; + .lg\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .lg\:m-4 { - margin: 1rem !important; + .lg\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .lg\:m-5 { - margin: 1.25rem !important; + .lg\:pt-0 { + padding-top: 0 !important; } - .lg\:m-6 { - margin: 1.5rem !important; + .lg\:pr-0 { + padding-right: 0 !important; } - .lg\:m-8 { - margin: 2rem !important; + .lg\:pb-0 { + padding-bottom: 0 !important; } - .lg\:m-10 { - margin: 2.5rem !important; + .lg\:pl-0 { + padding-left: 0 !important; } - .lg\:m-12 { - margin: 3rem !important; + .lg\:pt-1 { + padding-top: 0.25rem !important; } - .lg\:m-16 { - margin: 4rem !important; + .lg\:pr-1 { + padding-right: 0.25rem !important; } - .lg\:m-20 { - margin: 5rem !important; + .lg\:pb-1 { + padding-bottom: 0.25rem !important; } - .lg\:m-24 { - margin: 6rem !important; + .lg\:pl-1 { + padding-left: 0.25rem !important; } - .lg\:m-32 { - margin: 8rem !important; + .lg\:pt-2 { + padding-top: 0.5rem !important; } - .lg\:m-40 { - margin: 10rem !important; + .lg\:pr-2 { + padding-right: 0.5rem !important; } - .lg\:m-48 { - margin: 12rem !important; + .lg\:pb-2 { + padding-bottom: 0.5rem !important; } - .lg\:m-56 { - margin: 14rem !important; + .lg\:pl-2 { + padding-left: 0.5rem !important; } - .lg\:m-64 { - margin: 16rem !important; + .lg\:pt-3 { + padding-top: 0.75rem !important; } - .lg\:m-auto { - margin: auto !important; + .lg\:pr-3 { + padding-right: 0.75rem !important; } - .lg\:m-px { - margin: 1px !important; + .lg\:pb-3 { + padding-bottom: 0.75rem !important; } - .lg\:-m-1 { - margin: -0.25rem !important; + .lg\:pl-3 { + padding-left: 0.75rem !important; } - .lg\:-m-2 { - margin: -0.5rem !important; + .lg\:pt-4 { + padding-top: 1rem !important; } - .lg\:-m-3 { - margin: -0.75rem !important; + .lg\:pr-4 { + padding-right: 1rem !important; } - .lg\:-m-4 { - margin: -1rem !important; + .lg\:pb-4 { + padding-bottom: 1rem !important; } - .lg\:-m-5 { - margin: -1.25rem !important; + .lg\:pl-4 { + padding-left: 1rem !important; } - .lg\:-m-6 { - margin: -1.5rem !important; + .lg\:pt-5 { + padding-top: 1.25rem !important; } - .lg\:-m-8 { - margin: -2rem !important; + .lg\:pr-5 { + padding-right: 1.25rem !important; } - .lg\:-m-10 { - margin: -2.5rem !important; + .lg\:pb-5 { + padding-bottom: 1.25rem !important; } - .lg\:-m-12 { - margin: -3rem !important; + .lg\:pl-5 { + padding-left: 1.25rem !important; } - .lg\:-m-16 { - margin: -4rem !important; + .lg\:pt-6 { + padding-top: 1.5rem !important; } - .lg\:-m-20 { - margin: -5rem !important; + .lg\:pr-6 { + padding-right: 1.5rem !important; } - .lg\:-m-24 { - margin: -6rem !important; + .lg\:pb-6 { + padding-bottom: 1.5rem !important; } - .lg\:-m-32 { - margin: -8rem !important; + .lg\:pl-6 { + padding-left: 1.5rem !important; } - .lg\:-m-40 { - margin: -10rem !important; + .lg\:pt-8 { + padding-top: 2rem !important; } - .lg\:-m-48 { - margin: -12rem !important; + .lg\:pr-8 { + padding-right: 2rem !important; } - .lg\:-m-56 { - margin: -14rem !important; + .lg\:pb-8 { + padding-bottom: 2rem !important; } - .lg\:-m-64 { - margin: -16rem !important; + .lg\:pl-8 { + padding-left: 2rem !important; } - .lg\:-m-px { - margin: -1px !important; + .lg\:pt-10 { + padding-top: 2.5rem !important; } - .lg\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .lg\:pr-10 { + padding-right: 2.5rem !important; } - .lg\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .lg\:pb-10 { + padding-bottom: 2.5rem !important; } - .lg\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .lg\:pl-10 { + padding-left: 2.5rem !important; } - .lg\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .lg\:pt-12 { + padding-top: 3rem !important; } - .lg\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .lg\:pr-12 { + padding-right: 3rem !important; } - .lg\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .lg\:pb-12 { + padding-bottom: 3rem !important; } - .lg\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .lg\:pl-12 { + padding-left: 3rem !important; } - .lg\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .lg\:pt-16 { + padding-top: 4rem !important; } - .lg\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .lg\:pr-16 { + padding-right: 4rem !important; } - .lg\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .lg\:pb-16 { + padding-bottom: 4rem !important; } - .lg\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .lg\:pl-16 { + padding-left: 4rem !important; } - .lg\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .lg\:pt-20 { + padding-top: 5rem !important; } - .lg\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .lg\:pr-20 { + padding-right: 5rem !important; } - .lg\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .lg\:pb-20 { + padding-bottom: 5rem !important; } - .lg\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .lg\:pl-20 { + padding-left: 5rem !important; } - .lg\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .lg\:pt-24 { + padding-top: 6rem !important; } - .lg\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .lg\:pr-24 { + padding-right: 6rem !important; } - .lg\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .lg\:pb-24 { + padding-bottom: 6rem !important; } - .lg\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .lg\:pl-24 { + padding-left: 6rem !important; } - .lg\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .lg\:pt-32 { + padding-top: 8rem !important; } - .lg\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .lg\:pr-32 { + padding-right: 8rem !important; } - .lg\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .lg\:pb-32 { + padding-bottom: 8rem !important; } - .lg\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .lg\:pl-32 { + padding-left: 8rem !important; } - .lg\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .lg\:pt-40 { + padding-top: 10rem !important; } - .lg\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .lg\:pr-40 { + padding-right: 10rem !important; } - .lg\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .lg\:pb-40 { + padding-bottom: 10rem !important; } - .lg\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .lg\:pl-40 { + padding-left: 10rem !important; } - .lg\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .lg\:pt-48 { + padding-top: 12rem !important; } - .lg\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .lg\:pr-48 { + padding-right: 12rem !important; } - .lg\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .lg\:pb-48 { + padding-bottom: 12rem !important; } - .lg\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .lg\:pl-48 { + padding-left: 12rem !important; } - .lg\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .lg\:pt-56 { + padding-top: 14rem !important; } - .lg\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .lg\:pr-56 { + padding-right: 14rem !important; } - .lg\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .lg\:pb-56 { + padding-bottom: 14rem !important; } - .lg\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .lg\:pl-56 { + padding-left: 14rem !important; } - .lg\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .lg\:pt-64 { + padding-top: 16rem !important; } - .lg\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .lg\:pr-64 { + padding-right: 16rem !important; } - .lg\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .lg\:pb-64 { + padding-bottom: 16rem !important; } - .lg\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .lg\:pl-64 { + padding-left: 16rem !important; } - .lg\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .lg\:pt-px { + padding-top: 1px !important; } - .lg\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .lg\:pr-px { + padding-right: 1px !important; } - .lg\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .lg\:pb-px { + padding-bottom: 1px !important; } - .lg\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .lg\:pl-px { + padding-left: 1px !important; } - .lg\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .lg\:placeholder-transparent::placeholder { + color: transparent !important; } - .lg\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .lg\:placeholder-black::placeholder { + color: #000 !important; } - .lg\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .lg\:placeholder-white::placeholder { + color: #fff !important; } - .lg\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .lg\:placeholder-gray-100::placeholder { + color: #f7fafc !important; } - .lg\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .lg\:placeholder-gray-200::placeholder { + color: #edf2f7 !important; } - .lg\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .lg\:placeholder-gray-300::placeholder { + color: #e2e8f0 !important; } - .lg\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .lg\:placeholder-gray-400::placeholder { + color: #cbd5e0 !important; } - .lg\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .lg\:placeholder-gray-500::placeholder { + color: #a0aec0 !important; } - .lg\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .lg\:placeholder-gray-600::placeholder { + color: #718096 !important; } - .lg\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .lg\:placeholder-gray-700::placeholder { + color: #4a5568 !important; } - .lg\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .lg\:placeholder-gray-800::placeholder { + color: #2d3748 !important; } - .lg\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .lg\:placeholder-gray-900::placeholder { + color: #1a202c !important; } - .lg\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .lg\:placeholder-red-100::placeholder { + color: #fff5f5 !important; } - .lg\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .lg\:placeholder-red-200::placeholder { + color: #fed7d7 !important; } - .lg\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .lg\:placeholder-red-300::placeholder { + color: #feb2b2 !important; } - .lg\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .lg\:placeholder-red-400::placeholder { + color: #fc8181 !important; } - .lg\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .lg\:placeholder-red-500::placeholder { + color: #f56565 !important; } - .lg\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .lg\:placeholder-red-600::placeholder { + color: #e53e3e !important; } - .lg\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .lg\:placeholder-red-700::placeholder { + color: #c53030 !important; } - .lg\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .lg\:placeholder-red-800::placeholder { + color: #9b2c2c !important; } - .lg\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .lg\:placeholder-red-900::placeholder { + color: #742a2a !important; } - .lg\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .lg\:placeholder-orange-100::placeholder { + color: #fffaf0 !important; + } + + .lg\:placeholder-orange-200::placeholder { + color: #feebc8 !important; } - .lg\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .lg\:placeholder-orange-300::placeholder { + color: #fbd38d !important; } - .lg\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .lg\:placeholder-orange-400::placeholder { + color: #f6ad55 !important; } - .lg\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .lg\:placeholder-orange-500::placeholder { + color: #ed8936 !important; } - .lg\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .lg\:placeholder-orange-600::placeholder { + color: #dd6b20 !important; } - .lg\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .lg\:placeholder-orange-700::placeholder { + color: #c05621 !important; } - .lg\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .lg\:placeholder-orange-800::placeholder { + color: #9c4221 !important; } - .lg\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .lg\:placeholder-orange-900::placeholder { + color: #7b341e !important; } - .lg\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .lg\:placeholder-yellow-100::placeholder { + color: #fffff0 !important; } - .lg\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .lg\:placeholder-yellow-200::placeholder { + color: #fefcbf !important; } - .lg\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .lg\:placeholder-yellow-300::placeholder { + color: #faf089 !important; } - .lg\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .lg\:placeholder-yellow-400::placeholder { + color: #f6e05e !important; } - .lg\:mt-0 { - margin-top: 0 !important; + .lg\:placeholder-yellow-500::placeholder { + color: #ecc94b !important; } - .lg\:mr-0 { - margin-right: 0 !important; + .lg\:placeholder-yellow-600::placeholder { + color: #d69e2e !important; } - .lg\:mb-0 { - margin-bottom: 0 !important; + .lg\:placeholder-yellow-700::placeholder { + color: #b7791f !important; } - .lg\:ml-0 { - margin-left: 0 !important; + .lg\:placeholder-yellow-800::placeholder { + color: #975a16 !important; } - .lg\:mt-1 { - margin-top: 0.25rem !important; + .lg\:placeholder-yellow-900::placeholder { + color: #744210 !important; } - .lg\:mr-1 { - margin-right: 0.25rem !important; + .lg\:placeholder-green-100::placeholder { + color: #f0fff4 !important; } - .lg\:mb-1 { - margin-bottom: 0.25rem !important; + .lg\:placeholder-green-200::placeholder { + color: #c6f6d5 !important; } - .lg\:ml-1 { - margin-left: 0.25rem !important; + .lg\:placeholder-green-300::placeholder { + color: #9ae6b4 !important; } - .lg\:mt-2 { - margin-top: 0.5rem !important; + .lg\:placeholder-green-400::placeholder { + color: #68d391 !important; } - .lg\:mr-2 { - margin-right: 0.5rem !important; + .lg\:placeholder-green-500::placeholder { + color: #48bb78 !important; } - .lg\:mb-2 { - margin-bottom: 0.5rem !important; + .lg\:placeholder-green-600::placeholder { + color: #38a169 !important; } - .lg\:ml-2 { - margin-left: 0.5rem !important; + .lg\:placeholder-green-700::placeholder { + color: #2f855a !important; } - .lg\:mt-3 { - margin-top: 0.75rem !important; + .lg\:placeholder-green-800::placeholder { + color: #276749 !important; } - .lg\:mr-3 { - margin-right: 0.75rem !important; + .lg\:placeholder-green-900::placeholder { + color: #22543d !important; } - .lg\:mb-3 { - margin-bottom: 0.75rem !important; + .lg\:placeholder-teal-100::placeholder { + color: #e6fffa !important; } - .lg\:ml-3 { - margin-left: 0.75rem !important; + .lg\:placeholder-teal-200::placeholder { + color: #b2f5ea !important; } - .lg\:mt-4 { - margin-top: 1rem !important; + .lg\:placeholder-teal-300::placeholder { + color: #81e6d9 !important; } - .lg\:mr-4 { - margin-right: 1rem !important; + .lg\:placeholder-teal-400::placeholder { + color: #4fd1c5 !important; } - .lg\:mb-4 { - margin-bottom: 1rem !important; + .lg\:placeholder-teal-500::placeholder { + color: #38b2ac !important; } - .lg\:ml-4 { - margin-left: 1rem !important; + .lg\:placeholder-teal-600::placeholder { + color: #319795 !important; } - .lg\:mt-5 { - margin-top: 1.25rem !important; + .lg\:placeholder-teal-700::placeholder { + color: #2c7a7b !important; } - .lg\:mr-5 { - margin-right: 1.25rem !important; + .lg\:placeholder-teal-800::placeholder { + color: #285e61 !important; } - .lg\:mb-5 { - margin-bottom: 1.25rem !important; + .lg\:placeholder-teal-900::placeholder { + color: #234e52 !important; } - .lg\:ml-5 { - margin-left: 1.25rem !important; + .lg\:placeholder-blue-100::placeholder { + color: #ebf8ff !important; } - .lg\:mt-6 { - margin-top: 1.5rem !important; + .lg\:placeholder-blue-200::placeholder { + color: #bee3f8 !important; } - .lg\:mr-6 { - margin-right: 1.5rem !important; + .lg\:placeholder-blue-300::placeholder { + color: #90cdf4 !important; } - .lg\:mb-6 { - margin-bottom: 1.5rem !important; + .lg\:placeholder-blue-400::placeholder { + color: #63b3ed !important; } - .lg\:ml-6 { - margin-left: 1.5rem !important; + .lg\:placeholder-blue-500::placeholder { + color: #4299e1 !important; } - .lg\:mt-8 { - margin-top: 2rem !important; + .lg\:placeholder-blue-600::placeholder { + color: #3182ce !important; } - .lg\:mr-8 { - margin-right: 2rem !important; + .lg\:placeholder-blue-700::placeholder { + color: #2b6cb0 !important; } - .lg\:mb-8 { - margin-bottom: 2rem !important; + .lg\:placeholder-blue-800::placeholder { + color: #2c5282 !important; } - .lg\:ml-8 { - margin-left: 2rem !important; + .lg\:placeholder-blue-900::placeholder { + color: #2a4365 !important; } - .lg\:mt-10 { - margin-top: 2.5rem !important; + .lg\:placeholder-indigo-100::placeholder { + color: #ebf4ff !important; } - .lg\:mr-10 { - margin-right: 2.5rem !important; + .lg\:placeholder-indigo-200::placeholder { + color: #c3dafe !important; } - .lg\:mb-10 { - margin-bottom: 2.5rem !important; + .lg\:placeholder-indigo-300::placeholder { + color: #a3bffa !important; } - .lg\:ml-10 { - margin-left: 2.5rem !important; + .lg\:placeholder-indigo-400::placeholder { + color: #7f9cf5 !important; } - .lg\:mt-12 { - margin-top: 3rem !important; + .lg\:placeholder-indigo-500::placeholder { + color: #667eea !important; } - .lg\:mr-12 { - margin-right: 3rem !important; + .lg\:placeholder-indigo-600::placeholder { + color: #5a67d8 !important; } - .lg\:mb-12 { - margin-bottom: 3rem !important; + .lg\:placeholder-indigo-700::placeholder { + color: #4c51bf !important; } - .lg\:ml-12 { - margin-left: 3rem !important; + .lg\:placeholder-indigo-800::placeholder { + color: #434190 !important; } - .lg\:mt-16 { - margin-top: 4rem !important; + .lg\:placeholder-indigo-900::placeholder { + color: #3c366b !important; } - .lg\:mr-16 { - margin-right: 4rem !important; + .lg\:placeholder-purple-100::placeholder { + color: #faf5ff !important; } - .lg\:mb-16 { - margin-bottom: 4rem !important; + .lg\:placeholder-purple-200::placeholder { + color: #e9d8fd !important; } - .lg\:ml-16 { - margin-left: 4rem !important; + .lg\:placeholder-purple-300::placeholder { + color: #d6bcfa !important; } - .lg\:mt-20 { - margin-top: 5rem !important; + .lg\:placeholder-purple-400::placeholder { + color: #b794f4 !important; } - .lg\:mr-20 { - margin-right: 5rem !important; + .lg\:placeholder-purple-500::placeholder { + color: #9f7aea !important; } - .lg\:mb-20 { - margin-bottom: 5rem !important; + .lg\:placeholder-purple-600::placeholder { + color: #805ad5 !important; } - .lg\:ml-20 { - margin-left: 5rem !important; + .lg\:placeholder-purple-700::placeholder { + color: #6b46c1 !important; } - .lg\:mt-24 { - margin-top: 6rem !important; + .lg\:placeholder-purple-800::placeholder { + color: #553c9a !important; } - .lg\:mr-24 { - margin-right: 6rem !important; + .lg\:placeholder-purple-900::placeholder { + color: #44337a !important; } - .lg\:mb-24 { - margin-bottom: 6rem !important; + .lg\:placeholder-pink-100::placeholder { + color: #fff5f7 !important; } - .lg\:ml-24 { - margin-left: 6rem !important; + .lg\:placeholder-pink-200::placeholder { + color: #fed7e2 !important; } - .lg\:mt-32 { - margin-top: 8rem !important; + .lg\:placeholder-pink-300::placeholder { + color: #fbb6ce !important; } - .lg\:mr-32 { - margin-right: 8rem !important; + .lg\:placeholder-pink-400::placeholder { + color: #f687b3 !important; } - .lg\:mb-32 { - margin-bottom: 8rem !important; + .lg\:placeholder-pink-500::placeholder { + color: #ed64a6 !important; } - .lg\:ml-32 { - margin-left: 8rem !important; + .lg\:placeholder-pink-600::placeholder { + color: #d53f8c !important; } - .lg\:mt-40 { - margin-top: 10rem !important; + .lg\:placeholder-pink-700::placeholder { + color: #b83280 !important; } - .lg\:mr-40 { - margin-right: 10rem !important; + .lg\:placeholder-pink-800::placeholder { + color: #97266d !important; } - .lg\:mb-40 { - margin-bottom: 10rem !important; + .lg\:placeholder-pink-900::placeholder { + color: #702459 !important; } - .lg\:ml-40 { - margin-left: 10rem !important; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .lg\:mt-48 { - margin-top: 12rem !important; + .lg\:focus\:placeholder-black:focus::placeholder { + color: #000 !important; } - .lg\:mr-48 { - margin-right: 12rem !important; + .lg\:focus\:placeholder-white:focus::placeholder { + color: #fff !important; } - .lg\:mb-48 { - margin-bottom: 12rem !important; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc !important; } - .lg\:ml-48 { - margin-left: 12rem !important; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7 !important; } - .lg\:mt-56 { - margin-top: 14rem !important; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0 !important; } - .lg\:mr-56 { - margin-right: 14rem !important; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0 !important; } - .lg\:mb-56 { - margin-bottom: 14rem !important; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0 !important; } - .lg\:ml-56 { - margin-left: 14rem !important; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096 !important; } - .lg\:mt-64 { - margin-top: 16rem !important; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568 !important; } - .lg\:mr-64 { - margin-right: 16rem !important; + .lg\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748 !important; } - .lg\:mb-64 { - margin-bottom: 16rem !important; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c !important; } - .lg\:ml-64 { - margin-left: 16rem !important; + .lg\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5 !important; } - .lg\:mt-auto { - margin-top: auto !important; + .lg\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7 !important; } - .lg\:mr-auto { - margin-right: auto !important; + .lg\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2 !important; } - .lg\:mb-auto { - margin-bottom: auto !important; + .lg\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181 !important; } - .lg\:ml-auto { - margin-left: auto !important; + .lg\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565 !important; } - .lg\:mt-px { - margin-top: 1px !important; + .lg\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e !important; } - .lg\:mr-px { - margin-right: 1px !important; + .lg\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030 !important; } - .lg\:mb-px { - margin-bottom: 1px !important; + .lg\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c !important; } - .lg\:ml-px { - margin-left: 1px !important; + .lg\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a !important; } - .lg\:-mt-1 { - margin-top: -0.25rem !important; + .lg\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0 !important; } - .lg\:-mr-1 { - margin-right: -0.25rem !important; + .lg\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8 !important; } - .lg\:-mb-1 { - margin-bottom: -0.25rem !important; + .lg\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d !important; } - .lg\:-ml-1 { - margin-left: -0.25rem !important; + .lg\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55 !important; } - .lg\:-mt-2 { - margin-top: -0.5rem !important; + .lg\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936 !important; } - .lg\:-mr-2 { - margin-right: -0.5rem !important; + .lg\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20 !important; } - .lg\:-mb-2 { - margin-bottom: -0.5rem !important; + .lg\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621 !important; } - .lg\:-ml-2 { - margin-left: -0.5rem !important; + .lg\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221 !important; } - .lg\:-mt-3 { - margin-top: -0.75rem !important; + .lg\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e !important; } - .lg\:-mr-3 { - margin-right: -0.75rem !important; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0 !important; } - .lg\:-mb-3 { - margin-bottom: -0.75rem !important; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf !important; } - .lg\:-ml-3 { - margin-left: -0.75rem !important; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089 !important; } - .lg\:-mt-4 { - margin-top: -1rem !important; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e !important; } - .lg\:-mr-4 { - margin-right: -1rem !important; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b !important; } - .lg\:-mb-4 { - margin-bottom: -1rem !important; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e !important; } - .lg\:-ml-4 { - margin-left: -1rem !important; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f !important; } - .lg\:-mt-5 { - margin-top: -1.25rem !important; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16 !important; } - .lg\:-mr-5 { - margin-right: -1.25rem !important; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210 !important; } - .lg\:-mb-5 { - margin-bottom: -1.25rem !important; + .lg\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4 !important; } - .lg\:-ml-5 { - margin-left: -1.25rem !important; + .lg\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5 !important; } - .lg\:-mt-6 { - margin-top: -1.5rem !important; + .lg\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4 !important; } - .lg\:-mr-6 { - margin-right: -1.5rem !important; + .lg\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391 !important; } - .lg\:-mb-6 { - margin-bottom: -1.5rem !important; + .lg\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78 !important; } - .lg\:-ml-6 { - margin-left: -1.5rem !important; + .lg\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169 !important; } - .lg\:-mt-8 { - margin-top: -2rem !important; + .lg\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a !important; } - .lg\:-mr-8 { - margin-right: -2rem !important; + .lg\:focus\:placeholder-green-800:focus::placeholder { + color: #276749 !important; } - .lg\:-mb-8 { - margin-bottom: -2rem !important; + .lg\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d !important; } - .lg\:-ml-8 { - margin-left: -2rem !important; + .lg\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa !important; } - .lg\:-mt-10 { - margin-top: -2.5rem !important; + .lg\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea !important; } - .lg\:-mr-10 { - margin-right: -2.5rem !important; + .lg\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9 !important; } - .lg\:-mb-10 { - margin-bottom: -2.5rem !important; + .lg\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5 !important; } - .lg\:-ml-10 { - margin-left: -2.5rem !important; + .lg\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac !important; } - .lg\:-mt-12 { - margin-top: -3rem !important; + .lg\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795 !important; } - .lg\:-mr-12 { - margin-right: -3rem !important; + .lg\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b !important; } - .lg\:-mb-12 { - margin-bottom: -3rem !important; + .lg\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61 !important; } - .lg\:-ml-12 { - margin-left: -3rem !important; + .lg\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52 !important; } - .lg\:-mt-16 { - margin-top: -4rem !important; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff !important; } - .lg\:-mr-16 { - margin-right: -4rem !important; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8 !important; } - .lg\:-mb-16 { - margin-bottom: -4rem !important; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4 !important; } - .lg\:-ml-16 { - margin-left: -4rem !important; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed !important; } - .lg\:-mt-20 { - margin-top: -5rem !important; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1 !important; } - .lg\:-mr-20 { - margin-right: -5rem !important; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce !important; } - .lg\:-mb-20 { - margin-bottom: -5rem !important; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0 !important; } - .lg\:-ml-20 { - margin-left: -5rem !important; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282 !important; } - .lg\:-mt-24 { - margin-top: -6rem !important; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365 !important; } - .lg\:-mr-24 { - margin-right: -6rem !important; + .lg\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff !important; } - .lg\:-mb-24 { - margin-bottom: -6rem !important; + .lg\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe !important; } - .lg\:-ml-24 { - margin-left: -6rem !important; + .lg\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa !important; } - .lg\:-mt-32 { - margin-top: -8rem !important; + .lg\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5 !important; } - .lg\:-mr-32 { - margin-right: -8rem !important; + .lg\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea !important; } - .lg\:-mb-32 { - margin-bottom: -8rem !important; + .lg\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8 !important; } - .lg\:-ml-32 { - margin-left: -8rem !important; + .lg\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf !important; } - .lg\:-mt-40 { - margin-top: -10rem !important; + .lg\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190 !important; } - .lg\:-mr-40 { - margin-right: -10rem !important; + .lg\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b !important; } - .lg\:-mb-40 { - margin-bottom: -10rem !important; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff !important; } - .lg\:-ml-40 { - margin-left: -10rem !important; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd !important; } - .lg\:-mt-48 { - margin-top: -12rem !important; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa !important; } - .lg\:-mr-48 { - margin-right: -12rem !important; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4 !important; } - .lg\:-mb-48 { - margin-bottom: -12rem !important; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea !important; } - .lg\:-ml-48 { - margin-left: -12rem !important; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5 !important; } - .lg\:-mt-56 { - margin-top: -14rem !important; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1 !important; } - .lg\:-mr-56 { - margin-right: -14rem !important; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a !important; } - .lg\:-mb-56 { - margin-bottom: -14rem !important; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a !important; } - .lg\:-ml-56 { - margin-left: -14rem !important; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7 !important; } - .lg\:-mt-64 { - margin-top: -16rem !important; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2 !important; } - .lg\:-mr-64 { - margin-right: -16rem !important; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce !important; } - .lg\:-mb-64 { - margin-bottom: -16rem !important; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3 !important; } - .lg\:-ml-64 { - margin-left: -16rem !important; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6 !important; } - .lg\:-mt-px { - margin-top: -1px !important; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c !important; } - .lg\:-mr-px { - margin-right: -1px !important; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280 !important; } - .lg\:-mb-px { - margin-bottom: -1px !important; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d !important; } - .lg\:-ml-px { - margin-left: -1px !important; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459 !important; } - .lg\:max-h-full { - max-height: 100% !important; + .lg\:pointer-events-none { + pointer-events: none !important; } - .lg\:max-h-screen { - max-height: 100vh !important; + .lg\:pointer-events-auto { + pointer-events: auto !important; } - .lg\:max-w-xs { - max-width: 20rem !important; + .lg\:static { + position: static !important; } - .lg\:max-w-sm { - max-width: 24rem !important; + .lg\:fixed { + position: fixed !important; } - .lg\:max-w-md { - max-width: 28rem !important; + .lg\:absolute { + position: absolute !important; } - .lg\:max-w-lg { - max-width: 32rem !important; + .lg\:relative { + position: relative !important; } - .lg\:max-w-xl { - max-width: 36rem !important; + .lg\:sticky { + position: sticky !important; } - .lg\:max-w-2xl { - max-width: 42rem !important; + .lg\:inset-0 { + top: 0 !important; + right: 0 !important; + bottom: 0 !important; + left: 0 !important; } - .lg\:max-w-3xl { - max-width: 48rem !important; + .lg\:inset-auto { + top: auto !important; + right: auto !important; + bottom: auto !important; + left: auto !important; } - .lg\:max-w-4xl { - max-width: 56rem !important; + .lg\:inset-y-0 { + top: 0 !important; + bottom: 0 !important; } - .lg\:max-w-5xl { - max-width: 64rem !important; + .lg\:inset-x-0 { + right: 0 !important; + left: 0 !important; } - .lg\:max-w-6xl { - max-width: 72rem !important; + .lg\:inset-y-auto { + top: auto !important; + bottom: auto !important; } - .lg\:max-w-full { - max-width: 100% !important; + .lg\:inset-x-auto { + right: auto !important; + left: auto !important; } - .lg\:min-h-0 { - min-height: 0 !important; + .lg\:top-0 { + top: 0 !important; } - .lg\:min-h-full { - min-height: 100% !important; + .lg\:right-0 { + right: 0 !important; } - .lg\:min-h-screen { - min-height: 100vh !important; + .lg\:bottom-0 { + bottom: 0 !important; } - .lg\:min-w-0 { - min-width: 0 !important; + .lg\:left-0 { + left: 0 !important; } - .lg\:min-w-full { - min-width: 100% !important; + .lg\:top-auto { + top: auto !important; } - .lg\:object-contain { - object-fit: contain !important; + .lg\:right-auto { + right: auto !important; } - .lg\:object-cover { - object-fit: cover !important; + .lg\:bottom-auto { + bottom: auto !important; } - .lg\:object-fill { - object-fit: fill !important; + .lg\:left-auto { + left: auto !important; } - .lg\:object-none { - object-fit: none !important; + .lg\:resize-none { + resize: none !important; } - .lg\:object-scale-down { - object-fit: scale-down !important; + .lg\:resize-y { + resize: vertical !important; } - .lg\:object-bottom { - object-position: bottom !important; + .lg\:resize-x { + resize: horizontal !important; } - .lg\:object-center { - object-position: center !important; + .lg\:resize { + resize: both !important; } - .lg\:object-left { - object-position: left !important; + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:object-left-bottom { - object-position: left bottom !important; + .lg\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .lg\:object-left-top { - object-position: left top !important; + .lg\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .lg\:object-right { - object-position: right !important; + .lg\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .lg\:object-right-bottom { - object-position: right bottom !important; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:object-right-top { - object-position: right top !important; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:object-top { - object-position: top !important; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:opacity-0 { - opacity: 0 !important; + .lg\:shadow-none { + box-shadow: none !important; } - .lg\:opacity-25 { - opacity: 0.25 !important; + .lg\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:opacity-50 { - opacity: 0.5 !important; + .lg\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .lg\:opacity-75 { - opacity: 0.75 !important; + .lg\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .lg\:opacity-100 { - opacity: 1 !important; + .lg\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .lg\:outline-none { - outline: 0 !important; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:focus\:outline-none:focus { - outline: 0 !important; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:overflow-auto { - overflow: auto !important; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:overflow-hidden { - overflow: hidden !important; + .lg\:hover\:shadow-none:hover { + box-shadow: none !important; } - .lg\:overflow-visible { - overflow: visible !important; + .lg\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:overflow-scroll { - overflow: scroll !important; + .lg\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; } - .lg\:overflow-x-auto { - overflow-x: auto !important; + .lg\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; } - .lg\:overflow-y-auto { - overflow-y: auto !important; + .lg\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; } - .lg\:overflow-x-hidden { - overflow-x: hidden !important; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; } - .lg\:overflow-y-hidden { - overflow-y: hidden !important; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; } - .lg\:overflow-x-visible { - overflow-x: visible !important; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; } - .lg\:overflow-y-visible { - overflow-y: visible !important; + .lg\:focus\:shadow-none:focus { + box-shadow: none !important; } - .lg\:overflow-x-scroll { - overflow-x: scroll !important; + .lg\:fill-current { + fill: currentColor !important; } - .lg\:overflow-y-scroll { - overflow-y: scroll !important; + .lg\:stroke-current { + stroke: currentColor !important; } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .lg\:table-auto { + table-layout: auto !important; } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .lg\:table-fixed { + table-layout: fixed !important; } - .lg\:p-0 { - padding: 0 !important; + .lg\:text-left { + text-align: left !important; } - .lg\:p-1 { - padding: 0.25rem !important; + .lg\:text-center { + text-align: center !important; } - .lg\:p-2 { - padding: 0.5rem !important; + .lg\:text-right { + text-align: right !important; } - .lg\:p-3 { - padding: 0.75rem !important; + .lg\:text-justify { + text-align: justify !important; } - .lg\:p-4 { - padding: 1rem !important; + .lg\:text-transparent { + color: transparent !important; } - .lg\:p-5 { - padding: 1.25rem !important; + .lg\:text-black { + color: #000 !important; } - .lg\:p-6 { - padding: 1.5rem !important; + .lg\:text-white { + color: #fff !important; } - .lg\:p-8 { - padding: 2rem !important; + .lg\:text-gray-100 { + color: #f7fafc !important; } - .lg\:p-10 { - padding: 2.5rem !important; + .lg\:text-gray-200 { + color: #edf2f7 !important; } - .lg\:p-12 { - padding: 3rem !important; + .lg\:text-gray-300 { + color: #e2e8f0 !important; } - .lg\:p-16 { - padding: 4rem !important; + .lg\:text-gray-400 { + color: #cbd5e0 !important; } - .lg\:p-20 { - padding: 5rem !important; + .lg\:text-gray-500 { + color: #a0aec0 !important; } - .lg\:p-24 { - padding: 6rem !important; + .lg\:text-gray-600 { + color: #718096 !important; } - .lg\:p-32 { - padding: 8rem !important; + .lg\:text-gray-700 { + color: #4a5568 !important; } - .lg\:p-40 { - padding: 10rem !important; + .lg\:text-gray-800 { + color: #2d3748 !important; } - .lg\:p-48 { - padding: 12rem !important; + .lg\:text-gray-900 { + color: #1a202c !important; } - .lg\:p-56 { - padding: 14rem !important; + .lg\:text-red-100 { + color: #fff5f5 !important; } - .lg\:p-64 { - padding: 16rem !important; + .lg\:text-red-200 { + color: #fed7d7 !important; } - .lg\:p-px { - padding: 1px !important; + .lg\:text-red-300 { + color: #feb2b2 !important; } - .lg\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .lg\:text-red-400 { + color: #fc8181 !important; } - .lg\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .lg\:text-red-500 { + color: #f56565 !important; } - .lg\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .lg\:text-red-600 { + color: #e53e3e !important; } - .lg\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .lg\:text-red-700 { + color: #c53030 !important; } - .lg\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .lg\:text-red-800 { + color: #9b2c2c !important; } - .lg\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .lg\:text-red-900 { + color: #742a2a !important; } - .lg\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .lg\:text-orange-100 { + color: #fffaf0 !important; } - .lg\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .lg\:text-orange-200 { + color: #feebc8 !important; } - .lg\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .lg\:text-orange-300 { + color: #fbd38d !important; } - .lg\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .lg\:text-orange-400 { + color: #f6ad55 !important; } - .lg\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .lg\:text-orange-500 { + color: #ed8936 !important; } - .lg\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .lg\:text-orange-600 { + color: #dd6b20 !important; } - .lg\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .lg\:text-orange-700 { + color: #c05621 !important; } - .lg\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .lg\:text-orange-800 { + color: #9c4221 !important; } - .lg\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .lg\:text-orange-900 { + color: #7b341e !important; } - .lg\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .lg\:text-yellow-100 { + color: #fffff0 !important; } - .lg\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .lg\:text-yellow-200 { + color: #fefcbf !important; } - .lg\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .lg\:text-yellow-300 { + color: #faf089 !important; } - .lg\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .lg\:text-yellow-400 { + color: #f6e05e !important; } - .lg\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .lg\:text-yellow-500 { + color: #ecc94b !important; } - .lg\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .lg\:text-yellow-600 { + color: #d69e2e !important; } - .lg\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .lg\:text-yellow-700 { + color: #b7791f !important; } - .lg\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .lg\:text-yellow-800 { + color: #975a16 !important; } - .lg\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .lg\:text-yellow-900 { + color: #744210 !important; } - .lg\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .lg\:text-green-100 { + color: #f0fff4 !important; } - .lg\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .lg\:text-green-200 { + color: #c6f6d5 !important; } - .lg\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .lg\:text-green-300 { + color: #9ae6b4 !important; } - .lg\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .lg\:text-green-400 { + color: #68d391 !important; } - .lg\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .lg\:text-green-500 { + color: #48bb78 !important; } - .lg\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .lg\:text-green-600 { + color: #38a169 !important; } - .lg\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .lg\:text-green-700 { + color: #2f855a !important; } - .lg\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .lg\:text-green-800 { + color: #276749 !important; } - .lg\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .lg\:text-green-900 { + color: #22543d !important; } - .lg\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .lg\:text-teal-100 { + color: #e6fffa !important; } - .lg\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .lg\:text-teal-200 { + color: #b2f5ea !important; } - .lg\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .lg\:text-teal-300 { + color: #81e6d9 !important; } - .lg\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .lg\:text-teal-400 { + color: #4fd1c5 !important; } - .lg\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .lg\:text-teal-500 { + color: #38b2ac !important; } - .lg\:pt-0 { - padding-top: 0 !important; + .lg\:text-teal-600 { + color: #319795 !important; } - .lg\:pr-0 { - padding-right: 0 !important; + .lg\:text-teal-700 { + color: #2c7a7b !important; } - .lg\:pb-0 { - padding-bottom: 0 !important; + .lg\:text-teal-800 { + color: #285e61 !important; } - .lg\:pl-0 { - padding-left: 0 !important; + .lg\:text-teal-900 { + color: #234e52 !important; } - .lg\:pt-1 { - padding-top: 0.25rem !important; + .lg\:text-blue-100 { + color: #ebf8ff !important; } - .lg\:pr-1 { - padding-right: 0.25rem !important; + .lg\:text-blue-200 { + color: #bee3f8 !important; } - .lg\:pb-1 { - padding-bottom: 0.25rem !important; + .lg\:text-blue-300 { + color: #90cdf4 !important; } - .lg\:pl-1 { - padding-left: 0.25rem !important; + .lg\:text-blue-400 { + color: #63b3ed !important; } - .lg\:pt-2 { - padding-top: 0.5rem !important; + .lg\:text-blue-500 { + color: #4299e1 !important; } - .lg\:pr-2 { - padding-right: 0.5rem !important; + .lg\:text-blue-600 { + color: #3182ce !important; } - .lg\:pb-2 { - padding-bottom: 0.5rem !important; + .lg\:text-blue-700 { + color: #2b6cb0 !important; } - .lg\:pl-2 { - padding-left: 0.5rem !important; + .lg\:text-blue-800 { + color: #2c5282 !important; } - .lg\:pt-3 { - padding-top: 0.75rem !important; + .lg\:text-blue-900 { + color: #2a4365 !important; } - .lg\:pr-3 { - padding-right: 0.75rem !important; + .lg\:text-indigo-100 { + color: #ebf4ff !important; } - .lg\:pb-3 { - padding-bottom: 0.75rem !important; + .lg\:text-indigo-200 { + color: #c3dafe !important; } - .lg\:pl-3 { - padding-left: 0.75rem !important; + .lg\:text-indigo-300 { + color: #a3bffa !important; } - .lg\:pt-4 { - padding-top: 1rem !important; + .lg\:text-indigo-400 { + color: #7f9cf5 !important; } - .lg\:pr-4 { - padding-right: 1rem !important; + .lg\:text-indigo-500 { + color: #667eea !important; } - .lg\:pb-4 { - padding-bottom: 1rem !important; + .lg\:text-indigo-600 { + color: #5a67d8 !important; } - .lg\:pl-4 { - padding-left: 1rem !important; + .lg\:text-indigo-700 { + color: #4c51bf !important; } - .lg\:pt-5 { - padding-top: 1.25rem !important; + .lg\:text-indigo-800 { + color: #434190 !important; } - .lg\:pr-5 { - padding-right: 1.25rem !important; + .lg\:text-indigo-900 { + color: #3c366b !important; } - .lg\:pb-5 { - padding-bottom: 1.25rem !important; + .lg\:text-purple-100 { + color: #faf5ff !important; } - .lg\:pl-5 { - padding-left: 1.25rem !important; + .lg\:text-purple-200 { + color: #e9d8fd !important; } - .lg\:pt-6 { - padding-top: 1.5rem !important; + .lg\:text-purple-300 { + color: #d6bcfa !important; } - .lg\:pr-6 { - padding-right: 1.5rem !important; + .lg\:text-purple-400 { + color: #b794f4 !important; } - .lg\:pb-6 { - padding-bottom: 1.5rem !important; + .lg\:text-purple-500 { + color: #9f7aea !important; } - .lg\:pl-6 { - padding-left: 1.5rem !important; + .lg\:text-purple-600 { + color: #805ad5 !important; } - .lg\:pt-8 { - padding-top: 2rem !important; + .lg\:text-purple-700 { + color: #6b46c1 !important; } - .lg\:pr-8 { - padding-right: 2rem !important; + .lg\:text-purple-800 { + color: #553c9a !important; } - .lg\:pb-8 { - padding-bottom: 2rem !important; + .lg\:text-purple-900 { + color: #44337a !important; } - .lg\:pl-8 { - padding-left: 2rem !important; + .lg\:text-pink-100 { + color: #fff5f7 !important; } - .lg\:pt-10 { - padding-top: 2.5rem !important; + .lg\:text-pink-200 { + color: #fed7e2 !important; } - .lg\:pr-10 { - padding-right: 2.5rem !important; + .lg\:text-pink-300 { + color: #fbb6ce !important; } - .lg\:pb-10 { - padding-bottom: 2.5rem !important; + .lg\:text-pink-400 { + color: #f687b3 !important; } - .lg\:pl-10 { - padding-left: 2.5rem !important; + .lg\:text-pink-500 { + color: #ed64a6 !important; } - .lg\:pt-12 { - padding-top: 3rem !important; + .lg\:text-pink-600 { + color: #d53f8c !important; } - .lg\:pr-12 { - padding-right: 3rem !important; + .lg\:text-pink-700 { + color: #b83280 !important; } - .lg\:pb-12 { - padding-bottom: 3rem !important; + .lg\:text-pink-800 { + color: #97266d !important; } - .lg\:pl-12 { - padding-left: 3rem !important; + .lg\:text-pink-900 { + color: #702459 !important; } - .lg\:pt-16 { - padding-top: 4rem !important; + .lg\:hover\:text-transparent:hover { + color: transparent !important; } - .lg\:pr-16 { - padding-right: 4rem !important; + .lg\:hover\:text-black:hover { + color: #000 !important; } - .lg\:pb-16 { - padding-bottom: 4rem !important; + .lg\:hover\:text-white:hover { + color: #fff !important; } - .lg\:pl-16 { - padding-left: 4rem !important; + .lg\:hover\:text-gray-100:hover { + color: #f7fafc !important; } - .lg\:pt-20 { - padding-top: 5rem !important; + .lg\:hover\:text-gray-200:hover { + color: #edf2f7 !important; } - .lg\:pr-20 { - padding-right: 5rem !important; + .lg\:hover\:text-gray-300:hover { + color: #e2e8f0 !important; } - .lg\:pb-20 { - padding-bottom: 5rem !important; + .lg\:hover\:text-gray-400:hover { + color: #cbd5e0 !important; } - .lg\:pl-20 { - padding-left: 5rem !important; + .lg\:hover\:text-gray-500:hover { + color: #a0aec0 !important; } - .lg\:pt-24 { - padding-top: 6rem !important; + .lg\:hover\:text-gray-600:hover { + color: #718096 !important; } - .lg\:pr-24 { - padding-right: 6rem !important; + .lg\:hover\:text-gray-700:hover { + color: #4a5568 !important; } - .lg\:pb-24 { - padding-bottom: 6rem !important; + .lg\:hover\:text-gray-800:hover { + color: #2d3748 !important; } - .lg\:pl-24 { - padding-left: 6rem !important; + .lg\:hover\:text-gray-900:hover { + color: #1a202c !important; } - .lg\:pt-32 { - padding-top: 8rem !important; + .lg\:hover\:text-red-100:hover { + color: #fff5f5 !important; } - .lg\:pr-32 { - padding-right: 8rem !important; + .lg\:hover\:text-red-200:hover { + color: #fed7d7 !important; } - .lg\:pb-32 { - padding-bottom: 8rem !important; + .lg\:hover\:text-red-300:hover { + color: #feb2b2 !important; } - .lg\:pl-32 { - padding-left: 8rem !important; + .lg\:hover\:text-red-400:hover { + color: #fc8181 !important; } - .lg\:pt-40 { - padding-top: 10rem !important; + .lg\:hover\:text-red-500:hover { + color: #f56565 !important; } - .lg\:pr-40 { - padding-right: 10rem !important; + .lg\:hover\:text-red-600:hover { + color: #e53e3e !important; } - .lg\:pb-40 { - padding-bottom: 10rem !important; + .lg\:hover\:text-red-700:hover { + color: #c53030 !important; } - .lg\:pl-40 { - padding-left: 10rem !important; + .lg\:hover\:text-red-800:hover { + color: #9b2c2c !important; } - .lg\:pt-48 { - padding-top: 12rem !important; + .lg\:hover\:text-red-900:hover { + color: #742a2a !important; } - .lg\:pr-48 { - padding-right: 12rem !important; + .lg\:hover\:text-orange-100:hover { + color: #fffaf0 !important; } - .lg\:pb-48 { - padding-bottom: 12rem !important; + .lg\:hover\:text-orange-200:hover { + color: #feebc8 !important; } - .lg\:pl-48 { - padding-left: 12rem !important; + .lg\:hover\:text-orange-300:hover { + color: #fbd38d !important; } - .lg\:pt-56 { - padding-top: 14rem !important; + .lg\:hover\:text-orange-400:hover { + color: #f6ad55 !important; } - .lg\:pr-56 { - padding-right: 14rem !important; + .lg\:hover\:text-orange-500:hover { + color: #ed8936 !important; } - .lg\:pb-56 { - padding-bottom: 14rem !important; + .lg\:hover\:text-orange-600:hover { + color: #dd6b20 !important; } - .lg\:pl-56 { - padding-left: 14rem !important; + .lg\:hover\:text-orange-700:hover { + color: #c05621 !important; } - .lg\:pt-64 { - padding-top: 16rem !important; + .lg\:hover\:text-orange-800:hover { + color: #9c4221 !important; } - .lg\:pr-64 { - padding-right: 16rem !important; + .lg\:hover\:text-orange-900:hover { + color: #7b341e !important; } - .lg\:pb-64 { - padding-bottom: 16rem !important; + .lg\:hover\:text-yellow-100:hover { + color: #fffff0 !important; } - .lg\:pl-64 { - padding-left: 16rem !important; + .lg\:hover\:text-yellow-200:hover { + color: #fefcbf !important; } - .lg\:pt-px { - padding-top: 1px !important; + .lg\:hover\:text-yellow-300:hover { + color: #faf089 !important; } - .lg\:pr-px { - padding-right: 1px !important; + .lg\:hover\:text-yellow-400:hover { + color: #f6e05e !important; } - .lg\:pb-px { - padding-bottom: 1px !important; + .lg\:hover\:text-yellow-500:hover { + color: #ecc94b !important; } - .lg\:pl-px { - padding-left: 1px !important; + .lg\:hover\:text-yellow-600:hover { + color: #d69e2e !important; } - .lg\:pointer-events-none { - pointer-events: none !important; + .lg\:hover\:text-yellow-700:hover { + color: #b7791f !important; } - .lg\:pointer-events-auto { - pointer-events: auto !important; + .lg\:hover\:text-yellow-800:hover { + color: #975a16 !important; } - .lg\:static { - position: static !important; + .lg\:hover\:text-yellow-900:hover { + color: #744210 !important; } - .lg\:fixed { - position: fixed !important; + .lg\:hover\:text-green-100:hover { + color: #f0fff4 !important; } - .lg\:absolute { - position: absolute !important; + .lg\:hover\:text-green-200:hover { + color: #c6f6d5 !important; } - .lg\:relative { - position: relative !important; + .lg\:hover\:text-green-300:hover { + color: #9ae6b4 !important; } - .lg\:sticky { - position: sticky !important; + .lg\:hover\:text-green-400:hover { + color: #68d391 !important; } - .lg\:inset-0 { - top: 0 !important; - right: 0 !important; - bottom: 0 !important; - left: 0 !important; + .lg\:hover\:text-green-500:hover { + color: #48bb78 !important; } - .lg\:inset-auto { - top: auto !important; - right: auto !important; - bottom: auto !important; - left: auto !important; + .lg\:hover\:text-green-600:hover { + color: #38a169 !important; } - .lg\:inset-y-0 { - top: 0 !important; - bottom: 0 !important; + .lg\:hover\:text-green-700:hover { + color: #2f855a !important; } - .lg\:inset-x-0 { - right: 0 !important; - left: 0 !important; + .lg\:hover\:text-green-800:hover { + color: #276749 !important; } - .lg\:inset-y-auto { - top: auto !important; - bottom: auto !important; + .lg\:hover\:text-green-900:hover { + color: #22543d !important; } - .lg\:inset-x-auto { - right: auto !important; - left: auto !important; + .lg\:hover\:text-teal-100:hover { + color: #e6fffa !important; } - .lg\:top-0 { - top: 0 !important; + .lg\:hover\:text-teal-200:hover { + color: #b2f5ea !important; } - .lg\:right-0 { - right: 0 !important; + .lg\:hover\:text-teal-300:hover { + color: #81e6d9 !important; } - .lg\:bottom-0 { - bottom: 0 !important; + .lg\:hover\:text-teal-400:hover { + color: #4fd1c5 !important; } - .lg\:left-0 { - left: 0 !important; + .lg\:hover\:text-teal-500:hover { + color: #38b2ac !important; } - .lg\:top-auto { - top: auto !important; + .lg\:hover\:text-teal-600:hover { + color: #319795 !important; } - .lg\:right-auto { - right: auto !important; + .lg\:hover\:text-teal-700:hover { + color: #2c7a7b !important; } - .lg\:bottom-auto { - bottom: auto !important; + .lg\:hover\:text-teal-800:hover { + color: #285e61 !important; } - .lg\:left-auto { - left: auto !important; + .lg\:hover\:text-teal-900:hover { + color: #234e52 !important; } - .lg\:resize-none { - resize: none !important; + .lg\:hover\:text-blue-100:hover { + color: #ebf8ff !important; } - .lg\:resize-y { - resize: vertical !important; + .lg\:hover\:text-blue-200:hover { + color: #bee3f8 !important; } - .lg\:resize-x { - resize: horizontal !important; + .lg\:hover\:text-blue-300:hover { + color: #90cdf4 !important; } - .lg\:resize { - resize: both !important; + .lg\:hover\:text-blue-400:hover { + color: #63b3ed !important; } - .lg\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-blue-500:hover { + color: #4299e1 !important; } - .lg\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-blue-600:hover { + color: #3182ce !important; } - .lg\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-blue-700:hover { + color: #2b6cb0 !important; } - .lg\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .lg\:hover\:text-blue-800:hover { + color: #2c5282 !important; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-blue-900:hover { + color: #2a4365 !important; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-indigo-100:hover { + color: #ebf4ff !important; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-indigo-200:hover { + color: #c3dafe !important; } - .lg\:shadow-none { - box-shadow: none !important; + .lg\:hover\:text-indigo-300:hover { + color: #a3bffa !important; } - .lg\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-indigo-400:hover { + color: #7f9cf5 !important; } - .lg\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-indigo-500:hover { + color: #667eea !important; } - .lg\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-indigo-600:hover { + color: #5a67d8 !important; } - .lg\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .lg\:hover\:text-indigo-700:hover { + color: #4c51bf !important; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-indigo-800:hover { + color: #434190 !important; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-indigo-900:hover { + color: #3c366b !important; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-purple-100:hover { + color: #faf5ff !important; } - .lg\:hover\:shadow-none:hover { - box-shadow: none !important; + .lg\:hover\:text-purple-200:hover { + color: #e9d8fd !important; } - .lg\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-purple-300:hover { + color: #d6bcfa !important; } - .lg\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-purple-400:hover { + color: #b794f4 !important; } - .lg\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05) !important; + .lg\:hover\:text-purple-500:hover { + color: #9f7aea !important; } - .lg\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04) !important; + .lg\:hover\:text-purple-600:hover { + color: #805ad5 !important; } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25) !important; + .lg\:hover\:text-purple-700:hover { + color: #6b46c1 !important; } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06) !important; + .lg\:hover\:text-purple-800:hover { + color: #553c9a !important; } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5) !important; + .lg\:hover\:text-purple-900:hover { + color: #44337a !important; } - .lg\:focus\:shadow-none:focus { - box-shadow: none !important; + .lg\:hover\:text-pink-100:hover { + color: #fff5f7 !important; } - .lg\:fill-current { - fill: currentColor !important; + .lg\:hover\:text-pink-200:hover { + color: #fed7e2 !important; } - .lg\:stroke-current { - stroke: currentColor !important; + .lg\:hover\:text-pink-300:hover { + color: #fbb6ce !important; } - .lg\:table-auto { - table-layout: auto !important; + .lg\:hover\:text-pink-400:hover { + color: #f687b3 !important; } - .lg\:table-fixed { - table-layout: fixed !important; + .lg\:hover\:text-pink-500:hover { + color: #ed64a6 !important; } - .lg\:text-left { - text-align: left !important; + .lg\:hover\:text-pink-600:hover { + color: #d53f8c !important; } - .lg\:text-center { - text-align: center !important; + .lg\:hover\:text-pink-700:hover { + color: #b83280 !important; } - .lg\:text-right { - text-align: right !important; + .lg\:hover\:text-pink-800:hover { + color: #97266d !important; } - .lg\:text-justify { - text-align: justify !important; + .lg\:hover\:text-pink-900:hover { + color: #702459 !important; } - .lg\:text-transparent { + .lg\:focus\:text-transparent:focus { color: transparent !important; } - .lg\:text-black { + .lg\:focus\:text-black:focus { color: #000 !important; } - .lg\:text-white { + .lg\:focus\:text-white:focus { color: #fff !important; } - .lg\:text-gray-100 { + .lg\:focus\:text-gray-100:focus { color: #f7fafc !important; } - .lg\:text-gray-200 { + .lg\:focus\:text-gray-200:focus { color: #edf2f7 !important; } - .lg\:text-gray-300 { + .lg\:focus\:text-gray-300:focus { color: #e2e8f0 !important; } - .lg\:text-gray-400 { + .lg\:focus\:text-gray-400:focus { color: #cbd5e0 !important; } - .lg\:text-gray-500 { + .lg\:focus\:text-gray-500:focus { color: #a0aec0 !important; } - .lg\:text-gray-600 { + .lg\:focus\:text-gray-600:focus { color: #718096 !important; } - .lg\:text-gray-700 { + .lg\:focus\:text-gray-700:focus { color: #4a5568 !important; } - .lg\:text-gray-800 { + .lg\:focus\:text-gray-800:focus { color: #2d3748 !important; } - .lg\:text-gray-900 { + .lg\:focus\:text-gray-900:focus { color: #1a202c !important; } - .lg\:text-red-100 { + .lg\:focus\:text-red-100:focus { color: #fff5f5 !important; } - .lg\:text-red-200 { + .lg\:focus\:text-red-200:focus { color: #fed7d7 !important; } - .lg\:text-red-300 { + .lg\:focus\:text-red-300:focus { color: #feb2b2 !important; } - .lg\:text-red-400 { + .lg\:focus\:text-red-400:focus { color: #fc8181 !important; } - .lg\:text-red-500 { + .lg\:focus\:text-red-500:focus { color: #f56565 !important; } - .lg\:text-red-600 { + .lg\:focus\:text-red-600:focus { color: #e53e3e !important; } - .lg\:text-red-700 { + .lg\:focus\:text-red-700:focus { color: #c53030 !important; } - .lg\:text-red-800 { + .lg\:focus\:text-red-800:focus { color: #9b2c2c !important; } - .lg\:text-red-900 { + .lg\:focus\:text-red-900:focus { color: #742a2a !important; } - .lg\:text-orange-100 { + .lg\:focus\:text-orange-100:focus { color: #fffaf0 !important; } - .lg\:text-orange-200 { + .lg\:focus\:text-orange-200:focus { color: #feebc8 !important; } - .lg\:text-orange-300 { + .lg\:focus\:text-orange-300:focus { color: #fbd38d !important; } - .lg\:text-orange-400 { + .lg\:focus\:text-orange-400:focus { color: #f6ad55 !important; } - .lg\:text-orange-500 { + .lg\:focus\:text-orange-500:focus { color: #ed8936 !important; } - .lg\:text-orange-600 { + .lg\:focus\:text-orange-600:focus { color: #dd6b20 !important; } - .lg\:text-orange-700 { + .lg\:focus\:text-orange-700:focus { color: #c05621 !important; } - .lg\:text-orange-800 { + .lg\:focus\:text-orange-800:focus { color: #9c4221 !important; } - .lg\:text-orange-900 { + .lg\:focus\:text-orange-900:focus { color: #7b341e !important; } - .lg\:text-yellow-100 { + .lg\:focus\:text-yellow-100:focus { color: #fffff0 !important; } - .lg\:text-yellow-200 { + .lg\:focus\:text-yellow-200:focus { color: #fefcbf !important; } - .lg\:text-yellow-300 { + .lg\:focus\:text-yellow-300:focus { color: #faf089 !important; } - .lg\:text-yellow-400 { + .lg\:focus\:text-yellow-400:focus { color: #f6e05e !important; } - .lg\:text-yellow-500 { + .lg\:focus\:text-yellow-500:focus { color: #ecc94b !important; } - .lg\:text-yellow-600 { + .lg\:focus\:text-yellow-600:focus { color: #d69e2e !important; } - .lg\:text-yellow-700 { + .lg\:focus\:text-yellow-700:focus { color: #b7791f !important; } - .lg\:text-yellow-800 { + .lg\:focus\:text-yellow-800:focus { color: #975a16 !important; } - .lg\:text-yellow-900 { + .lg\:focus\:text-yellow-900:focus { color: #744210 !important; } - .lg\:text-green-100 { + .lg\:focus\:text-green-100:focus { color: #f0fff4 !important; } - .lg\:text-green-200 { + .lg\:focus\:text-green-200:focus { color: #c6f6d5 !important; } - .lg\:text-green-300 { + .lg\:focus\:text-green-300:focus { color: #9ae6b4 !important; } - .lg\:text-green-400 { + .lg\:focus\:text-green-400:focus { color: #68d391 !important; } - .lg\:text-green-500 { + .lg\:focus\:text-green-500:focus { color: #48bb78 !important; } - .lg\:text-green-600 { + .lg\:focus\:text-green-600:focus { color: #38a169 !important; } - .lg\:text-green-700 { + .lg\:focus\:text-green-700:focus { color: #2f855a !important; } - .lg\:text-green-800 { + .lg\:focus\:text-green-800:focus { color: #276749 !important; } - .lg\:text-green-900 { + .lg\:focus\:text-green-900:focus { color: #22543d !important; } - .lg\:text-teal-100 { + .lg\:focus\:text-teal-100:focus { color: #e6fffa !important; } - .lg\:text-teal-200 { + .lg\:focus\:text-teal-200:focus { color: #b2f5ea !important; } - .lg\:text-teal-300 { + .lg\:focus\:text-teal-300:focus { color: #81e6d9 !important; } - .lg\:text-teal-400 { + .lg\:focus\:text-teal-400:focus { color: #4fd1c5 !important; } - .lg\:text-teal-500 { + .lg\:focus\:text-teal-500:focus { color: #38b2ac !important; } - .lg\:text-teal-600 { + .lg\:focus\:text-teal-600:focus { color: #319795 !important; } - .lg\:text-teal-700 { + .lg\:focus\:text-teal-700:focus { color: #2c7a7b !important; } - .lg\:text-teal-800 { + .lg\:focus\:text-teal-800:focus { color: #285e61 !important; } - .lg\:text-teal-900 { + .lg\:focus\:text-teal-900:focus { color: #234e52 !important; } - .lg\:text-blue-100 { + .lg\:focus\:text-blue-100:focus { color: #ebf8ff !important; } - .lg\:text-blue-200 { + .lg\:focus\:text-blue-200:focus { color: #bee3f8 !important; } - .lg\:text-blue-300 { + .lg\:focus\:text-blue-300:focus { color: #90cdf4 !important; } - .lg\:text-blue-400 { + .lg\:focus\:text-blue-400:focus { color: #63b3ed !important; } - .lg\:text-blue-500 { + .lg\:focus\:text-blue-500:focus { color: #4299e1 !important; } - .lg\:text-blue-600 { + .lg\:focus\:text-blue-600:focus { color: #3182ce !important; } - .lg\:text-blue-700 { + .lg\:focus\:text-blue-700:focus { color: #2b6cb0 !important; } - .lg\:text-blue-800 { + .lg\:focus\:text-blue-800:focus { color: #2c5282 !important; } - .lg\:text-blue-900 { + .lg\:focus\:text-blue-900:focus { color: #2a4365 !important; } - .lg\:text-indigo-100 { + .lg\:focus\:text-indigo-100:focus { color: #ebf4ff !important; } - .lg\:text-indigo-200 { + .lg\:focus\:text-indigo-200:focus { color: #c3dafe !important; } - .lg\:text-indigo-300 { + .lg\:focus\:text-indigo-300:focus { color: #a3bffa !important; } - .lg\:text-indigo-400 { + .lg\:focus\:text-indigo-400:focus { color: #7f9cf5 !important; } - .lg\:text-indigo-500 { + .lg\:focus\:text-indigo-500:focus { color: #667eea !important; } - .lg\:text-indigo-600 { + .lg\:focus\:text-indigo-600:focus { color: #5a67d8 !important; } - .lg\:text-indigo-700 { + .lg\:focus\:text-indigo-700:focus { color: #4c51bf !important; } - .lg\:text-indigo-800 { + .lg\:focus\:text-indigo-800:focus { color: #434190 !important; } - .lg\:text-indigo-900 { + .lg\:focus\:text-indigo-900:focus { color: #3c366b !important; } - .lg\:text-purple-100 { + .lg\:focus\:text-purple-100:focus { color: #faf5ff !important; } - .lg\:text-purple-200 { + .lg\:focus\:text-purple-200:focus { color: #e9d8fd !important; } - .lg\:text-purple-300 { + .lg\:focus\:text-purple-300:focus { color: #d6bcfa !important; } - .lg\:text-purple-400 { + .lg\:focus\:text-purple-400:focus { color: #b794f4 !important; } - .lg\:text-purple-500 { + .lg\:focus\:text-purple-500:focus { color: #9f7aea !important; } - .lg\:text-purple-600 { + .lg\:focus\:text-purple-600:focus { color: #805ad5 !important; } - .lg\:text-purple-700 { + .lg\:focus\:text-purple-700:focus { color: #6b46c1 !important; } - .lg\:text-purple-800 { + .lg\:focus\:text-purple-800:focus { color: #553c9a !important; } - .lg\:text-purple-900 { + .lg\:focus\:text-purple-900:focus { color: #44337a !important; } - .lg\:text-pink-100 { + .lg\:focus\:text-pink-100:focus { color: #fff5f7 !important; } - .lg\:text-pink-200 { + .lg\:focus\:text-pink-200:focus { color: #fed7e2 !important; } - .lg\:text-pink-300 { + .lg\:focus\:text-pink-300:focus { color: #fbb6ce !important; } - .lg\:text-pink-400 { + .lg\:focus\:text-pink-400:focus { color: #f687b3 !important; } - .lg\:text-pink-500 { + .lg\:focus\:text-pink-500:focus { color: #ed64a6 !important; } - .lg\:text-pink-600 { + .lg\:focus\:text-pink-600:focus { color: #d53f8c !important; } - .lg\:text-pink-700 { + .lg\:focus\:text-pink-700:focus { color: #b83280 !important; } - .lg\:text-pink-800 { + .lg\:focus\:text-pink-800:focus { color: #97266d !important; } - .lg\:text-pink-900 { + .lg\:focus\:text-pink-900:focus { color: #702459 !important; } - .lg\:hover\:text-transparent:hover { - color: transparent !important; + .lg\:text-xs { + font-size: 0.75rem !important; } - .lg\:hover\:text-black:hover { - color: #000 !important; + .lg\:text-sm { + font-size: 0.875rem !important; } - .lg\:hover\:text-white:hover { - color: #fff !important; + .lg\:text-base { + font-size: 1rem !important; } - .lg\:hover\:text-gray-100:hover { - color: #f7fafc !important; + .lg\:text-lg { + font-size: 1.125rem !important; } - .lg\:hover\:text-gray-200:hover { - color: #edf2f7 !important; + .lg\:text-xl { + font-size: 1.25rem !important; } - .lg\:hover\:text-gray-300:hover { - color: #e2e8f0 !important; + .lg\:text-2xl { + font-size: 1.5rem !important; } - .lg\:hover\:text-gray-400:hover { - color: #cbd5e0 !important; + .lg\:text-3xl { + font-size: 1.875rem !important; } - .lg\:hover\:text-gray-500:hover { - color: #a0aec0 !important; + .lg\:text-4xl { + font-size: 2.25rem !important; } - .lg\:hover\:text-gray-600:hover { - color: #718096 !important; + .lg\:text-5xl { + font-size: 3rem !important; } - .lg\:hover\:text-gray-700:hover { - color: #4a5568 !important; + .lg\:text-6xl { + font-size: 4rem !important; } - .lg\:hover\:text-gray-800:hover { - color: #2d3748 !important; + .lg\:italic { + font-style: italic !important; } - .lg\:hover\:text-gray-900:hover { - color: #1a202c !important; + .lg\:not-italic { + font-style: normal !important; } - .lg\:hover\:text-red-100:hover { - color: #fff5f5 !important; + .lg\:uppercase { + text-transform: uppercase !important; } - .lg\:hover\:text-red-200:hover { - color: #fed7d7 !important; + .lg\:lowercase { + text-transform: lowercase !important; } - .lg\:hover\:text-red-300:hover { - color: #feb2b2 !important; + .lg\:capitalize { + text-transform: capitalize !important; } - .lg\:hover\:text-red-400:hover { - color: #fc8181 !important; + .lg\:normal-case { + text-transform: none !important; } - .lg\:hover\:text-red-500:hover { - color: #f56565 !important; + .lg\:underline { + text-decoration: underline !important; } - .lg\:hover\:text-red-600:hover { - color: #e53e3e !important; + .lg\:line-through { + text-decoration: line-through !important; } - .lg\:hover\:text-red-700:hover { - color: #c53030 !important; + .lg\:no-underline { + text-decoration: none !important; } - .lg\:hover\:text-red-800:hover { - color: #9b2c2c !important; + .lg\:hover\:underline:hover { + text-decoration: underline !important; } - .lg\:hover\:text-red-900:hover { - color: #742a2a !important; + .lg\:hover\:line-through:hover { + text-decoration: line-through !important; } - .lg\:hover\:text-orange-100:hover { - color: #fffaf0 !important; + .lg\:hover\:no-underline:hover { + text-decoration: none !important; } - .lg\:hover\:text-orange-200:hover { - color: #feebc8 !important; + .lg\:focus\:underline:focus { + text-decoration: underline !important; } - .lg\:hover\:text-orange-300:hover { - color: #fbd38d !important; + .lg\:focus\:line-through:focus { + text-decoration: line-through !important; } - .lg\:hover\:text-orange-400:hover { - color: #f6ad55 !important; + .lg\:focus\:no-underline:focus { + text-decoration: none !important; } - .lg\:hover\:text-orange-500:hover { - color: #ed8936 !important; + .lg\:antialiased { + -webkit-font-smoothing: antialiased !important; + -moz-osx-font-smoothing: grayscale !important; } - .lg\:hover\:text-orange-600:hover { - color: #dd6b20 !important; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto !important; + -moz-osx-font-smoothing: auto !important; } - .lg\:hover\:text-orange-700:hover { - color: #c05621 !important; + .lg\:tracking-tighter { + letter-spacing: -0.05em !important; } - .lg\:hover\:text-orange-800:hover { - color: #9c4221 !important; + .lg\:tracking-tight { + letter-spacing: -0.025em !important; } - .lg\:hover\:text-orange-900:hover { - color: #7b341e !important; + .lg\:tracking-normal { + letter-spacing: 0 !important; } - .lg\:hover\:text-yellow-100:hover { - color: #fffff0 !important; + .lg\:tracking-wide { + letter-spacing: 0.025em !important; } - .lg\:hover\:text-yellow-200:hover { - color: #fefcbf !important; + .lg\:tracking-wider { + letter-spacing: 0.05em !important; } - .lg\:hover\:text-yellow-300:hover { - color: #faf089 !important; + .lg\:tracking-widest { + letter-spacing: 0.1em !important; } - .lg\:hover\:text-yellow-400:hover { - color: #f6e05e !important; + .lg\:select-none { + user-select: none !important; } - .lg\:hover\:text-yellow-500:hover { - color: #ecc94b !important; + .lg\:select-text { + user-select: text !important; } - .lg\:hover\:text-yellow-600:hover { - color: #d69e2e !important; + .lg\:select-all { + user-select: all !important; } - .lg\:hover\:text-yellow-700:hover { - color: #b7791f !important; + .lg\:select-auto { + user-select: auto !important; } - .lg\:hover\:text-yellow-800:hover { - color: #975a16 !important; + .lg\:align-baseline { + vertical-align: baseline !important; } - .lg\:hover\:text-yellow-900:hover { - color: #744210 !important; + .lg\:align-top { + vertical-align: top !important; } - .lg\:hover\:text-green-100:hover { - color: #f0fff4 !important; + .lg\:align-middle { + vertical-align: middle !important; } - .lg\:hover\:text-green-200:hover { - color: #c6f6d5 !important; + .lg\:align-bottom { + vertical-align: bottom !important; } - .lg\:hover\:text-green-300:hover { - color: #9ae6b4 !important; + .lg\:align-text-top { + vertical-align: text-top !important; } - .lg\:hover\:text-green-400:hover { - color: #68d391 !important; + .lg\:align-text-bottom { + vertical-align: text-bottom !important; } - .lg\:hover\:text-green-500:hover { - color: #48bb78 !important; + .lg\:visible { + visibility: visible !important; } - .lg\:hover\:text-green-600:hover { - color: #38a169 !important; + .lg\:invisible { + visibility: hidden !important; } - .lg\:hover\:text-green-700:hover { - color: #2f855a !important; + .lg\:whitespace-normal { + white-space: normal !important; } - .lg\:hover\:text-green-800:hover { - color: #276749 !important; + .lg\:whitespace-no-wrap { + white-space: nowrap !important; } - .lg\:hover\:text-green-900:hover { - color: #22543d !important; + .lg\:whitespace-pre { + white-space: pre !important; } - .lg\:hover\:text-teal-100:hover { - color: #e6fffa !important; + .lg\:whitespace-pre-line { + white-space: pre-line !important; } - .lg\:hover\:text-teal-200:hover { - color: #b2f5ea !important; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap !important; } - .lg\:hover\:text-teal-300:hover { - color: #81e6d9 !important; + .lg\:break-normal { + overflow-wrap: normal !important; + word-break: normal !important; } - .lg\:hover\:text-teal-400:hover { - color: #4fd1c5 !important; + .lg\:break-words { + overflow-wrap: break-word !important; } - .lg\:hover\:text-teal-500:hover { - color: #38b2ac !important; + .lg\:break-all { + word-break: break-all !important; } - .lg\:hover\:text-teal-600:hover { - color: #319795 !important; + .lg\:truncate { + overflow: hidden !important; + text-overflow: ellipsis !important; + white-space: nowrap !important; } - .lg\:hover\:text-teal-700:hover { - color: #2c7a7b !important; + .lg\:w-0 { + width: 0 !important; } - .lg\:hover\:text-teal-800:hover { - color: #285e61 !important; + .lg\:w-1 { + width: 0.25rem !important; } - .lg\:hover\:text-teal-900:hover { - color: #234e52 !important; + .lg\:w-2 { + width: 0.5rem !important; } - .lg\:hover\:text-blue-100:hover { - color: #ebf8ff !important; + .lg\:w-3 { + width: 0.75rem !important; } - .lg\:hover\:text-blue-200:hover { - color: #bee3f8 !important; + .lg\:w-4 { + width: 1rem !important; } - .lg\:hover\:text-blue-300:hover { - color: #90cdf4 !important; + .lg\:w-5 { + width: 1.25rem !important; } - .lg\:hover\:text-blue-400:hover { - color: #63b3ed !important; + .lg\:w-6 { + width: 1.5rem !important; } - .lg\:hover\:text-blue-500:hover { - color: #4299e1 !important; + .lg\:w-8 { + width: 2rem !important; } - .lg\:hover\:text-blue-600:hover { - color: #3182ce !important; + .lg\:w-10 { + width: 2.5rem !important; } - .lg\:hover\:text-blue-700:hover { - color: #2b6cb0 !important; + .lg\:w-12 { + width: 3rem !important; } - .lg\:hover\:text-blue-800:hover { - color: #2c5282 !important; + .lg\:w-16 { + width: 4rem !important; } - .lg\:hover\:text-blue-900:hover { - color: #2a4365 !important; + .lg\:w-20 { + width: 5rem !important; } - .lg\:hover\:text-indigo-100:hover { - color: #ebf4ff !important; + .lg\:w-24 { + width: 6rem !important; } - .lg\:hover\:text-indigo-200:hover { - color: #c3dafe !important; + .lg\:w-32 { + width: 8rem !important; } - .lg\:hover\:text-indigo-300:hover { - color: #a3bffa !important; + .lg\:w-40 { + width: 10rem !important; } - .lg\:hover\:text-indigo-400:hover { - color: #7f9cf5 !important; + .lg\:w-48 { + width: 12rem !important; } - .lg\:hover\:text-indigo-500:hover { - color: #667eea !important; + .lg\:w-56 { + width: 14rem !important; } - .lg\:hover\:text-indigo-600:hover { - color: #5a67d8 !important; + .lg\:w-64 { + width: 16rem !important; } - .lg\:hover\:text-indigo-700:hover { - color: #4c51bf !important; + .lg\:w-auto { + width: auto !important; } - .lg\:hover\:text-indigo-800:hover { - color: #434190 !important; + .lg\:w-px { + width: 1px !important; } - .lg\:hover\:text-indigo-900:hover { - color: #3c366b !important; + .lg\:w-1\/2 { + width: 50% !important; } - .lg\:hover\:text-purple-100:hover { - color: #faf5ff !important; + .lg\:w-1\/3 { + width: 33.333333% !important; } - .lg\:hover\:text-purple-200:hover { - color: #e9d8fd !important; + .lg\:w-2\/3 { + width: 66.666667% !important; } - .lg\:hover\:text-purple-300:hover { - color: #d6bcfa !important; + .lg\:w-1\/4 { + width: 25% !important; } - .lg\:hover\:text-purple-400:hover { - color: #b794f4 !important; + .lg\:w-2\/4 { + width: 50% !important; } - .lg\:hover\:text-purple-500:hover { - color: #9f7aea !important; + .lg\:w-3\/4 { + width: 75% !important; } - .lg\:hover\:text-purple-600:hover { - color: #805ad5 !important; + .lg\:w-1\/5 { + width: 20% !important; } - - .lg\:hover\:text-purple-700:hover { - color: #6b46c1 !important; + + .lg\:w-2\/5 { + width: 40% !important; } - .lg\:hover\:text-purple-800:hover { - color: #553c9a !important; + .lg\:w-3\/5 { + width: 60% !important; } - .lg\:hover\:text-purple-900:hover { - color: #44337a !important; + .lg\:w-4\/5 { + width: 80% !important; } - .lg\:hover\:text-pink-100:hover { - color: #fff5f7 !important; + .lg\:w-1\/6 { + width: 16.666667% !important; } - .lg\:hover\:text-pink-200:hover { - color: #fed7e2 !important; + .lg\:w-2\/6 { + width: 33.333333% !important; } - .lg\:hover\:text-pink-300:hover { - color: #fbb6ce !important; + .lg\:w-3\/6 { + width: 50% !important; } - .lg\:hover\:text-pink-400:hover { - color: #f687b3 !important; + .lg\:w-4\/6 { + width: 66.666667% !important; } - .lg\:hover\:text-pink-500:hover { - color: #ed64a6 !important; + .lg\:w-5\/6 { + width: 83.333333% !important; } - .lg\:hover\:text-pink-600:hover { - color: #d53f8c !important; + .lg\:w-1\/12 { + width: 8.333333% !important; } - .lg\:hover\:text-pink-700:hover { - color: #b83280 !important; + .lg\:w-2\/12 { + width: 16.666667% !important; } - .lg\:hover\:text-pink-800:hover { - color: #97266d !important; + .lg\:w-3\/12 { + width: 25% !important; } - .lg\:hover\:text-pink-900:hover { - color: #702459 !important; + .lg\:w-4\/12 { + width: 33.333333% !important; } - .lg\:focus\:text-transparent:focus { - color: transparent !important; + .lg\:w-5\/12 { + width: 41.666667% !important; } - .lg\:focus\:text-black:focus { - color: #000 !important; + .lg\:w-6\/12 { + width: 50% !important; } - .lg\:focus\:text-white:focus { - color: #fff !important; + .lg\:w-7\/12 { + width: 58.333333% !important; } - .lg\:focus\:text-gray-100:focus { - color: #f7fafc !important; + .lg\:w-8\/12 { + width: 66.666667% !important; } - .lg\:focus\:text-gray-200:focus { - color: #edf2f7 !important; + .lg\:w-9\/12 { + width: 75% !important; } - .lg\:focus\:text-gray-300:focus { - color: #e2e8f0 !important; + .lg\:w-10\/12 { + width: 83.333333% !important; } - .lg\:focus\:text-gray-400:focus { - color: #cbd5e0 !important; + .lg\:w-11\/12 { + width: 91.666667% !important; } - .lg\:focus\:text-gray-500:focus { - color: #a0aec0 !important; + .lg\:w-full { + width: 100% !important; } - .lg\:focus\:text-gray-600:focus { - color: #718096 !important; + .lg\:w-screen { + width: 100vw !important; } - .lg\:focus\:text-gray-700:focus { - color: #4a5568 !important; + .lg\:z-0 { + z-index: 0 !important; } - .lg\:focus\:text-gray-800:focus { - color: #2d3748 !important; + .lg\:z-10 { + z-index: 10 !important; } - .lg\:focus\:text-gray-900:focus { - color: #1a202c !important; + .lg\:z-20 { + z-index: 20 !important; } - .lg\:focus\:text-red-100:focus { - color: #fff5f5 !important; + .lg\:z-30 { + z-index: 30 !important; } - .lg\:focus\:text-red-200:focus { - color: #fed7d7 !important; + .lg\:z-40 { + z-index: 40 !important; } - .lg\:focus\:text-red-300:focus { - color: #feb2b2 !important; + .lg\:z-50 { + z-index: 50 !important; } - .lg\:focus\:text-red-400:focus { - color: #fc8181 !important; + .lg\:z-auto { + z-index: auto !important; } - .lg\:focus\:text-red-500:focus { - color: #f56565 !important; + .lg\:example { + font-weight: 700; + color: #f56565; } +} - .lg\:focus\:text-red-600:focus { - color: #e53e3e !important; +@media (min-width: 1280px) { + .xl\:sr-only { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .lg\:focus\:text-red-700:focus { - color: #c53030 !important; + .xl\:not-sr-only { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .lg\:focus\:text-red-800:focus { - color: #9b2c2c !important; + .xl\:focus\:sr-only:focus { + position: absolute !important; + width: 1px !important; + height: 1px !important; + padding: 0 !important; + margin: -1px !important; + overflow: hidden !important; + clip: rect(0, 0, 0, 0) !important; + white-space: nowrap !important; + border-width: 0 !important; } - .lg\:focus\:text-red-900:focus { - color: #742a2a !important; + .xl\:focus\:not-sr-only:focus { + position: static !important; + width: auto !important; + height: auto !important; + padding: 0 !important; + margin: 0 !important; + overflow: visible !important; + clip: auto !important; + white-space: normal !important; } - .lg\:focus\:text-orange-100:focus { - color: #fffaf0 !important; + .xl\:appearance-none { + appearance: none !important; } - .lg\:focus\:text-orange-200:focus { - color: #feebc8 !important; + .xl\:bg-fixed { + background-attachment: fixed !important; } - .lg\:focus\:text-orange-300:focus { - color: #fbd38d !important; + .xl\:bg-local { + background-attachment: local !important; } - .lg\:focus\:text-orange-400:focus { - color: #f6ad55 !important; + .xl\:bg-scroll { + background-attachment: scroll !important; } - .lg\:focus\:text-orange-500:focus { - color: #ed8936 !important; + .xl\:bg-transparent { + background-color: transparent !important; } - .lg\:focus\:text-orange-600:focus { - color: #dd6b20 !important; + .xl\:bg-black { + background-color: #000 !important; } - .lg\:focus\:text-orange-700:focus { - color: #c05621 !important; + .xl\:bg-white { + background-color: #fff !important; } - .lg\:focus\:text-orange-800:focus { - color: #9c4221 !important; + .xl\:bg-gray-100 { + background-color: #f7fafc !important; } - .lg\:focus\:text-orange-900:focus { - color: #7b341e !important; + .xl\:bg-gray-200 { + background-color: #edf2f7 !important; } - .lg\:focus\:text-yellow-100:focus { - color: #fffff0 !important; + .xl\:bg-gray-300 { + background-color: #e2e8f0 !important; } - .lg\:focus\:text-yellow-200:focus { - color: #fefcbf !important; + .xl\:bg-gray-400 { + background-color: #cbd5e0 !important; } - .lg\:focus\:text-yellow-300:focus { - color: #faf089 !important; + .xl\:bg-gray-500 { + background-color: #a0aec0 !important; } - .lg\:focus\:text-yellow-400:focus { - color: #f6e05e !important; + .xl\:bg-gray-600 { + background-color: #718096 !important; } - .lg\:focus\:text-yellow-500:focus { - color: #ecc94b !important; + .xl\:bg-gray-700 { + background-color: #4a5568 !important; } - .lg\:focus\:text-yellow-600:focus { - color: #d69e2e !important; + .xl\:bg-gray-800 { + background-color: #2d3748 !important; } - .lg\:focus\:text-yellow-700:focus { - color: #b7791f !important; + .xl\:bg-gray-900 { + background-color: #1a202c !important; } - .lg\:focus\:text-yellow-800:focus { - color: #975a16 !important; + .xl\:bg-red-100 { + background-color: #fff5f5 !important; } - .lg\:focus\:text-yellow-900:focus { - color: #744210 !important; + .xl\:bg-red-200 { + background-color: #fed7d7 !important; } - .lg\:focus\:text-green-100:focus { - color: #f0fff4 !important; + .xl\:bg-red-300 { + background-color: #feb2b2 !important; } - .lg\:focus\:text-green-200:focus { - color: #c6f6d5 !important; + .xl\:bg-red-400 { + background-color: #fc8181 !important; } - .lg\:focus\:text-green-300:focus { - color: #9ae6b4 !important; + .xl\:bg-red-500 { + background-color: #f56565 !important; } - .lg\:focus\:text-green-400:focus { - color: #68d391 !important; + .xl\:bg-red-600 { + background-color: #e53e3e !important; } - .lg\:focus\:text-green-500:focus { - color: #48bb78 !important; + .xl\:bg-red-700 { + background-color: #c53030 !important; } - .lg\:focus\:text-green-600:focus { - color: #38a169 !important; + .xl\:bg-red-800 { + background-color: #9b2c2c !important; } - .lg\:focus\:text-green-700:focus { - color: #2f855a !important; + .xl\:bg-red-900 { + background-color: #742a2a !important; } - .lg\:focus\:text-green-800:focus { - color: #276749 !important; + .xl\:bg-orange-100 { + background-color: #fffaf0 !important; } - .lg\:focus\:text-green-900:focus { - color: #22543d !important; + .xl\:bg-orange-200 { + background-color: #feebc8 !important; } - .lg\:focus\:text-teal-100:focus { - color: #e6fffa !important; + .xl\:bg-orange-300 { + background-color: #fbd38d !important; } - .lg\:focus\:text-teal-200:focus { - color: #b2f5ea !important; + .xl\:bg-orange-400 { + background-color: #f6ad55 !important; } - .lg\:focus\:text-teal-300:focus { - color: #81e6d9 !important; + .xl\:bg-orange-500 { + background-color: #ed8936 !important; } - .lg\:focus\:text-teal-400:focus { - color: #4fd1c5 !important; + .xl\:bg-orange-600 { + background-color: #dd6b20 !important; } - .lg\:focus\:text-teal-500:focus { - color: #38b2ac !important; + .xl\:bg-orange-700 { + background-color: #c05621 !important; } - .lg\:focus\:text-teal-600:focus { - color: #319795 !important; + .xl\:bg-orange-800 { + background-color: #9c4221 !important; } - .lg\:focus\:text-teal-700:focus { - color: #2c7a7b !important; + .xl\:bg-orange-900 { + background-color: #7b341e !important; } - .lg\:focus\:text-teal-800:focus { - color: #285e61 !important; + .xl\:bg-yellow-100 { + background-color: #fffff0 !important; } - .lg\:focus\:text-teal-900:focus { - color: #234e52 !important; + .xl\:bg-yellow-200 { + background-color: #fefcbf !important; } - .lg\:focus\:text-blue-100:focus { - color: #ebf8ff !important; + .xl\:bg-yellow-300 { + background-color: #faf089 !important; } - .lg\:focus\:text-blue-200:focus { - color: #bee3f8 !important; + .xl\:bg-yellow-400 { + background-color: #f6e05e !important; } - .lg\:focus\:text-blue-300:focus { - color: #90cdf4 !important; + .xl\:bg-yellow-500 { + background-color: #ecc94b !important; } - .lg\:focus\:text-blue-400:focus { - color: #63b3ed !important; + .xl\:bg-yellow-600 { + background-color: #d69e2e !important; } - .lg\:focus\:text-blue-500:focus { - color: #4299e1 !important; + .xl\:bg-yellow-700 { + background-color: #b7791f !important; } - .lg\:focus\:text-blue-600:focus { - color: #3182ce !important; + .xl\:bg-yellow-800 { + background-color: #975a16 !important; } - .lg\:focus\:text-blue-700:focus { - color: #2b6cb0 !important; + .xl\:bg-yellow-900 { + background-color: #744210 !important; } - .lg\:focus\:text-blue-800:focus { - color: #2c5282 !important; + .xl\:bg-green-100 { + background-color: #f0fff4 !important; } - .lg\:focus\:text-blue-900:focus { - color: #2a4365 !important; + .xl\:bg-green-200 { + background-color: #c6f6d5 !important; } - .lg\:focus\:text-indigo-100:focus { - color: #ebf4ff !important; + .xl\:bg-green-300 { + background-color: #9ae6b4 !important; } - .lg\:focus\:text-indigo-200:focus { - color: #c3dafe !important; + .xl\:bg-green-400 { + background-color: #68d391 !important; } - .lg\:focus\:text-indigo-300:focus { - color: #a3bffa !important; + .xl\:bg-green-500 { + background-color: #48bb78 !important; } - .lg\:focus\:text-indigo-400:focus { - color: #7f9cf5 !important; + .xl\:bg-green-600 { + background-color: #38a169 !important; } - .lg\:focus\:text-indigo-500:focus { - color: #667eea !important; + .xl\:bg-green-700 { + background-color: #2f855a !important; } - .lg\:focus\:text-indigo-600:focus { - color: #5a67d8 !important; + .xl\:bg-green-800 { + background-color: #276749 !important; } - .lg\:focus\:text-indigo-700:focus { - color: #4c51bf !important; + .xl\:bg-green-900 { + background-color: #22543d !important; } - .lg\:focus\:text-indigo-800:focus { - color: #434190 !important; + .xl\:bg-teal-100 { + background-color: #e6fffa !important; } - .lg\:focus\:text-indigo-900:focus { - color: #3c366b !important; + .xl\:bg-teal-200 { + background-color: #b2f5ea !important; } - .lg\:focus\:text-purple-100:focus { - color: #faf5ff !important; + .xl\:bg-teal-300 { + background-color: #81e6d9 !important; } - .lg\:focus\:text-purple-200:focus { - color: #e9d8fd !important; + .xl\:bg-teal-400 { + background-color: #4fd1c5 !important; } - .lg\:focus\:text-purple-300:focus { - color: #d6bcfa !important; + .xl\:bg-teal-500 { + background-color: #38b2ac !important; } - .lg\:focus\:text-purple-400:focus { - color: #b794f4 !important; + .xl\:bg-teal-600 { + background-color: #319795 !important; } - .lg\:focus\:text-purple-500:focus { - color: #9f7aea !important; + .xl\:bg-teal-700 { + background-color: #2c7a7b !important; } - .lg\:focus\:text-purple-600:focus { - color: #805ad5 !important; + .xl\:bg-teal-800 { + background-color: #285e61 !important; } - .lg\:focus\:text-purple-700:focus { - color: #6b46c1 !important; + .xl\:bg-teal-900 { + background-color: #234e52 !important; } - .lg\:focus\:text-purple-800:focus { - color: #553c9a !important; + .xl\:bg-blue-100 { + background-color: #ebf8ff !important; } - .lg\:focus\:text-purple-900:focus { - color: #44337a !important; + .xl\:bg-blue-200 { + background-color: #bee3f8 !important; } - .lg\:focus\:text-pink-100:focus { - color: #fff5f7 !important; + .xl\:bg-blue-300 { + background-color: #90cdf4 !important; } - .lg\:focus\:text-pink-200:focus { - color: #fed7e2 !important; + .xl\:bg-blue-400 { + background-color: #63b3ed !important; } - .lg\:focus\:text-pink-300:focus { - color: #fbb6ce !important; + .xl\:bg-blue-500 { + background-color: #4299e1 !important; } - .lg\:focus\:text-pink-400:focus { - color: #f687b3 !important; + .xl\:bg-blue-600 { + background-color: #3182ce !important; } - .lg\:focus\:text-pink-500:focus { - color: #ed64a6 !important; + .xl\:bg-blue-700 { + background-color: #2b6cb0 !important; } - .lg\:focus\:text-pink-600:focus { - color: #d53f8c !important; + .xl\:bg-blue-800 { + background-color: #2c5282 !important; } - .lg\:focus\:text-pink-700:focus { - color: #b83280 !important; + .xl\:bg-blue-900 { + background-color: #2a4365 !important; } - .lg\:focus\:text-pink-800:focus { - color: #97266d !important; + .xl\:bg-indigo-100 { + background-color: #ebf4ff !important; } - .lg\:focus\:text-pink-900:focus { - color: #702459 !important; + .xl\:bg-indigo-200 { + background-color: #c3dafe !important; } - .lg\:text-xs { - font-size: 0.75rem !important; + .xl\:bg-indigo-300 { + background-color: #a3bffa !important; } - .lg\:text-sm { - font-size: 0.875rem !important; + .xl\:bg-indigo-400 { + background-color: #7f9cf5 !important; } - .lg\:text-base { - font-size: 1rem !important; + .xl\:bg-indigo-500 { + background-color: #667eea !important; } - .lg\:text-lg { - font-size: 1.125rem !important; + .xl\:bg-indigo-600 { + background-color: #5a67d8 !important; } - .lg\:text-xl { - font-size: 1.25rem !important; + .xl\:bg-indigo-700 { + background-color: #4c51bf !important; } - .lg\:text-2xl { - font-size: 1.5rem !important; + .xl\:bg-indigo-800 { + background-color: #434190 !important; } - .lg\:text-3xl { - font-size: 1.875rem !important; + .xl\:bg-indigo-900 { + background-color: #3c366b !important; } - .lg\:text-4xl { - font-size: 2.25rem !important; + .xl\:bg-purple-100 { + background-color: #faf5ff !important; } - .lg\:text-5xl { - font-size: 3rem !important; + .xl\:bg-purple-200 { + background-color: #e9d8fd !important; } - .lg\:text-6xl { - font-size: 4rem !important; + .xl\:bg-purple-300 { + background-color: #d6bcfa !important; } - .lg\:italic { - font-style: italic !important; + .xl\:bg-purple-400 { + background-color: #b794f4 !important; } - .lg\:not-italic { - font-style: normal !important; + .xl\:bg-purple-500 { + background-color: #9f7aea !important; } - .lg\:uppercase { - text-transform: uppercase !important; + .xl\:bg-purple-600 { + background-color: #805ad5 !important; } - .lg\:lowercase { - text-transform: lowercase !important; + .xl\:bg-purple-700 { + background-color: #6b46c1 !important; } - .lg\:capitalize { - text-transform: capitalize !important; + .xl\:bg-purple-800 { + background-color: #553c9a !important; } - .lg\:normal-case { - text-transform: none !important; + .xl\:bg-purple-900 { + background-color: #44337a !important; } - .lg\:underline { - text-decoration: underline !important; + .xl\:bg-pink-100 { + background-color: #fff5f7 !important; } - .lg\:line-through { - text-decoration: line-through !important; + .xl\:bg-pink-200 { + background-color: #fed7e2 !important; } - .lg\:no-underline { - text-decoration: none !important; + .xl\:bg-pink-300 { + background-color: #fbb6ce !important; } - .lg\:hover\:underline:hover { - text-decoration: underline !important; + .xl\:bg-pink-400 { + background-color: #f687b3 !important; } - .lg\:hover\:line-through:hover { - text-decoration: line-through !important; + .xl\:bg-pink-500 { + background-color: #ed64a6 !important; } - .lg\:hover\:no-underline:hover { - text-decoration: none !important; + .xl\:bg-pink-600 { + background-color: #d53f8c !important; } - .lg\:focus\:underline:focus { - text-decoration: underline !important; + .xl\:bg-pink-700 { + background-color: #b83280 !important; } - .lg\:focus\:line-through:focus { - text-decoration: line-through !important; + .xl\:bg-pink-800 { + background-color: #97266d !important; } - .lg\:focus\:no-underline:focus { - text-decoration: none !important; + .xl\:bg-pink-900 { + background-color: #702459 !important; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased !important; - -moz-osx-font-smoothing: grayscale !important; + .xl\:hover\:bg-transparent:hover { + background-color: transparent !important; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto !important; - -moz-osx-font-smoothing: auto !important; + .xl\:hover\:bg-black:hover { + background-color: #000 !important; } - .lg\:tracking-tighter { - letter-spacing: -0.05em !important; + .xl\:hover\:bg-white:hover { + background-color: #fff !important; } - .lg\:tracking-tight { - letter-spacing: -0.025em !important; + .xl\:hover\:bg-gray-100:hover { + background-color: #f7fafc !important; } - .lg\:tracking-normal { - letter-spacing: 0 !important; + .xl\:hover\:bg-gray-200:hover { + background-color: #edf2f7 !important; } - .lg\:tracking-wide { - letter-spacing: 0.025em !important; + .xl\:hover\:bg-gray-300:hover { + background-color: #e2e8f0 !important; } - .lg\:tracking-wider { - letter-spacing: 0.05em !important; + .xl\:hover\:bg-gray-400:hover { + background-color: #cbd5e0 !important; } - .lg\:tracking-widest { - letter-spacing: 0.1em !important; + .xl\:hover\:bg-gray-500:hover { + background-color: #a0aec0 !important; } - .lg\:select-none { - user-select: none !important; + .xl\:hover\:bg-gray-600:hover { + background-color: #718096 !important; } - .lg\:select-text { - user-select: text !important; + .xl\:hover\:bg-gray-700:hover { + background-color: #4a5568 !important; } - .lg\:select-all { - user-select: all !important; + .xl\:hover\:bg-gray-800:hover { + background-color: #2d3748 !important; } - .lg\:select-auto { - user-select: auto !important; + .xl\:hover\:bg-gray-900:hover { + background-color: #1a202c !important; } - .lg\:align-baseline { - vertical-align: baseline !important; + .xl\:hover\:bg-red-100:hover { + background-color: #fff5f5 !important; } - .lg\:align-top { - vertical-align: top !important; + .xl\:hover\:bg-red-200:hover { + background-color: #fed7d7 !important; } - .lg\:align-middle { - vertical-align: middle !important; + .xl\:hover\:bg-red-300:hover { + background-color: #feb2b2 !important; } - .lg\:align-bottom { - vertical-align: bottom !important; + .xl\:hover\:bg-red-400:hover { + background-color: #fc8181 !important; } - .lg\:align-text-top { - vertical-align: text-top !important; + .xl\:hover\:bg-red-500:hover { + background-color: #f56565 !important; } - .lg\:align-text-bottom { - vertical-align: text-bottom !important; + .xl\:hover\:bg-red-600:hover { + background-color: #e53e3e !important; } - .lg\:visible { - visibility: visible !important; + .xl\:hover\:bg-red-700:hover { + background-color: #c53030 !important; } - .lg\:invisible { - visibility: hidden !important; + .xl\:hover\:bg-red-800:hover { + background-color: #9b2c2c !important; } - .lg\:whitespace-normal { - white-space: normal !important; + .xl\:hover\:bg-red-900:hover { + background-color: #742a2a !important; } - .lg\:whitespace-no-wrap { - white-space: nowrap !important; + .xl\:hover\:bg-orange-100:hover { + background-color: #fffaf0 !important; } - .lg\:whitespace-pre { - white-space: pre !important; + .xl\:hover\:bg-orange-200:hover { + background-color: #feebc8 !important; } - .lg\:whitespace-pre-line { - white-space: pre-line !important; + .xl\:hover\:bg-orange-300:hover { + background-color: #fbd38d !important; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap !important; + .xl\:hover\:bg-orange-400:hover { + background-color: #f6ad55 !important; } - .lg\:break-normal { - overflow-wrap: normal !important; - word-break: normal !important; + .xl\:hover\:bg-orange-500:hover { + background-color: #ed8936 !important; } - .lg\:break-words { - overflow-wrap: break-word !important; + .xl\:hover\:bg-orange-600:hover { + background-color: #dd6b20 !important; } - .lg\:break-all { - word-break: break-all !important; + .xl\:hover\:bg-orange-700:hover { + background-color: #c05621 !important; } - .lg\:truncate { - overflow: hidden !important; - text-overflow: ellipsis !important; - white-space: nowrap !important; + .xl\:hover\:bg-orange-800:hover { + background-color: #9c4221 !important; } - .lg\:w-0 { - width: 0 !important; + .xl\:hover\:bg-orange-900:hover { + background-color: #7b341e !important; } - .lg\:w-1 { - width: 0.25rem !important; + .xl\:hover\:bg-yellow-100:hover { + background-color: #fffff0 !important; } - .lg\:w-2 { - width: 0.5rem !important; + .xl\:hover\:bg-yellow-200:hover { + background-color: #fefcbf !important; } - .lg\:w-3 { - width: 0.75rem !important; + .xl\:hover\:bg-yellow-300:hover { + background-color: #faf089 !important; } - .lg\:w-4 { - width: 1rem !important; + .xl\:hover\:bg-yellow-400:hover { + background-color: #f6e05e !important; } - .lg\:w-5 { - width: 1.25rem !important; + .xl\:hover\:bg-yellow-500:hover { + background-color: #ecc94b !important; } - .lg\:w-6 { - width: 1.5rem !important; + .xl\:hover\:bg-yellow-600:hover { + background-color: #d69e2e !important; } - .lg\:w-8 { - width: 2rem !important; + .xl\:hover\:bg-yellow-700:hover { + background-color: #b7791f !important; } - .lg\:w-10 { - width: 2.5rem !important; + .xl\:hover\:bg-yellow-800:hover { + background-color: #975a16 !important; } - .lg\:w-12 { - width: 3rem !important; + .xl\:hover\:bg-yellow-900:hover { + background-color: #744210 !important; } - .lg\:w-16 { - width: 4rem !important; + .xl\:hover\:bg-green-100:hover { + background-color: #f0fff4 !important; } - .lg\:w-20 { - width: 5rem !important; + .xl\:hover\:bg-green-200:hover { + background-color: #c6f6d5 !important; } - .lg\:w-24 { - width: 6rem !important; + .xl\:hover\:bg-green-300:hover { + background-color: #9ae6b4 !important; } - .lg\:w-32 { - width: 8rem !important; + .xl\:hover\:bg-green-400:hover { + background-color: #68d391 !important; } - .lg\:w-40 { - width: 10rem !important; + .xl\:hover\:bg-green-500:hover { + background-color: #48bb78 !important; } - .lg\:w-48 { - width: 12rem !important; + .xl\:hover\:bg-green-600:hover { + background-color: #38a169 !important; } - .lg\:w-56 { - width: 14rem !important; + .xl\:hover\:bg-green-700:hover { + background-color: #2f855a !important; } - .lg\:w-64 { - width: 16rem !important; + .xl\:hover\:bg-green-800:hover { + background-color: #276749 !important; } - .lg\:w-auto { - width: auto !important; + .xl\:hover\:bg-green-900:hover { + background-color: #22543d !important; } - .lg\:w-px { - width: 1px !important; + .xl\:hover\:bg-teal-100:hover { + background-color: #e6fffa !important; } - .lg\:w-1\/2 { - width: 50% !important; + .xl\:hover\:bg-teal-200:hover { + background-color: #b2f5ea !important; } - .lg\:w-1\/3 { - width: 33.333333% !important; + .xl\:hover\:bg-teal-300:hover { + background-color: #81e6d9 !important; } - .lg\:w-2\/3 { - width: 66.666667% !important; + .xl\:hover\:bg-teal-400:hover { + background-color: #4fd1c5 !important; } - - .lg\:w-1\/4 { - width: 25% !important; + + .xl\:hover\:bg-teal-500:hover { + background-color: #38b2ac !important; } - .lg\:w-2\/4 { - width: 50% !important; + .xl\:hover\:bg-teal-600:hover { + background-color: #319795 !important; } - .lg\:w-3\/4 { - width: 75% !important; + .xl\:hover\:bg-teal-700:hover { + background-color: #2c7a7b !important; } - .lg\:w-1\/5 { - width: 20% !important; + .xl\:hover\:bg-teal-800:hover { + background-color: #285e61 !important; } - .lg\:w-2\/5 { - width: 40% !important; + .xl\:hover\:bg-teal-900:hover { + background-color: #234e52 !important; } - .lg\:w-3\/5 { - width: 60% !important; + .xl\:hover\:bg-blue-100:hover { + background-color: #ebf8ff !important; } - .lg\:w-4\/5 { - width: 80% !important; + .xl\:hover\:bg-blue-200:hover { + background-color: #bee3f8 !important; } - .lg\:w-1\/6 { - width: 16.666667% !important; + .xl\:hover\:bg-blue-300:hover { + background-color: #90cdf4 !important; } - .lg\:w-2\/6 { - width: 33.333333% !important; + .xl\:hover\:bg-blue-400:hover { + background-color: #63b3ed !important; } - .lg\:w-3\/6 { - width: 50% !important; + .xl\:hover\:bg-blue-500:hover { + background-color: #4299e1 !important; } - .lg\:w-4\/6 { - width: 66.666667% !important; + .xl\:hover\:bg-blue-600:hover { + background-color: #3182ce !important; } - .lg\:w-5\/6 { - width: 83.333333% !important; + .xl\:hover\:bg-blue-700:hover { + background-color: #2b6cb0 !important; } - .lg\:w-1\/12 { - width: 8.333333% !important; + .xl\:hover\:bg-blue-800:hover { + background-color: #2c5282 !important; } - .lg\:w-2\/12 { - width: 16.666667% !important; + .xl\:hover\:bg-blue-900:hover { + background-color: #2a4365 !important; } - .lg\:w-3\/12 { - width: 25% !important; + .xl\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff !important; } - .lg\:w-4\/12 { - width: 33.333333% !important; + .xl\:hover\:bg-indigo-200:hover { + background-color: #c3dafe !important; } - .lg\:w-5\/12 { - width: 41.666667% !important; + .xl\:hover\:bg-indigo-300:hover { + background-color: #a3bffa !important; } - .lg\:w-6\/12 { - width: 50% !important; + .xl\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5 !important; } - .lg\:w-7\/12 { - width: 58.333333% !important; + .xl\:hover\:bg-indigo-500:hover { + background-color: #667eea !important; } - .lg\:w-8\/12 { - width: 66.666667% !important; + .xl\:hover\:bg-indigo-600:hover { + background-color: #5a67d8 !important; } - .lg\:w-9\/12 { - width: 75% !important; + .xl\:hover\:bg-indigo-700:hover { + background-color: #4c51bf !important; } - .lg\:w-10\/12 { - width: 83.333333% !important; + .xl\:hover\:bg-indigo-800:hover { + background-color: #434190 !important; } - .lg\:w-11\/12 { - width: 91.666667% !important; + .xl\:hover\:bg-indigo-900:hover { + background-color: #3c366b !important; } - .lg\:w-full { - width: 100% !important; + .xl\:hover\:bg-purple-100:hover { + background-color: #faf5ff !important; } - .lg\:w-screen { - width: 100vw !important; + .xl\:hover\:bg-purple-200:hover { + background-color: #e9d8fd !important; } - .lg\:z-0 { - z-index: 0 !important; + .xl\:hover\:bg-purple-300:hover { + background-color: #d6bcfa !important; } - .lg\:z-10 { - z-index: 10 !important; + .xl\:hover\:bg-purple-400:hover { + background-color: #b794f4 !important; } - .lg\:z-20 { - z-index: 20 !important; + .xl\:hover\:bg-purple-500:hover { + background-color: #9f7aea !important; } - .lg\:z-30 { - z-index: 30 !important; + .xl\:hover\:bg-purple-600:hover { + background-color: #805ad5 !important; } - .lg\:z-40 { - z-index: 40 !important; + .xl\:hover\:bg-purple-700:hover { + background-color: #6b46c1 !important; } - .lg\:z-50 { - z-index: 50 !important; + .xl\:hover\:bg-purple-800:hover { + background-color: #553c9a !important; } - .lg\:z-auto { - z-index: auto !important; + .xl\:hover\:bg-purple-900:hover { + background-color: #44337a !important; } - .lg\:example { - font-weight: 700; - color: #f56565; + .xl\:hover\:bg-pink-100:hover { + background-color: #fff5f7 !important; } -} -@media (min-width: 1280px) { - .xl\:sr-only { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .xl\:hover\:bg-pink-200:hover { + background-color: #fed7e2 !important; } - .xl\:not-sr-only { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .xl\:hover\:bg-pink-300:hover { + background-color: #fbb6ce !important; } - .xl\:focus\:sr-only:focus { - position: absolute !important; - width: 1px !important; - height: 1px !important; - padding: 0 !important; - margin: -1px !important; - overflow: hidden !important; - clip: rect(0, 0, 0, 0) !important; - white-space: nowrap !important; - border-width: 0 !important; + .xl\:hover\:bg-pink-400:hover { + background-color: #f687b3 !important; } - .xl\:focus\:not-sr-only:focus { - position: static !important; - width: auto !important; - height: auto !important; - padding: 0 !important; - margin: 0 !important; - overflow: visible !important; - clip: auto !important; - white-space: normal !important; + .xl\:hover\:bg-pink-500:hover { + background-color: #ed64a6 !important; } - .xl\:appearance-none { - appearance: none !important; + .xl\:hover\:bg-pink-600:hover { + background-color: #d53f8c !important; } - .xl\:bg-fixed { - background-attachment: fixed !important; + .xl\:hover\:bg-pink-700:hover { + background-color: #b83280 !important; } - .xl\:bg-local { - background-attachment: local !important; + .xl\:hover\:bg-pink-800:hover { + background-color: #97266d !important; } - .xl\:bg-scroll { - background-attachment: scroll !important; + .xl\:hover\:bg-pink-900:hover { + background-color: #702459 !important; } - .xl\:bg-transparent { + .xl\:focus\:bg-transparent:focus { background-color: transparent !important; } - .xl\:bg-black { + .xl\:focus\:bg-black:focus { background-color: #000 !important; } - .xl\:bg-white { + .xl\:focus\:bg-white:focus { background-color: #fff !important; } - .xl\:bg-gray-100 { + .xl\:focus\:bg-gray-100:focus { background-color: #f7fafc !important; } - .xl\:bg-gray-200 { + .xl\:focus\:bg-gray-200:focus { background-color: #edf2f7 !important; } - .xl\:bg-gray-300 { + .xl\:focus\:bg-gray-300:focus { background-color: #e2e8f0 !important; } - .xl\:bg-gray-400 { + .xl\:focus\:bg-gray-400:focus { background-color: #cbd5e0 !important; } - .xl\:bg-gray-500 { + .xl\:focus\:bg-gray-500:focus { background-color: #a0aec0 !important; } - .xl\:bg-gray-600 { + .xl\:focus\:bg-gray-600:focus { background-color: #718096 !important; } - .xl\:bg-gray-700 { + .xl\:focus\:bg-gray-700:focus { background-color: #4a5568 !important; } - .xl\:bg-gray-800 { + .xl\:focus\:bg-gray-800:focus { background-color: #2d3748 !important; } - .xl\:bg-gray-900 { + .xl\:focus\:bg-gray-900:focus { background-color: #1a202c !important; } - .xl\:bg-red-100 { + .xl\:focus\:bg-red-100:focus { background-color: #fff5f5 !important; } - .xl\:bg-red-200 { + .xl\:focus\:bg-red-200:focus { background-color: #fed7d7 !important; } - .xl\:bg-red-300 { + .xl\:focus\:bg-red-300:focus { background-color: #feb2b2 !important; } - .xl\:bg-red-400 { + .xl\:focus\:bg-red-400:focus { background-color: #fc8181 !important; } - .xl\:bg-red-500 { + .xl\:focus\:bg-red-500:focus { background-color: #f56565 !important; } - .xl\:bg-red-600 { + .xl\:focus\:bg-red-600:focus { background-color: #e53e3e !important; } - .xl\:bg-red-700 { + .xl\:focus\:bg-red-700:focus { background-color: #c53030 !important; } - .xl\:bg-red-800 { + .xl\:focus\:bg-red-800:focus { background-color: #9b2c2c !important; } - .xl\:bg-red-900 { + .xl\:focus\:bg-red-900:focus { background-color: #742a2a !important; } - .xl\:bg-orange-100 { + .xl\:focus\:bg-orange-100:focus { background-color: #fffaf0 !important; } - .xl\:bg-orange-200 { + .xl\:focus\:bg-orange-200:focus { background-color: #feebc8 !important; } - .xl\:bg-orange-300 { + .xl\:focus\:bg-orange-300:focus { background-color: #fbd38d !important; } - .xl\:bg-orange-400 { + .xl\:focus\:bg-orange-400:focus { background-color: #f6ad55 !important; } - .xl\:bg-orange-500 { + .xl\:focus\:bg-orange-500:focus { background-color: #ed8936 !important; } - .xl\:bg-orange-600 { + .xl\:focus\:bg-orange-600:focus { background-color: #dd6b20 !important; } - .xl\:bg-orange-700 { + .xl\:focus\:bg-orange-700:focus { background-color: #c05621 !important; } - .xl\:bg-orange-800 { + .xl\:focus\:bg-orange-800:focus { background-color: #9c4221 !important; } - .xl\:bg-orange-900 { + .xl\:focus\:bg-orange-900:focus { background-color: #7b341e !important; } - .xl\:bg-yellow-100 { + .xl\:focus\:bg-yellow-100:focus { background-color: #fffff0 !important; } - .xl\:bg-yellow-200 { + .xl\:focus\:bg-yellow-200:focus { background-color: #fefcbf !important; } - .xl\:bg-yellow-300 { + .xl\:focus\:bg-yellow-300:focus { background-color: #faf089 !important; } - .xl\:bg-yellow-400 { + .xl\:focus\:bg-yellow-400:focus { background-color: #f6e05e !important; } - .xl\:bg-yellow-500 { + .xl\:focus\:bg-yellow-500:focus { background-color: #ecc94b !important; } - .xl\:bg-yellow-600 { + .xl\:focus\:bg-yellow-600:focus { background-color: #d69e2e !important; } - .xl\:bg-yellow-700 { + .xl\:focus\:bg-yellow-700:focus { background-color: #b7791f !important; } - .xl\:bg-yellow-800 { + .xl\:focus\:bg-yellow-800:focus { background-color: #975a16 !important; } - .xl\:bg-yellow-900 { + .xl\:focus\:bg-yellow-900:focus { background-color: #744210 !important; } - .xl\:bg-green-100 { + .xl\:focus\:bg-green-100:focus { background-color: #f0fff4 !important; } - .xl\:bg-green-200 { + .xl\:focus\:bg-green-200:focus { background-color: #c6f6d5 !important; } - .xl\:bg-green-300 { + .xl\:focus\:bg-green-300:focus { background-color: #9ae6b4 !important; } - .xl\:bg-green-400 { + .xl\:focus\:bg-green-400:focus { background-color: #68d391 !important; } - .xl\:bg-green-500 { + .xl\:focus\:bg-green-500:focus { background-color: #48bb78 !important; } - .xl\:bg-green-600 { + .xl\:focus\:bg-green-600:focus { background-color: #38a169 !important; } - .xl\:bg-green-700 { + .xl\:focus\:bg-green-700:focus { background-color: #2f855a !important; } - .xl\:bg-green-800 { + .xl\:focus\:bg-green-800:focus { background-color: #276749 !important; } - .xl\:bg-green-900 { + .xl\:focus\:bg-green-900:focus { background-color: #22543d !important; } - .xl\:bg-teal-100 { + .xl\:focus\:bg-teal-100:focus { background-color: #e6fffa !important; } - .xl\:bg-teal-200 { + .xl\:focus\:bg-teal-200:focus { background-color: #b2f5ea !important; } - .xl\:bg-teal-300 { + .xl\:focus\:bg-teal-300:focus { background-color: #81e6d9 !important; } - .xl\:bg-teal-400 { + .xl\:focus\:bg-teal-400:focus { background-color: #4fd1c5 !important; } - .xl\:bg-teal-500 { + .xl\:focus\:bg-teal-500:focus { background-color: #38b2ac !important; } - .xl\:bg-teal-600 { + .xl\:focus\:bg-teal-600:focus { background-color: #319795 !important; } - .xl\:bg-teal-700 { + .xl\:focus\:bg-teal-700:focus { background-color: #2c7a7b !important; } - .xl\:bg-teal-800 { + .xl\:focus\:bg-teal-800:focus { background-color: #285e61 !important; } - .xl\:bg-teal-900 { + .xl\:focus\:bg-teal-900:focus { background-color: #234e52 !important; } - .xl\:bg-blue-100 { + .xl\:focus\:bg-blue-100:focus { background-color: #ebf8ff !important; } - .xl\:bg-blue-200 { + .xl\:focus\:bg-blue-200:focus { background-color: #bee3f8 !important; } - .xl\:bg-blue-300 { + .xl\:focus\:bg-blue-300:focus { background-color: #90cdf4 !important; } - .xl\:bg-blue-400 { + .xl\:focus\:bg-blue-400:focus { background-color: #63b3ed !important; } - .xl\:bg-blue-500 { + .xl\:focus\:bg-blue-500:focus { background-color: #4299e1 !important; } - .xl\:bg-blue-600 { + .xl\:focus\:bg-blue-600:focus { background-color: #3182ce !important; } - .xl\:bg-blue-700 { + .xl\:focus\:bg-blue-700:focus { background-color: #2b6cb0 !important; } - .xl\:bg-blue-800 { + .xl\:focus\:bg-blue-800:focus { background-color: #2c5282 !important; } - .xl\:bg-blue-900 { + .xl\:focus\:bg-blue-900:focus { background-color: #2a4365 !important; } - .xl\:bg-indigo-100 { + .xl\:focus\:bg-indigo-100:focus { background-color: #ebf4ff !important; } - .xl\:bg-indigo-200 { + .xl\:focus\:bg-indigo-200:focus { background-color: #c3dafe !important; } - .xl\:bg-indigo-300 { + .xl\:focus\:bg-indigo-300:focus { background-color: #a3bffa !important; } - .xl\:bg-indigo-400 { + .xl\:focus\:bg-indigo-400:focus { background-color: #7f9cf5 !important; } - .xl\:bg-indigo-500 { + .xl\:focus\:bg-indigo-500:focus { background-color: #667eea !important; } - .xl\:bg-indigo-600 { + .xl\:focus\:bg-indigo-600:focus { background-color: #5a67d8 !important; } - .xl\:bg-indigo-700 { + .xl\:focus\:bg-indigo-700:focus { background-color: #4c51bf !important; } - .xl\:bg-indigo-800 { + .xl\:focus\:bg-indigo-800:focus { background-color: #434190 !important; } - .xl\:bg-indigo-900 { + .xl\:focus\:bg-indigo-900:focus { background-color: #3c366b !important; } - .xl\:bg-purple-100 { + .xl\:focus\:bg-purple-100:focus { background-color: #faf5ff !important; } - .xl\:bg-purple-200 { + .xl\:focus\:bg-purple-200:focus { background-color: #e9d8fd !important; } - .xl\:bg-purple-300 { + .xl\:focus\:bg-purple-300:focus { background-color: #d6bcfa !important; } - .xl\:bg-purple-400 { + .xl\:focus\:bg-purple-400:focus { background-color: #b794f4 !important; } - .xl\:bg-purple-500 { + .xl\:focus\:bg-purple-500:focus { background-color: #9f7aea !important; } - .xl\:bg-purple-600 { + .xl\:focus\:bg-purple-600:focus { background-color: #805ad5 !important; } - .xl\:bg-purple-700 { + .xl\:focus\:bg-purple-700:focus { background-color: #6b46c1 !important; } - .xl\:bg-purple-800 { + .xl\:focus\:bg-purple-800:focus { background-color: #553c9a !important; } - .xl\:bg-purple-900 { + .xl\:focus\:bg-purple-900:focus { background-color: #44337a !important; } - .xl\:bg-pink-100 { + .xl\:focus\:bg-pink-100:focus { background-color: #fff5f7 !important; } - .xl\:bg-pink-200 { + .xl\:focus\:bg-pink-200:focus { background-color: #fed7e2 !important; } - .xl\:bg-pink-300 { + .xl\:focus\:bg-pink-300:focus { background-color: #fbb6ce !important; } - .xl\:bg-pink-400 { + .xl\:focus\:bg-pink-400:focus { background-color: #f687b3 !important; } - .xl\:bg-pink-500 { + .xl\:focus\:bg-pink-500:focus { background-color: #ed64a6 !important; } - .xl\:bg-pink-600 { + .xl\:focus\:bg-pink-600:focus { background-color: #d53f8c !important; } - .xl\:bg-pink-700 { + .xl\:focus\:bg-pink-700:focus { background-color: #b83280 !important; } - .xl\:bg-pink-800 { + .xl\:focus\:bg-pink-800:focus { background-color: #97266d !important; } - .xl\:bg-pink-900 { + .xl\:focus\:bg-pink-900:focus { background-color: #702459 !important; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent !important; + .xl\:bg-bottom { + background-position: bottom !important; } - .xl\:hover\:bg-black:hover { - background-color: #000 !important; + .xl\:bg-center { + background-position: center !important; } - .xl\:hover\:bg-white:hover { - background-color: #fff !important; + .xl\:bg-left { + background-position: left !important; } - .xl\:hover\:bg-gray-100:hover { - background-color: #f7fafc !important; + .xl\:bg-left-bottom { + background-position: left bottom !important; } - .xl\:hover\:bg-gray-200:hover { - background-color: #edf2f7 !important; + .xl\:bg-left-top { + background-position: left top !important; } - .xl\:hover\:bg-gray-300:hover { - background-color: #e2e8f0 !important; + .xl\:bg-right { + background-position: right !important; } - .xl\:hover\:bg-gray-400:hover { - background-color: #cbd5e0 !important; + .xl\:bg-right-bottom { + background-position: right bottom !important; } - .xl\:hover\:bg-gray-500:hover { - background-color: #a0aec0 !important; + .xl\:bg-right-top { + background-position: right top !important; } - .xl\:hover\:bg-gray-600:hover { - background-color: #718096 !important; + .xl\:bg-top { + background-position: top !important; } - .xl\:hover\:bg-gray-700:hover { - background-color: #4a5568 !important; + .xl\:bg-repeat { + background-repeat: repeat !important; } - .xl\:hover\:bg-gray-800:hover { - background-color: #2d3748 !important; + .xl\:bg-no-repeat { + background-repeat: no-repeat !important; } - .xl\:hover\:bg-gray-900:hover { - background-color: #1a202c !important; + .xl\:bg-repeat-x { + background-repeat: repeat-x !important; } - .xl\:hover\:bg-red-100:hover { - background-color: #fff5f5 !important; + .xl\:bg-repeat-y { + background-repeat: repeat-y !important; } - .xl\:hover\:bg-red-200:hover { - background-color: #fed7d7 !important; + .xl\:bg-repeat-round { + background-repeat: round !important; } - .xl\:hover\:bg-red-300:hover { - background-color: #feb2b2 !important; + .xl\:bg-repeat-space { + background-repeat: space !important; } - .xl\:hover\:bg-red-400:hover { - background-color: #fc8181 !important; + .xl\:bg-auto { + background-size: auto !important; } - .xl\:hover\:bg-red-500:hover { - background-color: #f56565 !important; + .xl\:bg-cover { + background-size: cover !important; } - .xl\:hover\:bg-red-600:hover { - background-color: #e53e3e !important; + .xl\:bg-contain { + background-size: contain !important; } - .xl\:hover\:bg-red-700:hover { - background-color: #c53030 !important; + .xl\:border-collapse { + border-collapse: collapse !important; } - .xl\:hover\:bg-red-800:hover { - background-color: #9b2c2c !important; + .xl\:border-separate { + border-collapse: separate !important; } - .xl\:hover\:bg-red-900:hover { - background-color: #742a2a !important; + .xl\:border-transparent { + border-color: transparent !important; } - .xl\:hover\:bg-orange-100:hover { - background-color: #fffaf0 !important; + .xl\:border-black { + border-color: #000 !important; } - .xl\:hover\:bg-orange-200:hover { - background-color: #feebc8 !important; + .xl\:border-white { + border-color: #fff !important; } - .xl\:hover\:bg-orange-300:hover { - background-color: #fbd38d !important; + .xl\:border-gray-100 { + border-color: #f7fafc !important; } - .xl\:hover\:bg-orange-400:hover { - background-color: #f6ad55 !important; + .xl\:border-gray-200 { + border-color: #edf2f7 !important; } - .xl\:hover\:bg-orange-500:hover { - background-color: #ed8936 !important; + .xl\:border-gray-300 { + border-color: #e2e8f0 !important; } - .xl\:hover\:bg-orange-600:hover { - background-color: #dd6b20 !important; + .xl\:border-gray-400 { + border-color: #cbd5e0 !important; } - .xl\:hover\:bg-orange-700:hover { - background-color: #c05621 !important; + .xl\:border-gray-500 { + border-color: #a0aec0 !important; } - .xl\:hover\:bg-orange-800:hover { - background-color: #9c4221 !important; + .xl\:border-gray-600 { + border-color: #718096 !important; } - .xl\:hover\:bg-orange-900:hover { - background-color: #7b341e !important; + .xl\:border-gray-700 { + border-color: #4a5568 !important; } - .xl\:hover\:bg-yellow-100:hover { - background-color: #fffff0 !important; + .xl\:border-gray-800 { + border-color: #2d3748 !important; } - .xl\:hover\:bg-yellow-200:hover { - background-color: #fefcbf !important; + .xl\:border-gray-900 { + border-color: #1a202c !important; } - .xl\:hover\:bg-yellow-300:hover { - background-color: #faf089 !important; + .xl\:border-red-100 { + border-color: #fff5f5 !important; } - .xl\:hover\:bg-yellow-400:hover { - background-color: #f6e05e !important; + .xl\:border-red-200 { + border-color: #fed7d7 !important; } - .xl\:hover\:bg-yellow-500:hover { - background-color: #ecc94b !important; + .xl\:border-red-300 { + border-color: #feb2b2 !important; } - .xl\:hover\:bg-yellow-600:hover { - background-color: #d69e2e !important; + .xl\:border-red-400 { + border-color: #fc8181 !important; } - .xl\:hover\:bg-yellow-700:hover { - background-color: #b7791f !important; + .xl\:border-red-500 { + border-color: #f56565 !important; } - .xl\:hover\:bg-yellow-800:hover { - background-color: #975a16 !important; + .xl\:border-red-600 { + border-color: #e53e3e !important; } - .xl\:hover\:bg-yellow-900:hover { - background-color: #744210 !important; + .xl\:border-red-700 { + border-color: #c53030 !important; } - .xl\:hover\:bg-green-100:hover { - background-color: #f0fff4 !important; + .xl\:border-red-800 { + border-color: #9b2c2c !important; } - .xl\:hover\:bg-green-200:hover { - background-color: #c6f6d5 !important; + .xl\:border-red-900 { + border-color: #742a2a !important; } - .xl\:hover\:bg-green-300:hover { - background-color: #9ae6b4 !important; + .xl\:border-orange-100 { + border-color: #fffaf0 !important; } - .xl\:hover\:bg-green-400:hover { - background-color: #68d391 !important; + .xl\:border-orange-200 { + border-color: #feebc8 !important; } - .xl\:hover\:bg-green-500:hover { - background-color: #48bb78 !important; + .xl\:border-orange-300 { + border-color: #fbd38d !important; } - .xl\:hover\:bg-green-600:hover { - background-color: #38a169 !important; + .xl\:border-orange-400 { + border-color: #f6ad55 !important; } - .xl\:hover\:bg-green-700:hover { - background-color: #2f855a !important; + .xl\:border-orange-500 { + border-color: #ed8936 !important; } - .xl\:hover\:bg-green-800:hover { - background-color: #276749 !important; + .xl\:border-orange-600 { + border-color: #dd6b20 !important; } - .xl\:hover\:bg-green-900:hover { - background-color: #22543d !important; + .xl\:border-orange-700 { + border-color: #c05621 !important; } - .xl\:hover\:bg-teal-100:hover { - background-color: #e6fffa !important; + .xl\:border-orange-800 { + border-color: #9c4221 !important; } - .xl\:hover\:bg-teal-200:hover { - background-color: #b2f5ea !important; + .xl\:border-orange-900 { + border-color: #7b341e !important; } - .xl\:hover\:bg-teal-300:hover { - background-color: #81e6d9 !important; + .xl\:border-yellow-100 { + border-color: #fffff0 !important; } - .xl\:hover\:bg-teal-400:hover { - background-color: #4fd1c5 !important; + .xl\:border-yellow-200 { + border-color: #fefcbf !important; } - .xl\:hover\:bg-teal-500:hover { - background-color: #38b2ac !important; + .xl\:border-yellow-300 { + border-color: #faf089 !important; } - .xl\:hover\:bg-teal-600:hover { - background-color: #319795 !important; + .xl\:border-yellow-400 { + border-color: #f6e05e !important; } - .xl\:hover\:bg-teal-700:hover { - background-color: #2c7a7b !important; + .xl\:border-yellow-500 { + border-color: #ecc94b !important; } - .xl\:hover\:bg-teal-800:hover { - background-color: #285e61 !important; + .xl\:border-yellow-600 { + border-color: #d69e2e !important; } - .xl\:hover\:bg-teal-900:hover { - background-color: #234e52 !important; + .xl\:border-yellow-700 { + border-color: #b7791f !important; } - .xl\:hover\:bg-blue-100:hover { - background-color: #ebf8ff !important; + .xl\:border-yellow-800 { + border-color: #975a16 !important; } - .xl\:hover\:bg-blue-200:hover { - background-color: #bee3f8 !important; + .xl\:border-yellow-900 { + border-color: #744210 !important; } - .xl\:hover\:bg-blue-300:hover { - background-color: #90cdf4 !important; + .xl\:border-green-100 { + border-color: #f0fff4 !important; } - .xl\:hover\:bg-blue-400:hover { - background-color: #63b3ed !important; + .xl\:border-green-200 { + border-color: #c6f6d5 !important; } - .xl\:hover\:bg-blue-500:hover { - background-color: #4299e1 !important; + .xl\:border-green-300 { + border-color: #9ae6b4 !important; } - .xl\:hover\:bg-blue-600:hover { - background-color: #3182ce !important; + .xl\:border-green-400 { + border-color: #68d391 !important; } - .xl\:hover\:bg-blue-700:hover { - background-color: #2b6cb0 !important; + .xl\:border-green-500 { + border-color: #48bb78 !important; } - .xl\:hover\:bg-blue-800:hover { - background-color: #2c5282 !important; + .xl\:border-green-600 { + border-color: #38a169 !important; } - .xl\:hover\:bg-blue-900:hover { - background-color: #2a4365 !important; + .xl\:border-green-700 { + border-color: #2f855a !important; } - .xl\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff !important; + .xl\:border-green-800 { + border-color: #276749 !important; } - .xl\:hover\:bg-indigo-200:hover { - background-color: #c3dafe !important; + .xl\:border-green-900 { + border-color: #22543d !important; } - .xl\:hover\:bg-indigo-300:hover { - background-color: #a3bffa !important; + .xl\:border-teal-100 { + border-color: #e6fffa !important; } - .xl\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5 !important; + .xl\:border-teal-200 { + border-color: #b2f5ea !important; } - .xl\:hover\:bg-indigo-500:hover { - background-color: #667eea !important; + .xl\:border-teal-300 { + border-color: #81e6d9 !important; } - .xl\:hover\:bg-indigo-600:hover { - background-color: #5a67d8 !important; + .xl\:border-teal-400 { + border-color: #4fd1c5 !important; } - .xl\:hover\:bg-indigo-700:hover { - background-color: #4c51bf !important; + .xl\:border-teal-500 { + border-color: #38b2ac !important; } - .xl\:hover\:bg-indigo-800:hover { - background-color: #434190 !important; + .xl\:border-teal-600 { + border-color: #319795 !important; } - .xl\:hover\:bg-indigo-900:hover { - background-color: #3c366b !important; + .xl\:border-teal-700 { + border-color: #2c7a7b !important; } - .xl\:hover\:bg-purple-100:hover { - background-color: #faf5ff !important; + .xl\:border-teal-800 { + border-color: #285e61 !important; } - .xl\:hover\:bg-purple-200:hover { - background-color: #e9d8fd !important; + .xl\:border-teal-900 { + border-color: #234e52 !important; } - .xl\:hover\:bg-purple-300:hover { - background-color: #d6bcfa !important; + .xl\:border-blue-100 { + border-color: #ebf8ff !important; } - .xl\:hover\:bg-purple-400:hover { - background-color: #b794f4 !important; + .xl\:border-blue-200 { + border-color: #bee3f8 !important; } - .xl\:hover\:bg-purple-500:hover { - background-color: #9f7aea !important; + .xl\:border-blue-300 { + border-color: #90cdf4 !important; } - .xl\:hover\:bg-purple-600:hover { - background-color: #805ad5 !important; + .xl\:border-blue-400 { + border-color: #63b3ed !important; } - .xl\:hover\:bg-purple-700:hover { - background-color: #6b46c1 !important; + .xl\:border-blue-500 { + border-color: #4299e1 !important; } - .xl\:hover\:bg-purple-800:hover { - background-color: #553c9a !important; + .xl\:border-blue-600 { + border-color: #3182ce !important; } - .xl\:hover\:bg-purple-900:hover { - background-color: #44337a !important; + .xl\:border-blue-700 { + border-color: #2b6cb0 !important; } - .xl\:hover\:bg-pink-100:hover { - background-color: #fff5f7 !important; + .xl\:border-blue-800 { + border-color: #2c5282 !important; } - .xl\:hover\:bg-pink-200:hover { - background-color: #fed7e2 !important; + .xl\:border-blue-900 { + border-color: #2a4365 !important; } - .xl\:hover\:bg-pink-300:hover { - background-color: #fbb6ce !important; + .xl\:border-indigo-100 { + border-color: #ebf4ff !important; } - .xl\:hover\:bg-pink-400:hover { - background-color: #f687b3 !important; + .xl\:border-indigo-200 { + border-color: #c3dafe !important; } - .xl\:hover\:bg-pink-500:hover { - background-color: #ed64a6 !important; + .xl\:border-indigo-300 { + border-color: #a3bffa !important; } - .xl\:hover\:bg-pink-600:hover { - background-color: #d53f8c !important; + .xl\:border-indigo-400 { + border-color: #7f9cf5 !important; } - .xl\:hover\:bg-pink-700:hover { - background-color: #b83280 !important; + .xl\:border-indigo-500 { + border-color: #667eea !important; } - .xl\:hover\:bg-pink-800:hover { - background-color: #97266d !important; + .xl\:border-indigo-600 { + border-color: #5a67d8 !important; } - .xl\:hover\:bg-pink-900:hover { - background-color: #702459 !important; + .xl\:border-indigo-700 { + border-color: #4c51bf !important; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent !important; + .xl\:border-indigo-800 { + border-color: #434190 !important; } - .xl\:focus\:bg-black:focus { - background-color: #000 !important; + .xl\:border-indigo-900 { + border-color: #3c366b !important; } - .xl\:focus\:bg-white:focus { - background-color: #fff !important; + .xl\:border-purple-100 { + border-color: #faf5ff !important; } - .xl\:focus\:bg-gray-100:focus { - background-color: #f7fafc !important; + .xl\:border-purple-200 { + border-color: #e9d8fd !important; } - .xl\:focus\:bg-gray-200:focus { - background-color: #edf2f7 !important; + .xl\:border-purple-300 { + border-color: #d6bcfa !important; } - .xl\:focus\:bg-gray-300:focus { - background-color: #e2e8f0 !important; + .xl\:border-purple-400 { + border-color: #b794f4 !important; } - .xl\:focus\:bg-gray-400:focus { - background-color: #cbd5e0 !important; + .xl\:border-purple-500 { + border-color: #9f7aea !important; } - .xl\:focus\:bg-gray-500:focus { - background-color: #a0aec0 !important; + .xl\:border-purple-600 { + border-color: #805ad5 !important; } - .xl\:focus\:bg-gray-600:focus { - background-color: #718096 !important; + .xl\:border-purple-700 { + border-color: #6b46c1 !important; } - .xl\:focus\:bg-gray-700:focus { - background-color: #4a5568 !important; + .xl\:border-purple-800 { + border-color: #553c9a !important; } - .xl\:focus\:bg-gray-800:focus { - background-color: #2d3748 !important; + .xl\:border-purple-900 { + border-color: #44337a !important; } - .xl\:focus\:bg-gray-900:focus { - background-color: #1a202c !important; + .xl\:border-pink-100 { + border-color: #fff5f7 !important; } - .xl\:focus\:bg-red-100:focus { - background-color: #fff5f5 !important; + .xl\:border-pink-200 { + border-color: #fed7e2 !important; } - .xl\:focus\:bg-red-200:focus { - background-color: #fed7d7 !important; + .xl\:border-pink-300 { + border-color: #fbb6ce !important; } - .xl\:focus\:bg-red-300:focus { - background-color: #feb2b2 !important; + .xl\:border-pink-400 { + border-color: #f687b3 !important; } - .xl\:focus\:bg-red-400:focus { - background-color: #fc8181 !important; + .xl\:border-pink-500 { + border-color: #ed64a6 !important; } - .xl\:focus\:bg-red-500:focus { - background-color: #f56565 !important; + .xl\:border-pink-600 { + border-color: #d53f8c !important; } - .xl\:focus\:bg-red-600:focus { - background-color: #e53e3e !important; + .xl\:border-pink-700 { + border-color: #b83280 !important; } - .xl\:focus\:bg-red-700:focus { - background-color: #c53030 !important; + .xl\:border-pink-800 { + border-color: #97266d !important; } - .xl\:focus\:bg-red-800:focus { - background-color: #9b2c2c !important; + .xl\:border-pink-900 { + border-color: #702459 !important; } - .xl\:focus\:bg-red-900:focus { - background-color: #742a2a !important; + .xl\:hover\:border-transparent:hover { + border-color: transparent !important; } - .xl\:focus\:bg-orange-100:focus { - background-color: #fffaf0 !important; + .xl\:hover\:border-black:hover { + border-color: #000 !important; } - .xl\:focus\:bg-orange-200:focus { - background-color: #feebc8 !important; + .xl\:hover\:border-white:hover { + border-color: #fff !important; } - .xl\:focus\:bg-orange-300:focus { - background-color: #fbd38d !important; + .xl\:hover\:border-gray-100:hover { + border-color: #f7fafc !important; } - .xl\:focus\:bg-orange-400:focus { - background-color: #f6ad55 !important; + .xl\:hover\:border-gray-200:hover { + border-color: #edf2f7 !important; } - .xl\:focus\:bg-orange-500:focus { - background-color: #ed8936 !important; + .xl\:hover\:border-gray-300:hover { + border-color: #e2e8f0 !important; } - .xl\:focus\:bg-orange-600:focus { - background-color: #dd6b20 !important; + .xl\:hover\:border-gray-400:hover { + border-color: #cbd5e0 !important; } - .xl\:focus\:bg-orange-700:focus { - background-color: #c05621 !important; + .xl\:hover\:border-gray-500:hover { + border-color: #a0aec0 !important; } - .xl\:focus\:bg-orange-800:focus { - background-color: #9c4221 !important; + .xl\:hover\:border-gray-600:hover { + border-color: #718096 !important; } - .xl\:focus\:bg-orange-900:focus { - background-color: #7b341e !important; + .xl\:hover\:border-gray-700:hover { + border-color: #4a5568 !important; } - .xl\:focus\:bg-yellow-100:focus { - background-color: #fffff0 !important; + .xl\:hover\:border-gray-800:hover { + border-color: #2d3748 !important; } - .xl\:focus\:bg-yellow-200:focus { - background-color: #fefcbf !important; + .xl\:hover\:border-gray-900:hover { + border-color: #1a202c !important; } - .xl\:focus\:bg-yellow-300:focus { - background-color: #faf089 !important; + .xl\:hover\:border-red-100:hover { + border-color: #fff5f5 !important; } - .xl\:focus\:bg-yellow-400:focus { - background-color: #f6e05e !important; + .xl\:hover\:border-red-200:hover { + border-color: #fed7d7 !important; } - .xl\:focus\:bg-yellow-500:focus { - background-color: #ecc94b !important; + .xl\:hover\:border-red-300:hover { + border-color: #feb2b2 !important; } - .xl\:focus\:bg-yellow-600:focus { - background-color: #d69e2e !important; + .xl\:hover\:border-red-400:hover { + border-color: #fc8181 !important; } - .xl\:focus\:bg-yellow-700:focus { - background-color: #b7791f !important; + .xl\:hover\:border-red-500:hover { + border-color: #f56565 !important; } - .xl\:focus\:bg-yellow-800:focus { - background-color: #975a16 !important; + .xl\:hover\:border-red-600:hover { + border-color: #e53e3e !important; } - .xl\:focus\:bg-yellow-900:focus { - background-color: #744210 !important; + .xl\:hover\:border-red-700:hover { + border-color: #c53030 !important; } - .xl\:focus\:bg-green-100:focus { - background-color: #f0fff4 !important; + .xl\:hover\:border-red-800:hover { + border-color: #9b2c2c !important; } - .xl\:focus\:bg-green-200:focus { - background-color: #c6f6d5 !important; + .xl\:hover\:border-red-900:hover { + border-color: #742a2a !important; } - .xl\:focus\:bg-green-300:focus { - background-color: #9ae6b4 !important; + .xl\:hover\:border-orange-100:hover { + border-color: #fffaf0 !important; } - .xl\:focus\:bg-green-400:focus { - background-color: #68d391 !important; + .xl\:hover\:border-orange-200:hover { + border-color: #feebc8 !important; } - .xl\:focus\:bg-green-500:focus { - background-color: #48bb78 !important; + .xl\:hover\:border-orange-300:hover { + border-color: #fbd38d !important; } - .xl\:focus\:bg-green-600:focus { - background-color: #38a169 !important; + .xl\:hover\:border-orange-400:hover { + border-color: #f6ad55 !important; } - .xl\:focus\:bg-green-700:focus { - background-color: #2f855a !important; + .xl\:hover\:border-orange-500:hover { + border-color: #ed8936 !important; } - .xl\:focus\:bg-green-800:focus { - background-color: #276749 !important; + .xl\:hover\:border-orange-600:hover { + border-color: #dd6b20 !important; } - .xl\:focus\:bg-green-900:focus { - background-color: #22543d !important; + .xl\:hover\:border-orange-700:hover { + border-color: #c05621 !important; } - .xl\:focus\:bg-teal-100:focus { - background-color: #e6fffa !important; + .xl\:hover\:border-orange-800:hover { + border-color: #9c4221 !important; } - .xl\:focus\:bg-teal-200:focus { - background-color: #b2f5ea !important; + .xl\:hover\:border-orange-900:hover { + border-color: #7b341e !important; } - .xl\:focus\:bg-teal-300:focus { - background-color: #81e6d9 !important; + .xl\:hover\:border-yellow-100:hover { + border-color: #fffff0 !important; } - .xl\:focus\:bg-teal-400:focus { - background-color: #4fd1c5 !important; + .xl\:hover\:border-yellow-200:hover { + border-color: #fefcbf !important; } - .xl\:focus\:bg-teal-500:focus { - background-color: #38b2ac !important; + .xl\:hover\:border-yellow-300:hover { + border-color: #faf089 !important; } - .xl\:focus\:bg-teal-600:focus { - background-color: #319795 !important; + .xl\:hover\:border-yellow-400:hover { + border-color: #f6e05e !important; } - .xl\:focus\:bg-teal-700:focus { - background-color: #2c7a7b !important; + .xl\:hover\:border-yellow-500:hover { + border-color: #ecc94b !important; } - .xl\:focus\:bg-teal-800:focus { - background-color: #285e61 !important; + .xl\:hover\:border-yellow-600:hover { + border-color: #d69e2e !important; } - .xl\:focus\:bg-teal-900:focus { - background-color: #234e52 !important; + .xl\:hover\:border-yellow-700:hover { + border-color: #b7791f !important; } - .xl\:focus\:bg-blue-100:focus { - background-color: #ebf8ff !important; + .xl\:hover\:border-yellow-800:hover { + border-color: #975a16 !important; } - .xl\:focus\:bg-blue-200:focus { - background-color: #bee3f8 !important; + .xl\:hover\:border-yellow-900:hover { + border-color: #744210 !important; } - .xl\:focus\:bg-blue-300:focus { - background-color: #90cdf4 !important; + .xl\:hover\:border-green-100:hover { + border-color: #f0fff4 !important; } - .xl\:focus\:bg-blue-400:focus { - background-color: #63b3ed !important; + .xl\:hover\:border-green-200:hover { + border-color: #c6f6d5 !important; } - .xl\:focus\:bg-blue-500:focus { - background-color: #4299e1 !important; + .xl\:hover\:border-green-300:hover { + border-color: #9ae6b4 !important; } - .xl\:focus\:bg-blue-600:focus { - background-color: #3182ce !important; + .xl\:hover\:border-green-400:hover { + border-color: #68d391 !important; } - .xl\:focus\:bg-blue-700:focus { - background-color: #2b6cb0 !important; + .xl\:hover\:border-green-500:hover { + border-color: #48bb78 !important; } - .xl\:focus\:bg-blue-800:focus { - background-color: #2c5282 !important; + .xl\:hover\:border-green-600:hover { + border-color: #38a169 !important; } - .xl\:focus\:bg-blue-900:focus { - background-color: #2a4365 !important; + .xl\:hover\:border-green-700:hover { + border-color: #2f855a !important; } - .xl\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff !important; + .xl\:hover\:border-green-800:hover { + border-color: #276749 !important; } - .xl\:focus\:bg-indigo-200:focus { - background-color: #c3dafe !important; + .xl\:hover\:border-green-900:hover { + border-color: #22543d !important; } - .xl\:focus\:bg-indigo-300:focus { - background-color: #a3bffa !important; + .xl\:hover\:border-teal-100:hover { + border-color: #e6fffa !important; } - .xl\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5 !important; + .xl\:hover\:border-teal-200:hover { + border-color: #b2f5ea !important; } - .xl\:focus\:bg-indigo-500:focus { - background-color: #667eea !important; + .xl\:hover\:border-teal-300:hover { + border-color: #81e6d9 !important; } - .xl\:focus\:bg-indigo-600:focus { - background-color: #5a67d8 !important; + .xl\:hover\:border-teal-400:hover { + border-color: #4fd1c5 !important; } - .xl\:focus\:bg-indigo-700:focus { - background-color: #4c51bf !important; + .xl\:hover\:border-teal-500:hover { + border-color: #38b2ac !important; } - .xl\:focus\:bg-indigo-800:focus { - background-color: #434190 !important; + .xl\:hover\:border-teal-600:hover { + border-color: #319795 !important; } - .xl\:focus\:bg-indigo-900:focus { - background-color: #3c366b !important; + .xl\:hover\:border-teal-700:hover { + border-color: #2c7a7b !important; } - .xl\:focus\:bg-purple-100:focus { - background-color: #faf5ff !important; + .xl\:hover\:border-teal-800:hover { + border-color: #285e61 !important; } - .xl\:focus\:bg-purple-200:focus { - background-color: #e9d8fd !important; + .xl\:hover\:border-teal-900:hover { + border-color: #234e52 !important; } - .xl\:focus\:bg-purple-300:focus { - background-color: #d6bcfa !important; + .xl\:hover\:border-blue-100:hover { + border-color: #ebf8ff !important; } - .xl\:focus\:bg-purple-400:focus { - background-color: #b794f4 !important; + .xl\:hover\:border-blue-200:hover { + border-color: #bee3f8 !important; } - .xl\:focus\:bg-purple-500:focus { - background-color: #9f7aea !important; + .xl\:hover\:border-blue-300:hover { + border-color: #90cdf4 !important; } - .xl\:focus\:bg-purple-600:focus { - background-color: #805ad5 !important; + .xl\:hover\:border-blue-400:hover { + border-color: #63b3ed !important; } - .xl\:focus\:bg-purple-700:focus { - background-color: #6b46c1 !important; + .xl\:hover\:border-blue-500:hover { + border-color: #4299e1 !important; } - .xl\:focus\:bg-purple-800:focus { - background-color: #553c9a !important; + .xl\:hover\:border-blue-600:hover { + border-color: #3182ce !important; } - .xl\:focus\:bg-purple-900:focus { - background-color: #44337a !important; + .xl\:hover\:border-blue-700:hover { + border-color: #2b6cb0 !important; } - .xl\:focus\:bg-pink-100:focus { - background-color: #fff5f7 !important; + .xl\:hover\:border-blue-800:hover { + border-color: #2c5282 !important; } - .xl\:focus\:bg-pink-200:focus { - background-color: #fed7e2 !important; + .xl\:hover\:border-blue-900:hover { + border-color: #2a4365 !important; } - .xl\:focus\:bg-pink-300:focus { - background-color: #fbb6ce !important; + .xl\:hover\:border-indigo-100:hover { + border-color: #ebf4ff !important; } - .xl\:focus\:bg-pink-400:focus { - background-color: #f687b3 !important; + .xl\:hover\:border-indigo-200:hover { + border-color: #c3dafe !important; } - .xl\:focus\:bg-pink-500:focus { - background-color: #ed64a6 !important; + .xl\:hover\:border-indigo-300:hover { + border-color: #a3bffa !important; } - .xl\:focus\:bg-pink-600:focus { - background-color: #d53f8c !important; + .xl\:hover\:border-indigo-400:hover { + border-color: #7f9cf5 !important; } - .xl\:focus\:bg-pink-700:focus { - background-color: #b83280 !important; + .xl\:hover\:border-indigo-500:hover { + border-color: #667eea !important; } - .xl\:focus\:bg-pink-800:focus { - background-color: #97266d !important; + .xl\:hover\:border-indigo-600:hover { + border-color: #5a67d8 !important; } - .xl\:focus\:bg-pink-900:focus { - background-color: #702459 !important; + .xl\:hover\:border-indigo-700:hover { + border-color: #4c51bf !important; } - .xl\:bg-bottom { - background-position: bottom !important; + .xl\:hover\:border-indigo-800:hover { + border-color: #434190 !important; } - .xl\:bg-center { - background-position: center !important; + .xl\:hover\:border-indigo-900:hover { + border-color: #3c366b !important; } - .xl\:bg-left { - background-position: left !important; + .xl\:hover\:border-purple-100:hover { + border-color: #faf5ff !important; } - .xl\:bg-left-bottom { - background-position: left bottom !important; + .xl\:hover\:border-purple-200:hover { + border-color: #e9d8fd !important; } - .xl\:bg-left-top { - background-position: left top !important; + .xl\:hover\:border-purple-300:hover { + border-color: #d6bcfa !important; } - .xl\:bg-right { - background-position: right !important; + .xl\:hover\:border-purple-400:hover { + border-color: #b794f4 !important; } - .xl\:bg-right-bottom { - background-position: right bottom !important; + .xl\:hover\:border-purple-500:hover { + border-color: #9f7aea !important; } - .xl\:bg-right-top { - background-position: right top !important; + .xl\:hover\:border-purple-600:hover { + border-color: #805ad5 !important; } - .xl\:bg-top { - background-position: top !important; + .xl\:hover\:border-purple-700:hover { + border-color: #6b46c1 !important; } - .xl\:bg-repeat { - background-repeat: repeat !important; + .xl\:hover\:border-purple-800:hover { + border-color: #553c9a !important; } - .xl\:bg-no-repeat { - background-repeat: no-repeat !important; + .xl\:hover\:border-purple-900:hover { + border-color: #44337a !important; } - .xl\:bg-repeat-x { - background-repeat: repeat-x !important; + .xl\:hover\:border-pink-100:hover { + border-color: #fff5f7 !important; } - .xl\:bg-repeat-y { - background-repeat: repeat-y !important; + .xl\:hover\:border-pink-200:hover { + border-color: #fed7e2 !important; } - .xl\:bg-repeat-round { - background-repeat: round !important; + .xl\:hover\:border-pink-300:hover { + border-color: #fbb6ce !important; } - .xl\:bg-repeat-space { - background-repeat: space !important; + .xl\:hover\:border-pink-400:hover { + border-color: #f687b3 !important; } - .xl\:bg-auto { - background-size: auto !important; + .xl\:hover\:border-pink-500:hover { + border-color: #ed64a6 !important; } - .xl\:bg-cover { - background-size: cover !important; + .xl\:hover\:border-pink-600:hover { + border-color: #d53f8c !important; } - .xl\:bg-contain { - background-size: contain !important; + .xl\:hover\:border-pink-700:hover { + border-color: #b83280 !important; } - .xl\:border-collapse { - border-collapse: collapse !important; + .xl\:hover\:border-pink-800:hover { + border-color: #97266d !important; } - .xl\:border-separate { - border-collapse: separate !important; + .xl\:hover\:border-pink-900:hover { + border-color: #702459 !important; } - .xl\:border-transparent { + .xl\:focus\:border-transparent:focus { border-color: transparent !important; } - .xl\:border-black { + .xl\:focus\:border-black:focus { border-color: #000 !important; } - .xl\:border-white { + .xl\:focus\:border-white:focus { border-color: #fff !important; } - .xl\:border-gray-100 { + .xl\:focus\:border-gray-100:focus { border-color: #f7fafc !important; } - .xl\:border-gray-200 { + .xl\:focus\:border-gray-200:focus { border-color: #edf2f7 !important; } - .xl\:border-gray-300 { + .xl\:focus\:border-gray-300:focus { border-color: #e2e8f0 !important; } - .xl\:border-gray-400 { + .xl\:focus\:border-gray-400:focus { border-color: #cbd5e0 !important; } - .xl\:border-gray-500 { + .xl\:focus\:border-gray-500:focus { border-color: #a0aec0 !important; } - .xl\:border-gray-600 { + .xl\:focus\:border-gray-600:focus { border-color: #718096 !important; } - .xl\:border-gray-700 { + .xl\:focus\:border-gray-700:focus { border-color: #4a5568 !important; } - .xl\:border-gray-800 { + .xl\:focus\:border-gray-800:focus { border-color: #2d3748 !important; } - .xl\:border-gray-900 { + .xl\:focus\:border-gray-900:focus { border-color: #1a202c !important; } - .xl\:border-red-100 { + .xl\:focus\:border-red-100:focus { border-color: #fff5f5 !important; } - .xl\:border-red-200 { + .xl\:focus\:border-red-200:focus { border-color: #fed7d7 !important; } - .xl\:border-red-300 { + .xl\:focus\:border-red-300:focus { border-color: #feb2b2 !important; } - .xl\:border-red-400 { + .xl\:focus\:border-red-400:focus { border-color: #fc8181 !important; } - .xl\:border-red-500 { + .xl\:focus\:border-red-500:focus { border-color: #f56565 !important; } - .xl\:border-red-600 { + .xl\:focus\:border-red-600:focus { border-color: #e53e3e !important; } - .xl\:border-red-700 { + .xl\:focus\:border-red-700:focus { border-color: #c53030 !important; } - .xl\:border-red-800 { + .xl\:focus\:border-red-800:focus { border-color: #9b2c2c !important; } - .xl\:border-red-900 { + .xl\:focus\:border-red-900:focus { border-color: #742a2a !important; } - .xl\:border-orange-100 { + .xl\:focus\:border-orange-100:focus { border-color: #fffaf0 !important; } - .xl\:border-orange-200 { + .xl\:focus\:border-orange-200:focus { border-color: #feebc8 !important; } - .xl\:border-orange-300 { + .xl\:focus\:border-orange-300:focus { border-color: #fbd38d !important; } - .xl\:border-orange-400 { + .xl\:focus\:border-orange-400:focus { border-color: #f6ad55 !important; } - .xl\:border-orange-500 { + .xl\:focus\:border-orange-500:focus { border-color: #ed8936 !important; } - .xl\:border-orange-600 { + .xl\:focus\:border-orange-600:focus { border-color: #dd6b20 !important; } - .xl\:border-orange-700 { + .xl\:focus\:border-orange-700:focus { border-color: #c05621 !important; } - .xl\:border-orange-800 { + .xl\:focus\:border-orange-800:focus { border-color: #9c4221 !important; } - .xl\:border-orange-900 { + .xl\:focus\:border-orange-900:focus { border-color: #7b341e !important; } - .xl\:border-yellow-100 { + .xl\:focus\:border-yellow-100:focus { border-color: #fffff0 !important; } - .xl\:border-yellow-200 { + .xl\:focus\:border-yellow-200:focus { border-color: #fefcbf !important; } - .xl\:border-yellow-300 { + .xl\:focus\:border-yellow-300:focus { border-color: #faf089 !important; } - .xl\:border-yellow-400 { + .xl\:focus\:border-yellow-400:focus { border-color: #f6e05e !important; } - .xl\:border-yellow-500 { + .xl\:focus\:border-yellow-500:focus { border-color: #ecc94b !important; } - .xl\:border-yellow-600 { + .xl\:focus\:border-yellow-600:focus { border-color: #d69e2e !important; } - .xl\:border-yellow-700 { + .xl\:focus\:border-yellow-700:focus { border-color: #b7791f !important; } - .xl\:border-yellow-800 { + .xl\:focus\:border-yellow-800:focus { border-color: #975a16 !important; } - .xl\:border-yellow-900 { + .xl\:focus\:border-yellow-900:focus { border-color: #744210 !important; } - .xl\:border-green-100 { + .xl\:focus\:border-green-100:focus { border-color: #f0fff4 !important; } - .xl\:border-green-200 { + .xl\:focus\:border-green-200:focus { border-color: #c6f6d5 !important; } - .xl\:border-green-300 { + .xl\:focus\:border-green-300:focus { border-color: #9ae6b4 !important; } - .xl\:border-green-400 { + .xl\:focus\:border-green-400:focus { border-color: #68d391 !important; } - .xl\:border-green-500 { + .xl\:focus\:border-green-500:focus { border-color: #48bb78 !important; } - .xl\:border-green-600 { + .xl\:focus\:border-green-600:focus { border-color: #38a169 !important; } - .xl\:border-green-700 { + .xl\:focus\:border-green-700:focus { border-color: #2f855a !important; } - .xl\:border-green-800 { + .xl\:focus\:border-green-800:focus { border-color: #276749 !important; } - .xl\:border-green-900 { + .xl\:focus\:border-green-900:focus { border-color: #22543d !important; } - .xl\:border-teal-100 { + .xl\:focus\:border-teal-100:focus { border-color: #e6fffa !important; } - .xl\:border-teal-200 { + .xl\:focus\:border-teal-200:focus { border-color: #b2f5ea !important; } - .xl\:border-teal-300 { + .xl\:focus\:border-teal-300:focus { border-color: #81e6d9 !important; } - .xl\:border-teal-400 { + .xl\:focus\:border-teal-400:focus { border-color: #4fd1c5 !important; } - .xl\:border-teal-500 { + .xl\:focus\:border-teal-500:focus { border-color: #38b2ac !important; } - .xl\:border-teal-600 { + .xl\:focus\:border-teal-600:focus { border-color: #319795 !important; } - .xl\:border-teal-700 { + .xl\:focus\:border-teal-700:focus { border-color: #2c7a7b !important; } - .xl\:border-teal-800 { + .xl\:focus\:border-teal-800:focus { border-color: #285e61 !important; } - .xl\:border-teal-900 { + .xl\:focus\:border-teal-900:focus { border-color: #234e52 !important; } - .xl\:border-blue-100 { + .xl\:focus\:border-blue-100:focus { border-color: #ebf8ff !important; } - .xl\:border-blue-200 { + .xl\:focus\:border-blue-200:focus { border-color: #bee3f8 !important; } - .xl\:border-blue-300 { + .xl\:focus\:border-blue-300:focus { border-color: #90cdf4 !important; } - .xl\:border-blue-400 { + .xl\:focus\:border-blue-400:focus { border-color: #63b3ed !important; } - .xl\:border-blue-500 { + .xl\:focus\:border-blue-500:focus { border-color: #4299e1 !important; } - .xl\:border-blue-600 { + .xl\:focus\:border-blue-600:focus { border-color: #3182ce !important; } - .xl\:border-blue-700 { + .xl\:focus\:border-blue-700:focus { border-color: #2b6cb0 !important; } - .xl\:border-blue-800 { + .xl\:focus\:border-blue-800:focus { border-color: #2c5282 !important; } - .xl\:border-blue-900 { + .xl\:focus\:border-blue-900:focus { border-color: #2a4365 !important; } - .xl\:border-indigo-100 { + .xl\:focus\:border-indigo-100:focus { border-color: #ebf4ff !important; } - .xl\:border-indigo-200 { + .xl\:focus\:border-indigo-200:focus { border-color: #c3dafe !important; } - .xl\:border-indigo-300 { + .xl\:focus\:border-indigo-300:focus { border-color: #a3bffa !important; } - .xl\:border-indigo-400 { + .xl\:focus\:border-indigo-400:focus { border-color: #7f9cf5 !important; } - .xl\:border-indigo-500 { + .xl\:focus\:border-indigo-500:focus { border-color: #667eea !important; } - .xl\:border-indigo-600 { + .xl\:focus\:border-indigo-600:focus { border-color: #5a67d8 !important; } - .xl\:border-indigo-700 { + .xl\:focus\:border-indigo-700:focus { border-color: #4c51bf !important; } - .xl\:border-indigo-800 { + .xl\:focus\:border-indigo-800:focus { border-color: #434190 !important; } - .xl\:border-indigo-900 { + .xl\:focus\:border-indigo-900:focus { border-color: #3c366b !important; } - .xl\:border-purple-100 { + .xl\:focus\:border-purple-100:focus { border-color: #faf5ff !important; } - .xl\:border-purple-200 { + .xl\:focus\:border-purple-200:focus { border-color: #e9d8fd !important; } - .xl\:border-purple-300 { + .xl\:focus\:border-purple-300:focus { border-color: #d6bcfa !important; } - .xl\:border-purple-400 { + .xl\:focus\:border-purple-400:focus { border-color: #b794f4 !important; } - .xl\:border-purple-500 { + .xl\:focus\:border-purple-500:focus { border-color: #9f7aea !important; } - .xl\:border-purple-600 { + .xl\:focus\:border-purple-600:focus { border-color: #805ad5 !important; } - .xl\:border-purple-700 { + .xl\:focus\:border-purple-700:focus { border-color: #6b46c1 !important; } - .xl\:border-purple-800 { + .xl\:focus\:border-purple-800:focus { border-color: #553c9a !important; } - .xl\:border-purple-900 { + .xl\:focus\:border-purple-900:focus { border-color: #44337a !important; } - .xl\:border-pink-100 { + .xl\:focus\:border-pink-100:focus { border-color: #fff5f7 !important; } - .xl\:border-pink-200 { + .xl\:focus\:border-pink-200:focus { border-color: #fed7e2 !important; } - .xl\:border-pink-300 { + .xl\:focus\:border-pink-300:focus { border-color: #fbb6ce !important; } - .xl\:border-pink-400 { + .xl\:focus\:border-pink-400:focus { border-color: #f687b3 !important; } - .xl\:border-pink-500 { + .xl\:focus\:border-pink-500:focus { border-color: #ed64a6 !important; } - .xl\:border-pink-600 { + .xl\:focus\:border-pink-600:focus { border-color: #d53f8c !important; } - .xl\:border-pink-700 { + .xl\:focus\:border-pink-700:focus { border-color: #b83280 !important; } - .xl\:border-pink-800 { + .xl\:focus\:border-pink-800:focus { border-color: #97266d !important; } - .xl\:border-pink-900 { + .xl\:focus\:border-pink-900:focus { border-color: #702459 !important; } - .xl\:hover\:border-transparent:hover { - border-color: transparent !important; + .xl\:rounded-none { + border-radius: 0 !important; } - .xl\:hover\:border-black:hover { - border-color: #000 !important; + .xl\:rounded-sm { + border-radius: 0.125rem !important; } - .xl\:hover\:border-white:hover { - border-color: #fff !important; + .xl\:rounded { + border-radius: 0.25rem !important; } - .xl\:hover\:border-gray-100:hover { - border-color: #f7fafc !important; + .xl\:rounded-lg { + border-radius: 0.5rem !important; } - .xl\:hover\:border-gray-200:hover { - border-color: #edf2f7 !important; + .xl\:rounded-full { + border-radius: 9999px !important; } - .xl\:hover\:border-gray-300:hover { - border-color: #e2e8f0 !important; + .xl\:rounded-t-none { + border-top-left-radius: 0 !important; + border-top-right-radius: 0 !important; } - .xl\:hover\:border-gray-400:hover { - border-color: #cbd5e0 !important; + .xl\:rounded-r-none { + border-top-right-radius: 0 !important; + border-bottom-right-radius: 0 !important; } - .xl\:hover\:border-gray-500:hover { - border-color: #a0aec0 !important; + .xl\:rounded-b-none { + border-bottom-right-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .xl\:hover\:border-gray-600:hover { - border-color: #718096 !important; + .xl\:rounded-l-none { + border-top-left-radius: 0 !important; + border-bottom-left-radius: 0 !important; } - .xl\:hover\:border-gray-700:hover { - border-color: #4a5568 !important; + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem !important; + border-top-right-radius: 0.125rem !important; } - .xl\:hover\:border-gray-800:hover { - border-color: #2d3748 !important; + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem !important; + border-bottom-right-radius: 0.125rem !important; } - .xl\:hover\:border-gray-900:hover { - border-color: #1a202c !important; + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .xl\:hover\:border-red-100:hover { - border-color: #fff5f5 !important; + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem !important; + border-bottom-left-radius: 0.125rem !important; } - .xl\:hover\:border-red-200:hover { - border-color: #fed7d7 !important; + .xl\:rounded-t { + border-top-left-radius: 0.25rem !important; + border-top-right-radius: 0.25rem !important; } - .xl\:hover\:border-red-300:hover { - border-color: #feb2b2 !important; + .xl\:rounded-r { + border-top-right-radius: 0.25rem !important; + border-bottom-right-radius: 0.25rem !important; } - .xl\:hover\:border-red-400:hover { - border-color: #fc8181 !important; + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .xl\:hover\:border-red-500:hover { - border-color: #f56565 !important; + .xl\:rounded-l { + border-top-left-radius: 0.25rem !important; + border-bottom-left-radius: 0.25rem !important; } - .xl\:hover\:border-red-600:hover { - border-color: #e53e3e !important; + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem !important; + border-top-right-radius: 0.5rem !important; } - .xl\:hover\:border-red-700:hover { - border-color: #c53030 !important; + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem !important; + border-bottom-right-radius: 0.5rem !important; } - .xl\:hover\:border-red-800:hover { - border-color: #9b2c2c !important; + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .xl\:hover\:border-red-900:hover { - border-color: #742a2a !important; + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem !important; + border-bottom-left-radius: 0.5rem !important; } - .xl\:hover\:border-orange-100:hover { - border-color: #fffaf0 !important; + .xl\:rounded-t-full { + border-top-left-radius: 9999px !important; + border-top-right-radius: 9999px !important; } - .xl\:hover\:border-orange-200:hover { - border-color: #feebc8 !important; + .xl\:rounded-r-full { + border-top-right-radius: 9999px !important; + border-bottom-right-radius: 9999px !important; } - .xl\:hover\:border-orange-300:hover { - border-color: #fbd38d !important; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .xl\:hover\:border-orange-400:hover { - border-color: #f6ad55 !important; + .xl\:rounded-l-full { + border-top-left-radius: 9999px !important; + border-bottom-left-radius: 9999px !important; } - .xl\:hover\:border-orange-500:hover { - border-color: #ed8936 !important; + .xl\:rounded-tl-none { + border-top-left-radius: 0 !important; } - .xl\:hover\:border-orange-600:hover { - border-color: #dd6b20 !important; + .xl\:rounded-tr-none { + border-top-right-radius: 0 !important; } - .xl\:hover\:border-orange-700:hover { - border-color: #c05621 !important; + .xl\:rounded-br-none { + border-bottom-right-radius: 0 !important; } - .xl\:hover\:border-orange-800:hover { - border-color: #9c4221 !important; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0 !important; } - .xl\:hover\:border-orange-900:hover { - border-color: #7b341e !important; + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem !important; } - .xl\:hover\:border-yellow-100:hover { - border-color: #fffff0 !important; + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem !important; } - .xl\:hover\:border-yellow-200:hover { - border-color: #fefcbf !important; + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem !important; } - .xl\:hover\:border-yellow-300:hover { - border-color: #faf089 !important; + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem !important; } - .xl\:hover\:border-yellow-400:hover { - border-color: #f6e05e !important; + .xl\:rounded-tl { + border-top-left-radius: 0.25rem !important; } - .xl\:hover\:border-yellow-500:hover { - border-color: #ecc94b !important; + .xl\:rounded-tr { + border-top-right-radius: 0.25rem !important; } - .xl\:hover\:border-yellow-600:hover { - border-color: #d69e2e !important; + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem !important; } - .xl\:hover\:border-yellow-700:hover { - border-color: #b7791f !important; + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem !important; } - .xl\:hover\:border-yellow-800:hover { - border-color: #975a16 !important; + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem !important; } - .xl\:hover\:border-yellow-900:hover { - border-color: #744210 !important; + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem !important; } - .xl\:hover\:border-green-100:hover { - border-color: #f0fff4 !important; + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem !important; } - .xl\:hover\:border-green-200:hover { - border-color: #c6f6d5 !important; + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem !important; } - .xl\:hover\:border-green-300:hover { - border-color: #9ae6b4 !important; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px !important; } - .xl\:hover\:border-green-400:hover { - border-color: #68d391 !important; + .xl\:rounded-tr-full { + border-top-right-radius: 9999px !important; } - .xl\:hover\:border-green-500:hover { - border-color: #48bb78 !important; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px !important; } - .xl\:hover\:border-green-600:hover { - border-color: #38a169 !important; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px !important; } - .xl\:hover\:border-green-700:hover { - border-color: #2f855a !important; + .xl\:border-solid { + border-style: solid !important; } - .xl\:hover\:border-green-800:hover { - border-color: #276749 !important; + .xl\:border-dashed { + border-style: dashed !important; } - .xl\:hover\:border-green-900:hover { - border-color: #22543d !important; + .xl\:border-dotted { + border-style: dotted !important; } - .xl\:hover\:border-teal-100:hover { - border-color: #e6fffa !important; + .xl\:border-double { + border-style: double !important; } - .xl\:hover\:border-teal-200:hover { - border-color: #b2f5ea !important; + .xl\:border-none { + border-style: none !important; } - .xl\:hover\:border-teal-300:hover { - border-color: #81e6d9 !important; + .xl\:border-0 { + border-width: 0 !important; } - .xl\:hover\:border-teal-400:hover { - border-color: #4fd1c5 !important; + .xl\:border-2 { + border-width: 2px !important; } - .xl\:hover\:border-teal-500:hover { - border-color: #38b2ac !important; + .xl\:border-4 { + border-width: 4px !important; } - .xl\:hover\:border-teal-600:hover { - border-color: #319795 !important; + .xl\:border-8 { + border-width: 8px !important; } - .xl\:hover\:border-teal-700:hover { - border-color: #2c7a7b !important; + .xl\:border { + border-width: 1px !important; } - .xl\:hover\:border-teal-800:hover { - border-color: #285e61 !important; + .xl\:border-t-0 { + border-top-width: 0 !important; } - .xl\:hover\:border-teal-900:hover { - border-color: #234e52 !important; + .xl\:border-r-0 { + border-right-width: 0 !important; } - .xl\:hover\:border-blue-100:hover { - border-color: #ebf8ff !important; + .xl\:border-b-0 { + border-bottom-width: 0 !important; } - .xl\:hover\:border-blue-200:hover { - border-color: #bee3f8 !important; + .xl\:border-l-0 { + border-left-width: 0 !important; } - .xl\:hover\:border-blue-300:hover { - border-color: #90cdf4 !important; + .xl\:border-t-2 { + border-top-width: 2px !important; } - .xl\:hover\:border-blue-400:hover { - border-color: #63b3ed !important; + .xl\:border-r-2 { + border-right-width: 2px !important; } - .xl\:hover\:border-blue-500:hover { - border-color: #4299e1 !important; + .xl\:border-b-2 { + border-bottom-width: 2px !important; } - .xl\:hover\:border-blue-600:hover { - border-color: #3182ce !important; + .xl\:border-l-2 { + border-left-width: 2px !important; } - .xl\:hover\:border-blue-700:hover { - border-color: #2b6cb0 !important; + .xl\:border-t-4 { + border-top-width: 4px !important; } - .xl\:hover\:border-blue-800:hover { - border-color: #2c5282 !important; + .xl\:border-r-4 { + border-right-width: 4px !important; } - .xl\:hover\:border-blue-900:hover { - border-color: #2a4365 !important; + .xl\:border-b-4 { + border-bottom-width: 4px !important; } - .xl\:hover\:border-indigo-100:hover { - border-color: #ebf4ff !important; + .xl\:border-l-4 { + border-left-width: 4px !important; } - .xl\:hover\:border-indigo-200:hover { - border-color: #c3dafe !important; + .xl\:border-t-8 { + border-top-width: 8px !important; } - .xl\:hover\:border-indigo-300:hover { - border-color: #a3bffa !important; + .xl\:border-r-8 { + border-right-width: 8px !important; } - .xl\:hover\:border-indigo-400:hover { - border-color: #7f9cf5 !important; + .xl\:border-b-8 { + border-bottom-width: 8px !important; } - .xl\:hover\:border-indigo-500:hover { - border-color: #667eea !important; + .xl\:border-l-8 { + border-left-width: 8px !important; } - .xl\:hover\:border-indigo-600:hover { - border-color: #5a67d8 !important; + .xl\:border-t { + border-top-width: 1px !important; } - .xl\:hover\:border-indigo-700:hover { - border-color: #4c51bf !important; + .xl\:border-r { + border-right-width: 1px !important; } - .xl\:hover\:border-indigo-800:hover { - border-color: #434190 !important; + .xl\:border-b { + border-bottom-width: 1px !important; } - .xl\:hover\:border-indigo-900:hover { - border-color: #3c366b !important; + .xl\:border-l { + border-left-width: 1px !important; } - .xl\:hover\:border-purple-100:hover { - border-color: #faf5ff !important; + .xl\:cursor-auto { + cursor: auto !important; } - .xl\:hover\:border-purple-200:hover { - border-color: #e9d8fd !important; + .xl\:cursor-default { + cursor: default !important; } - .xl\:hover\:border-purple-300:hover { - border-color: #d6bcfa !important; + .xl\:cursor-pointer { + cursor: pointer !important; } - .xl\:hover\:border-purple-400:hover { - border-color: #b794f4 !important; + .xl\:cursor-wait { + cursor: wait !important; } - .xl\:hover\:border-purple-500:hover { - border-color: #9f7aea !important; + .xl\:cursor-text { + cursor: text !important; } - .xl\:hover\:border-purple-600:hover { - border-color: #805ad5 !important; + .xl\:cursor-move { + cursor: move !important; } - .xl\:hover\:border-purple-700:hover { - border-color: #6b46c1 !important; + .xl\:cursor-not-allowed { + cursor: not-allowed !important; } - .xl\:hover\:border-purple-800:hover { - border-color: #553c9a !important; + .xl\:block { + display: block !important; } - .xl\:hover\:border-purple-900:hover { - border-color: #44337a !important; + .xl\:inline-block { + display: inline-block !important; } - .xl\:hover\:border-pink-100:hover { - border-color: #fff5f7 !important; + .xl\:inline { + display: inline !important; } - .xl\:hover\:border-pink-200:hover { - border-color: #fed7e2 !important; + .xl\:flex { + display: flex !important; } - .xl\:hover\:border-pink-300:hover { - border-color: #fbb6ce !important; + .xl\:inline-flex { + display: inline-flex !important; } - .xl\:hover\:border-pink-400:hover { - border-color: #f687b3 !important; + .xl\:table { + display: table !important; } - .xl\:hover\:border-pink-500:hover { - border-color: #ed64a6 !important; + .xl\:table-row { + display: table-row !important; } - .xl\:hover\:border-pink-600:hover { - border-color: #d53f8c !important; + .xl\:table-cell { + display: table-cell !important; } - .xl\:hover\:border-pink-700:hover { - border-color: #b83280 !important; + .xl\:hidden { + display: none !important; } - .xl\:hover\:border-pink-800:hover { - border-color: #97266d !important; + .xl\:flex-row { + flex-direction: row !important; } - .xl\:hover\:border-pink-900:hover { - border-color: #702459 !important; + .xl\:flex-row-reverse { + flex-direction: row-reverse !important; } - .xl\:focus\:border-transparent:focus { - border-color: transparent !important; + .xl\:flex-col { + flex-direction: column !important; } - .xl\:focus\:border-black:focus { - border-color: #000 !important; + .xl\:flex-col-reverse { + flex-direction: column-reverse !important; } - .xl\:focus\:border-white:focus { - border-color: #fff !important; + .xl\:flex-wrap { + flex-wrap: wrap !important; } - .xl\:focus\:border-gray-100:focus { - border-color: #f7fafc !important; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse !important; } - .xl\:focus\:border-gray-200:focus { - border-color: #edf2f7 !important; + .xl\:flex-no-wrap { + flex-wrap: nowrap !important; } - .xl\:focus\:border-gray-300:focus { - border-color: #e2e8f0 !important; + .xl\:items-start { + align-items: flex-start !important; } - .xl\:focus\:border-gray-400:focus { - border-color: #cbd5e0 !important; + .xl\:items-end { + align-items: flex-end !important; } - .xl\:focus\:border-gray-500:focus { - border-color: #a0aec0 !important; + .xl\:items-center { + align-items: center !important; } - .xl\:focus\:border-gray-600:focus { - border-color: #718096 !important; + .xl\:items-baseline { + align-items: baseline !important; } - .xl\:focus\:border-gray-700:focus { - border-color: #4a5568 !important; + .xl\:items-stretch { + align-items: stretch !important; } - .xl\:focus\:border-gray-800:focus { - border-color: #2d3748 !important; + .xl\:self-auto { + align-self: auto !important; } - .xl\:focus\:border-gray-900:focus { - border-color: #1a202c !important; + .xl\:self-start { + align-self: flex-start !important; } - .xl\:focus\:border-red-100:focus { - border-color: #fff5f5 !important; + .xl\:self-end { + align-self: flex-end !important; } - .xl\:focus\:border-red-200:focus { - border-color: #fed7d7 !important; + .xl\:self-center { + align-self: center !important; } - .xl\:focus\:border-red-300:focus { - border-color: #feb2b2 !important; + .xl\:self-stretch { + align-self: stretch !important; } - .xl\:focus\:border-red-400:focus { - border-color: #fc8181 !important; + .xl\:justify-start { + justify-content: flex-start !important; } - .xl\:focus\:border-red-500:focus { - border-color: #f56565 !important; + .xl\:justify-end { + justify-content: flex-end !important; } - .xl\:focus\:border-red-600:focus { - border-color: #e53e3e !important; + .xl\:justify-center { + justify-content: center !important; } - .xl\:focus\:border-red-700:focus { - border-color: #c53030 !important; + .xl\:justify-between { + justify-content: space-between !important; } - .xl\:focus\:border-red-800:focus { - border-color: #9b2c2c !important; + .xl\:justify-around { + justify-content: space-around !important; } - .xl\:focus\:border-red-900:focus { - border-color: #742a2a !important; + .xl\:content-center { + align-content: center !important; } - .xl\:focus\:border-orange-100:focus { - border-color: #fffaf0 !important; + .xl\:content-start { + align-content: flex-start !important; } - .xl\:focus\:border-orange-200:focus { - border-color: #feebc8 !important; + .xl\:content-end { + align-content: flex-end !important; } - .xl\:focus\:border-orange-300:focus { - border-color: #fbd38d !important; + .xl\:content-between { + align-content: space-between !important; } - .xl\:focus\:border-orange-400:focus { - border-color: #f6ad55 !important; + .xl\:content-around { + align-content: space-around !important; } - .xl\:focus\:border-orange-500:focus { - border-color: #ed8936 !important; + .xl\:flex-1 { + flex: 1 1 0% !important; } - .xl\:focus\:border-orange-600:focus { - border-color: #dd6b20 !important; + .xl\:flex-auto { + flex: 1 1 auto !important; } - .xl\:focus\:border-orange-700:focus { - border-color: #c05621 !important; + .xl\:flex-initial { + flex: 0 1 auto !important; } - .xl\:focus\:border-orange-800:focus { - border-color: #9c4221 !important; + .xl\:flex-none { + flex: none !important; } - .xl\:focus\:border-orange-900:focus { - border-color: #7b341e !important; + .xl\:flex-grow-0 { + flex-grow: 0 !important; } - .xl\:focus\:border-yellow-100:focus { - border-color: #fffff0 !important; + .xl\:flex-grow { + flex-grow: 1 !important; } - .xl\:focus\:border-yellow-200:focus { - border-color: #fefcbf !important; + .xl\:flex-shrink-0 { + flex-shrink: 0 !important; } - .xl\:focus\:border-yellow-300:focus { - border-color: #faf089 !important; + .xl\:flex-shrink { + flex-shrink: 1 !important; } - .xl\:focus\:border-yellow-400:focus { - border-color: #f6e05e !important; + .xl\:order-1 { + order: 1 !important; } - .xl\:focus\:border-yellow-500:focus { - border-color: #ecc94b !important; + .xl\:order-2 { + order: 2 !important; } - .xl\:focus\:border-yellow-600:focus { - border-color: #d69e2e !important; + .xl\:order-3 { + order: 3 !important; } - .xl\:focus\:border-yellow-700:focus { - border-color: #b7791f !important; + .xl\:order-4 { + order: 4 !important; } - .xl\:focus\:border-yellow-800:focus { - border-color: #975a16 !important; + .xl\:order-5 { + order: 5 !important; } - .xl\:focus\:border-yellow-900:focus { - border-color: #744210 !important; + .xl\:order-6 { + order: 6 !important; } - .xl\:focus\:border-green-100:focus { - border-color: #f0fff4 !important; + .xl\:order-7 { + order: 7 !important; } - .xl\:focus\:border-green-200:focus { - border-color: #c6f6d5 !important; + .xl\:order-8 { + order: 8 !important; } - .xl\:focus\:border-green-300:focus { - border-color: #9ae6b4 !important; + .xl\:order-9 { + order: 9 !important; } - .xl\:focus\:border-green-400:focus { - border-color: #68d391 !important; + .xl\:order-10 { + order: 10 !important; } - .xl\:focus\:border-green-500:focus { - border-color: #48bb78 !important; + .xl\:order-11 { + order: 11 !important; } - .xl\:focus\:border-green-600:focus { - border-color: #38a169 !important; + .xl\:order-12 { + order: 12 !important; } - .xl\:focus\:border-green-700:focus { - border-color: #2f855a !important; + .xl\:order-first { + order: -9999 !important; } - .xl\:focus\:border-green-800:focus { - border-color: #276749 !important; + .xl\:order-last { + order: 9999 !important; } - .xl\:focus\:border-green-900:focus { - border-color: #22543d !important; + .xl\:order-none { + order: 0 !important; } - .xl\:focus\:border-teal-100:focus { - border-color: #e6fffa !important; + .xl\:float-right { + float: right !important; } - .xl\:focus\:border-teal-200:focus { - border-color: #b2f5ea !important; + .xl\:float-left { + float: left !important; } - .xl\:focus\:border-teal-300:focus { - border-color: #81e6d9 !important; + .xl\:float-none { + float: none !important; } - .xl\:focus\:border-teal-400:focus { - border-color: #4fd1c5 !important; + .xl\:clearfix:after { + content: "" !important; + display: table !important; + clear: both !important; } - .xl\:focus\:border-teal-500:focus { - border-color: #38b2ac !important; + .xl\:font-sans { + font-family: -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" !important; } - .xl\:focus\:border-teal-600:focus { - border-color: #319795 !important; + .xl\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; } - .xl\:focus\:border-teal-700:focus { - border-color: #2c7a7b !important; + .xl\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; } - .xl\:focus\:border-teal-800:focus { - border-color: #285e61 !important; + .xl\:font-hairline { + font-weight: 100 !important; } - .xl\:focus\:border-teal-900:focus { - border-color: #234e52 !important; + .xl\:font-thin { + font-weight: 200 !important; } - .xl\:focus\:border-blue-100:focus { - border-color: #ebf8ff !important; + .xl\:font-light { + font-weight: 300 !important; } - .xl\:focus\:border-blue-200:focus { - border-color: #bee3f8 !important; + .xl\:font-normal { + font-weight: 400 !important; } - .xl\:focus\:border-blue-300:focus { - border-color: #90cdf4 !important; + .xl\:font-medium { + font-weight: 500 !important; } - .xl\:focus\:border-blue-400:focus { - border-color: #63b3ed !important; + .xl\:font-semibold { + font-weight: 600 !important; } - .xl\:focus\:border-blue-500:focus { - border-color: #4299e1 !important; + .xl\:font-bold { + font-weight: 700 !important; } - .xl\:focus\:border-blue-600:focus { - border-color: #3182ce !important; + .xl\:font-extrabold { + font-weight: 800 !important; } - .xl\:focus\:border-blue-700:focus { - border-color: #2b6cb0 !important; + .xl\:font-black { + font-weight: 900 !important; } - .xl\:focus\:border-blue-800:focus { - border-color: #2c5282 !important; + .xl\:hover\:font-hairline:hover { + font-weight: 100 !important; } - .xl\:focus\:border-blue-900:focus { - border-color: #2a4365 !important; + .xl\:hover\:font-thin:hover { + font-weight: 200 !important; } - .xl\:focus\:border-indigo-100:focus { - border-color: #ebf4ff !important; + .xl\:hover\:font-light:hover { + font-weight: 300 !important; } - .xl\:focus\:border-indigo-200:focus { - border-color: #c3dafe !important; + .xl\:hover\:font-normal:hover { + font-weight: 400 !important; } - .xl\:focus\:border-indigo-300:focus { - border-color: #a3bffa !important; + .xl\:hover\:font-medium:hover { + font-weight: 500 !important; } - .xl\:focus\:border-indigo-400:focus { - border-color: #7f9cf5 !important; + .xl\:hover\:font-semibold:hover { + font-weight: 600 !important; } - .xl\:focus\:border-indigo-500:focus { - border-color: #667eea !important; + .xl\:hover\:font-bold:hover { + font-weight: 700 !important; } - .xl\:focus\:border-indigo-600:focus { - border-color: #5a67d8 !important; + .xl\:hover\:font-extrabold:hover { + font-weight: 800 !important; } - .xl\:focus\:border-indigo-700:focus { - border-color: #4c51bf !important; + .xl\:hover\:font-black:hover { + font-weight: 900 !important; } - .xl\:focus\:border-indigo-800:focus { - border-color: #434190 !important; + .xl\:focus\:font-hairline:focus { + font-weight: 100 !important; } - .xl\:focus\:border-indigo-900:focus { - border-color: #3c366b !important; + .xl\:focus\:font-thin:focus { + font-weight: 200 !important; } - .xl\:focus\:border-purple-100:focus { - border-color: #faf5ff !important; + .xl\:focus\:font-light:focus { + font-weight: 300 !important; } - .xl\:focus\:border-purple-200:focus { - border-color: #e9d8fd !important; + .xl\:focus\:font-normal:focus { + font-weight: 400 !important; } - .xl\:focus\:border-purple-300:focus { - border-color: #d6bcfa !important; + .xl\:focus\:font-medium:focus { + font-weight: 500 !important; } - .xl\:focus\:border-purple-400:focus { - border-color: #b794f4 !important; + .xl\:focus\:font-semibold:focus { + font-weight: 600 !important; } - .xl\:focus\:border-purple-500:focus { - border-color: #9f7aea !important; + .xl\:focus\:font-bold:focus { + font-weight: 700 !important; } - .xl\:focus\:border-purple-600:focus { - border-color: #805ad5 !important; + .xl\:focus\:font-extrabold:focus { + font-weight: 800 !important; } - .xl\:focus\:border-purple-700:focus { - border-color: #6b46c1 !important; + .xl\:focus\:font-black:focus { + font-weight: 900 !important; } - .xl\:focus\:border-purple-800:focus { - border-color: #553c9a !important; + .xl\:h-0 { + height: 0 !important; } - .xl\:focus\:border-purple-900:focus { - border-color: #44337a !important; + .xl\:h-1 { + height: 0.25rem !important; } - .xl\:focus\:border-pink-100:focus { - border-color: #fff5f7 !important; + .xl\:h-2 { + height: 0.5rem !important; } - .xl\:focus\:border-pink-200:focus { - border-color: #fed7e2 !important; + .xl\:h-3 { + height: 0.75rem !important; } - .xl\:focus\:border-pink-300:focus { - border-color: #fbb6ce !important; + .xl\:h-4 { + height: 1rem !important; } - .xl\:focus\:border-pink-400:focus { - border-color: #f687b3 !important; + .xl\:h-5 { + height: 1.25rem !important; } - .xl\:focus\:border-pink-500:focus { - border-color: #ed64a6 !important; + .xl\:h-6 { + height: 1.5rem !important; } - .xl\:focus\:border-pink-600:focus { - border-color: #d53f8c !important; + .xl\:h-8 { + height: 2rem !important; } - .xl\:focus\:border-pink-700:focus { - border-color: #b83280 !important; + .xl\:h-10 { + height: 2.5rem !important; } - .xl\:focus\:border-pink-800:focus { - border-color: #97266d !important; + .xl\:h-12 { + height: 3rem !important; } - .xl\:focus\:border-pink-900:focus { - border-color: #702459 !important; + .xl\:h-16 { + height: 4rem !important; } - .xl\:rounded-none { - border-radius: 0 !important; + .xl\:h-20 { + height: 5rem !important; } - .xl\:rounded-sm { - border-radius: 0.125rem !important; + .xl\:h-24 { + height: 6rem !important; } - .xl\:rounded { - border-radius: 0.25rem !important; + .xl\:h-32 { + height: 8rem !important; } - .xl\:rounded-lg { - border-radius: 0.5rem !important; + .xl\:h-40 { + height: 10rem !important; } - .xl\:rounded-full { - border-radius: 9999px !important; + .xl\:h-48 { + height: 12rem !important; } - .xl\:rounded-t-none { - border-top-left-radius: 0 !important; - border-top-right-radius: 0 !important; + .xl\:h-56 { + height: 14rem !important; } - .xl\:rounded-r-none { - border-top-right-radius: 0 !important; - border-bottom-right-radius: 0 !important; + .xl\:h-64 { + height: 16rem !important; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .xl\:h-auto { + height: auto !important; } - .xl\:rounded-l-none { - border-top-left-radius: 0 !important; - border-bottom-left-radius: 0 !important; + .xl\:h-px { + height: 1px !important; } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem !important; - border-top-right-radius: 0.125rem !important; + .xl\:h-full { + height: 100% !important; } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem !important; - border-bottom-right-radius: 0.125rem !important; + .xl\:h-screen { + height: 100vh !important; } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .xl\:leading-none { + line-height: 1 !important; } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem !important; - border-bottom-left-radius: 0.125rem !important; + .xl\:leading-tight { + line-height: 1.25 !important; } - .xl\:rounded-t { - border-top-left-radius: 0.25rem !important; - border-top-right-radius: 0.25rem !important; + .xl\:leading-snug { + line-height: 1.375 !important; } - .xl\:rounded-r { - border-top-right-radius: 0.25rem !important; - border-bottom-right-radius: 0.25rem !important; + .xl\:leading-normal { + line-height: 1.5 !important; } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .xl\:leading-relaxed { + line-height: 1.625 !important; } - .xl\:rounded-l { - border-top-left-radius: 0.25rem !important; - border-bottom-left-radius: 0.25rem !important; + .xl\:leading-loose { + line-height: 2 !important; } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem !important; - border-top-right-radius: 0.5rem !important; + .xl\:list-inside { + list-style-position: inside !important; } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem !important; - border-bottom-right-radius: 0.5rem !important; + .xl\:list-outside { + list-style-position: outside !important; } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .xl\:list-none { + list-style-type: none !important; } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem !important; - border-bottom-left-radius: 0.5rem !important; + .xl\:list-disc { + list-style-type: disc !important; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px !important; - border-top-right-radius: 9999px !important; + .xl\:list-decimal { + list-style-type: decimal !important; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px !important; - border-bottom-right-radius: 9999px !important; + .xl\:m-0 { + margin: 0 !important; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .xl\:m-1 { + margin: 0.25rem !important; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px !important; - border-bottom-left-radius: 9999px !important; + .xl\:m-2 { + margin: 0.5rem !important; } - .xl\:rounded-tl-none { - border-top-left-radius: 0 !important; + .xl\:m-3 { + margin: 0.75rem !important; } - .xl\:rounded-tr-none { - border-top-right-radius: 0 !important; + .xl\:m-4 { + margin: 1rem !important; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0 !important; + .xl\:m-5 { + margin: 1.25rem !important; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0 !important; + .xl\:m-6 { + margin: 1.5rem !important; } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem !important; + .xl\:m-8 { + margin: 2rem !important; } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem !important; + .xl\:m-10 { + margin: 2.5rem !important; } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem !important; + .xl\:m-12 { + margin: 3rem !important; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem !important; + .xl\:m-16 { + margin: 4rem !important; } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem !important; + .xl\:m-20 { + margin: 5rem !important; } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem !important; + .xl\:m-24 { + margin: 6rem !important; } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem !important; + .xl\:m-32 { + margin: 8rem !important; } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem !important; + .xl\:m-40 { + margin: 10rem !important; } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem !important; + .xl\:m-48 { + margin: 12rem !important; } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem !important; + .xl\:m-56 { + margin: 14rem !important; } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem !important; + .xl\:m-64 { + margin: 16rem !important; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem !important; + .xl\:m-auto { + margin: auto !important; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px !important; + .xl\:m-px { + margin: 1px !important; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px !important; + .xl\:-m-1 { + margin: -0.25rem !important; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px !important; + .xl\:-m-2 { + margin: -0.5rem !important; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px !important; + .xl\:-m-3 { + margin: -0.75rem !important; } - .xl\:border-solid { - border-style: solid !important; + .xl\:-m-4 { + margin: -1rem !important; } - .xl\:border-dashed { - border-style: dashed !important; + .xl\:-m-5 { + margin: -1.25rem !important; } - .xl\:border-dotted { - border-style: dotted !important; + .xl\:-m-6 { + margin: -1.5rem !important; } - .xl\:border-double { - border-style: double !important; + .xl\:-m-8 { + margin: -2rem !important; } - .xl\:border-none { - border-style: none !important; + .xl\:-m-10 { + margin: -2.5rem !important; } - .xl\:border-0 { - border-width: 0 !important; + .xl\:-m-12 { + margin: -3rem !important; } - .xl\:border-2 { - border-width: 2px !important; + .xl\:-m-16 { + margin: -4rem !important; } - .xl\:border-4 { - border-width: 4px !important; + .xl\:-m-20 { + margin: -5rem !important; } - .xl\:border-8 { - border-width: 8px !important; + .xl\:-m-24 { + margin: -6rem !important; } - .xl\:border { - border-width: 1px !important; + .xl\:-m-32 { + margin: -8rem !important; } - .xl\:border-t-0 { - border-top-width: 0 !important; + .xl\:-m-40 { + margin: -10rem !important; } - .xl\:border-r-0 { - border-right-width: 0 !important; + .xl\:-m-48 { + margin: -12rem !important; } - .xl\:border-b-0 { - border-bottom-width: 0 !important; + .xl\:-m-56 { + margin: -14rem !important; } - .xl\:border-l-0 { - border-left-width: 0 !important; + .xl\:-m-64 { + margin: -16rem !important; } - .xl\:border-t-2 { - border-top-width: 2px !important; + .xl\:-m-px { + margin: -1px !important; } - .xl\:border-r-2 { - border-right-width: 2px !important; + .xl\:my-0 { + margin-top: 0 !important; + margin-bottom: 0 !important; } - .xl\:border-b-2 { - border-bottom-width: 2px !important; + .xl\:mx-0 { + margin-left: 0 !important; + margin-right: 0 !important; } - .xl\:border-l-2 { - border-left-width: 2px !important; + .xl\:my-1 { + margin-top: 0.25rem !important; + margin-bottom: 0.25rem !important; } - .xl\:border-t-4 { - border-top-width: 4px !important; + .xl\:mx-1 { + margin-left: 0.25rem !important; + margin-right: 0.25rem !important; } - .xl\:border-r-4 { - border-right-width: 4px !important; + .xl\:my-2 { + margin-top: 0.5rem !important; + margin-bottom: 0.5rem !important; } - .xl\:border-b-4 { - border-bottom-width: 4px !important; + .xl\:mx-2 { + margin-left: 0.5rem !important; + margin-right: 0.5rem !important; } - .xl\:border-l-4 { - border-left-width: 4px !important; + .xl\:my-3 { + margin-top: 0.75rem !important; + margin-bottom: 0.75rem !important; } - .xl\:border-t-8 { - border-top-width: 8px !important; + .xl\:mx-3 { + margin-left: 0.75rem !important; + margin-right: 0.75rem !important; } - .xl\:border-r-8 { - border-right-width: 8px !important; + .xl\:my-4 { + margin-top: 1rem !important; + margin-bottom: 1rem !important; } - .xl\:border-b-8 { - border-bottom-width: 8px !important; + .xl\:mx-4 { + margin-left: 1rem !important; + margin-right: 1rem !important; } - .xl\:border-l-8 { - border-left-width: 8px !important; + .xl\:my-5 { + margin-top: 1.25rem !important; + margin-bottom: 1.25rem !important; } - .xl\:border-t { - border-top-width: 1px !important; + .xl\:mx-5 { + margin-left: 1.25rem !important; + margin-right: 1.25rem !important; } - .xl\:border-r { - border-right-width: 1px !important; + .xl\:my-6 { + margin-top: 1.5rem !important; + margin-bottom: 1.5rem !important; } - .xl\:border-b { - border-bottom-width: 1px !important; + .xl\:mx-6 { + margin-left: 1.5rem !important; + margin-right: 1.5rem !important; } - .xl\:border-l { - border-left-width: 1px !important; + .xl\:my-8 { + margin-top: 2rem !important; + margin-bottom: 2rem !important; } - .xl\:cursor-auto { - cursor: auto !important; + .xl\:mx-8 { + margin-left: 2rem !important; + margin-right: 2rem !important; } - .xl\:cursor-default { - cursor: default !important; + .xl\:my-10 { + margin-top: 2.5rem !important; + margin-bottom: 2.5rem !important; } - .xl\:cursor-pointer { - cursor: pointer !important; + .xl\:mx-10 { + margin-left: 2.5rem !important; + margin-right: 2.5rem !important; } - .xl\:cursor-wait { - cursor: wait !important; + .xl\:my-12 { + margin-top: 3rem !important; + margin-bottom: 3rem !important; } - .xl\:cursor-text { - cursor: text !important; + .xl\:mx-12 { + margin-left: 3rem !important; + margin-right: 3rem !important; } - .xl\:cursor-move { - cursor: move !important; + .xl\:my-16 { + margin-top: 4rem !important; + margin-bottom: 4rem !important; } - .xl\:cursor-not-allowed { - cursor: not-allowed !important; + .xl\:mx-16 { + margin-left: 4rem !important; + margin-right: 4rem !important; } - .xl\:block { - display: block !important; + .xl\:my-20 { + margin-top: 5rem !important; + margin-bottom: 5rem !important; } - .xl\:inline-block { - display: inline-block !important; + .xl\:mx-20 { + margin-left: 5rem !important; + margin-right: 5rem !important; } - .xl\:inline { - display: inline !important; + .xl\:my-24 { + margin-top: 6rem !important; + margin-bottom: 6rem !important; } - .xl\:flex { - display: flex !important; + .xl\:mx-24 { + margin-left: 6rem !important; + margin-right: 6rem !important; } - .xl\:inline-flex { - display: inline-flex !important; + .xl\:my-32 { + margin-top: 8rem !important; + margin-bottom: 8rem !important; } - .xl\:table { - display: table !important; + .xl\:mx-32 { + margin-left: 8rem !important; + margin-right: 8rem !important; } - .xl\:table-row { - display: table-row !important; + .xl\:my-40 { + margin-top: 10rem !important; + margin-bottom: 10rem !important; } - .xl\:table-cell { - display: table-cell !important; + .xl\:mx-40 { + margin-left: 10rem !important; + margin-right: 10rem !important; } - .xl\:hidden { - display: none !important; + .xl\:my-48 { + margin-top: 12rem !important; + margin-bottom: 12rem !important; } - .xl\:flex-row { - flex-direction: row !important; + .xl\:mx-48 { + margin-left: 12rem !important; + margin-right: 12rem !important; } - .xl\:flex-row-reverse { - flex-direction: row-reverse !important; + .xl\:my-56 { + margin-top: 14rem !important; + margin-bottom: 14rem !important; } - .xl\:flex-col { - flex-direction: column !important; + .xl\:mx-56 { + margin-left: 14rem !important; + margin-right: 14rem !important; } - .xl\:flex-col-reverse { - flex-direction: column-reverse !important; + .xl\:my-64 { + margin-top: 16rem !important; + margin-bottom: 16rem !important; } - .xl\:flex-wrap { - flex-wrap: wrap !important; + .xl\:mx-64 { + margin-left: 16rem !important; + margin-right: 16rem !important; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse !important; + .xl\:my-auto { + margin-top: auto !important; + margin-bottom: auto !important; } - .xl\:flex-no-wrap { - flex-wrap: nowrap !important; + .xl\:mx-auto { + margin-left: auto !important; + margin-right: auto !important; } - .xl\:items-start { - align-items: flex-start !important; + .xl\:my-px { + margin-top: 1px !important; + margin-bottom: 1px !important; } - .xl\:items-end { - align-items: flex-end !important; + .xl\:mx-px { + margin-left: 1px !important; + margin-right: 1px !important; } - .xl\:items-center { - align-items: center !important; + .xl\:-my-1 { + margin-top: -0.25rem !important; + margin-bottom: -0.25rem !important; } - .xl\:items-baseline { - align-items: baseline !important; + .xl\:-mx-1 { + margin-left: -0.25rem !important; + margin-right: -0.25rem !important; } - .xl\:items-stretch { - align-items: stretch !important; + .xl\:-my-2 { + margin-top: -0.5rem !important; + margin-bottom: -0.5rem !important; } - .xl\:self-auto { - align-self: auto !important; + .xl\:-mx-2 { + margin-left: -0.5rem !important; + margin-right: -0.5rem !important; } - .xl\:self-start { - align-self: flex-start !important; + .xl\:-my-3 { + margin-top: -0.75rem !important; + margin-bottom: -0.75rem !important; } - .xl\:self-end { - align-self: flex-end !important; + .xl\:-mx-3 { + margin-left: -0.75rem !important; + margin-right: -0.75rem !important; } - .xl\:self-center { - align-self: center !important; + .xl\:-my-4 { + margin-top: -1rem !important; + margin-bottom: -1rem !important; } - .xl\:self-stretch { - align-self: stretch !important; + .xl\:-mx-4 { + margin-left: -1rem !important; + margin-right: -1rem !important; } - .xl\:justify-start { - justify-content: flex-start !important; + .xl\:-my-5 { + margin-top: -1.25rem !important; + margin-bottom: -1.25rem !important; } - .xl\:justify-end { - justify-content: flex-end !important; + .xl\:-mx-5 { + margin-left: -1.25rem !important; + margin-right: -1.25rem !important; } - .xl\:justify-center { - justify-content: center !important; + .xl\:-my-6 { + margin-top: -1.5rem !important; + margin-bottom: -1.5rem !important; } - .xl\:justify-between { - justify-content: space-between !important; + .xl\:-mx-6 { + margin-left: -1.5rem !important; + margin-right: -1.5rem !important; } - .xl\:justify-around { - justify-content: space-around !important; + .xl\:-my-8 { + margin-top: -2rem !important; + margin-bottom: -2rem !important; } - .xl\:content-center { - align-content: center !important; + .xl\:-mx-8 { + margin-left: -2rem !important; + margin-right: -2rem !important; } - .xl\:content-start { - align-content: flex-start !important; + .xl\:-my-10 { + margin-top: -2.5rem !important; + margin-bottom: -2.5rem !important; } - .xl\:content-end { - align-content: flex-end !important; + .xl\:-mx-10 { + margin-left: -2.5rem !important; + margin-right: -2.5rem !important; } - .xl\:content-between { - align-content: space-between !important; + .xl\:-my-12 { + margin-top: -3rem !important; + margin-bottom: -3rem !important; } - .xl\:content-around { - align-content: space-around !important; + .xl\:-mx-12 { + margin-left: -3rem !important; + margin-right: -3rem !important; } - .xl\:flex-1 { - flex: 1 1 0% !important; + .xl\:-my-16 { + margin-top: -4rem !important; + margin-bottom: -4rem !important; } - .xl\:flex-auto { - flex: 1 1 auto !important; + .xl\:-mx-16 { + margin-left: -4rem !important; + margin-right: -4rem !important; } - .xl\:flex-initial { - flex: 0 1 auto !important; + .xl\:-my-20 { + margin-top: -5rem !important; + margin-bottom: -5rem !important; } - .xl\:flex-none { - flex: none !important; + .xl\:-mx-20 { + margin-left: -5rem !important; + margin-right: -5rem !important; } - .xl\:flex-grow-0 { - flex-grow: 0 !important; + .xl\:-my-24 { + margin-top: -6rem !important; + margin-bottom: -6rem !important; } - .xl\:flex-grow { - flex-grow: 1 !important; + .xl\:-mx-24 { + margin-left: -6rem !important; + margin-right: -6rem !important; } - .xl\:flex-shrink-0 { - flex-shrink: 0 !important; + .xl\:-my-32 { + margin-top: -8rem !important; + margin-bottom: -8rem !important; } - .xl\:flex-shrink { - flex-shrink: 1 !important; + .xl\:-mx-32 { + margin-left: -8rem !important; + margin-right: -8rem !important; } - .xl\:order-1 { - order: 1 !important; + .xl\:-my-40 { + margin-top: -10rem !important; + margin-bottom: -10rem !important; } - .xl\:order-2 { - order: 2 !important; + .xl\:-mx-40 { + margin-left: -10rem !important; + margin-right: -10rem !important; } - .xl\:order-3 { - order: 3 !important; + .xl\:-my-48 { + margin-top: -12rem !important; + margin-bottom: -12rem !important; } - .xl\:order-4 { - order: 4 !important; + .xl\:-mx-48 { + margin-left: -12rem !important; + margin-right: -12rem !important; } - .xl\:order-5 { - order: 5 !important; + .xl\:-my-56 { + margin-top: -14rem !important; + margin-bottom: -14rem !important; } - .xl\:order-6 { - order: 6 !important; + .xl\:-mx-56 { + margin-left: -14rem !important; + margin-right: -14rem !important; } - .xl\:order-7 { - order: 7 !important; + .xl\:-my-64 { + margin-top: -16rem !important; + margin-bottom: -16rem !important; } - .xl\:order-8 { - order: 8 !important; + .xl\:-mx-64 { + margin-left: -16rem !important; + margin-right: -16rem !important; } - .xl\:order-9 { - order: 9 !important; + .xl\:-my-px { + margin-top: -1px !important; + margin-bottom: -1px !important; } - .xl\:order-10 { - order: 10 !important; + .xl\:-mx-px { + margin-left: -1px !important; + margin-right: -1px !important; } - .xl\:order-11 { - order: 11 !important; + .xl\:mt-0 { + margin-top: 0 !important; } - .xl\:order-12 { - order: 12 !important; + .xl\:mr-0 { + margin-right: 0 !important; } - .xl\:order-first { - order: -9999 !important; + .xl\:mb-0 { + margin-bottom: 0 !important; } - .xl\:order-last { - order: 9999 !important; + .xl\:ml-0 { + margin-left: 0 !important; } - .xl\:order-none { - order: 0 !important; + .xl\:mt-1 { + margin-top: 0.25rem !important; } - .xl\:float-right { - float: right !important; + .xl\:mr-1 { + margin-right: 0.25rem !important; } - .xl\:float-left { - float: left !important; + .xl\:mb-1 { + margin-bottom: 0.25rem !important; } - .xl\:float-none { - float: none !important; + .xl\:ml-1 { + margin-left: 0.25rem !important; } - .xl\:clearfix:after { - content: "" !important; - display: table !important; - clear: both !important; + .xl\:mt-2 { + margin-top: 0.5rem !important; } - .xl\:font-sans { - font-family: -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" !important; + .xl\:mr-2 { + margin-right: 0.5rem !important; } - .xl\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif !important; + .xl\:mb-2 { + margin-bottom: 0.5rem !important; } - .xl\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace !important; + .xl\:ml-2 { + margin-left: 0.5rem !important; } - .xl\:font-hairline { - font-weight: 100 !important; + .xl\:mt-3 { + margin-top: 0.75rem !important; } - .xl\:font-thin { - font-weight: 200 !important; + .xl\:mr-3 { + margin-right: 0.75rem !important; } - .xl\:font-light { - font-weight: 300 !important; + .xl\:mb-3 { + margin-bottom: 0.75rem !important; } - .xl\:font-normal { - font-weight: 400 !important; + .xl\:ml-3 { + margin-left: 0.75rem !important; } - .xl\:font-medium { - font-weight: 500 !important; + .xl\:mt-4 { + margin-top: 1rem !important; } - .xl\:font-semibold { - font-weight: 600 !important; + .xl\:mr-4 { + margin-right: 1rem !important; } - .xl\:font-bold { - font-weight: 700 !important; + .xl\:mb-4 { + margin-bottom: 1rem !important; } - .xl\:font-extrabold { - font-weight: 800 !important; + .xl\:ml-4 { + margin-left: 1rem !important; } - .xl\:font-black { - font-weight: 900 !important; + .xl\:mt-5 { + margin-top: 1.25rem !important; } - .xl\:hover\:font-hairline:hover { - font-weight: 100 !important; + .xl\:mr-5 { + margin-right: 1.25rem !important; } - .xl\:hover\:font-thin:hover { - font-weight: 200 !important; + .xl\:mb-5 { + margin-bottom: 1.25rem !important; } - .xl\:hover\:font-light:hover { - font-weight: 300 !important; + .xl\:ml-5 { + margin-left: 1.25rem !important; } - .xl\:hover\:font-normal:hover { - font-weight: 400 !important; + .xl\:mt-6 { + margin-top: 1.5rem !important; } - .xl\:hover\:font-medium:hover { - font-weight: 500 !important; + .xl\:mr-6 { + margin-right: 1.5rem !important; } - .xl\:hover\:font-semibold:hover { - font-weight: 600 !important; + .xl\:mb-6 { + margin-bottom: 1.5rem !important; } - .xl\:hover\:font-bold:hover { - font-weight: 700 !important; + .xl\:ml-6 { + margin-left: 1.5rem !important; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800 !important; + .xl\:mt-8 { + margin-top: 2rem !important; } - .xl\:hover\:font-black:hover { - font-weight: 900 !important; + .xl\:mr-8 { + margin-right: 2rem !important; } - .xl\:focus\:font-hairline:focus { - font-weight: 100 !important; + .xl\:mb-8 { + margin-bottom: 2rem !important; } - .xl\:focus\:font-thin:focus { - font-weight: 200 !important; + .xl\:ml-8 { + margin-left: 2rem !important; } - .xl\:focus\:font-light:focus { - font-weight: 300 !important; + .xl\:mt-10 { + margin-top: 2.5rem !important; } - .xl\:focus\:font-normal:focus { - font-weight: 400 !important; + .xl\:mr-10 { + margin-right: 2.5rem !important; } - .xl\:focus\:font-medium:focus { - font-weight: 500 !important; + .xl\:mb-10 { + margin-bottom: 2.5rem !important; } - .xl\:focus\:font-semibold:focus { - font-weight: 600 !important; + .xl\:ml-10 { + margin-left: 2.5rem !important; } - .xl\:focus\:font-bold:focus { - font-weight: 700 !important; + .xl\:mt-12 { + margin-top: 3rem !important; } - .xl\:focus\:font-extrabold:focus { - font-weight: 800 !important; + .xl\:mr-12 { + margin-right: 3rem !important; } - .xl\:focus\:font-black:focus { - font-weight: 900 !important; + .xl\:mb-12 { + margin-bottom: 3rem !important; } - .xl\:h-0 { - height: 0 !important; + .xl\:ml-12 { + margin-left: 3rem !important; } - .xl\:h-1 { - height: 0.25rem !important; + .xl\:mt-16 { + margin-top: 4rem !important; } - .xl\:h-2 { - height: 0.5rem !important; + .xl\:mr-16 { + margin-right: 4rem !important; } - .xl\:h-3 { - height: 0.75rem !important; + .xl\:mb-16 { + margin-bottom: 4rem !important; } - .xl\:h-4 { - height: 1rem !important; + .xl\:ml-16 { + margin-left: 4rem !important; } - .xl\:h-5 { - height: 1.25rem !important; + .xl\:mt-20 { + margin-top: 5rem !important; } - .xl\:h-6 { - height: 1.5rem !important; + .xl\:mr-20 { + margin-right: 5rem !important; } - .xl\:h-8 { - height: 2rem !important; + .xl\:mb-20 { + margin-bottom: 5rem !important; } - .xl\:h-10 { - height: 2.5rem !important; + .xl\:ml-20 { + margin-left: 5rem !important; } - .xl\:h-12 { - height: 3rem !important; + .xl\:mt-24 { + margin-top: 6rem !important; } - .xl\:h-16 { - height: 4rem !important; + .xl\:mr-24 { + margin-right: 6rem !important; } - .xl\:h-20 { - height: 5rem !important; + .xl\:mb-24 { + margin-bottom: 6rem !important; } - .xl\:h-24 { - height: 6rem !important; + .xl\:ml-24 { + margin-left: 6rem !important; } - .xl\:h-32 { - height: 8rem !important; + .xl\:mt-32 { + margin-top: 8rem !important; } - .xl\:h-40 { - height: 10rem !important; + .xl\:mr-32 { + margin-right: 8rem !important; } - .xl\:h-48 { - height: 12rem !important; + .xl\:mb-32 { + margin-bottom: 8rem !important; } - .xl\:h-56 { - height: 14rem !important; + .xl\:ml-32 { + margin-left: 8rem !important; } - .xl\:h-64 { - height: 16rem !important; + .xl\:mt-40 { + margin-top: 10rem !important; } - .xl\:h-auto { - height: auto !important; + .xl\:mr-40 { + margin-right: 10rem !important; } - .xl\:h-px { - height: 1px !important; + .xl\:mb-40 { + margin-bottom: 10rem !important; } - .xl\:h-full { - height: 100% !important; + .xl\:ml-40 { + margin-left: 10rem !important; } - .xl\:h-screen { - height: 100vh !important; + .xl\:mt-48 { + margin-top: 12rem !important; } - .xl\:leading-none { - line-height: 1 !important; + .xl\:mr-48 { + margin-right: 12rem !important; } - .xl\:leading-tight { - line-height: 1.25 !important; + .xl\:mb-48 { + margin-bottom: 12rem !important; } - .xl\:leading-snug { - line-height: 1.375 !important; + .xl\:ml-48 { + margin-left: 12rem !important; } - .xl\:leading-normal { - line-height: 1.5 !important; + .xl\:mt-56 { + margin-top: 14rem !important; } - .xl\:leading-relaxed { - line-height: 1.625 !important; + .xl\:mr-56 { + margin-right: 14rem !important; } - .xl\:leading-loose { - line-height: 2 !important; + .xl\:mb-56 { + margin-bottom: 14rem !important; } - .xl\:list-inside { - list-style-position: inside !important; + .xl\:ml-56 { + margin-left: 14rem !important; } - .xl\:list-outside { - list-style-position: outside !important; + .xl\:mt-64 { + margin-top: 16rem !important; } - .xl\:list-none { - list-style-type: none !important; + .xl\:mr-64 { + margin-right: 16rem !important; } - .xl\:list-disc { - list-style-type: disc !important; + .xl\:mb-64 { + margin-bottom: 16rem !important; } - .xl\:list-decimal { - list-style-type: decimal !important; + .xl\:ml-64 { + margin-left: 16rem !important; } - .xl\:m-0 { - margin: 0 !important; + .xl\:mt-auto { + margin-top: auto !important; } - .xl\:m-1 { - margin: 0.25rem !important; + .xl\:mr-auto { + margin-right: auto !important; } - .xl\:m-2 { - margin: 0.5rem !important; + .xl\:mb-auto { + margin-bottom: auto !important; } - .xl\:m-3 { - margin: 0.75rem !important; + .xl\:ml-auto { + margin-left: auto !important; } - .xl\:m-4 { - margin: 1rem !important; + .xl\:mt-px { + margin-top: 1px !important; } - .xl\:m-5 { - margin: 1.25rem !important; + .xl\:mr-px { + margin-right: 1px !important; } - .xl\:m-6 { - margin: 1.5rem !important; + .xl\:mb-px { + margin-bottom: 1px !important; } - .xl\:m-8 { - margin: 2rem !important; + .xl\:ml-px { + margin-left: 1px !important; } - .xl\:m-10 { - margin: 2.5rem !important; + .xl\:-mt-1 { + margin-top: -0.25rem !important; } - .xl\:m-12 { - margin: 3rem !important; + .xl\:-mr-1 { + margin-right: -0.25rem !important; } - .xl\:m-16 { - margin: 4rem !important; + .xl\:-mb-1 { + margin-bottom: -0.25rem !important; } - .xl\:m-20 { - margin: 5rem !important; + .xl\:-ml-1 { + margin-left: -0.25rem !important; } - .xl\:m-24 { - margin: 6rem !important; + .xl\:-mt-2 { + margin-top: -0.5rem !important; } - .xl\:m-32 { - margin: 8rem !important; + .xl\:-mr-2 { + margin-right: -0.5rem !important; } - .xl\:m-40 { - margin: 10rem !important; + .xl\:-mb-2 { + margin-bottom: -0.5rem !important; } - .xl\:m-48 { - margin: 12rem !important; + .xl\:-ml-2 { + margin-left: -0.5rem !important; } - .xl\:m-56 { - margin: 14rem !important; + .xl\:-mt-3 { + margin-top: -0.75rem !important; } - .xl\:m-64 { - margin: 16rem !important; + .xl\:-mr-3 { + margin-right: -0.75rem !important; } - .xl\:m-auto { - margin: auto !important; + .xl\:-mb-3 { + margin-bottom: -0.75rem !important; } - .xl\:m-px { - margin: 1px !important; + .xl\:-ml-3 { + margin-left: -0.75rem !important; } - .xl\:-m-1 { - margin: -0.25rem !important; + .xl\:-mt-4 { + margin-top: -1rem !important; } - .xl\:-m-2 { - margin: -0.5rem !important; + .xl\:-mr-4 { + margin-right: -1rem !important; } - .xl\:-m-3 { - margin: -0.75rem !important; + .xl\:-mb-4 { + margin-bottom: -1rem !important; } - .xl\:-m-4 { - margin: -1rem !important; + .xl\:-ml-4 { + margin-left: -1rem !important; } - .xl\:-m-5 { - margin: -1.25rem !important; + .xl\:-mt-5 { + margin-top: -1.25rem !important; } - .xl\:-m-6 { - margin: -1.5rem !important; + .xl\:-mr-5 { + margin-right: -1.25rem !important; } - .xl\:-m-8 { - margin: -2rem !important; + .xl\:-mb-5 { + margin-bottom: -1.25rem !important; } - .xl\:-m-10 { - margin: -2.5rem !important; + .xl\:-ml-5 { + margin-left: -1.25rem !important; } - .xl\:-m-12 { - margin: -3rem !important; + .xl\:-mt-6 { + margin-top: -1.5rem !important; } - .xl\:-m-16 { - margin: -4rem !important; + .xl\:-mr-6 { + margin-right: -1.5rem !important; } - .xl\:-m-20 { - margin: -5rem !important; + .xl\:-mb-6 { + margin-bottom: -1.5rem !important; } - .xl\:-m-24 { - margin: -6rem !important; + .xl\:-ml-6 { + margin-left: -1.5rem !important; } - .xl\:-m-32 { - margin: -8rem !important; + .xl\:-mt-8 { + margin-top: -2rem !important; } - .xl\:-m-40 { - margin: -10rem !important; + .xl\:-mr-8 { + margin-right: -2rem !important; } - .xl\:-m-48 { - margin: -12rem !important; + .xl\:-mb-8 { + margin-bottom: -2rem !important; } - .xl\:-m-56 { - margin: -14rem !important; + .xl\:-ml-8 { + margin-left: -2rem !important; } - .xl\:-m-64 { - margin: -16rem !important; + .xl\:-mt-10 { + margin-top: -2.5rem !important; } - .xl\:-m-px { - margin: -1px !important; + .xl\:-mr-10 { + margin-right: -2.5rem !important; } - .xl\:my-0 { - margin-top: 0 !important; - margin-bottom: 0 !important; + .xl\:-mb-10 { + margin-bottom: -2.5rem !important; } - .xl\:mx-0 { - margin-left: 0 !important; - margin-right: 0 !important; + .xl\:-ml-10 { + margin-left: -2.5rem !important; } - .xl\:my-1 { - margin-top: 0.25rem !important; - margin-bottom: 0.25rem !important; + .xl\:-mt-12 { + margin-top: -3rem !important; } - .xl\:mx-1 { - margin-left: 0.25rem !important; - margin-right: 0.25rem !important; + .xl\:-mr-12 { + margin-right: -3rem !important; } - .xl\:my-2 { - margin-top: 0.5rem !important; - margin-bottom: 0.5rem !important; + .xl\:-mb-12 { + margin-bottom: -3rem !important; } - .xl\:mx-2 { - margin-left: 0.5rem !important; - margin-right: 0.5rem !important; + .xl\:-ml-12 { + margin-left: -3rem !important; } - .xl\:my-3 { - margin-top: 0.75rem !important; - margin-bottom: 0.75rem !important; + .xl\:-mt-16 { + margin-top: -4rem !important; } - .xl\:mx-3 { - margin-left: 0.75rem !important; - margin-right: 0.75rem !important; + .xl\:-mr-16 { + margin-right: -4rem !important; } - .xl\:my-4 { - margin-top: 1rem !important; - margin-bottom: 1rem !important; + .xl\:-mb-16 { + margin-bottom: -4rem !important; } - .xl\:mx-4 { - margin-left: 1rem !important; - margin-right: 1rem !important; + .xl\:-ml-16 { + margin-left: -4rem !important; } - .xl\:my-5 { - margin-top: 1.25rem !important; - margin-bottom: 1.25rem !important; + .xl\:-mt-20 { + margin-top: -5rem !important; } - .xl\:mx-5 { - margin-left: 1.25rem !important; - margin-right: 1.25rem !important; + .xl\:-mr-20 { + margin-right: -5rem !important; } - .xl\:my-6 { - margin-top: 1.5rem !important; - margin-bottom: 1.5rem !important; + .xl\:-mb-20 { + margin-bottom: -5rem !important; } - .xl\:mx-6 { - margin-left: 1.5rem !important; - margin-right: 1.5rem !important; + .xl\:-ml-20 { + margin-left: -5rem !important; } - .xl\:my-8 { - margin-top: 2rem !important; - margin-bottom: 2rem !important; + .xl\:-mt-24 { + margin-top: -6rem !important; } - .xl\:mx-8 { - margin-left: 2rem !important; - margin-right: 2rem !important; + .xl\:-mr-24 { + margin-right: -6rem !important; } - .xl\:my-10 { - margin-top: 2.5rem !important; - margin-bottom: 2.5rem !important; + .xl\:-mb-24 { + margin-bottom: -6rem !important; } - .xl\:mx-10 { - margin-left: 2.5rem !important; - margin-right: 2.5rem !important; + .xl\:-ml-24 { + margin-left: -6rem !important; } - .xl\:my-12 { - margin-top: 3rem !important; - margin-bottom: 3rem !important; + .xl\:-mt-32 { + margin-top: -8rem !important; } - .xl\:mx-12 { - margin-left: 3rem !important; - margin-right: 3rem !important; + .xl\:-mr-32 { + margin-right: -8rem !important; } - .xl\:my-16 { - margin-top: 4rem !important; - margin-bottom: 4rem !important; + .xl\:-mb-32 { + margin-bottom: -8rem !important; } - .xl\:mx-16 { - margin-left: 4rem !important; - margin-right: 4rem !important; + .xl\:-ml-32 { + margin-left: -8rem !important; } - .xl\:my-20 { - margin-top: 5rem !important; - margin-bottom: 5rem !important; + .xl\:-mt-40 { + margin-top: -10rem !important; } - .xl\:mx-20 { - margin-left: 5rem !important; - margin-right: 5rem !important; + .xl\:-mr-40 { + margin-right: -10rem !important; } - .xl\:my-24 { - margin-top: 6rem !important; - margin-bottom: 6rem !important; + .xl\:-mb-40 { + margin-bottom: -10rem !important; } - .xl\:mx-24 { - margin-left: 6rem !important; - margin-right: 6rem !important; + .xl\:-ml-40 { + margin-left: -10rem !important; } - .xl\:my-32 { - margin-top: 8rem !important; - margin-bottom: 8rem !important; + .xl\:-mt-48 { + margin-top: -12rem !important; } - .xl\:mx-32 { - margin-left: 8rem !important; - margin-right: 8rem !important; + .xl\:-mr-48 { + margin-right: -12rem !important; } - .xl\:my-40 { - margin-top: 10rem !important; - margin-bottom: 10rem !important; + .xl\:-mb-48 { + margin-bottom: -12rem !important; } - .xl\:mx-40 { - margin-left: 10rem !important; - margin-right: 10rem !important; + .xl\:-ml-48 { + margin-left: -12rem !important; } - .xl\:my-48 { - margin-top: 12rem !important; - margin-bottom: 12rem !important; + .xl\:-mt-56 { + margin-top: -14rem !important; } - .xl\:mx-48 { - margin-left: 12rem !important; - margin-right: 12rem !important; + .xl\:-mr-56 { + margin-right: -14rem !important; } - .xl\:my-56 { - margin-top: 14rem !important; - margin-bottom: 14rem !important; + .xl\:-mb-56 { + margin-bottom: -14rem !important; } - .xl\:mx-56 { - margin-left: 14rem !important; - margin-right: 14rem !important; + .xl\:-ml-56 { + margin-left: -14rem !important; } - .xl\:my-64 { - margin-top: 16rem !important; - margin-bottom: 16rem !important; + .xl\:-mt-64 { + margin-top: -16rem !important; } - .xl\:mx-64 { - margin-left: 16rem !important; - margin-right: 16rem !important; + .xl\:-mr-64 { + margin-right: -16rem !important; } - .xl\:my-auto { - margin-top: auto !important; - margin-bottom: auto !important; + .xl\:-mb-64 { + margin-bottom: -16rem !important; } - .xl\:mx-auto { - margin-left: auto !important; - margin-right: auto !important; + .xl\:-ml-64 { + margin-left: -16rem !important; } - .xl\:my-px { - margin-top: 1px !important; - margin-bottom: 1px !important; + .xl\:-mt-px { + margin-top: -1px !important; } - .xl\:mx-px { - margin-left: 1px !important; - margin-right: 1px !important; + .xl\:-mr-px { + margin-right: -1px !important; } - .xl\:-my-1 { - margin-top: -0.25rem !important; - margin-bottom: -0.25rem !important; + .xl\:-mb-px { + margin-bottom: -1px !important; } - .xl\:-mx-1 { - margin-left: -0.25rem !important; - margin-right: -0.25rem !important; + .xl\:-ml-px { + margin-left: -1px !important; } - .xl\:-my-2 { - margin-top: -0.5rem !important; - margin-bottom: -0.5rem !important; + .xl\:max-h-full { + max-height: 100% !important; } - .xl\:-mx-2 { - margin-left: -0.5rem !important; - margin-right: -0.5rem !important; + .xl\:max-h-screen { + max-height: 100vh !important; } - .xl\:-my-3 { - margin-top: -0.75rem !important; - margin-bottom: -0.75rem !important; + .xl\:max-w-xs { + max-width: 20rem !important; } - .xl\:-mx-3 { - margin-left: -0.75rem !important; - margin-right: -0.75rem !important; + .xl\:max-w-sm { + max-width: 24rem !important; } - .xl\:-my-4 { - margin-top: -1rem !important; - margin-bottom: -1rem !important; + .xl\:max-w-md { + max-width: 28rem !important; } - .xl\:-mx-4 { - margin-left: -1rem !important; - margin-right: -1rem !important; + .xl\:max-w-lg { + max-width: 32rem !important; } - .xl\:-my-5 { - margin-top: -1.25rem !important; - margin-bottom: -1.25rem !important; + .xl\:max-w-xl { + max-width: 36rem !important; } - .xl\:-mx-5 { - margin-left: -1.25rem !important; - margin-right: -1.25rem !important; + .xl\:max-w-2xl { + max-width: 42rem !important; } - .xl\:-my-6 { - margin-top: -1.5rem !important; - margin-bottom: -1.5rem !important; + .xl\:max-w-3xl { + max-width: 48rem !important; } - .xl\:-mx-6 { - margin-left: -1.5rem !important; - margin-right: -1.5rem !important; + .xl\:max-w-4xl { + max-width: 56rem !important; } - .xl\:-my-8 { - margin-top: -2rem !important; - margin-bottom: -2rem !important; + .xl\:max-w-5xl { + max-width: 64rem !important; } - .xl\:-mx-8 { - margin-left: -2rem !important; - margin-right: -2rem !important; + .xl\:max-w-6xl { + max-width: 72rem !important; } - .xl\:-my-10 { - margin-top: -2.5rem !important; - margin-bottom: -2.5rem !important; + .xl\:max-w-full { + max-width: 100% !important; } - .xl\:-mx-10 { - margin-left: -2.5rem !important; - margin-right: -2.5rem !important; + .xl\:min-h-0 { + min-height: 0 !important; } - .xl\:-my-12 { - margin-top: -3rem !important; - margin-bottom: -3rem !important; + .xl\:min-h-full { + min-height: 100% !important; } - .xl\:-mx-12 { - margin-left: -3rem !important; - margin-right: -3rem !important; + .xl\:min-h-screen { + min-height: 100vh !important; } - .xl\:-my-16 { - margin-top: -4rem !important; - margin-bottom: -4rem !important; + .xl\:min-w-0 { + min-width: 0 !important; } - .xl\:-mx-16 { - margin-left: -4rem !important; - margin-right: -4rem !important; + .xl\:min-w-full { + min-width: 100% !important; } - .xl\:-my-20 { - margin-top: -5rem !important; - margin-bottom: -5rem !important; + .xl\:object-contain { + object-fit: contain !important; } - .xl\:-mx-20 { - margin-left: -5rem !important; - margin-right: -5rem !important; + .xl\:object-cover { + object-fit: cover !important; } - .xl\:-my-24 { - margin-top: -6rem !important; - margin-bottom: -6rem !important; + .xl\:object-fill { + object-fit: fill !important; } - .xl\:-mx-24 { - margin-left: -6rem !important; - margin-right: -6rem !important; + .xl\:object-none { + object-fit: none !important; } - .xl\:-my-32 { - margin-top: -8rem !important; - margin-bottom: -8rem !important; + .xl\:object-scale-down { + object-fit: scale-down !important; } - .xl\:-mx-32 { - margin-left: -8rem !important; - margin-right: -8rem !important; + .xl\:object-bottom { + object-position: bottom !important; } - .xl\:-my-40 { - margin-top: -10rem !important; - margin-bottom: -10rem !important; + .xl\:object-center { + object-position: center !important; } - .xl\:-mx-40 { - margin-left: -10rem !important; - margin-right: -10rem !important; + .xl\:object-left { + object-position: left !important; } - .xl\:-my-48 { - margin-top: -12rem !important; - margin-bottom: -12rem !important; + .xl\:object-left-bottom { + object-position: left bottom !important; } - .xl\:-mx-48 { - margin-left: -12rem !important; - margin-right: -12rem !important; + .xl\:object-left-top { + object-position: left top !important; } - .xl\:-my-56 { - margin-top: -14rem !important; - margin-bottom: -14rem !important; + .xl\:object-right { + object-position: right !important; } - .xl\:-mx-56 { - margin-left: -14rem !important; - margin-right: -14rem !important; + .xl\:object-right-bottom { + object-position: right bottom !important; } - .xl\:-my-64 { - margin-top: -16rem !important; - margin-bottom: -16rem !important; + .xl\:object-right-top { + object-position: right top !important; } - .xl\:-mx-64 { - margin-left: -16rem !important; - margin-right: -16rem !important; + .xl\:object-top { + object-position: top !important; } - .xl\:-my-px { - margin-top: -1px !important; - margin-bottom: -1px !important; + .xl\:opacity-0 { + opacity: 0 !important; } - .xl\:-mx-px { - margin-left: -1px !important; - margin-right: -1px !important; + .xl\:opacity-25 { + opacity: 0.25 !important; } - .xl\:mt-0 { - margin-top: 0 !important; + .xl\:opacity-50 { + opacity: 0.5 !important; } - .xl\:mr-0 { - margin-right: 0 !important; + .xl\:opacity-75 { + opacity: 0.75 !important; } - .xl\:mb-0 { - margin-bottom: 0 !important; + .xl\:opacity-100 { + opacity: 1 !important; } - .xl\:ml-0 { - margin-left: 0 !important; + .xl\:outline-none { + outline: 0 !important; } - .xl\:mt-1 { - margin-top: 0.25rem !important; + .xl\:focus\:outline-none:focus { + outline: 0 !important; } - .xl\:mr-1 { - margin-right: 0.25rem !important; + .xl\:overflow-auto { + overflow: auto !important; } - .xl\:mb-1 { - margin-bottom: 0.25rem !important; + .xl\:overflow-hidden { + overflow: hidden !important; } - .xl\:ml-1 { - margin-left: 0.25rem !important; + .xl\:overflow-visible { + overflow: visible !important; } - .xl\:mt-2 { - margin-top: 0.5rem !important; + .xl\:overflow-scroll { + overflow: scroll !important; } - .xl\:mr-2 { - margin-right: 0.5rem !important; + .xl\:overflow-x-auto { + overflow-x: auto !important; } - .xl\:mb-2 { - margin-bottom: 0.5rem !important; + .xl\:overflow-y-auto { + overflow-y: auto !important; } - .xl\:ml-2 { - margin-left: 0.5rem !important; + .xl\:overflow-x-hidden { + overflow-x: hidden !important; } - .xl\:mt-3 { - margin-top: 0.75rem !important; + .xl\:overflow-y-hidden { + overflow-y: hidden !important; } - .xl\:mr-3 { - margin-right: 0.75rem !important; + .xl\:overflow-x-visible { + overflow-x: visible !important; } - .xl\:mb-3 { - margin-bottom: 0.75rem !important; + .xl\:overflow-y-visible { + overflow-y: visible !important; } - .xl\:ml-3 { - margin-left: 0.75rem !important; + .xl\:overflow-x-scroll { + overflow-x: scroll !important; } - .xl\:mt-4 { - margin-top: 1rem !important; + .xl\:overflow-y-scroll { + overflow-y: scroll !important; } - .xl\:mr-4 { - margin-right: 1rem !important; + .xl\:scrolling-touch { + -webkit-overflow-scrolling: touch !important; } - .xl\:mb-4 { - margin-bottom: 1rem !important; + .xl\:scrolling-auto { + -webkit-overflow-scrolling: auto !important; } - .xl\:ml-4 { - margin-left: 1rem !important; + .xl\:p-0 { + padding: 0 !important; } - .xl\:mt-5 { - margin-top: 1.25rem !important; + .xl\:p-1 { + padding: 0.25rem !important; } - .xl\:mr-5 { - margin-right: 1.25rem !important; + .xl\:p-2 { + padding: 0.5rem !important; } - .xl\:mb-5 { - margin-bottom: 1.25rem !important; + .xl\:p-3 { + padding: 0.75rem !important; } - .xl\:ml-5 { - margin-left: 1.25rem !important; + .xl\:p-4 { + padding: 1rem !important; } - .xl\:mt-6 { - margin-top: 1.5rem !important; + .xl\:p-5 { + padding: 1.25rem !important; } - .xl\:mr-6 { - margin-right: 1.5rem !important; + .xl\:p-6 { + padding: 1.5rem !important; } - .xl\:mb-6 { - margin-bottom: 1.5rem !important; + .xl\:p-8 { + padding: 2rem !important; } - .xl\:ml-6 { - margin-left: 1.5rem !important; + .xl\:p-10 { + padding: 2.5rem !important; } - .xl\:mt-8 { - margin-top: 2rem !important; + .xl\:p-12 { + padding: 3rem !important; } - .xl\:mr-8 { - margin-right: 2rem !important; + .xl\:p-16 { + padding: 4rem !important; } - .xl\:mb-8 { - margin-bottom: 2rem !important; + .xl\:p-20 { + padding: 5rem !important; } - .xl\:ml-8 { - margin-left: 2rem !important; + .xl\:p-24 { + padding: 6rem !important; } - .xl\:mt-10 { - margin-top: 2.5rem !important; + .xl\:p-32 { + padding: 8rem !important; } - .xl\:mr-10 { - margin-right: 2.5rem !important; + .xl\:p-40 { + padding: 10rem !important; } - .xl\:mb-10 { - margin-bottom: 2.5rem !important; + .xl\:p-48 { + padding: 12rem !important; } - .xl\:ml-10 { - margin-left: 2.5rem !important; + .xl\:p-56 { + padding: 14rem !important; } - .xl\:mt-12 { - margin-top: 3rem !important; + .xl\:p-64 { + padding: 16rem !important; } - .xl\:mr-12 { - margin-right: 3rem !important; + .xl\:p-px { + padding: 1px !important; } - .xl\:mb-12 { - margin-bottom: 3rem !important; + .xl\:py-0 { + padding-top: 0 !important; + padding-bottom: 0 !important; } - .xl\:ml-12 { - margin-left: 3rem !important; + .xl\:px-0 { + padding-left: 0 !important; + padding-right: 0 !important; } - .xl\:mt-16 { - margin-top: 4rem !important; + .xl\:py-1 { + padding-top: 0.25rem !important; + padding-bottom: 0.25rem !important; } - .xl\:mr-16 { - margin-right: 4rem !important; + .xl\:px-1 { + padding-left: 0.25rem !important; + padding-right: 0.25rem !important; } - .xl\:mb-16 { - margin-bottom: 4rem !important; + .xl\:py-2 { + padding-top: 0.5rem !important; + padding-bottom: 0.5rem !important; } - .xl\:ml-16 { - margin-left: 4rem !important; + .xl\:px-2 { + padding-left: 0.5rem !important; + padding-right: 0.5rem !important; } - .xl\:mt-20 { - margin-top: 5rem !important; + .xl\:py-3 { + padding-top: 0.75rem !important; + padding-bottom: 0.75rem !important; } - .xl\:mr-20 { - margin-right: 5rem !important; + .xl\:px-3 { + padding-left: 0.75rem !important; + padding-right: 0.75rem !important; } - .xl\:mb-20 { - margin-bottom: 5rem !important; + .xl\:py-4 { + padding-top: 1rem !important; + padding-bottom: 1rem !important; } - .xl\:ml-20 { - margin-left: 5rem !important; + .xl\:px-4 { + padding-left: 1rem !important; + padding-right: 1rem !important; } - .xl\:mt-24 { - margin-top: 6rem !important; + .xl\:py-5 { + padding-top: 1.25rem !important; + padding-bottom: 1.25rem !important; } - .xl\:mr-24 { - margin-right: 6rem !important; + .xl\:px-5 { + padding-left: 1.25rem !important; + padding-right: 1.25rem !important; } - .xl\:mb-24 { - margin-bottom: 6rem !important; + .xl\:py-6 { + padding-top: 1.5rem !important; + padding-bottom: 1.5rem !important; } - - .xl\:ml-24 { - margin-left: 6rem !important; + + .xl\:px-6 { + padding-left: 1.5rem !important; + padding-right: 1.5rem !important; } - .xl\:mt-32 { - margin-top: 8rem !important; + .xl\:py-8 { + padding-top: 2rem !important; + padding-bottom: 2rem !important; } - .xl\:mr-32 { - margin-right: 8rem !important; + .xl\:px-8 { + padding-left: 2rem !important; + padding-right: 2rem !important; } - .xl\:mb-32 { - margin-bottom: 8rem !important; + .xl\:py-10 { + padding-top: 2.5rem !important; + padding-bottom: 2.5rem !important; } - .xl\:ml-32 { - margin-left: 8rem !important; + .xl\:px-10 { + padding-left: 2.5rem !important; + padding-right: 2.5rem !important; } - .xl\:mt-40 { - margin-top: 10rem !important; + .xl\:py-12 { + padding-top: 3rem !important; + padding-bottom: 3rem !important; } - .xl\:mr-40 { - margin-right: 10rem !important; + .xl\:px-12 { + padding-left: 3rem !important; + padding-right: 3rem !important; } - .xl\:mb-40 { - margin-bottom: 10rem !important; + .xl\:py-16 { + padding-top: 4rem !important; + padding-bottom: 4rem !important; } - .xl\:ml-40 { - margin-left: 10rem !important; + .xl\:px-16 { + padding-left: 4rem !important; + padding-right: 4rem !important; } - .xl\:mt-48 { - margin-top: 12rem !important; + .xl\:py-20 { + padding-top: 5rem !important; + padding-bottom: 5rem !important; } - .xl\:mr-48 { - margin-right: 12rem !important; + .xl\:px-20 { + padding-left: 5rem !important; + padding-right: 5rem !important; } - .xl\:mb-48 { - margin-bottom: 12rem !important; + .xl\:py-24 { + padding-top: 6rem !important; + padding-bottom: 6rem !important; } - .xl\:ml-48 { - margin-left: 12rem !important; + .xl\:px-24 { + padding-left: 6rem !important; + padding-right: 6rem !important; } - .xl\:mt-56 { - margin-top: 14rem !important; + .xl\:py-32 { + padding-top: 8rem !important; + padding-bottom: 8rem !important; } - .xl\:mr-56 { - margin-right: 14rem !important; + .xl\:px-32 { + padding-left: 8rem !important; + padding-right: 8rem !important; } - .xl\:mb-56 { - margin-bottom: 14rem !important; + .xl\:py-40 { + padding-top: 10rem !important; + padding-bottom: 10rem !important; } - .xl\:ml-56 { - margin-left: 14rem !important; + .xl\:px-40 { + padding-left: 10rem !important; + padding-right: 10rem !important; } - .xl\:mt-64 { - margin-top: 16rem !important; + .xl\:py-48 { + padding-top: 12rem !important; + padding-bottom: 12rem !important; } - .xl\:mr-64 { - margin-right: 16rem !important; + .xl\:px-48 { + padding-left: 12rem !important; + padding-right: 12rem !important; } - .xl\:mb-64 { - margin-bottom: 16rem !important; + .xl\:py-56 { + padding-top: 14rem !important; + padding-bottom: 14rem !important; } - .xl\:ml-64 { - margin-left: 16rem !important; + .xl\:px-56 { + padding-left: 14rem !important; + padding-right: 14rem !important; } - .xl\:mt-auto { - margin-top: auto !important; + .xl\:py-64 { + padding-top: 16rem !important; + padding-bottom: 16rem !important; } - .xl\:mr-auto { - margin-right: auto !important; + .xl\:px-64 { + padding-left: 16rem !important; + padding-right: 16rem !important; } - .xl\:mb-auto { - margin-bottom: auto !important; + .xl\:py-px { + padding-top: 1px !important; + padding-bottom: 1px !important; } - .xl\:ml-auto { - margin-left: auto !important; + .xl\:px-px { + padding-left: 1px !important; + padding-right: 1px !important; } - .xl\:mt-px { - margin-top: 1px !important; + .xl\:pt-0 { + padding-top: 0 !important; } - .xl\:mr-px { - margin-right: 1px !important; + .xl\:pr-0 { + padding-right: 0 !important; } - .xl\:mb-px { - margin-bottom: 1px !important; + .xl\:pb-0 { + padding-bottom: 0 !important; } - .xl\:ml-px { - margin-left: 1px !important; + .xl\:pl-0 { + padding-left: 0 !important; } - .xl\:-mt-1 { - margin-top: -0.25rem !important; + .xl\:pt-1 { + padding-top: 0.25rem !important; } - .xl\:-mr-1 { - margin-right: -0.25rem !important; + .xl\:pr-1 { + padding-right: 0.25rem !important; } - .xl\:-mb-1 { - margin-bottom: -0.25rem !important; + .xl\:pb-1 { + padding-bottom: 0.25rem !important; } - .xl\:-ml-1 { - margin-left: -0.25rem !important; + .xl\:pl-1 { + padding-left: 0.25rem !important; } - .xl\:-mt-2 { - margin-top: -0.5rem !important; + .xl\:pt-2 { + padding-top: 0.5rem !important; } - .xl\:-mr-2 { - margin-right: -0.5rem !important; + .xl\:pr-2 { + padding-right: 0.5rem !important; } - .xl\:-mb-2 { - margin-bottom: -0.5rem !important; + .xl\:pb-2 { + padding-bottom: 0.5rem !important; } - .xl\:-ml-2 { - margin-left: -0.5rem !important; + .xl\:pl-2 { + padding-left: 0.5rem !important; } - .xl\:-mt-3 { - margin-top: -0.75rem !important; + .xl\:pt-3 { + padding-top: 0.75rem !important; } - .xl\:-mr-3 { - margin-right: -0.75rem !important; + .xl\:pr-3 { + padding-right: 0.75rem !important; } - .xl\:-mb-3 { - margin-bottom: -0.75rem !important; + .xl\:pb-3 { + padding-bottom: 0.75rem !important; } - .xl\:-ml-3 { - margin-left: -0.75rem !important; + .xl\:pl-3 { + padding-left: 0.75rem !important; } - .xl\:-mt-4 { - margin-top: -1rem !important; + .xl\:pt-4 { + padding-top: 1rem !important; } - .xl\:-mr-4 { - margin-right: -1rem !important; + .xl\:pr-4 { + padding-right: 1rem !important; } - .xl\:-mb-4 { - margin-bottom: -1rem !important; + .xl\:pb-4 { + padding-bottom: 1rem !important; } - .xl\:-ml-4 { - margin-left: -1rem !important; + .xl\:pl-4 { + padding-left: 1rem !important; } - .xl\:-mt-5 { - margin-top: -1.25rem !important; + .xl\:pt-5 { + padding-top: 1.25rem !important; } - .xl\:-mr-5 { - margin-right: -1.25rem !important; + .xl\:pr-5 { + padding-right: 1.25rem !important; } - .xl\:-mb-5 { - margin-bottom: -1.25rem !important; + .xl\:pb-5 { + padding-bottom: 1.25rem !important; } - .xl\:-ml-5 { - margin-left: -1.25rem !important; + .xl\:pl-5 { + padding-left: 1.25rem !important; } - .xl\:-mt-6 { - margin-top: -1.5rem !important; + .xl\:pt-6 { + padding-top: 1.5rem !important; } - .xl\:-mr-6 { - margin-right: -1.5rem !important; + .xl\:pr-6 { + padding-right: 1.5rem !important; } - .xl\:-mb-6 { - margin-bottom: -1.5rem !important; + .xl\:pb-6 { + padding-bottom: 1.5rem !important; } - .xl\:-ml-6 { - margin-left: -1.5rem !important; + .xl\:pl-6 { + padding-left: 1.5rem !important; } - .xl\:-mt-8 { - margin-top: -2rem !important; + .xl\:pt-8 { + padding-top: 2rem !important; } - .xl\:-mr-8 { - margin-right: -2rem !important; + .xl\:pr-8 { + padding-right: 2rem !important; } - .xl\:-mb-8 { - margin-bottom: -2rem !important; + .xl\:pb-8 { + padding-bottom: 2rem !important; } - .xl\:-ml-8 { - margin-left: -2rem !important; + .xl\:pl-8 { + padding-left: 2rem !important; } - .xl\:-mt-10 { - margin-top: -2.5rem !important; + .xl\:pt-10 { + padding-top: 2.5rem !important; } - .xl\:-mr-10 { - margin-right: -2.5rem !important; + .xl\:pr-10 { + padding-right: 2.5rem !important; } - .xl\:-mb-10 { - margin-bottom: -2.5rem !important; + .xl\:pb-10 { + padding-bottom: 2.5rem !important; } - .xl\:-ml-10 { - margin-left: -2.5rem !important; + .xl\:pl-10 { + padding-left: 2.5rem !important; } - .xl\:-mt-12 { - margin-top: -3rem !important; + .xl\:pt-12 { + padding-top: 3rem !important; } - .xl\:-mr-12 { - margin-right: -3rem !important; + .xl\:pr-12 { + padding-right: 3rem !important; } - .xl\:-mb-12 { - margin-bottom: -3rem !important; + .xl\:pb-12 { + padding-bottom: 3rem !important; } - .xl\:-ml-12 { - margin-left: -3rem !important; + .xl\:pl-12 { + padding-left: 3rem !important; } - .xl\:-mt-16 { - margin-top: -4rem !important; + .xl\:pt-16 { + padding-top: 4rem !important; } - .xl\:-mr-16 { - margin-right: -4rem !important; + .xl\:pr-16 { + padding-right: 4rem !important; } - .xl\:-mb-16 { - margin-bottom: -4rem !important; + .xl\:pb-16 { + padding-bottom: 4rem !important; } - .xl\:-ml-16 { - margin-left: -4rem !important; + .xl\:pl-16 { + padding-left: 4rem !important; } - .xl\:-mt-20 { - margin-top: -5rem !important; + .xl\:pt-20 { + padding-top: 5rem !important; } - .xl\:-mr-20 { - margin-right: -5rem !important; + .xl\:pr-20 { + padding-right: 5rem !important; } - .xl\:-mb-20 { - margin-bottom: -5rem !important; + .xl\:pb-20 { + padding-bottom: 5rem !important; } - .xl\:-ml-20 { - margin-left: -5rem !important; + .xl\:pl-20 { + padding-left: 5rem !important; } - .xl\:-mt-24 { - margin-top: -6rem !important; + .xl\:pt-24 { + padding-top: 6rem !important; } - .xl\:-mr-24 { - margin-right: -6rem !important; + .xl\:pr-24 { + padding-right: 6rem !important; } - .xl\:-mb-24 { - margin-bottom: -6rem !important; + .xl\:pb-24 { + padding-bottom: 6rem !important; } - .xl\:-ml-24 { - margin-left: -6rem !important; + .xl\:pl-24 { + padding-left: 6rem !important; } - .xl\:-mt-32 { - margin-top: -8rem !important; + .xl\:pt-32 { + padding-top: 8rem !important; } - .xl\:-mr-32 { - margin-right: -8rem !important; + .xl\:pr-32 { + padding-right: 8rem !important; } - .xl\:-mb-32 { - margin-bottom: -8rem !important; + .xl\:pb-32 { + padding-bottom: 8rem !important; } - .xl\:-ml-32 { - margin-left: -8rem !important; + .xl\:pl-32 { + padding-left: 8rem !important; } - .xl\:-mt-40 { - margin-top: -10rem !important; + .xl\:pt-40 { + padding-top: 10rem !important; } - .xl\:-mr-40 { - margin-right: -10rem !important; + .xl\:pr-40 { + padding-right: 10rem !important; } - .xl\:-mb-40 { - margin-bottom: -10rem !important; + .xl\:pb-40 { + padding-bottom: 10rem !important; } - .xl\:-ml-40 { - margin-left: -10rem !important; + .xl\:pl-40 { + padding-left: 10rem !important; } - .xl\:-mt-48 { - margin-top: -12rem !important; + .xl\:pt-48 { + padding-top: 12rem !important; } - .xl\:-mr-48 { - margin-right: -12rem !important; + .xl\:pr-48 { + padding-right: 12rem !important; } - .xl\:-mb-48 { - margin-bottom: -12rem !important; + .xl\:pb-48 { + padding-bottom: 12rem !important; } - .xl\:-ml-48 { - margin-left: -12rem !important; + .xl\:pl-48 { + padding-left: 12rem !important; } - .xl\:-mt-56 { - margin-top: -14rem !important; + .xl\:pt-56 { + padding-top: 14rem !important; } - .xl\:-mr-56 { - margin-right: -14rem !important; + .xl\:pr-56 { + padding-right: 14rem !important; } - .xl\:-mb-56 { - margin-bottom: -14rem !important; + .xl\:pb-56 { + padding-bottom: 14rem !important; } - .xl\:-ml-56 { - margin-left: -14rem !important; + .xl\:pl-56 { + padding-left: 14rem !important; } - .xl\:-mt-64 { - margin-top: -16rem !important; + .xl\:pt-64 { + padding-top: 16rem !important; } - .xl\:-mr-64 { - margin-right: -16rem !important; + .xl\:pr-64 { + padding-right: 16rem !important; } - .xl\:-mb-64 { - margin-bottom: -16rem !important; + .xl\:pb-64 { + padding-bottom: 16rem !important; } - .xl\:-ml-64 { - margin-left: -16rem !important; + .xl\:pl-64 { + padding-left: 16rem !important; } - .xl\:-mt-px { - margin-top: -1px !important; + .xl\:pt-px { + padding-top: 1px !important; } - .xl\:-mr-px { - margin-right: -1px !important; + .xl\:pr-px { + padding-right: 1px !important; } - .xl\:-mb-px { - margin-bottom: -1px !important; + .xl\:pb-px { + padding-bottom: 1px !important; } - .xl\:-ml-px { - margin-left: -1px !important; + .xl\:pl-px { + padding-left: 1px !important; } - .xl\:max-h-full { - max-height: 100% !important; + .xl\:placeholder-transparent::placeholder { + color: transparent !important; } - .xl\:max-h-screen { - max-height: 100vh !important; + .xl\:placeholder-black::placeholder { + color: #000 !important; } - .xl\:max-w-xs { - max-width: 20rem !important; + .xl\:placeholder-white::placeholder { + color: #fff !important; } - .xl\:max-w-sm { - max-width: 24rem !important; + .xl\:placeholder-gray-100::placeholder { + color: #f7fafc !important; } - .xl\:max-w-md { - max-width: 28rem !important; + .xl\:placeholder-gray-200::placeholder { + color: #edf2f7 !important; } - .xl\:max-w-lg { - max-width: 32rem !important; + .xl\:placeholder-gray-300::placeholder { + color: #e2e8f0 !important; } - .xl\:max-w-xl { - max-width: 36rem !important; + .xl\:placeholder-gray-400::placeholder { + color: #cbd5e0 !important; } - .xl\:max-w-2xl { - max-width: 42rem !important; + .xl\:placeholder-gray-500::placeholder { + color: #a0aec0 !important; } - .xl\:max-w-3xl { - max-width: 48rem !important; + .xl\:placeholder-gray-600::placeholder { + color: #718096 !important; } - .xl\:max-w-4xl { - max-width: 56rem !important; + .xl\:placeholder-gray-700::placeholder { + color: #4a5568 !important; } - .xl\:max-w-5xl { - max-width: 64rem !important; + .xl\:placeholder-gray-800::placeholder { + color: #2d3748 !important; } - .xl\:max-w-6xl { - max-width: 72rem !important; + .xl\:placeholder-gray-900::placeholder { + color: #1a202c !important; } - .xl\:max-w-full { - max-width: 100% !important; + .xl\:placeholder-red-100::placeholder { + color: #fff5f5 !important; } - .xl\:min-h-0 { - min-height: 0 !important; + .xl\:placeholder-red-200::placeholder { + color: #fed7d7 !important; } - .xl\:min-h-full { - min-height: 100% !important; + .xl\:placeholder-red-300::placeholder { + color: #feb2b2 !important; } - .xl\:min-h-screen { - min-height: 100vh !important; + .xl\:placeholder-red-400::placeholder { + color: #fc8181 !important; } - .xl\:min-w-0 { - min-width: 0 !important; + .xl\:placeholder-red-500::placeholder { + color: #f56565 !important; } - .xl\:min-w-full { - min-width: 100% !important; + .xl\:placeholder-red-600::placeholder { + color: #e53e3e !important; } - .xl\:object-contain { - object-fit: contain !important; + .xl\:placeholder-red-700::placeholder { + color: #c53030 !important; } - .xl\:object-cover { - object-fit: cover !important; + .xl\:placeholder-red-800::placeholder { + color: #9b2c2c !important; } - .xl\:object-fill { - object-fit: fill !important; + .xl\:placeholder-red-900::placeholder { + color: #742a2a !important; } - .xl\:object-none { - object-fit: none !important; + .xl\:placeholder-orange-100::placeholder { + color: #fffaf0 !important; } - .xl\:object-scale-down { - object-fit: scale-down !important; + .xl\:placeholder-orange-200::placeholder { + color: #feebc8 !important; } - .xl\:object-bottom { - object-position: bottom !important; + .xl\:placeholder-orange-300::placeholder { + color: #fbd38d !important; } - .xl\:object-center { - object-position: center !important; + .xl\:placeholder-orange-400::placeholder { + color: #f6ad55 !important; } - .xl\:object-left { - object-position: left !important; + .xl\:placeholder-orange-500::placeholder { + color: #ed8936 !important; } - .xl\:object-left-bottom { - object-position: left bottom !important; + .xl\:placeholder-orange-600::placeholder { + color: #dd6b20 !important; } - .xl\:object-left-top { - object-position: left top !important; + .xl\:placeholder-orange-700::placeholder { + color: #c05621 !important; } - .xl\:object-right { - object-position: right !important; + .xl\:placeholder-orange-800::placeholder { + color: #9c4221 !important; } - .xl\:object-right-bottom { - object-position: right bottom !important; + .xl\:placeholder-orange-900::placeholder { + color: #7b341e !important; } - .xl\:object-right-top { - object-position: right top !important; + .xl\:placeholder-yellow-100::placeholder { + color: #fffff0 !important; } - .xl\:object-top { - object-position: top !important; + .xl\:placeholder-yellow-200::placeholder { + color: #fefcbf !important; } - .xl\:opacity-0 { - opacity: 0 !important; + .xl\:placeholder-yellow-300::placeholder { + color: #faf089 !important; } - .xl\:opacity-25 { - opacity: 0.25 !important; + .xl\:placeholder-yellow-400::placeholder { + color: #f6e05e !important; } - .xl\:opacity-50 { - opacity: 0.5 !important; + .xl\:placeholder-yellow-500::placeholder { + color: #ecc94b !important; } - .xl\:opacity-75 { - opacity: 0.75 !important; + .xl\:placeholder-yellow-600::placeholder { + color: #d69e2e !important; } - .xl\:opacity-100 { - opacity: 1 !important; + .xl\:placeholder-yellow-700::placeholder { + color: #b7791f !important; } - .xl\:outline-none { - outline: 0 !important; + .xl\:placeholder-yellow-800::placeholder { + color: #975a16 !important; } - .xl\:focus\:outline-none:focus { - outline: 0 !important; + .xl\:placeholder-yellow-900::placeholder { + color: #744210 !important; } - .xl\:overflow-auto { - overflow: auto !important; + .xl\:placeholder-green-100::placeholder { + color: #f0fff4 !important; } - .xl\:overflow-hidden { - overflow: hidden !important; + .xl\:placeholder-green-200::placeholder { + color: #c6f6d5 !important; } - .xl\:overflow-visible { - overflow: visible !important; + .xl\:placeholder-green-300::placeholder { + color: #9ae6b4 !important; } - .xl\:overflow-scroll { - overflow: scroll !important; + .xl\:placeholder-green-400::placeholder { + color: #68d391 !important; } - .xl\:overflow-x-auto { - overflow-x: auto !important; + .xl\:placeholder-green-500::placeholder { + color: #48bb78 !important; } - .xl\:overflow-y-auto { - overflow-y: auto !important; + .xl\:placeholder-green-600::placeholder { + color: #38a169 !important; } - .xl\:overflow-x-hidden { - overflow-x: hidden !important; + .xl\:placeholder-green-700::placeholder { + color: #2f855a !important; } - .xl\:overflow-y-hidden { - overflow-y: hidden !important; + .xl\:placeholder-green-800::placeholder { + color: #276749 !important; } - .xl\:overflow-x-visible { - overflow-x: visible !important; + .xl\:placeholder-green-900::placeholder { + color: #22543d !important; } - .xl\:overflow-y-visible { - overflow-y: visible !important; + .xl\:placeholder-teal-100::placeholder { + color: #e6fffa !important; } - .xl\:overflow-x-scroll { - overflow-x: scroll !important; + .xl\:placeholder-teal-200::placeholder { + color: #b2f5ea !important; } - .xl\:overflow-y-scroll { - overflow-y: scroll !important; + .xl\:placeholder-teal-300::placeholder { + color: #81e6d9 !important; } - .xl\:scrolling-touch { - -webkit-overflow-scrolling: touch !important; + .xl\:placeholder-teal-400::placeholder { + color: #4fd1c5 !important; } - .xl\:scrolling-auto { - -webkit-overflow-scrolling: auto !important; + .xl\:placeholder-teal-500::placeholder { + color: #38b2ac !important; } - .xl\:p-0 { - padding: 0 !important; + .xl\:placeholder-teal-600::placeholder { + color: #319795 !important; } - .xl\:p-1 { - padding: 0.25rem !important; + .xl\:placeholder-teal-700::placeholder { + color: #2c7a7b !important; } - .xl\:p-2 { - padding: 0.5rem !important; + .xl\:placeholder-teal-800::placeholder { + color: #285e61 !important; } - .xl\:p-3 { - padding: 0.75rem !important; + .xl\:placeholder-teal-900::placeholder { + color: #234e52 !important; } - .xl\:p-4 { - padding: 1rem !important; + .xl\:placeholder-blue-100::placeholder { + color: #ebf8ff !important; } - .xl\:p-5 { - padding: 1.25rem !important; + .xl\:placeholder-blue-200::placeholder { + color: #bee3f8 !important; } - .xl\:p-6 { - padding: 1.5rem !important; + .xl\:placeholder-blue-300::placeholder { + color: #90cdf4 !important; } - .xl\:p-8 { - padding: 2rem !important; + .xl\:placeholder-blue-400::placeholder { + color: #63b3ed !important; } - .xl\:p-10 { - padding: 2.5rem !important; + .xl\:placeholder-blue-500::placeholder { + color: #4299e1 !important; } - .xl\:p-12 { - padding: 3rem !important; + .xl\:placeholder-blue-600::placeholder { + color: #3182ce !important; } - .xl\:p-16 { - padding: 4rem !important; + .xl\:placeholder-blue-700::placeholder { + color: #2b6cb0 !important; } - .xl\:p-20 { - padding: 5rem !important; + .xl\:placeholder-blue-800::placeholder { + color: #2c5282 !important; } - .xl\:p-24 { - padding: 6rem !important; + .xl\:placeholder-blue-900::placeholder { + color: #2a4365 !important; } - .xl\:p-32 { - padding: 8rem !important; + .xl\:placeholder-indigo-100::placeholder { + color: #ebf4ff !important; } - .xl\:p-40 { - padding: 10rem !important; + .xl\:placeholder-indigo-200::placeholder { + color: #c3dafe !important; } - .xl\:p-48 { - padding: 12rem !important; + .xl\:placeholder-indigo-300::placeholder { + color: #a3bffa !important; } - .xl\:p-56 { - padding: 14rem !important; + .xl\:placeholder-indigo-400::placeholder { + color: #7f9cf5 !important; } - .xl\:p-64 { - padding: 16rem !important; + .xl\:placeholder-indigo-500::placeholder { + color: #667eea !important; } - .xl\:p-px { - padding: 1px !important; + .xl\:placeholder-indigo-600::placeholder { + color: #5a67d8 !important; } - .xl\:py-0 { - padding-top: 0 !important; - padding-bottom: 0 !important; + .xl\:placeholder-indigo-700::placeholder { + color: #4c51bf !important; } - .xl\:px-0 { - padding-left: 0 !important; - padding-right: 0 !important; + .xl\:placeholder-indigo-800::placeholder { + color: #434190 !important; } - .xl\:py-1 { - padding-top: 0.25rem !important; - padding-bottom: 0.25rem !important; + .xl\:placeholder-indigo-900::placeholder { + color: #3c366b !important; } - .xl\:px-1 { - padding-left: 0.25rem !important; - padding-right: 0.25rem !important; + .xl\:placeholder-purple-100::placeholder { + color: #faf5ff !important; } - .xl\:py-2 { - padding-top: 0.5rem !important; - padding-bottom: 0.5rem !important; + .xl\:placeholder-purple-200::placeholder { + color: #e9d8fd !important; } - .xl\:px-2 { - padding-left: 0.5rem !important; - padding-right: 0.5rem !important; + .xl\:placeholder-purple-300::placeholder { + color: #d6bcfa !important; } - .xl\:py-3 { - padding-top: 0.75rem !important; - padding-bottom: 0.75rem !important; + .xl\:placeholder-purple-400::placeholder { + color: #b794f4 !important; } - .xl\:px-3 { - padding-left: 0.75rem !important; - padding-right: 0.75rem !important; + .xl\:placeholder-purple-500::placeholder { + color: #9f7aea !important; } - .xl\:py-4 { - padding-top: 1rem !important; - padding-bottom: 1rem !important; + .xl\:placeholder-purple-600::placeholder { + color: #805ad5 !important; } - .xl\:px-4 { - padding-left: 1rem !important; - padding-right: 1rem !important; + .xl\:placeholder-purple-700::placeholder { + color: #6b46c1 !important; } - .xl\:py-5 { - padding-top: 1.25rem !important; - padding-bottom: 1.25rem !important; + .xl\:placeholder-purple-800::placeholder { + color: #553c9a !important; } - .xl\:px-5 { - padding-left: 1.25rem !important; - padding-right: 1.25rem !important; + .xl\:placeholder-purple-900::placeholder { + color: #44337a !important; } - .xl\:py-6 { - padding-top: 1.5rem !important; - padding-bottom: 1.5rem !important; + .xl\:placeholder-pink-100::placeholder { + color: #fff5f7 !important; } - .xl\:px-6 { - padding-left: 1.5rem !important; - padding-right: 1.5rem !important; + .xl\:placeholder-pink-200::placeholder { + color: #fed7e2 !important; } - .xl\:py-8 { - padding-top: 2rem !important; - padding-bottom: 2rem !important; + .xl\:placeholder-pink-300::placeholder { + color: #fbb6ce !important; } - .xl\:px-8 { - padding-left: 2rem !important; - padding-right: 2rem !important; + .xl\:placeholder-pink-400::placeholder { + color: #f687b3 !important; } - .xl\:py-10 { - padding-top: 2.5rem !important; - padding-bottom: 2.5rem !important; + .xl\:placeholder-pink-500::placeholder { + color: #ed64a6 !important; } - .xl\:px-10 { - padding-left: 2.5rem !important; - padding-right: 2.5rem !important; + .xl\:placeholder-pink-600::placeholder { + color: #d53f8c !important; } - .xl\:py-12 { - padding-top: 3rem !important; - padding-bottom: 3rem !important; + .xl\:placeholder-pink-700::placeholder { + color: #b83280 !important; } - .xl\:px-12 { - padding-left: 3rem !important; - padding-right: 3rem !important; + .xl\:placeholder-pink-800::placeholder { + color: #97266d !important; } - .xl\:py-16 { - padding-top: 4rem !important; - padding-bottom: 4rem !important; + .xl\:placeholder-pink-900::placeholder { + color: #702459 !important; } - .xl\:px-16 { - padding-left: 4rem !important; - padding-right: 4rem !important; + .xl\:focus\:placeholder-transparent:focus::placeholder { + color: transparent !important; } - .xl\:py-20 { - padding-top: 5rem !important; - padding-bottom: 5rem !important; + .xl\:focus\:placeholder-black:focus::placeholder { + color: #000 !important; } - .xl\:px-20 { - padding-left: 5rem !important; - padding-right: 5rem !important; + .xl\:focus\:placeholder-white:focus::placeholder { + color: #fff !important; } - .xl\:py-24 { - padding-top: 6rem !important; - padding-bottom: 6rem !important; + .xl\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc !important; } - .xl\:px-24 { - padding-left: 6rem !important; - padding-right: 6rem !important; + .xl\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7 !important; } - .xl\:py-32 { - padding-top: 8rem !important; - padding-bottom: 8rem !important; + .xl\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0 !important; } - .xl\:px-32 { - padding-left: 8rem !important; - padding-right: 8rem !important; + .xl\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0 !important; } - .xl\:py-40 { - padding-top: 10rem !important; - padding-bottom: 10rem !important; + .xl\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0 !important; } - .xl\:px-40 { - padding-left: 10rem !important; - padding-right: 10rem !important; + .xl\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096 !important; } - .xl\:py-48 { - padding-top: 12rem !important; - padding-bottom: 12rem !important; + .xl\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568 !important; } - .xl\:px-48 { - padding-left: 12rem !important; - padding-right: 12rem !important; + .xl\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748 !important; } - .xl\:py-56 { - padding-top: 14rem !important; - padding-bottom: 14rem !important; + .xl\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c !important; } - .xl\:px-56 { - padding-left: 14rem !important; - padding-right: 14rem !important; + .xl\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5 !important; } - .xl\:py-64 { - padding-top: 16rem !important; - padding-bottom: 16rem !important; + .xl\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7 !important; } - .xl\:px-64 { - padding-left: 16rem !important; - padding-right: 16rem !important; + .xl\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2 !important; } - .xl\:py-px { - padding-top: 1px !important; - padding-bottom: 1px !important; + .xl\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181 !important; } - .xl\:px-px { - padding-left: 1px !important; - padding-right: 1px !important; + .xl\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565 !important; } - .xl\:pt-0 { - padding-top: 0 !important; + .xl\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e !important; } - .xl\:pr-0 { - padding-right: 0 !important; + .xl\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030 !important; } - .xl\:pb-0 { - padding-bottom: 0 !important; + .xl\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c !important; } - .xl\:pl-0 { - padding-left: 0 !important; + .xl\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a !important; } - .xl\:pt-1 { - padding-top: 0.25rem !important; + .xl\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0 !important; } - .xl\:pr-1 { - padding-right: 0.25rem !important; + .xl\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8 !important; } - .xl\:pb-1 { - padding-bottom: 0.25rem !important; + .xl\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d !important; } - .xl\:pl-1 { - padding-left: 0.25rem !important; + .xl\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55 !important; } - .xl\:pt-2 { - padding-top: 0.5rem !important; + .xl\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936 !important; } - .xl\:pr-2 { - padding-right: 0.5rem !important; + .xl\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20 !important; } - .xl\:pb-2 { - padding-bottom: 0.5rem !important; + .xl\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621 !important; } - .xl\:pl-2 { - padding-left: 0.5rem !important; + .xl\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221 !important; } - .xl\:pt-3 { - padding-top: 0.75rem !important; + .xl\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e !important; } - .xl\:pr-3 { - padding-right: 0.75rem !important; + .xl\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0 !important; } - .xl\:pb-3 { - padding-bottom: 0.75rem !important; + .xl\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf !important; } - .xl\:pl-3 { - padding-left: 0.75rem !important; + .xl\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089 !important; } - .xl\:pt-4 { - padding-top: 1rem !important; + .xl\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e !important; } - .xl\:pr-4 { - padding-right: 1rem !important; + .xl\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b !important; } - .xl\:pb-4 { - padding-bottom: 1rem !important; + .xl\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e !important; } - .xl\:pl-4 { - padding-left: 1rem !important; + .xl\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f !important; } - .xl\:pt-5 { - padding-top: 1.25rem !important; + .xl\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16 !important; } - .xl\:pr-5 { - padding-right: 1.25rem !important; + .xl\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210 !important; } - .xl\:pb-5 { - padding-bottom: 1.25rem !important; + .xl\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4 !important; } - .xl\:pl-5 { - padding-left: 1.25rem !important; + .xl\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5 !important; } - .xl\:pt-6 { - padding-top: 1.5rem !important; + .xl\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4 !important; } - .xl\:pr-6 { - padding-right: 1.5rem !important; + .xl\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391 !important; } - .xl\:pb-6 { - padding-bottom: 1.5rem !important; + .xl\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78 !important; } - .xl\:pl-6 { - padding-left: 1.5rem !important; + .xl\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169 !important; } - .xl\:pt-8 { - padding-top: 2rem !important; + .xl\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a !important; } - .xl\:pr-8 { - padding-right: 2rem !important; + .xl\:focus\:placeholder-green-800:focus::placeholder { + color: #276749 !important; } - .xl\:pb-8 { - padding-bottom: 2rem !important; + .xl\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d !important; } - .xl\:pl-8 { - padding-left: 2rem !important; + .xl\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa !important; } - .xl\:pt-10 { - padding-top: 2.5rem !important; + .xl\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea !important; } - .xl\:pr-10 { - padding-right: 2.5rem !important; + .xl\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9 !important; } - .xl\:pb-10 { - padding-bottom: 2.5rem !important; + .xl\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5 !important; } - .xl\:pl-10 { - padding-left: 2.5rem !important; + .xl\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac !important; } - .xl\:pt-12 { - padding-top: 3rem !important; + .xl\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795 !important; } - .xl\:pr-12 { - padding-right: 3rem !important; + .xl\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b !important; } - .xl\:pb-12 { - padding-bottom: 3rem !important; + .xl\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61 !important; } - .xl\:pl-12 { - padding-left: 3rem !important; + .xl\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52 !important; } - .xl\:pt-16 { - padding-top: 4rem !important; + .xl\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff !important; } - .xl\:pr-16 { - padding-right: 4rem !important; + .xl\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8 !important; } - .xl\:pb-16 { - padding-bottom: 4rem !important; + .xl\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4 !important; } - .xl\:pl-16 { - padding-left: 4rem !important; + .xl\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed !important; } - .xl\:pt-20 { - padding-top: 5rem !important; + .xl\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1 !important; } - .xl\:pr-20 { - padding-right: 5rem !important; + .xl\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce !important; } - .xl\:pb-20 { - padding-bottom: 5rem !important; + .xl\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0 !important; } - .xl\:pl-20 { - padding-left: 5rem !important; + .xl\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282 !important; } - .xl\:pt-24 { - padding-top: 6rem !important; + .xl\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365 !important; } - .xl\:pr-24 { - padding-right: 6rem !important; + .xl\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff !important; } - .xl\:pb-24 { - padding-bottom: 6rem !important; + .xl\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe !important; } - .xl\:pl-24 { - padding-left: 6rem !important; + .xl\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa !important; } - .xl\:pt-32 { - padding-top: 8rem !important; + .xl\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5 !important; } - .xl\:pr-32 { - padding-right: 8rem !important; + .xl\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea !important; } - .xl\:pb-32 { - padding-bottom: 8rem !important; + .xl\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8 !important; } - .xl\:pl-32 { - padding-left: 8rem !important; + .xl\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf !important; } - .xl\:pt-40 { - padding-top: 10rem !important; + .xl\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190 !important; } - .xl\:pr-40 { - padding-right: 10rem !important; + .xl\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b !important; } - .xl\:pb-40 { - padding-bottom: 10rem !important; + .xl\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff !important; } - .xl\:pl-40 { - padding-left: 10rem !important; + .xl\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd !important; } - .xl\:pt-48 { - padding-top: 12rem !important; + .xl\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa !important; } - .xl\:pr-48 { - padding-right: 12rem !important; + .xl\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4 !important; } - .xl\:pb-48 { - padding-bottom: 12rem !important; + .xl\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea !important; } - .xl\:pl-48 { - padding-left: 12rem !important; + .xl\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5 !important; } - .xl\:pt-56 { - padding-top: 14rem !important; + .xl\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1 !important; } - .xl\:pr-56 { - padding-right: 14rem !important; + .xl\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a !important; } - .xl\:pb-56 { - padding-bottom: 14rem !important; + .xl\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a !important; } - .xl\:pl-56 { - padding-left: 14rem !important; + .xl\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7 !important; } - .xl\:pt-64 { - padding-top: 16rem !important; + .xl\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2 !important; } - .xl\:pr-64 { - padding-right: 16rem !important; + .xl\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce !important; } - .xl\:pb-64 { - padding-bottom: 16rem !important; + .xl\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3 !important; } - .xl\:pl-64 { - padding-left: 16rem !important; + .xl\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6 !important; } - .xl\:pt-px { - padding-top: 1px !important; + .xl\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c !important; } - .xl\:pr-px { - padding-right: 1px !important; + .xl\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280 !important; } - .xl\:pb-px { - padding-bottom: 1px !important; + .xl\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d !important; } - .xl\:pl-px { - padding-left: 1px !important; + .xl\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459 !important; } .xl\:pointer-events-none { diff --git a/__tests__/fixtures/tailwind-output.css b/__tests__/fixtures/tailwind-output.css index d32a783e24fb..6fa0fbd5dd33 100644 --- a/__tests__/fixtures/tailwind-output.css +++ b/__tests__/fixtures/tailwind-output.css @@ -6132,27811 +6132,31159 @@ video { color: #702459; } -.pointer-events-none { - pointer-events: none; +.focus\:placeholder-transparent:focus::placeholder { + color: transparent; } -.pointer-events-auto { - pointer-events: auto; +.focus\:placeholder-black:focus::placeholder { + color: #000; } -.static { - position: static; +.focus\:placeholder-white:focus::placeholder { + color: #fff; } -.fixed { - position: fixed; +.focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc; } -.absolute { - position: absolute; +.focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7; } -.relative { - position: relative; +.focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0; } -.sticky { - position: sticky; +.focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0; } -.inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; +.focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0; } -.inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; +.focus\:placeholder-gray-600:focus::placeholder { + color: #718096; } -.inset-y-0 { - top: 0; - bottom: 0; +.focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568; } -.inset-x-0 { - right: 0; - left: 0; +.focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748; } -.inset-y-auto { - top: auto; - bottom: auto; +.focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c; } -.inset-x-auto { - right: auto; - left: auto; +.focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5; } -.top-0 { - top: 0; +.focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7; } -.right-0 { - right: 0; +.focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2; } -.bottom-0 { - bottom: 0; +.focus\:placeholder-red-400:focus::placeholder { + color: #fc8181; } -.left-0 { - left: 0; +.focus\:placeholder-red-500:focus::placeholder { + color: #f56565; } -.top-auto { - top: auto; +.focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e; } -.right-auto { - right: auto; +.focus\:placeholder-red-700:focus::placeholder { + color: #c53030; } -.bottom-auto { - bottom: auto; +.focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c; } -.left-auto { - left: auto; +.focus\:placeholder-red-900:focus::placeholder { + color: #742a2a; } -.resize-none { - resize: none; +.focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0; } -.resize-y { - resize: vertical; +.focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8; } -.resize-x { - resize: horizontal; +.focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d; } -.resize { - resize: both; +.focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55; } -.shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936; } -.shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20; } -.shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.focus\:placeholder-orange-700:focus::placeholder { + color: #c05621; } -.shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221; } -.shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e; } -.shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0; } -.shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf; } -.shadow-none { - box-shadow: none; +.focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089; } -.hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e; } -.hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b; } -.hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e; } -.hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f; } -.hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16; } -.hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-yellow-900:focus::placeholder { + color: #744210; } -.hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4; } -.hover\:shadow-none:hover { - box-shadow: none; +.focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5; } -.focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4; } -.focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); +.focus\:placeholder-green-400:focus::placeholder { + color: #68d391; } -.focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); +.focus\:placeholder-green-500:focus::placeholder { + color: #48bb78; } -.focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); +.focus\:placeholder-green-600:focus::placeholder { + color: #38a169; } -.focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); +.focus\:placeholder-green-700:focus::placeholder { + color: #2f855a; } -.focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); +.focus\:placeholder-green-800:focus::placeholder { + color: #276749; } -.focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); +.focus\:placeholder-green-900:focus::placeholder { + color: #22543d; } -.focus\:shadow-none:focus { - box-shadow: none; +.focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa; } -.fill-current { - fill: currentColor; +.focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea; } -.stroke-current { - stroke: currentColor; +.focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9; } -.table-auto { - table-layout: auto; +.focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5; } -.table-fixed { - table-layout: fixed; +.focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac; } -.text-left { - text-align: left; +.focus\:placeholder-teal-600:focus::placeholder { + color: #319795; } -.text-center { - text-align: center; +.focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b; } -.text-right { - text-align: right; +.focus\:placeholder-teal-800:focus::placeholder { + color: #285e61; } -.text-justify { - text-align: justify; +.focus\:placeholder-teal-900:focus::placeholder { + color: #234e52; } -.text-transparent { - color: transparent; +.focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff; } -.text-black { - color: #000; +.focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8; } -.text-white { - color: #fff; +.focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4; } -.text-gray-100 { - color: #f7fafc; +.focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed; } -.text-gray-200 { - color: #edf2f7; +.focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1; } -.text-gray-300 { - color: #e2e8f0; +.focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce; } -.text-gray-400 { - color: #cbd5e0; +.focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0; } -.text-gray-500 { - color: #a0aec0; +.focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282; } -.text-gray-600 { - color: #718096; +.focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365; } -.text-gray-700 { - color: #4a5568; +.focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff; } -.text-gray-800 { - color: #2d3748; +.focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe; } -.text-gray-900 { - color: #1a202c; +.focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa; } -.text-red-100 { - color: #fff5f5; +.focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5; } -.text-red-200 { - color: #fed7d7; +.focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea; } -.text-red-300 { - color: #feb2b2; +.focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8; } -.text-red-400 { - color: #fc8181; +.focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf; } -.text-red-500 { - color: #f56565; +.focus\:placeholder-indigo-800:focus::placeholder { + color: #434190; } -.text-red-600 { - color: #e53e3e; +.focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b; } -.text-red-700 { - color: #c53030; +.focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff; } -.text-red-800 { - color: #9b2c2c; +.focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd; } -.text-red-900 { - color: #742a2a; +.focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa; } -.text-orange-100 { - color: #fffaf0; +.focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4; } -.text-orange-200 { - color: #feebc8; +.focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea; } -.text-orange-300 { - color: #fbd38d; +.focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5; } -.text-orange-400 { - color: #f6ad55; +.focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1; } -.text-orange-500 { - color: #ed8936; +.focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a; } -.text-orange-600 { - color: #dd6b20; +.focus\:placeholder-purple-900:focus::placeholder { + color: #44337a; } -.text-orange-700 { - color: #c05621; +.focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7; } -.text-orange-800 { - color: #9c4221; +.focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2; } -.text-orange-900 { - color: #7b341e; +.focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce; } -.text-yellow-100 { - color: #fffff0; +.focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3; } -.text-yellow-200 { - color: #fefcbf; +.focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6; } -.text-yellow-300 { - color: #faf089; +.focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c; } -.text-yellow-400 { - color: #f6e05e; +.focus\:placeholder-pink-700:focus::placeholder { + color: #b83280; } -.text-yellow-500 { - color: #ecc94b; +.focus\:placeholder-pink-800:focus::placeholder { + color: #97266d; } -.text-yellow-600 { - color: #d69e2e; +.focus\:placeholder-pink-900:focus::placeholder { + color: #702459; } -.text-yellow-700 { - color: #b7791f; +.pointer-events-none { + pointer-events: none; } -.text-yellow-800 { - color: #975a16; +.pointer-events-auto { + pointer-events: auto; } -.text-yellow-900 { - color: #744210; +.static { + position: static; } -.text-green-100 { - color: #f0fff4; +.fixed { + position: fixed; } -.text-green-200 { - color: #c6f6d5; +.absolute { + position: absolute; } -.text-green-300 { - color: #9ae6b4; +.relative { + position: relative; } -.text-green-400 { - color: #68d391; +.sticky { + position: sticky; } -.text-green-500 { - color: #48bb78; +.inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } -.text-green-600 { - color: #38a169; +.inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } -.text-green-700 { - color: #2f855a; +.inset-y-0 { + top: 0; + bottom: 0; } -.text-green-800 { - color: #276749; +.inset-x-0 { + right: 0; + left: 0; } -.text-green-900 { - color: #22543d; +.inset-y-auto { + top: auto; + bottom: auto; } -.text-teal-100 { - color: #e6fffa; +.inset-x-auto { + right: auto; + left: auto; } -.text-teal-200 { - color: #b2f5ea; +.top-0 { + top: 0; } -.text-teal-300 { - color: #81e6d9; +.right-0 { + right: 0; } -.text-teal-400 { - color: #4fd1c5; +.bottom-0 { + bottom: 0; } -.text-teal-500 { - color: #38b2ac; +.left-0 { + left: 0; } -.text-teal-600 { - color: #319795; +.top-auto { + top: auto; } -.text-teal-700 { - color: #2c7a7b; +.right-auto { + right: auto; } -.text-teal-800 { - color: #285e61; +.bottom-auto { + bottom: auto; } -.text-teal-900 { - color: #234e52; +.left-auto { + left: auto; } -.text-blue-100 { - color: #ebf8ff; +.resize-none { + resize: none; } -.text-blue-200 { - color: #bee3f8; +.resize-y { + resize: vertical; } -.text-blue-300 { - color: #90cdf4; +.resize-x { + resize: horizontal; } -.text-blue-400 { - color: #63b3ed; +.resize { + resize: both; } -.text-blue-500 { - color: #4299e1; +.shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.text-blue-600 { - color: #3182ce; +.shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.text-blue-700 { - color: #2b6cb0; +.shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.text-blue-800 { - color: #2c5282; +.shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.text-blue-900 { - color: #2a4365; +.shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.text-indigo-100 { - color: #ebf4ff; +.shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.text-indigo-200 { - color: #c3dafe; +.shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.text-indigo-300 { - color: #a3bffa; +.shadow-none { + box-shadow: none; } -.text-indigo-400 { - color: #7f9cf5; +.hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.text-indigo-500 { - color: #667eea; +.hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.text-indigo-600 { - color: #5a67d8; +.hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.text-indigo-700 { - color: #4c51bf; +.hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.text-indigo-800 { - color: #434190; +.hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.text-indigo-900 { - color: #3c366b; +.hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.text-purple-100 { - color: #faf5ff; +.hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.text-purple-200 { - color: #e9d8fd; +.hover\:shadow-none:hover { + box-shadow: none; } -.text-purple-300 { - color: #d6bcfa; +.focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } -.text-purple-400 { - color: #b794f4; +.focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } -.text-purple-500 { - color: #9f7aea; +.focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } -.text-purple-600 { - color: #805ad5; +.focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } -.text-purple-700 { - color: #6b46c1; +.focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } -.text-purple-800 { - color: #553c9a; +.focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } -.text-purple-900 { - color: #44337a; +.focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } -.text-pink-100 { - color: #fff5f7; +.focus\:shadow-none:focus { + box-shadow: none; } -.text-pink-200 { - color: #fed7e2; +.fill-current { + fill: currentColor; } -.text-pink-300 { - color: #fbb6ce; +.stroke-current { + stroke: currentColor; } -.text-pink-400 { - color: #f687b3; +.table-auto { + table-layout: auto; } -.text-pink-500 { - color: #ed64a6; +.table-fixed { + table-layout: fixed; } -.text-pink-600 { - color: #d53f8c; +.text-left { + text-align: left; } -.text-pink-700 { - color: #b83280; +.text-center { + text-align: center; } -.text-pink-800 { - color: #97266d; +.text-right { + text-align: right; } -.text-pink-900 { - color: #702459; +.text-justify { + text-align: justify; } -.hover\:text-transparent:hover { +.text-transparent { color: transparent; } -.hover\:text-black:hover { +.text-black { color: #000; } -.hover\:text-white:hover { +.text-white { color: #fff; } -.hover\:text-gray-100:hover { +.text-gray-100 { color: #f7fafc; } -.hover\:text-gray-200:hover { +.text-gray-200 { color: #edf2f7; } -.hover\:text-gray-300:hover { +.text-gray-300 { color: #e2e8f0; } -.hover\:text-gray-400:hover { +.text-gray-400 { color: #cbd5e0; } -.hover\:text-gray-500:hover { +.text-gray-500 { color: #a0aec0; } -.hover\:text-gray-600:hover { +.text-gray-600 { color: #718096; } -.hover\:text-gray-700:hover { +.text-gray-700 { color: #4a5568; } -.hover\:text-gray-800:hover { +.text-gray-800 { color: #2d3748; } -.hover\:text-gray-900:hover { +.text-gray-900 { color: #1a202c; } -.hover\:text-red-100:hover { +.text-red-100 { color: #fff5f5; } -.hover\:text-red-200:hover { +.text-red-200 { color: #fed7d7; } -.hover\:text-red-300:hover { +.text-red-300 { color: #feb2b2; } -.hover\:text-red-400:hover { +.text-red-400 { color: #fc8181; } -.hover\:text-red-500:hover { +.text-red-500 { color: #f56565; } -.hover\:text-red-600:hover { +.text-red-600 { color: #e53e3e; } -.hover\:text-red-700:hover { +.text-red-700 { color: #c53030; } -.hover\:text-red-800:hover { +.text-red-800 { color: #9b2c2c; } -.hover\:text-red-900:hover { +.text-red-900 { color: #742a2a; } -.hover\:text-orange-100:hover { +.text-orange-100 { color: #fffaf0; } -.hover\:text-orange-200:hover { +.text-orange-200 { color: #feebc8; } -.hover\:text-orange-300:hover { +.text-orange-300 { color: #fbd38d; } -.hover\:text-orange-400:hover { +.text-orange-400 { color: #f6ad55; } -.hover\:text-orange-500:hover { +.text-orange-500 { color: #ed8936; } -.hover\:text-orange-600:hover { +.text-orange-600 { color: #dd6b20; } -.hover\:text-orange-700:hover { +.text-orange-700 { color: #c05621; } -.hover\:text-orange-800:hover { +.text-orange-800 { color: #9c4221; } -.hover\:text-orange-900:hover { +.text-orange-900 { color: #7b341e; } -.hover\:text-yellow-100:hover { +.text-yellow-100 { color: #fffff0; } -.hover\:text-yellow-200:hover { +.text-yellow-200 { color: #fefcbf; } -.hover\:text-yellow-300:hover { +.text-yellow-300 { color: #faf089; } -.hover\:text-yellow-400:hover { +.text-yellow-400 { color: #f6e05e; } -.hover\:text-yellow-500:hover { +.text-yellow-500 { color: #ecc94b; } -.hover\:text-yellow-600:hover { +.text-yellow-600 { color: #d69e2e; } -.hover\:text-yellow-700:hover { +.text-yellow-700 { color: #b7791f; } -.hover\:text-yellow-800:hover { +.text-yellow-800 { color: #975a16; } -.hover\:text-yellow-900:hover { +.text-yellow-900 { color: #744210; } -.hover\:text-green-100:hover { +.text-green-100 { color: #f0fff4; } -.hover\:text-green-200:hover { +.text-green-200 { color: #c6f6d5; } -.hover\:text-green-300:hover { +.text-green-300 { color: #9ae6b4; } -.hover\:text-green-400:hover { +.text-green-400 { color: #68d391; } -.hover\:text-green-500:hover { +.text-green-500 { color: #48bb78; } -.hover\:text-green-600:hover { +.text-green-600 { color: #38a169; } -.hover\:text-green-700:hover { +.text-green-700 { color: #2f855a; } -.hover\:text-green-800:hover { +.text-green-800 { color: #276749; } -.hover\:text-green-900:hover { +.text-green-900 { color: #22543d; } -.hover\:text-teal-100:hover { +.text-teal-100 { color: #e6fffa; } -.hover\:text-teal-200:hover { +.text-teal-200 { color: #b2f5ea; } -.hover\:text-teal-300:hover { +.text-teal-300 { color: #81e6d9; } -.hover\:text-teal-400:hover { +.text-teal-400 { color: #4fd1c5; } -.hover\:text-teal-500:hover { +.text-teal-500 { color: #38b2ac; } -.hover\:text-teal-600:hover { +.text-teal-600 { color: #319795; } -.hover\:text-teal-700:hover { +.text-teal-700 { color: #2c7a7b; } -.hover\:text-teal-800:hover { +.text-teal-800 { color: #285e61; } -.hover\:text-teal-900:hover { +.text-teal-900 { color: #234e52; } -.hover\:text-blue-100:hover { +.text-blue-100 { color: #ebf8ff; } -.hover\:text-blue-200:hover { +.text-blue-200 { color: #bee3f8; } -.hover\:text-blue-300:hover { +.text-blue-300 { color: #90cdf4; } -.hover\:text-blue-400:hover { +.text-blue-400 { color: #63b3ed; } -.hover\:text-blue-500:hover { +.text-blue-500 { color: #4299e1; } -.hover\:text-blue-600:hover { +.text-blue-600 { color: #3182ce; } -.hover\:text-blue-700:hover { +.text-blue-700 { color: #2b6cb0; } -.hover\:text-blue-800:hover { +.text-blue-800 { color: #2c5282; } -.hover\:text-blue-900:hover { +.text-blue-900 { color: #2a4365; } -.hover\:text-indigo-100:hover { +.text-indigo-100 { color: #ebf4ff; } -.hover\:text-indigo-200:hover { +.text-indigo-200 { color: #c3dafe; } -.hover\:text-indigo-300:hover { +.text-indigo-300 { color: #a3bffa; } -.hover\:text-indigo-400:hover { +.text-indigo-400 { color: #7f9cf5; } -.hover\:text-indigo-500:hover { +.text-indigo-500 { color: #667eea; } -.hover\:text-indigo-600:hover { +.text-indigo-600 { color: #5a67d8; } -.hover\:text-indigo-700:hover { +.text-indigo-700 { color: #4c51bf; } -.hover\:text-indigo-800:hover { +.text-indigo-800 { color: #434190; } -.hover\:text-indigo-900:hover { +.text-indigo-900 { color: #3c366b; } -.hover\:text-purple-100:hover { +.text-purple-100 { color: #faf5ff; } -.hover\:text-purple-200:hover { +.text-purple-200 { color: #e9d8fd; } -.hover\:text-purple-300:hover { +.text-purple-300 { color: #d6bcfa; } -.hover\:text-purple-400:hover { +.text-purple-400 { color: #b794f4; } -.hover\:text-purple-500:hover { +.text-purple-500 { color: #9f7aea; } -.hover\:text-purple-600:hover { +.text-purple-600 { color: #805ad5; } -.hover\:text-purple-700:hover { +.text-purple-700 { color: #6b46c1; } -.hover\:text-purple-800:hover { +.text-purple-800 { color: #553c9a; } -.hover\:text-purple-900:hover { +.text-purple-900 { color: #44337a; } -.hover\:text-pink-100:hover { +.text-pink-100 { color: #fff5f7; } -.hover\:text-pink-200:hover { +.text-pink-200 { color: #fed7e2; } -.hover\:text-pink-300:hover { +.text-pink-300 { color: #fbb6ce; } -.hover\:text-pink-400:hover { +.text-pink-400 { color: #f687b3; } -.hover\:text-pink-500:hover { +.text-pink-500 { color: #ed64a6; } -.hover\:text-pink-600:hover { +.text-pink-600 { color: #d53f8c; } -.hover\:text-pink-700:hover { +.text-pink-700 { color: #b83280; } -.hover\:text-pink-800:hover { +.text-pink-800 { color: #97266d; } -.hover\:text-pink-900:hover { +.text-pink-900 { color: #702459; } -.focus\:text-transparent:focus { +.hover\:text-transparent:hover { color: transparent; } -.focus\:text-black:focus { +.hover\:text-black:hover { color: #000; } -.focus\:text-white:focus { +.hover\:text-white:hover { color: #fff; } -.focus\:text-gray-100:focus { +.hover\:text-gray-100:hover { color: #f7fafc; } -.focus\:text-gray-200:focus { +.hover\:text-gray-200:hover { color: #edf2f7; } -.focus\:text-gray-300:focus { +.hover\:text-gray-300:hover { color: #e2e8f0; } -.focus\:text-gray-400:focus { +.hover\:text-gray-400:hover { color: #cbd5e0; } -.focus\:text-gray-500:focus { +.hover\:text-gray-500:hover { color: #a0aec0; } -.focus\:text-gray-600:focus { +.hover\:text-gray-600:hover { color: #718096; } -.focus\:text-gray-700:focus { +.hover\:text-gray-700:hover { color: #4a5568; } -.focus\:text-gray-800:focus { +.hover\:text-gray-800:hover { color: #2d3748; } -.focus\:text-gray-900:focus { +.hover\:text-gray-900:hover { color: #1a202c; } -.focus\:text-red-100:focus { +.hover\:text-red-100:hover { color: #fff5f5; } -.focus\:text-red-200:focus { +.hover\:text-red-200:hover { color: #fed7d7; } -.focus\:text-red-300:focus { +.hover\:text-red-300:hover { color: #feb2b2; } -.focus\:text-red-400:focus { +.hover\:text-red-400:hover { color: #fc8181; } -.focus\:text-red-500:focus { +.hover\:text-red-500:hover { color: #f56565; } -.focus\:text-red-600:focus { +.hover\:text-red-600:hover { color: #e53e3e; } -.focus\:text-red-700:focus { +.hover\:text-red-700:hover { color: #c53030; } -.focus\:text-red-800:focus { +.hover\:text-red-800:hover { color: #9b2c2c; } -.focus\:text-red-900:focus { +.hover\:text-red-900:hover { color: #742a2a; } -.focus\:text-orange-100:focus { +.hover\:text-orange-100:hover { color: #fffaf0; } -.focus\:text-orange-200:focus { +.hover\:text-orange-200:hover { color: #feebc8; } -.focus\:text-orange-300:focus { +.hover\:text-orange-300:hover { color: #fbd38d; } -.focus\:text-orange-400:focus { +.hover\:text-orange-400:hover { color: #f6ad55; } -.focus\:text-orange-500:focus { +.hover\:text-orange-500:hover { color: #ed8936; } -.focus\:text-orange-600:focus { +.hover\:text-orange-600:hover { color: #dd6b20; } -.focus\:text-orange-700:focus { +.hover\:text-orange-700:hover { color: #c05621; } -.focus\:text-orange-800:focus { +.hover\:text-orange-800:hover { color: #9c4221; } -.focus\:text-orange-900:focus { +.hover\:text-orange-900:hover { color: #7b341e; } -.focus\:text-yellow-100:focus { +.hover\:text-yellow-100:hover { color: #fffff0; } -.focus\:text-yellow-200:focus { +.hover\:text-yellow-200:hover { color: #fefcbf; } -.focus\:text-yellow-300:focus { +.hover\:text-yellow-300:hover { color: #faf089; } -.focus\:text-yellow-400:focus { +.hover\:text-yellow-400:hover { color: #f6e05e; } -.focus\:text-yellow-500:focus { +.hover\:text-yellow-500:hover { color: #ecc94b; } -.focus\:text-yellow-600:focus { +.hover\:text-yellow-600:hover { color: #d69e2e; } -.focus\:text-yellow-700:focus { +.hover\:text-yellow-700:hover { color: #b7791f; } -.focus\:text-yellow-800:focus { +.hover\:text-yellow-800:hover { color: #975a16; } -.focus\:text-yellow-900:focus { +.hover\:text-yellow-900:hover { color: #744210; } -.focus\:text-green-100:focus { +.hover\:text-green-100:hover { color: #f0fff4; } -.focus\:text-green-200:focus { +.hover\:text-green-200:hover { color: #c6f6d5; } -.focus\:text-green-300:focus { +.hover\:text-green-300:hover { color: #9ae6b4; } -.focus\:text-green-400:focus { +.hover\:text-green-400:hover { color: #68d391; } -.focus\:text-green-500:focus { +.hover\:text-green-500:hover { color: #48bb78; } -.focus\:text-green-600:focus { +.hover\:text-green-600:hover { color: #38a169; } -.focus\:text-green-700:focus { +.hover\:text-green-700:hover { color: #2f855a; } -.focus\:text-green-800:focus { +.hover\:text-green-800:hover { color: #276749; } -.focus\:text-green-900:focus { +.hover\:text-green-900:hover { color: #22543d; } -.focus\:text-teal-100:focus { +.hover\:text-teal-100:hover { color: #e6fffa; } -.focus\:text-teal-200:focus { +.hover\:text-teal-200:hover { color: #b2f5ea; } -.focus\:text-teal-300:focus { +.hover\:text-teal-300:hover { color: #81e6d9; } -.focus\:text-teal-400:focus { +.hover\:text-teal-400:hover { color: #4fd1c5; } -.focus\:text-teal-500:focus { +.hover\:text-teal-500:hover { color: #38b2ac; } -.focus\:text-teal-600:focus { +.hover\:text-teal-600:hover { color: #319795; } -.focus\:text-teal-700:focus { +.hover\:text-teal-700:hover { color: #2c7a7b; } -.focus\:text-teal-800:focus { +.hover\:text-teal-800:hover { color: #285e61; } -.focus\:text-teal-900:focus { +.hover\:text-teal-900:hover { color: #234e52; } -.focus\:text-blue-100:focus { +.hover\:text-blue-100:hover { color: #ebf8ff; } -.focus\:text-blue-200:focus { +.hover\:text-blue-200:hover { color: #bee3f8; } -.focus\:text-blue-300:focus { +.hover\:text-blue-300:hover { color: #90cdf4; } -.focus\:text-blue-400:focus { +.hover\:text-blue-400:hover { color: #63b3ed; } -.focus\:text-blue-500:focus { +.hover\:text-blue-500:hover { color: #4299e1; } -.focus\:text-blue-600:focus { +.hover\:text-blue-600:hover { color: #3182ce; } -.focus\:text-blue-700:focus { +.hover\:text-blue-700:hover { color: #2b6cb0; } -.focus\:text-blue-800:focus { +.hover\:text-blue-800:hover { color: #2c5282; } -.focus\:text-blue-900:focus { +.hover\:text-blue-900:hover { color: #2a4365; } -.focus\:text-indigo-100:focus { +.hover\:text-indigo-100:hover { color: #ebf4ff; } -.focus\:text-indigo-200:focus { +.hover\:text-indigo-200:hover { color: #c3dafe; } -.focus\:text-indigo-300:focus { +.hover\:text-indigo-300:hover { color: #a3bffa; } -.focus\:text-indigo-400:focus { +.hover\:text-indigo-400:hover { color: #7f9cf5; } -.focus\:text-indigo-500:focus { +.hover\:text-indigo-500:hover { color: #667eea; } -.focus\:text-indigo-600:focus { +.hover\:text-indigo-600:hover { color: #5a67d8; } -.focus\:text-indigo-700:focus { +.hover\:text-indigo-700:hover { color: #4c51bf; } -.focus\:text-indigo-800:focus { +.hover\:text-indigo-800:hover { color: #434190; } -.focus\:text-indigo-900:focus { +.hover\:text-indigo-900:hover { color: #3c366b; } -.focus\:text-purple-100:focus { +.hover\:text-purple-100:hover { color: #faf5ff; } -.focus\:text-purple-200:focus { +.hover\:text-purple-200:hover { color: #e9d8fd; } -.focus\:text-purple-300:focus { +.hover\:text-purple-300:hover { color: #d6bcfa; } -.focus\:text-purple-400:focus { +.hover\:text-purple-400:hover { color: #b794f4; } -.focus\:text-purple-500:focus { +.hover\:text-purple-500:hover { color: #9f7aea; } -.focus\:text-purple-600:focus { +.hover\:text-purple-600:hover { color: #805ad5; } -.focus\:text-purple-700:focus { +.hover\:text-purple-700:hover { color: #6b46c1; } -.focus\:text-purple-800:focus { +.hover\:text-purple-800:hover { color: #553c9a; } -.focus\:text-purple-900:focus { +.hover\:text-purple-900:hover { color: #44337a; } -.focus\:text-pink-100:focus { +.hover\:text-pink-100:hover { color: #fff5f7; } -.focus\:text-pink-200:focus { +.hover\:text-pink-200:hover { color: #fed7e2; } -.focus\:text-pink-300:focus { +.hover\:text-pink-300:hover { color: #fbb6ce; } -.focus\:text-pink-400:focus { +.hover\:text-pink-400:hover { color: #f687b3; } -.focus\:text-pink-500:focus { +.hover\:text-pink-500:hover { color: #ed64a6; } -.focus\:text-pink-600:focus { +.hover\:text-pink-600:hover { color: #d53f8c; } -.focus\:text-pink-700:focus { +.hover\:text-pink-700:hover { color: #b83280; } -.focus\:text-pink-800:focus { +.hover\:text-pink-800:hover { color: #97266d; } -.focus\:text-pink-900:focus { +.hover\:text-pink-900:hover { color: #702459; } -.text-xs { - font-size: 0.75rem; +.focus\:text-transparent:focus { + color: transparent; } -.text-sm { - font-size: 0.875rem; +.focus\:text-black:focus { + color: #000; } -.text-base { - font-size: 1rem; +.focus\:text-white:focus { + color: #fff; } -.text-lg { - font-size: 1.125rem; +.focus\:text-gray-100:focus { + color: #f7fafc; } -.text-xl { - font-size: 1.25rem; +.focus\:text-gray-200:focus { + color: #edf2f7; } -.text-2xl { - font-size: 1.5rem; +.focus\:text-gray-300:focus { + color: #e2e8f0; } -.text-3xl { - font-size: 1.875rem; +.focus\:text-gray-400:focus { + color: #cbd5e0; } -.text-4xl { - font-size: 2.25rem; +.focus\:text-gray-500:focus { + color: #a0aec0; } -.text-5xl { - font-size: 3rem; +.focus\:text-gray-600:focus { + color: #718096; } -.text-6xl { - font-size: 4rem; +.focus\:text-gray-700:focus { + color: #4a5568; } -.italic { - font-style: italic; +.focus\:text-gray-800:focus { + color: #2d3748; } -.not-italic { - font-style: normal; +.focus\:text-gray-900:focus { + color: #1a202c; } -.uppercase { - text-transform: uppercase; +.focus\:text-red-100:focus { + color: #fff5f5; } -.lowercase { - text-transform: lowercase; +.focus\:text-red-200:focus { + color: #fed7d7; } -.capitalize { - text-transform: capitalize; +.focus\:text-red-300:focus { + color: #feb2b2; } -.normal-case { - text-transform: none; +.focus\:text-red-400:focus { + color: #fc8181; } -.underline { - text-decoration: underline; +.focus\:text-red-500:focus { + color: #f56565; } -.line-through { - text-decoration: line-through; +.focus\:text-red-600:focus { + color: #e53e3e; } -.no-underline { - text-decoration: none; +.focus\:text-red-700:focus { + color: #c53030; } -.hover\:underline:hover { - text-decoration: underline; +.focus\:text-red-800:focus { + color: #9b2c2c; } -.hover\:line-through:hover { - text-decoration: line-through; +.focus\:text-red-900:focus { + color: #742a2a; } -.hover\:no-underline:hover { - text-decoration: none; +.focus\:text-orange-100:focus { + color: #fffaf0; } -.focus\:underline:focus { - text-decoration: underline; +.focus\:text-orange-200:focus { + color: #feebc8; } -.focus\:line-through:focus { - text-decoration: line-through; +.focus\:text-orange-300:focus { + color: #fbd38d; } -.focus\:no-underline:focus { - text-decoration: none; +.focus\:text-orange-400:focus { + color: #f6ad55; } -.antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.focus\:text-orange-500:focus { + color: #ed8936; } -.subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; +.focus\:text-orange-600:focus { + color: #dd6b20; } -.tracking-tighter { - letter-spacing: -0.05em; +.focus\:text-orange-700:focus { + color: #c05621; } -.tracking-tight { - letter-spacing: -0.025em; +.focus\:text-orange-800:focus { + color: #9c4221; } -.tracking-normal { - letter-spacing: 0; +.focus\:text-orange-900:focus { + color: #7b341e; } -.tracking-wide { - letter-spacing: 0.025em; -} - -.tracking-wider { - letter-spacing: 0.05em; +.focus\:text-yellow-100:focus { + color: #fffff0; } -.tracking-widest { - letter-spacing: 0.1em; +.focus\:text-yellow-200:focus { + color: #fefcbf; } -.select-none { - user-select: none; +.focus\:text-yellow-300:focus { + color: #faf089; } -.select-text { - user-select: text; +.focus\:text-yellow-400:focus { + color: #f6e05e; } -.select-all { - user-select: all; +.focus\:text-yellow-500:focus { + color: #ecc94b; } -.select-auto { - user-select: auto; +.focus\:text-yellow-600:focus { + color: #d69e2e; } -.align-baseline { - vertical-align: baseline; +.focus\:text-yellow-700:focus { + color: #b7791f; } -.align-top { - vertical-align: top; +.focus\:text-yellow-800:focus { + color: #975a16; } -.align-middle { - vertical-align: middle; +.focus\:text-yellow-900:focus { + color: #744210; } -.align-bottom { - vertical-align: bottom; +.focus\:text-green-100:focus { + color: #f0fff4; } -.align-text-top { - vertical-align: text-top; +.focus\:text-green-200:focus { + color: #c6f6d5; } -.align-text-bottom { - vertical-align: text-bottom; +.focus\:text-green-300:focus { + color: #9ae6b4; } -.visible { - visibility: visible; +.focus\:text-green-400:focus { + color: #68d391; } -.invisible { - visibility: hidden; +.focus\:text-green-500:focus { + color: #48bb78; } -.whitespace-normal { - white-space: normal; +.focus\:text-green-600:focus { + color: #38a169; } -.whitespace-no-wrap { - white-space: nowrap; +.focus\:text-green-700:focus { + color: #2f855a; } -.whitespace-pre { - white-space: pre; +.focus\:text-green-800:focus { + color: #276749; } -.whitespace-pre-line { - white-space: pre-line; +.focus\:text-green-900:focus { + color: #22543d; } -.whitespace-pre-wrap { - white-space: pre-wrap; +.focus\:text-teal-100:focus { + color: #e6fffa; } -.break-normal { - overflow-wrap: normal; - word-break: normal; +.focus\:text-teal-200:focus { + color: #b2f5ea; } -.break-words { - overflow-wrap: break-word; +.focus\:text-teal-300:focus { + color: #81e6d9; } -.break-all { - word-break: break-all; +.focus\:text-teal-400:focus { + color: #4fd1c5; } -.truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; +.focus\:text-teal-500:focus { + color: #38b2ac; } -.w-0 { - width: 0; +.focus\:text-teal-600:focus { + color: #319795; } -.w-1 { - width: 0.25rem; +.focus\:text-teal-700:focus { + color: #2c7a7b; } -.w-2 { - width: 0.5rem; +.focus\:text-teal-800:focus { + color: #285e61; } -.w-3 { - width: 0.75rem; +.focus\:text-teal-900:focus { + color: #234e52; } -.w-4 { - width: 1rem; +.focus\:text-blue-100:focus { + color: #ebf8ff; } -.w-5 { - width: 1.25rem; +.focus\:text-blue-200:focus { + color: #bee3f8; } -.w-6 { - width: 1.5rem; +.focus\:text-blue-300:focus { + color: #90cdf4; } -.w-8 { - width: 2rem; +.focus\:text-blue-400:focus { + color: #63b3ed; } -.w-10 { - width: 2.5rem; +.focus\:text-blue-500:focus { + color: #4299e1; } -.w-12 { - width: 3rem; +.focus\:text-blue-600:focus { + color: #3182ce; } -.w-16 { - width: 4rem; +.focus\:text-blue-700:focus { + color: #2b6cb0; } -.w-20 { - width: 5rem; +.focus\:text-blue-800:focus { + color: #2c5282; } -.w-24 { - width: 6rem; +.focus\:text-blue-900:focus { + color: #2a4365; } -.w-32 { - width: 8rem; +.focus\:text-indigo-100:focus { + color: #ebf4ff; } -.w-40 { - width: 10rem; +.focus\:text-indigo-200:focus { + color: #c3dafe; } -.w-48 { - width: 12rem; +.focus\:text-indigo-300:focus { + color: #a3bffa; } -.w-56 { - width: 14rem; +.focus\:text-indigo-400:focus { + color: #7f9cf5; } -.w-64 { - width: 16rem; +.focus\:text-indigo-500:focus { + color: #667eea; } -.w-auto { - width: auto; +.focus\:text-indigo-600:focus { + color: #5a67d8; } -.w-px { - width: 1px; +.focus\:text-indigo-700:focus { + color: #4c51bf; } -.w-1\/2 { - width: 50%; +.focus\:text-indigo-800:focus { + color: #434190; } -.w-1\/3 { - width: 33.333333%; +.focus\:text-indigo-900:focus { + color: #3c366b; } -.w-2\/3 { - width: 66.666667%; +.focus\:text-purple-100:focus { + color: #faf5ff; } -.w-1\/4 { - width: 25%; +.focus\:text-purple-200:focus { + color: #e9d8fd; } -.w-2\/4 { - width: 50%; +.focus\:text-purple-300:focus { + color: #d6bcfa; } -.w-3\/4 { - width: 75%; +.focus\:text-purple-400:focus { + color: #b794f4; } -.w-1\/5 { - width: 20%; +.focus\:text-purple-500:focus { + color: #9f7aea; } -.w-2\/5 { - width: 40%; +.focus\:text-purple-600:focus { + color: #805ad5; } -.w-3\/5 { - width: 60%; +.focus\:text-purple-700:focus { + color: #6b46c1; } -.w-4\/5 { - width: 80%; +.focus\:text-purple-800:focus { + color: #553c9a; } -.w-1\/6 { - width: 16.666667%; +.focus\:text-purple-900:focus { + color: #44337a; } -.w-2\/6 { - width: 33.333333%; +.focus\:text-pink-100:focus { + color: #fff5f7; } -.w-3\/6 { - width: 50%; +.focus\:text-pink-200:focus { + color: #fed7e2; } -.w-4\/6 { - width: 66.666667%; +.focus\:text-pink-300:focus { + color: #fbb6ce; } -.w-5\/6 { - width: 83.333333%; +.focus\:text-pink-400:focus { + color: #f687b3; } -.w-1\/12 { - width: 8.333333%; +.focus\:text-pink-500:focus { + color: #ed64a6; } -.w-2\/12 { - width: 16.666667%; +.focus\:text-pink-600:focus { + color: #d53f8c; } -.w-3\/12 { - width: 25%; +.focus\:text-pink-700:focus { + color: #b83280; } -.w-4\/12 { - width: 33.333333%; +.focus\:text-pink-800:focus { + color: #97266d; } -.w-5\/12 { - width: 41.666667%; +.focus\:text-pink-900:focus { + color: #702459; } -.w-6\/12 { - width: 50%; +.text-xs { + font-size: 0.75rem; } -.w-7\/12 { - width: 58.333333%; +.text-sm { + font-size: 0.875rem; } -.w-8\/12 { - width: 66.666667%; +.text-base { + font-size: 1rem; } -.w-9\/12 { - width: 75%; +.text-lg { + font-size: 1.125rem; } -.w-10\/12 { - width: 83.333333%; +.text-xl { + font-size: 1.25rem; } -.w-11\/12 { - width: 91.666667%; +.text-2xl { + font-size: 1.5rem; } -.w-full { - width: 100%; +.text-3xl { + font-size: 1.875rem; } -.w-screen { - width: 100vw; +.text-4xl { + font-size: 2.25rem; } -.z-0 { - z-index: 0; +.text-5xl { + font-size: 3rem; } -.z-10 { - z-index: 10; +.text-6xl { + font-size: 4rem; } -.z-20 { - z-index: 20; +.italic { + font-style: italic; } -.z-30 { - z-index: 30; +.not-italic { + font-style: normal; } -.z-40 { - z-index: 40; +.uppercase { + text-transform: uppercase; } -.z-50 { - z-index: 50; +.lowercase { + text-transform: lowercase; } -.z-auto { - z-index: auto; +.capitalize { + text-transform: capitalize; } -.example { - font-weight: 700; - color: #f56565; +.normal-case { + text-transform: none; } -@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; - } +.underline { + text-decoration: underline; +} - .sm\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } +.line-through { + text-decoration: line-through; +} - .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; - } +.no-underline { + text-decoration: none; +} - .sm\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; - } +.hover\:underline:hover { + text-decoration: underline; +} - .sm\:appearance-none { - appearance: none; - } +.hover\:line-through:hover { + text-decoration: line-through; +} - .sm\:bg-fixed { - background-attachment: fixed; +.hover\:no-underline:hover { + text-decoration: none; +} + +.focus\:underline:focus { + text-decoration: underline; +} + +.focus\:line-through:focus { + text-decoration: line-through; +} + +.focus\:no-underline:focus { + text-decoration: none; +} + +.antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; +} + +.tracking-tighter { + letter-spacing: -0.05em; +} + +.tracking-tight { + letter-spacing: -0.025em; +} + +.tracking-normal { + letter-spacing: 0; +} + +.tracking-wide { + letter-spacing: 0.025em; +} + +.tracking-wider { + letter-spacing: 0.05em; +} + +.tracking-widest { + letter-spacing: 0.1em; +} + +.select-none { + user-select: none; +} + +.select-text { + user-select: text; +} + +.select-all { + user-select: all; +} + +.select-auto { + user-select: auto; +} + +.align-baseline { + vertical-align: baseline; +} + +.align-top { + vertical-align: top; +} + +.align-middle { + vertical-align: middle; +} + +.align-bottom { + vertical-align: bottom; +} + +.align-text-top { + vertical-align: text-top; +} + +.align-text-bottom { + vertical-align: text-bottom; +} + +.visible { + visibility: visible; +} + +.invisible { + visibility: hidden; +} + +.whitespace-normal { + white-space: normal; +} + +.whitespace-no-wrap { + white-space: nowrap; +} + +.whitespace-pre { + white-space: pre; +} + +.whitespace-pre-line { + white-space: pre-line; +} + +.whitespace-pre-wrap { + white-space: pre-wrap; +} + +.break-normal { + overflow-wrap: normal; + word-break: normal; +} + +.break-words { + overflow-wrap: break-word; +} + +.break-all { + word-break: break-all; +} + +.truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; +} + +.w-0 { + width: 0; +} + +.w-1 { + width: 0.25rem; +} + +.w-2 { + width: 0.5rem; +} + +.w-3 { + width: 0.75rem; +} + +.w-4 { + width: 1rem; +} + +.w-5 { + width: 1.25rem; +} + +.w-6 { + width: 1.5rem; +} + +.w-8 { + width: 2rem; +} + +.w-10 { + width: 2.5rem; +} + +.w-12 { + width: 3rem; +} + +.w-16 { + width: 4rem; +} + +.w-20 { + width: 5rem; +} + +.w-24 { + width: 6rem; +} + +.w-32 { + width: 8rem; +} + +.w-40 { + width: 10rem; +} + +.w-48 { + width: 12rem; +} + +.w-56 { + width: 14rem; +} + +.w-64 { + width: 16rem; +} + +.w-auto { + width: auto; +} + +.w-px { + width: 1px; +} + +.w-1\/2 { + width: 50%; +} + +.w-1\/3 { + width: 33.333333%; +} + +.w-2\/3 { + width: 66.666667%; +} + +.w-1\/4 { + width: 25%; +} + +.w-2\/4 { + width: 50%; +} + +.w-3\/4 { + width: 75%; +} + +.w-1\/5 { + width: 20%; +} + +.w-2\/5 { + width: 40%; +} + +.w-3\/5 { + width: 60%; +} + +.w-4\/5 { + width: 80%; +} + +.w-1\/6 { + width: 16.666667%; +} + +.w-2\/6 { + width: 33.333333%; +} + +.w-3\/6 { + width: 50%; +} + +.w-4\/6 { + width: 66.666667%; +} + +.w-5\/6 { + width: 83.333333%; +} + +.w-1\/12 { + width: 8.333333%; +} + +.w-2\/12 { + width: 16.666667%; +} + +.w-3\/12 { + width: 25%; +} + +.w-4\/12 { + width: 33.333333%; +} + +.w-5\/12 { + width: 41.666667%; +} + +.w-6\/12 { + width: 50%; +} + +.w-7\/12 { + width: 58.333333%; +} + +.w-8\/12 { + width: 66.666667%; +} + +.w-9\/12 { + width: 75%; +} + +.w-10\/12 { + width: 83.333333%; +} + +.w-11\/12 { + width: 91.666667%; +} + +.w-full { + width: 100%; +} + +.w-screen { + width: 100vw; +} + +.z-0 { + z-index: 0; +} + +.z-10 { + z-index: 10; +} + +.z-20 { + z-index: 20; +} + +.z-30 { + z-index: 30; +} + +.z-40 { + z-index: 40; +} + +.z-50 { + z-index: 50; +} + +.z-auto { + z-index: auto; +} + +.example { + font-weight: 700; + color: #f56565; +} + +@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\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .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\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; + } + + .sm\:appearance-none { + appearance: none; + } + + .sm\:bg-fixed { + background-attachment: fixed; + } + + .sm\:bg-local { + background-attachment: local; + } + + .sm\:bg-scroll { + background-attachment: scroll; + } + + .sm\:bg-transparent { + background-color: transparent; + } + + .sm\:bg-black { + background-color: #000; + } + + .sm\:bg-white { + background-color: #fff; + } + + .sm\:bg-gray-100 { + background-color: #f7fafc; + } + + .sm\:bg-gray-200 { + background-color: #edf2f7; + } + + .sm\:bg-gray-300 { + background-color: #e2e8f0; + } + + .sm\:bg-gray-400 { + background-color: #cbd5e0; + } + + .sm\:bg-gray-500 { + background-color: #a0aec0; + } + + .sm\:bg-gray-600 { + background-color: #718096; + } + + .sm\:bg-gray-700 { + background-color: #4a5568; + } + + .sm\:bg-gray-800 { + background-color: #2d3748; + } + + .sm\:bg-gray-900 { + background-color: #1a202c; + } + + .sm\:bg-red-100 { + background-color: #fff5f5; + } + + .sm\:bg-red-200 { + background-color: #fed7d7; + } + + .sm\:bg-red-300 { + background-color: #feb2b2; + } + + .sm\:bg-red-400 { + background-color: #fc8181; + } + + .sm\:bg-red-500 { + background-color: #f56565; + } + + .sm\:bg-red-600 { + background-color: #e53e3e; + } + + .sm\:bg-red-700 { + background-color: #c53030; + } + + .sm\:bg-red-800 { + background-color: #9b2c2c; + } + + .sm\:bg-red-900 { + background-color: #742a2a; + } + + .sm\:bg-orange-100 { + background-color: #fffaf0; + } + + .sm\:bg-orange-200 { + background-color: #feebc8; + } + + .sm\:bg-orange-300 { + background-color: #fbd38d; + } + + .sm\:bg-orange-400 { + background-color: #f6ad55; + } + + .sm\:bg-orange-500 { + background-color: #ed8936; + } + + .sm\:bg-orange-600 { + background-color: #dd6b20; + } + + .sm\:bg-orange-700 { + background-color: #c05621; + } + + .sm\:bg-orange-800 { + background-color: #9c4221; + } + + .sm\:bg-orange-900 { + background-color: #7b341e; + } + + .sm\:bg-yellow-100 { + background-color: #fffff0; + } + + .sm\:bg-yellow-200 { + background-color: #fefcbf; + } + + .sm\:bg-yellow-300 { + background-color: #faf089; + } + + .sm\:bg-yellow-400 { + background-color: #f6e05e; + } + + .sm\:bg-yellow-500 { + background-color: #ecc94b; + } + + .sm\:bg-yellow-600 { + background-color: #d69e2e; + } + + .sm\:bg-yellow-700 { + background-color: #b7791f; + } + + .sm\:bg-yellow-800 { + background-color: #975a16; + } + + .sm\:bg-yellow-900 { + background-color: #744210; + } + + .sm\:bg-green-100 { + background-color: #f0fff4; + } + + .sm\:bg-green-200 { + background-color: #c6f6d5; + } + + .sm\:bg-green-300 { + background-color: #9ae6b4; + } + + .sm\:bg-green-400 { + background-color: #68d391; + } + + .sm\:bg-green-500 { + background-color: #48bb78; + } + + .sm\:bg-green-600 { + background-color: #38a169; + } + + .sm\:bg-green-700 { + background-color: #2f855a; + } + + .sm\:bg-green-800 { + background-color: #276749; + } + + .sm\:bg-green-900 { + background-color: #22543d; + } + + .sm\:bg-teal-100 { + background-color: #e6fffa; + } + + .sm\:bg-teal-200 { + background-color: #b2f5ea; + } + + .sm\:bg-teal-300 { + background-color: #81e6d9; + } + + .sm\:bg-teal-400 { + background-color: #4fd1c5; + } + + .sm\:bg-teal-500 { + background-color: #38b2ac; + } + + .sm\:bg-teal-600 { + background-color: #319795; + } + + .sm\:bg-teal-700 { + background-color: #2c7a7b; + } + + .sm\:bg-teal-800 { + background-color: #285e61; + } + + .sm\:bg-teal-900 { + background-color: #234e52; + } + + .sm\:bg-blue-100 { + background-color: #ebf8ff; + } + + .sm\:bg-blue-200 { + background-color: #bee3f8; + } + + .sm\:bg-blue-300 { + background-color: #90cdf4; + } + + .sm\:bg-blue-400 { + background-color: #63b3ed; + } + + .sm\:bg-blue-500 { + background-color: #4299e1; + } + + .sm\:bg-blue-600 { + background-color: #3182ce; + } + + .sm\:bg-blue-700 { + background-color: #2b6cb0; + } + + .sm\:bg-blue-800 { + background-color: #2c5282; + } + + .sm\:bg-blue-900 { + background-color: #2a4365; + } + + .sm\:bg-indigo-100 { + background-color: #ebf4ff; + } + + .sm\:bg-indigo-200 { + background-color: #c3dafe; + } + + .sm\:bg-indigo-300 { + background-color: #a3bffa; + } + + .sm\:bg-indigo-400 { + background-color: #7f9cf5; + } + + .sm\:bg-indigo-500 { + background-color: #667eea; + } + + .sm\:bg-indigo-600 { + background-color: #5a67d8; + } + + .sm\:bg-indigo-700 { + background-color: #4c51bf; + } + + .sm\:bg-indigo-800 { + background-color: #434190; + } + + .sm\:bg-indigo-900 { + background-color: #3c366b; + } + + .sm\:bg-purple-100 { + background-color: #faf5ff; + } + + .sm\:bg-purple-200 { + background-color: #e9d8fd; + } + + .sm\:bg-purple-300 { + background-color: #d6bcfa; + } + + .sm\:bg-purple-400 { + background-color: #b794f4; + } + + .sm\:bg-purple-500 { + background-color: #9f7aea; + } + + .sm\:bg-purple-600 { + background-color: #805ad5; + } + + .sm\:bg-purple-700 { + background-color: #6b46c1; + } + + .sm\:bg-purple-800 { + background-color: #553c9a; + } + + .sm\:bg-purple-900 { + background-color: #44337a; + } + + .sm\:bg-pink-100 { + background-color: #fff5f7; + } + + .sm\:bg-pink-200 { + background-color: #fed7e2; + } + + .sm\:bg-pink-300 { + background-color: #fbb6ce; + } + + .sm\:bg-pink-400 { + background-color: #f687b3; + } + + .sm\:bg-pink-500 { + background-color: #ed64a6; + } + + .sm\:bg-pink-600 { + background-color: #d53f8c; + } + + .sm\:bg-pink-700 { + background-color: #b83280; + } + + .sm\:bg-pink-800 { + background-color: #97266d; + } + + .sm\:bg-pink-900 { + background-color: #702459; + } + + .sm\:hover\:bg-transparent:hover { + background-color: transparent; + } + + .sm\:hover\:bg-black:hover { + background-color: #000; + } + + .sm\:hover\:bg-white:hover { + background-color: #fff; + } + + .sm\:hover\:bg-gray-100:hover { + background-color: #f7fafc; + } + + .sm\:hover\:bg-gray-200:hover { + background-color: #edf2f7; + } + + .sm\:hover\:bg-gray-300:hover { + background-color: #e2e8f0; + } + + .sm\:hover\:bg-gray-400:hover { + background-color: #cbd5e0; + } + + .sm\:hover\:bg-gray-500:hover { + background-color: #a0aec0; + } + + .sm\:hover\:bg-gray-600:hover { + background-color: #718096; + } + + .sm\:hover\:bg-gray-700:hover { + background-color: #4a5568; + } + + .sm\:hover\:bg-gray-800:hover { + background-color: #2d3748; + } + + .sm\:hover\:bg-gray-900:hover { + background-color: #1a202c; + } + + .sm\:hover\:bg-red-100:hover { + background-color: #fff5f5; + } + + .sm\:hover\:bg-red-200:hover { + background-color: #fed7d7; + } + + .sm\:hover\:bg-red-300:hover { + background-color: #feb2b2; + } + + .sm\:hover\:bg-red-400:hover { + background-color: #fc8181; + } + + .sm\:hover\:bg-red-500:hover { + background-color: #f56565; + } + + .sm\:hover\:bg-red-600:hover { + background-color: #e53e3e; + } + + .sm\:hover\:bg-red-700:hover { + background-color: #c53030; + } + + .sm\:hover\:bg-red-800:hover { + background-color: #9b2c2c; + } + + .sm\:hover\:bg-red-900:hover { + background-color: #742a2a; + } + + .sm\:hover\:bg-orange-100:hover { + background-color: #fffaf0; + } + + .sm\:hover\:bg-orange-200:hover { + background-color: #feebc8; + } + + .sm\:hover\:bg-orange-300:hover { + background-color: #fbd38d; + } + + .sm\:hover\:bg-orange-400:hover { + background-color: #f6ad55; + } + + .sm\:hover\:bg-orange-500:hover { + background-color: #ed8936; + } + + .sm\:hover\:bg-orange-600:hover { + background-color: #dd6b20; + } + + .sm\:hover\:bg-orange-700:hover { + background-color: #c05621; + } + + .sm\:hover\:bg-orange-800:hover { + background-color: #9c4221; + } + + .sm\:hover\:bg-orange-900:hover { + background-color: #7b341e; + } + + .sm\:hover\:bg-yellow-100:hover { + background-color: #fffff0; + } + + .sm\:hover\:bg-yellow-200:hover { + background-color: #fefcbf; + } + + .sm\:hover\:bg-yellow-300:hover { + background-color: #faf089; + } + + .sm\:hover\:bg-yellow-400:hover { + background-color: #f6e05e; + } + + .sm\:hover\:bg-yellow-500:hover { + background-color: #ecc94b; + } + + .sm\:hover\:bg-yellow-600:hover { + background-color: #d69e2e; + } + + .sm\:hover\:bg-yellow-700:hover { + background-color: #b7791f; + } + + .sm\:hover\:bg-yellow-800:hover { + background-color: #975a16; + } + + .sm\:hover\:bg-yellow-900:hover { + background-color: #744210; + } + + .sm\:hover\:bg-green-100:hover { + background-color: #f0fff4; + } + + .sm\:hover\:bg-green-200:hover { + background-color: #c6f6d5; + } + + .sm\:hover\:bg-green-300:hover { + background-color: #9ae6b4; + } + + .sm\:hover\:bg-green-400:hover { + background-color: #68d391; + } + + .sm\:hover\:bg-green-500:hover { + background-color: #48bb78; + } + + .sm\:hover\:bg-green-600:hover { + background-color: #38a169; + } + + .sm\:hover\:bg-green-700:hover { + background-color: #2f855a; + } + + .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\:hover\:bg-teal-300:hover { + background-color: #81e6d9; + } + + .sm\:hover\:bg-teal-400:hover { + background-color: #4fd1c5; + } + + .sm\:hover\:bg-teal-500:hover { + background-color: #38b2ac; + } + + .sm\:hover\:bg-teal-600:hover { + background-color: #319795; + } + + .sm\:hover\:bg-teal-700:hover { + background-color: #2c7a7b; + } + + .sm\:hover\:bg-teal-800:hover { + background-color: #285e61; + } + + .sm\:hover\:bg-teal-900:hover { + background-color: #234e52; + } + + .sm\:hover\:bg-blue-100:hover { + background-color: #ebf8ff; + } + + .sm\:hover\:bg-blue-200:hover { + background-color: #bee3f8; + } + + .sm\:hover\:bg-blue-300:hover { + background-color: #90cdf4; + } + + .sm\:hover\:bg-blue-400:hover { + background-color: #63b3ed; + } + + .sm\:hover\:bg-blue-500:hover { + background-color: #4299e1; + } + + .sm\:hover\:bg-blue-600:hover { + background-color: #3182ce; + } + + .sm\:hover\:bg-blue-700:hover { + background-color: #2b6cb0; + } + + .sm\:hover\:bg-blue-800:hover { + background-color: #2c5282; + } + + .sm\:hover\:bg-blue-900:hover { + background-color: #2a4365; + } + + .sm\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff; + } + + .sm\:hover\:bg-indigo-200:hover { + background-color: #c3dafe; + } + + .sm\:hover\:bg-indigo-300:hover { + background-color: #a3bffa; + } + + .sm\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5; + } + + .sm\:hover\:bg-indigo-500:hover { + background-color: #667eea; + } + + .sm\:hover\:bg-indigo-600:hover { + background-color: #5a67d8; + } + + .sm\:hover\:bg-indigo-700:hover { + background-color: #4c51bf; + } + + .sm\:hover\:bg-indigo-800:hover { + background-color: #434190; + } + + .sm\:hover\:bg-indigo-900:hover { + background-color: #3c366b; + } + + .sm\:hover\:bg-purple-100:hover { + background-color: #faf5ff; + } + + .sm\:hover\:bg-purple-200:hover { + background-color: #e9d8fd; + } + + .sm\:hover\:bg-purple-300:hover { + background-color: #d6bcfa; + } + + .sm\:hover\:bg-purple-400:hover { + background-color: #b794f4; + } + + .sm\:hover\:bg-purple-500:hover { + background-color: #9f7aea; + } + + .sm\:hover\:bg-purple-600:hover { + background-color: #805ad5; + } + + .sm\:hover\:bg-purple-700:hover { + background-color: #6b46c1; + } + + .sm\:hover\:bg-purple-800:hover { + background-color: #553c9a; + } + + .sm\:hover\:bg-purple-900:hover { + background-color: #44337a; + } + + .sm\:hover\:bg-pink-100:hover { + background-color: #fff5f7; + } + + .sm\:hover\:bg-pink-200:hover { + background-color: #fed7e2; + } + + .sm\:hover\:bg-pink-300:hover { + background-color: #fbb6ce; + } + + .sm\:hover\:bg-pink-400:hover { + background-color: #f687b3; + } + + .sm\:hover\:bg-pink-500:hover { + background-color: #ed64a6; + } + + .sm\:hover\:bg-pink-600:hover { + background-color: #d53f8c; + } + + .sm\:hover\:bg-pink-700:hover { + background-color: #b83280; + } + + .sm\:hover\:bg-pink-800:hover { + background-color: #97266d; + } + + .sm\:hover\:bg-pink-900:hover { + background-color: #702459; + } + + .sm\:focus\:bg-transparent:focus { + background-color: transparent; + } + + .sm\:focus\:bg-black:focus { + background-color: #000; + } + + .sm\:focus\:bg-white:focus { + background-color: #fff; + } + + .sm\:focus\:bg-gray-100:focus { + background-color: #f7fafc; + } + + .sm\:focus\:bg-gray-200:focus { + background-color: #edf2f7; + } + + .sm\:focus\:bg-gray-300:focus { + background-color: #e2e8f0; + } + + .sm\:focus\:bg-gray-400:focus { + background-color: #cbd5e0; + } + + .sm\:focus\:bg-gray-500:focus { + background-color: #a0aec0; + } + + .sm\:focus\:bg-gray-600:focus { + background-color: #718096; + } + + .sm\:focus\:bg-gray-700:focus { + background-color: #4a5568; + } + + .sm\:focus\:bg-gray-800:focus { + background-color: #2d3748; + } + + .sm\:focus\:bg-gray-900:focus { + background-color: #1a202c; + } + + .sm\:focus\:bg-red-100:focus { + background-color: #fff5f5; + } + + .sm\:focus\:bg-red-200:focus { + background-color: #fed7d7; + } + + .sm\:focus\:bg-red-300:focus { + background-color: #feb2b2; + } + + .sm\:focus\:bg-red-400:focus { + background-color: #fc8181; + } + + .sm\:focus\:bg-red-500:focus { + background-color: #f56565; + } + + .sm\:focus\:bg-red-600:focus { + background-color: #e53e3e; + } + + .sm\:focus\:bg-red-700:focus { + background-color: #c53030; + } + + .sm\:focus\:bg-red-800:focus { + background-color: #9b2c2c; + } + + .sm\:focus\:bg-red-900:focus { + background-color: #742a2a; + } + + .sm\:focus\:bg-orange-100:focus { + background-color: #fffaf0; + } + + .sm\:focus\:bg-orange-200:focus { + background-color: #feebc8; + } + + .sm\:focus\:bg-orange-300:focus { + background-color: #fbd38d; + } + + .sm\:focus\:bg-orange-400:focus { + background-color: #f6ad55; + } + + .sm\:focus\:bg-orange-500:focus { + background-color: #ed8936; + } + + .sm\:focus\:bg-orange-600:focus { + background-color: #dd6b20; + } + + .sm\:focus\:bg-orange-700:focus { + background-color: #c05621; + } + + .sm\:focus\:bg-orange-800:focus { + background-color: #9c4221; + } + + .sm\:focus\:bg-orange-900:focus { + background-color: #7b341e; + } + + .sm\:focus\:bg-yellow-100:focus { + background-color: #fffff0; + } + + .sm\:focus\:bg-yellow-200:focus { + background-color: #fefcbf; + } + + .sm\:focus\:bg-yellow-300:focus { + background-color: #faf089; + } + + .sm\:focus\:bg-yellow-400:focus { + background-color: #f6e05e; + } + + .sm\:focus\:bg-yellow-500:focus { + background-color: #ecc94b; + } + + .sm\:focus\:bg-yellow-600:focus { + background-color: #d69e2e; + } + + .sm\:focus\:bg-yellow-700:focus { + background-color: #b7791f; + } + + .sm\:focus\:bg-yellow-800:focus { + background-color: #975a16; + } + + .sm\:focus\:bg-yellow-900:focus { + background-color: #744210; + } + + .sm\:focus\:bg-green-100:focus { + background-color: #f0fff4; + } + + .sm\:focus\:bg-green-200:focus { + background-color: #c6f6d5; + } + + .sm\:focus\:bg-green-300:focus { + background-color: #9ae6b4; + } + + .sm\:focus\:bg-green-400:focus { + background-color: #68d391; + } + + .sm\:focus\:bg-green-500:focus { + background-color: #48bb78; + } + + .sm\:focus\:bg-green-600:focus { + background-color: #38a169; + } + + .sm\:focus\:bg-green-700:focus { + background-color: #2f855a; + } + + .sm\:focus\:bg-green-800:focus { + background-color: #276749; + } + + .sm\:focus\:bg-green-900:focus { + background-color: #22543d; + } + + .sm\:focus\:bg-teal-100:focus { + background-color: #e6fffa; + } + + .sm\:focus\:bg-teal-200:focus { + background-color: #b2f5ea; + } + + .sm\:focus\:bg-teal-300:focus { + background-color: #81e6d9; + } + + .sm\:focus\:bg-teal-400:focus { + background-color: #4fd1c5; + } + + .sm\:focus\:bg-teal-500:focus { + background-color: #38b2ac; + } + + .sm\:focus\:bg-teal-600:focus { + background-color: #319795; + } + + .sm\:focus\:bg-teal-700:focus { + background-color: #2c7a7b; + } + + .sm\:focus\:bg-teal-800:focus { + background-color: #285e61; + } + + .sm\:focus\:bg-teal-900:focus { + background-color: #234e52; + } + + .sm\:focus\:bg-blue-100:focus { + background-color: #ebf8ff; + } + + .sm\:focus\:bg-blue-200:focus { + background-color: #bee3f8; + } + + .sm\:focus\:bg-blue-300:focus { + background-color: #90cdf4; + } + + .sm\:focus\:bg-blue-400:focus { + background-color: #63b3ed; + } + + .sm\:focus\:bg-blue-500:focus { + background-color: #4299e1; + } + + .sm\:focus\:bg-blue-600:focus { + background-color: #3182ce; + } + + .sm\:focus\:bg-blue-700:focus { + background-color: #2b6cb0; + } + + .sm\:focus\:bg-blue-800:focus { + background-color: #2c5282; + } + + .sm\:focus\:bg-blue-900:focus { + background-color: #2a4365; + } + + .sm\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff; + } + + .sm\:focus\:bg-indigo-200:focus { + background-color: #c3dafe; + } + + .sm\:focus\:bg-indigo-300:focus { + background-color: #a3bffa; + } + + .sm\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5; + } + + .sm\:focus\:bg-indigo-500:focus { + background-color: #667eea; + } + + .sm\:focus\:bg-indigo-600:focus { + background-color: #5a67d8; + } + + .sm\:focus\:bg-indigo-700:focus { + background-color: #4c51bf; + } + + .sm\:focus\:bg-indigo-800:focus { + background-color: #434190; + } + + .sm\:focus\:bg-indigo-900:focus { + background-color: #3c366b; + } + + .sm\:focus\:bg-purple-100:focus { + background-color: #faf5ff; + } + + .sm\:focus\:bg-purple-200:focus { + background-color: #e9d8fd; + } + + .sm\:focus\:bg-purple-300:focus { + background-color: #d6bcfa; + } + + .sm\:focus\:bg-purple-400:focus { + background-color: #b794f4; + } + + .sm\:focus\:bg-purple-500:focus { + background-color: #9f7aea; + } + + .sm\:focus\:bg-purple-600:focus { + background-color: #805ad5; + } + + .sm\:focus\:bg-purple-700:focus { + background-color: #6b46c1; + } + + .sm\:focus\:bg-purple-800:focus { + background-color: #553c9a; + } + + .sm\:focus\:bg-purple-900:focus { + background-color: #44337a; + } + + .sm\:focus\:bg-pink-100:focus { + background-color: #fff5f7; + } + + .sm\:focus\:bg-pink-200:focus { + background-color: #fed7e2; + } + + .sm\:focus\:bg-pink-300:focus { + background-color: #fbb6ce; + } + + .sm\:focus\:bg-pink-400:focus { + background-color: #f687b3; + } + + .sm\:focus\:bg-pink-500:focus { + background-color: #ed64a6; + } + + .sm\:focus\:bg-pink-600:focus { + background-color: #d53f8c; + } + + .sm\:focus\:bg-pink-700:focus { + background-color: #b83280; + } + + .sm\:focus\:bg-pink-800:focus { + background-color: #97266d; + } + + .sm\:focus\:bg-pink-900:focus { + background-color: #702459; + } + + .sm\:bg-bottom { + background-position: bottom; + } + + .sm\:bg-center { + background-position: center; + } + + .sm\:bg-left { + background-position: left; + } + + .sm\:bg-left-bottom { + background-position: left bottom; + } + + .sm\:bg-left-top { + background-position: left top; + } + + .sm\:bg-right { + background-position: right; + } + + .sm\:bg-right-bottom { + background-position: right bottom; + } + + .sm\:bg-right-top { + background-position: right top; + } + + .sm\:bg-top { + background-position: top; + } + + .sm\:bg-repeat { + background-repeat: repeat; + } + + .sm\:bg-no-repeat { + background-repeat: no-repeat; + } + + .sm\:bg-repeat-x { + background-repeat: repeat-x; + } + + .sm\:bg-repeat-y { + background-repeat: repeat-y; + } + + .sm\:bg-repeat-round { + background-repeat: round; + } + + .sm\:bg-repeat-space { + background-repeat: space; + } + + .sm\:bg-auto { + background-size: auto; + } + + .sm\:bg-cover { + background-size: cover; + } + + .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\:border-black { + border-color: #000; + } + + .sm\:border-white { + border-color: #fff; + } + + .sm\:border-gray-100 { + border-color: #f7fafc; + } + + .sm\:border-gray-200 { + border-color: #edf2f7; + } + + .sm\:border-gray-300 { + border-color: #e2e8f0; + } + + .sm\:border-gray-400 { + border-color: #cbd5e0; + } + + .sm\:border-gray-500 { + border-color: #a0aec0; + } + + .sm\:border-gray-600 { + border-color: #718096; + } + + .sm\:border-gray-700 { + border-color: #4a5568; + } + + .sm\:border-gray-800 { + border-color: #2d3748; + } + + .sm\:border-gray-900 { + border-color: #1a202c; + } + + .sm\:border-red-100 { + border-color: #fff5f5; + } + + .sm\:border-red-200 { + border-color: #fed7d7; + } + + .sm\:border-red-300 { + border-color: #feb2b2; + } + + .sm\:border-red-400 { + border-color: #fc8181; + } + + .sm\:border-red-500 { + border-color: #f56565; + } + + .sm\:border-red-600 { + border-color: #e53e3e; + } + + .sm\:border-red-700 { + border-color: #c53030; + } + + .sm\:border-red-800 { + border-color: #9b2c2c; + } + + .sm\:border-red-900 { + border-color: #742a2a; + } + + .sm\:border-orange-100 { + border-color: #fffaf0; + } + + .sm\:border-orange-200 { + border-color: #feebc8; + } + + .sm\:border-orange-300 { + border-color: #fbd38d; + } + + .sm\:border-orange-400 { + border-color: #f6ad55; + } + + .sm\:border-orange-500 { + border-color: #ed8936; + } + + .sm\:border-orange-600 { + border-color: #dd6b20; + } + + .sm\:border-orange-700 { + border-color: #c05621; + } + + .sm\:border-orange-800 { + border-color: #9c4221; + } + + .sm\:border-orange-900 { + border-color: #7b341e; + } + + .sm\:border-yellow-100 { + border-color: #fffff0; + } + + .sm\:border-yellow-200 { + border-color: #fefcbf; + } + + .sm\:border-yellow-300 { + border-color: #faf089; + } + + .sm\:border-yellow-400 { + border-color: #f6e05e; + } + + .sm\:border-yellow-500 { + border-color: #ecc94b; + } + + .sm\:border-yellow-600 { + border-color: #d69e2e; + } + + .sm\:border-yellow-700 { + border-color: #b7791f; + } + + .sm\:border-yellow-800 { + border-color: #975a16; + } + + .sm\:border-yellow-900 { + border-color: #744210; + } + + .sm\:border-green-100 { + border-color: #f0fff4; + } + + .sm\:border-green-200 { + border-color: #c6f6d5; + } + + .sm\:border-green-300 { + border-color: #9ae6b4; + } + + .sm\:border-green-400 { + border-color: #68d391; + } + + .sm\:border-green-500 { + border-color: #48bb78; + } + + .sm\:border-green-600 { + border-color: #38a169; + } + + .sm\:border-green-700 { + border-color: #2f855a; + } + + .sm\:border-green-800 { + border-color: #276749; + } + + .sm\:border-green-900 { + border-color: #22543d; + } + + .sm\:border-teal-100 { + border-color: #e6fffa; + } + + .sm\:border-teal-200 { + border-color: #b2f5ea; + } + + .sm\:border-teal-300 { + border-color: #81e6d9; + } + + .sm\:border-teal-400 { + border-color: #4fd1c5; + } + + .sm\:border-teal-500 { + border-color: #38b2ac; + } + + .sm\:border-teal-600 { + border-color: #319795; + } + + .sm\:border-teal-700 { + border-color: #2c7a7b; + } + + .sm\:border-teal-800 { + border-color: #285e61; + } + + .sm\:border-teal-900 { + border-color: #234e52; + } + + .sm\:border-blue-100 { + border-color: #ebf8ff; + } + + .sm\:border-blue-200 { + border-color: #bee3f8; + } + + .sm\:border-blue-300 { + border-color: #90cdf4; + } + + .sm\:border-blue-400 { + border-color: #63b3ed; + } + + .sm\:border-blue-500 { + border-color: #4299e1; + } + + .sm\:border-blue-600 { + border-color: #3182ce; + } + + .sm\:border-blue-700 { + border-color: #2b6cb0; + } + + .sm\:border-blue-800 { + border-color: #2c5282; + } + + .sm\:border-blue-900 { + border-color: #2a4365; + } + + .sm\:border-indigo-100 { + border-color: #ebf4ff; + } + + .sm\:border-indigo-200 { + border-color: #c3dafe; + } + + .sm\:border-indigo-300 { + border-color: #a3bffa; + } + + .sm\:border-indigo-400 { + border-color: #7f9cf5; + } + + .sm\:border-indigo-500 { + border-color: #667eea; + } + + .sm\:border-indigo-600 { + border-color: #5a67d8; + } + + .sm\:border-indigo-700 { + border-color: #4c51bf; + } + + .sm\:border-indigo-800 { + border-color: #434190; + } + + .sm\:border-indigo-900 { + border-color: #3c366b; + } + + .sm\:border-purple-100 { + border-color: #faf5ff; + } + + .sm\:border-purple-200 { + border-color: #e9d8fd; + } + + .sm\:border-purple-300 { + border-color: #d6bcfa; + } + + .sm\:border-purple-400 { + border-color: #b794f4; + } + + .sm\:border-purple-500 { + border-color: #9f7aea; + } + + .sm\:border-purple-600 { + border-color: #805ad5; + } + + .sm\:border-purple-700 { + border-color: #6b46c1; + } + + .sm\:border-purple-800 { + border-color: #553c9a; + } + + .sm\:border-purple-900 { + border-color: #44337a; + } + + .sm\:border-pink-100 { + border-color: #fff5f7; + } + + .sm\:border-pink-200 { + border-color: #fed7e2; + } + + .sm\:border-pink-300 { + border-color: #fbb6ce; + } + + .sm\:border-pink-400 { + border-color: #f687b3; + } + + .sm\:border-pink-500 { + border-color: #ed64a6; + } + + .sm\:border-pink-600 { + border-color: #d53f8c; + } + + .sm\:border-pink-700 { + border-color: #b83280; + } + + .sm\:border-pink-800 { + border-color: #97266d; + } + + .sm\:border-pink-900 { + border-color: #702459; + } + + .sm\:hover\:border-transparent:hover { + border-color: transparent; + } + + .sm\:hover\:border-black:hover { + border-color: #000; + } + + .sm\:hover\:border-white:hover { + border-color: #fff; + } + + .sm\:hover\:border-gray-100:hover { + border-color: #f7fafc; + } + + .sm\:hover\:border-gray-200:hover { + border-color: #edf2f7; + } + + .sm\:hover\:border-gray-300:hover { + border-color: #e2e8f0; + } + + .sm\:hover\:border-gray-400:hover { + border-color: #cbd5e0; + } + + .sm\:hover\:border-gray-500:hover { + border-color: #a0aec0; + } + + .sm\:hover\:border-gray-600:hover { + border-color: #718096; + } + + .sm\:hover\:border-gray-700:hover { + border-color: #4a5568; + } + + .sm\:hover\:border-gray-800:hover { + border-color: #2d3748; + } + + .sm\:hover\:border-gray-900:hover { + border-color: #1a202c; + } + + .sm\:hover\:border-red-100:hover { + border-color: #fff5f5; + } + + .sm\:hover\:border-red-200:hover { + border-color: #fed7d7; + } + + .sm\:hover\:border-red-300:hover { + border-color: #feb2b2; + } + + .sm\:hover\:border-red-400:hover { + border-color: #fc8181; + } + + .sm\:hover\:border-red-500:hover { + border-color: #f56565; + } + + .sm\:hover\:border-red-600:hover { + border-color: #e53e3e; + } + + .sm\:hover\:border-red-700:hover { + border-color: #c53030; + } + + .sm\:hover\:border-red-800:hover { + border-color: #9b2c2c; + } + + .sm\:hover\:border-red-900:hover { + border-color: #742a2a; + } + + .sm\:hover\:border-orange-100:hover { + border-color: #fffaf0; + } + + .sm\:hover\:border-orange-200:hover { + border-color: #feebc8; + } + + .sm\:hover\:border-orange-300:hover { + border-color: #fbd38d; + } + + .sm\:hover\:border-orange-400:hover { + border-color: #f6ad55; + } + + .sm\:hover\:border-orange-500:hover { + border-color: #ed8936; + } + + .sm\:hover\:border-orange-600:hover { + border-color: #dd6b20; + } + + .sm\:hover\:border-orange-700:hover { + border-color: #c05621; + } + + .sm\:hover\:border-orange-800:hover { + border-color: #9c4221; + } + + .sm\:hover\:border-orange-900:hover { + border-color: #7b341e; + } + + .sm\:hover\:border-yellow-100:hover { + border-color: #fffff0; + } + + .sm\:hover\:border-yellow-200:hover { + border-color: #fefcbf; + } + + .sm\:hover\:border-yellow-300:hover { + border-color: #faf089; + } + + .sm\:hover\:border-yellow-400:hover { + border-color: #f6e05e; + } + + .sm\:hover\:border-yellow-500:hover { + border-color: #ecc94b; + } + + .sm\:hover\:border-yellow-600:hover { + border-color: #d69e2e; + } + + .sm\:hover\:border-yellow-700:hover { + border-color: #b7791f; + } + + .sm\:hover\:border-yellow-800:hover { + border-color: #975a16; + } + + .sm\:hover\:border-yellow-900:hover { + border-color: #744210; + } + + .sm\:hover\:border-green-100:hover { + border-color: #f0fff4; + } + + .sm\:hover\:border-green-200:hover { + border-color: #c6f6d5; + } + + .sm\:hover\:border-green-300:hover { + border-color: #9ae6b4; + } + + .sm\:hover\:border-green-400:hover { + border-color: #68d391; + } + + .sm\:hover\:border-green-500:hover { + border-color: #48bb78; + } + + .sm\:hover\:border-green-600:hover { + border-color: #38a169; + } + + .sm\:hover\:border-green-700:hover { + border-color: #2f855a; + } + + .sm\:hover\:border-green-800:hover { + border-color: #276749; + } + + .sm\:hover\:border-green-900:hover { + border-color: #22543d; + } + + .sm\:hover\:border-teal-100:hover { + border-color: #e6fffa; + } + + .sm\:hover\:border-teal-200:hover { + border-color: #b2f5ea; + } + + .sm\:hover\:border-teal-300:hover { + border-color: #81e6d9; + } + + .sm\:hover\:border-teal-400:hover { + border-color: #4fd1c5; + } + + .sm\:hover\:border-teal-500:hover { + border-color: #38b2ac; + } + + .sm\:hover\:border-teal-600:hover { + border-color: #319795; + } + + .sm\:hover\:border-teal-700:hover { + border-color: #2c7a7b; + } + + .sm\:hover\:border-teal-800:hover { + border-color: #285e61; + } + + .sm\:hover\:border-teal-900:hover { + border-color: #234e52; + } + + .sm\:hover\:border-blue-100:hover { + border-color: #ebf8ff; + } + + .sm\:hover\:border-blue-200:hover { + border-color: #bee3f8; + } + + .sm\:hover\:border-blue-300:hover { + border-color: #90cdf4; + } + + .sm\:hover\:border-blue-400:hover { + border-color: #63b3ed; + } + + .sm\:hover\:border-blue-500:hover { + border-color: #4299e1; + } + + .sm\:hover\:border-blue-600:hover { + border-color: #3182ce; + } + + .sm\:hover\:border-blue-700:hover { + border-color: #2b6cb0; + } + + .sm\:hover\:border-blue-800:hover { + border-color: #2c5282; + } + + .sm\:hover\:border-blue-900:hover { + border-color: #2a4365; + } + + .sm\:hover\:border-indigo-100:hover { + border-color: #ebf4ff; + } + + .sm\:hover\:border-indigo-200:hover { + border-color: #c3dafe; + } + + .sm\:hover\:border-indigo-300:hover { + border-color: #a3bffa; + } + + .sm\:hover\:border-indigo-400:hover { + border-color: #7f9cf5; + } + + .sm\:hover\:border-indigo-500:hover { + border-color: #667eea; + } + + .sm\:hover\:border-indigo-600:hover { + border-color: #5a67d8; + } + + .sm\:hover\:border-indigo-700:hover { + border-color: #4c51bf; + } + + .sm\:hover\:border-indigo-800:hover { + border-color: #434190; + } + + .sm\:hover\:border-indigo-900:hover { + border-color: #3c366b; + } + + .sm\:hover\:border-purple-100:hover { + border-color: #faf5ff; + } + + .sm\:hover\:border-purple-200:hover { + border-color: #e9d8fd; + } + + .sm\:hover\:border-purple-300:hover { + border-color: #d6bcfa; + } + + .sm\:hover\:border-purple-400:hover { + border-color: #b794f4; + } + + .sm\:hover\:border-purple-500:hover { + border-color: #9f7aea; + } + + .sm\:hover\:border-purple-600:hover { + border-color: #805ad5; + } + + .sm\:hover\:border-purple-700:hover { + border-color: #6b46c1; + } + + .sm\:hover\:border-purple-800:hover { + border-color: #553c9a; + } + + .sm\:hover\:border-purple-900:hover { + border-color: #44337a; + } + + .sm\:hover\:border-pink-100:hover { + border-color: #fff5f7; + } + + .sm\:hover\:border-pink-200:hover { + border-color: #fed7e2; + } + + .sm\:hover\:border-pink-300:hover { + border-color: #fbb6ce; + } + + .sm\:hover\:border-pink-400:hover { + border-color: #f687b3; + } + + .sm\:hover\:border-pink-500:hover { + border-color: #ed64a6; + } + + .sm\:hover\:border-pink-600:hover { + border-color: #d53f8c; + } + + .sm\:hover\:border-pink-700:hover { + border-color: #b83280; + } + + .sm\:hover\:border-pink-800:hover { + border-color: #97266d; + } + + .sm\:hover\:border-pink-900:hover { + border-color: #702459; + } + + .sm\:focus\:border-transparent:focus { + border-color: transparent; + } + + .sm\:focus\:border-black:focus { + border-color: #000; + } + + .sm\:focus\:border-white:focus { + border-color: #fff; + } + + .sm\:focus\:border-gray-100:focus { + border-color: #f7fafc; + } + + .sm\:focus\:border-gray-200:focus { + border-color: #edf2f7; + } + + .sm\:focus\:border-gray-300:focus { + border-color: #e2e8f0; + } + + .sm\:focus\:border-gray-400:focus { + border-color: #cbd5e0; + } + + .sm\:focus\:border-gray-500:focus { + border-color: #a0aec0; + } + + .sm\:focus\:border-gray-600:focus { + border-color: #718096; + } + + .sm\:focus\:border-gray-700:focus { + border-color: #4a5568; + } + + .sm\:focus\:border-gray-800:focus { + border-color: #2d3748; + } + + .sm\:focus\:border-gray-900:focus { + border-color: #1a202c; + } + + .sm\:focus\:border-red-100:focus { + border-color: #fff5f5; + } + + .sm\:focus\:border-red-200:focus { + border-color: #fed7d7; + } + + .sm\:focus\:border-red-300:focus { + border-color: #feb2b2; + } + + .sm\:focus\:border-red-400:focus { + border-color: #fc8181; + } + + .sm\:focus\:border-red-500:focus { + border-color: #f56565; + } + + .sm\:focus\:border-red-600:focus { + border-color: #e53e3e; + } + + .sm\:focus\:border-red-700:focus { + border-color: #c53030; + } + + .sm\:focus\:border-red-800:focus { + border-color: #9b2c2c; + } + + .sm\:focus\:border-red-900:focus { + border-color: #742a2a; + } + + .sm\:focus\:border-orange-100:focus { + border-color: #fffaf0; + } + + .sm\:focus\:border-orange-200:focus { + border-color: #feebc8; + } + + .sm\:focus\:border-orange-300:focus { + border-color: #fbd38d; + } + + .sm\:focus\:border-orange-400:focus { + border-color: #f6ad55; + } + + .sm\:focus\:border-orange-500:focus { + border-color: #ed8936; + } + + .sm\:focus\:border-orange-600:focus { + border-color: #dd6b20; + } + + .sm\:focus\:border-orange-700:focus { + border-color: #c05621; + } + + .sm\:focus\:border-orange-800:focus { + border-color: #9c4221; + } + + .sm\:focus\:border-orange-900:focus { + border-color: #7b341e; + } + + .sm\:focus\:border-yellow-100:focus { + border-color: #fffff0; + } + + .sm\:focus\:border-yellow-200:focus { + border-color: #fefcbf; + } + + .sm\:focus\:border-yellow-300:focus { + border-color: #faf089; + } + + .sm\:focus\:border-yellow-400:focus { + border-color: #f6e05e; + } + + .sm\:focus\:border-yellow-500:focus { + border-color: #ecc94b; + } + + .sm\:focus\:border-yellow-600:focus { + border-color: #d69e2e; + } + + .sm\:focus\:border-yellow-700:focus { + border-color: #b7791f; + } + + .sm\:focus\:border-yellow-800:focus { + border-color: #975a16; + } + + .sm\:focus\:border-yellow-900:focus { + border-color: #744210; + } + + .sm\:focus\:border-green-100:focus { + border-color: #f0fff4; + } + + .sm\:focus\:border-green-200:focus { + border-color: #c6f6d5; + } + + .sm\:focus\:border-green-300:focus { + border-color: #9ae6b4; + } + + .sm\:focus\:border-green-400:focus { + border-color: #68d391; + } + + .sm\:focus\:border-green-500:focus { + border-color: #48bb78; + } + + .sm\:focus\:border-green-600:focus { + border-color: #38a169; + } + + .sm\:focus\:border-green-700:focus { + border-color: #2f855a; + } + + .sm\:focus\:border-green-800:focus { + border-color: #276749; + } + + .sm\:focus\:border-green-900:focus { + border-color: #22543d; + } + + .sm\:focus\:border-teal-100:focus { + border-color: #e6fffa; + } + + .sm\:focus\:border-teal-200:focus { + border-color: #b2f5ea; + } + + .sm\:focus\:border-teal-300:focus { + border-color: #81e6d9; + } + + .sm\:focus\:border-teal-400:focus { + border-color: #4fd1c5; + } + + .sm\:focus\:border-teal-500:focus { + border-color: #38b2ac; + } + + .sm\:focus\:border-teal-600:focus { + border-color: #319795; + } + + .sm\:focus\:border-teal-700:focus { + border-color: #2c7a7b; + } + + .sm\:focus\:border-teal-800:focus { + border-color: #285e61; + } + + .sm\:focus\:border-teal-900:focus { + border-color: #234e52; + } + + .sm\:focus\:border-blue-100:focus { + border-color: #ebf8ff; + } + + .sm\:focus\:border-blue-200:focus { + border-color: #bee3f8; + } + + .sm\:focus\:border-blue-300:focus { + border-color: #90cdf4; + } + + .sm\:focus\:border-blue-400:focus { + border-color: #63b3ed; + } + + .sm\:focus\:border-blue-500:focus { + border-color: #4299e1; + } + + .sm\:focus\:border-blue-600:focus { + border-color: #3182ce; + } + + .sm\:focus\:border-blue-700:focus { + border-color: #2b6cb0; + } + + .sm\:focus\:border-blue-800:focus { + border-color: #2c5282; + } + + .sm\:focus\:border-blue-900:focus { + border-color: #2a4365; + } + + .sm\:focus\:border-indigo-100:focus { + border-color: #ebf4ff; + } + + .sm\:focus\:border-indigo-200:focus { + border-color: #c3dafe; + } + + .sm\:focus\:border-indigo-300:focus { + border-color: #a3bffa; + } + + .sm\:focus\:border-indigo-400:focus { + border-color: #7f9cf5; + } + + .sm\:focus\:border-indigo-500:focus { + border-color: #667eea; + } + + .sm\:focus\:border-indigo-600:focus { + border-color: #5a67d8; + } + + .sm\:focus\:border-indigo-700:focus { + border-color: #4c51bf; + } + + .sm\:focus\:border-indigo-800:focus { + border-color: #434190; + } + + .sm\:focus\:border-indigo-900:focus { + border-color: #3c366b; + } + + .sm\:focus\:border-purple-100:focus { + border-color: #faf5ff; + } + + .sm\:focus\:border-purple-200:focus { + border-color: #e9d8fd; + } + + .sm\:focus\:border-purple-300:focus { + border-color: #d6bcfa; + } + + .sm\:focus\:border-purple-400:focus { + border-color: #b794f4; + } + + .sm\:focus\:border-purple-500:focus { + border-color: #9f7aea; + } + + .sm\:focus\:border-purple-600:focus { + border-color: #805ad5; + } + + .sm\:focus\:border-purple-700:focus { + border-color: #6b46c1; + } + + .sm\:focus\:border-purple-800:focus { + border-color: #553c9a; + } + + .sm\:focus\:border-purple-900:focus { + border-color: #44337a; + } + + .sm\:focus\:border-pink-100:focus { + border-color: #fff5f7; + } + + .sm\:focus\:border-pink-200:focus { + border-color: #fed7e2; + } + + .sm\:focus\:border-pink-300:focus { + border-color: #fbb6ce; + } + + .sm\:focus\:border-pink-400:focus { + border-color: #f687b3; + } + + .sm\:focus\:border-pink-500:focus { + border-color: #ed64a6; + } + + .sm\:focus\:border-pink-600:focus { + border-color: #d53f8c; + } + + .sm\:focus\:border-pink-700:focus { + border-color: #b83280; + } + + .sm\:focus\:border-pink-800:focus { + border-color: #97266d; + } + + .sm\:focus\:border-pink-900:focus { + border-color: #702459; + } + + .sm\:rounded-none { + border-radius: 0; + } + + .sm\:rounded-sm { + border-radius: 0.125rem; + } + + .sm\:rounded { + border-radius: 0.25rem; + } + + .sm\:rounded-lg { + border-radius: 0.5rem; + } + + .sm\:rounded-full { + border-radius: 9999px; + } + + .sm\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; + } + + .sm\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; + } + + .sm\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; + } + + .sm\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; + } + + .sm\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; + } + + .sm\:rounded-tl-none { + border-top-left-radius: 0; + } + + .sm\:rounded-tr-none { + border-top-right-radius: 0; + } + + .sm\:rounded-br-none { + border-bottom-right-radius: 0; + } + + .sm\:rounded-bl-none { + border-bottom-left-radius: 0; + } + + .sm\:rounded-tl-sm { + border-top-left-radius: 0.125rem; + } + + .sm\:rounded-tr-sm { + border-top-right-radius: 0.125rem; + } + + .sm\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; + } + + .sm\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; + } + + .sm\:rounded-tl { + border-top-left-radius: 0.25rem; + } + + .sm\:rounded-tr { + border-top-right-radius: 0.25rem; + } + + .sm\:rounded-br { + border-bottom-right-radius: 0.25rem; + } + + .sm\:rounded-bl { + border-bottom-left-radius: 0.25rem; + } + + .sm\:rounded-tl-lg { + border-top-left-radius: 0.5rem; + } + + .sm\:rounded-tr-lg { + border-top-right-radius: 0.5rem; + } + + .sm\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; + } + + .sm\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; + } + + .sm\:rounded-tl-full { + border-top-left-radius: 9999px; + } + + .sm\:rounded-tr-full { + border-top-right-radius: 9999px; + } + + .sm\:rounded-br-full { + border-bottom-right-radius: 9999px; + } + + .sm\:rounded-bl-full { + border-bottom-left-radius: 9999px; + } + + .sm\:border-solid { + border-style: solid; + } + + .sm\:border-dashed { + border-style: dashed; + } + + .sm\:border-dotted { + border-style: dotted; + } + + .sm\:border-double { + border-style: double; + } + + .sm\:border-none { + border-style: none; + } + + .sm\:border-0 { + border-width: 0; + } + + .sm\:border-2 { + border-width: 2px; + } + + .sm\:border-4 { + border-width: 4px; + } + + .sm\:border-8 { + border-width: 8px; + } + + .sm\:border { + border-width: 1px; + } + + .sm\:border-t-0 { + border-top-width: 0; + } + + .sm\:border-r-0 { + border-right-width: 0; + } + + .sm\:border-b-0 { + border-bottom-width: 0; + } + + .sm\:border-l-0 { + border-left-width: 0; + } + + .sm\:border-t-2 { + border-top-width: 2px; + } + + .sm\:border-r-2 { + border-right-width: 2px; + } + + .sm\:border-b-2 { + border-bottom-width: 2px; + } + + .sm\:border-l-2 { + border-left-width: 2px; + } + + .sm\:border-t-4 { + border-top-width: 4px; + } + + .sm\:border-r-4 { + border-right-width: 4px; + } + + .sm\:border-b-4 { + border-bottom-width: 4px; + } + + .sm\:border-l-4 { + border-left-width: 4px; + } + + .sm\:border-t-8 { + border-top-width: 8px; + } + + .sm\:border-r-8 { + border-right-width: 8px; + } + + .sm\:border-b-8 { + border-bottom-width: 8px; + } + + .sm\:border-l-8 { + border-left-width: 8px; + } + + .sm\:border-t { + border-top-width: 1px; + } + + .sm\:border-r { + border-right-width: 1px; + } + + .sm\:border-b { + border-bottom-width: 1px; + } + + .sm\:border-l { + border-left-width: 1px; + } + + .sm\:cursor-auto { + cursor: auto; + } + + .sm\:cursor-default { + cursor: default; + } + + .sm\:cursor-pointer { + cursor: pointer; + } + + .sm\:cursor-wait { + cursor: wait; + } + + .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\:flex { + display: flex; + } + + .sm\:inline-flex { + display: inline-flex; + } + + .sm\:table { + display: table; + } + + .sm\:table-row { + display: table-row; + } + + .sm\:table-cell { + display: table-cell; + } + + .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\: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\:font-sans { + font-family: -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\:bg-local { - background-attachment: local; + .sm\:hover\:font-light:hover { + font-weight: 300; } - .sm\:bg-scroll { - background-attachment: scroll; + .sm\:hover\:font-normal:hover { + font-weight: 400; } - .sm\:bg-transparent { - background-color: transparent; + .sm\:hover\:font-medium:hover { + font-weight: 500; } - .sm\:bg-black { - background-color: #000; + .sm\:hover\:font-semibold:hover { + font-weight: 600; } - .sm\:bg-white { - background-color: #fff; + .sm\:hover\:font-bold:hover { + font-weight: 700; } - .sm\:bg-gray-100 { - background-color: #f7fafc; + .sm\:hover\:font-extrabold:hover { + font-weight: 800; } - .sm\:bg-gray-200 { - background-color: #edf2f7; + .sm\:hover\:font-black:hover { + font-weight: 900; } - .sm\:bg-gray-300 { - background-color: #e2e8f0; + .sm\:focus\:font-hairline:focus { + font-weight: 100; } - .sm\:bg-gray-400 { - background-color: #cbd5e0; + .sm\:focus\:font-thin:focus { + font-weight: 200; } - .sm\:bg-gray-500 { - background-color: #a0aec0; + .sm\:focus\:font-light:focus { + font-weight: 300; } - .sm\:bg-gray-600 { - background-color: #718096; + .sm\:focus\:font-normal:focus { + font-weight: 400; } - .sm\:bg-gray-700 { - background-color: #4a5568; + .sm\:focus\:font-medium:focus { + font-weight: 500; } - .sm\:bg-gray-800 { - background-color: #2d3748; + .sm\:focus\:font-semibold:focus { + font-weight: 600; } - .sm\:bg-gray-900 { - background-color: #1a202c; + .sm\:focus\:font-bold:focus { + font-weight: 700; } - .sm\:bg-red-100 { - background-color: #fff5f5; + .sm\:focus\:font-extrabold:focus { + font-weight: 800; } - .sm\:bg-red-200 { - background-color: #fed7d7; + .sm\:focus\:font-black:focus { + font-weight: 900; } - .sm\:bg-red-300 { - background-color: #feb2b2; + .sm\:h-0 { + height: 0; } - .sm\:bg-red-400 { - background-color: #fc8181; + .sm\:h-1 { + height: 0.25rem; } - .sm\:bg-red-500 { - background-color: #f56565; + .sm\:h-2 { + height: 0.5rem; } - .sm\:bg-red-600 { - background-color: #e53e3e; + .sm\:h-3 { + height: 0.75rem; } - .sm\:bg-red-700 { - background-color: #c53030; + .sm\:h-4 { + height: 1rem; } - .sm\:bg-red-800 { - background-color: #9b2c2c; + .sm\:h-5 { + height: 1.25rem; } - .sm\:bg-red-900 { - background-color: #742a2a; + .sm\:h-6 { + height: 1.5rem; } - .sm\:bg-orange-100 { - background-color: #fffaf0; + .sm\:h-8 { + height: 2rem; } - .sm\:bg-orange-200 { - background-color: #feebc8; + .sm\:h-10 { + height: 2.5rem; } - .sm\:bg-orange-300 { - background-color: #fbd38d; + .sm\:h-12 { + height: 3rem; } - .sm\:bg-orange-400 { - background-color: #f6ad55; + .sm\:h-16 { + height: 4rem; } - .sm\:bg-orange-500 { - background-color: #ed8936; + .sm\:h-20 { + height: 5rem; } - .sm\:bg-orange-600 { - background-color: #dd6b20; + .sm\:h-24 { + height: 6rem; } - .sm\:bg-orange-700 { - background-color: #c05621; + .sm\:h-32 { + height: 8rem; } - .sm\:bg-orange-800 { - background-color: #9c4221; + .sm\:h-40 { + height: 10rem; } - .sm\:bg-orange-900 { - background-color: #7b341e; + .sm\:h-48 { + height: 12rem; } - .sm\:bg-yellow-100 { - background-color: #fffff0; + .sm\:h-56 { + height: 14rem; } - .sm\:bg-yellow-200 { - background-color: #fefcbf; + .sm\:h-64 { + height: 16rem; } - .sm\:bg-yellow-300 { - background-color: #faf089; + .sm\:h-auto { + height: auto; } - .sm\:bg-yellow-400 { - background-color: #f6e05e; + .sm\:h-px { + height: 1px; } - .sm\:bg-yellow-500 { - background-color: #ecc94b; + .sm\:h-full { + height: 100%; } - .sm\:bg-yellow-600 { - background-color: #d69e2e; + .sm\:h-screen { + height: 100vh; } - .sm\:bg-yellow-700 { - background-color: #b7791f; + .sm\:leading-none { + line-height: 1; } - .sm\:bg-yellow-800 { - background-color: #975a16; + .sm\:leading-tight { + line-height: 1.25; } - .sm\:bg-yellow-900 { - background-color: #744210; + .sm\:leading-snug { + line-height: 1.375; } - .sm\:bg-green-100 { - background-color: #f0fff4; + .sm\:leading-normal { + line-height: 1.5; } - .sm\:bg-green-200 { - background-color: #c6f6d5; + .sm\:leading-relaxed { + line-height: 1.625; } - .sm\:bg-green-300 { - background-color: #9ae6b4; + .sm\:leading-loose { + line-height: 2; } - .sm\:bg-green-400 { - background-color: #68d391; + .sm\:list-inside { + list-style-position: inside; } - .sm\:bg-green-500 { - background-color: #48bb78; + .sm\:list-outside { + list-style-position: outside; } - .sm\:bg-green-600 { - background-color: #38a169; + .sm\:list-none { + list-style-type: none; } - .sm\:bg-green-700 { - background-color: #2f855a; + .sm\:list-disc { + list-style-type: disc; } - .sm\:bg-green-800 { - background-color: #276749; + .sm\:list-decimal { + list-style-type: decimal; } - .sm\:bg-green-900 { - background-color: #22543d; + .sm\:m-0 { + margin: 0; } - .sm\:bg-teal-100 { - background-color: #e6fffa; + .sm\:m-1 { + margin: 0.25rem; } - .sm\:bg-teal-200 { - background-color: #b2f5ea; + .sm\:m-2 { + margin: 0.5rem; } - .sm\:bg-teal-300 { - background-color: #81e6d9; + .sm\:m-3 { + margin: 0.75rem; } - .sm\:bg-teal-400 { - background-color: #4fd1c5; + .sm\:m-4 { + margin: 1rem; } - .sm\:bg-teal-500 { - background-color: #38b2ac; + .sm\:m-5 { + margin: 1.25rem; } - .sm\:bg-teal-600 { - background-color: #319795; + .sm\:m-6 { + margin: 1.5rem; } - .sm\:bg-teal-700 { - background-color: #2c7a7b; + .sm\:m-8 { + margin: 2rem; } - .sm\:bg-teal-800 { - background-color: #285e61; + .sm\:m-10 { + margin: 2.5rem; } - .sm\:bg-teal-900 { - background-color: #234e52; + .sm\:m-12 { + margin: 3rem; } - .sm\:bg-blue-100 { - background-color: #ebf8ff; + .sm\:m-16 { + margin: 4rem; } - .sm\:bg-blue-200 { - background-color: #bee3f8; + .sm\:m-20 { + margin: 5rem; } - .sm\:bg-blue-300 { - background-color: #90cdf4; + .sm\:m-24 { + margin: 6rem; } - .sm\:bg-blue-400 { - background-color: #63b3ed; + .sm\:m-32 { + margin: 8rem; } - .sm\:bg-blue-500 { - background-color: #4299e1; + .sm\:m-40 { + margin: 10rem; } - .sm\:bg-blue-600 { - background-color: #3182ce; + .sm\:m-48 { + margin: 12rem; } - .sm\:bg-blue-700 { - background-color: #2b6cb0; + .sm\:m-56 { + margin: 14rem; } - .sm\:bg-blue-800 { - background-color: #2c5282; + .sm\:m-64 { + margin: 16rem; } - .sm\:bg-blue-900 { - background-color: #2a4365; + .sm\:m-auto { + margin: auto; } - .sm\:bg-indigo-100 { - background-color: #ebf4ff; + .sm\:m-px { + margin: 1px; } - .sm\:bg-indigo-200 { - background-color: #c3dafe; + .sm\:-m-1 { + margin: -0.25rem; } - .sm\:bg-indigo-300 { - background-color: #a3bffa; + .sm\:-m-2 { + margin: -0.5rem; } - .sm\:bg-indigo-400 { - background-color: #7f9cf5; + .sm\:-m-3 { + margin: -0.75rem; } - .sm\:bg-indigo-500 { - background-color: #667eea; + .sm\:-m-4 { + margin: -1rem; } - .sm\:bg-indigo-600 { - background-color: #5a67d8; + .sm\:-m-5 { + margin: -1.25rem; } - .sm\:bg-indigo-700 { - background-color: #4c51bf; + .sm\:-m-6 { + margin: -1.5rem; } - .sm\:bg-indigo-800 { - background-color: #434190; + .sm\:-m-8 { + margin: -2rem; } - .sm\:bg-indigo-900 { - background-color: #3c366b; + .sm\:-m-10 { + margin: -2.5rem; } - .sm\:bg-purple-100 { - background-color: #faf5ff; + .sm\:-m-12 { + margin: -3rem; } - .sm\:bg-purple-200 { - background-color: #e9d8fd; + .sm\:-m-16 { + margin: -4rem; } - .sm\:bg-purple-300 { - background-color: #d6bcfa; + .sm\:-m-20 { + margin: -5rem; } - .sm\:bg-purple-400 { - background-color: #b794f4; + .sm\:-m-24 { + margin: -6rem; } - .sm\:bg-purple-500 { - background-color: #9f7aea; + .sm\:-m-32 { + margin: -8rem; } - .sm\:bg-purple-600 { - background-color: #805ad5; + .sm\:-m-40 { + margin: -10rem; } - .sm\:bg-purple-700 { - background-color: #6b46c1; + .sm\:-m-48 { + margin: -12rem; } - .sm\:bg-purple-800 { - background-color: #553c9a; + .sm\:-m-56 { + margin: -14rem; } - .sm\:bg-purple-900 { - background-color: #44337a; + .sm\:-m-64 { + margin: -16rem; } - .sm\:bg-pink-100 { - background-color: #fff5f7; + .sm\:-m-px { + margin: -1px; } - .sm\:bg-pink-200 { - background-color: #fed7e2; + .sm\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .sm\:bg-pink-300 { - background-color: #fbb6ce; + .sm\:mx-0 { + margin-left: 0; + margin-right: 0; } - .sm\:bg-pink-400 { - background-color: #f687b3; + .sm\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .sm\:bg-pink-500 { - background-color: #ed64a6; + .sm\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .sm\:bg-pink-600 { - background-color: #d53f8c; + .sm\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .sm\:bg-pink-700 { - background-color: #b83280; + .sm\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .sm\:bg-pink-800 { - background-color: #97266d; + .sm\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .sm\:bg-pink-900 { - background-color: #702459; + .sm\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .sm\:hover\:bg-transparent:hover { - background-color: transparent; + .sm\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .sm\:hover\:bg-black:hover { - background-color: #000; + .sm\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .sm\:hover\:bg-white:hover { - background-color: #fff; + .sm\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .sm\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .sm\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .sm\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .sm\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .sm\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .sm\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .sm\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .sm\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .sm\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .sm\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .sm\:hover\:bg-gray-600:hover { - background-color: #718096; + .sm\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .sm\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .sm\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .sm\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .sm\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .sm\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .sm\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .sm\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .sm\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .sm\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .sm\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .sm\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .sm\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .sm\:hover\:bg-red-400:hover { - background-color: #fc8181; + .sm\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .sm\:hover\:bg-red-500:hover { - background-color: #f56565; + .sm\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .sm\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .sm\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .sm\:hover\:bg-red-700:hover { - background-color: #c53030; + .sm\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .sm\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .sm\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .sm\:hover\:bg-red-900:hover { - background-color: #742a2a; + .sm\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .sm\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .sm\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .sm\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .sm\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .sm\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .sm\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .sm\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .sm\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .sm\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .sm\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .sm\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .sm\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .sm\:hover\:bg-orange-700:hover { - background-color: #c05621; + .sm\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .sm\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .sm\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .sm\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .sm\:mx-auto { + margin-left: auto; + margin-right: auto; } - .sm\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .sm\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .sm\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .sm\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .sm\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .sm\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .sm\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .sm\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .sm\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .sm\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .sm\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .sm\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .sm\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .sm\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .sm\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .sm\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .sm\:hover\:bg-yellow-900:hover { - background-color: #744210; + .sm\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .sm\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .sm\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .sm\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .sm\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .sm\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .sm\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .sm\:hover\:bg-green-400:hover { - background-color: #68d391; + .sm\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .sm\:hover\:bg-green-500:hover { - background-color: #48bb78; + .sm\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .sm\:hover\:bg-green-600:hover { - background-color: #38a169; + .sm\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .sm\:hover\:bg-green-700:hover { - background-color: #2f855a; + .sm\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .sm\:hover\:bg-green-800:hover { - background-color: #276749; + .sm\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .sm\:hover\:bg-green-900:hover { - background-color: #22543d; + .sm\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .sm\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .sm\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .sm\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .sm\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .sm\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .sm\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .sm\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .sm\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .sm\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .sm\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .sm\:hover\:bg-teal-600:hover { - background-color: #319795; + .sm\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .sm\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .sm\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .sm\:hover\:bg-teal-800:hover { - background-color: #285e61; + .sm\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .sm\:hover\:bg-teal-900:hover { - background-color: #234e52; + .sm\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .sm\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .sm\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .sm\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .sm\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .sm\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .sm\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .sm\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .sm\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .sm\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .sm\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .sm\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .sm\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .sm\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .sm\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .sm\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .sm\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .sm\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .sm\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .sm\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .sm\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .sm\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .sm\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .sm\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .sm\:mt-0 { + margin-top: 0; } - .sm\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .sm\:mr-0 { + margin-right: 0; } - .sm\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .sm\:mb-0 { + margin-bottom: 0; } - .sm\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .sm\:ml-0 { + margin-left: 0; } - .sm\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .sm\:mt-1 { + margin-top: 0.25rem; } - .sm\:hover\:bg-indigo-800:hover { - background-color: #434190; + .sm\:mr-1 { + margin-right: 0.25rem; } - .sm\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .sm\:mb-1 { + margin-bottom: 0.25rem; } - .sm\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .sm\:ml-1 { + margin-left: 0.25rem; } - .sm\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .sm\:mt-2 { + margin-top: 0.5rem; } - .sm\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .sm\:mr-2 { + margin-right: 0.5rem; } - .sm\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .sm\:mb-2 { + margin-bottom: 0.5rem; } - .sm\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .sm\:ml-2 { + margin-left: 0.5rem; } - .sm\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .sm\:mt-3 { + margin-top: 0.75rem; } - .sm\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .sm\:mr-3 { + margin-right: 0.75rem; } - .sm\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .sm\:mb-3 { + margin-bottom: 0.75rem; } - .sm\:hover\:bg-purple-900:hover { - background-color: #44337a; + .sm\:ml-3 { + margin-left: 0.75rem; } - .sm\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .sm\:mt-4 { + margin-top: 1rem; } - .sm\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .sm\:mr-4 { + margin-right: 1rem; } - .sm\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .sm\:mb-4 { + margin-bottom: 1rem; } - .sm\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .sm\:ml-4 { + margin-left: 1rem; } - .sm\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .sm\:mt-5 { + margin-top: 1.25rem; } - .sm\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .sm\:mr-5 { + margin-right: 1.25rem; } - .sm\:hover\:bg-pink-700:hover { - background-color: #b83280; + .sm\:mb-5 { + margin-bottom: 1.25rem; } - .sm\:hover\:bg-pink-800:hover { - background-color: #97266d; + .sm\:ml-5 { + margin-left: 1.25rem; } - .sm\:hover\:bg-pink-900:hover { - background-color: #702459; + .sm\:mt-6 { + margin-top: 1.5rem; } - .sm\:focus\:bg-transparent:focus { - background-color: transparent; + .sm\:mr-6 { + margin-right: 1.5rem; } - .sm\:focus\:bg-black:focus { - background-color: #000; + .sm\:mb-6 { + margin-bottom: 1.5rem; } - .sm\:focus\:bg-white:focus { - background-color: #fff; + .sm\:ml-6 { + margin-left: 1.5rem; } - .sm\:focus\:bg-gray-100:focus { - background-color: #f7fafc; + .sm\:mt-8 { + margin-top: 2rem; } - .sm\:focus\:bg-gray-200:focus { - background-color: #edf2f7; + .sm\:mr-8 { + margin-right: 2rem; } - .sm\:focus\:bg-gray-300:focus { - background-color: #e2e8f0; + .sm\:mb-8 { + margin-bottom: 2rem; } - .sm\:focus\:bg-gray-400:focus { - background-color: #cbd5e0; + .sm\:ml-8 { + margin-left: 2rem; } - .sm\:focus\:bg-gray-500:focus { - background-color: #a0aec0; + .sm\:mt-10 { + margin-top: 2.5rem; } - .sm\:focus\:bg-gray-600:focus { - background-color: #718096; + .sm\:mr-10 { + margin-right: 2.5rem; } - .sm\:focus\:bg-gray-700:focus { - background-color: #4a5568; + .sm\:mb-10 { + margin-bottom: 2.5rem; } - .sm\:focus\:bg-gray-800:focus { - background-color: #2d3748; + .sm\:ml-10 { + margin-left: 2.5rem; } - .sm\:focus\:bg-gray-900:focus { - background-color: #1a202c; + .sm\:mt-12 { + margin-top: 3rem; } - .sm\:focus\:bg-red-100:focus { - background-color: #fff5f5; + .sm\:mr-12 { + margin-right: 3rem; } - .sm\:focus\:bg-red-200:focus { - background-color: #fed7d7; + .sm\:mb-12 { + margin-bottom: 3rem; } - .sm\:focus\:bg-red-300:focus { - background-color: #feb2b2; + .sm\:ml-12 { + margin-left: 3rem; } - .sm\:focus\:bg-red-400:focus { - background-color: #fc8181; + .sm\:mt-16 { + margin-top: 4rem; } - .sm\:focus\:bg-red-500:focus { - background-color: #f56565; + .sm\:mr-16 { + margin-right: 4rem; } - .sm\:focus\:bg-red-600:focus { - background-color: #e53e3e; + .sm\:mb-16 { + margin-bottom: 4rem; } - .sm\:focus\:bg-red-700:focus { - background-color: #c53030; + .sm\:ml-16 { + margin-left: 4rem; } - .sm\:focus\:bg-red-800:focus { - background-color: #9b2c2c; + .sm\:mt-20 { + margin-top: 5rem; } - .sm\:focus\:bg-red-900:focus { - background-color: #742a2a; + .sm\:mr-20 { + margin-right: 5rem; } - .sm\:focus\:bg-orange-100:focus { - background-color: #fffaf0; + .sm\:mb-20 { + margin-bottom: 5rem; } - .sm\:focus\:bg-orange-200:focus { - background-color: #feebc8; + .sm\:ml-20 { + margin-left: 5rem; } - .sm\:focus\:bg-orange-300:focus { - background-color: #fbd38d; + .sm\:mt-24 { + margin-top: 6rem; } - .sm\:focus\:bg-orange-400:focus { - background-color: #f6ad55; + .sm\:mr-24 { + margin-right: 6rem; } - .sm\:focus\:bg-orange-500:focus { - background-color: #ed8936; + .sm\:mb-24 { + margin-bottom: 6rem; } - .sm\:focus\:bg-orange-600:focus { - background-color: #dd6b20; + .sm\:ml-24 { + margin-left: 6rem; } - .sm\:focus\:bg-orange-700:focus { - background-color: #c05621; + .sm\:mt-32 { + margin-top: 8rem; } - .sm\:focus\:bg-orange-800:focus { - background-color: #9c4221; + .sm\:mr-32 { + margin-right: 8rem; } - .sm\:focus\:bg-orange-900:focus { - background-color: #7b341e; + .sm\:mb-32 { + margin-bottom: 8rem; } - .sm\:focus\:bg-yellow-100:focus { - background-color: #fffff0; + .sm\:ml-32 { + margin-left: 8rem; } - .sm\:focus\:bg-yellow-200:focus { - background-color: #fefcbf; + .sm\:mt-40 { + margin-top: 10rem; } - .sm\:focus\:bg-yellow-300:focus { - background-color: #faf089; + .sm\:mr-40 { + margin-right: 10rem; } - .sm\:focus\:bg-yellow-400:focus { - background-color: #f6e05e; + .sm\:mb-40 { + margin-bottom: 10rem; } - .sm\:focus\:bg-yellow-500:focus { - background-color: #ecc94b; + .sm\:ml-40 { + margin-left: 10rem; } - .sm\:focus\:bg-yellow-600:focus { - background-color: #d69e2e; + .sm\:mt-48 { + margin-top: 12rem; } - .sm\:focus\:bg-yellow-700:focus { - background-color: #b7791f; + .sm\:mr-48 { + margin-right: 12rem; } - .sm\:focus\:bg-yellow-800:focus { - background-color: #975a16; + .sm\:mb-48 { + margin-bottom: 12rem; } - .sm\:focus\:bg-yellow-900:focus { - background-color: #744210; + .sm\:ml-48 { + margin-left: 12rem; } - .sm\:focus\:bg-green-100:focus { - background-color: #f0fff4; + .sm\:mt-56 { + margin-top: 14rem; } - .sm\:focus\:bg-green-200:focus { - background-color: #c6f6d5; + .sm\:mr-56 { + margin-right: 14rem; } - .sm\:focus\:bg-green-300:focus { - background-color: #9ae6b4; + .sm\:mb-56 { + margin-bottom: 14rem; } - .sm\:focus\:bg-green-400:focus { - background-color: #68d391; + .sm\:ml-56 { + margin-left: 14rem; } - .sm\:focus\:bg-green-500:focus { - background-color: #48bb78; + .sm\:mt-64 { + margin-top: 16rem; } - .sm\:focus\:bg-green-600:focus { - background-color: #38a169; + .sm\:mr-64 { + margin-right: 16rem; } - .sm\:focus\:bg-green-700:focus { - background-color: #2f855a; + .sm\:mb-64 { + margin-bottom: 16rem; } - .sm\:focus\:bg-green-800:focus { - background-color: #276749; + .sm\:ml-64 { + margin-left: 16rem; } - .sm\:focus\:bg-green-900:focus { - background-color: #22543d; + .sm\:mt-auto { + margin-top: auto; } - .sm\:focus\:bg-teal-100:focus { - background-color: #e6fffa; + .sm\:mr-auto { + margin-right: auto; } - .sm\:focus\:bg-teal-200:focus { - background-color: #b2f5ea; + .sm\:mb-auto { + margin-bottom: auto; } - .sm\:focus\:bg-teal-300:focus { - background-color: #81e6d9; + .sm\:ml-auto { + margin-left: auto; } - .sm\:focus\:bg-teal-400:focus { - background-color: #4fd1c5; + .sm\:mt-px { + margin-top: 1px; } - .sm\:focus\:bg-teal-500:focus { - background-color: #38b2ac; + .sm\:mr-px { + margin-right: 1px; } - .sm\:focus\:bg-teal-600:focus { - background-color: #319795; + .sm\:mb-px { + margin-bottom: 1px; } - .sm\:focus\:bg-teal-700:focus { - background-color: #2c7a7b; + .sm\:ml-px { + margin-left: 1px; } - .sm\:focus\:bg-teal-800:focus { - background-color: #285e61; + .sm\:-mt-1 { + margin-top: -0.25rem; } - .sm\:focus\:bg-teal-900:focus { - background-color: #234e52; + .sm\:-mr-1 { + margin-right: -0.25rem; } - .sm\:focus\:bg-blue-100:focus { - background-color: #ebf8ff; + .sm\:-mb-1 { + margin-bottom: -0.25rem; } - .sm\:focus\:bg-blue-200:focus { - background-color: #bee3f8; + .sm\:-ml-1 { + margin-left: -0.25rem; } - .sm\:focus\:bg-blue-300:focus { - background-color: #90cdf4; + .sm\:-mt-2 { + margin-top: -0.5rem; } - .sm\:focus\:bg-blue-400:focus { - background-color: #63b3ed; + .sm\:-mr-2 { + margin-right: -0.5rem; } - .sm\:focus\:bg-blue-500:focus { - background-color: #4299e1; + .sm\:-mb-2 { + margin-bottom: -0.5rem; } - .sm\:focus\:bg-blue-600:focus { - background-color: #3182ce; + .sm\:-ml-2 { + margin-left: -0.5rem; } - .sm\:focus\:bg-blue-700:focus { - background-color: #2b6cb0; + .sm\:-mt-3 { + margin-top: -0.75rem; } - .sm\:focus\:bg-blue-800:focus { - background-color: #2c5282; + .sm\:-mr-3 { + margin-right: -0.75rem; } - .sm\:focus\:bg-blue-900:focus { - background-color: #2a4365; + .sm\:-mb-3 { + margin-bottom: -0.75rem; } - .sm\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff; + .sm\:-ml-3 { + margin-left: -0.75rem; } - .sm\:focus\:bg-indigo-200:focus { - background-color: #c3dafe; + .sm\:-mt-4 { + margin-top: -1rem; } - .sm\:focus\:bg-indigo-300:focus { - background-color: #a3bffa; + .sm\:-mr-4 { + margin-right: -1rem; } - .sm\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5; + .sm\:-mb-4 { + margin-bottom: -1rem; } - .sm\:focus\:bg-indigo-500:focus { - background-color: #667eea; + .sm\:-ml-4 { + margin-left: -1rem; } - .sm\:focus\:bg-indigo-600:focus { - background-color: #5a67d8; + .sm\:-mt-5 { + margin-top: -1.25rem; } - .sm\:focus\:bg-indigo-700:focus { - background-color: #4c51bf; + .sm\:-mr-5 { + margin-right: -1.25rem; } - .sm\:focus\:bg-indigo-800:focus { - background-color: #434190; + .sm\:-mb-5 { + margin-bottom: -1.25rem; } - .sm\:focus\:bg-indigo-900:focus { - background-color: #3c366b; + .sm\:-ml-5 { + margin-left: -1.25rem; } - .sm\:focus\:bg-purple-100:focus { - background-color: #faf5ff; + .sm\:-mt-6 { + margin-top: -1.5rem; } - .sm\:focus\:bg-purple-200:focus { - background-color: #e9d8fd; + .sm\:-mr-6 { + margin-right: -1.5rem; } - .sm\:focus\:bg-purple-300:focus { - background-color: #d6bcfa; + .sm\:-mb-6 { + margin-bottom: -1.5rem; } - .sm\:focus\:bg-purple-400:focus { - background-color: #b794f4; + .sm\:-ml-6 { + margin-left: -1.5rem; } - .sm\:focus\:bg-purple-500:focus { - background-color: #9f7aea; + .sm\:-mt-8 { + margin-top: -2rem; } - .sm\:focus\:bg-purple-600:focus { - background-color: #805ad5; + .sm\:-mr-8 { + margin-right: -2rem; } - .sm\:focus\:bg-purple-700:focus { - background-color: #6b46c1; + .sm\:-mb-8 { + margin-bottom: -2rem; } - .sm\:focus\:bg-purple-800:focus { - background-color: #553c9a; + .sm\:-ml-8 { + margin-left: -2rem; } - .sm\:focus\:bg-purple-900:focus { - background-color: #44337a; + .sm\:-mt-10 { + margin-top: -2.5rem; } - .sm\:focus\:bg-pink-100:focus { - background-color: #fff5f7; + .sm\:-mr-10 { + margin-right: -2.5rem; } - .sm\:focus\:bg-pink-200:focus { - background-color: #fed7e2; + .sm\:-mb-10 { + margin-bottom: -2.5rem; } - .sm\:focus\:bg-pink-300:focus { - background-color: #fbb6ce; + .sm\:-ml-10 { + margin-left: -2.5rem; } - .sm\:focus\:bg-pink-400:focus { - background-color: #f687b3; + .sm\:-mt-12 { + margin-top: -3rem; } - .sm\:focus\:bg-pink-500:focus { - background-color: #ed64a6; + .sm\:-mr-12 { + margin-right: -3rem; } - .sm\:focus\:bg-pink-600:focus { - background-color: #d53f8c; + .sm\:-mb-12 { + margin-bottom: -3rem; } - .sm\:focus\:bg-pink-700:focus { - background-color: #b83280; + .sm\:-ml-12 { + margin-left: -3rem; } - .sm\:focus\:bg-pink-800:focus { - background-color: #97266d; + .sm\:-mt-16 { + margin-top: -4rem; } - .sm\:focus\:bg-pink-900:focus { - background-color: #702459; + .sm\:-mr-16 { + margin-right: -4rem; } - .sm\:bg-bottom { - background-position: bottom; + .sm\:-mb-16 { + margin-bottom: -4rem; } - .sm\:bg-center { - background-position: center; + .sm\:-ml-16 { + margin-left: -4rem; } - .sm\:bg-left { - background-position: left; + .sm\:-mt-20 { + margin-top: -5rem; } - .sm\:bg-left-bottom { - background-position: left bottom; + .sm\:-mr-20 { + margin-right: -5rem; } - .sm\:bg-left-top { - background-position: left top; + .sm\:-mb-20 { + margin-bottom: -5rem; } - .sm\:bg-right { - background-position: right; + .sm\:-ml-20 { + margin-left: -5rem; } - .sm\:bg-right-bottom { - background-position: right bottom; + .sm\:-mt-24 { + margin-top: -6rem; } - .sm\:bg-right-top { - background-position: right top; + .sm\:-mr-24 { + margin-right: -6rem; } - .sm\:bg-top { - background-position: top; + .sm\:-mb-24 { + margin-bottom: -6rem; } - .sm\:bg-repeat { - background-repeat: repeat; + .sm\:-ml-24 { + margin-left: -6rem; } - .sm\:bg-no-repeat { - background-repeat: no-repeat; + .sm\:-mt-32 { + margin-top: -8rem; } - .sm\:bg-repeat-x { - background-repeat: repeat-x; + .sm\:-mr-32 { + margin-right: -8rem; } - .sm\:bg-repeat-y { - background-repeat: repeat-y; + .sm\:-mb-32 { + margin-bottom: -8rem; } - .sm\:bg-repeat-round { - background-repeat: round; + .sm\:-ml-32 { + margin-left: -8rem; } - .sm\:bg-repeat-space { - background-repeat: space; + .sm\:-mt-40 { + margin-top: -10rem; } - .sm\:bg-auto { - background-size: auto; + .sm\:-mr-40 { + margin-right: -10rem; } - .sm\:bg-cover { - background-size: cover; + .sm\:-mb-40 { + margin-bottom: -10rem; } - .sm\:bg-contain { - background-size: contain; + .sm\:-ml-40 { + margin-left: -10rem; } - .sm\:border-collapse { - border-collapse: collapse; + .sm\:-mt-48 { + margin-top: -12rem; } - .sm\:border-separate { - border-collapse: separate; + .sm\:-mr-48 { + margin-right: -12rem; } - .sm\:border-transparent { - border-color: transparent; + .sm\:-mb-48 { + margin-bottom: -12rem; } - .sm\:border-black { - border-color: #000; + .sm\:-ml-48 { + margin-left: -12rem; } - .sm\:border-white { - border-color: #fff; + .sm\:-mt-56 { + margin-top: -14rem; } - .sm\:border-gray-100 { - border-color: #f7fafc; + .sm\:-mr-56 { + margin-right: -14rem; } - .sm\:border-gray-200 { - border-color: #edf2f7; + .sm\:-mb-56 { + margin-bottom: -14rem; } - .sm\:border-gray-300 { - border-color: #e2e8f0; + .sm\:-ml-56 { + margin-left: -14rem; } - .sm\:border-gray-400 { - border-color: #cbd5e0; + .sm\:-mt-64 { + margin-top: -16rem; } - .sm\:border-gray-500 { - border-color: #a0aec0; + .sm\:-mr-64 { + margin-right: -16rem; } - .sm\:border-gray-600 { - border-color: #718096; + .sm\:-mb-64 { + margin-bottom: -16rem; } - .sm\:border-gray-700 { - border-color: #4a5568; + .sm\:-ml-64 { + margin-left: -16rem; } - .sm\:border-gray-800 { - border-color: #2d3748; + .sm\:-mt-px { + margin-top: -1px; } - .sm\:border-gray-900 { - border-color: #1a202c; + .sm\:-mr-px { + margin-right: -1px; } - .sm\:border-red-100 { - border-color: #fff5f5; + .sm\:-mb-px { + margin-bottom: -1px; } - .sm\:border-red-200 { - border-color: #fed7d7; + .sm\:-ml-px { + margin-left: -1px; } - .sm\:border-red-300 { - border-color: #feb2b2; + .sm\:max-h-full { + max-height: 100%; } - .sm\:border-red-400 { - border-color: #fc8181; + .sm\:max-h-screen { + max-height: 100vh; } - .sm\:border-red-500 { - border-color: #f56565; + .sm\:max-w-xs { + max-width: 20rem; } - .sm\:border-red-600 { - border-color: #e53e3e; + .sm\:max-w-sm { + max-width: 24rem; } - .sm\:border-red-700 { - border-color: #c53030; + .sm\:max-w-md { + max-width: 28rem; } - .sm\:border-red-800 { - border-color: #9b2c2c; + .sm\:max-w-lg { + max-width: 32rem; } - .sm\:border-red-900 { - border-color: #742a2a; + .sm\:max-w-xl { + max-width: 36rem; } - .sm\:border-orange-100 { - border-color: #fffaf0; + .sm\:max-w-2xl { + max-width: 42rem; } - .sm\:border-orange-200 { - border-color: #feebc8; + .sm\:max-w-3xl { + max-width: 48rem; } - .sm\:border-orange-300 { - border-color: #fbd38d; + .sm\:max-w-4xl { + max-width: 56rem; } - .sm\:border-orange-400 { - border-color: #f6ad55; + .sm\:max-w-5xl { + max-width: 64rem; } - .sm\:border-orange-500 { - border-color: #ed8936; + .sm\:max-w-6xl { + max-width: 72rem; } - .sm\:border-orange-600 { - border-color: #dd6b20; + .sm\:max-w-full { + max-width: 100%; } - .sm\:border-orange-700 { - border-color: #c05621; + .sm\:min-h-0 { + min-height: 0; } - .sm\:border-orange-800 { - border-color: #9c4221; + .sm\:min-h-full { + min-height: 100%; } - .sm\:border-orange-900 { - border-color: #7b341e; + .sm\:min-h-screen { + min-height: 100vh; } - .sm\:border-yellow-100 { - border-color: #fffff0; + .sm\:min-w-0 { + min-width: 0; } - .sm\:border-yellow-200 { - border-color: #fefcbf; + .sm\:min-w-full { + min-width: 100%; } - .sm\:border-yellow-300 { - border-color: #faf089; + .sm\:object-contain { + object-fit: contain; } - .sm\:border-yellow-400 { - border-color: #f6e05e; + .sm\:object-cover { + object-fit: cover; } - .sm\:border-yellow-500 { - border-color: #ecc94b; + .sm\:object-fill { + object-fit: fill; } - .sm\:border-yellow-600 { - border-color: #d69e2e; + .sm\:object-none { + object-fit: none; } - .sm\:border-yellow-700 { - border-color: #b7791f; + .sm\:object-scale-down { + object-fit: scale-down; } - .sm\:border-yellow-800 { - border-color: #975a16; + .sm\:object-bottom { + object-position: bottom; } - .sm\:border-yellow-900 { - border-color: #744210; + .sm\:object-center { + object-position: center; } - .sm\:border-green-100 { - border-color: #f0fff4; + .sm\:object-left { + object-position: left; } - .sm\:border-green-200 { - border-color: #c6f6d5; + .sm\:object-left-bottom { + object-position: left bottom; } - .sm\:border-green-300 { - border-color: #9ae6b4; + .sm\:object-left-top { + object-position: left top; } - .sm\:border-green-400 { - border-color: #68d391; + .sm\:object-right { + object-position: right; } - .sm\:border-green-500 { - border-color: #48bb78; + .sm\:object-right-bottom { + object-position: right bottom; } - .sm\:border-green-600 { - border-color: #38a169; + .sm\:object-right-top { + object-position: right top; } - .sm\:border-green-700 { - border-color: #2f855a; + .sm\:object-top { + object-position: top; } - .sm\:border-green-800 { - border-color: #276749; + .sm\:opacity-0 { + opacity: 0; } - .sm\:border-green-900 { - border-color: #22543d; + .sm\:opacity-25 { + opacity: 0.25; } - .sm\:border-teal-100 { - border-color: #e6fffa; + .sm\:opacity-50 { + opacity: 0.5; } - .sm\:border-teal-200 { - border-color: #b2f5ea; + .sm\:opacity-75 { + opacity: 0.75; } - .sm\:border-teal-300 { - border-color: #81e6d9; + .sm\:opacity-100 { + opacity: 1; } - .sm\:border-teal-400 { - border-color: #4fd1c5; + .sm\:outline-none { + outline: 0; } - .sm\:border-teal-500 { - border-color: #38b2ac; + .sm\:focus\:outline-none:focus { + outline: 0; } - .sm\:border-teal-600 { - border-color: #319795; + .sm\:overflow-auto { + overflow: auto; } - .sm\:border-teal-700 { - border-color: #2c7a7b; + .sm\:overflow-hidden { + overflow: hidden; } - .sm\:border-teal-800 { - border-color: #285e61; + .sm\:overflow-visible { + overflow: visible; } - .sm\:border-teal-900 { - border-color: #234e52; + .sm\:overflow-scroll { + overflow: scroll; } - .sm\:border-blue-100 { - border-color: #ebf8ff; + .sm\:overflow-x-auto { + overflow-x: auto; } - .sm\:border-blue-200 { - border-color: #bee3f8; + .sm\:overflow-y-auto { + overflow-y: auto; } - .sm\:border-blue-300 { - border-color: #90cdf4; + .sm\:overflow-x-hidden { + overflow-x: hidden; } - .sm\:border-blue-400 { - border-color: #63b3ed; + .sm\:overflow-y-hidden { + overflow-y: hidden; } - .sm\:border-blue-500 { - border-color: #4299e1; + .sm\:overflow-x-visible { + overflow-x: visible; } - .sm\:border-blue-600 { - border-color: #3182ce; + .sm\:overflow-y-visible { + overflow-y: visible; } - .sm\:border-blue-700 { - border-color: #2b6cb0; + .sm\:overflow-x-scroll { + overflow-x: scroll; } - .sm\:border-blue-800 { - border-color: #2c5282; + .sm\:overflow-y-scroll { + overflow-y: scroll; } - .sm\:border-blue-900 { - border-color: #2a4365; + .sm\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .sm\:border-indigo-100 { - border-color: #ebf4ff; + .sm\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .sm\:border-indigo-200 { - border-color: #c3dafe; + .sm\:p-0 { + padding: 0; } - .sm\:border-indigo-300 { - border-color: #a3bffa; + .sm\:p-1 { + padding: 0.25rem; } - .sm\:border-indigo-400 { - border-color: #7f9cf5; + .sm\:p-2 { + padding: 0.5rem; } - .sm\:border-indigo-500 { - border-color: #667eea; + .sm\:p-3 { + padding: 0.75rem; } - .sm\:border-indigo-600 { - border-color: #5a67d8; + .sm\:p-4 { + padding: 1rem; } - .sm\:border-indigo-700 { - border-color: #4c51bf; + .sm\:p-5 { + padding: 1.25rem; } - .sm\:border-indigo-800 { - border-color: #434190; + .sm\:p-6 { + padding: 1.5rem; } - .sm\:border-indigo-900 { - border-color: #3c366b; + .sm\:p-8 { + padding: 2rem; } - .sm\:border-purple-100 { - border-color: #faf5ff; + .sm\:p-10 { + padding: 2.5rem; } - .sm\:border-purple-200 { - border-color: #e9d8fd; + .sm\:p-12 { + padding: 3rem; } - .sm\:border-purple-300 { - border-color: #d6bcfa; + .sm\:p-16 { + padding: 4rem; } - .sm\:border-purple-400 { - border-color: #b794f4; + .sm\:p-20 { + padding: 5rem; } - .sm\:border-purple-500 { - border-color: #9f7aea; + .sm\:p-24 { + padding: 6rem; } - .sm\:border-purple-600 { - border-color: #805ad5; + .sm\:p-32 { + padding: 8rem; } - .sm\:border-purple-700 { - border-color: #6b46c1; + .sm\:p-40 { + padding: 10rem; } - .sm\:border-purple-800 { - border-color: #553c9a; + .sm\:p-48 { + padding: 12rem; } - .sm\:border-purple-900 { - border-color: #44337a; + .sm\:p-56 { + padding: 14rem; } - .sm\:border-pink-100 { - border-color: #fff5f7; + .sm\:p-64 { + padding: 16rem; } - .sm\:border-pink-200 { - border-color: #fed7e2; + .sm\:p-px { + padding: 1px; } - .sm\:border-pink-300 { - border-color: #fbb6ce; + .sm\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .sm\:border-pink-400 { - border-color: #f687b3; + .sm\:px-0 { + padding-left: 0; + padding-right: 0; } - .sm\:border-pink-500 { - border-color: #ed64a6; + .sm\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .sm\:border-pink-600 { - border-color: #d53f8c; + .sm\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .sm\:border-pink-700 { - border-color: #b83280; + .sm\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .sm\:border-pink-800 { - border-color: #97266d; + .sm\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .sm\:border-pink-900 { - border-color: #702459; + .sm\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .sm\:hover\:border-transparent:hover { - border-color: transparent; + .sm\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .sm\:hover\:border-black:hover { - border-color: #000; + .sm\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .sm\:hover\:border-white:hover { - border-color: #fff; + .sm\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .sm\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .sm\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .sm\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .sm\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .sm\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .sm\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .sm\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .sm\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .sm\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .sm\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .sm\:hover\:border-gray-600:hover { - border-color: #718096; + .sm\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .sm\:hover\:border-gray-700:hover { - border-color: #4a5568; + .sm\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .sm\:hover\:border-gray-800:hover { - border-color: #2d3748; + .sm\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .sm\:hover\:border-gray-900:hover { - border-color: #1a202c; + .sm\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .sm\:hover\:border-red-100:hover { - border-color: #fff5f5; + .sm\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .sm\:hover\:border-red-200:hover { - border-color: #fed7d7; + .sm\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .sm\:hover\:border-red-300:hover { - border-color: #feb2b2; + .sm\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .sm\:hover\:border-red-400:hover { - border-color: #fc8181; + .sm\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .sm\:hover\:border-red-500:hover { - border-color: #f56565; + .sm\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .sm\:hover\:border-red-600:hover { - border-color: #e53e3e; + .sm\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .sm\:hover\:border-red-700:hover { - border-color: #c53030; + .sm\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .sm\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .sm\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .sm\:hover\:border-red-900:hover { - border-color: #742a2a; + .sm\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .sm\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .sm\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .sm\:hover\:border-orange-200:hover { - border-color: #feebc8; + .sm\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .sm\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .sm\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .sm\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .sm\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .sm\:hover\:border-orange-500:hover { - border-color: #ed8936; + .sm\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .sm\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .sm\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .sm\:hover\:border-orange-700:hover { - border-color: #c05621; + .sm\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .sm\:hover\:border-orange-800:hover { - border-color: #9c4221; + .sm\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .sm\:hover\:border-orange-900:hover { - border-color: #7b341e; + .sm\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .sm\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .sm\:px-px { + padding-left: 1px; + padding-right: 1px; } - .sm\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .sm\:pt-0 { + padding-top: 0; } - .sm\:hover\:border-yellow-300:hover { - border-color: #faf089; + .sm\:pr-0 { + padding-right: 0; } - .sm\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .sm\:pb-0 { + padding-bottom: 0; } - .sm\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .sm\:pl-0 { + padding-left: 0; } - .sm\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .sm\:pt-1 { + padding-top: 0.25rem; } - .sm\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .sm\:pr-1 { + padding-right: 0.25rem; } - .sm\:hover\:border-yellow-800:hover { - border-color: #975a16; + .sm\:pb-1 { + padding-bottom: 0.25rem; } - .sm\:hover\:border-yellow-900:hover { - border-color: #744210; + .sm\:pl-1 { + padding-left: 0.25rem; } - .sm\:hover\:border-green-100:hover { - border-color: #f0fff4; + .sm\:pt-2 { + padding-top: 0.5rem; } - .sm\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .sm\:pr-2 { + padding-right: 0.5rem; } - .sm\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .sm\:pb-2 { + padding-bottom: 0.5rem; } - .sm\:hover\:border-green-400:hover { - border-color: #68d391; + .sm\:pl-2 { + padding-left: 0.5rem; } - .sm\:hover\:border-green-500:hover { - border-color: #48bb78; + .sm\:pt-3 { + padding-top: 0.75rem; } - .sm\:hover\:border-green-600:hover { - border-color: #38a169; + .sm\:pr-3 { + padding-right: 0.75rem; } - .sm\:hover\:border-green-700:hover { - border-color: #2f855a; + .sm\:pb-3 { + padding-bottom: 0.75rem; } - .sm\:hover\:border-green-800:hover { - border-color: #276749; + .sm\:pl-3 { + padding-left: 0.75rem; } - .sm\:hover\:border-green-900:hover { - border-color: #22543d; + .sm\:pt-4 { + padding-top: 1rem; } - .sm\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .sm\:pr-4 { + padding-right: 1rem; } - .sm\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .sm\:pb-4 { + padding-bottom: 1rem; } - .sm\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .sm\:pl-4 { + padding-left: 1rem; } - .sm\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .sm\:pt-5 { + padding-top: 1.25rem; } - .sm\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .sm\:pr-5 { + padding-right: 1.25rem; } - .sm\:hover\:border-teal-600:hover { - border-color: #319795; + .sm\:pb-5 { + padding-bottom: 1.25rem; } - .sm\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .sm\:pl-5 { + padding-left: 1.25rem; } - .sm\:hover\:border-teal-800:hover { - border-color: #285e61; + .sm\:pt-6 { + padding-top: 1.5rem; } - .sm\:hover\:border-teal-900:hover { - border-color: #234e52; + .sm\:pr-6 { + padding-right: 1.5rem; } - .sm\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .sm\:pb-6 { + padding-bottom: 1.5rem; } - .sm\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .sm\:pl-6 { + padding-left: 1.5rem; } - .sm\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .sm\:pt-8 { + padding-top: 2rem; } - .sm\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .sm\:pr-8 { + padding-right: 2rem; } - .sm\:hover\:border-blue-500:hover { - border-color: #4299e1; + .sm\:pb-8 { + padding-bottom: 2rem; } - .sm\:hover\:border-blue-600:hover { - border-color: #3182ce; + .sm\:pl-8 { + padding-left: 2rem; } - .sm\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .sm\:pt-10 { + padding-top: 2.5rem; } - .sm\:hover\:border-blue-800:hover { - border-color: #2c5282; + .sm\:pr-10 { + padding-right: 2.5rem; } - .sm\:hover\:border-blue-900:hover { - border-color: #2a4365; + .sm\:pb-10 { + padding-bottom: 2.5rem; } - .sm\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .sm\:pl-10 { + padding-left: 2.5rem; } - .sm\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .sm\:pt-12 { + padding-top: 3rem; } - .sm\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .sm\:pr-12 { + padding-right: 3rem; } - .sm\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .sm\:pb-12 { + padding-bottom: 3rem; } - .sm\:hover\:border-indigo-500:hover { - border-color: #667eea; + .sm\:pl-12 { + padding-left: 3rem; } - .sm\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .sm\:pt-16 { + padding-top: 4rem; } - .sm\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .sm\:pr-16 { + padding-right: 4rem; } - .sm\:hover\:border-indigo-800:hover { - border-color: #434190; + .sm\:pb-16 { + padding-bottom: 4rem; } - .sm\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .sm\:pl-16 { + padding-left: 4rem; } - .sm\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .sm\:pt-20 { + padding-top: 5rem; } - .sm\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .sm\:pr-20 { + padding-right: 5rem; } - .sm\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .sm\:pb-20 { + padding-bottom: 5rem; } - .sm\:hover\:border-purple-400:hover { - border-color: #b794f4; + .sm\:pl-20 { + padding-left: 5rem; } - .sm\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .sm\:pt-24 { + padding-top: 6rem; } - .sm\:hover\:border-purple-600:hover { - border-color: #805ad5; + .sm\:pr-24 { + padding-right: 6rem; } - .sm\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .sm\:pb-24 { + padding-bottom: 6rem; } - .sm\:hover\:border-purple-800:hover { - border-color: #553c9a; + .sm\:pl-24 { + padding-left: 6rem; } - .sm\:hover\:border-purple-900:hover { - border-color: #44337a; + .sm\:pt-32 { + padding-top: 8rem; } - .sm\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .sm\:pr-32 { + padding-right: 8rem; } - .sm\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .sm\:pb-32 { + padding-bottom: 8rem; } - .sm\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .sm\:pl-32 { + padding-left: 8rem; } - .sm\:hover\:border-pink-400:hover { - border-color: #f687b3; + .sm\:pt-40 { + padding-top: 10rem; } - .sm\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .sm\:pr-40 { + padding-right: 10rem; } - .sm\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .sm\:pb-40 { + padding-bottom: 10rem; } - .sm\:hover\:border-pink-700:hover { - border-color: #b83280; + .sm\:pl-40 { + padding-left: 10rem; } - .sm\:hover\:border-pink-800:hover { - border-color: #97266d; + .sm\:pt-48 { + padding-top: 12rem; } - .sm\:hover\:border-pink-900:hover { - border-color: #702459; + .sm\:pr-48 { + padding-right: 12rem; } - .sm\:focus\:border-transparent:focus { - border-color: transparent; + .sm\:pb-48 { + padding-bottom: 12rem; } - .sm\:focus\:border-black:focus { - border-color: #000; + .sm\:pl-48 { + padding-left: 12rem; } - .sm\:focus\:border-white:focus { - border-color: #fff; + .sm\:pt-56 { + padding-top: 14rem; } - .sm\:focus\:border-gray-100:focus { - border-color: #f7fafc; + .sm\:pr-56 { + padding-right: 14rem; } - .sm\:focus\:border-gray-200:focus { - border-color: #edf2f7; + .sm\:pb-56 { + padding-bottom: 14rem; } - .sm\:focus\:border-gray-300:focus { - border-color: #e2e8f0; + .sm\:pl-56 { + padding-left: 14rem; } - .sm\:focus\:border-gray-400:focus { - border-color: #cbd5e0; + .sm\:pt-64 { + padding-top: 16rem; } - .sm\:focus\:border-gray-500:focus { - border-color: #a0aec0; + .sm\:pr-64 { + padding-right: 16rem; } - .sm\:focus\:border-gray-600:focus { - border-color: #718096; + .sm\:pb-64 { + padding-bottom: 16rem; } - .sm\:focus\:border-gray-700:focus { - border-color: #4a5568; + .sm\:pl-64 { + padding-left: 16rem; } - .sm\:focus\:border-gray-800:focus { - border-color: #2d3748; + .sm\:pt-px { + padding-top: 1px; } - .sm\:focus\:border-gray-900:focus { - border-color: #1a202c; + .sm\:pr-px { + padding-right: 1px; } - .sm\:focus\:border-red-100:focus { - border-color: #fff5f5; + .sm\:pb-px { + padding-bottom: 1px; } - .sm\:focus\:border-red-200:focus { - border-color: #fed7d7; + .sm\:pl-px { + padding-left: 1px; } - .sm\:focus\:border-red-300:focus { - border-color: #feb2b2; + .sm\:placeholder-transparent::placeholder { + color: transparent; } - .sm\:focus\:border-red-400:focus { - border-color: #fc8181; + .sm\:placeholder-black::placeholder { + color: #000; } - .sm\:focus\:border-red-500:focus { - border-color: #f56565; + .sm\:placeholder-white::placeholder { + color: #fff; } - .sm\:focus\:border-red-600:focus { - border-color: #e53e3e; + .sm\:placeholder-gray-100::placeholder { + color: #f7fafc; } - .sm\:focus\:border-red-700:focus { - border-color: #c53030; + .sm\:placeholder-gray-200::placeholder { + color: #edf2f7; } - .sm\:focus\:border-red-800:focus { - border-color: #9b2c2c; + .sm\:placeholder-gray-300::placeholder { + color: #e2e8f0; } - .sm\:focus\:border-red-900:focus { - border-color: #742a2a; + .sm\:placeholder-gray-400::placeholder { + color: #cbd5e0; } - .sm\:focus\:border-orange-100:focus { - border-color: #fffaf0; + .sm\:placeholder-gray-500::placeholder { + color: #a0aec0; } - .sm\:focus\:border-orange-200:focus { - border-color: #feebc8; + .sm\:placeholder-gray-600::placeholder { + color: #718096; } - .sm\:focus\:border-orange-300:focus { - border-color: #fbd38d; + .sm\:placeholder-gray-700::placeholder { + color: #4a5568; } - .sm\:focus\:border-orange-400:focus { - border-color: #f6ad55; + .sm\:placeholder-gray-800::placeholder { + color: #2d3748; } - .sm\:focus\:border-orange-500:focus { - border-color: #ed8936; + .sm\:placeholder-gray-900::placeholder { + color: #1a202c; } - .sm\:focus\:border-orange-600:focus { - border-color: #dd6b20; + .sm\:placeholder-red-100::placeholder { + color: #fff5f5; } - .sm\:focus\:border-orange-700:focus { - border-color: #c05621; + .sm\:placeholder-red-200::placeholder { + color: #fed7d7; } - .sm\:focus\:border-orange-800:focus { - border-color: #9c4221; + .sm\:placeholder-red-300::placeholder { + color: #feb2b2; } - .sm\:focus\:border-orange-900:focus { - border-color: #7b341e; + .sm\:placeholder-red-400::placeholder { + color: #fc8181; } - .sm\:focus\:border-yellow-100:focus { - border-color: #fffff0; + .sm\:placeholder-red-500::placeholder { + color: #f56565; } - .sm\:focus\:border-yellow-200:focus { - border-color: #fefcbf; + .sm\:placeholder-red-600::placeholder { + color: #e53e3e; } - .sm\:focus\:border-yellow-300:focus { - border-color: #faf089; + .sm\:placeholder-red-700::placeholder { + color: #c53030; } - .sm\:focus\:border-yellow-400:focus { - border-color: #f6e05e; + .sm\:placeholder-red-800::placeholder { + color: #9b2c2c; } - .sm\:focus\:border-yellow-500:focus { - border-color: #ecc94b; + .sm\:placeholder-red-900::placeholder { + color: #742a2a; } - .sm\:focus\:border-yellow-600:focus { - border-color: #d69e2e; + .sm\:placeholder-orange-100::placeholder { + color: #fffaf0; } - .sm\:focus\:border-yellow-700:focus { - border-color: #b7791f; + .sm\:placeholder-orange-200::placeholder { + color: #feebc8; } - .sm\:focus\:border-yellow-800:focus { - border-color: #975a16; + .sm\:placeholder-orange-300::placeholder { + color: #fbd38d; } - .sm\:focus\:border-yellow-900:focus { - border-color: #744210; + .sm\:placeholder-orange-400::placeholder { + color: #f6ad55; } - .sm\:focus\:border-green-100:focus { - border-color: #f0fff4; + .sm\:placeholder-orange-500::placeholder { + color: #ed8936; } - .sm\:focus\:border-green-200:focus { - border-color: #c6f6d5; + .sm\:placeholder-orange-600::placeholder { + color: #dd6b20; } - .sm\:focus\:border-green-300:focus { - border-color: #9ae6b4; + .sm\:placeholder-orange-700::placeholder { + color: #c05621; } - .sm\:focus\:border-green-400:focus { - border-color: #68d391; + .sm\:placeholder-orange-800::placeholder { + color: #9c4221; } - .sm\:focus\:border-green-500:focus { - border-color: #48bb78; + .sm\:placeholder-orange-900::placeholder { + color: #7b341e; } - .sm\:focus\:border-green-600:focus { - border-color: #38a169; + .sm\:placeholder-yellow-100::placeholder { + color: #fffff0; } - .sm\:focus\:border-green-700:focus { - border-color: #2f855a; + .sm\:placeholder-yellow-200::placeholder { + color: #fefcbf; } - .sm\:focus\:border-green-800:focus { - border-color: #276749; + .sm\:placeholder-yellow-300::placeholder { + color: #faf089; } - .sm\:focus\:border-green-900:focus { - border-color: #22543d; + .sm\:placeholder-yellow-400::placeholder { + color: #f6e05e; } - .sm\:focus\:border-teal-100:focus { - border-color: #e6fffa; + .sm\:placeholder-yellow-500::placeholder { + color: #ecc94b; } - .sm\:focus\:border-teal-200:focus { - border-color: #b2f5ea; + .sm\:placeholder-yellow-600::placeholder { + color: #d69e2e; } - .sm\:focus\:border-teal-300:focus { - border-color: #81e6d9; + .sm\:placeholder-yellow-700::placeholder { + color: #b7791f; } - .sm\:focus\:border-teal-400:focus { - border-color: #4fd1c5; + .sm\:placeholder-yellow-800::placeholder { + color: #975a16; } - .sm\:focus\:border-teal-500:focus { - border-color: #38b2ac; + .sm\:placeholder-yellow-900::placeholder { + color: #744210; } - .sm\:focus\:border-teal-600:focus { - border-color: #319795; + .sm\:placeholder-green-100::placeholder { + color: #f0fff4; } - .sm\:focus\:border-teal-700:focus { - border-color: #2c7a7b; + .sm\:placeholder-green-200::placeholder { + color: #c6f6d5; } - .sm\:focus\:border-teal-800:focus { - border-color: #285e61; + .sm\:placeholder-green-300::placeholder { + color: #9ae6b4; } - .sm\:focus\:border-teal-900:focus { - border-color: #234e52; + .sm\:placeholder-green-400::placeholder { + color: #68d391; } - .sm\:focus\:border-blue-100:focus { - border-color: #ebf8ff; + .sm\:placeholder-green-500::placeholder { + color: #48bb78; } - .sm\:focus\:border-blue-200:focus { - border-color: #bee3f8; + .sm\:placeholder-green-600::placeholder { + color: #38a169; } - .sm\:focus\:border-blue-300:focus { - border-color: #90cdf4; + .sm\:placeholder-green-700::placeholder { + color: #2f855a; } - .sm\:focus\:border-blue-400:focus { - border-color: #63b3ed; + .sm\:placeholder-green-800::placeholder { + color: #276749; } - .sm\:focus\:border-blue-500:focus { - border-color: #4299e1; + .sm\:placeholder-green-900::placeholder { + color: #22543d; } - .sm\:focus\:border-blue-600:focus { - border-color: #3182ce; + .sm\:placeholder-teal-100::placeholder { + color: #e6fffa; } - .sm\:focus\:border-blue-700:focus { - border-color: #2b6cb0; + .sm\:placeholder-teal-200::placeholder { + color: #b2f5ea; } - .sm\:focus\:border-blue-800:focus { - border-color: #2c5282; + .sm\:placeholder-teal-300::placeholder { + color: #81e6d9; } - .sm\:focus\:border-blue-900:focus { - border-color: #2a4365; + .sm\:placeholder-teal-400::placeholder { + color: #4fd1c5; } - .sm\:focus\:border-indigo-100:focus { - border-color: #ebf4ff; + .sm\:placeholder-teal-500::placeholder { + color: #38b2ac; } - .sm\:focus\:border-indigo-200:focus { - border-color: #c3dafe; + .sm\:placeholder-teal-600::placeholder { + color: #319795; } - .sm\:focus\:border-indigo-300:focus { - border-color: #a3bffa; + .sm\:placeholder-teal-700::placeholder { + color: #2c7a7b; } - .sm\:focus\:border-indigo-400:focus { - border-color: #7f9cf5; + .sm\:placeholder-teal-800::placeholder { + color: #285e61; } - .sm\:focus\:border-indigo-500:focus { - border-color: #667eea; + .sm\:placeholder-teal-900::placeholder { + color: #234e52; } - .sm\:focus\:border-indigo-600:focus { - border-color: #5a67d8; + .sm\:placeholder-blue-100::placeholder { + color: #ebf8ff; } - .sm\:focus\:border-indigo-700:focus { - border-color: #4c51bf; + .sm\:placeholder-blue-200::placeholder { + color: #bee3f8; } - .sm\:focus\:border-indigo-800:focus { - border-color: #434190; + .sm\:placeholder-blue-300::placeholder { + color: #90cdf4; } - .sm\:focus\:border-indigo-900:focus { - border-color: #3c366b; + .sm\:placeholder-blue-400::placeholder { + color: #63b3ed; } - .sm\:focus\:border-purple-100:focus { - border-color: #faf5ff; + .sm\:placeholder-blue-500::placeholder { + color: #4299e1; } - .sm\:focus\:border-purple-200:focus { - border-color: #e9d8fd; + .sm\:placeholder-blue-600::placeholder { + color: #3182ce; } - .sm\:focus\:border-purple-300:focus { - border-color: #d6bcfa; + .sm\:placeholder-blue-700::placeholder { + color: #2b6cb0; } - .sm\:focus\:border-purple-400:focus { - border-color: #b794f4; + .sm\:placeholder-blue-800::placeholder { + color: #2c5282; } - .sm\:focus\:border-purple-500:focus { - border-color: #9f7aea; + .sm\:placeholder-blue-900::placeholder { + color: #2a4365; } - .sm\:focus\:border-purple-600:focus { - border-color: #805ad5; + .sm\:placeholder-indigo-100::placeholder { + color: #ebf4ff; } - .sm\:focus\:border-purple-700:focus { - border-color: #6b46c1; + .sm\:placeholder-indigo-200::placeholder { + color: #c3dafe; } - .sm\:focus\:border-purple-800:focus { - border-color: #553c9a; + .sm\:placeholder-indigo-300::placeholder { + color: #a3bffa; } - .sm\:focus\:border-purple-900:focus { - border-color: #44337a; + .sm\:placeholder-indigo-400::placeholder { + color: #7f9cf5; } - .sm\:focus\:border-pink-100:focus { - border-color: #fff5f7; + .sm\:placeholder-indigo-500::placeholder { + color: #667eea; } - .sm\:focus\:border-pink-200:focus { - border-color: #fed7e2; + .sm\:placeholder-indigo-600::placeholder { + color: #5a67d8; } - .sm\:focus\:border-pink-300:focus { - border-color: #fbb6ce; + .sm\:placeholder-indigo-700::placeholder { + color: #4c51bf; } - .sm\:focus\:border-pink-400:focus { - border-color: #f687b3; + .sm\:placeholder-indigo-800::placeholder { + color: #434190; } - .sm\:focus\:border-pink-500:focus { - border-color: #ed64a6; + .sm\:placeholder-indigo-900::placeholder { + color: #3c366b; } - .sm\:focus\:border-pink-600:focus { - border-color: #d53f8c; + .sm\:placeholder-purple-100::placeholder { + color: #faf5ff; } - .sm\:focus\:border-pink-700:focus { - border-color: #b83280; + .sm\:placeholder-purple-200::placeholder { + color: #e9d8fd; } - .sm\:focus\:border-pink-800:focus { - border-color: #97266d; + .sm\:placeholder-purple-300::placeholder { + color: #d6bcfa; } - .sm\:focus\:border-pink-900:focus { - border-color: #702459; + .sm\:placeholder-purple-400::placeholder { + color: #b794f4; } - .sm\:rounded-none { - border-radius: 0; + .sm\:placeholder-purple-500::placeholder { + color: #9f7aea; } - .sm\:rounded-sm { - border-radius: 0.125rem; + .sm\:placeholder-purple-600::placeholder { + color: #805ad5; } - .sm\:rounded { - border-radius: 0.25rem; + .sm\:placeholder-purple-700::placeholder { + color: #6b46c1; } - .sm\:rounded-lg { - border-radius: 0.5rem; + .sm\:placeholder-purple-800::placeholder { + color: #553c9a; } - .sm\:rounded-full { - border-radius: 9999px; + .sm\:placeholder-purple-900::placeholder { + color: #44337a; } - .sm\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .sm\:placeholder-pink-100::placeholder { + color: #fff5f7; } - .sm\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .sm\:placeholder-pink-200::placeholder { + color: #fed7e2; } - .sm\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .sm\:placeholder-pink-300::placeholder { + color: #fbb6ce; } - .sm\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .sm\:placeholder-pink-400::placeholder { + color: #f687b3; } - .sm\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .sm\:placeholder-pink-500::placeholder { + color: #ed64a6; } - .sm\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .sm\:placeholder-pink-600::placeholder { + color: #d53f8c; } - .sm\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:placeholder-pink-700::placeholder { + color: #b83280; } - .sm\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .sm\:placeholder-pink-800::placeholder { + color: #97266d; } - .sm\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .sm\:placeholder-pink-900::placeholder { + color: #702459; } - .sm\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .sm\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .sm\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .sm\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .sm\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .sm\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .sm\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc; } - .sm\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .sm\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7; } - .sm\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0; } - .sm\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .sm\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0; } - .sm\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .sm\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0; } - .sm\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .sm\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096; } - .sm\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568; } - .sm\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .sm\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748; } - .sm\:rounded-tl-none { - border-top-left-radius: 0; + .sm\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c; } - .sm\:rounded-tr-none { - border-top-right-radius: 0; + .sm\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5; } - .sm\:rounded-br-none { - border-bottom-right-radius: 0; + .sm\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7; } - .sm\:rounded-bl-none { - border-bottom-left-radius: 0; + .sm\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2; } - .sm\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .sm\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181; } - .sm\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .sm\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565; } - .sm\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .sm\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e; } - .sm\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .sm\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030; } - .sm\:rounded-tl { - border-top-left-radius: 0.25rem; + .sm\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c; } - .sm\:rounded-tr { - border-top-right-radius: 0.25rem; + .sm\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a; } - .sm\:rounded-br { - border-bottom-right-radius: 0.25rem; + .sm\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0; } - .sm\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .sm\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8; } - .sm\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .sm\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d; } - .sm\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .sm\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55; } - .sm\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .sm\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936; } - .sm\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .sm\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20; } - .sm\:rounded-tl-full { - border-top-left-radius: 9999px; + .sm\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621; } - .sm\:rounded-tr-full { - border-top-right-radius: 9999px; + .sm\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221; } - .sm\:rounded-br-full { - border-bottom-right-radius: 9999px; + .sm\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e; } - .sm\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .sm\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0; } - .sm\:border-solid { - border-style: solid; + .sm\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf; } - .sm\:border-dashed { - border-style: dashed; + .sm\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089; } - .sm\:border-dotted { - border-style: dotted; + .sm\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e; } - .sm\:border-double { - border-style: double; + .sm\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b; } - .sm\:border-none { - border-style: none; + .sm\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e; } - .sm\:border-0 { - border-width: 0; + .sm\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f; } - .sm\:border-2 { - border-width: 2px; + .sm\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16; } - .sm\:border-4 { - border-width: 4px; + .sm\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210; } - .sm\:border-8 { - border-width: 8px; + .sm\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4; } - .sm\:border { - border-width: 1px; + .sm\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5; } - .sm\:border-t-0 { - border-top-width: 0; + .sm\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4; } - .sm\:border-r-0 { - border-right-width: 0; + .sm\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391; } - .sm\:border-b-0 { - border-bottom-width: 0; + .sm\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78; } - .sm\:border-l-0 { - border-left-width: 0; + .sm\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169; } - .sm\:border-t-2 { - border-top-width: 2px; + .sm\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a; } - .sm\:border-r-2 { - border-right-width: 2px; + .sm\:focus\:placeholder-green-800:focus::placeholder { + color: #276749; } - .sm\:border-b-2 { - border-bottom-width: 2px; + .sm\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d; } - .sm\:border-l-2 { - border-left-width: 2px; + .sm\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa; } - .sm\:border-t-4 { - border-top-width: 4px; + .sm\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea; } - .sm\:border-r-4 { - border-right-width: 4px; + .sm\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9; } - .sm\:border-b-4 { - border-bottom-width: 4px; + .sm\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5; } - .sm\:border-l-4 { - border-left-width: 4px; + .sm\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac; } - .sm\:border-t-8 { - border-top-width: 8px; + .sm\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795; } - .sm\:border-r-8 { - border-right-width: 8px; + .sm\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b; } - .sm\:border-b-8 { - border-bottom-width: 8px; + .sm\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61; } - .sm\:border-l-8 { - border-left-width: 8px; + .sm\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52; } - .sm\:border-t { - border-top-width: 1px; + .sm\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff; } - .sm\:border-r { - border-right-width: 1px; + .sm\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8; } - .sm\:border-b { - border-bottom-width: 1px; + .sm\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4; } - .sm\:border-l { - border-left-width: 1px; + .sm\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed; } - .sm\:cursor-auto { - cursor: auto; + .sm\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1; } - .sm\:cursor-default { - cursor: default; + .sm\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce; } - .sm\:cursor-pointer { - cursor: pointer; + .sm\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0; } - .sm\:cursor-wait { - cursor: wait; + .sm\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282; } - .sm\:cursor-text { - cursor: text; + .sm\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365; } - .sm\:cursor-move { - cursor: move; + .sm\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff; } - .sm\:cursor-not-allowed { - cursor: not-allowed; + .sm\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe; } - .sm\:block { - display: block; + .sm\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa; } - .sm\:inline-block { - display: inline-block; + .sm\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5; } - .sm\:inline { - display: inline; + .sm\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea; } - .sm\:flex { - display: flex; + .sm\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8; } - .sm\:inline-flex { - display: inline-flex; + .sm\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf; } - .sm\:table { - display: table; + .sm\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190; } - .sm\:table-row { - display: table-row; + .sm\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b; } - .sm\:table-cell { - display: table-cell; + .sm\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff; } - .sm\:hidden { - display: none; + .sm\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd; } - .sm\:flex-row { - flex-direction: row; + .sm\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa; } - .sm\:flex-row-reverse { - flex-direction: row-reverse; + .sm\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4; } - .sm\:flex-col { - flex-direction: column; + .sm\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea; } - .sm\:flex-col-reverse { - flex-direction: column-reverse; + .sm\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5; } - .sm\:flex-wrap { - flex-wrap: wrap; + .sm\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1; } - .sm\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .sm\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a; } - .sm\:flex-no-wrap { - flex-wrap: nowrap; + .sm\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a; } - .sm\:items-start { - align-items: flex-start; + .sm\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7; } - .sm\:items-end { - align-items: flex-end; + .sm\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2; } - .sm\:items-center { - align-items: center; + .sm\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce; } - .sm\:items-baseline { - align-items: baseline; + .sm\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3; } - .sm\:items-stretch { - align-items: stretch; + .sm\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6; } - .sm\:self-auto { - align-self: auto; + .sm\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c; } - .sm\:self-start { - align-self: flex-start; + .sm\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280; } - .sm\:self-end { - align-self: flex-end; + .sm\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d; } - .sm\:self-center { - align-self: center; + .sm\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459; } - .sm\:self-stretch { - align-self: stretch; + .sm\:pointer-events-none { + pointer-events: none; } - .sm\:justify-start { - justify-content: flex-start; + .sm\:pointer-events-auto { + pointer-events: auto; } - .sm\:justify-end { - justify-content: flex-end; + .sm\:static { + position: static; } - .sm\:justify-center { - justify-content: center; + .sm\:fixed { + position: fixed; } - .sm\:justify-between { - justify-content: space-between; + .sm\:absolute { + position: absolute; } - .sm\:justify-around { - justify-content: space-around; + .sm\:relative { + position: relative; } - .sm\:content-center { - align-content: center; + .sm\:sticky { + position: sticky; } - .sm\:content-start { - align-content: flex-start; + .sm\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .sm\:content-end { - align-content: flex-end; + .sm\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .sm\:content-between { - align-content: space-between; + .sm\:inset-y-0 { + top: 0; + bottom: 0; } - .sm\:content-around { - align-content: space-around; + .sm\:inset-x-0 { + right: 0; + left: 0; } - .sm\:flex-1 { - flex: 1 1 0%; + .sm\:inset-y-auto { + top: auto; + bottom: auto; } - .sm\:flex-auto { - flex: 1 1 auto; + .sm\:inset-x-auto { + right: auto; + left: auto; } - .sm\:flex-initial { - flex: 0 1 auto; + .sm\:top-0 { + top: 0; } - .sm\:flex-none { - flex: none; + .sm\:right-0 { + right: 0; } - .sm\:flex-grow-0 { - flex-grow: 0; + .sm\:bottom-0 { + bottom: 0; } - .sm\:flex-grow { - flex-grow: 1; + .sm\:left-0 { + left: 0; } - .sm\:flex-shrink-0 { - flex-shrink: 0; + .sm\:top-auto { + top: auto; } - .sm\:flex-shrink { - flex-shrink: 1; + .sm\:right-auto { + right: auto; } - .sm\:order-1 { - order: 1; + .sm\:bottom-auto { + bottom: auto; } - .sm\:order-2 { - order: 2; + .sm\:left-auto { + left: auto; } - .sm\:order-3 { - order: 3; + .sm\:resize-none { + resize: none; } - .sm\:order-4 { - order: 4; + .sm\:resize-y { + resize: vertical; } - .sm\:order-5 { - order: 5; + .sm\:resize-x { + resize: horizontal; } - .sm\:order-6 { - order: 6; + .sm\:resize { + resize: both; } - .sm\:order-7 { - order: 7; + .sm\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .sm\:order-8 { - order: 8; + .sm\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .sm\:order-9 { - order: 9; + .sm\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .sm\:order-10 { - order: 10; + .sm\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .sm\:order-11 { - order: 11; + .sm\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:order-12 { - order: 12; + .sm\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:order-first { - order: -9999; + .sm\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:order-last { - order: 9999; + .sm\:shadow-none { + box-shadow: none; } - .sm\:order-none { - order: 0; + .sm\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .sm\:float-right { - float: right; + .sm\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .sm\:float-left { - float: left; + .sm\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .sm\:float-none { - float: none; + .sm\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .sm\:clearfix:after { - content: ""; - display: table; - clear: both; + .sm\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:font-sans { - font-family: -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\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .sm\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .sm\:hover\:shadow-none:hover { + box-shadow: none; } - .sm\:font-hairline { - font-weight: 100; + .sm\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .sm\:font-thin { - font-weight: 200; + .sm\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .sm\:font-light { - font-weight: 300; + .sm\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .sm\:font-normal { - font-weight: 400; + .sm\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .sm\:font-medium { - font-weight: 500; + .sm\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .sm\:font-semibold { - font-weight: 600; + .sm\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .sm\:font-bold { - font-weight: 700; + .sm\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .sm\:font-extrabold { - font-weight: 800; + .sm\:focus\:shadow-none:focus { + box-shadow: none; } - .sm\:font-black { - font-weight: 900; + .sm\:fill-current { + fill: currentColor; } - .sm\:hover\:font-hairline:hover { - font-weight: 100; + .sm\:stroke-current { + stroke: currentColor; } - .sm\:hover\:font-thin:hover { - font-weight: 200; + .sm\:table-auto { + table-layout: auto; } - .sm\:hover\:font-light:hover { - font-weight: 300; + .sm\:table-fixed { + table-layout: fixed; } - .sm\:hover\:font-normal:hover { - font-weight: 400; + .sm\:text-left { + text-align: left; } - .sm\:hover\:font-medium:hover { - font-weight: 500; + .sm\:text-center { + text-align: center; } - .sm\:hover\:font-semibold:hover { - font-weight: 600; + .sm\:text-right { + text-align: right; } - .sm\:hover\:font-bold:hover { - font-weight: 700; + .sm\:text-justify { + text-align: justify; } - .sm\:hover\:font-extrabold:hover { - font-weight: 800; + .sm\:text-transparent { + color: transparent; } - .sm\:hover\:font-black:hover { - font-weight: 900; + .sm\:text-black { + color: #000; } - .sm\:focus\:font-hairline:focus { - font-weight: 100; + .sm\:text-white { + color: #fff; } - .sm\:focus\:font-thin:focus { - font-weight: 200; + .sm\:text-gray-100 { + color: #f7fafc; } - .sm\:focus\:font-light:focus { - font-weight: 300; + .sm\:text-gray-200 { + color: #edf2f7; } - .sm\:focus\:font-normal:focus { - font-weight: 400; + .sm\:text-gray-300 { + color: #e2e8f0; } - .sm\:focus\:font-medium:focus { - font-weight: 500; + .sm\:text-gray-400 { + color: #cbd5e0; } - .sm\:focus\:font-semibold:focus { - font-weight: 600; + .sm\:text-gray-500 { + color: #a0aec0; } - .sm\:focus\:font-bold:focus { - font-weight: 700; + .sm\:text-gray-600 { + color: #718096; } - .sm\:focus\:font-extrabold:focus { - font-weight: 800; + .sm\:text-gray-700 { + color: #4a5568; } - .sm\:focus\:font-black:focus { - font-weight: 900; + .sm\:text-gray-800 { + color: #2d3748; } - .sm\:h-0 { - height: 0; + .sm\:text-gray-900 { + color: #1a202c; } - .sm\:h-1 { - height: 0.25rem; + .sm\:text-red-100 { + color: #fff5f5; } - .sm\:h-2 { - height: 0.5rem; + .sm\:text-red-200 { + color: #fed7d7; } - .sm\:h-3 { - height: 0.75rem; + .sm\:text-red-300 { + color: #feb2b2; } - .sm\:h-4 { - height: 1rem; + .sm\:text-red-400 { + color: #fc8181; } - .sm\:h-5 { - height: 1.25rem; + .sm\:text-red-500 { + color: #f56565; } - .sm\:h-6 { - height: 1.5rem; + .sm\:text-red-600 { + color: #e53e3e; } - .sm\:h-8 { - height: 2rem; + .sm\:text-red-700 { + color: #c53030; } - .sm\:h-10 { - height: 2.5rem; + .sm\:text-red-800 { + color: #9b2c2c; } - .sm\:h-12 { - height: 3rem; + .sm\:text-red-900 { + color: #742a2a; } - .sm\:h-16 { - height: 4rem; + .sm\:text-orange-100 { + color: #fffaf0; } - .sm\:h-20 { - height: 5rem; + .sm\:text-orange-200 { + color: #feebc8; } - .sm\:h-24 { - height: 6rem; + .sm\:text-orange-300 { + color: #fbd38d; } - .sm\:h-32 { - height: 8rem; + .sm\:text-orange-400 { + color: #f6ad55; } - .sm\:h-40 { - height: 10rem; + .sm\:text-orange-500 { + color: #ed8936; } - .sm\:h-48 { - height: 12rem; + .sm\:text-orange-600 { + color: #dd6b20; } - .sm\:h-56 { - height: 14rem; + .sm\:text-orange-700 { + color: #c05621; } - .sm\:h-64 { - height: 16rem; + .sm\:text-orange-800 { + color: #9c4221; } - .sm\:h-auto { - height: auto; + .sm\:text-orange-900 { + color: #7b341e; } - .sm\:h-px { - height: 1px; + .sm\:text-yellow-100 { + color: #fffff0; } - .sm\:h-full { - height: 100%; + .sm\:text-yellow-200 { + color: #fefcbf; } - .sm\:h-screen { - height: 100vh; + .sm\:text-yellow-300 { + color: #faf089; } - .sm\:leading-none { - line-height: 1; + .sm\:text-yellow-400 { + color: #f6e05e; } - .sm\:leading-tight { - line-height: 1.25; + .sm\:text-yellow-500 { + color: #ecc94b; } - .sm\:leading-snug { - line-height: 1.375; + .sm\:text-yellow-600 { + color: #d69e2e; } - .sm\:leading-normal { - line-height: 1.5; + .sm\:text-yellow-700 { + color: #b7791f; } - .sm\:leading-relaxed { - line-height: 1.625; + .sm\:text-yellow-800 { + color: #975a16; } - .sm\:leading-loose { - line-height: 2; + .sm\:text-yellow-900 { + color: #744210; } - .sm\:list-inside { - list-style-position: inside; + .sm\:text-green-100 { + color: #f0fff4; } - .sm\:list-outside { - list-style-position: outside; + .sm\:text-green-200 { + color: #c6f6d5; } - .sm\:list-none { - list-style-type: none; + .sm\:text-green-300 { + color: #9ae6b4; } - .sm\:list-disc { - list-style-type: disc; + .sm\:text-green-400 { + color: #68d391; } - .sm\:list-decimal { - list-style-type: decimal; + .sm\:text-green-500 { + color: #48bb78; } - .sm\:m-0 { - margin: 0; + .sm\:text-green-600 { + color: #38a169; } - .sm\:m-1 { - margin: 0.25rem; + .sm\:text-green-700 { + color: #2f855a; } - .sm\:m-2 { - margin: 0.5rem; + .sm\:text-green-800 { + color: #276749; } - .sm\:m-3 { - margin: 0.75rem; + .sm\:text-green-900 { + color: #22543d; } - .sm\:m-4 { - margin: 1rem; + .sm\:text-teal-100 { + color: #e6fffa; } - .sm\:m-5 { - margin: 1.25rem; + .sm\:text-teal-200 { + color: #b2f5ea; } - .sm\:m-6 { - margin: 1.5rem; + .sm\:text-teal-300 { + color: #81e6d9; } - .sm\:m-8 { - margin: 2rem; + .sm\:text-teal-400 { + color: #4fd1c5; } - .sm\:m-10 { - margin: 2.5rem; + .sm\:text-teal-500 { + color: #38b2ac; } - .sm\:m-12 { - margin: 3rem; + .sm\:text-teal-600 { + color: #319795; } - .sm\:m-16 { - margin: 4rem; + .sm\:text-teal-700 { + color: #2c7a7b; } - .sm\:m-20 { - margin: 5rem; + .sm\:text-teal-800 { + color: #285e61; } - .sm\:m-24 { - margin: 6rem; + .sm\:text-teal-900 { + color: #234e52; } - .sm\:m-32 { - margin: 8rem; + .sm\:text-blue-100 { + color: #ebf8ff; } - .sm\:m-40 { - margin: 10rem; + .sm\:text-blue-200 { + color: #bee3f8; } - .sm\:m-48 { - margin: 12rem; + .sm\:text-blue-300 { + color: #90cdf4; } - .sm\:m-56 { - margin: 14rem; + .sm\:text-blue-400 { + color: #63b3ed; } - .sm\:m-64 { - margin: 16rem; + .sm\:text-blue-500 { + color: #4299e1; } - .sm\:m-auto { - margin: auto; + .sm\:text-blue-600 { + color: #3182ce; } - .sm\:m-px { - margin: 1px; + .sm\:text-blue-700 { + color: #2b6cb0; } - .sm\:-m-1 { - margin: -0.25rem; + .sm\:text-blue-800 { + color: #2c5282; } - .sm\:-m-2 { - margin: -0.5rem; + .sm\:text-blue-900 { + color: #2a4365; } - .sm\:-m-3 { - margin: -0.75rem; + .sm\:text-indigo-100 { + color: #ebf4ff; } - .sm\:-m-4 { - margin: -1rem; + .sm\:text-indigo-200 { + color: #c3dafe; } - .sm\:-m-5 { - margin: -1.25rem; + .sm\:text-indigo-300 { + color: #a3bffa; } - .sm\:-m-6 { - margin: -1.5rem; + .sm\:text-indigo-400 { + color: #7f9cf5; } - .sm\:-m-8 { - margin: -2rem; + .sm\:text-indigo-500 { + color: #667eea; } - .sm\:-m-10 { - margin: -2.5rem; + .sm\:text-indigo-600 { + color: #5a67d8; } - .sm\:-m-12 { - margin: -3rem; + .sm\:text-indigo-700 { + color: #4c51bf; } - .sm\:-m-16 { - margin: -4rem; + .sm\:text-indigo-800 { + color: #434190; } - .sm\:-m-20 { - margin: -5rem; + .sm\:text-indigo-900 { + color: #3c366b; } - .sm\:-m-24 { - margin: -6rem; + .sm\:text-purple-100 { + color: #faf5ff; } - .sm\:-m-32 { - margin: -8rem; + .sm\:text-purple-200 { + color: #e9d8fd; } - .sm\:-m-40 { - margin: -10rem; + .sm\:text-purple-300 { + color: #d6bcfa; } - .sm\:-m-48 { - margin: -12rem; + .sm\:text-purple-400 { + color: #b794f4; } - .sm\:-m-56 { - margin: -14rem; + .sm\:text-purple-500 { + color: #9f7aea; } - .sm\:-m-64 { - margin: -16rem; + .sm\:text-purple-600 { + color: #805ad5; } - .sm\:-m-px { - margin: -1px; + .sm\:text-purple-700 { + color: #6b46c1; } - .sm\:my-0 { - margin-top: 0; - margin-bottom: 0; + .sm\:text-purple-800 { + color: #553c9a; } - .sm\:mx-0 { - margin-left: 0; - margin-right: 0; + .sm\:text-purple-900 { + color: #44337a; } - .sm\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .sm\:text-pink-100 { + color: #fff5f7; } - .sm\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .sm\:text-pink-200 { + color: #fed7e2; } - .sm\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .sm\:text-pink-300 { + color: #fbb6ce; } - .sm\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .sm\:text-pink-400 { + color: #f687b3; } - .sm\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .sm\:text-pink-500 { + color: #ed64a6; } - .sm\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .sm\:text-pink-600 { + color: #d53f8c; } - .sm\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .sm\:text-pink-700 { + color: #b83280; } - .sm\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .sm\:text-pink-800 { + color: #97266d; } - .sm\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .sm\:text-pink-900 { + color: #702459; } - .sm\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .sm\:hover\:text-transparent:hover { + color: transparent; } - .sm\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .sm\:hover\:text-black:hover { + color: #000; } - .sm\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .sm\:hover\:text-white:hover { + color: #fff; } - .sm\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .sm\:hover\:text-gray-100:hover { + color: #f7fafc; } - .sm\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .sm\:hover\:text-gray-200:hover { + color: #edf2f7; } - .sm\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .sm\:hover\:text-gray-300:hover { + color: #e2e8f0; } - .sm\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .sm\:hover\:text-gray-400:hover { + color: #cbd5e0; } - .sm\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .sm\:hover\:text-gray-500:hover { + color: #a0aec0; } - .sm\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .sm\:hover\:text-gray-600:hover { + color: #718096; } - .sm\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .sm\:hover\:text-gray-700:hover { + color: #4a5568; } - .sm\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .sm\:hover\:text-gray-800:hover { + color: #2d3748; } - .sm\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .sm\:hover\:text-gray-900:hover { + color: #1a202c; } - .sm\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .sm\:hover\:text-red-100:hover { + color: #fff5f5; } - .sm\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .sm\:hover\:text-red-200:hover { + color: #fed7d7; } - .sm\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .sm\:hover\:text-red-300:hover { + color: #feb2b2; } - .sm\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .sm\:hover\:text-red-400:hover { + color: #fc8181; } - .sm\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .sm\:hover\:text-red-500:hover { + color: #f56565; } - .sm\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .sm\:hover\:text-red-600:hover { + color: #e53e3e; } - .sm\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .sm\:hover\:text-red-700:hover { + color: #c53030; } - .sm\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .sm\:hover\:text-red-800:hover { + color: #9b2c2c; } - .sm\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .sm\:hover\:text-red-900:hover { + color: #742a2a; } - .sm\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .sm\:hover\:text-orange-100:hover { + color: #fffaf0; } - .sm\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .sm\:hover\:text-orange-200:hover { + color: #feebc8; } - .sm\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .sm\:hover\:text-orange-300:hover { + color: #fbd38d; } - .sm\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .sm\:hover\:text-orange-400:hover { + color: #f6ad55; } - .sm\:my-auto { - margin-top: auto; - margin-bottom: auto; + .sm\:hover\:text-orange-500:hover { + color: #ed8936; } - .sm\:mx-auto { - margin-left: auto; - margin-right: auto; + .sm\:hover\:text-orange-600:hover { + color: #dd6b20; } - .sm\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .sm\:hover\:text-orange-700:hover { + color: #c05621; } - .sm\:mx-px { - margin-left: 1px; - margin-right: 1px; + .sm\:hover\:text-orange-800:hover { + color: #9c4221; } - .sm\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .sm\:hover\:text-orange-900:hover { + color: #7b341e; } - .sm\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .sm\:hover\:text-yellow-100:hover { + color: #fffff0; } - .sm\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .sm\:hover\:text-yellow-200:hover { + color: #fefcbf; } - .sm\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .sm\:hover\:text-yellow-300:hover { + color: #faf089; } - .sm\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .sm\:hover\:text-yellow-400:hover { + color: #f6e05e; } - .sm\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .sm\:hover\:text-yellow-500:hover { + color: #ecc94b; } - .sm\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .sm\:hover\:text-yellow-600:hover { + color: #d69e2e; } - .sm\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .sm\:hover\:text-yellow-700:hover { + color: #b7791f; } - .sm\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .sm\:hover\:text-yellow-800:hover { + color: #975a16; } - .sm\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .sm\:hover\:text-yellow-900:hover { + color: #744210; } - .sm\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .sm\:hover\:text-green-100:hover { + color: #f0fff4; } - .sm\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .sm\:hover\:text-green-200:hover { + color: #c6f6d5; } - .sm\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .sm\:hover\:text-green-300:hover { + color: #9ae6b4; } - .sm\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .sm\:hover\:text-green-400:hover { + color: #68d391; } - .sm\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .sm\:hover\:text-green-500:hover { + color: #48bb78; } - .sm\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .sm\:hover\:text-green-600:hover { + color: #38a169; } - .sm\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .sm\:hover\:text-green-700:hover { + color: #2f855a; } - .sm\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .sm\:hover\:text-green-800:hover { + color: #276749; } - .sm\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .sm\:hover\:text-green-900:hover { + color: #22543d; } - .sm\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .sm\:hover\:text-teal-100:hover { + color: #e6fffa; } - .sm\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .sm\:hover\:text-teal-200:hover { + color: #b2f5ea; } - .sm\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .sm\:hover\:text-teal-300:hover { + color: #81e6d9; } - .sm\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .sm\:hover\:text-teal-400:hover { + color: #4fd1c5; } - .sm\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .sm\:hover\:text-teal-500:hover { + color: #38b2ac; } - .sm\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .sm\:hover\:text-teal-600:hover { + color: #319795; } - .sm\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .sm\:hover\:text-teal-700:hover { + color: #2c7a7b; } - .sm\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .sm\:hover\:text-teal-800:hover { + color: #285e61; } - .sm\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .sm\:hover\:text-teal-900:hover { + color: #234e52; } - .sm\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .sm\:hover\:text-blue-100:hover { + color: #ebf8ff; } - .sm\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .sm\:hover\:text-blue-200:hover { + color: #bee3f8; } - .sm\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .sm\:hover\:text-blue-300:hover { + color: #90cdf4; } - .sm\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .sm\:hover\:text-blue-400:hover { + color: #63b3ed; } - .sm\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .sm\:hover\:text-blue-500:hover { + color: #4299e1; } - .sm\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .sm\:hover\:text-blue-600:hover { + color: #3182ce; } - .sm\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .sm\:hover\:text-blue-700:hover { + color: #2b6cb0; } - .sm\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .sm\:hover\:text-blue-800:hover { + color: #2c5282; } - .sm\:mt-0 { - margin-top: 0; + .sm\:hover\:text-blue-900:hover { + color: #2a4365; } - .sm\:mr-0 { - margin-right: 0; + .sm\:hover\:text-indigo-100:hover { + color: #ebf4ff; } - .sm\:mb-0 { - margin-bottom: 0; + .sm\:hover\:text-indigo-200:hover { + color: #c3dafe; } - .sm\:ml-0 { - margin-left: 0; + .sm\:hover\:text-indigo-300:hover { + color: #a3bffa; } - .sm\:mt-1 { - margin-top: 0.25rem; + .sm\:hover\:text-indigo-400:hover { + color: #7f9cf5; } - .sm\:mr-1 { - margin-right: 0.25rem; + .sm\:hover\:text-indigo-500:hover { + color: #667eea; } - .sm\:mb-1 { - margin-bottom: 0.25rem; + .sm\:hover\:text-indigo-600:hover { + color: #5a67d8; } - .sm\:ml-1 { - margin-left: 0.25rem; + .sm\:hover\:text-indigo-700:hover { + color: #4c51bf; } - .sm\:mt-2 { - margin-top: 0.5rem; + .sm\:hover\:text-indigo-800:hover { + color: #434190; } - .sm\:mr-2 { - margin-right: 0.5rem; + .sm\:hover\:text-indigo-900:hover { + color: #3c366b; } - .sm\:mb-2 { - margin-bottom: 0.5rem; + .sm\:hover\:text-purple-100:hover { + color: #faf5ff; } - .sm\:ml-2 { - margin-left: 0.5rem; + .sm\:hover\:text-purple-200:hover { + color: #e9d8fd; } - .sm\:mt-3 { - margin-top: 0.75rem; + .sm\:hover\:text-purple-300:hover { + color: #d6bcfa; } - .sm\:mr-3 { - margin-right: 0.75rem; + .sm\:hover\:text-purple-400:hover { + color: #b794f4; } - .sm\:mb-3 { - margin-bottom: 0.75rem; + .sm\:hover\:text-purple-500:hover { + color: #9f7aea; } - .sm\:ml-3 { - margin-left: 0.75rem; + .sm\:hover\:text-purple-600:hover { + color: #805ad5; } - .sm\:mt-4 { - margin-top: 1rem; + .sm\:hover\:text-purple-700:hover { + color: #6b46c1; } - .sm\:mr-4 { - margin-right: 1rem; + .sm\:hover\:text-purple-800:hover { + color: #553c9a; } - .sm\:mb-4 { - margin-bottom: 1rem; + .sm\:hover\:text-purple-900:hover { + color: #44337a; } - .sm\:ml-4 { - margin-left: 1rem; + .sm\:hover\:text-pink-100:hover { + color: #fff5f7; } - .sm\:mt-5 { - margin-top: 1.25rem; + .sm\:hover\:text-pink-200:hover { + color: #fed7e2; } - .sm\:mr-5 { - margin-right: 1.25rem; + .sm\:hover\:text-pink-300:hover { + color: #fbb6ce; } - .sm\:mb-5 { - margin-bottom: 1.25rem; + .sm\:hover\:text-pink-400:hover { + color: #f687b3; } - .sm\:ml-5 { - margin-left: 1.25rem; + .sm\:hover\:text-pink-500:hover { + color: #ed64a6; } - .sm\:mt-6 { - margin-top: 1.5rem; + .sm\:hover\:text-pink-600:hover { + color: #d53f8c; } - .sm\:mr-6 { - margin-right: 1.5rem; + .sm\:hover\:text-pink-700:hover { + color: #b83280; } - .sm\:mb-6 { - margin-bottom: 1.5rem; + .sm\:hover\:text-pink-800:hover { + color: #97266d; } - .sm\:ml-6 { - margin-left: 1.5rem; + .sm\:hover\:text-pink-900:hover { + color: #702459; } - .sm\:mt-8 { - margin-top: 2rem; + .sm\:focus\:text-transparent:focus { + color: transparent; } - .sm\:mr-8 { - margin-right: 2rem; + .sm\:focus\:text-black:focus { + color: #000; } - .sm\:mb-8 { - margin-bottom: 2rem; + .sm\:focus\:text-white:focus { + color: #fff; } - .sm\:ml-8 { - margin-left: 2rem; + .sm\:focus\:text-gray-100:focus { + color: #f7fafc; } - .sm\:mt-10 { - margin-top: 2.5rem; + .sm\:focus\:text-gray-200:focus { + color: #edf2f7; } - .sm\:mr-10 { - margin-right: 2.5rem; + .sm\:focus\:text-gray-300:focus { + color: #e2e8f0; } - .sm\:mb-10 { - margin-bottom: 2.5rem; + .sm\:focus\:text-gray-400:focus { + color: #cbd5e0; } - .sm\:ml-10 { - margin-left: 2.5rem; + .sm\:focus\:text-gray-500:focus { + color: #a0aec0; } - .sm\:mt-12 { - margin-top: 3rem; + .sm\:focus\:text-gray-600:focus { + color: #718096; } - .sm\:mr-12 { - margin-right: 3rem; + .sm\:focus\:text-gray-700:focus { + color: #4a5568; } - .sm\:mb-12 { - margin-bottom: 3rem; + .sm\:focus\:text-gray-800:focus { + color: #2d3748; } - .sm\:ml-12 { - margin-left: 3rem; + .sm\:focus\:text-gray-900:focus { + color: #1a202c; } - .sm\:mt-16 { - margin-top: 4rem; + .sm\:focus\:text-red-100:focus { + color: #fff5f5; } - .sm\:mr-16 { - margin-right: 4rem; + .sm\:focus\:text-red-200:focus { + color: #fed7d7; } - .sm\:mb-16 { - margin-bottom: 4rem; + .sm\:focus\:text-red-300:focus { + color: #feb2b2; } - .sm\:ml-16 { - margin-left: 4rem; + .sm\:focus\:text-red-400:focus { + color: #fc8181; } - .sm\:mt-20 { - margin-top: 5rem; + .sm\:focus\:text-red-500:focus { + color: #f56565; } - .sm\:mr-20 { - margin-right: 5rem; + .sm\:focus\:text-red-600:focus { + color: #e53e3e; } - .sm\:mb-20 { - margin-bottom: 5rem; + .sm\:focus\:text-red-700:focus { + color: #c53030; } - .sm\:ml-20 { - margin-left: 5rem; + .sm\:focus\:text-red-800:focus { + color: #9b2c2c; } - .sm\:mt-24 { - margin-top: 6rem; + .sm\:focus\:text-red-900:focus { + color: #742a2a; } - .sm\:mr-24 { - margin-right: 6rem; + .sm\:focus\:text-orange-100:focus { + color: #fffaf0; } - .sm\:mb-24 { - margin-bottom: 6rem; + .sm\:focus\:text-orange-200:focus { + color: #feebc8; } - .sm\:ml-24 { - margin-left: 6rem; + .sm\:focus\:text-orange-300:focus { + color: #fbd38d; } - .sm\:mt-32 { - margin-top: 8rem; + .sm\:focus\:text-orange-400:focus { + color: #f6ad55; } - .sm\:mr-32 { - margin-right: 8rem; + .sm\:focus\:text-orange-500:focus { + color: #ed8936; } - .sm\:mb-32 { - margin-bottom: 8rem; + .sm\:focus\:text-orange-600:focus { + color: #dd6b20; } - .sm\:ml-32 { - margin-left: 8rem; + .sm\:focus\:text-orange-700:focus { + color: #c05621; } - .sm\:mt-40 { - margin-top: 10rem; + .sm\:focus\:text-orange-800:focus { + color: #9c4221; } - .sm\:mr-40 { - margin-right: 10rem; + .sm\:focus\:text-orange-900:focus { + color: #7b341e; } - .sm\:mb-40 { - margin-bottom: 10rem; + .sm\:focus\:text-yellow-100:focus { + color: #fffff0; } - .sm\:ml-40 { - margin-left: 10rem; + .sm\:focus\:text-yellow-200:focus { + color: #fefcbf; } - .sm\:mt-48 { - margin-top: 12rem; + .sm\:focus\:text-yellow-300:focus { + color: #faf089; } - .sm\:mr-48 { - margin-right: 12rem; + .sm\:focus\:text-yellow-400:focus { + color: #f6e05e; } - .sm\:mb-48 { - margin-bottom: 12rem; + .sm\:focus\:text-yellow-500:focus { + color: #ecc94b; } - .sm\:ml-48 { - margin-left: 12rem; + .sm\:focus\:text-yellow-600:focus { + color: #d69e2e; } - .sm\:mt-56 { - margin-top: 14rem; + .sm\:focus\:text-yellow-700:focus { + color: #b7791f; } - .sm\:mr-56 { - margin-right: 14rem; + .sm\:focus\:text-yellow-800:focus { + color: #975a16; } - .sm\:mb-56 { - margin-bottom: 14rem; + .sm\:focus\:text-yellow-900:focus { + color: #744210; } - .sm\:ml-56 { - margin-left: 14rem; + .sm\:focus\:text-green-100:focus { + color: #f0fff4; } - .sm\:mt-64 { - margin-top: 16rem; + .sm\:focus\:text-green-200:focus { + color: #c6f6d5; } - .sm\:mr-64 { - margin-right: 16rem; + .sm\:focus\:text-green-300:focus { + color: #9ae6b4; } - .sm\:mb-64 { - margin-bottom: 16rem; + .sm\:focus\:text-green-400:focus { + color: #68d391; } - .sm\:ml-64 { - margin-left: 16rem; + .sm\:focus\:text-green-500:focus { + color: #48bb78; } - .sm\:mt-auto { - margin-top: auto; + .sm\:focus\:text-green-600:focus { + color: #38a169; } - .sm\:mr-auto { - margin-right: auto; + .sm\:focus\:text-green-700:focus { + color: #2f855a; } - .sm\:mb-auto { - margin-bottom: auto; + .sm\:focus\:text-green-800:focus { + color: #276749; } - .sm\:ml-auto { - margin-left: auto; + .sm\:focus\:text-green-900:focus { + color: #22543d; } - .sm\:mt-px { - margin-top: 1px; + .sm\:focus\:text-teal-100:focus { + color: #e6fffa; } - .sm\:mr-px { - margin-right: 1px; + .sm\:focus\:text-teal-200:focus { + color: #b2f5ea; } - .sm\:mb-px { - margin-bottom: 1px; + .sm\:focus\:text-teal-300:focus { + color: #81e6d9; } - .sm\:ml-px { - margin-left: 1px; + .sm\:focus\:text-teal-400:focus { + color: #4fd1c5; } - .sm\:-mt-1 { - margin-top: -0.25rem; + .sm\:focus\:text-teal-500:focus { + color: #38b2ac; } - .sm\:-mr-1 { - margin-right: -0.25rem; + .sm\:focus\:text-teal-600:focus { + color: #319795; } - .sm\:-mb-1 { - margin-bottom: -0.25rem; + .sm\:focus\:text-teal-700:focus { + color: #2c7a7b; } - .sm\:-ml-1 { - margin-left: -0.25rem; + .sm\:focus\:text-teal-800:focus { + color: #285e61; } - .sm\:-mt-2 { - margin-top: -0.5rem; + .sm\:focus\:text-teal-900:focus { + color: #234e52; } - .sm\:-mr-2 { - margin-right: -0.5rem; + .sm\:focus\:text-blue-100:focus { + color: #ebf8ff; } - .sm\:-mb-2 { - margin-bottom: -0.5rem; + .sm\:focus\:text-blue-200:focus { + color: #bee3f8; } - .sm\:-ml-2 { - margin-left: -0.5rem; + .sm\:focus\:text-blue-300:focus { + color: #90cdf4; } - .sm\:-mt-3 { - margin-top: -0.75rem; + .sm\:focus\:text-blue-400:focus { + color: #63b3ed; } - .sm\:-mr-3 { - margin-right: -0.75rem; + .sm\:focus\:text-blue-500:focus { + color: #4299e1; } - .sm\:-mb-3 { - margin-bottom: -0.75rem; + .sm\:focus\:text-blue-600:focus { + color: #3182ce; } - .sm\:-ml-3 { - margin-left: -0.75rem; + .sm\:focus\:text-blue-700:focus { + color: #2b6cb0; } - .sm\:-mt-4 { - margin-top: -1rem; + .sm\:focus\:text-blue-800:focus { + color: #2c5282; } - .sm\:-mr-4 { - margin-right: -1rem; + .sm\:focus\:text-blue-900:focus { + color: #2a4365; } - .sm\:-mb-4 { - margin-bottom: -1rem; + .sm\:focus\:text-indigo-100:focus { + color: #ebf4ff; } - .sm\:-ml-4 { - margin-left: -1rem; + .sm\:focus\:text-indigo-200:focus { + color: #c3dafe; } - .sm\:-mt-5 { - margin-top: -1.25rem; + .sm\:focus\:text-indigo-300:focus { + color: #a3bffa; } - .sm\:-mr-5 { - margin-right: -1.25rem; + .sm\:focus\:text-indigo-400:focus { + color: #7f9cf5; } - .sm\:-mb-5 { - margin-bottom: -1.25rem; + .sm\:focus\:text-indigo-500:focus { + color: #667eea; } - .sm\:-ml-5 { - margin-left: -1.25rem; + .sm\:focus\:text-indigo-600:focus { + color: #5a67d8; } - .sm\:-mt-6 { - margin-top: -1.5rem; + .sm\:focus\:text-indigo-700:focus { + color: #4c51bf; } - .sm\:-mr-6 { - margin-right: -1.5rem; + .sm\:focus\:text-indigo-800:focus { + color: #434190; } - .sm\:-mb-6 { - margin-bottom: -1.5rem; + .sm\:focus\:text-indigo-900:focus { + color: #3c366b; } - .sm\:-ml-6 { - margin-left: -1.5rem; + .sm\:focus\:text-purple-100:focus { + color: #faf5ff; } - .sm\:-mt-8 { - margin-top: -2rem; + .sm\:focus\:text-purple-200:focus { + color: #e9d8fd; } - .sm\:-mr-8 { - margin-right: -2rem; + .sm\:focus\:text-purple-300:focus { + color: #d6bcfa; } - .sm\:-mb-8 { - margin-bottom: -2rem; + .sm\:focus\:text-purple-400:focus { + color: #b794f4; } - .sm\:-ml-8 { - margin-left: -2rem; + .sm\:focus\:text-purple-500:focus { + color: #9f7aea; } - .sm\:-mt-10 { - margin-top: -2.5rem; + .sm\:focus\:text-purple-600:focus { + color: #805ad5; } - .sm\:-mr-10 { - margin-right: -2.5rem; + .sm\:focus\:text-purple-700:focus { + color: #6b46c1; } - .sm\:-mb-10 { - margin-bottom: -2.5rem; + .sm\:focus\:text-purple-800:focus { + color: #553c9a; } - .sm\:-ml-10 { - margin-left: -2.5rem; + .sm\:focus\:text-purple-900:focus { + color: #44337a; } - .sm\:-mt-12 { - margin-top: -3rem; + .sm\:focus\:text-pink-100:focus { + color: #fff5f7; } - .sm\:-mr-12 { - margin-right: -3rem; + .sm\:focus\:text-pink-200:focus { + color: #fed7e2; } - .sm\:-mb-12 { - margin-bottom: -3rem; + .sm\:focus\:text-pink-300:focus { + color: #fbb6ce; } - .sm\:-ml-12 { - margin-left: -3rem; + .sm\:focus\:text-pink-400:focus { + color: #f687b3; } - .sm\:-mt-16 { - margin-top: -4rem; + .sm\:focus\:text-pink-500:focus { + color: #ed64a6; } - .sm\:-mr-16 { - margin-right: -4rem; + .sm\:focus\:text-pink-600:focus { + color: #d53f8c; } - .sm\:-mb-16 { - margin-bottom: -4rem; + .sm\:focus\:text-pink-700:focus { + color: #b83280; } - .sm\:-ml-16 { - margin-left: -4rem; + .sm\:focus\:text-pink-800:focus { + color: #97266d; } - .sm\:-mt-20 { - margin-top: -5rem; + .sm\:focus\:text-pink-900:focus { + color: #702459; } - .sm\:-mr-20 { - margin-right: -5rem; + .sm\:text-xs { + font-size: 0.75rem; } - .sm\:-mb-20 { - margin-bottom: -5rem; + .sm\:text-sm { + font-size: 0.875rem; } - .sm\:-ml-20 { - margin-left: -5rem; + .sm\:text-base { + font-size: 1rem; } - .sm\:-mt-24 { - margin-top: -6rem; + .sm\:text-lg { + font-size: 1.125rem; } - .sm\:-mr-24 { - margin-right: -6rem; + .sm\:text-xl { + font-size: 1.25rem; } - .sm\:-mb-24 { - margin-bottom: -6rem; + .sm\:text-2xl { + font-size: 1.5rem; } - .sm\:-ml-24 { - margin-left: -6rem; + .sm\:text-3xl { + font-size: 1.875rem; } - .sm\:-mt-32 { - margin-top: -8rem; + .sm\:text-4xl { + font-size: 2.25rem; } - .sm\:-mr-32 { - margin-right: -8rem; + .sm\:text-5xl { + font-size: 3rem; } - .sm\:-mb-32 { - margin-bottom: -8rem; + .sm\:text-6xl { + font-size: 4rem; } - .sm\:-ml-32 { - margin-left: -8rem; + .sm\:italic { + font-style: italic; } - .sm\:-mt-40 { - margin-top: -10rem; + .sm\:not-italic { + font-style: normal; } - .sm\:-mr-40 { - margin-right: -10rem; + .sm\:uppercase { + text-transform: uppercase; } - .sm\:-mb-40 { - margin-bottom: -10rem; + .sm\:lowercase { + text-transform: lowercase; } - .sm\:-ml-40 { - margin-left: -10rem; + .sm\:capitalize { + text-transform: capitalize; } - .sm\:-mt-48 { - margin-top: -12rem; + .sm\:normal-case { + text-transform: none; } - .sm\:-mr-48 { - margin-right: -12rem; + .sm\:underline { + text-decoration: underline; } - .sm\:-mb-48 { - margin-bottom: -12rem; + .sm\:line-through { + text-decoration: line-through; } - .sm\:-ml-48 { - margin-left: -12rem; + .sm\:no-underline { + text-decoration: none; } - .sm\:-mt-56 { - margin-top: -14rem; + .sm\:hover\:underline:hover { + text-decoration: underline; } - .sm\:-mr-56 { - margin-right: -14rem; + .sm\:hover\:line-through:hover { + text-decoration: line-through; } - .sm\:-mb-56 { - margin-bottom: -14rem; + .sm\:hover\:no-underline:hover { + text-decoration: none; } - .sm\:-ml-56 { - margin-left: -14rem; + .sm\:focus\:underline:focus { + text-decoration: underline; } - .sm\:-mt-64 { - margin-top: -16rem; + .sm\:focus\:line-through:focus { + text-decoration: line-through; } - .sm\:-mr-64 { - margin-right: -16rem; + .sm\:focus\:no-underline:focus { + text-decoration: none; } - .sm\:-mb-64 { - margin-bottom: -16rem; + .sm\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .sm\:-ml-64 { - margin-left: -16rem; + .sm\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .sm\:-mt-px { - margin-top: -1px; + .sm\:tracking-tighter { + letter-spacing: -0.05em; } - .sm\:-mr-px { - margin-right: -1px; + .sm\:tracking-tight { + letter-spacing: -0.025em; } - .sm\:-mb-px { - margin-bottom: -1px; + .sm\:tracking-normal { + letter-spacing: 0; } - .sm\:-ml-px { - margin-left: -1px; + .sm\:tracking-wide { + letter-spacing: 0.025em; } - .sm\:max-h-full { - max-height: 100%; + .sm\:tracking-wider { + letter-spacing: 0.05em; } - .sm\:max-h-screen { - max-height: 100vh; + .sm\:tracking-widest { + letter-spacing: 0.1em; } - .sm\:max-w-xs { - max-width: 20rem; + .sm\:select-none { + user-select: none; } - .sm\:max-w-sm { - max-width: 24rem; + .sm\:select-text { + user-select: text; } - .sm\:max-w-md { - max-width: 28rem; + .sm\:select-all { + user-select: all; } - .sm\:max-w-lg { - max-width: 32rem; + .sm\:select-auto { + user-select: auto; } - .sm\:max-w-xl { - max-width: 36rem; + .sm\:align-baseline { + vertical-align: baseline; } - .sm\:max-w-2xl { - max-width: 42rem; + .sm\:align-top { + vertical-align: top; } - .sm\:max-w-3xl { - max-width: 48rem; + .sm\:align-middle { + vertical-align: middle; } - .sm\:max-w-4xl { - max-width: 56rem; + .sm\:align-bottom { + vertical-align: bottom; } - .sm\:max-w-5xl { - max-width: 64rem; + .sm\:align-text-top { + vertical-align: text-top; } - .sm\:max-w-6xl { - max-width: 72rem; + .sm\:align-text-bottom { + vertical-align: text-bottom; } - .sm\:max-w-full { - max-width: 100%; + .sm\:visible { + visibility: visible; } - .sm\:min-h-0 { - min-height: 0; + .sm\:invisible { + visibility: hidden; } - .sm\:min-h-full { - min-height: 100%; + .sm\:whitespace-normal { + white-space: normal; } - .sm\:min-h-screen { - min-height: 100vh; + .sm\:whitespace-no-wrap { + white-space: nowrap; } - .sm\:min-w-0 { - min-width: 0; + .sm\:whitespace-pre { + white-space: pre; } - .sm\:min-w-full { - min-width: 100%; + .sm\:whitespace-pre-line { + white-space: pre-line; } - .sm\:object-contain { - object-fit: contain; + .sm\:whitespace-pre-wrap { + white-space: pre-wrap; } - .sm\:object-cover { - object-fit: cover; + .sm\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .sm\:object-fill { - object-fit: fill; + .sm\:break-words { + overflow-wrap: break-word; } - .sm\:object-none { - object-fit: none; + .sm\:break-all { + word-break: break-all; } - .sm\:object-scale-down { - object-fit: scale-down; + .sm\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - - .sm\:object-bottom { - object-position: bottom; + + .sm\:w-0 { + width: 0; } - .sm\:object-center { - object-position: center; + .sm\:w-1 { + width: 0.25rem; } - .sm\:object-left { - object-position: left; + .sm\:w-2 { + width: 0.5rem; } - .sm\:object-left-bottom { - object-position: left bottom; + .sm\:w-3 { + width: 0.75rem; } - .sm\:object-left-top { - object-position: left top; + .sm\:w-4 { + width: 1rem; } - .sm\:object-right { - object-position: right; + .sm\:w-5 { + width: 1.25rem; } - .sm\:object-right-bottom { - object-position: right bottom; + .sm\:w-6 { + width: 1.5rem; } - .sm\:object-right-top { - object-position: right top; + .sm\:w-8 { + width: 2rem; } - .sm\:object-top { - object-position: top; + .sm\:w-10 { + width: 2.5rem; } - .sm\:opacity-0 { - opacity: 0; + .sm\:w-12 { + width: 3rem; } - .sm\:opacity-25 { - opacity: 0.25; + .sm\:w-16 { + width: 4rem; } - .sm\:opacity-50 { - opacity: 0.5; + .sm\:w-20 { + width: 5rem; } - .sm\:opacity-75 { - opacity: 0.75; + .sm\:w-24 { + width: 6rem; } - .sm\:opacity-100 { - opacity: 1; + .sm\:w-32 { + width: 8rem; } - .sm\:outline-none { - outline: 0; + .sm\:w-40 { + width: 10rem; } - .sm\:focus\:outline-none:focus { - outline: 0; + .sm\:w-48 { + width: 12rem; } - .sm\:overflow-auto { - overflow: auto; + .sm\:w-56 { + width: 14rem; } - .sm\:overflow-hidden { - overflow: hidden; + .sm\:w-64 { + width: 16rem; } - .sm\:overflow-visible { - overflow: visible; + .sm\:w-auto { + width: auto; } - .sm\:overflow-scroll { - overflow: scroll; + .sm\:w-px { + width: 1px; } - .sm\:overflow-x-auto { - overflow-x: auto; + .sm\:w-1\/2 { + width: 50%; } - .sm\:overflow-y-auto { - overflow-y: auto; + .sm\:w-1\/3 { + width: 33.333333%; } - .sm\:overflow-x-hidden { - overflow-x: hidden; + .sm\:w-2\/3 { + width: 66.666667%; } - .sm\:overflow-y-hidden { - overflow-y: hidden; + .sm\:w-1\/4 { + width: 25%; } - .sm\:overflow-x-visible { - overflow-x: visible; + .sm\:w-2\/4 { + width: 50%; } - .sm\:overflow-y-visible { - overflow-y: visible; + .sm\:w-3\/4 { + width: 75%; } - .sm\:overflow-x-scroll { - overflow-x: scroll; + .sm\:w-1\/5 { + width: 20%; } - .sm\:overflow-y-scroll { - overflow-y: scroll; + .sm\:w-2\/5 { + width: 40%; } - .sm\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .sm\:w-3\/5 { + width: 60%; } - .sm\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .sm\:w-4\/5 { + width: 80%; } - .sm\:p-0 { - padding: 0; + .sm\:w-1\/6 { + width: 16.666667%; } - .sm\:p-1 { - padding: 0.25rem; + .sm\:w-2\/6 { + width: 33.333333%; } - .sm\:p-2 { - padding: 0.5rem; + .sm\:w-3\/6 { + width: 50%; } - .sm\:p-3 { - padding: 0.75rem; + .sm\:w-4\/6 { + width: 66.666667%; } - .sm\:p-4 { - padding: 1rem; + .sm\:w-5\/6 { + width: 83.333333%; } - .sm\:p-5 { - padding: 1.25rem; + .sm\:w-1\/12 { + width: 8.333333%; } - .sm\:p-6 { - padding: 1.5rem; + .sm\:w-2\/12 { + width: 16.666667%; } - .sm\:p-8 { - padding: 2rem; + .sm\:w-3\/12 { + width: 25%; } - .sm\:p-10 { - padding: 2.5rem; + .sm\:w-4\/12 { + width: 33.333333%; } - .sm\:p-12 { - padding: 3rem; + .sm\:w-5\/12 { + width: 41.666667%; } - .sm\:p-16 { - padding: 4rem; + .sm\:w-6\/12 { + width: 50%; } - .sm\:p-20 { - padding: 5rem; + .sm\:w-7\/12 { + width: 58.333333%; } - .sm\:p-24 { - padding: 6rem; + .sm\:w-8\/12 { + width: 66.666667%; } - .sm\:p-32 { - padding: 8rem; + .sm\:w-9\/12 { + width: 75%; } - .sm\:p-40 { - padding: 10rem; + .sm\:w-10\/12 { + width: 83.333333%; } - .sm\:p-48 { - padding: 12rem; + .sm\:w-11\/12 { + width: 91.666667%; } - .sm\:p-56 { - padding: 14rem; + .sm\:w-full { + width: 100%; } - .sm\:p-64 { - padding: 16rem; + .sm\:w-screen { + width: 100vw; } - .sm\:p-px { - padding: 1px; + .sm\:z-0 { + z-index: 0; } - .sm\:py-0 { - padding-top: 0; - padding-bottom: 0; + .sm\:z-10 { + z-index: 10; } - .sm\:px-0 { - padding-left: 0; - padding-right: 0; + .sm\:z-20 { + z-index: 20; } - .sm\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .sm\:z-30 { + z-index: 30; } - .sm\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .sm\:z-40 { + z-index: 40; } - .sm\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .sm\:z-50 { + z-index: 50; } - .sm\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .sm\:z-auto { + z-index: auto; } - .sm\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .sm\:example { + font-weight: 700; + color: #f56565; } +} - .sm\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; +@media (min-width: 768px) { + .md\: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\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\: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\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .sm\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:appearance-none { + appearance: none; } - .sm\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:bg-fixed { + background-attachment: fixed; } - .sm\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:bg-local { + background-attachment: local; } - .sm\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:bg-scroll { + background-attachment: scroll; } - .sm\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:bg-transparent { + background-color: transparent; } - .sm\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:bg-black { + background-color: #000; } - .sm\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:bg-white { + background-color: #fff; } - .sm\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:bg-gray-100 { + background-color: #f7fafc; } - .sm\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:bg-gray-200 { + background-color: #edf2f7; } - .sm\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:bg-gray-300 { + background-color: #e2e8f0; } - .sm\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:bg-gray-400 { + background-color: #cbd5e0; } - .sm\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:bg-gray-500 { + background-color: #a0aec0; } - .sm\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:bg-gray-600 { + background-color: #718096; } - .sm\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:bg-gray-700 { + background-color: #4a5568; } - .sm\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:bg-gray-800 { + background-color: #2d3748; } - .sm\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:bg-gray-900 { + background-color: #1a202c; } - .sm\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:bg-red-100 { + background-color: #fff5f5; } - .sm\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:bg-red-200 { + background-color: #fed7d7; } - .sm\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:bg-red-300 { + background-color: #feb2b2; } - .sm\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .md\:bg-red-400 { + background-color: #fc8181; } - .sm\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .md\:bg-red-500 { + background-color: #f56565; } - .sm\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .md\:bg-red-600 { + background-color: #e53e3e; } - .sm\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .md\:bg-red-700 { + background-color: #c53030; } - .sm\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .md\:bg-red-800 { + background-color: #9b2c2c; } - .sm\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .md\:bg-red-900 { + background-color: #742a2a; } - .sm\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .md\:bg-orange-100 { + background-color: #fffaf0; } - .sm\:px-px { - padding-left: 1px; - padding-right: 1px; + .md\:bg-orange-200 { + background-color: #feebc8; } - .sm\:pt-0 { - padding-top: 0; + .md\:bg-orange-300 { + background-color: #fbd38d; } - .sm\:pr-0 { - padding-right: 0; + .md\:bg-orange-400 { + background-color: #f6ad55; } - .sm\:pb-0 { - padding-bottom: 0; + .md\:bg-orange-500 { + background-color: #ed8936; } - .sm\:pl-0 { - padding-left: 0; + .md\:bg-orange-600 { + background-color: #dd6b20; } - .sm\:pt-1 { - padding-top: 0.25rem; + .md\:bg-orange-700 { + background-color: #c05621; } - .sm\:pr-1 { - padding-right: 0.25rem; + .md\:bg-orange-800 { + background-color: #9c4221; } - .sm\:pb-1 { - padding-bottom: 0.25rem; + .md\:bg-orange-900 { + background-color: #7b341e; } - .sm\:pl-1 { - padding-left: 0.25rem; + .md\:bg-yellow-100 { + background-color: #fffff0; } - .sm\:pt-2 { - padding-top: 0.5rem; + .md\:bg-yellow-200 { + background-color: #fefcbf; } - .sm\:pr-2 { - padding-right: 0.5rem; + .md\:bg-yellow-300 { + background-color: #faf089; } - .sm\:pb-2 { - padding-bottom: 0.5rem; + .md\:bg-yellow-400 { + background-color: #f6e05e; } - .sm\:pl-2 { - padding-left: 0.5rem; + .md\:bg-yellow-500 { + background-color: #ecc94b; } - .sm\:pt-3 { - padding-top: 0.75rem; + .md\:bg-yellow-600 { + background-color: #d69e2e; } - .sm\:pr-3 { - padding-right: 0.75rem; + .md\:bg-yellow-700 { + background-color: #b7791f; } - .sm\:pb-3 { - padding-bottom: 0.75rem; + .md\:bg-yellow-800 { + background-color: #975a16; } - .sm\:pl-3 { - padding-left: 0.75rem; + .md\:bg-yellow-900 { + background-color: #744210; } - .sm\:pt-4 { - padding-top: 1rem; + .md\:bg-green-100 { + background-color: #f0fff4; } - .sm\:pr-4 { - padding-right: 1rem; + .md\:bg-green-200 { + background-color: #c6f6d5; } - .sm\:pb-4 { - padding-bottom: 1rem; + .md\:bg-green-300 { + background-color: #9ae6b4; } - .sm\:pl-4 { - padding-left: 1rem; + .md\:bg-green-400 { + background-color: #68d391; } - .sm\:pt-5 { - padding-top: 1.25rem; + .md\:bg-green-500 { + background-color: #48bb78; } - .sm\:pr-5 { - padding-right: 1.25rem; + .md\:bg-green-600 { + background-color: #38a169; } - .sm\:pb-5 { - padding-bottom: 1.25rem; + .md\:bg-green-700 { + background-color: #2f855a; } - .sm\:pl-5 { - padding-left: 1.25rem; + .md\:bg-green-800 { + background-color: #276749; } - .sm\:pt-6 { - padding-top: 1.5rem; + .md\:bg-green-900 { + background-color: #22543d; } - .sm\:pr-6 { - padding-right: 1.5rem; + .md\:bg-teal-100 { + background-color: #e6fffa; } - .sm\:pb-6 { - padding-bottom: 1.5rem; + .md\:bg-teal-200 { + background-color: #b2f5ea; } - .sm\:pl-6 { - padding-left: 1.5rem; + .md\:bg-teal-300 { + background-color: #81e6d9; } - .sm\:pt-8 { - padding-top: 2rem; + .md\:bg-teal-400 { + background-color: #4fd1c5; } - .sm\:pr-8 { - padding-right: 2rem; + .md\:bg-teal-500 { + background-color: #38b2ac; } - .sm\:pb-8 { - padding-bottom: 2rem; + .md\:bg-teal-600 { + background-color: #319795; } - .sm\:pl-8 { - padding-left: 2rem; + .md\:bg-teal-700 { + background-color: #2c7a7b; } - .sm\:pt-10 { - padding-top: 2.5rem; + .md\:bg-teal-800 { + background-color: #285e61; } - .sm\:pr-10 { - padding-right: 2.5rem; + .md\:bg-teal-900 { + background-color: #234e52; } - .sm\:pb-10 { - padding-bottom: 2.5rem; + .md\:bg-blue-100 { + background-color: #ebf8ff; } - .sm\:pl-10 { - padding-left: 2.5rem; + .md\:bg-blue-200 { + background-color: #bee3f8; } - .sm\:pt-12 { - padding-top: 3rem; + .md\:bg-blue-300 { + background-color: #90cdf4; } - .sm\:pr-12 { - padding-right: 3rem; + .md\:bg-blue-400 { + background-color: #63b3ed; } - .sm\:pb-12 { - padding-bottom: 3rem; + .md\:bg-blue-500 { + background-color: #4299e1; } - .sm\:pl-12 { - padding-left: 3rem; + .md\:bg-blue-600 { + background-color: #3182ce; } - .sm\:pt-16 { - padding-top: 4rem; + .md\:bg-blue-700 { + background-color: #2b6cb0; } - .sm\:pr-16 { - padding-right: 4rem; + .md\:bg-blue-800 { + background-color: #2c5282; } - .sm\:pb-16 { - padding-bottom: 4rem; + .md\:bg-blue-900 { + background-color: #2a4365; } - .sm\:pl-16 { - padding-left: 4rem; + .md\:bg-indigo-100 { + background-color: #ebf4ff; } - .sm\:pt-20 { - padding-top: 5rem; + .md\:bg-indigo-200 { + background-color: #c3dafe; } - .sm\:pr-20 { - padding-right: 5rem; + .md\:bg-indigo-300 { + background-color: #a3bffa; } - .sm\:pb-20 { - padding-bottom: 5rem; + .md\:bg-indigo-400 { + background-color: #7f9cf5; } - .sm\:pl-20 { - padding-left: 5rem; + .md\:bg-indigo-500 { + background-color: #667eea; } - .sm\:pt-24 { - padding-top: 6rem; + .md\:bg-indigo-600 { + background-color: #5a67d8; } - .sm\:pr-24 { - padding-right: 6rem; + .md\:bg-indigo-700 { + background-color: #4c51bf; } - .sm\:pb-24 { - padding-bottom: 6rem; + .md\:bg-indigo-800 { + background-color: #434190; } - .sm\:pl-24 { - padding-left: 6rem; + .md\:bg-indigo-900 { + background-color: #3c366b; } - .sm\:pt-32 { - padding-top: 8rem; + .md\:bg-purple-100 { + background-color: #faf5ff; } - .sm\:pr-32 { - padding-right: 8rem; + .md\:bg-purple-200 { + background-color: #e9d8fd; } - .sm\:pb-32 { - padding-bottom: 8rem; + .md\:bg-purple-300 { + background-color: #d6bcfa; } - .sm\:pl-32 { - padding-left: 8rem; + .md\:bg-purple-400 { + background-color: #b794f4; } - .sm\:pt-40 { - padding-top: 10rem; + .md\:bg-purple-500 { + background-color: #9f7aea; } - .sm\:pr-40 { - padding-right: 10rem; + .md\:bg-purple-600 { + background-color: #805ad5; } - .sm\:pb-40 { - padding-bottom: 10rem; + .md\:bg-purple-700 { + background-color: #6b46c1; } - .sm\:pl-40 { - padding-left: 10rem; + .md\:bg-purple-800 { + background-color: #553c9a; } - .sm\:pt-48 { - padding-top: 12rem; + .md\:bg-purple-900 { + background-color: #44337a; } - .sm\:pr-48 { - padding-right: 12rem; + .md\:bg-pink-100 { + background-color: #fff5f7; } - .sm\:pb-48 { - padding-bottom: 12rem; + .md\:bg-pink-200 { + background-color: #fed7e2; } - .sm\:pl-48 { - padding-left: 12rem; + .md\:bg-pink-300 { + background-color: #fbb6ce; } - .sm\:pt-56 { - padding-top: 14rem; + .md\:bg-pink-400 { + background-color: #f687b3; } - .sm\:pr-56 { - padding-right: 14rem; + .md\:bg-pink-500 { + background-color: #ed64a6; } - .sm\:pb-56 { - padding-bottom: 14rem; + .md\:bg-pink-600 { + background-color: #d53f8c; } - .sm\:pl-56 { - padding-left: 14rem; + .md\:bg-pink-700 { + background-color: #b83280; } - .sm\:pt-64 { - padding-top: 16rem; + .md\:bg-pink-800 { + background-color: #97266d; } - .sm\:pr-64 { - padding-right: 16rem; + .md\:bg-pink-900 { + background-color: #702459; } - .sm\:pb-64 { - padding-bottom: 16rem; + .md\:hover\:bg-transparent:hover { + background-color: transparent; } - .sm\:pl-64 { - padding-left: 16rem; + .md\:hover\:bg-black:hover { + background-color: #000; } - .sm\:pt-px { - padding-top: 1px; + .md\:hover\:bg-white:hover { + background-color: #fff; } - .sm\:pr-px { - padding-right: 1px; + .md\:hover\:bg-gray-100:hover { + background-color: #f7fafc; } - .sm\:pb-px { - padding-bottom: 1px; + .md\:hover\:bg-gray-200:hover { + background-color: #edf2f7; } - .sm\:pl-px { - padding-left: 1px; + .md\:hover\:bg-gray-300:hover { + background-color: #e2e8f0; } - .sm\:pointer-events-none { - pointer-events: none; + .md\:hover\:bg-gray-400:hover { + background-color: #cbd5e0; } - .sm\:pointer-events-auto { - pointer-events: auto; + .md\:hover\:bg-gray-500:hover { + background-color: #a0aec0; } - .sm\:static { - position: static; + .md\:hover\:bg-gray-600:hover { + background-color: #718096; } - .sm\:fixed { - position: fixed; + .md\:hover\:bg-gray-700:hover { + background-color: #4a5568; } - .sm\:absolute { - position: absolute; + .md\:hover\:bg-gray-800:hover { + background-color: #2d3748; } - .sm\:relative { - position: relative; + .md\:hover\:bg-gray-900:hover { + background-color: #1a202c; } - .sm\:sticky { - position: sticky; + .md\:hover\:bg-red-100:hover { + background-color: #fff5f5; } - .sm\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .md\:hover\:bg-red-200:hover { + background-color: #fed7d7; } - .sm\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .md\:hover\:bg-red-300:hover { + background-color: #feb2b2; } - .sm\:inset-y-0 { - top: 0; - bottom: 0; + .md\:hover\:bg-red-400:hover { + background-color: #fc8181; } - .sm\:inset-x-0 { - right: 0; - left: 0; + .md\:hover\:bg-red-500:hover { + background-color: #f56565; } - .sm\:inset-y-auto { - top: auto; - bottom: auto; + .md\:hover\:bg-red-600:hover { + background-color: #e53e3e; } - .sm\:inset-x-auto { - right: auto; - left: auto; + .md\:hover\:bg-red-700:hover { + background-color: #c53030; } - .sm\:top-0 { - top: 0; + .md\:hover\:bg-red-800:hover { + background-color: #9b2c2c; } - .sm\:right-0 { - right: 0; + .md\:hover\:bg-red-900:hover { + background-color: #742a2a; } - .sm\:bottom-0 { - bottom: 0; + .md\:hover\:bg-orange-100:hover { + background-color: #fffaf0; } - .sm\:left-0 { - left: 0; + .md\:hover\:bg-orange-200:hover { + background-color: #feebc8; } - .sm\:top-auto { - top: auto; + .md\:hover\:bg-orange-300:hover { + background-color: #fbd38d; } - .sm\:right-auto { - right: auto; + .md\:hover\:bg-orange-400:hover { + background-color: #f6ad55; } - .sm\:bottom-auto { - bottom: auto; + .md\:hover\:bg-orange-500:hover { + background-color: #ed8936; } - .sm\:left-auto { - left: auto; + .md\:hover\:bg-orange-600:hover { + background-color: #dd6b20; } - .sm\:resize-none { - resize: none; + .md\:hover\:bg-orange-700:hover { + background-color: #c05621; } - .sm\:resize-y { - resize: vertical; + .md\:hover\:bg-orange-800:hover { + background-color: #9c4221; } - .sm\:resize-x { - resize: horizontal; + .md\:hover\:bg-orange-900:hover { + background-color: #7b341e; } - .sm\:resize { - resize: both; + .md\:hover\:bg-yellow-100:hover { + background-color: #fffff0; } - .sm\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-yellow-200:hover { + background-color: #fefcbf; } - .sm\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:hover\:bg-yellow-300:hover { + background-color: #faf089; } - .sm\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:hover\:bg-yellow-400:hover { + background-color: #f6e05e; } - .sm\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:hover\:bg-yellow-500:hover { + background-color: #ecc94b; } - .sm\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:hover\:bg-yellow-600:hover { + background-color: #d69e2e; } - .sm\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-yellow-700:hover { + background-color: #b7791f; } - .sm\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:hover\:bg-yellow-800:hover { + background-color: #975a16; } - .sm\:shadow-none { - box-shadow: none; + .md\:hover\:bg-yellow-900:hover { + background-color: #744210; } - .sm\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-green-100:hover { + background-color: #f0fff4; } - .sm\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:hover\:bg-green-200:hover { + background-color: #c6f6d5; } - .sm\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:hover\:bg-green-300:hover { + background-color: #9ae6b4; } - .sm\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:hover\:bg-green-400:hover { + background-color: #68d391; } - .sm\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:hover\:bg-green-500:hover { + background-color: #48bb78; } - .sm\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-green-600:hover { + background-color: #38a169; } - .sm\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:hover\:bg-green-700:hover { + background-color: #2f855a; } - .sm\:hover\:shadow-none:hover { - box-shadow: none; + .md\:hover\:bg-green-800:hover { + background-color: #276749; } - .sm\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-green-900:hover { + background-color: #22543d; } - .sm\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:hover\:bg-teal-100:hover { + background-color: #e6fffa; } - .sm\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:hover\:bg-teal-200:hover { + background-color: #b2f5ea; } - .sm\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:hover\:bg-teal-300:hover { + background-color: #81e6d9; } - .sm\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:hover\:bg-teal-400:hover { + background-color: #4fd1c5; } - .sm\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:hover\:bg-teal-500:hover { + background-color: #38b2ac; } - .sm\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:hover\:bg-teal-600:hover { + background-color: #319795; } - .sm\:focus\:shadow-none:focus { - box-shadow: none; + .md\:hover\:bg-teal-700:hover { + background-color: #2c7a7b; } - .sm\:fill-current { - fill: currentColor; + .md\:hover\:bg-teal-800:hover { + background-color: #285e61; } - .sm\:stroke-current { - stroke: currentColor; + .md\:hover\:bg-teal-900:hover { + background-color: #234e52; } - .sm\:table-auto { - table-layout: auto; + .md\:hover\:bg-blue-100:hover { + background-color: #ebf8ff; } - .sm\:table-fixed { - table-layout: fixed; + .md\:hover\:bg-blue-200:hover { + background-color: #bee3f8; } - .sm\:text-left { - text-align: left; + .md\:hover\:bg-blue-300:hover { + background-color: #90cdf4; } - .sm\:text-center { - text-align: center; + .md\:hover\:bg-blue-400:hover { + background-color: #63b3ed; } - .sm\:text-right { - text-align: right; + .md\:hover\:bg-blue-500:hover { + background-color: #4299e1; } - .sm\:text-justify { - text-align: justify; + .md\:hover\:bg-blue-600:hover { + background-color: #3182ce; } - .sm\:text-transparent { - color: transparent; + .md\:hover\:bg-blue-700:hover { + background-color: #2b6cb0; } - .sm\:text-black { - color: #000; + .md\:hover\:bg-blue-800:hover { + background-color: #2c5282; } - .sm\:text-white { - color: #fff; + .md\:hover\:bg-blue-900:hover { + background-color: #2a4365; } - .sm\:text-gray-100 { - color: #f7fafc; + .md\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff; } - .sm\:text-gray-200 { - color: #edf2f7; + .md\:hover\:bg-indigo-200:hover { + background-color: #c3dafe; } - .sm\:text-gray-300 { - color: #e2e8f0; + .md\:hover\:bg-indigo-300:hover { + background-color: #a3bffa; } - .sm\:text-gray-400 { - color: #cbd5e0; + .md\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5; } - .sm\:text-gray-500 { - color: #a0aec0; + .md\:hover\:bg-indigo-500:hover { + background-color: #667eea; } - .sm\:text-gray-600 { - color: #718096; + .md\:hover\:bg-indigo-600:hover { + background-color: #5a67d8; } - .sm\:text-gray-700 { - color: #4a5568; + .md\:hover\:bg-indigo-700:hover { + background-color: #4c51bf; } - .sm\:text-gray-800 { - color: #2d3748; + .md\:hover\:bg-indigo-800:hover { + background-color: #434190; } - .sm\:text-gray-900 { - color: #1a202c; + .md\:hover\:bg-indigo-900:hover { + background-color: #3c366b; } - .sm\:text-red-100 { - color: #fff5f5; + .md\:hover\:bg-purple-100:hover { + background-color: #faf5ff; } - .sm\:text-red-200 { - color: #fed7d7; + .md\:hover\:bg-purple-200:hover { + background-color: #e9d8fd; } - .sm\:text-red-300 { - color: #feb2b2; + .md\:hover\:bg-purple-300:hover { + background-color: #d6bcfa; } - .sm\:text-red-400 { - color: #fc8181; + .md\:hover\:bg-purple-400:hover { + background-color: #b794f4; } - .sm\:text-red-500 { - color: #f56565; + .md\:hover\:bg-purple-500:hover { + background-color: #9f7aea; } - .sm\:text-red-600 { - color: #e53e3e; + .md\:hover\:bg-purple-600:hover { + background-color: #805ad5; } - .sm\:text-red-700 { - color: #c53030; + .md\:hover\:bg-purple-700:hover { + background-color: #6b46c1; } - .sm\:text-red-800 { - color: #9b2c2c; + .md\:hover\:bg-purple-800:hover { + background-color: #553c9a; } - .sm\:text-red-900 { - color: #742a2a; + .md\:hover\:bg-purple-900:hover { + background-color: #44337a; } - .sm\:text-orange-100 { - color: #fffaf0; + .md\:hover\:bg-pink-100:hover { + background-color: #fff5f7; } - .sm\:text-orange-200 { - color: #feebc8; + .md\:hover\:bg-pink-200:hover { + background-color: #fed7e2; } - .sm\:text-orange-300 { - color: #fbd38d; + .md\:hover\:bg-pink-300:hover { + background-color: #fbb6ce; } - .sm\:text-orange-400 { - color: #f6ad55; + .md\:hover\:bg-pink-400:hover { + background-color: #f687b3; } - .sm\:text-orange-500 { - color: #ed8936; + .md\:hover\:bg-pink-500:hover { + background-color: #ed64a6; } - .sm\:text-orange-600 { - color: #dd6b20; + .md\:hover\:bg-pink-600:hover { + background-color: #d53f8c; } - .sm\:text-orange-700 { - color: #c05621; + .md\:hover\:bg-pink-700:hover { + background-color: #b83280; } - .sm\:text-orange-800 { - color: #9c4221; + .md\:hover\:bg-pink-800:hover { + background-color: #97266d; } - .sm\:text-orange-900 { - color: #7b341e; + .md\:hover\:bg-pink-900:hover { + background-color: #702459; } - .sm\:text-yellow-100 { - color: #fffff0; + .md\:focus\:bg-transparent:focus { + background-color: transparent; } - .sm\:text-yellow-200 { - color: #fefcbf; + .md\:focus\:bg-black:focus { + background-color: #000; } - .sm\:text-yellow-300 { - color: #faf089; + .md\:focus\:bg-white:focus { + background-color: #fff; } - .sm\:text-yellow-400 { - color: #f6e05e; + .md\:focus\:bg-gray-100:focus { + background-color: #f7fafc; } - .sm\:text-yellow-500 { - color: #ecc94b; + .md\:focus\:bg-gray-200:focus { + background-color: #edf2f7; } - .sm\:text-yellow-600 { - color: #d69e2e; + .md\:focus\:bg-gray-300:focus { + background-color: #e2e8f0; } - .sm\:text-yellow-700 { - color: #b7791f; + .md\:focus\:bg-gray-400:focus { + background-color: #cbd5e0; } - .sm\:text-yellow-800 { - color: #975a16; + .md\:focus\:bg-gray-500:focus { + background-color: #a0aec0; } - .sm\:text-yellow-900 { - color: #744210; + .md\:focus\:bg-gray-600:focus { + background-color: #718096; } - .sm\:text-green-100 { - color: #f0fff4; + .md\:focus\:bg-gray-700:focus { + background-color: #4a5568; } - .sm\:text-green-200 { - color: #c6f6d5; + .md\:focus\:bg-gray-800:focus { + background-color: #2d3748; } - .sm\:text-green-300 { - color: #9ae6b4; + .md\:focus\:bg-gray-900:focus { + background-color: #1a202c; } - .sm\:text-green-400 { - color: #68d391; + .md\:focus\:bg-red-100:focus { + background-color: #fff5f5; } - .sm\:text-green-500 { - color: #48bb78; + .md\:focus\:bg-red-200:focus { + background-color: #fed7d7; } - .sm\:text-green-600 { - color: #38a169; + .md\:focus\:bg-red-300:focus { + background-color: #feb2b2; } - .sm\:text-green-700 { - color: #2f855a; + .md\:focus\:bg-red-400:focus { + background-color: #fc8181; } - .sm\:text-green-800 { - color: #276749; + .md\:focus\:bg-red-500:focus { + background-color: #f56565; } - .sm\:text-green-900 { - color: #22543d; + .md\:focus\:bg-red-600:focus { + background-color: #e53e3e; } - .sm\:text-teal-100 { - color: #e6fffa; + .md\:focus\:bg-red-700:focus { + background-color: #c53030; } - .sm\:text-teal-200 { - color: #b2f5ea; + .md\:focus\:bg-red-800:focus { + background-color: #9b2c2c; } - .sm\:text-teal-300 { - color: #81e6d9; + .md\:focus\:bg-red-900:focus { + background-color: #742a2a; } - .sm\:text-teal-400 { - color: #4fd1c5; + .md\:focus\:bg-orange-100:focus { + background-color: #fffaf0; } - .sm\:text-teal-500 { - color: #38b2ac; + .md\:focus\:bg-orange-200:focus { + background-color: #feebc8; } - .sm\:text-teal-600 { - color: #319795; + .md\:focus\:bg-orange-300:focus { + background-color: #fbd38d; } - .sm\:text-teal-700 { - color: #2c7a7b; + .md\:focus\:bg-orange-400:focus { + background-color: #f6ad55; } - .sm\:text-teal-800 { - color: #285e61; + .md\:focus\:bg-orange-500:focus { + background-color: #ed8936; } - .sm\:text-teal-900 { - color: #234e52; + .md\:focus\:bg-orange-600:focus { + background-color: #dd6b20; } - .sm\:text-blue-100 { - color: #ebf8ff; + .md\:focus\:bg-orange-700:focus { + background-color: #c05621; } - .sm\:text-blue-200 { - color: #bee3f8; + .md\:focus\:bg-orange-800:focus { + background-color: #9c4221; } - .sm\:text-blue-300 { - color: #90cdf4; + .md\:focus\:bg-orange-900:focus { + background-color: #7b341e; } - .sm\:text-blue-400 { - color: #63b3ed; + .md\:focus\:bg-yellow-100:focus { + background-color: #fffff0; } - .sm\:text-blue-500 { - color: #4299e1; + .md\:focus\:bg-yellow-200:focus { + background-color: #fefcbf; } - .sm\:text-blue-600 { - color: #3182ce; + .md\:focus\:bg-yellow-300:focus { + background-color: #faf089; } - .sm\:text-blue-700 { - color: #2b6cb0; + .md\:focus\:bg-yellow-400:focus { + background-color: #f6e05e; } - .sm\:text-blue-800 { - color: #2c5282; + .md\:focus\:bg-yellow-500:focus { + background-color: #ecc94b; } - .sm\:text-blue-900 { - color: #2a4365; + .md\:focus\:bg-yellow-600:focus { + background-color: #d69e2e; } - .sm\:text-indigo-100 { - color: #ebf4ff; + .md\:focus\:bg-yellow-700:focus { + background-color: #b7791f; } - .sm\:text-indigo-200 { - color: #c3dafe; + .md\:focus\:bg-yellow-800:focus { + background-color: #975a16; } - .sm\:text-indigo-300 { - color: #a3bffa; + .md\:focus\:bg-yellow-900:focus { + background-color: #744210; } - .sm\:text-indigo-400 { - color: #7f9cf5; + .md\:focus\:bg-green-100:focus { + background-color: #f0fff4; } - .sm\:text-indigo-500 { - color: #667eea; + .md\:focus\:bg-green-200:focus { + background-color: #c6f6d5; } - .sm\:text-indigo-600 { - color: #5a67d8; + .md\:focus\:bg-green-300:focus { + background-color: #9ae6b4; } - .sm\:text-indigo-700 { - color: #4c51bf; + .md\:focus\:bg-green-400:focus { + background-color: #68d391; } - .sm\:text-indigo-800 { - color: #434190; + .md\:focus\:bg-green-500:focus { + background-color: #48bb78; } - .sm\:text-indigo-900 { - color: #3c366b; + .md\:focus\:bg-green-600:focus { + background-color: #38a169; } - .sm\:text-purple-100 { - color: #faf5ff; + .md\:focus\:bg-green-700:focus { + background-color: #2f855a; } - .sm\:text-purple-200 { - color: #e9d8fd; + .md\:focus\:bg-green-800:focus { + background-color: #276749; } - .sm\:text-purple-300 { - color: #d6bcfa; + .md\:focus\:bg-green-900:focus { + background-color: #22543d; } - .sm\:text-purple-400 { - color: #b794f4; + .md\:focus\:bg-teal-100:focus { + background-color: #e6fffa; } - .sm\:text-purple-500 { - color: #9f7aea; + .md\:focus\:bg-teal-200:focus { + background-color: #b2f5ea; } - .sm\:text-purple-600 { - color: #805ad5; + .md\:focus\:bg-teal-300:focus { + background-color: #81e6d9; } - .sm\:text-purple-700 { - color: #6b46c1; + .md\:focus\:bg-teal-400:focus { + background-color: #4fd1c5; } - .sm\:text-purple-800 { - color: #553c9a; + .md\:focus\:bg-teal-500:focus { + background-color: #38b2ac; } - .sm\:text-purple-900 { - color: #44337a; + .md\:focus\:bg-teal-600:focus { + background-color: #319795; } - .sm\:text-pink-100 { - color: #fff5f7; + .md\:focus\:bg-teal-700:focus { + background-color: #2c7a7b; } - .sm\:text-pink-200 { - color: #fed7e2; + .md\:focus\:bg-teal-800:focus { + background-color: #285e61; } - .sm\:text-pink-300 { - color: #fbb6ce; + .md\:focus\:bg-teal-900:focus { + background-color: #234e52; } - .sm\:text-pink-400 { - color: #f687b3; + .md\:focus\:bg-blue-100:focus { + background-color: #ebf8ff; } - .sm\:text-pink-500 { - color: #ed64a6; + .md\:focus\:bg-blue-200:focus { + background-color: #bee3f8; } - .sm\:text-pink-600 { - color: #d53f8c; + .md\:focus\:bg-blue-300:focus { + background-color: #90cdf4; } - .sm\:text-pink-700 { - color: #b83280; + .md\:focus\:bg-blue-400:focus { + background-color: #63b3ed; } - .sm\:text-pink-800 { - color: #97266d; + .md\:focus\:bg-blue-500:focus { + background-color: #4299e1; } - .sm\:text-pink-900 { - color: #702459; + .md\:focus\:bg-blue-600:focus { + background-color: #3182ce; } - .sm\:hover\:text-transparent:hover { - color: transparent; + .md\:focus\:bg-blue-700:focus { + background-color: #2b6cb0; } - .sm\:hover\:text-black:hover { - color: #000; + .md\:focus\:bg-blue-800:focus { + background-color: #2c5282; } - .sm\:hover\:text-white:hover { - color: #fff; + .md\:focus\:bg-blue-900:focus { + background-color: #2a4365; } - .sm\:hover\:text-gray-100:hover { - color: #f7fafc; + .md\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff; } - .sm\:hover\:text-gray-200:hover { - color: #edf2f7; + .md\:focus\:bg-indigo-200:focus { + background-color: #c3dafe; } - .sm\:hover\:text-gray-300:hover { - color: #e2e8f0; + .md\:focus\:bg-indigo-300:focus { + background-color: #a3bffa; } - .sm\:hover\:text-gray-400:hover { - color: #cbd5e0; + .md\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5; } - .sm\:hover\:text-gray-500:hover { - color: #a0aec0; + .md\:focus\:bg-indigo-500:focus { + background-color: #667eea; } - .sm\:hover\:text-gray-600:hover { - color: #718096; + .md\:focus\:bg-indigo-600:focus { + background-color: #5a67d8; } - .sm\:hover\:text-gray-700:hover { - color: #4a5568; + .md\:focus\:bg-indigo-700:focus { + background-color: #4c51bf; } - .sm\:hover\:text-gray-800:hover { - color: #2d3748; + .md\:focus\:bg-indigo-800:focus { + background-color: #434190; } - .sm\:hover\:text-gray-900:hover { - color: #1a202c; + .md\:focus\:bg-indigo-900:focus { + background-color: #3c366b; } - .sm\:hover\:text-red-100:hover { - color: #fff5f5; + .md\:focus\:bg-purple-100:focus { + background-color: #faf5ff; } - .sm\:hover\:text-red-200:hover { - color: #fed7d7; + .md\:focus\:bg-purple-200:focus { + background-color: #e9d8fd; } - .sm\:hover\:text-red-300:hover { - color: #feb2b2; + .md\:focus\:bg-purple-300:focus { + background-color: #d6bcfa; } - .sm\:hover\:text-red-400:hover { - color: #fc8181; + .md\:focus\:bg-purple-400:focus { + background-color: #b794f4; } - .sm\:hover\:text-red-500:hover { - color: #f56565; + .md\:focus\:bg-purple-500:focus { + background-color: #9f7aea; } - .sm\:hover\:text-red-600:hover { - color: #e53e3e; + .md\:focus\:bg-purple-600:focus { + background-color: #805ad5; } - .sm\:hover\:text-red-700:hover { - color: #c53030; + .md\:focus\:bg-purple-700:focus { + background-color: #6b46c1; } - .sm\:hover\:text-red-800:hover { - color: #9b2c2c; + .md\:focus\:bg-purple-800:focus { + background-color: #553c9a; } - .sm\:hover\:text-red-900:hover { - color: #742a2a; + .md\:focus\:bg-purple-900:focus { + background-color: #44337a; } - .sm\:hover\:text-orange-100:hover { - color: #fffaf0; + .md\:focus\:bg-pink-100:focus { + background-color: #fff5f7; } - .sm\:hover\:text-orange-200:hover { - color: #feebc8; + .md\:focus\:bg-pink-200:focus { + background-color: #fed7e2; } - .sm\:hover\:text-orange-300:hover { - color: #fbd38d; + .md\:focus\:bg-pink-300:focus { + background-color: #fbb6ce; } - .sm\:hover\:text-orange-400:hover { - color: #f6ad55; + .md\:focus\:bg-pink-400:focus { + background-color: #f687b3; } - .sm\:hover\:text-orange-500:hover { - color: #ed8936; + .md\:focus\:bg-pink-500:focus { + background-color: #ed64a6; } - .sm\:hover\:text-orange-600:hover { - color: #dd6b20; + .md\:focus\:bg-pink-600:focus { + background-color: #d53f8c; } - .sm\:hover\:text-orange-700:hover { - color: #c05621; + .md\:focus\:bg-pink-700:focus { + background-color: #b83280; } - .sm\:hover\:text-orange-800:hover { - color: #9c4221; + .md\:focus\:bg-pink-800:focus { + background-color: #97266d; } - .sm\:hover\:text-orange-900:hover { - color: #7b341e; + .md\:focus\:bg-pink-900:focus { + background-color: #702459; } - .sm\:hover\:text-yellow-100:hover { - color: #fffff0; + .md\:bg-bottom { + background-position: bottom; } - .sm\:hover\:text-yellow-200:hover { - color: #fefcbf; + .md\:bg-center { + background-position: center; } - .sm\:hover\:text-yellow-300:hover { - color: #faf089; + .md\:bg-left { + background-position: left; } - .sm\:hover\:text-yellow-400:hover { - color: #f6e05e; + .md\:bg-left-bottom { + background-position: left bottom; } - .sm\:hover\:text-yellow-500:hover { - color: #ecc94b; + .md\:bg-left-top { + background-position: left top; } - .sm\:hover\:text-yellow-600:hover { - color: #d69e2e; + .md\:bg-right { + background-position: right; } - .sm\:hover\:text-yellow-700:hover { - color: #b7791f; + .md\:bg-right-bottom { + background-position: right bottom; } - .sm\:hover\:text-yellow-800:hover { - color: #975a16; + .md\:bg-right-top { + background-position: right top; } - .sm\:hover\:text-yellow-900:hover { - color: #744210; + .md\:bg-top { + background-position: top; } - .sm\:hover\:text-green-100:hover { - color: #f0fff4; + .md\:bg-repeat { + background-repeat: repeat; } - .sm\:hover\:text-green-200:hover { - color: #c6f6d5; + .md\:bg-no-repeat { + background-repeat: no-repeat; } - .sm\:hover\:text-green-300:hover { - color: #9ae6b4; + .md\:bg-repeat-x { + background-repeat: repeat-x; } - .sm\:hover\:text-green-400:hover { - color: #68d391; + .md\:bg-repeat-y { + background-repeat: repeat-y; } - .sm\:hover\:text-green-500:hover { - color: #48bb78; + .md\:bg-repeat-round { + background-repeat: round; } - .sm\:hover\:text-green-600:hover { - color: #38a169; + .md\:bg-repeat-space { + background-repeat: space; } - .sm\:hover\:text-green-700:hover { - color: #2f855a; + .md\:bg-auto { + background-size: auto; } - .sm\:hover\:text-green-800:hover { - color: #276749; + .md\:bg-cover { + background-size: cover; } - .sm\:hover\:text-green-900:hover { - color: #22543d; + .md\:bg-contain { + background-size: contain; } - .sm\:hover\:text-teal-100:hover { - color: #e6fffa; + .md\:border-collapse { + border-collapse: collapse; } - .sm\:hover\:text-teal-200:hover { - color: #b2f5ea; + .md\:border-separate { + border-collapse: separate; } - .sm\:hover\:text-teal-300:hover { - color: #81e6d9; + .md\:border-transparent { + border-color: transparent; } - .sm\:hover\:text-teal-400:hover { - color: #4fd1c5; + .md\:border-black { + border-color: #000; } - .sm\:hover\:text-teal-500:hover { - color: #38b2ac; + .md\:border-white { + border-color: #fff; } - .sm\:hover\:text-teal-600:hover { - color: #319795; + .md\:border-gray-100 { + border-color: #f7fafc; } - .sm\:hover\:text-teal-700:hover { - color: #2c7a7b; + .md\:border-gray-200 { + border-color: #edf2f7; } - .sm\:hover\:text-teal-800:hover { - color: #285e61; + .md\:border-gray-300 { + border-color: #e2e8f0; } - .sm\:hover\:text-teal-900:hover { - color: #234e52; + .md\:border-gray-400 { + border-color: #cbd5e0; } - .sm\:hover\:text-blue-100:hover { - color: #ebf8ff; + .md\:border-gray-500 { + border-color: #a0aec0; } - .sm\:hover\:text-blue-200:hover { - color: #bee3f8; + .md\:border-gray-600 { + border-color: #718096; } - .sm\:hover\:text-blue-300:hover { - color: #90cdf4; + .md\:border-gray-700 { + border-color: #4a5568; } - .sm\:hover\:text-blue-400:hover { - color: #63b3ed; + .md\:border-gray-800 { + border-color: #2d3748; } - .sm\:hover\:text-blue-500:hover { - color: #4299e1; + .md\:border-gray-900 { + border-color: #1a202c; } - .sm\:hover\:text-blue-600:hover { - color: #3182ce; + .md\:border-red-100 { + border-color: #fff5f5; } - .sm\:hover\:text-blue-700:hover { - color: #2b6cb0; + .md\:border-red-200 { + border-color: #fed7d7; } - .sm\:hover\:text-blue-800:hover { - color: #2c5282; + .md\:border-red-300 { + border-color: #feb2b2; } - .sm\:hover\:text-blue-900:hover { - color: #2a4365; + .md\:border-red-400 { + border-color: #fc8181; } - .sm\:hover\:text-indigo-100:hover { - color: #ebf4ff; + .md\:border-red-500 { + border-color: #f56565; } - .sm\:hover\:text-indigo-200:hover { - color: #c3dafe; + .md\:border-red-600 { + border-color: #e53e3e; } - .sm\:hover\:text-indigo-300:hover { - color: #a3bffa; + .md\:border-red-700 { + border-color: #c53030; } - .sm\:hover\:text-indigo-400:hover { - color: #7f9cf5; + .md\:border-red-800 { + border-color: #9b2c2c; } - .sm\:hover\:text-indigo-500:hover { - color: #667eea; + .md\:border-red-900 { + border-color: #742a2a; } - .sm\:hover\:text-indigo-600:hover { - color: #5a67d8; + .md\:border-orange-100 { + border-color: #fffaf0; } - .sm\:hover\:text-indigo-700:hover { - color: #4c51bf; + .md\:border-orange-200 { + border-color: #feebc8; } - .sm\:hover\:text-indigo-800:hover { - color: #434190; + .md\:border-orange-300 { + border-color: #fbd38d; } - .sm\:hover\:text-indigo-900:hover { - color: #3c366b; + .md\:border-orange-400 { + border-color: #f6ad55; } - .sm\:hover\:text-purple-100:hover { - color: #faf5ff; + .md\:border-orange-500 { + border-color: #ed8936; } - .sm\:hover\:text-purple-200:hover { - color: #e9d8fd; + .md\:border-orange-600 { + border-color: #dd6b20; } - .sm\:hover\:text-purple-300:hover { - color: #d6bcfa; + .md\:border-orange-700 { + border-color: #c05621; } - .sm\:hover\:text-purple-400:hover { - color: #b794f4; + .md\:border-orange-800 { + border-color: #9c4221; } - .sm\:hover\:text-purple-500:hover { - color: #9f7aea; + .md\:border-orange-900 { + border-color: #7b341e; } - .sm\:hover\:text-purple-600:hover { - color: #805ad5; + .md\:border-yellow-100 { + border-color: #fffff0; } - .sm\:hover\:text-purple-700:hover { - color: #6b46c1; + .md\:border-yellow-200 { + border-color: #fefcbf; } - .sm\:hover\:text-purple-800:hover { - color: #553c9a; + .md\:border-yellow-300 { + border-color: #faf089; } - .sm\:hover\:text-purple-900:hover { - color: #44337a; + .md\:border-yellow-400 { + border-color: #f6e05e; } - .sm\:hover\:text-pink-100:hover { - color: #fff5f7; + .md\:border-yellow-500 { + border-color: #ecc94b; } - .sm\:hover\:text-pink-200:hover { - color: #fed7e2; + .md\:border-yellow-600 { + border-color: #d69e2e; } - .sm\:hover\:text-pink-300:hover { - color: #fbb6ce; + .md\:border-yellow-700 { + border-color: #b7791f; } - .sm\:hover\:text-pink-400:hover { - color: #f687b3; + .md\:border-yellow-800 { + border-color: #975a16; } - .sm\:hover\:text-pink-500:hover { - color: #ed64a6; + .md\:border-yellow-900 { + border-color: #744210; } - .sm\:hover\:text-pink-600:hover { - color: #d53f8c; + .md\:border-green-100 { + border-color: #f0fff4; } - .sm\:hover\:text-pink-700:hover { - color: #b83280; + .md\:border-green-200 { + border-color: #c6f6d5; } - .sm\:hover\:text-pink-800:hover { - color: #97266d; + .md\:border-green-300 { + border-color: #9ae6b4; } - .sm\:hover\:text-pink-900:hover { - color: #702459; + .md\:border-green-400 { + border-color: #68d391; } - .sm\:focus\:text-transparent:focus { - color: transparent; + .md\:border-green-500 { + border-color: #48bb78; } - .sm\:focus\:text-black:focus { - color: #000; + .md\:border-green-600 { + border-color: #38a169; } - .sm\:focus\:text-white:focus { - color: #fff; + .md\:border-green-700 { + border-color: #2f855a; } - .sm\:focus\:text-gray-100:focus { - color: #f7fafc; + .md\:border-green-800 { + border-color: #276749; } - .sm\:focus\:text-gray-200:focus { - color: #edf2f7; + .md\:border-green-900 { + border-color: #22543d; } - .sm\:focus\:text-gray-300:focus { - color: #e2e8f0; + .md\:border-teal-100 { + border-color: #e6fffa; } - .sm\:focus\:text-gray-400:focus { - color: #cbd5e0; + .md\:border-teal-200 { + border-color: #b2f5ea; } - .sm\:focus\:text-gray-500:focus { - color: #a0aec0; + .md\:border-teal-300 { + border-color: #81e6d9; } - .sm\:focus\:text-gray-600:focus { - color: #718096; + .md\:border-teal-400 { + border-color: #4fd1c5; } - .sm\:focus\:text-gray-700:focus { - color: #4a5568; + .md\:border-teal-500 { + border-color: #38b2ac; } - .sm\:focus\:text-gray-800:focus { - color: #2d3748; + .md\:border-teal-600 { + border-color: #319795; } - .sm\:focus\:text-gray-900:focus { - color: #1a202c; + .md\:border-teal-700 { + border-color: #2c7a7b; } - .sm\:focus\:text-red-100:focus { - color: #fff5f5; + .md\:border-teal-800 { + border-color: #285e61; } - .sm\:focus\:text-red-200:focus { - color: #fed7d7; + .md\:border-teal-900 { + border-color: #234e52; } - .sm\:focus\:text-red-300:focus { - color: #feb2b2; + .md\:border-blue-100 { + border-color: #ebf8ff; } - .sm\:focus\:text-red-400:focus { - color: #fc8181; + .md\:border-blue-200 { + border-color: #bee3f8; } - .sm\:focus\:text-red-500:focus { - color: #f56565; + .md\:border-blue-300 { + border-color: #90cdf4; } - .sm\:focus\:text-red-600:focus { - color: #e53e3e; + .md\:border-blue-400 { + border-color: #63b3ed; } - .sm\:focus\:text-red-700:focus { - color: #c53030; + .md\:border-blue-500 { + border-color: #4299e1; } - .sm\:focus\:text-red-800:focus { - color: #9b2c2c; + .md\:border-blue-600 { + border-color: #3182ce; } - .sm\:focus\:text-red-900:focus { - color: #742a2a; + .md\:border-blue-700 { + border-color: #2b6cb0; } - .sm\:focus\:text-orange-100:focus { - color: #fffaf0; + .md\:border-blue-800 { + border-color: #2c5282; } - .sm\:focus\:text-orange-200:focus { - color: #feebc8; + .md\:border-blue-900 { + border-color: #2a4365; } - .sm\:focus\:text-orange-300:focus { - color: #fbd38d; + .md\:border-indigo-100 { + border-color: #ebf4ff; } - .sm\:focus\:text-orange-400:focus { - color: #f6ad55; + .md\:border-indigo-200 { + border-color: #c3dafe; } - .sm\:focus\:text-orange-500:focus { - color: #ed8936; + .md\:border-indigo-300 { + border-color: #a3bffa; } - .sm\:focus\:text-orange-600:focus { - color: #dd6b20; + .md\:border-indigo-400 { + border-color: #7f9cf5; } - .sm\:focus\:text-orange-700:focus { - color: #c05621; + .md\:border-indigo-500 { + border-color: #667eea; } - .sm\:focus\:text-orange-800:focus { - color: #9c4221; + .md\:border-indigo-600 { + border-color: #5a67d8; } - .sm\:focus\:text-orange-900:focus { - color: #7b341e; + .md\:border-indigo-700 { + border-color: #4c51bf; } - .sm\:focus\:text-yellow-100:focus { - color: #fffff0; + .md\:border-indigo-800 { + border-color: #434190; } - .sm\:focus\:text-yellow-200:focus { - color: #fefcbf; + .md\:border-indigo-900 { + border-color: #3c366b; } - .sm\:focus\:text-yellow-300:focus { - color: #faf089; + .md\:border-purple-100 { + border-color: #faf5ff; } - .sm\:focus\:text-yellow-400:focus { - color: #f6e05e; + .md\:border-purple-200 { + border-color: #e9d8fd; } - .sm\:focus\:text-yellow-500:focus { - color: #ecc94b; + .md\:border-purple-300 { + border-color: #d6bcfa; } - .sm\:focus\:text-yellow-600:focus { - color: #d69e2e; + .md\:border-purple-400 { + border-color: #b794f4; } - .sm\:focus\:text-yellow-700:focus { - color: #b7791f; + .md\:border-purple-500 { + border-color: #9f7aea; } - .sm\:focus\:text-yellow-800:focus { - color: #975a16; + .md\:border-purple-600 { + border-color: #805ad5; } - .sm\:focus\:text-yellow-900:focus { - color: #744210; + .md\:border-purple-700 { + border-color: #6b46c1; } - .sm\:focus\:text-green-100:focus { - color: #f0fff4; + .md\:border-purple-800 { + border-color: #553c9a; } - .sm\:focus\:text-green-200:focus { - color: #c6f6d5; + .md\:border-purple-900 { + border-color: #44337a; } - .sm\:focus\:text-green-300:focus { - color: #9ae6b4; + .md\:border-pink-100 { + border-color: #fff5f7; } - .sm\:focus\:text-green-400:focus { - color: #68d391; + .md\:border-pink-200 { + border-color: #fed7e2; } - .sm\:focus\:text-green-500:focus { - color: #48bb78; + .md\:border-pink-300 { + border-color: #fbb6ce; } - .sm\:focus\:text-green-600:focus { - color: #38a169; + .md\:border-pink-400 { + border-color: #f687b3; } - .sm\:focus\:text-green-700:focus { - color: #2f855a; + .md\:border-pink-500 { + border-color: #ed64a6; } - .sm\:focus\:text-green-800:focus { - color: #276749; + .md\:border-pink-600 { + border-color: #d53f8c; } - .sm\:focus\:text-green-900:focus { - color: #22543d; + .md\:border-pink-700 { + border-color: #b83280; } - .sm\:focus\:text-teal-100:focus { - color: #e6fffa; + .md\:border-pink-800 { + border-color: #97266d; } - .sm\:focus\:text-teal-200:focus { - color: #b2f5ea; + .md\:border-pink-900 { + border-color: #702459; } - .sm\:focus\:text-teal-300:focus { - color: #81e6d9; + .md\:hover\:border-transparent:hover { + border-color: transparent; } - .sm\:focus\:text-teal-400:focus { - color: #4fd1c5; + .md\:hover\:border-black:hover { + border-color: #000; } - .sm\:focus\:text-teal-500:focus { - color: #38b2ac; + .md\:hover\:border-white:hover { + border-color: #fff; } - .sm\:focus\:text-teal-600:focus { - color: #319795; + .md\:hover\:border-gray-100:hover { + border-color: #f7fafc; } - .sm\:focus\:text-teal-700:focus { - color: #2c7a7b; + .md\:hover\:border-gray-200:hover { + border-color: #edf2f7; } - .sm\:focus\:text-teal-800:focus { - color: #285e61; + .md\:hover\:border-gray-300:hover { + border-color: #e2e8f0; } - .sm\:focus\:text-teal-900:focus { - color: #234e52; + .md\:hover\:border-gray-400:hover { + border-color: #cbd5e0; } - .sm\:focus\:text-blue-100:focus { - color: #ebf8ff; + .md\:hover\:border-gray-500:hover { + border-color: #a0aec0; } - .sm\:focus\:text-blue-200:focus { - color: #bee3f8; + .md\:hover\:border-gray-600:hover { + border-color: #718096; } - .sm\:focus\:text-blue-300:focus { - color: #90cdf4; + .md\:hover\:border-gray-700:hover { + border-color: #4a5568; } - .sm\:focus\:text-blue-400:focus { - color: #63b3ed; + .md\:hover\:border-gray-800:hover { + border-color: #2d3748; } - .sm\:focus\:text-blue-500:focus { - color: #4299e1; + .md\:hover\:border-gray-900:hover { + border-color: #1a202c; } - .sm\:focus\:text-blue-600:focus { - color: #3182ce; + .md\:hover\:border-red-100:hover { + border-color: #fff5f5; } - .sm\:focus\:text-blue-700:focus { - color: #2b6cb0; + .md\:hover\:border-red-200:hover { + border-color: #fed7d7; } - .sm\:focus\:text-blue-800:focus { - color: #2c5282; + .md\:hover\:border-red-300:hover { + border-color: #feb2b2; } - .sm\:focus\:text-blue-900:focus { - color: #2a4365; + .md\:hover\:border-red-400:hover { + border-color: #fc8181; } - .sm\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .md\:hover\:border-red-500:hover { + border-color: #f56565; } - .sm\:focus\:text-indigo-200:focus { - color: #c3dafe; + .md\:hover\:border-red-600:hover { + border-color: #e53e3e; } - .sm\:focus\:text-indigo-300:focus { - color: #a3bffa; + .md\:hover\:border-red-700:hover { + border-color: #c53030; } - .sm\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .md\:hover\:border-red-800:hover { + border-color: #9b2c2c; } - .sm\:focus\:text-indigo-500:focus { - color: #667eea; + .md\:hover\:border-red-900:hover { + border-color: #742a2a; } - .sm\:focus\:text-indigo-600:focus { - color: #5a67d8; + .md\:hover\:border-orange-100:hover { + border-color: #fffaf0; } - .sm\:focus\:text-indigo-700:focus { - color: #4c51bf; + .md\:hover\:border-orange-200:hover { + border-color: #feebc8; } - .sm\:focus\:text-indigo-800:focus { - color: #434190; + .md\:hover\:border-orange-300:hover { + border-color: #fbd38d; } - .sm\:focus\:text-indigo-900:focus { - color: #3c366b; + .md\:hover\:border-orange-400:hover { + border-color: #f6ad55; } - .sm\:focus\:text-purple-100:focus { - color: #faf5ff; + .md\:hover\:border-orange-500:hover { + border-color: #ed8936; } - .sm\:focus\:text-purple-200:focus { - color: #e9d8fd; + .md\:hover\:border-orange-600:hover { + border-color: #dd6b20; } - .sm\:focus\:text-purple-300:focus { - color: #d6bcfa; + .md\:hover\:border-orange-700:hover { + border-color: #c05621; } - .sm\:focus\:text-purple-400:focus { - color: #b794f4; + .md\:hover\:border-orange-800:hover { + border-color: #9c4221; } - .sm\:focus\:text-purple-500:focus { - color: #9f7aea; + .md\:hover\:border-orange-900:hover { + border-color: #7b341e; } - .sm\:focus\:text-purple-600:focus { - color: #805ad5; + .md\:hover\:border-yellow-100:hover { + border-color: #fffff0; } - .sm\:focus\:text-purple-700:focus { - color: #6b46c1; + .md\:hover\:border-yellow-200:hover { + border-color: #fefcbf; } - .sm\:focus\:text-purple-800:focus { - color: #553c9a; + .md\:hover\:border-yellow-300:hover { + border-color: #faf089; } - .sm\:focus\:text-purple-900:focus { - color: #44337a; + .md\:hover\:border-yellow-400:hover { + border-color: #f6e05e; } - .sm\:focus\:text-pink-100:focus { - color: #fff5f7; + .md\:hover\:border-yellow-500:hover { + border-color: #ecc94b; } - .sm\:focus\:text-pink-200:focus { - color: #fed7e2; + .md\:hover\:border-yellow-600:hover { + border-color: #d69e2e; } - .sm\:focus\:text-pink-300:focus { - color: #fbb6ce; + .md\:hover\:border-yellow-700:hover { + border-color: #b7791f; } - .sm\:focus\:text-pink-400:focus { - color: #f687b3; + .md\:hover\:border-yellow-800:hover { + border-color: #975a16; } - .sm\:focus\:text-pink-500:focus { - color: #ed64a6; + .md\:hover\:border-yellow-900:hover { + border-color: #744210; } - .sm\:focus\:text-pink-600:focus { - color: #d53f8c; + .md\:hover\:border-green-100:hover { + border-color: #f0fff4; } - .sm\:focus\:text-pink-700:focus { - color: #b83280; + .md\:hover\:border-green-200:hover { + border-color: #c6f6d5; } - .sm\:focus\:text-pink-800:focus { - color: #97266d; + .md\:hover\:border-green-300:hover { + border-color: #9ae6b4; } - .sm\:focus\:text-pink-900:focus { - color: #702459; + .md\:hover\:border-green-400:hover { + border-color: #68d391; } - .sm\:text-xs { - font-size: 0.75rem; + .md\:hover\:border-green-500:hover { + border-color: #48bb78; } - .sm\:text-sm { - font-size: 0.875rem; + .md\:hover\:border-green-600:hover { + border-color: #38a169; } - .sm\:text-base { - font-size: 1rem; + .md\:hover\:border-green-700:hover { + border-color: #2f855a; } - .sm\:text-lg { - font-size: 1.125rem; + .md\:hover\:border-green-800:hover { + border-color: #276749; } - .sm\:text-xl { - font-size: 1.25rem; + .md\:hover\:border-green-900:hover { + border-color: #22543d; } - .sm\:text-2xl { - font-size: 1.5rem; + .md\:hover\:border-teal-100:hover { + border-color: #e6fffa; } - .sm\:text-3xl { - font-size: 1.875rem; + .md\:hover\:border-teal-200:hover { + border-color: #b2f5ea; } - .sm\:text-4xl { - font-size: 2.25rem; + .md\:hover\:border-teal-300:hover { + border-color: #81e6d9; } - .sm\:text-5xl { - font-size: 3rem; + .md\:hover\:border-teal-400:hover { + border-color: #4fd1c5; } - .sm\:text-6xl { - font-size: 4rem; + .md\:hover\:border-teal-500:hover { + border-color: #38b2ac; } - .sm\:italic { - font-style: italic; + .md\:hover\:border-teal-600:hover { + border-color: #319795; } - .sm\:not-italic { - font-style: normal; + .md\:hover\:border-teal-700:hover { + border-color: #2c7a7b; } - .sm\:uppercase { - text-transform: uppercase; + .md\:hover\:border-teal-800:hover { + border-color: #285e61; } - .sm\:lowercase { - text-transform: lowercase; + .md\:hover\:border-teal-900:hover { + border-color: #234e52; } - .sm\:capitalize { - text-transform: capitalize; + .md\:hover\:border-blue-100:hover { + border-color: #ebf8ff; } - .sm\:normal-case { - text-transform: none; + .md\:hover\:border-blue-200:hover { + border-color: #bee3f8; } - .sm\:underline { - text-decoration: underline; + .md\:hover\:border-blue-300:hover { + border-color: #90cdf4; } - .sm\:line-through { - text-decoration: line-through; + .md\:hover\:border-blue-400:hover { + border-color: #63b3ed; } - .sm\:no-underline { - text-decoration: none; + .md\:hover\:border-blue-500:hover { + border-color: #4299e1; } - .sm\:hover\:underline:hover { - text-decoration: underline; + .md\:hover\:border-blue-600:hover { + border-color: #3182ce; } - .sm\:hover\:line-through:hover { - text-decoration: line-through; + .md\:hover\:border-blue-700:hover { + border-color: #2b6cb0; } - .sm\:hover\:no-underline:hover { - text-decoration: none; + .md\:hover\:border-blue-800:hover { + border-color: #2c5282; } - .sm\:focus\:underline:focus { - text-decoration: underline; + .md\:hover\:border-blue-900:hover { + border-color: #2a4365; } - .sm\:focus\:line-through:focus { - text-decoration: line-through; + .md\:hover\:border-indigo-100:hover { + border-color: #ebf4ff; } - .sm\:focus\:no-underline:focus { - text-decoration: none; + .md\:hover\:border-indigo-200:hover { + border-color: #c3dafe; } - .sm\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .md\:hover\:border-indigo-300:hover { + border-color: #a3bffa; } - .sm\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .md\:hover\:border-indigo-400:hover { + border-color: #7f9cf5; } - .sm\:tracking-tighter { - letter-spacing: -0.05em; + .md\:hover\:border-indigo-500:hover { + border-color: #667eea; } - .sm\:tracking-tight { - letter-spacing: -0.025em; + .md\:hover\:border-indigo-600:hover { + border-color: #5a67d8; } - .sm\:tracking-normal { - letter-spacing: 0; + .md\:hover\:border-indigo-700:hover { + border-color: #4c51bf; } - .sm\:tracking-wide { - letter-spacing: 0.025em; + .md\:hover\:border-indigo-800:hover { + border-color: #434190; } - .sm\:tracking-wider { - letter-spacing: 0.05em; + .md\:hover\:border-indigo-900:hover { + border-color: #3c366b; } - .sm\:tracking-widest { - letter-spacing: 0.1em; + .md\:hover\:border-purple-100:hover { + border-color: #faf5ff; } - .sm\:select-none { - user-select: none; + .md\:hover\:border-purple-200:hover { + border-color: #e9d8fd; } - .sm\:select-text { - user-select: text; + .md\:hover\:border-purple-300:hover { + border-color: #d6bcfa; } - .sm\:select-all { - user-select: all; + .md\:hover\:border-purple-400:hover { + border-color: #b794f4; } - .sm\:select-auto { - user-select: auto; + .md\:hover\:border-purple-500:hover { + border-color: #9f7aea; } - .sm\:align-baseline { - vertical-align: baseline; + .md\:hover\:border-purple-600:hover { + border-color: #805ad5; } - .sm\:align-top { - vertical-align: top; + .md\:hover\:border-purple-700:hover { + border-color: #6b46c1; } - .sm\:align-middle { - vertical-align: middle; + .md\:hover\:border-purple-800:hover { + border-color: #553c9a; } - .sm\:align-bottom { - vertical-align: bottom; + .md\:hover\:border-purple-900:hover { + border-color: #44337a; } - .sm\:align-text-top { - vertical-align: text-top; + .md\:hover\:border-pink-100:hover { + border-color: #fff5f7; } - .sm\:align-text-bottom { - vertical-align: text-bottom; + .md\:hover\:border-pink-200:hover { + border-color: #fed7e2; } - .sm\:visible { - visibility: visible; + .md\:hover\:border-pink-300:hover { + border-color: #fbb6ce; } - .sm\:invisible { - visibility: hidden; + .md\:hover\:border-pink-400:hover { + border-color: #f687b3; } - .sm\:whitespace-normal { - white-space: normal; + .md\:hover\:border-pink-500:hover { + border-color: #ed64a6; } - .sm\:whitespace-no-wrap { - white-space: nowrap; + .md\:hover\:border-pink-600:hover { + border-color: #d53f8c; } - .sm\:whitespace-pre { - white-space: pre; + .md\:hover\:border-pink-700:hover { + border-color: #b83280; } - .sm\:whitespace-pre-line { - white-space: pre-line; + .md\:hover\:border-pink-800:hover { + border-color: #97266d; } - .sm\:whitespace-pre-wrap { - white-space: pre-wrap; + .md\:hover\:border-pink-900:hover { + border-color: #702459; } - .sm\:break-normal { - overflow-wrap: normal; - word-break: normal; + .md\:focus\:border-transparent:focus { + border-color: transparent; } - .sm\:break-words { - overflow-wrap: break-word; + .md\:focus\:border-black:focus { + border-color: #000; } - .sm\:break-all { - word-break: break-all; + .md\:focus\:border-white:focus { + border-color: #fff; } - .sm\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .md\:focus\:border-gray-100:focus { + border-color: #f7fafc; } - .sm\:w-0 { - width: 0; + .md\:focus\:border-gray-200:focus { + border-color: #edf2f7; } - .sm\:w-1 { - width: 0.25rem; + .md\:focus\:border-gray-300:focus { + border-color: #e2e8f0; } - .sm\:w-2 { - width: 0.5rem; + .md\:focus\:border-gray-400:focus { + border-color: #cbd5e0; } - .sm\:w-3 { - width: 0.75rem; + .md\:focus\:border-gray-500:focus { + border-color: #a0aec0; } - .sm\:w-4 { - width: 1rem; + .md\:focus\:border-gray-600:focus { + border-color: #718096; } - .sm\:w-5 { - width: 1.25rem; + .md\:focus\:border-gray-700:focus { + border-color: #4a5568; } - .sm\:w-6 { - width: 1.5rem; + .md\:focus\:border-gray-800:focus { + border-color: #2d3748; } - .sm\:w-8 { - width: 2rem; + .md\:focus\:border-gray-900:focus { + border-color: #1a202c; } - .sm\:w-10 { - width: 2.5rem; + .md\:focus\:border-red-100:focus { + border-color: #fff5f5; } - .sm\:w-12 { - width: 3rem; + .md\:focus\:border-red-200:focus { + border-color: #fed7d7; } - .sm\:w-16 { - width: 4rem; + .md\:focus\:border-red-300:focus { + border-color: #feb2b2; } - .sm\:w-20 { - width: 5rem; + .md\:focus\:border-red-400:focus { + border-color: #fc8181; } - .sm\:w-24 { - width: 6rem; + .md\:focus\:border-red-500:focus { + border-color: #f56565; } - .sm\:w-32 { - width: 8rem; + .md\:focus\:border-red-600:focus { + border-color: #e53e3e; } - .sm\:w-40 { - width: 10rem; + .md\:focus\:border-red-700:focus { + border-color: #c53030; } - .sm\:w-48 { - width: 12rem; + .md\:focus\:border-red-800:focus { + border-color: #9b2c2c; } - .sm\:w-56 { - width: 14rem; + .md\:focus\:border-red-900:focus { + border-color: #742a2a; } - .sm\:w-64 { - width: 16rem; + .md\:focus\:border-orange-100:focus { + border-color: #fffaf0; } - .sm\:w-auto { - width: auto; + .md\:focus\:border-orange-200:focus { + border-color: #feebc8; } - .sm\:w-px { - width: 1px; + .md\:focus\:border-orange-300:focus { + border-color: #fbd38d; } - .sm\:w-1\/2 { - width: 50%; + .md\:focus\:border-orange-400:focus { + border-color: #f6ad55; } - .sm\:w-1\/3 { - width: 33.333333%; + .md\:focus\:border-orange-500:focus { + border-color: #ed8936; } - .sm\:w-2\/3 { - width: 66.666667%; + .md\:focus\:border-orange-600:focus { + border-color: #dd6b20; } - .sm\:w-1\/4 { - width: 25%; + .md\:focus\:border-orange-700:focus { + border-color: #c05621; } - .sm\:w-2\/4 { - width: 50%; + .md\:focus\:border-orange-800:focus { + border-color: #9c4221; } - .sm\:w-3\/4 { - width: 75%; + .md\:focus\:border-orange-900:focus { + border-color: #7b341e; } - .sm\:w-1\/5 { - width: 20%; + .md\:focus\:border-yellow-100:focus { + border-color: #fffff0; } - .sm\:w-2\/5 { - width: 40%; + .md\:focus\:border-yellow-200:focus { + border-color: #fefcbf; } - .sm\:w-3\/5 { - width: 60%; + .md\:focus\:border-yellow-300:focus { + border-color: #faf089; } - .sm\:w-4\/5 { - width: 80%; + .md\:focus\:border-yellow-400:focus { + border-color: #f6e05e; } - .sm\:w-1\/6 { - width: 16.666667%; + .md\:focus\:border-yellow-500:focus { + border-color: #ecc94b; } - .sm\:w-2\/6 { - width: 33.333333%; + .md\:focus\:border-yellow-600:focus { + border-color: #d69e2e; } - .sm\:w-3\/6 { - width: 50%; + .md\:focus\:border-yellow-700:focus { + border-color: #b7791f; } - .sm\:w-4\/6 { - width: 66.666667%; + .md\:focus\:border-yellow-800:focus { + border-color: #975a16; } - .sm\:w-5\/6 { - width: 83.333333%; + .md\:focus\:border-yellow-900:focus { + border-color: #744210; } - .sm\:w-1\/12 { - width: 8.333333%; + .md\:focus\:border-green-100:focus { + border-color: #f0fff4; } - .sm\:w-2\/12 { - width: 16.666667%; + .md\:focus\:border-green-200:focus { + border-color: #c6f6d5; } - .sm\:w-3\/12 { - width: 25%; + .md\:focus\:border-green-300:focus { + border-color: #9ae6b4; } - .sm\:w-4\/12 { - width: 33.333333%; + .md\:focus\:border-green-400:focus { + border-color: #68d391; } - .sm\:w-5\/12 { - width: 41.666667%; + .md\:focus\:border-green-500:focus { + border-color: #48bb78; } - .sm\:w-6\/12 { - width: 50%; + .md\:focus\:border-green-600:focus { + border-color: #38a169; } - .sm\:w-7\/12 { - width: 58.333333%; + .md\:focus\:border-green-700:focus { + border-color: #2f855a; } - .sm\:w-8\/12 { - width: 66.666667%; + .md\:focus\:border-green-800:focus { + border-color: #276749; } - .sm\:w-9\/12 { - width: 75%; + .md\:focus\:border-green-900:focus { + border-color: #22543d; } - .sm\:w-10\/12 { - width: 83.333333%; + .md\:focus\:border-teal-100:focus { + border-color: #e6fffa; } - .sm\:w-11\/12 { - width: 91.666667%; + .md\:focus\:border-teal-200:focus { + border-color: #b2f5ea; } - .sm\:w-full { - width: 100%; + .md\:focus\:border-teal-300:focus { + border-color: #81e6d9; } - .sm\:w-screen { - width: 100vw; + .md\:focus\:border-teal-400:focus { + border-color: #4fd1c5; } - .sm\:z-0 { - z-index: 0; + .md\:focus\:border-teal-500:focus { + border-color: #38b2ac; } - .sm\:z-10 { - z-index: 10; + .md\:focus\:border-teal-600:focus { + border-color: #319795; } - .sm\:z-20 { - z-index: 20; + .md\:focus\:border-teal-700:focus { + border-color: #2c7a7b; } - .sm\:z-30 { - z-index: 30; + .md\:focus\:border-teal-800:focus { + border-color: #285e61; } - .sm\:z-40 { - z-index: 40; + .md\:focus\:border-teal-900:focus { + border-color: #234e52; } - .sm\:z-50 { - z-index: 50; + .md\:focus\:border-blue-100:focus { + border-color: #ebf8ff; } - .sm\:z-auto { - z-index: auto; + .md\:focus\:border-blue-200:focus { + border-color: #bee3f8; } - .sm\:example { - font-weight: 700; - color: #f56565; + .md\:focus\:border-blue-300:focus { + border-color: #90cdf4; } -} -@media (min-width: 768px) { - .md\: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; + .md\:focus\:border-blue-400:focus { + border-color: #63b3ed; } - .md\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:border-blue-500:focus { + border-color: #4299e1; } - .md\: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; + .md\:focus\:border-blue-600:focus { + border-color: #3182ce; + } + + .md\:focus\:border-blue-700:focus { + border-color: #2b6cb0; } - .md\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .md\:focus\:border-blue-800:focus { + border-color: #2c5282; } - .md\:appearance-none { - appearance: none; + .md\:focus\:border-blue-900:focus { + border-color: #2a4365; } - .md\:bg-fixed { - background-attachment: fixed; + .md\:focus\:border-indigo-100:focus { + border-color: #ebf4ff; } - .md\:bg-local { - background-attachment: local; + .md\:focus\:border-indigo-200:focus { + border-color: #c3dafe; } - .md\:bg-scroll { - background-attachment: scroll; + .md\:focus\:border-indigo-300:focus { + border-color: #a3bffa; } - .md\:bg-transparent { - background-color: transparent; + .md\:focus\:border-indigo-400:focus { + border-color: #7f9cf5; } - .md\:bg-black { - background-color: #000; + .md\:focus\:border-indigo-500:focus { + border-color: #667eea; } - .md\:bg-white { - background-color: #fff; + .md\:focus\:border-indigo-600:focus { + border-color: #5a67d8; } - .md\:bg-gray-100 { - background-color: #f7fafc; + .md\:focus\:border-indigo-700:focus { + border-color: #4c51bf; } - .md\:bg-gray-200 { - background-color: #edf2f7; + .md\:focus\:border-indigo-800:focus { + border-color: #434190; } - .md\:bg-gray-300 { - background-color: #e2e8f0; + .md\:focus\:border-indigo-900:focus { + border-color: #3c366b; } - .md\:bg-gray-400 { - background-color: #cbd5e0; + .md\:focus\:border-purple-100:focus { + border-color: #faf5ff; } - .md\:bg-gray-500 { - background-color: #a0aec0; + .md\:focus\:border-purple-200:focus { + border-color: #e9d8fd; } - .md\:bg-gray-600 { - background-color: #718096; + .md\:focus\:border-purple-300:focus { + border-color: #d6bcfa; } - .md\:bg-gray-700 { - background-color: #4a5568; + .md\:focus\:border-purple-400:focus { + border-color: #b794f4; } - .md\:bg-gray-800 { - background-color: #2d3748; + .md\:focus\:border-purple-500:focus { + border-color: #9f7aea; } - .md\:bg-gray-900 { - background-color: #1a202c; + .md\:focus\:border-purple-600:focus { + border-color: #805ad5; } - .md\:bg-red-100 { - background-color: #fff5f5; + .md\:focus\:border-purple-700:focus { + border-color: #6b46c1; } - .md\:bg-red-200 { - background-color: #fed7d7; + .md\:focus\:border-purple-800:focus { + border-color: #553c9a; } - .md\:bg-red-300 { - background-color: #feb2b2; + .md\:focus\:border-purple-900:focus { + border-color: #44337a; } - .md\:bg-red-400 { - background-color: #fc8181; + .md\:focus\:border-pink-100:focus { + border-color: #fff5f7; } - .md\:bg-red-500 { - background-color: #f56565; + .md\:focus\:border-pink-200:focus { + border-color: #fed7e2; } - .md\:bg-red-600 { - background-color: #e53e3e; + .md\:focus\:border-pink-300:focus { + border-color: #fbb6ce; } - .md\:bg-red-700 { - background-color: #c53030; + .md\:focus\:border-pink-400:focus { + border-color: #f687b3; } - .md\:bg-red-800 { - background-color: #9b2c2c; + .md\:focus\:border-pink-500:focus { + border-color: #ed64a6; } - .md\:bg-red-900 { - background-color: #742a2a; + .md\:focus\:border-pink-600:focus { + border-color: #d53f8c; } - .md\:bg-orange-100 { - background-color: #fffaf0; + .md\:focus\:border-pink-700:focus { + border-color: #b83280; } - .md\:bg-orange-200 { - background-color: #feebc8; + .md\:focus\:border-pink-800:focus { + border-color: #97266d; } - .md\:bg-orange-300 { - background-color: #fbd38d; + .md\:focus\:border-pink-900:focus { + border-color: #702459; } - .md\:bg-orange-400 { - background-color: #f6ad55; + .md\:rounded-none { + border-radius: 0; } - .md\:bg-orange-500 { - background-color: #ed8936; + .md\:rounded-sm { + border-radius: 0.125rem; } - .md\:bg-orange-600 { - background-color: #dd6b20; + .md\:rounded { + border-radius: 0.25rem; } - .md\:bg-orange-700 { - background-color: #c05621; + .md\:rounded-lg { + border-radius: 0.5rem; } - .md\:bg-orange-800 { - background-color: #9c4221; + .md\:rounded-full { + border-radius: 9999px; } - .md\:bg-orange-900 { - background-color: #7b341e; + .md\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .md\:bg-yellow-100 { - background-color: #fffff0; + .md\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .md\:bg-yellow-200 { - background-color: #fefcbf; + .md\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .md\:bg-yellow-300 { - background-color: #faf089; + .md\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .md\:bg-yellow-400 { - background-color: #f6e05e; + .md\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .md\:bg-yellow-500 { - background-color: #ecc94b; + .md\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .md\:bg-yellow-600 { - background-color: #d69e2e; + .md\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:bg-yellow-700 { - background-color: #b7791f; + .md\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .md\:bg-yellow-800 { - background-color: #975a16; + .md\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .md\:bg-yellow-900 { - background-color: #744210; + .md\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .md\:bg-green-100 { - background-color: #f0fff4; + .md\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:bg-green-200 { - background-color: #c6f6d5; + .md\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .md\:bg-green-300 { - background-color: #9ae6b4; + .md\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .md\:bg-green-400 { - background-color: #68d391; + .md\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .md\:bg-green-500 { - background-color: #48bb78; + .md\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:bg-green-600 { - background-color: #38a169; + .md\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .md\:bg-green-700 { - background-color: #2f855a; + .md\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .md\:bg-green-800 { - background-color: #276749; + .md\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .md\:bg-green-900 { - background-color: #22543d; + .md\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:bg-teal-100 { - background-color: #e6fffa; + .md\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .md\:bg-teal-200 { - background-color: #b2f5ea; + .md\:rounded-tl-none { + border-top-left-radius: 0; } - .md\:bg-teal-300 { - background-color: #81e6d9; + .md\:rounded-tr-none { + border-top-right-radius: 0; + } + + .md\:rounded-br-none { + border-bottom-right-radius: 0; } - .md\:bg-teal-400 { - background-color: #4fd1c5; + .md\:rounded-bl-none { + border-bottom-left-radius: 0; } - .md\:bg-teal-500 { - background-color: #38b2ac; + .md\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .md\:bg-teal-600 { - background-color: #319795; + .md\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .md\:bg-teal-700 { - background-color: #2c7a7b; + .md\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .md\:bg-teal-800 { - background-color: #285e61; + .md\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .md\:bg-teal-900 { - background-color: #234e52; + .md\:rounded-tl { + border-top-left-radius: 0.25rem; } - .md\:bg-blue-100 { - background-color: #ebf8ff; + .md\:rounded-tr { + border-top-right-radius: 0.25rem; } - .md\:bg-blue-200 { - background-color: #bee3f8; + .md\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .md\:bg-blue-300 { - background-color: #90cdf4; + .md\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .md\:bg-blue-400 { - background-color: #63b3ed; + .md\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .md\:bg-blue-500 { - background-color: #4299e1; + .md\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .md\:bg-blue-600 { - background-color: #3182ce; + .md\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .md\:bg-blue-700 { - background-color: #2b6cb0; + .md\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .md\:bg-blue-800 { - background-color: #2c5282; + .md\:rounded-tl-full { + border-top-left-radius: 9999px; } - .md\:bg-blue-900 { - background-color: #2a4365; + .md\:rounded-tr-full { + border-top-right-radius: 9999px; } - .md\:bg-indigo-100 { - background-color: #ebf4ff; + .md\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .md\:bg-indigo-200 { - background-color: #c3dafe; + .md\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .md\:bg-indigo-300 { - background-color: #a3bffa; + .md\:border-solid { + border-style: solid; } - .md\:bg-indigo-400 { - background-color: #7f9cf5; + .md\:border-dashed { + border-style: dashed; } - .md\:bg-indigo-500 { - background-color: #667eea; + .md\:border-dotted { + border-style: dotted; } - .md\:bg-indigo-600 { - background-color: #5a67d8; + .md\:border-double { + border-style: double; } - .md\:bg-indigo-700 { - background-color: #4c51bf; + .md\:border-none { + border-style: none; } - .md\:bg-indigo-800 { - background-color: #434190; + .md\:border-0 { + border-width: 0; } - .md\:bg-indigo-900 { - background-color: #3c366b; + .md\:border-2 { + border-width: 2px; } - .md\:bg-purple-100 { - background-color: #faf5ff; + .md\:border-4 { + border-width: 4px; } - .md\:bg-purple-200 { - background-color: #e9d8fd; + .md\:border-8 { + border-width: 8px; } - .md\:bg-purple-300 { - background-color: #d6bcfa; + .md\:border { + border-width: 1px; } - .md\:bg-purple-400 { - background-color: #b794f4; + .md\:border-t-0 { + border-top-width: 0; } - .md\:bg-purple-500 { - background-color: #9f7aea; + .md\:border-r-0 { + border-right-width: 0; } - .md\:bg-purple-600 { - background-color: #805ad5; + .md\:border-b-0 { + border-bottom-width: 0; } - .md\:bg-purple-700 { - background-color: #6b46c1; + .md\:border-l-0 { + border-left-width: 0; } - .md\:bg-purple-800 { - background-color: #553c9a; + .md\:border-t-2 { + border-top-width: 2px; } - .md\:bg-purple-900 { - background-color: #44337a; + .md\:border-r-2 { + border-right-width: 2px; } - .md\:bg-pink-100 { - background-color: #fff5f7; + .md\:border-b-2 { + border-bottom-width: 2px; } - .md\:bg-pink-200 { - background-color: #fed7e2; + .md\:border-l-2 { + border-left-width: 2px; } - .md\:bg-pink-300 { - background-color: #fbb6ce; + .md\:border-t-4 { + border-top-width: 4px; } - .md\:bg-pink-400 { - background-color: #f687b3; + .md\:border-r-4 { + border-right-width: 4px; } - .md\:bg-pink-500 { - background-color: #ed64a6; + .md\:border-b-4 { + border-bottom-width: 4px; } - .md\:bg-pink-600 { - background-color: #d53f8c; + .md\:border-l-4 { + border-left-width: 4px; } - .md\:bg-pink-700 { - background-color: #b83280; + .md\:border-t-8 { + border-top-width: 8px; } - .md\:bg-pink-800 { - background-color: #97266d; + .md\:border-r-8 { + border-right-width: 8px; } - .md\:bg-pink-900 { - background-color: #702459; + .md\:border-b-8 { + border-bottom-width: 8px; } - .md\:hover\:bg-transparent:hover { - background-color: transparent; + .md\:border-l-8 { + border-left-width: 8px; } - .md\:hover\:bg-black:hover { - background-color: #000; + .md\:border-t { + border-top-width: 1px; } - .md\:hover\:bg-white:hover { - background-color: #fff; + .md\:border-r { + border-right-width: 1px; } - .md\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .md\:border-b { + border-bottom-width: 1px; } - .md\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .md\:border-l { + border-left-width: 1px; } - .md\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .md\:cursor-auto { + cursor: auto; } - .md\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .md\:cursor-default { + cursor: default; } - .md\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .md\:cursor-pointer { + cursor: pointer; } - .md\:hover\:bg-gray-600:hover { - background-color: #718096; + .md\:cursor-wait { + cursor: wait; } - .md\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .md\:cursor-text { + cursor: text; } - .md\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .md\:cursor-move { + cursor: move; } - .md\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .md\:cursor-not-allowed { + cursor: not-allowed; } - .md\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .md\:block { + display: block; } - .md\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .md\:inline-block { + display: inline-block; } - .md\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .md\:inline { + display: inline; } - .md\:hover\:bg-red-400:hover { - background-color: #fc8181; + .md\:flex { + display: flex; } - .md\:hover\:bg-red-500:hover { - background-color: #f56565; + .md\:inline-flex { + display: inline-flex; } - .md\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .md\:table { + display: table; } - .md\:hover\:bg-red-700:hover { - background-color: #c53030; + .md\:table-row { + display: table-row; } - .md\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .md\:table-cell { + display: table-cell; } - .md\:hover\:bg-red-900:hover { - background-color: #742a2a; + .md\:hidden { + display: none; } - .md\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .md\:flex-row { + flex-direction: row; } - .md\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .md\:flex-row-reverse { + flex-direction: row-reverse; } - .md\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .md\:flex-col { + flex-direction: column; } - .md\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .md\:flex-col-reverse { + flex-direction: column-reverse; } - .md\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .md\:flex-wrap { + flex-wrap: wrap; } - .md\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .md\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .md\:hover\:bg-orange-700:hover { - background-color: #c05621; + .md\:flex-no-wrap { + flex-wrap: nowrap; } - .md\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .md\:items-start { + align-items: flex-start; } - .md\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .md\:items-end { + align-items: flex-end; } - .md\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .md\:items-center { + align-items: center; } - .md\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .md\:items-baseline { + align-items: baseline; } - .md\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .md\:items-stretch { + align-items: stretch; } - .md\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .md\:self-auto { + align-self: auto; } - .md\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .md\:self-start { + align-self: flex-start; } - .md\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .md\:self-end { + align-self: flex-end; } - .md\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .md\:self-center { + align-self: center; } - .md\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .md\:self-stretch { + align-self: stretch; } - .md\:hover\:bg-yellow-900:hover { - background-color: #744210; + .md\:justify-start { + justify-content: flex-start; } - .md\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .md\:justify-end { + justify-content: flex-end; } - .md\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .md\:justify-center { + justify-content: center; } - .md\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .md\:justify-between { + justify-content: space-between; } - .md\:hover\:bg-green-400:hover { - background-color: #68d391; + .md\:justify-around { + justify-content: space-around; } - .md\:hover\:bg-green-500:hover { - background-color: #48bb78; + .md\:content-center { + align-content: center; } - .md\:hover\:bg-green-600:hover { - background-color: #38a169; + .md\:content-start { + align-content: flex-start; } - .md\:hover\:bg-green-700:hover { - background-color: #2f855a; + .md\:content-end { + align-content: flex-end; } - .md\:hover\:bg-green-800:hover { - background-color: #276749; + .md\:content-between { + align-content: space-between; } - .md\:hover\:bg-green-900:hover { - background-color: #22543d; + .md\:content-around { + align-content: space-around; } - .md\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .md\:flex-1 { + flex: 1 1 0%; } - .md\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .md\:flex-auto { + flex: 1 1 auto; } - .md\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .md\:flex-initial { + flex: 0 1 auto; } - .md\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .md\:flex-none { + flex: none; } - .md\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .md\:flex-grow-0 { + flex-grow: 0; } - .md\:hover\:bg-teal-600:hover { - background-color: #319795; + .md\:flex-grow { + flex-grow: 1; } - .md\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .md\:flex-shrink-0 { + flex-shrink: 0; } - .md\:hover\:bg-teal-800:hover { - background-color: #285e61; + .md\:flex-shrink { + flex-shrink: 1; } - .md\:hover\:bg-teal-900:hover { - background-color: #234e52; + .md\:order-1 { + order: 1; } - .md\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .md\:order-2 { + order: 2; } - .md\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .md\:order-3 { + order: 3; } - .md\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .md\:order-4 { + order: 4; } - .md\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .md\:order-5 { + order: 5; } - .md\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .md\:order-6 { + order: 6; } - .md\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .md\:order-7 { + order: 7; } - .md\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .md\:order-8 { + order: 8; } - .md\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .md\:order-9 { + order: 9; } - .md\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .md\:order-10 { + order: 10; } - .md\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .md\:order-11 { + order: 11; } - .md\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .md\:order-12 { + order: 12; } - .md\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .md\:order-first { + order: -9999; } - .md\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .md\:order-last { + order: 9999; } - .md\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .md\:order-none { + order: 0; } - .md\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .md\:float-right { + float: right; } - .md\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .md\:float-left { + float: left; } - .md\:hover\:bg-indigo-800:hover { - background-color: #434190; + .md\:float-none { + float: none; } - .md\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .md\:clearfix:after { + content: ""; + display: table; + clear: both; } - .md\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .md\:font-sans { + font-family: -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"; } - .md\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .md\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .md\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .md\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .md\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .md\:font-hairline { + font-weight: 100; } - .md\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .md\:font-thin { + font-weight: 200; } - .md\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .md\:font-light { + font-weight: 300; } - .md\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .md\:font-normal { + font-weight: 400; } - .md\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .md\:font-medium { + font-weight: 500; } - .md\:hover\:bg-purple-900:hover { - background-color: #44337a; + .md\:font-semibold { + font-weight: 600; } - .md\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .md\:font-bold { + font-weight: 700; } - .md\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .md\:font-extrabold { + font-weight: 800; } - .md\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .md\:font-black { + font-weight: 900; } - .md\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .md\:hover\:font-hairline:hover { + font-weight: 100; } - .md\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .md\:hover\:font-thin:hover { + font-weight: 200; } - .md\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .md\:hover\:font-light:hover { + font-weight: 300; } - .md\:hover\:bg-pink-700:hover { - background-color: #b83280; + .md\:hover\:font-normal:hover { + font-weight: 400; } - .md\:hover\:bg-pink-800:hover { - background-color: #97266d; + .md\:hover\:font-medium:hover { + font-weight: 500; } - .md\:hover\:bg-pink-900:hover { - background-color: #702459; + .md\:hover\:font-semibold:hover { + font-weight: 600; } - .md\:focus\:bg-transparent:focus { - background-color: transparent; + .md\:hover\:font-bold:hover { + font-weight: 700; } - .md\:focus\:bg-black:focus { - background-color: #000; + .md\:hover\:font-extrabold:hover { + font-weight: 800; } - .md\:focus\:bg-white:focus { - background-color: #fff; + .md\:hover\:font-black:hover { + font-weight: 900; } - .md\:focus\:bg-gray-100:focus { - background-color: #f7fafc; + .md\:focus\:font-hairline:focus { + font-weight: 100; } - .md\:focus\:bg-gray-200:focus { - background-color: #edf2f7; + .md\:focus\:font-thin:focus { + font-weight: 200; } - .md\:focus\:bg-gray-300:focus { - background-color: #e2e8f0; + .md\:focus\:font-light:focus { + font-weight: 300; } - .md\:focus\:bg-gray-400:focus { - background-color: #cbd5e0; + .md\:focus\:font-normal:focus { + font-weight: 400; } - .md\:focus\:bg-gray-500:focus { - background-color: #a0aec0; + .md\:focus\:font-medium:focus { + font-weight: 500; } - .md\:focus\:bg-gray-600:focus { - background-color: #718096; + .md\:focus\:font-semibold:focus { + font-weight: 600; } - .md\:focus\:bg-gray-700:focus { - background-color: #4a5568; + .md\:focus\:font-bold:focus { + font-weight: 700; } - .md\:focus\:bg-gray-800:focus { - background-color: #2d3748; + .md\:focus\:font-extrabold:focus { + font-weight: 800; } - .md\:focus\:bg-gray-900:focus { - background-color: #1a202c; + .md\:focus\:font-black:focus { + font-weight: 900; } - .md\:focus\:bg-red-100:focus { - background-color: #fff5f5; + .md\:h-0 { + height: 0; } - .md\:focus\:bg-red-200:focus { - background-color: #fed7d7; + .md\:h-1 { + height: 0.25rem; } - .md\:focus\:bg-red-300:focus { - background-color: #feb2b2; + .md\:h-2 { + height: 0.5rem; } - .md\:focus\:bg-red-400:focus { - background-color: #fc8181; + .md\:h-3 { + height: 0.75rem; } - .md\:focus\:bg-red-500:focus { - background-color: #f56565; + .md\:h-4 { + height: 1rem; } - .md\:focus\:bg-red-600:focus { - background-color: #e53e3e; + .md\:h-5 { + height: 1.25rem; } - .md\:focus\:bg-red-700:focus { - background-color: #c53030; + .md\:h-6 { + height: 1.5rem; } - .md\:focus\:bg-red-800:focus { - background-color: #9b2c2c; + .md\:h-8 { + height: 2rem; } - .md\:focus\:bg-red-900:focus { - background-color: #742a2a; + .md\:h-10 { + height: 2.5rem; } - .md\:focus\:bg-orange-100:focus { - background-color: #fffaf0; + .md\:h-12 { + height: 3rem; } - .md\:focus\:bg-orange-200:focus { - background-color: #feebc8; + .md\:h-16 { + height: 4rem; } - .md\:focus\:bg-orange-300:focus { - background-color: #fbd38d; + .md\:h-20 { + height: 5rem; } - .md\:focus\:bg-orange-400:focus { - background-color: #f6ad55; + .md\:h-24 { + height: 6rem; } - .md\:focus\:bg-orange-500:focus { - background-color: #ed8936; + .md\:h-32 { + height: 8rem; } - .md\:focus\:bg-orange-600:focus { - background-color: #dd6b20; + .md\:h-40 { + height: 10rem; } - .md\:focus\:bg-orange-700:focus { - background-color: #c05621; + .md\:h-48 { + height: 12rem; } - .md\:focus\:bg-orange-800:focus { - background-color: #9c4221; + .md\:h-56 { + height: 14rem; } - .md\:focus\:bg-orange-900:focus { - background-color: #7b341e; + .md\:h-64 { + height: 16rem; } - .md\:focus\:bg-yellow-100:focus { - background-color: #fffff0; + .md\:h-auto { + height: auto; } - .md\:focus\:bg-yellow-200:focus { - background-color: #fefcbf; + .md\:h-px { + height: 1px; } - .md\:focus\:bg-yellow-300:focus { - background-color: #faf089; + .md\:h-full { + height: 100%; } - .md\:focus\:bg-yellow-400:focus { - background-color: #f6e05e; + .md\:h-screen { + height: 100vh; } - .md\:focus\:bg-yellow-500:focus { - background-color: #ecc94b; + .md\:leading-none { + line-height: 1; } - .md\:focus\:bg-yellow-600:focus { - background-color: #d69e2e; + .md\:leading-tight { + line-height: 1.25; } - .md\:focus\:bg-yellow-700:focus { - background-color: #b7791f; + .md\:leading-snug { + line-height: 1.375; } - .md\:focus\:bg-yellow-800:focus { - background-color: #975a16; + .md\:leading-normal { + line-height: 1.5; } - .md\:focus\:bg-yellow-900:focus { - background-color: #744210; + .md\:leading-relaxed { + line-height: 1.625; } - .md\:focus\:bg-green-100:focus { - background-color: #f0fff4; + .md\:leading-loose { + line-height: 2; } - .md\:focus\:bg-green-200:focus { - background-color: #c6f6d5; + .md\:list-inside { + list-style-position: inside; } - .md\:focus\:bg-green-300:focus { - background-color: #9ae6b4; + .md\:list-outside { + list-style-position: outside; } - .md\:focus\:bg-green-400:focus { - background-color: #68d391; + .md\:list-none { + list-style-type: none; } - .md\:focus\:bg-green-500:focus { - background-color: #48bb78; + .md\:list-disc { + list-style-type: disc; } - .md\:focus\:bg-green-600:focus { - background-color: #38a169; + .md\:list-decimal { + list-style-type: decimal; } - .md\:focus\:bg-green-700:focus { - background-color: #2f855a; + .md\:m-0 { + margin: 0; } - .md\:focus\:bg-green-800:focus { - background-color: #276749; + .md\:m-1 { + margin: 0.25rem; } - .md\:focus\:bg-green-900:focus { - background-color: #22543d; + .md\:m-2 { + margin: 0.5rem; } - .md\:focus\:bg-teal-100:focus { - background-color: #e6fffa; + .md\:m-3 { + margin: 0.75rem; } - .md\:focus\:bg-teal-200:focus { - background-color: #b2f5ea; + .md\:m-4 { + margin: 1rem; } - .md\:focus\:bg-teal-300:focus { - background-color: #81e6d9; + .md\:m-5 { + margin: 1.25rem; } - .md\:focus\:bg-teal-400:focus { - background-color: #4fd1c5; + .md\:m-6 { + margin: 1.5rem; } - .md\:focus\:bg-teal-500:focus { - background-color: #38b2ac; + .md\:m-8 { + margin: 2rem; } - .md\:focus\:bg-teal-600:focus { - background-color: #319795; + .md\:m-10 { + margin: 2.5rem; } - .md\:focus\:bg-teal-700:focus { - background-color: #2c7a7b; + .md\:m-12 { + margin: 3rem; } - .md\:focus\:bg-teal-800:focus { - background-color: #285e61; + .md\:m-16 { + margin: 4rem; } - .md\:focus\:bg-teal-900:focus { - background-color: #234e52; + .md\:m-20 { + margin: 5rem; } - .md\:focus\:bg-blue-100:focus { - background-color: #ebf8ff; + .md\:m-24 { + margin: 6rem; } - .md\:focus\:bg-blue-200:focus { - background-color: #bee3f8; + .md\:m-32 { + margin: 8rem; } - .md\:focus\:bg-blue-300:focus { - background-color: #90cdf4; + .md\:m-40 { + margin: 10rem; } - .md\:focus\:bg-blue-400:focus { - background-color: #63b3ed; + .md\:m-48 { + margin: 12rem; } - .md\:focus\:bg-blue-500:focus { - background-color: #4299e1; + .md\:m-56 { + margin: 14rem; } - .md\:focus\:bg-blue-600:focus { - background-color: #3182ce; + .md\:m-64 { + margin: 16rem; } - .md\:focus\:bg-blue-700:focus { - background-color: #2b6cb0; + .md\:m-auto { + margin: auto; } - .md\:focus\:bg-blue-800:focus { - background-color: #2c5282; + .md\:m-px { + margin: 1px; } - .md\:focus\:bg-blue-900:focus { - background-color: #2a4365; + .md\:-m-1 { + margin: -0.25rem; } - .md\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff; + .md\:-m-2 { + margin: -0.5rem; } - .md\:focus\:bg-indigo-200:focus { - background-color: #c3dafe; + .md\:-m-3 { + margin: -0.75rem; } - .md\:focus\:bg-indigo-300:focus { - background-color: #a3bffa; + .md\:-m-4 { + margin: -1rem; } - .md\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5; + .md\:-m-5 { + margin: -1.25rem; } - .md\:focus\:bg-indigo-500:focus { - background-color: #667eea; + .md\:-m-6 { + margin: -1.5rem; } - .md\:focus\:bg-indigo-600:focus { - background-color: #5a67d8; + .md\:-m-8 { + margin: -2rem; } - .md\:focus\:bg-indigo-700:focus { - background-color: #4c51bf; + .md\:-m-10 { + margin: -2.5rem; } - .md\:focus\:bg-indigo-800:focus { - background-color: #434190; + .md\:-m-12 { + margin: -3rem; } - .md\:focus\:bg-indigo-900:focus { - background-color: #3c366b; + .md\:-m-16 { + margin: -4rem; } - .md\:focus\:bg-purple-100:focus { - background-color: #faf5ff; + .md\:-m-20 { + margin: -5rem; } - .md\:focus\:bg-purple-200:focus { - background-color: #e9d8fd; + .md\:-m-24 { + margin: -6rem; } - .md\:focus\:bg-purple-300:focus { - background-color: #d6bcfa; + .md\:-m-32 { + margin: -8rem; } - .md\:focus\:bg-purple-400:focus { - background-color: #b794f4; + .md\:-m-40 { + margin: -10rem; } - .md\:focus\:bg-purple-500:focus { - background-color: #9f7aea; + .md\:-m-48 { + margin: -12rem; } - .md\:focus\:bg-purple-600:focus { - background-color: #805ad5; + .md\:-m-56 { + margin: -14rem; } - .md\:focus\:bg-purple-700:focus { - background-color: #6b46c1; + .md\:-m-64 { + margin: -16rem; } - .md\:focus\:bg-purple-800:focus { - background-color: #553c9a; + .md\:-m-px { + margin: -1px; } - .md\:focus\:bg-purple-900:focus { - background-color: #44337a; + .md\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .md\:focus\:bg-pink-100:focus { - background-color: #fff5f7; + .md\:mx-0 { + margin-left: 0; + margin-right: 0; } - .md\:focus\:bg-pink-200:focus { - background-color: #fed7e2; + .md\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .md\:focus\:bg-pink-300:focus { - background-color: #fbb6ce; + .md\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .md\:focus\:bg-pink-400:focus { - background-color: #f687b3; + .md\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .md\:focus\:bg-pink-500:focus { - background-color: #ed64a6; + .md\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .md\:focus\:bg-pink-600:focus { - background-color: #d53f8c; + .md\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .md\:focus\:bg-pink-700:focus { - background-color: #b83280; + .md\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .md\:focus\:bg-pink-800:focus { - background-color: #97266d; + .md\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .md\:focus\:bg-pink-900:focus { - background-color: #702459; + .md\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .md\:bg-bottom { - background-position: bottom; + .md\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .md\:bg-center { - background-position: center; + .md\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .md\:bg-left { - background-position: left; + .md\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .md\:bg-left-bottom { - background-position: left bottom; + .md\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .md\:bg-left-top { - background-position: left top; + .md\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .md\:bg-right { - background-position: right; + .md\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .md\:bg-right-bottom { - background-position: right bottom; + .md\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .md\:bg-right-top { - background-position: right top; + .md\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .md\:bg-top { - background-position: top; + .md\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .md\:bg-repeat { - background-repeat: repeat; + .md\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .md\:bg-no-repeat { - background-repeat: no-repeat; + .md\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .md\:bg-repeat-x { - background-repeat: repeat-x; + .md\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .md\:bg-repeat-y { - background-repeat: repeat-y; + .md\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .md\:bg-repeat-round { - background-repeat: round; + .md\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .md\:bg-repeat-space { - background-repeat: space; + .md\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .md\:bg-auto { - background-size: auto; + .md\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .md\:bg-cover { - background-size: cover; + .md\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .md\:bg-contain { - background-size: contain; + .md\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .md\:border-collapse { - border-collapse: collapse; + .md\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .md\:border-separate { - border-collapse: separate; + .md\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .md\:border-transparent { - border-color: transparent; + .md\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .md\:border-black { - border-color: #000; + .md\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .md\:border-white { - border-color: #fff; + .md\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .md\:border-gray-100 { - border-color: #f7fafc; + .md\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .md\:border-gray-200 { - border-color: #edf2f7; + .md\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .md\:border-gray-300 { - border-color: #e2e8f0; + .md\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .md\:border-gray-400 { - border-color: #cbd5e0; + .md\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .md\:border-gray-500 { - border-color: #a0aec0; + .md\:mx-auto { + margin-left: auto; + margin-right: auto; } - .md\:border-gray-600 { - border-color: #718096; + .md\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .md\:border-gray-700 { - border-color: #4a5568; + .md\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .md\:border-gray-800 { - border-color: #2d3748; + .md\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .md\:border-gray-900 { - border-color: #1a202c; + .md\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .md\:border-red-100 { - border-color: #fff5f5; + .md\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .md\:border-red-200 { - border-color: #fed7d7; + .md\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .md\:border-red-300 { - border-color: #feb2b2; + .md\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .md\:border-red-400 { - border-color: #fc8181; + .md\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .md\:border-red-500 { - border-color: #f56565; + .md\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .md\:border-red-600 { - border-color: #e53e3e; + .md\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .md\:border-red-700 { - border-color: #c53030; + .md\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .md\:border-red-800 { - border-color: #9b2c2c; + .md\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .md\:border-red-900 { - border-color: #742a2a; + .md\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .md\:border-orange-100 { - border-color: #fffaf0; + .md\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .md\:border-orange-200 { - border-color: #feebc8; + .md\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .md\:border-orange-300 { - border-color: #fbd38d; + .md\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .md\:border-orange-400 { - border-color: #f6ad55; + .md\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .md\:border-orange-500 { - border-color: #ed8936; + .md\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .md\:border-orange-600 { - border-color: #dd6b20; + .md\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .md\:border-orange-700 { - border-color: #c05621; + .md\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .md\:border-orange-800 { - border-color: #9c4221; + .md\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .md\:border-orange-900 { - border-color: #7b341e; + .md\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .md\:border-yellow-100 { - border-color: #fffff0; + .md\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .md\:border-yellow-200 { - border-color: #fefcbf; + .md\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .md\:border-yellow-300 { - border-color: #faf089; + .md\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .md\:border-yellow-400 { - border-color: #f6e05e; + .md\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .md\:border-yellow-500 { - border-color: #ecc94b; + .md\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .md\:border-yellow-600 { - border-color: #d69e2e; + .md\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .md\:border-yellow-700 { - border-color: #b7791f; + .md\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .md\:border-yellow-800 { - border-color: #975a16; + .md\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .md\:border-yellow-900 { - border-color: #744210; + .md\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .md\:border-green-100 { - border-color: #f0fff4; + .md\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .md\:border-green-200 { - border-color: #c6f6d5; + .md\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .md\:border-green-300 { - border-color: #9ae6b4; + .md\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .md\:border-green-400 { - border-color: #68d391; + .md\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .md\:border-green-500 { - border-color: #48bb78; + .md\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .md\:border-green-600 { - border-color: #38a169; + .md\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .md\:border-green-700 { - border-color: #2f855a; + .md\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .md\:border-green-800 { - border-color: #276749; + .md\:mt-0 { + margin-top: 0; } - .md\:border-green-900 { - border-color: #22543d; + .md\:mr-0 { + margin-right: 0; } - .md\:border-teal-100 { - border-color: #e6fffa; + .md\:mb-0 { + margin-bottom: 0; } - .md\:border-teal-200 { - border-color: #b2f5ea; + .md\:ml-0 { + margin-left: 0; } - .md\:border-teal-300 { - border-color: #81e6d9; + .md\:mt-1 { + margin-top: 0.25rem; } - .md\:border-teal-400 { - border-color: #4fd1c5; + .md\:mr-1 { + margin-right: 0.25rem; } - .md\:border-teal-500 { - border-color: #38b2ac; + .md\:mb-1 { + margin-bottom: 0.25rem; } - .md\:border-teal-600 { - border-color: #319795; + .md\:ml-1 { + margin-left: 0.25rem; } - .md\:border-teal-700 { - border-color: #2c7a7b; + .md\:mt-2 { + margin-top: 0.5rem; } - .md\:border-teal-800 { - border-color: #285e61; + .md\:mr-2 { + margin-right: 0.5rem; } - .md\:border-teal-900 { - border-color: #234e52; + .md\:mb-2 { + margin-bottom: 0.5rem; } - .md\:border-blue-100 { - border-color: #ebf8ff; + .md\:ml-2 { + margin-left: 0.5rem; } - .md\:border-blue-200 { - border-color: #bee3f8; + .md\:mt-3 { + margin-top: 0.75rem; } - .md\:border-blue-300 { - border-color: #90cdf4; + .md\:mr-3 { + margin-right: 0.75rem; } - .md\:border-blue-400 { - border-color: #63b3ed; + .md\:mb-3 { + margin-bottom: 0.75rem; } - .md\:border-blue-500 { - border-color: #4299e1; + .md\:ml-3 { + margin-left: 0.75rem; } - .md\:border-blue-600 { - border-color: #3182ce; + .md\:mt-4 { + margin-top: 1rem; } - .md\:border-blue-700 { - border-color: #2b6cb0; + .md\:mr-4 { + margin-right: 1rem; } - .md\:border-blue-800 { - border-color: #2c5282; + .md\:mb-4 { + margin-bottom: 1rem; } - .md\:border-blue-900 { - border-color: #2a4365; + .md\:ml-4 { + margin-left: 1rem; } - .md\:border-indigo-100 { - border-color: #ebf4ff; + .md\:mt-5 { + margin-top: 1.25rem; } - .md\:border-indigo-200 { - border-color: #c3dafe; + .md\:mr-5 { + margin-right: 1.25rem; } - .md\:border-indigo-300 { - border-color: #a3bffa; + .md\:mb-5 { + margin-bottom: 1.25rem; } - .md\:border-indigo-400 { - border-color: #7f9cf5; + .md\:ml-5 { + margin-left: 1.25rem; } - .md\:border-indigo-500 { - border-color: #667eea; + .md\:mt-6 { + margin-top: 1.5rem; } - .md\:border-indigo-600 { - border-color: #5a67d8; + .md\:mr-6 { + margin-right: 1.5rem; } - .md\:border-indigo-700 { - border-color: #4c51bf; + .md\:mb-6 { + margin-bottom: 1.5rem; } - .md\:border-indigo-800 { - border-color: #434190; + .md\:ml-6 { + margin-left: 1.5rem; } - .md\:border-indigo-900 { - border-color: #3c366b; + .md\:mt-8 { + margin-top: 2rem; } - .md\:border-purple-100 { - border-color: #faf5ff; + .md\:mr-8 { + margin-right: 2rem; } - .md\:border-purple-200 { - border-color: #e9d8fd; + .md\:mb-8 { + margin-bottom: 2rem; } - .md\:border-purple-300 { - border-color: #d6bcfa; + .md\:ml-8 { + margin-left: 2rem; } - .md\:border-purple-400 { - border-color: #b794f4; + .md\:mt-10 { + margin-top: 2.5rem; } - .md\:border-purple-500 { - border-color: #9f7aea; + .md\:mr-10 { + margin-right: 2.5rem; } - .md\:border-purple-600 { - border-color: #805ad5; + .md\:mb-10 { + margin-bottom: 2.5rem; } - .md\:border-purple-700 { - border-color: #6b46c1; + .md\:ml-10 { + margin-left: 2.5rem; } - .md\:border-purple-800 { - border-color: #553c9a; + .md\:mt-12 { + margin-top: 3rem; } - .md\:border-purple-900 { - border-color: #44337a; + .md\:mr-12 { + margin-right: 3rem; } - .md\:border-pink-100 { - border-color: #fff5f7; + .md\:mb-12 { + margin-bottom: 3rem; } - .md\:border-pink-200 { - border-color: #fed7e2; + .md\:ml-12 { + margin-left: 3rem; } - .md\:border-pink-300 { - border-color: #fbb6ce; + .md\:mt-16 { + margin-top: 4rem; } - .md\:border-pink-400 { - border-color: #f687b3; + .md\:mr-16 { + margin-right: 4rem; } - .md\:border-pink-500 { - border-color: #ed64a6; + .md\:mb-16 { + margin-bottom: 4rem; } - .md\:border-pink-600 { - border-color: #d53f8c; + .md\:ml-16 { + margin-left: 4rem; } - .md\:border-pink-700 { - border-color: #b83280; + .md\:mt-20 { + margin-top: 5rem; } - .md\:border-pink-800 { - border-color: #97266d; + .md\:mr-20 { + margin-right: 5rem; } - .md\:border-pink-900 { - border-color: #702459; + .md\:mb-20 { + margin-bottom: 5rem; } - .md\:hover\:border-transparent:hover { - border-color: transparent; + .md\:ml-20 { + margin-left: 5rem; } - .md\:hover\:border-black:hover { - border-color: #000; + .md\:mt-24 { + margin-top: 6rem; } - .md\:hover\:border-white:hover { - border-color: #fff; + .md\:mr-24 { + margin-right: 6rem; } - .md\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .md\:mb-24 { + margin-bottom: 6rem; } - .md\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .md\:ml-24 { + margin-left: 6rem; } - .md\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .md\:mt-32 { + margin-top: 8rem; } - .md\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .md\:mr-32 { + margin-right: 8rem; } - .md\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .md\:mb-32 { + margin-bottom: 8rem; } - .md\:hover\:border-gray-600:hover { - border-color: #718096; + .md\:ml-32 { + margin-left: 8rem; } - .md\:hover\:border-gray-700:hover { - border-color: #4a5568; + .md\:mt-40 { + margin-top: 10rem; } - .md\:hover\:border-gray-800:hover { - border-color: #2d3748; + .md\:mr-40 { + margin-right: 10rem; } - .md\:hover\:border-gray-900:hover { - border-color: #1a202c; + .md\:mb-40 { + margin-bottom: 10rem; } - .md\:hover\:border-red-100:hover { - border-color: #fff5f5; + .md\:ml-40 { + margin-left: 10rem; } - .md\:hover\:border-red-200:hover { - border-color: #fed7d7; + .md\:mt-48 { + margin-top: 12rem; } - .md\:hover\:border-red-300:hover { - border-color: #feb2b2; + .md\:mr-48 { + margin-right: 12rem; } - .md\:hover\:border-red-400:hover { - border-color: #fc8181; + .md\:mb-48 { + margin-bottom: 12rem; } - .md\:hover\:border-red-500:hover { - border-color: #f56565; + .md\:ml-48 { + margin-left: 12rem; } - .md\:hover\:border-red-600:hover { - border-color: #e53e3e; + .md\:mt-56 { + margin-top: 14rem; } - .md\:hover\:border-red-700:hover { - border-color: #c53030; + .md\:mr-56 { + margin-right: 14rem; } - .md\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .md\:mb-56 { + margin-bottom: 14rem; } - .md\:hover\:border-red-900:hover { - border-color: #742a2a; + .md\:ml-56 { + margin-left: 14rem; } - .md\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .md\:mt-64 { + margin-top: 16rem; } - .md\:hover\:border-orange-200:hover { - border-color: #feebc8; + .md\:mr-64 { + margin-right: 16rem; } - .md\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .md\:mb-64 { + margin-bottom: 16rem; } - .md\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .md\:ml-64 { + margin-left: 16rem; } - .md\:hover\:border-orange-500:hover { - border-color: #ed8936; + .md\:mt-auto { + margin-top: auto; } - .md\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .md\:mr-auto { + margin-right: auto; } - .md\:hover\:border-orange-700:hover { - border-color: #c05621; + .md\:mb-auto { + margin-bottom: auto; } - .md\:hover\:border-orange-800:hover { - border-color: #9c4221; + .md\:ml-auto { + margin-left: auto; } - .md\:hover\:border-orange-900:hover { - border-color: #7b341e; + .md\:mt-px { + margin-top: 1px; } - .md\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .md\:mr-px { + margin-right: 1px; } - .md\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .md\:mb-px { + margin-bottom: 1px; } - .md\:hover\:border-yellow-300:hover { - border-color: #faf089; + .md\:ml-px { + margin-left: 1px; } - .md\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .md\:-mt-1 { + margin-top: -0.25rem; } - .md\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .md\:-mr-1 { + margin-right: -0.25rem; } - .md\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .md\:-mb-1 { + margin-bottom: -0.25rem; } - .md\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .md\:-ml-1 { + margin-left: -0.25rem; } - .md\:hover\:border-yellow-800:hover { - border-color: #975a16; + .md\:-mt-2 { + margin-top: -0.5rem; } - .md\:hover\:border-yellow-900:hover { - border-color: #744210; + .md\:-mr-2 { + margin-right: -0.5rem; } - .md\:hover\:border-green-100:hover { - border-color: #f0fff4; + .md\:-mb-2 { + margin-bottom: -0.5rem; } - .md\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .md\:-ml-2 { + margin-left: -0.5rem; } - .md\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .md\:-mt-3 { + margin-top: -0.75rem; } - .md\:hover\:border-green-400:hover { - border-color: #68d391; + .md\:-mr-3 { + margin-right: -0.75rem; } - .md\:hover\:border-green-500:hover { - border-color: #48bb78; + .md\:-mb-3 { + margin-bottom: -0.75rem; } - .md\:hover\:border-green-600:hover { - border-color: #38a169; + .md\:-ml-3 { + margin-left: -0.75rem; } - .md\:hover\:border-green-700:hover { - border-color: #2f855a; + .md\:-mt-4 { + margin-top: -1rem; } - .md\:hover\:border-green-800:hover { - border-color: #276749; + .md\:-mr-4 { + margin-right: -1rem; } - .md\:hover\:border-green-900:hover { - border-color: #22543d; + .md\:-mb-4 { + margin-bottom: -1rem; } - .md\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .md\:-ml-4 { + margin-left: -1rem; } - .md\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .md\:-mt-5 { + margin-top: -1.25rem; } - .md\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .md\:-mr-5 { + margin-right: -1.25rem; } - .md\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .md\:-mb-5 { + margin-bottom: -1.25rem; } - .md\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .md\:-ml-5 { + margin-left: -1.25rem; } - .md\:hover\:border-teal-600:hover { - border-color: #319795; + .md\:-mt-6 { + margin-top: -1.5rem; } - .md\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .md\:-mr-6 { + margin-right: -1.5rem; } - .md\:hover\:border-teal-800:hover { - border-color: #285e61; + .md\:-mb-6 { + margin-bottom: -1.5rem; } - .md\:hover\:border-teal-900:hover { - border-color: #234e52; + .md\:-ml-6 { + margin-left: -1.5rem; } - .md\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .md\:-mt-8 { + margin-top: -2rem; } - .md\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .md\:-mr-8 { + margin-right: -2rem; } - .md\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .md\:-mb-8 { + margin-bottom: -2rem; } - .md\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .md\:-ml-8 { + margin-left: -2rem; } - .md\:hover\:border-blue-500:hover { - border-color: #4299e1; + .md\:-mt-10 { + margin-top: -2.5rem; } - .md\:hover\:border-blue-600:hover { - border-color: #3182ce; + .md\:-mr-10 { + margin-right: -2.5rem; } - .md\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .md\:-mb-10 { + margin-bottom: -2.5rem; } - .md\:hover\:border-blue-800:hover { - border-color: #2c5282; + .md\:-ml-10 { + margin-left: -2.5rem; } - .md\:hover\:border-blue-900:hover { - border-color: #2a4365; + .md\:-mt-12 { + margin-top: -3rem; } - .md\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .md\:-mr-12 { + margin-right: -3rem; } - .md\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .md\:-mb-12 { + margin-bottom: -3rem; } - .md\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .md\:-ml-12 { + margin-left: -3rem; } - .md\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .md\:-mt-16 { + margin-top: -4rem; } - .md\:hover\:border-indigo-500:hover { - border-color: #667eea; + .md\:-mr-16 { + margin-right: -4rem; } - .md\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .md\:-mb-16 { + margin-bottom: -4rem; } - .md\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .md\:-ml-16 { + margin-left: -4rem; } - .md\:hover\:border-indigo-800:hover { - border-color: #434190; + .md\:-mt-20 { + margin-top: -5rem; } - .md\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .md\:-mr-20 { + margin-right: -5rem; } - .md\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .md\:-mb-20 { + margin-bottom: -5rem; } - .md\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .md\:-ml-20 { + margin-left: -5rem; } - .md\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .md\:-mt-24 { + margin-top: -6rem; } - .md\:hover\:border-purple-400:hover { - border-color: #b794f4; + .md\:-mr-24 { + margin-right: -6rem; } - .md\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .md\:-mb-24 { + margin-bottom: -6rem; } - .md\:hover\:border-purple-600:hover { - border-color: #805ad5; + .md\:-ml-24 { + margin-left: -6rem; } - .md\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .md\:-mt-32 { + margin-top: -8rem; } - .md\:hover\:border-purple-800:hover { - border-color: #553c9a; + .md\:-mr-32 { + margin-right: -8rem; } - .md\:hover\:border-purple-900:hover { - border-color: #44337a; + .md\:-mb-32 { + margin-bottom: -8rem; } - .md\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .md\:-ml-32 { + margin-left: -8rem; } - .md\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .md\:-mt-40 { + margin-top: -10rem; } - .md\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .md\:-mr-40 { + margin-right: -10rem; } - .md\:hover\:border-pink-400:hover { - border-color: #f687b3; + .md\:-mb-40 { + margin-bottom: -10rem; } - .md\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .md\:-ml-40 { + margin-left: -10rem; } - .md\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .md\:-mt-48 { + margin-top: -12rem; } - .md\:hover\:border-pink-700:hover { - border-color: #b83280; + .md\:-mr-48 { + margin-right: -12rem; } - .md\:hover\:border-pink-800:hover { - border-color: #97266d; + .md\:-mb-48 { + margin-bottom: -12rem; } - .md\:hover\:border-pink-900:hover { - border-color: #702459; + .md\:-ml-48 { + margin-left: -12rem; } - .md\:focus\:border-transparent:focus { - border-color: transparent; + .md\:-mt-56 { + margin-top: -14rem; } - .md\:focus\:border-black:focus { - border-color: #000; + .md\:-mr-56 { + margin-right: -14rem; } - .md\:focus\:border-white:focus { - border-color: #fff; + .md\:-mb-56 { + margin-bottom: -14rem; } - .md\:focus\:border-gray-100:focus { - border-color: #f7fafc; + .md\:-ml-56 { + margin-left: -14rem; } - .md\:focus\:border-gray-200:focus { - border-color: #edf2f7; + .md\:-mt-64 { + margin-top: -16rem; } - .md\:focus\:border-gray-300:focus { - border-color: #e2e8f0; + .md\:-mr-64 { + margin-right: -16rem; } - .md\:focus\:border-gray-400:focus { - border-color: #cbd5e0; + .md\:-mb-64 { + margin-bottom: -16rem; } - .md\:focus\:border-gray-500:focus { - border-color: #a0aec0; + .md\:-ml-64 { + margin-left: -16rem; } - .md\:focus\:border-gray-600:focus { - border-color: #718096; + .md\:-mt-px { + margin-top: -1px; } - .md\:focus\:border-gray-700:focus { - border-color: #4a5568; + .md\:-mr-px { + margin-right: -1px; } - .md\:focus\:border-gray-800:focus { - border-color: #2d3748; + .md\:-mb-px { + margin-bottom: -1px; } - .md\:focus\:border-gray-900:focus { - border-color: #1a202c; + .md\:-ml-px { + margin-left: -1px; } - .md\:focus\:border-red-100:focus { - border-color: #fff5f5; + .md\:max-h-full { + max-height: 100%; } - .md\:focus\:border-red-200:focus { - border-color: #fed7d7; + .md\:max-h-screen { + max-height: 100vh; } - .md\:focus\:border-red-300:focus { - border-color: #feb2b2; + .md\:max-w-xs { + max-width: 20rem; } - .md\:focus\:border-red-400:focus { - border-color: #fc8181; + .md\:max-w-sm { + max-width: 24rem; } - .md\:focus\:border-red-500:focus { - border-color: #f56565; + .md\:max-w-md { + max-width: 28rem; } - .md\:focus\:border-red-600:focus { - border-color: #e53e3e; + .md\:max-w-lg { + max-width: 32rem; } - .md\:focus\:border-red-700:focus { - border-color: #c53030; + .md\:max-w-xl { + max-width: 36rem; } - .md\:focus\:border-red-800:focus { - border-color: #9b2c2c; + .md\:max-w-2xl { + max-width: 42rem; } - .md\:focus\:border-red-900:focus { - border-color: #742a2a; + .md\:max-w-3xl { + max-width: 48rem; } - .md\:focus\:border-orange-100:focus { - border-color: #fffaf0; + .md\:max-w-4xl { + max-width: 56rem; } - .md\:focus\:border-orange-200:focus { - border-color: #feebc8; + .md\:max-w-5xl { + max-width: 64rem; } - .md\:focus\:border-orange-300:focus { - border-color: #fbd38d; + .md\:max-w-6xl { + max-width: 72rem; } - .md\:focus\:border-orange-400:focus { - border-color: #f6ad55; + .md\:max-w-full { + max-width: 100%; } - .md\:focus\:border-orange-500:focus { - border-color: #ed8936; + .md\:min-h-0 { + min-height: 0; } - .md\:focus\:border-orange-600:focus { - border-color: #dd6b20; + .md\:min-h-full { + min-height: 100%; } - .md\:focus\:border-orange-700:focus { - border-color: #c05621; + .md\:min-h-screen { + min-height: 100vh; } - .md\:focus\:border-orange-800:focus { - border-color: #9c4221; + .md\:min-w-0 { + min-width: 0; } - .md\:focus\:border-orange-900:focus { - border-color: #7b341e; + .md\:min-w-full { + min-width: 100%; } - .md\:focus\:border-yellow-100:focus { - border-color: #fffff0; + .md\:object-contain { + object-fit: contain; } - .md\:focus\:border-yellow-200:focus { - border-color: #fefcbf; + .md\:object-cover { + object-fit: cover; } - .md\:focus\:border-yellow-300:focus { - border-color: #faf089; + .md\:object-fill { + object-fit: fill; } - .md\:focus\:border-yellow-400:focus { - border-color: #f6e05e; + .md\:object-none { + object-fit: none; } - .md\:focus\:border-yellow-500:focus { - border-color: #ecc94b; + .md\:object-scale-down { + object-fit: scale-down; } - .md\:focus\:border-yellow-600:focus { - border-color: #d69e2e; + .md\:object-bottom { + object-position: bottom; } - .md\:focus\:border-yellow-700:focus { - border-color: #b7791f; + .md\:object-center { + object-position: center; } - .md\:focus\:border-yellow-800:focus { - border-color: #975a16; + .md\:object-left { + object-position: left; } - .md\:focus\:border-yellow-900:focus { - border-color: #744210; + .md\:object-left-bottom { + object-position: left bottom; } - .md\:focus\:border-green-100:focus { - border-color: #f0fff4; + .md\:object-left-top { + object-position: left top; } - .md\:focus\:border-green-200:focus { - border-color: #c6f6d5; + .md\:object-right { + object-position: right; } - .md\:focus\:border-green-300:focus { - border-color: #9ae6b4; + .md\:object-right-bottom { + object-position: right bottom; } - .md\:focus\:border-green-400:focus { - border-color: #68d391; + .md\:object-right-top { + object-position: right top; } - .md\:focus\:border-green-500:focus { - border-color: #48bb78; + .md\:object-top { + object-position: top; } - .md\:focus\:border-green-600:focus { - border-color: #38a169; + .md\:opacity-0 { + opacity: 0; } - .md\:focus\:border-green-700:focus { - border-color: #2f855a; + .md\:opacity-25 { + opacity: 0.25; } - .md\:focus\:border-green-800:focus { - border-color: #276749; + .md\:opacity-50 { + opacity: 0.5; } - .md\:focus\:border-green-900:focus { - border-color: #22543d; + .md\:opacity-75 { + opacity: 0.75; } - .md\:focus\:border-teal-100:focus { - border-color: #e6fffa; + .md\:opacity-100 { + opacity: 1; } - .md\:focus\:border-teal-200:focus { - border-color: #b2f5ea; + .md\:outline-none { + outline: 0; } - .md\:focus\:border-teal-300:focus { - border-color: #81e6d9; + .md\:focus\:outline-none:focus { + outline: 0; } - .md\:focus\:border-teal-400:focus { - border-color: #4fd1c5; + .md\:overflow-auto { + overflow: auto; } - .md\:focus\:border-teal-500:focus { - border-color: #38b2ac; + .md\:overflow-hidden { + overflow: hidden; } - .md\:focus\:border-teal-600:focus { - border-color: #319795; + .md\:overflow-visible { + overflow: visible; } - .md\:focus\:border-teal-700:focus { - border-color: #2c7a7b; + .md\:overflow-scroll { + overflow: scroll; } - .md\:focus\:border-teal-800:focus { - border-color: #285e61; + .md\:overflow-x-auto { + overflow-x: auto; } - .md\:focus\:border-teal-900:focus { - border-color: #234e52; + .md\:overflow-y-auto { + overflow-y: auto; } - .md\:focus\:border-blue-100:focus { - border-color: #ebf8ff; + .md\:overflow-x-hidden { + overflow-x: hidden; } - .md\:focus\:border-blue-200:focus { - border-color: #bee3f8; + .md\:overflow-y-hidden { + overflow-y: hidden; } - .md\:focus\:border-blue-300:focus { - border-color: #90cdf4; + .md\:overflow-x-visible { + overflow-x: visible; } - .md\:focus\:border-blue-400:focus { - border-color: #63b3ed; + .md\:overflow-y-visible { + overflow-y: visible; } - .md\:focus\:border-blue-500:focus { - border-color: #4299e1; + .md\:overflow-x-scroll { + overflow-x: scroll; } - .md\:focus\:border-blue-600:focus { - border-color: #3182ce; + .md\:overflow-y-scroll { + overflow-y: scroll; } - .md\:focus\:border-blue-700:focus { - border-color: #2b6cb0; + .md\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .md\:focus\:border-blue-800:focus { - border-color: #2c5282; + .md\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .md\:focus\:border-blue-900:focus { - border-color: #2a4365; + .md\:p-0 { + padding: 0; } - .md\:focus\:border-indigo-100:focus { - border-color: #ebf4ff; + .md\:p-1 { + padding: 0.25rem; } - .md\:focus\:border-indigo-200:focus { - border-color: #c3dafe; + .md\:p-2 { + padding: 0.5rem; } - .md\:focus\:border-indigo-300:focus { - border-color: #a3bffa; + .md\:p-3 { + padding: 0.75rem; } - .md\:focus\:border-indigo-400:focus { - border-color: #7f9cf5; + .md\:p-4 { + padding: 1rem; } - .md\:focus\:border-indigo-500:focus { - border-color: #667eea; + .md\:p-5 { + padding: 1.25rem; } - .md\:focus\:border-indigo-600:focus { - border-color: #5a67d8; + .md\:p-6 { + padding: 1.5rem; } - .md\:focus\:border-indigo-700:focus { - border-color: #4c51bf; + .md\:p-8 { + padding: 2rem; } - .md\:focus\:border-indigo-800:focus { - border-color: #434190; + .md\:p-10 { + padding: 2.5rem; } - .md\:focus\:border-indigo-900:focus { - border-color: #3c366b; + .md\:p-12 { + padding: 3rem; } - .md\:focus\:border-purple-100:focus { - border-color: #faf5ff; + .md\:p-16 { + padding: 4rem; } - .md\:focus\:border-purple-200:focus { - border-color: #e9d8fd; + .md\:p-20 { + padding: 5rem; } - .md\:focus\:border-purple-300:focus { - border-color: #d6bcfa; + .md\:p-24 { + padding: 6rem; } - .md\:focus\:border-purple-400:focus { - border-color: #b794f4; + .md\:p-32 { + padding: 8rem; } - .md\:focus\:border-purple-500:focus { - border-color: #9f7aea; + .md\:p-40 { + padding: 10rem; } - .md\:focus\:border-purple-600:focus { - border-color: #805ad5; + .md\:p-48 { + padding: 12rem; } - .md\:focus\:border-purple-700:focus { - border-color: #6b46c1; + .md\:p-56 { + padding: 14rem; } - .md\:focus\:border-purple-800:focus { - border-color: #553c9a; + .md\:p-64 { + padding: 16rem; } - .md\:focus\:border-purple-900:focus { - border-color: #44337a; + .md\:p-px { + padding: 1px; } - .md\:focus\:border-pink-100:focus { - border-color: #fff5f7; + .md\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .md\:focus\:border-pink-200:focus { - border-color: #fed7e2; + .md\:px-0 { + padding-left: 0; + padding-right: 0; } - .md\:focus\:border-pink-300:focus { - border-color: #fbb6ce; + .md\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .md\:focus\:border-pink-400:focus { - border-color: #f687b3; + .md\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .md\:focus\:border-pink-500:focus { - border-color: #ed64a6; + .md\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .md\:focus\:border-pink-600:focus { - border-color: #d53f8c; + .md\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .md\:focus\:border-pink-700:focus { - border-color: #b83280; + .md\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .md\:focus\:border-pink-800:focus { - border-color: #97266d; + .md\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .md\:focus\:border-pink-900:focus { - border-color: #702459; + .md\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .md\:rounded-none { - border-radius: 0; + .md\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .md\:rounded-sm { - border-radius: 0.125rem; + .md\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .md\:rounded { - border-radius: 0.25rem; + .md\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .md\:rounded-lg { - border-radius: 0.5rem; + .md\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .md\:rounded-full { - border-radius: 9999px; + .md\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .md\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .md\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .md\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .md\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .md\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .md\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .md\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .md\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .md\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .md\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .md\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .md\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .md\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .md\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .md\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .md\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .md\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .md\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .md\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .md\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .md\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .md\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .md\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .md\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - - .md\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + + .md\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .md\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .md\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .md\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .md\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .md\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .md\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .md\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .md\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .md\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .md\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .md\:rounded-tl-none { - border-top-left-radius: 0; + .md\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .md\:rounded-tr-none { - border-top-right-radius: 0; + .md\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .md\:rounded-br-none { - border-bottom-right-radius: 0; + .md\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .md\:rounded-bl-none { - border-bottom-left-radius: 0; + .md\:px-px { + padding-left: 1px; + padding-right: 1px; } - .md\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .md\:pt-0 { + padding-top: 0; } - .md\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .md\:pr-0 { + padding-right: 0; } - .md\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .md\:pb-0 { + padding-bottom: 0; } - .md\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .md\:pl-0 { + padding-left: 0; } - .md\:rounded-tl { - border-top-left-radius: 0.25rem; + .md\:pt-1 { + padding-top: 0.25rem; } - .md\:rounded-tr { - border-top-right-radius: 0.25rem; + .md\:pr-1 { + padding-right: 0.25rem; } - .md\:rounded-br { - border-bottom-right-radius: 0.25rem; + .md\:pb-1 { + padding-bottom: 0.25rem; } - .md\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .md\:pl-1 { + padding-left: 0.25rem; } - .md\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .md\:pt-2 { + padding-top: 0.5rem; } - .md\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .md\:pr-2 { + padding-right: 0.5rem; } - .md\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .md\:pb-2 { + padding-bottom: 0.5rem; } - .md\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .md\:pl-2 { + padding-left: 0.5rem; } - .md\:rounded-tl-full { - border-top-left-radius: 9999px; + .md\:pt-3 { + padding-top: 0.75rem; } - .md\:rounded-tr-full { - border-top-right-radius: 9999px; + .md\:pr-3 { + padding-right: 0.75rem; } - .md\:rounded-br-full { - border-bottom-right-radius: 9999px; + .md\:pb-3 { + padding-bottom: 0.75rem; } - .md\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .md\:pl-3 { + padding-left: 0.75rem; } - .md\:border-solid { - border-style: solid; + .md\:pt-4 { + padding-top: 1rem; } - .md\:border-dashed { - border-style: dashed; + .md\:pr-4 { + padding-right: 1rem; } - .md\:border-dotted { - border-style: dotted; + .md\:pb-4 { + padding-bottom: 1rem; } - .md\:border-double { - border-style: double; + .md\:pl-4 { + padding-left: 1rem; } - .md\:border-none { - border-style: none; + .md\:pt-5 { + padding-top: 1.25rem; } - .md\:border-0 { - border-width: 0; + .md\:pr-5 { + padding-right: 1.25rem; } - .md\:border-2 { - border-width: 2px; + .md\:pb-5 { + padding-bottom: 1.25rem; } - .md\:border-4 { - border-width: 4px; + .md\:pl-5 { + padding-left: 1.25rem; } - .md\:border-8 { - border-width: 8px; + .md\:pt-6 { + padding-top: 1.5rem; } - .md\:border { - border-width: 1px; + .md\:pr-6 { + padding-right: 1.5rem; } - .md\:border-t-0 { - border-top-width: 0; + .md\:pb-6 { + padding-bottom: 1.5rem; } - .md\:border-r-0 { - border-right-width: 0; + .md\:pl-6 { + padding-left: 1.5rem; } - .md\:border-b-0 { - border-bottom-width: 0; + .md\:pt-8 { + padding-top: 2rem; } - .md\:border-l-0 { - border-left-width: 0; + .md\:pr-8 { + padding-right: 2rem; } - .md\:border-t-2 { - border-top-width: 2px; + .md\:pb-8 { + padding-bottom: 2rem; } - .md\:border-r-2 { - border-right-width: 2px; + .md\:pl-8 { + padding-left: 2rem; } - .md\:border-b-2 { - border-bottom-width: 2px; + .md\:pt-10 { + padding-top: 2.5rem; } - .md\:border-l-2 { - border-left-width: 2px; + .md\:pr-10 { + padding-right: 2.5rem; } - .md\:border-t-4 { - border-top-width: 4px; + .md\:pb-10 { + padding-bottom: 2.5rem; } - .md\:border-r-4 { - border-right-width: 4px; + .md\:pl-10 { + padding-left: 2.5rem; } - .md\:border-b-4 { - border-bottom-width: 4px; + .md\:pt-12 { + padding-top: 3rem; } - .md\:border-l-4 { - border-left-width: 4px; + .md\:pr-12 { + padding-right: 3rem; } - .md\:border-t-8 { - border-top-width: 8px; + .md\:pb-12 { + padding-bottom: 3rem; } - .md\:border-r-8 { - border-right-width: 8px; + .md\:pl-12 { + padding-left: 3rem; } - .md\:border-b-8 { - border-bottom-width: 8px; + .md\:pt-16 { + padding-top: 4rem; } - .md\:border-l-8 { - border-left-width: 8px; + .md\:pr-16 { + padding-right: 4rem; } - .md\:border-t { - border-top-width: 1px; + .md\:pb-16 { + padding-bottom: 4rem; } - .md\:border-r { - border-right-width: 1px; + .md\:pl-16 { + padding-left: 4rem; } - .md\:border-b { - border-bottom-width: 1px; + .md\:pt-20 { + padding-top: 5rem; } - .md\:border-l { - border-left-width: 1px; + .md\:pr-20 { + padding-right: 5rem; } - .md\:cursor-auto { - cursor: auto; + .md\:pb-20 { + padding-bottom: 5rem; } - .md\:cursor-default { - cursor: default; + .md\:pl-20 { + padding-left: 5rem; } - .md\:cursor-pointer { - cursor: pointer; + .md\:pt-24 { + padding-top: 6rem; } - .md\:cursor-wait { - cursor: wait; + .md\:pr-24 { + padding-right: 6rem; } - .md\:cursor-text { - cursor: text; + .md\:pb-24 { + padding-bottom: 6rem; } - .md\:cursor-move { - cursor: move; + .md\:pl-24 { + padding-left: 6rem; } - .md\:cursor-not-allowed { - cursor: not-allowed; + .md\:pt-32 { + padding-top: 8rem; } - .md\:block { - display: block; + .md\:pr-32 { + padding-right: 8rem; } - .md\:inline-block { - display: inline-block; + .md\:pb-32 { + padding-bottom: 8rem; } - .md\:inline { - display: inline; + .md\:pl-32 { + padding-left: 8rem; } - .md\:flex { - display: flex; + .md\:pt-40 { + padding-top: 10rem; } - .md\:inline-flex { - display: inline-flex; + .md\:pr-40 { + padding-right: 10rem; } - .md\:table { - display: table; + .md\:pb-40 { + padding-bottom: 10rem; } - .md\:table-row { - display: table-row; + .md\:pl-40 { + padding-left: 10rem; } - .md\:table-cell { - display: table-cell; + .md\:pt-48 { + padding-top: 12rem; } - .md\:hidden { - display: none; + .md\:pr-48 { + padding-right: 12rem; } - .md\:flex-row { - flex-direction: row; + .md\:pb-48 { + padding-bottom: 12rem; } - .md\:flex-row-reverse { - flex-direction: row-reverse; + .md\:pl-48 { + padding-left: 12rem; } - .md\:flex-col { - flex-direction: column; + .md\:pt-56 { + padding-top: 14rem; } - .md\:flex-col-reverse { - flex-direction: column-reverse; + .md\:pr-56 { + padding-right: 14rem; } - .md\:flex-wrap { - flex-wrap: wrap; + .md\:pb-56 { + padding-bottom: 14rem; } - .md\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .md\:pl-56 { + padding-left: 14rem; } - .md\:flex-no-wrap { - flex-wrap: nowrap; + .md\:pt-64 { + padding-top: 16rem; } - .md\:items-start { - align-items: flex-start; + .md\:pr-64 { + padding-right: 16rem; } - .md\:items-end { - align-items: flex-end; + .md\:pb-64 { + padding-bottom: 16rem; } - .md\:items-center { - align-items: center; + .md\:pl-64 { + padding-left: 16rem; } - .md\:items-baseline { - align-items: baseline; + .md\:pt-px { + padding-top: 1px; } - .md\:items-stretch { - align-items: stretch; + .md\:pr-px { + padding-right: 1px; } - .md\:self-auto { - align-self: auto; + .md\:pb-px { + padding-bottom: 1px; } - .md\:self-start { - align-self: flex-start; + .md\:pl-px { + padding-left: 1px; } - .md\:self-end { - align-self: flex-end; + .md\:placeholder-transparent::placeholder { + color: transparent; } - .md\:self-center { - align-self: center; + .md\:placeholder-black::placeholder { + color: #000; } - .md\:self-stretch { - align-self: stretch; + .md\:placeholder-white::placeholder { + color: #fff; } - .md\:justify-start { - justify-content: flex-start; + .md\:placeholder-gray-100::placeholder { + color: #f7fafc; } - .md\:justify-end { - justify-content: flex-end; + .md\:placeholder-gray-200::placeholder { + color: #edf2f7; } - .md\:justify-center { - justify-content: center; + .md\:placeholder-gray-300::placeholder { + color: #e2e8f0; } - .md\:justify-between { - justify-content: space-between; + .md\:placeholder-gray-400::placeholder { + color: #cbd5e0; } - .md\:justify-around { - justify-content: space-around; + .md\:placeholder-gray-500::placeholder { + color: #a0aec0; } - .md\:content-center { - align-content: center; + .md\:placeholder-gray-600::placeholder { + color: #718096; } - .md\:content-start { - align-content: flex-start; + .md\:placeholder-gray-700::placeholder { + color: #4a5568; } - .md\:content-end { - align-content: flex-end; + .md\:placeholder-gray-800::placeholder { + color: #2d3748; } - .md\:content-between { - align-content: space-between; + .md\:placeholder-gray-900::placeholder { + color: #1a202c; } - .md\:content-around { - align-content: space-around; + .md\:placeholder-red-100::placeholder { + color: #fff5f5; } - .md\:flex-1 { - flex: 1 1 0%; + .md\:placeholder-red-200::placeholder { + color: #fed7d7; } - .md\:flex-auto { - flex: 1 1 auto; + .md\:placeholder-red-300::placeholder { + color: #feb2b2; } - .md\:flex-initial { - flex: 0 1 auto; + .md\:placeholder-red-400::placeholder { + color: #fc8181; } - .md\:flex-none { - flex: none; + .md\:placeholder-red-500::placeholder { + color: #f56565; } - .md\:flex-grow-0 { - flex-grow: 0; + .md\:placeholder-red-600::placeholder { + color: #e53e3e; } - .md\:flex-grow { - flex-grow: 1; + .md\:placeholder-red-700::placeholder { + color: #c53030; } - .md\:flex-shrink-0 { - flex-shrink: 0; + .md\:placeholder-red-800::placeholder { + color: #9b2c2c; } - .md\:flex-shrink { - flex-shrink: 1; + .md\:placeholder-red-900::placeholder { + color: #742a2a; } - .md\:order-1 { - order: 1; + .md\:placeholder-orange-100::placeholder { + color: #fffaf0; } - .md\:order-2 { - order: 2; + .md\:placeholder-orange-200::placeholder { + color: #feebc8; } - .md\:order-3 { - order: 3; + .md\:placeholder-orange-300::placeholder { + color: #fbd38d; } - .md\:order-4 { - order: 4; + .md\:placeholder-orange-400::placeholder { + color: #f6ad55; } - .md\:order-5 { - order: 5; + .md\:placeholder-orange-500::placeholder { + color: #ed8936; } - .md\:order-6 { - order: 6; + .md\:placeholder-orange-600::placeholder { + color: #dd6b20; } - .md\:order-7 { - order: 7; + .md\:placeholder-orange-700::placeholder { + color: #c05621; } - .md\:order-8 { - order: 8; + .md\:placeholder-orange-800::placeholder { + color: #9c4221; } - .md\:order-9 { - order: 9; + .md\:placeholder-orange-900::placeholder { + color: #7b341e; } - .md\:order-10 { - order: 10; + .md\:placeholder-yellow-100::placeholder { + color: #fffff0; } - .md\:order-11 { - order: 11; + .md\:placeholder-yellow-200::placeholder { + color: #fefcbf; } - .md\:order-12 { - order: 12; + .md\:placeholder-yellow-300::placeholder { + color: #faf089; } - .md\:order-first { - order: -9999; + .md\:placeholder-yellow-400::placeholder { + color: #f6e05e; } - .md\:order-last { - order: 9999; + .md\:placeholder-yellow-500::placeholder { + color: #ecc94b; } - .md\:order-none { - order: 0; + .md\:placeholder-yellow-600::placeholder { + color: #d69e2e; } - .md\:float-right { - float: right; + .md\:placeholder-yellow-700::placeholder { + color: #b7791f; } - .md\:float-left { - float: left; + .md\:placeholder-yellow-800::placeholder { + color: #975a16; } - .md\:float-none { - float: none; + .md\:placeholder-yellow-900::placeholder { + color: #744210; } - .md\:clearfix:after { - content: ""; - display: table; - clear: both; + .md\:placeholder-green-100::placeholder { + color: #f0fff4; } - .md\:font-sans { - font-family: -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"; + .md\:placeholder-green-200::placeholder { + color: #c6f6d5; } - .md\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .md\:placeholder-green-300::placeholder { + color: #9ae6b4; } - .md\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .md\:placeholder-green-400::placeholder { + color: #68d391; } - .md\:font-hairline { - font-weight: 100; + .md\:placeholder-green-500::placeholder { + color: #48bb78; } - .md\:font-thin { - font-weight: 200; + .md\:placeholder-green-600::placeholder { + color: #38a169; } - .md\:font-light { - font-weight: 300; + .md\:placeholder-green-700::placeholder { + color: #2f855a; } - .md\:font-normal { - font-weight: 400; + .md\:placeholder-green-800::placeholder { + color: #276749; } - .md\:font-medium { - font-weight: 500; + .md\:placeholder-green-900::placeholder { + color: #22543d; } - .md\:font-semibold { - font-weight: 600; + .md\:placeholder-teal-100::placeholder { + color: #e6fffa; } - .md\:font-bold { - font-weight: 700; + .md\:placeholder-teal-200::placeholder { + color: #b2f5ea; } - .md\:font-extrabold { - font-weight: 800; + .md\:placeholder-teal-300::placeholder { + color: #81e6d9; } - .md\:font-black { - font-weight: 900; + .md\:placeholder-teal-400::placeholder { + color: #4fd1c5; } - .md\:hover\:font-hairline:hover { - font-weight: 100; + .md\:placeholder-teal-500::placeholder { + color: #38b2ac; } - .md\:hover\:font-thin:hover { - font-weight: 200; + .md\:placeholder-teal-600::placeholder { + color: #319795; } - .md\:hover\:font-light:hover { - font-weight: 300; + .md\:placeholder-teal-700::placeholder { + color: #2c7a7b; } - .md\:hover\:font-normal:hover { - font-weight: 400; + .md\:placeholder-teal-800::placeholder { + color: #285e61; } - .md\:hover\:font-medium:hover { - font-weight: 500; + .md\:placeholder-teal-900::placeholder { + color: #234e52; } - .md\:hover\:font-semibold:hover { - font-weight: 600; + .md\:placeholder-blue-100::placeholder { + color: #ebf8ff; } - .md\:hover\:font-bold:hover { - font-weight: 700; + .md\:placeholder-blue-200::placeholder { + color: #bee3f8; } - .md\:hover\:font-extrabold:hover { - font-weight: 800; + .md\:placeholder-blue-300::placeholder { + color: #90cdf4; } - .md\:hover\:font-black:hover { - font-weight: 900; + .md\:placeholder-blue-400::placeholder { + color: #63b3ed; } - .md\:focus\:font-hairline:focus { - font-weight: 100; + .md\:placeholder-blue-500::placeholder { + color: #4299e1; } - .md\:focus\:font-thin:focus { - font-weight: 200; + .md\:placeholder-blue-600::placeholder { + color: #3182ce; } - .md\:focus\:font-light:focus { - font-weight: 300; + .md\:placeholder-blue-700::placeholder { + color: #2b6cb0; } - .md\:focus\:font-normal:focus { - font-weight: 400; + .md\:placeholder-blue-800::placeholder { + color: #2c5282; } - .md\:focus\:font-medium:focus { - font-weight: 500; + .md\:placeholder-blue-900::placeholder { + color: #2a4365; } - .md\:focus\:font-semibold:focus { - font-weight: 600; + .md\:placeholder-indigo-100::placeholder { + color: #ebf4ff; } - .md\:focus\:font-bold:focus { - font-weight: 700; + .md\:placeholder-indigo-200::placeholder { + color: #c3dafe; } - .md\:focus\:font-extrabold:focus { - font-weight: 800; + .md\:placeholder-indigo-300::placeholder { + color: #a3bffa; } - .md\:focus\:font-black:focus { - font-weight: 900; + .md\:placeholder-indigo-400::placeholder { + color: #7f9cf5; } - .md\:h-0 { - height: 0; + .md\:placeholder-indigo-500::placeholder { + color: #667eea; } - .md\:h-1 { - height: 0.25rem; + .md\:placeholder-indigo-600::placeholder { + color: #5a67d8; } - .md\:h-2 { - height: 0.5rem; + .md\:placeholder-indigo-700::placeholder { + color: #4c51bf; } - .md\:h-3 { - height: 0.75rem; + .md\:placeholder-indigo-800::placeholder { + color: #434190; } - .md\:h-4 { - height: 1rem; + .md\:placeholder-indigo-900::placeholder { + color: #3c366b; } - .md\:h-5 { - height: 1.25rem; + .md\:placeholder-purple-100::placeholder { + color: #faf5ff; } - .md\:h-6 { - height: 1.5rem; + .md\:placeholder-purple-200::placeholder { + color: #e9d8fd; } - .md\:h-8 { - height: 2rem; + .md\:placeholder-purple-300::placeholder { + color: #d6bcfa; } - .md\:h-10 { - height: 2.5rem; + .md\:placeholder-purple-400::placeholder { + color: #b794f4; } - .md\:h-12 { - height: 3rem; + .md\:placeholder-purple-500::placeholder { + color: #9f7aea; } - .md\:h-16 { - height: 4rem; + .md\:placeholder-purple-600::placeholder { + color: #805ad5; } - .md\:h-20 { - height: 5rem; + .md\:placeholder-purple-700::placeholder { + color: #6b46c1; } - .md\:h-24 { - height: 6rem; + .md\:placeholder-purple-800::placeholder { + color: #553c9a; } - .md\:h-32 { - height: 8rem; + .md\:placeholder-purple-900::placeholder { + color: #44337a; } - .md\:h-40 { - height: 10rem; + .md\:placeholder-pink-100::placeholder { + color: #fff5f7; } - .md\:h-48 { - height: 12rem; + .md\:placeholder-pink-200::placeholder { + color: #fed7e2; } - .md\:h-56 { - height: 14rem; + .md\:placeholder-pink-300::placeholder { + color: #fbb6ce; } - .md\:h-64 { - height: 16rem; + .md\:placeholder-pink-400::placeholder { + color: #f687b3; } - .md\:h-auto { - height: auto; + .md\:placeholder-pink-500::placeholder { + color: #ed64a6; } - .md\:h-px { - height: 1px; + .md\:placeholder-pink-600::placeholder { + color: #d53f8c; } - .md\:h-full { - height: 100%; + .md\:placeholder-pink-700::placeholder { + color: #b83280; } - .md\:h-screen { - height: 100vh; + .md\:placeholder-pink-800::placeholder { + color: #97266d; } - .md\:leading-none { - line-height: 1; + .md\:placeholder-pink-900::placeholder { + color: #702459; } - .md\:leading-tight { - line-height: 1.25; + .md\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .md\:leading-snug { - line-height: 1.375; + .md\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .md\:leading-normal { - line-height: 1.5; + .md\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .md\:leading-relaxed { - line-height: 1.625; + .md\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc; } - .md\:leading-loose { - line-height: 2; + .md\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7; } - .md\:list-inside { - list-style-position: inside; + .md\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0; } - .md\:list-outside { - list-style-position: outside; + .md\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0; } - .md\:list-none { - list-style-type: none; + .md\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0; } - .md\:list-disc { - list-style-type: disc; + .md\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096; } - .md\:list-decimal { - list-style-type: decimal; + .md\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568; } - .md\:m-0 { - margin: 0; + .md\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748; } - .md\:m-1 { - margin: 0.25rem; + .md\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c; } - .md\:m-2 { - margin: 0.5rem; + .md\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5; } - .md\:m-3 { - margin: 0.75rem; + .md\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7; } - .md\:m-4 { - margin: 1rem; + .md\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2; } - .md\:m-5 { - margin: 1.25rem; + .md\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181; } - .md\:m-6 { - margin: 1.5rem; + .md\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565; } - .md\:m-8 { - margin: 2rem; + .md\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e; } - .md\:m-10 { - margin: 2.5rem; + .md\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030; } - .md\:m-12 { - margin: 3rem; + .md\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c; } - .md\:m-16 { - margin: 4rem; + .md\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a; } - .md\:m-20 { - margin: 5rem; + .md\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0; } - .md\:m-24 { - margin: 6rem; + .md\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8; } - .md\:m-32 { - margin: 8rem; + .md\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d; } - .md\:m-40 { - margin: 10rem; + .md\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55; } - .md\:m-48 { - margin: 12rem; + .md\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936; } - .md\:m-56 { - margin: 14rem; + .md\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20; } - .md\:m-64 { - margin: 16rem; + .md\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621; } - .md\:m-auto { - margin: auto; + .md\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221; } - .md\:m-px { - margin: 1px; + .md\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e; } - .md\:-m-1 { - margin: -0.25rem; + .md\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0; } - .md\:-m-2 { - margin: -0.5rem; + .md\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf; } - .md\:-m-3 { - margin: -0.75rem; + .md\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089; } - .md\:-m-4 { - margin: -1rem; + .md\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e; } - .md\:-m-5 { - margin: -1.25rem; + .md\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b; } - .md\:-m-6 { - margin: -1.5rem; + .md\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e; } - .md\:-m-8 { - margin: -2rem; + .md\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f; } - .md\:-m-10 { - margin: -2.5rem; + .md\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16; } - .md\:-m-12 { - margin: -3rem; + .md\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210; } - .md\:-m-16 { - margin: -4rem; + .md\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4; } - .md\:-m-20 { - margin: -5rem; + .md\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5; } - .md\:-m-24 { - margin: -6rem; + .md\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4; } - .md\:-m-32 { - margin: -8rem; + .md\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391; } - .md\:-m-40 { - margin: -10rem; + .md\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78; } - .md\:-m-48 { - margin: -12rem; + .md\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169; } - .md\:-m-56 { - margin: -14rem; + .md\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a; } - .md\:-m-64 { - margin: -16rem; + .md\:focus\:placeholder-green-800:focus::placeholder { + color: #276749; } - .md\:-m-px { - margin: -1px; + .md\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d; } - .md\:my-0 { - margin-top: 0; - margin-bottom: 0; + .md\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa; } - .md\:mx-0 { - margin-left: 0; - margin-right: 0; + .md\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea; } - .md\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .md\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9; } - .md\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .md\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5; } - .md\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .md\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac; } - .md\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .md\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795; } - .md\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .md\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b; } - .md\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .md\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61; } - .md\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .md\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52; } - .md\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .md\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff; } - .md\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .md\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8; } - .md\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .md\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4; } - .md\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .md\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed; } - .md\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .md\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1; } - .md\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .md\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce; } - .md\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .md\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0; } - .md\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .md\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282; } - .md\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .md\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365; } - .md\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .md\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff; } - .md\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .md\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe; } - .md\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .md\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa; } - .md\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .md\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5; } - .md\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .md\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea; } - .md\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .md\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8; } - .md\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .md\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf; } - .md\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .md\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190; } - .md\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .md\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b; } - .md\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .md\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff; } - .md\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .md\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd; } - .md\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .md\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa; } - .md\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .md\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4; } - .md\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .md\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea; } - .md\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .md\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5; } - .md\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .md\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1; } - .md\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .md\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a; } - .md\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .md\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a; } - .md\:my-auto { - margin-top: auto; - margin-bottom: auto; + .md\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7; } - .md\:mx-auto { - margin-left: auto; - margin-right: auto; + .md\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2; } - .md\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .md\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce; } - .md\:mx-px { - margin-left: 1px; - margin-right: 1px; + .md\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3; } - .md\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .md\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6; } - .md\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .md\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c; } - .md\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .md\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280; } - .md\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .md\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d; } - .md\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .md\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459; } - .md\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .md\:pointer-events-none { + pointer-events: none; } - .md\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .md\:pointer-events-auto { + pointer-events: auto; } - .md\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .md\:static { + position: static; } - .md\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .md\:fixed { + position: fixed; } - .md\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .md\:absolute { + position: absolute; } - .md\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .md\:relative { + position: relative; } - .md\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .md\:sticky { + position: sticky; } - .md\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .md\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .md\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .md\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .md\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .md\:inset-y-0 { + top: 0; + bottom: 0; } - .md\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .md\:inset-x-0 { + right: 0; + left: 0; } - .md\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .md\:inset-y-auto { + top: auto; + bottom: auto; } - .md\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .md\:inset-x-auto { + right: auto; + left: auto; } - .md\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .md\:top-0 { + top: 0; } - .md\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .md\:right-0 { + right: 0; } - .md\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .md\:bottom-0 { + bottom: 0; } - .md\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .md\:left-0 { + left: 0; } - .md\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .md\:top-auto { + top: auto; } - .md\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .md\:right-auto { + right: auto; } - .md\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .md\:bottom-auto { + bottom: auto; } - .md\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .md\:left-auto { + left: auto; } - .md\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .md\:resize-none { + resize: none; } - .md\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .md\:resize-y { + resize: vertical; } - .md\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .md\:resize-x { + resize: horizontal; } - .md\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .md\:resize { + resize: both; } - .md\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .md\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .md\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .md\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .md\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .md\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .md\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:mt-0 { - margin-top: 0; + .md\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:mr-0 { - margin-right: 0; + .md\:shadow-none { + box-shadow: none; } - .md\:mb-0 { - margin-bottom: 0; + .md\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:ml-0 { - margin-left: 0; + .md\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:mt-1 { - margin-top: 0.25rem; + .md\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:mr-1 { - margin-right: 0.25rem; + .md\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:mb-1 { - margin-bottom: 0.25rem; + .md\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:ml-1 { - margin-left: 0.25rem; + .md\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:mt-2 { - margin-top: 0.5rem; + .md\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:mr-2 { - margin-right: 0.5rem; + .md\:hover\:shadow-none:hover { + box-shadow: none; } - .md\:mb-2 { - margin-bottom: 0.5rem; + .md\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .md\:ml-2 { - margin-left: 0.5rem; + .md\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .md\:mt-3 { - margin-top: 0.75rem; + .md\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .md\:mr-3 { - margin-right: 0.75rem; + .md\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .md\:mb-3 { - margin-bottom: 0.75rem; + .md\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .md\:ml-3 { - margin-left: 0.75rem; + .md\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .md\:mt-4 { - margin-top: 1rem; + .md\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .md\:mr-4 { - margin-right: 1rem; + .md\:focus\:shadow-none:focus { + box-shadow: none; } - .md\:mb-4 { - margin-bottom: 1rem; + .md\:fill-current { + fill: currentColor; } - .md\:ml-4 { - margin-left: 1rem; + .md\:stroke-current { + stroke: currentColor; } - .md\:mt-5 { - margin-top: 1.25rem; + .md\:table-auto { + table-layout: auto; } - .md\:mr-5 { - margin-right: 1.25rem; + .md\:table-fixed { + table-layout: fixed; } - .md\:mb-5 { - margin-bottom: 1.25rem; + .md\:text-left { + text-align: left; } - .md\:ml-5 { - margin-left: 1.25rem; + .md\:text-center { + text-align: center; } - .md\:mt-6 { - margin-top: 1.5rem; + .md\:text-right { + text-align: right; } - .md\:mr-6 { - margin-right: 1.5rem; + .md\:text-justify { + text-align: justify; } - .md\:mb-6 { - margin-bottom: 1.5rem; + .md\:text-transparent { + color: transparent; } - .md\:ml-6 { - margin-left: 1.5rem; + .md\:text-black { + color: #000; } - .md\:mt-8 { - margin-top: 2rem; + .md\:text-white { + color: #fff; } - .md\:mr-8 { - margin-right: 2rem; + .md\:text-gray-100 { + color: #f7fafc; } - .md\:mb-8 { - margin-bottom: 2rem; + .md\:text-gray-200 { + color: #edf2f7; } - .md\:ml-8 { - margin-left: 2rem; + .md\:text-gray-300 { + color: #e2e8f0; } - .md\:mt-10 { - margin-top: 2.5rem; + .md\:text-gray-400 { + color: #cbd5e0; } - .md\:mr-10 { - margin-right: 2.5rem; + .md\:text-gray-500 { + color: #a0aec0; } - .md\:mb-10 { - margin-bottom: 2.5rem; + .md\:text-gray-600 { + color: #718096; } - .md\:ml-10 { - margin-left: 2.5rem; + .md\:text-gray-700 { + color: #4a5568; } - .md\:mt-12 { - margin-top: 3rem; + .md\:text-gray-800 { + color: #2d3748; } - .md\:mr-12 { - margin-right: 3rem; + .md\:text-gray-900 { + color: #1a202c; } - .md\:mb-12 { - margin-bottom: 3rem; + .md\:text-red-100 { + color: #fff5f5; } - .md\:ml-12 { - margin-left: 3rem; + .md\:text-red-200 { + color: #fed7d7; } - .md\:mt-16 { - margin-top: 4rem; + .md\:text-red-300 { + color: #feb2b2; } - .md\:mr-16 { - margin-right: 4rem; + .md\:text-red-400 { + color: #fc8181; } - .md\:mb-16 { - margin-bottom: 4rem; + .md\:text-red-500 { + color: #f56565; } - .md\:ml-16 { - margin-left: 4rem; + .md\:text-red-600 { + color: #e53e3e; } - .md\:mt-20 { - margin-top: 5rem; + .md\:text-red-700 { + color: #c53030; } - .md\:mr-20 { - margin-right: 5rem; + .md\:text-red-800 { + color: #9b2c2c; } - .md\:mb-20 { - margin-bottom: 5rem; + .md\:text-red-900 { + color: #742a2a; } - .md\:ml-20 { - margin-left: 5rem; + .md\:text-orange-100 { + color: #fffaf0; } - .md\:mt-24 { - margin-top: 6rem; + .md\:text-orange-200 { + color: #feebc8; } - .md\:mr-24 { - margin-right: 6rem; + .md\:text-orange-300 { + color: #fbd38d; } - .md\:mb-24 { - margin-bottom: 6rem; + .md\:text-orange-400 { + color: #f6ad55; } - .md\:ml-24 { - margin-left: 6rem; + .md\:text-orange-500 { + color: #ed8936; } - .md\:mt-32 { - margin-top: 8rem; + .md\:text-orange-600 { + color: #dd6b20; } - .md\:mr-32 { - margin-right: 8rem; + .md\:text-orange-700 { + color: #c05621; } - .md\:mb-32 { - margin-bottom: 8rem; + .md\:text-orange-800 { + color: #9c4221; } - .md\:ml-32 { - margin-left: 8rem; + .md\:text-orange-900 { + color: #7b341e; } - .md\:mt-40 { - margin-top: 10rem; + .md\:text-yellow-100 { + color: #fffff0; } - .md\:mr-40 { - margin-right: 10rem; + .md\:text-yellow-200 { + color: #fefcbf; } - .md\:mb-40 { - margin-bottom: 10rem; + .md\:text-yellow-300 { + color: #faf089; } - .md\:ml-40 { - margin-left: 10rem; + .md\:text-yellow-400 { + color: #f6e05e; } - .md\:mt-48 { - margin-top: 12rem; + .md\:text-yellow-500 { + color: #ecc94b; } - .md\:mr-48 { - margin-right: 12rem; + .md\:text-yellow-600 { + color: #d69e2e; } - .md\:mb-48 { - margin-bottom: 12rem; + .md\:text-yellow-700 { + color: #b7791f; } - .md\:ml-48 { - margin-left: 12rem; + .md\:text-yellow-800 { + color: #975a16; } - .md\:mt-56 { - margin-top: 14rem; + .md\:text-yellow-900 { + color: #744210; } - .md\:mr-56 { - margin-right: 14rem; + .md\:text-green-100 { + color: #f0fff4; } - .md\:mb-56 { - margin-bottom: 14rem; + .md\:text-green-200 { + color: #c6f6d5; } - .md\:ml-56 { - margin-left: 14rem; + .md\:text-green-300 { + color: #9ae6b4; } - .md\:mt-64 { - margin-top: 16rem; + .md\:text-green-400 { + color: #68d391; } - .md\:mr-64 { - margin-right: 16rem; + .md\:text-green-500 { + color: #48bb78; } - .md\:mb-64 { - margin-bottom: 16rem; + .md\:text-green-600 { + color: #38a169; } - .md\:ml-64 { - margin-left: 16rem; + .md\:text-green-700 { + color: #2f855a; } - .md\:mt-auto { - margin-top: auto; + .md\:text-green-800 { + color: #276749; } - .md\:mr-auto { - margin-right: auto; + .md\:text-green-900 { + color: #22543d; } - .md\:mb-auto { - margin-bottom: auto; + .md\:text-teal-100 { + color: #e6fffa; } - .md\:ml-auto { - margin-left: auto; + .md\:text-teal-200 { + color: #b2f5ea; } - .md\:mt-px { - margin-top: 1px; + .md\:text-teal-300 { + color: #81e6d9; } - .md\:mr-px { - margin-right: 1px; + .md\:text-teal-400 { + color: #4fd1c5; } - .md\:mb-px { - margin-bottom: 1px; + .md\:text-teal-500 { + color: #38b2ac; } - .md\:ml-px { - margin-left: 1px; + .md\:text-teal-600 { + color: #319795; } - .md\:-mt-1 { - margin-top: -0.25rem; + .md\:text-teal-700 { + color: #2c7a7b; } - .md\:-mr-1 { - margin-right: -0.25rem; + .md\:text-teal-800 { + color: #285e61; } - .md\:-mb-1 { - margin-bottom: -0.25rem; + .md\:text-teal-900 { + color: #234e52; } - .md\:-ml-1 { - margin-left: -0.25rem; + .md\:text-blue-100 { + color: #ebf8ff; } - .md\:-mt-2 { - margin-top: -0.5rem; + .md\:text-blue-200 { + color: #bee3f8; } - .md\:-mr-2 { - margin-right: -0.5rem; + .md\:text-blue-300 { + color: #90cdf4; } - .md\:-mb-2 { - margin-bottom: -0.5rem; + .md\:text-blue-400 { + color: #63b3ed; } - .md\:-ml-2 { - margin-left: -0.5rem; + .md\:text-blue-500 { + color: #4299e1; } - .md\:-mt-3 { - margin-top: -0.75rem; + .md\:text-blue-600 { + color: #3182ce; } - .md\:-mr-3 { - margin-right: -0.75rem; + .md\:text-blue-700 { + color: #2b6cb0; } - .md\:-mb-3 { - margin-bottom: -0.75rem; + .md\:text-blue-800 { + color: #2c5282; } - .md\:-ml-3 { - margin-left: -0.75rem; + .md\:text-blue-900 { + color: #2a4365; } - .md\:-mt-4 { - margin-top: -1rem; + .md\:text-indigo-100 { + color: #ebf4ff; } - .md\:-mr-4 { - margin-right: -1rem; + .md\:text-indigo-200 { + color: #c3dafe; } - .md\:-mb-4 { - margin-bottom: -1rem; + .md\:text-indigo-300 { + color: #a3bffa; } - .md\:-ml-4 { - margin-left: -1rem; + .md\:text-indigo-400 { + color: #7f9cf5; } - .md\:-mt-5 { - margin-top: -1.25rem; + .md\:text-indigo-500 { + color: #667eea; } - .md\:-mr-5 { - margin-right: -1.25rem; + .md\:text-indigo-600 { + color: #5a67d8; } - .md\:-mb-5 { - margin-bottom: -1.25rem; + .md\:text-indigo-700 { + color: #4c51bf; } - .md\:-ml-5 { - margin-left: -1.25rem; + .md\:text-indigo-800 { + color: #434190; } - .md\:-mt-6 { - margin-top: -1.5rem; + .md\:text-indigo-900 { + color: #3c366b; } - .md\:-mr-6 { - margin-right: -1.5rem; + .md\:text-purple-100 { + color: #faf5ff; } - .md\:-mb-6 { - margin-bottom: -1.5rem; + .md\:text-purple-200 { + color: #e9d8fd; } - .md\:-ml-6 { - margin-left: -1.5rem; + .md\:text-purple-300 { + color: #d6bcfa; } - .md\:-mt-8 { - margin-top: -2rem; + .md\:text-purple-400 { + color: #b794f4; } - .md\:-mr-8 { - margin-right: -2rem; + .md\:text-purple-500 { + color: #9f7aea; } - .md\:-mb-8 { - margin-bottom: -2rem; + .md\:text-purple-600 { + color: #805ad5; } - .md\:-ml-8 { - margin-left: -2rem; + .md\:text-purple-700 { + color: #6b46c1; } - .md\:-mt-10 { - margin-top: -2.5rem; + .md\:text-purple-800 { + color: #553c9a; } - .md\:-mr-10 { - margin-right: -2.5rem; + .md\:text-purple-900 { + color: #44337a; } - .md\:-mb-10 { - margin-bottom: -2.5rem; + .md\:text-pink-100 { + color: #fff5f7; } - .md\:-ml-10 { - margin-left: -2.5rem; + .md\:text-pink-200 { + color: #fed7e2; } - .md\:-mt-12 { - margin-top: -3rem; + .md\:text-pink-300 { + color: #fbb6ce; } - .md\:-mr-12 { - margin-right: -3rem; + .md\:text-pink-400 { + color: #f687b3; } - .md\:-mb-12 { - margin-bottom: -3rem; + .md\:text-pink-500 { + color: #ed64a6; } - .md\:-ml-12 { - margin-left: -3rem; + .md\:text-pink-600 { + color: #d53f8c; } - .md\:-mt-16 { - margin-top: -4rem; + .md\:text-pink-700 { + color: #b83280; } - .md\:-mr-16 { - margin-right: -4rem; + .md\:text-pink-800 { + color: #97266d; } - .md\:-mb-16 { - margin-bottom: -4rem; + .md\:text-pink-900 { + color: #702459; } - .md\:-ml-16 { - margin-left: -4rem; + .md\:hover\:text-transparent:hover { + color: transparent; } - .md\:-mt-20 { - margin-top: -5rem; + .md\:hover\:text-black:hover { + color: #000; } - .md\:-mr-20 { - margin-right: -5rem; + .md\:hover\:text-white:hover { + color: #fff; } - .md\:-mb-20 { - margin-bottom: -5rem; + .md\:hover\:text-gray-100:hover { + color: #f7fafc; } - .md\:-ml-20 { - margin-left: -5rem; + .md\:hover\:text-gray-200:hover { + color: #edf2f7; } - .md\:-mt-24 { - margin-top: -6rem; + .md\:hover\:text-gray-300:hover { + color: #e2e8f0; } - .md\:-mr-24 { - margin-right: -6rem; + .md\:hover\:text-gray-400:hover { + color: #cbd5e0; } - .md\:-mb-24 { - margin-bottom: -6rem; + .md\:hover\:text-gray-500:hover { + color: #a0aec0; } - .md\:-ml-24 { - margin-left: -6rem; + .md\:hover\:text-gray-600:hover { + color: #718096; } - .md\:-mt-32 { - margin-top: -8rem; + .md\:hover\:text-gray-700:hover { + color: #4a5568; } - .md\:-mr-32 { - margin-right: -8rem; + .md\:hover\:text-gray-800:hover { + color: #2d3748; } - .md\:-mb-32 { - margin-bottom: -8rem; + .md\:hover\:text-gray-900:hover { + color: #1a202c; } - .md\:-ml-32 { - margin-left: -8rem; + .md\:hover\:text-red-100:hover { + color: #fff5f5; } - .md\:-mt-40 { - margin-top: -10rem; + .md\:hover\:text-red-200:hover { + color: #fed7d7; } - .md\:-mr-40 { - margin-right: -10rem; + .md\:hover\:text-red-300:hover { + color: #feb2b2; } - .md\:-mb-40 { - margin-bottom: -10rem; + .md\:hover\:text-red-400:hover { + color: #fc8181; } - .md\:-ml-40 { - margin-left: -10rem; + .md\:hover\:text-red-500:hover { + color: #f56565; } - .md\:-mt-48 { - margin-top: -12rem; + .md\:hover\:text-red-600:hover { + color: #e53e3e; } - .md\:-mr-48 { - margin-right: -12rem; + .md\:hover\:text-red-700:hover { + color: #c53030; } - .md\:-mb-48 { - margin-bottom: -12rem; + .md\:hover\:text-red-800:hover { + color: #9b2c2c; } - .md\:-ml-48 { - margin-left: -12rem; + .md\:hover\:text-red-900:hover { + color: #742a2a; } - .md\:-mt-56 { - margin-top: -14rem; + .md\:hover\:text-orange-100:hover { + color: #fffaf0; } - .md\:-mr-56 { - margin-right: -14rem; + .md\:hover\:text-orange-200:hover { + color: #feebc8; } - .md\:-mb-56 { - margin-bottom: -14rem; + .md\:hover\:text-orange-300:hover { + color: #fbd38d; } - .md\:-ml-56 { - margin-left: -14rem; + .md\:hover\:text-orange-400:hover { + color: #f6ad55; } - .md\:-mt-64 { - margin-top: -16rem; + .md\:hover\:text-orange-500:hover { + color: #ed8936; } - .md\:-mr-64 { - margin-right: -16rem; + .md\:hover\:text-orange-600:hover { + color: #dd6b20; } - .md\:-mb-64 { - margin-bottom: -16rem; + .md\:hover\:text-orange-700:hover { + color: #c05621; } - .md\:-ml-64 { - margin-left: -16rem; + .md\:hover\:text-orange-800:hover { + color: #9c4221; } - .md\:-mt-px { - margin-top: -1px; + .md\:hover\:text-orange-900:hover { + color: #7b341e; } - .md\:-mr-px { - margin-right: -1px; + .md\:hover\:text-yellow-100:hover { + color: #fffff0; } - .md\:-mb-px { - margin-bottom: -1px; + .md\:hover\:text-yellow-200:hover { + color: #fefcbf; } - .md\:-ml-px { - margin-left: -1px; + .md\:hover\:text-yellow-300:hover { + color: #faf089; } - .md\:max-h-full { - max-height: 100%; + .md\:hover\:text-yellow-400:hover { + color: #f6e05e; } - .md\:max-h-screen { - max-height: 100vh; + .md\:hover\:text-yellow-500:hover { + color: #ecc94b; } - .md\:max-w-xs { - max-width: 20rem; + .md\:hover\:text-yellow-600:hover { + color: #d69e2e; } - .md\:max-w-sm { - max-width: 24rem; + .md\:hover\:text-yellow-700:hover { + color: #b7791f; } - .md\:max-w-md { - max-width: 28rem; + .md\:hover\:text-yellow-800:hover { + color: #975a16; } - .md\:max-w-lg { - max-width: 32rem; + .md\:hover\:text-yellow-900:hover { + color: #744210; } - .md\:max-w-xl { - max-width: 36rem; + .md\:hover\:text-green-100:hover { + color: #f0fff4; } - .md\:max-w-2xl { - max-width: 42rem; + .md\:hover\:text-green-200:hover { + color: #c6f6d5; } - .md\:max-w-3xl { - max-width: 48rem; + .md\:hover\:text-green-300:hover { + color: #9ae6b4; } - .md\:max-w-4xl { - max-width: 56rem; + .md\:hover\:text-green-400:hover { + color: #68d391; } - .md\:max-w-5xl { - max-width: 64rem; + .md\:hover\:text-green-500:hover { + color: #48bb78; } - .md\:max-w-6xl { - max-width: 72rem; + .md\:hover\:text-green-600:hover { + color: #38a169; } - .md\:max-w-full { - max-width: 100%; + .md\:hover\:text-green-700:hover { + color: #2f855a; } - .md\:min-h-0 { - min-height: 0; + .md\:hover\:text-green-800:hover { + color: #276749; } - .md\:min-h-full { - min-height: 100%; + .md\:hover\:text-green-900:hover { + color: #22543d; } - .md\:min-h-screen { - min-height: 100vh; + .md\:hover\:text-teal-100:hover { + color: #e6fffa; } - .md\:min-w-0 { - min-width: 0; + .md\:hover\:text-teal-200:hover { + color: #b2f5ea; } - .md\:min-w-full { - min-width: 100%; + .md\:hover\:text-teal-300:hover { + color: #81e6d9; } - .md\:object-contain { - object-fit: contain; + .md\:hover\:text-teal-400:hover { + color: #4fd1c5; } - .md\:object-cover { - object-fit: cover; + .md\:hover\:text-teal-500:hover { + color: #38b2ac; } - .md\:object-fill { - object-fit: fill; + .md\:hover\:text-teal-600:hover { + color: #319795; } - .md\:object-none { - object-fit: none; + .md\:hover\:text-teal-700:hover { + color: #2c7a7b; } - .md\:object-scale-down { - object-fit: scale-down; + .md\:hover\:text-teal-800:hover { + color: #285e61; } - .md\:object-bottom { - object-position: bottom; + .md\:hover\:text-teal-900:hover { + color: #234e52; } - .md\:object-center { - object-position: center; + .md\:hover\:text-blue-100:hover { + color: #ebf8ff; } - .md\:object-left { - object-position: left; + .md\:hover\:text-blue-200:hover { + color: #bee3f8; } - .md\:object-left-bottom { - object-position: left bottom; + .md\:hover\:text-blue-300:hover { + color: #90cdf4; } - .md\:object-left-top { - object-position: left top; + .md\:hover\:text-blue-400:hover { + color: #63b3ed; } - .md\:object-right { - object-position: right; + .md\:hover\:text-blue-500:hover { + color: #4299e1; } - .md\:object-right-bottom { - object-position: right bottom; + .md\:hover\:text-blue-600:hover { + color: #3182ce; } - .md\:object-right-top { - object-position: right top; + .md\:hover\:text-blue-700:hover { + color: #2b6cb0; } - .md\:object-top { - object-position: top; + .md\:hover\:text-blue-800:hover { + color: #2c5282; } - .md\:opacity-0 { - opacity: 0; + .md\:hover\:text-blue-900:hover { + color: #2a4365; } - .md\:opacity-25 { - opacity: 0.25; + .md\:hover\:text-indigo-100:hover { + color: #ebf4ff; } - .md\:opacity-50 { - opacity: 0.5; + .md\:hover\:text-indigo-200:hover { + color: #c3dafe; } - .md\:opacity-75 { - opacity: 0.75; + .md\:hover\:text-indigo-300:hover { + color: #a3bffa; } - .md\:opacity-100 { - opacity: 1; + .md\:hover\:text-indigo-400:hover { + color: #7f9cf5; } - .md\:outline-none { - outline: 0; + .md\:hover\:text-indigo-500:hover { + color: #667eea; } - .md\:focus\:outline-none:focus { - outline: 0; + .md\:hover\:text-indigo-600:hover { + color: #5a67d8; } - .md\:overflow-auto { - overflow: auto; + .md\:hover\:text-indigo-700:hover { + color: #4c51bf; } - .md\:overflow-hidden { - overflow: hidden; + .md\:hover\:text-indigo-800:hover { + color: #434190; } - .md\:overflow-visible { - overflow: visible; + .md\:hover\:text-indigo-900:hover { + color: #3c366b; } - .md\:overflow-scroll { - overflow: scroll; + .md\:hover\:text-purple-100:hover { + color: #faf5ff; } - .md\:overflow-x-auto { - overflow-x: auto; + .md\:hover\:text-purple-200:hover { + color: #e9d8fd; } - .md\:overflow-y-auto { - overflow-y: auto; + .md\:hover\:text-purple-300:hover { + color: #d6bcfa; } - .md\:overflow-x-hidden { - overflow-x: hidden; + .md\:hover\:text-purple-400:hover { + color: #b794f4; } - .md\:overflow-y-hidden { - overflow-y: hidden; + .md\:hover\:text-purple-500:hover { + color: #9f7aea; } - .md\:overflow-x-visible { - overflow-x: visible; + .md\:hover\:text-purple-600:hover { + color: #805ad5; } - .md\:overflow-y-visible { - overflow-y: visible; + .md\:hover\:text-purple-700:hover { + color: #6b46c1; } - .md\:overflow-x-scroll { - overflow-x: scroll; + .md\:hover\:text-purple-800:hover { + color: #553c9a; } - .md\:overflow-y-scroll { - overflow-y: scroll; + .md\:hover\:text-purple-900:hover { + color: #44337a; } - .md\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .md\:hover\:text-pink-100:hover { + color: #fff5f7; } - .md\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .md\:hover\:text-pink-200:hover { + color: #fed7e2; } - .md\:p-0 { - padding: 0; + .md\:hover\:text-pink-300:hover { + color: #fbb6ce; } - .md\:p-1 { - padding: 0.25rem; + .md\:hover\:text-pink-400:hover { + color: #f687b3; } - .md\:p-2 { - padding: 0.5rem; + .md\:hover\:text-pink-500:hover { + color: #ed64a6; } - .md\:p-3 { - padding: 0.75rem; + .md\:hover\:text-pink-600:hover { + color: #d53f8c; } - .md\:p-4 { - padding: 1rem; + .md\:hover\:text-pink-700:hover { + color: #b83280; } - .md\:p-5 { - padding: 1.25rem; + .md\:hover\:text-pink-800:hover { + color: #97266d; } - .md\:p-6 { - padding: 1.5rem; + .md\:hover\:text-pink-900:hover { + color: #702459; } - .md\:p-8 { - padding: 2rem; + .md\:focus\:text-transparent:focus { + color: transparent; } - .md\:p-10 { - padding: 2.5rem; + .md\:focus\:text-black:focus { + color: #000; } - .md\:p-12 { - padding: 3rem; + .md\:focus\:text-white:focus { + color: #fff; } - .md\:p-16 { - padding: 4rem; + .md\:focus\:text-gray-100:focus { + color: #f7fafc; } - .md\:p-20 { - padding: 5rem; + .md\:focus\:text-gray-200:focus { + color: #edf2f7; } - .md\:p-24 { - padding: 6rem; + .md\:focus\:text-gray-300:focus { + color: #e2e8f0; } - .md\:p-32 { - padding: 8rem; + .md\:focus\:text-gray-400:focus { + color: #cbd5e0; } - .md\:p-40 { - padding: 10rem; + .md\:focus\:text-gray-500:focus { + color: #a0aec0; } - .md\:p-48 { - padding: 12rem; + .md\:focus\:text-gray-600:focus { + color: #718096; } - .md\:p-56 { - padding: 14rem; + .md\:focus\:text-gray-700:focus { + color: #4a5568; } - .md\:p-64 { - padding: 16rem; + .md\:focus\:text-gray-800:focus { + color: #2d3748; } - .md\:p-px { - padding: 1px; + .md\:focus\:text-gray-900:focus { + color: #1a202c; } - .md\:py-0 { - padding-top: 0; - padding-bottom: 0; + .md\:focus\:text-red-100:focus { + color: #fff5f5; } - .md\:px-0 { - padding-left: 0; - padding-right: 0; + .md\:focus\:text-red-200:focus { + color: #fed7d7; } - .md\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .md\:focus\:text-red-300:focus { + color: #feb2b2; } - .md\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .md\:focus\:text-red-400:focus { + color: #fc8181; } - .md\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .md\:focus\:text-red-500:focus { + color: #f56565; } - .md\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .md\:focus\:text-red-600:focus { + color: #e53e3e; } - .md\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .md\:focus\:text-red-700:focus { + color: #c53030; } - .md\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .md\:focus\:text-red-800:focus { + color: #9b2c2c; } - .md\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .md\:focus\:text-red-900:focus { + color: #742a2a; } - .md\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .md\:focus\:text-orange-100:focus { + color: #fffaf0; } - .md\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .md\:focus\:text-orange-200:focus { + color: #feebc8; } - .md\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .md\:focus\:text-orange-300:focus { + color: #fbd38d; } - .md\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .md\:focus\:text-orange-400:focus { + color: #f6ad55; } - .md\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .md\:focus\:text-orange-500:focus { + color: #ed8936; } - .md\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .md\:focus\:text-orange-600:focus { + color: #dd6b20; } - .md\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .md\:focus\:text-orange-700:focus { + color: #c05621; } - .md\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .md\:focus\:text-orange-800:focus { + color: #9c4221; } - .md\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .md\:focus\:text-orange-900:focus { + color: #7b341e; } - .md\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .md\:focus\:text-yellow-100:focus { + color: #fffff0; } - .md\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .md\:focus\:text-yellow-200:focus { + color: #fefcbf; } - .md\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .md\:focus\:text-yellow-300:focus { + color: #faf089; } - .md\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .md\:focus\:text-yellow-400:focus { + color: #f6e05e; } - .md\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .md\:focus\:text-yellow-500:focus { + color: #ecc94b; } - .md\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .md\:focus\:text-yellow-600:focus { + color: #d69e2e; } - .md\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .md\:focus\:text-yellow-700:focus { + color: #b7791f; } - .md\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .md\:focus\:text-yellow-800:focus { + color: #975a16; } - .md\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .md\:focus\:text-yellow-900:focus { + color: #744210; } - .md\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .md\:focus\:text-green-100:focus { + color: #f0fff4; } - .md\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .md\:focus\:text-green-200:focus { + color: #c6f6d5; } - .md\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .md\:focus\:text-green-300:focus { + color: #9ae6b4; } - .md\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .md\:focus\:text-green-400:focus { + color: #68d391; } - .md\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .md\:focus\:text-green-500:focus { + color: #48bb78; } - .md\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .md\:focus\:text-green-600:focus { + color: #38a169; } - .md\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .md\:focus\:text-green-700:focus { + color: #2f855a; } - .md\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .md\:focus\:text-green-800:focus { + color: #276749; } - .md\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .md\:focus\:text-green-900:focus { + color: #22543d; } - .md\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .md\:focus\:text-teal-100:focus { + color: #e6fffa; } - .md\:px-px { - padding-left: 1px; - padding-right: 1px; + .md\:focus\:text-teal-200:focus { + color: #b2f5ea; } - .md\:pt-0 { - padding-top: 0; + .md\:focus\:text-teal-300:focus { + color: #81e6d9; } - .md\:pr-0 { - padding-right: 0; + .md\:focus\:text-teal-400:focus { + color: #4fd1c5; } - .md\:pb-0 { - padding-bottom: 0; + .md\:focus\:text-teal-500:focus { + color: #38b2ac; } - .md\:pl-0 { - padding-left: 0; + .md\:focus\:text-teal-600:focus { + color: #319795; } - .md\:pt-1 { - padding-top: 0.25rem; + .md\:focus\:text-teal-700:focus { + color: #2c7a7b; } - .md\:pr-1 { - padding-right: 0.25rem; + .md\:focus\:text-teal-800:focus { + color: #285e61; } - .md\:pb-1 { - padding-bottom: 0.25rem; + .md\:focus\:text-teal-900:focus { + color: #234e52; } - .md\:pl-1 { - padding-left: 0.25rem; + .md\:focus\:text-blue-100:focus { + color: #ebf8ff; } - .md\:pt-2 { - padding-top: 0.5rem; + .md\:focus\:text-blue-200:focus { + color: #bee3f8; } - .md\:pr-2 { - padding-right: 0.5rem; + .md\:focus\:text-blue-300:focus { + color: #90cdf4; } - .md\:pb-2 { - padding-bottom: 0.5rem; + .md\:focus\:text-blue-400:focus { + color: #63b3ed; } - .md\:pl-2 { - padding-left: 0.5rem; + .md\:focus\:text-blue-500:focus { + color: #4299e1; } - .md\:pt-3 { - padding-top: 0.75rem; + .md\:focus\:text-blue-600:focus { + color: #3182ce; } - .md\:pr-3 { - padding-right: 0.75rem; + .md\:focus\:text-blue-700:focus { + color: #2b6cb0; } - .md\:pb-3 { - padding-bottom: 0.75rem; + .md\:focus\:text-blue-800:focus { + color: #2c5282; } - .md\:pl-3 { - padding-left: 0.75rem; + .md\:focus\:text-blue-900:focus { + color: #2a4365; } - .md\:pt-4 { - padding-top: 1rem; + .md\:focus\:text-indigo-100:focus { + color: #ebf4ff; } - .md\:pr-4 { - padding-right: 1rem; + .md\:focus\:text-indigo-200:focus { + color: #c3dafe; } - .md\:pb-4 { - padding-bottom: 1rem; + .md\:focus\:text-indigo-300:focus { + color: #a3bffa; } - .md\:pl-4 { - padding-left: 1rem; + .md\:focus\:text-indigo-400:focus { + color: #7f9cf5; } - .md\:pt-5 { - padding-top: 1.25rem; + .md\:focus\:text-indigo-500:focus { + color: #667eea; } - .md\:pr-5 { - padding-right: 1.25rem; + .md\:focus\:text-indigo-600:focus { + color: #5a67d8; } - .md\:pb-5 { - padding-bottom: 1.25rem; + .md\:focus\:text-indigo-700:focus { + color: #4c51bf; } - .md\:pl-5 { - padding-left: 1.25rem; + .md\:focus\:text-indigo-800:focus { + color: #434190; } - .md\:pt-6 { - padding-top: 1.5rem; + .md\:focus\:text-indigo-900:focus { + color: #3c366b; } - .md\:pr-6 { - padding-right: 1.5rem; + .md\:focus\:text-purple-100:focus { + color: #faf5ff; } - .md\:pb-6 { - padding-bottom: 1.5rem; + .md\:focus\:text-purple-200:focus { + color: #e9d8fd; } - .md\:pl-6 { - padding-left: 1.5rem; + .md\:focus\:text-purple-300:focus { + color: #d6bcfa; } - .md\:pt-8 { - padding-top: 2rem; + .md\:focus\:text-purple-400:focus { + color: #b794f4; } - .md\:pr-8 { - padding-right: 2rem; + .md\:focus\:text-purple-500:focus { + color: #9f7aea; } - .md\:pb-8 { - padding-bottom: 2rem; + .md\:focus\:text-purple-600:focus { + color: #805ad5; } - .md\:pl-8 { - padding-left: 2rem; + .md\:focus\:text-purple-700:focus { + color: #6b46c1; } - .md\:pt-10 { - padding-top: 2.5rem; + .md\:focus\:text-purple-800:focus { + color: #553c9a; } - .md\:pr-10 { - padding-right: 2.5rem; + .md\:focus\:text-purple-900:focus { + color: #44337a; } - .md\:pb-10 { - padding-bottom: 2.5rem; + .md\:focus\:text-pink-100:focus { + color: #fff5f7; } - .md\:pl-10 { - padding-left: 2.5rem; + .md\:focus\:text-pink-200:focus { + color: #fed7e2; } - .md\:pt-12 { - padding-top: 3rem; + .md\:focus\:text-pink-300:focus { + color: #fbb6ce; } - .md\:pr-12 { - padding-right: 3rem; + .md\:focus\:text-pink-400:focus { + color: #f687b3; } - .md\:pb-12 { - padding-bottom: 3rem; + .md\:focus\:text-pink-500:focus { + color: #ed64a6; } - .md\:pl-12 { - padding-left: 3rem; + .md\:focus\:text-pink-600:focus { + color: #d53f8c; } - .md\:pt-16 { - padding-top: 4rem; + .md\:focus\:text-pink-700:focus { + color: #b83280; } - .md\:pr-16 { - padding-right: 4rem; + .md\:focus\:text-pink-800:focus { + color: #97266d; } - .md\:pb-16 { - padding-bottom: 4rem; + .md\:focus\:text-pink-900:focus { + color: #702459; } - .md\:pl-16 { - padding-left: 4rem; + .md\:text-xs { + font-size: 0.75rem; } - .md\:pt-20 { - padding-top: 5rem; + .md\:text-sm { + font-size: 0.875rem; } - .md\:pr-20 { - padding-right: 5rem; + .md\:text-base { + font-size: 1rem; } - .md\:pb-20 { - padding-bottom: 5rem; + .md\:text-lg { + font-size: 1.125rem; } - .md\:pl-20 { - padding-left: 5rem; + .md\:text-xl { + font-size: 1.25rem; } - .md\:pt-24 { - padding-top: 6rem; + .md\:text-2xl { + font-size: 1.5rem; } - .md\:pr-24 { - padding-right: 6rem; + .md\:text-3xl { + font-size: 1.875rem; } - .md\:pb-24 { - padding-bottom: 6rem; + .md\:text-4xl { + font-size: 2.25rem; } - .md\:pl-24 { - padding-left: 6rem; + .md\:text-5xl { + font-size: 3rem; } - .md\:pt-32 { - padding-top: 8rem; + .md\:text-6xl { + font-size: 4rem; } - .md\:pr-32 { - padding-right: 8rem; + .md\:italic { + font-style: italic; } - .md\:pb-32 { - padding-bottom: 8rem; + .md\:not-italic { + font-style: normal; } - .md\:pl-32 { - padding-left: 8rem; + .md\:uppercase { + text-transform: uppercase; } - .md\:pt-40 { - padding-top: 10rem; + .md\:lowercase { + text-transform: lowercase; } - .md\:pr-40 { - padding-right: 10rem; + .md\:capitalize { + text-transform: capitalize; } - .md\:pb-40 { - padding-bottom: 10rem; + .md\:normal-case { + text-transform: none; } - .md\:pl-40 { - padding-left: 10rem; + .md\:underline { + text-decoration: underline; } - .md\:pt-48 { - padding-top: 12rem; + .md\:line-through { + text-decoration: line-through; } - .md\:pr-48 { - padding-right: 12rem; + .md\:no-underline { + text-decoration: none; } - .md\:pb-48 { - padding-bottom: 12rem; + .md\:hover\:underline:hover { + text-decoration: underline; } - .md\:pl-48 { - padding-left: 12rem; + .md\:hover\:line-through:hover { + text-decoration: line-through; } - .md\:pt-56 { - padding-top: 14rem; + .md\:hover\:no-underline:hover { + text-decoration: none; } - .md\:pr-56 { - padding-right: 14rem; + .md\:focus\:underline:focus { + text-decoration: underline; } - .md\:pb-56 { - padding-bottom: 14rem; + .md\:focus\:line-through:focus { + text-decoration: line-through; } - .md\:pl-56 { - padding-left: 14rem; + .md\:focus\:no-underline:focus { + text-decoration: none; } - .md\:pt-64 { - padding-top: 16rem; + .md\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .md\:pr-64 { - padding-right: 16rem; + .md\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .md\:pb-64 { - padding-bottom: 16rem; + .md\:tracking-tighter { + letter-spacing: -0.05em; } - .md\:pl-64 { - padding-left: 16rem; + .md\:tracking-tight { + letter-spacing: -0.025em; } - .md\:pt-px { - padding-top: 1px; + .md\:tracking-normal { + letter-spacing: 0; } - .md\:pr-px { - padding-right: 1px; + .md\:tracking-wide { + letter-spacing: 0.025em; } - .md\:pb-px { - padding-bottom: 1px; + .md\:tracking-wider { + letter-spacing: 0.05em; } - .md\:pl-px { - padding-left: 1px; + .md\:tracking-widest { + letter-spacing: 0.1em; } - .md\:pointer-events-none { - pointer-events: none; + .md\:select-none { + user-select: none; } - .md\:pointer-events-auto { - pointer-events: auto; + .md\:select-text { + user-select: text; } - .md\:static { - position: static; + .md\:select-all { + user-select: all; } - .md\:fixed { - position: fixed; + .md\:select-auto { + user-select: auto; } - .md\:absolute { - position: absolute; + .md\:align-baseline { + vertical-align: baseline; } - .md\:relative { - position: relative; + .md\:align-top { + vertical-align: top; } - .md\:sticky { - position: sticky; + .md\:align-middle { + vertical-align: middle; } - - .md\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + + .md\:align-bottom { + vertical-align: bottom; } - .md\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .md\:align-text-top { + vertical-align: text-top; } - .md\:inset-y-0 { - top: 0; - bottom: 0; + .md\:align-text-bottom { + vertical-align: text-bottom; } - .md\:inset-x-0 { - right: 0; - left: 0; + .md\:visible { + visibility: visible; } - .md\:inset-y-auto { - top: auto; - bottom: auto; + .md\:invisible { + visibility: hidden; } - .md\:inset-x-auto { - right: auto; - left: auto; + .md\:whitespace-normal { + white-space: normal; } - .md\:top-0 { - top: 0; + .md\:whitespace-no-wrap { + white-space: nowrap; } - .md\:right-0 { - right: 0; + .md\:whitespace-pre { + white-space: pre; } - .md\:bottom-0 { - bottom: 0; + .md\:whitespace-pre-line { + white-space: pre-line; } - .md\:left-0 { - left: 0; + .md\:whitespace-pre-wrap { + white-space: pre-wrap; } - .md\:top-auto { - top: auto; + .md\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .md\:right-auto { - right: auto; + .md\:break-words { + overflow-wrap: break-word; } - .md\:bottom-auto { - bottom: auto; + .md\:break-all { + word-break: break-all; } - .md\:left-auto { - left: auto; + .md\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .md\:resize-none { - resize: none; + .md\:w-0 { + width: 0; } - .md\:resize-y { - resize: vertical; + .md\:w-1 { + width: 0.25rem; } - .md\:resize-x { - resize: horizontal; + .md\:w-2 { + width: 0.5rem; } - .md\:resize { - resize: both; + .md\:w-3 { + width: 0.75rem; } - .md\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:w-4 { + width: 1rem; } - .md\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:w-5 { + width: 1.25rem; } - .md\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:w-6 { + width: 1.5rem; } - .md\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:w-8 { + width: 2rem; } - .md\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:w-10 { + width: 2.5rem; } - .md\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:w-12 { + width: 3rem; } - .md\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:w-16 { + width: 4rem; } - .md\:shadow-none { - box-shadow: none; + .md\:w-20 { + width: 5rem; } - .md\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:w-24 { + width: 6rem; } - .md\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:w-32 { + width: 8rem; } - .md\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:w-40 { + width: 10rem; } - .md\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:w-48 { + width: 12rem; } - .md\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:w-56 { + width: 14rem; } - .md\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:w-64 { + width: 16rem; } - .md\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:w-auto { + width: auto; } - .md\:hover\:shadow-none:hover { - box-shadow: none; + .md\:w-px { + width: 1px; } - .md\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .md\:w-1\/2 { + width: 50%; } - .md\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .md\:w-1\/3 { + width: 33.333333%; } - .md\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .md\:w-2\/3 { + width: 66.666667%; } - .md\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .md\:w-1\/4 { + width: 25%; } - .md\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .md\:w-2\/4 { + width: 50%; } - .md\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .md\:w-3\/4 { + width: 75%; } - .md\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .md\:w-1\/5 { + width: 20%; } - .md\:focus\:shadow-none:focus { - box-shadow: none; + .md\:w-2\/5 { + width: 40%; } - .md\:fill-current { - fill: currentColor; + .md\:w-3\/5 { + width: 60%; } - .md\:stroke-current { - stroke: currentColor; + .md\:w-4\/5 { + width: 80%; } - .md\:table-auto { - table-layout: auto; + .md\:w-1\/6 { + width: 16.666667%; } - .md\:table-fixed { - table-layout: fixed; + .md\:w-2\/6 { + width: 33.333333%; } - .md\:text-left { - text-align: left; + .md\:w-3\/6 { + width: 50%; } - .md\:text-center { - text-align: center; + .md\:w-4\/6 { + width: 66.666667%; } - .md\:text-right { - text-align: right; + .md\:w-5\/6 { + width: 83.333333%; } - .md\:text-justify { - text-align: justify; + .md\:w-1\/12 { + width: 8.333333%; } - .md\:text-transparent { - color: transparent; + .md\:w-2\/12 { + width: 16.666667%; } - .md\:text-black { - color: #000; + .md\:w-3\/12 { + width: 25%; } - .md\:text-white { - color: #fff; + .md\:w-4\/12 { + width: 33.333333%; } - .md\:text-gray-100 { - color: #f7fafc; + .md\:w-5\/12 { + width: 41.666667%; } - .md\:text-gray-200 { - color: #edf2f7; + .md\:w-6\/12 { + width: 50%; } - .md\:text-gray-300 { - color: #e2e8f0; + .md\:w-7\/12 { + width: 58.333333%; } - .md\:text-gray-400 { - color: #cbd5e0; + .md\:w-8\/12 { + width: 66.666667%; } - .md\:text-gray-500 { - color: #a0aec0; + .md\:w-9\/12 { + width: 75%; } - .md\:text-gray-600 { - color: #718096; + .md\:w-10\/12 { + width: 83.333333%; } - .md\:text-gray-700 { - color: #4a5568; + .md\:w-11\/12 { + width: 91.666667%; } - .md\:text-gray-800 { - color: #2d3748; + .md\:w-full { + width: 100%; } - .md\:text-gray-900 { - color: #1a202c; + .md\:w-screen { + width: 100vw; } - .md\:text-red-100 { - color: #fff5f5; + .md\:z-0 { + z-index: 0; } - .md\:text-red-200 { - color: #fed7d7; + .md\:z-10 { + z-index: 10; } - .md\:text-red-300 { - color: #feb2b2; + .md\:z-20 { + z-index: 20; } - .md\:text-red-400 { - color: #fc8181; + .md\:z-30 { + z-index: 30; } - .md\:text-red-500 { - color: #f56565; + .md\:z-40 { + z-index: 40; } - .md\:text-red-600 { - color: #e53e3e; + .md\:z-50 { + z-index: 50; } - .md\:text-red-700 { - color: #c53030; + .md\:z-auto { + z-index: auto; } - .md\:text-red-800 { - color: #9b2c2c; + .md\:example { + font-weight: 700; + color: #f56565; } +} - .md\:text-red-900 { - color: #742a2a; +@media (min-width: 1024px) { + .lg\: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; } - .md\:text-orange-100 { - color: #fffaf0; + .lg\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:text-orange-200 { - color: #feebc8; + .lg\: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; } - .md\:text-orange-300 { - color: #fbd38d; + .lg\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .md\:text-orange-400 { - color: #f6ad55; + .lg\:appearance-none { + appearance: none; } - .md\:text-orange-500 { - color: #ed8936; + .lg\:bg-fixed { + background-attachment: fixed; } - .md\:text-orange-600 { - color: #dd6b20; + .lg\:bg-local { + background-attachment: local; } - .md\:text-orange-700 { - color: #c05621; + .lg\:bg-scroll { + background-attachment: scroll; } - .md\:text-orange-800 { - color: #9c4221; + .lg\:bg-transparent { + background-color: transparent; } - .md\:text-orange-900 { - color: #7b341e; + .lg\:bg-black { + background-color: #000; } - .md\:text-yellow-100 { - color: #fffff0; + .lg\:bg-white { + background-color: #fff; } - .md\:text-yellow-200 { - color: #fefcbf; + .lg\:bg-gray-100 { + background-color: #f7fafc; } - .md\:text-yellow-300 { - color: #faf089; + .lg\:bg-gray-200 { + background-color: #edf2f7; } - .md\:text-yellow-400 { - color: #f6e05e; + .lg\:bg-gray-300 { + background-color: #e2e8f0; } - .md\:text-yellow-500 { - color: #ecc94b; + .lg\:bg-gray-400 { + background-color: #cbd5e0; } - .md\:text-yellow-600 { - color: #d69e2e; + .lg\:bg-gray-500 { + background-color: #a0aec0; } - .md\:text-yellow-700 { - color: #b7791f; + .lg\:bg-gray-600 { + background-color: #718096; } - .md\:text-yellow-800 { - color: #975a16; + .lg\:bg-gray-700 { + background-color: #4a5568; } - .md\:text-yellow-900 { - color: #744210; + .lg\:bg-gray-800 { + background-color: #2d3748; } - .md\:text-green-100 { - color: #f0fff4; + .lg\:bg-gray-900 { + background-color: #1a202c; } - .md\:text-green-200 { - color: #c6f6d5; + .lg\:bg-red-100 { + background-color: #fff5f5; } - .md\:text-green-300 { - color: #9ae6b4; + .lg\:bg-red-200 { + background-color: #fed7d7; } - .md\:text-green-400 { - color: #68d391; + .lg\:bg-red-300 { + background-color: #feb2b2; } - .md\:text-green-500 { - color: #48bb78; + .lg\:bg-red-400 { + background-color: #fc8181; } - .md\:text-green-600 { - color: #38a169; + .lg\:bg-red-500 { + background-color: #f56565; } - .md\:text-green-700 { - color: #2f855a; + .lg\:bg-red-600 { + background-color: #e53e3e; } - .md\:text-green-800 { - color: #276749; + .lg\:bg-red-700 { + background-color: #c53030; } - .md\:text-green-900 { - color: #22543d; + .lg\:bg-red-800 { + background-color: #9b2c2c; } - .md\:text-teal-100 { - color: #e6fffa; + .lg\:bg-red-900 { + background-color: #742a2a; } - .md\:text-teal-200 { - color: #b2f5ea; + .lg\:bg-orange-100 { + background-color: #fffaf0; } - .md\:text-teal-300 { - color: #81e6d9; + .lg\:bg-orange-200 { + background-color: #feebc8; } - .md\:text-teal-400 { - color: #4fd1c5; + .lg\:bg-orange-300 { + background-color: #fbd38d; } - .md\:text-teal-500 { - color: #38b2ac; + .lg\:bg-orange-400 { + background-color: #f6ad55; } - .md\:text-teal-600 { - color: #319795; + .lg\:bg-orange-500 { + background-color: #ed8936; } - .md\:text-teal-700 { - color: #2c7a7b; + .lg\:bg-orange-600 { + background-color: #dd6b20; } - .md\:text-teal-800 { - color: #285e61; + .lg\:bg-orange-700 { + background-color: #c05621; } - .md\:text-teal-900 { - color: #234e52; + .lg\:bg-orange-800 { + background-color: #9c4221; } - .md\:text-blue-100 { - color: #ebf8ff; + .lg\:bg-orange-900 { + background-color: #7b341e; } - .md\:text-blue-200 { - color: #bee3f8; + .lg\:bg-yellow-100 { + background-color: #fffff0; } - .md\:text-blue-300 { - color: #90cdf4; + .lg\:bg-yellow-200 { + background-color: #fefcbf; } - .md\:text-blue-400 { - color: #63b3ed; + .lg\:bg-yellow-300 { + background-color: #faf089; } - .md\:text-blue-500 { - color: #4299e1; + .lg\:bg-yellow-400 { + background-color: #f6e05e; } - .md\:text-blue-600 { - color: #3182ce; + .lg\:bg-yellow-500 { + background-color: #ecc94b; } - .md\:text-blue-700 { - color: #2b6cb0; + .lg\:bg-yellow-600 { + background-color: #d69e2e; } - .md\:text-blue-800 { - color: #2c5282; + .lg\:bg-yellow-700 { + background-color: #b7791f; } - .md\:text-blue-900 { - color: #2a4365; + .lg\:bg-yellow-800 { + background-color: #975a16; } - .md\:text-indigo-100 { - color: #ebf4ff; + .lg\:bg-yellow-900 { + background-color: #744210; } - .md\:text-indigo-200 { - color: #c3dafe; + .lg\:bg-green-100 { + background-color: #f0fff4; } - .md\:text-indigo-300 { - color: #a3bffa; + .lg\:bg-green-200 { + background-color: #c6f6d5; } - .md\:text-indigo-400 { - color: #7f9cf5; + .lg\:bg-green-300 { + background-color: #9ae6b4; } - .md\:text-indigo-500 { - color: #667eea; + .lg\:bg-green-400 { + background-color: #68d391; } - .md\:text-indigo-600 { - color: #5a67d8; + .lg\:bg-green-500 { + background-color: #48bb78; } - .md\:text-indigo-700 { - color: #4c51bf; + .lg\:bg-green-600 { + background-color: #38a169; } - .md\:text-indigo-800 { - color: #434190; + .lg\:bg-green-700 { + background-color: #2f855a; } - .md\:text-indigo-900 { - color: #3c366b; + .lg\:bg-green-800 { + background-color: #276749; } - .md\:text-purple-100 { - color: #faf5ff; + .lg\:bg-green-900 { + background-color: #22543d; } - .md\:text-purple-200 { - color: #e9d8fd; + .lg\:bg-teal-100 { + background-color: #e6fffa; } - .md\:text-purple-300 { - color: #d6bcfa; + .lg\:bg-teal-200 { + background-color: #b2f5ea; } - .md\:text-purple-400 { - color: #b794f4; + .lg\:bg-teal-300 { + background-color: #81e6d9; } - .md\:text-purple-500 { - color: #9f7aea; + .lg\:bg-teal-400 { + background-color: #4fd1c5; } - .md\:text-purple-600 { - color: #805ad5; + .lg\:bg-teal-500 { + background-color: #38b2ac; } - .md\:text-purple-700 { - color: #6b46c1; + .lg\:bg-teal-600 { + background-color: #319795; } - .md\:text-purple-800 { - color: #553c9a; + .lg\:bg-teal-700 { + background-color: #2c7a7b; } - .md\:text-purple-900 { - color: #44337a; + .lg\:bg-teal-800 { + background-color: #285e61; } - .md\:text-pink-100 { - color: #fff5f7; + .lg\:bg-teal-900 { + background-color: #234e52; } - .md\:text-pink-200 { - color: #fed7e2; + .lg\:bg-blue-100 { + background-color: #ebf8ff; } - .md\:text-pink-300 { - color: #fbb6ce; + .lg\:bg-blue-200 { + background-color: #bee3f8; } - .md\:text-pink-400 { - color: #f687b3; + .lg\:bg-blue-300 { + background-color: #90cdf4; } - .md\:text-pink-500 { - color: #ed64a6; + .lg\:bg-blue-400 { + background-color: #63b3ed; } - .md\:text-pink-600 { - color: #d53f8c; + .lg\:bg-blue-500 { + background-color: #4299e1; } - .md\:text-pink-700 { - color: #b83280; + .lg\:bg-blue-600 { + background-color: #3182ce; } - .md\:text-pink-800 { - color: #97266d; + .lg\:bg-blue-700 { + background-color: #2b6cb0; } - .md\:text-pink-900 { - color: #702459; + .lg\:bg-blue-800 { + background-color: #2c5282; } - .md\:hover\:text-transparent:hover { - color: transparent; + .lg\:bg-blue-900 { + background-color: #2a4365; } - .md\:hover\:text-black:hover { - color: #000; + .lg\:bg-indigo-100 { + background-color: #ebf4ff; } - .md\:hover\:text-white:hover { - color: #fff; + .lg\:bg-indigo-200 { + background-color: #c3dafe; } - .md\:hover\:text-gray-100:hover { - color: #f7fafc; + .lg\:bg-indigo-300 { + background-color: #a3bffa; } - .md\:hover\:text-gray-200:hover { - color: #edf2f7; + .lg\:bg-indigo-400 { + background-color: #7f9cf5; } - .md\:hover\:text-gray-300:hover { - color: #e2e8f0; + .lg\:bg-indigo-500 { + background-color: #667eea; } - .md\:hover\:text-gray-400:hover { - color: #cbd5e0; + .lg\:bg-indigo-600 { + background-color: #5a67d8; } - .md\:hover\:text-gray-500:hover { - color: #a0aec0; + .lg\:bg-indigo-700 { + background-color: #4c51bf; } - .md\:hover\:text-gray-600:hover { - color: #718096; + .lg\:bg-indigo-800 { + background-color: #434190; } - .md\:hover\:text-gray-700:hover { - color: #4a5568; + .lg\:bg-indigo-900 { + background-color: #3c366b; } - .md\:hover\:text-gray-800:hover { - color: #2d3748; + .lg\:bg-purple-100 { + background-color: #faf5ff; } - .md\:hover\:text-gray-900:hover { - color: #1a202c; + .lg\:bg-purple-200 { + background-color: #e9d8fd; } - .md\:hover\:text-red-100:hover { - color: #fff5f5; + .lg\:bg-purple-300 { + background-color: #d6bcfa; } - .md\:hover\:text-red-200:hover { - color: #fed7d7; + .lg\:bg-purple-400 { + background-color: #b794f4; } - .md\:hover\:text-red-300:hover { - color: #feb2b2; + .lg\:bg-purple-500 { + background-color: #9f7aea; } - .md\:hover\:text-red-400:hover { - color: #fc8181; + .lg\:bg-purple-600 { + background-color: #805ad5; } - .md\:hover\:text-red-500:hover { - color: #f56565; + .lg\:bg-purple-700 { + background-color: #6b46c1; } - .md\:hover\:text-red-600:hover { - color: #e53e3e; + .lg\:bg-purple-800 { + background-color: #553c9a; } - .md\:hover\:text-red-700:hover { - color: #c53030; + .lg\:bg-purple-900 { + background-color: #44337a; } - .md\:hover\:text-red-800:hover { - color: #9b2c2c; + .lg\:bg-pink-100 { + background-color: #fff5f7; } - .md\:hover\:text-red-900:hover { - color: #742a2a; + .lg\:bg-pink-200 { + background-color: #fed7e2; } - .md\:hover\:text-orange-100:hover { - color: #fffaf0; + .lg\:bg-pink-300 { + background-color: #fbb6ce; } - .md\:hover\:text-orange-200:hover { - color: #feebc8; + .lg\:bg-pink-400 { + background-color: #f687b3; } - .md\:hover\:text-orange-300:hover { - color: #fbd38d; + .lg\:bg-pink-500 { + background-color: #ed64a6; } - .md\:hover\:text-orange-400:hover { - color: #f6ad55; + .lg\:bg-pink-600 { + background-color: #d53f8c; } - .md\:hover\:text-orange-500:hover { - color: #ed8936; + .lg\:bg-pink-700 { + background-color: #b83280; } - .md\:hover\:text-orange-600:hover { - color: #dd6b20; + .lg\:bg-pink-800 { + background-color: #97266d; } - .md\:hover\:text-orange-700:hover { - color: #c05621; + .lg\:bg-pink-900 { + background-color: #702459; } - .md\:hover\:text-orange-800:hover { - color: #9c4221; + .lg\:hover\:bg-transparent:hover { + background-color: transparent; } - .md\:hover\:text-orange-900:hover { - color: #7b341e; + .lg\:hover\:bg-black:hover { + background-color: #000; } - .md\:hover\:text-yellow-100:hover { - color: #fffff0; + .lg\:hover\:bg-white:hover { + background-color: #fff; } - .md\:hover\:text-yellow-200:hover { - color: #fefcbf; + .lg\:hover\:bg-gray-100:hover { + background-color: #f7fafc; } - .md\:hover\:text-yellow-300:hover { - color: #faf089; + .lg\:hover\:bg-gray-200:hover { + background-color: #edf2f7; } - .md\:hover\:text-yellow-400:hover { - color: #f6e05e; + .lg\:hover\:bg-gray-300:hover { + background-color: #e2e8f0; } - .md\:hover\:text-yellow-500:hover { - color: #ecc94b; + .lg\:hover\:bg-gray-400:hover { + background-color: #cbd5e0; } - .md\:hover\:text-yellow-600:hover { - color: #d69e2e; + .lg\:hover\:bg-gray-500:hover { + background-color: #a0aec0; } - .md\:hover\:text-yellow-700:hover { - color: #b7791f; + .lg\:hover\:bg-gray-600:hover { + background-color: #718096; } - .md\:hover\:text-yellow-800:hover { - color: #975a16; + .lg\:hover\:bg-gray-700:hover { + background-color: #4a5568; } - .md\:hover\:text-yellow-900:hover { - color: #744210; + .lg\:hover\:bg-gray-800:hover { + background-color: #2d3748; } - .md\:hover\:text-green-100:hover { - color: #f0fff4; + .lg\:hover\:bg-gray-900:hover { + background-color: #1a202c; } - .md\:hover\:text-green-200:hover { - color: #c6f6d5; + .lg\:hover\:bg-red-100:hover { + background-color: #fff5f5; } - .md\:hover\:text-green-300:hover { - color: #9ae6b4; + .lg\:hover\:bg-red-200:hover { + background-color: #fed7d7; } - .md\:hover\:text-green-400:hover { - color: #68d391; + .lg\:hover\:bg-red-300:hover { + background-color: #feb2b2; } - .md\:hover\:text-green-500:hover { - color: #48bb78; + .lg\:hover\:bg-red-400:hover { + background-color: #fc8181; } - .md\:hover\:text-green-600:hover { - color: #38a169; + .lg\:hover\:bg-red-500:hover { + background-color: #f56565; } - .md\:hover\:text-green-700:hover { - color: #2f855a; + .lg\:hover\:bg-red-600:hover { + background-color: #e53e3e; } - .md\:hover\:text-green-800:hover { - color: #276749; + .lg\:hover\:bg-red-700:hover { + background-color: #c53030; } - .md\:hover\:text-green-900:hover { - color: #22543d; + .lg\:hover\:bg-red-800:hover { + background-color: #9b2c2c; } - .md\:hover\:text-teal-100:hover { - color: #e6fffa; + .lg\:hover\:bg-red-900:hover { + background-color: #742a2a; } - .md\:hover\:text-teal-200:hover { - color: #b2f5ea; + .lg\:hover\:bg-orange-100:hover { + background-color: #fffaf0; } - .md\:hover\:text-teal-300:hover { - color: #81e6d9; + .lg\:hover\:bg-orange-200:hover { + background-color: #feebc8; } - .md\:hover\:text-teal-400:hover { - color: #4fd1c5; + .lg\:hover\:bg-orange-300:hover { + background-color: #fbd38d; } - .md\:hover\:text-teal-500:hover { - color: #38b2ac; + .lg\:hover\:bg-orange-400:hover { + background-color: #f6ad55; } - .md\:hover\:text-teal-600:hover { - color: #319795; + .lg\:hover\:bg-orange-500:hover { + background-color: #ed8936; } - .md\:hover\:text-teal-700:hover { - color: #2c7a7b; + .lg\:hover\:bg-orange-600:hover { + background-color: #dd6b20; } - .md\:hover\:text-teal-800:hover { - color: #285e61; + .lg\:hover\:bg-orange-700:hover { + background-color: #c05621; } - .md\:hover\:text-teal-900:hover { - color: #234e52; + .lg\:hover\:bg-orange-800:hover { + background-color: #9c4221; } - .md\:hover\:text-blue-100:hover { - color: #ebf8ff; + .lg\:hover\:bg-orange-900:hover { + background-color: #7b341e; } - .md\:hover\:text-blue-200:hover { - color: #bee3f8; + .lg\:hover\:bg-yellow-100:hover { + background-color: #fffff0; } - .md\:hover\:text-blue-300:hover { - color: #90cdf4; + .lg\:hover\:bg-yellow-200:hover { + background-color: #fefcbf; } - .md\:hover\:text-blue-400:hover { - color: #63b3ed; + .lg\:hover\:bg-yellow-300:hover { + background-color: #faf089; } - .md\:hover\:text-blue-500:hover { - color: #4299e1; + .lg\:hover\:bg-yellow-400:hover { + background-color: #f6e05e; } - .md\:hover\:text-blue-600:hover { - color: #3182ce; + .lg\:hover\:bg-yellow-500:hover { + background-color: #ecc94b; } - .md\:hover\:text-blue-700:hover { - color: #2b6cb0; + .lg\:hover\:bg-yellow-600:hover { + background-color: #d69e2e; } - .md\:hover\:text-blue-800:hover { - color: #2c5282; + .lg\:hover\:bg-yellow-700:hover { + background-color: #b7791f; } - .md\:hover\:text-blue-900:hover { - color: #2a4365; + .lg\:hover\:bg-yellow-800:hover { + background-color: #975a16; } - .md\:hover\:text-indigo-100:hover { - color: #ebf4ff; + .lg\:hover\:bg-yellow-900:hover { + background-color: #744210; } - .md\:hover\:text-indigo-200:hover { - color: #c3dafe; + .lg\:hover\:bg-green-100:hover { + background-color: #f0fff4; } - .md\:hover\:text-indigo-300:hover { - color: #a3bffa; + .lg\:hover\:bg-green-200:hover { + background-color: #c6f6d5; } - .md\:hover\:text-indigo-400:hover { - color: #7f9cf5; + .lg\:hover\:bg-green-300:hover { + background-color: #9ae6b4; } - .md\:hover\:text-indigo-500:hover { - color: #667eea; + .lg\:hover\:bg-green-400:hover { + background-color: #68d391; } - .md\:hover\:text-indigo-600:hover { - color: #5a67d8; + .lg\:hover\:bg-green-500:hover { + background-color: #48bb78; } - .md\:hover\:text-indigo-700:hover { - color: #4c51bf; + .lg\:hover\:bg-green-600:hover { + background-color: #38a169; } - .md\:hover\:text-indigo-800:hover { - color: #434190; + .lg\:hover\:bg-green-700:hover { + background-color: #2f855a; } - .md\:hover\:text-indigo-900:hover { - color: #3c366b; + .lg\:hover\:bg-green-800:hover { + background-color: #276749; } - .md\:hover\:text-purple-100:hover { - color: #faf5ff; + .lg\:hover\:bg-green-900:hover { + background-color: #22543d; } - .md\:hover\:text-purple-200:hover { - color: #e9d8fd; + .lg\:hover\:bg-teal-100:hover { + background-color: #e6fffa; } - .md\:hover\:text-purple-300:hover { - color: #d6bcfa; + .lg\:hover\:bg-teal-200:hover { + background-color: #b2f5ea; } - .md\:hover\:text-purple-400:hover { - color: #b794f4; + .lg\:hover\:bg-teal-300:hover { + background-color: #81e6d9; } - .md\:hover\:text-purple-500:hover { - color: #9f7aea; + .lg\:hover\:bg-teal-400:hover { + background-color: #4fd1c5; } - .md\:hover\:text-purple-600:hover { - color: #805ad5; + .lg\:hover\:bg-teal-500:hover { + background-color: #38b2ac; } - .md\:hover\:text-purple-700:hover { - color: #6b46c1; + .lg\:hover\:bg-teal-600:hover { + background-color: #319795; } - .md\:hover\:text-purple-800:hover { - color: #553c9a; + .lg\:hover\:bg-teal-700:hover { + background-color: #2c7a7b; } - .md\:hover\:text-purple-900:hover { - color: #44337a; + .lg\:hover\:bg-teal-800:hover { + background-color: #285e61; } - .md\:hover\:text-pink-100:hover { - color: #fff5f7; + .lg\:hover\:bg-teal-900:hover { + background-color: #234e52; } - .md\:hover\:text-pink-200:hover { - color: #fed7e2; + .lg\:hover\:bg-blue-100:hover { + background-color: #ebf8ff; } - .md\:hover\:text-pink-300:hover { - color: #fbb6ce; + .lg\:hover\:bg-blue-200:hover { + background-color: #bee3f8; } - .md\:hover\:text-pink-400:hover { - color: #f687b3; + .lg\:hover\:bg-blue-300:hover { + background-color: #90cdf4; } - .md\:hover\:text-pink-500:hover { - color: #ed64a6; + .lg\:hover\:bg-blue-400:hover { + background-color: #63b3ed; } - .md\:hover\:text-pink-600:hover { - color: #d53f8c; + .lg\:hover\:bg-blue-500:hover { + background-color: #4299e1; } - .md\:hover\:text-pink-700:hover { - color: #b83280; + .lg\:hover\:bg-blue-600:hover { + background-color: #3182ce; } - .md\:hover\:text-pink-800:hover { - color: #97266d; + .lg\:hover\:bg-blue-700:hover { + background-color: #2b6cb0; } - .md\:hover\:text-pink-900:hover { - color: #702459; + .lg\:hover\:bg-blue-800:hover { + background-color: #2c5282; } - .md\:focus\:text-transparent:focus { - color: transparent; + .lg\:hover\:bg-blue-900:hover { + background-color: #2a4365; } - .md\:focus\:text-black:focus { - color: #000; + .lg\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff; } - .md\:focus\:text-white:focus { - color: #fff; + .lg\:hover\:bg-indigo-200:hover { + background-color: #c3dafe; } - .md\:focus\:text-gray-100:focus { - color: #f7fafc; + .lg\:hover\:bg-indigo-300:hover { + background-color: #a3bffa; } - .md\:focus\:text-gray-200:focus { - color: #edf2f7; + .lg\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5; } - .md\:focus\:text-gray-300:focus { - color: #e2e8f0; + .lg\:hover\:bg-indigo-500:hover { + background-color: #667eea; } - .md\:focus\:text-gray-400:focus { - color: #cbd5e0; + .lg\:hover\:bg-indigo-600:hover { + background-color: #5a67d8; } - .md\:focus\:text-gray-500:focus { - color: #a0aec0; + .lg\:hover\:bg-indigo-700:hover { + background-color: #4c51bf; } - .md\:focus\:text-gray-600:focus { - color: #718096; + .lg\:hover\:bg-indigo-800:hover { + background-color: #434190; } - .md\:focus\:text-gray-700:focus { - color: #4a5568; + .lg\:hover\:bg-indigo-900:hover { + background-color: #3c366b; } - .md\:focus\:text-gray-800:focus { - color: #2d3748; + .lg\:hover\:bg-purple-100:hover { + background-color: #faf5ff; } - .md\:focus\:text-gray-900:focus { - color: #1a202c; + .lg\:hover\:bg-purple-200:hover { + background-color: #e9d8fd; } - .md\:focus\:text-red-100:focus { - color: #fff5f5; + .lg\:hover\:bg-purple-300:hover { + background-color: #d6bcfa; } - .md\:focus\:text-red-200:focus { - color: #fed7d7; + .lg\:hover\:bg-purple-400:hover { + background-color: #b794f4; } - .md\:focus\:text-red-300:focus { - color: #feb2b2; + .lg\:hover\:bg-purple-500:hover { + background-color: #9f7aea; } - .md\:focus\:text-red-400:focus { - color: #fc8181; + .lg\:hover\:bg-purple-600:hover { + background-color: #805ad5; } - .md\:focus\:text-red-500:focus { - color: #f56565; + .lg\:hover\:bg-purple-700:hover { + background-color: #6b46c1; } - .md\:focus\:text-red-600:focus { - color: #e53e3e; + .lg\:hover\:bg-purple-800:hover { + background-color: #553c9a; } - .md\:focus\:text-red-700:focus { - color: #c53030; + .lg\:hover\:bg-purple-900:hover { + background-color: #44337a; } - .md\:focus\:text-red-800:focus { - color: #9b2c2c; + .lg\:hover\:bg-pink-100:hover { + background-color: #fff5f7; } - .md\:focus\:text-red-900:focus { - color: #742a2a; + .lg\:hover\:bg-pink-200:hover { + background-color: #fed7e2; } - .md\:focus\:text-orange-100:focus { - color: #fffaf0; + .lg\:hover\:bg-pink-300:hover { + background-color: #fbb6ce; } - .md\:focus\:text-orange-200:focus { - color: #feebc8; + .lg\:hover\:bg-pink-400:hover { + background-color: #f687b3; } - .md\:focus\:text-orange-300:focus { - color: #fbd38d; + .lg\:hover\:bg-pink-500:hover { + background-color: #ed64a6; } - .md\:focus\:text-orange-400:focus { - color: #f6ad55; + .lg\:hover\:bg-pink-600:hover { + background-color: #d53f8c; } - .md\:focus\:text-orange-500:focus { - color: #ed8936; + .lg\:hover\:bg-pink-700:hover { + background-color: #b83280; } - .md\:focus\:text-orange-600:focus { - color: #dd6b20; + .lg\:hover\:bg-pink-800:hover { + background-color: #97266d; } - .md\:focus\:text-orange-700:focus { - color: #c05621; + .lg\:hover\:bg-pink-900:hover { + background-color: #702459; } - .md\:focus\:text-orange-800:focus { - color: #9c4221; + .lg\:focus\:bg-transparent:focus { + background-color: transparent; } - .md\:focus\:text-orange-900:focus { - color: #7b341e; + .lg\:focus\:bg-black:focus { + background-color: #000; } - .md\:focus\:text-yellow-100:focus { - color: #fffff0; + .lg\:focus\:bg-white:focus { + background-color: #fff; } - .md\:focus\:text-yellow-200:focus { - color: #fefcbf; + .lg\:focus\:bg-gray-100:focus { + background-color: #f7fafc; } - .md\:focus\:text-yellow-300:focus { - color: #faf089; + .lg\:focus\:bg-gray-200:focus { + background-color: #edf2f7; } - .md\:focus\:text-yellow-400:focus { - color: #f6e05e; + .lg\:focus\:bg-gray-300:focus { + background-color: #e2e8f0; } - .md\:focus\:text-yellow-500:focus { - color: #ecc94b; + .lg\:focus\:bg-gray-400:focus { + background-color: #cbd5e0; } - .md\:focus\:text-yellow-600:focus { - color: #d69e2e; + .lg\:focus\:bg-gray-500:focus { + background-color: #a0aec0; } - .md\:focus\:text-yellow-700:focus { - color: #b7791f; + .lg\:focus\:bg-gray-600:focus { + background-color: #718096; } - .md\:focus\:text-yellow-800:focus { - color: #975a16; + .lg\:focus\:bg-gray-700:focus { + background-color: #4a5568; } - .md\:focus\:text-yellow-900:focus { - color: #744210; + .lg\:focus\:bg-gray-800:focus { + background-color: #2d3748; } - .md\:focus\:text-green-100:focus { - color: #f0fff4; + .lg\:focus\:bg-gray-900:focus { + background-color: #1a202c; } - .md\:focus\:text-green-200:focus { - color: #c6f6d5; + .lg\:focus\:bg-red-100:focus { + background-color: #fff5f5; } - .md\:focus\:text-green-300:focus { - color: #9ae6b4; + .lg\:focus\:bg-red-200:focus { + background-color: #fed7d7; } - .md\:focus\:text-green-400:focus { - color: #68d391; + .lg\:focus\:bg-red-300:focus { + background-color: #feb2b2; } - .md\:focus\:text-green-500:focus { - color: #48bb78; + .lg\:focus\:bg-red-400:focus { + background-color: #fc8181; } - .md\:focus\:text-green-600:focus { - color: #38a169; + .lg\:focus\:bg-red-500:focus { + background-color: #f56565; } - .md\:focus\:text-green-700:focus { - color: #2f855a; + .lg\:focus\:bg-red-600:focus { + background-color: #e53e3e; } - .md\:focus\:text-green-800:focus { - color: #276749; + .lg\:focus\:bg-red-700:focus { + background-color: #c53030; } - .md\:focus\:text-green-900:focus { - color: #22543d; + .lg\:focus\:bg-red-800:focus { + background-color: #9b2c2c; } - .md\:focus\:text-teal-100:focus { - color: #e6fffa; + .lg\:focus\:bg-red-900:focus { + background-color: #742a2a; } - .md\:focus\:text-teal-200:focus { - color: #b2f5ea; + .lg\:focus\:bg-orange-100:focus { + background-color: #fffaf0; } - .md\:focus\:text-teal-300:focus { - color: #81e6d9; + .lg\:focus\:bg-orange-200:focus { + background-color: #feebc8; } - .md\:focus\:text-teal-400:focus { - color: #4fd1c5; + .lg\:focus\:bg-orange-300:focus { + background-color: #fbd38d; } - .md\:focus\:text-teal-500:focus { - color: #38b2ac; + .lg\:focus\:bg-orange-400:focus { + background-color: #f6ad55; } - .md\:focus\:text-teal-600:focus { - color: #319795; + .lg\:focus\:bg-orange-500:focus { + background-color: #ed8936; } - .md\:focus\:text-teal-700:focus { - color: #2c7a7b; + .lg\:focus\:bg-orange-600:focus { + background-color: #dd6b20; } - .md\:focus\:text-teal-800:focus { - color: #285e61; + .lg\:focus\:bg-orange-700:focus { + background-color: #c05621; } - .md\:focus\:text-teal-900:focus { - color: #234e52; + .lg\:focus\:bg-orange-800:focus { + background-color: #9c4221; } - .md\:focus\:text-blue-100:focus { - color: #ebf8ff; + .lg\:focus\:bg-orange-900:focus { + background-color: #7b341e; } - .md\:focus\:text-blue-200:focus { - color: #bee3f8; + .lg\:focus\:bg-yellow-100:focus { + background-color: #fffff0; } - .md\:focus\:text-blue-300:focus { - color: #90cdf4; + .lg\:focus\:bg-yellow-200:focus { + background-color: #fefcbf; } - .md\:focus\:text-blue-400:focus { - color: #63b3ed; + .lg\:focus\:bg-yellow-300:focus { + background-color: #faf089; } - .md\:focus\:text-blue-500:focus { - color: #4299e1; + .lg\:focus\:bg-yellow-400:focus { + background-color: #f6e05e; } - .md\:focus\:text-blue-600:focus { - color: #3182ce; + .lg\:focus\:bg-yellow-500:focus { + background-color: #ecc94b; } - .md\:focus\:text-blue-700:focus { - color: #2b6cb0; + .lg\:focus\:bg-yellow-600:focus { + background-color: #d69e2e; } - .md\:focus\:text-blue-800:focus { - color: #2c5282; + .lg\:focus\:bg-yellow-700:focus { + background-color: #b7791f; } - .md\:focus\:text-blue-900:focus { - color: #2a4365; + .lg\:focus\:bg-yellow-800:focus { + background-color: #975a16; } - .md\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .lg\:focus\:bg-yellow-900:focus { + background-color: #744210; } - .md\:focus\:text-indigo-200:focus { - color: #c3dafe; + .lg\:focus\:bg-green-100:focus { + background-color: #f0fff4; } - .md\:focus\:text-indigo-300:focus { - color: #a3bffa; + .lg\:focus\:bg-green-200:focus { + background-color: #c6f6d5; } - .md\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .lg\:focus\:bg-green-300:focus { + background-color: #9ae6b4; } - .md\:focus\:text-indigo-500:focus { - color: #667eea; + .lg\:focus\:bg-green-400:focus { + background-color: #68d391; } - .md\:focus\:text-indigo-600:focus { - color: #5a67d8; + .lg\:focus\:bg-green-500:focus { + background-color: #48bb78; } - .md\:focus\:text-indigo-700:focus { - color: #4c51bf; + .lg\:focus\:bg-green-600:focus { + background-color: #38a169; } - .md\:focus\:text-indigo-800:focus { - color: #434190; + .lg\:focus\:bg-green-700:focus { + background-color: #2f855a; } - .md\:focus\:text-indigo-900:focus { - color: #3c366b; + .lg\:focus\:bg-green-800:focus { + background-color: #276749; } - .md\:focus\:text-purple-100:focus { - color: #faf5ff; + .lg\:focus\:bg-green-900:focus { + background-color: #22543d; } - .md\:focus\:text-purple-200:focus { - color: #e9d8fd; + .lg\:focus\:bg-teal-100:focus { + background-color: #e6fffa; } - .md\:focus\:text-purple-300:focus { - color: #d6bcfa; + .lg\:focus\:bg-teal-200:focus { + background-color: #b2f5ea; } - .md\:focus\:text-purple-400:focus { - color: #b794f4; + .lg\:focus\:bg-teal-300:focus { + background-color: #81e6d9; } - .md\:focus\:text-purple-500:focus { - color: #9f7aea; + .lg\:focus\:bg-teal-400:focus { + background-color: #4fd1c5; } - .md\:focus\:text-purple-600:focus { - color: #805ad5; + .lg\:focus\:bg-teal-500:focus { + background-color: #38b2ac; } - .md\:focus\:text-purple-700:focus { - color: #6b46c1; + .lg\:focus\:bg-teal-600:focus { + background-color: #319795; } - .md\:focus\:text-purple-800:focus { - color: #553c9a; + .lg\:focus\:bg-teal-700:focus { + background-color: #2c7a7b; } - .md\:focus\:text-purple-900:focus { - color: #44337a; + .lg\:focus\:bg-teal-800:focus { + background-color: #285e61; } - .md\:focus\:text-pink-100:focus { - color: #fff5f7; + .lg\:focus\:bg-teal-900:focus { + background-color: #234e52; } - .md\:focus\:text-pink-200:focus { - color: #fed7e2; + .lg\:focus\:bg-blue-100:focus { + background-color: #ebf8ff; } - .md\:focus\:text-pink-300:focus { - color: #fbb6ce; + .lg\:focus\:bg-blue-200:focus { + background-color: #bee3f8; } - .md\:focus\:text-pink-400:focus { - color: #f687b3; + .lg\:focus\:bg-blue-300:focus { + background-color: #90cdf4; } - .md\:focus\:text-pink-500:focus { - color: #ed64a6; + .lg\:focus\:bg-blue-400:focus { + background-color: #63b3ed; } - .md\:focus\:text-pink-600:focus { - color: #d53f8c; + .lg\:focus\:bg-blue-500:focus { + background-color: #4299e1; } - .md\:focus\:text-pink-700:focus { - color: #b83280; + .lg\:focus\:bg-blue-600:focus { + background-color: #3182ce; } - .md\:focus\:text-pink-800:focus { - color: #97266d; + .lg\:focus\:bg-blue-700:focus { + background-color: #2b6cb0; } - .md\:focus\:text-pink-900:focus { - color: #702459; + .lg\:focus\:bg-blue-800:focus { + background-color: #2c5282; } - .md\:text-xs { - font-size: 0.75rem; + .lg\:focus\:bg-blue-900:focus { + background-color: #2a4365; } - .md\:text-sm { - font-size: 0.875rem; + .lg\:focus\:bg-indigo-100:focus { + background-color: #ebf4ff; } - .md\:text-base { - font-size: 1rem; + .lg\:focus\:bg-indigo-200:focus { + background-color: #c3dafe; } - .md\:text-lg { - font-size: 1.125rem; + .lg\:focus\:bg-indigo-300:focus { + background-color: #a3bffa; } - .md\:text-xl { - font-size: 1.25rem; + .lg\:focus\:bg-indigo-400:focus { + background-color: #7f9cf5; } - .md\:text-2xl { - font-size: 1.5rem; + .lg\:focus\:bg-indigo-500:focus { + background-color: #667eea; } - .md\:text-3xl { - font-size: 1.875rem; + .lg\:focus\:bg-indigo-600:focus { + background-color: #5a67d8; } - .md\:text-4xl { - font-size: 2.25rem; + .lg\:focus\:bg-indigo-700:focus { + background-color: #4c51bf; } - .md\:text-5xl { - font-size: 3rem; + .lg\:focus\:bg-indigo-800:focus { + background-color: #434190; } - .md\:text-6xl { - font-size: 4rem; + .lg\:focus\:bg-indigo-900:focus { + background-color: #3c366b; } - .md\:italic { - font-style: italic; + .lg\:focus\:bg-purple-100:focus { + background-color: #faf5ff; } - .md\:not-italic { - font-style: normal; + .lg\:focus\:bg-purple-200:focus { + background-color: #e9d8fd; } - .md\:uppercase { - text-transform: uppercase; + .lg\:focus\:bg-purple-300:focus { + background-color: #d6bcfa; } - .md\:lowercase { - text-transform: lowercase; + .lg\:focus\:bg-purple-400:focus { + background-color: #b794f4; } - .md\:capitalize { - text-transform: capitalize; + .lg\:focus\:bg-purple-500:focus { + background-color: #9f7aea; } - .md\:normal-case { - text-transform: none; + .lg\:focus\:bg-purple-600:focus { + background-color: #805ad5; } - .md\:underline { - text-decoration: underline; + .lg\:focus\:bg-purple-700:focus { + background-color: #6b46c1; } - .md\:line-through { - text-decoration: line-through; + .lg\:focus\:bg-purple-800:focus { + background-color: #553c9a; } - .md\:no-underline { - text-decoration: none; + .lg\:focus\:bg-purple-900:focus { + background-color: #44337a; } - .md\:hover\:underline:hover { - text-decoration: underline; + .lg\:focus\:bg-pink-100:focus { + background-color: #fff5f7; } - .md\:hover\:line-through:hover { - text-decoration: line-through; + .lg\:focus\:bg-pink-200:focus { + background-color: #fed7e2; } - .md\:hover\:no-underline:hover { - text-decoration: none; + .lg\:focus\:bg-pink-300:focus { + background-color: #fbb6ce; } - .md\:focus\:underline:focus { - text-decoration: underline; + .lg\:focus\:bg-pink-400:focus { + background-color: #f687b3; } - .md\:focus\:line-through:focus { - text-decoration: line-through; + .lg\:focus\:bg-pink-500:focus { + background-color: #ed64a6; } - .md\:focus\:no-underline:focus { - text-decoration: none; + .lg\:focus\:bg-pink-600:focus { + background-color: #d53f8c; } - .md\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .lg\:focus\:bg-pink-700:focus { + background-color: #b83280; } - .md\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .lg\:focus\:bg-pink-800:focus { + background-color: #97266d; } - .md\:tracking-tighter { - letter-spacing: -0.05em; + .lg\:focus\:bg-pink-900:focus { + background-color: #702459; } - .md\:tracking-tight { - letter-spacing: -0.025em; + .lg\:bg-bottom { + background-position: bottom; } - .md\:tracking-normal { - letter-spacing: 0; + .lg\:bg-center { + background-position: center; } - .md\:tracking-wide { - letter-spacing: 0.025em; + .lg\:bg-left { + background-position: left; } - .md\:tracking-wider { - letter-spacing: 0.05em; + .lg\:bg-left-bottom { + background-position: left bottom; } - .md\:tracking-widest { - letter-spacing: 0.1em; + .lg\:bg-left-top { + background-position: left top; } - .md\:select-none { - user-select: none; + .lg\:bg-right { + background-position: right; } - .md\:select-text { - user-select: text; + .lg\:bg-right-bottom { + background-position: right bottom; } - .md\:select-all { - user-select: all; + .lg\:bg-right-top { + background-position: right top; } - .md\:select-auto { - user-select: auto; + .lg\:bg-top { + background-position: top; } - .md\:align-baseline { - vertical-align: baseline; + .lg\:bg-repeat { + background-repeat: repeat; } - .md\:align-top { - vertical-align: top; + .lg\:bg-no-repeat { + background-repeat: no-repeat; } - .md\:align-middle { - vertical-align: middle; + .lg\:bg-repeat-x { + background-repeat: repeat-x; } - .md\:align-bottom { - vertical-align: bottom; + .lg\:bg-repeat-y { + background-repeat: repeat-y; } - .md\:align-text-top { - vertical-align: text-top; + .lg\:bg-repeat-round { + background-repeat: round; } - .md\:align-text-bottom { - vertical-align: text-bottom; + .lg\:bg-repeat-space { + background-repeat: space; } - .md\:visible { - visibility: visible; + .lg\:bg-auto { + background-size: auto; } - .md\:invisible { - visibility: hidden; + .lg\:bg-cover { + background-size: cover; } - .md\:whitespace-normal { - white-space: normal; + .lg\:bg-contain { + background-size: contain; } - .md\:whitespace-no-wrap { - white-space: nowrap; + .lg\:border-collapse { + border-collapse: collapse; } - .md\:whitespace-pre { - white-space: pre; + .lg\:border-separate { + border-collapse: separate; } - .md\:whitespace-pre-line { - white-space: pre-line; + .lg\:border-transparent { + border-color: transparent; } - .md\:whitespace-pre-wrap { - white-space: pre-wrap; + .lg\:border-black { + border-color: #000; } - .md\:break-normal { - overflow-wrap: normal; - word-break: normal; + .lg\:border-white { + border-color: #fff; } - .md\:break-words { - overflow-wrap: break-word; + .lg\:border-gray-100 { + border-color: #f7fafc; } - .md\:break-all { - word-break: break-all; + .lg\:border-gray-200 { + border-color: #edf2f7; } - .md\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .lg\:border-gray-300 { + border-color: #e2e8f0; } - .md\:w-0 { - width: 0; + .lg\:border-gray-400 { + border-color: #cbd5e0; } - .md\:w-1 { - width: 0.25rem; + .lg\:border-gray-500 { + border-color: #a0aec0; } - .md\:w-2 { - width: 0.5rem; + .lg\:border-gray-600 { + border-color: #718096; } - .md\:w-3 { - width: 0.75rem; + .lg\:border-gray-700 { + border-color: #4a5568; } - .md\:w-4 { - width: 1rem; + .lg\:border-gray-800 { + border-color: #2d3748; } - .md\:w-5 { - width: 1.25rem; + .lg\:border-gray-900 { + border-color: #1a202c; } - .md\:w-6 { - width: 1.5rem; + .lg\:border-red-100 { + border-color: #fff5f5; } - .md\:w-8 { - width: 2rem; + .lg\:border-red-200 { + border-color: #fed7d7; } - .md\:w-10 { - width: 2.5rem; + .lg\:border-red-300 { + border-color: #feb2b2; } - .md\:w-12 { - width: 3rem; + .lg\:border-red-400 { + border-color: #fc8181; } - .md\:w-16 { - width: 4rem; + .lg\:border-red-500 { + border-color: #f56565; } - .md\:w-20 { - width: 5rem; + .lg\:border-red-600 { + border-color: #e53e3e; } - .md\:w-24 { - width: 6rem; + .lg\:border-red-700 { + border-color: #c53030; } - .md\:w-32 { - width: 8rem; + .lg\:border-red-800 { + border-color: #9b2c2c; } - .md\:w-40 { - width: 10rem; + .lg\:border-red-900 { + border-color: #742a2a; } - .md\:w-48 { - width: 12rem; + .lg\:border-orange-100 { + border-color: #fffaf0; } - .md\:w-56 { - width: 14rem; + .lg\:border-orange-200 { + border-color: #feebc8; } - .md\:w-64 { - width: 16rem; + .lg\:border-orange-300 { + border-color: #fbd38d; } - .md\:w-auto { - width: auto; + .lg\:border-orange-400 { + border-color: #f6ad55; } - .md\:w-px { - width: 1px; + .lg\:border-orange-500 { + border-color: #ed8936; } - .md\:w-1\/2 { - width: 50%; + .lg\:border-orange-600 { + border-color: #dd6b20; } - .md\:w-1\/3 { - width: 33.333333%; + .lg\:border-orange-700 { + border-color: #c05621; } - .md\:w-2\/3 { - width: 66.666667%; + .lg\:border-orange-800 { + border-color: #9c4221; } - .md\:w-1\/4 { - width: 25%; + .lg\:border-orange-900 { + border-color: #7b341e; } - .md\:w-2\/4 { - width: 50%; + .lg\:border-yellow-100 { + border-color: #fffff0; } - .md\:w-3\/4 { - width: 75%; + .lg\:border-yellow-200 { + border-color: #fefcbf; } - .md\:w-1\/5 { - width: 20%; + .lg\:border-yellow-300 { + border-color: #faf089; } - .md\:w-2\/5 { - width: 40%; + .lg\:border-yellow-400 { + border-color: #f6e05e; } - .md\:w-3\/5 { - width: 60%; + .lg\:border-yellow-500 { + border-color: #ecc94b; } - .md\:w-4\/5 { - width: 80%; + .lg\:border-yellow-600 { + border-color: #d69e2e; } - .md\:w-1\/6 { - width: 16.666667%; + .lg\:border-yellow-700 { + border-color: #b7791f; } - .md\:w-2\/6 { - width: 33.333333%; + .lg\:border-yellow-800 { + border-color: #975a16; } - .md\:w-3\/6 { - width: 50%; + .lg\:border-yellow-900 { + border-color: #744210; } - .md\:w-4\/6 { - width: 66.666667%; + .lg\:border-green-100 { + border-color: #f0fff4; } - .md\:w-5\/6 { - width: 83.333333%; + .lg\:border-green-200 { + border-color: #c6f6d5; } - .md\:w-1\/12 { - width: 8.333333%; + .lg\:border-green-300 { + border-color: #9ae6b4; } - .md\:w-2\/12 { - width: 16.666667%; + .lg\:border-green-400 { + border-color: #68d391; } - .md\:w-3\/12 { - width: 25%; + .lg\:border-green-500 { + border-color: #48bb78; } - .md\:w-4\/12 { - width: 33.333333%; + .lg\:border-green-600 { + border-color: #38a169; } - .md\:w-5\/12 { - width: 41.666667%; + .lg\:border-green-700 { + border-color: #2f855a; } - .md\:w-6\/12 { - width: 50%; + .lg\:border-green-800 { + border-color: #276749; } - .md\:w-7\/12 { - width: 58.333333%; + .lg\:border-green-900 { + border-color: #22543d; } - .md\:w-8\/12 { - width: 66.666667%; + .lg\:border-teal-100 { + border-color: #e6fffa; } - .md\:w-9\/12 { - width: 75%; + .lg\:border-teal-200 { + border-color: #b2f5ea; } - .md\:w-10\/12 { - width: 83.333333%; + .lg\:border-teal-300 { + border-color: #81e6d9; } - .md\:w-11\/12 { - width: 91.666667%; + .lg\:border-teal-400 { + border-color: #4fd1c5; } - .md\:w-full { - width: 100%; + .lg\:border-teal-500 { + border-color: #38b2ac; } - .md\:w-screen { - width: 100vw; + .lg\:border-teal-600 { + border-color: #319795; } - .md\:z-0 { - z-index: 0; + .lg\:border-teal-700 { + border-color: #2c7a7b; } - .md\:z-10 { - z-index: 10; + .lg\:border-teal-800 { + border-color: #285e61; } - .md\:z-20 { - z-index: 20; + .lg\:border-teal-900 { + border-color: #234e52; } - .md\:z-30 { - z-index: 30; + .lg\:border-blue-100 { + border-color: #ebf8ff; } - .md\:z-40 { - z-index: 40; + .lg\:border-blue-200 { + border-color: #bee3f8; + } + + .lg\:border-blue-300 { + border-color: #90cdf4; } - .md\:z-50 { - z-index: 50; + .lg\:border-blue-400 { + border-color: #63b3ed; } - .md\:z-auto { - z-index: auto; + .lg\:border-blue-500 { + border-color: #4299e1; } - .md\:example { - font-weight: 700; - color: #f56565; + .lg\:border-blue-600 { + border-color: #3182ce; } -} -@media (min-width: 1024px) { - .lg\: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; + .lg\:border-blue-700 { + border-color: #2b6cb0; } - .lg\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:border-blue-800 { + border-color: #2c5282; } - .lg\: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; + .lg\:border-blue-900 { + border-color: #2a4365; } - .lg\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .lg\:border-indigo-100 { + border-color: #ebf4ff; } - .lg\:appearance-none { - appearance: none; + .lg\:border-indigo-200 { + border-color: #c3dafe; } - .lg\:bg-fixed { - background-attachment: fixed; + .lg\:border-indigo-300 { + border-color: #a3bffa; } - .lg\:bg-local { - background-attachment: local; + .lg\:border-indigo-400 { + border-color: #7f9cf5; } - .lg\:bg-scroll { - background-attachment: scroll; + .lg\:border-indigo-500 { + border-color: #667eea; } - .lg\:bg-transparent { - background-color: transparent; + .lg\:border-indigo-600 { + border-color: #5a67d8; } - .lg\:bg-black { - background-color: #000; + .lg\:border-indigo-700 { + border-color: #4c51bf; } - .lg\:bg-white { - background-color: #fff; + .lg\:border-indigo-800 { + border-color: #434190; } - .lg\:bg-gray-100 { - background-color: #f7fafc; + .lg\:border-indigo-900 { + border-color: #3c366b; } - .lg\:bg-gray-200 { - background-color: #edf2f7; + .lg\:border-purple-100 { + border-color: #faf5ff; } - .lg\:bg-gray-300 { - background-color: #e2e8f0; + .lg\:border-purple-200 { + border-color: #e9d8fd; } - .lg\:bg-gray-400 { - background-color: #cbd5e0; + .lg\:border-purple-300 { + border-color: #d6bcfa; } - .lg\:bg-gray-500 { - background-color: #a0aec0; + .lg\:border-purple-400 { + border-color: #b794f4; } - .lg\:bg-gray-600 { - background-color: #718096; + .lg\:border-purple-500 { + border-color: #9f7aea; } - .lg\:bg-gray-700 { - background-color: #4a5568; + .lg\:border-purple-600 { + border-color: #805ad5; } - .lg\:bg-gray-800 { - background-color: #2d3748; + .lg\:border-purple-700 { + border-color: #6b46c1; } - .lg\:bg-gray-900 { - background-color: #1a202c; + .lg\:border-purple-800 { + border-color: #553c9a; } - .lg\:bg-red-100 { - background-color: #fff5f5; + .lg\:border-purple-900 { + border-color: #44337a; } - .lg\:bg-red-200 { - background-color: #fed7d7; + .lg\:border-pink-100 { + border-color: #fff5f7; } - .lg\:bg-red-300 { - background-color: #feb2b2; + .lg\:border-pink-200 { + border-color: #fed7e2; } - .lg\:bg-red-400 { - background-color: #fc8181; + .lg\:border-pink-300 { + border-color: #fbb6ce; } - .lg\:bg-red-500 { - background-color: #f56565; + .lg\:border-pink-400 { + border-color: #f687b3; } - .lg\:bg-red-600 { - background-color: #e53e3e; + .lg\:border-pink-500 { + border-color: #ed64a6; } - .lg\:bg-red-700 { - background-color: #c53030; + .lg\:border-pink-600 { + border-color: #d53f8c; } - .lg\:bg-red-800 { - background-color: #9b2c2c; + .lg\:border-pink-700 { + border-color: #b83280; } - .lg\:bg-red-900 { - background-color: #742a2a; + .lg\:border-pink-800 { + border-color: #97266d; } - .lg\:bg-orange-100 { - background-color: #fffaf0; + .lg\:border-pink-900 { + border-color: #702459; } - .lg\:bg-orange-200 { - background-color: #feebc8; + .lg\:hover\:border-transparent:hover { + border-color: transparent; } - .lg\:bg-orange-300 { - background-color: #fbd38d; + .lg\:hover\:border-black:hover { + border-color: #000; } - .lg\:bg-orange-400 { - background-color: #f6ad55; + .lg\:hover\:border-white:hover { + border-color: #fff; } - .lg\:bg-orange-500 { - background-color: #ed8936; + .lg\:hover\:border-gray-100:hover { + border-color: #f7fafc; } - .lg\:bg-orange-600 { - background-color: #dd6b20; + .lg\:hover\:border-gray-200:hover { + border-color: #edf2f7; } - .lg\:bg-orange-700 { - background-color: #c05621; + .lg\:hover\:border-gray-300:hover { + border-color: #e2e8f0; } - .lg\:bg-orange-800 { - background-color: #9c4221; + .lg\:hover\:border-gray-400:hover { + border-color: #cbd5e0; } - .lg\:bg-orange-900 { - background-color: #7b341e; + .lg\:hover\:border-gray-500:hover { + border-color: #a0aec0; } - .lg\:bg-yellow-100 { - background-color: #fffff0; + .lg\:hover\:border-gray-600:hover { + border-color: #718096; } - .lg\:bg-yellow-200 { - background-color: #fefcbf; + .lg\:hover\:border-gray-700:hover { + border-color: #4a5568; } - .lg\:bg-yellow-300 { - background-color: #faf089; + .lg\:hover\:border-gray-800:hover { + border-color: #2d3748; } - .lg\:bg-yellow-400 { - background-color: #f6e05e; + .lg\:hover\:border-gray-900:hover { + border-color: #1a202c; } - .lg\:bg-yellow-500 { - background-color: #ecc94b; + .lg\:hover\:border-red-100:hover { + border-color: #fff5f5; } - .lg\:bg-yellow-600 { - background-color: #d69e2e; + .lg\:hover\:border-red-200:hover { + border-color: #fed7d7; } - .lg\:bg-yellow-700 { - background-color: #b7791f; + .lg\:hover\:border-red-300:hover { + border-color: #feb2b2; } - .lg\:bg-yellow-800 { - background-color: #975a16; + .lg\:hover\:border-red-400:hover { + border-color: #fc8181; } - .lg\:bg-yellow-900 { - background-color: #744210; + .lg\:hover\:border-red-500:hover { + border-color: #f56565; } - .lg\:bg-green-100 { - background-color: #f0fff4; + .lg\:hover\:border-red-600:hover { + border-color: #e53e3e; } - .lg\:bg-green-200 { - background-color: #c6f6d5; + .lg\:hover\:border-red-700:hover { + border-color: #c53030; } - .lg\:bg-green-300 { - background-color: #9ae6b4; + .lg\:hover\:border-red-800:hover { + border-color: #9b2c2c; } - .lg\:bg-green-400 { - background-color: #68d391; + .lg\:hover\:border-red-900:hover { + border-color: #742a2a; } - .lg\:bg-green-500 { - background-color: #48bb78; + .lg\:hover\:border-orange-100:hover { + border-color: #fffaf0; } - .lg\:bg-green-600 { - background-color: #38a169; + .lg\:hover\:border-orange-200:hover { + border-color: #feebc8; } - .lg\:bg-green-700 { - background-color: #2f855a; + .lg\:hover\:border-orange-300:hover { + border-color: #fbd38d; } - .lg\:bg-green-800 { - background-color: #276749; + .lg\:hover\:border-orange-400:hover { + border-color: #f6ad55; } - .lg\:bg-green-900 { - background-color: #22543d; + .lg\:hover\:border-orange-500:hover { + border-color: #ed8936; } - .lg\:bg-teal-100 { - background-color: #e6fffa; + .lg\:hover\:border-orange-600:hover { + border-color: #dd6b20; } - .lg\:bg-teal-200 { - background-color: #b2f5ea; + .lg\:hover\:border-orange-700:hover { + border-color: #c05621; } - .lg\:bg-teal-300 { - background-color: #81e6d9; + .lg\:hover\:border-orange-800:hover { + border-color: #9c4221; } - .lg\:bg-teal-400 { - background-color: #4fd1c5; + .lg\:hover\:border-orange-900:hover { + border-color: #7b341e; } - .lg\:bg-teal-500 { - background-color: #38b2ac; + .lg\:hover\:border-yellow-100:hover { + border-color: #fffff0; } - .lg\:bg-teal-600 { - background-color: #319795; + .lg\:hover\:border-yellow-200:hover { + border-color: #fefcbf; } - .lg\:bg-teal-700 { - background-color: #2c7a7b; + .lg\:hover\:border-yellow-300:hover { + border-color: #faf089; } - .lg\:bg-teal-800 { - background-color: #285e61; + .lg\:hover\:border-yellow-400:hover { + border-color: #f6e05e; } - .lg\:bg-teal-900 { - background-color: #234e52; + .lg\:hover\:border-yellow-500:hover { + border-color: #ecc94b; } - .lg\:bg-blue-100 { - background-color: #ebf8ff; + .lg\:hover\:border-yellow-600:hover { + border-color: #d69e2e; } - .lg\:bg-blue-200 { - background-color: #bee3f8; + .lg\:hover\:border-yellow-700:hover { + border-color: #b7791f; } - .lg\:bg-blue-300 { - background-color: #90cdf4; + .lg\:hover\:border-yellow-800:hover { + border-color: #975a16; } - .lg\:bg-blue-400 { - background-color: #63b3ed; + .lg\:hover\:border-yellow-900:hover { + border-color: #744210; } - .lg\:bg-blue-500 { - background-color: #4299e1; + .lg\:hover\:border-green-100:hover { + border-color: #f0fff4; } - .lg\:bg-blue-600 { - background-color: #3182ce; + .lg\:hover\:border-green-200:hover { + border-color: #c6f6d5; } - .lg\:bg-blue-700 { - background-color: #2b6cb0; + .lg\:hover\:border-green-300:hover { + border-color: #9ae6b4; } - .lg\:bg-blue-800 { - background-color: #2c5282; + .lg\:hover\:border-green-400:hover { + border-color: #68d391; } - .lg\:bg-blue-900 { - background-color: #2a4365; + .lg\:hover\:border-green-500:hover { + border-color: #48bb78; } - .lg\:bg-indigo-100 { - background-color: #ebf4ff; + .lg\:hover\:border-green-600:hover { + border-color: #38a169; } - .lg\:bg-indigo-200 { - background-color: #c3dafe; + .lg\:hover\:border-green-700:hover { + border-color: #2f855a; } - .lg\:bg-indigo-300 { - background-color: #a3bffa; + .lg\:hover\:border-green-800:hover { + border-color: #276749; } - .lg\:bg-indigo-400 { - background-color: #7f9cf5; + .lg\:hover\:border-green-900:hover { + border-color: #22543d; } - .lg\:bg-indigo-500 { - background-color: #667eea; + .lg\:hover\:border-teal-100:hover { + border-color: #e6fffa; } - .lg\:bg-indigo-600 { - background-color: #5a67d8; + .lg\:hover\:border-teal-200:hover { + border-color: #b2f5ea; } - .lg\:bg-indigo-700 { - background-color: #4c51bf; + .lg\:hover\:border-teal-300:hover { + border-color: #81e6d9; } - .lg\:bg-indigo-800 { - background-color: #434190; + .lg\:hover\:border-teal-400:hover { + border-color: #4fd1c5; } - .lg\:bg-indigo-900 { - background-color: #3c366b; + .lg\:hover\:border-teal-500:hover { + border-color: #38b2ac; } - .lg\:bg-purple-100 { - background-color: #faf5ff; + .lg\:hover\:border-teal-600:hover { + border-color: #319795; } - .lg\:bg-purple-200 { - background-color: #e9d8fd; + .lg\:hover\:border-teal-700:hover { + border-color: #2c7a7b; } - .lg\:bg-purple-300 { - background-color: #d6bcfa; + .lg\:hover\:border-teal-800:hover { + border-color: #285e61; } - .lg\:bg-purple-400 { - background-color: #b794f4; + .lg\:hover\:border-teal-900:hover { + border-color: #234e52; } - .lg\:bg-purple-500 { - background-color: #9f7aea; + .lg\:hover\:border-blue-100:hover { + border-color: #ebf8ff; } - .lg\:bg-purple-600 { - background-color: #805ad5; + .lg\:hover\:border-blue-200:hover { + border-color: #bee3f8; } - .lg\:bg-purple-700 { - background-color: #6b46c1; + .lg\:hover\:border-blue-300:hover { + border-color: #90cdf4; } - .lg\:bg-purple-800 { - background-color: #553c9a; + .lg\:hover\:border-blue-400:hover { + border-color: #63b3ed; } - .lg\:bg-purple-900 { - background-color: #44337a; + .lg\:hover\:border-blue-500:hover { + border-color: #4299e1; } - .lg\:bg-pink-100 { - background-color: #fff5f7; + .lg\:hover\:border-blue-600:hover { + border-color: #3182ce; } - .lg\:bg-pink-200 { - background-color: #fed7e2; + .lg\:hover\:border-blue-700:hover { + border-color: #2b6cb0; } - .lg\:bg-pink-300 { - background-color: #fbb6ce; + .lg\:hover\:border-blue-800:hover { + border-color: #2c5282; } - .lg\:bg-pink-400 { - background-color: #f687b3; + .lg\:hover\:border-blue-900:hover { + border-color: #2a4365; } - .lg\:bg-pink-500 { - background-color: #ed64a6; + .lg\:hover\:border-indigo-100:hover { + border-color: #ebf4ff; } - .lg\:bg-pink-600 { - background-color: #d53f8c; + .lg\:hover\:border-indigo-200:hover { + border-color: #c3dafe; } - .lg\:bg-pink-700 { - background-color: #b83280; + .lg\:hover\:border-indigo-300:hover { + border-color: #a3bffa; } - .lg\:bg-pink-800 { - background-color: #97266d; + .lg\:hover\:border-indigo-400:hover { + border-color: #7f9cf5; } - .lg\:bg-pink-900 { - background-color: #702459; + .lg\:hover\:border-indigo-500:hover { + border-color: #667eea; } - .lg\:hover\:bg-transparent:hover { - background-color: transparent; + .lg\:hover\:border-indigo-600:hover { + border-color: #5a67d8; } - .lg\:hover\:bg-black:hover { - background-color: #000; + .lg\:hover\:border-indigo-700:hover { + border-color: #4c51bf; } - .lg\:hover\:bg-white:hover { - background-color: #fff; + .lg\:hover\:border-indigo-800:hover { + border-color: #434190; } - .lg\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .lg\:hover\:border-indigo-900:hover { + border-color: #3c366b; } - .lg\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .lg\:hover\:border-purple-100:hover { + border-color: #faf5ff; } - .lg\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .lg\:hover\:border-purple-200:hover { + border-color: #e9d8fd; } - .lg\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .lg\:hover\:border-purple-300:hover { + border-color: #d6bcfa; } - .lg\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .lg\:hover\:border-purple-400:hover { + border-color: #b794f4; } - .lg\:hover\:bg-gray-600:hover { - background-color: #718096; + .lg\:hover\:border-purple-500:hover { + border-color: #9f7aea; } - .lg\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .lg\:hover\:border-purple-600:hover { + border-color: #805ad5; } - .lg\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .lg\:hover\:border-purple-700:hover { + border-color: #6b46c1; } - .lg\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .lg\:hover\:border-purple-800:hover { + border-color: #553c9a; } - .lg\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .lg\:hover\:border-purple-900:hover { + border-color: #44337a; } - .lg\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .lg\:hover\:border-pink-100:hover { + border-color: #fff5f7; } - .lg\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .lg\:hover\:border-pink-200:hover { + border-color: #fed7e2; } - .lg\:hover\:bg-red-400:hover { - background-color: #fc8181; + .lg\:hover\:border-pink-300:hover { + border-color: #fbb6ce; } - .lg\:hover\:bg-red-500:hover { - background-color: #f56565; + .lg\:hover\:border-pink-400:hover { + border-color: #f687b3; } - .lg\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .lg\:hover\:border-pink-500:hover { + border-color: #ed64a6; } - .lg\:hover\:bg-red-700:hover { - background-color: #c53030; + .lg\:hover\:border-pink-600:hover { + border-color: #d53f8c; } - .lg\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .lg\:hover\:border-pink-700:hover { + border-color: #b83280; } - .lg\:hover\:bg-red-900:hover { - background-color: #742a2a; + .lg\:hover\:border-pink-800:hover { + border-color: #97266d; } - .lg\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .lg\:hover\:border-pink-900:hover { + border-color: #702459; } - .lg\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .lg\:focus\:border-transparent:focus { + border-color: transparent; } - .lg\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .lg\:focus\:border-black:focus { + border-color: #000; } - .lg\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .lg\:focus\:border-white:focus { + border-color: #fff; } - .lg\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .lg\:focus\:border-gray-100:focus { + border-color: #f7fafc; } - .lg\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .lg\:focus\:border-gray-200:focus { + border-color: #edf2f7; } - .lg\:hover\:bg-orange-700:hover { - background-color: #c05621; + .lg\:focus\:border-gray-300:focus { + border-color: #e2e8f0; } - .lg\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .lg\:focus\:border-gray-400:focus { + border-color: #cbd5e0; } - .lg\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .lg\:focus\:border-gray-500:focus { + border-color: #a0aec0; } - .lg\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .lg\:focus\:border-gray-600:focus { + border-color: #718096; } - .lg\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .lg\:focus\:border-gray-700:focus { + border-color: #4a5568; } - .lg\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .lg\:focus\:border-gray-800:focus { + border-color: #2d3748; } - .lg\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .lg\:focus\:border-gray-900:focus { + border-color: #1a202c; } - .lg\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .lg\:focus\:border-red-100:focus { + border-color: #fff5f5; } - .lg\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .lg\:focus\:border-red-200:focus { + border-color: #fed7d7; } - .lg\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .lg\:focus\:border-red-300:focus { + border-color: #feb2b2; } - .lg\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .lg\:focus\:border-red-400:focus { + border-color: #fc8181; } - .lg\:hover\:bg-yellow-900:hover { - background-color: #744210; + .lg\:focus\:border-red-500:focus { + border-color: #f56565; } - .lg\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .lg\:focus\:border-red-600:focus { + border-color: #e53e3e; } - .lg\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .lg\:focus\:border-red-700:focus { + border-color: #c53030; } - .lg\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .lg\:focus\:border-red-800:focus { + border-color: #9b2c2c; } - .lg\:hover\:bg-green-400:hover { - background-color: #68d391; + .lg\:focus\:border-red-900:focus { + border-color: #742a2a; } - .lg\:hover\:bg-green-500:hover { - background-color: #48bb78; + .lg\:focus\:border-orange-100:focus { + border-color: #fffaf0; } - .lg\:hover\:bg-green-600:hover { - background-color: #38a169; + .lg\:focus\:border-orange-200:focus { + border-color: #feebc8; } - .lg\:hover\:bg-green-700:hover { - background-color: #2f855a; + .lg\:focus\:border-orange-300:focus { + border-color: #fbd38d; } - .lg\:hover\:bg-green-800:hover { - background-color: #276749; + .lg\:focus\:border-orange-400:focus { + border-color: #f6ad55; } - .lg\:hover\:bg-green-900:hover { - background-color: #22543d; + .lg\:focus\:border-orange-500:focus { + border-color: #ed8936; } - .lg\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .lg\:focus\:border-orange-600:focus { + border-color: #dd6b20; } - .lg\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .lg\:focus\:border-orange-700:focus { + border-color: #c05621; } - .lg\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .lg\:focus\:border-orange-800:focus { + border-color: #9c4221; } - .lg\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .lg\:focus\:border-orange-900:focus { + border-color: #7b341e; } - .lg\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .lg\:focus\:border-yellow-100:focus { + border-color: #fffff0; } - .lg\:hover\:bg-teal-600:hover { - background-color: #319795; + .lg\:focus\:border-yellow-200:focus { + border-color: #fefcbf; } - .lg\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .lg\:focus\:border-yellow-300:focus { + border-color: #faf089; } - .lg\:hover\:bg-teal-800:hover { - background-color: #285e61; + .lg\:focus\:border-yellow-400:focus { + border-color: #f6e05e; } - .lg\:hover\:bg-teal-900:hover { - background-color: #234e52; + .lg\:focus\:border-yellow-500:focus { + border-color: #ecc94b; } - .lg\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .lg\:focus\:border-yellow-600:focus { + border-color: #d69e2e; } - .lg\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .lg\:focus\:border-yellow-700:focus { + border-color: #b7791f; } - .lg\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .lg\:focus\:border-yellow-800:focus { + border-color: #975a16; } - .lg\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .lg\:focus\:border-yellow-900:focus { + border-color: #744210; } - .lg\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .lg\:focus\:border-green-100:focus { + border-color: #f0fff4; } - .lg\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .lg\:focus\:border-green-200:focus { + border-color: #c6f6d5; } - .lg\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .lg\:focus\:border-green-300:focus { + border-color: #9ae6b4; } - .lg\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .lg\:focus\:border-green-400:focus { + border-color: #68d391; } - .lg\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .lg\:focus\:border-green-500:focus { + border-color: #48bb78; } - .lg\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .lg\:focus\:border-green-600:focus { + border-color: #38a169; } - .lg\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .lg\:focus\:border-green-700:focus { + border-color: #2f855a; } - .lg\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .lg\:focus\:border-green-800:focus { + border-color: #276749; } - .lg\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .lg\:focus\:border-green-900:focus { + border-color: #22543d; } - .lg\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .lg\:focus\:border-teal-100:focus { + border-color: #e6fffa; } - .lg\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .lg\:focus\:border-teal-200:focus { + border-color: #b2f5ea; } - .lg\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .lg\:focus\:border-teal-300:focus { + border-color: #81e6d9; } - .lg\:hover\:bg-indigo-800:hover { - background-color: #434190; + .lg\:focus\:border-teal-400:focus { + border-color: #4fd1c5; } - .lg\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .lg\:focus\:border-teal-500:focus { + border-color: #38b2ac; } - .lg\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .lg\:focus\:border-teal-600:focus { + border-color: #319795; } - .lg\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .lg\:focus\:border-teal-700:focus { + border-color: #2c7a7b; } - .lg\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .lg\:focus\:border-teal-800:focus { + border-color: #285e61; } - .lg\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .lg\:focus\:border-teal-900:focus { + border-color: #234e52; } - .lg\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .lg\:focus\:border-blue-100:focus { + border-color: #ebf8ff; } - .lg\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .lg\:focus\:border-blue-200:focus { + border-color: #bee3f8; } - .lg\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .lg\:focus\:border-blue-300:focus { + border-color: #90cdf4; } - .lg\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .lg\:focus\:border-blue-400:focus { + border-color: #63b3ed; } - .lg\:hover\:bg-purple-900:hover { - background-color: #44337a; + .lg\:focus\:border-blue-500:focus { + border-color: #4299e1; } - .lg\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .lg\:focus\:border-blue-600:focus { + border-color: #3182ce; } - .lg\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .lg\:focus\:border-blue-700:focus { + border-color: #2b6cb0; } - .lg\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .lg\:focus\:border-blue-800:focus { + border-color: #2c5282; } - .lg\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .lg\:focus\:border-blue-900:focus { + border-color: #2a4365; } - .lg\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .lg\:focus\:border-indigo-100:focus { + border-color: #ebf4ff; } - .lg\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .lg\:focus\:border-indigo-200:focus { + border-color: #c3dafe; } - .lg\:hover\:bg-pink-700:hover { - background-color: #b83280; + .lg\:focus\:border-indigo-300:focus { + border-color: #a3bffa; } - .lg\:hover\:bg-pink-800:hover { - background-color: #97266d; + .lg\:focus\:border-indigo-400:focus { + border-color: #7f9cf5; } - .lg\:hover\:bg-pink-900:hover { - background-color: #702459; + .lg\:focus\:border-indigo-500:focus { + border-color: #667eea; } - .lg\:focus\:bg-transparent:focus { - background-color: transparent; + .lg\:focus\:border-indigo-600:focus { + border-color: #5a67d8; } - .lg\:focus\:bg-black:focus { - background-color: #000; + .lg\:focus\:border-indigo-700:focus { + border-color: #4c51bf; } - .lg\:focus\:bg-white:focus { - background-color: #fff; + .lg\:focus\:border-indigo-800:focus { + border-color: #434190; } - .lg\:focus\:bg-gray-100:focus { - background-color: #f7fafc; + .lg\:focus\:border-indigo-900:focus { + border-color: #3c366b; } - .lg\:focus\:bg-gray-200:focus { - background-color: #edf2f7; + .lg\:focus\:border-purple-100:focus { + border-color: #faf5ff; } - .lg\:focus\:bg-gray-300:focus { - background-color: #e2e8f0; + .lg\:focus\:border-purple-200:focus { + border-color: #e9d8fd; } - .lg\:focus\:bg-gray-400:focus { - background-color: #cbd5e0; + .lg\:focus\:border-purple-300:focus { + border-color: #d6bcfa; } - .lg\:focus\:bg-gray-500:focus { - background-color: #a0aec0; + .lg\:focus\:border-purple-400:focus { + border-color: #b794f4; } - .lg\:focus\:bg-gray-600:focus { - background-color: #718096; + .lg\:focus\:border-purple-500:focus { + border-color: #9f7aea; } - .lg\:focus\:bg-gray-700:focus { - background-color: #4a5568; + .lg\:focus\:border-purple-600:focus { + border-color: #805ad5; } - .lg\:focus\:bg-gray-800:focus { - background-color: #2d3748; + .lg\:focus\:border-purple-700:focus { + border-color: #6b46c1; } - .lg\:focus\:bg-gray-900:focus { - background-color: #1a202c; + .lg\:focus\:border-purple-800:focus { + border-color: #553c9a; } - .lg\:focus\:bg-red-100:focus { - background-color: #fff5f5; + .lg\:focus\:border-purple-900:focus { + border-color: #44337a; } - .lg\:focus\:bg-red-200:focus { - background-color: #fed7d7; + .lg\:focus\:border-pink-100:focus { + border-color: #fff5f7; } - .lg\:focus\:bg-red-300:focus { - background-color: #feb2b2; + .lg\:focus\:border-pink-200:focus { + border-color: #fed7e2; } - .lg\:focus\:bg-red-400:focus { - background-color: #fc8181; + .lg\:focus\:border-pink-300:focus { + border-color: #fbb6ce; } - .lg\:focus\:bg-red-500:focus { - background-color: #f56565; + .lg\:focus\:border-pink-400:focus { + border-color: #f687b3; } - .lg\:focus\:bg-red-600:focus { - background-color: #e53e3e; + .lg\:focus\:border-pink-500:focus { + border-color: #ed64a6; } - .lg\:focus\:bg-red-700:focus { - background-color: #c53030; + .lg\:focus\:border-pink-600:focus { + border-color: #d53f8c; } - .lg\:focus\:bg-red-800:focus { - background-color: #9b2c2c; + .lg\:focus\:border-pink-700:focus { + border-color: #b83280; } - .lg\:focus\:bg-red-900:focus { - background-color: #742a2a; + .lg\:focus\:border-pink-800:focus { + border-color: #97266d; } - .lg\:focus\:bg-orange-100:focus { - background-color: #fffaf0; + .lg\:focus\:border-pink-900:focus { + border-color: #702459; } - .lg\:focus\:bg-orange-200:focus { - background-color: #feebc8; + .lg\:rounded-none { + border-radius: 0; } - .lg\:focus\:bg-orange-300:focus { - background-color: #fbd38d; + .lg\:rounded-sm { + border-radius: 0.125rem; } - .lg\:focus\:bg-orange-400:focus { - background-color: #f6ad55; + .lg\:rounded { + border-radius: 0.25rem; } - .lg\:focus\:bg-orange-500:focus { - background-color: #ed8936; + .lg\:rounded-lg { + border-radius: 0.5rem; } - .lg\:focus\:bg-orange-600:focus { - background-color: #dd6b20; + .lg\:rounded-full { + border-radius: 9999px; } - .lg\:focus\:bg-orange-700:focus { - background-color: #c05621; + .lg\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .lg\:focus\:bg-orange-800:focus { - background-color: #9c4221; + .lg\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .lg\:focus\:bg-orange-900:focus { - background-color: #7b341e; + .lg\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .lg\:focus\:bg-yellow-100:focus { - background-color: #fffff0; + .lg\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .lg\:focus\:bg-yellow-200:focus { - background-color: #fefcbf; + .lg\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .lg\:focus\:bg-yellow-300:focus { - background-color: #faf089; + .lg\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .lg\:focus\:bg-yellow-400:focus { - background-color: #f6e05e; + .lg\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:focus\:bg-yellow-500:focus { - background-color: #ecc94b; + .lg\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .lg\:focus\:bg-yellow-600:focus { - background-color: #d69e2e; + .lg\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .lg\:focus\:bg-yellow-700:focus { - background-color: #b7791f; + .lg\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .lg\:focus\:bg-yellow-800:focus { - background-color: #975a16; + .lg\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:focus\:bg-yellow-900:focus { - background-color: #744210; + .lg\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .lg\:focus\:bg-green-100:focus { - background-color: #f0fff4; + .lg\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .lg\:focus\:bg-green-200:focus { - background-color: #c6f6d5; + .lg\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .lg\:focus\:bg-green-300:focus { - background-color: #9ae6b4; + .lg\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:focus\:bg-green-400:focus { - background-color: #68d391; + .lg\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .lg\:focus\:bg-green-500:focus { - background-color: #48bb78; + .lg\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .lg\:focus\:bg-green-600:focus { - background-color: #38a169; + .lg\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .lg\:focus\:bg-green-700:focus { - background-color: #2f855a; + .lg\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:focus\:bg-green-800:focus { - background-color: #276749; + .lg\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .lg\:focus\:bg-green-900:focus { - background-color: #22543d; + .lg\:rounded-tl-none { + border-top-left-radius: 0; } - .lg\:focus\:bg-teal-100:focus { - background-color: #e6fffa; + .lg\:rounded-tr-none { + border-top-right-radius: 0; } - .lg\:focus\:bg-teal-200:focus { - background-color: #b2f5ea; + .lg\:rounded-br-none { + border-bottom-right-radius: 0; } - .lg\:focus\:bg-teal-300:focus { - background-color: #81e6d9; + .lg\:rounded-bl-none { + border-bottom-left-radius: 0; } - .lg\:focus\:bg-teal-400:focus { - background-color: #4fd1c5; + .lg\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .lg\:focus\:bg-teal-500:focus { - background-color: #38b2ac; + .lg\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .lg\:focus\:bg-teal-600:focus { - background-color: #319795; + .lg\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .lg\:focus\:bg-teal-700:focus { - background-color: #2c7a7b; + .lg\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .lg\:focus\:bg-teal-800:focus { - background-color: #285e61; + .lg\:rounded-tl { + border-top-left-radius: 0.25rem; } - .lg\:focus\:bg-teal-900:focus { - background-color: #234e52; + .lg\:rounded-tr { + border-top-right-radius: 0.25rem; } - .lg\:focus\:bg-blue-100:focus { - background-color: #ebf8ff; + .lg\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .lg\:focus\:bg-blue-200:focus { - background-color: #bee3f8; + .lg\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .lg\:focus\:bg-blue-300:focus { - background-color: #90cdf4; + .lg\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .lg\:focus\:bg-blue-400:focus { - background-color: #63b3ed; + .lg\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .lg\:focus\:bg-blue-500:focus { - background-color: #4299e1; + .lg\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .lg\:focus\:bg-blue-600:focus { - background-color: #3182ce; + .lg\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .lg\:focus\:bg-blue-700:focus { - background-color: #2b6cb0; + .lg\:rounded-tl-full { + border-top-left-radius: 9999px; } - .lg\:focus\:bg-blue-800:focus { - background-color: #2c5282; + .lg\:rounded-tr-full { + border-top-right-radius: 9999px; } - .lg\:focus\:bg-blue-900:focus { - background-color: #2a4365; + .lg\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .lg\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff; + .lg\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .lg\:focus\:bg-indigo-200:focus { - background-color: #c3dafe; + .lg\:border-solid { + border-style: solid; } - .lg\:focus\:bg-indigo-300:focus { - background-color: #a3bffa; + .lg\:border-dashed { + border-style: dashed; } - .lg\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5; + .lg\:border-dotted { + border-style: dotted; } - .lg\:focus\:bg-indigo-500:focus { - background-color: #667eea; + .lg\:border-double { + border-style: double; } - .lg\:focus\:bg-indigo-600:focus { - background-color: #5a67d8; + .lg\:border-none { + border-style: none; } - .lg\:focus\:bg-indigo-700:focus { - background-color: #4c51bf; + .lg\:border-0 { + border-width: 0; } - .lg\:focus\:bg-indigo-800:focus { - background-color: #434190; + .lg\:border-2 { + border-width: 2px; } - .lg\:focus\:bg-indigo-900:focus { - background-color: #3c366b; + .lg\:border-4 { + border-width: 4px; } - .lg\:focus\:bg-purple-100:focus { - background-color: #faf5ff; + .lg\:border-8 { + border-width: 8px; } - .lg\:focus\:bg-purple-200:focus { - background-color: #e9d8fd; + .lg\:border { + border-width: 1px; } - .lg\:focus\:bg-purple-300:focus { - background-color: #d6bcfa; + .lg\:border-t-0 { + border-top-width: 0; } - .lg\:focus\:bg-purple-400:focus { - background-color: #b794f4; + .lg\:border-r-0 { + border-right-width: 0; } - .lg\:focus\:bg-purple-500:focus { - background-color: #9f7aea; + .lg\:border-b-0 { + border-bottom-width: 0; } - .lg\:focus\:bg-purple-600:focus { - background-color: #805ad5; + .lg\:border-l-0 { + border-left-width: 0; } - .lg\:focus\:bg-purple-700:focus { - background-color: #6b46c1; + .lg\:border-t-2 { + border-top-width: 2px; } - .lg\:focus\:bg-purple-800:focus { - background-color: #553c9a; + .lg\:border-r-2 { + border-right-width: 2px; } - .lg\:focus\:bg-purple-900:focus { - background-color: #44337a; + .lg\:border-b-2 { + border-bottom-width: 2px; } - .lg\:focus\:bg-pink-100:focus { - background-color: #fff5f7; + .lg\:border-l-2 { + border-left-width: 2px; } - .lg\:focus\:bg-pink-200:focus { - background-color: #fed7e2; + .lg\:border-t-4 { + border-top-width: 4px; } - .lg\:focus\:bg-pink-300:focus { - background-color: #fbb6ce; + .lg\:border-r-4 { + border-right-width: 4px; } - .lg\:focus\:bg-pink-400:focus { - background-color: #f687b3; + .lg\:border-b-4 { + border-bottom-width: 4px; } - .lg\:focus\:bg-pink-500:focus { - background-color: #ed64a6; + .lg\:border-l-4 { + border-left-width: 4px; } - .lg\:focus\:bg-pink-600:focus { - background-color: #d53f8c; + .lg\:border-t-8 { + border-top-width: 8px; } - .lg\:focus\:bg-pink-700:focus { - background-color: #b83280; + .lg\:border-r-8 { + border-right-width: 8px; } - .lg\:focus\:bg-pink-800:focus { - background-color: #97266d; + .lg\:border-b-8 { + border-bottom-width: 8px; } - .lg\:focus\:bg-pink-900:focus { - background-color: #702459; + .lg\:border-l-8 { + border-left-width: 8px; } - .lg\:bg-bottom { - background-position: bottom; + .lg\:border-t { + border-top-width: 1px; } - .lg\:bg-center { - background-position: center; + .lg\:border-r { + border-right-width: 1px; } - .lg\:bg-left { - background-position: left; + .lg\:border-b { + border-bottom-width: 1px; } - .lg\:bg-left-bottom { - background-position: left bottom; + .lg\:border-l { + border-left-width: 1px; } - .lg\:bg-left-top { - background-position: left top; + .lg\:cursor-auto { + cursor: auto; } - .lg\:bg-right { - background-position: right; + .lg\:cursor-default { + cursor: default; } - .lg\:bg-right-bottom { - background-position: right bottom; + .lg\:cursor-pointer { + cursor: pointer; } - .lg\:bg-right-top { - background-position: right top; + .lg\:cursor-wait { + cursor: wait; } - .lg\:bg-top { - background-position: top; + .lg\:cursor-text { + cursor: text; } - .lg\:bg-repeat { - background-repeat: repeat; + .lg\:cursor-move { + cursor: move; } - .lg\:bg-no-repeat { - background-repeat: no-repeat; + .lg\:cursor-not-allowed { + cursor: not-allowed; } - .lg\:bg-repeat-x { - background-repeat: repeat-x; + .lg\:block { + display: block; } - .lg\:bg-repeat-y { - background-repeat: repeat-y; + .lg\:inline-block { + display: inline-block; } - .lg\:bg-repeat-round { - background-repeat: round; + .lg\:inline { + display: inline; } - .lg\:bg-repeat-space { - background-repeat: space; + .lg\:flex { + display: flex; } - .lg\:bg-auto { - background-size: auto; + .lg\:inline-flex { + display: inline-flex; } - .lg\:bg-cover { - background-size: cover; + .lg\:table { + display: table; } - .lg\:bg-contain { - background-size: contain; + .lg\:table-row { + display: table-row; } - .lg\:border-collapse { - border-collapse: collapse; + .lg\:table-cell { + display: table-cell; } - .lg\:border-separate { - border-collapse: separate; + .lg\:hidden { + display: none; } - .lg\:border-transparent { - border-color: transparent; + .lg\:flex-row { + flex-direction: row; } - .lg\:border-black { - border-color: #000; + .lg\:flex-row-reverse { + flex-direction: row-reverse; } - .lg\:border-white { - border-color: #fff; + .lg\:flex-col { + flex-direction: column; } - .lg\:border-gray-100 { - border-color: #f7fafc; + .lg\:flex-col-reverse { + flex-direction: column-reverse; } - .lg\:border-gray-200 { - border-color: #edf2f7; + .lg\:flex-wrap { + flex-wrap: wrap; } - .lg\:border-gray-300 { - border-color: #e2e8f0; + .lg\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .lg\:border-gray-400 { - border-color: #cbd5e0; + .lg\:flex-no-wrap { + flex-wrap: nowrap; } - .lg\:border-gray-500 { - border-color: #a0aec0; + .lg\:items-start { + align-items: flex-start; } - .lg\:border-gray-600 { - border-color: #718096; + .lg\:items-end { + align-items: flex-end; } - .lg\:border-gray-700 { - border-color: #4a5568; + .lg\:items-center { + align-items: center; } - .lg\:border-gray-800 { - border-color: #2d3748; + .lg\:items-baseline { + align-items: baseline; } - .lg\:border-gray-900 { - border-color: #1a202c; + .lg\:items-stretch { + align-items: stretch; } - .lg\:border-red-100 { - border-color: #fff5f5; + .lg\:self-auto { + align-self: auto; } - .lg\:border-red-200 { - border-color: #fed7d7; + .lg\:self-start { + align-self: flex-start; } - .lg\:border-red-300 { - border-color: #feb2b2; + .lg\:self-end { + align-self: flex-end; } - .lg\:border-red-400 { - border-color: #fc8181; + .lg\:self-center { + align-self: center; } - .lg\:border-red-500 { - border-color: #f56565; + .lg\:self-stretch { + align-self: stretch; } - .lg\:border-red-600 { - border-color: #e53e3e; + .lg\:justify-start { + justify-content: flex-start; } - .lg\:border-red-700 { - border-color: #c53030; + .lg\:justify-end { + justify-content: flex-end; } - .lg\:border-red-800 { - border-color: #9b2c2c; + .lg\:justify-center { + justify-content: center; } - .lg\:border-red-900 { - border-color: #742a2a; + .lg\:justify-between { + justify-content: space-between; } - .lg\:border-orange-100 { - border-color: #fffaf0; + .lg\:justify-around { + justify-content: space-around; } - .lg\:border-orange-200 { - border-color: #feebc8; + .lg\:content-center { + align-content: center; } - .lg\:border-orange-300 { - border-color: #fbd38d; + .lg\:content-start { + align-content: flex-start; } - .lg\:border-orange-400 { - border-color: #f6ad55; + .lg\:content-end { + align-content: flex-end; } - .lg\:border-orange-500 { - border-color: #ed8936; + .lg\:content-between { + align-content: space-between; } - .lg\:border-orange-600 { - border-color: #dd6b20; + .lg\:content-around { + align-content: space-around; } - .lg\:border-orange-700 { - border-color: #c05621; + .lg\:flex-1 { + flex: 1 1 0%; } - .lg\:border-orange-800 { - border-color: #9c4221; + .lg\:flex-auto { + flex: 1 1 auto; } - .lg\:border-orange-900 { - border-color: #7b341e; + .lg\:flex-initial { + flex: 0 1 auto; } - .lg\:border-yellow-100 { - border-color: #fffff0; + .lg\:flex-none { + flex: none; } - .lg\:border-yellow-200 { - border-color: #fefcbf; + .lg\:flex-grow-0 { + flex-grow: 0; } - .lg\:border-yellow-300 { - border-color: #faf089; + .lg\:flex-grow { + flex-grow: 1; } - .lg\:border-yellow-400 { - border-color: #f6e05e; + .lg\:flex-shrink-0 { + flex-shrink: 0; } - .lg\:border-yellow-500 { - border-color: #ecc94b; + .lg\:flex-shrink { + flex-shrink: 1; } - .lg\:border-yellow-600 { - border-color: #d69e2e; + .lg\:order-1 { + order: 1; } - .lg\:border-yellow-700 { - border-color: #b7791f; + .lg\:order-2 { + order: 2; } - .lg\:border-yellow-800 { - border-color: #975a16; + .lg\:order-3 { + order: 3; } - .lg\:border-yellow-900 { - border-color: #744210; + .lg\:order-4 { + order: 4; } - .lg\:border-green-100 { - border-color: #f0fff4; + .lg\:order-5 { + order: 5; } - .lg\:border-green-200 { - border-color: #c6f6d5; + .lg\:order-6 { + order: 6; } - .lg\:border-green-300 { - border-color: #9ae6b4; + .lg\:order-7 { + order: 7; } - .lg\:border-green-400 { - border-color: #68d391; + .lg\:order-8 { + order: 8; } - .lg\:border-green-500 { - border-color: #48bb78; + .lg\:order-9 { + order: 9; } - .lg\:border-green-600 { - border-color: #38a169; + .lg\:order-10 { + order: 10; } - .lg\:border-green-700 { - border-color: #2f855a; + .lg\:order-11 { + order: 11; } - .lg\:border-green-800 { - border-color: #276749; + .lg\:order-12 { + order: 12; } - .lg\:border-green-900 { - border-color: #22543d; + .lg\:order-first { + order: -9999; } - .lg\:border-teal-100 { - border-color: #e6fffa; + .lg\:order-last { + order: 9999; } - .lg\:border-teal-200 { - border-color: #b2f5ea; + .lg\:order-none { + order: 0; } - .lg\:border-teal-300 { - border-color: #81e6d9; + .lg\:float-right { + float: right; } - .lg\:border-teal-400 { - border-color: #4fd1c5; + .lg\:float-left { + float: left; } - .lg\:border-teal-500 { - border-color: #38b2ac; + .lg\:float-none { + float: none; } - .lg\:border-teal-600 { - border-color: #319795; + .lg\:clearfix:after { + content: ""; + display: table; + clear: both; } - .lg\:border-teal-700 { - border-color: #2c7a7b; + .lg\:font-sans { + font-family: -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"; } - .lg\:border-teal-800 { - border-color: #285e61; + .lg\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .lg\:border-teal-900 { - border-color: #234e52; + .lg\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .lg\:border-blue-100 { - border-color: #ebf8ff; + .lg\:font-hairline { + font-weight: 100; } - .lg\:border-blue-200 { - border-color: #bee3f8; + .lg\:font-thin { + font-weight: 200; } - .lg\:border-blue-300 { - border-color: #90cdf4; + .lg\:font-light { + font-weight: 300; } - .lg\:border-blue-400 { - border-color: #63b3ed; + .lg\:font-normal { + font-weight: 400; } - .lg\:border-blue-500 { - border-color: #4299e1; + .lg\:font-medium { + font-weight: 500; } - .lg\:border-blue-600 { - border-color: #3182ce; + .lg\:font-semibold { + font-weight: 600; } - .lg\:border-blue-700 { - border-color: #2b6cb0; + .lg\:font-bold { + font-weight: 700; } - .lg\:border-blue-800 { - border-color: #2c5282; + .lg\:font-extrabold { + font-weight: 800; } - .lg\:border-blue-900 { - border-color: #2a4365; + .lg\:font-black { + font-weight: 900; } - .lg\:border-indigo-100 { - border-color: #ebf4ff; + .lg\:hover\:font-hairline:hover { + font-weight: 100; } - .lg\:border-indigo-200 { - border-color: #c3dafe; + .lg\:hover\:font-thin:hover { + font-weight: 200; } - .lg\:border-indigo-300 { - border-color: #a3bffa; + .lg\:hover\:font-light:hover { + font-weight: 300; } - .lg\:border-indigo-400 { - border-color: #7f9cf5; + .lg\:hover\:font-normal:hover { + font-weight: 400; } - .lg\:border-indigo-500 { - border-color: #667eea; + .lg\:hover\:font-medium:hover { + font-weight: 500; } - .lg\:border-indigo-600 { - border-color: #5a67d8; + .lg\:hover\:font-semibold:hover { + font-weight: 600; } - .lg\:border-indigo-700 { - border-color: #4c51bf; + .lg\:hover\:font-bold:hover { + font-weight: 700; } - .lg\:border-indigo-800 { - border-color: #434190; + .lg\:hover\:font-extrabold:hover { + font-weight: 800; } - .lg\:border-indigo-900 { - border-color: #3c366b; + .lg\:hover\:font-black:hover { + font-weight: 900; } - .lg\:border-purple-100 { - border-color: #faf5ff; + .lg\:focus\:font-hairline:focus { + font-weight: 100; } - .lg\:border-purple-200 { - border-color: #e9d8fd; + .lg\:focus\:font-thin:focus { + font-weight: 200; } - .lg\:border-purple-300 { - border-color: #d6bcfa; + .lg\:focus\:font-light:focus { + font-weight: 300; } - .lg\:border-purple-400 { - border-color: #b794f4; + .lg\:focus\:font-normal:focus { + font-weight: 400; } - .lg\:border-purple-500 { - border-color: #9f7aea; + .lg\:focus\:font-medium:focus { + font-weight: 500; } - .lg\:border-purple-600 { - border-color: #805ad5; + .lg\:focus\:font-semibold:focus { + font-weight: 600; } - .lg\:border-purple-700 { - border-color: #6b46c1; + .lg\:focus\:font-bold:focus { + font-weight: 700; } - .lg\:border-purple-800 { - border-color: #553c9a; + .lg\:focus\:font-extrabold:focus { + font-weight: 800; } - .lg\:border-purple-900 { - border-color: #44337a; + .lg\:focus\:font-black:focus { + font-weight: 900; } - .lg\:border-pink-100 { - border-color: #fff5f7; + .lg\:h-0 { + height: 0; } - .lg\:border-pink-200 { - border-color: #fed7e2; + .lg\:h-1 { + height: 0.25rem; } - .lg\:border-pink-300 { - border-color: #fbb6ce; + .lg\:h-2 { + height: 0.5rem; } - .lg\:border-pink-400 { - border-color: #f687b3; + .lg\:h-3 { + height: 0.75rem; } - .lg\:border-pink-500 { - border-color: #ed64a6; + .lg\:h-4 { + height: 1rem; } - .lg\:border-pink-600 { - border-color: #d53f8c; + .lg\:h-5 { + height: 1.25rem; } - .lg\:border-pink-700 { - border-color: #b83280; + .lg\:h-6 { + height: 1.5rem; } - .lg\:border-pink-800 { - border-color: #97266d; + .lg\:h-8 { + height: 2rem; } - .lg\:border-pink-900 { - border-color: #702459; + .lg\:h-10 { + height: 2.5rem; } - .lg\:hover\:border-transparent:hover { - border-color: transparent; + .lg\:h-12 { + height: 3rem; } - .lg\:hover\:border-black:hover { - border-color: #000; + .lg\:h-16 { + height: 4rem; } - .lg\:hover\:border-white:hover { - border-color: #fff; + .lg\:h-20 { + height: 5rem; } - .lg\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .lg\:h-24 { + height: 6rem; } - .lg\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .lg\:h-32 { + height: 8rem; } - .lg\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .lg\:h-40 { + height: 10rem; } - .lg\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .lg\:h-48 { + height: 12rem; } - .lg\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .lg\:h-56 { + height: 14rem; } - .lg\:hover\:border-gray-600:hover { - border-color: #718096; + .lg\:h-64 { + height: 16rem; } - .lg\:hover\:border-gray-700:hover { - border-color: #4a5568; + .lg\:h-auto { + height: auto; } - .lg\:hover\:border-gray-800:hover { - border-color: #2d3748; + .lg\:h-px { + height: 1px; } - .lg\:hover\:border-gray-900:hover { - border-color: #1a202c; + .lg\:h-full { + height: 100%; } - .lg\:hover\:border-red-100:hover { - border-color: #fff5f5; + .lg\:h-screen { + height: 100vh; } - .lg\:hover\:border-red-200:hover { - border-color: #fed7d7; + .lg\:leading-none { + line-height: 1; } - .lg\:hover\:border-red-300:hover { - border-color: #feb2b2; + .lg\:leading-tight { + line-height: 1.25; } - .lg\:hover\:border-red-400:hover { - border-color: #fc8181; + .lg\:leading-snug { + line-height: 1.375; } - .lg\:hover\:border-red-500:hover { - border-color: #f56565; + .lg\:leading-normal { + line-height: 1.5; } - .lg\:hover\:border-red-600:hover { - border-color: #e53e3e; + .lg\:leading-relaxed { + line-height: 1.625; } - .lg\:hover\:border-red-700:hover { - border-color: #c53030; + .lg\:leading-loose { + line-height: 2; } - .lg\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .lg\:list-inside { + list-style-position: inside; } - .lg\:hover\:border-red-900:hover { - border-color: #742a2a; + .lg\:list-outside { + list-style-position: outside; } - .lg\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .lg\:list-none { + list-style-type: none; } - .lg\:hover\:border-orange-200:hover { - border-color: #feebc8; + .lg\:list-disc { + list-style-type: disc; } - .lg\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .lg\:list-decimal { + list-style-type: decimal; } - .lg\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .lg\:m-0 { + margin: 0; } - .lg\:hover\:border-orange-500:hover { - border-color: #ed8936; + .lg\:m-1 { + margin: 0.25rem; } - .lg\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .lg\:m-2 { + margin: 0.5rem; } - .lg\:hover\:border-orange-700:hover { - border-color: #c05621; + .lg\:m-3 { + margin: 0.75rem; } - .lg\:hover\:border-orange-800:hover { - border-color: #9c4221; + .lg\:m-4 { + margin: 1rem; } - .lg\:hover\:border-orange-900:hover { - border-color: #7b341e; + .lg\:m-5 { + margin: 1.25rem; } - .lg\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .lg\:m-6 { + margin: 1.5rem; } - .lg\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .lg\:m-8 { + margin: 2rem; } - .lg\:hover\:border-yellow-300:hover { - border-color: #faf089; + .lg\:m-10 { + margin: 2.5rem; } - .lg\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .lg\:m-12 { + margin: 3rem; } - .lg\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .lg\:m-16 { + margin: 4rem; } - .lg\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .lg\:m-20 { + margin: 5rem; } - .lg\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .lg\:m-24 { + margin: 6rem; } - .lg\:hover\:border-yellow-800:hover { - border-color: #975a16; + .lg\:m-32 { + margin: 8rem; } - .lg\:hover\:border-yellow-900:hover { - border-color: #744210; + .lg\:m-40 { + margin: 10rem; } - .lg\:hover\:border-green-100:hover { - border-color: #f0fff4; + .lg\:m-48 { + margin: 12rem; } - .lg\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .lg\:m-56 { + margin: 14rem; } - .lg\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .lg\:m-64 { + margin: 16rem; } - .lg\:hover\:border-green-400:hover { - border-color: #68d391; + .lg\:m-auto { + margin: auto; } - .lg\:hover\:border-green-500:hover { - border-color: #48bb78; + .lg\:m-px { + margin: 1px; } - .lg\:hover\:border-green-600:hover { - border-color: #38a169; + .lg\:-m-1 { + margin: -0.25rem; } - .lg\:hover\:border-green-700:hover { - border-color: #2f855a; + .lg\:-m-2 { + margin: -0.5rem; } - .lg\:hover\:border-green-800:hover { - border-color: #276749; + .lg\:-m-3 { + margin: -0.75rem; } - .lg\:hover\:border-green-900:hover { - border-color: #22543d; + .lg\:-m-4 { + margin: -1rem; } - .lg\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .lg\:-m-5 { + margin: -1.25rem; } - .lg\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .lg\:-m-6 { + margin: -1.5rem; } - .lg\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .lg\:-m-8 { + margin: -2rem; } - .lg\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .lg\:-m-10 { + margin: -2.5rem; } - .lg\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .lg\:-m-12 { + margin: -3rem; } - .lg\:hover\:border-teal-600:hover { - border-color: #319795; + .lg\:-m-16 { + margin: -4rem; } - .lg\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .lg\:-m-20 { + margin: -5rem; } - .lg\:hover\:border-teal-800:hover { - border-color: #285e61; + .lg\:-m-24 { + margin: -6rem; } - .lg\:hover\:border-teal-900:hover { - border-color: #234e52; + .lg\:-m-32 { + margin: -8rem; } - .lg\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .lg\:-m-40 { + margin: -10rem; } - .lg\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .lg\:-m-48 { + margin: -12rem; } - .lg\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .lg\:-m-56 { + margin: -14rem; } - .lg\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .lg\:-m-64 { + margin: -16rem; } - .lg\:hover\:border-blue-500:hover { - border-color: #4299e1; + .lg\:-m-px { + margin: -1px; } - .lg\:hover\:border-blue-600:hover { - border-color: #3182ce; + .lg\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .lg\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .lg\:mx-0 { + margin-left: 0; + margin-right: 0; } - .lg\:hover\:border-blue-800:hover { - border-color: #2c5282; + .lg\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .lg\:hover\:border-blue-900:hover { - border-color: #2a4365; + .lg\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .lg\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .lg\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .lg\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .lg\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .lg\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .lg\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .lg\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .lg\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .lg\:hover\:border-indigo-500:hover { - border-color: #667eea; + .lg\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .lg\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .lg\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .lg\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .lg\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .lg\:hover\:border-indigo-800:hover { - border-color: #434190; + .lg\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .lg\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .lg\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .lg\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .lg\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .lg\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .lg\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .lg\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .lg\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .lg\:hover\:border-purple-400:hover { - border-color: #b794f4; + .lg\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .lg\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .lg\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .lg\:hover\:border-purple-600:hover { - border-color: #805ad5; + .lg\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .lg\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .lg\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .lg\:hover\:border-purple-800:hover { - border-color: #553c9a; + .lg\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .lg\:hover\:border-purple-900:hover { - border-color: #44337a; + .lg\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .lg\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .lg\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .lg\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .lg\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .lg\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .lg\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .lg\:hover\:border-pink-400:hover { - border-color: #f687b3; + .lg\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .lg\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .lg\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .lg\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .lg\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .lg\:hover\:border-pink-700:hover { - border-color: #b83280; + .lg\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .lg\:hover\:border-pink-800:hover { - border-color: #97266d; + .lg\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .lg\:hover\:border-pink-900:hover { - border-color: #702459; + .lg\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .lg\:focus\:border-transparent:focus { - border-color: transparent; + .lg\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .lg\:focus\:border-black:focus { - border-color: #000; + .lg\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .lg\:focus\:border-white:focus { - border-color: #fff; + .lg\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .lg\:focus\:border-gray-100:focus { - border-color: #f7fafc; + .lg\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .lg\:focus\:border-gray-200:focus { - border-color: #edf2f7; + .lg\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .lg\:focus\:border-gray-300:focus { - border-color: #e2e8f0; + .lg\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .lg\:focus\:border-gray-400:focus { - border-color: #cbd5e0; + .lg\:mx-auto { + margin-left: auto; + margin-right: auto; } - .lg\:focus\:border-gray-500:focus { - border-color: #a0aec0; + .lg\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .lg\:focus\:border-gray-600:focus { - border-color: #718096; + .lg\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .lg\:focus\:border-gray-700:focus { - border-color: #4a5568; + .lg\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .lg\:focus\:border-gray-800:focus { - border-color: #2d3748; + .lg\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .lg\:focus\:border-gray-900:focus { - border-color: #1a202c; + .lg\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .lg\:focus\:border-red-100:focus { - border-color: #fff5f5; + .lg\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .lg\:focus\:border-red-200:focus { - border-color: #fed7d7; + .lg\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .lg\:focus\:border-red-300:focus { - border-color: #feb2b2; + .lg\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .lg\:focus\:border-red-400:focus { - border-color: #fc8181; + .lg\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .lg\:focus\:border-red-500:focus { - border-color: #f56565; + .lg\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .lg\:focus\:border-red-600:focus { - border-color: #e53e3e; + .lg\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .lg\:focus\:border-red-700:focus { - border-color: #c53030; + .lg\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .lg\:focus\:border-red-800:focus { - border-color: #9b2c2c; + .lg\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .lg\:focus\:border-red-900:focus { - border-color: #742a2a; + .lg\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .lg\:focus\:border-orange-100:focus { - border-color: #fffaf0; + .lg\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .lg\:focus\:border-orange-200:focus { - border-color: #feebc8; + .lg\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .lg\:focus\:border-orange-300:focus { - border-color: #fbd38d; + .lg\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .lg\:focus\:border-orange-400:focus { - border-color: #f6ad55; + .lg\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .lg\:focus\:border-orange-500:focus { - border-color: #ed8936; + .lg\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .lg\:focus\:border-orange-600:focus { - border-color: #dd6b20; + .lg\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .lg\:focus\:border-orange-700:focus { - border-color: #c05621; + .lg\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .lg\:focus\:border-orange-800:focus { - border-color: #9c4221; + .lg\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .lg\:focus\:border-orange-900:focus { - border-color: #7b341e; + .lg\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .lg\:focus\:border-yellow-100:focus { - border-color: #fffff0; + .lg\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .lg\:focus\:border-yellow-200:focus { - border-color: #fefcbf; + .lg\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .lg\:focus\:border-yellow-300:focus { - border-color: #faf089; + .lg\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .lg\:focus\:border-yellow-400:focus { - border-color: #f6e05e; + .lg\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .lg\:focus\:border-yellow-500:focus { - border-color: #ecc94b; + .lg\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .lg\:focus\:border-yellow-600:focus { - border-color: #d69e2e; + .lg\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .lg\:focus\:border-yellow-700:focus { - border-color: #b7791f; + .lg\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .lg\:focus\:border-yellow-800:focus { - border-color: #975a16; + .lg\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .lg\:focus\:border-yellow-900:focus { - border-color: #744210; + .lg\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .lg\:focus\:border-green-100:focus { - border-color: #f0fff4; + .lg\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .lg\:focus\:border-green-200:focus { - border-color: #c6f6d5; + .lg\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .lg\:focus\:border-green-300:focus { - border-color: #9ae6b4; + .lg\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .lg\:focus\:border-green-400:focus { - border-color: #68d391; + .lg\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .lg\:focus\:border-green-500:focus { - border-color: #48bb78; + .lg\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .lg\:focus\:border-green-600:focus { - border-color: #38a169; + .lg\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .lg\:focus\:border-green-700:focus { - border-color: #2f855a; + .lg\:mt-0 { + margin-top: 0; } - .lg\:focus\:border-green-800:focus { - border-color: #276749; + .lg\:mr-0 { + margin-right: 0; } - .lg\:focus\:border-green-900:focus { - border-color: #22543d; + .lg\:mb-0 { + margin-bottom: 0; } - .lg\:focus\:border-teal-100:focus { - border-color: #e6fffa; + .lg\:ml-0 { + margin-left: 0; } - .lg\:focus\:border-teal-200:focus { - border-color: #b2f5ea; + .lg\:mt-1 { + margin-top: 0.25rem; } - .lg\:focus\:border-teal-300:focus { - border-color: #81e6d9; + .lg\:mr-1 { + margin-right: 0.25rem; } - .lg\:focus\:border-teal-400:focus { - border-color: #4fd1c5; + .lg\:mb-1 { + margin-bottom: 0.25rem; } - .lg\:focus\:border-teal-500:focus { - border-color: #38b2ac; + .lg\:ml-1 { + margin-left: 0.25rem; } - .lg\:focus\:border-teal-600:focus { - border-color: #319795; + .lg\:mt-2 { + margin-top: 0.5rem; } - .lg\:focus\:border-teal-700:focus { - border-color: #2c7a7b; + .lg\:mr-2 { + margin-right: 0.5rem; } - .lg\:focus\:border-teal-800:focus { - border-color: #285e61; + .lg\:mb-2 { + margin-bottom: 0.5rem; } - .lg\:focus\:border-teal-900:focus { - border-color: #234e52; + .lg\:ml-2 { + margin-left: 0.5rem; } - .lg\:focus\:border-blue-100:focus { - border-color: #ebf8ff; + .lg\:mt-3 { + margin-top: 0.75rem; } - .lg\:focus\:border-blue-200:focus { - border-color: #bee3f8; + .lg\:mr-3 { + margin-right: 0.75rem; } - .lg\:focus\:border-blue-300:focus { - border-color: #90cdf4; + .lg\:mb-3 { + margin-bottom: 0.75rem; } - .lg\:focus\:border-blue-400:focus { - border-color: #63b3ed; + .lg\:ml-3 { + margin-left: 0.75rem; } - .lg\:focus\:border-blue-500:focus { - border-color: #4299e1; + .lg\:mt-4 { + margin-top: 1rem; } - .lg\:focus\:border-blue-600:focus { - border-color: #3182ce; + .lg\:mr-4 { + margin-right: 1rem; } - .lg\:focus\:border-blue-700:focus { - border-color: #2b6cb0; + .lg\:mb-4 { + margin-bottom: 1rem; } - .lg\:focus\:border-blue-800:focus { - border-color: #2c5282; + .lg\:ml-4 { + margin-left: 1rem; } - .lg\:focus\:border-blue-900:focus { - border-color: #2a4365; + .lg\:mt-5 { + margin-top: 1.25rem; } - .lg\:focus\:border-indigo-100:focus { - border-color: #ebf4ff; + .lg\:mr-5 { + margin-right: 1.25rem; } - .lg\:focus\:border-indigo-200:focus { - border-color: #c3dafe; + .lg\:mb-5 { + margin-bottom: 1.25rem; } - .lg\:focus\:border-indigo-300:focus { - border-color: #a3bffa; + .lg\:ml-5 { + margin-left: 1.25rem; } - .lg\:focus\:border-indigo-400:focus { - border-color: #7f9cf5; + .lg\:mt-6 { + margin-top: 1.5rem; } - .lg\:focus\:border-indigo-500:focus { - border-color: #667eea; + .lg\:mr-6 { + margin-right: 1.5rem; } - .lg\:focus\:border-indigo-600:focus { - border-color: #5a67d8; + .lg\:mb-6 { + margin-bottom: 1.5rem; } - .lg\:focus\:border-indigo-700:focus { - border-color: #4c51bf; + .lg\:ml-6 { + margin-left: 1.5rem; } - .lg\:focus\:border-indigo-800:focus { - border-color: #434190; + .lg\:mt-8 { + margin-top: 2rem; } - .lg\:focus\:border-indigo-900:focus { - border-color: #3c366b; + .lg\:mr-8 { + margin-right: 2rem; } - .lg\:focus\:border-purple-100:focus { - border-color: #faf5ff; + .lg\:mb-8 { + margin-bottom: 2rem; } - .lg\:focus\:border-purple-200:focus { - border-color: #e9d8fd; + .lg\:ml-8 { + margin-left: 2rem; } - .lg\:focus\:border-purple-300:focus { - border-color: #d6bcfa; + .lg\:mt-10 { + margin-top: 2.5rem; } - .lg\:focus\:border-purple-400:focus { - border-color: #b794f4; + .lg\:mr-10 { + margin-right: 2.5rem; } - .lg\:focus\:border-purple-500:focus { - border-color: #9f7aea; + .lg\:mb-10 { + margin-bottom: 2.5rem; } - .lg\:focus\:border-purple-600:focus { - border-color: #805ad5; + .lg\:ml-10 { + margin-left: 2.5rem; } - .lg\:focus\:border-purple-700:focus { - border-color: #6b46c1; + .lg\:mt-12 { + margin-top: 3rem; } - .lg\:focus\:border-purple-800:focus { - border-color: #553c9a; + .lg\:mr-12 { + margin-right: 3rem; } - .lg\:focus\:border-purple-900:focus { - border-color: #44337a; + .lg\:mb-12 { + margin-bottom: 3rem; } - .lg\:focus\:border-pink-100:focus { - border-color: #fff5f7; + .lg\:ml-12 { + margin-left: 3rem; } - .lg\:focus\:border-pink-200:focus { - border-color: #fed7e2; + .lg\:mt-16 { + margin-top: 4rem; } - .lg\:focus\:border-pink-300:focus { - border-color: #fbb6ce; + .lg\:mr-16 { + margin-right: 4rem; } - .lg\:focus\:border-pink-400:focus { - border-color: #f687b3; + .lg\:mb-16 { + margin-bottom: 4rem; } - .lg\:focus\:border-pink-500:focus { - border-color: #ed64a6; + .lg\:ml-16 { + margin-left: 4rem; } - .lg\:focus\:border-pink-600:focus { - border-color: #d53f8c; + .lg\:mt-20 { + margin-top: 5rem; } - .lg\:focus\:border-pink-700:focus { - border-color: #b83280; + .lg\:mr-20 { + margin-right: 5rem; } - .lg\:focus\:border-pink-800:focus { - border-color: #97266d; + .lg\:mb-20 { + margin-bottom: 5rem; } - .lg\:focus\:border-pink-900:focus { - border-color: #702459; + .lg\:ml-20 { + margin-left: 5rem; } - .lg\:rounded-none { - border-radius: 0; + .lg\:mt-24 { + margin-top: 6rem; } - .lg\:rounded-sm { - border-radius: 0.125rem; + .lg\:mr-24 { + margin-right: 6rem; } - .lg\:rounded { - border-radius: 0.25rem; + .lg\:mb-24 { + margin-bottom: 6rem; } - .lg\:rounded-lg { - border-radius: 0.5rem; + .lg\:ml-24 { + margin-left: 6rem; } - .lg\:rounded-full { - border-radius: 9999px; + .lg\:mt-32 { + margin-top: 8rem; } - .lg\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .lg\:mr-32 { + margin-right: 8rem; } - .lg\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .lg\:mb-32 { + margin-bottom: 8rem; } - .lg\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .lg\:ml-32 { + margin-left: 8rem; } - .lg\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .lg\:mt-40 { + margin-top: 10rem; } - .lg\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .lg\:mr-40 { + margin-right: 10rem; } - .lg\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .lg\:mb-40 { + margin-bottom: 10rem; } - .lg\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:ml-40 { + margin-left: 10rem; } - .lg\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .lg\:mt-48 { + margin-top: 12rem; } - .lg\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .lg\:mr-48 { + margin-right: 12rem; } - .lg\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .lg\:mb-48 { + margin-bottom: 12rem; } - .lg\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:ml-48 { + margin-left: 12rem; } - .lg\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .lg\:mt-56 { + margin-top: 14rem; } - .lg\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .lg\:mr-56 { + margin-right: 14rem; } - .lg\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .lg\:mb-56 { + margin-bottom: 14rem; } - .lg\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:ml-56 { + margin-left: 14rem; } - .lg\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .lg\:mt-64 { + margin-top: 16rem; } - .lg\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .lg\:mr-64 { + margin-right: 16rem; } - .lg\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .lg\:mb-64 { + margin-bottom: 16rem; } - .lg\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:ml-64 { + margin-left: 16rem; } - .lg\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .lg\:mt-auto { + margin-top: auto; } - .lg\:rounded-tl-none { - border-top-left-radius: 0; + .lg\:mr-auto { + margin-right: auto; } - .lg\:rounded-tr-none { - border-top-right-radius: 0; + .lg\:mb-auto { + margin-bottom: auto; } - .lg\:rounded-br-none { - border-bottom-right-radius: 0; + .lg\:ml-auto { + margin-left: auto; } - .lg\:rounded-bl-none { - border-bottom-left-radius: 0; + .lg\:mt-px { + margin-top: 1px; } - .lg\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .lg\:mr-px { + margin-right: 1px; } - .lg\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .lg\:mb-px { + margin-bottom: 1px; } - .lg\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .lg\:ml-px { + margin-left: 1px; } - .lg\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .lg\:-mt-1 { + margin-top: -0.25rem; } - .lg\:rounded-tl { - border-top-left-radius: 0.25rem; + .lg\:-mr-1 { + margin-right: -0.25rem; } - .lg\:rounded-tr { - border-top-right-radius: 0.25rem; + .lg\:-mb-1 { + margin-bottom: -0.25rem; } - .lg\:rounded-br { - border-bottom-right-radius: 0.25rem; + .lg\:-ml-1 { + margin-left: -0.25rem; } - .lg\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .lg\:-mt-2 { + margin-top: -0.5rem; } - .lg\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .lg\:-mr-2 { + margin-right: -0.5rem; } - .lg\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .lg\:-mb-2 { + margin-bottom: -0.5rem; } - .lg\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .lg\:-ml-2 { + margin-left: -0.5rem; } - .lg\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .lg\:-mt-3 { + margin-top: -0.75rem; } - .lg\:rounded-tl-full { - border-top-left-radius: 9999px; + .lg\:-mr-3 { + margin-right: -0.75rem; } - .lg\:rounded-tr-full { - border-top-right-radius: 9999px; + .lg\:-mb-3 { + margin-bottom: -0.75rem; } - .lg\:rounded-br-full { - border-bottom-right-radius: 9999px; + .lg\:-ml-3 { + margin-left: -0.75rem; } - .lg\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .lg\:-mt-4 { + margin-top: -1rem; } - .lg\:border-solid { - border-style: solid; + .lg\:-mr-4 { + margin-right: -1rem; } - .lg\:border-dashed { - border-style: dashed; + .lg\:-mb-4 { + margin-bottom: -1rem; } - .lg\:border-dotted { - border-style: dotted; + .lg\:-ml-4 { + margin-left: -1rem; } - .lg\:border-double { - border-style: double; + .lg\:-mt-5 { + margin-top: -1.25rem; } - .lg\:border-none { - border-style: none; + .lg\:-mr-5 { + margin-right: -1.25rem; } - .lg\:border-0 { - border-width: 0; + .lg\:-mb-5 { + margin-bottom: -1.25rem; } - .lg\:border-2 { - border-width: 2px; + .lg\:-ml-5 { + margin-left: -1.25rem; } - .lg\:border-4 { - border-width: 4px; + .lg\:-mt-6 { + margin-top: -1.5rem; } - .lg\:border-8 { - border-width: 8px; + .lg\:-mr-6 { + margin-right: -1.5rem; } - .lg\:border { - border-width: 1px; + .lg\:-mb-6 { + margin-bottom: -1.5rem; } - .lg\:border-t-0 { - border-top-width: 0; + .lg\:-ml-6 { + margin-left: -1.5rem; } - .lg\:border-r-0 { - border-right-width: 0; + .lg\:-mt-8 { + margin-top: -2rem; } - .lg\:border-b-0 { - border-bottom-width: 0; + .lg\:-mr-8 { + margin-right: -2rem; } - .lg\:border-l-0 { - border-left-width: 0; + .lg\:-mb-8 { + margin-bottom: -2rem; } - .lg\:border-t-2 { - border-top-width: 2px; + .lg\:-ml-8 { + margin-left: -2rem; } - .lg\:border-r-2 { - border-right-width: 2px; + .lg\:-mt-10 { + margin-top: -2.5rem; } - .lg\:border-b-2 { - border-bottom-width: 2px; + .lg\:-mr-10 { + margin-right: -2.5rem; } - .lg\:border-l-2 { - border-left-width: 2px; + .lg\:-mb-10 { + margin-bottom: -2.5rem; } - .lg\:border-t-4 { - border-top-width: 4px; + .lg\:-ml-10 { + margin-left: -2.5rem; } - .lg\:border-r-4 { - border-right-width: 4px; + .lg\:-mt-12 { + margin-top: -3rem; } - .lg\:border-b-4 { - border-bottom-width: 4px; + .lg\:-mr-12 { + margin-right: -3rem; } - .lg\:border-l-4 { - border-left-width: 4px; + .lg\:-mb-12 { + margin-bottom: -3rem; } - .lg\:border-t-8 { - border-top-width: 8px; + .lg\:-ml-12 { + margin-left: -3rem; } - .lg\:border-r-8 { - border-right-width: 8px; + .lg\:-mt-16 { + margin-top: -4rem; } - .lg\:border-b-8 { - border-bottom-width: 8px; + .lg\:-mr-16 { + margin-right: -4rem; } - .lg\:border-l-8 { - border-left-width: 8px; + .lg\:-mb-16 { + margin-bottom: -4rem; } - .lg\:border-t { - border-top-width: 1px; + .lg\:-ml-16 { + margin-left: -4rem; } - .lg\:border-r { - border-right-width: 1px; + .lg\:-mt-20 { + margin-top: -5rem; } - .lg\:border-b { - border-bottom-width: 1px; + .lg\:-mr-20 { + margin-right: -5rem; } - .lg\:border-l { - border-left-width: 1px; + .lg\:-mb-20 { + margin-bottom: -5rem; } - .lg\:cursor-auto { - cursor: auto; + .lg\:-ml-20 { + margin-left: -5rem; } - .lg\:cursor-default { - cursor: default; + .lg\:-mt-24 { + margin-top: -6rem; } - .lg\:cursor-pointer { - cursor: pointer; + .lg\:-mr-24 { + margin-right: -6rem; } - .lg\:cursor-wait { - cursor: wait; + .lg\:-mb-24 { + margin-bottom: -6rem; } - .lg\:cursor-text { - cursor: text; + .lg\:-ml-24 { + margin-left: -6rem; } - .lg\:cursor-move { - cursor: move; + .lg\:-mt-32 { + margin-top: -8rem; } - .lg\:cursor-not-allowed { - cursor: not-allowed; + .lg\:-mr-32 { + margin-right: -8rem; } - .lg\:block { - display: block; + .lg\:-mb-32 { + margin-bottom: -8rem; } - .lg\:inline-block { - display: inline-block; + .lg\:-ml-32 { + margin-left: -8rem; } - .lg\:inline { - display: inline; + .lg\:-mt-40 { + margin-top: -10rem; } - .lg\:flex { - display: flex; + .lg\:-mr-40 { + margin-right: -10rem; } - .lg\:inline-flex { - display: inline-flex; + .lg\:-mb-40 { + margin-bottom: -10rem; } - .lg\:table { - display: table; + .lg\:-ml-40 { + margin-left: -10rem; } - .lg\:table-row { - display: table-row; + .lg\:-mt-48 { + margin-top: -12rem; } - .lg\:table-cell { - display: table-cell; + .lg\:-mr-48 { + margin-right: -12rem; } - .lg\:hidden { - display: none; + .lg\:-mb-48 { + margin-bottom: -12rem; } - .lg\:flex-row { - flex-direction: row; + .lg\:-ml-48 { + margin-left: -12rem; } - .lg\:flex-row-reverse { - flex-direction: row-reverse; + .lg\:-mt-56 { + margin-top: -14rem; } - .lg\:flex-col { - flex-direction: column; + .lg\:-mr-56 { + margin-right: -14rem; } - .lg\:flex-col-reverse { - flex-direction: column-reverse; + .lg\:-mb-56 { + margin-bottom: -14rem; } - .lg\:flex-wrap { - flex-wrap: wrap; + .lg\:-ml-56 { + margin-left: -14rem; } - .lg\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .lg\:-mt-64 { + margin-top: -16rem; } - .lg\:flex-no-wrap { - flex-wrap: nowrap; + .lg\:-mr-64 { + margin-right: -16rem; } - .lg\:items-start { - align-items: flex-start; + .lg\:-mb-64 { + margin-bottom: -16rem; } - .lg\:items-end { - align-items: flex-end; + .lg\:-ml-64 { + margin-left: -16rem; } - .lg\:items-center { - align-items: center; + .lg\:-mt-px { + margin-top: -1px; } - .lg\:items-baseline { - align-items: baseline; + .lg\:-mr-px { + margin-right: -1px; } - .lg\:items-stretch { - align-items: stretch; + .lg\:-mb-px { + margin-bottom: -1px; } - .lg\:self-auto { - align-self: auto; + .lg\:-ml-px { + margin-left: -1px; } - .lg\:self-start { - align-self: flex-start; + .lg\:max-h-full { + max-height: 100%; } - .lg\:self-end { - align-self: flex-end; + .lg\:max-h-screen { + max-height: 100vh; } - .lg\:self-center { - align-self: center; + .lg\:max-w-xs { + max-width: 20rem; } - .lg\:self-stretch { - align-self: stretch; + .lg\:max-w-sm { + max-width: 24rem; } - .lg\:justify-start { - justify-content: flex-start; + .lg\:max-w-md { + max-width: 28rem; } - .lg\:justify-end { - justify-content: flex-end; + .lg\:max-w-lg { + max-width: 32rem; } - .lg\:justify-center { - justify-content: center; + .lg\:max-w-xl { + max-width: 36rem; } - .lg\:justify-between { - justify-content: space-between; + .lg\:max-w-2xl { + max-width: 42rem; } - .lg\:justify-around { - justify-content: space-around; + .lg\:max-w-3xl { + max-width: 48rem; } - .lg\:content-center { - align-content: center; + .lg\:max-w-4xl { + max-width: 56rem; } - .lg\:content-start { - align-content: flex-start; + .lg\:max-w-5xl { + max-width: 64rem; } - .lg\:content-end { - align-content: flex-end; + .lg\:max-w-6xl { + max-width: 72rem; } - .lg\:content-between { - align-content: space-between; + .lg\:max-w-full { + max-width: 100%; } - .lg\:content-around { - align-content: space-around; + .lg\:min-h-0 { + min-height: 0; } - .lg\:flex-1 { - flex: 1 1 0%; + .lg\:min-h-full { + min-height: 100%; } - .lg\:flex-auto { - flex: 1 1 auto; + .lg\:min-h-screen { + min-height: 100vh; } - .lg\:flex-initial { - flex: 0 1 auto; + .lg\:min-w-0 { + min-width: 0; } - .lg\:flex-none { - flex: none; + .lg\:min-w-full { + min-width: 100%; } - .lg\:flex-grow-0 { - flex-grow: 0; + .lg\:object-contain { + object-fit: contain; } - .lg\:flex-grow { - flex-grow: 1; + .lg\:object-cover { + object-fit: cover; } - .lg\:flex-shrink-0 { - flex-shrink: 0; + .lg\:object-fill { + object-fit: fill; } - .lg\:flex-shrink { - flex-shrink: 1; + .lg\:object-none { + object-fit: none; } - .lg\:order-1 { - order: 1; + .lg\:object-scale-down { + object-fit: scale-down; } - .lg\:order-2 { - order: 2; + .lg\:object-bottom { + object-position: bottom; } - .lg\:order-3 { - order: 3; + .lg\:object-center { + object-position: center; } - .lg\:order-4 { - order: 4; + .lg\:object-left { + object-position: left; } - .lg\:order-5 { - order: 5; + .lg\:object-left-bottom { + object-position: left bottom; } - .lg\:order-6 { - order: 6; + .lg\:object-left-top { + object-position: left top; } - .lg\:order-7 { - order: 7; + .lg\:object-right { + object-position: right; } - .lg\:order-8 { - order: 8; + .lg\:object-right-bottom { + object-position: right bottom; } - .lg\:order-9 { - order: 9; + .lg\:object-right-top { + object-position: right top; } - .lg\:order-10 { - order: 10; + .lg\:object-top { + object-position: top; } - .lg\:order-11 { - order: 11; + .lg\:opacity-0 { + opacity: 0; } - .lg\:order-12 { - order: 12; + .lg\:opacity-25 { + opacity: 0.25; } - .lg\:order-first { - order: -9999; + .lg\:opacity-50 { + opacity: 0.5; } - .lg\:order-last { - order: 9999; + .lg\:opacity-75 { + opacity: 0.75; } - .lg\:order-none { - order: 0; + .lg\:opacity-100 { + opacity: 1; } - .lg\:float-right { - float: right; + .lg\:outline-none { + outline: 0; } - .lg\:float-left { - float: left; + .lg\:focus\:outline-none:focus { + outline: 0; } - .lg\:float-none { - float: none; + .lg\:overflow-auto { + overflow: auto; } - .lg\:clearfix:after { - content: ""; - display: table; - clear: both; + .lg\:overflow-hidden { + overflow: hidden; } - .lg\:font-sans { - font-family: -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"; + .lg\:overflow-visible { + overflow: visible; } - .lg\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .lg\:overflow-scroll { + overflow: scroll; } - .lg\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .lg\:overflow-x-auto { + overflow-x: auto; } - .lg\:font-hairline { - font-weight: 100; + .lg\:overflow-y-auto { + overflow-y: auto; } - .lg\:font-thin { - font-weight: 200; + .lg\:overflow-x-hidden { + overflow-x: hidden; } - .lg\:font-light { - font-weight: 300; + .lg\:overflow-y-hidden { + overflow-y: hidden; } - .lg\:font-normal { - font-weight: 400; + .lg\:overflow-x-visible { + overflow-x: visible; } - .lg\:font-medium { - font-weight: 500; + .lg\:overflow-y-visible { + overflow-y: visible; } - .lg\:font-semibold { - font-weight: 600; + .lg\:overflow-x-scroll { + overflow-x: scroll; } - .lg\:font-bold { - font-weight: 700; + .lg\:overflow-y-scroll { + overflow-y: scroll; } - .lg\:font-extrabold { - font-weight: 800; + .lg\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .lg\:font-black { - font-weight: 900; + .lg\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .lg\:hover\:font-hairline:hover { - font-weight: 100; + .lg\:p-0 { + padding: 0; } - .lg\:hover\:font-thin:hover { - font-weight: 200; + .lg\:p-1 { + padding: 0.25rem; } - .lg\:hover\:font-light:hover { - font-weight: 300; + .lg\:p-2 { + padding: 0.5rem; } - .lg\:hover\:font-normal:hover { - font-weight: 400; + .lg\:p-3 { + padding: 0.75rem; } - .lg\:hover\:font-medium:hover { - font-weight: 500; + .lg\:p-4 { + padding: 1rem; } - .lg\:hover\:font-semibold:hover { - font-weight: 600; + .lg\:p-5 { + padding: 1.25rem; } - .lg\:hover\:font-bold:hover { - font-weight: 700; + .lg\:p-6 { + padding: 1.5rem; } - .lg\:hover\:font-extrabold:hover { - font-weight: 800; + .lg\:p-8 { + padding: 2rem; } - .lg\:hover\:font-black:hover { - font-weight: 900; + .lg\:p-10 { + padding: 2.5rem; } - .lg\:focus\:font-hairline:focus { - font-weight: 100; + .lg\:p-12 { + padding: 3rem; } - .lg\:focus\:font-thin:focus { - font-weight: 200; + .lg\:p-16 { + padding: 4rem; } - .lg\:focus\:font-light:focus { - font-weight: 300; + .lg\:p-20 { + padding: 5rem; } - .lg\:focus\:font-normal:focus { - font-weight: 400; + .lg\:p-24 { + padding: 6rem; } - .lg\:focus\:font-medium:focus { - font-weight: 500; + .lg\:p-32 { + padding: 8rem; } - .lg\:focus\:font-semibold:focus { - font-weight: 600; + .lg\:p-40 { + padding: 10rem; } - .lg\:focus\:font-bold:focus { - font-weight: 700; + .lg\:p-48 { + padding: 12rem; } - .lg\:focus\:font-extrabold:focus { - font-weight: 800; + .lg\:p-56 { + padding: 14rem; } - .lg\:focus\:font-black:focus { - font-weight: 900; + .lg\:p-64 { + padding: 16rem; } - .lg\:h-0 { - height: 0; + .lg\:p-px { + padding: 1px; } - .lg\:h-1 { - height: 0.25rem; + .lg\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .lg\:h-2 { - height: 0.5rem; + .lg\:px-0 { + padding-left: 0; + padding-right: 0; } - .lg\:h-3 { - height: 0.75rem; + .lg\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .lg\:h-4 { - height: 1rem; + .lg\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .lg\:h-5 { - height: 1.25rem; + .lg\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .lg\:h-6 { - height: 1.5rem; + .lg\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .lg\:h-8 { - height: 2rem; + .lg\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .lg\:h-10 { - height: 2.5rem; + .lg\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .lg\:h-12 { - height: 3rem; + .lg\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .lg\:h-16 { - height: 4rem; + .lg\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .lg\:h-20 { - height: 5rem; + .lg\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .lg\:h-24 { - height: 6rem; + .lg\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .lg\:h-32 { - height: 8rem; + .lg\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - .lg\:h-40 { - height: 10rem; + .lg\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .lg\:h-48 { - height: 12rem; + .lg\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .lg\:h-56 { - height: 14rem; + .lg\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .lg\:h-64 { - height: 16rem; + .lg\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .lg\:h-auto { - height: auto; + .lg\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .lg\:h-px { - height: 1px; + .lg\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .lg\:h-full { - height: 100%; + .lg\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .lg\:h-screen { - height: 100vh; + .lg\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .lg\:leading-none { - line-height: 1; + .lg\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .lg\:leading-tight { - line-height: 1.25; + .lg\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .lg\:leading-snug { - line-height: 1.375; + .lg\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .lg\:leading-normal { - line-height: 1.5; + .lg\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .lg\:leading-relaxed { - line-height: 1.625; + .lg\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .lg\:leading-loose { - line-height: 2; + .lg\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .lg\:list-inside { - list-style-position: inside; + .lg\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .lg\:list-outside { - list-style-position: outside; + .lg\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .lg\:list-none { - list-style-type: none; + .lg\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .lg\:list-disc { - list-style-type: disc; + .lg\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .lg\:list-decimal { - list-style-type: decimal; + .lg\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .lg\:m-0 { - margin: 0; + .lg\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .lg\:m-1 { - margin: 0.25rem; + .lg\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .lg\:m-2 { - margin: 0.5rem; + .lg\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .lg\:m-3 { - margin: 0.75rem; + .lg\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .lg\:m-4 { - margin: 1rem; + .lg\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .lg\:m-5 { - margin: 1.25rem; + .lg\:px-px { + padding-left: 1px; + padding-right: 1px; } - .lg\:m-6 { - margin: 1.5rem; + .lg\:pt-0 { + padding-top: 0; } - .lg\:m-8 { - margin: 2rem; + .lg\:pr-0 { + padding-right: 0; } - .lg\:m-10 { - margin: 2.5rem; + .lg\:pb-0 { + padding-bottom: 0; } - .lg\:m-12 { - margin: 3rem; + .lg\:pl-0 { + padding-left: 0; } - .lg\:m-16 { - margin: 4rem; + .lg\:pt-1 { + padding-top: 0.25rem; } - .lg\:m-20 { - margin: 5rem; + .lg\:pr-1 { + padding-right: 0.25rem; } - .lg\:m-24 { - margin: 6rem; + .lg\:pb-1 { + padding-bottom: 0.25rem; } - .lg\:m-32 { - margin: 8rem; + .lg\:pl-1 { + padding-left: 0.25rem; } - .lg\:m-40 { - margin: 10rem; + .lg\:pt-2 { + padding-top: 0.5rem; } - .lg\:m-48 { - margin: 12rem; + .lg\:pr-2 { + padding-right: 0.5rem; } - .lg\:m-56 { - margin: 14rem; + .lg\:pb-2 { + padding-bottom: 0.5rem; } - .lg\:m-64 { - margin: 16rem; + .lg\:pl-2 { + padding-left: 0.5rem; } - .lg\:m-auto { - margin: auto; + .lg\:pt-3 { + padding-top: 0.75rem; } - .lg\:m-px { - margin: 1px; + .lg\:pr-3 { + padding-right: 0.75rem; } - .lg\:-m-1 { - margin: -0.25rem; + .lg\:pb-3 { + padding-bottom: 0.75rem; } - .lg\:-m-2 { - margin: -0.5rem; + .lg\:pl-3 { + padding-left: 0.75rem; } - .lg\:-m-3 { - margin: -0.75rem; + .lg\:pt-4 { + padding-top: 1rem; } - .lg\:-m-4 { - margin: -1rem; + .lg\:pr-4 { + padding-right: 1rem; } - .lg\:-m-5 { - margin: -1.25rem; + .lg\:pb-4 { + padding-bottom: 1rem; } - .lg\:-m-6 { - margin: -1.5rem; + .lg\:pl-4 { + padding-left: 1rem; } - .lg\:-m-8 { - margin: -2rem; + .lg\:pt-5 { + padding-top: 1.25rem; } - .lg\:-m-10 { - margin: -2.5rem; + .lg\:pr-5 { + padding-right: 1.25rem; } - .lg\:-m-12 { - margin: -3rem; + .lg\:pb-5 { + padding-bottom: 1.25rem; } - .lg\:-m-16 { - margin: -4rem; + .lg\:pl-5 { + padding-left: 1.25rem; } - .lg\:-m-20 { - margin: -5rem; + .lg\:pt-6 { + padding-top: 1.5rem; } - .lg\:-m-24 { - margin: -6rem; + .lg\:pr-6 { + padding-right: 1.5rem; } - .lg\:-m-32 { - margin: -8rem; + .lg\:pb-6 { + padding-bottom: 1.5rem; } - .lg\:-m-40 { - margin: -10rem; + .lg\:pl-6 { + padding-left: 1.5rem; } - .lg\:-m-48 { - margin: -12rem; + .lg\:pt-8 { + padding-top: 2rem; } - .lg\:-m-56 { - margin: -14rem; + .lg\:pr-8 { + padding-right: 2rem; } - .lg\:-m-64 { - margin: -16rem; + .lg\:pb-8 { + padding-bottom: 2rem; } - .lg\:-m-px { - margin: -1px; + .lg\:pl-8 { + padding-left: 2rem; } - .lg\:my-0 { - margin-top: 0; - margin-bottom: 0; + .lg\:pt-10 { + padding-top: 2.5rem; } - .lg\:mx-0 { - margin-left: 0; - margin-right: 0; + .lg\:pr-10 { + padding-right: 2.5rem; } - .lg\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .lg\:pb-10 { + padding-bottom: 2.5rem; } - .lg\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .lg\:pl-10 { + padding-left: 2.5rem; } - .lg\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .lg\:pt-12 { + padding-top: 3rem; } - .lg\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .lg\:pr-12 { + padding-right: 3rem; } - .lg\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .lg\:pb-12 { + padding-bottom: 3rem; } - .lg\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .lg\:pl-12 { + padding-left: 3rem; } - .lg\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .lg\:pt-16 { + padding-top: 4rem; } - .lg\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .lg\:pr-16 { + padding-right: 4rem; } - .lg\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .lg\:pb-16 { + padding-bottom: 4rem; } - .lg\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .lg\:pl-16 { + padding-left: 4rem; } - .lg\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .lg\:pt-20 { + padding-top: 5rem; } - .lg\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .lg\:pr-20 { + padding-right: 5rem; } - .lg\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .lg\:pb-20 { + padding-bottom: 5rem; } - .lg\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .lg\:pl-20 { + padding-left: 5rem; } - .lg\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .lg\:pt-24 { + padding-top: 6rem; } - .lg\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .lg\:pr-24 { + padding-right: 6rem; } - .lg\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .lg\:pb-24 { + padding-bottom: 6rem; } - .lg\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .lg\:pl-24 { + padding-left: 6rem; } - .lg\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .lg\:pt-32 { + padding-top: 8rem; } - .lg\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .lg\:pr-32 { + padding-right: 8rem; } - .lg\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .lg\:pb-32 { + padding-bottom: 8rem; } - .lg\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .lg\:pl-32 { + padding-left: 8rem; } - .lg\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .lg\:pt-40 { + padding-top: 10rem; } - .lg\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .lg\:pr-40 { + padding-right: 10rem; } - .lg\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .lg\:pb-40 { + padding-bottom: 10rem; } - .lg\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .lg\:pl-40 { + padding-left: 10rem; } - .lg\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .lg\:pt-48 { + padding-top: 12rem; } - .lg\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .lg\:pr-48 { + padding-right: 12rem; } - .lg\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .lg\:pb-48 { + padding-bottom: 12rem; } - .lg\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .lg\:pl-48 { + padding-left: 12rem; } - .lg\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .lg\:pt-56 { + padding-top: 14rem; } - .lg\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .lg\:pr-56 { + padding-right: 14rem; } - .lg\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .lg\:pb-56 { + padding-bottom: 14rem; } - .lg\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .lg\:pl-56 { + padding-left: 14rem; } - .lg\:my-auto { - margin-top: auto; - margin-bottom: auto; + .lg\:pt-64 { + padding-top: 16rem; } - .lg\:mx-auto { - margin-left: auto; - margin-right: auto; + .lg\:pr-64 { + padding-right: 16rem; } - .lg\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .lg\:pb-64 { + padding-bottom: 16rem; } - .lg\:mx-px { - margin-left: 1px; - margin-right: 1px; + .lg\:pl-64 { + padding-left: 16rem; } - .lg\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .lg\:pt-px { + padding-top: 1px; } - .lg\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .lg\:pr-px { + padding-right: 1px; } - .lg\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .lg\:pb-px { + padding-bottom: 1px; } - .lg\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .lg\:pl-px { + padding-left: 1px; } - .lg\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .lg\:placeholder-transparent::placeholder { + color: transparent; } - .lg\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .lg\:placeholder-black::placeholder { + color: #000; } - .lg\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .lg\:placeholder-white::placeholder { + color: #fff; } - .lg\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .lg\:placeholder-gray-100::placeholder { + color: #f7fafc; } - .lg\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .lg\:placeholder-gray-200::placeholder { + color: #edf2f7; } - .lg\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .lg\:placeholder-gray-300::placeholder { + color: #e2e8f0; } - .lg\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .lg\:placeholder-gray-400::placeholder { + color: #cbd5e0; } - .lg\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .lg\:placeholder-gray-500::placeholder { + color: #a0aec0; } - .lg\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .lg\:placeholder-gray-600::placeholder { + color: #718096; } - .lg\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .lg\:placeholder-gray-700::placeholder { + color: #4a5568; } - .lg\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .lg\:placeholder-gray-800::placeholder { + color: #2d3748; } - .lg\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .lg\:placeholder-gray-900::placeholder { + color: #1a202c; } - .lg\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .lg\:placeholder-red-100::placeholder { + color: #fff5f5; } - .lg\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .lg\:placeholder-red-200::placeholder { + color: #fed7d7; } - .lg\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .lg\:placeholder-red-300::placeholder { + color: #feb2b2; } - .lg\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .lg\:placeholder-red-400::placeholder { + color: #fc8181; } - .lg\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .lg\:placeholder-red-500::placeholder { + color: #f56565; } - .lg\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .lg\:placeholder-red-600::placeholder { + color: #e53e3e; } - .lg\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .lg\:placeholder-red-700::placeholder { + color: #c53030; } - .lg\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .lg\:placeholder-red-800::placeholder { + color: #9b2c2c; } - .lg\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .lg\:placeholder-red-900::placeholder { + color: #742a2a; + } + + .lg\:placeholder-orange-100::placeholder { + color: #fffaf0; } - .lg\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .lg\:placeholder-orange-200::placeholder { + color: #feebc8; } - .lg\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .lg\:placeholder-orange-300::placeholder { + color: #fbd38d; } - .lg\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .lg\:placeholder-orange-400::placeholder { + color: #f6ad55; } - .lg\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .lg\:placeholder-orange-500::placeholder { + color: #ed8936; } - .lg\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .lg\:placeholder-orange-600::placeholder { + color: #dd6b20; } - .lg\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .lg\:placeholder-orange-700::placeholder { + color: #c05621; } - .lg\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .lg\:placeholder-orange-800::placeholder { + color: #9c4221; } - .lg\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .lg\:placeholder-orange-900::placeholder { + color: #7b341e; } - .lg\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .lg\:placeholder-yellow-100::placeholder { + color: #fffff0; } - .lg\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .lg\:placeholder-yellow-200::placeholder { + color: #fefcbf; } - .lg\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .lg\:placeholder-yellow-300::placeholder { + color: #faf089; } - .lg\:mt-0 { - margin-top: 0; + .lg\:placeholder-yellow-400::placeholder { + color: #f6e05e; } - .lg\:mr-0 { - margin-right: 0; + .lg\:placeholder-yellow-500::placeholder { + color: #ecc94b; } - .lg\:mb-0 { - margin-bottom: 0; + .lg\:placeholder-yellow-600::placeholder { + color: #d69e2e; } - .lg\:ml-0 { - margin-left: 0; + .lg\:placeholder-yellow-700::placeholder { + color: #b7791f; } - .lg\:mt-1 { - margin-top: 0.25rem; + .lg\:placeholder-yellow-800::placeholder { + color: #975a16; } - .lg\:mr-1 { - margin-right: 0.25rem; + .lg\:placeholder-yellow-900::placeholder { + color: #744210; } - .lg\:mb-1 { - margin-bottom: 0.25rem; + .lg\:placeholder-green-100::placeholder { + color: #f0fff4; } - .lg\:ml-1 { - margin-left: 0.25rem; + .lg\:placeholder-green-200::placeholder { + color: #c6f6d5; } - .lg\:mt-2 { - margin-top: 0.5rem; + .lg\:placeholder-green-300::placeholder { + color: #9ae6b4; } - .lg\:mr-2 { - margin-right: 0.5rem; + .lg\:placeholder-green-400::placeholder { + color: #68d391; } - .lg\:mb-2 { - margin-bottom: 0.5rem; + .lg\:placeholder-green-500::placeholder { + color: #48bb78; } - .lg\:ml-2 { - margin-left: 0.5rem; + .lg\:placeholder-green-600::placeholder { + color: #38a169; } - .lg\:mt-3 { - margin-top: 0.75rem; + .lg\:placeholder-green-700::placeholder { + color: #2f855a; } - .lg\:mr-3 { - margin-right: 0.75rem; + .lg\:placeholder-green-800::placeholder { + color: #276749; } - .lg\:mb-3 { - margin-bottom: 0.75rem; + .lg\:placeholder-green-900::placeholder { + color: #22543d; } - .lg\:ml-3 { - margin-left: 0.75rem; + .lg\:placeholder-teal-100::placeholder { + color: #e6fffa; } - .lg\:mt-4 { - margin-top: 1rem; + .lg\:placeholder-teal-200::placeholder { + color: #b2f5ea; } - .lg\:mr-4 { - margin-right: 1rem; + .lg\:placeholder-teal-300::placeholder { + color: #81e6d9; } - .lg\:mb-4 { - margin-bottom: 1rem; + .lg\:placeholder-teal-400::placeholder { + color: #4fd1c5; } - .lg\:ml-4 { - margin-left: 1rem; + .lg\:placeholder-teal-500::placeholder { + color: #38b2ac; } - .lg\:mt-5 { - margin-top: 1.25rem; + .lg\:placeholder-teal-600::placeholder { + color: #319795; } - .lg\:mr-5 { - margin-right: 1.25rem; + .lg\:placeholder-teal-700::placeholder { + color: #2c7a7b; } - .lg\:mb-5 { - margin-bottom: 1.25rem; + .lg\:placeholder-teal-800::placeholder { + color: #285e61; } - .lg\:ml-5 { - margin-left: 1.25rem; + .lg\:placeholder-teal-900::placeholder { + color: #234e52; } - .lg\:mt-6 { - margin-top: 1.5rem; + .lg\:placeholder-blue-100::placeholder { + color: #ebf8ff; } - .lg\:mr-6 { - margin-right: 1.5rem; + .lg\:placeholder-blue-200::placeholder { + color: #bee3f8; } - .lg\:mb-6 { - margin-bottom: 1.5rem; + .lg\:placeholder-blue-300::placeholder { + color: #90cdf4; } - .lg\:ml-6 { - margin-left: 1.5rem; + .lg\:placeholder-blue-400::placeholder { + color: #63b3ed; } - .lg\:mt-8 { - margin-top: 2rem; + .lg\:placeholder-blue-500::placeholder { + color: #4299e1; } - .lg\:mr-8 { - margin-right: 2rem; + .lg\:placeholder-blue-600::placeholder { + color: #3182ce; } - .lg\:mb-8 { - margin-bottom: 2rem; + .lg\:placeholder-blue-700::placeholder { + color: #2b6cb0; } - .lg\:ml-8 { - margin-left: 2rem; + .lg\:placeholder-blue-800::placeholder { + color: #2c5282; } - .lg\:mt-10 { - margin-top: 2.5rem; + .lg\:placeholder-blue-900::placeholder { + color: #2a4365; } - .lg\:mr-10 { - margin-right: 2.5rem; + .lg\:placeholder-indigo-100::placeholder { + color: #ebf4ff; } - .lg\:mb-10 { - margin-bottom: 2.5rem; + .lg\:placeholder-indigo-200::placeholder { + color: #c3dafe; } - .lg\:ml-10 { - margin-left: 2.5rem; + .lg\:placeholder-indigo-300::placeholder { + color: #a3bffa; } - .lg\:mt-12 { - margin-top: 3rem; + .lg\:placeholder-indigo-400::placeholder { + color: #7f9cf5; } - .lg\:mr-12 { - margin-right: 3rem; + .lg\:placeholder-indigo-500::placeholder { + color: #667eea; } - .lg\:mb-12 { - margin-bottom: 3rem; + .lg\:placeholder-indigo-600::placeholder { + color: #5a67d8; } - .lg\:ml-12 { - margin-left: 3rem; + .lg\:placeholder-indigo-700::placeholder { + color: #4c51bf; } - .lg\:mt-16 { - margin-top: 4rem; + .lg\:placeholder-indigo-800::placeholder { + color: #434190; } - .lg\:mr-16 { - margin-right: 4rem; + .lg\:placeholder-indigo-900::placeholder { + color: #3c366b; } - .lg\:mb-16 { - margin-bottom: 4rem; + .lg\:placeholder-purple-100::placeholder { + color: #faf5ff; } - .lg\:ml-16 { - margin-left: 4rem; + .lg\:placeholder-purple-200::placeholder { + color: #e9d8fd; } - .lg\:mt-20 { - margin-top: 5rem; + .lg\:placeholder-purple-300::placeholder { + color: #d6bcfa; } - .lg\:mr-20 { - margin-right: 5rem; + .lg\:placeholder-purple-400::placeholder { + color: #b794f4; } - .lg\:mb-20 { - margin-bottom: 5rem; + .lg\:placeholder-purple-500::placeholder { + color: #9f7aea; } - .lg\:ml-20 { - margin-left: 5rem; + .lg\:placeholder-purple-600::placeholder { + color: #805ad5; } - .lg\:mt-24 { - margin-top: 6rem; + .lg\:placeholder-purple-700::placeholder { + color: #6b46c1; } - .lg\:mr-24 { - margin-right: 6rem; + .lg\:placeholder-purple-800::placeholder { + color: #553c9a; } - .lg\:mb-24 { - margin-bottom: 6rem; + .lg\:placeholder-purple-900::placeholder { + color: #44337a; } - .lg\:ml-24 { - margin-left: 6rem; + .lg\:placeholder-pink-100::placeholder { + color: #fff5f7; } - .lg\:mt-32 { - margin-top: 8rem; + .lg\:placeholder-pink-200::placeholder { + color: #fed7e2; } - .lg\:mr-32 { - margin-right: 8rem; + .lg\:placeholder-pink-300::placeholder { + color: #fbb6ce; } - .lg\:mb-32 { - margin-bottom: 8rem; + .lg\:placeholder-pink-400::placeholder { + color: #f687b3; } - .lg\:ml-32 { - margin-left: 8rem; + .lg\:placeholder-pink-500::placeholder { + color: #ed64a6; } - .lg\:mt-40 { - margin-top: 10rem; + .lg\:placeholder-pink-600::placeholder { + color: #d53f8c; } - .lg\:mr-40 { - margin-right: 10rem; + .lg\:placeholder-pink-700::placeholder { + color: #b83280; } - .lg\:mb-40 { - margin-bottom: 10rem; + .lg\:placeholder-pink-800::placeholder { + color: #97266d; } - .lg\:ml-40 { - margin-left: 10rem; + .lg\:placeholder-pink-900::placeholder { + color: #702459; } - .lg\:mt-48 { - margin-top: 12rem; + .lg\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .lg\:mr-48 { - margin-right: 12rem; + .lg\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .lg\:mb-48 { - margin-bottom: 12rem; + .lg\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .lg\:ml-48 { - margin-left: 12rem; + .lg\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc; } - .lg\:mt-56 { - margin-top: 14rem; + .lg\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7; } - .lg\:mr-56 { - margin-right: 14rem; + .lg\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0; } - .lg\:mb-56 { - margin-bottom: 14rem; + .lg\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0; } - .lg\:ml-56 { - margin-left: 14rem; + .lg\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0; } - .lg\:mt-64 { - margin-top: 16rem; + .lg\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096; } - .lg\:mr-64 { - margin-right: 16rem; + .lg\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568; + } + + .lg\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748; } - .lg\:mb-64 { - margin-bottom: 16rem; + .lg\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c; } - .lg\:ml-64 { - margin-left: 16rem; + .lg\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5; } - .lg\:mt-auto { - margin-top: auto; + .lg\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7; } - .lg\:mr-auto { - margin-right: auto; + .lg\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2; } - .lg\:mb-auto { - margin-bottom: auto; + .lg\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181; } - .lg\:ml-auto { - margin-left: auto; + .lg\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565; } - .lg\:mt-px { - margin-top: 1px; + .lg\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e; } - .lg\:mr-px { - margin-right: 1px; + .lg\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030; } - .lg\:mb-px { - margin-bottom: 1px; + .lg\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c; } - .lg\:ml-px { - margin-left: 1px; + .lg\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a; } - .lg\:-mt-1 { - margin-top: -0.25rem; + .lg\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0; } - .lg\:-mr-1 { - margin-right: -0.25rem; + .lg\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8; } - .lg\:-mb-1 { - margin-bottom: -0.25rem; + .lg\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d; } - .lg\:-ml-1 { - margin-left: -0.25rem; + .lg\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55; } - .lg\:-mt-2 { - margin-top: -0.5rem; + .lg\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936; } - .lg\:-mr-2 { - margin-right: -0.5rem; + .lg\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20; } - .lg\:-mb-2 { - margin-bottom: -0.5rem; + .lg\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621; } - .lg\:-ml-2 { - margin-left: -0.5rem; + .lg\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221; } - .lg\:-mt-3 { - margin-top: -0.75rem; + .lg\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e; } - .lg\:-mr-3 { - margin-right: -0.75rem; + .lg\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0; } - .lg\:-mb-3 { - margin-bottom: -0.75rem; + .lg\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf; } - .lg\:-ml-3 { - margin-left: -0.75rem; + .lg\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089; } - .lg\:-mt-4 { - margin-top: -1rem; + .lg\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e; } - .lg\:-mr-4 { - margin-right: -1rem; + .lg\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b; } - .lg\:-mb-4 { - margin-bottom: -1rem; + .lg\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e; } - .lg\:-ml-4 { - margin-left: -1rem; + .lg\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f; } - .lg\:-mt-5 { - margin-top: -1.25rem; + .lg\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16; } - .lg\:-mr-5 { - margin-right: -1.25rem; + .lg\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210; } - .lg\:-mb-5 { - margin-bottom: -1.25rem; + .lg\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4; } - .lg\:-ml-5 { - margin-left: -1.25rem; + .lg\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5; } - .lg\:-mt-6 { - margin-top: -1.5rem; + .lg\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4; } - .lg\:-mr-6 { - margin-right: -1.5rem; + .lg\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391; } - .lg\:-mb-6 { - margin-bottom: -1.5rem; + .lg\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78; } - .lg\:-ml-6 { - margin-left: -1.5rem; + .lg\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169; } - .lg\:-mt-8 { - margin-top: -2rem; + .lg\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a; } - .lg\:-mr-8 { - margin-right: -2rem; + .lg\:focus\:placeholder-green-800:focus::placeholder { + color: #276749; } - .lg\:-mb-8 { - margin-bottom: -2rem; + .lg\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d; } - .lg\:-ml-8 { - margin-left: -2rem; + .lg\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa; } - .lg\:-mt-10 { - margin-top: -2.5rem; + .lg\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea; } - .lg\:-mr-10 { - margin-right: -2.5rem; + .lg\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9; } - .lg\:-mb-10 { - margin-bottom: -2.5rem; + .lg\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5; } - .lg\:-ml-10 { - margin-left: -2.5rem; + .lg\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac; } - .lg\:-mt-12 { - margin-top: -3rem; + .lg\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795; } - .lg\:-mr-12 { - margin-right: -3rem; + .lg\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b; } - .lg\:-mb-12 { - margin-bottom: -3rem; + .lg\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61; } - .lg\:-ml-12 { - margin-left: -3rem; + .lg\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52; } - .lg\:-mt-16 { - margin-top: -4rem; + .lg\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff; } - .lg\:-mr-16 { - margin-right: -4rem; + .lg\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8; } - .lg\:-mb-16 { - margin-bottom: -4rem; + .lg\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4; } - .lg\:-ml-16 { - margin-left: -4rem; + .lg\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed; } - .lg\:-mt-20 { - margin-top: -5rem; + .lg\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1; } - .lg\:-mr-20 { - margin-right: -5rem; + .lg\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce; } - .lg\:-mb-20 { - margin-bottom: -5rem; + .lg\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0; } - .lg\:-ml-20 { - margin-left: -5rem; + .lg\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282; } - .lg\:-mt-24 { - margin-top: -6rem; + .lg\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365; } - .lg\:-mr-24 { - margin-right: -6rem; + .lg\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff; } - .lg\:-mb-24 { - margin-bottom: -6rem; + .lg\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe; } - .lg\:-ml-24 { - margin-left: -6rem; + .lg\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa; } - .lg\:-mt-32 { - margin-top: -8rem; + .lg\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5; } - .lg\:-mr-32 { - margin-right: -8rem; + .lg\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea; } - .lg\:-mb-32 { - margin-bottom: -8rem; + .lg\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8; } - .lg\:-ml-32 { - margin-left: -8rem; + .lg\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf; } - .lg\:-mt-40 { - margin-top: -10rem; + .lg\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190; } - .lg\:-mr-40 { - margin-right: -10rem; + .lg\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b; } - .lg\:-mb-40 { - margin-bottom: -10rem; + .lg\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff; } - .lg\:-ml-40 { - margin-left: -10rem; + .lg\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd; } - .lg\:-mt-48 { - margin-top: -12rem; + .lg\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa; } - .lg\:-mr-48 { - margin-right: -12rem; + .lg\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4; } - .lg\:-mb-48 { - margin-bottom: -12rem; + .lg\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea; } - .lg\:-ml-48 { - margin-left: -12rem; + .lg\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5; } - .lg\:-mt-56 { - margin-top: -14rem; + .lg\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1; } - .lg\:-mr-56 { - margin-right: -14rem; + .lg\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a; } - .lg\:-mb-56 { - margin-bottom: -14rem; + .lg\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a; } - .lg\:-ml-56 { - margin-left: -14rem; + .lg\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7; } - .lg\:-mt-64 { - margin-top: -16rem; + .lg\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2; } - .lg\:-mr-64 { - margin-right: -16rem; + .lg\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce; } - .lg\:-mb-64 { - margin-bottom: -16rem; + .lg\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3; } - .lg\:-ml-64 { - margin-left: -16rem; + .lg\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6; } - .lg\:-mt-px { - margin-top: -1px; + .lg\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c; } - .lg\:-mr-px { - margin-right: -1px; + .lg\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280; } - .lg\:-mb-px { - margin-bottom: -1px; + .lg\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d; } - .lg\:-ml-px { - margin-left: -1px; + .lg\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459; } - .lg\:max-h-full { - max-height: 100%; + .lg\:pointer-events-none { + pointer-events: none; } - .lg\:max-h-screen { - max-height: 100vh; + .lg\:pointer-events-auto { + pointer-events: auto; } - .lg\:max-w-xs { - max-width: 20rem; + .lg\:static { + position: static; } - .lg\:max-w-sm { - max-width: 24rem; + .lg\:fixed { + position: fixed; } - .lg\:max-w-md { - max-width: 28rem; + .lg\:absolute { + position: absolute; } - .lg\:max-w-lg { - max-width: 32rem; + .lg\:relative { + position: relative; } - .lg\:max-w-xl { - max-width: 36rem; + .lg\:sticky { + position: sticky; } - .lg\:max-w-2xl { - max-width: 42rem; + .lg\:inset-0 { + top: 0; + right: 0; + bottom: 0; + left: 0; } - .lg\:max-w-3xl { - max-width: 48rem; + .lg\:inset-auto { + top: auto; + right: auto; + bottom: auto; + left: auto; } - .lg\:max-w-4xl { - max-width: 56rem; + .lg\:inset-y-0 { + top: 0; + bottom: 0; } - .lg\:max-w-5xl { - max-width: 64rem; + .lg\:inset-x-0 { + right: 0; + left: 0; } - .lg\:max-w-6xl { - max-width: 72rem; + .lg\:inset-y-auto { + top: auto; + bottom: auto; } - .lg\:max-w-full { - max-width: 100%; + .lg\:inset-x-auto { + right: auto; + left: auto; } - .lg\:min-h-0 { - min-height: 0; + .lg\:top-0 { + top: 0; } - .lg\:min-h-full { - min-height: 100%; + .lg\:right-0 { + right: 0; } - .lg\:min-h-screen { - min-height: 100vh; + .lg\:bottom-0 { + bottom: 0; } - .lg\:min-w-0 { - min-width: 0; + .lg\:left-0 { + left: 0; } - .lg\:min-w-full { - min-width: 100%; + .lg\:top-auto { + top: auto; } - .lg\:object-contain { - object-fit: contain; + .lg\:right-auto { + right: auto; } - .lg\:object-cover { - object-fit: cover; + .lg\:bottom-auto { + bottom: auto; } - .lg\:object-fill { - object-fit: fill; + .lg\:left-auto { + left: auto; } - .lg\:object-none { - object-fit: none; + .lg\:resize-none { + resize: none; } - .lg\:object-scale-down { - object-fit: scale-down; + .lg\:resize-y { + resize: vertical; } - .lg\:object-bottom { - object-position: bottom; + .lg\:resize-x { + resize: horizontal; } - .lg\:object-center { - object-position: center; + .lg\:resize { + resize: both; } - .lg\:object-left { - object-position: left; + .lg\:shadow { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:object-left-bottom { - object-position: left bottom; + .lg\:shadow-md { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:object-left-top { - object-position: left top; + .lg\:shadow-lg { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:object-right { - object-position: right; + .lg\:shadow-xl { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:object-right-bottom { - object-position: right bottom; + .lg\:shadow-2xl { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:object-right-top { - object-position: right top; + .lg\:shadow-inner { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:object-top { - object-position: top; + .lg\:shadow-outline { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:opacity-0 { - opacity: 0; + .lg\:shadow-none { + box-shadow: none; } - .lg\:opacity-25 { - opacity: 0.25; + .lg\:hover\:shadow:hover { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:opacity-50 { - opacity: 0.5; + .lg\:hover\:shadow-md:hover { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:opacity-75 { - opacity: 0.75; + .lg\:hover\:shadow-lg:hover { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:opacity-100 { - opacity: 1; + .lg\:hover\:shadow-xl:hover { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:outline-none { - outline: 0; + .lg\:hover\:shadow-2xl:hover { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:focus\:outline-none:focus { - outline: 0; + .lg\:hover\:shadow-inner:hover { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:overflow-auto { - overflow: auto; + .lg\:hover\:shadow-outline:hover { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:overflow-hidden { - overflow: hidden; + .lg\:hover\:shadow-none:hover { + box-shadow: none; } - .lg\:overflow-visible { - overflow: visible; + .lg\:focus\:shadow:focus { + box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); } - .lg\:overflow-scroll { - overflow: scroll; + .lg\:focus\:shadow-md:focus { + box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); } - .lg\:overflow-x-auto { - overflow-x: auto; + .lg\:focus\:shadow-lg:focus { + box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); } - .lg\:overflow-y-auto { - overflow-y: auto; + .lg\:focus\:shadow-xl:focus { + box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); } - .lg\:overflow-x-hidden { - overflow-x: hidden; + .lg\:focus\:shadow-2xl:focus { + box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); } - .lg\:overflow-y-hidden { - overflow-y: hidden; + .lg\:focus\:shadow-inner:focus { + box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); } - .lg\:overflow-x-visible { - overflow-x: visible; + .lg\:focus\:shadow-outline:focus { + box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); } - .lg\:overflow-y-visible { - overflow-y: visible; + .lg\:focus\:shadow-none:focus { + box-shadow: none; } - .lg\:overflow-x-scroll { - overflow-x: scroll; + .lg\:fill-current { + fill: currentColor; } - .lg\:overflow-y-scroll { - overflow-y: scroll; + .lg\:stroke-current { + stroke: currentColor; } - .lg\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .lg\:table-auto { + table-layout: auto; } - .lg\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .lg\:table-fixed { + table-layout: fixed; } - .lg\:p-0 { - padding: 0; + .lg\:text-left { + text-align: left; } - .lg\:p-1 { - padding: 0.25rem; + .lg\:text-center { + text-align: center; } - .lg\:p-2 { - padding: 0.5rem; + .lg\:text-right { + text-align: right; } - .lg\:p-3 { - padding: 0.75rem; + .lg\:text-justify { + text-align: justify; } - .lg\:p-4 { - padding: 1rem; + .lg\:text-transparent { + color: transparent; } - .lg\:p-5 { - padding: 1.25rem; + .lg\:text-black { + color: #000; } - .lg\:p-6 { - padding: 1.5rem; + .lg\:text-white { + color: #fff; } - .lg\:p-8 { - padding: 2rem; + .lg\:text-gray-100 { + color: #f7fafc; } - .lg\:p-10 { - padding: 2.5rem; + .lg\:text-gray-200 { + color: #edf2f7; } - .lg\:p-12 { - padding: 3rem; + .lg\:text-gray-300 { + color: #e2e8f0; } - .lg\:p-16 { - padding: 4rem; + .lg\:text-gray-400 { + color: #cbd5e0; } - .lg\:p-20 { - padding: 5rem; + .lg\:text-gray-500 { + color: #a0aec0; } - .lg\:p-24 { - padding: 6rem; + .lg\:text-gray-600 { + color: #718096; } - .lg\:p-32 { - padding: 8rem; + .lg\:text-gray-700 { + color: #4a5568; } - .lg\:p-40 { - padding: 10rem; + .lg\:text-gray-800 { + color: #2d3748; } - .lg\:p-48 { - padding: 12rem; + .lg\:text-gray-900 { + color: #1a202c; } - .lg\:p-56 { - padding: 14rem; + .lg\:text-red-100 { + color: #fff5f5; } - .lg\:p-64 { - padding: 16rem; + .lg\:text-red-200 { + color: #fed7d7; } - .lg\:p-px { - padding: 1px; + .lg\:text-red-300 { + color: #feb2b2; } - .lg\:py-0 { - padding-top: 0; - padding-bottom: 0; + .lg\:text-red-400 { + color: #fc8181; } - .lg\:px-0 { - padding-left: 0; - padding-right: 0; + .lg\:text-red-500 { + color: #f56565; } - .lg\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .lg\:text-red-600 { + color: #e53e3e; } - .lg\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .lg\:text-red-700 { + color: #c53030; } - .lg\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .lg\:text-red-800 { + color: #9b2c2c; } - .lg\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .lg\:text-red-900 { + color: #742a2a; } - .lg\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .lg\:text-orange-100 { + color: #fffaf0; } - .lg\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .lg\:text-orange-200 { + color: #feebc8; } - .lg\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .lg\:text-orange-300 { + color: #fbd38d; } - .lg\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .lg\:text-orange-400 { + color: #f6ad55; } - .lg\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .lg\:text-orange-500 { + color: #ed8936; } - .lg\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .lg\:text-orange-600 { + color: #dd6b20; } - .lg\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .lg\:text-orange-700 { + color: #c05621; } - .lg\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .lg\:text-orange-800 { + color: #9c4221; } - .lg\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .lg\:text-orange-900 { + color: #7b341e; } - .lg\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .lg\:text-yellow-100 { + color: #fffff0; } - .lg\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .lg\:text-yellow-200 { + color: #fefcbf; } - .lg\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .lg\:text-yellow-300 { + color: #faf089; } - .lg\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .lg\:text-yellow-400 { + color: #f6e05e; } - .lg\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .lg\:text-yellow-500 { + color: #ecc94b; } - .lg\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .lg\:text-yellow-600 { + color: #d69e2e; } - .lg\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .lg\:text-yellow-700 { + color: #b7791f; } - .lg\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .lg\:text-yellow-800 { + color: #975a16; } - .lg\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .lg\:text-yellow-900 { + color: #744210; } - .lg\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .lg\:text-green-100 { + color: #f0fff4; } - .lg\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .lg\:text-green-200 { + color: #c6f6d5; } - .lg\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .lg\:text-green-300 { + color: #9ae6b4; } - .lg\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .lg\:text-green-400 { + color: #68d391; } - .lg\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .lg\:text-green-500 { + color: #48bb78; } - .lg\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .lg\:text-green-600 { + color: #38a169; } - .lg\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .lg\:text-green-700 { + color: #2f855a; } - .lg\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .lg\:text-green-800 { + color: #276749; } - .lg\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .lg\:text-green-900 { + color: #22543d; } - .lg\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .lg\:text-teal-100 { + color: #e6fffa; } - .lg\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .lg\:text-teal-200 { + color: #b2f5ea; } - .lg\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .lg\:text-teal-300 { + color: #81e6d9; } - .lg\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .lg\:text-teal-400 { + color: #4fd1c5; } - .lg\:px-px { - padding-left: 1px; - padding-right: 1px; + .lg\:text-teal-500 { + color: #38b2ac; } - .lg\:pt-0 { - padding-top: 0; + .lg\:text-teal-600 { + color: #319795; } - .lg\:pr-0 { - padding-right: 0; + .lg\:text-teal-700 { + color: #2c7a7b; } - .lg\:pb-0 { - padding-bottom: 0; + .lg\:text-teal-800 { + color: #285e61; } - .lg\:pl-0 { - padding-left: 0; + .lg\:text-teal-900 { + color: #234e52; } - .lg\:pt-1 { - padding-top: 0.25rem; + .lg\:text-blue-100 { + color: #ebf8ff; } - .lg\:pr-1 { - padding-right: 0.25rem; + .lg\:text-blue-200 { + color: #bee3f8; } - .lg\:pb-1 { - padding-bottom: 0.25rem; + .lg\:text-blue-300 { + color: #90cdf4; } - .lg\:pl-1 { - padding-left: 0.25rem; + .lg\:text-blue-400 { + color: #63b3ed; } - .lg\:pt-2 { - padding-top: 0.5rem; + .lg\:text-blue-500 { + color: #4299e1; } - .lg\:pr-2 { - padding-right: 0.5rem; + .lg\:text-blue-600 { + color: #3182ce; } - .lg\:pb-2 { - padding-bottom: 0.5rem; + .lg\:text-blue-700 { + color: #2b6cb0; } - .lg\:pl-2 { - padding-left: 0.5rem; + .lg\:text-blue-800 { + color: #2c5282; } - .lg\:pt-3 { - padding-top: 0.75rem; + .lg\:text-blue-900 { + color: #2a4365; } - .lg\:pr-3 { - padding-right: 0.75rem; + .lg\:text-indigo-100 { + color: #ebf4ff; } - .lg\:pb-3 { - padding-bottom: 0.75rem; + .lg\:text-indigo-200 { + color: #c3dafe; } - .lg\:pl-3 { - padding-left: 0.75rem; + .lg\:text-indigo-300 { + color: #a3bffa; } - .lg\:pt-4 { - padding-top: 1rem; + .lg\:text-indigo-400 { + color: #7f9cf5; } - .lg\:pr-4 { - padding-right: 1rem; + .lg\:text-indigo-500 { + color: #667eea; } - .lg\:pb-4 { - padding-bottom: 1rem; + .lg\:text-indigo-600 { + color: #5a67d8; } - .lg\:pl-4 { - padding-left: 1rem; + .lg\:text-indigo-700 { + color: #4c51bf; } - .lg\:pt-5 { - padding-top: 1.25rem; + .lg\:text-indigo-800 { + color: #434190; } - .lg\:pr-5 { - padding-right: 1.25rem; + .lg\:text-indigo-900 { + color: #3c366b; } - .lg\:pb-5 { - padding-bottom: 1.25rem; + .lg\:text-purple-100 { + color: #faf5ff; } - .lg\:pl-5 { - padding-left: 1.25rem; + .lg\:text-purple-200 { + color: #e9d8fd; } - .lg\:pt-6 { - padding-top: 1.5rem; + .lg\:text-purple-300 { + color: #d6bcfa; } - .lg\:pr-6 { - padding-right: 1.5rem; + .lg\:text-purple-400 { + color: #b794f4; } - .lg\:pb-6 { - padding-bottom: 1.5rem; + .lg\:text-purple-500 { + color: #9f7aea; } - .lg\:pl-6 { - padding-left: 1.5rem; + .lg\:text-purple-600 { + color: #805ad5; } - .lg\:pt-8 { - padding-top: 2rem; + .lg\:text-purple-700 { + color: #6b46c1; } - .lg\:pr-8 { - padding-right: 2rem; + .lg\:text-purple-800 { + color: #553c9a; } - .lg\:pb-8 { - padding-bottom: 2rem; + .lg\:text-purple-900 { + color: #44337a; } - .lg\:pl-8 { - padding-left: 2rem; + .lg\:text-pink-100 { + color: #fff5f7; } - .lg\:pt-10 { - padding-top: 2.5rem; + .lg\:text-pink-200 { + color: #fed7e2; } - .lg\:pr-10 { - padding-right: 2.5rem; + .lg\:text-pink-300 { + color: #fbb6ce; } - .lg\:pb-10 { - padding-bottom: 2.5rem; + .lg\:text-pink-400 { + color: #f687b3; } - .lg\:pl-10 { - padding-left: 2.5rem; + .lg\:text-pink-500 { + color: #ed64a6; } - .lg\:pt-12 { - padding-top: 3rem; + .lg\:text-pink-600 { + color: #d53f8c; } - .lg\:pr-12 { - padding-right: 3rem; + .lg\:text-pink-700 { + color: #b83280; } - .lg\:pb-12 { - padding-bottom: 3rem; + .lg\:text-pink-800 { + color: #97266d; } - .lg\:pl-12 { - padding-left: 3rem; + .lg\:text-pink-900 { + color: #702459; } - .lg\:pt-16 { - padding-top: 4rem; + .lg\:hover\:text-transparent:hover { + color: transparent; } - .lg\:pr-16 { - padding-right: 4rem; + .lg\:hover\:text-black:hover { + color: #000; } - .lg\:pb-16 { - padding-bottom: 4rem; + .lg\:hover\:text-white:hover { + color: #fff; } - .lg\:pl-16 { - padding-left: 4rem; + .lg\:hover\:text-gray-100:hover { + color: #f7fafc; } - .lg\:pt-20 { - padding-top: 5rem; + .lg\:hover\:text-gray-200:hover { + color: #edf2f7; } - .lg\:pr-20 { - padding-right: 5rem; + .lg\:hover\:text-gray-300:hover { + color: #e2e8f0; } - .lg\:pb-20 { - padding-bottom: 5rem; + .lg\:hover\:text-gray-400:hover { + color: #cbd5e0; } - .lg\:pl-20 { - padding-left: 5rem; + .lg\:hover\:text-gray-500:hover { + color: #a0aec0; } - .lg\:pt-24 { - padding-top: 6rem; + .lg\:hover\:text-gray-600:hover { + color: #718096; } - .lg\:pr-24 { - padding-right: 6rem; + .lg\:hover\:text-gray-700:hover { + color: #4a5568; } - .lg\:pb-24 { - padding-bottom: 6rem; + .lg\:hover\:text-gray-800:hover { + color: #2d3748; } - .lg\:pl-24 { - padding-left: 6rem; + .lg\:hover\:text-gray-900:hover { + color: #1a202c; } - .lg\:pt-32 { - padding-top: 8rem; + .lg\:hover\:text-red-100:hover { + color: #fff5f5; } - .lg\:pr-32 { - padding-right: 8rem; + .lg\:hover\:text-red-200:hover { + color: #fed7d7; } - .lg\:pb-32 { - padding-bottom: 8rem; + .lg\:hover\:text-red-300:hover { + color: #feb2b2; } - .lg\:pl-32 { - padding-left: 8rem; + .lg\:hover\:text-red-400:hover { + color: #fc8181; } - .lg\:pt-40 { - padding-top: 10rem; + .lg\:hover\:text-red-500:hover { + color: #f56565; } - .lg\:pr-40 { - padding-right: 10rem; + .lg\:hover\:text-red-600:hover { + color: #e53e3e; } - .lg\:pb-40 { - padding-bottom: 10rem; + .lg\:hover\:text-red-700:hover { + color: #c53030; } - .lg\:pl-40 { - padding-left: 10rem; + .lg\:hover\:text-red-800:hover { + color: #9b2c2c; } - .lg\:pt-48 { - padding-top: 12rem; + .lg\:hover\:text-red-900:hover { + color: #742a2a; } - .lg\:pr-48 { - padding-right: 12rem; + .lg\:hover\:text-orange-100:hover { + color: #fffaf0; } - .lg\:pb-48 { - padding-bottom: 12rem; + .lg\:hover\:text-orange-200:hover { + color: #feebc8; } - .lg\:pl-48 { - padding-left: 12rem; + .lg\:hover\:text-orange-300:hover { + color: #fbd38d; } - .lg\:pt-56 { - padding-top: 14rem; + .lg\:hover\:text-orange-400:hover { + color: #f6ad55; } - .lg\:pr-56 { - padding-right: 14rem; + .lg\:hover\:text-orange-500:hover { + color: #ed8936; } - .lg\:pb-56 { - padding-bottom: 14rem; + .lg\:hover\:text-orange-600:hover { + color: #dd6b20; } - .lg\:pl-56 { - padding-left: 14rem; + .lg\:hover\:text-orange-700:hover { + color: #c05621; } - .lg\:pt-64 { - padding-top: 16rem; + .lg\:hover\:text-orange-800:hover { + color: #9c4221; } - .lg\:pr-64 { - padding-right: 16rem; + .lg\:hover\:text-orange-900:hover { + color: #7b341e; } - .lg\:pb-64 { - padding-bottom: 16rem; + .lg\:hover\:text-yellow-100:hover { + color: #fffff0; } - .lg\:pl-64 { - padding-left: 16rem; + .lg\:hover\:text-yellow-200:hover { + color: #fefcbf; } - .lg\:pt-px { - padding-top: 1px; + .lg\:hover\:text-yellow-300:hover { + color: #faf089; } - .lg\:pr-px { - padding-right: 1px; + .lg\:hover\:text-yellow-400:hover { + color: #f6e05e; } - .lg\:pb-px { - padding-bottom: 1px; + .lg\:hover\:text-yellow-500:hover { + color: #ecc94b; } - .lg\:pl-px { - padding-left: 1px; + .lg\:hover\:text-yellow-600:hover { + color: #d69e2e; } - .lg\:pointer-events-none { - pointer-events: none; + .lg\:hover\:text-yellow-700:hover { + color: #b7791f; } - .lg\:pointer-events-auto { - pointer-events: auto; + .lg\:hover\:text-yellow-800:hover { + color: #975a16; } - .lg\:static { - position: static; + .lg\:hover\:text-yellow-900:hover { + color: #744210; } - .lg\:fixed { - position: fixed; + .lg\:hover\:text-green-100:hover { + color: #f0fff4; } - .lg\:absolute { - position: absolute; + .lg\:hover\:text-green-200:hover { + color: #c6f6d5; } - .lg\:relative { - position: relative; + .lg\:hover\:text-green-300:hover { + color: #9ae6b4; } - .lg\:sticky { - position: sticky; + .lg\:hover\:text-green-400:hover { + color: #68d391; } - .lg\:inset-0 { - top: 0; - right: 0; - bottom: 0; - left: 0; + .lg\:hover\:text-green-500:hover { + color: #48bb78; } - .lg\:inset-auto { - top: auto; - right: auto; - bottom: auto; - left: auto; + .lg\:hover\:text-green-600:hover { + color: #38a169; } - .lg\:inset-y-0 { - top: 0; - bottom: 0; + .lg\:hover\:text-green-700:hover { + color: #2f855a; } - .lg\:inset-x-0 { - right: 0; - left: 0; + .lg\:hover\:text-green-800:hover { + color: #276749; } - .lg\:inset-y-auto { - top: auto; - bottom: auto; + .lg\:hover\:text-green-900:hover { + color: #22543d; } - .lg\:inset-x-auto { - right: auto; - left: auto; + .lg\:hover\:text-teal-100:hover { + color: #e6fffa; } - .lg\:top-0 { - top: 0; + .lg\:hover\:text-teal-200:hover { + color: #b2f5ea; } - .lg\:right-0 { - right: 0; + .lg\:hover\:text-teal-300:hover { + color: #81e6d9; } - .lg\:bottom-0 { - bottom: 0; + .lg\:hover\:text-teal-400:hover { + color: #4fd1c5; } - .lg\:left-0 { - left: 0; + .lg\:hover\:text-teal-500:hover { + color: #38b2ac; } - .lg\:top-auto { - top: auto; + .lg\:hover\:text-teal-600:hover { + color: #319795; } - .lg\:right-auto { - right: auto; + .lg\:hover\:text-teal-700:hover { + color: #2c7a7b; } - .lg\:bottom-auto { - bottom: auto; + .lg\:hover\:text-teal-800:hover { + color: #285e61; } - .lg\:left-auto { - left: auto; + .lg\:hover\:text-teal-900:hover { + color: #234e52; } - .lg\:resize-none { - resize: none; + .lg\:hover\:text-blue-100:hover { + color: #ebf8ff; } - .lg\:resize-y { - resize: vertical; + .lg\:hover\:text-blue-200:hover { + color: #bee3f8; } - .lg\:resize-x { - resize: horizontal; + .lg\:hover\:text-blue-300:hover { + color: #90cdf4; } - .lg\:resize { - resize: both; + .lg\:hover\:text-blue-400:hover { + color: #63b3ed; } - .lg\:shadow { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-blue-500:hover { + color: #4299e1; } - .lg\:shadow-md { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:hover\:text-blue-600:hover { + color: #3182ce; } - .lg\:shadow-lg { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-blue-700:hover { + color: #2b6cb0; } - .lg\:shadow-xl { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:hover\:text-blue-800:hover { + color: #2c5282; } - .lg\:shadow-2xl { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-blue-900:hover { + color: #2a4365; } - .lg\:shadow-inner { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-indigo-100:hover { + color: #ebf4ff; } - .lg\:shadow-outline { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-indigo-200:hover { + color: #c3dafe; } - .lg\:shadow-none { - box-shadow: none; + .lg\:hover\:text-indigo-300:hover { + color: #a3bffa; } - .lg\:hover\:shadow:hover { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-indigo-400:hover { + color: #7f9cf5; } - .lg\:hover\:shadow-md:hover { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:hover\:text-indigo-500:hover { + color: #667eea; } - .lg\:hover\:shadow-lg:hover { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-indigo-600:hover { + color: #5a67d8; } - .lg\:hover\:shadow-xl:hover { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:hover\:text-indigo-700:hover { + color: #4c51bf; } - .lg\:hover\:shadow-2xl:hover { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-indigo-800:hover { + color: #434190; } - .lg\:hover\:shadow-inner:hover { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-indigo-900:hover { + color: #3c366b; } - .lg\:hover\:shadow-outline:hover { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-purple-100:hover { + color: #faf5ff; } - .lg\:hover\:shadow-none:hover { - box-shadow: none; + .lg\:hover\:text-purple-200:hover { + color: #e9d8fd; } - .lg\:focus\:shadow:focus { - box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-purple-300:hover { + color: #d6bcfa; } - .lg\:focus\:shadow-md:focus { - box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06); + .lg\:hover\:text-purple-400:hover { + color: #b794f4; } - .lg\:focus\:shadow-lg:focus { - box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05); + .lg\:hover\:text-purple-500:hover { + color: #9f7aea; } - .lg\:focus\:shadow-xl:focus { - box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); + .lg\:hover\:text-purple-600:hover { + color: #805ad5; } - .lg\:focus\:shadow-2xl:focus { - box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25); + .lg\:hover\:text-purple-700:hover { + color: #6b46c1; } - .lg\:focus\:shadow-inner:focus { - box-shadow: inset 0 2px 4px 0 rgba(0, 0, 0, 0.06); + .lg\:hover\:text-purple-800:hover { + color: #553c9a; } - .lg\:focus\:shadow-outline:focus { - box-shadow: 0 0 0 3px rgba(66, 153, 225, 0.5); + .lg\:hover\:text-purple-900:hover { + color: #44337a; } - .lg\:focus\:shadow-none:focus { - box-shadow: none; + .lg\:hover\:text-pink-100:hover { + color: #fff5f7; } - .lg\:fill-current { - fill: currentColor; + .lg\:hover\:text-pink-200:hover { + color: #fed7e2; } - .lg\:stroke-current { - stroke: currentColor; + .lg\:hover\:text-pink-300:hover { + color: #fbb6ce; } - .lg\:table-auto { - table-layout: auto; + .lg\:hover\:text-pink-400:hover { + color: #f687b3; } - .lg\:table-fixed { - table-layout: fixed; + .lg\:hover\:text-pink-500:hover { + color: #ed64a6; } - .lg\:text-left { - text-align: left; + .lg\:hover\:text-pink-600:hover { + color: #d53f8c; } - .lg\:text-center { - text-align: center; + .lg\:hover\:text-pink-700:hover { + color: #b83280; } - .lg\:text-right { - text-align: right; + .lg\:hover\:text-pink-800:hover { + color: #97266d; } - .lg\:text-justify { - text-align: justify; + .lg\:hover\:text-pink-900:hover { + color: #702459; } - .lg\:text-transparent { + .lg\:focus\:text-transparent:focus { color: transparent; } - .lg\:text-black { + .lg\:focus\:text-black:focus { color: #000; } - .lg\:text-white { + .lg\:focus\:text-white:focus { color: #fff; } - .lg\:text-gray-100 { + .lg\:focus\:text-gray-100:focus { color: #f7fafc; } - .lg\:text-gray-200 { + .lg\:focus\:text-gray-200:focus { color: #edf2f7; } - .lg\:text-gray-300 { + .lg\:focus\:text-gray-300:focus { color: #e2e8f0; } - .lg\:text-gray-400 { + .lg\:focus\:text-gray-400:focus { color: #cbd5e0; } - .lg\:text-gray-500 { + .lg\:focus\:text-gray-500:focus { color: #a0aec0; } - .lg\:text-gray-600 { + .lg\:focus\:text-gray-600:focus { color: #718096; } - .lg\:text-gray-700 { + .lg\:focus\:text-gray-700:focus { color: #4a5568; } - .lg\:text-gray-800 { + .lg\:focus\:text-gray-800:focus { color: #2d3748; } - .lg\:text-gray-900 { + .lg\:focus\:text-gray-900:focus { color: #1a202c; } - .lg\:text-red-100 { + .lg\:focus\:text-red-100:focus { color: #fff5f5; } - .lg\:text-red-200 { + .lg\:focus\:text-red-200:focus { color: #fed7d7; } - .lg\:text-red-300 { + .lg\:focus\:text-red-300:focus { color: #feb2b2; } - .lg\:text-red-400 { + .lg\:focus\:text-red-400:focus { color: #fc8181; } - .lg\:text-red-500 { + .lg\:focus\:text-red-500:focus { color: #f56565; } - .lg\:text-red-600 { + .lg\:focus\:text-red-600:focus { color: #e53e3e; } - .lg\:text-red-700 { + .lg\:focus\:text-red-700:focus { color: #c53030; } - .lg\:text-red-800 { + .lg\:focus\:text-red-800:focus { color: #9b2c2c; } - .lg\:text-red-900 { + .lg\:focus\:text-red-900:focus { color: #742a2a; } - .lg\:text-orange-100 { + .lg\:focus\:text-orange-100:focus { color: #fffaf0; } - .lg\:text-orange-200 { + .lg\:focus\:text-orange-200:focus { color: #feebc8; } - .lg\:text-orange-300 { + .lg\:focus\:text-orange-300:focus { color: #fbd38d; } - .lg\:text-orange-400 { + .lg\:focus\:text-orange-400:focus { color: #f6ad55; } - .lg\:text-orange-500 { + .lg\:focus\:text-orange-500:focus { color: #ed8936; } - .lg\:text-orange-600 { + .lg\:focus\:text-orange-600:focus { color: #dd6b20; } - .lg\:text-orange-700 { + .lg\:focus\:text-orange-700:focus { color: #c05621; } - .lg\:text-orange-800 { + .lg\:focus\:text-orange-800:focus { color: #9c4221; } - .lg\:text-orange-900 { + .lg\:focus\:text-orange-900:focus { color: #7b341e; } - .lg\:text-yellow-100 { + .lg\:focus\:text-yellow-100:focus { color: #fffff0; } - .lg\:text-yellow-200 { + .lg\:focus\:text-yellow-200:focus { color: #fefcbf; } - .lg\:text-yellow-300 { + .lg\:focus\:text-yellow-300:focus { color: #faf089; } - .lg\:text-yellow-400 { + .lg\:focus\:text-yellow-400:focus { color: #f6e05e; } - .lg\:text-yellow-500 { + .lg\:focus\:text-yellow-500:focus { color: #ecc94b; } - .lg\:text-yellow-600 { + .lg\:focus\:text-yellow-600:focus { color: #d69e2e; } - .lg\:text-yellow-700 { + .lg\:focus\:text-yellow-700:focus { color: #b7791f; } - .lg\:text-yellow-800 { + .lg\:focus\:text-yellow-800:focus { color: #975a16; } - .lg\:text-yellow-900 { + .lg\:focus\:text-yellow-900:focus { color: #744210; } - .lg\:text-green-100 { + .lg\:focus\:text-green-100:focus { color: #f0fff4; } - .lg\:text-green-200 { + .lg\:focus\:text-green-200:focus { color: #c6f6d5; } - .lg\:text-green-300 { + .lg\:focus\:text-green-300:focus { color: #9ae6b4; } - .lg\:text-green-400 { + .lg\:focus\:text-green-400:focus { color: #68d391; } - .lg\:text-green-500 { + .lg\:focus\:text-green-500:focus { color: #48bb78; } - .lg\:text-green-600 { + .lg\:focus\:text-green-600:focus { color: #38a169; } - .lg\:text-green-700 { + .lg\:focus\:text-green-700:focus { color: #2f855a; } - .lg\:text-green-800 { + .lg\:focus\:text-green-800:focus { color: #276749; } - .lg\:text-green-900 { + .lg\:focus\:text-green-900:focus { color: #22543d; } - .lg\:text-teal-100 { + .lg\:focus\:text-teal-100:focus { color: #e6fffa; } - .lg\:text-teal-200 { + .lg\:focus\:text-teal-200:focus { color: #b2f5ea; } - .lg\:text-teal-300 { + .lg\:focus\:text-teal-300:focus { color: #81e6d9; } - .lg\:text-teal-400 { + .lg\:focus\:text-teal-400:focus { color: #4fd1c5; } - .lg\:text-teal-500 { + .lg\:focus\:text-teal-500:focus { color: #38b2ac; } - .lg\:text-teal-600 { + .lg\:focus\:text-teal-600:focus { color: #319795; } - .lg\:text-teal-700 { + .lg\:focus\:text-teal-700:focus { color: #2c7a7b; } - .lg\:text-teal-800 { + .lg\:focus\:text-teal-800:focus { color: #285e61; } - .lg\:text-teal-900 { + .lg\:focus\:text-teal-900:focus { color: #234e52; } - .lg\:text-blue-100 { + .lg\:focus\:text-blue-100:focus { color: #ebf8ff; } - .lg\:text-blue-200 { + .lg\:focus\:text-blue-200:focus { color: #bee3f8; } - .lg\:text-blue-300 { + .lg\:focus\:text-blue-300:focus { color: #90cdf4; } - .lg\:text-blue-400 { + .lg\:focus\:text-blue-400:focus { color: #63b3ed; } - .lg\:text-blue-500 { + .lg\:focus\:text-blue-500:focus { color: #4299e1; } - .lg\:text-blue-600 { + .lg\:focus\:text-blue-600:focus { color: #3182ce; } - .lg\:text-blue-700 { + .lg\:focus\:text-blue-700:focus { color: #2b6cb0; } - .lg\:text-blue-800 { + .lg\:focus\:text-blue-800:focus { color: #2c5282; } - .lg\:text-blue-900 { + .lg\:focus\:text-blue-900:focus { color: #2a4365; } - .lg\:text-indigo-100 { + .lg\:focus\:text-indigo-100:focus { color: #ebf4ff; } - .lg\:text-indigo-200 { + .lg\:focus\:text-indigo-200:focus { color: #c3dafe; } - .lg\:text-indigo-300 { + .lg\:focus\:text-indigo-300:focus { color: #a3bffa; } - .lg\:text-indigo-400 { + .lg\:focus\:text-indigo-400:focus { color: #7f9cf5; } - .lg\:text-indigo-500 { + .lg\:focus\:text-indigo-500:focus { color: #667eea; } - .lg\:text-indigo-600 { + .lg\:focus\:text-indigo-600:focus { color: #5a67d8; } - .lg\:text-indigo-700 { + .lg\:focus\:text-indigo-700:focus { color: #4c51bf; } - .lg\:text-indigo-800 { + .lg\:focus\:text-indigo-800:focus { color: #434190; } - .lg\:text-indigo-900 { + .lg\:focus\:text-indigo-900:focus { color: #3c366b; } - .lg\:text-purple-100 { + .lg\:focus\:text-purple-100:focus { color: #faf5ff; } - .lg\:text-purple-200 { + .lg\:focus\:text-purple-200:focus { color: #e9d8fd; } - .lg\:text-purple-300 { + .lg\:focus\:text-purple-300:focus { color: #d6bcfa; } - .lg\:text-purple-400 { + .lg\:focus\:text-purple-400:focus { color: #b794f4; } - .lg\:text-purple-500 { + .lg\:focus\:text-purple-500:focus { color: #9f7aea; } - .lg\:text-purple-600 { + .lg\:focus\:text-purple-600:focus { color: #805ad5; } - .lg\:text-purple-700 { + .lg\:focus\:text-purple-700:focus { color: #6b46c1; } - .lg\:text-purple-800 { + .lg\:focus\:text-purple-800:focus { color: #553c9a; } - .lg\:text-purple-900 { + .lg\:focus\:text-purple-900:focus { color: #44337a; } - .lg\:text-pink-100 { + .lg\:focus\:text-pink-100:focus { color: #fff5f7; } - .lg\:text-pink-200 { + .lg\:focus\:text-pink-200:focus { color: #fed7e2; } - .lg\:text-pink-300 { + .lg\:focus\:text-pink-300:focus { color: #fbb6ce; } - .lg\:text-pink-400 { + .lg\:focus\:text-pink-400:focus { color: #f687b3; } - .lg\:text-pink-500 { + .lg\:focus\:text-pink-500:focus { color: #ed64a6; } - .lg\:text-pink-600 { + .lg\:focus\:text-pink-600:focus { color: #d53f8c; } - .lg\:text-pink-700 { + .lg\:focus\:text-pink-700:focus { color: #b83280; } - .lg\:text-pink-800 { + .lg\:focus\:text-pink-800:focus { color: #97266d; } - .lg\:text-pink-900 { + .lg\:focus\:text-pink-900:focus { color: #702459; } - .lg\:hover\:text-transparent:hover { - color: transparent; + .lg\:text-xs { + font-size: 0.75rem; } - .lg\:hover\:text-black:hover { - color: #000; + .lg\:text-sm { + font-size: 0.875rem; } - .lg\:hover\:text-white:hover { - color: #fff; + .lg\:text-base { + font-size: 1rem; } - .lg\:hover\:text-gray-100:hover { - color: #f7fafc; + .lg\:text-lg { + font-size: 1.125rem; } - .lg\:hover\:text-gray-200:hover { - color: #edf2f7; + .lg\:text-xl { + font-size: 1.25rem; } - .lg\:hover\:text-gray-300:hover { - color: #e2e8f0; + .lg\:text-2xl { + font-size: 1.5rem; } - .lg\:hover\:text-gray-400:hover { - color: #cbd5e0; + .lg\:text-3xl { + font-size: 1.875rem; } - .lg\:hover\:text-gray-500:hover { - color: #a0aec0; + .lg\:text-4xl { + font-size: 2.25rem; } - .lg\:hover\:text-gray-600:hover { - color: #718096; + .lg\:text-5xl { + font-size: 3rem; } - .lg\:hover\:text-gray-700:hover { - color: #4a5568; + .lg\:text-6xl { + font-size: 4rem; } - .lg\:hover\:text-gray-800:hover { - color: #2d3748; + .lg\:italic { + font-style: italic; } - .lg\:hover\:text-gray-900:hover { - color: #1a202c; + .lg\:not-italic { + font-style: normal; } - .lg\:hover\:text-red-100:hover { - color: #fff5f5; + .lg\:uppercase { + text-transform: uppercase; } - .lg\:hover\:text-red-200:hover { - color: #fed7d7; + .lg\:lowercase { + text-transform: lowercase; } - .lg\:hover\:text-red-300:hover { - color: #feb2b2; + .lg\:capitalize { + text-transform: capitalize; } - .lg\:hover\:text-red-400:hover { - color: #fc8181; + .lg\:normal-case { + text-transform: none; } - .lg\:hover\:text-red-500:hover { - color: #f56565; + .lg\:underline { + text-decoration: underline; } - .lg\:hover\:text-red-600:hover { - color: #e53e3e; + .lg\:line-through { + text-decoration: line-through; } - .lg\:hover\:text-red-700:hover { - color: #c53030; + .lg\:no-underline { + text-decoration: none; } - .lg\:hover\:text-red-800:hover { - color: #9b2c2c; + .lg\:hover\:underline:hover { + text-decoration: underline; } - .lg\:hover\:text-red-900:hover { - color: #742a2a; + .lg\:hover\:line-through:hover { + text-decoration: line-through; } - .lg\:hover\:text-orange-100:hover { - color: #fffaf0; + .lg\:hover\:no-underline:hover { + text-decoration: none; } - .lg\:hover\:text-orange-200:hover { - color: #feebc8; + .lg\:focus\:underline:focus { + text-decoration: underline; } - .lg\:hover\:text-orange-300:hover { - color: #fbd38d; + .lg\:focus\:line-through:focus { + text-decoration: line-through; } - .lg\:hover\:text-orange-400:hover { - color: #f6ad55; + .lg\:focus\:no-underline:focus { + text-decoration: none; } - .lg\:hover\:text-orange-500:hover { - color: #ed8936; + .lg\:antialiased { + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } - .lg\:hover\:text-orange-600:hover { - color: #dd6b20; + .lg\:subpixel-antialiased { + -webkit-font-smoothing: auto; + -moz-osx-font-smoothing: auto; } - .lg\:hover\:text-orange-700:hover { - color: #c05621; + .lg\:tracking-tighter { + letter-spacing: -0.05em; } - .lg\:hover\:text-orange-800:hover { - color: #9c4221; + .lg\:tracking-tight { + letter-spacing: -0.025em; } - .lg\:hover\:text-orange-900:hover { - color: #7b341e; + .lg\:tracking-normal { + letter-spacing: 0; } - .lg\:hover\:text-yellow-100:hover { - color: #fffff0; + .lg\:tracking-wide { + letter-spacing: 0.025em; } - .lg\:hover\:text-yellow-200:hover { - color: #fefcbf; + .lg\:tracking-wider { + letter-spacing: 0.05em; } - .lg\:hover\:text-yellow-300:hover { - color: #faf089; + .lg\:tracking-widest { + letter-spacing: 0.1em; } - .lg\:hover\:text-yellow-400:hover { - color: #f6e05e; + .lg\:select-none { + user-select: none; } - .lg\:hover\:text-yellow-500:hover { - color: #ecc94b; + .lg\:select-text { + user-select: text; } - .lg\:hover\:text-yellow-600:hover { - color: #d69e2e; + .lg\:select-all { + user-select: all; } - .lg\:hover\:text-yellow-700:hover { - color: #b7791f; + .lg\:select-auto { + user-select: auto; } - .lg\:hover\:text-yellow-800:hover { - color: #975a16; + .lg\:align-baseline { + vertical-align: baseline; } - .lg\:hover\:text-yellow-900:hover { - color: #744210; + .lg\:align-top { + vertical-align: top; } - .lg\:hover\:text-green-100:hover { - color: #f0fff4; + .lg\:align-middle { + vertical-align: middle; } - .lg\:hover\:text-green-200:hover { - color: #c6f6d5; + .lg\:align-bottom { + vertical-align: bottom; } - .lg\:hover\:text-green-300:hover { - color: #9ae6b4; + .lg\:align-text-top { + vertical-align: text-top; } - .lg\:hover\:text-green-400:hover { - color: #68d391; + .lg\:align-text-bottom { + vertical-align: text-bottom; } - .lg\:hover\:text-green-500:hover { - color: #48bb78; + .lg\:visible { + visibility: visible; } - .lg\:hover\:text-green-600:hover { - color: #38a169; + .lg\:invisible { + visibility: hidden; } - .lg\:hover\:text-green-700:hover { - color: #2f855a; + .lg\:whitespace-normal { + white-space: normal; } - .lg\:hover\:text-green-800:hover { - color: #276749; + .lg\:whitespace-no-wrap { + white-space: nowrap; } - .lg\:hover\:text-green-900:hover { - color: #22543d; + .lg\:whitespace-pre { + white-space: pre; } - .lg\:hover\:text-teal-100:hover { - color: #e6fffa; + .lg\:whitespace-pre-line { + white-space: pre-line; } - .lg\:hover\:text-teal-200:hover { - color: #b2f5ea; + .lg\:whitespace-pre-wrap { + white-space: pre-wrap; } - .lg\:hover\:text-teal-300:hover { - color: #81e6d9; + .lg\:break-normal { + overflow-wrap: normal; + word-break: normal; } - .lg\:hover\:text-teal-400:hover { - color: #4fd1c5; + .lg\:break-words { + overflow-wrap: break-word; } - .lg\:hover\:text-teal-500:hover { - color: #38b2ac; + .lg\:break-all { + word-break: break-all; } - .lg\:hover\:text-teal-600:hover { - color: #319795; + .lg\:truncate { + overflow: hidden; + text-overflow: ellipsis; + white-space: nowrap; } - .lg\:hover\:text-teal-700:hover { - color: #2c7a7b; + .lg\:w-0 { + width: 0; } - .lg\:hover\:text-teal-800:hover { - color: #285e61; + .lg\:w-1 { + width: 0.25rem; } - .lg\:hover\:text-teal-900:hover { - color: #234e52; + .lg\:w-2 { + width: 0.5rem; } - .lg\:hover\:text-blue-100:hover { - color: #ebf8ff; + .lg\:w-3 { + width: 0.75rem; } - .lg\:hover\:text-blue-200:hover { - color: #bee3f8; + .lg\:w-4 { + width: 1rem; } - .lg\:hover\:text-blue-300:hover { - color: #90cdf4; + .lg\:w-5 { + width: 1.25rem; } - .lg\:hover\:text-blue-400:hover { - color: #63b3ed; + .lg\:w-6 { + width: 1.5rem; } - .lg\:hover\:text-blue-500:hover { - color: #4299e1; + .lg\:w-8 { + width: 2rem; } - .lg\:hover\:text-blue-600:hover { - color: #3182ce; + .lg\:w-10 { + width: 2.5rem; } - .lg\:hover\:text-blue-700:hover { - color: #2b6cb0; + .lg\:w-12 { + width: 3rem; } - .lg\:hover\:text-blue-800:hover { - color: #2c5282; + .lg\:w-16 { + width: 4rem; } - .lg\:hover\:text-blue-900:hover { - color: #2a4365; + .lg\:w-20 { + width: 5rem; } - .lg\:hover\:text-indigo-100:hover { - color: #ebf4ff; + .lg\:w-24 { + width: 6rem; } - .lg\:hover\:text-indigo-200:hover { - color: #c3dafe; + .lg\:w-32 { + width: 8rem; } - .lg\:hover\:text-indigo-300:hover { - color: #a3bffa; + .lg\:w-40 { + width: 10rem; } - .lg\:hover\:text-indigo-400:hover { - color: #7f9cf5; + .lg\:w-48 { + width: 12rem; } - .lg\:hover\:text-indigo-500:hover { - color: #667eea; + .lg\:w-56 { + width: 14rem; } - .lg\:hover\:text-indigo-600:hover { - color: #5a67d8; + .lg\:w-64 { + width: 16rem; } - .lg\:hover\:text-indigo-700:hover { - color: #4c51bf; + .lg\:w-auto { + width: auto; } - .lg\:hover\:text-indigo-800:hover { - color: #434190; + .lg\:w-px { + width: 1px; } - .lg\:hover\:text-indigo-900:hover { - color: #3c366b; + .lg\:w-1\/2 { + width: 50%; } - .lg\:hover\:text-purple-100:hover { - color: #faf5ff; + .lg\:w-1\/3 { + width: 33.333333%; } - .lg\:hover\:text-purple-200:hover { - color: #e9d8fd; + .lg\:w-2\/3 { + width: 66.666667%; } - .lg\:hover\:text-purple-300:hover { - color: #d6bcfa; + .lg\:w-1\/4 { + width: 25%; } - .lg\:hover\:text-purple-400:hover { - color: #b794f4; + .lg\:w-2\/4 { + width: 50%; } - .lg\:hover\:text-purple-500:hover { - color: #9f7aea; + .lg\:w-3\/4 { + width: 75%; } - .lg\:hover\:text-purple-600:hover { - color: #805ad5; + .lg\:w-1\/5 { + width: 20%; } - .lg\:hover\:text-purple-700:hover { - color: #6b46c1; + .lg\:w-2\/5 { + width: 40%; } - .lg\:hover\:text-purple-800:hover { - color: #553c9a; + .lg\:w-3\/5 { + width: 60%; } - .lg\:hover\:text-purple-900:hover { - color: #44337a; + .lg\:w-4\/5 { + width: 80%; } - .lg\:hover\:text-pink-100:hover { - color: #fff5f7; + .lg\:w-1\/6 { + width: 16.666667%; } - .lg\:hover\:text-pink-200:hover { - color: #fed7e2; + .lg\:w-2\/6 { + width: 33.333333%; } - .lg\:hover\:text-pink-300:hover { - color: #fbb6ce; + .lg\:w-3\/6 { + width: 50%; } - .lg\:hover\:text-pink-400:hover { - color: #f687b3; + .lg\:w-4\/6 { + width: 66.666667%; } - .lg\:hover\:text-pink-500:hover { - color: #ed64a6; + .lg\:w-5\/6 { + width: 83.333333%; } - .lg\:hover\:text-pink-600:hover { - color: #d53f8c; + .lg\:w-1\/12 { + width: 8.333333%; } - .lg\:hover\:text-pink-700:hover { - color: #b83280; + .lg\:w-2\/12 { + width: 16.666667%; } - .lg\:hover\:text-pink-800:hover { - color: #97266d; + .lg\:w-3\/12 { + width: 25%; } - .lg\:hover\:text-pink-900:hover { - color: #702459; + .lg\:w-4\/12 { + width: 33.333333%; } - .lg\:focus\:text-transparent:focus { - color: transparent; + .lg\:w-5\/12 { + width: 41.666667%; } - .lg\:focus\:text-black:focus { - color: #000; + .lg\:w-6\/12 { + width: 50%; } - .lg\:focus\:text-white:focus { - color: #fff; + .lg\:w-7\/12 { + width: 58.333333%; } - .lg\:focus\:text-gray-100:focus { - color: #f7fafc; + .lg\:w-8\/12 { + width: 66.666667%; } - .lg\:focus\:text-gray-200:focus { - color: #edf2f7; + .lg\:w-9\/12 { + width: 75%; } - .lg\:focus\:text-gray-300:focus { - color: #e2e8f0; + .lg\:w-10\/12 { + width: 83.333333%; } - .lg\:focus\:text-gray-400:focus { - color: #cbd5e0; + .lg\:w-11\/12 { + width: 91.666667%; } - .lg\:focus\:text-gray-500:focus { - color: #a0aec0; + .lg\:w-full { + width: 100%; } - .lg\:focus\:text-gray-600:focus { - color: #718096; + .lg\:w-screen { + width: 100vw; } - .lg\:focus\:text-gray-700:focus { - color: #4a5568; + .lg\:z-0 { + z-index: 0; } - .lg\:focus\:text-gray-800:focus { - color: #2d3748; + .lg\:z-10 { + z-index: 10; } - .lg\:focus\:text-gray-900:focus { - color: #1a202c; + .lg\:z-20 { + z-index: 20; } - .lg\:focus\:text-red-100:focus { - color: #fff5f5; + .lg\:z-30 { + z-index: 30; } - .lg\:focus\:text-red-200:focus { - color: #fed7d7; + .lg\:z-40 { + z-index: 40; } - .lg\:focus\:text-red-300:focus { - color: #feb2b2; + .lg\:z-50 { + z-index: 50; } - .lg\:focus\:text-red-400:focus { - color: #fc8181; + .lg\:z-auto { + z-index: auto; } - .lg\:focus\:text-red-500:focus { + .lg\:example { + font-weight: 700; color: #f56565; } +} - .lg\:focus\:text-red-600:focus { - color: #e53e3e; +@media (min-width: 1280px) { + .xl\: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; } - .lg\:focus\:text-red-700:focus { - color: #c53030; + .xl\:not-sr-only { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:focus\:text-red-800:focus { - color: #9b2c2c; + .xl\: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; } - .lg\:focus\:text-red-900:focus { - color: #742a2a; + .xl\:focus\:not-sr-only:focus { + position: static; + width: auto; + height: auto; + padding: 0; + margin: 0; + overflow: visible; + clip: auto; + white-space: normal; } - .lg\:focus\:text-orange-100:focus { - color: #fffaf0; + .xl\:appearance-none { + appearance: none; } - .lg\:focus\:text-orange-200:focus { - color: #feebc8; + .xl\:bg-fixed { + background-attachment: fixed; } - .lg\:focus\:text-orange-300:focus { - color: #fbd38d; + .xl\:bg-local { + background-attachment: local; } - .lg\:focus\:text-orange-400:focus { - color: #f6ad55; + .xl\:bg-scroll { + background-attachment: scroll; } - .lg\:focus\:text-orange-500:focus { - color: #ed8936; + .xl\:bg-transparent { + background-color: transparent; } - .lg\:focus\:text-orange-600:focus { - color: #dd6b20; + .xl\:bg-black { + background-color: #000; } - .lg\:focus\:text-orange-700:focus { - color: #c05621; + .xl\:bg-white { + background-color: #fff; } - .lg\:focus\:text-orange-800:focus { - color: #9c4221; + .xl\:bg-gray-100 { + background-color: #f7fafc; } - .lg\:focus\:text-orange-900:focus { - color: #7b341e; + .xl\:bg-gray-200 { + background-color: #edf2f7; } - .lg\:focus\:text-yellow-100:focus { - color: #fffff0; + .xl\:bg-gray-300 { + background-color: #e2e8f0; } - .lg\:focus\:text-yellow-200:focus { - color: #fefcbf; + .xl\:bg-gray-400 { + background-color: #cbd5e0; } - .lg\:focus\:text-yellow-300:focus { - color: #faf089; + .xl\:bg-gray-500 { + background-color: #a0aec0; } - .lg\:focus\:text-yellow-400:focus { - color: #f6e05e; + .xl\:bg-gray-600 { + background-color: #718096; } - .lg\:focus\:text-yellow-500:focus { - color: #ecc94b; + .xl\:bg-gray-700 { + background-color: #4a5568; } - .lg\:focus\:text-yellow-600:focus { - color: #d69e2e; + .xl\:bg-gray-800 { + background-color: #2d3748; } - .lg\:focus\:text-yellow-700:focus { - color: #b7791f; + .xl\:bg-gray-900 { + background-color: #1a202c; } - .lg\:focus\:text-yellow-800:focus { - color: #975a16; + .xl\:bg-red-100 { + background-color: #fff5f5; } - .lg\:focus\:text-yellow-900:focus { - color: #744210; + .xl\:bg-red-200 { + background-color: #fed7d7; } - .lg\:focus\:text-green-100:focus { - color: #f0fff4; + .xl\:bg-red-300 { + background-color: #feb2b2; } - .lg\:focus\:text-green-200:focus { - color: #c6f6d5; + .xl\:bg-red-400 { + background-color: #fc8181; } - .lg\:focus\:text-green-300:focus { - color: #9ae6b4; + .xl\:bg-red-500 { + background-color: #f56565; } - .lg\:focus\:text-green-400:focus { - color: #68d391; + .xl\:bg-red-600 { + background-color: #e53e3e; } - .lg\:focus\:text-green-500:focus { - color: #48bb78; + .xl\:bg-red-700 { + background-color: #c53030; } - .lg\:focus\:text-green-600:focus { - color: #38a169; + .xl\:bg-red-800 { + background-color: #9b2c2c; } - .lg\:focus\:text-green-700:focus { - color: #2f855a; + .xl\:bg-red-900 { + background-color: #742a2a; } - .lg\:focus\:text-green-800:focus { - color: #276749; + .xl\:bg-orange-100 { + background-color: #fffaf0; } - .lg\:focus\:text-green-900:focus { - color: #22543d; + .xl\:bg-orange-200 { + background-color: #feebc8; } - .lg\:focus\:text-teal-100:focus { - color: #e6fffa; + .xl\:bg-orange-300 { + background-color: #fbd38d; } - .lg\:focus\:text-teal-200:focus { - color: #b2f5ea; + .xl\:bg-orange-400 { + background-color: #f6ad55; } - .lg\:focus\:text-teal-300:focus { - color: #81e6d9; + .xl\:bg-orange-500 { + background-color: #ed8936; } - .lg\:focus\:text-teal-400:focus { - color: #4fd1c5; + .xl\:bg-orange-600 { + background-color: #dd6b20; } - .lg\:focus\:text-teal-500:focus { - color: #38b2ac; + .xl\:bg-orange-700 { + background-color: #c05621; } - .lg\:focus\:text-teal-600:focus { - color: #319795; + .xl\:bg-orange-800 { + background-color: #9c4221; } - .lg\:focus\:text-teal-700:focus { - color: #2c7a7b; + .xl\:bg-orange-900 { + background-color: #7b341e; } - .lg\:focus\:text-teal-800:focus { - color: #285e61; + .xl\:bg-yellow-100 { + background-color: #fffff0; } - .lg\:focus\:text-teal-900:focus { - color: #234e52; + .xl\:bg-yellow-200 { + background-color: #fefcbf; } - .lg\:focus\:text-blue-100:focus { - color: #ebf8ff; + .xl\:bg-yellow-300 { + background-color: #faf089; } - .lg\:focus\:text-blue-200:focus { - color: #bee3f8; + .xl\:bg-yellow-400 { + background-color: #f6e05e; } - .lg\:focus\:text-blue-300:focus { - color: #90cdf4; + .xl\:bg-yellow-500 { + background-color: #ecc94b; } - .lg\:focus\:text-blue-400:focus { - color: #63b3ed; + .xl\:bg-yellow-600 { + background-color: #d69e2e; } - .lg\:focus\:text-blue-500:focus { - color: #4299e1; + .xl\:bg-yellow-700 { + background-color: #b7791f; } - .lg\:focus\:text-blue-600:focus { - color: #3182ce; + .xl\:bg-yellow-800 { + background-color: #975a16; } - .lg\:focus\:text-blue-700:focus { - color: #2b6cb0; + .xl\:bg-yellow-900 { + background-color: #744210; } - .lg\:focus\:text-blue-800:focus { - color: #2c5282; + .xl\:bg-green-100 { + background-color: #f0fff4; } - .lg\:focus\:text-blue-900:focus { - color: #2a4365; + .xl\:bg-green-200 { + background-color: #c6f6d5; } - .lg\:focus\:text-indigo-100:focus { - color: #ebf4ff; + .xl\:bg-green-300 { + background-color: #9ae6b4; } - .lg\:focus\:text-indigo-200:focus { - color: #c3dafe; + .xl\:bg-green-400 { + background-color: #68d391; } - .lg\:focus\:text-indigo-300:focus { - color: #a3bffa; + .xl\:bg-green-500 { + background-color: #48bb78; } - .lg\:focus\:text-indigo-400:focus { - color: #7f9cf5; + .xl\:bg-green-600 { + background-color: #38a169; } - .lg\:focus\:text-indigo-500:focus { - color: #667eea; + .xl\:bg-green-700 { + background-color: #2f855a; } - .lg\:focus\:text-indigo-600:focus { - color: #5a67d8; + .xl\:bg-green-800 { + background-color: #276749; } - .lg\:focus\:text-indigo-700:focus { - color: #4c51bf; + .xl\:bg-green-900 { + background-color: #22543d; } - .lg\:focus\:text-indigo-800:focus { - color: #434190; + .xl\:bg-teal-100 { + background-color: #e6fffa; } - .lg\:focus\:text-indigo-900:focus { - color: #3c366b; + .xl\:bg-teal-200 { + background-color: #b2f5ea; } - .lg\:focus\:text-purple-100:focus { - color: #faf5ff; + .xl\:bg-teal-300 { + background-color: #81e6d9; } - .lg\:focus\:text-purple-200:focus { - color: #e9d8fd; + .xl\:bg-teal-400 { + background-color: #4fd1c5; } - .lg\:focus\:text-purple-300:focus { - color: #d6bcfa; + .xl\:bg-teal-500 { + background-color: #38b2ac; } - .lg\:focus\:text-purple-400:focus { - color: #b794f4; + .xl\:bg-teal-600 { + background-color: #319795; } - .lg\:focus\:text-purple-500:focus { - color: #9f7aea; + .xl\:bg-teal-700 { + background-color: #2c7a7b; } - .lg\:focus\:text-purple-600:focus { - color: #805ad5; + .xl\:bg-teal-800 { + background-color: #285e61; } - .lg\:focus\:text-purple-700:focus { - color: #6b46c1; + .xl\:bg-teal-900 { + background-color: #234e52; } - .lg\:focus\:text-purple-800:focus { - color: #553c9a; + .xl\:bg-blue-100 { + background-color: #ebf8ff; } - .lg\:focus\:text-purple-900:focus { - color: #44337a; + .xl\:bg-blue-200 { + background-color: #bee3f8; } - .lg\:focus\:text-pink-100:focus { - color: #fff5f7; + .xl\:bg-blue-300 { + background-color: #90cdf4; } - .lg\:focus\:text-pink-200:focus { - color: #fed7e2; + .xl\:bg-blue-400 { + background-color: #63b3ed; } - .lg\:focus\:text-pink-300:focus { - color: #fbb6ce; + .xl\:bg-blue-500 { + background-color: #4299e1; } - .lg\:focus\:text-pink-400:focus { - color: #f687b3; + .xl\:bg-blue-600 { + background-color: #3182ce; } - .lg\:focus\:text-pink-500:focus { - color: #ed64a6; + .xl\:bg-blue-700 { + background-color: #2b6cb0; } - .lg\:focus\:text-pink-600:focus { - color: #d53f8c; + .xl\:bg-blue-800 { + background-color: #2c5282; } - .lg\:focus\:text-pink-700:focus { - color: #b83280; + .xl\:bg-blue-900 { + background-color: #2a4365; } - .lg\:focus\:text-pink-800:focus { - color: #97266d; + .xl\:bg-indigo-100 { + background-color: #ebf4ff; } - .lg\:focus\:text-pink-900:focus { - color: #702459; + .xl\:bg-indigo-200 { + background-color: #c3dafe; } - .lg\:text-xs { - font-size: 0.75rem; + .xl\:bg-indigo-300 { + background-color: #a3bffa; } - .lg\:text-sm { - font-size: 0.875rem; + .xl\:bg-indigo-400 { + background-color: #7f9cf5; } - .lg\:text-base { - font-size: 1rem; + .xl\:bg-indigo-500 { + background-color: #667eea; } - .lg\:text-lg { - font-size: 1.125rem; + .xl\:bg-indigo-600 { + background-color: #5a67d8; } - .lg\:text-xl { - font-size: 1.25rem; + .xl\:bg-indigo-700 { + background-color: #4c51bf; } - .lg\:text-2xl { - font-size: 1.5rem; + .xl\:bg-indigo-800 { + background-color: #434190; } - .lg\:text-3xl { - font-size: 1.875rem; + .xl\:bg-indigo-900 { + background-color: #3c366b; } - .lg\:text-4xl { - font-size: 2.25rem; + .xl\:bg-purple-100 { + background-color: #faf5ff; } - .lg\:text-5xl { - font-size: 3rem; + .xl\:bg-purple-200 { + background-color: #e9d8fd; } - .lg\:text-6xl { - font-size: 4rem; + .xl\:bg-purple-300 { + background-color: #d6bcfa; } - .lg\:italic { - font-style: italic; + .xl\:bg-purple-400 { + background-color: #b794f4; } - .lg\:not-italic { - font-style: normal; + .xl\:bg-purple-500 { + background-color: #9f7aea; } - .lg\:uppercase { - text-transform: uppercase; + .xl\:bg-purple-600 { + background-color: #805ad5; } - .lg\:lowercase { - text-transform: lowercase; + .xl\:bg-purple-700 { + background-color: #6b46c1; } - .lg\:capitalize { - text-transform: capitalize; + .xl\:bg-purple-800 { + background-color: #553c9a; } - .lg\:normal-case { - text-transform: none; + .xl\:bg-purple-900 { + background-color: #44337a; } - .lg\:underline { - text-decoration: underline; + .xl\:bg-pink-100 { + background-color: #fff5f7; } - .lg\:line-through { - text-decoration: line-through; + .xl\:bg-pink-200 { + background-color: #fed7e2; } - .lg\:no-underline { - text-decoration: none; + .xl\:bg-pink-300 { + background-color: #fbb6ce; } - .lg\:hover\:underline:hover { - text-decoration: underline; + .xl\:bg-pink-400 { + background-color: #f687b3; } - .lg\:hover\:line-through:hover { - text-decoration: line-through; + .xl\:bg-pink-500 { + background-color: #ed64a6; } - .lg\:hover\:no-underline:hover { - text-decoration: none; + .xl\:bg-pink-600 { + background-color: #d53f8c; } - .lg\:focus\:underline:focus { - text-decoration: underline; + .xl\:bg-pink-700 { + background-color: #b83280; } - .lg\:focus\:line-through:focus { - text-decoration: line-through; + .xl\:bg-pink-800 { + background-color: #97266d; } - .lg\:focus\:no-underline:focus { - text-decoration: none; + .xl\:bg-pink-900 { + background-color: #702459; } - .lg\:antialiased { - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; + .xl\:hover\:bg-transparent:hover { + background-color: transparent; } - .lg\:subpixel-antialiased { - -webkit-font-smoothing: auto; - -moz-osx-font-smoothing: auto; + .xl\:hover\:bg-black:hover { + background-color: #000; } - .lg\:tracking-tighter { - letter-spacing: -0.05em; + .xl\:hover\:bg-white:hover { + background-color: #fff; } - .lg\:tracking-tight { - letter-spacing: -0.025em; + .xl\:hover\:bg-gray-100:hover { + background-color: #f7fafc; } - .lg\:tracking-normal { - letter-spacing: 0; + .xl\:hover\:bg-gray-200:hover { + background-color: #edf2f7; } - .lg\:tracking-wide { - letter-spacing: 0.025em; + .xl\:hover\:bg-gray-300:hover { + background-color: #e2e8f0; } - .lg\:tracking-wider { - letter-spacing: 0.05em; + .xl\:hover\:bg-gray-400:hover { + background-color: #cbd5e0; } - .lg\:tracking-widest { - letter-spacing: 0.1em; + .xl\:hover\:bg-gray-500:hover { + background-color: #a0aec0; } - .lg\:select-none { - user-select: none; + .xl\:hover\:bg-gray-600:hover { + background-color: #718096; } - .lg\:select-text { - user-select: text; + .xl\:hover\:bg-gray-700:hover { + background-color: #4a5568; } - .lg\:select-all { - user-select: all; + .xl\:hover\:bg-gray-800:hover { + background-color: #2d3748; } - .lg\:select-auto { - user-select: auto; + .xl\:hover\:bg-gray-900:hover { + background-color: #1a202c; } - .lg\:align-baseline { - vertical-align: baseline; + .xl\:hover\:bg-red-100:hover { + background-color: #fff5f5; } - .lg\:align-top { - vertical-align: top; + .xl\:hover\:bg-red-200:hover { + background-color: #fed7d7; } - .lg\:align-middle { - vertical-align: middle; + .xl\:hover\:bg-red-300:hover { + background-color: #feb2b2; } - .lg\:align-bottom { - vertical-align: bottom; + .xl\:hover\:bg-red-400:hover { + background-color: #fc8181; } - .lg\:align-text-top { - vertical-align: text-top; + .xl\:hover\:bg-red-500:hover { + background-color: #f56565; } - .lg\:align-text-bottom { - vertical-align: text-bottom; + .xl\:hover\:bg-red-600:hover { + background-color: #e53e3e; } - .lg\:visible { - visibility: visible; + .xl\:hover\:bg-red-700:hover { + background-color: #c53030; } - .lg\:invisible { - visibility: hidden; + .xl\:hover\:bg-red-800:hover { + background-color: #9b2c2c; } - .lg\:whitespace-normal { - white-space: normal; + .xl\:hover\:bg-red-900:hover { + background-color: #742a2a; } - .lg\:whitespace-no-wrap { - white-space: nowrap; + .xl\:hover\:bg-orange-100:hover { + background-color: #fffaf0; } - .lg\:whitespace-pre { - white-space: pre; + .xl\:hover\:bg-orange-200:hover { + background-color: #feebc8; } - .lg\:whitespace-pre-line { - white-space: pre-line; + .xl\:hover\:bg-orange-300:hover { + background-color: #fbd38d; } - .lg\:whitespace-pre-wrap { - white-space: pre-wrap; + .xl\:hover\:bg-orange-400:hover { + background-color: #f6ad55; } - .lg\:break-normal { - overflow-wrap: normal; - word-break: normal; + .xl\:hover\:bg-orange-500:hover { + background-color: #ed8936; } - .lg\:break-words { - overflow-wrap: break-word; + .xl\:hover\:bg-orange-600:hover { + background-color: #dd6b20; } - .lg\:break-all { - word-break: break-all; + .xl\:hover\:bg-orange-700:hover { + background-color: #c05621; } - .lg\:truncate { - overflow: hidden; - text-overflow: ellipsis; - white-space: nowrap; + .xl\:hover\:bg-orange-800:hover { + background-color: #9c4221; } - .lg\:w-0 { - width: 0; + .xl\:hover\:bg-orange-900:hover { + background-color: #7b341e; } - .lg\:w-1 { - width: 0.25rem; + .xl\:hover\:bg-yellow-100:hover { + background-color: #fffff0; } - .lg\:w-2 { - width: 0.5rem; + .xl\:hover\:bg-yellow-200:hover { + background-color: #fefcbf; } - .lg\:w-3 { - width: 0.75rem; + .xl\:hover\:bg-yellow-300:hover { + background-color: #faf089; } - .lg\:w-4 { - width: 1rem; + .xl\:hover\:bg-yellow-400:hover { + background-color: #f6e05e; } - .lg\:w-5 { - width: 1.25rem; + .xl\:hover\:bg-yellow-500:hover { + background-color: #ecc94b; } - .lg\:w-6 { - width: 1.5rem; + .xl\:hover\:bg-yellow-600:hover { + background-color: #d69e2e; } - .lg\:w-8 { - width: 2rem; + .xl\:hover\:bg-yellow-700:hover { + background-color: #b7791f; } - .lg\:w-10 { - width: 2.5rem; + .xl\:hover\:bg-yellow-800:hover { + background-color: #975a16; } - .lg\:w-12 { - width: 3rem; + .xl\:hover\:bg-yellow-900:hover { + background-color: #744210; } - .lg\:w-16 { - width: 4rem; + .xl\:hover\:bg-green-100:hover { + background-color: #f0fff4; } - .lg\:w-20 { - width: 5rem; + .xl\:hover\:bg-green-200:hover { + background-color: #c6f6d5; } - .lg\:w-24 { - width: 6rem; + .xl\:hover\:bg-green-300:hover { + background-color: #9ae6b4; } - .lg\:w-32 { - width: 8rem; + .xl\:hover\:bg-green-400:hover { + background-color: #68d391; } - .lg\:w-40 { - width: 10rem; + .xl\:hover\:bg-green-500:hover { + background-color: #48bb78; } - .lg\:w-48 { - width: 12rem; + .xl\:hover\:bg-green-600:hover { + background-color: #38a169; } - .lg\:w-56 { - width: 14rem; + .xl\:hover\:bg-green-700:hover { + background-color: #2f855a; } - .lg\:w-64 { - width: 16rem; + .xl\:hover\:bg-green-800:hover { + background-color: #276749; } - .lg\:w-auto { - width: auto; + .xl\:hover\:bg-green-900:hover { + background-color: #22543d; } - .lg\:w-px { - width: 1px; + .xl\:hover\:bg-teal-100:hover { + background-color: #e6fffa; } - .lg\:w-1\/2 { - width: 50%; + .xl\:hover\:bg-teal-200:hover { + background-color: #b2f5ea; } - .lg\:w-1\/3 { - width: 33.333333%; + .xl\:hover\:bg-teal-300:hover { + background-color: #81e6d9; } - .lg\:w-2\/3 { - width: 66.666667%; + .xl\:hover\:bg-teal-400:hover { + background-color: #4fd1c5; } - - .lg\:w-1\/4 { - width: 25%; + + .xl\:hover\:bg-teal-500:hover { + background-color: #38b2ac; } - .lg\:w-2\/4 { - width: 50%; + .xl\:hover\:bg-teal-600:hover { + background-color: #319795; } - .lg\:w-3\/4 { - width: 75%; + .xl\:hover\:bg-teal-700:hover { + background-color: #2c7a7b; } - .lg\:w-1\/5 { - width: 20%; + .xl\:hover\:bg-teal-800:hover { + background-color: #285e61; } - .lg\:w-2\/5 { - width: 40%; + .xl\:hover\:bg-teal-900:hover { + background-color: #234e52; } - .lg\:w-3\/5 { - width: 60%; + .xl\:hover\:bg-blue-100:hover { + background-color: #ebf8ff; } - .lg\:w-4\/5 { - width: 80%; + .xl\:hover\:bg-blue-200:hover { + background-color: #bee3f8; } - .lg\:w-1\/6 { - width: 16.666667%; + .xl\:hover\:bg-blue-300:hover { + background-color: #90cdf4; } - .lg\:w-2\/6 { - width: 33.333333%; + .xl\:hover\:bg-blue-400:hover { + background-color: #63b3ed; } - .lg\:w-3\/6 { - width: 50%; + .xl\:hover\:bg-blue-500:hover { + background-color: #4299e1; } - .lg\:w-4\/6 { - width: 66.666667%; + .xl\:hover\:bg-blue-600:hover { + background-color: #3182ce; } - .lg\:w-5\/6 { - width: 83.333333%; + .xl\:hover\:bg-blue-700:hover { + background-color: #2b6cb0; } - .lg\:w-1\/12 { - width: 8.333333%; + .xl\:hover\:bg-blue-800:hover { + background-color: #2c5282; } - .lg\:w-2\/12 { - width: 16.666667%; + .xl\:hover\:bg-blue-900:hover { + background-color: #2a4365; } - .lg\:w-3\/12 { - width: 25%; + .xl\:hover\:bg-indigo-100:hover { + background-color: #ebf4ff; } - .lg\:w-4\/12 { - width: 33.333333%; + .xl\:hover\:bg-indigo-200:hover { + background-color: #c3dafe; } - .lg\:w-5\/12 { - width: 41.666667%; + .xl\:hover\:bg-indigo-300:hover { + background-color: #a3bffa; } - .lg\:w-6\/12 { - width: 50%; + .xl\:hover\:bg-indigo-400:hover { + background-color: #7f9cf5; } - .lg\:w-7\/12 { - width: 58.333333%; + .xl\:hover\:bg-indigo-500:hover { + background-color: #667eea; } - .lg\:w-8\/12 { - width: 66.666667%; + .xl\:hover\:bg-indigo-600:hover { + background-color: #5a67d8; } - .lg\:w-9\/12 { - width: 75%; + .xl\:hover\:bg-indigo-700:hover { + background-color: #4c51bf; } - .lg\:w-10\/12 { - width: 83.333333%; + .xl\:hover\:bg-indigo-800:hover { + background-color: #434190; } - .lg\:w-11\/12 { - width: 91.666667%; + .xl\:hover\:bg-indigo-900:hover { + background-color: #3c366b; } - .lg\:w-full { - width: 100%; + .xl\:hover\:bg-purple-100:hover { + background-color: #faf5ff; } - .lg\:w-screen { - width: 100vw; + .xl\:hover\:bg-purple-200:hover { + background-color: #e9d8fd; } - .lg\:z-0 { - z-index: 0; + .xl\:hover\:bg-purple-300:hover { + background-color: #d6bcfa; } - .lg\:z-10 { - z-index: 10; + .xl\:hover\:bg-purple-400:hover { + background-color: #b794f4; } - .lg\:z-20 { - z-index: 20; + .xl\:hover\:bg-purple-500:hover { + background-color: #9f7aea; } - .lg\:z-30 { - z-index: 30; + .xl\:hover\:bg-purple-600:hover { + background-color: #805ad5; } - .lg\:z-40 { - z-index: 40; + .xl\:hover\:bg-purple-700:hover { + background-color: #6b46c1; } - .lg\:z-50 { - z-index: 50; + .xl\:hover\:bg-purple-800:hover { + background-color: #553c9a; } - .lg\:z-auto { - z-index: auto; + .xl\:hover\:bg-purple-900:hover { + background-color: #44337a; } - .lg\:example { - font-weight: 700; - color: #f56565; + .xl\:hover\:bg-pink-100:hover { + background-color: #fff5f7; } -} -@media (min-width: 1280px) { - .xl\: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; + .xl\:hover\:bg-pink-200:hover { + background-color: #fed7e2; } - .xl\:not-sr-only { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:hover\:bg-pink-300:hover { + background-color: #fbb6ce; } - .xl\: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; + .xl\:hover\:bg-pink-400:hover { + background-color: #f687b3; } - .xl\:focus\:not-sr-only:focus { - position: static; - width: auto; - height: auto; - padding: 0; - margin: 0; - overflow: visible; - clip: auto; - white-space: normal; + .xl\:hover\:bg-pink-500:hover { + background-color: #ed64a6; } - .xl\:appearance-none { - appearance: none; + .xl\:hover\:bg-pink-600:hover { + background-color: #d53f8c; } - .xl\:bg-fixed { - background-attachment: fixed; + .xl\:hover\:bg-pink-700:hover { + background-color: #b83280; } - .xl\:bg-local { - background-attachment: local; + .xl\:hover\:bg-pink-800:hover { + background-color: #97266d; } - .xl\:bg-scroll { - background-attachment: scroll; + .xl\:hover\:bg-pink-900:hover { + background-color: #702459; } - .xl\:bg-transparent { + .xl\:focus\:bg-transparent:focus { background-color: transparent; } - .xl\:bg-black { + .xl\:focus\:bg-black:focus { background-color: #000; } - .xl\:bg-white { + .xl\:focus\:bg-white:focus { background-color: #fff; } - .xl\:bg-gray-100 { + .xl\:focus\:bg-gray-100:focus { background-color: #f7fafc; } - .xl\:bg-gray-200 { + .xl\:focus\:bg-gray-200:focus { background-color: #edf2f7; } - .xl\:bg-gray-300 { + .xl\:focus\:bg-gray-300:focus { background-color: #e2e8f0; } - .xl\:bg-gray-400 { + .xl\:focus\:bg-gray-400:focus { background-color: #cbd5e0; } - .xl\:bg-gray-500 { + .xl\:focus\:bg-gray-500:focus { background-color: #a0aec0; } - .xl\:bg-gray-600 { + .xl\:focus\:bg-gray-600:focus { background-color: #718096; } - .xl\:bg-gray-700 { + .xl\:focus\:bg-gray-700:focus { background-color: #4a5568; } - .xl\:bg-gray-800 { + .xl\:focus\:bg-gray-800:focus { background-color: #2d3748; } - .xl\:bg-gray-900 { + .xl\:focus\:bg-gray-900:focus { background-color: #1a202c; } - .xl\:bg-red-100 { + .xl\:focus\:bg-red-100:focus { background-color: #fff5f5; } - .xl\:bg-red-200 { + .xl\:focus\:bg-red-200:focus { background-color: #fed7d7; } - .xl\:bg-red-300 { + .xl\:focus\:bg-red-300:focus { background-color: #feb2b2; } - .xl\:bg-red-400 { + .xl\:focus\:bg-red-400:focus { background-color: #fc8181; } - .xl\:bg-red-500 { + .xl\:focus\:bg-red-500:focus { background-color: #f56565; } - .xl\:bg-red-600 { + .xl\:focus\:bg-red-600:focus { background-color: #e53e3e; } - .xl\:bg-red-700 { + .xl\:focus\:bg-red-700:focus { background-color: #c53030; } - .xl\:bg-red-800 { + .xl\:focus\:bg-red-800:focus { background-color: #9b2c2c; } - .xl\:bg-red-900 { + .xl\:focus\:bg-red-900:focus { background-color: #742a2a; } - .xl\:bg-orange-100 { + .xl\:focus\:bg-orange-100:focus { background-color: #fffaf0; } - .xl\:bg-orange-200 { + .xl\:focus\:bg-orange-200:focus { background-color: #feebc8; } - .xl\:bg-orange-300 { + .xl\:focus\:bg-orange-300:focus { background-color: #fbd38d; } - .xl\:bg-orange-400 { + .xl\:focus\:bg-orange-400:focus { background-color: #f6ad55; } - .xl\:bg-orange-500 { + .xl\:focus\:bg-orange-500:focus { background-color: #ed8936; } - .xl\:bg-orange-600 { + .xl\:focus\:bg-orange-600:focus { background-color: #dd6b20; } - .xl\:bg-orange-700 { + .xl\:focus\:bg-orange-700:focus { background-color: #c05621; } - .xl\:bg-orange-800 { + .xl\:focus\:bg-orange-800:focus { background-color: #9c4221; } - .xl\:bg-orange-900 { + .xl\:focus\:bg-orange-900:focus { background-color: #7b341e; } - .xl\:bg-yellow-100 { + .xl\:focus\:bg-yellow-100:focus { background-color: #fffff0; } - .xl\:bg-yellow-200 { + .xl\:focus\:bg-yellow-200:focus { background-color: #fefcbf; } - .xl\:bg-yellow-300 { + .xl\:focus\:bg-yellow-300:focus { background-color: #faf089; } - .xl\:bg-yellow-400 { + .xl\:focus\:bg-yellow-400:focus { background-color: #f6e05e; } - .xl\:bg-yellow-500 { + .xl\:focus\:bg-yellow-500:focus { background-color: #ecc94b; } - .xl\:bg-yellow-600 { + .xl\:focus\:bg-yellow-600:focus { background-color: #d69e2e; } - .xl\:bg-yellow-700 { + .xl\:focus\:bg-yellow-700:focus { background-color: #b7791f; } - .xl\:bg-yellow-800 { + .xl\:focus\:bg-yellow-800:focus { background-color: #975a16; } - .xl\:bg-yellow-900 { + .xl\:focus\:bg-yellow-900:focus { background-color: #744210; } - .xl\:bg-green-100 { + .xl\:focus\:bg-green-100:focus { background-color: #f0fff4; } - .xl\:bg-green-200 { + .xl\:focus\:bg-green-200:focus { background-color: #c6f6d5; } - .xl\:bg-green-300 { + .xl\:focus\:bg-green-300:focus { background-color: #9ae6b4; } - .xl\:bg-green-400 { + .xl\:focus\:bg-green-400:focus { background-color: #68d391; } - .xl\:bg-green-500 { + .xl\:focus\:bg-green-500:focus { background-color: #48bb78; } - .xl\:bg-green-600 { + .xl\:focus\:bg-green-600:focus { background-color: #38a169; } - .xl\:bg-green-700 { + .xl\:focus\:bg-green-700:focus { background-color: #2f855a; } - .xl\:bg-green-800 { + .xl\:focus\:bg-green-800:focus { background-color: #276749; } - .xl\:bg-green-900 { + .xl\:focus\:bg-green-900:focus { background-color: #22543d; } - .xl\:bg-teal-100 { + .xl\:focus\:bg-teal-100:focus { background-color: #e6fffa; } - .xl\:bg-teal-200 { + .xl\:focus\:bg-teal-200:focus { background-color: #b2f5ea; } - .xl\:bg-teal-300 { + .xl\:focus\:bg-teal-300:focus { background-color: #81e6d9; } - .xl\:bg-teal-400 { + .xl\:focus\:bg-teal-400:focus { background-color: #4fd1c5; } - .xl\:bg-teal-500 { + .xl\:focus\:bg-teal-500:focus { background-color: #38b2ac; } - .xl\:bg-teal-600 { + .xl\:focus\:bg-teal-600:focus { background-color: #319795; } - .xl\:bg-teal-700 { + .xl\:focus\:bg-teal-700:focus { background-color: #2c7a7b; } - .xl\:bg-teal-800 { + .xl\:focus\:bg-teal-800:focus { background-color: #285e61; } - .xl\:bg-teal-900 { + .xl\:focus\:bg-teal-900:focus { background-color: #234e52; } - .xl\:bg-blue-100 { + .xl\:focus\:bg-blue-100:focus { background-color: #ebf8ff; } - .xl\:bg-blue-200 { + .xl\:focus\:bg-blue-200:focus { background-color: #bee3f8; } - .xl\:bg-blue-300 { + .xl\:focus\:bg-blue-300:focus { background-color: #90cdf4; } - .xl\:bg-blue-400 { + .xl\:focus\:bg-blue-400:focus { background-color: #63b3ed; } - .xl\:bg-blue-500 { + .xl\:focus\:bg-blue-500:focus { background-color: #4299e1; } - .xl\:bg-blue-600 { + .xl\:focus\:bg-blue-600:focus { background-color: #3182ce; } - .xl\:bg-blue-700 { + .xl\:focus\:bg-blue-700:focus { background-color: #2b6cb0; } - .xl\:bg-blue-800 { + .xl\:focus\:bg-blue-800:focus { background-color: #2c5282; } - .xl\:bg-blue-900 { + .xl\:focus\:bg-blue-900:focus { background-color: #2a4365; } - .xl\:bg-indigo-100 { + .xl\:focus\:bg-indigo-100:focus { background-color: #ebf4ff; } - .xl\:bg-indigo-200 { + .xl\:focus\:bg-indigo-200:focus { background-color: #c3dafe; } - .xl\:bg-indigo-300 { + .xl\:focus\:bg-indigo-300:focus { background-color: #a3bffa; } - .xl\:bg-indigo-400 { + .xl\:focus\:bg-indigo-400:focus { background-color: #7f9cf5; } - .xl\:bg-indigo-500 { + .xl\:focus\:bg-indigo-500:focus { background-color: #667eea; } - .xl\:bg-indigo-600 { + .xl\:focus\:bg-indigo-600:focus { background-color: #5a67d8; } - .xl\:bg-indigo-700 { + .xl\:focus\:bg-indigo-700:focus { background-color: #4c51bf; } - .xl\:bg-indigo-800 { + .xl\:focus\:bg-indigo-800:focus { background-color: #434190; } - .xl\:bg-indigo-900 { + .xl\:focus\:bg-indigo-900:focus { background-color: #3c366b; } - .xl\:bg-purple-100 { + .xl\:focus\:bg-purple-100:focus { background-color: #faf5ff; } - .xl\:bg-purple-200 { + .xl\:focus\:bg-purple-200:focus { background-color: #e9d8fd; } - .xl\:bg-purple-300 { + .xl\:focus\:bg-purple-300:focus { background-color: #d6bcfa; } - .xl\:bg-purple-400 { + .xl\:focus\:bg-purple-400:focus { background-color: #b794f4; } - .xl\:bg-purple-500 { + .xl\:focus\:bg-purple-500:focus { background-color: #9f7aea; } - .xl\:bg-purple-600 { + .xl\:focus\:bg-purple-600:focus { background-color: #805ad5; } - .xl\:bg-purple-700 { + .xl\:focus\:bg-purple-700:focus { background-color: #6b46c1; } - .xl\:bg-purple-800 { + .xl\:focus\:bg-purple-800:focus { background-color: #553c9a; } - .xl\:bg-purple-900 { + .xl\:focus\:bg-purple-900:focus { background-color: #44337a; } - .xl\:bg-pink-100 { + .xl\:focus\:bg-pink-100:focus { background-color: #fff5f7; } - .xl\:bg-pink-200 { + .xl\:focus\:bg-pink-200:focus { background-color: #fed7e2; } - .xl\:bg-pink-300 { + .xl\:focus\:bg-pink-300:focus { background-color: #fbb6ce; } - .xl\:bg-pink-400 { + .xl\:focus\:bg-pink-400:focus { background-color: #f687b3; } - .xl\:bg-pink-500 { + .xl\:focus\:bg-pink-500:focus { background-color: #ed64a6; } - .xl\:bg-pink-600 { + .xl\:focus\:bg-pink-600:focus { background-color: #d53f8c; } - .xl\:bg-pink-700 { + .xl\:focus\:bg-pink-700:focus { background-color: #b83280; } - .xl\:bg-pink-800 { + .xl\:focus\:bg-pink-800:focus { background-color: #97266d; } - .xl\:bg-pink-900 { + .xl\:focus\:bg-pink-900:focus { background-color: #702459; } - .xl\:hover\:bg-transparent:hover { - background-color: transparent; + .xl\:bg-bottom { + background-position: bottom; } - .xl\:hover\:bg-black:hover { - background-color: #000; + .xl\:bg-center { + background-position: center; } - .xl\:hover\:bg-white:hover { - background-color: #fff; + .xl\:bg-left { + background-position: left; } - .xl\:hover\:bg-gray-100:hover { - background-color: #f7fafc; + .xl\:bg-left-bottom { + background-position: left bottom; } - .xl\:hover\:bg-gray-200:hover { - background-color: #edf2f7; + .xl\:bg-left-top { + background-position: left top; } - .xl\:hover\:bg-gray-300:hover { - background-color: #e2e8f0; + .xl\:bg-right { + background-position: right; } - .xl\:hover\:bg-gray-400:hover { - background-color: #cbd5e0; + .xl\:bg-right-bottom { + background-position: right bottom; } - .xl\:hover\:bg-gray-500:hover { - background-color: #a0aec0; + .xl\:bg-right-top { + background-position: right top; } - .xl\:hover\:bg-gray-600:hover { - background-color: #718096; + .xl\:bg-top { + background-position: top; } - .xl\:hover\:bg-gray-700:hover { - background-color: #4a5568; + .xl\:bg-repeat { + background-repeat: repeat; } - .xl\:hover\:bg-gray-800:hover { - background-color: #2d3748; + .xl\:bg-no-repeat { + background-repeat: no-repeat; } - .xl\:hover\:bg-gray-900:hover { - background-color: #1a202c; + .xl\:bg-repeat-x { + background-repeat: repeat-x; } - .xl\:hover\:bg-red-100:hover { - background-color: #fff5f5; + .xl\:bg-repeat-y { + background-repeat: repeat-y; } - .xl\:hover\:bg-red-200:hover { - background-color: #fed7d7; + .xl\:bg-repeat-round { + background-repeat: round; } - .xl\:hover\:bg-red-300:hover { - background-color: #feb2b2; + .xl\:bg-repeat-space { + background-repeat: space; } - .xl\:hover\:bg-red-400:hover { - background-color: #fc8181; + .xl\:bg-auto { + background-size: auto; } - .xl\:hover\:bg-red-500:hover { - background-color: #f56565; + .xl\:bg-cover { + background-size: cover; } - .xl\:hover\:bg-red-600:hover { - background-color: #e53e3e; + .xl\:bg-contain { + background-size: contain; } - .xl\:hover\:bg-red-700:hover { - background-color: #c53030; + .xl\:border-collapse { + border-collapse: collapse; } - .xl\:hover\:bg-red-800:hover { - background-color: #9b2c2c; + .xl\:border-separate { + border-collapse: separate; } - .xl\:hover\:bg-red-900:hover { - background-color: #742a2a; + .xl\:border-transparent { + border-color: transparent; } - .xl\:hover\:bg-orange-100:hover { - background-color: #fffaf0; + .xl\:border-black { + border-color: #000; } - .xl\:hover\:bg-orange-200:hover { - background-color: #feebc8; + .xl\:border-white { + border-color: #fff; } - .xl\:hover\:bg-orange-300:hover { - background-color: #fbd38d; + .xl\:border-gray-100 { + border-color: #f7fafc; } - .xl\:hover\:bg-orange-400:hover { - background-color: #f6ad55; + .xl\:border-gray-200 { + border-color: #edf2f7; } - .xl\:hover\:bg-orange-500:hover { - background-color: #ed8936; + .xl\:border-gray-300 { + border-color: #e2e8f0; } - .xl\:hover\:bg-orange-600:hover { - background-color: #dd6b20; + .xl\:border-gray-400 { + border-color: #cbd5e0; } - .xl\:hover\:bg-orange-700:hover { - background-color: #c05621; + .xl\:border-gray-500 { + border-color: #a0aec0; } - .xl\:hover\:bg-orange-800:hover { - background-color: #9c4221; + .xl\:border-gray-600 { + border-color: #718096; } - .xl\:hover\:bg-orange-900:hover { - background-color: #7b341e; + .xl\:border-gray-700 { + border-color: #4a5568; } - .xl\:hover\:bg-yellow-100:hover { - background-color: #fffff0; + .xl\:border-gray-800 { + border-color: #2d3748; } - .xl\:hover\:bg-yellow-200:hover { - background-color: #fefcbf; + .xl\:border-gray-900 { + border-color: #1a202c; } - .xl\:hover\:bg-yellow-300:hover { - background-color: #faf089; + .xl\:border-red-100 { + border-color: #fff5f5; } - .xl\:hover\:bg-yellow-400:hover { - background-color: #f6e05e; + .xl\:border-red-200 { + border-color: #fed7d7; } - .xl\:hover\:bg-yellow-500:hover { - background-color: #ecc94b; + .xl\:border-red-300 { + border-color: #feb2b2; } - .xl\:hover\:bg-yellow-600:hover { - background-color: #d69e2e; + .xl\:border-red-400 { + border-color: #fc8181; } - .xl\:hover\:bg-yellow-700:hover { - background-color: #b7791f; + .xl\:border-red-500 { + border-color: #f56565; } - .xl\:hover\:bg-yellow-800:hover { - background-color: #975a16; + .xl\:border-red-600 { + border-color: #e53e3e; } - .xl\:hover\:bg-yellow-900:hover { - background-color: #744210; + .xl\:border-red-700 { + border-color: #c53030; } - .xl\:hover\:bg-green-100:hover { - background-color: #f0fff4; + .xl\:border-red-800 { + border-color: #9b2c2c; } - .xl\:hover\:bg-green-200:hover { - background-color: #c6f6d5; + .xl\:border-red-900 { + border-color: #742a2a; } - .xl\:hover\:bg-green-300:hover { - background-color: #9ae6b4; + .xl\:border-orange-100 { + border-color: #fffaf0; } - .xl\:hover\:bg-green-400:hover { - background-color: #68d391; + .xl\:border-orange-200 { + border-color: #feebc8; } - .xl\:hover\:bg-green-500:hover { - background-color: #48bb78; + .xl\:border-orange-300 { + border-color: #fbd38d; } - .xl\:hover\:bg-green-600:hover { - background-color: #38a169; + .xl\:border-orange-400 { + border-color: #f6ad55; } - .xl\:hover\:bg-green-700:hover { - background-color: #2f855a; + .xl\:border-orange-500 { + border-color: #ed8936; } - .xl\:hover\:bg-green-800:hover { - background-color: #276749; + .xl\:border-orange-600 { + border-color: #dd6b20; } - .xl\:hover\:bg-green-900:hover { - background-color: #22543d; + .xl\:border-orange-700 { + border-color: #c05621; } - .xl\:hover\:bg-teal-100:hover { - background-color: #e6fffa; + .xl\:border-orange-800 { + border-color: #9c4221; } - .xl\:hover\:bg-teal-200:hover { - background-color: #b2f5ea; + .xl\:border-orange-900 { + border-color: #7b341e; } - .xl\:hover\:bg-teal-300:hover { - background-color: #81e6d9; + .xl\:border-yellow-100 { + border-color: #fffff0; } - .xl\:hover\:bg-teal-400:hover { - background-color: #4fd1c5; + .xl\:border-yellow-200 { + border-color: #fefcbf; } - .xl\:hover\:bg-teal-500:hover { - background-color: #38b2ac; + .xl\:border-yellow-300 { + border-color: #faf089; } - .xl\:hover\:bg-teal-600:hover { - background-color: #319795; + .xl\:border-yellow-400 { + border-color: #f6e05e; } - .xl\:hover\:bg-teal-700:hover { - background-color: #2c7a7b; + .xl\:border-yellow-500 { + border-color: #ecc94b; } - .xl\:hover\:bg-teal-800:hover { - background-color: #285e61; + .xl\:border-yellow-600 { + border-color: #d69e2e; } - .xl\:hover\:bg-teal-900:hover { - background-color: #234e52; + .xl\:border-yellow-700 { + border-color: #b7791f; } - .xl\:hover\:bg-blue-100:hover { - background-color: #ebf8ff; + .xl\:border-yellow-800 { + border-color: #975a16; } - .xl\:hover\:bg-blue-200:hover { - background-color: #bee3f8; + .xl\:border-yellow-900 { + border-color: #744210; } - .xl\:hover\:bg-blue-300:hover { - background-color: #90cdf4; + .xl\:border-green-100 { + border-color: #f0fff4; } - .xl\:hover\:bg-blue-400:hover { - background-color: #63b3ed; + .xl\:border-green-200 { + border-color: #c6f6d5; } - .xl\:hover\:bg-blue-500:hover { - background-color: #4299e1; + .xl\:border-green-300 { + border-color: #9ae6b4; } - .xl\:hover\:bg-blue-600:hover { - background-color: #3182ce; + .xl\:border-green-400 { + border-color: #68d391; } - .xl\:hover\:bg-blue-700:hover { - background-color: #2b6cb0; + .xl\:border-green-500 { + border-color: #48bb78; } - .xl\:hover\:bg-blue-800:hover { - background-color: #2c5282; + .xl\:border-green-600 { + border-color: #38a169; } - .xl\:hover\:bg-blue-900:hover { - background-color: #2a4365; + .xl\:border-green-700 { + border-color: #2f855a; } - .xl\:hover\:bg-indigo-100:hover { - background-color: #ebf4ff; + .xl\:border-green-800 { + border-color: #276749; } - .xl\:hover\:bg-indigo-200:hover { - background-color: #c3dafe; + .xl\:border-green-900 { + border-color: #22543d; } - .xl\:hover\:bg-indigo-300:hover { - background-color: #a3bffa; + .xl\:border-teal-100 { + border-color: #e6fffa; } - .xl\:hover\:bg-indigo-400:hover { - background-color: #7f9cf5; + .xl\:border-teal-200 { + border-color: #b2f5ea; } - .xl\:hover\:bg-indigo-500:hover { - background-color: #667eea; + .xl\:border-teal-300 { + border-color: #81e6d9; } - .xl\:hover\:bg-indigo-600:hover { - background-color: #5a67d8; + .xl\:border-teal-400 { + border-color: #4fd1c5; } - .xl\:hover\:bg-indigo-700:hover { - background-color: #4c51bf; + .xl\:border-teal-500 { + border-color: #38b2ac; } - .xl\:hover\:bg-indigo-800:hover { - background-color: #434190; + .xl\:border-teal-600 { + border-color: #319795; } - .xl\:hover\:bg-indigo-900:hover { - background-color: #3c366b; + .xl\:border-teal-700 { + border-color: #2c7a7b; } - .xl\:hover\:bg-purple-100:hover { - background-color: #faf5ff; + .xl\:border-teal-800 { + border-color: #285e61; } - .xl\:hover\:bg-purple-200:hover { - background-color: #e9d8fd; + .xl\:border-teal-900 { + border-color: #234e52; } - .xl\:hover\:bg-purple-300:hover { - background-color: #d6bcfa; + .xl\:border-blue-100 { + border-color: #ebf8ff; } - .xl\:hover\:bg-purple-400:hover { - background-color: #b794f4; + .xl\:border-blue-200 { + border-color: #bee3f8; } - .xl\:hover\:bg-purple-500:hover { - background-color: #9f7aea; + .xl\:border-blue-300 { + border-color: #90cdf4; } - .xl\:hover\:bg-purple-600:hover { - background-color: #805ad5; + .xl\:border-blue-400 { + border-color: #63b3ed; } - .xl\:hover\:bg-purple-700:hover { - background-color: #6b46c1; + .xl\:border-blue-500 { + border-color: #4299e1; } - .xl\:hover\:bg-purple-800:hover { - background-color: #553c9a; + .xl\:border-blue-600 { + border-color: #3182ce; } - .xl\:hover\:bg-purple-900:hover { - background-color: #44337a; + .xl\:border-blue-700 { + border-color: #2b6cb0; } - .xl\:hover\:bg-pink-100:hover { - background-color: #fff5f7; + .xl\:border-blue-800 { + border-color: #2c5282; } - .xl\:hover\:bg-pink-200:hover { - background-color: #fed7e2; + .xl\:border-blue-900 { + border-color: #2a4365; } - .xl\:hover\:bg-pink-300:hover { - background-color: #fbb6ce; + .xl\:border-indigo-100 { + border-color: #ebf4ff; } - .xl\:hover\:bg-pink-400:hover { - background-color: #f687b3; + .xl\:border-indigo-200 { + border-color: #c3dafe; } - .xl\:hover\:bg-pink-500:hover { - background-color: #ed64a6; + .xl\:border-indigo-300 { + border-color: #a3bffa; } - .xl\:hover\:bg-pink-600:hover { - background-color: #d53f8c; + .xl\:border-indigo-400 { + border-color: #7f9cf5; } - .xl\:hover\:bg-pink-700:hover { - background-color: #b83280; + .xl\:border-indigo-500 { + border-color: #667eea; } - .xl\:hover\:bg-pink-800:hover { - background-color: #97266d; + .xl\:border-indigo-600 { + border-color: #5a67d8; } - .xl\:hover\:bg-pink-900:hover { - background-color: #702459; + .xl\:border-indigo-700 { + border-color: #4c51bf; } - .xl\:focus\:bg-transparent:focus { - background-color: transparent; + .xl\:border-indigo-800 { + border-color: #434190; } - .xl\:focus\:bg-black:focus { - background-color: #000; + .xl\:border-indigo-900 { + border-color: #3c366b; } - .xl\:focus\:bg-white:focus { - background-color: #fff; + .xl\:border-purple-100 { + border-color: #faf5ff; } - .xl\:focus\:bg-gray-100:focus { - background-color: #f7fafc; + .xl\:border-purple-200 { + border-color: #e9d8fd; } - .xl\:focus\:bg-gray-200:focus { - background-color: #edf2f7; + .xl\:border-purple-300 { + border-color: #d6bcfa; } - .xl\:focus\:bg-gray-300:focus { - background-color: #e2e8f0; + .xl\:border-purple-400 { + border-color: #b794f4; } - .xl\:focus\:bg-gray-400:focus { - background-color: #cbd5e0; + .xl\:border-purple-500 { + border-color: #9f7aea; } - .xl\:focus\:bg-gray-500:focus { - background-color: #a0aec0; + .xl\:border-purple-600 { + border-color: #805ad5; } - .xl\:focus\:bg-gray-600:focus { - background-color: #718096; + .xl\:border-purple-700 { + border-color: #6b46c1; } - .xl\:focus\:bg-gray-700:focus { - background-color: #4a5568; + .xl\:border-purple-800 { + border-color: #553c9a; } - .xl\:focus\:bg-gray-800:focus { - background-color: #2d3748; + .xl\:border-purple-900 { + border-color: #44337a; } - .xl\:focus\:bg-gray-900:focus { - background-color: #1a202c; + .xl\:border-pink-100 { + border-color: #fff5f7; } - .xl\:focus\:bg-red-100:focus { - background-color: #fff5f5; + .xl\:border-pink-200 { + border-color: #fed7e2; } - .xl\:focus\:bg-red-200:focus { - background-color: #fed7d7; + .xl\:border-pink-300 { + border-color: #fbb6ce; } - .xl\:focus\:bg-red-300:focus { - background-color: #feb2b2; + .xl\:border-pink-400 { + border-color: #f687b3; } - .xl\:focus\:bg-red-400:focus { - background-color: #fc8181; + .xl\:border-pink-500 { + border-color: #ed64a6; } - .xl\:focus\:bg-red-500:focus { - background-color: #f56565; + .xl\:border-pink-600 { + border-color: #d53f8c; } - .xl\:focus\:bg-red-600:focus { - background-color: #e53e3e; + .xl\:border-pink-700 { + border-color: #b83280; } - .xl\:focus\:bg-red-700:focus { - background-color: #c53030; + .xl\:border-pink-800 { + border-color: #97266d; } - .xl\:focus\:bg-red-800:focus { - background-color: #9b2c2c; + .xl\:border-pink-900 { + border-color: #702459; } - .xl\:focus\:bg-red-900:focus { - background-color: #742a2a; + .xl\:hover\:border-transparent:hover { + border-color: transparent; } - .xl\:focus\:bg-orange-100:focus { - background-color: #fffaf0; + .xl\:hover\:border-black:hover { + border-color: #000; } - .xl\:focus\:bg-orange-200:focus { - background-color: #feebc8; + .xl\:hover\:border-white:hover { + border-color: #fff; } - .xl\:focus\:bg-orange-300:focus { - background-color: #fbd38d; + .xl\:hover\:border-gray-100:hover { + border-color: #f7fafc; } - .xl\:focus\:bg-orange-400:focus { - background-color: #f6ad55; + .xl\:hover\:border-gray-200:hover { + border-color: #edf2f7; } - .xl\:focus\:bg-orange-500:focus { - background-color: #ed8936; + .xl\:hover\:border-gray-300:hover { + border-color: #e2e8f0; } - .xl\:focus\:bg-orange-600:focus { - background-color: #dd6b20; + .xl\:hover\:border-gray-400:hover { + border-color: #cbd5e0; } - .xl\:focus\:bg-orange-700:focus { - background-color: #c05621; + .xl\:hover\:border-gray-500:hover { + border-color: #a0aec0; } - .xl\:focus\:bg-orange-800:focus { - background-color: #9c4221; + .xl\:hover\:border-gray-600:hover { + border-color: #718096; } - .xl\:focus\:bg-orange-900:focus { - background-color: #7b341e; + .xl\:hover\:border-gray-700:hover { + border-color: #4a5568; } - .xl\:focus\:bg-yellow-100:focus { - background-color: #fffff0; + .xl\:hover\:border-gray-800:hover { + border-color: #2d3748; } - .xl\:focus\:bg-yellow-200:focus { - background-color: #fefcbf; + .xl\:hover\:border-gray-900:hover { + border-color: #1a202c; } - .xl\:focus\:bg-yellow-300:focus { - background-color: #faf089; + .xl\:hover\:border-red-100:hover { + border-color: #fff5f5; } - .xl\:focus\:bg-yellow-400:focus { - background-color: #f6e05e; + .xl\:hover\:border-red-200:hover { + border-color: #fed7d7; } - .xl\:focus\:bg-yellow-500:focus { - background-color: #ecc94b; + .xl\:hover\:border-red-300:hover { + border-color: #feb2b2; } - .xl\:focus\:bg-yellow-600:focus { - background-color: #d69e2e; + .xl\:hover\:border-red-400:hover { + border-color: #fc8181; } - .xl\:focus\:bg-yellow-700:focus { - background-color: #b7791f; + .xl\:hover\:border-red-500:hover { + border-color: #f56565; } - .xl\:focus\:bg-yellow-800:focus { - background-color: #975a16; + .xl\:hover\:border-red-600:hover { + border-color: #e53e3e; } - .xl\:focus\:bg-yellow-900:focus { - background-color: #744210; + .xl\:hover\:border-red-700:hover { + border-color: #c53030; } - .xl\:focus\:bg-green-100:focus { - background-color: #f0fff4; + .xl\:hover\:border-red-800:hover { + border-color: #9b2c2c; } - .xl\:focus\:bg-green-200:focus { - background-color: #c6f6d5; + .xl\:hover\:border-red-900:hover { + border-color: #742a2a; } - .xl\:focus\:bg-green-300:focus { - background-color: #9ae6b4; + .xl\:hover\:border-orange-100:hover { + border-color: #fffaf0; } - .xl\:focus\:bg-green-400:focus { - background-color: #68d391; + .xl\:hover\:border-orange-200:hover { + border-color: #feebc8; } - .xl\:focus\:bg-green-500:focus { - background-color: #48bb78; + .xl\:hover\:border-orange-300:hover { + border-color: #fbd38d; } - .xl\:focus\:bg-green-600:focus { - background-color: #38a169; + .xl\:hover\:border-orange-400:hover { + border-color: #f6ad55; } - .xl\:focus\:bg-green-700:focus { - background-color: #2f855a; + .xl\:hover\:border-orange-500:hover { + border-color: #ed8936; } - .xl\:focus\:bg-green-800:focus { - background-color: #276749; + .xl\:hover\:border-orange-600:hover { + border-color: #dd6b20; } - .xl\:focus\:bg-green-900:focus { - background-color: #22543d; + .xl\:hover\:border-orange-700:hover { + border-color: #c05621; } - .xl\:focus\:bg-teal-100:focus { - background-color: #e6fffa; + .xl\:hover\:border-orange-800:hover { + border-color: #9c4221; } - .xl\:focus\:bg-teal-200:focus { - background-color: #b2f5ea; + .xl\:hover\:border-orange-900:hover { + border-color: #7b341e; } - .xl\:focus\:bg-teal-300:focus { - background-color: #81e6d9; + .xl\:hover\:border-yellow-100:hover { + border-color: #fffff0; } - .xl\:focus\:bg-teal-400:focus { - background-color: #4fd1c5; + .xl\:hover\:border-yellow-200:hover { + border-color: #fefcbf; } - .xl\:focus\:bg-teal-500:focus { - background-color: #38b2ac; + .xl\:hover\:border-yellow-300:hover { + border-color: #faf089; } - .xl\:focus\:bg-teal-600:focus { - background-color: #319795; + .xl\:hover\:border-yellow-400:hover { + border-color: #f6e05e; } - .xl\:focus\:bg-teal-700:focus { - background-color: #2c7a7b; + .xl\:hover\:border-yellow-500:hover { + border-color: #ecc94b; } - .xl\:focus\:bg-teal-800:focus { - background-color: #285e61; + .xl\:hover\:border-yellow-600:hover { + border-color: #d69e2e; } - .xl\:focus\:bg-teal-900:focus { - background-color: #234e52; + .xl\:hover\:border-yellow-700:hover { + border-color: #b7791f; } - .xl\:focus\:bg-blue-100:focus { - background-color: #ebf8ff; + .xl\:hover\:border-yellow-800:hover { + border-color: #975a16; } - .xl\:focus\:bg-blue-200:focus { - background-color: #bee3f8; + .xl\:hover\:border-yellow-900:hover { + border-color: #744210; } - .xl\:focus\:bg-blue-300:focus { - background-color: #90cdf4; + .xl\:hover\:border-green-100:hover { + border-color: #f0fff4; } - .xl\:focus\:bg-blue-400:focus { - background-color: #63b3ed; + .xl\:hover\:border-green-200:hover { + border-color: #c6f6d5; } - .xl\:focus\:bg-blue-500:focus { - background-color: #4299e1; + .xl\:hover\:border-green-300:hover { + border-color: #9ae6b4; } - .xl\:focus\:bg-blue-600:focus { - background-color: #3182ce; + .xl\:hover\:border-green-400:hover { + border-color: #68d391; } - .xl\:focus\:bg-blue-700:focus { - background-color: #2b6cb0; + .xl\:hover\:border-green-500:hover { + border-color: #48bb78; } - .xl\:focus\:bg-blue-800:focus { - background-color: #2c5282; + .xl\:hover\:border-green-600:hover { + border-color: #38a169; } - .xl\:focus\:bg-blue-900:focus { - background-color: #2a4365; + .xl\:hover\:border-green-700:hover { + border-color: #2f855a; } - .xl\:focus\:bg-indigo-100:focus { - background-color: #ebf4ff; + .xl\:hover\:border-green-800:hover { + border-color: #276749; } - .xl\:focus\:bg-indigo-200:focus { - background-color: #c3dafe; + .xl\:hover\:border-green-900:hover { + border-color: #22543d; } - .xl\:focus\:bg-indigo-300:focus { - background-color: #a3bffa; + .xl\:hover\:border-teal-100:hover { + border-color: #e6fffa; } - .xl\:focus\:bg-indigo-400:focus { - background-color: #7f9cf5; + .xl\:hover\:border-teal-200:hover { + border-color: #b2f5ea; } - .xl\:focus\:bg-indigo-500:focus { - background-color: #667eea; + .xl\:hover\:border-teal-300:hover { + border-color: #81e6d9; } - .xl\:focus\:bg-indigo-600:focus { - background-color: #5a67d8; + .xl\:hover\:border-teal-400:hover { + border-color: #4fd1c5; } - .xl\:focus\:bg-indigo-700:focus { - background-color: #4c51bf; + .xl\:hover\:border-teal-500:hover { + border-color: #38b2ac; } - .xl\:focus\:bg-indigo-800:focus { - background-color: #434190; + .xl\:hover\:border-teal-600:hover { + border-color: #319795; } - .xl\:focus\:bg-indigo-900:focus { - background-color: #3c366b; + .xl\:hover\:border-teal-700:hover { + border-color: #2c7a7b; } - .xl\:focus\:bg-purple-100:focus { - background-color: #faf5ff; + .xl\:hover\:border-teal-800:hover { + border-color: #285e61; } - .xl\:focus\:bg-purple-200:focus { - background-color: #e9d8fd; + .xl\:hover\:border-teal-900:hover { + border-color: #234e52; } - .xl\:focus\:bg-purple-300:focus { - background-color: #d6bcfa; + .xl\:hover\:border-blue-100:hover { + border-color: #ebf8ff; } - .xl\:focus\:bg-purple-400:focus { - background-color: #b794f4; + .xl\:hover\:border-blue-200:hover { + border-color: #bee3f8; } - .xl\:focus\:bg-purple-500:focus { - background-color: #9f7aea; + .xl\:hover\:border-blue-300:hover { + border-color: #90cdf4; } - .xl\:focus\:bg-purple-600:focus { - background-color: #805ad5; + .xl\:hover\:border-blue-400:hover { + border-color: #63b3ed; } - .xl\:focus\:bg-purple-700:focus { - background-color: #6b46c1; + .xl\:hover\:border-blue-500:hover { + border-color: #4299e1; } - .xl\:focus\:bg-purple-800:focus { - background-color: #553c9a; + .xl\:hover\:border-blue-600:hover { + border-color: #3182ce; } - .xl\:focus\:bg-purple-900:focus { - background-color: #44337a; + .xl\:hover\:border-blue-700:hover { + border-color: #2b6cb0; } - .xl\:focus\:bg-pink-100:focus { - background-color: #fff5f7; + .xl\:hover\:border-blue-800:hover { + border-color: #2c5282; } - .xl\:focus\:bg-pink-200:focus { - background-color: #fed7e2; + .xl\:hover\:border-blue-900:hover { + border-color: #2a4365; } - .xl\:focus\:bg-pink-300:focus { - background-color: #fbb6ce; + .xl\:hover\:border-indigo-100:hover { + border-color: #ebf4ff; } - .xl\:focus\:bg-pink-400:focus { - background-color: #f687b3; + .xl\:hover\:border-indigo-200:hover { + border-color: #c3dafe; } - .xl\:focus\:bg-pink-500:focus { - background-color: #ed64a6; + .xl\:hover\:border-indigo-300:hover { + border-color: #a3bffa; } - .xl\:focus\:bg-pink-600:focus { - background-color: #d53f8c; + .xl\:hover\:border-indigo-400:hover { + border-color: #7f9cf5; } - .xl\:focus\:bg-pink-700:focus { - background-color: #b83280; + .xl\:hover\:border-indigo-500:hover { + border-color: #667eea; } - .xl\:focus\:bg-pink-800:focus { - background-color: #97266d; + .xl\:hover\:border-indigo-600:hover { + border-color: #5a67d8; } - .xl\:focus\:bg-pink-900:focus { - background-color: #702459; + .xl\:hover\:border-indigo-700:hover { + border-color: #4c51bf; } - .xl\:bg-bottom { - background-position: bottom; + .xl\:hover\:border-indigo-800:hover { + border-color: #434190; } - .xl\:bg-center { - background-position: center; + .xl\:hover\:border-indigo-900:hover { + border-color: #3c366b; } - .xl\:bg-left { - background-position: left; + .xl\:hover\:border-purple-100:hover { + border-color: #faf5ff; } - .xl\:bg-left-bottom { - background-position: left bottom; + .xl\:hover\:border-purple-200:hover { + border-color: #e9d8fd; } - .xl\:bg-left-top { - background-position: left top; + .xl\:hover\:border-purple-300:hover { + border-color: #d6bcfa; } - .xl\:bg-right { - background-position: right; + .xl\:hover\:border-purple-400:hover { + border-color: #b794f4; } - .xl\:bg-right-bottom { - background-position: right bottom; + .xl\:hover\:border-purple-500:hover { + border-color: #9f7aea; } - .xl\:bg-right-top { - background-position: right top; + .xl\:hover\:border-purple-600:hover { + border-color: #805ad5; } - .xl\:bg-top { - background-position: top; + .xl\:hover\:border-purple-700:hover { + border-color: #6b46c1; } - .xl\:bg-repeat { - background-repeat: repeat; + .xl\:hover\:border-purple-800:hover { + border-color: #553c9a; } - .xl\:bg-no-repeat { - background-repeat: no-repeat; + .xl\:hover\:border-purple-900:hover { + border-color: #44337a; } - .xl\:bg-repeat-x { - background-repeat: repeat-x; + .xl\:hover\:border-pink-100:hover { + border-color: #fff5f7; } - .xl\:bg-repeat-y { - background-repeat: repeat-y; + .xl\:hover\:border-pink-200:hover { + border-color: #fed7e2; } - .xl\:bg-repeat-round { - background-repeat: round; + .xl\:hover\:border-pink-300:hover { + border-color: #fbb6ce; } - .xl\:bg-repeat-space { - background-repeat: space; + .xl\:hover\:border-pink-400:hover { + border-color: #f687b3; } - .xl\:bg-auto { - background-size: auto; + .xl\:hover\:border-pink-500:hover { + border-color: #ed64a6; } - .xl\:bg-cover { - background-size: cover; + .xl\:hover\:border-pink-600:hover { + border-color: #d53f8c; } - .xl\:bg-contain { - background-size: contain; + .xl\:hover\:border-pink-700:hover { + border-color: #b83280; } - .xl\:border-collapse { - border-collapse: collapse; + .xl\:hover\:border-pink-800:hover { + border-color: #97266d; } - .xl\:border-separate { - border-collapse: separate; + .xl\:hover\:border-pink-900:hover { + border-color: #702459; } - .xl\:border-transparent { + .xl\:focus\:border-transparent:focus { border-color: transparent; } - .xl\:border-black { + .xl\:focus\:border-black:focus { border-color: #000; } - .xl\:border-white { + .xl\:focus\:border-white:focus { border-color: #fff; } - .xl\:border-gray-100 { + .xl\:focus\:border-gray-100:focus { border-color: #f7fafc; } - .xl\:border-gray-200 { + .xl\:focus\:border-gray-200:focus { border-color: #edf2f7; } - .xl\:border-gray-300 { + .xl\:focus\:border-gray-300:focus { border-color: #e2e8f0; } - .xl\:border-gray-400 { + .xl\:focus\:border-gray-400:focus { border-color: #cbd5e0; } - .xl\:border-gray-500 { + .xl\:focus\:border-gray-500:focus { border-color: #a0aec0; } - .xl\:border-gray-600 { + .xl\:focus\:border-gray-600:focus { border-color: #718096; } - .xl\:border-gray-700 { + .xl\:focus\:border-gray-700:focus { border-color: #4a5568; } - .xl\:border-gray-800 { + .xl\:focus\:border-gray-800:focus { border-color: #2d3748; } - .xl\:border-gray-900 { + .xl\:focus\:border-gray-900:focus { border-color: #1a202c; } - .xl\:border-red-100 { + .xl\:focus\:border-red-100:focus { border-color: #fff5f5; } - .xl\:border-red-200 { + .xl\:focus\:border-red-200:focus { border-color: #fed7d7; } - .xl\:border-red-300 { + .xl\:focus\:border-red-300:focus { border-color: #feb2b2; } - .xl\:border-red-400 { + .xl\:focus\:border-red-400:focus { border-color: #fc8181; } - .xl\:border-red-500 { + .xl\:focus\:border-red-500:focus { border-color: #f56565; } - .xl\:border-red-600 { + .xl\:focus\:border-red-600:focus { border-color: #e53e3e; } - .xl\:border-red-700 { + .xl\:focus\:border-red-700:focus { border-color: #c53030; } - .xl\:border-red-800 { + .xl\:focus\:border-red-800:focus { border-color: #9b2c2c; } - .xl\:border-red-900 { + .xl\:focus\:border-red-900:focus { border-color: #742a2a; } - .xl\:border-orange-100 { + .xl\:focus\:border-orange-100:focus { border-color: #fffaf0; } - .xl\:border-orange-200 { + .xl\:focus\:border-orange-200:focus { border-color: #feebc8; } - .xl\:border-orange-300 { + .xl\:focus\:border-orange-300:focus { border-color: #fbd38d; } - .xl\:border-orange-400 { + .xl\:focus\:border-orange-400:focus { border-color: #f6ad55; } - .xl\:border-orange-500 { + .xl\:focus\:border-orange-500:focus { border-color: #ed8936; } - .xl\:border-orange-600 { + .xl\:focus\:border-orange-600:focus { border-color: #dd6b20; } - .xl\:border-orange-700 { + .xl\:focus\:border-orange-700:focus { border-color: #c05621; } - .xl\:border-orange-800 { + .xl\:focus\:border-orange-800:focus { border-color: #9c4221; } - .xl\:border-orange-900 { + .xl\:focus\:border-orange-900:focus { border-color: #7b341e; } - .xl\:border-yellow-100 { + .xl\:focus\:border-yellow-100:focus { border-color: #fffff0; } - .xl\:border-yellow-200 { + .xl\:focus\:border-yellow-200:focus { border-color: #fefcbf; } - .xl\:border-yellow-300 { + .xl\:focus\:border-yellow-300:focus { border-color: #faf089; } - .xl\:border-yellow-400 { + .xl\:focus\:border-yellow-400:focus { border-color: #f6e05e; } - .xl\:border-yellow-500 { + .xl\:focus\:border-yellow-500:focus { border-color: #ecc94b; } - .xl\:border-yellow-600 { + .xl\:focus\:border-yellow-600:focus { border-color: #d69e2e; } - .xl\:border-yellow-700 { + .xl\:focus\:border-yellow-700:focus { border-color: #b7791f; } - .xl\:border-yellow-800 { + .xl\:focus\:border-yellow-800:focus { border-color: #975a16; } - .xl\:border-yellow-900 { + .xl\:focus\:border-yellow-900:focus { border-color: #744210; } - .xl\:border-green-100 { + .xl\:focus\:border-green-100:focus { border-color: #f0fff4; } - .xl\:border-green-200 { + .xl\:focus\:border-green-200:focus { border-color: #c6f6d5; } - .xl\:border-green-300 { + .xl\:focus\:border-green-300:focus { border-color: #9ae6b4; } - .xl\:border-green-400 { + .xl\:focus\:border-green-400:focus { border-color: #68d391; } - .xl\:border-green-500 { + .xl\:focus\:border-green-500:focus { border-color: #48bb78; } - .xl\:border-green-600 { + .xl\:focus\:border-green-600:focus { border-color: #38a169; } - .xl\:border-green-700 { + .xl\:focus\:border-green-700:focus { border-color: #2f855a; } - .xl\:border-green-800 { + .xl\:focus\:border-green-800:focus { border-color: #276749; } - .xl\:border-green-900 { + .xl\:focus\:border-green-900:focus { border-color: #22543d; } - .xl\:border-teal-100 { + .xl\:focus\:border-teal-100:focus { border-color: #e6fffa; } - .xl\:border-teal-200 { + .xl\:focus\:border-teal-200:focus { border-color: #b2f5ea; } - .xl\:border-teal-300 { + .xl\:focus\:border-teal-300:focus { border-color: #81e6d9; } - .xl\:border-teal-400 { + .xl\:focus\:border-teal-400:focus { border-color: #4fd1c5; } - .xl\:border-teal-500 { + .xl\:focus\:border-teal-500:focus { border-color: #38b2ac; } - .xl\:border-teal-600 { + .xl\:focus\:border-teal-600:focus { border-color: #319795; } - .xl\:border-teal-700 { + .xl\:focus\:border-teal-700:focus { border-color: #2c7a7b; } - .xl\:border-teal-800 { + .xl\:focus\:border-teal-800:focus { border-color: #285e61; } - .xl\:border-teal-900 { + .xl\:focus\:border-teal-900:focus { border-color: #234e52; } - .xl\:border-blue-100 { + .xl\:focus\:border-blue-100:focus { border-color: #ebf8ff; } - .xl\:border-blue-200 { + .xl\:focus\:border-blue-200:focus { border-color: #bee3f8; } - .xl\:border-blue-300 { + .xl\:focus\:border-blue-300:focus { border-color: #90cdf4; } - .xl\:border-blue-400 { + .xl\:focus\:border-blue-400:focus { border-color: #63b3ed; } - .xl\:border-blue-500 { + .xl\:focus\:border-blue-500:focus { border-color: #4299e1; } - .xl\:border-blue-600 { + .xl\:focus\:border-blue-600:focus { border-color: #3182ce; } - .xl\:border-blue-700 { + .xl\:focus\:border-blue-700:focus { border-color: #2b6cb0; } - .xl\:border-blue-800 { + .xl\:focus\:border-blue-800:focus { border-color: #2c5282; } - .xl\:border-blue-900 { + .xl\:focus\:border-blue-900:focus { border-color: #2a4365; } - .xl\:border-indigo-100 { + .xl\:focus\:border-indigo-100:focus { border-color: #ebf4ff; } - .xl\:border-indigo-200 { + .xl\:focus\:border-indigo-200:focus { border-color: #c3dafe; } - .xl\:border-indigo-300 { + .xl\:focus\:border-indigo-300:focus { border-color: #a3bffa; } - .xl\:border-indigo-400 { + .xl\:focus\:border-indigo-400:focus { border-color: #7f9cf5; } - .xl\:border-indigo-500 { + .xl\:focus\:border-indigo-500:focus { border-color: #667eea; } - .xl\:border-indigo-600 { + .xl\:focus\:border-indigo-600:focus { border-color: #5a67d8; } - .xl\:border-indigo-700 { + .xl\:focus\:border-indigo-700:focus { border-color: #4c51bf; } - .xl\:border-indigo-800 { + .xl\:focus\:border-indigo-800:focus { border-color: #434190; } - .xl\:border-indigo-900 { + .xl\:focus\:border-indigo-900:focus { border-color: #3c366b; } - .xl\:border-purple-100 { + .xl\:focus\:border-purple-100:focus { border-color: #faf5ff; } - .xl\:border-purple-200 { + .xl\:focus\:border-purple-200:focus { border-color: #e9d8fd; } - .xl\:border-purple-300 { + .xl\:focus\:border-purple-300:focus { border-color: #d6bcfa; } - .xl\:border-purple-400 { + .xl\:focus\:border-purple-400:focus { border-color: #b794f4; } - .xl\:border-purple-500 { + .xl\:focus\:border-purple-500:focus { border-color: #9f7aea; } - .xl\:border-purple-600 { + .xl\:focus\:border-purple-600:focus { border-color: #805ad5; } - .xl\:border-purple-700 { + .xl\:focus\:border-purple-700:focus { border-color: #6b46c1; } - .xl\:border-purple-800 { + .xl\:focus\:border-purple-800:focus { border-color: #553c9a; } - .xl\:border-purple-900 { + .xl\:focus\:border-purple-900:focus { border-color: #44337a; } - .xl\:border-pink-100 { + .xl\:focus\:border-pink-100:focus { border-color: #fff5f7; } - .xl\:border-pink-200 { + .xl\:focus\:border-pink-200:focus { border-color: #fed7e2; } - .xl\:border-pink-300 { + .xl\:focus\:border-pink-300:focus { border-color: #fbb6ce; } - .xl\:border-pink-400 { + .xl\:focus\:border-pink-400:focus { border-color: #f687b3; } - .xl\:border-pink-500 { + .xl\:focus\:border-pink-500:focus { border-color: #ed64a6; } - .xl\:border-pink-600 { + .xl\:focus\:border-pink-600:focus { border-color: #d53f8c; } - .xl\:border-pink-700 { + .xl\:focus\:border-pink-700:focus { border-color: #b83280; } - .xl\:border-pink-800 { + .xl\:focus\:border-pink-800:focus { border-color: #97266d; } - .xl\:border-pink-900 { + .xl\:focus\:border-pink-900:focus { border-color: #702459; } - .xl\:hover\:border-transparent:hover { - border-color: transparent; + .xl\:rounded-none { + border-radius: 0; } - .xl\:hover\:border-black:hover { - border-color: #000; + .xl\:rounded-sm { + border-radius: 0.125rem; } - .xl\:hover\:border-white:hover { - border-color: #fff; + .xl\:rounded { + border-radius: 0.25rem; } - .xl\:hover\:border-gray-100:hover { - border-color: #f7fafc; + .xl\:rounded-lg { + border-radius: 0.5rem; } - .xl\:hover\:border-gray-200:hover { - border-color: #edf2f7; + .xl\:rounded-full { + border-radius: 9999px; } - .xl\:hover\:border-gray-300:hover { - border-color: #e2e8f0; + .xl\:rounded-t-none { + border-top-left-radius: 0; + border-top-right-radius: 0; } - .xl\:hover\:border-gray-400:hover { - border-color: #cbd5e0; + .xl\:rounded-r-none { + border-top-right-radius: 0; + border-bottom-right-radius: 0; } - .xl\:hover\:border-gray-500:hover { - border-color: #a0aec0; + .xl\:rounded-b-none { + border-bottom-right-radius: 0; + border-bottom-left-radius: 0; } - .xl\:hover\:border-gray-600:hover { - border-color: #718096; + .xl\:rounded-l-none { + border-top-left-radius: 0; + border-bottom-left-radius: 0; } - .xl\:hover\:border-gray-700:hover { - border-color: #4a5568; + .xl\:rounded-t-sm { + border-top-left-radius: 0.125rem; + border-top-right-radius: 0.125rem; } - .xl\:hover\:border-gray-800:hover { - border-color: #2d3748; + .xl\:rounded-r-sm { + border-top-right-radius: 0.125rem; + border-bottom-right-radius: 0.125rem; } - .xl\:hover\:border-gray-900:hover { - border-color: #1a202c; + .xl\:rounded-b-sm { + border-bottom-right-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:hover\:border-red-100:hover { - border-color: #fff5f5; + .xl\:rounded-l-sm { + border-top-left-radius: 0.125rem; + border-bottom-left-radius: 0.125rem; } - .xl\:hover\:border-red-200:hover { - border-color: #fed7d7; + .xl\:rounded-t { + border-top-left-radius: 0.25rem; + border-top-right-radius: 0.25rem; } - .xl\:hover\:border-red-300:hover { - border-color: #feb2b2; + .xl\:rounded-r { + border-top-right-radius: 0.25rem; + border-bottom-right-radius: 0.25rem; } - .xl\:hover\:border-red-400:hover { - border-color: #fc8181; + .xl\:rounded-b { + border-bottom-right-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:hover\:border-red-500:hover { - border-color: #f56565; + .xl\:rounded-l { + border-top-left-radius: 0.25rem; + border-bottom-left-radius: 0.25rem; } - .xl\:hover\:border-red-600:hover { - border-color: #e53e3e; + .xl\:rounded-t-lg { + border-top-left-radius: 0.5rem; + border-top-right-radius: 0.5rem; } - .xl\:hover\:border-red-700:hover { - border-color: #c53030; + .xl\:rounded-r-lg { + border-top-right-radius: 0.5rem; + border-bottom-right-radius: 0.5rem; } - .xl\:hover\:border-red-800:hover { - border-color: #9b2c2c; + .xl\:rounded-b-lg { + border-bottom-right-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:hover\:border-red-900:hover { - border-color: #742a2a; + .xl\:rounded-l-lg { + border-top-left-radius: 0.5rem; + border-bottom-left-radius: 0.5rem; } - .xl\:hover\:border-orange-100:hover { - border-color: #fffaf0; + .xl\:rounded-t-full { + border-top-left-radius: 9999px; + border-top-right-radius: 9999px; } - .xl\:hover\:border-orange-200:hover { - border-color: #feebc8; + .xl\:rounded-r-full { + border-top-right-radius: 9999px; + border-bottom-right-radius: 9999px; } - .xl\:hover\:border-orange-300:hover { - border-color: #fbd38d; + .xl\:rounded-b-full { + border-bottom-right-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:border-orange-400:hover { - border-color: #f6ad55; + .xl\:rounded-l-full { + border-top-left-radius: 9999px; + border-bottom-left-radius: 9999px; } - .xl\:hover\:border-orange-500:hover { - border-color: #ed8936; + .xl\:rounded-tl-none { + border-top-left-radius: 0; } - .xl\:hover\:border-orange-600:hover { - border-color: #dd6b20; + .xl\:rounded-tr-none { + border-top-right-radius: 0; } - .xl\:hover\:border-orange-700:hover { - border-color: #c05621; + .xl\:rounded-br-none { + border-bottom-right-radius: 0; } - .xl\:hover\:border-orange-800:hover { - border-color: #9c4221; + .xl\:rounded-bl-none { + border-bottom-left-radius: 0; } - .xl\:hover\:border-orange-900:hover { - border-color: #7b341e; + .xl\:rounded-tl-sm { + border-top-left-radius: 0.125rem; } - .xl\:hover\:border-yellow-100:hover { - border-color: #fffff0; + .xl\:rounded-tr-sm { + border-top-right-radius: 0.125rem; } - .xl\:hover\:border-yellow-200:hover { - border-color: #fefcbf; + .xl\:rounded-br-sm { + border-bottom-right-radius: 0.125rem; } - .xl\:hover\:border-yellow-300:hover { - border-color: #faf089; + .xl\:rounded-bl-sm { + border-bottom-left-radius: 0.125rem; } - .xl\:hover\:border-yellow-400:hover { - border-color: #f6e05e; + .xl\:rounded-tl { + border-top-left-radius: 0.25rem; } - .xl\:hover\:border-yellow-500:hover { - border-color: #ecc94b; + .xl\:rounded-tr { + border-top-right-radius: 0.25rem; } - .xl\:hover\:border-yellow-600:hover { - border-color: #d69e2e; + .xl\:rounded-br { + border-bottom-right-radius: 0.25rem; } - .xl\:hover\:border-yellow-700:hover { - border-color: #b7791f; + .xl\:rounded-bl { + border-bottom-left-radius: 0.25rem; } - .xl\:hover\:border-yellow-800:hover { - border-color: #975a16; + .xl\:rounded-tl-lg { + border-top-left-radius: 0.5rem; } - .xl\:hover\:border-yellow-900:hover { - border-color: #744210; + .xl\:rounded-tr-lg { + border-top-right-radius: 0.5rem; } - .xl\:hover\:border-green-100:hover { - border-color: #f0fff4; + .xl\:rounded-br-lg { + border-bottom-right-radius: 0.5rem; } - .xl\:hover\:border-green-200:hover { - border-color: #c6f6d5; + .xl\:rounded-bl-lg { + border-bottom-left-radius: 0.5rem; } - .xl\:hover\:border-green-300:hover { - border-color: #9ae6b4; + .xl\:rounded-tl-full { + border-top-left-radius: 9999px; } - .xl\:hover\:border-green-400:hover { - border-color: #68d391; + .xl\:rounded-tr-full { + border-top-right-radius: 9999px; } - .xl\:hover\:border-green-500:hover { - border-color: #48bb78; + .xl\:rounded-br-full { + border-bottom-right-radius: 9999px; } - .xl\:hover\:border-green-600:hover { - border-color: #38a169; + .xl\:rounded-bl-full { + border-bottom-left-radius: 9999px; } - .xl\:hover\:border-green-700:hover { - border-color: #2f855a; + .xl\:border-solid { + border-style: solid; } - .xl\:hover\:border-green-800:hover { - border-color: #276749; + .xl\:border-dashed { + border-style: dashed; } - .xl\:hover\:border-green-900:hover { - border-color: #22543d; + .xl\:border-dotted { + border-style: dotted; } - .xl\:hover\:border-teal-100:hover { - border-color: #e6fffa; + .xl\:border-double { + border-style: double; } - .xl\:hover\:border-teal-200:hover { - border-color: #b2f5ea; + .xl\:border-none { + border-style: none; } - .xl\:hover\:border-teal-300:hover { - border-color: #81e6d9; + .xl\:border-0 { + border-width: 0; } - .xl\:hover\:border-teal-400:hover { - border-color: #4fd1c5; + .xl\:border-2 { + border-width: 2px; } - .xl\:hover\:border-teal-500:hover { - border-color: #38b2ac; + .xl\:border-4 { + border-width: 4px; } - .xl\:hover\:border-teal-600:hover { - border-color: #319795; + .xl\:border-8 { + border-width: 8px; } - .xl\:hover\:border-teal-700:hover { - border-color: #2c7a7b; + .xl\:border { + border-width: 1px; } - .xl\:hover\:border-teal-800:hover { - border-color: #285e61; + .xl\:border-t-0 { + border-top-width: 0; } - .xl\:hover\:border-teal-900:hover { - border-color: #234e52; + .xl\:border-r-0 { + border-right-width: 0; } - .xl\:hover\:border-blue-100:hover { - border-color: #ebf8ff; + .xl\:border-b-0 { + border-bottom-width: 0; } - .xl\:hover\:border-blue-200:hover { - border-color: #bee3f8; + .xl\:border-l-0 { + border-left-width: 0; } - .xl\:hover\:border-blue-300:hover { - border-color: #90cdf4; + .xl\:border-t-2 { + border-top-width: 2px; } - .xl\:hover\:border-blue-400:hover { - border-color: #63b3ed; + .xl\:border-r-2 { + border-right-width: 2px; } - .xl\:hover\:border-blue-500:hover { - border-color: #4299e1; + .xl\:border-b-2 { + border-bottom-width: 2px; } - .xl\:hover\:border-blue-600:hover { - border-color: #3182ce; + .xl\:border-l-2 { + border-left-width: 2px; } - .xl\:hover\:border-blue-700:hover { - border-color: #2b6cb0; + .xl\:border-t-4 { + border-top-width: 4px; } - .xl\:hover\:border-blue-800:hover { - border-color: #2c5282; + .xl\:border-r-4 { + border-right-width: 4px; } - .xl\:hover\:border-blue-900:hover { - border-color: #2a4365; + .xl\:border-b-4 { + border-bottom-width: 4px; } - .xl\:hover\:border-indigo-100:hover { - border-color: #ebf4ff; + .xl\:border-l-4 { + border-left-width: 4px; } - .xl\:hover\:border-indigo-200:hover { - border-color: #c3dafe; + .xl\:border-t-8 { + border-top-width: 8px; } - .xl\:hover\:border-indigo-300:hover { - border-color: #a3bffa; + .xl\:border-r-8 { + border-right-width: 8px; } - .xl\:hover\:border-indigo-400:hover { - border-color: #7f9cf5; + .xl\:border-b-8 { + border-bottom-width: 8px; } - .xl\:hover\:border-indigo-500:hover { - border-color: #667eea; + .xl\:border-l-8 { + border-left-width: 8px; } - .xl\:hover\:border-indigo-600:hover { - border-color: #5a67d8; + .xl\:border-t { + border-top-width: 1px; } - .xl\:hover\:border-indigo-700:hover { - border-color: #4c51bf; + .xl\:border-r { + border-right-width: 1px; } - .xl\:hover\:border-indigo-800:hover { - border-color: #434190; + .xl\:border-b { + border-bottom-width: 1px; } - .xl\:hover\:border-indigo-900:hover { - border-color: #3c366b; + .xl\:border-l { + border-left-width: 1px; } - .xl\:hover\:border-purple-100:hover { - border-color: #faf5ff; + .xl\:cursor-auto { + cursor: auto; } - .xl\:hover\:border-purple-200:hover { - border-color: #e9d8fd; + .xl\:cursor-default { + cursor: default; } - .xl\:hover\:border-purple-300:hover { - border-color: #d6bcfa; + .xl\:cursor-pointer { + cursor: pointer; } - .xl\:hover\:border-purple-400:hover { - border-color: #b794f4; + .xl\:cursor-wait { + cursor: wait; } - .xl\:hover\:border-purple-500:hover { - border-color: #9f7aea; + .xl\:cursor-text { + cursor: text; } - .xl\:hover\:border-purple-600:hover { - border-color: #805ad5; + .xl\:cursor-move { + cursor: move; } - .xl\:hover\:border-purple-700:hover { - border-color: #6b46c1; + .xl\:cursor-not-allowed { + cursor: not-allowed; } - .xl\:hover\:border-purple-800:hover { - border-color: #553c9a; + .xl\:block { + display: block; } - .xl\:hover\:border-purple-900:hover { - border-color: #44337a; + .xl\:inline-block { + display: inline-block; } - .xl\:hover\:border-pink-100:hover { - border-color: #fff5f7; + .xl\:inline { + display: inline; } - .xl\:hover\:border-pink-200:hover { - border-color: #fed7e2; + .xl\:flex { + display: flex; } - .xl\:hover\:border-pink-300:hover { - border-color: #fbb6ce; + .xl\:inline-flex { + display: inline-flex; } - .xl\:hover\:border-pink-400:hover { - border-color: #f687b3; + .xl\:table { + display: table; } - .xl\:hover\:border-pink-500:hover { - border-color: #ed64a6; + .xl\:table-row { + display: table-row; } - .xl\:hover\:border-pink-600:hover { - border-color: #d53f8c; + .xl\:table-cell { + display: table-cell; } - .xl\:hover\:border-pink-700:hover { - border-color: #b83280; + .xl\:hidden { + display: none; } - .xl\:hover\:border-pink-800:hover { - border-color: #97266d; + .xl\:flex-row { + flex-direction: row; } - .xl\:hover\:border-pink-900:hover { - border-color: #702459; + .xl\:flex-row-reverse { + flex-direction: row-reverse; } - .xl\:focus\:border-transparent:focus { - border-color: transparent; + .xl\:flex-col { + flex-direction: column; } - .xl\:focus\:border-black:focus { - border-color: #000; + .xl\:flex-col-reverse { + flex-direction: column-reverse; } - .xl\:focus\:border-white:focus { - border-color: #fff; + .xl\:flex-wrap { + flex-wrap: wrap; } - .xl\:focus\:border-gray-100:focus { - border-color: #f7fafc; + .xl\:flex-wrap-reverse { + flex-wrap: wrap-reverse; } - .xl\:focus\:border-gray-200:focus { - border-color: #edf2f7; + .xl\:flex-no-wrap { + flex-wrap: nowrap; } - .xl\:focus\:border-gray-300:focus { - border-color: #e2e8f0; + .xl\:items-start { + align-items: flex-start; } - .xl\:focus\:border-gray-400:focus { - border-color: #cbd5e0; + .xl\:items-end { + align-items: flex-end; } - .xl\:focus\:border-gray-500:focus { - border-color: #a0aec0; + .xl\:items-center { + align-items: center; } - .xl\:focus\:border-gray-600:focus { - border-color: #718096; + .xl\:items-baseline { + align-items: baseline; } - .xl\:focus\:border-gray-700:focus { - border-color: #4a5568; + .xl\:items-stretch { + align-items: stretch; } - .xl\:focus\:border-gray-800:focus { - border-color: #2d3748; + .xl\:self-auto { + align-self: auto; } - .xl\:focus\:border-gray-900:focus { - border-color: #1a202c; + .xl\:self-start { + align-self: flex-start; } - .xl\:focus\:border-red-100:focus { - border-color: #fff5f5; + .xl\:self-end { + align-self: flex-end; } - .xl\:focus\:border-red-200:focus { - border-color: #fed7d7; + .xl\:self-center { + align-self: center; } - .xl\:focus\:border-red-300:focus { - border-color: #feb2b2; + .xl\:self-stretch { + align-self: stretch; } - .xl\:focus\:border-red-400:focus { - border-color: #fc8181; + .xl\:justify-start { + justify-content: flex-start; } - .xl\:focus\:border-red-500:focus { - border-color: #f56565; + .xl\:justify-end { + justify-content: flex-end; } - .xl\:focus\:border-red-600:focus { - border-color: #e53e3e; + .xl\:justify-center { + justify-content: center; } - .xl\:focus\:border-red-700:focus { - border-color: #c53030; + .xl\:justify-between { + justify-content: space-between; } - .xl\:focus\:border-red-800:focus { - border-color: #9b2c2c; + .xl\:justify-around { + justify-content: space-around; } - .xl\:focus\:border-red-900:focus { - border-color: #742a2a; + .xl\:content-center { + align-content: center; } - .xl\:focus\:border-orange-100:focus { - border-color: #fffaf0; + .xl\:content-start { + align-content: flex-start; } - .xl\:focus\:border-orange-200:focus { - border-color: #feebc8; + .xl\:content-end { + align-content: flex-end; } - .xl\:focus\:border-orange-300:focus { - border-color: #fbd38d; + .xl\:content-between { + align-content: space-between; } - .xl\:focus\:border-orange-400:focus { - border-color: #f6ad55; + .xl\:content-around { + align-content: space-around; } - .xl\:focus\:border-orange-500:focus { - border-color: #ed8936; + .xl\:flex-1 { + flex: 1 1 0%; } - .xl\:focus\:border-orange-600:focus { - border-color: #dd6b20; + .xl\:flex-auto { + flex: 1 1 auto; } - .xl\:focus\:border-orange-700:focus { - border-color: #c05621; + .xl\:flex-initial { + flex: 0 1 auto; } - .xl\:focus\:border-orange-800:focus { - border-color: #9c4221; + .xl\:flex-none { + flex: none; } - .xl\:focus\:border-orange-900:focus { - border-color: #7b341e; + .xl\:flex-grow-0 { + flex-grow: 0; } - .xl\:focus\:border-yellow-100:focus { - border-color: #fffff0; + .xl\:flex-grow { + flex-grow: 1; } - .xl\:focus\:border-yellow-200:focus { - border-color: #fefcbf; + .xl\:flex-shrink-0 { + flex-shrink: 0; } - .xl\:focus\:border-yellow-300:focus { - border-color: #faf089; + .xl\:flex-shrink { + flex-shrink: 1; } - .xl\:focus\:border-yellow-400:focus { - border-color: #f6e05e; + .xl\:order-1 { + order: 1; } - .xl\:focus\:border-yellow-500:focus { - border-color: #ecc94b; + .xl\:order-2 { + order: 2; } - .xl\:focus\:border-yellow-600:focus { - border-color: #d69e2e; + .xl\:order-3 { + order: 3; } - .xl\:focus\:border-yellow-700:focus { - border-color: #b7791f; + .xl\:order-4 { + order: 4; } - .xl\:focus\:border-yellow-800:focus { - border-color: #975a16; + .xl\:order-5 { + order: 5; } - .xl\:focus\:border-yellow-900:focus { - border-color: #744210; + .xl\:order-6 { + order: 6; } - .xl\:focus\:border-green-100:focus { - border-color: #f0fff4; + .xl\:order-7 { + order: 7; } - .xl\:focus\:border-green-200:focus { - border-color: #c6f6d5; + .xl\:order-8 { + order: 8; } - .xl\:focus\:border-green-300:focus { - border-color: #9ae6b4; + .xl\:order-9 { + order: 9; } - .xl\:focus\:border-green-400:focus { - border-color: #68d391; + .xl\:order-10 { + order: 10; } - .xl\:focus\:border-green-500:focus { - border-color: #48bb78; + .xl\:order-11 { + order: 11; } - .xl\:focus\:border-green-600:focus { - border-color: #38a169; + .xl\:order-12 { + order: 12; } - .xl\:focus\:border-green-700:focus { - border-color: #2f855a; + .xl\:order-first { + order: -9999; } - .xl\:focus\:border-green-800:focus { - border-color: #276749; + .xl\:order-last { + order: 9999; } - .xl\:focus\:border-green-900:focus { - border-color: #22543d; + .xl\:order-none { + order: 0; } - .xl\:focus\:border-teal-100:focus { - border-color: #e6fffa; + .xl\:float-right { + float: right; } - .xl\:focus\:border-teal-200:focus { - border-color: #b2f5ea; + .xl\:float-left { + float: left; } - .xl\:focus\:border-teal-300:focus { - border-color: #81e6d9; + .xl\:float-none { + float: none; } - .xl\:focus\:border-teal-400:focus { - border-color: #4fd1c5; + .xl\:clearfix:after { + content: ""; + display: table; + clear: both; } - .xl\:focus\:border-teal-500:focus { - border-color: #38b2ac; + .xl\:font-sans { + font-family: -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"; } - .xl\:focus\:border-teal-600:focus { - border-color: #319795; + .xl\:font-serif { + font-family: Georgia, Cambria, "Times New Roman", Times, serif; } - .xl\:focus\:border-teal-700:focus { - border-color: #2c7a7b; + .xl\:font-mono { + font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } - .xl\:focus\:border-teal-800:focus { - border-color: #285e61; + .xl\:font-hairline { + font-weight: 100; } - .xl\:focus\:border-teal-900:focus { - border-color: #234e52; + .xl\:font-thin { + font-weight: 200; } - .xl\:focus\:border-blue-100:focus { - border-color: #ebf8ff; + .xl\:font-light { + font-weight: 300; } - .xl\:focus\:border-blue-200:focus { - border-color: #bee3f8; + .xl\:font-normal { + font-weight: 400; } - .xl\:focus\:border-blue-300:focus { - border-color: #90cdf4; + .xl\:font-medium { + font-weight: 500; } - .xl\:focus\:border-blue-400:focus { - border-color: #63b3ed; + .xl\:font-semibold { + font-weight: 600; } - .xl\:focus\:border-blue-500:focus { - border-color: #4299e1; + .xl\:font-bold { + font-weight: 700; } - .xl\:focus\:border-blue-600:focus { - border-color: #3182ce; + .xl\:font-extrabold { + font-weight: 800; } - .xl\:focus\:border-blue-700:focus { - border-color: #2b6cb0; + .xl\:font-black { + font-weight: 900; } - .xl\:focus\:border-blue-800:focus { - border-color: #2c5282; + .xl\:hover\:font-hairline:hover { + font-weight: 100; } - .xl\:focus\:border-blue-900:focus { - border-color: #2a4365; + .xl\:hover\:font-thin:hover { + font-weight: 200; } - .xl\:focus\:border-indigo-100:focus { - border-color: #ebf4ff; + .xl\:hover\:font-light:hover { + font-weight: 300; } - .xl\:focus\:border-indigo-200:focus { - border-color: #c3dafe; + .xl\:hover\:font-normal:hover { + font-weight: 400; } - .xl\:focus\:border-indigo-300:focus { - border-color: #a3bffa; + .xl\:hover\:font-medium:hover { + font-weight: 500; } - .xl\:focus\:border-indigo-400:focus { - border-color: #7f9cf5; + .xl\:hover\:font-semibold:hover { + font-weight: 600; } - .xl\:focus\:border-indigo-500:focus { - border-color: #667eea; + .xl\:hover\:font-bold:hover { + font-weight: 700; } - .xl\:focus\:border-indigo-600:focus { - border-color: #5a67d8; + .xl\:hover\:font-extrabold:hover { + font-weight: 800; } - .xl\:focus\:border-indigo-700:focus { - border-color: #4c51bf; + .xl\:hover\:font-black:hover { + font-weight: 900; } - .xl\:focus\:border-indigo-800:focus { - border-color: #434190; + .xl\:focus\:font-hairline:focus { + font-weight: 100; } - .xl\:focus\:border-indigo-900:focus { - border-color: #3c366b; + .xl\:focus\:font-thin:focus { + font-weight: 200; } - .xl\:focus\:border-purple-100:focus { - border-color: #faf5ff; + .xl\:focus\:font-light:focus { + font-weight: 300; } - .xl\:focus\:border-purple-200:focus { - border-color: #e9d8fd; + .xl\:focus\:font-normal:focus { + font-weight: 400; } - .xl\:focus\:border-purple-300:focus { - border-color: #d6bcfa; + .xl\:focus\:font-medium:focus { + font-weight: 500; } - .xl\:focus\:border-purple-400:focus { - border-color: #b794f4; + .xl\:focus\:font-semibold:focus { + font-weight: 600; } - .xl\:focus\:border-purple-500:focus { - border-color: #9f7aea; + .xl\:focus\:font-bold:focus { + font-weight: 700; } - .xl\:focus\:border-purple-600:focus { - border-color: #805ad5; + .xl\:focus\:font-extrabold:focus { + font-weight: 800; } - .xl\:focus\:border-purple-700:focus { - border-color: #6b46c1; + .xl\:focus\:font-black:focus { + font-weight: 900; } - .xl\:focus\:border-purple-800:focus { - border-color: #553c9a; + .xl\:h-0 { + height: 0; } - .xl\:focus\:border-purple-900:focus { - border-color: #44337a; + .xl\:h-1 { + height: 0.25rem; } - .xl\:focus\:border-pink-100:focus { - border-color: #fff5f7; + .xl\:h-2 { + height: 0.5rem; } - .xl\:focus\:border-pink-200:focus { - border-color: #fed7e2; + .xl\:h-3 { + height: 0.75rem; } - .xl\:focus\:border-pink-300:focus { - border-color: #fbb6ce; + .xl\:h-4 { + height: 1rem; } - .xl\:focus\:border-pink-400:focus { - border-color: #f687b3; + .xl\:h-5 { + height: 1.25rem; } - .xl\:focus\:border-pink-500:focus { - border-color: #ed64a6; + .xl\:h-6 { + height: 1.5rem; } - .xl\:focus\:border-pink-600:focus { - border-color: #d53f8c; + .xl\:h-8 { + height: 2rem; } - .xl\:focus\:border-pink-700:focus { - border-color: #b83280; + .xl\:h-10 { + height: 2.5rem; } - .xl\:focus\:border-pink-800:focus { - border-color: #97266d; + .xl\:h-12 { + height: 3rem; } - .xl\:focus\:border-pink-900:focus { - border-color: #702459; + .xl\:h-16 { + height: 4rem; } - .xl\:rounded-none { - border-radius: 0; + .xl\:h-20 { + height: 5rem; } - .xl\:rounded-sm { - border-radius: 0.125rem; + .xl\:h-24 { + height: 6rem; } - .xl\:rounded { - border-radius: 0.25rem; + .xl\:h-32 { + height: 8rem; } - .xl\:rounded-lg { - border-radius: 0.5rem; + .xl\:h-40 { + height: 10rem; } - .xl\:rounded-full { - border-radius: 9999px; + .xl\:h-48 { + height: 12rem; } - .xl\:rounded-t-none { - border-top-left-radius: 0; - border-top-right-radius: 0; + .xl\:h-56 { + height: 14rem; } - .xl\:rounded-r-none { - border-top-right-radius: 0; - border-bottom-right-radius: 0; + .xl\:h-64 { + height: 16rem; } - .xl\:rounded-b-none { - border-bottom-right-radius: 0; - border-bottom-left-radius: 0; + .xl\:h-auto { + height: auto; } - .xl\:rounded-l-none { - border-top-left-radius: 0; - border-bottom-left-radius: 0; + .xl\:h-px { + height: 1px; } - .xl\:rounded-t-sm { - border-top-left-radius: 0.125rem; - border-top-right-radius: 0.125rem; + .xl\:h-full { + height: 100%; } - .xl\:rounded-r-sm { - border-top-right-radius: 0.125rem; - border-bottom-right-radius: 0.125rem; + .xl\:h-screen { + height: 100vh; } - .xl\:rounded-b-sm { - border-bottom-right-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:leading-none { + line-height: 1; } - .xl\:rounded-l-sm { - border-top-left-radius: 0.125rem; - border-bottom-left-radius: 0.125rem; + .xl\:leading-tight { + line-height: 1.25; } - .xl\:rounded-t { - border-top-left-radius: 0.25rem; - border-top-right-radius: 0.25rem; + .xl\:leading-snug { + line-height: 1.375; } - .xl\:rounded-r { - border-top-right-radius: 0.25rem; - border-bottom-right-radius: 0.25rem; + .xl\:leading-normal { + line-height: 1.5; } - .xl\:rounded-b { - border-bottom-right-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:leading-relaxed { + line-height: 1.625; } - .xl\:rounded-l { - border-top-left-radius: 0.25rem; - border-bottom-left-radius: 0.25rem; + .xl\:leading-loose { + line-height: 2; } - .xl\:rounded-t-lg { - border-top-left-radius: 0.5rem; - border-top-right-radius: 0.5rem; + .xl\:list-inside { + list-style-position: inside; } - .xl\:rounded-r-lg { - border-top-right-radius: 0.5rem; - border-bottom-right-radius: 0.5rem; + .xl\:list-outside { + list-style-position: outside; } - .xl\:rounded-b-lg { - border-bottom-right-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:list-none { + list-style-type: none; } - .xl\:rounded-l-lg { - border-top-left-radius: 0.5rem; - border-bottom-left-radius: 0.5rem; + .xl\:list-disc { + list-style-type: disc; } - .xl\:rounded-t-full { - border-top-left-radius: 9999px; - border-top-right-radius: 9999px; + .xl\:list-decimal { + list-style-type: decimal; } - .xl\:rounded-r-full { - border-top-right-radius: 9999px; - border-bottom-right-radius: 9999px; + .xl\:m-0 { + margin: 0; } - .xl\:rounded-b-full { - border-bottom-right-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:m-1 { + margin: 0.25rem; } - .xl\:rounded-l-full { - border-top-left-radius: 9999px; - border-bottom-left-radius: 9999px; + .xl\:m-2 { + margin: 0.5rem; } - .xl\:rounded-tl-none { - border-top-left-radius: 0; + .xl\:m-3 { + margin: 0.75rem; } - .xl\:rounded-tr-none { - border-top-right-radius: 0; + .xl\:m-4 { + margin: 1rem; } - .xl\:rounded-br-none { - border-bottom-right-radius: 0; + .xl\:m-5 { + margin: 1.25rem; } - .xl\:rounded-bl-none { - border-bottom-left-radius: 0; + .xl\:m-6 { + margin: 1.5rem; } - .xl\:rounded-tl-sm { - border-top-left-radius: 0.125rem; + .xl\:m-8 { + margin: 2rem; } - .xl\:rounded-tr-sm { - border-top-right-radius: 0.125rem; + .xl\:m-10 { + margin: 2.5rem; } - .xl\:rounded-br-sm { - border-bottom-right-radius: 0.125rem; + .xl\:m-12 { + margin: 3rem; } - .xl\:rounded-bl-sm { - border-bottom-left-radius: 0.125rem; + .xl\:m-16 { + margin: 4rem; } - .xl\:rounded-tl { - border-top-left-radius: 0.25rem; + .xl\:m-20 { + margin: 5rem; } - .xl\:rounded-tr { - border-top-right-radius: 0.25rem; + .xl\:m-24 { + margin: 6rem; } - .xl\:rounded-br { - border-bottom-right-radius: 0.25rem; + .xl\:m-32 { + margin: 8rem; } - .xl\:rounded-bl { - border-bottom-left-radius: 0.25rem; + .xl\:m-40 { + margin: 10rem; } - .xl\:rounded-tl-lg { - border-top-left-radius: 0.5rem; + .xl\:m-48 { + margin: 12rem; } - .xl\:rounded-tr-lg { - border-top-right-radius: 0.5rem; + .xl\:m-56 { + margin: 14rem; } - .xl\:rounded-br-lg { - border-bottom-right-radius: 0.5rem; + .xl\:m-64 { + margin: 16rem; } - .xl\:rounded-bl-lg { - border-bottom-left-radius: 0.5rem; + .xl\:m-auto { + margin: auto; } - .xl\:rounded-tl-full { - border-top-left-radius: 9999px; + .xl\:m-px { + margin: 1px; } - .xl\:rounded-tr-full { - border-top-right-radius: 9999px; + .xl\:-m-1 { + margin: -0.25rem; } - .xl\:rounded-br-full { - border-bottom-right-radius: 9999px; + .xl\:-m-2 { + margin: -0.5rem; } - .xl\:rounded-bl-full { - border-bottom-left-radius: 9999px; + .xl\:-m-3 { + margin: -0.75rem; } - .xl\:border-solid { - border-style: solid; + .xl\:-m-4 { + margin: -1rem; } - .xl\:border-dashed { - border-style: dashed; + .xl\:-m-5 { + margin: -1.25rem; } - .xl\:border-dotted { - border-style: dotted; + .xl\:-m-6 { + margin: -1.5rem; } - .xl\:border-double { - border-style: double; + .xl\:-m-8 { + margin: -2rem; } - .xl\:border-none { - border-style: none; + .xl\:-m-10 { + margin: -2.5rem; } - .xl\:border-0 { - border-width: 0; + .xl\:-m-12 { + margin: -3rem; } - .xl\:border-2 { - border-width: 2px; + .xl\:-m-16 { + margin: -4rem; } - .xl\:border-4 { - border-width: 4px; + .xl\:-m-20 { + margin: -5rem; } - .xl\:border-8 { - border-width: 8px; + .xl\:-m-24 { + margin: -6rem; } - .xl\:border { - border-width: 1px; + .xl\:-m-32 { + margin: -8rem; } - .xl\:border-t-0 { - border-top-width: 0; + .xl\:-m-40 { + margin: -10rem; } - .xl\:border-r-0 { - border-right-width: 0; + .xl\:-m-48 { + margin: -12rem; } - .xl\:border-b-0 { - border-bottom-width: 0; + .xl\:-m-56 { + margin: -14rem; } - .xl\:border-l-0 { - border-left-width: 0; + .xl\:-m-64 { + margin: -16rem; } - .xl\:border-t-2 { - border-top-width: 2px; + .xl\:-m-px { + margin: -1px; } - .xl\:border-r-2 { - border-right-width: 2px; + .xl\:my-0 { + margin-top: 0; + margin-bottom: 0; } - .xl\:border-b-2 { - border-bottom-width: 2px; + .xl\:mx-0 { + margin-left: 0; + margin-right: 0; } - .xl\:border-l-2 { - border-left-width: 2px; + .xl\:my-1 { + margin-top: 0.25rem; + margin-bottom: 0.25rem; } - .xl\:border-t-4 { - border-top-width: 4px; + .xl\:mx-1 { + margin-left: 0.25rem; + margin-right: 0.25rem; } - .xl\:border-r-4 { - border-right-width: 4px; + .xl\:my-2 { + margin-top: 0.5rem; + margin-bottom: 0.5rem; } - .xl\:border-b-4 { - border-bottom-width: 4px; + .xl\:mx-2 { + margin-left: 0.5rem; + margin-right: 0.5rem; } - .xl\:border-l-4 { - border-left-width: 4px; + .xl\:my-3 { + margin-top: 0.75rem; + margin-bottom: 0.75rem; } - .xl\:border-t-8 { - border-top-width: 8px; + .xl\:mx-3 { + margin-left: 0.75rem; + margin-right: 0.75rem; } - .xl\:border-r-8 { - border-right-width: 8px; + .xl\:my-4 { + margin-top: 1rem; + margin-bottom: 1rem; } - .xl\:border-b-8 { - border-bottom-width: 8px; + .xl\:mx-4 { + margin-left: 1rem; + margin-right: 1rem; } - .xl\:border-l-8 { - border-left-width: 8px; + .xl\:my-5 { + margin-top: 1.25rem; + margin-bottom: 1.25rem; } - .xl\:border-t { - border-top-width: 1px; + .xl\:mx-5 { + margin-left: 1.25rem; + margin-right: 1.25rem; } - .xl\:border-r { - border-right-width: 1px; + .xl\:my-6 { + margin-top: 1.5rem; + margin-bottom: 1.5rem; } - .xl\:border-b { - border-bottom-width: 1px; + .xl\:mx-6 { + margin-left: 1.5rem; + margin-right: 1.5rem; } - .xl\:border-l { - border-left-width: 1px; + .xl\:my-8 { + margin-top: 2rem; + margin-bottom: 2rem; } - .xl\:cursor-auto { - cursor: auto; + .xl\:mx-8 { + margin-left: 2rem; + margin-right: 2rem; } - .xl\:cursor-default { - cursor: default; + .xl\:my-10 { + margin-top: 2.5rem; + margin-bottom: 2.5rem; } - .xl\:cursor-pointer { - cursor: pointer; + .xl\:mx-10 { + margin-left: 2.5rem; + margin-right: 2.5rem; } - .xl\:cursor-wait { - cursor: wait; + .xl\:my-12 { + margin-top: 3rem; + margin-bottom: 3rem; } - .xl\:cursor-text { - cursor: text; + .xl\:mx-12 { + margin-left: 3rem; + margin-right: 3rem; } - .xl\:cursor-move { - cursor: move; + .xl\:my-16 { + margin-top: 4rem; + margin-bottom: 4rem; } - .xl\:cursor-not-allowed { - cursor: not-allowed; + .xl\:mx-16 { + margin-left: 4rem; + margin-right: 4rem; } - .xl\:block { - display: block; + .xl\:my-20 { + margin-top: 5rem; + margin-bottom: 5rem; } - .xl\:inline-block { - display: inline-block; + .xl\:mx-20 { + margin-left: 5rem; + margin-right: 5rem; } - .xl\:inline { - display: inline; + .xl\:my-24 { + margin-top: 6rem; + margin-bottom: 6rem; } - .xl\:flex { - display: flex; + .xl\:mx-24 { + margin-left: 6rem; + margin-right: 6rem; } - .xl\:inline-flex { - display: inline-flex; + .xl\:my-32 { + margin-top: 8rem; + margin-bottom: 8rem; } - .xl\:table { - display: table; + .xl\:mx-32 { + margin-left: 8rem; + margin-right: 8rem; } - .xl\:table-row { - display: table-row; + .xl\:my-40 { + margin-top: 10rem; + margin-bottom: 10rem; } - .xl\:table-cell { - display: table-cell; + .xl\:mx-40 { + margin-left: 10rem; + margin-right: 10rem; } - .xl\:hidden { - display: none; + .xl\:my-48 { + margin-top: 12rem; + margin-bottom: 12rem; } - .xl\:flex-row { - flex-direction: row; + .xl\:mx-48 { + margin-left: 12rem; + margin-right: 12rem; } - .xl\:flex-row-reverse { - flex-direction: row-reverse; + .xl\:my-56 { + margin-top: 14rem; + margin-bottom: 14rem; } - .xl\:flex-col { - flex-direction: column; + .xl\:mx-56 { + margin-left: 14rem; + margin-right: 14rem; } - .xl\:flex-col-reverse { - flex-direction: column-reverse; + .xl\:my-64 { + margin-top: 16rem; + margin-bottom: 16rem; } - .xl\:flex-wrap { - flex-wrap: wrap; + .xl\:mx-64 { + margin-left: 16rem; + margin-right: 16rem; } - .xl\:flex-wrap-reverse { - flex-wrap: wrap-reverse; + .xl\:my-auto { + margin-top: auto; + margin-bottom: auto; } - .xl\:flex-no-wrap { - flex-wrap: nowrap; + .xl\:mx-auto { + margin-left: auto; + margin-right: auto; } - .xl\:items-start { - align-items: flex-start; + .xl\:my-px { + margin-top: 1px; + margin-bottom: 1px; } - .xl\:items-end { - align-items: flex-end; + .xl\:mx-px { + margin-left: 1px; + margin-right: 1px; } - .xl\:items-center { - align-items: center; + .xl\:-my-1 { + margin-top: -0.25rem; + margin-bottom: -0.25rem; } - .xl\:items-baseline { - align-items: baseline; + .xl\:-mx-1 { + margin-left: -0.25rem; + margin-right: -0.25rem; } - .xl\:items-stretch { - align-items: stretch; + .xl\:-my-2 { + margin-top: -0.5rem; + margin-bottom: -0.5rem; } - .xl\:self-auto { - align-self: auto; + .xl\:-mx-2 { + margin-left: -0.5rem; + margin-right: -0.5rem; } - .xl\:self-start { - align-self: flex-start; + .xl\:-my-3 { + margin-top: -0.75rem; + margin-bottom: -0.75rem; } - .xl\:self-end { - align-self: flex-end; + .xl\:-mx-3 { + margin-left: -0.75rem; + margin-right: -0.75rem; } - .xl\:self-center { - align-self: center; + .xl\:-my-4 { + margin-top: -1rem; + margin-bottom: -1rem; } - .xl\:self-stretch { - align-self: stretch; + .xl\:-mx-4 { + margin-left: -1rem; + margin-right: -1rem; } - .xl\:justify-start { - justify-content: flex-start; + .xl\:-my-5 { + margin-top: -1.25rem; + margin-bottom: -1.25rem; } - .xl\:justify-end { - justify-content: flex-end; + .xl\:-mx-5 { + margin-left: -1.25rem; + margin-right: -1.25rem; } - .xl\:justify-center { - justify-content: center; + .xl\:-my-6 { + margin-top: -1.5rem; + margin-bottom: -1.5rem; } - .xl\:justify-between { - justify-content: space-between; + .xl\:-mx-6 { + margin-left: -1.5rem; + margin-right: -1.5rem; } - .xl\:justify-around { - justify-content: space-around; + .xl\:-my-8 { + margin-top: -2rem; + margin-bottom: -2rem; } - .xl\:content-center { - align-content: center; + .xl\:-mx-8 { + margin-left: -2rem; + margin-right: -2rem; } - .xl\:content-start { - align-content: flex-start; + .xl\:-my-10 { + margin-top: -2.5rem; + margin-bottom: -2.5rem; } - .xl\:content-end { - align-content: flex-end; + .xl\:-mx-10 { + margin-left: -2.5rem; + margin-right: -2.5rem; } - .xl\:content-between { - align-content: space-between; + .xl\:-my-12 { + margin-top: -3rem; + margin-bottom: -3rem; } - .xl\:content-around { - align-content: space-around; + .xl\:-mx-12 { + margin-left: -3rem; + margin-right: -3rem; } - .xl\:flex-1 { - flex: 1 1 0%; + .xl\:-my-16 { + margin-top: -4rem; + margin-bottom: -4rem; } - .xl\:flex-auto { - flex: 1 1 auto; + .xl\:-mx-16 { + margin-left: -4rem; + margin-right: -4rem; } - .xl\:flex-initial { - flex: 0 1 auto; + .xl\:-my-20 { + margin-top: -5rem; + margin-bottom: -5rem; } - .xl\:flex-none { - flex: none; + .xl\:-mx-20 { + margin-left: -5rem; + margin-right: -5rem; } - .xl\:flex-grow-0 { - flex-grow: 0; + .xl\:-my-24 { + margin-top: -6rem; + margin-bottom: -6rem; } - .xl\:flex-grow { - flex-grow: 1; + .xl\:-mx-24 { + margin-left: -6rem; + margin-right: -6rem; } - .xl\:flex-shrink-0 { - flex-shrink: 0; + .xl\:-my-32 { + margin-top: -8rem; + margin-bottom: -8rem; } - .xl\:flex-shrink { - flex-shrink: 1; + .xl\:-mx-32 { + margin-left: -8rem; + margin-right: -8rem; } - .xl\:order-1 { - order: 1; + .xl\:-my-40 { + margin-top: -10rem; + margin-bottom: -10rem; } - .xl\:order-2 { - order: 2; + .xl\:-mx-40 { + margin-left: -10rem; + margin-right: -10rem; } - .xl\:order-3 { - order: 3; + .xl\:-my-48 { + margin-top: -12rem; + margin-bottom: -12rem; } - .xl\:order-4 { - order: 4; + .xl\:-mx-48 { + margin-left: -12rem; + margin-right: -12rem; } - .xl\:order-5 { - order: 5; + .xl\:-my-56 { + margin-top: -14rem; + margin-bottom: -14rem; } - .xl\:order-6 { - order: 6; + .xl\:-mx-56 { + margin-left: -14rem; + margin-right: -14rem; } - .xl\:order-7 { - order: 7; + .xl\:-my-64 { + margin-top: -16rem; + margin-bottom: -16rem; } - .xl\:order-8 { - order: 8; + .xl\:-mx-64 { + margin-left: -16rem; + margin-right: -16rem; } - .xl\:order-9 { - order: 9; + .xl\:-my-px { + margin-top: -1px; + margin-bottom: -1px; } - .xl\:order-10 { - order: 10; + .xl\:-mx-px { + margin-left: -1px; + margin-right: -1px; } - .xl\:order-11 { - order: 11; + .xl\:mt-0 { + margin-top: 0; } - .xl\:order-12 { - order: 12; + .xl\:mr-0 { + margin-right: 0; } - .xl\:order-first { - order: -9999; + .xl\:mb-0 { + margin-bottom: 0; } - .xl\:order-last { - order: 9999; + .xl\:ml-0 { + margin-left: 0; } - .xl\:order-none { - order: 0; + .xl\:mt-1 { + margin-top: 0.25rem; } - .xl\:float-right { - float: right; + .xl\:mr-1 { + margin-right: 0.25rem; } - .xl\:float-left { - float: left; + .xl\:mb-1 { + margin-bottom: 0.25rem; } - .xl\:float-none { - float: none; + .xl\:ml-1 { + margin-left: 0.25rem; } - .xl\:clearfix:after { - content: ""; - display: table; - clear: both; + .xl\:mt-2 { + margin-top: 0.5rem; } - .xl\:font-sans { - font-family: -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"; + .xl\:mr-2 { + margin-right: 0.5rem; } - .xl\:font-serif { - font-family: Georgia, Cambria, "Times New Roman", Times, serif; + .xl\:mb-2 { + margin-bottom: 0.5rem; } - .xl\:font-mono { - font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; + .xl\:ml-2 { + margin-left: 0.5rem; } - .xl\:font-hairline { - font-weight: 100; + .xl\:mt-3 { + margin-top: 0.75rem; } - .xl\:font-thin { - font-weight: 200; + .xl\:mr-3 { + margin-right: 0.75rem; } - .xl\:font-light { - font-weight: 300; + .xl\:mb-3 { + margin-bottom: 0.75rem; } - .xl\:font-normal { - font-weight: 400; + .xl\:ml-3 { + margin-left: 0.75rem; } - .xl\:font-medium { - font-weight: 500; + .xl\:mt-4 { + margin-top: 1rem; } - .xl\:font-semibold { - font-weight: 600; + .xl\:mr-4 { + margin-right: 1rem; } - .xl\:font-bold { - font-weight: 700; + .xl\:mb-4 { + margin-bottom: 1rem; } - .xl\:font-extrabold { - font-weight: 800; + .xl\:ml-4 { + margin-left: 1rem; } - .xl\:font-black { - font-weight: 900; + .xl\:mt-5 { + margin-top: 1.25rem; } - .xl\:hover\:font-hairline:hover { - font-weight: 100; + .xl\:mr-5 { + margin-right: 1.25rem; } - .xl\:hover\:font-thin:hover { - font-weight: 200; + .xl\:mb-5 { + margin-bottom: 1.25rem; } - .xl\:hover\:font-light:hover { - font-weight: 300; + .xl\:ml-5 { + margin-left: 1.25rem; } - .xl\:hover\:font-normal:hover { - font-weight: 400; + .xl\:mt-6 { + margin-top: 1.5rem; } - .xl\:hover\:font-medium:hover { - font-weight: 500; + .xl\:mr-6 { + margin-right: 1.5rem; } - .xl\:hover\:font-semibold:hover { - font-weight: 600; + .xl\:mb-6 { + margin-bottom: 1.5rem; } - .xl\:hover\:font-bold:hover { - font-weight: 700; + .xl\:ml-6 { + margin-left: 1.5rem; } - .xl\:hover\:font-extrabold:hover { - font-weight: 800; + .xl\:mt-8 { + margin-top: 2rem; } - .xl\:hover\:font-black:hover { - font-weight: 900; + .xl\:mr-8 { + margin-right: 2rem; } - .xl\:focus\:font-hairline:focus { - font-weight: 100; + .xl\:mb-8 { + margin-bottom: 2rem; } - .xl\:focus\:font-thin:focus { - font-weight: 200; + .xl\:ml-8 { + margin-left: 2rem; } - .xl\:focus\:font-light:focus { - font-weight: 300; + .xl\:mt-10 { + margin-top: 2.5rem; } - .xl\:focus\:font-normal:focus { - font-weight: 400; + .xl\:mr-10 { + margin-right: 2.5rem; } - .xl\:focus\:font-medium:focus { - font-weight: 500; + .xl\:mb-10 { + margin-bottom: 2.5rem; } - .xl\:focus\:font-semibold:focus { - font-weight: 600; + .xl\:ml-10 { + margin-left: 2.5rem; } - .xl\:focus\:font-bold:focus { - font-weight: 700; + .xl\:mt-12 { + margin-top: 3rem; } - .xl\:focus\:font-extrabold:focus { - font-weight: 800; + .xl\:mr-12 { + margin-right: 3rem; } - .xl\:focus\:font-black:focus { - font-weight: 900; + .xl\:mb-12 { + margin-bottom: 3rem; } - .xl\:h-0 { - height: 0; + .xl\:ml-12 { + margin-left: 3rem; } - .xl\:h-1 { - height: 0.25rem; + .xl\:mt-16 { + margin-top: 4rem; } - .xl\:h-2 { - height: 0.5rem; + .xl\:mr-16 { + margin-right: 4rem; } - .xl\:h-3 { - height: 0.75rem; + .xl\:mb-16 { + margin-bottom: 4rem; } - .xl\:h-4 { - height: 1rem; + .xl\:ml-16 { + margin-left: 4rem; } - .xl\:h-5 { - height: 1.25rem; + .xl\:mt-20 { + margin-top: 5rem; } - .xl\:h-6 { - height: 1.5rem; + .xl\:mr-20 { + margin-right: 5rem; } - .xl\:h-8 { - height: 2rem; + .xl\:mb-20 { + margin-bottom: 5rem; } - .xl\:h-10 { - height: 2.5rem; + .xl\:ml-20 { + margin-left: 5rem; } - .xl\:h-12 { - height: 3rem; + .xl\:mt-24 { + margin-top: 6rem; } - .xl\:h-16 { - height: 4rem; + .xl\:mr-24 { + margin-right: 6rem; } - .xl\:h-20 { - height: 5rem; + .xl\:mb-24 { + margin-bottom: 6rem; } - .xl\:h-24 { - height: 6rem; + .xl\:ml-24 { + margin-left: 6rem; } - .xl\:h-32 { - height: 8rem; + .xl\:mt-32 { + margin-top: 8rem; } - .xl\:h-40 { - height: 10rem; + .xl\:mr-32 { + margin-right: 8rem; } - .xl\:h-48 { - height: 12rem; + .xl\:mb-32 { + margin-bottom: 8rem; } - .xl\:h-56 { - height: 14rem; + .xl\:ml-32 { + margin-left: 8rem; } - .xl\:h-64 { - height: 16rem; + .xl\:mt-40 { + margin-top: 10rem; } - .xl\:h-auto { - height: auto; + .xl\:mr-40 { + margin-right: 10rem; } - .xl\:h-px { - height: 1px; + .xl\:mb-40 { + margin-bottom: 10rem; } - .xl\:h-full { - height: 100%; + .xl\:ml-40 { + margin-left: 10rem; } - .xl\:h-screen { - height: 100vh; + .xl\:mt-48 { + margin-top: 12rem; } - .xl\:leading-none { - line-height: 1; + .xl\:mr-48 { + margin-right: 12rem; } - .xl\:leading-tight { - line-height: 1.25; + .xl\:mb-48 { + margin-bottom: 12rem; } - .xl\:leading-snug { - line-height: 1.375; + .xl\:ml-48 { + margin-left: 12rem; } - .xl\:leading-normal { - line-height: 1.5; + .xl\:mt-56 { + margin-top: 14rem; } - .xl\:leading-relaxed { - line-height: 1.625; + .xl\:mr-56 { + margin-right: 14rem; } - .xl\:leading-loose { - line-height: 2; + .xl\:mb-56 { + margin-bottom: 14rem; } - .xl\:list-inside { - list-style-position: inside; + .xl\:ml-56 { + margin-left: 14rem; } - .xl\:list-outside { - list-style-position: outside; + .xl\:mt-64 { + margin-top: 16rem; } - .xl\:list-none { - list-style-type: none; + .xl\:mr-64 { + margin-right: 16rem; } - .xl\:list-disc { - list-style-type: disc; + .xl\:mb-64 { + margin-bottom: 16rem; } - .xl\:list-decimal { - list-style-type: decimal; + .xl\:ml-64 { + margin-left: 16rem; } - .xl\:m-0 { - margin: 0; + .xl\:mt-auto { + margin-top: auto; } - .xl\:m-1 { - margin: 0.25rem; + .xl\:mr-auto { + margin-right: auto; } - .xl\:m-2 { - margin: 0.5rem; + .xl\:mb-auto { + margin-bottom: auto; } - .xl\:m-3 { - margin: 0.75rem; + .xl\:ml-auto { + margin-left: auto; } - .xl\:m-4 { - margin: 1rem; + .xl\:mt-px { + margin-top: 1px; } - .xl\:m-5 { - margin: 1.25rem; + .xl\:mr-px { + margin-right: 1px; } - .xl\:m-6 { - margin: 1.5rem; + .xl\:mb-px { + margin-bottom: 1px; } - .xl\:m-8 { - margin: 2rem; + .xl\:ml-px { + margin-left: 1px; } - .xl\:m-10 { - margin: 2.5rem; + .xl\:-mt-1 { + margin-top: -0.25rem; } - .xl\:m-12 { - margin: 3rem; + .xl\:-mr-1 { + margin-right: -0.25rem; } - .xl\:m-16 { - margin: 4rem; + .xl\:-mb-1 { + margin-bottom: -0.25rem; } - .xl\:m-20 { - margin: 5rem; + .xl\:-ml-1 { + margin-left: -0.25rem; } - .xl\:m-24 { - margin: 6rem; + .xl\:-mt-2 { + margin-top: -0.5rem; } - .xl\:m-32 { - margin: 8rem; + .xl\:-mr-2 { + margin-right: -0.5rem; } - .xl\:m-40 { - margin: 10rem; + .xl\:-mb-2 { + margin-bottom: -0.5rem; } - .xl\:m-48 { - margin: 12rem; + .xl\:-ml-2 { + margin-left: -0.5rem; } - .xl\:m-56 { - margin: 14rem; + .xl\:-mt-3 { + margin-top: -0.75rem; } - .xl\:m-64 { - margin: 16rem; + .xl\:-mr-3 { + margin-right: -0.75rem; } - .xl\:m-auto { - margin: auto; + .xl\:-mb-3 { + margin-bottom: -0.75rem; } - .xl\:m-px { - margin: 1px; + .xl\:-ml-3 { + margin-left: -0.75rem; } - .xl\:-m-1 { - margin: -0.25rem; + .xl\:-mt-4 { + margin-top: -1rem; } - .xl\:-m-2 { - margin: -0.5rem; + .xl\:-mr-4 { + margin-right: -1rem; } - .xl\:-m-3 { - margin: -0.75rem; + .xl\:-mb-4 { + margin-bottom: -1rem; } - .xl\:-m-4 { - margin: -1rem; + .xl\:-ml-4 { + margin-left: -1rem; } - .xl\:-m-5 { - margin: -1.25rem; + .xl\:-mt-5 { + margin-top: -1.25rem; } - .xl\:-m-6 { - margin: -1.5rem; + .xl\:-mr-5 { + margin-right: -1.25rem; } - .xl\:-m-8 { - margin: -2rem; + .xl\:-mb-5 { + margin-bottom: -1.25rem; } - .xl\:-m-10 { - margin: -2.5rem; + .xl\:-ml-5 { + margin-left: -1.25rem; } - .xl\:-m-12 { - margin: -3rem; + .xl\:-mt-6 { + margin-top: -1.5rem; } - .xl\:-m-16 { - margin: -4rem; + .xl\:-mr-6 { + margin-right: -1.5rem; } - .xl\:-m-20 { - margin: -5rem; + .xl\:-mb-6 { + margin-bottom: -1.5rem; } - .xl\:-m-24 { - margin: -6rem; + .xl\:-ml-6 { + margin-left: -1.5rem; } - .xl\:-m-32 { - margin: -8rem; + .xl\:-mt-8 { + margin-top: -2rem; } - .xl\:-m-40 { - margin: -10rem; + .xl\:-mr-8 { + margin-right: -2rem; } - .xl\:-m-48 { - margin: -12rem; + .xl\:-mb-8 { + margin-bottom: -2rem; } - .xl\:-m-56 { - margin: -14rem; + .xl\:-ml-8 { + margin-left: -2rem; } - .xl\:-m-64 { - margin: -16rem; + .xl\:-mt-10 { + margin-top: -2.5rem; } - .xl\:-m-px { - margin: -1px; + .xl\:-mr-10 { + margin-right: -2.5rem; } - .xl\:my-0 { - margin-top: 0; - margin-bottom: 0; + .xl\:-mb-10 { + margin-bottom: -2.5rem; } - .xl\:mx-0 { - margin-left: 0; - margin-right: 0; + .xl\:-ml-10 { + margin-left: -2.5rem; } - .xl\:my-1 { - margin-top: 0.25rem; - margin-bottom: 0.25rem; + .xl\:-mt-12 { + margin-top: -3rem; } - .xl\:mx-1 { - margin-left: 0.25rem; - margin-right: 0.25rem; + .xl\:-mr-12 { + margin-right: -3rem; } - .xl\:my-2 { - margin-top: 0.5rem; - margin-bottom: 0.5rem; + .xl\:-mb-12 { + margin-bottom: -3rem; } - .xl\:mx-2 { - margin-left: 0.5rem; - margin-right: 0.5rem; + .xl\:-ml-12 { + margin-left: -3rem; } - .xl\:my-3 { - margin-top: 0.75rem; - margin-bottom: 0.75rem; + .xl\:-mt-16 { + margin-top: -4rem; } - .xl\:mx-3 { - margin-left: 0.75rem; - margin-right: 0.75rem; + .xl\:-mr-16 { + margin-right: -4rem; } - .xl\:my-4 { - margin-top: 1rem; - margin-bottom: 1rem; + .xl\:-mb-16 { + margin-bottom: -4rem; } - .xl\:mx-4 { - margin-left: 1rem; - margin-right: 1rem; + .xl\:-ml-16 { + margin-left: -4rem; } - .xl\:my-5 { - margin-top: 1.25rem; - margin-bottom: 1.25rem; + .xl\:-mt-20 { + margin-top: -5rem; } - .xl\:mx-5 { - margin-left: 1.25rem; - margin-right: 1.25rem; + .xl\:-mr-20 { + margin-right: -5rem; } - .xl\:my-6 { - margin-top: 1.5rem; - margin-bottom: 1.5rem; + .xl\:-mb-20 { + margin-bottom: -5rem; } - .xl\:mx-6 { - margin-left: 1.5rem; - margin-right: 1.5rem; + .xl\:-ml-20 { + margin-left: -5rem; } - .xl\:my-8 { - margin-top: 2rem; - margin-bottom: 2rem; + .xl\:-mt-24 { + margin-top: -6rem; } - .xl\:mx-8 { - margin-left: 2rem; - margin-right: 2rem; + .xl\:-mr-24 { + margin-right: -6rem; } - .xl\:my-10 { - margin-top: 2.5rem; - margin-bottom: 2.5rem; + .xl\:-mb-24 { + margin-bottom: -6rem; } - .xl\:mx-10 { - margin-left: 2.5rem; - margin-right: 2.5rem; + .xl\:-ml-24 { + margin-left: -6rem; } - .xl\:my-12 { - margin-top: 3rem; - margin-bottom: 3rem; + .xl\:-mt-32 { + margin-top: -8rem; } - .xl\:mx-12 { - margin-left: 3rem; - margin-right: 3rem; + .xl\:-mr-32 { + margin-right: -8rem; } - .xl\:my-16 { - margin-top: 4rem; - margin-bottom: 4rem; + .xl\:-mb-32 { + margin-bottom: -8rem; } - .xl\:mx-16 { - margin-left: 4rem; - margin-right: 4rem; + .xl\:-ml-32 { + margin-left: -8rem; } - .xl\:my-20 { - margin-top: 5rem; - margin-bottom: 5rem; + .xl\:-mt-40 { + margin-top: -10rem; } - .xl\:mx-20 { - margin-left: 5rem; - margin-right: 5rem; + .xl\:-mr-40 { + margin-right: -10rem; } - .xl\:my-24 { - margin-top: 6rem; - margin-bottom: 6rem; + .xl\:-mb-40 { + margin-bottom: -10rem; } - .xl\:mx-24 { - margin-left: 6rem; - margin-right: 6rem; + .xl\:-ml-40 { + margin-left: -10rem; } - .xl\:my-32 { - margin-top: 8rem; - margin-bottom: 8rem; + .xl\:-mt-48 { + margin-top: -12rem; } - .xl\:mx-32 { - margin-left: 8rem; - margin-right: 8rem; + .xl\:-mr-48 { + margin-right: -12rem; } - .xl\:my-40 { - margin-top: 10rem; - margin-bottom: 10rem; + .xl\:-mb-48 { + margin-bottom: -12rem; } - .xl\:mx-40 { - margin-left: 10rem; - margin-right: 10rem; + .xl\:-ml-48 { + margin-left: -12rem; } - .xl\:my-48 { - margin-top: 12rem; - margin-bottom: 12rem; + .xl\:-mt-56 { + margin-top: -14rem; } - .xl\:mx-48 { - margin-left: 12rem; - margin-right: 12rem; + .xl\:-mr-56 { + margin-right: -14rem; } - .xl\:my-56 { - margin-top: 14rem; - margin-bottom: 14rem; + .xl\:-mb-56 { + margin-bottom: -14rem; } - .xl\:mx-56 { - margin-left: 14rem; - margin-right: 14rem; + .xl\:-ml-56 { + margin-left: -14rem; } - .xl\:my-64 { - margin-top: 16rem; - margin-bottom: 16rem; + .xl\:-mt-64 { + margin-top: -16rem; } - .xl\:mx-64 { - margin-left: 16rem; - margin-right: 16rem; + .xl\:-mr-64 { + margin-right: -16rem; } - .xl\:my-auto { - margin-top: auto; - margin-bottom: auto; + .xl\:-mb-64 { + margin-bottom: -16rem; } - .xl\:mx-auto { - margin-left: auto; - margin-right: auto; + .xl\:-ml-64 { + margin-left: -16rem; } - .xl\:my-px { - margin-top: 1px; - margin-bottom: 1px; + .xl\:-mt-px { + margin-top: -1px; } - .xl\:mx-px { - margin-left: 1px; - margin-right: 1px; + .xl\:-mr-px { + margin-right: -1px; } - .xl\:-my-1 { - margin-top: -0.25rem; - margin-bottom: -0.25rem; + .xl\:-mb-px { + margin-bottom: -1px; } - .xl\:-mx-1 { - margin-left: -0.25rem; - margin-right: -0.25rem; + .xl\:-ml-px { + margin-left: -1px; } - .xl\:-my-2 { - margin-top: -0.5rem; - margin-bottom: -0.5rem; + .xl\:max-h-full { + max-height: 100%; } - .xl\:-mx-2 { - margin-left: -0.5rem; - margin-right: -0.5rem; + .xl\:max-h-screen { + max-height: 100vh; } - .xl\:-my-3 { - margin-top: -0.75rem; - margin-bottom: -0.75rem; + .xl\:max-w-xs { + max-width: 20rem; } - .xl\:-mx-3 { - margin-left: -0.75rem; - margin-right: -0.75rem; + .xl\:max-w-sm { + max-width: 24rem; } - .xl\:-my-4 { - margin-top: -1rem; - margin-bottom: -1rem; + .xl\:max-w-md { + max-width: 28rem; } - .xl\:-mx-4 { - margin-left: -1rem; - margin-right: -1rem; + .xl\:max-w-lg { + max-width: 32rem; } - .xl\:-my-5 { - margin-top: -1.25rem; - margin-bottom: -1.25rem; + .xl\:max-w-xl { + max-width: 36rem; } - .xl\:-mx-5 { - margin-left: -1.25rem; - margin-right: -1.25rem; + .xl\:max-w-2xl { + max-width: 42rem; } - .xl\:-my-6 { - margin-top: -1.5rem; - margin-bottom: -1.5rem; + .xl\:max-w-3xl { + max-width: 48rem; } - .xl\:-mx-6 { - margin-left: -1.5rem; - margin-right: -1.5rem; + .xl\:max-w-4xl { + max-width: 56rem; } - .xl\:-my-8 { - margin-top: -2rem; - margin-bottom: -2rem; + .xl\:max-w-5xl { + max-width: 64rem; } - .xl\:-mx-8 { - margin-left: -2rem; - margin-right: -2rem; + .xl\:max-w-6xl { + max-width: 72rem; } - .xl\:-my-10 { - margin-top: -2.5rem; - margin-bottom: -2.5rem; + .xl\:max-w-full { + max-width: 100%; } - .xl\:-mx-10 { - margin-left: -2.5rem; - margin-right: -2.5rem; + .xl\:min-h-0 { + min-height: 0; } - .xl\:-my-12 { - margin-top: -3rem; - margin-bottom: -3rem; + .xl\:min-h-full { + min-height: 100%; } - .xl\:-mx-12 { - margin-left: -3rem; - margin-right: -3rem; + .xl\:min-h-screen { + min-height: 100vh; } - .xl\:-my-16 { - margin-top: -4rem; - margin-bottom: -4rem; + .xl\:min-w-0 { + min-width: 0; } - .xl\:-mx-16 { - margin-left: -4rem; - margin-right: -4rem; + .xl\:min-w-full { + min-width: 100%; } - .xl\:-my-20 { - margin-top: -5rem; - margin-bottom: -5rem; + .xl\:object-contain { + object-fit: contain; } - .xl\:-mx-20 { - margin-left: -5rem; - margin-right: -5rem; + .xl\:object-cover { + object-fit: cover; } - .xl\:-my-24 { - margin-top: -6rem; - margin-bottom: -6rem; + .xl\:object-fill { + object-fit: fill; } - .xl\:-mx-24 { - margin-left: -6rem; - margin-right: -6rem; + .xl\:object-none { + object-fit: none; } - .xl\:-my-32 { - margin-top: -8rem; - margin-bottom: -8rem; + .xl\:object-scale-down { + object-fit: scale-down; } - .xl\:-mx-32 { - margin-left: -8rem; - margin-right: -8rem; + .xl\:object-bottom { + object-position: bottom; } - .xl\:-my-40 { - margin-top: -10rem; - margin-bottom: -10rem; + .xl\:object-center { + object-position: center; } - .xl\:-mx-40 { - margin-left: -10rem; - margin-right: -10rem; + .xl\:object-left { + object-position: left; } - .xl\:-my-48 { - margin-top: -12rem; - margin-bottom: -12rem; + .xl\:object-left-bottom { + object-position: left bottom; } - .xl\:-mx-48 { - margin-left: -12rem; - margin-right: -12rem; + .xl\:object-left-top { + object-position: left top; } - .xl\:-my-56 { - margin-top: -14rem; - margin-bottom: -14rem; + .xl\:object-right { + object-position: right; } - .xl\:-mx-56 { - margin-left: -14rem; - margin-right: -14rem; + .xl\:object-right-bottom { + object-position: right bottom; } - .xl\:-my-64 { - margin-top: -16rem; - margin-bottom: -16rem; + .xl\:object-right-top { + object-position: right top; } - .xl\:-mx-64 { - margin-left: -16rem; - margin-right: -16rem; + .xl\:object-top { + object-position: top; } - .xl\:-my-px { - margin-top: -1px; - margin-bottom: -1px; + .xl\:opacity-0 { + opacity: 0; } - .xl\:-mx-px { - margin-left: -1px; - margin-right: -1px; + .xl\:opacity-25 { + opacity: 0.25; } - .xl\:mt-0 { - margin-top: 0; + .xl\:opacity-50 { + opacity: 0.5; } - .xl\:mr-0 { - margin-right: 0; + .xl\:opacity-75 { + opacity: 0.75; } - .xl\:mb-0 { - margin-bottom: 0; + .xl\:opacity-100 { + opacity: 1; } - .xl\:ml-0 { - margin-left: 0; + .xl\:outline-none { + outline: 0; } - .xl\:mt-1 { - margin-top: 0.25rem; + .xl\:focus\:outline-none:focus { + outline: 0; } - .xl\:mr-1 { - margin-right: 0.25rem; + .xl\:overflow-auto { + overflow: auto; } - .xl\:mb-1 { - margin-bottom: 0.25rem; + .xl\:overflow-hidden { + overflow: hidden; } - .xl\:ml-1 { - margin-left: 0.25rem; + .xl\:overflow-visible { + overflow: visible; } - .xl\:mt-2 { - margin-top: 0.5rem; + .xl\:overflow-scroll { + overflow: scroll; } - .xl\:mr-2 { - margin-right: 0.5rem; + .xl\:overflow-x-auto { + overflow-x: auto; } - .xl\:mb-2 { - margin-bottom: 0.5rem; + .xl\:overflow-y-auto { + overflow-y: auto; } - .xl\:ml-2 { - margin-left: 0.5rem; + .xl\:overflow-x-hidden { + overflow-x: hidden; } - .xl\:mt-3 { - margin-top: 0.75rem; + .xl\:overflow-y-hidden { + overflow-y: hidden; } - .xl\:mr-3 { - margin-right: 0.75rem; + .xl\:overflow-x-visible { + overflow-x: visible; } - .xl\:mb-3 { - margin-bottom: 0.75rem; + .xl\:overflow-y-visible { + overflow-y: visible; } - .xl\:ml-3 { - margin-left: 0.75rem; + .xl\:overflow-x-scroll { + overflow-x: scroll; } - .xl\:mt-4 { - margin-top: 1rem; + .xl\:overflow-y-scroll { + overflow-y: scroll; } - .xl\:mr-4 { - margin-right: 1rem; + .xl\:scrolling-touch { + -webkit-overflow-scrolling: touch; } - .xl\:mb-4 { - margin-bottom: 1rem; + .xl\:scrolling-auto { + -webkit-overflow-scrolling: auto; } - .xl\:ml-4 { - margin-left: 1rem; + .xl\:p-0 { + padding: 0; } - .xl\:mt-5 { - margin-top: 1.25rem; + .xl\:p-1 { + padding: 0.25rem; } - .xl\:mr-5 { - margin-right: 1.25rem; + .xl\:p-2 { + padding: 0.5rem; } - .xl\:mb-5 { - margin-bottom: 1.25rem; + .xl\:p-3 { + padding: 0.75rem; } - .xl\:ml-5 { - margin-left: 1.25rem; + .xl\:p-4 { + padding: 1rem; } - .xl\:mt-6 { - margin-top: 1.5rem; + .xl\:p-5 { + padding: 1.25rem; } - .xl\:mr-6 { - margin-right: 1.5rem; + .xl\:p-6 { + padding: 1.5rem; } - .xl\:mb-6 { - margin-bottom: 1.5rem; + .xl\:p-8 { + padding: 2rem; } - .xl\:ml-6 { - margin-left: 1.5rem; + .xl\:p-10 { + padding: 2.5rem; } - .xl\:mt-8 { - margin-top: 2rem; + .xl\:p-12 { + padding: 3rem; } - .xl\:mr-8 { - margin-right: 2rem; + .xl\:p-16 { + padding: 4rem; } - .xl\:mb-8 { - margin-bottom: 2rem; + .xl\:p-20 { + padding: 5rem; } - .xl\:ml-8 { - margin-left: 2rem; + .xl\:p-24 { + padding: 6rem; } - .xl\:mt-10 { - margin-top: 2.5rem; + .xl\:p-32 { + padding: 8rem; } - .xl\:mr-10 { - margin-right: 2.5rem; + .xl\:p-40 { + padding: 10rem; } - .xl\:mb-10 { - margin-bottom: 2.5rem; + .xl\:p-48 { + padding: 12rem; } - .xl\:ml-10 { - margin-left: 2.5rem; + .xl\:p-56 { + padding: 14rem; } - .xl\:mt-12 { - margin-top: 3rem; + .xl\:p-64 { + padding: 16rem; } - .xl\:mr-12 { - margin-right: 3rem; + .xl\:p-px { + padding: 1px; } - .xl\:mb-12 { - margin-bottom: 3rem; + .xl\:py-0 { + padding-top: 0; + padding-bottom: 0; } - .xl\:ml-12 { - margin-left: 3rem; + .xl\:px-0 { + padding-left: 0; + padding-right: 0; } - .xl\:mt-16 { - margin-top: 4rem; + .xl\:py-1 { + padding-top: 0.25rem; + padding-bottom: 0.25rem; } - .xl\:mr-16 { - margin-right: 4rem; + .xl\:px-1 { + padding-left: 0.25rem; + padding-right: 0.25rem; } - .xl\:mb-16 { - margin-bottom: 4rem; + .xl\:py-2 { + padding-top: 0.5rem; + padding-bottom: 0.5rem; } - .xl\:ml-16 { - margin-left: 4rem; + .xl\:px-2 { + padding-left: 0.5rem; + padding-right: 0.5rem; } - .xl\:mt-20 { - margin-top: 5rem; + .xl\:py-3 { + padding-top: 0.75rem; + padding-bottom: 0.75rem; } - .xl\:mr-20 { - margin-right: 5rem; + .xl\:px-3 { + padding-left: 0.75rem; + padding-right: 0.75rem; } - .xl\:mb-20 { - margin-bottom: 5rem; + .xl\:py-4 { + padding-top: 1rem; + padding-bottom: 1rem; } - .xl\:ml-20 { - margin-left: 5rem; + .xl\:px-4 { + padding-left: 1rem; + padding-right: 1rem; } - .xl\:mt-24 { - margin-top: 6rem; + .xl\:py-5 { + padding-top: 1.25rem; + padding-bottom: 1.25rem; } - .xl\:mr-24 { - margin-right: 6rem; + .xl\:px-5 { + padding-left: 1.25rem; + padding-right: 1.25rem; } - .xl\:mb-24 { - margin-bottom: 6rem; + .xl\:py-6 { + padding-top: 1.5rem; + padding-bottom: 1.5rem; } - - .xl\:ml-24 { - margin-left: 6rem; + + .xl\:px-6 { + padding-left: 1.5rem; + padding-right: 1.5rem; } - .xl\:mt-32 { - margin-top: 8rem; + .xl\:py-8 { + padding-top: 2rem; + padding-bottom: 2rem; } - .xl\:mr-32 { - margin-right: 8rem; + .xl\:px-8 { + padding-left: 2rem; + padding-right: 2rem; } - .xl\:mb-32 { - margin-bottom: 8rem; + .xl\:py-10 { + padding-top: 2.5rem; + padding-bottom: 2.5rem; } - .xl\:ml-32 { - margin-left: 8rem; + .xl\:px-10 { + padding-left: 2.5rem; + padding-right: 2.5rem; } - .xl\:mt-40 { - margin-top: 10rem; + .xl\:py-12 { + padding-top: 3rem; + padding-bottom: 3rem; } - .xl\:mr-40 { - margin-right: 10rem; + .xl\:px-12 { + padding-left: 3rem; + padding-right: 3rem; } - .xl\:mb-40 { - margin-bottom: 10rem; + .xl\:py-16 { + padding-top: 4rem; + padding-bottom: 4rem; } - .xl\:ml-40 { - margin-left: 10rem; + .xl\:px-16 { + padding-left: 4rem; + padding-right: 4rem; } - .xl\:mt-48 { - margin-top: 12rem; + .xl\:py-20 { + padding-top: 5rem; + padding-bottom: 5rem; } - .xl\:mr-48 { - margin-right: 12rem; + .xl\:px-20 { + padding-left: 5rem; + padding-right: 5rem; } - .xl\:mb-48 { - margin-bottom: 12rem; + .xl\:py-24 { + padding-top: 6rem; + padding-bottom: 6rem; } - .xl\:ml-48 { - margin-left: 12rem; + .xl\:px-24 { + padding-left: 6rem; + padding-right: 6rem; } - .xl\:mt-56 { - margin-top: 14rem; + .xl\:py-32 { + padding-top: 8rem; + padding-bottom: 8rem; } - .xl\:mr-56 { - margin-right: 14rem; + .xl\:px-32 { + padding-left: 8rem; + padding-right: 8rem; } - .xl\:mb-56 { - margin-bottom: 14rem; + .xl\:py-40 { + padding-top: 10rem; + padding-bottom: 10rem; } - .xl\:ml-56 { - margin-left: 14rem; + .xl\:px-40 { + padding-left: 10rem; + padding-right: 10rem; } - .xl\:mt-64 { - margin-top: 16rem; + .xl\:py-48 { + padding-top: 12rem; + padding-bottom: 12rem; } - .xl\:mr-64 { - margin-right: 16rem; + .xl\:px-48 { + padding-left: 12rem; + padding-right: 12rem; } - .xl\:mb-64 { - margin-bottom: 16rem; + .xl\:py-56 { + padding-top: 14rem; + padding-bottom: 14rem; } - .xl\:ml-64 { - margin-left: 16rem; + .xl\:px-56 { + padding-left: 14rem; + padding-right: 14rem; } - .xl\:mt-auto { - margin-top: auto; + .xl\:py-64 { + padding-top: 16rem; + padding-bottom: 16rem; } - .xl\:mr-auto { - margin-right: auto; + .xl\:px-64 { + padding-left: 16rem; + padding-right: 16rem; } - .xl\:mb-auto { - margin-bottom: auto; + .xl\:py-px { + padding-top: 1px; + padding-bottom: 1px; } - .xl\:ml-auto { - margin-left: auto; + .xl\:px-px { + padding-left: 1px; + padding-right: 1px; } - .xl\:mt-px { - margin-top: 1px; + .xl\:pt-0 { + padding-top: 0; } - .xl\:mr-px { - margin-right: 1px; + .xl\:pr-0 { + padding-right: 0; } - .xl\:mb-px { - margin-bottom: 1px; + .xl\:pb-0 { + padding-bottom: 0; } - .xl\:ml-px { - margin-left: 1px; + .xl\:pl-0 { + padding-left: 0; } - .xl\:-mt-1 { - margin-top: -0.25rem; + .xl\:pt-1 { + padding-top: 0.25rem; } - .xl\:-mr-1 { - margin-right: -0.25rem; + .xl\:pr-1 { + padding-right: 0.25rem; } - .xl\:-mb-1 { - margin-bottom: -0.25rem; + .xl\:pb-1 { + padding-bottom: 0.25rem; } - .xl\:-ml-1 { - margin-left: -0.25rem; + .xl\:pl-1 { + padding-left: 0.25rem; } - .xl\:-mt-2 { - margin-top: -0.5rem; + .xl\:pt-2 { + padding-top: 0.5rem; } - .xl\:-mr-2 { - margin-right: -0.5rem; + .xl\:pr-2 { + padding-right: 0.5rem; } - .xl\:-mb-2 { - margin-bottom: -0.5rem; + .xl\:pb-2 { + padding-bottom: 0.5rem; } - .xl\:-ml-2 { - margin-left: -0.5rem; + .xl\:pl-2 { + padding-left: 0.5rem; } - .xl\:-mt-3 { - margin-top: -0.75rem; + .xl\:pt-3 { + padding-top: 0.75rem; } - .xl\:-mr-3 { - margin-right: -0.75rem; + .xl\:pr-3 { + padding-right: 0.75rem; } - .xl\:-mb-3 { - margin-bottom: -0.75rem; + .xl\:pb-3 { + padding-bottom: 0.75rem; } - .xl\:-ml-3 { - margin-left: -0.75rem; + .xl\:pl-3 { + padding-left: 0.75rem; } - .xl\:-mt-4 { - margin-top: -1rem; + .xl\:pt-4 { + padding-top: 1rem; } - .xl\:-mr-4 { - margin-right: -1rem; + .xl\:pr-4 { + padding-right: 1rem; } - .xl\:-mb-4 { - margin-bottom: -1rem; + .xl\:pb-4 { + padding-bottom: 1rem; } - .xl\:-ml-4 { - margin-left: -1rem; + .xl\:pl-4 { + padding-left: 1rem; } - .xl\:-mt-5 { - margin-top: -1.25rem; + .xl\:pt-5 { + padding-top: 1.25rem; } - .xl\:-mr-5 { - margin-right: -1.25rem; + .xl\:pr-5 { + padding-right: 1.25rem; } - .xl\:-mb-5 { - margin-bottom: -1.25rem; + .xl\:pb-5 { + padding-bottom: 1.25rem; } - .xl\:-ml-5 { - margin-left: -1.25rem; + .xl\:pl-5 { + padding-left: 1.25rem; } - .xl\:-mt-6 { - margin-top: -1.5rem; + .xl\:pt-6 { + padding-top: 1.5rem; } - .xl\:-mr-6 { - margin-right: -1.5rem; + .xl\:pr-6 { + padding-right: 1.5rem; } - .xl\:-mb-6 { - margin-bottom: -1.5rem; + .xl\:pb-6 { + padding-bottom: 1.5rem; } - .xl\:-ml-6 { - margin-left: -1.5rem; + .xl\:pl-6 { + padding-left: 1.5rem; } - .xl\:-mt-8 { - margin-top: -2rem; + .xl\:pt-8 { + padding-top: 2rem; } - .xl\:-mr-8 { - margin-right: -2rem; + .xl\:pr-8 { + padding-right: 2rem; } - .xl\:-mb-8 { - margin-bottom: -2rem; + .xl\:pb-8 { + padding-bottom: 2rem; } - .xl\:-ml-8 { - margin-left: -2rem; + .xl\:pl-8 { + padding-left: 2rem; } - .xl\:-mt-10 { - margin-top: -2.5rem; + .xl\:pt-10 { + padding-top: 2.5rem; } - .xl\:-mr-10 { - margin-right: -2.5rem; + .xl\:pr-10 { + padding-right: 2.5rem; } - .xl\:-mb-10 { - margin-bottom: -2.5rem; + .xl\:pb-10 { + padding-bottom: 2.5rem; } - .xl\:-ml-10 { - margin-left: -2.5rem; + .xl\:pl-10 { + padding-left: 2.5rem; } - .xl\:-mt-12 { - margin-top: -3rem; + .xl\:pt-12 { + padding-top: 3rem; } - .xl\:-mr-12 { - margin-right: -3rem; + .xl\:pr-12 { + padding-right: 3rem; } - .xl\:-mb-12 { - margin-bottom: -3rem; + .xl\:pb-12 { + padding-bottom: 3rem; } - .xl\:-ml-12 { - margin-left: -3rem; + .xl\:pl-12 { + padding-left: 3rem; } - .xl\:-mt-16 { - margin-top: -4rem; + .xl\:pt-16 { + padding-top: 4rem; } - .xl\:-mr-16 { - margin-right: -4rem; + .xl\:pr-16 { + padding-right: 4rem; } - .xl\:-mb-16 { - margin-bottom: -4rem; + .xl\:pb-16 { + padding-bottom: 4rem; } - .xl\:-ml-16 { - margin-left: -4rem; + .xl\:pl-16 { + padding-left: 4rem; } - .xl\:-mt-20 { - margin-top: -5rem; + .xl\:pt-20 { + padding-top: 5rem; } - .xl\:-mr-20 { - margin-right: -5rem; + .xl\:pr-20 { + padding-right: 5rem; } - .xl\:-mb-20 { - margin-bottom: -5rem; + .xl\:pb-20 { + padding-bottom: 5rem; } - .xl\:-ml-20 { - margin-left: -5rem; + .xl\:pl-20 { + padding-left: 5rem; } - .xl\:-mt-24 { - margin-top: -6rem; + .xl\:pt-24 { + padding-top: 6rem; } - .xl\:-mr-24 { - margin-right: -6rem; + .xl\:pr-24 { + padding-right: 6rem; } - .xl\:-mb-24 { - margin-bottom: -6rem; + .xl\:pb-24 { + padding-bottom: 6rem; } - .xl\:-ml-24 { - margin-left: -6rem; + .xl\:pl-24 { + padding-left: 6rem; } - .xl\:-mt-32 { - margin-top: -8rem; + .xl\:pt-32 { + padding-top: 8rem; } - .xl\:-mr-32 { - margin-right: -8rem; + .xl\:pr-32 { + padding-right: 8rem; } - .xl\:-mb-32 { - margin-bottom: -8rem; + .xl\:pb-32 { + padding-bottom: 8rem; } - .xl\:-ml-32 { - margin-left: -8rem; + .xl\:pl-32 { + padding-left: 8rem; } - .xl\:-mt-40 { - margin-top: -10rem; + .xl\:pt-40 { + padding-top: 10rem; } - .xl\:-mr-40 { - margin-right: -10rem; + .xl\:pr-40 { + padding-right: 10rem; } - .xl\:-mb-40 { - margin-bottom: -10rem; + .xl\:pb-40 { + padding-bottom: 10rem; } - .xl\:-ml-40 { - margin-left: -10rem; + .xl\:pl-40 { + padding-left: 10rem; } - .xl\:-mt-48 { - margin-top: -12rem; + .xl\:pt-48 { + padding-top: 12rem; } - .xl\:-mr-48 { - margin-right: -12rem; + .xl\:pr-48 { + padding-right: 12rem; } - .xl\:-mb-48 { - margin-bottom: -12rem; + .xl\:pb-48 { + padding-bottom: 12rem; } - .xl\:-ml-48 { - margin-left: -12rem; + .xl\:pl-48 { + padding-left: 12rem; } - .xl\:-mt-56 { - margin-top: -14rem; + .xl\:pt-56 { + padding-top: 14rem; } - .xl\:-mr-56 { - margin-right: -14rem; + .xl\:pr-56 { + padding-right: 14rem; } - .xl\:-mb-56 { - margin-bottom: -14rem; + .xl\:pb-56 { + padding-bottom: 14rem; } - .xl\:-ml-56 { - margin-left: -14rem; + .xl\:pl-56 { + padding-left: 14rem; } - .xl\:-mt-64 { - margin-top: -16rem; + .xl\:pt-64 { + padding-top: 16rem; } - .xl\:-mr-64 { - margin-right: -16rem; + .xl\:pr-64 { + padding-right: 16rem; } - .xl\:-mb-64 { - margin-bottom: -16rem; + .xl\:pb-64 { + padding-bottom: 16rem; } - .xl\:-ml-64 { - margin-left: -16rem; + .xl\:pl-64 { + padding-left: 16rem; } - .xl\:-mt-px { - margin-top: -1px; + .xl\:pt-px { + padding-top: 1px; } - .xl\:-mr-px { - margin-right: -1px; + .xl\:pr-px { + padding-right: 1px; } - .xl\:-mb-px { - margin-bottom: -1px; + .xl\:pb-px { + padding-bottom: 1px; } - .xl\:-ml-px { - margin-left: -1px; + .xl\:pl-px { + padding-left: 1px; } - .xl\:max-h-full { - max-height: 100%; + .xl\:placeholder-transparent::placeholder { + color: transparent; } - .xl\:max-h-screen { - max-height: 100vh; + .xl\:placeholder-black::placeholder { + color: #000; } - .xl\:max-w-xs { - max-width: 20rem; + .xl\:placeholder-white::placeholder { + color: #fff; } - .xl\:max-w-sm { - max-width: 24rem; + .xl\:placeholder-gray-100::placeholder { + color: #f7fafc; } - .xl\:max-w-md { - max-width: 28rem; + .xl\:placeholder-gray-200::placeholder { + color: #edf2f7; } - .xl\:max-w-lg { - max-width: 32rem; + .xl\:placeholder-gray-300::placeholder { + color: #e2e8f0; } - .xl\:max-w-xl { - max-width: 36rem; + .xl\:placeholder-gray-400::placeholder { + color: #cbd5e0; } - .xl\:max-w-2xl { - max-width: 42rem; + .xl\:placeholder-gray-500::placeholder { + color: #a0aec0; } - .xl\:max-w-3xl { - max-width: 48rem; + .xl\:placeholder-gray-600::placeholder { + color: #718096; } - .xl\:max-w-4xl { - max-width: 56rem; + .xl\:placeholder-gray-700::placeholder { + color: #4a5568; } - .xl\:max-w-5xl { - max-width: 64rem; + .xl\:placeholder-gray-800::placeholder { + color: #2d3748; } - .xl\:max-w-6xl { - max-width: 72rem; + .xl\:placeholder-gray-900::placeholder { + color: #1a202c; } - .xl\:max-w-full { - max-width: 100%; + .xl\:placeholder-red-100::placeholder { + color: #fff5f5; } - .xl\:min-h-0 { - min-height: 0; + .xl\:placeholder-red-200::placeholder { + color: #fed7d7; } - .xl\:min-h-full { - min-height: 100%; + .xl\:placeholder-red-300::placeholder { + color: #feb2b2; } - .xl\:min-h-screen { - min-height: 100vh; + .xl\:placeholder-red-400::placeholder { + color: #fc8181; } - .xl\:min-w-0 { - min-width: 0; + .xl\:placeholder-red-500::placeholder { + color: #f56565; } - .xl\:min-w-full { - min-width: 100%; + .xl\:placeholder-red-600::placeholder { + color: #e53e3e; } - .xl\:object-contain { - object-fit: contain; + .xl\:placeholder-red-700::placeholder { + color: #c53030; } - .xl\:object-cover { - object-fit: cover; + .xl\:placeholder-red-800::placeholder { + color: #9b2c2c; } - .xl\:object-fill { - object-fit: fill; + .xl\:placeholder-red-900::placeholder { + color: #742a2a; } - .xl\:object-none { - object-fit: none; + .xl\:placeholder-orange-100::placeholder { + color: #fffaf0; } - .xl\:object-scale-down { - object-fit: scale-down; + .xl\:placeholder-orange-200::placeholder { + color: #feebc8; } - .xl\:object-bottom { - object-position: bottom; + .xl\:placeholder-orange-300::placeholder { + color: #fbd38d; } - .xl\:object-center { - object-position: center; + .xl\:placeholder-orange-400::placeholder { + color: #f6ad55; } - .xl\:object-left { - object-position: left; + .xl\:placeholder-orange-500::placeholder { + color: #ed8936; } - .xl\:object-left-bottom { - object-position: left bottom; + .xl\:placeholder-orange-600::placeholder { + color: #dd6b20; } - .xl\:object-left-top { - object-position: left top; + .xl\:placeholder-orange-700::placeholder { + color: #c05621; } - .xl\:object-right { - object-position: right; + .xl\:placeholder-orange-800::placeholder { + color: #9c4221; } - .xl\:object-right-bottom { - object-position: right bottom; + .xl\:placeholder-orange-900::placeholder { + color: #7b341e; } - .xl\:object-right-top { - object-position: right top; + .xl\:placeholder-yellow-100::placeholder { + color: #fffff0; } - .xl\:object-top { - object-position: top; + .xl\:placeholder-yellow-200::placeholder { + color: #fefcbf; } - .xl\:opacity-0 { - opacity: 0; + .xl\:placeholder-yellow-300::placeholder { + color: #faf089; } - .xl\:opacity-25 { - opacity: 0.25; + .xl\:placeholder-yellow-400::placeholder { + color: #f6e05e; } - .xl\:opacity-50 { - opacity: 0.5; + .xl\:placeholder-yellow-500::placeholder { + color: #ecc94b; } - .xl\:opacity-75 { - opacity: 0.75; + .xl\:placeholder-yellow-600::placeholder { + color: #d69e2e; } - .xl\:opacity-100 { - opacity: 1; + .xl\:placeholder-yellow-700::placeholder { + color: #b7791f; } - .xl\:outline-none { - outline: 0; + .xl\:placeholder-yellow-800::placeholder { + color: #975a16; } - .xl\:focus\:outline-none:focus { - outline: 0; + .xl\:placeholder-yellow-900::placeholder { + color: #744210; } - .xl\:overflow-auto { - overflow: auto; + .xl\:placeholder-green-100::placeholder { + color: #f0fff4; } - .xl\:overflow-hidden { - overflow: hidden; + .xl\:placeholder-green-200::placeholder { + color: #c6f6d5; } - .xl\:overflow-visible { - overflow: visible; + .xl\:placeholder-green-300::placeholder { + color: #9ae6b4; } - .xl\:overflow-scroll { - overflow: scroll; + .xl\:placeholder-green-400::placeholder { + color: #68d391; } - .xl\:overflow-x-auto { - overflow-x: auto; + .xl\:placeholder-green-500::placeholder { + color: #48bb78; } - .xl\:overflow-y-auto { - overflow-y: auto; + .xl\:placeholder-green-600::placeholder { + color: #38a169; } - .xl\:overflow-x-hidden { - overflow-x: hidden; + .xl\:placeholder-green-700::placeholder { + color: #2f855a; } - .xl\:overflow-y-hidden { - overflow-y: hidden; + .xl\:placeholder-green-800::placeholder { + color: #276749; } - .xl\:overflow-x-visible { - overflow-x: visible; + .xl\:placeholder-green-900::placeholder { + color: #22543d; } - .xl\:overflow-y-visible { - overflow-y: visible; + .xl\:placeholder-teal-100::placeholder { + color: #e6fffa; } - .xl\:overflow-x-scroll { - overflow-x: scroll; + .xl\:placeholder-teal-200::placeholder { + color: #b2f5ea; } - .xl\:overflow-y-scroll { - overflow-y: scroll; + .xl\:placeholder-teal-300::placeholder { + color: #81e6d9; } - .xl\:scrolling-touch { - -webkit-overflow-scrolling: touch; + .xl\:placeholder-teal-400::placeholder { + color: #4fd1c5; } - .xl\:scrolling-auto { - -webkit-overflow-scrolling: auto; + .xl\:placeholder-teal-500::placeholder { + color: #38b2ac; } - .xl\:p-0 { - padding: 0; + .xl\:placeholder-teal-600::placeholder { + color: #319795; } - .xl\:p-1 { - padding: 0.25rem; + .xl\:placeholder-teal-700::placeholder { + color: #2c7a7b; } - .xl\:p-2 { - padding: 0.5rem; + .xl\:placeholder-teal-800::placeholder { + color: #285e61; } - .xl\:p-3 { - padding: 0.75rem; + .xl\:placeholder-teal-900::placeholder { + color: #234e52; } - .xl\:p-4 { - padding: 1rem; + .xl\:placeholder-blue-100::placeholder { + color: #ebf8ff; } - .xl\:p-5 { - padding: 1.25rem; + .xl\:placeholder-blue-200::placeholder { + color: #bee3f8; } - .xl\:p-6 { - padding: 1.5rem; + .xl\:placeholder-blue-300::placeholder { + color: #90cdf4; } - .xl\:p-8 { - padding: 2rem; + .xl\:placeholder-blue-400::placeholder { + color: #63b3ed; } - .xl\:p-10 { - padding: 2.5rem; + .xl\:placeholder-blue-500::placeholder { + color: #4299e1; } - .xl\:p-12 { - padding: 3rem; + .xl\:placeholder-blue-600::placeholder { + color: #3182ce; } - .xl\:p-16 { - padding: 4rem; + .xl\:placeholder-blue-700::placeholder { + color: #2b6cb0; } - .xl\:p-20 { - padding: 5rem; + .xl\:placeholder-blue-800::placeholder { + color: #2c5282; } - .xl\:p-24 { - padding: 6rem; + .xl\:placeholder-blue-900::placeholder { + color: #2a4365; } - .xl\:p-32 { - padding: 8rem; + .xl\:placeholder-indigo-100::placeholder { + color: #ebf4ff; } - .xl\:p-40 { - padding: 10rem; + .xl\:placeholder-indigo-200::placeholder { + color: #c3dafe; } - .xl\:p-48 { - padding: 12rem; + .xl\:placeholder-indigo-300::placeholder { + color: #a3bffa; } - .xl\:p-56 { - padding: 14rem; + .xl\:placeholder-indigo-400::placeholder { + color: #7f9cf5; } - .xl\:p-64 { - padding: 16rem; + .xl\:placeholder-indigo-500::placeholder { + color: #667eea; } - .xl\:p-px { - padding: 1px; + .xl\:placeholder-indigo-600::placeholder { + color: #5a67d8; } - .xl\:py-0 { - padding-top: 0; - padding-bottom: 0; + .xl\:placeholder-indigo-700::placeholder { + color: #4c51bf; } - .xl\:px-0 { - padding-left: 0; - padding-right: 0; + .xl\:placeholder-indigo-800::placeholder { + color: #434190; } - .xl\:py-1 { - padding-top: 0.25rem; - padding-bottom: 0.25rem; + .xl\:placeholder-indigo-900::placeholder { + color: #3c366b; } - .xl\:px-1 { - padding-left: 0.25rem; - padding-right: 0.25rem; + .xl\:placeholder-purple-100::placeholder { + color: #faf5ff; } - .xl\:py-2 { - padding-top: 0.5rem; - padding-bottom: 0.5rem; + .xl\:placeholder-purple-200::placeholder { + color: #e9d8fd; } - .xl\:px-2 { - padding-left: 0.5rem; - padding-right: 0.5rem; + .xl\:placeholder-purple-300::placeholder { + color: #d6bcfa; } - .xl\:py-3 { - padding-top: 0.75rem; - padding-bottom: 0.75rem; + .xl\:placeholder-purple-400::placeholder { + color: #b794f4; } - .xl\:px-3 { - padding-left: 0.75rem; - padding-right: 0.75rem; + .xl\:placeholder-purple-500::placeholder { + color: #9f7aea; } - .xl\:py-4 { - padding-top: 1rem; - padding-bottom: 1rem; + .xl\:placeholder-purple-600::placeholder { + color: #805ad5; } - .xl\:px-4 { - padding-left: 1rem; - padding-right: 1rem; + .xl\:placeholder-purple-700::placeholder { + color: #6b46c1; } - .xl\:py-5 { - padding-top: 1.25rem; - padding-bottom: 1.25rem; + .xl\:placeholder-purple-800::placeholder { + color: #553c9a; } - .xl\:px-5 { - padding-left: 1.25rem; - padding-right: 1.25rem; + .xl\:placeholder-purple-900::placeholder { + color: #44337a; } - .xl\:py-6 { - padding-top: 1.5rem; - padding-bottom: 1.5rem; + .xl\:placeholder-pink-100::placeholder { + color: #fff5f7; } - .xl\:px-6 { - padding-left: 1.5rem; - padding-right: 1.5rem; + .xl\:placeholder-pink-200::placeholder { + color: #fed7e2; } - .xl\:py-8 { - padding-top: 2rem; - padding-bottom: 2rem; + .xl\:placeholder-pink-300::placeholder { + color: #fbb6ce; } - .xl\:px-8 { - padding-left: 2rem; - padding-right: 2rem; + .xl\:placeholder-pink-400::placeholder { + color: #f687b3; } - .xl\:py-10 { - padding-top: 2.5rem; - padding-bottom: 2.5rem; + .xl\:placeholder-pink-500::placeholder { + color: #ed64a6; } - .xl\:px-10 { - padding-left: 2.5rem; - padding-right: 2.5rem; + .xl\:placeholder-pink-600::placeholder { + color: #d53f8c; } - .xl\:py-12 { - padding-top: 3rem; - padding-bottom: 3rem; + .xl\:placeholder-pink-700::placeholder { + color: #b83280; } - .xl\:px-12 { - padding-left: 3rem; - padding-right: 3rem; + .xl\:placeholder-pink-800::placeholder { + color: #97266d; } - .xl\:py-16 { - padding-top: 4rem; - padding-bottom: 4rem; + .xl\:placeholder-pink-900::placeholder { + color: #702459; } - .xl\:px-16 { - padding-left: 4rem; - padding-right: 4rem; + .xl\:focus\:placeholder-transparent:focus::placeholder { + color: transparent; } - .xl\:py-20 { - padding-top: 5rem; - padding-bottom: 5rem; + .xl\:focus\:placeholder-black:focus::placeholder { + color: #000; } - .xl\:px-20 { - padding-left: 5rem; - padding-right: 5rem; + .xl\:focus\:placeholder-white:focus::placeholder { + color: #fff; } - .xl\:py-24 { - padding-top: 6rem; - padding-bottom: 6rem; + .xl\:focus\:placeholder-gray-100:focus::placeholder { + color: #f7fafc; } - .xl\:px-24 { - padding-left: 6rem; - padding-right: 6rem; + .xl\:focus\:placeholder-gray-200:focus::placeholder { + color: #edf2f7; } - .xl\:py-32 { - padding-top: 8rem; - padding-bottom: 8rem; + .xl\:focus\:placeholder-gray-300:focus::placeholder { + color: #e2e8f0; } - .xl\:px-32 { - padding-left: 8rem; - padding-right: 8rem; + .xl\:focus\:placeholder-gray-400:focus::placeholder { + color: #cbd5e0; } - .xl\:py-40 { - padding-top: 10rem; - padding-bottom: 10rem; + .xl\:focus\:placeholder-gray-500:focus::placeholder { + color: #a0aec0; } - .xl\:px-40 { - padding-left: 10rem; - padding-right: 10rem; + .xl\:focus\:placeholder-gray-600:focus::placeholder { + color: #718096; } - .xl\:py-48 { - padding-top: 12rem; - padding-bottom: 12rem; + .xl\:focus\:placeholder-gray-700:focus::placeholder { + color: #4a5568; } - .xl\:px-48 { - padding-left: 12rem; - padding-right: 12rem; + .xl\:focus\:placeholder-gray-800:focus::placeholder { + color: #2d3748; } - .xl\:py-56 { - padding-top: 14rem; - padding-bottom: 14rem; + .xl\:focus\:placeholder-gray-900:focus::placeholder { + color: #1a202c; } - .xl\:px-56 { - padding-left: 14rem; - padding-right: 14rem; + .xl\:focus\:placeholder-red-100:focus::placeholder { + color: #fff5f5; } - .xl\:py-64 { - padding-top: 16rem; - padding-bottom: 16rem; + .xl\:focus\:placeholder-red-200:focus::placeholder { + color: #fed7d7; } - .xl\:px-64 { - padding-left: 16rem; - padding-right: 16rem; + .xl\:focus\:placeholder-red-300:focus::placeholder { + color: #feb2b2; } - .xl\:py-px { - padding-top: 1px; - padding-bottom: 1px; + .xl\:focus\:placeholder-red-400:focus::placeholder { + color: #fc8181; } - .xl\:px-px { - padding-left: 1px; - padding-right: 1px; + .xl\:focus\:placeholder-red-500:focus::placeholder { + color: #f56565; } - .xl\:pt-0 { - padding-top: 0; + .xl\:focus\:placeholder-red-600:focus::placeholder { + color: #e53e3e; } - .xl\:pr-0 { - padding-right: 0; + .xl\:focus\:placeholder-red-700:focus::placeholder { + color: #c53030; } - .xl\:pb-0 { - padding-bottom: 0; + .xl\:focus\:placeholder-red-800:focus::placeholder { + color: #9b2c2c; } - .xl\:pl-0 { - padding-left: 0; + .xl\:focus\:placeholder-red-900:focus::placeholder { + color: #742a2a; } - .xl\:pt-1 { - padding-top: 0.25rem; + .xl\:focus\:placeholder-orange-100:focus::placeholder { + color: #fffaf0; } - .xl\:pr-1 { - padding-right: 0.25rem; + .xl\:focus\:placeholder-orange-200:focus::placeholder { + color: #feebc8; } - .xl\:pb-1 { - padding-bottom: 0.25rem; + .xl\:focus\:placeholder-orange-300:focus::placeholder { + color: #fbd38d; } - .xl\:pl-1 { - padding-left: 0.25rem; + .xl\:focus\:placeholder-orange-400:focus::placeholder { + color: #f6ad55; } - .xl\:pt-2 { - padding-top: 0.5rem; + .xl\:focus\:placeholder-orange-500:focus::placeholder { + color: #ed8936; } - .xl\:pr-2 { - padding-right: 0.5rem; + .xl\:focus\:placeholder-orange-600:focus::placeholder { + color: #dd6b20; } - .xl\:pb-2 { - padding-bottom: 0.5rem; + .xl\:focus\:placeholder-orange-700:focus::placeholder { + color: #c05621; } - .xl\:pl-2 { - padding-left: 0.5rem; + .xl\:focus\:placeholder-orange-800:focus::placeholder { + color: #9c4221; } - .xl\:pt-3 { - padding-top: 0.75rem; + .xl\:focus\:placeholder-orange-900:focus::placeholder { + color: #7b341e; } - .xl\:pr-3 { - padding-right: 0.75rem; + .xl\:focus\:placeholder-yellow-100:focus::placeholder { + color: #fffff0; } - .xl\:pb-3 { - padding-bottom: 0.75rem; + .xl\:focus\:placeholder-yellow-200:focus::placeholder { + color: #fefcbf; } - .xl\:pl-3 { - padding-left: 0.75rem; + .xl\:focus\:placeholder-yellow-300:focus::placeholder { + color: #faf089; } - .xl\:pt-4 { - padding-top: 1rem; + .xl\:focus\:placeholder-yellow-400:focus::placeholder { + color: #f6e05e; } - .xl\:pr-4 { - padding-right: 1rem; + .xl\:focus\:placeholder-yellow-500:focus::placeholder { + color: #ecc94b; } - .xl\:pb-4 { - padding-bottom: 1rem; + .xl\:focus\:placeholder-yellow-600:focus::placeholder { + color: #d69e2e; } - .xl\:pl-4 { - padding-left: 1rem; + .xl\:focus\:placeholder-yellow-700:focus::placeholder { + color: #b7791f; } - .xl\:pt-5 { - padding-top: 1.25rem; + .xl\:focus\:placeholder-yellow-800:focus::placeholder { + color: #975a16; } - .xl\:pr-5 { - padding-right: 1.25rem; + .xl\:focus\:placeholder-yellow-900:focus::placeholder { + color: #744210; } - .xl\:pb-5 { - padding-bottom: 1.25rem; + .xl\:focus\:placeholder-green-100:focus::placeholder { + color: #f0fff4; } - .xl\:pl-5 { - padding-left: 1.25rem; + .xl\:focus\:placeholder-green-200:focus::placeholder { + color: #c6f6d5; } - .xl\:pt-6 { - padding-top: 1.5rem; + .xl\:focus\:placeholder-green-300:focus::placeholder { + color: #9ae6b4; } - .xl\:pr-6 { - padding-right: 1.5rem; + .xl\:focus\:placeholder-green-400:focus::placeholder { + color: #68d391; } - .xl\:pb-6 { - padding-bottom: 1.5rem; + .xl\:focus\:placeholder-green-500:focus::placeholder { + color: #48bb78; } - .xl\:pl-6 { - padding-left: 1.5rem; + .xl\:focus\:placeholder-green-600:focus::placeholder { + color: #38a169; } - .xl\:pt-8 { - padding-top: 2rem; + .xl\:focus\:placeholder-green-700:focus::placeholder { + color: #2f855a; } - .xl\:pr-8 { - padding-right: 2rem; + .xl\:focus\:placeholder-green-800:focus::placeholder { + color: #276749; } - .xl\:pb-8 { - padding-bottom: 2rem; + .xl\:focus\:placeholder-green-900:focus::placeholder { + color: #22543d; } - .xl\:pl-8 { - padding-left: 2rem; + .xl\:focus\:placeholder-teal-100:focus::placeholder { + color: #e6fffa; } - .xl\:pt-10 { - padding-top: 2.5rem; + .xl\:focus\:placeholder-teal-200:focus::placeholder { + color: #b2f5ea; } - .xl\:pr-10 { - padding-right: 2.5rem; + .xl\:focus\:placeholder-teal-300:focus::placeholder { + color: #81e6d9; } - .xl\:pb-10 { - padding-bottom: 2.5rem; + .xl\:focus\:placeholder-teal-400:focus::placeholder { + color: #4fd1c5; } - .xl\:pl-10 { - padding-left: 2.5rem; + .xl\:focus\:placeholder-teal-500:focus::placeholder { + color: #38b2ac; } - .xl\:pt-12 { - padding-top: 3rem; + .xl\:focus\:placeholder-teal-600:focus::placeholder { + color: #319795; } - .xl\:pr-12 { - padding-right: 3rem; + .xl\:focus\:placeholder-teal-700:focus::placeholder { + color: #2c7a7b; } - .xl\:pb-12 { - padding-bottom: 3rem; + .xl\:focus\:placeholder-teal-800:focus::placeholder { + color: #285e61; } - .xl\:pl-12 { - padding-left: 3rem; + .xl\:focus\:placeholder-teal-900:focus::placeholder { + color: #234e52; } - .xl\:pt-16 { - padding-top: 4rem; + .xl\:focus\:placeholder-blue-100:focus::placeholder { + color: #ebf8ff; } - .xl\:pr-16 { - padding-right: 4rem; + .xl\:focus\:placeholder-blue-200:focus::placeholder { + color: #bee3f8; } - .xl\:pb-16 { - padding-bottom: 4rem; + .xl\:focus\:placeholder-blue-300:focus::placeholder { + color: #90cdf4; } - .xl\:pl-16 { - padding-left: 4rem; + .xl\:focus\:placeholder-blue-400:focus::placeholder { + color: #63b3ed; } - .xl\:pt-20 { - padding-top: 5rem; + .xl\:focus\:placeholder-blue-500:focus::placeholder { + color: #4299e1; } - .xl\:pr-20 { - padding-right: 5rem; + .xl\:focus\:placeholder-blue-600:focus::placeholder { + color: #3182ce; } - .xl\:pb-20 { - padding-bottom: 5rem; + .xl\:focus\:placeholder-blue-700:focus::placeholder { + color: #2b6cb0; } - .xl\:pl-20 { - padding-left: 5rem; + .xl\:focus\:placeholder-blue-800:focus::placeholder { + color: #2c5282; } - .xl\:pt-24 { - padding-top: 6rem; + .xl\:focus\:placeholder-blue-900:focus::placeholder { + color: #2a4365; } - .xl\:pr-24 { - padding-right: 6rem; + .xl\:focus\:placeholder-indigo-100:focus::placeholder { + color: #ebf4ff; } - .xl\:pb-24 { - padding-bottom: 6rem; + .xl\:focus\:placeholder-indigo-200:focus::placeholder { + color: #c3dafe; } - .xl\:pl-24 { - padding-left: 6rem; + .xl\:focus\:placeholder-indigo-300:focus::placeholder { + color: #a3bffa; } - .xl\:pt-32 { - padding-top: 8rem; + .xl\:focus\:placeholder-indigo-400:focus::placeholder { + color: #7f9cf5; } - .xl\:pr-32 { - padding-right: 8rem; + .xl\:focus\:placeholder-indigo-500:focus::placeholder { + color: #667eea; } - .xl\:pb-32 { - padding-bottom: 8rem; + .xl\:focus\:placeholder-indigo-600:focus::placeholder { + color: #5a67d8; } - .xl\:pl-32 { - padding-left: 8rem; + .xl\:focus\:placeholder-indigo-700:focus::placeholder { + color: #4c51bf; } - .xl\:pt-40 { - padding-top: 10rem; + .xl\:focus\:placeholder-indigo-800:focus::placeholder { + color: #434190; } - .xl\:pr-40 { - padding-right: 10rem; + .xl\:focus\:placeholder-indigo-900:focus::placeholder { + color: #3c366b; } - .xl\:pb-40 { - padding-bottom: 10rem; + .xl\:focus\:placeholder-purple-100:focus::placeholder { + color: #faf5ff; } - .xl\:pl-40 { - padding-left: 10rem; + .xl\:focus\:placeholder-purple-200:focus::placeholder { + color: #e9d8fd; } - .xl\:pt-48 { - padding-top: 12rem; + .xl\:focus\:placeholder-purple-300:focus::placeholder { + color: #d6bcfa; } - .xl\:pr-48 { - padding-right: 12rem; + .xl\:focus\:placeholder-purple-400:focus::placeholder { + color: #b794f4; } - .xl\:pb-48 { - padding-bottom: 12rem; + .xl\:focus\:placeholder-purple-500:focus::placeholder { + color: #9f7aea; } - .xl\:pl-48 { - padding-left: 12rem; + .xl\:focus\:placeholder-purple-600:focus::placeholder { + color: #805ad5; } - .xl\:pt-56 { - padding-top: 14rem; + .xl\:focus\:placeholder-purple-700:focus::placeholder { + color: #6b46c1; } - .xl\:pr-56 { - padding-right: 14rem; + .xl\:focus\:placeholder-purple-800:focus::placeholder { + color: #553c9a; } - .xl\:pb-56 { - padding-bottom: 14rem; + .xl\:focus\:placeholder-purple-900:focus::placeholder { + color: #44337a; } - .xl\:pl-56 { - padding-left: 14rem; + .xl\:focus\:placeholder-pink-100:focus::placeholder { + color: #fff5f7; } - .xl\:pt-64 { - padding-top: 16rem; + .xl\:focus\:placeholder-pink-200:focus::placeholder { + color: #fed7e2; } - .xl\:pr-64 { - padding-right: 16rem; + .xl\:focus\:placeholder-pink-300:focus::placeholder { + color: #fbb6ce; } - .xl\:pb-64 { - padding-bottom: 16rem; + .xl\:focus\:placeholder-pink-400:focus::placeholder { + color: #f687b3; } - .xl\:pl-64 { - padding-left: 16rem; + .xl\:focus\:placeholder-pink-500:focus::placeholder { + color: #ed64a6; } - .xl\:pt-px { - padding-top: 1px; + .xl\:focus\:placeholder-pink-600:focus::placeholder { + color: #d53f8c; } - .xl\:pr-px { - padding-right: 1px; + .xl\:focus\:placeholder-pink-700:focus::placeholder { + color: #b83280; } - .xl\:pb-px { - padding-bottom: 1px; + .xl\:focus\:placeholder-pink-800:focus::placeholder { + color: #97266d; } - .xl\:pl-px { - padding-left: 1px; + .xl\:focus\:placeholder-pink-900:focus::placeholder { + color: #702459; } .xl\:pointer-events-none { diff --git a/stubs/defaultConfig.stub.js b/stubs/defaultConfig.stub.js index 09f800bdbec8..6756ef893d2b 100644 --- a/stubs/defaultConfig.stub.js +++ b/stubs/defaultConfig.stub.js @@ -468,6 +468,7 @@ module.exports = { outline: ['responsive', 'focus'], overflow: ['responsive'], padding: ['responsive'], + placeholderColor: ['responsive', 'focus'], pointerEvents: ['responsive'], position: ['responsive'], resize: ['responsive'],