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

::placeholder {
	color: var(--wp--preset--color--grey-dark);
}

:where([style*=border-width]):not([style*=border-color]) {
	border-color: var(--wp--custom--border--color, currentColor);
}

html {
	max-width: calc(100vw - var(--scrollbar-width));
	padding: 0 !important;
	box-sizing: border-box;
	scroll-behavior: smooth;
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	-webkit-animation: fade-in var(--wp--custom--transition);
	-moz-animation: fade-in var(--wp--custom--transition);
	-o-animation: fade-in var(--wp--custom--transition);
	animation: fade-in var(--wp--custom--transition);
}

body {
	margin: 0;
	padding: 0 !important;
}

mark {
	border-radius: inherit;
	padding: 0.1em;
}

ol, ul {
	padding-left: 1em;
}

li {
	margin-bottom: var(--wp--style--block-gap, 1em);
}

label {
	display: block;
}

input:not([type=checkbox], [type=submit]) {
	padding: 1em;
	width: 100%;
	background-color: var(--wp--preset--color--grey-lightest);
	border: var(--wp--custom--border--width) var(--wp--custom--border--style) var(--wp--custom--border--color);
	border-radius: var(--wp--custom--border--radius);
}

input[type=submit] {
	border: 0;
	width: 100%;
}

sup,
sub {
	font-size: var(--sup--font-size, .5em);
}

sub {
	vertical-align: var(--sub--vertical-align, baseline);
}

pre,
code {
	font-family: var(--wp--preset--font-family--code), monospace;
}

big {
	font-size:large;
}

small {
	font-size: small;
}