/* Milwaukee visible outline background */

html,
body {
	background: #090B10 !important;
}

.mw-page {
	position: relative !important;
	overflow: hidden !important;
	background:
		radial-gradient(circle at 78% 8%, rgba(218, 3, 29, 0.22), transparent 34%),
		radial-gradient(circle at 12% 20%, rgba(171, 1, 22, 0.18), transparent 30%),
		linear-gradient(145deg, #111621 0%, #191E2B 48%, #090B10 100%) !important;
}

.mw-page::before {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background-image: url("/assets/img/milwaukee-outline-bg.svg?v=20260525193632");
	background-size: 620px 620px;
	background-repeat: repeat;
	background-position: center top;
	opacity: .95;
	mix-blend-mode: screen;
}

.mw-page::after {
	content: "";
	position: fixed;
	inset: 0;
	z-index: 0;
	pointer-events: none;
	background:
		radial-gradient(circle at 50% 12%, rgba(9,11,16,.05), rgba(9,11,16,.40) 70%),
		linear-gradient(180deg, rgba(9,11,16,.04), rgba(9,11,16,.50));
}

.mw-page > * {
	position: relative;
	z-index: 1;
}

@media (max-width: 575.98px) {
	.mw-page::before {
		background-size: 470px 470px;
		opacity: .70;
	}
}