.rhythm-week-strip {
  display: grid;
  grid-template-columns: 26px repeat(7, minmax(0, 1fr));
  gap: 8px 5px;
  align-items: center;
  margin: 16px 0;
  border: 1px solid rgba(184,151,159,.22);
  border-radius: 17px;
  padding: 15px 13px;
  background: rgba(255,255,255,.72);
}
.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; padding-inline:10px; }
  .rhythm-week-strip__dot { width:16px; height:16px; }
  .rhythm-week-strip__weather { font-size:15px; }
}