.live-top{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  z-index:1000;

  background:linear-gradient(
    to bottom,
    rgba(0,0,0,.36),
    rgba(0,0,0,0)
  );

  border:0;
  backdrop-filter:none;
}

.live-top .top__inner{
  min-height:88px;
}

.live-top .brand{
  display:flex;
  align-items:center;
}

.live-top .logo-img{
  height:52px;
  width:auto;
  display:block;
}

.live-top .actions{
  display:flex;
  align-items:center;
  gap:18px;
}

.live-top .live{
  color:#fff;
  opacity:.95;
}

.live-top .signin{
  color:#fff;
  opacity:.92;
}

.live-top .signin:hover,
.live-top .live:hover{
  opacity:1;
}

.live-top .user{
  display:flex;
  align-items:center;
  justify-content:center;
}

@media(max-width:768px){

  .live-top .top__inner{
    min-height:74px;
  }

  .live-top .logo-img{
    height:42px;
  }

}

.top.live-top {
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    width: 100% !important;
    z-index: 9999 !important;
    padding: 24px 30px !important;
    background: linear-gradient(to bottom, rgb(0 0 0 / 73%), rgb(0 0 0 / 0%)) !important;
    border: 0 !important;
}

.live-top .top__inner{
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;

  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
}

.live-top .brand{
  min-width:auto !important;
  display:flex !important;
  align-items:center !important;
}

.live-top .brand__mark{
  height:auto !important;
  overflow:visible !important;
}

.live-top .logo-img {
    height: 120px !important;
    width: auto !important;
    display: block !important;
    margin-top: -30px;
}

.live-top .actions {
    min-width: auto !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-end !important;
    gap: 22px !important;
    margin-top: -30px;
}

.live-top .live,
.live-top .signin{
  color:#fff !important;
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  font-size:14px !important;
  font-weight:600 !important;
}

.live-top .live__icon{
  width:18px !important;
  height:18px !important;
}

@media(max-width:768px){
  .top.live-top{
    padding:18px !important;
  }

  .live-top .logo-img{
    height:44px !important;
  }
}