.box{grid-template-columns:repeat(20,minmax(0,1fr));gap:.25rem;display:grid}@media (width>=64rem){.box{gap:.375rem}}.box .flash{background-color:#4fa38c;animation:2s infinite flash}.block{border-radius:.125rem}.block.past{--un-bg-opacity:1;background-color:#98c3b9;background-color:rgb(110 231 183/var(--un-bg-opacity))}.block.sleep{--un-bg-opacity:1;background-color:rgb(147 197 253/var(--un-bg-opacity))}.block.work{--un-bg-opacity:1;background-color:rgb(214 211 209/var(--un-bg-opacity))}.block.child{--un-bg-opacity:1;background-color:rgb(253 164 175/var(--un-bg-opacity))}.block.parents{--un-bg-opacity:1;background-color:rgb(148 163 184/var(--un-bg-opacity))}.block.surplus{--un-bg-opacity:1;background-color:rgb(243 244 246/var(--un-bg-opacity))}.block.retired{--un-bg-opacity:1;background-color:rgb(253 186 116/var(--un-bg-opacity))}.waves{transform-origin:bottom;transition:transform .4s}.wave{animation:1s linear infinite wave}.wave--front{z-index:2}.wave--back{z-index:1;animation-direction:reverse}.water:first-of-type{transform:translate(-100%)}@keyframes wave{0%{transform:translateZ(0)}50%{transform:translate(50%,.5em)}to{transform:translate(100%)}}