.enb-tabs {
	margin-block: 20px 1px !important;
	// overflow: hidden;

	.components-tab-panel__tabs {
		position: relative;
		gap: 8px;
		// padding-inline: 16px;
		// margin-inline: -16px;
		padding-inline: 12px;
		margin-inline: -12px;

		&::after {
			content: "";
			position: absolute;
			inset-block-end: 0;
			inset-inline-start: 0;
			inline-size: 100%;
			block-size: 1px;
			background-color: var(--enb-color-300);
		}

		> .components-button {
			block-size: 29px !important;
			padding-inline: 10px;
			border: 1px solid var(--enb-color-300);
			border-block-end: 0;
			border-radius: 3px 3px 0 0;
			font-size: 12px;
			// background-color: var(--enb-color-100);
			background-color: var(--enb-color-50);
			box-shadow: none;
			transition: all 0.25s linear;

			&::before,
			&::after {
				display: none;
			}

			&:hover {
				color: var(--enb-color-primary-600);
			}

			&:focus {
				outline: none;
				box-shadow: none;
			}

			&.selected {
				z-index: 10;
				border-bottom-color: #fff;
			}

			&.enb-hover {
				// border-color: #d6e9c9;
				// border-color: #c5e2b4;
				// background-color: #f6faf3;
				background-color: #f6faf3;

				// &.selected {
				// 	// color: #43672e;
				// }
			}

			&.enb-parent-hover {
				// border-color: #dcd6fe;
				// background-color: #f4f2ff;
				background-color: #f4f2ff;

				// &.selected {
				// 	color: #6b28d9;
				// }
			}
		}
	}

	.components-tab-panel__tab-content {
		// margin-inline: -16px;
		margin-inline: -12px;
		// padding-inline: 12px;
		// margin-block-end: -20px;
		// background-color: var(--enb-color-100);
		background-color: var(--enb-color-50);

		> * {
			overflow: hidden;
			padding-inline: 16px;
			// padding-block-end: 20px;
		}

		.hover-tab-content {
			// background-color: #f6faf3;
			background-color: #f6faf3;
		}

		.parent-hover-tab-content {
			// background-color: #f4f2ff;
			background-color: #f4f2ff;
		}

		// .enb-component:last-of-type {
		// 	margin-block-end: 0;
		// }
	}

	&.is-last {
		margin-block-end: -20px !important;

		.components-tab-panel__tab-content {

			.normal-tab-content,
			.hover-tab-content,
			.parent-hover-tab-content {
				padding-block: 20px;
			}
		}
	}
}