@import url(https://fonts.googleapis.com/css2?family=PT+Sans&display=swap);.top-bar-wrapper{position:-webkit-sticky;position:sticky;top:0;left:0;z-index:2;background-color:#fff;height:3em;padding:.5em 1em;border-bottom:1px solid #eee}.top-bar-wrapper .top-bar{display:flex;height:100%;align-items:center;background-color:#fff;max-width:1500px;margin-left:auto;margin-right:auto}.top-bar-wrapper .top-bar .logo{height:90%;margin-right:.3em}.top-bar-wrapper .top-bar .logo svg{width:100%;height:100%}.top-bar-wrapper .top-bar .name{margin-top:.1em}.top-bar-wrapper .top-bar .name span{font-weight:700;font-size:1rem;color:#525252}.top-bar-wrapper .top-bar .settings{margin-left:auto;margin-right:0}.top-bar-wrapper .top-bar .settings .settings-button{width:2.5em;height:2.5em;padding:.5em;border-radius:50%;transition:background-color .3s;cursor:pointer}.top-bar-wrapper .top-bar .settings .settings-button:hover{background-color:#eee}.top-bar-wrapper .top-bar .settings .settings-button svg{width:100%;height:100%;opacity:.7}@-webkit-keyframes skeleton-animation{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes skeleton-animation{to{-webkit-transform:translateX(100%);transform:translateX(100%)}}.loading-skeleton{background-color:#ebebeb!important;display:inline-flex!important;position:relative;overflow:hidden;border-radius:.25rem;min-width:2em;line-height:1em}.loading-skeleton:after{content:" ";display:block;position:absolute;left:0;right:0;height:100%;background-repeat:no-repeat;background-image:linear-gradient(90deg,#ebebeb,#f3f3f3,#ebebeb);-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-animation-name:skeleton-animation;animation-name:skeleton-animation;-webkit-animation-direction:normal;animation-direction:normal;-webkit-animation-duration:1.5s;animation-duration:1.5s;-webkit-animation-timing-function:ease-in-out;animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.settings-container{position:fixed;right:0;width:20em;height:100vh;border-left:1px solid #eee;top:4em;z-index:1;transition:right .3s,opacity .5s;background-color:#fff}.settings-container .close-button-container{border-bottom:1px solid #eee;padding:1em 1.5em;cursor:pointer}.settings-container .close-button-container .icon{height:1.7em;width:1.7em;opacity:.7}.settings-container .close-button-container .icon svg{width:100%;height:100%;-webkit-transform:rotate(180deg);transform:rotate(180deg)}.settings-container.hidden{right:calc(-20em - 1px)}.settings-container h2{text-align:center;width:100%;font-size:1.2rem;color:#000}.settings-container .provinces-container{padding:.5em;border-radius:.5em;border:1px solid #eee;margin-left:1em;margin-right:1em;display:flex;flex-wrap:wrap;max-height:15vh;overflow-y:auto}.settings-container .provinces-container .province{padding:.3em .7em .4em;background-color:#418fde;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;border-radius:1em;margin:.2em;display:flex;justify-content:center;align-items:center}.settings-container .provinces-container .province span{color:#fff;font-size:.8em}.settings-container .provinces-container .province:hover .remove-button{opacity:1}.settings-container .provinces-container .province .remove-button{width:1em;height:1em;border-radius:50%;margin-left:2px;cursor:pointer;opacity:.8;transition:opacity .3s}.settings-container .provinces-container .province .remove-button svg{-webkit-filter:invert(100%);filter:invert(100%)}.settings-container .provinces-container span.placeholder{font-size:.9rem;opacity:.6;margin:0}.settings-container .add-province input[type=text].search-bar{padding:.5em;margin:1em auto;display:block;width:60%;border-radius:5px;outline:none;border:1px solid #eee;transition:border-color .3s}.settings-container .add-province input[type=text].search-bar:focus{border-color:#418fde}.settings-container .list{margin-left:1em;margin-right:1em;max-height:15vh;overflow-y:auto;border:1px solid #eee}.settings-container .list .item:last-child{margin-bottom:0;border-bottom:none}.settings-container .list .item{font-size:.9rem;padding:.5em .8em;border-bottom:1px solid #eee;display:flex;flex:0 0 100%;cursor:pointer;transition:background-color .3s,color .3s,border-color .3s;margin-bottom:-1px;align-items:center}.settings-container .list .item span{max-width:80%}.settings-container .list .item .button{width:1.5em;height:1.5em;margin-left:auto;margin-right:0;opacity:.7;transition:opacity .3s}.settings-container .list .item .button svg{width:100%;height:100%}.settings-container .list .item.active,.settings-container .list .item:not(.disabled):hover{background-color:#418fde;color:#fff;border-color:transparent}.settings-container .list .item.active .button,.settings-container .list .item:not(.disabled):hover .button{opacity:1}.settings-container .list .item.active .button svg,.settings-container .list .item:not(.disabled):hover .button svg{-webkit-filter:invert(100%);filter:invert(100%)}.settings-container .list .item.disabled{cursor:auto}.settings-container .list .item.disabled span{opacity:.6;font-style:italic}.settings-container .province-collections .buttons{margin:1em;display:flex;justify-content:center;flex-wrap:wrap}.settings-container .province-collections .buttons button{padding:.7em 1em;margin:.5em;border-radius:5px;border:none;cursor:pointer;color:#fff;background-color:#418fde;transition:background-color .3s;outline:none}.settings-container .province-collections .buttons button:hover{background-color:#2375c9}.settings-container .province-collections .buttons button[disabled]{background:#858585;cursor:default;opacity:.6}.settings-container .province-collections .buttons button .icon{width:1.5em;height:1.5em;display:inline-block;vertical-align:middle;margin-left:.5em}.settings-container .province-collections .buttons button .icon svg{height:100%;width:100%;-webkit-filter:invert(100%);filter:invert(100%)}.settings-container hr{width:100%;height:1px;border:none;border-bottom:1px solid #eee;margin-top:2em;margin-bottom:2em}@media screen and (max-width:600px){.settings-container{width:100vw}.settings-container.hidden{right:-100vw}}.meter{display:flex;align-items:center;flex-direction:column}.meter .danger-level{position:relative}.meter .danger-level span{margin-top:-.5em;font-size:1.2rem;opacity:.6;font-weight:800}.meter .danger-level .tooltip-box{z-index:1;position:absolute;right:-1.8em;top:50%;-webkit-transform:translateY(-45%);transform:translateY(-45%)}.information-tooltip{position:relative}.information-tooltip .icon{width:1.2em;height:1.2em;cursor:help}.information-tooltip .icon svg{width:100%;height:100%}.information-tooltip .icon:hover~.tooltip{display:block}.information-tooltip .tooltip{display:none;position:absolute;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);top:2em;padding:.5em .8em;border-radius:.5em;border:1px solid #eee;background-color:#fff;box-shadow:0 0 5px .1px #eee;width:-webkit-max-content;width:max-content;max-width:20em}.information-tooltip .tooltip span{font-size:.7rem;opacity:.6}@media screen and (max-width:600px){.information-tooltip .tooltip{max-width:5em}}.covid-stats-container{padding:1em;max-width:800px;margin:1em auto 0;overflow-x:hidden}.covid-stats-container .header{color:#525252;margin-left:1em;display:flex}.covid-stats-container .header .date{width:70%;-webkit-animation:header-date-slide-in .5s;animation:header-date-slide-in .5s;border-left:.5em solid #418fde;padding-left:1em}.covid-stats-container .header .date h2{margin:0;font-size:1.4rem}.covid-stats-container .header .date span{opacity:.6;font-size:.9rem;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;display:block}.covid-stats-container .header .settings{margin-left:auto;margin-right:1em}.covid-stats-container .header .settings .settings-button{width:2.5em;height:2.5em;padding:.5em;border-radius:50%;transition:background-color .3s;cursor:pointer}.covid-stats-container .header .settings .settings-button:hover{background-color:#eee}.covid-stats-container .header .settings .settings-button svg{width:100%;height:100%;opacity:.7}@-webkit-keyframes header-date-slide-in{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:none;transform:none}}@keyframes header-date-slide-in{0%{opacity:0;-webkit-transform:translateX(100px);transform:translateX(100px)}to{opacity:1;-webkit-transform:none;transform:none}}.covid-stats-container .stats-container{display:flex;flex-wrap:wrap;justify-content:center;margin-top:2em}.covid-stats-container .stats-container .number-panel{width:16em;height:4em;margin:1em;border:1px solid #eee;border-radius:.5em;padding:2em;display:flex;justify-content:center;align-items:center;transition:box-shadow .3s}.covid-stats-container .stats-container .number-panel .name{margin-right:auto;font-size:1.3rem;width:40%;color:#525252;font-size:1.1rem;-webkit-animation:name-show-up 1s;animation:name-show-up 1s}.covid-stats-container .stats-container .number-panel .value{font-size:3rem;color:#418fde;font-weight:700;width:-webkit-max-content;width:max-content;text-align:center}.covid-stats-container .stats-container .number-panel:hover{box-shadow:0 0 10px 1px #eee}@-webkit-keyframes name-show-up{0%{opacity:0}to{opacity:1}}@keyframes name-show-up{0%{opacity:0}to{opacity:1}}.covid-stats-container h3{text-align:center;position:relative;margin-bottom:2em;margin-top:3em}.covid-stats-container h3:after{content:"";position:absolute;width:100px;height:2px;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);background-color:#418fde;bottom:-10px}.covid-stats-container .current-state-container .chart{margin-left:auto;margin-right:auto;max-width:400px}.covid-stats-container .current-state-container .chart #guage-chart{width:100%}.covid-stats-container .current-state-container .legend{margin-left:1em}.covid-stats-container .current-state-container .legend .item{display:flex;align-items:center;margin:.5em 0}.covid-stats-container .current-state-container .legend .item .color{width:1em;height:1em;background-color:#000;border-radius:50%;margin-right:.5em}.covid-stats-container .current-state-container .legend .item span.explanation{text-transform:uppercase;font-size:.8rem;font-weight:700}.covid-stats-container .current-state-container .legend h4{margin-bottom:.8em}.covid-stats-container .archive-data-chart-container{margin-top:3em}.covid-stats-container .archive-data-chart-container .chart{height:300px;border:1px solid #eee;border-radius:1em;padding:1em 1em 5em}.covid-stats-container .archive-data-chart-container .chart h4{text-align:center;font-size:1.1rem;color:#525252;margin:0 0 .5em}.covid-stats-container .archive-data-chart-container .chart .days{margin-bottom:.5em;width:100%;display:flex}.covid-stats-container .archive-data-chart-container .chart .days .button{display:inline-block;font-size:.8rem;padding:.3em .5em;margin:.2em;border-radius:10px;border:1px solid #eee;width:4em;text-align:center;cursor:pointer}.covid-stats-container .archive-data-chart-container .chart .days .button.active{background:#418fde;color:#fff}.covid-stats-container .archive-data-chart-container .chart .days .switch{margin-left:auto;margin-right:0;width:-webkit-max-content;width:max-content}.covid-stats-container .archive-data-chart-container .chart .custom-reference-line-label{text-transform:uppercase;font-size:.7rem;font-weight:700;opacity:.7}footer{background-color:#1f2127;padding:1em 2em;margin-top:5em;color:#fff}footer a{text-decoration:none;color:#fff}body{margin:0;background-color:#fff}*{font-family:"PT Sans",sans-serif}