@import url('../../../interfaces/assets/css/simulator-modules.css?v=1790855872967');
@import url('../../../interfaces/assets/css/simulator-robot.css?v=1790855872967');

#board-viewer {
	height: 294px;
}

.canvas-steami-screen {
	width: 128px;
	height: 128px;
	position: absolute;
	top: 44px;
	left: 86.5px;
	z-index: 100;
}

.stm32-led1 {
	filter: hue-rotate(77deg);
}

.stm32-led3 {
	filter: hue-rotate(207deg);
}

.stm32-led1,
.stm32-led2,
.stm32-led3 {
	z-index: 1;
	bottom: 12px;
	left: -6px;
	opacity: 0;
}

.bmp280-temp {
	clip-path: inset(76.4706% 0px 0px);
}

.highTemp,
.groveTemp {
	clip-path: inset(52% 0px 0px);
}

.sgp30_module .module-img-group {
	left: 10px;
	bottom: 6px;
}

 /* 3D simulator */
 #experience-3d-container{
	position: relative;
	margin: auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.experience3D {
	background: linear-gradient(180deg, #2828c0 0%, #5e5e5e 100%);
	display: flex;
	justify-content: center;
	margin-top: 1.5em;
}

#gizmo-button {
	position: absolute;
	top: 1.75em;
    right: 0.25em;
	z-index: 100;
	color: red;
}

#gizmo-button.active-gizmo {
	color: green;
}

.graph-btn-disabled {
	background-color: #e6e6e6 !important;
	border-color: var(--simulator-button-background-color-hover) !important;
}