.logo-carousel{width:100%;height:var(--height);overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000);mask-image:linear-gradient(90deg,#0000,#000 10% 90%,#0000)}.logo-carousel-list{width:100%;min-width:calc(var(--width)*var(--quantity));height:100%;display:flex;position:relative}.logo-carousel-item{width:var(--width);height:var(--height);animation:autoRun var(--duration)linear infinite;animation-delay:calc((var(--duration)/var(--quantity))*(var(--position) - 1) - var(--duration));box-sizing:border-box;border-radius:8px;justify-content:center;align-items:center;margin:8px 4px;padding:16px;display:flex;position:absolute;left:100%}.logo-carousel-image{object-fit:contain;max-width:100%;max-height:100%;transition:transform .3s,opacity .3s}.logo-carousel-item[data-logo=sandiva] .logo-carousel-image{object-fit:cover;object-position:center;max-width:90%;max-height:90%}.logo-carousel-item[data-logo=nookang] .logo-carousel-image{border-radius:4px}@keyframes autoRun{0%{left:100%}to{left:calc(var(--width)*-1)}}.logo-carousel:hover .logo-carousel-item{filter:grayscale(.7)opacity(.6);animation-play-state:paused}.logo-carousel:hover .logo-carousel-item:hover{filter:grayscale(0)opacity();transform:scale(1.05)}.logo-carousel[data-reverse=true] .logo-carousel-item{animation:reversePlay var(--duration)linear infinite;animation-delay:calc((var(--duration)/var(--quantity))*(var(--position) - 1) - var(--duration))}@keyframes reversePlay{0%{left:calc(var(--width)*-1)}to{left:100%}}@media (max-width:768px){.logo-carousel{--width:120px;--height:80px}.logo-carousel-item{margin:4px 2px;padding:12px}}@media (max-width:480px){.logo-carousel{--width:100px;--height:60px}.logo-carousel-item{margin:2px 1px;padding:8px}}