.spotTypeButtons{display:flex;flex-wrap:wrap;gap:6px}.spotTypeButtons+.spotTypeButtons{margin-top:6px}.spotTypeBtn{align-items:center;background:var(--bg-highlight);border:2px solid var(--bg-highlight);border-radius:12px;color:#7c8290;cursor:pointer;display:flex;flex:1;flex-direction:column;gap:8px;min-width:100px;padding:12px 8px;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.spotTypeBtn .svg-inline--fa{font-size:1.875rem}.spotTypeBtn span{font-size:.9rem;font-weight:400}.spotTypeBtn:hover{color:#f06400}.spotTypeBtn.active{background:#f06400;border-color:#f06400;color:#fefefe;font-weight:600}.spotTypeBtn.compact{flex-direction:row;gap:7px;justify-content:center;padding:9px 8px}.spotTypeBtn.compact .svg-inline--fa{font-size:.9375rem}.segmentedPills{--pill-count:2;background:rgb(var(--clr-black)/.06);border-radius:12px;display:flex;gap:3px;padding:4px;position:relative}.segmentedPills .segmentedPill{background:transparent;border:none;border-radius:9px;color:#7c8290;cursor:pointer;flex:1 1 0;font-size:.85rem;font-weight:500;line-height:1.15;min-width:0;padding:8px 6px;position:relative;text-align:center;transition:color .2s ease;z-index:1}.segmentedPills .segmentedPill.active{color:#fefefe;font-weight:600}.segmentedPillIndicator{background:#f06400;border-radius:9px;bottom:4px;left:4px;position:absolute;top:4px;transform:translateX(0);transition:transform .28s cubic-bezier(.4,0,.2,1);width:calc((100% - 8px - (var(--pill-count) - 1)*3px)/var(--pill-count));z-index:0}.segmentedPills[data-active-index="1"] .segmentedPillIndicator{transform:translateX(calc(100% + 3px))}.segmentedPills[data-active-index="2"] .segmentedPillIndicator{transform:translateX(calc(200% + 6px))}.segmentedPills[data-active-index="3"] .segmentedPillIndicator{transform:translateX(calc(300% + 9px))}.segmentedPills.neutral .segmentedPillIndicator{background:var(--bg-highlight);box-shadow:0 1px 3px rgba(0,0,0,.12)}.segmentedPills.neutral .segmentedPill.active{color:var(--text-main)}[data-theme=dark] .segmentedPills{background:rgba(0,0,0,.3)}@media (prefers-reduced-motion:reduce){.segmentedPill,.segmentedPillIndicator{transition:none}}.filterToggle{border:1px solid #f06400;border-radius:100px;color:#f06400;cursor:pointer;font-size:.95rem;font-weight:500;padding:.5em .95em;transition:background-color .2s ease-out,color .2s ease-out}.filterToggle .svg-inline--fa{font-size:.85rem;margin-right:.3rem}.filterToggle.hover,.filterToggle:hover{background-color:rgba(240,100,0,.1)}.filterToggle.hasActiveFilters{background-color:#f06400;color:#fefefe}.filterToggle.hasActiveFilters:hover{background-color:#d15700}@media print,screen and (max-width:39.99875em){.filterToggle{font-size:.85rem;padding:.45em .7em}.filterToggle .svg-inline--fa{margin-right:0}.filterToggle .text{display:none}}.dropdown-pane.spotImageFilter{background:var(--bg-surface);max-width:none;padding:12px;width:min(360px,100vw - 32px);z-index:10}.dropdown-pane.spotImageFilter .section:not(:last-child){margin-bottom:18px}.dropdown-pane.spotImageFilter h3{color:#7c8290;font-size:.9rem;font-weight:500;margin:0 0 8px}.dropdown-pane.spotImageFilter .sectionHeader{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px}.dropdown-pane.spotImageFilter .sectionHeader h3{margin:0}.dropdown-pane.spotImageFilter .resetBtn{background:none;border-radius:100px;color:#7c8290;cursor:pointer;font-size:.8125rem;height:28px;padding:4px;transition:background-color .2s ease-out,color .2s ease-out;width:28px}.dropdown-pane.spotImageFilter .resetBtn:hover:not(:disabled){background-color:var(--bg-highlight);color:#f06400}.dropdown-pane.spotImageFilter .resetBtn:disabled{cursor:default;opacity:.4}#spotGridResults{transition:opacity .2s ease-out}#spotGridResults.isLoading{opacity:.45;pointer-events:none}@media (prefers-reduced-motion:reduce){#spotGridResults{transition:none}}