*,
*::before,
*::after {
	box-sizing: border-box;
}

* {
	margin: 0;
}

:host {
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

img,
picture,
video,
canvas,
svg {
	display: block;
	max-width: 100%;
}

input,
button,
textarea,
select {
	font: inherit;
}

p,
h1,
h2,
h3,
h4,
h5,
h6 {
	overflow-wrap: break-word;
}

.editor-styles-wrapper {
	/** wordpress misc editor styles */
	& :where(p) {
		line-height: inherit;
	}

	& :where(.pre) {
		white-space: unset;
		word-wrap: unset;
	}

	/* TODO: probably move this to whatever */
	/** wordpress block wrapper styles */
	& .wp-block-block,
	& .wp-block:not([data-whatever]) {
		margin: unset;
		line-height: inherit;
		max-width: unset;
	}
}