#infinite-grid-menu-canvas{cursor:grab;touch-action:none;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;color:#000;cursor:pointer;background:#fff;border:none;border-radius:50%;place-items:center;width:60px;height:60px;transition:all .3s;display:grid;position:absolute;left:50%;box-shadow:0 0 20px #ffffff4d}.action-button:hover{background:#fff;box-shadow:0 0 30px #ffffff80;transform:translate(-50%)scale(1.1)!important}.action-button-icon{-webkit-user-select:none;user-select:none;margin:0;font-size:26px;line-height:1;position:relative}.face-title{color:#fff;text-align:center;text-transform:uppercase;text-shadow:0 4px 20px #00000080;pointer-events:none;z-index:5;width:100%;font-family:Lemon Milk,sans-serif;font-size:3rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-150%)}.face-description{color:#ffffffb3;text-align:center;pointer-events:none;z-index:5;letter-spacing:1px;width:100%;max-width:400px;font-family:monospace;font-size:1rem;position:absolute;top:50%;left:50%;transform:translate(-50%,50%)}.face-title.active{opacity:1;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-50%,-150%)}.face-title.inactive{opacity:0;transition:all .2s;transform:translate(-50%,-120%)}.face-description.active{opacity:1;transition:all .5s cubic-bezier(.16,1,.3,1);transform:translate(-50%,50%)}.face-description.inactive{opacity:0;transition:all .2s;transform:translate(-50%,80%)}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s cubic-bezier(.16,1,.3,1);bottom:20%;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .2s;bottom:10%;transform:translate(-50%)scale(.5)}@media (max-width:768px){.face-title{font-size:2rem}.face-description{padding:0 20px;font-size:.8rem}}