/* TALKCHAT_PROFILE_R19C12R9R18R4_LEVEL_PROGRESS */
.msref-level-card{
  margin-top:10px;
  padding:10px 11px;
  border:1px solid #e7eaf0;
  border-radius:10px;
  background:#f8fafc;
}
.msref-level-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  margin-bottom:7px;
}
.msref-level-head>span{min-width:0}
.msref-level-head b,
.msref-level-head small{display:block}
.msref-level-head b{
  color:#27313d;
  font-size:11px;
  font-weight:750;
}
.msref-level-head small{
  margin-top:2px;
  color:#7b8794;
  font-size:9px;
}
.msref-level-head>strong{
  color:#2563eb;
  font-size:10px;
  font-weight:750;
  white-space:nowrap;
}
.msref-level-track{
  height:6px;
  overflow:hidden;
  border-radius:999px;
  background:#e8edf4;
}
.msref-level-track>i{
  display:block;
  height:100%;
  max-width:100%;
  border-radius:inherit;
  background:linear-gradient(90deg,#3b82f6,#2563eb);
  transition:width .22s ease;
}
html[data-theme="dark"] .msref-level-card{
  border-color:#323844;
  background:#20242b;
}
html[data-theme="dark"] .msref-level-head b{color:#eef2f7}
html[data-theme="dark"] .msref-level-head small{color:#9aa4b2}
html[data-theme="dark"] .msref-level-head>strong{color:#60a5fa}
html[data-theme="dark"] .msref-level-track{background:#343b46}
@media (max-width:767px){
  .msref-level-card{margin-top:9px;padding:9px 10px}
}