#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:#9333ea;border:5px solid #000;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%;box-shadow:0 0 20px #9333ea66}.action-button:hover{background:#a855f7}.face-title{-webkit-user-select:none;user-select:none;font-family:var(--font-outfit),sans-serif;color:#fff;text-shadow:0 4px 12px #00000080;z-index:5;font-size:3rem;font-weight:900;position:absolute;top:auto;bottom:10%;left:5%;transform:translate(0)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(0)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translateY(20px)}.face-description{-webkit-user-select:none;user-select:none;color:#d1d5db;text-align:right;z-index:5;max-width:250px;font-size:1.2rem;position:absolute;top:auto;bottom:10%;right:5%;transform:translate(0)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(0)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translateY(20px)}.action-button{position:absolute;left:50%}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:3.8em;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}@media (max-width:1500px){.face-title{font-size:2rem;left:1em}.face-description{font-size:1rem;right:5%}}@media (max-width:768px){.face-title,.face-description{display:none}}