body.stmui-active,
body.stmui-active button,
body.stmui-active input,
body.stmui-active select,
body.stmui-active textarea {
	font-family: var(--stmui-font);
}

body.stmui-active {
	color: var(--stmui-text);
	background: var(--stmui-page);
	font-size: 16px;
	line-height: 1.6;
}

body.stmui-active *,
body.stmui-active *::before,
body.stmui-active *::after {
	box-sizing: border-box;
}

body.stmui-active :where(h1, h2, h3, h4) {
	color: var(--stmui-ink);
	font-family: var(--stmui-font);
	font-weight: 850;
	letter-spacing: -0.035em;
}

body.stmui-active :where(a, button, input, select, textarea, summary):focus-visible {
	outline: 3px solid var(--stmui-orange);
	outline-offset: 3px;
}

body.stmui-active a {
	text-underline-offset: 0.18em;
}

body.stmui-active img {
	max-width: 100%;
	height: auto;
}

body.stmui-active .col-full,
body.stmui-active .stmui-container {
	width: min(calc(100% - (2 * var(--stmui-side))), var(--stmui-content));
	max-width: var(--stmui-content);
	margin-inline: auto;
}

body.stmui-active .site-main {
	margin-top: 0;
}

body.stmui-active .woocommerce-error,
body.stmui-active .woocommerce-info,
body.stmui-active .woocommerce-message {
	border-radius: var(--stmui-radius-sm);
	box-shadow: var(--stmui-shadow-sm);
}

@media (prefers-reduced-motion: reduce) {
	body.stmui-active *,
	body.stmui-active *::before,
	body.stmui-active *::after {
		scroll-behavior: auto;
		transition-duration: 0.01ms;
		animation-duration: 0.01ms;
		animation-iteration-count: 1;
	}
}