#infinite-grid-menu-canvas{cursor:grab;outline:none;width:100%;height:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#0000,#000 12% 88%,#0000);mask-image:linear-gradient(#0000,#000 12% 88%,#0000)}#infinite-grid-menu-canvas:active{cursor:grabbing}.face-title,.face-description{z-index:5;background:color-mix(in oklab, var(--color-navy) 72%, transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid color-mix(in oklab, var(--color-cream) 12%, transparent);text-shadow:0 1px 12px #00000073;border-radius:1.25rem;box-shadow:0 24px 60px -24px #0009}.face-title{-webkit-user-select:none;user-select:none;max-width:min(15ch,28vw);font-family:var(--font-display);color:var(--color-cream);pointer-events:none;margin:0;padding:1.5rem 1.75rem 1.75rem;font-size:clamp(1.75rem,2.6vw,2.75rem);font-weight:600;line-height:1.05;position:absolute;top:50%;left:5%}.face-step{background:var(--color-gold);width:3rem;height:3rem;color:var(--color-navy);font-family:var(--font-sans);box-shadow:0 10px 30px -10px var(--color-gold);border-radius:999px;place-items:center;margin-bottom:1rem;font-size:1rem;font-weight:700;display:grid}.face-title.active{opacity:1;transition:all .5s;transform:translateY(-50%)}.face-title.inactive{opacity:0;transition:all .1s;transform:translate(-12px,-50%)}.face-description{-webkit-user-select:none;user-select:none;border-left:3px solid var(--color-gold);max-width:30ch;color:color-mix(in oklab, var(--color-cream) 80%, transparent);pointer-events:none;margin:0;padding:1.5rem 1.75rem 1.5rem 1.5rem;font-size:1.05rem;line-height:1.6;position:absolute;top:50%;right:5%}.face-description.active{opacity:1;transition:all .5s;transform:translateY(-50%)}.face-description.inactive{opacity:0;transition:all .1s;transform:translate(12px,-50%)}.action-button{z-index:10;background:var(--color-gold);cursor:pointer;border:5px solid var(--infinite-menu-background,#000);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;color:var(--color-navy);margin:0;font-size:26px;position:relative;top:2px}.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<=1023px){.face-title,.face-description{text-align:center;width:calc(100% - 2.5rem);max-width:32rem;top:auto;left:50%;right:auto}.face-title{max-width:20ch;font-size:1.6rem;top:1.5rem}.face-step{width:2.25rem;height:2.25rem;margin:0 auto .5rem;font-size:.8rem}.face-title.active{transform:translate(-50%)}.face-title.inactive{transform:translate(-50%,-8px)}.face-title{padding:1rem 1.25rem 1.1rem}.face-description{border-left-width:1px;border-top:3px solid var(--color-gold);padding:1rem 1.25rem;font-size:.9rem;bottom:1.5rem}.face-description.active{transform:translate(-50%)}.face-description.inactive{transform:translate(-50%,8px)}}