.sbvg-gate { max-width: 480px; margin: 1.5em auto; }
.sbvg-form .sbvg-field { display: flex; flex-direction: column; margin: 0 0 1em; }
.sbvg-form label { font-weight: 600; margin-bottom: 0.25em; }
.sbvg-form input[type="text"],
.sbvg-form input[type="email"] {
	padding: 0.6em 0.75em;
	border: 1px solid #ccc;
	border-radius: 4px;
	font: inherit;
	width: 100%;
	box-sizing: border-box;
}
.sbvg-form input:focus { outline: 2px solid currentColor; outline-offset: 1px; }
.sbvg-actions { margin: 1.25em 0 0; }
.sbvg-button {
	display: inline-block;
	padding: 0.7em 1.4em;
	border: 0;
	border-radius: 4px;
	background: #111;
	color: #fff;
	font: inherit;
	cursor: pointer;
}
.sbvg-button:hover { background: #333; }
.sbvg-notice {
	padding: 0.75em 1em;
	margin: 0 0 1em;
	border-left: 4px solid #999;
	background: #f4f4f4;
}
.sbvg-notice-success { border-color: #2c8a2c; background: #ecf7ec; }
.sbvg-notice-warning { border-color: #c08a00; background: #fdf6e3; }
.sbvg-notice-error   { border-color: #b32d2e; background: #fceaea; }

.sbvg-player { margin: 0; padding: 0; }
.sbvg-video {
	display: block;
	width: 100%;
	height: auto;
	max-width: 100%;
	background: #000;
}