Map Scoreboard Projects Help
Shop ↗
Live drops !
#custom-locate-btn:hover { background-color: rgba(255, 255, 255, 0.95); box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15); transform: scale(1.05); } #custom-locate-btn:active { transform: scale(0.98); } #custom-locate-btn svg { width: 24px; height: 24px; color: rgba(10, 38, 70, 0.8); } /* Add styling for upcoming items */ .clustericon.bg-upcoming { background-color: rgba(171, 178, 185, 1) !important; color: white; } /* Style the upcoming filter switch to be gray when checked */ #upcoming_items:checked { background-color: rgba(128, 128, 128, 1) !important; border-color: rgba(128, 128, 128, 1) !important; } #upcoming_items:focus:checked { background-color: rgba(128, 128, 128, 1) !important; border-color: rgba(128, 128, 128, 1) !important; box-shadow: 0 0 0 0.25rem rgba(128, 128, 128, 0.25) !important; } @media (max-width: 991.98px) { .leaflet-control-container .leaflet-bottom.leaflet-left { bottom: 80px; } } @media (max-width: 991.98px) { #live-drops-panel { margin-top: 60px !important; } .panel-title { font-size: 0.9rem !important; } } @media (max-width: 991.98px) { #maplegend .d-flex { flex-direction: row !important; gap: 0.5rem; } #filter-panel, #live-drops-panel { width: 50%; min-width: 0; margin-top: 10px !important; } #filter-panel { margin-right: 0.5rem !important; height: auto !important; align-self: flex-start !important; } #live-drops-panel { margin-left: 0 !important; } } .collapsible-header { cursor: pointer; user-select: none; padding-bottom: 0.5rem; margin-bottom: 0.5rem; border-bottom: 1px solid #eee; transition: border-color 0.2s, padding-bottom 0.2s, margin-bottom 0.2s; } /* Make header smaller when collapsed */ .collapsible-header.collapsed { border-bottom-color: transparent !important; padding-bottom: 0 !important; margin-bottom: 0 !important; } .collapsible-header .arrow-icon { display: inline-flex; align-items: center; transition: transform 0.2s; } .collapsible-body.collapsed { display: none !important; } /* Make card body padding smaller when collapsed */ .collapsible-panel .card-body { transition: padding 0.2s; } .collapsible-panel .collapsible-header.collapsed + .collapsible-body.collapsed { padding: 0 !important; margin: 0 !important; } @keyframes flash-dropped { 0%, 100% { background-color: #fff; } /* Use white as base color */ 50% { background-color: rgba(76, 175, 80, 1); } } @keyframes flash-upcoming { 0%, 100% { background-color: #fff; } /* Use white as base color */ 50% { background-color: rgba(200, 200, 200, 1); } } @keyframes flash-claimed { 0%, 100% { background-color: #fff; } /* Use white as base color */ 50% { background-color: rgba(229, 115, 115, 1); } } .flash-dropped { animation: flash-dropped 2s infinite; } .flash-upcoming { animation: flash-upcoming 2s infinite; } .flash-claimed { animation: flash-claimed 2s infinite; } /* Onboarding Step 2 overlay styles */ #onboarding-overlay-step2 { opacity: 0; transition: opacity 0.3s ease-in-out; } @media (max-width: 991.98px) { #onboarding-drop-zone { left: 50% !important; top: 30% !important; transform: translateX(-50%); } }