.boldgrid-ai-overlay {
	background-color: rgba(255, 255, 255, 0.5);
	display: flex;
	justify-content: center;
	align-items: center;
	&.pending-confirmation {
		background-color: rgba( 255, 225, 0, 0.15 );
	}
	.boldgrid-ai-spinner {
		.components-spinner {
			width: 50px;
			max-width: 80%;
			height: 50px;
			max-height: 80%;
			display: inline-block;
			margin: 5px 11px 0px;
			position: relative;
			color: var(--wp-components-color-accent, var(--wp-admin-theme-color, #3858e9));
			overflow: visible;
			opacity: 1;
			background-color: transparent;
			circle {
				fill: transparent;
				stroke-width: 1.5px;
				stroke: rgb(221, 221, 221);
			}
			path {
				fill: transparent;
				stroke-width: 1.5px;
				stroke: currentcolor;
				stroke-linecap: round;
				transform-origin: 50% 50%;
				animation: 1.4s linear 0s infinite normal both running spinner-animation;
			}
		}
	}
	.boldgrid-ai-action-container {
		position: absolute;
		top: 100%;
		right: 0px;
		z-index: 1001;
		span {
			cursor: pointer;
			font-size: 25px;
			width: 60px;
			line-height: 25px;
			height: 25px;
			border-radius: 10px;
			border: 1px solid #2271b1;
			&.boldgrid-ai-action-confirm {
				background-color: #2271b1;
				margin-right: 2px;
				&:hover {
					background: #135e96;
					border-color: #135e96;
				}
				&::before {
					color:#f6f7f7;
				}
			}
			&.boldgrid-ai-action-cancel,
			&.boldgrid-ai-action-retry {
				background-color: #f6f7f7;
				&:hover {
					background: #f0f0f1;
					border-color: #0a4b78;
					color: #0a4b78;
				}
				&::before {
					color: #2271b1;
				}
			}
			&.boldgrid-ai-action-retry {
				font-size: 18px;
			}
		}
	}
}

.pending-ai-confirmation {
	.highlight {
		background-color: rgb( 0,255, 29 );
		&+.boldgrid-ai-overlay {
			background-color: rgba( 255, 255, 0, 0);
		}
	}
}

#boldgrid-instance-menu {
	[data-action='menu-boldgrid-ai'] {
		display: none !important;
	}
}

.popover-imhwpb .popover-menu-imhwpb .side-menu {
	&.lengthen,
	&.structure,
	&.customActions {
		ul {
			right: -200px;
			width: 200px;
		}
	}
}

.editor-panel[data-type="boldgrid-ai"] {
	.panel-title {
		margin-bottom: 0;
	}
}

div.components-modal__screen-overlay {
	z-index: 100102;
	pre {
		display: block;
		padding: 9.5px;
		margin: 0 0 10px;
		font-size: 13px;
		line-height: 1.42857;
		color: #333;
		word-break: break-all;
		word-wrap: break-word;
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		border-radius: 4px;
		code {
			padding: 0;
			font-size: inherit;
			color: inherit;
			white-space: pre-wrap;
			background-color: transparent;
			border-radius: 0;
			font-family: Menlo, Monaco, Consolas, Courier New, monospace;
		}
	}
}

@keyframes spinner-animation {
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}
