/* Release 1.10.11: wider desktop canvas and a 400 x 300 Twitch sidebar player. */
body.cs2day-v2 {
	--cs2-v2-page: min(1504px, calc(100vw - 32px));
}

body.cs2day-v2 :where(.content-section, .cs2-home-layout) {
	max-width: 1504px;
	width: min(calc(100% - 32px), 1504px);
}

body.cs2day-v2 .cs2-home-sidebar,
body.cs2day-v2 .cs2-home-sidebar > .cs2-sidebar-module {
	max-width: 100%;
	min-width: 0;
	width: 100%;
}

body.cs2day-v2 .cs2-live-stream-fallback {
	grid-template-rows: auto auto;
	height: auto;
	min-height: 0;
}

body.cs2day-v2 .cs2-live-stream-fallback__player {
	aspect-ratio: 4 / 3;
	height: auto;
	justify-self: center;
	max-width: 400px;
	min-height: 0;
	width: 100%;
}

body.cs2day-v2 .cs2-live-stream-fallback__player iframe {
	aspect-ratio: 4 / 3;
	display: block;
	height: 100%;
	min-height: 0;
	width: 100%;
}

@media (min-width: 1241px) {
	body.home.cs2day-v2 {
		--cs2-v2-sidebar: clamp(390px, 29.45vw, 452px);
	}
}

@media (max-width: 1024px) {
	body.cs2day-v2 :where(.content-section, .cs2-home-layout) {
		width: min(calc(100% - 24px), 1504px);
	}
}

@media (max-width: 780px) {
	body.cs2day-v2 :where(.content-section, .cs2-home-layout) {
		width: min(calc(100% - 20px), 1504px);
	}
}

@media (max-width: 520px) {
	body.cs2day-v2 :where(.content-section, .cs2-home-layout) {
		width: min(calc(100% - 16px), 1504px);
	}
}