.sl-container:has(>.sl-markdown-content>.cp-smap){max-width:none}.sl-container:has(>.sl-markdown-content>.cp-smap)>:not(.sl-markdown-content),.sl-markdown-content:has(>.cp-smap)>:not(.cp-smap){max-width:var(--sl-content-width)}@media (width>=72rem){.sl-container:has(>.sl-markdown-content>.cp-smap)>:not(.sl-markdown-content),.sl-markdown-content:has(>.cp-smap)>:not(.cp-smap){margin-inline:auto}}.cp-smap{--smap-bg:var(--sl-color-gray-6);--smap-band:var(--sl-color-black);--smap-line:var(--sl-color-gray-5);--smap-fg:var(--sl-color-white);--smap-mute:var(--sl-color-gray-3);--smap-edge:var(--sl-color-accent);--smap-call:var(--sl-color-orange);--smap-ink:var(--sl-color-orange-low);--smap-box:var(--sl-color-black);--smap-ph:var(--sl-color-gray-5);--smap-lead:var(--sl-color-orange);border:1px solid var(--sl-color-hairline);background:var(--sl-color-bg);border-radius:.5rem;overflow:hidden}:root[data-theme=light] .cp-smap{--smap-ink:var(--sl-color-orange-high);--smap-lead:var(--sl-color-orange-high);--smap-bg:var(--sl-color-gray-7)}.cp-smap:fullscreen{border:0;border-radius:0;flex-direction:column;display:flex}.cp-smap__bar{border-bottom:1px solid var(--sl-color-hairline);font-size:var(--sl-text-sm);flex-wrap:wrap;align-items:center;gap:.5rem 1rem;padding:.5rem .75rem;display:flex}.cp-smap__levels{border:1px solid var(--sl-color-gray-5);border-radius:.4rem;margin:0;padding:2px;display:flex}.cp-smap__levels legend{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.cp-smap__levels label{cursor:pointer;color:var(--sl-color-gray-2);border-radius:.3rem;padding:.25rem .75rem;position:relative}.cp-smap__levels input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.cp-smap__levels label:has(input:checked){background:var(--sl-color-bg-accent);color:var(--sl-color-text-invert);font-weight:600}.cp-smap__levels label:has(input:focus-visible){outline:2px solid var(--sl-color-accent);outline-offset:2px}.cp-smap__jump{min-width:0;color:var(--sl-color-gray-2);flex:12rem;align-items:center;gap:.5rem;display:none}.cp-smap__jump select{border:1px solid var(--sl-color-gray-5);background:var(--sl-color-bg);min-width:0;color:var(--sl-color-white);font:inherit;border-radius:.3rem;flex:1;padding:.3rem .4rem}.cp-smap__full{border:1px solid var(--sl-color-gray-5);color:var(--sl-color-gray-2);font:inherit;cursor:pointer;background:0 0;border-radius:.3rem;margin-inline-start:auto;padding:.3rem .75rem}.cp-smap__full:hover{color:var(--sl-color-white);border-color:var(--sl-color-gray-3)}.cp-smap__body{height:clamp(24rem,75vh,56rem);display:flex}.cp-smap:fullscreen .cp-smap__body{flex:1;height:auto;min-height:0}.cp-smap__side{border-inline-end:1px solid var(--sl-color-hairline);font-size:var(--sl-text-sm);background:var(--sl-color-bg);flex:0 0 14rem;padding:.5rem;overflow-y:auto}.cp-smap__side ul{margin:0;padding:0;list-style:none}.cp-smap__side a{padding:.2rem .5rem;color:var(--sl-color-gray-2);text-overflow:ellipsis;white-space:nowrap;border-radius:.3rem;padding-inline-start:calc(.5rem + var(--d,0) * .75rem + .6rem);text-decoration:none;display:block;overflow:hidden}.cp-smap__side a.cp-smap__app{color:var(--sl-color-white);white-space:normal;margin-top:.35rem;padding-inline-start:.5rem;font-weight:600}.cp-smap__side a small{color:var(--sl-color-gray-3);font-weight:400;display:block}.cp-smap__side a:hover{background:var(--sl-color-gray-6);color:var(--sl-color-white)}.cp-smap__side a[aria-current]{background:var(--sl-color-accent-low);color:var(--sl-color-text-accent)}.cp-smap__view{background:var(--smap-bg);outline:none;flex:1;min-width:0;position:relative}.cp-smap__view:focus-visible{box-shadow:inset 0 0 0 2px var(--sl-color-accent)}.cp-smap__hint{background:var(--sl-color-bg);color:var(--sl-color-gray-2);font-size:var(--sl-text-xs);pointer-events:none;border:1px solid var(--sl-color-hairline);border-radius:.3rem;margin:0;padding:.25rem .6rem;transition:opacity .3s;position:absolute;bottom:.5rem;right:.5rem}.cp-smap__hint.gone{opacity:0}@media (width<=50rem){.cp-smap__side{display:none}.cp-smap__jump{display:flex}.cp-smap__body{height:clamp(22rem,70vh,40rem)}.cp-smap__hint{text-align:center;left:.5rem}}.cp-smap__svg{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;font-family:var(--sl-font);display:block}.cp-smap__svg.drag{cursor:grabbing}.cp-smap__svg .band{fill:var(--smap-band);stroke:var(--smap-line);stroke-width:2px}.cp-smap__svg .bl{fill:var(--smap-fg);font-weight:700;font-size:max(110px, calc(15px * var(--k,1)))}.cp-smap__svg .bs{fill:var(--smap-mute);font-size:.42em;font-weight:400}.cp-smap__svg .ah{fill:var(--smap-edge)}.cp-smap__svg .e path{fill:none;stroke:var(--smap-edge);stroke-width:3px;marker-end:url(#cp-smap-arrow)}.cp-smap__svg .e rect{fill:var(--smap-box);stroke:var(--smap-edge);stroke-width:1.5px}.cp-smap__svg .e text{fill:var(--sl-color-text-accent);text-anchor:middle;font-size:13px;font-weight:600}.cp-smap__svg .st{fill:var(--smap-fg);font-size:20px;font-weight:600}.cp-smap__svg .shot{cursor:zoom-in}.cp-smap__svg .fr{fill:var(--smap-line)}.cp-smap__svg .ph{fill:var(--smap-ph)}.cp-smap__svg image{image-rendering:pixelated}.cp-smap__svg .tg{fill:none;stroke:var(--smap-lead);stroke-width:2px;opacity:.35}.cp-smap__svg .ld{fill:none;stroke:var(--smap-lead);stroke-width:1.5px;opacity:.35}.cp-smap__svg .b{fill:var(--smap-call)}.cp-smap__svg .bt{fill:var(--smap-ink);text-anchor:middle;font-size:11px;font-weight:700}.cp-smap__svg .bx{fill:var(--smap-box);stroke:var(--smap-line);stroke-width:1px}.cp-smap__svg .t{fill:var(--smap-fg);font-size:13px;font-weight:600}.cp-smap__svg .d{fill:var(--sl-color-gray-2);font-size:11.5px}.cp-smap__svg .c{cursor:default}.cp-smap__svg .c.hl .tg,.cp-smap__svg .c.pin .tg{opacity:1;stroke-width:3px}.cp-smap__svg .c.hl .ld,.cp-smap__svg .c.pin .ld{opacity:1;stroke-width:2.5px}.cp-smap__svg .c.hl .bx,.cp-smap__svg .c.pin .bx{stroke:var(--smap-call);stroke-width:2px}.cp-smap:not([data-js]) :is(.cp-smap__bar,.cp-smap__hint){display:none!important}.cp-smap__svg:not(.lv-apps) .bls,.cp-smap__svg.lv-apps .e,.cp-smap__svg.lv-apps .st,.cp-smap__svg:not(.lv-controls) .n,.cp-smap__svg.lv-screens .e.bk,.cp-smap__svg.lv-controls .s:not(.vis) .n,.cp-smap__svg.lv-controls .e:not(.on){display:none}.cp-smap__svg.lv-apps .shot,.cp-smap__svg.lv-controls .e{opacity:.45}.cp-smap__svg.lv-controls .e.bk{opacity:.18}.cp-smap-all h4{font-size:var(--sl-text-base)}.cp-smap-all ol{padding-inline-start:1.5rem}.cp-smap-foot{color:var(--sl-color-gray-3);font-size:var(--sl-text-sm)}