.vlan-node-colors{display:grid;gap:7px;margin:12px 0 18px}.vlan-node-colors small{font-size:10px;line-height:1.6;color:var(--tone-7)}.vlan-colors-button{font-size:10px;padding:8px 10px}.vlan-colors-button .icon{width:13px;height:13px}#vlan-legend{max-width:none;margin:0 12px 12px;flex:none}#vlan-legend:empty{display:none}.vlan-legend{display:flex;flex-wrap:wrap;gap:7px 12px;border:1px solid var(--line);padding:10px 12px;border-radius:7px;background:var(--tone-1);max-height:155px;overflow:auto}.vlan-legend>span{display:flex;align-items:center;gap:6px;font:10px var(--mono);color:var(--tone-9);max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vlan-legend i{width:10px;height:10px;border-radius:3px;flex:none;border:1px solid #80808050}.vlan-legend small{flex-basis:100%;font-size:9px;color:var(--tone-7)}.vlan-legend button{font-size:10px;pointer-events:auto}.vlan-stripe{pointer-events:none}.edge.vlan-colored:where(:not(.selected):not(:hover)){stroke-width:var(--vlan-width,2)}.edges g.route-edge .edge.vlan-colored{stroke-width:3}.edges g.route-edge .vlan-stripe,.edges g:hover .vlan-stripe,.edges g:has(.edge.selected) .vlan-stripe{visibility:hidden}#modal:has(#vlan-colors-form){width:min(780px,95vw)}#vlan-color-rows{max-height:48vh;overflow:auto;padding:4px 2px;margin:15px 0}.vlan-color-row{display:grid;grid-template-columns:65px minmax(100px,1fr) 48px 100px 28px;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid var(--line)}.vlan-color-row .field{margin:0}.vlan-color-row .field span,.vlan-color-picker>span{font-size:10px;color:var(--tone-7);display:block;margin-bottom:7px}.vlan-color-row input{width:100%;padding:9px 7px;font-size:11px}.vlan-color-row input[type=color]{height:35px;padding:3px;cursor:pointer}.vlan-color-row>.icon-btn{margin-top:18px}.vlan-hex input{font-family:var(--mono)}@media(max-width:600px){.vlan-color-row{grid-template-columns:54px minmax(75px,1fr) 38px 28px;gap:5px}.vlan-color-row .vlan-hex{grid-row:2;grid-column:2/4}.vlan-color-row>.icon-btn{grid-column:4;grid-row:1}#vlan-legend{max-width:none}.vlan-legend>span{max-width:140px}}