@scope  (.working-area){
	.btn-group{
		display:flex;
	}

	.btn-group .btn{
		border-radius:0 !important;
		border-left:1px solid #000;
	}
	.btn-group .btn:first-child{
		border-left:none;
		border-radius:30px 0 0 30px !important;
	}
	.btn-group .btn:last-child{
		border-radius:0 30px 30px 0 !important;
	}


	.graphAction{
		margin-top:10px;
		display:flex;
		flex-direction:row;
		justify-content:space-between;
	}

	.plotYearChange{
		display:flex;
		flex-direction:row;
		background-color:#EEE;
		border-radius:100px;
		width:fit-content;
	}

	.plotYearChange div{
		border-radius:20px;
		padding:10px;
		margin:5px;
		cursor:pointer
	}

	.plotYearChange div.active{
		background-color:#CCC;
	}
		
	.plot_container{
		margin:20px;
		display:flex;
		flex-direction:column;
	}

		
	@keyframes placeHolderShimmer{
		0%{
			background-position: -300px 0
		}
		100%{
			background-position: 300px 0
		}
	}	

	.loading_graph{
		background: linear-gradient(to right, #fafafa 8%, #EEE 38%, #fafafa 54%);
		background-size:2000px, 500px;
		axwidth:75vh;
		height:50vh;
		margin-bottom:40px;
		animation: 1s linear infinite placeHolderShimmer;
	}

	.metagraph{
		width:100%;
		display:flex;
		flex-direction:row;
	}

	.plot .imgcontainer{
		display:flex;
		justify-content:center;
	}
	@media screen and (max-width: 1600px) {
		.metagraph{
			flex-wrap:wrap;
		}
			
		.plot .imgcontainer{
			width:100%;
		}
		
	}

	.plot-title{
		color:#012041;
	}

	.nbrepondant{
		display:flex;
		flex-direction:column;
		--justify-content:space-between;
		min-width:340px;
	}
	.nbrepondant > .comp {
		margin:20px;
	}	
	.nbrepondant .cartouche{
		padding:4px 12px;
		border-radius:12px;
		background-color: var(--secondary-100);
	}
	.cartoucheInfo{
		display:grid;
		grid-template-columns: repeat(2, 1fr);
	}
	.cartoucheInfo > *{
		white-space:nowrap;
	}
	.cartoucheInfo b{
		display:block;
		text-align:right;
	}

	.debugstat{
		position:fixed;
		right:20px;
		top:90px;
		background-color:rgba(0,0,0,0.8);
		border-radius:20px;
		padding:20px;
		color:#FFF;
	}

	.imgcontainer{
		margin:20px 10px;
		flex-grow:2;
	}

	.imgcontainer img{
		max-width:100%;
		width: auto;
		height: auto;
	}	

	.graphsize0{
		max-height:25vh;
	}
	.graphsize1{
		max-height:40vh;
	}
	.graphsize2{
		max-height:80vh;
	}

	.exportDataSingle{
		--width:62px;
		--min-width:62px;
		--height:24px;
		text-align:center;
		margin-left:10px;
	}


	.descriptionformat{
		margin-bottom:20px;
		padding:10px 30px;
		width:500px;
		max-width:500px;
		height:30px;
	}

	@keyframes progressbar {
		0% {left:-50%;}
		100% {left:100%;}
	}


	.customprogress{
		position:relative;
		overflow:hidden;
		width:100%;
		height:25px;
		border-radius:10px;
		border:1px solid var(--secondary-200);
	}

	.customprogress:after{
		position:relative;
		display:block;
		content:"";
		width:50%;
		height:100%;
		background-color:var(--primary-100);
		animation : progressbar 4s infinite linear;
	}

}