/* wire-video-reader-nav-compact-303f1h9129 */

/*
 * h9128 inserted the artist strip and expandable artist rail as direct children
 * of the h8859 CSS grid. h8859's original four-row template therefore moved the
 * Previous / position / Next navigation into the old 1fr player row, causing
 * the huge empty navigation band visible in the reader.
 *
 * Give every current direct child its own explicit row. The hidden artist rail
 * collapses to zero naturally; when opened it grows only to its content.
 */
.wire-team-video-reader-shell-303f1h8810{
  grid-template-rows:
    auto
    auto
    auto
    auto
    auto
    minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-head-303f1h8810{
  grid-row:1!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-strip-303f1h9128{
  grid-row:2!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-rail-303f1h9128{
  grid-row:3!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-ad-303f1h8843{
  grid-row:4!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-navigation-303f1h8859{
  grid-row:5!important;
  align-self:start!important;
  min-height:38px!important;
  height:auto!important;
  padding:4px 12px!important;
}

.wire-team-video-reader-shell-303f1h8810>
[data-wire-video-social-layout-303f1h9119]{
  grid-row:6!important;
  min-height:0!important;
}

.wire-team-video-reader-shell-303f1h8810>
[data-wire-team-video-player-wrap-303f1h8810]{
  grid-row:6!important;
  min-height:0!important;
}

.wire-team-video-reader-navigation-303f1h8859>button{
  min-height:28px!important;
  padding:3px 9px!important;
}

.wire-team-video-reader-navigation-303f1h8859
>[data-wire-team-video-reader-position-303f1h8859]{
  align-self:center!important;
}

@media(max-width:620px){
  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    min-height:36px!important;
    padding:3px 8px!important;
  }

  .wire-team-video-reader-navigation-303f1h8859>button{
    height:28px!important;
    min-height:28px!important;
  }
}

/* wire-video-reader-grid-order-fix-303f1h9129b */

/*
 * h9119 creates the More Videos / This Channel / Recommendations shelf as a
 * direct sibling immediately after the social player layout.
 *
 * h9129 explicitly placed the h9128 artist rail in grid row 3 but did not give
 * the h9119 shelf its own row. Because the artist rail is display:none while
 * collapsed, row 3 is empty and CSS grid auto-placement is free to put the
 * recommendation shelf there. That is why the shelf jumped above the ad.
 *
 * Give every visible reader section a permanent row:
 * 1 header
 * 2 artist identity
 * 3 expandable artist rail
 * 4 advertisement
 * 5 previous / position / next
 * 6 video + comments
 * 7 recommendation shelf
 */
.wire-team-video-reader-shell-303f1h8810{
  grid-template-rows:
    auto
    auto
    auto
    104px
    38px
    minmax(0,1fr)
    auto!important;
  grid-auto-rows:0!important;
}

/* Header */
.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-head-303f1h8810{
  grid-row:1!important;
}

/* Artist identity */
.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-strip-303f1h9128{
  grid-row:2!important;
}

/* Expanded More From This Artist rail */
.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-rail-303f1h9128{
  grid-row:3!important;
  min-height:0!important;
}

/* Restore the original compact ad allocation instead of letting it expand. */
.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-ad-303f1h8843{
  grid-row:4!important;
  align-self:stretch!important;
  min-height:104px!important;
  height:104px!important;
  max-height:104px!important;
  overflow:hidden!important;
}

.wire-team-video-reader-ad-slot-303f1h8843{
  min-height:78px!important;
  max-height:78px!important;
  height:78px!important;
  overflow:hidden!important;
}

/* Compact sequence bar. */
.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-navigation-303f1h8859{
  grid-row:5!important;
  align-self:stretch!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  padding:4px 12px!important;
  box-sizing:border-box!important;
}

.wire-team-video-reader-navigation-303f1h8859>button{
  min-height:28px!important;
  height:28px!important;
  padding:3px 9px!important;
}

/* Video + comments own all remaining space. */
.wire-team-video-reader-shell-303f1h8810>
[data-wire-video-social-layout-303f1h9119]{
  grid-row:6!important;
  align-self:stretch!important;
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}

.wire-team-video-reader-shell-303f1h8810>
[data-wire-team-video-player-wrap-303f1h8810]{
  grid-row:6!important;
  min-height:0!important;
}

/*
 * The h9119 shelf belongs BELOW the active video/comments area, exactly where
 * it lived before h9128 introduced extra reader rows.
 */
.wire-team-video-reader-shell-303f1h8810>
.wire-video-more-303f1h9119{
  grid-row:7!important;
  align-self:end!important;
  width:100%!important;
  min-height:0!important;
  max-height:140px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/*
 * The player wrapper already fills its h9119g parent. Remove viewport formulas
 * from older reader layers so the actual grid row remains authoritative.
 */
@media(min-width:851px){
  .wire-video-social-player-303f1h9119,
  .wire-video-social-player-303f1h9119
  .wire-team-video-player-wrap-303f1h8810,
  .wire-video-social-player-303f1h9119
  .wire-team-video-player-303f1h8810{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
  }

  .wire-video-comments-303f1h9119{
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
  }
}

@media(max-width:620px){
  .wire-team-video-reader-shell-303f1h8810{
    grid-template-rows:
      auto
      auto
      auto
      82px
      36px
      minmax(0,1fr)
      auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-ad-303f1h8843{
    min-height:82px!important;
    height:82px!important;
    max-height:82px!important;
  }

  .wire-team-video-reader-ad-slot-303f1h8843{
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    padding:3px 8px!important;
  }

  .wire-team-video-reader-navigation-303f1h8859>button{
    min-height:28px!important;
    height:28px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    max-height:136px!important;
  }
}

/* wire-video-reader-player-wheel-fix-303f1h9129c */

/*
 * h9129b fixed the direct-child order, but the reader shell still used a
 * seven-row CSS grid while h9119 dynamically moves the native h8810 player
 * wrapper inside its own social grid.
 *
 * The older proven h9119c fix specifically required the relocated wrapper to
 * have a real render box. Percentage-height sizing inside the new nested grid
 * can collapse that box to zero even though the outer row remains huge.
 *
 * Use flex only for the reader's OUTER vertical stack. The h9119 social layout
 * remains a two-column grid, but now receives a definite flexed height.
 */
.wire-team-video-reader-shell-303f1h8810{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch!important;
  justify-content:flex-start!important;
  min-width:0!important;
  min-height:0!important;
  height:100vh!important;
  max-height:100vh!important;
  overflow:hidden!important;
}

/* Preserve the exact visible order. */
.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-head-303f1h8810{
  order:1!important;
  flex:0 0 auto!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-strip-303f1h9128{
  order:2!important;
  flex:0 0 auto!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-video-reader-artist-rail-303f1h9128{
  order:3!important;
  flex:0 0 auto!important;
  min-height:0!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-ad-303f1h8843{
  order:4!important;
  flex:0 0 104px!important;
  width:100%!important;
  min-height:104px!important;
  height:104px!important;
  max-height:104px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.wire-team-video-reader-ad-slot-303f1h8843{
  min-height:78px!important;
  height:78px!important;
  max-height:78px!important;
}

.wire-team-video-reader-shell-303f1h8810>
.wire-team-video-reader-navigation-303f1h8859{
  order:5!important;
  flex:0 0 38px!important;
  width:100%!important;
  min-height:38px!important;
  height:38px!important;
  max-height:38px!important;
  padding:4px 12px!important;
  box-sizing:border-box!important;
}

.wire-team-video-reader-navigation-303f1h8859>button{
  min-height:28px!important;
  height:28px!important;
  padding:3px 9px!important;
}

/*
 * Give h9119 a finite, definite main area. Its two direct children (player
 * and comments) then share one explicit row instead of an implicit fractional
 * row whose percentage descendants can collapse.
 */
.wire-team-video-reader-shell-303f1h8810>
[data-wire-video-social-layout-303f1h9119]{
  order:6!important;
  flex:1 1 0!important;
  display:grid!important;
  grid-template-columns:minmax(0,1fr) 340px!important;
  grid-template-rows:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;
  align-items:stretch!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  max-height:none!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.wire-video-social-player-303f1h9119{
  display:block!important;
  align-self:stretch!important;
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/*
 * Restore the proven h9119c render-box contract: relative wrapper + absolute
 * iframe/video. The wrapper fills the finite social row on desktop.
 */
.wire-video-social-player-303f1h9119
.wire-team-video-player-wrap-303f1h8810{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid #24475c!important;
  border-radius:14px!important;
  background:#000!important;
  box-sizing:border-box!important;
}

.wire-video-social-player-303f1h9119
.wire-team-video-player-303f1h8810,
.wire-video-social-player-303f1h9119
iframe.wire-team-video-player-303f1h8810,
.wire-video-social-player-303f1h9119
video.wire-team-video-player-303f1h8810{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  width:100%!important;
  height:100%!important;
  min-width:100%!important;
  min-height:100%!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:#000!important;
  box-shadow:none!important;
}

.wire-video-comments-303f1h9119{
  align-self:stretch!important;
  min-height:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow:hidden!important;
}

/* Recommendation shelf remains at the bottom and never consumes player flex. */
.wire-team-video-reader-shell-303f1h8810>
.wire-video-more-303f1h9119{
  order:7!important;
  flex:0 0 132px!important;
  width:100%!important;
  min-height:0!important;
  height:132px!important;
  max-height:132px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

/*
 * A little more horizontal room is useful after Load more. Do not change the
 * card size; just guarantee that horizontal overflow remains scrollable.
 */
.wire-video-more-carousel-303f1h9119{
  overflow-x:auto!important;
  overflow-y:hidden!important;
  overscroll-behavior-x:contain!important;
  scrollbar-width:thin!important;
  touch-action:pan-x!important;
}

/*
 * On narrower layouts the comments stack under the player, so return the
 * wrapper to a concrete 16:9 render box instead of forcing 100% of an
 * indefinite stacked row.
 */
@media(max-width:850px){
  .wire-team-video-reader-shell-303f1h8810{
    height:100dvh!important;
    max-height:100dvh!important;
    overflow-y:auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]{
    flex:0 0 auto!important;
    grid-template-columns:1fr!important;
    grid-template-rows:auto auto!important;
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
  }

  .wire-video-social-player-303f1h9119{
    height:auto!important;
    overflow:visible!important;
  }

  .wire-video-social-player-303f1h9119
  .wire-team-video-player-wrap-303f1h8810{
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
  }

  .wire-video-comments-303f1h9119{
    height:auto!important;
    min-height:300px!important;
    max-height:480px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    flex:0 0 132px!important;
    height:132px!important;
    max-height:132px!important;
  }
}

@media(max-width:620px){
  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-ad-303f1h8843{
    flex-basis:82px!important;
    min-height:82px!important;
    height:82px!important;
    max-height:82px!important;
  }

  .wire-team-video-reader-ad-slot-303f1h8843{
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    flex-basis:36px!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    padding:3px 8px!important;
  }

  .wire-team-video-reader-navigation-303f1h8859>button{
    min-height:28px!important;
    height:28px!important;
  }
}

/* wire-video-carousel-bottom-spacing-303f1h9129d */

/*
 * h9129c restored the player and reserved 132px for the bottom recommendation
 * shelf. The current h9119e shelf content is slightly taller:
 * - 30px header
 * - header margins
 * - 98px cards
 * - shelf padding
 * - horizontal scrollbar
 *
 * Give the shelf enough room for the complete card/footer/scrollbar without
 * changing card dimensions or taking ownership away from h9119.
 */
.wire-team-video-reader-shell-303f1h8810>
.wire-video-more-303f1h9119{
  flex:0 0 156px!important;
  height:156px!important;
  min-height:156px!important;
  max-height:156px!important;
  padding-bottom:14px!important;
  overflow:hidden!important;
  box-sizing:border-box!important;
}

.wire-video-more-carousel-303f1h9119{
  padding-bottom:9px!important;
  box-sizing:border-box!important;
  scrollbar-gutter:stable!important;
}

@media(max-width:850px){
  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    flex-basis:150px!important;
    height:150px!important;
    min-height:150px!important;
    max-height:150px!important;
    padding-bottom:12px!important;
  }
}

/* wire-video-reader-mobile-ad-placement-only-303f1h9147 */

/*
 * Baseline h9129b mobile order:
 * 1 header
 * 2 Artist on Wire
 * 3 expanded artist rail
 * 4 advertisement
 * 5 Previous / position / Next
 * 6 video + comments
 * 7 More Videos
 *
 * h9147 changes ONE thing: move the existing advertisement directly below
 * the Video Wire header. Every other native owner keeps its existing
 * relative order and sizing.
 *
 * Result:
 * 1 header
 * 2 advertisement
 * 3 Artist on Wire
 * 4 expanded artist rail
 * 5 Previous / position / Next
 * 6 video + comments
 * 7 More Videos
 */
@media(max-width:620px){

  .wire-team-video-reader-shell-303f1h8810{
    grid-template-rows:
      auto
      82px
      auto
      auto
      36px
      minmax(0,1fr)
      auto!important;
    grid-auto-rows:0!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-head-303f1h8810{
    grid-row:1!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-ad-303f1h8843{
    grid-row:2!important;
    align-self:stretch!important;
    min-height:82px!important;
    height:82px!important;
    max-height:82px!important;
    overflow:hidden!important;
  }

  .wire-team-video-reader-ad-slot-303f1h8843{
    min-height:58px!important;
    height:58px!important;
    max-height:58px!important;
    overflow:hidden!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-strip-303f1h9128{
    grid-row:3!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-rail-303f1h9128{
    grid-row:4!important;
    min-height:0!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    grid-row:5!important;
    align-self:stretch!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
    padding:3px 8px!important;
    box-sizing:border-box!important;
  }

  .wire-team-video-reader-navigation-303f1h8859>button{
    min-height:28px!important;
    height:28px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]{
    grid-row:6!important;
    align-self:stretch!important;
    min-height:0!important;
    height:100%!important;
    max-height:100%!important;
    overflow:hidden!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]{
    grid-row:6!important;
    min-height:0!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    grid-row:7!important;
    align-self:end!important;
    width:100%!important;
    min-height:0!important;
    max-height:136px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
}

/* wire-video-reader-native-player-wrap-placement-303f1h9148a */

/*
 * Corrected approach:
 * - keep h9147's confirmed Advertisement row
 * - move ONLY the native h8810 player wrapper on phones
 * - leave h9119's player container in place but empty/hidden on phones
 * - leave Comments inside the normal h9119 wrapper
 *
 * This avoids moving the h9119 container itself and avoids flattening it.
 */
@media(max-width:620px){

  .wire-team-video-reader-shell-303f1h8810{
    grid-template-rows:
      auto
      82px
      auto
      auto
      auto
      36px
      auto
      auto!important;
    grid-auto-rows:0!important;
    align-content:start!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-head-303f1h8810{
    grid-row:1!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-ad-303f1h8843{
    grid-row:2!important;
  }

  /*
   * This is the actual native player wrapper originally owned by h8810.
   * h9119 normally nests it inside .wire-video-social-player. h9148a
   * temporarily restores it to the native shell on phones.
   */
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]{
    grid-column:1!important;
    grid-row:3!important;
    position:relative!important;
    display:block!important;
    width:calc(100% - 16px)!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    aspect-ratio:16/9!important;
    margin:8px!important;
    padding:0!important;
    overflow:hidden!important;
    border-radius:14px!important;
    background:#000!important;
    box-sizing:border-box!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]
  .wire-team-video-player-303f1h8810,
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]
  iframe.wire-team-video-player-303f1h8810,
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]
  video.wire-team-video-player-303f1h8810{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    max-width:none!important;
    max-height:none!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:#000!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-strip-303f1h9128{
    grid-row:4!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-rail-303f1h9128{
    grid-row:5!important;
    min-height:0!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    grid-row:6!important;
    min-height:36px!important;
    height:36px!important;
    max-height:36px!important;
  }

  /*
   * The h9119 wrapper is NOT flattened. It remains the Comments owner.
   */
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]{
    grid-column:1!important;
    grid-row:7!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-rows:auto!important;
    align-items:start!important;
    width:100%!important;
    min-width:0!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    padding:8px!important;
    overflow:visible!important;
    box-sizing:border-box!important;
  }

  /*
   * Empty while the native player wrapper is promoted to the shell.
   */
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]>
  .wire-video-social-player-303f1h9119{
    display:none!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]
  .wire-video-comments-303f1h9119{
    grid-column:1!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    min-height:300px!important;
    height:auto!important;
    max-height:480px!important;
    margin:0!important;
    box-sizing:border-box!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    grid-column:1!important;
    grid-row:8!important;
    align-self:start!important;
    width:100%!important;
    min-height:0!important;
    max-height:136px!important;
    overflow:hidden!important;
    box-sizing:border-box!important;
  }
}

/* wire-video-reader-mobile-flex-order-correction-303f1h9148b */

/*
 * h9129c is the authoritative OUTER reader owner and uses display:flex.
 * That means grid-row cannot determine vertical placement here.
 *
 * h9148a correctly promoted the native h8810 player wrapper to a direct
 * reader-shell child on phones, but a new flex child defaults to order:0.
 * That is why the video jumped above the Video Wire header.
 *
 * Fix only the authoritative flex order. No DOM structure is changed here.
 */
@media(max-width:620px){

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-head-303f1h8810{
    order:1!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-ad-303f1h8843{
    order:2!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-team-video-player-wrap-303f1h8810]{
    order:3!important;
    flex:0 0 auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-strip-303f1h9128,
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-reader-artist-strip-303f1h9128]{
    order:4!important;
    flex:0 0 auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-rail-303f1h9128,
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-reader-artist-rail-303f1h9128]{
    order:5!important;
    flex:0 0 auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-team-video-reader-navigation-303f1h8859{
    order:6!important;
    flex:0 0 36px!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-social-layout-303f1h9119]{
    order:7!important;
    flex:0 0 auto!important;
  }

  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-more-303f1h9119{
    order:8!important;
    flex:0 0 132px!important;
  }
}

/* wire-video-reader-mobile-full-width-303f1h9148c */

/*
 * Full-width phone reader only.
 * The h8810 reader already uses position:fixed. Explicit viewport dimensions
 * prevent a transformed/constrained ancestor or accumulated width rule from
 * leaving the visible right-side gap seen on iPhone.
 */
@media(max-width:620px){

  html.wire-team-video-reader-open-303f1h8810,
  body.wire-team-video-reader-open-303f1h8810{
    width:100%!important;
    max-width:100%!important;
    overflow:hidden!important;
  }

  .wire-team-video-reader-303f1h8810:not(.wire-video-reader-mini-303f1h9131){
    position:fixed!important;
    top:0!important;
    right:auto!important;
    bottom:0!important;
    left:0!important;
    width:100vw!important;
    min-width:100vw!important;
    max-width:100vw!important;
    height:100dvh!important;
    min-height:100dvh!important;
    max-height:100dvh!important;
    margin:0!important;
    padding:0!important;
    box-sizing:border-box!important;
    overflow:hidden!important;
  }

  .wire-team-video-reader-303f1h8810:not(.wire-video-reader-mini-303f1h9131)
  >.wire-team-video-reader-backdrop-303f1h8810{
    position:absolute!important;
    inset:0!important;
    width:100%!important;
    height:100%!important;
  }

  .wire-team-video-reader-303f1h8810:not(.wire-video-reader-mini-303f1h9131)
  >.wire-team-video-reader-shell-303f1h8810{
    position:absolute!important;
    top:env(safe-area-inset-top,0px)!important;
    right:0!important;
    bottom:env(safe-area-inset-bottom,0px)!important;
    left:0!important;
    width:100%!important;
    min-width:100%!important;
    max-width:100%!important;
    margin:0!important;
    border-radius:0!important;
    box-sizing:border-box!important;
  }

  .wire-team-video-reader-303f1h8810:not(.wire-video-reader-mini-303f1h9131)
  >.wire-team-video-reader-shell-303f1h8810>*{
    width:100%!important;
    max-width:100%!important;
    box-sizing:border-box!important;
  }

  /*
   * Preserve the confirmed h9148b flex order while making sure the native
   * Artist on Wire strip can consume its normal intrinsic height.
   */
  .wire-team-video-reader-shell-303f1h8810>
  .wire-video-reader-artist-strip-303f1h9128,
  .wire-team-video-reader-shell-303f1h8810>
  [data-wire-video-reader-artist-strip-303f1h9128]{
    order:4!important;
    flex:0 0 auto!important;
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    min-height:0!important;
    height:auto!important;
    max-height:none!important;
    box-sizing:border-box!important;
  }
}