body,html{height:100%;width:100%}body{background-color:#000;margin:0;font-family:Open Sans,sans-serif;-webkit-user-select:none;-moz-user-select:none;user-select:none;resize:none!important}#app,body{padding:0;width:100%;height:100%}#app{font-family:Open Sans,Futura Bold,helvetica,arial,arial narrow;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-align:center;color:#fff;margin-top:0;margin:0}p{margin:10px 10px;font-size:14px}h2,p{color:#fff;text-align:left}h2{font-size:18px;margin:10px 10px 0;padding:2px 5px;display:inline-block;background:#fc47dc;transform:rotate(-2deg)}#map{width:100%;height:100%;overflow:hidden;outline:none!important}#legend{position:absolute;bottom:30px;right:10px;width:140px;background:#fff;z-index:9999999;color:#000;font-family:Open Sans,sans-serif;text-transform:uppercase;border-radius:3px;padding:10px 5px 5px;font-size:13px}.legend-item{margin-bottom:10px;text-align:left}#legend-inline{width:100%}.legend-item-inline{display:inline-block;font-size:13px;margin:15px 0 0 5px}.legend-color{width:16px;height:16px;display:inline-block;margin:0 5px;border-radius:20px}.legend-text{float:left}.hide{display:none!important}#viz-controls{position:absolute;top:0;left:0;width:200px;height:700px;background:#fff;border:1px solid #000;z-index:9999999}div #viz-meta div,p.dat-meta{text-align:left}p.dat-meta{display:block;background:#000;padding:10px;line-height:1.5em;margin:0 0}div.dat-gui-ui{z-index:999999!important;width:300px}div.dat-gui-ui,div.vue-dat-gui .group{height:100%!important}.vue-dat-gui .group.group--main>ul{max-height:90vh!important}#caption{background:rgba(0,0,0,.2);width:100%;bottom:0;left:0;z-index:9999999}#caption,.steps{position:absolute}.steps{width:300px;right:20px;top:850px;z-index:99999999}#caption p{text-align:left;color:#ff0;font-size:30px;line-height:1.5em;margin:0 0 0;padding:10px 80px;text-shadow:1px 1px 2px #000;font-weight:700}#viz-meta{z-index:99999;position:absolute;left:10px;bottom:10px;width:300px;max-height:360px;border:5px solid #000;background:#000;overflow-y:scroll}#viz-meta h1{font-family:Open Sans,sans-serif;text-align:left;font-size:32px;line-height:1em;text-transform:uppercase;font-weight:800;font-style:italic;padding:5px 10px;background:#fcfa47;color:#000;margin:0}div.steps{width:300px;height:30px;margin-left:0;padding-left:30px}span.step{padding:2px 8px;border:1px solid #000;cursor:pointer}.mapbox-map-container{top:0;position:fixed;width:100%;height:100vh}.wind-map-container{position:fixed;top:0;left:0;width:100vh;height:100vh;z-index:9999;pointer-events:none;-o-object-fit:contain;object-fit:contain}canvas{outline:none!important}a,a:hover{text-decoration:none;color:#47d4fc}a:hover{border-bottom:1px solid #47d4fc}*{scrollbar-width:thin;scrollbar-color:#000 #fc47dc}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background-color:#666;border-radius:0;border:0 solid #ff0}@media (max-width:480px){.vue-dat-gui{display:none}#viz-meta{max-height:240px;height:240px}#viz-meta h1{font-size:20px}#viz-meta h2{font-size:16px}#viz-meta p{font-size:14px}.title-break{display:none}}.tnc-logo{width:150px;height:auto;margin:15px 0 10px}#switch-container{display:block;margin:20px 10px 15px}#switch-container .switch-label{font-size:14px;margin:0 10px}#switch-container .switch{position:relative;display:inline-block;width:40px;height:20px;margin-left:10px}#switch-container .switch input{opacity:0;width:0;height:0}#switch-container .slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#ccc;transition:.4s}#switch-container .slider:before{position:absolute;content:"";height:18px;width:18px;left:2px;bottom:1px;background-color:#fff;transition:.4s}#switch-container input:checked+.slider{background-color:#2196f3}#switch-container input:focus+.slider{box-shadow:0 0 1px #2196f3}#switch-container input:checked+.slider:before{transform:translateX(18px)}#switch-container .slider.round{border-radius:20px}#switch-container .slider.round:before{border-radius:50%}