@lolmath/ui 9.1.1 → 9.1.2

package/dist/index.css

@@ -181,17 +181,22 @@
 	}
 }
 @layer lol {
-	._breadcrumbs_1c3hr_2 {
+	._breadcrumbs_1gzfl_2 {
 		display: flex;
 		gap: 0.25rem;
+		/* An <ol>: the UA gives it block margins and a 40px marker gutter. */
+		margin: 0;
+		padding: 0;
+		list-style: none;
 	}
 
-	._item_1c3hr_7 {
+	._item_1gzfl_11 {
 		display: flex;
 		align-items: center;
 	}
 
-	._link_1c3hr_12 {
+	._link_1gzfl_16 {
+		text-decoration: none;
 		font-family: var(--lol-font-family-beaufort);
 		color: var(--lol-color-gold-300);
 		position: relative;
@@ -206,16 +211,28 @@
 		}
 	}
 
-	._divider_1c3hr_27 {
+	._divider_1gzfl_32 {
+		/* Off the text baseline, so the row's height is the glyph's, and never
+		   wider than the row. */
+		display: block;
+		max-width: 100%;
 		height: 11px;
 	}
 }
 @layer lol {
-	._button_lhmqr_2 {
+	._button_7nrx3_2 {
+		appearance: none;
+		margin: 0;
+		/* Presets that want horizontal padding add it back further down. Without a
+		   zero here, `text` (which wants none) picks up the UA's `1px 6px`. */
+		padding: 0;
+		/* Also rendered on the <a> of ButtonLink, which the UA underlines. */
+		text-decoration: none;
+
 		border-radius: 0px;
 		border: 2px solid transparent;
 
-		&._thin_lhmqr_6 {
+		&._thin_7nrx3_14 {
 			border-width: 1px;
 		}
 
@@ -246,17 +263,17 @@
 			outline: none;
 		}
 
-		&._small_lhmqr_37 {
+		&._small_7nrx3_45 {
 			font-size: var(--lol-font-size-sm);
 			min-height: var(--lol-form-height-small);
 		}
 
-		&._medium_lhmqr_42 {
+		&._medium_7nrx3_50 {
 			font-size: var(--lol-font-size-base);
 			min-height: var(--lol-form-height-medium);
 		}
 
-		&._large_lhmqr_47 {
+		&._large_7nrx3_55 {
 			font-size: var(--lol-font-size-base);
 			min-height: var(--lol-form-height-large);
 		}
@@ -266,14 +283,14 @@
 		 * `.button` and loses the border-radius and font-weight to whichever rule
 		 * is written last.
 		 */
-		&._round_lhmqr_53,
-		&._square_lhmqr_58 {
+		&._round_7nrx3_61,
+		&._square_7nrx3_66 {
 			aspect-ratio: 1 / 1;
 			padding: 0px;
 			font-weight: 900;
 		}
 
-		&._round_lhmqr_53 {
+		&._round_7nrx3_61 {
 			border-radius: 9999px;
 		}
 
@@ -304,22 +321,22 @@
 	 * together by exactly one border width so their two gradient borders read as
 	 * a single seam instead of a double-thick one.
 	 */
-	._toggleButtonGroup_lhmqr_95 {
+	._toggleButtonGroup_7nrx3_103 {
 		display: inline-flex;
 
-		& > ._button_lhmqr_2 + ._button_lhmqr_2 {
+		& > ._button_7nrx3_2 + ._button_7nrx3_2 {
 			margin-left: -2px;
 		}
 
 		/* Must follow the rule above: thin buttons only need a 1px overlap. */
-		& > ._thin_lhmqr_6 + ._thin_lhmqr_6 {
+		& > ._thin_7nrx3_14 + ._thin_7nrx3_14 {
 			margin-left: -1px;
 		}
 
 		/* Whichever button is highlighted owns the seams next to it. */
-		& > ._button_lhmqr_2:hover,
-		& > ._button_lhmqr_2:focus-visible,
-		& > ._button_lhmqr_2[data-selected] {
+		& > ._button_7nrx3_2:hover,
+		& > ._button_7nrx3_2:focus-visible,
+		& > ._button_7nrx3_2[data-selected] {
 			position: relative;
 			z-index: 1;
 		}
@@ -329,48 +346,48 @@
 			/* Equal widths keep the collapsed seams lined up. */
 			align-items: stretch;
 
-			& > ._button_lhmqr_2 + ._button_lhmqr_2 {
+			& > ._button_7nrx3_2 + ._button_7nrx3_2 {
 				margin-left: 0;
 				margin-top: -2px;
 			}
 
-			& > ._thin_lhmqr_6 + ._thin_lhmqr_6 {
+			& > ._thin_7nrx3_14 + ._thin_7nrx3_14 {
 				margin-top: -1px;
 			}
 		}
 	}
 
-	._primary_lhmqr_131,
-	._secondary_lhmqr_132,
-	._hextech_lhmqr_133,
-	._dimmed_lhmqr_134 {
-		&:not(._square_lhmqr_58, ._round_lhmqr_53) {
-			&._small_lhmqr_37 {
+	._primary_7nrx3_139,
+	._secondary_7nrx3_140,
+	._hextech_7nrx3_141,
+	._dimmed_7nrx3_142 {
+		&:not(._square_7nrx3_66, ._round_7nrx3_61) {
+			&._small_7nrx3_45 {
 				padding: 0 0.5rem;
 			}
 
-			&._medium_lhmqr_42 {
+			&._medium_7nrx3_50 {
 				padding: 0 1rem;
 			}
 
-			&._large_lhmqr_47 {
+			&._large_7nrx3_55 {
 				padding: 0 1rem;
 			}
 		}
 	}
 
-	._text_lhmqr_150 {
-		&._round_lhmqr_53,
-		&._square_lhmqr_58 {
+	._text_7nrx3_158 {
+		&._round_7nrx3_61,
+		&._square_7nrx3_66 {
 			&:hover {
 				--lol-button-background-gradient: var(--lol-gradient-grey-300);
 				--lol-button-border-gradient: var(--lol-gradient-transparent);
 			}
 		}
 
-		&._round_lhmqr_53,
-		&._square_lhmqr_58,
-		&._normal_lhmqr_161 {
+		&._round_7nrx3_61,
+		&._square_7nrx3_66,
+		&._normal_7nrx3_169 {
 			position: relative;
 
 			&::after {
@@ -388,7 +405,7 @@
 		}
 	}
 
-	._hextech_lhmqr_133 {
+	._hextech_7nrx3_141 {
 		color: var(--lol-color-blue-100);
 		--lol-button-border-gradient: var(--lol-gradient-hextech);
 		--lol-button-background-gradient: var(--lol-gradient-grey-300);
@@ -413,17 +430,16 @@
 		}
 	}
 
-	._dimmed_lhmqr_134 {
+	._dimmed_7nrx3_142 {
 		--lol-button-background-gradient: var(--lol-gradient-hextech-black);
 		--lol-button-border-gradient: var(--lol-gradient-grey-300);
 
-		&._selected_lhmqr_208,
 		&:focus-visible {
 			--lol-button-border-gradient: var(--lol-gradient-gold);
 		}
 	}
 
-	._primary_lhmqr_131 {
+	._primary_7nrx3_139 {
 		--lol-button-border-gradient: var(--lol-gradient-gold);
 		--lol-button-background-gradient: linear-gradient(
 			to top,
@@ -451,36 +467,55 @@
 		}
 	}
 
-	._secondary_lhmqr_132 {
+	._secondary_7nrx3_140 {
 		--lol-button-border-gradient: var(--lol-gradient-gold);
 		--lol-button-background-gradient: var(--lol-gradient-grey-300);
 	}
 
-	._primary_lhmqr_131:hover,
-	._secondary_lhmqr_132:hover,
-	._dimmed_lhmqr_134:hover {
+	._primary_7nrx3_139:hover,
+	._secondary_7nrx3_140:hover,
+	._dimmed_7nrx3_142:hover {
 		--lol-button-border-gradient: var(--lol-gradient-gold-hover);
 	}
 
-	._primary_lhmqr_131:active,
-	._secondary_lhmqr_132:active,
-	._dimmed_lhmqr_134:active {
+	._primary_7nrx3_139:active,
+	._secondary_7nrx3_140:active,
+	._dimmed_7nrx3_142:active {
 		--lol-button-border-gradient: var(--lol-gradient-gold-press);
 	}
 
-	._primary_lhmqr_131:disabled,
-	._secondary_lhmqr_132:disabled,
-	._dimmed_lhmqr_134:disabled {
+	/*
+	 * A selected toggle takes the hextech background from `.button`, so the
+	 * dimmed border follows it there: a hextech body inside the resting grey
+	 * frame reads as an unfinished button. Must stay after the gold `:hover`
+	 * and `:active` rules above so the resting selected border wins, and
+	 * before `:disabled` below so a disabled toggle still greys out.
+	 */
+	._dimmed_7nrx3_142[data-selected] {
+		--lol-button-border-gradient: var(--lol-gradient-hextech);
+
+		&:hover {
+			--lol-button-border-gradient: var(--lol-gradient-hextech-hover);
+		}
+
+		&:active {
+			--lol-button-border-gradient: var(--lol-gradient-hextech-press);
+		}
+	}
+
+	._primary_7nrx3_139:disabled,
+	._secondary_7nrx3_140:disabled,
+	._dimmed_7nrx3_142:disabled {
 		--lol-button-border-gradient: var(--lol-gradient-disabled);
 	}
 
-	._primary_lhmqr_131:focus-visible,
-	._secondary_lhmqr_132:focus-visible {
+	._primary_7nrx3_139:focus-visible,
+	._secondary_7nrx3_140:focus-visible {
 		outline-color: var(--lol-color-gold-400);
 	}
 }
 @layer lol {
-	._checkbox_10zee_2 {
+	._checkbox_1rldq_2 {
 		font-family: var(--lol-font-family-spiegel);
 		color: var(--lol-color-grey-100);
 		display: flex;
@@ -500,13 +535,25 @@
 		}
 	}
 
-	._icon_10zee_22 {
+	._icon_1rldq_22 {
+		/* Off the text baseline, so the box is the glyph. */
+		display: block;
+		max-width: 100%;
 		width: 0.875rem;
 		height: 0.875rem;
 	}
 }
 @layer lol {
-	._disclosureButton_9s3bw_2 {
+	._disclosureButton_1wmxg_2 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. */
+		appearance: none;
+		background: none;
+		border: 0;
+		margin: 0;
+		font: inherit;
+		letter-spacing: inherit;
+
 		color: var(--lol-color-grey-100);
 		font-family: var(--lol-font-family-beaufort);
 
@@ -524,7 +571,7 @@
 		text-align: left;
 	}
 
-	._icon_9s3bw_20 {
+	._icon_1wmxg_29 {
 		margin-left: 0.125rem;
 		margin-right: 0.5rem;
 		display: inline-block;
@@ -532,7 +579,7 @@
 		font-size: var(--lol-font-size-sm);
 	}
 
-	._disclosure_9s3bw_2 {
+	._disclosure_1wmxg_2 {
 		border-bottom: 1px solid var(--lol-color-gold-600);
 
 		&:last-of-type {
@@ -540,7 +587,7 @@
 		}
 	}
 
-	._disclosurePanel_9s3bw_36 {
+	._disclosurePanel_1wmxg_45 {
 		color: var(--lol-color-grey-100);
 		font-family: var(--lol-font-family-spiegel);
 
@@ -562,14 +609,17 @@
 	}
 }
 @layer lol {
-	._divider_8g14c_2 {
+	._divider_wpkyb_2 {
 		height: 1px;
 		flex-grow: 1;
 		border: none;
+		/* An <hr>: the UA gives it 0.5em block margins and a grey `color`. */
+		margin: 0;
+		color: inherit;
 		display: flex;
 	}
 
-	._left_8g14c_9 {
+	._left_wpkyb_12 {
 		background-image: linear-gradient(
 			to right,
 			rgba(0, 0, 0, 0),
@@ -577,7 +627,7 @@
 		);
 	}
 
-	._center_8g14c_17 {
+	._center_wpkyb_20 {
 		background-image: linear-gradient(
 			to right,
 			rgba(0, 0, 0, 0),
@@ -586,7 +636,7 @@
 		);
 	}
 
-	._right_8g14c_26 {
+	._right_wpkyb_29 {
 		background-image: linear-gradient(
 			to right,
 			var(--lol-color-gold-600),
@@ -594,20 +644,20 @@
 		);
 	}
 
-	._block_8g14c_34 {
+	._block_wpkyb_37 {
 		width: 5px;
 		height: 5px;
 		border: 1px solid var(--lol-color-gold-600);
 		rotate: 45deg;
 	}
 
-	._wrapper_8g14c_41 {
+	._wrapper_wpkyb_44 {
 		display: flex;
 		align-items: center;
 		flex-grow: 1;
 	}
 
-	._childrenWrapper_8g14c_47 {
+	._childrenWrapper_wpkyb_50 {
 		display: flex;
 		align-items: center;
 		gap: 2rem;
@@ -615,60 +665,62 @@
 	}
 }
 @layer lol {
-	._heading_1ff83_2 {
+	._heading_4cie6_2 {
+		/* Rendered as h1-h5, which the UA gives block margins scaled to the font. */
+		margin: 0;
 		font-family: var(--lol-font-family-beaufort);
 		scroll-margin-top: 5rem;
 		text-transform: uppercase;
 	}
 
-	._h1_1ff83_8 {
+	._h1_4cie6_10 {
 		font-size: var(--lol-font-size-h1);
 		line-height: var(--lol-line-height-h1);
 		letter-spacing: var(--lol-letter-spacing-h1);
 		font-weight: var(--lol-font-weight-h1);
 	}
 
-	._h2_1ff83_15 {
+	._h2_4cie6_17 {
 		font-size: var(--lol-font-size-h2);
 		line-height: var(--lol-line-height-h2);
 		letter-spacing: var(--lol-letter-spacing-h2);
 		font-weight: var(--lol-font-weight-h2);
 	}
 
-	._h3_1ff83_22 {
+	._h3_4cie6_24 {
 		font-size: var(--lol-font-size-h3);
 		line-height: var(--lol-line-height-h3);
 		letter-spacing: var(--lol-letter-spacing-h3);
 		font-weight: var(--lol-font-weight-h3);
 	}
 
-	._h4_1ff83_29 {
+	._h4_4cie6_31 {
 		font-size: var(--lol-font-size-h4);
 		line-height: var(--lol-line-height-h4);
 		letter-spacing: var(--lol-letter-spacing-h4);
 		font-weight: var(--lol-font-weight-h4);
 	}
 
-	._h5_1ff83_36 {
+	._h5_4cie6_38 {
 		font-size: var(--lol-font-size-h5);
 		line-height: var(--lol-line-height-h5);
 		letter-spacing: var(--lol-letter-spacing-h5);
 		font-weight: var(--lol-font-weight-h5);
 	}
 
-	._grey100_1ff83_43 {
+	._grey100_4cie6_45 {
 		color: var(--lol-color-grey-100);
 	}
 
-	._gold100_1ff83_47 {
+	._gold100_4cie6_49 {
 		color: var(--lol-color-gold-100);
 	}
 
-	._gold200_1ff83_51 {
+	._gold200_4cie6_53 {
 		color: var(--lol-color-gold-200);
 	}
 
-	._gold400_1ff83_55 {
+	._gold400_4cie6_57 {
 		color: var(--lol-color-gold-400);
 	}
 }
@@ -757,7 +809,7 @@
 	}
 }
 @layer lol {
-	._overlay_1kg5a_2 {
+	._overlay_cjo05_2 {
 		background-color: color-mix(
 			in srgb,
 			var(--lol-color-hextech-black),
@@ -780,7 +832,7 @@
 		backdrop-filter: blur(8px);
 	}
 
-	._dialog_1kg5a_25 {
+	._dialog_cjo05_25 {
 		background:
 			var(--lol-button-background-gradient) padding-box,
 			var(--lol-button-border-gradient) border-box;
@@ -822,12 +874,14 @@
 		}
 	}
 
-	._modal_1kg5a_67 {
+	._modal_cjo05_67 {
 		width: 100%;
 		max-width: 28rem;
 	}
 
-	._dialogHeading_1kg5a_72 {
+	._dialogHeading_cjo05_72 {
+		/* React aria renders an <h3>, which the UA gives block margins. */
+		margin: 0;
 		color: var(--lol-color-gold-100);
 		font-family: var(--lol-font-family-beaufort);
 		text-transform: uppercase;
@@ -837,7 +891,7 @@
 		line-height: var(--lol-line-height-h5);
 	}
 
-	._dialogButtons_1kg5a_82 {
+	._dialogButtons_cjo05_84 {
 		justify-content: center;
 		transform: translateY(2px);
 		padding: 0 0.25rem;
@@ -847,18 +901,18 @@
 	}
 }
 @layer lol {
-	._group_7wszc_2 {
+	._group_1haju_2 {
 		display: grid;
 		grid-template-columns: auto 1fr auto;
 		gap: 1px;
 		padding: 1px;
 		outline: none;
 
-		&._normal_7wszc_9 {
+		&._normal_1haju_9 {
 			background-image: var(--lol-gradient-gold);
 		}
 
-		&._dimmed_7wszc_13 {
+		&._dimmed_1haju_13 {
 			background-image: var(--lol-gradient-grey-300);
 		}
 
@@ -870,20 +924,23 @@
 			background-image: var(--lol-gradient-gold-hover);
 		}
 
-		&._small_7wszc_25 {
+		&._small_1haju_25 {
 			min-height: var(--lol-form-height-small);
 		}
 
-		&._medium_7wszc_29 {
+		&._medium_1haju_29 {
 			min-height: var(--lol-form-height-medium);
 		}
 
-		&._large_7wszc_33 {
+		&._large_1haju_33 {
 			min-height: var(--lol-form-height-large);
 		}
 	}
 
-	._input_7wszc_38 {
+	._input_1haju_38 {
+		/* The group draws the border as its own 1px gradient padding. */
+		border: 0;
+		margin: 0;
 		background-color: var(--lol-color-hextech-black);
 		color: var(--lol-color-gold-100);
 		font-family: var(--lol-font-family-spiegel);
@@ -898,12 +955,20 @@
 			color: var(--lol-color-grey-100);
 		}
 
-		&._focus_7wszc_53 {
+		&._focus_1haju_56 {
 			background-image: var(--lol-gradient-grey-focus);
 		}
 	}
 
-	._button_7wszc_58 {
+	._button_1haju_61 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. */
+		appearance: none;
+		border: 0;
+		margin: 0;
+		font: inherit;
+		letter-spacing: inherit;
+
 		color: var(--lol-color-gold-100);
 		background-color: var(--lol-color-hextech-black);
 		padding: 0 0.625rem;
@@ -915,7 +980,7 @@
 	}
 }
 @layer lol {
-	._popover_6y5ml_2 {
+	._popover_uemk0_2 {
 		padding: 2px;
 		box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
 		border: 2px solid transparent;
@@ -925,49 +990,57 @@
 		--lol-button-border-gradient: var(--lol-gradient-gold-press);
 		--lol-button-background-gradient: var(--lol-gradient-grey-300);
 
-		&._top_6y5ml_12 {
+		&._top_uemk0_12 {
 			margin-bottom: 0.5rem;
 		}
 
-		&._bottom_6y5ml_16 {
+		&._bottom_uemk0_16 {
 			margin-top: 0.5rem;
 		}
 
-		&._left_6y5ml_20 {
+		&._left_uemk0_20 {
 			margin-right: 0.5rem;
 		}
 
-		&._right_6y5ml_24 {
+		&._right_uemk0_24 {
 			margin-left: 0.5rem;
 		}
 	}
 
-	._arrow_6y5ml_29 {
-		._outer_6y5ml_30 {
+	._arrow_uemk0_29 {
+		/*
+		 * React aria anchors the arrow's wrapper with `bottom: 100%`, so the
+		 * wrapper's box has to *be* the glyph. Left inline the svg sits on a text
+		 * baseline: the wrapper grows to a line-height and the arrow floats off the
+		 * popover by the difference.
+		 */
+		display: block;
+
+		._outer_uemk0_38 {
 			fill: var(--lol-color-gold-600);
 		}
 
-		._inner_6y5ml_34 {
+		._inner_uemk0_42 {
 			fill: var(--lol-color-grey-300);
 		}
 
-		&._top_6y5ml_12 {
+		&._top_uemk0_12 {
 			transform: translateX(-1.5px);
 		}
 
-		&._bottom_6y5ml_16 {
+		&._bottom_uemk0_16 {
 			transform: translateX(-1.5px) rotate(180deg);
 
-			._outer_6y5ml_30 {
+			._outer_uemk0_38 {
 				fill: var(--lol-color-gold-500);
 			}
 		}
 
-		&._left_6y5ml_20 {
+		&._left_uemk0_20 {
 			transform: translateY(-2px) translateX(-5px) rotate(-90deg);
 		}
 
-		&._right_6y5ml_24 {
+		&._right_uemk0_24 {
 			transform: translateY(-2px) translateX(5px) rotate(90deg);
 		}
 	}
@@ -1068,7 +1141,7 @@
 	}
 }
 @layer lol {
-	._searchField_7htjg_2 {
+	._searchField_tm8b9_2 {
 		display: grid;
 		grid-template-areas:
 			"label label"
@@ -1080,7 +1153,7 @@
 		color: var(--lol-color-gold-100);
 	}
 
-	._input_7htjg_14 {
+	._input_tm8b9_14 {
 		background:
 			url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAAERElEQVR42uycz0tVQRTH54lamBakLUStQKhEW6V/gC2qhRgRqJURVJj9oBL7oWVBWFj0O/pd2EbJ3ARt2uW6tFUWZkhkiYQVSBZk6esc7rkgkXfm3rkzb957c+CL8Obcc+d+5vcPjESjUWZtdkuxCCwgC8gCsoAsIAvIArKArFlAASzVj/P46KuE+OgFuSvVAJKsqWWgclApaBkoDzSP0n+ARkCDoD5QD6gXNB1XNSiA5YP2graACjz85oAWgrBoN9JvH0GdoBugT4nWB2XThw2BmjhwZrMCenaIYmUnCqAq0ABoDyg9hHjpFAtjVsczIGyut0CPQDkK8ooxu+gdqfEGKAP0GFSvIc/19K6MeAGEpfkQVKGx5lfQO1PjAdB1UGUM+s9KerfRgLDT3OXDfxh0FrSWRqm5oCxQEWgdpb33EQ/fvUkloIifTft/ZtLZNLLkCILBIbsbNCVQaNUEa7FA7G+gFaAxFTNpmRp0WhDOE1AJ9RlTAv7T5FtMf3mGE8xW05oYluwOAb+roA2g7wHeMUEz8MsCvtsFa5s2QLtBaRwfnA81SK6nsP03UiwvS6M8GQEIn6kV6HN20gfKWpRiDXP8alWsDIIELKNFqJc1UxMJyzDWUYGFcZkJgFZz0j/QkiBs66bYXlZuAqBVnPQuRfs40wLgS00AtJyT3qNw3tYjmTctgHI56f0KAfVL5k0LoCxO+heFgMYk8xaz7Y6EtSCAeLPiHIX5XSSZNy2ARjnpxQoBlUjmTQugt5LzJBkrl8ybFkAvOenVivo2dxvEy/pMAMSbiyxlzslG2FZFsbXOwYIAesH4B3nnQJkh5jOTYnoZ5qnXBEA45e/g+ODezD1QJIQ8RigWb7+nQ8USJ2hfgSedkxyfGuZsdqVIwjlPsbxskvLETAGE1fm+gN8B5pxhZQVsVlgrGgV825mi83uZ0j0J+irgV0lrqBrB96WQ72vQZgH/cVCLSTNp1xDOPkFf7D9wAx6PdNpAa5hz/SWNlEe/Ydo78hXdY54P2qoKkMyxj2u3mb+zMVWGTfGSiKOuYx/X9jPnaCfWdhF0yMTVPI4geLr51ABIOOIdMXG74ydoPeiOAZBwQtlkGiC038y5moK1ScWm2S8fvm1hjWwqFpW4sV5EnfdkSE0YYy0BPfDxXCtNRYwDxKgG4UlnIVX5kQAxRujZQor1mTkHiO0+YpwixXSYFy0IPNTDvSI8NsJrwPkzFrQTNBMepO2UZ2z2a8C4/LhLsEQNL1qcCDLM67rrhx/6nCRrWKJ1FLNO8JkWKqTjpjQx1RalAeGmj2eOgc4kCyAXEi51RK/h4d2kN8kEyIWEM/lrAnC2MefmflIBciEdBF0JG06iAHIhNfxnsSoFJ5EAzVzRXwgLjs5hXqcdBv1hziZdp2ywRASE1hxWoIj95ybJ1QdZQBaQBWQBWUAWkDULyAKygPTYXwEGAArW2QJagQgvAAAAAElFTkSuQmCC") no-repeat 5px center,
 			var(--lol-search-field-background-gradient) padding-box,
@@ -1117,20 +1190,30 @@
 			--lol-search-field-background-gradient: var(--lol-gradient-grey-focus);
 		}
 
-		&._small_7htjg_51 {
+		&._small_tm8b9_51 {
 			min-height: var(--lol-form-height-small);
 		}
 
-		&._medium_7htjg_55 {
+		&._medium_tm8b9_55 {
 			min-height: var(--lol-form-height-medium);
 		}
 
-		&._large_7htjg_59 {
+		&._large_tm8b9_59 {
 			min-height: var(--lol-form-height-large);
 		}
 	}
 
-	._button_7htjg_64 {
+	._button_tm8b9_64 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. */
+		appearance: none;
+		background: none;
+		border: 0;
+		margin: 0;
+		padding: 0;
+		font: inherit;
+		letter-spacing: inherit;
+
 		grid-area: button;
 
 		font-size: 0.75rem;
@@ -1158,95 +1241,110 @@
 		}
 	}
 }
-/* Base tag sets up CSS variables; variants (gold/hextech) define actual gradients */
-._tag_qypr1_2 {
-	background:
-		var(--lol-multiple-select-background-gradient) padding-box,
-		var(--lol-multiple-select-border-gradient) border-box;
-
-	border: 2px solid transparent;
-	border-radius: 9999px;
-
-	align-items: center;
-	display: grid;
-	grid-template-columns: 1fr auto;
-
-	font-family: var(--lol-font-family-spiegel);
-	letter-spacing: var(--lol-letter-spacing-sm);
-	font-weight: var(--lol-font-weight-sm);
-	font-size: 0.75rem;
-	line-height: 1;
-	color: var(--lol-color-gold-300);
-	padding: 0 0.3rem 0 0.5rem;
-}
+@layer lol {
+	/* Base tag sets up CSS variables; variants (gold/hextech) define actual gradients */
+	._tag_baprz_3 {
+		background:
+			var(--lol-multiple-select-background-gradient) padding-box,
+			var(--lol-multiple-select-border-gradient) border-box;
 
-._gold_qypr1_23 {
-	border-width: 1px;
-	--lol-multiple-select-border-gradient: var(--lol-gradient-gold);
-	--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
-	color: var(--lol-color-gold-300);
-}
+		border: 2px solid transparent;
+		border-radius: 9999px;
 
-._hextech_qypr1_30 {
-	border-width: 1px;
-	--lol-multiple-select-border-gradient: var(--lol-gradient-hextech);
-	--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
-	color: var(--lol-color-blue-100);
-}
+		align-items: center;
+		display: grid;
+		grid-template-columns: 1fr auto;
 
-._grey_qypr1_37 {
-	border-width: 1px;
-	--lol-multiple-select-border-gradient: var(--lol-color-grey-100);
-	--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
-	color: var(--lol-color-gold-100);
-}
+		font-family: var(--lol-font-family-spiegel);
+		letter-spacing: var(--lol-letter-spacing-sm);
+		font-weight: var(--lol-font-weight-sm);
+		font-size: 0.75rem;
+		line-height: 1;
+		color: var(--lol-color-gold-300);
+		padding: 0 0.3rem 0 0.5rem;
+	}
 
-._text_qypr1_44 {
-	padding: 0.25rem 0;
-}
+	._gold_baprz_24 {
+		border-width: 1px;
+		--lol-multiple-select-border-gradient: var(--lol-gradient-gold);
+		--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+		color: var(--lol-color-gold-300);
+	}
 
-._remove_qypr1_48 {
-	mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACKklEQVR42uzcvUoDQRQF4M0QBW0srHwICxttIygGRH0PsRAfwELsI/gkghYiiGATQVDwIawsUmihRbzjDyyLm2Qnc+eejefC6Taw+zGz88NkG/1+P2OVlyMBgQhEIAIRiEAEIhCLQAQiEIHQqhn6w97zU60edG5hEaoFNdjFymtecitpJXyOFckuVBcbgHMlWZJcSDYlNwlwLn0vkkxLTlBbUB7H1+wPUisRjq+OZB8RqIiTJUAq4mQaSE4RRxOpDCc6UgygswE4GkjDcPJIewhAh5K3Ea6LgTQqztdUTXKPAHQt2UqAVBWnLemivKS1kUxwYg/zWkhmOBoz6dhIpjhaS41YSOY4movVcZEgcDSBxkGCwdEGCkWCwUkBFIIEg5MKqCoSDE5KoFhISXFSA42LlBzHAigUyQTHCsjXq+SjwvVTkhmLG7UAqjLPyY9u55LVSQcKwTFFcjXBMUNyNcIxQXJgOL0KM+4kSA4Mp11xWaKO5MBwugFrN1UkB4YTusBVQ3KAOFBIDhQHBskB40AgOXAccyRXAxxTpBhAy1m6bdKqSMcIQKeSg4T7OaMiPUq2Ud5BnQFIGptdw5AeJGuSF6RR7C8kj7OR6ewEliF5nPUYOBrzoDzSL86d4nKmiBQVx1dT4aY90nv2fXhJE6eIdCTZiYnjqxH6v3nAk/b+8Hrpw6CdtLcolS8kNPjlhf/TgghEIAIRiEAEYhGIQAQiEIEINCH1KcAAQX7SgLqjwvQAAAAASUVORK5CYII=);
-	height: 1rem;
-	aspect-ratio: 1;
-	background-color: currentColor;
-	mask-size: contain;
+	._hextech_baprz_31 {
+		border-width: 1px;
+		--lol-multiple-select-border-gradient: var(--lol-gradient-hextech);
+		--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+		color: var(--lol-color-blue-100);
+	}
 
-	&[data-hovered] {
-		background-color: var(--lol-color-gold-100);
+	._grey_baprz_38 {
+		border-width: 1px;
+		--lol-multiple-select-border-gradient: var(--lol-color-grey-100);
+		--lol-multiple-select-background-gradient: var(--lol-gradient-grey-300);
+		color: var(--lol-color-gold-100);
 	}
 
-	&[data-pressed] {
-		background-color: var(--lol-color-grey-150);
+	._text_baprz_45 {
+		padding: 0.25rem 0;
 	}
-}
 
-._tagGroup_qypr1_64 {
-	padding: 0.25rem;
-	display: flex;
-	justify-content: center;
-}
+	._remove_baprz_49 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. The mask is
+		   filled with `currentColor`, so the inherited colour matters too. */
+		appearance: none;
+		border: 0;
+		margin: 0;
+		padding: 0;
+		font: inherit;
+		letter-spacing: inherit;
+		color: inherit;
 
-._tagList_qypr1_70 {
-	display: flex;
-	flex-wrap: wrap;
-	gap: 0.25rem;
-	row-gap: 0.25rem;
-}
-._popover_jlt01_1 {
-	width: 250px;
-	display: flex;
-	flex-direction: column;
-}
+		mask: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEgAAABICAYAAABV7bNHAAACKklEQVR42uzcvUoDQRQF4M0QBW0srHwICxttIygGRH0PsRAfwELsI/gkghYiiGATQVDwIawsUmihRbzjDyyLm2Qnc+eejefC6Taw+zGz88NkG/1+P2OVlyMBgQhEIAIRiEAEIhCLQAQiEIHQqhn6w97zU60edG5hEaoFNdjFymtecitpJXyOFckuVBcbgHMlWZJcSDYlNwlwLn0vkkxLTlBbUB7H1+wPUisRjq+OZB8RqIiTJUAq4mQaSE4RRxOpDCc6UgygswE4GkjDcPJIewhAh5K3Ea6LgTQqztdUTXKPAHQt2UqAVBWnLemivKS1kUxwYg/zWkhmOBoz6dhIpjhaS41YSOY4movVcZEgcDSBxkGCwdEGCkWCwUkBFIIEg5MKqCoSDE5KoFhISXFSA42LlBzHAigUyQTHCsjXq+SjwvVTkhmLG7UAqjLPyY9u55LVSQcKwTFFcjXBMUNyNcIxQXJgOL0KM+4kSA4Mp11xWaKO5MBwugFrN1UkB4YTusBVQ3KAOFBIDhQHBskB40AgOXAccyRXAxxTpBhAy1m6bdKqSMcIQKeSg4T7OaMiPUq2Ud5BnQFIGptdw5AeJGuSF6RR7C8kj7OR6ewEliF5nPUYOBrzoDzSL86d4nKmiBQVx1dT4aY90nv2fXhJE6eIdCTZiYnjqxH6v3nAk/b+8Hrpw6CdtLcolS8kNPjlhf/TgghEIAIRiEAEYhGIQAQiEIEINCH1KcAAQX7SgLqjwvQAAAAASUVORK5CYII=);
+		height: 1rem;
+		aspect-ratio: 1;
+		background-color: currentColor;
+		mask-size: contain;
 
-._select_jlt01_7 {
-	border-right: none;
-	display: flex;
-	align-items: center;
+		&[data-hovered] {
+			background-color: var(--lol-color-gold-100);
+		}
+
+		&[data-pressed] {
+			background-color: var(--lol-color-grey-150);
+		}
+	}
+
+	._tagGroup_baprz_76 {
+		padding: 0.25rem;
+		display: flex;
+		justify-content: center;
+	}
+
+	._tagList_baprz_82 {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 0.25rem;
+		row-gap: 0.25rem;
+	}
 }
+@layer lol {
+	._popover_1bri3_2 {
+		width: 250px;
+		display: flex;
+		flex-direction: column;
+	}
+
+	._select_1bri3_8 {
+		border-right: none;
+		display: flex;
+		align-items: center;
+	}
 
-._triggerContainer_jlt01_13 {
-	display: inline-flex;
+	._triggerContainer_1bri3_14 {
+		display: inline-flex;
+	}
 }
 @layer lol {
 	._text_1tvjr_2 {
@@ -1315,7 +1413,10 @@
 	}
 }
 @layer lol {
-	._button_zllmp_2 {
+	._button_y5tgp_2 {
+		/* A <button>; the trigger's whole look is drawn below. */
+		appearance: none;
+		margin: 0;
 		font-family: var(--lol-font-family-spiegel);
 		display: inline-block;
 		min-width: 200px;
@@ -1357,40 +1458,40 @@
 			filter: grayscale(100%);
 		}
 
-		&._small_zllmp_44 {
+		&._small_y5tgp_47 {
 			min-height: var(--lol-form-height-small);
 		}
 
-		&._medium_zllmp_48 {
+		&._medium_y5tgp_51 {
 			min-height: var(--lol-form-height-medium);
 		}
 
-		&._large_zllmp_52 {
+		&._large_y5tgp_55 {
 			min-height: var(--lol-form-height-large);
 		}
 	}
 
-	._singleSelect_zllmp_57 {
+	._singleSelect_y5tgp_60 {
 		background:
 			var(--lol-select-image) no-repeat right 0.5rem center,
 			var(--lol-select-background-gradient) padding-box,
 			var(--lol-select-border-gradient) border-box;
 	}
 
-	._multiSelect_zllmp_64 {
+	._multiSelect_y5tgp_67 {
 		background:
 			var(--lol-select-background-gradient) padding-box,
 			var(--lol-select-border-gradient) border-box;
 	}
 
-	._listBox_zllmp_70 {
+	._listBox_y5tgp_73 {
 		background-color: var(--lol-color-hextech-black);
 		border: 1px solid var(--lol-color-gold-600);
 		outline: none;
 		overflow-y: auto;
 	}
 
-	._item_zllmp_77 {
+	._item_y5tgp_80 {
 		border-bottom: 1px solid var(--lol-color-grey-300);
 		color: var(--lol-color-gold-300);
 		font-size: var(--lol-font-size-sm);
@@ -1407,7 +1508,7 @@
 		}
 
 		&[data-pressed],
-		&._focus_zllmp_94 {
+		&._focus_y5tgp_97 {
 			background-color: color-mix(
 				in srgb,
 				var(--lol-color-grey-300),
@@ -1416,20 +1517,20 @@
 			color: var(--lol-color-gold-600);
 		}
 
-		&._selected_zllmp_103 {
+		&._selected_y5tgp_106 {
 			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAsElEQVR42pTQXQoBURTA8ZmbdxuxAi/WgfLmQb4pYgMi36QUJUuxBIvw7FEi/qfOrds0NPfW7+We85+mG95v18DjhGjglPKMNqjibTyilUYTbE3CaIE65ujLZZJQlptYomsvJUyjp1+Oi1pYo+MOjA7GmEWiKdrY6c7HHcqrjpDRpQeGGslv7VGLRjZ8Ii9PjAFyyOKISlxkQzkvFDUu4Izyr8gNA41KuODwL5LzFWAAUJ8mTIVblvcAAAAASUVORK5CYII=);
 			background-position: right 0.5rem center;
 			background-repeat: no-repeat;
 		}
 	}
 
-	._popover_zllmp_110 {
+	._popover_y5tgp_113 {
 		width: var(--trigger-width);
 		display: flex;
 		flex-direction: column;
 	}
 
-	._emptyList_zllmp_116 {
+	._emptyList_y5tgp_119 {
 		padding: 0.5rem 0.25rem;
 		text-align: center;
 	}
@@ -1514,13 +1615,16 @@
 	}
 }
 @layer lol {
-	._spinner_9di76_2 {
+	._spinner_15he7_2 {
+		/* Off the text baseline, so the box is the glyph. */
+		display: block;
+		max-width: 100%;
 		aspect-ratio: 1 / 1;
 		width: 3rem;
-		animation: _spin_9di76_2 1s linear infinite;
+		animation: _spin_15he7_2 1s linear infinite;
 	}
 
-	@keyframes _spin_9di76_2 {
+	@keyframes _spin_15he7_2 {
 		from {
 			transform: rotate(0deg);
 		}
@@ -1531,7 +1635,7 @@
 	}
 }
 @layer lol {
-	._toast_15hp0_2 {
+	._toast_1a46s_2 {
 		padding: 1rem;
 		border: 2px solid transparent;
 		background:
@@ -1545,23 +1649,23 @@
 		gap: 6px;
 	}
 
-	._default_15hp0_16 {
+	._default_1a46s_16 {
 		--lol-toast-background-gradient: var(--lol-gradient-hextech-black);
 		--lol-toast-border-gradient: var(--lol-gradient-grey-300);
 		--lol-toast-icon-color: var(--lol-color-gold-300);
 	}
 
-	._title_15hp0_22 {
+	._title_1a46s_22 {
 		font-size: var(--lol-font-size-sm);
 	}
 
-	._content_15hp0_26 {
+	._content_1a46s_26 {
 		display: flex;
 		align-items: flex-start;
 		gap: 0.75rem;
 	}
 
-	._icon_15hp0_32 {
+	._icon_1a46s_32 {
 		display: flex;
 		height: 20px;
 		width: 20px;
@@ -1574,25 +1678,30 @@
 		& > * {
 			flex-shrink: 0;
 		}
+		/* Off the text baseline, so the box is the glyph. */
+		& > img {
+			display: block;
+			max-width: 100%;
+		}
 		& svg {
 			margin-left: var(--toast-svg-margin-start);
 			margin-right: var(--toast-svg-margin-end);
 		}
 	}
 
-	._content_15hp0_26 {
+	._content_1a46s_26 {
 		display: flex;
 		flex-direction: column;
 		gap: 2px;
 	}
 
-	._actions_15hp0_57 {
+	._actions_1a46s_62 {
 		display: flex;
 		justify-content: flex-end;
 		margin-top: 0.25rem;
 	}
 
-	._button_15hp0_63 {
+	._button_1a46s_68 {
 		padding-left: 8px;
 		padding-right: 8px;
 		margin-left: var(--toast-button-margin-start);
@@ -1600,7 +1709,7 @@
 		flex-shrink: 0;
 	}
 
-	._closeButton_15hp0_71 {
+	._closeButton_1a46s_76 {
 		position: absolute;
 		min-height: 1.33rem !important;
 		left: var(--toast-close-button-start);
@@ -1616,7 +1725,7 @@
 		z-index: 1;
 	}
 
-	._loader_15hp0_87 {
+	._loader_1a46s_92 {
 		width: 20px;
 		height: 20px;
 	}
@@ -1702,12 +1811,12 @@
 	}
 }
 @layer lol {
-	._resizableContainer_1vns6_2 {
+	._resizableContainer_1iv6r_2 {
 		overflow: auto;
 		position: relative;
 	}
 
-	._table_1vns6_7 {
+	._table_1iv6r_7 {
 		border-collapse: collapse;
 		border-spacing: 0;
 		width: 100%;
@@ -1725,7 +1834,7 @@
 		}
 	}
 
-	._row_1vns6_25 {
+	._row_1iv6r_25 {
 		color: var(--lol-color-grey-100);
 		outline: none;
 		transition: color 0.3s ease;
@@ -1784,7 +1893,14 @@
 		}
 	}
 
-	._cell_1vns6_84 {
+	._cell_1iv6r_84 {
+		/*
+		 * Collapsed borders are resolved between neighbours, and Chrome paints the
+		 * winning hairline once per edge when the losing side is styled `none`. The
+		 * header's 25%-opacity line then blends twice and comes out twice as
+		 * bright; a zero-width `solid` border on the cell below keeps it single.
+		 */
+		border: 0 solid;
 		padding: 0.375rem 0.75rem;
 		vertical-align: middle;
 		outline: none;
@@ -1795,7 +1911,7 @@
 		}
 	}
 
-	._resizer_1vns6_95 {
+	._resizer_1iv6r_102 {
 		position: absolute;
 		inset-block: 0;
 		inset-inline-end: 0;
@@ -1827,7 +1943,7 @@
 	}
 
 	/* Fixed footprint so toggling the sort direction never shifts the header. */
-	._sortIndicator_1vns6_127 {
+	._sortIndicator_1iv6r_134 {
 		display: inline-block;
 		vertical-align: middle;
 		width: 0.5rem;
@@ -1851,7 +1967,7 @@
 		}
 	}
 
-	._column_1vns6_151 {
+	._column_1iv6r_158 {
 		position: relative;
 		font-family: var(--lol-font-family-beaufort);
 		color: var(--lol-color-gold-100);
@@ -1887,15 +2003,15 @@
 			color: var(--lol-color-gold-500);
 		}
 
-		&[data-hovered] ._sortIndicator_1vns6_127 {
+		&[data-hovered] ._sortIndicator_1iv6r_134 {
 			opacity: 0.5;
 		}
 
-		&[data-sort-direction] ._sortIndicator_1vns6_127 {
+		&[data-sort-direction] ._sortIndicator_1iv6r_134 {
 			opacity: 1;
 		}
 
-		&[data-sort-direction="descending"] ._sortIndicator_1vns6_127::after {
+		&[data-sort-direction="descending"] ._sortIndicator_1iv6r_134::after {
 			border-width: 0.375rem 0.25rem 0;
 			border-top-color: currentColor;
 			border-bottom-color: transparent;
@@ -1907,28 +2023,34 @@
 		}
 	}
 
-	._footer_1vns6_207 {
+	._footer_1iv6r_214 {
 		color: var(--lol-color-gold-300);
 
-		& ._cell_1vns6_84 {
+		& ._cell_1iv6r_84 {
 			border-top: 1px solid rgb(from var(--lol-color-grey-100) r g b / 0.25);
 		}
 	}
 
-	._empty_1vns6_215 {
+	._empty_1iv6r_222 {
 		padding: 1rem 0.75rem;
 		text-align: center;
 	}
 
-	._start_1vns6_220 {
+	/* React aria renders the empty state in a row it builds itself, so that cell
+	   never gets `.cell` and keeps the UA's 1px padding. */
+	._table_1iv6r_7 [data-empty] > tr > td {
+		padding: 0;
+	}
+
+	._start_1iv6r_233 {
 		text-align: start;
 	}
 
-	._center_1vns6_224 {
+	._center_1iv6r_237 {
 		text-align: center;
 	}
 
-	._end_1vns6_228 {
+	._end_1iv6r_241 {
 		text-align: end;
 	}
 }
@@ -1996,7 +2118,7 @@
 	}
 }
 @layer lol {
-	._textField_cjv2r_2 {
+	._textField_1dbgw_2 {
 		background:
 			var(--lol-input-background-gradient) padding-box,
 			var(--lol-input-border-gradient) border-box;
@@ -2032,26 +2154,29 @@
 			--lol-input-background-gradient: var(--lol-gradient-grey-focus);
 		}
 
-		&._small_cjv2r_38 {
+		&._small_1dbgw_38 {
 			min-height: var(--lol-form-height-small);
 		}
 
-		&._medium_cjv2r_42 {
+		&._medium_1dbgw_42 {
 			min-height: var(--lol-form-height-medium);
 		}
 
-		&._large_cjv2r_46 {
+		&._large_1dbgw_46 {
 			min-height: var(--lol-form-height-large);
 		}
 
-		&._textArea_cjv2r_50 {
+		&._textArea_1dbgw_50 {
 			padding-top: 0.5rem;
 			padding-bottom: 0.5rem;
+			/* The UA lets a textarea be resized in both axes, which breaks the
+			   field's layout; only the height is safe to drag. */
+			resize: vertical;
 		}
 	}
 }
 @layer lol {
-	._toolbar_pv0cj_2 {
+	._toolbar_1j7x4_2 {
 		display: flex;
 		align-items: center;
 		gap: 0.5rem;
@@ -2066,9 +2191,12 @@
 		}
 	}
 
-	._separator_pv0cj_17 {
+	._separator_1j7x4_17 {
 		border: none;
+		/* An <hr> when horizontal: the UA gives it block margins and a grey
+		   `color`. */
 		margin: 0;
+		color: inherit;
 		flex: none;
 		align-self: stretch;
 		height: 1px;
@@ -2093,7 +2221,7 @@
 	}
 }
 @layer lol {
-	._tree_1jyu5_2 {
+	._tree_17ans_2 {
 		--lol-tree-indent: 1.125rem;
 
 		box-sizing: border-box;
@@ -2112,7 +2240,7 @@
 		}
 	}
 
-	._item_1jyu5_21 {
+	._item_17ans_21 {
 		display: flex;
 		align-items: center;
 		gap: 0.375rem;
@@ -2195,16 +2323,24 @@
 
 	/* Top-level items are separated by the client's faint gold hairline. The
 	   sibling combinator keeps it off the first row, whichever level follows. */
-	._item_1jyu5_21 + ._item_1jyu5_21[data-level="1"] {
+	._item_17ans_21 + ._item_17ans_21[data-level="1"] {
 		border-top: 1px solid var(--lol-color-gold-600);
 	}
 
-	._chevron_1jyu5_108 {
+	._chevron_17ans_108 {
+		/* A <button> we never paint: without this it falls back to the UA's
+		   `buttonface` slab, which is grey under `color-scheme: dark`. */
+		appearance: none;
+		border: 0;
+		margin: 0;
+		padding: 0;
+		font: inherit;
+		letter-spacing: inherit;
+		color: inherit;
+
 		flex: none;
 		width: 0.5rem;
 		height: 0.75rem;
-		padding: 0;
-		border: none;
 		outline: none;
 		cursor: pointer;
 
@@ -2222,27 +2358,27 @@
 		}
 	}
 
-	._chevronSpacer_1jyu5_131 {
+	._chevronSpacer_17ans_139 {
 		flex: none;
 		width: 0.5rem;
 	}
 
-	._item_1jyu5_21[data-expanded] ._chevron_1jyu5_108 {
+	._item_17ans_21[data-expanded] ._chevron_17ans_108 {
 		rotate: 90deg;
 	}
 
-	._item_1jyu5_21[data-hovered] ._chevron_1jyu5_108,
-	._chevron_1jyu5_108[data-hovered],
-	._chevron_1jyu5_108[data-focus-visible] {
+	._item_17ans_21[data-hovered] ._chevron_17ans_108,
+	._chevron_17ans_108[data-hovered],
+	._chevron_17ans_108[data-focus-visible] {
 		--lol-tree-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABGElEQVR42r3WO47CMBCA4T+jaCtuQLEcZE+x3IOOxxVIRcM1tlvtPTgBNFQIQUu1TSxFVpw44xlGiiI5o/nk0dhK9bie6IkVMAe2GEWdQA5A1T4bC0gGEIA10FhDMYIlJiOIGSbAZ1ukGsktwgS4AEvglZGvxkLrfoFvT6w7DK5YPN5umPSsuWCSWDfHZOCbKSYjBcwwyShggknm0BRjMuEoFGEy8YCrMVFcWyqsVl7GAfsBPjIw1Y5CPDN3BXDTQl/AHzDLyN0CjbwD0bROhUyF1MgUqAjJhYqRHMgEGYPMkCHIFElB5kgf5ILEkBvShVyRAC28kQCdgaMn0m3dDth7IfEwpLBipG+8Y8wESf0z7Nr33QoB+AdPzF+bRdCP8QAAAABJRU5ErkJggg==");
 	}
 
-	._item_1jyu5_21[data-disabled] ._chevron_1jyu5_108 {
+	._item_17ans_21[data-disabled] ._chevron_17ans_108 {
 		cursor: default;
 		filter: grayscale(100%);
 	}
 
-	._label_1jyu5_151 {
+	._label_17ans_159 {
 		flex: 1;
 		min-width: 0;
 		overflow: hidden;
@@ -2250,18 +2386,18 @@
 		text-overflow: ellipsis;
 	}
 
-	._empty_1jyu5_159 {
+	._empty_17ans_167 {
 		padding: 1rem 0.75rem;
 		text-align: center;
 	}
 
-	._loadMore_1jyu5_164 {
+	._loadMore_17ans_172 {
 		display: flex;
 		justify-content: center;
 		padding: 0.5rem;
 	}
 
-	._spinner_1jyu5_170 {
+	._spinner_17ans_178 {
 		width: 1.5rem;
 	}
 }