.llf-form {
--llf-error-border: #d63638;
--llf-error-text: #8a1f21;
--llf-error-background: #fcf0f1;
--llf-success-border: #00a32a;
--llf-success-text: #0a4b18;
--llf-success-background: #edfaef;
--llf-notice-radius: 3px;
--llf-notice-gap: 1em;
} .llf-form .llf-notice {
margin: 0 0 var(--llf-notice-gap);
padding: 0.75em 1em; border-left: 4px solid transparent;
border-radius: var(--llf-notice-radius);
line-height: 1.5;
}
.llf-form .llf-notice--success {
border-left-color: var(--llf-success-border);
background: var(--llf-success-background);
color: var(--llf-success-text);
}
.llf-form .llf-notice--error {
border-left-color: var(--llf-error-border);
background: var(--llf-error-background);
color: var(--llf-error-text);
} .llf-form .llf-notice > :first-child {
margin-top: 0;
}
.llf-form .llf-notice > :last-child {
margin-bottom: 0;
} .llf-form--sent .llf-notice {
margin-bottom: 0;
}  .llf-form .llf-input--error,
.llf-form .llf-input--error:focus {
border-color: var(--llf-error-border);
box-shadow: 0 0 0 1px var(--llf-error-border);
}
.llf-form .llf-error {
display: block;
margin-top: 0.35em;
color: var(--llf-error-text);
font-size: 0.875em;
line-height: 1.4;
} .llf-form .llf-required {
opacity: 0.7;
}.mawiblah-subscribe-form {
display: block;
width: 100%;
}
.mawiblah-subscribe-form__form {
display: block;
}
.mawiblah-subscribe-form__field {
display: block;
margin-bottom: 0.75em;
}
.mawiblah-subscribe-form__label {
display: block;
margin-bottom: 0.25em;
}
.mawiblah-subscribe-form__input {
display: block;
width: 100%;
box-sizing: border-box;
}
.mawiblah-subscribe-form__actions {
display: block;
margin-top: 0.75em;
}
.mawiblah-subscribe-form__message {
display: block;
margin-top: 0.75em;
}
.mawiblah-subscribe-form__message[hidden] {
display: none;
} .mawiblah-subscribe-form--loading .mawiblah-subscribe-form__button {
opacity: 0.6;
pointer-events: none;
cursor: default;
} .mawiblah-subscribe-form--submitted .mawiblah-subscribe-form__form {
display: none;
} .mawiblah-subscribe-form__message--success,
.mawiblah-subscribe-form__message--error {
display: flex;
align-items: center;
gap: 0.75em;
padding: 0.875em 1.125em;
border-radius: 4px;
font-size: 0.95rem;
line-height: 1.4;
margin-top: 0.75em;
}
.mawiblah-subscribe-form__message--success[hidden],
.mawiblah-subscribe-form__message--error[hidden] {
display: none;
} .mawiblah-subscribe-form__message--success {
background: #f0faf4;
border: 1px solid #6fcf97;
border-left: 4px solid #27ae60;
color: #1a5c35;
}
.mawiblah-subscribe-form__message--success::before {
content: '';
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: #27ae60;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M9 16.17L4.83 12l-1.42 1.41L9 19 21 7l-1.41-1.41z'/%3E%3C/svg%3E");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
} .mawiblah-subscribe-form__message--error {
background: #fdf3f3;
border: 1px solid #f1a9a9;
border-left: 4px solid #e74c3c;
color: #7b1a1a;
}
.mawiblah-subscribe-form__message--error::before {
content: '';
flex-shrink: 0;
width: 20px;
height: 20px;
background-color: #e74c3c;
border-radius: 50%;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='white'%3E%3Cpath d='M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z'/%3E%3C/svg%3E");
background-size: 14px 14px;
background-repeat: no-repeat;
background-position: center;
}