#dock.collapsed + #screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul li.on-stage {
  left: calc(295px + 20px);
  width: calc(100% - 330px) !important;
}
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_vertical][data-total-on-stage="2"] .tc-list ul li.on-stage {
  height: calc(50% - 22.5px) !important;
}
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_vertical][data-total-on-stage="2"] .tc-list ul li[data-stream-type=desktop].on-stage,
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_vertical][data-total-on-stage="2"] .tc-list ul li[data-stream-type=screen].on-stage {
  top: calc(50% - 10px);
}
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li.on-stage {
  left: calc(95px + 20px);
  width: calc(100% - 130px) !important;
}
@media only screen and (max-width: 480px), only screen and (-webkit-min-device-pixel-ratio: 1.5, -o-min-device-pixel-ratio: 3/2, min--moz-device-pixel-ratio: 1.5, min-device-pixel-ratio: 1.5) {
  #dock.collapsed + #screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li.on-stage {
    left: calc(50px + 20px);
  }
}
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li.on-stage {
  width: calc(50% - 65px) !important;
}
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li[data-stream-type=desktop].on-stage,
#dock.collapsed + #screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li[data-stream-type=screen].on-stage {
  left: calc(50% + 50px);
}
#screen {
  width: calc(100% - 300px);
  box-sizing: border-box;
}
#screen li.on-stage {
  transition: left 0.3s, width 0.3s;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul,
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul {
  -moz-justify-content: flex-start;
  -ms-justify-content: flex-start;
  -ms-flex-pack: start;
      justify-content: flex-start;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul li.on-stage,
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li.on-stage {
  position: fixed;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul li:not(.on-stage),
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li:not(.on-stage) {
  -ms-flex: 0 0 auto;
      flex: 0 0 auto;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul {
  overflow-y: auto;
  height: 100% !important;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul li:not(.on-stage) {
  max-height: none;
  height: 150px !important;
}
#screen .streams[data-current-layout-type=hangout_vertical] .tc-list ul li.on-stage {
  top: 15px;
  left: calc(500px + 20px);
  width: calc(100% - 535px) !important;
  height: calc(100% - 45px) !important;
}
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul {
  overflow-x: auto;
  width: 100% !important;
}
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li:not(.on-stage) {
  max-width: none;
  width: 266px !important;
}
#screen .streams[data-current-layout-type=hangout_horizontal] .tc-list ul li.on-stage {
  top: 15px;
  left: calc(300px + 20px);
  width: calc(100% - 335px) !important;
  height: calc(100% - 245px) !important;
}
#screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li.on-stage {
  width: calc(50% - 167.5px) !important;
}
#screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li[data-stream-type=desktop].on-stage,
#screen .streams[data-current-layout-type=hangout_horizontal][data-total-on-stage="2"] .tc-list ul li[data-stream-type=screen].on-stage {
  left: calc(50% + 152px);
}
#screen .streams .tc-list {
  position: relative;
}