.dd{margin:0;max-width:60rem;color:var(--q-fg);margin-inline:auto}.dd[data-demo-theme]{background:var(--q-bg);border-radius:.75rem;padding:1rem}.dd-top{font:.8125rem/1.4 var(--q-font-sans);color:var(--q-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem 1rem;margin-bottom:.75rem;display:flex}.dd-framed .dd-top{border:1px solid var(--q-line);background:var(--q-surface);border-bottom:0;border-radius:.75rem .75rem 0 0;margin:0;padding:.5rem .625rem .5rem 1rem}.dd-framed .dd-panes{border-radius:0 0 .75rem .75rem}.dd-framed .dd-people b{border-color:var(--q-surface)}.dd-file{align-items:center;gap:.5rem;display:inline-flex}.dd-people{padding-left:.25rem;display:inline-flex}.dd-people b{border:2px solid var(--q-bg);width:1.5rem;height:1.5rem;font:600 .75rem var(--q-font-sans);color:var(--q-person-fg);border-radius:999px;place-items:center;margin-left:-.25rem;display:grid}.dd-seg{background:var(--q-hover);border-radius:.5rem;gap:2px;padding:2px;display:inline-flex}.dd-seg button{font:400 .8125rem var(--q-font-sans);border-radius:var(--q-radius);color:var(--q-muted);cursor:pointer;background:0 0;border:0;padding:.25rem .75rem;transition:color .12s}.dd-seg button:hover{color:var(--q-fg)}.dd-seg button[aria-pressed=true]{background:var(--q-selected);color:var(--q-fg);box-shadow:0 1px 2px var(--q-shadow), 0 1px 1px var(--q-shadow);font-weight:500}.dd-seg button:focus-visible,.dd-replay:focus-visible{outline:2px solid var(--q-accent);outline-offset:2px}.dd-stage{display:grid}.dd-stage>.dd-panes{grid-area:1/1}.dd-sizer{visibility:hidden}.dd-panes{border:1px solid var(--q-line);background:var(--q-raised);box-shadow:0 1px 0 var(--q-line), 0 18px 50px -12px var(--q-shadow);text-align:left;border-radius:3px;display:grid;overflow:hidden}.dd-panes[data-view=split]{grid-template-columns:1fr 1fr}.dd-panes[data-view=live] .dd-src,.dd-panes[data-view=source] .dd-live{display:none}.dd-panes[data-view=split] .dd-live{border-left:1px solid var(--q-line);background:var(--q-bg)}.dd-pane{min-width:0;padding:1.5rem 3.25rem 1.5rem 1.75rem}.dd-sm .dd-pane{padding:1rem 3rem 1rem 1.25rem}.dd-lg .dd-pane{padding:2rem 3.5rem 2rem 2.5rem}.dd-live{font:1.0625rem/1.65 var(--q-font-serif)}.dd-sm .dd-live{font-size:.9375rem}.dd-lg .dd-live{font-size:1.1875rem}.dd-live p,.dd-live blockquote{margin:0 0 .6em}.dd-live>:last-child{margin-bottom:0}.dd-h{margin-top:.2em;font-weight:600;line-height:1.25}.dd-h1{font-size:1.6em}.dd-h2{font-size:1.35em}.dd-h3{font-size:1.12em}.dd-live blockquote{border-left:3px solid var(--q-line);color:var(--q-muted);padding-left:.9em}.dd-bullet:before{content:"•";width:1.1em;color:var(--q-muted);display:inline-block}.dd-raw:before,.dd-raw .dd-box{display:none!important}.dd-box{vertical-align:-.1em;border:1.5px solid var(--q-muted);border-radius:.2em;width:.9em;height:.9em;margin-right:.5em;display:inline-block;position:relative}.dd-done .dd-box{background:var(--q-accent);border-color:var(--q-accent)}.dd-done .dd-box:after{content:"";border:solid var(--q-accent-fg);border-width:0 .12em .12em 0;width:.22em;height:.44em;position:absolute;top:.06em;left:.24em;transform:rotate(45deg)}.dd-live code,.dd-code{font-family:var(--q-font-mono);font-size:.85em}.dd-live code{background:var(--q-surface);border-radius:.25em;padding:.1em .3em}.dd-code{background:var(--q-surface);border-radius:.375rem;margin:0 0 .6em;padding:.75em 1em;overflow-x:auto}.dd-link{color:var(--q-accent);text-underline-offset:.2em;text-decoration:underline dotted}.dd-callout{border-left:3px solid var(--note);background:color-mix(in srgb, var(--note) 4%, var(--q-raised));border-radius:0 .375rem .375rem 0;margin:0 0 .6em;padding:.5em .9em}.dd-callout p{margin:0}.dd-callout-title{font:600 .75rem/1.6 var(--q-font-sans);letter-spacing:.06em;color:var(--note)}.dd-note{--note:var(--q-callout-note)}.dd-tip{--note:var(--q-callout-tip)}.dd-important{--note:var(--q-callout-important)}.dd-warning{--note:var(--q-callout-warning)}.dd-caution{--note:var(--q-callout-caution)}.dd-src{font:.875rem/1.8 var(--q-font-mono)}.dd-sm .dd-src{font-size:.8125rem}.dd-ln{white-space:pre-wrap;display:block}.dd-mk{color:var(--q-syntax);font-family:var(--q-font-mono)}.dd-mk-live{font-size:.8em}.dd-caret{vertical-align:text-bottom;background:var(--who);width:2px;height:max(1.3em,.9rem + .4em);margin-left:1px;display:inline-block;position:relative}.dd-caret-own{--who:var(--q-fg);height:1.15em}.dd-caret-own:after{content:none}.dd-caret[hidden]{display:none}.dd-caret:after{content:attr(data-name);font:600 .75rem/1.2 var(--q-font-sans);white-space:nowrap;color:var(--q-person-fg);background:var(--who);border-radius:0 3px 3px 0;padding:0 4px;position:absolute;top:0;left:100%}.dd-js .dd-finale:not(.dd-finale-on){visibility:hidden}.dd-finale{border:1px solid var(--q-line);border-left:3px solid var(--q-danger);background:var(--q-raised);font:.875rem/1.4 var(--q-font-sans);border-radius:.375rem;margin:.75rem 0 0;padding:.6rem .9rem}.dd-readonly .dd-panes{opacity:.7}.dd-caption{font:.9375rem/1.55 var(--q-font-sans);color:var(--q-muted);margin:.75rem 0 0}.dd-replay{font:inherit;color:var(--q-accent);cursor:pointer;background:0 0;border:0;margin-left:.25rem;padding:0;text-decoration:underline}.dd-split-note{display:none}@media (width>=44.0625rem){.dd-panes[data-view=split] .dd-live :is(.dd-caret,.dd-mk-live){display:none}.dd-panes[data-view=split] .dd-live .dd-raw:before,.dd-panes[data-view=split] .dd-live .dd-raw .dd-box{display:inline-block!important}}@media (width<=44rem){.dd-seg button[data-view=split]{display:none}.dd-panes[data-view=split]{grid-template-columns:1fr}.dd-panes[data-view=split] .dd-src{display:none}.dd-panes[data-view=split] .dd-live{background:0 0;border-left:0}.dd-split-note{display:inline}.dd-pane{padding:1rem 3rem 1rem 1.1rem}}