/* old vcbuttons */
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK {
  /*.colorable-3rVGna.red-3T8maV[aria-label="Stop Watching"] {
    background-color: var(--blurple);
  }*/
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom:last-of-type {
  order: 3;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom {
  width: 26px;
  height: 26px;
  margin-left: 3px;
  margin-right: 3px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom > svg {
  width: 36px;
  height: 36px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject {
  mask: none;
  width: 56px;
  height: 56px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject .centerButton-1IShs7 {
  width: 40px;
  height: 40px;
  border-radius: 5px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject .centerButton-1IShs7 svg {
  width: 24px;
  height: 24px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .contextMenuContainer-1RO4DQ > svg {
  margin-bottom: -30px;
  margin-right: -30px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .contextMenuContainer-1RO4DQ > svg > foreignObject {
  width: 56px;
  height: 56px;
  mask: none;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7 {
  border-radius: 3px;
  padding: 5px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.audienceButton-3EsbUt, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.makeMeASpeakerButton-I5v_9C, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.speakerRaiseHandButton-2xNQGu {
  width: 26px;
  height: 26px;
  margin-left: 3px;
  margin-right: 3px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.audienceButton-3EsbUt svg, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.makeMeASpeakerButton-I5v_9C svg, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .centerButton-1IShs7.speakerRaiseHandButton-2xNQGu svg {
  transform: scale(0.75);
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .speakerRaiseHandButtonContainer-vFHQuX {
  margin-left: 0;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .leaveQuietlyButton-3Vhswc {
  border-radius: 3px;
  height: 26px;
  min-height: 26px;
  margin-left: 3px;
  margin-right: 3px;
  width: auto;
  padding-left: 4px;
  padding-right: 4px;
  text-transform: uppercase;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .leaveQuietlyButton-3Vhswc svg {
  transform: scale(0.75);
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryDark-2UJt1G, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryLight-1yA273 {
  background-color: #747f8d !important;
  color: #f6f7f8;
  /*.theme-dark & {
    background-color: #36393e;
  }*/
}
.theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryDark-2UJt1G, .theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ, .theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryLight-1yA273 {
  background-color: #2D3135 !important;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryDark-2UJt1G:hover, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ:hover, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryLight-1yA273:hover {
  background-color: #4f5660 !important;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryLight-1yA273 .centerIcon-JYpTUi {
  color: #f6f7f8;
}
.theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryDark-2UJt1G .centerIcon-JYpTUi, .theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.white-11auuQ .centerIcon-JYpTUi, .theme-dark .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.primaryLight-1yA273 .centerIcon-JYpTUi {
  color: #aeb0b2;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV {
  width: auto !important;
  padding-left: 16px;
  padding-right: 16px;
  text-transform: uppercase;
  font-size: 12px;
  white-space: nowrap;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV:after {
  content: attr(aria-label);
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV svg {
  display: none;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV:hover {
  background: var(--red-hover);
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV:active {
  background: var(--red-active);
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h {
  width: 16px;
  height: 16px;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h path[d="M9.01 11.085C9.015 11.1125 9.02 11.14 9.02 11.17L15 5.18V5C15 3.34 13.66 2 12 2C10.34 2 9 3.34 9 5V11C9 11.03 9.005 11.0575 9.01 11.085Z"] {
  d: path("M8.25 12.3V5.25C8.25 3.15 9.9 1.5 12 1.5C13.95 1.5 15.6 3 15.75 4.95L16.95 3.75C16.35 1.5 14.4 0 12 0C9.15 0 6.75 2.4 6.75 5.25V12.75C6.75 13.05 6.75 13.5 6.9 13.8L8.25 12.3ZM15.75 12.75C15.75 14.85 14.1 16.5 12 16.5C11.25 16.5 10.5 16.35 10.05 15.9L9 16.95C9.75 17.55 10.8 18 12 18C14.85 18 17.25 15.6 17.25 12.75V8.7L15.75 10.2V12.75ZM18.75 12V13.5C18.75 16.8 16.05 19.5 12.75 19.5H11.25C9.9 19.5 8.7 19.05 7.65 18.3L6.6 19.35C7.8 20.4 9.45 21 11.25 21V22.5H10.5C10.05 22.5 9.75 22.8 9.75 23.25C9.75 23.7 10.05 24 10.5 24H13.5C13.95 24 14.25 23.7 14.25 23.25C14.25 22.8 13.95 22.5 13.5 22.5H12.75V21C16.95 21 20.25 17.7 20.25 13.5V12H18.75ZM5.25 12H3.75V13.5C3.75 14.55 3.9 15.45 4.35 16.35L5.55 15.15C5.4 14.55 5.25 14.1 5.25 13.5V12Z");
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h path[d="M21 4.27L19.73 3L3 19.73L4.27 21L8.46 16.82L9.69 15.58L11.35 13.92L14.99 10.28L21 4.27Z"] {
  d: path("M23.8501 1.04985L22.8001 -0.150146L-0.149902 22.7999L1.0501 23.8499L23.8501 1.04985Z");
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h path[d="M6.7 11H5C5 12.19 5.34 13.3 5.9 14.28L7.13 13.05C6.86 12.43 6.7 11.74 6.7 11Z"],
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h path[d="M11.7237 16.0927L10.9632 16.8531L10.2533 17.5688C10.4978 17.633 10.747 17.6839 11 17.72V22H13V17.72C16.28 17.23 19 14.41 19 11H17.3C17.3 14 14.76 16.1 12 16.1C11.9076 16.1 11.8155 16.0975 11.7237 16.0927Z"] {
  display: none;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h .slash-33-IMF {
  color: inherit;
}
.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .contextMenuNub-NuTZ_U {
  display: none;
}