@import url(https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;700&display=swap);
@import url(https://fonts.googleapis.com/icon?family=Material+Icons);
html{line-height:1.15;-webkit-text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details{display:block}summary{display:list-item}[hidden],template{display:none}
*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;min-height:100vh}html{font-size:16px}@media screen and (max-width:1200px){html{font-size:15px}}@media screen and (max-width:992px){html{font-size:15px}}@media screen and (max-width:768px){html{font-size:14px}}@media screen and (max-width:550px){html{font-size:13px}}body{display:flex;justify-content:center;align-items:center;font-family:Montserrat,sans-serif;color:#fff;background-color:#000}img{max-width:100%}#app{position:relative;display:grid;width:100%;max-width:1600px;height:100%;min-height:100vh;padding:.625rem;transition:.3s;grid-gap:.625rem;grid-template-areas:"header header header" "status status status" "countries map table" "countries map table" "countries chart chart" "footer footer footer";grid-template-columns:17rem 1fr minmax(20%,15rem);grid-template-rows:4rem 3rem 10rem 1fr 15rem 4rem}@media screen and (max-width:1200px){#app{grid-template-columns:17rem 1fr minmax(20%,10rem);grid-template-rows:4rem 3rem 10rem 1fr 15rem 4rem}}@media screen and (max-width:992px){#app{grid-template-areas:"header header header" "status status status" "countries map map" "countries map map" "countries chart table" "footer footer footer";grid-template-columns:15rem 1fr minmax(20%,15rem);grid-template-rows:4rem 3rem 10rem 1fr 17rem 4rem}}@media screen and (max-width:768px){#app{grid-gap:.4375rem;grid-template-areas:"header header header" "status status status" "table map map" "countries map map" "countries chart chart" "footer footer footer";grid-template-columns:minmax(20%,15rem) 1fr minmax(20%,15rem);grid-template-rows:4rem 3rem 15rem 1fr 17rem 4rem}}@media screen and (max-width:550px){#app{grid-gap:.3125rem;grid-template-areas:"header header" "status status" "table table" "map map" "chart countries" "footer footer";grid-template-columns:1fr minmax(20%,15rem);grid-template-rows:4rem 3rem 4rem 1fr 18rem 4rem}}.cases-block,.chart,.countries,.map,.status,.table,footer.footer,header.header{width:100%;height:100%;padding:.5rem;background-color:hsla(0,0%,100%,.2);border-radius:.3125rem}.cases-block.fullScreen,.chart.fullScreen,.countries.fullScreen,.map.fullScreen,.status.fullScreen,.table.fullScreen,footer.footer.fullScreen,header.header.fullScreen{position:fixed!important;top:50%;left:50%;z-index:1002;width:98%;max-width:1600px;height:98%;background-color:#2c2c2c;border:.625rem solid #252525;transform:translate(-50%,-50%)}
header.header{display:flex;justify-content:space-between;align-items:center;grid-area:header}.header__icon{width:3rem;height:100%;background:url(assets/img/virus.png) no-repeat;background-size:contain}.toggle-menu{position:relative;width:2rem;height:2rem;cursor:pointer}.toggle-menu div{position:absolute;left:0;width:100%;height:.1875rem;background-color:#fff;transition:.3s}.toggle-menu div:first-child{top:0;opacity:1}.toggle-menu div:nth-child(2),.toggle-menu div:nth-child(3){top:50%;transform:translateY(-50%)}.toggle-menu div:nth-child(4){bottom:0;opacity:1}.toggle-menu:hover div:first-child{top:-1rem;opacity:0}.toggle-menu:hover div:nth-child(2){top:50%;transform:translateY(-50%) rotate(45deg)}.toggle-menu:hover div:nth-child(3){top:50%;transform:translateY(-50%) rotate(-45deg)}.toggle-menu:hover div:nth-child(4){bottom:-1rem;opacity:0}
.status{display:flex;justify-content:space-around;align-items:center;grid-area:status}.status input,.status select{color:#fff;background:none;border:none}.status option{color:#fff;background:#000}.status option:checked{background:#532001}#status__type,.status__box,.status__count,.status__date,.status__period{width:20%;margin:0 5px;padding:8px 10px;box-shadow:inset 0 0 5px #000}@media screen and (max-width:992px){#status__type,.status__box,.status__count,.status__date,.status__period{width:25%;margin:0 4px;padding:5px;font-size:.9rem}}@media screen and (max-width:550px){#status__type,.status__box,.status__count,.status__date,.status__period{margin:0}}.status__box{position:relative}.status__country{width:100%}.status__list{position:absolute;top:30px;left:0;z-index:1005;width:100%;max-height:150px;padding:5px;overflow-y:scroll;list-style-type:none;background-color:#252525}.status__list .status__item{font-size:rem(16px);color:#fff}.status__list .status__item:hover{background-color:#505050;cursor:pointer}.status__list_hide{display:none}#status__type.cases{color:#7171ff}#status__type.deaths{color:red}#status__type.recovered{color:#0f0}@media screen and (max-width:992px){.status__date{display:none}}@media screen and (max-width:768px){.status__period{width:20%}.status__count{width:30%}#status__type{width:20%}}@media screen and (max-width:550px){.status__period{width:20%}.status__count{width:30%}#status__type{width:20%}}
.chart{display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:1%;grid-area:chart}.chart__wrapper{width:100%;height:90%}.chart__header{width:100%;height:10%}.chart__checkboxes,.chart__header{display:flex;justify-content:space-between;align-items:center}.chart__checkboxes{width:94%;height:100%;padding:0 23% 0 33%}@media screen and (max-width:1200px){.chart__checkboxes{justify-content:space-evenly;padding:0 0 0 5.9%}}.chart__label{font-size:.875rem}@media screen and (max-width:992px){.chart__label{font-size:.75rem}}.chart__checkbox:checked,.chart__checkbox:not(:checked){position:absolute;left:-9999px}.chart__checkbox:checked+.chart__label,.chart__checkbox:not(:checked)+.chart__label{position:relative;display:inline-block;padding-left:1.75rem;line-height:1.25rem;cursor:pointer}@media screen and (max-width:768px){.chart__checkbox:checked+.chart__label,.chart__checkbox:not(:checked)+.chart__label{padding-left:1.25rem}}.chart__checkbox:checked+.chart__label:before,.chart__checkbox:not(:checked)+.chart__label:before{content:"";position:absolute;top:calc(50% - .5rem);left:0;width:.875rem;height:.875rem;background-color:hsla(0,0%,100%,.2);border:.0625rem solid #bdbdbd}@media screen and (max-width:992px){.chart__checkbox:checked+.chart__label:before,.chart__checkbox:not(:checked)+.chart__label:before{width:.6875rem;height:.6875rem}}@media screen and (max-width:768px){.chart__checkbox:checked+.chart__label:before,.chart__checkbox:not(:checked)+.chart__label:before{width:.625rem;height:.625rem}}.chart__checkbox:checked+.chart__label:before,.chart__checkbox:not(:checked)+.chart__label:before{border-radius:50%}.chart__checkbox:checked+.chart__label:after,.chart__checkbox:not(:checked)+.chart__label:after{content:"";position:absolute;transition:all .2s ease;top:.125rem;left:.1875rem;width:.625rem;height:.3125rem;border-radius:.0625rem;transform:rotate(-45deg)}@media screen and (max-width:992px){.chart__checkbox:checked+.chart__label:after,.chart__checkbox:not(:checked)+.chart__label:after{top:0;left:.125rem}}#diseased:checked+.chart__label:after,#diseased:not(:checked)+.chart__label:after{border-bottom:.1875rem solid #7171ff;border-left:.1875rem solid #7171ff}#recovered:checked+.chart__label:after,#recovered:not(:checked)+.chart__label:after{border-bottom:.1875rem solid #0f0;border-left:.1875rem solid #0f0}#deaths:checked+.chart__label:after,#deaths:not(:checked)+.chart__label:after{border-bottom:.1875rem solid red;border-left:.1875rem solid red}.chart__checkbox:not(:checked)+.chart__label:after{opacity:0}.chart__checkbox:checked+.chart__label:after{opacity:1}
@font-face{font-style:normal;font-weight:300;font-family:Roboto;font-display:swap;src:url(fonts/18913ae01f57f4be0bdd792a1296e224.eot);src:url(fonts/18913ae01f57f4be0bdd792a1296e224.eot?#iefix) format("embedded-opentype"),url(fonts/b3a4fe934dbbe8fde32bb4af7a9384e7.woff2) format("woff2"),url(fonts/fb1de6721102d23db2a310d1cea74ca0.woff) format("woff"),url(fonts/5ec9a760ba30e59b747745c4f6b41913.ttf) format("truetype")}@font-face{font-style:normal;font-weight:700;font-family:Roboto;font-display:swap;src:url(fonts/cf6f97ff7c68b25606951dfd9cdc9c0b.eot);src:url(fonts/cf6f97ff7c68b25606951dfd9cdc9c0b.eot?#iefix) format("embedded-opentype"),url(fonts/8db8a81fdafd927c8a2a575ecf93e0dd.woff2) format("woff2"),url(fonts/515e10f7f7fbf0ea212f1a7bd69920b1.woff) format("woff"),url(fonts/8d764a5ee228a301f298e80f4ed8c553.ttf) format("truetype")}@font-face{font-style:normal;font-weight:500;font-family:Roboto;font-display:swap;src:url(fonts/e431651278db2245bc9532164f24a970.eot);src:url(fonts/e431651278db2245bc9532164f24a970.eot?#iefix) format("embedded-opentype"),url(fonts/79adfd4194bc52132e0153efc1e22e71.woff2) format("woff2"),url(fonts/401f0287b28c0e5e9e8ad6079555377a.woff) format("woff"),url(fonts/62f2256594760dac8a7c68e822b1bf1f.ttf) format("truetype")}@font-face{font-style:normal;font-weight:400;font-family:Roboto;font-display:swap;src:url(fonts/46bb9815db7da8598d059f611dddce52.eot);src:url(fonts/46bb9815db7da8598d059f611dddce52.eot?#iefix) format("embedded-opentype"),url(fonts/0cadadd5e8c93f52f58d181e304a68ad.woff2) format("woff2"),url(fonts/f2d57297dfeaa578018fade9c785a3d8.woff) format("woff"),url(fonts/548a3cc09576a1c682a6c44f0571118a.ttf) format("truetype")}@font-face{font-style:normal;font-weight:700;font-family:Roboto Mono;font-display:swap;src:url(fonts/b2fc31a6ac1bcbdc12bc7892c48363b8.eot);src:url(fonts/b2fc31a6ac1bcbdc12bc7892c48363b8.eot?#iefix) format("embedded-opentype"),url(fonts/9461ffd9f571c47a9bcad8258637de48.woff2) format("woff2"),url(fonts/a498def8a4665483882c174bdb64f490.woff) format("woff"),url(fonts/ab256c4d84a115def0a974a635bc5268.ttf) format("truetype")}.countries{grid-area:countries}.countries .countries-header{display:flex;justify-content:space-between;align-items:center;width:100%}.countries .countries-header .countries-keyboard{width:2.1875rem;height:2.1875rem;font-size:.75rem;cursor:pointer;opacity:.7;transition:all .3s ease-out}.countries .countries-header .countries-keyboard:hover{transform:scale(1.05);opacity:1}.countries .countries-header .countries-keyboard>svg{fill:grey}.countries .countries-header .countries-control{display:flex;justify-content:flex-end;align-items:center}.countries .countries-wrapper{width:100%;max-width:31.25rem;height:100%;margin-top:.625rem;margin-right:auto;margin-left:auto}.countries .countries-wrapper .countries-title{width:100%;height:1.875rem;font-size:1.25rem;text-align:center;font-weight:700;font-family:Roboto,sans-serif}.countries .countries-wrapper .countries-input{width:100%}.countries .countries-wrapper .countries-list{width:100%;height:26.25rem;margin-top:.625rem;overflow-y:scroll}.countries .countries-wrapper .countries-list .country-item{display:flex;justify-content:flex-start;align-items:center;height:1.875rem}.countries .countries-wrapper .countries-list .country-item .country-flag{width:3rem;height:1.2rem;margin-right:.625rem}.countries .countries-wrapper .countries-list .country-item .country-flag img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.countries .countries-wrapper .countries-list .country-item .country-name{width:100%;font-weight:400;font-family:Roboto,sans-serif}.countries .countries-wrapper .countries-list .country-item .country-number{margin-right:.625rem;font-size:1.125rem;font-weight:700;font-family:Roboto Mono,monospace}.countries .countries-wrapper .countries-list .country-item .number-cases{color:#7171ff}.countries .countries-wrapper .countries-list .country-item .number-deaths{color:red}.countries .countries-wrapper .countries-list .country-item .number-recovered{color:#0f0}.countries .countries-wrapper .countries-list .country-item:hover{background-color:#505050;cursor:pointer}.countries .countries-wrapper .countries-list::-webkit-scrollbar{width:10px;background-color:#505050;border-radius:3px}.countries .countries-wrapper .countries-list::-webkit-scrollbar-thumb{height:20px;background-color:#252525;border-radius:3px}.countries .countries-wrapper .toggle-cases{display:flex;margin-top:10px;font-weight:300;font-family:Roboto,sans-serif}.countries .countries-wrapper .toggle-cases .btn-cases{width:33.33%;line-height:2rem;text-align:center;background-color:#505050;border:1px solid #323232;cursor:pointer}.countries .countries-wrapper .toggle-cases .btn-enabled{background-color:#323232;border:none}.fullScreen .countries-wrapper .countries-list{height:500px}@media screen and (max-width:992px){.countries .countries-wrapper .countries-title{font-size:1.125rem}.countries .countries-wrapper .country-name{font-size:1rem}.countries .countries-wrapper .countries-list{height:500px}.countries .countries-wrapper .country-number{font-size:1rem}.countries .countries-wrapper .toggle-cases{font-size:.875rem}.fullScreen .countries-wrapper .countries-title{font-size:1.25rem}.fullScreen .countries-wrapper .country-name{font-size:1rem}.fullScreen .countries-wrapper .countries-list{height:500px}.fullScreen .countries-wrapper .country-number{font-size:1.125rem}.fullScreen .countries-wrapper .toggle-cases{font-size:1rem}}@media screen and (max-width:550px){.countries .countries-wrapper{margin-top:0}.countries .countries-wrapper .countries-title{font-size:1.125rem}.countries .countries-wrapper .country-name{font-size:1rem}.countries .countries-wrapper .countries-list{height:8.125rem}.countries .countries-wrapper .country-number{font-size:1rem}.countries .countries-wrapper .toggle-cases{font-size:.875rem}.fullScreen .countries-wrapper{margin-top:10%}.fullScreen .countries-wrapper .countries-list{height:31.25rem}}
@font-face{font-style:normal;font-weight:300;font-family:Roboto;font-display:swap;src:url(fonts/18913ae01f57f4be0bdd792a1296e224.eot);src:url(fonts/18913ae01f57f4be0bdd792a1296e224.eot?#iefix) format("embedded-opentype"),url(fonts/b3a4fe934dbbe8fde32bb4af7a9384e7.woff2) format("woff2"),url(fonts/fb1de6721102d23db2a310d1cea74ca0.woff) format("woff"),url(fonts/5ec9a760ba30e59b747745c4f6b41913.ttf) format("truetype")}@font-face{font-style:normal;font-weight:700;font-family:Roboto;font-display:swap;src:url(fonts/cf6f97ff7c68b25606951dfd9cdc9c0b.eot);src:url(fonts/cf6f97ff7c68b25606951dfd9cdc9c0b.eot?#iefix) format("embedded-opentype"),url(fonts/8db8a81fdafd927c8a2a575ecf93e0dd.woff2) format("woff2"),url(fonts/515e10f7f7fbf0ea212f1a7bd69920b1.woff) format("woff"),url(fonts/8d764a5ee228a301f298e80f4ed8c553.ttf) format("truetype")}@font-face{font-style:normal;font-weight:500;font-family:Roboto;font-display:swap;src:url(fonts/e431651278db2245bc9532164f24a970.eot);src:url(fonts/e431651278db2245bc9532164f24a970.eot?#iefix) format("embedded-opentype"),url(fonts/79adfd4194bc52132e0153efc1e22e71.woff2) format("woff2"),url(fonts/401f0287b28c0e5e9e8ad6079555377a.woff) format("woff"),url(fonts/62f2256594760dac8a7c68e822b1bf1f.ttf) format("truetype")}@font-face{font-style:normal;font-weight:400;font-family:Roboto;font-display:swap;src:url(fonts/46bb9815db7da8598d059f611dddce52.eot);src:url(fonts/46bb9815db7da8598d059f611dddce52.eot?#iefix) format("embedded-opentype"),url(fonts/0cadadd5e8c93f52f58d181e304a68ad.woff2) format("woff2"),url(fonts/f2d57297dfeaa578018fade9c785a3d8.woff) format("woff"),url(fonts/548a3cc09576a1c682a6c44f0571118a.ttf) format("truetype")}@font-face{font-style:normal;font-weight:700;font-family:Roboto Mono;font-display:swap;src:url(fonts/b2fc31a6ac1bcbdc12bc7892c48363b8.eot);src:url(fonts/b2fc31a6ac1bcbdc12bc7892c48363b8.eot?#iefix) format("embedded-opentype"),url(fonts/9461ffd9f571c47a9bcad8258637de48.woff2) format("woff2"),url(fonts/a498def8a4665483882c174bdb64f490.woff) format("woff"),url(fonts/ab256c4d84a115def0a974a635bc5268.ttf) format("truetype")}.table{grid-area:table}.table-control{display:flex;justify-content:flex-end;align-items:center}.table-wrapper{display:flex;flex-direction:column;justify-content:space-evenly;width:100%;height:100%;padding-bottom:.9375rem;text-align:center}.table-wrapper .table-country{font-size:1.875rem;font-weight:500;font-family:Roboto,sans-serif}.table-wrapper .table-cases,.table-wrapper .table-deaths,.table-wrapper .table-recovered{font-size:1.5625rem;font-weight:500;font-family:Roboto,sans-serif}.table-wrapper .table-cases .cases-number,.table-wrapper .table-deaths .cases-number,.table-wrapper .table-recovered .cases-number{color:#7171ff}.table-wrapper .table-cases .recovered-number,.table-wrapper .table-deaths .recovered-number,.table-wrapper .table-recovered .recovered-number{color:#0f0}.table-wrapper .table-cases .deaths-number,.table-wrapper .table-deaths .deaths-number,.table-wrapper .table-recovered .deaths-number{color:red}.fullScreen .table-wrapper{justify-content:space-between;max-height:25rem;margin-top:10%}.fullScreen .table-wrapper .table-country{font-size:2.5rem}.fullScreen .table-wrapper .table-cases,.fullScreen .table-wrapper .table-deaths,.fullScreen .table-wrapper .table-recovered{font-size:2.1875rem}@media screen and (max-width:992px){.table .table-wrapper .table-country{font-size:1.5625rem}.table .table-wrapper .table-cases,.table .table-wrapper .table-deaths,.table .table-wrapper .table-recovered{font-size:1.25rem}.fullScreen .table-wrapper{justify-content:space-between;max-height:25rem;margin-top:15%}.fullScreen .table-wrapper .table-country{font-size:2.5rem}.fullScreen .table-wrapper .table-cases,.fullScreen .table-wrapper .table-deaths,.fullScreen .table-wrapper .table-recovered{font-size:2.1875rem}}@media screen and (max-width:550px){.table{display:flex;flex-direction:row-reverse}.table .table-control{align-self:flex-start}.table .table-wrapper{flex-direction:row;align-self:center;padding-bottom:0}.table .table-wrapper .table-country{display:none}.table .table-wrapper .table-cases,.table .table-wrapper .table-deaths,.table .table-wrapper .table-recovered{display:flex;flex-direction:column;justify-content:center}.fullScreen{flex-direction:column}.fullScreen .table-control{align-self:flex-end}.fullScreen .table-wrapper{flex-direction:column;justify-content:space-between;height:25rem;margin-top:20%}.fullScreen .table-wrapper .table-country{display:flex;flex-direction:column;justify-content:center;font-size:2.1875rem}.fullScreen .table-wrapper .table-cases,.fullScreen .table-wrapper .table-deaths,.fullScreen .table-wrapper .table-recovered{font-size:1.875rem}}
.map{grid-area:map}.flag{width:1rem}.icon-marker{position:relative;display:flex;justify-content:center;align-items:center;width:3.6em;height:3.6em;font-size:.7em;color:#fff;border-radius:100%;box-shadow:0 2px 5px rgba(0,0,0,.9)}.icon-marker.cases.grade1{color:#000;background-color:#c6dbef}.icon-marker.cases.grade2{background-color:#9ecae1}.icon-marker.cases.grade3{background-color:#6baed6}.icon-marker.cases.grade4{background-color:#4292c6}.icon-marker.cases.grade5{background-color:#2171b5}.icon-marker.cases.grade6{color:#fff;background-color:#084594}.icon-marker.deaths{color:#000}.icon-marker.deaths.grade1{background-color:#fdd49e}.icon-marker.deaths.grade2{background-color:#fdbb84}.icon-marker.deaths.grade3{background-color:#fc8d59}.icon-marker.deaths.grade4{background-color:#ef6548}.icon-marker.deaths.grade5{background-color:#d7301f}.icon-marker.deaths.grade6{color:#fff;background-color:#900}.icon-marker.recovered{color:#000}.icon-marker.recovered.grade1{background-color:#c7e9c0}.icon-marker.recovered.grade2{background-color:#a1d99b}.icon-marker.recovered.grade3{background-color:#74c476}.icon-marker.recovered.grade4{background-color:#41ab5d}.icon-marker.recovered.grade5{background-color:#238b45}.icon-marker.recovered.grade6{color:#fff;background-color:#005a32}.icon-marker:hover .icon-marker-tooltip{display:block;transform:scale(1)}.icon-marker-tooltip{bottom:100%;margin-bottom:1em;padding:1em;font-size:1.4em;border-radius:.4em;box-shadow:0 3px 5px rgba(0,0,0,.9);transform:scale(0);transition:.2s}.icon-marker-tooltip,.icon-marker-tooltip:before{position:absolute;display:block;color:#000;background-color:#fff}.icon-marker-tooltip:before{content:"";bottom:-.6em;left:50%;width:1.4em;height:1.4em;margin-left:-.7em;transform:rotate(45deg)}.icon-marker-tooltip ul{list-style:none}.marker-tooltips__title{display:flex;align-items:center}.marker-tooltips__flag{width:2rem;height:1.2rem;margin-right:1rem}.marker-tooltips__flag img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.marker-tooltips__country{font-weight:700;font-size:1.4em}.marker-tooltips__label{width:6em;font-weight:700}.marker-tooltips__list{display:flex;flex-direction:column}.marker-tooltips__list .marker-tooltips__item{display:flex;order:1}.marker-tooltips__list .marker-tooltips__item.cases,.marker-tooltips__list .marker-tooltips__item.deaths,.marker-tooltips__list .marker-tooltips__item.recovered{order:0;font-size:1.2em;background:#fff}.marker-tooltips__list .marker-tooltips__item.cases{color:#7171ff}.marker-tooltips__list .marker-tooltips__item.deaths{color:red}.marker-tooltips__list .marker-tooltips__item.recovered{color:green}.info{padding:6px 8px;font:14px/16px Arial,Helvetica,sans-serif;background:#fff;background:hsla(0,0%,100%,.8);border-radius:5px;box-shadow:0 0 15px rgba(0,0,0,.2)}.info h4{margin:0 0 5px;color:#777}.legend{line-height:18px;color:#555}.legend i{float:left;width:18px;height:18px;margin-right:8px;opacity:.7}.legend__item{display:flex;align-items:center;margin-bottom:.4rem}.legend .icon-marker{margin-right:.6rem}.legend h3{margin-bottom:.4rem}.legend .icon-marker{width:3em;height:3em;font-size:.7em}.legend .legend__marker{width:1rem;height:1rem;border-right:0;box-shadow:none}.legend .legend__label{font-size:.8rem}
.popup{position:absolute;top:0;right:0;z-index:1003;width:12rem;padding:1rem;font-size:.8rem;background-color:rgba(0,0,0,.8);border:1px solid #fff;border-radius:.3125rem;transform:scale(0);transform-origin:top right;transition:transform .3s}.popup.open{z-index:1003;transform:scale(1)}.popup form{display:flex;flex-direction:column}.popup label{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;margin-bottom:.5rem}.popup fieldset{margin-bottom:1rem}.popup .setting__country{flex-basis:100%;width:100%;padding:.5rem}.popup .setting__list{position:absolute;top:65px;width:9.8rem;max-height:12.5rem;margin-left:.04rem;overflow-y:scroll;list-style-type:none;color:#252525;background-color:#fff}.popup .setting__list .setting-list-item{padding-left:.5rem;cursor:pointer}.popup .setting__list .setting-list-item:hover{background-color:#dcdcdc}.popup .setting__list_hide{display:none}.popup .setting__period,.popup .setting__population{margin-right:.5rem}.popup input[type=submit]{display:inline-flex;width:5rem}
.controls-block{display:flex;justify-content:space-around;align-items:center;width:4.6875rem;height:100%}@media screen and (max-width:992px){.controls-block{width:3.75rem}}@media screen and (max-width:768px){.controls-block{width:3.4375rem}}.controls-block_fullscreen,.controls-block_params{width:1.375rem;height:1.375rem;font-size:.75rem;background:none;border:none;outline:none;cursor:pointer;opacity:.7;transition:all .3s ease-out}.controls-block_fullscreen:hover,.controls-block_params:hover{transform:scale(1.05);opacity:1}@media screen and (max-width:992px){.controls-block_fullscreen,.controls-block_params{width:1.3125rem;height:1.3125rem}}@media screen and (max-width:768px){.controls-block_fullscreen,.controls-block_params{width:1.25rem;height:1.25rem}}.controls-block_fullscreen>svg,.controls-block_params>svg{fill:grey}.fullScreen-overlay{opacity:0;transition:opacity .3s}.activeFullScreen{position:fixed;top:0;left:0;z-index:1006;width:100%;height:100%;background-color:rgba(0,0,0,.5);opacity:1}
.loader{position:absolute;top:-100%;display:flex;flex-direction:column;justify-content:center;align-items:center;opacity:0;transition:opacity .3s;gap:1.25rem}.loader.loader-in{position:fixed;top:50%;left:50%;z-index:1007;width:10.625rem;height:9.375rem;transform:translate(-50%,-50%);opacity:1}.loader__lines{display:flex;justify-content:space-between;align-items:flex-end;width:83%;height:6.25rem}.loader__line{width:30%}.loader__line:first-child{height:1.1rem;background-color:#7171ff;-webkit-animation:bar2 1.5s linear infinite;animation:bar2 1.5s linear infinite}.loader__line:nth-child(2){height:.3rem;background-color:#0f0;-webkit-animation:bar1 1.5s ease-in-out infinite;animation:bar1 1.5s ease-in-out infinite}.loader__line:nth-child(3){height:2.7rem;background-color:red;-webkit-animation:bar3 1.5s ease-in-out infinite;animation:bar3 1.5s ease-in-out infinite}.loader__title{width:100%;height:20%;font-size:1rem;-webkit-animation:title 2s infinite;animation:title 2s infinite}@-webkit-keyframes bar1{0%,to{height:4.375rem}50%{height:.3rem}}@keyframes bar1{0%,to{height:4.375rem}50%{height:.3rem}}@-webkit-keyframes bar2{0%,to{height:1.1rem}50%{height:6.25rem}}@keyframes bar2{0%,to{height:1.1rem}50%{height:6.25rem}}@-webkit-keyframes bar3{0%,to{height:2.7rem}50%{height:1.1rem}}@keyframes bar3{0%,to{height:2.7rem}50%{height:1.1rem}}@-webkit-keyframes title{0%,to{opacity:1}50%{opacity:.6}}@keyframes title{0%,to{opacity:1}50%{opacity:.6}}
footer.footer{flex-direction:column;padding:0 1rem;grid-area:footer}.footer__author__link,.footer__content,.footer__school,.footer__title,footer.footer{display:flex;justify-content:center;align-items:center}.footer__title>p{display:flex;justify-content:center;align-items:flex-end;height:1.25rem}@media screen and (max-width:768px){.footer__title>p{align-items:center;height:1.125rem}}.footer__main-icon{width:1.25rem;height:1.25rem}@media screen and (max-width:768px){.footer__main-icon{width:1.125rem;height:1.125rem}}.footer__school,.footer__title{gap:.5rem}@media screen and (max-width:992px){.footer__school,.footer__title{font-size:1rem}}@media screen and (max-width:768px){.footer__school,.footer__title{font-size:.7rem}}.footer__content{justify-content:space-between;width:100%}.footer__authors{display:flex;gap:4rem}@media screen and (max-width:992px){.footer__authors{gap:2.8125rem}}@media screen and (max-width:768px){.footer__authors{gap:1.75rem}}@media screen and (max-width:550px){.footer__authors{gap:1.25rem}}.footer__author__link{font-size:.9rem;color:#fff;text-decoration:none;opacity:.7;gap:.3rem}.footer__author__link:hover{opacity:1}@media screen and (max-width:768px){.footer__author__link{font-size:.7rem}}.footer__github>svg{width:.9375rem;height:.9375rem;fill:#fff}@media screen and (max-width:768px){.footer__github>svg{width:.8125rem;height:.8125rem}}.footer__course__link>svg{width:3.125rem;height:1.875rem;fill:#fff}@media screen and (max-width:768px){.footer__course__link>svg{width:2.5rem;height:1.4375rem}}
.keyboard{position:fixed;bottom:0;left:0;z-index:1002;width:100%;padding:5px 0;background:#323232;box-shadow:0 0 50px rgba(0,0,0,.5);transition:bottom .4s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.keyboard--hidden{bottom:-100%}.keyboard__keys{text-align:center}.keyboard__key{position:relative;display:inline-flex;justify-content:center;align-items:center;box-sizing:border-box;width:7%;max-width:90px;height:50px;padding:0;font-weight:500;font-size:1.2rem;vertical-align:top;color:#fff;background:#505050;border:3px solid #323232;border-radius:10px;outline:none;cursor:pointer;-webkit-tap-highlight-color:transparent}.keyboard__key:active{background:#323232}.keyboard__key--wide{width:14%}.keyboard__key--extra-wide{width:35%;max-width:500px}.keyboard__key--active{border:3px solid #707070}.keyboard__key--dark{background:#252525}@media (max-width:700px){.keyboard__key{font-size:1rem;border-radius:5px}}