@keyframes slideshow-fade{0%{opacity:0}to{opacity:1}}.slideshow{width:100%}.slideshow>.slideshow__frame{aspect-ratio:16/9;background:var(--background-color);border-radius:10px;position:relative;overflow:hidden}.slideshow>.slideshow__frame>.slideshow__img{animation:.35s slideshow-fade}.slideshow>.slideshow__frame>.slideshow__btn{z-index:1;color:#fff;cursor:pointer;background:#00000073;border:none;border-radius:4px;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:0;font-size:1.75rem;line-height:1;transition:background .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.slideshow>.slideshow__frame>.slideshow__btn:hover,.slideshow>.slideshow__frame>.slideshow__btn:focus-visible{background:#000000a6}.slideshow>.slideshow__frame>.slideshow__btn.slideshow__btn--prev{left:.5rem}.slideshow>.slideshow__frame>.slideshow__btn.slideshow__btn--next{right:.5rem}.slideshow>.slideshow__dots{justify-content:center;gap:.5rem;padding:.65rem 0 0;display:flex}.slideshow>.slideshow__dots>.slideshow__dot{cursor:pointer;background:#ccc;border:none;border-radius:50%;width:10px;height:10px;padding:0;transition:background .2s;position:relative}.slideshow>.slideshow__dots>.slideshow__dot:before{content:"";position:absolute;inset:-8px}.slideshow>.slideshow__dots>.slideshow__dot.slideshow__dot--active{background:var(--main-color)}