/* v275q map-sheet filter pills: thin white idle, thick white + lift when selected */
html body #mapKinds button{border:1px solid rgba(255,255,255,.55)!important;background:#2B3037!important;color:#fff!important;box-shadow:none!important;transform:translateY(0) scale(1);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,border-width .18s ease}
html body #mapKinds button.active{border:3px solid #fff!important;transform:translateY(-3px) scale(1.05);box-shadow:0 6px 14px rgba(0,0,0,.45)!important;font-weight:800}
html body[data-mode="day"] #mapKinds button{border-color:#858A92!important;background:#fff!important;color:#2B3037!important}
html body[data-mode="day"] #mapKinds button.active{border-color:#2B3037!important;box-shadow:0 6px 14px rgba(43,48,55,.28)!important}
/* !important needed: mapsheet.css sets padding with !important */
html body:not(#_r):not(#_s):not(#_t) .map-home #bottomSheet .sheet-kinds #mapKinds#mapKinds{padding-top:6px!important;padding-bottom:4px!important}
#mapKinds button.pill-pop{animation:pillPop .26s ease}
@keyframes pillPop{0%{transform:translateY(-3px) scale(1.05)}45%{transform:translateY(-4px) scale(1.12)}100%{transform:translateY(-3px) scale(1.05)}}
@media (prefers-reduced-motion:reduce){#mapKinds button{transition:none}#mapKinds button.pill-pop{animation:none}}
html body[data-mode]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active{background:#2B3037!important;border-color:#fff!important;box-shadow:0 6px 14px rgba(0,0,0,.45)!important}
html body[data-mode]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active,html body[data-mode]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active *{color:#fff!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active{background:#fff!important;border-color:#2B3037!important;box-shadow:0 6px 14px rgba(43,48,55,.28)!important}
html body[data-mode="day"]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active,html body[data-mode="day"]:not(#_r):not(#_s):not(#_t) #mapKinds button.kind-truck.active *{color:#2B3037!important}