.llm-tabs-view {
	display: flex;
	flex-direction: column;
	min-height: 50px;
	margin-bottom: 16px;
	gap: 24px;

	&__nav {
		display: flex;
		flex-direction: row;
		margin: 0;
		padding: 0;
		padding-right: 50px;
		align-items: center;
		justify-content: flex-start;
		gap: 20px;
		border-bottom: solid 1px #dedeec;
		overflow-x: scroll;
		-ms-overflow-style: none;
		scrollbar-width: none;

		&::-webkit-scrollbar {
			display: none;
		}

		&__add {
			display: flex;
			height: 26px;
			width: 32px;
			padding-left: 16px;
			cursor: pointer;
			border-left: solid 1px #dedeec;
		}

		&__item {
			display: flex;
			height: 26px;
			align-items: center;
			justify-content: center;
			gap: 4px;
			cursor: pointer;
			padding: 0px 16px 8px 16px;
			white-space: nowrap;

			&.active {
				border-bottom: solid 1px #5050ff;
			}

			&.preview{
				padding: 0;
				height: 32px;
				.llm-tabs-view__nav__item__label{
					padding: 2px 16px 8px 16px;
					text-align: center;
				}
			}

			&__label {
				font-size: 14px;
				color: #40405b;
				min-width: 45px;
				width: auto;
			}

			&__remove {
				width: 32px;
				height: 32px;
				display: flex;
				align-items: center;
				justify-content: center;
				cursor: pointer;
			}
		}
	}

	&__tab-panel {
		min-height: 86px;
		border-radius: 8px;
		border: dashed 1.3px #dedeec;
		padding: 16px;
		display: flex;
		flex-direction: column;
		gap: 16px;
	}
}