video::-webkit-media-controls-panel,
video::-webkit-media-controls-enclosure { background: transparent !important; border: none !important; box-shadow: none !important; }

video::-webkit-media-controls-play-button,
video::-webkit-media-controls-mute-button,
video::-webkit-media-controls-fullscreen-button,
video::-webkit-media-controls-current-time-display,
video::-webkit-media-controls-time-remaining-display,
video::-webkit-media-controls-volume-slider { color: #fff !important; }

.controls, .control-bar, [class*="control"] { background: transparent !important; }

div[style*="height: 86px"], .container__PtG6L, .notranslate { display: none !important; }


html, body {
  margin: 0 !important;
  padding: 0 !important;
  width: 100vw !important;
  height: 100vh !important;
  min-height: 100vh !important;
  min-width: 100vw !important;
  background: #2e2e2e !important;
  overflow: hidden !important;
}

iframe {
  border-radius: 10px !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
  background: transparent !important;
}
video {
  width: 100% !important;
  max-width: 100% !important;
  min-width: 0 !important;
  height: auto !important;
  max-height: 100% !important;
  object-fit: contain !important;
  border-radius: 10px !important;
  display: block !important;
  box-shadow: 0 10px 25px rgba(0, 0, 0, 0.15) !important;
}


body { overflow:hidden!important; margin: 0 !important; padding: 0 !important; } 
header { height:auto!important; position:relative!important; top:0!important; opacity:1!important;}
.timelineWrapper { display:table-row!important; }
#topContainer {height: 0px !important; border-bottom: 0px !important;}
#topContainer .tableWrapper:nth-child(2) { margin-top: 25px !important; width: 99%; }
.timeline {font-size: 7px !important; }
.timeline__bar_container { height: 2px !important; }
.timeline__cards .icon, .timeline__goals .icon { width: 8px !important; height: 8px !important; }
.timeline__bar_container .statsLine>span:first-child, .timeline__bar_container .statsLine>span:last-child { height: 2px !important; }
span{cursor:default !important;}
li.time{width:70px !important;}
#box_commentaries{height:100px !important;top:0px !important; padding-top: 0px !important; overflow-x: hidden !important; position: relative !important; isolation: isolate !important;}
#bottomContainer{position: relative !important;top: 20px !important;left: 0px !important;opacity:1 !important;}
.statisticsWrapper {display: none;}
.box_court {width: 100%;}
#toggleCourt, #toggleStatistic, #togglePlayers, #toggleArrow {display:none !important;}
#topContainer{height:0px !important;}

#box_commentaries::-webkit-scrollbar {
  display: none;
}

#box_commentaries::after {
  content: "by WRadar";
  position: absolute;
  right: 12px;
  bottom: 10px;
  font-family: 'Alike', serif;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: 0.04em;
  color: rgba(255, 255, 255, 0.25);
  pointer-events: none;
  user-select: none;
  white-space: nowrap;
  z-index: 0;
}

#box_commentaries > * {
  position: relative;
  z-index: 1;
}

._commentary{position:relative;left:-1px;}

span.comment_data{  display: inline-block !important;max-width: max-content !important;white-space: nowrap !important;overflow: hidden !important;text-overflow: ellipsis !important;}

ul.nav-bar{text-align:left !important;padding-left:125px; background: #030a18 !important;}

.mainScoreBox .topScore, aside{background:transparent !important;}

span.team_name, .mainScoreBox{display:none !important;}

#scoreboard{width:100% !important;}

#commentaries{padding-top: 95px !important;position: relative !important;top: 25px !important;}
#bottomContainer .nav-bar li+li{border:0 !important;}

.scoreboardWrapper { background: #030a18 !important; }


.scoreboardWrapper,
#scoreboard,
body,
html {
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    margin: 0 !important;
    padding: 0 !important;
    box-sizing: border-box !important;
    background: #051d41 !important;
}

.scoreboardWrapper {
    position: relative !important;
    width: 100vw !important;
    height: 100vh !important;
    min-height: 0 !important;
    max-height: none !important;
    margin-bottom: 0 !important;
    background: #00143c !important;
    z-index: 0 !important;
}

.box_court {
    width: 100vw !important;
    height: 100vh !important;
    min-width: 0 !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    min-height: 0 !important;
    position: relative !important;
    top: 0 !important;
    left: 0 !important;
    background: transparent !important;
}

.box_court .animation_wrapper {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
    left: 0 !important;
    right: 0 !important;
    top: 0 !important;
    bottom: 0 !important;
    margin: 0 !important;
    position: relative !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}

#topContainer, #bottomContainer, .statisticsWrapper, .lineups-container {
    max-width: 100vw !important;
    max-height: 100vh !important;
    min-width: 0 !important;
    min-height: 0 !important;
}


.box_court {
    background: transparent !important; 
}

.box_court .animation_wrapper img.half_time,
.box_court .animation_wrapper img.stop_game,
.box_court .animation_wrapper img.extra_time_not_started,
.box_court .animation_wrapper img.extra_time_second_half,
.box_court .animation_wrapper img.extra_time_half_time,
.box_court .animation_wrapper img.penalty_shootout_not_started {
    background-image: none !important; 
}


@media (max-width: 640px) {
  /* #bottomContainer {
      top: 120px !important;
  } */
}