@import '../../styles/theme.less';

.myTabsNew {
	padding: 12px 0 9px;
	color: @text-color-secondary;

	&-border {
		position: relative;
    bottom: 10px;
		&::after {
			content: '';
			position: absolute;
			left: 0;
			right: 0;
			bottom: 10px;
			height: 1px;
			background-color: @divider-color;
		}
	}

	&-tab {
    font-size: 16px;
		cursor: pointer;
		display: flex;
		align-items: center;
    
		&:hover {
			color: @main-color;
		}
	}

	&-active {
		position: relative;
		color: @main-color;

		&::after {
			content: '';
			height: 2px;
			width: 100%;
			background-color: @main-color;
			position: absolute;
			left: 0%;
			// margin-left: -11px;
			bottom: -10px;
		}
	}
  &-icon {
    display: flex;
    align-items: center;
  }
}