.pipe{overflow-wrap:anywhere;margin:0;container-type:inline-size}.pipe-device{background:#08090cb8;border:1px solid #45e6f58c;border-radius:1.5rem;padding:1.25rem 1.25rem 1.75rem;box-shadow:0 0 22px #45e6f529,inset 0 0 18px #45e6f50f}.pipe-tag{font-family:var(--font-plex-mono), ui-monospace, monospace;color:var(--accent);align-items:center;gap:.5rem;margin:0;font-size:.75rem;line-height:1rem;display:flex}.pipe-icon{flex:none;width:1rem;height:1rem}.pipe-steps{gap:1.75rem;margin:1.75rem 0 0;padding:0;list-style:none;display:grid}.pipe-steps li{align-content:start;gap:.375rem;padding-left:2rem;display:grid;position:relative}.pipe-steps li:before{content:"";border:1px solid var(--accent);border-radius:50%;width:.625rem;height:.625rem;position:absolute;top:.1875rem;left:.1875rem}.pipe-steps li:not(:last-child):after{content:"";background:#45e6f566;width:1px;position:absolute;top:1.0625rem;bottom:-1.6875rem;left:calc(.5rem - .5px)}.pipe-num{font-family:var(--font-plex-mono), ui-monospace, monospace;font-variant-numeric:tabular-nums;color:var(--muted);font-size:.75rem;line-height:1rem}.pipe-step{color:var(--foreground);font-size:1rem;font-weight:500;line-height:1.5rem}@container (min-width:44rem){.pipe-device{padding:1.5rem 1.5rem 2rem}.pipe-steps{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.5rem;margin-top:2.25rem}.pipe-steps li{padding:1.75rem 0 0}.pipe-steps li:before{top:0;left:0}.pipe-steps li:not(:last-child):after{width:auto;height:1px;inset:calc(.3125rem - .5px) -1.125rem auto 1rem}}@container (min-width:60rem){.pipe-device{padding:1.75rem 2rem 2.25rem}.pipe-steps{column-gap:2rem}.pipe-steps li:not(:last-child):after{right:-1.625rem}.pipe-step{font-size:1.125rem;line-height:1.625rem}}@media print{.pipe-device{box-shadow:none;background:0 0;border-color:currentColor}}