.hm-Legend{position:absolute;z-index:500;left:2rem;top:2rem;background-color:#ffffffd9;padding:.5rem;border:solid 1px #666;border-radius:.5rem}.hm-Legend.hm-LowZIndex{z-index:100;opacity:.2}.hm-Legend h2{margin:0;padding:0;font-size:1.2rem}.hm-Legend h3{margin:.2rem 0rem;font-size:1rem}.hm-Legend .hm-Region{cursor:pointer}.hm-Legend .hm-Region:hover{background-color:#eee}.hm-Legend h4,.hm-Legend h5{margin:0rem}.hm-Legend .hm-LockExplanation{margin-top:.25rem;font-size:.8rem;color:#999}.hm-Legend .hm-Flex{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem}.hm-Legend .hm-Menu .hm-Hamburger div{width:2rem;height:.25rem;background-color:#666;margin:.25rem 0}.hm-Legend .hm-Menu .hm-SelectBox{display:none;font-weight:700;text-align:center}.hm-Legend .hm-Menu .hm-SelectBox .hm-DownArrow{color:#555;line-height:1rem;font-size:.9rem;margin-left:.5rem}.hm-Legend.hm-Collapsed{cursor:pointer}.hm-Legend.hm-Expanded{width:16rem}.hm-LegendHydrophone{cursor:pointer;list-style-type:none;font-weight:400;font-size:.8rem;padding:1px}.hm-LegendHydrophone i.fas{margin-right:.4rem}.hm-LegendHydrophone:hover{opacity:.8;background-color:#eee}.hm-LegendHydrophone:hover .hm-Location{opacity:1}.hm-LegendHydrophone .hm-Location{font-size:.7rem;color:#777;font-weight:300;opacity:0}@media only screen and (max-width: 676px){.hm-Legend{left:0;right:0;margin:auto;width:16rem}.hm-Legend .hm-Territory{display:none}.hm-Legend .hm-Menu .hm-SelectBox{display:block}.hm-Legend .hm-Menu .hm-Hamburger{display:none}}.hm-DataPopover,#hm-DashboardMount{height:calc(100vh - 130px);width:calc(100vw - 90px)}#hm-DashboardMount{padding:10px;background:#fff;z-index:550;left:0;right:0;margin-left:auto;margin-right:auto;top:calc(50% + 24px);transform:translateY(-50%);opacity:1}#hm-DashboardMount.hidden{display:none}.hm-MapContainer .mapboxgl-popup-content{padding:1rem;border-radius:0;background-color:#ffffffe6;border:solid rgba(255,255,255,.9) 2px;width:400px}.hm-MapContainer .mapboxgl-popup-content .mapboxgl-popup-close-button{font-size:1.5rem}.hm-HydrophonePopup h3{margin-top:0;font-size:1.5rem;margin-bottom:10px!important}.hm-HydrophonePopup p{margin:0;padding:0}.hm-HydrophonePopup .hm-Label{color:#666;margin-right:3px}.hm-HydrophonePopup .hm-Value{font-weight:500}.hm-HydrophonePopup .hm-Separator{margin:0 5px}.hm-HydrophonePopup h4{margin-top:10px;margin-bottom:10px!important;font-size:1.2rem;color:#666}.hm-HydrophonePopup .hm-Readings{z-index:450;background-color:#f9f9f9;border:solid rgba(200,200,200,.8) 1px;padding:10px}.hm-HydrophonePopup .hm-FullReadings{min-height:200px;background-color:#f9f9f9;border:solid rgba(200,200,200,.8) 1px;padding:10px}.hm-HydrophonePopup p.hm-LinkOut{margin-top:1rem;text-align:center;font-size:.9rem}.hm-HydrophonePopup .hm-Details{display:flex;align-items:center;justify-content:space-between}.mapboxgl-marker{position:absolute;z-index:300}.mapboxgl-marker.OnTop{z-index:400}.hm-Marker{padding:10px;display:flex;justify-content:center;align-items:center}.hm-GroupedMarker{background-color:#fff;width:50px;height:50px;border-radius:50%;border:solid black 1px;display:flex;justify-content:center;align-items:center;color:#000}.hm-GroupedMarker i{font-size:30px;font-weight:400}.hm-SingleMarker{padding:0;margin:0;position:relative;font-size:.9rem}.hm-SingleMarker i{font-weight:400}.hm-SingleMarker .hm-StationLabel{text-align:center;width:-moz-fit-content;width:fit-content;margin:0 auto}.hm-SingleMarker .hm-LockedDataWarning{font-size:.7rem;color:#666;margin-top:4px}.hm-SingleMarker .hm-LockedDataWarning i{margin-right:2px}.hm-SingleMarker h1{margin-top:0;text-align:center;font-weight:700!important;font-size:1.2rem!important;text-shadow:white 0px 0px 4px;margin-bottom:.25rem}.hm-SingleMarker i.hm-LabelIcon{font-size:1.4rem;height:40px;width:40px;border:solid 1px black;border-radius:50%;text-align:center;line-height:180%;background-color:#fffc}.hm-SingleMarker.hm-ExpandedMarker i.hm-LabelIcon{background-color:#fff}.hm-SingleMarker .hm-ExpandedArea{margin-top:-22px;display:relative;background-color:#fff;padding:1.5rem 1rem 1rem;border:solid black 1px;border-radius:1rem}.hm-SingleMarker .hm-DataTableLabel{font-weight:500;margin-bottom:8px}.hm-SingleMarker .hm-DataTable thead td{font-weight:500}.hm-SingleMarker .hm-DataTable td{padding-right:12px}.hm-SingleMarker .hm-DataTable td:last-child{padding-right:0}.hm-SingleMarker .hm-DataTable td.hm-Right{text-align:right}.hm-SingleMarker .hm-DataTable td.hm-DataLabel{font-weight:500}.hm-App .hm-orcalab{color:#3ba}.hm-App .hm-simres{color:#37d}.hm-App .hm-gitgaat-first-nation-territory{color:#d76}.hm-App .hm-kitasooxaixais-first-nation-territory{color:#b6a}.hm-App .hm-heiltsuk-first-nation-territory{color:#6b6}.hm-Loading{width:100%;margin-left:auto;margin-right:auto}.hm-Button{text-decoration:none;cursor:pointer;background-color:#fff;border:solid black 1px;border-radius:.5rem;padding:.5rem;font-size:1rem;font-weight:600}.hm-Button:hover{background-color:#f9f9f9;border-color:#999}.hm-Button.hm-Close{font-size:1.5rem;border:solid 1px black;height:2rem;width:2rem;border-radius:1rem;padding:0}.hm-Button.hm-Close:hover{background-color:#f9f9f9}.hm-Button.hm-Close .hm-CloseIcon{line-height:1.85rem;margin:auto;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content}.hm-Button.hm-orcalab{border-color:#3ba}.hm-Button.hm-simres{border-color:#37d}.hm-Button.hm-gitgaat-first-nation-territory{border-color:#d76}.hm-Button.hm-kitasooxaixais-first-nation-territory{border-color:#b6a}.hm-Button.hm-heiltsuk-first-nation-territory{border-color:#6b6}button.hm-Button{display:inline}a.hm-Button{display:none}@media only screen and (max-width: 676px){button.hm-Button{display:none}a.hm-Button{display:inline}}.hm-OpenDashInNewTab{position:absolute;left:-15px;top:30px;width:-moz-fit-content;width:fit-content;z-index:600;background:#fff;border:solid 1px black;border-radius:1rem;padding:.25rem .5rem}.hm-OpenDashInNewTab:hover{background-color:#f9f9f9}.hm-OpenDashInNewTab a{color:#000;text-decoration:none}.hm-ClosePopup{position:absolute;right:-15px;top:30px;width:-moz-fit-content;width:fit-content;z-index:600}
