@charset "UTF-8"; /*!
 * Pico CSS ✨ v2.0.6 (https://picocss.com)
 * Copyright 2019-2024 - Licensed under MIT
 */
:root {
	--mss-modal-overlay-backdrop-filter: blur(0.0625rem);
	--pico-modal-overlay-backdrop-filter: blur(0.375rem);
	--pico-modal-overlay-background-color: rgba(8, 9, 10, 0.75);
	--pico-color: #c2c7d0;
	--pico-muted-color: #7b8495;
	--pico-primary: #4d90f0;
	--pico-spacing: 1rem;
	--pico-line-height: 1.5;
	--pico-outline-width: 0.125rem;
	--pico-primary-focus: rgba(205, 104, 224, 0.5);

	--pico-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='rgb(136, 145, 164)' stroke-width='3' 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");
	--pico-transition: 0.2s ease-in-out;
	--pico-font-family-emoji:
		'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji';
	--pico-scrollbar-width: 0px;
	--pico-icon-loading: url("data:image/svg+xml,%3Csvg fill='none' height='24' width='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' %3E%3Cstyle%3E g %7B animation: rotate 2s linear infinite; transform-origin: center center; %7D circle %7B stroke-dasharray: 75,100; stroke-dashoffset: -5; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round; %7D @keyframes rotate %7B 0%25 %7B transform: rotate(0deg); %7D 100%25 %7B transform: rotate(360deg); %7D %7D @keyframes dash %7B 0%25 %7B stroke-dasharray: 1,100; stroke-dashoffset: 0; %7D 50%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -17.5; %7D 100%25 %7B stroke-dasharray: 44.5,100; stroke-dashoffset: -62; %7D %7D %3C/style%3E%3Cg%3E%3Ccircle cx='12' cy='12' r='10' fill='none' stroke='rgb(136, 145, 164)' stroke-width='4' /%3E%3C/g%3E%3C/svg%3E");
	--pico-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='rgb(136, 145, 164)' 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");
	--pico-accordion-close-summary-color: var(--pico-color);
	--pico-accordion-open-summary-color: var(--pico-muted-color);
}
/* MSS */
dialog {
	display: flex;
	z-index: 999;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	align-items: center;
	justify-content: center;
	width: inherit;
	min-width: 100%;
	height: inherit;
	min-height: 100%;
	padding: 0;
	border: 0;
	-webkit-backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
	backdrop-filter: var(--pico-modal-overlay-backdrop-filter);
	background-color: var(--pico-modal-overlay-background-color);
	color: var(--pico-color);
}
dialog article {
	width: 100%;
	max-height: calc(100vh - var(--pico-spacing) * 2);
	/* margin: var(--pico-spacing); */
	overflow: auto;
}
@media (min-width: 576px) {
	dialog article {
		max-width: 510px;
	}
}
@media (min-width: 768px) {
	dialog article {
		max-width: 700px;
	}
}
dialog article > header > * {
	margin-bottom: 0;
}
dialog article > header .close,
dialog article > header :is(a, button)[rel='prev'] {
	margin: 0;
	margin-left: var(--pico-spacing);
	padding: 0;
	float: right;
}
dialog article > footer {
	text-align: right;
}
dialog article > footer [role='button'],
dialog article > footer button {
	margin-bottom: 0;
}
dialog article > footer [role='button']:not(:first-of-type),
dialog article > footer button:not(:first-of-type) {
	margin-left: calc(var(--pico-spacing) * 0.5);
}
dialog article .close,
dialog article :is(a, button)[rel='prev'] {
	display: block;
	width: 1rem;
	height: 1rem;
	margin-top: calc(var(--pico-spacing) * -1);
	margin-bottom: var(--pico-spacing);
	margin-left: auto;
	border: none;
	background-image: var(--pico-icon-close);
	background-position: center;
	background-size: auto 1rem;
	background-repeat: no-repeat;
	background-color: transparent;
	opacity: 0.5;
	transition: opacity var(--pico-transition);
}
dialog
	article
	.close:is([aria-current]:not([aria-current='false']), :hover, :active, :focus),
dialog
	article
	:is(a, button)[rel='prev']:is(
		[aria-current]:not([aria-current='false']),
		:hover,
		:active,
		:focus
	) {
	opacity: 1;
}
dialog:not([open]),
dialog[open='false'] {
	display: none;
}
.modal-is-open {
	padding-right: var(--pico-scrollbar-width, 0);
	overflow: hidden;
	pointer-events: none;
	touch-action: none;
}
.modal-is-open dialog {
	pointer-events: auto;
	touch-action: auto;
}
:where(.modal-is-opening, .modal-is-closing) dialog,
:where(.modal-is-opening, .modal-is-closing) dialog > article {
	animation-duration: 0.2s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: both;
}
:where(.modal-is-opening, .modal-is-closing) dialog {
	animation-duration: 0.8s;
	animation-name: modal-overlay;
}
:where(.modal-is-opening, .modal-is-closing) dialog > article {
	animation-delay: 0.2s;
	animation-name: modal;
}
.modal-is-closing dialog,
.modal-is-closing dialog > article {
	animation-delay: 0s;
	animation-direction: reverse;
}
@keyframes modal-overlay {
	from {
		-webkit-backdrop-filter: none;
		backdrop-filter: none;
		background-color: transparent;
	}
}
@keyframes modal {
	from {
		transform: translateY(-100%);
		opacity: 0;
	}
}

dialog.mini {
	background-color: rgb(190, 0, 0, 0.1) !important;
	backdrop-filter: var(--mss-modal-overlay-backdrop-filter) !important;
	-webkit-backdrop-filter: var(--mss-modal-overlay-backdrop-filter) !important;
}