@import "src/variables";
@import "@synerty/peek-plugin-base-js/src/styles/_variables";

:host {
    display: flex;
    flex-direction: column;
    div {
        margin-left: $general_margin_2;
    }
    nz-tree {
        margin-left: $general_margin_2;
    }
}

.filter-container {
    margin-bottom: 10px;
}

.filter-input {
    width: 100%;
}

nz-tree {
    .ant-tree-node-content-wrapper {
        cursor: pointer;
        transition: background-color 0.3s;

        &:hover {
            background-color: #f5f5f5;
        }

        &.ant-tree-node-selected {
            background-color: #e6f7ff;
        }
    }
}
