.gb-diagram-section--top-section{padding-top:var(--gb-section-y)}.gb-diagram-section--top-block{padding-top:var(--gb-space-24)}.gb-diagram-section--top-none{padding-top:0}.gb-diagram{border:1px solid var(--gb-dark-hairline);border-radius:var(--gb-radius-md);padding:var(--gb-space-8)}.gb-on-break .gb-diagram,.gb-on-light .gb-diagram{border-color:var(--gb-light-hairline)}.gb-diagram__header{color:var(--gb-black-40);display:flex;flex-wrap:wrap;gap:var(--gb-space-6);justify-content:space-between;margin-bottom:var(--gb-space-6)}.gb-on-break .gb-diagram__header,.gb-on-light .gb-diagram__header{color:var(--gb-light-text-subtle)}.gb-diagram__frame{aspect-ratio:16/9;position:relative;width:100%}.gb-diagram__edges{height:100%;inset:0;position:absolute;width:100%}.gb-diagram__edge{stroke:var(--gb-edge-on-dark);stroke-width:var(--gb-edge-width)}.gb-on-break .gb-diagram__edge,.gb-on-light .gb-diagram__edge{stroke:var(--gb-edge-on-light)}.gb-diagram__terminal{fill:var(--gb-green)}.gb-diagram__column-label{color:var(--gb-black-60);position:absolute}.gb-diagram__box{background:var(--gb-dark-canvas);border:1px solid var(--gb-border-interactive);border-radius:var(--gb-radius-sm);position:absolute;transform:translateY(-50%)}.gb-on-break .gb-diagram__box,.gb-on-light .gb-diagram__box{background:var(--gb-light-canvas)}.gb-diagram__box--highlight{border-color:var(--gb-green)}.gb-diagram__box--inline{align-items:center;display:flex;font-size:clamp(11px,1.2vw,14px);gap:10px;padding:clamp(8px,1.1vw,12px) clamp(9px,1.1vw,14px)}.gb-diagram__box--stacked{display:flex;flex-direction:column;gap:var(--gb-space-2);justify-content:center;min-height:clamp(132px,9.4vw,140px);padding:clamp(10px,1.4vw,20px) clamp(8px,1vw,16px)}.gb-diagram__box--stacked .gb-diagram__label{font-family:var(--gb-font-display);font-size:clamp(12px,1.45vw,18px);font-weight:var(--gb-weight-medium)}.gb-diagram__sublabel{color:var(--gb-black-40)}.gb-on-break .gb-diagram__sublabel,.gb-on-light .gb-diagram__sublabel{color:var(--gb-light-text-subtle)}.gb-diagram__badge{background:var(--gb-dark-canvas);border:1px solid var(--gb-green);border-radius:var(--gb-radius-sm);color:var(--gb-green);padding:var(--gb-space-2) var(--gb-space-3);position:absolute;transform:translate(-50%,-50%);white-space:nowrap}.gb-on-break .gb-diagram__badge,.gb-on-light .gb-diagram__badge{background:var(--gb-light-canvas);color:var(--gb-light-text)}.gb-diagram__caption{border-top:1px solid var(--gb-dark-hairline);color:var(--gb-black-60);margin:var(--gb-space-5) 0 0;padding-top:var(--gb-space-4)}.gb-on-break .gb-diagram__caption,.gb-on-light .gb-diagram__caption{border-top-color:var(--gb-light-hairline)}