.carousel-wrapper{margin:2rem 0}.carousel{position:relative;width:100%;max-width:800px;margin:0 auto;background-color:#f0f0f0;aspect-ratio:16/9;overflow:hidden}.carousel input[type=radio]{position:absolute;opacity:0}.carousel-slide{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transition:opacity .5s ease;display:flex;align-items:center;justify-content:center}.carousel-slide img{max-width:100%;max-height:100%;object-fit:contain}.carousel input[type=radio]:checked+.carousel-slide{opacity:1;z-index:1}.carousel-controls{position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%}.carousel-nav-buttons{position:absolute;top:0;left:0;right:0;height:100%;width:100%;display:none;justify-content:space-between;align-items:center;padding:0 15px;z-index:5}.carousel-nav-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:rgba(0,0,0,.5);color:#fff;font-size:1.5rem;border-radius:50%;transition:background-color .3s ease;cursor:pointer}.carousel-nav-button:hover{background-color:rgba(0,0,0,.8)}.carousel input[type=radio]:nth-of-type(1):checked~.carousel-controls .carousel-nav-buttons[data-slide="0"],.carousel input[type=radio]:nth-of-type(2):checked~.carousel-controls .carousel-nav-buttons[data-slide="1"],.carousel input[type=radio]:nth-of-type(3):checked~.carousel-controls .carousel-nav-buttons[data-slide="2"],.carousel input[type=radio]:nth-of-type(4):checked~.carousel-controls .carousel-nav-buttons[data-slide="3"],.carousel input[type=radio]:nth-of-type(5):checked~.carousel-controls .carousel-nav-buttons[data-slide="4"]{display:flex}.carousel-caption{position:absolute;bottom:0;left:0;right:0;background-color:rgba(0,0,0,.6);color:#fff;padding:10px 15px;text-align:center;z-index:2}.carousel-caption p{margin:0;padding:0;font-size:1rem}.carousel input[type=radio]:nth-of-type(1):checked~.carousel-controls .carousel-dots .carousel-dot:nth-of-type(1),.carousel input[type=radio]:nth-of-type(2):checked~.carousel-controls .carousel-dots .carousel-dot:nth-of-type(2),.carousel input[type=radio]:nth-of-type(3):checked~.carousel-controls .carousel-dots .carousel-dot:nth-of-type(3),.carousel input[type=radio]:nth-of-type(4):checked~.carousel-controls .carousel-dots .carousel-dot:nth-of-type(4),.carousel input[type=radio]:nth-of-type(5):checked~.carousel-controls .carousel-dots .carousel-dot:nth-of-type(5){background-color:#333}