/**
 * The following styles get applied both on the front of your site
 * and in the editor.
 *
 * Replace them with your own styles or remove the file completely.
 */

.wp-block-create-block-llama-ai-blog-assistant {
    padding: 40px;
	margin: 40px 0;
	background-color: #f0f0f1;
}

.wp-block-create-block-llama-ai-blog-assistant label {
	font-size: 11px;
    font-weight: 500;
    line-height: 1.4;
    text-transform: uppercase;
    display: inline-block;
    margin-bottom: calc(8px);
    padding: 0px;
    color: #1e1e1e;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue",sans-serif;
}

.wp-block-create-block-llama-ai-blog-assistant h3 {
	margin: 10px 0;
}

.wp-block-create-block-llama-ai-blog-assistant button {
	background-color: var(--wp-admin-theme-color);
    color: #fff !important;
}

.wp-block-create-block-llama-ai-blog-assistant p, .wp-block-create-block-llama-ai-blog-assistant ul {
	font-size: 13px;
	color: #1e1e1e;
}

.wp-block-create-block-llama-ai-blog-assistant ul {
	list-style-type: none;
	padding: 0;
  }
  
.wp-block-create-block-llama-ai-blog-assistant li:before {
	content: "✔ ";
}

.wp-block-create-block-llama-ai-blog-assistant .components-panel__body-toggle {
	background-color: #fff;
	color: #1e1e1e !important;
	padding-top: 16px;
    padding-bottom: 16px;
}

.wp-block-create-block-llama-ai-blog-assistant .components-panel__body-toggle:hover {
	background-color: #f0f0f1;
}

.wp-block-create-block-llama-ai-blog-assistant .components-panel__icon {
	display: none;
}

.wp-block-create-block-llama-ai-blog-assistant .components-form-toggle {
	display: flex;
}

.wp-block-create-block-llama-ai-blog-assistant .is-secondary {
	color: var(--wp-admin-theme-color) !important;
}

.wp-block-create-block-llama-ai-blog-assistant .components-panel__row {
	display: block;
}