/* SUNDUQ v8.1.2 profile restore */
.v8ProfilePage{
 max-width:1200px;
 margin:0 auto;
 padding:24px 18px;
 color:#f4f8ff;
}
.v8ProfilePage #profileRoot{
 color:#f4f8ff;
}
.profilePage .top,
body > header.top{
 display:none!important;
}

/* если JS создаёт старые белые блоки */
.v8ProfilePage .profileCard,
.v8ProfilePage .profileHeader,
.v8ProfilePage .profileSection,
.v8ProfilePage .card,
.v8ProfilePage .reputationBlock,
.v8ProfilePage .statBox,
.v8ProfilePage .profileBlock{
 background:linear-gradient(180deg,#14283b,#0d1c2b)!important;
 color:#fff!important;
 border:1px solid rgba(255,255,255,.1)!important;
 border-radius:24px!important;
 box-shadow:0 18px 45px rgba(0,0,0,.25)!important;
}
.v8ProfilePage h1,
.v8ProfilePage h2,
.v8ProfilePage h3{
 color:#fff!important;
}
.v8ProfilePage p,
.v8ProfilePage span{
 color:#c7d3e0;
}
.v8ProfilePage .reputationBlock,
.v8ProfilePage .stats,
.v8ProfilePage .statsGrid{
 display:grid!important;
 grid-template-columns:repeat(3,minmax(0,1fr))!important;
 gap:14px!important;
 width:100%!important;
}
.v8ProfilePage .statBox{
 min-width:0!important;
}
.v8ProfilePage .profileCover{
 background:linear-gradient(135deg,#078438,#0ea553)!important;
}
.v8ProfilePage .themePicker{
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:10px;
}
.v8ProfilePage .themeOption{
 background:#10283b!important;
 border:1px solid rgba(255,255,255,.12)!important;
 border-radius:16px!important;
 color:#fff!important;
}
.v8ProfilePage .themeOption small{
 color:#b8c6d6!important;
}
.v8ProfilePage .profileActions button.danger{
    background:#f0184f!important;
    color:#fff!important;
}
.v8ProfilePage .profileMusicHead{
 display:flex;
 justify-content:space-between;
 gap:14px;
 align-items:flex-start;
 margin-bottom:14px;
}
.v8ProfilePage .profileMusicHead h2{
 margin:0 0 4px!important;
}
.v8ProfilePage .profileMusicHead p,
.v8ProfilePage .profileMusicEmpty{
 margin:0;
 color:#b8c6d6!important;
}
.v8ProfilePage .profileMusicHead button{
 background:#f0184f;
 color:#fff;
 border:0;
 border-radius:14px;
 padding:10px 13px;
 font-weight:900;
 white-space:nowrap;
}
.v8ProfilePage .profileAlbumGrid{
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:10px;
}
.v8ProfilePage .profileTrack{
 display:grid;
 grid-template-columns:64px minmax(0,1fr);
 gap:12px;
 align-items:center;
 background:#0b1a28;
 border:1px solid rgba(255,255,255,.09);
 border-radius:18px;
 padding:10px;
}
.v8ProfilePage .profileTrackCover{
 position:relative;
 width:64px;
 height:64px;
 border:0;
 border-radius:16px;
 overflow:hidden;
 display:grid;
 place-items:center;
 background:linear-gradient(135deg,#312e81,#0ea5e9);
 color:#fff;
 font-size:26px;
 cursor:pointer;
}
.v8ProfilePage .profileTrackCover img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.v8ProfilePage .profileTrackCover span{
 position:absolute;
 inset:auto 6px 6px auto;
 width:24px;
 height:24px;
 border-radius:50%;
 display:grid;
 place-items:center;
 background:rgba(240,24,79,.94);
 color:#fff!important;
 font-size:12px;
}
.v8ProfilePage .profileTrack b,
.v8ProfilePage .profileTrack small,
.v8ProfilePage .profileTrack em{
 display:block;
 overflow:hidden;
 text-overflow:ellipsis;
 white-space:nowrap;
}
.v8ProfilePage .profileTrack small,
.v8ProfilePage .profileTrack em{
 color:#b8c6d6!important;
 font-style:normal;
 margin-top:3px;
}
.v8ProfilePage .profileMusicPlayer{
 position:fixed;
 left:18px;
 right:18px;
 bottom:14px;
 z-index:90;
 background:linear-gradient(180deg,#14283b,#0d1c2b);
 border:1px solid rgba(255,255,255,.14);
 border-radius:22px;
 box-shadow:0 20px 60px rgba(0,0,0,.35);
 padding:12px;
 display:grid;
 grid-template-columns:54px minmax(0,240px) minmax(0,1fr);
 gap:12px;
 align-items:center;
}
.v8ProfilePage .profileMusicPlayer.hidden{
 display:none;
}
.v8ProfilePage .profilePlayerCover{
 width:54px;
 height:54px;
 border-radius:14px;
 background:#10283b;
 display:grid;
 place-items:center;
 overflow:hidden;
}
.v8ProfilePage .profilePlayerCover img{
 width:100%;
 height:100%;
 object-fit:cover;
}
.v8ProfilePage .profileMusicPlayer b,
.v8ProfilePage .profileMusicPlayer small{
 display:block;
 white-space:nowrap;
 overflow:hidden;
 text-overflow:ellipsis;
}
.v8ProfilePage .profileMusicPlayer audio{
 width:100%;
}
@media(max-width:700px){
 .v8ProfilePage .reputationBlock,
 .v8ProfilePage .stats,
 .v8ProfilePage .statsGrid{
  grid-template-columns:1fr!important;
 }
	 .v8ProfilePage .themePicker{
	  grid-template-columns:1fr!important;
	 }
 .v8ProfilePage .profileAlbumGrid{
  grid-template-columns:1fr;
 }
 .v8ProfilePage .profileMusicHead{
  display:grid;
 }
 .v8ProfilePage .profileMusicPlayer{
  grid-template-columns:46px minmax(0,1fr);
 }
 .v8ProfilePage .profileMusicPlayer audio{
  grid-column:1/-1;
 }
	}