/**
 * All of the CSS for your public-facing functionality should be
 * included in this file.
 */

/******** MODEL VIEWER DIMENSIONS ********/
.u3dmv-model-viewer-wrapper {
	margin-bottom: 20px;
}

.u3dmv-model-viewer-wrapper .dimensionLineContainer {
	pointer-events: none;
	display: block;
}

.u3dmv-model-viewer-wrapper .dimensionLine {
	stroke: #16a5e6;
	stroke-width: 2;
	stroke-dasharray: 2;
}

model-viewer[data-dim-mode] .dot {
	display: none;
}

model-viewer[data-dim-mode] .dim {
	border-radius: 4px;
	border: none;
	box-sizing: border-box;
	background-color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
	color: rgba(0, 0, 0, 0.8);
	display: block;
	font-family:
		Futura,
		Helvetica Neue,
		sans-serif;
	font-size: 1em;
	font-weight: 700;
	max-width: 128px;
	overflow-wrap: break-word;
	padding: 0.5em 1em;
	position: absolute;
	width: max-content;
	height: max-content;
	transform: translate3d(-50%, -50%, 0);
	pointer-events: none;
	--min-hotspot-opacity: 0;
}

.hide {
	display: none;
}

/* This keeps child nodes hidden while the element loads */
:not(:defined) > * {
	display: none;
}
