@import "extensions/editor";
@import "formats/editor";
@import "settings/editor";

.editor-styles-wrapper {
	width: auto !important;

	.is-root-container {
		z-index: 1; // Required for box shadows.

		// TODO: Custom properties.
		.alignfull {
			max-width: 100%;
			width: 100% !important;
		}

		.alignwide {
			max-width: var(--wp--custom--layout--wide-size, 1200px);
			width: calc(100% - var(--wp--style--block-gap, 5vw) * 2);
		}
	}

	// TODO: Is this needed?
	.wp-block-image {
		margin-left: 0 !important;
		margin-right: 0 !important;

		img {
			max-width: 100% !important;
		}
	}

	[src*=".svg"] {
		width: 100%;
	}

	// Needed for additional border support.
	.wp-block-button {
		border: 0 !important;
	}
}