.cmpw-moon-widget {
  --cmpw-size: 220px;
  box-sizing: border-box;
  max-width: 100%;
  text-align: center;
  color: inherit;
}
.cmpw-moon-widget .cmpw-canvas {
  display: block;
  width: min(var(--cmpw-size), 100%);
  height: auto;
  margin: 0 auto;
  filter: drop-shadow(0 7px 12px rgba(0, 0, 0, .28));
}
.cmpw-phase-name {
  margin-top: .65rem;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.25;
}
.cmpw-details {
  margin-top: .25rem;
  font-size: .9rem;
  line-height: 1.4;
  opacity: .78;
}