.mq-record.svelte-18z2ql3{position:relative}.mq-record-hex.svelte-18z2ql3{pointer-events:none;width:100%;height:100%;-webkit-mask-image:radial-gradient(55% 65% at var(--mask-x) var(--mask-y), #000 0%, transparent 82%);-webkit-mask-image:radial-gradient(55% 65% at var(--mask-x) var(--mask-y), #000 0%, transparent 82%);mask-image:radial-gradient(55% 65% at var(--mask-x) var(--mask-y), #000 0%, transparent 82%);position:absolute;inset:0}.mq-record-steps.svelte-18z2ql3{z-index:1;flex-direction:column;gap:.9rem;display:flex;position:relative}.mq-step.svelte-18z2ql3{align-items:stretch;gap:.65rem;display:flex}.mq-step-track.svelte-18z2ql3{flex-direction:column;flex:0 0 10px;align-items:center;padding-top:1.15rem;display:flex;position:relative}.mq-step-dot.svelte-18z2ql3{border-radius:var(--mq-r-pill);background:var(--hue);width:10px;height:10px;box-shadow:0 0 0 4px color-mix(in srgb, var(--hue) 22%, transparent);flex-shrink:0}.mq-step-line.svelte-18z2ql3{background:linear-gradient(var(--mq-cyan), var(--mq-hairline));flex:1;width:1.5px;margin-top:.3rem}.mq-node.svelte-18z2ql3{align-items:center;gap:.75rem;display:flex}.mq-node-ic.svelte-18z2ql3{border-radius:var(--mq-r-sm);background:color-mix(in srgb, var(--hue) 20%, transparent);flex:0 0 34px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.mq-node-txt.svelte-18z2ql3{flex-direction:column;display:flex}.mq-node-txt.svelte-18z2ql3 b:where(.svelte-18z2ql3){font-family:var(--mq-font-head);color:var(--mq-fg-heading);font-size:.9rem;font-weight:600}.mq-node-txt.svelte-18z2ql3 small:where(.svelte-18z2ql3){color:var(--mq-fg-muted);font-size:.78rem}