@import"https://fonts.googleapis.com/css2?family=Rubik:ital,wght@0,300..900;1,300..900&display=swap";:root{--color-primary: #6c25ff;--color-primary-hover: #642af5;--color-secondary: #cebafb;--color-secondary-hover: #b897f2;--color-bg: #cbcbcb;--color-bg-light: #f7f8f9;--color-required: #dd4a3d;--color-text: #1d2226;--color-text-light: #74777b;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-smd: .8rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--font-xs: .8125rem;--font-sm: .875rem;--font-md: .9375rem;--font-lg: 1.12rem;--font-xl: 1.75rem;--radius-sm: .3rem;--radius-full: 50%}.container{width:100%;height:100%;display:flex;justify-content:center}.page{position:relative;width:375px;height:100%;background-color:var(--color-bg-light);box-shadow:0 2px 5px #0003}.content{padding:var(--spacing-md);width:100%;display:flex;flex-direction:column;position:absolute}.content>*{display:flex;flex-direction:column}.heading{font-size:var(--font-xl)}.description{margin-top:var(--spacing-smd);font-size:var(--font-lg);line-height:var(--spacing-lg);color:var(--color-text-light)}.required:after{content:"*";color:var(--color-required);margin-left:2px}button{font-size:var(--font-md);padding:var(--spacing-smd);cursor:pointer;font-weight:500;border:none;outline:none;border-radius:var(--radius-sm);transition:background-color .2s ease}button:hover{background-color:var(--color-primary-hover)}input{padding:var(--spacing-smd);border-radius:var(--radius-sm);border:1px solid var(--color-bg);background:transparent;outline:none}input:focus{border-color:#f48ac7}input[type=radio]{transform:scale(1.3);cursor:pointer;accent-color:var(--color-primary-hover)}.form{margin-top:var(--spacing-lg);display:flex;flex-direction:column;font-size:var(--font-md)}.input-group{position:relative;margin-bottom:var(--spacing-lg);display:flex;flex-direction:column}.input-group label{position:absolute;top:-.65rem;left:.6rem;color:var(--color-primary);font-size:var(--font-xs);transition:all .2s ease;pointer-events:none;background:var(--color-bg-light);padding:0 4px}*{margin:0;padding:0;box-sizing:border-box}body,html{height:100vh}body,button,input{font-family:Rubik,sans-serif;color:var(--color-text)}button{background-color:var(--color-primary);color:#fff}#root{height:100%}.content-home{margin-bottom:1.25rem;bottom:0;left:0}.text-container{width:75%}.button-container{margin-top:var(--spacing-lg);gap:var(--spacing-sm)}.button-container>:nth-child(2){background-color:var(--color-secondary);color:#000;transition:background-color .2s ease}.button-container>:nth-child(2):hover{background-color:var(--color-secondary-hover)}.content-profile{padding:0;height:100%}.profile-wrapper{display:flex;flex-direction:column;padding:var(--spacing-md);padding-bottom:0}.banner{width:100%;background:#fff 0% 0% no-repeat padding-box;box-shadow:0 3px 6px #00000007;position:absolute;top:0;left:0;padding:var(--spacing-md)}.profile-details{margin-top:3.5rem;display:flex;flex-direction:row;gap:1.75rem}.pfp-group{position:relative}#pfp{width:76px;height:76px;object-fit:cover;border-radius:var(--radius-full)}.upload-btn-wrapper{cursor:pointer;position:absolute;background-color:var(--color-primary);border-radius:var(--radius-full);width:25px;height:25px;bottom:10%;right:-8%;padding:var(--spacing-sm);display:flex;justify-content:center;align-items:center;box-sizing:border-box}#upload-btn{width:15px;height:15px;border-radius:0;background:none;padding:0}.user-info{display:flex;flex-direction:column;gap:var(--spacing-xs)}.profile-name{font-size:var(--font-md)}.profile-email{font-size:var(--font-sm)}.shorter-description{margin-top:var(--spacing-lg);font-size:var(--font-sm);line-height:1.375rem;text-transform:capitalize;color:var(--color-text)}.empty-space{border-top:1px dashed var(--color-bg);border-bottom:1px dashed var(--color-bg);height:100%;margin:var(--spacing-lg) 0}.content-signin{top:0;left:0}.content-signin .heading{width:65%}.content-signin .description{width:70%}.signin-form{margin-top:var(--spacing-xl)}.signin-form button{background-color:var(--color-bg)}.content-signup{height:100%}.signup-form{margin-top:var(--spacing-xl)}.signup-radio{font-size:var(--font-xs)}.radio-btns{margin-top:var(--spacing-sm);display:flex;gap:var(--spacing-md)}.radio-btn{display:flex;justify-content:center;align-items:center;gap:var(--radius-sm)}#create-acc-btn{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);right:var(--spacing-md)}