.newsletter-signup{position:relative;margin-left:72px}.newsletter-signup .page-width{padding:0}.newsletter-signup__background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:0;pointer-events:none}.newsletter-signup__container{position:relative;z-index:1}.newsletter-signup--white-bg{background-color:rgb(var(--color-background))}.newsletter-signup--layout-image_left .newsletter-signup__container{display:grid;grid-template-columns:1fr 1fr;-webkit-grid-template-columns:1fr 1fr;gap:2rem;-webkit-gap:2rem;align-items:center;-webkit-align-items:center}.newsletter-signup--layout-image_background{position:relative}.newsletter-signup--layout-image_background .newsletter-signup__container{position:relative;z-index:2;display:flex;align-items:center;justify-content:center}.newsletter-signup--layout-image_background .newsletter-signup__image-wrapper--background{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;z-index:1;overflow:hidden}.newsletter-signup--layout-image_background .newsletter-signup__image-wrapper--background .newsletter-signup__image{width:100%;height:100%;object-fit:cover;display:block}.newsletter-signup--layout-image_background .newsletter-signup__content--centered{background:#fffffff2;padding:3rem;border-radius:8px;max-width:600px;width:100%}.newsletter-signup--layout-simple .newsletter-signup__container{max-width:800px;margin:0 auto}.newsletter-signup__image-wrapper{position:relative;width:100%;margin-left:-32px;display:flex;align-items:stretch;min-height:0}.newsletter-signup__image{width:100%;height:auto;max-height:500px;object-fit:cover;object-position:center;display:block;aspect-ratio:670 / 278;-webkit-aspect-ratio:670 / 278;flex-shrink:0}p.newsletter__title{margin-bottom:28px}.newsletter-signup__content{display:flex;flex-direction:column;gap:0}.newsletter-signup__content--simple{text-align:center}.newsletter-signup__heading{margin:0 0 28px;color:rgb(var(--color-grey-500))}.newsletter-signup__text{color:rgb(var(--color-grey-500));margin-bottom:4px}.newsletter-form{width:100%}.newsletter-form__field-wrapper{display:flex;gap:1rem;align-items:flex-start}.newsletter-form .field{flex:1;position:relative}.newsletter-form .field__input{width:100%;padding:1rem;border:1px solid rgba(var(--color-foreground),.2);background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));font-size:1rem}.newsletter-form .field__input:focus{outline:2px solid rgb(var(--color-foreground));outline-offset:2px}.newsletter-form .field__label{position:absolute;left:18px;top:57%;transform:translateY(-50%);pointer-events:none;transition:all .2s;font-size:14px;color:#666}.newsletter-form .field__input:focus~.field__label,.newsletter-form .field__input:not(:placeholder-shown)~.field__label{top:-.5rem;font-size:.875rem;background-color:rgb(var(--color-background));padding:0 .5rem}.newsletter-form__button{padding:1rem 2rem;white-space:nowrap;min-width:120px}.newsletter-form__message{margin-top:1rem;color:rgb(var(--color-error))}.newsletter-form__message--success{color:rgb(var(--color-success))}.newsletter-signup--color.newsletter-signup{margin-left:0;padding:48px 50px}.newsletter-signup--color .newsletter-signup__image-wrapper{margin-left:0}.newsletter-signup--color .newsletter-signup__container{gap:64px;padding:32px 0}.newsletter-signup--color .newsletter-signup__image{margin-left:-30px}.newsletter-signup--layout-image_left.newsletter-signup--color .newsletter-signup__container{grid-template-columns:51% 1fr;-webkit-grid-template-columns:51% 1fr}.newsletter-signup--color .newsletter-signup__heading{color:rgb(var(--color-accent-primary))}.newsletter-signup--color .newsletter-form__field-wrapper .field__input{border:1px solid rgb(var(--color-grey-200))}.newsletter-signup--layout-simple .newsletter-signup__container{padding:0}.newsletter-signup__content--simple{flex-direction:row;gap:28px}.newsletter-signup__content--simple .newsletter-signup__heading{margin:0;min-width:fit-content}.newsletter-signup__content--simple .newsletter-form__field-wrapper .field__input{min-width:400px}.newsletter-form__field-wrapper .field__input:focus{outline:none}@media screen and (min-width: 990px) and (max-width: 1200px){.newsletter-signup--color .newsletter-signup__container,.newsletter-signup--layout-image_left .newsletter-signup__container{gap:0}.newsletter-signup__content--simple .newsletter-form__field-wrapper .field__input{min-width:fit-content}.newsletter-signup--color.newsletter-signup{padding:48px 20px}.newsletter-signup--layout-image_left.newsletter-signup--color .newsletter-signup__container{padding-right:20px}.newsletter-signup{margin-left:20px}.newsletter-signup__content{padding-right:20px}}@media screen and (max-width: 990px){.newsletter-signup--layout-image_left .newsletter-signup__container{grid-template-columns:1fr;-webkit-grid-template-columns:1fr;gap:40px;-webkit-gap:40px}.newsletter-signup,.newsletter-signup__image-wrapper{margin-left:0}.newsletter-signup--layout-image_background .newsletter-signup__content--centered{padding:2rem}.newsletter-form__field-wrapper{flex-direction:column}.newsletter-form__button{width:100%}.newsletter-signup__image-wrapper{margin-top:-15px;padding:0 15px}.newsletter-signup__heading{text-align:center}.newsletter-signup--layout-image_left form.newsletter-form{margin-left:20px;margin-right:20px;width:calc(100% - 40px)}.newsletter-signup--color.newsletter-signup--layout-image_left form.newsletter-form{margin-left:0;margin-right:0;width:100%}.newsletter-signup--layout-image_left .newsletter-signup__container{padding-bottom:40px}.newsletter-signup--layout-image_left.newsletter-signup--color .newsletter-signup__container{grid-template-columns:1fr;-webkit-grid-template-columns:1fr}.newsletter-signup--color.newsletter-signup{padding:0}.newsletter-signup--color .newsletter-signup__image{margin-left:0}.newsletter-signup--color .newsletter-signup__content{padding:0 20px}.newsletter-signup__text{text-align:center}.newsletter-signup--color .newsletter-signup__image{box-shadow:0 15px 25px #0000001a}.newsletter-signup--color .newsletter-signup__content{flex-direction:column}.newsletter-signup__content--simple .newsletter-form__field-wrapper .field__input{min-width:fit-content}.newsletter-signup__content--simple .newsletter-signup__heading{font-size:36px;line-height:42px}.newsletter-signup{margin-top:10px}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/section-newsletter-signup.css.map */