@supports ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {


		@keyframes select-compact-height {
			from { scale: var(---select-expandedScaleY); }
			to { scale: 1; }
		}
		@keyframes select-compact-tail {
			from { translate: 0px; }
			to { translate: calc((-100% + var(---select-compactSize)) * var(---inlineDirection, 1)); }
		}
		@keyframes select-compact-bridge {
			from { scale: 1 var(---select-expandedScaleY); translate: 0px; }
			to {
				scale: 0 1;
				translate: calc(var(---select-compactSize) / 2 * (1 - var(---select-expandedScaleY)) * var(---inlineDirection, 1));
			}
		}
		@keyframes select-compact-icon {
			from { translate: 0px; }
			to {
				translate: calc((var(---select-compactSize) / 2 - var(---select-naturalPadding) - 0.5em) * var(---inlineDirection, 1));
			}
		}
		@keyframes select-compact-picker {
			from { translate: 0px; opacity: var(---select-opacity); }
			to {
				translate: calc((var(---select-compactSize) / 2 - 100% + var(---select-naturalPadding) + 0.375em) * var(---inlineDirection, 1));
				opacity: var(---select-pickerEndOpacity, var(---select-opacity));
			}
		}
		@keyframes select-compact-label {
			from { opacity: 1; }
			35%, to { opacity: 0; }
		}

		select.svelte-124sfg {
			-webkit-appearance: base-select;
			   -moz-appearance: base-select;
			        appearance: base-select;
			cursor: pointer;
			---select-compactSize: calc(var(--icon-size, 2rem) / var(--select-compactScale, 1));
			---select-timeline: var(--select-compactTimeline, none);
			---select-easing: var(--select-compactEasing, var(--transition-easeInOutExpo));
			---select-naturalPadding: calc(0.66em + 1px);
			---select-expandedScaleY: min(1, calc((1lh + 2 * var(---select-naturalPadding)) / var(---select-compactSize)));
			isolation: isolate;
			position: relative;
			display: inline-flex;
			align-items: center;
			justify-content: center;
			gap: 0px;
			min-inline-size: 0px;
			min-block-size: var(---select-compactSize);
			inline-size: auto;
			block-size: if(style(---select-timeline: none): auto; else: var(---select-compactSize));
			padding: 0px;
			outline: 0;
			color: var(--text-primary);
			pointer-events: if(style(---select-timeline: none): auto; else: none);
			background-color: if(style(---select-timeline: none): var(--background-primary); else: transparent);
			border: if(style(---select-timeline: none): 1px solid var(---select-borderColor); else: 0px solid transparent);
			---select-borderColor: var(--icon-navigation-borderColor);
			---select-borderWidth: 1px;
			&:hover { ---select-borderColor: var(--accent); }
			&:focus-visible {
				---select-borderColor: var(--accent);
				---select-borderWidth: 3px;
				box-shadow: if(style(---select-timeline: none): 0 0 0 3px var(--accent-backgroundColor); else: none);
			}
			&::before,
			&::after {
				content: if(style(---select-timeline: none): none; else: '');
				position: absolute;
				inset: 0;
				z-index: -2;
				transform-origin: left center;
				pointer-events: auto;
				clip-path: circle(calc(var(---select-compactSize) / 2) at calc(var(---select-compactSize) / 2) 50%);
				background-image: radial-gradient(circle at calc(var(---select-compactSize) / 2) 50%, var(--background-primary) calc(var(---select-compactSize) / 2 - var(---select-borderWidth)), var(---select-borderColor) calc(var(---select-compactSize) / 2 - var(---select-borderWidth)) calc(var(---select-compactSize) / 2), transparent calc(var(---select-compactSize) / 2));
				background-size: calc(var(---select-compactSize) / 2) 100%;
				background-repeat: no-repeat;
				animation: if(style(---select-timeline: none): none; else: select-compact-height auto var(---select-easing) both);
				animation-timeline: var(---select-timeline);
				animation-range: var(--select-compactRange, contain 0% contain 100%);
			}
			&::after {
				transform-origin: right center;
				background-position: right center;
				clip-path: circle(calc(var(---select-compactSize) / 2) at calc(100% - var(---select-compactSize) / 2) 50%);
				background-image: radial-gradient(circle at calc(100% - var(---select-compactSize) / 2) 50%, var(--background-primary) calc(var(---select-compactSize) / 2 - var(---select-borderWidth)), var(---select-borderColor) calc(var(---select-compactSize) / 2 - var(---select-borderWidth)) calc(var(---select-compactSize) / 2), transparent calc(var(---select-compactSize) / 2));
				animation: if(style(---select-timeline: none): none; else: select-compact-tail auto var(---select-easing) both, select-compact-height auto var(---select-easing) both);
				animation-timeline: var(---select-timeline);
				animation-range: var(--select-compactRange, contain 0% contain 100%);
			}
			&:dir(rtl)::before { transform: translateX(-100%) scaleX(-1); transform-origin: right center; }
			&:dir(rtl)::after { transform: translateX(100%) scaleX(-1); transform-origin: left center; }

			> button:where(.svelte-124sfg) {
				font: inherit;
				&::after {
					content: '';
					position: absolute;
					pointer-events: none;
					visibility: hidden;
					inline-size: var(---select-compactSize);
					block-size: var(---select-compactSize);
					anchor-name: var(--select-visual-anchor, none);
				}
				anchor-name: var(--select-natural-anchor, none);
				position: static;
				display: block;
				flex-shrink: 0;
				inline-size: -moz-max-content;
				inline-size: max-content;
				padding: var(---select-naturalPadding);
				padding-inline-end: calc(var(---select-naturalPadding) + 0.75em + 0.5rem);
				border: 0;
				background: transparent;
				color: inherit;
				pointer-events: none;
			}

			> button:where(.svelte-124sfg) > selectedcontent:where(.svelte-124sfg) {
				min-inline-size: 0;
				display: flex;
				align-items: center;
				gap: 0.5rem;
				white-space: nowrap;

				.select-label:where(.svelte-124sfg) {
					display: inline-block;
					animation: if(style(---select-timeline: none): none; else: select-compact-label auto var(---select-easing) both);
					animation-timeline: var(---select-timeline);
					animation-range: var(--select-compactRange, contain 0% contain 100%);
				}
				.select-icon:where(.svelte-124sfg) {
					flex-shrink: 0;
					scale: calc(1 / var(--select-compactScale, 1));
					animation: if(style(---select-timeline: none): none; else: select-compact-icon auto var(---select-easing) both);
					animation-timeline: var(---select-timeline);
					animation-range: var(--select-compactRange, contain 0% contain 100%);
					&:empty { display: none; }
					:is(img, svg) {
						inline-size: 1em;
						block-size: 1em;
						-o-object-fit: contain;
						   object-fit: contain;
					}
				}
			}
			& > button:where(.svelte-124sfg)::before {
				content: '';
				height: 1lh;
				background-color: currentColor;
				-webkit-mask: var(--icon-chevron) no-repeat center;
				        mask: var(--icon-chevron) no-repeat center;
				---select-opacity: 0.66;
				opacity: var(---select-opacity);
				transform: perspective(100px) rotateX(0deg);
				transition-property: transform;
				scale: calc(1 / var(--select-compactScale, 1));
				position: absolute;
				inset-block: 0;
				margin-block: auto;
				inset-inline: 0;
				width: 100%;
				-webkit-mask-position: calc(100% - var(---select-naturalPadding)) center;
				        mask-position: calc(100% - var(---select-naturalPadding)) center;
				-webkit-mask-size: 0.75em 1lh;
				        mask-size: 0.75em 1lh;
				transform-origin: calc(100% - var(---select-naturalPadding) - 0.375em) 50%;
				animation: if(style(---select-timeline: none): none; else: select-compact-picker auto var(---select-easing) both);
				animation-timeline: var(---select-timeline);
				animation-range: var(--select-compactRange, contain 0% contain 100%);
			}
			&:dir(rtl) > button:where(.svelte-124sfg)::before { -webkit-mask-position: var(---select-naturalPadding) center; mask-position: var(---select-naturalPadding) center; transform-origin: calc(var(---select-naturalPadding) + 0.375em) 50%; }
			&:has(selectedcontent:where(.svelte-124sfg) .select-icon:where(.svelte-124sfg):not(:empty)) {
				---select-pickerEndOpacity: 0;
			}
			@media (prefers-reduced-motion: reduce) {
				&::before,
				&::after,
				&::picker-icon,
				& > button:where(.svelte-124sfg)::before,
				> button:where(.svelte-124sfg),
				> button:where(.svelte-124sfg) > selectedcontent:where(.svelte-124sfg) :is(.select-label:where(.svelte-124sfg), .select-icon:where(.svelte-124sfg)) {
					animation-timing-function: steps(1, end);
				}
			}
			&:open > button:where(.svelte-124sfg)::before { transform: perspective(100px) rotateX(180deg); }
			&::picker-icon {
				content: if(style(---select-timeline: none): none; else: '');
				position: absolute;
				margin: 0;
				inset-block: 0;
				inset-inline: calc(var(---select-compactSize) / 2 * var(---select-expandedScaleY));
				background: var(--background-primary);
				border-block: var(---select-borderWidth) solid var(---select-borderColor);
				box-sizing: border-box;
				z-index: -1;
				pointer-events: auto;
				transform-origin: left center;
				animation: if(style(---select-timeline: none): none; else: select-compact-bridge auto var(---select-easing) both);
				animation-timeline: var(---select-timeline);
				animation-range: var(--select-compactRange, contain 0% contain 100%);
			}
			&:dir(rtl)::picker-icon { transform-origin: right center; }
			option:where(.svelte-124sfg) {
				display: flex;
				align-items: center;
				gap: 0.5rem;

				color: var(--text-primary);


				&:hover {
					background-color: var(--background-secondary);
				}

				&:checked {
					background-color: var(--accent-backgroundColor);
					font-weight: 600;
				}

				&::checkmark {
					content: '✓';
					order: 1;
					color: var(--accent);
					font-weight: bold;
				}

				:is(img, svg) {
					height: 1em;
					vertical-align: middle;
				}
			}
		}

		.svelte-124sfg::picker(select) {
			-webkit-appearance: base-select;
			   -moz-appearance: base-select;
			        appearance: base-select;
			pointer-events: auto;

			margin-block: 0.25em;
			position-area: block-end span-inline-end;
			position-try-order: most-block-size;
			position-try-fallbacks:
				block-start span-inline-end,
				block-end span-inline-start,
				block-start span-inline-start;
			position-visibility: anchors-visible;
			min-width: anchor-size(width);

			background: var(--background-primary);
			border: 1px solid var(--border-color);
			border-radius: 0.5rem;
			box-shadow: 0 10px 25px rgba(0, 0, 0, 0.2);

			transition-property: display, opacity;

			@starting-style {
				opacity: 0;
			}
		}

		select.svelte-124sfg:not(:open)::picker(select) {
			opacity: 0;
		}
	}

	@supports not ((-webkit-appearance: base-select) or (-moz-appearance: base-select) or (appearance: base-select)) {
		select.svelte-124sfg {
			inline-size: auto;
			block-size: auto;
			min-block-size: unset;
			border: revert;
			padding: revert;
			color: revert;
			-webkit-appearance: auto;
			   -moz-appearance: auto;
			        appearance: auto;
			clip-path: none;
		}
	}

	[data-tooltip-trigger].svelte-sj99h3 {
		display: inline grid;
		font: inherit;
		padding: 0;
		background-color: transparent;
		border: none;
	}

	[popover].svelte-sj99h3 {
		--popover-padding: 1rem;
		--popover-backgroundColor: light-dark(rgba(255, 255, 255, 0.95), rgba(0, 0, 0, 0.95));
		--popover-borderColor: var(--border-color);
		--popover-borderWidth: 1px;
		--popover-boxShadow: 0 4px 12px light-dark(rgba(0, 0, 0, 0.05), rgba(0, 0, 0, 0.4));

		position: fixed;
		position-area: block-end;
		position-try-fallbacks: flip-block;
		position-try-order: most-block-size;
		position-visibility: anchors-visible;

		margin: var(--offset);
		width: -moz-max-content;
		width: max-content;
		max-width: calc(100vw - var(--offset) * 2);

		background-color: var(--popover-backgroundColor);
		border-radius: 0.5rem;
		padding: var(--popover-padding);
		border: var(--popover-borderWidth) solid var(--popover-borderColor);
		backdrop-filter: blur(10px);
		box-shadow: var(--popover-boxShadow);

		transition-property:
			display,
			content-visibility,
			opacity,
			scale,
			translate
		;

		@starting-style {
			opacity: 0;
			scale: 0.95;
		}

		&:not(:popover-open) {
			display: none;
			content-visibility: none;
			pointer-events: none;

			opacity: 0;
			scale: 0.95;
		}

		@media (width <= 40rem) {
			position-anchor: unset !important;
			inset: var(--offset);
			margin: auto;
			margin-block-end: 0;
			max-block-size: min(15rem, 50vh);
			overflow: auto;

			@starting-style {
				translate: 0 1em;
			}
		}
	}