*{-webkit-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0}html{font-family:"Noto Sans JP", Verdana, Arial, sans-serif;font-size:9px;color:#1a1a1a}body{padding-top:4rem;padding-bottom:4rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;width:100%;max-width:128rem;min-height:100vh;margin:0 auto;overflow:hidden;background-image:url(b84c02f6643afb12511f.jpg);background-size:contain}.visually-hidden{position:absolute !important;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);padding:0 !important;border:0 !important;height:1px !important;width:1px !important;overflow:hidden}#root{position:relative;width:100%;height:100vh;display:grid;grid-template-columns:1fr 1fr 1fr 1fr;grid-template-rows:1fr 1fr 1fr 1fr 1fr;grid-gap:0 0;gap:0 0;grid-template-areas:"tabl Chart Chart list"
 "tabl Chart Chart list"
 "map map map list"
 "map map map list"
 "map map map list"
 "map map map list"}.app-name{margin-bottom:2rem;font-size:3rem;text-align:center;font-weight:200;position:fixed;top:0;left:5rem}.update-date{margin-bottom:30px;font-size:2rem;text-align:center;position:fixed;top:0;right:5rem}.covid-table{height:100%;position:relative;font-size:2rem;border:5px solid #fff;border-collapse:collapse;grid-area:tabl}.covid-table--full{grid-area:none;position:absolute;top:0;bottom:0;width:100%;height:100vh;font-size:3rem;z-index:230;border:1.5rem solid black}.covid-table__location{font-size:3rem;font-weight:300;padding:1rem;background-color:#fff}.covid-table__switchers{text-align:center;background-color:#fff}.covid-table__row td{padding:0.5rem;background-color:#fff}.covid-table__stat-value{text-align:right}.covid-chart{grid-area:Chart;background-color:#fff}.chart__bodyCanvas{width:100%;height:70%;position:relative}.covid-chart--full{grid-area:none;position:absolute;z-index:10;right:0;top:0;bottom:0;width:100%;height:100vh;-webkit-transition:0.5s;transition:0.5s}.list{grid-area:list;height:100%;overflow-y:scroll;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background-color:#fff}.list__queryCountry{z-index:6}.list__inputCountry{-webkit-box-sizing:border-box;box-sizing:border-box;width:100%;font-weight:200;padding-left:2rem;height:4rem;font-size:2rem;border-radius:2rem}.list__listCountry{-webkit-transition:1s ease all;transition:1s ease all;background-repeat:no-repeat;background-position:center;position:relative;width:100%}.list .listCountry__countryEl{margin-top:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:1rem 1rem;-webkit-box-shadow:0 0 0 0 rgba(0,0,0,0.3);box-shadow:0 0 0 0 rgba(0,0,0,0.3);-webkit-transition:-webkit-box-shadow 500ms;transition:-webkit-box-shadow 500ms;transition:box-shadow 500ms;transition:box-shadow 500ms, -webkit-box-shadow 500ms;cursor:pointer}.list .listCountry__countryEl:hover{-webkit-box-shadow:0 12px 27px -4px rgba(0,0,0,0.75);box-shadow:0 12px 27px -4px rgba(0,0,0,0.75)}.list .countryEl__Img{-webkit-box-sizing:border-box;box-sizing:border-box;border:4px solid #fff;width:6rem;height:5rem;border-radius:4rem}.list .countryEl__name{font-size:2.2rem;font-weight:300;text-align:center}.list .countryEl__count{font-size:1.55rem;font-weight:200}.covid-list--full{grid-area:none;position:absolute;z-index:10;top:0;left:0;bottom:0;right:0;width:100%;height:100vh}.switchers{-webkit-transition:0.75s ease all;transition:0.75s ease all;background-color:#fff;z-index:4;width:100%;top:0;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;position:relative;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.switchers__switcher{border-radius:2rem;width:30%;height:3rem;font-size:1.5rem}.switchers__switcher option{border-radius:2rem;padding-left:1rem}.countryEl{margin-bottom:2rem}.countryElImg{width:6rem;height:4rem;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #639}#contMapid{width:100%;height:100%;z-index:100;position:relative;overflow:hidden}#mapid{z-index:8;position:absolute;top:0;bottom:0;width:100%;height:100%;-webkit-transition:0.5s ease all;transition:0.5s ease all}.map{grid-area:map;position:relative;z-index:5}.map__country_name{font-size:2rem;text-align:center}.map__country_value{margin:0.2rem 0;text-align:center;font-size:1.5rem;font-weight:500}.map__sortingСriteria{position:relative}.map__legend{width:12rem;height:12rem;background-color:rgba(34,34,34,0.87059);position:relative;top:-30rem;right:0;z-index:1000;-ms-flex-item-align:end;align-self:flex-end}.map__legend_name{text-align:center;font-weight:200;color:white;margin-bottom:0.7rem}.map__legend_body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.map__legend_item{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin-bottom:0.3rem}.map__legend_circle{width:2.5rem;height:2.5rem;border-radius:50%;opacity:0.7;border:1px solid black}.map__legend_circleName{width:7rem;text-align:center;font-weight:200;color:white}.map .mapidNS{width:2rem}.opacity{opacity:0}.mapNS{width:0}.mapSC{display:none}.full-screen-button{width:4rem;height:4rem;background-color:transparent;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0iYmxhY2siIHdpZHRoPSIxOHB4IiBoZWlnaHQ9IjE4cHgiPjxwYXRoIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxNEg1djVoNXYtMkg3di0zem0tMi00aDJWN2gzVjVINXY1em0xMiA3aC0zdjJoNXYtNWgtMnYzek0xNCA1djJoM3YzaDJWNWgtNXoiLz48L3N2Zz4=);background-size:cover;background-position:center;background-repeat:no-repeat;border:none;border-radius:50%;outline:0;cursor:pointer;-webkit-transition:0.4s;transition:0.4s}.full-screen-button:hover{-webkit-transform:scale(1.2);transform:scale(1.2);-webkit-transition:1s;transition:1s}.full-screen-button--active{background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgd2lkdGg9IjI0Ij48cGF0aCBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTUgMTZoM3YzaDJ2LTVINXYyem0zLThINXYyaDVWNUg4djN6bTYgMTFoMnYtM2gzdi0yaC01djV6bTItMTFWNWgtMnY1aDVWOGgtM3oiLz48L3N2Zz4=)}.app-footer{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;position:fixed;bottom:0;left:0;-ms-flex-pack:distribute;justify-content:space-around;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding:0.5rem;background-color:#fff;font-size:2rem;z-index:200}.github{text-align:center;display:-webkit-box;display:-ms-flexbox;display:flex}.github__user{font-size:1.5rem;padding:1rem}.github__user a{text-decoration:none;color:#000}.load{background-image:url(3b85094bca0e8bd74cc3.gif);background-size:10rem 10rem;background-position:center;background-repeat:no-repeat}.leaflet-popup-content{width:auto}.leaflet-popup-content p{margin:0.1rem}@media screen and (max-width: 900px){html{font-size:7px}#root{grid-template-areas:"tabl Chart Chart list"
 "tabl Chart Chart list"
 "map map map list"
 "map map map list"
 "map map map list"}}@media screen and (max-width: 690px){#root{grid-template-areas:"tabl Chart Chart Chart"
 "tabl Chart Chart Chart"
 "map map map list"
 "map map map list"
 "map map map list"}.list .countryEl__Img{width:3rem;height:2.5rem}.list .countryEl__name{font-size:1.4rem}.list .listCountry__countryEl{padding:0}}@media screen and (max-width: 600px){.chart__bodyCanvas{height:80%}#root{grid-template-areas:"tabl Chart Chart Chart"
 "tabl Chart Chart Chart"
 "map map list list"
 "map map list list"
 "map map list list"}.list .countryEl__Img{width:5rem;height:4rem}.list .countryEl__name{font-size:1.7rem}.list .listCountry__countryEl{padding:0.5rem}.update-date{font-size:1.5rem}.covid-table .covid-table__stat-name td{font-size:1.8rem;padding:1rem}.covid-table .covid-table__row td{font-size:1.8rem;padding:1rem}}

.keyboard{-ms-flex-wrap:nowrap;flex-wrap:nowrap;position:fixed;bottom:0;width:100%;max-width:1200px;padding:5px 0;background:#fcfbf2;border:2px solid black;border-radius:20px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:bottom 0.4s;transition:bottom 0.4s;z-index:250}.keyboard--hidden{bottom:-100%}.keyboard__keys{text-align:center}.keyboard__key{display:-webkit-inline-box !important;display:-ms-inline-flexbox !important;display:inline-flex !important;-ms-flex-pack:distribute !important;justify-content:space-around !important;height:65px;width:6%;max-width:90px;margin:3px;border-radius:10px;border:1px solid black;background:rgba(23,119,121,0.7);color:#fff;font-size:2rem;outline:none;cursor:pointer;-webkit-box-align:center;-ms-flex-align:center;align-items:center;vertical-align:top;padding:0;-webkit-tap-highlight-color:transparent;position:relative}.keyboard__key:hover{background:rgba(255,0,0,0.2);color:#f00}.keyboard__key:active{background:rgba(255,0,0,0.4)}.keyboard__key--wide{width:12%;max-width:150px}.keyboard__key--medium{width:18%;max-width:120px}.keyboard__key--extra-wide{width:36%;max-width:500px}.keyboard__key--activatable::after{content:'';top:20%;right:10%;position:absolute;width:8px;height:8px;background:rgba(0,0,0,0.4);border-radius:50%}.keyboard__key--active::after{background:#f9ea62}.keyboard__key--dark{background:rgba(10,52,53,0.7);font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif}.shift-1{color:#c0c0c0}.highlight{background-color:rgba(255,0,0,0.4)}@media (max-width: 1200px){.keyboard__key{height:40px;width:5%;border-radius:8px}.keyboard__key--medium{width:10%}.keyboard__key--wide{width:15%}.keyboard__key--extra-wide{width:30%}}@media (max-width: 780px){.keyboard__key{font-size:1.95rem;height:30px;border-radius:4px}.material-icons{font-size:16px}}@media (max-width: 640px){.keyboard__key{font-size:1.6rem}}