/* Creator live-section stability v1
   Prevent Twitch iframe/load timing from stretching the creator page on reload. */

body.premium-site .creator-live-section .stream-grid{
  align-items:start!important;
}

body.premium-site .creator-live-section .twitch-player{
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:16 / 9!important;
  overflow:hidden!important;
  align-self:start!important;
  background:#050708!important;
}

body.premium-site .creator-live-section .twitch-player>iframe{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:0!important;
  min-height:0!important;
  border:0!important;
}

body.premium-site .creator-live-section .twitch-player>.player-fallback{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  box-sizing:border-box!important;
}

body.premium-site .creator-live-section .stream-side{
  align-self:start!important;
  height:auto!important;
  min-height:0!important;
  display:grid!important;
  align-content:start!important;
  gap:18px!important;
}

body.premium-site .creator-live-section .stream-side>.info-panel{
  margin:0!important;
  align-self:start!important;
}

/* Never let an old stretch/space-between rule push the second panel to the bottom. */
body.premium-site .creator-live-section .creator-games-panel{
  margin-top:0!important;
}

@media(max-width:900px){
  body.premium-site .creator-live-section .stream-grid{
    grid-template-columns:1fr!important;
    gap:18px!important;
  }
  body.premium-site .creator-live-section .stream-side{
    width:100%!important;
  }
}

@media(max-width:520px){
  body.premium-site .creator-live-section .twitch-player{
    aspect-ratio:16 / 9!important;
  }
}