@charset 'utf-8';
.timings-con-category {
	height: 400px;
	margin-bottom: 20px;
	width: 96%;
	float: left;
	position:relative;
	background: rgba(255, 255, 255, 0.05);
	padding: 8px 2%;
	overflow: hidden;
	border-radius: 16px;
	-webkit-backdrop-filter: saturate(120%) blur(32px);
	backdrop-filter: saturate(120%) blur(32px);
	border: solid 1px rgb(255 255 255 / 10%);
}	
.timings-con-button {
	position:relative;
	min-height: 72px;
	height: auto;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count:1;
	background: rgba(255, 255, 255, 0.05);
	border: solid 1px rgb(255 255 255 / 10%);
	border-radius: 16px;
	overflow: hidden;
}
.timings-tx1-button {
	font-family: 'SFProDisplay-Bold';
	font-size: 14px;
	line-height: 30px;
	position:relative;
	left:0;
	display: block;
	height: 30px;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count:1;
	color: inherit;
	padding: 4px 12px;
	overflow: hidden;
}
.timings-tx2-button {
	font-family: SFProDisplay-Regular;
	font-size: 16px;
	line-height: 16px;
	position:relative;
	left:0;
	display: inline-block;
	height: 24px;
	-webkit-animation-name:fadeInUp;
	animation-name:fadeInUp;
	-webkit-animation-duration:.5s;
	-webkit-animation-iteration-count:1;
	color: inherit;
	opacity: .6;
	padding: 4px 12px;
}
.timings-ico-button {
	opacity: .6;
	width: 20px;
	height: 20px;
	top: 10px;
	right: 8px;
	position: absolute;
}
.timings-backdrop-primaries {
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #0000), to(#0be881));
	background: -o-linear-gradient(top, #0000 40%, #0be881 100%);
	background: linear-gradient(180deg, #0000 40%, #0be881 100%);
	border-radius: 10px;
	opacity: .2;
}
.timings-backdrop-secondaries {
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #0000), to(#00edff));
	background: -o-linear-gradient(top, #0000 40%, #00edff 100%);
	background: linear-gradient(180deg, #0000 40%, #00edff 100%);
	border-radius: 10px;
	opacity: .2;
}
.timings-backdrop-tertiaries {
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #0000), to(#7400ff));
	background: -o-linear-gradient(top, #0000 40%, #7400ff 100%);
	background: linear-gradient(180deg, #0000 40%, #7400ff 100%);
	border-radius: 10px;
	opacity: .2;
}
.timings-backdrop-voltages {
	width: 100%;
	height: 100%;
	position: absolute;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(40%, #0000), to(#ff00b1));
	background: -o-linear-gradient(top, #0000 40%, #ff00b1 100%);
	background: linear-gradient(180deg, #0000 40%, #ff00b1 100%);
	border-radius: 10px;
	opacity: .2;
}