#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:#5227ff;border:5px solid #000;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;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;color:#fff;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%)}.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,.face-description{display:none}}.image-overlay{z-index:1000;background:#000000f2;justify-content:center;align-items:center;animation:.3s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.overlay-content{flex-direction:column;align-items:center;gap:1rem;max-width:90vw;max-height:90vh;display:flex}.overlay-image{-o-object-fit:contain;object-fit:contain;border-radius:8px;max-width:100%;max-height:80vh;box-shadow:0 10px 40px #00000080}.overlay-title{color:#fff;text-align:center;margin:0;font-size:2rem;font-weight:700}.overlay-description{color:#fffc;text-align:center;max-width:600px;margin:0;font-size:1.2rem}.close-button{color:#fff;cursor:pointer;z-index:1001;background:#ffffff1a;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.5rem;transition:all .3s;display:flex;position:absolute;top:2rem;right:2rem}.close-button:hover{background:#fff3;transform:rotate(90deg)}