.nb-tech-dimensions {
	--nb-tech-border-color: rgba(73, 52, 43, 0.78);
	--nb-tech-border-width: 1px;
	--nb-tech-row-height: 58px;
	--nb-tech-number-width: 76px;
	--nb-tech-value-width: 90px;
	width: 100%;
	max-width: 960px;
	margin: 0 auto;
	border: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
	background: transparent;
	color: #181412;
	font-family: inherit;
	box-sizing: border-box;
}

.nb-tech-dimensions,
.nb-tech-dimensions * {
	box-sizing: border-box;
}

.nb-tech-dimensions__title {
	display: flex;
	align-items: center;
	justify-content: center;
	min-height: 64px;
	padding: 15px 24px;
	border-bottom: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
	font-family: inherit;
	font-size: 23px;
	font-weight: 400;
	line-height: 1.3;
	text-align: center;
}

.nb-tech-dimensions__grid {
	display: grid;
	grid-template-columns: repeat(var(--nb-tech-columns), minmax(0, 1fr));
	grid-template-rows: repeat(var(--nb-tech-rows), minmax(var(--nb-tech-row-height), auto));
	grid-auto-flow: column;
}

.nb-tech-dimensions__row {
	display: grid;
	grid-template-columns: var(--nb-tech-number-width) minmax(0, 1fr) var(--nb-tech-value-width);
	align-items: stretch;
	min-width: 0;
	border-bottom: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
}

.nb-tech-dimensions__row.is-column-end {
	border-bottom: 0;
}

.nb-tech-dimensions__row.is-second-column {
	border-left: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
}

.nb-tech-dimensions__cell {
	display: flex;
	align-items: center;
	min-width: 0;
	padding: 12px 10px;
	font-family: inherit;
	font-size: 18px;
	font-weight: 400;
	line-height: 1.35;
}

.nb-tech-dimensions__number {
	justify-content: center;
	border-right: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
}

.nb-tech-dimensions__label {
	justify-content: center;
	text-align: center;
}

.nb-tech-dimensions__value {
	justify-content: flex-end;
	padding-right: 24px;
	text-align: right;
}

@media (max-width: 1024px) {
	.nb-tech-dimensions {
		--nb-tech-number-width: 58px;
		--nb-tech-value-width: 75px;
	}

	.nb-tech-dimensions__title {
		font-size: 21px;
	}

	.nb-tech-dimensions__cell {
		font-size: 16px;
	}

	.nb-tech-dimensions__value {
		padding-right: 16px;
	}
}

@media (max-width: 767px) {
	.nb-tech-dimensions {
		--nb-tech-number-width: 44px;
		--nb-tech-value-width: 64px;
	}

	.nb-tech-dimensions__title {
		min-height: 56px;
		padding: 12px 15px;
		font-size: 19px;
	}

	.nb-tech-dimensions__grid {
		display: block;
	}

	.nb-tech-dimensions__row,
	.nb-tech-dimensions__row.is-second-column {
		grid-template-columns: var(--nb-tech-number-width) minmax(0, 1fr) var(--nb-tech-value-width);
		min-height: 54px;
		border-left: 0;
		border-bottom: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
	}

	.nb-tech-dimensions__row.is-column-end:not(:last-child) {
		border-bottom: var(--nb-tech-border-width) solid var(--nb-tech-border-color);
	}

	.nb-tech-dimensions__row:last-child {
		border-bottom: 0;
	}

	.nb-tech-dimensions__cell {
		padding: 10px 7px;
		font-size: 14px;
	}

	.nb-tech-dimensions__label {
		justify-content: flex-start;
		text-align: left;
	}

	.nb-tech-dimensions__value {
		justify-content: flex-end;
		padding-right: 10px;
	}
}