.light-rays-container{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden}
#infinite-grid-menu-canvas{cursor:grab;background-color:#fff;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:#fff;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:#171717;max-width:30%;font-size:2rem;font-weight:700;line-height:1.3;position:absolute;top:50%;left:10%;transform:translateY(-50%)}.action-button-icon{-webkit-user-select:none;user-select:none;color:#060010;font-size:26px;position:relative;top:2px}.face-title.active{opacity:1;pointer-events:auto;transition:opacity .5s,transform .5s;transform:translateY(-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transform:translate(-20px,-50%)}.face-description{-webkit-user-select:none;user-select:none;text-align:right;color:#666;max-width:30ch;font-size:1rem;line-height:1.6;position:absolute;top:50%;right:10%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:opacity .5s,transform .5s;transform:translateY(-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:opacity .2s,transform .2s;transform:translate(20px,-50%)}@media (max-width:1024px){.face-title{max-width:35%;font-size:1.75rem;left:5%}.face-description{max-width:28ch;font-size:.95rem;right:5%}}@media (max-width:768px){.face-title{max-width:40%;font-size:1.5rem;left:3%}.face-description{max-width:25ch;font-size:.875rem;right:3%}.action-button{width:50px;height:50px}.action-button-icon{font-size:20px}}@media (max-width:480px){.face-title{text-align:center;max-width:90%;font-size:1.5rem;top:20%;left:50%;transform:translate(-50%,-50%)}.face-title.active{transform:translate(-50%,-50%)}.face-title.inactive{transform:translate(-50%,-60%)}.face-description{text-align:center;max-width:90%;font-size:.875rem;display:block;top:80%;left:50%;right:auto;transform:translate(-50%,-50%)}.face-description.active{transform:translate(-50%,-50%)}.face-description.inactive{transform:translate(-50%,-40%)}.action-button.active{width:45px;height:45px;bottom:2em}.action-button-icon{font-size:18px}}.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)}