.ska-svg-edit-modal {
	--preview-size: 10rem;

	.components-modal__header + div {
		display: flex;
		flex-direction: column;
		justify-content: stretch;
		min-height: 100%;

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

	&__content {
		position: relative;
		flex-grow: 1;

		&__preview {
			color: black;
			position: absolute;
			bottom: 0;
			right: 0;
			width: var(--preview-size);
			height: var(--preview-size);
		}
	}
}