/* wire-team-video-reader-sequence-css-303f1h8859 */

.wire-team-video-reader-shell-303f1h8810{
  grid-template-rows:
    auto
    auto
    auto
    minmax(0,1fr)!important;
}

.wire-team-video-reader-navigation-303f1h8859{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:7px 16px;
  border-bottom:1px solid #24475c;
  background:#081722;
  box-sizing:border-box;
}

.wire-team-video-reader-navigation-303f1h8859[hidden]{
  display:none!important;
}

.wire-team-video-reader-navigation-303f1h8859>button{
  display:inline-flex;
  align-items:center;
  gap:7px;
  min-width:0;
  min-height:30px;
  padding:5px 10px;
  border:1px solid #31566d;
  border-radius:999px;
  background:#07131d;
  color:#fff;
  font:inherit;
  font-size:9px;
  font-weight:900;
  cursor:pointer;
}

.wire-team-video-reader-navigation-303f1h8859>button:first-child{
  justify-self:start;
}

.wire-team-video-reader-navigation-303f1h8859>button:last-child{
  justify-self:end;
}

.wire-team-video-reader-navigation-303f1h8859>button:hover:not(:disabled),
.wire-team-video-reader-navigation-303f1h8859>button:focus-visible:not(:disabled){
  border-color:#ef3657;
  background:#10283a;
  outline:none;
}

.wire-team-video-reader-navigation-303f1h8859>button:disabled{
  opacity:.34;
  cursor:not-allowed;
}

.wire-team-video-reader-navigation-303f1h8859>button>span{
  color:#ff4867;
  font-size:20px;
  font-weight:500;
  line-height:.7;
}

.wire-team-video-reader-navigation-303f1h8859>button>strong{
  overflow:hidden;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-team-video-reader-navigation-303f1h8859
>[data-wire-team-video-reader-position-303f1h8859]{
  min-width:54px;
  color:#839eae;
  font-size:8px;
  font-weight:900;
  letter-spacing:.04em;
  text-align:center;
  white-space:nowrap;
}

.wire-team-video-player-303f1h8810{
  max-height:calc(100vh - 270px)!important;
}

@media(max-width:620px){
  .wire-team-video-reader-navigation-303f1h8859{
    gap:8px;
    min-height:40px;
    padding:5px 10px;
  }

  .wire-team-video-reader-navigation-303f1h8859>button{
    width:38px;
    min-width:38px;
    height:30px;
    padding:4px;
  }

  .wire-team-video-reader-navigation-303f1h8859
  >button>strong{
    display:none;
  }

  .wire-team-video-reader-navigation-303f1h8859
  >button>span{
    margin:auto;
    font-size:22px;
  }

  .wire-team-video-player-303f1h8810{
    max-height:calc(100vh - 292px)!important;
  }
}