#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;background:var(--action-button-color,#18181b);cursor:pointer;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;font-size:3rem;font-weight:900;position:absolute;top:50%;left:1.6em}.action-button-icon{-webkit-user-select:none;user-select:none;color:var(--action-button-arrow-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%)}.action-button.active{opacity:1;pointer-events:auto;transition:all .5s;bottom:0;transform:translate(-50%)scale(1)}.action-button.inactive{opacity:0;pointer-events:none;transition:all .1s;bottom:-80px;transform:translate(-50%)scale(0)}.interaction-hint{z-index:10;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);pointer-events:none;background:#00000085;border:1px solid #ffffff24;border-radius:999px;flex-direction:column;align-items:center;gap:3px;padding:9px 14px;display:flex;position:absolute;top:18px;left:50%;transform:translate(-50%)}.interaction-hint-main{letter-spacing:.03em;color:#ffffffeb;white-space:nowrap;font-size:11px}.interaction-hint-sub{color:#ffffff94;white-space:nowrap;font-size:10px}.interaction-hint.active{opacity:1;transition:opacity .35s}.interaction-hint.inactive{opacity:0;transition:opacity .12s}@media (max-width:770px){.action-button.active{bottom:max(0px,50vh - 50vw - 15px)}.interaction-hint{top:auto;bottom:max(12px,env(safe-area-inset-bottom));padding:8px 12px}.interaction-hint-main{font-size:10px}.interaction-hint-sub{font-size:9px}}@media (max-width:1500px){.face-title,.face-description{display:none}}