#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:#6fff00;border:4px solid #ffffff1a;border-radius:50%;place-items:center;width:60px;height:60px;transition:bottom .5s,opacity .5s,background .3s,box-shadow .3s,transform .3s cubic-bezier(.34,1.56,.64,1);display:grid;position:absolute;left:50%;box-shadow:0 0 20px #6fff0066}.action-button:hover{background:#84ff00;transform:translate(-50%)scale(1.15);box-shadow:0 0 30px #6fff00cc,0 0 10px #fff3}.action-button:active{transform:translate(-50%)scale(.95)}.action-button svg{transition:transform .3s}.action-button:hover svg{transform:translate(2.5px,-2.5px)}.face-title{-webkit-user-select:none;user-select:none;font-family:var(--font-grotesk), sans-serif;color:#eff4ff;text-transform:uppercase;letter-spacing:.05em;font-size:4rem;font-weight:900;position:absolute;top:50%;left:1.6em}.action-button-icon{-webkit-user-select:none;user-select:none;color:#010828;font-size:28px;font-weight:700;line-height:1;position:relative;top:2px}.face-title{position:absolute;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(20%,-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s}.face-description{-webkit-user-select:none;user-select:none;color:#eff4ff;opacity:.8;text-transform:uppercase;max-width:25ch;font-family:monospace;font-size:1.1rem;line-height:1.6;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.face-description.active{opacity:.8;pointer-events:auto;transition:all .5s;transform:translate(-30%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translateY(-50%)}.action-button.active{opacity:1;pointer-events:auto;bottom:4em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;bottom:-80px;transform:translate(-50%)scale(0)}@media (max-width:1024px){.face-title{font-size:2.5rem;left:.5em}.face-description{max-width:15ch;font-size:.9rem;right:2%}}@media (max-width:768px){.face-title,.face-description{display:none}}