.demo-tutorial{top:calc(var(--header-bottom,4.5rem) + .75rem);z-index:60;flex-direction:column;align-items:flex-end;gap:.5rem;width:min(22rem,100vw - 2rem);display:flex;position:fixed;right:1rem}.demo-tutorial-head{align-items:center;gap:.4rem;display:inline-flex}.demo-tutorial-steps{max-height:calc(100vh - var(--header-bottom,4.5rem) - 5rem);background:var(--surface);color:var(--text);border:1px solid var(--trim);border-radius:var(--radius,.5rem);gap:.75rem;margin:0;padding:.75rem;list-style:none;display:grid;overflow-y:auto}.demo-tutorial-steps li{grid-template-columns:auto 1fr;align-items:start;gap:.6rem;display:grid}.demo-tutorial-steps li[data-done] p{opacity:.6}.demo-tutorial-steps p{font-size:var(--fs-small);margin:0;line-height:1.4}.demo-tutorial-steps a{font-size:var(--fs-small);color:var(--highlight)}.demo-tutorial-tick{align-self:start;place-items:center;width:1.5rem;min-width:0;height:1.5rem;min-height:0;padding:0;display:inline-grid}