.block--video-w-popup--wrapper {
	position: relative;
	display: flex;
	flex-direction: column;
	aspect-ratio: 3 / 2;
	overflow: hidden;
	border-radius: var(--border-radius--clamp);
}

.block--video-w-popup--wrapper video {
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
}

.block--video-w-popup--corner {
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	display: flex;
	padding: 0 0 16px 16px;
	background-color: var(--wp--preset--color--waffle);
	border-radius: 0 0 0 30px;
}

.block--video-w-popup--corner::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='36' viewBox='0 0 39 36' fill='none'%3E%3Cpath d='M0 0V36C3.5 9 26.5 0 39 0H0Z' fill='currentColor'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	position: absolute;
	top: 0;
	right: calc(100% - 1px);
	height: clamp(24px, calc(24px + ((1vw - 4px) * 1)), 40px);
	width: clamp(24px, calc(24px + ((1vw - 4px) * 1)), 40px);
	z-index: 1;
	transform: rotate(90deg);
}

[data-background-colour='warm-linen'] .block--video-w-popup--corner::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='36' viewBox='0 0 39 36' fill='none'%3E%3Cpath d='M0 0V36C3.5 9 26.5 0 39 0H0Z' fill='%23FAF5F0'/%3E%3C/svg%3E");
}

[data-background-colour='waffle'] .block--video-w-popup--corner::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='36' viewBox='0 0 39 36' fill='none'%3E%3Cpath d='M0 0V36C3.5 9 26.5 0 39 0H0Z' fill='%23EBE4DE'/%3E%3C/svg%3E");
}

.block--video-w-popup--corner::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='39' height='36' viewBox='0 0 39 36' fill='none'%3E%3Cpath d='M0 0V36C3.5 9 26.5 0 39 0H0Z' fill='currentColor'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-size: contain;
	content: '';
	position: absolute;
	top: calc(100% - 1px);
	right: calc(0% - 1px);
	height: clamp(24px, calc(24px + ((1vw - 4px) * 1)), 32px);
	width: clamp(24px, calc(24px + ((1vw - 4px) * 1)), 32px);
	z-index: 1;
	transform: rotate(90deg);
}

[data-background-colour='warm-linen'] .block--video-w-popup--corner::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='31' viewBox='0 0 34 31' fill='none'%3E%3Cpath d='M0 0L0.5 31C2 6 23 0 34 0H0Z' fill='%23FAF5F0'/%3E%3C/svg%3E");
}

[data-background-colour='waffle'] .block--video-w-popup--corner::after {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='34' height='31' viewBox='0 0 34 31' fill='none'%3E%3Cpath d='M0 0L0.5 31C2 6 23 0 34 0H0Z' fill='%23EBE4DE'/%3E%3C/svg%3E");
}