:root {
	--qrk-debug-default-outline-width: 6px;
	--qrk-debug-default-heavy-outline-width: 12px;

	--qrk-debug-default-border-width: 6px;
	--qrk-debug-default-heavy-border-width: 12px;

	/* #0fc5a7 */
}

/*
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-inner { background: #6b9adb; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbad6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #dbbd6b; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c1c100; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c707; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #c7c70d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #eec819; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #f4c63d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #e8c252; }


*/

body:not(.qrk-debug) .qrk-debug {
	display: none !important;
	opacity: 0 !important;
}

/* body.qrk-debug .qrk-debug {
	display: inherit !important;
	opacity: inherit !important;
} */

body.qrk-debug form {
	outline: 8px dashed #666;
	position: relative;
}

body.qrk-debug form::before {
	content: "FORM";
	color: #999;
	background: #00000020;
	font-weight: 800;
	width: calc(100% - 15px);
	display: block;
	padding-right: 15px;
	font-size: 16px;
	position: absolute;
	z-index: 1;
	text-align: right;
}


body.qrk-debug .qrk-debug-outline 			{ outline: var(--qrk-debug-default-outline-width) solid #36ffc2 !important; }
body.qrk-debug .qrk-debug-outline-black 	{ outline: var(--qrk-debug-default-outline-width) solid #000 !important; }
body.qrk-debug .qrk-debug-outline-white 	{ outline: var(--qrk-debug-default-outline-width) solid #fff !important; }
body.qrk-debug .qrk-debug-outline-gray	 	{ outline: var(--qrk-debug-default-outline-width) solid #666 !important; }
body.qrk-debug .qrk-debug-outline-grey	 	{ outline: var(--qrk-debug-default-outline-width) solid #666 !important; }
body.qrk-debug .qrk-debug-outline-red 		{ outline: var(--qrk-debug-default-outline-width) solid #f00 !important; }
body.qrk-debug .qrk-debug-outline-green 	{ outline: var(--qrk-debug-default-outline-width) solid #0f0 !important; }
body.qrk-debug .qrk-debug-outline-blue 		{ outline: var(--qrk-debug-default-outline-width) solid #00f !important; }
body.qrk-debug .qrk-debug-outline-yellow 	{ outline: var(--qrk-debug-default-outline-width) solid #ff0 !important; }
body.qrk-debug .qrk-debug-outline-cyan 		{ outline: var(--qrk-debug-default-outline-width) solid #0ff !important; }
body.qrk-debug .qrk-debug-outline-magenta 	{ outline: var(--qrk-debug-default-outline-width) solid #f0f !important; }

body.qrk-debug .qrk-debug-outline.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-black.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-white.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-gray.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-grey.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-red.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-green.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-blue.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-yellow.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-cyan.qrk-debug-heavy,
body.qrk-debug .qrk-debug-outline-magenta.qrk-debug-heavy {
	outline-width: var(--qrk-debug-default-heavy-outline-width);
}

body.qrk-debug .qrk-debug-border 			{ border: var(--qrk-debug-default-border-width) solid #36ffc2 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-black 		{ border: var(--qrk-debug-default-border-width) solid #000 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-white 		{ border: var(--qrk-debug-default-border-width) solid #fff !important; margin:5px;}
body.qrk-debug .qrk-debug-border-gray	 	{ border: var(--qrk-debug-default-border-width) solid #666 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-grey	 	{ border: var(--qrk-debug-default-border-width) solid #666 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-red 		{ border: var(--qrk-debug-default-border-width) solid #f00 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-green 		{ border: var(--qrk-debug-default-border-width) solid #0f0 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-blue 		{ border: var(--qrk-debug-default-border-width) solid #00f !important; margin:5px;}
body.qrk-debug .qrk-debug-border-yellow 	{ border: var(--qrk-debug-default-border-width) solid #ff0 !important; margin:5px;}
body.qrk-debug .qrk-debug-border-cyan 		{ border: var(--qrk-debug-default-border-width) solid #0ff !important; margin:5px;}
body.qrk-debug .qrk-debug-border-magenta 	{ border: var(--qrk-debug-default-border-width) solid #f0f !important; margin:5px;}

body.qrk-debug .qrk-debug-border.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-black.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-white.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-gray.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-grey.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-red.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-green.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-blue.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-yellow.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-cyan.qrk-debug-heavy,
body.qrk-debug .qrk-debug-border-magenta.qrk-debug-heavy {
	border-width: var(--qrk-debug-default-heavy-border-width) !important;
}



/**************************************************************************************************/
/*!		START BUSY ANIMATION	*/
/**************************************************************************************************/
/* busy spinner animation */
@keyframes spinner-chase {
	to {
		transform: rotate(360deg);
	}
}

.spinner-chase {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	border: .25em solid currentColor;
	border-right-color: transparent;
	border-radius: 50%;
	-webkit-animation: .75s linear infinite spinner-chase;
	animation: .75s linear infinite spinner-chase;
}

.spinner-chase-sm {
	width: 1rem;
	height: 1rem;
	border-width: .2em;
}

@keyframes spinner-grow {
	0% {
		transform: scale(0);
	}

	50% {
		opacity: 1;
		transform: none;
	}

	100% {
		opacity: 0;
	}
}

.spinner-grow {
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	background-color: currentColor;
	border-radius: 50%;
	opacity: 0;
	-webkit-animation: .75s linear infinite spinner-grow;
	animation: .75s linear infinite spinner-grow;
}

.spinner-grow-sm {
	width: 1rem;
	height: 1rem;
}



@keyframes spinner-grow-alternating-color {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--first-color);
	}

	50% {
		opacity: 1;
		transform: none;
		background-color: var(--first-color);
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}

@keyframes spinner-grow-alternating-color-helper-1 {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--first-color);
	}

	25% {
		opacity: 1;
		transform: none;
		background-color: var(--first-color);
	}
	50% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}
@keyframes spinner-grow-alternating-color-helper-2 {
	0% {
		opacity: 0;
		transform: scale(0);
		background-color: var(--second-color);
	}

	25% {
		opacity: 1;
		transform: none;
		background-color: var(--second-color);
	}
	50% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
	100% {
		opacity: 1;
		transform: none;
		background-color: transparent;
	}
}

.spinner-grow-alternating-color {
	position: relative;
	display: inline-block;
	width: 2rem;
	height: 2rem;
	vertical-align: -.125em;
	color: transparent;
	background-color: transparent;
	border-radius: 100%;
	opacity: 1;
	animation: .75s linear 1 forwards spinner-grow-alternating-color;
}

.spinner-grow-alternating-color::before,
.spinner-grow-alternating-color::after {
	transform: scale(0);
	content: "";
	position: absolute;
	display: inline-block;
	vertical-align: -.125em;
	border-radius: 100%;
	inset: 0;
	border-radius: 100%;
	opacity: 1;
	height: 100%;
	width: 100%;
	opacity: 0;

}

.spinner-grow-alternating-color::before {
	color: transparent;
	background-color: var(--second-color, #a142f4);
	animation: 1.5s linear .75s infinite forwards spinner-grow-alternating-color-helper-2;
}

.spinner-grow-alternating-color::after {
	color: transparent;
	background-color: var(--first-color, #0a947d);
	animation: 1.5s linear 1.5s infinite forwards spinner-grow-alternating-color-helper-1;
}

.spinner-grow-alternating-color-sm {
	width: 1rem;
	height: 1rem;
}

/**************************************************************************************************/
/*!		END BUSY ANIMATION	*/
/**************************************************************************************************/


/**************************************************************************************************/
/*!		ALERTS	*/
/**************************************************************************************************/

.qrk-alert-wrap {
	display: none;
	box-sizing: border-box;
	width: 100%;
	max-width: 500px;
	/* max-width: 550px; */
	/* max-width: 600px; */
	/* max-width: 650px; */
	margin: 0 auto;
	/* padding: 20px 15px;
	padding: 25px 15px;
	padding: 30px 15px;
	padding: 30px 25px 0 15px;
	padding: 30px 0 0 0; */
	padding: 0;
	text-align: center;
	/* border-radius: 10px; */
	background: #9a9a9a;
	background: transparent;
	color: #fff;
	margin-top: 20px;
	position: relative;
}

.qrk-alert-wrap.qrk-alert-no-top-margin {
	margin-top: 0;
}


.qrk-alert-wrap.qrk-alert-size-mini 	{ max-width: 420px; }

.qrk-alert-wrap.qrk-alert-size-default,
.qrk-alert-wrap.qrk-alert-size-small 	{ max-width: 500px; }

.qrk-alert-wrap.qrk-alert-size-medium,
.qrk-alert-wrap.qrk-alert-size-normal { max-width: 600px; }

.qrk-alert-wrap.qrk-alert-size-large { max-width: 700px; }

.qrk-alert-wrap.qrk-alert-size-wide 	{ max-width: 750px; width:90%; }

.qrk-alert-wrap.qrk-alert-size-full 	{ max-width: 100%; }


.qrk-alert-wrap.qrk-alert-show-close {

}

.qrk-alert-wrap.qrk-alert-show-alert {
	display: block;
}

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-inner { background: #9a9a9a; }

.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-inner { background: #6caedb; }
/* .qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #52d140; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #24c445; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #30c14e; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #3bce59; } */
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-inner { background: #66c87a; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-inner { background: #e8ad59; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-inner { background: #db6c6c; }

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-icon::before { content: "\f05a"; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-icon::before { content: "\f0f3"; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-icon::before { content: "\f058"; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-icon::before { content: "\f071"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f306"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f05e"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-icon::before { content: "\f071"; }

.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-type::before { content: "INFO"; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-type::before { content: "ALERT"; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-type::before { content: "SUCCESS"; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-type::before { content: "WARNING"; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-type::before { content: "ERROR"; }



.qrk-alert-wrap.qrk-alert-severity-info 	.qrk-alert-link { background: #626262; }
.qrk-alert-wrap.qrk-alert-severity-alert 	.qrk-alert-link { background: #0689d1; }
.qrk-alert-wrap.qrk-alert-severity-success 	.qrk-alert-link { background: #27913d; }
.qrk-alert-wrap.qrk-alert-severity-warning 	.qrk-alert-link { background: #d17d06; }
.qrk-alert-wrap.qrk-alert-severity-danger 	.qrk-alert-link { background: #be3434; }






.qrk-alert-wrap .qrk-alert-inner {
	display: grid;
	align-items: center;
	position: relative;
	grid-template-columns: min-content 35px 1fr;
	grid-template-columns: 115px 35px 1fr;
	grid-template-columns: 100px 35px 1fr;
	grid-template-columns: 80px 35px 1fr;
	grid-template-columns: 90px 2px 1fr;

	border-radius: 10px;

	padding: 30px 25px 30px 15px;
}

.qrk-alert-wrap.qrk-alert-show-link .qrk-alert-inner {
	border-radius: 10px 10px 0 0;
}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner {
	grid-template-columns: min-content 35px 1fr 28px;
	grid-template-columns: 115px 35px 1fr 28px;
	grid-template-columns: 100px 35px 1fr 28px;
	grid-template-columns: 80px 35px 1fr 28px;
	grid-template-columns: 90px 2px 1fr 28px;
	grid-template-columns: 90px 2px 1fr 0;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-severity {
	/* outline: 1px solid #fff; */
	display: grid;
	grid-template-columns: repeat(2, min-content);
	grid-template-columns: 1fr;
	align-items: center;
	justify-content: center;
	align-content: center;
	align-content: start;
	row-gap: 6px;
	padding-right: 13px;
	/* column-gap: 10px; */
	/* column-gap: 5px; */
	position: relative;
	top: 2px;
	align-self: start;
}

.qrk-alert-wrap .qrk-alert-icon {
	font-size:35px;
	font-size:30px;
	font-size:48px;
	display: none;
	margin: 0 auto;
	opacity: 0.9;
	opacity: 0.65;
	opacity: 1;
	line-height: normal;
}

.qrk-alert-wrap.qrk-alert-show-type .qrk-alert-icon {
	font-size:30px;
}


.qrk-alert-wrap.qrk-alert-show-icon .qrk-alert-icon {
	display: block;
}



.qrk-alert-wrap .qrk-alert-type {
	display: none;
}
.qrk-alert-wrap.qrk-alert-show-type .qrk-alert-type {
	display: block;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-severity .qrk-alert-type {
	font-weight: 800;
	font-family: "filson-pro", sans-serif;
	font-size: 13px;
	letter-spacing: 1.5px;
	line-height: normal;
}


.qrk-alert-wrap .qrk-alert-inner .qrk-alert-vert-sep {
	display: flex;
	justify-content: center;
}

.qrk-alert-wrap .qrk-alert-inner .qrk-alert-vert-sep > div {
	background: #fff;
	width: 2px;
	opacity: .3;
	position: absolute;
	top: 15px;
	height: 100%;
	height: calc(100% - 30px);
}


.qrk-alert-wrap .qrk-alert-text {
	text-align:left;
	padding-left: 25px;
}

.qrk-alert-wrap.qrk-alert-justify-left .qrk-alert-text {
	text-align:left;
}
.qrk-alert-wrap.qrk-alert-justify-center .qrk-alert-text {
	text-align: center;
}
.qrk-alert-wrap.qrk-alert-justify-right .qrk-alert-text {
	text-align: right;
}



.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-text {
	padding-right: 25px;
	padding-right: 35px;
}

.qrk-alert-wrap .qrk-alert-title {
	font-weight: 800;
	font-size: 16px;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 5px;
	display: none;
}

.qrk-alert-wrap.qrk-alert-show-title .qrk-alert-title {
	display: block;
}

.qrk-alert-wrap .qrk-alert-message {
	line-height: 18px;
	font-size: 15px;
	font-size: 18px;
	opacity: 0.8;
	display: none;
}

.qrk-alert-wrap.qrk-alert-show-message .qrk-alert-message {
	display: block;
}

.qrk-alert-wrap .qrk-alert-link {
	display: none;
}
.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-chevron {
	margin-right: 5px;
	font-size: 20px;
}

.qrk-alert-wrap.qrk-alert-show-link .qrk-alert-link {
	font-family: "PT Sans", sans-serif !important;
	display: block;
	padding: 4px 8px;
	border-radius: 0 0 10px 10px;
	padding: 5px 10px;
	padding: 15px 25px 25px;
	padding: 15px 25px;
	font-size: 14px;
	line-height: normal;
	text-align: left;
	position: relative;
	/* transition: all .25s ease; */
}





.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-title {
	font-size: 15px;
	font-weight: 800;
	line-height: normal;
}
.qrk-alert-wrap .qrk-alert-link .qrk-alert-link-message {
	font-size: 14px;
	font-weight: 400;
	line-height: normal;
	/* margin-bottom: 10px; */
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor {
	font-family: "PT Sans", sans-serif !important;
	color: #ffffffdb;
	font-weight: 400;
	font-size: 14px;
	/* background: #d57d00; */
	position: relative;
	top:-2px;
	/* transition: all .25s ease; */
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:hover {
	/* opacity: .5; */
	/* background: #d57d00; */
	text-decoration: underline;
	color: #ffffff;
}

.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:focus,
.qrk-alert-wrap .qrk-alert-link a.qrk-alert-link-anchor:focus-visible {
	outline: none !important;
	outline-color: transparent !important;
}





.qrk-alert-wrap .qrk-alert-inner .qrk-alert-close {
	display: none;
}


.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close {
	display: block;
}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close > i {
	font-size: 20px;
	margin-top: 2px;
	opacity: 0.6;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .25s ease;

}

.qrk-alert-wrap.qrk-alert-show-close .qrk-alert-inner .qrk-alert-close > i:hover {
	opacity: 1.0;
	cursor: pointer;
}


.kb-key,
.keyboard-key,
.qrk-keyboard-key {
	position: relative;
	top: -1px;
	font-family: "Courier Prime", "Courier New", Courier, monospace !important;
	color: color-mix(in srgb, currentColor 80%, black) !important;
	display: inline-block !important;
	margin: 0 !important;
	font-size: inherit !important;
	font-size: calc(1em - 2px) !important;
	border: 1px solid color-mix(in srgb, currentColor 30%, white) !important;
	border-radius: 7px !important;
	line-height: 1 !important;
	padding: 3px 7px 2px !important;
	font-weight: 800 !important;
	background: color-mix(in srgb, currentColor 5%, white);
}

body *.disabled[disabled] {
	opacity: .5 !important;
	outline: none !important;
	pointer-events: none !important;
}

body *.disabled[disabled]:active,
body *.disabled[disabled]:focus,
body *.disabled[disabled]:focus-visible,
body *.disabled[disabled]:hover,
body *.disabled[disabled]:focus-within,
body *.disabled[disabled]:target {
	opacity: .5 !important;
	outline: none !important;
	pointer-events: none !important;
}


.qrk-hidden {
	display: none;
}

.qrk-invisible {
	height: 0 !important;
	width: 0 !important;
	overflow: hidden !important;
	opacity: 0 !important;
	visibility: hidden !important;
	position: absolute !important;
	bottom: 0 !important;
	left: 0 !important;
	z-index: 0 !important;
}

/* DOM confetti: viewport overlay, anchored to the chosen element when fired. */
.qrk-confetti-layer {
	position: fixed;
	inset: 0;
	overflow: hidden;
	pointer-events: none;
	z-index: 100000;
	contain: strict;
}
.qrk-confetti-piece {
	position: absolute;
	display: block;
	pointer-events: none;
	will-change: transform, opacity;
}
@media (prefers-reduced-motion: reduce) {
	.qrk-confetti-layer { display: none; }
}


/* .qrk-debug-tracked::before {
	content: "" !important;
	outline: 12px solid #0a947d63 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	position: absolute !important;
	opacity: 0.9 !important;
	top: -8px !important;
	left: -8px !important;
	background: repeating-linear-gradient(45deg, #ffffffa8 0 8px, #0a947d7a 8px 16px), rgb(181 44 44 / 10%) !important;
	border: 8px solid #0a947d !important;
} */

.qrk-debug-tracked-overlay {
	content: "" !important;
	outline: 12px solid #0a947d63 !important;
	width: 100% !important;
	height: 100% !important;
	display: block !important;
	opacity: 0.2 !important;
	background: repeating-linear-gradient(45deg, #ffffffa8 0 8px, #0a947d7a 8px 16px), rgb(181 44 44 / 10%) !important;
	border: 8px solid #0a947d !important;
	/* color: #cf0c98; */
	/* color: #0a947d; */
}
/* Quark debug window */
.qrk-debug-menu {
	--qrk-debug-font: "Courier Prime", "SFMono-Regular", Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
	--qrk-debug-green: #0a947d;
	--qrk-debug-selected: #086f5e;
	--qrk-debug-heading: #9dd4cb;
	--qrk-debug-content-background: linear-gradient(rgb(0 0 0 / 38%), rgb(0 0 0 / 38%)), rgba(17, 30, 28, .96);
	position: fixed !important;
	inset: auto 0 0 0 !important;
	margin: 0 !important;
	padding: 0 !important;
	box-sizing: border-box !important;
	width: 100% !important;
	max-width: none !important;
	min-height: 0 !important;
	max-height: 100dvh !important;
	overflow: hidden !important;
	display: flex !important;
	flex-direction: column !important;
	gap: 0 !important;
	background: transparent !important;
	color: #fff !important;
	border: 0 !important;
	border-radius: 0 !important;
	font: 13px/1.4 var(--qrk-debug-font) !important;
	box-shadow: 0 -6px 28px #0008 !important;
	z-index: 2147483647 !important;
}
.qrk-debug-menu, .qrk-debug-menu * { font-family: var(--qrk-debug-font) !important; }
/* No browser/theme focus rings on debug containers or controls.
   More specific Quark outline rules below retain our white/green indicators. */
.qrk-debug-menu:where(:focus, :focus-visible, :focus-within),
.qrk-debug-menu :where(:focus, :focus-visible, :focus-within),
.qrk-debug-action:where(:focus, :focus-visible, :focus-within) { outline: none !important; }
.qrk-debug-menu :where(:focus, :focus-visible, :focus-within),
.qrk-debug-action:where(:focus, :focus-visible, :focus-within) { box-shadow: none !important; }

/* Keep scroll gestures inside debug scroll containers at either boundary. */
.qrk-debug-window, .qrk-debug-window * { overscroll-behavior: contain; }
.qrk-debug-menu .qrk-debug-button,
.qrk-debug-menu .qrk-debug-tab {
	all: initial;
	box-sizing: border-box;
	border: 0;
	border-radius: 5px;
	background: transparent;
	color: #f5f5f5;
	font: 13px/1.4 var(--qrk-debug-font);
	cursor: pointer;
	white-space: nowrap;
	outline: none !important;
	outline-offset: -1px;
}
.qrk-debug-menu .qrk-debug-button {
	display: block;
	width: 100%;
	padding: 8px 12px;
	overflow: hidden;
	text-overflow: ellipsis;
}
.qrk-debug-menu .qrk-debug-focus-fill:hover,
.qrk-debug-menu .qrk-debug-focus-fill:focus:not(.qrk-debug-pointer-focus),
.qrk-debug-menu .qrk-debug-button[aria-pressed="true"],
.qrk-debug-menu .qrk-debug-button[aria-expanded="true"] { background: var(--qrk-debug-selected); }
/* Tracked selection is explicit; focus alone must not look selected. */
.qrk-debug-menu .qrk-debug-tracked-list .qrk-debug-button:focus:not([aria-pressed="true"]) { background: transparent; }
.qrk-debug-menu .qrk-debug-tracked-list .qrk-debug-button[aria-pressed="true"] { color: #fff; }
.qrk-debug-menu .qrk-debug-tracked-list .qrk-debug-button:focus-visible { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-button:disabled {
	opacity: .4 !important;
	filter: none !important;
	color: #fff !important;
	-webkit-text-fill-color: #fff !important;
	cursor: default;
	background: transparent;
}
.qrk-debug-menu .qrk-debug-button:disabled[aria-expanded="true"] {
	opacity: 1 !important;
	background: var(--qrk-debug-selected);
}
.qrk-debug-menu .qrk-debug-tab:hover,
.qrk-debug-menu .qrk-debug-status .qrk-debug-action:hover,
.qrk-debug-menu .qrk-debug-alt-focus {
	outline: 1px solid #ffffff80 !important;
	outline-offset: -1px !important;
}
.qrk-debug-menu .qrk-debug-panel { position: relative; z-index: 1; min-width: 0; flex: 1; height: 100%; overflow: auto; }
.qrk-debug-menu .qrk-debug-heading { padding: 8px 12px; color: var(--qrk-debug-heading); font-size: 12px; font-weight: bold; line-height: 1.4; }
.qrk-debug-menu .qrk-debug-submenu { border-left: 1px solid #ffffff3b; padding-left: 6px; }
.qrk-debug-menu .qrk-debug-surface { position: absolute; inset: 0; z-index: 0; background: transparent; border-radius: inherit; pointer-events: none; }
.qrk-debug-menu .qrk-debug-tabs { display: flex; flex: 1;
	gap: 4px;
	gap: 5px;
	overflow-x: auto; overflow-y: hidden; position: relative; z-index: 1; }
.qrk-debug-menu .qrk-debug-tab-row {
	background: rgba(17, 30, 28, .96);

	/* border-bottom: 1px solid #ffffff3b; */
	/* padding: 0 0 6px 0; */
	padding: 20px 6px 0; display: flex; align-items: center; flex: none; gap: 12px; position: relative; z-index: 1; min-width: 0; }
.qrk-debug-menu .qrk-debug-content { padding: 0; margin: 0; border: 0; position: relative; z-index: 1; flex: 1 1 0; min-height: 0; overflow: hidden; display: flex; gap: 6px; background: transparent; }
/* Each tab owns its surface; Playground supplies separate pane backgrounds. */
.qrk-debug-menu .qrk-debug-tab-content { box-sizing: border-box; border: 6px solid transparent; background: var(--qrk-debug-tab-background, var(--qrk-debug-content-background)); background-clip: border-box; }
/* Paint the surrounding inset with each tab surface instead of leaving transparent gaps.
   All tabs keep their spacing inside the painted header; Playground keeps separate pane surfaces. */
.qrk-debug-menu .qrk-debug-tab-content.qrk-debug-playground { border: 0; }
.qrk-debug-menu .qrk-debug-tab-row {
	padding-bottom: 12px;
	padding-bottom: 7px;
	padding-top: 22px;
}
/* Cover subpixel rasterization seams between independently painted surfaces. */
.qrk-debug-menu .qrk-debug-tab-row::after { content: ""; position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; background: #111e1c; pointer-events: none; }
.qrk-debug-menu .qrk-debug-tab-row { z-index: 2; }
.qrk-debug-menu .qrk-debug-elements-view { flex: 1; min-width: 0; min-height: 0; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 12px; }
.qrk-debug-menu .qrk-debug-element-navigation { display: flex; gap: 6px; min-width: 0; min-height: 0; }
.qrk-debug-menu .qrk-debug-look-pane { border-left: 1px solid #ffffff3b; padding-left: 12px; }
.qrk-debug-menu .qrk-debug-snapshots details { margin: 8px 0; }
.qrk-debug-menu .qrk-debug-snapshots summary { cursor: pointer; padding: 6px; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-snapshots summary:hover,
.qrk-debug-menu .qrk-debug-snapshots summary:focus-visible { background: var(--qrk-debug-selected); outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-snapshot-diff { margin: 6px; white-space: pre-wrap; overflow-wrap: anywhere; font: inherit; color: inherit; }
.qrk-debug-menu .qrk-debug-tab {
	padding: 8px 16px;
	/* padding: 4px 8px; */
	color: #acc5c0;
	display: flex;
	line-height: normal;
}
.qrk-debug-menu .qrk-debug-tab-icon { display: inline-block; width: 1em; height: 1em; margin-right: .4em; vertical-align: -.125em; }
.qrk-debug-menu .qrk-debug-tab-icon > .qrk-ui-icon { display: block; }
.qrk-debug-menu .qrk-debug-tab-mnemonic { text-decoration: underline; }
.qrk-debug-menu .qrk-debug-tab-divider { flex: 0 0 2px; width: 1.5px; height: 1.4em; align-self: center; margin: 0 3px; background: #ffffff33; pointer-events: none; }
.qrk-debug-menu .qrk-debug-tab[aria-selected="true"] { background: var(--qrk-debug-selected); color: #fff; }
.qrk-debug-menu .qrk-debug-placeholder { display: flex; flex: 1; min-height: 0; overflow: auto; padding: 12px; flex-direction: column; align-items: flex-start; }
.qrk-debug-menu .qrk-debug-status {
	position: relative;
	z-index: 1;
	flex: none;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	gap: 18px;
	min-height: 28px;
	box-sizing: border-box;
	margin: 0;
	padding: 4px 12px;
	background: rgba(10, 148, 125, .9);
	color: #fff;
	white-space: nowrap;
	overflow-x: auto;
	font-size: 12px;
	line-height: 1.4;
	border-radius: 0;
}
.qrk-debug-menu .qrk-debug-clock { display: grid;

	grid-template-columns: repeat(3, max-content) 57.6px 80px;


	align-items: center;

	column-gap: 8px;

	margin-left: auto; flex: none; font-variant-numeric: tabular-nums;
		position: absolute;
		right: 10px;

}
.qrk-debug-menu .qrk-debug-clock-mode-group {
	all: unset;
	display: grid;
	grid-template-columns: 14px 6ch;
	justify-content: start;
	align-items: center;
	column-gap: 8px;
	width: 80px;
	box-sizing: border-box;
	border-left: 1px solid #ffffff80;
	font-size: 12px;
	color: inherit;
	cursor: pointer;
	opacity: .8;
	padding-left: 8px;
}
.qrk-debug-menu .qrk-debug-clock-mode-group > .qrk-debug-clock-mode { justify-self: start; opacity: 1; }
.qrk-debug-menu .qrk-debug-clock-mode-group > span:last-child { justify-self: start; text-align: left; }
.qrk-debug-menu .qrk-debug-clock-mode-group:hover { opacity: 1; }
.qrk-debug-menu .qrk-debug-clock-mode-group:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }

/* Keep ticking descendants from replacing the native tooltip's hover target. */
.qrk-debug-menu .qrk-debug-clock > :not(.qrk-debug-clock-mode-group),
.qrk-debug-menu .qrk-debug-clock-mode-group * { pointer-events: none !important; }
.qrk-debug-menu .qrk-debug-clock [hidden] { display: none !important; }
.qrk-debug-menu .qrk-debug-clock-icon { all: unset; display: inline-flex; align-items: center; justify-content: center; width: 14px; height: 18px; color: inherit; cursor: pointer; opacity: .8; font-size: 14px; }
.qrk-debug-menu .qrk-debug-clock-icon > .qrk-ui-icon > svg { transform: scale(1.2); transform-origin: center; }
.qrk-debug-menu .qrk-debug-clock > span {
	font-size: 12px;
}
.qrk-debug-menu .qrk-debug-clock-icon:focus-visible { outline: 1px solid currentColor; outline-offset: 2px; }
.qrk-debug-menu .qrk-debug-scroll-percent { font-size: 10px; opacity: .65; color: #fff; margin-left: 6px; }
.qrk-debug-window .qrk-debug-status-bar .qrk-debug-action {
	display: inline-flex;
	width: fit-content !important;
	min-width: 0 !important;
	flex: 0 0 auto !important;
	padding: 0 4px;
	margin-left: auto !important;
	color: #fff;
	text-decoration: none;
	background: transparent !important;
}
.qrk-debug-menu .qrk-debug-menu-resize { position: absolute; top: 0; left: 0; right: 0; height: 14px; z-index: 2; cursor: ns-resize; touch-action: none; background: transparent; transition: background 100ms ease; }
.qrk-debug-menu .qrk-debug-menu-resize:hover { background: #0a947d88; }
.qrk-debug-menu .qrk-debug-menu-resize.qrk-debug-resizing { background: #0a947daa; }
.qrk-debug-menu[data-collapsed="true"] { padding: 0 !important; background: transparent !important; box-shadow: none !important; }
.qrk-debug-menu[data-collapsed="true"] .qrk-debug-tab-row,
.qrk-debug-menu[data-collapsed="true"] .qrk-debug-content,
.qrk-debug-menu[data-collapsed="true"] .qrk-debug-menu-resize { display: none; }
.qrk-debug-menu[data-collapsed="true"] .qrk-debug-status { margin: 0; }
.qrk-debug-menu .qrk-debug-feedback { float: right; margin-left: 12px; color: #36ffc2; font-size: 12px; line-height: 1.4; opacity: 0; transition: opacity 120ms ease; pointer-events: none; }
.qrk-debug-menu .qrk-debug-feedback.qrk-debug-failed { color: #ff9292; }
.qrk-debug-menu .qrk-debug-feedback.qrk-debug-feedback-visible { opacity: 1; }
.qrk-debug-menu .qrk-debug-option-row { display: block; padding: 8px 12px; color: #fff; font-size: 13px; line-height: 1.4; }
.qrk-debug-menu .qrk-debug-option-control { box-sizing: border-box; max-width: 100%; padding: 4px; color: #fff; background: #142e29; border: 1px solid var(--qrk-debug-green); border-radius: 0; font: inherit; outline: none !important; }
.qrk-debug-menu .qrk-debug-category { font-weight: bold; }
.qrk-debug-menu .qrk-debug-category-arrow,
.qrk-debug-menu .qrk-debug-options-indicator,
.qrk-debug-menu .qrk-debug-drill-hint { float: right; margin-left: 12px; }
.qrk-debug-menu .qrk-debug-menu-tracked-indicator { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: #36ffc2; vertical-align: middle; }
.qrk-debug-menu .qrk-debug-options-indicator,
.qrk-debug-menu .qrk-debug-drill-arrow { color: #888; -webkit-text-fill-color: #888; }
.qrk-debug-menu .qrk-debug-option-active { color: #fff; -webkit-text-fill-color: #fff; }
.qrk-debug-menu .qrk-debug-element-row { position: relative; }
.qrk-debug-menu .qrk-debug-has-children { padding-right: 36px; }
.qrk-debug-menu .qrk-debug-drill-arrow { position: absolute; right: 12px; top: 8px; }
.qrk-debug-menu .qrk-debug-message { padding: 8px 12px; color: var(--qrk-debug-heading); }
.qrk-debug-menu .qrk-debug-picker-heading { padding: 12px 12px 4px; color: var(--qrk-debug-heading); }
.qrk-debug-menu .qrk-debug-empty { padding: 8px 12px; color: #8faaa5; }
.qrk-debug-menu .qrk-debug-menu-highlight {
	all: initial !important;
	position: fixed !important;
	display: block !important;
	pointer-events: none !important;
	box-sizing: border-box !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	outline: 4px solid #00FBFF !important;
	z-index: -1 !important;
}
html.qrk-debug-picking, html.qrk-debug-picking * { cursor: crosshair !important; }
.qrk-debug-window .qrk-debug-tab-content:focus,
.qrk-debug-window .qrk-debug-tab-content:focus-visible { outline: none !important; }
.qrk-debug-window .qrk-debug-console-layout { display: grid !important; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); flex: 1; width: 100%; min-width: 0; min-height: 0; gap: 0; padding: 0; }
.qrk-debug-window .qrk-debug-console-pane { display: flex; flex-direction: column; grid-column: 1; grid-row: 1; min-width: 0; min-height: 0; margin: 0; overflow: hidden; background: #000 !important; }
.qrk-debug-window .qrk-debug-console-pane > .qrk-debug-heading { margin: 0; flex: none; }
.qrk-debug-window .qrk-debug-console-log { grid-column: 2; background: #064f43 !important; border-left: 1px solid #ffffff3b; }
.qrk-debug-window .qrk-debug-console-output,
.qrk-debug-window .qrk-debug-log-output { flex: 1; min-height: 0; overflow: auto; padding: 8px 12px; white-space: pre-wrap; overflow-wrap: anywhere; }
.qrk-debug-window .qrk-debug-console-output > div { margin-bottom: 12px; }
.qrk-debug-window .qrk-debug-console-command { color: var(--qrk-debug-heading); }
.qrk-debug-window .qrk-debug-console-prompt { display: flex; flex: none; align-items: flex-start; gap: 16px; margin: 0; padding: 8px 12px; }
.qrk-debug-window .qrk-debug-console-prompt > label { margin: 0; color: var(--qrk-debug-heading); font: inherit; }
.qrk-debug-window .qrk-debug-console-input {
	all: unset;
	box-sizing: border-box !important;
	display: block;
	flex: 1;
	min-width: 0 !important;
	min-height: 1.4em !important;
	width: 100%;
	margin: 0 !important;
	padding: 0 !important;
	font: inherit;
	line-height: 1.4;
	color: #fff;
	caret-color: #fff;
	background: transparent !important;
	border: 0 !important;
	outline: none !important;
	box-shadow: none !important;
	resize: none;
	overflow-y: auto;
	white-space: pre-wrap;
}
.qrk-debug-menu [hidden] { display: none !important; }
.qrk-debug-menu #qrk-debug-view-goto { overflow: hidden; }
.qrk-debug-menu .qrk-debug-goto-layout { display: grid; grid-template-columns: minmax(160px, 240px) minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); gap: 12px; width: 100%; flex: 1; min-height: 0; }
.qrk-debug-menu .qrk-debug-goto-results { display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.qrk-debug-menu .qrk-debug-goto-results-scroll { flex: 1; min-height: 0; overflow: auto; padding: 1px; }
.qrk-debug-menu .qrk-debug-goto-recap { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; flex: none; padding: 0 4px 8px; margin-bottom: 8px; border-bottom: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-goto-summary { flex: 1; text-align: center; font-size: 11px; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-sort { display: flex; align-items: center; flex-wrap: wrap; gap: 6px; margin-left: auto; font-size: 11px; color: #ffffff80; }
.qrk-debug-menu .qrk-debug-goto-sort .qrk-debug-button { width: auto; padding: 2px; font-size: 11px; color: #ffffff80; background: transparent; }
.qrk-debug-menu .qrk-debug-goto-sort .qrk-debug-button[aria-pressed="true"] { color: #fff; background: transparent; }
.qrk-debug-menu .qrk-debug-window-hide {
	flex: none;
	width: auto;
	padding: 4px 10px;
	padding: 0;
	/* margin-left: auto; */
	font-size: 36px;
	opacity: 0.50;
	margin: 0 15px;
	width: 30px;
	height: 30px;
	line-height: 1;
	text-align: center;
	padding-top: 1px;


}
.qrk-debug-menu .qrk-debug-window-hide:hover { opacity: 1.0;

	outline: 1px solid !important;

 }
.qrk-debug-menu .qrk-debug-goto-layout.qrk-debug-goto-refining { grid-template-columns: minmax(160px, 240px) minmax(140px, 210px) minmax(0, 1fr); }
.qrk-debug-menu .qrk-debug-goto-refinement { display: grid; grid-template-rows: repeat(2, minmax(0, 1fr)); min-height: 0; min-width: 0; padding-right: 12px; border-right: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-goto-refinement[hidden],
.qrk-debug-menu .qrk-debug-goto-summary[hidden] { display: none !important; }
.qrk-debug-menu .qrk-debug-goto-term-section { display: flex; flex-direction: column; min-height: 0; min-width: 0; }
.qrk-debug-menu .qrk-debug-goto-term-section + .qrk-debug-goto-term-section { padding-top: 8px; border-top: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-goto-terms { display: flex; flex-direction: column; gap: 8px; flex: 1; min-height: 0; overflow: auto; padding: 1px; }
.qrk-debug-menu .qrk-debug-goto-terms .qrk-debug-button { flex: none; white-space: normal; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-terms .qrk-debug-button:hover,
.qrk-debug-menu .qrk-debug-goto-terms .qrk-debug-button:focus-visible:not(.qrk-debug-pointer-focus) { outline: 1px solid #ffffff80 !important; }
@media (max-width: 599px) { .qrk-debug-menu .qrk-debug-goto-layout.qrk-debug-goto-refining { grid-template-columns: repeat(2, minmax(0, 1fr)) minmax(0, 2fr); } }
.qrk-debug-menu .qrk-debug-goto-header { display: flex; align-items: center; justify-content: space-between; flex: none; padding: 0 1px 8px; margin-bottom: 8px; border-bottom: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-goto-header .qrk-debug-goto-edit { width: auto; padding: 4px; font-size: 11px; color: #acc5c0; }
.qrk-debug-menu .qrk-debug-goto-visibility { display: flex; align-items: center; gap: 6px; padding: 8px 12px; flex: none; font-size: 11px; }
.qrk-debug-menu .qrk-debug-goto-visibility > span { flex: 1; min-width: 0; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-visibility input { appearance: auto; width: 14px; height: 14px; margin: 0; accent-color: var(--qrk-debug-green); }
.qrk-debug-menu .qrk-debug-goto-visibility[hidden],
.qrk-debug-menu .qrk-debug-goto-filters .qrk-debug-button[hidden] { display: none !important; }
.qrk-debug-menu .qrk-debug-goto-sidebar { padding-right: 12px; border-right: 1px solid #ffffff3b; display: flex; flex-direction: column; min-width: 0; min-height: 0; overflow: hidden; }
.qrk-debug-menu .qrk-debug-goto-filters { flex: 1; display: flex; flex-direction: column; gap: 8px; min-width: 0; min-height: 0; overflow: auto; padding: 1px; }
.qrk-debug-menu .qrk-debug-goto-filters .qrk-debug-button { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 3px 8px; align-items: baseline; flex: none; width: 100%; white-space: normal; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-statuses { justify-content: center; display: flex; flex-wrap: wrap; flex: none; gap: 4px; margin-top: 8px; padding: 8px 1px 1px; border-top: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-goto-statuses .qrk-debug-button { width: auto; padding: 4px; font-size: 11px; color: #ffffff66; background: transparent; }
.qrk-debug-menu .qrk-debug-goto-statuses .qrk-debug-button[aria-pressed="true"] { color: #fff; }
.qrk-debug-menu .qrk-debug-goto-statuses .qrk-debug-button:focus-visible { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-goto-item[data-post-status="publish"] { background: #80808026; }
.qrk-debug-menu .qrk-debug-goto-item[data-post-status="draft"] { outline: 1px solid #80808040 !important; }
.qrk-debug-menu .qrk-debug-goto-item[data-post-status="trash"] { opacity: .4; }
.qrk-debug-menu .qrk-debug-goto-filters .qrk-debug-button:hover,
.qrk-debug-menu .qrk-debug-goto-filters .qrk-debug-button:focus { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-goto-count { color: #fff; justify-self: end; white-space: nowrap; font-size: 11px; }
.qrk-debug-menu .qrk-debug-goto-total { grid-column: 1 / -1; color: #ffffff66; font-size: 10px; }
.qrk-debug-menu .qrk-debug-goto-meta { display: grid; grid-template-columns: minmax(0, 1fr) auto;

	/* align-items: baseline;  */

	gap: 8px; margin-top: 3px; font-size: 11px; }
.qrk-debug-menu .qrk-debug-goto-meta:has(> .qrk-debug-goto-path) { grid-template-columns: 11px minmax(0, 1fr); column-gap: 4px; }
.qrk-debug-menu .qrk-debug-goto-id,
.qrk-debug-menu .qrk-debug-goto-path { color: #ffffff80; min-width: 0; }
.qrk-debug-menu {

	--quark-copyable-hover-color: #c2d6d2;
	--quark-copyable-hover-opacity: .5;


	--quark-copyable-success-background: #36ffc2;
	--quark-copyable-success-background: #25bf90;

	--quark-copyable-success-color: #ffffff; }
.qrk-debug-menu .qrk-debug-copy { justify-self: start; position: relative; overflow: visible; flex: 0 1 auto; width: auto; min-width: 0; padding: 0; font-size: 11px; color: #ffffff80; white-space: normal; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-copy.qrk-debug-goto-title { font-size: 13px; color: #acc5c0; }
.qrk-debug-menu .qrk-debug-copy:hover {
	color: var(--quark-copyable-hover-color);
	/* opacity: var(--quark-copyable-hover-opacity); */
}
.qrk-debug-menu .qrk-debug-goto-details { margin-top: 0; line-height: 1.2; }
.qrk-debug-menu .qrk-debug-goto-id-value { display: inline-grid; grid-template-columns: auto minmax(0, 1fr); justify-self: start; align-items: baseline; }
.qrk-debug-menu .qrk-debug-goto-card-header { display: grid; align-content: start; min-width: 0; }
.qrk-debug-menu .qrk-debug-goto-metadata { display: grid; grid-auto-rows: auto; padding-top: 10px; min-width: 0; }
.qrk-debug-menu .qrk-debug-goto-id-label { white-space: pre; color: #ffffff80; }
.qrk-debug-menu .qrk-debug-goto-order-row { margin-top: 0; line-height: 1.2; }
.qrk-debug-menu .qrk-debug-goto-order { color: #ffffff80; }
.qrk-debug-menu .qrk-debug-goto-dates { margin-left: auto; text-align: right; white-space: nowrap; color: #ffffff80; }
.qrk-debug-menu .qrk-debug-goto-pages { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 16px; width: 100%; }
.qrk-debug-menu .qrk-debug-goto-item { display: grid; grid-template-columns: minmax(0, 1fr); grid-template-rows: minmax(min-content, 1fr) auto auto; padding: 8px 12px; border-radius: 5px; min-width: 0; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-special { color: var(--qrk-debug-green); margin-right: .6em; }
.qrk-debug-menu .qrk-debug-goto-status-label { margin-left: auto; white-space: nowrap; font-size: 10px; font-style: italic; color: #ffffff80; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-result-active { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-goto-current { outline: 1px solid var(--qrk-debug-green) !important; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-goto-current.qrk-debug-result-active { outline-color: #acc5c0 !important; }
.qrk-debug-menu .qrk-debug-goto-links { display: grid; grid-template-columns: auto auto minmax(0, 1fr); align-items: baseline; column-gap: 15px; margin-top: 0; padding-top: 10px; }
.qrk-debug-menu .qrk-debug-goto-links .qrk-debug-goto-status-label { grid-column: 3; grid-row: 1; justify-self: end; display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: baseline; min-width: 0; white-space: normal; text-align: right; }
.qrk-debug-menu .qrk-debug-goto-status-label > .qrk-debug-goto-icon { grid-column: 2; grid-row: 1; }
.qrk-debug-menu .qrk-debug-goto-special { grid-column: 1; grid-row: 1; }
.qrk-debug-menu .qrk-debug-group-toggle,
.qrk-debug-menu .qrk-debug-reveal-hidden,
.qrk-debug-menu .qrk-debug-goto-links a { font-size: 11px; color: #acc5c0; text-decoration: none; background: transparent; }
.qrk-debug-menu .qrk-debug-group-toggle:hover,
.qrk-debug-menu .qrk-debug-group-toggle:focus-visible,
.qrk-debug-menu .qrk-debug-reveal-hidden:hover,
.qrk-debug-menu .qrk-debug-reveal-hidden:focus-visible,
.qrk-debug-menu .qrk-debug-goto-links a:hover,
.qrk-debug-menu .qrk-debug-goto-links a:focus-visible { color: #c2eee3; text-decoration: underline; }
@media (max-width: 1199px) { .qrk-debug-menu .qrk-debug-goto-pages { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 899px) { .qrk-debug-menu .qrk-debug-goto-pages { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 599px) { .qrk-debug-menu .qrk-debug-goto-pages { grid-template-columns: minmax(0, 1fr); } }
.qrk-debug-menu .qrk-debug-goto-results-scroll,
.qrk-debug-menu .qrk-debug-goto-filters,
.qrk-debug-menu .qrk-debug-goto-terms { padding-right: 12px; scrollbar-gutter: stable; }
.qrk-debug-window, .qrk-debug-window * { scrollbar-width: thin; scrollbar-color: #426e64 #112620; }
.qrk-debug-window::-webkit-scrollbar, .qrk-debug-window ::-webkit-scrollbar { width: 8px; height: 8px; }
.qrk-debug-window::-webkit-scrollbar-track, .qrk-debug-window ::-webkit-scrollbar-track { background: #112620; }
.qrk-debug-window::-webkit-scrollbar-thumb, .qrk-debug-window ::-webkit-scrollbar-thumb { background: #426e64; border: 2px solid #112620; border-radius: 8px; }
.qrk-debug-window::-webkit-scrollbar-thumb:hover, .qrk-debug-window ::-webkit-scrollbar-thumb:hover { background: #6d9d91; }
.qrk-debug-window::-webkit-scrollbar-corner, .qrk-debug-window ::-webkit-scrollbar-corner { background: #112620; }
.qrk-debug-menu .qrk-debug-goto-title-row { grid-template-columns: 13px minmax(0, 1fr) 24px; align-items: start; }
.qrk-debug-menu .qrk-debug-favorite { position: static; grid-column: 3; grid-row: 1; justify-self: end; align-self: start; display: inline-flex; align-items: center; justify-content: center; width: 24px; height: 24px; margin: 0; padding: 0; font-size: 24px; line-height: 1; text-align: center; color: #ffffffbf; }
.qrk-debug-menu .qrk-debug-favorite[aria-pressed="false"]:hover { color: #fff; }
.qrk-debug-menu .qrk-debug-favorite[aria-pressed="true"] { color: #b3ae00; background: transparent; }
.qrk-debug-menu .qrk-debug-favorite-group { grid-column: 1 / -1; min-width: 0; }
.qrk-debug-menu .qrk-debug-favorite-group + .qrk-debug-favorite-group { margin-top: 12px; }
.qrk-debug-menu .qrk-debug-favorite-group[data-collapsed="true"]:not([data-animating="true"]) + .qrk-debug-favorite-group[data-collapsed="true"]:not([data-animating="true"]) { margin-top: 0; }
.qrk-debug-menu .qrk-debug-goto-icon { display: inline-block; width: 1em; height: 1em; flex: none; margin-right: .4em; font-style: normal;
	vertical-align: -.125em;
	vertical-align: -.2em;
}
/* Keep the empty and loaded icon baselines identical so asynchronous SVGs cannot move scroll targets. */
.qrk-debug-menu .qrk-debug-goto-icon > .qrk-ui-icon { display: block; }
.qrk-debug-menu .qrk-debug-goto-meta > .qrk-debug-goto-icon { margin-right: 0; color: #ffffff80; }
/* Offset the slug row by its 7px visual overhang to preserve the card inset and text gap. */
.qrk-debug-menu .qrk-debug-goto-meta:has(> .qrk-debug-goto-icon[data-qrk-icon="fas-slug"]) { padding-left: 7px; }
.qrk-debug-menu .qrk-debug-goto-meta > .qrk-debug-goto-icon[data-qrk-icon="fas-slug"] > .qrk-ui-icon > svg { transform: scale(1.636364); transform-origin: right center; }
.qrk-debug-menu .qrk-debug-goto-title-row > .qrk-debug-goto-icon { font-size: 13px; color: #acc5c0; }
.qrk-debug-menu .qrk-debug-goto-links a { white-space: nowrap; }
.qrk-debug-menu .qrk-debug-close-x { display: inline-flex; align-items: center; justify-content: center; }
.qrk-debug-menu .qrk-debug-close-x > .qrk-ui-icon { width: 28px; height: 28px; }
.qrk-debug-menu .qrk-debug-favorites-label { display: inline; white-space: nowrap; }
.qrk-debug-menu .qrk-debug-favorites-icon { display: inline-block; width: 1em; height: 1em; margin-right: .35em;
			vertical-align: -.125em;
			vertical-align: -.2em;

	font-size: 1em; line-height: 1; color: #fff; }
.qrk-debug-menu .qrk-debug-favorites-icon > .qrk-ui-icon { display: block; vertical-align: 0; }
.qrk-debug-menu .qrk-debug-goto-dates > .qrk-debug-goto-icon { font-size: 14px; }
.qrk-debug-menu .qrk-debug-goto-status-label > .qrk-debug-goto-icon { font-size: 15px; margin-right: 0; }
.qrk-debug-menu .qrk-debug-goto-statuses .qrk-debug-goto-icon { font-size: 14px; }
.qrk-debug-menu .qrk-debug-goto-status-text { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.qrk-debug-menu .qrk-debug-favorite > .qrk-ui-icon { width: 15px; height: 15px; vertical-align: 0; pointer-events: none; }
.qrk-debug-menu .qrk-debug-goto-item { outline: none !important; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-result-active { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-goto-current { outline: 1px solid var(--qrk-debug-green) !important; }
.qrk-debug-menu .qrk-debug-goto-item.qrk-debug-goto-current.qrk-debug-result-active { outline-color: #acc5c0 !important; }
.qrk-debug-menu .qrk-debug-reveal-hidden { display: inline; width: auto; padding: 0; font-size: inherit; }
.qrk-debug-menu .qrk-debug-hidden-footer { grid-column: 1 / -1; text-align: center; font-size: 11px; }
.qrk-debug-menu .qrk-debug-favorite-group > .qrk-debug-goto-header { justify-content: flex-start; gap: 10px; }
.qrk-debug-menu .qrk-debug-normally-hidden { font-size: 11px; font-style: italic; color: #ffffff66; }
.qrk-debug-menu .qrk-debug-group-count { font-size: 11px; color: #ffffff80; }
.qrk-debug-menu .qrk-debug-group-name[aria-expanded],
.qrk-debug-menu .qrk-debug-group-name:hover,
.qrk-debug-menu .qrk-debug-group-name:focus { width: auto; padding: 0; font: inherit; color: #fff; background: transparent; text-decoration: none; cursor: pointer; }
.qrk-debug-menu .qrk-debug-group-toggle { flex: none; width: auto; padding: 0; margin-left: auto; }
.qrk-debug-menu .qrk-debug-group-toggle[aria-expanded] { background: transparent; }
.qrk-debug-menu .qrk-debug-favorite-group[data-collapsed="true"]:not([data-animating="true"]) > .qrk-debug-goto-header { margin-bottom: 0; }
/* Playground: three editor rows and a horizontally resizable preview. */
.qrk-debug-menu .qrk-debug-playground { --qrk-debug-tab-background: transparent; display: grid; grid-template-columns: minmax(140px, var(--qrk-playground-split, 36%)) 10px minmax(140px, 1fr); gap: 0; padding: 0; overflow: auto; }
.qrk-debug-menu .qrk-debug-playground[hidden] { display: none; }
.qrk-debug-menu .qrk-debug-playground-editors { display: grid; grid-template-rows: repeat(3, minmax(0, 1fr)); min-height: 0; min-width: 0; }
.qrk-debug-menu .qrk-debug-playground-pane,
.qrk-debug-menu .qrk-debug-playground-preview { position: relative; display: flex; flex-direction: column; min-height: 0; min-width: 0;

	overflow: hidden;


	background: transparent; }
.qrk-debug-menu .qrk-debug-playground-pane + .qrk-debug-playground-pane { border-top: 1px solid #ffffff3b; }
.qrk-debug-menu .qrk-debug-playground .qrk-debug-heading { flex: none; margin: 0; padding: 5px 10px; font-size: 12px; background: #0a947d26; }
.qrk-debug-menu .qrk-debug-playground textarea { flex: 1; min-height: 0; width: 100%; padding: 8px; background: transparent; color: #e2efec; border: 0; resize: none; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror { flex: 1; min-height: 0; height: auto; font-size: 13px; line-height: 1.4; background: transparent; color: #e2efec; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror textarea { min-width: 0; padding: 0; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror-gutters { background: #101e1a40; border-right: 1px solid #ffffff20; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror-scrollbar-filler,
.qrk-debug-menu .qrk-debug-playground .CodeMirror-gutter-filler { background: #112620; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror-linenumber { color: #72938a; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror-cursor { border-left-color: #fff; }
.qrk-debug-menu .qrk-debug-playground .CodeMirror-selected { background: #26746570; }
.qrk-debug-menu .qrk-debug-playground .cm-comment { color: #829c94; }
.qrk-debug-menu .qrk-debug-playground .cm-keyword,
.qrk-debug-menu .qrk-debug-playground .cm-tag { color: #b3a1ed; }
.qrk-debug-menu .qrk-debug-playground .cm-string,
.qrk-debug-menu .qrk-debug-playground .cm-string-2 { color: #a6d99d; }
.qrk-debug-menu .qrk-debug-playground .cm-number,
.qrk-debug-menu .qrk-debug-playground .cm-atom { color: #e8b875; }
.qrk-debug-menu .qrk-debug-playground .cm-def,
.qrk-debug-menu .qrk-debug-playground .cm-property,
.qrk-debug-menu .qrk-debug-playground .cm-attribute { color: #7ed9c9; }
.qrk-debug-menu .qrk-debug-playground .cm-variable-2,
.qrk-debug-menu .qrk-debug-playground .cm-builtin { color: #d8ca85; }
.qrk-debug-menu .qrk-debug-playground .cm-operator,
.qrk-debug-menu .qrk-debug-playground .cm-meta { color: #dba0ac; }
.qrk-debug-menu .qrk-debug-playground-stage { display: flex; flex: 1; min-height: 0; overflow: hidden; color: #acc5c0; font-size: 12px; }
.qrk-debug-menu .qrk-debug-playground-divider { cursor: col-resize; touch-action: none; background: linear-gradient(to right, transparent 4px, #ffffff3b 4px, #ffffff3b 5px, transparent 5px), var(--qrk-debug-content-background); }
.qrk-debug-menu .qrk-debug-playground-divider:hover,
.qrk-debug-menu .qrk-debug-playground-divider:focus-visible,
.qrk-debug-menu .qrk-debug-playground-resizing .qrk-debug-playground-divider { background-color: rgb(10 148 125 / 85%); }
.qrk-debug-menu .qrk-debug-playground-resizing { user-select: none; }
.qrk-debug-window .qrk-debug-tab-content.qrk-debug-playground { flex: 1 1 0; align-self: stretch; width: 100%; height: 100%; min-height: 0; max-width: none; grid-template-rows: minmax(0, 1fr); box-sizing: border-box; }
.qrk-debug-menu .qrk-debug-playground-toolbar { display: flex; align-items: center; flex: none; gap: 6px; padding-right: 8px; background: #112b25; }
.qrk-debug-menu .qrk-debug-playground-toolbar .qrk-debug-heading { background: transparent; }
.qrk-debug-menu .qrk-debug-playground-toolbar .qrk-debug-button { width: auto; padding: 4px 8px; }
.qrk-debug-menu .qrk-debug-playground-toolbar .qrk-debug-button:hover { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-playground-toolbar .qrk-debug-playground-play { margin-left: auto; }
.qrk-debug-menu .qrk-debug-playground-status {
	flex: none;
	/* padding: 6px 10px; */
	/* color: #e8b875; */
	font-size: 12px;
	position: absolute;
	top: 26px;
	/* background: #7a7a7ac4 !important; */
	width: 100%;
	color: #ffffff;
	height: 8px;
	left: 0;
	/* border-radius: 3px; */
}
.qrk-debug-menu .qrk-debug-playground-rendered { flex: 1; width: 100%; height: 100%; min-width: 0; min-height: 0; border: 0; background: rgb(255 255 255 / 93%); color: #000; overflow: auto; }
.qrk-debug-menu .qrk-debug-playground-html { background: transparent; flex: 1; min-width: 0; min-height: 0; box-sizing: border-box; margin: 0; padding: 12px; overflow: auto; white-space: pre-wrap; overflow-wrap: anywhere; color: #e2efec; font-size: 13px; }
.qrk-debug-menu .qrk-debug-playground [hidden] { display: none !important; }
.qrk-debug-menu .qrk-debug-playground [inert] { opacity: 1; }
/* Darken editor surfaces while running without fading their text or revealing the page. */
.qrk-debug-menu .qrk-debug-playground[aria-busy="true"] .qrk-debug-playground-pane { background: linear-gradient(rgb(0 0 0 / 40%), rgb(0 0 0 / 40%)), var(--qrk-debug-content-background); }
.qrk-debug-menu .qrk-debug-playground[aria-busy="true"] .qrk-debug-playground-pane > .qrk-debug-heading { background: #0a947d17; }
.qrk-debug-menu .qrk-debug-playground-toggle { color: #ffffff66; cursor: pointer; font-size: 12px; line-height: 1.4; padding: 0 3px; user-select: none; }
.qrk-debug-menu .qrk-debug-playground-toggle[aria-checked="true"] { color: #fff; }
.qrk-debug-menu .qrk-debug-playground-toggle:focus-visible { outline: 1px solid #ffffff80 !important; }
.qrk-debug-menu .qrk-debug-playground-both { display: grid; grid-template-columns: minmax(0, var(--qrk-playground-preview-split, 50%)) 10px minmax(0, 1fr); grid-template-rows: minmax(0, 1fr); }
.qrk-debug-menu .qrk-debug-playground-empty { background: transparent; display: flex; flex: 1; align-items: center; justify-content: center; color: #acc5c0; }
.qrk-debug-menu .qrk-debug-playground-pane > .qrk-debug-heading { position: relative; padding-right: 28px; }
.qrk-debug-menu .qrk-debug-playground-dirty { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); width: 6px; height: 6px; border-radius: 50%; background: #36ffc2; opacity: .25; }
.qrk-debug-menu .qrk-debug-playground-dirty.is-dirty { opacity: 1; }
.qrk-debug-menu .qrk-debug-playground-pane:focus-within { background: linear-gradient(#ffffff08, #ffffff08), var(--qrk-debug-content-background); }
.qrk-debug-menu .qrk-debug-playground-resizing iframe { pointer-events: none; }
/* End Quark debug window */


.qrk-debug-menu .qrk-debug-playground-source { display: flex; flex-direction: column; flex: 1; min-width: 0; min-height: 0; }
.qrk-debug-menu .qrk-debug-playground-source-header { flex: none; margin: 0 12px; padding: 8px 0; border-bottom: 1px solid #ffffff33; }
.qrk-debug-menu .qrk-debug-playground-source-copy { width: auto; padding: 0; background: transparent; color: #ffffff60; font-size: 10px; font-style: italic; cursor: pointer; }
.qrk-debug-menu .qrk-debug-playground-source-copy:hover { color: #c2d6d2; }
.qrk-debug-menu .qrk-debug-playground-source-copy:disabled { color: #36ffc2 !important; opacity: 1 !important; -webkit-text-fill-color: currentColor !important; }
.qrk-debug-menu textarea.qrk-debug-playground-html { width: 100%; border: 0; border-radius: 0; resize: none; font-family: inherit; line-height: 1.5; user-select: text; cursor: text; }

.qrk-debug-menu .qrk-playground-output { min-height: 100%; padding: 8px; box-sizing: border-box; }

/* Dark surfaces are local so the rendered pane blends directly with the page. */
.qrk-debug-menu .qrk-debug-playground-pane,
.qrk-debug-menu .qrk-debug-playground-source,
.qrk-debug-menu .qrk-debug-playground-empty,
.qrk-debug-menu .qrk-debug-playground-status {
	background: var(--qrk-debug-content-background);
}

.qrk-busy-gradient {
  background-image: linear-gradient(
	90deg, #36ffc2, #0b6f5e, #36ffc2
  ) !important;
  background-size: 200% 100% !important;
  animation: gradient-right .7s linear infinite;
}

@keyframes gradient-right {
  from { background-position: 200% 0; }
  to   { background-position: 0% 0; }
}
/* Shared copyable text controls. */
.qrk-copyable:hover {
	/* color: var(--quark-copyable-hover-color, #368bce);  */
	/* opacity: var(--quark-copyable-hover-opacity); */
}
.qrk-copyable > .qrk-copyable-anchor { display: inline-block; position: relative; width: 0; height: 0; padding: 0; margin: 0; border: 0; vertical-align: baseline; overflow: visible; }
.qrk-copyable > .qrk-copyable-anchor > .qrk-copyable-control { all: unset; box-sizing: border-box; display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; left: 5px; top: -.65em; transform: translateY(-35%); width: 2em; height: 2em; border-radius: 50%; background: var(--quark-copyable-background, #53626f); color: var(--quark-copyable-color, #ffffff); font-size: min(1em, 12px); line-height: 1; cursor: pointer !important; opacity: 0 !important; pointer-events: none !important; transition: opacity .25s ease, filter .25s ease !important; }
/* The bridge belongs to the anchor, so crossing it preserves hover without making it a copy button. */
.qrk-copyable > .qrk-copyable-anchor::before { content: ""; position: absolute; z-index: 9; font-size: min(1em, 12px); left: 0; top: calc(-1.35em - 2px); width: 15px; height: calc(2em + 4px); pointer-events: none !important; }
.qrk-copyable:hover:not(.qrk-copyable-dismissed) > .qrk-copyable-anchor::before { pointer-events: auto !important; }
.qrk-copyable > .qrk-copyable-anchor > .qrk-copyable-control > * { pointer-events: none !important; }
.qrk-copyable:where(:hover:not(.qrk-copyable-dismissed)) > .qrk-copyable-anchor > .qrk-copyable-control { opacity: .5 !important; pointer-events: auto !important; transition-delay: .32s !important; }
.qrk-copyable > .qrk-copyable-anchor > .qrk-copyable-control:hover { opacity: 1 !important; pointer-events: auto !important; filter: brightness(1.12) !important; transition-delay: 0s !important; }
.qrk-copyable.qrk-copyable-success > .qrk-copyable-anchor > .qrk-copyable-control { background: var(--quark-copyable-success-background, #21b47a); color: var(--quark-copyable-success-color, #ffffff); animation: qrk-copyable-pop .45s ease both; }
.qrk-copyable.qrk-copyable-error > .qrk-copyable-anchor > .qrk-copyable-control { background: var(--quark-copyable-error-background, #ffcf33); color: var(--quark-copyable-error-color, #312900); animation: qrk-copyable-jitter .4s linear both; }
.qrk-copyable:hover:not(.qrk-copyable-dismissed):is(.qrk-copyable-success, .qrk-copyable-error) > .qrk-copyable-anchor > .qrk-copyable-control { opacity: 1 !important; }
@keyframes qrk-copyable-pop { 0%, 100% { transform: translateY(-35%) scale(1); } 35% { transform: translateY(-35%) scale(1.28); } 65% { transform: translateY(-35%) scale(.91); } 82% { transform: translateY(-35%) scale(1.05); } }
@keyframes qrk-copyable-jitter { 0%, 100% { transform: translate(0, -35%) rotate(0); } 15%, 55% { transform: translate(-3px, -35%) rotate(-9deg); } 30%, 70% { transform: translate(3px, -35%) rotate(9deg); } 45%, 85% { transform: translate(-1px, -35%) rotate(-4deg); } }
@media (prefers-reduced-motion: reduce) { .qrk-copyable > .qrk-copyable-anchor > .qrk-copyable-control { animation: none; transition: none !important; } }


/* .qrk-debug-menu .qrk-debug-clock-icon.qrk-debug-clock-date, */
.qrk-debug-menu .qrk-debug-clock-icon.qrk-debug-clock-time {
	margin-left: 15px;
}

.qrk-debug-menu .qrk-debug-goto-results [hidden] { display: none !important; }
.qrk-debug-menu .qrk-debug-goto-search-header { display: flex; flex: none; align-items: center; gap: 20px; padding: 8px 0 12px; border-bottom: 1px solid #ffffff40; }
.qrk-debug-menu .qrk-debug-goto-search-header > span:first-child { flex: 1; font-size: 1.5em; color: #fff; overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-search-header > span:nth-child(2) { color: #36ffc2; white-space: nowrap; }
.qrk-debug-menu .qrk-debug-goto-search-box { position: relative; flex: none; margin: 10px 0; }
.qrk-debug-menu .qrk-debug-goto-search-box > .qrk-debug-goto-icon {
	position: absolute; left: 25px; top: 50%; transform: translateY(-50%); font-size: 24px; pointer-events: none;

	opacity: .35;
}


.qrk-debug-menu .qrk-debug-goto-search-box > input:focus {
	outline: 1px solid #ffffff !important;
}
.qrk-debug-menu .qrk-debug-goto-search-box > input {
	box-sizing: border-box !important;
	width: calc(100% - 2px) !important;
	background: #ffffff1c !important;
	outline: 1px solid #ffffff4f;
	border-radius: 5px !important;
	color: #fff !important;
	height: 60px !important;
	padding: 0 20px 0 70px !important;
	font-size: 1.5em !important;
	line-height: 100%;
border: 0;
 }
.qrk-debug-menu .qrk-debug-goto-search-box:hover > input,
.qrk-debug-menu .qrk-debug-goto-search-box > input:hover {
	outline: 1px solid #ffffff80;
	background: #ffffff24 !important;
}
.qrk-debug-menu .qrk-debug-goto-search-box:hover > .qrk-debug-goto-icon {
	opacity: .5;
}
.qrk-debug-menu .qrk-debug-goto-search-box:focus-within > .qrk-debug-goto-icon {
	opacity: .6;
}

.qrk-debug-menu .qrk-debug-goto-search-box > input:focus {
	outline: 1px solid #ffffff !important;
}
.qrk-debug-menu .qrk-debug-goto-search-results { display: flex; flex-direction: column; gap: 12px; }
.qrk-debug-menu .qrk-debug-goto-search-remote { padding: 14px 0 8px; border-top: 1px solid #ffffff40; color: #36ffc2; }
.qrk-debug-menu .qrk-debug-goto-search-remote[aria-busy="true"]::before { content: ""; display: inline-block; width: 10px; height: 10px; margin-right: 8px; border: 2px solid #ffffff40; border-top-color: #36ffc2; border-radius: 50%; animation: qrk-search-spin .7s linear infinite; }
@keyframes qrk-search-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .qrk-debug-menu .qrk-debug-goto-search-remote[aria-busy="true"]::before { animation: none; } }

.qrk-debug-menu .qrk-debug-goto-results-scroll { overflow-x: hidden !important; overflow-y: auto !important; }
.qrk-debug-menu .qrk-debug-goto-search-results,
.qrk-debug-menu .qrk-debug-goto-pages,
.qrk-debug-menu .qrk-debug-goto-item { box-sizing: border-box; min-width: 0; max-width: 100%; }
.qrk-debug-menu .qrk-debug-goto-item { overflow-wrap: anywhere; }
.qrk-debug-menu .qrk-debug-goto-search-header { flex-wrap: wrap; min-width: 0; }

.qrk-debug-menu .qrk-debug-goto-search-exit { width: auto; flex: none; order: 1; padding: 4px 8px; }
.qrk-debug-menu .qrk-debug-goto-search-exit:hover,
.qrk-debug-menu .qrk-debug-goto-search-exit:focus-visible { background: var(--qrk-debug-selected); outline: 1px solid #ffffff80 !important; }