body,html{background-color:#000;overflow:hidden}body,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif}svg{fill:currentColor}#map{position:absolute;top:0;left:0;width:100%;height:100%}.mapboxgl-ctrl-attrib.mapboxgl-compact{margin-top:10px}.mapboxgl-ctrl>button:active{background-color:#aaa}.mapboxgl-ctrl>button.active{color:#14b7f4}header{cursor:default;position:absolute;top:10px;left:10px;font-size:16px;text-shadow:0 2px 2px #000;z-index:1;color:#fff}header h1{font-size:inherit;display:inline-block;margin:00;padding:0;font-weight:400}header a{padding:0 0 0 .5em}header svg{vertical-align:middle;fill:currentcolor}#info a,header a{color:#fff;text-decoration:none;opacity:.6;-webkit-transition:opacity .3s;transition:opacity .3s}#info a:hover,header a:hover{opacity:1}#info{z-index:1;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;position:absolute;top:2em;left:10px;font-size:15px;text-shadow:0 2px 2px #000;pointer-events:none;color:rgba(255,255,255,.6);background-color:transparent;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);margin-right:100px;opacity:1}.interactive #info{opacity:0;-webkit-transform:translate(-20px,-20px);transform:translate(-20px,-20px)}header:hover+#info{opacity:1;-webkit-transform:translate(0,0);transform:translate(0,0)}#info span{font-size:40px;line-height:40px;color:#fff;white-space:nowrap;display:inline-block;vertical-align:middle;-webkit-transition:opacity 2s ease-out;transition:opacity 2s ease-out;opacity:.3}.render #info span{opacity:1}.mapboxgl-ctrl-logo{opacity:.6}.mapboxgl-ctrl-logo:hover{opacity:1}.pitch-ctrl{width:30px;text-align:center;background-color:rgba(255,255,255,.5);backdrop-filter:blur(10px);border-radius:4px;padding:5px 0}.pitch-ctrl svg{width:16px;fill:#fff}.pitch-slider{padding:0;margin:0;width:30px;height:60px;-webkit-appearance:slider-vertical;-moz-appearance:slider-vertical;appearance:slider-vertical}#countries{position:fixed;bottom:0;left:0;right:0;overflow:auto;-webkit-overflow-scrolling:touch;overflow-scrolling:touch;white-space:nowrap;padding:10px;-webkit-transition:-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);transition:-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275);transition:transform .4s cubic-bezier(.175,.885,.32,1.275),-webkit-transform .4s cubic-bezier(.175,.885,.32,1.275);-webkit-transform:translateY(100%);transform:translateY(100%)}.render #countries{-webkit-transform:translateY(0);transform:translateY(0)}.interactive #countries{-webkit-transition-delay:0s;transition-delay:0s;-webkit-transform:translateY(60%);transform:translateY(60%)}#countries button{border:0;display:inline-block;padding:10px;color:#000;background-color:rgba(255,255,255,.5);backdrop-filter:blur(10px);border-radius:3px;margin-right:10px;text-align:center;cursor:pointer;min-width:100px;text-shadow:0 1px rgba(255,255,255,.3);-webkit-transition-property:background-color,-webkit-transform;transition-property:background-color,-webkit-transform;transition-property:transform,background-color;transition-property:transform,background-color,-webkit-transform;-webkit-transition-duration:.4s;transition-duration:.4s;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275);font-size:80%}#countries button #countries button img{opacity:.75}#countries button:hover{background-color:rgba(255,255,255,.85);-webkit-transform:translateY(-5px) scale(1.03);transform:translateY(-5px) scale(1.03)}.interactive #countries *{pointer-events:none}.interactive #countries button{-webkit-transform:rotate(-5deg);transform:rotate(-5deg);-webkit-filter:opacity(50%);filter:opacity(50%)}
/*# sourceMappingURL=app.css.map */