.slideshow{position:relative;overflow:hidden;display:block;width:100%;margin:0 auto}.slideshow img{width:100%;height:auto;display:block;margin:0 auto;opacity:0;transition:opacity 600ms ease-in-out;background:#f0f0f0}.slideshow img:first-child{position:relative;opacity:1}.slideshow img:not(:first-child){position:absolute;top:0;left:50%;transform:translateX(-50%)}.slider-dots{position:absolute;bottom:10px;left:50%;transform:translateX(-50%);display:flex;gap:10px;z-index:10}@media screen and (max-width: 767px){.slider-dots{gap:8px}}.slider-dot{width:12px;height:12px;border-radius:50%;border:2px solid #fff;background:rgba(0,0,0,0);cursor:pointer;transition:background .3s ease,transform .2s ease;padding:0}.slider-dot:hover{transform:scale(1.2)}.slider-dot.active{background:#fff}.slider-dot:focus{outline:2px solid #4a90e2;outline-offset:2px}@media screen and (max-width: 767px){.slider-dot{width:10px;height:10px}}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);background:hsla(0,0%,100%,.8);border:none;width:40px;height:40px;border-radius:50%;cursor:pointer;font-size:24px;line-height:1;display:flex;align-items:center;justify-content:center;z-index:10;transition:background .3s ease,transform .2s ease;color:#333;font-weight:bold}.slider-arrow:hover{background:#fff;transform:translateY(-50%) scale(1.1)}.slider-arrow:active{transform:translateY(-50%) scale(0.95)}.slider-arrow:focus{outline:2px solid #4a90e2;outline-offset:2px}@media screen and (max-width: 767px){.slider-arrow{width:35px;height:35px;font-size:20px}}.slider-prev{left:40px}@media screen and (max-width: 767px){.slider-prev{left:10px}}.slider-next{right:40px}@media screen and (max-width: 767px){.slider-next{right:10px}}@media(hover: none){.slider-arrow{background:hsla(0,0%,100%,.6)}}.slideshow.dark-theme .slider-arrow{background:rgba(0,0,0,.6);color:#fff}.slideshow.dark-theme .slider-arrow:hover{background:rgba(0,0,0,.8)}.slideshow.dark-theme .slider-dot{border-color:hsla(0,0%,100%,.8)}.slideshow.dark-theme .slider-dot.active{background:hsla(0,0%,100%,.8)}/*# sourceMappingURL=slider.css.map */