.membership-activation{max-width:1024px;margin:0 auto;text-align:center}.membership-activation h1{font-size:3rem;border-bottom:2px solid;margin-bottom:3rem;padding-bottom:2rem;padding-left:20px;padding-right:20px;width:90%;margin-left:auto;margin-right:auto}.membership-activation__items-inner h2{font-size:20px;margin:0;text-align:left}.membership-activation__items-inner:not(:last-child){border-bottom:1px solid #a5a8aa;margin-bottom:1rem;padding-bottom:1rem}.membership-activation__prompt p{font-style:italic;margin-bottom:5px}.loader8{background:#e6e6e6;border:1px solid #bbb;border-radius:0;height:20px;overflow:hidden;position:relative;margin:2rem auto;width:100%;max-width:350px}.loader8:after{content:" ";display:block;width:120px;top:-50%;height:250%;position:absolute;animation:greenglow 3s linear infinite;z-index:2;background:#000}@keyframes greenglow{0%{left:-120px}to{left:100%}}.membership-activation__prompt{padding:0 20px}.membership-activation__container{display:flex;flex-wrap:wrap;justify-content:center;flex-direction:unset;margin-top:4rem}.membership-activation__items{display:block;float:left}.membership-activation__items img{width:100%;border-radius:8px}.membership-activation__items h2{margin-bottom:20px;font-size:18px;margin-top:10px;text-align:center}.membership-activation__items-inner{padding:15px}.membership-activation__items-inner svg{fill:#2ecc71;width:60px;height:auto;border:5px solid #fff;margin-bottom:-28px;position:relative;background-color:#fff;border-radius:50%}.membership-activation__items-inner button.disabled{cursor:default}.membership-activation__items-inner button{padding:8px 18px;border-radius:7px;background:unset;color:#2ecc71;border:unset}.membership-activation__items-inner.inactive button{color:#fff;border:3px solid #000;background-color:#000}.membership-activation__items.auto-activated button{color:#7f8c8d}.membership-activation__items.auto-activated svg,.membership-activation__items-inner.inactive svg{fill:#f39c12}@media (min-width: 651px){.membership-activation__items{width:50%}.membership-activation__items-inner svg{width:45px}}@media (min-width: 769px){.membership-activation__items{width:33.33%}}@media (min-width: 1025px){.membership-activation__items{width:25%}}@media (max-width: 650px){.membership-activation h1{font-size:35px}.membership-activation__container{padding:0 20px}.membership-activation__items-inner{padding:0 15px}.membership-activation__items:not(:last-child){border-bottom:1px solid #e6e6e6;padding-bottom:2rem;margin-bottom:2rem}}.spinner{animation:rotate 2s linear infinite;width:50px;height:50px}.path{stroke:#000;stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.membership-activation__new-membership{margin-top:2rem;text-align:left}.membership-activation__new-membership__header h2{text-align:center;font-size:2rem}.membership-activation__new-membership-form-container{background-color:#eee;border-radius:5px;padding:1rem;margin-top:1rem}.membership-activation__new-membership form{display:flex;flex-direction:column;gap:.5rem}.membership-activation__new-membership form .form-group{display:flex;flex-direction:column;gap:.5rem;width:100%}.membership-activation__new-membership form input.input-box{width:100%;padding:.8rem;border-radius:5px;border:none}.membership-activation__new-membership form input.input-box.error{outline:2px solid #f10606}.membership-activation__new-membership form .form-input-horizontal{display:flex;align-items:center;gap:1rem}.membership-activation__new-membership form .btn-confirm{width:fit-content}.membership-activation__new-membership form .validation-error{color:#f10606}
