#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(--color-primary,#8f001b);cursor:pointer;border:4px solid var(--color-background,#121214);border-radius:50%;place-items:center;width:60px;height:60px;transition:all .3s;display:grid;position:absolute;left:50%;box-shadow:0 10px 25px #00000080}.action-button:hover{transform:translate(-50%)scale(1.1)}.action-button-icon{-webkit-user-select:none;user-select:none;color:#fff;font-size:26px;line-height:1;position:relative}.face-title{-webkit-user-select:none;user-select:none;color:var(--color-foreground,#fff);text-shadow:0 4px 20px #000c;z-index:10;max-width:350px;font-size:2.2rem;font-weight:900;line-height:1.2;position:absolute;top:50%;left:5%;transform:translateY(-50%)}.face-title.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-title.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(-20px,-50%)}.face-description{-webkit-user-select:none;user-select:none;max-width:280px;color:var(--color-foreground,#fff);text-shadow:0 2px 10px #000c;background:var(--color-card,#0009);border:1px solid var(--color-border,#ffffff1a);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;border-radius:12px;padding:12px 16px;font-size:1rem;position:absolute;top:50%;right:5%;transform:translateY(-50%)}.face-description.active{opacity:1;pointer-events:auto;transition:all .5s;transform:translateY(-50%)}.face-description.inactive{pointer-events:none;opacity:0;transition:all .1s;transform:translate(20px,-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:768px){.face-title{max-width:90%;font-size:1.4rem;top:12%;left:4%;transform:none}.face-title.active{transform:none}.face-title.inactive{transform:translateY(-10px)}.face-description{max-width:85%;font-size:.85rem;top:auto;bottom:7em;right:4%;transform:none}.face-description.active{transform:none}.face-description.inactive{transform:translateY(10px)}}