tailwindcss
Version:
A utility-first CSS framework for rapidly building custom user interfaces.
3,976 lines (3,016 loc) • 903 kB
CSS
.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