body,
html {
    margin: 0;
    padding: 0;
    overflow: hidden;
    background-color: #000;
}

canvas {
   /* width: 100vw;
    height: 100vh;*/
}

dialog {
    width: 100%;
    /* text-align: center; */
    /* max-width: 1200px; */
    color: #9b9b9b;
    background-color: #000;
    border: none;
    padding: 0px;
    font-family: monospace;
    text-align: center;
    /* position: relative; */
    /* transform: translate(-50%, -50%); */
}
#progress-percentage {
    padding: 0px;
    font-family: monospace;
     text-align: left;
    /* margin: 0; */
}
#progress-dialog > p{
	display:none;
}
#progress-container {
    position: absolute;
    width: 100%;
    bottom: 30px;
    /* left: 50%; */
}

progress {
    width: 100%;
    height: 6px;
    border: none;
    background-color: #fff;
    color: #5ccbf5;
    appearance: none;
	/* box-shadow: 0 0 5px rgba(92, 203, 245, 0.7);*/ /* Ombre de lueur */
    /*transition: box-shadow 0.3s ease;*/ /* Transition douce pour l'effet */
   
}

progress::-webkit-progress-bar {
    background-color: #000;
	 box-shadow: 0 0 0px rgba(92, 203, 245, 0.0); /* Ombre de lueur */
}

progress::-webkit-progress-value {
    /*background-color: #5ccbf5;*/
	 background: linear-gradient(to left, rgba(92, 203, 245, 1) 0%, rgba(92, 203, 245, 0.5) 20%); /* Dégradé de droite à gauche */
	 box-shadow: 0 0 5px rgba(92, 203, 245, 0.7); /* Ombre de lueur */
	
}

progress::-moz-progress-bar {
    background-color: #5ccbf5;
	background: linear-gradient(to left, rgba(92, 203, 245, 1) 0%, rgba(92, 203, 245, 0.5) 20%); /* Dégradé de droite à gauche pour Firefox */
}