@keyframes slides { 0% { transform: translateX(0) } 13.75% { transform: translateX(-0%) } 16.667% { transform: translateX(-100%) } 30.417% { transform: translateX(-100%) } 33.333% { transform: translateX(-200%) } 47.083% { transform: translateX(-200%) } 50% { transform: translateX(-300%) } 63.75% { transform: translateX(-300%) } 66.667% { transform: translateX(-400%) } 80.417% { transform: translateX(-400%) } 83.333% { transform: translateX(-500%) } 97.083% { transform: translateX(-500%) } 100% { transform: translateX(-600%) } }
.slides-track { animation: slides 24s infinite }
.slide-dot { color: rgba(255, 255, 255, 0.6); animation: 24s step-end infinite }
.slideshow:hover .slides-track, .slideshow:hover .slide-dot, .slideshow:focus-within .slides-track, .slideshow:focus-within .slide-dot { animation-play-state: paused }
.slideshow input:checked ~ .slides-track { animation: none; transition: transform 0.7s cubic-bezier(0.65, 0, 0.35, 1) }
.slideshow input:checked ~ .slides-nav .slide-dot { animation: none; color: rgba(255, 255, 255, 0.6) }
@media (prefers-reduced-motion: reduce) { .slides-track, .slide-dot { animation: none !important; transition: none !important } .slide-dot:first-child { color: #00CD03 } }
@keyframes slide-dot-0 { 0% { color: #00CD03 } 16.667% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(1) { animation-name: slide-dot-0 }
#slide-0:checked ~ .slides-track { transform: translateX(-0%) }
#slide-0:checked ~ .slides-nav .slide-dot:nth-child(1) { color: #00CD03 }
#slide-0:focus-visible ~ .slides-nav .slide-dot:nth-child(1) { outline: 2px solid #fff; outline-offset: 4px }
@keyframes slide-dot-1 { 0% { color: rgba(255, 255, 255, 0.6) } 16.667% { color: #00CD03 } 33.333% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(2) { animation-name: slide-dot-1 }
#slide-1:checked ~ .slides-track { transform: translateX(-100%) }
#slide-1:checked ~ .slides-nav .slide-dot:nth-child(2) { color: #00CD03 }
#slide-1:focus-visible ~ .slides-nav .slide-dot:nth-child(2) { outline: 2px solid #fff; outline-offset: 4px }
@keyframes slide-dot-2 { 0% { color: rgba(255, 255, 255, 0.6) } 33.333% { color: #00CD03 } 50% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(3) { animation-name: slide-dot-2 }
#slide-2:checked ~ .slides-track { transform: translateX(-200%) }
#slide-2:checked ~ .slides-nav .slide-dot:nth-child(3) { color: #00CD03 }
#slide-2:focus-visible ~ .slides-nav .slide-dot:nth-child(3) { outline: 2px solid #fff; outline-offset: 4px }
@keyframes slide-dot-3 { 0% { color: rgba(255, 255, 255, 0.6) } 50% { color: #00CD03 } 66.667% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(4) { animation-name: slide-dot-3 }
#slide-3:checked ~ .slides-track { transform: translateX(-300%) }
#slide-3:checked ~ .slides-nav .slide-dot:nth-child(4) { color: #00CD03 }
#slide-3:focus-visible ~ .slides-nav .slide-dot:nth-child(4) { outline: 2px solid #fff; outline-offset: 4px }
@keyframes slide-dot-4 { 0% { color: rgba(255, 255, 255, 0.6) } 66.667% { color: #00CD03 } 83.333% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(5) { animation-name: slide-dot-4 }
#slide-4:checked ~ .slides-track { transform: translateX(-400%) }
#slide-4:checked ~ .slides-nav .slide-dot:nth-child(5) { color: #00CD03 }
#slide-4:focus-visible ~ .slides-nav .slide-dot:nth-child(5) { outline: 2px solid #fff; outline-offset: 4px }
@keyframes slide-dot-5 { 0% { color: rgba(255, 255, 255, 0.6) } 83.333% { color: #00CD03 } 100% { color: rgba(255, 255, 255, 0.6) } }
.slide-dot:nth-child(6) { animation-name: slide-dot-5 }
#slide-5:checked ~ .slides-track { transform: translateX(-500%) }
#slide-5:checked ~ .slides-nav .slide-dot:nth-child(6) { color: #00CD03 }
#slide-5:focus-visible ~ .slides-nav .slide-dot:nth-child(6) { outline: 2px solid #fff; outline-offset: 4px }