.video-modal {
	display: none;
	position: fixed;
	inset: 0;
	z-index: 999999;
	align-items: center;
	justify-content: center;
}

.video-modal[aria-hidden="false"] {
	display: flex;
}

.video-modal__overlay {
	position: absolute;
	inset: 0;
	background: rgba(0, 0, 0, 0.85);
}

.video-modal__content {
	position: relative;
	width: 90%;
	max-width: 1400px;
	background: #fff;
	border-radius: 0;
	padding: var(--wp--preset--spacing--lg);
}

body .video-modal__close,
body .video-modal__close:hover,
body .video-modal__close:focus {
    position: absolute;
    top: 0;
    right: 0;
    width: 42px;
    height: 42px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='20' viewBox='0 0 21 20' fill='none'%3E%3Cpath d='M10.4688 1.875C7.53906 1.875 4.88281 3.4375 3.39844 5.9375C1.95312 8.47656 1.95312 11.5625 3.39844 14.0625C4.88281 16.6016 7.53906 18.125 10.4688 18.125C13.3594 18.125 16.0156 16.6016 17.5 14.0625C18.9453 11.5625 18.9453 8.47656 17.5 5.9375C16.0156 3.4375 13.3594 1.875 10.4688 1.875ZM10.4688 20C6.875 20 3.59375 18.125 1.79688 15C0 11.9141 0 8.125 1.79688 5C3.59375 1.91406 6.875 0 10.4688 0C14.0234 0 17.3047 1.91406 19.1016 5C20.8984 8.125 20.8984 11.9141 19.1016 15C17.3047 18.125 14.0234 20 10.4688 20ZM14.2578 7.5L13.5938 8.16406L11.7578 10L13.5938 11.8359L14.2578 12.5L12.9688 13.8281L12.3047 13.1641L10.4688 11.3281L8.63281 13.1641L7.96875 13.8281L6.64062 12.5L7.30469 11.8359L9.14062 10L7.30469 8.16406L6.64062 7.5L7.96875 6.21094L8.63281 6.875L10.4688 8.71094L12.3047 6.875L12.9688 6.21094L14.2578 7.5Z' fill='%23254749'/%3E%3C/svg%3E");
    background-position: center;
    background-repeat: no-repeat;
    background-size: 20px;
    background-color: transparent;
    color: transparent;
	box-shadow: none;
}

@media (max-width: 767px) {
	.video-modal__content {
        padding-top: 40px;
		padding-bottom: 40px;
    }
}

@media (min-width: 768px) {
    body .video-modal__close {
        top: 10px;
        right: 10px;
    }
}

.video-modal__iframe-wrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 aspect ratio */
	height: 0;
	overflow: hidden;
	background: #000;
	border-radius: 0;
}

.video-modal__iframe-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}