.principal-item{box-sizing:border-box;vertical-align:top;background:#fff;border:1px solid #dde2e7;border-radius:5px;align-items:center;margin-bottom:10px;margin-right:10px;display:inline-flex;position:relative}.principal-item .pic{vertical-align:top;background-color:#d3d3d3;border-radius:50%;width:24px;height:24px;margin-left:8px;display:inline-block;position:relative}.principal-item .pic>div{border-radius:50%;font-size:11px}.principal-item .pic>img{border-radius:50%;width:100%;height:100%}.principal-item .pic .principal-type{color:#fff;text-align:center;box-sizing:content-box;z-index:93;background-color:#0abb87;border:1px solid #fff;border-radius:50%;width:12px;height:12px;margin:0 auto;font-size:9px;font-weight:500;line-height:12.5px;position:absolute;bottom:-1px;right:-5px}.principal-item .pic .principal-type.type-group{background-color:#7979e7}.principal-item .pic .principal-type.type-securitygroup{background-color:#ed6969}.principal-item .pic .principal-type.type-distributiongroup{background-color:#e6b66e}.principal-item>span{vertical-align:top;color:#26323a;flex:1;padding:9px;font-size:13px;font-weight:500}.principal-item .guest-note{opacity:.6;margin-left:3px;font-weight:500}.principal-item .locked{padding:9px 12px 9px 4px;font-size:10px}.principal-item .remove{cursor:pointer;border-left:1px solid #e0e0e0;padding:9px 12px}.principal-item .remove>svg{opacity:.5;width:12px;height:12px}.principal-item:hover .remove>svg{color:red}.principal-item.no-border{border:none}.principal-item.no-border .pic{margin-left:0}.principal-item.no-border>span{padding-top:0;padding-bottom:0}.principal-item.size-sm .pic,.principal-item.size-sm .pic .profile-picture{width:20px;height:20px}.principal-item.size-sm .pic .profile-picture.two-letter{font-size:8px;font-weight:500;line-height:20px}.principal-item.size-sm .pic>span{font-size:12px!important}.principal-item.size-xxs{margin:0}.principal-item.size-xxs>span{padding-left:4px;padding-right:0;font-size:12px}.principal-item.size-xxs .pic{width:13px;height:13px;margin-top:1px}.principal-item.size-xxs .pic .profile-picture{width:13px;height:13px}.principal-item.size-xxs .pic .two-letter span{vertical-align:top;font-size:7px;font-weight:700;line-height:13px}.principal-item-pic .pic{vertical-align:top;background-color:#d3d3d3;border-radius:50%;width:24px;height:24px;display:inline-block;position:relative}.principal-item-pic .pic>div{border-radius:50%;font-size:11px}.principal-item-pic .pic>img{border-radius:50%;width:100%;height:100%}