.port-pane{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:6}
.port-marker{position:absolute;display:grid;place-items:center;min-width:34px;min-height:34px;padding:0;border:0;border-radius:0;transform:translate(-50%,-50%);background:transparent;color:inherit;box-shadow:none;text-shadow:none;font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:25px;line-height:1;cursor:pointer;pointer-events:auto;appearance:none}
.port-marker.public{background:transparent;border:0}
.port-marker.closed{filter:grayscale(.85);opacity:.68}
.port-marker:hover,.port-marker:focus-visible{transform:translate(-50%,-50%) scale(1.16);outline:2px solid #f2dd9c;outline-offset:2px}
.port-marker span{position:absolute;top:37px;max-width:150px;padding:2px 6px;border-radius:4px;background:rgba(7,20,24,.9);color:#eef5f0;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.port-icon{color:#d9bd72}