.gutenberg.cabinet-technologies {
	position: relative;
	z-index: 0;
	container: cabinet-tech/inline-size;
}

.gutenberg.cabinet-technologies .container {
	display: flex;
	--_gap: calc((100vw - 100%) / 2);
}

.gutenberg.cabinet-technologies .gutenberg-content-wrapper {
	padding-block: 180px 200px;
	background: var(--c-dark);
	color: var(--c-dark);
	margin-left: calc(var(--_gap) * -1);
	padding-left: var(--_gap);
	padding-right: 80px;
	width: calc(51.291% + var(--_gap));
	background-position: center !important;
	background-size: cover !important;
}

.gutenberg.cabinet-technologies .gutenberg-content-wrapper .desc {
	margin-block: 1.875rem;
}

.gutenberg.cabinet-technologies .gutenberg-content-wrapper .m-button {
	margin-top: 1.25rem;
}

.gutenberg.cabinet-technologies .photo-wrapper {
	position: absolute;
	top: 0;
	right: 0;
	width: calc(49.271% + var(--_gap));
	height: 100%;
}

.gutenberg.cabinet-technologies .photo-wrapper .picture {
	height: 100%;
}

@container cabinet-tech (width <= 767px) {
	.gutenberg.cabinet-technologies .container {
		flex-direction: column;
	}

	.gutenberg.cabinet-technologies .gutenberg-content-wrapper {
		width: calc(100% + (var(--_gap) * 2));
		margin-left: calc(var(--_gap) * -1);
		padding-block: 3.125rem;
		padding-inline: 20px;
	}

	.gutenberg.cabinet-technologies .photo-wrapper {
		width: calc(100% + (var(--_gap) * 2));
		margin-left: calc(var(--_gap) * -1);
		height: 300px;
		position: relative;
	}
}