/* Shared control geometry, including safe areas after a CSS fullscreen rotation. */
html body #toast:not(.show) { pointer-events:none!important; }
html body #app#app .app .pv2-page .pv2-head { pointer-events:none!important; }
html body #app .pv2-page .pv2-head button { pointer-events:auto!important; }
html body #app .pv2-page .pv2-controls {
  box-sizing:border-box!important;
  min-width:0!important;
  max-width:100%!important;
}
html body #app .pv2-page .pv2-controls-inline-line {
  grid-template-columns:40px 34px minmax(0,1fr) 34px 34px 34px 64px!important;
  column-gap:4px!important;
}
html body #app .pv2-page .pv2-controls .pv2-control-lines {
  width:64px!important;
  min-width:64px!important;
  max-width:none!important;
  padding:0 2px!important;
  font-size:11px!important;
  line-height:1.25!important;
  white-space:nowrap!important;
  text-align:center!important;
}
html body #app .pv2-page .pv2-controls .pv2-progress {
  min-width:0!important;
  margin:0!important;
}
html body #app .pv2-page:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-controls-fullscreen-line {
  grid-template-columns:40px 34px minmax(0,1fr) 34px 34px 34px!important;
}
html body #app .pv2-page:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-controls-fullscreen-line>.pv2-control-lines {
  display:none!important;
}
html body #app .pv2-page:is(.pv2-page-full,.pv2-rotate-full) {
  --player-safe-left:env(safe-area-inset-left,0px);
  --player-safe-right:env(safe-area-inset-right,0px);
  --player-safe-top:env(safe-area-inset-top,0px);
  --player-safe-bottom:env(safe-area-inset-bottom,0px);
}
html body #app .pv2-page.pv2-rotate-full {
  --player-safe-left:env(safe-area-inset-top,0px);
  --player-safe-right:env(safe-area-inset-bottom,0px);
  --player-safe-top:env(safe-area-inset-right,0px);
  --player-safe-bottom:env(safe-area-inset-left,0px);
}
html body #app .pv2-page:is(.pv2-page-full,.pv2-rotate-full) .pv2-controls {
  left:calc(8px + var(--player-safe-left))!important;
  right:calc(8px + var(--player-safe-right))!important;
  bottom:calc(8px + var(--player-safe-bottom))!important;
}
html body #app .pv2-page:is(.pv2-page-full,.pv2-rotate-full) .pv2-head {
  left:var(--player-safe-left)!important;
  top:var(--player-safe-top)!important;
  width:calc(100% - var(--player-safe-left) - var(--player-safe-right))!important;
}
html body #app .pv2-page:is(.pv2-vertical,.pv2-home-portrait):not(.pv2-page-full):not(.pv2-rotate-full) .pv2-controls {
  left:calc(8px + var(--pv2-visible-left,0px) + env(safe-area-inset-left,0px))!important;
  right:calc(8px + var(--pv2-visible-right,0px) + env(safe-area-inset-right,0px))!important;
  bottom:calc(8px + var(--pv2-visible-bottom,0px) + env(safe-area-inset-bottom,0px))!important;
}
html body #app .pv2-page:is(.pv2-vertical,.pv2-home-portrait):not(.pv2-page-full):not(.pv2-rotate-full) .pv2-social {
  right:calc(9px + var(--pv2-visible-right,0px) + env(safe-area-inset-right,0px))!important;
  bottom:calc(118px + var(--pv2-visible-bottom,0px) + env(safe-area-inset-bottom,0px))!important;
}
html body #app .pv2-page:is(.pv2-vertical,.pv2-home-portrait):not(.pv2-page-full):not(.pv2-rotate-full) .pv2-info {
  left:calc(15px + var(--pv2-visible-left,0px) + env(safe-area-inset-left,0px))!important;
  right:calc(68px + var(--pv2-visible-right,0px) + env(safe-area-inset-right,0px))!important;
  bottom:calc(76px + var(--pv2-visible-bottom,0px) + env(safe-area-inset-bottom,0px))!important;
}
html body #app .pv2-page[data-pv2-compact="true"]:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-controls-inline-line {
  grid-template-columns:32px 28px minmax(0,1fr) 28px 28px 28px 64px!important;
  column-gap:3px!important;
}
html body #app .pv2-page[data-pv2-short="true"]:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-social {
  gap:4px!important;
  bottom:calc(94px + var(--pv2-visible-bottom,0px) + env(safe-area-inset-bottom,0px))!important;
}
html body #app .pv2-page[data-pv2-short="true"]:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-social button i {
  width:32px!important;
  height:32px!important;
}
html body #app .pv2-movie-toolbar>.pv2-line-trigger {
  flex-shrink:0;
  white-space:nowrap;
}
@media(max-width:360px) {
  html body #app .pv2-page .pv2-controls-inline-line {
    grid-template-columns:32px 28px minmax(0,1fr) 28px 28px 28px 64px!important;
    column-gap:3px!important;
  }
  html body #app .pv2-page:not(.pv2-page-full):not(.pv2-rotate-full) .pv2-controls-fullscreen-line {
    grid-template-columns:32px 28px minmax(0,1fr) 28px 28px 28px!important;
  }
}