@import"https://fonts.googleapis.com/css2?family=Ubuntu:wght@400;500;700&display=swap";*{font-family:Ubuntu,sans-serif;padding:0;margin:0}.container{width:100vw;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:bisque}.carousel{position:relative;width:80%;max-width:800px;overflow:hidden;border-radius:12px;box-shadow:0 4px 15px #0003}.container img{width:100%;height:auto;display:block}.carousel-btn{position:absolute;top:50%;transform:translateY(-50%);background-color:#fff9;border:none;color:#333;padding:10px;cursor:pointer;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background-color .3s,transform .2s;z-index:10}.carousel-btn:hover{background-color:#ffffffe6;transform:translateY(-50%) scale(1.1)}.carousel-btn:focus{outline:2px solid #007bff;outline-offset:2px}.btn-left{left:15px}.btn-right{right:15px}.progress-bar-container{position:absolute;bottom:0;left:0;width:100%;height:6px;background-color:#ffffff4d;z-index:10}.progress-bar{height:100%;background-color:#3b82f6;width:0%}@keyframes progress{0%{width:0%}to{width:100%}}