.background-ripple-effect{--cell-border-color:color-mix(in srgb,var(--mesopo-charcoal) 9%,transparent);--cell-fill-color:color-mix(in srgb,var(--mesopo-blue) 3%,white);--cell-fill-active:color-mix(in srgb,var(--mesopo-blue) 34%,white)}.background-ripple-effect .cell{position:relative;display:block;padding:0;cursor:pointer;border:.5px solid var(--cell-border-color);background-color:var(--cell-fill-color);opacity:.55;transition:opacity .15s ease;will-change:transform}.background-ripple-effect .cell:hover{opacity:.9;background-color:color-mix(in srgb,var(--mesopo-blue) 12%,white)}.macbook-hint-bob{animation:macbook-hint-bob 2.6s ease-in-out infinite}@keyframes macbook-hint-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-4px)}}@media (prefers-reduced-motion:reduce){.macbook-hint-bob{animation:none}}