@charset "UTF-8";
/*!
* Pico.css v1.5.0 (https://picocss.com)
* Copyright 2019-2022 - Licensed under MIT
*/
/**
* Theme: default
*/
:root {
	--transition: 0.2s ease-in-out;
}

[data-theme=light], :root:not([data-theme=dark]) {
	color-scheme: light;
	--accordion-border-color: var(--main-color);
	--accordion-close-summary-color: var(--main-color);
	--accordion-open-summary-color: var(--main-color);
	--icon-chevron: 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(0, 0, 0, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	--icon-chevron-button: 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(255, 255, 255, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");
	--icon-chevron-button-inverse: 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(255, 255, 255, 0.999)' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%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");
}

/**
* Accordion (<details>)
*/
details {
	display: block;
}
details summary {
	list-style-type: none;
	cursor: pointer;
	transition: color var(--transition);
}
details summary:not([role]) {
	color: var(--main-color);
}
details summary::-webkit-details-marker {
	display: none;
}
details summary::marker {
	display: none;
}
details summary::-moz-list-bullet {
	list-style-type: none;
}
details summary::after {
	display: block;
	width: 1.1rem;
	height: 1.1rem;
	float: right;
	margin: 5px -3px 0 0;
	transform: rotate(-90deg);
	background-image: var(--icon-chevron);
	background-position: right bottom;
	background-size: 1.1rem auto;
	background-repeat: no-repeat;
	content: "";
	transition: transform var(--transition);
}
details summary:focus {
	outline: none;
}
details summary:focus:not([role=button]) {
	color: var(--main-color);
}
details summary[role=button] {
	width: 100%;
	text-align: left;
}
details summary[role=button]::after {
	height: calc(1rem * var(--line-height, 1.5));
	background-image: var(--icon-chevron-button);
}
details summary[role=button]:not(.outline).contrast::after {
	background-image: var(--icon-chevron-button-inverse);
}
details[open] > summary {
	margin-bottom: calc(var(--spacing));
}
details[open] > summary:not([role]):not(:focus) {
	color: var(--accordion-open-summary-color);
}
details[open] > summary::after {
	transform: rotate(0);
}

[dir=rtl] details summary {
	text-align: right;
}
[dir=rtl] details summary::after {
	float: left;
	background-position: left center;
}


/**
* Dropdown ([role="list"])
*/
details[role=list],
li[role=list] {
	position: relative;
}

details[role=list] summary + ul,
li[role=list] > ul {
	display: flex;
	z-index: 99;
	position: absolute;
	top: auto;
	right: 0;
	left: 0;
	flex-direction: column;
	margin: 0;
	padding: 0;
	border: var(--border-width) solid var(--dropdown-border-color);
	border-radius: var(--border-radius);
	border-top-right-radius: 0;
	border-top-left-radius: 0;
	background-color: var(--dropdown-background-color);
	box-shadow: var(--card-box-shadow);
	color: var(--dropdown-color);
	white-space: nowrap;
}
details[role=list] summary + ul li,
li[role=list] > ul li {
	width: 100%;
	margin-bottom: 0;
	padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
	list-style: none;
}
details[role=list] summary + ul li:first-of-type,
li[role=list] > ul li:first-of-type {
	margin-top: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li:last-of-type,
li[role=list] > ul li:last-of-type {
	margin-bottom: calc(var(--form-element-spacing-vertical) * 0.5);
}
details[role=list] summary + ul li a,
li[role=list] > ul li a {
	display: block;
	margin: calc(var(--form-element-spacing-vertical) * -0.5) calc(var(--form-element-spacing-horizontal) * -1);
	padding: calc(var(--form-element-spacing-vertical) * 0.5) var(--form-element-spacing-horizontal);
	overflow: hidden;
	color: var(--dropdown-color);
	text-decoration: none;
	text-overflow: ellipsis;
}
details[role=list] summary + ul li a:hover,
li[role=list] > ul li a:hover {
	background-color: var(--dropdown-hover-background-color);
}

details[role=list] summary::after,
li[role=list] > a::after {
	display: block;
	width: 1rem;
	height: calc(1rem * var(--line-height, 1.5));
	-webkit-margin-start: 0.5rem;
	margin-inline-start: 0.5rem;
	float: right;
	transform: rotate(0deg);
	background-position: right center;
	background-size: 1rem auto;
	background-repeat: no-repeat;
	content: "";
}

details[role=list] {
	padding: 0;
	border-bottom: none;
}
details[role=list] summary {
	margin-bottom: 0;
}
details[role=list] summary:not([role]) {
	height: calc(1rem * var(--line-height) + var(--form-element-spacing-vertical) * 2 + var(--border-width) * 2);
	padding: var(--form-element-spacing-vertical) var(--form-element-spacing-horizontal);
	border: var(--border-width) solid var(--form-element-border-color);
	border-radius: var(--border-radius);
	background-color: var(--form-element-background-color);
	color: var(--form-element-placeholder-color);
	line-height: inherit;
	cursor: pointer;
	transition: background-color var(--transition), border-color var(--transition), color var(--transition), box-shadow var(--transition);
}
details[role=list] summary:not([role]):active, details[role=list] summary:not([role]):focus {
	border-color: var(--form-element-active-border-color);
	background-color: var(--form-element-active-background-color);
}
details[role=list] summary:not([role]):focus {
	box-shadow: 0 0 0 var(--outline-width) var(--form-element-focus-color);
}
details[role=list][open] summary {
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
}
details[role=list][open] summary::before {
	display: block;
	z-index: 1;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	background: none;
	content: "";
	cursor: default;
}

li[role=list]:hover > ul,
li[role=list] a:active ~ ul,
li[role=list] a:focus ~ ul {
	display: flex;
}
li[role=list] > ul {
	display: none;
	margin-top: calc(var(--nav-link-spacing-vertical) + var(--outline-width));
	-webkit-margin-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
	margin-inline-start: calc(var(--nav-element-spacing-horizontal) - var(--nav-link-spacing-horizontal));
}
li[role=list] > a::after {
	background-image: var(--icon-chevron);
}