#mailsys-signup-root {
	--mailsys-border: #e2e0d8;
	--mailsys-radius: 8px;
	--mailsys-success-bg: #eaf3de;
	--mailsys-success-text: #3b6d11;
	--mailsys-danger-bg: #fcebeb;
	--mailsys-danger-text: #a32d2d;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
	max-width: 420px;
}

.mailsys-signup-form {
	display: flex;
	gap: 8px;
	flex-wrap: wrap;
}

.mailsys-signup-form input[type="email"] {
	flex: 1 1 220px;
	font-size: 14px;
	padding: 10px 12px;
	border: 1px solid var(--mailsys-border);
	border-radius: var(--mailsys-radius);
}

.mailsys-signup-form button {
	font-size: 14px;
	padding: 10px 18px;
	border: none;
	border-radius: var(--mailsys-radius);
	background: #1f1e1c;
	color: #fff;
	cursor: pointer;
}

.mailsys-signup-form button[disabled] {
	opacity: 0.6;
	cursor: default;
}

.mailsys-signup-website-field {
	position: absolute;
	left: -9999px;
	width: 1px;
	height: 1px;
	overflow: hidden;
}

.mailsys-signup-result {
	font-size: 14px;
	padding: 12px 14px;
	border-radius: var(--mailsys-radius);
	margin-top: 8px;
}

.mailsys-signup-result.mailsys-signup-success,
.mailsys-signup-result-success {
	background: var(--mailsys-success-bg);
	color: var(--mailsys-success-text);
}

.mailsys-signup-result.mailsys-signup-error,
.mailsys-signup-result-error {
	background: var(--mailsys-danger-bg);
	color: var(--mailsys-danger-text);
}