@charset "UTF-8";

#avia_options_page {
	width: calc(100% - 32px);
}
#avia_options_page .avia_sidebar_active .avia_options_page_content {
	width: calc(100% - 150px);
}
#avia_options_page .avia_sidebar_active #avia_quick_css {
	width: calc(100% - 37px);
}
.avia_sidebar_active #avia_quick_css .avia_control {
	width: 100%;
}
.avia_sidebar_active #avia_quick_css .avia_description {
	display: none;
}

.ace_editor {
	height: 600px;
	font-size: 13px;
	border: solid 1px #E2EAED;
}

.ace_color-preview {
	--color: transparent;
	content: '';
	/**/position: absolute;/**/
	/** /position: fixed;/**/
	left: 300px;
	top: 300px;
	width: 1em;
	height: 1em;
	border-radius: 3px;
	border: 1px solid #0004;
	z-index: 99999;
	background:
		linear-gradient(to bottom, var(--color), var(--color)),
		linear-gradient(45deg, #ccc 25%, transparent 25%, transparent 75%, #ccc 75%, #ccc),
		linear-gradient(45deg, #ccc 25%, #fff 25%, #fff 75%, #ccc 75%, #ccc);
	background-size: 4px 4px; /* Tamanho dos quadrados */
	background-position: 0 0, 2px 2px; /* Deslocamento para criar o padrão */
}