
.vss-wrap{
    width:100vw;
    max-width:100vw;
    margin-left:calc(50% - 50vw);
    margin-right:calc(50% - 50vw);
    height:var(--vss-band-height, 190px);
    background:#000;
    overflow:hidden;
    position:relative;
    display:flex;
    align-items:center;
    box-sizing:border-box;
}

.vss-track{
    display:flex;
    align-items:center;
    width:max-content;
    height:100%;
    will-change:transform;
    transform:translate3d(0,0,0);
}

.vss-group{
    display:flex;
    align-items:center;
    gap:var(--vss-gap, 32px);
    padding-right:var(--vss-gap, 32px);
    flex:0 0 auto;
    height:100%;
}

.vss-item{
    flex:0 0 auto;
    height:100%;
    display:flex;
    align-items:center;
    justify-content:center;
}

.vss-item img{
    display:block;
    width:auto;
    height:var(--vss-image-height, 165px);
    max-height:calc(var(--vss-band-height, 190px) - 10px);
    max-width:none;
    object-fit:contain;
    user-select:none;
    -webkit-user-drag:none;
}

@media (max-width: 767px){
    .vss-wrap{
        width:100vw;
        max-width:100vw;
    }
}


.vss-item{
    cursor:pointer;
    position:relative;
    z-index:1;
    transition:transform .28s ease, z-index .28s ease;
    transform-origin:center center;
}

.vss-item.vss-selected{
    transform:scale(1.4);
    z-index:20;
}

.vss-wrap.vss-selection-active{
    overflow:visible;
    z-index:50;
}

.vss-wrap.vss-selection-active .vss-track{
    z-index:10;
}
