Module:FrameChart-PKMNCC/CCstyles.css

.frameChart {
	display: flex;
	border-bottom: 0px solid;
/*    border-color: var( --border-color-base ); */
    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-frc {
	border-bottom: 4px solid #e9d704;
}

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

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