/* HC_ACCOUNT_MUHABBET_USERNAME_V1 */

.hc-account-muhabbet-card{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto;
  align-items:center;
  gap:13px;
  margin-top:14px;
  padding:14px 15px;
}

.hc-account-muhabbet-icon{
  display:grid;
  place-items:center;
  width:44px;
  height:44px;
  border-radius:11px;
  color:#fff;
  background:var(--primary);
  font-size:21px;
  font-weight:900;
}

.hc-account-muhabbet-copy{
  display:grid;
  min-width:0;
  gap:2px;
}

.hc-account-muhabbet-label{
  color:var(--muted);
  font-size:11px;
  font-weight:700;
}

.hc-account-muhabbet-value{
  min-width:0;
  overflow:hidden;
  color:var(--text);
  font-size:15px;
  font-weight:800;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.hc-account-muhabbet-value.is-empty{
  color:var(--muted);
}

.hc-account-muhabbet-copy small{
  color:var(--muted);
  font-size:11px;
  line-height:1.4;
}

.hc-account-muhabbet-action{
  flex:none;
}

.hc-account-muhabbet-action .button{
  white-space:nowrap;
}

@media(max-width:680px){
  .hc-account-muhabbet-card{
    grid-template-columns:40px minmax(0,1fr);
  }

  .hc-account-muhabbet-icon{
    width:40px;
    height:40px;
  }

  .hc-account-muhabbet-action{
    grid-column:1/-1;
  }

  .hc-account-muhabbet-action .button{
    width:100%;
  }
}