#infinite-grid-menu-canvas{cursor:grab;width:100%;height:100%;overflow:hidden;position:relative;outline:none}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{position:absolute;top:50%;z-index:10;width:60px;height:60px;display:grid;place-items:center;background:var(--reader-accent, #00ffcb);border-radius:50%;cursor:pointer;border:5px solid #000}.action-button-ring{position:absolute;top:-11px;right:-11px;bottom:-11px;left:-11px;width:calc(100% + 22px);height:calc(100% + 22px);color:var(--reader-accent, #00ffcb);transform:rotate(-90deg);opacity:.9;pointer-events:none}.action-button-icon{-webkit-user-select:none;user-select:none;position:relative;color:#000;top:2px;font-size:26px;font-weight:900}.face-title{-webkit-user-select:none;user-select:none;position:absolute;font-weight:900;font-size:3rem;color:#fff;left:1.6em;top:50%;transform:translate(20%,-50%)}.face-title.active{opacity:1;transform:translate(20%,-50%);pointer-events:auto;transition:.5s ease}.face-title.inactive{pointer-events:none;opacity:0;transition:.1s ease}.face-description{-webkit-user-select:none;user-select:none;position:absolute;max-width:16ch;top:50%;font-size:1.2rem;color:#ffffffb3;right:1%;transform:translateY(-50%)}.face-description.active{opacity:1;transform:translate(-90%,-50%);pointer-events:auto;transition:.5s ease}.face-description.inactive{pointer-events:none;transform:translate(-60%,-50%);opacity:0;transition:.1s ease}.action-button.active{right:4.5em;transform:translateY(-50%) scale(1);opacity:1;pointer-events:auto;transition:.5s ease}.action-button.inactive{right:1.5em;transform:translateY(-50%) scale(0);opacity:0;pointer-events:none;transition:.1s ease}@media(max-width:900px){.action-button.active{right:1.5em}}@media(max-width:1500px){.face-title,.face-description{display:none}}