#obsidian {
    .hide-scrollbar {
        -ms-overflow-style: none;
        scrollbar-width: none;

        &::-webkit-scrollbar {
            display: none;
        }
    }

    #vault-name {
        margin-bottom: 3px;
        padding: 2px 0;
        font-weight: 500;
        font-size: 1rem;
        display: flex;
        justify-content: space-between;
        border-bottom: 1px solid var(--color-border);
        position: sticky;
        top: 0;
        z-index: 5;
        color: var(--color-text);
        background-color: var(--bg-tinted);

        #text {
            padding-left: 4px;
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
        }

        #collapseExpand {
            padding-right: 5px;
            padding-top: 2px;
            border: none;
            background-color: transparent;
        }
    }

    #file-tree {
        &::-webkit-scrollbar {
            display: none;
        }

        position: relative;

        ul {
            list-style-type: none;
            padding-left: 0;
            margin-left: 0;

            button {
                padding-left: 0;
                vertical-align: middle;
                user-select: none;
                background: none;
                border: none;
                padding: 2px 5px;
                margin: 0;
                outline: none;
                box-shadow: none;
                font: inherit;
                font-size: 0.9rem;
                color: var(--color-button);
                gap: 4px;
                white-space: nowrap;
                overflow: hidden;
                text-overflow: ellipsis;
                max-width: 100%;

                svg {
                    vertical-align: middle;
                    margin-right: 4px;
                    width: 100%;
                    height: 100%;
                    max-width: 16px;
                    max-height: 16px;
                }

                span {
                    vertical-align: middle;
                }
            }

            ul {
                li {
                    &.file {
                        padding-left: 12px;
                        padding-top: 2px;

                        &:not(:last-child) {
                            border-left: 1px solid var(--color-border);
                        }
                    }
                }
            }

            li {
                &.file {
                    margin-left: 12px;
                    padding-bottom: 2px;

                    &:hover {
                        background-color: var(--explorer-button-hover);
                        font-weight: bold;
                    }
                }

                &.dir button:hover {
                    background-color: var(--explorer-button-hover);
                    font-weight: bold;
                }
            }
        }

        >ul>li.file {
            margin-left: 14px;
        }

        ul li,
        ul ul li {
            padding-bottom: 2px;
        }

        ul ul li {
            padding-left: 12px;
        }
    }
}