.account-hero{display:grid;grid-template-columns:8.2rem auto;margin-bottom:0;background:#011c4f;height:50rem;overflow:hidden;position:relative}.account-hero .aside{display:flex;flex-direction:column;height:100%;justify-content:flex-end}.account-hero .aside h5{color:hsla(0,0%,100%,.5);font-size:1rem;text-align:center;transform:rotate(-90deg);transform-origin:50% 50%;white-space:nowrap;margin-bottom:5rem}.account-hero .aside h5 span{letter-spacing:-.1rem;margin-right:.2rem;transform:translateY(-.065rem);display:inline-block;opacity:.5}.account-hero .account-bg{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(1.1);width:100vw;filter:blur(30px);opacity:.5}@media screen and (max-width:769px){.account-hero .aside h5{display:none}}.account-main{max-width:96rem;margin:-31rem auto 12rem}.account-main .tile{background:#fff;border-radius:1.3rem;box-shadow:0 5px 30px -10px rgba(0,0,0,.15);padding:3.6rem;z-index:1;margin-top:12.2rem}.account-main .tile h5{padding-bottom:1.3rem;border-bottom:2px solid rgba(102,108,113,.1)}.account-main .tile+.tile{margin-top:3.2rem}.account-main .account-setting{display:grid;grid-template-columns:1fr 3fr;margin-top:2rem;align-items:center}.account-main .account-setting p{font-size:2rem;line-height:1.6}.account-main .account-setting p+p{margin:0}.account-main .account-setting p:nth-child(2){color:#151c22;font-family:var(--font-graphik-semibold-web),sans-serif;font-weight:400}.account-main .account-setting p small{color:rgba(102,108,113,.75);font-family:Graphik-Regular-Web;font-weight:400;display:block;margin-left:3.2rem;margin-top:.6rem;font-size:1.2rem}.account-main .account-setting input[type=checkbox]{margin-bottom:-.4rem;margin-right:.4rem}.account-main .account-setting .btn{grid-column:2/3;justify-self:start;font-size:1.3rem}.account-main .account-setting .account-setting-group .btn{display:inline-block}.account-main .account-setting .account-setting-group small,.account-main .account-setting .dropdown label{margin-top:0}.account-main .account-setting .account-controles{grid-column:2/3;justify-self:start;font-size:1.3rem}.account-main .account-setting .account-controles .button+.button{margin-left:16px}.account-main .account-setting .account-setting-group:nth-child(2){color:#151c22;font-family:var(--font-graphik-semibold-web),sans-serif;font-weight:400}.account-main .account-setting .account-setting-group small{display:block;font-size:1.1rem;color:rgba(102,108,113,.75);font-family:Graphik-Regular-Web;font-weight:400;line-height:1.3}.account-main .account-setting .account-setting-group .btn-danger{margin-bottom:12px}.account-main .account-setting-inline{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px}.account-avatar{position:relative;width:26rem;margin:0 auto -4rem;border-radius:1.3rem;animation:fade-in-up .3s cubic-bezier(.4,0,.2,1);animation-fill-mode:both;animation-delay:.15s;z-index:2}.account-avatar .account-avatar__img-frame{border-radius:1.3rem;z-index:1;position:relative;width:260px;height:260px;box-shadow:0 30px 25px -15px rgba(18,98,251,.2),0 15px 40px -10px rgba(0,0,0,.2)}.account-avatar .account-avatar__default{z-index:1}.account-avatar .account-avatar__default,.account-avatar .account-avatar__img{border-radius:1.3rem;top:0;left:0;position:absolute;width:260px;height:260px;object-fit:cover}.account-avatar .account-avatar__img{z-index:2}.account-avatar:after{content:"";background:rgba(0,0,0,0);pointer-events:none;box-shadow:inset 0 0 0 4px rgba(0,0,0,.25);z-index:3}.account-avatar .account-avatar-settings,.account-avatar:after{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:1.3rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.account-avatar .account-avatar-settings{background:rgba(0,0,0,.55);z-index:4;display:flex;justify-content:center;align-items:flex-end;padding:2rem;opacity:0}.account-avatar .account-avatar-settings input[type=file]{cursor:pointer}.account-avatar .account-avatar-settings>div{width:100%;text-align:center}.account-avatar .account-avatar-settings .account-avatar-settings__progress{margin:8px auto;height:4px;background-color:hsla(0,0%,100%,.75);width:80%;display:block;border-radius:3px}.account-avatar .account-avatar-settings .account-avatar-settings__btn{display:block;margin:0 1rem;color:hsla(0,0%,100%,.75);opacity:0;transform:translateY(2rem);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.account-avatar .account-avatar-settings .account-avatar-settings__btn:nth-child(2){transition-delay:60ms}.account-avatar .account-avatar-settings .account-avatar-settings__btn:hover{color:#1262fb}.account-avatar.has-progress:after,.account-avatar:hover:after{box-shadow:inset 0 0 0 12px rgba(0,0,0,.25)}.account-avatar.has-progress .account-avatar-settings,.account-avatar:hover .account-avatar-settings{opacity:1}.account-avatar.has-progress .account-avatar-settings .account-avatar-settings__btn,.account-avatar:hover .account-avatar-settings .account-avatar-settings__btn{opacity:1;transform:translateY(0)}@media screen and (max-width:769px){.account-main .account-setting-inline{display:block}.account-main .account-setting-inline .has-float-label{margin-bottom:6px}.account-main .account-avatar{margin-bottom:-2rem}.account-main .account-setting{grid-template-columns:1fr}}@media screen and (max-width:1280px){.account-main .account-setting p{font-size:1.5rem}}