/* wire-video-reader-artist-controls-303f1h9128 */

.wire-video-reader-artist-strip-303f1h9128{
  position:relative;
  z-index:4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  min-width:0;
  padding:9px 12px;
  border-top:1px solid #1f3b4e;
  border-bottom:1px solid #27465a;
  background:
    linear-gradient(
      90deg,
      rgba(236,49,88,.08),
      rgba(8,24,36,.96) 28%,
      rgba(8,24,36,.96)
    );
}

.wire-video-reader-artist-strip-303f1h9128[hidden],
.wire-video-reader-artist-rail-303f1h9128[hidden]{
  display:none!important;
}

.wire-video-reader-artist-identity-303f1h9128{
  display:grid;
  grid-template-columns:42px minmax(0,1fr);
  gap:9px;
  align-items:center;
  min-width:0;
}

.wire-video-reader-artist-avatar-303f1h9128{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  overflow:hidden;
  border:1px solid #41677f;
  border-radius:50%;
  background:linear-gradient(135deg,#ec3158,#372867);
  color:#fff;
  text-decoration:none;
  font-size:17px;
  font-weight:950;
}

.wire-video-reader-artist-avatar-303f1h9128 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.wire-video-reader-artist-copy-303f1h9128{
  display:grid;
  gap:2px;
  min-width:0;
}

.wire-video-reader-artist-copy-303f1h9128>small{
  color:#ff4f70;
  font-size:7px;
  font-weight:950;
  letter-spacing:.11em;
}

.wire-video-reader-artist-copy-303f1h9128>a{
  overflow:hidden;
  color:#fff;
  text-decoration:none;
  text-overflow:ellipsis;
  white-space:nowrap;
  font-size:11px;
  font-weight:950;
}

.wire-video-reader-artist-genres-303f1h9128{
  display:flex;
  gap:4px;
  min-width:0;
  overflow:hidden;
}

.wire-video-reader-artist-genres-303f1h9128 span{
  flex:0 0 auto;
  padding:2px 6px;
  border:1px solid #29495d;
  border-radius:999px;
  background:#0b2231;
  color:#7899ab;
  font-size:7px;
  font-weight:850;
  white-space:nowrap;
}

.wire-video-reader-artist-actions-303f1h9128{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:5px;
  flex-wrap:wrap;
}

.wire-video-reader-artist-actions-303f1h9128
button,
.wire-video-reader-artist-actions-303f1h9128
a{
  appearance:none;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:0 9px;
  border:1px solid #31536a;
  border-radius:999px;
  background:#0a2030;
  color:#dcecf5;
  text-decoration:none;
  font:inherit;
  font-size:8px;
  font-weight:900;
  white-space:nowrap;
  cursor:pointer;
}

.wire-video-reader-artist-actions-303f1h9128
[data-wire-reader-artist-follow-303f1h9128]{
  border-color:#c62b50;
  background:#ec3158;
  color:#fff;
}

.wire-video-reader-artist-actions-303f1h9128
[data-wire-reader-artist-follow-303f1h9128].is-following{
  border-color:#355b72;
  background:#0b2231;
  color:#dcecf5;
}

.wire-video-reader-artist-actions-303f1h9128
button.is-active{
  border-color:#ec3158;
  background:rgba(236,49,88,.16);
  color:#fff;
}

.wire-video-reader-artist-rail-303f1h9128{
  position:relative;
  z-index:3;
  display:grid;
  gap:8px;
  min-width:0;
  padding:10px 12px 11px;
  border-bottom:1px solid #28465a;
  background:#050e15;
}

.wire-video-reader-artist-rail-303f1h9128>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px;
}

.wire-video-reader-artist-rail-303f1h9128>header>div{
  display:grid;
  gap:2px;
}

.wire-video-reader-artist-rail-303f1h9128>header small{
  color:#ff4f70;
  font-size:7px;
  font-weight:950;
  letter-spacing:.1em;
}

.wire-video-reader-artist-rail-303f1h9128>header strong{
  color:#fff;
  font-size:11px;
}

.wire-video-reader-artist-rail-303f1h9128>header>a{
  color:#82a9bf;
  text-decoration:none;
  font-size:8px;
  font-weight:900;
}

.wire-video-reader-artist-rail-303f1h9128>div{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(145px,180px);
  gap:7px;
  min-width:0;
  overflow-x:auto;
  overscroll-behavior-inline:contain;
  scroll-snap-type:x proximity;
  scrollbar-width:thin;
  padding-bottom:3px;
}

.wire-video-reader-artist-video-303f1h9128{
  appearance:none;
  display:grid;
  align-content:start;
  gap:5px;
  min-width:0;
  padding:0 0 7px;
  border:1px solid #203b4d;
  border-radius:10px;
  overflow:hidden;
  background:#081722;
  color:#fff;
  text-align:left;
  font:inherit;
  cursor:pointer;
  scroll-snap-align:start;
}

.wire-video-reader-artist-video-303f1h9128>span{
  position:relative;
  display:grid;
  place-items:center;
  width:100%;
  aspect-ratio:16/9;
  overflow:hidden;
  background:#0c2231;
}

.wire-video-reader-artist-video-303f1h9128 img{
  width:100%;
  height:100%;
  object-fit:cover;
}

.wire-video-reader-artist-video-303f1h9128 i{
  position:absolute;
  left:7px;
  bottom:7px;
  display:grid;
  place-items:center;
  width:24px;
  height:24px;
  border-radius:50%;
  background:rgba(3,11,17,.82);
  color:#fff;
  font-size:9px;
  font-style:normal;
}

.wire-video-reader-artist-video-303f1h9128
>strong,
.wire-video-reader-artist-video-303f1h9128
>small{
  margin-inline:7px;
  overflow:hidden;
}

.wire-video-reader-artist-video-303f1h9128
>strong{
  display:-webkit-box;
  color:#fff;
  font-size:9px;
  line-height:1.25;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}

.wire-video-reader-artist-video-303f1h9128
>small{
  color:#7794a7;
  font-size:7px;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.wire-video-reader-artist-rail-303f1h9128>div>p{
  margin:0;
  color:#7895a7;
  font-size:9px;
}

@media(max-width:920px){
  .wire-video-reader-artist-strip-303f1h9128{
    align-items:flex-start;
    flex-direction:column;
  }

  .wire-video-reader-artist-actions-303f1h9128{
    justify-content:flex-start;
  }
}

@media(max-width:620px){
  .wire-video-reader-artist-strip-303f1h9128{
    padding:8px;
  }

  .wire-video-reader-artist-actions-303f1h9128{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:100%;
  }

  .wire-video-reader-artist-actions-303f1h9128
  button,
  .wire-video-reader-artist-actions-303f1h9128
  a{
    min-width:0;
    white-space:normal;
    text-align:center;
  }

  .wire-video-reader-artist-rail-303f1h9128{
    padding-inline:8px;
  }

  .wire-video-reader-artist-rail-303f1h9128>div{
    grid-auto-columns:minmax(135px,43vw);
  }
}