@import (reference) 'dingtalk-theme/dingtalk-x/mob.less';

.MyTabsBuilding {
	color: @common_level2_base_color;
	display: flex;
	&-tab {
		flex-shrink: 0;
		text-align: center;
		margin-right: 16px;
	}

	&-tab:last-child {
		margin-right: 0;
	}

	&-active {
		position: relative;
		color: @theme_primary1_color;
		font-weight: 600;

		&::after {
			content: '';
			height: 2px;
			width: 22px;
			background-color: @theme_primary1_color;
			position: absolute;
			left: 50%;
			margin-left: -11px;
			bottom: -8px;
		}
	}

	&-tab1 {
		line-height: 20px;
		font-size: 12px;
		text-align: center;
		margin-right: 16px;
	}
	&-active1 {
		position: relative;
		color: @theme_primary1_color;
		font-weight: 600;
	}
}