#blazor-error-ui {
    background: lightyellow;
    bottom: 0;
    box-shadow: 0 -1px 2px rgba(0, 0, 0, 0.2);
    display: none;
    left: 0;
    padding: 0.6rem 1.25rem 0.7rem 1.25rem;
    position: fixed;
    width: 100%;
    z-index: 1000;
}
#blazor-error-ui .dismiss {
        cursor: pointer;
        position: absolute;
        right: 0.75rem;
        top: 0.5rem;
}
.capture-parent {
	position:relative;
	height:90vh;
	border:solid red 1px;
}
.capture-content {
	display:flex;
	flex-direction:row;
	justify-content:center;
	height:100%;
	widht:100%;
	object-fit:cover;
	overflow:hidden;
	border:solid black 1px;
}
.capture-item {
	flex-shrink:1;
}
#app {
	display:flex;
	flex-direction:column;
	justify-content:center;
	align-items:center;
	border:solid green 1px;
	width:100%;
	height:100%;
}
body {
	display:flex;
	justify-content:center;
	height:98%;
	width:98%;
	border:solid red 0px;
}
#content {
	display:flex;
	border:solid red 0px;
}
.child-content {
	display:inline-flex;
	border: solid green 0px;
}
.info-panel {
	border:solid blue 0px;
}
.child-content > video {
	overflow: hidden;
	border:solid blue 0px;
}
html {
	display:flex;
	justify-content:center;
	align-items:center;
	height:100%;
	width:100%;
	border:solid black 0px;
	box-sizing:border-box;
	overscroll-behavior:none;
}