ul:where(.astro-ZYXK4F2K){padding:0;margin:0;list-style-type:none;position:relative;height:20rem;box-shadow:0 0 15px #00000026}li:where(.astro-ZYXK4F2K){display:flex;justify-content:center;align-items:flex-end;position:absolute;width:100%;height:20rem;background:url(/images/lemonade.jpg) no-repeat center center;background-size:cover;opacity:0;transition:all .5s;transition-delay:.5s}li:where(.astro-ZYXK4F2K)[data-visible]{transition-delay:0ms;z-index:1;opacity:1}h4:where(.astro-ZYXK4F2K){font-size:2rem;text-transform:uppercase;color:#ffffffb3;text-shadow:0 0 9px rgba(0,0,0,.5);line-height:2rem;padding-bottom:.5rem}.slider:where(.astro-ZYXK4F2K){position:relative}.slider:where(.astro-ZYXK4F2K) .controllers:where(.astro-ZYXK4F2K){position:absolute;width:100%;top:calc(50% - 1.75rem)}button:where(.astro-ZYXK4F2K){border:0;border-radius:.3rem;margin:.2rem;padding:.5rem;background-color:#0000004d;position:absolute;color:#ffffff80;font-family:Arial,Helvetica,sans-serif;font-size:2rem;line-height:1.8rem;font-weight:bolder;cursor:pointer;z-index:2}button:where(.astro-ZYXK4F2K):hover{background-color:#00000080;color:#fff}.slider:where(.astro-ZYXK4F2K) .right:where(.astro-ZYXK4F2K){right:0}