@font-face { font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/cf-fonts/v/space-grotesk/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:400;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/cf-fonts/v/space-grotesk/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:500;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:600;src:url(/cf-fonts/v/space-grotesk/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/cf-fonts/v/space-grotesk/5.0.16/vietnamese/wght/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin/wght/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Space Grotesk;font-style:normal;font-weight:700;src:url(/cf-fonts/v/space-grotesk/5.0.16/latin-ext/wght/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}@font-face {font-family:Space Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/space-mono/5.0.18/vietnamese/400/normal.woff2);unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB;font-display:swap;}@font-face {font-family:Space Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/space-mono/5.0.18/latin/400/normal.woff2);unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;font-display:swap;}@font-face {font-family:Space Mono;font-style:normal;font-weight:400;src:url(/cf-fonts/s/space-mono/5.0.18/latin-ext/400/normal.woff2);unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20CF,U+2113,U+2C60-2C7F,U+A720-A7FF;font-display:swap;}

:root {
	--theme-body-bg: #000;
	--theme-text-family: "Space Grotesk", sans-serif;
	--theme-login-text-color: #fff;
	--theme-accent-color: #F3742A;
	--theme-fields-bg-color: #222;
	--theme-button-bg-color: var( --theme-accent-color );
	--theme-button-text-color: #000;
	--theme-fields-height: 40px;
}

body.login {

	display: grid;
	align-items: center;
	min-height: 100vh;
	background-color: var( --theme-body-bg );
	font-family: var( --theme-text-family );
	font-size: 16px;
	color: var(--theme-login-text-color) !important;

	& #login {
		padding: 0;
	}

	& .clear {
		display: none;
	}

	& form {
		background: none;
		padding: 0;
		border: none;
		border-radius: 0 !important;
		box-shadow: none;
	}

	& label {
		font-weight: 500;
		text-transform: uppercase;
	}

	& input:not([type="checkbox"]):not(#correct-admin-email) {

		background: var( --theme-fields-bg-color );
		width: 100%;
		margin: 0 0 20px;
		padding: 0 10px;
		font-family: var( --theme-text-family );
		font-size: 14px;
		font-weight: 900;
		color: var(--theme-login-text-color) !important;
		border: none;
		border-radius: 0;
		line-height: var( --theme-fields-height );

		&:focus {
			box-shadow: none !important;
			outline: none;
		}

		&:active {
			box-shadow: none !important;
			outline: none;
		}

	}

	& .button.wp-hide-pw {
		height: var( --theme-fields-height );
	}

	& .submit #wp-submit {

		display: block;
		background: var( --theme-button-bg-color ) !important;
		width: 100%;
		max-width: 450px;
		margin: 0;
		padding: 0;
		font-weight: 400;
		font-size: 20px;
		color: var( --theme-button-text-color ) !important;
		text-align: center;
		text-transform: uppercase;
		line-height: 60px;
		border: 1px solid var( --theme-button-bg-color ) !important;
		border-radius: 0;
		cursor: pointer;
		-webkit-appearance: initial;
		-moz-appearance: initial;
		appearance: initial;

		&:hover {
			background: var( --theme-button-text-color ) !important;
			color: var( --theme-button-bg-color ) !important;
			text-decoration: none;
			outline: none;
		}

	}

	& div#login h1.wp-login-logo {
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		width: 200px;
		margin: 0 auto;
		aspect-ratio: 1;
	}

	& .admin-email__heading {
		color: var(--theme-login-text-color);
	}

	& a {

		display: none;
		color: var(--theme-login-text-color) !important;
		text-decoration: none !important;

		&:hover {
			color: var( --theme-accent-color ) !important;
			text-decoration: none !important;
		}

	}

	& .message {
		margin-top: 20px;
	}

	& :is( #login_error, .message, .success ) {
		color: var(--theme-login-text-color);
	}

	& .forgetmenot {
		margin-bottom: 20px !important;
	}

	& #backtoblog {
		padding: 0;
		font-size: initial;
	}

	& #nav {

		display: block;
		padding: 0;
		font-size: 0;
		color: var( --theme-body-bg );

		& a {
			font-size: initial;
		}

	}

	& :is( #loginform, #lostpasswordform, #resetpassform, #registerform ) {
		background: none;
	}

	& .language-switcher {
		display: none;
	}

	& .wp-login-register {
		display: none;
	}

	& :is( .message, .notice, .success ) {
		background: none;
	}

	& .admin-email__actions .button {
		background-color: var(--theme-button-bg-color) !important;
		color: var(--theme-button-text-color) !important;
		border: 1px solid var( --theme-button-bg-color ) !important;
		border-radius: 0 !important;
		&:hover {
			background: var( --theme-button-text-color ) !important;
			color: var( --theme-button-bg-color ) !important;
			text-decoration: none !important;
			outline: none;
		}
	}

}