@charset "UTF-8";
/*!
* Pico.css v1.5.0 (https://picocss.com)
* Copyright 2019-2022 - Licensed under MIT
*/
/**
* Theme: default
*/

:root {
	--font-family: 'GeneralSans-Variable', 'Helvetica', 'Arial', sans-serif;
	--line-height: 1.5;
	--font-weight: 470;
	--font-size: 1rem;
	--border-radius: 0.25rem;
	--border-width: 1px;
	--outline-width: 3px;
	--spacing: 2rem;
	--typography-spacing-vertical: 1.5rem;
	--block-spacing-vertical: calc(var(--spacing) * 2);
	--block-spacing-horizontal: var(--spacing);
	--grid-spacing-vertical: 0;
	--grid-spacing-horizontal: var(--spacing);
	--form-element-spacing-vertical: 0.75rem;
	--form-element-spacing-horizontal: 1rem;
	--form-label-font-weight: var(--font-weight);
	--transition: 0.2s ease-in-out;
}

[data-theme=light], :root:not([data-theme=dark]) {
	color-scheme: light;
	--background-color: #fff;
	--color: #000000;
	--muted-color: #999;
	--muted-border-color: #ddd;
	--primary: #0063b6;
	--primary-hover: #999;
	--primary-focus: rgba(0, 99, 182, 0.125);
	--primary-inverse: #fff;
	--secondary: #596b78;
	--secondary-hover: #000;
	--secondary-focus: rgba(0, 99, 182, 0.125);
	--secondary-inverse: #fff;
	--button-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	--button-hover-box-shadow: 0 0 0 rgba(0, 0, 0, 0);
	--form-element-background-color: #f2f7fb;
	--form-element-border-color: #999;
	--form-element-color: var(--color);
	--form-element-placeholder-color: var(--muted-color);
	--form-element-active-background-color: transparent;
	--form-element-active-border-color: var(--primary);
	--form-element-focus-color: var(--primary-focus);
	--form-element-disabled-background-color: #efefef;
	--form-element-disabled-border-color: #eee;
	--form-element-disabled-opacity: 0.5;
	--form-element-invalid-border-color: #c62828;
	--form-element-invalid-active-border-color: #d32f2f;
	--form-element-invalid-focus-color: rgba(211, 47, 47, 0.125);
	--form-element-valid-border-color: #388e3c;
	--form-element-valid-active-border-color: #43a047;
	--form-element-valid-focus-color: rgba(67, 160, 71, 0.125);
	--table-border-color: var(--muted-border-color);
	--icon-close: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(115, 130, 140, 0.999)' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='18' y1='6' x2='6' y2='18'%3E%3C/line%3E%3Cline x1='6' y1='6' x2='18' y2='18'%3E%3C/line%3E%3C/svg%3E");
	--icon-date: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='18' rx='2' ry='2'%3E%3C/rect%3E%3Cline x1='16' y1='2' x2='16' y2='6'%3E%3C/line%3E%3Cline x1='8' y1='2' x2='8' y2='6'%3E%3C/line%3E%3Cline x1='3' y1='10' x2='21' y2='10'%3E%3C/line%3E%3C/svg%3E");
	--icon-invalid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(198, 40, 40, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cline x1='12' y1='8' x2='12' y2='12'%3E%3C/line%3E%3Cline x1='12' y1='16' x2='12.01' y2='16'%3E%3C/line%3E%3C/svg%3E");
	--icon-minus: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23FFF' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cline x1='5' y1='12' x2='19' y2='12'%3E%3C/line%3E%3C/svg%3E");
	--icon-search: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='8'%3E%3C/circle%3E%3Cline x1='21' y1='21' x2='16.65' y2='16.65'%3E%3C/line%3E%3C/svg%3E");
	--icon-time: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(65, 84, 98, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'%3E%3C/circle%3E%3Cpolyline points='12 6 12 12 16 14'%3E%3C/polyline%3E%3C/svg%3E");
	--icon-valid: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='rgba(56, 142, 60, 0.999)' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}

/**
* Document
* Content-box & Responsive typography
*/
*,
*::before, *::after {
	box-sizing: border-box;
	background-repeat: no-repeat;
}

::before, ::after {
	text-decoration: inherit;
	vertical-align: inherit;
}

:where(:root) {
	-webkit-tap-highlight-color: transparent;
	-webkit-text-size-adjust: 100%;
	-moz-text-size-adjust: 100%;
	text-size-adjust: 100%;
	text-rendering: optimizeLegibility;
	background-color: var(--background-color);
	color: var(--color);
	font-weight: var(--font-weight);
	font-size: var(--font-size);
	line-height: var(--line-height);
	font-family: var(--font-family);
	overflow-wrap: break-word;
	cursor: default;
	-moz-tab-size: 4;
	-o-tab-size: 4;
	tab-size: 4;
}

/**
* Flex
*/

.flex {
	display: flex;
	justify-content: space-between;
}

/**
* Grid
* Minimal grid system with auto-layout columns
*/
.grid {
	grid-column-gap: var(--grid-spacing-horizontal);
	grid-row-gap: var(--grid-spacing-vertical);
	display: grid;
	grid-template-columns: 1fr;
	margin: 0;
}
@media (min-width: 992px) {
	.grid {
		grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
	}
}
.grid > * {
	min-width: 0;
}

/**
* Grid Checkbox
* Minimal grid system with auto-layout columns
*/
.grid-checkbox {
	grid-column-gap: var(--grid-spacing-horizontal);
	grid-row-gap: var(--grid-spacing-vertical);
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
	margin: 0;
}

.grid-checkbox > * {
	min-width: 0;
}

/**
* Form elements
*/
input, optgroup, select, textarea {
	margin: 0;
	font-size: 1rem;
	line-height: var(--line-height);
	font-family: inherit;
	letter-spacing: inherit;
}

input {
	overflow: visible;
}

select {
	text-transform: none;
}

legend {
	max-width: 100%;
	padding: 0;
	color: inherit;
	white-space: normal;
}

textarea {
	overflow: auto;
}

[type=checkbox], [type=radio] {
	padding: 0;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
	height: auto;
}

[type=search] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
	-webkit-appearance: none;
}

::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}

::-moz-focus-inner {
	padding: 0;
	border-style: none;
}

:-moz-focusring {
	outline: none;
}

:-moz-ui-invalid {
	box-shadow: none;
}

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

[type=file], [type=range] {
	padding: 0;
	border-width: 0;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]) {
	height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
}

fieldset {
	margin: 0;
	margin-bottom: var(--spacing);
	padding: 0;
	border: 0;
}

label, fieldset legend {
	display: inline-block;
	margin-bottom: calc(var(--spacing) * 0.25);
}

input:not([type=checkbox]):not([type=radio]), select, textarea {
	width: 100%;
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
	vertical-align: middle;
}

input, select, textarea {
	--background-color: var(--form-element-background-color);
	--border-color: var(--form-element-border-color);
	--color: var(--form-element-color);
	--box-shadow: none;
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
	outline: none;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-weight: var(--font-weight);
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}

input:not([type=submit]):not([type=button]):not([type=reset]):not([type=checkbox]):not([type=radio]):not([readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
	--background-color: var(--form-element-active-background-color);
}

input:not([type=submit]):not([type=button]):not([type=reset]):not([role=switch]):not([readonly]):is(:active, :focus),
:where(select, textarea):is(:active, :focus) {
	--border-color: var(--form-element-active-border-color);
}

input:not([type=submit]):not([type=button]):not([type=reset]):not([type=range]):not([type=file]):not([readonly]):focus,
select:focus,
textarea:focus {
	--box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}

input:not([type=submit]):not([type=button]):not([type=reset])[disabled],
select[disabled],
textarea[disabled],
:where(fieldset[disabled]) :is(input:not([type=submit]):not([type=button]):not([type=reset]), select, textarea) {
	--background-color: var(--form-element-disabled-background-color);
	--border-color: var(--form-element-disabled-border-color);
	opacity: var(--form-element-disabled-opacity);
	pointer-events: none;
}

:where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid] {
	padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
	padding-left: var(--form-element-spacing-horizontal);
	-webkit-padding-start: var(--form-element-spacing-horizontal) !important;
	padding-inline-start: var(--form-element-spacing-horizontal) !important;
	-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
	padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem) !important;
	background-position: center right 0.75rem;
	background-size: 1rem auto;
	background-repeat: no-repeat;
}
:where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid=false] {
	background-image: var(--icon-valid);
}
:where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid=true] {
	background-image: var(--icon-invalid);
}
:where(input, select, textarea)[aria-invalid=false] {
	--border-color: var(--form-element-valid-border-color);
}
:where(input, select, textarea)[aria-invalid=false]:is(:active, :focus) {
	--border-color: var(--form-element-valid-active-border-color) !important;
	--box-shadow: 0 0 0 var(--outline-width) var(--form-element-valid-focus-color) !important;
}
:where(input, select, textarea)[aria-invalid=true] {
	--border-color: var(--form-element-invalid-border-color);
}
:where(input, select, textarea)[aria-invalid=true]:is(:active, :focus) {
	--border-color: var(--form-element-invalid-active-border-color) !important;
	--box-shadow: 0 0 0 var(--outline-width) var(--form-element-invalid-focus-color) !important;
}

[dir=rtl] :where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid], [dir=rtl] :where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid=true], [dir=rtl] :where(input, select, textarea):not([type=checkbox]):not([type=radio])[aria-invalid=false] {
	background-position: center left 0.75rem;
}

input::placeholder,
input::-webkit-input-placeholder,
textarea::placeholder,
textarea::-webkit-input-placeholder,
select:invalid {
	color: var(--form-element-placeholder-color);
	opacity: 1;
}

input:not([type=checkbox]):not([type=radio]), select, textarea {
	margin-bottom: var(--spacing) / 2;
}

select::-ms-expand {
	border: 0;
	background-color: transparent;
}
select:not([multiple]):not([size]) {
	padding-right: calc(var(--form-element-spacing-horizontal) + 1.5rem);
	padding-left: var(--form-element-spacing-horizontal);
	-webkit-padding-start: var(--form-element-spacing-horizontal);
	padding-inline-start: var(--form-element-spacing-horizontal);
	-webkit-padding-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
	padding-inline-end: calc(var(--form-element-spacing-horizontal) + 1.5rem);
	background-image: var(--icon-chevron);
	background-position: center right 0.75rem;
	background-size: 1rem auto;
	background-repeat: no-repeat;
}

[dir=rtl] select:not([multiple]):not([size]) {
	background-position: center left 0.75rem;
}

:where(input, select, textarea) + small {
	display: block;
	width: 100%;
	margin-top: calc(var(--spacing) * -0.75);
	margin-bottom: var(--spacing);
	color: var(--muted-color);
}

label > :where(input, select, textarea) {
	margin-top: calc(var(--spacing) * 0.25);
}

/**
* Form elements
* Checkboxes & Radios
*/
[type=checkbox],
[type=radio] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 1.25em;
	height: 1.25em;
	margin-top: -0.125em;
	margin-right: 0.375em;
	margin-left: 0;
	-webkit-margin-start: 0;
	margin-inline-start: 0;
	-webkit-margin-end: 0.375em;
	margin-inline-end: 0.375em;
	border-width: var(--border-width);
	font-size: inherit;
	vertical-align: middle;
	cursor: pointer;
}
[type=checkbox]::-ms-check,
[type=radio]::-ms-check {
	display: none;
}
[type=checkbox]:checked, [type=checkbox]:checked:active, [type=checkbox]:checked:focus,
[type=radio]:checked,
[type=radio]:checked:active,
[type=radio]:checked:focus {
	--background-color: var(--primary);
	--border-color: var(--primary);
	background-image: var(--icon-checkbox);
	background-position: center;
	background-size: 0.75em auto;
	background-repeat: no-repeat;
}
[type=checkbox] ~ label,
[type=radio] ~ label {
	display: inline-block;
	margin-right: 0.375em;
	margin-bottom: 0;
	cursor: pointer;
}

[type=checkbox]:indeterminate {
	--background-color: var(--primary);
	--border-color: var(--primary);
	background-image: var(--icon-minus);
	background-position: center;
	background-size: 0.75em auto;
	background-repeat: no-repeat;
}

[type=radio] {
	border-radius: 50%;
}
[type=radio]:checked, [type=radio]:checked:active, [type=radio]:checked:focus {
	--background-color: var(--primary-inverse);
	border-width: 0.35em;
	background-image: none;
}

[type=checkbox][role=switch] {
	--background-color: var(--switch-background-color);
	--border-color: var(--switch-background-color);
	--color: var(--switch-color);
	width: 2.25em;
	height: 1.25em;
	border: var(--border-width) solid var(--border-color);
	border-radius: 1.25em;
	background-color: var(--background-color);
	line-height: 1.25em;
}
[type=checkbox][role=switch]:focus {
	--background-color: var(--switch-background-color);
	--border-color: var(--switch-background-color);
}
[type=checkbox][role=switch]:checked {
	--background-color: var(--switch-checked-background-color);
	--border-color: var(--switch-checked-background-color);
}
[type=checkbox][role=switch]:before {
	display: block;
	width: calc(1.25em - (var(--border-width) * 2));
	height: 100%;
	border-radius: 50%;
	background-color: var(--color);
	content: "";
	transition: margin 0.1s ease-in-out;
}
[type=checkbox][role=switch]:checked {
	background-image: none;
}
[type=checkbox][role=switch]:checked::before {
	margin-left: calc(1.125em - var(--border-width));
	-webkit-margin-start: calc(1.125em - var(--border-width));
	margin-inline-start: calc(1.125em - var(--border-width));
}

[type=checkbox][aria-invalid=false],
[type=checkbox]:checked[aria-invalid=false],
[type=radio][aria-invalid=false],
[type=radio]:checked[aria-invalid=false],
[type=checkbox][role=switch][aria-invalid=false],
[type=checkbox][role=switch]:checked[aria-invalid=false] {
	--border-color: var(--form-element-valid-border-color);
}
[type=checkbox][aria-invalid=true],
[type=checkbox]:checked[aria-invalid=true],
[type=radio][aria-invalid=true],
[type=radio]:checked[aria-invalid=true],
[type=checkbox][role=switch][aria-invalid=true],
[type=checkbox][role=switch]:checked[aria-invalid=true] {
	--border-color: var(--form-element-invalid-border-color);
}

/**
* Form elements
* Alternatives input types (Not Checkboxes & Radios)
*/
[type=color]::-webkit-color-swatch-wrapper {
	padding: 0;
}
[type=color]::-moz-focus-inner {
	padding: 0;
}
[type=color]::-webkit-color-swatch {
	border: 0;
	border-radius: calc(var(--border-radius) * 0.5);
}
[type=color]::-moz-color-swatch {
	border: 0;
	border-radius: calc(var(--border-radius) * 0.5);
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=date], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=datetime-local], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=month], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time], input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=week] {
	--icon-position: 0.75rem;
	--icon-width: 1rem;
	padding-right: calc(var(--icon-width) + var(--icon-position));
	background-image: var(--icon-date);
	background-position: center right var(--icon-position);
	background-size: var(--icon-width) auto;
	background-repeat: no-repeat;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=time] {
	background-image: var(--icon-time);
}

[type=date]::-webkit-calendar-picker-indicator,
[type=datetime-local]::-webkit-calendar-picker-indicator,
[type=month]::-webkit-calendar-picker-indicator,
[type=time]::-webkit-calendar-picker-indicator,
[type=week]::-webkit-calendar-picker-indicator {
	width: var(--icon-width);
	margin-right: calc(var(--icon-width) * -1);
	margin-left: var(--icon-position);
	opacity: 0;
}

[dir=rtl] :is([type=date], [type=datetime-local], [type=month], [type=time], [type=week]) {
	text-align: right;
}

[type=file] {
	--color: var(--muted-color);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) 0;
	border: 0;
	border-radius: 0;
	background: none;
}
[type=file]::-webkit-file-upload-button {
	--background-color: var(--secondary);
	--border-color: var(--secondary);
	--color: var(--secondary-inverse);
	margin-right: calc(var(--spacing) / 2);
	margin-left: 0;
	-webkit-margin-start: 0;
	margin-inline-start: 0;
	-webkit-margin-end: calc(var(--spacing) / 2);
	margin-inline-end: calc(var(--spacing) / 2);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
	outline: none;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-weight: var(--font-weight);
	font-size: 1rem;
	line-height: var(--line-height);
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::file-selector-button {
	--background-color: var(--secondary);
	--border-color: var(--secondary);
	--color: var(--secondary-inverse);
	margin-right: calc(var(--spacing) / 2);
	margin-left: 0;
	-webkit-margin-start: 0;
	margin-inline-start: 0;
	-webkit-margin-end: calc(var(--spacing) / 2);
	margin-inline-end: calc(var(--spacing) / 2);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
	outline: none;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-weight: var(--font-weight);
	font-size: 1rem;
	line-height: var(--line-height);
	text-align: center;
	cursor: pointer;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
	--background-color: var(--secondary-hover);
	--border-color: var(--secondary-hover);
}
[type=file]::file-selector-button:is(:hover, :active, :focus) {
	--background-color: var(--secondary-hover);
	--border-color: var(--secondary-hover);
}
[type=file]::-webkit-file-upload-button {
	--background-color: var(--secondary);
	--border-color: var(--secondary);
	--color: var(--secondary-inverse);
	margin-right: calc(var(--spacing) / 2);
	margin-left: 0;
	-webkit-margin-start: 0;
	margin-inline-start: 0;
	-webkit-margin-end: calc(var(--spacing) / 2);
	margin-inline-end: calc(var(--spacing) / 2);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
	outline: none;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-weight: var(--font-weight);
	font-size: 1rem;
	line-height: var(--line-height);
	text-align: center;
	cursor: pointer;
	-webkit-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::-webkit-file-upload-button:is(:hover, :active, :focus) {
	--background-color: var(--secondary-hover);
	--border-color: var(--secondary-hover);
}
[type=file]::-ms-browse {
	--background-color: var(--secondary);
	--border-color: var(--secondary);
	--color: var(--secondary-inverse);
	margin-right: calc(var(--spacing) / 2);
	margin-left: 0;
	margin-inline-start: 0;
	margin-inline-end: calc(var(--spacing) / 2);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) calc(var(--form-element-spacing-horizontal) * 0.5);
	border: var(--border-width) solid var(--border-color);
	border-radius: var(--border-radius);
	outline: none;
	background-color: var(--background-color);
	box-shadow: var(--box-shadow);
	color: var(--color);
	font-weight: var(--font-weight);
	font-size: 1rem;
	line-height: var(--line-height);
	text-align: center;
	cursor: pointer;
	-ms-transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
[type=file]::-ms-browse:is(:hover, :active, :focus) {
	--background-color: var(--secondary-hover);
	--border-color: var(--secondary-hover);
}

[type=range] {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	width: 100%;
	height: 1.25rem;
	background: none;
}
[type=range]::-webkit-slider-runnable-track {
	width: 100%;
	height: 0.25rem;
	border-radius: var(--border-radius);
	background-color: var(--range-border-color);
	-webkit-transition: background-color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-moz-range-track {
	width: 100%;
	height: 0.25rem;
	border-radius: var(--border-radius);
	background-color: var(--range-border-color);
	-moz-transition: background-color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-ms-track {
	width: 100%;
	height: 0.25rem;
	border-radius: var(--border-radius);
	background-color: var(--range-border-color);
	-ms-transition: background-color var(--transition), box-shadow var(--transition);
	transition: background-color var(--transition), box-shadow var(--transition);
}
[type=range]::-webkit-slider-thumb {
	-webkit-appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: -0.5rem;
	border: 2px solid var(--range-thumb-border-color);
	border-radius: 50%;
	background-color: var(--range-thumb-color);
	cursor: pointer;
	-webkit-transition: background-color var(--transition), transform var(--transition);
	transition: background-color var(--transition), transform var(--transition);
}
[type=range]::-moz-range-thumb {
	-webkit-appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: -0.5rem;
	border: 2px solid var(--range-thumb-border-color);
	border-radius: 50%;
	background-color: var(--range-thumb-color);
	cursor: pointer;
	-moz-transition: background-color var(--transition), transform var(--transition);
	transition: background-color var(--transition), transform var(--transition);
}
[type=range]::-ms-thumb {
	-webkit-appearance: none;
	width: 1.25rem;
	height: 1.25rem;
	margin-top: -0.5rem;
	border: 2px solid var(--range-thumb-border-color);
	border-radius: 50%;
	background-color: var(--range-thumb-color);
	cursor: pointer;
	-ms-transition: background-color var(--transition), transform var(--transition);
	transition: background-color var(--transition), transform var(--transition);
}
[type=range]:hover, [type=range]:focus {
	--range-border-color: var(--range-active-border-color);
	--range-thumb-color: var(--range-thumb-hover-color);
}
[type=range]:active {
	--range-thumb-color: var(--range-thumb-active-color);
}
[type=range]:active::-webkit-slider-thumb {
	transform: scale(1.25);
}
[type=range]:active::-moz-range-thumb {
	transform: scale(1.25);
}
[type=range]:active::-ms-thumb {
	transform: scale(1.25);
}

input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {
	-webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
	padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem);
	border-radius: 5rem;
	background-image: var(--icon-search);
	background-position: center left 1.125rem;
	background-size: 1rem auto;
	background-repeat: no-repeat;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search][aria-invalid] {
	-webkit-padding-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
	padding-inline-start: calc(var(--form-element-spacing-horizontal) + 1.75rem) !important;
	background-position: center left 1.125rem, center right 0.75rem;
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search][aria-invalid=false] {
	background-image: var(--icon-search), var(--icon-valid);
}
input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search][aria-invalid=true] {
	background-image: var(--icon-search), var(--icon-invalid);
}

[type=search]::-webkit-search-cancel-button {
	-webkit-appearance: none;
	display: none;
}

[dir=rtl] :where(input):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search] {
	background-position: center right 1.125rem;
}
[dir=rtl] :where(input):not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file])[type=search][aria-invalid] {
	background-position: center right 1.125rem, center left 0.75rem;
}