Шаблон:Prototype/technology/wrapper/styles.css

.ts-Prototype-technology {
    display: grid;
    grid-template-rows: 0fr 0fr;
    grid-template-columns: 0fr;
    background: var(--theme-bg-color-200);
    font-size: var(--font-size-xs);
    padding: 10px;
    border-top: 8px solid;
    box-shadow: var(--box-shadow-medium);
    border-radius: var(--border-radius-medium);
}

.ts-Prototype-technology__images {
	grid-row: 1 / 3;
	margin-right: 14px;
}

.ts-Prototype-technology__name {
	display: flex;
	justify-content: space-between;
	font-weight: bold;
	font-size: var(--font-size-s);
	border-bottom: 2px solid var(--border-color-hr);
	padding-bottom: 6px;
}

.ts-Prototype-technology__type {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	gap: 0 5px;
	margin-top: 6px;
}

.ts-Prototype-technology__technologies {
	display: grid;
	grid-column: 1 / 3;
	grid-template-rows: 0fr 0fr;
	gap: 6px;
	margin-top: 10px;
}

.ts-Prototype-technology__technologies ul {
	margin: 4px 0 0 0;
}

.ts-Prototype-technology__technologies li::before {
	content: "-"; 
	margin-right: 4px;
	color: var(--text-color-yellow);
}

.ts-Prototype-technology__technologies li {
	list-style-type: none;
}

.ts-Prototype-technology__technologies-unblocks li {
	color: var(--text-color-yellow);
}

#Arsenal.ts-Prototype-technology {
	border-top-color: var(--text-color-red);
}
#Industrial.ts-Prototype-technology {
	border-top-color: var(--text-color-orange);
}
#Experimental.ts-Prototype-technology {
	border-top-color: var(--text-color-violet);
}
#CivilianServices.ts-Prototype-technology {
	border-top-color: var(--text-color-lime);
}

#Arsenal .ts-Prototype-technology__technology {
	color: var(--text-color-red);
}
#Industrial .ts-Prototype-technology__technology {
	color: var(--text-color-orange);
}
#Experimental .ts-Prototype-technology__technology {
	color: var(--text-color-violet);
}
#CivilianServices .ts-Prototype-technology__technology {
	color: var(--text-color-lime);
}