html {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.player {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #131313;
  z-index: 9000;
}


.guardahd-player {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: -1px;
  z-index: 9999 !important;
}


.player iframe {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
.mirrors ~ .player {
  top: 60px;
}


.mirrors {
display: -webkit-flex;
display: -ms-flex;
display: flex;
-ms-align-items: center;
align-items: center;
overflow: auto;
background-color: #000;
/* border-bottom: 1px solid #222222;
position: absolute;
left: 0;
top: 0; */
width: 100%;
z-index: 9001;
-webkit-overflow-scrolling: touch;
}
.mirrors > span {
padding: 0 22px;
display: -webkit-inline-flex;
display: -ms-inline-flex;
display: inline-flex;
-ms-align-items: center;
align-items: center;
justify-content: center;
font-size: 18px;
line-height: 1;
cursor: pointer;
line-height: 60px;
font-family: "Nunito",sans-serif;
-webkit-flex: 1 1 0;
-ms-flex: 1 1 0;
flex: 1 1 0;
color: #ccc;
}
.mirrors > span.active {
background-color: #202020;
color: #fff;
}
/* .mirrors > span.active i {
display: inline-block;
width: 16px;
height: 16px;
margin-right: 6px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23fff' class='bi bi-play-circle' viewBox='0 0 16 16'%3E%3Cpath d='M8 15A7 7 0 1 1 8 1a7 7 0 0 1 0 14zm0 1A8 8 0 1 0 8 0a8 8 0 0 0 0 16z'/%3E%3Cpath d='M6.271 5.055a.5.5 0 0 1 .52.038l3.5 2.5a.5.5 0 0 1 0 .814l-3.5 2.5A.5.5 0 0 1 6 10.5v-5a.5.5 0 0 1 .271-.445z'/%3E%3C/svg%3E");
} */