.ant-tabs {
	.ant-tabs-bar {
		border: none;
	}
	.ant-tabs-nav-wrap {
		.ant-tabs-tab {
			font-style: normal;
			font-weight: $font-weight-default;
			font-size: $font-size-default;
			line-height: $line-height-default;
			color: $color-mono-black;
		}
		.ant-tabs-tab-active {
			font-style: normal;
			font-weight: $font-weight-large;
		}
	}

	&.default {
		.ant-tabs-tab {
			margin: 0;
			padding: 0;
			height: 44px;
			margin-right: 39px;
			&:hover {
				color: $color-primary-blue;
			}
		}
		.ant-tabs-tab-active {
			color: $color-primary-blue;
			&:hover {
				color: $color-primary-blue;
			}
		}
		.ant-tabs-ink-bar {
			height: 4px;
			background-color: $color-primary-blue;
		}
	}

	&.rounded {
		.ant-tabs-tab {
			font-weight: $font-weight-default;
			font-size: $font-size-default;
			line-height: $line-height-default;
			color: $color-mono-black;
			margin: $spacing-small $spacing-small $spacing-small 0;
			padding: $spacing-default;
			border-radius: $border-radius-giant;
			border: $border-size-default solid $transparent-hover-3;
			transition: background-color 0.5s ease;

			&:hover {
				color: $color-mono-black;
				background-color: $transparent-hover;
			}
		}
		.ant-tabs-tab-active {
			font-weight: $font-weight-large;
			background: $color-mono-white;
			box-shadow: $spacing-xxsmall 4px $spacing-small $transparent-hover-3;
			&:hover {
				background-color: $transparent-hover;
			}
		}
		.ant-tabs-tab-disabled {
			border: $border-size-default solid $transparent-hover-3;
			background-color: transparent;
			color: $color-mono-grey;
			&:hover {
				background-color: transparent;
				color: $color-mono-grey;
			}
		}
		.ant-tabs-ink-bar {
			display: none !important;
		}
	}
	&.roundedBlue {
		.ant-tabs-tab {
			font-weight: $font-weight-default;
			font-size: $font-size-default;
			line-height: $line-height-default;
			color: $color-mono-black;
			margin: $spacing-small $spacing-small $spacing-small 0;
			padding: $spacing-default;
			border-radius: $border-radius-giant;
			border: $border-size-default solid $transparent-hover-3;
			transition: background-color 0.5s ease;

			&:hover {
				color: $color-mono-black;
				background-color: $transparent-hover;
			}
		}
		.ant-tabs-tab-active {
			font-weight: $font-weight-large;
			background: $color-secondary-blue;
			box-shadow: $spacing-xxsmall 4px $spacing-small $transparent-hover-3;
			border: $border-size-default solid $color-primary-blue;
			color: $color-primary-blue;
			&:hover {
				background-color: #e4f1fd;
				color: $color-primary-blue;
			}
		}
		.ant-tabs-tab-disabled {
			border: $border-size-default solid $transparent-hover-3;
			background-color: transparent;
			color: $color-mono-grey;
			&:hover {
				background-color: transparent;
				color: $color-mono-grey;
			}
		}
		.ant-tabs-ink-bar {
			display: none !important;
		}
	}
}