:root{--legacy-map-time-bg:hsla(0,0%,100%,0.85);--radio-button-bg:#e2e2e2;--radio-button-border:#cdcdcd;--radio-button-selected:#fff;--attr-color:#484848;--attr-link-color:#333}:root body.darkTheme{--legacy-map-time-bg:rgba(0,0,0,0.4);--attr-color:#bbb;--attr-link-color:#a0a0a0;--radio-button-bg:hsla(0,0%,100%,0.2);--radio-button-border:#444;--radio-button-selected:#000}#mapanim{margin:0 0 20px}#mapanim.gl-mapanim{margin:0}#mapanim .map-controls{display:flex}#mapanim .map-controls .toggle{margin:.5rem 0 .5rem .5rem;background-color:hsla(0,0%,100%,.95);border:1px solid rgba(0,0,0,.3);border-radius:.25rem;font-size:.75rem}#mapanim .map-controls .toggle input{opacity:0;width:0;height:0;position:absolute}#mapanim .map-controls .toggle input:checked+.title{font-weight:600;color:#fff;background-color:#50b0e6}#mapanim .map-controls .toggle label{font-weight:500}#mapanim .map-controls .toggle label .title{display:inline-block;padding:.2rem .4rem}@media (min-width:45rem){#mapanim .map-controls .toggle label .title{padding:.2rem .4rem}}#mapanim .map-controls .toggle label .title.active{color:#fff;font-weight:600;background-color:#2fb0ff}#mapanim #mapwrap #map{height:100%;max-width:530px;position:relative}#mapanim #mapwrap #map #mapimg{position:relative;z-index:2000}#mapanim #mapwrap #map #mapbg{position:absolute;z-index:1000;left:0;top:0}#mapanim #mapwrap #map #name{left:0;bottom:0;display:none;position:absolute;background-color:hsla(0,0%,100%,.95);border:1px solid #555;border-radius:4px;padding:2px 6px;z-index:10000}#mapanim #mapwrap #map .citydot{position:absolute;width:10px;height:10px;z-index:5000}#mapanim #mapwrap #map .stn_marker{position:absolute;z-index:5000;width:30px;height:30px;background-image:url(/img/snowdepth-30x30.png)}#mapanim #mapwrap #map .stn_marker p{position:relative;top:6px;width:30px;color:#000;text-shadow:none;text-align:center;font-size:1rem;font-weight:500;cursor:pointer}#mapanim #mapwrap #map .symbol{position:absolute;z-index:5000}#mapanim #mapwrap #map .marker{position:absolute;width:20px;height:20px;z-index:5000;opacity:0;background-color:transparent}#mapanim #mapwrap #map .marker.sea{width:40px;height:35px;opacity:1;background-image:url(/img/obsbg.png);background-repeat:no-repeat}#mapanim #mapwrap #map .marker div{padding:6px 0 0;cursor:pointer}#mapanim #mapwrap #map .marker div img{vertical-align:middle;margin:-1px 0 0 2px}#mapanim #mapwrap #map .marker div span{font-weight:700;font-size:.9rem}#mapanim #mapwrap #map #maptime_mobi{position:absolute;left:.5em;top:.5em;z-index:50000;min-width:3rem;border-radius:4px;font-size:.6875rem;border:1px solid rgba(0,0,0,.3);background-color:hsla(0,0%,100%,.85);background-color:var(--legacy-map-time-bg);padding:4px}#mapanim #mapwrap #map #maptime_mobi .date{text-align:center;padding:0 0 4px}#mapanim #mapwrap #map #maptime_mobi .time{text-align:center;font-weight:700}#mapanim #mapwrap #time{-ms-flex:0 0 0;-webkit-box-flex:0 0 0;-webkit-flex:0 0 0;flex:0 0 0;display:none}#mapanim #mapwrap #windlayer{position:relative;z-index:1000}#mapanim #mapwrap .sealayer{position:absolute;top:0;left:0}#mapanim #mapwrap #maxwlayer{z-index:2000;display:none}#mapanim #mapwrap #arrwlayer{z-index:3000}#mapanim #mapwrap #masklayer{z-index:4000}#mapanim #mapwrap #preslayer{z-index:5000;display:none}#mapanim #mapwrap #subareas .subarea{z-index:4000;cursor:pointer;position:absolute;background-color:transparent;width:44%;height:23%}#mapanim #mapwrap #subareas .subarea:hover{border:1px solid #f0f0f0}#mapanim #mapanimbtn_mobile{margin:10px 0 0;border:0;padding:0;background-color:transparent}#mapanim #mapanimbtn_mobile:focus{outline:none!important}#mapanim #mobislider{position:relative;width:100%;height:55px;max-width:530px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:none;touch-action:none}#mapanim #mobislider .time{position:absolute;font-size:.75rem;text-align:center;top:15px}#mapanim #mobislider .time.t_start{left:5px}#mapanim #mobislider .time.t_end{left:89%}#mapanim #mobislider .time span{font-weight:700}#mapanim #mobislider #timeline{position:absolute;top:25px;left:12%;width:76%;text-align:center}#mapanim #mobislider #timeline .timelinebg{position:relative;margin:0 10px;height:1px;background-color:#555}#mapanim #mobislider #timeline .timelinebg .step{width:1px;height:12px;background-color:#555;position:absolute;top:-5px}#mapanim #mobislider #timeline .timelinebg .step.extr{height:16px;top:-7px}#mapanim #mobislider #timeline .timelinebg .label{position:absolute;top:14px;left:0}#mapanim #mobislider #timeline .timelinebg .slider{position:absolute;left:0;top:-14px;border-radius:6px;border:1px solid #000;width:18px;height:28px;background-color:hsla(0,0%,78.4%,.7)}#mapanim #mapwrap #map .marker,#mapwrapper .marker{color:#3a3a3a}#mapanim #mapwrap #map #mapselect,#mapwrapper #mapselect{position:absolute;right:10px;top:10px;font-size:.8rem;cursor:pointer;z-index:50000;max-width:8rem}#mapanim #mapwrap #map #mapselect #mapheader,#mapanim #mapwrap #map #mapselect #maplist li,#mapwrapper #mapselect #mapheader,#mapwrapper #mapselect #maplist li{color:#fff;background-color:rgba(1,178,235,.9);border:1px solid #029acc;border-radius:4px;text-align:center;padding:4px 8px}#mapanim #mapwrap #map #mapselect #maplist,#mapwrapper #mapselect #maplist{max-height:0;overflow-y:hidden;transition-property:max-height;transition-duration:.3s;transition-timing-function:cubic-bezier(0,1,.5,1);transition-timing-function:ease-out}#mapanim #mapwrap #map #mapselect #maplist.show,#mapwrapper #mapselect #maplist.show{max-height:450px;transition-timing-function:ease-in}#mapanim #mapwrap #map #mapselect #maplist li,#mapwrapper #mapselect #maplist li{margin:4px 0;background-color:rgba(1,178,235,.65)}#mapanim #mapwrap #map #mapselect #maplist li:hover,#mapwrapper #mapselect #maplist li:hover{background-color:rgba(1,178,235,.9)}#mapanim #mapwrap #map #mapselect #maplist li a,#mapwrapper #mapselect #maplist li a{color:#fff;font-weight:500}#mapanim #mapwrap #map #mapselect #maplist li a.selected,#mapwrapper #mapselect #maplist li a.selected{font-weight:700}#map{width:100%;height:400px;position:relative;font-size:.75rem;touch-action:manipulation}@media (max-width:32.5rem){#map.small,#map.small #touchhandler{height:290px}}#seanavi ul{background-color:#858585}#seanavi ul li{float:left;text-align:center;width:33%;text-transform:uppercase;font-size:.7rem;padding:.3rem .1rem}#seanavi ul li.fc.active,#seanavi ul li.fc:hover{background-color:#64af1a}#seanavi ul li.obs.active,#seanavi ul li.obs:hover{background-color:#61995e}#seanavi ul li a{display:inline-block;color:#fff}#stnname{background-color:#fff;background-color:hsla(0,0%,100%,.95);border:1px solid #555;position:absolute;border-radius:4px;left:0;bottom:-70px;width:auto;z-index:10000}#stnname #level_chart{width:100%;height:205px}table.sealevel{margin:80px 0 3rem;border-collapse:no-collapse}table.sealevel th{font-weight:700;text-align:left}table.sealevel td{padding:.5rem 0 0}table.sealevel td.name{width:15%}table.sealevel td.level{width:10%;font-weight:700}@media (min-width:32.5rem){#stnname{left:2px;bottom:2px}table.sealevel{margin-top:2rem}}#overlaybuttons{background-color:#f2f2f2}#overlaybuttons .btngrp{margin-right:1.2rem;float:left}#overlaybuttons .btngrp:last-child{margin-right:0}@media (min-width:61.25rem){#seanavi ul{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex}#seanavi ul li{width:auto;-webkit-box-flex:1 1 auto;-webkit-flex:1 1 auto;flex:1 1 auto;-webkit-justify-content:space-between;justify-content:space-between}#overlaybuttons{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-justify-content:flex-start;justify-content:flex-start}#overlaybuttons .btngrp{-webkit-box-flex:0 1 auto;-webkit-flex:0 1 auto;flex:0 1 auto}}#overlaybuttons+#mapanim{margin-top:0}#mapwrapper{position:relative}#mapwrapper.narrow{max-width:530px}#mapwrapper #mapselect_static{top:5px;right:5px;position:absolute;background-color:rgba(1,178,235,.9);border:1px solid #029acc;border-radius:4px;text-align:center;padding:4px 8px}#mapwrapper #mapselect_static a{color:#fff;display:block}#mapwrapper .marker{position:absolute;cursor:pointer;width:30px;height:20px;background-image:url(/img/obsbg.png);background-repeat:no-repeat;background-size:30px 20px;font-size:12px;padding:2px 0}@media (min-width:45rem){#mapwrapper .marker{width:40px;height:35px;background-size:40px 35px;font-size:15px;padding:6px 0 0}}#mapwrapper .marker.sea{font-size:1rem;font-weight:700;padding:6px 0 0;text-align:center}#mapwrapper .roadstn{position:absolute;z-index:10000}#touchhandler{top:0;left:0;width:100%;height:400px;z-index:100000;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0)}@media (min-width:32.5rem){#map,#touchhandler{height:400px}}@media (min-width:45rem){#map,#touchhandler{height:600px}#mobitime{display:none}}#mobitime .mobi_slider_wrap{position:relative;width:100%;height:55px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-ms-touch-action:manipulation;touch-action:manipulation;-ms-touch-action:none;touch-action:none;background-color:#f8f8f8}#mobitime .mobi_slider_wrap .time{position:absolute;font-size:.75rem;text-align:center}#mobitime .mobi_slider_wrap .time span{font-weight:700}#mobitime .mobi_slider_wrap .t_start{left:6px;top:15px}#mobitime .mobi_slider_wrap .t_end{left:89%;top:15px}#mobitime #timeline{position:absolute;top:25px;left:12%;width:76%;text-align:center}#mobitime #timelinebg{position:relative;margin:0 10px;height:1px;background-color:#555}#mobitime #timelinebg .step{width:1px;height:12px;background-color:#555;position:absolute;top:-5px}#mobitime #timelinebg .label{position:absolute;top:14px;left:0}#mobitime #slider{position:absolute;left:0;top:-14px;border-radius:6px;border:1px solid #000;width:18px;height:28px;background-color:hsla(0,0%,78.4%,.7)}#station_popup{top:0;left:0;width:100%;height:600px;z-index:90000;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0)}.radiobuttons input{border:0;padding:0;width:1px;height:1px;margin:-1px;clip:rect(0,0,0,0);overflow:hidden;position:absolute}.radiobuttons label{font-size:.75rem;display:inline-block;background-color:#e2e2e2;background-color:var(--radio-button-bg);border:1px solid #cdcdcd;border:1px solid var(--radio-button-border);padding:5px 8px;margin:10px 5px 10px 0;border-radius:4px}.radiobuttons label.selected{color:#fff;color:var(--radio-button-selected);background-color:#01b2eb;border:1px solid #029acc}.radiobuttons label.disabled{color:#a0a0a0}#maplinks{display:flex;padding:10px 0 10px 10px}#maplinks div{flex:0 0 auto;margin-right:.8rem}#maplinks div a{border-radius:4px;padding:6px 8px;display:inline-block;background-color:#e2e2e2;border:1px solid #cdcdcd;font-weight:400}#maplinks div a.active{color:#fff;background-color:#01b2eb;border-color:#029acc}#mobi_extcontrols{background-color:#f2f2f2}#mobi_extcontrols #ol-obs-layer{padding:0 0 0 10px}@media (min-width:45rem){#mobi_extcontrols{display:none}}#tc_wrap{padding:1px 3px;min-width:4.2rem;text-align:center}#tc_wrap.extr{min-width:5rem}#tc_wrap .playbtn{padding:4px 0 0}#tc_wrap p{margin:0;padding:0 0 2px;line-height:140%}#tc_wrap p a{color:#3a3a3a;width:auto;height:auto;border:none;padding:0 0 0 5px;text-align:left;text-decoration:none}#tc_wrap p.active{color:#000}#tc_wrap p.inactive{color:#3a3a3a}#tc_wrap p.selected{font-weight:700}#tc_wrap p.loaded{color:green}#tc_wrap.focus p.selected{border:2px solid #01b2eb;border-radius:3px}#animbtn{border:1px solid #000;border-radius:3px;text-align:center;margin:6px 0}#camera_popup{display:none}@media (min-width:45rem){#camera_popup{display:block;height:390px}#camera_popup img{padding:10px 10px 0}}#cam_ts{margin:0;padding:2px 0 2px 6px}#mapanim .legend_road{padding:15px 0 0 10px;display:flex;justify-content:flex-start}#mapanim .legend_road .item{margin-right:1rem;display:flex;align-items:center}#mapanim .legend_road .item div{width:14px;height:14px;margin-right:8px}#mapanim .legend_road .item span{display:none}@media (min-width:45rem){#mapanim .legend_road .item span{display:inline}}#mapanim .info{padding:10px}#mapanim .attr{color:#484848;color:var(--attr-color)}#mapanim .attr a{color:#333;color:var(--attr-link-color)}#mapanim .info.attr{padding-bottom:0}#roadstn p.title{font-weight:700;margin:5px 0 5px 20px;font-size:.95rem}#roadstn #scalel{width:20px;height:190px;position:absolute;left:0;z-index:10000}#roadstn .legend_rc{margin:2px 0 0 15px}#roadstn .legend_t{margin:6px 0 0 10px;padding:0 0 0 10px}#roadstn .legend_t p{float:left;margin:0}#roadstn .legend_rhum .legend,#roadstn .legend_t .legend{width:20px;height:4px;float:left}#roadstn .legend_t #temp_r{background-color:#00c800;margin:5px 6px 0 0}#roadstn .legend_t #temp{background-color:#0000c8;margin:5px 6px 0 12px}#roadstn .legend_rhum{margin:2px 0 6px 10px;padding:0 0 0 10px}#roadstn .legend_rhum #rhum{background-color:#a9a9a9;margin:5px 6px 0 0}#roadstn .legend_rhum p{float:left;margin:0}@media (min-width:32.5rem){#mapanim #roadstn{display:none}}#roadwork_popup_content table{width:100%;margin:5px 0 5px 8px}#roadwork_popup_content table tr{height:1.2rem}#roadwork_popup_content table tr.vals td{width:25%}#roadwork_popup_content p.rc{padding:0 0 5px 8px;margin:0}#name_hover{background-color:#fff;-webkit-box-shadow:3px 3px 5px -2px rgba(0,0,0,.6);-moz-box-shadow:3px 3px 5px -2px rgba(0,0,0,.6);box-shadow:3px 3px 5px -2px rgba(0,0,0,.6);border-radius:4px;border:1px solid #5e5e5e;position:absolute;left:-24px;bottom:15px;white-space:nowrap;margin:0 75px 0 0}#name_hover.lighthouse{padding:4px 6px}#obs_detail_overlay{background-color:#fff;border-radius:4px;padding:4px}.maplegend_wrap{padding:0 10px 10px;line-height:1.4rem}.maplegend_wrap.pad{padding-top:1rem}.maplegend_wrap.nopad{padding:0}.maplegend_wrap .maplegend .legend_img.single{margin-top:16px}.maplegend_wrap .maplegend .legend_img img{width:100%}.maplegend_wrap .maplegend .legend_txt{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;margin:4px 0 0;padding:0 .4rem}.maplegend_wrap .maplegend .legend_txt .l,.maplegend_wrap .maplegend .legend_txt .r{-ms-flex:1 0 auto;-webkit-box-flex:1;-webkit-flex:1;flex:1}.maplegend_wrap .maplegend .legend_txt .r{text-align:right}.maplegend_wrap .maplegend.padded{padding-top:20px}.maplegend_wrap p.info{padding:10px 0 0}.frost_legend{margin:.25rem 0}.frost_legend .prob{float:left;margin:0 .3rem 0 0}.frost_legend .prob .level{display:inline-block;width:.8rem;height:.8rem;vertical-align:middle;margin:0}@media (min-width:45rem){.frost_legend{max-width:70%}}@media (min-width:50rem){.frost_legend{max-width:100%}}@media (min-width:42.5rem){#maptime_mobi,#mobislider{display:none}#mapanim #mapwrap{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex}#mapanim #mapwrap #map{-webkit-box-flex:4;-webkit-flex:4;flex:4}#mapanim #mapwrap #time{-webkit-box-flex:1;-webkit-flex:1;flex:1;display:block;max-width:120px;padding:10px 0 0}#mapanim #mapwrap #time #timewrap{display:-ms-flexbox;display:-webkit-box;display:-webkit-flex;display:flex;-webkit-align-items:stretch;align-items:stretch}#mapanim #mapwrap #time #timewrap #extrtimes .time,#mapanim #mapwrap #time #timewrap #maptimes .time{cursor:default;padding:0 0 5px}#mapanim #mapwrap #time #timewrap #maptimes{-ms-flex:1 1 80%;-webkit-box-flex:1 1 80%;-webkit-flex:1 1 80%;flex:1 1 80%;max-width:80%;text-align:center;position:relative}#mapanim #mapwrap #time #timewrap #maptimes .time.selected{font-weight:700}#mapanim #mapwrap #time #timewrap #maptimes .time:last-child{padding:0}#mapanim #mapwrap #time #timewrap #maptimes #maptime_wrap{position:absolute;pointer-events:none;top:1.2em;left:0;bottom:0;right:0}#mapanim #mapwrap #time #timewrap #maptimes #maptime_wrap #maptime{position:absolute;bottom:0;left:10%;width:80%;font-weight:700;border-radius:4px;border:1px solid #aaa;background-color:hsla(0,0%,100%,.5);background-color:#f2f2f2;cursor:default}#mapanim #mapwrap #time #timewrap #extrtimes{-webkit-box-flex:1 1 15%;-webkit-flex:1 1 15%;flex:1 1 15%;text-align:center}#mapanim #mapwrap #time #timewrap #extrtimes .time{margin-right:5px}#mapanim #mapwrap #time #timewrap #mapslider{-webkit-box-flex:0 0 10px;-webkit-flex:0 0 10px;flex:0 0 10px;border:1px solid #000;background-color:#fff;width:8px;border-radius:3px;margin:0 10px .5rem 0}#mapanim #mapwrap #time #timewrap #mapslider #sliderwrap{position:relative;margin:1em 0 0;height:calc(100% - .5rem)}#mapanim #mapwrap #time #timewrap #mapslider #sliderwrap #slider{position:absolute;width:1.1em;height:1.1em;left:-.25em;bottom:0;border-radius:2px;background-color:#f8f8f8;border:1px solid #000}#mapanim #mapwrap #time #timewrap #mapslider #sliderwrap #slider.active{border:1px solid #029acc;background-color:#01b2eb}#mapanim #mapwrap #time #mapanimbtn{margin:10px 0 0 10px;border:0;padding:0;background-color:transparent}#mapanim #mapwrap #time #mapanimbtn:focus{outline:none!important}}@media (min-width:45rem){#mapanim{margin:5px 0 40px;padding:0 0 20px}#mapanim.radar{padding:0;margin-bottom:0}}@media (min-width:61.25rem){#mapanim #mapwrap #time{margin:0 auto}}@media (min-width:61.25rem) and (-ms-high-contrast:active),(min-width:61.25rem) and (-ms-high-contrast:none){#mapanim #mapwrap #time{margin:0}}@media (min-width:61.25rem){#mapanim #mapwrap #time #timewrap #extrtimes,#mapanim #mapwrap #time #timewrap #maptime,#mapanim #mapwrap #time #timewrap #maptimes{line-height:130%}#mapanim #mapwrap #time #mapanimbtn{margin-left:1.2rem}}