.slider-control-wrapper{
	display: grid;
	grid-template-columns: min-content auto min-content;
	grid-gap: .5em;
	align-items: center;
	}

.slider-wrapper{
	margin-top: 1.5em;
	padding: 0 5%;
	}

.toggle-content-wrapper .slider-wrapper{
	padding: 0;
	}

.slider-wrapper .label{
	padding: .4em 0;
	}	

/* SLIDERS ----------------------- */

/* bar */
.slider {
  	-webkit-appearance: none;
  	width: 100%;
  	margin: 2% 0;
  	height: .75em;
  	border-radius: 5px;  
  	background: #CCC;
  	outline: none;
  	opacity: 1;
  	-webkit-transition: .2s;
  	transition: opacity .2s;
	}

/* thumb (handle)
IMPORTANT: Webkit prefix can't be comma separated to combine */
.slider::-webkit-slider-thumb {
	-webkit-appearance: none;
	appearance: none;
	width: 1.75em;
	height: 1.75em;
	border-radius: 50%; 
	background: var( --asu-maroon );
	cursor: pointer;
	}
.slider::-moz-range-thumb {
	width: 1.75em;
	height: 1.75em;
	border-radius: 50%;
	background: var( --asu-maroon );
	cursor: pointer;
	}



/* SIDE BUTTONS ------------------ */
.side-button{
	width: 1.5em;
	height: 1.5em;
	background-color: var(--asu-maroon);
	border-radius: .5em;
	color: #fff;
	cursor: pointer;
	background-size: 60%;
	background-repeat: no-repeat;
	background-position: center;
	}
.side-button:hover{
	background-color: #b84368;
	}	
.plus{ background-image: url(../images/simulator/icon-plus.svg); }
.minus{ background-image: url(../images/simulator/icon-minus.svg); }	/