/* STS v5.8.19 — level, balanced Channel Hub cards */
html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{
  grid-template-columns:repeat(12,minmax(0,1fr))!important;
  grid-template-rows:240px 174px 174px!important;
  grid-auto-rows:minmax(170px,auto)!important;
  grid-auto-flow:row dense!important;
  align-items:stretch!important;
  gap:14px!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card{
  width:100%!important;
  min-height:0!important;
  height:100%!important;
  align-self:stretch!important;
  border-radius:16px!important;
  background:linear-gradient(145deg,rgba(18,23,33,.98),rgba(12,16,24,.98))!important;
  border:1px solid rgba(255,255,255,.095)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.028),0 10px 24px rgba(0,0,0,.18)!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-about-card{
  grid-column:1 / span 5!important;
  grid-row:1!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-tier-card{
  grid-column:6 / span 3!important;
  grid-row:1!important;
}
html body.streamx-v5.twitch-v53 .panel-type-donate{
  grid-column:9 / span 4!important;
  grid-row:1!important;
}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs{
  grid-column:1 / span 4!important;
  grid-row:2 / span 2!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules{
  grid-column:5 / span 5!important;
  grid-row:2 / span 2!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-rewards-card{
  grid-column:10 / span 3!important;
  grid-row:2!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-community-card{
  grid-column:10 / span 3!important;
  grid-row:3!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy{
  min-height:0!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy h3{
  font-size:15px!important;
  line-height:1.25!important;
  margin:0 0 7px!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-copy p,
html body.streamx-v5.twitch-v53 .sts-panel-copy .sts-panel-body{
  font-size:12.5px!important;
  line-height:1.55!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-tier-card .sts-panel-copy,
html body.streamx-v5.twitch-v53 .sts-panel-rewards-card .sts-panel-copy,
html body.streamx-v5.twitch-v53 .sts-panel-community-card .sts-panel-copy{
  justify-content:flex-start!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-link{
  margin-top:auto!important;
  padding:8px 12px!important;
}
html body.streamx-v5.twitch-v53 .sts-panel-tier-card small{
  margin-top:auto!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image){
  height:100%!important;
  grid-template-rows:auto minmax(0,1fr)!important;
}
html body.streamx-v5.twitch-v53 .panel-type-donate:has(.sts-panel-image) .sts-panel-image{
  height:96px!important;
  aspect-ratio:auto!important;
}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs:has(.sts-panel-image) .sts-panel-image{
  height:154px!important;
  aspect-ratio:auto!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules:has(.sts-panel-image) .sts-panel-image{
  height:138px!important;
  aspect-ratio:auto!important;
}
html body.streamx-v5.twitch-v53 .sts-custom-panel-card:has(.sts-panel-image) .sts-panel-copy{
  min-height:0!important;
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-copy{
  overflow:hidden!important;
}
html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body{
  flex:1 1 auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:auto!important;
}
html body.streamx-v5.twitch-v53 .panel-type-pc_specs .sts-panel-body{
  line-height:1.72!important;
}
html body.streamx-v5.twitch-v53 .sts-channel-panel-card::before{
  top:12px!important;
  bottom:12px!important;
}
@media(max-width:1180px){
  html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    grid-template-rows:none!important;
    grid-auto-rows:auto!important;
    align-items:start!important;
  }
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 .sts-panel-about-card,
  html body.streamx-v5.twitch-v53 .sts-panel-tier-card,
  html body.streamx-v5.twitch-v53 .panel-type-donate,
  html body.streamx-v5.twitch-v53 .panel-type-pc_specs,
  html body.streamx-v5.twitch-v53 .panel-type-rules,
  html body.streamx-v5.twitch-v53 .sts-panel-rewards-card,
  html body.streamx-v5.twitch-v53 .sts-panel-community-card{
    grid-column:auto!important;
    grid-row:auto!important;
    height:auto!important;
    min-height:190px!important;
  }
  html body.streamx-v5.twitch-v53 .sts-panel-about-card{grid-column:1 / -1!important}
  html body.streamx-v5.twitch-v53 .panel-type-pc_specs,
  html body.streamx-v5.twitch-v53 .panel-type-rules{min-height:360px!important}
  html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body{max-height:230px!important}
}
@media(max-width:720px){
  html body.streamx-v5.twitch-v53 .sts-channel-panel-grid{grid-template-columns:1fr!important}
  html body.streamx-v5.twitch-v53 .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 .sts-panel-about-card,
  html body.streamx-v5.twitch-v53 .sts-panel-tier-card,
  html body.streamx-v5.twitch-v53 .panel-type-donate,
  html body.streamx-v5.twitch-v53 .panel-type-pc_specs,
  html body.streamx-v5.twitch-v53 .panel-type-rules,
  html body.streamx-v5.twitch-v53 .sts-panel-rewards-card,
  html body.streamx-v5.twitch-v53 .sts-panel-community-card{
    grid-column:1!important;
    min-height:0!important;
  }
  html body.streamx-v5.twitch-v53 .panel-type-rules .sts-panel-body{max-height:340px!important}
}