@import '../../../themes/themes.style.scss';

.mb[sm-category] {
	user-select: none;
	padding-bottom: 5px;

	> .mb-smc-title {
		font-weight: 700;
		vertical-align: middle;
		display: inline-block;

		> .mb-smc-dot {
			height: 7px;
			width: 7px;
			border-radius: 3.5px;
			display: inline-block;
			vertical-align: middle;
			background-color: #00bdc1;
			@include themify(background-color, color4);
		}

		> .mb-smc-title-text {
			font-size: 12px;
			font-weight: 700;
			color: #00bdc1;
			@include themify(color, color4);
			display: inline-block;
		}
	}

	> .mb-smc-detail-container {
		width: 100%;

		> .mbg-smc-detail {
			width: 50px;

			> .mbg-smc-detail-path {
				fill: #ccc;
				@include themify(fill, neutral3);
				stroke: #ccc;
				@include themify(stroke, neutral3);
				stroke-miterlimit: 10;
				stroke-width: 2px;
			}
		}
	}
}