.at-newsLetter,
.at-newsLetter__content {
    position: relative;
}

.at-newsLetter__title {
    position: relative;
    font-size: var(--size-large);
}

.at-newsLetter__title--noMargin {
    margin-bottom: 0;
}

.at-newsLetter form {
    display: flex;
    flex-wrap: wrap;
    gap: 0 1rem;
    grid-auto-flow: dense;
    margin: 0 -5px;
}

.at-newsLetter form div.field {
    min-width: min-content;
    flex: 1;
}

.at-newsLetter form > div:not(.field),
.at-newsLetter.hasJs_placeholders label {
    position: absolute;
    left: -999em;
}

.at-newsLetter .field.submit {
    margin: 0;
}

.at-newsLetter .proFormText,
.at-newsLetter button,
.at-newsLetter form input {
    width: 100%;
    min-width: 12em;
}

.at-newsLetter--linkTo .at-newsLetter__body {
    display: flex;
    height: 100px;
    align-items: center;
    justify-content: flex-end;
}

/**
 * Background
 */

.at-newsLetter--backgroundTropical {
    color: var(--indigo);
}

.at-newsLetter--backgroundTropical .at-newsLetter__content {
    padding: 1rem 2rem;
    border-radius: var(--radius-m);
    background-color: var(--tropical);
}

.at-newsLetter--backgroundTropical .at-newsLetter__title {
    color: inherit;
}

.at-newsLetter--backgroundTropical .at-newsLetter__button {
    border-color: var(--indigo);
    color: var(--indigo);
    background-color: inherit;
    opacity: .8;
}

.at-newsLetter--backgroundTropical .at-newsLetter__button:hover {
    color: #fff;
    background-color: var(--indigo);
    opacity: 1;
}

.at-newsLetter--backgroundTropical.at-newsLetter--linkTo .at-newsLetter__body {
    background: url(plane.svg) no-repeat 0 center;
    background-color: inherit;
    background-size: min(40vw, 500px);
}

/**
 * Error
 */

.at-newsLetter .formfielderror {
    position: absolute;
    top: -1.5em;
}