.member-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:2rem}.member-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#0009;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:block!important}.member-modal__content{position:relative;background-color:rgb(var(--color-background));border-radius:1rem;box-shadow:0 2rem 4rem #0000004d;max-width:50rem;width:100%;max-height:90vh;overflow-y:auto;border:.1rem solid rgba(var(--color-foreground),.1)}.member-modal__header{display:flex;align-items:center;justify-content:space-between;padding:2rem 2.5rem 1rem;border-bottom:.1rem solid rgba(var(--color-foreground),.1)}.member-modal__title{margin:0;font-size:2rem;font-weight:600;color:rgb(var(--color-foreground))}.member-modal__close{background:none;border:none;cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;border-radius:.5rem;transition:background-color .2s ease}.member-modal__close:hover{background-color:rgba(var(--color-foreground),.05)}.member-modal__close svg{width:2rem;height:2rem;fill:rgb(var(--color-foreground))}.member-modal__body{padding:2rem 2.5rem}.member-modal__description{margin:0 0 2rem;font-size:1.4rem;color:rgba(var(--color-foreground),.75);line-height:1.5}.member-modal .member-info-fields__row{display:flex;gap:1rem;margin-bottom:2rem}.member-modal .member-info-fields__field{margin-bottom:2rem}.member-modal .member-info-fields__field:last-child{margin-bottom:0}.member-modal .member-info-fields__field--half{flex:1;margin-bottom:0}.member-modal label{display:block;margin-bottom:.5rem;font-size:1.4rem;font-weight:500;color:rgb(var(--color-foreground))}.member-modal .field__input{width:100%;padding:1.2rem 1rem;border:.1rem solid rgba(var(--color-foreground),.3);border-radius:var(--border-radius);font-size:1.4rem;background-color:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:border-color .2s ease}.member-modal .field__input:focus{border-color:rgb(var(--color-foreground));outline:none;box-shadow:0 0 0 .2rem rgba(var(--color-foreground),.1)}.member-modal .field__input::placeholder{color:rgba(var(--color-foreground),.5);opacity:1}.member-modal .field__input:invalid,.member-modal .field__input[aria-invalid=true]{border-color:rgb(var(--color-error, #d72c0d))}.member-modal .text-area{min-height:8rem;resize:vertical}.member-modal .form__message{display:flex;align-items:center;margin-top:.5rem;font-size:1.2rem;color:rgb(var(--color-error, #d72c0d))}.member-modal .form__message svg{margin-right:.5rem;width:1.4rem;height:1.4rem;fill:currentColor}.member-modal .form__message.hidden{display:none}.member-modal__error{background-color:#f8d7da;color:#721c24;padding:1rem;margin-top:1.5rem;border:1px solid #f5c6cb;border-radius:.5rem;font-size:1.3rem}.member-modal__error.hidden{display:none}.member-modal__footer{display:flex;align-items:center;justify-content:flex-end;gap:1rem;padding:1rem 2.5rem 2rem;border-top:.1rem solid rgba(var(--color-foreground),.1)}.member-modal__cancel{background:none;color:rgb(var(--color-foreground));border:.1rem solid rgba(var(--color-foreground),.3)}.member-modal__cancel:hover{background-color:rgba(var(--color-foreground),.05)}.member-modal__continue{background-color:rgb(var(--color-foreground));color:rgb(var(--color-background));border:.1rem solid rgb(var(--color-foreground))}.member-modal__continue:hover{opacity:.9}.btn{padding:1rem 2rem;font-size:1.4rem;font-weight:500;border-radius:var(--border-radius);cursor:pointer;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;min-height:4.4rem}@media screen and (max-width: 749px){.member-modal{align-items:center;padding:2rem 1rem 1rem}.member-modal__content{max-height:calc(100vh - 4rem)}.member-modal__header,.member-modal__body,.member-modal__footer{padding-left:1.5rem;padding-right:1.5rem}.member-modal__title{font-size:1.8rem}.member-modal__footer{flex-direction:column;gap:1rem}.member-modal__footer .btn{width:100%}.member-modal .member-info-fields__row{flex-direction:column;gap:0}.member-modal .member-info-fields__field--half{margin-bottom:2rem}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/component-member-modal.css.map */