div#ks-editor #force-graph-renderer {
    width: auto;
    overflow-x: hidden;
    flex-grow: 1;
}

div#ks-editor #sidepanel {
    /* resize: horizontal; */
    overflow: auto;
    min-width: 300px;
    max-width: 20%;
    height: inherit;
    margin: 0.3rem;
    margin-right: 0.3rem;
    margin-left: auto;
    padding: 0.25rem;
    float: right;

    background-color: white;
    border: 1px lightgrey solid;
    border-radius: 5px;

    overflow-y: auto;
}

div#ks-editor #sidepanel > * {
    margin: 0.25rem;
}

div#ks-editor #sidepanel ul.instructions li {
    border-radius: 4px;
    background-color: #eee;
    padding-left: 3px;
    padding-right: 2px;
}

div#ks-editor #content {
    display: flex;
}

div#ks-editor #box-select-layer {
    position: relative;
}

div#ks-editor #box-select {
    position: absolute;
    z-index: 300000;
    border-style: dotted;
    border-color: #3e74cc;
    border-width: 2px;
    background-color: rgba(255, 255, 255, 0.5);
    pointer-events: none;
}