.ska-tailwind-block__modal {
	width: 100%;
	height: 100%;
	max-width: calc(100vw - 1rem);
	max-height: calc(100dvh - 1rem);

	& > .components-modal__content {

		& > .components-modal__header + div {

			display: flex;
			flex-direction: column;
			height: 100%;
		}
	}

	&__toolbar {
		margin-bottom: 1rem;
	}

	&__content {
		overflow-y: auto;

		.ska-code-editor {
			flex-grow: 1;
			border-radius: 2px;
			border: 1px solid #1e1e1e;
		}
	}

	.ska-tailwind-block__error {
		margin: 1rem 0 0 0 !important;
	}
}