@import url(https://fonts.googleapis.com/css?family=ABeeZee&display=swap);.aligner{align-items:center;display:flex;justify-content:center}.spinner{animation:rotate 2s linear infinite;height:50px;left:50%;margin:-25px 0 0 -25px;position:absolute;top:50%;width:50px;z-index:2}.path{stroke:#1776d5;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(1turn)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.loader{height:100%;width:100%}body{margin:0;overflow:hidden;padding:0}.container{bottom:0;display:none;flex-direction:column;height:100%;height:100dvh;top:0;width:100%;width:100vw}.box{align-items:center;bottom:25px;display:flex;justify-content:center;pointer-events:none;position:absolute;width:100%}#radarviewvalues{border:1px solid #000;border-radius:5px;margin:5px}@media screen and (max-width:900px){.box{align-items:center;display:flex;justify-content:center;pointer-events:none;position:unset;width:100%}.container{height:100dvh;max-height:-webkit-fill-available!important}#radarviewvalues{border:0 solid gray;border-radius:0;border-top:1px solid #000;margin:0;touch-action:none}}#map{flex-grow:1}#animationId{font:60px/1 ABeeZee,sans-serif;padding-left:20px}#animationTime{font:180px/1 ABeeZee,sans-serif;margin-top:10px}#mapcontrol{margin:5px;padding:5px;width:750px}#data-select,#dataset-select,#mapcontrol #button,#type-select,#when-select{margin:5px}.controls{align-items:center;display:flex;flex-direction:row;justify-content:center}.reload{background-color:#008fe9;border:0 solid #fff;border-radius:28px;box-shadow:0 1px 1px 1px rgba(51,51,51,.4);color:#fff;height:45px;margin:10px;padding:1px;width:45px}.reload:hover{opacity:.7}.reload:active{opacity:.6}input{vertical-align:-2px}.labelInputArea{display:table-row}.labelInputArea input,.labelInputArea label{display:table-cell;text-align:left}#radarviewvalues{pointer-events:auto}.mapboxgl-ctrl-attrib-inner{-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}#toast-container{align-items:center;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:1000}.toast{background-color:#fff;border-radius:4px;box-shadow:0 2px 8px rgba(0,0,0,.2);color:#333;font:14px Roboto,sans-serif;margin:8px 0;max-width:80%;opacity:0;padding:12px 24px;text-align:center;transform:translateY(-100%);transition:transform .3s ease-in-out,opacity .3s ease-in-out}.toast.show{opacity:1;transform:translateY(0)}