.invite-form__container{max-width:48rem;margin:0 auto}.invite-form__heading{margin-top:0;margin-bottom:.8rem}.invite-form-modal .invite-form__heading{padding-right:3.2rem}.invite-form__subheading{margin-bottom:2.4rem;opacity:.85}.invite-form-modal{width:100%;height:100%;background-color:#00000080;-webkit-backdrop-filter:blur(.2rem);backdrop-filter:blur(.2rem);box-sizing:border-box;opacity:0;position:fixed;visibility:hidden;z-index:-1;margin:0 auto;top:0;left:0;overflow-x:hidden;overflow-y:auto;padding:2.4rem 0}.invite-form-modal[open]{opacity:1;visibility:visible;z-index:103}.invite-form-modal__content{box-sizing:border-box;width:calc(100% - 3.2rem);max-width:56rem;height:max-content;max-height:calc(100vh - 4.8rem);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);padding:2.4rem;background-color:rgb(var(--color-background));box-shadow:0 4rem 6rem #0000000d;border-radius:.4rem}.invite-form-modal__close{position:absolute;top:1.2rem;right:1.2rem;line-height:0;color:#1b4332;padding:.8rem;z-index:1}.invite-form-modal__close svg{width:1.8rem;height:1.8rem}.invite-form-modal .invite-form__container{max-width:none}.invite-form__row{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.6rem}.invite-form__row label{font-weight:600;font-size:1.4rem}.invite-form__row input{box-sizing:border-box;width:100%;padding:1rem 1.2rem;border:1px solid #d0d0d0;border-radius:4px;font-size:1.6rem}.invite-form__row input.invite-form__input--invalid{border-color:#c0392b;border-width:2px}.invite-form__field-error{display:none;font-size:1.3rem;color:#c0392b;margin-top:.2rem}.invite-form__row--invalid .invite-form__field-error{display:block}@media screen and (max-width:989px){.invite-form-modal__content{width:calc(100% - 2.4rem);max-height:calc(100vh - 3.2rem);padding:2rem 1.8rem}}@media screen and (max-width:576px){.invite-form-modal{padding:1.6rem 0}.invite-form-modal__content{width:calc(100% - 1.6rem);max-height:calc(100vh - 2.4rem);padding:1.8rem 1.4rem 1.6rem}.invite-form-modal__close{top:.8rem;right:.8rem}.invite-form__heading{font-size:2.2rem}.invite-form__subheading{font-size:1.4rem}.invite-form__row{margin-bottom:1.2rem}}.invite-form__required{color:#c0392b}.invite-form__submit{width:100%;margin-top:.8rem}.invite-form__success{font-size:1.6rem;font-weight:600;color:#1b4332}.invite-form__error{font-size:1.4rem;color:#c0392b;margin-bottom:1.2rem}
/*# sourceMappingURL=/cdn/shop/t/62/assets/team-member-invite-form.css.map */
