.user-avatar-and-name{align-items:center;display:grid;grid-area:user-avatar-and-name;grid-template-columns:min-content auto;overflow:hidden}.user-avatar-and-name .avatar-username{margin:0 10px;text-overflow:ellipsis}.avatar-wrapper{background:transparent;border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%;display:flex;justify-content:center;overflow:hidden}.avatar-wrapper.x-small{flex:0 0 18px;height:18px;width:18px}.avatar-wrapper.small{flex:0 0 24px;height:24px;width:24px}.avatar-wrapper.medium{flex:0 0 36px;height:36px;width:36px}.avatar-wrapper.large{flex:0 0 50px;height:50px;width:50px}.avatar-wrapper.x-large{flex:0 0 70px;height:70px;width:70px}.avatar-wrapper.full{flex:0 0 140px;height:140px;width:140px}.avatar{height:100%}.avatar-wrapper div{display:none}.avatar-wrapper-angled{background:transparent;display:flex;justify-content:center;overflow:hidden}.avatar-wrapper-angled.x-small{height:18px;width:auto}.avatar-wrapper-angled.small{height:24px;width:auto}.avatar-wrapper-angled.medium{height:36px;width:auto}.avatar-wrapper-angled.large{height:50px;width:auto}.avatar-wrapper-angled.x-large{height:70px;width:auto}.avatar-wrapper-angled.full{height:140px;width:auto}.user-remove-only-wrapper{align-items:center;display:grid;grid-template-columns:[action-1] 34px [user-avatar-and-name] auto}.user-notification-wrapper{align-items:center;display:grid;grid-template-columns:[action-1] 34px [user-avatar-and-name] auto [action-2] 160px}.user-with-permissions-wrapper{align-items:center;display:grid;grid-template-columns:[action-1] 34px [user-avatar-and-name] auto [user-permissions] 220px}.user-with-permissions-wrapper .user-permissions{align-items:center;display:grid;grid-area:user-permissions;grid-template-columns:[permission-1] auto [permission-2] auto}.user-notification-wrapper .action-1,.user-remove-only-wrapper .action-1,.user-with-permissions-wrapper .action-1{grid-area:action-1}.user-notification-wrapper .action-2 .notification-info{grid-area:notification-info}.user-notification-wrapper .action-2 .glyphicons,.user-notification-wrapper .action-2 button{grid-area:glyphicons}.user-notification-wrapper .action-2{align-items:center;display:grid;grid-area:action-2;grid-template-columns:[notification-info] auto [glyphicons] 34px}