.user-image-uploader-container{position:relative}.user-image-uploader-container .image-container{width:225px;height:225px;margin:20px auto;position:relative}.user-image-uploader-container.smaller-new-style .image-container{width:115px;height:115px;display:flex;background:var(--blue);border-radius:100%;justify-content:center;align-items:center;margin:15px auto 20px auto}.user-image-uploader-container.smaller-new-style .preview-image-container img{width:115px;height:115px;border:none !important}.user-image-uploader-container.smaller-new-style .preview-image-container img:not([src]){display:none}.user-image-uploader-container.smaller-new-style img.over-icon{position:absolute;width:55px}.user-image-uploader-container.uploaded.smaller-new-style :is(img.over-icon, .user-edit-image){display:none}.user-image-uploader-container .preview-image-container img{width:225px;height:225px;object-fit:cover;border-radius:100%}.user-image-uploader-container .actions{display:none}.user-image-uploader-container .image-container .camera{position:absolute;right:0;bottom:0;width:85px;height:85px}.user-image-uploader-container img.selfie{max-width:300px;margin-top:40px;position:relative;z-index:1}.user-image-uploader-container:not(.no-background):after{content:'';position:absolute;width:250px;height:340px;background:var(--light-blue);bottom:0;left:-40px;border-radius:70px 180px 120px 0}.toggle-show-password{position:relative}.toggle-show-password svg:hover{cursor:pointer}.toggle-show-password svg{background:var(--blue);height:100%;position:absolute;right:0;top:0;aspect-ratio:1;padding:8px;border-radius:0 var(--br) var(--br) 0;transition:var(--tr)}.toggle-show-password.active svg{background:var(--active-red)}.left-to-menu{float:left;width:calc(100% - 280px);background:white;height:100%;margin-left:280px}body[hide_header="true"] .left-to-menu{min-height:calc(var(--app-height) - 75px)}.left-to-menu.light-blue{background:var(--light-blue)}.content-container{padding:30px;min-height:calc(var(--app-height) - 198px)}.content-container.content-container{min-height:auto}.user-menu{width:280px;height:calc(var(--app-height) - var(--hh));overflow:auto;z-index:4;position:fixed;top:var(--hh);background:white}.user-account-settings{border-bottom:1px solid var(--light-blue);display:flex;padding-bottom:15px}.user-account-settings .setting-label{width:calc(100% - 90px)}.user-account-settings .setting-value{width:80px}.user-account-settings .setting-label{padding-left:20px;border-bottom:none;line-height:20px;padding-top:10px;padding-bottom:5px;color:var(--blue);padding-right:0}.user-account-settings .setting-value{border-bottom:none}.select-type-user{height:50px}.full-width,.select-type-user.full-width{width:100%}.side-menu .user-menu{height:auto;position:relative;top:0;height:100%}.user-menu a{padding:0 20px}.side-menu .user-menu{width:100%}.render-growth-assessment{padding:20px;margin:30px 0 0 0;background-image:url(/assets/growth-assessment-background.png);background-repeat:no-repeat;background-size:auto 360px;background-position:center}.render-growth-assessment .inner{max-width:230px;height:330px;margin:0 auto}.ga-result .title{line-height:54px;border-bottom:1px solid var(--blue);background:var(--dark-blue);padding:0 40px;position:relative;color:white;font-size:var(--fs-n)}.ga-result .title .border-left{border-left:1px dotted var(--light-blue)}.ga-result .title .score.badge{position:absolute}.ga-result .title .score{color:white;right:80px}.multi.ga-result .title .score{padding-right:0}.over-score-container{position:relative;max-width:620px;margin:0 auto}.over-score-label{color:white;background:#9b9b9b;padding:0 4px;border-radius:4px;font-weight:500;font-size:var(--fs-n);position:absolute;left:60%;z-index:1;top:var(--hh-s);line-height:24px}.over-score-label[type="feelings"]{top:176px;left:69.9%}.over-score-label[type="meaning"]{top:286px}.over-score-label[type="quality_of_life"]{top:286px;left:36%}.over-score-label[type="participate"]{top:176px;left:26%}.over-score-label[type="daily_life"]{left:36%}.ga-result .title .score.badge{line-height:22px;background:var(--active-blue);top:calc(50% - 11px);padding:0 6px}.ga-result .title .score.badge.success{background:var(--active-green)}.ga-result .title .score.badge.warning{background:var(--active-red)}.ga-result .explanation{display:none}.ga-result .explanation .hearts{position:absolute;right:15px;top:14px}.ga-result .explanation .hearts svg{width:18px;height:18px}.ga-result.active .explanation{display:block}.ga-result.active .title:after{transform:rotate(90deg);display:block;background-color:white;background-image:url(/assets/chevron-blue.svg)}[color="my_body"] .hearts svg :is(path#path3940,path#path3996){fill:var(--active-green) !important}[color="feelings"] .hearts svg :is(path#path3940,path#path3996){fill:var(--active-blue) !important}[color="meaning"] .hearts svg :is(path#path3940,path#path3996){fill:var(--black-blue) !important}[color="quality_of_life"] .hearts svg :is(path#path3940,path#path3996){fill:var(--alt-active-red) !important}[color="participate"] .hearts svg :is(path#path3940,path#path3996){fill:var(--blue) !important}[color="daily_life"] .hearts svg :is(path#path3940,path#path3996){fill:var(--active-blue-alt) !important}.ga-result .explanation .line{line-height:20px;padding:15px 170px 15px 42px;background:var(--light-gray-alt);color:var(--dark-blue);border-bottom:1px solid #d1d1d1;position:relative}.growth-assessment.goals .ga-result .explanation .line,.ga-result .explanation .line[color]{padding-right:42px;font-size:var(--fs-n);color:var(--black-blue);font-weight:500}.multi.ga-result .explanation .hearts{top:0;position:relative;margin:0 auto;display:inline-block;right:inherit}.ga-result .explanation .line span.score{position:absolute;right:20px;color:var(--dark-blue);font-weight:700}.ga-result .title svg{width:26px;height:26px;margin-right:8px}.ga-demo{pointer-events:none;position:relative;overflow:hidden;margin-top:30px}.ga-results-compare{padding:15px 50px 10px 50px;font-weight:300;line-height:20px;background:var(--alt-light-blue)}.ga-results-compare span.small{font-size:12px;line-height:20px;position:absolute;left:0;top:-18px;color:var(--active-green)}.ga-demo .render-growth-assessment{margin-top:0}.ga-result:hover{cursor:pointer}.ga-demo .demo-label{position:absolute;z-index:111;background:var(--blue);width:calc(100% + 200px);top:25%;line-height:var(--hh-s);text-align:center;font-size:30px;font-weight:200;transform:rotate(-15deg);left:-100px;color:white}.ga-demo .demo-inner{filter:grayscale(50%)}.ga-demo .demo-inner:before{content:'';position:absolute;width:100%;height:100%;background:var(--dark-blue);z-index:2;opacity:.2}.tabbed-container{display:none;position:relative;opacity:1;left:0;transition:var(--tr)}.tabbed-container.login-slide-active{left:-100%;opacity:0}.tabbed-container.active{display:block}.tabbed-content{display:flex;padding:0 20px;line-height:var(--hh-s);height:var(--hh-s);align-items:center;background:var(--dark-mid-blue);overflow:auto;position:relative;z-index:4;left:0;opacity:1;transition:var(--tr)}.tabbed-content.login-slide-active{left:-100%;opacity:0}.tabbed-content.no-styling{padding:0;height:34px;background:transparent}.tabbed-content.no-styling .tab,.tabbed-content.no-styling .tab:hover{background:var(--dark-mid-blue)}.tabbed-content.border-bottom{border-bottom:1px solid var(--black-blue) !important}.tabbed-content.sub{background:var(--black-blue);background:var(--black-blue);line-height:45px;height:45px}.tabbed-content.sub .tab{line-height:28px;font-size:15px}.tabbed-content.no-border-bottom{border-bottom:none}.tabbed-content .tab{padding:0 10px;margin-right:4px;border-radius:var(--brs);transition:var(--tr);line-height:34px;position:relative;text-transform:capitalize;color:white;font-size:var(--fs-n);white-space:nowrap;font-weight:400}.tabbed-content .tab.active{background:var(--active-green)}.tabbed-content .tab.text{font-size:var(--fs-s);font-weight:300;padding:0}.tabbed-content.images .tab{padding:0 3px;width:38px;height:38px;line-height:38px;display:flex;align-items:center;justify-content:center}.tabbed-content .middle-tabs{width:100%;display:flex;justify-content:center;align-items:center}.tabbed-content.images .tab.absolute{position:absolute}.tabbed-content.images .tab.absolute.right{right:20px}.tabbed-content.images .tab.active span.tab-count{opacity:0}.tabbed-content.images .tab span.tab-count{background:var(--dark-red);color:white;position:absolute;width:18px;height:18px;line-height:18px;text-align:center;border-radius:100%;font-size:12px;right:0;top:0;transition:var(--tr);opacity:1}.tabbed-content .tab svg{width:28px;height:28px}.tabbed-content .tab svg circle.circle{fill:var(--blue)}.tabbed-content .tab.active svg circle.circle{fill:var(--active-blue)}.tabbed-content .tab:hover{background:rgba(255,255,255,0.1)}.leaderboard-header .tabbed-content.icon-style{padding:10px 0 0 0}.tabbed-content.icon-style{height:auto;background:transparent;padding-bottom:10px}.leaderboard-header{background:var(--alt-mid-blue);padding:0px 20px 10px 15px}.leaderboard-header p{margin:0;font-size:18px}.tabbed-content.icon-style .tab{background:transparent;padding:0 7px 0 8px;display:flex;justify-content:center;align-items:center;flex-direction:column}.tabbed-content.icon-style .tab span{color:white;font-size:12px}.tabbed-content.icon-style .tab svg{height:70px;width:70px;border-radius:100%}.tabbed-content .tab:hover{cursor:pointer}.tabbed-content .tab:last-child{margin-right:0}.tabbed-content.top-sticky{position:sticky;top:var(--hh)}.tabbed-content.blocked-btns{height:80px}.tabbed-content.blocked-btns .tab{padding:0 20px;line-height:50px;font-size:var(--fs-xl)}body[hide_header="true"] .tabbed-content.top-sticky{top:0}@media screen and (max-width: 768px){.ga-result .title{padding:10px 20px;line-height:26px}.ga-result .title .score{right:var(--hh-s)}.ga-result .explanation .line{padding:15px 20px !important}.ga-result .title:after{right:20px}.content-container{padding:20px}.tabbed-content{height:55px}.ga-result .title .border-left{border-left:0}}
