.tomwp-video-player {
	box-sizing: border-box;
	width: 100%;
	display: flex;
}

.tomwp-video-player *,
.tomwp-video-player *::before,
.tomwp-video-player *::after {
	box-sizing: border-box;
}

.tomwp-video-player--align-inherit,
.tomwp-video-player--align-left {
	justify-content: flex-start;
}

.tomwp-video-player--align-center {
	justify-content: center;
}

.tomwp-video-player--align-right {
	justify-content: flex-end;
}

.tomwp-video-player__frame {
	position: relative;
	width: 100%;
	max-width: var(--tomwp-video-max-width, 100%);
	aspect-ratio: var(--tomwp-video-ratio, 16 / 9);
	overflow: hidden;
	background: transparent;
}

.tomwp-video-player__media {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	object-fit: var(--tomwp-video-fit, cover);
}

.tomwp-video-player.is-frameless .tomwp-video-player__media {
	pointer-events: none;
	user-select: none;
}

.tomwp-video-player__notice {
	padding: 12px 14px;
	border: 1px dashed #a7aaad;
	background: #f6f7f7;
	color: #50575e;
	font-size: 13px;
}

@supports not (aspect-ratio: 16 / 9) {
	.tomwp-video-player__frame::before {
		content: "";
		display: block;
		padding-top: 56.25%;
	}
}