$border: var(--wp--custom--border--width) var(--wp--custom--border--style) var(--wp--custom--border--color);

:root {
	--wp--custom--font-stack--sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Cantarell, Ubuntu, roboto, noto, arial, sans-serif;
	--wp--custom--font-stack--serif: Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
	--wp--custom--font-stack--monospace: Menlo, Consolas, Monaco, Liberation Mono, Lucida Console, monospace;
}

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);
}

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

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

a {
	transition: var(--wp--custom--transition, inherit);

	&:not(.wp-element-button,.wp-block-button__link,.wp-block-navigation-item__content,[rel="home"],[role="textbox"]) {
		box-shadow: 0 0.05em 0 currentColor
	}
}

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,
optgroup,
select,
textarea {
	font: inherit;
	transition: var(--wp--custom--transition, inherit);
}

input:not([type=checkbox], [type=submit]) {
	padding: 1em;
	width: 100%;
	background-color: var(--wp--preset--color--neutral-50, #eee);
	border: $border;
	border-radius: var(--wp--custom--border--radius);
}

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

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

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;
}

.wp-site-blocks {
	display: grid;
	grid-template-rows: auto 1fr auto;
	min-height: var(--wp-site-blocks--min-height, 100vh);
}

.wp-site-blocks > * + * {
	margin-top: 0 !important;
}

body .alignfull {
	margin-left: calc(50% - (50vw - (var(--scrollbar-width) / 2))) !important;
	margin-right: calc(50% - (50vw - (var(--scrollbar-width) / 2))) !important;
}

.alignwide {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--wp--custom--layout--wide-size, 1280px);
}

// Allows primary color to be gradient.
.has-primary-background-color {
	background: var(--wp--preset--color--primary);
}

.admin-bar {
	--wp-site-blocks--min-height: calc(100vh - 46px);
}

@media (min-width: 783px) {
	.admin-bar {
		--wp-site-blocks--min-height: calc(100vh - 32px);
	}
}

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