.nano-mail-access {
	--nm-access-red: #cb2027;
	--nm-access-dark-red: #a71920;
	--nm-access-ink: #202020;
	box-sizing: border-box;
	width: 100%;
	max-width: 460px;
	margin-inline: auto;
	color: var(--nm-access-ink);
	font-family: inherit;
	font-size: 14px;
	line-height: 1.5;
	text-align: start;
}
.nano-mail-access *, .nano-mail-access *::before, .nano-mail-access *::after { box-sizing: border-box; }
.nano-mail-access [hidden] { display: none !important; }
.nano-mail-access form { margin: 0; padding: 0; border: 0; background: transparent; box-shadow: none; }
.nano-mail-access label { display: block; margin: 12px 0 6px; color: var(--nm-access-ink); font-size: 13px; font-weight: 600; }
.nano-mail-access .nano-mail-access-field + .nano-mail-access-field { margin-top: 12px; }
/* Keep an accessible name after the placeholder disappears while typing. */
.nano-mail-access .nano-mail-access-field-label {
	position: absolute !important;
	width: 1px !important;
	height: 1px !important;
	padding: 0 !important;
	margin: -1px !important;
	overflow: hidden !important;
	clip: rect(0, 0, 0, 0);
	clip-path: inset(50%);
	white-space: nowrap;
	border: 0 !important;
}
.nano-mail-access input[type="email"], .nano-mail-access input[type="password"] {
	display: block;
	width: 100%;
	min-width: 0;
	min-height: 44px;
	margin: 0;
	padding: 10px 12px;
	border: 1px solid #8d8d8d;
	border-radius: 7px;
	background: #fff;
	color: #202020;
	font-family: inherit;
	font-size: 16px;
	line-height: 1.4;
}
.nano-mail-access input[type="email"] { direction: ltr; text-align: left; }
.nano-mail-access input[type="email"]::placeholder, .nano-mail-access input[type="password"]::placeholder { color: #737373; opacity: 1; }
.nano-mail-access .nano-mail-access-options { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin: 14px 0; direction: ltr; }
.nano-mail-access .nano-mail-access-remember { display: flex; align-items: center; gap: 8px; min-width: 0; margin: 0; font-weight: 400; text-align: left; }
.nano-mail-access .nano-mail-access-forgot { flex: 0 1 auto; min-width: 0; max-width: 50%; text-align: right; }
.nano-mail-access:dir(rtl) .nano-mail-access-remember, .nano-mail-access:dir(rtl) .nano-mail-access-forgot { direction: rtl; }
.nano-mail-access .nano-mail-access-remember input { flex: 0 0 auto; width: 17px; height: 17px; margin: 0; accent-color: var(--nm-access-red); }
.nano-mail-access .nano-mail-access-submit {
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 10px;
	width: 100%;
	min-height: 44px;
	margin: 14px 0 0;
	padding: 11px 16px;
	border: 1px solid var(--nm-access-red);
	border-radius: 7px;
	background: var(--nm-access-red);
	color: #fff;
	font: inherit;
	font-weight: 600;
	line-height: 1.5;
	text-align: center;
	text-decoration: none;
	white-space: normal;
	overflow-wrap: anywhere;
	cursor: pointer;
}
.nano-mail-access .nano-mail-access-submit:hover { border-color: var(--nm-access-dark-red); background: var(--nm-access-dark-red); color: #fff; }
.nano-mail-access button:disabled { opacity: .55; cursor: wait; }
.nano-mail-access[data-nm-editor-preview="1"] button:disabled { opacity: 1; cursor: default; }
.nano-mail-access .nano-mail-access-forgot, .nano-mail-access .nano-mail-access-fallback a, .nano-mail-access .nano-mail-access-retry {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	color: var(--nm-access-red);
	font: inherit;
	font-size: 13px;
	text-decoration: underline;
	text-underline-offset: 3px;
	cursor: pointer;
}
.nano-mail-access .nano-mail-access-status { margin: 14px 0 0; color: #303030; font-size: 13px; line-height: 1.6; overflow-wrap: anywhere; }
.nano-mail-access .nano-mail-access-status:empty { margin: 0; }
.nano-mail-access .nano-mail-access-status.is-error { color: #a71920; }
.nano-mail-access .nano-mail-access-fallback { margin: 14px 0 0; text-align: center; }
.nano-mail-access .nano-mail-access-trap { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); }
.nano-mail-access input[type="email"]:focus, .nano-mail-access input[type="password"]:focus {
	border-color: var(--nm-access-red);
	outline: none;
	outline-offset: 0;
	box-shadow: none;
}
.nano-mail-access :is(a, button, input[type="checkbox"]):focus-visible { outline: 3px solid var(--nm-access-red); outline-offset: 3px; box-shadow: none; }
.nano-mail-access .nano-mail-access-submit:focus-visible { outline-color: #202020; }
@media (forced-colors: active) {
	.nano-mail-access .nano-mail-access-submit { border: 1px solid ButtonText; background: ButtonFace; color: ButtonText; }
}