/* wire-watch-action-column-fix-303f1h497b */
.wvl-action-geometric-host{
  position:absolute!important;
  z-index:8!important;
  display:block!important;
  min-width:0!important;
  overflow:hidden!important;
  border-radius:13px!important;
  box-sizing:border-box!important;
}

.wvl-actions-geometric-column{
  display:grid!important;
  align-content:start!important;
  gap:8px!important;
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  height:100%!important;
  max-height:100%!important;
  overflow-y:auto!important;
  overflow-x:hidden!important;
  margin:0!important;
  padding:0 4px 0 0!important;
  box-sizing:border-box!important;
  scrollbar-width:thin!important;
}

.wvl-actions-geometric-column > *{
  width:100%!important;
  max-width:none!important;
  min-width:0!important;
  margin:0!important;
  box-sizing:border-box!important;
}

.wvl-actions-geometric-column a,
.wvl-actions-geometric-column button,
.wvl-actions-geometric-column [role="button"]{
  min-width:0!important;
}

body.wvl-action-column-corrected .wvsc-action-group{
  display:none!important;
}

@media(max-width:1049px){
  .wvl-action-geometric-host{
    display:none!important;
  }

  .wvl-actions-geometric-column{
    height:auto!important;
    max-height:none!important;
    overflow:visible!important;
    padding:0!important;
  }
}

/* wire-watch-action-stack-column-fix-303f1h497c */

/*
 * The original watch-page action component retains its desktop
 * multi-column grid rules after h497b moves it beside the player.
 * Force the moved component back into the intended vertical stack.
 */
.wvl-action-geometric-host .wvl-actions-geometric-column{
  display:flex!important;
  flex-direction:column!important;
  flex-wrap:nowrap!important;
  align-items:stretch!important;
  justify-content:flex-start!important;

  grid-template-columns:minmax(0,1fr)!important;
  grid-template-rows:none!important;
  grid-auto-flow:row!important;
  grid-auto-columns:minmax(0,1fr)!important;
  grid-auto-rows:auto!important;

  gap:8px!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
}

.wvl-action-geometric-host .wvl-actions-geometric-column > *{
  display:block!important;
  flex:0 0 auto!important;

  grid-column:1/-1!important;
  width:100%!important;
  min-width:0!important;
  max-width:none!important;

  margin:0!important;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}

.wvl-action-geometric-host .wvl-actions-geometric-column > a,
.wvl-action-geometric-host .wvl-actions-geometric-column > button,
.wvl-action-geometric-host .wvl-actions-geometric-column > [role="button"],
.wvl-action-geometric-host .wvl-actions-geometric-column > * > a,
.wvl-action-geometric-host .wvl-actions-geometric-column > * > button,
.wvl-action-geometric-host .wvl-actions-geometric-column > * > [role="button"]{
  width:100%!important;
  min-width:0!important;
  max-width:none!important;
  min-height:48px!important;

  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

.wvl-action-geometric-host .wvl-actions-geometric-column span,
.wvl-action-geometric-host .wvl-actions-geometric-column strong,
.wvl-action-geometric-host .wvl-actions-geometric-column small{
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  white-space:normal!important;
  word-break:normal!important;
  overflow-wrap:normal!important;
}

/*
 * Preserve the normal below-player action layout on tablets and phones.
 */
@media(max-width:1049px){
  .wvl-actions-geometric-column{
    display:grid!important;
    width:100%!important;
  }
}
