Output:
!function() {
	try {
		var var1 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack = new var1.Error().stack;
		stack && (var1._sentryDebugIds = var1._sentryDebugIds || {}, var1._sentryDebugIds[stack] = "c47348b9-d2ff-43e6-9582-516dc2ec89e0", var1._sentryDebugIdIdentifier = "sentry-dbid-c47348b9-d2ff-43e6-9582-516dc2ec89e0");
	} catch (error) {}
}();
(function() {
	try {
		var var2 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack1 = new var2.Error().stack;
		stack1 && (var2._sentryDebugIds = var2._sentryDebugIds || {}, var2._sentryDebugIds[stack1] = "c47348b9-d2ff-43e6-9582-516dc2ec89e0", var2._sentryDebugIdIdentifier = "sentry-dbid-c47348b9-d2ff-43e6-9582-516dc2ec89e0");
	} catch (error1) {}
})();
(function() {
	try {
		var var3 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack2 = new var3.Error().stack;
		stack2 && (var3._sentryDebugIds = var3._sentryDebugIds || {}, var3._sentryDebugIds[stack2] = "c47348b9-d2ff-43e6-9582-516dc2ec89e0", var3._sentryDebugIdIdentifier = "sentry-dbid-c47348b9-d2ff-43e6-9582-516dc2ec89e0");
	} catch (error2) {}
})();
(self.webpackChunktwitch_twilight = self.webpackChunktwitch_twilight || []).push([[90135], {
	528267: (var4, var5, var6) => {
		var6.d(var5, { q: () => call });
		var var7, var8, var9, var10, var11, var12, var13, var14, var15, var16, var17, var18, var19, var20, var21, var22, var23, var24, var25, var26 = var6(375276), var27 = var6(58168), var28 = var6(198587), var29 = var6(466377), var30 = var6(392395), var31 = var6(853296), var32 = var6(671835), var33 = var6(953838), var34 = var6(693523), var35 = var6(153477), var36 = var6(659480), var37 = var6(922267), var38 = var6(288794), var39 = var6(261413), var40 = var6(441427), var41 = var6(97774), var42 = var6(615154), isValidElement = var6(296540), var43 = var6(532306), var44 = var6(79004), var45 = var6(312663), var46 = var6(959340), var47 = var6(914421), var48 = var6(486489), var49 = var6(70642), var50 = var6(186272), var51 = var6(906719), var52 = var6(502080), var53 = var6(474848), arr = ["type"], arr1 = ["type", "showProgressBar"], arr2 = [
			"closeButton",
			"actions",
			"iconTitle",
			"message",
			"type",
			"timeoutDuration",
			"showProgressBar"
		], var54 = function(type) {
			var var55, type1 = type.type, var56 = (0, var28.A)(type, arr);
			switch (type1) {
				case var51._.Error:
					var55 = (0, var53.jsx)(var29.P, (0, var27.A)({}, var56));
					break;
				case var51._.Info:
					var55 = (0, var53.jsx)(var30.h, (0, var27.A)({}, var56));
					break;
				case var51._.Success:
					var55 = (0, var53.jsx)(var31.i, (0, var27.A)({}, var56));
					break;
				case var51._.Warning:
					var55 = (0, var53.jsx)(var32.l, (0, var27.A)({}, var56));
					break;
				case var51.v.InfoLoading: var55 = (0, var53.jsx)(var48.k, {
					inheritColor: true,
					trackColor: "color-opac-b-3"
				});
			}
			return var55;
		}, var57 = (0, var34.I4)(var46.P).withConfig({
			displayName: "ScSnackbar",
			componentId: "sc-71f1ah-0"
		})([
			"width:100%;max-width:600px;min-width:min(280px,100%);min-height:4.8rem;padding:",
			" ",
			" ",
			" ",
			";",
			""
		], (0, var35.C)("space-0100"), (0, var36.b)("snackbar-inset-padding-right"), (0, var35.C)("space-0100"), (0, var36.b)("snackbar-inset-padding-left"), (0, var37.H)("$type", ((var12 = {})[var51._.Error] = (0, var34.AH)(var7 || (var7 = (0, var26.A)([
			"\n      background-color: ",
			";\n      color: ",
			";\n    "
		])), (0, var36.b)("color-background-snackbar-error"), (0, var36.b)("color-text-snackbar-error")), var12[var51._.Info] = (0, var34.AH)(var8 || (var8 = (0, var26.A)([
			"\n      background-color: ",
			";\n      color: ",
			";\n    "
		])), (0, var36.b)("color-background-snackbar-info"), (0, var36.b)("color-text-snackbar-info")), var12[var51._.Success] = (0, var34.AH)(var9 || (var9 = (0, var26.A)([
			"\n      background-color: ",
			";\n      color: ",
			";\n    "
		])), (0, var36.b)("color-background-snackbar-success"), (0, var36.b)("color-text-snackbar-success")), var12[var51._.Warning] = (0, var34.AH)(var10 || (var10 = (0, var26.A)([
			"\n      background-color: ",
			";\n      color: ",
			";\n    "
		])), (0, var36.b)("color-background-snackbar-warn"), (0, var36.b)("color-text-snackbar-warn")), var12[var51.v.InfoLoading] = (0, var34.AH)(var11 || (var11 = (0, var26.A)([
			"\n      background-color: ",
			";\n      color: ",
			";\n    "
		])), (0, var36.b)("color-background-snackbar-info"), (0, var36.b)("color-text-snackbar-info")), var12))), var58 = var34.I4.div.withConfig({
			displayName: "ScSnackbarProgressBarContainer",
			componentId: "sc-71f1ah-1"
		})([".tw-progress-bar{background:", ";}"], (0, var36.b)("color-background-progress-snackbar")), var59 = var34.I4.div.withConfig({
			displayName: "ScIconContainer",
			componentId: "sc-71f1ah-2"
		})([
			"margin-top:",
			";margin-right:",
			";position:relative;align-items:start;flex-grow:0;flex-shrink:0;"
		], (0, var35.C)("space-0050"), (0, var36.b)("snackbar-icon-gap")), var60 = (0, var34.I4)(var44.oG).withConfig({
			displayName: "ScSnackbarCloseButton",
			componentId: "sc-71f1ah-3"
		})([
			"float:right;display:inline-flex;flex-shrink:0;align-self:center;margin-block-start:",
			";color:",
			";",
			" ",
			" &:active{color:",
			";}",
			";"
		], (function($compact) {
			return $compact.$compact ? (0, var35.C)("space-0025") : undefined;
		}), (function($type) {
			return $type.$type === var51._.Info || $type.$type === var51.v.InfoLoading ? (0, var36.b)("color-text-snackbar-info") : (0, var35.C)("color-black");
		}), (function($type1) {
			return $type1.$type === var51._.Info || $type1.$type === var51.v.InfoLoading ? (0, var38.k)(var13 || (var13 = (0, var26.A)(["color: ", ";"])), (0, var35.C)("color-white")) : (0, var38.k)(var14 || (var14 = (0, var26.A)(["color: ", ";"])), (0, var35.C)("color-black"));
		}), (0, var39.ND)(var15 || (var15 = (0, var26.A)(["color: ", ";"])), (0, var35.C)("color-black")), (0, var35.C)("color-black"), (0, var37.H)("$type", ((var25 = {})[var51._.Info] = undefined, var25[var51.v.InfoLoading] = undefined, var25[var51._.Warning] = (0, var34.AH)(var16 || (var16 = (0, var26.A)([
			"\n      ",
			"\n      ",
			"\n      &:active {\n        background-color: ",
			";\n      }\n    "
		])), (0, var38.k)(var17 || (var17 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-warn-hover")), (0, var39.ND)(var18 || (var18 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-warn-hover")), (0, var36.b)("color-background-button-warn-active")), var25[var51._.Success] = (0, var34.AH)(var19 || (var19 = (0, var26.A)([
			"\n      ",
			"\n      ",
			"\n      &:active {\n        background-color: ",
			";\n      }\n    "
		])), (0, var38.k)(var20 || (var20 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-success-hover")), (0, var39.ND)(var21 || (var21 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-success-hover")), (0, var36.b)("color-background-button-success-active")), var25[var51._.Error] = (0, var34.AH)(var22 || (var22 = (0, var26.A)([
			"\n      ",
			"\n      ",
			"\n      &:active {\n        background-color: ",
			";\n      }\n    "
		])), (0, var38.k)(var23 || (var23 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-error-hover")), (0, var39.ND)(var24 || (var24 = (0, var26.A)(["\n        background-color: ", ";"])), (0, var36.b)("color-background-button-error-hover")), (0, var36.b)("color-background-button-error-active")), var25))), call = function(var61) {
			var type2 = var61.type, showProgressBar = var61.showProgressBar, var62 = undefined !== showProgressBar && showProgressBar, var63 = (0, var28.A)(var61, arr1);
			return (0, var53.jsx)(var52.$t.Provider, {
				value: {
					type: type2,
					compact: var62,
					id: (0, var40.$)()
				},
				children: (0, var53.jsx)(call1, (0, var27.A)({
					type: type2,
					showProgressBar: var62
				}, var63))
			});
		}, call1 = function(var64) {
			var var65, message, closeButton = var64.closeButton, actions = var64.actions, iconTitle = var64.iconTitle, message1 = var64.message, type3 = var64.type, timeoutDuration = var64.timeoutDuration, showProgressBar1 = var64.showProgressBar, var66 = undefined !== showProgressBar1 && showProgressBar1, var67 = (0, var28.A)(var64, arr2), formatMessage = (0, var42.tz)().formatMessage, messageId = (0, var52.k0)().messageId, var68 = ((var65 = {})[var51._.Error] = formatMessage("Error", "Snackbar"), var65[var51._.Info] = formatMessage("Info", "Snackbar"), var65[var51._.Success] = formatMessage("Success", "Snackbar"), var65[var51._.Warning] = formatMessage("Warning", "Snackbar"), var65[var51.v.InfoLoading] = formatMessage("Loading", "Snackbar"), var65), var69 = closeButton && (0, var53.jsx)(var60, {
				className: "tw-snackbar__close",
				"aria-label": closeButton["aria-label"],
				onClick: closeButton.onClick,
				size: var66 ? "small" : "default",
				$type: type3,
				$compact: var66,
				children: (0, var53.jsx)(var43.y, { icon: var33.g })
			}), var70 = (0, var53.jsx)(var59, { children: var54({
				type: type3,
				title: false === iconTitle ? undefined : null != iconTitle ? iconTitle : var68[type3],
				role: false === iconTitle ? "presentation" : undefined,
				"aria-hidden": false === iconTitle || undefined
			}) }), var71 = (0, isValidElement.isValidElement)(message1) ? null == (message = message1.props) ? undefined : message.message : undefined, var72 = undefined !== var71;
			return (0, var53.jsxs)(var57, (0, var27.A)({ className: "tw-snackbar" }, var67, {
				$type: type3,
				borderRadius: var41.Z.Medium,
				elevation: 4,
				position: var47.yX.Relative,
				display: var47.nl.InlineBlock,
				textAlign: undefined === closeButton && undefined === actions ? var47.nO.Center : undefined,
				children: [(0, var53.jsxs)(var46.P, {
					display: var47.nl.Flex,
					alignItems: var47.k2.Center,
					gap: .5,
					children: [
						(0, var53.jsxs)(var46.P, {
							display: var47.nl.Flex,
							flexDirection: "column",
							flexGrow: 1,
							children: [(0, var53.jsxs)(var46.P, {
								display: var47.nl.Flex,
								flexDirection: "row",
								children: [var70, message1]
							}), var72 && (0, var53.jsx)(var46.P, {
								attachLeft: true,
								attachRight: true,
								width: "100%",
								children: "string" == typeof var71 ? (0, var53.jsx)(var45.N, {
									as: "p",
									children: var71
								}) : var71
							})]
						}),
						actions && (0, var53.jsx)(var46.P, {
							display: var47.nl.Flex,
							alignSelf: var47.gB.Center,
							justifyContent: var47.A9.End,
							flexShrink: 0,
							children: actions
						}),
						var69
					]
				}), var66 && (0, var53.jsx)(var46.P, {
					padding: {
						x: .5,
						top: .75,
						bottom: .5
					},
					children: (0, var53.jsx)(var58, { children: (0, var53.jsx)(var49.z2, {
						"aria-labelledby": messageId,
						value: 100,
						size: var49.Q8.Small,
						inherit: true,
						mask: true,
						animationDuration: timeoutDuration ? timeoutDuration / 1e3 : undefined,
						animationDirection: var50.o.Down
					}) })
				})]
			}));
		};
		call1.displayName = "SnackbarContent";
		call.displayName = "Snackbar";
	},
	267319: (var73, var74, var75) => {
		var75.d(var74, { h: () => call2 });
		var var76 = var75(58168), var77 = var75(564368), var78 = var75(300531), var79 = var75(959340), var80 = var75(914421), var81 = var75(906719), var82 = var75(502080), jsx = var75(474848), call2 = function(var83) {
			var var84, var85 = (0, var82.k0)(), type4 = var85.type, compact = var85.compact, var86 = compact ? "small" : "default";
			return (0, jsx.jsx)(var79.P, {
				display: var80.nl.Flex,
				justifyContent: var80.A9.Start,
				flexDirection: var80.bo.RowReverse,
				margin: { top: compact ? .25 : undefined },
				children: var83.type === var81._.Info || type4 === var81._.Info ? (0, jsx.jsx)(var77.$n, (0, var76.A)({
					size: var86,
					variant: "text"
				}, var83.primaryButton)) : (0, jsx.jsx)(var78.p, (0, var76.A)({
					type: null != (var84 = var83.type) ? var84 : type4,
					size: var86
				}, var83.primaryButton))
			});
		};
		call2.displayName = "SnackbarActions";
	},
	502080: (var87, var88, var89) => {
		var89.d(var88, {
			$t: () => var93,
			k0: () => call3
		});
		var var90 = var89(58168), var91 = var89(296540), var92 = var89(906719), var93 = (0, var91.createContext)({ type: var92._.Info }), call3 = function() {
			var var94 = (0, var91.useContext)(var93);
			return (0, var90.A)({}, var94, {
				messageId: var94.id ? var94.id + "-message" : undefined,
				type: pick(var94.type)
			});
		}, pick = function(var95) {
			return "InfoLoading" === var95 ? var92._.Info : var95;
		};
	},
	958007: (var96, var97, var98) => {
		var98.d(var97, { z: () => call4 });
		var var99 = var98(58168), var100 = var98(693523), var101 = var98(72127), var102 = var98(312663), var103 = var98(588702), var104 = var98(959340), var105 = var98(914421), var106 = var98(502080), jsx1 = var98(474848), var107 = var100.I4.div.withConfig({
			displayName: "ScSnackbarMessage",
			componentId: "sc-1qv3b7j-0"
		})(["display:inline-flex;align-items:center;min-height:2.8rem;"]), call4 = function(title) {
			var messageId1 = (0, var106.k0)().messageId, var108 = title.title && "string" == typeof title.title ? (0, jsx1.jsx)(var104.P, {
				flexGrow: 1,
				margin: {
					left: .5,
					right: 1
				},
				children: (0, jsx1.jsx)(var102.N, {
					lineHeight: var103.aK.Heading,
					as: "p",
					fontSize: var105.Z4.Size4,
					fontWeight: var105.IT.SemiBold,
					children: title.title
				})
			}) : title.title;
			return (0, jsx1.jsx)(var104.P, (0, var99.A)({}, (0, var101.g)(title), {
				display: var105.nl.Flex,
				flexDirection: "column",
				justifyContent: "center",
				width: "100%",
				children: var108 && (0, jsx1.jsx)(var107, {
					className: "tw-snackbar-message",
					id: messageId1,
					children: var108
				})
			}));
		};
		call4.displayName = "SnackbarMessage";
	},
	70642: (var109, var110, var111) => {
		var111.d(var110, {
			Q8: () => var116,
			tS: () => var117,
			z2: () => var145
		});
		var var112, var113, var114, var115, var116, var117, var118 = var111(58168), var119 = var111(198587), var120 = var111(375276), var121 = var111(693523), var122 = var111(922267), var123 = var111(659480), var124 = var111(97774), var125 = var111(27346), var126 = var111(72127), var127 = var111(955522), var128 = var111(216042), var129 = var111(914421), var130 = var111(186272), jsx2 = var111(474848), arr3 = [
			"mask",
			"borderRadius",
			"status"
		];
		!function(var131) {
			var131.Default = "default";
			var131.Small = "sm";
			var131.ExtraSmall = "xs";
		}(var116 || (var116 = {}));
		(function(var132) {
			var132.Default = "default";
			var132.Caution = "caution";
			var132.Error = "error";
			var132.Success = "success";
		})(var117 || (var117 = {}));
		var var133 = var121.I4.div.withConfig({
			displayName: "ScProgressBarWrapper",
			componentId: "sc-1aarjxm-0"
		})([
			"overflow:hidden;width:100%;height:",
			";background:",
			";"
		], (0, var122.H)("$size", ((var112 = {})[var116.Default] = (0, var123.b)("progress-bar-size-default"), var112[var116.Small] = (0, var123.b)("progress-bar-size-small"), var112[var116.ExtraSmall] = (0, var123.b)("progress-bar-size-extra-small"), var112)), pick1);
		function pick1($mask) {
			return $mask.$mask ? (0, var123.b)("color-background-progress") : "";
		}
		var var134 = (0, var121.i7)(var113 || (var113 = (0, var120.A)(["\n100% {\n  width: 0%;\n}\n"]))), var135 = (0, var121.i7)(var114 || (var114 = (0, var120.A)(["\n100% {\n  width: 100%;\n}\n"]))), var136 = var121.I4.div.withConfig({
			displayName: "ScProgressBarFill",
			componentId: "sc-1aarjxm-1"
		})([
			"width:",
			";max-width:100%;height:100%;background:",
			";animation-name:",
			";animation-timing-function:linear;animation-fill-mode:both;animation-play-state:",
			";animation-duration:",
			";"
		], (function(var137) {
			var $value = var137.$value, $animationDirection = var137.$animationDirection;
			return undefined !== $value ? $value + "%" : $animationDirection === var130.o.Down ? "100%" : $animationDirection === var130.o.Up ? "0%" : "100%";
		}), (function($inherit) {
			var var138;
			return $inherit.$inherit ? "currentColor" : (0, var122.H)("$status", ((var138 = {})[var117.Default] = (0, var123.b)("color-background-progress-status"), var138[var117.Caution] = (0, var123.b)("color-background-progress-status-caution"), var138[var117.Error] = (0, var123.b)("color-background-progress-status-error"), var138[var117.Success] = (0, var123.b)("color-background-progress-status-success"), var138));
		}), (0, var122.H)("$animationDirection", ((var115 = {})[var130.o.Down] = var134, var115[var130.o.Up] = var135, var115)), (function($paused) {
			return $paused.$paused && "paused";
		}), (function($animationDuration) {
			var $animationDuration1 = $animationDuration.$animationDuration;
			return undefined !== $animationDuration1 && $animationDuration1 + "s";
		})), call5 = function(var139) {
			var mask = var139.mask, var140 = undefined === mask || mask, borderRadius = var139.borderRadius, var141 = undefined === borderRadius ? var124.Z.Large : borderRadius, status = var139.status, var142 = undefined === status ? var117.Default : status, var143 = (0, var119.A)(var139, arr3), var144 = (0, var130.U)({
				value: var143.value,
				animationDuration: var143.animationDuration,
				animationDirection: var143.animationDirection,
				paused: var143.paused
			});
			return (0, jsx2.jsx)(var128.S, {
				borderRadius: var141,
				children: (0, jsx2.jsx)(var133, (0, var118.A)({}, (0, var125.Fh)(var143), (0, var126.g)(var143), {
					className: "tw-progress-bar",
					$mask: var140,
					$size: var143.size || var116.Default,
					role: "progressbar",
					"aria-valuenow": var144,
					"aria-valuemin": 0,
					"aria-valuemax": 100,
					children: (0, jsx2.jsx)(var128.S, {
						borderRadius: {
							topLeft: var141,
							bottomLeft: var141
						},
						display: var129.nl.Block,
						children: (0, jsx2.jsx)(var136, {
							$status: var142,
							onAnimationEnd: var143.onAnimationEnd,
							$animationDirection: var143.animationDirection,
							$animationDuration: var143.animationDuration,
							$paused: var143.paused,
							$value: var143.value,
							$inherit: var143.inherit,
							"data-a-target": "tw-progress-bar-animation"
						})
					})
				}))
			});
		};
		call5.displayName = "ProgressBarComponent";
		var var145 = (0, var127.i)(call5);
	},
	186272: (var146, var147, var148) => {
		var148.d(var147, {
			U: () => fn1,
			o: () => var149
		});
		var var149, var150 = var148(296540);
		function fn1(var151) {
			var value = var151.value, animationDuration = var151.animationDuration, animationDirection = var151.animationDirection, paused = var151.paused, var152 = animationDirection === var149.Up ? 0 : 100, var153 = (0, var150.useState)(null != value ? value : var152), var154 = var153[0], var155 = var153[1];
			(0, var150.useEffect)((function() {
				var var156 = null != value ? value : var152;
				if (var155(var156), animationDuration && animationDirection && !paused) {
					var var157 = animationDirection === var149.Up ? 100 : 0, num = 0, var158 = setInterval((function() {
						var var159 = Math.min((0 - num) / 1e3 / animationDuration, 1);
						var155(Math.round(var156 + (var157 - var156) * var159));
						var159 >= 1 && clearInterval(var158);
					}), 500);
					return function() {
						return clearInterval(var158);
					};
				}
			}), [
				var152,
				value,
				animationDuration,
				animationDirection,
				paused
			]);
			return var154;
		}
		!function(var160) {
			var160.Up = "up";
			var160.Down = "down";
		}(var149 || (var149 = {}));
	}
}]);


Output:
!function() {
	try {
		var var1 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack = new var1.Error().stack;
		stack && (var1._sentryDebugIds = var1._sentryDebugIds || {}, var1._sentryDebugIds[stack] = "b4d8e880-e718-4d13-96a5-ab3dfc50939f", var1._sentryDebugIdIdentifier = "sentry-dbid-b4d8e880-e718-4d13-96a5-ab3dfc50939f");
	} catch (error) {}
}();
(self.webpackChunktwitch_twilight = self.webpackChunktwitch_twilight || []).push([[6411], { 706411: function(exports, var2, var3) {
	var var4;
	!function(Mousetrap, var5, var6) {
		if (Mousetrap) {
			for (var var7, obj = {
				8: "backspace",
				9: "tab",
				13: "enter",
				16: "shift",
				17: "ctrl",
				18: "alt",
				20: "capslock",
				27: "esc",
				32: "space",
				33: "pageup",
				34: "pagedown",
				35: "end",
				36: "home",
				37: "left",
				38: "up",
				39: "right",
				40: "down",
				45: "ins",
				46: "del",
				91: "meta",
				93: "meta",
				224: "meta"
			}, obj1 = {
				106: "*",
				107: "+",
				109: "-",
				110: ".",
				111: "/",
				186: ";",
				187: "=",
				188: ",",
				189: "-",
				190: ".",
				191: "/",
				192: "`",
				219: "[",
				220: "\\",
				221: "]",
				222: "'"
			}, obj2 = {
				"~": "`",
				"!": "1",
				"@": "2",
				"#": "3",
				$: "4",
				"%": "5",
				"^": "6",
				"&": "7",
				"*": "8",
				"(": "9",
				")": "0",
				_: "-",
				"+": "=",
				":": ";",
				"\"": "'",
				"<": ",",
				">": ".",
				"?": "/",
				"|": "\\"
			}, obj3 = {
				option: "alt",
				command: "meta",
				return: "enter",
				escape: "esc",
				plus: "+",
				mod: /Mac|iPod|iPhone|iPad/.test(navigator.platform) ? "meta" : "ctrl"
			}, num = 1; num < 20; ++num) obj[111 + num] = "f" + num;
			for (num = 0; num <= 9; ++num) obj[num + 96] = num.toString();
			fn3.prototype.bind = function(var8, var9, var10) {
				var _bindMultiple = this;
				var8 = var8 instanceof Array ? var8 : [var8];
				_bindMultiple._bindMultiple.call(_bindMultiple, var8, var9, var10);
				return _bindMultiple;
			};
			fn3.prototype.unbind = function(var11, var12) {
				return this.bind.call(this, var11, (function() {}), var12);
			};
			fn3.prototype.trigger = function(var13, var14) {
				var _directMap = this;
				_directMap._directMap[var13 + ":" + var14] && _directMap._directMap[var13 + ":" + var14]({}, var13);
				return _directMap;
			};
			fn3.prototype.reset = function() {
				var var15 = this;
				var15._callbacks = {};
				var15._directMap = {};
				return var15;
			};
			fn3.prototype.stopCallback = function(var16, elem) {
				if ((" " + elem.className + " ").indexOf(" mousetrap ") > -1) return false;
				if (and(elem, this.target)) return false;
				if ("composedPath" in var16 && "function" == typeof var16.composedPath) {
					var var17 = var16.composedPath()[0];
					var17 !== var16.target && (elem = var17);
				}
				return "INPUT" == elem.tagName || "SELECT" == elem.tagName || "TEXTAREA" == elem.tagName || elem.isContentEditable;
			};
			fn3.prototype.handleKey = function() {
				return this._handleKey.apply(this, arguments);
			};
			fn3.addKeycodes = function(var18) {
				for (var var19 in var18) var18.hasOwnProperty(var19) && (obj[var19] = var18[var19]);
				var7 = null;
			};
			fn3.init = function() {
				var var20 = fn3(var5);
				for (var str in var20) "_" !== str.charAt(0) && (fn3[str] = function(var21) {
					return function() {
						return var20[var21].apply(var20, arguments);
					};
				}(str));
			};
			fn3.init();
			Mousetrap.Mousetrap = fn3;
			exports.exports && (exports.exports = fn3);
			undefined === (var4 = function() {
				return fn3;
			}.call(var2, var3, var2, exports)) || (exports.exports = var4);
		}
		function fn12(elem1, var22, var23) {
			elem1.addEventListener ? elem1.addEventListener(var22, var23, false) : elem1.attachEvent("on" + var22, var23);
		}
		function pick(var24) {
			if ("keypress" == var24.type) {
				var str1 = String.fromCharCode(var24.which);
				var24.shiftKey || (str1 = str1.toLowerCase());
				return str1;
			}
			return obj[var24.which] ? obj[var24.which] : obj1[var24.which] ? obj1[var24.which] : String.fromCharCode(var24.which).toLowerCase();
		}
		function fn1(var25, list, var26) {
			var26 || (var26 = function() {
				if (!var7) for (var var27 in var7 = {}, obj) var27 > 95 && var27 < 112 || obj.hasOwnProperty(var27) && (var7[obj[var27]] = var27);
				return var7;
			}()[var25] ? "keydown" : "keypress");
			"keypress" == var26 && list.length && (var26 = "keydown");
			return var26;
		}
		function fn2(var28, var29) {
			var list1, var30, var31, arr = [];
			for (list1 = function(str2) {
				return "+" === str2 ? ["+"] : (str2 = str2.replace(/\+{2}/g, "+plus")).split("+");
			}(var28), var31 = 0; var31 < list1.length; ++var31) {
				var30 = list1[var31];
				obj3[var30] && (var30 = obj3[var30]);
				var29 && "keypress" != var29 && obj2[var30] && (var30 = obj2[var30], arr.push("shift"));
				("shift" == var30 || "ctrl" == var30 || "alt" == var30 || "meta" == var30) && arr.push(var30);
			}
			return {
				key: var30,
				modifiers: arr,
				action: var29 = fn1(var30, arr, var29)
			};
		}
		function and(elem2, var32) {
			return null !== elem2 && elem2 !== var5 && (elem2 === var32 || and(elem2.parentNode, var32));
		}
		function fn3(var33) {
			var var34 = this;
			if (var33 = var33 || var5, !(var34 instanceof fn3)) return new fn3(var33);
			var34.target = var33;
			var34._callbacks = {};
			var34._directMap = {};
			var var35, obj4 = {}, flag = false, flag1 = false, flag2 = false;
			function fn4(var36) {
				var36 = var36 || {};
				var var37, flag3 = false;
				for (var37 in obj4) var36[var37] ? flag3 = true : obj4[var37] = 0;
				flag3 || (flag2 = false);
			}
			function fn5(var38, var39, var40, var41, var42, var43) {
				var var44, var45, list2, list3, arr1 = [], type = var40.type;
				if (!var34._callbacks[var38]) return [];
				for ("keyup" == type && ("shift" == var38 || "ctrl" == var38 || "alt" == var38 || "meta" == var38) && (var39 = [var38]), var44 = 0; var44 < var34._callbacks[var38].length; ++var44) if (var45 = var34._callbacks[var38][var44], (var41 || !var45.seq || obj4[var45.seq] == var45.level) && type == var45.action && ("keypress" == type && !var40.metaKey && !var40.ctrlKey || (list2 = var39, list3 = var45.modifiers, list2.sort().join(",") === list3.sort().join(",")))) {
					var var46 = !var41 && var45.combo == var42, var47 = var41 && var45.seq == var41 && var45.level == var43;
					(var46 || var47) && var34._callbacks[var38].splice(var44, 1);
					arr1.push(var45);
				}
				return arr1;
			}
			function fn6(var48, var49, var50, var51) {
				var34.stopCallback(var49, var49.target || var49.srcElement, var50, var51) || false === var48(var49, var50) && (function(var52) {
					var52.preventDefault ? var52.preventDefault() : var52.returnValue = false;
				}(var49), function(var53) {
					var53.stopPropagation ? var53.stopPropagation() : var53.cancelBubble = true;
				}(var49));
			}
			function fn7(var54) {
				"number" != typeof var54.which && (var54.which = var54.keyCode);
				var var55 = pick(var54);
				var55 && ("keyup" != var54.type || flag !== var55 ? var34.handleKey(var55, function(var56) {
					var arr2 = [];
					var56.shiftKey && arr2.push("shift");
					var56.altKey && arr2.push("alt");
					var56.ctrlKey && arr2.push("ctrl");
					var56.metaKey && arr2.push("meta");
					return arr2;
				}(var54), var54) : flag = false);
			}
			function fn8(var57, list4, var58, var59) {
				function fn9(var60) {
					return function() {
						flag2 = var60;
						++obj4[var57];
						clearTimeout(var35);
						var35 = setTimeout(fn4, 1e3);
					};
				}
				function fn10(var61) {
					fn6(var58, var61, var57);
					"keyup" !== var59 && (flag = pick(var61));
					setTimeout(fn4, 10);
				}
				obj4[var57] = 0;
				for (var index = 0; index < list4.length; ++index) {
					fn11(list4[index], index + 1 === list4.length ? fn10 : fn9(var59 || fn2(list4[index + 1]).action), var59, var57, index);
				}
			}
			function fn11(str3, var62, var63, var64, var65) {
				var34._directMap[str3 + ":" + var63] = var62;
				var var66, parts = (str3 = str3.replace(/\s+/g, " ")).split(" ");
				parts.length > 1 ? fn8(str3, parts, var62, var63) : (var66 = fn2(str3, var63), var34._callbacks[var66.key] = var34._callbacks[var66.key] || [], fn5(var66.key, var66.modifiers, { type: var66.action }, var64, str3, var65), var34._callbacks[var66.key][var64 ? "unshift" : "push"]({
					callback: var62,
					modifiers: var66.modifiers,
					action: var66.action,
					seq: var64,
					level: var65,
					combo: str3
				}));
			}
			var34._handleKey = function(var67, var68, type1) {
				var var69, list5 = fn5(var67, var68, type1), obj5 = {}, num1 = 0, flag4 = false;
				for (var69 = 0; var69 < list5.length; ++var69) list5[var69].seq && (num1 = Math.max(num1, list5[var69].level));
				for (var69 = 0; var69 < list5.length; ++var69) if (list5[var69].seq) {
					if (list5[var69].level != num1) continue;
					flag4 = true;
					obj5[list5[var69].seq] = 1;
					fn6(list5[var69].callback, type1, list5[var69].combo, list5[var69].seq);
				} else flag4 || fn6(list5[var69].callback, type1, list5[var69].combo);
				var var70 = "keypress" == type1.type && flag1;
				type1.type != flag2 || "shift" == var67 || "ctrl" == var67 || "alt" == var67 || "meta" == var67 || var70 || fn4(obj5);
				flag1 = flag4 && "keydown" == type1.type;
			};
			var34._bindMultiple = function(list6, var71, var72) {
				for (var index1 = 0; index1 < list6.length; ++index1) fn11(list6[index1], var71, var72);
			};
			fn12(var33, "keypress", fn7);
			fn12(var33, "keydown", fn7);
			fn12(var33, "keyup", fn7);
		}
	}("undefined" != typeof window ? window : null, "undefined" != typeof window ? document : null);
} }]);


Input: !function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8b39687a-9c4e-4b02-89a3-85be92eee885",e._sentryDebugIdIdentifier="sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885")}catch(e){}}(),function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8b39687a-9c4e-4b02-89a3-85be92eee885",e._sentryDebugIdIdentifier="sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885")}catch(e){}}(),function(){try{var e="undefined"!=typeof window?window:"undefined"!=typeof global?global:"undefined"!=typeof self?self:{},t=(new e.Error).stack;t&&(e._sentryDebugIds=e._sentryDebugIds||{},e._sentryDebugIds[t]="8b39687a-9c4e-4b02-89a3-85be92eee885",e._sentryDebugIdIdentifier="sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885")}catch(e){}}(),(self.webpackChunktwitch_twilight=self.webpackChunktwitch_twilight||[]).push([[67901],{679117:(e,t,i)=>{i.d(t,{H:()=>l});var n=i(58168),a=i(198587),o=i(593954),r=i(474848),s=["title","titleId"],d=function(e){var t=e.title,i=e.titleId,o=(0,a.A)(e,s);return(0,r.jsxs)("svg",(0,n.A)({width:24,height:24,viewBox:"0 0 24 24","aria-labelledby":i},o,{children:[t?(0,r.jsx)("title",{id:i,children:t}):null,(0,r.jsx)("path",{d:"M20 5.999A9.985 9.985 0 0 0 12 2C6.477 2 2 6.477 2 12h2a8 8 0 0 1 14.93-4H14v2h8V2h-2v3.999ZM12 20a8 8 0 0 0 8-8h2c0 5.523-4.477 10-10 10a9.985 9.985 0 0 1-8-3.999V22H2v-8h8v2H5.07A7.997 7.997 0 0 0 12 20Z"})]}))};d.displayName="SourceIconRefresh";var l=(0,o.S)(d)},967967:(e,t,i)=>{i.d(t,{C:()=>a});var n=i(296540),a=function(){var e=(0,n.useState)(!1),t=e[0],i=e[1],a=function(e){i(e.matches)};return(0,n.useEffect)((function(){if("undefined"!=typeof window&&window.matchMedia){var e=window.matchMedia("(pointer: coarse)");return i(e.matches),e.addEventListener("change",a),function(){e.removeEventListener("change",a)}}i(!1)}),[]),t}},537346:(e,t,i)=>{i.d(t,{_:()=>l});var n=i(58168),a=i(967967),o=i(111742),r=i(564368),s=i(959340),d=i(474848),l=function(e){var t=e.buttonSize,i=e.primaryButtonProps,l=e.secondaryButtonProps,c=(0,a.C)(),p=(0,o.DP)().tokenValues;if(!i&&!l)return!1;var h=c?{flexBasis:"calc(50% - "+p["space-05"]+" / 2)",flexGrow:1,flexShrink:1,containerQueries:[{minWidth:"500px",props:{flexBasis:"auto",flexGrow:0,flexShrink:0}}]}:void 0;return(0,d.jsxs)(s.P,{display:"flex",flexDirection:"row-reverse",flexWrap:c?"wrap":"nowrap",alignItems:"flex-end",justifyContent:"flex-start",padding:{top:2},gap:.5,width:"100%",children:[i&&(0,d.jsx)(s.P,(0,n.A)({},h,{children:(0,d.jsx)(r.$n,(0,n.A)({variant:"primary",size:null!=t?t:"small",fullWidth:c},i))})),l&&(0,d.jsx)(s.P,(0,n.A)({},h,{children:(0,d.jsx)(r.$n,(0,n.A)({variant:"secondary",size:null!=t?t:"small",fullWidth:c},l))}))]})};l.displayName="FTUEActions"},482660:(e,t,i)=>{i.d(t,{M:()=>f});var n=i(58168),a=i(111742),o=i(615154),r=i(843004),s=i(312663),d=i(959340),l=i(914421),c=i(990605),p=i(36935),h=i(564990),u=i(474848),f=function(e){var t=e.contentGap,i=e.counter,f=e.description,x=e.orientation,g=e.newPill,v=e.title,m=e.titleSize,y=e.maxWidth,b=(0,o.tz)().formatMessage,w=(0,a.DP)().tokenValues,j=(0,c.v)(),I=j.modalHeaderId,C=j.modalBodyId;return(0,u.jsxs)(d.P,{display:"flex",width:"100%",maxWidth:y||"75ch",flexDirection:"column",gap:null!=t?t:.5,padding:"horizontal"===x?{right:2}:void 0,style:{textWrap:"pretty"},children:[i&&(0,u.jsx)("div",{children:(0,u.jsx)(s.N,{"aria-hidden":!0,color:"alt-2",fontSize:l.Z4.Size7,children:b("{current} of {total}",{current:i[0],total:i[1]},"FTUECalloutStepCounter")})}),(0,u.jsxs)(d.P,{id:I,padding:{right:i?2:w["button-size-default"]},children:[i&&(0,u.jsx)(r.L,{children:b("Step {current} of {total}",{current:i[0],total:i[1]},"FTUECalloutStepCounterAssistiveText")}),(0,u.jsxs)(p.hE,{size:null!=m?m:"title",children:[g&&(0,u.jsx)(d.P,{as:"span",padding:{right:.5},verticalAlign:"top",children:(0,u.jsx)(h.w,(0,n.A)({},"boolean"!=typeof g?g:void 0))}),v]})]}),(0,u.jsx)(s.N,{color:"alt",as:"div",id:C,children:f})]})};f.displayName="FTUEContent"},127151:(e,t,i)=>{i.d(t,{$:()=>D});var n=i(58168),a=i(588280),o=i(509534),r=i(679117),s=i(693523),d=i(659480),l=i(97774),c=i(615154),p=i(79004),h=i(959340),u=i(926078),f={sprites:320,objects:360,"speed-lines":470,"cosmic-aura":320};var x=i(474848),g=function(e){var t=e.type,i=e.assetId,n=e.alt,a=(0,u.Lk)();a||console.error("You must provide a value to the `cdnURL` property of `CoreUIRoot` or `CoreUIRoot__ThemeProvider` that points to where the brand assets are stored to use the `CoreGraphic` component.");var o,r,s=a+"/tw-"+i;return(0,x.jsxs)("picture",{children:[(0,x.jsx)("source",{srcSet:(o=f[t],r=s,Array.from({length:4},(function(e,t){var i=t+1;return r+"-"+o*i+".png "+i+"x"})).join(", "))}),(0,x.jsx)("img",{loading:"lazy",src:s+"-"+f[t]+".png",alt:n})]})};g.displayName="CoreGraphicPicture";var v,m=i(375276),y=i(153477),b=s.I4.div.withConfig({displayName:"ScCoreGraphicBackdrop",componentId:"sc-eikpvf-0"})(["position:absolute;top:0;left:0;width:100%;height:100%;",";",""],l.R,(function(e){var t=!!e.$value.match(/^(color-tint)/);return(0,s.AH)(v||(v=(0,m.A)(["\n      background: ",";\n      opacity: ",";\n    "])),(0,y.C)(t?function(e){return e.replace("tint","brand-accent")}(e.$value):e.$value),t?.3:void 0)}));var w,j,I=s.I4.div.withConfig({displayName:"ScCoreGraphicObjectLayer",componentId:"sc-1sv9ail-0"})(["position:relative;z-index:",";width:100%;height:100%;picture{height:100%;display:flex;align-items:center;}img{position:relative;visibility:",";max-width:100%;max-height:100%;}"],(function(e){return e.$zIndex}),(function(e){return e.$popOut?"hidden":void 0})),C=s.I4.div.withConfig({displayName:"ScCoreGraphicPopoutObjectLayer",componentId:"sc-6aly80-0"})(["position:relative;width:100%;height:100%;z-index:",";max-width:","px;img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;","}"],(function(e){return e.$zIndex}),320,(function(e){return"block-start"===e.$popOut?(0,s.AH)(w||(w=(0,m.A)(["\n          transform: scale(1.15) translateX(-43.5%) translateY(-52%);\n        "]))):"inline-start"===e.$popOut?(0,s.AH)(j||(j=(0,m.A)(["\n          transform: scale(1.15) translateX(-57.5%) translateY(-43.5%);\n        "]))):void 0}));var $=s.I4.div.withConfig({displayName:"ScCoreGraphicSpriteLayer",componentId:"sc-1pd0u2l-0"})(["mix-blend-mode:screen;position:absolute;top:0;left:0;width:100%;height:100%;z-index:",";img{width:",";max-width:","px;position:absolute;top:50%;left:50%;transform:",";}"],(function(e){return e.$zIndex}),(function(e){return(e.$scale?100*e.$scale:100)+"%"}),(function(e){return e.$scale?320*e.$scale:100}),(function(e){return function(e){void 0===e&&(e={});var t=e,i=t.x,n=void 0===i?0:i,a=t.y;return"translateX("+(-50+n)+"%) translateY("+(-50+(void 0===a?0:a))+"%)"}(e.$position)})),z=(0,s.I4)(h.P).withConfig({displayName:"ScCoreGraphic",componentId:"sc-129n5mn-0"})(["user-select:none;pointer-events:none;"]),k=(0,s.I4)(h.P).withConfig({displayName:"ScCoreGraphicLayerContainer",componentId:"sc-129n5mn-1"})(["display:flex;align-tems:center;justify-content:center;width:100%;height:100%;"]),S=s.I4.div.withConfig({displayName:"ScCoreGraphicSizeBase",componentId:"sc-129n5mn-2"})(["position:relative;max-width:","px;height:100%;"],320),P=function(e){var t,i=e.alt,n=e.background,a=e.backgroundSprite,o=e.borderRadius,r=e.topSprite,s=e.bottomSprite,d=e.object,l=e.height,c=void 0===l?"100%":l,p=e.width,u=void 0===p?"100%":p,f=e.minHeight,v=e.maxHeight,m="string"==typeof d?d:d.asset,y="string"==typeof d?void 0:d.popOut;return(0,x.jsx)(h.P,{height:c,width:u,minHeight:f,maxHeight:v,children:(0,x.jsxs)(z,{position:"relative",display:"flex",alignItems:"center",justifyContent:"center",width:"100%",height:"100%",children:[n&&(0,x.jsx)(b,{$value:n,$borderRadius:o}),y&&(0,x.jsx)(k,{position:"absolute",attachTop:!0,attachLeft:!0,children:(0,x.jsx)(C,{$popOut:y,$zIndex:3,children:(0,x.jsx)(g,{type:"objects",assetId:"string"==typeof d?d:d.asset,alt:""})})}),(0,x.jsx)(k,{position:"relative",overflow:"hidden",children:(0,x.jsxs)(S,{children:[a&&(0,x.jsx)($,{$position:a.position,$scale:a.scale,$borderRadius:o,$zIndex:1,children:(t=a.asset,t.startsWith("cosmic-aura")?(0,x.jsx)(g,{type:"cosmic-aura",assetId:a.asset,alt:""}):(0,x.jsx)(g,{type:"speed-lines",assetId:a.asset,alt:""}))}),s&&(0,x.jsx)($,{$position:s.position,$scale:s.scale,$zIndex:2,children:(0,x.jsx)(g,{type:"sprites",assetId:s.asset,alt:""})}),(0,x.jsx)(I,{$popOut:y,$zIndex:3,children:(0,x.jsx)(g,{type:"objects",assetId:m,alt:i})}),r&&(0,x.jsx)($,{$position:r.position,$scale:r.scale,$zIndex:4,children:(0,x.jsx)(g,{type:"sprites",assetId:r.asset,alt:""})})]})})]})})};P.displayName="CoreGraphic";var A=i(914421),N=i(920962),G=s.I4.div.withConfig({displayName:"ScGraphicContainer",componentId:"sc-1skh6nx-0"})(["background:",";width:100%;overflow:hidden;"," img,video,svg,canvas{display:block;height:100%;width:100%;object-fit:cover;}"],(0,d.b)("color-background-alt-2"),l.R),D=function(e){var t,i,s,d=e.animation,u=e.borderRadius,f=void 0===u?l.Z.Medium:u,g=e.children,v=e.coreGraphicProps,m=e.controlButtonProps,y=e.maxHeight,b=e.minHeight,w=e.orientation,j=e.flexShrink,I=(0,c.tz)().formatMessage,C={paused:a.i,playing:o.i,ended:r.H},$={paused:m&&(null==(t=m["aria-label"])?void 0:t.paused)||I("Play the animation","FTUECalloutGraphic"),playing:m&&(null==(i=m["aria-label"])?void 0:i.playing)||I("Pause the animation","FTUECalloutGraphic"),ended:m&&(null==(s=m["aria-label"])?void 0:s.ended)||I("Replay the animation","FTUECalloutGraphic")},z={topLeft:f,topRight:"horizontal"===w?l.Z.None:f,bottomLeft:"horizontal"===w?f:l.Z.None};return(0,x.jsx)(h.P,{display:"flex",position:"relative",width:"horizontal"===w?"100px":"100%",minHeight:b||"60px",maxHeight:y||"horizontal"===w?void 0:"150px",flexShrink:j||0,children:void 0!==v?(0,x.jsx)(P,(0,n.A)({},v,{height:"auto",borderRadius:z})):(0,x.jsxs)(x.Fragment,{children:[d&&m&&(0,x.jsx)(N.h,{children:(0,x.jsx)(h.P,{padding:1,position:"absolute",attachLeft:!0,attachBottom:!0,zIndex:A.Py.Above,children:(0,x.jsx)(h.P,{background:"overlay",borderRadius:l.Z.Rounded,children:(0,x.jsx)(p.a2,(0,n.A)({},m,{icon:C[d],"aria-label":$[d],onClick:function(e){null!=m&&m.onClick&&("ended"!==d&&"paused"!==d?m.onClick("paused",e):m.onClick("playing",e))}}))})})}),(0,x.jsx)(G,{$borderRadius:z,children:g})]})})};D.displayName="FTUEGraphic"},564990:(e,t,i)=>{i.d(t,{w:()=>s});var n=i(615154),a=i(843004),o=i(26538),r=i(474848),s=function(e){var t=e.assistiveText,i=e.label,s=(0,n.tz)().formatMessage,d=(0,(0,n.tz)().formatMessage)("This is a new item","NewItemDefaultAssitiveText");return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(a.L,{as:"span",children:t||d}),(0,r.jsx)(o.a,{"aria-hidden":!0,type:"new",label:i||s("New","NewPill")})]})};s.displayName="NewPill"}}]);

Output:
!function() {
	try {
		var var1 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack = new var1.Error().stack;
		stack && (var1._sentryDebugIds = var1._sentryDebugIds || {}, var1._sentryDebugIds[stack] = "8b39687a-9c4e-4b02-89a3-85be92eee885", var1._sentryDebugIdIdentifier = "sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885");
	} catch (error) {}
}();
(function() {
	try {
		var var2 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack1 = new var2.Error().stack;
		stack1 && (var2._sentryDebugIds = var2._sentryDebugIds || {}, var2._sentryDebugIds[stack1] = "8b39687a-9c4e-4b02-89a3-85be92eee885", var2._sentryDebugIdIdentifier = "sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885");
	} catch (error1) {}
})();
(function() {
	try {
		var var3 = "undefined" != typeof window ? window : "undefined" != typeof global ? global : "undefined" != typeof self ? self : {}, stack2 = new var3.Error().stack;
		stack2 && (var3._sentryDebugIds = var3._sentryDebugIds || {}, var3._sentryDebugIds[stack2] = "8b39687a-9c4e-4b02-89a3-85be92eee885", var3._sentryDebugIdIdentifier = "sentry-dbid-8b39687a-9c4e-4b02-89a3-85be92eee885");
	} catch (error2) {}
})();
(self.webpackChunktwitch_twilight = self.webpackChunktwitch_twilight || []).push([[67901], {
	679117: (var4, var5, var6) => {
		var6.d(var5, { H: () => var12 });
		var var7 = var6(58168), var8 = var6(198587), var9 = var6(593954), var10 = var6(474848), arr = ["title", "titleId"], call = function(var11) {
			var title = var11.title, titleId = var11.titleId;
			return (0, var10.jsxs)("svg", (0, var7.A)({
				width: 24,
				height: 24,
				viewBox: "0 0 24 24",
				"aria-labelledby": titleId
			}, (0, var8.A)(var11, arr), { children: [title ? (0, var10.jsx)("title", {
				id: titleId,
				children: title
			}) : null, (0, var10.jsx)("path", { d: "M20 5.999A9.985 9.985 0 0 0 12 2C6.477 2 2 6.477 2 12h2a8 8 0 0 1 14.93-4H14v2h8V2h-2v3.999ZM12 20a8 8 0 0 0 8-8h2c0 5.523-4.477 10-10 10a9.985 9.985 0 0 1-8-3.999V22H2v-8h8v2H5.07A7.997 7.997 0 0 0 12 20Z" })] }));
		};
		call.displayName = "SourceIconRefresh";
		var var12 = (0, var9.S)(call);
	},
	967967: (var13, var14, var15) => {
		var15.d(var14, { C: () => var17 });
		var var16 = var15(296540), var17 = function() {
			var var18 = (0, var16.useState)(false), var19 = var18[0], var20 = var18[1], var21 = function(matches) {
				var20(matches.matches);
			};
			(0, var16.useEffect)((function() {
				if ("undefined" != typeof window && window.matchMedia) {
					var elem = window.matchMedia("(pointer: coarse)");
					var20(elem.matches);
					elem.addEventListener("change", var21);
					return function() {
						elem.removeEventListener("change", var21);
					};
				}
				var20(false);
			}), []);
			return var19;
		};
	},
	537346: (var22, var23, var24) => {
		var24.d(var23, { _: () => call1 });
		var var25 = var24(58168), var26 = var24(967967), var27 = var24(111742), var28 = var24(564368), var29 = var24(959340), var30 = var24(474848), call1 = function(var31) {
			var buttonSize = var31.buttonSize, primaryButtonProps = var31.primaryButtonProps, secondaryButtonProps = var31.secondaryButtonProps, var32 = (0, var26.C)(), tokenValues = (0, var27.DP)().tokenValues;
			if (!primaryButtonProps && !secondaryButtonProps) return false;
			var var33 = var32 ? {
				flexBasis: "calc(50% - " + tokenValues["space-05"] + " / 2)",
				flexGrow: 1,
				flexShrink: 1,
				containerQueries: [{
					minWidth: "500px",
					props: {
						flexBasis: "auto",
						flexGrow: 0,
						flexShrink: 0
					}
				}]
			} : undefined;
			return (0, var30.jsxs)(var29.P, {
				display: "flex",
				flexDirection: "row-reverse",
				flexWrap: var32 ? "wrap" : "nowrap",
				alignItems: "flex-end",
				justifyContent: "flex-start",
				padding: { top: 2 },
				gap: .5,
				width: "100%",
				children: [primaryButtonProps && (0, var30.jsx)(var29.P, (0, var25.A)({}, var33, { children: (0, var30.jsx)(var28.$n, (0, var25.A)({
					variant: "primary",
					size: null != buttonSize ? buttonSize : "small",
					fullWidth: var32
				}, primaryButtonProps)) })), secondaryButtonProps && (0, var30.jsx)(var29.P, (0, var25.A)({}, var33, { children: (0, var30.jsx)(var28.$n, (0, var25.A)({
					variant: "secondary",
					size: null != buttonSize ? buttonSize : "small",
					fullWidth: var32
				}, secondaryButtonProps)) }))]
			});
		};
		call1.displayName = "FTUEActions";
	},
	482660: (var34, var35, var36) => {
		var36.d(var35, { M: () => call2 });
		var var37 = var36(58168), var38 = var36(111742), var39 = var36(615154), var40 = var36(843004), var41 = var36(312663), var42 = var36(959340), var43 = var36(914421), var44 = var36(990605), var45 = var36(36935), var46 = var36(564990), var47 = var36(474848), call2 = function(var48) {
			var contentGap = var48.contentGap, counter = var48.counter, description = var48.description, orientation = var48.orientation, newPill = var48.newPill, title1 = var48.title, titleSize = var48.titleSize, maxWidth = var48.maxWidth, formatMessage = (0, var39.tz)().formatMessage, tokenValues1 = (0, var38.DP)().tokenValues, var49 = (0, var44.v)(), modalHeaderId = var49.modalHeaderId, modalBodyId = var49.modalBodyId;
			return (0, var47.jsxs)(var42.P, {
				display: "flex",
				width: "100%",
				maxWidth: maxWidth || "75ch",
				flexDirection: "column",
				gap: null != contentGap ? contentGap : .5,
				padding: "horizontal" === orientation ? { right: 2 } : undefined,
				style: { textWrap: "pretty" },
				children: [
					counter && (0, var47.jsx)("div", { children: (0, var47.jsx)(var41.N, {
						"aria-hidden": true,
						color: "alt-2",
						fontSize: var43.Z4.Size7,
						children: formatMessage("{current} of {total}", {
							current: counter[0],
							total: counter[1]
						}, "FTUECalloutStepCounter")
					}) }),
					(0, var47.jsxs)(var42.P, {
						id: modalHeaderId,
						padding: { right: counter ? 2 : tokenValues1["button-size-default"] },
						children: [counter && (0, var47.jsx)(var40.L, { children: formatMessage("Step {current} of {total}", {
							current: counter[0],
							total: counter[1]
						}, "FTUECalloutStepCounterAssistiveText") }), (0, var47.jsxs)(var45.hE, {
							size: null != titleSize ? titleSize : "title",
							children: [newPill && (0, var47.jsx)(var42.P, {
								as: "span",
								padding: { right: .5 },
								verticalAlign: "top",
								children: (0, var47.jsx)(var46.w, (0, var37.A)({}, "boolean" != typeof newPill ? newPill : undefined))
							}), title1]
						})]
					}),
					(0, var47.jsx)(var41.N, {
						color: "alt",
						as: "div",
						id: modalBodyId,
						children: description
					})
				]
			});
		};
		call2.displayName = "FTUEContent";
	},
	127151: (var50, var51, var52) => {
		var52.d(var51, { $: () => call5 });
		var var53 = var52(58168), var54 = var52(588280), var55 = var52(509534), var56 = var52(679117), var57 = var52(693523), var58 = var52(659480), var59 = var52(97774), var60 = var52(615154), var61 = var52(79004), var62 = var52(959340), var63 = var52(926078), obj = {
			sprites: 320,
			objects: 360,
			"speed-lines": 470,
			"cosmic-aura": 320
		};
		var var64 = var52(474848), call3 = function(var65) {
			var type = var65.type, assetId = var65.assetId, alt = var65.alt, var66 = (0, var63.Lk)();
			var66 || console.error("You must provide a value to the `cdnURL` property of `CoreUIRoot` or `CoreUIRoot__ThemeProvider` that points to where the brand assets are stored to use the `CoreGraphic` component.");
			var var67, var68, var69 = var66 + "/tw-" + assetId;
			return (0, var64.jsxs)("picture", { children: [(0, var64.jsx)("source", { srcSet: (var67 = obj[type], var68 = var69, Array.from({ length: 4 }, (function(var70, var71) {
				var var72 = var71 + 1;
				return var68 + "-" + var67 * var72 + ".png " + var72 + "x";
			})).join(", ")) }), (0, var64.jsx)("img", {
				loading: "lazy",
				src: var69 + "-" + obj[type] + ".png",
				alt
			})] });
		};
		call3.displayName = "CoreGraphicPicture";
		var var73, var74 = var52(375276), var75 = var52(153477), var76 = var57.I4.div.withConfig({
			displayName: "ScCoreGraphicBackdrop",
			componentId: "sc-eikpvf-0"
		})([
			"position:absolute;top:0;left:0;width:100%;height:100%;",
			";",
			""
		], var59.R, (function($value) {
			var var77 = !!$value.$value.match(/^(color-tint)/);
			return (0, var57.AH)(var73 || (var73 = (0, var74.A)([
				"\n      background: ",
				";\n      opacity: ",
				";\n    "
			])), (0, var75.C)(var77 ? function(str) {
				return str.replace("tint", "brand-accent");
			}($value.$value) : $value.$value), var77 ? .3 : undefined);
		}));
		var var78, var79, var80 = var57.I4.div.withConfig({
			displayName: "ScCoreGraphicObjectLayer",
			componentId: "sc-1sv9ail-0"
		})([
			"position:relative;z-index:",
			";width:100%;height:100%;picture{height:100%;display:flex;align-items:center;}img{position:relative;visibility:",
			";max-width:100%;max-height:100%;}"
		], (function($zIndex) {
			return $zIndex.$zIndex;
		}), (function($popOut) {
			return $popOut.$popOut ? "hidden" : undefined;
		})), var81 = var57.I4.div.withConfig({
			displayName: "ScCoreGraphicPopoutObjectLayer",
			componentId: "sc-6aly80-0"
		})([
			"position:relative;width:100%;height:100%;z-index:",
			";max-width:",
			"px;img{position:absolute;top:50%;left:50%;max-width:100%;max-height:100%;",
			"}"
		], (function($zIndex1) {
			return $zIndex1.$zIndex;
		}), 320, (function($popOut1) {
			return "block-start" === $popOut1.$popOut ? (0, var57.AH)(var78 || (var78 = (0, var74.A)(["\n          transform: scale(1.15) translateX(-43.5%) translateY(-52%);\n        "]))) : "inline-start" === $popOut1.$popOut ? (0, var57.AH)(var79 || (var79 = (0, var74.A)(["\n          transform: scale(1.15) translateX(-57.5%) translateY(-43.5%);\n        "]))) : undefined;
		}));
		var var82 = var57.I4.div.withConfig({
			displayName: "ScCoreGraphicSpriteLayer",
			componentId: "sc-1pd0u2l-0"
		})([
			"mix-blend-mode:screen;position:absolute;top:0;left:0;width:100%;height:100%;z-index:",
			";img{width:",
			";max-width:",
			"px;position:absolute;top:50%;left:50%;transform:",
			";}"
		], (function($zIndex2) {
			return $zIndex2.$zIndex;
		}), (function($scale) {
			return ($scale.$scale ? 100 * $scale.$scale : 100) + "%";
		}), (function($scale1) {
			return $scale1.$scale ? 320 * $scale1.$scale : 100;
		}), (function($position) {
			return function(var83) {
				undefined === var83 && (var83 = {});
				var var84 = var83, var85 = var84.x, var86 = undefined === var85 ? 0 : var85, var87 = var84.y;
				return "translateX(" + (-50 + var86) + "%) translateY(" + (-50 + (undefined === var87 ? 0 : var87)) + "%)";
			}($position.$position);
		})), var88 = (0, var57.I4)(var62.P).withConfig({
			displayName: "ScCoreGraphic",
			componentId: "sc-129n5mn-0"
		})(["user-select:none;pointer-events:none;"]), var89 = (0, var57.I4)(var62.P).withConfig({
			displayName: "ScCoreGraphicLayerContainer",
			componentId: "sc-129n5mn-1"
		})(["display:flex;align-tems:center;justify-content:center;width:100%;height:100%;"]), var90 = var57.I4.div.withConfig({
			displayName: "ScCoreGraphicSizeBase",
			componentId: "sc-129n5mn-2"
		})(["position:relative;max-width:", "px;height:100%;"], 320), call4 = function(var91) {
			var str1, alt1 = var91.alt, background = var91.background, backgroundSprite = var91.backgroundSprite, borderRadius = var91.borderRadius, topSprite = var91.topSprite, bottomSprite = var91.bottomSprite, object = var91.object, height = var91.height, var92 = undefined === height ? "100%" : height, width = var91.width, var93 = undefined === width ? "100%" : width, minHeight = var91.minHeight, maxHeight = var91.maxHeight, var94 = "string" == typeof object ? object : object.asset, var95 = "string" == typeof object ? undefined : object.popOut;
			return (0, var64.jsx)(var62.P, {
				height: var92,
				width: var93,
				minHeight,
				maxHeight,
				children: (0, var64.jsxs)(var88, {
					position: "relative",
					display: "flex",
					alignItems: "center",
					justifyContent: "center",
					width: "100%",
					height: "100%",
					children: [
						background && (0, var64.jsx)(var76, {
							$value: background,
							$borderRadius: borderRadius
						}),
						var95 && (0, var64.jsx)(var89, {
							position: "absolute",
							attachTop: true,
							attachLeft: true,
							children: (0, var64.jsx)(var81, {
								$popOut: var95,
								$zIndex: 3,
								children: (0, var64.jsx)(call3, {
									type: "objects",
									assetId: "string" == typeof object ? object : object.asset,
									alt: ""
								})
							})
						}),
						(0, var64.jsx)(var89, {
							position: "relative",
							overflow: "hidden",
							children: (0, var64.jsxs)(var90, { children: [
								backgroundSprite && (0, var64.jsx)(var82, {
									$position: backgroundSprite.position,
									$scale: backgroundSprite.scale,
									$borderRadius: borderRadius,
									$zIndex: 1,
									children: (str1 = backgroundSprite.asset, str1.startsWith("cosmic-aura") ? (0, var64.jsx)(call3, {
										type: "cosmic-aura",
										assetId: backgroundSprite.asset,
										alt: ""
									}) : (0, var64.jsx)(call3, {
										type: "speed-lines",
										assetId: backgroundSprite.asset,
										alt: ""
									}))
								}),
								bottomSprite && (0, var64.jsx)(var82, {
									$position: bottomSprite.position,
									$scale: bottomSprite.scale,
									$zIndex: 2,
									children: (0, var64.jsx)(call3, {
										type: "sprites",
										assetId: bottomSprite.asset,
										alt: ""
									})
								}),
								(0, var64.jsx)(var80, {
									$popOut: var95,
									$zIndex: 3,
									children: (0, var64.jsx)(call3, {
										type: "objects",
										assetId: var94,
										alt: alt1
									})
								}),
								topSprite && (0, var64.jsx)(var82, {
									$position: topSprite.position,
									$scale: topSprite.scale,
									$zIndex: 4,
									children: (0, var64.jsx)(call3, {
										type: "sprites",
										assetId: topSprite.asset,
										alt: ""
									})
								})
							] })
						})
					]
				})
			});
		};
		call4.displayName = "CoreGraphic";
		var var96 = var52(914421), var97 = var52(920962), var98 = var57.I4.div.withConfig({
			displayName: "ScGraphicContainer",
			componentId: "sc-1skh6nx-0"
		})([
			"background:",
			";width:100%;overflow:hidden;",
			" img,video,svg,canvas{display:block;height:100%;width:100%;object-fit:cover;}"
		], (0, var58.b)("color-background-alt-2"), var59.R), call5 = function(var99) {
			var paused, playing, ended, animation = var99.animation, borderRadius1 = var99.borderRadius, var100 = undefined === borderRadius1 ? var59.Z.Medium : borderRadius1, children = var99.children, coreGraphicProps = var99.coreGraphicProps, controlButtonProps = var99.controlButtonProps, maxHeight1 = var99.maxHeight, minHeight1 = var99.minHeight, orientation1 = var99.orientation, flexShrink = var99.flexShrink, formatMessage1 = (0, var60.tz)().formatMessage, obj1 = {
				paused: var54.i,
				playing: var55.i,
				ended: var56.H
			}, obj2 = {
				paused: controlButtonProps && (null == (paused = controlButtonProps["aria-label"]) ? undefined : paused.paused) || formatMessage1("Play the animation", "FTUECalloutGraphic"),
				playing: controlButtonProps && (null == (playing = controlButtonProps["aria-label"]) ? undefined : playing.playing) || formatMessage1("Pause the animation", "FTUECalloutGraphic"),
				ended: controlButtonProps && (null == (ended = controlButtonProps["aria-label"]) ? undefined : ended.ended) || formatMessage1("Replay the animation", "FTUECalloutGraphic")
			}, obj3 = {
				topLeft: var100,
				topRight: "horizontal" === orientation1 ? var59.Z.None : var100,
				bottomLeft: "horizontal" === orientation1 ? var100 : var59.Z.None
			};
			return (0, var64.jsx)(var62.P, {
				display: "flex",
				position: "relative",
				width: "horizontal" === orientation1 ? "100px" : "100%",
				minHeight: minHeight1 || "60px",
				maxHeight: maxHeight1 || "horizontal" === orientation1 ? undefined : "150px",
				flexShrink: flexShrink || 0,
				children: undefined !== coreGraphicProps ? (0, var64.jsx)(call4, (0, var53.A)({}, coreGraphicProps, {
					height: "auto",
					borderRadius: obj3
				})) : (0, var64.jsxs)(var64.Fragment, { children: [animation && controlButtonProps && (0, var64.jsx)(var97.h, { children: (0, var64.jsx)(var62.P, {
					padding: 1,
					position: "absolute",
					attachLeft: true,
					attachBottom: true,
					zIndex: var96.Py.Above,
					children: (0, var64.jsx)(var62.P, {
						background: "overlay",
						borderRadius: var59.Z.Rounded,
						children: (0, var64.jsx)(var61.a2, (0, var53.A)({}, controlButtonProps, {
							icon: obj1[animation],
							"aria-label": obj2[animation],
							onClick: function(var101) {
								null != controlButtonProps && controlButtonProps.onClick && ("ended" !== animation && "paused" !== animation ? controlButtonProps.onClick("paused", var101) : controlButtonProps.onClick("playing", var101));
							}
						}))
					})
				}) }), (0, var64.jsx)(var98, {
					$borderRadius: obj3,
					children
				})] })
			});
		};
		call5.displayName = "FTUEGraphic";
	},
	564990: (var102, var103, var104) => {
		var104.d(var103, { w: () => call6 });
		var var105 = var104(615154), var106 = var104(843004), var107 = var104(26538), var108 = var104(474848), call6 = function(var109) {
			var assistiveText = var109.assistiveText, label = var109.label, formatMessage2 = (0, var105.tz)().formatMessage, var110 = (0, (0, var105.tz)().formatMessage)("This is a new item", "NewItemDefaultAssitiveText");
			return (0, var108.jsxs)(var108.Fragment, { children: [(0, var108.jsx)(var106.L, {
				as: "span",
				children: assistiveText || var110
			}), (0, var108.jsx)(var107.a, {
				"aria-hidden": true,
				type: "new",
				label: label || formatMessage2("New", "NewPill")
			})] });
		};
		call6.displayName = "NewPill";
	}
}]);