+@function getPlayerHeight($width){
+ @return calc(#{$width} / #{$player-factor})
+}
+
+@function getPlayerWidth($height){
+ @return calc(#{$height} * #{$player-factor})
+}
+
+@mixin playlist-below-player {
+ width: 100%;
+ border-bottom: 1px solid $separator-border-color;
+}
+
+.root {
+ &.theater-enabled #video-wrapper {
+ flex-direction: column;
+ justify-content: center;
+
+ #videojs-wrapper {
+ width: 100%;
+ }
+
+ /deep/ .video-js {
+ $height: calc(100vh - #{$header-height} - #{$theater-bottom-space});
+
+ height: $height;
+ width: 100%;
+ }
+
+ .playlist {
+ @include playlist-below-player;
+ }
+ }