.root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom:last-of-type { order: 3; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom { width: 32px; height: 32px; margin-left: 2px; margin-right: 2px; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom > svg { width: 56px; height: 56px; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject { mask: none; width: 32px; height: 32px; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject .centerButton-1IShs7 { width: 32px; height: 32px; border-radius: 5px; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom foreignObject .centerButton-1IShs7 svg { width: 20px; height: 20px; } .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 .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, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.activeLight-3Bpdpx { background-color: #8f080805 !important; opacity: 0.7; transition: 0.17s opacity; color: #fff; } .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, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.activeLight-3Bpdpx:hover { opacity: 1 !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, .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.activeLight-3Bpdpx .centerIcon-JYpTUi { color: #fff; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV { width: auto !important; padding-left: 16px; padding-right: 16px; text-transform: uppercase; font-size: 14px; 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: 20px; height: 20px; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlIcon-10O-4h .slash-2yrR11 { color: inherit; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .contextMenuNub-NuTZ_U { display: none; } .root-22AK9z .wrapper-3t3Yqv { border-radius: 4px; background: #0e1115; padding: 3px 1px; } .root-22AK9z .joinButton-2KP9ZZ { border-radius: 3px; } .container-1IyjjY { border-radius: 3px; } .container-1IyjjY .icon-3CZSYe { border-radius: 3px; } .container-1Bj0eq .channelName-3KPsGw:before { display: none; } .container-1Bj0eq .spine-29OFwR { z-index: 10; } .userLimit-VbEkeM .wrapper-2fEmwW { border-radius: 2px; background: var(--background-modifier-hover); } .userLimit-VbEkeM .wrapper-2fEmwW .users-2JoyGL { background: none; padding-right: 0; width: auto; } .userLimit-VbEkeM .wrapper-2fEmwW .total-1c5KCN { background: none; width: auto; } .userLimit-VbEkeM .wrapper-2fEmwW .total-1c5KCN:after { display: none; } .userLimit-VbEkeM .wrapper-2fEmwW .total-1c5KCN:before { content: "/"; } .unread-XRkyaQ .unreadBar-elBRZx { transform: none !important; transition: transform 0.3s; height: 20px; } .unread-XRkyaQ.unreadTop-1DJtGv .unreadBar-elBRZx { border-radius: 3px; } .unread-XRkyaQ.unreadTop-1DJtGv .unreadBar-elBRZx[aria-hidden=true] { transform: translateY(-50px) !important; } .unread-XRkyaQ.unreadBottom-3Ojk6R .unreadBar-elBRZx { border-radius: 3px; } .unread-XRkyaQ.unreadBottom-3Ojk6R .unreadBar-elBRZx[aria-hidden=true] { transform: translateY(50px) !important; } .theme-light .sidebar-1tnWFu:not(.theme-dark) .searchBarComponent-3N7dCG { color: #000b; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .flex-2S1XBF > .wrapper-3t3Yqv > div:not([class], [style]) .controlButton-2PMNom svg path{ d: path("M19.738 10H22V14H19.739C19.498 14.931 19.1 15.798 18.565 16.564L20 18L18 20L16.565 18.564C15.797 19.099 14.932 19.498 14 19.738V22H10V19.738C9.069 19.498 8.203 19.099 7.436 18.564L6 20L4 18L5.436 16.564C4.901 15.799 4.502 14.932 4.262 14H2V10H4.262C4.502 9.068 4.9 8.202 5.436 7.436L4 6L6 4L7.436 5.436C8.202 4.9 9.068 4.502 10 4.262V2H14V4.261C14.932 4.502 15.797 4.9 16.565 5.435L18 3.999L20 5.999L18.564 7.436C19.099 8.202 19.498 9.069 19.738 10ZM12 16C14.2091 16 16 14.2091 16 12C16 9.79086 14.2091 8 12 8C9.79086 8 8 9.79086 8 12C8 14.2091 9.79086 16 12 16Z"); } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .flex-2S1XBF > .wrapper-3t3Yqv > div:not([class], [style]){ order: 1; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .controlButton-2PMNom:not(:first-child){ order: -1; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .colorable-3rVGna.red-3T8maV:after { content: 'Leave Call'; } .root-22AK9z .videoControls-353CsJ .bottomControls-31YuPK .flex-2S1XBF > .wrapper-3t3Yqv > :first-child{ display: non; } .bottomControls-31YuPK { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; line-height: 0; border-radius: 3px; }