#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none;border-radius:1rem}#infinite-grid-menu-canvas:active{cursor:grabbing}.infinite-menu-face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:700;font-size:clamp(1.25rem,3vw,2.5rem);left:1.6em;top:50%;color:#18181b;z-index:10}.dark .infinite-menu-face-title{color:#fafafa}.infinite-menu-face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.infinite-menu-face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.infinite-menu-face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:18ch;top:50%;font-size:1rem;right:1%;transform:translateY(-50%);color:#52525b;z-index:10}.dark .infinite-menu-face-description{color:#a1a1aa}.infinite-menu-face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.infinite-menu-face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.infinite-menu-action-button{position:absolute;left:50%;z-index:10;width:56px;height:56px;display:grid;place-items:center;background:#10b981;border:none;border-radius:50%;cursor:pointer;border:3px solid rgb(24 24 27);color:#fff;text-decoration:none;font-size:1.5rem;line-height:1}.dark .infinite-menu-action-button{background:#059669;border-color:#27272a}.infinite-menu-action-button:hover{opacity:.95;transform:translate(-50%) scale(1.05)}.infinite-menu-action-button.active{bottom:3.8em;transform:translate(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.infinite-menu-action-button.inactive{bottom:-80px;transform:translate(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media(max-width:900px){.infinite-menu-face-title{top:1.25rem;left:50%;right:auto;transform:translate(-50%);text-align:center;font-size:1.25rem}.infinite-menu-face-title.active{transform:translate(-50%)}.infinite-menu-face-description{top:auto;bottom:1.25rem;left:50%;right:auto;max-width:none;transform:translate(-50%);text-align:center}.infinite-menu-face-description.active,.infinite-menu-face-description.inactive{transform:translate(-50%)}.infinite-menu-action-button.active{bottom:4.5rem}}