.carousel{--visible:1;--duration:400ms;--autoplay:1;--delay:2500;--resume-delay:1200;border-radius:.5rem;margin:1rem auto;max-width:var(--w-xl);overflow:hidden;position:relative}@media (min-width:512px){.carousel{--visible:2}}@media (min-width:1024px){.carousel{--visible:4}}.carousel-slider{display:flex;touch-action:pan-y;transition-property:transform;transition-timing-function:ease;will-change:transform}.carousel-slide{flex:0 0 calc(100%/var(--visible));padding:.5rem}.carousel-slide>div{width:100%}.carousel-slide img{aspect-ratio:1/1}.carousel button{background:hsla(0,0%,100%,.92);border:0;border-radius:.5rem;box-shadow:0 2px 10px rgba(0,0,0,.12);color:#111;cursor:pointer;padding:.75rem;position:absolute;top:50%;transform:translateY(-50%);z-index:20}.carousel-prev{left:.75rem}.carousel-next{right:.75rem}