.route-conductor-diagram{--diagram-left-column:124px;--diagram-right-column:124px;--diagram-content-start:132px;--diagram-content-end:132px;gap:8px;min-width:0;padding:0;display:grid}.route-conductor-diagram__cover{--material-ink:color-mix(in srgb, var(--sleeve-color) 70%, var(--chrome-fg));--material-fill:color-mix(in srgb, var(--sleeve-color) 9%, var(--chrome-bg));--material-pattern:none;--material-pattern-size:auto;--material-texture:color-mix(in srgb, var(--material-ink) 28%, transparent);--material-edge:solid;--material-edge-width:1px;isolation:isolate;border-radius:var(--r-sm);background:0 0;border:0;min-width:0;position:relative;overflow:visible}.route-conductor-diagram summary{cursor:pointer;font-family:var(--font-mono);padding:6px 0;font-weight:600;position:relative}.route-conductor-diagram summary:hover,.route-conductor-diagram summary:active{background:linear-gradient(var(--chrome-hover), var(--chrome-hover)) var(--diagram-content-start) 0 / calc(100% - var(--diagram-content-start) - var(--diagram-content-end)) 100% no-repeat}.route-conductor-diagram summary:focus-visible{outline:none}.route-conductor-diagram summary:active{background-image:linear-gradient(var(--chrome-bg-elev), var(--chrome-bg-elev))}.route-conductor-diagram__cover>summary:hover,.route-conductor-diagram__cover>summary:active{background:linear-gradient(var(--chrome-hover), var(--chrome-hover)) calc(var(--diagram-content-start) + var(--cover-start-visible,0px)) 0 / calc(100% - var(--diagram-content-start) - var(--diagram-content-end) - var(--cover-start-visible,0px) - var(--cover-end-visible,0px)) 100% no-repeat}.route-conductor-diagram__cover:after{content:"";z-index:7;border-radius:var(--r-xs);pointer-events:none;background:0 0;border:1px solid #0000;position:absolute;inset-block:0;inset-inline-start:var(--diagram-content-start);inset-inline-end:var(--diagram-content-end)}.route-conductor-diagram__cover:before{content:"";z-index:6;background-image:linear-gradient(color-mix(in srgb, var(--material-ink) 72%, var(--accent)), color-mix(in srgb, var(--material-ink) 72%, var(--accent))), repeating-linear-gradient(to right, color-mix(in srgb, var(--material-ink) 54%, var(--accent)) 0 6px, transparent 6px 12px), repeating-linear-gradient(to right, color-mix(in srgb, var(--material-ink) 54%, var(--accent)) 0 6px, transparent 6px 12px);background-position:12px 0,12px 0,12px 100%;background-repeat:no-repeat;background-size:3px 100%, calc(100% - 12px - var(--diagram-content-end)) 1px, calc(100% - 12px - var(--diagram-content-end)) 1px;pointer-events:none;position:absolute;inset:0}.route-conductor-diagram__cover:has(>summary:hover):after,.route-conductor-diagram__cover:has(>summary:focus-visible):after,.route-conductor-diagram__cover:has(>.route-conductor-diagram__sleeve>.route-conductor-diagram__cover-close-trigger:hover):after{border-color:var(--accent)}.route-conductor-diagram[data-has-active-covering]>.route-conductor-diagram__cover:not([data-active]){opacity:.34}.route-conductor-diagram small{color:var(--chrome-fg-muted);font-family:var(--font-sans);font-size:var(--fs-10);font-weight:400}.route-conductor-diagram__cover-heading{background:0 0;flex-wrap:wrap;align-items:center;gap:4px 12px;list-style:none;display:flex}.route-conductor-diagram__cover-heading::-webkit-details-marker{display:none}.route-conductor-diagram__sleeve{min-width:0;margin:0}.route-conductor-diagram__type-icon{vertical-align:-3px;width:16px;height:16px;color:var(--chrome-fg-muted);stroke:currentColor;stroke-width:1.65px;stroke-linecap:square;stroke-linejoin:miter;flex-shrink:0;display:inline-block}.route-conductor-diagram__group>summary>svg{margin-right:8px}.route-conductor-diagram__contents{background:linear-gradient(to right, transparent var(--diagram-content-start), var(--cover-interior,var(--diagram-layer-neutral)) var(--diagram-content-start), var(--cover-interior,var(--diagram-layer-neutral)) calc(100% - var(--diagram-content-end)), transparent calc(100% - var(--diagram-content-end)));gap:24px;padding:16px 0;display:grid}.route-bundle-hierarchy[data-depth="0"]{--cover-interior:var(--diagram-layer-neutral);--nesting-rail-color:color-mix(in srgb, var(--nesting-stripe,var(--accent)) 42%, var(--accent))}.route-bundle-hierarchy[data-depth="1"]{--cover-interior:var(--chrome-bg);--nesting-rail-color:color-mix(in srgb, var(--nesting-stripe,var(--chrome-fg-muted)) 54%, var(--chrome-fg-muted))}.route-bundle-hierarchy-state{gap:var(--s-3);min-width:0;display:grid}.route-bundle-hierarchy{position:relative}.route-bundle-hierarchy[data-disabled-context]{opacity:.28;pointer-events:none;user-select:none}.route-bundle-hierarchy__rail{cursor:pointer;height:auto;bottom:0;left:calc(var(--nesting-rail-offset,12px) - 4px);z-index:6;background:0 0;border:0;border-radius:0;width:9px;min-height:0;padding:0;position:absolute;top:0}.route-bundle-hierarchy__rail:hover{background:0 0}.route-bundle-hierarchy__rail:before{background:color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 72%, var(--chrome-bg));border:1px solid color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 82%, var(--chrome-border));border-radius:var(--r-xs);content:"";inset-block:0;pointer-events:none;transform-origin:0;z-index:3;width:3px;transition:background-color .14s,border-color .14s,box-shadow .14s,transform .14s;position:absolute;left:3px;transform:scaleX(1)}.route-bundle-hierarchy:after{border-bottom:1px dashed color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 54%, var(--chrome-border));border-top:1px dashed color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 54%, var(--chrome-border));content:"";pointer-events:none;z-index:5;transition:border-color .14s;position:absolute;inset-block:0;inset-inline-start:var(--nesting-rail-offset,12px);inset-inline-end:var(--diagram-content-end)}.route-bundle-hierarchy:before{content:"";z-index:7;border-radius:var(--r-xs);pointer-events:none;border:1px solid #0000;position:absolute;inset-block:0;inset-inline-start:var(--diagram-content-start);inset-inline-end:var(--diagram-content-end)}.route-bundle-hierarchy:has(>.route-bundle-hierarchy__rail:hover)>.route-bundle-hierarchy__rail:before,.route-bundle-hierarchy:has(>.route-conductor-diagram__cover>summary:hover)>.route-bundle-hierarchy__rail:before{background:color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 92%, var(--chrome-bg));border-color:var(--nesting-rail-color,var(--accent));box-shadow:0 0 0 2px color-mix(in srgb, var(--nesting-rail-color,var(--accent)) 12%, transparent);transform:scaleX(1.65)}.route-bundle-hierarchy:has(>.route-bundle-hierarchy__rail:hover):before,.route-bundle-hierarchy:has(>.route-conductor-diagram__cover>summary:hover):before,.route-bundle-hierarchy:has(>.route-conductor-diagram__cover>summary:focus-visible):before,.route-bundle-hierarchy:has(>.route-conductor-diagram__cover>.route-conductor-diagram__sleeve>.route-conductor-diagram__cover-close-trigger:hover):before{border-color:var(--accent)}.route-bundle-hierarchy>.route-conductor-diagram__cover:after,.route-bundle-hierarchy>.route-conductor-diagram__cover:before{display:none}@media (prefers-reduced-motion:reduce){.route-bundle-hierarchy:after,.route-bundle-hierarchy:before,.route-bundle-hierarchy__rail:before{transition:none}}.route-conductor-diagram__group{isolation:isolate;margin:4px 0;position:relative}.route-conductor-diagram__wire{border-top:1px solid var(--chrome-divider);grid-template-columns:minmax(70px,1fr) minmax(200px,3fr) minmax(70px,1fr);align-items:center;gap:12px;padding:12px;display:grid}.route-conductor-diagram__endpoint{border:1px solid color-mix(in srgb, var(--accent) 24%, var(--chrome-border));border-radius:var(--r-xs);font-family:var(--font-mono);text-align:center;text-overflow:ellipsis;background:color-mix(in srgb, var(--accent) 4%, var(--chrome-bg));white-space:nowrap;max-width:calc(100% - 4px);padding:2px 5px;line-height:1.15;overflow:visible}.route-wire-lanes__row>.route-conductor-diagram__endpoint:first-child{text-align:right;justify-self:end}.route-wire-lanes__row>.route-conductor-diagram__endpoint:last-child{text-align:left;justify-self:start}.route-wire-lanes{position:relative}.route-wire-lanes[data-has-active-wires] .route-wire-lanes__row:not([data-active]),.route-wire-lanes[data-has-active-wires] .route-wire-lanes__wires g[data-wire-id]:not([data-active]){opacity:.34}.route-wire-lanes__row,.route-wire-lanes__wires g[data-wire-id]{transition:opacity .12s ease-out}.route-wire-lanes__row{grid-template-columns:var(--diagram-left-column) minmax(160px, 1fr) var(--diagram-right-column);box-sizing:border-box;align-items:end;gap:8px;height:48px;padding-bottom:6px;display:grid}.route-wire-lanes__info{box-sizing:border-box;font-family:var(--font-mono);font-size:var(--fs-10);color:var(--chrome-fg-muted);justify-content:space-between;align-self:end;gap:6px;margin-bottom:16px;padding:0 12px;display:flex}.route-wire-lanes__info strong{color:var(--chrome-fg);margin-left:auto;font-weight:600}.route-wire-lanes__metadata{align-items:center;gap:4px;min-width:0;display:flex}.route-wire-lanes__metric{align-items:center;gap:4px;display:inline-flex}.route-wire-lanes__metric>svg{stroke-width:1.5px;flex-shrink:0;width:12px;height:12px}.route-wire-lanes__swatches{border:1px solid var(--chrome-fg-muted);border-radius:2px;height:10px;display:inline-flex;overflow:hidden}.route-wire-lanes__swatches>span{width:10px}.route-wire-lanes__wires{left:var(--diagram-content-start);width:calc(100% - var(--diagram-content-start) - var(--diagram-content-end));pointer-events:none;height:100%;position:absolute;top:0}.route-conductor-diagram__wire strong{color:var(--accent);font-family:var(--font-mono);margin-bottom:4px;display:block}.route-conductor-diagram__endpoints{font-family:var(--font-mono);justify-content:space-between;gap:12px;display:flex}.route-conductor-diagram__drawing{min-width:0}.route-conductor-diagram__conductor{width:100%;height:48px;display:block}.route-conductor-diagram__group{border-radius:var(--r-sm);background:0 0;border:0;overflow:visible}.route-conductor-diagram__group>.route-wire-lanes{margin:0}.route-conductor-diagram__cover-count{margin-left:auto}.route-conductor-diagram__split-row{grid-template-columns:var(--diagram-left-column) minmax(0, 1fr) var(--diagram-right-column);flex-basis:100%;align-items:center;gap:8px;width:100%;display:grid}.route-conductor-diagram__gap{text-align:center;font-family:var(--font-mono);font-size:var(--fs-10);font-weight:400}.route-conductor-diagram__gap small{font-size:9px;display:inline}.route-conductor-diagram__shell{margin-left:var(--cover-start-visible,0px);margin-right:var(--cover-end-visible,0px);box-sizing:border-box;background-color:var(--material-fill);background-image:var(--material-pattern);background-size:var(--material-pattern-size);border:var(--material-edge-width) var(--material-edge) var(--material-ink);border-radius:0;justify-content:center;align-items:center;min-width:0;display:flex}.route-conductor-diagram__cover[data-material=duct]{--material-pattern:repeating-linear-gradient(90deg, transparent 0 19px, var(--material-texture) 19px 21px, transparent 21px 24px)}.route-conductor-diagram__cover[data-material=sleeve]{--material-pattern:repeating-linear-gradient(38deg, transparent 0 7px, var(--material-texture) 7px 9px, transparent 9px 16px)}.route-conductor-diagram__cover[data-material=shield],.route-conductor-diagram__cover[data-material=shielding]{--material-pattern:repeating-linear-gradient(32deg, transparent 0 4px, var(--material-texture) 4px 5px, transparent 5px 9px), repeating-linear-gradient(-32deg, transparent 0 4px, color-mix(in srgb, var(--material-texture) 55%, transparent) 4px 5px, transparent 5px 9px);--material-pattern-size:auto}.route-conductor-diagram__cover[data-material=tape]{--material-pattern:repeating-linear-gradient(128deg, transparent 0 9px, var(--material-texture) 9px 11px, transparent 11px 20px)}.route-conductor-diagram__cover[data-material=heatshrink]{--material-fill:color-mix(in srgb, var(--sleeve-color) 24%, var(--chrome-bg));--material-edge-width:2px}.route-conductor-diagram__cover[data-material=conduit]{--material-pattern:repeating-linear-gradient(90deg, transparent 0 5px, var(--material-texture) 5px 8px)}.route-conductor-diagram__cover[data-material=grommet]{--material-edge-width:3px;--material-fill:color-mix(in srgb, var(--sleeve-color) 18%, var(--chrome-bg))}.route-conductor-diagram__cover[data-material=fixing]{--material-pattern:repeating-linear-gradient(90deg, transparent 0 30px, var(--material-texture) 30px 36px);--material-edge:dashed}.route-conductor-diagram__cover[data-material=channel]{--material-edge:double;--material-edge-width:3px}.route-conductor-diagram__shell--top{height:28px}.route-conductor-diagram__shell--top>span{overflow-wrap:anywhere;min-width:0;max-width:100%;color:var(--chrome-fg-muted);background:var(--chrome-bg);font-weight:400;font-size:var(--fs-10);padding:2px 8px}.route-conductor-diagram__cover[open]>summary .route-conductor-diagram__shell--top{border-radius:0;height:22px}.route-conductor-diagram__cover[data-nesting-error]>summary{cursor:default}.route-conductor-diagram__cover[data-nesting-error]>summary:hover,.route-conductor-diagram__cover[data-nesting-error]>summary:active{background:0 0}.route-conductor-diagram__cover[data-nesting-error]:after,.route-bundle-hierarchy:has(>.route-conductor-diagram__cover[data-nesting-error]):before{border-color:#0000}.route-bundle-hierarchy:has(>.route-conductor-diagram__cover[data-nesting-error])>.route-bundle-hierarchy__rail:before{box-shadow:none;transform:none}.route-conductor-diagram__nesting-error{background:color-mix(in srgb, var(--danger) 10%, var(--chrome-bg));border:1px solid var(--danger);border-radius:var(--r-xs);color:var(--danger);font-family:var(--font-mono);font-size:var(--fs-10);padding:2px var(--s-2);white-space:nowrap;justify-self:center}.route-conductor-diagram__shell--bottom{border-radius:0;height:14px}.route-conductor-diagram__split-row:has(.route-conductor-diagram__cover-close){width:100%;height:auto;min-height:0;color:inherit;background:0 0;padding:0;display:grid}.route-conductor-diagram__split-row:has(.route-conductor-diagram__cover-close):hover{background:0 0}.route-conductor-diagram__cover-close{cursor:pointer}.route-conductor-diagram__cover-close-trigger{z-index:3;cursor:pointer;position:relative}.route-conductor-diagram__cover[open]>.route-conductor-diagram__sleeve>.route-conductor-diagram__cover-close-trigger{margin-bottom:8px}.wiring-route-conductors-popover__body>.route-conductor-diagram{margin:8px}.route-conductor-diagram__group>summary{list-style:none}.route-conductor-diagram__group>summary::-webkit-details-marker{display:none}.route-conductor-diagram__group:after{content:"";z-index:2;border-radius:var(--r-xs);pointer-events:none;border:1px solid #0000;position:absolute;inset-block:0;inset-inline-start:var(--diagram-content-start);inset-inline-end:var(--diagram-content-end)}.route-conductor-diagram__group:has(>summary:hover):after{border-color:var(--accent)}.route-conductor-diagram__group:has(>summary:hover){background:linear-gradient(var(--chrome-hover), var(--chrome-hover)) var(--diagram-content-start) 0 / calc(100% - var(--diagram-content-start) - var(--diagram-content-end)) 100% no-repeat}.route-conductor-diagram__twist-preview,.route-conductor-diagram__twist-expanded{display:block}.route-conductor-diagram__twist-label{z-index:3;pointer-events:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-conductor-diagram__group[open]>summary>.route-conductor-diagram__twist-label{top:4px;transform:translate(-50%)}.route-conductor-diagram__group[open]>summary>.route-conductor-diagram__twist-preview,.route-conductor-diagram__group:not([open])>summary>.route-conductor-diagram__twist-expanded{display:none}.route-conductor-diagram__shell--top>span{align-items:center;gap:6px;display:inline-flex}.route-conductor-diagram__dimension-track{grid-column:2;position:relative}.route-conductor-diagram__dimension-track>.part-input-shell{z-index:3;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.route-conductor-diagram__offset-dimension{color:var(--chrome-fg-muted);font-family:var(--font-mono);font-size:var(--fs-10);font-weight:400;position:absolute;top:0;bottom:0}.route-conductor-diagram__offset-dimension--start{width:var(--cover-start-visible,0px);left:0}.route-conductor-diagram__offset-dimension--end{width:var(--cover-end-visible,0px);right:0}.route-conductor-diagram__offset-value{color:var(--chrome-fg);background:var(--chrome-bg);font-family:var(--font-mono);white-space:nowrap;padding:0 2px;font-size:9px;font-weight:500;line-height:1;position:absolute;bottom:calc(50% + 4px);left:50%;transform:translate(-50%)}.route-conductor-diagram__offset-dimension>i{top:50%;border-top:1px solid;position:absolute;inset-inline:0}.route-conductor-diagram__offset-dimension>i:before,.route-conductor-diagram__offset-dimension>i:after{content:"";border-left:1px solid;height:7px;position:absolute;top:-4px}.route-conductor-diagram__offset-dimension>i:before{left:0}.route-conductor-diagram__offset-dimension>i:after{right:0}.route-wire-lanes__row>.route-diagram-target:first-child{justify-self:end}.route-wire-lanes__row>.route-diagram-target:last-child{justify-self:start}.route-diagram-target,.route-diagram-input{min-width:0;display:inline-flex}.route-diagram-input .h2ui-input{height:20px;font-size:var(--fs-10);padding-inline:4px}.route-wire-lanes__info{z-index:1;flex-wrap:wrap;align-items:center;padding:0 4px;position:relative;container-type:inline-size}.route-wire-lanes__metadata{flex-wrap:wrap}.route-wire-lanes__metadata--left{margin-right:auto}.route-wire-lanes__metadata--left .h2-signal-name-tooltip-anchor{max-width:max(72px,32cqi - 112px)}.route-wire-lanes__metadata--right{margin-left:auto}.route-conductor-diagram__group[open]>summary{padding-top:30px}.route-conductor-diagram__twist-label{gap:4px;display:flex}.route-conductor-diagram__twist-label[data-inactive]{background:var(--chrome-bg-elev);border-radius:var(--r-sm);isolation:isolate}.route-conductor-diagram__twist-label[data-inactive]>.part-input-shell{opacity:.34}.route-conductor-diagram__offset-dimension{height:20px;top:50%;bottom:auto;transform:translateY(-50%)}.route-conductor-diagram__offset-dimension>.h2-quoted-dimension-input{position:absolute;top:0}.route-conductor-diagram__offset-dimension--start>.h2-quoted-dimension-input{right:0}.route-conductor-diagram__offset-dimension--end>.h2-quoted-dimension-input{left:0}.route-conductor-diagram__cover[open]>.route-conductor-diagram__cover-heading{padding-top:8px}.route-conductor-diagram__shell--top>span{padding:0}.route-twisting-drawing{--diagram-left-column:max-content;--diagram-right-column:max-content;--diagram-content-start:116px;--diagram-content-end:116px;padding-block:24px}.route-twisting-drawing .route-wire-lanes__row{grid-template-columns:108px minmax(0,1fr) 108px}.route-wire-lanes__select{cursor:pointer;border-radius:var(--r-sm);background:0 0;border:0;padding:0;display:inline-flex}.route-wire-lanes__select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.route-wire-lanes__select>*{pointer-events:none}.route-section-workshop__twisting-details{flex-direction:column;flex:1;min-height:200px;display:flex}.route-section-workshop__twisting-details>.route-twisting-drawing{margin-block:auto}.route-wire-lanes__hover{transition:stroke .12s ease-out}.route-wire-lanes__wires g[data-hovered]>.route-wire-lanes__hover{stroke:color-mix(in srgb, var(--accent) 30%, transparent)}.route-wire-lanes__select[data-hovered]{box-shadow:0 0 0 2px color-mix(in srgb, var(--accent) 45%, transparent)}.route-twisting-drawing .route-wire-lanes__info{flex-wrap:nowrap;justify-content:flex-start}.route-twisting-drawing .route-wire-lanes__metric{min-width:0;max-width:min(180px,45%)}
