.tiptap {
	width: 80vw;
	max-width: 1000px;
	height: 90vh;
	overflow: auto;
	margin: 40px auto;
	margin-top: 30px;
	padding: 20px;
	background-color: white;
	min-height: 50vh;
	z-index: 0;
	p {
		color: black;
		padding: 8px;
		font-size: 20px;
		border-radius: 4px;

	}

	ul,
	li {
		margin-left: 20px;

	}
	img {
		max-width: 50%;
		border-radius: 5px;
		display: block;
    }
}

.toolbar {
	background: rgb(243, 241, 241);
	position: flex;
	padding-top: 30px;
	z-index: 1;
	width: 100%;
	display: flex;
	justify-content: space-between;
	padding: 10px;
	box-shadow: rgba(99, 99, 99, 0.2) 0px 2px 8px 0px;
	border-radius: 10px;

	.left,
	.right {
		display: flex;
		gap: 4px;

		button {
			background: none;
			color: black;
			border: none;
			cursor: pointer;
			padding: 10px;
			border-radius: 5px;
			display: flex;
			align-items: center;

			svg {
				width: 16px;
				
			}

			&:hover {
				background: #c4e3ff;
			}

			&.active {
				background: #3b82f6;
				color: blue;
				border-color: #3b82f6;
			}

		}

		.btnGuardar {
			background: #0e8eff;
			color: #fff;

			&:hover {
				background: #007ae6;
			}
		}
	}
}
