:root{--primary-colour:#e0115f;--lime-green:#32cd32;--hot-yellow:#feaa1a;--red:red;--rose-red:#fa003f;--white:#fff;--secondary-white:#f8ffe5;--black:#000;--dark-grey:#4a4a4a;--mid-grey:#757c88;--grey:#9fa1a4;--light-grey:#dcddde;--deep-black:#00171f;--light-blue:#00a8e8;--deep-orange:#fb8500;--light-orange:#ffb703;--light:#e0eaf5;--cream-white:#fffdd0;--accent-brown:#7b3f00;--jet-black:#333232;--dim-grey:#6a6969;--box-shadow:0 2px 5px 0 grey;--gradient-1:linear-gradient(#a80271, #fb6f92);--accent-gradient:linear-gradient(90deg, #36013f 0%, navy 50%, #000 100%);--thin-border:#ccc}.onboarding-page-component-container{background:#fff;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex}.onboarding-page-component-wrapper{flex-direction:column;justify-content:center;align-items:center;width:500px;padding:15px;display:flex}.onboarding-page-component-header{border-bottom:1px solid #000;justify-content:space-between;align-items:center;width:100%;margin-bottom:5px;padding:10px 0;font-size:large;font-weight:600;display:flex}.onboarding-page-component-card,.onboarding-card-form{flex-direction:column;justify-content:center;align-items:center;width:100%;display:flex}.onboarding-card-form-item{flex-direction:column;justify-content:flex-start;align-items:flex-start;width:100%;margin:5px 0;display:flex}.onboarding-card-form-item>label{justify-content:flex-start;align-items:center;width:100%;margin:5px 0;font-weight:600;display:flex}.onboarding-card-form-input{border:2px solid #000;border-radius:5px;justify-content:flex-start;align-items:center;width:100%;padding:5px;display:flex}.onboarding-card-form-item>input{border:1px solid var(--thin-border);border-radius:5px;outline:none;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:15px;display:flex}.onboarding-card-form-item>textarea{border:1px solid var(--thin-border);resize:none;border-radius:5px;outline:none;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:15px;font-family:inherit;display:flex}.onboarding-card-form-item>select{border:2px solid #000;border-radius:5px;outline:none;flex:1;justify-content:flex-start;align-items:center;width:100%;padding:5px;display:flex}.onboarding-btn-native{background:var(--primary-colour);border:2px solid var(--primary-colour);cursor:pointer;color:#fff;border-radius:5px;justify-content:center;align-items:center;width:100%;margin:5px 0;padding:10px 25px;font-weight:600;transition:all .5s ease-in;display:flex}.onboarding-btn-native:hover{background:var(--primary-colour)}.onboarding-card-avatar-preview{width:100%;margin:5px 0}.onboarding-card-avatar-preview-img{object-fit:cover;object-position:center;border:1px solid gray;border-radius:50%;width:150px;height:150px}