.wp-block-ska-tailwind {

	& > &__wrapper {
		margin: 1px;
		border-radius: 2px;
		border: 1px solid #1e1e1e;

		&--inline {
			min-height: 43px;
		}

		.ska-code-editor {
			min-width: 10rem;
		}

		& > .components-button {
			width: 100%;
			color: rgba(0, 0, 0, 0.87);
			background: #fff;
		}

		&:focus-within {
			border-color: var(--wp-admin-theme-color) !important;
			box-shadow: 0 0 0 1px var(--wp-admin-theme-color) !important;
			outline: 2px solid #0000 !important;
		}
	}
}

.ska-tailwind-block__error {
	margin: 1px !important;
	font-size: 12px;
	font-family: Consolas, Monaco, 'Andale Mono', 'Ubuntu Mono', monospace;
	color: #9f3a38;
	border: 1px solid #e0b4b4;
	background: #fff6f6;
	padding: 2px 6px;
	border-radius: 2px;
}

/** Try fix all blocks being relative. */
:where(.block-editor-block-list__layout, .block-editor-block-list__layout .block-editor-block-list__block) {

	&:not(.relative, .static, .absolute, .sticky, .fixed) {

		&:not(.has-block-overlay) {

			&:has(> .absolute) {
				position: initial;
			}
		}
	}
}

/** Override editor inline style. */
.wp-block[style*="white-space: pre-wrap"].whitespace-nowrap {
	white-space: nowrap !important;
}