.hub .xm{position:absolute;z-index:-1;top:0;bottom:0;right:max(1vw,calc((100vw - 1440px) / 2));width:min(60vw,900px);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,transparent,#000 22%);mask-image:linear-gradient(90deg,transparent,#000 22%)}.hub .xm canvas{position:absolute;inset:0;width:100%;height:100%}.hub .xm-cap{position:absolute;translate:-50% 0;display:grid;justify-items:center;gap:14px}.hub .xm-say{padding:9px 20px;border-radius:99px;border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(10px);font-size:17px;font-weight:650;letter-spacing:-.02em;white-space:nowrap;color:var(--ink);transition:opacity .35s,translate .35s var(--ease)}.hub .xm-cap.out .xm-say{opacity:0;translate:0 6px}.hub .xm-steps{display:flex;gap:6px}.hub .xm-steps i{position:relative;width:26px;height:3px;border-radius:3px;overflow:hidden;background:var(--rule)}.hub .xm-steps i:after{content:"";position:absolute;inset:0;background:var(--rainbow);background-size:130px 100%;scale:0 1;transform-origin:0 50%}.hub .xm-steps i:nth-child(2):after{background-position-x:-32px}.hub .xm-steps i:nth-child(3):after{background-position-x:-64px}.hub .xm-steps i:nth-child(4):after{background-position-x:-96px}.hub .xm-steps i:nth-child(5):after{background-position-x:-128px}.hub .xm-steps i.done:after{scale:1 1}.hub .xm-steps i.on:after{animation:xm-fill 3.4s linear forwards}.hub .xm-cap.held .xm-steps i.on:after{animation-play-state:paused}@keyframes xm-fill{to{scale:1 1}}@media (max-width:980px){.hub .xm{top:auto;height:46vh;width:100%;right:0;-webkit-mask-image:none;mask-image:none}}@media (prefers-reduced-motion:reduce){.hub .xm-steps{display:none}}