#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;background:#a78bfa;border:5px solid #09090b;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.face-title{-webkit-user-select:none;user-select:none;color:#fff;text-align:center;text-shadow:0 4px 20px #00000080;pointer-events:none;z-index:5;width:100%;font-size:3rem;font-weight:900;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.face-title.active{opacity:1;transition:opacity .5s,transform .5s;transform:translate(-50%,-50%)}.face-title.inactive{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%,-60%)}.face-description{-webkit-user-select:none;user-select:none;color:#fff;text-align:center;text-shadow:0 2px 10px #00000080;pointer-events:none;z-index:5;width:100%;max-width:80%;font-size:1.2rem;font-weight:500;position:absolute;top:54%;left:50%;transform:translate(-50%,-50%)}.face-description.active{opacity:1;transition:opacity .5s .1s,transform .5s .1s;transform:translate(-50%,-50%)}.face-description.inactive{opacity:0;transition:opacity .2s,transform .2s;transform:translate(-50%,-40%)}.action-button-icon{-webkit-user-select:none;user-select:none;color:#09090b;font-size:26px;position:relative;top:2px}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s .2s;bottom:10%;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .2s;bottom:-80px;transform:translate(-50%)scale(0)}@media (max-width:768px){.face-title{font-size:1.5rem;top:45%}.face-description{max-width:90%;font-size:.9rem;top:50%}.action-button{width:50px;height:50px}.action-button-icon{font-size:20px;top:1px}.action-button.active{bottom:12%}}