.user-icon-link{position:relative;display:inline-flex;align-items:center;line-height:1}.user-icon-trigger{all:unset;display:inline-flex;align-items:center;gap:6px;cursor:pointer;color:#000}.user-icon-trigger:hover,.user-icon-trigger:focus,.user-icon-trigger:active{background:transparent!important;color:#000!important}.user-icon-svg svg{width:20px;height:20px;color:#000}.user-icon-trigger:hover .user-icon-svg svg{color:#000}.user-icon-text{font-size:14px;font-weight:400;white-space:nowrap;color:#000}.user-icon-menu{position:absolute;top:100%;right:0;margin-top:6px;min-width:190px;background:#fff;border:1px solid #ddd;z-index:99999;box-shadow:0 6px 20px rgb(0 0 0 / .12)}.user-icon-menu-title{padding:10px 14px;font-size:14px;font-weight:400;color:#000;border-bottom:1px solid #eee}.user-icon-menu-list{list-style:none;margin:0;padding:0}.user-icon-menu-list li a{display:flex;align-items:center;gap:8px;padding:10px 14px;font-size:14px;font-weight:400;color:#000;text-decoration:none;transition:background-color .15s ease,color .15s ease}.user-icon-menu-list li a:hover{background:#1A658C;color:#fff}.user-icon-menu-list .icon{width:16px;text-align:center}.user-icon-menu-list li a:hover .icon{color:#fff}.user-icon-menu-list li.is-active>a{background:#1A658C;color:#fff}.user-icon-menu-list li.is-active>a .icon{color:#fff}.user-icon-menu-list li.logout a{color:#a00}.user-icon-menu-list li.logout a:hover{background:#1A658C;color:#fff}@media (max-width:768px){.user-icon-menu{min-width:240px;margin-top:10px}.user-icon-menu-title,.user-icon-menu-list li a{padding:14px 16px;font-size:15px}.user-icon-menu-list .icon{width:18px;font-size:16px}}