










.broadcastchat_BroadcastChat_3URK7 {
  max-width: 194px;
  min-width: 0; }

.broadcastchat_ChatEntry_3soy- {
  display: flex;
  flex-shrink: 0;
  flex-direction: row;
  padding: 6px;
  padding-bottom: 8px;
  background-color: #22252b;
  transition: all .21s ease-in-out;
  flex-wrap: wrap;
  justify-content: center; }

.broadcastchat_ChatPanel_2ZCAI {
  display: flex;
  flex: 1;
  flex-direction: column;
  background-color: #1b1c20;
  position: relative; }

.broadcastchat_ChatMessages_3M5L0 {
  flex-grow: 1;
  overflow-y: scroll;
  flex-basis: 1px;
  position: relative;
  padding: 8px; }

.broadcastchat_EmoticonContainer_1wa4o {
  width: 15%;
  height: 10%; }

.broadcastchat_ChatSend_3JUnD {
  width: 15%;
  height: 10%; }

.broadcastchat_ChatBox_2qfgS {
  width: 70%;
  height: 10%; }

.broadcastchat_ChatControls_1TekO {
  display: flex; }

.broadcastchat_MessageChat_22PB4 {
  padding: 4px;
  color: #c1c6cf;
  word-break: break-word; }

.broadcastchat_MessageName_BJe6C {
  color: #6dcff6;
  font-size: 14px;
  text-decoration: underline;
  text-decoration-style: dotted;
  text-decoration-color: #6dcff63d; }
  .broadcastchat_MessageName_BJe6C:hover {
    color: #9edff8;
    text-decoration-color: #6dcff6b4; }

.broadcastchat_MessageContents_PNYZa {
  font-size: 14px; }
  .broadcastchat_MessageContents_PNYZa a {
    color: white; }
  .broadcastchat_MessageContents_PNYZa img.emoticon.large {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 4px;
    pointer-events: all;
    margin-top: -3px;
    margin-bottom: -3px;
    margin-right: -3px; }

.broadcastchat_EmoticonsOnly_gFjH8 {
  line-height: 32px; }

.broadcastchat_MessageNotification_3Xb4_ {
  color: gray;
  padding: 6px; }

.broadcastchat_MessageError_8MzyW {
  color: #812819;
  padding: 6px;
  border: 1px dashed rgba(255, 58, 58, 0.15);
  box-shadow: 2px 3px 14px 1px #00000066 inset;
  margin: 8px; }

.broadcastchat_minHeightZero_r7HLM {
  min-height: 0;
  flex: 1; }

.broadcastchat_ChatLoginButton_2TAQo {
  background: linear-gradient(to right, #3366ff, #7d6ebc);
  display: inline-block;
  padding: 0;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  width: 100%;
  left: 4px;
  right: 4px;
  bottom: 4px;
  height: 42px;
  text-align: center;
  line-height: 40px;
  text-decoration: none;
  cursor: pointer;
  min-width: 340px; }

.broadcastchat_RateLimitProgressBarContainer_JPqUG {
  width: 100%;
  height: 8px; }

.broadcastchat_RateLimitProgressBar_1EcVK {
  background-color: #7d6ebc;
  height: 100%;
  width: 0%; }

.broadcastchat_TimedProgressBarContainer_39xGj {
  width: 44px;
  position: absolute;
  top: 3px;
  right: 3px;
  bottom: 3px;
  background: #2c3036;
  z-index: 2; }

.broadcastchat_wrapper_2vz6R {
  width: 30px;
  height: 30px;
  position: absolute;
  right: 6px;
  top: 6px;
  background: #2c3036; }
  .broadcastchat_wrapper_2vz6R .SVGIcon_Submit {
    z-index: 500; }

.broadcastchat_pie_1k4dS {
  width: 50%;
  height: 100%;
  position: absolute;
  background: #2c3036;
  border: 2px solid #00ccff;
  box-sizing: border-box; }

.broadcastchat_spinner_3nRh5 {
  border-radius: 45px 0 0 45px;
  z-index: 200;
  border-right: none;
  animation: broadcastchat_rota_1xXh6 0s linear infinite;
  transform-origin: 100% 50%; }

.broadcastchat_filler_3Eegk {
  border-radius: 0 45px 45px 0;
  z-index: 100;
  border-left: none;
  animation: broadcastchat_fill_2tyuX 0s steps(1, end) infinite;
  transform-origin: 50% 50%;
  left: 50%;
  opacity: 0; }

.broadcastchat_mask_1V4Ke {
  width: calc(50% + 1px);
  height: calc(100% + 2px);
  top: -1px;
  left: -1px;
  position: absolute;
  z-index: 300;
  opacity: 1;
  background: inherit;
  animation: broadcastchat_mask_1V4Ke 0s steps(1, end) infinite;
  transform-origin: 50% 50%; }

@keyframes broadcastchat_rota_1xXh6 {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(360deg); } }

@keyframes broadcastchat_fill_2tyuX {
  0% {
    opacity: 0; }
  50%, 100% {
    opacity: 1; } }

@keyframes broadcastchat_mask_1V4Ke {
  0% {
    opacity: 1; }
  50%, 100% {
    opacity: 0; } }

.broadcastchat_FlairContainer_166wp {
  width: 24px;
  height: 24px;
  pointer-events: none; }
  .broadcastchat_FlairContainer_166wp img.emoticon.large {
    width: 24px;
    height: 24px;
    object-fit: contain;
    margin-right: 4px;
    pointer-events: all;
    margin-top: -3px;
    margin-bottom: -3px; }

.insetshadow_FriendsListInsetShadowCtn_1qeW3 {
  position: relative;
  height: 0;
  width: auto;
  flex-grow: 0;
  flex-shrink: 0; }

.insetshadow_FriendListInsetShadowTop_1osHa {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 100%);
  height: 26px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  flex-shrink: 0;
  z-index: 2;
  pointer-events: none; }

.insetshadow_FriendListInsetShadowBottom_2OoTJ {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 25%, rgba(0, 0, 0, 0) 100%);
  height: 16px;
  position: absolute;
  flex-shrink: 0;
  bottom: 0px;
  left: 0;
  right: 0;
  pointer-events: none; }

.BroadcastView {
  width: 100%;
  height: 100%;
  background-color: #000;
  display: flex;
  flex-direction: column; }

.broadcastHeader {
  height: 96px;
  background-color: #393947;
  border-bottom: 1px solid black; }

.broadcastMainView {
  display: flex;
  justify-content: center;
  flex-grow: 1; }

.leftContainer {
  display: flex;
  flex: 1 0;
  align-items: center;
  flex-direction: column; }

.rightContainer {
  min-width: 320px;
  /*flex: 1 0;*/
  display: flex;
  flex-direction: column;
  border-left: 1px solid black; }

.broadcastChatContainer {
  background-color: #393947;
  flex: 1;
  width: 100%; }

.videoFooter {
  display: none; }

.videoContainer .videoBlur {
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5; }

.videoControls {
  z-index: 31;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  display: flex;
  flex-direction: column;
  opacity: 1;
  transition: all .3s ease-in-out;
  transition-duration: .3s;
  user-select: none;
  pointer-events: none; }

.videoContainer.HidePlayerControls .videoControls, .videoContainer.HidePlayerControls .STV_BroadcastClose {
  opacity: 0;
  bottom: -24px;
  transition-duration: .3s;
  pointer-events: none; }

.videoContainer:hover.HidePlayerControls .videoControls, .videoContainer:hover.HidePlayerControls .STV_BroadcastClose {
  transition-duration: .8s; }

.videoControls .videoControlsBottom {
  margin-top: auto;
  margin-bottom: 0;
  padding-bottom: 8px;
  background: linear-gradient(to top, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(29, 30, 35, 0) 100%);
  pointer-events: all; }

.STV_BroadcastClose {
  position: absolute;
  right: 0;
  top: 0;
  width: 24px;
  height: 24px;
  padding: 6px;
  margin: 10px;
  background-color: #0002;
  border-radius: 50%;
  cursor: pointer;
  opacity: .75;
  z-index: 55; }

.ChatRoomGroup_Main_Content.chatHidden .STV_BroadcastClose {
  margin-right: 40px; }

.STV_BroadcastClose:hover {
  background-color: #000a;
  opacity: 1; }

.STV_ReplayBanner {
  position: absolute;
  top: 6px;
  right: 4px;
  border-radius: 3px;
  padding: 0px 8px;
  z-index: 46;
  color: black;
  font-size: 16px;
  line-height: 20px;
  font-weight: bold;
  white-space: nowrap;
  background-image: url(../../../images/applications/store/rebroadcast.png?v=d43887a328119e4ee2a994bc99df2eeb);
  box-shadow: 0 0 10px black; }

.videoContainer.fullscreenVideo .STV_ReplayBanner {
  font-size: 1.5vh;
  line-height: 2vh; }

.videoContainer.HidePlayerControls video {
  cursor: none; }

.BroadcastVideoWatchState, .BroadcastVideoUserInputNeeded {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.6);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-transform: uppercase;
  letter-spacing: 2px;
  cursor: default;
  z-index: 45; }

.BroadcastVideoWatchState_Text {
  text-align: center;
  margin: 0px 10%; }

.BroadcastVideoUserInputNeeded {
  cursor: pointer; }

.BroadcastVideoUserInputNeeded:hover {
  color: white; }

.BroadcastVideoUserInputNeeded .SVGIcon_Play {
  width: 64px;
  height: 64px;
  margin-bottom: 4px;
  padding: 8px;
  border-radius: 50%;
  border: 1px solid #fff1; }

.BroadcastVideoUserInputNeeded .SVGIcon_Play path {
  fill: #fff4;
  stroke: white;
  stroke-width: 6px;
  stroke-dasharray: 0 576;
  stroke-linecap: butt;
  transition: all .12s ease-in-out;
  transform: translateX(20px); }

.BroadcastVideoUserInputNeeded:hover .SVGIcon_Play path {
  stroke-dasharray: 512 0;
  fill: #fffc; }

.videoTimelineMain {
  width: calc( 100% - 8%);
  margin-left: 4%;
  margin-top: 48px;
  position: relative;
  outline: none; }

.videoTimelineMain .STV_timelineContainer {
  padding-top: 0px;
  padding-bottom: 6px; }

.videoTimelineMain .STV_timelineContainer:focus {
  outline: none; }

.videoTimelineMain ._DialogInputContainer {
  padding: 0;
  margin: 0;
  margin-bottom: 16px; }

.SliderContainer {
  height: 22px;
  padding-top: 6px;
  cursor: pointer; }

.VideoTimelineSlider {
  border: none;
  height: 6px;
  margin-top: 4px;
  margin-bottom: 4px;
  border-radius: 2px;
  background-color: #405358;
  box-shadow: 0px 1px 8px 2px black, 1px 2px 28px black;
  position: relative;
  cursor: pointer;
  user-select: none; }

.videoTimelineMain .STV_timelineGhostValue, .videoTimelineMain .STV_timelineValue, .videoTimelineMain .STV_timelineNoVideo {
  border-radius: 2px;
  background: #368fa7;
  background: linear-gradient(to right, rgba(54, 143, 167, 0.45) 0px, rgba(54, 143, 167, 0.5) calc( 100% - 64px), #5dc3ff 100%);
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0; }

.videoTimelineMain .STV_timelineValue {
  -webkit-mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAQAAABKxSfDAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12P8/5+BgYGBgZGBgYGBiQEJoHAY/+OSQeEAAMCCAwlfJ3DmAAAAAElFTkSuQmCC) repeat-x;
  -webkit-mask-size: 4px 15px;
  mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAQAAABKxSfDAAAACXBIWXMAAAsSAAALEgHS3X78AAAAIUlEQVQI12P8/5+BgYGBgZGBgYGBiQEJoHAY/+OSQeEAAMCCAwlfJ3DmAAAAAElFTkSuQmCC) repeat-x;
  mask-size: 5px 5px; }

.videoTimelineMain .STV_timelineGhostValue {
  background: linear-gradient(to right, #368fa7 0%, #5dc3ff calc( 100% - 4px), #dcf2ff calc( 100% - 1px), #dcf2ff 100%);
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: width .2s linear; }

.videoTimelineMain .STV_timelineNoVideo {
  background: #3a3e46;
  border-top-right-radius: 0px;
  border-bottom-right-radius: 0px;
  transition: width .2s linear;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAIAAAD8GO2jAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGimlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA4LTE2VDAwOjI2OjEwLTA3OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE4LTA4LTE2VDAwOjQzLTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOC0xNlQwMDo0My0wNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MzRkNjE4Y2MtMzc1Ny1iMjRmLTlmN2UtOGJlODkwNDczZGJmIiB4bXBNTTpEb2N1bWVudElEPSJ4bXAuZGlkOjVjZTVmNjQwLTdhMDktYjY0YS1iNzQ0LTk5MTA1ZWVjMThmOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjVjZTVmNjQwLTdhMDktYjY0YS1iNzQ0LTk5MTA1ZWVjMThmOSIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NWNlNWY2NDAtN2EwOS1iNjRhLWI3NDQtOTkxMDVlZWMxOGY5IiBzdEV2dDp3aGVuPSIyMDE4LTA4LTE2VDAwOjI2OjEwLTA3OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjFiNTYxMGI3LTgzZjYtY2I0YS04MjkwLThmMzQ2ZDc1OTQ5MSIgc3RFdnQ6d2hlbj0iMjAxOC0wOC0xNlQwMDo0MjoyNy0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDozNGQ2MThjYy0zNzU3LWIyNGYtOWY3ZS04YmU4OTA0NzNkYmYiIHN0RXZ0OndoZW49IjIwMTgtMDgtMTZUMDA6NDMtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6q0R0kAAAAoElEQVRIibXNuQ2AMBBEUeoiIERQCYS0ALREU3SBLXEaH3vMShNM9H5VN63RumGetr0y1ftxNQncuvv4wFvHBwIdHPjryEBUhwVSOiaQ0QGBvK4NFHVVgKLLA0RdGKDrkgBLZwe4Oi8g0BkBmU4NiHVSQKOXA0q9ENDrucClLxo9GUDp8QBQjwSwehiA65+Ahf4EjPQzYKf7gKnuA6a62wFthz4cxE3MuQAAAABJRU5ErkJggg==);
  background-size: 8px; }

.STV_timelineContainer.minimapActive .STV_timelineGhostValue {
  transition: none; }

.STV_BroadcastSettings, .videoControlsButtons {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative; }

.videoControlsButtons.LeftSpacer {
  width: calc(50% - 85px);
  flex-shrink: 1; }

.videoControlsButtons.PlayControls {
  flex-shrink: 0;
  flex-grow: 0; }

.videoControlsButtons.GoLive {
  text-align: left;
  justify-content: flex-start;
  width: 110px;
  flex-shrink: 0;
  flex-grow: 0; }

.STV_BroadcastSettings {
  justify-content: flex-end;
  flex-grow: 1; }

.videoControlButton {
  width: 32px;
  height: 32px;
  margin: 8px;
  cursor: pointer;
  position: relative;
  transition: all .12s ease-in-out; }

.videoControlButton:hover {
  filter: brightness(1.3); }

.STV_BroadcastSettings .videoControlButton {
  width: 18px;
  height: 18px; }

.STV_BroadcastSettings .videoControlButton .SVGIcon_Settings path {
  fill: transparent;
  stroke: white;
  stroke: #7e7e7e;
  stroke-width: 10px; }

.STV_BroadcastSettingsPanel {
  padding: 8px;
  text-align: right;
  border: 1px solid #333e;
  background: #000c;
  position: absolute;
  margin-top: -156px;
  margin-left: -64px;
  z-index: 7; }

.STV_BroadcastSettingsPanel.SubtitlesMenu {
  overflow: hidden scroll;
  padding-right: 0px; }

.STV_BroadcastContextMenuPanel {
  padding: 8px;
  text-align: center;
  border: 1px solid #333e;
  background: #000c;
  position: absolute;
  z-index: 44; }

.STV_BroadcastSettingsMenuItems {
  background: #234e;
  font-size: 12px; }

.STV_BroadcastSettingsMenuItems .contextMenuItem {
  cursor: pointer;
  padding: 2px 12px; }

.STV_BroadcastSettingsMenuItems .contextMenuItem:hover {
  color: white;
  background-color: #3d5b79; }

.STV_BroadcastSettingsMenuItems .contextMenuItem.menuChecked {
  font-weight: bold;
  position: relative; }

.STV_BroadcastSettingsMenuItems .menuChecked .contextMenuCheckMark {
  right: 4px;
  top: 9px;
  left: initial;
  height: 4px;
  width: 4px;
  border-radius: 50%; }

.settingsMenuSeparator {
  width: calc(100% - 8px);
  height: 1px;
  background-color: #536d84;
  margin: 4px; }

.videoControlButton .SVGIcon_Button {
  margin-left: 6px; }

.videoControlButton.controlFlip .SVGIcon_Button {
  margin-left: -6px; }

.videoControlButton.videoControlJump {
  display: flex;
  align-items: center; }

.videoControlButton .SVGIcon_Button polyline, .videoControlButton .SVGIcon_Button path {
  fill: #7e7e7e;
  transition: fill .12s ease-in-out; }

.videoControlButton:hover .SVGIcon_Button polyline, .videoControlButton:hover .SVGIcon_Button path, .BroadcastVolumeControl:hover .SVGIcon_Button polyline, .BroadcastVolumeControl:hover .SVGIcon_Button path {
  fill: #dadada; }

.STV_BroadcastSettings .videoControlButton.VideoSettingsOpen .SVGIcon_Button polyline, .STV_BroadcastSettings .videoControlButton.VideoSettingsOpen .SVGIcon_Button path {
  fill: #6dcff6;
  stroke: #6dcff6; }

.videoControlButton.jumpToMarker .Arrow, .videoControlButton.jumpToMarker .preArrowBox {
  fill: #b29a7c; }

.videoControlButton.jumpToMarker:not(.noMarkersInDirection):hover .Arrow, .videoControlButton.jumpToMarker:not(.noMarkersInDirection):hover .preArrowBox {
  fill: #ffead1; }

.videoControlButton.jumpToMarker.noMarkersOrSegments {
  visibility: hidden;
  display: none; }

.videoControlButton.jumpToMarker.noMarkersInDirection {
  cursor: default; }

.videoControlButton.jumpToMarker.noMarkersInDirection .Arrow, .videoControlButton.jumpToMarker.noMarkersInDirection .preArrowBox {
  fill: #66635e; }

.videoControlButton.videoControlGoLive {
  display: flex;
  width: fit-content; }

.videoControlButton.videoControlGoLive .SVGIcon_Button {
  width: 32px; }

.videoControlButton.videoControlGoLive .Arrow {
  fill: #216c91; }

.videoControlButton.videoControlGoLive:hover .Arrow {
  fill: #3da5da; }

.videoControlButton.videoControlGoLive .jumpGoLive {
  color: white;
  font-size: 12px;
  background-color: #216c91;
  line-height: 15px;
  height: 17.5px;
  margin-top: 7px;
  padding: 0 6px;
  padding-top: 1px;
  text-align: center;
  border-radius: 2px;
  margin-left: -6px;
  transition: all .12s ease-in-out;
  margin-right: -60px;
  text-transform: uppercase; }

.videoControlButton.videoControlGoLive:hover .jumpGoLive {
  background-color: #3da5da; }

.videoControlButton.videoControlGoLive.isLiveEdge:hover .jumpGoLive, .videoControlButton.videoControlGoLive.isLiveEdge .jumpGoLive {
  background-color: transparent;
  color: #3da5da; }

.videoControlButton.videoControlGoLive.isLiveEdge svg {
  display: none; }

.videoControlButton.videoControlGoLive.isLiveEdge {
  cursor: default; }

.videoControlButton .jumpAheadValue {
  position: absolute;
  left: 9px;
  color: #141823;
  font-size: 12px; }

.videoControlButton.buttonPlayPause {
  width: 32px;
  height: 32px;
  border: 1px solid rgba(126, 126, 126, 0.5);
  border-radius: 50%;
  background-color: rgba(126, 126, 126, 0.1); }

.videoControlButton.buttonPlayPause .SVGIcon_Play {
  width: 80%;
  height: 80%;
  margin-top: 3px;
  margin-left: 5px; }

.videoControlButton.buttonPlayPause .SVGIcon_Pause {
  width: 75%;
  height: 75%;
  margin-top: 4px;
  margin-left: 4px; }

.videoControlButton.buttonPlayPause .SVGIcon_Button path {
  fill: white; }

.videoControlButton.buttonPlayPause:hover {
  border: 1px solid #7e7e7e;
  background-color: #7e7e7e; }

.videoControlButton .SVGIcon_Button.SVGIcon_ClosedCaption {
  width: 24px;
  height: 24px;
  margin-top: -2px;
  margin-left: -2px; }

.videoControlButton .SVGIcon_Button.SVGIcon_ClosedCaption path.CCBox {
  fill: transparent;
  stroke: #7e7e7e; }

.videoControlButton.ClosedCaptionsActive .SVGIcon_Button.SVGIcon_ClosedCaption path.CCBox {
  fill: #ccc;
  stroke: #000; }

.videoControlButton.ClosedCaptionsActive .SVGIcon_Button.SVGIcon_ClosedCaption path.C1 {
  fill: #000;
  stroke: #7e7e7e; }

.BroadcastVolumeControl {
  /* collapsed width */
  width: 34px;
  overflow: hidden;
  cursor: pointer;
  transition: width 0.3s ease-in-out; }

.BroadcastVolumeControl.ShowVolumeSlider {
  /* width must match BroadcastVolumeControl_FixedLayout */
  width: 99px; }

.BroadcastVolumeControl_FixedLayout {
  /* width must match BroadcastVolumeControl */
  width: 99px;
  display: flex;
  flex-direction: row;
  align-items: center; }

.BroadcastVolumeControl .videoControlButton {
  margin-right: 16px; }

.BroadcastVolumeControl.muted .SVGIcon_Volume .SoundWaves {
  display: none; }

.BroadcastVolumeControl.muted .SVGIcon_Volume .SoundX line {
  stroke: #7e7e7e;
  stroke-width: 10px; }

.BroadcastVolumeControl.muted:hover .SVGIcon_Volume .SoundX line {
  stroke: #dadada; }

.BroadcastVolumeControl .videoControlButton .SoundWavesHighest, .BroadcastVolumeControl .videoControlButton .SoundWavesHigh, .BroadcastVolumeControl .videoControlButton .SoundWavesMed {
  transition: all .32s ease-in-out; }

.BroadcastVolumeControl .videoControlButton.HighVolume .SoundWavesHighest, .BroadcastVolumeControl .videoControlButton.MedVolume .SoundWavesHighest, .BroadcastVolumeControl .videoControlButton.MedVolume .SoundWavesHigh, .BroadcastVolumeControl .videoControlButton.LowVolume .SoundWavesHighest, .BroadcastVolumeControl .videoControlButton.LowVolume .SoundWavesHigh, .BroadcastVolumeControl .videoControlButton.LowVolume .SoundWavesMed {
  opacity: 0; }

.BroadcastVolumeSlider {
  position: relative;
  width: 50px;
  height: 22px;
  cursor: pointer; }

.BroadcastVolumeSlider_Track {
  background-color: #7e7e7e;
  position: absolute;
  left: 0;
  right: 0;
  top: 10px;
  bottom: 10px; }

.BroadcastVolumeSlider_Fill {
  background-color: #dadada;
  position: absolute;
  left: 0;
  top: 10px;
  bottom: 10px; }

.BroadcastVolumeSlider_Thumb {
  background-color: #dadada;
  position: absolute;
  border-radius: 50%;
  width: 12px;
  height: 12px;
  left: 100%;
  margin-left: -6px;
  top: 50%;
  margin-top: -6px; }

.STV_timelineGrabber_Wrapper {
  position: absolute;
  top: -25px;
  bottom: -3px;
  height: 54px;
  width: 24px;
  z-index: 6;
  margin-left: -14px;
  display: flex;
  align-items: center; }

.videoTimelineMain .STV_timelineGrabber {
  /* shouldn't this be 50%? */
  margin-left: -100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  -webkit-app-region: no-drag;
  transition: transform .0s ease-in-out;
  pointer-events: none; }

.STV_timelineContainer .STV_timelineGrabber .rightarrow, .STV_timelineContainer .STV_timelineGrabber .leftarrow {
  transform: scaleX(0);
  transform-origin: 50% 50%; }

.STV_timelineContainer:not(.grabberDown) .STV_timelineGrabber.grabberOffScreenRight .rightarrow, .STV_timelineContainer:not(.grabberDown) .STV_timelineGrabber.grabberOffScreenLeft .leftarrow {
  opacity: 1;
  transform: scaleX(1);
  fill: #5dc2fe;
  stroke: black;
  stroke-width: 10px;
  transition: all .16s ease-in-out; }

.STV_timelineContainer:not(.grabberDown) .STV_timelineGrabber.grabberOffScreenRight .grabber, .STV_timelineContainer:not(.grabberDown) .STV_timelineGrabber.grabberOffScreenLeft .grabber {
  opacity: 1;
  transform: scale(1);
  fill: #5dc2fe;
  stroke: black;
  stroke-width: 10px;
  transition: all .16s ease-in-out; }

.STV_timelineGrabberArrow {
  width: 24px;
  height: 44px;
  margin-top: -6px;
  margin-left: 26px;
  pointer-events: all; }

.STV_timelineGrabberArrow .SVGIcon_STVTimelineGrabber .grabber {
  transform: scale(2, 1.25);
  transform-origin: 50% 50%;
  fill: #5dc2fe;
  stroke: black;
  stroke-width: 6px;
  vector-effect: non-scaling-stroke; }

.STV_timelineGrabberArrow:hover .SVGIcon_STVTimelineGrabber .grabber {
  fill: white; }

.STV_timelineMinimapContainer .STV_timelineMapCurTime {
  display: none;
  width: 2px;
  height: 6px;
  background-color: white;
  position: absolute;
  top: 6px;
  margin-left: -1px; }

.STV_timelineGrabberValue {
  width: fit-content;
  padding: 0 3px;
  text-align: center;
  white-space: nowrap;
  background: linear-gradient(to bottom, #5dc3ff 0%, #5dc3ff 80%);
  box-shadow: 0px -4px 5px 2px rgba(0, 0, 0, 0.2);
  font-size: 10px;
  color: white;
  flex: 0 1;
  z-index: 2;
  border-radius: 2px; }

.timelineMarker {
  width: 8px;
  height: 32px;
  z-index: 1;
  position: absolute;
  top: -8px;
  left: 10%; }

.timelineMarkerIcon {
  width: 24px;
  height: 32px;
  margin-left: -8px;
  pointer-events: none; }

.timelineMarkerIcon .SVGIcon_STVTimelineMarker {
  fill: #b29a7c;
  stroke: black;
  stroke-width: 6px; }

.timelineMarkerIcon .SVGIcon_STVTimelineMarker .pointer {
  fill: #886b48;
  transform: scale(0.6) translateY(26px);
  transform-origin: 50% 50%;
  transition: all .16s ease-in-out; }

.timelineMarker:hover .timelineMarkerIcon .SVGIcon_STVTimelineMarker .pointer {
  transform: scale(1) translateY(0px); }

.timelineMarkerIcon .SVGIcon_STVTimelineMarker .line {
  transform: scale(2, 1);
  transform-origin: 50% 50%;
  vector-effect: non-scaling-stroke;
  stroke-width: 0.5px; }

.timelineMarker:hover .timelineMarkerIcon .SVGIcon_STVTimelineMarker {
  cursor: pointer; }

.timelineMarker:hover .timelineMarkerIcon .SVGIcon_STVTimelineMarker .line {
  fill: #ffe9cd; }

.STV_timelineSegmentsContainer {
  display: flex;
  flex-direction: row;
  overflow: hidden;
  height: 16px;
  width: 100%;
  position: relative; }

.noSegments .STV_timelineSegmentsContainer {
  display: none; }

.STV_timelineSegment {
  margin-right: 2px;
  font-size: 10px;
  cursor: pointer;
  display: flex;
  flex-direction: row;
  position: absolute;
  height: 16px;
  transition: opacity .1s linear; }

.STV_timelineSegment:hover {
  z-index: 5;
  text-shadow: 0px 0px 2px #000, 1px 1px 3px #000; }

.STV_timelineSegment:hover .STV_timelineSegmentBackFill, .STV_timelineSegment:hover .STV_timelineSegmentFrontFill {
  opacity: 1; }

.STV_timelineSegment:hover div {
  border-color: #cacaca; }

.STV_timelineSegmentFrontFill {
  width: 8px;
  height: 100%;
  border: 1px solid grey;
  border-bottom: 0px solid transparent;
  border-right: 0px solid transparent;
  margin-top: 6px;
  margin-right: 4px;
  opacity: .3;
  pointer-events: none;
  transition: opacity .1s ease-in-out; }

.STV_timelineSegment.hideFront .STV_timelineSegmentFrontFill {
  border-left: 0px solid transparent;
  border-top-style: dotted; }

.STV_timelineSegmentLabel {
  flex-shrink: 0;
  transition: color .1s ease-in-out; }

.STV_timelineSegment:hover .STV_timelineSegmentLabel {
  color: white !important; }

.STV_timelineSegmentBackFill {
  flex: 1;
  height: 100%;
  border: 1px solid grey;
  border-bottom: 0px solid transparent;
  border-left: 0px solid transparent;
  margin-top: 6px;
  margin-left: 4px;
  opacity: .3;
  pointer-events: none;
  transition: opacity .1s ease-in-out; }

.STV_timelineMinimapContainer {
  height: 22px;
  flex: 1;
  position: relative;
  margin-top: 72px;
  margin-right: 32px; }

.STV_timelineMinimap {
  width: 100%;
  height: 6px;
  padding: 6px 0;
  padding-top: 7px; }

.STV_timelineMinimapLine {
  width: 100%;
  height: 3px;
  background-color: #405358; }

.STV_timelineMinimapLine.Played {
  background-color: #216c91;
  background: linear-gradient(to right, #368fa7 0px, #368fa7 calc( 100% - 6px), #5dc3ff 100%);
  position: absolute;
  top: 7px;
  transition: all .2s ease-in-out; }

.STV_timelineMapWindow {
  height: 100%;
  border: 0px solid #fff0;
  border-top: 1px dashed #fff2;
  border-bottom: 1px dashed #fff2;
  position: absolute;
  top: -2px;
  backdrop-filter: brightness(160%);
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display: flex; }

.STV_timelineMapWindowCenter {
  flex: 1;
  background-color: #06f1;
  cursor: pointer; }

.STV_timelineMapWindowCenter:hover {
  background-color: rgba(148, 191, 255, 0.144); }

.STV_timelineMapWindowEdge {
  width: 4px;
  height: 100%;
  background-color: rgba(213, 228, 255, 0.5);
  flex-shrink: 0;
  cursor: ew-resize; }

.STV_timelineMapWindowEdge:hover {
  background-color: white;
  cursor: ew-resize; }

.STV_BroadcastController {
  display: flex;
  flex-direction: row;
  align-items: center;
  margin: 0 64px; }

.STV_BroadcastTooltip {
  position: absolute;
  color: white;
  font-size: 12px;
  padding: 0 4px;
  border-radius: 4px;
  user-select: none;
  background-color: #216c91;
  box-shadow: 0px 1px 8px 2px rgba(0, 0, 0, 0.5), 2px 3px 32px rgba(0, 0, 0, 0.8);
  z-index: 1000; }

.dash_video_stats {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: block;
  background: rgba(40, 60, 82, 0.65);
  /* So we can see it over the video */
  padding: 8px;
  color: #cfdae4;
  font: 14px Sans-Serif;
  backdrop-filter: blur(8px);
  margin: 6px;
  border: 1px solid black;
  z-index: 40; }

.dash_video_stats .videoStatsValue {
  color: white; }

.dash_video_stats .dash_stat_close_button {
  background: none;
  border: none;
  width: 24px;
  height: 24px;
  background-color: #0005;
  border-radius: 4px;
  padding: 2px;
  margin: 0;
  cursor: pointer; }

.dash_video_stats .dash_stat_close_button:focus, .dash_video_stats .dash_stat_close_button:active {
  outline: none; }

.dash_video_stats .dash_stat_close_button svg {
  width: 100%;
  height: 100%; }

.dash_video_stats .dash_stat_close_button svg line {
  stroke: #c9d3df;
  stroke-width: 24px; }

.dash_video_stats .dash_stat_close_button:hover svg line {
  stroke: white; }

.dash_stat_close_button {
  float: right; }

.BroadcastTab {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column; }

.ToggleBroadcastChat {
  padding: 7px;
  border-radius: 2px;
  margin: 8px 8px 8px 0px;
  align-self: center;
  background-color: #7a6ebe;
  width: 24px;
  height: 24px;
  margin-right: 16px;
  cursor: pointer; }

.ToggleBroadcastChat .SVGIcon_DoubleArrow {
  transform: rotateZ(180deg);
  transition: all .16s ease-in-out; }

.ChatCollapsed .ToggleBroadcastChat .SVGIcon_DoubleArrow {
  transform: rotateZ(0deg); }

.BroadcastTabHeaderContainer {
  display: flex;
  justify-content: flex-end; }

.TheaterMode .BroadcastTabHeaderContainer {
  display: none; }

.BroadcastTab_OverBackground {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  flex-direction: column; }

.BroadcastTab_HeaderRow {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  align-content: center;
  width: 356px; }

.BroadcastContainer {
  display: flex;
  flex-direction: row;
  margin-left: 4px;
  padding: 18px 16px;
  padding-top: 0px;
  flex-grow: 1;
  min-height: 0; }

.multiChatDialog .BroadcastContainer {
  padding: 0;
  padding-right: 2px; }

.TheaterMode .BroadcastContainer {
  padding: 0;
  height: 100%; }

.BroadcastChat {
  max-width: 340px;
  min-width: 340px;
  flex: 1;
  background-color: #22252b;
  font-size: 0;
  position: relative; }

.BroadcastChat iframe {
  border: 0px;
  height: 100%;
  width: 100%; }

.BroadcastSection, .BroadcastContainerSection {
  background-color: black;
  display: flex;
  flex-direction: column;
  flex-basis: content;
  flex-shrink: 0; }

.BroadcastSection {
  position: relative;
  width: 100%;
  max-width: 100%;
  max-height: calc( 100% - 50px); }

.BroadcastContainerSection {
  overflow-y: scroll;
  overflow-x: auto; }

.BroadcastDetailsSection {
  flex: 1;
  display: flex;
  user-select: none;
  min-height: 195px; }

.TheaterMode .BroadcastSection {
  max-height: 100%;
  margin-top: auto;
  margin-bottom: auto; }

.TheaterMode .BroadcastDetailsSection {
  display: none; }

.BroadcastDetailsSection .BroadcastDetails {
  display: flex;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.15);
  position: relative;
  flex: 1;
  overflow: hidden;
  padding: 0px 8px; }

.BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader {
  height: 60px;
  font-size: 16px;
  padding: 8px 8px;
  box-sizing: border-box;
  z-index: 1;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.BroadcastDetailsHeader_ViewerCount {
  margin-top: 6px;
  height: 20px;
  line-height: 20px;
  font-size: 13px;
  pointer-events: none;
  text-decoration: none; }

.BroadcastDetailsHeader_ViewerCount .SVGIcon_Viewers {
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: -3px; }

.BroadcastButton.WatchWithFriends .SVGIcon_Viewers .backGuy {
  fill: white; }

.BroadcastButton.WatchWithFriends .SVGIcon_Viewers .frontGuy {
  fill: #b6c3f8; }

.videoContainer .BroadcastDetailsHeader_ViewerCount {
  margin-left: 0px; }

.videoContainer .videoBackground, .BroadcastDetailsSection .BroadcastDetails .broadcastDetailsThumbBlur {
  width: 100%;
  opacity: 0.6;
  user-select: none;
  filter: blur(24px) saturate(2) brightness(1.21);
  -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) -25%, rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5) -25%, rgba(0, 0, 0, 0) 100%);
  height: 100%;
  max-height: none;
  position: absolute;
  right: 0;
  left: 0;
  top: 0;
  bottom: 0; }

.videoContainer .videoBackground {
  opacity: 0.4;
  mask-image: none;
  -webkit-mask-image: none; }

.BroadcastDetails .BroadcastDetailsHeader .AppTitle {
  color: #c1c6cf;
  flex-shrink: 0; }

.BroadcastDetails .BroadcastDetailsHeader .BroadcastTitle {
  color: #777;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.BroadcastDetails .BroadcastDetailsHeader .BroadcastLink {
  color: #778494;
  cursor: pointer;
  font-size: 14px;
  width: fit-content; }

.BroadcastDetails .BroadcastDetailsHeader .BroadcastLink:hover {
  color: #AAA; }

.BroadcastDetails .BroadcastDetailsHeader .BroadcastLanguage {
  color: #8277b1;
  display: flex;
  align-items: center;
  flex-direction: row;
  flex-shrink: 0;
  cursor: pointer; }

.BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader .Info {
  display: flex;
  align-items: center; }

.BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader .Actions {
  margin-left: 40px;
  flex-shrink: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end; }

.BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader .ContextMenuButton {
  width: 20px;
  height: 20px;
  display: flex;
  justify-content: center;
  align-items: center;
  opacity: 1;
  padding-top: 4px; }

.BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader .ContextMenuButton .SVGIcon_DownArrowContextMenu {
  fill: #8277b1;
  width: 16px;
  height: 16px;
  stroke-width: 8px;
  stroke: #8277b1;
  margin-left: 4px; }

.BroadcastChatDivider {
  background-color: #333741;
  border: 0.5px solid #121216;
  z-index: 1; }

.TheaterMode .BroadcastChatDivider {
  background-color: #121314; }

.TheaterMode .BroadcastChatDivider:hover, .BroadcastChatDivider:hover {
  background-color: #40464f; }

.BroadcastTheaterToggle, .BroadcastChatPositionToggle, .BroadcastFullscreenToggle {
  width: 30px;
  height: 30px;
  background-repeat: no-repeat; }

.BroadcastChatPositionToggle.bottom {
  background-image: url(../../../images/applications/store/icon_view_chatbottom.png?v=8e7fcbd022ac48e5f50778aab4c5ffda);
  margin-right: 4px; }

.BroadcastChatPositionToggle.right {
  background-image: url(../../../images/applications/store/icon_view_chatright.png?v=efa7c86a968a8de739a82ccea44f1c2c);
  margin-right: 4px; }

.BroadcastFullscreenToggle {
  background-image: url(../../../images/applications/store/icon_view_fullscreen.png?v=2bf539913bede6b55bcc924f94bf5dd8);
  margin-left: 4px; }

.BroadcastTheaterToggle {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAASCAYAAABM8m7ZAAAACXBIWXMAAAsTAAALEwEAmpwYAAAF+mlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE4LTA4LTE2VDIyOjA4OjU2LTA3OjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOC0wOC0yMlQwMTo0NTo1NS0wNzowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOC0wOC0yMlQwMTo0NTo1NS0wNzowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDo3YTg2NzRiMS00YTZlLWI1NDYtYWZlZi1lNzg0NGRjMDM0OTUiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDoyNzVmZDViNS1jZTMyLWVjNDYtYTNjYi0yMWRkOTdlYjdhZjQiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpiNGJkNTdkNC0yZjMxLWQzNDUtYTE2My1hOGM0ODdiNGI1NzQiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmI0YmQ1N2Q0LTJmMzEtZDM0NS1hMTYzLWE4YzQ4N2I0YjU3NCIgc3RFdnQ6d2hlbj0iMjAxOC0wOC0xNlQyMjowODo1Ni0wNzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTggKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDo3YTg2NzRiMS00YTZlLWI1NDYtYWZlZi1lNzg0NGRjMDM0OTUiIHN0RXZ0OndoZW49IjIwMTgtMDgtMjJUMDE6NDU6NTUtMDc6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCBDQyAyMDE4IChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz6X//lCAAAALklEQVRIiWOoq6v7PxCYAcpgIBf///+fZDxq8ajFoxaPWjxq8ajFoxZjtZjuGAA6L7Opo1B2PwAAAABJRU5ErkJggg==); }

.BroadcastChatDivider.horizontal {
  min-width: 6px;
  width: 6px;
  height: 100%;
  cursor: ew-resize; }

.BroadcastChatDivider.vertical {
  width: 100%;
  min-height: 6px;
  height: 6px;
  cursor: ns-resize; }

.chatWindow.broadcastVisible .chatBody {
  /*border: 1px solid red;*/
  min-height: 200px;
  flex: 1;
  flex-shrink: 0; }

.videoContainer {
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  flex-basis: content;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box; }

.videoContainer .BroadcastDetails {
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.6) 40%, rgba(29, 30, 35, 0) 100%);
  height: 64px;
  padding: 8px 16px;
  font-size: 20px;
  text-shadow: 0px 0px 2px #000, 1px 1px 3px 4px #000, 1px 1px 8px 6px #000;
  display: none;
  transition: all .3s ease-in-out; }

.videoContainer.HidePlayerControls .BroadcastDetails {
  transform: translateY(-24px); }

.TheaterMode .videoContainer .BroadcastDetails, .videoContainer.fullscreenVideo .BroadcastDetails {
  display: block; }

.videoContainer .BroadcastDetails .BroadcastDetailsHeader .BroadcastTitle {
  color: #ccc; }

.videoContainer .BroadcastDetails .BroadcastDetailsHeader .AppTitle {
  color: #eceff5; }

.videoContainerSizer {
  width: 100%;
  height: 0;
  padding-bottom: 56.25%; }

.videoSrc {
  transition: all .06s ease-in-out;
  z-index: 2;
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  border-left: 1px solid black;
  border-right: 1px solid black;
  position: absolute;
  top: 0;
  bottom: 0;
  background-color: #18191d; }

.videoContainer.VideoPaused .videoSrc {
  filter: saturate(0.5) brightness(0.96); }

iframe.steamTVLogin {
  border: none;
  width: 800px;
  max-width: 100%;
  height: 60vh;
  max-height: 500px; }

.DialogContent.SteamTVLoginDialog {
  width: 800px;
  padding: 0;
  max-width: 100%; }

.DialogContent.SteamTVLoginDialog > .DialogContent_InnerWidth {
  max-width: 800px; }

.FullpageBroadcastBackdrop {
  filter: blur(50px);
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
  width: 100%;
  height: 100%;
  background-position: center center; }

.StandalonePlayer .FullpageBroadcastBackdrop {
  z-index: -100; }

.BroadcastButton {
  background: linear-gradient(to right, #3366ff, #7d6ebc);
  display: inline-block;
  padding: 8px 32px;
  border-radius: 2px;
  font-size: 14px;
  color: #fff;
  user-select: none; }

.StandalonePlayerHeader {
  background-color: rgba(23, 26, 33, 0.3);
  border-bottom: 1px solid;
  border-image: linear-gradient(to right, rgba(51, 102, 122, 0.5), rgba(0, 203, 255, 0.5)) 100% 1;
  height: 71px;
  display: flex;
  justify-content: space-between; }

.StandalonePlayer.TheaterMode .StandalonePlayerHeader {
  display: none; }

.StandalonePlayerHeader .Logo {
  margin: 12px 0 0 20px;
  width: 154px;
  height: 46px;
  display: inline-block;
  background-image: url(../../../images/applications/store/logo_steamtv.png?v=2c9d72f103407052cf11db80c6e76fc5); }

.BroadcastContainerSectionVideoContainer {
  max-height: calc(100vh - 150px);
  position: relative; }

.StandalonePlayer .BroadcastContainerSectionVideoContainer {
  max-height: calc(100vh - 150px); }

.TheaterMode .BroadcastContainerSectionVideoContainer {
  margin-top: auto;
  margin-bottom: auto;
  max-height: 100%; }

.BroadcastStreamDetails {
  padding: 10px; }

.WatchWithFriends {
  margin: 0px 16px 0px 4px;
  cursor: pointer;
  flex: 1;
  display: flex;
  justify-content: center; }

.WatchWithFriends svg {
  width: 22px;
  height: 22px;
  margin-right: 5px;
  vertical-align: top;
  display: inline-block; }

.BroadcastStreamDetails .BroadcastAppName {
  color: #fff;
  font-size: 18px;
  display: inline-block;
  margin-left: 5px; }

.BroadcastStreamDetails .BroadcastTitle {
  color: #778494;
  font-size: 18px;
  display: inline-block;
  margin-left: 10px; }

.BroadcastStreamDetails .BroadcastLanguage {
  color: #9582e7;
  font-size: 18px; }

.StandalonePlayer, .StandalonePlayer .BroadcastContainerSection, .StandalonePlayer .BroadcastContainer {
  background: transparent; }

.StandalonePlayer.TheaterMode, .TheaterMode .BroadcastContainerSection, .TheaterMode .BroadcastContainer {
  height: 100%; }

.StandalonePlayer .BroadcastStreamDetails {
  background-color: rgba(0, 0, 0, 0.4);
  padding: 12px 5px; }

.STV_Logo {
  display: flex;
  align-content: center;
  align-items: center;
  margin-left: 16px; }

.STV_Logo .SVGIcon_SteamTV {
  width: 152px;
  height: 38px;
  margin-right: 3px; }

.STV_Logo_STEAM, .STV_Logo_TV {
  font-size: 20px;
  text-transform: uppercase;
  letter-spacing: 1px;
  font-weight: 0;
  color: #7d6ebc;
  user-select: none; }

.STV_Logo_TV {
  font-family: "Motiva Sans", Arial, Helvetica, sans-serif;
  font-weight: 300;
  margin-top: 1px; }

.STV_Logo_STEAM {
  font-weight: bold;
  margin-right: 1px;
  background: linear-gradient(to right, #5b6adb 0%, #7d6ebc 80%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; }

.STV_Logo .SVGIcon_Throbber #mainOutline path {
  stroke-width: 0px; }

.STV_Logo .SVGIcon_Throbber #mainOutline path, .STV_Logo .SVGIcon_Throbber #partCircle path {
  display: none; }

.STV_Logo .SVGIcon_Throbber #mainOutline .steamTV {
  display: block; }

.STV_Logo .SVGIcon_Throbber #topCircle circle {
  stroke: #5069e5; }

.STV_Logo .SVGIcon_Throbber #bottomCircle path {
  fill: #4367f0;
  stroke-width: 0px; }

.BroadcastOffline {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-size: cover; }

.LinkOverlayContainer {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 30;
  -webkit-app-region: no-drag;
  display: flex;
  flex-direction: column; }

.LinkOverlayValidRegion {
  width: 100%;
  height: 85%;
  -webkit-app-region: no-drag;
  position: relative; }

.LinkOverlayInvalidRegion {
  width: 100%;
  height: 15%;
  /* background-image: url( "../images/textures/diagonal_bg_transparent.png" ); */
  background-size: 16px;
  border-top: 1px solid rgba(101, 164, 212, 0.25);
  border-bottom: 1px solid rgba(101, 164, 212, 0.25);
  background-color: #0003;
  opacity: 1;
  display: flex;
  justify-content: center; }

.LinkOverlayInvalidRegion > div {
  text-transform: uppercase;
  letter-spacing: 2px;
  color: #80c1f3;
  text-align: center;
  width: fit-content;
  vertical-align: middle;
  font-size: 16px;
  text-shadow: 1px 1px 2px 4px #000, 1px 1px 3px 3px #000;
  font-weight: 100;
  align-self: center; }

.LinkRegion {
  left: 15%;
  top: 20%;
  width: 20%;
  height: 10%;
  opacity: 0.1;
  background-color: yellow;
  display: table;
  position: absolute; }

.LinkRegion:hover {
  opacity: 0.5; }

.LinkRegionText {
  display: table-cell;
  text-align: center;
  vertical-align: middle; }

.AddLinkRegion, .SaveLinkRegion {
  position: absolute;
  right: 8px;
  top: 8px;
  padding: 8px;
  background: #000a;
  border: 1px solid rgba(59, 127, 238, 0.541);
  color: #3b7fee;
  z-index: 51;
  user-select: none;
  font-size: 12px;
  cursor: pointer;
  text-transform: uppercase; }

.AddLinkRegion:hover, .SaveLinkRegion:hover {
  border: 1px solid white;
  color: white; }

.SaveLinkRegion {
  top: 45px; }

@media screen and (max-width: 420px) and (min-height: 420px) {
  .BroadcastContainer {
    flex-direction: column;
    padding: 0;
    margin: 0;
    justify-content: space-between; }
  .StandalonePlayer .BroadcastContainerSectionVideoContainer {
    flex: 1; }
  .StandalonePlayer .BroadcastContainerSection {
    width: 100% !important;
    max-width: 100% !important; }
  .BroadcastContainerSection {
    flex: 0 0 auto;
    align-self: stretch; }
  .BroadcastTab_HeaderRow {
    width: 100%; }
  .BroadcastDetailsSection {
    flex-basis: auto;
    max-height: 32px;
    display: none; }
  .BroadcastChatDivider.horizontal {
    height: 6px;
    width: 100%;
    display: none; }
  .BroadcastChatDiv {
    height: 100%; }
  .StandalonePlayer .LoginDiv, .BroadcastDetailsSection .BroadcastDetails .broadcastDetailsThumbBlur {
    display: none; }
  .WatchWithFriends {
    display: none; }
  .BroadcastChat {
    max-width: 100%;
    min-width: 0; }
  .StandalonePlayerHeader {
    position: absolute;
    z-index: 12;
    right: 0;
    left: 0;
    background: none;
    border: none;
    display: none; }
  .StandalonePlayer {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .StandalonePlayer .BroadcastContainer {
    height: 100%;
    flex: 1;
    flex-direction: column; }
  .StandalonePlayer .FullpageBroadcastBackdrop {
    position: absolute; }
  .StandalonePlayer .videoSrc {
    left: 0;
    right: 0;
    top: 0;
    bottom: 0; }
  .BroadcastDetailsSection .BroadcastDetails .BroadcastDetailsHeader {
    font-size: 12px; }
  .dash_video_stats {
    font-size: 10px;
    line-height: 10px; }
  .STV_BroadcastController {
    margin: 0; }
  .STV_BroadcastSettings {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #0008;
    border-radius: 8px;
    padding-right: 16px;
    filter: brightness(1.3); }
  .STV_BroadcastSettingsPanel {
    margin-top: 28px !important; } }

@media screen and (max-width: 830px) and (max-height: 420px) {
  .BroadcastContainer {
    padding: 0;
    margin: 0;
    justify-content: space-between;
    height: 100%; }
  .StandalonePlayerHeader {
    position: absolute;
    z-index: 12;
    right: 0;
    left: 0;
    background: none;
    border: none;
    display: none; }
  .STV_BroadcastSettings {
    position: absolute;
    top: 4px;
    right: 4px;
    background-color: #0008;
    border-radius: 8px;
    padding-right: 16px;
    filter: brightness(1.3); }
  .WatchWithFriends {
    display: none; }
  .STV_BroadcastSettingsPanel {
    margin-top: 28px !important; }
  .StandalonePlayer {
    display: flex;
    flex-direction: column;
    height: 100%; }
  .StandalonePlayer .BroadcastContainerSectionVideoContainer {
    flex: 1;
    max-height: calc(100% - 32px); }
  .StandalonePlayer .FullpageBroadcastBackdrop {
    position: absolute; }
  .StandalonePlayer .BroadcastContainerSection {
    width: 100% !important;
    max-width: 100% !important; }
  .StandalonePlayer .BroadcastChatDivider.horizontal, .StandalonePlayer .BroadcastChatDiv {
    display: none !important; }
  .BroadcastContainerSection {
    flex: 1 1 auto;
    align-self: stretch; }
  .BroadcastDetailsSection {
    flex-basis: auto;
    max-height: 32px; } }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .STV_BroadcastController {
  margin: 0; }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .LeftSpacer {
  display: none; }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlsButtons {
  width: fit-content; }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.videoControlGoLive .SVGIcon_Button {
  margin-left: 0; }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .STV_BroadcastSettings .videoControlButton.videoControlFitWidth {
  width: fit-content; }

.videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoTimelineMain {
  margin-top: 0; }

@media screen and (max-width: 1735px) {
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.videoControlJump, .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.VideoSettings {
    display: none; } }

@media screen and (max-width: 1434px) {
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .BroadcastVolumeSlider {
    display: none; }
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .BroadcastVolumeControl.ShowVolumeSlider, .videoContainer.GameDetailsPlayer:not(.TheaterMode) .BroadcastVolumeControl_FixedLayout {
    width: initial; } }

@media screen and (max-width: 1275px) {
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton {
    margin-top: 2px;
    margin-bottom: 2px; }
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.videoControlGoLive:not(.isLiveEdge) {
    margin-left: -10px; }
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.buttonPlayPause {
    width: 24px;
    height: 24px; }
    .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.buttonPlayPause .SVGIcon_Pause {
      margin-left: 3px;
      margin-top: 3px; } }

@media screen and (max-width: 1180px) {
  .videoContainer.GameDetailsPlayer:not(.TheaterMode) .videoControlButton.videoControlGoLive {
    display: none; } }

.crossfade {
  position: relative;
  overflow: hidden; }

.crossfade-anim-exit {
  opacity: 1;
  transition-timing-function: linear;
  transition-property: opacity; }

.crossfade-anim-exit-active {
  opacity: 0.01; }

.crossfade-img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background-size: cover; }

.linkregionbox_LinkRegionDragBox_Rtlc- {
  position: absolute;
  top: 32px;
  left: 32px;
  right: 32px;
  bottom: 32px;
  -webkit-app-region: no-drag;
  z-index: 50; }

.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_EdgeDown_i9zrH {
  z-index: 52; }

.linkregionbox_LinkRegionGridBox_1Ob4A {
  width: calc( 100% + 30px);
  height: calc( 100% + 30px);
  display: grid;
  grid-template-columns: 16px auto 16px;
  grid-template-rows: 16px auto 16px;
  grid-gap: 0;
  grid-row-gap: 0;
  margin-left: -16px;
  margin-top: -16px;
  -webkit-app-region: no-drag; }

.linkregionbox_LinkRegionEdge_2stP4 {
  background-color: rgba(92, 191, 230, 0.192);
  width: 100%;
  height: 100%;
  -webkit-app-region: no-drag; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_TopLeft_Clgi- {
  border-right: 2px dotted #008ada;
  border-bottom: 2px dotted #008ada;
  cursor: nwse-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Top_2Z9Vy {
  border-bottom: 2px dotted #008ada;
  background: linear-gradient(to top, rgba(1, 153, 255, 0.5) -50%, rgba(29, 30, 35, 0) 100%);
  cursor: ns-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_TopRight_2-8Db {
  border-left: 2px dotted #008ada;
  border-bottom: 2px dotted #008ada;
  cursor: nesw-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Left_3ZwUw {
  border-right: 2px dotted #008ada;
  background: linear-gradient(to left, rgba(1, 153, 255, 0.5) -50%, rgba(29, 30, 35, 0) 100%);
  cursor: ew-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco {
  cursor: move; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco .linkregionbox_LinkRegionDelete_3Hb3w {
  width: 20px;
  height: 20px;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  right: 8px;
  top: 8px;
  cursor: default;
  opacity: 0;
  -webkit-app-region: no-drag;
  transition: all .21s ease-in-out; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco .linkregionbox_LinkRegionSettings_VazMl {
  width: 20px;
  height: 20px;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  left: 8px;
  top: 8px;
  cursor: default;
  opacity: 0;
  -webkit-app-region: no-drag;
  transition: all .21s ease-in-out; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco .linkregionbox_LinkRegionDelete_3Hb3w line,
.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco .linkregionbox_LinkRegionSettings_VazMl line {
  stroke-width: 26px;
  stroke: #008ada;
  transition: all .21s ease-in-out; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco:hover .linkregionbox_LinkRegionDelete_3Hb3w:hover line,
.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco:hover .linkregionbox_LinkRegionSettings_VazMl:hover line {
  stroke: #cce0ff; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco:hover .linkregionbox_LinkRegionDelete_3Hb3w,
.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco:hover .linkregionbox_LinkRegionSettings_VazMl {
  opacity: 1; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Right_3h5fK {
  border-left: 2px dotted #008ada;
  background: linear-gradient(to right, rgba(1, 153, 255, 0.5) -50%, rgba(29, 30, 35, 0) 100%);
  cursor: ew-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_BottomLeft_2CQe0 {
  border-right: 2px dotted #008ada;
  border-top: 2px dotted #008ada;
  cursor: nesw-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Bottom_sIHlK {
  border-top: 2px dotted #008ada;
  background: linear-gradient(to bottom, rgba(1, 153, 255, 0.5) -50%, rgba(29, 30, 35, 0) 100%);
  cursor: ns-resize; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_BottomRight_3lnwj {
  border-left: 2px dotted #008ada;
  border-top: 2px dotted #008ada;
  cursor: nwse-resize; }

.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_topleft_3W096 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_TopLeft_Clgi-,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_top_1iRW1 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Top_2Z9Vy,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_topright_1Yrl7 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_TopRight_2-8Db,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_left_2iBrm .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Left_3ZwUw,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_right_15t6A .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Right_3h5fK,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_bottomleft_3SdBc .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_BottomLeft_2CQe0,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_bottom_2kzZ9 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Bottom_sIHlK,
.linkregionbox_LinkRegionDragBox_Rtlc-.linkregionbox_bottomright_2AKXk .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_BottomRight_3lnwj {
  border-color: white; }

.linkregionbox_LinkRegionEdge_2stP4:hover {
  border-color: #7eadf8; }

.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco {
  background-color: rgba(191, 202, 250, 0.133); }

.linkregionbox_EdgeDown_i9zrH.linkregionbox_middle_1CS75 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco,
.linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Middle_1Heco:hover {
  z-index: 10;
  background-color: rgba(133, 156, 255, 0.171); }

.linkregionbox_EdgeDown_i9zrH.linkregionbox_middle_1CS75 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Right_3h5fK,
.linkregionbox_EdgeDown_i9zrH.linkregionbox_middle_1CS75 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Bottom_sIHlK,
.linkregionbox_EdgeDown_i9zrH.linkregionbox_middle_1CS75 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Top_2Z9Vy,
.linkregionbox_EdgeDown_i9zrH.linkregionbox_middle_1CS75 .linkregionbox_LinkRegionEdge_2stP4.linkregionbox_Left_3ZwUw {
  border-color: white; }

.linkregionbox_LinkRegionButtonContainer_1ZJ42 .linkregionbox_DialogButton_nN2Q1 {
  display: inline-block;
  width: 100px;
  margin-right: 20px; }

.linkregionbox_LinkRegionInfo_3TiV7 {
  background-color: black;
  padding: 10px; }

.linkregionbox_LinkText_2TAc2 {
  text-align: center;
  vertical-align: middle;
  display: table-cell; }

.broadcastplayer_BroadcastPlayerLite_SAxf3 {
  max-width: 100%;
  width: 100%;
  height: 100%;
  max-height: 100%;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  align-items: center;
  overflow: hidden;
  box-sizing: border-box; }

.broadcastplayer_BroadcastPlayerLiteVideo_yCd0z {
  max-width: 100%;
  height: 100%;
  object-fit: contain;
  background-color: #18191d;
  background-color: black; }

.broadcastplayer_BroadcastContext_3TnYL {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.95) 0%, rgba(0, 0, 0, 0.6) 60%, rgba(29, 30, 35, 0) 100%);
  overflow: hidden;
  z-index: 5;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform: translateY(0%);
  opacity: 1; }
  .HidePlayerControls .broadcastplayer_BroadcastContext_3TnYL {
    transform: translateY(-50%);
    opacity: 0; }

.broadcastwidgets_StoreSaleWidgetContainer_mini_nacWp {
  display: flex;
  flex-direction: column;
  overflow: hidden;
  max-width: 155px;
  max-height: 337px;
  background: #000; }
  .broadcastwidgets_StoreSaleWidgetContainer_mini_nacWp .broadcastwidgets_Action_2Xpw9,
  .broadcastwidgets_StoreSaleWidgetContainer_mini_nacWp .broadcastwidgets_WishList_3mTSE {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 24px;
    line-height: 9px;
    font-size: 11px;
    margin-top: 2px; }
  .broadcastwidgets_StoreSaleWidgetContainer_mini_nacWp .StoreSaleWidgetTitle {
    font-size: 16px;
    line-height: 18px; }
  @media screen and (max-width: 620px) {
    .broadcastwidgets_StoreSaleWidgetContainer_mini_nacWp {
      max-width: unset;
      flex-direction: row; } }

.broadcastwidgets_StoreSaleWidgetImage_mini_yvW2h {
  cursor: pointer;
  max-width: 155px; }

.broadcastwidgets_StoreSaleImage_mini_1zSsm {
  cursor: pointer;
  width: 155px;
  display: block; }

.broadcastwidgets_StoreSaleWidgetShortDesc_mini_2ZkfU {
  overflow-y: scroll;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px);
  padding-bottom: 8px;
  overflow: hidden;
  flex: 1;
  letter-spacing: 0px;
  line-height: 13px;
  font-size: 11px; }
  @media screen and (max-width: 620px) {
    .broadcastwidgets_StoreSaleWidgetShortDesc_mini_2ZkfU {
      display: none; } }

.broadcast_embeddable_bordered_container_3zXpF {
  padding: 15px;
  text-align: left; }
  .broadcast_embeddable_bordered_container_3zXpF.broadcast_embeddable_Event_1A0NY {
    /* TODO alden might want to style the background differently for events */ }

.broadcast_embeddable_item_drop_ctn_ifxDf {
  background: rgba(70, 81, 88, 0.4);
  padding: 10px 13px;
  color: #cccccc;
  font-size: 13px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px; }
  .broadcast_embeddable_item_drop_ctn_ifxDf a {
    text-decoration: underline;
    margin-left: 6px;
    color: #cccccc; }
    .broadcast_embeddable_item_drop_ctn_ifxDf a:hover {
      color: #ffffff; }

.broadcast_embeddable_BorderedContainerPromotion_-b_1H {
  border: 2px solid black;
  margin-bottom: 8px; }

.broadcast_embeddable_bordered_title_Wsfbq {
  color: #ffffff;
  font-size: 14px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 500;
  text-transform: uppercase;
  position: relative;
  letter-spacing: 1px; }

.broadcast_embeddable_bordered_subtitle_3tYei {
  color: #a8a8a8;
  font-size: 12px;
  font-family: "Motiva Sans", Sans-serif;
  font-weight: 250;
  position: relative;
  letter-spacing: 1px;
  padding-left: 70px; }

.broadcast_embeddable_bordered_corner_container_3IBcN {
  float: right;
  display: flex;
  flex-direction: row; }

.broadcast_embeddable_bordered_corner_container_3IBcN a {
  letter-spacing: 0px;
  margin-right: 8px;
  font-size: 12px;
  font-weight: 200;
  color: #67c1f5; }
  .broadcast_embeddable_bordered_corner_container_3IBcN a:hover {
    color: white; }

.broadcast_embeddable_bordered_corner_expanded_ahz31,
.broadcast_embeddable_bordered_corner_shrinked_L8sFY {
  width: 13px;
  height: 10px;
  padding: 4px;
  border-radius: 3px;
  background-repeat: no-repeat;
  background-size: 13px;
  background-position: center; }
  .broadcast_embeddable_bordered_corner_expanded_ahz31:hover,
  .broadcast_embeddable_bordered_corner_shrinked_L8sFY:hover {
    cursor: pointer; }

.broadcast_embeddable_bordered_corner_shrinked_L8sFY {
  background-image: url(../../../images/applications/store/icon_expand_large.png?v=12ee853dd339e980b9899b63e61b1117); }
  .broadcast_embeddable_bordered_corner_shrinked_L8sFY:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNzkxNEI3Mzg0MDZFQTExQjcyMTg3QjA3NEE1Njc2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCREQ5OTFBOTA2ODQxMUVBQTIwRUU3RTNEMTU2NUVCNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCREQ5OTFBODA2ODQxMUVBQTIwRUU3RTNEMTU2NUVCNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA3OTE0QjczODQwNkVBMTFCNzIxODdCMDc0QTU2NzZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA3OTE0QjczODQwNkVBMTFCNzIxODdCMDc0QTU2NzZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/GA38QAAAZlJREFUeNq8lb9KA0EQxu8SOYhNtAzYCol9QPMCAaNN3sA0KfIEapNnEJtYpdVCtNJSTB5ASGwVTWkMCGohF9dv8Ftcz9v7EyQLP7ib+WYmzM1kXaWUM4+TCbwvgC44BNkZ8mUZ22Uua6EpeAEtcAy8FEU8xrSY4/OXV1oXwq76Plcgb9GY5KlVjP2jiQreAT64AYUIXYEanzFOVKGcRVAD7+AOrIb4xXZPTc2SI6cLVcETqFuEG+CZmrJhL9M2piYstk5NVV4u2dspaFoCSuARvPKHCW+0lSwxTeaUcyEGD5yon9O2BK6AIfggA9rCtG0jn+T2tCMLDgxnh7ZggiXQBz0+B/0Sc2TkkZyZsKnbN0SnliFZtNhzjNFnL268G0Zvr1PsUc/41o2ke7TNkVUx30J/uwG1ErOVdmErYMIED6AYoily8hRXoBK3sDbWwIiJZF/WA/s1pm9ErTNrId2aW6M1m0S3dhjT2sSFhGWOteJ/ms/nPn3OfxXSY31ujO8ZbYni3ZQ3rFxsHT43eX8lOu68rvIvAQYAEyEC4mNB4vMAAAAASUVORK5CYII=); }

.broadcast_embeddable_bordered_corner_expanded_ahz31 {
  background-image: url(../../../images/applications/store/icon_collapse_large.png?v=06f9add40856dbe16f354a99c2a82bf3); }
  .broadcast_embeddable_bordered_corner_expanded_ahz31:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAUCAYAAACTQC2+AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDowNjkxNEI3Mzg0MDZFQTExQjcyMTg3QjA3NEE1Njc2RCIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCOUM4N0IzNDA2ODQxMUVBQUQyRDgxNkFENTJCRTUwMiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCOUM4N0IzMzA2ODQxMUVBQUQyRDgxNkFENTJCRTUwMiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA2OTE0QjczODQwNkVBMTFCNzIxODdCMDc0QTU2NzZEIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA2OTE0QjczODQwNkVBMTFCNzIxODdCMDc0QTU2NzZEIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+mRO7xwAAAYdJREFUeNq8lb1KA0EUhZNdWFibmDKQVjDpA8YXCBht0lhrk2eINnkFAykUn0BEtNIyaB5AMLaKWmqsNMWSMJ6Bs3gNs7szKln4YLlzzrns/OzklVK5RTyeo94Hx8R3cuovsmQJnKvv54I1K79tkyIYssGUKNaK/9WoDEYMnoANMmHtnpo/NaqCFwa+gboYW2NNUVP9baN1MGbQM1g1aHTtiZp3epwabYqpucuYmjI18dRu2TbaBTMab0DBYh215pqeGTNSG+2J7XsGQkNomLCtQ3riZ9/UyAM9IToCviFsmV855Pv8uPYcipxenKMHA3AiBrsZaxGRUcradUWezg508VLMbTvBWOHO+wQN8sFaJcHTFmt9laPpFbQSDHWeF62piXqNtfHc+ZK0qGnIhTQJm9yyj2DFMK5rD9Q0EzLCrAO7w3/aLSil6ErUTOlxOrAdzu3A4RwN6OnYNNLb/ICGU+5I2z98QI9iRl6Oe4aLsAD6YBtEDldbRE+fGT8uxvyirvIvAQYAkm1Mw61wC10AAAAASUVORK5CYII=); }

.broadcast_embeddable_broadcast_settings_icon_37ugZ {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QzRDMDY4MzUwNjg1MTFFQUExQUFCNUI0QjMzRTNDNEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QzRDMDY4MzYwNjg1MTFFQUExQUFCNUI0QjMzRTNDNEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDNEMwNjgzMzA2ODUxMUVBQTFBQUI1QjRCMzNFM0M0QiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDNEMwNjgzNDA2ODUxMUVBQTFBQUI1QjRCMzNFM0M0QiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PhS5lDcAAALPSURBVHjavJZBSJRBFMe/3RYyQVIIUsmjsNKSnby5uxfFS+h20sNeTFFZ2VCxi2dPYYelJRPzIqG3Lbp5ctVTICStIF4z9SBoRLWBS/0f/Qdes/PZh0gPfuzszJv35s17M/OFRorfvIAyAHLgFv+fgOx8vHYlyOSwF1zmQAS8JdfYF0gijr46MATOwDI4B1HQBF5xTGQejIxufI8iqj38iq00qAeL6Pt6UUSNYBM8A0vgA0iAbo6vK13T7oaTBHWXOHcLfY3acEjlqI5O2sFTRpvlFhlpAQdsN4PPaqzCHMoOTIMd0Gki01s3rJw8YZ+sMA/K3KoDpX8IHoJRUAMyMFqSAUTj0dkwI/zL0akjbyVunZ8UYLxwQe5PXTmSxO9yu2LeJQXRxGhjlzarHMneZpiTvMNGB1gF+2SVfbbkaUO28tzlKMocecyJlnEpWfAa3CPSXkQE45aumdsupa+rboAHr0kpS5ILKhJx0gm+WEZvslKHsPr33Lo+NVfkCEyFWZI3eBjTLGGtOAlmHE489s1Q588pjte+4aIlgJesyJxE9ItXSp9Pfve5VWWfcTH0EQ5afYpDHPcGuetC3hVIhLdwgnlYJ/pgboMu8M7HRhd1dBR38JMkYvskzJr/AR6x7j+BlJonJ3uWifccxTBrTj+dpGhjmTbFdlYcrfDeagOPqT+mjEk1LbC6HjAnNWxL34KpOOOLv2KrDWPN8mbp62YP3Gb7urXy53Q4qVa/rcvaKg6RHXk+XAc2wlNd4Q1hixjsB62kn322ZGgjzzeqypGcobs8V6XLVhdv8BxtpV0vbIO684zEGOVP8MI6yCIprLrqmVA2Gv77w6e3Tjp6qCCKEyyQpKrGpNKPq+pKUndCOenR3w32zXDMy1OqaxDcB0Ww5nBk2mswWKTuIOdKJMd+3wz/kkNevkUVUVnOyVV/101x/3tJhX2B5LcAAwAQm+d6bNBMjQAAAABJRU5ErkJggg==);
  width: 16px;
  height: 16px;
  padding: 1px;
  background-repeat: no-repeat;
  background-size: 16px;
  background-position: center;
  margin-right: 10px; }
  .broadcast_embeddable_broadcast_settings_icon_37ugZ:hover {
    background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAYAAACpSkzOAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6Q0FGOUExMkUwNjg1MTFFQUI1M0VCMDgwOTkyMTNBQ0UiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6Q0FGOUExMkYwNjg1MTFFQUI1M0VCMDgwOTkyMTNBQ0UiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpDQUY5QTEyQzA2ODUxMUVBQjUzRUIwODA5OTIxM0FDRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDpDQUY5QTEyRDA2ODUxMUVBQjUzRUIwODA5OTIxM0FDRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkpNtH8AAAHcSURBVHjaxJYxawIxFMej3GAHkW5F/AA3HHXr2Jschd6m4OIugn4MB+cOroJbu+p2H6Bg5aa6uyh1dTi4vsA/7fM1DSdWDPw88/Lyf5fkJTmVZZnKSZvYZj9lC1uu/gX9k7NsiBsiRv2ROBDVXL0t0cvEgOgSHmw+RjFhfs+w+ah76DOAxpGuDHJHLNn0JERI9FHvMN8WbH34JKzfO7SsgcosyIgYE2l2XGrMvyraUvQZob7kI+OBhiyIsQVETMyJyDLNEdpi+Bq7CTY0No8t1x5PbkuI0LHEL0AWT2gejcjDPKfi7U4lgEbCkulXMoQYcmwReCBmxAeYwSb9YmiE3F5kw/WJOv4fxFT0iAkxJe7BFLae8DV969D8njq9uzcigyIxkhVRsbx9BW18ZE9CS2u3FY6SPTZjR6SwwhQ1HWvShI/cjy1s6k8dQyHqq0NIr0fJ0a7b1o52rZ0Vc5xSBfUPRQfaYa/ohe0QNeHzRjQcGg348FKD1gTau0skQ/RXMih2QpvDcyEEexBsYk1K+L9CG/eds8PWP2fDrsFJG/YqR1AXbzI+I4hhDK2u7Qi6xTNltgBX94KILBmnbXP4BMyeCs3rXHz/eZUvXVf5RT9Orvq5dZEPyC8BBgCnZHx5xIExDwAAAABJRU5ErkJggg==);
    cursor: pointer; }

.broadcast_embeddable_container_2yiy6 {
  display: flex;
  margin-bottom: 0px;
  margin-top: 10px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  align-content: stretch;
  align-items: stretch;
  justify-content: space-between; }
  @media screen and (max-width: 620px) {
    .broadcast_embeddable_container_2yiy6 {
      flex-direction: column; } }

.broadcast_embeddable_side_panels_T_zpR {
  max-width: 155px;
  max-height: 337px;
  overflow: scroll; }
  @media screen and (max-width: 768px) {
    .broadcast_embeddable_side_panels_T_zpR {
      display: none; } }

.broadcast_embeddable_side_panels_T_zpR.broadcast_embeddable_multistream_1DS-W {
  max-width: 158px; }

.broadcast_embeddable_side_panels_T_zpR::-webkit-scrollbar {
  height: 0px; }

.broadcast_embeddable_side_panels_T_zpR::-webkit-scrollbar-thumb {
  background-color: #7581a3; }

.broadcast_embeddable_wrapper_1mH-v {
  display: flex;
  flex-direction: column;
  flex: 100 0;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between; }

.broadcast_embeddable_video_placeholder_1KU95,
.broadcast_embeddable_video_container_1gbNx,
.broadcast_embeddable_embedded_player_12fBJ {
  border: none;
  width: 100%;
  overflow: hidden;
  height: 337px; }

.broadcast_embeddable_video_placeholder_1KU95,
.broadcast_embeddable_video_container_1gbNx {
  background: black;
  display: flex; }
  @media screen and (max-width: 770px) {
    .broadcast_embeddable_video_placeholder_1KU95,
    .broadcast_embeddable_video_container_1gbNx {
      height: calc( (100vw - 185px) * 0.55);
      min-height: 270px; } }
  @media screen and (max-width: 620px) {
    .broadcast_embeddable_video_placeholder_1KU95,
    .broadcast_embeddable_video_container_1gbNx {
      height: calc( (100vw - 30px) * 0.55);
      min-height: unset; } }

.broadcast_embeddable_BorderedContainerPromotion_-b_1H .broadcast_embeddable_video_placeholder_1KU95,
.broadcast_embeddable_BorderedContainerPromotion_-b_1H .broadcast_embeddable_video_container_1gbNx {
  height: 530px; }

.broadcast_embeddable_viewer_bar_2Ygph {
  display: flex;
  flex-direction: row;
  justify-content: space-between; }

.broadcast_embeddable_viewer_count_1MrTW {
  font-size: 11px;
  margin: 4px 0px 11px 0px;
  padding-left: 31px;
  letter-spacing: 0px;
  pointer-events: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2RpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYwIDYxLjEzNDc3NywgMjAxMC8wMi8xMi0xNzozMjowMCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDoyNTQ1OEIxODdDNjRFNDExODc1RkI2Qjg0QjVGOEIwQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpGRjdGMzUxMDY1NEYxMUU0QjU0RDg4RjA3QzRFQjEwOCIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpGRjdGMzUwRjY1NEYxMUU0QjU0RDg4RjA3QzRFQjEwOCIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1IFdpbmRvd3MiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyNzQ1OEIxODdDNjRFNDExODc1RkI2Qjg0QjVGOEIwQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyNTQ1OEIxODdDNjRFNDExODc1RkI2Qjg0QjVGOEIwQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PvrdftoAAAHLSURBVHjatJVNRERRFMdnmjGVJqn0QQxth4iIiOhr164UKZEmkUYRiUSitJpJm4bRFyktkqJFRC2itEirIsUwFZk0lJJq+l/+j+v05pWYw8979zj3/+49597z7IlEwpYKswfml1Ii7DTxZYIGPvfAY5K5xYx7YNynlbAbHIEyjpVoHTgTcTVglx9Xtg8adfE0MWFYE1WWR5+0AU1UWS3o0AOkcJUYx8EJCIAYuANj4AlERGyllfCNGC+AbODn6lVeJ5iacxF7ZSU8LVZyILdIq2fBDIuCRSthVeFVbfwGPkyEM8QKg+A5mXA1uAYjmq8IbJkIb4vizYAL4JXCJWAHFGjB6krmMqfrmn8WhMAt+NL8pTyCbl14EuSIVakcrrGAzZq/F8yx0C1ijgcMGcIu0KoVwcaUDHIFbcChTU4HPWADHIND+u/57DKE1fZfeV4d3F4T6AblFu1A1aRdu0BRFl/l3uGkI5/bqOAtKgT9nPACsoSo4VOiYTAKTsGlcVz1XhEhm2wuLl4Er8lqY8TDAk/9aJuyHwdDy8Yp8fFDfdyJTVycFd5EVci439f5a9s08jXO97B2JN+Zx3/1Y5vFx/7+B0nVr+lbgAEAwG5qAzzGPfwAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-position: 3px center;
  line-height: 22px;
  text-decoration: none;
  max-width: 105px; }

.broadcast_embeddable_viewer_links_2EQpO {
  padding: 5px;
  color: #6c8da1; }

.broadcast_embeddable_viewer_links_2EQpO > a {
  color: #7092a5;
  font-size: 11px;
  text-decoration: underline; }

.broadcast_embeddable_viewer_links_2EQpO > a:hover {
  color: #fff; }

.broadcast_embeddable_stream_icon_and_viewer_container_2sbrG {
  display: flex;
  flex-direction: column;
  max-width: 155px;
  /* Give each stream a fixed height so that the auto-scrolling logic can scroll the container correctly down when changing streams */
  height: 78px;
  padding-bottom: 12px;
  position: relative; }

.broadcast_embeddable_stream_icon_and_viewer_container_2sbrG .broadcast_embeddable_viewer_count_1MrTW {
  background-color: rgba(0, 0, 0, 0.4);
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
  margin: 0px; }

.broadcast_embeddable_stream_icon_container_2zBOi .broadcast_embeddable_stream_icon_show_on_hover_29z3N {
  display: none; }

.broadcast_embeddable_stream_icon_container_2zBOi:hover .broadcast_embeddable_stream_icon_hide_on_hover_qYFsG {
  display: none; }

.broadcast_embeddable_stream_icon_container_2zBOi:hover .broadcast_embeddable_stream_icon_show_on_hover_29z3N {
  display: block; }

.broadcast_embeddable_stream_icon_container_2zBOi {
  display: flex;
  flex-direction: row;
  justify-content: left;
  align-items: center;
  background: white;
  margin-right: 8px;
  position: relative; }

.broadcast_embeddable_stream_icon_1LBYs,
.broadcast_embeddable_stream_icon_selected_mSpze {
  max-width: 136px;
  border-width: 0px;
  border-style: solid;
  transition: transform 0.1s ease-out; }

.broadcast_embeddable_stream_icon_1LBYs {
  border-color: black; }
  .broadcast_embeddable_stream_icon_1LBYs:hover {
    transform: scaleX(0.96) scaleY(0.93);
    cursor: pointer; }

.broadcast_embeddable_multistream_1DS-W {
  overflow: hidden; }
  .broadcast_embeddable_multistream_1DS-W .broadcast_embeddable_viewer_count_1MrTW {
    max-width: 116px; }
  .broadcast_embeddable_multistream_1DS-W .broadcast_embeddable_stream_icon_1LBYs,
  .broadcast_embeddable_multistream_1DS-W .broadcast_embeddable_stream_icon_selected_mSpze {
    max-width: 147px; }

.broadcast_embeddable_scrollingstreams_3aYWl {
  overflow: scroll;
  max-width: 136px;
  -webkit-mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px);
  mask-image: linear-gradient(to top, rgba(0, 0, 0, 0) 0%, black 16px); }
  .broadcast_embeddable_scrollingstreams_3aYWl .broadcast_embeddable_viewer_count_1MrTW {
    max-width: 105px;
    margin-bottom: 5px;
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: -1; }
  .broadcast_embeddable_scrollingstreams_3aYWl .broadcast_embeddable_stream_icon_1LBYs,
  .broadcast_embeddable_scrollingstreams_3aYWl .broadcast_embeddable_stream_icon_selected_mSpze {
    max-width: 136px; }

.broadcast_embeddable_stream_icon_selected_mSpze {
  transform: scaleX(0.96) scaleY(0.93); }

.broadcast_embeddable_stream_icon_arrow_2Qpu- {
  width: 0;
  height: 0;
  border-top: 8px solid transparent;
  border-left: 8px solid white;
  border-bottom: 8px solid transparent;
  position: absolute;
  right: -7px; }

.broadcast_embeddable_clear_div_1oCVb {
  clear: both;
  height: 30px; }

.broadcast_embeddable_NoSelect_3Zm9d {
  cursor: default;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.broadcast_embeddable_broadcast_floating_2WNxa {
  position: fixed;
  bottom: 20px;
  right: 50px;
  height: 213px;
  width: 325px;
  z-index: 100;
  /** Using this to debug why there is space below the video */
  border-width: 2px;
  border-style: solid;
  border-color: #576472;
  display: flex;
  flex-direction: column; }

.broadcast_embeddable_PopOutVideoTitleBar_184SI {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  height: 30px;
  /* If you change this, also update broadcast_floating height */
  background: -webkit-linear-gradient(top, #576472 5%, #92a0ac 95%);
  background: linear-gradient(to bottom, #576472 5%, #92a0ac 95%); }

.broadcast_embeddable_PopOutVideoTitleText_28O6d {
  width: 280px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 8px;
  display: flex;
  align-items: center;
  margin: 6px 0px 6px 8px;
  color: #ffffff; }

.broadcast_embeddable_PopOutVideoCloseButton_3bIsS {
  margin: 8px; }

.broadcast_embeddable_chat_rightside_container_2VPlD {
  width: 350px; }
  @media screen and (max-width: 768px) {
    .broadcast_embeddable_chat_rightside_container_2VPlD {
      display: none; } }

.broadcast_embeddable_chat_below_container_2Zb4i {
  height: 240px; }

.broadcast_embeddable_BroadcastPlayerContainer_3VvcX {
  position: relative;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  background-color: #18181d;
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 1; }

.broadcast_embeddable_ChatContainer_3kqwu {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  flex: 1; }

.broadcast_embeddable_ChatContainer_3kqwu ::-webkit-scrollbar {
  height: 12px;
  width: 14px;
  background: transparent;
  z-index: 12;
  overflow: visible; }

.broadcast_embeddable_ChatContainer_3kqwu ::-webkit-scrollbar-thumb {
  width: 10px;
  background-color: #434953;
  border-radius: 10px;
  z-index: 12;
  border: 4px solid rgba(0, 0, 0, 0);
  background-clip: padding-box;
  transition: background-color .32s ease-in-out;
  margin: 4px;
  min-height: 32px;
  min-width: 32px; }

@media screen and (max-width: 768px) {
  .broadcast_embeddable_ChatToggle_1tVam {
    display: none; } }

