Шаблон:Research/styles.css

.research {
	display: grid;
	grid-template-rows: 0fr 0fr;
	grid-template-columns: 0fr;
	background: #2c2c35;
	font-size: 14px;
	padding: 10px;
	border-top: 10px solid silver;
	box-shadow: inset 0px 0px 6px 0px rgba(0, 0, 0, 0.3);
	border-radius: 0.2em;
}

.research__images {
	grid-row: 1 / 3;
	margin-right: 14px;
}

.research__name {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: 16px;
	border-bottom: 2px solid #3e3e55;
	padding-bottom: 6px;
}

.research__type {
	display: flex;
	justify-content: space-between;
	margin-top: 6px;
}

.research__unblocks {
	grid-column: 1 / 3;
	margin-top: 8px;
}

.research ul {
	margin: 4px 0 0 0;
}

.research li {
	list-style-type: none;
	color: #eded00;
}

.research li::before {
	content: "-"; 
	margin-right: 4px;
	color: lightgrey;
}

#Arsenal.research {
	border-top-color: #a92424;
}
#Industrial.research {
	border-top-color: #dc9f30;
}
#Experimental.research {
	border-top-color: #835dcc;
}
#CivilianServices.research {
	border-top-color: #68a93b;
}

#Arsenal .research__technology {
	color: #dc373b;
}
#Industrial .research__technology {
	color: #eeac34;
}
#Experimental .research__technology {
	color: #9a6ef0;
}
#CivilianServices .research__technology {
	color: #7ecd48;
}

@media (max-width: 800px) {
	.research__technology {
		display: none;
	}
}