.llm-webview-view {
	display: flex;
	flex-direction: column;
	min-height: 50px;
	gap: 6px;

	&__label__content {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
	}

	&__label {
		font-size: 14px;
		font-weight: 500;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.71;
		letter-spacing: normal;
		color: #40405b;
	}

	&__info {
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
	}

	&__content {
		position: relative;
		display: flex;
		flex-direction: row;
		align-items: center;
		justify-content: center;
		width: 100%;
		min-height: 300px;
		background-color: #EEEEFF;
		border-radius: 8px;

		&__placeholder {
			font-size: 14px;
			color: #40405b;
			padding: 12px;
			text-align: center;
		}

		>iframe {
			width: 100%;
			height: 50vh;
			border: none
		}

		&__edit-btn {
			position: absolute;
			z-index: 1;
			top: 6px;
			right: 6px;
			width: 38px;
			height: 38px;
			display: flex;
			align-items: center;
			justify-content: center;
			background-color: #fff;
			cursor: pointer;
		}
	}

	&__modal {
		&__overlay {
			position: fixed;
			top: 0;
			left: 0;
			right: 0;
			bottom: 0;
			background-color: rgba($color: #000000, $alpha: .8);
			z-index: 1;
			display: flex;
			align-items: center;
			justify-content: center;
			transition: 0.5ms;
		}

		&__wrapper {
			display: flex;
			flex-direction: column;
			justify-content: space-between;
			gap: 12px;
			background-color: #fff;
			width: 80vw;
			height: 60vh;
			min-width: 500px;
			min-height: 400px;
			border-radius: 12px;
			padding: 26px;
		}

		&__content {
			display: flex;
			width: 100%;
			flex: 1;
			overflow: scroll;
			border: solid 1px #dedeec;

			.w-tc-editor {
				width: 100%;
				overflow: scroll !important;
			}
		}

		&__footer {
			display: flex;
			flex-direction: row;
			align-items: flex-end;
			justify-content: flex-end;
			gap: 6px;

			.llm-button {
				&.outline {
					border: none;
				}
			}
		}
	}
}