/* STS v5.8.24 - authoritative channel panel layout */
html body.streamx-v5.twitch-v53 #panels.sts-channel-panels-live,
html body.streamx-v5.twitch-v53 #panels.creator-panels-section {
  display:block!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:30px 0 42px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 #panels::before,
html body.streamx-v5.twitch-v53 #panels::after {display:none!important;content:none!important}

html body.streamx-v5.twitch-v53 #panels .sts-channel-panel-grid,
html body.streamx-v5.twitch-v53 #panels .creator-panel-grid {
  display:grid!important;
  grid-template-columns:repeat(auto-fill, 320px)!important;
  grid-auto-columns:320px!important;
  grid-auto-rows:auto!important;
  justify-content:start!important;
  align-items:start!important;
  align-content:start!important;
  gap:28px 18px!important;
  width:100%!important;
  max-width:none!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body.streamx-v5.twitch-v53 #panels .sts-channel-panel-card,
html body.streamx-v5.twitch-v53 #panels .creator-panel-card {
  display:block!important;
  grid-column:auto!important;
  grid-row:auto!important;
  width:320px!important;
  max-width:320px!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  overflow:visible!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #panels .sts-channel-panel-card:hover,
html body.streamx-v5.twitch-v53 #panels .creator-panel-card:hover {
  transform:none!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

html body.streamx-v5.twitch-v53 #panels .sts-panel-image,
html body.streamx-v5.twitch-v53 #panels .creator-panel-image {
  display:block!important;
  width:320px!important;
  max-width:100%!important;
  height:125px!important;
  min-height:125px!important;
  aspect-ratio:auto!important;
  margin:0 0 12px!important;
  padding:0!important;
  border:0!important;
  border-radius:4px!important;
  background:#0b0d12!important;
  overflow:hidden!important;
  box-shadow:none!important;
}
html body.streamx-v5.twitch-v53 #panels .sts-panel-image a {display:block!important;width:100%!important;height:100%!important}
html body.streamx-v5.twitch-v53 #panels .sts-panel-image img,
html body.streamx-v5.twitch-v53 #panels .creator-panel-image img {
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  object-fit:cover!important;
  object-position:center!important;
  border:0!important;
  border-radius:0!important;
  transform:none!important;
}
html body.streamx-v5.twitch-v53 #panels img[src$=".gif"],
html body.streamx-v5.twitch-v53 #panels img[src*=".gif?"] {object-fit:contain!important}

html body.streamx-v5.twitch-v53 #panels .sts-panel-copy,
html body.streamx-v5.twitch-v53 #panels .creator-panel-content {
  display:block!important;
  width:100%!important;
  min-height:0!important;
  height:auto!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
}
html body.streamx-v5.twitch-v53 #panels .creator-panel-type {display:none!important}
html body.streamx-v5.twitch-v53 #panels h3 {
  margin:0 0 8px!important;
  padding:0!important;
  color:#f4f4f5!important;
  font-size:15px!important;
  line-height:1.3!important;
  font-weight:800!important;
}
html body.streamx-v5.twitch-v53 #panels .sts-panel-body,
html body.streamx-v5.twitch-v53 #panels .creator-panel-body {
  display:block!important;
  margin:0!important;
  padding:0!important;
  color:#c7c9d1!important;
  font-size:13px!important;
  line-height:1.55!important;
  white-space:pre-line!important;
  overflow-wrap:anywhere!important;
  word-break:normal!important;
}
html body.streamx-v5.twitch-v53 #panels .sts-panel-link,
html body.streamx-v5.twitch-v53 #panels .creator-panel-link {
  display:inline-flex!important;
  width:auto!important;
  margin:12px 0 0!important;
  padding:8px 12px!important;
  border:1px solid rgba(126,45,255,.55)!important;
  border-radius:7px!important;
  background:rgba(126,45,255,.14)!important;
  color:#d6c2ff!important;
  font-size:12px!important;
  font-weight:800!important;
  text-decoration:none!important;
}

html body.streamx-v5.twitch-v53 #panels .v5-section-head {display:none!important}

@media (max-width:760px) {
  html body.streamx-v5.twitch-v53 #panels .sts-channel-panel-grid,
  html body.streamx-v5.twitch-v53 #panels .creator-panel-grid {
    grid-template-columns:minmax(0,1fr)!important;
    grid-auto-columns:auto!important;
    gap:26px!important;
  }
  html body.streamx-v5.twitch-v53 #panels .sts-channel-panel-card,
  html body.streamx-v5.twitch-v53 #panels .creator-panel-card,
  html body.streamx-v5.twitch-v53 #panels .sts-panel-image,
  html body.streamx-v5.twitch-v53 #panels .creator-panel-image {
    width:100%!important;
    max-width:420px!important;
  }
  html body.streamx-v5.twitch-v53 #panels .sts-panel-image,
  html body.streamx-v5.twitch-v53 #panels .creator-panel-image {height:auto!important;aspect-ratio:320/125!important;min-height:0!important}
}