.erc-scrollable-hide{scrollbar-width:none;-ms-overflow-style:none}.erc-scrollable-hide::-webkit-scrollbar{display:none}.scrollbar-hide{scrollbar-width:none;-ms-overflow-style:none}.scrollbar-hide::-webkit-scrollbar{display:none}.react-flow__background{background-color:var(--gray-100)}.react-flow__selection{background-color:var(--purple-perfect);opacity:.1;border:1px dashed var(--purple-perfect);border-radius:var(--radius-sm)}.react-flow__nodesselection-rect{visibility:hidden}.edge-label-container{overflow:visible;pointer-events:all}.edge-label{font-size:12px;text-align:center;cursor:move;-webkit-user-select:none;-moz-user-select:none;user-select:none;display:inline-block;color:var(--edge-text-label);position:relative;z-index:10;white-space:nowrap;width:100%;height:100%;box-sizing:border-box}.device-node{background-color:var(--default-device-background);border:1px solid var(--default-device-border);border-radius:3px;font-size:.75rem;color:var(--default-device-text-color);position:absolute;padding:0;z-index:1;inset:0}.device-node-island-break:after,.device-node-island-break:before{content:"";position:absolute;left:-1px;width:calc(100% + 3px);height:6px;pointer-events:none;z-index:3;background-image:repeating-linear-gradient(-55deg,transparent 0 6px,var(--default-device-border) 6px 8px,transparent 8px 14px)}.device-node-island-break:before{top:-3px}.device-node-island-break:after{bottom:-3px}.device-node.selected{z-index:2;box-shadow:0 0 8px var(--purple-perfect)}.device-node.selected.highlighted{animation:highlight-box-shadow-fade 1.5s forwards}.harness-port-node.selected{z-index:2}.harness-port-node.selected svg{filter:drop-shadow(0 0 3px var(--purple-perfect))}.harness-port-node.selected.highlighted svg{animation:harness-svg-highlight-fade 1.5s forwards}@keyframes harness-svg-highlight-fade{0%{filter:drop-shadow(0 0 10px var(--purple-perfect))}to{filter:drop-shadow(0 0 3px var(--purple-perfect))}}.harness-route-node.selected .harness-route-circle{box-shadow:0 0 8px var(--purple-perfect)}.harness-route-node.selected.highlighted .harness-route-circle{animation:harness-route-highlight-fade 1.5s forwards}@keyframes harness-route-highlight-fade{0%{box-shadow:0 0 12px var(--purple-perfect)}to{box-shadow:0 0 8px var(--purple-perfect)}}.device-node .label{pointer-events:all;position:relative;z-index:10;color:var(--default-device-text-color)}.symbol-device{border:none;background-color:transparent}.symbol-device-handle{background-color:var(--pg-4);display:block;width:10px;height:10px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;cursor:crosshair;transition:opacity .2s,width .2s,height .2s}.symbol-device-handle:hover{opacity:.5;width:10px;height:10px}.ghost-node{position:relative;display:block;min-width:.8rem;min-height:.8rem;border-radius:50%;background-color:rgb(116,116,116);opacity:0;cursor:move;transition:opacity .1s ease-in-out;transform:translate(-50%,-50%);z-index:1000}.ghost-node.selected,.ghost-node:hover{opacity:.4;cursor:grab}.ghost-node-inner{position:absolute;top:-3.5px;left:-3.5px;width:7px;height:7px;border-radius:50%;background-color:var(--pg-2);border:1px solid #202020;z-index:999}.edge-source-target-circle{opacity:0;transition:opacity .1s ease-in-out;pointer-events:all;stroke:black;fill:black}.edge-source-target-circle:hover{opacity:.4;cursor:grab}.pin-reorder-warning{position:absolute;bottom:-22px;left:0;background-color:transparent;color:#f97316;border-radius:4px;padding:4px 0;font-size:8px;font-weight:400;display:flex;align-items:center;gap:4px;z-index:1000;white-space:nowrap;pointer-events:none}.pin-reorder-warning svg{flex-shrink:0;color:#f97316}.react-flow__node-spliceNode{background-color:var(--default-device-background);border:1px solid var(--default-device-border);border-radius:3px;font-size:.75rem;color:var(--default-device-text-color);position:absolute;padding:0;z-index:1;inset:0;cursor:grab;width:19px;height:19px}.react-flow__node-spliceNode:hover{filter:brightness(1.2)}.splice-node.selected{box-shadow:0 0 8px var(--purple-perfect)}.splice-node.selected.highlighted{animation:highlight-box-shadow-fade 2s forwards}@keyframes highlight-box-shadow-fade{0%{box-shadow:0 0 5px 10px var(--purple-perfect)}to{box-shadow:0 0 8px var(--purple-perfect)}}@keyframes portPinFadeOut{0%{opacity:.4}to{opacity:0}}.splice-node-handle{background:var(--pg-3);border:1px solid var(--default-device-border);border-radius:2px}.react-flow__edge-textbg{fill:transparent;stroke:none}.react-flow__edge-text{fill:var(--insulation-text-label);stroke:var(--grid-background);stroke-opacity:.9;stroke-width:4px;paint-order:stroke fill;font-family:monospace;font-size:12px}.react-flow__edge{stroke:var(--default-edge-color)}.react-flow__edge-path{stroke:var(--edge-line);stroke-width:var(--edge-width)}.react-flow__edge:hover .react-flow__edge-path{filter:drop-shadow(0 0 3px var(--edge-hover))}.base-edge.selected,.bundled-edge.selected,.harness-edge.selected{filter:drop-shadow(0 0 3px var(--edge-selected))}.react-flow__edgeupdater{fill:transparent;transition:fill .2s ease-in-out}.react-flow__edgeupdater:hover{fill:color-mix(in srgb,var(--edge-hover) 20%,transparent)}.insulation-label{background-color:transparent;font-family:monospace;font-size:12px;text-align:center;padding:0 4px;line-height:2;height:auto;color:var(--insulation-text-label)}.insulation-label-text{font-size:10px!important}.react-flow__edge-text.shield-label{fill:#AAAAAA!important}.insulation-label-right{text-align:right}.insulation-label-left{text-align:left}.react-flow__controls{background:var(--panel-background);border-radius:var(--radius);box-shadow:0 2px 4px rgba(0,0,0,.1);position:absolute}.react-flow__controls-button{background:var(--panel-background)!important;color:var(--text-default)!important;fill:var(--text-default)!important;border-color:var(--input-border)}.react-flow__controls-button:hover{background:var(--hover-background)!important;color:var(--text-hover)!important;fill:var(--text-hover)!important}.react-flow__controls-button svg{fill:currentColor}.react-flow__controls-button:disabled{color:var(--disabled-text)!important;fill:var(--disabled-text)!important;cursor:not-allowed}.custom-controls-container{position:absolute;bottom:10px;left:10px;display:flex;background:rgba(65,65,65,.9);backdrop-filter:blur(8px);border-radius:10px;width:28px;height:28px;overflow:hidden}.custom-controls-container .react-flow__controls-button{display:flex;align-items:center;justify-content:center;padding:4px;width:28px;height:28px;background:transparent!important}.custom-controls-container .react-flow__controls-button svg{fill:none;stroke:var(--text-muted);width:24px!important;height:24px!important}.custom-controls-container .react-flow__controls-button:hover{background:var(--hover-background)!important}.react-flow__node-connectorNode{display:flex;flex-direction:column}.connector-node{display:flex;flex-direction:row;align-items:flex-start;position:relative;min-width:50px;min-height:20px;border-radius:1rem}.connector-node.selected{box-shadow:0 0 8px var(--purple-perfect)}.connector-node.selected.highlighted{animation:highlight-box-shadow-fade 2s forwards}.connector-controls{position:absolute;top:-20px;left:2px;display:flex;gap:2px}.connector-select-btn,.connector-toggle-btn,.connector-unmate-btn{width:14px;background:transparent;border:none;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--default-device-text-color);opacity:0;transition:opacity .2s}.connector-node:hover .connector-select-btn,.connector-node:hover .connector-toggle-btn,.connector-node:hover .connector-unmate-btn{opacity:1}.harness-port-toggle-btn{width:14px;height:14px;padding:2px;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#fdfdfd;opacity:0;transition:opacity .2s;z-index:10;pointer-events:all}.harness-port-node:hover .harness-port-toggle-btn{opacity:1}.connector-resize-control{position:absolute;top:100%;right:0;transform:translateX(0);margin-top:2px;width:24px;height:10px;background:var(--gray-1);border:.5px solid var(--default-device-border);border-radius:4px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;opacity:0;transition:opacity .2s;color:var(--gray-4);z-index:10;gap:2px}.connector-resize-control svg{width:8px;height:8px;flex-shrink:0}.connector-node:hover .connector-resize-control{opacity:1}.node-resizer{position:absolute;display:block;width:-moz-fit-content;width:fit-content;height:-moz-fit-content;height:fit-content;cursor:nwse-resize;opacity:0;transition:opacity .1s ease-in-out}.node-resizer:hover{opacity:.5}.react-flow__node-connectorNode .port-table{position:relative;left:0;right:0;top:0!important}.react-flow__node-connectorNode.selected .port-table{box-shadow:0 0 8px var(--port-selected-color)}.react-flow__node-deviceNode{border-radius:3px}.react-flow__node-deviceNode .port-table{transform:translateY(-1px)}.device-label{color:var(--default-device-text-color)}.device-label.device-label-part-name{color:var(--gray-4)}.text-node{color:var(--default-device-text-color);cursor:grab}.text-node ol[data-list-marker=auto],.text-node ul[data-list-marker=auto]{list-style-position:outside;padding-inline-start:1.1em}.text-node ol[data-list-marker=auto]{list-style-type:decimal}.text-node li ol[data-list-marker=auto]{list-style-type:lower-alpha}.text-node li li ol[data-list-marker=auto]{list-style-type:lower-roman}.text-node ul[data-list-marker=auto]{list-style-type:disc}.text-node li ul[data-list-marker=auto]{list-style-type:circle}.text-node li li ul[data-list-marker=auto]{list-style-type:square}.text-node ol[data-list-marker=auto]>li::marker,.text-node ul[data-list-marker=auto]>li::marker{color:var(--marker-color);font-size:var(--marker-font-size);font-weight:var(--marker-font-weight);font-style:var(--marker-font-style);font-family:var(--marker-font-family)}.react-flow__node-bundleNode{display:flex;justify-content:center;align-items:center;overflow:visible;background:transparent;border:none;box-shadow:none}.bundle-node-container{position:relative;display:flex;flex-direction:column;align-items:center;cursor:move}.bundle-node-container .selected{box-shadow:0 0 8px var(--purple-perfect)}.bundle-controls{position:absolute;top:-20px;left:4px;right:0;height:16px}.bundle-toggle-btn{left:50%;transform:translateX(-50%);width:14px;padding:2px}.bundle-disconnect-btn,.bundle-select-btn,.bundle-toggle-btn{position:absolute;background:transparent;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--default-device-text-color);opacity:0;transition:opacity .2s}.bundle-disconnect-btn,.bundle-select-btn{width:24px;height:24px;padding:6px}.bundle-controls.selection-left .bundle-disconnect-btn{left:50%;transform:translateX(4px)}.bundle-controls.selection-right .bundle-disconnect-btn{left:50%;transform:translateX(calc(-100% - 4px))}.bundle-node-container:hover .bundle-disconnect-btn,.bundle-node-container:hover .bundle-select-btn,.bundle-node-container:hover .bundle-toggle-btn{opacity:1}.react-flow__handle{position:absolute;pointer-events:none;min-width:5px;min-height:5px;width:6px;height:6px;background:#1a192b;border:1px solid white;border-radius:100%}.react-flow__handle.connectionindicator{pointer-events:all;cursor:crosshair}.react-flow__handle-top{top:0;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-bottom{top:100%;left:50%;transform:translate(-50%,-50%)}.react-flow__handle-left{top:50%;left:0;transform:translate(-50%,-50%)}.react-flow__handle-right{top:50%;right:0;transform:translate(50%,-50%)}.react-flow__node-bundleNode .react-flow__handle{opacity:0;visibility:visible;position:absolute;pointer-events:none;width:8px;height:8px;border:none;background:transparent}.react-flow__node-bundleNode .react-flow__handle-left{left:4px;top:50%;transform:translateY(-50%)}.react-flow__node-bundleNode .react-flow__handle-right{right:4px;top:50%;transform:translateY(-50%)}.diagram-panes-container{right:10px;flex-direction:row-reverse}.diagram-panes-container,.diagram-panes-container-left{position:absolute;top:10px;bottom:10px;display:flex;gap:20px;pointer-events:none;z-index:50;align-items:flex-start}.diagram-panes-container-left{left:10px;flex-direction:row}.diagram-pane{width:-moz-fit-content;width:fit-content;min-width:300px;height:100%;min-height:100%;max-height:100%;pointer-events:auto;backdrop-filter:blur(8px);border-radius:10px;background:rgba(65,65,65,.9);box-shadow:0 0 10px 3px rgba(0,0,0,.5);display:flex;flex-direction:column;flex-shrink:0}.properties-pane{max-width:900px}.diagram-pane.collapsed{width:140px;min-width:140px;max-width:140px;height:40px;min-height:40px;max-height:40px;overflow:hidden}.pane-resize-handle{left:0}.pane-resize-handle,.pane-resize-handle-right{position:absolute;top:0;bottom:0;width:6px;cursor:col-resize;z-index:10;background-color:transparent}.pane-resize-handle-right{right:0}.search-pane{max-width:700px;height:auto;min-height:auto;max-height:calc(100% - 37px)}.search-pane.collapsed{width:-moz-fit-content!important;width:fit-content!important;min-width:0!important;max-width:none!important}.bom-reference-link{color:var(--link-color);text-decoration:none;cursor:pointer}.bom-reference-link:hover{color:var(--link-hover-color);text-decoration:underline}.port-table{position:absolute;background:var(--port-background);border:1px solid var(--port-border-color);border-radius:var(--port-border-radius);min-width:80px;width:-moz-fit-content;width:fit-content}.port-table.selected{box-shadow:0 0 8px var(--port-selected-color)}.port-table.selected.highlighted{animation:highlight-box-shadow-fade 2s forwards}.port-resizer{position:absolute;width:6px;top:0;bottom:0;z-index:20;cursor:ew-resize;touch-action:none}.port-header{font-family:var(--font-sans);font-size:10px;display:flex;align-items:center;justify-content:center;padding:0 5px;height:19px;line-height:19px;border-bottom:.5px solid var(--port-border-color);cursor:grab;color:var(--default-device-text-color);white-space:nowrap;overflow:clip;position:relative;border-radius:var(--port-header-border-radius) var(--port-header-border-radius) 0 0}@keyframes enablePointerEvents{0%{pointer-events:none}to{pointer-events:auto;cursor:pointer}}.react-flow__node-ghostNode{border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:1;width:6px;height:6px;cursor:move;z-index:10}.react-flow__node-ghostNode .react-flow__handle{opacity:0;pointer-events:none}.react-flow__node-ghostNode .react-flow__handle-right{right:115%;cursor:move}.react-flow__node-ghostNode .react-flow__handle-left{left:115%;cursor:move}.react-flow__node-ghostNode:has(.ghost-node-hidden){pointer-events:none!important;cursor:default!important}.react-flow__node-ghostNode:has(.ghost-node-hidden) .react-flow__handle{cursor:default!important}.arrow-node-handle{width:.7rem;height:.7rem;background-color:var(--pg-1);border:1px solid var(--default-device-border);border-radius:50%;cursor:ew-resize;opacity:.7;transition:opacity .2s ease-out .5s;box-shadow:0 0 8px var(--purple-perfect)}.react-flow__node-textNode{pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.react-flow__node{outline:none}.resize-control-text-node{background:var(--background);pointer-events:all;width:8px;height:8px}.selection-box{position:absolute;display:block;z-index:100000;background-color:rgba(139,0,231,.1);overflow:hidden;border-radius:var(--radius-sm)}.page-node{pointer-events:all;padding:.2rem;pointer-events:none}.page-node,.page-node__inner{display:block;position:relative;width:100%;height:100%}.page-node__inner{border:2px solid rgb(0,0,0);color:rgb(0,0,0);opacity:.1;transition:opacity .5s}.page-node__block{position:absolute;bottom:-1px;right:-1px;border:1px solid rgba(0,0,0,.3);border-right:none;border-bottom:none;color:inherit;min-width:12rem;font-size:10px}.page-node__row{display:flex;flex-direction:row;gap:.5rem;width:100%;border-bottom:1px solid rgb(0,0,0);border-color:inherit;color:inherit}.page-node__cell{border-right:1px solid rgb(0,0,0);border-color:inherit;padding:.1rem 1rem .1rem .3rem;font-family:monospace;white-space:nowrap}.page-node__cell.last{border-right:none;font-family:monospace}.page-node__row.comments-row{contain:inline-size}.page-node__cell.comments-cell{white-space:pre-line;overflow-wrap:break-word;min-width:0}.page-node__row:last-child{border-bottom:none;font-family:monospace}.export-properties__page-row{background-color:rgb(148,64,181);border-radius:.2rem;padding:.2rem;margin:.2rem;cursor:pointer;opacity:.5}.export-properties__page-row.selected{opacity:1}.selection-overlay-label{-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:x-small}.selection-overlay-checkbox{transform:scale(.7)}.selection-overlay-header{display:flex;align-items:center;justify-content:space-between;padding:.25rem;background-color:var(--panel-background);border-bottom:1px solid var(--panel-border);cursor:pointer;transition:background-color .2s ease,opacity .2s ease}.selection-overlay-header:hover{background-color:var(--hover-background)}.selection-overlay{position:absolute;top:1rem;right:1rem;background-color:var(--panel-background);border-radius:var(--radius-sm);border:1px solid var(--panel-border);overflow:hidden;z-index:50;opacity:.3;transition:opacity .2s}.selection-overlay:hover{opacity:.8}.pin-table-container{z-index:1000000;width:-moz-fit-content;width:fit-content;display:inline-block;pointer-events:auto}.pin-table-parent-selected{box-shadow:0 0 8px var(--purple-perfect)}.pin-table{border-radius:var(--radius-sm)}.pin-table td,.pin-table th{white-space:nowrap;padding:0;text-align:left;font-size:10px}.pin-table td{white-space:nowrap;padding:0 3px;text-align:center;font-size:10px;border-bottom:1px solid var(--panel-border);border-right:1px solid var(--panel-border);border-left:1px solid var(--panel-border)}.pin-table th{background-color:var(--port-header-background);padding:0 5px;border:1px solid var(--gray-5);text-align:center}.pin-table tbody{background-color:var(--grid-background);border-radius:var(--radius-sm)}.pin-table-cell-selected{background-color:lightgray}.pin-table-cell-top-border{border-top:2px solid black}.diagram-panes-container.both-collapsed{flex-direction:column;gap:10px;bottom:auto;height:auto;align-items:flex-end}.react-flow__node-groupNode{z-index:-1!important}.font-size-dropdown-scroll::-webkit-scrollbar{width:6px}.font-size-dropdown-scroll::-webkit-scrollbar-track{background:transparent}.font-size-dropdown-scroll::-webkit-scrollbar-thumb{background-color:var(--gray-5);border-radius:3px}.font-size-dropdown-scroll::-webkit-scrollbar-thumb:hover{background-color:var(--gray-4)}.search-pane button:focus,.search-pane button:focus-visible{outline:none!important;box-shadow:none!important}.search-pane button{transition:background-color .1s,color .1s,opacity .1s,transform .1s!important;outline:none!important}.checkbox-gray{appearance:none;-webkit-appearance:none;-moz-appearance:none;position:relative;border-radius:2px;border:1.5px solid var(--gray-4);background-color:var(--gray-6);cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.checkbox-gray:hover:not(:disabled){border-color:var(--gray-4);background-color:var(--gray-5)}.checkbox-gray:checked{background-color:var(--gray-3);border-color:var(--gray-3)}.checkbox-gray:checked:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:4px;height:7px;border:solid var(--gray-7);border-width:0 2px 2px 0}.checkbox-gray:disabled{opacity:.5;cursor:not-allowed;background-color:var(--gray-7);border-color:var(--gray-4)}.checkbox-gray:disabled:checked{background-color:var(--gray-5)}.split-edge-label{background-color:var(--background);border-width:1px;border-style:solid;border-radius:2px;padding-left:2px;padding-right:2px}.grey-hatch-stripes-sm{background-image:repeating-linear-gradient(45deg,rgba(255,255,255,0),rgba(90,90,90,.2) 1px,transparent 0,transparent 6px)}.net-properties-error{color:var(--destructive);font-size:.75rem;margin-top:.25rem}.net-properties-container{height:100%;display:flex;flex-direction:column;gap:.25rem}.net-properties-title{font-size:.875rem;font-weight:500;margin-bottom:.25rem}.net-properties-header{display:flex;align-items:center;font-size:.75rem;color:var(--text-muted);padding-left:.25rem;padding-right:.25rem}.net-properties-id-col{flex:2;margin-right:.25rem}.net-properties-name-col{flex:3}.net-properties-list{display:flex;flex-direction:column;gap:.25rem}.border-panel{border:1px solid var(--panel-border)}.net-properties-row{display:flex;align-items:center;padding:.1rem .5rem;border-radius:.25rem;outline:1px solid var(--gray-5);transition:outline-color .15s ease;cursor:pointer}.net-properties-row:hover{outline-color:var(--gray-4)}.net-properties-row.keyboard-selected,.net-properties-row:focus,.net-properties-row:focus-visible{outline:1px solid var(--gray-4);outline-offset:0}.net-properties-row.selected{outline:1px solid var(--gray-3);font-weight:500}.net-properties-id{flex:2;margin-right:.25rem;font-size:.75rem;font-family:monospace}.net-properties-name{flex:3;font-size:.75rem;display:flex;align-items:center}.net-properties-name>div{width:-moz-fit-content;width:fit-content;min-height:1.5rem;display:flex;align-items:center;padding:0;border-radius:.25rem;transition:all .1s ease;cursor:text}.net-properties-name>div:not(.editing):hover{outline:1px solid var(--input-border);background-color:var(--hover-background)}.net-properties-name-input{height:1.5rem;font-size:.75rem;min-height:unset;line-height:normal;width:100%;padding-left:0}.bundle-message-container{background-color:var(--gray-6);padding:.4rem;border-radius:.375rem}.bundle-message-container span{font-size:.75rem;font-style:italic;color:var(--gray-3);padding:.15rem .25rem;border-radius:.375rem}.bundle-input{margin-bottom:.75rem}.bundle-header{font-size:.75rem;font-weight:500;color:var(--bundle-header-color);margin-bottom:.5rem;border-bottom:1px solid var(--bundle-border);padding-bottom:.25rem}.bundle-list{border-left:2px solid var(--bundle-border);padding-left:.5rem}.effect-slider{--slider-thumb-size:12px;--slider-thumb-color:var(--purple-light);--slider-thumb-border:1.5px solid var(--gray-1);--slider-thumb-shadow:0 1px 3px rgba(0,0,0,0.35);--slider-thumb-shadow-hover:0 2px 6px rgba(0,0,0,0.5);-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:4px;border-radius:9999px;cursor:pointer;background:linear-gradient(to right,var(--purple-light) 0,var(--purple-light) var(--fill,50%),var(--gray-5) var(--fill,50%),var(--gray-5) 100%);outline:none}.effect-slider:disabled{cursor:not-allowed;opacity:.5}.effect-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;height:var(--slider-thumb-size);width:var(--slider-thumb-size);border-radius:50%;background:var(--slider-thumb-color);border:var(--slider-thumb-border);box-shadow:var(--slider-thumb-shadow);cursor:grab;-webkit-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease}.effect-slider::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--slider-thumb-shadow-hover)}.effect-slider:active::-webkit-slider-thumb{cursor:grabbing}.effect-slider::-moz-range-thumb{height:var(--slider-thumb-size);width:var(--slider-thumb-size);border-radius:50%;background:var(--slider-thumb-color);border:var(--slider-thumb-border);box-shadow:var(--slider-thumb-shadow);cursor:grab;-moz-transition:transform .12s ease,box-shadow .12s ease;transition:transform .12s ease,box-shadow .12s ease}.effect-slider::-moz-range-thumb:hover{transform:scale(1.15);box-shadow:var(--slider-thumb-shadow-hover)}.effect-slider:active::-moz-range-thumb{cursor:grabbing}.effect-slider::-moz-range-track{background:transparent}.pinout-port-list{display:flex;flex-direction:column;gap:.125rem}.property-section-header{display:flex;align-items:center;gap:.625rem;white-space:nowrap}.property-section-header:after,.property-section-header:before{content:"";flex:1 1 0;height:1px;background-color:rgba(255,255,255,.25)}.pinout-port-section{display:flex;flex-direction:column;gap:.25rem}.pinout-port-header{display:flex;align-items:center;justify-content:space-between;gap:.25rem;padding:.25rem;border-radius:.375rem;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-size:12px;color:var(--text-muted);background:transparent;border:none}.pinout-port-header:hover{background-color:var(--hover-background)}.pinout-port-header:hover .pinout-port-header-title-text{color:var(--text)}.pinout-port-header-title{display:flex;align-items:center;gap:.25rem;min-width:0}.pinout-port-header-title-text{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .1s ease}.pinout-port-header-title-name{color:var(--text);margin-left:.25rem}.pinout-port-header-title-function{color:var(--text-muted);margin-left:.4rem;opacity:.8}.pinout-port-header-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.pinout-port-header-action-btn{display:inline-flex;align-items:center;justify-content:center;padding:.125rem;border-radius:.25rem;color:var(--text-muted)}.pinout-port-header-action-btn:hover{color:var(--text);background-color:var(--hover-background)}.pinout-port-header-defaults-btn{text-transform:none;letter-spacing:0;font-style:italic;font-weight:500;font-size:10px;color:var(--text-muted);white-space:nowrap}.pinout-port-header-defaults-btn:hover{color:var(--text);text-decoration:underline}.pinout-port-header-defaults-btn:disabled{opacity:.5;cursor:not-allowed}.pinout-pin-grid-wrapper{--pinout-border-color:var(--gray-4);--pinout-header-h:4rem;--pinout-subport-w:2rem;border:1px solid var(--pinout-border-color);border-radius:.375rem;overflow:hidden;background-color:transparent;isolation:isolate;width:-moz-max-content;width:max-content;max-width:100%;margin-left:auto;margin-right:auto}.pinout-pin-grid{width:auto;border-collapse:collapse;font-size:10px;background-color:transparent}.pinout-pin-grid td,.pinout-pin-grid th{border-right:1px solid var(--pinout-border-color);border-bottom:1px solid var(--pinout-border-color);padding:0;vertical-align:middle}.pinout-pin-grid td:last-child,.pinout-pin-grid th:last-child{border-right:0}.pinout-pin-grid tbody tr:last-child td{border-bottom:0}.pinout-pin-grid thead tr{height:var(--pinout-header-h);background-color:transparent}.pinout-pin-grid thead th{vertical-align:bottom;padding:0 .375rem .25rem;font-size:10px;font-weight:500;font-style:italic;color:var(--text-muted);text-align:center;white-space:nowrap;background-color:transparent}.pinout-pin-grid thead th.pinout-col-pin{text-align:center;padding:0 .25rem .125rem;font-style:italic}.pinout-pin-grid thead th.pinout-col-function{text-align:center;padding:0 .5rem .125rem;font-style:italic}.pinout-pin-grid td.pinout-col-pn,.pinout-pin-grid thead th.pinout-col-pn{font-style:italic;text-align:center;min-width:var(--pinout-header-h);width:var(--pinout-header-h)}.pinout-pin-grid thead th.pinout-col-pn{padding:0 .375rem .125rem}.pinout-pin-grid td.pinout-col-pn{font-style:normal;padding:0 .25rem}.pinout-pin-grid thead .pinout-col-subport{position:relative;width:var(--pinout-subport-w);min-width:var(--pinout-subport-w);height:var(--pinout-header-h);padding:0!important;border-right:0!important;border-bottom:0!important;background:transparent;vertical-align:bottom;overflow:visible}.pinout-pin-grid thead .pinout-col-subport .pinout-subport-click-area,.pinout-pin-grid thead .pinout-col-subport:before{position:absolute;bottom:-.5px;left:-1.5px;width:calc(100% + 1.5px);height:calc(100% + 1.5px);box-sizing:border-box;background-color:transparent;transform:skewX(-45deg);transform-origin:0 100%}.pinout-pin-grid thead .pinout-col-subport:before{content:"";border-top:1px solid var(--pinout-border-color);border-bottom:1px solid var(--pinout-border-color);border-left:1.5px solid var(--pinout-border-color);pointer-events:none;z-index:0}.pinout-pin-grid thead .pinout-col-subport:has(+.pinout-col-pn):before{border-right:1.5px solid var(--pinout-border-color)}.pinout-pin-grid thead .pinout-col-subport .pinout-subport-click-area{cursor:text;z-index:2}.pinout-rotated-add-placeholder,.pinout-rotated-label,.pinout-subport-edit-input{position:absolute;bottom:.125rem;left:50%;transform-origin:0 100%;transform:translateX(.5rem) rotate(-45deg);white-space:nowrap;font-size:10px;font-weight:500;line-height:1;padding:0 .375rem 0 .125rem;z-index:1}.pinout-rotated-label{color:var(--text);font-style:normal;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pinout-rotated-label.pinout-rotated-placeholder{color:var(--text-muted);font-style:italic;opacity:.6}.pinout-rotated-add-placeholder{color:var(--text-muted);font-style:italic;opacity:.55;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;pointer-events:none}.pinout-subport-edit-input{width:auto!important;min-width:3rem;height:10px!important;min-height:10px!important;font-size:10px!important;font-weight:500!important;font-style:normal;line-height:1!important;color:var(--text)!important;background:transparent!important;border:none!important;border-radius:0!important;box-shadow:none!important;padding:0 .375rem 0 .125rem!important;margin:0!important;text-align:left;outline:none!important;z-index:20}.pinout-pin-grid tbody tr{height:1.5rem;cursor:pointer;transition:background-color .1s ease}.pinout-pin-grid tbody tr:hover{background-color:var(--hover-background)}.pinout-pin-grid tbody tr.pinout-pin-selected{background-color:var(--selection-background)}.pinout-pin-grid td.pinout-col-pin{text-align:center;font-weight:500;color:var(--text);padding:0 .25rem;white-space:nowrap;width:1%}.pinout-pin-grid td.pinout-col-function{text-align:center;color:var(--text);font-weight:600;padding:0 .5rem;white-space:nowrap;width:1%}.pinout-pin-grid td.pinout-col-subport{text-align:center;padding:0}.pinout-pin-grid tr.pinout-backshell-row td.pinout-backshell-label{opacity:.55;font-style:italic;font-weight:500;text-align:center}.pinout-pin-grid [data-cell-row][data-cell-col]:focus-visible{outline:2px solid var(--purple-light);outline-offset:1px;border-radius:2px}