html {
	-webkit-text-size-adjust: 100%;
}

body {
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	overflow-x: clip;
}

@media (prefers-reduced-motion: no-preference) {
	html {
		scroll-behavior: smooth;
	}
}

::selection {
	background: var(--e-global-color-primary);
	color: var(--e-global-color-text);
}

:focus-visible {
	outline: 2px solid var(--e-global-color-secondary);
	outline-offset: 3px;
}

html body:not(#mdc-root) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):not([type="hidden"]),
html body:not(#mdc-root) textarea,
html body:not(#mdc-root) select {
	border-width: 1px;
	border-style: solid;
	border-color: var(--e-global-color-line);
	box-shadow: none;
}

html body:not(#mdc-root) input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]):focus,
html body:not(#mdc-root) textarea:focus,
html body:not(#mdc-root) select:focus,
html body:not(#mdc-root) .select2-container--focus .select2-selection,
html body:not(#mdc-root) .select2-container--open .select2-selection {
	border-width: 1px;
	border-style: solid;
	border-color: var(--e-global-color-secondary);
	outline: none;
	box-shadow: none;
}