/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/styles/pages/Bigscreen.module.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* Element | http://localhost:3001/bigscreen */

.Bigscreen_bigscreen__rVyrp {
  padding-top: 2rem;
}

/* Element | http://localhost:3001/bigscreen */

.Bigscreen_bigscreen__rVyrp {
  padding-top: 2rem;
}

@media (orientation: portrait), (max-width: 40rem) {
  .Bigscreen_stream-panel__62SPE {
    flex: 0;
    contain: none;
    container-type: unset;
  }
}

#Bigscreen_stream-panel__62SPE {
  padding-top: 5rem;
  width: 100%;
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  contain: layout;
  container-type: inline-size;
  min-width: 21.25rem;
}

/* Element | http://localhost:3001/bigscreen */

@media (orientation: portrait), (max-width: 40rem) {
  .Bigscreen_streamwrap__oDea4 {
    contain: none;
    container-type: unset;
    flex: 1;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 0;
    max-width: 100%;
    max-height: 100%;
    width: min(44rem, 100%);
  }
}

.Bigscreen_streamwrap__oDea4 {
  contain: none;
  container-type: unset;
  flex: 1;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  padding: 0;
  max-width: 100%;
  max-height: 100%;
  width: 100%;
  padding: 1rem;
  margin-right: 2rem;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_stream-wrap__0mMMD > iframe:nth-child(1) {
  width: 100%;
  height: 100%;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_chat-panel__XESDt {
  /* width: 20%; */
  /* display: flex; */
  /* display: flow-root; */
  /* display: initial; */
  /* display: inline flow-root list-item; */
  /* display: inline-grid; */
  /* display: ruby-base; */
  /* display: ruby-text-container; */
  /* display: table-column; */
  /* display: table-footer-group; */
  /* display: -webkit-box; */
  /* display: block; */
  width: 380px;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_chat-wrap__MZebh > iframe:nth-child(1) {
  flex: 1;
}

.Bigscreen_chat-wrap__MZebh {
  padding: 0.5rem;
  aspect-ratio: 16 / 6;
  border-radius: 10px;
}

/* Inline #4 | http://localhost:3001/bigscreen */

#Bigscreen_chat-panel__XESDt {
  flex: 1;
  width: 100% !important;
  min-height: 21rem;
}

.Bigscreen_chat-panel__XESDt {
  flex: 1;
  width: 100% !important;
  min-height: 21rem;
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 300px;
}

/* #chat-panel { */

.Bigscreen_chat-panel__XESDt {
}

.Bigscreen_chat-panel__embed__ArQO_ {
  display: flex;
  flex: 1;
}

.Bigscreen_chat-panel__embed__ArQO_ iframe {
  flex: 1;
}

.Bigscreen_chat-panel__embed__ArQO_ {
  display: flex;
  flex: 1;
}

#Bigscreen_chat-panel__XESDt {
}

.Bigscreen_chat-panel__XESDt {
  flex: 1;
  width: 100% !important;
  min-height: 21rem;
}

/* #chat-panel { */

.Bigscreen_chat-panel__XESDt {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 300px;
}

.Bigscreen_stream-panel__62SPE {
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  contain: layout;
  container-type: inline-size;
  min-width: 21.25rem;
}

.Bigscreen_chat-panel__XESDt {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 300px;
}

.Bigscreen_stream-panel__62SPE {
  display: flex;
  position: relative;
  flex: 1;
  flex-direction: column;
  contain: layout;
  container-type: inline-size;
  min-width: 21.25rem;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_chat-wrap__MZebh {
  display: flex;
  flex: 1;
}

/* Inline #1 | https://localhost:8282/ */

/* html { */

/*   box-sizing: border-box; */

/*   position: relative; */

/*   color: #999; */

/*   background: #080808; */

/*   font-family: "Roboto",Helvetica,"Trebuchet MS",Verdana,sans-serif; */

/*   font-size: 13px; */

/*   line-height: 1.42857143; */

/*   text-rendering: optimizeLegibility; */

/*   font-feature-settings: "kern"; */

/*   height: 100%; */

/*   margin: 0; */

/*   padding: 0; */

/* } */

#Bigscreen_chat-output-frame__xS9hR {
  position: relative;
}

/* Element | http://localhost:3001/bigscreen */

/* body { */

/*   align-items: stretch; */

/*   padding-block-end: unset; */

/*   min-height: 100dvh; */

/*   overflow-x: hidden; */

/* } */

/* Element | http://localhost:3001/bigscreen */

#Bigscreen___root___NgdJ > main:nth-child(2) {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_bigscreenLayout___CkIS {
  display: flex;
  flex: 1;
  overflow: hidden;
}

.Bigscreen_bigscreen__rVyrp {
  display: flex;
  flex-grow: 1;
  flex-direction: column;
  height: 100%;
}

@media (orientation: portrait), (max-width: 40rem) {
  .Bigscreen_streamPanel__eO1MC {
    flex: 0;
    contain: none;
    container-type: unset;
  }
}

@media (max-width: 1300px) {
  .Bigscreen_streamPanel__eO1MC {
    width: 100vw;
  }
}

@media (min-width: 1300px) {
  .Bigscreen_streamPanel__eO1MC {
    max-width: 80%;
    width: 80%;
  }

  .Bigscreen_chatpanel__GRqEA {
    width: 25%;
  }

  .Bigscreen_chatwrap__Mvnjo {
    padding: 0.5rem;
  }
}

.Bigscreen_streamPanel__eO1MC {
  display: flex;
  position: relative;
  /* flex: 1; */
  flex-direction: column;
  contain: layout;
  container-type: inline-size;
  min-width: 21.25rem;
}

@media (orientation: portrait), (max-width: 40rem) {
  .Bigscreen_bigscreenLayout___CkIS {
    /* flex-direction: row !important; */
    flex-direction: column !important;
  }
}

.Bigscreen_bigscreenLayout___CkIS {
  display: flex;
  flex: 1;
  overflow: hidden;
}

@media (orientation: portrait), (max-width: 40rem) {
  .Bigscreen_chatpanel__GRqEA {
    flex: 1;
    width: 100% !important;
    min-height: 21rem;
  }
}

.Bigscreen_chatpanel__GRqEA {
  display: flex;
  position: relative;
  flex-direction: column;
  min-width: 300px;
  /* margin: 0.5rem; */
}

.Bigscreen_chatpanel__embed__h_V4H {
  display: flex;
  flex: 1;
}

.Bigscreen_chat_panel__embed_iframe__o1FRN {
  flex: 1;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_stream-wrap__0mMMD > iframe:nth-child(1) {
  width: 100%;
}

/* Element | https://localhost:8282/ */

#Bigscreen_webpack-dev-server-client-overlay__Gnj19 {
  /* position: fixed; */
  /* inset: 0px; */
  /* width: 100vw; */
  /* height: 100vh; */
  /* border: medium; */
  /* z-index: 2147483647; */
  /* display: flex; */
  /* display: d; */
  display: block;
  flex: 1;
}

/* Element | https://localhost:8282/ */

/* html { */

/*   box-sizing: border-box; */

/*   position: relative; */

/*   color: #999; */

/*   background: #080808; */

/*   font-family: "Roboto",Helvetica,"Trebuchet MS",Verdana,sans-serif; */

/*   font-size: 13px; */

/*   line-height: 1.42857143; */

/*   text-rendering: optimizeLegibility; */

/*   font-feature-settings: "kern"; */

/*   height: 100%; */

/*   margin: 0; */

/*   padding: 0; */

/* } */

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_chat-wrap__MZebh {
  display: flex;
  flex: 1;
}

.Bigscreen_chatwrap__Mvnjo {
  display: flex;
  flex: 1;
  margin: 0;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_chat-wrap__MZebh > iframe:nth-child(1) {
  flex: 1;
}

/* Element | http://localhost:3001/bigscreen */

#Bigscreen_bigscreen-layout__EPtZA {
  height: 100vh;
}

.Bigscreen_bigscreenLayout___CkIS {
  height: 100vh;
}

/* Element | http://localhost:3001/bigscreen */

div.Bigscreen_Bigscreen_bigscreen__rVyrp__1ArFx {
  height: 100vh;
}

/* Element | http://localhost:3001/bigscreen */

.Bigscreen_content-wrapper-max__gdueX {
  display: none;
}

/* Inline #3 | http://localhost:3001/bigscreen */

.Bigscreen_Bigscreen_bigscreen__rVyrp__1ArFx {
  /* padding-top: 5rem; */
  /* padding-top: 5rem; */
}

/* .content-wrapper-max { */

/**/

#Bigscreen_stream-wrap__0mMMD > iframe:nth-child(1) {
  aspect-ratio: 16 / 9;
  outline: 2px solid rgb(var(--tw-ta-accent-500) / var(--tw-text-opacity, 1));
  border-radius: 10px;
  width: 100%;
  /*! margin: auto; */
}

.Bigscreen_background-grid__W3_5C {
  display: none;
}

#Bigscreen_stream-wrap__0mMMD > iframe:nth-child(1) {
  aspect-ratio: 16 / 9;
  outline: 2px solid rgb(var(--tw-ta-accent-500) / var(--tw-text-opacity, 1));
  border-radius: 10px;
  width: 100%;
  /*! margin: auto; */
  aspect-ratio: 16/9 !important;
  width: 100vw !important;
}

.Bigscreen_Bigscreen_chatwrap__Mvnjo__u9v91 {
  display: flex;
  flex: 1;
  height: -moz-available;
  position: inherit;
}

main.Bigscreen_Bigscreen_bigscreen__rVyrp__1ArFx {
  height: 100vh;
}

#Bigscreen_main-footer__FUK7B {
  display: none !important;
}

.Bigscreen_chat_controls__KVM4x {
  /* TODO: Fix Me */
  /* display: none; */

  display: flex;
  align-items: center;
  border-bottom: 1px solid #040404;
  background: #111113;
  padding-inline: 0.25rem;
  height: 2rem;
  color: #43484e;
  font: 400 0.88rem/1.25rem Inter, system-ui, sans-serif;
}

.Bigscreen_chat_controls__separator__bcXWn {
  flex-grow: 1;
}

.Bigscreen_chat_buttons__vcbY9 {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.Bigscreen_BigscreenNoCinema__0mhbY {
  aspect-ratio: 16/9;
  width: 100%;
  margin: auto;
  outline: 2px solid rgb(var(--tw-ta-accent-500) / var(--tw-text-opacity, 1));
  border-radius: 10px;
  background-color: #1d263a;
  /* max-height: 80%; */
  max-height: 80vh;
  display: flex;
}

.Bigscreen_lucide_tv__B8AL1 {
  align-self: center;
  margin-inline-end: 0.25rem;
  width: 18px;
  height: 18px;
}

.Bigscreen_theater_mode__wE05d {
  display: flex;
  padding-inline: 0.25rem;
  text-shadow: 1px 1px 0 #000;
  color: #afb3ba;
}

@media (min-width: 1300px) {
  #Bigscreen_chat-panel__XESDt {
    display: block ruby;
    position: ;
    width: 20%;
    position: initial;
  }

  #Bigscreen_bigscreen-layout__EPtZA {
    display: inline-flex;
  }

  #Bigscreen_stream-wrap__0mMMD {
    width: 100%;
    display: block;
  }

  .Bigscreen_Bigscreen_BigscreenNoCinema__0mhbY__rpWAA {
    /*! width: 80vw; */
    display: flex;
  }

  #Bigscreen_stream-panel__62SPE {
    width: 75%;
  }
  .Bigscreen_Bigscreen_chatpanel__GRqEA__0JrKu {
    position: relative;
    flex-direction: column;
    min-width: 300px;
    margin: 0.5rem;
  }

  .Bigscreen_chat-wrap__MZebh {
    margin: 1em;
  }

  #Bigscreen_chat-wrap__MZebh > iframe:nth-child(1) {
    flex: 1 1 0%;
    outline: 2px solid rgb(var(--tw-ta-accent-500) / var(--tw-text-opacity, 1));
    border-radius: 1rem;
    min-height: 20rem;
    height: calc(90vh - 1em);
    width: 100%;
  }
}

.Bigscreen_chatControls__U2w7Y
{
  display: none;
}

.Bigscreen_streamPanelEmbed__7xyeC {
  /* padding: 1rem; */
    margin-right: 2rem;
}

/*!*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[2]!../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[10].use[3]!./src/styles/bigscreen-animations.css ***!
  \*************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
/* ================================
   DGG-LIKE BIGSCREEN ANIMATIONS
   ================================ */

.bigscreen-container {
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
}

/* Smooth width animation for chat panel */

.bigscreen-chat {
  transition: width 180ms ease, min-width 180ms ease, max-width 180ms ease;
  will-change: width;
}

/* Smooth transforms when swapping sides */

.bigscreen-main,
.bigscreen-chat {
  transition: transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1),
              opacity 250ms ease;
  will-change: transform, opacity;
}

/* When swapping sides, fade slightly to mask reposition */

.swapping .bigscreen-main,
.swapping .bigscreen-chat {
  opacity: 0.85;
}

/* GPU acceleration */

.bigscreen-main,
.bigscreen-chat {
  transform: translateZ(0);
}

.resizer {
	background: rgba(255, 255, 255, 0.06);
	cursor: ew-resize;
	transition: background 120ms ease;
}

.resizer:hover {
	background: rgba(255, 255, 255, 0.25);
}

/* ROOT LAYOUT */

.bigscreen-container {
  display: flex;
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
  background: radial-gradient(circle at top, #101020 0, #050510 60%, #020208 100%);
}

/* Main area & chat (for animation targets) */

.bigscreen-main,
.bigscreen-chat {
  transition:
    transform 250ms cubic-bezier(0.25, 0.1, 0.25, 1),
    opacity 250ms ease,
    width 180ms ease,
    min-width 180ms ease,
    max-width 180ms ease;
  will-change: transform, opacity, width;
  transform: translateZ(0);
}

.bigscreen-chat {
  display: flex;
  flex-direction: column;
}

/* Resizer */

.resizer {
  width: 6px;
  cursor: ew-resize;
  background: rgba(255, 255, 255, 0.06);
  transition: background 120ms ease;
}

.resizer:hover {
  background: rgba(255, 255, 255, 0.24);
}

/* During side swap */

.swapping .bigscreen-main,
.swapping .bigscreen-chat {
  opacity: 0.85;
}

/* ===================== */

/* CINEMA / THEATER MODE */

/* ===================== */

.cinema-mode .bigscreen-main {
  /* Give more focus to video */
  transform: scale(1.02);
}

.cinema-mode .bigscreen-chat {
  max-width: 360px;
  opacity: 0.95;
}

/* Optional: fade out any global header if you have it */

.cinema-mode :global(.site-header),
.cinema-mode :global(header) {
  opacity: 0;
  transform: translateY(-16px);
  transition: opacity 200ms ease, transform 200ms ease;
}

/* ===================== */

/* FULLSCREEN MODE       */

/* ===================== */

.fullscreen-mode {
  /* Mostly a marker class; the real fullscreen is handled by the browser */
}

/* Overlay fade when entering fullscreen */

.fullscreen-mode::before {
  content: '';
  position: fixed;
  inset: 0;
  background: radial-gradient(circle at center, rgba(0,0,0,0.8), rgba(0,0,0,1));
  opacity: 0;
  pointer-events: none;
  animation: fullscreen-fade 220ms ease-out forwards;
  z-index: 999;
}

@keyframes fullscreen-fade {
  from { opacity: 0; }
  to   { opacity: 1; }
}

/* ===================== */

/* MOBILE RESPONSIVE     */

/* ===================== */

@media (max-width: 768px) {
  .bigscreen-container {
    flex-direction: column;
  }

  .bigscreen-main {
    width: 100%;
    height: 55vh;
  }

  .bigscreen-chat {
    width: 100% !important;
    min-width: 0 !important;
    max-width: none !important;
    height: 45vh;
  }

  .resizer {
    display: none; /* easier UX: no dragging on mobile */
  }
}

.bigscreenLayout {
	display: flex;
	flex-direction: row;
	/* always row */
	overflow: hidden;
	position: relative;
}

.bigscreenLayout[data-flipped="true"] {
	flex-direction: row-reverse;
	/* reverses panel order safely */
}

/* STREAM PANEL */

.streamPanel {
	display: flex;
	flex-direction: column;
	flex: 1;
	position: relative;
	min-width: 21rem;
	contain: layout;
}

/* CHAT PANEL */

.chatPanel {
	display: flex;
	flex-direction: column;
	height: 100%;
	min-width: 260px;
	max-width: 720px;
	background: #111113;
	border-left: 1px solid #040404;
	transition: width 180ms ease;
}

/* RESIZER */

/* .resizeBar {
	width: 6px;
	background: #363a3f;
	cursor: col-resize;
	z-index: 50;
}

.resizeBar:hover,
.resizeBar[data-dragging="true"] {
	background: #6a6d72;
} */

/* FLIPPED SIDES */

.bigscreenLayout[data-flipped="true"] {
	flex-direction: row-reverse;
}

/* ========================================= */

/* CHAT TOGGLE (DESTINY-STYLE)               */

/* ========================================= */

.chatToggle {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 0;
}

.chatToggleLine {
	position: absolute;
	height: 100%;
	width: 4px;
	background: #363a3f;
}

.chatToggleButton {
	position: absolute;
	top: 20%;
	background: #363a3f;
	border-radius: 6px;
	padding: 6px 10px;
	color: #fff;
	border: none;
	cursor: pointer;
	z-index: 20;
}

/* RIGHT SIDE */

.chatToggle[data-side="right"] {
	right: 0;
}

.chatToggle[data-side="right"] .chatToggleLine {
	right: 0;
}

.chatToggle[data-side="right"] .chatToggleButton {
	right: 4px;
}

/* LEFT SIDE */

.chatToggle[data-side="left"] {
	left: 0;
}

.chatToggle[data-side="left"] .chatToggleLine {
	left: 0;
}

.chatToggle[data-side="left"] .chatToggleButton {
	left: 4px;
}

/* FIX: Ensure the resizer is ALWAYS on top */

.resizeBar {
	position: relative;
	z-index: 9999;
	/* 🔥 forces it above chat/main panels */
	pointer-events: auto;
	width: 6px;
	cursor: col-resize;
	background: #363a3f;
	transition: background 120ms ease;
	flex-shrink: 0;
}

.resizeBar:hover,
.resizeBar[data-dragging="true"] {
	background: #6a6d72;
}

.embedFrame{
	aspect-ratio: 16/9;
		width: 100%;
		margin: auto;
		outline: 2px solid rgb(139, 92, 246);
		border-radius: 10px;
		background-color: #1d263a;
		max-height: 80%;
		max-height: 80vh;
		display: flex;
}

.embedIframe{
	aspect-ratio: 16/9;
		width: 100%;
		margin: auto;
		outline: 2px solid rgb(139, 92, 246);
		border-radius: 10px;
		background-color: #1d263a;
		max-height: 80%;
		max-height: 80vh;
		display: flex;
}

#embed>div:nth-child(1)>div:nth-child(1)>iframe:nth-child(1) {
		aspect-ratio: 16/9;
		width: 100%;
		margin: auto;
		outline: 2px solid rgb(139, 92, 246);
		border-radius: 10px;
		background-color: #1d263a;
		max-height: 80%;
		max-height: 80vh;
		display: flex;
		margin: 2rem;
	}

.bigscreen-main {
			flex: 1 1 0%;
			min-width: 0px;
			background-color: #0f172a;
			padding-right: 2rem;
		}

.Bigscreen_bigscreen__rVyrp {
	padding-top: 0;
}

#body{
	margin: 0;
}

#embed {
	aspect-ratio: 16/9;
	width: 100%;
	margin: auto;
	outline: 2px solid rgb(139, 92, 246);
	border-radius: 10px;
	background-color: #1d263a;
	max-height: 80%;
	max-height: 80vh;
	display: flex;
	margin: 2rem;
	margin-top: 5rem;
}

#stream-wrap {
	margin-right: 2rem;
	margin-left: 2rem;
}

/*!***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/styles/components/StreamControls.module.css ***!
  \***********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
@media (orientation: portrait), (max-width: 40rem) {
  .StreamControls_stream-panel__hEJTb .StreamControls_stream-controls__9305E {
    flex-direction: row;
    justify-content: space-between;
    padding: 1rem;
  }
}
.StreamControls_stream-controls__group__xUdbh {
  display: flex;
  overflow: hidden;
  flex-direction: column;
  justify-content: center;
  gap: 1rem;
}
.StreamControls_group__816Wp {
  display: none;
}
.StreamControls_buttons__3mZak {
  display: flex;
  flex-direction: column;
  width: -moz-fit-content;
  width: fit-content;
  float: right;
  gap: 1rem;
}
.StreamControls_streamControls__CtCvU {
  padding: inherit;
  width: -moz-fit-content;
  width: fit-content;
  display: inline-flex;
  width: 100%;
}
.StreamControls_StreamControlsCinema__tWxOs {
  padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  height: 100%;
  /* position: fixed; */
  top: 0;
  left: 0;
  z-index: 9999;
}
.StreamControls_BigscreenNoCinema__toyNS {
  aspect-ratio: 16/9;
  width: 100%;
  margin: auto;
  outline: 2px solid rgb(var(--tw-ta-accent-500) / var(--tw-text-opacity, 1));
  border-radius: 10px;
  background-color: #1d263a;
}
/* display: flex; */
/*   position: relative; */
/*   flex: 1; */
/*   flex-direction: column; */
/*   contain: layout; */
/*   container-type: inline-size; */
/*   min-width: 21.25rem; */

/*!********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************!*\
  !*** css ../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/css-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[2]!../../node_modules/.pnpm/next@15.5.9_@babel+core@7.28.5_react-dom@18.3.1_react@18.3.1__react@18.3.1_sass@1.94.2/node_modules/next/dist/build/webpack/loaders/postcss-loader/src/index.js??ruleSet[1].rules[14].oneOf[5].use[3]!./src/styles/components/StreamTitle.module.css ***!
  \********************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************************/
.StreamTitle_streamTitle__VtXs7 {
  padding-left: 0;
  margin: auto;
  margin-left: 0;
}