:root{--size-icon: 10px;--background-color: #404040}*{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}body{background-color:#000;font-family:"Open Sans", "Arial Narrow", Arial, sans-serif;color:white}h1,h2,h3,h4,h5,h6{font-weight:normal;color:white;letter-spacing:1px;text-align:center}h4{font-size:0.8rem}ul,ol{list-style:none}a{text-decoration:none;color:inherit}a:hover,button:hover{cursor:pointer}.page-title{text-transform:uppercase}.header{margin:0 auto;min-width:500px;max-width:1300px}.container{padding:0 10px;margin:0 auto;min-width:500px;max-width:1300px;display:grid;grid-template-columns:2fr 5fr 3fr;grid-gap:0 20px;height:calc(100vh - 90px)}.header{height:50px}.footer{min-width:500px;max-width:1300px;margin:0 auto;width:100%;height:40px;display:flex;justify-content:space-between;align-items:center;background-color:#2d2d2d}.rsLogo{width:70px;display:block;transition:0.2s;margin-left:10px}.author-name{color:#fff;font-size:1.1em;margin-right:12px}@media (max-width: 700px){.header,.container{max-width:600px}.container{flex-direction:column}.global__wrapper,.data__wrapper,.map__wrapper{width:100%}}.global__wrapper{max-height:100%}.global__case,.global__country,.global__update{background-color:var(--background-color);border:1px solid #b5b5b5;border-radius:4px}.global__country{padding:5px 3px;display:flex;flex-direction:column;align-items:center}.global__country--wrapper{position:relative}.global__count{font-size:2rem;color:#ce0707;font-weight:bold;text-align:center}.global__case{max-height:60px;margin-bottom:10px}.global__country{flex-grow:1}.global__country--title{margin-bottom:5px}.global__update{margin-top:10px;max-height:50px;height:100%}.country__list{overflow-y:hidden}.country__item{padding:0 5px;display:flex;margin-bottom:5px;border-bottom:1px solid #b5b5b5}.country__item--count,.country__item--value{display:flex;align-items:center;text-align:center}.country__item--count{justify-content:flex-end;margin-right:10px;width:50%;font-weight:bold;font-size:1.1rem;color:#ce0707;text-align:center}.country__item--value{width:auto}.global__update--title{margin-bottom:5px}.update__wrapper{display:flex;justify-content:center;font-size:0.9rem}.update__date{margin-right:10px}.map__wrapper{position:relative}.map{padding:5px;width:100%;border-radius:4px;background-color:var(--background-color);border:1px solid #b5b5b5;height:calc(100% - 50px)}.map_marker{border-radius:50%}.map_marker--large{height:calc(var(--size-icon) * 3) !important;width:calc(var(--size-icon) * 3) !important}.map_marker--medium{width:calc(var(--size-icon) * 2) !important;height:calc(var(--size-icon) * 2) !important}.map_marker--small{width:var(--size-icon) !important;height:var(--size-icon) !important}.map_marker--cases{background-color:rgba(230,30,30,0.815)}.map_marker--deaths{background-color:rgba(228,224,15,0.815)}.map_marker--recovered{background-color:rgba(97,218,17,0.692)}.map_marker--active{background-color:rgba(224,149,10,0.692)}.map_marker--tests{background-color:rgba(170,167,162,0.692)}.map-popup{position:absolute;left:0;top:0;transform:none !important;max-width:unset !important}.map_tabs{display:flex;align-items:center;justify-content:center}.tabs{display:flex;align-items:center;justify-content:center}.tabs_btn{outline:none;background-color:transparent;color:#fff;padding:5px 10px;border:1px solid var(--background-color);border-top:none;border-radius:0 0 4px 4px;border-bottom-width:3px}.tabs_btn.active{border-bottom-color:#0a58e9}.data__graph{position:relative}.data__wrapper{display:flex;flex-flow:row wrap;justify-content:space-between;max-height:calc(100vh - 100px)}.data{margin-bottom:1%;padding:5px 0;width:100%;background-color:var(--background-color);border:1px solid #b5b5b5;border-radius:4px}.data:last-child{margin:0;width:100%;height:35%}.data__title{margin-bottom:5px}.lives__item,.level__item{display:flex;justify-content:flex-start;margin-bottom:5px;padding:0 5px;flex-flow:row wrap;font-size:0.9rem;border-bottom:1px solid #b5b5b5}.lives__item--count,.lives__item--text,.lives__item--value,.level__item--count,.level__item--text,.level__item--value{margin-right:5px;display:flex;align-items:center}.lives__item--count,.level__item--count{justify-content:center;font-weight:bold;color:#ce0707}.lives__item--text,.lives__item--value,.level__item--text,.level__item--value{font-size:0.7rem}.lives__item--value,.level__item--value{width:100%}.form-control{padding:4px;border:none;border-radius:4px}.form-control:focus{border:none;outline:none}.form-control{position:sticky;width:95%;top:0;box-shadow:0 2px 2px -1px rgba(0,0,0,0.4);padding:2px 0 4px 10px;border:1px solid #cecece;background:#f6f6f6;border-radius:4px;margin:1px}.chart__wrapper canvas{background-color:aliceblue}.chart__wrapper,.slider__wrapper{width:98%;border-radius:15px;overflow:hidden}.chart__wrapper{height:90%;margin:auto}.slider__wrapper{height:10%;display:flex;justify-content:space-around;align-items:center;flex-direction:row;padding:3px 0}.navigation__button,.navigation__description{font-size:15px;display:flex;justify-content:center;align-items:center;border:none;outline:none;height:100%;background-color:transparent;color:#fff;transition:opacity 0.3s ease-in-out}.navigation__button:hover,.navigation__description:hover{opacity:0.5}.navigation__description{width:50%}.global__count{font-size:1.8rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.3);border-radius:10px}::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 6px rgba(0,0,0,0.5)}.my__screen__btn{justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;top:2px;right:2px;cursor:pointer;z-index:999;background-image:none;background:transparent;border:medium none}.my__screen__btn img{width:45px;height:45px}

@keyframes chartjs-render-animation{from{opacity:0.99}to{opacity:1}}.chartjs-render-monitor{animation:chartjs-render-animation 0.001s}.chartjs-size-monitor,.chartjs-size-monitor-expand,.chartjs-size-monitor-shrink{position:absolute;direction:ltr;left:0;top:0;right:0;bottom:0;overflow:hidden;pointer-events:none;visibility:hidden;z-index:-1}.chartjs-size-monitor-expand>div{position:absolute;width:1000000px;height:1000000px;left:0;top:0}.chartjs-size-monitor-shrink>div{position:absolute;width:200%;height:200%;left:0;top:0}

.global-table{width:100%;display:flex;gap:10px 0;flex-direction:column;max-height:calc(100vh - 300px)}.global-table table img{margin-right:20px}.global-table thead{display:table;width:100%;height:20px;margin-bottom:0.42rem}.global-table tbody{display:inline-block;width:100%;overflow:auto}.global-table tbody td,thead th{width:20%}.global-table tr{cursor:pointer}thead th:first-child{left:0;z-index:10}.global__country td{text-align:center;font-size:0.9rem}.global-table td:not(:last-child){font-weight:bold;color:#ce0707;overflow:hidden;white-space:nowrap;text-align:right}.global__country th{cursor:pointer;background-color:#ce0707}.global__country .sort-asc::after{content:"\25b4"}.global__country .sort-desc::after{content:"\25be"}.global__country .sort-asc::after,.global__country .sort-desc::after{margin-left:5px}.global__country .sort-asc,.global__country .sort-desc{background:rgba(0,0,0,0.2)}.country__highlight{background-color:#f6f6f6;color:black}.country__hide{display:none}.country__show{display:block}.row_hidden{display:none}.row_active{display:table-cell}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{box-shadow:inset 0 0 2px grey;border-radius:5px}::-webkit-scrollbar-thumb{background:grey;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#b30000}.form-control{width:95%;top:0;box-shadow:0 2px 2px -1px rgba(0,0,0,0.4);padding:2px 0 4px 10px;border:1px solid #cecece;background:#f6f6f6;border-radius:4px;margin:1px}.global__country__controls{height:10%;display:flex;justify-content:space-around;align-items:center;flex-direction:row;padding:3px 0}.global__country_buttons{display:flex;align-items:center;justify-content:center}.global__country-controls_btn{outline:none;background-color:transparent;color:#fff;padding:5px 10px;border:1px solid var(--background-color);border-top:none;border-radius:0 0 4px 4px;border-bottom-width:3px}.country-controls_active{background-color:#b30000}

.data__lives {
  width: 100%;
  max-height: calc(100vh - 420px);
  display: flex;
  flex-direction: column;
  position: relative;
}

.data__countries__info {
  display: inline-block;
  flex-grow: 1;
  margin-bottom: 10px;
}

.table__world,
.table__twelve {
  text-align: center;
  font-size: 0.8rem;
}

.table__twelve {
  width: 100%;
  display: flex;
  gap: 10px 0;
  flex-direction: column;
  max-height: calc(100vh - 540px);
}

.table__twelve thead {
  display: table;
  width: 100%;
  height: 20px;
  margin-bottom: 0.42rem;
}

/*.table__twelve thead th{*/
/*  width: 40%;*/
/*  font-size: 0.7rem;*/
/*}*/

.table__twelve tbody {
  display: inline-block;
  width: 100%;
  overflow: auto;
}

.table__world {
  font-size: 1rem;
  height: 45px;
  width: 100%;
}

.table__world tr td:first-child {
  color: aliceblue;
  font-weight: bold;
  text-align: center;
}

.table__world td:nth-child(2) {
  color: red;
  font-weight: bold;
}

.table__world td:nth-child(3) {
  color: yellow;
  font-weight: bold;
}

.table__world td:nth-child(4) {
  color: green;
  font-weight: bold;
}

.table__twelve img {
  width: 1.5rem;
}

.table__twelve tr td:first-child {
  text-align: left;
  padding-left: 5px;
  font-weight: bold;
  color: #ce0707;
  overflow: hidden;
  white-space: nowrap;
  text-align: center;
}

.table__twelve td {
  text-align: center;
}

.table__twelve th {
  cursor: pointer;
  background-color: #848482;
  display: flex;
  width: 100%;
  justify-content: center;
}

.table__twelve td {
  width: 25%;
}

.table__twelve tr {
  width: 100%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  text-align: center;
}

.table__twelve tbody tr {
  cursor: pointer;
}

.table__twelve .sort-asc::after {
  content: "\25b4";
}

.table__twelve .sort-desc::after {
  content: "\25be";
}

.table__twelve .sort-asc::after,
.table__twelve .sort-desc::after {
  margin-left: 5px;
}

.table__twelve .sort-asc,
.table__twelve .sort-desc {
  background: rgba(47, 79, 79, 1);
}

.data:last-child {
  margin: 0;
  width: 100%;
  height: 39%;
}

.data__title {
  margin-bottom: 5px;
}

.lives__item,
.level__item {
  display: flex;
  justify-content: flex-start;
  margin-bottom: 5px;
  padding: 0 5px;
  flex-flow: row wrap;
  font-size: 0.9rem;
  border-bottom: 1px solid rgba(47, 79, 79, 1);
}

.lives__item--count,
.lives__item--text,
.lives__item--value,
.level__item--count,
.level__item--text,
.level__item--value {
  margin-right: 5px;
  display: flex;
  align-items: center;
}

.lives__item--count,
.level__item--count {
  justify-content: center;
  font-weight: bold;
  color: red;
}

.lives__item--text,
.lives__item--value,
.level__item--text,
.level__item--value {
  font-size: 0.7rem;
}

.lives__item--value,
.level__item--value {
  width: 100%;
}

@media (max-width: 700px) {
  .data__lives,
  .data__level {
    height: 200px;
  }
}