/* wire-personal-music-profile-listening-stats-style-303f1h9139 */

.wire-music-stats-page-303f1h9139,
.wire-music-stats-compact-303f1h9139{
  color:var(--text)
}
.wire-music-stats-page-303f1h9139{
  display:grid;
  gap:14px;
  min-width:0
}
.wire-music-stats-page-hero-303f1h9139{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  padding:18px;
  border:1px solid var(--border);
  border-radius:18px;
  background:
    radial-gradient(circle at 100% 0,rgba(226,49,89,.14),transparent 34%),
    var(--panel)
}
.wire-music-stats-page-hero-303f1h9139 small,
.wire-music-stats-rail-303f1h9139 header small,
.wire-music-stats-genres-303f1h9139 header small,
.wire-music-stats-monthly-303f1h9139 header small,
.wire-music-stats-privacy-303f1h9139 small,
.wire-music-stats-compact-303f1h9139 header small,
.wire-music-stats-leaders-303f1h9139 small{
  color:#ff6682;
  font-size:9px;
  font-weight:950;
  letter-spacing:.08em
}
.wire-music-stats-page-hero-303f1h9139 h1{
  margin:3px 0 4px;
  font-size:27px
}
.wire-music-stats-page-hero-303f1h9139 p{
  margin:0;
  color:var(--muted);
  font-size:11px
}
.wire-music-stats-actions-303f1h9139{
  display:flex;
  gap:7px;
  flex-wrap:wrap
}
.wire-music-stats-periods-303f1h9139{
  display:flex;
  gap:6px;
  overflow-x:auto;
  padding-bottom:3px
}
.wire-music-stats-periods-303f1h9139 a{
  flex:0 0 auto;
  padding:8px 11px;
  border:1px solid #31516a;
  border-radius:999px;
  background:#071823;
  color:#9eb5c5;
  text-decoration:none;
  font-size:9px;
  font-weight:900
}
.wire-music-stats-periods-303f1h9139 a.is-active{
  border-color:#e13159;
  background:rgba(225,49,89,.13);
  color:#fff
}
.wire-music-stats-grid-303f1h9139{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.wire-music-stats-grid-303f1h9139 article{
  display:grid;
  gap:3px;
  padding:12px;
  border:1px solid #29485e;
  border-radius:12px;
  background:var(--panel)
}
.wire-music-stats-grid-303f1h9139 article small{
  color:var(--muted);
  font-size:8px
}
.wire-music-stats-grid-303f1h9139 article strong{
  font-size:18px
}
.wire-music-stats-leaders-303f1h9139{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px
}
.wire-music-stats-leaders-303f1h9139>a,
.wire-music-stats-leaders-303f1h9139>article{
  display:grid;
  gap:3px;
  padding:13px;
  border:1px solid #29485e;
  border-radius:13px;
  background:
    linear-gradient(135deg,rgba(225,49,89,.08),transparent 55%),
    var(--panel);
  color:var(--text);
  text-decoration:none
}
.wire-music-stats-leaders-303f1h9139 strong{
  font-size:15px
}
.wire-music-stats-leaders-303f1h9139 span{
  color:var(--muted);
  font-size:9px
}
.wire-music-stats-rail-303f1h9139,
.wire-music-stats-genres-303f1h9139,
.wire-music-stats-monthly-303f1h9139,
.wire-music-stats-privacy-303f1h9139,
.wire-music-stats-compact-303f1h9139{
  display:grid;
  gap:9px;
  min-width:0;
  padding:14px;
  border:1px solid var(--border);
  border-radius:17px;
  background:var(--panel)
}
.wire-music-stats-rail-303f1h9139 header h2,
.wire-music-stats-genres-303f1h9139 header h2,
.wire-music-stats-monthly-303f1h9139 header h2,
.wire-music-stats-privacy-303f1h9139 h2,
.wire-music-stats-compact-303f1h9139 header h2{
  margin:2px 0 0;
  font-size:17px
}
.wire-music-stats-rail-303f1h9139>div{
  display:grid;
  grid-auto-flow:column;
  grid-auto-columns:minmax(180px,220px);
  gap:8px;
  overflow-x:auto;
  padding-bottom:5px
}
.wire-music-stats-card-303f1h9139{
  display:grid;
  gap:7px;
  min-width:0;
  padding:8px;
  border:1px solid #28475c;
  border-radius:12px;
  background:#071722;
  color:var(--text);
  text-decoration:none;
  text-align:left;
  font:inherit;
  cursor:pointer
}
.wire-music-stats-card-303f1h9139>span{
  display:grid;
  place-items:center;
  aspect-ratio:1.4;
  overflow:hidden;
  border-radius:9px;
  background:#041019
}
.wire-music-stats-card-303f1h9139.is-artist>span{
  width:96px;
  aspect-ratio:1;
  justify-self:center;
  border-radius:50%
}
.wire-music-stats-card-303f1h9139 img{
  width:100%;
  height:100%;
  object-fit:cover
}
.wire-music-stats-card-303f1h9139>strong{
  overflow:hidden;
  font-size:11px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-stats-card-303f1h9139>small{
  overflow:hidden;
  color:var(--muted);
  font-size:8px;
  text-overflow:ellipsis;
  white-space:nowrap
}
.wire-music-stats-genres-303f1h9139>div{
  display:flex;
  flex-wrap:wrap;
  gap:6px
}
.wire-music-stats-genres-303f1h9139>div>span{
  display:inline-flex;
  gap:6px;
  padding:7px 9px;
  border:1px solid #29485e;
  border-radius:999px;
  background:#071722;
  font-size:9px
}
.wire-music-stats-monthly-303f1h9139>div{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px
}
.wire-music-stats-monthly-303f1h9139 article{
  display:grid;
  gap:3px;
  padding:10px;
  border:1px solid #29485e;
  border-radius:11px;
  background:#071722
}
.wire-music-stats-monthly-303f1h9139 article span{
  color:var(--muted);
  font-size:8px
}
.wire-music-stats-privacy-303f1h9139{
  grid-template-columns:minmax(0,1fr) auto;
  align-items:center
}
.wire-music-stats-privacy-303f1h9139 p{
  margin:3px 0 0;
  color:var(--muted);
  font-size:9px
}
.wire-music-stats-privacy-303f1h9139 select{
  min-height:38px;
  padding:0 10px;
  border:1px solid #31516a;
  border-radius:9px;
  background:#071823;
  color:var(--text)
}
.wire-music-stats-private-303f1h9139{
  padding:18px;
  border:1px solid var(--border);
  border-radius:14px;
  background:var(--panel);
  color:var(--muted)
}

/* Compact My Music / public profile card */
.wire-music-stats-compact-303f1h9139{
  margin:0 0 14px
}
.wire-music-stats-compact-303f1h9139>header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:10px
}
.wire-music-stats-compact-303f1h9139>header a{
  color:#9bc8e5;
  font-size:9px;
  text-decoration:none
}
.wire-music-stats-compact-grid-303f1h9139{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:7px
}
.wire-music-stats-compact-grid-303f1h9139 article{
  display:grid;
  gap:2px;
  padding:9px;
  border:1px solid #29485e;
  border-radius:10px;
  background:#071722
}
.wire-music-stats-compact-grid-303f1h9139 small{
  color:var(--muted);
  font-size:7px
}
.wire-music-stats-compact-grid-303f1h9139 strong{
  font-size:13px
}
.wire-music-stats-compact-leaders-303f1h9139{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px
}
.wire-music-stats-compact-leaders-303f1h9139>a,
.wire-music-stats-compact-leaders-303f1h9139>span{
  display:grid;
  gap:2px;
  padding:9px;
  border:1px solid #29485e;
  border-radius:10px;
  background:#071722;
  color:var(--text);
  text-decoration:none
}
.wire-music-stats-compact-leaders-303f1h9139 small{
  color:#ff6682;
  font-size:7px;
  font-weight:950
}
.wire-music-stats-compact-leaders-303f1h9139 strong{
  overflow:hidden;
  font-size:10px;
  text-overflow:ellipsis;
  white-space:nowrap
}

@media(max-width:760px){
  .wire-music-stats-page-hero-303f1h9139{
    align-items:stretch;
    flex-direction:column
  }
  .wire-music-stats-grid-303f1h9139,
  .wire-music-stats-compact-grid-303f1h9139{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wire-music-stats-leaders-303f1h9139,
  .wire-music-stats-compact-leaders-303f1h9139{
    grid-template-columns:1fr
  }
  .wire-music-stats-monthly-303f1h9139>div{
    grid-template-columns:repeat(2,minmax(0,1fr))
  }
  .wire-music-stats-privacy-303f1h9139{
    grid-template-columns:1fr
  }
  .wire-music-stats-rail-303f1h9139>div{
    grid-auto-columns:minmax(180px,76vw)
  }
}

/* wire-music-stats-sidebar-top-gap-fix-303f1h9139b */
@media(min-width:821px){
  body:has(.wire-music-stats-page-303f1h9139)
  .wire-app>
  .wire-main-sidebar-303f1h213>
  .wire-main-sidebar-scroll-303f1h213{
    padding-top:0!important;
  }
}

/* wire-music-stats-sidebar-final-top-parity-303f1h9139d */
@media(min-width:821px){
  body:has(.wire-music-stats-page-303f1h9139)
  .wire-app>
  .wire-main-sidebar-303f1h213,
  body:has(.wire-music-stats-page-303f1h9139)
  .wire-app>
  .left-rail.wire-main-sidebar-303f1h213{
    transform:translateY(-10px)!important;
  }
}