.newsletter-form-content{display:flex;flex-direction:column;padding:calc(2.4rem / var(--font-body-scale));border:1px solid var(--color-brand-primary-700);border-radius:calc(1.2rem / var(--font-body-scale));gap:calc(1.6rem / var(--font-body-scale));background-color:rgb(var(--color-background));max-width:100%;margin:0 auto}.newsletter-form-content .form-row{display:flex;align-items:stretch;flex-direction:column;gap:calc(1.6rem / var(--font-body-scale))}.newsletter-form-content .form-row>.field-wrapper,.newsletter-form-content .form-row>button{flex:1}.newsletter-form-content .field-wrapper{border:none;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:calc(.4rem / var(--font-body-scale))}.field-label{margin:0;font-size:calc(1.2rem / var(--font-body-scale));font-weight:600;text-transform:uppercase}.form-input-field{background-color:rgb(var(--color-background-contrast));padding:calc(1.2rem / var(--font-body-scale)) calc(1.6rem / var(--font-body-scale));border-bottom:1px solid var(--color-brand-secondary-200);width:100%;position:relative}.form-input-field:after{content:"";position:absolute;bottom:-1px;left:0;width:0;height:2px;background-color:var(--color-brand-secondary-200);transition:width .3s ease}.form-input-field:focus-within:after{width:100%}.form-input-field.has-error{border-bottom-color:#dc2626}.form-input-field.has-error:after{background-color:#dc2626}.form-input-field.has-error .input-wrapper .svg-wrapper *{color:#dc2626}.form-input-field .input-wrapper{display:flex;align-items:center;justify-content:flex-start;gap:calc(.8rem / var(--font-body-scale));width:100%}.form-input-field .input-wrapper .svg-wrapper{flex-shrink:0;display:flex;align-items:center}.form-input-field .input-wrapper .svg-wrapper *{color:var(--color-brand-secondary-200)}.form-input-field input{border:none;background:transparent;flex:1;min-width:0;font-family:var(--font-body-family)}.form-input-field input:-webkit-autofill,.form-input-field input:-webkit-autofill:hover,.form-input-field input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px rgb(var(--color-background-contrast)) inset;-webkit-text-fill-color:inherit}.form-input-field input:focus{border:none;outline:none;background-color:rgb(var(--color-background-contrast));box-shadow:none}.newsletter-form-content button{display:flex;justify-content:center;align-items:center;border:1px solid var(--color-brand-primary-800);padding:calc(1.6rem / var(--font-body-scale)) calc(2.4rem / var(--font-body-scale));flex:1;border-radius:calc(.8rem / var(--font-body-scale));background-color:transparent;cursor:pointer;transition:background-color .2s ease,color .2s ease;font-family:var(--font-body-family);font-size:calc(1.6rem / var(--font-body-scale));color:var(--color-brand-primary-800)}.newsletter-form-content button:hover{background-color:var(--color-brand-primary-800);color:rgb(var(--color-background))}.newsletter-form-content button:active{background-color:var(--color-brand-primary-700);color:rgb(var(--color-background))}.klaviyo-form-message{margin:calc(1.2rem / var(--font-body-scale)) 0 0;font-size:calc(1.4rem / var(--font-body-scale))}.klaviyo-form-message.success{color:#15803d}.klaviyo-form-message.error{color:#dc2626}.honeypot-field{position:absolute;left:-9999px;top:-9999px;opacity:0;width:1px;height:1px;overflow:hidden}.newsletter-success{text-align:center;padding:calc(2.4rem / var(--font-body-scale))}.newsletter-success .success-heading{margin:0 0 calc(.8rem / var(--font-body-scale));font-size:calc(2rem / var(--font-body-scale))}.newsletter-success .success-text{margin:0;font-size:calc(1.4rem / var(--font-body-scale));color:rgba(var(--color-foreground),.75)}.sms-consent{margin-top:calc(.8rem / var(--font-body-scale))}.consent-checkbox{display:flex;align-items:flex-start;gap:calc(.8rem / var(--font-body-scale));cursor:pointer;font-size:calc(1.2rem / var(--font-body-scale));line-height:1.5}.consent-checkbox input[type=checkbox]{margin-top:.2em;flex-shrink:0;width:auto}.consent-checkbox a{text-decoration:underline;color:var(--color-brand-primary-800)}@media(min-width:650px){.newsletter-form-content{max-width:700px}.newsletter-form-content .form-row{flex-direction:row}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/newsletter-custom.css.map */