.design-engagement-modal .dialog__container { width: 400px; }

.design-engagement-modal .no-items {
    margin: 39px 0 20px;
    text-align: center;
    font-size: 12px;
    color: #999;
}

.usering {float:left; width:100%; padding:14px 4px; border-bottom:1px solid #EEE;}
.usering:last-child {border-bottom:1px solid #FFF;}
.usering .user {float:left; margin-right:4px;}
.usering .user .pic {float:left; width:28px; height:28px; border-radius:50px; margin-right:10px;}
.usering .user .data {display:flex; flex-direction:column;}
.usering .user .data .name {display:flex; font-size:11px; color:#333; font-weight:600; margin:0 0 2px 0; line-height:13px;}
.usering .user .data .name .count {
	font-style: italic;
	margin-left: 5px;
	color: #AAA;
	font-weight: 300;
}
.usering .user .data .designs {display:flex; font-size:11px; color:#999}
.usering .btn {
    float: right;
    margin-top: 2px;
    font-size: 12px;
}
.usering .follow:hover {opacity:0.9;}
.usering .follow.following {background:#EEE; color:#555;}
.usering .follow.nofollowing {background:#609; color:#FFF;}


.design-engagement-modal .engaged { width:100%; padding:2px; margin:12px 0 18px 0; text-align:center; border-radius:6px; box-shadow:0 1px 3px rgba(0,0,0,0.15);}
.design-engagement-modal .eng {position:relative; display:inline-block; padding:6px 10px; width:26%; border-right:1px solid #EEE; vertical-align:middle; color:#555; font-weight:500; font-size:13px; opacity:0.9; cursor:pointer;}
.design-engagement-modal .eng:first-child {border-radius:6px 0 0 6px;}
.design-engagement-modal .eng:last-child {border-radius: 0 6px 6px 0;}
.design-engagement-modal .eng.active {color:#F09;}
.design-engagement-modal .eng.last {border-right:none;}
.design-engagement-modal .eng:hover {opacity:1;}
.design-engagement-modal .eng i {font-size:14px; margin-right:4px;}
.design-engagement-modal .eng span {display:inline-block; width:100%; font-size:9px; font-weight:500; margin-top:1px; color:#999;}
.design-engagement-modal .eng.one-line {position:relative; display:inline-block; width:auto; padding:6px 18px;}
.design-engagement-modal .eng.one-line span {font-size:11px; width:auto; font-weight:500; color:#555;}


/*.design-engagement-modal {position:relative; display:inline-block; width:100%;}*/
.design-engagement-modal .owner-design { display:inline-flex; flex-direction:row; width:100%; padding:10px;}
.design-engagement-modal .owner-design .user {display:flex; width:100%; margin-right:4px; text-decoration:none;}
.design-engagement-modal .owner-design .user:hover {opacity:0.9; text-decoration:none;}
.design-engagement-modal .owner-design .user .pic {float:left; width:40px; height:40px; border-radius:50px; margin-right:10px;}
.design-engagement-modal .owner-design .user .data {display:flex; flex-direction:column;}
.design-engagement-modal .owner-design .user .data .name {display:flex;font-size:15px; color:#333; font-weight:800; margin:4px 0; line-height:13px;}
.design-engagement-modal .owner-design .user .data .designs {display:flex; font-size:12px; color:#999}