.habit-grass .grass,.year-grass .grass{display:grid;place-items:center;font-style:normal;font-variant-numeric:tabular-nums;line-height:1}
.habit-grass .grass span{font-size:13px;font-weight:700;color:#687065}
.habit-grass .grass.off{background:#f7f8f5;border:1px solid #e7eae4}
.habit-grass .grass.future span,.habit-grass .grass.off span{color:#a7ada4}
.habit-grass .grass.level-3 span,.habit-grass .grass.level-4 span{color:#fff}
.year-grass .grass{min-width:0;border-radius:4px}
.year-grass .grass span{font-size:12px;font-weight:750;color:#626960}
.year-grass .grass.off{background:#f6f7f4;border:1px solid #e8ebe5}
.year-grass .grass.future span,.year-grass .grass.off span{color:#aeb4ab}
.year-grass .grass.level-3 span,.year-grass .grass.level-4 span{color:#fff}
.habit-grass .grass.empty,.year-grass .grass.empty{background:transparent;border:0}
@media(max-width:360px){.habit-grass .grass span{font-size:12px}.year-grass .grass span{font-size:12px}}