.cursor-pointer { cursor: pointer; }
.w-200px { width: 200px; }
.w-250px { width: 250px; }
.w-180px { width: 180px; }
.w-150px { width: 150px; }
.w-120px { width: 120px; }
.w-100px { width: 100px; }
.w-80px { width: 80px; }
.w-60px { width: 60px; }
.w-50px { width: 50px; }
.w-40px { width: 40px; }
.w-35px { width: 35px; }
.h-35px { height: 35px; }
.max-w-250px { max-width: 250px; }
.max-w-400px { max-width: 400px; }
.min-w-200px { min-width: 200px; }
.min-w-150px { min-width: 150px; }
.fs-2_5rem { font-size: 2.5rem; }
.fs-1_875rem { font-size: 1.875rem; }
.fs-1_125rem { font-size: 1.125rem; }
.fs-1rem { font-size: 1rem; }
.fs-0_85rem { font-size: 0.85rem; }
.fs-0_8rem { font-size: 0.8rem; }
.fs-14px { font-size: 14px; }
.fw-900 { font-weight: 900; }
.text-1e293b { color: #1e293b; }
.text-64748b { color: #64748b; }
.text-856404 { color: #856404; }
.text-155724 { color: #155724; }
.mb-0_5rem { margin-bottom: 0.5rem; }
.mb-1_5rem { margin-bottom: 1.5rem; }
.min-h-150px { min-height: 150px; }
.min-h-200px { min-height: 200px; }
.min-h-300px { min-height: 300px; }
.min-h-400px { min-height: 400px; }
.max-h-60px { max-height: 60px; }
.max-h-80px { max-height: 80px; }
.max-h-150px { max-height: 150px; }
.max-h-250px { max-height: 250px; }
.max-h-280px { max-height: 280px; }
.max-h-300px { max-height: 300px; }
.max-h-400px { max-height: 400px; }
.max-h-500px { max-height: 500px; }
.max-h-70vh { max-height: 70vh; }
.overflow-y-auto { overflow-y: auto; }
.aspect-1 { aspect-ratio: 1/1; }
.object-fit-cover { object-fit: cover; }
.border-none { border: none; }
.bg-none { background: none; }
.gap-8px { gap: 8px; }
.sticky-top-0 { position: sticky; top: 0; z-index: 1; }
.text-transform-uppercase { text-transform: uppercase; }
.lh-1 { line-height: 1; }
.max-h-600px { max-height: 600px; }
.w-24px { width: 24px; }
.h-24px { height: 24px; }
.bw-2 { border-width: 2px; }
.bw-4-white { border: 4px solid white; }
.br-9999px { border-radius: 9999px; }
.inset-0 { inset: 0; }
.z-1050 { z-index: 1050; }
.backdrop-blur-4px { backdrop-filter: blur(4px); }
.d-flex-center { display: flex; align-items: center; justify-content: center; }
.max-w-360px { max-width: 360px; }
.w-128px { width: 128px; }
.h-160px { height: 160px; }
.w-80px { width: 80px; }
.h-80px { height: 80px; }
.w-40px { width: 40px; }
.h-40px { height: 40px; }
.transition-color-2s { transition: color .2s; }
.bottom-16px { bottom: 16px; }
.left-50p { left: 50%; }
.translate-x-50 { transform: translateX(-50%); }
.gap-0_5rem { gap: 0.5rem; }
#offline-contingency-banner {
    display: none;
    position: sticky;
    top: 0;
    left: 0;
    right: 0;
    z-index: 2000;
    background-color: #fff3cd;
    color: #856404;
    border-bottom: 1px solid #ffc107;
    padding: 10px 16px;
    font-size: 14px;
    text-align: center;
    line-height: 1.5;
}
#offline-banner-count {
    display: none;
    font-size: 12px;
    padding: 3px 8px;
    vertical-align: middle;
    background: #ffc107;
    color: #856404;
    border-radius: 4px;
    margin-left: 8px;
}
.max-h-80px { max-height: 80px; }