Module:FrameChart-FS/styles.css

.frameChart {
	display: flex;
	border-bottom: 1px solid;
    gap: 8px;
    
}

.frameChart-data {
	display: flex;
    gap: 2px;
    align-items: center;
    flex-wrap: wrap;
}

.frame-data {
	width: 10px;
	height: 10px;
}

.frame-data-startup {
	background-color: #36B37E;
}

.frame-data-startup-invuln-1 {
	background-color: #36B37E;
}

.frame-data-active {
	background-color: #FF5D5D;
}

.frame-data-inactive {
	background-color: gray;
}

.frame-data-recovery {
	background-color: #0069B6;
}
.frame-data-specialRecovery {
	background-color: #DB69CF;
}

.frame-data-cancel {
	border-bottom: 4px solid #E9D704;
}

.spawn-projectile {
	width: 3px;
	height: 14px;
	margin-left: -2px;
	background-color: red;
}

.frame-data-total {
	font-size: 0.8125rem;
}