button:not(.components-button):not([role=presentation]):not(.slick-arrow),
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):not([role=presentation]):not(.slick-arrow),
input[type=button],
input[type=reset],
input[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):not([role=presentation]):not(.slick-arrow):focus,
button:not(.components-button):not([role=presentation]):not(.slick-arrow):hover,
input[type=button]:focus,
input[type=button]:hover,
input[type=reset]:focus,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=submit]:hover,
a.button:focus,
a.button: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[type=button]:active,
input[type=reset]:active,
input[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[type=checkbox],
input[type=file],
input[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; }