.block#intro {
	background-size: cover;
	background-position: center;
}

.block#intro.loaded {
	 background-image: url('./../img/intro.jpg');
}

.video-container {
	position: relative;
	width: 100%;
	cursor: pointer;
}

.video {
	display: flex;
	flex-direction: row;
	width: 100%;
	aspect-ratio: 16 / 9;
	overflow: hidden;
	position: relative; /* Для позиционирования кнопки воспроизведения */
}

.video > video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	background-color: black;
}

.sound-button {
	position: absolute;
	bottom: 0.1in;
	right: 0.1in;
	background-color: rgba(0, 0, 0, 0.75);
	border: none;
	padding: 0.15in;
	cursor: pointer;
	border-radius: 0.05in;
	transition: background-color 250ms ease-out;
	display: flex;
	align-items: center;
	justify-content: center;
	pointer-events: none;
}

.sound-button:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.sound-button svg {
	width: 0.3in;
	height: 0.3in;
}

.play-button {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	background-color: rgba(0, 0, 0, 0.75);
	border: none;
	padding: 0.2in;
	cursor: pointer;
	border-radius: 50%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.play-button:hover {
	background-color: rgba(0, 0, 0, 0.9);
}

.play-button svg {
	width: 0.8in;
	height: 0.8in;
}