.dkn-logo-slider {
    overflow: hidden;
    width: 100%; margin-top: 20px;
}

.dkn-logo-track {
    display: flex;
    gap: 40px;
    width: max-content;
    animation: dknLogoMove 50s linear infinite;
}

.dkn-logo-item {
    width: 160px;
    height: auto;
  
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}


@keyframes dknLogoMove {

    from {
        transform: translateX(0);
    }

   to{

    transform:translateX(-33.3333%);

}
}

.dkn-logo-item img {

   width: auto;
  max-width: 100%;
  max-height: 100px;
  object-fit: contain;
  display: block;

}


#dkn-logo-preview{

    margin-top:20px;

}

#dkn-logo-preview img{

    border-radius:6px;

}


#dkn-logo-preview{

    margin-top:25px;

}

.dkn-logo-card{

    border:1px solid #111827;
    background:#111827;

    padding:20px;
    margin-bottom:20px;

    border-radius:8px;

}

.dkn-logo-thumb{

    text-align:center;

    margin-bottom:20px;

}

.dkn-logo-thumb img{

    max-width:180px;
    max-height:80px;

    object-fit:contain;

}

.dkn-logo-link input{

    width:100%;

    margin-top:8px;

}


.dkn-logo-handle{

    cursor:move;

    font-weight:bold;

    color:#666;

    margin-bottom:15px;

    padding-bottom:10px;

    border-bottom:1px solid #eee;

}



#dkn-logo-preview{

    display:grid;

    grid-template-columns:repeat(3,1fr);

    gap:20px;

    margin-top:20px;

}



.dkn-logo-thumb{

    text-align:center;

    margin-bottom:15px;

}

.dkn-logo-thumb img{

    max-width:100%;

    max-height:80px;

    object-fit:contain;

}

.dkn-logo-link{

    margin-bottom:15px;

}

.dkn-logo-link input{

    width:100%;

}

@media(max-width:1024px){

    #dkn-logo-preview{

        grid-template-columns:repeat(2,1fr);

    }

}

@media(max-width:600px){

    #dkn-logo-preview{

        grid-template-columns:1fr;

    }

}