html[data-axis-habits-progress] .habits-summary-card.is-progress .habits-summary-progress,
html[data-axis-habits-progress] .habits-summary-progress {
  --axis-habits-progress-deg: 0deg;
  background:
    conic-gradient(
      from 0deg,
      #7356ff 0deg,
      #7356ff var(--axis-habits-progress-deg),
      #24314a var(--axis-habits-progress-deg),
      #24314a 360deg
    ) !important;
  box-shadow: 0 0 30px rgba(117, 87, 255, .38);
}
html[data-axis-habits-progress] .habits-summary-card.is-progress .habits-summary-progress::before,
html[data-axis-habits-progress] .habits-summary-progress::before {
  content: "";
  position: absolute;
  inset: -3px;
  border-radius: inherit;
  background: radial-gradient(circle, rgba(117, 87, 255, .32), transparent 68%);
  opacity: .72;
  pointer-events: none;
  z-index: -1;
}
html[data-axis-habits-progress] .habits-summary-card.is-progress small {
  color: #9fb0cf;
}