svg[b-9729jb2jvq] {
    display: block;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
}



.loading[b-udxb5zux7n] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.categories[b-udxb5zux7n] {
    display: flex;
    gap: 6px;
}

.category[b-udxb5zux7n] {
    border-radius: 6px;
    border: 1px solid var(--border-color);
    text-align: center;
}

.category-name[b-udxb5zux7n] {
    display: flex;
    justify-content: space-between;
    font-weight: 500;
    font-size: 14px;
}

    .category-name div[b-udxb5zux7n] {
        display: flex;
        align-items: center;
        min-width: 18px;
    }

    .category-name div.move-control:hover[b-udxb5zux7n] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .category-name span[b-udxb5zux7n] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 6px 0;
    }

.category-controls[b-udxb5zux7n] {
    display: flex;
    border-top: 1px solid var(--border-color);
    font-size: 12px;
}

.category-controls div[b-udxb5zux7n] {
    display: flex;
    align-items: center;
    gap: 3px;
    padding: 6px;
    border-left: 1px solid var(--border-color);
}

    .category-controls div:first-child[b-udxb5zux7n] {
        border: none;
        border-bottom-left-radius: 6px;
    }

    .category-controls div:last-child[b-udxb5zux7n] {
        border-bottom-right-radius: 6px;
    }

    .category-controls.editable div:hover[b-udxb5zux7n] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .category-controls .delete:hover[b-udxb5zux7n] {
        color: var(--red-color);
    }

.box[b-mwtepcdewe] {
    display: grid;
    grid-template-columns: 10em 1fr;
    min-height: 4.5em;
    background-color: var(--bg-color);
    margin: 24px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    max-width: 70em;
}

    .box:hover[b-mwtepcdewe] {
        box-shadow: 0px 4px 10px 1px var(--double-shadow-color);
        cursor: pointer;
    }

.title[b-mwtepcdewe] {
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 12px;
    font-weight: 500;
    border-right: 1px solid var(--border-color);
}

.content[b-mwtepcdewe] {
    display: flex;
    align-items: center;
    padding: 6px 18px;
}

.loading[b-psz32e90kf] {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    padding-bottom: 20px;
}

.row[b-psz32e90kf] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-psz32e90kf] {
        border-top: none;
    }

    .row.expandable:hover[b-psz32e90kf] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.middle[b-psz32e90kf] {
        display: grid;
        grid-template-columns: 1.5fr 4fr auto;
    }

    .row.add[b-psz32e90kf] {
        justify-content: center;
    }

    .row.new[b-psz32e90kf] {
        border-top: none;
        justify-content: space-evenly;
        padding-bottom: 24px;
    }

.title.expanded[b-psz32e90kf] {
    font-size: 20px;
}

.expanded-content[b-psz32e90kf] {
    padding: 12px 24px 24px 24px;
}

.controls[b-psz32e90kf] {
    display: flex;
    justify-content: center;
    gap: 24px;
}

    .controls div[b-psz32e90kf] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
        border-radius: 12px;
    }

        .controls div:hover[b-psz32e90kf] {
            background-color: var(--hover-color);
        }

    .controls .delete:hover[b-psz32e90kf] {
        color: var(--red-color);
    }

.row-button[b-psz32e90kf] {
    display: flex;
    gap: 4px;
    cursor: pointer;
    padding: 0 6px;
}

.row.new .row-button[b-psz32e90kf] {
    border-radius: 9px;
    border: 1px solid var(--border-color);
    padding: 3px 24px;
    width: 80px;
    justify-content: center;
}

    .row.new .row-button:hover[b-psz32e90kf] {
        background-color: var(--hover-color);
    }

.minor-detail[b-psz32e90kf] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.row.spacer[b-psz32e90kf] {
    height: 0px;
}

input[type=text][b-v1s9k5yzst] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-v1s9k5yzst] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.file-table[b-v1s9k5yzst] {
    width: 100%;
    border-collapse: collapse;
}

.file-table th[b-v1s9k5yzst] {
    font-weight: 500;
}

.file-table tbody tr:nth-child(even)[b-v1s9k5yzst] {
    background-color: var(--offset-bg-color);
}

.sortable span[b-v1s9k5yzst] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-v1s9k5yzst] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.file-name[b-v1s9k5yzst] {
    font-weight: 500;
}

.button-col[b-v1s9k5yzst] {
    width: 1%;
    padding: 0 6px;
    white-space: nowrap;
}

.row-button[b-v1s9k5yzst] {
    display: flex;
    justify-content: center;
}

.row-button:hover[b-v1s9k5yzst] {
    cursor: pointer;
    color: var(--dim-text-color);
}

.delete:hover[b-v1s9k5yzst] {
    color: var(--red-color);
}

.edit-form[b-v1s9k5yzst] {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

.file-path-form[b-v1s9k5yzst] {
    display: flex;
    align-items: flex-end;
    gap: 3px;
    margin: 3px;
    border: 1px solid var(--border-color);
    width: fit-content;
    padding: 16px;
}

.file-path-form label span[b-v1s9k5yzst]{
    font-weight: 500;
}

.file-upload-form[b-v1s9k5yzst] {
    display: flex;
    align-items: center;
    gap: 12px;
    margin: 3px;
    border: 1px solid var(--border-color);
    width: fit-content;
    padding: 16px;
}

    .file-upload-form .button[b-v1s9k5yzst] {
        padding: 6px;
        border: 1px solid var(--border-color);
        border-radius: 12px;
        min-width: 100px;
        text-align: center;
        
        
    }

    .file-upload-form .button:hover[b-v1s9k5yzst] {
        cursor: pointer;
        background-color: var(--hover-color);
        box-shadow: none;
    }

.file-upload-info[b-v1s9k5yzst] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    min-width: 100px;
}

.container[b-voeujb1mul] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.box[b-voeujb1mul] {
    background-color: var(--bg-color);
    margin: 24px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    width: calc(100% - 2rem);
    min-width: 50%;
    max-width: 1200px;

}

.title[b-voeujb1mul] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.title-button[b-voeujb1mul] {
    position: absolute;
    margin-top: -12px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}

    .title-button:hover[b-voeujb1mul] {
        background-color: var(--hover-color);
    }

    .title-button.left[b-voeujb1mul] {
        left: 0px;
    }

    .title-button.right[b-voeujb1mul] {
        right: 0px;
    }

.content[b-voeujb1mul] {
    padding: 12px;
    overflow-x: auto;
}

.scripts-container[b-pvkl65aig7] {
    display: grid;
    gap: 24px;
}
@media (min-width: 800px) {
    .scripts-container[b-pvkl65aig7] {
        grid-template-columns: 200px 1fr;
    }
}

.script-types[b-pvkl65aig7] {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    box-shadow: 0px 0px 3px 1px var(--shadow-color);
}

.script-type[b-pvkl65aig7] {
    border-bottom: 1px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto;
}

    .script-type.selected[b-pvkl65aig7] {
        background-color: var(--selected-bg-color);
    }

.type-name:hover[b-pvkl65aig7] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.script-type:last-child[b-pvkl65aig7] {
    border-bottom: none;
}

    .script-type div[b-pvkl65aig7] {
        padding: 9px 12px;
    }

.script-delete:hover[b-pvkl65aig7] {
    color: var(--red-color);
    cursor: pointer;
}

.script-controls[b-pvkl65aig7] {
    display: flex;
    justify-content: space-evenly;
}

    .script-control[b-pvkl65aig7] {
        width: 100%;
        border-top: 1px solid var(--border-color);
        padding: 12px 0;
        display: flex;
        gap: 4px;
        justify-content: center;
        align-content: center;
        cursor: pointer;
        font-weight: 500;
    }

    .script-control:hover[b-pvkl65aig7] {
        background-color: var(--hover-color);
    }

        .script-control.disabled[b-pvkl65aig7] {
            background-color: var(--bg-color);
            color: var(--disabled-text-color);
            cursor: not-allowed;
        }
        
        .script-controls div:first-child[b-pvkl65aig7] {
            border-right: 1px solid var(--border-color);
        }

        .script-view[b-pvkl65aig7] {
            display: flex;
            flex-direction: column;
            box-shadow: 0px 0px 3px 1px var(--shadow-color);
            min-height: 300px;
        }

.script-files[b-pvkl65aig7] {
    display: flex;
    align-items: center;
}

.attach-file-button[b-pvkl65aig7] {
    display: flex;
    gap: 3px;
    padding: 6px 6px;
    border-right: 1px solid var(--border-color);
    margin-right: 6px;
}

.attach-file-button:hover[b-pvkl65aig7] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.attached-files[b-pvkl65aig7] {
    display: flex;
    gap: 6px;
}

.attached-file[b-pvkl65aig7] {
    display: flex;
    border: 1px solid var(--strong-border-color);
    border-radius: 6px;
    padding: 3px;
}

.attached-file span[b-pvkl65aig7] {
    padding: 0 3px;
}

.file-actions:hover[b-pvkl65aig7] {
    cursor: pointer;
    color: var(--strong-border-color);
}

.code-editor[b-pvkl65aig7] {
    border: none;
    height: 100%;
    white-space: nowrap;
    padding: 6px;
    background-color: #000000;
    color: #ffffff;
    font-family: var(--mono-fonts);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
    outline: none;
}

    .code-editor.powershell[b-pvkl65aig7] {
        color: #ffffff;
        background-color: #012456;
        text-shadow: 2px 2px 4px #000000;
    }

input[type=text][b-jfdtdojy9x] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-jfdtdojy9x] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.container[b-jfdtdojy9x] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

fieldset[b-jfdtdojy9x] {
    border: none;
    border-top: 1px solid var(--border-color);
    padding-top: 8px;
}

fieldset legend[b-jfdtdojy9x] {
    margin-left: 48px;
    padding: 0 18px;
    font-size: 16px;
}

.type-row[b-jfdtdojy9x] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    column-gap: 18px;
    padding: 6px 6px;
    pointer-events: none;
    border-radius: 6px;
}

    .type-row:hover[b-jfdtdojy9x] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.type-name[b-jfdtdojy9x] {
    font-weight: 500;
    white-space: nowrap;
    margin-right: 12px;
}

.row-button[b-jfdtdojy9x] {
    pointer-events: auto;
}

.row-button:hover[b-jfdtdojy9x] {
    cursor: pointer;
}

.red:hover[b-jfdtdojy9x] {
    color: var(--red-color);
}

.green:hover[b-jfdtdojy9x] {
    color: var(--green-color);
}

.edit-row[b-jfdtdojy9x] {
    display: grid;
    grid-template-columns: auto 1fr 4fr auto;
    align-items: center;
    column-gap: 18px;
    margin-top: 9px;
    padding: 15px 6px 6px 6px;
}

.entry[b-jfdtdojy9x] {
    display: flex;
    gap: 12px;
    flex-grow: 1;
}

.entry input[b-jfdtdojy9x] {
    width: 100%;
}

.entry span[b-jfdtdojy9x] {
    font-weight: 500;
}

.container[b-24j3vx4dqt] {
    display: flex;
    flex-direction: column;
    gap: 24px;
}

.stat .label[b-24j3vx4dqt] {
    font-weight: 500;
}

.stat .label[b-24j3vx4dqt]:after {
    content: ':';
}

.session-list[b-24j3vx4dqt] {
    border: 1px solid var(--border-color);
}

.session-list legend[b-24j3vx4dqt] {
    font-weight: 500;
}

.session-list .empty[b-24j3vx4dqt] {
    color: var(--disabled-text-color);
    padding: 6px 3px;
}

.session-list table[b-24j3vx4dqt] {
    width: 100%;
    border-collapse: collapse;
}

.session-list th[b-24j3vx4dqt], td[b-24j3vx4dqt] {
    padding: 6px 3px;
}

.session-list th[b-24j3vx4dqt] {
    font-weight: 500;
    text-align: left;
    width: 25%;
    border-bottom: 1px solid var(--border-color);
}

    .session-list tr:nth-child(2n)[b-24j3vx4dqt] {
        background-color: var(--offset-bg-color);
    }

    .session-list tr:last-child[b-24j3vx4dqt] {
        border-bottom: none;
    }

input[type=text][b-h7feesgs1j] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-h7feesgs1j] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-h7feesgs1j] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-h7feesgs1j]{
        border-top: none;
    }

    .row:hover[b-h7feesgs1j] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-h7feesgs1j] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-h7feesgs1j] {
    font-size: 20px;
}

.expanded-content[b-h7feesgs1j] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-h7feesgs1j] {
    padding: 0 24px 6px 24px;
}

.controls[b-h7feesgs1j] {
    display: flex;
    justify-content: center;
}

    .controls div[b-h7feesgs1j] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
    }

        .controls div:hover[b-h7feesgs1j] {
            background-color: var(--hover-color);
        }

    .controls .delete[b-h7feesgs1j] {
        border-left: none;
    }

        .controls .delete:hover[b-h7feesgs1j] {
            color: var(--red-color);
        }

.label-hr[b-h7feesgs1j] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    line-height: 24px;
    margin-bottom: -24px;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-h7feesgs1j] {
        padding: 0 8px;
    }

fieldset[b-h7feesgs1j] {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.fieldset-button[b-h7feesgs1j] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .fieldset-button:hover[b-h7feesgs1j] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.branch-table[b-h7feesgs1j], .channel-table[b-h7feesgs1j] {
    margin-top: 6px;
    width: 100%;
    border-collapse: collapse;
}

    .branch-table th[b-h7feesgs1j] {
        font-weight: 500;
        text-align: left;
        width: 99%;
    }

    .channel-table th[b-h7feesgs1j] {
        font-weight: 500;
        text-align: left;
        width: 50%;
    }

    .branch-table tbody tr:nth-child(even)[b-h7feesgs1j],
    .channel-table tbody tr:nth-child(even)[b-h7feesgs1j] {
        background-color: var(--offset-bg-color);
    }

.sortable span[b-h7feesgs1j], .non-sortable[b-h7feesgs1j] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-h7feesgs1j] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.button-col[b-h7feesgs1j] {
    width: 1%;
    padding: 0 6px;
    white-space: nowrap;
}

.row-button[b-h7feesgs1j] {
    display: flex;
    justify-content: center;
}

    .row-button:hover[b-h7feesgs1j] {
        cursor: pointer;
        color: var(--dim-text-color);
    }

.delete:hover[b-h7feesgs1j] {
    color: var(--red-color);
}

input[type=text][b-13u151bvnq] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-13u151bvnq] {
    display: flex;
    justify-content: center;
    padding: 20px;
}


.row[b-13u151bvnq] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-13u151bvnq]{
        border-top: none;
    }

    .row:hover[b-13u151bvnq] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.title.expanded[b-13u151bvnq] {
    font-size: 20px;
}

.expanded-content[b-13u151bvnq] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-13u151bvnq] {
    padding: 0 24px 6px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-selection[b-13u151bvnq] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-selection div[b-13u151bvnq] {
    display: flex;
    gap: 6px;
}

.controls[b-13u151bvnq] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.asset-role-controls[b-13u151bvnq] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.controls[b-13u151bvnq] {
    display: flex;
    justify-content: center;
}

    .controls div[b-13u151bvnq] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
    }

        .controls div:hover[b-13u151bvnq] {
            background-color: var(--hover-color);
        }

    .controls .delete[b-13u151bvnq] {
        border-left: none;
    }

        .controls .delete:hover[b-13u151bvnq] {
            color: var(--red-color);
        }

.minor-detail[b-13u151bvnq] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

    .minor-detail.expanded[b-13u151bvnq] {
        font-size: 16px;
    }

fieldset[b-13u151bvnq] {
    display: flex;
    gap: 6px;
    border: 1px solid var(--border-color);
    margin: 18px 0 18px 0;
}

.label-hr[b-13u151bvnq] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-13u151bvnq] {
        padding: 0 8px;
    }

.criteria[b-13u151bvnq] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: center;
    gap: 24px;
    pointer-events: none;
    padding: 3px;
    border-radius: 6px;
}

.criteria:hover[b-13u151bvnq] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.edit-button[b-13u151bvnq] {
    pointer-events: auto;
}

input[type=text][b-1b2z3un9x8] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    width: 200px;
}

.loading[b-1b2z3un9x8] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.account-table[b-1b2z3un9x8] {
    width: 100%;
    border-collapse: collapse;
}

.account-table th[b-1b2z3un9x8] {
    font-weight: 500;
}

.account-table tbody tr:nth-child(even)[b-1b2z3un9x8] {
    background-color: var(--offset-bg-color);
}

.sortable span[b-1b2z3un9x8], .non-sortable[b-1b2z3un9x8] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-1b2z3un9x8] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.button-col[b-1b2z3un9x8] {
    width: 1%;
    padding: 0 6px;
    white-space: nowrap;
}

.row-button[b-1b2z3un9x8] {
    display: flex;
    justify-content: center;
}

.row-button:hover[b-1b2z3un9x8] {
    cursor: pointer;
    color: var(--dim-text-color);
}

.delete:hover[b-1b2z3un9x8] {
    color: var(--red-color);
}

.edit-form[b-1b2z3un9x8] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

    .edit-form label[b-1b2z3un9x8] {
       display: flex;
       gap: 3px;
    }
        
        .edit-form label div[b-1b2z3un9x8] {
            display: flex;
            flex-direction: column;
            color: var(--dim-text-color);
            font-style: italic;
            font-size: 12px;
            align-items: center;
        }

input[type=text][b-sxsdpzkp20] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    width: 200px;
}

.loading[b-sxsdpzkp20] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.account-table[b-sxsdpzkp20] {
    width: 100%;
    border-collapse: collapse;
}

.account-table th[b-sxsdpzkp20] {
    font-weight: 500;
}

.account-table tbody tr:nth-child(even)[b-sxsdpzkp20] {
    background-color: var(--offset-bg-color);
}

.sortable span[b-sxsdpzkp20], .non-sortable[b-sxsdpzkp20] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-sxsdpzkp20] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.button-col[b-sxsdpzkp20] {
    width: 1%;
    padding: 0 6px;
    white-space: nowrap;
}

.row-button[b-sxsdpzkp20] {
    display: flex;
    justify-content: center;
}

.row-button:hover[b-sxsdpzkp20] {
    cursor: pointer;
    color: var(--dim-text-color);
}

.delete:hover[b-sxsdpzkp20] {
    color: var(--red-color);
}

.edit-form[b-sxsdpzkp20] {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: center;
    gap: 24px;
}

    .edit-form label[b-sxsdpzkp20] {
       display: flex;
       gap: 3px;
    }
        
        .edit-form label div[b-sxsdpzkp20] {
            display: flex;
            flex-direction: column;
            color: var(--dim-text-color);
            font-style: italic;
            font-size: 12px;
            align-items: center;
        }

input[type=text][b-spko0zzvbx] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-spko0zzvbx] {
    display: flex;
    justify-content: center;
    padding: 20px;
}


.row[b-spko0zzvbx] {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-spko0zzvbx] {
        border-top: none;
    }

    .row.expandable:hover[b-spko0zzvbx] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.add[b-spko0zzvbx] {
        justify-content: center;
    }

    .row.new[b-spko0zzvbx] {
        border-top: none;
        justify-content: space-evenly;
        padding-bottom: 24px;
    }

.title.expanded[b-spko0zzvbx] {
    font-size: 20px;
}

.expanded-content[b-spko0zzvbx] {
    padding: 12px 24px 24px 24px;
}

.new-content[b-spko0zzvbx] {
    padding: 0 24px 6px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.new-content label[b-spko0zzvbx] {
    display: flex;
    gap: 6px;
}

.controls[b-spko0zzvbx] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.asset-role-controls[b-spko0zzvbx] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.controls[b-spko0zzvbx] {
    display: flex;
    justify-content: center;
    gap: 24px;
}

    .controls div[b-spko0zzvbx] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
        border-radius: 12px;
    }

        .controls div:hover[b-spko0zzvbx] {
            background-color: var(--hover-color);
        }

    .controls .delete:hover[b-spko0zzvbx] {
        color: var(--red-color);
    }

.minor-detail[b-spko0zzvbx] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
    text-align: right;
    margin-right: 12px;
}

    .minor-detail.alert[b-spko0zzvbx] {
        display: flex;
        align-items: center;
        gap: 3px;
    }

input[type=text][b-q0mqpduqpo] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-q0mqpduqpo] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-q0mqpduqpo] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-q0mqpduqpo]{
        border-top: none;
    }

    .row:hover[b-q0mqpduqpo] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-q0mqpduqpo] {
        grid-template-columns: 1fr auto;
    }


.minor-detail[b-q0mqpduqpo] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.title.expanded[b-q0mqpduqpo] {
    font-size: 20px;
}

.expanded-content[b-q0mqpduqpo] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-q0mqpduqpo] {
    padding: 0 24px 6px 24px;
}

.expanded-header[b-q0mqpduqpo] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.channel-type[b-q0mqpduqpo] {
    color: var(--dim-text-color);
}

.controls[b-q0mqpduqpo] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
}

    .controls div[b-q0mqpduqpo] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
    }

        .controls div:hover[b-q0mqpduqpo] {
            background-color: var(--hover-color);
        }

    .controls .delete[b-q0mqpduqpo] {
        border-left: none;
    }

        .controls .delete:hover[b-q0mqpduqpo] {
            color: var(--red-color);
        }

.new-type-selector[b-q0mqpduqpo] {
    display: flex;
    gap: 6px;
}

input[type=text][b-woxgy136mt] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-woxgy136mt] {
    display: flex;
    justify-content: center;
    padding: 20px;
}


.row[b-woxgy136mt] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-woxgy136mt]{
        border-top: none;
    }

    .row:hover[b-woxgy136mt] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-woxgy136mt] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-woxgy136mt] {
    font-size: 20px;
}

.expanded-content[b-woxgy136mt] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-woxgy136mt] {
    padding: 0 24px 6px 24px;
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-selection[b-woxgy136mt] {
    display: flex;
    flex-direction: column;
    gap: 12px;
}

.field-selection div[b-woxgy136mt] {
    display: flex;
    gap: 6px;
}

.controls[b-woxgy136mt] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.asset-role-controls[b-woxgy136mt] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.controls[b-woxgy136mt] {
    display: flex;
    justify-content: center;
}

    .controls div[b-woxgy136mt] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
    }

        .controls div:hover[b-woxgy136mt] {
            background-color: var(--hover-color);
        }

    .controls .delete[b-woxgy136mt] {
        border-left: none;
    }

        .controls .delete:hover[b-woxgy136mt] {
            color: var(--red-color);
        }

.minor-detail[b-woxgy136mt] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

    .minor-detail.expanded[b-woxgy136mt] {
        font-size: 16px;
    }

fieldset[b-woxgy136mt] {
    display: flex;
    gap: 6px;
    border: 1px solid var(--border-color);
    margin: 18px 0 18px 0;
}

.label-hr[b-woxgy136mt] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-woxgy136mt] {
        padding: 0 8px;
    }

input[type=text][b-rc1o71tvuv] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

fieldset[b-rc1o71tvuv] {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

input[type=text][b-6z8421p9g0] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-6z8421p9g0] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.label-hr[b-6z8421p9g0] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    line-height: 24px;
    margin-bottom: -24px;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-6z8421p9g0] {
        padding: 0 8px;
    }

fieldset[b-6z8421p9g0] {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.fieldset-button[b-6z8421p9g0] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .fieldset-button:hover[b-6z8421p9g0] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.recipient-table[b-6z8421p9g0] {
    margin-top: 6px;
    width: 100%;
    border-collapse: collapse;
}

    .recipient-table th[b-6z8421p9g0] {
        font-weight: 500;
        text-align: left;
        width: 50%;
    }

    .recipient-table tbody tr:nth-child(even)[b-6z8421p9g0] {
        background-color: var(--offset-bg-color);
    }

.sortable span[b-6z8421p9g0], .non-sortable[b-6z8421p9g0] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-6z8421p9g0] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.button-col[b-6z8421p9g0] {
    width: 1%;
    padding: 0 6px;
    white-space: nowrap;
}

.row-button[b-6z8421p9g0] {
    display: flex;
    justify-content: center;
}

    .row-button:hover[b-6z8421p9g0] {
        cursor: pointer;
        color: var(--dim-text-color);
    }

.delete:hover[b-6z8421p9g0] {
    color: var(--red-color);
}

input[type=text][b-ndd62t260b] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

fieldset[b-ndd62t260b] {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.full-width[b-ndd62t260b] {
    flex-grow: 1;
}

input[type=text][b-t82fhbznle] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.editor-content[b-t82fhbznle] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-top: 12px;
}

fieldset[b-t82fhbznle] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid var(--border-color);
    gap: 6px;
}

.full-width[b-t82fhbznle] {
    flex-grow: 1;
}

.controls[b-t82fhbznle] {
    display: flex;
    gap: 18px;
}

.control[b-t82fhbznle] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    padding: 6px 12px;
    border-radius: 9px;
}

.control:hover[b-t82fhbznle] {
    cursor: pointer;
    background-color: var(--hover-color);
}

input[type=text][b-4qt51tz82s] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

fieldset[b-4qt51tz82s] {
    position: relative;
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.full-width[b-4qt51tz82s] {
    flex-grow: 1;
}

input[type=text][b-se65nina0j] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.editor-content[b-se65nina0j] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 18px;
    margin-top: 12px;
}

fieldset[b-se65nina0j] {
    position: relative;
    display: flex;
    flex-direction: row;
    width: 100%;
    border: 1px solid var(--border-color);
    gap: 6px;
}

.full-width[b-se65nina0j] {
    flex-grow: 1;
}

.controls[b-se65nina0j] {
    display: flex;
    gap: 18px;
}

.control[b-se65nina0j] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    padding: 6px 12px;
    border-radius: 9px;
}

.control:hover[b-se65nina0j] {
    cursor: pointer;
    background-color: var(--hover-color);
}

input[type=text][b-ehv9e0saxt] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-ehv9e0saxt] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-ehv9e0saxt] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-ehv9e0saxt]{
        border-top: none;
    }

    .row:hover[b-ehv9e0saxt] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-ehv9e0saxt] {
        grid-template-columns: 1fr 5fr auto;
    }

.title.expanded[b-ehv9e0saxt] {
    font-size: 20px;
}

.expanded-content[b-ehv9e0saxt] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-ehv9e0saxt] {
    padding: 0 24px 6px 24px;
}

.controls[b-ehv9e0saxt] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.control-group[b-ehv9e0saxt] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.category[b-ehv9e0saxt] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

.manual-toggle[b-ehv9e0saxt] {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 6px;
    border: 1px solid var(--border-color);
}

.control[b-ehv9e0saxt] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

    .control:hover[b-ehv9e0saxt] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .control.delete[b-ehv9e0saxt] {
        border-left: none;
    }

        .control.delete:hover[b-ehv9e0saxt] {
            color: var(--red-color);
        }

.minor-detail[b-ehv9e0saxt] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-ehv9e0saxt] {
    font-size: 16px;
}

fieldset[b-ehv9e0saxt] {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.script-header[b-ehv9e0saxt] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.label-hr[b-ehv9e0saxt] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-ehv9e0saxt] {
        padding: 0 8px;
    }

.interval[b-ehv9e0saxt] {
    display: flex;
    align-items: center;
    margin: 4px 0 4px 0;
    border: 1px solid var(--border-color);
}

    .interval:hover[b-ehv9e0saxt] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .interval span[b-ehv9e0saxt] {
        padding: 3px 12px;
    }

.loading[b-n40m8dve9i] {
    display: flex;
    justify-content: center;
    margin-top: -20px;
    padding-bottom: 20px;
}

.row[b-n40m8dve9i] {
    display: grid;
    grid-template-columns: 1.5fr 1.5fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-n40m8dve9i] {
        border-top: none;
    }

    .row.expandable:hover[b-n40m8dve9i] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.add[b-n40m8dve9i] {
        justify-content: center;
    }

    .row.new[b-n40m8dve9i] {
        border-top: none;
        justify-content: space-evenly;
        padding-bottom: 24px;
    }

.title.expanded[b-n40m8dve9i] {
    font-size: 20px;
}

.expanded-content[b-n40m8dve9i] {
    padding: 12px 24px 24px 24px;
}

.alerting-hint[b-n40m8dve9i] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    padding: 0px 12px 18px 12px;
}

.alerting-link[b-n40m8dve9i] {
    display: flex;
    gap: 2px;
    align-items: center;
    font-weight: 500;
    padding: 3px;
    border: 1px solid var(--border-color);
    border-radius: 3px;
}

    .alerting-link:hover[b-n40m8dve9i] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.controls[b-n40m8dve9i] {
    display: flex;
    justify-content: center;
    gap: 24px;
}

    .controls div[b-n40m8dve9i] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
        border-radius: 12px;
    }

        .controls div:hover[b-n40m8dve9i] {
            background-color: var(--hover-color);
        }

    .controls .delete:hover[b-n40m8dve9i] {
        color: var(--red-color);
    }

.row-button[b-n40m8dve9i] {
    display: flex;
    gap: 4px;
    cursor: pointer;
    padding: 0 6px;
}

.row.new .row-button[b-n40m8dve9i] {
    border-radius: 9px;
    border: 1px solid var(--border-color);
    padding: 3px 24px;
    width: 80px;
    justify-content: center;
}

    .row.new .row-button:hover[b-n40m8dve9i] {
        background-color: var(--hover-color);
    }

.minor-detail[b-n40m8dve9i] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
    text-align: right;
    margin-right: 12px;
}

    .minor-detail.alert[b-n40m8dve9i] {
        display: flex;
        align-items: center;
        gap: 3px;
    }

.row.spacer[b-n40m8dve9i] {
    height: 0px;
}

input[type=text][b-dgkwiqmgy7], input[type=number][b-dgkwiqmgy7] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

input[type=number][b-dgkwiqmgy7] {
    width: 5em;
}

.loading[b-dgkwiqmgy7] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-dgkwiqmgy7] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 3fr 3fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-dgkwiqmgy7]{
        border-top: none;
    }

    .row:hover[b-dgkwiqmgy7] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-dgkwiqmgy7] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-dgkwiqmgy7] {
    font-size: 20px;
}

.expanded-content[b-dgkwiqmgy7] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-dgkwiqmgy7] {
    padding: 0 24px 6px 24px;
}

.controls[b-dgkwiqmgy7] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.control-group[b-dgkwiqmgy7] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.category[b-dgkwiqmgy7] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

.control[b-dgkwiqmgy7] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

    .control:hover[b-dgkwiqmgy7] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .control.delete[b-dgkwiqmgy7] {
        border-left: none;
    }

        .control.delete:hover[b-dgkwiqmgy7] {
            color: var(--red-color);
        }

.minor-detail[b-dgkwiqmgy7] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-dgkwiqmgy7] {
    font-size: 16px;
}

.row.spacer[b-dgkwiqmgy7] {
    height: 0px;
}

fieldset[b-dgkwiqmgy7] {
    position: relative;
    display: flex;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
    gap: 6px;
}

.save-retention[b-dgkwiqmgy7] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .save-retention:hover[b-dgkwiqmgy7] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.retention-period[b-dgkwiqmgy7] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.retention-max[b-dgkwiqmgy7] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid var(--border-color);
}

.fields-header[b-dgkwiqmgy7] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.script-header[b-dgkwiqmgy7] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.add-field-button[b-dgkwiqmgy7] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--border-color);
}

    .add-field-button:hover[b-dgkwiqmgy7] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.label-hr[b-dgkwiqmgy7] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-dgkwiqmgy7] {
        padding: 0 8px;
    }

.interval[b-dgkwiqmgy7] {
    display: flex;
    align-items: center;
    margin: 4px 0 4px 0;
    border: 1px solid var(--border-color);
}

    .interval:hover[b-dgkwiqmgy7] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .interval span[b-dgkwiqmgy7] {
        padding: 3px 12px;
    }

.fields[b-dgkwiqmgy7] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 36px;
}

.default-field[b-dgkwiqmgy7] {
    margin-left: 45px;
}

.field[b-dgkwiqmgy7] {
    display: grid;
    grid-template-columns: auto 140px 1fr auto auto auto;
    align-items: center;
    gap: 24px;
    pointer-events: none;
    padding: 3px;
    border-radius: 6px;
}

    .field:hover[b-dgkwiqmgy7] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .field-button[b-dgkwiqmgy7] {
        pointer-events: auto;
    }

    .delete-button:hover[b-dgkwiqmgy7] {
        color: var(--red-color);
    }

.field-name[b-dgkwiqmgy7] {
    font-weight: 500;
}

.add-controls[b-dgkwiqmgy7] {
    margin-top: 24px;
    padding-bottom: 12px;
    display: flex;
    gap: 5%;
    justify-content: center;
    border-bottom: solid 1px var(--border-color);
}

.add-button[b-dgkwiqmgy7] {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 3px;
    width: 140px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

    .add-button:hover[b-dgkwiqmgy7] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .add-button.disabled[b-dgkwiqmgy7] {
        cursor: not-allowed;
        color: var(--disabled-text-color);
        background-color: var(--offset-bg-color);
    }

.add-inputs[b-dgkwiqmgy7] {
    display: flex;
    gap: 24px;
}

.add-input[b-dgkwiqmgy7] {
    display: flex;
    gap: 6px;
}

input[type=text][b-403iv62u2a] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    font-family: var(--mono-fonts);
    min-width: 300px;
}

.loading[b-403iv62u2a] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-403iv62u2a] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 2fr 1fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-403iv62u2a]{
        border-top: none;
    }

    .row:hover[b-403iv62u2a] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-403iv62u2a] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-403iv62u2a] {
    font-size: 20px;
}

.expanded-content[b-403iv62u2a] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-403iv62u2a] {
    padding: 0 24px 6px 24px;
}

.controls[b-403iv62u2a] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.control-group[b-403iv62u2a] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.control[b-403iv62u2a] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

    .control:hover[b-403iv62u2a] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .control.delete:hover[b-403iv62u2a] {
        color: var(--red-color);
    }

.minor-detail[b-403iv62u2a] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-403iv62u2a] {
    font-size: 16px;
}

input[type=text][b-wnmbyxncgh] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-wnmbyxncgh] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-wnmbyxncgh] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 5fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-wnmbyxncgh]{
        border-top: none;
    }

    .row:hover[b-wnmbyxncgh] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-wnmbyxncgh] {
        grid-template-columns: 1fr 5r auto;
    }

.title.expanded[b-wnmbyxncgh] {
    font-size: 20px;
}

.expanded-content[b-wnmbyxncgh] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-wnmbyxncgh] {
    padding: 0 24px 6px 24px;
}

.controls[b-wnmbyxncgh] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.component-type-controls[b-wnmbyxncgh] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.control[b-wnmbyxncgh] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    cursor: pointer;
    padding: 6px;
    border: 1px solid var(--border-color);
}

        .control:hover[b-wnmbyxncgh] {
            background-color: var(--hover-color);
        }

    .control.delete[b-wnmbyxncgh] {
        border-left: none;
    }

        .control.delete:hover[b-wnmbyxncgh] {
            color: var(--red-color);
        }

.minor-detail[b-wnmbyxncgh] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-wnmbyxncgh] {
    font-size: 16px;
}

.row.spacer[b-wnmbyxncgh] {
    height: 0px;
}

fieldset[b-wnmbyxncgh] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.script-header[b-wnmbyxncgh] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.label-hr[b-wnmbyxncgh] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-wnmbyxncgh] {
        padding: 0 8px;
    }

input[type=checkbox][b-wv4duseyk1] {
    height: 17px;
}

input[type=text][b-wv4duseyk1] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    font-family: var(--mono-fonts);
}

.loading[b-wv4duseyk1] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-wv4duseyk1] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 1fr 4fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-wv4duseyk1]{
        border-top: none;
    }

    .row:hover[b-wv4duseyk1] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-wv4duseyk1] {
        grid-template-columns: 1fr 5fr auto;
    }

.title.expanded[b-wv4duseyk1] {
    font-size: 20px;
}

.expanded-content[b-wv4duseyk1] {
    padding: 6px 24px 24px 24px;
}

.controls[b-wv4duseyk1] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.control-group[b-wv4duseyk1] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.control[b-wv4duseyk1] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

    .control:hover[b-wv4duseyk1] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .control.delete[b-wv4duseyk1] {
        border-left: none;
    }

        .control.delete:hover[b-wv4duseyk1] {
            color: var(--red-color);
        }

.unset-modifier[b-wv4duseyk1] {
    font-style: italic;
    color: var(--dim-text-color);
}

.modifier[b-wv4duseyk1] {
    font-family: var(--mono-fonts);
}

.minor-detail[b-wv4duseyk1] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-wv4duseyk1] {
    font-size: 16px;
}

.variable-values[b-wv4duseyk1] {
    display: flex;
    flex-direction: column;
}

.variable-values fieldset[b-wv4duseyk1] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    margin: 6px 0;
    gap: 12px;
}

.value-controls[b-wv4duseyk1] {
    position: absolute;
    right: -1px;
    top: -19px;
    display: flex;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    font-size: 12px;
}

    .value-controls div[b-wv4duseyk1] {
        display: flex;
        align-items: center;
        padding: 3px 6px;
        border-left: 1px solid var(--border-color);
    }

        .value-controls div:first-child[b-wv4duseyk1] {
            border-left: none;
        }

        .value-controls div:hover[b-wv4duseyk1] {
            background-color: var(--hover-color);
            cursor: pointer;
        }

        .delete-value:hover[b-wv4duseyk1] {
            color: var(--red-color);
        }

.variable-values label[b-wv4duseyk1] {
    display: flex;
    gap: 6px;
    line-height: 24px;
}

.value-top[b-wv4duseyk1] {
    display: flex;
    gap: 36px;
}

.priority-button[b-wv4duseyk1] {
    display: flex;
    align-items: center;
    line-height: normal;
    min-width: 36px;
    height: 18px;
    border: 1px solid var(--border-color);
    padding: 0 6px;
}

.priority-button:hover[b-wv4duseyk1] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.targeting[b-wv4duseyk1] {
    pointer-events: none;
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 6px;
}

    .targeting:hover[b-wv4duseyk1] {
        background-color: var(--hover-color);
    }

.targeting-button[b-wv4duseyk1] {
    pointer-events: auto;
}

    .targeting-button:hover[b-wv4duseyk1] {
        cursor: pointer;
    }

.value-bottom input[b-wv4duseyk1] {
    flex-grow: 1;
}

.multi-values[b-wv4duseyk1] {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: 6px;
    margin-bottom: 6px;
}

.multi-value[b-wv4duseyk1] {
    border: 1px solid var(--border-color);
    border-radius: 9px;
    padding: 3px 5px;
    min-height: 17px;
    min-width: 17px;
    text-align: center;
}

    .multi-value:hover[b-wv4duseyk1] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.add-multi-value:hover[b-wv4duseyk1] {
    cursor: pointer;
    color: var(--strong-border-color);
}

.add-value[b-wv4duseyk1] {
    display: flex;
    gap: 3px;
    align-items: center;
    padding: 6px;
    width: max-content;
    border-radius: 6px;
    box-shadow: 0px 0px 5px 1px var(--shadow-color);
    border: 1px solid var(--border-color);
    margin: 6px auto 0 auto;
}

.add-value:hover[b-wv4duseyk1] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.new-content[b-wv4duseyk1] {
    display: flex;
    flex-direction: column;
    padding: 0 24px 6px 24px;
    gap: 12px;
}

.new-content fieldset[b-wv4duseyk1] {
    display: flex;
    border: 1px solid var(--border-color);
}

.create-name[b-wv4duseyk1] {
    width: 250px;
}

.create-description[b-wv4duseyk1] {
    flex-grow: 1;
    max-width: 500px;
}

input[type=text][b-eekhiqjoe0] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.loading[b-eekhiqjoe0] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-eekhiqjoe0] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 5fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-eekhiqjoe0]{
        border-top: none;
    }

    .row:hover[b-eekhiqjoe0] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-eekhiqjoe0] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-eekhiqjoe0] {
    font-size: 20px;
}

.expanded-content[b-eekhiqjoe0] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-eekhiqjoe0] {
    padding: 0 24px 6px 24px;
}

.controls[b-eekhiqjoe0] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.control-group[b-eekhiqjoe0] {
    display: flex;
    justify-content: center;
    flex-grow: 0.5;
}

.category[b-eekhiqjoe0] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    padding: 6px;
    border: 1px solid var(--border-color);
}

.control[b-eekhiqjoe0] {
    display: flex;
    justify-content: center;
    flex-grow: 0.2;
    gap: 6px;
    cursor: pointer;
    padding: 6px;
    border: 1px solid var(--border-color);
}

        .control:hover[b-eekhiqjoe0] {
            background-color: var(--hover-color);
        }

    .control.delete[b-eekhiqjoe0] {
        border-left: none;
    }

        .control.delete:hover[b-eekhiqjoe0] {
            color: var(--red-color);
        }

.minor-detail[b-eekhiqjoe0] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-eekhiqjoe0] {
    font-size: 16px;
}

.row.spacer[b-eekhiqjoe0] {
    height: 0px;
}

fieldset[b-eekhiqjoe0] {
    display: flex;
    flex-direction: row;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.properties-header[b-eekhiqjoe0] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.add-property-button[b-eekhiqjoe0] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--border-color);
}

    .add-property-button:hover[b-eekhiqjoe0] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.properties[b-eekhiqjoe0] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 36px;
}

.property[b-eekhiqjoe0] {
    display: grid;
    grid-template-columns: auto 140px 1fr auto auto auto;
    align-items: center;
    gap: 24px;
    pointer-events: none;
    padding: 3px;
    border-radius: 6px;
}

    .property:hover[b-eekhiqjoe0] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.property-button[b-eekhiqjoe0] {
    pointer-events: auto;
}

.delete-button:hover[b-eekhiqjoe0] {
    color: var(--red-color);
}

.property-name[b-eekhiqjoe0] {
    font-weight: 500;
}

.add-controls[b-eekhiqjoe0] {
    margin-top: 24px;
    padding-bottom: 12px;
    display: flex;
    gap: 5%;
    justify-content: center;
    border-bottom: solid 1px var(--border-color);
}

.add-button[b-eekhiqjoe0] {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 3px;
    width: 140px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

    .add-button:hover[b-eekhiqjoe0] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .add-button.disabled[b-eekhiqjoe0] {
        cursor: not-allowed;
        color: var(--disabled-text-color);
        background-color: var(--offset-bg-color);
    }

.add-inputs[b-eekhiqjoe0] {
    display: flex;
    gap: 24px;
}

.add-input[b-eekhiqjoe0] {
    display: flex;
    gap: 6px;
}

.script-header[b-eekhiqjoe0] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.label-hr[b-eekhiqjoe0] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-eekhiqjoe0] {
        padding: 0 8px;
    }

.interval[b-eekhiqjoe0] {
    display: flex;
    align-items: center;
    margin: 4px 0 4px 0;
    border: 1px solid var(--border-color);
}

    .interval:hover[b-eekhiqjoe0] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .interval span[b-eekhiqjoe0] {
        padding: 3px 12px;
    }

input[type=text][b-nbvb8jm9u3], input[type=number][b-nbvb8jm9u3] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

input[type=number][b-nbvb8jm9u3] {
    width: 5em;
}

.loading[b-nbvb8jm9u3] {
    display: flex;
    justify-content: center;
    padding: 20px;
}

.row[b-nbvb8jm9u3] {
    display: grid;
    align-items: center;
    grid-template-columns: 1fr 5fr auto;
    padding: 9px 12px;
    font-size: 14px;
    font-weight: 500;
    border-top: 1px solid var(--border-color);
}

    .row:first-child[b-nbvb8jm9u3]{
        border-top: none;
    }

    .row:hover[b-nbvb8jm9u3] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .row.expanded[b-nbvb8jm9u3] {
        grid-template-columns: 1fr auto;
    }

.title.expanded[b-nbvb8jm9u3] {
    font-size: 20px;
}

.expanded-content[b-nbvb8jm9u3] {
    padding: 6px 24px 24px 24px;
}

.new-content[b-nbvb8jm9u3] {
    padding: 0 24px 6px 24px;
}

.controls[b-nbvb8jm9u3] {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    row-gap: 6px;
}

.controls[b-nbvb8jm9u3] {
    display: flex;
    justify-content: center;
}

    .control[b-nbvb8jm9u3] {
        display: flex;
        justify-content: center;
        flex-grow: 0.2;
        gap: 6px;
        cursor: pointer;
        padding: 6px;
        border: 1px solid var(--border-color);
    }

        .control:hover[b-nbvb8jm9u3] {
            background-color: var(--hover-color);
        }

    .control.delete[b-nbvb8jm9u3] {
        border-left: none;
    }

        .control.delete:hover[b-nbvb8jm9u3] {
            color: var(--red-color);
        }

.minor-detail[b-nbvb8jm9u3] {
    font-style: italic;
    font-weight: 400;
    font-size: 12px;
    color: var(--dim-text-color);
}

.minor-detail.expanded[b-nbvb8jm9u3] {
    font-size: 16px;
}

.row.spacer[b-nbvb8jm9u3] {
    height: 0px;
}

fieldset[b-nbvb8jm9u3] {
    position: relative;
    display: flex;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
    gap: 6px;
}

.save-retention[b-nbvb8jm9u3] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .save-retention:hover[b-nbvb8jm9u3] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.retention-period[b-nbvb8jm9u3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.retention-max[b-nbvb8jm9u3] {
    display: flex;
    flex-direction: column;
    gap: 6px;
    padding-left: 18px;
    margin-left: 18px;
    border-left: 1px solid var(--border-color);
}

.fields-header[b-nbvb8jm9u3] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.script-header[b-nbvb8jm9u3] {
    display: flex;
    justify-content: space-between;
    margin: 28px 0 6px 0;
}

.add-field-button[b-nbvb8jm9u3] {
    display: flex;
    gap: 6px;
    align-items: center;
    padding: 0 12px;
    border: 1px solid var(--border-color);
}

    .add-field-button:hover[b-nbvb8jm9u3] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.label-hr[b-nbvb8jm9u3] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    margin-bottom: 5px;
    line-height: 0;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
}

    .label-hr legend[b-nbvb8jm9u3] {
        padding: 0 8px;
    }

.interval[b-nbvb8jm9u3] {
    display: flex;
    align-items: center;
    margin: 4px 0 4px 0;
    border: 1px solid var(--border-color);
}

    .interval:hover[b-nbvb8jm9u3] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .interval span[b-nbvb8jm9u3] {
        padding: 3px 12px;
    }

.fields[b-nbvb8jm9u3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin-bottom: 36px;
}

.default-field[b-nbvb8jm9u3] {
    margin-left: 45px;
}

.field[b-nbvb8jm9u3] {
    display: grid;
    grid-template-columns: auto 140px 1fr auto auto auto;
    align-items: center;
    gap: 24px;
    pointer-events: none;
    padding: 3px;
    border-radius: 6px;
}

    .field:hover[b-nbvb8jm9u3] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

    .field-button[b-nbvb8jm9u3] {
        pointer-events: auto;
    }

    .delete-button:hover[b-nbvb8jm9u3] {
        color: var(--red-color);
    }

.field-name[b-nbvb8jm9u3] {
    font-weight: 500;
}

.add-controls[b-nbvb8jm9u3] {
    margin-top: 24px;
    padding-bottom: 12px;
    display: flex;
    gap: 5%;
    justify-content: center;
    border-bottom: solid 1px var(--border-color);
}

.add-button[b-nbvb8jm9u3] {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 3px;
    width: 140px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

    .add-button:hover[b-nbvb8jm9u3] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .add-button.disabled[b-nbvb8jm9u3] {
        cursor: not-allowed;
        color: var(--disabled-text-color);
        background-color: var(--offset-bg-color);
    }

.add-inputs[b-nbvb8jm9u3] {
    display: flex;
    gap: 24px;
}

.add-input[b-nbvb8jm9u3] {
    display: flex;
    gap: 6px;
}

fieldset[b-4hf6ebtqqz] {
    border: 1px solid var(--border-color);
    margin: 12px 0;
}

.triggers[b-4hf6ebtqqz] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}

.trigger[b-4hf6ebtqqz] {
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--strong-border-color);
    padding-left: 6px;
}

    .trigger span[b-4hf6ebtqqz] {
        margin-top: 3px;
        padding-left: 6px;
    }

.loading[b-xhi7l2r6uv] {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-alerts[b-xhi7l2r6uv] {
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 24px;
    color: var(--shadow-color);
}

table[b-xhi7l2r6uv] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-xhi7l2r6uv] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: sticky;
    top: 0;
    padding: 6px;
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
    user-select: none;
}

    th .sortable[b-xhi7l2r6uv] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th .sortable span:hover[b-xhi7l2r6uv] {
            text-decoration: underline;
            cursor: pointer;
        }

    th:first-child[b-xhi7l2r6uv] {
        padding-left: 24px;
    }

    th:last-child[b-xhi7l2r6uv] {
        padding-right: 24px;
    }

    th form[b-xhi7l2r6uv] {
        display: flex;
    }

thead tr[b-xhi7l2r6uv] {
    vertical-align: top;
}

tbody tr td[b-xhi7l2r6uv] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:last-child td[b-xhi7l2r6uv] {
    border: none;
}

tbody tr:hover[b-xhi7l2r6uv] {
    background-color: var(--hover-color);
}

td[b-xhi7l2r6uv] {
    padding: 6px;
    padding-right: 24px;
    white-space: pre;
}

    td:first-child[b-xhi7l2r6uv] {
        padding-left: 24px;
    }

    td:last-child[b-xhi7l2r6uv] {
        padding-right: 24px;
    }

.link[b-xhi7l2r6uv] {
    cursor: pointer;
    border-bottom: 1px solid var(--strong-border-color);
}

.auto-close[b-xhi7l2r6uv] {
    color: var(--disabled-text-color);
    font-style: italic;
    user-select: none;
}

.close[b-xhi7l2r6uv] {
    display: inline-flex;
    vertical-align: top;
    align-items: center;
    font-weight: 500;
    cursor: pointer;
}

.alert-view-controls[b-xhi7l2r6uv] {
    border-top: 2px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 6px 12px;
}

.pager[b-xhi7l2r6uv] {
    display: flex;
}

    .pager div[b-xhi7l2r6uv] {
        text-align: center;
        min-width: 26px;
        cursor: pointer;
        border-radius: 6px;
        padding: 1px 3px;
    }

        .pager div:hover[b-xhi7l2r6uv] {
            background-color: var(--hover-color);
        }

    .pager .selected[b-xhi7l2r6uv] {
        background-color: var(--selected-bg-color);
    }

.refresh[b-xhi7l2r6uv] {
    border-radius: 6px;
    padding: 1px 3px;
}

    .refresh:hover[b-xhi7l2r6uv] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.component-viewer[b-lgmb410ewy] {
    display: flex;
    height: calc(100% - 44px);
    flex-direction: column;
    justify-content: space-between;
}

.present-absent-switcher[b-lgmb410ewy] {
    position: absolute;
    top: -37px;
    display: flex;
    padding: 0 6px;
}

.switcher[b-lgmb410ewy] {
    padding: 6px 12px;
    border: 1px solid var(--disabled-text-color);
    border-bottom: none;
    border-right: none;
    border-radius: 6px 6px 0 0;
    user-select: none;
    color: var(--disabled-text-color);
}

    .switcher.selected[b-lgmb410ewy] {
        color: var(--text-color);
        background-color: var(--offset-bg-color);
    }

    .switcher:last-child[b-lgmb410ewy] {
        padding: 6px 12px;
        border-right: 1px solid var(--disabled-text-color);
    }

    .switcher:hover[b-lgmb410ewy] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.components[b-lgmb410ewy] {
    flex-grow: 1;
    overflow: auto;
}

.loading[b-lgmb410ewy] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-data[b-lgmb410ewy] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

input[type=text][b-lgmb410ewy] {
    background-color: var(--offset-bg-color);
    border: none;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    padding: 0;
    max-width: 180px;
    width: 100%;
}

.filter-input[b-lgmb410ewy] {
    display: flex;
}

.filter-button[b-lgmb410ewy] {
    background-color: var(--offset-bg-color);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    color: var(--text-color);
}

    .filter-button:hover[b-lgmb410ewy] {
        color: var(--red-color);
    }

table[b-lgmb410ewy] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-lgmb410ewy] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: sticky;
    top: 0;
    padding: 6px;
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
    user-select: none;
}

    th .sortable[b-lgmb410ewy] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th .sortable span:hover[b-lgmb410ewy] {
            text-decoration: underline;
            cursor: pointer;
        }

    th:first-child[b-lgmb410ewy] {
        padding-left: 24px;
    }

    th:last-child[b-lgmb410ewy] {
        padding-right: 24px;
    }

    th form[b-lgmb410ewy] {
        display: flex;
    }

thead tr[b-lgmb410ewy] {
    vertical-align: top;
}

tbody tr td[b-lgmb410ewy] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-lgmb410ewy] {
    background-color: var(--hover-color);
}

td[b-lgmb410ewy] {
    padding: 6px;
    padding-right: 24px;
    white-space: pre;
}

    td:first-child[b-lgmb410ewy] {
        padding-left: 24px;
    }

    td:last-child[b-lgmb410ewy] {
        padding-right: 24px;
    }

.component-view-controls[b-lgmb410ewy] {
    border-top: 2px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 6px 12px;
}

.pager[b-lgmb410ewy] {
    display: flex;
}

    .pager div[b-lgmb410ewy] {
        text-align: center;
        min-width: 26px;
        cursor: pointer;
        border-radius: 6px;
        padding: 1px 3px;
    }

        .pager div:hover[b-lgmb410ewy] {
            background-color: var(--hover-color);
        }

    .pager .selected[b-lgmb410ewy] {
        background-color: var(--selected-bg-color);
    }

.refresh[b-lgmb410ewy] {
    border-radius: 6px;
    padding: 1px 3px;
}

    .refresh:hover[b-lgmb410ewy] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

@media only screen and (max-width: 640px) {
    .present-absent-switcher[b-lgmb410ewy] {
        position: relative;
        top: 0;
        display: flex;
        padding: 0 6px;
        border-bottom: 1px solid var(--disabled-text-color);
    }
}

.asset-list[b-sdgi4gj1bq] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
}

.current-filters[b-sdgi4gj1bq] {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    padding: 3px 12px;
    color: var(--red-color);
    
}

.clear-filters[b-sdgi4gj1bq] {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding: 3px 12px;
    color: var(--red-color);
}

.clear-filters:hover[b-sdgi4gj1bq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.asset-list-display[b-sdgi4gj1bq] {
    flex-grow: 1;
    height: 0;
    overflow-y: auto;
}

.asset-list-controls[b-sdgi4gj1bq] {
    border-top: 2px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 6px 12px;
}

.loading[b-sdgi4gj1bq] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

input[type=text][b-sdgi4gj1bq] {
    background-color: var(--offset-bg-color);
    border: none;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    padding: 0;
    max-width: 180px;
    width: 100%;
}

[b-sdgi4gj1bq]::placeholder {
    color: var(--double-shadow-color);
    font-size: 10px;
    text-align: center;
}

table[b-sdgi4gj1bq] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-sdgi4gj1bq] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: sticky;
    top: 0;
    padding: 6px 18px;
    padding-top: 24px;
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-sdgi4gj1bq] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

    th span:hover[b-sdgi4gj1bq] {
        color: var(--strong-border-color);
        cursor: pointer;
    }    

    th label[b-sdgi4gj1bq] {
        display: flex;
        align-items: flex-end;
        height: 19px;
        font-weight: 400;
        font-size: 12px;
        color: var(--dim-text-color)
    }

    th label:hover[b-sdgi4gj1bq] {
        cursor: pointer;
        color: var(--text-color);
    }

    th label input[type=checkbox][b-sdgi4gj1bq] {
        width: 10px;
        height: 10px;
        accent-color: var(--offset-bg-color);
    }

        th label:hover input[type=checkbox][b-sdgi4gj1bq] {
            accent-color: var(--text-color);
        }

    th:first-child[b-sdgi4gj1bq] {
        padding-left: 24px;
    }

    th:last-child[b-sdgi4gj1bq] {
        padding-right: 24px;
    }

th form[b-sdgi4gj1bq] {
    display: flex;
}

.filter-button[b-sdgi4gj1bq] {
    background-color: var(--offset-bg-color);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    color: var(--text-color);
}

    .filter-button:hover[b-sdgi4gj1bq] {
        color: var(--text-color);
    }

thead tr[b-sdgi4gj1bq] {
    vertical-align: top;
}

tbody tr td[b-sdgi4gj1bq] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-sdgi4gj1bq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

td[b-sdgi4gj1bq] {
    padding: 6px 18px;
    white-space: nowrap;
}

    td:first-child[b-sdgi4gj1bq] {
        padding-left: 24px;
    }

    td:last-child[b-sdgi4gj1bq] {
        padding-right: 24px;
    }

.status .launcher:hover[b-sdgi4gj1bq] {
    cursor: alias;
}
.status.online[b-sdgi4gj1bq] {
    display: flex;
    gap: 6px;
    color: var(--green-color);
}

.status.offline[b-sdgi4gj1bq] {
    color: var(--red-color);
}

.location-current[b-sdgi4gj1bq] {
    color: var(--disabled-text-color);
    font-style: italic;
}

.refresh[b-sdgi4gj1bq] {
    border-radius: 6px;
    padding: 1px 3px;
}

.refresh:hover[b-sdgi4gj1bq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.asset-log-viewer[b-jp9hkj2lvl] {
    display: flex;
    height: calc(100% - 44px);
    flex-direction: column;
    justify-content: space-between;
}

.asset-log[b-jp9hkj2lvl] {
    flex-grow: 1;
    overflow-y: auto;
}

.loading[b-jp9hkj2lvl] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-data[b-jp9hkj2lvl] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

input[type=text][b-jp9hkj2lvl] {
    background-color: var(--offset-bg-color);
    border: none;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    padding: 0;
    max-width: 180px;
    width: 100%;
}

[b-jp9hkj2lvl]::placeholder {
    color: var(--double-shadow-color);
    font-size: 10px;
    text-align: center;
}

table[b-jp9hkj2lvl] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-jp9hkj2lvl] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    line-height: 16px;
    position: sticky;
    top: 0;
    padding: 6px;
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-jp9hkj2lvl] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th span:hover[b-jp9hkj2lvl] {
            color: var(--strong-border-color);
            cursor: pointer;
        }

    th:first-child[b-jp9hkj2lvl] {
        padding-left: 24px;
    }

    th:last-child[b-jp9hkj2lvl] {
        padding-right: 24px;
    }

    th form[b-jp9hkj2lvl] {
        display: flex;
    }

.filter-button[b-jp9hkj2lvl] {
    background-color: var(--offset-bg-color);
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
    color: var(--text-color);
}

    .filter-button:hover[b-jp9hkj2lvl] {
        color: var(--text-color);
    }

thead tr[b-jp9hkj2lvl] {
    vertical-align: top;
}

tbody tr td[b-jp9hkj2lvl] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-jp9hkj2lvl] {
    background-color: var(--hover-color);
}

td[b-jp9hkj2lvl] {
    padding: 6px;
    padding-right: 24px;
    white-space: nowrap;
}

    td:first-child[b-jp9hkj2lvl] {
        padding-left: 24px;
    }

    td:last-child[b-jp9hkj2lvl] {
        padding-right: 24px;
    }

.asset-log-controls[b-jp9hkj2lvl] {
    border-top: 2px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 6px 12px;
}

.pager[b-jp9hkj2lvl] {
    display: flex;
}

    .pager div[b-jp9hkj2lvl] {
        text-align: center;
        min-width: 26px;
        cursor: pointer;
        border-radius: 6px;
        padding: 1px 3px;
    }

        .pager div:hover[b-jp9hkj2lvl] {
            background-color: var(--hover-color);
        }

    .pager .selected[b-jp9hkj2lvl] {
        background-color: var(--selected-bg-color);
    }

.refresh[b-jp9hkj2lvl] {
    border-radius: 6px;
    padding: 1px 3px;
}

    .refresh:hover[b-jp9hkj2lvl] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.note-history-viewer[b-k8i9kbxxju] {
    display: flex;
    height: calc(100% - 44px);
    flex-direction: column;
    justify-content: space-between;
}

.revisions[b-k8i9kbxxju] {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    padding: 24px;
    gap: 24px;
    overflow-y: auto;
}

.revision[b-k8i9kbxxju] {
    display: flex;
    justify-content: space-between;
    border: 2px solid var(--strong-border-color);
    border-radius: 3px;
    background-color: var(--bg-color);
}

.note[b-k8i9kbxxju] {
    padding: 9px;
    width: 100%;
}

.note-cleared[b-k8i9kbxxju] {
    display: flex;
    height: 100%;
    width: 100%;
    justify-content: center;
    align-items: center;
    color: var(--shadow-color);
    font-size: 36px;
    font-weight: 500;
}

.metadata[b-k8i9kbxxju] {
    background-color: var(--offset-bg-color);
    display: flex;
    flex-direction: column;
    border-radius: 9px 3px 3px 9px;
    border-left: 2px solid var(--border-color);
}

.metadata > div[b-k8i9kbxxju] {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    padding: 9px;
    column-gap: 6px;
    border-bottom: 1px solid var(--border-color);
    font-weight: 500;
    white-space: nowrap;
}

    .metadata > div:first-child[b-k8i9kbxxju] {
        border-top-left-radius: 9px;
    }

    .metadata > div:last-child[b-k8i9kbxxju] {
        border-bottom-left-radius: 9px;
    }

    .metadata .value[b-k8i9kbxxju] {
        font-weight: 400;
    }

.loading[b-k8i9kbxxju] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.no-data[b-k8i9kbxxju] {
    height: 160px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: 500;
    font-size: 16px;
}

.history-view-controls[b-k8i9kbxxju] {
    border-top: 2px solid var(--border-color);
    display: grid;
    grid-template-columns: 1fr auto auto;
    align-items: center;
    gap: 6px;
    font-size: 16px;
    padding: 6px 12px;
}

.pager[b-k8i9kbxxju] {
    display: flex;
}

    .pager div[b-k8i9kbxxju] {
        text-align: center;
        min-width: 26px;
        cursor: pointer;
        border-radius: 6px;
        padding: 1px 3px;
    }

        .pager div:hover[b-k8i9kbxxju] {
            background-color: var(--hover-color);
        }

    .pager .selected[b-k8i9kbxxju] {
        background-color: var(--selected-bg-color);
    }

.refresh[b-k8i9kbxxju] {
    border-radius: 6px;
    padding: 1px 3px;
}

    .refresh:hover[b-k8i9kbxxju] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.viewer[b-63pss03byt] {
    position: relative;
    margin: 18px;
    overflow: hidden;
    background-color: var(--bg-color);
    border-radius: 9px;
    box-shadow: var(--double-shadow-color) 0px 2px 4px, var(--border-color) 0px 7px 13px -3px, var(--shadow-color) 0px -3px 0px inset;
}

.viewer-header[b-63pss03byt] {
    position: relative;
    display: flex;
    justify-content: center;
    padding: 10px;
    border-bottom: 1px solid var(--border-color);
    margin-bottom: 6px;
}

.viewer-exit[b-63pss03byt] {
    position: absolute;
    top: 0;
    right: 0;
    padding: 0 12px;
    bottom: 0;
    display: flex;
    align-items: center;
    gap: 3px;
    font-size: 14px;
    line-height: 19px;
    font-weight: 500;
    z-index: 8;
}

    .viewer-exit:hover[b-63pss03byt] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.viewer-title[b-63pss03byt] {
    font-size: 16px;
    line-height: 16px;
    font-weight: 500;
}

.viewer-content[b-63pss03byt] {
    position: relative;
    z-index: 7;
    height: 100%;
}

.folder-listing[b-t88zmzhdbq] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.loading[b-t88zmzhdbq] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    gap: 6px;
}

.header-left[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    padding: 6px 3px 6px 0;
    gap: 6px;
}

.header-right[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 6px;
}

.header-button[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    height: 27px;
    padding: 0 6px;
}

    .header-button:hover[b-t88zmzhdbq] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.upload-button[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    width: 102px;
    height: 27px;
}

    .upload-button:hover[b-t88zmzhdbq] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.upload-progress[b-t88zmzhdbq] {
    border: 1px solid var(--border-color);
    width: 102px;
    height: 27px;
    position: relative;
    background-color: var(--dim-bg-color);
}
    .upload-progress .progress-label[b-t88zmzhdbq] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        z-index: 30;
        font-weight: 500;
        color: var(--white-text-color);
    }

    .upload-progress .progress-bar[b-t88zmzhdbq] {
        background-color: var(--green-color);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 20;
    }

.header-toggle[b-t88zmzhdbq] {
    padding: 3px;
    border: 1px solid var(--border-color);
    color: var(--disabled-text-color);
    background-color: var(--offset-bg-color);
}

    .header-toggle.on[b-t88zmzhdbq] {
        color: var(--text-color);
    }

    .header-toggle:hover[b-t88zmzhdbq] {
        cursor: pointer;
    }

.path[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    min-width: 150px;
    border: 1px solid var(--border-color);
}

.current-path[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    flex-wrap: wrap;
}

.path-seperator[b-t88zmzhdbq] {
    padding: 2px 0;
}

.path-part[b-t88zmzhdbq] {
    padding: 2px;
}

    .path-part:hover[b-t88zmzhdbq] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.path-button[b-t88zmzhdbq] {
    font-family: 'Times New Roman', Times, serif;
    padding: 5px 6px 3px 6px;
    font-weight: 500;
    user-select: none;
    border-left: 1px solid var(--border-color);
}

.path-button:hover[b-t88zmzhdbq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.folder-contents[b-t88zmzhdbq] {
    flex-grow: 1;
    height: 0;
}

table[b-t88zmzhdbq] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-t88zmzhdbq] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    
    position: sticky;
    top: 0;
    padding: 6px 18px;
    
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-t88zmzhdbq] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th span:hover[b-t88zmzhdbq] {
            color: var(--strong-border-color);
            cursor: pointer;
        }

    th:first-child[b-t88zmzhdbq] {
        padding-left: 24px;
    }

    th:last-child[b-t88zmzhdbq] {
        padding-right: 24px;
    }

    th form[b-t88zmzhdbq] {
        display: flex;
    }

thead tr[b-t88zmzhdbq] {
    vertical-align: top;
}

tbody tr td[b-t88zmzhdbq] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-t88zmzhdbq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

tbody tr:hover[b-t88zmzhdbq] {
    cursor: pointer;
    background-color: var(--hover-color);
}

td[b-t88zmzhdbq] {
    padding: 6px 18px;
    white-space: nowrap;
}

    td:first-child[b-t88zmzhdbq] {
        padding-left: 24px;
    }

    td:last-child[b-t88zmzhdbq] {
        padding-right: 24px;
    }

.icon-name[b-t88zmzhdbq] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.hidden-object[b-t88zmzhdbq] {
    color: var(--disabled-text-color);
}

.system-object[b-t88zmzhdbq] {
    color: var(--red-color);
}

.log-listing[b-ugwd1xmq27] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.loading[b-ugwd1xmq27] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    gap: 6px;
}

.header-left[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    padding: 6px 3px 6px 0;
    gap: 6px;
}

.header-right[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 6px;
}

.header-button[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    height: 27px;
    padding: 0 6px;
}

    .header-button:hover[b-ugwd1xmq27] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.path[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    min-width: 150px;
    border: 1px solid var(--border-color);
}

.current-path[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    flex-wrap: wrap;
}

.path-seperator[b-ugwd1xmq27] {
    padding: 2px 0;
}

.path-part[b-ugwd1xmq27] {
    padding: 2px;
}

    .path-part:hover[b-ugwd1xmq27] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.path-button[b-ugwd1xmq27] {
    font-family: 'Times New Roman', Times, serif;
    padding: 5px 6px 3px 6px;
    font-weight: 500;
    user-select: none;
    border-left: 1px solid var(--border-color);
}

    .path-button:hover[b-ugwd1xmq27] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.folder-contents[b-ugwd1xmq27] {
    flex-grow: 1;
    height: 0;
}

table[b-ugwd1xmq27] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-ugwd1xmq27] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    
    position: sticky;
    top: 0;
    padding: 6px 18px;
    
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-ugwd1xmq27] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th span:hover[b-ugwd1xmq27] {
            color: var(--strong-border-color);
            cursor: pointer;
        }

    th:first-child[b-ugwd1xmq27] {
        padding-left: 24px;
    }

    th:last-child[b-ugwd1xmq27] {
        padding-right: 24px;
    }

    th form[b-ugwd1xmq27] {
        display: flex;
    }

thead tr[b-ugwd1xmq27] {
    vertical-align: top;
}

tbody tr td[b-ugwd1xmq27] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-ugwd1xmq27] {
    cursor: pointer;
    background-color: var(--hover-color);
}

tbody tr:hover[b-ugwd1xmq27] {
    cursor: pointer;
    background-color: var(--hover-color);
}

td[b-ugwd1xmq27] {
    padding: 6px 18px;
    white-space: nowrap;
}

    td:first-child[b-ugwd1xmq27] {
        padding-left: 24px;
    }

    td:last-child[b-ugwd1xmq27] {
        padding-right: 24px;
    }

.icon-name[b-ugwd1xmq27] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.log-viewer[b-m5exoypvvc] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.loading[b-m5exoypvvc] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.log-entries[b-m5exoypvvc] {
    flex-grow: 1;
    height: 0;
    overflow-y: auto;
}

.entry-message[b-m5exoypvvc] {
    min-height: 25%;
    max-height: 50%;
    border: 6px solid var(--border-color);
    overflow: auto;
    padding: 12px;
}

.entry-message span[b-m5exoypvvc] {
    word-wrap: break-word;
}

table[b-m5exoypvvc] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-m5exoypvvc] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    
    position: sticky;
    top: 0;
    padding: 6px 18px;
    
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-m5exoypvvc] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th span:hover[b-m5exoypvvc] {
            color: var(--strong-border-color);
            cursor: pointer;
        }

    th:first-child[b-m5exoypvvc] {
        padding-left: 24px;
    }

    th:last-child[b-m5exoypvvc] {
        padding-right: 24px;
    }

    th form[b-m5exoypvvc] {
        display: flex;
    }

thead tr[b-m5exoypvvc] {
    vertical-align: top;
}

tbody tr td[b-m5exoypvvc] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-m5exoypvvc] {
    cursor: pointer;
    background-color: var(--hover-color);
}

tbody tr.selected[b-m5exoypvvc] {
    background-color: var(--selected-bg-color);
}

td[b-m5exoypvvc] {
    padding: 6px 18px;
    white-space: nowrap;
}

    td:first-child[b-m5exoypvvc] {
        padding-left: 24px;
    }

    td:last-child[b-m5exoypvvc] {
        padding-right: 24px;
    }

.load-more[b-m5exoypvvc] {
    display: flex;
    justify-content: center;
    padding: 6px;
    font-weight: 500;
}

.load-more:hover[b-m5exoypvvc] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.registry-listing[b-jcumn5n86f] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.loading[b-jcumn5n86f] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    gap: 6px;
}

.header-left[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    padding: 6px 3px 6px 0;
    gap: 6px;
}

.header-right[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 6px;
}

.header-button[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    height: 27px;
    padding: 0 6px;
}

    .header-button:hover[b-jcumn5n86f] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.path[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    justify-content: space-between;
    min-width: 150px;
    border: 1px solid var(--border-color);
}

.current-path[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    padding: 2px;
    flex-wrap: wrap;
}

.path-seperator[b-jcumn5n86f] {
    padding: 2px 0;
}

.path-seperator:nth-child(3)[b-jcumn5n86f] {
    margin-left: 3px;
}

.path-part[b-jcumn5n86f] {
    padding: 2px;
}

    .path-part:hover[b-jcumn5n86f] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.path-button[b-jcumn5n86f] {
    font-family: 'Times New Roman', Times, serif;
    padding: 5px 6px 3px 6px;
    font-weight: 500;
    user-select: none;
    border-left: 1px solid var(--border-color);
}

    .path-button:hover[b-jcumn5n86f] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.key-contents[b-jcumn5n86f] {
    flex-grow: 1;
    height: 0;
}

.unset-default[b-jcumn5n86f] {
    color: var(--disabled-text-color);
}

table[b-jcumn5n86f] {
    width: 100%;
    border-collapse: separate;
    border-spacing: 0;
}

th[b-jcumn5n86f] {
    text-align: left;
    font-weight: 500;
    font-size: 14px;
    
    position: sticky;
    top: 0;
    padding: 6px 18px;
    
    background-color: var(--bg-color);
    border-bottom: 4px double var(--border-color);
    white-space: nowrap;
}

    th span[b-jcumn5n86f] {
        display: flex;
        gap: 3px;
        align-items: center;
    }

        th span:hover[b-jcumn5n86f] {
            color: var(--strong-border-color);
            cursor: pointer;
        }

    th:first-child[b-jcumn5n86f] {
        padding-left: 24px;
    }

    th:last-child[b-jcumn5n86f] {
        padding-right: 24px;
    }

    th form[b-jcumn5n86f] {
        display: flex;
    }

thead tr[b-jcumn5n86f] {
    vertical-align: top;
}

tbody tr td[b-jcumn5n86f] {
    border-bottom: 1px solid var(--border-color);
}

tbody tr:hover[b-jcumn5n86f] {
    cursor: pointer;
    background-color: var(--hover-color);
}

tbody tr:hover[b-jcumn5n86f] {
    cursor: pointer;
    background-color: var(--hover-color);
}

td[b-jcumn5n86f] {
    padding: 6px 18px;
    white-space: nowrap;
}

    td:first-child[b-jcumn5n86f] {
        padding-left: 24px;
    }

    td:last-child[b-jcumn5n86f] {
        padding-right: 24px;
    }

.icon-name[b-jcumn5n86f] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.script-session[b-valn1cw2fg] {
    display: flex;
    height: 100%;
}

.loading[b-valn1cw2fg] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.script-type-picker[b-valn1cw2fg] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 36px;
}

.picker-contents[b-valn1cw2fg] {
    border: 1px solid var(--strong-border-color);
    border-radius: 6px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.script-types-header[b-valn1cw2fg] {
    display: flex;
    justify-content: center;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
}

.script-type[b-valn1cw2fg] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--border-color);
}

    .script-type:last-child[b-valn1cw2fg] {
        border-bottom: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

.script-type:hover[b-valn1cw2fg] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.script-interface[b-valn1cw2fg] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    padding: 12px;
    width: 100%;
}

.script-interface fieldset[b-valn1cw2fg] {
    border-radius: 12px;
}

textarea[b-valn1cw2fg] {
    flex-grow: 1;
    outline: none;
    resize: none;
    white-space: pre;
    font-family: var(--mono-fonts);
    font-size: 13px;
    font-weight: 400;
    line-height: 18px;
}

.input[b-valn1cw2fg] {
    display: flex;
    flex-grow: 1;
}

.input-controls[b-valn1cw2fg] {
    padding-top: 2px;
    padding-left: 12px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    gap: 3px;
}

.return-variables[b-valn1cw2fg] {
    border: 1px solid var(--border-color);
    padding: 0;
    min-width: 125px;
}

    .return-variables legend[b-valn1cw2fg] {
        text-align: center;
    }

    .return-variables .empty[b-valn1cw2fg] {
        display: flex;
        justify-content: center;
        padding: 3px 0 4px 3px;
    }

.return-variable[b-valn1cw2fg] {
    display: flex;
    align-items: center;
    justify-content: space-between;
    border-top: 1px solid var(--border-color);
    padding: 4px 0 4px 3px;
}

.return-variable:first-of-type[b-valn1cw2fg] {
    padding: 3px 0 4px 3px;
    border: none;
}

.return-variable .delete[b-valn1cw2fg] {
    color: var(--red-color);
    padding: 0 6px;
    user-select: none;
    border-left: 1px solid var(--border-color);
}

    .return-variable .delete:hover[b-valn1cw2fg] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.variable-controls[b-valn1cw2fg] {
    display: flex;
    border-top: 1px solid var(--border-color);
}

.variable-controls div[b-valn1cw2fg] {
    flex-grow: 1;
    text-align: center;
    background-color: var(--hover-color);
    padding: 3px;
}

    .variable-controls div:hover[b-valn1cw2fg] {
        cursor: pointer;
        background-color: var(--dim-bg-color);
    }

    .variable-controls .add[b-valn1cw2fg] {
        border-right: 1px solid var(--border-color);
        border-bottom-left-radius: 12px;
    }

    .variable-controls .clear[b-valn1cw2fg] {
        border-bottom-right-radius: 12px;
    }

.output[b-valn1cw2fg] {
    display: flex;
    flex-grow: 1;
}

.output-selector[b-valn1cw2fg] {
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 2px;
}

.output-select-control[b-valn1cw2fg] {
    padding: 6px;
    box-shadow: 0px 0px 10px 0px var(--shadow-color);
}

.output-select-control:hover[b-valn1cw2fg] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.output-select-control.selected[b-valn1cw2fg] {
    color: var(--selected-text-color);
    background-color: var(--selected-bg-color);
}

    .output-select-control.has-data[b-valn1cw2fg] {
        font-weight: 600;
    }

.input .submit[b-valn1cw2fg] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    padding: 6px;
    background-color: var(--hover-color);
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

.input .submit span[b-valn1cw2fg] {
    font-weight: 600;
}

    .input .submit:hover[b-valn1cw2fg] {
        cursor: pointer;
        background-color: var(--dim-bg-color);
    }

.powershell textarea[b-valn1cw2fg] {
    color: #ffffff;
    background-color: #012456;
    text-shadow: 2px 2px 4px #000000;
}

@media only screen and (max-width: 500px) {
    .input[b-valn1cw2fg] {
        flex-direction: column;
    }

    .output[b-valn1cw2fg] {
        flex-direction: column-reverse;
    }
}

.terminal-session[b-zc36x4hpl0] {
    position: relative;
    display: flex;
    height: 100%;
}

.loading[b-zc36x4hpl0] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.shell-picker[b-zc36x4hpl0] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    margin-top: 36px;
}

.picker-contents[b-zc36x4hpl0] {
    border: 1px solid var(--strong-border-color);
    border-radius: 6px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.available-shells-header[b-zc36x4hpl0] {
    display: flex;
    justify-content: center;
    padding: 6px 12px;
    font-size: 16px;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
}

.available-shell[b-zc36x4hpl0] {
    padding: 6px 12px;
    border-bottom: 1px solid var(--border-color);
}

    .available-shell:last-child[b-zc36x4hpl0] {
        border-bottom: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .available-shell:hover[b-zc36x4hpl0] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.terminal-interface[b-zc36x4hpl0] {
    position: absolute;
    inset: 0;
}

.terminal-interface div[b-zc36x4hpl0] {
    position: absolute;
    inset: 12px;
}

.text-file-editor[b-bsspj25jb6] {
    display: flex;
    height: 100%;
    flex-direction: column;
    justify-content: space-between;
}

.loading[b-bsspj25jb6] {
    height: 100%;
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header[b-bsspj25jb6] {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: 6px 12px;
    gap: 6px;
}

.header-left[b-bsspj25jb6] {
    display: flex;
    flex-direction: row;
    flex-grow: 1;
    align-items: center;
    padding: 6px 3px 6px 0;
    gap: 6px;
}

.header-right[b-bsspj25jb6] {
    display: flex;
    flex-direction: row;
    align-items: center;
    padding: 6px 0;
    gap: 6px;
}

.header-button[b-bsspj25jb6] {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    gap: 3px;
    font-weight: 500;
    border: 1px solid var(--border-color);
    height: 27px;
    padding: 0 6px;
}

    .header-button:hover[b-bsspj25jb6] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.file-contents[b-bsspj25jb6] {
    flex-grow: 1;
    height: 0;
    overflow-y: auto;
    padding: 2px 12px 12px 12px;
}

.file-contents div[b-bsspj25jb6] {
    width: 100%;
    height: 100%;
}

    .file-contents div textarea[b-bsspj25jb6] {
        box-sizing: border-box;
        width: 100%;
        height: 100%;
        background-color: var(--bg-color);
        border: 1px solid var(--border-color);
        color: var(--text-color);
        outline: none;
    }

.criteria-group[b-vlrmtsmxj3] {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

    .criteria-group:has(> .group-content > .group-controls > .group-remove:hover)[b-vlrmtsmxj3] {
        filter: brightness(80%);
    }

.group-type[b-vlrmtsmxj3] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px;
    border-radius: 6px;
    background-color: var(--hover-color);
}

.group-drag[b-vlrmtsmxj3] {
    color: var(--dim-text-color);
}

    .group-drag:hover[b-vlrmtsmxj3] {
        cursor: grab;
    }

    .group-drag:active[b-vlrmtsmxj3] {
        cursor: grabbing;
    }

.group-description[b-vlrmtsmxj3] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 8px;
}

    .group-description span[b-vlrmtsmxj3] {
        width: 125px;
        text-align: center;
    }

.group-content[b-vlrmtsmxj3] {
    flex-grow: 1;
}

.child-groups[b-vlrmtsmxj3] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px;
}

.criteria[b-vlrmtsmxj3] {
    display: flex;
    align-items: center;
    gap:  12px;
    margin: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    width: fit-content;
}

    .criteria:has(.criteria-remove:hover)[b-vlrmtsmxj3] {
        background-color: var(--hover-color);
    }

.criteria-target[b-vlrmtsmxj3] {
    flex-grow: 1;
    padding: 6px;
    border-right: 1px solid var(--border-color);
}

.disabled[b-vlrmtsmxj3] {
    color: var(--disabled-text-color);
}

.criteria-operation[b-vlrmtsmxj3] {
    display: flex;
    justify-content: space-between;
    padding: 6px;
}

.criteria-operator[b-vlrmtsmxj3] {

}

.criteria-operand[b-vlrmtsmxj3] {

}

.criteria-remove[b-vlrmtsmxj3] {
    padding: 3px;
}

    .criteria-remove:hover[b-vlrmtsmxj3] {
        cursor: pointer;
        color: var(--red-color);
    }

.empty-group[b-vlrmtsmxj3] {
    display: flex;
    justify-content: center;
    padding: 6px;
    color: var(--disabled-text-color);
}

.group-controls[b-vlrmtsmxj3] {
    display: flex;
    justify-content: space-evenly;
    border-top: 1px solid var(--border-color);
}

.group-control[b-vlrmtsmxj3] {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 6px;
    color: var(--dim-text-color);
}

    .group-control:hover[b-vlrmtsmxj3] {
        cursor: pointer;
        background-color: var(--hover-color);
        color: var(--text-color);
    }

.group-remove:hover[b-vlrmtsmxj3] {
    color: var(--red-color);
    background-color: var(--selected-bg-color);
}

.new-criteria[b-vlrmtsmxj3] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding-left: 6px;
    border-top: 1px solid var(--border-color);
}

.new-criteria-cancel[b-vlrmtsmxj3] {
    padding: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid var(--border-color);
}

.new-criteria-cancel:hover[b-vlrmtsmxj3] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.target-picker-button[b-vlrmtsmxj3] {
    padding: 1px 6px;
    border: 1px solid var(--border-color);
}

    .target-picker-button:hover[b-vlrmtsmxj3] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

div[b-4i87cf1ku2] {
    width: fit-content;
    height: fit-content;
    margin: auto;
    background-color: var(--bg-color);
    border-radius: 9px;
    box-shadow: var(--double-shadow-color) 0px 2px 4px, var(--border-color) 0px 7px 13px -3px, var(--shadow-color) 0px -3px 0px inset;
}

.container[b-har9z3w80f] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
}

.box[b-har9z3w80f] {
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    width: calc(100% - 2rem);
    min-width: 50%;
    max-width: 1200px;

}

.title[b-har9z3w80f] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.title-button[b-har9z3w80f] {
    position: absolute;
    margin-top: -12px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}

    .title-button:hover[b-har9z3w80f] {
        background-color: var(--hover-color);
    }

    .title-button.left[b-har9z3w80f] {
        left: 0px;
    }

    .title-button.right[b-har9z3w80f] {
        right: 0px;
    }

.content[b-har9z3w80f] {
    padding: 12px;
    overflow-x: auto;
}

.criteria-group[b-9ta507z26r] {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

    .criteria-group:has(> .group-content > .group-controls > .group-remove:hover)[b-9ta507z26r] {
        filter: brightness(80%);
    }

.group-type[b-9ta507z26r] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 6px;
    background-color: var(--hover-color);
}

.group-drag[b-9ta507z26r] {
    color: var(--dim-text-color);
}

    .group-drag:hover[b-9ta507z26r] {
        cursor: grab;
    }

    .group-drag:active[b-9ta507z26r] {
        cursor: grabbing;
    }

.group-content[b-9ta507z26r] {
    flex-grow: 1;
}

.child-groups[b-9ta507z26r] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px;
}

.criteria[b-9ta507z26r] {
    display: flex;
    align-items: center;
    gap:  12px;
    margin: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    width: fit-content;
}

    .criteria:has(.criteria-remove:hover)[b-9ta507z26r] {
        background-color: var(--hover-color);
    }

.criteria-target[b-9ta507z26r] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px;
    border-right: 1px solid var(--border-color);
}

.criteria-drag[b-9ta507z26r] {
    color: var(--dim-text-color);
}

    .criteria-drag:hover[b-9ta507z26r] {
        cursor: grab;
    }

    .criteria-drag:active[b-9ta507z26r] {
        cursor:grabbing;
    }

.disabled[b-9ta507z26r] {
    color: var(--disabled-text-color);
}

.criteria-operation[b-9ta507z26r] {
    display: flex;
    justify-content: space-between;
    padding: 6px;
}

.criteria-operator[b-9ta507z26r] {

}

.criteria-operand[b-9ta507z26r] {

}

.criteria-operand label[b-9ta507z26r] {
    display: flex;
    align-items: center;
    padding-left: 6px;
    border-left: 1px solid var(--border-color);
}

.criteria-remove[b-9ta507z26r] {
    padding: 3px;
}

    .criteria-remove:hover[b-9ta507z26r] {
        cursor: pointer;
        color: var(--red-color);
    }

.empty-group[b-9ta507z26r] {
    display: flex;
    justify-content: center;
    padding: 6px;
    color: var(--disabled-text-color);
}

.group-controls[b-9ta507z26r] {
    display: flex;
    justify-content: space-evenly;
    border-top: 1px solid var(--border-color);
}

.group-control[b-9ta507z26r] {
    display: flex;
    justify-content: center;
    gap: 3px;
    padding: 6px;
    color: var(--dim-text-color);
}

    .group-control:hover[b-9ta507z26r] {
        cursor: pointer;
        background-color: var(--hover-color);
        color: var(--text-color);
    }

.group-remove:hover[b-9ta507z26r] {
    color: var(--red-color);
    background-color: var(--selected-bg-color);
}

.new-criteria[b-9ta507z26r] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding-left: 6px;
    border-top: 1px solid var(--border-color);
}

.new-criteria-cancel[b-9ta507z26r] {
    padding: 6px;
    border-bottom-right-radius: 6px;
    border-left: 1px solid var(--border-color);
}

.new-criteria-cancel:hover[b-9ta507z26r] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.target-picker-button[b-9ta507z26r] {
    padding: 1px 6px;
    border: 1px solid var(--border-color);
}

    .target-picker-button:hover[b-9ta507z26r] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.selection[b-fr2rizahhz] {
    display: flex;
    justify-content: space-between;
    border: 1px solid var(--border-color);
    cursor: pointer;
}

.display[b-fr2rizahhz] {
    display: flex;
    align-items: center;
    padding: 0 6px;
    margin-bottom: -1px;
}

.display.unset[b-fr2rizahhz] {
    font-style: italic;
    color: var(--disabled-text-color);
    font-size: 12px;
    min-width: 56px;
    margin-bottom: -1px;
}

.selection-pane[b-fr2rizahhz] {
    display: block;
    position: fixed;
    max-height: 100%;
    overflow: auto;
    box-shadow: 0px 0px 7px 2px var(--shadow-color);
}

.options[b-fr2rizahhz] {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color);
}

.dropdown-option[b-o61cofcbb8] {
    padding: 6px 12px;
    user-select: none;
}

.dropdown-option.unset[b-o61cofcbb8] {
    font-style: italic;
    color: var(--disabled-text-color);
}

.dropdown-option:hover[b-o61cofcbb8] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.full-screen[b-71izftgqcm] {
    position:fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
}

.sk-chase[b-3qi4vybgpa] {
    position: relative;
    animation: sk-chase-b-3qi4vybgpa 2.5s infinite linear both;
}

.sk-chase-dot[b-3qi4vybgpa] {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    animation: sk-chase-dot-b-3qi4vybgpa 2.0s infinite ease-in-out both;
}

    .sk-chase-dot[b-3qi4vybgpa]:before {
        content: '';
        display: block;
        width: 25%;
        height: 25%;
        background-color: var(--text-color);
        border-radius: 100%;
        animation: sk-chase-dot-before-b-3qi4vybgpa 2.0s infinite ease-in-out both;
    }

    .sk-chase-dot:nth-child(1)[b-3qi4vybgpa] {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2)[b-3qi4vybgpa] {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3)[b-3qi4vybgpa] {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4)[b-3qi4vybgpa] {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5)[b-3qi4vybgpa] {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6)[b-3qi4vybgpa] {
        animation-delay: -0.6s;
    }

    .sk-chase-dot:nth-child(1)[b-3qi4vybgpa]:before {
        animation-delay: -1.1s;
    }

    .sk-chase-dot:nth-child(2)[b-3qi4vybgpa]:before {
        animation-delay: -1.0s;
    }

    .sk-chase-dot:nth-child(3)[b-3qi4vybgpa]:before {
        animation-delay: -0.9s;
    }

    .sk-chase-dot:nth-child(4)[b-3qi4vybgpa]:before {
        animation-delay: -0.8s;
    }

    .sk-chase-dot:nth-child(5)[b-3qi4vybgpa]:before {
        animation-delay: -0.7s;
    }

    .sk-chase-dot:nth-child(6)[b-3qi4vybgpa]:before {
        animation-delay: -0.6s;
    }

@keyframes sk-chase-b-3qi4vybgpa {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-b-3qi4vybgpa {
    80%, 100% {
        transform: rotate(360deg);
    }
}

@keyframes sk-chase-dot-before-b-3qi4vybgpa {
    50% {
        transform: scale(0.4);
    }

    100%, 0% {
        transform: scale(1.0);
    }
}

.edge[b-87p3xij4c8] {
    position: fixed;
    margin: -18px;
    padding: 8px;
}

.context-menu[b-87p3xij4c8] {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color);
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    border-radius: 6px;
    border: 1px solid var(--double-shadow-color);
}

.option[b-ec6p1x3iq8] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    white-space: nowrap;
    border-bottom: 1px solid var(--border-color);
}

    .option:first-child[b-ec6p1x3iq8] {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .option:last-child[b-ec6p1x3iq8] {
        border-bottom: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .option:hover[b-ec6p1x3iq8] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.label[b-ec6p1x3iq8] {
    display: flex;
    align-items: center;
    gap: 6px;
}

.description[b-ec6p1x3iq8] {
    font-size: 10px;
    white-space: normal;
}

.option[b-cujainz1cl] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 6px 8px;
    white-space: nowrap;
    border-bottom: 1px solid var(--border-color);
}

    .option:first-child[b-cujainz1cl] {
        border-top-left-radius: 6px;
        border-top-right-radius: 6px;
    }

    .option:last-child[b-cujainz1cl] {
        border-bottom: none;
        border-bottom-left-radius: 6px;
        border-bottom-right-radius: 6px;
    }

    .option:hover[b-cujainz1cl] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.separator[b-3652hv95us] {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 20px;

}

fieldset[b-3652hv95us] {
    display: flex;
    border: none;
    border-top: 1px solid var(--strong-border-color);
    width: 100%;
    padding: 0;
    margin: 0 16px;
    text-align: center;
}

legend[b-3652hv95us] {
    font-weight: 500;
    padding: 0 8px;
    font-size: 14px;
    line-height: 14px;
}

.menu-divider fieldset[b-d85b3tkga3] {
    color: var(--dim-text-color);
    font-size: 14px;
    border: none;
    border-top: 1px solid var(--border-color);
    margin: 6px 0 3px 0;
    padding: 0 12px;
}

.menu-item[b-sb4ru8p6qw] {
    display: flex;
    gap: 3px;
    padding: 4px 12px;
}

    .menu-item:last-child[b-sb4ru8p6qw] {
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }

.menu-item:hover[b-sb4ru8p6qw] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.selection[b-gc579yzueg] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 3px;
    border-bottom: 1px solid var(--border-color);
}

    .selection.hover[b-gc579yzueg] {
        border-bottom: 1px solid var(--strong-border-color);
    }

.current-selection[b-gc579yzueg] {
    display: flex;
    gap: 3px;
}

.unset[b-gc579yzueg] {
    color: var(--disabled-text-color);
    font-style: italic;
}

.expander[b-gc579yzueg] {
    padding: 0 6px 0 12px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}

.selection-pane[b-gc579yzueg] {
    display: block;
    position: fixed;
    margin-top: -1px;
}

.item-list[b-gc579yzueg] {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-height: 100vh;
    overflow: auto;
    background-color: var(--bg-color);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    box-shadow: 0px 4px 8px 2px var(--double-shadow-color);
}

.modal[b-hf5v36cd0u] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-hf5v36cd0u] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-hf5v36cd0u] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-hf5v36cd0u] {
    padding: 12px 48px 12px 24px;
    text-align: center;
}

.search[b-hf5v36cd0u] {
    padding: 0 6px 6px 12px;
}

.search label[b-hf5v36cd0u] {
    display: flex;
    align-items: center;
}

.search input[type=text][b-hf5v36cd0u] {
    background-color: var(--bg-color);
    border: none;
    border-bottom: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
    padding: 0;
    margin-left: 6px;
    width: 140px;
    height: 18px;
}

.search-button[b-hf5v36cd0u] {
    background-color: var(--bg-color);
    border-bottom: 1px solid var(--border-color);
}

.search-button:hover[b-hf5v36cd0u] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.loading[b-hf5v36cd0u] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-hf5v36cd0u] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.asset-table[b-hf5v36cd0u] {
    width: 120%;
    border-collapse: collapse;
}

    .asset-table th[b-hf5v36cd0u] {
        font-weight: 500;
    }

    .asset-table tbody tr:hover[b-hf5v36cd0u] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .asset-table tbody tr.selected[b-hf5v36cd0u] {
        background-color: var(--selected-bg-color);
    }

.sortable span[b-hf5v36cd0u] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-hf5v36cd0u] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.controls[b-hf5v36cd0u] {
    margin-top: 12px;
    display: flex;
    justify-content: space-between;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

.left-controls[b-hf5v36cd0u] {
    display: flex;
    align-items: center;
    border-radius: 3px;
    border: 1px solid var(--border-color);
}

.right-controls[b-hf5v36cd0u] {
    display: flex;
    gap: 12px;
}

    .right-controls div[b-hf5v36cd0u] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-hf5v36cd0u] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-hf5v36cd0u] {
        background-color: var(--hover-color);
    }

.disabled[b-hf5v36cd0u] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-hf5v36cd0u] {
    cursor: wait;
}

.success[b-hf5v36cd0u] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-hf5v36cd0u] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-9fj6dwjo1v] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-9fj6dwjo1v] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-9fj6dwjo1v] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-9fj6dwjo1v] {
    padding: 12px 48px 12px 24px;
}

.loading[b-9fj6dwjo1v] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-9fj6dwjo1v] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.controls[b-9fj6dwjo1v] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-9fj6dwjo1v] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-9fj6dwjo1v] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-9fj6dwjo1v] {
        background-color: var(--hover-color);
    }

.disabled[b-9fj6dwjo1v] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-9fj6dwjo1v] {
    cursor: wait;
}

.success[b-9fj6dwjo1v] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-9fj6dwjo1v] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-0ezjenr697] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-0ezjenr697] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-0ezjenr697] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-0ezjenr697] {
    padding: 12px 48px 12px 24px;
}

.controls[b-0ezjenr697] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-0ezjenr697] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-0ezjenr697] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-0ezjenr697] {
        background-color: var(--hover-color);
    }

.disabled[b-0ezjenr697] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
}

.waiting[b-0ezjenr697] {
    cursor: wait;
}

.success[b-0ezjenr697] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-0ezjenr697] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-9mcvvwsse1] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-9mcvvwsse1] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-9mcvvwsse1] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-9mcvvwsse1] {
    padding: 12px 48px 12px 24px;
}

.loading[b-9mcvvwsse1] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-9mcvvwsse1] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.contact-table[b-9mcvvwsse1] {
    width: 120%;
    border-collapse: collapse;
}

    .contact-table th[b-9mcvvwsse1] {
        font-weight: 500;
    }

    .contact-table tbody tr:hover[b-9mcvvwsse1] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .contact-table tbody tr.selected[b-9mcvvwsse1] {
        background-color: var(--selected-bg-color);
    }

.sortable span[b-9mcvvwsse1] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-9mcvvwsse1] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.controls[b-9mcvvwsse1] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-9mcvvwsse1] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-9mcvvwsse1] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-9mcvvwsse1] {
        background-color: var(--hover-color);
    }

.disabled[b-9mcvvwsse1] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-9mcvvwsse1] {
    cursor: wait;
}

.success[b-9mcvvwsse1] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-9mcvvwsse1] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-llawi0esj0] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-llawi0esj0] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-llawi0esj0] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-llawi0esj0] {
    padding: 12px 48px 12px 24px;
}

.loading[b-llawi0esj0] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-llawi0esj0] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.file-table[b-llawi0esj0] {
    width: 120%;
    border-collapse: collapse;
}

    .file-table th[b-llawi0esj0] {
        font-weight: 500;
    }

    .file-table tbody tr:hover[b-llawi0esj0] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .file-table tbody tr.selected[b-llawi0esj0] {
        background-color: var(--selected-bg-color);
    }

.sortable span[b-llawi0esj0] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-llawi0esj0] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.file-name[b-llawi0esj0] {
    font-weight: 500;
}

.controls[b-llawi0esj0] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-llawi0esj0] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-llawi0esj0] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-llawi0esj0] {
        background-color: var(--hover-color);
    }

.disabled[b-llawi0esj0] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-llawi0esj0] {
    cursor: wait;
}

.success[b-llawi0esj0] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-llawi0esj0] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

textarea[b-sj89exb1rt] {
    outline: none;
    background-color: var(--bg-color);
    color: var(--text-color);
    width: 90vw;
    max-width: 800px;
    height: 40vh;
    max-height: 600px;
}

.modal[b-sj89exb1rt] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-sj89exb1rt] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-sj89exb1rt] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
    margin-bottom: 12px;
}

.prompt[b-sj89exb1rt] {
    margin-bottom: 9px;
}

.controls[b-sj89exb1rt] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-sj89exb1rt] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-sj89exb1rt] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-sj89exb1rt] {
        background-color: var(--hover-color);
    }

.disabled[b-sj89exb1rt] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
}

.waiting[b-sj89exb1rt] {
    cursor: wait;
}

.success[b-sj89exb1rt] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-sj89exb1rt] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-gpwomuimdv] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-gpwomuimdv] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    width: 280px;
    height: 400px;
}

.title[b-gpwomuimdv] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
    margin-bottom: 6px;
}

.selection[b-gpwomuimdv] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.attribute-table[b-gpwomuimdv] {
    width: 100%;
    border-collapse: collapse;
}

    .attribute-table th[b-gpwomuimdv] {
        font-weight: 500;
        text-align: left;
        padding-bottom: 3px;
        border-bottom: 1px solid var(--border-color);
    }

    .attribute-table td[b-gpwomuimdv] {
        padding-top: 3px;
    }

    .attribute-table tbody tr:hover[b-gpwomuimdv] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .attribute-table tbody tr.selected[b-gpwomuimdv] {
        background-color: var(--selected-bg-color);
    }

.input[b-gpwomuimdv] {
    margin-top: 12px;
    padding: 9px 6px 0 6px;
    border-top: 1px solid var(--strong-border-color);
}

.value-input[b-gpwomuimdv] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
}

.value-input span[b-gpwomuimdv] {
    font-weight: 500;
}

.placeholder[b-gpwomuimdv] {
    filter: blur(2px);
}

input[type=text][b-gpwomuimdv] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
}

.controls[b-gpwomuimdv] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}
    .controls div[b-gpwomuimdv] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-gpwomuimdv] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-gpwomuimdv] {
        background-color: var(--hover-color);
    }

.disabled[b-gpwomuimdv] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-gpwomuimdv] {
    cursor: wait;
}

.success[b-gpwomuimdv] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-gpwomuimdv] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-55xyr5t0wg] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-55xyr5t0wg] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-55xyr5t0wg] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-55xyr5t0wg] {
    padding: 12px 48px 12px 24px;
}

.loading[b-55xyr5t0wg] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-55xyr5t0wg] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.channel-table[b-55xyr5t0wg] {
    width: 120%;
    border-collapse: collapse;
}

    .channel-table th[b-55xyr5t0wg] {
        font-weight: 500;
    }

    .channel-table tbody tr:hover[b-55xyr5t0wg] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .channel-table tbody tr.selected[b-55xyr5t0wg] {
        background-color: var(--selected-bg-color);
    }

.sortable span[b-55xyr5t0wg] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-55xyr5t0wg] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.controls[b-55xyr5t0wg] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-55xyr5t0wg] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-55xyr5t0wg] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-55xyr5t0wg] {
        background-color: var(--hover-color);
    }

.disabled[b-55xyr5t0wg] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-55xyr5t0wg] {
    cursor: wait;
}

.success[b-55xyr5t0wg] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-55xyr5t0wg] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-4sfhnmlxdv] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-4sfhnmlxdv] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-4sfhnmlxdv] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-4sfhnmlxdv] {
    padding: 12px 48px 12px 24px;
}

.controls[b-4sfhnmlxdv] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .ok[b-4sfhnmlxdv] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        background-color: var(--bg-color);
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

        .ok:hover[b-4sfhnmlxdv] {
            cursor: pointer;
            background-color: var(--hover-color);
        }

.modal[b-odechlmrgt] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-odechlmrgt] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-odechlmrgt] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.label[b-odechlmrgt] {
    padding: 12px 48px 6px 24px;
}

.progress[b-odechlmrgt] {
    border: 1px solid var(--border-color);
    width: calc(100% - 12px);
    height: 24px;
    margin: 0 6px 9px 6px;
    position: relative;
    background-color: var(--dim-bg-color);
}

.progress-label[b-odechlmrgt] {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    text-align: center;
    z-index: 30;
    font-weight: 500;
    color: var(--white-text-color);
}

.progress-bar[b-odechlmrgt] {
    background-color: var(--green-color);
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    z-index: 20;
}

.controls[b-odechlmrgt] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-odechlmrgt] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.cancel[b-odechlmrgt] {
    background-color: var(--bg-color);
}

    .cancel:hover[b-odechlmrgt] {
        cursor: pointer;
        background-color: var(--hover-color);
    }


.modal[b-7j7xvgt2hs] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-7j7xvgt2hs] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-7j7xvgt2hs] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-7j7xvgt2hs] {
    padding: 12px 48px 12px 24px;
}

.input[b-7j7xvgt2hs] {
    padding: 0 24px 18px 24px;
}

input[type=text][b-7j7xvgt2hs] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--dim-text-color);
    outline: none;
}

.invalid input[type=text][b-7j7xvgt2hs] {
    border: 1px solid var(--red-color);
}

.input input[b-7j7xvgt2hs] {
    width: 100%;
}

.controls[b-7j7xvgt2hs] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-7j7xvgt2hs] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-7j7xvgt2hs] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-7j7xvgt2hs] {
        background-color: var(--hover-color);
    }

.disabled[b-7j7xvgt2hs] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
}

.waiting[b-7j7xvgt2hs] {
    cursor: wait;
}

.success[b-7j7xvgt2hs] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-7j7xvgt2hs] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

select[b-033kw4rk64] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--dim-text-color);
    outline: none;
}

option:checked[b-033kw4rk64] {
    background-color: var(--selected-bg-color);
    color: var(--selected-text-color);
}

.modal[b-033kw4rk64] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-033kw4rk64] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 4rem);
}

.title[b-033kw4rk64] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-033kw4rk64] {
    padding: 12px 48px 12px 24px;
}

.selection-pane[b-033kw4rk64] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex-wrap: wrap;
    overflow: auto;
}

.loading[b-033kw4rk64] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controls[b-033kw4rk64] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-033kw4rk64] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-033kw4rk64] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-033kw4rk64] {
        background-color: var(--hover-color);
    }

.disabled[b-033kw4rk64] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-033kw4rk64] {
    cursor: wait;
}

.success[b-033kw4rk64] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-033kw4rk64] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-xktvhq8xxz] {
    position: fixed;
    display: flex;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-xktvhq8xxz] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-xktvhq8xxz] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.targeting-editor-container[b-xktvhq8xxz] {
    margin: 12px;
}

.controls[b-xktvhq8xxz] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-xktvhq8xxz] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
        background-color: var(--bg-color);
        cursor: pointer;
    }

        .controls div:hover[b-xktvhq8xxz] {
            background-color: var(--hover-color);
        }

.modal[b-9a5wtptv4o] {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-9a5wtptv4o] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
}

.title[b-9a5wtptv4o] {
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-9a5wtptv4o] {
    padding: 12px;
    text-align: center;
    font-weight: 500;
}

.input[b-9a5wtptv4o] {
    display: flex;
    padding: 0 12px 12px 12px;
    justify-content: center;
}

.controls[b-9a5wtptv4o] {
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-9a5wtptv4o] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-9a5wtptv4o] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-9a5wtptv4o] {
        background-color: var(--hover-color);
    }

.disabled[b-9a5wtptv4o] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
}

.waiting[b-9a5wtptv4o] {
    cursor: wait;
}

.success[b-9a5wtptv4o] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-9a5wtptv4o] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

.modal[b-ug20cr72nt] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-ug20cr72nt] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 48px);
    height: 500px;
}

.title[b-ug20cr72nt] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-ug20cr72nt] {
    padding: 12px 48px 12px 24px;
}

.loading[b-ug20cr72nt] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.selection[b-ug20cr72nt] {
    flex-grow: 1;
    border: 1px solid var(--border-color);
    background-color: var(--bg-color);
    padding: 12px;
    overflow: auto;
}

.user-table[b-ug20cr72nt] {
    width: 120%;
    border-collapse: collapse;
}

    .user-table th[b-ug20cr72nt] {
        font-weight: 500;
    }

    .user-table tbody tr:hover[b-ug20cr72nt] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .user-table tbody tr.selected[b-ug20cr72nt] {
        background-color: var(--selected-bg-color);
    }

.sortable span[b-ug20cr72nt] {
    float: left;
    padding-right: 3px;
}

.sortable:hover[b-ug20cr72nt] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.controls[b-ug20cr72nt] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-ug20cr72nt] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-ug20cr72nt] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-ug20cr72nt] {
        background-color: var(--hover-color);
    }

.disabled[b-ug20cr72nt] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-ug20cr72nt] {
    cursor: wait;
}

.success[b-ug20cr72nt] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-ug20cr72nt] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

select[b-w5gh7xjmsy] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--dim-text-color);
    outline: none;
}

option:checked[b-w5gh7xjmsy] {
    background-color: var(--selected-bg-color);
    color: var(--selected-text-color);
}

.modal[b-w5gh7xjmsy] {
    display: flex;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    justify-content: center;
    align-items: center;
    background-color: #00000040;
    z-index: 101;
}

.form[b-w5gh7xjmsy] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    box-shadow: 0px 0px 10px 4px var(--double-shadow-color);
    border-radius: 4px;
    max-height: calc(100% - 4rem);
}

.title[b-w5gh7xjmsy] {
    display: flex;
    justify-content: center;
    font-weight: 500;
    border-bottom: 1px solid var(--strong-border-color);
    padding-bottom: 6px;
}

.prompt[b-w5gh7xjmsy] {
    padding: 12px 48px 12px 24px;
}

.selection-pane[b-w5gh7xjmsy] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    flex-wrap: wrap;
    overflow: auto;
}

.loading[b-w5gh7xjmsy] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
}

.controls[b-w5gh7xjmsy] {
    margin-top: 12px;
    display: flex;
    justify-content: flex-end;
    padding-top: 12px;
    border-top: 1px solid var(--strong-border-color);
    gap: 12px;
    font-weight: 500;
}

    .controls div[b-w5gh7xjmsy] {
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 3px 3px;
        gap: 3px;
        min-width: 70px;
        border-radius: 3px;
        border: 1px solid var(--border-color);
    }

.active[b-w5gh7xjmsy] {
    background-color: var(--bg-color);
    cursor: pointer;
}

    .active:hover[b-w5gh7xjmsy] {
        background-color: var(--hover-color);
    }

.disabled[b-w5gh7xjmsy] {
    background-color: var(--disabled-text-color);
    color: var(--dim-text-color);
    cursor: not-allowed;
}

.waiting[b-w5gh7xjmsy] {
    cursor: wait;
}

.success[b-w5gh7xjmsy] {
    color: var(--white-text-color);
    background-color: var(--green-color);
}

.fail[b-w5gh7xjmsy] {
    color: var(--white-text-color);
    background-color: var(--red-color);
}

nav[b-5uxgc1xyhn] {
    color: #ffffff;
    font-size: 16px;
    min-width: 200px;
    width: 200px;
    height: 100%;
    background-color: #202020;
}

    nav a[b-5uxgc1xyhn] {
        display: inline-block;
        cursor: pointer;
        text-decoration: none;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }

.parent[b-5uxgc1xyhn] {
    height: 24px;
}

    .parent a[b-5uxgc1xyhn] {
        padding: 6px 0px;
        font-size: 12px;
        width: 100%;
    }

.current[b-5uxgc1xyhn] {
    height: 36px;
}

    .current a[b-5uxgc1xyhn] {
        font-size: 24px;
        padding: 6px 0px;
        width: 100%;
    }

.child[b-5uxgc1xyhn] {
    height: 36px;
    display: flex;
}

    .child a[b-5uxgc1xyhn] {
        font-size: 18px;
        padding: 8px 0px;
    }

    .child .end[b-5uxgc1xyhn] {
        width: 100%;
    }

    .child .label[b-5uxgc1xyhn] {
        width: 80%;
    }

    .child .navlink[b-5uxgc1xyhn] {
        width: 20%;
        text-align: center;
    }

.nav-l4[b-5uxgc1xyhn] {
    
}

    .nav-l4 a span[b-5uxgc1xyhn] {
        padding-left: 40px;
    }

    .nav-l4 a:hover[b-5uxgc1xyhn] {
        background-color: #808080;
    }

.nav-l3[b-5uxgc1xyhn] {
    background-color: #606060;
}

    .nav-l3 a span[b-5uxgc1xyhn] {
        padding-left: 30px;
    }

.nav-l2[b-5uxgc1xyhn] {
    background-color: #808080;
}

    .nav-l2 a span[b-5uxgc1xyhn] {
        padding-left: 20px;
    }

.nav-l1[b-5uxgc1xyhn] {
    background-color: #a0a0a0;
}

    .nav-l1 a span[b-5uxgc1xyhn] {
        padding-left: 10px;
    }

.nav-l0[b-5uxgc1xyhn] {
    background-color: #c0c0c0;
}

    .nav-l0 a span[b-5uxgc1xyhn] {
        padding-left: 0px;
    }

.click-detector[b-rloy0gyrbe] {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 200;
}

.inside-content[b-rloy0gyrbe] {
    position: absolute;
    z-index: 201;
}

.hidden[b-rloy0gyrbe] {
    display: none;
}

.pager[b-7t8x4085oc] {
    display: flex;
}

    .pager div[b-7t8x4085oc] {
        text-align: center;
        min-width: 26px;
        cursor: pointer;
        border-radius: 6px;
        padding: 1px 3px;
    }

        .pager div:hover[b-7t8x4085oc] {
            background-color: var(--hover-color);
        }

    .pager .selected[b-7t8x4085oc] {
        background-color: var(--selected-bg-color);
    }

@media only screen and (max-width: 500px) {
    .page[b-7t8x4085oc] {
        display: none;
    }
    
    .selected[b-7t8x4085oc] {
        display: revert;
    }
}

input[type=datetime-local][b-bp58a70sp3], input[type=number][b-bp58a70sp3] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

input[type=number][b-bp58a70sp3] {
    width: 5em;
}

.schedule-editor[b-bp58a70sp3] {
    position: relative;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    border: 1px solid var(--border-color);
}

.save-schedule[b-bp58a70sp3] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .save-schedule:hover[b-bp58a70sp3] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.section[b-bp58a70sp3] {
    padding: 12px;
}

.section-header[b-bp58a70sp3] {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    font-weight: 500;
}

.times[b-bp58a70sp3] {
    grid-area: 1 / 1 / 2 / 2;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
}

.side-by-side[b-bp58a70sp3] {
    display: flex;
    flex-direction: row;
    gap: 24px;
}

.summary[b-bp58a70sp3] {
    grid-area: 1 / 2 / 2 / 3;
    display: flex;
    flex-direction: column;
    border-left: 1px solid var(--border-color);
    gap: 12px;
}

.recurrence-type[b-bp58a70sp3] {
    grid-area: 2 / 1 / 3 / 2;
    display: flex;
    flex-direction: column;
    align-items: center;
    border-top: 1px solid var(--border-color);
    gap: 12px;
}

.type-options[b-bp58a70sp3] {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 6px 64px;
}

@media (max-width: 1024px) {
    .type-options[b-bp58a70sp3] {
        grid-template-columns: 1fr 1fr;
    }
}

.recurrence-config[b-bp58a70sp3] {
    grid-area: 2 / 2 / 3 / 3;
    display: flex;
    flex-direction: column;
    border-top: 1px solid var(--border-color);
    border-left: 1px solid var(--border-color);
    gap: 12px;
}

.days-of-week[b-bp58a70sp3] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 12px 24px;
    margin: 9px 0;
}

.dropdown[b-bp58a70sp3] {
    display: flex;
    flex-direction: row;
    gap: 6px;
}

.monthly-type[b-bp58a70sp3] {
    display: flex;
    flex-direction: row;
    gap: 12px;
}

.tab-body-container[b-p1x1wmkcuw] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.tab-body-header[b-p1x1wmkcuw] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    height: 70px;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.tab-body-title[b-p1x1wmkcuw] {
    font-size: 18px;
    font-weight: 500;
}

.tab-body-controls[b-p1x1wmkcuw] {
    display: flex;
    gap: 24px;
    font-weight: 500;
    padding: 2px 6px;
}

    .tab-body-controls div[b-p1x1wmkcuw] {
        display: flex;
        gap: 6px;
        border-bottom: 1px solid var(--border-color);
    }

        .tab-body-controls div:hover[b-p1x1wmkcuw] {
            cursor: pointer;
            border-bottom: 1px solid var(--strong-border-color);
        }

.tab-body[b-p1x1wmkcuw] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    overflow: auto;
}

.tab-content[b-9akwezpqkp] {
    height: 100%;
}

.tab-content[b-u1rnmpcd1n] {
    height: 100%;
}

.tab-body-container[b-3z3zyr9t5n] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.tab-body-header[b-3z3zyr9t5n] {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    height: 70px;
    overflow: auto;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.tab-body-title[b-3z3zyr9t5n] {
    font-size: 18px;
    font-weight: 500;
}

.tab-body-controls[b-3z3zyr9t5n] {
    display: flex;
    gap: 24px;
    flex-wrap: wrap;
    font-weight: 500;
    padding: 2px 6px;
}

    .tab-body-controls div[b-3z3zyr9t5n] {
        display: flex;
        gap: 6px;
        border-bottom: 1px solid var(--border-color);
    }

        .tab-body-controls div:hover[b-3z3zyr9t5n] {
            cursor: pointer;
            border-bottom: 1px solid var(--strong-border-color);
        }

.tab-body[b-3z3zyr9t5n] {
    width: 100%;
    height: 100%;
    overflow: auto;
}

div[b-owhh60eefs] {
    display: flex;
    align-items: center;
    padding: 1px 2px;
    gap: 6px;
    border-bottom: 1px solid var(--border-color);
}

    div:hover[b-owhh60eefs] {
        cursor: pointer;
        border-bottom: 1px solid var(--strong-border-color);
    }

.tab-interface[b-r9dwht31jj] {
    display: flex;
    flex-direction: column;
    height: 100%;
}

.tabs[b-r9dwht31jj] {
    display: flex;
    justify-content: space-between;
    padding: 0 12px;
    background-color: var(--dim-bg-color);
    overflow-x: auto;
    
    overflow-y: clip;
}

.first-tabs[b-r9dwht31jj] {
    display: flex;
}

.left-tabs[b-r9dwht31jj] {
    display: flex;
    flex-grow: 1;
}

.right-tabs[b-r9dwht31jj] {
    display: flex;
}

.tab-container[b-r9dwht31jj] {
    padding: 4px 1px 0px 1px;
}

    .tab-container.drop-target[b-r9dwht31jj] {
        padding-left: 120px;
    }

    .tab-container.drag-target[b-r9dwht31jj] {
        display: none;
    }

.tab[b-r9dwht31jj] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: var(--selected-bg-color);
    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    color: var(--dim-text-color);
    cursor: pointer;
    white-space: nowrap;
}

.tab:hover[b-r9dwht31jj] {
    background-color: var(--hover-color);
}

.tab.active[b-r9dwht31jj] {
    color: var(--text-color);
    background-color: var(--bg-color);
}

.tab-title[b-r9dwht31jj] {
    display: flex;
    padding: 6px 12px;
}

.tab-option[b-r9dwht31jj] {
    color: var(--dim-text-color);
    margin: 0 4px;
}

    .tab-option:hover[b-r9dwht31jj] {
        color: var(--text-color);
        cursor: pointer;
    }

.tab-page[b-r9dwht31jj] {
    height: 100%;
    overflow: auto;
}

.targeting-editor[b-wymbkxfu63] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
}

.target-types[b-wymbkxfu63] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    justify-content: space-evenly;
}

.target-type-buttons[b-wymbkxfu63] {
    display: flex;
    gap: 12px;
    align-items: center;
}

.target-type-button[b-wymbkxfu63] {
    display: flex;
    gap: 3px;
    padding: 3px 16px;
    border: 1px solid var(--border-color);
    border-radius: 12px;
}

    .target-type-button:hover[b-wymbkxfu63] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.target-summary[b-wymbkxfu63] {
    display: flex;
    flex-direction: column;
    margin-left: 6px;
    border-left: 1px solid var(--border-color);
    padding: 12px;
    gap: 12px;
}

.targets[b-wymbkxfu63] {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    gap: 6px;
}

.target[b-wymbkxfu63] {
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    height: fit-content;
}

    .target div:first-child[b-wymbkxfu63] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 3px;
    }

        .target div:first-child span[b-wymbkxfu63] {
            padding: 3px;
        }

            .target div:first-child span:last-child[b-wymbkxfu63] {
                border-top: 1px solid var(--border-color);
            }

.delete-target:hover[b-wymbkxfu63] {
    cursor: pointer;
    color: var(--red-color);
}

.targets-title[b-wymbkxfu63] {
    font-weight: 500;
    margin-right: 6px;
}

.targeting-editor-container[b-jtgd4tzlpj] {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 6px;
    border: 1px solid var(--border-color);
    margin: 18px 0 12px 0;
}

.save-targets[b-jtgd4tzlpj] {
    position: absolute;
    right: -1px;
    top: -21px;
    display: flex;
    gap: 3px;
    border: solid 1px var(--border-color);
    padding: 3px 12px;
    background-color: var(--bg-color);
}

    .save-targets:hover[b-jtgd4tzlpj] {
        background-color: var(--hover-color);
        cursor: pointer;
    }



.toggle-button-content[b-f9wk4v4kpk] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    padding: 2px 6px;
}

    .toggle-button-content.borderless[b-f9wk4v4kpk] {
        border: none;
        border-radius: unset;
    }

    .toggle-button-content:hover[b-f9wk4v4kpk] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.toggle-title[b-f9wk4v4kpk] {
    font-weight: 500;
    text-align: center;
}

.toggle-title[b-f9wk4v4kpk]::after {
    content: ":";
}

.toggle-label[b-f9wk4v4kpk] {
    display: flex;
    flex-direction: column;
    align-items: center;
}

    .toggle-label .hidden[b-f9wk4v4kpk] {
        line-height: 0;
        visibility: hidden;
    }

.toggle-status[b-f9wk4v4kpk] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    gap: 6px;
}

    .toggle-status.enabled .toggle-icon[b-f9wk4v4kpk] {
        color: var(--green-color);
    }

    .toggle-status.disabled .toggle-icon[b-f9wk4v4kpk] {
        color: var(--red-color);
    }

.toggle-button-content[b-bjmx03kjuy] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    padding: 6px 36px;
}

    .toggle-button-content:hover[b-bjmx03kjuy] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.toggle-title[b-bjmx03kjuy] {
    font-weight: 500;
    text-align: center;
}

.toggle-status[b-bjmx03kjuy] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    gap: 6px;
}

    .toggle-status.enabled .toggle-icon[b-bjmx03kjuy] {
        color: var(--green-color);
    }

    .toggle-status.disabled .toggle-icon[b-bjmx03kjuy] {
        color: var(--red-color);
    }

.node-list[b-1x0wgwsh38] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.tree-node[b-2gkxix1q3d] {
    display: flex;
    flex-direction: column;
}

.node[b-2gkxix1q3d] {
    display: flex;
    gap: 3px;
    padding-left: 20px;
}

    .node.selected .node-name[b-2gkxix1q3d] {
        font-weight: 500;
        color: var(--selected-text-color);
        border-bottom: 1px solid var(--selected-text-color);
    }
    
.expander[b-2gkxix1q3d] {
    margin-left: -20px;
    user-select: none;
}

.node-name[b-2gkxix1q3d] {
    margin-top: 1px;
}

    .node-name.enabled:hover[b-2gkxix1q3d] {
        cursor: pointer;
        font-weight: 500;
    }

    .node-name.disabled[b-2gkxix1q3d] {
        color: var(--disabled-text-color);
    }

    .node-name.disabled:hover[b-2gkxix1q3d] {
        cursor: not-allowed;
    }

.child-nodes[b-2gkxix1q3d] {
    padding: 9px 0 0 24px;
    display: none;
}

.child-nodes.childless[b-2gkxix1q3d] {
    padding-left: 12px;
}

.child-nodes.expanded[b-2gkxix1q3d] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.tree-node[b-5lhhvxmo54] {
    display: flex;
    flex-direction: column;
}

.expander[b-5lhhvxmo54] {
    position: absolute;
    margin-left: -20px;
    border-radius: 6px;
}

    .expander:hover[b-5lhhvxmo54] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.node[b-5lhhvxmo54] {
    display: flex;
    padding-left: 20px;
}

    .node.selected .node-name[b-5lhhvxmo54] {
        font-weight: 500;
        color: var(--selected-text-color);
        border-bottom: 1px solid var(--selected-text-color);
    }

.node-name[b-5lhhvxmo54] {
    cursor: pointer;
}

.node-name:hover[b-5lhhvxmo54] {
    font-weight: 500;
}

.child-nodes[b-5lhhvxmo54] {
    padding: 9px 0 0 24px;
    display: none;
}

.child-nodes.childless[b-5lhhvxmo54] {
    padding-left: 12px;
}

.child-nodes.expanded[b-5lhhvxmo54] {
    display: flex;
    flex-direction: column;
    gap: 9px;
}

.selection[b-jdrb4y2z0v] {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    min-width: 200px;
    border-bottom: 1px solid var(--border-color);
}

    .selection.hover[b-jdrb4y2z0v] {
        border-bottom: 1px solid var(--strong-border-color);
    }

.breadcrumb[b-jdrb4y2z0v] {
    display: flex;
    gap: 3px;
    padding: 6px;
    white-space: nowrap;
}

.breadcrumb-node[b-jdrb4y2z0v] {
    cursor: pointer;
}

.breadcrumb-node:hover[b-jdrb4y2z0v] {
    font-weight: 500;
}

.breadcrumb-current[b-jdrb4y2z0v] {
    font-weight: 500;
}

.expander[b-jdrb4y2z0v] {
    padding: 0 6px 0 12px;
    cursor: pointer;
    display: flex;
    justify-content: flex-end;
    flex-grow: 1;
}

.selection-pane[b-jdrb4y2z0v] {
    display: block;
    position: fixed;
    margin-top: -1px;
}

.node-list[b-jdrb4y2z0v] {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: 9px;
    padding: 12px 12px 24px 12px;
    background-color: var(--bg-color);
    border-bottom-left-radius: 9px;
    border-bottom-right-radius: 9px;
    box-shadow: 0px 4px 8px 2px var(--double-shadow-color);
}

input[type=text][b-cbwlp8xnkj] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--dim-text-color);
    outline: none;
}

input[type=datetime-local][b-cbwlp8xnkj], input[type=date][b-cbwlp8xnkj] {
    background-color: var(--bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

.guid[b-cbwlp8xnkj] {
    width: 100%;
    font-size: 12px;
}

.percent[b-cbwlp8xnkj] {
    width: 64px;
}

.bytes[b-cbwlp8xnkj] {
    text-align: right;
}

.ipv6[b-cbwlp8xnkj] {
    width: 100%;
    font-size: 10px;
}


.typed-input[b-cbwlp8xnkj] {
    display: flex;
    gap: 3px;
    align-items: center;
    max-width: 280px;
}

.typed-input span[b-cbwlp8xnkj] {
    white-space: nowrap;
}

.criteria-group[b-7tz69mq7ga] {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.group-type[b-7tz69mq7ga] {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 3px;
    padding: 6px;
    border-radius: 6px;
    background-color: var(--hover-color);
}

.group-description[b-7tz69mq7ga] {
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
    gap: 8px;
}

    .group-description span[b-7tz69mq7ga] {
        width: 125px;
        text-align: center;
    }

.group-content[b-7tz69mq7ga] {
    flex-grow: 1;
}

.child-groups[b-7tz69mq7ga] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px;
}

.criteria[b-7tz69mq7ga] {
    display: flex;
    align-items: center;
    gap:  12px;
    margin: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    width: fit-content;
}

.criteria-target[b-7tz69mq7ga] {
    flex-grow: 1;
    padding: 6px;
    border-right: 1px solid var(--border-color);
}

.criteria-operation[b-7tz69mq7ga] {
    display: flex;
    justify-content: space-between;
    padding: 6px;
}

.criteria-operator[b-7tz69mq7ga] {

}

.criteria-operand[b-7tz69mq7ga] {

}

.empty-group[b-7tz69mq7ga] {
    display: flex;
    justify-content: center;
    padding: 6px;
    color: var(--disabled-text-color);
}

.criteria-group[b-wc79c0xhnl] {
    display: flex;
    flex-direction: row;
    border-radius: 6px;
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.group-type[b-wc79c0xhnl] {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 6px;
    border-radius: 6px;
    background-color: var(--hover-color);
}

.group-content[b-wc79c0xhnl] {
    flex-grow: 1;
}

.child-groups[b-wc79c0xhnl] {
    display: flex;
    flex-direction: column;
    gap: 12px;
    margin: 12px;
}

.criteria[b-wc79c0xhnl] {
    display: flex;
    align-items: center;
    gap:  12px;
    margin: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
    width: fit-content;
}

.criteria-target[b-wc79c0xhnl] {
    display: flex;
    align-items: center;
    gap: 2px;
    padding: 6px;
    border-right: 1px solid var(--border-color);
}

.criteria-operation[b-wc79c0xhnl] {
    display: flex;
    justify-content: space-between;
    padding: 6px;
}

.criteria-operator[b-wc79c0xhnl] {

}

.criteria-operand[b-wc79c0xhnl] {

}

.empty-group[b-wc79c0xhnl] {
    display: flex;
    justify-content: center;
    padding: 6px;
    color: var(--disabled-text-color);
}

.overlay[b-mptplygudc] {
    position: fixed;
    left: calc(50% + 21px);
    transform: translateX(-50%);
    bottom: 0;
    z-index: 100;
    max-width: calc(100% - 42px);
}

.keyboard[b-mptplygudc] {
    display: flex;
    flex-direction: column;
    gap: 3px;
    background-color: var(--bg-color);
    border: 1px solid var(--strong-border-color);
    border-bottom: none;
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    padding: 8px;
    max-height: 60vh;
    overflow: auto;
}

.columns[b-mptplygudc] {
    display: flex;
    gap: 3px;
    flex-direction: row;
}

.column[b-mptplygudc] {
    display: flex;
    gap: 3px;
    flex-direction: column;
}

.row[b-mptplygudc] {
    display: flex;
    flex-direction: row;
    gap: 3px;
    justify-content: space-between;
}

.blank[b-mptplygudc] {
    border: 1px solid #00000000;
    
    width: 40px;
    height: 40px;
}

.key[b-mptplygudc] {
    display: flex;
    border: 1px solid var(--shadow-color);
    width: 40px;
    height: 40px;
    justify-content: center;
    align-items: center;
    user-select: none;
    font-weight: 500;
    font-size: 16px;
}

.label[b-mptplygudc] {
    font-size: 14px;
}

.key:hover[b-mptplygudc] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.key.active[b-mptplygudc] {
    background-color: var(--dim-bg-color);
}

.key.locked[b-mptplygudc] {
    background-color: var(--green-color);
    color: var(--white-text-color);
}


.w50[b-mptplygudc] {
    width: 20px;
}

.w75[b-mptplygudc] {
    width: 30px;
}

.w125[b-mptplygudc] {
    width: 50px;
}

.w150[b-mptplygudc] {
    width: 60px;
}

.w175[b-mptplygudc] {
    width: 70px;
}

.w200[b-mptplygudc] {
    width: 80px;
}

.w225[b-mptplygudc] {
    width: 90px;
}

.w275[b-mptplygudc] {
    width: 110px;
}

.w500[b-mptplygudc] {
    width: 200px;
}

.w625[b-mptplygudc] {
    width: 250px;
}

.h200[b-mptplygudc] {
    height: 86px;
}

.asset-container[b-7f93e22fxb] {
    display: grid;
    height: 100%;
    grid-template-rows: 70px auto;
    background-color: var(--offset-bg-color);
}

.asset-header[b-7f93e22fxb] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    height: 70px;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
    z-index: 10;
}

.header-title[b-7f93e22fxb] {
    font-size: 18px;
    font-weight: 500;
}

.asset-controls[b-7f93e22fxb] {
    display: flex;
    gap: 24px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 6px;
}

    .asset-controls div[b-7f93e22fxb] {
        display: flex;
        gap: 6px;
        border-bottom: 1px solid var(--border-color);
    }

    .asset-controls .online[b-7f93e22fxb] {
        color: var(--green-color);
    }

    .asset-controls .offline[b-7f93e22fxb] {
        color: var(--red-color);
    }

    .asset-controls div:hover[b-7f93e22fxb] {
        border-bottom: 1px solid var(--strong-border-color);
    }

.asset-content[b-7f93e22fxb] {
    overflow: auto;
    display: flex;
    flex-direction: column;

}

.note[b-7f93e22fxb] {
    display: flex;
    justify-content: space-between;
    margin: 24px 48px 6px 48px;
    border: 2px solid var(--strong-border-color);
    border-radius: 3px;
    background-color: var(--bg-color);
}

.current-note[b-7f93e22fxb] {
    padding: 9px;
}

.note-controls[b-7f93e22fxb] {
    background-color: var(--offset-bg-color);
    display: flex;
    flex-direction: column;
    border-radius: 9px 3px 3px 9px;
    border-left: 2px solid var(--border-color);
}

.note-controls > div[b-7f93e22fxb] {
    display: flex;
    align-items: center;
    padding: 9px;
    column-gap: 6px;
    border-bottom: 1px solid var(--border-color);
    font-weight: 500;
    white-space: nowrap;
}

    .note-controls > div:first-child[b-7f93e22fxb] {
        border-top-left-radius: 9px;
    }

    .note-controls > div:last-child[b-7f93e22fxb] {
        border-bottom-left-radius: 9px;
    }

    .note-controls > div:hover[b-7f93e22fxb] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.note-history-labels[b-7f93e22fxb] {
    display: flex;
    flex-direction: column;
}

    .note-history-labels .revision-count[b-7f93e22fxb] {
        font-weight: 400;
        font-size: 12px;
    }

.categories[b-7f93e22fxb] {
    display: grid;
    grid-template-columns: 50% 50%;
    grid-auto-rows: max-content;
}

.category[b-7f93e22fxb] {
    display: flex;
    flex-direction: column;
    margin: 12px 0;
    background-color: var(--bg-color);
    border-radius: 9px;
    box-shadow: var(--double-shadow-color) 0px 2px 4px, var(--border-color) 0px 7px 13px -3px, var(--shadow-color) 0px -3px 0px inset;
}

    
    .category:nth-child(-n+2)[b-7f93e22fxb] {
        margin-top: 18px;
    }

    
    .category:nth-child(2n+1)[b-7f93e22fxb] {
        margin-left: 18px;
        margin-right: 9px;
    }

    
    .category:nth-child(2n)[b-7f93e22fxb] {
        margin-left: 9px;
        margin-right: 18px;
    }

.category-title[b-7f93e22fxb] {
    font-weight: 500;
    text-align: center;
    padding: 6px;
    border-bottom: 1px solid var(--border-color);
}

.category-content[b-7f93e22fxb] {
    flex-grow: 1;
    display: grid;
    grid-template-columns: 66% 34%;
}

    .category-content.hidden[b-7f93e22fxb] {
        display: none;
    }

    .category-content.attributes-only[b-7f93e22fxb]{
        grid-template-columns: 100%;
    }

    .category-content.no-attributes[b-7f93e22fxb] {
        display: flex;
    }

        .category-content.no-attributes .category-actionables[b-7f93e22fxb] {
            border-bottom-left-radius: 9px;
        }

        .category-attributes[b-7f93e22fxb] {
            display: grid;
            grid-template-columns: auto auto;
            grid-auto-rows: min-content;
            gap: 12px;
            padding: 12px;
        }

.category-content.attributes-only .category-attributes[b-7f93e22fxb] {
    grid-template-columns: auto auto auto;
    justify-items: center;
}


.category-attribute[b-7f93e22fxb] {
    font-size: 12px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.attribute-name[b-7f93e22fxb] {
    font-weight: 500;
    text-align: center;
}

    .attribute-name.editable[b-7f93e22fxb] {
        text-decoration: underline;
    }

    .attribute-name.editable:hover[b-7f93e22fxb] {
        cursor: pointer;
    }

.attribute-value[b-7f93e22fxb] {
    text-align: center;
    white-space: pre-line;
}

.attributes-empty[b-7f93e22fxb] {
    position: absolute;
    color: var(--shadow-color);
}

.category-actionables[b-7f93e22fxb] {
    display: flex;
    flex-direction: column;
    padding: 12px;
    background-color: var(--offset-bg-color);
    margin-bottom: 3px;
    border-bottom-right-radius: 9px;
    flex-grow: 1;
}

.category-actionable[b-7f93e22fxb] {
    display: flex;
    gap: 6px;
    padding: 3px 0;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

    .category-actionable:first-child[b-7f93e22fxb] {
        border-top: 1px solid var(--border-color);
    }

    .category-actionable:not(.loading):hover[b-7f93e22fxb] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .category-actionable.loading[b-7f93e22fxb] {
        justify-content: flex-end;
        padding: 6px;
    }

.category-button[b-7f93e22fxb] {
    justify-content: flex-start;
    height: 26px;
    
}

    .category-button .action-label[b-7f93e22fxb] {
        height: 14px;
    }

.action-label div[b-7f93e22fxb] {
    font-size: 12px;
}

    .action-label div:first-child[b-7f93e22fxb] {
        font-weight: 500;
        font-size: 14px;
    }

@media only screen and (max-width: 500px) {
    .asset-header[b-7f93e22fxb] {
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        gap: 8px;
        padding: 0 12px;
    }

    .asset-controls[b-7f93e22fxb] {
        justify-content: space-evenly;
        padding: 0;
        width: 100%;
    }

    .note[b-7f93e22fxb] {
        flex-direction: column;
        margin-left: auto;
        margin-right: auto;
    }

    .note-controls[b-7f93e22fxb] {
        border-radius: 9px 9px 3px 3px;
        border-left: none;
        border-top: 2px solid var(--border-color);
        flex-direction: row;
        justify-content: space-evenly;
    }

    .note-history-labels .revision-count[b-7f93e22fxb] {
        display: none;
    }
}

@media only screen and (max-width: 900px) {
    .categories[b-7f93e22fxb] {
        display: flex;
        flex-direction: column;
    }
}

@media only screen and (min-width: 1800px) {
    .categories[b-7f93e22fxb] {
        grid-template-columns: 33% 33% 33%;
    }
}

main[b-y87u1p9evl] {
    width: 100%;
}

.kvm[b-j2ysiogm7d] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 3em 1fr;
    overflow: hidden;
}

.kvm-header[b-j2ysiogm7d] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 16px;
    padding: 6px 0;
}

.kvm-control-bar[b-j2ysiogm7d] {
    overflow-y: auto;
    overflow-x: hidden;
}

.kvm-controls[b-j2ysiogm7d] {
    display: flex;
    flex-direction: column;
}

.control-group[b-j2ysiogm7d] {
    align-items: center;
    gap: 6px;
    padding: 6px 0;
    border-top: 1px solid var(--border-color);
}

.control-group:first-child[b-j2ysiogm7d] {
    border-top: none;
}

.kvm-control[b-j2ysiogm7d] {
    display: flex;
    justify-content: center;
    padding: 6px 0;
    width: 100%;
}

    .kvm-control.red[b-j2ysiogm7d] {
        color: var(--red-color);
    }

    .kvm-control.green[b-j2ysiogm7d] {
        color: var(--green-color);
    }

.fit-label[b-j2ysiogm7d] {
    font-weight: 500;
    font-size: 10px;
    line-height: 10px;
    border: 1px dotted var(--text-color);
    border-radius: 5px;
    margin: 0 8px;
    padding: 2px;
    text-align: center;
    user-select: none;
}

.one-one-label[b-j2ysiogm7d] {
    font-weight: 500;
}

.zoom-slider-bg[b-j2ysiogm7d] {
    position: absolute;
    display: flex;
    border-radius: 9px;
    background-color: var(--bg-color);
    z-index: 98;
    padding: 8px;
    margin-top: -58px;
    left: 58px;
    width: 16px;
    height: 135px;
}

.zoom-slider[b-j2ysiogm7d] {
    position: absolute;
    left: 0;
    z-index: 99;
    padding: 8px;
}

.zoom-slider input[b-j2ysiogm7d] {
    transform: rotate(270deg);
}

.ctrl-alt-del[b-j2ysiogm7d] {
    user-select: none;
    display: flex;
    flex-direction: column;
    gap: 1px;
    padding-right: 2px;
}
    .ctrl-alt-del span[b-j2ysiogm7d] {
        border: 1px solid var(--text-color);
        border-radius: 3px;
        font-size: 10px;
        font-weight: 500;
        line-height: 10px;
        padding: 0 1px;
    }

.cad-top[b-j2ysiogm7d] {
    display: flex;
    justify-content: flex-end;
    gap: 3px;
}

.cad-top span:first-child[b-j2ysiogm7d] {
    border: none;
    font-size: 14px;
    font-weight: 500;
}

.cad-bottom[b-j2ysiogm7d] {
    display: flex;
    padding-right: 2px;
    gap: 1px;
}

.clipboard-blocked-overlap[b-j2ysiogm7d] {
    font-weight: 500;
    font-size: 16px;
    margin: 5px 9px 0 -17px;
    user-select: none;
}

.clipboard-type-overlap[b-j2ysiogm7d] {
    font-family: 'Times New Roman', Times, serif;
    font-weight: 500;
    font-size: 17px;
    margin: 4px 11px 0 -15px;
    user-select: none;
}

.clipboard-sync-overlap[b-j2ysiogm7d] {
    margin: 8px 8px 0 -18px;
}

.send-retrieve-overlap[b-j2ysiogm7d] {
    margin: 0 -12px 0 -8px;
}

.kvm-control:hover[b-j2ysiogm7d] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.kvm-control.selected[b-j2ysiogm7d] {
    background-color: var(--selected-bg-color);
}

.upload-progress[b-j2ysiogm7d] {
    position: relative;
    border: 1px solid var(--border-color);
    width: 100%;
    height: 26px;
    margin: 6px 0;
    background-color: var(--dim-bg-color);
}

    .upload-progress .progress-label[b-j2ysiogm7d] {
        display: flex;
        justify-content: center;
        align-items: center;
        position: absolute;
        left: 0;
        right: 0;
        top: 0;
        bottom: 0;
        text-align: center;
        z-index: 30;
        font-weight: 500;
        color: var(--white-text-color);
    }

    .upload-progress .progress-bar[b-j2ysiogm7d] {
        background-color: var(--green-color);
        position: absolute;
        left: 0;
        top: 0;
        bottom: 0;
        z-index: 20;
    }

.display-text[b-j2ysiogm7d] {
    font-weight: 500;
    border: 2px solid var(--text-color);
    border-radius: 6px;
    width: 50%;
    text-align: center;
    padding: 1px;
    user-select: none;
}

.kvm-stream[b-j2ysiogm7d] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #80808040;
    overflow: auto;
}

.stream-status[b-j2ysiogm7d] {
    color: var(--selected-text-color);
    font-size: 2vw;
    text-align: center;
    margin: auto;
}

.status-button[b-j2ysiogm7d] {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 6px;
    color: var(--red-color);
}

    .status-button:hover[b-j2ysiogm7d]{
        cursor: pointer;
    }

.kvm-frame[b-j2ysiogm7d] {
    text-align: center;
    margin: auto 0 auto 0;
    position: relative;
}

    .kvm-frame canvas[b-j2ysiogm7d] {
        box-sizing: border-box;
        margin-bottom: -4px;
        outline: none;
        border-style: solid;
        border-width: 3px;
        user-select: none;
    }

.input-canvas[b-j2ysiogm7d] {
    position: absolute;
    z-index: 21;
    touch-action: none;
}
 
.video-canvas[b-j2ysiogm7d] {
    z-index: 20;
}

.keyboard-bar[b-j2ysiogm7d] {
    position: fixed;
    display: flex;
    top: 0;
    left: 0px;
    right: 0px;
    background-color: var(--bg-color);
    height: 32px;
    z-index: 31;
    justify-content: center;
    padding-left: 42px;
}

.keyboard-bar.hidden[b-j2ysiogm7d] {
    display: none;
}

.keyboard-controls[b-j2ysiogm7d] {
    display: flex;
}

.keyboard-control-group[b-j2ysiogm7d] {
    display: flex;
    align-items: center;
    padding: 0 6px;
    border-left: 1px solid var(--border-color);
    height: 100%;
}

    .keyboard-control-group:first-child[b-j2ysiogm7d] {
        border-left: none;
    }

.keyboard-control[b-j2ysiogm7d] {
    display: flex;
    align-items: center;
    padding: 0 6px;
    height: 100%;
    user-select: none;
}

    .keyboard-control.selected[b-j2ysiogm7d] {
        background-color: var(--selected-bg-color);
    }

    .keyboard-control .key[b-j2ysiogm7d] {
        font-size: 12px;
        font-weight: 600;
        padding: 2px;
        border-radius: 4px;
        border: 2px solid var(--text-color);
    }

    .keyboard-control:hover[b-j2ysiogm7d] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.keyboard-bar-closer[b-j2ysiogm7d] {
    position: absolute;
    left: 0;
    padding: 0 9px;
}

input[type=text][b-bnebdpoqks], input[type=email][b-bnebdpoqks], input[type=password][b-bnebdpoqks] {
    background-color: var(--bg-color);
    border: none;
    color: var(--dim-text-color);
    outline: none;
}

.login-page[b-bnebdpoqks] {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: center;
    background-color: var(--offset-bg-color);
}

.login-form[b-bnebdpoqks] {
    display: flex;
    padding: 24px;
    font-weight: 500;
    background-color: var(--bg-color);
    box-shadow: 0px 0px 10px 3px var(--shadow-color);
    border-radius: 3px;
}

.email-prompt[b-bnebdpoqks] {
    width: 240px;
    height: 60px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding-bottom: 3px;
}

.pass-prompt[b-bnebdpoqks] {
    width: 240px;
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding-bottom: 3px;
}

.pass-change-prompt[b-bnebdpoqks] {
    width: 240px;
    height: 236px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
    padding-bottom: 3px;
}

.pass-change-prompt .input[b-bnebdpoqks] {
    margin-bottom: 12px;
}

.email[b-bnebdpoqks] {
    display: flex;
    align-items: center;
    gap: 6px;
    margin-bottom: 12px;

}

.reason[b-bnebdpoqks] {
    margin-bottom: 12px;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}

.input[b-bnebdpoqks] {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid var(--border-color);
}

.input form[b-bnebdpoqks] {
    flex-grow: 1;
}

.input input[b-bnebdpoqks] {
    width: 100%;
    padding: 4px 0 0 0;
}

.submit:hover[b-bnebdpoqks] {
    cursor: pointer;
}

.processing[b-bnebdpoqks] {
    display: flex;
    justify-content: center;
}

.processing.saml:hover[b-bnebdpoqks] {
    cursor: pointer;
    color: var(--dim-text-color);
}

.start-over-prompt[b-bnebdpoqks] {
    width: 180px;
    height: 60px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 6px;
}

.start-over-reason[b-bnebdpoqks] {
    font-size: 16px;
    font-weight: 500;
}

.start-over-button[b-bnebdpoqks] {
    display: flex;
    gap: 3px;
    padding: 6px 12px;
    margin-top: 12px;
    border-radius: 9px;
}

.start-over-button:hover[b-bnebdpoqks] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.page[b-f2yf1zedo8] {
    position: relative;
    display: flex;
    flex-direction: row;
    height: 100%;
    font-size: 14px;
    color: var(--text-color);
    background-color: var(--bg-color)
}

main[b-f2yf1zedo8] {
    flex: 1;
}

.admin-container[b-34zha9ll48] {
    width: 100%;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.admin-header[b-34zha9ll48] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-weight: 500;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.header-title[b-34zha9ll48] {
    font-weight: 500;
    font-size: 18px;
}

.version-info[b-34zha9ll48] {
    display: flex;
    flex-direction: column;
    font-weight: 400;
    color: var(--dim-text-color);
}

    .version-info div[b-34zha9ll48] {
        display: flex;
        flex-direction: row;
        gap: 12px;
    }

.admin-content[b-34zha9ll48] {
    display: flex;
    justify-content: center;
    background-color: var(--offset-bg-color);
}

.panel-descriptions[b-34zha9ll48] {
    
}

.alerting-container[b-pu1gw34w83] {
    width: 100%;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.alerting-header[b-pu1gw34w83] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-weight: 500;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.header-title[b-pu1gw34w83] {
    font-weight: 500;
    font-size: 18px;
}

.alerting-content[b-pu1gw34w83] {
    display: flex;
    justify-content: center;
    background-color: var(--offset-bg-color);
}


.filter-container[b-rc4devd7io] {
    margin: 12px auto;
    width: fit-content;
}

.filter-panels[b-cdl4h2wk5a] {
    margin: 24px;
    display: flex;
    gap: 24px;
}

.container[b-cdl4h2wk5a] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    height: fit-content;
}

.box[b-cdl4h2wk5a] {
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    width: 100%;
    min-width: 50%;
    max-width: 1200px;
}

.title[b-cdl4h2wk5a] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.title-button[b-cdl4h2wk5a] {
    position: absolute;
    margin-top: -12px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}

    .title-button:hover[b-cdl4h2wk5a] {
        background-color: var(--hover-color);
    }

    .title-button.left[b-cdl4h2wk5a] {
        left: 0px;
    }

    .title-button.right[b-cdl4h2wk5a] {
        right: 0px;
    }

.content[b-cdl4h2wk5a] {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

.empty[b-cdl4h2wk5a] {
    padding: 12px;
    color: var(--disabled-text-color);
    font-size: 16px;
    text-align: center;
}

.filter[b-cdl4h2wk5a] {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid var(--border-color);
}

    .filter:last-child[b-cdl4h2wk5a] {
        border: none;
    }

.filter-name[b-cdl4h2wk5a] {
    padding: 0 12px;
}

.filter-controls[b-cdl4h2wk5a] {
    display: flex;
}

.filter-button[b-cdl4h2wk5a] {
    display: flex;
    gap: 3px;
    align-items: center;
    padding: 6px;
}

.filter-button:hover[b-cdl4h2wk5a] {
    cursor: pointer;
    background-color: var(--hover-color);
}

@media only screen and (max-width: 900px) {
    .filter-panels[b-cdl4h2wk5a] {
        flex-direction: column;
    }

    .box[b-cdl4h2wk5a] {
        width: calc(100% - 2rem);
    }
}

.editor-panel[b-jgen8ktupi] {
    margin: 24px;
    display: flex;
}

.container[b-jgen8ktupi] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    height: fit-content;
}

.box[b-jgen8ktupi] {
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    width: 100%;
    min-width: 50%;
    max-width: 900px;
}

.title[b-jgen8ktupi] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.title-button[b-jgen8ktupi] {
    position: absolute;
    margin-top: -12px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}

    .title-button:hover[b-jgen8ktupi] {
        background-color: var(--hover-color);
    }

    .title-button.left[b-jgen8ktupi] {
        left: 0px;
    }

    .title-button.right[b-jgen8ktupi] {
        right: 0px;
    }

.content[b-jgen8ktupi] {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
    padding: 12px;
}

.export-format[b-jgen8ktupi] {
    display: flex;
    width: 100%;
}

.format-selection[b-jgen8ktupi] {
    display: flex;
    gap: 6px;
    align-items: center;
}

.format-options[b-jgen8ktupi] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    gap: 12px;
}

.asset-filter[b-jgen8ktupi] {
    display: flex;
    justify-content: center;
    gap: 9px;
}

.label[b-jgen8ktupi], label[b-jgen8ktupi] {
    font-weight: 500;
}

label[b-jgen8ktupi] {
    text-align: center;
}

.attribute-mode[b-jgen8ktupi] {
    display: flex;
    justify-content: center;
    gap: 9px;
}

.attributes[b-jgen8ktupi] {
    grid-column: 1 / span 2;
}

.include-toggles[b-jgen8ktupi] {
    grid-column: 1 / span 2;
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-evenly;
}

[b-jgen8ktupi] .include-toggles .toggle-button {
    width: 250px;
}

.attributes[b-jgen8ktupi] {
    display: grid;
    grid-template-columns: 1fr auto 1fr;
    width: 100%;
    border-top: 1px solid var(--border-color);
    border-bottom: 1px solid var(--border-color);
    padding: 6px 0;
}

.attribute-list[b-jgen8ktupi] {
    border-radius: 3px;
    border: 1px solid var(--border-color);
    margin: 12px 24px;
    max-height: 350px;
    overflow: auto;
}

    .attribute-list div[b-jgen8ktupi] {
        padding: 3px;
    }

    .attribute-list .category[b-jgen8ktupi] {
        font-weight: 500;
        user-select: none;
        padding: 0;
        margin: 6px 3px 3px 3px;
        border-bottom: 1px solid var(--border-color);
    }

    .attribute-list .category:first-child[b-jgen8ktupi] {
        margin-top: 3px;
    }

    .attribute-list .attribute[b-jgen8ktupi] {
        padding-left: 12px;
    }

    .attribute-list .attribute.selected[b-jgen8ktupi] {
        background-color: var(--selected-bg-color);
    }

    .attribute-list .attribute:hover[b-jgen8ktupi] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.picker-controls[b-jgen8ktupi] {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: 6px;
}

.picker-controls div[b-jgen8ktupi] {
    display: flex;
    justify-content: center;
    padding: 6px;
    border-radius: 6px;
    border: 1px solid var(--border-color);
}

.picker-controls div:hover[b-jgen8ktupi] {
    cursor: pointer;
    background-color: var(--hover-color);
}

@media only screen and (max-width: 460px) {
    .attribute-list[b-jgen8ktupi] {
        margin: 6px;
    }
}

.container[b-t167tevfvk] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.navmenu[b-t167tevfvk] {
    margin-top: -7px;
}

.header[b-t167tevfvk] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-size: 16px;
    padding: 0 36px 0 24px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
    overflow: auto;
}

.header-controls[b-t167tevfvk] {
    margin-top: -8px;
    font-size: 14px;
    font-weight: 500;
    border: 1px solid var(--border-color);
}

.no-branches[b-t167tevfvk] {
    margin: 12px;
    font-weight: 500;
    font-size: 16px;
}

.branch-controls[b-t167tevfvk] {
    display: flex;
    gap: 12px;
    padding: 2px 6px;
}

    .branch-controls div[b-t167tevfvk] {
        display: flex;
        gap: 6px;
        border: 1px solid transparent;
        white-space: nowrap;
    }

        .branch-controls div:hover[b-t167tevfvk] {
            cursor: pointer;
            color: var(--strong-border-color);
            border-bottom: 1px solid var(--strong-border-color);
        }

.asset-browser[b-t167tevfvk] {
    display: flex;
    flex-direction: column;
    flex: 1;
    margin: 18px;
    margin-top: 24px;
    height: 100%;
    background-color: var(--bg-color);
    box-shadow: 0px 0px 10px 4px var(--shadow-color);
    border-radius: 6px;
}

@media only screen and (min-width: 500px) {
    .asset-filters[b-t167tevfvk] {
        min-width: 200px;
    }
}

.branch-manager-container[b-br6la0jeza] {
    padding: 24px;
    margin: auto;
    min-width: 50%;
    max-width: 100%;
    width: 75%;
}

.branch-manager-content[b-br6la0jeza] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 24px;
    padding: 24px;
    min-height: 50%;
    max-height: 100%;
    background-color: var(--bg-color);
    border-radius: 9px;
    box-shadow: var(--double-shadow-color) 0px 2px 4px, var(--border-color) 0px 7px 13px -3px, var(--shadow-color) 0px -3px 0px inset;
}

.branch-select[b-br6la0jeza] {
    border-radius: 9px;
    padding: 12px;
    border: 1px solid var(--border-color);
}

.branch-controls[b-br6la0jeza] {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-evenly;
    gap: 24px;
    border-radius: 9px;
    padding: 12px;
    border: 1px solid var(--border-color);
}

.branch-control[b-br6la0jeza] {
    display: flex;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    padding: 20px 36px;
}

    .branch-control:hover[b-br6la0jeza] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .branch-control span[b-br6la0jeza] {
        text-align: center;
    }

@media only screen and (max-width: 640px) {
    .branch-manager-content[b-br6la0jeza] {
        grid-template-columns: auto;
        grid-template-rows: auto auto;
    }
}

.bts[b-zsunewlhkk] {
    width: 100%;
    height: 100%;
    display: grid;
    grid-template-columns: 3em calc(100% - 3em);
    overflow: hidden;
}

.bts-control-bar[b-zsunewlhkk] {
    overflow-y: auto;
    overflow-x: hidden;
    border-right: 1px solid var(--border-color);
}

.bts-header[b-zsunewlhkk] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    font-size: 16px;
    padding: 6px 0;
}

.bts-controls[b-zsunewlhkk] {
    display: flex;
    flex-direction: column;
}

.control-group[b-zsunewlhkk] {
    align-items: center;
    gap: 6px;
    padding: 6px 0;
    border-top: 1px solid var(--border-color);
}

    .control-group:first-child[b-zsunewlhkk] {
        border-top: none;
    }

.bts-control[b-zsunewlhkk] {
    display: flex;
    justify-content: center;
    padding: 6px 0;
    width: 100%;
}

    .bts-control.red[b-zsunewlhkk] {
        color: var(--red-color);
    }

    .bts-control.green[b-zsunewlhkk] {
        color: var(--green-color);
    }

    .bts-control:hover[b-zsunewlhkk] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .bts-control.selected[b-zsunewlhkk] {
        background-color: var(--selected-bg-color);
    }

    .bts-control.disabled[b-zsunewlhkk] {
        color: var(--disabled-text-color);
    }

    .bts-control.disabled:hover[b-zsunewlhkk] {
        color: var(--disabled-text-color);
        background-color: unset;
        cursor: not-allowed;
    }

.bts-workspace[b-zsunewlhkk] {
    display: flex;
    flex-direction: column;
    width: 100%;
    background-color: #80808040;
    position: relative;
}

.unavailable[b-zsunewlhkk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--red-color);
    font-size: 2vw;
}

.get-started[b-zsunewlhkk] {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    color: var(--selected-text-color);
    font-size: 2vw;
}

.bts-section[b-zsunewlhkk] {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color);
    overflow: auto;
}

.section-bar[b-zsunewlhkk] {
    position: absolute;
    width: 100%;
    height: 30px;
    background-color: var(--offset-bg-color);
}

.section-title[b-zsunewlhkk] {
    text-align: center;
    margin-top: 6px;
    font-weight: 500;
}

.section-close-button[b-zsunewlhkk] {
    position: absolute;
    padding: 4px;
    top: 0;
    right: 0;
}

    .section-close-button:hover[b-zsunewlhkk] {
        cursor: pointer;
        color: var(--red-color);
    }

.section-content[b-zsunewlhkk] {
    margin-top: 30px;
    height: 100%;
}

.grid-1 .section-1[b-zsunewlhkk] {
    border: none;
    width: 100%;
    height: 100%;
}

.grid-2 .section-1[b-zsunewlhkk] {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 0;
}

.grid-2 .section-2[b-zsunewlhkk] {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 0;
    border-left: 2px solid var(--strong-border-color);
}

.grid-3 .section-1[b-zsunewlhkk] {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 50%;
}

.grid-3 .section-2[b-zsunewlhkk] {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 50%;
    border-left: 2px solid var(--strong-border-color);
}

.grid-3 .section-3[b-zsunewlhkk] {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    bottom: 0;
    border-top: 2px solid var(--strong-border-color);
}

.grid-4 .section-1[b-zsunewlhkk] {
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;
    bottom: 50%;
}

.grid-4 .section-2[b-zsunewlhkk] {
    position: absolute;
    left: 50%;
    right: 0;
    top: 0;
    bottom: 50%;
    border-left: 2px solid var(--strong-border-color);
}

.grid-4 .section-3[b-zsunewlhkk] {
    position: absolute;
    left: 0;
    right: 50%;
    top: 50%;
    bottom: 0;
    border-top: 2px solid var(--strong-border-color);
}

.grid-4 .section-4[b-zsunewlhkk] {
    position: absolute;
    left: 50%;
    right: 0;
    top: 50%;
    bottom: 0;
    border-left: 2px solid var(--strong-border-color);
    border-top: 2px solid var(--strong-border-color);
}

input[type=text][b-nfbfplpk2e], input[type=password][b-nfbfplpk2e], input[type=number][b-nfbfplpk2e], textarea[b-nfbfplpk2e] {
    background-color: var(--offset-bg-color);
    border: 1px solid var(--border-color);
    color: var(--text-color);
    outline: none;
}

    input[type=number][b-nfbfplpk2e] {
        width: 36px;
    }

.domain-container[b-nfbfplpk2e] {
    width: 100%;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.domain-header[b-nfbfplpk2e] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-size: 18px;
    font-weight: 500;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.rename[b-nfbfplpk2e] {
    display: flex;
    gap: 6px;
    font-size: 14px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 6px;
    border-bottom: 1px solid var(--border-color);
}

.details[b-nfbfplpk2e] {
    display: flex;
    padding: 12px 0;
    background-color: var(--offset-bg-color);
}

@media (max-width: 1024px) {
    .details[b-nfbfplpk2e] {
        flex-direction: column-reverse;
    }
}

.column[b-nfbfplpk2e] {
    display: flex;
    flex-direction: column;
    flex: 1 1 0;
}

.box[b-nfbfplpk2e] {
    display: flex;
    flex-direction: column;
    background-color: var(--bg-color);
    margin: 12px 24px;
    margin-bottom: 12px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.users[b-nfbfplpk2e] {
    flex: 1 1 0;
}

.title[b-nfbfplpk2e] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.left-button[b-nfbfplpk2e] {

}

.title-button[b-nfbfplpk2e] {
    position: absolute;
    top: 0;
    height: 100%;
    padding: 0 12px;
    display: flex;
    align-items: center;
    gap: 6px;
}

    .title-button span[b-nfbfplpk2e] {
        margin-top: 2px;
    }

    .title-button.left[b-nfbfplpk2e]{
        left: 0;
        
    }

    .title-button.right[b-nfbfplpk2e] {
        right: 0;
    }

    .title-button:hover[b-nfbfplpk2e]{
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .title-button.disabled[b-nfbfplpk2e] {
        color: var(--disabled-text-color);
        cursor: not-allowed;
    }

        .title-button.disabled:hover[b-nfbfplpk2e] {
            background-color: unset;
        }

.content[b-nfbfplpk2e] {
    flex-grow: 1;
    padding: 12px;
    overflow-x: auto;
}

.content-loading[b-nfbfplpk2e] {
    display: flex;
    justify-content: center;
    padding: 48px;
}

table[b-nfbfplpk2e] {
    width: 100%;
    border-spacing: 0;
}

th[b-nfbfplpk2e], td[b-nfbfplpk2e] {
    padding: 3px 6px;
    text-align: left;
}

tbody tr:hover[b-nfbfplpk2e] {
    background-color: var(--hover-color);
}

.center[b-nfbfplpk2e] {
    display: flex;
    justify-content: center;
}

.target:hover[b-nfbfplpk2e] {
    cursor: pointer;
}

.user-form[b-nfbfplpk2e] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px 48px;
    padding: 12px;
}

.user-form .input[b-nfbfplpk2e] {
    display: flex;
    flex-direction: column;
}

    .user-form .input label[b-nfbfplpk2e], .user-form .input span[b-nfbfplpk2e] {
        font-weight: 500;
    }

.email-input[b-nfbfplpk2e] {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 3px;
}

.input label[b-nfbfplpk2e],span[b-nfbfplpk2e] {
}

.domain-name[b-nfbfplpk2e] {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .domain-name:hover[b-nfbfplpk2e] {
        background-color: var(--hover-color);
    }

.delete[b-nfbfplpk2e] {
    padding: 3px 6px;
    cursor: pointer;
}

.delete:hover[b-nfbfplpk2e] {
    color: var(--red-color);
}

.auth .content[b-nfbfplpk2e] {
    padding: 0;
}

.settings-group[b-nfbfplpk2e] {
    position: relative;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--border-color);
    margin: 18px;
    padding: 0;
}

    .settings-group legend[b-nfbfplpk2e] {
        margin-left: 8px;
    }

        .settings-group legend.active[b-nfbfplpk2e] {
            font-weight: 500;
        }

        .settings-group legend.inactive[b-nfbfplpk2e] {
            
        }

        .settings-group legend.unconfigured[b-nfbfplpk2e] {
            font-style: italic;
        }

    .settings-group label[b-nfbfplpk2e] {
        font-weight: 400;
    }

    .settings-group .inputs[b-nfbfplpk2e] {
        padding: 12px 18px;
    }

.pass-settings .inputs[b-nfbfplpk2e] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px 48px;
}

    .pass-settings label[b-nfbfplpk2e] {
        display: inline-block;
        width: 120px;
    }

.saml-settings .inputs[b-nfbfplpk2e] {
    display: flex;
    flex-direction: column;
    gap: 18px;
}
    .saml-settings .input[b-nfbfplpk2e] {
        display: flex;
        flex-direction: column;
        gap: 3px;
    }    

    .saml-settings textarea[b-nfbfplpk2e] {
        height: 108px;
    }

.controls[b-nfbfplpk2e] {
    margin-top: 12px;
    display: flex;
    justify-content: space-around;
}

    .controls div[b-nfbfplpk2e] {
        display: flex;
        flex-grow: 1;
        height: 28px;
        justify-content: center;
        align-items: center;
        gap: 4px;
        border-top: 1px solid var(--border-color);
        border-right: 1px solid var(--border-color);
    }

    .controls div:last-child[b-nfbfplpk2e] {
        border-right: none;
    }

    .controls div:hover[b-nfbfplpk2e]{
        cursor: pointer;
        background-color: var(--hover-color);
    }

        .controls div.disabled[b-nfbfplpk2e] {
            color: var(--disabled-text-color);
            cursor: not-allowed;
            background-color: var(--bg-color);
        }

    .controls div span[b-nfbfplpk2e] {
        margin-top: 1px;
    }

.manage-branch-header[b-nfbfplpk2e] {
    display: flex;
    flex-direction: row;
    width: 100%;
    justify-content: space-between;
    font-weight: 500;
}

.add-branch-button[b-nfbfplpk2e] {
    display: flex;
    flex-direction: row;
    gap: 3px;
    padding: 6px 12px;
    border: 1px solid var(--border-color);
}

    .add-branch-button:hover[b-nfbfplpk2e] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

.branches[b-nfbfplpk2e] {
    display: flex;
    flex-direction: row;
    gap: 18px;
    flex-wrap: wrap;
}

.target[b-nfbfplpk2e] {
    display: flex;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    height: fit-content;
}

    .target div:first-child[b-nfbfplpk2e] {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 3px;
    }

        .target div:first-child span[b-nfbfplpk2e] {
            padding: 3px;
        }

            .target div:first-child span:last-child[b-nfbfplpk2e] {
                border-top: 1px solid var(--border-color);
            }

.delete-target:hover[b-nfbfplpk2e] {
    cursor: pointer;
    color: var(--red-color);
}

.installers-container[b-2qklg78o0g] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.installers-header[b-2qklg78o0g] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    height: 70px;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.header-title[b-2qklg78o0g] {
    font-size: 18px;
    font-weight: 500;
}

.installers-controls[b-2qklg78o0g] {
    display: flex;
    gap: 24px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 6px;
}

    .installers-controls div[b-2qklg78o0g] {
        display: flex;
        gap: 6px;
        border-bottom: 1px solid var(--border-color);
    }

.installers-body[b-2qklg78o0g] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    overflow: auto;
}

.installers-content[b-2qklg78o0g] {
    padding: 24px;
    margin-top: 12px;
    min-width: 50%;
    max-width: 100%;
    width: 75%;
}

.installers-selections[b-2qklg78o0g] {
    padding: 10%;
    min-height: 50%;
    max-height: 100%;
    background-color: var(--bg-color);
    border-radius: 9px;
    box-shadow: var(--double-shadow-color) 0px 2px 4px, var(--border-color) 0px 7px 13px -3px, var(--shadow-color) 0px -3px 0px inset;
}

.selection[b-2qklg78o0g] {
    display: flex;
    align-items: center;
    gap: 6px;
    padding: 12px 0;
}

    .selection:first-child[b-2qklg78o0g] {
        padding-top: 0;
    }

    .selection.disabled[b-2qklg78o0g] {
        color: var(--disabled-text-color);
    }

.label[b-2qklg78o0g] {
    font-size: 16px;
    font-weight: 500;
}

.description[b-2qklg78o0g] {
    margin-left: 12px;
    margin-bottom: 12px;
}

.branch-selector[b-2qklg78o0g] {
    border: 1px solid var(--border-color);
    padding: 3px 6px;
    border-radius: 9px;
}

.branch-selector:hover[b-2qklg78o0g] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.download[b-2qklg78o0g] {
    display: inline-block;
    text-align: center;
    margin-top: 12px;
    margin-left: 12px;
    padding: 9px 18px;
    border-radius: 12px;
}

    .download.disabled[b-2qklg78o0g] {
        border: 1px solid var(--border-color);
        color: var(--disabled-text-color);
        background-color: var(--hover-color);
        cursor: not-allowed;
    }

    .download.enabled[b-2qklg78o0g] {
        border: 1px solid var(--green-color);
        
        
    }

        .download.enabled:hover[b-2qklg78o0g] {
            color: var(--white-text-color);
            cursor: pointer;
            background-color: var(--green-color);
        }

.new-tab-container[b-w3ef2qyn2b] {
    display: flex;
    flex-direction: column;
    width: 100%;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.new-tab-header[b-w3ef2qyn2b] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: 70px;
    font-weight: 500;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.new-tab-pointer[b-w3ef2qyn2b] {
    position: absolute;
    left: 50px;
    top: 9px;
}

.header-title[b-w3ef2qyn2b] {
    display: flex;
    padding-left: 28px;
    gap: 3px;
    align-items: center;
    font-weight: 500;
    font-size: 18px;
}

.new-tab-content[b-w3ef2qyn2b] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    align-items: center;
    color: var(--shadow-color);
    font-size: calc(75vw/8);
    background-color: var(--offset-bg-color);
}

.preferences-container[b-j1ur0lrlq1] {
    display: grid;
    height: 100%;
    grid-template-rows: 70px auto;
    background-color: var(--offset-bg-color);
}

.preferences-header[b-j1ur0lrlq1] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-weight: 500;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.logout[b-j1ur0lrlq1] {
    display: flex;
    gap: 6px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 6px;
    border-bottom: 1px solid var(--border-color);
}

    .logout:hover[b-j1ur0lrlq1] {
        border-bottom: 1px solid var(--strong-border-color);
    }

.header-title[b-j1ur0lrlq1] {
    font-weight: 500;
    font-size: 18px;
}

.preferences-content[b-j1ur0lrlq1] {
    position: relative;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    overflow: auto;
}

.preferences-content-section[b-j1ur0lrlq1] {
    display: flex;
    flex-wrap: wrap;
}

.box[b-j1ur0lrlq1] {
    height: max-content;
    background-color: var(--bg-color);
    margin: 24px;
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
}

.title[b-j1ur0lrlq1] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.content[b-j1ur0lrlq1] {
    padding: 12px;
}

.theme[b-j1ur0lrlq1] {
    padding: 6px 24px;
    border-bottom: 1px solid var(--border-color);
    cursor: pointer;
}

.theme:last-child[b-j1ur0lrlq1] {
    border: none;
}

    .theme:hover[b-j1ur0lrlq1] {
        background-color: var(--hover-color);
    }

    .theme.current[b-j1ur0lrlq1] {
        background-color: var(--selected-bg-color);
    }

.page-size[b-j1ur0lrlq1] {
    text-align: center;
    padding: 3px 6px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    margin-bottom: 12px;
}

.page-size:hover[b-j1ur0lrlq1] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.label-hr[b-j1ur0lrlq1] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    border: none;
    border-top: 1px solid var(--border-color);
    text-align: center;
    margin-bottom: -9px;
}

    .label-hr legend[b-j1ur0lrlq1] {
        padding: 0 8px;
    }

.display-fields[b-j1ur0lrlq1] {
    padding: 12px 12px 0 12px;
}

.display-fields .drop-target[b-j1ur0lrlq1] {
    border-top: 1px dashed var(--red-color);
}

.display-field[b-j1ur0lrlq1] {
    display: grid;
    grid-template-columns: auto 1fr auto;
    align-items: end;
    gap: 12px;
    padding: 6px 0;
}

.display-field:hover[b-j1ur0lrlq1] {
    background-color: var(--hover-color);
}

.order-controls[b-j1ur0lrlq1] {
    display: flex;
    align-items: center;
}

.drag-handle[b-j1ur0lrlq1] {
    color: var(--disabled-text-color);
}

.drag-handle:hover[b-j1ur0lrlq1] {
    cursor: grab;
}

.drag-handle:active[b-j1ur0lrlq1] {
    cursor: grabbing;
}

.remove:hover[b-j1ur0lrlq1] {
    color: var(--red-color);
    cursor: pointer;
}

.last-drop-target[b-j1ur0lrlq1] {
    height: 12px;
}

.bottom-button[b-j1ur0lrlq1] {
    display: flex;
    gap: 6px;
    justify-content: center;
    border-top: 1px solid var(--border-color);
    padding: 6px;
}

.bottom-button:hover[b-j1ur0lrlq1] {
    cursor: pointer;
    background-color: var(--hover-color);
}

.bottom-add[b-j1ur0lrlq1] {
    display: grid;
    grid-template-columns: auto 1fr;
    gap: 6px;
    justify-content: space-between;
    border-top: 1px solid var(--border-color);
    padding: 6px;
}

.df-cancel:hover[b-j1ur0lrlq1] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.defaults-box[b-j1ur0lrlq1] {
    border: 1px solid var(--strong-border-color);
}


.defaults-box .content[b-j1ur0lrlq1] {
    display: flex;
    flex-direction: column;
    gap: 18px;
    padding: 18px;
}

.defaults-button[b-j1ur0lrlq1] {
    display: flex;
    justify-content: center;
    gap: 6px;
    padding: 12px;
    border: 1px solid var(--border-color);
    border-radius: 6px;
}

    .defaults-button:hover[b-j1ur0lrlq1] {
        background-color: var(--hover-color);
        cursor: pointer;
    }

.toggle-button[b-j1ur0lrlq1] {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 6px;
    border: 1px solid var(--border-color);
    border-radius: 9px;
    padding: 6px 36px;
}

.toggle-button:hover[b-j1ur0lrlq1] {
    background-color: var(--hover-color);
    cursor: pointer;
}

.toggle-button div:first-child[b-j1ur0lrlq1] {
    font-weight: 500;
}

.toggle-button div[b-j1ur0lrlq1] {
    display: flex;
    flex-direction: row;
    align-items: center;
    font-weight: 400;
    gap: 6px;
}

.version-info[b-j1ur0lrlq1] {
    position: relative;
}

    .version-info span[b-j1ur0lrlq1] {
        position: absolute;
        bottom: 0;
        right: 0;
        padding: 3px 6px;
        color: var(--double-shadow-color);
    }

.report-panels[b-tg0tuidmjp] {
    margin: 24px;
    display: flex;
    gap: 24px;
}

.container[b-tg0tuidmjp] {
    display: flex;
    flex-grow: 1;
    justify-content: center;
    height: fit-content;
}

.box[b-tg0tuidmjp] {
    background-color: var(--bg-color);
    box-shadow: 0px 4px 10px 1px var(--shadow-color);
    width: 100%;
    min-width: 50%;
    max-width: 1200px;
}

.title[b-tg0tuidmjp] {
    display: flex;
    justify-content: center;
    border-bottom: 1px solid var(--border-color);
    padding: 12px;
    font-weight: 500;
    position: relative;
}

.title-button[b-tg0tuidmjp] {
    position: absolute;
    margin-top: -12px;
    padding: 0 12px;
    height: 100%;
    display: flex;
    gap: 3px;
    align-items: center;
    cursor: pointer;
}

    .title-button:hover[b-tg0tuidmjp] {
        background-color: var(--hover-color);
    }

    .title-button.left[b-tg0tuidmjp] {
        left: 0px;
    }

    .title-button.right[b-tg0tuidmjp] {
        right: 0px;
    }

.content[b-tg0tuidmjp] {
    display: flex;
    flex-direction: column;
    overflow-x: auto;
}

.empty[b-tg0tuidmjp] {
    padding: 12px;
    color: var(--disabled-text-color);
    font-size: 16px;
    text-align: center;
}

table[b-tg0tuidmjp] {
    border-collapse: collapse;
    margin-top: 6px;
}

tr[b-tg0tuidmjp] {
    border-bottom: 1px solid var(--border-color);
}

th[b-tg0tuidmjp], td[b-tg0tuidmjp] {
    white-space: nowrap;
    padding: 0 6px;
    width: 33%;
}

th[b-tg0tuidmjp] {
    font-weight: 500;
    text-align: left;
    padding: 6px;
}

th:last-child[b-tg0tuidmjp], td:last-child[b-tg0tuidmjp] {
    padding-right: 0;
}

.report-controls[b-tg0tuidmjp] {
    display: flex;
    justify-content: flex-end;
}

.report-button[b-tg0tuidmjp] {
    display: flex;
    gap: 3px;
    align-items: center;
    padding: 6px;
}

    .report-button:hover[b-tg0tuidmjp] {
        cursor: pointer;
        background-color: var(--hover-color);
    }

    .report-button.run[b-tg0tuidmjp] {
        border-left: 1px solid var(--border-color);
    }

@media only screen and (max-width: 900px) {
    .report-panels[b-tg0tuidmjp] {
        flex-direction: column;
    }

    .box[b-tg0tuidmjp] {
        width: calc(100% - 2rem);
    }
}

.rescue-container[b-krik829sd5] {
    display: flex;
    flex-direction: column;
    height: 100%;
    background-color: var(--offset-bg-color);
}

.rescue-header[b-krik829sd5] {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
    min-height: 70px;
    height: 70px;
    padding: 0 48px;
    box-shadow: 0px 0px 10px 2px var(--double-shadow-color);
    background-color: var(--bg-color);
}

.header-title[b-krik829sd5] {
    font-size: 18px;
    font-weight: 500;
}

.rescue-controls[b-krik829sd5] {
    display: flex;
    gap: 24px;
    font-weight: 500;
    cursor: pointer;
    padding: 2px 6px;
}

    .rescue-controls div[b-krik829sd5] {
        display: flex;
        gap: 6px;
        border-bottom: 1px solid var(--border-color);
    }

.rescue-body[b-krik829sd5] {
    overflow: auto;
}

.rescue-sessions[b-krik829sd5] {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    padding: 24px;
    justify-content: center;
}

.rescue-session[b-krik829sd5] {
    display: flex;
    align-items: center;
    background-color: var(--bg-color);
    box-shadow: 0px 0px 10px 4px var(--shadow-color);
    border-radius: 6px;
    padding: 24px;
    gap: 36px;
}

.session-name[b-krik829sd5] {
    font-size: 20px;
    font-weight: 500;
}

.session-dates[b-krik829sd5] {
    display: flex;
    flex-direction: column;
}

.session-kvm[b-krik829sd5] {
    display: flex;
    gap: 6px;
}

    .session-kvm:hover[b-krik829sd5] {
        cursor: pointer;
        border-bottom: 1px solid;
    }

    .session-kvm.online[b-krik829sd5] {
        color: var(--green-color);
    }

    .session-kvm.offline[b-krik829sd5] {
        color: var(--red-color);
    }

.session-close[b-krik829sd5] {
    display: flex;
    gap: 6px;
}

    .session-close:hover[b-krik829sd5] {
        cursor: pointer;
        color: var(--red-color);
    }

@media only screen and (max-width: 640px) {
    .rescue-session[b-krik829sd5] {
        flex-direction: column;
    }
}