@bigfishtv/cockpit/styles/template/preview.less

.preview-window {
	display: flex;
	flex-direction: column;
	height: 100%;
}

.preview-toolbar {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: @padding-xsmall;
	border-bottom: 1px solid @light-grey;
}

.preview-toolbar-label {
	margin-right: @margin-xsmall;
	margin-left: @margin-xsmall;
}

.preview-frame {
	flex: 1;
	display: flex;
	justify-content: center;
	background: @light;
}

.preview-frame-inner {
	flex: 1;
	display: flex;
	box-shadow: 1px 0px 0px @light-grey, -1px 0px 0px @light-grey;
	transition: max-width 400ms ease-in-out;
}

.preview-frame-iframe {
	flex: 1;
	border: 0;
	background: @white;
}