.logo-carousel{width:100%;height:var(--height);overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10% 90%,transparent)}.logo-carousel-list{display:flex;width:100%;min-width:calc(var(--width) * var(--quantity));position:relative;height:100%}.logo-carousel-item{width:var(--width);height:var(--height);position:absolute;left:100%;display:flex;align-items:center;justify-content:center;animation:autoRun var(--duration) linear infinite;animation-delay:calc((var(--duration) / var(--quantity)) * (var(--position) - 1) - var(--duration));padding:16px;box-sizing:border-box;border-radius:8px;margin:8px 4px}.logo-carousel-image{max-width:100%;max-height:100%;object-fit:contain;transition:transform .3s ease,opacity .3s ease}.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{animation-play-state:paused;filter:grayscale(.7) opacity(.6)}.logo-carousel:hover .logo-carousel-item:hover{filter:grayscale(0) opacity(1);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{padding:12px;margin:4px 2px}}@media (max-width:480px){.logo-carousel{--width:100px;--height:60px}.logo-carousel-item{padding:8px;margin:2px 1px}}