#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-buttons-container{z-index:10;gap:16px;display:flex;position:absolute;left:50%}.action-buttons-container.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-buttons-container.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}.action-button{background:var(--accent);cursor:pointer;border:none;border:5px solid var(--background);border-radius:50%;place-items:center;width:60px;height:60px;display:grid}.face-title{-webkit-user-select:none;user-select:none;font-size:3rem;font-weight:900;position:absolute;top:50%;left:1.6em}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:26px;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;max-width:10ch;font-size:1.2rem;position:absolute;top:50%;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translate(-90%,-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-60%,-50%)}@media (max-width:1024px){.face-title{font-size:2rem;left:1em}.face-description{max-width:15ch;font-size:1rem}}@media (max-width:768px){.face-title{text-align:center;z-index:20;width:100%;font-size:2rem;top:auto;bottom:9rem;left:50%;transform:translate(-50%)}.face-title.active{transform:translate(-50%)}.face-title.inactive{transform:translate(-50%,10px)}.face-description{text-align:center;z-index:20;width:90%;max-width:100%;font-size:1rem;inset:auto auto 6rem 50%;transform:translate(-50%)}.face-description.active{transform:translate(-50%)}.face-description.inactive{transform:translate(-50%,10px)}.action-buttons-container.active{bottom:2rem;transform:translate(-50%)scale(.85)}}