/* wire-music-discovery-trending-style-303f1h9137 */

.wire-music-trending-discovery-303f1h9137{
  display:grid;
  gap:14px;
  width:100%;
  min-width:0;
  margin:0 0 18px
}
.wire-music-trending-head-303f1h9137{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:16px;
  border:1px solid var(--border);
  border-radius:17px;
  background:
    radial-gradient(circle at 100% 0,rgba(229,49,88,.13),transparent 32%),
    var(--panel)
}
.wire-music-trending-head-303f1h9137 small{
  color:#ff6681;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em
}
.wire-music-trending-head-303f1h9137 h2{
  margin:3px 0 5px;
  font-size:21px
}
.wire-music-trending-head-303f1h9137 p{
  max-width:650px;
  margin:0;
  color:var(--muted);
  font-size:11px;
  line-height:1.45
}
.wire-music-trending-head-303f1h9137 nav{
  display:flex;
  gap:5px;
  flex-wrap:wrap
}
.wire-music-trending-head-303f1h9137 nav button{
  min-height:30px;
  padding:0 9px;
  border:1px solid #31536a;
  border-radius:999px;
  background:#071824;
  color:#9eb5c5;
  font:inherit;
  font-size:8px;
  font-weight:950;
  cursor:pointer
}
.wire-music-trending-head-303f1h9137 nav button.is-active{
  border-color:#e13159;
  background:rgba(225,49,89,.13);
  color:#fff
}
.wire-music-trending-rail-303f1h9137{
  display:grid;
  gap:9px;
  min-width:0;
  padding:14px;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--panel)
}
.wire-music-trending-rail-303f1h9137>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:12px
}
.wire-music-trending-rail-303f1h9137>header small{
  color:#ff6681;
  font-size:8px;
  font-weight:950;
  letter-spacing:.08em
}
.wire-music-trending-rail-303f1h9137>header h2{
  margin:2px 0 0;
  font-size:17px
}
.wire-music-trending-scroll-303f1h9137{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(185px,225px);
  gap:9px;
  overflow-x:auto;
  padding:1px 0 6px;
  scrollbar-width:thin;
  overscroll-behavior-inline:contain
}
.wire-music-trending-card-303f1h9137{
  display:grid;
  gap:7px;
  min-width:0;
  padding:8px;
  border:1px solid #28475c;
  border-radius:13px;
  background:#071722;
  color:var(--text);
  text-decoration:none;
  text-align:left;
  cursor:pointer
}
button.wire-music-trending-card-303f1h9137{
  font:inherit
}
.wire-music-trending-card-303f1h9137:hover{
  border-color:#e13159
}
.wire-music-trending-art-303f1h9137{
  position:relative;
  display:grid;
  place-items:center;
  aspect-ratio:16/10;
  overflow:hidden;
  border-radius:10px;
  background:#041019
}
.wire-music-trending-art-303f1h9137.round{
  width:92px;
  aspect-ratio:1;
  justify-self:center;
  border-radius:50%
}
.wire-music-trending-art-303f1h9137 img{
  width:100%;
  height:100%;
  object-fit:cover
}
.wire-music-trending-art-303f1h9137>b{
  font-size:29px
}
.wire-music-trending-art-303f1h9137>i{
  position:absolute;
  left:6px;
  top:6px;
  display:inline-flex;
  align-items:center;
  min-height:18px;
  padding:0 6px;
  border:1px solid rgba(255,255,255,.25);
  border-radius:999px;
  background:rgba(2,10,16,.84);
  color:#fff;
  font-size:6px;
  font-style:normal;
  font-weight:950;
  letter-spacing:.05em
}
.wire-music-trending-art-303f1h9137>i.wire{
  border-color:#e13159;
  background:rgba(196,31,70,.92)
}
.wire-music-trending-card-303f1h9137>strong{
  overflow:hidden;
  font-size:12px;
  line-height:1.3;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-trending-card-303f1h9137>small{
  min-height:24px;
  overflow:hidden;
  color:var(--muted);
  font-size:9px;
  line-height:1.35;
  display:-webkit-box;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2
}
.wire-music-trending-discovery-303f1h9137>footer{
  display:flex;
  justify-content:space-between;
  gap:10px;
  padding:0 4px;
  color:var(--muted);
  font-size:9px
}
.wire-music-trending-loading-303f1h9137,
.wire-music-trending-error-303f1h9137{
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
  color:var(--muted);
  font-size:11px
}
@media(max-width:700px){
  .wire-music-trending-head-303f1h9137{
    align-items:stretch;
    flex-direction:column
  }
  .wire-music-trending-scroll-303f1h9137{
    grid-auto-columns:minmax(180px,76vw)
  }
}