.box{grid-template-columns:repeat(20,minmax(0,1fr));gap:.25rem;display:grid}@media (min-width:1024px){.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:rgba(110,231,183,var(--un-bg-opacity)) }.block.sleep{--un-bg-opacity:1;background-color:rgba(147,197,253,var(--un-bg-opacity)) }.block.work{--un-bg-opacity:1;background-color:rgba(214,211,209,var(--un-bg-opacity)) }.block.child{--un-bg-opacity:1;background-color:rgba(253,164,175,var(--un-bg-opacity)) }.block.parents{--un-bg-opacity:1;background-color:rgba(148,163,184,var(--un-bg-opacity)) }.block.surplus{--un-bg-opacity:1;background-color:rgba(243,244,246,var(--un-bg-opacity)) }.block.retired{--un-bg-opacity:1;background-color:rgba(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%)}}