.carrousel-container{background-color:var(--logo-blue);justify-content:center;padding:10px 0;display:flex}.carrousel{aspect-ratio:16/9;background-position:50%;background-repeat:no-repeat;background-size:contain;background-color:var(--logo-blue);width:max(70%,800px);margin:10px;transition:background-image 2s ease-in-out}.carrousel-ui{flex-direction:column;justify-content:flex-end;height:100%;display:flex}.carrousel-arrow-container{flex-direction:row;flex:1;justify-content:space-between;align-items:center;width:100%;min-height:200px;display:flex}.arrow{cursor:pointer;justify-content:center;align-items:center;margin:0 20px;display:flex}.arrow-icon{width:auto;height:60px;margin:0}.arrow-icon:hover{filter:brightness(2)}.dot-container{background-color:#16255533;border-radius:15px;flex-direction:row;justify-content:center;align-items:flex-start;width:fit-content;margin-bottom:10px;margin-left:50px;padding:2px;display:flex}.dot{border:2px solid var(--logo-blue);cursor:pointer;border-radius:10px;width:20px;height:20px;margin:5px}.dot:hover,.dot:focus-visible{border-color:var(--logo-blue);filter:brightness(2)}.dot-empty{background:0 0}.dot-full{background-color:var(--logo-blue)}.progress-bar-container{background-color:#16255533;border-radius:15px;width:100px;height:10px;margin:10px 5px 5px}.progress-bar{background-color:var(--logo-blue);border-radius:15px;width:0%;height:10px;animation:6s linear forwards fillBar}@keyframes fillBar{0%{width:0%}to{width:100%}}