.fsp-box {
  display: block;
  width: 100%;
  margin: 14px 0 16px;
  padding: 13px 0;
  background: #fff;
  border: 0;
  border-radius: 0;
  color: #222;
  box-sizing: border-box;
  font-size: 13px;
  line-height: 1.5;
}
.fsp-message { display:flex; align-items:flex-start; gap:9px; margin-bottom:10px; }
.fsp-icon { font-size:19px; line-height:1.2; }
.fsp-message-text { flex:1; color:#222; }
.fsp-intro { color:#222; }
.fsp-remaining { color:#e670a2; font-weight:700; }
.fsp-success { color:#4d325d; font-weight:700; }
.fsp-track { height:8px; overflow:hidden; background:#ece8ef; border-radius:20px; }
.fsp-fill { display:block; height:100%; width:0; background:#4d325d; border-radius:20px; transition:width .35s ease; }
.fsp-foot { display:flex; justify-content:space-between; gap:10px; margin-top:7px; color:#111; font-size:11px; }
.fsp-current { color:#111; font-weight:600; }
.fsp-current strong { color:#111; font-weight:700; }
.fsp-goal { color:#4d325d; text-align:right; font-weight:600; }
.fsp-goal strong { color:#4d325d; font-weight:700; }
@media (max-width:480px) {
  .fsp-box { padding:11px 0; }
  .fsp-foot { font-size:10px; }
}