.account-nav-trigger{background-color:rgba(var(--ms-white-rgb),.1);border:1px solid var(--ms-border-color);color:var(--ms-gray-50);cursor:pointer;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2.5rem;height:2.5rem;padding:0;display:inline-flex}.account-nav-trigger:focus-visible,.account-nav-trigger:hover{background-color:rgba(var(--ms-primary-rgb),.15);color:var(--ms-primary)}.account-nav-trigger__icon{width:.875rem;height:.875rem}.account-nav-modal.modal.show{align-items:flex-end}.account-nav-modal .modal-content{max-height:90vh}.account-nav-modal .modal-body{min-height:0;overflow-y:auto}@media (width<=768px){.account-nav-modal .modal-content__close{display:none}}.account-nav-menu{flex-direction:column;display:flex}.account-nav-menu__title{font-weight:var(--ms-font-weight-semibold);color:var(--ms-gray-400);padding-bottom:.25rem;font-size:.75rem}.account-nav-menu__title:not(:first-child){margin-top:1rem}.account-nav-menu__link{border-radius:var(--ms-border-radius-sm);color:var(--ms-gray-300);align-items:center;gap:.75rem;padding:.625rem .75rem;text-decoration:none;display:flex}.account-nav-menu__link:focus-visible,.account-nav-menu__link:hover{background-color:rgba(var(--ms-white-rgb),.05);color:var(--ms-white)}.account-nav-menu__link--active{background-color:rgba(var(--ms-primary-rgb),.1);color:var(--ms-primary)}.account-nav-menu__icon{flex-shrink:0;width:1.25rem;height:1.25rem}