.rhythm-week-strip {
  display: grid;
  grid-template-columns: 26px repeat(7, minmax(0, 1fr));
  gap: 8px 5px;
  align-items: center;
  margin: 17px 0 1px;
  border-top: 1px solid rgba(222, 203, 205, .6);
  padding: 16px 3px 0;
}
.rhythm-week-strip__blank { height: 1px; }
.rhythm-week-strip__weekday,
.rhythm-week-strip__label {
  color: #9a8a8e;
  font-size: 9px;
  line-height: 1;
  text-align: center;
}
.rhythm-week-strip__weekday {
  display: grid;
  width: 24px;
  height: 24px;
  margin: auto;
  place-items: center;
  border-radius: 50%;
}
.rhythm-week-strip__weekday.has-cycle { background: var(--cycle-color); color: #75676b; }
.rhythm-week-strip__label { color: #806e72; font-size: 10px; font-weight: 700; }
.rhythm-week-strip__cell { display: grid; min-width: 0; place-items: center; }
.rhythm-week-strip__dot {
  width: 18px;
  height: 18px;
  border: 1px solid #dfd5d7;
  border-radius: 50%;
  background: rgba(255,255,255,.68);
}
.rhythm-week-strip__dot.is-filled {
  border-color: transparent;
  background: var(--rhythm-dot, #dedddd);
}
.rhythm-week-strip__weather { display:grid; width:22px; height:22px; place-items:center; border-radius:50%; font-size:17px; font-style:normal; line-height:1; }
.rhythm-week-strip__dot.is-today,
.rhythm-week-strip__weather.is-today { box-shadow: 0 0 0 2px #fff, 0 0 0 3px rgba(181,113,145,.42); }
.rhythm-week-strip__copy {
  grid-column: 1 / -1;
  margin-top: 5px;
  border-top: 1px solid rgba(222,203,205,.6);
  padding-top: 12px;
  text-align: center;
}
.rhythm-week-strip__count { margin: 0; color: #806e72; font-size: 11px; line-height: 1.7; }
.rhythm-week-strip__trend { margin: 7px 0 0; color: #6f5d61; font-size: 12px; line-height: 1.75; }
@media (max-width: 370px) {
  .rhythm-week-strip { grid-template-columns: 22px repeat(7, minmax(0, 1fr)); gap-inline: 3px; }
  .rhythm-week-strip__dot { width: 16px; height: 16px; }
  .rhythm-week-strip__weather { font-size: 15px; }
}