/* _content/Cosmoz3.UI.Web/Views/Labs/RuleExplorer.cshtml.rz.scp.css */
main[b-5t5vy9bnwr] {
    display: flex;
    flex-direction: row;
    margin: -8px;
}

section[b-5t5vy9bnwr] {
    height: calc(100vh - 58px);
    overflow: auto;
}

section.nodes[b-5t5vy9bnwr] {
    flex: 0 0 calc(100% / 3);
    box-shadow: 6px 0 6px rgba(0, 0, 0, 0.2);
    padding: 0 8px;
}

section.hooks[b-5t5vy9bnwr] {
    flex: 0 0 calc(100% * 2 / 3);
}

.searchbar[b-5t5vy9bnwr] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.searchbar input[b-5t5vy9bnwr] {
    font-size: 16px;
    flex-basis: 250px;
}

ol[b-5t5vy9bnwr] {
    list-style-type: none;
}

ol.tree[b-5t5vy9bnwr] {
    padding-left: 0;
    overflow: auto;
    max-height: calc(100% - 114px);
}

ol li[b-5t5vy9bnwr] {
    padding: 4px;
    user-select: none;
    white-space: nowrap;
    font-size: 16px;
}

ol li>a[b-5t5vy9bnwr] {
    cursor: pointer;
    white-space: nowrap;
    position: relative;
}

ol li > a.selected[b-5t5vy9bnwr]:after {
    display: inline-block;
    position: absolute;
    width: 12px;
    height: 24px;
    content: ' ';
    border-width: 0 4px 4px 0;
    border-color: green;
    border-style: solid;
    transform: translate(12px, 0) rotate(45deg);
}

ol li>button[b-5t5vy9bnwr] {
    border-radius: 4px;
    width: 32px;
    height: 32px;
}

.selectbar[b-5t5vy9bnwr] {
    display: flex;
    justify-content: stretch;
    align-items: stretch;
    box-shadow: 0 6px 6px rgba(0, 0, 0, 0.2);
    padding: 8px;
    z-index: 1;
    position: relative;
}

select[b-5t5vy9bnwr] {
    width: 100%;
    font-size: 16px;
    padding: 4px;
}

#rulesForHookAndNode[b-5t5vy9bnwr] {
    overflow: auto;
    max-height: calc(100% - 49px);
}

.card[b-5t5vy9bnwr] {
    border-left: 6px solid cadetblue;
    margin: 8px auto;
    max-width: 800px;
}

.card.inactive[b-5t5vy9bnwr] {
    filter: brightness(0.8) opacity(0.5);
    pointer-events: none;
}