/* wire-video-locked-rails-center-scroll-303f1h9178 */

/*
 * PUBLIC WIRE VIDEO — DESKTOP/TABLET
 * ----------------------------------
 * The browser document no longer owns vertical scrolling. The existing h425
 * universal left rail stays fixed; the right rail stays in the viewport; only
 * the center Video content scrolls.
 */
@media(min-width:761px){
  html.wire-video-center-scroll-303f1h9178,
  body.wire-video-center-scroll-303f1h9178{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-app,
  body.wire-video-center-scroll-303f1h9178
  .wire-app>.content-column{
    height:100%!important;
    min-height:0!important;
    max-height:none!important;
    overflow:hidden!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  ){
    box-sizing:border-box!important;
    height:var(
      --wire-video-viewport-height-303f1h9178,
      100dvh
    )!important;
    min-height:0!important;
    max-height:var(
      --wire-video-viewport-height-303f1h9178,
      100dvh
    )!important;

    grid-template-rows:
      76px
      minmax(0,1fr)!important;

    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  )
  >.wire-video-persistent-topbar-303e5r{
    position:relative!important;
    top:auto!important;
    grid-row:1!important;
    flex:0 0 auto!important;
  }

  /*
   * h425 already fixes the left rail to the viewport and gives its navigation
   * its own overflow-y:auto. Do not rebuild it; only reinforce scroll
   * containment and ensure the current bottom account card stays outside the
   * scrolling section.
   */
  body.wire-video-center-scroll-303f1h9178
  aside.wire-video-universal-sidebar-303f1h425{
    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }

  body.wire-video-center-scroll-303f1h9178
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-universal-scroll-303f1h425{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    -webkit-overflow-scrolling:touch!important;
  }

  body.wire-video-center-scroll-303f1h9178
  aside.wire-video-universal-sidebar-303f1h425
  .wire-video-universal-profile-base-303f1h425{
    flex:0 0 auto!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  )
  >.wire-video-persistent-main-303e5r{
    grid-row:2!important;
    box-sizing:border-box!important;
    display:grid!important;
    grid-template-rows:
      auto
      minmax(0,1fr)!important;

    height:100%!important;
    min-height:0!important;
    max-height:none!important;

    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  )
  >.wire-video-persistent-main-303e5r
  >.wire-video-inline-stage-303e5r{
    grid-row:1!important;
    min-height:0!important;
    flex:0 0 auto!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  )
  >.wire-video-persistent-main-303e5r
  >.wire-video-persistent-content-303e5r{
    grid-row:2!important;

    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;

    scroll-padding-top:16px!important;
    scroll-padding-bottom:96px!important;
  }

  body.wire-video-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r:not(
    .wire-creator-studio-specialist-shell-303f1h455
  )
  >.wire-video-persistent-right-303e5r{
    grid-row:2!important;

    box-sizing:border-box!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/*
 * CREATOR STUDIO — WIDE THREE-COLUMN DESKTOP
 * ------------------------------------------
 * h9177 owns left / center / right structure. The h455 public Video rails are
 * hidden on Studio routes. Lock the h454 left rail and h9177 right rail inside
 * a viewport-height Studio frame, with ONLY the center workspace scrolling.
 */
@media(min-width:1321px){
  html.wire-video-studio-center-scroll-303f1h9178,
  body.wire-video-studio-center-scroll-303f1h9178{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-app,
  body.wire-video-studio-center-scroll-303f1h9178
  .wire-app>.content-column{
    height:100%!important;
    min-height:0!important;
    overflow:hidden!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r.wire-creator-studio-specialist-shell-303f1h455{
    box-sizing:border-box!important;

    height:var(
      --wire-video-viewport-height-303f1h9178,
      100dvh
    )!important;

    min-height:0!important;
    max-height:var(
      --wire-video-viewport-height-303f1h9178,
      100dvh
    )!important;

    padding-bottom:0!important;
    overflow:hidden!important;
    overscroll-behavior:none!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r.wire-creator-studio-specialist-shell-303f1h455
  >.wire-video-persistent-main-303e5r{
    box-sizing:border-box!important;
    display:block!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    margin:0!important;
    overflow:hidden!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-video-persistent-shell-303e5r.wire-creator-studio-specialist-shell-303f1h455
  >.wire-video-persistent-main-303e5r
  >.wire-video-persistent-content-303e5r{
    box-sizing:border-box!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    overflow:hidden!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-shell-303f1h454{
    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    overflow:hidden!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-frame-303f1h454{
    box-sizing:border-box!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    align-items:stretch!important;
    overflow:hidden!important;
  }

  /*
   * Left: no page movement. Its existing three rows remain identity / nav /
   * footer, and only the middle h454 nav scrolls.
   */
  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-sidebar-303f1h454{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    align-self:stretch!important;

    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;

    overflow:hidden!important;
    overscroll-behavior:contain!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-nav-303f1h454{
    min-height:0!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
  }

  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-sidebar-footer-303f1h454{
    flex:0 0 auto!important;
    align-self:end!important;
  }

  /*
   * Center: sole page-level vertical scrolling owner.
   */
  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-workspace-303f1h454{
    position:relative!important;
    box-sizing:border-box!important;

    width:100%!important;
    height:100%!important;
    min-width:0!important;
    min-height:0!important;
    max-height:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;

    padding-right:4px!important;
    scroll-padding-top:12px!important;
    scroll-padding-bottom:28px!important;
  }

  /*
   * Right: locked in place. If its shortcut stack is taller than the viewport,
   * it can scroll internally without moving either the page or center column.
   */
  body.wire-video-studio-center-scroll-303f1h9178
  .wire-creator-studio-right-303f1h9177{
    position:relative!important;
    top:auto!important;
    bottom:auto!important;
    align-self:stretch!important;

    box-sizing:border-box!important;
    width:100%!important;
    height:100%!important;
    min-height:0!important;
    max-height:none!important;

    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:contain!important;
    scrollbar-gutter:stable!important;
    -webkit-overflow-scrolling:touch!important;
  }
}

/*
 * Mobile keeps normal document scrolling and the existing drawers/bottom nav.
 * h9178 deliberately does not lock body scroll below 761px.
 */
@media(max-width:760px){
  html.wire-video-center-scroll-303f1h9178,
  body.wire-video-center-scroll-303f1h9178,
  html.wire-video-studio-center-scroll-303f1h9178,
  body.wire-video-studio-center-scroll-303f1h9178{
    height:auto!important;
    overflow-x:hidden!important;
    overflow-y:auto!important;
    overscroll-behavior:auto!important;
  }
}