.dds-admin-preview{
    margin-top:10px;
    display:flex;
    flex-wrap:wrap;
    gap:5px;
}
.dds-admin-thumb{
    width:60px;
    height:60px;
    object-fit:cover;
    border:1px solid #ddd;
}

/* front-end */
.dds-wrapper{
    position:relative;
    overflow:hidden;
    height:100%;
}
.dds-inner{
    display:flex;
    height:100%;
}
.dds-column{
    flex:1 1 50%;
    overflow:hidden;
}
.dds-track{
    display:flex;
    flex-direction:column;
}
.dds-item img{
    width:100%;
    height:auto;
    display:block;
}

.dds-track-up{
    animation-name:dds-scroll-up;
    animation-duration:var(--dds-speed,30s);
    animation-timing-function:linear;
    animation-iteration-count:infinite;
}
.dds-track-down{
    animation-name:dds-scroll-down;
    animation-duration:var(--dds-speed,30s);
    animation-timing-function:linear;
    animation-iteration-count:infinite;
}

@keyframes dds-scroll-up{
    0%{transform:translateY(0);}
    100%{transform:translateY(-50%);}
}
@keyframes dds-scroll-down{
    0%{transform:translateY(-50%);}
    100%{transform:translateY(0);}
}