:root{--num: 12;--wd: 100;--gap: 10px}section.svelte-lhorlp{width:clamp(200px,80%,90vw);margin:0 auto}.carousel.svelte-lhorlp{display:flex;align-items:center;height:150px;overflow:hidden;-webkit-mask-image:linear-gradient(to right,transparent,#000 5% 95%,transparent);mask-image:linear-gradient(to right,transparent,#000 5% 95%,transparent)}.carousel.svelte-lhorlp .gallery:where(.svelte-lhorlp){list-style-type:none;display:flex;align-items:center;width:100%;height:140px;position:relative;perspective:40em}.carousel.svelte-lhorlp .gallery:where(.svelte-lhorlp) .card:where(.svelte-lhorlp) img:where(.svelte-lhorlp){width:100%}.swap-img{animation:svelte-lhorlp-swap 1s ease-in-out forwards}.carousel.svelte-lhorlp .gallery:where(.svelte-lhorlp) .card:where(.svelte-lhorlp){width:100px;height:100px;position:absolute;transform-style:preserve-3d;transform-origin:50% 25%;left:100%;animation:svelte-lhorlp-slide 12s linear infinite,svelte-lhorlp-scaleEffect 12s ease-in-out infinite;animation-delay:calc(12s * ((var(--timer) - 1) / var(--num) - 1));transition:transform .25s ease-in-out}@keyframes svelte-lhorlp-swap{0%{transform:scale(1)}40%{transform:scale(0)}60%{transform:scale(0)}to{transform:scale(1)}}@keyframes svelte-lhorlp-slide{0%{left:calc(100% + 100px)}to{left:-100px}}@keyframes svelte-lhorlp-scaleEffect{0%{transform:scale(.6);filter:grayscale(1)}20%{filter:grayscale(1)}40%{transform:scale(.6);filter:grayscale(0)}60%{transform:scale(.6);filter:grayscale(0)}80%{filter:grayscale(1)}to{transform:scale(.6);z-index:0;filter:grayscale(1)}50%{transform:scale(1);z-index:10;filter:grayscale(0)}}@media only screen and (max-width: 900px){.carousel.svelte-lhorlp{height:100px}.carousel.svelte-lhorlp .gallery:where(.svelte-lhorlp){height:100px;margin-top:30px}.carousel.svelte-lhorlp .gallery:where(.svelte-lhorlp) .card:where(.svelte-lhorlp){width:calc(var(--wd) / 2 * 1px)}}