/**
 * CSS for the InsiderPie keycloak login theme.
 */
* {
	--keycloak-card-top-color: #53b7cc;
}

#keycloak-bg {
	background-color: #f3f5f7;
	background-image: none;
}

#kc-header-wrapper {
	color: transparent;
	font-size: 0;
	background-image: url("/static/logo-wide-transparent.png");
	background-size: cover;
	background-position-x: 0;
	height: 139px;
	width: 417px;
	margin-inline: auto;
}

@media (min-width: 1200px) {
	.pf-v5-c-login__container {
		display: block;
	}
	.pf-v5-c-login__main {
		max-width: 500px;
		margin-inline: auto;
	}
}

@media screen and (prefers-color-scheme: dark) {
	:root:not([data-theme="light"]),
	:host(:not([data-theme="light"])) {
		#keycloak-bg {
			background-color: #13171f;
		}

		#kc-header-wrapper {
			background-image: url("/static/logo-wide-dark-transparent.png");
		}
	}
}