.become-member-section{width:100%;height:95vh;position:relative}.become-member-section .error-message{display:none;font-size:1.4rem;line-height:2.6rem;margin-top:.2rem}.become-member-section .error-message.show{display:block}.success-image{width:100%}.become-member-section img{position:relative;z-index:1;width:100%;height:100%;object-fit:cover}.become-member-section #form-and-button-wrapper{position:absolute;top:50%;left:50%;width:35%;transform:translate(-50%,-50%);z-index:2;opacity:1;transition:opacity .3s ease-in-out}.become-member-section #form-and-button-wrapper.hide{opacity:0;pointer-events:none}.become-member-form{display:flex;flex-flow:column;background:#262626cc;padding:3.2rem 4rem}.become-member-form input{width:100%}.become-member-form .form-item{margin-bottom:1.6rem}.become-member-form .form-item input{width:100%}.become-member-form .form-text{font-size:1.6rem;line-height:2.4rem}.become-member-section .submit-btn-wrapper{display:flex;justify-content:center;margin-top:4rem}.become-member-section .submit-btn-wrapper .btn-primary{opacity:.8;width:60%}#become-member-success{opacity:0;pointer-events:none;transition:opacity .3s ease-in-out .3s;position:absolute;top:50%;left:50%;width:40%;transform:translate(-50%,-50%);z-index:2;padding:3.2rem}#become-member-success.show{opacity:1;pointer-events:none}#become-member-success .wrapper{display:flex;gap:20px}#become-member-success .left-section{width:40%}#become-member-success .right-section{display:flex;flex-direction:column;justify-content:center;align-items:center;width:60%;text-align:center}#become-member-success .right-content{display:flex;flex-direction:column;justify-content:center;align-items:center}#become-member-success .success-message{font-size:2.4rem;line-height:3.4rem}#become-member-success .gradient-line{display:block;width:80%}@media only screen and (max-width: 1200px){.become-member-section #form-and-button-wrapper,#become-member-success{width:40%}.become-member-form{padding:2rem}.become-member-section .submit-btn-wrapper{margin-top:3.2rem}}@media only screen and (max-width: 768px){.become-member-section{height:calc(100vh - 10.2rem)}.become-member-section #form-and-button-wrapper,#become-member-success{width:calc(100% - 5rem)}#become-member-success{display:flex;justify-content:center;flex-direction:column}.become-member-form{padding:2rem}.become-member-section .submit-btn-wrapper{margin-top:3.2rem}#become-member-success .success-message{font-size:1.2rem;line-height:2rem}.become-member-form .form-text{font-size:1.2rem;line-height:2.4rem}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/become-member.css.map */