.natrul-inline-editor {
	align-items: center;
	background: #18241e;
	border: 1px solid rgba(255, 255, 255, 0.18);
	border-radius: 999px;
	bottom: 22px;
	box-shadow: 0 12px 36px rgba(0, 0, 0, 0.28);
	color: #fff;
	display: flex;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
	font-size: 13px;
	gap: 8px;
	padding: 7px;
	position: fixed;
	left: 22px;
	z-index: 2147483000;
}

.natrul-inline-editor [hidden] {
	display: none !important;
}

.natrul-inline-editor__status {
	color: rgba(255, 255, 255, 0.76);
	max-width: 190px;
	padding-left: 9px;
	white-space: nowrap;
}

.natrul-inline-editor__status:empty {
	display: none;
}

.natrul-inline-editor__status[data-state="error"] {
	color: #ffb8aa;
}

.natrul-inline-editor__status[data-state="saved"] {
	color: #bce7c7;
}

.natrul-inline-editor__button {
	appearance: none;
	background: transparent;
	border: 0;
	border-radius: 999px;
	color: #fff;
	cursor: pointer;
	font: inherit;
	font-weight: 600;
	line-height: 1;
	margin: 0;
	min-height: 34px;
	padding: 0 15px;
}

.natrul-inline-editor__button:hover,
.natrul-inline-editor__button:focus-visible {
	background: rgba(255, 255, 255, 0.12);
	outline: none;
}

.natrul-inline-editor__button--edit,
.natrul-inline-editor__button--save {
	background: #d8a47f;
	color: #17221c;
}

.natrul-inline-editor__button--edit:hover,
.natrul-inline-editor__button--edit:focus-visible,
.natrul-inline-editor__button--save:hover,
.natrul-inline-editor__button--save:focus-visible {
	background: #ecc19f;
}

.natrul-inline-editor__button:disabled {
	cursor: wait;
	opacity: 0.55;
}

.natrul-inline-edit-mode [data-natrul-inline-text],
.natrul-inline-edit-mode [data-natrul-inline-image],
.natrul-inline-edit-mode [data-natrul-inline-background],
.natrul-inline-edit-mode [data-natrul-commerce-text],
.natrul-inline-edit-mode [data-natrul-commerce-image] {
	cursor: pointer !important;
	outline: 1px dashed rgba(24, 36, 30, 0.52);
	outline-offset: 4px;
	transition: outline-color 140ms ease, box-shadow 140ms ease;
}

.natrul-inline-edit-mode [data-natrul-inline-text]:hover,
.natrul-inline-edit-mode [data-natrul-inline-image]:hover,
.natrul-inline-edit-mode [data-natrul-inline-background]:hover,
.natrul-inline-edit-mode [data-natrul-commerce-text]:hover,
.natrul-inline-edit-mode [data-natrul-commerce-image]:hover {
	box-shadow: 0 0 0 5px rgba(216, 164, 127, 0.2);
	outline: 2px solid #d8a47f;
}

.natrul-inline-edit-mode [data-natrul-inline-text].is-natrul-editing,
.natrul-inline-edit-mode [data-natrul-commerce-text].is-natrul-editing {
	box-shadow: 0 0 0 6px rgba(216, 164, 127, 0.26);
	cursor: text !important;
	min-width: 1em;
	outline: 2px solid #d8a47f;
}

@media (max-width: 600px) {
	.natrul-inline-editor {
		bottom: 12px;
		left: 12px;
		right: 12px;
	}

	.natrul-inline-editor__status {
		margin-right: auto;
		overflow: hidden;
		text-overflow: ellipsis;
	}
}