/* Watch Together V2.3R1 — one-button room video playback mode */
.playback-mode-strip{
  display:flex;
  justify-content:center;
  padding:10px 14px 2px;
}
.playback-mode-btn{
  width:min(100%,390px);
  min-height:54px;
  display:grid;
  grid-template-columns:38px minmax(0,1fr) auto;
  align-items:center;
  gap:10px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:15px;
  padding:8px 12px;
  background:linear-gradient(135deg,rgba(19,27,43,.94),rgba(10,17,29,.96));
  color:#eef4ff;
  box-shadow:0 12px 30px rgba(0,0,0,.18);
  cursor:pointer;
  text-align:left;
}
.playback-mode-btn:not(:disabled):hover{
  transform:translateY(-1px);
  border-color:rgba(115,99,255,.48);
}
.playback-mode-btn:disabled{
  cursor:default;
  opacity:.82;
}
.playback-mode-icon{
  width:36px;height:36px;
  display:grid;place-items:center;
  border-radius:11px;
  background:rgba(112,94,255,.14);
  font-size:20px;
  font-weight:900;
}
.playback-mode-copy{min-width:0}
.playback-mode-copy small{
  display:block;
  font-size:9px;
  letter-spacing:.12em;
  color:rgba(223,232,249,.48);
}
.playback-mode-copy b{
  display:block;
  margin-top:2px;
  font-size:13px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}
.playback-mode-cycle{
  font-size:9px;
  font-weight:800;
  color:rgba(228,235,248,.46);
  white-space:nowrap;
}
.playback-mode-btn[data-mode="shuffle"] .playback-mode-icon{
  background:rgba(60,161,255,.13);
}
.playback-mode-btn[data-mode="repeat-one"] .playback-mode-icon{
  background:rgba(80,210,155,.12);
}
@media(max-width:560px){
  .playback-mode-strip{padding:8px 8px 0}
  .playback-mode-btn{
    width:100%;
    min-height:50px;
    grid-template-columns:34px minmax(0,1fr) auto;
    border-radius:13px;
    padding:7px 10px;
  }
  .playback-mode-icon{width:32px;height:32px;font-size:18px}
  .playback-mode-cycle{font-size:8px}
}
/* VW_WATCH_TOGETHER_VIDEO_PLAYBACK_MODES_V2_3R1 */