body{font-family:Arial,Helvetica,sans-serif;color:#fff;margin:0;background:#1f1d17}a,a:visited{color:#fff;text-decoration:none}a:hover{color:#efefef}*{box-sizing:border-box}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}button,select{text-transform:none}button,input{overflow:visible}button,input,optgroup,select,textarea{font-weight:200;font:inherit}.inner-content{position:relative}.flex-container{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-evenly;align-items:flex-start;margin:20px 0}.menu-button{position:absolute;right:13px;top:12px;font-size:40px;cursor:pointer;z-index:2;opacity:.7;border-radius:100px;background-color:rgba(0,0,0,.7);width:65px;height:60px}.menu-button:hover{background-color:#000;opacity:1}.site-select-container{position:absolute;z-index:1;left:15px;top:15px;opacity:.6;background-color:#000;padding:15px;border-radius:5px}.site-select-container:hover{opacity:1}.change-location{width:220px;text-align:right}.change-location select{width:100%;margin-top:10px;padding:3px;background-color:#ccc;font-weight:400;border-radius:7px}.close{color:#aaa;float:right;font-size:28px;font-weight:700}.close:focus,.close:hover{color:#fff;text-decoration:none;cursor:pointer}.version{opacity:.4;float:right;padding:40px 40px 0 0}@media only screen and (max-width:479px){.menu-button{opacity:unset;background-color:#302d24}.menu-button:hover{background-color:#000}.site-select-container{opacity:unset;background-color:#302d24}}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#e1e1e1;box-shadow:inset 0 0 8px #000}::-webkit-scrollbar-thumb{background:#000;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.card{box-shadow:0 2px 5px 0 rgba(60,60,60,.6),0 2px 10px 0 hsla(0,0%,39.2%,.6)}.sidebar{height:100%;width:275px;right:-285px;position:fixed!important;z-index:4;overflow:hidden;padding-bottom:20px;transition:.3s ease;overflow-y:auto;background-color:#1f1d17}.show-menu .sidebar{right:0}.format-button{border:none;display:inline-block;padding:8px 16px;vertical-align:middle;overflow:hidden;text-decoration:none;color:inherit;background-color:inherit;text-align:center;cursor:pointer;white-space:nowrap}.format-button:hover{color:#000;background-color:#ccc}.bar-block .bar-item{width:100%;display:block;padding:6px 14px 6px 40px;text-align:left;border:none;white-space:normal;float:none;outline:0}.bar-item.top-space{padding-top:25px}.bar-block .bar-header{font-weight:600;padding-left:22px}.close-button.format-button{text-align:right;padding-right:20px;border-bottom:2px solid #1f1d17}.close-button.format-button:hover{color:#fff;background-color:#1f1d17;border-bottom:2px solid #555}mainImg{cursor:zoom-in}#backup-image,#mainImg{width:100%;-webkit-user-select:none;min-height:110px}#mainImg.musselRock{margin-top:-220px;min-height:330px}.main-image-zoomed #backup-image,.main-image-zoomed #mainImg{width:unset;cursor:zoom-out}.flex-item{position:relative;text-align:center;background-color:#302d24;height:510px;width:350px;margin-bottom:15px}.station-container{padding:18px 15px 0}.arrow-container{border:4px solid #82817f;width:150px;height:150px;border-radius:100px;margin:auto;transition:transform 1s ease-in-out}.svgArrow{fill:#fff;transform:rotate(90deg);margin-top:-18px}.station-title{padding:10px 0 5px;margin-top:7px}.station-title h2{font-weight:500;margin:0;font-size:20px}.outer-arrow-container{margin-bottom:10px}.station-speed-gust{font-size:56px;color:#e3e2e1;position:absolute;left:124px;top:90px;text-align:center;width:100px}.station-gust{font-size:30px}.last-updated{position:absolute;top:75px;left:25px;color:#ddd}.station-temp{position:absolute;top:75px;right:25px;color:#ccc}.error-or-no-data.outer-arrow-container{height:150px;font-size:20px;line-height:30px;padding-top:30px}.inner-item{font-size:16px;margin-top:50px}.outer-bg-image{cursor:pointer;position:relative;height:195px}.inner-bg-image,.outer-bg-image{overflow:hidden;background-repeat:no-repeat;background-size:350px;background-position:80% 10%}.inner-bg-image{position:absolute;top:0;right:0;height:100%;width:100%;transition:background-size .6s ease-in-out}.inner-bg-image.top{cursor:pointer}.inner-bg-image.top:hover{background-size:370px}.history-small-container{cursor:pointer}.history-small-row{display:flex;justify-content:space-between}.history-small-row.time-range{padding-top:1px}.history-small-item{flex-direction:row;text-align:center}.deemphisized-text{font-size:13px;color:#bfbfbf}.inner-item-history{height:82px;padding:10px 16px 0;margin-bottom:8px}.inner-item-history:hover,.station-title:hover{background-color:#1f1d17}.modal{position:fixed;z-index:3;padding-top:100px;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#000;background-color:rgba(0,0,0,.6)}.modal-content{background-color:#fefefe;margin:auto;padding:20px 20px 25px;border:2px solid #555;border-radius:5px;width:90%;background-color:#302d24;max-height:80%;overflow:auto;resize:both;overflow-y:hidden}.modal-content.iFrame{height:70%}.modal-content iframe{background-color:#fff}.chart-content-inner{padding:30px 5px 15px}.highcharts-range-selector-group{display:none}.modal-img-link>img{margin-left:auto;margin-right:auto;display:block;max-width:100%;height:auto;vertical-align:middle;max-height:90%}.modal-content-inner{width:96%;margin:auto;background-image:url(/static/media/loaderDuck.3fb26d9b.gif);background-repeat:no-repeat;background-position:50%;background-size:150px;min-height:300px;height:94%}.modal-content-loaded .modal-content-inner{background-image:unset}.modal-dynamic-container iFrame{height:80%;min-width:250px;width:100%;resize:both}.modal-dynamic-container iFrame.larger{zoom:1.3;-moz-transform:scale(1.3);-moz-transform-origin:0 0;-o-transform:scale(1.3);-o-transform-origin:0 0;-webkit-transform:scale(1.3);-webkit-transform-origin:0 0}@media screen and (-webkit-min-device-pixel-ratio:0){#scaled-frame{zoom:1}}.modal-dynamic-container{margin:auto;min-width:250px;height:92%;overflow:auto}h3.modal-title{margin-top:5px;margin-bottom:14px}.sub-header-content{margin-bottom:20px}.close-modal-btn{display:inline-block;margin:-20px -20px 0 0;padding:0 8px;background-blend-mode:darken}.additional-content{text-align:left;padding-top:25px;line-height:25px}.additional-content ul{list-style-type:circle;-webkit-margin-before:.3em;margin-block-start:.3em;-webkit-margin-after:.5em;margin-block-end:.5em;-webkit-padding-start:20px;padding-inline-start:20px}.additional-content a{margin-left:20px}.additional-content li a{margin-left:0}.image-text{padding-top:7px}@media only screen and (max-width:479px){.camera-message{font-size:18px}.menu-button{backround:unset}}@media only screen and (min-width:1000px){.modal-content{width:800px}.menu-button,.site-select-container{position:fixed}}.alert-banner-container{margin-top:-4px;width:100%}.alert-banner-outer{width:100%;min-width:250px;text-align:center;padding-top:5px}.alert-banner-outer.none{display:none}.alert-banner-outer.grey .alert-banner-inner{color:#bbb8b8}.alert-banner-inner{text-align:center;font-size:16px;color:#fff;width:50%;border-radius:8px;margin:10px auto auto;padding:5px 15px 15px;max-width:700px}.alert-banner-inner a{text-decoration:underline}.danger,.red{background-color:#d9534f}.warning,.yellow{background-color:#a56408}.green,.success{background-color:#5cb85c}.blue,.primary{background-color:#5bc0de}.black,.dark{background-color:#1f1d17}.grey{background-color:#302d24}.close-banner{padding-left:10px;line-height:12px;color:#fff}.close-banner:hover{color:#aaa}@media only screen and (max-width:800px){.alert-banner-inner{width:95%}}
/*# sourceMappingURL=main.f06d03d4.chunk.css.map */