.asset-gallery{
    background:#fff;
    border-top:1px solid #e9ecef;
    padding:14px 18px;
}

.asset-thumbnail-list{
    flex:1;
    display:flex;
    gap:10px;
    overflow-x:auto;
    scrollbar-width:none;
}

.asset-thumbnail-list::-webkit-scrollbar{
    display:none;
}

.asset-thumb{
    width:86px;
    height:86px;
    flex:0 0 auto;
    border-radius:8px;
    overflow:hidden;
    cursor:pointer;
    border:2px solid transparent;
    transition:.2s;
    background:#fff;
}

.asset-thumb img{
    width:100%;
    height:100%;
    object-fit:cover;
}

.asset-thumb.active{
    border-color:#0d6efd;
}

.thumb-nav{
    width:36px;
    height:36px;
    border-radius:8px;
    border:none;
    background:#f3f4f6;
    cursor:pointer;
    transition:.2s;
}

.thumb-nav:hover{
    background:#dee2e6;
}

.asset-thumb-wrapper{

    display:flex;

    align-items:center;

    justify-content:center;

    gap:12px;

}

.asset-thumbnail-list{

    display:flex;

    justify-content:center;

    align-items:center;

    gap:10px;

    overflow:hidden;

    flex:unset;

}

.asset-thumb{

    opacity:.65;

}

.asset-thumb.active{

    opacity:1;

    transform:scale(1.04);

    border-color:#0d6efd;

}

.asset-thumb:hover{

    opacity:1;

}

.asset-gallery{

    padding-bottom:20px;

}