@layer components{:root{--email-form-input-height: 3.6rem;--email-form-submit-width: 10rem}.email-form__input-wrapper{display:flex;position:relative;flex-direction:column;gap:var(--spacing-unit-xs)}.email-form__icon{position:absolute;top:calc(var(--email-form-input-height) / 2);left:calc(var(--email-form-input-height) / 2);transform:translate(-50%,-50%);width:var(--font-size)}.email-form__input{border:1px solid var(--color-charcoal);border-radius:calc(var(--email-form-input-height) / 2);background:transparent;padding:0 var(--email-form-input-height);width:100%;height:var(--email-form-input-height);font-size:1.4rem;text-align:center}@media screen and (min-width: 768px),print{.email-form__input{padding-right:calc(var(--email-form-submit-width) + var(--spacing-unit-xs));font-size:1.1rem;text-align:left}}@media screen and (min-width: 768px),print{.email-form__submit{position:absolute;top:0;right:0;bottom:0;border-radius:calc(var(--email-form-input-height) / 2);width:var(--email-form-submit-width);overflow:hidden}}.email-form__message{display:flex;align-items:center;gap:var(--spacing-unit-xxs);margin:var(--spacing-unit-xs) 0;background:var(--color-white);padding:var(--spacing-unit-xs)}}
/*# sourceMappingURL=/cdn/shop/t/467/assets/email-form.css.map */