html,
        body {
            height: 100%;
            margin: 0;
        }

        #controls {
            padding: 1rem;
            background-color: #f5f5f5;
            display: flex;
            flex-wrap: wrap;
            gap: 1rem;
            align-items: center;
        }

        #network {
            flex: 1 1 auto;
            height: calc(100vh - 220px);
            /* override any fixed height */
            /* Adjust this value if header size changes */
            border: 1px solid lightgray;
        }

        .legend-item {
            display: flex;
            align-items: center;
            gap: 0.5rem;
        }

        .color-box {
            width: 16px;
            height: 16px;
            display: inline-block;
            border: 1px solid #000;
        }

        .cursor-move {
            cursor: move;
        }

        /* .container-fluid { */
            /* flex: 1 1 auto;
            display: flex;
            flex-direction: column; */
        /* } */