::placeholder {
	color: var(--wp--preset--color--neutral) !important;
}

button:not(.components-button, [role=presentation], .slick-arrow, .aac-carousel__btn),
input,
select,
textarea,
a.button
{
	font-size: var(--wp--preset--font-size--medium);
	font-family: var(--wp--preset--font-family--system-ui);
	line-height: 1.5em;
	padding: 0.25em 0.5em;
}

button:not(.components-button, [role=presentation], .slick-arrow, .aac-carousel__btn),
input:is([type=button], [type=reset], [type=submit]),
a.button
{
	background: var(--wp--preset--color--primary);
	border: none;
	border-radius: var(--wp--custom--main--button-border-radius);
	font-family: var(--wp--preset--font-family--sans-serif);
	color: var(--wp--preset--color--background);
	cursor: pointer;
	padding: var(--wp--custom--main--button-padding);
}

button:not(.components-button, [role=presentation], .slick-arrow, .aac-carousel__btn):is(:focus, :hover),
input:is([type=button], [type=reset], [type=submit]):is(:focus, :hover),
a.button:is(:focus, :hover)
{
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	text-decoration: none;
}

button:not(.components-button):not([role=presentation]):not(.slick-arrow):active,
input:is([type=button], [type=reset], [type=submit]):active,
a.button:active
{
	background: var(--wp--preset--color--secondary);
	color: var(--wp--preset--color--background);
	text-decoration: none;
}

input:not([type=image]),
select,
textarea
{
	display: inline-block;
	vertical-align: baseline;
}

input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=radio]):not([type=submit]):not([type=image]):not([readonly]),
select,
textarea
{
	background: var(--wp--preset--color--background);
	border: 1px solid var(--wp--preset--color--neutral);
	border-radius: 0;
	margin: 0;
	-moz-appearance: none;
	-webkit-appearance: none;
}

input:not([type=button]):not([type=checkbox]):not([type=file]):not([type=radio]):not([type=submit]):not([type=image]):not([readonly]):focus,
select:focus,
textarea:focus
{
	border-color: var(--wp--preset--color--primary);
	outline: none;
}

input:is([type=checkbox], [type=file], [type=radio])
{
	background: transparent;
	border: none;
	height: auto !important; width: auto !important; /* Workaround for Safari "jumping button" bug */
	vertical-align: middle;
}

select:not([multiple])
{
	background: var(--wp--preset--color--background) url('data:image/svg+xml;base64,PHN2ZyBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGZpbGwtcnVsZT0iZXZlbm9kZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLW1pdGVybGltaXQ9IjIiIHZpZXdCb3g9IjAgMCAzMjAgNTEyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxwYXRoIGQ9Im0xNjAgMTI5LjI1NyAxNDAuNTEyIDIxMS4yODRoLTI4MS4wMjR6IiBmaWxsPSIjODA4MDgwIiB0cmFuc2Zvcm09Im1hdHJpeCgtMS4xMzg3IDAgMCAtLjkxMTI0OSAzNDIuMTkxIDQ5MC4wNTEpIi8+PC9zdmc+') right 0.25em center no-repeat;
	background-size: 0.75em;
	border-radius: 4px;
	cursor: context-menu;
	padding: 0 2em 0 0.5em;
}

select::-ms-expand
{ display: none; }

select[multiple]
{ height: auto; }