#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.face-title{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;font-weight:900;font-size:clamp(1.8rem,4vw,3.5rem);color:#fff;text-transform:uppercase;letter-spacing:-1px;text-shadow:0 2px 30px rgba(0,0,0,.8);left:50%;bottom:7rem;transform:translateX(-50%);white-space:nowrap;z-index:5}.face-title.active{opacity:1;transform:translateX(-50%) translateY(0);transition:.5s ease}.face-title.inactive{opacity:0;transform:translateX(-50%) translateY(10px);transition:.15s ease}.face-description{-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none;position:absolute;max-width:40ch;text-align:center;font-size:.95rem;color:hsla(0,0%,100%,.5);text-shadow:0 1px 20px rgba(0,0,0,.7);left:50%;bottom:4.5rem;transform:translateX(-50%);z-index:5;line-height:1.4}.face-description.active{opacity:1;transform:translateX(-50%) translateY(0);transition:.5s ease}.face-description.inactive{opacity:0;transform:translateX(-50%) translateY(8px);transition:.15s ease}.action-button{position:absolute;left:50%;z-index:10;width:56px;height:56px;display:grid;place-items:center;background:#0085ff;border:3px solid hsla(0,0%,100%,.15);border-radius:50%;cursor:pointer;backdrop-filter:blur(8px);box-shadow:0 4px 30px rgba(0,133,255,.3);transition:all .3s ease}.action-button:hover{background:#0070dd;box-shadow:0 4px 40px rgba(0,133,255,.5);transform:translateX(-50%) scale(1.1)!important}.action-button-icon{-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;color:#fff;top:1px;font-size:22px;margin:0}.action-button.active{bottom:2rem;transform:translateX(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{bottom:-80px;transform:translateX(-50%) scale(0);opacity:0;pointer-events:none;transition:.15s ease}