#stcm-wrapper {
	--boxShadow: -5px 5px 10px 0 rgb(0 0 0 / 7%), 0 0 50px 0 rgb(0 0 0 / 10%);
	--fontFamily: var(--wp--preset--font-family--primary);
	--primaryColor: #000;
	--backgroundColor: #fff;
	--textColor: #000;
	--backdropBackgroundColor: rgb(0 0 0 / 20%);
	--backdropBackgroundBlur: 0px;
	--iconColor: #fff;
	--iconBackgroundColor: #000;
}

:root[data-theme="dark"] #stcm-wrapper,
:root[data-a11y-contrast] #stcm-wrapper {
	--primaryColor: #fff;
	--backgroundColor: #000;
	--textColor: #fff;
	--backdropBackgroundColor: rgb(255 255 255 / 16%);
	--iconColor: #000;
	--iconBackgroundColor: #fff;
}

#stcm-wrapper :where(button, input) {
	font-family: inherit;
}

#stcm-wrapper .stcm-button,
#stcm-banner,
#stcm-modal {
	border-radius: 0;
}

#stcm-wrapper .stcm-button {
	font-weight: 500;
}

#stcm-wrapper #stcm-banner,
#stcm-wrapper #stcm-modal {
	box-shadow: var(--boxShadow);
}

@media (prefers-reduced-motion: reduce) {
	#stcm-wrapper,
	#stcm-wrapper *,
	#stcm-wrapper *::before,
	#stcm-wrapper *::after {
		animation: none !important;
		transition: none !important;
	}
}