.color-bends-container,.infinite-menu-wrap{width:100%;height:100%;position:relative;overflow:hidden}#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;display:block;position:relative;overflow:hidden}#infinite-grid-menu-canvas:active{cursor:grabbing}.action-button{z-index:10;cursor:pointer;color:#0a0a0a;background:#ff6a00;border:5px solid #0a0a0a;border-radius:50%;place-items:center;width:60px;height:60px;display:grid;position:absolute;left:50%}.action-button-icon{-webkit-user-select:none;user-select:none;font-size:26px;font-weight:900;position:relative;top:2px}.face-title{-webkit-user-select:none;user-select:none;color:#fff;letter-spacing:-.02em;font-size:3rem;font-weight:900;position:absolute;top:50%;left:1.6em}.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;transform:translate(20%,-50%)}.face-description{-webkit-user-select:none;user-select:none;color:#ffffffb3;max-width:22ch;font-size:1rem;line-height:1.5;position:absolute;top:50%;right:1%}.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: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 (width<=1500px){.face-title,.face-description{display:none}}