.hopp-lms-nav-user{align-items:center;cursor:pointer;display:flex;gap:.4rem}.hopp-lms-nav-user.active{color:var(--colour-primary)}.hopp-lms-nav-user.active svg{color:var(--colour-primary);transform:rotate(180deg)}.hopp-lms-nav-user__avatar{border-radius:100%;height:2.4rem;width:2.4rem}.hopp-lms-nav-user__name{color:var(--color-text-primary,#1f2532);display:none;font-weight:700;line-height:1}.hopp-lms-nav-user__caret{color:var(--color-text-primary,#1f2532);display:flex;margin-left:.6rem}.hopp-lms-nav-user__caret svg{height:1.5rem;transition:transform .3s ease-in-out;width:2rem}@media(min-width:768px){.hopp-lms-nav-user__name{display:block}}.hopp-lms-nav-button a{color:var(--color-text-primary,#1f2532);padding:.2rem 1.5rem!important}