.carousel{opacity:0;width:100%;animation:1s forwards fade-in;position:relative;overflow:hidden}.slide{aspect-ratio:4/3;width:100%;position:relative}.image{object-fit:cover}.image-incoming{animation:.8s fade-in}.image-outgoing{animation:.8s forwards fade-out}@media (min-width:768px){.carousel{background-color:var(--color-bg-alt);height:100%}.slide{height:100%;aspect-ratio:unset}.image{object-fit:contain}}.control{color:#000;cursor:pointer;background-color:#ffffff80;border:none;padding:10px;font-size:24px;position:absolute;top:50%;transform:translateY(-50%)}.previous{left:0}.next{right:0}.pause-play{color:#000;cursor:pointer;z-index:2;background-color:#ffffffb3;border:none;border-radius:4px;padding:8px 10px;font-size:14px;line-height:1;position:absolute;bottom:10px;right:10px}.pause-play:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}