/* Embed-SweetHome3D — front-end viewer styles. */

.sweethome3d-model {
	position: relative;
	width: 100%;
	margin: 0 auto 1.5em;
	background-color: transparent;
}

.sweethome3d-canvas {
	display: block;
	width: 100%;
	height: 100%;
	outline: none;
	background-color: transparent;
}

.sweethome3d-progress {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: min(80%, 400px);
	padding: 20px;
	border-radius: 25px;
	background-color: rgba(128, 128, 128, 0.7);
	text-align: center;
	box-sizing: border-box;
}

.sweethome3d-progress progress {
	width: 100%;
}

.sweethome3d-progress label {
	display: block;
	margin-top: 6px;
	color: #fff;
	font-size: 13px;
}

.sweethome3d-copyright {
	margin-top: 4px;
	font-size: 11px;
	text-align: right;
	opacity: 0.7;
}

.sweethome3d-error {
	display: block;
	padding: 8px 12px;
	border-left: 4px solid #d63638;
	background: #fcf0f1;
	color: #d63638;
}