.newsletter-form {
    width: 100%;
    position: relative
}

.newsletter-form .form__message {
    margin-top: 1.5rem;
    margin-bottom: 0
}

.newsletter-form .field__input {
    font-size: 1.6rem;
    box-shadow: none;
    outline: 0;
    padding: 0;
    border-bottom: .2rem solid rgb(var(--color-border));
    transition-property: border-bottom
}

.newsletter-form .field__input.invalid {
    border-color: var(--color-critical);
    box-shadow: none
}

.newsletter-form .field__input:focus-visible {
    outline: .2rem solid rgb(var(--color-keyboard-focus));
    outline-offset: .3rem;
    box-shadow: 0 0 0 .3rem rgb(var(--color-background)), 0 0 .5rem .4rem rgb(var(--color-keyboard-focus))
}

.newsletter-form .field__button {
    box-shadow: none;
    width: fit-content;
    min-width: auto
}

.newsletter-form .field__button:after {
    content: none
}

.newsletter-form .field__button:not([disabled]) {
    box-shadow: none
}

.newsletter-form .field__button .icon {
    width: 1.3rem;
    height: 1.3rem
}

.newsletter-form .typeset {
    font-size: 1.3rem;
    letter-spacing: .05rem;
    margin-top: 1.5rem;
    line-height: calc(1 + .4 / var(--font-body-scale))
}

.newsletter-form .typeset p {
    margin: 0
}

.newsletter-form .typeset p+p {
    margin-top: 1rem
}

/*# sourceMappingURL=/cdn/shop/t/354/assets/component-newsletter.css.map?v=108455682079517220911721918977 */