.phdr{background:url(https://moleys.github.io/assets/patterns/body-bg7.png);border-bottom:#f0b400 solid 2px;background-color:#536162;color:#fff;margin-top:4px;padding:10px}.phdr a{color:#fff}.nickname {
  color:#000;
}.m-chip {
  background: #2196F3 !important;
  color:#fff;
  height:24px;
  line-height:24px;
  padding:0 9px;
  border:0;
  text-transform: capitalize;
  border-radius:16px;
  display:inline-block;
  margin: 0 0 1px 0;
  white-space:nowrap;
  
}
.m-chip:hover{color: #fff;text-decoration:none;  box-shadow: 0 1px 1.5px 0 rgba(0,0,0,.12), 0 1px 1px 0 rgba(0,0,0,.24);}
.m-chip:active{box-shadow:none;}
.m-chip__action{height:24px;width:24px;background:0 0;opacity:.54;cursor:pointer;padding:0;margin:0 0 0 4px;text-decoration:none;color:rgba(0,0,0,.87);border:none;outline:none}
.m-chip__action,.m-chip__contact{display:inline-block;vertical-align:bottom;overflow:hidden;text-align:center}
.m-chip__contact{background-color: #fff; height:24px;width:24px;border-radius:16px;font-size:18px;margin: -1px 4px 0 -1px;line-height:24px;text-shadow: 0 0 1px #222, 0 0 7px #222;}
.m-chip--contact{padding-left:0}
.m-chip--deletable{ background-color: transparent !important; padding: 0; box-shadow: none;}
.m-chip--deletable:hover { background-color: transparent !important; padding: 0; box-shadow: none;}
.m-chip__text {color:#fff}
.m-chip + .m-chip {
  margin-left: 5px;
}