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

.mCoreBuiltinBlueLED {
	z-index: 1;
	bottom: 12px;
	left: -6px;
	opacity: 0;
	filter: hue-rotate(76deg);
}

.mBot-motorLeft,
.mBot-motorRight {
	z-index: 1;
	top: -1px;
	left: 2px;
}

.mBot-motorLeft_base {
	z-index: 2;
	opacity: 0.9;
}

.mBot-motorLeft_base,
.mBot-motorRight_base {
	bottom: 0px;
	left: 16px;
}

.simulator-module.MeRGBLed_module .module-body {
	align-items: center;
}

.MeRGBLed_module>.body-output>.module-value {
	width: 100%;
}

.MeRGBLed_value_text .row {
	margin: 0 auto;
	justify-content: center;
	align-items: center;
}

.makeblockCompass-angle {
	z-index: 1;
	width: 7%;
	height: auto;
	left: 27px;
	top: -8px;
	transform-origin: bottom center;
}

.makeblockColorSensor_anim {
	width: 58px;
	border-radius: 50%;
	border: 4px solid #969696;
	background-color: rgb(55, 55, 55);
}

.makeblockColorSensor {
	z-index: 0;
	bottom: 0px;
	left: 0px;
	width: 58px;
	border-radius: 50%;
	border: 4px solid #969696;
}

.makeblockServo {
	z-index: 1;
	width: 20%;
	height: auto;
	top: -8px;
	left: 54px;
	transform-origin: 8px 34.5px;
}

.makeblockServo_value_text {
	position: relative;
	top: -25px;
}

.vitta-modal-title-matrix-mBot {
	font-size: 20px;
	color: white;
	align-items: center;
	font-weight: bold;
}

.img-selected {
	width: 100px;
	height: 50px;
}

.suggestion-img {
	width: 100px;
	height: 50px;
	border: solid var(--bg-3) 1px !important;
}

.mbot-led {
	height: 10px;
	width: 10px;
	border-radius: 50%;
	border: solid var(--bg-5) 0.5px;
}

.mbot-column {
	display: flex;
	flex-direction: column;
}

.mbot-grid {
	display: flex;
	flex-direction: row;
	justify-content: center;
}