UNPKG

tailwindcss

Version:

A utility-first CSS framework for rapidly building custom user interfaces.

3,976 lines (3,016 loc) • 903 kB
.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 } .not-sr-only { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal } .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 } .focus\:not-sr-only:focus { position: static; width: auto; height: auto; padding: 0; margin: 0; overflow: visible; clip: auto; white-space: normal } .appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none } .bg-fixed { background-attachment: fixed } .bg-local { background-attachment: local } .bg-scroll { background-attachment: scroll } .bg-transparent { background-color: transparent } .bg-black { background-color: #000 } .bg-white { background-color: #fff } .bg-gray-100 { background-color: #f7fafc } .bg-gray-200 { background-color: #edf2f7 } .bg-gray-300 { background-color: #e2e8f0 } .bg-gray-400 { background-color: #cbd5e0 } .bg-gray-500 { background-color: #a0aec0 } .bg-gray-600 { background-color: #718096 } .bg-gray-700 { background-color: #4a5568 } .bg-gray-800 { background-color: #2d3748 } .bg-gray-900 { background-color: #1a202c } .bg-red-100 { background-color: #fff5f5 } .bg-red-200 { background-color: #fed7d7 } .bg-red-300 { background-color: #feb2b2 } .bg-red-400 { background-color: #fc8181 } .bg-red-500 { background-color: #f56565 } .bg-red-600 { background-color: #e53e3e } .bg-red-700 { background-color: #c53030 } .bg-red-800 { background-color: #9b2c2c } .bg-red-900 { background-color: #742a2a } .bg-orange-100 { background-color: #fffaf0 } .bg-orange-200 { background-color: #feebc8 } .bg-orange-300 { background-color: #fbd38d } .bg-orange-400 { background-color: #f6ad55 } .bg-orange-500 { background-color: #ed8936 } .bg-orange-600 { background-color: #dd6b20 } .bg-orange-700 { background-color: #c05621 } .bg-orange-800 { background-color: #9c4221 } .bg-orange-900 { background-color: #7b341e } .bg-yellow-100 { background-color: #fffff0 } .bg-yellow-200 { background-color: #fefcbf } .bg-yellow-300 { background-color: #faf089 } .bg-yellow-400 { background-color: #f6e05e } .bg-yellow-500 { background-color: #ecc94b } .bg-yellow-600 { background-color: #d69e2e } .bg-yellow-700 { background-color: #b7791f } .bg-yellow-800 { background-color: #975a16 } .bg-yellow-900 { background-color: #744210 } .bg-green-100 { background-color: #f0fff4 } .bg-green-200 { background-color: #c6f6d5 } .bg-green-300 { background-color: #9ae6b4 } .bg-green-400 { background-color: #68d391 } .bg-green-500 { background-color: #48bb78 } .bg-green-600 { background-color: #38a169 } .bg-green-700 { background-color: #2f855a } .bg-green-800 { background-color: #276749 } .bg-green-900 { background-color: #22543d } .bg-teal-100 { background-color: #e6fffa } .bg-teal-200 { background-color: #b2f5ea } .bg-teal-300 { background-color: #81e6d9 } .bg-teal-400 { background-color: #4fd1c5 } .bg-teal-500 { background-color: #38b2ac } .bg-teal-600 { background-color: #319795 } .bg-teal-700 { background-color: #2c7a7b } .bg-teal-800 { background-color: #285e61 } .bg-teal-900 { background-color: #234e52 } .bg-blue-100 { background-color: #ebf8ff } .bg-blue-200 { background-color: #bee3f8 } .bg-blue-300 { background-color: #90cdf4 } .bg-blue-400 { background-color: #63b3ed } .bg-blue-500 { background-color: #4299e1 } .bg-blue-600 { background-color: #3182ce } .bg-blue-700 { background-color: #2b6cb0 } .bg-blue-800 { background-color: #2c5282 } .bg-blue-900 { background-color: #2a4365 } .bg-indigo-100 { background-color: #ebf4ff } .bg-indigo-200 { background-color: #c3dafe } .bg-indigo-300 { background-color: #a3bffa } .bg-indigo-400 { background-color: #7f9cf5 } .bg-indigo-500 { background-color: #667eea } .bg-indigo-600 { background-color: #5a67d8 } .bg-indigo-700 { background-color: #4c51bf } .bg-indigo-800 { background-color: #434190 } .bg-indigo-900 { background-color: #3c366b } .bg-purple-100 { background-color: #faf5ff } .bg-purple-200 { background-color: #e9d8fd } .bg-purple-300 { background-color: #d6bcfa } .bg-purple-400 { background-color: #b794f4 } .bg-purple-500 { background-color: #9f7aea } .bg-purple-600 { background-color: #805ad5 } .bg-purple-700 { background-color: #6b46c1 } .bg-purple-800 { background-color: #553c9a } .bg-purple-900 { background-color: #44337a } .bg-pink-100 { background-color: #fff5f7 } .bg-pink-200 { background-color: #fed7e2 } .bg-pink-300 { background-color: #fbb6ce } .bg-pink-400 { background-color: #f687b3 } .bg-pink-500 { background-color: #ed64a6 } .bg-pink-600 { background-color: #d53f8c } .bg-pink-700 { background-color: #b83280 } .bg-pink-800 { background-color: #97266d } .bg-pink-900 { background-color: #702459 } .hover\:bg-transparent:hover { background-color: transparent } .hover\:bg-black:hover { background-color: #000 } .hover\:bg-white:hover { background-color: #fff } .hover\:bg-gray-100:hover { background-color: #f7fafc } .hover\:bg-gray-200:hover { background-color: #edf2f7 } .hover\:bg-gray-300:hover { background-color: #e2e8f0 } .hover\:bg-gray-400:hover { background-color: #cbd5e0 } .hover\:bg-gray-500:hover { background-color: #a0aec0 } .hover\:bg-gray-600:hover { background-color: #718096 } .hover\:bg-gray-700:hover { background-color: #4a5568 } .hover\:bg-gray-800:hover { background-color: #2d3748 } .hover\:bg-gray-900:hover { background-color: #1a202c } .hover\:bg-red-100:hover { background-color: #fff5f5 } .hover\:bg-red-200:hover { background-color: #fed7d7 } .hover\:bg-red-300:hover { background-color: #feb2b2 } .hover\:bg-red-400:hover { background-color: #fc8181 } .hover\:bg-red-500:hover { background-color: #f56565 } .hover\:bg-red-600:hover { background-color: #e53e3e } .hover\:bg-red-700:hover { background-color: #c53030 } .hover\:bg-red-800:hover { background-color: #9b2c2c } .hover\:bg-red-900:hover { background-color: #742a2a } .hover\:bg-orange-100:hover { background-color: #fffaf0 } .hover\:bg-orange-200:hover { background-color: #feebc8 } .hover\:bg-orange-300:hover { background-color: #fbd38d } .hover\:bg-orange-400:hover { background-color: #f6ad55 } .hover\:bg-orange-500:hover { background-color: #ed8936 } .hover\:bg-orange-600:hover { background-color: #dd6b20 } .hover\:bg-orange-700:hover { background-color: #c05621 } .hover\:bg-orange-800:hover { background-color: #9c4221 } .hover\:bg-orange-900:hover { background-color: #7b341e } .hover\:bg-yellow-100:hover { background-color: #fffff0 } .hover\:bg-yellow-200:hover { background-color: #fefcbf } .hover\:bg-yellow-300:hover { background-color: #faf089 } .hover\:bg-yellow-400:hover { background-color: #f6e05e } .hover\:bg-yellow-500:hover { background-color: #ecc94b } .hover\:bg-yellow-600:hover { background-color: #d69e2e } .hover\:bg-yellow-700:hover { background-color: #b7791f } .hover\:bg-yellow-800:hover { background-color: #975a16 } .hover\:bg-yellow-900:hover { background-color: #744210 } .hover\:bg-green-100:hover { background-color: #f0fff4 } .hover\:bg-green-200:hover { background-color: #c6f6d5 } .hover\:bg-green-300:hover { background-color: #9ae6b4 } .hover\:bg-green-400:hover { background-color: #68d391 } .hover\:bg-green-500:hover { background-color: #48bb78 } .hover\:bg-green-600:hover { background-color: #38a169 } .hover\:bg-green-700:hover { background-color: #2f855a } .hover\:bg-green-800:hover { background-color: #276749 } .hover\:bg-green-900:hover { background-color: #22543d } .hover\:bg-teal-100:hover { background-color: #e6fffa } .hover\:bg-teal-200:hover { background-color: #b2f5ea } .hover\:bg-teal-300:hover { background-color: #81e6d9 } .hover\:bg-teal-400:hover { background-color: #4fd1c5 } .hover\:bg-teal-500:hover { background-color: #38b2ac } .hover\:bg-teal-600:hover { background-color: #319795 } .hover\:bg-teal-700:hover { background-color: #2c7a7b } .hover\:bg-teal-800:hover { background-color: #285e61 } .hover\:bg-teal-900:hover { background-color: #234e52 } .hover\:bg-blue-100:hover { background-color: #ebf8ff } .hover\:bg-blue-200:hover { background-color: #bee3f8 } .hover\:bg-blue-300:hover { background-color: #90cdf4 } .hover\:bg-blue-400:hover { background-color: #63b3ed } .hover\:bg-blue-500:hover { background-color: #4299e1 } .hover\:bg-blue-600:hover { background-color: #3182ce } .hover\:bg-blue-700:hover { background-color: #2b6cb0 } .hover\:bg-blue-800:hover { background-color: #2c5282 } .hover\:bg-blue-900:hover { background-color: #2a4365 } .hover\:bg-indigo-100:hover { background-color: #ebf4ff } .hover\:bg-indigo-200:hover { background-color: #c3dafe } .hover\:bg-indigo-300:hover { background-color: #a3bffa } .hover\:bg-indigo-400:hover { background-color: #7f9cf5 } .hover\:bg-indigo-500:hover { background-color: #667eea } .hover\:bg-indigo-600:hover { background-color: #5a67d8 } .hover\:bg-indigo-700:hover { background-color: #4c51bf } .hover\:bg-indigo-800:hover { background-color: #434190 } .hover\:bg-indigo-900:hover { background-color: #3c366b } .hover\:bg-purple-100:hover { background-color: #faf5ff } .hover\:bg-purple-200:hover { background-color: #e9d8fd } .hover\:bg-purple-300:hover { background-color: #d6bcfa } .hover\:bg-purple-400:hover { background-color: #b794f4 } .hover\:bg-purple-500:hover { background-color: #9f7aea } .hover\:bg-purple-600:hover { background-color: #805ad5 } .hover\:bg-purple-700:hover { background-color: #6b46c1 } .hover\:bg-purple-800:hover { background-color: #553c9a } .hover\:bg-purple-900:hover { background-color: #44337a } .hover\:bg-pink-100:hover { background-color: #fff5f7 } .hover\:bg-pink-200:hover { background-color: #fed7e2 } .hover\:bg-pink-300:hover { background-color: #fbb6ce } .hover\:bg-pink-400:hover { background-color: #f687b3 } .hover\:bg-pink-500:hover { background-color: #ed64a6 } .hover\:bg-pink-600:hover { background-color: #d53f8c } .hover\:bg-pink-700:hover { background-color: #b83280 } .hover\:bg-pink-800:hover { background-color: #97266d } .hover\:bg-pink-900:hover { background-color: #702459 } .focus\:bg-transparent:focus { background-color: transparent } .focus\:bg-black:focus { background-color: #000 } .focus\:bg-white:focus { background-color: #fff } .focus\:bg-gray-100:focus { background-color: #f7fafc } .focus\:bg-gray-200:focus { background-color: #edf2f7 } .focus\:bg-gray-300:focus { background-color: #e2e8f0 } .focus\:bg-gray-400:focus { background-color: #cbd5e0 } .focus\:bg-gray-500:focus { background-color: #a0aec0 } .focus\:bg-gray-600:focus { background-color: #718096 } .focus\:bg-gray-700:focus { background-color: #4a5568 } .focus\:bg-gray-800:focus { background-color: #2d3748 } .focus\:bg-gray-900:focus { background-color: #1a202c } .focus\:bg-red-100:focus { background-color: #fff5f5 } .focus\:bg-red-200:focus { background-color: #fed7d7 } .focus\:bg-red-300:focus { background-color: #feb2b2 } .focus\:bg-red-400:focus { background-color: #fc8181 } .focus\:bg-red-500:focus { background-color: #f56565 } .focus\:bg-red-600:focus { background-color: #e53e3e } .focus\:bg-red-700:focus { background-color: #c53030 } .focus\:bg-red-800:focus { background-color: #9b2c2c } .focus\:bg-red-900:focus { background-color: #742a2a } .focus\:bg-orange-100:focus { background-color: #fffaf0 } .focus\:bg-orange-200:focus { background-color: #feebc8 } .focus\:bg-orange-300:focus { background-color: #fbd38d } .focus\:bg-orange-400:focus { background-color: #f6ad55 } .focus\:bg-orange-500:focus { background-color: #ed8936 } .focus\:bg-orange-600:focus { background-color: #dd6b20 } .focus\:bg-orange-700:focus { background-color: #c05621 } .focus\:bg-orange-800:focus { background-color: #9c4221 } .focus\:bg-orange-900:focus { background-color: #7b341e } .focus\:bg-yellow-100:focus { background-color: #fffff0 } .focus\:bg-yellow-200:focus { background-color: #fefcbf } .focus\:bg-yellow-300:focus { background-color: #faf089 } .focus\:bg-yellow-400:focus { background-color: #f6e05e } .focus\:bg-yellow-500:focus { background-color: #ecc94b } .focus\:bg-yellow-600:focus { background-color: #d69e2e } .focus\:bg-yellow-700:focus { background-color: #b7791f } .focus\:bg-yellow-800:focus { background-color: #975a16 } .focus\:bg-yellow-900:focus { background-color: #744210 } .focus\:bg-green-100:focus { background-color: #f0fff4 } .focus\:bg-green-200:focus { background-color: #c6f6d5 } .focus\:bg-green-300:focus { background-color: #9ae6b4 } .focus\:bg-green-400:focus { background-color: #68d391 } .focus\:bg-green-500:focus { background-color: #48bb78 } .focus\:bg-green-600:focus { background-color: #38a169 } .focus\:bg-green-700:focus { background-color: #2f855a } .focus\:bg-green-800:focus { background-color: #276749 } .focus\:bg-green-900:focus { background-color: #22543d } .focus\:bg-teal-100:focus { background-color: #e6fffa } .focus\:bg-teal-200:focus { background-color: #b2f5ea } .focus\:bg-teal-300:focus { background-color: #81e6d9 } .focus\:bg-teal-400:focus { background-color: #4fd1c5 } .focus\:bg-teal-500:focus { background-color: #38b2ac } .focus\:bg-teal-600:focus { background-color: #319795 } .focus\:bg-teal-700:focus { background-color: #2c7a7b } .focus\:bg-teal-800:focus { background-color: #285e61 } .focus\:bg-teal-900:focus { background-color: #234e52 } .focus\:bg-blue-100:focus { background-color: #ebf8ff } .focus\:bg-blue-200:focus { background-color: #bee3f8 } .focus\:bg-blue-300:focus { background-color: #90cdf4 } .focus\:bg-blue-400:focus { background-color: #63b3ed } .focus\:bg-blue-500:focus { background-color: #4299e1 } .focus\:bg-blue-600:focus { background-color: #3182ce } .focus\:bg-blue-700:focus { background-color: #2b6cb0 } .focus\:bg-blue-800:focus { background-color: #2c5282 } .focus\:bg-blue-900:focus { background-color: #2a4365 } .focus\:bg-indigo-100:focus { background-color: #ebf4ff } .focus\:bg-indigo-200:focus { background-color: #c3dafe } .focus\:bg-indigo-300:focus { background-color: #a3bffa } .focus\:bg-indigo-400:focus { background-color: #7f9cf5 } .focus\:bg-indigo-500:focus { background-color: #667eea } .focus\:bg-indigo-600:focus { background-color: #5a67d8 } .focus\:bg-indigo-700:focus { background-color: #4c51bf } .focus\:bg-indigo-800:focus { background-color: #434190 } .focus\:bg-indigo-900:focus { background-color: #3c366b } .focus\:bg-purple-100:focus { background-color: #faf5ff } .focus\:bg-purple-200:focus { background-color: #e9d8fd } .focus\:bg-purple-300:focus { background-color: #d6bcfa } .focus\:bg-purple-400:focus { background-color: #b794f4 } .focus\:bg-purple-500:focus { background-color: #9f7aea } .focus\:bg-purple-600:focus { background-color: #805ad5 } .focus\:bg-purple-700:focus { background-color: #6b46c1 } .focus\:bg-purple-800:focus { background-color: #553c9a } .focus\:bg-purple-900:focus { background-color: #44337a } .focus\:bg-pink-100:focus { background-color: #fff5f7 } .focus\:bg-pink-200:focus { background-color: #fed7e2 } .focus\:bg-pink-300:focus { background-color: #fbb6ce } .focus\:bg-pink-400:focus { background-color: #f687b3 } .focus\:bg-pink-500:focus { background-color: #ed64a6 } .focus\:bg-pink-600:focus { background-color: #d53f8c } .focus\:bg-pink-700:focus { background-color: #b83280 } .focus\:bg-pink-800:focus { background-color: #97266d } .focus\:bg-pink-900:focus { background-color: #702459 } .bg-bottom { background-position: bottom } .bg-center { background-position: center } .bg-left { background-position: left } .bg-left-bottom { background-position: left bottom } .bg-left-top { background-position: left top } .bg-right { background-position: right } .bg-right-bottom { background-position: right bottom } .bg-right-top { background-position: right top } .bg-top { background-position: top } .bg-repeat { background-repeat: repeat } .bg-no-repeat { background-repeat: no-repeat } .bg-repeat-x { background-repeat: repeat-x } .bg-repeat-y { background-repeat: repeat-y } .bg-repeat-round { background-repeat: round } .bg-repeat-space { background-repeat: space } .bg-auto { background-size: auto } .bg-cover { background-size: cover } .bg-contain { background-size: contain } .border-collapse { border-collapse: collapse } .border-separate { border-collapse: separate } .border-transparent { border-color: transparent } .border-black { border-color: #000 } .border-white { border-color: #fff } .border-gray-100 { border-color: #f7fafc } .border-gray-200 { border-color: #edf2f7 } .border-gray-300 { border-color: #e2e8f0 } .border-gray-400 { border-color: #cbd5e0 } .border-gray-500 { border-color: #a0aec0 } .border-gray-600 { border-color: #718096 } .border-gray-700 { border-color: #4a5568 } .border-gray-800 { border-color: #2d3748 } .border-gray-900 { border-color: #1a202c } .border-red-100 { border-color: #fff5f5 } .border-red-200 { border-color: #fed7d7 } .border-red-300 { border-color: #feb2b2 } .border-red-400 { border-color: #fc8181 } .border-red-500 { border-color: #f56565 } .border-red-600 { border-color: #e53e3e } .border-red-700 { border-color: #c53030 } .border-red-800 { border-color: #9b2c2c } .border-red-900 { border-color: #742a2a } .border-orange-100 { border-color: #fffaf0 } .border-orange-200 { border-color: #feebc8 } .border-orange-300 { border-color: #fbd38d } .border-orange-400 { border-color: #f6ad55 } .border-orange-500 { border-color: #ed8936 } .border-orange-600 { border-color: #dd6b20 } .border-orange-700 { border-color: #c05621 } .border-orange-800 { border-color: #9c4221 } .border-orange-900 { border-color: #7b341e } .border-yellow-100 { border-color: #fffff0 } .border-yellow-200 { border-color: #fefcbf } .border-yellow-300 { border-color: #faf089 } .border-yellow-400 { border-color: #f6e05e } .border-yellow-500 { border-color: #ecc94b } .border-yellow-600 { border-color: #d69e2e } .border-yellow-700 { border-color: #b7791f } .border-yellow-800 { border-color: #975a16 } .border-yellow-900 { border-color: #744210 } .border-green-100 { border-color: #f0fff4 } .border-green-200 { border-color: #c6f6d5 } .border-green-300 { border-color: #9ae6b4 } .border-green-400 { border-color: #68d391 } .border-green-500 { border-color: #48bb78 } .border-green-600 { border-color: #38a169 } .border-green-700 { border-color: #2f855a } .border-green-800 { border-color: #276749 } .border-green-900 { border-color: #22543d } .border-teal-100 { border-color: #e6fffa } .border-teal-200 { border-color: #b2f5ea } .border-teal-300 { border-color: #81e6d9 } .border-teal-400 { border-color: #4fd1c5 } .border-teal-500 { border-color: #38b2ac } .border-teal-600 { border-color: #319795 } .border-teal-700 { border-color: #2c7a7b } .border-teal-800 { border-color: #285e61 } .border-teal-900 { border-color: #234e52 } .border-blue-100 { border-color: #ebf8ff } .border-blue-200 { border-color: #bee3f8 } .border-blue-300 { border-color: #90cdf4 } .border-blue-400 { border-color: #63b3ed } .border-blue-500 { border-color: #4299e1 } .border-blue-600 { border-color: #3182ce } .border-blue-700 { border-color: #2b6cb0 } .border-blue-800 { border-color: #2c5282 } .border-blue-900 { border-color: #2a4365 } .border-indigo-100 { border-color: #ebf4ff } .border-indigo-200 { border-color: #c3dafe } .border-indigo-300 { border-color: #a3bffa } .border-indigo-400 { border-color: #7f9cf5 } .border-indigo-500 { border-color: #667eea } .border-indigo-600 { border-color: #5a67d8 } .border-indigo-700 { border-color: #4c51bf } .border-indigo-800 { border-color: #434190 } .border-indigo-900 { border-color: #3c366b } .border-purple-100 { border-color: #faf5ff } .border-purple-200 { border-color: #e9d8fd } .border-purple-300 { border-color: #d6bcfa } .border-purple-400 { border-color: #b794f4 } .border-purple-500 { border-color: #9f7aea } .border-purple-600 { border-color: #805ad5 } .border-purple-700 { border-color: #6b46c1 } .border-purple-800 { border-color: #553c9a } .border-purple-900 { border-color: #44337a } .border-pink-100 { border-color: #fff5f7 } .border-pink-200 { border-color: #fed7e2 } .border-pink-300 { border-color: #fbb6ce } .border-pink-400 { border-color: #f687b3 } .border-pink-500 { border-color: #ed64a6 } .border-pink-600 { border-color: #d53f8c } .border-pink-700 { border-color: #b83280 } .border-pink-800 { border-color: #97266d } .border-pink-900 { border-color: #702459 } .hover\:border-transparent:hover { border-color: transparent } .hover\:border-black:hover { border-color: #000 } .hover\:border-white:hover { border-color: #fff } .hover\:border-gray-100:hover { border-color: #f7fafc } .hover\:border-gray-200:hover { border-color: #edf2f7 } .hover\:border-gray-300:hover { border-color: #e2e8f0 } .hover\:border-gray-400:hover { border-color: #cbd5e0 } .hover\:border-gray-500:hover { border-color: #a0aec0 } .hover\:border-gray-600:hover { border-color: #718096 } .hover\:border-gray-700:hover { border-color: #4a5568 } .hover\:border-gray-800:hover { border-color: #2d3748 } .hover\:border-gray-900:hover { border-color: #1a202c } .hover\:border-red-100:hover { border-color: #fff5f5 } .hover\:border-red-200:hover { border-color: #fed7d7 } .hover\:border-red-300:hover { border-color: #feb2b2 } .hover\:border-red-400:hover { border-color: #fc8181 } .hover\:border-red-500:hover { border-color: #f56565 } .hover\:border-red-600:hover { border-color: #e53e3e } .hover\:border-red-700:hover { border-color: #c53030 } .hover\:border-red-800:hover { border-color: #9b2c2c } .hover\:border-red-900:hover { border-color: #742a2a } .hover\:border-orange-100:hover { border-color: #fffaf0 } .hover\:border-orange-200:hover { border-color: #feebc8 } .hover\:border-orange-300:hover { border-color: #fbd38d } .hover\:border-orange-400:hover { border-color: #f6ad55 } .hover\:border-orange-500:hover { border-color: #ed8936 } .hover\:border-orange-600:hover { border-color: #dd6b20 } .hover\:border-orange-700:hover { border-color: #c05621 } .hover\:border-orange-800:hover { border-color: #9c4221 } .hover\:border-orange-900:hover { border-color: #7b341e } .hover\:border-yellow-100:hover { border-color: #fffff0 } .hover\:border-yellow-200:hover { border-color: #fefcbf } .hover\:border-yellow-300:hover { border-color: #faf089 } .hover\:border-yellow-400:hover { border-color: #f6e05e } .hover\:border-yellow-500:hover { border-color: #ecc94b } .hover\:border-yellow-600:hover { border-color: #d69e2e } .hover\:border-yellow-700:hover { border-color: #b7791f } .hover\:border-yellow-800:hover { border-color: #975a16 } .hover\:border-yellow-900:hover { border-color: #744210 } .hover\:border-green-100:hover { border-color: #f0fff4 } .hover\:border-green-200:hover { border-color: #c6f6d5 } .hover\:border-green-300:hover { border-color: #9ae6b4 } .hover\:border-green-400:hover { border-color: #68d391 } .hover\:border-green-500:hover { border-color: #48bb78 } .hover\:border-green-600:hover { border-color: #38a169 } .hover\:border-green-700:hover { border-color: #2f855a } .hover\:border-green-800:hover { border-color: #276749 } .hover\:border-green-900:hover { border-color: #22543d } .hover\:border-teal-100:hover { border-color: #e6fffa } .hover\:border-teal-200:hover { border-color: #b2f5ea } .hover\:border-teal-300:hover { border-color: #81e6d9 } .hover\:border-teal-400:hover { border-color: #4fd1c5 } .hover\:border-teal-500:hover { border-color: #38b2ac } .hover\:border-teal-600:hover { border-color: #319795 } .hover\:border-teal-700:hover { border-color: #2c7a7b } .hover\:border-teal-800:hover { border-color: #285e61 } .hover\:border-teal-900:hover { border-color: #234e52 } .hover\:border-blue-100:hover { border-color: #ebf8ff } .hover\:border-blue-200:hover { border-color: #bee3f8 } .hover\:border-blue-300:hover { border-color: #90cdf4 } .hover\:border-blue-400:hover { border-color: #63b3ed } .hover\:border-blue-500:hover { border-color: #4299e1 } .hover\:border-blue-600:hover { border-color: #3182ce } .hover\:border-blue-700:hover { border-color: #2b6cb0 } .hover\:border-blue-800:hover { border-color: #2c5282 } .hover\:border-blue-900:hover { border-color: #2a4365 } .hover\:border-indigo-100:hover { border-color: #ebf4ff } .hover\:border-indigo-200:hover { border-color: #c3dafe } .hover\:border-indigo-300:hover { border-color: #a3bffa } .hover\:border-indigo-400:hover { border-color: #7f9cf5 } .hover\:border-indigo-500:hover { border-color: #667eea } .hover\:border-indigo-600:hover { border-color: #5a67d8 } .hover\:border-indigo-700:hover { border-color: #4c51bf } .hover\:border-indigo-800:hover { border-color: #434190 } .hover\:border-indigo-900:hover { border-color: #3c366b } .hover\:border-purple-100:hover { border-color: #faf5ff } .hover\:border-purple-200:hover { border-color: #e9d8fd } .hover\:border-purple-300:hover { border-color: #d6bcfa } .hover\:border-purple-400:hover { border-color: #b794f4 } .hover\:border-purple-500:hover { border-color: #9f7aea } .hover\:border-purple-600:hover { border-color: #805ad5 } .hover\:border-purple-700:hover { border-color: #6b46c1 } .hover\:border-purple-800:hover { border-color: #553c9a } .hover\:border-purple-900:hover { border-color: #44337a } .hover\:border-pink-100:hover { border-color: #fff5f7 } .hover\:border-pink-200:hover { border-color: #fed7e2 } .hover\:border-pink-300:hover { border-color: #fbb6ce } .hover\:border-pink-400:hover { border-color: #f687b3 } .hover\:border-pink-500:hover { border-color: #ed64a6 } .hover\:border-pink-600:hover { border-color: #d53f8c } .hover\:border-pink-700:hover { border-color: #b83280 } .hover\:border-pink-800:hover { border-color: #97266d } .hover\:border-pink-900:hover { border-color: #702459 } .focus\:border-transparent:focus { border-color: transparent } .focus\:border-black:focus { border-color: #000 } .focus\:border-white:focus { border-color: #fff } .focus\:border-gray-100:focus { border-color: #f7fafc } .focus\:border-gray-200:focus { border-color: #edf2f7 } .focus\:border-gray-300:focus { border-color: #e2e8f0 } .focus\:border-gray-400:focus { border-color: #cbd5e0 } .focus\:border-gray-500:focus { border-color: #a0aec0 } .focus\:border-gray-600:focus { border-color: #718096 } .focus\:border-gray-700:focus { border-color: #4a5568 } .focus\:border-gray-800:focus { border-color: #2d3748 } .focus\:border-gray-900:focus { border-color: #1a202c } .focus\:border-red-100:focus { border-color: #fff5f5 } .focus\:border-red-200:focus { border-color: #fed7d7 } .focus\:border-red-300:focus { border-color: #feb2b2 } .focus\:border-red-400:focus { border-color: #fc8181 } .focus\:border-red-500:focus { border-color: #f56565 } .focus\:border-red-600:focus { border-color: #e53e3e } .focus\:border-red-700:focus { border-color: #c53030 } .focus\:border-red-800:focus { border-color: #9b2c2c } .focus\:border-red-900:focus { border-color: #742a2a } .focus\:border-orange-100:focus { border-color: #fffaf0 } .focus\:border-orange-200:focus { border-color: #feebc8 } .focus\:border-orange-300:focus { border-color: #fbd38d } .focus\:border-orange-400:focus { border-color: #f6ad55 } .focus\:border-orange-500:focus { border-color: #ed8936 } .focus\:border-orange-600:focus { border-color: #dd6b20 } .focus\:border-orange-700:focus { border-color: #c05621 } .focus\:border-orange-800:focus { border-color: #9c4221 } .focus\:border-orange-900:focus { border-color: #7b341e } .focus\:border-yellow-100:focus { border-color: #fffff0 } .focus\:border-yellow-200:focus { border-color: #fefcbf } .focus\:border-yellow-300:focus { border-color: #faf089 } .focus\:border-yellow-400:focus { border-color: #f6e05e } .focus\:border-yellow-500:focus { border-color: #ecc94b } .focus\:border-yellow-600:focus { border-color: #d69e2e } .focus\:border-yellow-700:focus { border-color: #b7791f } .focus\:border-yellow-800:focus { border-color: #975a16 } .focus\:border-yellow-900:focus { border-color: #744210 } .focus\:border-green-100:focus { border-color: #f0fff4 } .focus\:border-green-200:focus { border-color: #c6f6d5 } .focus\:border-green-300:focus { border-color: #9ae6b4 } .focus\:border-green-400:focus { border-color: #68d391 } .focus\:border-green-500:focus { border-color: #48bb78 } .focus\:border-green-600:focus { border-color: #38a169 } .focus\:border-green-700:focus { border-color: #2f855a } .focus\:border-green-800:focus { border-color: #276749 } .focus\:border-green-900:focus { border-color: #22543d } .focus\:border-teal-100:focus { border-color: #e6fffa } .focus\:border-teal-200:focus { border-color: #b2f5ea } .focus\:border-teal-300:focus { border-color: #81e6d9 } .focus\:border-teal-400:focus { border-color: #4fd1c5 } .focus\:border-teal-500:focus { border-color: #38b2ac } .focus\:border-teal-600:focus { border-color: #319795 } .focus\:border-teal-700:focus { border-color: #2c7a7b } .focus\:border-teal-800:focus { border-color: #285e61 } .focus\:border-teal-900:focus { border-color: #234e52 } .focus\:border-blue-100:focus { border-color: #ebf8ff } .focus\:border-blue-200:focus { border-color: #bee3f8 } .focus\:border-blue-300:focus { border-color: #90cdf4 } .focus\:border-blue-400:focus { border-color: #63b3ed } .focus\:border-blue-500:focus { border-color: #4299e1 } .focus\:border-blue-600:focus { border-color: #3182ce } .focus\:border-blue-700:focus { border-color: #2b6cb0 } .focus\:border-blue-800:focus { border-color: #2c5282 } .focus\:border-blue-900:focus { border-color: #2a4365 } .focus\:border-indigo-100:focus { border-color: #ebf4ff } .focus\:border-indigo-200:focus { border-color: #c3dafe } .focus\:border-indigo-300:focus { border-color: #a3bffa } .focus\:border-indigo-400:focus { border-color: #7f9cf5 } .focus\:border-indigo-500:focus { border-color: #667eea } .focus\:border-indigo-600:focus { border-color: #5a67d8 } .focus\:border-indigo-700:focus { border-color: #4c51bf } .focus\:border-indigo-800:focus { border-color: #434190 } .focus\:border-indigo-900:focus { border-color: #3c366b } .focus\:border-purple-100:focus { border-color: #faf5ff } .focus\:border-purple-200:focus { border-color: #e9d8fd } .focus\:border-purple-300:focus { border-color: #d6bcfa } .focus\:border-purple-400:focus { border-color: #b794f4 } .focus\:border-purple-500:focus { border-color: #9f7aea } .focus\:border-purple-600:focus { border-color: #805ad5 } .focus\:border-purple-700:focus { border-color: #6b46c1 } .focus\:border-purple-800:focus { border-color: #553c9a } .focus\:border-purple-900:focus { border-color: #44337a } .focus\:border-pink-100:focus { border-color: #fff5f7 } .focus\:border-pink-200:focus { border-color: #fed7e2 } .focus\:border-pink-300:focus { border-color: #fbb6ce } .focus\:border-pink-400:focus { border-color: #f687b3 } .focus\:border-pink-500:focus { border-color: #ed64a6 } .focus\:border-pink-600:focus { border-color: #d53f8c } .focus\:border-pink-700:focus { border-color: #b83280 } .focus\:border-pink-800:focus { border-color: #97266d } .focus\:border-pink-900:focus { border-color: #702459 } .rounded-none { border-radius: 0 } .rounded-sm { border-radius: 0.125rem } .rounded { border-radius: 0.25rem } .rounded-md { border-radius: 0.375rem } .rounded-lg { border-radius: 0.5rem } .rounded-full { border-radius: 9999px } .rounded-t-none { border-top-left-radius: 0; border-top-right-radius: 0 } .rounded-r-none { border-top-right-radius: 0; border-bottom-right-radius: 0 } .rounded-b-none { border-bottom-right-radius: 0; border-bottom-left-radius: 0 } .rounded-l-none { border-top-left-radius: 0; border-bottom-left-radius: 0 } .rounded-t-sm { border-top-left-radius: 0.125rem; border-top-right-radius: 0.125rem } .rounded-r-sm { border-top-right-radius: 0.125rem; border-bottom-right-radius: 0.125rem } .rounded-b-sm { border-bottom-right-radius: 0.125rem; border-bottom-left-radius: 0.125rem } .rounded-l-sm { border-top-left-radius: 0.125rem; border-bottom-left-radius: 0.125rem } .rounded-t { border-top-left-radius: 0.25rem; border-top-right-radius: 0.25rem } .rounded-r { border-top-right-radius: 0.25rem; border-bottom-right-radius: 0.25rem } .rounded-b { border-bottom-right-radius: 0.25rem; border-bottom-left-radius: 0.25rem } .rounded-l { border-top-left-radius: 0.25rem; border-bottom-left-radius: 0.25rem } .rounded-t-md { border-top-left-radius: 0.375rem; border-top-right-radius: 0.375rem } .rounded-r-md { border-top-right-radius: 0.375rem; border-bottom-right-radius: 0.375rem } .rounded-b-md { border-bottom-right-radius: 0.375rem; border-bottom-left-radius: 0.375rem } .rounded-l-md { border-top-left-radius: 0.375rem; border-bottom-left-radius: 0.375rem } .rounded-t-lg { border-top-left-radius: 0.5rem; border-top-right-radius: 0.5rem } .rounded-r-lg { border-top-right-radius: 0.5rem; border-bottom-right-radius: 0.5rem } .rounded-b-lg { border-bottom-right-radius: 0.5rem; border-bottom-left-radius: 0.5rem } .rounded-l-lg { border-top-left-radius: 0.5rem; border-bottom-left-radius: 0.5rem } .rounded-t-full { border-top-left-radius: 9999px; border-top-right-radius: 9999px } .rounded-r-full { border-top-right-radius: 9999px; border-bottom-right-radius: 9999px } .rounded-b-full { border-bottom-right-radius: 9999px; border-bottom-left-radius: 9999px } .rounded-l-full { border-top-left-radius: 9999px; border-bottom-left-radius: 9999px } .rounded-tl-none { border-top-left-radius: 0 } .rounded-tr-none { border-top-right-radius: 0 } .rounded-br-none { border-bottom-right-radius: 0 } .rounded-bl-none { border-bottom-left-radius: 0 } .rounded-tl-sm { border-top-left-radius: 0.125rem } .rounded-tr-sm { border-top-right-radius: 0.125rem } .rounded-br-sm { border-bottom-right-radius: 0.125rem } .rounded-bl-sm { border-bottom-left-radius: 0.125rem } .rounded-tl { border-top-left-radius: 0.25rem } .rounded-tr { border-top-right-radius: 0.25rem } .rounded-br { border-bottom-right-radius: 0.25rem } .rounded-bl { border-bottom-left-radius: 0.25rem } .rounded-tl-md { border-top-left-radius: 0.375rem } .rounded-tr-md { border-top-right-radius: 0.375rem } .rounded-br-md { border-bottom-right-radius: 0.375rem } .rounded-bl-md { border-bottom-left-radius: 0.375rem } .rounded-tl-lg { border-top-left-radius: 0.5rem } .rounded-tr-lg { border-top-right-radius: 0.5rem } .rounded-br-lg { border-bottom-right-radius: 0.5rem } .rounded-bl-lg { border-bottom-left-radius: 0.5rem } .rounded-tl-full { border-top-left-radius: 9999px } .rounded-tr-full { border-top-right-radius: 9999px } .rounded-br-full { border-bottom-right-radius: 9999px } .rounded-bl-full { border-bottom-left-radius: 9999px } .border-solid { border-style: solid } .border-dashed { border-style: dashed } .border-dotted { border-style: dotted } .border-double { border-style: double } .border-none { border-style: none } .border-0 { border-width: 0 } .border-2 { border-width: 2px } .border-4 { border-width: 4px } .border-8 { border-width: 8px } .border { border-width: 1px } .border-t-0 { border-top-width: 0 } .border-r-0 { border-right-width: 0 } .border-b-0 { border-bottom-width: 0 } .border-l-0 { border-left-width: 0 } .border-t-2 { border-top-width: 2px } .border-r-2 { border-right-width: 2px } .border-b-2 { border-bottom-width: 2px } .border-l-2 { border-left-width: 2px } .border-t-4 { border-top-width: 4px } .border-r-4 { border-right-width: 4px } .border-b-4 { border-bottom-width: 4px } .border-l-4 { border-left-width: 4px } .border-t-8 { border-top-width: 8px } .border-r-8 { border-right-width: 8px } .border-b-8 { border-bottom-width: 8px } .border-l-8 { border-left-width: 8px } .border-t { border-top-width: 1px } .border-r { border-right-width: 1px } .border-b { border-bottom-width: 1px } .border-l { border-left-width: 1px } .box-border { box-sizing: border-box } .box-content { box-sizing: content-box } .cursor-auto { cursor: auto } .cursor-default { cursor: default } .cursor-pointer { cursor: pointer } .cursor-wait { cursor: wait } .cursor-text { cursor: text } .cursor-move { cursor: move } .cursor-not-allowed { cursor: not-allowed } .block { display: block } .inline-block { display: inline-block } .inline { display: inline } .flex { display: flex } .inline-flex { display: inline-flex } .grid { display: grid } .table { display: table } .table-caption { display: table-caption } .table-cell { display: table-cell } .table-column { display: table-column } .table-column-group { display: table-column-group } .table-footer-group { display: table-footer-group } .table-header-group { display: table-header-group } .table-row-group { display: table-row-group } .table-row { display: table-row } .hidden { display: none } .flex-row { flex-direction: row } .flex-row-reverse { flex-direction: row-reverse } .flex-col { flex-direction: column } .flex-col-reverse { flex-direction: column-reverse } .flex-wrap { flex-wrap: wrap } .flex-wrap-reverse { flex-wrap: wrap-reverse } .flex-no-wrap { flex-wrap: nowrap } .items-start { align-items: flex-start } .items-end { align-items: flex-end } .items-center { align-items: center } .items-baseline { align-items: baseline } .items-stretch { align-items: stretch } .self-auto { align-self: auto } .self-start { align-self: flex-start } .self-end { align-self: flex-end } .self-center { align-self: center } .self-stretch { align-self: stretch } .justify-start { justify-content: flex-start } .justify-end { justify-content: flex-end } .justify-center { justify-content: center } .justify-between { justify-content: space-between } .justify-around { justify-content: space-around } .justify-evenly { justify-content: space-evenly } .content-center { align-content: center } .content-start { align-content: flex-start } .content-end { align-content: flex-end } .content-between { align-content: space-between } .content-around { align-content: space-around } .flex-1 { flex: 1 1 0% } .flex-auto { flex: 1 1 auto } .flex-initial { flex: 0 1 auto } .flex-none { flex: none } .flex-grow-0 { flex-grow: 0 } .flex-grow { flex-grow: 1 } .flex-shrink-0 { flex-shrink: 0 } .flex-shrink { flex-shrink: 1 } .order-1 { order: 1 } .order-2 { order: 2 } .order-3 { order: 3 } .order-4 { order: 4 } .order-5 { order: 5 } .order-6 { order: 6 } .order-7 { order: 7 } .order-8 { order: 8 } .order-9 { order: 9 } .order-10 { order: 10 } .order-11 { order: 11 } .order-12 { order: 12 } .order-first { order: -9999 } .order-last { order: 9999 } .order-none { order: 0 } .float-right { float: right } .float-left { float: left } .float-none { float: none } .clearfix:after { content: ""; display: table; clear: both } .clear-left { clear: left } .clear-right { clear: right } .clear-both { clear: both } .font-sans { font-family: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji" } .font-serif { font-family: Georgia, Cambria, "Times New Roman", Times, serif } .font-mono { font-family: Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace } .font-hairline { font-weight: 100 } .font-thin { font-weight: 200 } .font-light { font-weight: 300 } .font-normal { font-weight: 400 } .font-medium { font-weight: 500 } .font-semibold { font-weight: 600 } .font-bold { font-weight: 700 } .font-extrabold { font-weight: 800 } .font-black { font-weight: 900 } .hover\:font-hairline:hover { font-weight: 100 } .hover\:font-thin:hover { font-weight: 200 } .hover\:font-light:hover { font-weight: 300 } .hover\:font-normal:hover { font-weight: 400 } .hover\:font-medium:hover { font-weight: 500 } .hover\:font-semibold:hover { font-weight: 600 } .hover\:font-bold:hover { font-weight: 700 } .hover\:font-extrabold:hover { font-weight: 800 } .hover\:font-black:hover { font-weight: 900 } .focus\:font-hairline:focus { font-weight: 100 } .focus\:font-thin:focus { font-weight: 200 } .focus\:font-light:focus { font-weight: 300 } .focus\:font-normal:focus { font-weight: 400 } .focus\:font-medium:focus { font-weight: 500 } .focus\:font-semibold:focus { font-weight: 600 } .focus\:font-bold:focus { font-weight: 700 } .focus\:font-extrabold:focus { font-weight: 800 } .focus\:font-black:focus { font-weight: 900 } .h-0 { height: 0 } .h-1 { height: 0.25rem } .h-2 { height: 0.5rem } .h-3 { height: 0.75rem } .h-4 { height: 1rem } .h-5 { height: 1.25rem } .h-6 { height: 1.5rem } .h-8 { height: 2rem } .h-10 { height: 2.5rem } .h-12 { height: 3rem } .h-16 { height: 4rem } .h-20 { height: 5rem } .h-24 { height: 6rem } .h-32 { height: 8rem } .h-40 { height: 10rem } .h-48 { height: 12rem } .h-56 { height: 14rem } .h-64 { height: 16rem } .h-auto { height: auto } .h-px { height: 1px } .h-full { height: 100% } .h-screen { height: 100vh } .leading-3 { line-height: .75rem } .leading-4 { line-height: 1rem } .leading-5 { line-height: 1.25rem } .leading-6 { line-height: 1.5rem } .leading-7 { line-height: 1.75rem } .leading-8 { line-height: 2rem } .leading-9 { line-height: 2.25rem } .leading-10 { line-height: 2.5rem } .leading-none { line-height: 1 } .leading-tight { line-height: 1.25 } .leading-snug { line-height: 1.375 } .leading-normal { line-height: 1.5 } .leading-relaxed { line-height: 1.625 } .leading-loose { line-height: 2 } .list-inside { list-style-position: inside } .list-outside { list-style-position: outside } .list-none { list-style-type: none } .list-disc { list-style-type: disc } .list-decimal { list-style-type: decimal } .m-0 { margin: 0 } .m-1 { margin: 0.25rem } .m-2 { margin: 0.5rem } .m-3 { margin: 0.75rem } .m-4 { margin: 1rem } .m-5 { margin: 1.25rem } .m-6 { margin: 1.5rem } .m-8 { margin: 2rem } .m-10 { margin: 2.5rem } .m-12 { margin: 3rem } .m-16 { margin: 4rem } .m-20 { margin: 5rem } .m-24 { margin: 6rem } .m-32 { margin: 8rem } .m-40 { margin: 10rem } .m-48 { margin: 12rem } .m-56 { margin: 14rem } .m-64 { margin: 16rem } .m-auto { margin: auto } .m-px { margin: 1px } .-m-1 { margin: -0.25rem } .-m-2 { margin: -0.5rem } .-m-3 { margin: -0.75rem } .-m-4 { margin: -1rem } .-m-5 { margin: -1.25rem } .-m-6 { margin: -1.5rem } .-m-8 { margin: -2rem } .-m-10 { margin: -2.5rem } .-m-12 { margin: -3rem } .-m-16 { margin: -4rem } .-m-20 { margin: -5rem } .-m-24 { margin: -6rem } .-m-32 { margin: -8rem } .-m-40 { margin: -10rem } .-m-48 { margin: -12rem } .-m-56 { margin: -14rem } .-m-64 { margin: -16rem } .-m-px { margin: -1px } .my-0 { margin-top: 0; margin-bottom: 0 } .mx-0 { margin-left: 0; margin-right: 0 } .my-1 { margin-top: 0.25rem; margin-bottom: 0.25rem } .mx-1 { margin-left: 0.25rem; margin-right: 0.25rem } .my-2 { margin-top: 0.5rem; margin-bottom: 0.5rem } .mx-2 { margin-left: 0.5rem; margin-right: 0.5rem } .my-3 { margin-top: 0.75rem; margin-bottom: 0.75rem } .mx-3 { margin-left: 0.75rem; margin-right: 0.75rem } .my-4 { margin-top: 1rem; margin-bottom: 1rem } .mx-4 { margin-left: 1rem; margin-right: 1rem } .my-5 { margin-top: 1.25rem; margin-bottom: 1.25rem } .mx-5 { margin-left: 1.25rem; margin-right: 1.25rem } .my-6 { margin-top: 1.5rem; margin-bottom: 1.5rem } .mx-6 { margin-left: 1.5rem; margin-right: 1.5rem } .my-8 { margin-top: 2rem; margin-bottom: 2rem } .mx-8 { margin-left: 2rem; margin-right: 2rem } .my-10 { margin-top: 2.5rem; margin-bottom: 2.5rem } .mx-10 { margin-left: 2.5rem; margin-right: 2.5rem } .my-12 { margin-top: 3rem; margin-bottom: 3rem } .mx-12 { margin-left: 3rem; margin-right: 3rem } .my-16 { margin-top: 4rem; margin-bottom: 4rem } .mx-16 { margin-left: 4rem; margin-right: 4rem } .my-20 { margin-top: 5rem; margin-bottom: 5rem } .mx-20 { margin-left: 5rem; margin-right: 5rem } .my-24 { margin-top: 6rem; margin-bottom: 6rem } .mx-24 { margin-left: 6rem; margin-right: 6rem } .my-32 { margin-top: 8rem; margin-bottom: 8rem } .mx-32 { margin-left: 8rem; margin-right: 8rem } .my-40 { margin-top: 10rem; margin-bottom: 10rem } .mx-40 { margin-left: 10rem; margin-right: 10rem } .my-48 { margin-top: 12rem; margin-bottom: 12rem } .mx-48 { margin-left: 12rem; margin-right: 12rem } .my-56 { margin-top: 14rem; margin-bottom: 14rem } .mx-56 { margin-left: 14rem; margin-right: 14rem } .my-64 { margin-top: 16rem; margin-bottom: 16rem } .mx-64 { margin-left: 16rem; margin-right: 16rem } .my-auto { margin-top: auto; margin-bottom: auto } .mx-auto { margin-left: auto; margin-right: auto } .my-px { margin-top: 1px; margin-bottom: 1px } .mx-px { margin-left: 1px; margin-right: 1px } .-my-1 { margin-top: -0.25rem; margin-bottom: -0.25rem } .-mx-1 { margin-left: -0.25rem; margin-right: -0.25rem } .-my-2 { margin-top: -0.5rem; margin-bottom: -0.5rem } .-mx-2 { margin-left: -0.5rem; margin-right: -0.5rem } .-my-3 { margin-top: -0.75rem; margin-bottom: -0.75rem } .-mx-3 { margin-left: -0.75rem; margin-right: -0.75rem } .-my-4 { margin-top: -1rem; margin-bottom: -1rem } .-mx-4 { margin-left: -1rem; margin-right: -1rem } .-my-5 { margin-top: -1.25rem; margin-bottom: -1.25rem } .-mx-5 { margin-left: -1.25rem; margin-right: -1.25rem } .-my-6 { margin-top: -1.5rem; margin-bottom: -1.5rem } .-mx-6 { margin-left: -1.5rem; margin-right: -1.5rem } .-my-8 { margin-top: -2rem; margin-bottom: -2rem } .-mx-8 { margin-left: -2rem; margin-right: -2rem } .-my-10 { margin-top: -2.5rem; margin-bottom: -2.5rem } .-mx-10 { margin-left: -2.5rem; margin-right: -2.5rem } .-my-12 { margin-top: -3rem; margin-bottom: -3rem } .-mx-12 { margin-left: -3rem; margin-right: -3rem } .-my-16 { margin-top: -4rem; margin-bottom: -4rem } .-mx-16 { margin-left: -4rem; margin-right: -4rem } .-my-20 { margin-top: -5rem; margin-bottom: -5rem } .-mx-20 { margin-left: -5rem; margin-right: -5rem } .-my-24 { margin-top: -6rem; margin-bottom: -6rem } .-mx-24 { margin-left: -6rem; margin-right: -6rem } .-my-32 { margin-top: -8rem; margin-bottom: -8rem } .-mx-32 { margin-left: -8rem; margin-right: -8rem } .-my-40 { margin-top: -10rem; margin-bottom: -10rem } .-mx-40 { margin-left: -10rem; margin-right: -10rem } .-my-48 { margin-top: -12rem; margin-bottom: -12rem } .-mx-48 { margin-left: -12rem; margin-right: -12rem } .-my-56 { margin-top: -14rem; margin-bottom: -14rem } .-mx-56 { margin-left: -14rem; margin-right: -14rem } .-my-64 { margin-top: -16rem; margin-bottom: -16rem } .-mx-64 { margin-left: -16rem; margin-right: -16rem } .-my-px { margin-top: -1px; margin-bottom: -1px } .-mx-px { margin-left: -1px; margin-right: -1px } .mt-0 { margin-top: 0 } .mr-0 { margin-right: 0 } .mb-0 { margin-bottom: 0 } .ml-0 { margin-left: 0 } .mt-1 { margin-top: 0.25rem } .mr-1 { margin-right: 0.25rem } .mb-1 { margin-bottom: 0.25rem } .ml-1 { margin-left: 0.25rem } .mt-2 { margin-top: 0.5rem } .mr-2 { margin-right: 0.5rem } .mb-2 { margin-bottom: 0.5rem } .ml-2 { margin-left: 0.5rem } .mt-3 { margin-top: 0.75rem } .mr-3 { margin-right: 0.75rem } .mb-3 { margin-bottom: 0.75rem } .ml-3 { margin-left: 0.75rem } .mt-4 { margin-top: 1rem } .mr-4 { margin-right: 1rem } .mb-4 { margin-bottom: 1rem } .ml-4 { margin-left: 1rem } .mt-5 { margin-top: 1.25rem } .mr-5 { margin-right: 1.25rem } .mb-5 { margin-bottom: 1.25