.observationTrends .mapboxgl-ctrl-group>button.active{background-color:#e4e4e4}.observationTrends article{z-index:10;position:relative}.observationTrends .observationTrendsMap{z-index:10}.observationTrends__intro{margin:10px 0}.observationTrends__mode{margin:-5px}.observationTrends__mode>a{display:inline-block;width:calc(33% - 15px);padding:5px;margin:5px;background:#d8e1e6;text-align:center;-webkit-transition:background .2s ease;transition:background .2s ease}.observationTrends__mode>a.active{background:#444;color:#fff}.observationTrends__results .card{margin-top:1.42857142857rem}.observationTrends__results .card table{font-size:12px}.observationTrends .time-slider__card{z-index:10;position:absolute;bottom:1.42857142857rem;right:2.142857142855rem}.observationTrends__mapTools{position:absolute;z-index:20;top:0;left:0}.observationTrends__mapTools>ul{padding:0}.observationTrends__mapTools>ul>li{position:relative}.observationTrends__mapTools>ul>li>a{border-bottom:1px solid #3c3c3c;background:#444;color:#888;display:inline-block;width:3.2142857142825rem;height:3.2142857142825rem;line-height:3.2142857142825rem;font-size:30px;text-align:center}.observationTrends__mapTools>ul>li>a:hover{color:#fff}.observationTrends__mapTools>ul>li>div{display:none;position:absolute;top:0;left:3.2142857142825rem;background:#565656;color:#fff}.observationTrends__mapTools>ul>li>div .title{white-space:nowrap;height:3.2142857142825rem;line-height:3.2142857142825rem;display:block;padding:0 20px}.observationTrends__mapTools>ul>li.is-active a{color:#fff}.observationTrends__mapTools>ul>li.is-active>div{display:block}.observationTrends__mapTools__style>div{width:300px;max-width:100vw;padding:10px}.observationTrends__mapTools__style>div .gb-select select,.observationTrends__mapTools__style>div .search-box{padding:6px 10px;color:#444}.observationTrends .error,.observationTrends__mapTools__style>div input.ng-invalid{color:tomato}.observationTrends__mapTools__style>div input{padding-right:0}.observationTrends .ct-series-b .ct-line{stroke:#3bb2d0}.observationTrends .ct-line{stroke-width:2px}.observationTrends .ct-series-a .ct-point{stroke:#555}.observationTrends .ct-series-a .ct-area{fill:#555;fill-opacity:.5}.observationTrends .ct-point{stroke-width:5px;stroke-linecap:round;-webkit-transition:all .2s linear;transition:all .2s linear}@media screen and (min-width:993px){.observationTrends article{margin-left:350px}}.IE .observationTrends article,.ieWarning{display:none}.IE .ieWarning{display:block;position:fixed;top:4.999999999995rem;bottom:0;left:0;right:0;z-index:900;background:#fff}