.wrapper[data-v-494c0764]{display:flex;align-content:center;align-items:center;border-radius:4px;height:40px;flex-shrink:0;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;margin:5px;margin-top:2px;margin-bottom:2px;transition:.2s;position:relative;overflow:hidden}.wrapper[data-v-494c0764]:before{content:"";position:absolute;left:0;top:10px;bottom:10px;width:4px;transition:.1s;border-radius:4px}.wrapper[data-v-494c0764]:hover{background:hsla(0,0%,100%,.1)}.wrapper[data-v-494c0764]:hover:before{background:var(--primary-color);opacity:.4}.wrapper:hover .icon[data-v-494c0764]{opacity:.6}.wrapper:hover .icon[data-v-494c0764]:hover{opacity:1}.wrapper.selected[data-v-494c0764]{background:hsla(0,0%,100%,.1)}.wrapper.selected[data-v-494c0764]:before{background:var(--primary-color);opacity:1}.wrapper.selected .icon[data-v-494c0764]{opacity:.6}.wrapper.selected .username[data-v-494c0764]{color:#fff}.wrapper.hasNotification[data-v-494c0764]:before{background:var(--alert-color)}.username[data-v-494c0764]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:hsla(0,0%,100%,.6)}.avatar[data-v-494c0764]{margin-right:5px;margin-left:5px}.notification[data-v-494c0764]{display:flex;flex-shrink:0;align-items:center;justify-content:center;height:20px;font-size:13px;margin:auto;margin-right:10px;width:20px;background-color:var(--alert-color);border-radius:50%}.details[data-v-494c0764]{display:flex;flex-direction:column;overflow:hidden;flex:1}.icon[data-v-494c0764]{font-size:16px;margin-right:10px;flex-shrink:0;opacity:0;transition:.2s}.friend-list[data-v-a7d363d2]{display:flex;flex-direction:column;height:100%;overflow-y:auto;overflow-x:hidden}