:root{--carousel-item-width:calc(100vw/2 - var(--gap-size));--aspect-ratio:16/9;--gap-size:20px;--animation-duration:16s;--mobile-animation-duration:10s;--small-screen-animation-duration:8s}@media (max-width:1024px){:root{--carousel-item-width:calc(100vw/2.5 - var(--gap-size));--aspect-ratio:2/3;--gap-size:15px}}@media (max-width:640px){:root{--carousel-item-width:calc(75vw - var(--gap-size));--aspect-ratio:9/16;--gap-size:10px}}.carousel-wrapper{width:100%;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 5% 95%,#0000 100%)}.wrapper{width:calc(200% + (var(--gap-size)*2));display:flex}.images{animation:scroll var(--animation-duration)linear infinite;animation-play-state:running;display:flex;transform:translate(0)}.images:hover{animation-play-state:paused}@media (max-width:768px){.images{animation-duration:var(--mobile-animation-duration)}}@media (max-width:480px){.images{animation-duration:var(--small-screen-animation-duration)}}@media (prefers-reduced-motion:reduce){.images{animation-duration:45s}}.carousel-item{width:var(--carousel-item-width);aspect-ratio:var(--aspect-ratio);margin-right:var(--gap-size);border-radius:.5rem;flex-shrink:0;position:relative;overflow:hidden}.carousel-item:last-child{margin-right:0}.carousel-spacer{width:var(--gap-size);flex-shrink:0}.skeleton{background-color:#e0e0e0;width:100%;height:100%;animation:1.5s ease-in-out infinite pulse;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-100%)}}.shimmer-placeholder{z-index:1;background:linear-gradient(90deg,#ffffff1a 25%,#fff3 50%,#ffffff1a 75%) 0 0/200% 100%;border-radius:.5rem;width:100%;height:100%;animation:1.5s infinite shimmer;position:absolute;top:0;left:0}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@supports ((-moz-appearance:none)){.images{animation:scroll var(--animation-duration)linear infinite;will-change:auto;transform:translate(0)}.carousel-item{will-change:auto!important;transform:none!important}@media (max-width:768px){.images{animation-duration:var(--mobile-animation-duration)}}}
