@layer lol {
	._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_1gzfl_11 {
		display: flex;
		align-items: center;
	}

	._link_1gzfl_16 {
		text-decoration: none;
		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-300);
		position: relative;
		font-size: var(--lol-font-size-sm);
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		padding: 0 1rem;

		&[data-hovered] {
			color: var(--lol-color-gold-100);
		}
	}

	._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_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_7nrx3_14 {
			border-width: 1px;
		}

		transition: all;
		transition-duration: 0.3s;

		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-300);
		font-weight: 700;
		text-transform: uppercase;
		letter-spacing: 0.05em;
		line-height: 1;
		white-space: nowrap;

		display: inline-flex;

		justify-content: center;
		align-items: center;

		background:
			var(--lol-button-background-gradient) padding-box,
			var(--lol-button-border-gradient) border-box;

		outline-style: solid;
		outline-offset: 2px;

		&:not(:focus-visible) {
			outline: none;
		}

		&._small_7nrx3_45 {
			font-size: var(--lol-font-size-sm);
			min-height: var(--lol-form-height-small);
		}

		&._medium_7nrx3_50 {
			font-size: var(--lol-font-size-base);
			min-height: var(--lol-form-height-medium);
		}

		&._large_7nrx3_55 {
			font-size: var(--lol-font-size-base);
			min-height: var(--lol-form-height-large);
		}

		/*
		 * Nested so the shape wins on specificity: as a bare `.round` it ties with
		 * `.button` and loses the border-radius and font-weight to whichever rule
		 * is written last.
		 */
		&._round_7nrx3_61,
		&._square_7nrx3_66 {
			aspect-ratio: 1 / 1;
			padding: 0px;
			font-weight: 900;
		}

		&._round_7nrx3_61 {
			border-radius: 9999px;
		}

		&:hover {
			color: var(--lol-color-gold-100);
		}

		/* order is important */
		&:active {
			color: var(--lol-color-grey-150);
		}

		&:disabled {
			color: var(--lol-color-grey-150);
			cursor: default;
		}

		&[data-selected] {
			--lol-button-background-gradient: var(--lol-gradient-hextech);
			box-shadow: inset 0 2px 4px 0 var(--lol-color-grey-300);
			color: var(--lol-color-blue-100);
		}
	}

	/*
	 * ToggleButtonGroup. Lives here rather than in its own module because it has
	 * to reach into the button's border model: adjacent buttons are pulled
	 * together by exactly one border width so their two gradient borders read as
	 * a single seam instead of a double-thick one.
	 */
	._toggleButtonGroup_7nrx3_103 {
		display: inline-flex;

		& > ._button_7nrx3_2 + ._button_7nrx3_2 {
			margin-left: -2px;
		}

		/* Must follow the rule above: thin buttons only need a 1px overlap. */
		& > ._thin_7nrx3_14 + ._thin_7nrx3_14 {
			margin-left: -1px;
		}

		/* Whichever button is highlighted owns the seams next to it. */
		& > ._button_7nrx3_2:hover,
		& > ._button_7nrx3_2:focus-visible,
		& > ._button_7nrx3_2[data-selected] {
			position: relative;
			z-index: 1;
		}

		&[data-orientation="vertical"] {
			flex-direction: column;
			/* Equal widths keep the collapsed seams lined up. */
			align-items: stretch;

			& > ._button_7nrx3_2 + ._button_7nrx3_2 {
				margin-left: 0;
				margin-top: -2px;
			}

			& > ._thin_7nrx3_14 + ._thin_7nrx3_14 {
				margin-top: -1px;
			}
		}
	}

	._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_7nrx3_50 {
				padding: 0 1rem;
			}

			&._large_7nrx3_55 {
				padding: 0 1rem;
			}
		}
	}

	._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_7nrx3_61,
		&._square_7nrx3_66,
		&._normal_7nrx3_169 {
			position: relative;

			&::after {
				position: absolute;
				top: -0.5rem;
				left: -0.5rem;
				bottom: -0.5rem;
				right: -0.5rem;
				content: "";
			}
		}

		&:focus-visible {
			outline-color: var(--lol-color-gold-400);
		}
	}

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

		&:hover {
			color: var(--lol-color-blue-100);
			--lol-button-border-gradient: var(--lol-gradient-hextech-hover);
		}

		&:active {
			color: var(--lol-color-blue-400);
			--lol-button-border-gradient: var(--lol-gradient-hextech-press);
		}

		&:disabled {
			color: var(--lol-color-grey-150);
			--lol-button-border-gradient: var(--lol-gradient-disabled);
		}

		&:focus-visible {
			outline-color: var(--lol-color-blue-400);
		}
	}

	._dimmed_7nrx3_142 {
		--lol-button-background-gradient: var(--lol-gradient-hextech-black);
		--lol-button-border-gradient: var(--lol-gradient-grey-300);

		&:focus-visible {
			--lol-button-border-gradient: var(--lol-gradient-gold);
		}
	}

	._primary_7nrx3_139 {
		--lol-button-border-gradient: var(--lol-gradient-gold);
		--lol-button-background-gradient: linear-gradient(
			to top,
			var(--lol-color-gold-600),
			var(--lol-color-gold-600),
			var(--lol-color-gold-700)
		);

		&:hover {
			--lol-button-background-gradient: linear-gradient(
				to top,
				var(--lol-color-gold-600),
				var(--lol-color-gold-600),
				var(--lol-color-gold-500)
			);
		}

		&:active {
			--lol-button-background-gradient: linear-gradient(
				to top,
				var(--lol-color-gold-600),
				var(--lol-color-gold-700),
				var(--lol-color-gold-700)
			);
		}
	}

	._secondary_7nrx3_140 {
		--lol-button-border-gradient: var(--lol-gradient-gold);
		--lol-button-background-gradient: var(--lol-gradient-grey-300);
	}

	._primary_7nrx3_139:hover,
	._secondary_7nrx3_140:hover,
	._dimmed_7nrx3_142:hover {
		--lol-button-border-gradient: var(--lol-gradient-gold-hover);
	}

	._primary_7nrx3_139:active,
	._secondary_7nrx3_140:active,
	._dimmed_7nrx3_142:active {
		--lol-button-border-gradient: var(--lol-gradient-gold-press);
	}

	/*
	 * 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_7nrx3_139:focus-visible,
	._secondary_7nrx3_140:focus-visible {
		outline-color: var(--lol-color-gold-400);
	}
}
@layer lol {
	._text_1tvjr_2 {
		font-family: var(--lol-font-family-spiegel);
	}

	._label_1tvjr_6 {
		font-size: var(--lol-font-size-label);
		line-height: var(--lol-line-height-label);
		letter-spacing: var(--lol-letter-spacing-label);
		font-weight: var(--lol-font-weight-label);
	}

	._stat_1tvjr_13 {
		font-size: var(--lol-font-size-stat);
		line-height: var(--lol-line-height-stat);
		letter-spacing: var(--lol-letter-spacing-stat);
		font-weight: var(--lol-font-weight-stat);
	}

	._largeNumber_1tvjr_20 {
		font-size: var(--lol-font-size-large-number);
		line-height: var(--lol-line-height-large-number);
		letter-spacing: var(--lol-letter-spacing-large-number);
		font-weight: var(--lol-font-weight-large-number);
	}

	._sm_1tvjr_27 {
		font-size: var(--lol-font-size-sm);
		line-height: var(--lol-line-height-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		font-weight: var(--lol-font-weight-sm);
	}

	._base_1tvjr_34 {
		font-size: var(--lol-font-size-base);
		line-height: var(--lol-line-height-base);
		letter-spacing: var(--lol-letter-spacing-base);
		font-weight: var(--lol-font-weight-base);
	}

	._md_1tvjr_41 {
		font-size: var(--lol-font-size-md);
		line-height: var(--lol-line-height-md);
		letter-spacing: var(--lol-letter-spacing-md);
		font-weight: var(--lol-font-weight-md);
	}

	._lg_1tvjr_48 {
		font-size: var(--lol-font-size-lg);
		line-height: var(--lol-line-height-lg);
		letter-spacing: var(--lol-letter-spacing-lg);
		font-weight: var(--lol-font-weight-lg);
	}

	._grey100_1tvjr_55 {
		color: var(--lol-color-grey-100);
	}

	._grey150_1tvjr_59 {
		color: var(--lol-color-grey-150);
	}

	._gold100_1tvjr_63 {
		color: var(--lol-color-gold-100);
	}
}
@layer lol {
	._button_2pv2a_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;
		outline: none;

		border: 1px solid transparent;

		color: var(--lol-color-grey-100);
		padding: 0 1.5rem 0 0.5rem;

		font-size: 0.75rem;
		font-weight: 500;
		line-height: 1rem;
		letter-spacing: 0.025em;
		text-align: left;

		--lol-select-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAAiUlEQVR42mL8//8/A6mAiYEMQJYmFnSBk6vzYcwmIP4LxI0gjnnoRNyaoKAViKuQ+I14bQKCTiAuA+I6IGYG4gZ0jSw4nFwB1QwDjIRsKkbjNwxckFNNUw8QlyLx66EYb0D8A+IuIGaDyjcQE0+gOPoDxC1I8dNASBMDNDX8hWKMIGcc3FkDIMAA1n8bpHnZDOAAAAAASUVORK5CYII=");
		--lol-select-border-gradient: var(--lol-gradient-gold);
		--lol-select-background-gradient: var(--lol-gradient-hextech-black);

		&[data-open] {
			--lol-select-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA0AAAASCAYAAACAa1QyAAAA90lEQVR42mL8//8/A6mAiYEMwILVJG4RNiAlDcQgZzz79/XNL2R5RnTnATWwAyn5BEfBaqDUv4UH3rcD+Q+QNaJoAmrgAFJyiY6CdWL8LNEgsRcf/ixA14juJ6kkJ8FGkIbn7//MB2pYKCHAkhDvIFgJksPlJ0ZGRgbmp+9+z1py6EMvSACoASyO009A53FCTfwNCgCoS2A2wAOEcWDiCcl5v6DOY8bmPBYsodf28/f/90sPf+iDBgQo5BiAwd4ICnZcKeKfjDBrepy9IAsoJEFBDgp6fKGHLXIXAm1pQ45cfMmoBpqM2vAmIzSNUkQnWJrFE0CAAQCQxYvehN8YFAAAAABJRU5ErkJggg==");
			color: var(--lol-color-gold-600);
			--lol-select-background-gradient: var(--lol-gradient-grey-300);
			--lol-select-border-gradient: var(--lol-gradient-gold-press);
		}

		&[data-pressed] {
			--lol-select-border-gradient: var(--lol-gradient-gold-press);
		}

		&[data-hovered] {
			--lol-select-border-gradient: var(--lol-gradient-gold-hover);
		}

		&[data-disabled] {
			--lol-select-border-gradient: var(--lol-gradient-disabled);
			/* make the image gray */
			filter: grayscale(100%);
		}

		&._small_2pv2a_47 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_2pv2a_51 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_2pv2a_55 {
			min-height: var(--lol-form-height-large);
		}
	}

	._singleSelect_2pv2a_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_2pv2a_67 {
		background:
			var(--lol-select-background-gradient) padding-box,
			var(--lol-select-border-gradient) border-box;
	}

	._listBox_2pv2a_73 {
		background-color: var(--lol-color-hextech-black);
		border: 1px solid var(--lol-color-gold-600);
		outline: none;
		overflow-y: auto;
	}

	._item_2pv2a_80 {
		border-bottom: 1px solid var(--lol-color-grey-300);
		color: var(--lol-color-gold-300);
		font-size: var(--lol-font-size-sm);
		font-weight: var(--lol-font-weight-sm);
		line-height: var(--lol-line-height-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		padding: 0.375rem 0.5rem;
		outline: none;
		cursor: pointer;

		&[data-hovered] {
			background-color: var(--lol-color-grey-300);
			color: var(--lol-color-gold-100);
		}

		&[data-pressed],
		&._focus_2pv2a_97 {
			background-color: color-mix(
				in srgb,
				var(--lol-color-grey-300),
				transparent 50%
			);
			color: var(--lol-color-gold-600);
		}

		&._selected_2pv2a_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_2pv2a_113 {
		width: var(--trigger-width);
		display: flex;
		flex-direction: column;
	}

	._emptyList_2pv2a_119 {
		padding: 0.5rem 0.25rem;
		text-align: left;
	}
}
@layer lol {
	._calendar_dpi4c_2,
	._rangeCalendar_dpi4c_3 {
		--lol-calendar-cell-size: 2.5rem;

		display: flex;
		flex-direction: column;
		/*
		 * A flex column is still a normal block box for its own sizing: with
		 * no explicit width it fills its parent (a popover, a wide form)
		 * rather than shrinking to its content. `fit-content` makes the
		 * calendar itself only as wide as its widest child (the grid), and
		 * `align-items: stretch` (the default, kept intentionally) then
		 * stretches every other child — including the `header="picker"` nav
		 * row, which sits directly in this container rather than inside
		 * `.month` — to match that same width, instead of each shrinking
		 * independently to its own content.
		 */
		width: fit-content;
		gap: 0.75rem;
		outline: none;

		&[data-disabled] {
			opacity: 0.6;
		}
	}

	._months_dpi4c_28 {
		display: flex;
		gap: 1.5rem;
	}

	._month_dpi4c_16 {
		display: flex;
		flex-direction: column;
		gap: 0.5rem;
	}

	._nav_dpi4c_39 {
		display: flex;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem;
	}

	._pickerGroup_dpi4c_46 {
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 0.375rem;
		flex: 1;
	}

	._chevronFlipped_dpi4c_54 {
		transform: rotate(180deg);
	}

	._heading_dpi4c_58 {
		flex: 1;
		margin: 0;
		text-align: center;
		color: var(--lol-color-gold-100);
		font-family: var(--lol-font-family-beaufort);
		text-transform: uppercase;
		font-size: var(--lol-font-size-sm);
		font-weight: var(--lol-font-weight-h5);
		letter-spacing: var(--lol-letter-spacing-h5);
	}

	._grid_dpi4c_70 {
		/*
		 * `separate` (not `collapse`) is what makes the continuous-selection
		 * border below work at all: `collapse` merges each pair of adjacent
		 * cells' touching borders into one, picking a winner between a
		 * selected row's colored edge and its unselected neighbor's
		 * transparent one — which silently erases every other segment of the
		 * "continuous" line. `separate` keeps each cell's border independent.
		 *
		 * The table is sized to exactly 7 cells wide rather than `100%`: with
		 * no intrinsic width, it stretches to fill whatever it's placed in
		 * (a popover, a wide form), dragging the popover along with it and
		 * spacing the 7 columns far enough apart that `.cell`'s fixed size
		 * reads as small islands with visible gaps instead of a tight grid.
		 *
		 * `border-spacing` is 0 horizontally (columns within a week must
		 * touch, or the continuous selection border above breaks into
		 * islands again) but 3px vertically: with no gap between rows, two
		 * consecutive fully-selected weeks touch top-border-to-bottom-border
		 * and read as one tall block instead of two separate rounded bars.
		 */
		border-collapse: separate;
		border-spacing: 0 3px;
		table-layout: fixed;
		width: calc(var(--lol-calendar-cell-size) * 7);
	}

	._gridHeader_dpi4c_97 {
		/* thead: no visual treatment of its own beyond the cells within it. */
	}

	._headerCell_dpi4c_101 {
		padding: 0 0 0.5rem 0;
		font-family: var(--lol-font-family-spiegel);
		font-size: var(--lol-font-size-xs);
		font-weight: 700;
		letter-spacing: 0.05em;
		text-transform: uppercase;
		text-align: center;
		color: var(--lol-color-grey-100);
	}

	._cell_dpi4c_82 {
		position: relative;
		z-index: 0;
		width: 100%;
		height: var(--lol-calendar-cell-size);
		display: flex;
		align-items: center;
		justify-content: center;

		font-family: var(--lol-font-family-spiegel);
		font-size: var(--lol-font-size-sm);
		font-weight: 500;
		color: var(--lol-color-gold-100);

		border-radius: 9999px;
		outline: none;
		cursor: default;
		-webkit-tap-highlight-color: transparent;

		&[data-outside-month] {
			color: var(--lol-color-grey-150);
		}

		&[data-outside-visible-range] {
			visibility: hidden;
		}

		&[data-unavailable] {
			color: var(--lol-color-grey-150);
			text-decoration: line-through;
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
		}

		&[data-hovered]:not([data-disabled], [data-selected]) {
			background-color: var(--lol-color-grey-300);
		}

		&[data-pressed]:not([data-disabled]) {
			background-color: var(--lol-color-grey-200);
		}

		&[data-focus-visible] {
			z-index: 2;
			outline: 2px solid var(--lol-color-gold-400);
			outline-offset: 2px;
		}

		&[data-invalid] {
			color: var(--lol-color-gold-400);
		}

		&[data-today]:not([data-selected]) {
			color: var(--lol-color-gold-400);
			font-weight: 700;

			&::after {
				content: "";
				position: absolute;
				bottom: 0.25rem;
				width: 3px;
				height: 3px;
				border-radius: 9999px;
				background-color: var(--lol-color-gold-400);
			}
		}
	}

	/*
	 * `border-color` can't be a gradient, and `border-image` (which can) turns
	 * out not to clip to `border-radius` — it paints a sharp rectangular frame
	 * regardless, which is exactly wrong for a rounded pill. So the ring is
	 * drawn the other way around: the cell's own `background` is the gold
	 * gradient, filling its full (possibly rounded) shape, and a `::before`
	 * sits on top with the hextech fill, inset by the ring's 2px thickness —
	 * the same `--lol-gradient-hextech` a selected `ToggleButton` fills itself
	 * with, so a selected date reads as the same "active" surface as
	 * everywhere else in the library. `border-radius: inherit` copies
	 * whatever radius the cell itself ends up with, so the hextech layer's
	 * corners always match the gold shape's. Where its inset is 0 on a given
	 * side, it covers that side's gold completely — which is how a
	 * RangeCalendar's row-interior cells (below) suppress the ring on their
	 * left/right and stay open into their neighbors, so the hextech fill
	 * (identical in every selected cell) reads as one continuous surface
	 * running the length of the range, across as many rows as it spans.
	 * `z-index: -1` keeps it behind the day number: an absolutely-positioned
	 * box otherwise paints above plain in-flow text regardless of source
	 * order, which would bury the digit under it. No inset `box-shadow` here
	 * (unlike the selected `ToggleButton` it borrows the fill from): a
	 * per-cell shadow is a per-cell seam, visible at every date within a
	 * selected run instead of once around the whole shape.
	 */
	._calendar_dpi4c_2 ._cell_dpi4c_82[data-selected],
	._rangeCalendar_dpi4c_3 ._cell_dpi4c_82[data-selected] {
		position: relative;
		background: var(--lol-gradient-gold);
		color: var(--lol-color-blue-100);

		&::before {
			content: "";
			position: absolute;
			z-index: -1;
			top: 2px;
			bottom: 2px;
			left: 0;
			right: 0;
			background: var(--lol-gradient-hextech);
			border-radius: inherit;
		}
	}

	/*
	 * Single-selection Calendar: exactly one date can be selected, so it's
	 * always drawn as a standalone rounded pill — there's no row to stay
	 * continuous with.
	 */
	._calendar_dpi4c_2 ._cell_dpi4c_82[data-selected] {
		border-radius: 9999px;

		&::before {
			left: 2px;
			right: 2px;
		}
	}

	/*
	 * RangeCalendar: the selection is a run of adjacent cells, and the ring
	 * needs to read as one continuous gold outline around that whole shape
	 * rather than a stack of separate pills. By default a selected cell is
	 * square and open on both sides (the black layer covers left/right
	 * completely), so the gold shows only along the top/bottom and one cell's
	 * fill runs straight into the next. Only the actual start/end of the
	 * range, or a cell sitting at the edge of its own week row (the range
	 * wraps there), opens up a side and rounds that corner — capping the bar
	 * at the true ends and at every row break. The two rules below only ever
	 * touch their own side, so a single-day range (both start and end) still
	 * gets both sides capped.
	 *
	 * A multi-month display (`visibleDuration: {months: 2+}`) adds a second
	 * way a row can "break": when one calendar week straddles two displayed
	 * months, each month's own grid still renders all 7 columns for that
	 * week, padding out with the days that belong to the *other* grid. Those
	 * padding days are dimmed (`data-outside-month`) but very much still in
	 * the DOM and, crucially, never carry `data-selected` themselves — even
	 * when the date they show *is* selected in its own home grid — to avoid
	 * two different interactive elements both claiming to be the selected
	 * Sept 1st. So `td:last-child`/`td:first-child` land on those always-
	 * unselected padding cells, not on the last/first cell that's actually
	 * part of the run, and the real edge (e.g. the 31st, sitting right next
	 * to a dimmed, unselected "1") never matches either selector — left
	 * square instead of capped. The two extra rules below cap a selected
	 * cell whenever its neighbor plainly isn't selected, for whatever
	 * reason: this padding, an unavailable date, or anything else that
	 * breaks the run — which is the same condition `td:first-child`/
	 * `td:last-child` are really standing in for at a genuine row edge.
	 */
	._rangeCalendar_dpi4c_3 ._cell_dpi4c_82[data-selected] {
		border-radius: 0;
	}

	._rangeCalendar_dpi4c_3 ._cell_dpi4c_82[data-selected][data-selection-start],
	._rangeCalendar_dpi4c_3 td:first-child > ._cell_dpi4c_82[data-selected],
	._rangeCalendar_dpi4c_3
		td:has(._cell_dpi4c_82:not([data-selected]))
		+ td
		> ._cell_dpi4c_82[data-selected] {
		border-top-left-radius: 9999px;
		border-bottom-left-radius: 9999px;

		&::before {
			left: 2px;
		}
	}

	._rangeCalendar_dpi4c_3 ._cell_dpi4c_82[data-selected][data-selection-end],
	._rangeCalendar_dpi4c_3 td:last-child > ._cell_dpi4c_82[data-selected],
	._rangeCalendar_dpi4c_3
		td:has(+ td ._cell_dpi4c_82:not([data-selected]))
		> ._cell_dpi4c_82[data-selected] {
		border-top-right-radius: 9999px;
		border-bottom-right-radius: 9999px;

		&::before {
			right: 2px;
		}
	}
}
@layer lol {
	._dateInput_xrlax_2 {
		background:
			var(--lol-input-background-gradient) padding-box,
			var(--lol-input-border-gradient) border-box;

		--lol-input-border-gradient: var(--lol-gradient-gold);
		--lol-input-background-gradient: var(--lol-gradient-hextech-black);

		border: 1px solid transparent;
		display: flex;
		align-items: center;
		width: 100%;
		margin: 0;
		padding: 0 0.75rem;
		outline: none;

		font-family: var(--lol-font-family-spiegel);

		/* Matches the fill DatePicker/DateRangePicker's own date input takes when
		   disabled, so a standalone DateField/TimeField greys out the same way as
		   the pickers it sits next to in a form. */
		&[data-disabled] {
			--lol-input-border-gradient: var(--lol-gradient-disabled);
			--lol-input-background-gradient: var(--lol-gradient-grey-300);
		}

		&[data-focus-within] {
			--lol-input-border-gradient: var(--lol-gradient-gold-hover);
			--lol-input-background-gradient: var(--lol-gradient-grey-focus);
		}

		&._small_xrlax_33 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_xrlax_37 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_xrlax_41 {
			min-height: var(--lol-form-height-large);
		}
	}

	._segment_xrlax_46 {
		padding: 0 0.125rem;
		border-radius: 2px;
		font-size: 0.75rem;
		line-height: 1rem;
		font-weight: 500;
		letter-spacing: 0.025em;
		color: var(--lol-color-gold-100);
		font-variant-numeric: tabular-nums;
		outline: none;
		caret-color: transparent;

		/* Literal separators ("/", ":", ",") sit between segments; they are not
		   editable so they shouldn't pick up hover/focus affordances. */
		&[data-type="literal"] {
			padding: 0 0.125rem;
			color: var(--lol-color-grey-100);
		}

		&[data-placeholder] {
			color: var(--lol-color-grey-100);
		}

		&[data-hovered]:not([data-type="literal"]) {
			background-color: var(--lol-color-grey-300);
		}

		&[data-focused]:not([data-type="literal"]) {
			background-color: var(--lol-color-gold-600);
			color: var(--lol-color-gold-100);
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
		}

		&[data-readonly] {
			color: var(--lol-color-grey-100);
		}
	}
}
@layer lol {
	._group_1dgbw_2 {
		display: flex;
		align-items: stretch;
		gap: 1px;
		padding: 1px;
		outline: none;

		background-image: var(--lol-gradient-gold);

		&[data-disabled] {
			background-image: var(--lol-gradient-disabled);
		}

		&[data-focus-within] {
			background-image: var(--lol-gradient-gold-hover);
		}

		&._small_1dgbw_19 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_1dgbw_23 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_1dgbw_27 {
			min-height: var(--lol-form-height-large);
		}
	}

	._input_1dgbw_32 {
		flex: 1;
		display: flex;
		align-items: center;
		min-width: 0;
		background-color: var(--lol-color-hextech-black);
		padding: 0 0.75rem;
		outline: none;
		font-family: var(--lol-font-family-spiegel);

		&[data-disabled] {
			background-color: var(--lol-color-grey-300);
		}
	}

	._separator_1dgbw_47 {
		display: flex;
		align-items: center;
		background-color: var(--lol-color-hextech-black);
		color: var(--lol-color-grey-100);
		padding: 0 0.125rem;
		font-family: var(--lol-font-family-spiegel);
		/* Match the date segments' line-height so flex-centering the dash
		   against the same line-box height keeps it optically level. */
		font-size: 0.75rem;
		line-height: 1rem;
		/*
		 * `.group`'s `gap` is what shows its gold background between every
		 * pair of children — including the two 1px slivers flanking this
		 * dash, which reads as the dash sitting in its own gold-bordered box
		 * rather than as a plain separator between the two dates. Negative
		 * margin pulls it 1px into each neighboring gap, so its own opaque
		 * fill covers those two slivers instead.
		 */
		margin: 0 -1px;

		&[data-disabled] {
			background-color: var(--lol-color-grey-300);
			color: var(--lol-color-grey-150);
		}
	}

	._button_1dgbw_74 {
		/* 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;

		display: flex;
		align-items: center;
		justify-content: center;
		padding: 0 0.625rem;

		color: var(--lol-color-gold-300);
		background-color: var(--lol-color-hextech-black);

		&[data-hovered] {
			color: var(--lol-color-gold-100);
		}

		&[data-pressed] {
			color: var(--lol-color-gold-600);
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			background-color: var(--lol-color-grey-300);
		}
	}

	/*
	 * The gold border + hextech-black fill are drawn once, on the popover
	 * itself, and cover it edge to edge — the header and grid inside stay
	 * transparent so it reads as one continuous surface rather than a stack
	 * of separately-filled sections. The visible "hextech" gradient lives on
	 * selected dates themselves (see calendar.module.css), not the popover.
	 */
	._popover_1dgbw_110 {
		padding: 0.75rem;
		border: 2px solid transparent;
		box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
		background:
			var(--lol-gradient-hextech-black) padding-box,
			var(--lol-gradient-gold) border-box;
	}
}
@layer lol {
	._checkbox_6xifu_2 {
		font-family: var(--lol-font-family-spiegel);
		color: var(--lol-color-grey-100);
		display: flex;
		cursor: pointer;
		align-items: center;
		gap: 0.25rem;
		font-size: 0.75rem;
		letter-spacing: 0.1em;

		&[data-hovered] {
			color: var(--lol-color-gold-100);
		}

		&[data-disabled] {
			filter: brightness(0.5);
			cursor: default;
		}
	}

	._icon_6xifu_22 {
		/* Off the text baseline, so the box is the glyph. */
		display: block;
		flex-shrink: 0;
		width: 0.875rem;
		height: 0.875rem;
	}
}
@layer lol {
	._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);

		&:active,
		&:hover {
			color: var(--lol-color-gold-100);
		}

		display: flex;
		width: 100%;
		align-items: center;
		padding: 0.5rem 0;
		font-weight: bold;
		text-transform: uppercase;
		text-align: left;
	}

	._icon_1wmxg_29 {
		margin-left: 0.125rem;
		margin-right: 0.5rem;
		display: inline-block;
		rotate: 90deg;
		font-size: var(--lol-font-size-sm);
	}

	._disclosure_1wmxg_2 {
		border-bottom: 1px solid var(--lol-color-gold-600);

		&:last-of-type {
			border-bottom: none;
		}
	}

	._disclosurePanel_1wmxg_45 {
		color: var(--lol-color-grey-100);
		font-family: var(--lol-font-family-spiegel);

		@media (prefers-reduced-motion: no-preference) {
			transition-behavior: allow-discrete;
			interpolate-size: allow-keywords;

			overflow-y: clip;

			transition-property: content-visibility, height;
			transition-timing-function: ease;
			transition-duration: 150ms;

			height: auto;
			&[aria-hidden="true"] {
				height: 0;
			}
		}
	}
}
@layer lol {
	._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_wpkyb_12 {
		background-image: linear-gradient(
			to right,
			rgba(0, 0, 0, 0),
			var(--lol-color-gold-600)
		);
	}

	._center_wpkyb_20 {
		background-image: linear-gradient(
			to right,
			rgba(0, 0, 0, 0),
			var(--lol-color-gold-600),
			rgba(0, 0, 0, 0)
		);
	}

	._right_wpkyb_29 {
		background-image: linear-gradient(
			to right,
			var(--lol-color-gold-600),
			rgba(0, 0, 0, 0)
		);
	}

	._block_wpkyb_37 {
		width: 5px;
		height: 5px;
		border: 1px solid var(--lol-color-gold-600);
		rotate: 45deg;
	}

	._wrapper_wpkyb_44 {
		display: flex;
		align-items: center;
		flex-grow: 1;
	}

	._childrenWrapper_wpkyb_50 {
		display: flex;
		align-items: center;
		gap: 2rem;
		flex-grow: 1;
	}
}
@layer lol {
	._group_74tda_2 {
		display: flex;
		align-items: stretch;
		outline: none;

		/*
		 * Unlike NumberField's Group, the pieces here (name + tag, start date +
		 * end date, ...) read as one field, not separately-boxed controls — so
		 * the border and fill are drawn once, on the group itself, instead of
		 * per-child with gaps between them.
		 */
		background:
			var(--lol-input-background-gradient) padding-box,
			var(--lol-input-border-gradient) border-box;

		--lol-input-border-gradient: var(--lol-gradient-gold);
		--lol-input-background-gradient: var(--lol-gradient-hextech-black);

		border: 1px solid transparent;

		&[data-disabled] {
			--lol-input-border-gradient: var(--lol-gradient-disabled);
		}

		&[data-focus-within] {
			--lol-input-border-gradient: var(--lol-gradient-gold-hover);
		}

		&._small_74tda_30 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_74tda_34 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_74tda_38 {
			min-height: var(--lol-form-height-large);
		}
	}

	._input_74tda_43 {
		/* Transparent so the group's own fill shows through with no seam. */
		border: 0;
		margin: 0;
		flex: 1;
		min-width: 0;
		background-color: transparent;
		color: var(--lol-color-gold-100);
		font-family: var(--lol-font-family-spiegel);
		font-weight: 500;
		font-size: 0.75rem;
		line-height: 1rem;
		letter-spacing: 0.025em;
		padding: 0 0.75rem;
		outline: none;

		&[data-disabled] {
			background-color: var(--lol-color-grey-300);
			color: var(--lol-color-grey-100);
		}

		&[data-focused] {
			background-image: var(--lol-gradient-grey-focus);
		}
	}

	._separator_74tda_69 {
		display: flex;
		align-items: center;
		flex: none;
		color: var(--lol-color-gold-300);
		font-family: var(--lol-font-family-spiegel);
		font-weight: 700;
		font-size: 0.75rem;
		/* Match `.input`'s line-height so flex-centering both glyphs against
		   the same line-box height keeps them optically level. */
		line-height: 1rem;
		padding: 0 0.5rem;

		&[data-disabled] {
			color: var(--lol-color-grey-150);
		}
	}
}
@layer lol {
	._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_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_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_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_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_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_4cie6_45 {
		color: var(--lol-color-grey-100);
	}

	._gold100_4cie6_49 {
		color: var(--lol-color-gold-100);
	}

	._gold200_4cie6_53 {
		color: var(--lol-color-gold-200);
	}

	._gold400_4cie6_57 {
		color: var(--lol-color-gold-400);
	}
}
@layer lol {
	._menu_czzea_2 {
		box-sizing: border-box;
		overflow: auto;
		min-width: 150px;
		outline: none;

		background:
			var(--lol-button-background-gradient) padding-box,
			var(--lol-button-border-gradient) border-box;

		--lol-button-border-gradient: linear-gradient(
			to bottom,
			var(--lol-color-gold-600),
			var(--lol-color-gold-600),
			var(--lol-color-gold-500)
		);
		--lol-button-background-gradient: var(--lol-gradient-hextech-black);

		border: 2px solid transparent;

		font-family: var(--lol-font-family-spiegel);
	}

	._item_czzea_25 {
		padding: 0.375rem 0.5rem;
		outline: none;
		font-size: var(--lol-font-size-sm);
		line-height: var(--lol-line-height-sm);
		font-weight: var(--lol-font-weight-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		color: var(--lol-color-gold-300);

		&[data-disabled] {
			color: var(--lol-color-grey-150);
		}

		&[data-hovered],
		&[data-focus-visible] {
			background: var(--lol-color-grey-300);
			color: var(--lol-color-gold-100);
		}

		&[data-pressed] {
			color: var(--lol-color-gold-300);
		}

		&[data-selection-mode] {
			padding-right: 2rem;
		}

		&[data-selected] {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAALCAYAAABPhbxiAAAAsElEQVR42pTQXQoBURTA8ZmbdxuxAi/WgfLmQb4pYgMi36QUJUuxBIvw7FEi/qfOrds0NPfW7+We85+mG95v18DjhGjglPKMNqjibTyilUYTbE3CaIE65ujLZZJQlptYomsvJUyjp1+Oi1pYo+MOjA7GmEWiKdrY6c7HHcqrjpDRpQeGGslv7VGLRjZ8Ii9PjAFyyOKISlxkQzkvFDUu4Izyr8gNA41KuODwL5LzFWAAUJ8mTIVblvcAAAAASUVORK5CYII=);
			background-position: right 0.5rem center;
			background-repeat: no-repeat;
		}
		&[aria-haspopup] {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAMAAAAolt3jAAAAAXNSR0IB2cksfwAAAAlwSFlzAAALEwAACxMBAJqcGAAAAH5QTFRFAAAA8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS8ObS0Xa8KQAAACp0Uk5TABq/MRLO/+oKqeQkCy8NpOE2Ca4mBrzfBbbbIAeo3iOeMrCjE9TmLR7Bzkf64wAAAH1JREFUeJw9zrEKwkAQhOF/yAlyBiHhlBQWFha+/9tYyaERBEUhBhtPPPA22327CzMCJCX+I3CZnzRxnm9Oo5E6ZVeDkaXeeD2MtBrw7mZkpSfNazR2uhPUF250zZtYnutwoauOFrQ+E2axBLXNCb/orcZOcavDVJK9vkX8ALB9HQ/tuMKnAAAAAElFTkSuQmCC);
			background-size: 12px;
			background-position: right 0.5rem center;
			background-repeat: no-repeat;
		}
	}

	._popover_czzea_65 {
		display: flex;
		flex-direction: column;
	}

	._section_czzea_70:not(:first-child) {
		margin-top: 0.1rem;
	}

	._header_czzea_74 {
		padding: 0.5rem 0.5rem 0.2rem 0.5rem;
		font-size: var(--lol-font-size-sm);
	}

	._separator_czzea_79 {
		height: 1px;
		background: rgb(from var(--lol-color-gold-100) r g b / 0.25);
		margin: 0.4rem 0.5rem;
	}
}
@layer lol {
	._overlay_cjo05_2 {
		background-color: color-mix(
			in srgb,
			var(--lol-color-hextech-black),
			transparent 75%
		);
		position: fixed;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: var(--lol-z-index-overlay);
		display: flex;
		flex-direction: column;
		min-height: 100%;
		align-items: center;
		justify-content: safe center;
		overflow-y: auto;
		padding: 1rem 0;
		text-align: center;
		backdrop-filter: blur(8px);
	}

	._dialog_cjo05_25 {
		background:
			var(--lol-button-background-gradient) padding-box,
			var(--lol-button-border-gradient) border-box;
		border: 2px solid transparent;

		--lol-button-background-gradient: var(--lol-gradient-hextech-black);
		--lol-button-border-gradient: linear-gradient(
			to bottom,
			var(--lol-color-gold-600),
			var(--lol-color-gold-600),
			var(--lol-color-gold-500)
		);

		position: relative;
		outline: none;

		&::before,
		&::after {
			position: absolute;
			left: 1.25rem;
			right: 1.25rem;
			content: "";
			display: block;
			height: 0.25rem;
			background-color: var(--lol-color-hextech-black);
			border-radius: 9999px;
		}

		&::before {
			bottom: calc(100% + 2px);
			border: 1px solid var(--lol-color-gold-600);
			border-bottom: 0;
		}

		&::after {
			top: calc(100% + 2px);
			border: 1px solid var(--lol-color-gold-500);
			border-top: 0;
		}
	}

	._modal_cjo05_67 {
		width: 100%;
		max-width: 28rem;
	}

	._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;
		font-size: var(--lol-font-size-h5);
		font-weight: var(--lol-font-weight-h5);
		letter-spacing: var(--lol-letter-spacing-h5);
		line-height: var(--lol-line-height-h5);
	}

	._dialogButtons_cjo05_84 {
		justify-content: center;
		transform: translateY(2px);
		padding: 0 0.25rem;
		gap: 0.25rem;
		background-color: var(--lol-color-hextech-black);
		display: inline-flex;
	}
}
@layer lol {
	._group_1haju_2 {
		display: grid;
		grid-template-columns: auto 1fr auto;
		gap: 1px;
		padding: 1px;
		outline: none;

		&._normal_1haju_9 {
			background-image: var(--lol-gradient-gold);
		}

		&._dimmed_1haju_13 {
			background-image: var(--lol-gradient-grey-300);
		}

		&[data-disabled] {
			background-image: var(--lol-gradient-disabled);
		}

		&[data-focus-within] {
			background-image: var(--lol-gradient-gold-hover);
		}

		&._small_1haju_25 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_1haju_29 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_1haju_33 {
			min-height: var(--lol-form-height-large);
		}
	}

	._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);
		font-size: 0.75rem;
		padding: 0 0.75rem;
		line-height: 1rem;
		width: 100%;
		outline: none;

		&[data-disabled] {
			background-color: var(--lol-color-grey-300);
			color: var(--lol-color-grey-100);
		}

		&._focus_1haju_56 {
			background-image: var(--lol-gradient-grey-focus);
		}
	}

	._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;

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			background-color: var(--lol-color-grey-300);
		}
	}
}
@layer lol {
	._popover_18zyh_2 {
		padding: 2px;
		box-shadow: 0 2px 4px 0 var(--lol-color-grey-300);
		border: 2px solid transparent;
		background:
			var(--lol-button-background-gradient) padding-box,
			var(--lol-button-border-gradient) border-box;
		--lol-button-border-gradient: var(--lol-gradient-gold-press);
		--lol-button-background-gradient: var(--lol-gradient-grey-300);

		&._top_18zyh_12 {
			margin-bottom: 0.5rem;
		}

		&._bottom_18zyh_16 {
			margin-top: 0.5rem;
		}

		&._left_18zyh_20 {
			margin-right: 0.5rem;
		}

		&._right_18zyh_24 {
			margin-left: 0.5rem;
		}
	}

	._body_18zyh_29 {
		padding: 1rem;
	}

	._arrow_18zyh_33 {
		/*
		 * 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_18zyh_42 {
			fill: var(--lol-color-gold-600);
		}

		._inner_18zyh_46 {
			fill: var(--lol-color-grey-300);
		}

		&._top_18zyh_12 {
			transform: translateX(-1.5px);
		}

		&._bottom_18zyh_16 {
			transform: translateX(-1.5px) rotate(180deg);

			._outer_18zyh_42 {
				fill: var(--lol-color-gold-500);
			}
		}

		&._left_18zyh_20 {
			transform: translateY(-2px) translateX(-5px) rotate(-90deg);
		}

		&._right_18zyh_24 {
			transform: translateY(-2px) translateX(5px) rotate(90deg);
		}
	}
}
@layer lol {
	._previewButton_sepr8_2 {
		appearance: none;
		margin: 0;
		padding: 0;
		border: 0;
		background: none;

		/*
		 * Not `pointer`: the preview opens on hover, so a hand would promise a
		 * click that does nothing, and the term is not a link. This is the arrow
		 * a `<button>` gets from the browser anyway, spelled out because a host's
		 * CSS reset may have decided otherwise.
		 */
		cursor: default;

		/*
		 * The term belongs to the sentence around it, so everything but the face
		 * is inherited: size, weight, leading and colour come from the paragraph.
		 * `font: inherit` also resets the family, hence the override after it.
		 */
		font: inherit;
		font-family: var(--lol-font-family-spiegel);
		/* A button is an inline-block; without this it rides above the text. */
		vertical-align: baseline;
		text-align: inherit;

		color: var(--lol-color-gold-100);

		/*
		 * An underline rather than a border-bottom: it follows the term when it
		 * wraps, sits under the descenders instead of clipping them, and can go
		 * from dashed to solid without moving anything on the line.
		 */
		text-decoration: underline dashed var(--lol-preview-underline-color);
		text-decoration-thickness: 1px;
		text-underline-offset: 0.25em;

		--lol-preview-underline-color: var(--lol-color-gold-400);

		transition: color, text-decoration-color;
		transition-duration: 0.3s;

		outline-style: solid;
		outline-color: var(--lol-color-gold-400);
		outline-offset: 2px;

		&:not(:focus-visible) {
			outline: none;
		}

		&:hover,
		&:focus-visible {
			--lol-preview-underline-color: var(--lol-color-gold-200);
		}

		/*
		 * Once the preview is open the dashes have done their job — they hint that
		 * there is more to read, and there now is — so they close up into a rule.
		 * `aria-expanded` is set by whichever trigger wraps the button, so this
		 * also covers a `DialogTrigger` used as a toggle tip.
		 */
		&[aria-expanded="true"] {
			--lol-preview-underline-color: var(--lol-color-gold-200);
			text-decoration-style: solid;
		}

		&:active {
			color: var(--lol-color-gold-300);
		}

		&:disabled {
			color: var(--lol-color-grey-150);
			--lol-preview-underline-color: var(--lol-color-grey-150);
		}
	}
}
@layer lol {
	._wrapper_1jgc6_2 {
		display: flex;
		width: 14rem;
		flex-direction: column;
		gap: 0.25rem;
		font-size: 0.875rem;
	}

	._progressBar_1jgc6_10 {
		margin-left: -0.125rem;
		margin-right: -0.25rem;
		height: 0.75rem;
		border-radius: 9999px;
		padding: 1px;
		background:
			var(--lol-gradient-grey-300) padding-box,
			var(--lol-gradient-gold) border-box;
		border: 1px solid transparent;
	}

	._fill_1jgc6_22 {
		background-image: linear-gradient(
			to right,
			var(--lol-color-blue-400),
			var(--lol-color-blue-200)
		);
		border-radius: 9999px;
		height: 100%;
	}

	._labelWrapper_1jgc6_32 {
		display: flex;
		justify-content: space-between;
		font-weight: 700;
		text-transform: uppercase;
		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-100);
	}
}
@layer lol {
	._radioGroup_1dkj7_2 {
		display: flex;
		align-items: flex-start;
		flex-direction: column;
	}

	._radio_1dkj7_2 {
		font-family: var(--lol-font-family-spiegel);
		background-size: 18px;
		background-position: left;
		background-repeat: no-repeat;
		padding-top: 0.5rem;
		padding-bottom: 0.5rem;
		padding-left: 1.5rem;
		padding-right: 1rem;
		font-size: 0.75rem;
		line-height: 1rem;
		font-weight: 400;
		background-image: url("data:image/png;base64,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");
		color: var(--lol-color-grey-100);

		&[data-selected] {
			color: var(--lol-color-gold-100);
			background-image: url("data:image/png;base64,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");
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			background-image: url("data:image/png;base64,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");

			&[data-selected] {
				background-image: url("data:image/png;base64,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");
			}
		}

		&[data-hovered] {
			color: var(--lol-color-gold-100);
			background-image: url("data:image/png;base64,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");

			&[data-selected] {
				background-image: url("data:image/png;base64,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");
			}
		}

		&[data-pressed] {
			color: var(--lol-color-grey-150);
			background-image: url("data:image/png;base64,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");

			&[data-selected] {
				background-image: url("data:image/png;base64,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");
			}
		}
	}
}
@layer lol {
	._searchField_tm8b9_2 {
		display: grid;
		grid-template-areas:
			"label label"
			"input button"
			"help  help";
		grid-template-columns: 1fr auto;
		align-items: center;

		color: var(--lol-color-gold-100);
	}

	._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,
			var(--lol-search-field-border-gradient) border-box;

		--lol-search-field-border-gradient: var(--lol-gradient-gold);
		--lol-search-field-background-gradient: var(--lol-gradient-hextech-black);

		background-size: 16px, auto, auto;
		border: 1px solid transparent;
		grid-area: input;
		padding: 0 2.5rem 0 1.5rem;
		margin: 0;
		font-size: 0.75rem;
		line-height: 1rem;
		color: var(--lol-color-gold-100);
		outline: none;
		font-family: var(--lol-font-family-spiegel);
		font-weight: 500;
		letter-spacing: 0.025em;

		&::-webkit-search-cancel-button,
		&::-webkit-search-decoration {
			-webkit-appearance: none;
		}

		&[data-disabled] {
			--lol-search-field-border-gradient: var(--lol-gradient-disabled);
			color: var(--lol-color-grey-150);
		}

		&[data-focused] {
			--lol-search-field-border-gradient: var(--lol-gradient-gold-hover);
			--lol-search-field-background-gradient: var(--lol-gradient-grey-focus);
		}

		&._small_tm8b9_51 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_tm8b9_55 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_tm8b9_59 {
			min-height: var(--lol-form-height-large);
		}
	}

	._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;
		line-height: 1rem;
		font-weight: 900;

		margin-left: -2.5rem;
		width: 2.5rem;
		align-self: stretch;
		text-align: center;

		color: var(--lol-color-gold-300);

		&[data-hovered] {
			color: var(--lol-color-gold-100);
		}

		&[data-pressed] {
			color: var(--lol-color-gold-600);
		}

		&[data-empty],
		&[data-disabled] {
			display: none;
		}
	}
}
@layer lol {
	/* Base tag sets up CSS variables; variants (gold/hextech) define actual gradients */
	._tag_1db70_3 {
		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;
	}

	._gold_1db70_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);
	}

	._hextech_1db70_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);
	}

	._grey_1db70_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);
	}

	._text_1db70_45 {
		padding: 0.25rem 0;
	}

	._remove_1db70_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;

		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;

		&[data-hovered] {
			background-color: var(--lol-color-gold-100);
		}

		&[data-pressed] {
			background-color: var(--lol-color-grey-150);
		}
	}

	._tagGroup_1db70_76 {
		padding: 0.25rem;
		display: flex;
		justify-content: flex-start;
	}

	._tagList_1db70_82 {
		display: flex;
		flex-wrap: wrap;
		gap: 0.25rem;
		row-gap: 0.25rem;
	}
}
@layer lol {
	._popover_1gisa_2 {
		width: 250px;
		display: flex;
		flex-direction: column;
	}

	._triggerContainer_1gisa_8 {
		display: inline-flex;
	}

	/* Descendant selector, not just `.select`: needs higher specificity than
	   `.button`'s `display: inline-block` (select.module.css), since equal-
	   specificity rules would otherwise resolve by CSS source order — which
	   depends on unrelated bundling details, not intent. Losing that race
	   blockifies to `display: block` (this is a flex item) and silently
	   drops `align-items`, so tags/empty text stick to the top instead of
	   centering. */
	._triggerContainer_1gisa_8 ._select_1gisa_12 {
		border-right: none;
		display: flex;
		align-items: center;
	}
}
@layer lol {
	._track_1k7fo_2 {
		position: relative;
		height: 1.75rem;
		width: 100%;
	}

	._background_1k7fo_8 {
		background-color: var(--lol-color-grey-300);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 2px;
		width: 100%;
		border-radius: 9999px;
	}

	._foreground_1k7fo_18 {
		background-image: linear-gradient(
			to right,
			var(--lol-color-gold-600),
			var(--lol-color-gold-500)
		);
		background-size: 100% 2px;
		background-position: center;
		background-repeat: no-repeat;
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 100%;
		border-radius: 9999px;

		&._disabled_1k7fo_33 {
			background-image: linear-gradient(to right, #5c5b57, #5c5b57);
		}
	}

	._track_1k7fo_2:hover ._foreground_1k7fo_18:not(._disabled_1k7fo_33) {
		background-image: linear-gradient(
			to right,
			var(--lol-color-gold-500),
			var(--lol-color-gold-400),
			var(--lol-color-gold-200)
		);
	}

	._track_1k7fo_2:active ._foreground_1k7fo_18:not(._disabled_1k7fo_33) {
		background-image: linear-gradient(
			to right,
			var(--lol-color-gold-500),
			var(--lol-color-gold-600),
			var(--lol-color-gold-600)
		);
	}

	._thumb_1k7fo_56 {
		background-image: url(data:image/png;base64,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);
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		height: 1.75rem;
		width: 1.75rem;
		background-size: cover;
		outline: none;

		&._disabled_1k7fo_33 {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MzMrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjViYzljZjk1LTNhMjMtODM0Ni05MmY0LTQyMjBmNDNhODQxZiIgeG1wTU06RG9jdW1lbnRJRD0i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);
		}

		&._thumbDragging_1k7fo_70 {
			background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjI6MDErMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmZiOTBlNmNmLTI2YTYtMDg0Mi1hZTBlLTY5Nzc5YjE2OWMxOSIgeG1wTU06RG9jdW1lbnRJRD0i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);
		}
	}

	._track_1k7fo_2:hover
		._thumb_1k7fo_56:not(._thumbDragging_1k7fo_70):not(._otherThumbDragging_1k7fo_76):not(._disabled_1k7fo_33) {
		background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGgAAABoCAYAAAAdHLWhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAFyWlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgOS4wLWMwMDEgNzkuYzAyMDRiMiwgMjAyMy8wMi8wOS0wNjoyNjoxNCAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczpkYz0iaHR0cDovL3B1cmwub3JnL2RjL2VsZW1lbnRzLzEuMS8iIHhtbG5zOnBob3Rvc2hvcD0iaHR0cDovL25zLmFkb2JlLmNvbS9waG90b3Nob3AvMS4wLyIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0RXZ0PSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VFdmVudCMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiB4bXA6Q3JlYXRlRGF0ZT0iMjAyMy0wNS0yNVQyMDo1ODozMSswMjowMCIgeG1wOk1vZGlmeURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIHhtcDpNZXRhZGF0YURhdGU9IjIwMjMtMDUtMjVUMjE6MjE6MjUrMDI6MDAiIGRjOmZvcm1hdD0iaW1hZ2UvcG5nIiBwaG90b3Nob3A6Q29sb3JNb2RlPSIzIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOmY0NGIwY2M3LTFkMDItNjU0NS1iYTlhLTgxNmQyZTRjMTJhMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjhmNjEyZTQ4LTRkNjctMzI0Mi1hYzI2LWYzOWZmZGI2MGMyMCI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OGY2MTJlNDgtNGQ2Ny0zMjQyLWFjMjYtZjM5ZmZkYjYwYzIwIiBzdEV2dDp3aGVuPSIyMDIzLTA1LTI1VDIwOjU4OjMxKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjQuNCAoV2luZG93cykiLz4gPHJkZjpsaSBzdEV2dDphY3Rpb249InNhdmVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOmM5MTJjOTQ5LWVjZGItODM0OC05MDA2LWQ4NWQxODZkZDgzMCIgc3RFdnQ6d2hlbj0iMjAyMy0wNS0yNVQyMToyMToyNSswMjowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDI0LjQgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pg7Mec0AAByiSURBVHic3Z13XBTX2sd/s7OLKFhAUBBUAlaKhaqxUZdqiyWmgr3lJm/uzb25uTdvYkuisUQBAaWoUYqFSEw0CWCKaSBNBHulN2tMFNiFff+Y3WFmdnZ3lmVB34fP+Xz07Dm/85zzneeZYZg5SygUCmgzkZmV1s+fEiMB2CgLANQrS1uPedRFJu5pB7rA7ABMA9CfU/8QwM8Aarrdoy40UU87YKBpggNl3TRlm2fWCF0p7mFdWTe5op9ZjPCzAzAd/HCY9hDAmfvXf+iRSLIY4WdQfwERpHjqiiY4R5I+CT+S9Ek4ZwL9AUyn+vSEv4aZbkAKxVNVLEb4q+AMAECoyuHEjyKCZnhHBM3wjjic+FEE8zNl2+kWI/ztut1nYwPq+XjpKBYjA+wAzABgAQaAjMSPwoN8J4Wr2gX5TgrPSPwoHGxIFgBmWIwMsHt24ucZiiDLkQH2AHzBgZO+Z1O4dIZPOLe9dIZPePqeTXyQfC1HBtj/v4mgno8bBSxHBdqDipwBTM/S92wMC/bzCdPUL9jPJyx9z8YwzoQGAJhBaT79MfTUR5DlqCD+yEnYGBbs6xOmq3+wr09YesLGMPBF0qgg40eSsQEpevDHcrTUHoAfF05q/PowqZ93mFAdqZ93WGr8ej5IfpajpfbGnIPRAUHR3iNl4OhgewD+6nDWhYb4eYfqqxfi5x2aGr8ulAeS/8DRwfZGm4vRAdG5tPvKwDGhQ8EHJ+4DCk4ndUP8vENT4z7ghzQmdKhx5mOY6U5xCkW3loFjwlRwLJkLeWj3ByHBfj4hhuoH+/mEHNr9QQgHkiUFKWxoV8/H6IC684LAamz4UAABXDgHY98PCfHzDumqcUL8vEMOxr7PBynAamz40GfqIqG70pqVc8QwAIFQhxMc6u8T3NXjhfr7BB+MfT8Y6pACKV+emRTXbvRi5TyTF86B6PeCQ/y8goXqRCcdQ3TSMcHjhvh5BR+Ifk8DpJnDumJuRgdk7Mixdpk9DEAQDxxpWICPVKhOTHImDSgmOVPw+GEBPtID0e9JoQ4piPLtKY8gY55zrF3mDAMgBQfO/l3vSsP8vaVCdWKSMhGdlEm7HJ2UiZikTMF+hPl7S/fvepcPktTaZc6wp/ocZKy0Zu06dzgvnJ3/Cgrz9w4SnNaSMxGd/IWa39HJXyA6OVOwP2H+3kH7d/4riBeS69zhT2+KM0LkDHKbp4IzkLkg+3b8MyjM3ztIqE5s8nHEJmeB0PATm5yF2OTj+kRS0L4d/+RCGghAOsht3vCnMoIMz8HsMmjc/OEAgtXhvBMYHugdKFQnJiUL0SlZrFpCRIAQEay66JQsxKRkCfYvPNA7cN+OdwKhDimY8l3fORtm3ZriBo1bMBxACDhwkrf/PTAswCtQqE4MveiMiYgI9DY1QW9TE4hEBOszVXvB6S7AKzB5+9/5IIUMGrdAr3RndEBdldYGj3/RAUCoGpxtbwdEBHgHCE5rKV8iNiULBBR0IUUE+piaQEKSkJAk+piagBQRrDaxKVmITflSsL8RAd4BydveDuCBFDp4/IsOT02KU6Dd4DJ4wiJeOElb3woID/QK0Fevs6bvOOGBXgFJW9/ihzRhkYMxfVWZ0e9m20x42QFAGNTgvOkfEejlr6/eG1ERWBsVwcrybe3teNzcCnlbG+RtbXjc3Iq29nZWm7VREXgjKkJv/yMCvfyTtr7pzwMpzGbCyw49fzfbgLRmM/FVXjiJW/7mHxHg5d9Z3TeUi81cMUV7O540t+JJcysU7e2sz96g4XRuvIgAL//ELX/jhzTxVe3pztiAOntBYOP+2nMAIgBYK8cRARDt3bLWPyLQ08/QC461kWFYG8l+5KC9XYH2dgWrbm1kONZGhhk0lkLRjohAT7+9W9b6M+einFuEjftrzz1TFwm2HpEqOFbM1dq7ea3vzAAvX6E6u/efxO79JzV+vjYyDGsiQ6Hpr5lrIkOxNjKs0/rcMjPAy3fv5rW+YEeSFYAIW4/I54wRQTqfzdb3RDfEc8lzAGaCSgG0JXyyekZEoMcMoXpxB77B7gOnaC/WRIbytlsbGQpAgbgD37DqKTihGv0Xqs+1iEAP34RPVhOr3ov/iVFtBWCmrWfUV7WFKbcECQk0ct26dVob/Nl0CWCdbjWXIV5LHQHMAidyEj5ZOWNWoOcMoTpxn3+D3YwFLyi9BgKA13gn3vbe40co210HAKx5PYQG1xX63DLacYjDSEdbfH26qJIxzz4Ahm3f+2XTP5bPvK9quz3xhA4E2k3ns9l1F44LErLzXu4IKnJY76vEf7Ri+qwgr+lCHYr7/FvEff4t72drXg/BmtdDtPZVtTOGPtdO5BScWf3fvWc41XcAfFVzNvEmANh5Lxesx2e6AZVnav0cAOx8VjoCmA0OnLhNy6bNDvKaJtSZuIPfIe7z77S2WfN6MNa8FixU0uj6X+YU/Lzm/aSfOdV3AHxZk7/npp3PSv0dZZjOFPeo4QK0hbv9pFVOAOaAuqKh09rujUunzQ7ynCY0rcUf/A5xB7PZzolEEBEEmAdRQekNAAp4jnMUpGts/dGOQ4Y7DbfBqR9KqhjzNwMwbEfS140A7mtdYB0mAFC5RufsJ6/hhRO7YfG0OUEewuEcykbcwRy2YyIRzPqYwkQihlzexl7E8zdAQAEvgYtobP0xjrbDHYcPJk79cE4NEgCDIOkE9Ed9OW/90OffcAIwF1w466Omzg7ynCrUgfhDuYg/xLN4ZqaQSEiQpAikmORZxJsAoDzSe05fZWMchwxzGjYIp35UgzQcQAM6CalTt3qGPv/GCAAvABgExi9uMR++PnV2oPtUobdR4g/laF48Mcn2g32DWqNvgm63cLQkYhJmZqYgRezloP0TOM7sQPepMR++PhXsX2YHKddqhM615jHdKa6+FMxwHjrlLSYcOnKiP3xtylypxxTBaS31NOIPnWY7IxLB3MwUJmKSFpbL2/DX42a0tbEXevUr/lj9aoDOcbzGPQcAKCy7RfdVKBSQt7VBTJIgRSIQyrHFPJFUeP4mQABe4xwEzWuMk+2w54ZaE9/8dL4a/JF0T+uCc0x3iqs7Rw8+bOrbIwDMAwfOrg9eeX6u1P15oXASUr9HfOr3bEdICo5EIgYIAiAIyORt+JMHzqpX/LD6FX9BYwEKeNKQbtMaLEgkCRAESFIEMSmCvI0LiYLr6eYgaLwxTrZDHeyt8O1PZQZDEggIGDbtHyMBLAAXzv++MpmCI8wS0n5AfOoPbCdIEcyVJ2w6cmRyfjgv+2H1K35Ch6PNy00zJAkpAkkqI0n5bzVIZbdAQAVJt411sh3qYG9NfHumrAYd62UOwAF6QNIJ6GFtCYZPf4cXzs73X5o8VzpxsuDISfsBCWk/sh1gwFGZTCbHI144vlj1sq9W/cKyW/B0G877uWpxuZBkbW0QK8GofOKHdFupw6+vHkk2Qx3srIhvz5QzIZmBglQPAZB0ArIYGTQSwEJw4fx30aS50omTBMNJ/xEJaT+xtElShL5mpuhlIlZlNcjkGuC8NAOrXp6hU59eRFdNkIZTi11eQWvTkMRUiiMIQKxMdzLuOUmHPreMdbKxd7Czwrc/q0F6DgIgaQUkMrMaBeBFAIMZ4sSO/yz0mSudIBjOnvSfkJDOviOigsOMnFaZHI/+Uoez8qXpWPXSdMH6hWUVABTwcB3G214FqYgLSa4eSfyQtOvzRJL9sCEDie9+vlALdrpTQbqriYFGQJrgbH9vvs886QQfwXAyziAhnX0nhCRF6GveGyYmEvqCoFXexg9n0TSsemmaXvoAFSEEFPDUBMl1GACgqLyS7kNDEjMvHEiIxaQ6JB36fJE0dIglkf3LRb0g8QJSwlmkBuff87xfkE7wFg7nZ+zJ+EUNTj/z3ujFuCCQyeR49OcTHjhTsXLRVL30mVZYXgnqSB/K218bJImYpNIdlOmOF5J2fR5IdsNsLZH9yyU+SHXggaQGSGRmNRrAy+DA2fbuXK950vHC4Rz+BQkZv7IHI0Xob95bLa398ecTyLlwXpyCVYum6K1PiAi0cxaRgAKeLpogDYUCQOGFKrpPOyuSGOlOTKJV3qaXvjqkwXZDbS2I7F8v14ENyRE8kFiAlHBe4sLZ+q85XvOk472Ewtl7+FfsOfwb68+OYlKEAea91S8IlJHDbLvyxeex8sXnO6VvaiKhj3TVZ0XlVQAU8HCx1wgJAIovVHU846BQQC5vg0RCsi4cJCSptz4fJHsbCyJHHZJaJNGARGZWYwC8AmpLL3run/5ztud86XhPCLQ9R37DnsO/serEpAj9zPuglwk7ch4+eqweOQtVcDqnT53YScjkcvaRrowQ6khXN1W9WiTJ5JBwI6kT+lxzdho8xM5mAJHz25V6dKx3X3RE0h1ACUgjnHdmesyTjvMQHDlHfsfeI7+D+Xy0hCTR39wMpiYSuk4ma8Mfj56grU3Barty4WSsWDjZYH0xSUJMqu5Sg64vulANAPBwsePV93CxBwGg+EIN3UehAGSyNkjEYohJ0iB9bnF2GjzEfnB/5Px2lQmJme7ukBu2xooBvMmFs+UfER7z9YFzNA97juSxjhIxKUL/vn3Qq5eYVlYAuPfwT7XIWbHABysXTjJYX1XEYuU5Q8Y+0osuVIMA4OGsGZICQNHFjs2x2hUKtMrk6NO7FwgD9fkg2Q3uT+T+rgbJCcAZkpD0GQ3qYXZ6ep+8HeY+X+rmLhRO4tE87D2ax1ojCSnCgL5mMDURs+pbZXL89aSZVbdigQ9WLPDpEn3ueUkiJiGTydjnjAvVABRw1wiJ2mKu+GI165zUy0RCX9kZoq8OaZCtrXU/4nTetQaG+30BXCEJSZ8pAMZ0wAmduEDqNlFw5BzLx96jZ8E0MSnCgH5mvEf24+YWtMjkdNsV872xYoF3l+nzR5JY/Ui/WEPBcB7CD8nZjtGOMpIUoVcvSZfoc4uL0yBb20H9cDrvOhPSHTE6/m5BmaJdpM8Dd/zPNBCC+wMKrQ/4Ga6vuQ/1qry2ufKN3ZX63A7tbBaAiCQkfUgAU5UjEKfzbjTYWpvD2cnaRgh56ggBii/W0qpUzm6DiZikT6wdP8Dj5la6bdHFWlDpwLaL9Nk/ra1yPPjjMeRt7P1ll8/3xPL5nhrnlXisAInHCll9+pv3Vhuvs/rcciy7rPQ/O7NLwc4BJ0hC0ucBAB9QOY+GZGNlTrg4WQ8WBsmWWsRLdexFVP0eISbpIUlShCfNMlY6KFZC8hirCZJwfWZpkclw/xHP4s3zwPL5HprhZBYi8VgRq4+YJNG/b28QBGGwPrcczS4//99dOec5M2gAcJRUtD5uX//xp7UARjEhfZ9/s3HwQDPCWSAkd75FbKeOdImYem+HAEAQBCQSEq2tbRxIdZTOWBvD9JWlpVWG+388hlzOXrxl89yxfJ67xnkkZRYhMbNYDY5F/z6QMP7S21l9NTjflZe9H51bxgNnP4B6+rk4kZmVC4Al6Nh7GgCw6W/+bgukzm4QaImZJUjKLGFPUExN0NREQtc1t/BPcPm8iVg2b6JB+s2tMtx/yLd4E7Fci3ZSZgkS+bT79YFpL4bvndTn2tHsi2Xvx3zP3bW3HkAKgAsA2A8uisysXMEDaeMbvm4LpM6uQgdO+uIckr44x6oTi0lY8kC6x3cUvjABy16Y0Cl9ALjHt3id1eSB0xl9rh3Nvlj+v7E/aoJDP0ql9mSpEtIycCBtWDvDdaHU2UWoA9SES1l11CKasSfcIsO9h39pmPB4vfUB8GiN1wGnVANwob5q1+fakeyLFz7Y/RP3ebZ6AElgwAF4AAEsSLbM+g1rprsskI7VA1Ipko+fZ9VJxCQsB6hP/O4D/okvnTtOL32uLZ07Tivo5OPneUEP5PHx3oO/IOP4qEufa0ezL134IO7MBU51HXjgABoAAYDIzMoNwHJwIK1fPc15oXSMs1CHko6fR9JxdiRLNCzAXZ4FWDZ3HJbN1XwK5NPv6OuGZdoAHy9DEs8BJNw37fpcO5J9+eKH8T9f5FTXAUgEwDsJrQ/PKyGtAAfSulVTnBdKx4wV6ljy8TIkZ/FBMudZiD95jlI3LJ2jGRKf/tI5bliqBWxyVhmSeQ8cgT7p0OfakezLl9Yl/MoHZy80wAF0AAJoSCuhBun5sQuDRguGlJRVjuQsdgRLxCQGWpijN2NBnrTIcPe++oIsm+OKpXM0X6cw9ZfOccUyLW2Ts8qRZIAvuvS5diTnyqV1Cb9d4lTXAdgDLXAAAU/1LHRvaIw7UloNYCyAflBeq/9YWHXXyqI3XBwtrQT9njTGGgBQcqWJ1m5vV6ClVQ6JRKJ81JegfqeRkGhplSvfN6Ws+HIjAAUmjrbWqu8+ZhCWznHR6Efyl+VIzmKfAjrgmKimhyctcn44s1206nPLkZwrl9fv+f0K2L/n1EMAHEAAoDvXvsXaheMb4o6erwJ1U5WG9FNR9V2r/qaEq5OhkGQwkYjpXwQlYhImPJBKLjdROqOtNOpTY2iCcwHJX7KzjERMwsrCHH16mdCr19wiw937j3jgOGPpbGed81SVw9lXrmzYm8eFUwcgAYD2qxul6QTUdPUbAAqsWTCuIe5oWTW4kIpr7loNMBUcSRNHU+94lVy5Q4/BgiShbttohHSliaEjbKEABVJOXETyl+wso4LT29SEXr4nLTLc4YGzZNZYLJ09VvB4R3KuXtmQeJYPzh4IhAMIBkTZmgVuDXHHytTS3U/FNfcG9jOFq5PlQA0yLHPXAqkXTyQ1q0G6AwKgYeuylBOXkXxCHY61hTn6mDIip1kTnDFYOkvw6RaHs69d3ZhUcA3qcOIBlGrryzWdgBqvnATzyFgz37Uh/lh5FTiQzpTU3rPs34twcbQYqF8kdTzE0t6uQHNLR7oDGJBa1CEBwMTRA7WOk3LiMlJOXGbNSSImYW2pjBylPWmWoekeH5zRWDJrjM750Gkt59q1TcmFfHDioCccQNB2ZO1qpSxjYalyQOZTKcSm5MJrh3OuXePrw1eWzBqFJbNGsUaTydvQdP8RmltkIAiCLvx/AhI2jpoRYGk3t8jQxBs5Kv+EjdPVcAAhKe7KV+A7UtbMd66Pz7xYBcAZ1JcoKSOp7r5lPxO4OlpYCoukgVAAKLna8YhyW7sCzcpzkkzehqZ7j9Aq4yzezJFYOmtUj+urSkbO9esfpRTfABtOLYDdAM5pXWQtpjvFXf5K42er5znXx2deqgQFiU53P5fU37foa0K4OllYCnGCSlPqi9jSKsPjJ628i7dk5kgh0t2in5F948bH+87xwYmFAXCALtjt6nzq3HNKR5iPsxIf7z93IyP7+g2hrw8uiXDCkgj2W4Ktsjb1xYsYgSURToI0u0M/I/v6jY/388NRro1B1iWbKZUeml0CIAZqkEpvpmffuCl0w6LFEY5YHKH5zWrV55r6p3x1DSlfXTOaPrekZ9+4+fH+0ps8cGJKD80u6YrNlHSnuEtZGifELKtfGF2fcPxqJQBXMM5Jv5Q2PBhgLiHcHAdYCDonjbIAAJy7dp/lx+JwR+rI1tBv38kbSPn6Bkqu3qMuwUcO6FJ9bknPuXlr8+dlt6AOZ1fpwZklqnYJx69qXV9dphNQw8UswWKr5o5SQXIB45z0S2njgwHmJnB1HGAhRIe7iIvDHbE4XPPr8PtO3sS+kzfp/5dcpfpNGMk/nL76XMvIuX1r88FyXjjnPo8oYbY1FJDubyLWM0zPHQgrnhB5aieA/wFgr6rffLD8tkLRTrwU5OAgRGdxmANU23lR/+b3Y9/JW9h38pZ6/dc3AYUCi8OfM0ifa+k5t29vOXTxNtgX/tUAdp47EFbcFbssMk3n3ezSY692Snhi5LfuAN4GAxIAvPvqWIdFQcMdOiXKsf0nb2Pfydta2ywOd0BUeJcMh4ycittbDl3iDlgN4LOSAyHFPF0wMZJ/4yahZrQtMUv2BxcD+AzUd2nTqWDLoUsVGTkVFZ3VVZV9J28j5eRt1plBIqHuhDPrUlQQDRwvI6eiYsuhSxVgp7UaAJ+V7A8u1tjXQDPqvtnF+4JUkGrB2H1jy6FLlWnZtys7q7uPJ3JMJCRsrPvDxro/TCTsXUpU7Ts7Xlr27cothy5Vgr2DSC2Az4r3BRVr62t0QJ3Z6ZdZilMCigBsByeStqZdqUzPqajUV2//qQrsO1WhBsfWuj/Me5vAvLcJbPkgnarA/lMVevufnlNRuTXtCnPjPlXkbC9OCSjSexuargdkWGqAQoHiZP8iANvUIV2tSsuprNJHS/Oz2nyFOxX9/E7Lqazamna1CupwthUn+xcJ0jHQumVjcwXaUZTsq4LE3B6F2JZ+rSott7JKqE5UqB2iQlnXHWiVyVHX9BB/Nbfir+ZW1DU9RCvjDQoAiAq1R1SonWB/03Irq7alX+PCqQawrSjZt8jYm7ALBtQVEaQqRUkzCvkhXa9Oz6muFqoTFWKHqBD2uzetMhnqGh+grvEBWmUy1md0e4H66TnV1dvSr7N8pOEkzSjUa97GBmToftPcUpg4rRDAVjVIGder03KrqoXqRIYMQWQw+8vtW1rlaGmVs+oig+0QGTJEsH9puVXV2zJ44WwtTJxWqO98jQ6IeSR2VSlMnMoLaXvGzZq03JoaoTpRoUMQFTJEo+dRIUMQFSrsBSpAgbTcmprtGTdZ50nQcKYWdm6+hlmPfUVa4d4pBQA+BQfSjsM3a9JyamqEpzt+SHS94AuCmpodh3nhfFq4d0pBp+dqbEBdneKYpWDP5AIAW9QgHblVm5ZbUys43QXbIDK447G9yGBbRAbb6JHWamp3HLnFuhOv9GlLwZ7JBYbM0VATcC/O8KNAmxUkTCrwWpW3GcB7AOhNBnYcuV0LhQIvBdhqzmEMiwpWvVek/LdAv9NP19XuOFqhgqOyKgCbCxImFRh7/rpM5724ooPh3eKI16p8bwD/BrVTLm1vLxg+5OUAG1v+XoZZ2un6us8oOEyrBLC5IMHnLF8ffc1rVb5B/Xs0xTHL2XivswA2gzp66VTz2dGKutTcurquHi81t67us6MVrIdelGNvPhvvdbarxjHUeuQqTlM5G+95FsAn4EDaeayyPi23vr6rxknLra/feaySuXGECs4nlA9dOS/DrMeu4jSVs3EeZwF8DC6kzCoKkoH6abn19Tszq/jgfHw2zuNsl8/J2ICod/27t+TvdtcAqbohNbehobO6qbkNDTszq5kbRdBw8ne7nzXGXIwOqDtTHLPk756YD+AjcCDt+qK6Ie10Q4Peae10Q8OuL3jhfESNZay5GGZG/3ODISU/dnw+gE1Qg1TTmJrb0ChUJzW3oXHXFzWNPHA25ceOzzfqPIwNSNPXj3XXT17suHwAG0Fd/tILHH28tjH1dGOjrv6ppxsbo4/XcuFUAtiYFzsu39j+Gx1Qd18k8JW8GDdVJHEg1TWl5jY1aeqXmtvUFH28rokHzqa8GLf8bvHf6IDoXNqzJS/GNQ9UJLH+nBqTVdeYerqpids+9XRTU0xWXSNnMhUANlJa3eW7YfZMRBAdSdEuKkisSIrJqm9KPd0RSRScer7I2ZgX7ZLXrX4baAK+BfLpst+jXfImv3lhA4APQX1ZBQAgJqvhjkJ5Py02q+EO2PfWKgBs+D3aJe9pm48u03kvLj9peje5op9NfuviJADrwICkwSoArPt9l3OejnZGsclvcd+818+EvIZv0ABGNl2QKpSf9wicrjABFwlPteUBWA/OOQkd55z1eIbhAM9+BKmsFwAPZQGAImVp6TGPusj+D56qHfip9d+9AAAAAElFTkSuQmCC);
	}
}
@layer lol {
	._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_15he7_2 1s linear infinite;
	}

	@keyframes _spin_15he7_2 {
		from {
			transform: rotate(0deg);
		}

		to {
			transform: rotate(360deg);
		}
	}
}
@layer lol {
	._toast_1a46s_2 {
		padding: 1rem;
		border: 2px solid transparent;
		background:
			var(--lol-toast-background-gradient) padding-box,
			var(--lol-toast-border-gradient) border-box;

		width: var(--width);
		font-size: 13px;
		display: flex;
		align-items: center;
		gap: 6px;
	}

	._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_1a46s_22 {
		font-size: var(--lol-font-size-sm);
	}

	._content_1a46s_26 {
		display: flex;
		align-items: flex-start;
		gap: 0.75rem;
	}

	._icon_1a46s_32 {
		display: flex;
		height: 20px;
		width: 20px;
		position: relative;
		justify-content: flex-start;
		align-items: center;
		flex-shrink: 0;
		margin-left: var(--toast-icon-margin-start);
		margin-right: var(--toast-icon-margin-end);
		& > * {
			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_1a46s_26 {
		display: flex;
		flex-direction: column;
		gap: 2px;
	}

	._actions_1a46s_62 {
		display: flex;
		justify-content: flex-end;
		margin-top: 0.25rem;
	}

	._button_1a46s_68 {
		padding-left: 8px;
		padding-right: 8px;
		margin-left: var(--toast-button-margin-start);
		margin-right: var(--toast-button-margin-end);
		flex-shrink: 0;
	}

	._closeButton_1a46s_76 {
		position: absolute;
		min-height: 1.33rem !important;
		left: var(--toast-close-button-start);
		right: var(--toast-close-button-end);
		top: 0;
		display: flex;
		justify-content: center;
		align-items: center;
		padding: 0;
		transform: var(--toast-close-button-transform);
		border-radius: 50%;
		cursor: pointer;
		z-index: 1;
	}

	._loader_1a46s_92 {
		width: 20px;
		height: 20px;
	}
}
@layer lol {
	._track_4bjh8_2 {
		background:
			var(--lol-switch-background-gradient) padding-box,
			var(--lol-switch-border-gradient) border-box;

		--lol-switch-border-gradient: var(--lol-gradient-gold);
		--lol-switch-background-gradient: var(--lol-gradient-grey-300);

		border: 2px solid transparent;
		height: 1.5rem;
		width: 3.5rem;

		border-radius: 9999px;

		position: relative;
	}

	._knob_4bjh8_19 {
		position: absolute;
		left: -0.5rem;
		top: -0.375rem;
		height: 2rem;
		width: 2rem;
		border-radius: 9999px;
		background:
			var(--lol-switch-background-gradient) padding-box,
			var(--lol-switch-border-gradient) border-box;

		transition: left 200ms ease-in-out;

		--lol-switch-border-gradient: var(--lol-gradient-gold);
		--lol-switch-background-gradient: var(--lol-gradient-grey-300);

		border: 2px solid transparent;
	}

	._switch_4bjh8_38 {
		display: inline-flex;
		align-items: center;
		gap: 1rem;
		padding: 0.25rem 0.375rem;

		&[data-hovered] {
			._track_4bjh8_2 {
				--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
			}
			._knob_4bjh8_19 {
				--lol-switch-border-gradient: var(--lol-gradient-gold-hover);
			}
		}

		&[data-pressed] {
			._track_4bjh8_2 {
				--lol-switch-border-gradient: var(--lol-gradient-gold-press);
			}
			._knob_4bjh8_19 {
				--lol-switch-border-gradient: var(--lol-gradient-gold-press);
			}
		}

		&[data-disabled] {
			._track_4bjh8_2 {
				--lol-switch-border-gradient: var(--lol-gradient-disabled);
			}
			._knob_4bjh8_19 {
				--lol-switch-border-gradient: var(--lol-gradient-disabled);
			}
		}

		&[data-selected] {
			._track_4bjh8_2 {
				--lol-switch-background-gradient: var(--lol-gradient-hextech);
			}
			._knob_4bjh8_19 {
				left: calc(100% - 1.5rem);
			}
		}
	}
}
@layer lol {
	._resizableContainer_1ftu2_2 {
		overflow: auto;
		position: relative;
	}

	._table_1ftu2_7 {
		--lol-table-indent: 1.125rem;

		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;
		outline: none;

		font-family: var(--lol-font-family-spiegel);
		font-size: var(--lol-font-size-sm);
		line-height: var(--lol-line-height-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		font-weight: var(--lol-font-weight-sm);

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.25rem;
		}

		/* The whole table is the drop target when a drag is dropped on it rather
		   than between two of its rows. */
		&[data-drop-target] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.25rem;
		}
	}

	/* Inside a `Virtualizer` the table is a <div> whose rows are placed by the
	   layout, and it scrolls them itself — which is what the virtualizer measures
	   against, so it is the one table that needs a height of its own. */
	div._table_1ftu2_7 {
		overflow: auto;
		position: relative;

		/* That also makes the header stick over the rows as they scroll past. The
		   header cells tile the full width of the row, so frosting each one covers
		   the strip; without it the rows read straight through the labels. The
		   tint is the client's page black, which is what any surface the table
		   sits on is a shade of. */
		& ._column_1ftu2_46 {
			background-color: color-mix(
				in srgb,
				var(--lol-color-hextech-black),
				transparent 4%
			);
			backdrop-filter: blur(12px);
		}
	}

	._row_1ftu2_56 {
		color: var(--lol-color-grey-100);
		outline: none;
		transition: color 0.3s ease;

		/* Every decoration is a background layer: a pseudo element on a table row
		   is laid out as an anonymous cell and would shift the columns. */
		--lol-table-row-spine: none;
		--lol-table-row-hover: none;
		--lol-table-row-highlight: none;

		background-image:
			var(--lol-table-row-spine), var(--lol-table-row-hover),
			var(--lol-table-row-highlight);
		background-repeat: no-repeat;

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}

		&[data-href] {
			cursor: pointer;
		}

		&[data-hovered] {
			color: var(--lol-color-gold-100);
			--lol-table-row-hover: linear-gradient(
				90deg,
				rgb(from var(--lol-color-gold-100) r g b / 0.08),
				transparent
			);
		}

		&[data-selected] {
			color: var(--lol-color-gold-100);
			/* Gold spine on the selected row, matching the client's "current" row. */
			--lol-table-row-spine: linear-gradient(
				90deg,
				var(--lol-color-gold-500) 0 0.25rem,
				transparent 0.25rem
			);
			--lol-table-row-highlight: linear-gradient(
				90deg,
				rgb(from var(--lol-color-blue-400) r g b / 0.55),
				rgb(from var(--lol-color-blue-300) r g b / 0.1)
			);
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			cursor: default;
		}

		&[data-dragging] {
			opacity: 0.4;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: -1px;
		}

		/* A row is only its own drop target when the table takes drops onto rows;
		   reordering draws the `.dropIndicator` between them instead. */
		&[data-drop-target] {
			color: var(--lol-color-gold-100);
			--lol-table-row-highlight: linear-gradient(
				90deg,
				rgb(from var(--lol-color-gold-400) r g b / 0.35),
				rgb(from var(--lol-color-gold-400) r g b / 0.1)
			);
		}
	}

	._cell_1ftu2_130 {
		/*
		 * 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;

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: -1px;
		}
	}

	._resizer_1ftu2_148 {
		position: absolute;
		inset-block: 0;
		inset-inline-end: 0;
		width: 0.75rem;
		box-sizing: border-box;
		border-inline: 0.3125rem solid transparent;
		background-color: rgb(from var(--lol-color-gold-500) r g b / 0.6);
		background-clip: content-box;
		touch-action: none;
		outline: none;
		cursor: col-resize;

		&[data-resizable-direction="left"] {
			cursor: e-resize;
		}

		&[data-resizable-direction="right"] {
			cursor: w-resize;
		}

		&[data-hovered],
		&[data-resizing] {
			background-color: var(--lol-color-gold-400);
		}

		&[data-focus-visible] {
			background-color: var(--lol-color-gold-200);
		}
	}

	/* Fixed footprint so toggling the sort direction never shifts the header. */
	._sortIndicator_1ftu2_180 {
		display: inline-block;
		vertical-align: middle;
		width: 0.5rem;
		margin-left: 0.375rem;
		opacity: 0;
		transition: opacity 0.3s ease;

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}

		&::after {
			content: "";
			display: block;
			width: 0;
			height: 0;
			border-style: solid;
			border-color: transparent;
			border-width: 0 0.25rem 0.375rem;
			border-bottom-color: currentColor;
		}
	}

	._column_1ftu2_46 {
		position: relative;
		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-100);
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.075em;
		line-height: 1rem;
		text-transform: uppercase;
		white-space: nowrap;
		padding: 0.375rem 0.75rem;
		/* The client separates the header from the rows with a faint hairline
		   rather than a full border. */
		border-bottom: 1px solid rgb(from var(--lol-color-grey-100) r g b / 0.25);
		outline: none;

		/* Only sortable columns are interactive, so they are the only ones react
		   aria marks as hovered or pressed. */
		&[data-allows-sorting] {
			cursor: pointer;
			user-select: none;
			transition: color 0.3s ease;

			@media (prefers-reduced-motion: reduce) {
				transition: none;
			}
		}

		&[data-hovered] {
			color: var(--lol-color-gold-200);
		}

		&[data-pressed] {
			color: var(--lol-color-gold-500);
		}

		&[data-hovered] ._sortIndicator_1ftu2_180 {
			opacity: 0.5;
		}

		&[data-sort-direction] ._sortIndicator_1ftu2_180 {
			opacity: 1;
		}

		&[data-sort-direction="descending"] ._sortIndicator_1ftu2_180::after {
			border-width: 0.375rem 0.25rem 0;
			border-top-color: currentColor;
			border-bottom-color: transparent;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: -1px;
		}
	}

	/* The checkbox and the drag handle sit in columns of their own, added by
	   `TableHeader` and `TableRow`. Both shrink to their content: a percentage
	   width smaller than the content is the table layout's way of saying "as
	   narrow as this can go". */
	._selectionColumn_1ftu2_264,
	._selectionCell_1ftu2_265,
	._gripColumn_1ftu2_266,
	._gripCell_1ftu2_267 {
		width: 1%;
		white-space: nowrap;
	}

	._selectionCell_1ftu2_265,
	._gripCell_1ftu2_267 {
		padding-inline-end: 0;
	}

	._grip_1ftu2_266 {
		/* 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;
		color: inherit;

		display: block;
		width: 0.625rem;
		height: 0.75rem;
		outline: none;
		/* Three hairlines, the client's drag affordance. */
		background: repeating-linear-gradient(
			to bottom,
			currentColor 0 1px,
			transparent 1px 0.25rem
		);
	}

	/* React aria drags the row itself and leaves the handle inert, so the cursor
	   has to come from the row. */
	._table_1ftu2_7[data-allows-dragging] ._row_1ftu2_56 {
		cursor: grab;
	}

	/* The indicator is a row of its own with a single full-width cell, so the
	   line is drawn by a pseudo element that takes up no space of its own. */
	._dropIndicator_1ftu2_119 {
		& > td,
		& > th {
			position: relative;
		}

		&[data-drop-target] > td::after,
		&[data-drop-target] > th::after {
			content: "";
			position: absolute;
			inset-inline: 0;
			top: -1px;
			height: 2px;
			background-color: var(--lol-color-gold-400);
		}
	}

	/* The expand chevron of a `treeColumn` cell, and the indent that puts a
	   nested row under its parent. React aria sets `--table-row-level` on every
	   row, starting at 1. */
	._treeContent_1ftu2_327 {
		display: flex;
		align-items: center;
		gap: 0.375rem;
		padding-inline-start: calc(
			(var(--table-row-level, 1) - 1) *
			var(--lol-table-indent)
		);
	}

	._chevron_1ftu2_337 {
		appearance: none;
		border: 0;
		margin: 0;
		padding: 0;
		font: inherit;
		letter-spacing: inherit;
		color: inherit;

		flex: none;
		width: 0.5rem;
		height: 0.75rem;
		outline: none;
		cursor: pointer;

		--lol-table-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABF0lEQVR42r3WMY7CQAxA0R8r2oobUMBB9hTLPegguQJUNHuJLbZb7RU4BvQIiZaKJiNFo0wy8dhYiiJNLD+N5RmlOv9sGYgtsAQajKJOICeg6p69BSQjCMAOOFpDMYIlJhOIGSbAqitSTeQWYQJcgQ3wzMhXY6F1f8CXJ9YfBlcsHm83TAbWXDBJrJtjMvLNFJOJAmaYZBQwwSRzaIoxmXEUijCZecDVmCiuLRVWKy/jgP0CHxmYakchHpm7ArhpoU/gH1hk5DbAUd6BaFqnQuZCamQOVITkQsVIDmSCTEFmyBhkiqQgc2QIckFiyA3pQ65IgNbeSIAuwLcn0m9dCxy8kHgYUlgxMjTeMWaCpP4Z2u59t0IAXn+VXtMKZ5riAAAAAElFTkSuQmCC");
		background: var(--lol-table-chevron) no-repeat center / contain;
		transition: rotate 0.15s ease;

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.125rem;
		}
	}

	._chevronSpacer_1ftu2_366 {
		flex: none;
		width: 0.5rem;
	}

	._row_1ftu2_56[data-expanded] ._chevron_1ftu2_337 {
		rotate: 90deg;
	}

	._row_1ftu2_56[data-hovered] ._chevron_1ftu2_337,
	._chevron_1ftu2_337[data-hovered],
	._chevron_1ftu2_337[data-focus-visible] {
		--lol-table-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABGElEQVR42r3WO47CMBCA4T+jaCtuQLEcZE+x3IOOxxVIRcM1tlvtPTgBNFQIQUu1TSxFVpw44xlGiiI5o/nk0dhK9bie6IkVMAe2GEWdQA5A1T4bC0gGEIA10FhDMYIlJiOIGSbAZ1ukGsktwgS4AEvglZGvxkLrfoFvT6w7DK5YPN5umPSsuWCSWDfHZOCbKSYjBcwwyShggknm0BRjMuEoFGEy8YCrMVFcWyqsVl7GAfsBPjIw1Y5CPDN3BXDTQl/AHzDLyN0CjbwD0bROhUyF1MgUqAjJhYqRHMgEGYPMkCHIFElB5kgf5ILEkBvShVyRAC28kQCdgaMn0m3dDth7IfEwpLBipG+8Y8wESf0z7Nr33QoB+AdPzF+bRdCP8QAAAABJRU5ErkJggg==");
	}

	._row_1ftu2_56[data-disabled] ._chevron_1ftu2_337 {
		cursor: default;
		filter: grayscale(100%);
	}

	._loadMore_1ftu2_386 > td,
	._loadMore_1ftu2_386 > th {
		padding: 0.5rem;
	}

	._spinner_1ftu2_391 {
		width: 1.5rem;
		margin-inline: auto;
	}

	._footer_1ftu2_396 {
		color: var(--lol-color-gold-300);

		& ._cell_1ftu2_130 {
			border-top: 1px solid rgb(from var(--lol-color-grey-100) r g b / 0.25);
		}
	}

	._empty_1ftu2_404 {
		padding: 1rem 0.75rem;
		text-align: center;
	}

	/* 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_1ftu2_7 [data-empty] > tr > td {
		padding: 0;
	}

	._start_1ftu2_415 {
		text-align: start;
	}

	._center_1ftu2_419 {
		text-align: center;
	}

	._end_1ftu2_423 {
		text-align: end;
	}
}
@layer lol {
	._list_nrxix_2 {
		margin-left: -1rem;
		display: flex;
	}

	._tab_nrxix_7 {
		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-300);
		position: relative;
		cursor: pointer;
		user-select: none;
		padding: 0.25rem 1rem;
		font-size: 0.75rem;
		font-weight: 500;
		text-transform: uppercase;
		letter-spacing: 0.1em;
		line-height: 1rem;
		outline: none;

		&[data-selected] {
			color: var(--lol-color-gold-100);
		}

		&[data-hovered] {
			color: var(--lol-color-gold-100);
		}

		&[data-pressed] {
			color: var(--lol-color-gold-500);
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			cursor: default;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.25rem;
		}
	}

	._indicator_nrxix_44 {
		position: absolute;
		bottom: 0;
		left: 0;
		height: 1px;
		width: 100%;
		background: linear-gradient(
			to right,
			transparent,
			var(--lol-color-gold-200),
			transparent
		);

		transition-property: translate, width;
		transition-duration: 200ms;
		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}
	}
}
@layer lol {
	._textField_1dbgw_2 {
		background:
			var(--lol-input-background-gradient) padding-box,
			var(--lol-input-border-gradient) border-box;

		--lol-input-border-gradient: var(--lol-gradient-gold);
		--lol-input-background-gradient: var(--lol-gradient-hextech-black);

		border: 1px solid transparent;
		grid-area: input;
		padding: 0 0.75rem;
		margin: 0;
		font-size: 0.75rem;
		line-height: 1rem;
		outline: none;
		font-family: var(--lol-font-family-spiegel);
		font-weight: 500;
		letter-spacing: 0.025em;

		min-height: var(--lol-form-input-min-height);

		color: var(--lol-color-gold-100);

		display: flex;
		width: 100%;

		&[data-disabled] {
			--lol-input-border-gradient: var(--lol-gradient-disabled);
			color: var(--lol-color-grey-150);
		}

		&[data-focused] {
			--lol-input-border-gradient: var(--lol-gradient-gold-hover);
			--lol-input-background-gradient: var(--lol-gradient-grey-focus);
		}

		&._small_1dbgw_38 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_1dbgw_42 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_1dbgw_46 {
			min-height: var(--lol-form-height-large);
		}

		&._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 {
	._tokenField_isyx7_2 {
		display: grid;
		grid-template-areas:
			"label"
			"input"
			"help";

		color: var(--lol-color-gold-100);
	}

	._input_isyx7_12 {
		background:
			var(--lol-token-field-background-gradient) padding-box,
			var(--lol-token-field-border-gradient) border-box;

		--lol-token-field-border-gradient: var(--lol-gradient-gold);
		--lol-token-field-background-gradient: var(--lol-gradient-hextech-black);

		border: 1px solid transparent;
		grid-area: input;
		margin: 0;
		padding: 0.375rem 0.75rem;
		outline: none;

		font-family: var(--lol-font-family-spiegel);
		font-size: 0.75rem;
		font-weight: 500;
		letter-spacing: 0.025em;
		line-height: 1.25rem;
		color: var(--lol-color-gold-100);

		/* The editable area is a contenteditable box holding a mix of text nodes
		   and token spans, so it has to stay a block formatting context: a flex
		   container would wrap each run of text in an anonymous box and the caret
		   would no longer move across the boundaries between them. */
		display: block;
		white-space: pre-wrap;
		overflow-wrap: anywhere;

		&[data-disabled] {
			--lol-token-field-border-gradient: var(--lol-gradient-disabled);
			color: var(--lol-color-grey-150);
		}

		&[data-focused] {
			--lol-token-field-border-gradient: var(--lol-gradient-gold-hover);
			--lol-token-field-background-gradient: var(--lol-gradient-grey-focus);
		}

		/* The field holds no value of its own to hang a `::placeholder` on — its
		   content is the editable DOM — so an empty box paints the hint itself. */
		&:empty::before {
			content: attr(data-placeholder);
			color: var(--lol-color-grey-150);
		}

		&._small_isyx7_58 {
			min-height: var(--lol-form-height-small);
		}

		&._medium_isyx7_62 {
			min-height: var(--lol-form-height-medium);
		}

		&._large_isyx7_66 {
			min-height: var(--lol-form-height-large);
		}
	}

	._token_isyx7_2 {
		background:
			var(--lol-token-background-gradient) padding-box,
			var(--lol-token-border-gradient) border-box;

		--lol-token-border-gradient: var(--lol-gradient-hextech);
		--lol-token-background-gradient: var(--lol-gradient-grey-300);

		border: 1px solid transparent;
		border-radius: 9999px;
		padding: 0 0.4rem;

		/* Inline, so a token flows with the text it sits between and wraps with
		   it; inline-block would still be one atom but cannot break onto the next
		   line as a run of text does around it. */
		display: inline;
		color: var(--lol-color-blue-100);
		white-space: nowrap;

		&._hextech_isyx7_90 {
			--lol-token-border-gradient: var(--lol-gradient-hextech);
			color: var(--lol-color-blue-100);
		}

		&._gold_isyx7_95 {
			--lol-token-border-gradient: var(--lol-gradient-gold);
			color: var(--lol-color-gold-300);
		}

		&._grey_isyx7_100 {
			--lol-token-border-gradient: var(--lol-color-grey-100);
			color: var(--lol-color-gold-100);
		}

		/* `userSelect: all` makes a token select as one atom, so the selected
		   state is all-or-nothing and can be painted as such. */
		&[data-selected] {
			--lol-token-background-gradient: var(--lol-gradient-gold-hover);
			color: var(--lol-color-hextech-black);
		}

		&[data-disabled] {
			--lol-token-border-gradient: var(--lol-gradient-disabled);
			color: var(--lol-color-grey-150);
		}
	}
}
@layer lol {
	._toolbar_1j7x4_2 {
		display: flex;
		align-items: center;
		gap: 0.5rem;

		/*
		 * Controls keep their own width in a vertical toolbar; stretching them
		 * blows up anything sized by aspect ratio, like square/round buttons.
		 */
		&[data-orientation="vertical"] {
			flex-direction: column;
			align-items: flex-start;
		}
	}

	._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;
		background-image: linear-gradient(
			to right,
			rgba(0, 0, 0, 0),
			var(--lol-color-gold-600),
			rgba(0, 0, 0, 0)
		);

		/* A vertical separator renders as a <div>, so it has no implicit size. */
		&[aria-orientation="vertical"] {
			height: auto;
			width: 1px;
			background-image: linear-gradient(
				to bottom,
				rgba(0, 0, 0, 0),
				var(--lol-color-gold-600),
				rgba(0, 0, 0, 0)
			);
		}
	}
}
@layer lol {
	._tree_17ans_2 {
		--lol-tree-indent: 1.125rem;

		box-sizing: border-box;
		overflow: auto;
		outline: none;

		font-family: var(--lol-font-family-spiegel);
		font-size: var(--lol-font-size-sm);
		line-height: var(--lol-line-height-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		font-weight: var(--lol-font-weight-sm);

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.25rem;
		}
	}

	._item_17ans_21 {
		display: flex;
		align-items: center;
		gap: 0.375rem;
		/* Rows are flattened siblings, so the nesting comes from the level react
		   aria exposes on each row rather than from the DOM. */
		padding: 0.375rem 0.75rem 0.375rem
			calc(0.5rem + (var(--tree-item-level) - 1) * var(--lol-tree-indent));
		color: var(--lol-color-grey-100);
		outline: none;
		cursor: default;
		transition: color 0.3s ease;

		/* Every decoration is a background layer so the row keeps a single box:
		   the chevron and the checkbox already own the inline start. */
		--lol-tree-item-spine: none;
		--lol-tree-item-hover: none;
		--lol-tree-item-highlight: none;

		background-image:
			var(--lol-tree-item-spine), var(--lol-tree-item-hover),
			var(--lol-tree-item-highlight);
		background-repeat: no-repeat;

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}

		/* Branches read as the client's collapsible section headers, leaves as
		   list content. */
		&[data-has-child-items] {
			font-family: var(--lol-font-family-beaufort);
			font-size: 0.75rem;
			font-weight: 700;
			letter-spacing: 0.075em;
			line-height: 1rem;
			text-transform: uppercase;
			color: var(--lol-color-gold-300);
		}

		&[data-selection-mode]:not([data-disabled]),
		&[data-href] {
			cursor: pointer;
		}

		&[data-hovered] {
			color: var(--lol-color-gold-100);
			--lol-tree-item-hover: linear-gradient(
				90deg,
				rgb(from var(--lol-color-gold-100) r g b / 0.08),
				transparent
			);
		}

		&[data-selected] {
			color: var(--lol-color-gold-100);
			/* Gold spine plus hextech wash on the selected row, matching the
			   client's "current" row. */
			--lol-tree-item-spine: linear-gradient(
				90deg,
				var(--lol-color-gold-500) 0 0.25rem,
				transparent 0.25rem
			);
			--lol-tree-item-highlight: linear-gradient(
				90deg,
				rgb(from var(--lol-color-blue-400) r g b / 0.55),
				rgb(from var(--lol-color-blue-300) r g b / 0.1)
			);
		}

		&[data-disabled] {
			color: var(--lol-color-grey-150);
			cursor: default;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: -1px;
		}
	}

	/* 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_17ans_21 + ._item_17ans_21[data-level="1"] {
		border-top: 1px solid var(--lol-color-gold-600);
	}

	._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;
		outline: none;
		cursor: pointer;

		--lol-tree-chevron: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAoCAYAAADg+OpoAAABF0lEQVR42r3WMY7CQAxA0R8r2oobUMBB9hTLPegguQJUNHuJLbZb7RU4BvQIiZaKJiNFo0wy8dhYiiJNLD+N5RmlOv9sGYgtsAQajKJOICeg6p69BSQjCMAOOFpDMYIlJhOIGSbAqitSTeQWYQJcgQ3wzMhXY6F1f8CXJ9YfBlcsHm83TAbWXDBJrJtjMvLNFJOJAmaYZBQwwSRzaIoxmXEUijCZecDVmCiuLRVWKy/jgP0CHxmYakchHpm7ArhpoU/gH1hk5DbAUd6BaFqnQuZCamQOVITkQsVIDmSCTEFmyBhkiqQgc2QIckFiyA3pQ65IgNbeSIAuwLcn0m9dCxy8kHgYUlgxMjTeMWaCpP4Z2u59t0IAXn+VXtMKZ5riAAAAAElFTkSuQmCC");
		background: var(--lol-tree-chevron) no-repeat center / contain;
		transition: rotate 0.15s ease;

		@media (prefers-reduced-motion: reduce) {
			transition: none;
		}

		&[data-focus-visible] {
			outline: 1px solid var(--lol-color-gold-400);
			outline-offset: 0.125rem;
		}
	}

	._chevronSpacer_17ans_139 {
		flex: none;
		width: 0.5rem;
	}

	._item_17ans_21[data-expanded] ._chevron_17ans_108 {
		rotate: 90deg;
	}

	._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_17ans_21[data-disabled] ._chevron_17ans_108 {
		cursor: default;
		filter: grayscale(100%);
	}

	._label_17ans_159 {
		flex: 1;
		min-width: 0;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
	}

	._empty_17ans_167 {
		padding: 1rem 0.75rem;
		text-align: center;
	}

	._loadMore_17ans_172 {
		display: flex;
		justify-content: center;
		padding: 0.5rem;
	}

	._spinner_17ans_178 {
		width: 1.5rem;
	}
}
@layer lol {
	._table_v9mcp_2 {
		border-collapse: collapse;
		border-spacing: 0;
		width: 100%;

		font-family: var(--lol-font-family-spiegel);
		font-size: var(--lol-font-size-sm);
		line-height: var(--lol-line-height-sm);
		letter-spacing: var(--lol-letter-spacing-sm);
		font-weight: var(--lol-font-weight-sm);
		color: var(--lol-color-grey-100);
	}

	/*
	 * Both headings are set the same way — the client's heading face, in gold
	 * over the grey of the data. What tells them apart is only which edge of the
	 * table they run along.
	 *
	 * The zero-width `solid` on the edges each one leaves alone is the guard the
	 * table's own cells carry: collapsed borders are resolved between
	 * neighbours, and Chrome paints the winning hairline once per edge when the
	 * losing side is styled `none`, so a 25%-opacity line blends twice and comes
	 * out twice as bright.
	 */
	._fieldHeader_v9mcp_26,
	._recordHeader_v9mcp_27,
	._corner_v9mcp_28 {
		border: 0 solid;
	}

	._fieldHeader_v9mcp_26,
	._recordHeader_v9mcp_27 {
		font-family: var(--lol-font-family-beaufort);
		color: var(--lol-color-gold-100);
		font-size: 0.75rem;
		font-weight: 700;
		letter-spacing: 0.075em;
		line-height: 1rem;
		text-transform: uppercase;
		white-space: nowrap;
		padding: 0.375rem 0.75rem;
	}

	/* The field names head their rows, so the hairline that separates the
	   heading from the data runs down the table rather than across it. */
	._fieldHeader_v9mcp_26 {
		text-align: start;
		border-inline-end: 1px solid
			rgb(from var(--lol-color-grey-100) r g b / 0.25);
		/* Shrink to the names: a percentage under the content width is the table
		   layout's way of saying "as narrow as this can go". */
		width: 1%;
	}

	._recordHeader_v9mcp_27 {
		border-bottom: 1px solid rgb(from var(--lol-color-grey-100) r g b / 0.25);
	}

	/* The blank corner over the field names carries both hairlines, so the one
	   under the record names and the one beside the field names meet instead of
	   stopping short of each other. */
	._corner_v9mcp_28 {
		padding: 0;
		border-bottom: 1px solid rgb(from var(--lol-color-grey-100) r g b / 0.25);
		border-inline-end: 1px solid
			rgb(from var(--lol-color-grey-100) r g b / 0.25);
	}

	._cell_v9mcp_70 {
		border: 0 solid;
		padding: 0.375rem 0.75rem;
		vertical-align: middle;
	}

	._start_v9mcp_76 {
		text-align: start;
	}

	._center_v9mcp_80 {
		text-align: center;
	}

	._end_v9mcp_84 {
		text-align: end;
	}
}
@layer lol {
	/*
	 * "Metal linework as a framing element to support and draw focus towards
	 * key pieces of information." The frame is a one-pixel hairline and nothing
	 * more: a gradient painted into the border box, the plot painted into the
	 * padding box. Anything heavier would compete with the data.
	 */
	._frame_7dkb0_8 {
		display: flex;
		flex-direction: column;
		position: relative;
		border: 1px solid transparent;
		background:
			var(--lol-chart-frame-fill) padding-box,
			var(--lol-chart-frame-border) border-box;
		color: var(--lol-chart-foreground);
		font-family: var(--lol-chart-font-body);
		/* A <figure>: the UA gives it 1em block and 40px inline margins. */
		margin: 0;
		padding: 1rem 1.125rem 1.125rem;
		gap: 0.75rem;
	}

	/* Unframed: the same type and colours, no metal. For charts that already
	 * sit inside a panel of their own. */
	._bare_7dkb0_26 {
		border-color: transparent;
		background: none;
		padding: 0;
	}

	/*
	 * The diamond is the language's accent piece — it "guides attention toward
	 * key information". Four of them pin the frame's corners to the grid the
	 * square establishes. They are decoration, so they are hidden from the
	 * accessibility tree by the component.
	 */
	._corner_7dkb0_38 {
		position: absolute;
		width: 5px;
		height: 5px;
		rotate: 45deg;
		border: 1px solid var(--lol-chart-frame-accent);
		background: var(--lol-chart-surface);
	}

	._bare_7dkb0_26 ._corner_7dkb0_38 {
		display: none;
	}

	._cornerTopLeft_7dkb0_51 {
		top: -3px;
		left: -3px;
	}

	._cornerTopRight_7dkb0_56 {
		top: -3px;
		right: -3px;
	}

	._cornerBottomLeft_7dkb0_61 {
		bottom: -3px;
		left: -3px;
	}

	._cornerBottomRight_7dkb0_66 {
		bottom: -3px;
		right: -3px;
	}

	._header_7dkb0_71 {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		gap: 1rem;
	}

	._headings_7dkb0_78 {
		display: flex;
		flex-direction: column;
		gap: 0.125rem;
		min-width: 0;
	}

	/* Beaufort, spaced and uppercased — the client's voice for anything that
	 * names a thing rather than measures it. */
	._title_7dkb0_87 {
		margin: 0;
		font-family: var(--lol-chart-font-display);
		font-size: var(--lol-font-size-h5, 1.1667rem);
		line-height: var(--lol-line-height-h5, 1.5);
		letter-spacing: var(--lol-letter-spacing-h5, 0.075em);
		font-weight: var(--lol-font-weight-h5, 700);
		text-transform: uppercase;
		color: var(--lol-chart-foreground);
	}

	._subtitle_7dkb0_98 {
		margin: 0;
		font-size: var(--lol-font-size-sm, 0.875rem);
		line-height: var(--lol-line-height-sm, 1.1025rem);
		letter-spacing: var(--lol-letter-spacing-sm, 0.02em);
		color: var(--lol-chart-muted);
	}

	._actions_7dkb0_106 {
		display: flex;
		align-items: center;
		gap: 0.5rem;
		flex-shrink: 0;
	}

	/* A rule terminated at both ends by a diamond: the same figure the client
	 * draws under every panel heading. */
	._rule_7dkb0_115 {
		display: flex;
		align-items: center;
		gap: 0.375rem;
	}

	._ruleLine_7dkb0_121 {
		height: 1px;
		flex-grow: 1;
		border: none;
		margin: 0;
		background-image: linear-gradient(
			to right,
			transparent,
			var(--lol-chart-frame-rule) 15%,
			var(--lol-chart-frame-rule) 85%,
			transparent
		);
	}

	._ruleDiamond_7dkb0_135 {
		width: 4px;
		height: 4px;
		rotate: 45deg;
		border: 1px solid var(--lol-chart-frame-rule);
		flex-shrink: 0;
	}

	._body_7dkb0_143 {
		display: flex;
		flex-direction: column;
		min-width: 0;
	}

	._footer_7dkb0_149 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: space-between;
		gap: 0.5rem 1rem;
	}
}
@layer lol {
	._legend_1rk8r_2 {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		gap: 0.375rem 1.25rem;
		/* A <ul>: the UA gives it block margins and a list marker. */
		margin: 0;
		padding: 0;
		list-style: none;
	}

	._item_1rk8r_13 {
		display: inline-flex;
		align-items: center;
		gap: 0.5rem;
		/* Never the series colour. Identity comes from the swatch beside the
		 * label; a light teal or gold set as text would not clear contrast. */
		color: var(--lol-chart-muted);
		font-size: var(--lol-font-size-sm, 0.875rem);
		line-height: var(--lol-line-height-sm, 1.1025rem);
		letter-spacing: var(--lol-letter-spacing-sm, 0.02em);
	}

	/* The diamond again, at series scale, lit by the hue it stands for. */
	._swatch_1rk8r_26 {
		width: 0.5rem;
		height: 0.5rem;
		flex-shrink: 0;
		rotate: 45deg;
		background: var(--lol-chart-legend-color);
		box-shadow: 0 0 5px var(--lol-chart-legend-color);
	}

	._square_1rk8r_35 {
		rotate: none;
	}

	._line_1rk8r_39 {
		width: 0.875rem;
		height: 2px;
		rotate: none;
		box-shadow: none;
	}
}
@layer lol {
	._chart_1mnqy_2 {
		width: 100%;
		min-width: 0;
	}
}
@layer lol {
	/* ----- CSS reset ----- */
	*,
	*::before,
	*::after {
		box-sizing: border-box;
	}

	/* ----- Default CSS variables ----- */

	:root {
		color-scheme: dark;

		--lol-z-index-app: 100;
		--lol-z-index-modal: 200;
		--lol-z-index-popover: 300;
		--lol-z-index-overlay: 400;
		--lol-z-index-max: 9999;

		--lol-scale: 1;

		--lol-color-blue-100: #cdfafa;
		--lol-color-blue-200: #0ac8b9;
		--lol-color-blue-300: #0397ab;
		--lol-color-blue-400: #005a82;
		--lol-color-blue-500: #0a323c;
		--lol-color-blue-600: #091428;
		--lol-color-blue-700: #0a1428;

		--lol-color-grey-100: #a09b8c;
		--lol-color-grey-150: #5b5a56;
		--lol-color-grey-200: #3c3c41;
		--lol-color-grey-300: #1e2328;
		--lol-color-grey-cool: #1e282d;

		--lol-color-hextech-black: #010a13;

		--lol-color-gold-100: #f0e6d2;
		--lol-color-gold-200: #c8aa6e;
		--lol-color-gold-300: #cdbe91;
		--lol-color-gold-400: #c89b3c;
		--lol-color-gold-500: #785a28;
		--lol-color-gold-600: #463714;
		--lol-color-gold-700: #32281e;

		--lol-font-size-h1: 3.3333rem;
		--lol-line-height-h1: 3.5rem;
		--lol-letter-spacing-h1: 0.05em;
		--lol-font-weight-h1: 700;

		--lol-font-size-h2: 2.3333rem;
		--lol-line-height-h2: 2.6667rem;
		--lol-letter-spacing-h2: 0.05em;
		--lol-font-weight-h2: 700;

		--lol-font-size-h3: 1.9167rem;
		--lol-line-height-h3: 2.3333rem;
		--lol-letter-spacing-h3: 0.05em;
		--lol-font-weight-h3: 700;

		--lol-font-size-h4: 1.5rem;
		--lol-line-height-h4: 1.8333rem;
		--lol-letter-spacing-h4: 0.05em;
		--lol-font-weight-h4: 700;

		--lol-font-size-h5: 1.1667rem;
		--lol-line-height-h5: 1.5rem;
		--lol-letter-spacing-h5: 0.075em;
		--lol-font-weight-h5: 700;

		--lol-font-size-label: 0.9167rem;
		--lol-line-height-label: 1.3333rem;
		--lol-letter-spacing-label: 0.05em;
		--lol-font-weight-label: 700;

		--lol-font-size-stat: 1.1667rem;
		--lol-line-height-stat: 1.6667rem;
		--lol-letter-spacing-stat: 0.05em;
		--lol-font-weight-stat: 700;

		--lol-font-size-large-number: 4.75rem;
		--lol-line-height-large-number: 5.1667rem;
		--lol-letter-spacing-large-number: 0.025em;
		--lol-font-weight-large-number: 500;

		--lol-font-size-xs: 0.75rem;
		--lol-line-height-xs: 1rem;
		--lol-letter-spacing-xs: 0.025em;
		--lol-font-weight-xs: 400;

		--lol-font-size-sm: 0.875rem;
		--lol-line-height-sm: 1.1025rem;
		--lol-letter-spacing-sm: 0.02em;
		--lol-font-weight-sm: 400;

		--lol-font-size-base: 1rem;
		--lol-line-height-base: 1.24rem;
		--lol-letter-spacing-base: 0.01em;
		--lol-font-weight-base: 400;

		--lol-font-size-md: 1.1667rem;
		--lol-line-height-md: 1.6667rem;
		--lol-letter-spacing-md: 0.025em;
		--lol-font-weight-md: 400;

		--lol-font-size-lg: 1.5rem;
		--lol-line-height-lg: 1.875rem;
		--lol-letter-spacing-lg: 0.025em;
		--lol-font-weight-lg: 400;

		--lol-font-family-beaufort: "beaufort";
		--lol-font-family-spiegel: "spiegel";

		--lol-gradient-gold: linear-gradient(
			to top,
			var(--lol-color-gold-500),
			var(--lol-color-gold-400),
			var(--lol-color-gold-200)
		);
		--lol-gradient-gold-hover: linear-gradient(
			to top,
			var(--lol-color-gold-400),
			var(--lol-color-gold-200),
			var(--lol-color-gold-100)
		);
		--lol-gradient-gold-press: linear-gradient(
			to top,
			var(--lol-color-gold-600),
			var(--lol-color-gold-600),
			var(--lol-color-gold-500)
		);

		--lol-gradient-grey-300: linear-gradient(
			to top,
			var(--lol-color-grey-300),
			var(--lol-color-grey-300),
			var(--lol-color-grey-300)
		);
		--lol-gradient-grey-focus: linear-gradient(
			to top,
			var(--lol-color-grey-200),
			var(--lol-color-grey-300),
			var(--lol-color-grey-300)
		);
		--lol-gradient-hextech-black: linear-gradient(
			to top,
			var(--lol-color-hextech-black),
			var(--lol-color-hextech-black)
		);
		--lol-gradient-disabled: linear-gradient(
			to top,
			var(--lol-color-grey-150),
			var(--lol-color-grey-150),
			var(--lol-color-grey-150)
		);
		--lol-gradient-transparent: linear-gradient(
			to top,
			transparent,
			transparent
		);

		--lol-gradient-hextech: linear-gradient(
			to top,
			var(--lol-color-blue-200),
			var(--lol-color-blue-400)
		);
		--lol-gradient-hextech-hover: linear-gradient(
			to top,
			var(--lol-color-blue-100),
			var(--lol-color-blue-300)
		);
		--lol-gradient-hextech-press: linear-gradient(
			to top,
			var(--lol-color-blue-500),
			var(--lol-color-blue-400)
		);

		--lol-form-height-small: 2rem;
		--lol-form-height-medium: 2.25rem;
		--lol-form-height-large: 2.5rem;

		/* ----- Charts -----
		 *
		 * Hextech separates the interface into two materials: metal linework
		 * that *frames* information, and hextech magic that *is* it. A chart
		 * maps onto that split exactly — gold for the frame, the axes and the
		 * grid; the magic palette for the marks — so the ink and frame tokens
		 * below are gold and the series tokens are not.
		 *
		 * Used by `@lolmath/ui/charts`, but defined here so a host page can
		 * retune them from one place, and so a chart built by hand against
		 * TanStack Charts picks them up too. */

		/* Parchment gold for what you read, dimmer gold for what merely
		 * orients you. The chart engine paints tick labels at 0.68 opacity on
		 * top of these, so `muted` is deliberately brighter than it looks. */
		--lol-chart-foreground: var(--lol-color-gold-100);
		--lol-chart-muted: var(--lol-color-gold-300);
		/* The grid is painted at 0.11 opacity — it has to start bright to
		 * survive that and still read as gold rather than grey. */
		--lol-chart-grid: var(--lol-color-gold-200);
		--lol-chart-surface: var(--lol-color-hextech-black);

		--lol-chart-frame-fill: linear-gradient(
			180deg,
			var(--lol-color-blue-600) 0%,
			var(--lol-color-hextech-black) 100%
		);
		--lol-chart-frame-border: linear-gradient(
			180deg,
			var(--lol-color-gold-500) 0%,
			var(--lol-color-gold-600) 55%,
			var(--lol-color-gold-500) 100%
		);
		--lol-chart-frame-accent: var(--lol-color-gold-400);
		--lol-chart-frame-rule: var(--lol-color-gold-500);

		/* Six categorical slots in a fixed order, assigned in sequence and
		 * never cycled. Slots 1 and 2 are the Hextech signature (teal energy,
		 * Piltover gold); the rest reach into the wider Runeterra palette,
		 * because a palette that stayed inside gold and teal could not be told
		 * apart. The set is validated on the hextech-black surface for the
		 * OKLCH lightness band, the chroma floor, protan/deutan separation and
		 * contrast — see the readme before changing a value. */
		--lol-chart-series-1: #0aa89b;
		--lol-chart-series-2: #ba8c2e;
		--lol-chart-series-3: #8e6be8;
		--lol-chart-series-4: #e8574f;
		--lol-chart-series-5: #1e8fd5;
		--lol-chart-series-6: #4fa83a;

		/* Reserved meanings. Never spend these on "series 4". */
		--lol-chart-positive: #2e9e63;
		--lol-chart-negative: #d6453c;

		--lol-chart-font-display:
			var(--lol-font-family-beaufort), "Times New Roman", serif;
		--lol-chart-font-body:
			var(--lol-font-family-spiegel), system-ui, sans-serif;

		/* Bridge to TanStack Charts' own defaults, so a chart definition
		 * written by hand — one that never sets a theme — still picks up the
		 * Hextech palette and tooltip. */
		--ts-chart-1: var(--lol-chart-series-1);
		--ts-chart-2: var(--lol-chart-series-2);
		--ts-chart-3: var(--lol-chart-series-3);
		--ts-chart-4: var(--lol-chart-series-4);
		--ts-chart-5: var(--lol-chart-series-5);
		--ts-chart-6: var(--lol-chart-series-6);
		--ts-chart-focus-fill: var(--lol-chart-surface);
		--ts-chart-crosshair-marker-fill: var(--lol-chart-surface);
		--ts-chart-crosshair-label-halo: var(--lol-chart-surface);

		--ts-chart-tooltip-background: var(--lol-chart-surface);
		--ts-chart-tooltip-border: 1px solid var(--lol-color-gold-500);
		--ts-chart-tooltip-border-radius: 0;
		--ts-chart-tooltip-color: var(--lol-chart-foreground);
		--ts-chart-tooltip-padding: 0.5rem 0.7rem;
		--ts-chart-tooltip-shadow:
			0 0 0 1px var(--lol-color-hextech-black), 0 8px 24px rgb(1 10 19 / 0.75);
		--ts-chart-tooltip-font: 400 0.8125rem / 1.35 var(--lol-chart-font-body);
	}

	/*
	 * The scene TanStack Charts paints is plain SVG with stable class names on
	 * it, so the parts CSS does better than JS — line caps, the magic glow —
	 * are done here. `[data-lol-chart]` is set by `HextechChart`; nothing
	 * outside a Hextech chart is touched.
	 */
	[data-lol-chart] {
		font-family: var(--lol-chart-font-body);
		color: var(--lol-chart-foreground);
	}

	[data-lol-chart] .ts-chart__line {
		stroke-linecap: round;
		stroke-linejoin: round;
	}

	/*
	 * "Its brightest executions are reserved for pivotal moments." The glow is
	 * the one place the marks are allowed to be loud, so it stays faint.
	 */
	[data-lol-chart-glow="true"] .ts-chart__line,
	[data-lol-chart-glow="true"] .ts-chart__area {
		filter: drop-shadow(0 0 3px rgb(10 168 155 / 0.18));
	}

	[data-lol-chart] .ts-chart__crosshair {
		pointer-events: none;
	}
}