/* Generated from scoped fragments; do not edit this file. */
/**************************************************************************************************/
/*!		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-origin-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-origin-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; */
}

.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(var(--qrk-copyable-shift-y, var(--qrk-copyable-shift-y, -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: .4s !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; }
/* Design note: reuse this copy-success green selectively for future debug emphasis; user specifically likes this color. */
.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 !important; }
.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 !important; }
.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(var(--qrk-copyable-shift-y, var(--qrk-copyable-shift-y, -35%))) scale(1); } 35% { transform: translateY(var(--qrk-copyable-shift-y, var(--qrk-copyable-shift-y, -35%))) scale(1.28); } 65% { transform: translateY(var(--qrk-copyable-shift-y, var(--qrk-copyable-shift-y, -35%))) scale(.91); } 82% { transform: translateY(var(--qrk-copyable-shift-y, var(--qrk-copyable-shift-y, -35%))) scale(1.05); } }
@keyframes qrk-copyable-jitter { 0%, 100% { transform: translate(0, var(--qrk-copyable-shift-y, -35%)) rotate(0); } 15%, 55% { transform: translate(-3px, var(--qrk-copyable-shift-y, -35%)) rotate(-9deg); } 30%, 70% { transform: translate(3px, var(--qrk-copyable-shift-y, -35%)) rotate(9deg); } 45%, 85% { transform: translate(-1px, var(--qrk-copyable-shift-y, -35%)) rotate(-4deg); } }
@media (prefers-reduced-motion: reduce) { .qrk-copyable:is(.qrk-copyable-success, .qrk-copyable-error) > .qrk-copyable-anchor > .qrk-copyable-control, .qrk-copyable > .qrk-copyable-anchor > .qrk-copyable-control { animation: none !important; transition: none !important; } }


/* Corner coordinates are resolved against the visible scroll area by the utility. */
.qrk-copyable:is([data-qrk-copyable-position="top-right"],[data-qrk-copyable-position="top-left"],[data-qrk-copyable-position="bottom-right"],[data-qrk-copyable-position="bottom-left"]) > .qrk-copyable-anchor { display: block; position: relative; width: 0; height: 0; z-index: 10; }
.qrk-copyable[data-qrk-copyable-position] > .qrk-copyable-anchor > .qrk-copyable-control { --qrk-copyable-shift-y: 0%; }
.qrk-copyable[data-qrk-copyable-position] > .qrk-copyable-anchor::before { display: none; }

/* Shared button tones for frontend, debug, and admin controls. */
.qrk-button.qrk-button-tone-info{--qrk-button-soft:var(--qrk-color-info-soft);--qrk-button-ink:var(--qrk-color-info);--qrk-button-solid:var(--qrk-color-info)}
.qrk-button.qrk-button-tone-alert{--qrk-button-soft:var(--qrk-color-accent-soft);--qrk-button-ink:var(--qrk-color-accent);--qrk-button-solid:var(--qrk-color-accent)}
.qrk-button.qrk-button-tone-warning{--qrk-button-soft:var(--qrk-color-warning-soft);--qrk-button-ink:var(--qrk-color-warning);--qrk-button-solid:var(--qrk-color-warning)}
.qrk-button.qrk-button-tone-caution{--qrk-button-soft:var(--qrk-color-caution-soft);--qrk-button-ink:var(--qrk-color-caution);--qrk-button-solid:var(--qrk-color-caution)}
.qrk-button.qrk-button-tone-danger{--qrk-button-soft:var(--qrk-color-danger-soft);--qrk-button-ink:var(--qrk-color-danger);--qrk-button-solid:var(--qrk-color-danger)}
.qrk-button.qrk-button-tone-success{--qrk-button-soft:var(--qrk-color-success-soft);--qrk-button-ink:var(--qrk-color-success);--qrk-button-solid:var(--qrk-color-success)}
.qrk-button.qrk-button-tone-dark{--qrk-button-soft:var(--qrk-color-surface);--qrk-button-ink:var(--qrk-color-ink);--qrk-button-solid:var(--qrk-color-ink)}
.qrk-button.qrk-button-tone-light{--qrk-button-soft:var(--qrk-color-white);--qrk-button-ink:var(--qrk-color-muted);--qrk-button-solid:var(--qrk-color-white);--qrk-button-on-solid:var(--qrk-color-muted);--qrk-button-border:var(--qrk-color-border)}

/* Shared asynchronous button: no page-wide busy cursor or layout jump. */
.qrk-button-spinner{display:none;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;box-sizing:border-box;flex:none}
.qrk-button[aria-busy="true"] > :is(.qrk-icon,.qrk-ui-icon){display:none}
.qrk-button[aria-busy="true"]{cursor:default;opacity:.8}
[aria-busy="true"] > .qrk-button-spinner{display:inline-block;animation:qrk-button-spin .75s linear infinite}
@keyframes qrk-button-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){[aria-busy="true"] > .qrk-button-spinner{animation:none}}

.qrk-color-picker{position:relative;display:flex;align-items:center;gap:10px;min-width:0;width:100%}
.qrk-color-picker>input{flex:1;min-width:0!important;width:100%;font-variant-numeric:tabular-nums}
.qrk-color-swatch,.qrk-color-preview{background:repeating-conic-gradient(var(--qrk-color-white,#fff) 0% 25%,var(--qrk-color-border,#bdccd6) 0% 50%) 0/12px 12px}
.qrk-color-swatch{flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid var(--qrk-color-border,#bdccd6);border-radius:6px;overflow:hidden;cursor:pointer}
.qrk-color-swatch span,.qrk-color-preview span{display:block;width:100%;height:100%}
.qrk-color-swatch:disabled{opacity:.5;cursor:not-allowed}
.qrk-color-swatch:focus-visible,.qrk-color-panel :focus-visible{outline:2px solid var(--qrk-color-focus,#087f98);outline-offset:3px}
.qrk-color-panel{position:absolute;left:0;top:calc(100% + 8px);z-index:1000;box-sizing:border-box;width:320px;max-width:calc(100vw - 24px);max-height:none;overflow:visible;padding:0;border:1px solid var(--qrk-color-border,#bdccd6);border-radius:9px;background:var(--qrk-color-white,#fff);color:var(--qrk-color-ink,#29384b);box-shadow:0 8px 24px #29384b26;font:13px/1.5 system-ui,sans-serif}
.qrk-color-panel[hidden],.qrk-color-panel [hidden]{display:none!important}
.qrk-color-sv{position:relative;height:170px;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--qrk-picker-hue,#00cfff);touch-action:none;cursor:crosshair;overflow:hidden}
.qrk-color-cursor{position:absolute;width:14px;height:14px;box-sizing:border-box;border:2px solid #fff;border-radius:50%;box-shadow:0 0 0 1px #29384b;transform:translate(-50%,-50%);pointer-events:none}
.qrk-color-body{padding:18px}
.qrk-color-mixer{display:flex;gap:16px;align-items:center;margin-bottom:16px}
.qrk-color-preview{width:44px;height:44px;flex:none;border:1px solid var(--qrk-color-border,#bdccd6);border-radius:50%;overflow:hidden}
.qrk-color-rails{display:grid;gap:16px;flex:1;min-width:0}
.qrk-color-panel input[type=range]{appearance:none;width:100%;min-width:0;height:12px;margin:0;padding:0;border:0;border-radius:3px;cursor:pointer}
.qrk-color-hue{background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}
.qrk-color-alpha{background:linear-gradient(to right,rgba(var(--qrk-picker-rgb),0),rgb(var(--qrk-picker-rgb))),repeating-conic-gradient(#fff 0% 25%,#bdccd6 0% 50%) 0/10px 10px}
.qrk-color-panel input[type=range]::-webkit-slider-thumb{appearance:none;width:20px;height:20px;border:2px solid var(--qrk-color-white,#fff);border-radius:50%;background:var(--qrk-color-ink,#29384b);box-shadow:0 0 0 1px var(--qrk-color-border,#bdccd6)}
.qrk-color-panel input[type=range]::-moz-range-thumb{width:16px;height:16px;border:2px solid var(--qrk-color-white,#fff);border-radius:50%;background:var(--qrk-color-ink,#29384b)}
.qrk-color-format-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.qrk-color-panel select,.qrk-color-done{border:1px solid var(--qrk-color-border,#bdccd6);border-radius:5px;padding:4px 8px;background:var(--qrk-color-surface,#edf1f5);color:var(--qrk-color-ink,#29384b);font:inherit;cursor:pointer}
.qrk-color-rgba{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
.qrk-color-rgba label{display:flex;flex-direction:column;gap:4px;text-align:center;color:var(--qrk-color-muted,#68778a);font-size:11px}
.qrk-color-panel input[type=text],.qrk-color-panel input[type=number]{box-sizing:border-box;min-width:0;width:100%;height:34px;margin:0;padding:5px;border:1px solid var(--qrk-color-border,#bdccd6);border-radius:5px;background:var(--qrk-color-white,#fff);color:var(--qrk-color-ink,#29384b);font:13px/1.5 ui-monospace,monospace;text-align:center}
.qrk-color-hex-row{display:block;font-size:11px;color:var(--qrk-color-muted,#68778a)}
/* Compact editor and inset field swatch. */
.qrk-color-picker{display:block}
.qrk-color-picker>input{box-sizing:border-box;padding-left:44px!important;min-height:40px}
.qrk-color-picker>.qrk-color-swatch{position:absolute;left:7px;top:50%;transform:translateY(-50%);width:26px;height:26px;min-height:0;border-radius:4px;z-index:1}
.qrk-color-picker[data-checkerboard=false]>.qrk-color-swatch{background:transparent}
.qrk-color-panel{width:264px;border-radius:7px}
.qrk-color-sv{height:140px}
.qrk-color-body{padding:12px}
.qrk-color-mixer{gap:12px;margin-bottom:12px}
.qrk-color-comparison{flex:0 0 36px}
.qrk-color-comparison .qrk-color-preview,.qrk-color-original{box-sizing:border-box;width:36px;height:24px;margin:0;padding:0;border:1px solid var(--qrk-color-border,#bdccd6);overflow:hidden;background:repeating-conic-gradient(#fff 0% 25%,#bdccd6 0% 50%) 0/8px 8px}
.qrk-color-comparison .qrk-color-preview{border-bottom:1px solid var(--qrk-color-border,#bdccd6);border-radius:4px 4px 0 0}
.qrk-color-original{display:block;border-top:0;border-radius:0 0 4px 4px;cursor:pointer}
.qrk-color-original span{display:block;width:100%;height:100%}
.qrk-color-rails{gap:10px}
.qrk-color-panel input[type=range]{height:8px}
.qrk-color-panel input[type=range]::-webkit-slider-thumb{width:15px;height:15px}
.qrk-color-panel input[type=range]::-moz-range-thumb{width:11px;height:11px}
.qrk-color-alpha-row{display:flex;align-items:center;gap:7px}
.qrk-color-alpha-row input{flex:1}
.qrk-color-alpha-value{min-width:29px;text-align:right;font-size:10px;color:var(--qrk-color-muted,#68778a);font-variant-numeric:tabular-nums}
.qrk-color-shade{background:linear-gradient(to right,#fff,var(--qrk-picker-shade),#000)}
.qrk-color-presets{display:flex;gap:4px;justify-content:space-between;margin:0 0 10px}
.qrk-color-panel .qrk-color-preset{width:17px;height:17px;min-height:0;padding:0;border:1px solid #29384b30;border-radius:3px;cursor:pointer}
.qrk-color-panel .qrk-color-preset.is-transparent{position:relative;overflow:hidden;background:#fff!important}
.qrk-color-panel .qrk-color-preset.is-transparent::before{content:"";position:absolute;inset:1px;border-radius:2px;background:linear-gradient(135deg,transparent 43%,#c33 44%,#c33 56%,transparent 57%);pointer-events:none}
.qrk-color-panel .qrk-color-hex-row{font-size:9px;margin-bottom:8px;letter-spacing:.05em}
.qrk-color-panel .qrk-color-hex{height:29px;font-size:12px}
.qrk-color-rgba{display:flex;gap:0;border:1px solid var(--qrk-color-border,#bdccd6);border-radius:5px;background:var(--qrk-color-white,#fff);padding:4px 0;margin-bottom:10px;cursor:text}
.qrk-color-rgba label{flex:1;min-width:0;font-size:9px;gap:0}
.qrk-color-rgba label+label{border-left:1px solid var(--qrk-color-line,#edf1f5)}
.qrk-color-panel .qrk-color-rgba input{height:23px;padding:0 2px;border:0;border-radius:0;outline:none!important;box-shadow:none!important;background:transparent;font-size:12px}
.qrk-color-composite{display:flex;align-items:center;gap:6px;color:var(--qrk-color-muted,#68778a);font-size:10px;margin:0 0 10px}
.qrk-color-composite i{width:12px;height:12px;border-radius:2px;border:1px solid #29384b30}
.qrk-color-composite output{margin-left:auto;font:11px ui-monospace,monospace}
.qrk-color-panel .qrk-color-done{display:block;width:100%;padding:4px 8px;font-size:11px}

/* Compact palette rows and editable opaque composite. */
.qrk-color-presets{display:grid;grid-template-columns:repeat(10,1fr);gap:4px}
.qrk-color-preset:nth-child(11){grid-column:1}
.qrk-color-panel .qrk-color-hex,
.qrk-color-panel .qrk-color-hex:focus,
.qrk-color-panel .qrk-color-rgba input:focus{outline:none!important;box-shadow:none!important}
.qrk-color-composite{flex-wrap:wrap;gap:5px;font-size:9px}
.qrk-color-composite-heading{display:flex;align-items:center;gap:6px;flex-basis:100%;margin-bottom:3px}
.qrk-color-panel .qrk-color-composite-swatch{width:16px;height:16px;min-height:0;padding:0;flex-shrink:0;border:1px solid #29384b30;border-radius:3px;cursor:pointer}
.qrk-color-composite-hex{font:9px ui-monospace,monospace}

.qrk-color-composite-label{text-align:left}
.qrk-color-composite-hex{margin-left:auto;text-align:right}

.qrk-color-panel input.qrk-color-hex{letter-spacing:normal}

.qrk-color-panel .qrk-color-sv,
.qrk-color-panel .qrk-color-sv:focus,
.qrk-color-panel .qrk-color-sv:focus-visible{outline:none!important;box-shadow:none!important}

.qrk-color-panel .qrk-color-comparison .qrk-color-preview,
.qrk-color-panel .qrk-color-comparison .qrk-color-original,
.qrk-color-panel .qrk-color-comparison :focus,
.qrk-color-panel .qrk-color-comparison :focus-visible{outline:none!important;box-shadow:none!important}

.qrk-color-composite-background-swatch{display:block;width:16px;height:16px;box-sizing:border-box;flex-shrink:0;border:1px solid #29384b30;border-radius:3px}
.qrk-color-panel input.qrk-color-composite-background{width:76px;height:23px;padding:2px 4px;font-size:10px;outline:none!important;box-shadow:none!important}

/* Composite: selected color, editable background, and opaque result. */
.qrk-color-composite{display:block}
.qrk-color-composite-heading{display:block;margin:0 0 7px;text-align:left}
.qrk-color-composite-row{display:flex;align-items:center;gap:6px;min-height:20px;margin-top:4px}
.qrk-color-panel .qrk-color-composite-row .qrk-color-composite-background-label{display:block;margin:0;font:inherit;color:inherit}
.qrk-color-composite-values{margin-left:auto;display:flex;justify-content:flex-end;flex-wrap:wrap;gap:3px 5px;text-align:right;font:9px ui-monospace,monospace}
.qrk-color-composite-selected-swatch{display:block;box-sizing:border-box;width:16px;height:16px;flex-shrink:0;overflow:hidden;border:1px solid #29384b30;border-radius:3px;background:repeating-conic-gradient(#fff 0% 25%,#bdccd6 0% 50%) 0/8px 8px}
.qrk-color-composite-selected-swatch span{display:block;width:100%;height:100%}
.qrk-color-panel input.qrk-color-composite-background{margin-left:auto;width:8ch;min-height:0;height:auto;padding:0;border:0;border-radius:0;background:transparent;outline:none!important;box-shadow:none!important;text-align:right;font:9px ui-monospace,monospace;color:inherit}

.qrk-color-composite-heading{display:flex;align-items:center;gap:6px;margin-bottom:0}
.qrk-color-panel .qrk-color-composite-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px}
.qrk-color-composite-details[hidden]{display:none}

.qrk-color-panel input.qrk-color-composite-background{border-radius:3px}
.qrk-color-panel input.qrk-color-composite-background:focus-visible{outline:1px solid color-mix(in srgb,var(--qrk-color-muted,#68778a) 25%,transparent)!important;outline-offset:3px;box-shadow:none!important}

.qrk-color-composite{border:1px solid var(--qrk-color-border,#bdccd6);border-radius:5px;padding:8px}
.qrk-color-composite[hidden]{display:none}
.qrk-color-panel .qrk-color-composite-toggle,
.qrk-color-panel .qrk-color-composite-toggle:focus,
.qrk-color-panel .qrk-color-composite-toggle:focus-visible{outline:none!important;box-shadow:none!important}
.qrk-color-composite-selected-swatch{border-color:var(--qrk-color-border,#bdccd6);background-clip:padding-box;opacity:1}
.qrk-color-panel .qrk-color-no-checkers{background:transparent!important}
.qrk-color-preview,.qrk-color-composite-selected-swatch{cursor:pointer}

.qrk-color-group{border:1px solid var(--qrk-color-border,#bdccd6);border-radius:5px;padding:8px;margin-bottom:10px;color:var(--qrk-color-muted,#68778a);font-size:9px}
.qrk-color-group-heading{display:flex;align-items:center;gap:6px;cursor:pointer}
.qrk-color-composite-heading{cursor:pointer}
.qrk-color-panel .qrk-color-group-toggle{margin-left:auto;display:flex;align-items:center;justify-content:center;width:18px;height:18px;min-height:0;padding:0;border:0;background:transparent;color:inherit;cursor:pointer;font-size:12px;outline:none!important;box-shadow:none!important}
.qrk-color-group-details[hidden]{display:none}
.qrk-color-group-details{margin-top:8px}
.qrk-color-basic .qrk-color-presets{margin:0;gap:3px}
.qrk-color-background-copy{margin-left:auto}
.qrk-color-format-family+.qrk-color-format-family{border-top:1px solid var(--qrk-color-line,#edf1f5);margin-top:8px;padding-top:8px}
.qrk-color-format-title{font-size:9px;margin-bottom:5px}
.qrk-color-format{font:9px/1.7 ui-monospace,monospace;overflow-wrap:anywhere;color:var(--qrk-color-ink,#29384b)}



.qrk-color-format{white-space:normal;min-width:0}

/* Copy affordances extend beyond the panel; keep their native inline baseline. */
.qrk-color-composite-selected-hex{display:inline-block;white-space:nowrap}
.qrk-color-sv{border-radius:6px 6px 0 0}

/* Admin-inspired out() styling, also available on the frontend.
 * Palette fallbacks keep this standalone when admin.palette.css is not loaded.
 * Preserve the 15px text/grid rhythm with vertical padding in whole 15px rows. */
.qrk-out{--qrk-out-gutter-width:15px;--qrk-out-open-height:315px;--qrk-out-duration:200ms;--qrk-out-ink:var(--qrk-color-ink,#29384b);--qrk-out-text:var(--qrk-color-text,#526174);--qrk-out-paper:var(--qrk-color-white,#fff);--qrk-out-line:var(--qrk-color-line,#e0e5eb);--qrk-out-accent:var(--qrk-color-brand,#43c5ca)}
.qrk-out,.qrk-out .qrk-out-title,.qrk-out .qrk-out-content,.qrk-out pre{box-sizing:border-box!important;font-family:monospace,monospace!important;font-size:12px!important;font-weight:400!important;color:var(--qrk-out-ink)!important;line-height:15px!important}
.qrk-out{margin:0px!important;

    transition:margin .2s ease,box-shadow .2s ease, transform .2s ease !important;


    background:var(--qrk-out-paper)!important;border:0!important;padding:0!important;box-shadow:0 3px 12px color-mix(in srgb,var(--qrk-out-ink) 8%,transparent)!important;border-radius:7px!important}
.qrk-out[data-state="closed"]{--qrk-out-gutter-width:15px!important;margin:4px!important;box-shadow:0 2px 6px color-mix(in srgb,var(--qrk-out-ink) 5%,transparent)!important}
.qrk-out .qrk-out-title{padding:15px 15px 15px calc(var(--qrk-out-gutter-width) + 15px)!important;border-radius:25px 7px 0 0!important;background:var(--qrk-out-ink)!important;transition:background .2s ease,border-radius var(--qrk-out-duration) ease!important;color:var(--qrk-out-paper)!important;font-weight:600!important;cursor:pointer!important}
.qrk-out .qrk-out-title:hover{background:var(--qrk-out-text)!important}
.qrk-out[data-state="closed"] .qrk-out-title{border-radius:7px!important}
.qrk-out .qrk-out-content{height:auto;max-height:none;overflow-y:visible;padding:15px 15px 15px calc(var(--qrk-out-gutter-width) + 15px)!important;border-radius:0 0 7px 7px!important;border:1px solid var(--qrk-out-line)!important;border-top:0!important;border-bottom:1px solid var(--qrk-out-line)!important;border-collapse:separate!important;background:repeating-linear-gradient(to bottom,var(--qrk-out-paper),var(--qrk-out-paper) 14px,var(--qrk-out-line) 15px)!important;background-position:0 0!important;background-attachment:local!important;transition:height var(--qrk-out-duration) ease,border-radius var(--qrk-out-duration) ease}
.qrk-out[data-state="open"] .qrk-out-content{max-height:var(--qrk-out-open-height);overflow-y:auto}
.qrk-out[data-state="closed"] .qrk-out-content{display:none;border-radius:0!important}
.qrk-out.is-busy{user-select:none!important;-webkit-user-select:none!important}
.qrk-out.is-busy .qrk-out-content{display:block;max-height:none;overflow:hidden!important}
.qrk-out pre{padding:0!important;white-space:pre-wrap!important;text-wrap-mode:wrap!important;background:transparent!important;margin:0!important;overflow-wrap:break-word!important}
/* Temporarily measure natural content height without displaying closed content. */
.qrk-out .qrk-out-content.is-measuring{visibility:hidden!important;display:block!important;height:auto!important;max-height:none!important;overflow:visible!important;transition:none!important}

.qrk-out .qrk-out-title{box-shadow:inset var(--qrk-out-gutter-width) 0 0 var(--qrk-out-accent)!important;overflow-wrap:anywhere!important}

.qrk-out:not([data-state="closed"]){border-top-left-radius:25px!important;
    transform: scale(1.025) !important;
}
.qrk-out .qrk-out-content{box-shadow:inset var(--qrk-out-gutter-width) 0 0 #43c5ca29!important;border-left:1px solid rgb(67 197 202 / 53%)!important}

/* Paint behind the hovered visual row without adding selectable/copyable markup. */
.qrk-out .qrk-out-content.has-hovered-row {
    background-image: linear-gradient(to bottom,
        transparent var(--qrk-out-row-top),
        rgb(128 128 128 / 10%) var(--qrk-out-row-top),
        rgb(128 128 128 / 10%) var(--qrk-out-row-bottom),
        transparent var(--qrk-out-row-bottom)),
        repeating-linear-gradient(to bottom, var(--qrk-out-paper), var(--qrk-out-paper) 14px, var(--qrk-out-line) 15px) !important;
    background-position: var(--qrk-out-gutter-width) 0, 0 0 !important;
    background-size: calc(100% - var(--qrk-out-gutter-width)) 100%, 100% 100% !important;
    background-repeat: no-repeat, repeat !important;
}

.qrk-out .qrk-out-content { position: relative; }
.qrk-out .qrk-out-line-numbers {
    position: absolute !important;
    top: 15px !important;
    left: 0 !important;
    width: var(--qrk-out-gutter-width) !important;
    pointer-events: none !important;
    user-select: none !important;
    -webkit-user-select: none !important;
    text-align: center !important;
}
.qrk-out .qrk-out-line-numbers::before {
    content: attr(data-lines);
    display: block;
    white-space: pre !important;
    font: 9px/15px monospace !important;
    color: #8bb5b7 !important;
    opacity: 1;
}

/* Shared Quark/CGM select presentation. The native select always owns the value. */
.qrk-select-control{position:relative;display:inline-block;width:100%;min-width:0;vertical-align:middle;--qrk-select-tone:var(--qrk-field-tone,var(--qrk-color-primary,#087f98))}
.qrk-select-control>select{position:absolute!important;width:1px!important;height:1px!important;min-height:0!important;padding:0!important;margin:0!important;clip-path:inset(50%);overflow:hidden;white-space:nowrap}
.qrk-select-control .qrk-select-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;box-sizing:border-box;width:100%;min-height:40px;margin:0;padding:9px 12px;border:1px solid var(--qrk-color-border,#ccd0d4);border-radius:6px;background:var(--qrk-color-white,#fff);color:var(--qrk-color-ink,#20252a);font:inherit;font-size:13px;line-height:1.5;text-align:left;cursor:pointer;box-shadow:none}
.qrk-select-caption{display:flex;align-items:center;gap:8px;min-width:0;overflow:hidden;text-overflow:ellipsis}
.qrk-select-trigger>.qrk-ui-icon{flex:none;font-size:11px}
.qrk-select-control .qrk-select-trigger:hover:not(:disabled){border-color:var(--qrk-color-muted,#737c86)}
.qrk-select-control .qrk-select-trigger:focus-visible,.qrk-select-control.is-open .qrk-select-trigger,.qrk-select-control.is-native:focus-within .qrk-select-trigger{outline:none!important;box-shadow:none!important;border-color:var(--qrk-select-tone);background:color-mix(in srgb,var(--qrk-select-tone) 10%,var(--qrk-color-white,#fff))}
.qrk-select-control .qrk-select-trigger:disabled{background:var(--qrk-color-surface,#f3f4f5);color:var(--qrk-color-muted,#737c86);cursor:not-allowed}
.qrk-select-control .qrk-select-trigger[aria-invalid=true]{border-color:var(--qrk-color-danger,#b32d2e)}
.qrk-select-panel{position:fixed;inset:auto;z-index:1000000;box-sizing:border-box;display:flex;flex-direction:column;gap:6px;margin:0;padding:8px;border:1px solid var(--qrk-color-border,#ccd0d4);border-radius:8px;background:var(--qrk-color-white,#fff);color:var(--qrk-color-ink,#20252a);box-shadow:0 6px 20px #0002;font:inherit;font-size:13px;overflow:hidden}
.qrk-select-panel[hidden]{display:none!important}
.qrk-select-panel .qrk-select-search{flex:none;box-sizing:border-box;width:100%;min-height:36px;margin:0;padding:7px 10px;border:1px solid var(--qrk-color-border,#ccd0d4);border-radius:5px;background:var(--qrk-color-canvas,#f7f8f9);color:inherit;font:inherit;line-height:1.5;outline:none!important;box-shadow:none!important}
.qrk-select-panel .qrk-select-search:focus{border-color:var(--qrk-select-tone);background:color-mix(in srgb,var(--qrk-select-tone) 6%,var(--qrk-color-white,#fff))}
.qrk-select-options{overflow:auto;min-height:0;overscroll-behavior:contain}
.qrk-select-option{display:flex;align-items:center;gap:9px;min-height:34px;padding:6px 9px;box-sizing:border-box;border-radius:4px;cursor:pointer;line-height:1.5}
.qrk-select-option-label{flex:1;overflow-wrap:anywhere}
.qrk-select-option[aria-selected=true]{color:var(--qrk-select-tone);background:color-mix(in srgb,var(--qrk-select-tone) 8%,transparent)}
.qrk-select-option.is-active{background:color-mix(in srgb,var(--qrk-select-tone) 18%,var(--qrk-color-white,#fff))}
.qrk-select-option[aria-disabled=true]{color:var(--qrk-color-muted,#737c86);opacity:.65;cursor:not-allowed}
.qrk-select-option>.qrk-ui-icon{width:16px;flex:none;text-align:center}
.qrk-select-group{padding:9px 9px 4px;color:var(--qrk-color-muted,#737c86);font-weight:600;font-size:11px}
.qrk-select-empty{padding:12px;color:var(--qrk-color-muted,#737c86)}
.qrk-select-empty[hidden]{display:none}
/* A transparent real select receives every pointer/keyboard action in native mode. */
.qrk-select-control.is-native>select{inset:0!important;z-index:1;width:100%!important;height:100%!important;min-height:40px!important;clip-path:none;opacity:0;cursor:pointer;appearance:auto}
.qrk-select-control.is-native .qrk-select-trigger{pointer-events:none}
.qrk-select-control.is-native-list>select{position:relative!important;height:auto!important;padding:9px 12px!important;opacity:1;border:1px solid var(--qrk-color-border,#ccd0d4);border-radius:6px;background:var(--qrk-color-white,#fff);color:var(--qrk-color-ink,#20252a);font:inherit}
.qrk-select-control.is-native-list>.qrk-select-trigger{display:none}

.qrk-select-control[hidden]{display:none!important}

.qrk-select-search[hidden]{display:none!important}
.qrk-select-options:focus{outline:none!important;box-shadow:none!important}

.qrk-select-error{padding:4px 8px;color:var(--qrk-color-danger,#b32d2e)}
.qrk-select-error[hidden]{display:none!important}

.qrk-select-match{font-weight:700;background:color-mix(in srgb,var(--qrk-select-tone) 15%,transparent);border-radius:2px}