:host{
    display: block;
    margin: 28px 0 60px 0;
}

.result-header{
    display: flex;

    .file-name{
        flex: 1 1 auto;
        cursor: pointer;
    }

    span, mat-icon{
        margin: 2px;
    }

    .mdi{
        font-size: 20px;
    }

    .mat-icon{
        font-size: 20px;
    }

    .file-size{
        margin: 2px 8px;
    }
}

.result-footer{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.drive-path ul{
    margin:0;
    padding: 0px;
    list-style-type: none;
    display: flex;
    align-items: center;
    flex: 1 1 auto;
}

.drive-path ul li{
    display: flex;
    align-items: center;
    cursor: pointer;
}

.drive-path ul li span{
    margin-right: 2px;
}

.drive-path ul li mat-icon{
    font-size: 18px;
    width: 20px;
    height: 20px;
    display: flex;
    align-items: center;
}

.drive-path{
    display: flex;
    justify-content: space-between;
    margin: 0 2px;
}

.result-snippet{
    margin: 4px 0;
}

.result-snippet span{
    display: block;
    padding: 2px 4px;
    margin: 4px 0;
    word-break: break-all;
    text-align: justify;
}

app-avatar{
    width:20px;
    height:20px;
    margin:2px;
}