.inline-flex { display: inline-flex; }
.flex { display: flex; }
.hidden { display: none; }
.relative { position: relative; }
.z-0 { z-index: 0; }
.items-center { align-items: center; }
.justify-between { justify-content: space-between; }
.flex-1 { flex: 1 1 0%; }
.font-medium { font-weight: 500; }
.text-sm { font-size: .875rem; line-height: 1.25rem; }
.leading-5 { line-height: 1.25rem; }
.w-5 { width: 1.25rem; }
.h-5 { height: 1.25rem; }
.px-2 { padding-left: .5rem; padding-right: .5rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.py-2 { padding-top: .5rem; padding-bottom: .5rem; }
.ml-3 { margin-left: .75rem; }
.-ml-px { margin-left: -1px; }
.rounded-md { border-radius: .375rem; }
.rounded-l-md { border-top-left-radius: .375rem; border-bottom-left-radius: .375rem; }
.rounded-r-md { border-top-right-radius: .375rem; border-bottom-right-radius: .375rem; }
.border { border-width: 1px; border-style: solid; }
.border-gray-300 { border-color: rgb(209 213 219 / 1); }
.bg-white { background-color: rgb(255 255 255 / 1); }
.text-gray-500 { color: rgb(107 114 128 / 1); }
.text-gray-700 { color: rgb(55 65 81 / 1); }
.cursor-default { cursor: default; }
.shadow-sm {
    box-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);
}
.transition {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter;
    transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    transition-duration: .15s;
}
.duration-150 { transition-duration: .15s; }
.ease-in-out { transition-timing-function: cubic-bezier(.4, 0, .2, 1); }
.hover\:text-gray-400:hover { color: rgb(156 163 175 / 1); }
.hover\:text-gray-500:hover { color: rgb(107 114 128 / 1); }
.active\:bg-gray-100:active { background-color: rgb(243 244 246 / 1); }
.active\:text-gray-500:active { color: rgb(107 114 128 / 1); }
.active\:text-gray-700:active { color: rgb(55 65 81 / 1); }
.focus\:outline-none:focus { outline: 2px solid transparent; outline-offset: 2px; }
.focus\:z-10:focus { z-index: 10; }
.focus\:border-blue-300:focus { border-color: rgb(147 197 253 / 1); }
.focus\:ring:focus {
    box-shadow: 0 0 0 3px rgb(59 130 246 / .5);
}
.ring-gray-300 { --tw-ring-color: rgb(209 213 219 / 1); }
.focus\:ring:focus.ring-gray-300 {
    box-shadow: 0 0 0 3px rgb(209 213 219 / .45);
}
@media (min-width: 640px) {
    .sm\:hidden { display: none; }
    .sm\:flex { display: flex; }
    .sm\:flex-1 { flex: 1 1 0%; }
    .sm\:items-center { align-items: center; }
    .sm\:justify-between { justify-content: space-between; }
}