.range-map-shell{margin:30px 0 42px;background:#f7fbfe;border:1px solid #cbddea;border-radius:14px;overflow:hidden;box-shadow:0 15px 40px rgba(8,45,89,.08)}.range-map-shell>header{display:flex;justify-content:space-between;gap:25px;padding:24px 27px;background:linear-gradient(120deg,#071f3e,#0a477b);color:#fff}.range-map-shell>header h2{font:800 27px/1.2 Montserrat,sans-serif;margin:6px 0}.range-map-shell>header p{max-width:720px;margin:0;color:#cde6f7;line-height:1.55}.range-map-shell .overline{color:#8bcaf0}.range-map-mode{display:flex;align-items:flex-end;justify-content:space-between;flex-direction:column;min-width:190px}.range-map-mode span{font-size:12px;color:#cde6f7}.range-map-mode button{border:1px solid rgba(255,255,255,.4);border-radius:6px;background:transparent;color:#fff;padding:9px 12px;cursor:pointer}.range-map-stage{position:relative}.range-map-stage #observation-range-map{height:610px;background:#dceaf2}.range-map-stage>div:not(#observation-range-map){position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);padding:13px 17px;border-radius:7px;background:rgba(7,31,62,.9);color:#fff;font-size:12px}.range-map-stage #range-map-loading{display:none}.range-map-stage #range-map-loading.active{display:block}.range-map-shell>footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:16px 25px;color:#526b7c;font-size:12px}.range-map-shell>footer p{margin:0}.range-map-scale{display:flex;align-items:center;gap:9px;white-space:nowrap}.range-map-scale i{display:block;width:180px;height:10px;border-radius:10px;background:linear-gradient(90deg,#d9efff,#a7d8f5,#6aafe0,#327fbd,#14518e,#082d59)}.range-popup{width:285px;color:#173448;font:13px/1.45 Inter,sans-serif}.range-popup>a>img{display:block;width:calc(100% + 24px);height:145px;margin:-12px -12px 13px;object-fit:cover}.range-popup-author{display:flex;align-items:center;gap:9px}.range-popup-author>img,.range-popup-author>span{width:34px;height:34px;border-radius:50%;object-fit:cover}.range-popup-author>span{display:grid;place-items:center;background:#d9efff;color:#0b4f8a;font-weight:800}.range-popup-author div{display:grid}.range-popup-author small{color:#708795}.range-popup h3{margin:13px 0 3px;font-size:16px}.range-popup>p{margin:0;color:#708795;font-size:11px}.range-popup ul{list-style:none;padding:0;margin:13px 0;max-height:140px;overflow:auto;border-top:1px solid #dbe6ec}.range-popup li{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:7px 0;border-bottom:1px solid #e8eff3}.range-popup li em{grid-column:1;font-size:10px;color:#708795}.range-popup li span{grid-column:2;grid-row:1/3;align-self:center;font-weight:800;color:#0b4f8a}.range-popup-link{display:block;text-decoration:none!important;color:#0b4f8a!important;font-weight:800}.range-popup-loading{padding:14px;color:#173448}.observation-filters #range-species{min-width:250px}@media(max-width:760px){.range-map-shell>header,.range-map-shell>footer{align-items:flex-start;flex-direction:column}.range-map-mode{width:100%;align-items:flex-start;gap:12px}.range-map-stage #observation-range-map{height:500px}.range-map-scale i{width:130px}.range-popup{width:235px}}