:root {
	--tw-ring-color: color-mix(in oklab, oklch(14.1% .005 285.823) 10%, transparent);
	/* --tw-ring-shadow: 0 0 0 0 calc(1px) var(--tw-ring-color, currentcolor); */
	--tw-ring-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklab(0.141 0.00136333 -0.00481054 / 0.1) 0px 0px 0px 1px, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px;
}

body.wp-admin,
body.login {
	font-family: "Inter", sans-serif !important;
	font-weight: 300;
}
body.login {
	background: hsl(210 10% 90% / 1) !important
}
#login {
	width: 380px;
}
#login form .input, 
#login form input[type=checkbox], 
#login input[type=text] {
	border-radius: 8px;
	box-shadow: rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0.1) 0px 1px 3px 0px, rgba(0, 0, 0, 0.1) 0px 1px 2px -1px;
	border: 1px solid oklab(0.141 0.00136333 -0.00481054 / 0.1);
	padding: 0 12px;
}
#login label {
	font-size: 1rem;
	font-weight: 300;
}
#login h1 a {
	height: 95px;
	background: url(../../assets/images/mgac-logo__168w.png) 50% 50%/100% auto no-repeat;
}
#login form {
	border-radius: 1rem;
	border: 0 none; // solid #000;
	box-shadow: var(--tw-ring-shadow);
}
#login #nav {
	text-align: center;
}
#backtoblog,
#login .forgetmenot,
.language-switcher {
	display: none;
}

.wp-core-ui .button-group.button-large .button, 
.wp-core-ui .button.button-large {
	border-radius: 100px;
	padding: 4px 24px !important;
	text-transform: uppercase;
	font-weight: 500;
	background: #e14d43;
	border: 0 none;
}