: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{overflow:hidden;width:100%;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent);mask-image:linear-gradient(90deg,transparent 0,black 5%,black 95%,transparent)}.wrapper{display:flex;width:calc(200% + (var(--gap-size) * 2))}.images{display:flex;animation:scroll var(--animation-duration) linear infinite;animation-play-state:running;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(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{flex-shrink:0;width:var(--carousel-item-width);aspect-ratio:var(--aspect-ratio);margin-right:var(--gap-size);position:relative;border-radius:.5rem;overflow:hidden}.carousel-item:last-child{margin-right:0}.carousel-spacer{flex-shrink:0;width:var(--gap-size)}.skeleton{background-color:#e0e0e0;width:100%;height:100%;animation:pulse 1.5s ease-in-out infinite;position:absolute;top:0;left:0}@keyframes pulse{0%{opacity:1}50%{opacity:.4}to{opacity:1}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(-100%)}}.shimmer-placeholder{background:linear-gradient(90deg,rgba(255,255,255,.1) 25%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.1) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;border-radius:.5rem}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@supports (-moz-appearance:none){.images{animation:scroll var(--animation-duration) linear infinite;transform:translateX(0);-moz-transform:translateX(0);will-change:auto}.carousel-item{transform:none!important;will-change:auto!important}@media (max-width:768px){.images{animation-duration:var(--mobile-animation-duration)}}}