body,html{width:100%;height:100%;padding:0;margin:0;font-family:'Roboto',sans-serif;overscroll-behavior:none;-webkit-tap-highlight-color:transparent}.control-panel{display:flex;align-items:center;justify-content:space-between;height:50px;width:100%;background-color:#000}.wrapper{display:flex;position:relative;height:calc(100% - 50px);overflow:hidden}.sidebar{display:flex;flex-direction:column;flex-shrink:0;background-color:#fff;bottom:0;left:0;right:0;height:calc(100% - 30px);transition:height .4s}.sidebar-collapsed .sidebar{height:220px}.map,.map-container,.scope,.sidebar{position:absolute;width:100%}.map-container{flex-grow:1;overflow:hidden;top:0;height:calc(100% - 220px)}.map,.scope{height:100%}.map{background-color:#101820}.scope{pointer-events:none}.play-button{width:48px;height:48px;margin-top:3px;margin-left:4px;cursor:pointer;color:#fff;background-color:transparent;border:0;outline:0;flex-shrink:0}.play-button.hidden{display:none}.date-slider{flex-grow:1;margin:5px 10px 5px 5px;cursor:pointer;-webkit-appearance:none;appearance:none;width:100%;height:2px;outline:0}.date-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:10px;height:10px;background:#fff;cursor:pointer}.date-slider::-moz-range-thumb{-moz-appearance:none;appearance:none;border:0;outline:0;width:10px;height:10px;background:#fff;cursor:pointer;border-radius:0}.date-slider.hidden{visibility:hidden}.date-indicator{margin:5px;color:#fff;font-size:16px;user-select:none}.region-list-scroller{width:100%}.mobile .simplebar-scrollbar:before{background-color:#fff}.region{position:relative;padding:10px;margin:0 10px 10px;cursor:pointer;border:1px solid #000}.region>*{pointer-events:none}.row-selector{display:flex;width:calc(100% - 10px);flex-wrap:wrap;flex-shrink:0;margin:10px 5px}.row-selector-button{flex-grow:1;padding:5px;outline:0;font-size:12px;background-color:#fff;color:#000;border:1px solid #000;font-family:'Roboto',sans-serif;font-weight:700;margin:0 5px 10px}.row-selector-button:not(:only-child){cursor:pointer}.row-selector-button.active{background-color:#000;color:#fff}.country,.province{margin-right:50px}.province{font-weight:700}.case-count,.expand-button{position:absolute;right:10px}.case-count{bottom:10px}.expand-button{color:#ff5c5c;top:-25px;width:20px;height:20px;cursor:pointer;transition:transform .4s;transform:rotate(180deg)}.sidebar-collapsed .expand-button{transform:rotate(0)}.logo{position:absolute;top:10px;left:10px;width:130px;color:#fff;transition:opacity .4s;opacity:0}.sidebar-collapsed .logo{opacity:1}.mapboxgl-ctrl-logo{display:none!important}.attribution{position:absolute;left:0;bottom:0;padding:0 5px;font-size:12px;line-height:20px;background-color:rgba(255,255,255,.5);font-family:Arial,Helvetica,sans-serif;max-width:calc(100% - 50px)}.attribution,.attribution a{color:rgba(0,0,0,.75)}.attribution-icon{width:25px;height:25px}.mobile .sidebar{background-color:#000}.mobile .row-selector-button{color:#fff;background-color:#000;border-color:#fff;border-width:1px}.mobile .row-selector-button.active{background-color:#fff;color:#000}.mobile .region{border:0;border-bottom:1px solid #fff;padding-left:0;padding-right:0}.mobile .case-count{font-weight:700;right:0}.mobile .play-button{margin-left:4px}@media (min-width:600px){.wrapper{flex-direction:row-reverse}.map-container{position:relative;height:100%}.sidebar{width:220px;position:static}.sidebar,.sidebar-collapsed .sidebar{height:100%}.expand-button{display:none}.attribution{left:initial;right:0}.region,.row-selector-button{border-width:2px}}@media (min-width:800px){.logo{top:initial;bottom:5px;width:150px;opacity:1}}@media (min-width:900px){.sidebar{width:300px}}.disabled .expand-button,.disabled .map-container,.disabled .region-list-scroller{pointer-events:none}.sidebar-collapsed .button.deactivate{opacity:1}.disabled .map-container .overlay{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5}.button{transition:opacity .4s;position:absolute;background:#000;color:#fff;border:0;outline:0;padding:5px;font-size:12px;font-family:'Roboto',sans-serif;font-weight:700;cursor:pointer}.button.activate{pointer-events:all;z-index:2;left:calc(50% - 28px);top:calc(50% - 11px)}.button.deactivate{opacity:0;top:10px;right:10px}