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

.myTabs {
	color: @common_level2_base_color;
	display: flex;

	&-tab {
		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: 4px;
			width: 22px;
			background-color: @theme_primary1_color;
			position: absolute;
			left: 50%;
			margin-left: -11px;
			border-radius: 4px;
			bottom: -6px;
		}
	}
}