.content-browser {
    min-height: 300px;
    background-color: $white;
    color: $tools-text;
    padding: 1em 0;
    font-size: 12px;
    ul {
        list-style-type: none;
        padding-left: 1.5em;
        margin-left: .6em;
        svg.folder-closed {
            margin-right: .5em;
        }
        li {
            line-height: 1em;
            margin: 1em 0;
            cursor: pointer;
            &.folder {
                line-height: 1em;
            }
            &:last-child {
                margin-bottom: 1.5em;
            }
        }
    }
    .folders {
        ul {
            border-left: 1px solid #545454;
            position: relative;
            &:before {
                content: url('/icons/open-folder-circle.svg');
                left: -6px;
                position: absolute;
                width: 11px;
                height: 11px;
                transform: rotate(-90deg);
            }
            &:after {
                content: "●";
                font-size: 16px;
                position: absolute;
                color: #545454;
                width: 5px;
                height: 5px;
                left: -6px;
                bottom: 4px;
            }
            ul {
                &:before {
                    content: url('/icons/open-folder-circle-fill.svg');
                    transform: none;
                }
                &:after {
                    left: -5px;

                }
                ul {
                    border: none;
                    padding-left: 0;
                    &:before,
                    &:after {
                        content: none;
                    }
                }
            }

        }
    }
    .file {
        img {
            margin-right: .5em;
            width: 16px;
            height: 16px;
            position: relative;
            top: 3px;
        }
    }
}