.react-tabs {
	position: relative;

	.ds-c-tabs {
		border-bottom: 1px solid $color-gray-very-light;
		display: flex;
		list-style-type: none;
		margin-bottom: 0;
		padding-left: 0;
	}

	.react-tabs__tab-rule {
		background: $color-gray-very-light;
		height: 1px;
		margin-top: -1px;
		position: absolute;
		z-index: -1;
	}

	.ds-c-tabs__item {
		border-color: $color-gray-very-light;
		border-style: solid;
		border-top-left-radius: 3px;
		border-top-right-radius: 3px;
		border-width: 1px;
		color: $link-color;
		cursor: pointer;
		display: inline-block;
		margin-left: 0.625rem;
		padding: 1.25rem;
		padding-bottom: 0.9375rem;
		text-decoration: none;
		text-transform: uppercase;

		&[aria-selected='true'] {
			border-bottom-color: $color-white;
			color: $color-text-main;
			font-weight: $rubik-medium;
		}

		&[aria-disabled='true'] {
			background: $color-gray-very-light;
			color: $color-gray-darker-medium;
			cursor: not-allowed;
		}
	}

	.ds-c-tabs__panel {
		margin-top: 2.5rem;

		&:empty {
			display: none;
		}

		&[aria-hidden='true'] {
			display: none;
		}
	}

	.react-tabs__full-width {
		.ds-c-tabs {
			border-bottom: 0 none;
		}

		.ds-c-tabs__item:first-child {
			margin-left: 0;
		}
	}
}