.dbc-diagram:where(.astro-mb5gojzx){border:1px solid var(--dbc-border);border-radius:var(--dbc-radius);background:var(--sl-color-bg);margin-block:1.5rem 1rem;overflow:hidden}.dbc-diagram__bar:where(.astro-mb5gojzx){border-bottom:1px solid var(--dbc-border);background:var(--dbc-surface-2);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);align-items:center;gap:.375rem;padding:.375rem .5rem;display:flex}.dbc-diagram__title:where(.astro-mb5gojzx){margin-right:auto;padding-left:.25rem}.dbc-diagram__tools:where(.astro-mb5gojzx){gap:.25rem;display:flex}.dbc-diagram__bar:where(.astro-mb5gojzx) button:where(.astro-mb5gojzx){width:2rem;height:2rem;color:var(--sl-color-gray-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:.375rem;place-items:center;padding:0;display:grid}.dbc-diagram__bar:where(.astro-mb5gojzx) button:where(.astro-mb5gojzx):hover{background:var(--sl-color-bg);color:var(--sl-color-white)}.dbc-diagram__stage:where(.astro-mb5gojzx){height:var(--dbc-stage-height);cursor:grab;background-image:radial-gradient(var(--dbc-grid-line) 1px, transparent 1px);background-size:16px 16px;position:relative;overflow:hidden}.dbc-diagram--sketch:where(.astro-mb5gojzx) .dbc-diagram__canvas:where(.astro-mb5gojzx) pre.mermaid,.dbc-diagram--sketch:where(.astro-mb5gojzx) .dbc-diagram__canvas:where(.astro-mb5gojzx) pre.mermaid svg{background:0 0!important}.dbc-diagram__canvas:where(.astro-mb5gojzx) svg.is-draggable g.node{cursor:grab;touch-action:none}.dbc-diagram__canvas:where(.astro-mb5gojzx) svg.is-dragging,.dbc-diagram__canvas:where(.astro-mb5gojzx) svg.is-dragging g.node{cursor:grabbing;user-select:none}.dbc-diagram__stage:where(.astro-mb5gojzx):active{cursor:grabbing}.dbc-diagram__canvas:where(.astro-mb5gojzx){place-items:center;width:100%;height:100%;padding:1rem;display:grid}.dbc-diagram__canvas:where(.astro-mb5gojzx)>svg,.dbc-diagram__canvas:where(.astro-mb5gojzx) pre.mermaid{background:0 0;border:0;width:100%;height:100%;margin:0;padding:0}:root:not([data-theme=dark]) .dbc-diagram__canvas:where(.astro-mb5gojzx)>svg.dbc-drawn--dark,:root[data-theme=dark] .dbc-diagram__canvas:where(.astro-mb5gojzx)>svg.dbc-drawn--light{display:none}.dbc-diagram__canvas:where(.astro-mb5gojzx)>svg.dbc-drawn--light,.dbc-diagram__canvas:where(.astro-mb5gojzx)>svg.dbc-drawn--dark{background:0 0!important;max-width:none!important}.dbc-diagram__canvas:where(.astro-mb5gojzx) pre.mermaid svg{width:100%;height:100%;max-width:none!important}[data-theme=dark] .dbc-diagram__canvas--invert:where(.astro-mb5gojzx){filter:invert(.93)hue-rotate(180deg)brightness(.84)saturate(.85)}.dbc-diagram__hint:where(.astro-mb5gojzx){border:1px solid var(--dbc-border);background:var(--sl-color-bg);color:var(--sl-color-gray-3);font-size:var(--sl-text-2xs);pointer-events:none;border-radius:.25rem;padding:.125rem .5rem;transition:opacity .4s;position:absolute;bottom:.5rem;right:.5rem}.dbc-diagram__hint:where(.astro-mb5gojzx).is-gone{opacity:0}.dbc-diagram__legend{border-top:1px solid var(--dbc-border);font-size:var(--sl-text-xs);color:var(--sl-color-gray-3);flex-wrap:wrap;gap:.375rem .875rem;margin:0;padding:.5rem .75rem;list-style:none;display:flex}.dbc-diagram__legend .dbc-diagram__key-h{color:var(--sl-color-white);font-weight:700}.dbc-diagram__legend li{align-items:center;gap:.375rem;margin:0;display:inline-flex}.dbc-diagram__swatch{border:1.5px solid;border-radius:.2rem;flex:none;width:.875rem;height:.875rem}.dbc-diagram__swatch--new{border:3px solid var(--sl-color-gray-3);background:0 0}figcaption:where(.astro-mb5gojzx){border-top:1px solid var(--dbc-border);color:var(--sl-color-gray-3);font-size:var(--sl-text-sm);padding:.5rem .75rem}.dbc-diagram:where(.astro-mb5gojzx):fullscreen,.dbc-diagram--overlay:where(.astro-mb5gojzx){border-radius:0;flex-direction:column;margin:0;display:flex}.dbc-diagram--overlay:where(.astro-mb5gojzx){z-index:1000;height:100dvh;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);border:0;position:fixed;inset:0}.dbc-diagram:where(.astro-mb5gojzx):fullscreen .dbc-diagram__stage:where(.astro-mb5gojzx),.dbc-diagram--overlay:where(.astro-mb5gojzx) .dbc-diagram__stage:where(.astro-mb5gojzx){flex:1;height:auto;min-height:0}html.dbc-diagram-lock,html.dbc-diagram-lock body{overflow:hidden}html.dbc-diagram-lock .main-pane{isolation:auto}@media (width<=50rem){.dbc-diagram__stage:where(.astro-mb5gojzx){height:min(var(--dbc-stage-height), 70vh)}}