.profileHolder{position:relative;display:inline-flex;vertical-align:top}.profileToggle{display:inline-flex;align-items:center;border-radius:1rem;cursor:pointer}.profileToggle.isOpen .profileIcon{transform:rotateX(180deg)}.profileToggle.variantLight{background-color:#f3f4f5}.profileToggle.variantDark{background-color:rgba(243,244,245,.1);box-shadow:0 0 0 .1rem rgba(224,227,230,.2)}.profileToggle.variantDark .profileAvatar{background-color:rgba(138,149,157,.2)}.profileToggle.sizeLarge{gap:1.2rem;height:4.6rem;padding-top:.8rem;padding-bottom:.8rem;-webkit-padding-start:.8rem;padding-inline-start:.8rem;-webkit-padding-end:1.2rem;padding-inline-end:1.2rem}.profileToggle.sizeSmall{gap:1rem;height:4rem;padding-top:.5rem;padding-bottom:.5rem;-webkit-padding-start:.5rem;padding-inline-start:.5rem;-webkit-padding-end:.8rem;padding-inline-end:.8rem}.profileIcon{transition:transform .12s linear}.profileAvatar{display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:rgba(138,149,157,.2);font-size:1.4rem;color:#8a959d}.profileAvatar.sizeLarge{width:4rem;height:4rem}.profileAvatar.sizeSmall{width:3rem;height:3rem}.profileAvatarImg{max-width:100%}.profileUserName{font-size:1.5rem;font-weight:700;line-height:2rem}.profileContent{position:absolute;top:100%;inset-inline-end:0;display:flex;flex-direction:column;align-items:center;margin-top:1rem;gap:2rem;width:38rem;padding:2rem;border-radius:1.6rem;background-color:#fff;box-shadow:0 0 .6rem 0 rgba(0,0,0,.12);z-index:10}.profileAvatarIcon{font-size:1.2rem}.profileContentActionsRow{width:100%;display:flex;flex-direction:column;gap:1rem}.profileContentCloseAction{display:flex;align-items:center;justify-content:center;outline:none;border:none;position:absolute;top:2rem;inset-inline-end:2rem;font-size:1.4rem;color:#8a959d;cursor:pointer;transition:color .24s}.profileContentCloseAction:hover{color:#152a3a}.profileUserDetails{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-bottom:1rem}.profileContentUserEmail{font-size:1.6rem;line-height:2rem;color:#8a959d}.profileContentUserName{font-size:1.8rem;font-weight:700;line-height:2.2rem;color:#152a3a;text-transform:capitalize}.profileContentActions{display:flex;gap:1rem;width:100%;min-width:0}