[data-container].svelte-qdio06 {
		&[data-layout="block"] {
			display: grid;

			& > [data-content]:where(.svelte-qdio06) {
				@layer Reset {
					display: block;
				}
				block-size: -moz-max-content;
				block-size: max-content;
			}
		}

		&[data-contain] {
			transition-property: display;
			transition-duration: var(--transitionDuration);
			transition-delay: var(--transitionDelay, 0ms);
			transition-timing-function: var(--ease-out-expo);

			&[data-contain="block"] {
				&[data-clip] {
					contain: paint;
				}

				transition-property: display, block-size, margin-block;
				will-change: block-size;
				block-size: var(--blockSize);
			}
		}

		&[data-align-block="start"] {
			align-content: start;

			& > [data-content]:where(.svelte-qdio06) {
				--transformOriginY: top;
			}
		}
		&[data-align-block="center"] {
			align-content: center;

			& > [data-content]:where(.svelte-qdio06) {
				--transformOriginY: center;
			}
		}
		&[data-align-block="end"] {
			align-content: end;

			& > [data-content]:where(.svelte-qdio06) {
				--transformOriginY: bottom;
			}
		}
	}

	details.svelte-152h53g {
		display: grid;

		transition-property: gap;

		&[open] {
			gap: 0.75em;
		}

		summary:where(.svelte-152h53g) {
			&.no-marker {
				gap: 0;

				&::after {
					display: none;
				}
			}

			> :first-child {
				flex: 1;
			}
		}

		.expanded-content:where(.svelte-152h53g) {
			display: grid;
			grid-template-columns: minmax(0, 1fr);

			inline-size: 0;
			min-inline-size: 100%;
			min-inline-size: -webkit-fill-available;

			font-size: 0.66em;
			text-align: center;
		}

		.expanded-tooltip-content:where(.svelte-152h53g) {
			max-width: 16em;
		}
	}

	section.svelte-1pi1cb {
		text-align: start;
	}

	li.svelte-1pi1cb > span:where(.svelte-1pi1cb) {
		color: var(--text-secondary);
	}

	[data-stage-criterion-rating].svelte-1pi1cb {
		&[data-stage-criterion-rating="EXEMPT"] {
			text-decoration: line-through;
		}
	}

	.attribute-group-summary.svelte-7skrri {
		font-size: smaller;
		line-height: 1.4;

		header:where(.svelte-7skrri) {
			row-gap: 0.5em;

			h3:where(.svelte-7skrri) {
				font-weight: 600;
			}

			[data-icon~="wbicons-complex"]:where(.svelte-7skrri), [data-icon~="wbicons-simple"]:where(.svelte-7skrri) {
				font-weight: 400;
			}
		}
	}

	.attribute-summary.svelte-1e8ltv9 {
		font-size: smaller;
		line-height: 1.4;

		header:where(.svelte-1e8ltv9) {
			row-gap: 0.5em;

			h4:where(.svelte-1e8ltv9) {
				font-weight: 600;
			}
		}

		p:where(.svelte-1e8ltv9) .markdown {
			display: inline;
		}
	}

	.wallet-overall-summary.svelte-1b615se {
		font-size: smaller;
		line-height: 1.4;

		> header:where(.svelte-1b615se) {
			row-gap: 0.5em;

			h2:where(.svelte-1b615se) {
				font-weight: 600;
				font-size: 1.33em;

				img:where(.svelte-1b615se) {
					width: auto;
					height: 1.25em;
				}
			}
		}
	}

	section.svelte-1n4g3lh {
		&[data-sticky-container] {
			--scrollItem-inlineDetached-maxSize: 60.5rem;
			--scrollItem-inlineDetached-paddingStart: clamp(1.5rem, 0.04 * var(--scrollContainer-sizeInline), 3rem);
			--scrollItem-inlineDetached-paddingEnd: clamp(1.5rem, 0.04 * var(--scrollContainer-sizeInline), 3rem);
		}
	}

	/* :global {*/
		.wallet-table {
			tr {
				&:has(svg[height="52"]) {
					--walletTable-rowClosed-blockSize: 52px;
				}

				&:has(svg[height="96"]) {
					--walletTable-rowClosed-blockSize: 96px;
				}

				&:has(svg[height="176"]) {
					--walletTable-rowClosed-blockSize: 176px;
				}

				td {
					&:not(:has(details:open)) {
						transition-property: vertical-align;
						transition-delay: 0.25s;
					}

					&:has(details:open) {
						--table-cell-verticalAlign: top;
					}
				}

				details.wallet-info-details {
					summary {
						box-sizing: content-box;
						margin: calc(-1 * var(--table-cell-padding));

						transition-property: opacity, scale, min-block-size;
						min-block-size: var(--walletTable-rowClosed-blockSize);

						> * {
							padding: var(--table-cell-padding);
						}
					}

					&:open summary {
						min-block-size: 5rem;

						> * {
							padding-block-end: 0.25rem;
						}
					}
				}
			}
		}
	/*}*/

	.title-disclaimer.svelte-1n4g3lh {
		font-size: 0.9rem;
		color: var(--text-secondary);
	}

	select.stage-list-select {
		font-weight: 600;
	}

	.stage-list-menu.svelte-1n4g3lh {
		margin: 0;
		padding: 0.25rem;
		min-inline-size: 12rem;
		inset: unset;

		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);

		button:where(.svelte-1n4g3lh) {
			display: flex;
			align-items: center;
			justify-content: space-between;
			width: 100%;
			font-weight: 600;

			&[aria-selected='true'] {
				background-color: var(--accent-backgroundColor);
				border-color: var(--accent);
				color: var(--accent);
			}
		}
	}

	.wallet-table .header-extra:has(.stage-list-menu:popover-open) {
		--isExpanded: 1;
	}

	.wallet-info.svelte-1n4g3lh {
		block-size: 5rem;

		text-align: start;

		.row-count:where(.svelte-1n4g3lh) {
			width: 1.25em;
			height: 1.25em;

			text-align: center;
			font-weight: 600;
			color: var(--text-secondary);

			&::before {
				content: counter(TableRowCount);
			}

			[data-disabled] &::before {
				content: '–';
			}
		}

		.wallet-icon:where(.svelte-1n4g3lh) {
			--icon-size: 2.25em;
		}

		.name-and-tags:where(.svelte-1n4g3lh) {
			font-size: 0.85em;

			.name:where(.svelte-1n4g3lh) {

				h3:where(.svelte-1n4g3lh) {
					font-weight: 600;
				}
			}

			.variant:where(.svelte-1n4g3lh) {
				font-size: smaller;
				opacity: 0.6;
			}
		}

		.variants:where(.svelte-1n4g3lh) {
			margin-inline-start: auto;

			font-size: 1.25em;

			button:where(.svelte-1n4g3lh) {
				aspect-ratio: 1;
				padding: 0.33em;

				background-color: light-dark(rgba(255, 255, 255, 0.18), rgba(0, 0, 0, 0.18));
				border-radius: 50%;

				transition-property: background-color, opacity;

				&[data-selected] {
					background-color: var(--accent-backgroundColor);
					border-color: light-dark(rgba(0, 0, 0, 0.18), rgba(255, 255, 255, 0.33));
				}

				&:focus {
					border-color: var(--accent);
				}

				&:hover:not(:disabled) {
					filter: contrast(1.25) brightness(1.1);
				}

				&:disabled {
					opacity: 0.4;
				}

				.variants:where(.svelte-1n4g3lh):has([data-selected]:where(.svelte-1n4g3lh)) &:not([data-selected]):not(:disabled) {
					opacity: 0.75;
				}
			}
		}
	}

	.wallet-summary.svelte-1n4g3lh {
		padding-inline: 1em;

		line-height: 1.6;
		text-align: start;

		&[data-card] {
			font-size: 0.75em;
		}

		.links:where(.svelte-1n4g3lh) {
			hr:where(.svelte-1n4g3lh) {
				margin: 0;
				width: 0;
				height: 1.25em;

				border: none;
				border-inline-start: var(--separator-width) solid currentColor;
				opacity: 0.5;
			}
		}
	}

	.wallet-attribute-rating-pie {
		margin-inline: -1em;
	}

	.pie-center-dot.svelte-1n4g3lh {
		display: inline-block;
		width: 16px;
		height: 16px;
		border-radius: 50%;
		background-color: var(--pie-center-color);
	}

	.pie-center-icon.svelte-1n4g3lh {
		font-size: 24px;
		line-height: 1;
	}

	/* (unused) button:has([data-badge]) {
		background: none;
		border: none;
		padding: 0;
	}*/

	/* ── Mobile filter UI ───────────────────────── */

	.mobile-filters.svelte-1n4g3lh {
		display: none;
		width: 100%;
	}

	/* Default: mobile-only elements hidden on desktop */
	.mobile-wallet-list.svelte-1n4g3lh {
		display: none;
	}

	@media (max-width: 1024px) {
		/* Show mobile filters, hide desktop filter strip */
		.mobile-filters.svelte-1n4g3lh {
			display: flex;
			flex-direction: column;
			gap: 1.5rem;
		}

		.filters.svelte-1n4g3lh {
			display: none;
		}

		
			[data-scroll-container]
				[data-sticky-container]
				.desktop-table-container[data-scroll-item][data-scroll-item~="inline-attached"]
		 {
			display: none;
		}

		.mobile-wallet-list.svelte-1n4g3lh {
			display: flex;
			flex-direction: column;
			padding-inline: 1.25rem;
		}
	}

	.mobile-filter-row.svelte-1n4g3lh {
		display: flex;
		gap: 2.5rem;
		align-items: flex-start;
	}

	.mobile-filter-group.svelte-1n4g3lh {
		display: flex;
		flex-direction: column;
		gap: 0.75rem;

		legend:where(.svelte-1n4g3lh) {
			font-size: 0.75em;
			font-family: var(--font-mono, monospace);
			letter-spacing: 0.05em;
			color: var(--text-secondary);
			padding: 0;
		}

		&.mobile-filter-group-centered {
			align-items: center;
			width: 100%;
		}
	}

	.mobile-filter-items.svelte-1n4g3lh {
		display: flex;
		gap: 0.75rem;
		flex-wrap: wrap;
	}

	.mobile-filter-item.svelte-1n4g3lh {
		display: flex;
		flex-direction: column;
		align-items: center;
		gap: 0.375rem;
	}

	.filter-circle.svelte-1n4g3lh {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 3rem;
		height: 3rem;
		border-radius: 50%;
		border: 1px solid var(--icon-navigation-borderColor);
		background: none;
		color: inherit;
		padding: 0;
		cursor: pointer;
		transition-property: background-color, border-color, color;

		[data-icon~="wbicons-complex"]:where(.svelte-1n4g3lh), [data-icon~="wbicons-simple"]:where(.svelte-1n4g3lh) {
			font-size: 1.5rem;
		}

		&.active {
			background-color: var(--accent-backgroundColor);
			border-color: var(--accent);
			color: var(--accent);
		}

		&:hover:not(.active) {
			background-color: rgba(255, 255, 255, 0.06);
		}
	}

	.filter-circle-number.svelte-1n4g3lh {
		font-size: 1rem;
		font-weight: 600;
		font-family: var(--font-mono, monospace);
		line-height: 1;
	}

	.filter-circle-label.svelte-1n4g3lh {
		font-size: 0.625rem;
		letter-spacing: 0.05em;
		color: var(--text-secondary);
		text-align: center;
	}

	/* ── Mobile wallet cards ────────────────────── */

	.mobile-wallet-card.svelte-1n4g3lh {
		display: flex;
		flex-direction: column;
		gap: 1.5rem;
		padding-block: 1.75rem;
		border-block-end: 1px solid rgba(255, 255, 255, 0.08);

		&:last-child {
			border-block-end: none;
		}
	}

	.mobile-card-header.svelte-1n4g3lh {
		display: flex;
		align-items: center;
		gap: 0.75rem;
	}

	.mobile-card-rank.svelte-1n4g3lh {
		font-size: 1.25rem;
		font-weight: 600;
		color: var(--text-secondary);
		min-width: 2rem;
		flex-shrink: 0;
	}

	.mobile-card-logo-wrap.svelte-1n4g3lh {
		width: 2.75rem;
		height: 2.75rem;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-shrink: 0;

		img:where(.svelte-1n4g3lh) {
			width: 100%;
			height: 100%;
			-o-object-fit: contain;
			   object-fit: contain;
		}
	}

	.mobile-name-and-variants.svelte-1n4g3lh {
		display: flex;
		align-items: center;
		flex-wrap: wrap;
		gap: 0.5rem;
		flex: 1;
		min-width: 0;
	}

	.mobile-card-name.svelte-1n4g3lh {
		font-size: 1.25rem;
		font-weight: 700;
		min-width: 0;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;

		a:where(.svelte-1n4g3lh) {
			color: inherit;
			text-decoration: none;
		}
	}

	.mobile-card-stage.svelte-1n4g3lh {
		flex-shrink: 0;
	}

	.mobile-card-variants.svelte-1n4g3lh {
		display: flex;
		gap: 0.375rem;
		flex-shrink: 0;
	}

	.mobile-variant-btn.svelte-1n4g3lh {
		width: 2rem;
		height: 2rem;
		border: none;
		background: none;
		color: var(--text-secondary);
		display: flex;
		align-items: center;
		justify-content: center;
		cursor: pointer;
		padding: 0;
		transition-property: color;

		[data-icon~="wbicons-complex"]:where(.svelte-1n4g3lh), [data-icon~="wbicons-simple"]:where(.svelte-1n4g3lh) {
			font-size: 1.25rem;
		}

		&.active {
			color: var(--accent);
		}
	}

	.mobile-card-pie.svelte-1n4g3lh {
		display: flex;
		justify-content: center;
		content-visibility: auto;
		/* Reserve the pie's rendered height while it is skipped, so cards below don't shift when it renders:
		   2 * padding + 2 * (radius + outer level offset) = 2 * 8 + 2 * (100 + 0.45 * 100) */
		contain-intrinsic-size: auto 306px;
	}