From 68396a37175a796a4a591407ba153ddb772db44b Mon Sep 17 00:00:00 2001
From: Lucas Payr <orasund@gmail.com>
Date: Fri, 5 Feb 2021 21:07:11 +0100
Subject: [PATCH] update Website

---
 docs/3.0.0/index.html |  7334 +++++++------
 docs/index.html       |  7334 +++++++------
 example/index.html    | 22683 ----------------------------------------
 3 files changed, 8452 insertions(+), 28899 deletions(-)
 delete mode 100644 example/index.html

diff --git a/docs/3.0.0/index.html b/docs/3.0.0/index.html
index 0913684..b6cdf88 100644
--- a/docs/3.0.0/index.html
+++ b/docs/3.0.0/index.html
@@ -5257,6 +5257,9 @@ var $author$project$Main$LoadedSpecific = function (a) {
 var $author$project$Main$Resized = function (a) {
 	return {$: 'Resized', a: a};
 };
+var $author$project$Main$StatelessSpecific = function (a) {
+	return {$: 'StatelessSpecific', a: a};
+};
 var $author$project$Main$TimePassed = function (a) {
 	return {$: 'TimePassed', a: a};
 };
@@ -5898,128 +5901,16 @@ var $elm$browser$Browser$Events$onResize = function (func) {
 				A2($elm$json$Json$Decode$field, 'innerWidth', $elm$json$Json$Decode$int),
 				A2($elm$json$Json$Decode$field, 'innerHeight', $elm$json$Json$Decode$int))));
 };
-var $author$project$Main$subscriptions = function (_v0) {
-	return A2(
-		$elm$core$Platform$Sub$map,
-		$author$project$Main$LoadedSpecific,
-		$elm$core$Platform$Sub$batch(
-			_List_fromArray(
-				[
-					A2(
-					$elm$time$Time$every,
-					50,
-					$elm$core$Basics$always(
-						$author$project$Main$TimePassed(50))),
-					$elm$browser$Browser$Events$onResize(
-					F2(
-						function (h, w) {
-							return $author$project$Main$Resized(
-								{height: h, width: w});
-						}))
-				])));
-};
-var $author$project$Main$Loaded = function (a) {
-	return {$: 'Loaded', a: a};
-};
-var $author$project$Main$Idle = {$: 'Idle'};
-var $author$project$Data$Theme$Material = {$: 'Material'};
-var $author$project$Main$StatelessSpecific = function (a) {
-	return {$: 'StatelessSpecific', a: a};
-};
-var $author$project$Main$UpdateScrollingNav = function (a) {
-	return {$: 'UpdateScrollingNav', a: a};
-};
-var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
-var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
-var $author$project$Data$Example$IconExample = {$: 'IconExample'};
-var $author$project$Data$Example$ListExample = {$: 'ListExample'};
-var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
-var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
-var $author$project$Data$Example$ProgressIndicatorExample = {$: 'ProgressIndicatorExample'};
-var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
-var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
-var $author$project$Data$Example$SwitchExample = {$: 'SwitchExample'};
-var $author$project$Data$Example$TabExample = {$: 'TabExample'};
-var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
-var $elm$core$List$sortBy = _List_sortBy;
-var $author$project$Data$Example$toString = function (example) {
-	switch (example.$) {
-		case 'ButtonExample':
-			return 'Button';
-		case 'SwitchExample':
-			return 'Switch';
-		case 'SelectExample':
-			return 'Select';
-		case 'MultiSelectExample':
-			return 'Multi Select';
-		case 'TabExample':
-			return 'Tab';
-		case 'SortTableExample':
-			return 'SortTable';
-		case 'ModalExample':
-			return 'Modal';
-		case 'DialogExample':
-			return 'Dialog';
-		case 'TextInputExample':
-			return 'TextInput';
-		case 'ListExample':
-			return 'List';
-		case 'ProgressIndicatorExample':
-			return 'Progress Indicator';
-		default:
-			return 'Icon';
-	}
-};
-var $author$project$Data$Example$asList = A2(
-	$elm$core$List$sortBy,
-	$author$project$Data$Example$toString,
-	_List_fromArray(
-		[$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SwitchExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample, $author$project$Data$Example$ProgressIndicatorExample, $author$project$Data$Example$IconExample]));
-var $elm$core$Platform$Cmd$batch = _Platform_batch;
-var $turboMaCk$any_set$Set$Any$AnySet = function (a) {
-	return {$: 'AnySet', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) {
-	return {$: 'AnyDict', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) {
-	return $turboMaCk$any_dict$Dict$Any$AnyDict(
-		{dict: $elm$core$Dict$empty, toKey: toKey});
-};
-var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty);
-var $author$project$Data$Example$fromString = function (string) {
-	switch (string) {
-		case 'Button':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
-		case 'Switch':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SwitchExample);
-		case 'Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
-		case 'Multi Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
-		case 'Tab':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
-		case 'SortTable':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
-		case 'Modal':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
-		case 'Dialog':
-			return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
-		case 'TextInput':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
-		case 'List':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
-		case 'Progress Indicator':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ProgressIndicatorExample);
-		case 'Icon':
-			return $elm$core$Maybe$Just($author$project$Data$Example$IconExample);
-		default:
-			return $elm$core$Maybe$Nothing;
-	}
+var $elm$core$List$singleton = function (value) {
+	return _List_fromArray(
+		[value]);
 };
 var $author$project$Stateless$ExampleSpecific = function (a) {
 	return {$: 'ExampleSpecific', a: a};
 };
+var $author$project$Data$Example$AppBar = function (a) {
+	return {$: 'AppBar', a: a};
+};
 var $author$project$Data$Example$Button = function (a) {
 	return {$: 'Button', a: a};
 };
@@ -6029,6 +5920,9 @@ var $author$project$Data$Example$Dialog = function (a) {
 var $author$project$Data$Example$Icon = function (a) {
 	return {$: 'Icon', a: a};
 };
+var $author$project$Data$Example$Layout = function (a) {
+	return {$: 'Layout', a: a};
+};
 var $author$project$Data$Example$List = function (a) {
 	return {$: 'List', a: a};
 };
@@ -6044,6 +5938,12 @@ var $author$project$Data$Example$ProgressIndicator = function (a) {
 var $author$project$Data$Example$Select = function (a) {
 	return {$: 'Select', a: a};
 };
+var $author$project$Data$Example$Sheet = function (a) {
+	return {$: 'Sheet', a: a};
+};
+var $author$project$Data$Example$Snackbar = function (a) {
+	return {$: 'Snackbar', a: a};
+};
 var $author$project$Data$Example$SortTable = function (a) {
 	return {$: 'SortTable', a: a};
 };
@@ -6056,459 +5956,144 @@ var $author$project$Data$Example$Tab = function (a) {
 var $author$project$Data$Example$TextInput = function (a) {
 	return {$: 'TextInput', a: a};
 };
+var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
+var $author$project$Example$AppBar$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Button$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Dialog$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Icon$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Layout$Resized = function (a) {
+	return {$: 'Resized', a: a};
+};
+var $author$project$Example$Layout$TimePassed = function (a) {
+	return {$: 'TimePassed', a: a};
+};
+var $author$project$Example$Layout$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$batch(
+		_List_fromArray(
+			[
+				$elm$browser$Browser$Events$onResize(
+				F2(
+					function (h, w) {
+						return $author$project$Example$Layout$Resized(
+							{height: h, width: w});
+					})),
+				A2(
+				$elm$time$Time$every,
+				50,
+				$elm$core$Basics$always(
+					$author$project$Example$Layout$TimePassed(50)))
+			]));
+};
+var $author$project$Example$List$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Modal$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$ProgressIndicator$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Select$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Sheet$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Snackbar$TimePassed = function (a) {
+	return {$: 'TimePassed', a: a};
+};
+var $author$project$Example$Snackbar$subscriptions = function (_v0) {
+	return A2(
+		$elm$time$Time$every,
+		50,
+		$elm$core$Basics$always(
+			$author$project$Example$Snackbar$TimePassed(50)));
+};
+var $author$project$Example$SortTable$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Switch$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Tab$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$TextInput$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $elm$core$Platform$Cmd$batch = _Platform_batch;
 var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
-var $author$project$Example$Button$init = _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$AppBar$update = F2(
+	function (msg, menu) {
+		switch (msg.$) {
+			case 'SetDesign':
+				var bool = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{isMenuBar: bool}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSelected':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{selected: _int}),
+					$elm$core$Platform$Cmd$none);
+			default:
+				var string = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{search: string}),
+					$elm$core$Platform$Cmd$none);
+		}
+	});
+var $elm$core$Basics$ge = _Utils_ge;
+var $author$project$Example$Button$update = F2(
+	function (msg, model) {
+		switch (msg.$) {
+			case 'Increase':
+				var _int = msg.a;
+				return _Utils_Tuple2(model + _int, $elm$core$Platform$Cmd$none);
+			case 'Decrease':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					((model - _int) >= 0) ? (model - _int) : model,
+					$elm$core$Platform$Cmd$none);
+			default:
+				return _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+		}
+	});
 var $author$project$Example$Dialog$IsOpen = function (a) {
 	return {$: 'IsOpen', a: a};
 };
-var $author$project$Example$Dialog$init = _Utils_Tuple2(
-	$author$project$Example$Dialog$IsOpen(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Icon$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-var $author$project$Example$List$IsExpanded = function (a) {
-	return {$: 'IsExpanded', a: a};
-};
-var $author$project$Example$List$init = _Utils_Tuple2(
-	$author$project$Example$List$IsExpanded(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Modal$IsEnabled = function (a) {
-	return {$: 'IsEnabled', a: a};
-};
-var $author$project$Example$Modal$init = _Utils_Tuple2(
-	$author$project$Example$Modal$IsEnabled(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$MultiSelect$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $elm$core$Set$Set_elm_builtin = function (a) {
-	return {$: 'Set_elm_builtin', a: a};
-};
-var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
-var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
-	$author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$ProgressIndicator$MaybeProgress = function (a) {
-	return {$: 'MaybeProgress', a: a};
-};
-var $author$project$Example$ProgressIndicator$init = _Utils_Tuple2(
-	$author$project$Example$ProgressIndicator$MaybeProgress($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Select$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Select$init = _Utils_Tuple2(
-	$author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$SortTable$init = _Utils_Tuple2(
-	{asc: true, title: 'Name'},
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Switch$IsButtonEnabled = function (a) {
-	return {$: 'IsButtonEnabled', a: a};
-};
-var $author$project$Example$Switch$init = _Utils_Tuple2(
-	$author$project$Example$Switch$IsButtonEnabled(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Tab$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Tab$init = _Utils_Tuple2(
-	$author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$TextInput$init = _Utils_Tuple2(
-	{chipTextInput: $elm$core$Set$empty, textInput: ''},
-	$elm$core$Platform$Cmd$none);
-var $elm$core$Platform$Cmd$map = _Platform_map;
-var $author$project$Data$Example$init = function () {
-	var _v0 = $author$project$Example$TextInput$init;
-	var textInputModel = _v0.a;
-	var textInputMsg = _v0.b;
-	var _v1 = $author$project$Example$Tab$init;
-	var tabModel = _v1.a;
-	var tabMsg = _v1.b;
-	var _v2 = $author$project$Example$Switch$init;
-	var switchModel = _v2.a;
-	var switchMsg = _v2.b;
-	var _v3 = $author$project$Example$SortTable$init;
-	var sortTableModel = _v3.a;
-	var sortTableMsg = _v3.b;
-	var _v4 = $author$project$Example$Select$init;
-	var selectModel = _v4.a;
-	var selectMsg = _v4.b;
-	var _v5 = $author$project$Example$ProgressIndicator$init;
-	var progressIndicatorModel = _v5.a;
-	var progressIndicatorMsg = _v5.b;
-	var _v6 = $author$project$Example$MultiSelect$init;
-	var multiSelectModel = _v6.a;
-	var multiSelectMsg = _v6.b;
-	var _v7 = $author$project$Example$Modal$init;
-	var modalModel = _v7.a;
-	var modalMsg = _v7.b;
-	var _v8 = $author$project$Example$List$init;
-	var listModel = _v8.a;
-	var listMsg = _v8.b;
-	var _v9 = $author$project$Example$Icon$init;
-	var iconModel = _v9.a;
-	var iconMsg = _v9.b;
-	var _v10 = $author$project$Example$Dialog$init;
-	var dialogModel = _v10.a;
-	var dialogMsg = _v10.b;
-	var _v11 = $author$project$Example$Button$init;
-	var buttonModel = _v11.a;
-	var buttonMsg = _v11.b;
-	return _Utils_Tuple2(
-		{button: buttonModel, dialog: dialogModel, icon: iconModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, progressIndicator: progressIndicatorModel, select: selectModel, sortTable: sortTableModel, _switch: switchModel, tab: tabModel, textInput: textInputModel},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Switch, switchMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ProgressIndicator, progressIndicatorMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Icon, iconMsg)
-				])));
-}();
-var $author$project$Stateless$init = function () {
-	var _v0 = $author$project$Data$Example$init;
-	var example = _v0.a;
-	var cmd = _v0.b;
-	return _Utils_Tuple2(
-		{carousel: 0, example: example},
-		A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
-}();
+var $author$project$Example$Dialog$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Dialog$IsOpen(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$Icon$update = F2(
+	function (msg, _v0) {
+		return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+	});
 var $turboMaCk$queue$Queue$Queue = F2(
 	function (a, b) {
 		return {$: 'Queue', a: a, b: b};
 	});
-var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
-var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
-var $author$project$Widget$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init};
-var $elm$core$Task$onError = _Scheduler_onError;
-var $elm$core$Task$attempt = F2(
-	function (resultToMessage, task) {
-		return $elm$core$Task$command(
-			$elm$core$Task$Perform(
-				A2(
-					$elm$core$Task$onError,
-					A2(
-						$elm$core$Basics$composeL,
-						A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-						$elm$core$Result$Err),
-					A2(
-						$elm$core$Task$andThen,
-						A2(
-							$elm$core$Basics$composeL,
-							A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-							$elm$core$Result$Ok),
-						task))));
-	});
-var $elm_community$intdict$IntDict$Empty = {$: 'Empty'};
-var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty;
-var $elm$browser$Browser$Dom$getElement = _Browser_getElement;
-var $elm_community$intdict$IntDict$Inner = function (a) {
-	return {$: 'Inner', a: a};
-};
-var $elm_community$intdict$IntDict$size = function (dict) {
-	switch (dict.$) {
-		case 'Empty':
-			return 0;
-		case 'Leaf':
-			return 1;
-		default:
-			var i = dict.a;
-			return i.size;
-	}
-};
-var $elm_community$intdict$IntDict$inner = F3(
-	function (p, l, r) {
-		var _v0 = _Utils_Tuple2(l, r);
-		if (_v0.a.$ === 'Empty') {
-			var _v1 = _v0.a;
-			return r;
-		} else {
-			if (_v0.b.$ === 'Empty') {
-				var _v2 = _v0.b;
-				return l;
-			} else {
-				return $elm_community$intdict$IntDict$Inner(
-					{
-						left: l,
-						prefix: p,
-						right: r,
-						size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r)
-					});
-			}
-		}
-	});
-var $elm$core$Bitwise$and = _Bitwise_and;
-var $elm$core$Basics$composeR = F3(
-	function (f, g, x) {
-		return g(
-			f(x));
-	});
-var $elm$core$Basics$neq = _Utils_notEqual;
-var $elm$core$Bitwise$complement = _Bitwise_complement;
-var $elm$core$Bitwise$or = _Bitwise_or;
-var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
-var $elm_community$intdict$IntDict$highestBitSet = function (n) {
-	var shiftOr = F2(
-		function (i, shift) {
-			return i | (i >>> shift);
-		});
-	var n1 = A2(shiftOr, n, 1);
-	var n2 = A2(shiftOr, n1, 2);
-	var n3 = A2(shiftOr, n2, 4);
-	var n4 = A2(shiftOr, n3, 8);
-	var n5 = A2(shiftOr, n4, 16);
-	return n5 & (~(n5 >>> 1));
-};
-var $elm$core$Basics$negate = function (n) {
-	return -n;
-};
-var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1);
-var $elm$core$Bitwise$xor = _Bitwise_xor;
-var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit),
-		A2(
-			$elm$core$Basics$composeR,
-			$elm$core$Bitwise$and(p.branchingBit),
-			$elm$core$Basics$neq(0)));
-};
-var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) {
-	return branchingBit ^ (~(branchingBit - 1));
-};
-var $elm_community$intdict$IntDict$lcp = F2(
-	function (x, y) {
-		var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y);
-		var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit);
-		var prefixBits = x & mask;
-		return {branchingBit: branchingBit, prefixBits: prefixBits};
-	});
-var $elm_community$intdict$IntDict$Leaf = function (a) {
-	return {$: 'Leaf', a: a};
-};
-var $elm_community$intdict$IntDict$leaf = F2(
-	function (k, v) {
-		return $elm_community$intdict$IntDict$Leaf(
-			{key: k, value: v});
-	});
-var $elm_community$intdict$IntDict$prefixMatches = F2(
-	function (p, n) {
-		return _Utils_eq(
-			n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit),
-			p.prefixBits);
-	});
-var $elm_community$intdict$IntDict$update = F3(
-	function (key, alter, dict) {
-		var join = F2(
-			function (_v2, _v3) {
-				var k1 = _v2.a;
-				var l = _v2.b;
-				var k2 = _v3.a;
-				var r = _v3.b;
-				var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2);
-				return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l);
-			});
-		var alteredNode = function (mv) {
-			var _v1 = alter(mv);
-			if (_v1.$ === 'Just') {
-				var v = _v1.a;
-				return A2($elm_community$intdict$IntDict$leaf, key, v);
-			} else {
-				return $elm_community$intdict$IntDict$empty;
-			}
-		};
-		switch (dict.$) {
-			case 'Empty':
-				return alteredNode($elm$core$Maybe$Nothing);
-			case 'Leaf':
-				var l = dict.a;
-				return _Utils_eq(l.key, key) ? alteredNode(
-					$elm$core$Maybe$Just(l.value)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(l.key, dict));
-			default:
-				var i = dict.a;
-				return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					i.left,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.left),
-					i.right)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(i.prefix.prefixBits, dict));
-		}
-	});
-var $elm_community$intdict$IntDict$insert = F3(
-	function (key, value, dict) {
-		return A3(
-			$elm_community$intdict$IntDict$update,
-			key,
-			$elm$core$Basics$always(
-				$elm$core$Maybe$Just(value)),
-			dict);
-	});
-var $elm$core$Basics$round = _Basics_round;
-var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) {
-	var toString = _v0.toString;
-	var arrangement = _v0.arrangement;
-	var fun = F2(
-		function (_v1, model) {
-			var pos = _v1.a;
-			var label = _v1.b;
-			return _Utils_update(
-				model,
-				{
-					positions: A3(
-						$elm_community$intdict$IntDict$insert,
-						pos,
-						model.toString(label),
-						model.positions)
-				});
-		});
-	return A2(
-		$elm$core$Task$map,
-		F2(
-			function (list, m) {
-				return A3($elm$core$List$foldl, fun, m, list);
-			}),
-		$elm$core$Task$sequence(
-			A2(
-				$elm$core$List$map,
-				function (label) {
-					return A2(
-						$elm$core$Task$map,
-						function (x) {
-							return _Utils_Tuple2(
-								$elm$core$Basics$round(x.element.y),
-								label);
-						},
-						$elm$browser$Browser$Dom$getElement(
-							toString(label)));
-				},
-				arrangement)));
-};
-var $author$project$Widget$ScrollingNav$init = function (_v0) {
-	var toString = _v0.toString;
-	var fromString = _v0.fromString;
-	var arrangement = _v0.arrangement;
-	var toMsg = _v0.toMsg;
-	return function (a) {
-		return _Utils_Tuple2(
-			a,
-			A2(
-				$elm$core$Task$attempt,
-				toMsg,
-				$author$project$Widget$ScrollingNav$syncPositions(a)));
-	}(
-		{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
-};
-var $author$project$Main$initialModel = function (_v0) {
-	var viewport = _v0.viewport;
-	var _v1 = $author$project$Stateless$init;
-	var stateless = _v1.a;
-	var statelessCmd = _v1.b;
-	var _v2 = $author$project$Widget$ScrollingNav$init(
-		{
-			arrangement: $author$project$Data$Example$asList,
-			fromString: $author$project$Data$Example$fromString,
-			toMsg: function (result) {
-				if (result.$ === 'Ok') {
-					var fun = result.a;
-					return $author$project$Main$UpdateScrollingNav(fun);
-				} else {
-					return $author$project$Main$Idle;
-				}
-			},
-			toString: $author$project$Data$Example$toString
-		});
-	var scrollingNav = _v2.a;
-	var cmd = _v2.b;
-	return _Utils_Tuple2(
-		{
-			displayDialog: false,
-			expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString),
-			layout: $author$project$Widget$Layout$init,
-			scrollingNav: scrollingNav,
-			search: {current: '', raw: '', remaining: 0},
-			stateless: stateless,
-			theme: $author$project$Data$Theme$Material,
-			window: {
-				height: $elm$core$Basics$round(viewport.height),
-				width: $elm$core$Basics$round(viewport.width)
-			}
-		},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					cmd,
-					A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
-				])));
-};
-var $elm$core$Tuple$mapBoth = F3(
-	function (funcA, funcB, _v0) {
-		var x = _v0.a;
-		var y = _v0.b;
-		return _Utils_Tuple2(
-			funcA(x),
-			funcB(y));
-	});
-var $author$project$Main$AddSnackbar = function (a) {
-	return {$: 'AddSnackbar', a: a};
-};
-var $author$project$Widget$Layout$activate = F2(
-	function (part, layout) {
-		return _Utils_update(
-			layout,
-			{active: part});
-	});
-var $author$project$Widget$ScrollingNav$getPos = A2(
-	$elm$core$Task$map,
-	F2(
-		function (_int, model) {
-			return _Utils_update(
-				model,
-				{
-					scrollPos: $elm$core$Basics$round(_int.viewport.y)
-				});
-		}),
-	$elm$browser$Browser$Dom$getViewport);
-var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport;
-var $author$project$Widget$ScrollingNav$jumpTo = F2(
-	function (_v0, _v1) {
-		var section = _v0.section;
-		var onChange = _v0.onChange;
-		var toString = _v1.toString;
-		return A2(
-			$elm$core$Task$attempt,
-			onChange,
-			A2(
-				$elm$core$Task$andThen,
-				function (_v2) {
-					var element = _v2.element;
-					return A2($elm$browser$Browser$Dom$setViewport, 0, element.y);
-				},
-				$elm$browser$Browser$Dom$getElement(
-					toString(section))));
-	});
-var $elm$browser$Browser$Navigation$load = _Browser_load;
 var $turboMaCk$queue$Queue$queue = F2(
 	function (fl, rl) {
 		if (!fl.b) {
@@ -6551,14 +6136,6 @@ var $author$project$Widget$Snackbar$insertFor = F3(
 		}
 	});
 var $author$project$Widget$Snackbar$insert = $author$project$Widget$Snackbar$insertFor(10000);
-var $author$project$Widget$Layout$queueMessage = F2(
-	function (message, layout) {
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$insert, message, layout.snackbar)
-			});
-	});
 var $turboMaCk$queue$Queue$dequeue = function (_v0) {
 	var fl = _v0.a;
 	var rl = _v0.b;
@@ -6597,6 +6174,9 @@ var $elm$core$Tuple$mapSecond = F2(
 			x,
 			func(y));
 	});
+var $elm$core$Basics$negate = function (n) {
+	return -n;
+};
 var $author$project$Widget$Snackbar$timePassed = F2(
 	function (ms, model) {
 		var _v0 = model.current;
@@ -6621,51 +6201,114 @@ var $author$project$Widget$Snackbar$timePassed = F2(
 				});
 		}
 	});
-var $author$project$Widget$Layout$timePassed = F2(
-	function (sec, layout) {
-		var _v0 = layout.active;
-		_v0$2:
-		while (true) {
-			if (_v0.$ === 'Just') {
-				switch (_v0.a.$) {
-					case 'LeftSheet':
-						var _v1 = _v0.a;
-						return layout;
-					case 'RightSheet':
-						var _v2 = _v0.a;
-						return layout;
-					default:
-						break _v0$2;
-				}
-			} else {
-				break _v0$2;
-			}
+var $author$project$Example$Layout$update = F2(
+	function (msg, model) {
+		switch (msg.$) {
+			case 'ChangedSidebar':
+				var maybePart = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{active: maybePart}),
+					$elm$core$Platform$Cmd$none);
+			case 'Resized':
+				var window = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{window: window}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSelected':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{selected: _int}),
+					$elm$core$Platform$Cmd$none);
+			case 'AddSnackbar':
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{
+							snackbar: A2($author$project$Widget$Snackbar$insert, 'This is a message', model.snackbar)
+						}),
+					$elm$core$Platform$Cmd$none);
+			case 'ShowDialog':
+				var bool = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{showDialog: bool}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSearchText':
+				var maybeString = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{searchText: maybeString}),
+					$elm$core$Platform$Cmd$none);
+			default:
+				var sec = msg.a;
+				return _Utils_Tuple2(
+					function () {
+						var _v1 = model.active;
+						_v1$2:
+						while (true) {
+							if (_v1.$ === 'Just') {
+								switch (_v1.a.$) {
+									case 'LeftSheet':
+										var _v2 = _v1.a;
+										return model;
+									case 'RightSheet':
+										var _v3 = _v1.a;
+										return model;
+									default:
+										break _v1$2;
+								}
+							} else {
+								break _v1$2;
+							}
+						}
+						return _Utils_update(
+							model,
+							{
+								snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, model.snackbar)
+							});
+					}(),
+					$elm$core$Platform$Cmd$none);
 		}
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar)
-			});
 	});
-var $turboMaCk$any_dict$Dict$Any$insert = F3(
-	function (k, v, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A3(
-						$elm$core$Dict$insert,
-						inner.toKey(k),
-						_Utils_Tuple2(k, v),
-						inner.dict)
-				}));
+var $author$project$Example$List$IsExpanded = function (a) {
+	return {$: 'IsExpanded', a: a};
+};
+var $author$project$Example$List$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$List$IsExpanded(bool),
+			$elm$core$Platform$Cmd$none);
 	});
-var $turboMaCk$any_set$Set$Any$insert = F2(
-	function (a, _v0) {
+var $author$project$Example$Modal$IsEnabled = function (a) {
+	return {$: 'IsEnabled', a: a};
+};
+var $author$project$Example$Modal$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Modal$IsEnabled(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$MultiSelect$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
+var $elm$core$Set$Set_elm_builtin = function (a) {
+	return {$: 'Set_elm_builtin', a: a};
+};
+var $elm$core$Set$insert = F2(
+	function (key, _v0) {
 		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict));
+		return $elm$core$Set$Set_elm_builtin(
+			A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
 	});
 var $elm$core$Dict$member = F2(
 	function (key, dict) {
@@ -6676,19 +6319,10 @@ var $elm$core$Dict$member = F2(
 			return false;
 		}
 	});
-var $turboMaCk$any_dict$Dict$Any$member = F2(
-	function (k, _v0) {
-		var dict = _v0.a.dict;
-		var toKey = _v0.a.toKey;
-		return A2(
-			$elm$core$Dict$member,
-			toKey(k),
-			dict);
-	});
-var $turboMaCk$any_set$Set$Any$member = F2(
-	function (a, _v0) {
+var $elm$core$Set$member = F2(
+	function (key, _v0) {
 		var dict = _v0.a;
-		return A2($turboMaCk$any_dict$Dict$Any$member, a, dict);
+		return A2($elm$core$Dict$member, key, dict);
 	});
 var $elm$core$Dict$getMin = function (dict) {
 	getMin:
@@ -7052,118 +6686,6 @@ var $elm$core$Dict$remove = F2(
 			return x;
 		}
 	});
-var $turboMaCk$any_dict$Dict$Any$remove = F2(
-	function (k, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A2(
-						$elm$core$Dict$remove,
-						inner.toKey(k),
-						inner.dict)
-				}));
-	});
-var $turboMaCk$any_set$Set$Any$remove = F2(
-	function (a, _v0) {
-		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A2($turboMaCk$any_dict$Dict$Any$remove, a, dict));
-	});
-var $turboMaCk$any_set$Set$Any$toggle = F2(
-	function (a, set) {
-		return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set);
-	});
-var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
-var $author$project$Example$Button$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Dialog$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Icon$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$List$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Modal$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$ProgressIndicator$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Select$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$SortTable$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Switch$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Tab$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$TextInput$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $elm$core$Basics$ge = _Utils_ge;
-var $author$project$Example$Button$update = F2(
-	function (msg, model) {
-		switch (msg.$) {
-			case 'Increase':
-				var _int = msg.a;
-				return _Utils_Tuple2(model + _int, $elm$core$Platform$Cmd$none);
-			case 'Decrease':
-				var _int = msg.a;
-				return _Utils_Tuple2(
-					((model - _int) >= 0) ? (model - _int) : model,
-					$elm$core$Platform$Cmd$none);
-			default:
-				return _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Example$Dialog$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Dialog$IsOpen(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Icon$update = F2(
-	function (msg, _v0) {
-		return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$List$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$List$IsExpanded(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Modal$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Modal$IsEnabled(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $elm$core$Set$insert = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return $elm$core$Set$Set_elm_builtin(
-			A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
-	});
-var $elm$core$Set$member = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return A2($elm$core$Dict$member, key, dict);
-	});
 var $elm$core$Set$remove = F2(
 	function (key, _v0) {
 		var dict = _v0.a;
@@ -7179,6 +6701,9 @@ var $author$project$Example$MultiSelect$update = F2(
 				(A2($elm$core$Set$member, _int, selected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(selected)),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$ProgressIndicator$MaybeProgress = function (a) {
+	return {$: 'MaybeProgress', a: a};
+};
 var $author$project$Example$ProgressIndicator$update = F2(
 	function (msg, _v0) {
 		var maybeFloat = msg.a;
@@ -7186,6 +6711,9 @@ var $author$project$Example$ProgressIndicator$update = F2(
 			$author$project$Example$ProgressIndicator$MaybeProgress(maybeFloat),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Select$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
 var $author$project$Example$Select$update = F2(
 	function (msg, _v0) {
 		var _int = msg.a;
@@ -7194,6 +6722,30 @@ var $author$project$Example$Select$update = F2(
 				$elm$core$Maybe$Just(_int)),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Sheet$IsEnabled = function (a) {
+	return {$: 'IsEnabled', a: a};
+};
+var $author$project$Example$Sheet$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Sheet$IsEnabled(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$Snackbar$update = F2(
+	function (msg, model) {
+		if (msg.$ === 'TimePassed') {
+			var _int = msg.a;
+			return _Utils_Tuple2(
+				A2($author$project$Widget$Snackbar$timePassed, _int, model),
+				$elm$core$Platform$Cmd$none);
+		} else {
+			var snack = msg.a;
+			return _Utils_Tuple2(
+				A2($author$project$Widget$Snackbar$insert, snack, model),
+				$elm$core$Platform$Cmd$none);
+		}
+	});
 var $elm$core$Basics$not = _Basics_not;
 var $author$project$Example$SortTable$update = F2(
 	function (msg, model) {
@@ -7205,6 +6757,9 @@ var $author$project$Example$SortTable$update = F2(
 			},
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Switch$IsButtonEnabled = function (a) {
+	return {$: 'IsButtonEnabled', a: a};
+};
 var $author$project$Example$Switch$update = F2(
 	function (msg, _v0) {
 		var buttonEnabled = _v0.a;
@@ -7212,6 +6767,9 @@ var $author$project$Example$Switch$update = F2(
 			$author$project$Example$Switch$IsButtonEnabled(!buttonEnabled),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Tab$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
 var $author$project$Example$Tab$update = F2(
 	function (msg, _v0) {
 		var _int = msg.a;
@@ -7241,6 +6799,20 @@ var $author$project$Example$TextInput$update = F2(
 		}
 	});
 var $author$project$Data$Example$upgradeRecord = {
+	appBar: {
+		from: function ($) {
+			return $.appBar;
+		},
+		msgMapper: $author$project$Data$Example$AppBar,
+		subscriptionsFun: $author$project$Example$AppBar$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{appBar: a});
+			}),
+		updateFun: $author$project$Example$AppBar$update
+	},
 	button: {
 		from: function ($) {
 			return $.button;
@@ -7283,6 +6855,20 @@ var $author$project$Data$Example$upgradeRecord = {
 			}),
 		updateFun: $author$project$Example$Icon$update
 	},
+	layout: {
+		from: function ($) {
+			return $.layout;
+		},
+		msgMapper: $author$project$Data$Example$Layout,
+		subscriptionsFun: $author$project$Example$Layout$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{layout: a});
+			}),
+		updateFun: $author$project$Example$Layout$update
+	},
 	list: {
 		from: function ($) {
 			return $.list;
@@ -7353,6 +6939,34 @@ var $author$project$Data$Example$upgradeRecord = {
 			}),
 		updateFun: $author$project$Example$Select$update
 	},
+	sheet: {
+		from: function ($) {
+			return $.sheet;
+		},
+		msgMapper: $author$project$Data$Example$Sheet,
+		subscriptionsFun: $author$project$Example$Sheet$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{sheet: a});
+			}),
+		updateFun: $author$project$Example$Sheet$update
+	},
+	snackbar: {
+		from: function ($) {
+			return $.snackbar;
+		},
+		msgMapper: $author$project$Data$Example$Snackbar,
+		subscriptionsFun: $author$project$Example$Snackbar$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{snackbar: a});
+			}),
+		updateFun: $author$project$Example$Snackbar$update
+	},
 	sortTable: {
 		from: function ($) {
 			return $.sortTable;
@@ -7410,6 +7024,695 @@ var $author$project$Data$Example$upgradeRecord = {
 		updateFun: $author$project$Example$TextInput$update
 	}
 };
+var $author$project$Data$Example$subscriptions = function (model) {
+	var subFun = function (_v0) {
+		var from = _v0.from;
+		var msgMapper = _v0.msgMapper;
+		var subscriptionsFun = _v0.subscriptionsFun;
+		return A2(
+			$elm$core$Platform$Sub$map,
+			msgMapper,
+			subscriptionsFun(
+				from(model)));
+	};
+	return $elm$core$Platform$Sub$batch(
+		_List_fromArray(
+			[
+				subFun($author$project$Data$Example$upgradeRecord.button),
+				subFun($author$project$Data$Example$upgradeRecord._switch),
+				subFun($author$project$Data$Example$upgradeRecord.select),
+				subFun($author$project$Data$Example$upgradeRecord.multiSelect),
+				subFun($author$project$Data$Example$upgradeRecord.tab),
+				subFun($author$project$Data$Example$upgradeRecord.sortTable),
+				subFun($author$project$Data$Example$upgradeRecord.modal),
+				subFun($author$project$Data$Example$upgradeRecord.dialog),
+				subFun($author$project$Data$Example$upgradeRecord.textInput),
+				subFun($author$project$Data$Example$upgradeRecord.list),
+				subFun($author$project$Data$Example$upgradeRecord.progressIndicator),
+				subFun($author$project$Data$Example$upgradeRecord.icon),
+				subFun($author$project$Data$Example$upgradeRecord.sheet),
+				subFun($author$project$Data$Example$upgradeRecord.appBar),
+				subFun($author$project$Data$Example$upgradeRecord.layout),
+				subFun($author$project$Data$Example$upgradeRecord.snackbar)
+			]));
+};
+var $author$project$Stateless$subscriptions = function (model) {
+	return A2(
+		$elm$core$Platform$Sub$map,
+		$author$project$Stateless$ExampleSpecific,
+		$author$project$Data$Example$subscriptions(model.example));
+};
+var $author$project$Main$subscriptions = function (model) {
+	return A2(
+		$elm$core$Platform$Sub$map,
+		$author$project$Main$LoadedSpecific,
+		$elm$core$Platform$Sub$batch(
+			_Utils_ap(
+				_List_fromArray(
+					[
+						A2(
+						$elm$time$Time$every,
+						50,
+						$elm$core$Basics$always(
+							$author$project$Main$TimePassed(50))),
+						$elm$browser$Browser$Events$onResize(
+						F2(
+							function (h, w) {
+								return $author$project$Main$Resized(
+									{height: h, width: w});
+							}))
+					]),
+				function () {
+					if (model.$ === 'Loading') {
+						return _List_Nil;
+					} else {
+						var stateless = model.a.stateless;
+						return $elm$core$List$singleton(
+							A2(
+								$elm$core$Platform$Sub$map,
+								$author$project$Main$StatelessSpecific,
+								$author$project$Stateless$subscriptions(stateless)));
+					}
+				}())));
+};
+var $author$project$Main$Loaded = function (a) {
+	return {$: 'Loaded', a: a};
+};
+var $author$project$Main$Idle = {$: 'Idle'};
+var $author$project$Data$Theme$Material = {$: 'Material'};
+var $author$project$Main$UpdateScrollingNav = function (a) {
+	return {$: 'UpdateScrollingNav', a: a};
+};
+var $author$project$Data$Example$AppBarExample = {$: 'AppBarExample'};
+var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
+var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
+var $author$project$Data$Example$IconExample = {$: 'IconExample'};
+var $author$project$Data$Example$LayoutExample = {$: 'LayoutExample'};
+var $author$project$Data$Example$ListExample = {$: 'ListExample'};
+var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
+var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
+var $author$project$Data$Example$ProgressIndicatorExample = {$: 'ProgressIndicatorExample'};
+var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
+var $author$project$Data$Example$SheetExample = {$: 'SheetExample'};
+var $author$project$Data$Example$SnackbarExample = {$: 'SnackbarExample'};
+var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
+var $author$project$Data$Example$SwitchExample = {$: 'SwitchExample'};
+var $author$project$Data$Example$TabExample = {$: 'TabExample'};
+var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
+var $elm$core$List$sortBy = _List_sortBy;
+var $author$project$Data$Example$toString = function (example) {
+	switch (example.$) {
+		case 'ButtonExample':
+			return 'Button';
+		case 'SwitchExample':
+			return 'Switch';
+		case 'SelectExample':
+			return 'Select';
+		case 'MultiSelectExample':
+			return 'Multi Select';
+		case 'TabExample':
+			return 'Tab';
+		case 'SortTableExample':
+			return 'SortTable';
+		case 'ModalExample':
+			return 'Modal';
+		case 'DialogExample':
+			return 'Dialog';
+		case 'TextInputExample':
+			return 'TextInput';
+		case 'ListExample':
+			return 'List';
+		case 'ProgressIndicatorExample':
+			return 'Progress Indicator';
+		case 'IconExample':
+			return 'Icon';
+		case 'SheetExample':
+			return 'Sheet';
+		case 'AppBarExample':
+			return 'App Bar';
+		case 'LayoutExample':
+			return 'Layout';
+		default:
+			return 'Snackbar';
+	}
+};
+var $author$project$Data$Example$asList = A2(
+	$elm$core$List$sortBy,
+	$author$project$Data$Example$toString,
+	_List_fromArray(
+		[$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SwitchExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample, $author$project$Data$Example$ProgressIndicatorExample, $author$project$Data$Example$IconExample, $author$project$Data$Example$SheetExample, $author$project$Data$Example$AppBarExample, $author$project$Data$Example$LayoutExample, $author$project$Data$Example$SnackbarExample]));
+var $turboMaCk$any_set$Set$Any$AnySet = function (a) {
+	return {$: 'AnySet', a: a};
+};
+var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) {
+	return {$: 'AnyDict', a: a};
+};
+var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) {
+	return $turboMaCk$any_dict$Dict$Any$AnyDict(
+		{dict: $elm$core$Dict$empty, toKey: toKey});
+};
+var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty);
+var $author$project$Data$Example$fromString = function (string) {
+	switch (string) {
+		case 'Button':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
+		case 'Switch':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SwitchExample);
+		case 'Select':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
+		case 'Multi Select':
+			return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
+		case 'Tab':
+			return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
+		case 'SortTable':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
+		case 'Modal':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
+		case 'Dialog':
+			return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
+		case 'TextInput':
+			return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
+		case 'List':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
+		case 'Progress Indicator':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ProgressIndicatorExample);
+		case 'Icon':
+			return $elm$core$Maybe$Just($author$project$Data$Example$IconExample);
+		case 'Sheet':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SheetExample);
+		case 'App Bar':
+			return $elm$core$Maybe$Just($author$project$Data$Example$AppBarExample);
+		case 'Layout':
+			return $elm$core$Maybe$Just($author$project$Data$Example$LayoutExample);
+		case 'Snackbar':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SnackbarExample);
+		default:
+			return $elm$core$Maybe$Nothing;
+	}
+};
+var $author$project$Example$AppBar$init = _Utils_Tuple2(
+	{isMenuBar: true, search: '', selected: 0},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Button$init = _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$Dialog$init = _Utils_Tuple2(
+	$author$project$Example$Dialog$IsOpen(true),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Icon$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$Layout$RightSheet = {$: 'RightSheet'};
+var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
+var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
+var $author$project$Example$Layout$init = _Utils_Tuple2(
+	{
+		active: $elm$core$Maybe$Just($author$project$Example$Layout$RightSheet),
+		searchText: '',
+		selected: 0,
+		showDialog: false,
+		snackbar: $author$project$Widget$Snackbar$init,
+		window: {height: 200, width: 400}
+	},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$List$init = _Utils_Tuple2(
+	$author$project$Example$List$IsExpanded(false),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Modal$init = _Utils_Tuple2(
+	$author$project$Example$Modal$IsEnabled(true),
+	$elm$core$Platform$Cmd$none);
+var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
+var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
+	$author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$ProgressIndicator$init = _Utils_Tuple2(
+	$author$project$Example$ProgressIndicator$MaybeProgress($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Select$init = _Utils_Tuple2(
+	$author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Sheet$init = _Utils_Tuple2(
+	$author$project$Example$Sheet$IsEnabled(true),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Snackbar$init = _Utils_Tuple2($author$project$Widget$Snackbar$init, $elm$core$Platform$Cmd$none);
+var $author$project$Example$SortTable$init = _Utils_Tuple2(
+	{asc: true, title: 'Name'},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Switch$init = _Utils_Tuple2(
+	$author$project$Example$Switch$IsButtonEnabled(false),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Tab$init = _Utils_Tuple2(
+	$author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$TextInput$init = _Utils_Tuple2(
+	{chipTextInput: $elm$core$Set$empty, textInput: ''},
+	$elm$core$Platform$Cmd$none);
+var $elm$core$Platform$Cmd$map = _Platform_map;
+var $author$project$Data$Example$init = function () {
+	var _v0 = $author$project$Example$TextInput$init;
+	var textInputModel = _v0.a;
+	var textInputMsg = _v0.b;
+	var _v1 = $author$project$Example$Tab$init;
+	var tabModel = _v1.a;
+	var tabMsg = _v1.b;
+	var _v2 = $author$project$Example$Switch$init;
+	var switchModel = _v2.a;
+	var switchMsg = _v2.b;
+	var _v3 = $author$project$Example$SortTable$init;
+	var sortTableModel = _v3.a;
+	var sortTableMsg = _v3.b;
+	var _v4 = $author$project$Example$Snackbar$init;
+	var snackbarModel = _v4.a;
+	var snackbarMsg = _v4.b;
+	var _v5 = $author$project$Example$Sheet$init;
+	var sheetModel = _v5.a;
+	var sheetMsg = _v5.b;
+	var _v6 = $author$project$Example$Select$init;
+	var selectModel = _v6.a;
+	var selectMsg = _v6.b;
+	var _v7 = $author$project$Example$ProgressIndicator$init;
+	var progressIndicatorModel = _v7.a;
+	var progressIndicatorMsg = _v7.b;
+	var _v8 = $author$project$Example$MultiSelect$init;
+	var multiSelectModel = _v8.a;
+	var multiSelectMsg = _v8.b;
+	var _v9 = $author$project$Example$Modal$init;
+	var modalModel = _v9.a;
+	var modalMsg = _v9.b;
+	var _v10 = $author$project$Example$List$init;
+	var listModel = _v10.a;
+	var listMsg = _v10.b;
+	var _v11 = $author$project$Example$Layout$init;
+	var layoutModel = _v11.a;
+	var layoutMsg = _v11.b;
+	var _v12 = $author$project$Example$Icon$init;
+	var iconModel = _v12.a;
+	var iconMsg = _v12.b;
+	var _v13 = $author$project$Example$Dialog$init;
+	var dialogModel = _v13.a;
+	var dialogMsg = _v13.b;
+	var _v14 = $author$project$Example$Button$init;
+	var buttonModel = _v14.a;
+	var buttonMsg = _v14.b;
+	var _v15 = $author$project$Example$AppBar$init;
+	var appBarModel = _v15.a;
+	var appBarMsg = _v15.b;
+	return _Utils_Tuple2(
+		{appBar: appBarModel, button: buttonModel, dialog: dialogModel, icon: iconModel, layout: layoutModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, progressIndicator: progressIndicatorModel, select: selectModel, sheet: sheetModel, snackbar: snackbarModel, sortTable: sortTableModel, _switch: switchModel, tab: tabModel, textInput: textInputModel},
+		$elm$core$Platform$Cmd$batch(
+			_List_fromArray(
+				[
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Switch, switchMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ProgressIndicator, progressIndicatorMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Icon, iconMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Sheet, sheetMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$AppBar, appBarMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Layout, layoutMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Snackbar, snackbarMsg)
+				])));
+}();
+var $author$project$Stateless$init = function () {
+	var _v0 = $author$project$Data$Example$init;
+	var example = _v0.a;
+	var cmd = _v0.b;
+	return _Utils_Tuple2(
+		{carousel: 0, example: example},
+		A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
+}();
+var $elm$core$Task$onError = _Scheduler_onError;
+var $elm$core$Task$attempt = F2(
+	function (resultToMessage, task) {
+		return $elm$core$Task$command(
+			$elm$core$Task$Perform(
+				A2(
+					$elm$core$Task$onError,
+					A2(
+						$elm$core$Basics$composeL,
+						A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
+						$elm$core$Result$Err),
+					A2(
+						$elm$core$Task$andThen,
+						A2(
+							$elm$core$Basics$composeL,
+							A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
+							$elm$core$Result$Ok),
+						task))));
+	});
+var $elm_community$intdict$IntDict$Empty = {$: 'Empty'};
+var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty;
+var $elm$browser$Browser$Dom$getElement = _Browser_getElement;
+var $elm_community$intdict$IntDict$Inner = function (a) {
+	return {$: 'Inner', a: a};
+};
+var $elm_community$intdict$IntDict$size = function (dict) {
+	switch (dict.$) {
+		case 'Empty':
+			return 0;
+		case 'Leaf':
+			return 1;
+		default:
+			var i = dict.a;
+			return i.size;
+	}
+};
+var $elm_community$intdict$IntDict$inner = F3(
+	function (p, l, r) {
+		var _v0 = _Utils_Tuple2(l, r);
+		if (_v0.a.$ === 'Empty') {
+			var _v1 = _v0.a;
+			return r;
+		} else {
+			if (_v0.b.$ === 'Empty') {
+				var _v2 = _v0.b;
+				return l;
+			} else {
+				return $elm_community$intdict$IntDict$Inner(
+					{
+						left: l,
+						prefix: p,
+						right: r,
+						size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r)
+					});
+			}
+		}
+	});
+var $elm$core$Bitwise$and = _Bitwise_and;
+var $elm$core$Basics$composeR = F3(
+	function (f, g, x) {
+		return g(
+			f(x));
+	});
+var $elm$core$Basics$neq = _Utils_notEqual;
+var $elm$core$Bitwise$complement = _Bitwise_complement;
+var $elm$core$Bitwise$or = _Bitwise_or;
+var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
+var $elm_community$intdict$IntDict$highestBitSet = function (n) {
+	var shiftOr = F2(
+		function (i, shift) {
+			return i | (i >>> shift);
+		});
+	var n1 = A2(shiftOr, n, 1);
+	var n2 = A2(shiftOr, n1, 2);
+	var n3 = A2(shiftOr, n2, 4);
+	var n4 = A2(shiftOr, n3, 8);
+	var n5 = A2(shiftOr, n4, 16);
+	return n5 & (~(n5 >>> 1));
+};
+var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1);
+var $elm$core$Bitwise$xor = _Bitwise_xor;
+var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) {
+	return A2(
+		$elm$core$Basics$composeR,
+		$elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit),
+		A2(
+			$elm$core$Basics$composeR,
+			$elm$core$Bitwise$and(p.branchingBit),
+			$elm$core$Basics$neq(0)));
+};
+var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) {
+	return branchingBit ^ (~(branchingBit - 1));
+};
+var $elm_community$intdict$IntDict$lcp = F2(
+	function (x, y) {
+		var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y);
+		var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit);
+		var prefixBits = x & mask;
+		return {branchingBit: branchingBit, prefixBits: prefixBits};
+	});
+var $elm_community$intdict$IntDict$Leaf = function (a) {
+	return {$: 'Leaf', a: a};
+};
+var $elm_community$intdict$IntDict$leaf = F2(
+	function (k, v) {
+		return $elm_community$intdict$IntDict$Leaf(
+			{key: k, value: v});
+	});
+var $elm_community$intdict$IntDict$prefixMatches = F2(
+	function (p, n) {
+		return _Utils_eq(
+			n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit),
+			p.prefixBits);
+	});
+var $elm_community$intdict$IntDict$update = F3(
+	function (key, alter, dict) {
+		var join = F2(
+			function (_v2, _v3) {
+				var k1 = _v2.a;
+				var l = _v2.b;
+				var k2 = _v3.a;
+				var r = _v3.b;
+				var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2);
+				return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l);
+			});
+		var alteredNode = function (mv) {
+			var _v1 = alter(mv);
+			if (_v1.$ === 'Just') {
+				var v = _v1.a;
+				return A2($elm_community$intdict$IntDict$leaf, key, v);
+			} else {
+				return $elm_community$intdict$IntDict$empty;
+			}
+		};
+		switch (dict.$) {
+			case 'Empty':
+				return alteredNode($elm$core$Maybe$Nothing);
+			case 'Leaf':
+				var l = dict.a;
+				return _Utils_eq(l.key, key) ? alteredNode(
+					$elm$core$Maybe$Just(l.value)) : A2(
+					join,
+					_Utils_Tuple2(
+						key,
+						alteredNode($elm$core$Maybe$Nothing)),
+					_Utils_Tuple2(l.key, dict));
+			default:
+				var i = dict.a;
+				return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3(
+					$elm_community$intdict$IntDict$inner,
+					i.prefix,
+					i.left,
+					A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3(
+					$elm_community$intdict$IntDict$inner,
+					i.prefix,
+					A3($elm_community$intdict$IntDict$update, key, alter, i.left),
+					i.right)) : A2(
+					join,
+					_Utils_Tuple2(
+						key,
+						alteredNode($elm$core$Maybe$Nothing)),
+					_Utils_Tuple2(i.prefix.prefixBits, dict));
+		}
+	});
+var $elm_community$intdict$IntDict$insert = F3(
+	function (key, value, dict) {
+		return A3(
+			$elm_community$intdict$IntDict$update,
+			key,
+			$elm$core$Basics$always(
+				$elm$core$Maybe$Just(value)),
+			dict);
+	});
+var $elm$core$Basics$round = _Basics_round;
+var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) {
+	var toString = _v0.toString;
+	var arrangement = _v0.arrangement;
+	var fun = F2(
+		function (_v1, model) {
+			var pos = _v1.a;
+			var label = _v1.b;
+			return _Utils_update(
+				model,
+				{
+					positions: A3(
+						$elm_community$intdict$IntDict$insert,
+						pos,
+						model.toString(label),
+						model.positions)
+				});
+		});
+	return A2(
+		$elm$core$Task$map,
+		F2(
+			function (list, m) {
+				return A3($elm$core$List$foldl, fun, m, list);
+			}),
+		$elm$core$Task$sequence(
+			A2(
+				$elm$core$List$map,
+				function (label) {
+					return A2(
+						$elm$core$Task$map,
+						function (x) {
+							return _Utils_Tuple2(
+								$elm$core$Basics$round(x.element.y),
+								label);
+						},
+						$elm$browser$Browser$Dom$getElement(
+							toString(label)));
+				},
+				arrangement)));
+};
+var $author$project$Widget$ScrollingNav$init = function (_v0) {
+	var toString = _v0.toString;
+	var fromString = _v0.fromString;
+	var arrangement = _v0.arrangement;
+	var toMsg = _v0.toMsg;
+	return function (a) {
+		return _Utils_Tuple2(
+			a,
+			A2(
+				$elm$core$Task$attempt,
+				toMsg,
+				$author$project$Widget$ScrollingNav$syncPositions(a)));
+	}(
+		{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
+};
+var $author$project$Main$initialModel = function (_v0) {
+	var viewport = _v0.viewport;
+	var _v1 = $author$project$Stateless$init;
+	var stateless = _v1.a;
+	var statelessCmd = _v1.b;
+	var _v2 = $author$project$Widget$ScrollingNav$init(
+		{
+			arrangement: $author$project$Data$Example$asList,
+			fromString: $author$project$Data$Example$fromString,
+			toMsg: function (result) {
+				if (result.$ === 'Ok') {
+					var fun = result.a;
+					return $author$project$Main$UpdateScrollingNav(fun);
+				} else {
+					return $author$project$Main$Idle;
+				}
+			},
+			toString: $author$project$Data$Example$toString
+		});
+	var scrollingNav = _v2.a;
+	var cmd = _v2.b;
+	return _Utils_Tuple2(
+		{
+			active: $elm$core$Maybe$Nothing,
+			displayDialog: false,
+			expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString),
+			scrollingNav: scrollingNav,
+			search: {current: '', raw: '', remaining: 0},
+			snackbar: $author$project$Widget$Snackbar$init,
+			stateless: stateless,
+			theme: $author$project$Data$Theme$Material,
+			window: {
+				height: $elm$core$Basics$round(viewport.height),
+				width: $elm$core$Basics$round(viewport.width)
+			}
+		},
+		$elm$core$Platform$Cmd$batch(
+			_List_fromArray(
+				[
+					cmd,
+					A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
+				])));
+};
+var $elm$core$Tuple$mapBoth = F3(
+	function (funcA, funcB, _v0) {
+		var x = _v0.a;
+		var y = _v0.b;
+		return _Utils_Tuple2(
+			funcA(x),
+			funcB(y));
+	});
+var $author$project$Main$AddSnackbar = function (a) {
+	return {$: 'AddSnackbar', a: a};
+};
+var $author$project$Widget$ScrollingNav$getPos = A2(
+	$elm$core$Task$map,
+	F2(
+		function (_int, model) {
+			return _Utils_update(
+				model,
+				{
+					scrollPos: $elm$core$Basics$round(_int.viewport.y)
+				});
+		}),
+	$elm$browser$Browser$Dom$getViewport);
+var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport;
+var $author$project$Widget$ScrollingNav$jumpTo = F2(
+	function (_v0, _v1) {
+		var section = _v0.section;
+		var onChange = _v0.onChange;
+		var toString = _v1.toString;
+		return A2(
+			$elm$core$Task$attempt,
+			onChange,
+			A2(
+				$elm$core$Task$andThen,
+				function (_v2) {
+					var element = _v2.element;
+					return A2($elm$browser$Browser$Dom$setViewport, 0, element.y);
+				},
+				$elm$browser$Browser$Dom$getElement(
+					toString(section))));
+	});
+var $elm$browser$Browser$Navigation$load = _Browser_load;
+var $turboMaCk$any_dict$Dict$Any$insert = F3(
+	function (k, v, _v0) {
+		var inner = _v0.a;
+		return $turboMaCk$any_dict$Dict$Any$AnyDict(
+			_Utils_update(
+				inner,
+				{
+					dict: A3(
+						$elm$core$Dict$insert,
+						inner.toKey(k),
+						_Utils_Tuple2(k, v),
+						inner.dict)
+				}));
+	});
+var $turboMaCk$any_set$Set$Any$insert = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return $turboMaCk$any_set$Set$Any$AnySet(
+			A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict));
+	});
+var $turboMaCk$any_dict$Dict$Any$member = F2(
+	function (k, _v0) {
+		var dict = _v0.a.dict;
+		var toKey = _v0.a.toKey;
+		return A2(
+			$elm$core$Dict$member,
+			toKey(k),
+			dict);
+	});
+var $turboMaCk$any_set$Set$Any$member = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return A2($turboMaCk$any_dict$Dict$Any$member, a, dict);
+	});
+var $turboMaCk$any_dict$Dict$Any$remove = F2(
+	function (k, _v0) {
+		var inner = _v0.a;
+		return $turboMaCk$any_dict$Dict$Any$AnyDict(
+			_Utils_update(
+				inner,
+				{
+					dict: A2(
+						$elm$core$Dict$remove,
+						inner.toKey(k),
+						inner.dict)
+				}));
+	});
+var $turboMaCk$any_set$Set$Any$remove = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return $turboMaCk$any_set$Set$Any$AnySet(
+			A2($turboMaCk$any_dict$Dict$Any$remove, a, dict));
+	});
+var $turboMaCk$any_set$Set$Any$toggle = F2(
+	function (a, set) {
+		return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set);
+	});
 var $author$project$Data$Example$updateField = F3(
 	function (getter, msg, model) {
 		var _v0 = getter($author$project$Data$Example$upgradeRecord);
@@ -7518,7 +7821,7 @@ var $author$project$Data$Example$update = F2(
 							return $.progressIndicator;
 						},
 						m);
-				default:
+				case 'Icon':
 					var m = msg.a;
 					return A2(
 						$author$project$Data$Example$updateField,
@@ -7526,6 +7829,38 @@ var $author$project$Data$Example$update = F2(
 							return $.icon;
 						},
 						m);
+				case 'Sheet':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.sheet;
+						},
+						m);
+				case 'AppBar':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.appBar;
+						},
+						m);
+				case 'Layout':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.layout;
+						},
+						m);
+				default:
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.snackbar;
+						},
+						m);
 			}
 		}()(model);
 	});
@@ -7575,24 +7910,44 @@ var $author$project$Main$updateLoaded = F2(
 					_Utils_update(
 						model,
 						{
-							layout: A2($author$project$Widget$Layout$timePassed, _int, model.layout),
 							search: (search.remaining > 0) ? ((_Utils_cmp(search.remaining, _int) < 1) ? _Utils_update(
 								search,
 								{current: search.raw, remaining: 0}) : _Utils_update(
 								search,
-								{remaining: search.remaining - _int})) : model.search
+								{remaining: search.remaining - _int})) : model.search,
+							snackbar: function () {
+								var _v1 = model.active;
+								_v1$2:
+								while (true) {
+									if (_v1.$ === 'Just') {
+										switch (_v1.a.$) {
+											case 'LeftSheet':
+												var _v2 = _v1.a;
+												return model.snackbar;
+											case 'RightSheet':
+												var _v3 = _v1.a;
+												return model.snackbar;
+											default:
+												break _v1$2;
+										}
+									} else {
+										break _v1$2;
+									}
+								}
+								return A2($author$project$Widget$Snackbar$timePassed, _int, model.snackbar);
+							}()
 						}),
 					A2($elm$core$Task$perform, $author$project$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos));
 			case 'AddSnackbar':
-				var _v1 = msg.a;
-				var string = _v1.a;
-				var bool = _v1.b;
+				var _v4 = msg.a;
+				var string = _v4.a;
+				var bool = _v4.b;
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
 						{
-							layout: A2(
-								$author$project$Widget$Layout$queueMessage,
+							snackbar: A2(
+								$author$project$Widget$Snackbar$insert,
 								{
 									button: bool ? $elm$core$Maybe$Just(
 										{
@@ -7603,16 +7958,9 @@ var $author$project$Main$updateLoaded = F2(
 										}) : $elm$core$Maybe$Nothing,
 									text: string
 								},
-								model.layout)
+								model.snackbar)
 						}),
 					$elm$core$Platform$Cmd$none);
-			case 'ToggleDialog':
-				var bool = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{displayDialog: bool}),
-					$elm$core$Platform$Cmd$none);
 			case 'Resized':
 				var window = msg.a;
 				return _Utils_Tuple2(
@@ -7625,9 +7973,7 @@ var $author$project$Main$updateLoaded = F2(
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{
-							layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout)
-						}),
+						{active: sidebar}),
 					$elm$core$Platform$Cmd$none);
 			case 'Load':
 				var string = msg.a;
@@ -7710,86 +8056,36 @@ var $author$project$Main$update = F2(
 		}
 		return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
 	});
-var $author$project$Main$ChangedSearch = function (a) {
-	return {$: 'ChangedSearch', a: a};
+var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputLabel: 'lbl', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'};
+var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) {
+	return {$: 'Attr', a: a};
 };
-var $author$project$Main$ChangedSidebar = function (a) {
-	return {$: 'ChangedSidebar', a: a};
-};
-var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
-var $author$project$Main$JumpTo = function (a) {
-	return {$: 'JumpTo', a: a};
-};
-var $author$project$Main$Load = function (a) {
-	return {$: 'Load', a: a};
-};
-var $author$project$Main$SetTheme = function (a) {
-	return {$: 'SetTheme', a: a};
-};
-var $author$project$Main$ToggleDialog = function (a) {
-	return {$: 'ToggleDialog', a: a};
-};
-var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
-var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
-	return {$: 'Icon', a: a};
-};
-var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
-	return {
-		_class: $elm$core$Maybe$Just('feather feather-' + name),
-		size: 24,
-		sizeUnit: '',
-		strokeWidth: 2,
-		viewBox: '0 0 24 24'
-	};
-};
-var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
-	function (name, src) {
-		return $feathericons$elm_feather$FeatherIcons$Icon(
-			{
-				attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
-				src: src
-			});
+var $elm$json$Json$Encode$string = _Json_wrap;
+var $elm$html$Html$Attributes$stringProperty = F2(
+	function (key, string) {
+		return A2(
+			_VirtualDom_property,
+			key,
+			$elm$json$Json$Encode$string(string));
 	});
-var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
-var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path');
-var $feathericons$elm_feather$FeatherIcons$book = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'book',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M4 19.5A2.5 2.5 0 0 1 6.5 17H20')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
-	return {$: 'AlignX', a: a};
+var $elm$html$Html$Attributes$class = $elm$html$Html$Attributes$stringProperty('className');
+var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) {
+	return $mdgriffith$elm_ui$Internal$Model$Attr(
+		$elm$html$Html$Attributes$class(cls));
 };
-var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
-var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
-var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
-var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
-var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
-	return {$: 'AlignY', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'};
-var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY);
+var $mdgriffith$elm_ui$Internal$Model$OnlyDynamic = F2(
+	function (a, b) {
+		return {$: 'OnlyDynamic', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic = F2(
+	function (a, b) {
+		return {$: 'StaticRootAndDynamic', a: a, b: b};
+	});
 var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) {
 	return {$: 'Unkeyed', a: a};
 };
-var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'};
-var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn;
-var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputLabel: 'lbl', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'};
+var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'};
+var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl;
 var $mdgriffith$elm_ui$Internal$Model$Generic = {$: 'Generic'};
 var $mdgriffith$elm_ui$Internal$Model$div = $mdgriffith$elm_ui$Internal$Model$Generic;
 var $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren = {$: 'NoNearbyChildren'};
@@ -7889,8 +8185,6 @@ var $mdgriffith$elm_ui$Internal$Model$addKeyedChildren = F3(
 							inFront)));
 		}
 	});
-var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'};
-var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl;
 var $mdgriffith$elm_ui$Internal$Model$AsParagraph = {$: 'AsParagraph'};
 var $mdgriffith$elm_ui$Internal$Model$asParagraph = $mdgriffith$elm_ui$Internal$Model$AsParagraph;
 var $mdgriffith$elm_ui$Internal$Flag$Flag = function (a) {
@@ -7907,15 +8201,6 @@ var $mdgriffith$elm_ui$Internal$Flag$alignBottom = $mdgriffith$elm_ui$Internal$F
 var $mdgriffith$elm_ui$Internal$Flag$alignRight = $mdgriffith$elm_ui$Internal$Flag$flag(40);
 var $mdgriffith$elm_ui$Internal$Flag$centerX = $mdgriffith$elm_ui$Internal$Flag$flag(42);
 var $mdgriffith$elm_ui$Internal$Flag$centerY = $mdgriffith$elm_ui$Internal$Flag$flag(43);
-var $elm$json$Json$Encode$string = _Json_wrap;
-var $elm$html$Html$Attributes$stringProperty = F2(
-	function (key, string) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$string(string));
-	});
-var $elm$html$Html$Attributes$class = $elm$html$Html$Attributes$stringProperty('className');
 var $elm$html$Html$div = _VirtualDom_node('div');
 var $mdgriffith$elm_ui$Internal$Model$lengthClassName = function (x) {
 	switch (x.$) {
@@ -8601,13 +8886,32 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'block'),
 				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				'img',
+				$mdgriffith$elm_ui$Internal$Style$Descriptor,
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
 				_List_fromArray(
 					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-height', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-width', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+						A2(
+						$mdgriffith$elm_ui$Internal$Style$Child,
+						'img',
+						_List_fromArray(
+							[
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-height', '100%'),
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+							]))
+					])),
+				A2(
+				$mdgriffith$elm_ui$Internal$Style$Descriptor,
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
+				_List_fromArray(
+					[
+						A2(
+						$mdgriffith$elm_ui$Internal$Style$Child,
+						'img',
+						_List_fromArray(
+							[
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-width', '100%'),
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+							]))
 					]))
 			])),
 		A2(
@@ -13153,814 +13457,12 @@ var $mdgriffith$elm_ui$Internal$Model$element = F4(
 				$mdgriffith$elm_ui$Internal$Model$NoNearbyChildren,
 				$elm$core$List$reverse(attributes)));
 	});
-var $mdgriffith$elm_ui$Internal$Model$Height = function (a) {
-	return {$: 'Height', a: a};
-};
-var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height;
-var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) {
-	return {$: 'Attr', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) {
-	return $mdgriffith$elm_ui$Internal$Model$Attr(
-		$elm$html$Html$Attributes$class(cls));
-};
-var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'};
-var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content;
-var $mdgriffith$elm_ui$Internal$Model$Width = function (a) {
-	return {$: 'Width', a: a};
-};
-var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width;
-var $mdgriffith$elm_ui$Element$column = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asColumn,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Element$el = F2(
-	function (attrs, child) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					attrs)),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[child])));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Class = F2(
-	function (a, b) {
-		return {$: 'Class', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
-var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
-var $mdgriffith$elm_ui$Internal$Model$Colored = F3(
-	function (a, b, c) {
-		return {$: 'Colored', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2(
-	function (a, b) {
-		return {$: 'StyleClass', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8);
-var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) {
-	var red = _v0.a;
-	var green = _v0.b;
-	var blue = _v0.c;
-	var alpha = _v0.d;
-	return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha))))));
-};
-var $mdgriffith$elm_ui$Element$Background$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$bgColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'background-color',
-			clr));
-};
-var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) {
-	return {$: 'Fill', a: a};
-};
-var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1);
-var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
-var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
-	function (a, b) {
-		return {$: 'Nearby', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
-var $mdgriffith$elm_ui$Element$createNearby = F2(
-	function (loc, element) {
-		if (element.$ === 'Empty') {
-			return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-		} else {
-			return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
-		}
-	});
-var $mdgriffith$elm_ui$Element$inFront = function (element) {
-	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
-};
-var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
-var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
-var $elm$virtual_dom$VirtualDom$Normal = function (a) {
-	return {$: 'Normal', a: a};
-};
-var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
-var $elm$html$Html$Events$on = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$Normal(decoder));
-	});
-var $elm$html$Html$Events$onClick = function (msg) {
-	return A2(
-		$elm$html$Html$Events$on,
-		'click',
-		$elm$json$Json$Decode$succeed(msg));
-};
-var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
+var $mdgriffith$elm_ui$Internal$Model$AllowHover = {$: 'AllowHover'};
+var $mdgriffith$elm_ui$Internal$Model$Layout = {$: 'Layout'};
 var $mdgriffith$elm_ui$Internal$Model$Rgba = F4(
 	function (a, b, c, d) {
 		return {$: 'Rgba', a: a, b: b, c: c, d: d};
 	});
-var $mdgriffith$elm_ui$Element$rgba255 = F4(
-	function (red, green, blue, a) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
-	});
-var $elm$core$List$singleton = function (value) {
-	return _List_fromArray(
-		[value]);
-};
-var $author$project$Internal$Dialog$modal = function (_v0) {
-	var onDismiss = _v0.onDismiss;
-	var content = _v0.content;
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$inFront(
-			A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$Background$color(
-							A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
-						]),
-					A2(
-						$elm$core$Maybe$withDefault,
-						_List_Nil,
-						A2(
-							$elm$core$Maybe$map,
-							A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
-							onDismiss))),
-				$mdgriffith$elm_ui$Element$none)),
-			$mdgriffith$elm_ui$Element$inFront(content),
-			$mdgriffith$elm_ui$Element$clip
-		]);
-};
-var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) {
-	return {$: 'Describe', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
-var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
-	function (a, b, c) {
-		return {$: 'SpacingStyle', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
-var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
-	function (x, y) {
-		return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
-	});
-var $mdgriffith$elm_ui$Element$spacing = function (x) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$spacing,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$SpacingStyle,
-			A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
-			x,
-			x));
-};
-var $mdgriffith$elm_ui$Element$paragraph = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asParagraph,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$spacing(5),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
-var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
-var $mdgriffith$elm_ui$Element$row = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asRow,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Text = function (a) {
-	return {$: 'Text', a: a};
-};
-var $mdgriffith$elm_ui$Element$text = function (content) {
-	return $mdgriffith$elm_ui$Internal$Model$Text(content);
-};
-var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'};
-var $elm$json$Json$Encode$bool = _Json_wrap;
-var $elm$html$Html$Attributes$boolProperty = F2(
-	function (key, bool) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$bool(bool));
-	});
-var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled');
-var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) {
-	if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) {
-		var _v1 = attr.b;
-		var _v2 = _v1.a;
-		return true;
-	} else {
-		return false;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) {
-	return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable');
-};
-var $mdgriffith$elm_ui$Element$Input$enter = 'Enter';
-var $elm$json$Json$Decode$andThen = _Json_andThen;
-var $elm$json$Json$Decode$fail = _Json_fail;
-var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
-	return {$: 'MayPreventDefault', a: a};
-};
-var $elm$html$Html$Events$preventDefaultOn = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
-	});
-var $elm$json$Json$Decode$string = _Json_decodeString;
-var $mdgriffith$elm_ui$Element$Input$onKey = F2(
-	function (desiredCode, msg) {
-		var decode = function (code) {
-			return _Utils_eq(code, desiredCode) ? $elm$json$Json$Decode$succeed(msg) : $elm$json$Json$Decode$fail('Not the enter key');
-		};
-		var isKey = A2(
-			$elm$json$Json$Decode$andThen,
-			decode,
-			A2($elm$json$Json$Decode$field, 'key', $elm$json$Json$Decode$string));
-		return $mdgriffith$elm_ui$Internal$Model$Attr(
-			A2(
-				$elm$html$Html$Events$preventDefaultOn,
-				'keyup',
-				A2(
-					$elm$json$Json$Decode$map,
-					function (fired) {
-						return _Utils_Tuple2(fired, true);
-					},
-					isKey)));
-	});
-var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) {
-	return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg);
-};
-var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21);
-var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer);
-var $elm$html$Html$Attributes$tabindex = function (n) {
-	return A2(
-		_VirtualDom_attribute,
-		'tabIndex',
-		$elm$core$String$fromInt(n));
-};
-var $mdgriffith$elm_ui$Element$Input$button = F2(
-	function (attrs, _v0) {
-		var onPress = _v0.onPress;
-		var label = _v0.label;
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.seButton + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.noTextSelection)))))),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Element$pointer,
-							A2(
-								$elm$core$List$cons,
-								$mdgriffith$elm_ui$Element$Input$focusDefault(attrs),
-								A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Button),
-									A2(
-										$elm$core$List$cons,
-										$mdgriffith$elm_ui$Internal$Model$Attr(
-											$elm$html$Html$Attributes$tabindex(0)),
-										function () {
-											if (onPress.$ === 'Nothing') {
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Internal$Model$Attr(
-														$elm$html$Html$Attributes$disabled(true)),
-													attrs);
-											} else {
-												var msg = onPress.a;
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Element$Events$onClick(msg),
-													A2(
-														$elm$core$List$cons,
-														$mdgriffith$elm_ui$Element$Input$onEnter(msg),
-														attrs));
-											}
-										}()))))))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[label])));
-	});
-var $author$project$Internal$Button$button = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							icon(
-							_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(text))
-						])),
-				onPress: onPress
-			});
-	});
-var $author$project$Internal$Button$textButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		return A2(
-			$author$project$Internal$Button$button,
-			style,
-			{
-				icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-				onPress: onPress,
-				text: text
-			});
-	});
-var $author$project$Internal$Dialog$dialog = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var text = _v0.text;
-		var accept = _v0.accept;
-		var dismiss = _v0.dismiss;
-		return $author$project$Internal$Dialog$modal(
-			{
-				content: A2(
-					$mdgriffith$elm_ui$Element$column,
-					_Utils_ap(
-						_List_fromArray(
-							[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
-						style.elementColumn),
-					_List_fromArray(
-						[
-							A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$mdgriffith$elm_ui$Element$text,
-									$mdgriffith$elm_ui$Element$el(style.content.title.contentText)),
-								title)),
-							A2(
-							$mdgriffith$elm_ui$Element$paragraph,
-							style.content.text.contentText,
-							$elm$core$List$singleton(
-								$mdgriffith$elm_ui$Element$text(text))),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_Utils_ap(
-								_List_fromArray(
-									[
-										$mdgriffith$elm_ui$Element$alignRight,
-										$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-									]),
-								style.content.buttons.elementRow),
-							function () {
-								var _v1 = _Utils_Tuple2(accept, dismiss);
-								if (_v1.a.$ === 'Just') {
-									if (_v1.b.$ === 'Nothing') {
-										var acceptButton = _v1.a.a;
-										var _v2 = _v1.b;
-										return $elm$core$List$singleton(
-											A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton));
-									} else {
-										var acceptButton = _v1.a.a;
-										var dismissButton = _v1.b.a;
-										return _List_fromArray(
-											[
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.dismiss, dismissButton),
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton)
-											]);
-									}
-								} else {
-									return _List_Nil;
-								}
-							}())
-						])),
-				onDismiss: function () {
-					var _v3 = _Utils_Tuple2(accept, dismiss);
-					if (_v3.a.$ === 'Nothing') {
-						if (_v3.b.$ === 'Nothing') {
-							var _v4 = _v3.a;
-							var _v5 = _v3.b;
-							return $elm$core$Maybe$Nothing;
-						} else {
-							var _v6 = _v3.a;
-							var onPress = _v3.b.a.onPress;
-							return onPress;
-						}
-					} else {
-						return $elm$core$Maybe$Nothing;
-					}
-				}()
-			});
-	});
-var $author$project$Widget$dialog = function () {
-	var fun = $author$project$Internal$Dialog$dialog;
-	return fun;
-}();
-var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
-var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
-var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
-var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
-var $avh4$elm_color$Color$toCssString = function (_v0) {
-	var r = _v0.a;
-	var g = _v0.b;
-	var b = _v0.c;
-	var a = _v0.d;
-	var roundTo = function (x) {
-		return $elm$core$Basics$round(x * 1000) / 1000;
-	};
-	var pct = function (x) {
-		return $elm$core$Basics$round(x * 10000) / 100;
-	};
-	return $elm$core$String$concat(
-		_List_fromArray(
-			[
-				'rgba(',
-				$elm$core$String$fromFloat(
-				pct(r)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(g)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(b)),
-				'%,',
-				$elm$core$String$fromFloat(
-				roundTo(a)),
-				')'
-			]));
-};
-var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
-var $author$project$Widget$Icon$elmFeather = F2(
-	function (fun, icon) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						_List_fromArray(
-							[
-								$elm$svg$Svg$Attributes$width(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$height(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$stroke(
-								$avh4$elm_color$Color$toCssString(color))
-							]),
-						icon)));
-		};
-	});
-var $elm$core$Array$fromListHelp = F3(
-	function (list, nodeList, nodeListSize) {
-		fromListHelp:
-		while (true) {
-			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list);
-			var jsArray = _v0.a;
-			var remainingItems = _v0.b;
-			if (_Utils_cmp(
-				$elm$core$Elm$JsArray$length(jsArray),
-				$elm$core$Array$branchFactor) < 0) {
-				return A2(
-					$elm$core$Array$builderToArray,
-					true,
-					{nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray});
-			} else {
-				var $temp$list = remainingItems,
-					$temp$nodeList = A2(
-					$elm$core$List$cons,
-					$elm$core$Array$Leaf(jsArray),
-					nodeList),
-					$temp$nodeListSize = nodeListSize + 1;
-				list = $temp$list;
-				nodeList = $temp$nodeList;
-				nodeListSize = $temp$nodeListSize;
-				continue fromListHelp;
-			}
-		}
-	});
-var $elm$core$Array$fromList = function (list) {
-	if (!list.b) {
-		return $elm$core$Array$empty;
-	} else {
-		return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0);
-	}
-};
-var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep);
-var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet;
-var $elm$core$Array$getHelp = F3(
-	function (shift, index, tree) {
-		getHelp:
-		while (true) {
-			var pos = $elm$core$Array$bitMask & (index >>> shift);
-			var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree);
-			if (_v0.$ === 'SubTree') {
-				var subTree = _v0.a;
-				var $temp$shift = shift - $elm$core$Array$shiftStep,
-					$temp$index = index,
-					$temp$tree = subTree;
-				shift = $temp$shift;
-				index = $temp$index;
-				tree = $temp$tree;
-				continue getHelp;
-			} else {
-				var values = _v0.a;
-				return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values);
-			}
-		}
-	});
-var $elm$core$Array$tailIndex = function (len) {
-	return (len >>> 5) << 5;
-};
-var $elm$core$Array$get = F2(
-	function (index, _v0) {
-		var len = _v0.a;
-		var startShift = _v0.b;
-		var tree = _v0.c;
-		var tail = _v0.d;
-		return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp(
-			index,
-			$elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just(
-			A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just(
-			A3($elm$core$Array$getHelp, startShift, index, tree)));
-	});
-var $feathericons$elm_feather$FeatherIcons$github = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'github',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$Left = {$: 'Left'};
-var $mdgriffith$elm_ui$Element$alignLeft = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Left);
-var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
-var $mdgriffith$elm_ui$Element$Font$bold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.bold);
-var $elm$core$Basics$clamp = F3(
-	function (low, high, number) {
-		return (_Utils_cmp(number, low) < 0) ? low : ((_Utils_cmp(number, high) > 0) ? high : number);
-	});
-var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) {
-	return {$: 'Heading', a: a};
-};
-var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading);
-var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5(
-	function (a, b, c, d, e) {
-		return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2);
-var $mdgriffith$elm_ui$Internal$Model$paddingName = F4(
-	function (top, right, bottom, left) {
-		return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left)))))));
-	});
-var $mdgriffith$elm_ui$Element$paddingEach = function (_v0) {
-	var top = _v0.top;
-	var right = _v0.right;
-	var bottom = _v0.bottom;
-	var left = _v0.left;
-	if (_Utils_eq(top, right) && (_Utils_eq(top, bottom) && _Utils_eq(top, left))) {
-		var topFloat = top;
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				'p-' + $elm$core$String$fromInt(top),
-				topFloat,
-				topFloat,
-				topFloat,
-				topFloat));
-	} else {
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				A4($mdgriffith$elm_ui$Internal$Model$paddingName, top, right, bottom, left),
-				top,
-				right,
-				bottom,
-				left));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$FontSize = function (a) {
-	return {$: 'FontSize', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$fontSize = $mdgriffith$elm_ui$Internal$Flag$flag(4);
-var $mdgriffith$elm_ui$Element$Font$size = function (i) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontSize,
-		$mdgriffith$elm_ui$Internal$Model$FontSize(i));
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) {
-	var level = A3($elm$core$Basics$clamp, 1, 6, inputLevel);
-	var size = (level === 6) ? 14 : (32 - ((level - 1) * 4));
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Region$heading(level),
-			$mdgriffith$elm_ui$Element$Font$size(size),
-			$mdgriffith$elm_ui$Element$paddingEach(
-			{bottom: 2, left: 0, right: 0, top: 2}),
-			$mdgriffith$elm_ui$Element$alignLeft,
-			$mdgriffith$elm_ui$Element$Font$bold
-		]);
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h1 = $Orasund$elm_ui_framework$Framework$Heading$h(1);
-var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
-var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
-var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
-var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
-var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
-var $feathericons$elm_feather$FeatherIcons$penTool = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'pen-tool',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$circle,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$cx('11'),
-					$elm$svg$Svg$Attributes$cy('11'),
-					$elm$svg$Svg$Attributes$r('2')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
-	function (a, b) {
-		return {$: 'Placeholder', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
-var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute;
-var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14);
-var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor),
-			'color',
-			fontColor));
-};
-var $mdgriffith$elm_ui$Element$rgb255 = F3(
-	function (red, green, blue) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1);
-	});
-var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
-var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
-var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'border-color',
-			clr));
-};
-var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
-var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
-		$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
-	]);
-var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
-	_List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Font$size(16),
-			$mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey)
-		]),
-	$Orasund$elm_ui_framework$Framework$Color$light);
-var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) {
-	return {$: 'FocusStyleOption', a: a};
-};
-var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption;
-var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178);
-var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton(
-	$mdgriffith$elm_ui$Element$focusStyle(
-		{
-			backgroundColor: $elm$core$Maybe$Nothing,
-			borderColor: $elm$core$Maybe$Just($Orasund$elm_ui_framework$Framework$Color$turquoise),
-			shadow: $elm$core$Maybe$Just(
-				{
-					blur: 10,
-					color: $Orasund$elm_ui_framework$Framework$Color$turquoise,
-					offset: _Utils_Tuple2(0, 0),
-					size: 1
-				})
-		}));
-var $mdgriffith$elm_ui$Internal$Model$OnlyDynamic = F2(
-	function (a, b) {
-		return {$: 'OnlyDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic = F2(
-	function (a, b) {
-		return {$: 'StaticRootAndDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$AllowHover = {$: 'AllowHover'};
-var $mdgriffith$elm_ui$Internal$Model$Layout = {$: 'Layout'};
 var $mdgriffith$elm_ui$Internal$Model$focusDefaultStyle = {
 	backgroundColor: $elm$core$Maybe$Nothing,
 	borderColor: $elm$core$Maybe$Nothing,
@@ -14095,15 +13597,36 @@ var $mdgriffith$elm_ui$Internal$Model$renderRoot = F3(
 					_List_fromArray(
 						[child]))));
 	});
+var $mdgriffith$elm_ui$Internal$Model$Colored = F3(
+	function (a, b, c) {
+		return {$: 'Colored', a: a, b: b, c: c};
+	});
 var $mdgriffith$elm_ui$Internal$Model$FontFamily = F2(
 	function (a, b) {
 		return {$: 'FontFamily', a: a, b: b};
 	});
+var $mdgriffith$elm_ui$Internal$Model$FontSize = function (a) {
+	return {$: 'FontSize', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$SansSerif = {$: 'SansSerif'};
+var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2(
+	function (a, b) {
+		return {$: 'StyleClass', a: a, b: b};
+	});
 var $mdgriffith$elm_ui$Internal$Model$Typeface = function (a) {
 	return {$: 'Typeface', a: a};
 };
+var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8);
+var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14);
 var $mdgriffith$elm_ui$Internal$Flag$fontFamily = $mdgriffith$elm_ui$Internal$Flag$flag(5);
+var $mdgriffith$elm_ui$Internal$Flag$fontSize = $mdgriffith$elm_ui$Internal$Flag$flag(4);
+var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) {
+	var red = _v0.a;
+	var green = _v0.b;
+	var blue = _v0.c;
+	var alpha = _v0.d;
+	return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha))))));
+};
 var $elm$core$String$toLower = _String_toLower;
 var $elm$core$String$words = _String_words;
 var $mdgriffith$elm_ui$Internal$Model$renderFontClassName = F2(
@@ -14201,6 +13724,86 @@ var $mdgriffith$elm_ui$Element$layoutWith = F3(
 				_Utils_ap($mdgriffith$elm_ui$Internal$Model$rootStyle, attrs)),
 			child);
 	});
+var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
+	{options: _List_Nil});
+var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
+var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
+var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
+var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
+var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute;
+var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor),
+			'color',
+			fontColor));
+};
+var $mdgriffith$elm_ui$Element$rgb255 = F3(
+	function (red, green, blue) {
+		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1);
+	});
+var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
+var $mdgriffith$elm_ui$Element$Background$color = function (clr) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$bgColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
+			'background-color',
+			clr));
+};
+var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
+var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$borderColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
+			'border-color',
+			clr));
+};
+var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
+var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
+		$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
+	]);
+var $mdgriffith$elm_ui$Element$Font$size = function (i) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontSize,
+		$mdgriffith$elm_ui$Internal$Model$FontSize(i));
+};
+var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
+	_List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$Font$size(16),
+			$mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey)
+		]),
+	$Orasund$elm_ui_framework$Framework$Color$light);
+var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) {
+	return {$: 'FocusStyleOption', a: a};
+};
+var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption;
+var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178);
+var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton(
+	$mdgriffith$elm_ui$Element$focusStyle(
+		{
+			backgroundColor: $elm$core$Maybe$Nothing,
+			borderColor: $elm$core$Maybe$Just($Orasund$elm_ui_framework$Framework$Color$turquoise),
+			shadow: $elm$core$Maybe$Just(
+				{
+					blur: 10,
+					color: $Orasund$elm_ui_framework$Framework$Color$turquoise,
+					offset: _Utils_Tuple2(0, 0),
+					size: 1
+				})
+		}));
 var $Orasund$elm_ui_framework$Framework$layout = function (attributes) {
 	return A2(
 		$mdgriffith$elm_ui$Element$layoutWith,
@@ -14227,236 +13830,6 @@ var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2(
 					A2($Orasund$elm_ui_framework$Framework$layout, attributes, view)
 				]));
 	});
-var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class');
-var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
-var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
-var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin');
-var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
-var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
-var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
-var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
-	function (attributes, _v0) {
-		var src = _v0.a.src;
-		var attrs = _v0.a.attrs;
-		var strSize = $elm$core$String$fromFloat(attrs.size);
-		var baseAttributes = _List_fromArray(
-			[
-				$elm$svg$Svg$Attributes$fill('none'),
-				$elm$svg$Svg$Attributes$height(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$width(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$stroke('currentColor'),
-				$elm$svg$Svg$Attributes$strokeLinecap('round'),
-				$elm$svg$Svg$Attributes$strokeLinejoin('round'),
-				$elm$svg$Svg$Attributes$strokeWidth(
-				$elm$core$String$fromFloat(attrs.strokeWidth)),
-				$elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
-			]);
-		var combinedAttributes = _Utils_ap(
-			function () {
-				var _v1 = attrs._class;
-				if (_v1.$ === 'Just') {
-					var c = _v1.a;
-					return A2(
-						$elm$core$List$cons,
-						$elm$svg$Svg$Attributes$class(c),
-						baseAttributes);
-				} else {
-					return baseAttributes;
-				}
-			}(),
-			attributes);
-		return A2(
-			$elm$svg$Svg$svg,
-			combinedAttributes,
-			A2(
-				$elm$core$List$map,
-				$elm$svg$Svg$map($elm$core$Basics$never),
-				src));
-	});
-var $elm_community$intdict$IntDict$findMin = function (dict) {
-	findMin:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.left;
-				dict = $temp$dict;
-				continue findMin;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$after = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMin(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = def,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = i.right,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $elm$core$Maybe$andThen = F2(
-	function (callback, maybeValue) {
-		if (maybeValue.$ === 'Just') {
-			var value = maybeValue.a;
-			return callback(value);
-		} else {
-			return $elm$core$Maybe$Nothing;
-		}
-	});
-var $elm_community$intdict$IntDict$findMax = function (dict) {
-	findMax:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.right;
-				dict = $temp$dict;
-				continue findMax;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$before = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMax(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = i.left,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = def,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $author$project$Widget$ScrollingNav$current = F2(
-	function (fromString, _v0) {
-		var positions = _v0.positions;
-		var scrollPos = _v0.scrollPos;
-		return A2(
-			$elm$core$Maybe$andThen,
-			fromString,
-			A2(
-				$elm$core$Maybe$map,
-				$elm$core$Tuple$second,
-				A2(
-					$elm$core$Maybe$withDefault,
-					A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions),
-					A2(
-						$elm$core$Maybe$map,
-						$elm$core$Maybe$Just,
-						A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions)))));
-	});
-var $elm$core$List$head = function (list) {
-	if (list.b) {
-		var x = list.a;
-		var xs = list.b;
-		return $elm$core$Maybe$Just(x);
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $author$project$Widget$ScrollingNav$toSelect = F2(
-	function (onSelect, model) {
-		var arrangement = model.arrangement;
-		var toString = model.toString;
-		var fromString = model.fromString;
-		return {
-			onSelect: onSelect,
-			options: A2(
-				$elm$core$List$map,
-				function (s) {
-					return {
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						text: toString(s)
-					};
-				},
-				arrangement),
-			selected: $elm$core$List$head(
-				A2(
-					$elm$core$List$filterMap,
-					function (_v0) {
-						var i = _v0.a;
-						var s = _v0.b;
-						return _Utils_eq(
-							$elm$core$Maybe$Just(s),
-							A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing;
-					},
-					A2(
-						$elm$core$List$indexedMap,
-						F2(
-							function (i, s) {
-								return _Utils_Tuple2(i, s);
-							}),
-						arrangement)))
-		};
-	});
 var $avh4$elm_color$Color$RgbaSpace = F4(
 	function (a, b, c, d) {
 		return {$: 'RgbaSpace', a: a, b: b, c: c, d: d};
@@ -14503,8 +13876,16 @@ var $author$project$Internal$Material$Palette$defaultPalette = {
 	surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
 };
 var $author$project$Widget$Material$defaultPalette = $author$project$Internal$Material$Palette$defaultPalette;
+var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
+	return {$: 'AlignY', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$Bottom = {$: 'Bottom'};
 var $mdgriffith$elm_ui$Element$alignBottom = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Bottom);
+var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
+	return {$: 'AlignX', a: a};
+};
+var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
+var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
 var $elm$core$Basics$pow = _Basics_pow;
 var $avh4$elm_color$Color$toRgba = function (_v0) {
 	var r = _v0.a;
@@ -14547,6 +13928,11 @@ var $mdgriffith$elm_ui$Element$Font$letterSpacing = function (offset) {
 			'letter-spacing',
 			$elm$core$String$fromFloat(offset) + 'px'));
 };
+var $mdgriffith$elm_ui$Internal$Model$Class = F2(
+	function (a, b) {
+		return {$: 'Class', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
 var $mdgriffith$elm_ui$Element$Font$semiBold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.textSemiBold);
 var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
 var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
@@ -14558,7 +13944,15 @@ var $author$project$Widget$Material$Typography$button = _List_fromArray(
 		$mdgriffith$elm_ui$Element$Font$semiBold,
 		$mdgriffith$elm_ui$Element$Font$letterSpacing(1.25)
 	]);
+var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
+var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
+var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'};
+var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY);
 var $author$project$Widget$Material$Color$gray = A3($avh4$elm_color$Color$rgb255, 119, 119, 119);
+var $mdgriffith$elm_ui$Internal$Model$Height = function (a) {
+	return {$: 'Height', a: a};
+};
+var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height;
 var $mdgriffith$elm_ui$Internal$Model$Min = F2(
 	function (a, b) {
 		return {$: 'Min', a: a, b: b};
@@ -14567,6 +13961,11 @@ var $mdgriffith$elm_ui$Element$minimum = F2(
 	function (i, l) {
 		return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l);
 	});
+var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5(
+	function (a, b, c, d, e) {
+		return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2);
 var $mdgriffith$elm_ui$Element$paddingXY = F2(
 	function (x, y) {
 		if (_Utils_eq(x, y)) {
@@ -14611,6 +14010,31 @@ var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) {
 			'border-radius',
 			$elm$core$String$fromInt(radius) + 'px'));
 };
+var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'};
+var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content;
+var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
+	function (a, b, c) {
+		return {$: 'SpacingStyle', a: a, b: b, c: c};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
+var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
+	function (x, y) {
+		return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
+	});
+var $mdgriffith$elm_ui$Element$spacing = function (x) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$spacing,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$SpacingStyle,
+			A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
+			x,
+			x));
+};
+var $mdgriffith$elm_ui$Internal$Model$Width = function (a) {
+	return {$: 'Width', a: a};
+};
+var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width;
 var $author$project$Internal$Material$Button$baseButton = function (_v0) {
 	return {
 		content: {
@@ -14661,10 +14085,21 @@ var $mdgriffith$elm_ui$Internal$Model$PseudoSelector = F2(
 		return {$: 'PseudoSelector', a: a, b: b};
 	});
 var $mdgriffith$elm_ui$Internal$Flag$focus = $mdgriffith$elm_ui$Internal$Flag$flag(31);
+var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) {
+	return {$: 'Describe', a: a};
+};
+var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
+	function (a, b) {
+		return {$: 'Nearby', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
 var $mdgriffith$elm_ui$Internal$Model$TransformComponent = F2(
 	function (a, b) {
 		return {$: 'TransformComponent', a: a, b: b};
 	});
+var $mdgriffith$elm_ui$Internal$Model$Text = function (a) {
+	return {$: 'Text', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$map = F2(
 	function (fn, el) {
 		switch (el.$) {
@@ -14853,6 +14288,10 @@ var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
 			'box-shadow',
 			$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade)));
 };
+var $mdgriffith$elm_ui$Element$rgba255 = F4(
+	function (red, green, blue, a) {
+		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
+	});
 var $author$project$Widget$Material$Color$shadow = function (_float) {
 	return {
 		blur: _float,
@@ -14877,6 +14316,10 @@ var $noahzgordon$elm_color_extra$Color$Convert$labToXyz = function (_v0) {
 		z: c(y - (b / 200)) * 108.883
 	};
 };
+var $elm$core$Basics$clamp = F3(
+	function (low, high, number) {
+		return (_Utils_cmp(number, low) < 0) ? low : ((_Utils_cmp(number, high) > 0) ? high : number);
+	});
 var $avh4$elm_color$Color$rgb = F3(
 	function (r, g, b) {
 		return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0);
@@ -15075,6 +14518,10 @@ var $author$project$Internal$Material$Button$containedButton = function (palette
 			])
 	};
 };
+var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) {
+	return {$: 'Fill', a: a};
+};
+var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1);
 var $author$project$Widget$Material$Typography$h6 = _List_fromArray(
 	[
 		$mdgriffith$elm_ui$Element$Font$size(20),
@@ -15351,6 +14798,40 @@ var $author$project$Internal$Material$List$cardColumn = function (palette) {
 };
 var $author$project$Widget$Material$cardColumn = $author$project$Internal$Material$List$cardColumn;
 var $author$project$Widget$Material$Color$buttonSelectedOpacity = 0.16;
+var $mdgriffith$elm_ui$Internal$Model$paddingName = F4(
+	function (top, right, bottom, left) {
+		return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left)))))));
+	});
+var $mdgriffith$elm_ui$Element$paddingEach = function (_v0) {
+	var top = _v0.top;
+	var right = _v0.right;
+	var bottom = _v0.bottom;
+	var left = _v0.left;
+	if (_Utils_eq(top, right) && (_Utils_eq(top, bottom) && _Utils_eq(top, left))) {
+		var topFloat = top;
+		return A2(
+			$mdgriffith$elm_ui$Internal$Model$StyleClass,
+			$mdgriffith$elm_ui$Internal$Flag$padding,
+			A5(
+				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+				'p-' + $elm$core$String$fromInt(top),
+				topFloat,
+				topFloat,
+				topFloat,
+				topFloat));
+	} else {
+		return A2(
+			$mdgriffith$elm_ui$Internal$Model$StyleClass,
+			$mdgriffith$elm_ui$Internal$Flag$padding,
+			A5(
+				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+				A4($mdgriffith$elm_ui$Internal$Model$paddingName, top, right, bottom, left),
+				top,
+				right,
+				bottom,
+				left));
+	}
+};
 var $author$project$Widget$Material$Color$textAndBackground = function (color) {
 	return _List_fromArray(
 		[
@@ -15491,6 +14972,62 @@ var $author$project$Internal$Material$List$column = {
 };
 var $author$project$Widget$Material$column = $author$project$Internal$Material$List$column;
 var $author$project$Widget$Material$containedButton = $author$project$Internal$Material$Button$containedButton;
+var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
+var $mdgriffith$elm_ui$Element$el = F2(
+	function (attrs, child) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asEl,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					attrs)),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
+				_List_fromArray(
+					[child])));
+	});
+var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
+var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
+var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
+var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
+var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
+var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
+var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
+var $avh4$elm_color$Color$toCssString = function (_v0) {
+	var r = _v0.a;
+	var g = _v0.b;
+	var b = _v0.c;
+	var a = _v0.d;
+	var roundTo = function (x) {
+		return $elm$core$Basics$round(x * 1000) / 1000;
+	};
+	var pct = function (x) {
+		return $elm$core$Basics$round(x * 10000) / 100;
+	};
+	return $elm$core$String$concat(
+		_List_fromArray(
+			[
+				'rgba(',
+				$elm$core$String$fromFloat(
+				pct(r)),
+				'%,',
+				$elm$core$String$fromFloat(
+				pct(g)),
+				'%,',
+				$elm$core$String$fromFloat(
+				pct(b)),
+				'%,',
+				$elm$core$String$fromFloat(
+				roundTo(a)),
+				')'
+			]));
+};
+var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
+var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
 var $author$project$Internal$Material$Icon$icon = function (_v0) {
 	var viewBox = _v0.viewBox;
 	var size = _v0.size;
@@ -15515,6 +15052,7 @@ var $author$project$Internal$Material$Icon$icon = function (_v0) {
 			$mdgriffith$elm_ui$Element$html,
 			$mdgriffith$elm_ui$Element$el(_List_Nil)));
 };
+var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path');
 var $author$project$Internal$Material$Icon$expand_less = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
@@ -15562,7 +15100,7 @@ var $mdgriffith$elm_ui$Element$padding = function (x) {
 			f,
 			f));
 };
-var $author$project$Internal$Material$Item$textItem = function (_v0) {
+var $author$project$Internal$Material$Item$insetItem = function (_v0) {
 	return {
 		content: {
 			content: {
@@ -15639,10 +15177,19 @@ var $author$project$Internal$Material$Item$expansionItem = function (palette) {
 	return {
 		collapseIcon: $author$project$Internal$Material$Icon$expand_less,
 		expandIcon: $author$project$Internal$Material$Icon$expand_more,
-		item: $author$project$Internal$Material$Item$textItem(palette)
+		item: $author$project$Internal$Material$Item$insetItem(palette)
 	};
 };
 var $author$project$Widget$Material$expansionItem = $author$project$Internal$Material$Item$expansionItem;
+var $mdgriffith$elm_ui$Element$Font$family = function (families) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontFamily,
+		A2(
+			$mdgriffith$elm_ui$Internal$Model$FontFamily,
+			A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
+			families));
+};
 var $avh4$elm_color$Color$gray = A4($avh4$elm_color$Color$RgbaSpace, 211 / 255, 215 / 255, 207 / 255, 1.0);
 var $author$project$Internal$Material$Item$fullBleedDivider = function (_v0) {
 	return {
@@ -15728,6 +15275,22 @@ var $author$project$Internal$Material$Item$fullBleedHeader = function (palette)
 	};
 };
 var $author$project$Widget$Material$fullBleedHeader = $author$project$Internal$Material$Item$fullBleedHeader;
+var $author$project$Internal$Material$Item$fullBleedItem = function (palette) {
+	var i = $author$project$Internal$Material$Item$insetItem(palette);
+	return {
+		content: {
+			content: {
+				content: {icon: i.content.content.content.content, text: i.content.content.content.text},
+				elementRow: i.content.content.elementRow
+			},
+			elementButton: i.content.elementButton,
+			ifDisabled: i.content.ifDisabled,
+			otherwise: i.content.otherwise
+		},
+		element: i.element
+	};
+};
+var $author$project$Widget$Material$fullBleedItem = $author$project$Internal$Material$Item$fullBleedItem;
 var $author$project$Internal$Material$Button$iconButton = function (palette) {
 	return {
 		content: {
@@ -15738,10 +15301,8 @@ var $author$project$Internal$Material$Button$iconButton = function (palette) {
 					otherwise: {color: palette.primary, size: 18}
 				},
 				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
+					contentText: _List_fromArray(
+						[$mdgriffith$elm_ui$Element$centerX])
 				}
 			},
 			elementRow: _List_fromArray(
@@ -15913,97 +15474,7 @@ var $author$project$Internal$Material$Item$insetHeader = function (palette) {
 	};
 };
 var $author$project$Widget$Material$insetHeader = $author$project$Internal$Material$Item$insetHeader;
-var $author$project$Internal$Material$Layout$drawerButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: $author$project$Internal$Material$Button$baseButton(palette).content.elementRow
-		},
-		elementButton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Font$size(14),
-				$mdgriffith$elm_ui$Element$Font$semiBold,
-				$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(36)),
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-				$mdgriffith$elm_ui$Element$mouseDown(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$focused(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$mouseOver(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-					]))
-			]),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(palette.primary))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $mdgriffith$elm_ui$Element$Font$family = function (families) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontFamily,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$FontFamily,
-			A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
-			families));
-};
-var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
-	{options: _List_Nil});
+var $author$project$Widget$Material$insetItem = $author$project$Internal$Material$Item$insetItem;
 var $author$project$Widget$Customize$mapContent = F2(
 	function (fun, a) {
 		return _Utils_update(
@@ -16012,104 +15483,7 @@ var $author$project$Widget$Customize$mapContent = F2(
 				content: fun(a.content)
 			});
 	});
-var $author$project$Internal$Material$Layout$menu = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
-					]),
-				_List_Nil)
-			]));
-};
-var $author$project$Internal$Material$Layout$menuTabButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					}
-				},
-				text: {contentText: _List_Nil}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$width(
-					A2(
-						$mdgriffith$elm_ui$Element$minimum,
-						90,
-						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(
-						$author$project$Widget$Material$Color$accessibleTextColor(palette.primary))),
-					$mdgriffith$elm_ui$Element$alignBottom,
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 2, left: 0, right: 0, top: 0})
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Internal$Material$Layout$more_vert = function (_v0) {
+var $author$project$Internal$Material$Icon$more_vert = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
 	return A2(
@@ -16126,8 +15500,7 @@ var $author$project$Internal$Material$Layout$more_vert = function (_v0) {
 				_List_Nil)
 			]));
 };
-var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
-var $author$project$Internal$Material$Layout$search = function (_v0) {
+var $author$project$Internal$Material$Icon$search = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
 	return A2(
@@ -16225,165 +15598,93 @@ var $author$project$Internal$Material$TextInput$searchInput = function (palette)
 					])),
 			$author$project$Internal$Material$TextInput$textInputBase(palette)));
 };
-var $author$project$Widget$Material$Color$accessibleWithTextColor = F2(
-	function (c, color) {
-		var newConstrast = 7;
-		var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
-		var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
-		var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
-		var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
-		return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * lighterLuminance});
+var $author$project$Internal$Material$AppBar$internalBar = F2(
+	function (content, palette) {
+		return {
+			content: {
+				actions: {
+					content: {
+						button: A2(
+							$author$project$Widget$Customize$mapContent,
+							$author$project$Widget$Customize$mapContent(
+								function (record) {
+									return _Utils_update(
+										record,
+										{
+											icon: {
+												ifActive: {
+													color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+													size: record.icon.ifActive.size
+												},
+												ifDisabled: record.icon.ifDisabled,
+												otherwise: {
+													color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+													size: record.icon.otherwise.size
+												}
+											}
+										});
+								}),
+							$author$project$Internal$Material$Button$iconButton(palette)),
+						moreVerticalIcon: $author$project$Internal$Material$Icon$more_vert,
+						searchIcon: $author$project$Internal$Material$Icon$search
+					},
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$alignRight,
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+						])
 				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * darkerLuminance});
+				menu: {
+					content: content,
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+							$mdgriffith$elm_ui$Element$spacing(8)
+						])
 				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
-	});
-var $author$project$Widget$Material$Color$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
-var $author$project$Widget$Customize$mapElementButton = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementButton: fun(a.elementButton)
-			});
-	});
-var $author$project$Widget$Customize$elementButton = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementButton,
-			function (b) {
-				return _Utils_ap(b, list);
+				search: $author$project$Internal$Material$TextInput$searchInput(palette)
 			},
-			a);
-	});
-var $author$project$Internal$Material$Snackbar$snackbar = function (palette) {
-	return {
-		content: {
-			button: A2(
-				$author$project$Widget$Customize$elementButton,
+			elementRow: _Utils_ap(
+				$author$project$Widget$Material$Color$textAndBackground(palette.primary),
 				_List_fromArray(
 					[
-						$mdgriffith$elm_ui$Element$Font$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$accessibleWithTextColor, palette.primary, $author$project$Widget$Material$Color$dark)))
-					]),
-				$author$project$Internal$Material$Button$textButton(palette)),
-			text: {
-				elementText: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$centerX,
-						A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
-					])
-			}
-		},
-		elementRow: _List_fromArray(
+						$mdgriffith$elm_ui$Element$padding(0),
+						$mdgriffith$elm_ui$Element$spacing(8),
+						$mdgriffith$elm_ui$Element$height(
+						$mdgriffith$elm_ui$Element$px(56)),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
+					]))
+		};
+	});
+var $author$project$Internal$Material$Icon$menu = function (_v0) {
+	var size = _v0.size;
+	var color = _v0.color;
+	return A2(
+		$author$project$Internal$Material$Icon$icon,
+		{color: color, size: size, viewBox: '0 0 48 48'},
+		_List_fromArray(
 			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$dark)),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor($author$project$Widget$Material$Color$dark))),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$width(
-				A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
-				$mdgriffith$elm_ui$Element$spacing(8),
-				$mdgriffith$elm_ui$Element$Border$shadow(
-				$author$project$Widget$Material$Color$shadow(2))
-			])
-	};
+				A2(
+				$elm$svg$Svg$path,
+				_List_fromArray(
+					[
+						$elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
+					]),
+				_List_Nil)
+			]));
 };
-var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
-var $author$project$Internal$Material$Layout$layout = function (palette) {
-	return {
-		container: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.background),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$family(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
-							$mdgriffith$elm_ui$Element$Font$sansSerif
-						])),
-					$mdgriffith$elm_ui$Element$Font$size(16),
-					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
-				])),
-		header: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.primary),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$padding(16),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
-				])),
-		layout: $mdgriffith$elm_ui$Element$layout,
-		menuButton: A2(
-			$author$project$Widget$Customize$mapContent,
-			$author$project$Widget$Customize$mapContent(
-				function (record) {
-					return _Utils_update(
-						record,
-						{
-							icon: {
-								ifActive: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.ifActive.size
-								},
-								ifDisabled: record.icon.ifDisabled,
-								otherwise: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.otherwise.size
-								}
-							}
-						});
-				}),
-			$author$project$Internal$Material$Button$iconButton(palette)),
-		menuIcon: $author$project$Internal$Material$Layout$menu,
-		menuTabButton: $author$project$Internal$Material$Layout$menuTabButton(palette),
-		moreVerticalIcon: $author$project$Internal$Material$Layout$more_vert,
-		search: $author$project$Internal$Material$TextInput$searchInput(palette),
-		searchFill: $author$project$Internal$Material$TextInput$textInputBase(palette),
-		searchIcon: $author$project$Internal$Material$Layout$search,
-		sheet: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
-					$mdgriffith$elm_ui$Element$padding(8),
-					$mdgriffith$elm_ui$Element$spacing(8)
-				])),
-		sheetButton: $author$project$Internal$Material$Layout$drawerButton(palette),
-		snackbar: $author$project$Internal$Material$Snackbar$snackbar(palette),
-		spacing: 8,
+var $author$project$Internal$Material$AppBar$menuBar = $author$project$Internal$Material$AppBar$internalBar(
+	{
+		menuIcon: $author$project$Internal$Material$Icon$menu,
 		title: _Utils_ap(
 			$author$project$Widget$Material$Typography$h6,
 			_List_fromArray(
 				[
 					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
 				]))
-	};
-};
-var $author$project$Widget$Material$layout = $author$project$Internal$Material$Layout$layout;
+	});
+var $author$project$Widget$Material$menuBar = $author$project$Internal$Material$AppBar$menuBar;
 var $author$project$Internal$Material$Item$middleDivider = function (_v0) {
 	return {
 		content: {
@@ -16577,9 +15878,15 @@ var $author$project$Internal$Material$Button$outlinedButton = function (palette)
 	};
 };
 var $author$project$Widget$Material$outlinedButton = $author$project$Internal$Material$Button$outlinedButton;
+var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
+var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
+var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
 var $elm$svg$Svg$g = $elm$svg$Svg$trustedNode('g');
+var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
 var $elm$svg$Svg$Attributes$strokeDasharray = _VirtualDom_attribute('stroke-dasharray');
 var $elm$svg$Svg$Attributes$strokeDashoffset = _VirtualDom_attribute('stroke-dashoffset');
+var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
+var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
 var $elm$svg$Svg$Attributes$transform = _VirtualDom_attribute('transform');
 var $elm$svg$Svg$Attributes$xmlSpace = A2(_VirtualDom_attributeNS, 'http://www.w3.org/XML/1998/namespace', 'xml:space');
 var $author$project$Internal$Material$ProgressIndicator$determinateCircularIcon = F3(
@@ -16745,6 +16052,207 @@ var $author$project$Internal$Material$List$row = {
 		])
 };
 var $author$project$Widget$Material$row = $author$project$Internal$Material$List$row;
+var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
+var $author$project$Internal$Material$Item$selectItem = function (palette) {
+	return {
+		content: {
+			content: {
+				content: {
+					icon: {
+						ifActive: {
+							color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
+							size: 18
+						},
+						ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
+						otherwise: {
+							color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
+							size: 18
+						}
+					},
+					text: {
+						contentText: _List_fromArray(
+							[$mdgriffith$elm_ui$Element$centerX])
+					}
+				},
+				elementRow: _List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$spacing(8),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 32, $mdgriffith$elm_ui$Element$shrink)),
+						$mdgriffith$elm_ui$Element$centerY
+					])
+			},
+			elementButton: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$size(14),
+					$mdgriffith$elm_ui$Element$Font$semiBold,
+					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
+					$mdgriffith$elm_ui$Element$height(
+					$mdgriffith$elm_ui$Element$px(36)),
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+					$mdgriffith$elm_ui$Element$Border$rounded(4),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(
+						$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
+					$mdgriffith$elm_ui$Element$mouseDown(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$focused(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$mouseOver(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
+						]))
+				]),
+			ifActive: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Background$color(
+					$author$project$Widget$Material$Color$fromColor(
+						A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(palette.primary))
+				]),
+			ifDisabled: _Utils_ap(
+				$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$Font$color(
+						$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
+						$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+						$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+						$mdgriffith$elm_ui$Element$focused(_List_Nil)
+					])),
+			otherwise: _List_Nil
+		},
+		element: _List_fromArray(
+			[
+				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 4)
+			])
+	};
+};
+var $author$project$Widget$Material$selectItem = $author$project$Internal$Material$Item$selectItem;
+var $author$project$Internal$Material$List$sideSheet = function (palette) {
+	return {
+		content: {
+			element: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+				]),
+			ifFirst: _List_Nil,
+			ifLast: _List_Nil,
+			ifSingleton: _List_Nil,
+			otherwise: _List_Nil
+		},
+		elementColumn: _Utils_ap(
+			$author$project$Widget$Material$Color$textAndBackground(palette.surface),
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8)
+				]))
+	};
+};
+var $author$project$Widget$Material$sideSheet = $author$project$Internal$Material$List$sideSheet;
+var $author$project$Widget$Material$Color$accessibleWithTextColor = F2(
+	function (c, color) {
+		var newConstrast = 7;
+		var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
+		var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
+		var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
+		var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
+		return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
+			$elm$core$Basics$composeR,
+			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
+			A2(
+				$elm$core$Basics$composeR,
+				function (col) {
+					return _Utils_update(
+						col,
+						{l: 100 * lighterLuminance});
+				},
+				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
+			$elm$core$Basics$composeR,
+			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
+			A2(
+				$elm$core$Basics$composeR,
+				function (col) {
+					return _Utils_update(
+						col,
+						{l: 100 * darkerLuminance});
+				},
+				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
+	});
+var $author$project$Widget$Material$Color$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
+var $author$project$Widget$Customize$mapElementButton = F2(
+	function (fun, a) {
+		return _Utils_update(
+			a,
+			{
+				elementButton: fun(a.elementButton)
+			});
+	});
+var $author$project$Widget$Customize$elementButton = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementButton,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $author$project$Internal$Material$Snackbar$snackbar = function (palette) {
+	return {
+		content: {
+			button: A2(
+				$author$project$Widget$Customize$elementButton,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$Font$color(
+						$author$project$Widget$Material$Color$fromColor(
+							A2($author$project$Widget$Material$Color$accessibleWithTextColor, palette.primary, $author$project$Widget$Material$Color$dark)))
+					]),
+				$author$project$Internal$Material$Button$textButton(palette)),
+			text: {
+				elementText: _List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$centerX,
+						A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
+					])
+			}
+		},
+		elementRow: _List_fromArray(
+			[
+				$mdgriffith$elm_ui$Element$Background$color(
+				$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$dark)),
+				$mdgriffith$elm_ui$Element$Font$color(
+				$author$project$Widget$Material$Color$fromColor(
+					$author$project$Widget$Material$Color$accessibleTextColor($author$project$Widget$Material$Color$dark))),
+				$mdgriffith$elm_ui$Element$Border$rounded(4),
+				$mdgriffith$elm_ui$Element$width(
+				A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
+				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
+				$mdgriffith$elm_ui$Element$spacing(8),
+				$mdgriffith$elm_ui$Element$Border$shadow(
+				$author$project$Widget$Material$Color$shadow(2))
+			])
+	};
+};
+var $author$project$Widget$Material$snackbar = $author$project$Internal$Material$Snackbar$snackbar;
 var $author$project$Internal$Material$SortTable$sortTable = function (palette) {
 	return {
 		content: {
@@ -16757,6 +16265,8 @@ var $author$project$Internal$Material$SortTable$sortTable = function (palette) {
 	};
 };
 var $author$project$Widget$Material$sortTable = $author$project$Internal$Material$SortTable$sortTable;
+var $mdgriffith$elm_ui$Internal$Model$Left = {$: 'Left'};
+var $mdgriffith$elm_ui$Element$alignLeft = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Left);
 var $mdgriffith$elm_ui$Internal$Model$MoveX = function (a) {
 	return {$: 'MoveX', a: a};
 };
@@ -17026,6 +16536,101 @@ var $author$project$Internal$Material$Tab$tab = function (palette) {
 	};
 };
 var $author$project$Widget$Material$tab = $author$project$Internal$Material$Tab$tab;
+var $author$project$Internal$Material$AppBar$menuTabButton = function (palette) {
+	return {
+		content: {
+			content: {
+				icon: {
+					ifActive: {
+						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+						size: 18
+					},
+					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
+					otherwise: {
+						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+						size: 18
+					}
+				},
+				text: {contentText: _List_Nil}
+			},
+			elementRow: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$spacing(8),
+					$mdgriffith$elm_ui$Element$centerY,
+					$mdgriffith$elm_ui$Element$centerX
+				])
+		},
+		elementButton: _Utils_ap(
+			$author$project$Widget$Material$Typography$button,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$height(
+					$mdgriffith$elm_ui$Element$px(56)),
+					$mdgriffith$elm_ui$Element$width(
+					A2(
+						$mdgriffith$elm_ui$Element$minimum,
+						90,
+						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(
+						$author$project$Widget$Material$Color$accessibleTextColor(palette.primary))),
+					$mdgriffith$elm_ui$Element$alignBottom,
+					$mdgriffith$elm_ui$Element$mouseDown(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$focused(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$mouseOver(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
+						]))
+				])),
+		ifActive: _List_fromArray(
+			[
+				$mdgriffith$elm_ui$Element$Border$widthEach(
+				{bottom: 2, left: 0, right: 0, top: 0})
+			]),
+		ifDisabled: _Utils_ap(
+			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
+					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+					$mdgriffith$elm_ui$Element$focused(_List_Nil)
+				])),
+		otherwise: _List_Nil
+	};
+};
+var $author$project$Internal$Material$AppBar$tabBar = function (palette) {
+	return A2(
+		$author$project$Internal$Material$AppBar$internalBar,
+		{
+			menuTabButton: $author$project$Internal$Material$AppBar$menuTabButton(palette),
+			title: _Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					]))
+		},
+		palette);
+};
+var $author$project$Widget$Material$tabBar = $author$project$Internal$Material$AppBar$tabBar;
 var $author$project$Widget$Material$textButton = $author$project$Internal$Material$Button$textButton;
 var $author$project$Internal$Material$TextInput$textInput = function (palette) {
 	return {
@@ -17078,7 +16683,6 @@ var $author$project$Internal$Material$TextInput$textInput = function (palette) {
 	};
 };
 var $author$project$Widget$Material$textInput = $author$project$Internal$Material$TextInput$textInput;
-var $author$project$Widget$Material$textItem = $author$project$Internal$Material$Item$textItem;
 var $author$project$Internal$Material$Button$toggleButton = function (palette) {
 	return {
 		content: {
@@ -17196,6 +16800,7 @@ var $author$project$Internal$Material$Button$toggleButton = function (palette) {
 	};
 };
 var $author$project$Widget$Material$toggleButton = $author$project$Internal$Material$Button$toggleButton;
+var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
 var $author$project$Data$Style$style = function (palette) {
 	return {
 		button: $author$project$Widget$Material$outlinedButton(palette),
@@ -17204,28 +16809,75 @@ var $author$project$Data$Style$style = function (palette) {
 		chipButton: $author$project$Widget$Material$chip(palette),
 		column: $author$project$Widget$Material$column,
 		containedButton: $author$project$Widget$Material$containedButton($author$project$Widget$Material$defaultPalette),
+		container: _Utils_ap(
+			$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.background),
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$family(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
+							$mdgriffith$elm_ui$Element$Font$sansSerif
+						])),
+					$mdgriffith$elm_ui$Element$Font$size(16),
+					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
+				])),
 		dialog: $author$project$Widget$Material$alertDialog(palette),
-		expansionItem: $author$project$Widget$Material$expansionItem($author$project$Widget$Material$defaultPalette),
+		expansionItem: $author$project$Widget$Material$expansionItem(palette),
 		fullBleedDivider: $author$project$Widget$Material$fullBleedDivider(palette),
 		fullBleedHeader: $author$project$Widget$Material$fullBleedHeader(palette),
+		fullBleedItem: $author$project$Widget$Material$fullBleedItem($author$project$Widget$Material$defaultPalette),
 		iconButton: $author$project$Widget$Material$iconButton($author$project$Widget$Material$defaultPalette),
 		imageItem: $author$project$Widget$Material$imageItem(palette),
 		insetDivider: $author$project$Widget$Material$insetDivider(palette),
 		insetHeader: $author$project$Widget$Material$insetHeader(palette),
-		layout: $author$project$Widget$Material$layout(palette),
+		insetItem: $author$project$Widget$Material$insetItem(palette),
+		menuBar: $author$project$Widget$Material$menuBar($author$project$Widget$Material$defaultPalette),
 		middleDivider: $author$project$Widget$Material$middleDivider(palette),
 		multiLineItem: $author$project$Widget$Material$multiLineItem(palette),
 		outlinedButton: $author$project$Widget$Material$outlinedButton($author$project$Widget$Material$defaultPalette),
 		primaryButton: $author$project$Widget$Material$containedButton(palette),
 		progressIndicator: $author$project$Widget$Material$progressIndicator(palette),
 		row: $author$project$Widget$Material$row,
+		searchFill: {
+			content: {
+				chips: {
+					content: $author$project$Widget$Material$chip($author$project$Widget$Material$defaultPalette),
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$spacing(8)
+						])
+				},
+				text: {
+					elementTextInput: _Utils_ap(
+						$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.surface),
+						_List_fromArray(
+							[
+								$mdgriffith$elm_ui$Element$Border$width(0),
+								$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+								$mdgriffith$elm_ui$Element$focused(_List_Nil)
+							]))
+				}
+			},
+			elementRow: _Utils_ap(
+				$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.surface),
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$height(
+						$mdgriffith$elm_ui$Element$px(56))
+					]))
+		},
 		selectButton: $author$project$Widget$Material$toggleButton(palette),
+		selectItem: $author$project$Widget$Material$selectItem($author$project$Widget$Material$defaultPalette),
+		sheetButton: $author$project$Widget$Material$selectItem($author$project$Widget$Material$defaultPalette),
+		sideSheet: $author$project$Widget$Material$sideSheet(palette),
+		snackbar: $author$project$Widget$Material$snackbar($author$project$Widget$Material$defaultPalette),
 		sortTable: $author$project$Widget$Material$sortTable(palette),
 		_switch: $author$project$Widget$Material$switch(palette),
 		tab: $author$project$Widget$Material$tab(palette),
+		tabBar: $author$project$Widget$Material$tabBar($author$project$Widget$Material$defaultPalette),
 		textButton: $author$project$Widget$Material$textButton($author$project$Widget$Material$defaultPalette),
-		textInput: $author$project$Widget$Material$textInput(palette),
-		textItem: $author$project$Widget$Material$textItem(palette)
+		textInput: $author$project$Widget$Material$textInput(palette)
 	};
 };
 var $author$project$Data$Theme$toStyle = function (theme) {
@@ -17235,35 +16887,167 @@ var $author$project$Data$Theme$toStyle = function (theme) {
 		return $author$project$Data$Style$style($author$project$Widget$Material$darkPalette);
 	}
 };
-var $author$project$Widget$Layout$buttonSheet = F2(
-	function (style, actions) {
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				style.element,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
-					])),
+var $author$project$Main$ChangedSearch = function (a) {
+	return {$: 'ChangedSearch', a: a};
+};
+var $author$project$Main$ChangedSidebar = function (a) {
+	return {$: 'ChangedSidebar', a: a};
+};
+var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
+var $author$project$Main$JumpTo = function (a) {
+	return {$: 'JumpTo', a: a};
+};
+var $author$project$Main$LeftSheet = {$: 'LeftSheet'};
+var $author$project$Main$Load = function (a) {
+	return {$: 'Load', a: a};
+};
+var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
+var $author$project$Main$RightSheet = {$: 'RightSheet'};
+var $author$project$Main$Search = {$: 'Search'};
+var $author$project$Main$SetTheme = function (a) {
+	return {$: 'SetTheme', a: a};
+};
+var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
+var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
+	return {$: 'Icon', a: a};
+};
+var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
+	return {
+		_class: $elm$core$Maybe$Just('feather feather-' + name),
+		size: 24,
+		sizeUnit: '',
+		strokeWidth: 2,
+		viewBox: '0 0 24 24'
+	};
+};
+var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
+	function (name, src) {
+		return $feathericons$elm_feather$FeatherIcons$Icon(
+			{
+				attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
+				src: src
+			});
+	});
+var $feathericons$elm_feather$FeatherIcons$book = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'book',
+	_List_fromArray(
+		[
 			A2(
-				$mdgriffith$elm_ui$Element$column,
-				_Utils_ap(
-					style.content.elementColumn,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-						])),
-				A2(
-					$elm$core$List$map,
-					$author$project$Internal$Button$button(style.content.content),
-					actions)));
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M4 19.5A2.5 2.5 0 0 1 6.5 17H20')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z')
+				]),
+			_List_Nil)
+		]));
+var $author$project$Widget$Icon$elmFeather = F2(
+	function (fun, icon) {
+		return function (_v0) {
+			var size = _v0.size;
+			var color = _v0.color;
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_Nil,
+				$mdgriffith$elm_ui$Element$html(
+					A2(
+						fun,
+						_List_fromArray(
+							[
+								$elm$svg$Svg$Attributes$width(
+								$elm$core$String$fromInt(size)),
+								$elm$svg$Svg$Attributes$height(
+								$elm$core$String$fromInt(size)),
+								$elm$svg$Svg$Attributes$stroke(
+								$avh4$elm_color$Color$toCssString(color))
+							]),
+						icon)));
+		};
+	});
+var $elm$core$Array$fromListHelp = F3(
+	function (list, nodeList, nodeListSize) {
+		fromListHelp:
+		while (true) {
+			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list);
+			var jsArray = _v0.a;
+			var remainingItems = _v0.b;
+			if (_Utils_cmp(
+				$elm$core$Elm$JsArray$length(jsArray),
+				$elm$core$Array$branchFactor) < 0) {
+				return A2(
+					$elm$core$Array$builderToArray,
+					true,
+					{nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray});
+			} else {
+				var $temp$list = remainingItems,
+					$temp$nodeList = A2(
+					$elm$core$List$cons,
+					$elm$core$Array$Leaf(jsArray),
+					nodeList),
+					$temp$nodeListSize = nodeListSize + 1;
+				list = $temp$list;
+				nodeList = $temp$nodeList;
+				nodeListSize = $temp$nodeListSize;
+				continue fromListHelp;
+			}
+		}
+	});
+var $elm$core$Array$fromList = function (list) {
+	if (!list.b) {
+		return $elm$core$Array$empty;
+	} else {
+		return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0);
+	}
+};
+var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep);
+var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet;
+var $elm$core$Array$getHelp = F3(
+	function (shift, index, tree) {
+		getHelp:
+		while (true) {
+			var pos = $elm$core$Array$bitMask & (index >>> shift);
+			var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree);
+			if (_v0.$ === 'SubTree') {
+				var subTree = _v0.a;
+				var $temp$shift = shift - $elm$core$Array$shiftStep,
+					$temp$index = index,
+					$temp$tree = subTree;
+				shift = $temp$shift;
+				index = $temp$index;
+				tree = $temp$tree;
+				continue getHelp;
+			} else {
+				var values = _v0.a;
+				return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values);
+			}
+		}
+	});
+var $elm$core$Array$tailIndex = function (len) {
+	return (len >>> 5) << 5;
+};
+var $elm$core$Array$get = F2(
+	function (index, _v0) {
+		var len = _v0.a;
+		var startShift = _v0.b;
+		var tree = _v0.c;
+		var tail = _v0.d;
+		return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp(
+			index,
+			$elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just(
+			A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just(
+			A3($elm$core$Array$getHelp, startShift, index, tree)));
 	});
 var $mdgriffith$elm_ui$Element$BigDesktop = {$: 'BigDesktop'};
 var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'};
 var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'};
-var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
 var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'};
-var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
 var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
 	return {
 		_class: function () {
@@ -17277,159 +17061,402 @@ var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
 var $author$project$Widget$Layout$getDeviceClass = function (window) {
 	return $mdgriffith$elm_ui$Element$classifyDevice(window)._class;
 };
-var $elm$core$List$drop = F2(
-	function (n, list) {
-		drop:
-		while (true) {
-			if (n <= 0) {
-				return list;
-			} else {
-				if (!list.b) {
-					return list;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs;
-					n = $temp$n;
-					list = $temp$list;
-					continue drop;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeReverse = F3(
-	function (n, list, kept) {
-		takeReverse:
-		while (true) {
-			if (n <= 0) {
-				return kept;
-			} else {
-				if (!list.b) {
-					return kept;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs,
-						$temp$kept = A2($elm$core$List$cons, x, kept);
-					n = $temp$n;
-					list = $temp$list;
-					kept = $temp$kept;
-					continue takeReverse;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeTailRec = F2(
-	function (n, list) {
-		return $elm$core$List$reverse(
-			A3($elm$core$List$takeReverse, n, list, _List_Nil));
-	});
-var $elm$core$List$takeFast = F3(
-	function (ctr, n, list) {
-		if (n <= 0) {
-			return _List_Nil;
+var $feathericons$elm_feather$FeatherIcons$github = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'github',
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22')
+				]),
+			_List_Nil)
+		]));
+var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
+var $mdgriffith$elm_ui$Element$createNearby = F2(
+	function (loc, element) {
+		if (element.$ === 'Empty') {
+			return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
 		} else {
-			var _v0 = _Utils_Tuple2(n, list);
-			_v0$1:
-			while (true) {
-				_v0$5:
-				while (true) {
-					if (!_v0.b.b) {
-						return list;
-					} else {
-						if (_v0.b.b.b) {
-							switch (_v0.a) {
-								case 1:
-									break _v0$1;
-								case 2:
-									var _v2 = _v0.b;
-									var x = _v2.a;
-									var _v3 = _v2.b;
-									var y = _v3.a;
-									return _List_fromArray(
-										[x, y]);
-								case 3:
-									if (_v0.b.b.b.b) {
-										var _v4 = _v0.b;
-										var x = _v4.a;
-										var _v5 = _v4.b;
-										var y = _v5.a;
-										var _v6 = _v5.b;
-										var z = _v6.a;
-										return _List_fromArray(
-											[x, y, z]);
-									} else {
-										break _v0$5;
-									}
-								default:
-									if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
-										var _v7 = _v0.b;
-										var x = _v7.a;
-										var _v8 = _v7.b;
-										var y = _v8.a;
-										var _v9 = _v8.b;
-										var z = _v9.a;
-										var _v10 = _v9.b;
-										var w = _v10.a;
-										var tl = _v10.b;
-										return (ctr > 1000) ? A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
-									} else {
-										break _v0$5;
-									}
-							}
-						} else {
-							if (_v0.a === 1) {
-								break _v0$1;
-							} else {
-								break _v0$5;
-							}
-						}
-					}
-				}
-				return list;
-			}
-			var _v1 = _v0.b;
-			var x = _v1.a;
-			return _List_fromArray(
-				[x]);
+			return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
 		}
 	});
-var $elm$core$List$take = F2(
-	function (n, list) {
-		return A3($elm$core$List$takeFast, 0, n, list);
-	});
-var $author$project$Widget$Layout$partitionActions = function (actions) {
-	return {
-		moreActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))),
-		primaryActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions)))
-	};
+var $mdgriffith$elm_ui$Element$inFront = function (element) {
+	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
 };
+var $author$project$Internal$Item$toItem = F2(
+	function (style, element) {
+		return function (attr) {
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_Utils_ap(attr, style.element),
+				element(style.content));
+		};
+	});
+var $author$project$Internal$Item$asItem = function (element) {
+	return A2(
+		$author$project$Internal$Item$toItem,
+		{content: _Utils_Tuple0, element: _List_Nil},
+		$elm$core$Basics$always(element));
+};
+var $author$project$Widget$Customize$mapElementColumn = F2(
+	function (fun, a) {
+		return _Utils_update(
+			a,
+			{
+				elementColumn: fun(a.elementColumn)
+			});
+	});
+var $author$project$Widget$Customize$elementColumn = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementColumn,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'};
+var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn;
+var $mdgriffith$elm_ui$Element$column = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asColumn,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $author$project$Internal$List$internal = F2(
+	function (style, list) {
+		return A2(
+			$elm$core$List$indexedMap,
+			F2(
+				function (i, fun) {
+					return fun(
+						_Utils_ap(
+							style.element,
+							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
+								i,
+								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
+				}),
+			list);
+	});
+var $author$project$Internal$List$itemList = function (style) {
+	return A2(
+		$elm$core$Basics$composeR,
+		$author$project$Internal$List$internal(style.content),
+		$mdgriffith$elm_ui$Element$column(style.elementColumn));
+};
+var $author$project$Internal$Select$select = function (_v0) {
+	var selected = _v0.selected;
+	var options = _v0.options;
+	var onSelect = _v0.onSelect;
+	return A2(
+		$elm$core$List$indexedMap,
+		F2(
+			function (i, a) {
+				return _Utils_Tuple2(
+					_Utils_eq(
+						selected,
+						$elm$core$Maybe$Just(i)),
+					{
+						icon: a.icon,
+						onPress: onSelect(i),
+						text: a.text
+					});
+			}),
+		options);
+};
+var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'};
+var $elm$json$Json$Encode$bool = _Json_wrap;
+var $elm$html$Html$Attributes$boolProperty = F2(
+	function (key, bool) {
+		return A2(
+			_VirtualDom_property,
+			key,
+			$elm$json$Json$Encode$bool(bool));
+	});
+var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled');
+var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) {
+	if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) {
+		var _v1 = attr.b;
+		var _v2 = _v1.a;
+		return true;
+	} else {
+		return false;
+	}
+};
+var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) {
+	return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable');
+};
+var $elm$virtual_dom$VirtualDom$Normal = function (a) {
+	return {$: 'Normal', a: a};
+};
+var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
+var $elm$html$Html$Events$on = F2(
+	function (event, decoder) {
+		return A2(
+			$elm$virtual_dom$VirtualDom$on,
+			event,
+			$elm$virtual_dom$VirtualDom$Normal(decoder));
+	});
+var $elm$html$Html$Events$onClick = function (msg) {
+	return A2(
+		$elm$html$Html$Events$on,
+		'click',
+		$elm$json$Json$Decode$succeed(msg));
+};
+var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
+var $mdgriffith$elm_ui$Element$Input$enter = 'Enter';
+var $elm$json$Json$Decode$andThen = _Json_andThen;
+var $elm$json$Json$Decode$fail = _Json_fail;
+var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
+	return {$: 'MayPreventDefault', a: a};
+};
+var $elm$html$Html$Events$preventDefaultOn = F2(
+	function (event, decoder) {
+		return A2(
+			$elm$virtual_dom$VirtualDom$on,
+			event,
+			$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
+	});
+var $elm$json$Json$Decode$string = _Json_decodeString;
+var $mdgriffith$elm_ui$Element$Input$onKey = F2(
+	function (desiredCode, msg) {
+		var decode = function (code) {
+			return _Utils_eq(code, desiredCode) ? $elm$json$Json$Decode$succeed(msg) : $elm$json$Json$Decode$fail('Not the enter key');
+		};
+		var isKey = A2(
+			$elm$json$Json$Decode$andThen,
+			decode,
+			A2($elm$json$Json$Decode$field, 'key', $elm$json$Json$Decode$string));
+		return $mdgriffith$elm_ui$Internal$Model$Attr(
+			A2(
+				$elm$html$Html$Events$preventDefaultOn,
+				'keyup',
+				A2(
+					$elm$json$Json$Decode$map,
+					function (fired) {
+						return _Utils_Tuple2(fired, true);
+					},
+					isKey)));
+	});
+var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) {
+	return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg);
+};
+var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21);
+var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer);
+var $elm$html$Html$Attributes$tabindex = function (n) {
+	return A2(
+		_VirtualDom_attribute,
+		'tabIndex',
+		$elm$core$String$fromInt(n));
+};
+var $mdgriffith$elm_ui$Element$Input$button = F2(
+	function (attrs, _v0) {
+		var onPress = _v0.onPress;
+		var label = _v0.label;
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asEl,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.seButton + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.noTextSelection)))))),
+						A2(
+							$elm$core$List$cons,
+							$mdgriffith$elm_ui$Element$pointer,
+							A2(
+								$elm$core$List$cons,
+								$mdgriffith$elm_ui$Element$Input$focusDefault(attrs),
+								A2(
+									$elm$core$List$cons,
+									$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Button),
+									A2(
+										$elm$core$List$cons,
+										$mdgriffith$elm_ui$Internal$Model$Attr(
+											$elm$html$Html$Attributes$tabindex(0)),
+										function () {
+											if (onPress.$ === 'Nothing') {
+												return A2(
+													$elm$core$List$cons,
+													$mdgriffith$elm_ui$Internal$Model$Attr(
+														$elm$html$Html$Attributes$disabled(true)),
+													attrs);
+											} else {
+												var msg = onPress.a;
+												return A2(
+													$elm$core$List$cons,
+													$mdgriffith$elm_ui$Element$Events$onClick(msg),
+													A2(
+														$elm$core$List$cons,
+														$mdgriffith$elm_ui$Element$Input$onEnter(msg),
+														attrs));
+											}
+										}()))))))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
+				_List_fromArray(
+					[label])));
+	});
+var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
+var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
+var $mdgriffith$elm_ui$Element$row = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asRow,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY)),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $mdgriffith$elm_ui$Element$text = function (content) {
+	return $mdgriffith$elm_ui$Internal$Model$Text(content);
+};
+var $author$project$Internal$Select$selectButton = F2(
+	function (style, _v0) {
+		var selected = _v0.a;
+		var b = _v0.b;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$row,
+					style.content.elementRow,
+					_List_fromArray(
+						[
+							b.icon(
+							_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : (selected ? style.content.content.icon.ifActive : style.content.content.icon.otherwise)),
+							A2(
+							$mdgriffith$elm_ui$Element$el,
+							style.content.content.text.contentText,
+							$mdgriffith$elm_ui$Element$text(b.text))
+						])),
+				onPress: b.onPress
+			});
+	});
+var $author$project$Internal$Item$selectItem = F2(
+	function (s, select) {
+		return A2(
+			$elm$core$List$map,
+			function (b) {
+				return A2(
+					$author$project$Internal$Item$toItem,
+					s,
+					function (style) {
+						return A2($author$project$Internal$Select$selectButton, style, b);
+					});
+			},
+			$author$project$Internal$Select$select(select));
+	});
+var $author$project$Widget$Layout$leftSheet = F2(
+	function (style, _v0) {
+		var title = _v0.title;
+		var onDismiss = _v0.onDismiss;
+		var menu = _v0.menu;
+		return {
+			content: A2(
+				$author$project$Internal$List$itemList,
+				A2(
+					$author$project$Widget$Customize$elementColumn,
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$alignLeft]),
+					style.sheet),
+				A2(
+					$elm$core$List$cons,
+					$author$project$Internal$Item$asItem(title),
+					A2($author$project$Internal$Item$selectItem, style.button, menu))),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
+	return {$: 'Label', a: a};
+};
+var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
+var $author$project$Internal$Button$iconButton = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_ap(
+					_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Region$description(text)
+						]))),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$el,
+					style.content.elementRow,
+					icon(
+						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise)),
+				onPress: onPress
+			});
+	});
+var $author$project$Internal$Button$button = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$row,
+					style.content.elementRow,
+					_List_fromArray(
+						[
+							icon(
+							_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise),
+							A2(
+							$mdgriffith$elm_ui$Element$el,
+							style.content.content.text.contentText,
+							$mdgriffith$elm_ui$Element$text(text))
+						])),
+				onPress: onPress
+			});
+	});
+var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
+	function (a, b) {
+		return {$: 'Placeholder', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
 var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) {
 	return {$: 'HiddenLabel', a: a};
 };
@@ -17559,6 +17586,8 @@ var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (
 			$elm$core$Basics$floor(vSpace / 2));
 	}
 };
+var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
+var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
 var $mdgriffith$elm_ui$Element$rgb = F3(
 	function (r, g, b) {
 		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1);
@@ -17585,8 +17614,14 @@ var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) {
 		return $elm$core$Maybe$Nothing;
 	}
 };
-var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
-	return {$: 'Label', a: a};
+var $elm$core$List$head = function (list) {
+	if (list.b) {
+		var x = list.a;
+		var xs = list.b;
+		return $elm$core$Maybe$Just(x);
+	} else {
+		return $elm$core$Maybe$Nothing;
+	}
 };
 var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) {
 	if (label.$ === 'HiddenLabel') {
@@ -18275,222 +18310,25 @@ var $author$project$Internal$TextInput$textInput = F2(
 					})
 				]));
 	});
-var $author$project$Widget$Snackbar$current = function (model) {
-	return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
-};
-var $author$project$Widget$Snackbar$view = F3(
-	function (style, toMessage, model) {
-		return A2(
-			$elm$core$Maybe$map,
-			A2(
-				$elm$core$Basics$composeR,
-				toMessage,
-				function (_v0) {
-					var text = _v0.text;
-					var button = _v0.button;
-					return A2(
-						$mdgriffith$elm_ui$Element$row,
-						style.elementRow,
-						_List_fromArray(
-							[
-								A2(
-								$mdgriffith$elm_ui$Element$paragraph,
-								style.content.text.elementText,
-								$elm$core$List$singleton(
-									$mdgriffith$elm_ui$Element$text(text))),
-								A2(
-								$elm$core$Maybe$withDefault,
-								$mdgriffith$elm_ui$Element$none,
-								A2(
-									$elm$core$Maybe$map,
-									$author$project$Internal$Button$textButton(style.content.button),
-									button))
-							]));
-				}),
-			$author$project$Widget$Snackbar$current(model));
-	});
-var $author$project$Internal$Select$select = function (_v0) {
-	var selected = _v0.selected;
-	var options = _v0.options;
-	var onSelect = _v0.onSelect;
-	return A2(
-		$elm$core$List$indexedMap,
-		F2(
-			function (i, a) {
-				return _Utils_Tuple2(
-					_Utils_eq(
-						selected,
-						$elm$core$Maybe$Just(i)),
-					{
-						icon: a.icon,
-						onPress: onSelect(i),
-						text: a.text
-					});
-			}),
-		options);
-};
-var $author$project$Internal$Select$selectButton = F2(
-	function (style, _v0) {
-		var selected = _v0.a;
-		var b = _v0.b;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							b.icon(
-							_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : (selected ? style.content.content.icon.ifActive : style.content.content.icon.otherwise)),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(b.text))
-						])),
-				onPress: b.onPress
-			});
-	});
-var $author$project$Widget$Layout$viewLeftSheet = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				style.sheet,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-						$mdgriffith$elm_ui$Element$alignLeft
-					])),
-			A2(
-				$mdgriffith$elm_ui$Element$column,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					]),
-				$elm$core$List$concat(
-					_List_fromArray(
-						[
-							_List_fromArray(
-							[title]),
-							A2(
-							$elm$core$List$map,
-							$author$project$Internal$Select$selectButton(style.sheetButton),
-							$author$project$Internal$Select$select(menu))
-						]))));
-	});
-var $author$project$Widget$Layout$LeftSheet = {$: 'LeftSheet'};
-var $author$project$Widget$Layout$RightSheet = {$: 'RightSheet'};
-var $author$project$Widget$Layout$Search = {$: 'Search'};
-var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
-var $author$project$Internal$Button$iconButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_ap(
-					_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Region$description(text)
-						]))),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$el,
-					style.content.elementRow,
-					icon(
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise)),
-				onPress: onPress
-			});
-	});
-var $author$project$Widget$Layout$viewNav = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
+var $author$project$Internal$AppBar$internalNav = F3(
+	function (menuElements, style, _v0) {
 		var deviceClass = _v0.deviceClass;
-		var onChangedSidebar = _v0.onChangedSidebar;
+		var openRightSheet = _v0.openRightSheet;
+		var openTopSheet = _v0.openTopSheet;
 		var primaryActions = _v0.primaryActions;
-		var moreActions = _v0.moreActions;
 		var search = _v0.search;
 		return A2(
 			$mdgriffith$elm_ui$Element$row,
 			_Utils_ap(
-				style.header,
+				style.elementRow,
 				_List_fromArray(
 					[
-						$mdgriffith$elm_ui$Element$padding(0),
-						$mdgriffith$elm_ui$Element$centerX,
-						$mdgriffith$elm_ui$Element$spacing(style.spacing),
 						$mdgriffith$elm_ui$Element$alignTop,
 						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
 					])),
 			_List_fromArray(
 				[
-					A2(
-					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							$mdgriffith$elm_ui$Element$spacing(style.spacing)
-						]),
-					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
-						[
-							A2(
-							$author$project$Internal$Button$iconButton,
-							style.menuButton,
-							{
-								icon: style.menuIcon,
-								onPress: $elm$core$Maybe$Just(
-									onChangedSidebar(
-										$elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))),
-								text: 'Menu'
-							}),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.title,
-							A2(
-								$elm$core$Maybe$withDefault,
-								title,
-								A2(
-									$elm$core$Maybe$map,
-									A2(
-										$elm$core$Basics$composeR,
-										function ($) {
-											return $.text;
-										},
-										$mdgriffith$elm_ui$Element$text),
-									A2(
-										$elm$core$Maybe$andThen,
-										function (option) {
-											return A2(
-												$elm$core$Array$get,
-												option,
-												$elm$core$Array$fromList(menu.options));
-										},
-										menu.selected))))
-						]) : _List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Element$el, style.title, title),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-								]),
-							A2(
-								$elm$core$List$map,
-								$author$project$Internal$Select$selectButton(style.menuTabButton),
-								$author$project$Internal$Select$select(menu)))
-						])),
+					A2($mdgriffith$elm_ui$Element$row, style.content.menu.elementRow, menuElements),
 					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
 					$elm$core$Maybe$withDefault,
 					$mdgriffith$elm_ui$Element$none,
@@ -18502,7 +18340,7 @@ var $author$project$Widget$Layout$viewNav = F2(
 							var label = _v1.label;
 							return A2(
 								$author$project$Internal$TextInput$textInput,
-								style.search,
+								style.content.search,
 								{
 									chips: _List_Nil,
 									label: label,
@@ -18518,11 +18356,7 @@ var $author$project$Widget$Layout$viewNav = F2(
 						search)),
 					A2(
 					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							$mdgriffith$elm_ui$Element$alignRight
-						]),
+					style.content.actions.elementRow,
 					$elm$core$List$concat(
 						_List_fromArray(
 							[
@@ -18537,214 +18371,289 @@ var $author$project$Widget$Layout$viewNav = F2(
 											[
 												A2(
 												$author$project$Internal$Button$button,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
+												A2(
+													$author$project$Widget$Customize$elementButton,
+													_List_fromArray(
+														[
+															$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+														]),
+													style.content.actions.content.button),
+												{icon: style.content.actions.content.searchIcon, onPress: openTopSheet, text: label})
 											]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
 											[
 												A2(
 												$author$project$Internal$Button$iconButton,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
+												style.content.actions.content.button,
+												{icon: style.content.actions.content.searchIcon, onPress: openTopSheet, text: label})
 											]) : _List_Nil);
 									},
 									search)),
 								A2(
 								$elm$core$List$map,
-								_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Internal$Button$iconButton(style.menuButton) : $author$project$Internal$Button$button(style.menuButton),
-								primaryActions),
-								$elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
-								[
+								_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Internal$Button$iconButton(style.content.actions.content.button) : $author$project$Internal$Button$button(
 									A2(
-									$author$project$Internal$Button$iconButton,
-									style.menuButton,
-									{
-										icon: style.moreVerticalIcon,
-										onPress: $elm$core$Maybe$Just(
-											onChangedSidebar(
-												$elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))),
-										text: 'More'
-									})
-								])
+										$author$project$Widget$Customize$elementButton,
+										_List_fromArray(
+											[
+												$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+											]),
+										style.content.actions.content.button)),
+								primaryActions),
+								function () {
+								if (openRightSheet.$ === 'Nothing') {
+									return _List_Nil;
+								} else {
+									return _List_fromArray(
+										[
+											A2(
+											$author$project$Internal$Button$iconButton,
+											style.content.actions.content.button,
+											{icon: style.content.actions.content.moreVerticalIcon, onPress: openRightSheet, text: 'More'})
+										]);
+								}
+							}()
 							])))
 				]));
 	});
-var $author$project$Widget$Layout$view = F3(
-	function (style, _v0, content) {
-		var search = _v0.search;
-		var title = _v0.title;
-		var onChangedSidebar = _v0.onChangedSidebar;
-		var menu = _v0.menu;
-		var actions = _v0.actions;
-		var window = _v0.window;
-		var dialog = _v0.dialog;
-		var layout = _v0.layout;
-		var snackbar = A2(
-			$elm$core$Maybe$withDefault,
-			$mdgriffith$elm_ui$Element$none,
-			A2(
-				$elm$core$Maybe$map,
-				$mdgriffith$elm_ui$Element$el(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$padding(style.spacing),
-							$mdgriffith$elm_ui$Element$alignBottom,
-							$mdgriffith$elm_ui$Element$alignRight
-						])),
-				A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar)));
-		var deviceClass = $author$project$Widget$Layout$getDeviceClass(window);
-		var _v1 = $author$project$Widget$Layout$partitionActions(actions);
-		var primaryActions = _v1.primaryActions;
-		var moreActions = _v1.moreActions;
-		var sheet = function () {
-			var _v3 = layout.active;
-			if (_v3.$ === 'Just') {
-				switch (_v3.a.$) {
-					case 'LeftSheet':
-						var _v4 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$viewLeftSheet,
-							style,
-							{menu: menu, title: title});
-					case 'RightSheet':
-						var _v5 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$buttonSheet,
-							{
-								content: {content: style.sheetButton, elementColumn: _List_Nil},
-								element: _Utils_ap(
-									style.sheet,
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Element$alignRight]))
-							},
-							moreActions);
-					default:
-						var _v6 = _v3.a;
-						return A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$author$project$Internal$TextInput$textInput(
-										A2(
-											$author$project$Widget$Customize$mapContent,
-											function (record) {
-												return _Utils_update(
-													record,
-													{
-														text: A2(
-															$author$project$Widget$Customize$elementTextInput,
-															_List_fromArray(
-																[
-																	$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-																]),
-															record.text)
-													});
-											},
-											style.searchFill)),
-									$mdgriffith$elm_ui$Element$el(
-										_List_fromArray(
-											[
-												$mdgriffith$elm_ui$Element$alignTop,
-												$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-											]))),
-								search));
-				}
+var $author$project$Internal$AppBar$menuBar = F2(
+	function (style, m) {
+		return A3(
+			$author$project$Internal$AppBar$internalNav,
+			_List_fromArray(
+				[
+					A2(
+					$author$project$Internal$Button$iconButton,
+					style.content.actions.content.button,
+					{icon: style.content.menu.content.menuIcon, onPress: m.openLeftSheet, text: 'Menu'}),
+					A2($mdgriffith$elm_ui$Element$el, style.content.menu.content.title, m.title)
+				]),
+			{
+				content: {
+					actions: style.content.actions,
+					menu: {elementRow: style.content.menu.elementRow},
+					search: style.content.search
+				},
+				elementRow: style.elementRow
+			},
+			m);
+	});
+var $author$project$Widget$menuBar = $author$project$Internal$AppBar$menuBar;
+var $author$project$Widget$Layout$orderModals = function (modals) {
+	return A2(
+		$elm$core$List$filterMap,
+		$elm$core$Basics$identity,
+		_List_fromArray(
+			[modals.dialog, modals.leftSheet, modals.rightSheet, modals.topSheet]));
+};
+var $elm$core$List$drop = F2(
+	function (n, list) {
+		drop:
+		while (true) {
+			if (n <= 0) {
+				return list;
 			} else {
-				return $mdgriffith$elm_ui$Element$none;
+				if (!list.b) {
+					return list;
+				} else {
+					var x = list.a;
+					var xs = list.b;
+					var $temp$n = n - 1,
+						$temp$list = xs;
+					n = $temp$n;
+					list = $temp$list;
+					continue drop;
+				}
 			}
-		}();
-		var nav = A2(
-			$author$project$Widget$Layout$viewNav,
-			style,
-			{deviceClass: deviceClass, menu: menu, moreActions: moreActions, onChangedSidebar: onChangedSidebar, primaryActions: primaryActions, search: search, title: title});
-		return A2(
-			style.layout,
-			$elm$core$List$concat(
-				_List_fromArray(
-					[
-						style.container,
-						_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$inFront(nav),
-							$mdgriffith$elm_ui$Element$inFront(snackbar)
-						]),
-						function () {
-						if ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) {
-							if (dialog.$ === 'Just') {
-								var dialogConfig = dialog.a;
-								return dialogConfig;
-							} else {
-								return $author$project$Internal$Dialog$modal(
-									{
-										content: sheet,
-										onDismiss: $elm$core$Maybe$Just(
-											onChangedSidebar($elm$core$Maybe$Nothing))
-									});
+		}
+	});
+var $elm$core$List$takeReverse = F3(
+	function (n, list, kept) {
+		takeReverse:
+		while (true) {
+			if (n <= 0) {
+				return kept;
+			} else {
+				if (!list.b) {
+					return kept;
+				} else {
+					var x = list.a;
+					var xs = list.b;
+					var $temp$n = n - 1,
+						$temp$list = xs,
+						$temp$kept = A2($elm$core$List$cons, x, kept);
+					n = $temp$n;
+					list = $temp$list;
+					kept = $temp$kept;
+					continue takeReverse;
+				}
+			}
+		}
+	});
+var $elm$core$List$takeTailRec = F2(
+	function (n, list) {
+		return $elm$core$List$reverse(
+			A3($elm$core$List$takeReverse, n, list, _List_Nil));
+	});
+var $elm$core$List$takeFast = F3(
+	function (ctr, n, list) {
+		if (n <= 0) {
+			return _List_Nil;
+		} else {
+			var _v0 = _Utils_Tuple2(n, list);
+			_v0$1:
+			while (true) {
+				_v0$5:
+				while (true) {
+					if (!_v0.b.b) {
+						return list;
+					} else {
+						if (_v0.b.b.b) {
+							switch (_v0.a) {
+								case 1:
+									break _v0$1;
+								case 2:
+									var _v2 = _v0.b;
+									var x = _v2.a;
+									var _v3 = _v2.b;
+									var y = _v3.a;
+									return _List_fromArray(
+										[x, y]);
+								case 3:
+									if (_v0.b.b.b.b) {
+										var _v4 = _v0.b;
+										var x = _v4.a;
+										var _v5 = _v4.b;
+										var y = _v5.a;
+										var _v6 = _v5.b;
+										var z = _v6.a;
+										return _List_fromArray(
+											[x, y, z]);
+									} else {
+										break _v0$5;
+									}
+								default:
+									if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
+										var _v7 = _v0.b;
+										var x = _v7.a;
+										var _v8 = _v7.b;
+										var y = _v8.a;
+										var _v9 = _v8.b;
+										var z = _v9.a;
+										var _v10 = _v9.b;
+										var w = _v10.a;
+										var tl = _v10.b;
+										return (ctr > 1000) ? A2(
+											$elm$core$List$cons,
+											x,
+											A2(
+												$elm$core$List$cons,
+												y,
+												A2(
+													$elm$core$List$cons,
+													z,
+													A2(
+														$elm$core$List$cons,
+														w,
+														A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
+											$elm$core$List$cons,
+											x,
+											A2(
+												$elm$core$List$cons,
+												y,
+												A2(
+													$elm$core$List$cons,
+													z,
+													A2(
+														$elm$core$List$cons,
+														w,
+														A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
+									} else {
+										break _v0$5;
+									}
 							}
 						} else {
-							return _List_Nil;
+							if (_v0.a === 1) {
+								break _v0$1;
+							} else {
+								break _v0$5;
+							}
 						}
-					}()
-					])),
-			content);
+					}
+				}
+				return list;
+			}
+			var _v1 = _v0.b;
+			var x = _v1.a;
+			return _List_fromArray(
+				[x]);
+		}
 	});
-var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
-var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
-var $author$project$Main$ToggledExample = function (a) {
-	return {$: 'ToggledExample', a: a};
-};
-var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$alignTop
-	]);
-var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'};
-var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main);
-var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$centerX,
-		$mdgriffith$elm_ui$Element$centerY,
-		$mdgriffith$elm_ui$Element$width(
-		A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)),
-		$mdgriffith$elm_ui$Element$padding(20),
-		$mdgriffith$elm_ui$Element$Region$mainContent,
-		$mdgriffith$elm_ui$Element$Background$color(
-		A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255))
-	]);
-var $author$project$Internal$Item$toItem = F2(
-	function (style, element) {
-		return function (attr) {
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(attr, style.element),
-				element(style.content));
-		};
+var $elm$core$List$take = F2(
+	function (n, list) {
+		return A3($elm$core$List$takeFast, 0, n, list);
 	});
-var $author$project$Internal$Item$divider = function (style) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		style,
-		function (_v0) {
-			var element = _v0.element;
-			return A2($mdgriffith$elm_ui$Element$el, element, $mdgriffith$elm_ui$Element$none);
-		});
+var $author$project$Widget$Layout$partitionActions = function (actions) {
+	return {
+		moreActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))),
+		primaryActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions)))
+	};
 };
-var $author$project$Widget$divider = $author$project$Internal$Item$divider;
-var $author$project$Internal$Item$textItem = F2(
+var $feathericons$elm_feather$FeatherIcons$penTool = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'pen-tool',
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$circle,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$cx('11'),
+					$elm$svg$Svg$Attributes$cy('11'),
+					$elm$svg$Svg$Attributes$r('2')
+				]),
+			_List_Nil)
+		]));
+var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
+var $mdgriffith$elm_ui$Element$paragraph = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asParagraph,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$spacing(5),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $author$project$Internal$Item$insetItem = F2(
 	function (s, _v0) {
 		var onPress = _v0.onPress;
 		var text = _v0.text;
@@ -18783,6 +18692,603 @@ var $author$project$Internal$Item$textItem = F2(
 					});
 			});
 	});
+var $author$project$Widget$Layout$rightSheet = F2(
+	function (style, _v0) {
+		var onDismiss = _v0.onDismiss;
+		var moreActions = _v0.moreActions;
+		return {
+			content: A2(
+				$author$project$Internal$List$itemList,
+				A2(
+					$author$project$Widget$Customize$elementColumn,
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$alignRight]),
+					style.sheet),
+				A2(
+					$elm$core$List$map,
+					function (_v1) {
+						var onPress = _v1.onPress;
+						var text = _v1.text;
+						var icon = _v1.icon;
+						return A2(
+							$author$project$Internal$Item$insetItem,
+							style.insetItem,
+							{
+								content: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+								icon: icon,
+								onPress: onPress,
+								text: text
+							});
+					},
+					moreActions)),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $author$project$Widget$Customize$elementRow = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementRow,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $author$project$Widget$Layout$searchSheet = F2(
+	function (style, _v0) {
+		var onDismiss = _v0.onDismiss;
+		var search = _v0.search;
+		return {
+			content: A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$alignTop,
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+					]),
+				A2(
+					$author$project$Internal$TextInput$textInput,
+					A2(
+						$author$project$Widget$Customize$mapContent,
+						function (record) {
+							return _Utils_update(
+								record,
+								{text: record.text});
+						},
+						A2(
+							$author$project$Widget$Customize$elementRow,
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+								]),
+							style)),
+					search)),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $author$project$Internal$Modal$background = function (onDismiss) {
+	return _List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$inFront(
+			A2(
+				$mdgriffith$elm_ui$Element$el,
+				_Utils_ap(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$Background$color(
+							A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
+						]),
+					A2(
+						$elm$core$Maybe$withDefault,
+						_List_Nil,
+						A2(
+							$elm$core$Maybe$map,
+							A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
+							onDismiss))),
+				$mdgriffith$elm_ui$Element$none)),
+			$mdgriffith$elm_ui$Element$clip
+		]);
+};
+var $author$project$Internal$Modal$singleModal = A2(
+	$elm$core$Basics$composeR,
+	$elm$core$List$head,
+	A2(
+		$elm$core$Basics$composeR,
+		$elm$core$Maybe$map(
+			function (_v0) {
+				var onDismiss = _v0.onDismiss;
+				var content = _v0.content;
+				return _Utils_ap(
+					$author$project$Internal$Modal$background(onDismiss),
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$inFront(content)
+						]));
+			}),
+		$elm$core$Maybe$withDefault(_List_Nil)));
+var $author$project$Widget$singleModal = $author$project$Internal$Modal$singleModal;
+var $author$project$Internal$AppBar$tabBar = F2(
+	function (style, m) {
+		return A3(
+			$author$project$Internal$AppBar$internalNav,
+			_List_fromArray(
+				[
+					A2($mdgriffith$elm_ui$Element$el, style.content.menu.content.title, m.title),
+					A2(
+					$mdgriffith$elm_ui$Element$row,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+						]),
+					A2(
+						$elm$core$List$map,
+						$author$project$Internal$Select$selectButton(style.content.menu.content.menuTabButton),
+						$author$project$Internal$Select$select(m.menu)))
+				]),
+			{
+				content: {
+					actions: style.content.actions,
+					menu: {elementRow: style.content.menu.elementRow},
+					search: style.content.search
+				},
+				elementRow: style.elementRow
+			},
+			m);
+	});
+var $author$project$Widget$tabBar = $author$project$Internal$AppBar$tabBar;
+var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class');
+var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
+var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin');
+var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
+	function (attributes, _v0) {
+		var src = _v0.a.src;
+		var attrs = _v0.a.attrs;
+		var strSize = $elm$core$String$fromFloat(attrs.size);
+		var baseAttributes = _List_fromArray(
+			[
+				$elm$svg$Svg$Attributes$fill('none'),
+				$elm$svg$Svg$Attributes$height(
+				_Utils_ap(strSize, attrs.sizeUnit)),
+				$elm$svg$Svg$Attributes$width(
+				_Utils_ap(strSize, attrs.sizeUnit)),
+				$elm$svg$Svg$Attributes$stroke('currentColor'),
+				$elm$svg$Svg$Attributes$strokeLinecap('round'),
+				$elm$svg$Svg$Attributes$strokeLinejoin('round'),
+				$elm$svg$Svg$Attributes$strokeWidth(
+				$elm$core$String$fromFloat(attrs.strokeWidth)),
+				$elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
+			]);
+		var combinedAttributes = _Utils_ap(
+			function () {
+				var _v1 = attrs._class;
+				if (_v1.$ === 'Just') {
+					var c = _v1.a;
+					return A2(
+						$elm$core$List$cons,
+						$elm$svg$Svg$Attributes$class(c),
+						baseAttributes);
+				} else {
+					return baseAttributes;
+				}
+			}(),
+			attributes);
+		return A2(
+			$elm$svg$Svg$svg,
+			combinedAttributes,
+			A2(
+				$elm$core$List$map,
+				$elm$svg$Svg$map($elm$core$Basics$never),
+				src));
+	});
+var $elm_community$intdict$IntDict$findMin = function (dict) {
+	findMin:
+	while (true) {
+		switch (dict.$) {
+			case 'Empty':
+				return $elm$core$Maybe$Nothing;
+			case 'Leaf':
+				var l = dict.a;
+				return $elm$core$Maybe$Just(
+					_Utils_Tuple2(l.key, l.value));
+			default:
+				var i = dict.a;
+				var $temp$dict = i.left;
+				dict = $temp$dict;
+				continue findMin;
+		}
+	}
+};
+var $elm_community$intdict$IntDict$after = F2(
+	function (key, dict) {
+		var go = F2(
+			function (def, currentDict) {
+				go:
+				while (true) {
+					switch (currentDict.$) {
+						case 'Empty':
+							return $elm_community$intdict$IntDict$findMin(def);
+						case 'Leaf':
+							var l = currentDict.a;
+							return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just(
+								_Utils_Tuple2(l.key, l.value));
+						default:
+							var i = currentDict.a;
+							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
+								return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left);
+							} else {
+								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
+									var $temp$def = def,
+										$temp$currentDict = i.right;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								} else {
+									var $temp$def = i.right,
+										$temp$currentDict = i.left;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								}
+							}
+					}
+				}
+			});
+		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
+	});
+var $elm$core$Maybe$andThen = F2(
+	function (callback, maybeValue) {
+		if (maybeValue.$ === 'Just') {
+			var value = maybeValue.a;
+			return callback(value);
+		} else {
+			return $elm$core$Maybe$Nothing;
+		}
+	});
+var $elm_community$intdict$IntDict$findMax = function (dict) {
+	findMax:
+	while (true) {
+		switch (dict.$) {
+			case 'Empty':
+				return $elm$core$Maybe$Nothing;
+			case 'Leaf':
+				var l = dict.a;
+				return $elm$core$Maybe$Just(
+					_Utils_Tuple2(l.key, l.value));
+			default:
+				var i = dict.a;
+				var $temp$dict = i.right;
+				dict = $temp$dict;
+				continue findMax;
+		}
+	}
+};
+var $elm_community$intdict$IntDict$before = F2(
+	function (key, dict) {
+		var go = F2(
+			function (def, currentDict) {
+				go:
+				while (true) {
+					switch (currentDict.$) {
+						case 'Empty':
+							return $elm_community$intdict$IntDict$findMax(def);
+						case 'Leaf':
+							var l = currentDict.a;
+							return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just(
+								_Utils_Tuple2(l.key, l.value));
+						default:
+							var i = currentDict.a;
+							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
+								return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right);
+							} else {
+								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
+									var $temp$def = i.left,
+										$temp$currentDict = i.right;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								} else {
+									var $temp$def = def,
+										$temp$currentDict = i.left;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								}
+							}
+					}
+				}
+			});
+		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
+	});
+var $author$project$Widget$ScrollingNav$current = F2(
+	function (fromString, _v0) {
+		var positions = _v0.positions;
+		var scrollPos = _v0.scrollPos;
+		return A2(
+			$elm$core$Maybe$andThen,
+			fromString,
+			A2(
+				$elm$core$Maybe$map,
+				$elm$core$Tuple$second,
+				A2(
+					$elm$core$Maybe$withDefault,
+					A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions),
+					A2(
+						$elm$core$Maybe$map,
+						$elm$core$Maybe$Just,
+						A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions)))));
+	});
+var $author$project$Widget$ScrollingNav$toSelect = F2(
+	function (onSelect, model) {
+		var arrangement = model.arrangement;
+		var toString = model.toString;
+		var fromString = model.fromString;
+		return {
+			onSelect: onSelect,
+			options: A2(
+				$elm$core$List$map,
+				function (s) {
+					return {
+						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+						text: toString(s)
+					};
+				},
+				arrangement),
+			selected: $elm$core$List$head(
+				A2(
+					$elm$core$List$filterMap,
+					function (_v0) {
+						var i = _v0.a;
+						var s = _v0.b;
+						return _Utils_eq(
+							$elm$core$Maybe$Just(s),
+							A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing;
+					},
+					A2(
+						$elm$core$List$indexedMap,
+						F2(
+							function (i, s) {
+								return _Utils_Tuple2(i, s);
+							}),
+						arrangement)))
+		};
+	});
+var $author$project$Widget$Snackbar$current = function (model) {
+	return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
+};
+var $author$project$Internal$Button$textButton = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		return A2(
+			$author$project$Internal$Button$button,
+			style,
+			{
+				icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+				onPress: onPress,
+				text: text
+			});
+	});
+var $author$project$Widget$Snackbar$view = F3(
+	function (style, toMessage, model) {
+		return A2(
+			$elm$core$Maybe$map,
+			A2(
+				$elm$core$Basics$composeR,
+				toMessage,
+				function (_v0) {
+					var text = _v0.text;
+					var button = _v0.button;
+					return A2(
+						$mdgriffith$elm_ui$Element$row,
+						style.elementRow,
+						_List_fromArray(
+							[
+								A2(
+								$mdgriffith$elm_ui$Element$paragraph,
+								style.content.text.elementText,
+								$elm$core$List$singleton(
+									$mdgriffith$elm_ui$Element$text(text))),
+								A2(
+								$elm$core$Maybe$withDefault,
+								$mdgriffith$elm_ui$Element$none,
+								A2(
+									$elm$core$Maybe$map,
+									$author$project$Internal$Button$textButton(style.content.button),
+									button))
+							]));
+				}),
+			$author$project$Widget$Snackbar$current(model));
+	});
+var $author$project$Main$viewLayout = F3(
+	function (msgMapper, style, model) {
+		var title = A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					])),
+			$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets'));
+		var snackbarElem = A2(
+			$elm$core$Maybe$withDefault,
+			$mdgriffith$elm_ui$Element$none,
+			A2(
+				$elm$core$Maybe$map,
+				$mdgriffith$elm_ui$Element$el(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$padding(8),
+							$mdgriffith$elm_ui$Element$alignBottom,
+							$mdgriffith$elm_ui$Element$alignRight
+						])),
+				A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, model.snackbar)));
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Main$ChangedSearch, msgMapper),
+			placeholder: $elm$core$Maybe$Just(
+				A2(
+					$mdgriffith$elm_ui$Element$Input$placeholder,
+					_List_Nil,
+					$mdgriffith$elm_ui$Element$text('Search Widgets...'))),
+			text: model.search.raw
+		};
+		var onDismiss = msgMapper(
+			$author$project$Main$ChangedSidebar($elm$core$Maybe$Nothing));
+		var onChangedSidebar = $author$project$Main$ChangedSidebar;
+		var menu = A2(
+			$author$project$Widget$ScrollingNav$toSelect,
+			function (_int) {
+				return A2(
+					$elm$core$Maybe$map,
+					$author$project$Main$JumpTo,
+					A2(
+						$elm$core$Array$get,
+						_int,
+						$elm$core$Array$fromList(model.scrollingNav.arrangement)));
+			},
+			model.scrollingNav);
+		var dialog = $elm$core$Maybe$Nothing;
+		var deviceClass = $author$project$Widget$Layout$getDeviceClass(model.window);
+		var actions = _List_fromArray(
+			[
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$book),
+				onPress: $elm$core$Maybe$Just(
+					$author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
+				text: 'Docs'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$github),
+				onPress: $elm$core$Maybe$Just(
+					$author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
+				text: 'Github'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
+				onPress: (!_Utils_eq(model.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
+					$author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
+				text: 'Material Theme'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
+				onPress: (!_Utils_eq(model.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
+					$author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
+				text: 'Dark Material Theme'
+			}
+			]);
+		var _v0 = $author$project$Widget$Layout$partitionActions(actions);
+		var primaryActions = _v0.primaryActions;
+		var moreActions = _v0.moreActions;
+		var modals = $author$project$Widget$Layout$orderModals(
+			{
+				bottomSheet: $elm$core$Maybe$Nothing,
+				dialog: dialog,
+				leftSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$LeftSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$leftSheet,
+						{button: style.sheetButton, sheet: style.sideSheet},
+						{menu: menu, onDismiss: onDismiss, title: title})) : $elm$core$Maybe$Nothing,
+				rightSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$RightSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$rightSheet,
+						{insetItem: style.insetItem, sheet: style.sideSheet},
+						{moreActions: moreActions, onDismiss: onDismiss})) : $elm$core$Maybe$Nothing,
+				topSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$Search)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$searchSheet,
+						style.searchFill,
+						{onDismiss: onDismiss, search: search})) : $elm$core$Maybe$Nothing
+			});
+		var nav = (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? A2(
+			$author$project$Widget$menuBar,
+			style.menuBar,
+			{
+				deviceClass: deviceClass,
+				openLeftSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$LeftSheet)))),
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$Search)))),
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			}) : A2(
+			$author$project$Widget$tabBar,
+			style.tabBar,
+			{
+				deviceClass: deviceClass,
+				menu: menu,
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Nothing,
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			});
+		return $elm$core$List$concat(
+			_List_fromArray(
+				[
+					style.container,
+					_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$inFront(snackbarElem),
+						$mdgriffith$elm_ui$Element$inFront(nav)
+					]),
+					$author$project$Widget$singleModal(modals)
+				]));
+	});
+var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
+var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
+var $author$project$Main$ToggledExample = function (a) {
+	return {$: 'ToggledExample', a: a};
+};
+var $author$project$Widget$asItem = $author$project$Internal$Item$asItem;
+var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+		$mdgriffith$elm_ui$Element$alignTop
+	]);
+var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'};
+var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main);
+var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$centerX,
+		$mdgriffith$elm_ui$Element$centerY,
+		$mdgriffith$elm_ui$Element$width(
+		A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)),
+		$mdgriffith$elm_ui$Element$padding(20),
+		$mdgriffith$elm_ui$Element$Region$mainContent,
+		$mdgriffith$elm_ui$Element$Background$color(
+		A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255))
+	]);
+var $author$project$Internal$Item$divider = function (style) {
+	return A2(
+		$author$project$Internal$Item$toItem,
+		style,
+		function (_v0) {
+			var element = _v0.element;
+			return A2($mdgriffith$elm_ui$Element$el, element, $mdgriffith$elm_ui$Element$none);
+		});
+};
+var $author$project$Widget$divider = $author$project$Internal$Item$divider;
 var $author$project$Internal$Item$expansionItem = F2(
 	function (s, _v0) {
 		var icon = _v0.icon;
@@ -18793,7 +19299,7 @@ var $author$project$Internal$Item$expansionItem = F2(
 		return A2(
 			$elm$core$List$cons,
 			A2(
-				$author$project$Internal$Item$textItem,
+				$author$project$Internal$Item$insetItem,
 				s.item,
 				{
 					content: isExpanded ? s.collapseIcon : s.expandIcon,
@@ -18804,49 +19310,35 @@ var $author$project$Internal$Item$expansionItem = F2(
 				}),
 			isExpanded ? content : _List_Nil);
 	});
-var $author$project$Widget$expansionItem = $author$project$Internal$Item$expansionItem;
+var $author$project$Widget$expansionItem = function () {
+	var fun = $author$project$Internal$Item$expansionItem;
+	return fun;
+}();
+var $mdgriffith$elm_ui$Element$Font$bold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.bold);
+var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) {
+	return {$: 'Heading', a: a};
+};
+var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading);
+var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) {
+	var level = A3($elm$core$Basics$clamp, 1, 6, inputLevel);
+	var size = (level === 6) ? 14 : (32 - ((level - 1) * 4));
+	return _List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$Region$heading(level),
+			$mdgriffith$elm_ui$Element$Font$size(size),
+			$mdgriffith$elm_ui$Element$paddingEach(
+			{bottom: 2, left: 0, right: 0, top: 2}),
+			$mdgriffith$elm_ui$Element$alignLeft,
+			$mdgriffith$elm_ui$Element$Font$bold
+		]);
+};
 var $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$Framework$Heading$h(2);
 var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3);
-var $elm$html$Html$Attributes$href = function (url) {
-	return A2(
-		$elm$html$Html$Attributes$stringProperty,
-		'href',
-		_VirtualDom_noJavaScriptUri(url));
-};
 var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
-var $author$project$Internal$Item$item = function (element) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		{content: _Utils_Tuple0, element: _List_Nil},
-		$elm$core$Basics$always(element));
-};
-var $author$project$Widget$item = $author$project$Internal$Item$item;
-var $author$project$Internal$List$internal = F2(
-	function (style, list) {
-		return A2(
-			$elm$core$List$indexedMap,
-			F2(
-				function (i, fun) {
-					return fun(
-						_Utils_ap(
-							style.element,
-							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
-								i,
-								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
-				}),
-			list);
-	});
-var $author$project$Internal$List$itemList = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$author$project$Internal$List$internal(style.content),
-		$mdgriffith$elm_ui$Element$column(style.elementColumn));
-};
 var $author$project$Widget$itemList = function () {
 	var fun = $author$project$Internal$List$itemList;
 	return fun;
 }();
-var $elm$html$Html$Attributes$rel = _VirtualDom_attribute('rel');
 var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219);
 var $Orasund$elm_ui_framework$Framework$Grid$simple = _List_fromArray(
 	[
@@ -18864,26 +19356,6 @@ var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap(
 			$mdgriffith$elm_ui$Element$paddingEach(
 			{bottom: 30, left: 0, right: 0, top: 10})
 		]));
-var $author$project$Reusable$layout = function (_v0) {
-	return _Utils_Tuple3(
-		'Layout',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('The layout combines the menu bar, both side bar, the dialog window and the snackbar. Try using all of them and also try resizing the window to see how they interact with each other.'))),
-		_List_Nil);
-};
-var $author$project$Reusable$scrollingNavCard = function (_v0) {
-	return _Utils_Tuple3(
-		'Scrolling Nav',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))),
-		_List_Nil);
-};
 var $author$project$Widget$button = function () {
 	var fun = $author$project$Internal$Button$button;
 	return fun;
@@ -18928,9 +19400,7 @@ var $author$project$Reusable$view = function (_v0) {
 		description: 'Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.',
 		items: _List_fromArray(
 			[
-				A2($author$project$Reusable$snackbar, style, addSnackbar),
-				$author$project$Reusable$scrollingNavCard(style),
-				$author$project$Reusable$layout(style)
+				A2($author$project$Reusable$snackbar, style, addSnackbar)
 			]),
 		title: 'Reusable Views'
 	};
@@ -18982,10 +19452,26 @@ var $author$project$Data$Example$get = function (example) {
 			return function ($) {
 				return $.progressIndicator;
 			};
-		default:
+		case 'IconExample':
 			return function ($) {
 				return $.icon;
 			};
+		case 'SheetExample':
+			return function ($) {
+				return $.sheet;
+			};
+		case 'AppBarExample':
+			return function ($) {
+				return $.appBar;
+			};
+		case 'LayoutExample':
+			return function ($) {
+				return $.layout;
+			};
+		default:
+			return function ($) {
+				return $.snackbar;
+			};
 	}
 };
 var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
@@ -18996,6 +19482,10 @@ var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
 		$mdgriffith$elm_ui$Element$centerX,
 		$mdgriffith$elm_ui$Element$centerY
 	]);
+var $author$project$View$States$appBar = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Widget$iconButton = function () {
 	var fun = $author$project$Internal$Button$iconButton;
 	return fun;
@@ -19101,6 +19591,10 @@ var $author$project$View$States$icon = F2(
 	function (_v0, style) {
 		return _List_Nil;
 	});
+var $author$project$View$States$layout = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Internal$List$column = function (style) {
 	return A2(
 		$elm$core$Basics$composeR,
@@ -19511,6 +20005,14 @@ var $author$project$View$States$select = F2(
 						})))
 			]);
 	});
+var $author$project$View$States$sheet = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
+var $author$project$View$States$snackbar = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Internal$SortTable$Column = function (a) {
 	return {$: 'Column', a: a};
 };
@@ -20367,20 +20869,30 @@ var $author$project$Data$Example$toTests = function (example) {
 			return $author$project$View$States$list;
 		case 'ProgressIndicatorExample':
 			return $author$project$View$States$progressIndicator;
-		default:
+		case 'IconExample':
 			return $author$project$View$States$icon;
+		case 'SheetExample':
+			return $author$project$View$States$sheet;
+		case 'AppBarExample':
+			return $author$project$View$States$appBar;
+		case 'LayoutExample':
+			return $author$project$View$States$layout;
+		default:
+			return $author$project$View$States$snackbar;
 	}
 };
 var $icidasset$elm_material_icons$Material$Icons$Types$Color = function (a) {
 	return {$: 'Color', a: a};
 };
-var $author$project$Example$Button$Decrease = function (a) {
-	return {$: 'Decrease', a: a};
+var $author$project$Example$AppBar$SetDesign = function (a) {
+	return {$: 'SetDesign', a: a};
 };
-var $author$project$Example$Button$Increase = function (a) {
-	return {$: 'Increase', a: a};
+var $author$project$Example$AppBar$SetSearch = function (a) {
+	return {$: 'SetSearch', a: a};
+};
+var $author$project$Example$AppBar$SetSelected = function (a) {
+	return {$: 'SetSelected', a: a};
 };
-var $author$project$Example$Button$Reset = {$: 'Reset'};
 var $icidasset$elm_material_icons$Material$Icons$Internal$icon = F4(
 	function (attributes, nodes, size, coloring) {
 		var sizeAsString = $elm$core$String$fromInt(size);
@@ -20412,6 +20924,134 @@ var $icidasset$elm_material_icons$Material$Icons$Internal$icon = F4(
 					nodes)
 				]));
 	});
+var $icidasset$elm_material_icons$Material$Icons$change_history = A2(
+	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
+	_List_fromArray(
+		[
+			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
+		]),
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M0 0h24v24H0V0z'),
+					$elm$svg$Svg$Attributes$fill('none')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4z')
+				]),
+			_List_Nil)
+		]));
+var $author$project$Widget$Icon$elmMaterialIcons = F2(
+	function (wrapper, fun) {
+		return function (_v0) {
+			var size = _v0.size;
+			var color = _v0.color;
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_Nil,
+				$mdgriffith$elm_ui$Element$html(
+					A2(
+						fun,
+						size,
+						wrapper(color))));
+		};
+	});
+var $author$project$Example$AppBar$view = F3(
+	function (msgMapper, style, model) {
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Example$AppBar$SetSearch, msgMapper),
+			placeholder: $elm$core$Maybe$Nothing,
+			text: model.search
+		};
+		var primaryActions = _List_fromArray(
+			[
+				{
+				icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$change_history),
+				onPress: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+				text: 'Action'
+			}
+			]);
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+				]),
+			model.isMenuBar ? A2(
+				$author$project$Widget$menuBar,
+				style.menuBar,
+				{
+					deviceClass: $mdgriffith$elm_ui$Element$Tablet,
+					openLeftSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openRightSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openTopSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					primaryActions: primaryActions,
+					search: $elm$core$Maybe$Just(search),
+					title: A2(
+						$mdgriffith$elm_ui$Element$el,
+						$author$project$Widget$Material$Typography$h6,
+						$mdgriffith$elm_ui$Element$text('Title'))
+				}) : A2(
+				$author$project$Widget$tabBar,
+				style.tabBar,
+				{
+					deviceClass: $mdgriffith$elm_ui$Element$Phone,
+					menu: {
+						onSelect: A2(
+							$elm$core$Basics$composeR,
+							$author$project$Example$AppBar$SetSelected,
+							A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+						options: A2(
+							$elm$core$List$map,
+							function (string) {
+								return {
+									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+									text: string
+								};
+							},
+							_List_fromArray(
+								['Home', 'About'])),
+						selected: $elm$core$Maybe$Just(model.selected)
+					},
+					openRightSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openTopSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					primaryActions: primaryActions,
+					search: $elm$core$Maybe$Just(search),
+					title: A2(
+						$mdgriffith$elm_ui$Element$el,
+						$author$project$Widget$Material$Typography$h6,
+						$mdgriffith$elm_ui$Element$text('Title'))
+				}));
+	});
+var $author$project$Example$Button$Decrease = function (a) {
+	return {$: 'Decrease', a: a};
+};
+var $author$project$Example$Button$Increase = function (a) {
+	return {$: 'Increase', a: a};
+};
+var $author$project$Example$Button$Reset = {$: 'Reset'};
 var $icidasset$elm_material_icons$Material$Icons$add = A2(
 	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
 	_List_fromArray(
@@ -20453,47 +21093,6 @@ var $author$project$Widget$Customize$element = F2(
 			},
 			a);
 	});
-var $author$project$Widget$Customize$mapElementColumn = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementColumn: fun(a.elementColumn)
-			});
-	});
-var $author$project$Widget$Customize$elementColumn = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementColumn,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Customize$elementRow = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementRow,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Icon$elmMaterialIcons = F2(
-	function (wrapper, fun) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						size,
-						wrapper(color))));
-		};
-	});
 var $icidasset$elm_material_icons$Material$Icons$exposure_plus_2 = A2(
 	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
 	_List_fromArray(
@@ -20688,6 +21287,89 @@ var $author$project$Example$Button$view = F3(
 var $author$project$Example$Dialog$OpenDialog = function (a) {
 	return {$: 'OpenDialog', a: a};
 };
+var $author$project$Internal$Dialog$dialog = F2(
+	function (style, _v0) {
+		var title = _v0.title;
+		var text = _v0.text;
+		var accept = _v0.accept;
+		var dismiss = _v0.dismiss;
+		return {
+			content: A2(
+				$mdgriffith$elm_ui$Element$column,
+				_Utils_ap(
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
+					style.elementColumn),
+				_List_fromArray(
+					[
+						A2(
+						$elm$core$Maybe$withDefault,
+						$mdgriffith$elm_ui$Element$none,
+						A2(
+							$elm$core$Maybe$map,
+							A2(
+								$elm$core$Basics$composeR,
+								$mdgriffith$elm_ui$Element$text,
+								$mdgriffith$elm_ui$Element$el(style.content.title.contentText)),
+							title)),
+						A2(
+						$mdgriffith$elm_ui$Element$paragraph,
+						style.content.text.contentText,
+						$elm$core$List$singleton(
+							$mdgriffith$elm_ui$Element$text(text))),
+						A2(
+						$mdgriffith$elm_ui$Element$row,
+						_Utils_ap(
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$alignRight,
+									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+								]),
+							style.content.buttons.elementRow),
+						function () {
+							var _v1 = _Utils_Tuple2(accept, dismiss);
+							if (_v1.a.$ === 'Just') {
+								if (_v1.b.$ === 'Nothing') {
+									var acceptButton = _v1.a.a;
+									var _v2 = _v1.b;
+									return $elm$core$List$singleton(
+										A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton));
+								} else {
+									var acceptButton = _v1.a.a;
+									var dismissButton = _v1.b.a;
+									return _List_fromArray(
+										[
+											A2($author$project$Internal$Button$textButton, style.content.buttons.content.dismiss, dismissButton),
+											A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton)
+										]);
+								}
+							} else {
+								return _List_Nil;
+							}
+						}())
+					])),
+			onDismiss: function () {
+				var _v3 = _Utils_Tuple2(accept, dismiss);
+				if (_v3.a.$ === 'Nothing') {
+					if (_v3.b.$ === 'Nothing') {
+						var _v4 = _v3.a;
+						var _v5 = _v3.b;
+						return $elm$core$Maybe$Nothing;
+					} else {
+						var _v6 = _v3.a;
+						var onPress = _v3.b.a.onPress;
+						return onPress;
+					}
+				} else {
+					return $elm$core$Maybe$Nothing;
+				}
+			}()
+		};
+	});
+var $author$project$Widget$dialog = function () {
+	var fun = $author$project$Internal$Dialog$dialog;
+	return fun;
+}();
 var $feathericons$elm_feather$FeatherIcons$eye = A2(
 	$feathericons$elm_feather$FeatherIcons$makeBuilder,
 	'eye',
@@ -20723,27 +21405,29 @@ var $author$project$Example$Dialog$view = F3(
 						$mdgriffith$elm_ui$Element$width(
 						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
 					]),
-				isOpen ? A2(
-					$author$project$Widget$dialog,
-					style.dialog,
-					{
-						accept: $elm$core$Maybe$Just(
+				isOpen ? $author$project$Widget$singleModal(
+					$elm$core$List$singleton(
+						A2(
+							$author$project$Widget$dialog,
+							style.dialog,
 							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Ok'
-							}),
-						dismiss: $elm$core$Maybe$Just(
-							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Dismiss'
-							}),
-						text: 'This is a dialog window',
-						title: $elm$core$Maybe$Just('Dialog')
-					}) : _List_Nil),
+								accept: $elm$core$Maybe$Just(
+									{
+										onPress: $elm$core$Maybe$Just(
+											msgMapper(
+												$author$project$Example$Dialog$OpenDialog(false))),
+										text: 'Ok'
+									}),
+								dismiss: $elm$core$Maybe$Just(
+									{
+										onPress: $elm$core$Maybe$Just(
+											msgMapper(
+												$author$project$Example$Dialog$OpenDialog(false))),
+										text: 'Dismiss'
+									}),
+								text: 'This is a dialog window',
+								title: $elm$core$Maybe$Just('Dialog')
+							}))) : _List_Nil),
 			A2(
 				$author$project$Widget$button,
 				style.primaryButton,
@@ -20752,7 +21436,7 @@ var $author$project$Example$Dialog$view = F3(
 					onPress: $elm$core$Maybe$Just(
 						msgMapper(
 							$author$project$Example$Dialog$OpenDialog(true))),
-					text: 'show Dialog'
+					text: 'Show Dialog'
 				}));
 	});
 var $author$project$Widget$Icon$antDesignIconsElm = function (fun) {
@@ -21541,9 +22225,253 @@ var $author$project$Example$Icon$view = F3(
 							])))
 				]));
 	});
+var $author$project$Example$Layout$AddSnackbar = {$: 'AddSnackbar'};
+var $author$project$Example$Layout$ChangedSidebar = function (a) {
+	return {$: 'ChangedSidebar', a: a};
+};
+var $author$project$Example$Layout$LeftSheet = {$: 'LeftSheet'};
+var $author$project$Example$Layout$Search = {$: 'Search'};
+var $author$project$Example$Layout$SetSearchText = function (a) {
+	return {$: 'SetSearchText', a: a};
+};
+var $author$project$Example$Layout$SetSelected = function (a) {
+	return {$: 'SetSelected', a: a};
+};
+var $author$project$Example$Layout$ShowDialog = function (a) {
+	return {$: 'ShowDialog', a: a};
+};
+var $author$project$Example$Layout$view = F3(
+	function (msgMapper, style, _v0) {
+		var snackbar = _v0.snackbar;
+		var searchText = _v0.searchText;
+		var selected = _v0.selected;
+		var showDialog = _v0.showDialog;
+		var active = _v0.active;
+		var title = A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					])),
+			$mdgriffith$elm_ui$Element$text('Title'));
+		var snackbarElem = A2(
+			$elm$core$Maybe$withDefault,
+			$mdgriffith$elm_ui$Element$none,
+			A2(
+				$elm$core$Maybe$map,
+				$mdgriffith$elm_ui$Element$el(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$padding(8),
+							$mdgriffith$elm_ui$Element$alignBottom,
+							$mdgriffith$elm_ui$Element$alignRight
+						])),
+				A3(
+					$author$project$Widget$Snackbar$view,
+					style.snackbar,
+					function (text) {
+						return {button: $elm$core$Maybe$Nothing, text: text};
+					},
+					snackbar)));
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Example$Layout$SetSearchText, msgMapper),
+			placeholder: $elm$core$Maybe$Nothing,
+			text: searchText
+		};
+		var onDismiss = msgMapper(
+			$author$project$Example$Layout$ChangedSidebar($elm$core$Maybe$Nothing));
+		var onChangedSidebar = $author$project$Example$Layout$ChangedSidebar;
+		var menu = {
+			onSelect: A2(
+				$elm$core$Basics$composeR,
+				$author$project$Example$Layout$SetSelected,
+				A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+			options: A2(
+				$elm$core$List$map,
+				function (string) {
+					return {
+						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+						text: string
+					};
+				},
+				_List_fromArray(
+					['Home', 'About'])),
+			selected: $elm$core$Maybe$Just(selected)
+		};
+		var dialog = showDialog ? $elm$core$Maybe$Just(
+			A2(
+				$author$project$Widget$dialog,
+				style.dialog,
+				{
+					accept: $elm$core$Maybe$Nothing,
+					dismiss: $elm$core$Maybe$Just(
+						{
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Layout$ShowDialog(false))),
+							text: 'Accept'
+						}),
+					text: 'This is a dialog window',
+					title: $elm$core$Maybe$Just('Dialog')
+				})) : $elm$core$Maybe$Nothing;
+		var deviceClass = $mdgriffith$elm_ui$Element$Phone;
+		var actions = A2(
+			$elm$core$List$repeat,
+			5,
+			{
+				icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$change_history),
+				onPress: $elm$core$Maybe$Nothing,
+				text: 'Action'
+			});
+		var _v1 = $author$project$Widget$Layout$partitionActions(actions);
+		var primaryActions = _v1.primaryActions;
+		var moreActions = _v1.moreActions;
+		var modals = $author$project$Widget$Layout$orderModals(
+			{
+				bottomSheet: $elm$core$Maybe$Nothing,
+				dialog: dialog,
+				leftSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$LeftSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$leftSheet,
+						{button: style.sheetButton, sheet: style.sideSheet},
+						{menu: menu, onDismiss: onDismiss, title: title})) : $elm$core$Maybe$Nothing,
+				rightSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$rightSheet,
+						{insetItem: style.insetItem, sheet: style.sideSheet},
+						{moreActions: moreActions, onDismiss: onDismiss})) : $elm$core$Maybe$Nothing,
+				topSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$Search)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$searchSheet,
+						style.searchFill,
+						{onDismiss: onDismiss, search: search})) : $elm$core$Maybe$Nothing
+			});
+		var nav = (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? A2(
+			$author$project$Widget$menuBar,
+			style.menuBar,
+			{
+				deviceClass: deviceClass,
+				openLeftSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$LeftSheet)))),
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$Search)))),
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			}) : A2(
+			$author$project$Widget$tabBar,
+			style.tabBar,
+			{
+				deviceClass: deviceClass,
+				menu: menu,
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Nothing,
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			});
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			$elm$core$List$concat(
+				_List_fromArray(
+					[
+						style.container,
+						_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$inFront(snackbarElem)
+						]),
+						$author$project$Widget$singleModal(modals),
+						_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$height(
+							A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+							$mdgriffith$elm_ui$Element$width(
+							A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+						])
+					])),
+			A2(
+				$mdgriffith$elm_ui$Element$column,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+						$mdgriffith$elm_ui$Element$spacing(8)
+					]),
+				_List_fromArray(
+					[
+						nav,
+						A2(
+						$author$project$Widget$button,
+						style.containedButton,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper($author$project$Example$Layout$AddSnackbar)),
+							text: 'Add Notification'
+						})
+					])));
+	});
 var $author$project$Example$List$ToggleCollapsable = function (a) {
 	return {$: 'ToggleCollapsable', a: a};
 };
+var $author$project$Internal$Item$fullBleedItem = F2(
+	function (s, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$author$project$Internal$Item$toItem,
+			s,
+			function (style) {
+				return A2(
+					$mdgriffith$elm_ui$Element$Input$button,
+					_Utils_ap(
+						style.elementButton,
+						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
+					{
+						label: A2(
+							$mdgriffith$elm_ui$Element$row,
+							style.content.elementRow,
+							_List_fromArray(
+								[
+									A2(
+									$mdgriffith$elm_ui$Element$el,
+									style.content.content.text.elementText,
+									A2(
+										$mdgriffith$elm_ui$Element$paragraph,
+										_List_Nil,
+										$elm$core$List$singleton(
+											$mdgriffith$elm_ui$Element$text(text)))),
+									icon(style.content.content.icon)
+								])),
+						onPress: onPress
+					});
+			});
+	});
+var $author$project$Widget$fullBleedItem = function () {
+	var fun = $author$project$Internal$Item$fullBleedItem;
+	return fun;
+}();
 var $author$project$Internal$Item$headerItem = F2(
 	function (style, title) {
 		return A2(
@@ -21653,7 +22581,14 @@ var $author$project$Internal$Item$imageItem = F2(
 					});
 			});
 	});
-var $author$project$Widget$imageItem = $author$project$Internal$Item$imageItem;
+var $author$project$Widget$imageItem = function () {
+	var fun = $author$project$Internal$Item$imageItem;
+	return fun;
+}();
+var $author$project$Widget$insetItem = function () {
+	var fun = $author$project$Internal$Item$insetItem;
+	return fun;
+}();
 var $author$project$Internal$Item$multiLineItem = F2(
 	function (s, _v0) {
 		var onPress = _v0.onPress;
@@ -21702,8 +22637,11 @@ var $author$project$Internal$Item$multiLineItem = F2(
 					});
 			});
 	});
-var $author$project$Widget$multiLineItem = $author$project$Internal$Item$multiLineItem;
-var $author$project$Widget$textItem = $author$project$Internal$Item$textItem;
+var $author$project$Widget$multiLineItem = function () {
+	var fun = $author$project$Internal$Item$multiLineItem;
+	return fun;
+}();
+var $author$project$Widget$selectItem = $author$project$Internal$Item$selectItem;
 var $author$project$Example$List$view = F3(
 	function (msgMapper, style, _v0) {
 		var isExpanded = _v0.a;
@@ -21714,23 +22652,25 @@ var $author$project$Example$List$view = F3(
 				_List_fromArray(
 					[
 						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 1'),
-						$author$project$Widget$item(
+						$author$project$Widget$asItem(
 						$mdgriffith$elm_ui$Element$text('Custom Item')),
 						$author$project$Widget$divider(style.middleDivider),
-						$author$project$Widget$item(
 						A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[$mdgriffith$elm_ui$Element$centerY]),
-							$mdgriffith$elm_ui$Element$text('Custom Item (centered)'))),
+						$author$project$Widget$fullBleedItem,
+						style.fullBleedItem,
+						{
+							icon: function (_v1) {
+								return $mdgriffith$elm_ui$Element$none;
+							},
+							onPress: $elm$core$Maybe$Nothing,
+							text: 'Full Bleed Item'
+						}),
 						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 2'),
 						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
+						$author$project$Widget$insetItem,
+						style.insetItem,
 						{
-							content: function (_v1) {
-								var size = _v1.size;
-								var color = _v1.color;
+							content: function (_v2) {
 								return $mdgriffith$elm_ui$Element$none;
 							},
 							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
@@ -21741,9 +22681,9 @@ var $author$project$Example$List$view = F3(
 						$author$project$Widget$imageItem,
 						style.imageItem,
 						{
-							content: function (_v2) {
-								var size = _v2.size;
-								var color = _v2.color;
+							content: function (_v3) {
+								var size = _v3.size;
+								var color = _v3.color;
 								return A2(
 									$mdgriffith$elm_ui$Element$el,
 									_List_fromArray(
@@ -21769,12 +22709,12 @@ var $author$project$Example$List$view = F3(
 						}),
 						$author$project$Widget$divider(style.insetDivider),
 						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
+						$author$project$Widget$insetItem,
+						style.insetItem,
 						{
-							content: function (_v3) {
-								var size = _v3.size;
-								var color = _v3.color;
+							content: function (_v4) {
+								var size = _v4.size;
+								var color = _v4.color;
 								return A2(
 									$mdgriffith$elm_ui$Element$el,
 									_List_fromArray(
@@ -21805,9 +22745,7 @@ var $author$project$Example$List$view = F3(
 						$author$project$Widget$imageItem,
 						style.imageItem,
 						{
-							content: function (_v4) {
-								var size = _v4.size;
-								var color = _v4.color;
+							content: function (_v5) {
 								return A2(
 									$author$project$Widget$switch,
 									style._switch,
@@ -21827,45 +22765,94 @@ var $author$project$Example$List$view = F3(
 						}),
 						$author$project$Widget$divider(style.fullBleedDivider)
 					]),
-				A2(
-					$author$project$Widget$expansionItem,
-					style.expansionItem,
-					{
-						content: _List_fromArray(
+				_Utils_ap(
+					A2(
+						$author$project$Widget$expansionItem,
+						style.expansionItem,
+						{
+							content: _List_fromArray(
+								[
+									A2($author$project$Widget$headerItem, style.insetHeader, 'Section 3'),
+									A2(
+									$author$project$Widget$insetItem,
+									style.insetItem,
+									{
+										content: function (_v6) {
+											var size = _v6.size;
+											var color = _v6.color;
+											return A2(
+												$mdgriffith$elm_ui$Element$el,
+												_List_fromArray(
+													[
+														$mdgriffith$elm_ui$Element$Font$color(
+														$author$project$Widget$Material$Color$fromColor(color)),
+														$mdgriffith$elm_ui$Element$Font$size(size)
+													]),
+												$mdgriffith$elm_ui$Element$text('3.'));
+										},
+										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+										onPress: $elm$core$Maybe$Nothing,
+										text: 'Item'
+									})
+								]),
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							isExpanded: isExpanded,
+							onToggle: A2($elm$core$Basics$composeR, $author$project$Example$List$ToggleCollapsable, msgMapper),
+							text: 'Expandable Item'
+						}),
+					_Utils_ap(
+						_List_fromArray(
 							[
-								A2($author$project$Widget$headerItem, style.insetHeader, 'Section 3'),
-								A2(
-								$author$project$Widget$textItem,
-								style.textItem,
-								{
-									content: function (_v5) {
-										var size = _v5.size;
-										var color = _v5.color;
-										return A2(
-											$mdgriffith$elm_ui$Element$el,
-											_List_fromArray(
-												[
-													$mdgriffith$elm_ui$Element$Font$color(
-													$author$project$Widget$Material$Color$fromColor(color)),
-													$mdgriffith$elm_ui$Element$Font$size(size)
-												]),
-											$mdgriffith$elm_ui$Element$text('3.'));
-									},
-									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-									onPress: $elm$core$Maybe$Nothing,
-									text: 'Item'
-								})
+								A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Menu')
 							]),
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						isExpanded: isExpanded,
-						onToggle: A2($elm$core$Basics$composeR, $author$project$Example$List$ToggleCollapsable, msgMapper),
-						text: 'Expandable Item'
-					})));
+						A2(
+							$author$project$Widget$selectItem,
+							style.selectItem,
+							{
+								onSelect: function (_int) {
+									return $elm$core$Maybe$Just(
+										msgMapper(
+											$author$project$Example$List$ToggleCollapsable(_int === 1)));
+								},
+								options: A2(
+									$elm$core$List$map,
+									function (bool) {
+										return {
+											icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+											text: bool ? 'Expanded' : 'Collapsed'
+										};
+									},
+									_List_fromArray(
+										[true, false])),
+								selected: isExpanded ? $elm$core$Maybe$Just(1) : $elm$core$Maybe$Just(0)
+							})))));
 	});
 var $author$project$Example$Modal$ToggleModal = function (a) {
 	return {$: 'ToggleModal', a: a};
 };
-var $author$project$Widget$modal = $author$project$Internal$Dialog$modal;
+var $author$project$Internal$Modal$multiModal = function (list) {
+	if (list.b) {
+		var head = list.a;
+		var tail = list.b;
+		return _Utils_ap(
+			A2(
+				$elm$core$List$map,
+				function (_v1) {
+					var content = _v1.content;
+					return $mdgriffith$elm_ui$Element$inFront(content);
+				},
+				$elm$core$List$reverse(tail)),
+			_Utils_ap(
+				$author$project$Internal$Modal$background(head.onDismiss),
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$inFront(head.content)
+					])));
+	} else {
+		return _List_Nil;
+	}
+};
+var $author$project$Widget$multiModal = $author$project$Internal$Modal$multiModal;
 var $author$project$Example$Modal$view = F3(
 	function (msgMapper, style, _v0) {
 		var isEnabled = _v0.a;
@@ -21879,32 +22866,79 @@ var $author$project$Example$Modal$view = F3(
 						$mdgriffith$elm_ui$Element$width(
 						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
 					]),
-				isEnabled ? $author$project$Widget$modal(
-					{
-						content: A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$height(
-									$mdgriffith$elm_ui$Element$px(100)),
-									$mdgriffith$elm_ui$Element$width(
-									$mdgriffith$elm_ui$Element$px(250)),
-									$mdgriffith$elm_ui$Element$centerX,
-									$mdgriffith$elm_ui$Element$centerY
-								]),
-							A2(
-								$author$project$Widget$column,
-								style.cardColumn,
-								$elm$core$List$singleton(
-									A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
-						onDismiss: $elm$core$Maybe$Just(
-							msgMapper(
-								$author$project$Example$Modal$ToggleModal(false)))
-					}) : _List_Nil),
+				isEnabled ? $author$project$Widget$multiModal(
+					_List_fromArray(
+						[
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(250)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
+							onDismiss: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Modal$ToggleModal(false)))
+						},
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$height(
+										$mdgriffith$elm_ui$Element$px(150)),
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(200)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('This card can not be selected.')))))),
+							onDismiss: $elm$core$Maybe$Nothing
+						},
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$height(
+										$mdgriffith$elm_ui$Element$px(300)),
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(300)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('This is message is behind the other two')))))),
+							onDismiss: $elm$core$Maybe$Nothing
+						}
+						])) : _List_Nil),
 			A2(
 				$author$project$Widget$button,
 				style.primaryButton,
@@ -21913,7 +22947,7 @@ var $author$project$Example$Modal$view = F3(
 					onPress: $elm$core$Maybe$Just(
 						msgMapper(
 							$author$project$Example$Modal$ToggleModal(true))),
-					text: 'show Modal'
+					text: 'Show Modal'
 				}));
 	});
 var $author$project$Example$MultiSelect$ChangedSelected = function (a) {
@@ -21977,6 +23011,152 @@ var $author$project$Example$Select$view = F3(
 					selected: selected
 				}));
 	});
+var $author$project$Example$Sheet$ToggleModal = function (a) {
+	return {$: 'ToggleModal', a: a};
+};
+var $author$project$Example$Sheet$view = F3(
+	function (msgMapper, style, _v0) {
+		var isEnabled = _v0.a;
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$height(
+						A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+					]),
+				isEnabled ? $author$project$Widget$singleModal(
+					$elm$core$List$singleton(
+						{
+							content: A2(
+								$author$project$Widget$itemList,
+								style.sideSheet,
+								_List_fromArray(
+									[
+										$author$project$Widget$asItem(
+										A2(
+											$mdgriffith$elm_ui$Element$el,
+											$author$project$Widget$Material$Typography$h6,
+											$mdgriffith$elm_ui$Element$text('Menu'))),
+										A2(
+										$author$project$Widget$insetItem,
+										style.insetItem,
+										{
+											content: function (_v1) {
+												return $mdgriffith$elm_ui$Element$none;
+											},
+											icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
+											onPress: $elm$core$Maybe$Just(
+												msgMapper(
+													$author$project$Example$Sheet$ToggleModal(false))),
+											text: 'Home'
+										}),
+										A2(
+										$author$project$Widget$insetItem,
+										style.insetItem,
+										{
+											content: function (_v2) {
+												return $mdgriffith$elm_ui$Element$none;
+											},
+											icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
+											onPress: $elm$core$Maybe$Just(
+												msgMapper(
+													$author$project$Example$Sheet$ToggleModal(false))),
+											text: 'About'
+										})
+									])),
+							onDismiss: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Sheet$ToggleModal(false)))
+						})) : _List_Nil),
+			A2(
+				$author$project$Widget$button,
+				style.primaryButton,
+				{
+					icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$eye),
+					onPress: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$Sheet$ToggleModal(true))),
+					text: 'Show Sheet'
+				}));
+	});
+var $author$project$Example$Snackbar$AddSnackbar = function (a) {
+	return {$: 'AddSnackbar', a: a};
+};
+var $author$project$Example$Snackbar$view = F3(
+	function (msgMapper, style, model) {
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$height(
+					A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$inFront(
+					A2(
+						$elm$core$Maybe$withDefault,
+						$mdgriffith$elm_ui$Element$none,
+						A2(
+							$elm$core$Maybe$map,
+							$mdgriffith$elm_ui$Element$el(
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$padding(8),
+										$mdgriffith$elm_ui$Element$alignBottom,
+										$mdgriffith$elm_ui$Element$alignRight
+									])),
+							A3(
+								$author$project$Widget$Snackbar$view,
+								style.snackbar,
+								function (_v0) {
+									var text = _v0.a;
+									var hasButton = _v0.b;
+									return {
+										button: hasButton ? $elm$core$Maybe$Just(
+											{
+												onPress: $elm$core$Maybe$Just(
+													msgMapper(
+														$author$project$Example$Snackbar$AddSnackbar(
+															_Utils_Tuple2('This is another message', false)))),
+												text: 'Add'
+											}) : $elm$core$Maybe$Nothing,
+										text: text
+									};
+								},
+								model))))
+				]),
+			A2(
+				$author$project$Widget$column,
+				style.column,
+				_List_fromArray(
+					[
+						A2(
+						$author$project$Widget$button,
+						style.button,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Snackbar$AddSnackbar(
+										_Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false)))),
+							text: 'Add Notification'
+						}),
+						A2(
+						$author$project$Widget$button,
+						style.button,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Snackbar$AddSnackbar(
+										_Utils_Tuple2('You can add another notification if you want.', true)))),
+							text: 'Add Notification with Action'
+						})
+					])));
+	});
 var $author$project$Example$SortTable$ChangedSorting = function (a) {
 	return {$: 'ChangedSorting', a: a};
 };
@@ -22206,6 +23386,13 @@ var $author$project$Example$TextInput$view = F3(
 var $author$project$Data$Example$view = F3(
 	function (msgMapper, style, model) {
 		return {
+			appBar: A3(
+				$author$project$Example$AppBar$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$AppBar, msgMapper),
+				style,
+				function ($) {
+					return $.appBar;
+				}(model)),
 			button: A3(
 				$author$project$Example$Button$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$Button, msgMapper),
@@ -22227,6 +23414,13 @@ var $author$project$Data$Example$view = F3(
 				function ($) {
 					return $.icon;
 				}(model)),
+			layout: A3(
+				$author$project$Example$Layout$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Layout, msgMapper),
+				style,
+				function ($) {
+					return $.layout;
+				}(model)),
 			list: A3(
 				$author$project$Example$List$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$List, msgMapper),
@@ -22262,6 +23456,20 @@ var $author$project$Data$Example$view = F3(
 				function ($) {
 					return $.select;
 				}(model)),
+			sheet: A3(
+				$author$project$Example$Sheet$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Sheet, msgMapper),
+				style,
+				function ($) {
+					return $.sheet;
+				}(model)),
+			snackbar: A3(
+				$author$project$Example$Snackbar$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Snackbar, msgMapper),
+				style,
+				function ($) {
+					return $.snackbar;
+				}(model)),
 			sortTable: A3(
 				$author$project$Example$SortTable$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$SortTable, msgMapper),
@@ -22383,7 +23591,7 @@ var $author$project$Main$viewLoaded = function (m) {
 				$mdgriffith$elm_ui$Element$none),
 				A2(
 				$mdgriffith$elm_ui$Element$column,
-				_Utils_ap($Orasund$elm_ui_framework$Framework$container, style.layout.container),
+				_Utils_ap($Orasund$elm_ui_framework$Framework$container, style.container),
 				A2(
 					$elm$core$List$map,
 					function (section) {
@@ -22427,7 +23635,7 @@ var $author$project$Main$viewLoaded = function (m) {
 													style.cardColumn,
 													A2(
 														$elm$core$List$cons,
-														$author$project$Widget$item(
+														$author$project$Widget$asItem(
 															A2(
 																$mdgriffith$elm_ui$Element$column,
 																$Orasund$elm_ui_framework$Framework$Grid$simple,
@@ -22456,7 +23664,7 @@ var $author$project$Main$viewLoaded = function (m) {
 																style.expansionItem,
 																{
 																	content: $elm$core$List$singleton(
-																		$author$project$Widget$item(
+																		$author$project$Widget$asItem(
 																			A2(
 																				$mdgriffith$elm_ui$Element$column,
 																				_Utils_ap(
@@ -22508,17 +23716,7 @@ var $author$project$Main$viewLoaded = function (m) {
 							}());
 					},
 					_List_fromArray(
-						[$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews]))),
-				$mdgriffith$elm_ui$Element$html(
-				A3(
-					$elm$html$Html$node,
-					'link',
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$rel('stylesheet'),
-							$elm$html$Html$Attributes$href('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css')
-						]),
-					_List_Nil))
+						[$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews])))
 			]));
 };
 var $author$project$Main$view = function (model) {
@@ -22530,89 +23728,9 @@ var $author$project$Main$view = function (model) {
 		return A2(
 			$elm$html$Html$map,
 			$author$project$Main$LoadedSpecific,
-			A3(
-				$author$project$Widget$Layout$view,
-				style.layout,
-				{
-					actions: _List_fromArray(
-						[
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$book),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
-							text: 'Docs'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$github),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
-							text: 'Github'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
-							text: 'Material Theme'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
-							text: 'Dark Material Theme'
-						}
-						]),
-					dialog: m.displayDialog ? $elm$core$Maybe$Just(
-						A2(
-							$author$project$Widget$dialog,
-							style.dialog,
-							{
-								accept: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Ok'
-									}),
-								dismiss: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Dismiss'
-									}),
-								text: 'This is a dialog window',
-								title: $elm$core$Maybe$Just('Dialog')
-							})) : $elm$core$Maybe$Nothing,
-					layout: m.layout,
-					menu: A2(
-						$author$project$Widget$ScrollingNav$toSelect,
-						function (_int) {
-							return A2(
-								$elm$core$Maybe$map,
-								$author$project$Main$JumpTo,
-								A2(
-									$elm$core$Array$get,
-									_int,
-									$elm$core$Array$fromList(m.scrollingNav.arrangement)));
-						},
-						m.scrollingNav),
-					onChangedSidebar: $author$project$Main$ChangedSidebar,
-					search: $elm$core$Maybe$Just(
-						{
-							chips: _List_Nil,
-							label: 'Search',
-							onChange: $author$project$Main$ChangedSearch,
-							placeholder: $elm$core$Maybe$Just(
-								A2(
-									$mdgriffith$elm_ui$Element$Input$placeholder,
-									_List_Nil,
-									$mdgriffith$elm_ui$Element$text('Search Widgets...'))),
-							text: m.search.raw
-						}),
-					title: A2(
-						$mdgriffith$elm_ui$Element$el,
-						$Orasund$elm_ui_framework$Framework$Heading$h1,
-						$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')),
-					window: m.window
-				},
+			A2(
+				$mdgriffith$elm_ui$Element$layout,
+				A3($author$project$Main$viewLayout, $elm$core$Basics$identity, style, m),
 				$author$project$Main$viewLoaded(m)));
 	}
 };
diff --git a/docs/index.html b/docs/index.html
index 0913684..b6cdf88 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -5257,6 +5257,9 @@ var $author$project$Main$LoadedSpecific = function (a) {
 var $author$project$Main$Resized = function (a) {
 	return {$: 'Resized', a: a};
 };
+var $author$project$Main$StatelessSpecific = function (a) {
+	return {$: 'StatelessSpecific', a: a};
+};
 var $author$project$Main$TimePassed = function (a) {
 	return {$: 'TimePassed', a: a};
 };
@@ -5898,128 +5901,16 @@ var $elm$browser$Browser$Events$onResize = function (func) {
 				A2($elm$json$Json$Decode$field, 'innerWidth', $elm$json$Json$Decode$int),
 				A2($elm$json$Json$Decode$field, 'innerHeight', $elm$json$Json$Decode$int))));
 };
-var $author$project$Main$subscriptions = function (_v0) {
-	return A2(
-		$elm$core$Platform$Sub$map,
-		$author$project$Main$LoadedSpecific,
-		$elm$core$Platform$Sub$batch(
-			_List_fromArray(
-				[
-					A2(
-					$elm$time$Time$every,
-					50,
-					$elm$core$Basics$always(
-						$author$project$Main$TimePassed(50))),
-					$elm$browser$Browser$Events$onResize(
-					F2(
-						function (h, w) {
-							return $author$project$Main$Resized(
-								{height: h, width: w});
-						}))
-				])));
-};
-var $author$project$Main$Loaded = function (a) {
-	return {$: 'Loaded', a: a};
-};
-var $author$project$Main$Idle = {$: 'Idle'};
-var $author$project$Data$Theme$Material = {$: 'Material'};
-var $author$project$Main$StatelessSpecific = function (a) {
-	return {$: 'StatelessSpecific', a: a};
-};
-var $author$project$Main$UpdateScrollingNav = function (a) {
-	return {$: 'UpdateScrollingNav', a: a};
-};
-var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
-var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
-var $author$project$Data$Example$IconExample = {$: 'IconExample'};
-var $author$project$Data$Example$ListExample = {$: 'ListExample'};
-var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
-var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
-var $author$project$Data$Example$ProgressIndicatorExample = {$: 'ProgressIndicatorExample'};
-var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
-var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
-var $author$project$Data$Example$SwitchExample = {$: 'SwitchExample'};
-var $author$project$Data$Example$TabExample = {$: 'TabExample'};
-var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
-var $elm$core$List$sortBy = _List_sortBy;
-var $author$project$Data$Example$toString = function (example) {
-	switch (example.$) {
-		case 'ButtonExample':
-			return 'Button';
-		case 'SwitchExample':
-			return 'Switch';
-		case 'SelectExample':
-			return 'Select';
-		case 'MultiSelectExample':
-			return 'Multi Select';
-		case 'TabExample':
-			return 'Tab';
-		case 'SortTableExample':
-			return 'SortTable';
-		case 'ModalExample':
-			return 'Modal';
-		case 'DialogExample':
-			return 'Dialog';
-		case 'TextInputExample':
-			return 'TextInput';
-		case 'ListExample':
-			return 'List';
-		case 'ProgressIndicatorExample':
-			return 'Progress Indicator';
-		default:
-			return 'Icon';
-	}
-};
-var $author$project$Data$Example$asList = A2(
-	$elm$core$List$sortBy,
-	$author$project$Data$Example$toString,
-	_List_fromArray(
-		[$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SwitchExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample, $author$project$Data$Example$ProgressIndicatorExample, $author$project$Data$Example$IconExample]));
-var $elm$core$Platform$Cmd$batch = _Platform_batch;
-var $turboMaCk$any_set$Set$Any$AnySet = function (a) {
-	return {$: 'AnySet', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) {
-	return {$: 'AnyDict', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) {
-	return $turboMaCk$any_dict$Dict$Any$AnyDict(
-		{dict: $elm$core$Dict$empty, toKey: toKey});
-};
-var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty);
-var $author$project$Data$Example$fromString = function (string) {
-	switch (string) {
-		case 'Button':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
-		case 'Switch':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SwitchExample);
-		case 'Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
-		case 'Multi Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
-		case 'Tab':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
-		case 'SortTable':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
-		case 'Modal':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
-		case 'Dialog':
-			return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
-		case 'TextInput':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
-		case 'List':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
-		case 'Progress Indicator':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ProgressIndicatorExample);
-		case 'Icon':
-			return $elm$core$Maybe$Just($author$project$Data$Example$IconExample);
-		default:
-			return $elm$core$Maybe$Nothing;
-	}
+var $elm$core$List$singleton = function (value) {
+	return _List_fromArray(
+		[value]);
 };
 var $author$project$Stateless$ExampleSpecific = function (a) {
 	return {$: 'ExampleSpecific', a: a};
 };
+var $author$project$Data$Example$AppBar = function (a) {
+	return {$: 'AppBar', a: a};
+};
 var $author$project$Data$Example$Button = function (a) {
 	return {$: 'Button', a: a};
 };
@@ -6029,6 +5920,9 @@ var $author$project$Data$Example$Dialog = function (a) {
 var $author$project$Data$Example$Icon = function (a) {
 	return {$: 'Icon', a: a};
 };
+var $author$project$Data$Example$Layout = function (a) {
+	return {$: 'Layout', a: a};
+};
 var $author$project$Data$Example$List = function (a) {
 	return {$: 'List', a: a};
 };
@@ -6044,6 +5938,12 @@ var $author$project$Data$Example$ProgressIndicator = function (a) {
 var $author$project$Data$Example$Select = function (a) {
 	return {$: 'Select', a: a};
 };
+var $author$project$Data$Example$Sheet = function (a) {
+	return {$: 'Sheet', a: a};
+};
+var $author$project$Data$Example$Snackbar = function (a) {
+	return {$: 'Snackbar', a: a};
+};
 var $author$project$Data$Example$SortTable = function (a) {
 	return {$: 'SortTable', a: a};
 };
@@ -6056,459 +5956,144 @@ var $author$project$Data$Example$Tab = function (a) {
 var $author$project$Data$Example$TextInput = function (a) {
 	return {$: 'TextInput', a: a};
 };
+var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
+var $author$project$Example$AppBar$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Button$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Dialog$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Icon$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Layout$Resized = function (a) {
+	return {$: 'Resized', a: a};
+};
+var $author$project$Example$Layout$TimePassed = function (a) {
+	return {$: 'TimePassed', a: a};
+};
+var $author$project$Example$Layout$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$batch(
+		_List_fromArray(
+			[
+				$elm$browser$Browser$Events$onResize(
+				F2(
+					function (h, w) {
+						return $author$project$Example$Layout$Resized(
+							{height: h, width: w});
+					})),
+				A2(
+				$elm$time$Time$every,
+				50,
+				$elm$core$Basics$always(
+					$author$project$Example$Layout$TimePassed(50)))
+			]));
+};
+var $author$project$Example$List$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Modal$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$ProgressIndicator$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Select$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Sheet$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Snackbar$TimePassed = function (a) {
+	return {$: 'TimePassed', a: a};
+};
+var $author$project$Example$Snackbar$subscriptions = function (_v0) {
+	return A2(
+		$elm$time$Time$every,
+		50,
+		$elm$core$Basics$always(
+			$author$project$Example$Snackbar$TimePassed(50)));
+};
+var $author$project$Example$SortTable$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Switch$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$Tab$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $author$project$Example$TextInput$subscriptions = function (_v0) {
+	return $elm$core$Platform$Sub$none;
+};
+var $elm$core$Platform$Cmd$batch = _Platform_batch;
 var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
-var $author$project$Example$Button$init = _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$AppBar$update = F2(
+	function (msg, menu) {
+		switch (msg.$) {
+			case 'SetDesign':
+				var bool = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{isMenuBar: bool}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSelected':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{selected: _int}),
+					$elm$core$Platform$Cmd$none);
+			default:
+				var string = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						menu,
+						{search: string}),
+					$elm$core$Platform$Cmd$none);
+		}
+	});
+var $elm$core$Basics$ge = _Utils_ge;
+var $author$project$Example$Button$update = F2(
+	function (msg, model) {
+		switch (msg.$) {
+			case 'Increase':
+				var _int = msg.a;
+				return _Utils_Tuple2(model + _int, $elm$core$Platform$Cmd$none);
+			case 'Decrease':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					((model - _int) >= 0) ? (model - _int) : model,
+					$elm$core$Platform$Cmd$none);
+			default:
+				return _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+		}
+	});
 var $author$project$Example$Dialog$IsOpen = function (a) {
 	return {$: 'IsOpen', a: a};
 };
-var $author$project$Example$Dialog$init = _Utils_Tuple2(
-	$author$project$Example$Dialog$IsOpen(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Icon$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-var $author$project$Example$List$IsExpanded = function (a) {
-	return {$: 'IsExpanded', a: a};
-};
-var $author$project$Example$List$init = _Utils_Tuple2(
-	$author$project$Example$List$IsExpanded(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Modal$IsEnabled = function (a) {
-	return {$: 'IsEnabled', a: a};
-};
-var $author$project$Example$Modal$init = _Utils_Tuple2(
-	$author$project$Example$Modal$IsEnabled(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$MultiSelect$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $elm$core$Set$Set_elm_builtin = function (a) {
-	return {$: 'Set_elm_builtin', a: a};
-};
-var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
-var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
-	$author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$ProgressIndicator$MaybeProgress = function (a) {
-	return {$: 'MaybeProgress', a: a};
-};
-var $author$project$Example$ProgressIndicator$init = _Utils_Tuple2(
-	$author$project$Example$ProgressIndicator$MaybeProgress($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Select$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Select$init = _Utils_Tuple2(
-	$author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$SortTable$init = _Utils_Tuple2(
-	{asc: true, title: 'Name'},
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Switch$IsButtonEnabled = function (a) {
-	return {$: 'IsButtonEnabled', a: a};
-};
-var $author$project$Example$Switch$init = _Utils_Tuple2(
-	$author$project$Example$Switch$IsButtonEnabled(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Tab$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Tab$init = _Utils_Tuple2(
-	$author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$TextInput$init = _Utils_Tuple2(
-	{chipTextInput: $elm$core$Set$empty, textInput: ''},
-	$elm$core$Platform$Cmd$none);
-var $elm$core$Platform$Cmd$map = _Platform_map;
-var $author$project$Data$Example$init = function () {
-	var _v0 = $author$project$Example$TextInput$init;
-	var textInputModel = _v0.a;
-	var textInputMsg = _v0.b;
-	var _v1 = $author$project$Example$Tab$init;
-	var tabModel = _v1.a;
-	var tabMsg = _v1.b;
-	var _v2 = $author$project$Example$Switch$init;
-	var switchModel = _v2.a;
-	var switchMsg = _v2.b;
-	var _v3 = $author$project$Example$SortTable$init;
-	var sortTableModel = _v3.a;
-	var sortTableMsg = _v3.b;
-	var _v4 = $author$project$Example$Select$init;
-	var selectModel = _v4.a;
-	var selectMsg = _v4.b;
-	var _v5 = $author$project$Example$ProgressIndicator$init;
-	var progressIndicatorModel = _v5.a;
-	var progressIndicatorMsg = _v5.b;
-	var _v6 = $author$project$Example$MultiSelect$init;
-	var multiSelectModel = _v6.a;
-	var multiSelectMsg = _v6.b;
-	var _v7 = $author$project$Example$Modal$init;
-	var modalModel = _v7.a;
-	var modalMsg = _v7.b;
-	var _v8 = $author$project$Example$List$init;
-	var listModel = _v8.a;
-	var listMsg = _v8.b;
-	var _v9 = $author$project$Example$Icon$init;
-	var iconModel = _v9.a;
-	var iconMsg = _v9.b;
-	var _v10 = $author$project$Example$Dialog$init;
-	var dialogModel = _v10.a;
-	var dialogMsg = _v10.b;
-	var _v11 = $author$project$Example$Button$init;
-	var buttonModel = _v11.a;
-	var buttonMsg = _v11.b;
-	return _Utils_Tuple2(
-		{button: buttonModel, dialog: dialogModel, icon: iconModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, progressIndicator: progressIndicatorModel, select: selectModel, sortTable: sortTableModel, _switch: switchModel, tab: tabModel, textInput: textInputModel},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Switch, switchMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ProgressIndicator, progressIndicatorMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Icon, iconMsg)
-				])));
-}();
-var $author$project$Stateless$init = function () {
-	var _v0 = $author$project$Data$Example$init;
-	var example = _v0.a;
-	var cmd = _v0.b;
-	return _Utils_Tuple2(
-		{carousel: 0, example: example},
-		A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
-}();
+var $author$project$Example$Dialog$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Dialog$IsOpen(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$Icon$update = F2(
+	function (msg, _v0) {
+		return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+	});
 var $turboMaCk$queue$Queue$Queue = F2(
 	function (a, b) {
 		return {$: 'Queue', a: a, b: b};
 	});
-var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
-var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
-var $author$project$Widget$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init};
-var $elm$core$Task$onError = _Scheduler_onError;
-var $elm$core$Task$attempt = F2(
-	function (resultToMessage, task) {
-		return $elm$core$Task$command(
-			$elm$core$Task$Perform(
-				A2(
-					$elm$core$Task$onError,
-					A2(
-						$elm$core$Basics$composeL,
-						A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-						$elm$core$Result$Err),
-					A2(
-						$elm$core$Task$andThen,
-						A2(
-							$elm$core$Basics$composeL,
-							A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-							$elm$core$Result$Ok),
-						task))));
-	});
-var $elm_community$intdict$IntDict$Empty = {$: 'Empty'};
-var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty;
-var $elm$browser$Browser$Dom$getElement = _Browser_getElement;
-var $elm_community$intdict$IntDict$Inner = function (a) {
-	return {$: 'Inner', a: a};
-};
-var $elm_community$intdict$IntDict$size = function (dict) {
-	switch (dict.$) {
-		case 'Empty':
-			return 0;
-		case 'Leaf':
-			return 1;
-		default:
-			var i = dict.a;
-			return i.size;
-	}
-};
-var $elm_community$intdict$IntDict$inner = F3(
-	function (p, l, r) {
-		var _v0 = _Utils_Tuple2(l, r);
-		if (_v0.a.$ === 'Empty') {
-			var _v1 = _v0.a;
-			return r;
-		} else {
-			if (_v0.b.$ === 'Empty') {
-				var _v2 = _v0.b;
-				return l;
-			} else {
-				return $elm_community$intdict$IntDict$Inner(
-					{
-						left: l,
-						prefix: p,
-						right: r,
-						size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r)
-					});
-			}
-		}
-	});
-var $elm$core$Bitwise$and = _Bitwise_and;
-var $elm$core$Basics$composeR = F3(
-	function (f, g, x) {
-		return g(
-			f(x));
-	});
-var $elm$core$Basics$neq = _Utils_notEqual;
-var $elm$core$Bitwise$complement = _Bitwise_complement;
-var $elm$core$Bitwise$or = _Bitwise_or;
-var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
-var $elm_community$intdict$IntDict$highestBitSet = function (n) {
-	var shiftOr = F2(
-		function (i, shift) {
-			return i | (i >>> shift);
-		});
-	var n1 = A2(shiftOr, n, 1);
-	var n2 = A2(shiftOr, n1, 2);
-	var n3 = A2(shiftOr, n2, 4);
-	var n4 = A2(shiftOr, n3, 8);
-	var n5 = A2(shiftOr, n4, 16);
-	return n5 & (~(n5 >>> 1));
-};
-var $elm$core$Basics$negate = function (n) {
-	return -n;
-};
-var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1);
-var $elm$core$Bitwise$xor = _Bitwise_xor;
-var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit),
-		A2(
-			$elm$core$Basics$composeR,
-			$elm$core$Bitwise$and(p.branchingBit),
-			$elm$core$Basics$neq(0)));
-};
-var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) {
-	return branchingBit ^ (~(branchingBit - 1));
-};
-var $elm_community$intdict$IntDict$lcp = F2(
-	function (x, y) {
-		var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y);
-		var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit);
-		var prefixBits = x & mask;
-		return {branchingBit: branchingBit, prefixBits: prefixBits};
-	});
-var $elm_community$intdict$IntDict$Leaf = function (a) {
-	return {$: 'Leaf', a: a};
-};
-var $elm_community$intdict$IntDict$leaf = F2(
-	function (k, v) {
-		return $elm_community$intdict$IntDict$Leaf(
-			{key: k, value: v});
-	});
-var $elm_community$intdict$IntDict$prefixMatches = F2(
-	function (p, n) {
-		return _Utils_eq(
-			n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit),
-			p.prefixBits);
-	});
-var $elm_community$intdict$IntDict$update = F3(
-	function (key, alter, dict) {
-		var join = F2(
-			function (_v2, _v3) {
-				var k1 = _v2.a;
-				var l = _v2.b;
-				var k2 = _v3.a;
-				var r = _v3.b;
-				var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2);
-				return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l);
-			});
-		var alteredNode = function (mv) {
-			var _v1 = alter(mv);
-			if (_v1.$ === 'Just') {
-				var v = _v1.a;
-				return A2($elm_community$intdict$IntDict$leaf, key, v);
-			} else {
-				return $elm_community$intdict$IntDict$empty;
-			}
-		};
-		switch (dict.$) {
-			case 'Empty':
-				return alteredNode($elm$core$Maybe$Nothing);
-			case 'Leaf':
-				var l = dict.a;
-				return _Utils_eq(l.key, key) ? alteredNode(
-					$elm$core$Maybe$Just(l.value)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(l.key, dict));
-			default:
-				var i = dict.a;
-				return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					i.left,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.left),
-					i.right)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(i.prefix.prefixBits, dict));
-		}
-	});
-var $elm_community$intdict$IntDict$insert = F3(
-	function (key, value, dict) {
-		return A3(
-			$elm_community$intdict$IntDict$update,
-			key,
-			$elm$core$Basics$always(
-				$elm$core$Maybe$Just(value)),
-			dict);
-	});
-var $elm$core$Basics$round = _Basics_round;
-var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) {
-	var toString = _v0.toString;
-	var arrangement = _v0.arrangement;
-	var fun = F2(
-		function (_v1, model) {
-			var pos = _v1.a;
-			var label = _v1.b;
-			return _Utils_update(
-				model,
-				{
-					positions: A3(
-						$elm_community$intdict$IntDict$insert,
-						pos,
-						model.toString(label),
-						model.positions)
-				});
-		});
-	return A2(
-		$elm$core$Task$map,
-		F2(
-			function (list, m) {
-				return A3($elm$core$List$foldl, fun, m, list);
-			}),
-		$elm$core$Task$sequence(
-			A2(
-				$elm$core$List$map,
-				function (label) {
-					return A2(
-						$elm$core$Task$map,
-						function (x) {
-							return _Utils_Tuple2(
-								$elm$core$Basics$round(x.element.y),
-								label);
-						},
-						$elm$browser$Browser$Dom$getElement(
-							toString(label)));
-				},
-				arrangement)));
-};
-var $author$project$Widget$ScrollingNav$init = function (_v0) {
-	var toString = _v0.toString;
-	var fromString = _v0.fromString;
-	var arrangement = _v0.arrangement;
-	var toMsg = _v0.toMsg;
-	return function (a) {
-		return _Utils_Tuple2(
-			a,
-			A2(
-				$elm$core$Task$attempt,
-				toMsg,
-				$author$project$Widget$ScrollingNav$syncPositions(a)));
-	}(
-		{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
-};
-var $author$project$Main$initialModel = function (_v0) {
-	var viewport = _v0.viewport;
-	var _v1 = $author$project$Stateless$init;
-	var stateless = _v1.a;
-	var statelessCmd = _v1.b;
-	var _v2 = $author$project$Widget$ScrollingNav$init(
-		{
-			arrangement: $author$project$Data$Example$asList,
-			fromString: $author$project$Data$Example$fromString,
-			toMsg: function (result) {
-				if (result.$ === 'Ok') {
-					var fun = result.a;
-					return $author$project$Main$UpdateScrollingNav(fun);
-				} else {
-					return $author$project$Main$Idle;
-				}
-			},
-			toString: $author$project$Data$Example$toString
-		});
-	var scrollingNav = _v2.a;
-	var cmd = _v2.b;
-	return _Utils_Tuple2(
-		{
-			displayDialog: false,
-			expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString),
-			layout: $author$project$Widget$Layout$init,
-			scrollingNav: scrollingNav,
-			search: {current: '', raw: '', remaining: 0},
-			stateless: stateless,
-			theme: $author$project$Data$Theme$Material,
-			window: {
-				height: $elm$core$Basics$round(viewport.height),
-				width: $elm$core$Basics$round(viewport.width)
-			}
-		},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					cmd,
-					A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
-				])));
-};
-var $elm$core$Tuple$mapBoth = F3(
-	function (funcA, funcB, _v0) {
-		var x = _v0.a;
-		var y = _v0.b;
-		return _Utils_Tuple2(
-			funcA(x),
-			funcB(y));
-	});
-var $author$project$Main$AddSnackbar = function (a) {
-	return {$: 'AddSnackbar', a: a};
-};
-var $author$project$Widget$Layout$activate = F2(
-	function (part, layout) {
-		return _Utils_update(
-			layout,
-			{active: part});
-	});
-var $author$project$Widget$ScrollingNav$getPos = A2(
-	$elm$core$Task$map,
-	F2(
-		function (_int, model) {
-			return _Utils_update(
-				model,
-				{
-					scrollPos: $elm$core$Basics$round(_int.viewport.y)
-				});
-		}),
-	$elm$browser$Browser$Dom$getViewport);
-var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport;
-var $author$project$Widget$ScrollingNav$jumpTo = F2(
-	function (_v0, _v1) {
-		var section = _v0.section;
-		var onChange = _v0.onChange;
-		var toString = _v1.toString;
-		return A2(
-			$elm$core$Task$attempt,
-			onChange,
-			A2(
-				$elm$core$Task$andThen,
-				function (_v2) {
-					var element = _v2.element;
-					return A2($elm$browser$Browser$Dom$setViewport, 0, element.y);
-				},
-				$elm$browser$Browser$Dom$getElement(
-					toString(section))));
-	});
-var $elm$browser$Browser$Navigation$load = _Browser_load;
 var $turboMaCk$queue$Queue$queue = F2(
 	function (fl, rl) {
 		if (!fl.b) {
@@ -6551,14 +6136,6 @@ var $author$project$Widget$Snackbar$insertFor = F3(
 		}
 	});
 var $author$project$Widget$Snackbar$insert = $author$project$Widget$Snackbar$insertFor(10000);
-var $author$project$Widget$Layout$queueMessage = F2(
-	function (message, layout) {
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$insert, message, layout.snackbar)
-			});
-	});
 var $turboMaCk$queue$Queue$dequeue = function (_v0) {
 	var fl = _v0.a;
 	var rl = _v0.b;
@@ -6597,6 +6174,9 @@ var $elm$core$Tuple$mapSecond = F2(
 			x,
 			func(y));
 	});
+var $elm$core$Basics$negate = function (n) {
+	return -n;
+};
 var $author$project$Widget$Snackbar$timePassed = F2(
 	function (ms, model) {
 		var _v0 = model.current;
@@ -6621,51 +6201,114 @@ var $author$project$Widget$Snackbar$timePassed = F2(
 				});
 		}
 	});
-var $author$project$Widget$Layout$timePassed = F2(
-	function (sec, layout) {
-		var _v0 = layout.active;
-		_v0$2:
-		while (true) {
-			if (_v0.$ === 'Just') {
-				switch (_v0.a.$) {
-					case 'LeftSheet':
-						var _v1 = _v0.a;
-						return layout;
-					case 'RightSheet':
-						var _v2 = _v0.a;
-						return layout;
-					default:
-						break _v0$2;
-				}
-			} else {
-				break _v0$2;
-			}
+var $author$project$Example$Layout$update = F2(
+	function (msg, model) {
+		switch (msg.$) {
+			case 'ChangedSidebar':
+				var maybePart = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{active: maybePart}),
+					$elm$core$Platform$Cmd$none);
+			case 'Resized':
+				var window = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{window: window}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSelected':
+				var _int = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{selected: _int}),
+					$elm$core$Platform$Cmd$none);
+			case 'AddSnackbar':
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{
+							snackbar: A2($author$project$Widget$Snackbar$insert, 'This is a message', model.snackbar)
+						}),
+					$elm$core$Platform$Cmd$none);
+			case 'ShowDialog':
+				var bool = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{showDialog: bool}),
+					$elm$core$Platform$Cmd$none);
+			case 'SetSearchText':
+				var maybeString = msg.a;
+				return _Utils_Tuple2(
+					_Utils_update(
+						model,
+						{searchText: maybeString}),
+					$elm$core$Platform$Cmd$none);
+			default:
+				var sec = msg.a;
+				return _Utils_Tuple2(
+					function () {
+						var _v1 = model.active;
+						_v1$2:
+						while (true) {
+							if (_v1.$ === 'Just') {
+								switch (_v1.a.$) {
+									case 'LeftSheet':
+										var _v2 = _v1.a;
+										return model;
+									case 'RightSheet':
+										var _v3 = _v1.a;
+										return model;
+									default:
+										break _v1$2;
+								}
+							} else {
+								break _v1$2;
+							}
+						}
+						return _Utils_update(
+							model,
+							{
+								snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, model.snackbar)
+							});
+					}(),
+					$elm$core$Platform$Cmd$none);
 		}
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar)
-			});
 	});
-var $turboMaCk$any_dict$Dict$Any$insert = F3(
-	function (k, v, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A3(
-						$elm$core$Dict$insert,
-						inner.toKey(k),
-						_Utils_Tuple2(k, v),
-						inner.dict)
-				}));
+var $author$project$Example$List$IsExpanded = function (a) {
+	return {$: 'IsExpanded', a: a};
+};
+var $author$project$Example$List$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$List$IsExpanded(bool),
+			$elm$core$Platform$Cmd$none);
 	});
-var $turboMaCk$any_set$Set$Any$insert = F2(
-	function (a, _v0) {
+var $author$project$Example$Modal$IsEnabled = function (a) {
+	return {$: 'IsEnabled', a: a};
+};
+var $author$project$Example$Modal$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Modal$IsEnabled(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$MultiSelect$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
+var $elm$core$Set$Set_elm_builtin = function (a) {
+	return {$: 'Set_elm_builtin', a: a};
+};
+var $elm$core$Set$insert = F2(
+	function (key, _v0) {
 		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict));
+		return $elm$core$Set$Set_elm_builtin(
+			A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
 	});
 var $elm$core$Dict$member = F2(
 	function (key, dict) {
@@ -6676,19 +6319,10 @@ var $elm$core$Dict$member = F2(
 			return false;
 		}
 	});
-var $turboMaCk$any_dict$Dict$Any$member = F2(
-	function (k, _v0) {
-		var dict = _v0.a.dict;
-		var toKey = _v0.a.toKey;
-		return A2(
-			$elm$core$Dict$member,
-			toKey(k),
-			dict);
-	});
-var $turboMaCk$any_set$Set$Any$member = F2(
-	function (a, _v0) {
+var $elm$core$Set$member = F2(
+	function (key, _v0) {
 		var dict = _v0.a;
-		return A2($turboMaCk$any_dict$Dict$Any$member, a, dict);
+		return A2($elm$core$Dict$member, key, dict);
 	});
 var $elm$core$Dict$getMin = function (dict) {
 	getMin:
@@ -7052,118 +6686,6 @@ var $elm$core$Dict$remove = F2(
 			return x;
 		}
 	});
-var $turboMaCk$any_dict$Dict$Any$remove = F2(
-	function (k, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A2(
-						$elm$core$Dict$remove,
-						inner.toKey(k),
-						inner.dict)
-				}));
-	});
-var $turboMaCk$any_set$Set$Any$remove = F2(
-	function (a, _v0) {
-		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A2($turboMaCk$any_dict$Dict$Any$remove, a, dict));
-	});
-var $turboMaCk$any_set$Set$Any$toggle = F2(
-	function (a, set) {
-		return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set);
-	});
-var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
-var $author$project$Example$Button$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Dialog$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Icon$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$List$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Modal$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$ProgressIndicator$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Select$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$SortTable$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Switch$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Tab$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$TextInput$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $elm$core$Basics$ge = _Utils_ge;
-var $author$project$Example$Button$update = F2(
-	function (msg, model) {
-		switch (msg.$) {
-			case 'Increase':
-				var _int = msg.a;
-				return _Utils_Tuple2(model + _int, $elm$core$Platform$Cmd$none);
-			case 'Decrease':
-				var _int = msg.a;
-				return _Utils_Tuple2(
-					((model - _int) >= 0) ? (model - _int) : model,
-					$elm$core$Platform$Cmd$none);
-			default:
-				return _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Example$Dialog$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Dialog$IsOpen(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Icon$update = F2(
-	function (msg, _v0) {
-		return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$List$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$List$IsExpanded(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Modal$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Modal$IsEnabled(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $elm$core$Set$insert = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return $elm$core$Set$Set_elm_builtin(
-			A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
-	});
-var $elm$core$Set$member = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return A2($elm$core$Dict$member, key, dict);
-	});
 var $elm$core$Set$remove = F2(
 	function (key, _v0) {
 		var dict = _v0.a;
@@ -7179,6 +6701,9 @@ var $author$project$Example$MultiSelect$update = F2(
 				(A2($elm$core$Set$member, _int, selected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(selected)),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$ProgressIndicator$MaybeProgress = function (a) {
+	return {$: 'MaybeProgress', a: a};
+};
 var $author$project$Example$ProgressIndicator$update = F2(
 	function (msg, _v0) {
 		var maybeFloat = msg.a;
@@ -7186,6 +6711,9 @@ var $author$project$Example$ProgressIndicator$update = F2(
 			$author$project$Example$ProgressIndicator$MaybeProgress(maybeFloat),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Select$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
 var $author$project$Example$Select$update = F2(
 	function (msg, _v0) {
 		var _int = msg.a;
@@ -7194,6 +6722,30 @@ var $author$project$Example$Select$update = F2(
 				$elm$core$Maybe$Just(_int)),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Sheet$IsEnabled = function (a) {
+	return {$: 'IsEnabled', a: a};
+};
+var $author$project$Example$Sheet$update = F2(
+	function (msg, _v0) {
+		var bool = msg.a;
+		return _Utils_Tuple2(
+			$author$project$Example$Sheet$IsEnabled(bool),
+			$elm$core$Platform$Cmd$none);
+	});
+var $author$project$Example$Snackbar$update = F2(
+	function (msg, model) {
+		if (msg.$ === 'TimePassed') {
+			var _int = msg.a;
+			return _Utils_Tuple2(
+				A2($author$project$Widget$Snackbar$timePassed, _int, model),
+				$elm$core$Platform$Cmd$none);
+		} else {
+			var snack = msg.a;
+			return _Utils_Tuple2(
+				A2($author$project$Widget$Snackbar$insert, snack, model),
+				$elm$core$Platform$Cmd$none);
+		}
+	});
 var $elm$core$Basics$not = _Basics_not;
 var $author$project$Example$SortTable$update = F2(
 	function (msg, model) {
@@ -7205,6 +6757,9 @@ var $author$project$Example$SortTable$update = F2(
 			},
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Switch$IsButtonEnabled = function (a) {
+	return {$: 'IsButtonEnabled', a: a};
+};
 var $author$project$Example$Switch$update = F2(
 	function (msg, _v0) {
 		var buttonEnabled = _v0.a;
@@ -7212,6 +6767,9 @@ var $author$project$Example$Switch$update = F2(
 			$author$project$Example$Switch$IsButtonEnabled(!buttonEnabled),
 			$elm$core$Platform$Cmd$none);
 	});
+var $author$project$Example$Tab$Selected = function (a) {
+	return {$: 'Selected', a: a};
+};
 var $author$project$Example$Tab$update = F2(
 	function (msg, _v0) {
 		var _int = msg.a;
@@ -7241,6 +6799,20 @@ var $author$project$Example$TextInput$update = F2(
 		}
 	});
 var $author$project$Data$Example$upgradeRecord = {
+	appBar: {
+		from: function ($) {
+			return $.appBar;
+		},
+		msgMapper: $author$project$Data$Example$AppBar,
+		subscriptionsFun: $author$project$Example$AppBar$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{appBar: a});
+			}),
+		updateFun: $author$project$Example$AppBar$update
+	},
 	button: {
 		from: function ($) {
 			return $.button;
@@ -7283,6 +6855,20 @@ var $author$project$Data$Example$upgradeRecord = {
 			}),
 		updateFun: $author$project$Example$Icon$update
 	},
+	layout: {
+		from: function ($) {
+			return $.layout;
+		},
+		msgMapper: $author$project$Data$Example$Layout,
+		subscriptionsFun: $author$project$Example$Layout$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{layout: a});
+			}),
+		updateFun: $author$project$Example$Layout$update
+	},
 	list: {
 		from: function ($) {
 			return $.list;
@@ -7353,6 +6939,34 @@ var $author$project$Data$Example$upgradeRecord = {
 			}),
 		updateFun: $author$project$Example$Select$update
 	},
+	sheet: {
+		from: function ($) {
+			return $.sheet;
+		},
+		msgMapper: $author$project$Data$Example$Sheet,
+		subscriptionsFun: $author$project$Example$Sheet$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{sheet: a});
+			}),
+		updateFun: $author$project$Example$Sheet$update
+	},
+	snackbar: {
+		from: function ($) {
+			return $.snackbar;
+		},
+		msgMapper: $author$project$Data$Example$Snackbar,
+		subscriptionsFun: $author$project$Example$Snackbar$subscriptions,
+		to: F2(
+			function (model, a) {
+				return _Utils_update(
+					model,
+					{snackbar: a});
+			}),
+		updateFun: $author$project$Example$Snackbar$update
+	},
 	sortTable: {
 		from: function ($) {
 			return $.sortTable;
@@ -7410,6 +7024,695 @@ var $author$project$Data$Example$upgradeRecord = {
 		updateFun: $author$project$Example$TextInput$update
 	}
 };
+var $author$project$Data$Example$subscriptions = function (model) {
+	var subFun = function (_v0) {
+		var from = _v0.from;
+		var msgMapper = _v0.msgMapper;
+		var subscriptionsFun = _v0.subscriptionsFun;
+		return A2(
+			$elm$core$Platform$Sub$map,
+			msgMapper,
+			subscriptionsFun(
+				from(model)));
+	};
+	return $elm$core$Platform$Sub$batch(
+		_List_fromArray(
+			[
+				subFun($author$project$Data$Example$upgradeRecord.button),
+				subFun($author$project$Data$Example$upgradeRecord._switch),
+				subFun($author$project$Data$Example$upgradeRecord.select),
+				subFun($author$project$Data$Example$upgradeRecord.multiSelect),
+				subFun($author$project$Data$Example$upgradeRecord.tab),
+				subFun($author$project$Data$Example$upgradeRecord.sortTable),
+				subFun($author$project$Data$Example$upgradeRecord.modal),
+				subFun($author$project$Data$Example$upgradeRecord.dialog),
+				subFun($author$project$Data$Example$upgradeRecord.textInput),
+				subFun($author$project$Data$Example$upgradeRecord.list),
+				subFun($author$project$Data$Example$upgradeRecord.progressIndicator),
+				subFun($author$project$Data$Example$upgradeRecord.icon),
+				subFun($author$project$Data$Example$upgradeRecord.sheet),
+				subFun($author$project$Data$Example$upgradeRecord.appBar),
+				subFun($author$project$Data$Example$upgradeRecord.layout),
+				subFun($author$project$Data$Example$upgradeRecord.snackbar)
+			]));
+};
+var $author$project$Stateless$subscriptions = function (model) {
+	return A2(
+		$elm$core$Platform$Sub$map,
+		$author$project$Stateless$ExampleSpecific,
+		$author$project$Data$Example$subscriptions(model.example));
+};
+var $author$project$Main$subscriptions = function (model) {
+	return A2(
+		$elm$core$Platform$Sub$map,
+		$author$project$Main$LoadedSpecific,
+		$elm$core$Platform$Sub$batch(
+			_Utils_ap(
+				_List_fromArray(
+					[
+						A2(
+						$elm$time$Time$every,
+						50,
+						$elm$core$Basics$always(
+							$author$project$Main$TimePassed(50))),
+						$elm$browser$Browser$Events$onResize(
+						F2(
+							function (h, w) {
+								return $author$project$Main$Resized(
+									{height: h, width: w});
+							}))
+					]),
+				function () {
+					if (model.$ === 'Loading') {
+						return _List_Nil;
+					} else {
+						var stateless = model.a.stateless;
+						return $elm$core$List$singleton(
+							A2(
+								$elm$core$Platform$Sub$map,
+								$author$project$Main$StatelessSpecific,
+								$author$project$Stateless$subscriptions(stateless)));
+					}
+				}())));
+};
+var $author$project$Main$Loaded = function (a) {
+	return {$: 'Loaded', a: a};
+};
+var $author$project$Main$Idle = {$: 'Idle'};
+var $author$project$Data$Theme$Material = {$: 'Material'};
+var $author$project$Main$UpdateScrollingNav = function (a) {
+	return {$: 'UpdateScrollingNav', a: a};
+};
+var $author$project$Data$Example$AppBarExample = {$: 'AppBarExample'};
+var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
+var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
+var $author$project$Data$Example$IconExample = {$: 'IconExample'};
+var $author$project$Data$Example$LayoutExample = {$: 'LayoutExample'};
+var $author$project$Data$Example$ListExample = {$: 'ListExample'};
+var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
+var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
+var $author$project$Data$Example$ProgressIndicatorExample = {$: 'ProgressIndicatorExample'};
+var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
+var $author$project$Data$Example$SheetExample = {$: 'SheetExample'};
+var $author$project$Data$Example$SnackbarExample = {$: 'SnackbarExample'};
+var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
+var $author$project$Data$Example$SwitchExample = {$: 'SwitchExample'};
+var $author$project$Data$Example$TabExample = {$: 'TabExample'};
+var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
+var $elm$core$List$sortBy = _List_sortBy;
+var $author$project$Data$Example$toString = function (example) {
+	switch (example.$) {
+		case 'ButtonExample':
+			return 'Button';
+		case 'SwitchExample':
+			return 'Switch';
+		case 'SelectExample':
+			return 'Select';
+		case 'MultiSelectExample':
+			return 'Multi Select';
+		case 'TabExample':
+			return 'Tab';
+		case 'SortTableExample':
+			return 'SortTable';
+		case 'ModalExample':
+			return 'Modal';
+		case 'DialogExample':
+			return 'Dialog';
+		case 'TextInputExample':
+			return 'TextInput';
+		case 'ListExample':
+			return 'List';
+		case 'ProgressIndicatorExample':
+			return 'Progress Indicator';
+		case 'IconExample':
+			return 'Icon';
+		case 'SheetExample':
+			return 'Sheet';
+		case 'AppBarExample':
+			return 'App Bar';
+		case 'LayoutExample':
+			return 'Layout';
+		default:
+			return 'Snackbar';
+	}
+};
+var $author$project$Data$Example$asList = A2(
+	$elm$core$List$sortBy,
+	$author$project$Data$Example$toString,
+	_List_fromArray(
+		[$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SwitchExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample, $author$project$Data$Example$ProgressIndicatorExample, $author$project$Data$Example$IconExample, $author$project$Data$Example$SheetExample, $author$project$Data$Example$AppBarExample, $author$project$Data$Example$LayoutExample, $author$project$Data$Example$SnackbarExample]));
+var $turboMaCk$any_set$Set$Any$AnySet = function (a) {
+	return {$: 'AnySet', a: a};
+};
+var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) {
+	return {$: 'AnyDict', a: a};
+};
+var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) {
+	return $turboMaCk$any_dict$Dict$Any$AnyDict(
+		{dict: $elm$core$Dict$empty, toKey: toKey});
+};
+var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty);
+var $author$project$Data$Example$fromString = function (string) {
+	switch (string) {
+		case 'Button':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
+		case 'Switch':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SwitchExample);
+		case 'Select':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
+		case 'Multi Select':
+			return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
+		case 'Tab':
+			return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
+		case 'SortTable':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
+		case 'Modal':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
+		case 'Dialog':
+			return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
+		case 'TextInput':
+			return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
+		case 'List':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
+		case 'Progress Indicator':
+			return $elm$core$Maybe$Just($author$project$Data$Example$ProgressIndicatorExample);
+		case 'Icon':
+			return $elm$core$Maybe$Just($author$project$Data$Example$IconExample);
+		case 'Sheet':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SheetExample);
+		case 'App Bar':
+			return $elm$core$Maybe$Just($author$project$Data$Example$AppBarExample);
+		case 'Layout':
+			return $elm$core$Maybe$Just($author$project$Data$Example$LayoutExample);
+		case 'Snackbar':
+			return $elm$core$Maybe$Just($author$project$Data$Example$SnackbarExample);
+		default:
+			return $elm$core$Maybe$Nothing;
+	}
+};
+var $author$project$Example$AppBar$init = _Utils_Tuple2(
+	{isMenuBar: true, search: '', selected: 0},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Button$init = _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$Dialog$init = _Utils_Tuple2(
+	$author$project$Example$Dialog$IsOpen(true),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Icon$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
+var $author$project$Example$Layout$RightSheet = {$: 'RightSheet'};
+var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
+var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
+var $author$project$Example$Layout$init = _Utils_Tuple2(
+	{
+		active: $elm$core$Maybe$Just($author$project$Example$Layout$RightSheet),
+		searchText: '',
+		selected: 0,
+		showDialog: false,
+		snackbar: $author$project$Widget$Snackbar$init,
+		window: {height: 200, width: 400}
+	},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$List$init = _Utils_Tuple2(
+	$author$project$Example$List$IsExpanded(false),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Modal$init = _Utils_Tuple2(
+	$author$project$Example$Modal$IsEnabled(true),
+	$elm$core$Platform$Cmd$none);
+var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
+var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
+	$author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$ProgressIndicator$init = _Utils_Tuple2(
+	$author$project$Example$ProgressIndicator$MaybeProgress($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Select$init = _Utils_Tuple2(
+	$author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Sheet$init = _Utils_Tuple2(
+	$author$project$Example$Sheet$IsEnabled(true),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Snackbar$init = _Utils_Tuple2($author$project$Widget$Snackbar$init, $elm$core$Platform$Cmd$none);
+var $author$project$Example$SortTable$init = _Utils_Tuple2(
+	{asc: true, title: 'Name'},
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Switch$init = _Utils_Tuple2(
+	$author$project$Example$Switch$IsButtonEnabled(false),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$Tab$init = _Utils_Tuple2(
+	$author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
+	$elm$core$Platform$Cmd$none);
+var $author$project$Example$TextInput$init = _Utils_Tuple2(
+	{chipTextInput: $elm$core$Set$empty, textInput: ''},
+	$elm$core$Platform$Cmd$none);
+var $elm$core$Platform$Cmd$map = _Platform_map;
+var $author$project$Data$Example$init = function () {
+	var _v0 = $author$project$Example$TextInput$init;
+	var textInputModel = _v0.a;
+	var textInputMsg = _v0.b;
+	var _v1 = $author$project$Example$Tab$init;
+	var tabModel = _v1.a;
+	var tabMsg = _v1.b;
+	var _v2 = $author$project$Example$Switch$init;
+	var switchModel = _v2.a;
+	var switchMsg = _v2.b;
+	var _v3 = $author$project$Example$SortTable$init;
+	var sortTableModel = _v3.a;
+	var sortTableMsg = _v3.b;
+	var _v4 = $author$project$Example$Snackbar$init;
+	var snackbarModel = _v4.a;
+	var snackbarMsg = _v4.b;
+	var _v5 = $author$project$Example$Sheet$init;
+	var sheetModel = _v5.a;
+	var sheetMsg = _v5.b;
+	var _v6 = $author$project$Example$Select$init;
+	var selectModel = _v6.a;
+	var selectMsg = _v6.b;
+	var _v7 = $author$project$Example$ProgressIndicator$init;
+	var progressIndicatorModel = _v7.a;
+	var progressIndicatorMsg = _v7.b;
+	var _v8 = $author$project$Example$MultiSelect$init;
+	var multiSelectModel = _v8.a;
+	var multiSelectMsg = _v8.b;
+	var _v9 = $author$project$Example$Modal$init;
+	var modalModel = _v9.a;
+	var modalMsg = _v9.b;
+	var _v10 = $author$project$Example$List$init;
+	var listModel = _v10.a;
+	var listMsg = _v10.b;
+	var _v11 = $author$project$Example$Layout$init;
+	var layoutModel = _v11.a;
+	var layoutMsg = _v11.b;
+	var _v12 = $author$project$Example$Icon$init;
+	var iconModel = _v12.a;
+	var iconMsg = _v12.b;
+	var _v13 = $author$project$Example$Dialog$init;
+	var dialogModel = _v13.a;
+	var dialogMsg = _v13.b;
+	var _v14 = $author$project$Example$Button$init;
+	var buttonModel = _v14.a;
+	var buttonMsg = _v14.b;
+	var _v15 = $author$project$Example$AppBar$init;
+	var appBarModel = _v15.a;
+	var appBarMsg = _v15.b;
+	return _Utils_Tuple2(
+		{appBar: appBarModel, button: buttonModel, dialog: dialogModel, icon: iconModel, layout: layoutModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, progressIndicator: progressIndicatorModel, select: selectModel, sheet: sheetModel, snackbar: snackbarModel, sortTable: sortTableModel, _switch: switchModel, tab: tabModel, textInput: textInputModel},
+		$elm$core$Platform$Cmd$batch(
+			_List_fromArray(
+				[
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Switch, switchMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ProgressIndicator, progressIndicatorMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Icon, iconMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Sheet, sheetMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$AppBar, appBarMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Layout, layoutMsg),
+					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Snackbar, snackbarMsg)
+				])));
+}();
+var $author$project$Stateless$init = function () {
+	var _v0 = $author$project$Data$Example$init;
+	var example = _v0.a;
+	var cmd = _v0.b;
+	return _Utils_Tuple2(
+		{carousel: 0, example: example},
+		A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
+}();
+var $elm$core$Task$onError = _Scheduler_onError;
+var $elm$core$Task$attempt = F2(
+	function (resultToMessage, task) {
+		return $elm$core$Task$command(
+			$elm$core$Task$Perform(
+				A2(
+					$elm$core$Task$onError,
+					A2(
+						$elm$core$Basics$composeL,
+						A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
+						$elm$core$Result$Err),
+					A2(
+						$elm$core$Task$andThen,
+						A2(
+							$elm$core$Basics$composeL,
+							A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
+							$elm$core$Result$Ok),
+						task))));
+	});
+var $elm_community$intdict$IntDict$Empty = {$: 'Empty'};
+var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty;
+var $elm$browser$Browser$Dom$getElement = _Browser_getElement;
+var $elm_community$intdict$IntDict$Inner = function (a) {
+	return {$: 'Inner', a: a};
+};
+var $elm_community$intdict$IntDict$size = function (dict) {
+	switch (dict.$) {
+		case 'Empty':
+			return 0;
+		case 'Leaf':
+			return 1;
+		default:
+			var i = dict.a;
+			return i.size;
+	}
+};
+var $elm_community$intdict$IntDict$inner = F3(
+	function (p, l, r) {
+		var _v0 = _Utils_Tuple2(l, r);
+		if (_v0.a.$ === 'Empty') {
+			var _v1 = _v0.a;
+			return r;
+		} else {
+			if (_v0.b.$ === 'Empty') {
+				var _v2 = _v0.b;
+				return l;
+			} else {
+				return $elm_community$intdict$IntDict$Inner(
+					{
+						left: l,
+						prefix: p,
+						right: r,
+						size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r)
+					});
+			}
+		}
+	});
+var $elm$core$Bitwise$and = _Bitwise_and;
+var $elm$core$Basics$composeR = F3(
+	function (f, g, x) {
+		return g(
+			f(x));
+	});
+var $elm$core$Basics$neq = _Utils_notEqual;
+var $elm$core$Bitwise$complement = _Bitwise_complement;
+var $elm$core$Bitwise$or = _Bitwise_or;
+var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
+var $elm_community$intdict$IntDict$highestBitSet = function (n) {
+	var shiftOr = F2(
+		function (i, shift) {
+			return i | (i >>> shift);
+		});
+	var n1 = A2(shiftOr, n, 1);
+	var n2 = A2(shiftOr, n1, 2);
+	var n3 = A2(shiftOr, n2, 4);
+	var n4 = A2(shiftOr, n3, 8);
+	var n5 = A2(shiftOr, n4, 16);
+	return n5 & (~(n5 >>> 1));
+};
+var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1);
+var $elm$core$Bitwise$xor = _Bitwise_xor;
+var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) {
+	return A2(
+		$elm$core$Basics$composeR,
+		$elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit),
+		A2(
+			$elm$core$Basics$composeR,
+			$elm$core$Bitwise$and(p.branchingBit),
+			$elm$core$Basics$neq(0)));
+};
+var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) {
+	return branchingBit ^ (~(branchingBit - 1));
+};
+var $elm_community$intdict$IntDict$lcp = F2(
+	function (x, y) {
+		var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y);
+		var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit);
+		var prefixBits = x & mask;
+		return {branchingBit: branchingBit, prefixBits: prefixBits};
+	});
+var $elm_community$intdict$IntDict$Leaf = function (a) {
+	return {$: 'Leaf', a: a};
+};
+var $elm_community$intdict$IntDict$leaf = F2(
+	function (k, v) {
+		return $elm_community$intdict$IntDict$Leaf(
+			{key: k, value: v});
+	});
+var $elm_community$intdict$IntDict$prefixMatches = F2(
+	function (p, n) {
+		return _Utils_eq(
+			n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit),
+			p.prefixBits);
+	});
+var $elm_community$intdict$IntDict$update = F3(
+	function (key, alter, dict) {
+		var join = F2(
+			function (_v2, _v3) {
+				var k1 = _v2.a;
+				var l = _v2.b;
+				var k2 = _v3.a;
+				var r = _v3.b;
+				var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2);
+				return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l);
+			});
+		var alteredNode = function (mv) {
+			var _v1 = alter(mv);
+			if (_v1.$ === 'Just') {
+				var v = _v1.a;
+				return A2($elm_community$intdict$IntDict$leaf, key, v);
+			} else {
+				return $elm_community$intdict$IntDict$empty;
+			}
+		};
+		switch (dict.$) {
+			case 'Empty':
+				return alteredNode($elm$core$Maybe$Nothing);
+			case 'Leaf':
+				var l = dict.a;
+				return _Utils_eq(l.key, key) ? alteredNode(
+					$elm$core$Maybe$Just(l.value)) : A2(
+					join,
+					_Utils_Tuple2(
+						key,
+						alteredNode($elm$core$Maybe$Nothing)),
+					_Utils_Tuple2(l.key, dict));
+			default:
+				var i = dict.a;
+				return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3(
+					$elm_community$intdict$IntDict$inner,
+					i.prefix,
+					i.left,
+					A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3(
+					$elm_community$intdict$IntDict$inner,
+					i.prefix,
+					A3($elm_community$intdict$IntDict$update, key, alter, i.left),
+					i.right)) : A2(
+					join,
+					_Utils_Tuple2(
+						key,
+						alteredNode($elm$core$Maybe$Nothing)),
+					_Utils_Tuple2(i.prefix.prefixBits, dict));
+		}
+	});
+var $elm_community$intdict$IntDict$insert = F3(
+	function (key, value, dict) {
+		return A3(
+			$elm_community$intdict$IntDict$update,
+			key,
+			$elm$core$Basics$always(
+				$elm$core$Maybe$Just(value)),
+			dict);
+	});
+var $elm$core$Basics$round = _Basics_round;
+var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) {
+	var toString = _v0.toString;
+	var arrangement = _v0.arrangement;
+	var fun = F2(
+		function (_v1, model) {
+			var pos = _v1.a;
+			var label = _v1.b;
+			return _Utils_update(
+				model,
+				{
+					positions: A3(
+						$elm_community$intdict$IntDict$insert,
+						pos,
+						model.toString(label),
+						model.positions)
+				});
+		});
+	return A2(
+		$elm$core$Task$map,
+		F2(
+			function (list, m) {
+				return A3($elm$core$List$foldl, fun, m, list);
+			}),
+		$elm$core$Task$sequence(
+			A2(
+				$elm$core$List$map,
+				function (label) {
+					return A2(
+						$elm$core$Task$map,
+						function (x) {
+							return _Utils_Tuple2(
+								$elm$core$Basics$round(x.element.y),
+								label);
+						},
+						$elm$browser$Browser$Dom$getElement(
+							toString(label)));
+				},
+				arrangement)));
+};
+var $author$project$Widget$ScrollingNav$init = function (_v0) {
+	var toString = _v0.toString;
+	var fromString = _v0.fromString;
+	var arrangement = _v0.arrangement;
+	var toMsg = _v0.toMsg;
+	return function (a) {
+		return _Utils_Tuple2(
+			a,
+			A2(
+				$elm$core$Task$attempt,
+				toMsg,
+				$author$project$Widget$ScrollingNav$syncPositions(a)));
+	}(
+		{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
+};
+var $author$project$Main$initialModel = function (_v0) {
+	var viewport = _v0.viewport;
+	var _v1 = $author$project$Stateless$init;
+	var stateless = _v1.a;
+	var statelessCmd = _v1.b;
+	var _v2 = $author$project$Widget$ScrollingNav$init(
+		{
+			arrangement: $author$project$Data$Example$asList,
+			fromString: $author$project$Data$Example$fromString,
+			toMsg: function (result) {
+				if (result.$ === 'Ok') {
+					var fun = result.a;
+					return $author$project$Main$UpdateScrollingNav(fun);
+				} else {
+					return $author$project$Main$Idle;
+				}
+			},
+			toString: $author$project$Data$Example$toString
+		});
+	var scrollingNav = _v2.a;
+	var cmd = _v2.b;
+	return _Utils_Tuple2(
+		{
+			active: $elm$core$Maybe$Nothing,
+			displayDialog: false,
+			expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString),
+			scrollingNav: scrollingNav,
+			search: {current: '', raw: '', remaining: 0},
+			snackbar: $author$project$Widget$Snackbar$init,
+			stateless: stateless,
+			theme: $author$project$Data$Theme$Material,
+			window: {
+				height: $elm$core$Basics$round(viewport.height),
+				width: $elm$core$Basics$round(viewport.width)
+			}
+		},
+		$elm$core$Platform$Cmd$batch(
+			_List_fromArray(
+				[
+					cmd,
+					A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
+				])));
+};
+var $elm$core$Tuple$mapBoth = F3(
+	function (funcA, funcB, _v0) {
+		var x = _v0.a;
+		var y = _v0.b;
+		return _Utils_Tuple2(
+			funcA(x),
+			funcB(y));
+	});
+var $author$project$Main$AddSnackbar = function (a) {
+	return {$: 'AddSnackbar', a: a};
+};
+var $author$project$Widget$ScrollingNav$getPos = A2(
+	$elm$core$Task$map,
+	F2(
+		function (_int, model) {
+			return _Utils_update(
+				model,
+				{
+					scrollPos: $elm$core$Basics$round(_int.viewport.y)
+				});
+		}),
+	$elm$browser$Browser$Dom$getViewport);
+var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport;
+var $author$project$Widget$ScrollingNav$jumpTo = F2(
+	function (_v0, _v1) {
+		var section = _v0.section;
+		var onChange = _v0.onChange;
+		var toString = _v1.toString;
+		return A2(
+			$elm$core$Task$attempt,
+			onChange,
+			A2(
+				$elm$core$Task$andThen,
+				function (_v2) {
+					var element = _v2.element;
+					return A2($elm$browser$Browser$Dom$setViewport, 0, element.y);
+				},
+				$elm$browser$Browser$Dom$getElement(
+					toString(section))));
+	});
+var $elm$browser$Browser$Navigation$load = _Browser_load;
+var $turboMaCk$any_dict$Dict$Any$insert = F3(
+	function (k, v, _v0) {
+		var inner = _v0.a;
+		return $turboMaCk$any_dict$Dict$Any$AnyDict(
+			_Utils_update(
+				inner,
+				{
+					dict: A3(
+						$elm$core$Dict$insert,
+						inner.toKey(k),
+						_Utils_Tuple2(k, v),
+						inner.dict)
+				}));
+	});
+var $turboMaCk$any_set$Set$Any$insert = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return $turboMaCk$any_set$Set$Any$AnySet(
+			A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict));
+	});
+var $turboMaCk$any_dict$Dict$Any$member = F2(
+	function (k, _v0) {
+		var dict = _v0.a.dict;
+		var toKey = _v0.a.toKey;
+		return A2(
+			$elm$core$Dict$member,
+			toKey(k),
+			dict);
+	});
+var $turboMaCk$any_set$Set$Any$member = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return A2($turboMaCk$any_dict$Dict$Any$member, a, dict);
+	});
+var $turboMaCk$any_dict$Dict$Any$remove = F2(
+	function (k, _v0) {
+		var inner = _v0.a;
+		return $turboMaCk$any_dict$Dict$Any$AnyDict(
+			_Utils_update(
+				inner,
+				{
+					dict: A2(
+						$elm$core$Dict$remove,
+						inner.toKey(k),
+						inner.dict)
+				}));
+	});
+var $turboMaCk$any_set$Set$Any$remove = F2(
+	function (a, _v0) {
+		var dict = _v0.a;
+		return $turboMaCk$any_set$Set$Any$AnySet(
+			A2($turboMaCk$any_dict$Dict$Any$remove, a, dict));
+	});
+var $turboMaCk$any_set$Set$Any$toggle = F2(
+	function (a, set) {
+		return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set);
+	});
 var $author$project$Data$Example$updateField = F3(
 	function (getter, msg, model) {
 		var _v0 = getter($author$project$Data$Example$upgradeRecord);
@@ -7518,7 +7821,7 @@ var $author$project$Data$Example$update = F2(
 							return $.progressIndicator;
 						},
 						m);
-				default:
+				case 'Icon':
 					var m = msg.a;
 					return A2(
 						$author$project$Data$Example$updateField,
@@ -7526,6 +7829,38 @@ var $author$project$Data$Example$update = F2(
 							return $.icon;
 						},
 						m);
+				case 'Sheet':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.sheet;
+						},
+						m);
+				case 'AppBar':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.appBar;
+						},
+						m);
+				case 'Layout':
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.layout;
+						},
+						m);
+				default:
+					var m = msg.a;
+					return A2(
+						$author$project$Data$Example$updateField,
+						function ($) {
+							return $.snackbar;
+						},
+						m);
 			}
 		}()(model);
 	});
@@ -7575,24 +7910,44 @@ var $author$project$Main$updateLoaded = F2(
 					_Utils_update(
 						model,
 						{
-							layout: A2($author$project$Widget$Layout$timePassed, _int, model.layout),
 							search: (search.remaining > 0) ? ((_Utils_cmp(search.remaining, _int) < 1) ? _Utils_update(
 								search,
 								{current: search.raw, remaining: 0}) : _Utils_update(
 								search,
-								{remaining: search.remaining - _int})) : model.search
+								{remaining: search.remaining - _int})) : model.search,
+							snackbar: function () {
+								var _v1 = model.active;
+								_v1$2:
+								while (true) {
+									if (_v1.$ === 'Just') {
+										switch (_v1.a.$) {
+											case 'LeftSheet':
+												var _v2 = _v1.a;
+												return model.snackbar;
+											case 'RightSheet':
+												var _v3 = _v1.a;
+												return model.snackbar;
+											default:
+												break _v1$2;
+										}
+									} else {
+										break _v1$2;
+									}
+								}
+								return A2($author$project$Widget$Snackbar$timePassed, _int, model.snackbar);
+							}()
 						}),
 					A2($elm$core$Task$perform, $author$project$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos));
 			case 'AddSnackbar':
-				var _v1 = msg.a;
-				var string = _v1.a;
-				var bool = _v1.b;
+				var _v4 = msg.a;
+				var string = _v4.a;
+				var bool = _v4.b;
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
 						{
-							layout: A2(
-								$author$project$Widget$Layout$queueMessage,
+							snackbar: A2(
+								$author$project$Widget$Snackbar$insert,
 								{
 									button: bool ? $elm$core$Maybe$Just(
 										{
@@ -7603,16 +7958,9 @@ var $author$project$Main$updateLoaded = F2(
 										}) : $elm$core$Maybe$Nothing,
 									text: string
 								},
-								model.layout)
+								model.snackbar)
 						}),
 					$elm$core$Platform$Cmd$none);
-			case 'ToggleDialog':
-				var bool = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{displayDialog: bool}),
-					$elm$core$Platform$Cmd$none);
 			case 'Resized':
 				var window = msg.a;
 				return _Utils_Tuple2(
@@ -7625,9 +7973,7 @@ var $author$project$Main$updateLoaded = F2(
 				return _Utils_Tuple2(
 					_Utils_update(
 						model,
-						{
-							layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout)
-						}),
+						{active: sidebar}),
 					$elm$core$Platform$Cmd$none);
 			case 'Load':
 				var string = msg.a;
@@ -7710,86 +8056,36 @@ var $author$project$Main$update = F2(
 		}
 		return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
 	});
-var $author$project$Main$ChangedSearch = function (a) {
-	return {$: 'ChangedSearch', a: a};
+var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputLabel: 'lbl', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'};
+var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) {
+	return {$: 'Attr', a: a};
 };
-var $author$project$Main$ChangedSidebar = function (a) {
-	return {$: 'ChangedSidebar', a: a};
-};
-var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
-var $author$project$Main$JumpTo = function (a) {
-	return {$: 'JumpTo', a: a};
-};
-var $author$project$Main$Load = function (a) {
-	return {$: 'Load', a: a};
-};
-var $author$project$Main$SetTheme = function (a) {
-	return {$: 'SetTheme', a: a};
-};
-var $author$project$Main$ToggleDialog = function (a) {
-	return {$: 'ToggleDialog', a: a};
-};
-var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
-var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
-	return {$: 'Icon', a: a};
-};
-var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
-	return {
-		_class: $elm$core$Maybe$Just('feather feather-' + name),
-		size: 24,
-		sizeUnit: '',
-		strokeWidth: 2,
-		viewBox: '0 0 24 24'
-	};
-};
-var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
-	function (name, src) {
-		return $feathericons$elm_feather$FeatherIcons$Icon(
-			{
-				attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
-				src: src
-			});
+var $elm$json$Json$Encode$string = _Json_wrap;
+var $elm$html$Html$Attributes$stringProperty = F2(
+	function (key, string) {
+		return A2(
+			_VirtualDom_property,
+			key,
+			$elm$json$Json$Encode$string(string));
 	});
-var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
-var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path');
-var $feathericons$elm_feather$FeatherIcons$book = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'book',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M4 19.5A2.5 2.5 0 0 1 6.5 17H20')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
-	return {$: 'AlignX', a: a};
+var $elm$html$Html$Attributes$class = $elm$html$Html$Attributes$stringProperty('className');
+var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) {
+	return $mdgriffith$elm_ui$Internal$Model$Attr(
+		$elm$html$Html$Attributes$class(cls));
 };
-var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
-var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
-var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
-var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
-var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
-	return {$: 'AlignY', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'};
-var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY);
+var $mdgriffith$elm_ui$Internal$Model$OnlyDynamic = F2(
+	function (a, b) {
+		return {$: 'OnlyDynamic', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic = F2(
+	function (a, b) {
+		return {$: 'StaticRootAndDynamic', a: a, b: b};
+	});
 var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) {
 	return {$: 'Unkeyed', a: a};
 };
-var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'};
-var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn;
-var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputLabel: 'lbl', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'};
+var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'};
+var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl;
 var $mdgriffith$elm_ui$Internal$Model$Generic = {$: 'Generic'};
 var $mdgriffith$elm_ui$Internal$Model$div = $mdgriffith$elm_ui$Internal$Model$Generic;
 var $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren = {$: 'NoNearbyChildren'};
@@ -7889,8 +8185,6 @@ var $mdgriffith$elm_ui$Internal$Model$addKeyedChildren = F3(
 							inFront)));
 		}
 	});
-var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'};
-var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl;
 var $mdgriffith$elm_ui$Internal$Model$AsParagraph = {$: 'AsParagraph'};
 var $mdgriffith$elm_ui$Internal$Model$asParagraph = $mdgriffith$elm_ui$Internal$Model$AsParagraph;
 var $mdgriffith$elm_ui$Internal$Flag$Flag = function (a) {
@@ -7907,15 +8201,6 @@ var $mdgriffith$elm_ui$Internal$Flag$alignBottom = $mdgriffith$elm_ui$Internal$F
 var $mdgriffith$elm_ui$Internal$Flag$alignRight = $mdgriffith$elm_ui$Internal$Flag$flag(40);
 var $mdgriffith$elm_ui$Internal$Flag$centerX = $mdgriffith$elm_ui$Internal$Flag$flag(42);
 var $mdgriffith$elm_ui$Internal$Flag$centerY = $mdgriffith$elm_ui$Internal$Flag$flag(43);
-var $elm$json$Json$Encode$string = _Json_wrap;
-var $elm$html$Html$Attributes$stringProperty = F2(
-	function (key, string) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$string(string));
-	});
-var $elm$html$Html$Attributes$class = $elm$html$Html$Attributes$stringProperty('className');
 var $elm$html$Html$div = _VirtualDom_node('div');
 var $mdgriffith$elm_ui$Internal$Model$lengthClassName = function (x) {
 	switch (x.$) {
@@ -8601,13 +8886,32 @@ var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
 			[
 				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'block'),
 				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				'img',
+				$mdgriffith$elm_ui$Internal$Style$Descriptor,
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
 				_List_fromArray(
 					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-height', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-width', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+						A2(
+						$mdgriffith$elm_ui$Internal$Style$Child,
+						'img',
+						_List_fromArray(
+							[
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-height', '100%'),
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+							]))
+					])),
+				A2(
+				$mdgriffith$elm_ui$Internal$Style$Descriptor,
+				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
+				_List_fromArray(
+					[
+						A2(
+						$mdgriffith$elm_ui$Internal$Style$Child,
+						'img',
+						_List_fromArray(
+							[
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-width', '100%'),
+								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
+							]))
 					]))
 			])),
 		A2(
@@ -13153,814 +13457,12 @@ var $mdgriffith$elm_ui$Internal$Model$element = F4(
 				$mdgriffith$elm_ui$Internal$Model$NoNearbyChildren,
 				$elm$core$List$reverse(attributes)));
 	});
-var $mdgriffith$elm_ui$Internal$Model$Height = function (a) {
-	return {$: 'Height', a: a};
-};
-var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height;
-var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) {
-	return {$: 'Attr', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) {
-	return $mdgriffith$elm_ui$Internal$Model$Attr(
-		$elm$html$Html$Attributes$class(cls));
-};
-var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'};
-var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content;
-var $mdgriffith$elm_ui$Internal$Model$Width = function (a) {
-	return {$: 'Width', a: a};
-};
-var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width;
-var $mdgriffith$elm_ui$Element$column = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asColumn,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Element$el = F2(
-	function (attrs, child) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					attrs)),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[child])));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Class = F2(
-	function (a, b) {
-		return {$: 'Class', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
-var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
-var $mdgriffith$elm_ui$Internal$Model$Colored = F3(
-	function (a, b, c) {
-		return {$: 'Colored', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2(
-	function (a, b) {
-		return {$: 'StyleClass', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8);
-var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) {
-	var red = _v0.a;
-	var green = _v0.b;
-	var blue = _v0.c;
-	var alpha = _v0.d;
-	return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha))))));
-};
-var $mdgriffith$elm_ui$Element$Background$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$bgColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'background-color',
-			clr));
-};
-var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) {
-	return {$: 'Fill', a: a};
-};
-var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1);
-var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
-var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
-	function (a, b) {
-		return {$: 'Nearby', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
-var $mdgriffith$elm_ui$Element$createNearby = F2(
-	function (loc, element) {
-		if (element.$ === 'Empty') {
-			return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-		} else {
-			return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
-		}
-	});
-var $mdgriffith$elm_ui$Element$inFront = function (element) {
-	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
-};
-var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
-var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
-var $elm$virtual_dom$VirtualDom$Normal = function (a) {
-	return {$: 'Normal', a: a};
-};
-var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
-var $elm$html$Html$Events$on = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$Normal(decoder));
-	});
-var $elm$html$Html$Events$onClick = function (msg) {
-	return A2(
-		$elm$html$Html$Events$on,
-		'click',
-		$elm$json$Json$Decode$succeed(msg));
-};
-var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
+var $mdgriffith$elm_ui$Internal$Model$AllowHover = {$: 'AllowHover'};
+var $mdgriffith$elm_ui$Internal$Model$Layout = {$: 'Layout'};
 var $mdgriffith$elm_ui$Internal$Model$Rgba = F4(
 	function (a, b, c, d) {
 		return {$: 'Rgba', a: a, b: b, c: c, d: d};
 	});
-var $mdgriffith$elm_ui$Element$rgba255 = F4(
-	function (red, green, blue, a) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
-	});
-var $elm$core$List$singleton = function (value) {
-	return _List_fromArray(
-		[value]);
-};
-var $author$project$Internal$Dialog$modal = function (_v0) {
-	var onDismiss = _v0.onDismiss;
-	var content = _v0.content;
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$inFront(
-			A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$Background$color(
-							A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
-						]),
-					A2(
-						$elm$core$Maybe$withDefault,
-						_List_Nil,
-						A2(
-							$elm$core$Maybe$map,
-							A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
-							onDismiss))),
-				$mdgriffith$elm_ui$Element$none)),
-			$mdgriffith$elm_ui$Element$inFront(content),
-			$mdgriffith$elm_ui$Element$clip
-		]);
-};
-var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) {
-	return {$: 'Describe', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
-var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
-	function (a, b, c) {
-		return {$: 'SpacingStyle', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
-var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
-	function (x, y) {
-		return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
-	});
-var $mdgriffith$elm_ui$Element$spacing = function (x) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$spacing,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$SpacingStyle,
-			A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
-			x,
-			x));
-};
-var $mdgriffith$elm_ui$Element$paragraph = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asParagraph,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$spacing(5),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
-var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
-var $mdgriffith$elm_ui$Element$row = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asRow,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Text = function (a) {
-	return {$: 'Text', a: a};
-};
-var $mdgriffith$elm_ui$Element$text = function (content) {
-	return $mdgriffith$elm_ui$Internal$Model$Text(content);
-};
-var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'};
-var $elm$json$Json$Encode$bool = _Json_wrap;
-var $elm$html$Html$Attributes$boolProperty = F2(
-	function (key, bool) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$bool(bool));
-	});
-var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled');
-var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) {
-	if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) {
-		var _v1 = attr.b;
-		var _v2 = _v1.a;
-		return true;
-	} else {
-		return false;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) {
-	return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable');
-};
-var $mdgriffith$elm_ui$Element$Input$enter = 'Enter';
-var $elm$json$Json$Decode$andThen = _Json_andThen;
-var $elm$json$Json$Decode$fail = _Json_fail;
-var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
-	return {$: 'MayPreventDefault', a: a};
-};
-var $elm$html$Html$Events$preventDefaultOn = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
-	});
-var $elm$json$Json$Decode$string = _Json_decodeString;
-var $mdgriffith$elm_ui$Element$Input$onKey = F2(
-	function (desiredCode, msg) {
-		var decode = function (code) {
-			return _Utils_eq(code, desiredCode) ? $elm$json$Json$Decode$succeed(msg) : $elm$json$Json$Decode$fail('Not the enter key');
-		};
-		var isKey = A2(
-			$elm$json$Json$Decode$andThen,
-			decode,
-			A2($elm$json$Json$Decode$field, 'key', $elm$json$Json$Decode$string));
-		return $mdgriffith$elm_ui$Internal$Model$Attr(
-			A2(
-				$elm$html$Html$Events$preventDefaultOn,
-				'keyup',
-				A2(
-					$elm$json$Json$Decode$map,
-					function (fired) {
-						return _Utils_Tuple2(fired, true);
-					},
-					isKey)));
-	});
-var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) {
-	return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg);
-};
-var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21);
-var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer);
-var $elm$html$Html$Attributes$tabindex = function (n) {
-	return A2(
-		_VirtualDom_attribute,
-		'tabIndex',
-		$elm$core$String$fromInt(n));
-};
-var $mdgriffith$elm_ui$Element$Input$button = F2(
-	function (attrs, _v0) {
-		var onPress = _v0.onPress;
-		var label = _v0.label;
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.seButton + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.noTextSelection)))))),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Element$pointer,
-							A2(
-								$elm$core$List$cons,
-								$mdgriffith$elm_ui$Element$Input$focusDefault(attrs),
-								A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Button),
-									A2(
-										$elm$core$List$cons,
-										$mdgriffith$elm_ui$Internal$Model$Attr(
-											$elm$html$Html$Attributes$tabindex(0)),
-										function () {
-											if (onPress.$ === 'Nothing') {
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Internal$Model$Attr(
-														$elm$html$Html$Attributes$disabled(true)),
-													attrs);
-											} else {
-												var msg = onPress.a;
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Element$Events$onClick(msg),
-													A2(
-														$elm$core$List$cons,
-														$mdgriffith$elm_ui$Element$Input$onEnter(msg),
-														attrs));
-											}
-										}()))))))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[label])));
-	});
-var $author$project$Internal$Button$button = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							icon(
-							_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(text))
-						])),
-				onPress: onPress
-			});
-	});
-var $author$project$Internal$Button$textButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		return A2(
-			$author$project$Internal$Button$button,
-			style,
-			{
-				icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-				onPress: onPress,
-				text: text
-			});
-	});
-var $author$project$Internal$Dialog$dialog = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var text = _v0.text;
-		var accept = _v0.accept;
-		var dismiss = _v0.dismiss;
-		return $author$project$Internal$Dialog$modal(
-			{
-				content: A2(
-					$mdgriffith$elm_ui$Element$column,
-					_Utils_ap(
-						_List_fromArray(
-							[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
-						style.elementColumn),
-					_List_fromArray(
-						[
-							A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$mdgriffith$elm_ui$Element$text,
-									$mdgriffith$elm_ui$Element$el(style.content.title.contentText)),
-								title)),
-							A2(
-							$mdgriffith$elm_ui$Element$paragraph,
-							style.content.text.contentText,
-							$elm$core$List$singleton(
-								$mdgriffith$elm_ui$Element$text(text))),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_Utils_ap(
-								_List_fromArray(
-									[
-										$mdgriffith$elm_ui$Element$alignRight,
-										$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-									]),
-								style.content.buttons.elementRow),
-							function () {
-								var _v1 = _Utils_Tuple2(accept, dismiss);
-								if (_v1.a.$ === 'Just') {
-									if (_v1.b.$ === 'Nothing') {
-										var acceptButton = _v1.a.a;
-										var _v2 = _v1.b;
-										return $elm$core$List$singleton(
-											A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton));
-									} else {
-										var acceptButton = _v1.a.a;
-										var dismissButton = _v1.b.a;
-										return _List_fromArray(
-											[
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.dismiss, dismissButton),
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton)
-											]);
-									}
-								} else {
-									return _List_Nil;
-								}
-							}())
-						])),
-				onDismiss: function () {
-					var _v3 = _Utils_Tuple2(accept, dismiss);
-					if (_v3.a.$ === 'Nothing') {
-						if (_v3.b.$ === 'Nothing') {
-							var _v4 = _v3.a;
-							var _v5 = _v3.b;
-							return $elm$core$Maybe$Nothing;
-						} else {
-							var _v6 = _v3.a;
-							var onPress = _v3.b.a.onPress;
-							return onPress;
-						}
-					} else {
-						return $elm$core$Maybe$Nothing;
-					}
-				}()
-			});
-	});
-var $author$project$Widget$dialog = function () {
-	var fun = $author$project$Internal$Dialog$dialog;
-	return fun;
-}();
-var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
-var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
-var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
-var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
-var $avh4$elm_color$Color$toCssString = function (_v0) {
-	var r = _v0.a;
-	var g = _v0.b;
-	var b = _v0.c;
-	var a = _v0.d;
-	var roundTo = function (x) {
-		return $elm$core$Basics$round(x * 1000) / 1000;
-	};
-	var pct = function (x) {
-		return $elm$core$Basics$round(x * 10000) / 100;
-	};
-	return $elm$core$String$concat(
-		_List_fromArray(
-			[
-				'rgba(',
-				$elm$core$String$fromFloat(
-				pct(r)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(g)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(b)),
-				'%,',
-				$elm$core$String$fromFloat(
-				roundTo(a)),
-				')'
-			]));
-};
-var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
-var $author$project$Widget$Icon$elmFeather = F2(
-	function (fun, icon) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						_List_fromArray(
-							[
-								$elm$svg$Svg$Attributes$width(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$height(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$stroke(
-								$avh4$elm_color$Color$toCssString(color))
-							]),
-						icon)));
-		};
-	});
-var $elm$core$Array$fromListHelp = F3(
-	function (list, nodeList, nodeListSize) {
-		fromListHelp:
-		while (true) {
-			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list);
-			var jsArray = _v0.a;
-			var remainingItems = _v0.b;
-			if (_Utils_cmp(
-				$elm$core$Elm$JsArray$length(jsArray),
-				$elm$core$Array$branchFactor) < 0) {
-				return A2(
-					$elm$core$Array$builderToArray,
-					true,
-					{nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray});
-			} else {
-				var $temp$list = remainingItems,
-					$temp$nodeList = A2(
-					$elm$core$List$cons,
-					$elm$core$Array$Leaf(jsArray),
-					nodeList),
-					$temp$nodeListSize = nodeListSize + 1;
-				list = $temp$list;
-				nodeList = $temp$nodeList;
-				nodeListSize = $temp$nodeListSize;
-				continue fromListHelp;
-			}
-		}
-	});
-var $elm$core$Array$fromList = function (list) {
-	if (!list.b) {
-		return $elm$core$Array$empty;
-	} else {
-		return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0);
-	}
-};
-var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep);
-var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet;
-var $elm$core$Array$getHelp = F3(
-	function (shift, index, tree) {
-		getHelp:
-		while (true) {
-			var pos = $elm$core$Array$bitMask & (index >>> shift);
-			var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree);
-			if (_v0.$ === 'SubTree') {
-				var subTree = _v0.a;
-				var $temp$shift = shift - $elm$core$Array$shiftStep,
-					$temp$index = index,
-					$temp$tree = subTree;
-				shift = $temp$shift;
-				index = $temp$index;
-				tree = $temp$tree;
-				continue getHelp;
-			} else {
-				var values = _v0.a;
-				return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values);
-			}
-		}
-	});
-var $elm$core$Array$tailIndex = function (len) {
-	return (len >>> 5) << 5;
-};
-var $elm$core$Array$get = F2(
-	function (index, _v0) {
-		var len = _v0.a;
-		var startShift = _v0.b;
-		var tree = _v0.c;
-		var tail = _v0.d;
-		return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp(
-			index,
-			$elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just(
-			A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just(
-			A3($elm$core$Array$getHelp, startShift, index, tree)));
-	});
-var $feathericons$elm_feather$FeatherIcons$github = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'github',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$Left = {$: 'Left'};
-var $mdgriffith$elm_ui$Element$alignLeft = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Left);
-var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
-var $mdgriffith$elm_ui$Element$Font$bold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.bold);
-var $elm$core$Basics$clamp = F3(
-	function (low, high, number) {
-		return (_Utils_cmp(number, low) < 0) ? low : ((_Utils_cmp(number, high) > 0) ? high : number);
-	});
-var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) {
-	return {$: 'Heading', a: a};
-};
-var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading);
-var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5(
-	function (a, b, c, d, e) {
-		return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2);
-var $mdgriffith$elm_ui$Internal$Model$paddingName = F4(
-	function (top, right, bottom, left) {
-		return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left)))))));
-	});
-var $mdgriffith$elm_ui$Element$paddingEach = function (_v0) {
-	var top = _v0.top;
-	var right = _v0.right;
-	var bottom = _v0.bottom;
-	var left = _v0.left;
-	if (_Utils_eq(top, right) && (_Utils_eq(top, bottom) && _Utils_eq(top, left))) {
-		var topFloat = top;
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				'p-' + $elm$core$String$fromInt(top),
-				topFloat,
-				topFloat,
-				topFloat,
-				topFloat));
-	} else {
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				A4($mdgriffith$elm_ui$Internal$Model$paddingName, top, right, bottom, left),
-				top,
-				right,
-				bottom,
-				left));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$FontSize = function (a) {
-	return {$: 'FontSize', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$fontSize = $mdgriffith$elm_ui$Internal$Flag$flag(4);
-var $mdgriffith$elm_ui$Element$Font$size = function (i) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontSize,
-		$mdgriffith$elm_ui$Internal$Model$FontSize(i));
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) {
-	var level = A3($elm$core$Basics$clamp, 1, 6, inputLevel);
-	var size = (level === 6) ? 14 : (32 - ((level - 1) * 4));
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Region$heading(level),
-			$mdgriffith$elm_ui$Element$Font$size(size),
-			$mdgriffith$elm_ui$Element$paddingEach(
-			{bottom: 2, left: 0, right: 0, top: 2}),
-			$mdgriffith$elm_ui$Element$alignLeft,
-			$mdgriffith$elm_ui$Element$Font$bold
-		]);
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h1 = $Orasund$elm_ui_framework$Framework$Heading$h(1);
-var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
-var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
-var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
-var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
-var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
-var $feathericons$elm_feather$FeatherIcons$penTool = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'pen-tool',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$circle,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$cx('11'),
-					$elm$svg$Svg$Attributes$cy('11'),
-					$elm$svg$Svg$Attributes$r('2')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
-	function (a, b) {
-		return {$: 'Placeholder', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
-var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute;
-var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14);
-var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor),
-			'color',
-			fontColor));
-};
-var $mdgriffith$elm_ui$Element$rgb255 = F3(
-	function (red, green, blue) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1);
-	});
-var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
-var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
-var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'border-color',
-			clr));
-};
-var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
-var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
-		$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
-	]);
-var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
-	_List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Font$size(16),
-			$mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey)
-		]),
-	$Orasund$elm_ui_framework$Framework$Color$light);
-var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) {
-	return {$: 'FocusStyleOption', a: a};
-};
-var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption;
-var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178);
-var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton(
-	$mdgriffith$elm_ui$Element$focusStyle(
-		{
-			backgroundColor: $elm$core$Maybe$Nothing,
-			borderColor: $elm$core$Maybe$Just($Orasund$elm_ui_framework$Framework$Color$turquoise),
-			shadow: $elm$core$Maybe$Just(
-				{
-					blur: 10,
-					color: $Orasund$elm_ui_framework$Framework$Color$turquoise,
-					offset: _Utils_Tuple2(0, 0),
-					size: 1
-				})
-		}));
-var $mdgriffith$elm_ui$Internal$Model$OnlyDynamic = F2(
-	function (a, b) {
-		return {$: 'OnlyDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic = F2(
-	function (a, b) {
-		return {$: 'StaticRootAndDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$AllowHover = {$: 'AllowHover'};
-var $mdgriffith$elm_ui$Internal$Model$Layout = {$: 'Layout'};
 var $mdgriffith$elm_ui$Internal$Model$focusDefaultStyle = {
 	backgroundColor: $elm$core$Maybe$Nothing,
 	borderColor: $elm$core$Maybe$Nothing,
@@ -14095,15 +13597,36 @@ var $mdgriffith$elm_ui$Internal$Model$renderRoot = F3(
 					_List_fromArray(
 						[child]))));
 	});
+var $mdgriffith$elm_ui$Internal$Model$Colored = F3(
+	function (a, b, c) {
+		return {$: 'Colored', a: a, b: b, c: c};
+	});
 var $mdgriffith$elm_ui$Internal$Model$FontFamily = F2(
 	function (a, b) {
 		return {$: 'FontFamily', a: a, b: b};
 	});
+var $mdgriffith$elm_ui$Internal$Model$FontSize = function (a) {
+	return {$: 'FontSize', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$SansSerif = {$: 'SansSerif'};
+var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2(
+	function (a, b) {
+		return {$: 'StyleClass', a: a, b: b};
+	});
 var $mdgriffith$elm_ui$Internal$Model$Typeface = function (a) {
 	return {$: 'Typeface', a: a};
 };
+var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8);
+var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14);
 var $mdgriffith$elm_ui$Internal$Flag$fontFamily = $mdgriffith$elm_ui$Internal$Flag$flag(5);
+var $mdgriffith$elm_ui$Internal$Flag$fontSize = $mdgriffith$elm_ui$Internal$Flag$flag(4);
+var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) {
+	var red = _v0.a;
+	var green = _v0.b;
+	var blue = _v0.c;
+	var alpha = _v0.d;
+	return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha))))));
+};
 var $elm$core$String$toLower = _String_toLower;
 var $elm$core$String$words = _String_words;
 var $mdgriffith$elm_ui$Internal$Model$renderFontClassName = F2(
@@ -14201,6 +13724,86 @@ var $mdgriffith$elm_ui$Element$layoutWith = F3(
 				_Utils_ap($mdgriffith$elm_ui$Internal$Model$rootStyle, attrs)),
 			child);
 	});
+var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
+	{options: _List_Nil});
+var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
+var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
+var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
+var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
+var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute;
+var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor),
+			'color',
+			fontColor));
+};
+var $mdgriffith$elm_ui$Element$rgb255 = F3(
+	function (red, green, blue) {
+		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1);
+	});
+var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
+var $mdgriffith$elm_ui$Element$Background$color = function (clr) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$bgColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
+			'background-color',
+			clr));
+};
+var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
+var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$borderColor,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$Colored,
+			'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
+			'border-color',
+			clr));
+};
+var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
+var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
+		$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
+	]);
+var $mdgriffith$elm_ui$Element$Font$size = function (i) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontSize,
+		$mdgriffith$elm_ui$Internal$Model$FontSize(i));
+};
+var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
+	_List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$Font$size(16),
+			$mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey)
+		]),
+	$Orasund$elm_ui_framework$Framework$Color$light);
+var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) {
+	return {$: 'FocusStyleOption', a: a};
+};
+var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption;
+var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178);
+var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton(
+	$mdgriffith$elm_ui$Element$focusStyle(
+		{
+			backgroundColor: $elm$core$Maybe$Nothing,
+			borderColor: $elm$core$Maybe$Just($Orasund$elm_ui_framework$Framework$Color$turquoise),
+			shadow: $elm$core$Maybe$Just(
+				{
+					blur: 10,
+					color: $Orasund$elm_ui_framework$Framework$Color$turquoise,
+					offset: _Utils_Tuple2(0, 0),
+					size: 1
+				})
+		}));
 var $Orasund$elm_ui_framework$Framework$layout = function (attributes) {
 	return A2(
 		$mdgriffith$elm_ui$Element$layoutWith,
@@ -14227,236 +13830,6 @@ var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2(
 					A2($Orasund$elm_ui_framework$Framework$layout, attributes, view)
 				]));
 	});
-var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class');
-var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
-var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
-var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin');
-var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
-var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
-var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
-var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
-	function (attributes, _v0) {
-		var src = _v0.a.src;
-		var attrs = _v0.a.attrs;
-		var strSize = $elm$core$String$fromFloat(attrs.size);
-		var baseAttributes = _List_fromArray(
-			[
-				$elm$svg$Svg$Attributes$fill('none'),
-				$elm$svg$Svg$Attributes$height(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$width(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$stroke('currentColor'),
-				$elm$svg$Svg$Attributes$strokeLinecap('round'),
-				$elm$svg$Svg$Attributes$strokeLinejoin('round'),
-				$elm$svg$Svg$Attributes$strokeWidth(
-				$elm$core$String$fromFloat(attrs.strokeWidth)),
-				$elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
-			]);
-		var combinedAttributes = _Utils_ap(
-			function () {
-				var _v1 = attrs._class;
-				if (_v1.$ === 'Just') {
-					var c = _v1.a;
-					return A2(
-						$elm$core$List$cons,
-						$elm$svg$Svg$Attributes$class(c),
-						baseAttributes);
-				} else {
-					return baseAttributes;
-				}
-			}(),
-			attributes);
-		return A2(
-			$elm$svg$Svg$svg,
-			combinedAttributes,
-			A2(
-				$elm$core$List$map,
-				$elm$svg$Svg$map($elm$core$Basics$never),
-				src));
-	});
-var $elm_community$intdict$IntDict$findMin = function (dict) {
-	findMin:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.left;
-				dict = $temp$dict;
-				continue findMin;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$after = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMin(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = def,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = i.right,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $elm$core$Maybe$andThen = F2(
-	function (callback, maybeValue) {
-		if (maybeValue.$ === 'Just') {
-			var value = maybeValue.a;
-			return callback(value);
-		} else {
-			return $elm$core$Maybe$Nothing;
-		}
-	});
-var $elm_community$intdict$IntDict$findMax = function (dict) {
-	findMax:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.right;
-				dict = $temp$dict;
-				continue findMax;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$before = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMax(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = i.left,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = def,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $author$project$Widget$ScrollingNav$current = F2(
-	function (fromString, _v0) {
-		var positions = _v0.positions;
-		var scrollPos = _v0.scrollPos;
-		return A2(
-			$elm$core$Maybe$andThen,
-			fromString,
-			A2(
-				$elm$core$Maybe$map,
-				$elm$core$Tuple$second,
-				A2(
-					$elm$core$Maybe$withDefault,
-					A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions),
-					A2(
-						$elm$core$Maybe$map,
-						$elm$core$Maybe$Just,
-						A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions)))));
-	});
-var $elm$core$List$head = function (list) {
-	if (list.b) {
-		var x = list.a;
-		var xs = list.b;
-		return $elm$core$Maybe$Just(x);
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $author$project$Widget$ScrollingNav$toSelect = F2(
-	function (onSelect, model) {
-		var arrangement = model.arrangement;
-		var toString = model.toString;
-		var fromString = model.fromString;
-		return {
-			onSelect: onSelect,
-			options: A2(
-				$elm$core$List$map,
-				function (s) {
-					return {
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						text: toString(s)
-					};
-				},
-				arrangement),
-			selected: $elm$core$List$head(
-				A2(
-					$elm$core$List$filterMap,
-					function (_v0) {
-						var i = _v0.a;
-						var s = _v0.b;
-						return _Utils_eq(
-							$elm$core$Maybe$Just(s),
-							A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing;
-					},
-					A2(
-						$elm$core$List$indexedMap,
-						F2(
-							function (i, s) {
-								return _Utils_Tuple2(i, s);
-							}),
-						arrangement)))
-		};
-	});
 var $avh4$elm_color$Color$RgbaSpace = F4(
 	function (a, b, c, d) {
 		return {$: 'RgbaSpace', a: a, b: b, c: c, d: d};
@@ -14503,8 +13876,16 @@ var $author$project$Internal$Material$Palette$defaultPalette = {
 	surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
 };
 var $author$project$Widget$Material$defaultPalette = $author$project$Internal$Material$Palette$defaultPalette;
+var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
+	return {$: 'AlignY', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$Bottom = {$: 'Bottom'};
 var $mdgriffith$elm_ui$Element$alignBottom = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Bottom);
+var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
+	return {$: 'AlignX', a: a};
+};
+var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
+var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
 var $elm$core$Basics$pow = _Basics_pow;
 var $avh4$elm_color$Color$toRgba = function (_v0) {
 	var r = _v0.a;
@@ -14547,6 +13928,11 @@ var $mdgriffith$elm_ui$Element$Font$letterSpacing = function (offset) {
 			'letter-spacing',
 			$elm$core$String$fromFloat(offset) + 'px'));
 };
+var $mdgriffith$elm_ui$Internal$Model$Class = F2(
+	function (a, b) {
+		return {$: 'Class', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
 var $mdgriffith$elm_ui$Element$Font$semiBold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.textSemiBold);
 var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
 var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
@@ -14558,7 +13944,15 @@ var $author$project$Widget$Material$Typography$button = _List_fromArray(
 		$mdgriffith$elm_ui$Element$Font$semiBold,
 		$mdgriffith$elm_ui$Element$Font$letterSpacing(1.25)
 	]);
+var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
+var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
+var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'};
+var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY);
 var $author$project$Widget$Material$Color$gray = A3($avh4$elm_color$Color$rgb255, 119, 119, 119);
+var $mdgriffith$elm_ui$Internal$Model$Height = function (a) {
+	return {$: 'Height', a: a};
+};
+var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height;
 var $mdgriffith$elm_ui$Internal$Model$Min = F2(
 	function (a, b) {
 		return {$: 'Min', a: a, b: b};
@@ -14567,6 +13961,11 @@ var $mdgriffith$elm_ui$Element$minimum = F2(
 	function (i, l) {
 		return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l);
 	});
+var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5(
+	function (a, b, c, d, e) {
+		return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2);
 var $mdgriffith$elm_ui$Element$paddingXY = F2(
 	function (x, y) {
 		if (_Utils_eq(x, y)) {
@@ -14611,6 +14010,31 @@ var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) {
 			'border-radius',
 			$elm$core$String$fromInt(radius) + 'px'));
 };
+var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'};
+var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content;
+var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
+	function (a, b, c) {
+		return {$: 'SpacingStyle', a: a, b: b, c: c};
+	});
+var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
+var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
+	function (x, y) {
+		return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
+	});
+var $mdgriffith$elm_ui$Element$spacing = function (x) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$spacing,
+		A3(
+			$mdgriffith$elm_ui$Internal$Model$SpacingStyle,
+			A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
+			x,
+			x));
+};
+var $mdgriffith$elm_ui$Internal$Model$Width = function (a) {
+	return {$: 'Width', a: a};
+};
+var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width;
 var $author$project$Internal$Material$Button$baseButton = function (_v0) {
 	return {
 		content: {
@@ -14661,10 +14085,21 @@ var $mdgriffith$elm_ui$Internal$Model$PseudoSelector = F2(
 		return {$: 'PseudoSelector', a: a, b: b};
 	});
 var $mdgriffith$elm_ui$Internal$Flag$focus = $mdgriffith$elm_ui$Internal$Flag$flag(31);
+var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) {
+	return {$: 'Describe', a: a};
+};
+var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
+	function (a, b) {
+		return {$: 'Nearby', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
 var $mdgriffith$elm_ui$Internal$Model$TransformComponent = F2(
 	function (a, b) {
 		return {$: 'TransformComponent', a: a, b: b};
 	});
+var $mdgriffith$elm_ui$Internal$Model$Text = function (a) {
+	return {$: 'Text', a: a};
+};
 var $mdgriffith$elm_ui$Internal$Model$map = F2(
 	function (fn, el) {
 		switch (el.$) {
@@ -14853,6 +14288,10 @@ var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
 			'box-shadow',
 			$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade)));
 };
+var $mdgriffith$elm_ui$Element$rgba255 = F4(
+	function (red, green, blue, a) {
+		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
+	});
 var $author$project$Widget$Material$Color$shadow = function (_float) {
 	return {
 		blur: _float,
@@ -14877,6 +14316,10 @@ var $noahzgordon$elm_color_extra$Color$Convert$labToXyz = function (_v0) {
 		z: c(y - (b / 200)) * 108.883
 	};
 };
+var $elm$core$Basics$clamp = F3(
+	function (low, high, number) {
+		return (_Utils_cmp(number, low) < 0) ? low : ((_Utils_cmp(number, high) > 0) ? high : number);
+	});
 var $avh4$elm_color$Color$rgb = F3(
 	function (r, g, b) {
 		return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0);
@@ -15075,6 +14518,10 @@ var $author$project$Internal$Material$Button$containedButton = function (palette
 			])
 	};
 };
+var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) {
+	return {$: 'Fill', a: a};
+};
+var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1);
 var $author$project$Widget$Material$Typography$h6 = _List_fromArray(
 	[
 		$mdgriffith$elm_ui$Element$Font$size(20),
@@ -15351,6 +14798,40 @@ var $author$project$Internal$Material$List$cardColumn = function (palette) {
 };
 var $author$project$Widget$Material$cardColumn = $author$project$Internal$Material$List$cardColumn;
 var $author$project$Widget$Material$Color$buttonSelectedOpacity = 0.16;
+var $mdgriffith$elm_ui$Internal$Model$paddingName = F4(
+	function (top, right, bottom, left) {
+		return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left)))))));
+	});
+var $mdgriffith$elm_ui$Element$paddingEach = function (_v0) {
+	var top = _v0.top;
+	var right = _v0.right;
+	var bottom = _v0.bottom;
+	var left = _v0.left;
+	if (_Utils_eq(top, right) && (_Utils_eq(top, bottom) && _Utils_eq(top, left))) {
+		var topFloat = top;
+		return A2(
+			$mdgriffith$elm_ui$Internal$Model$StyleClass,
+			$mdgriffith$elm_ui$Internal$Flag$padding,
+			A5(
+				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+				'p-' + $elm$core$String$fromInt(top),
+				topFloat,
+				topFloat,
+				topFloat,
+				topFloat));
+	} else {
+		return A2(
+			$mdgriffith$elm_ui$Internal$Model$StyleClass,
+			$mdgriffith$elm_ui$Internal$Flag$padding,
+			A5(
+				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
+				A4($mdgriffith$elm_ui$Internal$Model$paddingName, top, right, bottom, left),
+				top,
+				right,
+				bottom,
+				left));
+	}
+};
 var $author$project$Widget$Material$Color$textAndBackground = function (color) {
 	return _List_fromArray(
 		[
@@ -15491,6 +14972,62 @@ var $author$project$Internal$Material$List$column = {
 };
 var $author$project$Widget$Material$column = $author$project$Internal$Material$List$column;
 var $author$project$Widget$Material$containedButton = $author$project$Internal$Material$Button$containedButton;
+var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
+var $mdgriffith$elm_ui$Element$el = F2(
+	function (attrs, child) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asEl,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					attrs)),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
+				_List_fromArray(
+					[child])));
+	});
+var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
+var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
+var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
+var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
+var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
+var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
+var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
+var $avh4$elm_color$Color$toCssString = function (_v0) {
+	var r = _v0.a;
+	var g = _v0.b;
+	var b = _v0.c;
+	var a = _v0.d;
+	var roundTo = function (x) {
+		return $elm$core$Basics$round(x * 1000) / 1000;
+	};
+	var pct = function (x) {
+		return $elm$core$Basics$round(x * 10000) / 100;
+	};
+	return $elm$core$String$concat(
+		_List_fromArray(
+			[
+				'rgba(',
+				$elm$core$String$fromFloat(
+				pct(r)),
+				'%,',
+				$elm$core$String$fromFloat(
+				pct(g)),
+				'%,',
+				$elm$core$String$fromFloat(
+				pct(b)),
+				'%,',
+				$elm$core$String$fromFloat(
+				roundTo(a)),
+				')'
+			]));
+};
+var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
+var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
 var $author$project$Internal$Material$Icon$icon = function (_v0) {
 	var viewBox = _v0.viewBox;
 	var size = _v0.size;
@@ -15515,6 +15052,7 @@ var $author$project$Internal$Material$Icon$icon = function (_v0) {
 			$mdgriffith$elm_ui$Element$html,
 			$mdgriffith$elm_ui$Element$el(_List_Nil)));
 };
+var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path');
 var $author$project$Internal$Material$Icon$expand_less = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
@@ -15562,7 +15100,7 @@ var $mdgriffith$elm_ui$Element$padding = function (x) {
 			f,
 			f));
 };
-var $author$project$Internal$Material$Item$textItem = function (_v0) {
+var $author$project$Internal$Material$Item$insetItem = function (_v0) {
 	return {
 		content: {
 			content: {
@@ -15639,10 +15177,19 @@ var $author$project$Internal$Material$Item$expansionItem = function (palette) {
 	return {
 		collapseIcon: $author$project$Internal$Material$Icon$expand_less,
 		expandIcon: $author$project$Internal$Material$Icon$expand_more,
-		item: $author$project$Internal$Material$Item$textItem(palette)
+		item: $author$project$Internal$Material$Item$insetItem(palette)
 	};
 };
 var $author$project$Widget$Material$expansionItem = $author$project$Internal$Material$Item$expansionItem;
+var $mdgriffith$elm_ui$Element$Font$family = function (families) {
+	return A2(
+		$mdgriffith$elm_ui$Internal$Model$StyleClass,
+		$mdgriffith$elm_ui$Internal$Flag$fontFamily,
+		A2(
+			$mdgriffith$elm_ui$Internal$Model$FontFamily,
+			A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
+			families));
+};
 var $avh4$elm_color$Color$gray = A4($avh4$elm_color$Color$RgbaSpace, 211 / 255, 215 / 255, 207 / 255, 1.0);
 var $author$project$Internal$Material$Item$fullBleedDivider = function (_v0) {
 	return {
@@ -15728,6 +15275,22 @@ var $author$project$Internal$Material$Item$fullBleedHeader = function (palette)
 	};
 };
 var $author$project$Widget$Material$fullBleedHeader = $author$project$Internal$Material$Item$fullBleedHeader;
+var $author$project$Internal$Material$Item$fullBleedItem = function (palette) {
+	var i = $author$project$Internal$Material$Item$insetItem(palette);
+	return {
+		content: {
+			content: {
+				content: {icon: i.content.content.content.content, text: i.content.content.content.text},
+				elementRow: i.content.content.elementRow
+			},
+			elementButton: i.content.elementButton,
+			ifDisabled: i.content.ifDisabled,
+			otherwise: i.content.otherwise
+		},
+		element: i.element
+	};
+};
+var $author$project$Widget$Material$fullBleedItem = $author$project$Internal$Material$Item$fullBleedItem;
 var $author$project$Internal$Material$Button$iconButton = function (palette) {
 	return {
 		content: {
@@ -15738,10 +15301,8 @@ var $author$project$Internal$Material$Button$iconButton = function (palette) {
 					otherwise: {color: palette.primary, size: 18}
 				},
 				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
+					contentText: _List_fromArray(
+						[$mdgriffith$elm_ui$Element$centerX])
 				}
 			},
 			elementRow: _List_fromArray(
@@ -15913,97 +15474,7 @@ var $author$project$Internal$Material$Item$insetHeader = function (palette) {
 	};
 };
 var $author$project$Widget$Material$insetHeader = $author$project$Internal$Material$Item$insetHeader;
-var $author$project$Internal$Material$Layout$drawerButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: $author$project$Internal$Material$Button$baseButton(palette).content.elementRow
-		},
-		elementButton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Font$size(14),
-				$mdgriffith$elm_ui$Element$Font$semiBold,
-				$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(36)),
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-				$mdgriffith$elm_ui$Element$mouseDown(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$focused(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$mouseOver(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-					]))
-			]),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(palette.primary))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $mdgriffith$elm_ui$Element$Font$family = function (families) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontFamily,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$FontFamily,
-			A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
-			families));
-};
-var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
-	{options: _List_Nil});
+var $author$project$Widget$Material$insetItem = $author$project$Internal$Material$Item$insetItem;
 var $author$project$Widget$Customize$mapContent = F2(
 	function (fun, a) {
 		return _Utils_update(
@@ -16012,104 +15483,7 @@ var $author$project$Widget$Customize$mapContent = F2(
 				content: fun(a.content)
 			});
 	});
-var $author$project$Internal$Material$Layout$menu = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
-					]),
-				_List_Nil)
-			]));
-};
-var $author$project$Internal$Material$Layout$menuTabButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					}
-				},
-				text: {contentText: _List_Nil}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$width(
-					A2(
-						$mdgriffith$elm_ui$Element$minimum,
-						90,
-						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(
-						$author$project$Widget$Material$Color$accessibleTextColor(palette.primary))),
-					$mdgriffith$elm_ui$Element$alignBottom,
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 2, left: 0, right: 0, top: 0})
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Internal$Material$Layout$more_vert = function (_v0) {
+var $author$project$Internal$Material$Icon$more_vert = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
 	return A2(
@@ -16126,8 +15500,7 @@ var $author$project$Internal$Material$Layout$more_vert = function (_v0) {
 				_List_Nil)
 			]));
 };
-var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
-var $author$project$Internal$Material$Layout$search = function (_v0) {
+var $author$project$Internal$Material$Icon$search = function (_v0) {
 	var size = _v0.size;
 	var color = _v0.color;
 	return A2(
@@ -16225,165 +15598,93 @@ var $author$project$Internal$Material$TextInput$searchInput = function (palette)
 					])),
 			$author$project$Internal$Material$TextInput$textInputBase(palette)));
 };
-var $author$project$Widget$Material$Color$accessibleWithTextColor = F2(
-	function (c, color) {
-		var newConstrast = 7;
-		var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
-		var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
-		var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
-		var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
-		return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * lighterLuminance});
+var $author$project$Internal$Material$AppBar$internalBar = F2(
+	function (content, palette) {
+		return {
+			content: {
+				actions: {
+					content: {
+						button: A2(
+							$author$project$Widget$Customize$mapContent,
+							$author$project$Widget$Customize$mapContent(
+								function (record) {
+									return _Utils_update(
+										record,
+										{
+											icon: {
+												ifActive: {
+													color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+													size: record.icon.ifActive.size
+												},
+												ifDisabled: record.icon.ifDisabled,
+												otherwise: {
+													color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+													size: record.icon.otherwise.size
+												}
+											}
+										});
+								}),
+							$author$project$Internal$Material$Button$iconButton(palette)),
+						moreVerticalIcon: $author$project$Internal$Material$Icon$more_vert,
+						searchIcon: $author$project$Internal$Material$Icon$search
+					},
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$alignRight,
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+						])
 				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * darkerLuminance});
+				menu: {
+					content: content,
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+							$mdgriffith$elm_ui$Element$spacing(8)
+						])
 				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
-	});
-var $author$project$Widget$Material$Color$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
-var $author$project$Widget$Customize$mapElementButton = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementButton: fun(a.elementButton)
-			});
-	});
-var $author$project$Widget$Customize$elementButton = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementButton,
-			function (b) {
-				return _Utils_ap(b, list);
+				search: $author$project$Internal$Material$TextInput$searchInput(palette)
 			},
-			a);
-	});
-var $author$project$Internal$Material$Snackbar$snackbar = function (palette) {
-	return {
-		content: {
-			button: A2(
-				$author$project$Widget$Customize$elementButton,
+			elementRow: _Utils_ap(
+				$author$project$Widget$Material$Color$textAndBackground(palette.primary),
 				_List_fromArray(
 					[
-						$mdgriffith$elm_ui$Element$Font$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$accessibleWithTextColor, palette.primary, $author$project$Widget$Material$Color$dark)))
-					]),
-				$author$project$Internal$Material$Button$textButton(palette)),
-			text: {
-				elementText: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$centerX,
-						A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
-					])
-			}
-		},
-		elementRow: _List_fromArray(
+						$mdgriffith$elm_ui$Element$padding(0),
+						$mdgriffith$elm_ui$Element$spacing(8),
+						$mdgriffith$elm_ui$Element$height(
+						$mdgriffith$elm_ui$Element$px(56)),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
+					]))
+		};
+	});
+var $author$project$Internal$Material$Icon$menu = function (_v0) {
+	var size = _v0.size;
+	var color = _v0.color;
+	return A2(
+		$author$project$Internal$Material$Icon$icon,
+		{color: color, size: size, viewBox: '0 0 48 48'},
+		_List_fromArray(
 			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$dark)),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor($author$project$Widget$Material$Color$dark))),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$width(
-				A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
-				$mdgriffith$elm_ui$Element$spacing(8),
-				$mdgriffith$elm_ui$Element$Border$shadow(
-				$author$project$Widget$Material$Color$shadow(2))
-			])
-	};
+				A2(
+				$elm$svg$Svg$path,
+				_List_fromArray(
+					[
+						$elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
+					]),
+				_List_Nil)
+			]));
 };
-var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
-var $author$project$Internal$Material$Layout$layout = function (palette) {
-	return {
-		container: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.background),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$family(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
-							$mdgriffith$elm_ui$Element$Font$sansSerif
-						])),
-					$mdgriffith$elm_ui$Element$Font$size(16),
-					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
-				])),
-		header: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.primary),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$padding(16),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
-				])),
-		layout: $mdgriffith$elm_ui$Element$layout,
-		menuButton: A2(
-			$author$project$Widget$Customize$mapContent,
-			$author$project$Widget$Customize$mapContent(
-				function (record) {
-					return _Utils_update(
-						record,
-						{
-							icon: {
-								ifActive: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.ifActive.size
-								},
-								ifDisabled: record.icon.ifDisabled,
-								otherwise: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.otherwise.size
-								}
-							}
-						});
-				}),
-			$author$project$Internal$Material$Button$iconButton(palette)),
-		menuIcon: $author$project$Internal$Material$Layout$menu,
-		menuTabButton: $author$project$Internal$Material$Layout$menuTabButton(palette),
-		moreVerticalIcon: $author$project$Internal$Material$Layout$more_vert,
-		search: $author$project$Internal$Material$TextInput$searchInput(palette),
-		searchFill: $author$project$Internal$Material$TextInput$textInputBase(palette),
-		searchIcon: $author$project$Internal$Material$Layout$search,
-		sheet: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
-					$mdgriffith$elm_ui$Element$padding(8),
-					$mdgriffith$elm_ui$Element$spacing(8)
-				])),
-		sheetButton: $author$project$Internal$Material$Layout$drawerButton(palette),
-		snackbar: $author$project$Internal$Material$Snackbar$snackbar(palette),
-		spacing: 8,
+var $author$project$Internal$Material$AppBar$menuBar = $author$project$Internal$Material$AppBar$internalBar(
+	{
+		menuIcon: $author$project$Internal$Material$Icon$menu,
 		title: _Utils_ap(
 			$author$project$Widget$Material$Typography$h6,
 			_List_fromArray(
 				[
 					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
 				]))
-	};
-};
-var $author$project$Widget$Material$layout = $author$project$Internal$Material$Layout$layout;
+	});
+var $author$project$Widget$Material$menuBar = $author$project$Internal$Material$AppBar$menuBar;
 var $author$project$Internal$Material$Item$middleDivider = function (_v0) {
 	return {
 		content: {
@@ -16577,9 +15878,15 @@ var $author$project$Internal$Material$Button$outlinedButton = function (palette)
 	};
 };
 var $author$project$Widget$Material$outlinedButton = $author$project$Internal$Material$Button$outlinedButton;
+var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
+var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
+var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
 var $elm$svg$Svg$g = $elm$svg$Svg$trustedNode('g');
+var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
 var $elm$svg$Svg$Attributes$strokeDasharray = _VirtualDom_attribute('stroke-dasharray');
 var $elm$svg$Svg$Attributes$strokeDashoffset = _VirtualDom_attribute('stroke-dashoffset');
+var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
+var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
 var $elm$svg$Svg$Attributes$transform = _VirtualDom_attribute('transform');
 var $elm$svg$Svg$Attributes$xmlSpace = A2(_VirtualDom_attributeNS, 'http://www.w3.org/XML/1998/namespace', 'xml:space');
 var $author$project$Internal$Material$ProgressIndicator$determinateCircularIcon = F3(
@@ -16745,6 +16052,207 @@ var $author$project$Internal$Material$List$row = {
 		])
 };
 var $author$project$Widget$Material$row = $author$project$Internal$Material$List$row;
+var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
+var $author$project$Internal$Material$Item$selectItem = function (palette) {
+	return {
+		content: {
+			content: {
+				content: {
+					icon: {
+						ifActive: {
+							color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
+							size: 18
+						},
+						ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
+						otherwise: {
+							color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
+							size: 18
+						}
+					},
+					text: {
+						contentText: _List_fromArray(
+							[$mdgriffith$elm_ui$Element$centerX])
+					}
+				},
+				elementRow: _List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$spacing(8),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 32, $mdgriffith$elm_ui$Element$shrink)),
+						$mdgriffith$elm_ui$Element$centerY
+					])
+			},
+			elementButton: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$size(14),
+					$mdgriffith$elm_ui$Element$Font$semiBold,
+					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
+					$mdgriffith$elm_ui$Element$height(
+					$mdgriffith$elm_ui$Element$px(36)),
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
+					$mdgriffith$elm_ui$Element$Border$rounded(4),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(
+						$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
+					$mdgriffith$elm_ui$Element$mouseDown(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$focused(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$mouseOver(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
+						]))
+				]),
+			ifActive: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Background$color(
+					$author$project$Widget$Material$Color$fromColor(
+						A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(palette.primary))
+				]),
+			ifDisabled: _Utils_ap(
+				$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$Font$color(
+						$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
+						$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+						$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+						$mdgriffith$elm_ui$Element$focused(_List_Nil)
+					])),
+			otherwise: _List_Nil
+		},
+		element: _List_fromArray(
+			[
+				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 4)
+			])
+	};
+};
+var $author$project$Widget$Material$selectItem = $author$project$Internal$Material$Item$selectItem;
+var $author$project$Internal$Material$List$sideSheet = function (palette) {
+	return {
+		content: {
+			element: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+				]),
+			ifFirst: _List_Nil,
+			ifLast: _List_Nil,
+			ifSingleton: _List_Nil,
+			otherwise: _List_Nil
+		},
+		elementColumn: _Utils_ap(
+			$author$project$Widget$Material$Color$textAndBackground(palette.surface),
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8)
+				]))
+	};
+};
+var $author$project$Widget$Material$sideSheet = $author$project$Internal$Material$List$sideSheet;
+var $author$project$Widget$Material$Color$accessibleWithTextColor = F2(
+	function (c, color) {
+		var newConstrast = 7;
+		var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
+		var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
+		var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
+		var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
+		return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
+			$elm$core$Basics$composeR,
+			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
+			A2(
+				$elm$core$Basics$composeR,
+				function (col) {
+					return _Utils_update(
+						col,
+						{l: 100 * lighterLuminance});
+				},
+				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
+			$elm$core$Basics$composeR,
+			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
+			A2(
+				$elm$core$Basics$composeR,
+				function (col) {
+					return _Utils_update(
+						col,
+						{l: 100 * darkerLuminance});
+				},
+				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
+	});
+var $author$project$Widget$Material$Color$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
+var $author$project$Widget$Customize$mapElementButton = F2(
+	function (fun, a) {
+		return _Utils_update(
+			a,
+			{
+				elementButton: fun(a.elementButton)
+			});
+	});
+var $author$project$Widget$Customize$elementButton = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementButton,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $author$project$Internal$Material$Snackbar$snackbar = function (palette) {
+	return {
+		content: {
+			button: A2(
+				$author$project$Widget$Customize$elementButton,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$Font$color(
+						$author$project$Widget$Material$Color$fromColor(
+							A2($author$project$Widget$Material$Color$accessibleWithTextColor, palette.primary, $author$project$Widget$Material$Color$dark)))
+					]),
+				$author$project$Internal$Material$Button$textButton(palette)),
+			text: {
+				elementText: _List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$centerX,
+						A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
+					])
+			}
+		},
+		elementRow: _List_fromArray(
+			[
+				$mdgriffith$elm_ui$Element$Background$color(
+				$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$dark)),
+				$mdgriffith$elm_ui$Element$Font$color(
+				$author$project$Widget$Material$Color$fromColor(
+					$author$project$Widget$Material$Color$accessibleTextColor($author$project$Widget$Material$Color$dark))),
+				$mdgriffith$elm_ui$Element$Border$rounded(4),
+				$mdgriffith$elm_ui$Element$width(
+				A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
+				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
+				$mdgriffith$elm_ui$Element$spacing(8),
+				$mdgriffith$elm_ui$Element$Border$shadow(
+				$author$project$Widget$Material$Color$shadow(2))
+			])
+	};
+};
+var $author$project$Widget$Material$snackbar = $author$project$Internal$Material$Snackbar$snackbar;
 var $author$project$Internal$Material$SortTable$sortTable = function (palette) {
 	return {
 		content: {
@@ -16757,6 +16265,8 @@ var $author$project$Internal$Material$SortTable$sortTable = function (palette) {
 	};
 };
 var $author$project$Widget$Material$sortTable = $author$project$Internal$Material$SortTable$sortTable;
+var $mdgriffith$elm_ui$Internal$Model$Left = {$: 'Left'};
+var $mdgriffith$elm_ui$Element$alignLeft = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Left);
 var $mdgriffith$elm_ui$Internal$Model$MoveX = function (a) {
 	return {$: 'MoveX', a: a};
 };
@@ -17026,6 +16536,101 @@ var $author$project$Internal$Material$Tab$tab = function (palette) {
 	};
 };
 var $author$project$Widget$Material$tab = $author$project$Internal$Material$Tab$tab;
+var $author$project$Internal$Material$AppBar$menuTabButton = function (palette) {
+	return {
+		content: {
+			content: {
+				icon: {
+					ifActive: {
+						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+						size: 18
+					},
+					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
+					otherwise: {
+						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
+						size: 18
+					}
+				},
+				text: {contentText: _List_Nil}
+			},
+			elementRow: _List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$spacing(8),
+					$mdgriffith$elm_ui$Element$centerY,
+					$mdgriffith$elm_ui$Element$centerX
+				])
+		},
+		elementButton: _Utils_ap(
+			$author$project$Widget$Material$Typography$button,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$height(
+					$mdgriffith$elm_ui$Element$px(56)),
+					$mdgriffith$elm_ui$Element$width(
+					A2(
+						$mdgriffith$elm_ui$Element$minimum,
+						90,
+						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
+					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor(
+						$author$project$Widget$Material$Color$accessibleTextColor(palette.primary))),
+					$mdgriffith$elm_ui$Element$alignBottom,
+					$mdgriffith$elm_ui$Element$mouseDown(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$focused(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
+						])),
+					$mdgriffith$elm_ui$Element$mouseOver(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Background$color(
+							$author$project$Widget$Material$Color$fromColor(
+								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
+						]))
+				])),
+		ifActive: _List_fromArray(
+			[
+				$mdgriffith$elm_ui$Element$Border$widthEach(
+				{bottom: 2, left: 0, right: 0, top: 0})
+			]),
+		ifDisabled: _Utils_ap(
+			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$color(
+					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
+					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
+					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+					$mdgriffith$elm_ui$Element$focused(_List_Nil)
+				])),
+		otherwise: _List_Nil
+	};
+};
+var $author$project$Internal$Material$AppBar$tabBar = function (palette) {
+	return A2(
+		$author$project$Internal$Material$AppBar$internalBar,
+		{
+			menuTabButton: $author$project$Internal$Material$AppBar$menuTabButton(palette),
+			title: _Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					]))
+		},
+		palette);
+};
+var $author$project$Widget$Material$tabBar = $author$project$Internal$Material$AppBar$tabBar;
 var $author$project$Widget$Material$textButton = $author$project$Internal$Material$Button$textButton;
 var $author$project$Internal$Material$TextInput$textInput = function (palette) {
 	return {
@@ -17078,7 +16683,6 @@ var $author$project$Internal$Material$TextInput$textInput = function (palette) {
 	};
 };
 var $author$project$Widget$Material$textInput = $author$project$Internal$Material$TextInput$textInput;
-var $author$project$Widget$Material$textItem = $author$project$Internal$Material$Item$textItem;
 var $author$project$Internal$Material$Button$toggleButton = function (palette) {
 	return {
 		content: {
@@ -17196,6 +16800,7 @@ var $author$project$Internal$Material$Button$toggleButton = function (palette) {
 	};
 };
 var $author$project$Widget$Material$toggleButton = $author$project$Internal$Material$Button$toggleButton;
+var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
 var $author$project$Data$Style$style = function (palette) {
 	return {
 		button: $author$project$Widget$Material$outlinedButton(palette),
@@ -17204,28 +16809,75 @@ var $author$project$Data$Style$style = function (palette) {
 		chipButton: $author$project$Widget$Material$chip(palette),
 		column: $author$project$Widget$Material$column,
 		containedButton: $author$project$Widget$Material$containedButton($author$project$Widget$Material$defaultPalette),
+		container: _Utils_ap(
+			$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.background),
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$Font$family(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
+							$mdgriffith$elm_ui$Element$Font$sansSerif
+						])),
+					$mdgriffith$elm_ui$Element$Font$size(16),
+					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
+				])),
 		dialog: $author$project$Widget$Material$alertDialog(palette),
-		expansionItem: $author$project$Widget$Material$expansionItem($author$project$Widget$Material$defaultPalette),
+		expansionItem: $author$project$Widget$Material$expansionItem(palette),
 		fullBleedDivider: $author$project$Widget$Material$fullBleedDivider(palette),
 		fullBleedHeader: $author$project$Widget$Material$fullBleedHeader(palette),
+		fullBleedItem: $author$project$Widget$Material$fullBleedItem($author$project$Widget$Material$defaultPalette),
 		iconButton: $author$project$Widget$Material$iconButton($author$project$Widget$Material$defaultPalette),
 		imageItem: $author$project$Widget$Material$imageItem(palette),
 		insetDivider: $author$project$Widget$Material$insetDivider(palette),
 		insetHeader: $author$project$Widget$Material$insetHeader(palette),
-		layout: $author$project$Widget$Material$layout(palette),
+		insetItem: $author$project$Widget$Material$insetItem(palette),
+		menuBar: $author$project$Widget$Material$menuBar($author$project$Widget$Material$defaultPalette),
 		middleDivider: $author$project$Widget$Material$middleDivider(palette),
 		multiLineItem: $author$project$Widget$Material$multiLineItem(palette),
 		outlinedButton: $author$project$Widget$Material$outlinedButton($author$project$Widget$Material$defaultPalette),
 		primaryButton: $author$project$Widget$Material$containedButton(palette),
 		progressIndicator: $author$project$Widget$Material$progressIndicator(palette),
 		row: $author$project$Widget$Material$row,
+		searchFill: {
+			content: {
+				chips: {
+					content: $author$project$Widget$Material$chip($author$project$Widget$Material$defaultPalette),
+					elementRow: _List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$spacing(8)
+						])
+				},
+				text: {
+					elementTextInput: _Utils_ap(
+						$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.surface),
+						_List_fromArray(
+							[
+								$mdgriffith$elm_ui$Element$Border$width(0),
+								$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
+								$mdgriffith$elm_ui$Element$focused(_List_Nil)
+							]))
+				}
+			},
+			elementRow: _Utils_ap(
+				$author$project$Widget$Material$Color$textAndBackground($author$project$Widget$Material$defaultPalette.surface),
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$height(
+						$mdgriffith$elm_ui$Element$px(56))
+					]))
+		},
 		selectButton: $author$project$Widget$Material$toggleButton(palette),
+		selectItem: $author$project$Widget$Material$selectItem($author$project$Widget$Material$defaultPalette),
+		sheetButton: $author$project$Widget$Material$selectItem($author$project$Widget$Material$defaultPalette),
+		sideSheet: $author$project$Widget$Material$sideSheet(palette),
+		snackbar: $author$project$Widget$Material$snackbar($author$project$Widget$Material$defaultPalette),
 		sortTable: $author$project$Widget$Material$sortTable(palette),
 		_switch: $author$project$Widget$Material$switch(palette),
 		tab: $author$project$Widget$Material$tab(palette),
+		tabBar: $author$project$Widget$Material$tabBar($author$project$Widget$Material$defaultPalette),
 		textButton: $author$project$Widget$Material$textButton($author$project$Widget$Material$defaultPalette),
-		textInput: $author$project$Widget$Material$textInput(palette),
-		textItem: $author$project$Widget$Material$textItem(palette)
+		textInput: $author$project$Widget$Material$textInput(palette)
 	};
 };
 var $author$project$Data$Theme$toStyle = function (theme) {
@@ -17235,35 +16887,167 @@ var $author$project$Data$Theme$toStyle = function (theme) {
 		return $author$project$Data$Style$style($author$project$Widget$Material$darkPalette);
 	}
 };
-var $author$project$Widget$Layout$buttonSheet = F2(
-	function (style, actions) {
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				style.element,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
-					])),
+var $author$project$Main$ChangedSearch = function (a) {
+	return {$: 'ChangedSearch', a: a};
+};
+var $author$project$Main$ChangedSidebar = function (a) {
+	return {$: 'ChangedSidebar', a: a};
+};
+var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
+var $author$project$Main$JumpTo = function (a) {
+	return {$: 'JumpTo', a: a};
+};
+var $author$project$Main$LeftSheet = {$: 'LeftSheet'};
+var $author$project$Main$Load = function (a) {
+	return {$: 'Load', a: a};
+};
+var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
+var $author$project$Main$RightSheet = {$: 'RightSheet'};
+var $author$project$Main$Search = {$: 'Search'};
+var $author$project$Main$SetTheme = function (a) {
+	return {$: 'SetTheme', a: a};
+};
+var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
+var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
+	return {$: 'Icon', a: a};
+};
+var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
+	return {
+		_class: $elm$core$Maybe$Just('feather feather-' + name),
+		size: 24,
+		sizeUnit: '',
+		strokeWidth: 2,
+		viewBox: '0 0 24 24'
+	};
+};
+var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
+	function (name, src) {
+		return $feathericons$elm_feather$FeatherIcons$Icon(
+			{
+				attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
+				src: src
+			});
+	});
+var $feathericons$elm_feather$FeatherIcons$book = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'book',
+	_List_fromArray(
+		[
 			A2(
-				$mdgriffith$elm_ui$Element$column,
-				_Utils_ap(
-					style.content.elementColumn,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-						])),
-				A2(
-					$elm$core$List$map,
-					$author$project$Internal$Button$button(style.content.content),
-					actions)));
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M4 19.5A2.5 2.5 0 0 1 6.5 17H20')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z')
+				]),
+			_List_Nil)
+		]));
+var $author$project$Widget$Icon$elmFeather = F2(
+	function (fun, icon) {
+		return function (_v0) {
+			var size = _v0.size;
+			var color = _v0.color;
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_Nil,
+				$mdgriffith$elm_ui$Element$html(
+					A2(
+						fun,
+						_List_fromArray(
+							[
+								$elm$svg$Svg$Attributes$width(
+								$elm$core$String$fromInt(size)),
+								$elm$svg$Svg$Attributes$height(
+								$elm$core$String$fromInt(size)),
+								$elm$svg$Svg$Attributes$stroke(
+								$avh4$elm_color$Color$toCssString(color))
+							]),
+						icon)));
+		};
+	});
+var $elm$core$Array$fromListHelp = F3(
+	function (list, nodeList, nodeListSize) {
+		fromListHelp:
+		while (true) {
+			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list);
+			var jsArray = _v0.a;
+			var remainingItems = _v0.b;
+			if (_Utils_cmp(
+				$elm$core$Elm$JsArray$length(jsArray),
+				$elm$core$Array$branchFactor) < 0) {
+				return A2(
+					$elm$core$Array$builderToArray,
+					true,
+					{nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray});
+			} else {
+				var $temp$list = remainingItems,
+					$temp$nodeList = A2(
+					$elm$core$List$cons,
+					$elm$core$Array$Leaf(jsArray),
+					nodeList),
+					$temp$nodeListSize = nodeListSize + 1;
+				list = $temp$list;
+				nodeList = $temp$nodeList;
+				nodeListSize = $temp$nodeListSize;
+				continue fromListHelp;
+			}
+		}
+	});
+var $elm$core$Array$fromList = function (list) {
+	if (!list.b) {
+		return $elm$core$Array$empty;
+	} else {
+		return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0);
+	}
+};
+var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep);
+var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet;
+var $elm$core$Array$getHelp = F3(
+	function (shift, index, tree) {
+		getHelp:
+		while (true) {
+			var pos = $elm$core$Array$bitMask & (index >>> shift);
+			var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree);
+			if (_v0.$ === 'SubTree') {
+				var subTree = _v0.a;
+				var $temp$shift = shift - $elm$core$Array$shiftStep,
+					$temp$index = index,
+					$temp$tree = subTree;
+				shift = $temp$shift;
+				index = $temp$index;
+				tree = $temp$tree;
+				continue getHelp;
+			} else {
+				var values = _v0.a;
+				return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values);
+			}
+		}
+	});
+var $elm$core$Array$tailIndex = function (len) {
+	return (len >>> 5) << 5;
+};
+var $elm$core$Array$get = F2(
+	function (index, _v0) {
+		var len = _v0.a;
+		var startShift = _v0.b;
+		var tree = _v0.c;
+		var tail = _v0.d;
+		return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp(
+			index,
+			$elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just(
+			A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just(
+			A3($elm$core$Array$getHelp, startShift, index, tree)));
 	});
 var $mdgriffith$elm_ui$Element$BigDesktop = {$: 'BigDesktop'};
 var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'};
 var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'};
-var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
 var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'};
-var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
 var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
 	return {
 		_class: function () {
@@ -17277,159 +17061,402 @@ var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
 var $author$project$Widget$Layout$getDeviceClass = function (window) {
 	return $mdgriffith$elm_ui$Element$classifyDevice(window)._class;
 };
-var $elm$core$List$drop = F2(
-	function (n, list) {
-		drop:
-		while (true) {
-			if (n <= 0) {
-				return list;
-			} else {
-				if (!list.b) {
-					return list;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs;
-					n = $temp$n;
-					list = $temp$list;
-					continue drop;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeReverse = F3(
-	function (n, list, kept) {
-		takeReverse:
-		while (true) {
-			if (n <= 0) {
-				return kept;
-			} else {
-				if (!list.b) {
-					return kept;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs,
-						$temp$kept = A2($elm$core$List$cons, x, kept);
-					n = $temp$n;
-					list = $temp$list;
-					kept = $temp$kept;
-					continue takeReverse;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeTailRec = F2(
-	function (n, list) {
-		return $elm$core$List$reverse(
-			A3($elm$core$List$takeReverse, n, list, _List_Nil));
-	});
-var $elm$core$List$takeFast = F3(
-	function (ctr, n, list) {
-		if (n <= 0) {
-			return _List_Nil;
+var $feathericons$elm_feather$FeatherIcons$github = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'github',
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22')
+				]),
+			_List_Nil)
+		]));
+var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
+var $mdgriffith$elm_ui$Element$createNearby = F2(
+	function (loc, element) {
+		if (element.$ === 'Empty') {
+			return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
 		} else {
-			var _v0 = _Utils_Tuple2(n, list);
-			_v0$1:
-			while (true) {
-				_v0$5:
-				while (true) {
-					if (!_v0.b.b) {
-						return list;
-					} else {
-						if (_v0.b.b.b) {
-							switch (_v0.a) {
-								case 1:
-									break _v0$1;
-								case 2:
-									var _v2 = _v0.b;
-									var x = _v2.a;
-									var _v3 = _v2.b;
-									var y = _v3.a;
-									return _List_fromArray(
-										[x, y]);
-								case 3:
-									if (_v0.b.b.b.b) {
-										var _v4 = _v0.b;
-										var x = _v4.a;
-										var _v5 = _v4.b;
-										var y = _v5.a;
-										var _v6 = _v5.b;
-										var z = _v6.a;
-										return _List_fromArray(
-											[x, y, z]);
-									} else {
-										break _v0$5;
-									}
-								default:
-									if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
-										var _v7 = _v0.b;
-										var x = _v7.a;
-										var _v8 = _v7.b;
-										var y = _v8.a;
-										var _v9 = _v8.b;
-										var z = _v9.a;
-										var _v10 = _v9.b;
-										var w = _v10.a;
-										var tl = _v10.b;
-										return (ctr > 1000) ? A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
-									} else {
-										break _v0$5;
-									}
-							}
-						} else {
-							if (_v0.a === 1) {
-								break _v0$1;
-							} else {
-								break _v0$5;
-							}
-						}
-					}
-				}
-				return list;
-			}
-			var _v1 = _v0.b;
-			var x = _v1.a;
-			return _List_fromArray(
-				[x]);
+			return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
 		}
 	});
-var $elm$core$List$take = F2(
-	function (n, list) {
-		return A3($elm$core$List$takeFast, 0, n, list);
-	});
-var $author$project$Widget$Layout$partitionActions = function (actions) {
-	return {
-		moreActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))),
-		primaryActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions)))
-	};
+var $mdgriffith$elm_ui$Element$inFront = function (element) {
+	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
 };
+var $author$project$Internal$Item$toItem = F2(
+	function (style, element) {
+		return function (attr) {
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_Utils_ap(attr, style.element),
+				element(style.content));
+		};
+	});
+var $author$project$Internal$Item$asItem = function (element) {
+	return A2(
+		$author$project$Internal$Item$toItem,
+		{content: _Utils_Tuple0, element: _List_Nil},
+		$elm$core$Basics$always(element));
+};
+var $author$project$Widget$Customize$mapElementColumn = F2(
+	function (fun, a) {
+		return _Utils_update(
+			a,
+			{
+				elementColumn: fun(a.elementColumn)
+			});
+	});
+var $author$project$Widget$Customize$elementColumn = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementColumn,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'};
+var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn;
+var $mdgriffith$elm_ui$Element$column = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asColumn,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $author$project$Internal$List$internal = F2(
+	function (style, list) {
+		return A2(
+			$elm$core$List$indexedMap,
+			F2(
+				function (i, fun) {
+					return fun(
+						_Utils_ap(
+							style.element,
+							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
+								i,
+								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
+				}),
+			list);
+	});
+var $author$project$Internal$List$itemList = function (style) {
+	return A2(
+		$elm$core$Basics$composeR,
+		$author$project$Internal$List$internal(style.content),
+		$mdgriffith$elm_ui$Element$column(style.elementColumn));
+};
+var $author$project$Internal$Select$select = function (_v0) {
+	var selected = _v0.selected;
+	var options = _v0.options;
+	var onSelect = _v0.onSelect;
+	return A2(
+		$elm$core$List$indexedMap,
+		F2(
+			function (i, a) {
+				return _Utils_Tuple2(
+					_Utils_eq(
+						selected,
+						$elm$core$Maybe$Just(i)),
+					{
+						icon: a.icon,
+						onPress: onSelect(i),
+						text: a.text
+					});
+			}),
+		options);
+};
+var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'};
+var $elm$json$Json$Encode$bool = _Json_wrap;
+var $elm$html$Html$Attributes$boolProperty = F2(
+	function (key, bool) {
+		return A2(
+			_VirtualDom_property,
+			key,
+			$elm$json$Json$Encode$bool(bool));
+	});
+var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled');
+var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) {
+	if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) {
+		var _v1 = attr.b;
+		var _v2 = _v1.a;
+		return true;
+	} else {
+		return false;
+	}
+};
+var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) {
+	return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable');
+};
+var $elm$virtual_dom$VirtualDom$Normal = function (a) {
+	return {$: 'Normal', a: a};
+};
+var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
+var $elm$html$Html$Events$on = F2(
+	function (event, decoder) {
+		return A2(
+			$elm$virtual_dom$VirtualDom$on,
+			event,
+			$elm$virtual_dom$VirtualDom$Normal(decoder));
+	});
+var $elm$html$Html$Events$onClick = function (msg) {
+	return A2(
+		$elm$html$Html$Events$on,
+		'click',
+		$elm$json$Json$Decode$succeed(msg));
+};
+var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
+var $mdgriffith$elm_ui$Element$Input$enter = 'Enter';
+var $elm$json$Json$Decode$andThen = _Json_andThen;
+var $elm$json$Json$Decode$fail = _Json_fail;
+var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
+	return {$: 'MayPreventDefault', a: a};
+};
+var $elm$html$Html$Events$preventDefaultOn = F2(
+	function (event, decoder) {
+		return A2(
+			$elm$virtual_dom$VirtualDom$on,
+			event,
+			$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
+	});
+var $elm$json$Json$Decode$string = _Json_decodeString;
+var $mdgriffith$elm_ui$Element$Input$onKey = F2(
+	function (desiredCode, msg) {
+		var decode = function (code) {
+			return _Utils_eq(code, desiredCode) ? $elm$json$Json$Decode$succeed(msg) : $elm$json$Json$Decode$fail('Not the enter key');
+		};
+		var isKey = A2(
+			$elm$json$Json$Decode$andThen,
+			decode,
+			A2($elm$json$Json$Decode$field, 'key', $elm$json$Json$Decode$string));
+		return $mdgriffith$elm_ui$Internal$Model$Attr(
+			A2(
+				$elm$html$Html$Events$preventDefaultOn,
+				'keyup',
+				A2(
+					$elm$json$Json$Decode$map,
+					function (fired) {
+						return _Utils_Tuple2(fired, true);
+					},
+					isKey)));
+	});
+var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) {
+	return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg);
+};
+var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21);
+var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer);
+var $elm$html$Html$Attributes$tabindex = function (n) {
+	return A2(
+		_VirtualDom_attribute,
+		'tabIndex',
+		$elm$core$String$fromInt(n));
+};
+var $mdgriffith$elm_ui$Element$Input$button = F2(
+	function (attrs, _v0) {
+		var onPress = _v0.onPress;
+		var label = _v0.label;
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asEl,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.seButton + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.noTextSelection)))))),
+						A2(
+							$elm$core$List$cons,
+							$mdgriffith$elm_ui$Element$pointer,
+							A2(
+								$elm$core$List$cons,
+								$mdgriffith$elm_ui$Element$Input$focusDefault(attrs),
+								A2(
+									$elm$core$List$cons,
+									$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Button),
+									A2(
+										$elm$core$List$cons,
+										$mdgriffith$elm_ui$Internal$Model$Attr(
+											$elm$html$Html$Attributes$tabindex(0)),
+										function () {
+											if (onPress.$ === 'Nothing') {
+												return A2(
+													$elm$core$List$cons,
+													$mdgriffith$elm_ui$Internal$Model$Attr(
+														$elm$html$Html$Attributes$disabled(true)),
+													attrs);
+											} else {
+												var msg = onPress.a;
+												return A2(
+													$elm$core$List$cons,
+													$mdgriffith$elm_ui$Element$Events$onClick(msg),
+													A2(
+														$elm$core$List$cons,
+														$mdgriffith$elm_ui$Element$Input$onEnter(msg),
+														attrs));
+											}
+										}()))))))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
+				_List_fromArray(
+					[label])));
+	});
+var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
+var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
+var $mdgriffith$elm_ui$Element$row = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asRow,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY)),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $mdgriffith$elm_ui$Element$text = function (content) {
+	return $mdgriffith$elm_ui$Internal$Model$Text(content);
+};
+var $author$project$Internal$Select$selectButton = F2(
+	function (style, _v0) {
+		var selected = _v0.a;
+		var b = _v0.b;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$row,
+					style.content.elementRow,
+					_List_fromArray(
+						[
+							b.icon(
+							_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : (selected ? style.content.content.icon.ifActive : style.content.content.icon.otherwise)),
+							A2(
+							$mdgriffith$elm_ui$Element$el,
+							style.content.content.text.contentText,
+							$mdgriffith$elm_ui$Element$text(b.text))
+						])),
+				onPress: b.onPress
+			});
+	});
+var $author$project$Internal$Item$selectItem = F2(
+	function (s, select) {
+		return A2(
+			$elm$core$List$map,
+			function (b) {
+				return A2(
+					$author$project$Internal$Item$toItem,
+					s,
+					function (style) {
+						return A2($author$project$Internal$Select$selectButton, style, b);
+					});
+			},
+			$author$project$Internal$Select$select(select));
+	});
+var $author$project$Widget$Layout$leftSheet = F2(
+	function (style, _v0) {
+		var title = _v0.title;
+		var onDismiss = _v0.onDismiss;
+		var menu = _v0.menu;
+		return {
+			content: A2(
+				$author$project$Internal$List$itemList,
+				A2(
+					$author$project$Widget$Customize$elementColumn,
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$alignLeft]),
+					style.sheet),
+				A2(
+					$elm$core$List$cons,
+					$author$project$Internal$Item$asItem(title),
+					A2($author$project$Internal$Item$selectItem, style.button, menu))),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
+	return {$: 'Label', a: a};
+};
+var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
+var $author$project$Internal$Button$iconButton = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_ap(
+					_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$Region$description(text)
+						]))),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$el,
+					style.content.elementRow,
+					icon(
+						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise)),
+				onPress: onPress
+			});
+	});
+var $author$project$Internal$Button$button = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$mdgriffith$elm_ui$Element$Input$button,
+			_Utils_ap(
+				style.elementButton,
+				_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
+			{
+				label: A2(
+					$mdgriffith$elm_ui$Element$row,
+					style.content.elementRow,
+					_List_fromArray(
+						[
+							icon(
+							_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise),
+							A2(
+							$mdgriffith$elm_ui$Element$el,
+							style.content.content.text.contentText,
+							$mdgriffith$elm_ui$Element$text(text))
+						])),
+				onPress: onPress
+			});
+	});
+var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
+	function (a, b) {
+		return {$: 'Placeholder', a: a, b: b};
+	});
+var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
 var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) {
 	return {$: 'HiddenLabel', a: a};
 };
@@ -17559,6 +17586,8 @@ var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (
 			$elm$core$Basics$floor(vSpace / 2));
 	}
 };
+var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
+var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
 var $mdgriffith$elm_ui$Element$rgb = F3(
 	function (r, g, b) {
 		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1);
@@ -17585,8 +17614,14 @@ var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) {
 		return $elm$core$Maybe$Nothing;
 	}
 };
-var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
-	return {$: 'Label', a: a};
+var $elm$core$List$head = function (list) {
+	if (list.b) {
+		var x = list.a;
+		var xs = list.b;
+		return $elm$core$Maybe$Just(x);
+	} else {
+		return $elm$core$Maybe$Nothing;
+	}
 };
 var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) {
 	if (label.$ === 'HiddenLabel') {
@@ -18275,222 +18310,25 @@ var $author$project$Internal$TextInput$textInput = F2(
 					})
 				]));
 	});
-var $author$project$Widget$Snackbar$current = function (model) {
-	return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
-};
-var $author$project$Widget$Snackbar$view = F3(
-	function (style, toMessage, model) {
-		return A2(
-			$elm$core$Maybe$map,
-			A2(
-				$elm$core$Basics$composeR,
-				toMessage,
-				function (_v0) {
-					var text = _v0.text;
-					var button = _v0.button;
-					return A2(
-						$mdgriffith$elm_ui$Element$row,
-						style.elementRow,
-						_List_fromArray(
-							[
-								A2(
-								$mdgriffith$elm_ui$Element$paragraph,
-								style.content.text.elementText,
-								$elm$core$List$singleton(
-									$mdgriffith$elm_ui$Element$text(text))),
-								A2(
-								$elm$core$Maybe$withDefault,
-								$mdgriffith$elm_ui$Element$none,
-								A2(
-									$elm$core$Maybe$map,
-									$author$project$Internal$Button$textButton(style.content.button),
-									button))
-							]));
-				}),
-			$author$project$Widget$Snackbar$current(model));
-	});
-var $author$project$Internal$Select$select = function (_v0) {
-	var selected = _v0.selected;
-	var options = _v0.options;
-	var onSelect = _v0.onSelect;
-	return A2(
-		$elm$core$List$indexedMap,
-		F2(
-			function (i, a) {
-				return _Utils_Tuple2(
-					_Utils_eq(
-						selected,
-						$elm$core$Maybe$Just(i)),
-					{
-						icon: a.icon,
-						onPress: onSelect(i),
-						text: a.text
-					});
-			}),
-		options);
-};
-var $author$project$Internal$Select$selectButton = F2(
-	function (style, _v0) {
-		var selected = _v0.a;
-		var b = _v0.b;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							b.icon(
-							_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : (selected ? style.content.content.icon.ifActive : style.content.content.icon.otherwise)),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(b.text))
-						])),
-				onPress: b.onPress
-			});
-	});
-var $author$project$Widget$Layout$viewLeftSheet = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				style.sheet,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-						$mdgriffith$elm_ui$Element$alignLeft
-					])),
-			A2(
-				$mdgriffith$elm_ui$Element$column,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					]),
-				$elm$core$List$concat(
-					_List_fromArray(
-						[
-							_List_fromArray(
-							[title]),
-							A2(
-							$elm$core$List$map,
-							$author$project$Internal$Select$selectButton(style.sheetButton),
-							$author$project$Internal$Select$select(menu))
-						]))));
-	});
-var $author$project$Widget$Layout$LeftSheet = {$: 'LeftSheet'};
-var $author$project$Widget$Layout$RightSheet = {$: 'RightSheet'};
-var $author$project$Widget$Layout$Search = {$: 'Search'};
-var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
-var $author$project$Internal$Button$iconButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_ap(
-					_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Region$description(text)
-						]))),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$el,
-					style.content.elementRow,
-					icon(
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise)),
-				onPress: onPress
-			});
-	});
-var $author$project$Widget$Layout$viewNav = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
+var $author$project$Internal$AppBar$internalNav = F3(
+	function (menuElements, style, _v0) {
 		var deviceClass = _v0.deviceClass;
-		var onChangedSidebar = _v0.onChangedSidebar;
+		var openRightSheet = _v0.openRightSheet;
+		var openTopSheet = _v0.openTopSheet;
 		var primaryActions = _v0.primaryActions;
-		var moreActions = _v0.moreActions;
 		var search = _v0.search;
 		return A2(
 			$mdgriffith$elm_ui$Element$row,
 			_Utils_ap(
-				style.header,
+				style.elementRow,
 				_List_fromArray(
 					[
-						$mdgriffith$elm_ui$Element$padding(0),
-						$mdgriffith$elm_ui$Element$centerX,
-						$mdgriffith$elm_ui$Element$spacing(style.spacing),
 						$mdgriffith$elm_ui$Element$alignTop,
 						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
 					])),
 			_List_fromArray(
 				[
-					A2(
-					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							$mdgriffith$elm_ui$Element$spacing(style.spacing)
-						]),
-					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
-						[
-							A2(
-							$author$project$Internal$Button$iconButton,
-							style.menuButton,
-							{
-								icon: style.menuIcon,
-								onPress: $elm$core$Maybe$Just(
-									onChangedSidebar(
-										$elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))),
-								text: 'Menu'
-							}),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.title,
-							A2(
-								$elm$core$Maybe$withDefault,
-								title,
-								A2(
-									$elm$core$Maybe$map,
-									A2(
-										$elm$core$Basics$composeR,
-										function ($) {
-											return $.text;
-										},
-										$mdgriffith$elm_ui$Element$text),
-									A2(
-										$elm$core$Maybe$andThen,
-										function (option) {
-											return A2(
-												$elm$core$Array$get,
-												option,
-												$elm$core$Array$fromList(menu.options));
-										},
-										menu.selected))))
-						]) : _List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Element$el, style.title, title),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-								]),
-							A2(
-								$elm$core$List$map,
-								$author$project$Internal$Select$selectButton(style.menuTabButton),
-								$author$project$Internal$Select$select(menu)))
-						])),
+					A2($mdgriffith$elm_ui$Element$row, style.content.menu.elementRow, menuElements),
 					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
 					$elm$core$Maybe$withDefault,
 					$mdgriffith$elm_ui$Element$none,
@@ -18502,7 +18340,7 @@ var $author$project$Widget$Layout$viewNav = F2(
 							var label = _v1.label;
 							return A2(
 								$author$project$Internal$TextInput$textInput,
-								style.search,
+								style.content.search,
 								{
 									chips: _List_Nil,
 									label: label,
@@ -18518,11 +18356,7 @@ var $author$project$Widget$Layout$viewNav = F2(
 						search)),
 					A2(
 					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							$mdgriffith$elm_ui$Element$alignRight
-						]),
+					style.content.actions.elementRow,
 					$elm$core$List$concat(
 						_List_fromArray(
 							[
@@ -18537,214 +18371,289 @@ var $author$project$Widget$Layout$viewNav = F2(
 											[
 												A2(
 												$author$project$Internal$Button$button,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
+												A2(
+													$author$project$Widget$Customize$elementButton,
+													_List_fromArray(
+														[
+															$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+														]),
+													style.content.actions.content.button),
+												{icon: style.content.actions.content.searchIcon, onPress: openTopSheet, text: label})
 											]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
 											[
 												A2(
 												$author$project$Internal$Button$iconButton,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
+												style.content.actions.content.button,
+												{icon: style.content.actions.content.searchIcon, onPress: openTopSheet, text: label})
 											]) : _List_Nil);
 									},
 									search)),
 								A2(
 								$elm$core$List$map,
-								_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Internal$Button$iconButton(style.menuButton) : $author$project$Internal$Button$button(style.menuButton),
-								primaryActions),
-								$elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
-								[
+								_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Internal$Button$iconButton(style.content.actions.content.button) : $author$project$Internal$Button$button(
 									A2(
-									$author$project$Internal$Button$iconButton,
-									style.menuButton,
-									{
-										icon: style.moreVerticalIcon,
-										onPress: $elm$core$Maybe$Just(
-											onChangedSidebar(
-												$elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))),
-										text: 'More'
-									})
-								])
+										$author$project$Widget$Customize$elementButton,
+										_List_fromArray(
+											[
+												$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+											]),
+										style.content.actions.content.button)),
+								primaryActions),
+								function () {
+								if (openRightSheet.$ === 'Nothing') {
+									return _List_Nil;
+								} else {
+									return _List_fromArray(
+										[
+											A2(
+											$author$project$Internal$Button$iconButton,
+											style.content.actions.content.button,
+											{icon: style.content.actions.content.moreVerticalIcon, onPress: openRightSheet, text: 'More'})
+										]);
+								}
+							}()
 							])))
 				]));
 	});
-var $author$project$Widget$Layout$view = F3(
-	function (style, _v0, content) {
-		var search = _v0.search;
-		var title = _v0.title;
-		var onChangedSidebar = _v0.onChangedSidebar;
-		var menu = _v0.menu;
-		var actions = _v0.actions;
-		var window = _v0.window;
-		var dialog = _v0.dialog;
-		var layout = _v0.layout;
-		var snackbar = A2(
-			$elm$core$Maybe$withDefault,
-			$mdgriffith$elm_ui$Element$none,
-			A2(
-				$elm$core$Maybe$map,
-				$mdgriffith$elm_ui$Element$el(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$padding(style.spacing),
-							$mdgriffith$elm_ui$Element$alignBottom,
-							$mdgriffith$elm_ui$Element$alignRight
-						])),
-				A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar)));
-		var deviceClass = $author$project$Widget$Layout$getDeviceClass(window);
-		var _v1 = $author$project$Widget$Layout$partitionActions(actions);
-		var primaryActions = _v1.primaryActions;
-		var moreActions = _v1.moreActions;
-		var sheet = function () {
-			var _v3 = layout.active;
-			if (_v3.$ === 'Just') {
-				switch (_v3.a.$) {
-					case 'LeftSheet':
-						var _v4 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$viewLeftSheet,
-							style,
-							{menu: menu, title: title});
-					case 'RightSheet':
-						var _v5 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$buttonSheet,
-							{
-								content: {content: style.sheetButton, elementColumn: _List_Nil},
-								element: _Utils_ap(
-									style.sheet,
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Element$alignRight]))
-							},
-							moreActions);
-					default:
-						var _v6 = _v3.a;
-						return A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$author$project$Internal$TextInput$textInput(
-										A2(
-											$author$project$Widget$Customize$mapContent,
-											function (record) {
-												return _Utils_update(
-													record,
-													{
-														text: A2(
-															$author$project$Widget$Customize$elementTextInput,
-															_List_fromArray(
-																[
-																	$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-																]),
-															record.text)
-													});
-											},
-											style.searchFill)),
-									$mdgriffith$elm_ui$Element$el(
-										_List_fromArray(
-											[
-												$mdgriffith$elm_ui$Element$alignTop,
-												$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-											]))),
-								search));
-				}
+var $author$project$Internal$AppBar$menuBar = F2(
+	function (style, m) {
+		return A3(
+			$author$project$Internal$AppBar$internalNav,
+			_List_fromArray(
+				[
+					A2(
+					$author$project$Internal$Button$iconButton,
+					style.content.actions.content.button,
+					{icon: style.content.menu.content.menuIcon, onPress: m.openLeftSheet, text: 'Menu'}),
+					A2($mdgriffith$elm_ui$Element$el, style.content.menu.content.title, m.title)
+				]),
+			{
+				content: {
+					actions: style.content.actions,
+					menu: {elementRow: style.content.menu.elementRow},
+					search: style.content.search
+				},
+				elementRow: style.elementRow
+			},
+			m);
+	});
+var $author$project$Widget$menuBar = $author$project$Internal$AppBar$menuBar;
+var $author$project$Widget$Layout$orderModals = function (modals) {
+	return A2(
+		$elm$core$List$filterMap,
+		$elm$core$Basics$identity,
+		_List_fromArray(
+			[modals.dialog, modals.leftSheet, modals.rightSheet, modals.topSheet]));
+};
+var $elm$core$List$drop = F2(
+	function (n, list) {
+		drop:
+		while (true) {
+			if (n <= 0) {
+				return list;
 			} else {
-				return $mdgriffith$elm_ui$Element$none;
+				if (!list.b) {
+					return list;
+				} else {
+					var x = list.a;
+					var xs = list.b;
+					var $temp$n = n - 1,
+						$temp$list = xs;
+					n = $temp$n;
+					list = $temp$list;
+					continue drop;
+				}
 			}
-		}();
-		var nav = A2(
-			$author$project$Widget$Layout$viewNav,
-			style,
-			{deviceClass: deviceClass, menu: menu, moreActions: moreActions, onChangedSidebar: onChangedSidebar, primaryActions: primaryActions, search: search, title: title});
-		return A2(
-			style.layout,
-			$elm$core$List$concat(
-				_List_fromArray(
-					[
-						style.container,
-						_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$inFront(nav),
-							$mdgriffith$elm_ui$Element$inFront(snackbar)
-						]),
-						function () {
-						if ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) {
-							if (dialog.$ === 'Just') {
-								var dialogConfig = dialog.a;
-								return dialogConfig;
-							} else {
-								return $author$project$Internal$Dialog$modal(
-									{
-										content: sheet,
-										onDismiss: $elm$core$Maybe$Just(
-											onChangedSidebar($elm$core$Maybe$Nothing))
-									});
+		}
+	});
+var $elm$core$List$takeReverse = F3(
+	function (n, list, kept) {
+		takeReverse:
+		while (true) {
+			if (n <= 0) {
+				return kept;
+			} else {
+				if (!list.b) {
+					return kept;
+				} else {
+					var x = list.a;
+					var xs = list.b;
+					var $temp$n = n - 1,
+						$temp$list = xs,
+						$temp$kept = A2($elm$core$List$cons, x, kept);
+					n = $temp$n;
+					list = $temp$list;
+					kept = $temp$kept;
+					continue takeReverse;
+				}
+			}
+		}
+	});
+var $elm$core$List$takeTailRec = F2(
+	function (n, list) {
+		return $elm$core$List$reverse(
+			A3($elm$core$List$takeReverse, n, list, _List_Nil));
+	});
+var $elm$core$List$takeFast = F3(
+	function (ctr, n, list) {
+		if (n <= 0) {
+			return _List_Nil;
+		} else {
+			var _v0 = _Utils_Tuple2(n, list);
+			_v0$1:
+			while (true) {
+				_v0$5:
+				while (true) {
+					if (!_v0.b.b) {
+						return list;
+					} else {
+						if (_v0.b.b.b) {
+							switch (_v0.a) {
+								case 1:
+									break _v0$1;
+								case 2:
+									var _v2 = _v0.b;
+									var x = _v2.a;
+									var _v3 = _v2.b;
+									var y = _v3.a;
+									return _List_fromArray(
+										[x, y]);
+								case 3:
+									if (_v0.b.b.b.b) {
+										var _v4 = _v0.b;
+										var x = _v4.a;
+										var _v5 = _v4.b;
+										var y = _v5.a;
+										var _v6 = _v5.b;
+										var z = _v6.a;
+										return _List_fromArray(
+											[x, y, z]);
+									} else {
+										break _v0$5;
+									}
+								default:
+									if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
+										var _v7 = _v0.b;
+										var x = _v7.a;
+										var _v8 = _v7.b;
+										var y = _v8.a;
+										var _v9 = _v8.b;
+										var z = _v9.a;
+										var _v10 = _v9.b;
+										var w = _v10.a;
+										var tl = _v10.b;
+										return (ctr > 1000) ? A2(
+											$elm$core$List$cons,
+											x,
+											A2(
+												$elm$core$List$cons,
+												y,
+												A2(
+													$elm$core$List$cons,
+													z,
+													A2(
+														$elm$core$List$cons,
+														w,
+														A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
+											$elm$core$List$cons,
+											x,
+											A2(
+												$elm$core$List$cons,
+												y,
+												A2(
+													$elm$core$List$cons,
+													z,
+													A2(
+														$elm$core$List$cons,
+														w,
+														A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
+									} else {
+										break _v0$5;
+									}
 							}
 						} else {
-							return _List_Nil;
+							if (_v0.a === 1) {
+								break _v0$1;
+							} else {
+								break _v0$5;
+							}
 						}
-					}()
-					])),
-			content);
+					}
+				}
+				return list;
+			}
+			var _v1 = _v0.b;
+			var x = _v1.a;
+			return _List_fromArray(
+				[x]);
+		}
 	});
-var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
-var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
-var $author$project$Main$ToggledExample = function (a) {
-	return {$: 'ToggledExample', a: a};
-};
-var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$alignTop
-	]);
-var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'};
-var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main);
-var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$centerX,
-		$mdgriffith$elm_ui$Element$centerY,
-		$mdgriffith$elm_ui$Element$width(
-		A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)),
-		$mdgriffith$elm_ui$Element$padding(20),
-		$mdgriffith$elm_ui$Element$Region$mainContent,
-		$mdgriffith$elm_ui$Element$Background$color(
-		A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255))
-	]);
-var $author$project$Internal$Item$toItem = F2(
-	function (style, element) {
-		return function (attr) {
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(attr, style.element),
-				element(style.content));
-		};
+var $elm$core$List$take = F2(
+	function (n, list) {
+		return A3($elm$core$List$takeFast, 0, n, list);
 	});
-var $author$project$Internal$Item$divider = function (style) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		style,
-		function (_v0) {
-			var element = _v0.element;
-			return A2($mdgriffith$elm_ui$Element$el, element, $mdgriffith$elm_ui$Element$none);
-		});
+var $author$project$Widget$Layout$partitionActions = function (actions) {
+	return {
+		moreActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))),
+		primaryActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions)))
+	};
 };
-var $author$project$Widget$divider = $author$project$Internal$Item$divider;
-var $author$project$Internal$Item$textItem = F2(
+var $feathericons$elm_feather$FeatherIcons$penTool = A2(
+	$feathericons$elm_feather$FeatherIcons$makeBuilder,
+	'pen-tool',
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$circle,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$cx('11'),
+					$elm$svg$Svg$Attributes$cy('11'),
+					$elm$svg$Svg$Attributes$r('2')
+				]),
+			_List_Nil)
+		]));
+var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
+var $mdgriffith$elm_ui$Element$paragraph = F2(
+	function (attrs, children) {
+		return A4(
+			$mdgriffith$elm_ui$Internal$Model$element,
+			$mdgriffith$elm_ui$Internal$Model$asParagraph,
+			$mdgriffith$elm_ui$Internal$Model$div,
+			A2(
+				$elm$core$List$cons,
+				$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
+				A2(
+					$elm$core$List$cons,
+					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+					A2(
+						$elm$core$List$cons,
+						$mdgriffith$elm_ui$Element$spacing(5),
+						attrs))),
+			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
+	});
+var $author$project$Internal$Item$insetItem = F2(
 	function (s, _v0) {
 		var onPress = _v0.onPress;
 		var text = _v0.text;
@@ -18783,6 +18692,603 @@ var $author$project$Internal$Item$textItem = F2(
 					});
 			});
 	});
+var $author$project$Widget$Layout$rightSheet = F2(
+	function (style, _v0) {
+		var onDismiss = _v0.onDismiss;
+		var moreActions = _v0.moreActions;
+		return {
+			content: A2(
+				$author$project$Internal$List$itemList,
+				A2(
+					$author$project$Widget$Customize$elementColumn,
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$alignRight]),
+					style.sheet),
+				A2(
+					$elm$core$List$map,
+					function (_v1) {
+						var onPress = _v1.onPress;
+						var text = _v1.text;
+						var icon = _v1.icon;
+						return A2(
+							$author$project$Internal$Item$insetItem,
+							style.insetItem,
+							{
+								content: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+								icon: icon,
+								onPress: onPress,
+								text: text
+							});
+					},
+					moreActions)),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $author$project$Widget$Customize$elementRow = F2(
+	function (list, a) {
+		return A2(
+			$author$project$Widget$Customize$mapElementRow,
+			function (b) {
+				return _Utils_ap(b, list);
+			},
+			a);
+	});
+var $author$project$Widget$Layout$searchSheet = F2(
+	function (style, _v0) {
+		var onDismiss = _v0.onDismiss;
+		var search = _v0.search;
+		return {
+			content: A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$alignTop,
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+					]),
+				A2(
+					$author$project$Internal$TextInput$textInput,
+					A2(
+						$author$project$Widget$Customize$mapContent,
+						function (record) {
+							return _Utils_update(
+								record,
+								{text: record.text});
+						},
+						A2(
+							$author$project$Widget$Customize$elementRow,
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
+								]),
+							style)),
+					search)),
+			onDismiss: $elm$core$Maybe$Just(onDismiss)
+		};
+	});
+var $author$project$Internal$Modal$background = function (onDismiss) {
+	return _List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$inFront(
+			A2(
+				$mdgriffith$elm_ui$Element$el,
+				_Utils_ap(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
+							$mdgriffith$elm_ui$Element$Background$color(
+							A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
+						]),
+					A2(
+						$elm$core$Maybe$withDefault,
+						_List_Nil,
+						A2(
+							$elm$core$Maybe$map,
+							A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
+							onDismiss))),
+				$mdgriffith$elm_ui$Element$none)),
+			$mdgriffith$elm_ui$Element$clip
+		]);
+};
+var $author$project$Internal$Modal$singleModal = A2(
+	$elm$core$Basics$composeR,
+	$elm$core$List$head,
+	A2(
+		$elm$core$Basics$composeR,
+		$elm$core$Maybe$map(
+			function (_v0) {
+				var onDismiss = _v0.onDismiss;
+				var content = _v0.content;
+				return _Utils_ap(
+					$author$project$Internal$Modal$background(onDismiss),
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$inFront(content)
+						]));
+			}),
+		$elm$core$Maybe$withDefault(_List_Nil)));
+var $author$project$Widget$singleModal = $author$project$Internal$Modal$singleModal;
+var $author$project$Internal$AppBar$tabBar = F2(
+	function (style, m) {
+		return A3(
+			$author$project$Internal$AppBar$internalNav,
+			_List_fromArray(
+				[
+					A2($mdgriffith$elm_ui$Element$el, style.content.menu.content.title, m.title),
+					A2(
+					$mdgriffith$elm_ui$Element$row,
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+						]),
+					A2(
+						$elm$core$List$map,
+						$author$project$Internal$Select$selectButton(style.content.menu.content.menuTabButton),
+						$author$project$Internal$Select$select(m.menu)))
+				]),
+			{
+				content: {
+					actions: style.content.actions,
+					menu: {elementRow: style.content.menu.elementRow},
+					search: style.content.search
+				},
+				elementRow: style.elementRow
+			},
+			m);
+	});
+var $author$project$Widget$tabBar = $author$project$Internal$AppBar$tabBar;
+var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class');
+var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
+var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin');
+var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
+	function (attributes, _v0) {
+		var src = _v0.a.src;
+		var attrs = _v0.a.attrs;
+		var strSize = $elm$core$String$fromFloat(attrs.size);
+		var baseAttributes = _List_fromArray(
+			[
+				$elm$svg$Svg$Attributes$fill('none'),
+				$elm$svg$Svg$Attributes$height(
+				_Utils_ap(strSize, attrs.sizeUnit)),
+				$elm$svg$Svg$Attributes$width(
+				_Utils_ap(strSize, attrs.sizeUnit)),
+				$elm$svg$Svg$Attributes$stroke('currentColor'),
+				$elm$svg$Svg$Attributes$strokeLinecap('round'),
+				$elm$svg$Svg$Attributes$strokeLinejoin('round'),
+				$elm$svg$Svg$Attributes$strokeWidth(
+				$elm$core$String$fromFloat(attrs.strokeWidth)),
+				$elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
+			]);
+		var combinedAttributes = _Utils_ap(
+			function () {
+				var _v1 = attrs._class;
+				if (_v1.$ === 'Just') {
+					var c = _v1.a;
+					return A2(
+						$elm$core$List$cons,
+						$elm$svg$Svg$Attributes$class(c),
+						baseAttributes);
+				} else {
+					return baseAttributes;
+				}
+			}(),
+			attributes);
+		return A2(
+			$elm$svg$Svg$svg,
+			combinedAttributes,
+			A2(
+				$elm$core$List$map,
+				$elm$svg$Svg$map($elm$core$Basics$never),
+				src));
+	});
+var $elm_community$intdict$IntDict$findMin = function (dict) {
+	findMin:
+	while (true) {
+		switch (dict.$) {
+			case 'Empty':
+				return $elm$core$Maybe$Nothing;
+			case 'Leaf':
+				var l = dict.a;
+				return $elm$core$Maybe$Just(
+					_Utils_Tuple2(l.key, l.value));
+			default:
+				var i = dict.a;
+				var $temp$dict = i.left;
+				dict = $temp$dict;
+				continue findMin;
+		}
+	}
+};
+var $elm_community$intdict$IntDict$after = F2(
+	function (key, dict) {
+		var go = F2(
+			function (def, currentDict) {
+				go:
+				while (true) {
+					switch (currentDict.$) {
+						case 'Empty':
+							return $elm_community$intdict$IntDict$findMin(def);
+						case 'Leaf':
+							var l = currentDict.a;
+							return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just(
+								_Utils_Tuple2(l.key, l.value));
+						default:
+							var i = currentDict.a;
+							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
+								return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left);
+							} else {
+								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
+									var $temp$def = def,
+										$temp$currentDict = i.right;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								} else {
+									var $temp$def = i.right,
+										$temp$currentDict = i.left;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								}
+							}
+					}
+				}
+			});
+		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
+	});
+var $elm$core$Maybe$andThen = F2(
+	function (callback, maybeValue) {
+		if (maybeValue.$ === 'Just') {
+			var value = maybeValue.a;
+			return callback(value);
+		} else {
+			return $elm$core$Maybe$Nothing;
+		}
+	});
+var $elm_community$intdict$IntDict$findMax = function (dict) {
+	findMax:
+	while (true) {
+		switch (dict.$) {
+			case 'Empty':
+				return $elm$core$Maybe$Nothing;
+			case 'Leaf':
+				var l = dict.a;
+				return $elm$core$Maybe$Just(
+					_Utils_Tuple2(l.key, l.value));
+			default:
+				var i = dict.a;
+				var $temp$dict = i.right;
+				dict = $temp$dict;
+				continue findMax;
+		}
+	}
+};
+var $elm_community$intdict$IntDict$before = F2(
+	function (key, dict) {
+		var go = F2(
+			function (def, currentDict) {
+				go:
+				while (true) {
+					switch (currentDict.$) {
+						case 'Empty':
+							return $elm_community$intdict$IntDict$findMax(def);
+						case 'Leaf':
+							var l = currentDict.a;
+							return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just(
+								_Utils_Tuple2(l.key, l.value));
+						default:
+							var i = currentDict.a;
+							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
+								return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right);
+							} else {
+								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
+									var $temp$def = i.left,
+										$temp$currentDict = i.right;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								} else {
+									var $temp$def = def,
+										$temp$currentDict = i.left;
+									def = $temp$def;
+									currentDict = $temp$currentDict;
+									continue go;
+								}
+							}
+					}
+				}
+			});
+		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
+	});
+var $author$project$Widget$ScrollingNav$current = F2(
+	function (fromString, _v0) {
+		var positions = _v0.positions;
+		var scrollPos = _v0.scrollPos;
+		return A2(
+			$elm$core$Maybe$andThen,
+			fromString,
+			A2(
+				$elm$core$Maybe$map,
+				$elm$core$Tuple$second,
+				A2(
+					$elm$core$Maybe$withDefault,
+					A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions),
+					A2(
+						$elm$core$Maybe$map,
+						$elm$core$Maybe$Just,
+						A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions)))));
+	});
+var $author$project$Widget$ScrollingNav$toSelect = F2(
+	function (onSelect, model) {
+		var arrangement = model.arrangement;
+		var toString = model.toString;
+		var fromString = model.fromString;
+		return {
+			onSelect: onSelect,
+			options: A2(
+				$elm$core$List$map,
+				function (s) {
+					return {
+						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+						text: toString(s)
+					};
+				},
+				arrangement),
+			selected: $elm$core$List$head(
+				A2(
+					$elm$core$List$filterMap,
+					function (_v0) {
+						var i = _v0.a;
+						var s = _v0.b;
+						return _Utils_eq(
+							$elm$core$Maybe$Just(s),
+							A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing;
+					},
+					A2(
+						$elm$core$List$indexedMap,
+						F2(
+							function (i, s) {
+								return _Utils_Tuple2(i, s);
+							}),
+						arrangement)))
+		};
+	});
+var $author$project$Widget$Snackbar$current = function (model) {
+	return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
+};
+var $author$project$Internal$Button$textButton = F2(
+	function (style, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		return A2(
+			$author$project$Internal$Button$button,
+			style,
+			{
+				icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+				onPress: onPress,
+				text: text
+			});
+	});
+var $author$project$Widget$Snackbar$view = F3(
+	function (style, toMessage, model) {
+		return A2(
+			$elm$core$Maybe$map,
+			A2(
+				$elm$core$Basics$composeR,
+				toMessage,
+				function (_v0) {
+					var text = _v0.text;
+					var button = _v0.button;
+					return A2(
+						$mdgriffith$elm_ui$Element$row,
+						style.elementRow,
+						_List_fromArray(
+							[
+								A2(
+								$mdgriffith$elm_ui$Element$paragraph,
+								style.content.text.elementText,
+								$elm$core$List$singleton(
+									$mdgriffith$elm_ui$Element$text(text))),
+								A2(
+								$elm$core$Maybe$withDefault,
+								$mdgriffith$elm_ui$Element$none,
+								A2(
+									$elm$core$Maybe$map,
+									$author$project$Internal$Button$textButton(style.content.button),
+									button))
+							]));
+				}),
+			$author$project$Widget$Snackbar$current(model));
+	});
+var $author$project$Main$viewLayout = F3(
+	function (msgMapper, style, model) {
+		var title = A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					])),
+			$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets'));
+		var snackbarElem = A2(
+			$elm$core$Maybe$withDefault,
+			$mdgriffith$elm_ui$Element$none,
+			A2(
+				$elm$core$Maybe$map,
+				$mdgriffith$elm_ui$Element$el(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$padding(8),
+							$mdgriffith$elm_ui$Element$alignBottom,
+							$mdgriffith$elm_ui$Element$alignRight
+						])),
+				A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, model.snackbar)));
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Main$ChangedSearch, msgMapper),
+			placeholder: $elm$core$Maybe$Just(
+				A2(
+					$mdgriffith$elm_ui$Element$Input$placeholder,
+					_List_Nil,
+					$mdgriffith$elm_ui$Element$text('Search Widgets...'))),
+			text: model.search.raw
+		};
+		var onDismiss = msgMapper(
+			$author$project$Main$ChangedSidebar($elm$core$Maybe$Nothing));
+		var onChangedSidebar = $author$project$Main$ChangedSidebar;
+		var menu = A2(
+			$author$project$Widget$ScrollingNav$toSelect,
+			function (_int) {
+				return A2(
+					$elm$core$Maybe$map,
+					$author$project$Main$JumpTo,
+					A2(
+						$elm$core$Array$get,
+						_int,
+						$elm$core$Array$fromList(model.scrollingNav.arrangement)));
+			},
+			model.scrollingNav);
+		var dialog = $elm$core$Maybe$Nothing;
+		var deviceClass = $author$project$Widget$Layout$getDeviceClass(model.window);
+		var actions = _List_fromArray(
+			[
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$book),
+				onPress: $elm$core$Maybe$Just(
+					$author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
+				text: 'Docs'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$github),
+				onPress: $elm$core$Maybe$Just(
+					$author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
+				text: 'Github'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
+				onPress: (!_Utils_eq(model.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
+					$author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
+				text: 'Material Theme'
+			},
+				{
+				icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
+				onPress: (!_Utils_eq(model.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
+					$author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
+				text: 'Dark Material Theme'
+			}
+			]);
+		var _v0 = $author$project$Widget$Layout$partitionActions(actions);
+		var primaryActions = _v0.primaryActions;
+		var moreActions = _v0.moreActions;
+		var modals = $author$project$Widget$Layout$orderModals(
+			{
+				bottomSheet: $elm$core$Maybe$Nothing,
+				dialog: dialog,
+				leftSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$LeftSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$leftSheet,
+						{button: style.sheetButton, sheet: style.sideSheet},
+						{menu: menu, onDismiss: onDismiss, title: title})) : $elm$core$Maybe$Nothing,
+				rightSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$RightSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$rightSheet,
+						{insetItem: style.insetItem, sheet: style.sideSheet},
+						{moreActions: moreActions, onDismiss: onDismiss})) : $elm$core$Maybe$Nothing,
+				topSheet: _Utils_eq(
+					model.active,
+					$elm$core$Maybe$Just($author$project$Main$Search)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$searchSheet,
+						style.searchFill,
+						{onDismiss: onDismiss, search: search})) : $elm$core$Maybe$Nothing
+			});
+		var nav = (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? A2(
+			$author$project$Widget$menuBar,
+			style.menuBar,
+			{
+				deviceClass: deviceClass,
+				openLeftSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$LeftSheet)))),
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$Search)))),
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			}) : A2(
+			$author$project$Widget$tabBar,
+			style.tabBar,
+			{
+				deviceClass: deviceClass,
+				menu: menu,
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Main$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Main$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Nothing,
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			});
+		return $elm$core$List$concat(
+			_List_fromArray(
+				[
+					style.container,
+					_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$inFront(snackbarElem),
+						$mdgriffith$elm_ui$Element$inFront(nav)
+					]),
+					$author$project$Widget$singleModal(modals)
+				]));
+	});
+var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
+var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
+var $author$project$Main$ToggledExample = function (a) {
+	return {$: 'ToggledExample', a: a};
+};
+var $author$project$Widget$asItem = $author$project$Internal$Item$asItem;
+var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+		$mdgriffith$elm_ui$Element$alignTop
+	]);
+var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'};
+var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main);
+var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
+	[
+		$mdgriffith$elm_ui$Element$centerX,
+		$mdgriffith$elm_ui$Element$centerY,
+		$mdgriffith$elm_ui$Element$width(
+		A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)),
+		$mdgriffith$elm_ui$Element$padding(20),
+		$mdgriffith$elm_ui$Element$Region$mainContent,
+		$mdgriffith$elm_ui$Element$Background$color(
+		A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255))
+	]);
+var $author$project$Internal$Item$divider = function (style) {
+	return A2(
+		$author$project$Internal$Item$toItem,
+		style,
+		function (_v0) {
+			var element = _v0.element;
+			return A2($mdgriffith$elm_ui$Element$el, element, $mdgriffith$elm_ui$Element$none);
+		});
+};
+var $author$project$Widget$divider = $author$project$Internal$Item$divider;
 var $author$project$Internal$Item$expansionItem = F2(
 	function (s, _v0) {
 		var icon = _v0.icon;
@@ -18793,7 +19299,7 @@ var $author$project$Internal$Item$expansionItem = F2(
 		return A2(
 			$elm$core$List$cons,
 			A2(
-				$author$project$Internal$Item$textItem,
+				$author$project$Internal$Item$insetItem,
 				s.item,
 				{
 					content: isExpanded ? s.collapseIcon : s.expandIcon,
@@ -18804,49 +19310,35 @@ var $author$project$Internal$Item$expansionItem = F2(
 				}),
 			isExpanded ? content : _List_Nil);
 	});
-var $author$project$Widget$expansionItem = $author$project$Internal$Item$expansionItem;
+var $author$project$Widget$expansionItem = function () {
+	var fun = $author$project$Internal$Item$expansionItem;
+	return fun;
+}();
+var $mdgriffith$elm_ui$Element$Font$bold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.bold);
+var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) {
+	return {$: 'Heading', a: a};
+};
+var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading);
+var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) {
+	var level = A3($elm$core$Basics$clamp, 1, 6, inputLevel);
+	var size = (level === 6) ? 14 : (32 - ((level - 1) * 4));
+	return _List_fromArray(
+		[
+			$mdgriffith$elm_ui$Element$Region$heading(level),
+			$mdgriffith$elm_ui$Element$Font$size(size),
+			$mdgriffith$elm_ui$Element$paddingEach(
+			{bottom: 2, left: 0, right: 0, top: 2}),
+			$mdgriffith$elm_ui$Element$alignLeft,
+			$mdgriffith$elm_ui$Element$Font$bold
+		]);
+};
 var $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$Framework$Heading$h(2);
 var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3);
-var $elm$html$Html$Attributes$href = function (url) {
-	return A2(
-		$elm$html$Html$Attributes$stringProperty,
-		'href',
-		_VirtualDom_noJavaScriptUri(url));
-};
 var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
-var $author$project$Internal$Item$item = function (element) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		{content: _Utils_Tuple0, element: _List_Nil},
-		$elm$core$Basics$always(element));
-};
-var $author$project$Widget$item = $author$project$Internal$Item$item;
-var $author$project$Internal$List$internal = F2(
-	function (style, list) {
-		return A2(
-			$elm$core$List$indexedMap,
-			F2(
-				function (i, fun) {
-					return fun(
-						_Utils_ap(
-							style.element,
-							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
-								i,
-								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
-				}),
-			list);
-	});
-var $author$project$Internal$List$itemList = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$author$project$Internal$List$internal(style.content),
-		$mdgriffith$elm_ui$Element$column(style.elementColumn));
-};
 var $author$project$Widget$itemList = function () {
 	var fun = $author$project$Internal$List$itemList;
 	return fun;
 }();
-var $elm$html$Html$Attributes$rel = _VirtualDom_attribute('rel');
 var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219);
 var $Orasund$elm_ui_framework$Framework$Grid$simple = _List_fromArray(
 	[
@@ -18864,26 +19356,6 @@ var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap(
 			$mdgriffith$elm_ui$Element$paddingEach(
 			{bottom: 30, left: 0, right: 0, top: 10})
 		]));
-var $author$project$Reusable$layout = function (_v0) {
-	return _Utils_Tuple3(
-		'Layout',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('The layout combines the menu bar, both side bar, the dialog window and the snackbar. Try using all of them and also try resizing the window to see how they interact with each other.'))),
-		_List_Nil);
-};
-var $author$project$Reusable$scrollingNavCard = function (_v0) {
-	return _Utils_Tuple3(
-		'Scrolling Nav',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))),
-		_List_Nil);
-};
 var $author$project$Widget$button = function () {
 	var fun = $author$project$Internal$Button$button;
 	return fun;
@@ -18928,9 +19400,7 @@ var $author$project$Reusable$view = function (_v0) {
 		description: 'Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.',
 		items: _List_fromArray(
 			[
-				A2($author$project$Reusable$snackbar, style, addSnackbar),
-				$author$project$Reusable$scrollingNavCard(style),
-				$author$project$Reusable$layout(style)
+				A2($author$project$Reusable$snackbar, style, addSnackbar)
 			]),
 		title: 'Reusable Views'
 	};
@@ -18982,10 +19452,26 @@ var $author$project$Data$Example$get = function (example) {
 			return function ($) {
 				return $.progressIndicator;
 			};
-		default:
+		case 'IconExample':
 			return function ($) {
 				return $.icon;
 			};
+		case 'SheetExample':
+			return function ($) {
+				return $.sheet;
+			};
+		case 'AppBarExample':
+			return function ($) {
+				return $.appBar;
+			};
+		case 'LayoutExample':
+			return function ($) {
+				return $.layout;
+			};
+		default:
+			return function ($) {
+				return $.snackbar;
+			};
 	}
 };
 var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
@@ -18996,6 +19482,10 @@ var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
 		$mdgriffith$elm_ui$Element$centerX,
 		$mdgriffith$elm_ui$Element$centerY
 	]);
+var $author$project$View$States$appBar = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Widget$iconButton = function () {
 	var fun = $author$project$Internal$Button$iconButton;
 	return fun;
@@ -19101,6 +19591,10 @@ var $author$project$View$States$icon = F2(
 	function (_v0, style) {
 		return _List_Nil;
 	});
+var $author$project$View$States$layout = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Internal$List$column = function (style) {
 	return A2(
 		$elm$core$Basics$composeR,
@@ -19511,6 +20005,14 @@ var $author$project$View$States$select = F2(
 						})))
 			]);
 	});
+var $author$project$View$States$sheet = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
+var $author$project$View$States$snackbar = F2(
+	function (_v0, style) {
+		return _List_Nil;
+	});
 var $author$project$Internal$SortTable$Column = function (a) {
 	return {$: 'Column', a: a};
 };
@@ -20367,20 +20869,30 @@ var $author$project$Data$Example$toTests = function (example) {
 			return $author$project$View$States$list;
 		case 'ProgressIndicatorExample':
 			return $author$project$View$States$progressIndicator;
-		default:
+		case 'IconExample':
 			return $author$project$View$States$icon;
+		case 'SheetExample':
+			return $author$project$View$States$sheet;
+		case 'AppBarExample':
+			return $author$project$View$States$appBar;
+		case 'LayoutExample':
+			return $author$project$View$States$layout;
+		default:
+			return $author$project$View$States$snackbar;
 	}
 };
 var $icidasset$elm_material_icons$Material$Icons$Types$Color = function (a) {
 	return {$: 'Color', a: a};
 };
-var $author$project$Example$Button$Decrease = function (a) {
-	return {$: 'Decrease', a: a};
+var $author$project$Example$AppBar$SetDesign = function (a) {
+	return {$: 'SetDesign', a: a};
 };
-var $author$project$Example$Button$Increase = function (a) {
-	return {$: 'Increase', a: a};
+var $author$project$Example$AppBar$SetSearch = function (a) {
+	return {$: 'SetSearch', a: a};
+};
+var $author$project$Example$AppBar$SetSelected = function (a) {
+	return {$: 'SetSelected', a: a};
 };
-var $author$project$Example$Button$Reset = {$: 'Reset'};
 var $icidasset$elm_material_icons$Material$Icons$Internal$icon = F4(
 	function (attributes, nodes, size, coloring) {
 		var sizeAsString = $elm$core$String$fromInt(size);
@@ -20412,6 +20924,134 @@ var $icidasset$elm_material_icons$Material$Icons$Internal$icon = F4(
 					nodes)
 				]));
 	});
+var $icidasset$elm_material_icons$Material$Icons$change_history = A2(
+	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
+	_List_fromArray(
+		[
+			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
+		]),
+	_List_fromArray(
+		[
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M0 0h24v24H0V0z'),
+					$elm$svg$Svg$Attributes$fill('none')
+				]),
+			_List_Nil),
+			A2(
+			$elm$svg$Svg$path,
+			_List_fromArray(
+				[
+					$elm$svg$Svg$Attributes$d('M12 7.77L18.39 18H5.61L12 7.77M12 4L2 20h20L12 4z')
+				]),
+			_List_Nil)
+		]));
+var $author$project$Widget$Icon$elmMaterialIcons = F2(
+	function (wrapper, fun) {
+		return function (_v0) {
+			var size = _v0.size;
+			var color = _v0.color;
+			return A2(
+				$mdgriffith$elm_ui$Element$el,
+				_List_Nil,
+				$mdgriffith$elm_ui$Element$html(
+					A2(
+						fun,
+						size,
+						wrapper(color))));
+		};
+	});
+var $author$project$Example$AppBar$view = F3(
+	function (msgMapper, style, model) {
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Example$AppBar$SetSearch, msgMapper),
+			placeholder: $elm$core$Maybe$Nothing,
+			text: model.search
+		};
+		var primaryActions = _List_fromArray(
+			[
+				{
+				icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$change_history),
+				onPress: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+				text: 'Action'
+			}
+			]);
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+				]),
+			model.isMenuBar ? A2(
+				$author$project$Widget$menuBar,
+				style.menuBar,
+				{
+					deviceClass: $mdgriffith$elm_ui$Element$Tablet,
+					openLeftSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openRightSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openTopSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					primaryActions: primaryActions,
+					search: $elm$core$Maybe$Just(search),
+					title: A2(
+						$mdgriffith$elm_ui$Element$el,
+						$author$project$Widget$Material$Typography$h6,
+						$mdgriffith$elm_ui$Element$text('Title'))
+				}) : A2(
+				$author$project$Widget$tabBar,
+				style.tabBar,
+				{
+					deviceClass: $mdgriffith$elm_ui$Element$Phone,
+					menu: {
+						onSelect: A2(
+							$elm$core$Basics$composeR,
+							$author$project$Example$AppBar$SetSelected,
+							A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+						options: A2(
+							$elm$core$List$map,
+							function (string) {
+								return {
+									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+									text: string
+								};
+							},
+							_List_fromArray(
+								['Home', 'About'])),
+						selected: $elm$core$Maybe$Just(model.selected)
+					},
+					openRightSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					openTopSheet: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$AppBar$SetDesign(!model.isMenuBar))),
+					primaryActions: primaryActions,
+					search: $elm$core$Maybe$Just(search),
+					title: A2(
+						$mdgriffith$elm_ui$Element$el,
+						$author$project$Widget$Material$Typography$h6,
+						$mdgriffith$elm_ui$Element$text('Title'))
+				}));
+	});
+var $author$project$Example$Button$Decrease = function (a) {
+	return {$: 'Decrease', a: a};
+};
+var $author$project$Example$Button$Increase = function (a) {
+	return {$: 'Increase', a: a};
+};
+var $author$project$Example$Button$Reset = {$: 'Reset'};
 var $icidasset$elm_material_icons$Material$Icons$add = A2(
 	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
 	_List_fromArray(
@@ -20453,47 +21093,6 @@ var $author$project$Widget$Customize$element = F2(
 			},
 			a);
 	});
-var $author$project$Widget$Customize$mapElementColumn = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementColumn: fun(a.elementColumn)
-			});
-	});
-var $author$project$Widget$Customize$elementColumn = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementColumn,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Customize$elementRow = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementRow,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Icon$elmMaterialIcons = F2(
-	function (wrapper, fun) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						size,
-						wrapper(color))));
-		};
-	});
 var $icidasset$elm_material_icons$Material$Icons$exposure_plus_2 = A2(
 	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
 	_List_fromArray(
@@ -20688,6 +21287,89 @@ var $author$project$Example$Button$view = F3(
 var $author$project$Example$Dialog$OpenDialog = function (a) {
 	return {$: 'OpenDialog', a: a};
 };
+var $author$project$Internal$Dialog$dialog = F2(
+	function (style, _v0) {
+		var title = _v0.title;
+		var text = _v0.text;
+		var accept = _v0.accept;
+		var dismiss = _v0.dismiss;
+		return {
+			content: A2(
+				$mdgriffith$elm_ui$Element$column,
+				_Utils_ap(
+					_List_fromArray(
+						[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
+					style.elementColumn),
+				_List_fromArray(
+					[
+						A2(
+						$elm$core$Maybe$withDefault,
+						$mdgriffith$elm_ui$Element$none,
+						A2(
+							$elm$core$Maybe$map,
+							A2(
+								$elm$core$Basics$composeR,
+								$mdgriffith$elm_ui$Element$text,
+								$mdgriffith$elm_ui$Element$el(style.content.title.contentText)),
+							title)),
+						A2(
+						$mdgriffith$elm_ui$Element$paragraph,
+						style.content.text.contentText,
+						$elm$core$List$singleton(
+							$mdgriffith$elm_ui$Element$text(text))),
+						A2(
+						$mdgriffith$elm_ui$Element$row,
+						_Utils_ap(
+							_List_fromArray(
+								[
+									$mdgriffith$elm_ui$Element$alignRight,
+									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
+								]),
+							style.content.buttons.elementRow),
+						function () {
+							var _v1 = _Utils_Tuple2(accept, dismiss);
+							if (_v1.a.$ === 'Just') {
+								if (_v1.b.$ === 'Nothing') {
+									var acceptButton = _v1.a.a;
+									var _v2 = _v1.b;
+									return $elm$core$List$singleton(
+										A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton));
+								} else {
+									var acceptButton = _v1.a.a;
+									var dismissButton = _v1.b.a;
+									return _List_fromArray(
+										[
+											A2($author$project$Internal$Button$textButton, style.content.buttons.content.dismiss, dismissButton),
+											A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton)
+										]);
+								}
+							} else {
+								return _List_Nil;
+							}
+						}())
+					])),
+			onDismiss: function () {
+				var _v3 = _Utils_Tuple2(accept, dismiss);
+				if (_v3.a.$ === 'Nothing') {
+					if (_v3.b.$ === 'Nothing') {
+						var _v4 = _v3.a;
+						var _v5 = _v3.b;
+						return $elm$core$Maybe$Nothing;
+					} else {
+						var _v6 = _v3.a;
+						var onPress = _v3.b.a.onPress;
+						return onPress;
+					}
+				} else {
+					return $elm$core$Maybe$Nothing;
+				}
+			}()
+		};
+	});
+var $author$project$Widget$dialog = function () {
+	var fun = $author$project$Internal$Dialog$dialog;
+	return fun;
+}();
 var $feathericons$elm_feather$FeatherIcons$eye = A2(
 	$feathericons$elm_feather$FeatherIcons$makeBuilder,
 	'eye',
@@ -20723,27 +21405,29 @@ var $author$project$Example$Dialog$view = F3(
 						$mdgriffith$elm_ui$Element$width(
 						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
 					]),
-				isOpen ? A2(
-					$author$project$Widget$dialog,
-					style.dialog,
-					{
-						accept: $elm$core$Maybe$Just(
+				isOpen ? $author$project$Widget$singleModal(
+					$elm$core$List$singleton(
+						A2(
+							$author$project$Widget$dialog,
+							style.dialog,
 							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Ok'
-							}),
-						dismiss: $elm$core$Maybe$Just(
-							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Dismiss'
-							}),
-						text: 'This is a dialog window',
-						title: $elm$core$Maybe$Just('Dialog')
-					}) : _List_Nil),
+								accept: $elm$core$Maybe$Just(
+									{
+										onPress: $elm$core$Maybe$Just(
+											msgMapper(
+												$author$project$Example$Dialog$OpenDialog(false))),
+										text: 'Ok'
+									}),
+								dismiss: $elm$core$Maybe$Just(
+									{
+										onPress: $elm$core$Maybe$Just(
+											msgMapper(
+												$author$project$Example$Dialog$OpenDialog(false))),
+										text: 'Dismiss'
+									}),
+								text: 'This is a dialog window',
+								title: $elm$core$Maybe$Just('Dialog')
+							}))) : _List_Nil),
 			A2(
 				$author$project$Widget$button,
 				style.primaryButton,
@@ -20752,7 +21436,7 @@ var $author$project$Example$Dialog$view = F3(
 					onPress: $elm$core$Maybe$Just(
 						msgMapper(
 							$author$project$Example$Dialog$OpenDialog(true))),
-					text: 'show Dialog'
+					text: 'Show Dialog'
 				}));
 	});
 var $author$project$Widget$Icon$antDesignIconsElm = function (fun) {
@@ -21541,9 +22225,253 @@ var $author$project$Example$Icon$view = F3(
 							])))
 				]));
 	});
+var $author$project$Example$Layout$AddSnackbar = {$: 'AddSnackbar'};
+var $author$project$Example$Layout$ChangedSidebar = function (a) {
+	return {$: 'ChangedSidebar', a: a};
+};
+var $author$project$Example$Layout$LeftSheet = {$: 'LeftSheet'};
+var $author$project$Example$Layout$Search = {$: 'Search'};
+var $author$project$Example$Layout$SetSearchText = function (a) {
+	return {$: 'SetSearchText', a: a};
+};
+var $author$project$Example$Layout$SetSelected = function (a) {
+	return {$: 'SetSelected', a: a};
+};
+var $author$project$Example$Layout$ShowDialog = function (a) {
+	return {$: 'ShowDialog', a: a};
+};
+var $author$project$Example$Layout$view = F3(
+	function (msgMapper, style, _v0) {
+		var snackbar = _v0.snackbar;
+		var searchText = _v0.searchText;
+		var selected = _v0.selected;
+		var showDialog = _v0.showDialog;
+		var active = _v0.active;
+		var title = A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				$author$project$Widget$Material$Typography$h6,
+				_List_fromArray(
+					[
+						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
+					])),
+			$mdgriffith$elm_ui$Element$text('Title'));
+		var snackbarElem = A2(
+			$elm$core$Maybe$withDefault,
+			$mdgriffith$elm_ui$Element$none,
+			A2(
+				$elm$core$Maybe$map,
+				$mdgriffith$elm_ui$Element$el(
+					_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$padding(8),
+							$mdgriffith$elm_ui$Element$alignBottom,
+							$mdgriffith$elm_ui$Element$alignRight
+						])),
+				A3(
+					$author$project$Widget$Snackbar$view,
+					style.snackbar,
+					function (text) {
+						return {button: $elm$core$Maybe$Nothing, text: text};
+					},
+					snackbar)));
+		var search = {
+			chips: _List_Nil,
+			label: 'Search',
+			onChange: A2($elm$core$Basics$composeR, $author$project$Example$Layout$SetSearchText, msgMapper),
+			placeholder: $elm$core$Maybe$Nothing,
+			text: searchText
+		};
+		var onDismiss = msgMapper(
+			$author$project$Example$Layout$ChangedSidebar($elm$core$Maybe$Nothing));
+		var onChangedSidebar = $author$project$Example$Layout$ChangedSidebar;
+		var menu = {
+			onSelect: A2(
+				$elm$core$Basics$composeR,
+				$author$project$Example$Layout$SetSelected,
+				A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
+			options: A2(
+				$elm$core$List$map,
+				function (string) {
+					return {
+						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+						text: string
+					};
+				},
+				_List_fromArray(
+					['Home', 'About'])),
+			selected: $elm$core$Maybe$Just(selected)
+		};
+		var dialog = showDialog ? $elm$core$Maybe$Just(
+			A2(
+				$author$project$Widget$dialog,
+				style.dialog,
+				{
+					accept: $elm$core$Maybe$Nothing,
+					dismiss: $elm$core$Maybe$Just(
+						{
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Layout$ShowDialog(false))),
+							text: 'Accept'
+						}),
+					text: 'This is a dialog window',
+					title: $elm$core$Maybe$Just('Dialog')
+				})) : $elm$core$Maybe$Nothing;
+		var deviceClass = $mdgriffith$elm_ui$Element$Phone;
+		var actions = A2(
+			$elm$core$List$repeat,
+			5,
+			{
+				icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$change_history),
+				onPress: $elm$core$Maybe$Nothing,
+				text: 'Action'
+			});
+		var _v1 = $author$project$Widget$Layout$partitionActions(actions);
+		var primaryActions = _v1.primaryActions;
+		var moreActions = _v1.moreActions;
+		var modals = $author$project$Widget$Layout$orderModals(
+			{
+				bottomSheet: $elm$core$Maybe$Nothing,
+				dialog: dialog,
+				leftSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$LeftSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$leftSheet,
+						{button: style.sheetButton, sheet: style.sideSheet},
+						{menu: menu, onDismiss: onDismiss, title: title})) : $elm$core$Maybe$Nothing,
+				rightSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$rightSheet,
+						{insetItem: style.insetItem, sheet: style.sideSheet},
+						{moreActions: moreActions, onDismiss: onDismiss})) : $elm$core$Maybe$Nothing,
+				topSheet: _Utils_eq(
+					active,
+					$elm$core$Maybe$Just($author$project$Example$Layout$Search)) ? $elm$core$Maybe$Just(
+					A2(
+						$author$project$Widget$Layout$searchSheet,
+						style.searchFill,
+						{onDismiss: onDismiss, search: search})) : $elm$core$Maybe$Nothing
+			});
+		var nav = (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? A2(
+			$author$project$Widget$menuBar,
+			style.menuBar,
+			{
+				deviceClass: deviceClass,
+				openLeftSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$LeftSheet)))),
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$Search)))),
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			}) : A2(
+			$author$project$Widget$tabBar,
+			style.tabBar,
+			{
+				deviceClass: deviceClass,
+				menu: menu,
+				openRightSheet: $elm$core$Maybe$Just(
+					msgMapper(
+						$author$project$Example$Layout$ChangedSidebar(
+							$elm$core$Maybe$Just($author$project$Example$Layout$RightSheet)))),
+				openTopSheet: $elm$core$Maybe$Nothing,
+				primaryActions: primaryActions,
+				search: $elm$core$Maybe$Just(search),
+				title: title
+			});
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			$elm$core$List$concat(
+				_List_fromArray(
+					[
+						style.container,
+						_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$inFront(snackbarElem)
+						]),
+						$author$project$Widget$singleModal(modals),
+						_List_fromArray(
+						[
+							$mdgriffith$elm_ui$Element$height(
+							A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+							$mdgriffith$elm_ui$Element$width(
+							A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+						])
+					])),
+			A2(
+				$mdgriffith$elm_ui$Element$column,
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
+						$mdgriffith$elm_ui$Element$spacing(8)
+					]),
+				_List_fromArray(
+					[
+						nav,
+						A2(
+						$author$project$Widget$button,
+						style.containedButton,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper($author$project$Example$Layout$AddSnackbar)),
+							text: 'Add Notification'
+						})
+					])));
+	});
 var $author$project$Example$List$ToggleCollapsable = function (a) {
 	return {$: 'ToggleCollapsable', a: a};
 };
+var $author$project$Internal$Item$fullBleedItem = F2(
+	function (s, _v0) {
+		var onPress = _v0.onPress;
+		var text = _v0.text;
+		var icon = _v0.icon;
+		return A2(
+			$author$project$Internal$Item$toItem,
+			s,
+			function (style) {
+				return A2(
+					$mdgriffith$elm_ui$Element$Input$button,
+					_Utils_ap(
+						style.elementButton,
+						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
+					{
+						label: A2(
+							$mdgriffith$elm_ui$Element$row,
+							style.content.elementRow,
+							_List_fromArray(
+								[
+									A2(
+									$mdgriffith$elm_ui$Element$el,
+									style.content.content.text.elementText,
+									A2(
+										$mdgriffith$elm_ui$Element$paragraph,
+										_List_Nil,
+										$elm$core$List$singleton(
+											$mdgriffith$elm_ui$Element$text(text)))),
+									icon(style.content.content.icon)
+								])),
+						onPress: onPress
+					});
+			});
+	});
+var $author$project$Widget$fullBleedItem = function () {
+	var fun = $author$project$Internal$Item$fullBleedItem;
+	return fun;
+}();
 var $author$project$Internal$Item$headerItem = F2(
 	function (style, title) {
 		return A2(
@@ -21653,7 +22581,14 @@ var $author$project$Internal$Item$imageItem = F2(
 					});
 			});
 	});
-var $author$project$Widget$imageItem = $author$project$Internal$Item$imageItem;
+var $author$project$Widget$imageItem = function () {
+	var fun = $author$project$Internal$Item$imageItem;
+	return fun;
+}();
+var $author$project$Widget$insetItem = function () {
+	var fun = $author$project$Internal$Item$insetItem;
+	return fun;
+}();
 var $author$project$Internal$Item$multiLineItem = F2(
 	function (s, _v0) {
 		var onPress = _v0.onPress;
@@ -21702,8 +22637,11 @@ var $author$project$Internal$Item$multiLineItem = F2(
 					});
 			});
 	});
-var $author$project$Widget$multiLineItem = $author$project$Internal$Item$multiLineItem;
-var $author$project$Widget$textItem = $author$project$Internal$Item$textItem;
+var $author$project$Widget$multiLineItem = function () {
+	var fun = $author$project$Internal$Item$multiLineItem;
+	return fun;
+}();
+var $author$project$Widget$selectItem = $author$project$Internal$Item$selectItem;
 var $author$project$Example$List$view = F3(
 	function (msgMapper, style, _v0) {
 		var isExpanded = _v0.a;
@@ -21714,23 +22652,25 @@ var $author$project$Example$List$view = F3(
 				_List_fromArray(
 					[
 						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 1'),
-						$author$project$Widget$item(
+						$author$project$Widget$asItem(
 						$mdgriffith$elm_ui$Element$text('Custom Item')),
 						$author$project$Widget$divider(style.middleDivider),
-						$author$project$Widget$item(
 						A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[$mdgriffith$elm_ui$Element$centerY]),
-							$mdgriffith$elm_ui$Element$text('Custom Item (centered)'))),
+						$author$project$Widget$fullBleedItem,
+						style.fullBleedItem,
+						{
+							icon: function (_v1) {
+								return $mdgriffith$elm_ui$Element$none;
+							},
+							onPress: $elm$core$Maybe$Nothing,
+							text: 'Full Bleed Item'
+						}),
 						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 2'),
 						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
+						$author$project$Widget$insetItem,
+						style.insetItem,
 						{
-							content: function (_v1) {
-								var size = _v1.size;
-								var color = _v1.color;
+							content: function (_v2) {
 								return $mdgriffith$elm_ui$Element$none;
 							},
 							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
@@ -21741,9 +22681,9 @@ var $author$project$Example$List$view = F3(
 						$author$project$Widget$imageItem,
 						style.imageItem,
 						{
-							content: function (_v2) {
-								var size = _v2.size;
-								var color = _v2.color;
+							content: function (_v3) {
+								var size = _v3.size;
+								var color = _v3.color;
 								return A2(
 									$mdgriffith$elm_ui$Element$el,
 									_List_fromArray(
@@ -21769,12 +22709,12 @@ var $author$project$Example$List$view = F3(
 						}),
 						$author$project$Widget$divider(style.insetDivider),
 						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
+						$author$project$Widget$insetItem,
+						style.insetItem,
 						{
-							content: function (_v3) {
-								var size = _v3.size;
-								var color = _v3.color;
+							content: function (_v4) {
+								var size = _v4.size;
+								var color = _v4.color;
 								return A2(
 									$mdgriffith$elm_ui$Element$el,
 									_List_fromArray(
@@ -21805,9 +22745,7 @@ var $author$project$Example$List$view = F3(
 						$author$project$Widget$imageItem,
 						style.imageItem,
 						{
-							content: function (_v4) {
-								var size = _v4.size;
-								var color = _v4.color;
+							content: function (_v5) {
 								return A2(
 									$author$project$Widget$switch,
 									style._switch,
@@ -21827,45 +22765,94 @@ var $author$project$Example$List$view = F3(
 						}),
 						$author$project$Widget$divider(style.fullBleedDivider)
 					]),
-				A2(
-					$author$project$Widget$expansionItem,
-					style.expansionItem,
-					{
-						content: _List_fromArray(
+				_Utils_ap(
+					A2(
+						$author$project$Widget$expansionItem,
+						style.expansionItem,
+						{
+							content: _List_fromArray(
+								[
+									A2($author$project$Widget$headerItem, style.insetHeader, 'Section 3'),
+									A2(
+									$author$project$Widget$insetItem,
+									style.insetItem,
+									{
+										content: function (_v6) {
+											var size = _v6.size;
+											var color = _v6.color;
+											return A2(
+												$mdgriffith$elm_ui$Element$el,
+												_List_fromArray(
+													[
+														$mdgriffith$elm_ui$Element$Font$color(
+														$author$project$Widget$Material$Color$fromColor(color)),
+														$mdgriffith$elm_ui$Element$Font$size(size)
+													]),
+												$mdgriffith$elm_ui$Element$text('3.'));
+										},
+										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+										onPress: $elm$core$Maybe$Nothing,
+										text: 'Item'
+									})
+								]),
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							isExpanded: isExpanded,
+							onToggle: A2($elm$core$Basics$composeR, $author$project$Example$List$ToggleCollapsable, msgMapper),
+							text: 'Expandable Item'
+						}),
+					_Utils_ap(
+						_List_fromArray(
 							[
-								A2($author$project$Widget$headerItem, style.insetHeader, 'Section 3'),
-								A2(
-								$author$project$Widget$textItem,
-								style.textItem,
-								{
-									content: function (_v5) {
-										var size = _v5.size;
-										var color = _v5.color;
-										return A2(
-											$mdgriffith$elm_ui$Element$el,
-											_List_fromArray(
-												[
-													$mdgriffith$elm_ui$Element$Font$color(
-													$author$project$Widget$Material$Color$fromColor(color)),
-													$mdgriffith$elm_ui$Element$Font$size(size)
-												]),
-											$mdgriffith$elm_ui$Element$text('3.'));
-									},
-									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-									onPress: $elm$core$Maybe$Nothing,
-									text: 'Item'
-								})
+								A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Menu')
 							]),
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						isExpanded: isExpanded,
-						onToggle: A2($elm$core$Basics$composeR, $author$project$Example$List$ToggleCollapsable, msgMapper),
-						text: 'Expandable Item'
-					})));
+						A2(
+							$author$project$Widget$selectItem,
+							style.selectItem,
+							{
+								onSelect: function (_int) {
+									return $elm$core$Maybe$Just(
+										msgMapper(
+											$author$project$Example$List$ToggleCollapsable(_int === 1)));
+								},
+								options: A2(
+									$elm$core$List$map,
+									function (bool) {
+										return {
+											icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+											text: bool ? 'Expanded' : 'Collapsed'
+										};
+									},
+									_List_fromArray(
+										[true, false])),
+								selected: isExpanded ? $elm$core$Maybe$Just(1) : $elm$core$Maybe$Just(0)
+							})))));
 	});
 var $author$project$Example$Modal$ToggleModal = function (a) {
 	return {$: 'ToggleModal', a: a};
 };
-var $author$project$Widget$modal = $author$project$Internal$Dialog$modal;
+var $author$project$Internal$Modal$multiModal = function (list) {
+	if (list.b) {
+		var head = list.a;
+		var tail = list.b;
+		return _Utils_ap(
+			A2(
+				$elm$core$List$map,
+				function (_v1) {
+					var content = _v1.content;
+					return $mdgriffith$elm_ui$Element$inFront(content);
+				},
+				$elm$core$List$reverse(tail)),
+			_Utils_ap(
+				$author$project$Internal$Modal$background(head.onDismiss),
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$inFront(head.content)
+					])));
+	} else {
+		return _List_Nil;
+	}
+};
+var $author$project$Widget$multiModal = $author$project$Internal$Modal$multiModal;
 var $author$project$Example$Modal$view = F3(
 	function (msgMapper, style, _v0) {
 		var isEnabled = _v0.a;
@@ -21879,32 +22866,79 @@ var $author$project$Example$Modal$view = F3(
 						$mdgriffith$elm_ui$Element$width(
 						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
 					]),
-				isEnabled ? $author$project$Widget$modal(
-					{
-						content: A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$height(
-									$mdgriffith$elm_ui$Element$px(100)),
-									$mdgriffith$elm_ui$Element$width(
-									$mdgriffith$elm_ui$Element$px(250)),
-									$mdgriffith$elm_ui$Element$centerX,
-									$mdgriffith$elm_ui$Element$centerY
-								]),
-							A2(
-								$author$project$Widget$column,
-								style.cardColumn,
-								$elm$core$List$singleton(
-									A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
-						onDismiss: $elm$core$Maybe$Just(
-							msgMapper(
-								$author$project$Example$Modal$ToggleModal(false)))
-					}) : _List_Nil),
+				isEnabled ? $author$project$Widget$multiModal(
+					_List_fromArray(
+						[
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(250)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
+							onDismiss: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Modal$ToggleModal(false)))
+						},
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$height(
+										$mdgriffith$elm_ui$Element$px(150)),
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(200)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('This card can not be selected.')))))),
+							onDismiss: $elm$core$Maybe$Nothing
+						},
+							{
+							content: A2(
+								$mdgriffith$elm_ui$Element$el,
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$height(
+										$mdgriffith$elm_ui$Element$px(300)),
+										$mdgriffith$elm_ui$Element$width(
+										$mdgriffith$elm_ui$Element$px(300)),
+										$mdgriffith$elm_ui$Element$centerX,
+										$mdgriffith$elm_ui$Element$centerY
+									]),
+								A2(
+									$author$project$Widget$column,
+									style.cardColumn,
+									$elm$core$List$singleton(
+										A2(
+											$mdgriffith$elm_ui$Element$paragraph,
+											_List_Nil,
+											$elm$core$List$singleton(
+												$mdgriffith$elm_ui$Element$text('This is message is behind the other two')))))),
+							onDismiss: $elm$core$Maybe$Nothing
+						}
+						])) : _List_Nil),
 			A2(
 				$author$project$Widget$button,
 				style.primaryButton,
@@ -21913,7 +22947,7 @@ var $author$project$Example$Modal$view = F3(
 					onPress: $elm$core$Maybe$Just(
 						msgMapper(
 							$author$project$Example$Modal$ToggleModal(true))),
-					text: 'show Modal'
+					text: 'Show Modal'
 				}));
 	});
 var $author$project$Example$MultiSelect$ChangedSelected = function (a) {
@@ -21977,6 +23011,152 @@ var $author$project$Example$Select$view = F3(
 					selected: selected
 				}));
 	});
+var $author$project$Example$Sheet$ToggleModal = function (a) {
+	return {$: 'ToggleModal', a: a};
+};
+var $author$project$Example$Sheet$view = F3(
+	function (msgMapper, style, _v0) {
+		var isEnabled = _v0.a;
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_Utils_ap(
+				_List_fromArray(
+					[
+						$mdgriffith$elm_ui$Element$height(
+						A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+						$mdgriffith$elm_ui$Element$width(
+						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
+					]),
+				isEnabled ? $author$project$Widget$singleModal(
+					$elm$core$List$singleton(
+						{
+							content: A2(
+								$author$project$Widget$itemList,
+								style.sideSheet,
+								_List_fromArray(
+									[
+										$author$project$Widget$asItem(
+										A2(
+											$mdgriffith$elm_ui$Element$el,
+											$author$project$Widget$Material$Typography$h6,
+											$mdgriffith$elm_ui$Element$text('Menu'))),
+										A2(
+										$author$project$Widget$insetItem,
+										style.insetItem,
+										{
+											content: function (_v1) {
+												return $mdgriffith$elm_ui$Element$none;
+											},
+											icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
+											onPress: $elm$core$Maybe$Just(
+												msgMapper(
+													$author$project$Example$Sheet$ToggleModal(false))),
+											text: 'Home'
+										}),
+										A2(
+										$author$project$Widget$insetItem,
+										style.insetItem,
+										{
+											content: function (_v2) {
+												return $mdgriffith$elm_ui$Element$none;
+											},
+											icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
+											onPress: $elm$core$Maybe$Just(
+												msgMapper(
+													$author$project$Example$Sheet$ToggleModal(false))),
+											text: 'About'
+										})
+									])),
+							onDismiss: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Sheet$ToggleModal(false)))
+						})) : _List_Nil),
+			A2(
+				$author$project$Widget$button,
+				style.primaryButton,
+				{
+					icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$eye),
+					onPress: $elm$core$Maybe$Just(
+						msgMapper(
+							$author$project$Example$Sheet$ToggleModal(true))),
+					text: 'Show Sheet'
+				}));
+	});
+var $author$project$Example$Snackbar$AddSnackbar = function (a) {
+	return {$: 'AddSnackbar', a: a};
+};
+var $author$project$Example$Snackbar$view = F3(
+	function (msgMapper, style, model) {
+		return A2(
+			$mdgriffith$elm_ui$Element$el,
+			_List_fromArray(
+				[
+					$mdgriffith$elm_ui$Element$height(
+					A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$width(
+					A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill)),
+					$mdgriffith$elm_ui$Element$inFront(
+					A2(
+						$elm$core$Maybe$withDefault,
+						$mdgriffith$elm_ui$Element$none,
+						A2(
+							$elm$core$Maybe$map,
+							$mdgriffith$elm_ui$Element$el(
+								_List_fromArray(
+									[
+										$mdgriffith$elm_ui$Element$padding(8),
+										$mdgriffith$elm_ui$Element$alignBottom,
+										$mdgriffith$elm_ui$Element$alignRight
+									])),
+							A3(
+								$author$project$Widget$Snackbar$view,
+								style.snackbar,
+								function (_v0) {
+									var text = _v0.a;
+									var hasButton = _v0.b;
+									return {
+										button: hasButton ? $elm$core$Maybe$Just(
+											{
+												onPress: $elm$core$Maybe$Just(
+													msgMapper(
+														$author$project$Example$Snackbar$AddSnackbar(
+															_Utils_Tuple2('This is another message', false)))),
+												text: 'Add'
+											}) : $elm$core$Maybe$Nothing,
+										text: text
+									};
+								},
+								model))))
+				]),
+			A2(
+				$author$project$Widget$column,
+				style.column,
+				_List_fromArray(
+					[
+						A2(
+						$author$project$Widget$button,
+						style.button,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Snackbar$AddSnackbar(
+										_Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false)))),
+							text: 'Add Notification'
+						}),
+						A2(
+						$author$project$Widget$button,
+						style.button,
+						{
+							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
+							onPress: $elm$core$Maybe$Just(
+								msgMapper(
+									$author$project$Example$Snackbar$AddSnackbar(
+										_Utils_Tuple2('You can add another notification if you want.', true)))),
+							text: 'Add Notification with Action'
+						})
+					])));
+	});
 var $author$project$Example$SortTable$ChangedSorting = function (a) {
 	return {$: 'ChangedSorting', a: a};
 };
@@ -22206,6 +23386,13 @@ var $author$project$Example$TextInput$view = F3(
 var $author$project$Data$Example$view = F3(
 	function (msgMapper, style, model) {
 		return {
+			appBar: A3(
+				$author$project$Example$AppBar$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$AppBar, msgMapper),
+				style,
+				function ($) {
+					return $.appBar;
+				}(model)),
 			button: A3(
 				$author$project$Example$Button$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$Button, msgMapper),
@@ -22227,6 +23414,13 @@ var $author$project$Data$Example$view = F3(
 				function ($) {
 					return $.icon;
 				}(model)),
+			layout: A3(
+				$author$project$Example$Layout$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Layout, msgMapper),
+				style,
+				function ($) {
+					return $.layout;
+				}(model)),
 			list: A3(
 				$author$project$Example$List$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$List, msgMapper),
@@ -22262,6 +23456,20 @@ var $author$project$Data$Example$view = F3(
 				function ($) {
 					return $.select;
 				}(model)),
+			sheet: A3(
+				$author$project$Example$Sheet$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Sheet, msgMapper),
+				style,
+				function ($) {
+					return $.sheet;
+				}(model)),
+			snackbar: A3(
+				$author$project$Example$Snackbar$view,
+				A2($elm$core$Basics$composeR, $author$project$Data$Example$Snackbar, msgMapper),
+				style,
+				function ($) {
+					return $.snackbar;
+				}(model)),
 			sortTable: A3(
 				$author$project$Example$SortTable$view,
 				A2($elm$core$Basics$composeR, $author$project$Data$Example$SortTable, msgMapper),
@@ -22383,7 +23591,7 @@ var $author$project$Main$viewLoaded = function (m) {
 				$mdgriffith$elm_ui$Element$none),
 				A2(
 				$mdgriffith$elm_ui$Element$column,
-				_Utils_ap($Orasund$elm_ui_framework$Framework$container, style.layout.container),
+				_Utils_ap($Orasund$elm_ui_framework$Framework$container, style.container),
 				A2(
 					$elm$core$List$map,
 					function (section) {
@@ -22427,7 +23635,7 @@ var $author$project$Main$viewLoaded = function (m) {
 													style.cardColumn,
 													A2(
 														$elm$core$List$cons,
-														$author$project$Widget$item(
+														$author$project$Widget$asItem(
 															A2(
 																$mdgriffith$elm_ui$Element$column,
 																$Orasund$elm_ui_framework$Framework$Grid$simple,
@@ -22456,7 +23664,7 @@ var $author$project$Main$viewLoaded = function (m) {
 																style.expansionItem,
 																{
 																	content: $elm$core$List$singleton(
-																		$author$project$Widget$item(
+																		$author$project$Widget$asItem(
 																			A2(
 																				$mdgriffith$elm_ui$Element$column,
 																				_Utils_ap(
@@ -22508,17 +23716,7 @@ var $author$project$Main$viewLoaded = function (m) {
 							}());
 					},
 					_List_fromArray(
-						[$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews]))),
-				$mdgriffith$elm_ui$Element$html(
-				A3(
-					$elm$html$Html$node,
-					'link',
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$rel('stylesheet'),
-							$elm$html$Html$Attributes$href('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css')
-						]),
-					_List_Nil))
+						[$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews])))
 			]));
 };
 var $author$project$Main$view = function (model) {
@@ -22530,89 +23728,9 @@ var $author$project$Main$view = function (model) {
 		return A2(
 			$elm$html$Html$map,
 			$author$project$Main$LoadedSpecific,
-			A3(
-				$author$project$Widget$Layout$view,
-				style.layout,
-				{
-					actions: _List_fromArray(
-						[
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$book),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
-							text: 'Docs'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$github),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
-							text: 'Github'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
-							text: 'Material Theme'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
-							text: 'Dark Material Theme'
-						}
-						]),
-					dialog: m.displayDialog ? $elm$core$Maybe$Just(
-						A2(
-							$author$project$Widget$dialog,
-							style.dialog,
-							{
-								accept: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Ok'
-									}),
-								dismiss: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Dismiss'
-									}),
-								text: 'This is a dialog window',
-								title: $elm$core$Maybe$Just('Dialog')
-							})) : $elm$core$Maybe$Nothing,
-					layout: m.layout,
-					menu: A2(
-						$author$project$Widget$ScrollingNav$toSelect,
-						function (_int) {
-							return A2(
-								$elm$core$Maybe$map,
-								$author$project$Main$JumpTo,
-								A2(
-									$elm$core$Array$get,
-									_int,
-									$elm$core$Array$fromList(m.scrollingNav.arrangement)));
-						},
-						m.scrollingNav),
-					onChangedSidebar: $author$project$Main$ChangedSidebar,
-					search: $elm$core$Maybe$Just(
-						{
-							chips: _List_Nil,
-							label: 'Search',
-							onChange: $author$project$Main$ChangedSearch,
-							placeholder: $elm$core$Maybe$Just(
-								A2(
-									$mdgriffith$elm_ui$Element$Input$placeholder,
-									_List_Nil,
-									$mdgriffith$elm_ui$Element$text('Search Widgets...'))),
-							text: m.search.raw
-						}),
-					title: A2(
-						$mdgriffith$elm_ui$Element$el,
-						$Orasund$elm_ui_framework$Framework$Heading$h1,
-						$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')),
-					window: m.window
-				},
+			A2(
+				$mdgriffith$elm_ui$Element$layout,
+				A3($author$project$Main$viewLayout, $elm$core$Basics$identity, style, m),
 				$author$project$Main$viewLoaded(m)));
 	}
 };
diff --git a/example/index.html b/example/index.html
deleted file mode 100644
index fd67e49..0000000
--- a/example/index.html
+++ /dev/null
@@ -1,22683 +0,0 @@
-<!DOCTYPE HTML>
-<html>
-<head>
-  <meta charset="UTF-8">
-  <title>Main</title>
-  <style>body { padding: 0; margin: 0; }</style>
-</head>
-
-<body>
-
-<pre id="elm"></pre>
-
-<script>
-try {
-(function(scope){
-'use strict';
-
-function F(arity, fun, wrapper) {
-  wrapper.a = arity;
-  wrapper.f = fun;
-  return wrapper;
-}
-
-function F2(fun) {
-  return F(2, fun, function(a) { return function(b) { return fun(a,b); }; })
-}
-function F3(fun) {
-  return F(3, fun, function(a) {
-    return function(b) { return function(c) { return fun(a, b, c); }; };
-  });
-}
-function F4(fun) {
-  return F(4, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return fun(a, b, c, d); }; }; };
-  });
-}
-function F5(fun) {
-  return F(5, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return function(e) { return fun(a, b, c, d, e); }; }; }; };
-  });
-}
-function F6(fun) {
-  return F(6, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return function(e) { return function(f) {
-    return fun(a, b, c, d, e, f); }; }; }; }; };
-  });
-}
-function F7(fun) {
-  return F(7, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return function(e) { return function(f) {
-    return function(g) { return fun(a, b, c, d, e, f, g); }; }; }; }; }; };
-  });
-}
-function F8(fun) {
-  return F(8, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return function(e) { return function(f) {
-    return function(g) { return function(h) {
-    return fun(a, b, c, d, e, f, g, h); }; }; }; }; }; }; };
-  });
-}
-function F9(fun) {
-  return F(9, fun, function(a) { return function(b) { return function(c) {
-    return function(d) { return function(e) { return function(f) {
-    return function(g) { return function(h) { return function(i) {
-    return fun(a, b, c, d, e, f, g, h, i); }; }; }; }; }; }; }; };
-  });
-}
-
-function A2(fun, a, b) {
-  return fun.a === 2 ? fun.f(a, b) : fun(a)(b);
-}
-function A3(fun, a, b, c) {
-  return fun.a === 3 ? fun.f(a, b, c) : fun(a)(b)(c);
-}
-function A4(fun, a, b, c, d) {
-  return fun.a === 4 ? fun.f(a, b, c, d) : fun(a)(b)(c)(d);
-}
-function A5(fun, a, b, c, d, e) {
-  return fun.a === 5 ? fun.f(a, b, c, d, e) : fun(a)(b)(c)(d)(e);
-}
-function A6(fun, a, b, c, d, e, f) {
-  return fun.a === 6 ? fun.f(a, b, c, d, e, f) : fun(a)(b)(c)(d)(e)(f);
-}
-function A7(fun, a, b, c, d, e, f, g) {
-  return fun.a === 7 ? fun.f(a, b, c, d, e, f, g) : fun(a)(b)(c)(d)(e)(f)(g);
-}
-function A8(fun, a, b, c, d, e, f, g, h) {
-  return fun.a === 8 ? fun.f(a, b, c, d, e, f, g, h) : fun(a)(b)(c)(d)(e)(f)(g)(h);
-}
-function A9(fun, a, b, c, d, e, f, g, h, i) {
-  return fun.a === 9 ? fun.f(a, b, c, d, e, f, g, h, i) : fun(a)(b)(c)(d)(e)(f)(g)(h)(i);
-}
-
-console.warn('Compiled in DEV mode. Follow the advice at https://elm-lang.org/0.19.1/optimize for better performance and smaller assets.');
-
-
-// EQUALITY
-
-function _Utils_eq(x, y)
-{
-	for (
-		var pair, stack = [], isEqual = _Utils_eqHelp(x, y, 0, stack);
-		isEqual && (pair = stack.pop());
-		isEqual = _Utils_eqHelp(pair.a, pair.b, 0, stack)
-		)
-	{}
-
-	return isEqual;
-}
-
-function _Utils_eqHelp(x, y, depth, stack)
-{
-	if (x === y)
-	{
-		return true;
-	}
-
-	if (typeof x !== 'object' || x === null || y === null)
-	{
-		typeof x === 'function' && _Debug_crash(5);
-		return false;
-	}
-
-	if (depth > 100)
-	{
-		stack.push(_Utils_Tuple2(x,y));
-		return true;
-	}
-
-	/**/
-	if (x.$ === 'Set_elm_builtin')
-	{
-		x = $elm$core$Set$toList(x);
-		y = $elm$core$Set$toList(y);
-	}
-	if (x.$ === 'RBNode_elm_builtin' || x.$ === 'RBEmpty_elm_builtin')
-	{
-		x = $elm$core$Dict$toList(x);
-		y = $elm$core$Dict$toList(y);
-	}
-	//*/
-
-	/**_UNUSED/
-	if (x.$ < 0)
-	{
-		x = $elm$core$Dict$toList(x);
-		y = $elm$core$Dict$toList(y);
-	}
-	//*/
-
-	for (var key in x)
-	{
-		if (!_Utils_eqHelp(x[key], y[key], depth + 1, stack))
-		{
-			return false;
-		}
-	}
-	return true;
-}
-
-var _Utils_equal = F2(_Utils_eq);
-var _Utils_notEqual = F2(function(a, b) { return !_Utils_eq(a,b); });
-
-
-
-// COMPARISONS
-
-// Code in Generate/JavaScript.hs, Basics.js, and List.js depends on
-// the particular integer values assigned to LT, EQ, and GT.
-
-function _Utils_cmp(x, y, ord)
-{
-	if (typeof x !== 'object')
-	{
-		return x === y ? /*EQ*/ 0 : x < y ? /*LT*/ -1 : /*GT*/ 1;
-	}
-
-	/**/
-	if (x instanceof String)
-	{
-		var a = x.valueOf();
-		var b = y.valueOf();
-		return a === b ? 0 : a < b ? -1 : 1;
-	}
-	//*/
-
-	/**_UNUSED/
-	if (typeof x.$ === 'undefined')
-	//*/
-	/**/
-	if (x.$[0] === '#')
-	//*/
-	{
-		return (ord = _Utils_cmp(x.a, y.a))
-			? ord
-			: (ord = _Utils_cmp(x.b, y.b))
-				? ord
-				: _Utils_cmp(x.c, y.c);
-	}
-
-	// traverse conses until end of a list or a mismatch
-	for (; x.b && y.b && !(ord = _Utils_cmp(x.a, y.a)); x = x.b, y = y.b) {} // WHILE_CONSES
-	return ord || (x.b ? /*GT*/ 1 : y.b ? /*LT*/ -1 : /*EQ*/ 0);
-}
-
-var _Utils_lt = F2(function(a, b) { return _Utils_cmp(a, b) < 0; });
-var _Utils_le = F2(function(a, b) { return _Utils_cmp(a, b) < 1; });
-var _Utils_gt = F2(function(a, b) { return _Utils_cmp(a, b) > 0; });
-var _Utils_ge = F2(function(a, b) { return _Utils_cmp(a, b) >= 0; });
-
-var _Utils_compare = F2(function(x, y)
-{
-	var n = _Utils_cmp(x, y);
-	return n < 0 ? $elm$core$Basics$LT : n ? $elm$core$Basics$GT : $elm$core$Basics$EQ;
-});
-
-
-// COMMON VALUES
-
-var _Utils_Tuple0_UNUSED = 0;
-var _Utils_Tuple0 = { $: '#0' };
-
-function _Utils_Tuple2_UNUSED(a, b) { return { a: a, b: b }; }
-function _Utils_Tuple2(a, b) { return { $: '#2', a: a, b: b }; }
-
-function _Utils_Tuple3_UNUSED(a, b, c) { return { a: a, b: b, c: c }; }
-function _Utils_Tuple3(a, b, c) { return { $: '#3', a: a, b: b, c: c }; }
-
-function _Utils_chr_UNUSED(c) { return c; }
-function _Utils_chr(c) { return new String(c); }
-
-
-// RECORDS
-
-function _Utils_update(oldRecord, updatedFields)
-{
-	var newRecord = {};
-
-	for (var key in oldRecord)
-	{
-		newRecord[key] = oldRecord[key];
-	}
-
-	for (var key in updatedFields)
-	{
-		newRecord[key] = updatedFields[key];
-	}
-
-	return newRecord;
-}
-
-
-// APPEND
-
-var _Utils_append = F2(_Utils_ap);
-
-function _Utils_ap(xs, ys)
-{
-	// append Strings
-	if (typeof xs === 'string')
-	{
-		return xs + ys;
-	}
-
-	// append Lists
-	if (!xs.b)
-	{
-		return ys;
-	}
-	var root = _List_Cons(xs.a, ys);
-	xs = xs.b
-	for (var curr = root; xs.b; xs = xs.b) // WHILE_CONS
-	{
-		curr = curr.b = _List_Cons(xs.a, ys);
-	}
-	return root;
-}
-
-
-
-var _List_Nil_UNUSED = { $: 0 };
-var _List_Nil = { $: '[]' };
-
-function _List_Cons_UNUSED(hd, tl) { return { $: 1, a: hd, b: tl }; }
-function _List_Cons(hd, tl) { return { $: '::', a: hd, b: tl }; }
-
-
-var _List_cons = F2(_List_Cons);
-
-function _List_fromArray(arr)
-{
-	var out = _List_Nil;
-	for (var i = arr.length; i--; )
-	{
-		out = _List_Cons(arr[i], out);
-	}
-	return out;
-}
-
-function _List_toArray(xs)
-{
-	for (var out = []; xs.b; xs = xs.b) // WHILE_CONS
-	{
-		out.push(xs.a);
-	}
-	return out;
-}
-
-var _List_map2 = F3(function(f, xs, ys)
-{
-	for (var arr = []; xs.b && ys.b; xs = xs.b, ys = ys.b) // WHILE_CONSES
-	{
-		arr.push(A2(f, xs.a, ys.a));
-	}
-	return _List_fromArray(arr);
-});
-
-var _List_map3 = F4(function(f, xs, ys, zs)
-{
-	for (var arr = []; xs.b && ys.b && zs.b; xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
-	{
-		arr.push(A3(f, xs.a, ys.a, zs.a));
-	}
-	return _List_fromArray(arr);
-});
-
-var _List_map4 = F5(function(f, ws, xs, ys, zs)
-{
-	for (var arr = []; ws.b && xs.b && ys.b && zs.b; ws = ws.b, xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
-	{
-		arr.push(A4(f, ws.a, xs.a, ys.a, zs.a));
-	}
-	return _List_fromArray(arr);
-});
-
-var _List_map5 = F6(function(f, vs, ws, xs, ys, zs)
-{
-	for (var arr = []; vs.b && ws.b && xs.b && ys.b && zs.b; vs = vs.b, ws = ws.b, xs = xs.b, ys = ys.b, zs = zs.b) // WHILE_CONSES
-	{
-		arr.push(A5(f, vs.a, ws.a, xs.a, ys.a, zs.a));
-	}
-	return _List_fromArray(arr);
-});
-
-var _List_sortBy = F2(function(f, xs)
-{
-	return _List_fromArray(_List_toArray(xs).sort(function(a, b) {
-		return _Utils_cmp(f(a), f(b));
-	}));
-});
-
-var _List_sortWith = F2(function(f, xs)
-{
-	return _List_fromArray(_List_toArray(xs).sort(function(a, b) {
-		var ord = A2(f, a, b);
-		return ord === $elm$core$Basics$EQ ? 0 : ord === $elm$core$Basics$LT ? -1 : 1;
-	}));
-});
-
-
-
-var _JsArray_empty = [];
-
-function _JsArray_singleton(value)
-{
-    return [value];
-}
-
-function _JsArray_length(array)
-{
-    return array.length;
-}
-
-var _JsArray_initialize = F3(function(size, offset, func)
-{
-    var result = new Array(size);
-
-    for (var i = 0; i < size; i++)
-    {
-        result[i] = func(offset + i);
-    }
-
-    return result;
-});
-
-var _JsArray_initializeFromList = F2(function (max, ls)
-{
-    var result = new Array(max);
-
-    for (var i = 0; i < max && ls.b; i++)
-    {
-        result[i] = ls.a;
-        ls = ls.b;
-    }
-
-    result.length = i;
-    return _Utils_Tuple2(result, ls);
-});
-
-var _JsArray_unsafeGet = F2(function(index, array)
-{
-    return array[index];
-});
-
-var _JsArray_unsafeSet = F3(function(index, value, array)
-{
-    var length = array.length;
-    var result = new Array(length);
-
-    for (var i = 0; i < length; i++)
-    {
-        result[i] = array[i];
-    }
-
-    result[index] = value;
-    return result;
-});
-
-var _JsArray_push = F2(function(value, array)
-{
-    var length = array.length;
-    var result = new Array(length + 1);
-
-    for (var i = 0; i < length; i++)
-    {
-        result[i] = array[i];
-    }
-
-    result[length] = value;
-    return result;
-});
-
-var _JsArray_foldl = F3(function(func, acc, array)
-{
-    var length = array.length;
-
-    for (var i = 0; i < length; i++)
-    {
-        acc = A2(func, array[i], acc);
-    }
-
-    return acc;
-});
-
-var _JsArray_foldr = F3(function(func, acc, array)
-{
-    for (var i = array.length - 1; i >= 0; i--)
-    {
-        acc = A2(func, array[i], acc);
-    }
-
-    return acc;
-});
-
-var _JsArray_map = F2(function(func, array)
-{
-    var length = array.length;
-    var result = new Array(length);
-
-    for (var i = 0; i < length; i++)
-    {
-        result[i] = func(array[i]);
-    }
-
-    return result;
-});
-
-var _JsArray_indexedMap = F3(function(func, offset, array)
-{
-    var length = array.length;
-    var result = new Array(length);
-
-    for (var i = 0; i < length; i++)
-    {
-        result[i] = A2(func, offset + i, array[i]);
-    }
-
-    return result;
-});
-
-var _JsArray_slice = F3(function(from, to, array)
-{
-    return array.slice(from, to);
-});
-
-var _JsArray_appendN = F3(function(n, dest, source)
-{
-    var destLen = dest.length;
-    var itemsToCopy = n - destLen;
-
-    if (itemsToCopy > source.length)
-    {
-        itemsToCopy = source.length;
-    }
-
-    var size = destLen + itemsToCopy;
-    var result = new Array(size);
-
-    for (var i = 0; i < destLen; i++)
-    {
-        result[i] = dest[i];
-    }
-
-    for (var i = 0; i < itemsToCopy; i++)
-    {
-        result[i + destLen] = source[i];
-    }
-
-    return result;
-});
-
-
-
-// LOG
-
-var _Debug_log_UNUSED = F2(function(tag, value)
-{
-	return value;
-});
-
-var _Debug_log = F2(function(tag, value)
-{
-	console.log(tag + ': ' + _Debug_toString(value));
-	return value;
-});
-
-
-// TODOS
-
-function _Debug_todo(moduleName, region)
-{
-	return function(message) {
-		_Debug_crash(8, moduleName, region, message);
-	};
-}
-
-function _Debug_todoCase(moduleName, region, value)
-{
-	return function(message) {
-		_Debug_crash(9, moduleName, region, value, message);
-	};
-}
-
-
-// TO STRING
-
-function _Debug_toString_UNUSED(value)
-{
-	return '<internals>';
-}
-
-function _Debug_toString(value)
-{
-	return _Debug_toAnsiString(false, value);
-}
-
-function _Debug_toAnsiString(ansi, value)
-{
-	if (typeof value === 'function')
-	{
-		return _Debug_internalColor(ansi, '<function>');
-	}
-
-	if (typeof value === 'boolean')
-	{
-		return _Debug_ctorColor(ansi, value ? 'True' : 'False');
-	}
-
-	if (typeof value === 'number')
-	{
-		return _Debug_numberColor(ansi, value + '');
-	}
-
-	if (value instanceof String)
-	{
-		return _Debug_charColor(ansi, "'" + _Debug_addSlashes(value, true) + "'");
-	}
-
-	if (typeof value === 'string')
-	{
-		return _Debug_stringColor(ansi, '"' + _Debug_addSlashes(value, false) + '"');
-	}
-
-	if (typeof value === 'object' && '$' in value)
-	{
-		var tag = value.$;
-
-		if (typeof tag === 'number')
-		{
-			return _Debug_internalColor(ansi, '<internals>');
-		}
-
-		if (tag[0] === '#')
-		{
-			var output = [];
-			for (var k in value)
-			{
-				if (k === '$') continue;
-				output.push(_Debug_toAnsiString(ansi, value[k]));
-			}
-			return '(' + output.join(',') + ')';
-		}
-
-		if (tag === 'Set_elm_builtin')
-		{
-			return _Debug_ctorColor(ansi, 'Set')
-				+ _Debug_fadeColor(ansi, '.fromList') + ' '
-				+ _Debug_toAnsiString(ansi, $elm$core$Set$toList(value));
-		}
-
-		if (tag === 'RBNode_elm_builtin' || tag === 'RBEmpty_elm_builtin')
-		{
-			return _Debug_ctorColor(ansi, 'Dict')
-				+ _Debug_fadeColor(ansi, '.fromList') + ' '
-				+ _Debug_toAnsiString(ansi, $elm$core$Dict$toList(value));
-		}
-
-		if (tag === 'Array_elm_builtin')
-		{
-			return _Debug_ctorColor(ansi, 'Array')
-				+ _Debug_fadeColor(ansi, '.fromList') + ' '
-				+ _Debug_toAnsiString(ansi, $elm$core$Array$toList(value));
-		}
-
-		if (tag === '::' || tag === '[]')
-		{
-			var output = '[';
-
-			value.b && (output += _Debug_toAnsiString(ansi, value.a), value = value.b)
-
-			for (; value.b; value = value.b) // WHILE_CONS
-			{
-				output += ',' + _Debug_toAnsiString(ansi, value.a);
-			}
-			return output + ']';
-		}
-
-		var output = '';
-		for (var i in value)
-		{
-			if (i === '$') continue;
-			var str = _Debug_toAnsiString(ansi, value[i]);
-			var c0 = str[0];
-			var parenless = c0 === '{' || c0 === '(' || c0 === '[' || c0 === '<' || c0 === '"' || str.indexOf(' ') < 0;
-			output += ' ' + (parenless ? str : '(' + str + ')');
-		}
-		return _Debug_ctorColor(ansi, tag) + output;
-	}
-
-	if (typeof DataView === 'function' && value instanceof DataView)
-	{
-		return _Debug_stringColor(ansi, '<' + value.byteLength + ' bytes>');
-	}
-
-	if (typeof File !== 'undefined' && value instanceof File)
-	{
-		return _Debug_internalColor(ansi, '<' + value.name + '>');
-	}
-
-	if (typeof value === 'object')
-	{
-		var output = [];
-		for (var key in value)
-		{
-			var field = key[0] === '_' ? key.slice(1) : key;
-			output.push(_Debug_fadeColor(ansi, field) + ' = ' + _Debug_toAnsiString(ansi, value[key]));
-		}
-		if (output.length === 0)
-		{
-			return '{}';
-		}
-		return '{ ' + output.join(', ') + ' }';
-	}
-
-	return _Debug_internalColor(ansi, '<internals>');
-}
-
-function _Debug_addSlashes(str, isChar)
-{
-	var s = str
-		.replace(/\\/g, '\\\\')
-		.replace(/\n/g, '\\n')
-		.replace(/\t/g, '\\t')
-		.replace(/\r/g, '\\r')
-		.replace(/\v/g, '\\v')
-		.replace(/\0/g, '\\0');
-
-	if (isChar)
-	{
-		return s.replace(/\'/g, '\\\'');
-	}
-	else
-	{
-		return s.replace(/\"/g, '\\"');
-	}
-}
-
-function _Debug_ctorColor(ansi, string)
-{
-	return ansi ? '\x1b[96m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_numberColor(ansi, string)
-{
-	return ansi ? '\x1b[95m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_stringColor(ansi, string)
-{
-	return ansi ? '\x1b[93m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_charColor(ansi, string)
-{
-	return ansi ? '\x1b[92m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_fadeColor(ansi, string)
-{
-	return ansi ? '\x1b[37m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_internalColor(ansi, string)
-{
-	return ansi ? '\x1b[36m' + string + '\x1b[0m' : string;
-}
-
-function _Debug_toHexDigit(n)
-{
-	return String.fromCharCode(n < 10 ? 48 + n : 55 + n);
-}
-
-
-// CRASH
-
-
-function _Debug_crash_UNUSED(identifier)
-{
-	throw new Error('https://github.com/elm/core/blob/1.0.0/hints/' + identifier + '.md');
-}
-
-
-function _Debug_crash(identifier, fact1, fact2, fact3, fact4)
-{
-	switch(identifier)
-	{
-		case 0:
-			throw new Error('What node should I take over? In JavaScript I need something like:\n\n    Elm.Main.init({\n        node: document.getElementById("elm-node")\n    })\n\nYou need to do this with any Browser.sandbox or Browser.element program.');
-
-		case 1:
-			throw new Error('Browser.application programs cannot handle URLs like this:\n\n    ' + document.location.href + '\n\nWhat is the root? The root of your file system? Try looking at this program with `elm reactor` or some other server.');
-
-		case 2:
-			var jsonErrorString = fact1;
-			throw new Error('Problem with the flags given to your Elm program on initialization.\n\n' + jsonErrorString);
-
-		case 3:
-			var portName = fact1;
-			throw new Error('There can only be one port named `' + portName + '`, but your program has multiple.');
-
-		case 4:
-			var portName = fact1;
-			var problem = fact2;
-			throw new Error('Trying to send an unexpected type of value through port `' + portName + '`:\n' + problem);
-
-		case 5:
-			throw new Error('Trying to use `(==)` on functions.\nThere is no way to know if functions are "the same" in the Elm sense.\nRead more about this at https://package.elm-lang.org/packages/elm/core/latest/Basics#== which describes why it is this way and what the better version will look like.');
-
-		case 6:
-			var moduleName = fact1;
-			throw new Error('Your page is loading multiple Elm scripts with a module named ' + moduleName + '. Maybe a duplicate script is getting loaded accidentally? If not, rename one of them so I know which is which!');
-
-		case 8:
-			var moduleName = fact1;
-			var region = fact2;
-			var message = fact3;
-			throw new Error('TODO in module `' + moduleName + '` ' + _Debug_regionToString(region) + '\n\n' + message);
-
-		case 9:
-			var moduleName = fact1;
-			var region = fact2;
-			var value = fact3;
-			var message = fact4;
-			throw new Error(
-				'TODO in module `' + moduleName + '` from the `case` expression '
-				+ _Debug_regionToString(region) + '\n\nIt received the following value:\n\n    '
-				+ _Debug_toString(value).replace('\n', '\n    ')
-				+ '\n\nBut the branch that handles it says:\n\n    ' + message.replace('\n', '\n    ')
-			);
-
-		case 10:
-			throw new Error('Bug in https://github.com/elm/virtual-dom/issues');
-
-		case 11:
-			throw new Error('Cannot perform mod 0. Division by zero error.');
-	}
-}
-
-function _Debug_regionToString(region)
-{
-	if (region.start.line === region.end.line)
-	{
-		return 'on line ' + region.start.line;
-	}
-	return 'on lines ' + region.start.line + ' through ' + region.end.line;
-}
-
-
-
-// MATH
-
-var _Basics_add = F2(function(a, b) { return a + b; });
-var _Basics_sub = F2(function(a, b) { return a - b; });
-var _Basics_mul = F2(function(a, b) { return a * b; });
-var _Basics_fdiv = F2(function(a, b) { return a / b; });
-var _Basics_idiv = F2(function(a, b) { return (a / b) | 0; });
-var _Basics_pow = F2(Math.pow);
-
-var _Basics_remainderBy = F2(function(b, a) { return a % b; });
-
-// https://www.microsoft.com/en-us/research/wp-content/uploads/2016/02/divmodnote-letter.pdf
-var _Basics_modBy = F2(function(modulus, x)
-{
-	var answer = x % modulus;
-	return modulus === 0
-		? _Debug_crash(11)
-		:
-	((answer > 0 && modulus < 0) || (answer < 0 && modulus > 0))
-		? answer + modulus
-		: answer;
-});
-
-
-// TRIGONOMETRY
-
-var _Basics_pi = Math.PI;
-var _Basics_e = Math.E;
-var _Basics_cos = Math.cos;
-var _Basics_sin = Math.sin;
-var _Basics_tan = Math.tan;
-var _Basics_acos = Math.acos;
-var _Basics_asin = Math.asin;
-var _Basics_atan = Math.atan;
-var _Basics_atan2 = F2(Math.atan2);
-
-
-// MORE MATH
-
-function _Basics_toFloat(x) { return x; }
-function _Basics_truncate(n) { return n | 0; }
-function _Basics_isInfinite(n) { return n === Infinity || n === -Infinity; }
-
-var _Basics_ceiling = Math.ceil;
-var _Basics_floor = Math.floor;
-var _Basics_round = Math.round;
-var _Basics_sqrt = Math.sqrt;
-var _Basics_log = Math.log;
-var _Basics_isNaN = isNaN;
-
-
-// BOOLEANS
-
-function _Basics_not(bool) { return !bool; }
-var _Basics_and = F2(function(a, b) { return a && b; });
-var _Basics_or  = F2(function(a, b) { return a || b; });
-var _Basics_xor = F2(function(a, b) { return a !== b; });
-
-
-
-var _String_cons = F2(function(chr, str)
-{
-	return chr + str;
-});
-
-function _String_uncons(string)
-{
-	var word = string.charCodeAt(0);
-	return !isNaN(word)
-		? $elm$core$Maybe$Just(
-			0xD800 <= word && word <= 0xDBFF
-				? _Utils_Tuple2(_Utils_chr(string[0] + string[1]), string.slice(2))
-				: _Utils_Tuple2(_Utils_chr(string[0]), string.slice(1))
-		)
-		: $elm$core$Maybe$Nothing;
-}
-
-var _String_append = F2(function(a, b)
-{
-	return a + b;
-});
-
-function _String_length(str)
-{
-	return str.length;
-}
-
-var _String_map = F2(function(func, string)
-{
-	var len = string.length;
-	var array = new Array(len);
-	var i = 0;
-	while (i < len)
-	{
-		var word = string.charCodeAt(i);
-		if (0xD800 <= word && word <= 0xDBFF)
-		{
-			array[i] = func(_Utils_chr(string[i] + string[i+1]));
-			i += 2;
-			continue;
-		}
-		array[i] = func(_Utils_chr(string[i]));
-		i++;
-	}
-	return array.join('');
-});
-
-var _String_filter = F2(function(isGood, str)
-{
-	var arr = [];
-	var len = str.length;
-	var i = 0;
-	while (i < len)
-	{
-		var char = str[i];
-		var word = str.charCodeAt(i);
-		i++;
-		if (0xD800 <= word && word <= 0xDBFF)
-		{
-			char += str[i];
-			i++;
-		}
-
-		if (isGood(_Utils_chr(char)))
-		{
-			arr.push(char);
-		}
-	}
-	return arr.join('');
-});
-
-function _String_reverse(str)
-{
-	var len = str.length;
-	var arr = new Array(len);
-	var i = 0;
-	while (i < len)
-	{
-		var word = str.charCodeAt(i);
-		if (0xD800 <= word && word <= 0xDBFF)
-		{
-			arr[len - i] = str[i + 1];
-			i++;
-			arr[len - i] = str[i - 1];
-			i++;
-		}
-		else
-		{
-			arr[len - i] = str[i];
-			i++;
-		}
-	}
-	return arr.join('');
-}
-
-var _String_foldl = F3(function(func, state, string)
-{
-	var len = string.length;
-	var i = 0;
-	while (i < len)
-	{
-		var char = string[i];
-		var word = string.charCodeAt(i);
-		i++;
-		if (0xD800 <= word && word <= 0xDBFF)
-		{
-			char += string[i];
-			i++;
-		}
-		state = A2(func, _Utils_chr(char), state);
-	}
-	return state;
-});
-
-var _String_foldr = F3(function(func, state, string)
-{
-	var i = string.length;
-	while (i--)
-	{
-		var char = string[i];
-		var word = string.charCodeAt(i);
-		if (0xDC00 <= word && word <= 0xDFFF)
-		{
-			i--;
-			char = string[i] + char;
-		}
-		state = A2(func, _Utils_chr(char), state);
-	}
-	return state;
-});
-
-var _String_split = F2(function(sep, str)
-{
-	return str.split(sep);
-});
-
-var _String_join = F2(function(sep, strs)
-{
-	return strs.join(sep);
-});
-
-var _String_slice = F3(function(start, end, str) {
-	return str.slice(start, end);
-});
-
-function _String_trim(str)
-{
-	return str.trim();
-}
-
-function _String_trimLeft(str)
-{
-	return str.replace(/^\s+/, '');
-}
-
-function _String_trimRight(str)
-{
-	return str.replace(/\s+$/, '');
-}
-
-function _String_words(str)
-{
-	return _List_fromArray(str.trim().split(/\s+/g));
-}
-
-function _String_lines(str)
-{
-	return _List_fromArray(str.split(/\r\n|\r|\n/g));
-}
-
-function _String_toUpper(str)
-{
-	return str.toUpperCase();
-}
-
-function _String_toLower(str)
-{
-	return str.toLowerCase();
-}
-
-var _String_any = F2(function(isGood, string)
-{
-	var i = string.length;
-	while (i--)
-	{
-		var char = string[i];
-		var word = string.charCodeAt(i);
-		if (0xDC00 <= word && word <= 0xDFFF)
-		{
-			i--;
-			char = string[i] + char;
-		}
-		if (isGood(_Utils_chr(char)))
-		{
-			return true;
-		}
-	}
-	return false;
-});
-
-var _String_all = F2(function(isGood, string)
-{
-	var i = string.length;
-	while (i--)
-	{
-		var char = string[i];
-		var word = string.charCodeAt(i);
-		if (0xDC00 <= word && word <= 0xDFFF)
-		{
-			i--;
-			char = string[i] + char;
-		}
-		if (!isGood(_Utils_chr(char)))
-		{
-			return false;
-		}
-	}
-	return true;
-});
-
-var _String_contains = F2(function(sub, str)
-{
-	return str.indexOf(sub) > -1;
-});
-
-var _String_startsWith = F2(function(sub, str)
-{
-	return str.indexOf(sub) === 0;
-});
-
-var _String_endsWith = F2(function(sub, str)
-{
-	return str.length >= sub.length &&
-		str.lastIndexOf(sub) === str.length - sub.length;
-});
-
-var _String_indexes = F2(function(sub, str)
-{
-	var subLen = sub.length;
-
-	if (subLen < 1)
-	{
-		return _List_Nil;
-	}
-
-	var i = 0;
-	var is = [];
-
-	while ((i = str.indexOf(sub, i)) > -1)
-	{
-		is.push(i);
-		i = i + subLen;
-	}
-
-	return _List_fromArray(is);
-});
-
-
-// TO STRING
-
-function _String_fromNumber(number)
-{
-	return number + '';
-}
-
-
-// INT CONVERSIONS
-
-function _String_toInt(str)
-{
-	var total = 0;
-	var code0 = str.charCodeAt(0);
-	var start = code0 == 0x2B /* + */ || code0 == 0x2D /* - */ ? 1 : 0;
-
-	for (var i = start; i < str.length; ++i)
-	{
-		var code = str.charCodeAt(i);
-		if (code < 0x30 || 0x39 < code)
-		{
-			return $elm$core$Maybe$Nothing;
-		}
-		total = 10 * total + code - 0x30;
-	}
-
-	return i == start
-		? $elm$core$Maybe$Nothing
-		: $elm$core$Maybe$Just(code0 == 0x2D ? -total : total);
-}
-
-
-// FLOAT CONVERSIONS
-
-function _String_toFloat(s)
-{
-	// check if it is a hex, octal, or binary number
-	if (s.length === 0 || /[\sxbo]/.test(s))
-	{
-		return $elm$core$Maybe$Nothing;
-	}
-	var n = +s;
-	// faster isNaN check
-	return n === n ? $elm$core$Maybe$Just(n) : $elm$core$Maybe$Nothing;
-}
-
-function _String_fromList(chars)
-{
-	return _List_toArray(chars).join('');
-}
-
-
-
-
-function _Char_toCode(char)
-{
-	var code = char.charCodeAt(0);
-	if (0xD800 <= code && code <= 0xDBFF)
-	{
-		return (code - 0xD800) * 0x400 + char.charCodeAt(1) - 0xDC00 + 0x10000
-	}
-	return code;
-}
-
-function _Char_fromCode(code)
-{
-	return _Utils_chr(
-		(code < 0 || 0x10FFFF < code)
-			? '\uFFFD'
-			:
-		(code <= 0xFFFF)
-			? String.fromCharCode(code)
-			:
-		(code -= 0x10000,
-			String.fromCharCode(Math.floor(code / 0x400) + 0xD800, code % 0x400 + 0xDC00)
-		)
-	);
-}
-
-function _Char_toUpper(char)
-{
-	return _Utils_chr(char.toUpperCase());
-}
-
-function _Char_toLower(char)
-{
-	return _Utils_chr(char.toLowerCase());
-}
-
-function _Char_toLocaleUpper(char)
-{
-	return _Utils_chr(char.toLocaleUpperCase());
-}
-
-function _Char_toLocaleLower(char)
-{
-	return _Utils_chr(char.toLocaleLowerCase());
-}
-
-
-
-/**/
-function _Json_errorToString(error)
-{
-	return $elm$json$Json$Decode$errorToString(error);
-}
-//*/
-
-
-// CORE DECODERS
-
-function _Json_succeed(msg)
-{
-	return {
-		$: 0,
-		a: msg
-	};
-}
-
-function _Json_fail(msg)
-{
-	return {
-		$: 1,
-		a: msg
-	};
-}
-
-function _Json_decodePrim(decoder)
-{
-	return { $: 2, b: decoder };
-}
-
-var _Json_decodeInt = _Json_decodePrim(function(value) {
-	return (typeof value !== 'number')
-		? _Json_expecting('an INT', value)
-		:
-	(-2147483647 < value && value < 2147483647 && (value | 0) === value)
-		? $elm$core$Result$Ok(value)
-		:
-	(isFinite(value) && !(value % 1))
-		? $elm$core$Result$Ok(value)
-		: _Json_expecting('an INT', value);
-});
-
-var _Json_decodeBool = _Json_decodePrim(function(value) {
-	return (typeof value === 'boolean')
-		? $elm$core$Result$Ok(value)
-		: _Json_expecting('a BOOL', value);
-});
-
-var _Json_decodeFloat = _Json_decodePrim(function(value) {
-	return (typeof value === 'number')
-		? $elm$core$Result$Ok(value)
-		: _Json_expecting('a FLOAT', value);
-});
-
-var _Json_decodeValue = _Json_decodePrim(function(value) {
-	return $elm$core$Result$Ok(_Json_wrap(value));
-});
-
-var _Json_decodeString = _Json_decodePrim(function(value) {
-	return (typeof value === 'string')
-		? $elm$core$Result$Ok(value)
-		: (value instanceof String)
-			? $elm$core$Result$Ok(value + '')
-			: _Json_expecting('a STRING', value);
-});
-
-function _Json_decodeList(decoder) { return { $: 3, b: decoder }; }
-function _Json_decodeArray(decoder) { return { $: 4, b: decoder }; }
-
-function _Json_decodeNull(value) { return { $: 5, c: value }; }
-
-var _Json_decodeField = F2(function(field, decoder)
-{
-	return {
-		$: 6,
-		d: field,
-		b: decoder
-	};
-});
-
-var _Json_decodeIndex = F2(function(index, decoder)
-{
-	return {
-		$: 7,
-		e: index,
-		b: decoder
-	};
-});
-
-function _Json_decodeKeyValuePairs(decoder)
-{
-	return {
-		$: 8,
-		b: decoder
-	};
-}
-
-function _Json_mapMany(f, decoders)
-{
-	return {
-		$: 9,
-		f: f,
-		g: decoders
-	};
-}
-
-var _Json_andThen = F2(function(callback, decoder)
-{
-	return {
-		$: 10,
-		b: decoder,
-		h: callback
-	};
-});
-
-function _Json_oneOf(decoders)
-{
-	return {
-		$: 11,
-		g: decoders
-	};
-}
-
-
-// DECODING OBJECTS
-
-var _Json_map1 = F2(function(f, d1)
-{
-	return _Json_mapMany(f, [d1]);
-});
-
-var _Json_map2 = F3(function(f, d1, d2)
-{
-	return _Json_mapMany(f, [d1, d2]);
-});
-
-var _Json_map3 = F4(function(f, d1, d2, d3)
-{
-	return _Json_mapMany(f, [d1, d2, d3]);
-});
-
-var _Json_map4 = F5(function(f, d1, d2, d3, d4)
-{
-	return _Json_mapMany(f, [d1, d2, d3, d4]);
-});
-
-var _Json_map5 = F6(function(f, d1, d2, d3, d4, d5)
-{
-	return _Json_mapMany(f, [d1, d2, d3, d4, d5]);
-});
-
-var _Json_map6 = F7(function(f, d1, d2, d3, d4, d5, d6)
-{
-	return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6]);
-});
-
-var _Json_map7 = F8(function(f, d1, d2, d3, d4, d5, d6, d7)
-{
-	return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6, d7]);
-});
-
-var _Json_map8 = F9(function(f, d1, d2, d3, d4, d5, d6, d7, d8)
-{
-	return _Json_mapMany(f, [d1, d2, d3, d4, d5, d6, d7, d8]);
-});
-
-
-// DECODE
-
-var _Json_runOnString = F2(function(decoder, string)
-{
-	try
-	{
-		var value = JSON.parse(string);
-		return _Json_runHelp(decoder, value);
-	}
-	catch (e)
-	{
-		return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, 'This is not valid JSON! ' + e.message, _Json_wrap(string)));
-	}
-});
-
-var _Json_run = F2(function(decoder, value)
-{
-	return _Json_runHelp(decoder, _Json_unwrap(value));
-});
-
-function _Json_runHelp(decoder, value)
-{
-	switch (decoder.$)
-	{
-		case 2:
-			return decoder.b(value);
-
-		case 5:
-			return (value === null)
-				? $elm$core$Result$Ok(decoder.c)
-				: _Json_expecting('null', value);
-
-		case 3:
-			if (!_Json_isArray(value))
-			{
-				return _Json_expecting('a LIST', value);
-			}
-			return _Json_runArrayDecoder(decoder.b, value, _List_fromArray);
-
-		case 4:
-			if (!_Json_isArray(value))
-			{
-				return _Json_expecting('an ARRAY', value);
-			}
-			return _Json_runArrayDecoder(decoder.b, value, _Json_toElmArray);
-
-		case 6:
-			var field = decoder.d;
-			if (typeof value !== 'object' || value === null || !(field in value))
-			{
-				return _Json_expecting('an OBJECT with a field named `' + field + '`', value);
-			}
-			var result = _Json_runHelp(decoder.b, value[field]);
-			return ($elm$core$Result$isOk(result)) ? result : $elm$core$Result$Err(A2($elm$json$Json$Decode$Field, field, result.a));
-
-		case 7:
-			var index = decoder.e;
-			if (!_Json_isArray(value))
-			{
-				return _Json_expecting('an ARRAY', value);
-			}
-			if (index >= value.length)
-			{
-				return _Json_expecting('a LONGER array. Need index ' + index + ' but only see ' + value.length + ' entries', value);
-			}
-			var result = _Json_runHelp(decoder.b, value[index]);
-			return ($elm$core$Result$isOk(result)) ? result : $elm$core$Result$Err(A2($elm$json$Json$Decode$Index, index, result.a));
-
-		case 8:
-			if (typeof value !== 'object' || value === null || _Json_isArray(value))
-			{
-				return _Json_expecting('an OBJECT', value);
-			}
-
-			var keyValuePairs = _List_Nil;
-			// TODO test perf of Object.keys and switch when support is good enough
-			for (var key in value)
-			{
-				if (value.hasOwnProperty(key))
-				{
-					var result = _Json_runHelp(decoder.b, value[key]);
-					if (!$elm$core$Result$isOk(result))
-					{
-						return $elm$core$Result$Err(A2($elm$json$Json$Decode$Field, key, result.a));
-					}
-					keyValuePairs = _List_Cons(_Utils_Tuple2(key, result.a), keyValuePairs);
-				}
-			}
-			return $elm$core$Result$Ok($elm$core$List$reverse(keyValuePairs));
-
-		case 9:
-			var answer = decoder.f;
-			var decoders = decoder.g;
-			for (var i = 0; i < decoders.length; i++)
-			{
-				var result = _Json_runHelp(decoders[i], value);
-				if (!$elm$core$Result$isOk(result))
-				{
-					return result;
-				}
-				answer = answer(result.a);
-			}
-			return $elm$core$Result$Ok(answer);
-
-		case 10:
-			var result = _Json_runHelp(decoder.b, value);
-			return (!$elm$core$Result$isOk(result))
-				? result
-				: _Json_runHelp(decoder.h(result.a), value);
-
-		case 11:
-			var errors = _List_Nil;
-			for (var temp = decoder.g; temp.b; temp = temp.b) // WHILE_CONS
-			{
-				var result = _Json_runHelp(temp.a, value);
-				if ($elm$core$Result$isOk(result))
-				{
-					return result;
-				}
-				errors = _List_Cons(result.a, errors);
-			}
-			return $elm$core$Result$Err($elm$json$Json$Decode$OneOf($elm$core$List$reverse(errors)));
-
-		case 1:
-			return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, decoder.a, _Json_wrap(value)));
-
-		case 0:
-			return $elm$core$Result$Ok(decoder.a);
-	}
-}
-
-function _Json_runArrayDecoder(decoder, value, toElmValue)
-{
-	var len = value.length;
-	var array = new Array(len);
-	for (var i = 0; i < len; i++)
-	{
-		var result = _Json_runHelp(decoder, value[i]);
-		if (!$elm$core$Result$isOk(result))
-		{
-			return $elm$core$Result$Err(A2($elm$json$Json$Decode$Index, i, result.a));
-		}
-		array[i] = result.a;
-	}
-	return $elm$core$Result$Ok(toElmValue(array));
-}
-
-function _Json_isArray(value)
-{
-	return Array.isArray(value) || (typeof FileList !== 'undefined' && value instanceof FileList);
-}
-
-function _Json_toElmArray(array)
-{
-	return A2($elm$core$Array$initialize, array.length, function(i) { return array[i]; });
-}
-
-function _Json_expecting(type, value)
-{
-	return $elm$core$Result$Err(A2($elm$json$Json$Decode$Failure, 'Expecting ' + type, _Json_wrap(value)));
-}
-
-
-// EQUALITY
-
-function _Json_equality(x, y)
-{
-	if (x === y)
-	{
-		return true;
-	}
-
-	if (x.$ !== y.$)
-	{
-		return false;
-	}
-
-	switch (x.$)
-	{
-		case 0:
-		case 1:
-			return x.a === y.a;
-
-		case 2:
-			return x.b === y.b;
-
-		case 5:
-			return x.c === y.c;
-
-		case 3:
-		case 4:
-		case 8:
-			return _Json_equality(x.b, y.b);
-
-		case 6:
-			return x.d === y.d && _Json_equality(x.b, y.b);
-
-		case 7:
-			return x.e === y.e && _Json_equality(x.b, y.b);
-
-		case 9:
-			return x.f === y.f && _Json_listEquality(x.g, y.g);
-
-		case 10:
-			return x.h === y.h && _Json_equality(x.b, y.b);
-
-		case 11:
-			return _Json_listEquality(x.g, y.g);
-	}
-}
-
-function _Json_listEquality(aDecoders, bDecoders)
-{
-	var len = aDecoders.length;
-	if (len !== bDecoders.length)
-	{
-		return false;
-	}
-	for (var i = 0; i < len; i++)
-	{
-		if (!_Json_equality(aDecoders[i], bDecoders[i]))
-		{
-			return false;
-		}
-	}
-	return true;
-}
-
-
-// ENCODE
-
-var _Json_encode = F2(function(indentLevel, value)
-{
-	return JSON.stringify(_Json_unwrap(value), null, indentLevel) + '';
-});
-
-function _Json_wrap(value) { return { $: 0, a: value }; }
-function _Json_unwrap(value) { return value.a; }
-
-function _Json_wrap_UNUSED(value) { return value; }
-function _Json_unwrap_UNUSED(value) { return value; }
-
-function _Json_emptyArray() { return []; }
-function _Json_emptyObject() { return {}; }
-
-var _Json_addField = F3(function(key, value, object)
-{
-	object[key] = _Json_unwrap(value);
-	return object;
-});
-
-function _Json_addEntry(func)
-{
-	return F2(function(entry, array)
-	{
-		array.push(_Json_unwrap(func(entry)));
-		return array;
-	});
-}
-
-var _Json_encodeNull = _Json_wrap(null);
-
-
-
-// TASKS
-
-function _Scheduler_succeed(value)
-{
-	return {
-		$: 0,
-		a: value
-	};
-}
-
-function _Scheduler_fail(error)
-{
-	return {
-		$: 1,
-		a: error
-	};
-}
-
-function _Scheduler_binding(callback)
-{
-	return {
-		$: 2,
-		b: callback,
-		c: null
-	};
-}
-
-var _Scheduler_andThen = F2(function(callback, task)
-{
-	return {
-		$: 3,
-		b: callback,
-		d: task
-	};
-});
-
-var _Scheduler_onError = F2(function(callback, task)
-{
-	return {
-		$: 4,
-		b: callback,
-		d: task
-	};
-});
-
-function _Scheduler_receive(callback)
-{
-	return {
-		$: 5,
-		b: callback
-	};
-}
-
-
-// PROCESSES
-
-var _Scheduler_guid = 0;
-
-function _Scheduler_rawSpawn(task)
-{
-	var proc = {
-		$: 0,
-		e: _Scheduler_guid++,
-		f: task,
-		g: null,
-		h: []
-	};
-
-	_Scheduler_enqueue(proc);
-
-	return proc;
-}
-
-function _Scheduler_spawn(task)
-{
-	return _Scheduler_binding(function(callback) {
-		callback(_Scheduler_succeed(_Scheduler_rawSpawn(task)));
-	});
-}
-
-function _Scheduler_rawSend(proc, msg)
-{
-	proc.h.push(msg);
-	_Scheduler_enqueue(proc);
-}
-
-var _Scheduler_send = F2(function(proc, msg)
-{
-	return _Scheduler_binding(function(callback) {
-		_Scheduler_rawSend(proc, msg);
-		callback(_Scheduler_succeed(_Utils_Tuple0));
-	});
-});
-
-function _Scheduler_kill(proc)
-{
-	return _Scheduler_binding(function(callback) {
-		var task = proc.f;
-		if (task.$ === 2 && task.c)
-		{
-			task.c();
-		}
-
-		proc.f = null;
-
-		callback(_Scheduler_succeed(_Utils_Tuple0));
-	});
-}
-
-
-/* STEP PROCESSES
-
-type alias Process =
-  { $ : tag
-  , id : unique_id
-  , root : Task
-  , stack : null | { $: SUCCEED | FAIL, a: callback, b: stack }
-  , mailbox : [msg]
-  }
-
-*/
-
-
-var _Scheduler_working = false;
-var _Scheduler_queue = [];
-
-
-function _Scheduler_enqueue(proc)
-{
-	_Scheduler_queue.push(proc);
-	if (_Scheduler_working)
-	{
-		return;
-	}
-	_Scheduler_working = true;
-	while (proc = _Scheduler_queue.shift())
-	{
-		_Scheduler_step(proc);
-	}
-	_Scheduler_working = false;
-}
-
-
-function _Scheduler_step(proc)
-{
-	while (proc.f)
-	{
-		var rootTag = proc.f.$;
-		if (rootTag === 0 || rootTag === 1)
-		{
-			while (proc.g && proc.g.$ !== rootTag)
-			{
-				proc.g = proc.g.i;
-			}
-			if (!proc.g)
-			{
-				return;
-			}
-			proc.f = proc.g.b(proc.f.a);
-			proc.g = proc.g.i;
-		}
-		else if (rootTag === 2)
-		{
-			proc.f.c = proc.f.b(function(newRoot) {
-				proc.f = newRoot;
-				_Scheduler_enqueue(proc);
-			});
-			return;
-		}
-		else if (rootTag === 5)
-		{
-			if (proc.h.length === 0)
-			{
-				return;
-			}
-			proc.f = proc.f.b(proc.h.shift());
-		}
-		else // if (rootTag === 3 || rootTag === 4)
-		{
-			proc.g = {
-				$: rootTag === 3 ? 0 : 1,
-				b: proc.f.b,
-				i: proc.g
-			};
-			proc.f = proc.f.d;
-		}
-	}
-}
-
-
-
-function _Process_sleep(time)
-{
-	return _Scheduler_binding(function(callback) {
-		var id = setTimeout(function() {
-			callback(_Scheduler_succeed(_Utils_Tuple0));
-		}, time);
-
-		return function() { clearTimeout(id); };
-	});
-}
-
-
-
-
-// PROGRAMS
-
-
-var _Platform_worker = F4(function(impl, flagDecoder, debugMetadata, args)
-{
-	return _Platform_initialize(
-		flagDecoder,
-		args,
-		impl.init,
-		impl.update,
-		impl.subscriptions,
-		function() { return function() {} }
-	);
-});
-
-
-
-// INITIALIZE A PROGRAM
-
-
-function _Platform_initialize(flagDecoder, args, init, update, subscriptions, stepperBuilder)
-{
-	var result = A2(_Json_run, flagDecoder, _Json_wrap(args ? args['flags'] : undefined));
-	$elm$core$Result$isOk(result) || _Debug_crash(2 /**/, _Json_errorToString(result.a) /**/);
-	var managers = {};
-	var initPair = init(result.a);
-	var model = initPair.a;
-	var stepper = stepperBuilder(sendToApp, model);
-	var ports = _Platform_setupEffects(managers, sendToApp);
-
-	function sendToApp(msg, viewMetadata)
-	{
-		var pair = A2(update, msg, model);
-		stepper(model = pair.a, viewMetadata);
-		_Platform_enqueueEffects(managers, pair.b, subscriptions(model));
-	}
-
-	_Platform_enqueueEffects(managers, initPair.b, subscriptions(model));
-
-	return ports ? { ports: ports } : {};
-}
-
-
-
-// TRACK PRELOADS
-//
-// This is used by code in elm/browser and elm/http
-// to register any HTTP requests that are triggered by init.
-//
-
-
-var _Platform_preload;
-
-
-function _Platform_registerPreload(url)
-{
-	_Platform_preload.add(url);
-}
-
-
-
-// EFFECT MANAGERS
-
-
-var _Platform_effectManagers = {};
-
-
-function _Platform_setupEffects(managers, sendToApp)
-{
-	var ports;
-
-	// setup all necessary effect managers
-	for (var key in _Platform_effectManagers)
-	{
-		var manager = _Platform_effectManagers[key];
-
-		if (manager.a)
-		{
-			ports = ports || {};
-			ports[key] = manager.a(key, sendToApp);
-		}
-
-		managers[key] = _Platform_instantiateManager(manager, sendToApp);
-	}
-
-	return ports;
-}
-
-
-function _Platform_createManager(init, onEffects, onSelfMsg, cmdMap, subMap)
-{
-	return {
-		b: init,
-		c: onEffects,
-		d: onSelfMsg,
-		e: cmdMap,
-		f: subMap
-	};
-}
-
-
-function _Platform_instantiateManager(info, sendToApp)
-{
-	var router = {
-		g: sendToApp,
-		h: undefined
-	};
-
-	var onEffects = info.c;
-	var onSelfMsg = info.d;
-	var cmdMap = info.e;
-	var subMap = info.f;
-
-	function loop(state)
-	{
-		return A2(_Scheduler_andThen, loop, _Scheduler_receive(function(msg)
-		{
-			var value = msg.a;
-
-			if (msg.$ === 0)
-			{
-				return A3(onSelfMsg, router, value, state);
-			}
-
-			return cmdMap && subMap
-				? A4(onEffects, router, value.i, value.j, state)
-				: A3(onEffects, router, cmdMap ? value.i : value.j, state);
-		}));
-	}
-
-	return router.h = _Scheduler_rawSpawn(A2(_Scheduler_andThen, loop, info.b));
-}
-
-
-
-// ROUTING
-
-
-var _Platform_sendToApp = F2(function(router, msg)
-{
-	return _Scheduler_binding(function(callback)
-	{
-		router.g(msg);
-		callback(_Scheduler_succeed(_Utils_Tuple0));
-	});
-});
-
-
-var _Platform_sendToSelf = F2(function(router, msg)
-{
-	return A2(_Scheduler_send, router.h, {
-		$: 0,
-		a: msg
-	});
-});
-
-
-
-// BAGS
-
-
-function _Platform_leaf(home)
-{
-	return function(value)
-	{
-		return {
-			$: 1,
-			k: home,
-			l: value
-		};
-	};
-}
-
-
-function _Platform_batch(list)
-{
-	return {
-		$: 2,
-		m: list
-	};
-}
-
-
-var _Platform_map = F2(function(tagger, bag)
-{
-	return {
-		$: 3,
-		n: tagger,
-		o: bag
-	}
-});
-
-
-
-// PIPE BAGS INTO EFFECT MANAGERS
-//
-// Effects must be queued!
-//
-// Say your init contains a synchronous command, like Time.now or Time.here
-//
-//   - This will produce a batch of effects (FX_1)
-//   - The synchronous task triggers the subsequent `update` call
-//   - This will produce a batch of effects (FX_2)
-//
-// If we just start dispatching FX_2, subscriptions from FX_2 can be processed
-// before subscriptions from FX_1. No good! Earlier versions of this code had
-// this problem, leading to these reports:
-//
-//   https://github.com/elm/core/issues/980
-//   https://github.com/elm/core/pull/981
-//   https://github.com/elm/compiler/issues/1776
-//
-// The queue is necessary to avoid ordering issues for synchronous commands.
-
-
-// Why use true/false here? Why not just check the length of the queue?
-// The goal is to detect "are we currently dispatching effects?" If we
-// are, we need to bail and let the ongoing while loop handle things.
-//
-// Now say the queue has 1 element. When we dequeue the final element,
-// the queue will be empty, but we are still actively dispatching effects.
-// So you could get queue jumping in a really tricky category of cases.
-//
-var _Platform_effectsQueue = [];
-var _Platform_effectsActive = false;
-
-
-function _Platform_enqueueEffects(managers, cmdBag, subBag)
-{
-	_Platform_effectsQueue.push({ p: managers, q: cmdBag, r: subBag });
-
-	if (_Platform_effectsActive) return;
-
-	_Platform_effectsActive = true;
-	for (var fx; fx = _Platform_effectsQueue.shift(); )
-	{
-		_Platform_dispatchEffects(fx.p, fx.q, fx.r);
-	}
-	_Platform_effectsActive = false;
-}
-
-
-function _Platform_dispatchEffects(managers, cmdBag, subBag)
-{
-	var effectsDict = {};
-	_Platform_gatherEffects(true, cmdBag, effectsDict, null);
-	_Platform_gatherEffects(false, subBag, effectsDict, null);
-
-	for (var home in managers)
-	{
-		_Scheduler_rawSend(managers[home], {
-			$: 'fx',
-			a: effectsDict[home] || { i: _List_Nil, j: _List_Nil }
-		});
-	}
-}
-
-
-function _Platform_gatherEffects(isCmd, bag, effectsDict, taggers)
-{
-	switch (bag.$)
-	{
-		case 1:
-			var home = bag.k;
-			var effect = _Platform_toEffect(isCmd, home, taggers, bag.l);
-			effectsDict[home] = _Platform_insert(isCmd, effect, effectsDict[home]);
-			return;
-
-		case 2:
-			for (var list = bag.m; list.b; list = list.b) // WHILE_CONS
-			{
-				_Platform_gatherEffects(isCmd, list.a, effectsDict, taggers);
-			}
-			return;
-
-		case 3:
-			_Platform_gatherEffects(isCmd, bag.o, effectsDict, {
-				s: bag.n,
-				t: taggers
-			});
-			return;
-	}
-}
-
-
-function _Platform_toEffect(isCmd, home, taggers, value)
-{
-	function applyTaggers(x)
-	{
-		for (var temp = taggers; temp; temp = temp.t)
-		{
-			x = temp.s(x);
-		}
-		return x;
-	}
-
-	var map = isCmd
-		? _Platform_effectManagers[home].e
-		: _Platform_effectManagers[home].f;
-
-	return A2(map, applyTaggers, value)
-}
-
-
-function _Platform_insert(isCmd, newEffect, effects)
-{
-	effects = effects || { i: _List_Nil, j: _List_Nil };
-
-	isCmd
-		? (effects.i = _List_Cons(newEffect, effects.i))
-		: (effects.j = _List_Cons(newEffect, effects.j));
-
-	return effects;
-}
-
-
-
-// PORTS
-
-
-function _Platform_checkPortName(name)
-{
-	if (_Platform_effectManagers[name])
-	{
-		_Debug_crash(3, name)
-	}
-}
-
-
-
-// OUTGOING PORTS
-
-
-function _Platform_outgoingPort(name, converter)
-{
-	_Platform_checkPortName(name);
-	_Platform_effectManagers[name] = {
-		e: _Platform_outgoingPortMap,
-		u: converter,
-		a: _Platform_setupOutgoingPort
-	};
-	return _Platform_leaf(name);
-}
-
-
-var _Platform_outgoingPortMap = F2(function(tagger, value) { return value; });
-
-
-function _Platform_setupOutgoingPort(name)
-{
-	var subs = [];
-	var converter = _Platform_effectManagers[name].u;
-
-	// CREATE MANAGER
-
-	var init = _Process_sleep(0);
-
-	_Platform_effectManagers[name].b = init;
-	_Platform_effectManagers[name].c = F3(function(router, cmdList, state)
-	{
-		for ( ; cmdList.b; cmdList = cmdList.b) // WHILE_CONS
-		{
-			// grab a separate reference to subs in case unsubscribe is called
-			var currentSubs = subs;
-			var value = _Json_unwrap(converter(cmdList.a));
-			for (var i = 0; i < currentSubs.length; i++)
-			{
-				currentSubs[i](value);
-			}
-		}
-		return init;
-	});
-
-	// PUBLIC API
-
-	function subscribe(callback)
-	{
-		subs.push(callback);
-	}
-
-	function unsubscribe(callback)
-	{
-		// copy subs into a new array in case unsubscribe is called within a
-		// subscribed callback
-		subs = subs.slice();
-		var index = subs.indexOf(callback);
-		if (index >= 0)
-		{
-			subs.splice(index, 1);
-		}
-	}
-
-	return {
-		subscribe: subscribe,
-		unsubscribe: unsubscribe
-	};
-}
-
-
-
-// INCOMING PORTS
-
-
-function _Platform_incomingPort(name, converter)
-{
-	_Platform_checkPortName(name);
-	_Platform_effectManagers[name] = {
-		f: _Platform_incomingPortMap,
-		u: converter,
-		a: _Platform_setupIncomingPort
-	};
-	return _Platform_leaf(name);
-}
-
-
-var _Platform_incomingPortMap = F2(function(tagger, finalTagger)
-{
-	return function(value)
-	{
-		return tagger(finalTagger(value));
-	};
-});
-
-
-function _Platform_setupIncomingPort(name, sendToApp)
-{
-	var subs = _List_Nil;
-	var converter = _Platform_effectManagers[name].u;
-
-	// CREATE MANAGER
-
-	var init = _Scheduler_succeed(null);
-
-	_Platform_effectManagers[name].b = init;
-	_Platform_effectManagers[name].c = F3(function(router, subList, state)
-	{
-		subs = subList;
-		return init;
-	});
-
-	// PUBLIC API
-
-	function send(incomingValue)
-	{
-		var result = A2(_Json_run, converter, _Json_wrap(incomingValue));
-
-		$elm$core$Result$isOk(result) || _Debug_crash(4, name, result.a);
-
-		var value = result.a;
-		for (var temp = subs; temp.b; temp = temp.b) // WHILE_CONS
-		{
-			sendToApp(temp.a(value));
-		}
-	}
-
-	return { send: send };
-}
-
-
-
-// EXPORT ELM MODULES
-//
-// Have DEBUG and PROD versions so that we can (1) give nicer errors in
-// debug mode and (2) not pay for the bits needed for that in prod mode.
-//
-
-
-function _Platform_export_UNUSED(exports)
-{
-	scope['Elm']
-		? _Platform_mergeExportsProd(scope['Elm'], exports)
-		: scope['Elm'] = exports;
-}
-
-
-function _Platform_mergeExportsProd(obj, exports)
-{
-	for (var name in exports)
-	{
-		(name in obj)
-			? (name == 'init')
-				? _Debug_crash(6)
-				: _Platform_mergeExportsProd(obj[name], exports[name])
-			: (obj[name] = exports[name]);
-	}
-}
-
-
-function _Platform_export(exports)
-{
-	scope['Elm']
-		? _Platform_mergeExportsDebug('Elm', scope['Elm'], exports)
-		: scope['Elm'] = exports;
-}
-
-
-function _Platform_mergeExportsDebug(moduleName, obj, exports)
-{
-	for (var name in exports)
-	{
-		(name in obj)
-			? (name == 'init')
-				? _Debug_crash(6, moduleName)
-				: _Platform_mergeExportsDebug(moduleName + '.' + name, obj[name], exports[name])
-			: (obj[name] = exports[name]);
-	}
-}
-
-
-
-
-// HELPERS
-
-
-var _VirtualDom_divertHrefToApp;
-
-var _VirtualDom_doc = typeof document !== 'undefined' ? document : {};
-
-
-function _VirtualDom_appendChild(parent, child)
-{
-	parent.appendChild(child);
-}
-
-var _VirtualDom_init = F4(function(virtualNode, flagDecoder, debugMetadata, args)
-{
-	// NOTE: this function needs _Platform_export available to work
-
-	/**_UNUSED/
-	var node = args['node'];
-	//*/
-	/**/
-	var node = args && args['node'] ? args['node'] : _Debug_crash(0);
-	//*/
-
-	node.parentNode.replaceChild(
-		_VirtualDom_render(virtualNode, function() {}),
-		node
-	);
-
-	return {};
-});
-
-
-
-// TEXT
-
-
-function _VirtualDom_text(string)
-{
-	return {
-		$: 0,
-		a: string
-	};
-}
-
-
-
-// NODE
-
-
-var _VirtualDom_nodeNS = F2(function(namespace, tag)
-{
-	return F2(function(factList, kidList)
-	{
-		for (var kids = [], descendantsCount = 0; kidList.b; kidList = kidList.b) // WHILE_CONS
-		{
-			var kid = kidList.a;
-			descendantsCount += (kid.b || 0);
-			kids.push(kid);
-		}
-		descendantsCount += kids.length;
-
-		return {
-			$: 1,
-			c: tag,
-			d: _VirtualDom_organizeFacts(factList),
-			e: kids,
-			f: namespace,
-			b: descendantsCount
-		};
-	});
-});
-
-
-var _VirtualDom_node = _VirtualDom_nodeNS(undefined);
-
-
-
-// KEYED NODE
-
-
-var _VirtualDom_keyedNodeNS = F2(function(namespace, tag)
-{
-	return F2(function(factList, kidList)
-	{
-		for (var kids = [], descendantsCount = 0; kidList.b; kidList = kidList.b) // WHILE_CONS
-		{
-			var kid = kidList.a;
-			descendantsCount += (kid.b.b || 0);
-			kids.push(kid);
-		}
-		descendantsCount += kids.length;
-
-		return {
-			$: 2,
-			c: tag,
-			d: _VirtualDom_organizeFacts(factList),
-			e: kids,
-			f: namespace,
-			b: descendantsCount
-		};
-	});
-});
-
-
-var _VirtualDom_keyedNode = _VirtualDom_keyedNodeNS(undefined);
-
-
-
-// CUSTOM
-
-
-function _VirtualDom_custom(factList, model, render, diff)
-{
-	return {
-		$: 3,
-		d: _VirtualDom_organizeFacts(factList),
-		g: model,
-		h: render,
-		i: diff
-	};
-}
-
-
-
-// MAP
-
-
-var _VirtualDom_map = F2(function(tagger, node)
-{
-	return {
-		$: 4,
-		j: tagger,
-		k: node,
-		b: 1 + (node.b || 0)
-	};
-});
-
-
-
-// LAZY
-
-
-function _VirtualDom_thunk(refs, thunk)
-{
-	return {
-		$: 5,
-		l: refs,
-		m: thunk,
-		k: undefined
-	};
-}
-
-var _VirtualDom_lazy = F2(function(func, a)
-{
-	return _VirtualDom_thunk([func, a], function() {
-		return func(a);
-	});
-});
-
-var _VirtualDom_lazy2 = F3(function(func, a, b)
-{
-	return _VirtualDom_thunk([func, a, b], function() {
-		return A2(func, a, b);
-	});
-});
-
-var _VirtualDom_lazy3 = F4(function(func, a, b, c)
-{
-	return _VirtualDom_thunk([func, a, b, c], function() {
-		return A3(func, a, b, c);
-	});
-});
-
-var _VirtualDom_lazy4 = F5(function(func, a, b, c, d)
-{
-	return _VirtualDom_thunk([func, a, b, c, d], function() {
-		return A4(func, a, b, c, d);
-	});
-});
-
-var _VirtualDom_lazy5 = F6(function(func, a, b, c, d, e)
-{
-	return _VirtualDom_thunk([func, a, b, c, d, e], function() {
-		return A5(func, a, b, c, d, e);
-	});
-});
-
-var _VirtualDom_lazy6 = F7(function(func, a, b, c, d, e, f)
-{
-	return _VirtualDom_thunk([func, a, b, c, d, e, f], function() {
-		return A6(func, a, b, c, d, e, f);
-	});
-});
-
-var _VirtualDom_lazy7 = F8(function(func, a, b, c, d, e, f, g)
-{
-	return _VirtualDom_thunk([func, a, b, c, d, e, f, g], function() {
-		return A7(func, a, b, c, d, e, f, g);
-	});
-});
-
-var _VirtualDom_lazy8 = F9(function(func, a, b, c, d, e, f, g, h)
-{
-	return _VirtualDom_thunk([func, a, b, c, d, e, f, g, h], function() {
-		return A8(func, a, b, c, d, e, f, g, h);
-	});
-});
-
-
-
-// FACTS
-
-
-var _VirtualDom_on = F2(function(key, handler)
-{
-	return {
-		$: 'a0',
-		n: key,
-		o: handler
-	};
-});
-var _VirtualDom_style = F2(function(key, value)
-{
-	return {
-		$: 'a1',
-		n: key,
-		o: value
-	};
-});
-var _VirtualDom_property = F2(function(key, value)
-{
-	return {
-		$: 'a2',
-		n: key,
-		o: value
-	};
-});
-var _VirtualDom_attribute = F2(function(key, value)
-{
-	return {
-		$: 'a3',
-		n: key,
-		o: value
-	};
-});
-var _VirtualDom_attributeNS = F3(function(namespace, key, value)
-{
-	return {
-		$: 'a4',
-		n: key,
-		o: { f: namespace, o: value }
-	};
-});
-
-
-
-// XSS ATTACK VECTOR CHECKS
-
-
-function _VirtualDom_noScript(tag)
-{
-	return tag == 'script' ? 'p' : tag;
-}
-
-function _VirtualDom_noOnOrFormAction(key)
-{
-	return /^(on|formAction$)/i.test(key) ? 'data-' + key : key;
-}
-
-function _VirtualDom_noInnerHtmlOrFormAction(key)
-{
-	return key == 'innerHTML' || key == 'formAction' ? 'data-' + key : key;
-}
-
-function _VirtualDom_noJavaScriptUri_UNUSED(value)
-{
-	return /^javascript:/i.test(value.replace(/\s/g,'')) ? '' : value;
-}
-
-function _VirtualDom_noJavaScriptUri(value)
-{
-	return /^javascript:/i.test(value.replace(/\s/g,''))
-		? 'javascript:alert("This is an XSS vector. Please use ports or web components instead.")'
-		: value;
-}
-
-function _VirtualDom_noJavaScriptOrHtmlUri_UNUSED(value)
-{
-	return /^\s*(javascript:|data:text\/html)/i.test(value) ? '' : value;
-}
-
-function _VirtualDom_noJavaScriptOrHtmlUri(value)
-{
-	return /^\s*(javascript:|data:text\/html)/i.test(value)
-		? 'javascript:alert("This is an XSS vector. Please use ports or web components instead.")'
-		: value;
-}
-
-
-
-// MAP FACTS
-
-
-var _VirtualDom_mapAttribute = F2(function(func, attr)
-{
-	return (attr.$ === 'a0')
-		? A2(_VirtualDom_on, attr.n, _VirtualDom_mapHandler(func, attr.o))
-		: attr;
-});
-
-function _VirtualDom_mapHandler(func, handler)
-{
-	var tag = $elm$virtual_dom$VirtualDom$toHandlerInt(handler);
-
-	// 0 = Normal
-	// 1 = MayStopPropagation
-	// 2 = MayPreventDefault
-	// 3 = Custom
-
-	return {
-		$: handler.$,
-		a:
-			!tag
-				? A2($elm$json$Json$Decode$map, func, handler.a)
-				:
-			A3($elm$json$Json$Decode$map2,
-				tag < 3
-					? _VirtualDom_mapEventTuple
-					: _VirtualDom_mapEventRecord,
-				$elm$json$Json$Decode$succeed(func),
-				handler.a
-			)
-	};
-}
-
-var _VirtualDom_mapEventTuple = F2(function(func, tuple)
-{
-	return _Utils_Tuple2(func(tuple.a), tuple.b);
-});
-
-var _VirtualDom_mapEventRecord = F2(function(func, record)
-{
-	return {
-		message: func(record.message),
-		stopPropagation: record.stopPropagation,
-		preventDefault: record.preventDefault
-	}
-});
-
-
-
-// ORGANIZE FACTS
-
-
-function _VirtualDom_organizeFacts(factList)
-{
-	for (var facts = {}; factList.b; factList = factList.b) // WHILE_CONS
-	{
-		var entry = factList.a;
-
-		var tag = entry.$;
-		var key = entry.n;
-		var value = entry.o;
-
-		if (tag === 'a2')
-		{
-			(key === 'className')
-				? _VirtualDom_addClass(facts, key, _Json_unwrap(value))
-				: facts[key] = _Json_unwrap(value);
-
-			continue;
-		}
-
-		var subFacts = facts[tag] || (facts[tag] = {});
-		(tag === 'a3' && key === 'class')
-			? _VirtualDom_addClass(subFacts, key, value)
-			: subFacts[key] = value;
-	}
-
-	return facts;
-}
-
-function _VirtualDom_addClass(object, key, newClass)
-{
-	var classes = object[key];
-	object[key] = classes ? classes + ' ' + newClass : newClass;
-}
-
-
-
-// RENDER
-
-
-function _VirtualDom_render(vNode, eventNode)
-{
-	var tag = vNode.$;
-
-	if (tag === 5)
-	{
-		return _VirtualDom_render(vNode.k || (vNode.k = vNode.m()), eventNode);
-	}
-
-	if (tag === 0)
-	{
-		return _VirtualDom_doc.createTextNode(vNode.a);
-	}
-
-	if (tag === 4)
-	{
-		var subNode = vNode.k;
-		var tagger = vNode.j;
-
-		while (subNode.$ === 4)
-		{
-			typeof tagger !== 'object'
-				? tagger = [tagger, subNode.j]
-				: tagger.push(subNode.j);
-
-			subNode = subNode.k;
-		}
-
-		var subEventRoot = { j: tagger, p: eventNode };
-		var domNode = _VirtualDom_render(subNode, subEventRoot);
-		domNode.elm_event_node_ref = subEventRoot;
-		return domNode;
-	}
-
-	if (tag === 3)
-	{
-		var domNode = vNode.h(vNode.g);
-		_VirtualDom_applyFacts(domNode, eventNode, vNode.d);
-		return domNode;
-	}
-
-	// at this point `tag` must be 1 or 2
-
-	var domNode = vNode.f
-		? _VirtualDom_doc.createElementNS(vNode.f, vNode.c)
-		: _VirtualDom_doc.createElement(vNode.c);
-
-	if (_VirtualDom_divertHrefToApp && vNode.c == 'a')
-	{
-		domNode.addEventListener('click', _VirtualDom_divertHrefToApp(domNode));
-	}
-
-	_VirtualDom_applyFacts(domNode, eventNode, vNode.d);
-
-	for (var kids = vNode.e, i = 0; i < kids.length; i++)
-	{
-		_VirtualDom_appendChild(domNode, _VirtualDom_render(tag === 1 ? kids[i] : kids[i].b, eventNode));
-	}
-
-	return domNode;
-}
-
-
-
-// APPLY FACTS
-
-
-function _VirtualDom_applyFacts(domNode, eventNode, facts)
-{
-	for (var key in facts)
-	{
-		var value = facts[key];
-
-		key === 'a1'
-			? _VirtualDom_applyStyles(domNode, value)
-			:
-		key === 'a0'
-			? _VirtualDom_applyEvents(domNode, eventNode, value)
-			:
-		key === 'a3'
-			? _VirtualDom_applyAttrs(domNode, value)
-			:
-		key === 'a4'
-			? _VirtualDom_applyAttrsNS(domNode, value)
-			:
-		((key !== 'value' && key !== 'checked') || domNode[key] !== value) && (domNode[key] = value);
-	}
-}
-
-
-
-// APPLY STYLES
-
-
-function _VirtualDom_applyStyles(domNode, styles)
-{
-	var domNodeStyle = domNode.style;
-
-	for (var key in styles)
-	{
-		domNodeStyle[key] = styles[key];
-	}
-}
-
-
-
-// APPLY ATTRS
-
-
-function _VirtualDom_applyAttrs(domNode, attrs)
-{
-	for (var key in attrs)
-	{
-		var value = attrs[key];
-		typeof value !== 'undefined'
-			? domNode.setAttribute(key, value)
-			: domNode.removeAttribute(key);
-	}
-}
-
-
-
-// APPLY NAMESPACED ATTRS
-
-
-function _VirtualDom_applyAttrsNS(domNode, nsAttrs)
-{
-	for (var key in nsAttrs)
-	{
-		var pair = nsAttrs[key];
-		var namespace = pair.f;
-		var value = pair.o;
-
-		typeof value !== 'undefined'
-			? domNode.setAttributeNS(namespace, key, value)
-			: domNode.removeAttributeNS(namespace, key);
-	}
-}
-
-
-
-// APPLY EVENTS
-
-
-function _VirtualDom_applyEvents(domNode, eventNode, events)
-{
-	var allCallbacks = domNode.elmFs || (domNode.elmFs = {});
-
-	for (var key in events)
-	{
-		var newHandler = events[key];
-		var oldCallback = allCallbacks[key];
-
-		if (!newHandler)
-		{
-			domNode.removeEventListener(key, oldCallback);
-			allCallbacks[key] = undefined;
-			continue;
-		}
-
-		if (oldCallback)
-		{
-			var oldHandler = oldCallback.q;
-			if (oldHandler.$ === newHandler.$)
-			{
-				oldCallback.q = newHandler;
-				continue;
-			}
-			domNode.removeEventListener(key, oldCallback);
-		}
-
-		oldCallback = _VirtualDom_makeCallback(eventNode, newHandler);
-		domNode.addEventListener(key, oldCallback,
-			_VirtualDom_passiveSupported
-			&& { passive: $elm$virtual_dom$VirtualDom$toHandlerInt(newHandler) < 2 }
-		);
-		allCallbacks[key] = oldCallback;
-	}
-}
-
-
-
-// PASSIVE EVENTS
-
-
-var _VirtualDom_passiveSupported;
-
-try
-{
-	window.addEventListener('t', null, Object.defineProperty({}, 'passive', {
-		get: function() { _VirtualDom_passiveSupported = true; }
-	}));
-}
-catch(e) {}
-
-
-
-// EVENT HANDLERS
-
-
-function _VirtualDom_makeCallback(eventNode, initialHandler)
-{
-	function callback(event)
-	{
-		var handler = callback.q;
-		var result = _Json_runHelp(handler.a, event);
-
-		if (!$elm$core$Result$isOk(result))
-		{
-			return;
-		}
-
-		var tag = $elm$virtual_dom$VirtualDom$toHandlerInt(handler);
-
-		// 0 = Normal
-		// 1 = MayStopPropagation
-		// 2 = MayPreventDefault
-		// 3 = Custom
-
-		var value = result.a;
-		var message = !tag ? value : tag < 3 ? value.a : value.message;
-		var stopPropagation = tag == 1 ? value.b : tag == 3 && value.stopPropagation;
-		var currentEventNode = (
-			stopPropagation && event.stopPropagation(),
-			(tag == 2 ? value.b : tag == 3 && value.preventDefault) && event.preventDefault(),
-			eventNode
-		);
-		var tagger;
-		var i;
-		while (tagger = currentEventNode.j)
-		{
-			if (typeof tagger == 'function')
-			{
-				message = tagger(message);
-			}
-			else
-			{
-				for (var i = tagger.length; i--; )
-				{
-					message = tagger[i](message);
-				}
-			}
-			currentEventNode = currentEventNode.p;
-		}
-		currentEventNode(message, stopPropagation); // stopPropagation implies isSync
-	}
-
-	callback.q = initialHandler;
-
-	return callback;
-}
-
-function _VirtualDom_equalEvents(x, y)
-{
-	return x.$ == y.$ && _Json_equality(x.a, y.a);
-}
-
-
-
-// DIFF
-
-
-// TODO: Should we do patches like in iOS?
-//
-// type Patch
-//   = At Int Patch
-//   | Batch (List Patch)
-//   | Change ...
-//
-// How could it not be better?
-//
-function _VirtualDom_diff(x, y)
-{
-	var patches = [];
-	_VirtualDom_diffHelp(x, y, patches, 0);
-	return patches;
-}
-
-
-function _VirtualDom_pushPatch(patches, type, index, data)
-{
-	var patch = {
-		$: type,
-		r: index,
-		s: data,
-		t: undefined,
-		u: undefined
-	};
-	patches.push(patch);
-	return patch;
-}
-
-
-function _VirtualDom_diffHelp(x, y, patches, index)
-{
-	if (x === y)
-	{
-		return;
-	}
-
-	var xType = x.$;
-	var yType = y.$;
-
-	// Bail if you run into different types of nodes. Implies that the
-	// structure has changed significantly and it's not worth a diff.
-	if (xType !== yType)
-	{
-		if (xType === 1 && yType === 2)
-		{
-			y = _VirtualDom_dekey(y);
-			yType = 1;
-		}
-		else
-		{
-			_VirtualDom_pushPatch(patches, 0, index, y);
-			return;
-		}
-	}
-
-	// Now we know that both nodes are the same $.
-	switch (yType)
-	{
-		case 5:
-			var xRefs = x.l;
-			var yRefs = y.l;
-			var i = xRefs.length;
-			var same = i === yRefs.length;
-			while (same && i--)
-			{
-				same = xRefs[i] === yRefs[i];
-			}
-			if (same)
-			{
-				y.k = x.k;
-				return;
-			}
-			y.k = y.m();
-			var subPatches = [];
-			_VirtualDom_diffHelp(x.k, y.k, subPatches, 0);
-			subPatches.length > 0 && _VirtualDom_pushPatch(patches, 1, index, subPatches);
-			return;
-
-		case 4:
-			// gather nested taggers
-			var xTaggers = x.j;
-			var yTaggers = y.j;
-			var nesting = false;
-
-			var xSubNode = x.k;
-			while (xSubNode.$ === 4)
-			{
-				nesting = true;
-
-				typeof xTaggers !== 'object'
-					? xTaggers = [xTaggers, xSubNode.j]
-					: xTaggers.push(xSubNode.j);
-
-				xSubNode = xSubNode.k;
-			}
-
-			var ySubNode = y.k;
-			while (ySubNode.$ === 4)
-			{
-				nesting = true;
-
-				typeof yTaggers !== 'object'
-					? yTaggers = [yTaggers, ySubNode.j]
-					: yTaggers.push(ySubNode.j);
-
-				ySubNode = ySubNode.k;
-			}
-
-			// Just bail if different numbers of taggers. This implies the
-			// structure of the virtual DOM has changed.
-			if (nesting && xTaggers.length !== yTaggers.length)
-			{
-				_VirtualDom_pushPatch(patches, 0, index, y);
-				return;
-			}
-
-			// check if taggers are "the same"
-			if (nesting ? !_VirtualDom_pairwiseRefEqual(xTaggers, yTaggers) : xTaggers !== yTaggers)
-			{
-				_VirtualDom_pushPatch(patches, 2, index, yTaggers);
-			}
-
-			// diff everything below the taggers
-			_VirtualDom_diffHelp(xSubNode, ySubNode, patches, index + 1);
-			return;
-
-		case 0:
-			if (x.a !== y.a)
-			{
-				_VirtualDom_pushPatch(patches, 3, index, y.a);
-			}
-			return;
-
-		case 1:
-			_VirtualDom_diffNodes(x, y, patches, index, _VirtualDom_diffKids);
-			return;
-
-		case 2:
-			_VirtualDom_diffNodes(x, y, patches, index, _VirtualDom_diffKeyedKids);
-			return;
-
-		case 3:
-			if (x.h !== y.h)
-			{
-				_VirtualDom_pushPatch(patches, 0, index, y);
-				return;
-			}
-
-			var factsDiff = _VirtualDom_diffFacts(x.d, y.d);
-			factsDiff && _VirtualDom_pushPatch(patches, 4, index, factsDiff);
-
-			var patch = y.i(x.g, y.g);
-			patch && _VirtualDom_pushPatch(patches, 5, index, patch);
-
-			return;
-	}
-}
-
-// assumes the incoming arrays are the same length
-function _VirtualDom_pairwiseRefEqual(as, bs)
-{
-	for (var i = 0; i < as.length; i++)
-	{
-		if (as[i] !== bs[i])
-		{
-			return false;
-		}
-	}
-
-	return true;
-}
-
-function _VirtualDom_diffNodes(x, y, patches, index, diffKids)
-{
-	// Bail if obvious indicators have changed. Implies more serious
-	// structural changes such that it's not worth it to diff.
-	if (x.c !== y.c || x.f !== y.f)
-	{
-		_VirtualDom_pushPatch(patches, 0, index, y);
-		return;
-	}
-
-	var factsDiff = _VirtualDom_diffFacts(x.d, y.d);
-	factsDiff && _VirtualDom_pushPatch(patches, 4, index, factsDiff);
-
-	diffKids(x, y, patches, index);
-}
-
-
-
-// DIFF FACTS
-
-
-// TODO Instead of creating a new diff object, it's possible to just test if
-// there *is* a diff. During the actual patch, do the diff again and make the
-// modifications directly. This way, there's no new allocations. Worth it?
-function _VirtualDom_diffFacts(x, y, category)
-{
-	var diff;
-
-	// look for changes and removals
-	for (var xKey in x)
-	{
-		if (xKey === 'a1' || xKey === 'a0' || xKey === 'a3' || xKey === 'a4')
-		{
-			var subDiff = _VirtualDom_diffFacts(x[xKey], y[xKey] || {}, xKey);
-			if (subDiff)
-			{
-				diff = diff || {};
-				diff[xKey] = subDiff;
-			}
-			continue;
-		}
-
-		// remove if not in the new facts
-		if (!(xKey in y))
-		{
-			diff = diff || {};
-			diff[xKey] =
-				!category
-					? (typeof x[xKey] === 'string' ? '' : null)
-					:
-				(category === 'a1')
-					? ''
-					:
-				(category === 'a0' || category === 'a3')
-					? undefined
-					:
-				{ f: x[xKey].f, o: undefined };
-
-			continue;
-		}
-
-		var xValue = x[xKey];
-		var yValue = y[xKey];
-
-		// reference equal, so don't worry about it
-		if (xValue === yValue && xKey !== 'value' && xKey !== 'checked'
-			|| category === 'a0' && _VirtualDom_equalEvents(xValue, yValue))
-		{
-			continue;
-		}
-
-		diff = diff || {};
-		diff[xKey] = yValue;
-	}
-
-	// add new stuff
-	for (var yKey in y)
-	{
-		if (!(yKey in x))
-		{
-			diff = diff || {};
-			diff[yKey] = y[yKey];
-		}
-	}
-
-	return diff;
-}
-
-
-
-// DIFF KIDS
-
-
-function _VirtualDom_diffKids(xParent, yParent, patches, index)
-{
-	var xKids = xParent.e;
-	var yKids = yParent.e;
-
-	var xLen = xKids.length;
-	var yLen = yKids.length;
-
-	// FIGURE OUT IF THERE ARE INSERTS OR REMOVALS
-
-	if (xLen > yLen)
-	{
-		_VirtualDom_pushPatch(patches, 6, index, {
-			v: yLen,
-			i: xLen - yLen
-		});
-	}
-	else if (xLen < yLen)
-	{
-		_VirtualDom_pushPatch(patches, 7, index, {
-			v: xLen,
-			e: yKids
-		});
-	}
-
-	// PAIRWISE DIFF EVERYTHING ELSE
-
-	for (var minLen = xLen < yLen ? xLen : yLen, i = 0; i < minLen; i++)
-	{
-		var xKid = xKids[i];
-		_VirtualDom_diffHelp(xKid, yKids[i], patches, ++index);
-		index += xKid.b || 0;
-	}
-}
-
-
-
-// KEYED DIFF
-
-
-function _VirtualDom_diffKeyedKids(xParent, yParent, patches, rootIndex)
-{
-	var localPatches = [];
-
-	var changes = {}; // Dict String Entry
-	var inserts = []; // Array { index : Int, entry : Entry }
-	// type Entry = { tag : String, vnode : VNode, index : Int, data : _ }
-
-	var xKids = xParent.e;
-	var yKids = yParent.e;
-	var xLen = xKids.length;
-	var yLen = yKids.length;
-	var xIndex = 0;
-	var yIndex = 0;
-
-	var index = rootIndex;
-
-	while (xIndex < xLen && yIndex < yLen)
-	{
-		var x = xKids[xIndex];
-		var y = yKids[yIndex];
-
-		var xKey = x.a;
-		var yKey = y.a;
-		var xNode = x.b;
-		var yNode = y.b;
-
-		var newMatch = undefined;
-		var oldMatch = undefined;
-
-		// check if keys match
-
-		if (xKey === yKey)
-		{
-			index++;
-			_VirtualDom_diffHelp(xNode, yNode, localPatches, index);
-			index += xNode.b || 0;
-
-			xIndex++;
-			yIndex++;
-			continue;
-		}
-
-		// look ahead 1 to detect insertions and removals.
-
-		var xNext = xKids[xIndex + 1];
-		var yNext = yKids[yIndex + 1];
-
-		if (xNext)
-		{
-			var xNextKey = xNext.a;
-			var xNextNode = xNext.b;
-			oldMatch = yKey === xNextKey;
-		}
-
-		if (yNext)
-		{
-			var yNextKey = yNext.a;
-			var yNextNode = yNext.b;
-			newMatch = xKey === yNextKey;
-		}
-
-
-		// swap x and y
-		if (newMatch && oldMatch)
-		{
-			index++;
-			_VirtualDom_diffHelp(xNode, yNextNode, localPatches, index);
-			_VirtualDom_insertNode(changes, localPatches, xKey, yNode, yIndex, inserts);
-			index += xNode.b || 0;
-
-			index++;
-			_VirtualDom_removeNode(changes, localPatches, xKey, xNextNode, index);
-			index += xNextNode.b || 0;
-
-			xIndex += 2;
-			yIndex += 2;
-			continue;
-		}
-
-		// insert y
-		if (newMatch)
-		{
-			index++;
-			_VirtualDom_insertNode(changes, localPatches, yKey, yNode, yIndex, inserts);
-			_VirtualDom_diffHelp(xNode, yNextNode, localPatches, index);
-			index += xNode.b || 0;
-
-			xIndex += 1;
-			yIndex += 2;
-			continue;
-		}
-
-		// remove x
-		if (oldMatch)
-		{
-			index++;
-			_VirtualDom_removeNode(changes, localPatches, xKey, xNode, index);
-			index += xNode.b || 0;
-
-			index++;
-			_VirtualDom_diffHelp(xNextNode, yNode, localPatches, index);
-			index += xNextNode.b || 0;
-
-			xIndex += 2;
-			yIndex += 1;
-			continue;
-		}
-
-		// remove x, insert y
-		if (xNext && xNextKey === yNextKey)
-		{
-			index++;
-			_VirtualDom_removeNode(changes, localPatches, xKey, xNode, index);
-			_VirtualDom_insertNode(changes, localPatches, yKey, yNode, yIndex, inserts);
-			index += xNode.b || 0;
-
-			index++;
-			_VirtualDom_diffHelp(xNextNode, yNextNode, localPatches, index);
-			index += xNextNode.b || 0;
-
-			xIndex += 2;
-			yIndex += 2;
-			continue;
-		}
-
-		break;
-	}
-
-	// eat up any remaining nodes with removeNode and insertNode
-
-	while (xIndex < xLen)
-	{
-		index++;
-		var x = xKids[xIndex];
-		var xNode = x.b;
-		_VirtualDom_removeNode(changes, localPatches, x.a, xNode, index);
-		index += xNode.b || 0;
-		xIndex++;
-	}
-
-	while (yIndex < yLen)
-	{
-		var endInserts = endInserts || [];
-		var y = yKids[yIndex];
-		_VirtualDom_insertNode(changes, localPatches, y.a, y.b, undefined, endInserts);
-		yIndex++;
-	}
-
-	if (localPatches.length > 0 || inserts.length > 0 || endInserts)
-	{
-		_VirtualDom_pushPatch(patches, 8, rootIndex, {
-			w: localPatches,
-			x: inserts,
-			y: endInserts
-		});
-	}
-}
-
-
-
-// CHANGES FROM KEYED DIFF
-
-
-var _VirtualDom_POSTFIX = '_elmW6BL';
-
-
-function _VirtualDom_insertNode(changes, localPatches, key, vnode, yIndex, inserts)
-{
-	var entry = changes[key];
-
-	// never seen this key before
-	if (!entry)
-	{
-		entry = {
-			c: 0,
-			z: vnode,
-			r: yIndex,
-			s: undefined
-		};
-
-		inserts.push({ r: yIndex, A: entry });
-		changes[key] = entry;
-
-		return;
-	}
-
-	// this key was removed earlier, a match!
-	if (entry.c === 1)
-	{
-		inserts.push({ r: yIndex, A: entry });
-
-		entry.c = 2;
-		var subPatches = [];
-		_VirtualDom_diffHelp(entry.z, vnode, subPatches, entry.r);
-		entry.r = yIndex;
-		entry.s.s = {
-			w: subPatches,
-			A: entry
-		};
-
-		return;
-	}
-
-	// this key has already been inserted or moved, a duplicate!
-	_VirtualDom_insertNode(changes, localPatches, key + _VirtualDom_POSTFIX, vnode, yIndex, inserts);
-}
-
-
-function _VirtualDom_removeNode(changes, localPatches, key, vnode, index)
-{
-	var entry = changes[key];
-
-	// never seen this key before
-	if (!entry)
-	{
-		var patch = _VirtualDom_pushPatch(localPatches, 9, index, undefined);
-
-		changes[key] = {
-			c: 1,
-			z: vnode,
-			r: index,
-			s: patch
-		};
-
-		return;
-	}
-
-	// this key was inserted earlier, a match!
-	if (entry.c === 0)
-	{
-		entry.c = 2;
-		var subPatches = [];
-		_VirtualDom_diffHelp(vnode, entry.z, subPatches, index);
-
-		_VirtualDom_pushPatch(localPatches, 9, index, {
-			w: subPatches,
-			A: entry
-		});
-
-		return;
-	}
-
-	// this key has already been removed or moved, a duplicate!
-	_VirtualDom_removeNode(changes, localPatches, key + _VirtualDom_POSTFIX, vnode, index);
-}
-
-
-
-// ADD DOM NODES
-//
-// Each DOM node has an "index" assigned in order of traversal. It is important
-// to minimize our crawl over the actual DOM, so these indexes (along with the
-// descendantsCount of virtual nodes) let us skip touching entire subtrees of
-// the DOM if we know there are no patches there.
-
-
-function _VirtualDom_addDomNodes(domNode, vNode, patches, eventNode)
-{
-	_VirtualDom_addDomNodesHelp(domNode, vNode, patches, 0, 0, vNode.b, eventNode);
-}
-
-
-// assumes `patches` is non-empty and indexes increase monotonically.
-function _VirtualDom_addDomNodesHelp(domNode, vNode, patches, i, low, high, eventNode)
-{
-	var patch = patches[i];
-	var index = patch.r;
-
-	while (index === low)
-	{
-		var patchType = patch.$;
-
-		if (patchType === 1)
-		{
-			_VirtualDom_addDomNodes(domNode, vNode.k, patch.s, eventNode);
-		}
-		else if (patchType === 8)
-		{
-			patch.t = domNode;
-			patch.u = eventNode;
-
-			var subPatches = patch.s.w;
-			if (subPatches.length > 0)
-			{
-				_VirtualDom_addDomNodesHelp(domNode, vNode, subPatches, 0, low, high, eventNode);
-			}
-		}
-		else if (patchType === 9)
-		{
-			patch.t = domNode;
-			patch.u = eventNode;
-
-			var data = patch.s;
-			if (data)
-			{
-				data.A.s = domNode;
-				var subPatches = data.w;
-				if (subPatches.length > 0)
-				{
-					_VirtualDom_addDomNodesHelp(domNode, vNode, subPatches, 0, low, high, eventNode);
-				}
-			}
-		}
-		else
-		{
-			patch.t = domNode;
-			patch.u = eventNode;
-		}
-
-		i++;
-
-		if (!(patch = patches[i]) || (index = patch.r) > high)
-		{
-			return i;
-		}
-	}
-
-	var tag = vNode.$;
-
-	if (tag === 4)
-	{
-		var subNode = vNode.k;
-
-		while (subNode.$ === 4)
-		{
-			subNode = subNode.k;
-		}
-
-		return _VirtualDom_addDomNodesHelp(domNode, subNode, patches, i, low + 1, high, domNode.elm_event_node_ref);
-	}
-
-	// tag must be 1 or 2 at this point
-
-	var vKids = vNode.e;
-	var childNodes = domNode.childNodes;
-	for (var j = 0; j < vKids.length; j++)
-	{
-		low++;
-		var vKid = tag === 1 ? vKids[j] : vKids[j].b;
-		var nextLow = low + (vKid.b || 0);
-		if (low <= index && index <= nextLow)
-		{
-			i = _VirtualDom_addDomNodesHelp(childNodes[j], vKid, patches, i, low, nextLow, eventNode);
-			if (!(patch = patches[i]) || (index = patch.r) > high)
-			{
-				return i;
-			}
-		}
-		low = nextLow;
-	}
-	return i;
-}
-
-
-
-// APPLY PATCHES
-
-
-function _VirtualDom_applyPatches(rootDomNode, oldVirtualNode, patches, eventNode)
-{
-	if (patches.length === 0)
-	{
-		return rootDomNode;
-	}
-
-	_VirtualDom_addDomNodes(rootDomNode, oldVirtualNode, patches, eventNode);
-	return _VirtualDom_applyPatchesHelp(rootDomNode, patches);
-}
-
-function _VirtualDom_applyPatchesHelp(rootDomNode, patches)
-{
-	for (var i = 0; i < patches.length; i++)
-	{
-		var patch = patches[i];
-		var localDomNode = patch.t
-		var newNode = _VirtualDom_applyPatch(localDomNode, patch);
-		if (localDomNode === rootDomNode)
-		{
-			rootDomNode = newNode;
-		}
-	}
-	return rootDomNode;
-}
-
-function _VirtualDom_applyPatch(domNode, patch)
-{
-	switch (patch.$)
-	{
-		case 0:
-			return _VirtualDom_applyPatchRedraw(domNode, patch.s, patch.u);
-
-		case 4:
-			_VirtualDom_applyFacts(domNode, patch.u, patch.s);
-			return domNode;
-
-		case 3:
-			domNode.replaceData(0, domNode.length, patch.s);
-			return domNode;
-
-		case 1:
-			return _VirtualDom_applyPatchesHelp(domNode, patch.s);
-
-		case 2:
-			if (domNode.elm_event_node_ref)
-			{
-				domNode.elm_event_node_ref.j = patch.s;
-			}
-			else
-			{
-				domNode.elm_event_node_ref = { j: patch.s, p: patch.u };
-			}
-			return domNode;
-
-		case 6:
-			var data = patch.s;
-			for (var i = 0; i < data.i; i++)
-			{
-				domNode.removeChild(domNode.childNodes[data.v]);
-			}
-			return domNode;
-
-		case 7:
-			var data = patch.s;
-			var kids = data.e;
-			var i = data.v;
-			var theEnd = domNode.childNodes[i];
-			for (; i < kids.length; i++)
-			{
-				domNode.insertBefore(_VirtualDom_render(kids[i], patch.u), theEnd);
-			}
-			return domNode;
-
-		case 9:
-			var data = patch.s;
-			if (!data)
-			{
-				domNode.parentNode.removeChild(domNode);
-				return domNode;
-			}
-			var entry = data.A;
-			if (typeof entry.r !== 'undefined')
-			{
-				domNode.parentNode.removeChild(domNode);
-			}
-			entry.s = _VirtualDom_applyPatchesHelp(domNode, data.w);
-			return domNode;
-
-		case 8:
-			return _VirtualDom_applyPatchReorder(domNode, patch);
-
-		case 5:
-			return patch.s(domNode);
-
-		default:
-			_Debug_crash(10); // 'Ran into an unknown patch!'
-	}
-}
-
-
-function _VirtualDom_applyPatchRedraw(domNode, vNode, eventNode)
-{
-	var parentNode = domNode.parentNode;
-	var newNode = _VirtualDom_render(vNode, eventNode);
-
-	if (!newNode.elm_event_node_ref)
-	{
-		newNode.elm_event_node_ref = domNode.elm_event_node_ref;
-	}
-
-	if (parentNode && newNode !== domNode)
-	{
-		parentNode.replaceChild(newNode, domNode);
-	}
-	return newNode;
-}
-
-
-function _VirtualDom_applyPatchReorder(domNode, patch)
-{
-	var data = patch.s;
-
-	// remove end inserts
-	var frag = _VirtualDom_applyPatchReorderEndInsertsHelp(data.y, patch);
-
-	// removals
-	domNode = _VirtualDom_applyPatchesHelp(domNode, data.w);
-
-	// inserts
-	var inserts = data.x;
-	for (var i = 0; i < inserts.length; i++)
-	{
-		var insert = inserts[i];
-		var entry = insert.A;
-		var node = entry.c === 2
-			? entry.s
-			: _VirtualDom_render(entry.z, patch.u);
-		domNode.insertBefore(node, domNode.childNodes[insert.r]);
-	}
-
-	// add end inserts
-	if (frag)
-	{
-		_VirtualDom_appendChild(domNode, frag);
-	}
-
-	return domNode;
-}
-
-
-function _VirtualDom_applyPatchReorderEndInsertsHelp(endInserts, patch)
-{
-	if (!endInserts)
-	{
-		return;
-	}
-
-	var frag = _VirtualDom_doc.createDocumentFragment();
-	for (var i = 0; i < endInserts.length; i++)
-	{
-		var insert = endInserts[i];
-		var entry = insert.A;
-		_VirtualDom_appendChild(frag, entry.c === 2
-			? entry.s
-			: _VirtualDom_render(entry.z, patch.u)
-		);
-	}
-	return frag;
-}
-
-
-function _VirtualDom_virtualize(node)
-{
-	// TEXT NODES
-
-	if (node.nodeType === 3)
-	{
-		return _VirtualDom_text(node.textContent);
-	}
-
-
-	// WEIRD NODES
-
-	if (node.nodeType !== 1)
-	{
-		return _VirtualDom_text('');
-	}
-
-
-	// ELEMENT NODES
-
-	var attrList = _List_Nil;
-	var attrs = node.attributes;
-	for (var i = attrs.length; i--; )
-	{
-		var attr = attrs[i];
-		var name = attr.name;
-		var value = attr.value;
-		attrList = _List_Cons( A2(_VirtualDom_attribute, name, value), attrList );
-	}
-
-	var tag = node.tagName.toLowerCase();
-	var kidList = _List_Nil;
-	var kids = node.childNodes;
-
-	for (var i = kids.length; i--; )
-	{
-		kidList = _List_Cons(_VirtualDom_virtualize(kids[i]), kidList);
-	}
-	return A3(_VirtualDom_node, tag, attrList, kidList);
-}
-
-function _VirtualDom_dekey(keyedNode)
-{
-	var keyedKids = keyedNode.e;
-	var len = keyedKids.length;
-	var kids = new Array(len);
-	for (var i = 0; i < len; i++)
-	{
-		kids[i] = keyedKids[i].b;
-	}
-
-	return {
-		$: 1,
-		c: keyedNode.c,
-		d: keyedNode.d,
-		e: kids,
-		f: keyedNode.f,
-		b: keyedNode.b
-	};
-}
-
-
-
-
-// ELEMENT
-
-
-var _Debugger_element;
-
-var _Browser_element = _Debugger_element || F4(function(impl, flagDecoder, debugMetadata, args)
-{
-	return _Platform_initialize(
-		flagDecoder,
-		args,
-		impl.init,
-		impl.update,
-		impl.subscriptions,
-		function(sendToApp, initialModel) {
-			var view = impl.view;
-			/**_UNUSED/
-			var domNode = args['node'];
-			//*/
-			/**/
-			var domNode = args && args['node'] ? args['node'] : _Debug_crash(0);
-			//*/
-			var currNode = _VirtualDom_virtualize(domNode);
-
-			return _Browser_makeAnimator(initialModel, function(model)
-			{
-				var nextNode = view(model);
-				var patches = _VirtualDom_diff(currNode, nextNode);
-				domNode = _VirtualDom_applyPatches(domNode, currNode, patches, sendToApp);
-				currNode = nextNode;
-			});
-		}
-	);
-});
-
-
-
-// DOCUMENT
-
-
-var _Debugger_document;
-
-var _Browser_document = _Debugger_document || F4(function(impl, flagDecoder, debugMetadata, args)
-{
-	return _Platform_initialize(
-		flagDecoder,
-		args,
-		impl.init,
-		impl.update,
-		impl.subscriptions,
-		function(sendToApp, initialModel) {
-			var divertHrefToApp = impl.setup && impl.setup(sendToApp)
-			var view = impl.view;
-			var title = _VirtualDom_doc.title;
-			var bodyNode = _VirtualDom_doc.body;
-			var currNode = _VirtualDom_virtualize(bodyNode);
-			return _Browser_makeAnimator(initialModel, function(model)
-			{
-				_VirtualDom_divertHrefToApp = divertHrefToApp;
-				var doc = view(model);
-				var nextNode = _VirtualDom_node('body')(_List_Nil)(doc.body);
-				var patches = _VirtualDom_diff(currNode, nextNode);
-				bodyNode = _VirtualDom_applyPatches(bodyNode, currNode, patches, sendToApp);
-				currNode = nextNode;
-				_VirtualDom_divertHrefToApp = 0;
-				(title !== doc.title) && (_VirtualDom_doc.title = title = doc.title);
-			});
-		}
-	);
-});
-
-
-
-// ANIMATION
-
-
-var _Browser_cancelAnimationFrame =
-	typeof cancelAnimationFrame !== 'undefined'
-		? cancelAnimationFrame
-		: function(id) { clearTimeout(id); };
-
-var _Browser_requestAnimationFrame =
-	typeof requestAnimationFrame !== 'undefined'
-		? requestAnimationFrame
-		: function(callback) { return setTimeout(callback, 1000 / 60); };
-
-
-function _Browser_makeAnimator(model, draw)
-{
-	draw(model);
-
-	var state = 0;
-
-	function updateIfNeeded()
-	{
-		state = state === 1
-			? 0
-			: ( _Browser_requestAnimationFrame(updateIfNeeded), draw(model), 1 );
-	}
-
-	return function(nextModel, isSync)
-	{
-		model = nextModel;
-
-		isSync
-			? ( draw(model),
-				state === 2 && (state = 1)
-				)
-			: ( state === 0 && _Browser_requestAnimationFrame(updateIfNeeded),
-				state = 2
-				);
-	};
-}
-
-
-
-// APPLICATION
-
-
-function _Browser_application(impl)
-{
-	var onUrlChange = impl.onUrlChange;
-	var onUrlRequest = impl.onUrlRequest;
-	var key = function() { key.a(onUrlChange(_Browser_getUrl())); };
-
-	return _Browser_document({
-		setup: function(sendToApp)
-		{
-			key.a = sendToApp;
-			_Browser_window.addEventListener('popstate', key);
-			_Browser_window.navigator.userAgent.indexOf('Trident') < 0 || _Browser_window.addEventListener('hashchange', key);
-
-			return F2(function(domNode, event)
-			{
-				if (!event.ctrlKey && !event.metaKey && !event.shiftKey && event.button < 1 && !domNode.target && !domNode.hasAttribute('download'))
-				{
-					event.preventDefault();
-					var href = domNode.href;
-					var curr = _Browser_getUrl();
-					var next = $elm$url$Url$fromString(href).a;
-					sendToApp(onUrlRequest(
-						(next
-							&& curr.protocol === next.protocol
-							&& curr.host === next.host
-							&& curr.port_.a === next.port_.a
-						)
-							? $elm$browser$Browser$Internal(next)
-							: $elm$browser$Browser$External(href)
-					));
-				}
-			});
-		},
-		init: function(flags)
-		{
-			return A3(impl.init, flags, _Browser_getUrl(), key);
-		},
-		view: impl.view,
-		update: impl.update,
-		subscriptions: impl.subscriptions
-	});
-}
-
-function _Browser_getUrl()
-{
-	return $elm$url$Url$fromString(_VirtualDom_doc.location.href).a || _Debug_crash(1);
-}
-
-var _Browser_go = F2(function(key, n)
-{
-	return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
-		n && history.go(n);
-		key();
-	}));
-});
-
-var _Browser_pushUrl = F2(function(key, url)
-{
-	return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
-		history.pushState({}, '', url);
-		key();
-	}));
-});
-
-var _Browser_replaceUrl = F2(function(key, url)
-{
-	return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function() {
-		history.replaceState({}, '', url);
-		key();
-	}));
-});
-
-
-
-// GLOBAL EVENTS
-
-
-var _Browser_fakeNode = { addEventListener: function() {}, removeEventListener: function() {} };
-var _Browser_doc = typeof document !== 'undefined' ? document : _Browser_fakeNode;
-var _Browser_window = typeof window !== 'undefined' ? window : _Browser_fakeNode;
-
-var _Browser_on = F3(function(node, eventName, sendToSelf)
-{
-	return _Scheduler_spawn(_Scheduler_binding(function(callback)
-	{
-		function handler(event)	{ _Scheduler_rawSpawn(sendToSelf(event)); }
-		node.addEventListener(eventName, handler, _VirtualDom_passiveSupported && { passive: true });
-		return function() { node.removeEventListener(eventName, handler); };
-	}));
-});
-
-var _Browser_decodeEvent = F2(function(decoder, event)
-{
-	var result = _Json_runHelp(decoder, event);
-	return $elm$core$Result$isOk(result) ? $elm$core$Maybe$Just(result.a) : $elm$core$Maybe$Nothing;
-});
-
-
-
-// PAGE VISIBILITY
-
-
-function _Browser_visibilityInfo()
-{
-	return (typeof _VirtualDom_doc.hidden !== 'undefined')
-		? { hidden: 'hidden', change: 'visibilitychange' }
-		:
-	(typeof _VirtualDom_doc.mozHidden !== 'undefined')
-		? { hidden: 'mozHidden', change: 'mozvisibilitychange' }
-		:
-	(typeof _VirtualDom_doc.msHidden !== 'undefined')
-		? { hidden: 'msHidden', change: 'msvisibilitychange' }
-		:
-	(typeof _VirtualDom_doc.webkitHidden !== 'undefined')
-		? { hidden: 'webkitHidden', change: 'webkitvisibilitychange' }
-		: { hidden: 'hidden', change: 'visibilitychange' };
-}
-
-
-
-// ANIMATION FRAMES
-
-
-function _Browser_rAF()
-{
-	return _Scheduler_binding(function(callback)
-	{
-		var id = _Browser_requestAnimationFrame(function() {
-			callback(_Scheduler_succeed(Date.now()));
-		});
-
-		return function() {
-			_Browser_cancelAnimationFrame(id);
-		};
-	});
-}
-
-
-function _Browser_now()
-{
-	return _Scheduler_binding(function(callback)
-	{
-		callback(_Scheduler_succeed(Date.now()));
-	});
-}
-
-
-
-// DOM STUFF
-
-
-function _Browser_withNode(id, doStuff)
-{
-	return _Scheduler_binding(function(callback)
-	{
-		_Browser_requestAnimationFrame(function() {
-			var node = document.getElementById(id);
-			callback(node
-				? _Scheduler_succeed(doStuff(node))
-				: _Scheduler_fail($elm$browser$Browser$Dom$NotFound(id))
-			);
-		});
-	});
-}
-
-
-function _Browser_withWindow(doStuff)
-{
-	return _Scheduler_binding(function(callback)
-	{
-		_Browser_requestAnimationFrame(function() {
-			callback(_Scheduler_succeed(doStuff()));
-		});
-	});
-}
-
-
-// FOCUS and BLUR
-
-
-var _Browser_call = F2(function(functionName, id)
-{
-	return _Browser_withNode(id, function(node) {
-		node[functionName]();
-		return _Utils_Tuple0;
-	});
-});
-
-
-
-// WINDOW VIEWPORT
-
-
-function _Browser_getViewport()
-{
-	return {
-		scene: _Browser_getScene(),
-		viewport: {
-			x: _Browser_window.pageXOffset,
-			y: _Browser_window.pageYOffset,
-			width: _Browser_doc.documentElement.clientWidth,
-			height: _Browser_doc.documentElement.clientHeight
-		}
-	};
-}
-
-function _Browser_getScene()
-{
-	var body = _Browser_doc.body;
-	var elem = _Browser_doc.documentElement;
-	return {
-		width: Math.max(body.scrollWidth, body.offsetWidth, elem.scrollWidth, elem.offsetWidth, elem.clientWidth),
-		height: Math.max(body.scrollHeight, body.offsetHeight, elem.scrollHeight, elem.offsetHeight, elem.clientHeight)
-	};
-}
-
-var _Browser_setViewport = F2(function(x, y)
-{
-	return _Browser_withWindow(function()
-	{
-		_Browser_window.scroll(x, y);
-		return _Utils_Tuple0;
-	});
-});
-
-
-
-// ELEMENT VIEWPORT
-
-
-function _Browser_getViewportOf(id)
-{
-	return _Browser_withNode(id, function(node)
-	{
-		return {
-			scene: {
-				width: node.scrollWidth,
-				height: node.scrollHeight
-			},
-			viewport: {
-				x: node.scrollLeft,
-				y: node.scrollTop,
-				width: node.clientWidth,
-				height: node.clientHeight
-			}
-		};
-	});
-}
-
-
-var _Browser_setViewportOf = F3(function(id, x, y)
-{
-	return _Browser_withNode(id, function(node)
-	{
-		node.scrollLeft = x;
-		node.scrollTop = y;
-		return _Utils_Tuple0;
-	});
-});
-
-
-
-// ELEMENT
-
-
-function _Browser_getElement(id)
-{
-	return _Browser_withNode(id, function(node)
-	{
-		var rect = node.getBoundingClientRect();
-		var x = _Browser_window.pageXOffset;
-		var y = _Browser_window.pageYOffset;
-		return {
-			scene: _Browser_getScene(),
-			viewport: {
-				x: x,
-				y: y,
-				width: _Browser_doc.documentElement.clientWidth,
-				height: _Browser_doc.documentElement.clientHeight
-			},
-			element: {
-				x: x + rect.left,
-				y: y + rect.top,
-				width: rect.width,
-				height: rect.height
-			}
-		};
-	});
-}
-
-
-
-// LOAD and RELOAD
-
-
-function _Browser_reload(skipCache)
-{
-	return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function(callback)
-	{
-		_VirtualDom_doc.location.reload(skipCache);
-	}));
-}
-
-function _Browser_load(url)
-{
-	return A2($elm$core$Task$perform, $elm$core$Basics$never, _Scheduler_binding(function(callback)
-	{
-		try
-		{
-			_Browser_window.location = url;
-		}
-		catch(err)
-		{
-			// Only Firefox can throw a NS_ERROR_MALFORMED_URI exception here.
-			// Other browsers reload the page, so let's be consistent about that.
-			_VirtualDom_doc.location.reload(false);
-		}
-	}));
-}
-
-
-
-function _Time_now(millisToPosix)
-{
-	return _Scheduler_binding(function(callback)
-	{
-		callback(_Scheduler_succeed(millisToPosix(Date.now())));
-	});
-}
-
-var _Time_setInterval = F2(function(interval, task)
-{
-	return _Scheduler_binding(function(callback)
-	{
-		var id = setInterval(function() { _Scheduler_rawSpawn(task); }, interval);
-		return function() { clearInterval(id); };
-	});
-});
-
-function _Time_here()
-{
-	return _Scheduler_binding(function(callback)
-	{
-		callback(_Scheduler_succeed(
-			A2($elm$time$Time$customZone, -(new Date().getTimezoneOffset()), _List_Nil)
-		));
-	});
-}
-
-
-function _Time_getZoneName()
-{
-	return _Scheduler_binding(function(callback)
-	{
-		try
-		{
-			var name = $elm$time$Time$Name(Intl.DateTimeFormat().resolvedOptions().timeZone);
-		}
-		catch (e)
-		{
-			var name = $elm$time$Time$Offset(new Date().getTimezoneOffset());
-		}
-		callback(_Scheduler_succeed(name));
-	});
-}
-
-
-
-var _Bitwise_and = F2(function(a, b)
-{
-	return a & b;
-});
-
-var _Bitwise_or = F2(function(a, b)
-{
-	return a | b;
-});
-
-var _Bitwise_xor = F2(function(a, b)
-{
-	return a ^ b;
-});
-
-function _Bitwise_complement(a)
-{
-	return ~a;
-};
-
-var _Bitwise_shiftLeftBy = F2(function(offset, a)
-{
-	return a << offset;
-});
-
-var _Bitwise_shiftRightBy = F2(function(offset, a)
-{
-	return a >> offset;
-});
-
-var _Bitwise_shiftRightZfBy = F2(function(offset, a)
-{
-	return a >>> offset;
-});
-var $elm$core$Basics$EQ = {$: 'EQ'};
-var $elm$core$Basics$GT = {$: 'GT'};
-var $elm$core$Basics$LT = {$: 'LT'};
-var $elm$core$List$cons = _List_cons;
-var $elm$core$Dict$foldr = F3(
-	function (func, acc, t) {
-		foldr:
-		while (true) {
-			if (t.$ === 'RBEmpty_elm_builtin') {
-				return acc;
-			} else {
-				var key = t.b;
-				var value = t.c;
-				var left = t.d;
-				var right = t.e;
-				var $temp$func = func,
-					$temp$acc = A3(
-					func,
-					key,
-					value,
-					A3($elm$core$Dict$foldr, func, acc, right)),
-					$temp$t = left;
-				func = $temp$func;
-				acc = $temp$acc;
-				t = $temp$t;
-				continue foldr;
-			}
-		}
-	});
-var $elm$core$Dict$toList = function (dict) {
-	return A3(
-		$elm$core$Dict$foldr,
-		F3(
-			function (key, value, list) {
-				return A2(
-					$elm$core$List$cons,
-					_Utils_Tuple2(key, value),
-					list);
-			}),
-		_List_Nil,
-		dict);
-};
-var $elm$core$Dict$keys = function (dict) {
-	return A3(
-		$elm$core$Dict$foldr,
-		F3(
-			function (key, value, keyList) {
-				return A2($elm$core$List$cons, key, keyList);
-			}),
-		_List_Nil,
-		dict);
-};
-var $elm$core$Set$toList = function (_v0) {
-	var dict = _v0.a;
-	return $elm$core$Dict$keys(dict);
-};
-var $elm$core$Elm$JsArray$foldr = _JsArray_foldr;
-var $elm$core$Array$foldr = F3(
-	function (func, baseCase, _v0) {
-		var tree = _v0.c;
-		var tail = _v0.d;
-		var helper = F2(
-			function (node, acc) {
-				if (node.$ === 'SubTree') {
-					var subTree = node.a;
-					return A3($elm$core$Elm$JsArray$foldr, helper, acc, subTree);
-				} else {
-					var values = node.a;
-					return A3($elm$core$Elm$JsArray$foldr, func, acc, values);
-				}
-			});
-		return A3(
-			$elm$core$Elm$JsArray$foldr,
-			helper,
-			A3($elm$core$Elm$JsArray$foldr, func, baseCase, tail),
-			tree);
-	});
-var $elm$core$Array$toList = function (array) {
-	return A3($elm$core$Array$foldr, $elm$core$List$cons, _List_Nil, array);
-};
-var $elm$core$Result$Err = function (a) {
-	return {$: 'Err', a: a};
-};
-var $elm$json$Json$Decode$Failure = F2(
-	function (a, b) {
-		return {$: 'Failure', a: a, b: b};
-	});
-var $elm$json$Json$Decode$Field = F2(
-	function (a, b) {
-		return {$: 'Field', a: a, b: b};
-	});
-var $elm$json$Json$Decode$Index = F2(
-	function (a, b) {
-		return {$: 'Index', a: a, b: b};
-	});
-var $elm$core$Result$Ok = function (a) {
-	return {$: 'Ok', a: a};
-};
-var $elm$json$Json$Decode$OneOf = function (a) {
-	return {$: 'OneOf', a: a};
-};
-var $elm$core$Basics$False = {$: 'False'};
-var $elm$core$Basics$add = _Basics_add;
-var $elm$core$Maybe$Just = function (a) {
-	return {$: 'Just', a: a};
-};
-var $elm$core$Maybe$Nothing = {$: 'Nothing'};
-var $elm$core$String$all = _String_all;
-var $elm$core$Basics$and = _Basics_and;
-var $elm$core$Basics$append = _Utils_append;
-var $elm$json$Json$Encode$encode = _Json_encode;
-var $elm$core$String$fromInt = _String_fromNumber;
-var $elm$core$String$join = F2(
-	function (sep, chunks) {
-		return A2(
-			_String_join,
-			sep,
-			_List_toArray(chunks));
-	});
-var $elm$core$String$split = F2(
-	function (sep, string) {
-		return _List_fromArray(
-			A2(_String_split, sep, string));
-	});
-var $elm$json$Json$Decode$indent = function (str) {
-	return A2(
-		$elm$core$String$join,
-		'\n    ',
-		A2($elm$core$String$split, '\n', str));
-};
-var $elm$core$List$foldl = F3(
-	function (func, acc, list) {
-		foldl:
-		while (true) {
-			if (!list.b) {
-				return acc;
-			} else {
-				var x = list.a;
-				var xs = list.b;
-				var $temp$func = func,
-					$temp$acc = A2(func, x, acc),
-					$temp$list = xs;
-				func = $temp$func;
-				acc = $temp$acc;
-				list = $temp$list;
-				continue foldl;
-			}
-		}
-	});
-var $elm$core$List$length = function (xs) {
-	return A3(
-		$elm$core$List$foldl,
-		F2(
-			function (_v0, i) {
-				return i + 1;
-			}),
-		0,
-		xs);
-};
-var $elm$core$List$map2 = _List_map2;
-var $elm$core$Basics$le = _Utils_le;
-var $elm$core$Basics$sub = _Basics_sub;
-var $elm$core$List$rangeHelp = F3(
-	function (lo, hi, list) {
-		rangeHelp:
-		while (true) {
-			if (_Utils_cmp(lo, hi) < 1) {
-				var $temp$lo = lo,
-					$temp$hi = hi - 1,
-					$temp$list = A2($elm$core$List$cons, hi, list);
-				lo = $temp$lo;
-				hi = $temp$hi;
-				list = $temp$list;
-				continue rangeHelp;
-			} else {
-				return list;
-			}
-		}
-	});
-var $elm$core$List$range = F2(
-	function (lo, hi) {
-		return A3($elm$core$List$rangeHelp, lo, hi, _List_Nil);
-	});
-var $elm$core$List$indexedMap = F2(
-	function (f, xs) {
-		return A3(
-			$elm$core$List$map2,
-			f,
-			A2(
-				$elm$core$List$range,
-				0,
-				$elm$core$List$length(xs) - 1),
-			xs);
-	});
-var $elm$core$Char$toCode = _Char_toCode;
-var $elm$core$Char$isLower = function (_char) {
-	var code = $elm$core$Char$toCode(_char);
-	return (97 <= code) && (code <= 122);
-};
-var $elm$core$Char$isUpper = function (_char) {
-	var code = $elm$core$Char$toCode(_char);
-	return (code <= 90) && (65 <= code);
-};
-var $elm$core$Basics$or = _Basics_or;
-var $elm$core$Char$isAlpha = function (_char) {
-	return $elm$core$Char$isLower(_char) || $elm$core$Char$isUpper(_char);
-};
-var $elm$core$Char$isDigit = function (_char) {
-	var code = $elm$core$Char$toCode(_char);
-	return (code <= 57) && (48 <= code);
-};
-var $elm$core$Char$isAlphaNum = function (_char) {
-	return $elm$core$Char$isLower(_char) || ($elm$core$Char$isUpper(_char) || $elm$core$Char$isDigit(_char));
-};
-var $elm$core$List$reverse = function (list) {
-	return A3($elm$core$List$foldl, $elm$core$List$cons, _List_Nil, list);
-};
-var $elm$core$String$uncons = _String_uncons;
-var $elm$json$Json$Decode$errorOneOf = F2(
-	function (i, error) {
-		return '\n\n(' + ($elm$core$String$fromInt(i + 1) + (') ' + $elm$json$Json$Decode$indent(
-			$elm$json$Json$Decode$errorToString(error))));
-	});
-var $elm$json$Json$Decode$errorToString = function (error) {
-	return A2($elm$json$Json$Decode$errorToStringHelp, error, _List_Nil);
-};
-var $elm$json$Json$Decode$errorToStringHelp = F2(
-	function (error, context) {
-		errorToStringHelp:
-		while (true) {
-			switch (error.$) {
-				case 'Field':
-					var f = error.a;
-					var err = error.b;
-					var isSimple = function () {
-						var _v1 = $elm$core$String$uncons(f);
-						if (_v1.$ === 'Nothing') {
-							return false;
-						} else {
-							var _v2 = _v1.a;
-							var _char = _v2.a;
-							var rest = _v2.b;
-							return $elm$core$Char$isAlpha(_char) && A2($elm$core$String$all, $elm$core$Char$isAlphaNum, rest);
-						}
-					}();
-					var fieldName = isSimple ? ('.' + f) : ('[\'' + (f + '\']'));
-					var $temp$error = err,
-						$temp$context = A2($elm$core$List$cons, fieldName, context);
-					error = $temp$error;
-					context = $temp$context;
-					continue errorToStringHelp;
-				case 'Index':
-					var i = error.a;
-					var err = error.b;
-					var indexName = '[' + ($elm$core$String$fromInt(i) + ']');
-					var $temp$error = err,
-						$temp$context = A2($elm$core$List$cons, indexName, context);
-					error = $temp$error;
-					context = $temp$context;
-					continue errorToStringHelp;
-				case 'OneOf':
-					var errors = error.a;
-					if (!errors.b) {
-						return 'Ran into a Json.Decode.oneOf with no possibilities' + function () {
-							if (!context.b) {
-								return '!';
-							} else {
-								return ' at json' + A2(
-									$elm$core$String$join,
-									'',
-									$elm$core$List$reverse(context));
-							}
-						}();
-					} else {
-						if (!errors.b.b) {
-							var err = errors.a;
-							var $temp$error = err,
-								$temp$context = context;
-							error = $temp$error;
-							context = $temp$context;
-							continue errorToStringHelp;
-						} else {
-							var starter = function () {
-								if (!context.b) {
-									return 'Json.Decode.oneOf';
-								} else {
-									return 'The Json.Decode.oneOf at json' + A2(
-										$elm$core$String$join,
-										'',
-										$elm$core$List$reverse(context));
-								}
-							}();
-							var introduction = starter + (' failed in the following ' + ($elm$core$String$fromInt(
-								$elm$core$List$length(errors)) + ' ways:'));
-							return A2(
-								$elm$core$String$join,
-								'\n\n',
-								A2(
-									$elm$core$List$cons,
-									introduction,
-									A2($elm$core$List$indexedMap, $elm$json$Json$Decode$errorOneOf, errors)));
-						}
-					}
-				default:
-					var msg = error.a;
-					var json = error.b;
-					var introduction = function () {
-						if (!context.b) {
-							return 'Problem with the given value:\n\n';
-						} else {
-							return 'Problem with the value at json' + (A2(
-								$elm$core$String$join,
-								'',
-								$elm$core$List$reverse(context)) + ':\n\n    ');
-						}
-					}();
-					return introduction + ($elm$json$Json$Decode$indent(
-						A2($elm$json$Json$Encode$encode, 4, json)) + ('\n\n' + msg));
-			}
-		}
-	});
-var $elm$core$Array$branchFactor = 32;
-var $elm$core$Array$Array_elm_builtin = F4(
-	function (a, b, c, d) {
-		return {$: 'Array_elm_builtin', a: a, b: b, c: c, d: d};
-	});
-var $elm$core$Elm$JsArray$empty = _JsArray_empty;
-var $elm$core$Basics$ceiling = _Basics_ceiling;
-var $elm$core$Basics$fdiv = _Basics_fdiv;
-var $elm$core$Basics$logBase = F2(
-	function (base, number) {
-		return _Basics_log(number) / _Basics_log(base);
-	});
-var $elm$core$Basics$toFloat = _Basics_toFloat;
-var $elm$core$Array$shiftStep = $elm$core$Basics$ceiling(
-	A2($elm$core$Basics$logBase, 2, $elm$core$Array$branchFactor));
-var $elm$core$Array$empty = A4($elm$core$Array$Array_elm_builtin, 0, $elm$core$Array$shiftStep, $elm$core$Elm$JsArray$empty, $elm$core$Elm$JsArray$empty);
-var $elm$core$Elm$JsArray$initialize = _JsArray_initialize;
-var $elm$core$Array$Leaf = function (a) {
-	return {$: 'Leaf', a: a};
-};
-var $elm$core$Basics$apL = F2(
-	function (f, x) {
-		return f(x);
-	});
-var $elm$core$Basics$apR = F2(
-	function (x, f) {
-		return f(x);
-	});
-var $elm$core$Basics$eq = _Utils_equal;
-var $elm$core$Basics$floor = _Basics_floor;
-var $elm$core$Elm$JsArray$length = _JsArray_length;
-var $elm$core$Basics$gt = _Utils_gt;
-var $elm$core$Basics$max = F2(
-	function (x, y) {
-		return (_Utils_cmp(x, y) > 0) ? x : y;
-	});
-var $elm$core$Basics$mul = _Basics_mul;
-var $elm$core$Array$SubTree = function (a) {
-	return {$: 'SubTree', a: a};
-};
-var $elm$core$Elm$JsArray$initializeFromList = _JsArray_initializeFromList;
-var $elm$core$Array$compressNodes = F2(
-	function (nodes, acc) {
-		compressNodes:
-		while (true) {
-			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, nodes);
-			var node = _v0.a;
-			var remainingNodes = _v0.b;
-			var newAcc = A2(
-				$elm$core$List$cons,
-				$elm$core$Array$SubTree(node),
-				acc);
-			if (!remainingNodes.b) {
-				return $elm$core$List$reverse(newAcc);
-			} else {
-				var $temp$nodes = remainingNodes,
-					$temp$acc = newAcc;
-				nodes = $temp$nodes;
-				acc = $temp$acc;
-				continue compressNodes;
-			}
-		}
-	});
-var $elm$core$Tuple$first = function (_v0) {
-	var x = _v0.a;
-	return x;
-};
-var $elm$core$Array$treeFromBuilder = F2(
-	function (nodeList, nodeListSize) {
-		treeFromBuilder:
-		while (true) {
-			var newNodeSize = $elm$core$Basics$ceiling(nodeListSize / $elm$core$Array$branchFactor);
-			if (newNodeSize === 1) {
-				return A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, nodeList).a;
-			} else {
-				var $temp$nodeList = A2($elm$core$Array$compressNodes, nodeList, _List_Nil),
-					$temp$nodeListSize = newNodeSize;
-				nodeList = $temp$nodeList;
-				nodeListSize = $temp$nodeListSize;
-				continue treeFromBuilder;
-			}
-		}
-	});
-var $elm$core$Array$builderToArray = F2(
-	function (reverseNodeList, builder) {
-		if (!builder.nodeListSize) {
-			return A4(
-				$elm$core$Array$Array_elm_builtin,
-				$elm$core$Elm$JsArray$length(builder.tail),
-				$elm$core$Array$shiftStep,
-				$elm$core$Elm$JsArray$empty,
-				builder.tail);
-		} else {
-			var treeLen = builder.nodeListSize * $elm$core$Array$branchFactor;
-			var depth = $elm$core$Basics$floor(
-				A2($elm$core$Basics$logBase, $elm$core$Array$branchFactor, treeLen - 1));
-			var correctNodeList = reverseNodeList ? $elm$core$List$reverse(builder.nodeList) : builder.nodeList;
-			var tree = A2($elm$core$Array$treeFromBuilder, correctNodeList, builder.nodeListSize);
-			return A4(
-				$elm$core$Array$Array_elm_builtin,
-				$elm$core$Elm$JsArray$length(builder.tail) + treeLen,
-				A2($elm$core$Basics$max, 5, depth * $elm$core$Array$shiftStep),
-				tree,
-				builder.tail);
-		}
-	});
-var $elm$core$Basics$idiv = _Basics_idiv;
-var $elm$core$Basics$lt = _Utils_lt;
-var $elm$core$Array$initializeHelp = F5(
-	function (fn, fromIndex, len, nodeList, tail) {
-		initializeHelp:
-		while (true) {
-			if (fromIndex < 0) {
-				return A2(
-					$elm$core$Array$builderToArray,
-					false,
-					{nodeList: nodeList, nodeListSize: (len / $elm$core$Array$branchFactor) | 0, tail: tail});
-			} else {
-				var leaf = $elm$core$Array$Leaf(
-					A3($elm$core$Elm$JsArray$initialize, $elm$core$Array$branchFactor, fromIndex, fn));
-				var $temp$fn = fn,
-					$temp$fromIndex = fromIndex - $elm$core$Array$branchFactor,
-					$temp$len = len,
-					$temp$nodeList = A2($elm$core$List$cons, leaf, nodeList),
-					$temp$tail = tail;
-				fn = $temp$fn;
-				fromIndex = $temp$fromIndex;
-				len = $temp$len;
-				nodeList = $temp$nodeList;
-				tail = $temp$tail;
-				continue initializeHelp;
-			}
-		}
-	});
-var $elm$core$Basics$remainderBy = _Basics_remainderBy;
-var $elm$core$Array$initialize = F2(
-	function (len, fn) {
-		if (len <= 0) {
-			return $elm$core$Array$empty;
-		} else {
-			var tailLen = len % $elm$core$Array$branchFactor;
-			var tail = A3($elm$core$Elm$JsArray$initialize, tailLen, len - tailLen, fn);
-			var initialFromIndex = (len - tailLen) - $elm$core$Array$branchFactor;
-			return A5($elm$core$Array$initializeHelp, fn, initialFromIndex, len, _List_Nil, tail);
-		}
-	});
-var $elm$core$Basics$True = {$: 'True'};
-var $elm$core$Result$isOk = function (result) {
-	if (result.$ === 'Ok') {
-		return true;
-	} else {
-		return false;
-	}
-};
-var $elm$json$Json$Decode$map = _Json_map1;
-var $elm$json$Json$Decode$map2 = _Json_map2;
-var $elm$json$Json$Decode$succeed = _Json_succeed;
-var $elm$virtual_dom$VirtualDom$toHandlerInt = function (handler) {
-	switch (handler.$) {
-		case 'Normal':
-			return 0;
-		case 'MayStopPropagation':
-			return 1;
-		case 'MayPreventDefault':
-			return 2;
-		default:
-			return 3;
-	}
-};
-var $elm$browser$Browser$External = function (a) {
-	return {$: 'External', a: a};
-};
-var $elm$browser$Browser$Internal = function (a) {
-	return {$: 'Internal', a: a};
-};
-var $elm$core$Basics$identity = function (x) {
-	return x;
-};
-var $elm$browser$Browser$Dom$NotFound = function (a) {
-	return {$: 'NotFound', a: a};
-};
-var $elm$url$Url$Http = {$: 'Http'};
-var $elm$url$Url$Https = {$: 'Https'};
-var $elm$url$Url$Url = F6(
-	function (protocol, host, port_, path, query, fragment) {
-		return {fragment: fragment, host: host, path: path, port_: port_, protocol: protocol, query: query};
-	});
-var $elm$core$String$contains = _String_contains;
-var $elm$core$String$length = _String_length;
-var $elm$core$String$slice = _String_slice;
-var $elm$core$String$dropLeft = F2(
-	function (n, string) {
-		return (n < 1) ? string : A3(
-			$elm$core$String$slice,
-			n,
-			$elm$core$String$length(string),
-			string);
-	});
-var $elm$core$String$indexes = _String_indexes;
-var $elm$core$String$isEmpty = function (string) {
-	return string === '';
-};
-var $elm$core$String$left = F2(
-	function (n, string) {
-		return (n < 1) ? '' : A3($elm$core$String$slice, 0, n, string);
-	});
-var $elm$core$String$toInt = _String_toInt;
-var $elm$url$Url$chompBeforePath = F5(
-	function (protocol, path, params, frag, str) {
-		if ($elm$core$String$isEmpty(str) || A2($elm$core$String$contains, '@', str)) {
-			return $elm$core$Maybe$Nothing;
-		} else {
-			var _v0 = A2($elm$core$String$indexes, ':', str);
-			if (!_v0.b) {
-				return $elm$core$Maybe$Just(
-					A6($elm$url$Url$Url, protocol, str, $elm$core$Maybe$Nothing, path, params, frag));
-			} else {
-				if (!_v0.b.b) {
-					var i = _v0.a;
-					var _v1 = $elm$core$String$toInt(
-						A2($elm$core$String$dropLeft, i + 1, str));
-					if (_v1.$ === 'Nothing') {
-						return $elm$core$Maybe$Nothing;
-					} else {
-						var port_ = _v1;
-						return $elm$core$Maybe$Just(
-							A6(
-								$elm$url$Url$Url,
-								protocol,
-								A2($elm$core$String$left, i, str),
-								port_,
-								path,
-								params,
-								frag));
-					}
-				} else {
-					return $elm$core$Maybe$Nothing;
-				}
-			}
-		}
-	});
-var $elm$url$Url$chompBeforeQuery = F4(
-	function (protocol, params, frag, str) {
-		if ($elm$core$String$isEmpty(str)) {
-			return $elm$core$Maybe$Nothing;
-		} else {
-			var _v0 = A2($elm$core$String$indexes, '/', str);
-			if (!_v0.b) {
-				return A5($elm$url$Url$chompBeforePath, protocol, '/', params, frag, str);
-			} else {
-				var i = _v0.a;
-				return A5(
-					$elm$url$Url$chompBeforePath,
-					protocol,
-					A2($elm$core$String$dropLeft, i, str),
-					params,
-					frag,
-					A2($elm$core$String$left, i, str));
-			}
-		}
-	});
-var $elm$url$Url$chompBeforeFragment = F3(
-	function (protocol, frag, str) {
-		if ($elm$core$String$isEmpty(str)) {
-			return $elm$core$Maybe$Nothing;
-		} else {
-			var _v0 = A2($elm$core$String$indexes, '?', str);
-			if (!_v0.b) {
-				return A4($elm$url$Url$chompBeforeQuery, protocol, $elm$core$Maybe$Nothing, frag, str);
-			} else {
-				var i = _v0.a;
-				return A4(
-					$elm$url$Url$chompBeforeQuery,
-					protocol,
-					$elm$core$Maybe$Just(
-						A2($elm$core$String$dropLeft, i + 1, str)),
-					frag,
-					A2($elm$core$String$left, i, str));
-			}
-		}
-	});
-var $elm$url$Url$chompAfterProtocol = F2(
-	function (protocol, str) {
-		if ($elm$core$String$isEmpty(str)) {
-			return $elm$core$Maybe$Nothing;
-		} else {
-			var _v0 = A2($elm$core$String$indexes, '#', str);
-			if (!_v0.b) {
-				return A3($elm$url$Url$chompBeforeFragment, protocol, $elm$core$Maybe$Nothing, str);
-			} else {
-				var i = _v0.a;
-				return A3(
-					$elm$url$Url$chompBeforeFragment,
-					protocol,
-					$elm$core$Maybe$Just(
-						A2($elm$core$String$dropLeft, i + 1, str)),
-					A2($elm$core$String$left, i, str));
-			}
-		}
-	});
-var $elm$core$String$startsWith = _String_startsWith;
-var $elm$url$Url$fromString = function (str) {
-	return A2($elm$core$String$startsWith, 'http://', str) ? A2(
-		$elm$url$Url$chompAfterProtocol,
-		$elm$url$Url$Http,
-		A2($elm$core$String$dropLeft, 7, str)) : (A2($elm$core$String$startsWith, 'https://', str) ? A2(
-		$elm$url$Url$chompAfterProtocol,
-		$elm$url$Url$Https,
-		A2($elm$core$String$dropLeft, 8, str)) : $elm$core$Maybe$Nothing);
-};
-var $elm$core$Basics$never = function (_v0) {
-	never:
-	while (true) {
-		var nvr = _v0.a;
-		var $temp$_v0 = nvr;
-		_v0 = $temp$_v0;
-		continue never;
-	}
-};
-var $elm$core$Task$Perform = function (a) {
-	return {$: 'Perform', a: a};
-};
-var $elm$core$Task$succeed = _Scheduler_succeed;
-var $elm$core$Task$init = $elm$core$Task$succeed(_Utils_Tuple0);
-var $elm$core$List$foldrHelper = F4(
-	function (fn, acc, ctr, ls) {
-		if (!ls.b) {
-			return acc;
-		} else {
-			var a = ls.a;
-			var r1 = ls.b;
-			if (!r1.b) {
-				return A2(fn, a, acc);
-			} else {
-				var b = r1.a;
-				var r2 = r1.b;
-				if (!r2.b) {
-					return A2(
-						fn,
-						a,
-						A2(fn, b, acc));
-				} else {
-					var c = r2.a;
-					var r3 = r2.b;
-					if (!r3.b) {
-						return A2(
-							fn,
-							a,
-							A2(
-								fn,
-								b,
-								A2(fn, c, acc)));
-					} else {
-						var d = r3.a;
-						var r4 = r3.b;
-						var res = (ctr > 500) ? A3(
-							$elm$core$List$foldl,
-							fn,
-							acc,
-							$elm$core$List$reverse(r4)) : A4($elm$core$List$foldrHelper, fn, acc, ctr + 1, r4);
-						return A2(
-							fn,
-							a,
-							A2(
-								fn,
-								b,
-								A2(
-									fn,
-									c,
-									A2(fn, d, res))));
-					}
-				}
-			}
-		}
-	});
-var $elm$core$List$foldr = F3(
-	function (fn, acc, ls) {
-		return A4($elm$core$List$foldrHelper, fn, acc, 0, ls);
-	});
-var $elm$core$List$map = F2(
-	function (f, xs) {
-		return A3(
-			$elm$core$List$foldr,
-			F2(
-				function (x, acc) {
-					return A2(
-						$elm$core$List$cons,
-						f(x),
-						acc);
-				}),
-			_List_Nil,
-			xs);
-	});
-var $elm$core$Task$andThen = _Scheduler_andThen;
-var $elm$core$Task$map = F2(
-	function (func, taskA) {
-		return A2(
-			$elm$core$Task$andThen,
-			function (a) {
-				return $elm$core$Task$succeed(
-					func(a));
-			},
-			taskA);
-	});
-var $elm$core$Task$map2 = F3(
-	function (func, taskA, taskB) {
-		return A2(
-			$elm$core$Task$andThen,
-			function (a) {
-				return A2(
-					$elm$core$Task$andThen,
-					function (b) {
-						return $elm$core$Task$succeed(
-							A2(func, a, b));
-					},
-					taskB);
-			},
-			taskA);
-	});
-var $elm$core$Task$sequence = function (tasks) {
-	return A3(
-		$elm$core$List$foldr,
-		$elm$core$Task$map2($elm$core$List$cons),
-		$elm$core$Task$succeed(_List_Nil),
-		tasks);
-};
-var $elm$core$Platform$sendToApp = _Platform_sendToApp;
-var $elm$core$Task$spawnCmd = F2(
-	function (router, _v0) {
-		var task = _v0.a;
-		return _Scheduler_spawn(
-			A2(
-				$elm$core$Task$andThen,
-				$elm$core$Platform$sendToApp(router),
-				task));
-	});
-var $elm$core$Task$onEffects = F3(
-	function (router, commands, state) {
-		return A2(
-			$elm$core$Task$map,
-			function (_v0) {
-				return _Utils_Tuple0;
-			},
-			$elm$core$Task$sequence(
-				A2(
-					$elm$core$List$map,
-					$elm$core$Task$spawnCmd(router),
-					commands)));
-	});
-var $elm$core$Task$onSelfMsg = F3(
-	function (_v0, _v1, _v2) {
-		return $elm$core$Task$succeed(_Utils_Tuple0);
-	});
-var $elm$core$Task$cmdMap = F2(
-	function (tagger, _v0) {
-		var task = _v0.a;
-		return $elm$core$Task$Perform(
-			A2($elm$core$Task$map, tagger, task));
-	});
-_Platform_effectManagers['Task'] = _Platform_createManager($elm$core$Task$init, $elm$core$Task$onEffects, $elm$core$Task$onSelfMsg, $elm$core$Task$cmdMap);
-var $elm$core$Task$command = _Platform_leaf('Task');
-var $elm$core$Task$perform = F2(
-	function (toMessage, task) {
-		return $elm$core$Task$command(
-			$elm$core$Task$Perform(
-				A2($elm$core$Task$map, toMessage, task)));
-	});
-var $elm$browser$Browser$element = _Browser_element;
-var $author$project$Main$GotViewport = function (a) {
-	return {$: 'GotViewport', a: a};
-};
-var $author$project$Main$Loading = {$: 'Loading'};
-var $elm$browser$Browser$Dom$getViewport = _Browser_withWindow(_Browser_getViewport);
-var $author$project$Main$init = function (_v0) {
-	return _Utils_Tuple2(
-		$author$project$Main$Loading,
-		A2($elm$core$Task$perform, $author$project$Main$GotViewport, $elm$browser$Browser$Dom$getViewport));
-};
-var $author$project$Main$LoadedSpecific = function (a) {
-	return {$: 'LoadedSpecific', a: a};
-};
-var $author$project$Main$Resized = function (a) {
-	return {$: 'Resized', a: a};
-};
-var $author$project$Main$TimePassed = function (a) {
-	return {$: 'TimePassed', a: a};
-};
-var $elm$core$Basics$always = F2(
-	function (a, _v0) {
-		return a;
-	});
-var $elm$core$Platform$Sub$batch = _Platform_batch;
-var $elm$time$Time$Every = F2(
-	function (a, b) {
-		return {$: 'Every', a: a, b: b};
-	});
-var $elm$time$Time$State = F2(
-	function (taggers, processes) {
-		return {processes: processes, taggers: taggers};
-	});
-var $elm$core$Dict$RBEmpty_elm_builtin = {$: 'RBEmpty_elm_builtin'};
-var $elm$core$Dict$empty = $elm$core$Dict$RBEmpty_elm_builtin;
-var $elm$time$Time$init = $elm$core$Task$succeed(
-	A2($elm$time$Time$State, $elm$core$Dict$empty, $elm$core$Dict$empty));
-var $elm$core$Basics$compare = _Utils_compare;
-var $elm$core$Dict$get = F2(
-	function (targetKey, dict) {
-		get:
-		while (true) {
-			if (dict.$ === 'RBEmpty_elm_builtin') {
-				return $elm$core$Maybe$Nothing;
-			} else {
-				var key = dict.b;
-				var value = dict.c;
-				var left = dict.d;
-				var right = dict.e;
-				var _v1 = A2($elm$core$Basics$compare, targetKey, key);
-				switch (_v1.$) {
-					case 'LT':
-						var $temp$targetKey = targetKey,
-							$temp$dict = left;
-						targetKey = $temp$targetKey;
-						dict = $temp$dict;
-						continue get;
-					case 'EQ':
-						return $elm$core$Maybe$Just(value);
-					default:
-						var $temp$targetKey = targetKey,
-							$temp$dict = right;
-						targetKey = $temp$targetKey;
-						dict = $temp$dict;
-						continue get;
-				}
-			}
-		}
-	});
-var $elm$core$Dict$Black = {$: 'Black'};
-var $elm$core$Dict$RBNode_elm_builtin = F5(
-	function (a, b, c, d, e) {
-		return {$: 'RBNode_elm_builtin', a: a, b: b, c: c, d: d, e: e};
-	});
-var $elm$core$Dict$Red = {$: 'Red'};
-var $elm$core$Dict$balance = F5(
-	function (color, key, value, left, right) {
-		if ((right.$ === 'RBNode_elm_builtin') && (right.a.$ === 'Red')) {
-			var _v1 = right.a;
-			var rK = right.b;
-			var rV = right.c;
-			var rLeft = right.d;
-			var rRight = right.e;
-			if ((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Red')) {
-				var _v3 = left.a;
-				var lK = left.b;
-				var lV = left.c;
-				var lLeft = left.d;
-				var lRight = left.e;
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Red,
-					key,
-					value,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, lK, lV, lLeft, lRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, rK, rV, rLeft, rRight));
-			} else {
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					color,
-					rK,
-					rV,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, key, value, left, rLeft),
-					rRight);
-			}
-		} else {
-			if ((((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Red')) && (left.d.$ === 'RBNode_elm_builtin')) && (left.d.a.$ === 'Red')) {
-				var _v5 = left.a;
-				var lK = left.b;
-				var lV = left.c;
-				var _v6 = left.d;
-				var _v7 = _v6.a;
-				var llK = _v6.b;
-				var llV = _v6.c;
-				var llLeft = _v6.d;
-				var llRight = _v6.e;
-				var lRight = left.e;
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Red,
-					lK,
-					lV,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, llK, llV, llLeft, llRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, key, value, lRight, right));
-			} else {
-				return A5($elm$core$Dict$RBNode_elm_builtin, color, key, value, left, right);
-			}
-		}
-	});
-var $elm$core$Dict$insertHelp = F3(
-	function (key, value, dict) {
-		if (dict.$ === 'RBEmpty_elm_builtin') {
-			return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, key, value, $elm$core$Dict$RBEmpty_elm_builtin, $elm$core$Dict$RBEmpty_elm_builtin);
-		} else {
-			var nColor = dict.a;
-			var nKey = dict.b;
-			var nValue = dict.c;
-			var nLeft = dict.d;
-			var nRight = dict.e;
-			var _v1 = A2($elm$core$Basics$compare, key, nKey);
-			switch (_v1.$) {
-				case 'LT':
-					return A5(
-						$elm$core$Dict$balance,
-						nColor,
-						nKey,
-						nValue,
-						A3($elm$core$Dict$insertHelp, key, value, nLeft),
-						nRight);
-				case 'EQ':
-					return A5($elm$core$Dict$RBNode_elm_builtin, nColor, nKey, value, nLeft, nRight);
-				default:
-					return A5(
-						$elm$core$Dict$balance,
-						nColor,
-						nKey,
-						nValue,
-						nLeft,
-						A3($elm$core$Dict$insertHelp, key, value, nRight));
-			}
-		}
-	});
-var $elm$core$Dict$insert = F3(
-	function (key, value, dict) {
-		var _v0 = A3($elm$core$Dict$insertHelp, key, value, dict);
-		if ((_v0.$ === 'RBNode_elm_builtin') && (_v0.a.$ === 'Red')) {
-			var _v1 = _v0.a;
-			var k = _v0.b;
-			var v = _v0.c;
-			var l = _v0.d;
-			var r = _v0.e;
-			return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, k, v, l, r);
-		} else {
-			var x = _v0;
-			return x;
-		}
-	});
-var $elm$time$Time$addMySub = F2(
-	function (_v0, state) {
-		var interval = _v0.a;
-		var tagger = _v0.b;
-		var _v1 = A2($elm$core$Dict$get, interval, state);
-		if (_v1.$ === 'Nothing') {
-			return A3(
-				$elm$core$Dict$insert,
-				interval,
-				_List_fromArray(
-					[tagger]),
-				state);
-		} else {
-			var taggers = _v1.a;
-			return A3(
-				$elm$core$Dict$insert,
-				interval,
-				A2($elm$core$List$cons, tagger, taggers),
-				state);
-		}
-	});
-var $elm$core$Process$kill = _Scheduler_kill;
-var $elm$core$Dict$foldl = F3(
-	function (func, acc, dict) {
-		foldl:
-		while (true) {
-			if (dict.$ === 'RBEmpty_elm_builtin') {
-				return acc;
-			} else {
-				var key = dict.b;
-				var value = dict.c;
-				var left = dict.d;
-				var right = dict.e;
-				var $temp$func = func,
-					$temp$acc = A3(
-					func,
-					key,
-					value,
-					A3($elm$core$Dict$foldl, func, acc, left)),
-					$temp$dict = right;
-				func = $temp$func;
-				acc = $temp$acc;
-				dict = $temp$dict;
-				continue foldl;
-			}
-		}
-	});
-var $elm$core$Dict$merge = F6(
-	function (leftStep, bothStep, rightStep, leftDict, rightDict, initialResult) {
-		var stepState = F3(
-			function (rKey, rValue, _v0) {
-				stepState:
-				while (true) {
-					var list = _v0.a;
-					var result = _v0.b;
-					if (!list.b) {
-						return _Utils_Tuple2(
-							list,
-							A3(rightStep, rKey, rValue, result));
-					} else {
-						var _v2 = list.a;
-						var lKey = _v2.a;
-						var lValue = _v2.b;
-						var rest = list.b;
-						if (_Utils_cmp(lKey, rKey) < 0) {
-							var $temp$rKey = rKey,
-								$temp$rValue = rValue,
-								$temp$_v0 = _Utils_Tuple2(
-								rest,
-								A3(leftStep, lKey, lValue, result));
-							rKey = $temp$rKey;
-							rValue = $temp$rValue;
-							_v0 = $temp$_v0;
-							continue stepState;
-						} else {
-							if (_Utils_cmp(lKey, rKey) > 0) {
-								return _Utils_Tuple2(
-									list,
-									A3(rightStep, rKey, rValue, result));
-							} else {
-								return _Utils_Tuple2(
-									rest,
-									A4(bothStep, lKey, lValue, rValue, result));
-							}
-						}
-					}
-				}
-			});
-		var _v3 = A3(
-			$elm$core$Dict$foldl,
-			stepState,
-			_Utils_Tuple2(
-				$elm$core$Dict$toList(leftDict),
-				initialResult),
-			rightDict);
-		var leftovers = _v3.a;
-		var intermediateResult = _v3.b;
-		return A3(
-			$elm$core$List$foldl,
-			F2(
-				function (_v4, result) {
-					var k = _v4.a;
-					var v = _v4.b;
-					return A3(leftStep, k, v, result);
-				}),
-			intermediateResult,
-			leftovers);
-	});
-var $elm$core$Platform$sendToSelf = _Platform_sendToSelf;
-var $elm$time$Time$Name = function (a) {
-	return {$: 'Name', a: a};
-};
-var $elm$time$Time$Offset = function (a) {
-	return {$: 'Offset', a: a};
-};
-var $elm$time$Time$Zone = F2(
-	function (a, b) {
-		return {$: 'Zone', a: a, b: b};
-	});
-var $elm$time$Time$customZone = $elm$time$Time$Zone;
-var $elm$time$Time$setInterval = _Time_setInterval;
-var $elm$core$Process$spawn = _Scheduler_spawn;
-var $elm$time$Time$spawnHelp = F3(
-	function (router, intervals, processes) {
-		if (!intervals.b) {
-			return $elm$core$Task$succeed(processes);
-		} else {
-			var interval = intervals.a;
-			var rest = intervals.b;
-			var spawnTimer = $elm$core$Process$spawn(
-				A2(
-					$elm$time$Time$setInterval,
-					interval,
-					A2($elm$core$Platform$sendToSelf, router, interval)));
-			var spawnRest = function (id) {
-				return A3(
-					$elm$time$Time$spawnHelp,
-					router,
-					rest,
-					A3($elm$core$Dict$insert, interval, id, processes));
-			};
-			return A2($elm$core$Task$andThen, spawnRest, spawnTimer);
-		}
-	});
-var $elm$time$Time$onEffects = F3(
-	function (router, subs, _v0) {
-		var processes = _v0.processes;
-		var rightStep = F3(
-			function (_v6, id, _v7) {
-				var spawns = _v7.a;
-				var existing = _v7.b;
-				var kills = _v7.c;
-				return _Utils_Tuple3(
-					spawns,
-					existing,
-					A2(
-						$elm$core$Task$andThen,
-						function (_v5) {
-							return kills;
-						},
-						$elm$core$Process$kill(id)));
-			});
-		var newTaggers = A3($elm$core$List$foldl, $elm$time$Time$addMySub, $elm$core$Dict$empty, subs);
-		var leftStep = F3(
-			function (interval, taggers, _v4) {
-				var spawns = _v4.a;
-				var existing = _v4.b;
-				var kills = _v4.c;
-				return _Utils_Tuple3(
-					A2($elm$core$List$cons, interval, spawns),
-					existing,
-					kills);
-			});
-		var bothStep = F4(
-			function (interval, taggers, id, _v3) {
-				var spawns = _v3.a;
-				var existing = _v3.b;
-				var kills = _v3.c;
-				return _Utils_Tuple3(
-					spawns,
-					A3($elm$core$Dict$insert, interval, id, existing),
-					kills);
-			});
-		var _v1 = A6(
-			$elm$core$Dict$merge,
-			leftStep,
-			bothStep,
-			rightStep,
-			newTaggers,
-			processes,
-			_Utils_Tuple3(
-				_List_Nil,
-				$elm$core$Dict$empty,
-				$elm$core$Task$succeed(_Utils_Tuple0)));
-		var spawnList = _v1.a;
-		var existingDict = _v1.b;
-		var killTask = _v1.c;
-		return A2(
-			$elm$core$Task$andThen,
-			function (newProcesses) {
-				return $elm$core$Task$succeed(
-					A2($elm$time$Time$State, newTaggers, newProcesses));
-			},
-			A2(
-				$elm$core$Task$andThen,
-				function (_v2) {
-					return A3($elm$time$Time$spawnHelp, router, spawnList, existingDict);
-				},
-				killTask));
-	});
-var $elm$time$Time$Posix = function (a) {
-	return {$: 'Posix', a: a};
-};
-var $elm$time$Time$millisToPosix = $elm$time$Time$Posix;
-var $elm$time$Time$now = _Time_now($elm$time$Time$millisToPosix);
-var $elm$time$Time$onSelfMsg = F3(
-	function (router, interval, state) {
-		var _v0 = A2($elm$core$Dict$get, interval, state.taggers);
-		if (_v0.$ === 'Nothing') {
-			return $elm$core$Task$succeed(state);
-		} else {
-			var taggers = _v0.a;
-			var tellTaggers = function (time) {
-				return $elm$core$Task$sequence(
-					A2(
-						$elm$core$List$map,
-						function (tagger) {
-							return A2(
-								$elm$core$Platform$sendToApp,
-								router,
-								tagger(time));
-						},
-						taggers));
-			};
-			return A2(
-				$elm$core$Task$andThen,
-				function (_v1) {
-					return $elm$core$Task$succeed(state);
-				},
-				A2($elm$core$Task$andThen, tellTaggers, $elm$time$Time$now));
-		}
-	});
-var $elm$core$Basics$composeL = F3(
-	function (g, f, x) {
-		return g(
-			f(x));
-	});
-var $elm$time$Time$subMap = F2(
-	function (f, _v0) {
-		var interval = _v0.a;
-		var tagger = _v0.b;
-		return A2(
-			$elm$time$Time$Every,
-			interval,
-			A2($elm$core$Basics$composeL, f, tagger));
-	});
-_Platform_effectManagers['Time'] = _Platform_createManager($elm$time$Time$init, $elm$time$Time$onEffects, $elm$time$Time$onSelfMsg, 0, $elm$time$Time$subMap);
-var $elm$time$Time$subscription = _Platform_leaf('Time');
-var $elm$time$Time$every = F2(
-	function (interval, tagger) {
-		return $elm$time$Time$subscription(
-			A2($elm$time$Time$Every, interval, tagger));
-	});
-var $elm$core$Platform$Sub$map = _Platform_map;
-var $elm$browser$Browser$Events$Window = {$: 'Window'};
-var $elm$json$Json$Decode$field = _Json_decodeField;
-var $elm$json$Json$Decode$int = _Json_decodeInt;
-var $elm$browser$Browser$Events$MySub = F3(
-	function (a, b, c) {
-		return {$: 'MySub', a: a, b: b, c: c};
-	});
-var $elm$browser$Browser$Events$State = F2(
-	function (subs, pids) {
-		return {pids: pids, subs: subs};
-	});
-var $elm$browser$Browser$Events$init = $elm$core$Task$succeed(
-	A2($elm$browser$Browser$Events$State, _List_Nil, $elm$core$Dict$empty));
-var $elm$browser$Browser$Events$nodeToKey = function (node) {
-	if (node.$ === 'Document') {
-		return 'd_';
-	} else {
-		return 'w_';
-	}
-};
-var $elm$browser$Browser$Events$addKey = function (sub) {
-	var node = sub.a;
-	var name = sub.b;
-	return _Utils_Tuple2(
-		_Utils_ap(
-			$elm$browser$Browser$Events$nodeToKey(node),
-			name),
-		sub);
-};
-var $elm$core$Dict$fromList = function (assocs) {
-	return A3(
-		$elm$core$List$foldl,
-		F2(
-			function (_v0, dict) {
-				var key = _v0.a;
-				var value = _v0.b;
-				return A3($elm$core$Dict$insert, key, value, dict);
-			}),
-		$elm$core$Dict$empty,
-		assocs);
-};
-var $elm$browser$Browser$Events$Event = F2(
-	function (key, event) {
-		return {event: event, key: key};
-	});
-var $elm$browser$Browser$Events$spawn = F3(
-	function (router, key, _v0) {
-		var node = _v0.a;
-		var name = _v0.b;
-		var actualNode = function () {
-			if (node.$ === 'Document') {
-				return _Browser_doc;
-			} else {
-				return _Browser_window;
-			}
-		}();
-		return A2(
-			$elm$core$Task$map,
-			function (value) {
-				return _Utils_Tuple2(key, value);
-			},
-			A3(
-				_Browser_on,
-				actualNode,
-				name,
-				function (event) {
-					return A2(
-						$elm$core$Platform$sendToSelf,
-						router,
-						A2($elm$browser$Browser$Events$Event, key, event));
-				}));
-	});
-var $elm$core$Dict$union = F2(
-	function (t1, t2) {
-		return A3($elm$core$Dict$foldl, $elm$core$Dict$insert, t2, t1);
-	});
-var $elm$browser$Browser$Events$onEffects = F3(
-	function (router, subs, state) {
-		var stepRight = F3(
-			function (key, sub, _v6) {
-				var deads = _v6.a;
-				var lives = _v6.b;
-				var news = _v6.c;
-				return _Utils_Tuple3(
-					deads,
-					lives,
-					A2(
-						$elm$core$List$cons,
-						A3($elm$browser$Browser$Events$spawn, router, key, sub),
-						news));
-			});
-		var stepLeft = F3(
-			function (_v4, pid, _v5) {
-				var deads = _v5.a;
-				var lives = _v5.b;
-				var news = _v5.c;
-				return _Utils_Tuple3(
-					A2($elm$core$List$cons, pid, deads),
-					lives,
-					news);
-			});
-		var stepBoth = F4(
-			function (key, pid, _v2, _v3) {
-				var deads = _v3.a;
-				var lives = _v3.b;
-				var news = _v3.c;
-				return _Utils_Tuple3(
-					deads,
-					A3($elm$core$Dict$insert, key, pid, lives),
-					news);
-			});
-		var newSubs = A2($elm$core$List$map, $elm$browser$Browser$Events$addKey, subs);
-		var _v0 = A6(
-			$elm$core$Dict$merge,
-			stepLeft,
-			stepBoth,
-			stepRight,
-			state.pids,
-			$elm$core$Dict$fromList(newSubs),
-			_Utils_Tuple3(_List_Nil, $elm$core$Dict$empty, _List_Nil));
-		var deadPids = _v0.a;
-		var livePids = _v0.b;
-		var makeNewPids = _v0.c;
-		return A2(
-			$elm$core$Task$andThen,
-			function (pids) {
-				return $elm$core$Task$succeed(
-					A2(
-						$elm$browser$Browser$Events$State,
-						newSubs,
-						A2(
-							$elm$core$Dict$union,
-							livePids,
-							$elm$core$Dict$fromList(pids))));
-			},
-			A2(
-				$elm$core$Task$andThen,
-				function (_v1) {
-					return $elm$core$Task$sequence(makeNewPids);
-				},
-				$elm$core$Task$sequence(
-					A2($elm$core$List$map, $elm$core$Process$kill, deadPids))));
-	});
-var $elm$core$List$maybeCons = F3(
-	function (f, mx, xs) {
-		var _v0 = f(mx);
-		if (_v0.$ === 'Just') {
-			var x = _v0.a;
-			return A2($elm$core$List$cons, x, xs);
-		} else {
-			return xs;
-		}
-	});
-var $elm$core$List$filterMap = F2(
-	function (f, xs) {
-		return A3(
-			$elm$core$List$foldr,
-			$elm$core$List$maybeCons(f),
-			_List_Nil,
-			xs);
-	});
-var $elm$browser$Browser$Events$onSelfMsg = F3(
-	function (router, _v0, state) {
-		var key = _v0.key;
-		var event = _v0.event;
-		var toMessage = function (_v2) {
-			var subKey = _v2.a;
-			var _v3 = _v2.b;
-			var node = _v3.a;
-			var name = _v3.b;
-			var decoder = _v3.c;
-			return _Utils_eq(subKey, key) ? A2(_Browser_decodeEvent, decoder, event) : $elm$core$Maybe$Nothing;
-		};
-		var messages = A2($elm$core$List$filterMap, toMessage, state.subs);
-		return A2(
-			$elm$core$Task$andThen,
-			function (_v1) {
-				return $elm$core$Task$succeed(state);
-			},
-			$elm$core$Task$sequence(
-				A2(
-					$elm$core$List$map,
-					$elm$core$Platform$sendToApp(router),
-					messages)));
-	});
-var $elm$browser$Browser$Events$subMap = F2(
-	function (func, _v0) {
-		var node = _v0.a;
-		var name = _v0.b;
-		var decoder = _v0.c;
-		return A3(
-			$elm$browser$Browser$Events$MySub,
-			node,
-			name,
-			A2($elm$json$Json$Decode$map, func, decoder));
-	});
-_Platform_effectManagers['Browser.Events'] = _Platform_createManager($elm$browser$Browser$Events$init, $elm$browser$Browser$Events$onEffects, $elm$browser$Browser$Events$onSelfMsg, 0, $elm$browser$Browser$Events$subMap);
-var $elm$browser$Browser$Events$subscription = _Platform_leaf('Browser.Events');
-var $elm$browser$Browser$Events$on = F3(
-	function (node, name, decoder) {
-		return $elm$browser$Browser$Events$subscription(
-			A3($elm$browser$Browser$Events$MySub, node, name, decoder));
-	});
-var $elm$browser$Browser$Events$onResize = function (func) {
-	return A3(
-		$elm$browser$Browser$Events$on,
-		$elm$browser$Browser$Events$Window,
-		'resize',
-		A2(
-			$elm$json$Json$Decode$field,
-			'target',
-			A3(
-				$elm$json$Json$Decode$map2,
-				func,
-				A2($elm$json$Json$Decode$field, 'innerWidth', $elm$json$Json$Decode$int),
-				A2($elm$json$Json$Decode$field, 'innerHeight', $elm$json$Json$Decode$int))));
-};
-var $author$project$Main$subscriptions = function (_v0) {
-	return A2(
-		$elm$core$Platform$Sub$map,
-		$author$project$Main$LoadedSpecific,
-		$elm$core$Platform$Sub$batch(
-			_List_fromArray(
-				[
-					A2(
-					$elm$time$Time$every,
-					50,
-					$elm$core$Basics$always(
-						$author$project$Main$TimePassed(50))),
-					$elm$browser$Browser$Events$onResize(
-					F2(
-						function (h, w) {
-							return $author$project$Main$Resized(
-								{height: h, width: w});
-						}))
-				])));
-};
-var $author$project$Main$Loaded = function (a) {
-	return {$: 'Loaded', a: a};
-};
-var $author$project$Main$Idle = {$: 'Idle'};
-var $author$project$Data$Theme$Material = {$: 'Material'};
-var $author$project$Main$StatelessSpecific = function (a) {
-	return {$: 'StatelessSpecific', a: a};
-};
-var $author$project$Main$UpdateScrollingNav = function (a) {
-	return {$: 'UpdateScrollingNav', a: a};
-};
-var $author$project$Data$Example$ButtonExample = {$: 'ButtonExample'};
-var $author$project$Data$Example$DialogExample = {$: 'DialogExample'};
-var $author$project$Data$Example$IconExample = {$: 'IconExample'};
-var $author$project$Data$Example$ListExample = {$: 'ListExample'};
-var $author$project$Data$Example$ModalExample = {$: 'ModalExample'};
-var $author$project$Data$Example$MultiSelectExample = {$: 'MultiSelectExample'};
-var $author$project$Data$Example$ProgressIndicatorExample = {$: 'ProgressIndicatorExample'};
-var $author$project$Data$Example$SelectExample = {$: 'SelectExample'};
-var $author$project$Data$Example$SortTableExample = {$: 'SortTableExample'};
-var $author$project$Data$Example$SwitchExample = {$: 'SwitchExample'};
-var $author$project$Data$Example$TabExample = {$: 'TabExample'};
-var $author$project$Data$Example$TextInputExample = {$: 'TextInputExample'};
-var $elm$core$List$sortBy = _List_sortBy;
-var $author$project$Data$Example$toString = function (example) {
-	switch (example.$) {
-		case 'ButtonExample':
-			return 'Button';
-		case 'SwitchExample':
-			return 'Switch';
-		case 'SelectExample':
-			return 'Select';
-		case 'MultiSelectExample':
-			return 'Multi Select';
-		case 'TabExample':
-			return 'Tab';
-		case 'SortTableExample':
-			return 'SortTable';
-		case 'ModalExample':
-			return 'Modal';
-		case 'DialogExample':
-			return 'Dialog';
-		case 'TextInputExample':
-			return 'TextInput';
-		case 'ListExample':
-			return 'List';
-		case 'ProgressIndicatorExample':
-			return 'Progress Indicator';
-		default:
-			return 'Icon';
-	}
-};
-var $author$project$Data$Example$asList = A2(
-	$elm$core$List$sortBy,
-	$author$project$Data$Example$toString,
-	_List_fromArray(
-		[$author$project$Data$Example$ButtonExample, $author$project$Data$Example$SwitchExample, $author$project$Data$Example$SelectExample, $author$project$Data$Example$MultiSelectExample, $author$project$Data$Example$TabExample, $author$project$Data$Example$SortTableExample, $author$project$Data$Example$ModalExample, $author$project$Data$Example$DialogExample, $author$project$Data$Example$TextInputExample, $author$project$Data$Example$ListExample, $author$project$Data$Example$ProgressIndicatorExample, $author$project$Data$Example$IconExample]));
-var $elm$core$Platform$Cmd$batch = _Platform_batch;
-var $turboMaCk$any_set$Set$Any$AnySet = function (a) {
-	return {$: 'AnySet', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$AnyDict = function (a) {
-	return {$: 'AnyDict', a: a};
-};
-var $turboMaCk$any_dict$Dict$Any$empty = function (toKey) {
-	return $turboMaCk$any_dict$Dict$Any$AnyDict(
-		{dict: $elm$core$Dict$empty, toKey: toKey});
-};
-var $turboMaCk$any_set$Set$Any$empty = A2($elm$core$Basics$composeL, $turboMaCk$any_set$Set$Any$AnySet, $turboMaCk$any_dict$Dict$Any$empty);
-var $author$project$Data$Example$fromString = function (string) {
-	switch (string) {
-		case 'Button':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ButtonExample);
-		case 'Switch':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SwitchExample);
-		case 'Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SelectExample);
-		case 'Multi Select':
-			return $elm$core$Maybe$Just($author$project$Data$Example$MultiSelectExample);
-		case 'Tab':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TabExample);
-		case 'SortTable':
-			return $elm$core$Maybe$Just($author$project$Data$Example$SortTableExample);
-		case 'Modal':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ModalExample);
-		case 'Dialog':
-			return $elm$core$Maybe$Just($author$project$Data$Example$DialogExample);
-		case 'TextInput':
-			return $elm$core$Maybe$Just($author$project$Data$Example$TextInputExample);
-		case 'List':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ListExample);
-		case 'Progress Indicator':
-			return $elm$core$Maybe$Just($author$project$Data$Example$ProgressIndicatorExample);
-		case 'Icon':
-			return $elm$core$Maybe$Just($author$project$Data$Example$IconExample);
-		default:
-			return $elm$core$Maybe$Nothing;
-	}
-};
-var $author$project$Stateless$ExampleSpecific = function (a) {
-	return {$: 'ExampleSpecific', a: a};
-};
-var $author$project$Data$Example$Button = function (a) {
-	return {$: 'Button', a: a};
-};
-var $author$project$Data$Example$Dialog = function (a) {
-	return {$: 'Dialog', a: a};
-};
-var $author$project$Data$Example$Icon = function (a) {
-	return {$: 'Icon', a: a};
-};
-var $author$project$Data$Example$List = function (a) {
-	return {$: 'List', a: a};
-};
-var $author$project$Data$Example$Modal = function (a) {
-	return {$: 'Modal', a: a};
-};
-var $author$project$Data$Example$MultiSelect = function (a) {
-	return {$: 'MultiSelect', a: a};
-};
-var $author$project$Data$Example$ProgressIndicator = function (a) {
-	return {$: 'ProgressIndicator', a: a};
-};
-var $author$project$Data$Example$Select = function (a) {
-	return {$: 'Select', a: a};
-};
-var $author$project$Data$Example$SortTable = function (a) {
-	return {$: 'SortTable', a: a};
-};
-var $author$project$Data$Example$Switch = function (a) {
-	return {$: 'Switch', a: a};
-};
-var $author$project$Data$Example$Tab = function (a) {
-	return {$: 'Tab', a: a};
-};
-var $author$project$Data$Example$TextInput = function (a) {
-	return {$: 'TextInput', a: a};
-};
-var $elm$core$Platform$Cmd$none = $elm$core$Platform$Cmd$batch(_List_Nil);
-var $author$project$Example$Button$init = _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
-var $author$project$Example$Dialog$IsOpen = function (a) {
-	return {$: 'IsOpen', a: a};
-};
-var $author$project$Example$Dialog$init = _Utils_Tuple2(
-	$author$project$Example$Dialog$IsOpen(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Icon$init = _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-var $author$project$Example$List$IsExpanded = function (a) {
-	return {$: 'IsExpanded', a: a};
-};
-var $author$project$Example$List$init = _Utils_Tuple2(
-	$author$project$Example$List$IsExpanded(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Modal$IsEnabled = function (a) {
-	return {$: 'IsEnabled', a: a};
-};
-var $author$project$Example$Modal$init = _Utils_Tuple2(
-	$author$project$Example$Modal$IsEnabled(true),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$MultiSelect$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $elm$core$Set$Set_elm_builtin = function (a) {
-	return {$: 'Set_elm_builtin', a: a};
-};
-var $elm$core$Set$empty = $elm$core$Set$Set_elm_builtin($elm$core$Dict$empty);
-var $author$project$Example$MultiSelect$init = _Utils_Tuple2(
-	$author$project$Example$MultiSelect$Selected($elm$core$Set$empty),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$ProgressIndicator$MaybeProgress = function (a) {
-	return {$: 'MaybeProgress', a: a};
-};
-var $author$project$Example$ProgressIndicator$init = _Utils_Tuple2(
-	$author$project$Example$ProgressIndicator$MaybeProgress($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Select$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Select$init = _Utils_Tuple2(
-	$author$project$Example$Select$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$SortTable$init = _Utils_Tuple2(
-	{asc: true, title: 'Name'},
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Switch$IsButtonEnabled = function (a) {
-	return {$: 'IsButtonEnabled', a: a};
-};
-var $author$project$Example$Switch$init = _Utils_Tuple2(
-	$author$project$Example$Switch$IsButtonEnabled(false),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$Tab$Selected = function (a) {
-	return {$: 'Selected', a: a};
-};
-var $author$project$Example$Tab$init = _Utils_Tuple2(
-	$author$project$Example$Tab$Selected($elm$core$Maybe$Nothing),
-	$elm$core$Platform$Cmd$none);
-var $author$project$Example$TextInput$init = _Utils_Tuple2(
-	{chipTextInput: $elm$core$Set$empty, textInput: ''},
-	$elm$core$Platform$Cmd$none);
-var $elm$core$Platform$Cmd$map = _Platform_map;
-var $author$project$Data$Example$init = function () {
-	var _v0 = $author$project$Example$TextInput$init;
-	var textInputModel = _v0.a;
-	var textInputMsg = _v0.b;
-	var _v1 = $author$project$Example$Tab$init;
-	var tabModel = _v1.a;
-	var tabMsg = _v1.b;
-	var _v2 = $author$project$Example$Switch$init;
-	var switchModel = _v2.a;
-	var switchMsg = _v2.b;
-	var _v3 = $author$project$Example$SortTable$init;
-	var sortTableModel = _v3.a;
-	var sortTableMsg = _v3.b;
-	var _v4 = $author$project$Example$Select$init;
-	var selectModel = _v4.a;
-	var selectMsg = _v4.b;
-	var _v5 = $author$project$Example$ProgressIndicator$init;
-	var progressIndicatorModel = _v5.a;
-	var progressIndicatorMsg = _v5.b;
-	var _v6 = $author$project$Example$MultiSelect$init;
-	var multiSelectModel = _v6.a;
-	var multiSelectMsg = _v6.b;
-	var _v7 = $author$project$Example$Modal$init;
-	var modalModel = _v7.a;
-	var modalMsg = _v7.b;
-	var _v8 = $author$project$Example$List$init;
-	var listModel = _v8.a;
-	var listMsg = _v8.b;
-	var _v9 = $author$project$Example$Icon$init;
-	var iconModel = _v9.a;
-	var iconMsg = _v9.b;
-	var _v10 = $author$project$Example$Dialog$init;
-	var dialogModel = _v10.a;
-	var dialogMsg = _v10.b;
-	var _v11 = $author$project$Example$Button$init;
-	var buttonModel = _v11.a;
-	var buttonMsg = _v11.b;
-	return _Utils_Tuple2(
-		{button: buttonModel, dialog: dialogModel, icon: iconModel, list: listModel, modal: modalModel, multiSelect: multiSelectModel, progressIndicator: progressIndicatorModel, select: selectModel, sortTable: sortTableModel, _switch: switchModel, tab: tabModel, textInput: textInputModel},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Button, buttonMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Switch, switchMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Select, selectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$MultiSelect, multiSelectMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Tab, tabMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$SortTable, sortTableMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Modal, modalMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Dialog, dialogMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$TextInput, textInputMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$List, listMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$ProgressIndicator, progressIndicatorMsg),
-					A2($elm$core$Platform$Cmd$map, $author$project$Data$Example$Icon, iconMsg)
-				])));
-}();
-var $author$project$Stateless$init = function () {
-	var _v0 = $author$project$Data$Example$init;
-	var example = _v0.a;
-	var cmd = _v0.b;
-	return _Utils_Tuple2(
-		{carousel: 0, example: example},
-		A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, cmd));
-}();
-var $turboMaCk$queue$Queue$Queue = F2(
-	function (a, b) {
-		return {$: 'Queue', a: a, b: b};
-	});
-var $turboMaCk$queue$Queue$empty = A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil);
-var $author$project$Widget$Snackbar$init = {current: $elm$core$Maybe$Nothing, queue: $turboMaCk$queue$Queue$empty};
-var $author$project$Widget$Layout$init = {active: $elm$core$Maybe$Nothing, snackbar: $author$project$Widget$Snackbar$init};
-var $elm$core$Task$onError = _Scheduler_onError;
-var $elm$core$Task$attempt = F2(
-	function (resultToMessage, task) {
-		return $elm$core$Task$command(
-			$elm$core$Task$Perform(
-				A2(
-					$elm$core$Task$onError,
-					A2(
-						$elm$core$Basics$composeL,
-						A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-						$elm$core$Result$Err),
-					A2(
-						$elm$core$Task$andThen,
-						A2(
-							$elm$core$Basics$composeL,
-							A2($elm$core$Basics$composeL, $elm$core$Task$succeed, resultToMessage),
-							$elm$core$Result$Ok),
-						task))));
-	});
-var $elm_community$intdict$IntDict$Empty = {$: 'Empty'};
-var $elm_community$intdict$IntDict$empty = $elm_community$intdict$IntDict$Empty;
-var $elm$browser$Browser$Dom$getElement = _Browser_getElement;
-var $elm_community$intdict$IntDict$Inner = function (a) {
-	return {$: 'Inner', a: a};
-};
-var $elm_community$intdict$IntDict$size = function (dict) {
-	switch (dict.$) {
-		case 'Empty':
-			return 0;
-		case 'Leaf':
-			return 1;
-		default:
-			var i = dict.a;
-			return i.size;
-	}
-};
-var $elm_community$intdict$IntDict$inner = F3(
-	function (p, l, r) {
-		var _v0 = _Utils_Tuple2(l, r);
-		if (_v0.a.$ === 'Empty') {
-			var _v1 = _v0.a;
-			return r;
-		} else {
-			if (_v0.b.$ === 'Empty') {
-				var _v2 = _v0.b;
-				return l;
-			} else {
-				return $elm_community$intdict$IntDict$Inner(
-					{
-						left: l,
-						prefix: p,
-						right: r,
-						size: $elm_community$intdict$IntDict$size(l) + $elm_community$intdict$IntDict$size(r)
-					});
-			}
-		}
-	});
-var $elm$core$Bitwise$and = _Bitwise_and;
-var $elm$core$Basics$composeR = F3(
-	function (f, g, x) {
-		return g(
-			f(x));
-	});
-var $elm$core$Basics$neq = _Utils_notEqual;
-var $elm$core$Bitwise$complement = _Bitwise_complement;
-var $elm$core$Bitwise$or = _Bitwise_or;
-var $elm$core$Bitwise$shiftRightZfBy = _Bitwise_shiftRightZfBy;
-var $elm_community$intdict$IntDict$highestBitSet = function (n) {
-	var shiftOr = F2(
-		function (i, shift) {
-			return i | (i >>> shift);
-		});
-	var n1 = A2(shiftOr, n, 1);
-	var n2 = A2(shiftOr, n1, 2);
-	var n3 = A2(shiftOr, n2, 4);
-	var n4 = A2(shiftOr, n3, 8);
-	var n5 = A2(shiftOr, n4, 16);
-	return n5 & (~(n5 >>> 1));
-};
-var $elm$core$Basics$negate = function (n) {
-	return -n;
-};
-var $elm_community$intdict$IntDict$signBit = $elm_community$intdict$IntDict$highestBitSet(-1);
-var $elm$core$Bitwise$xor = _Bitwise_xor;
-var $elm_community$intdict$IntDict$isBranchingBitSet = function (p) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$Bitwise$xor($elm_community$intdict$IntDict$signBit),
-		A2(
-			$elm$core$Basics$composeR,
-			$elm$core$Bitwise$and(p.branchingBit),
-			$elm$core$Basics$neq(0)));
-};
-var $elm_community$intdict$IntDict$higherBitMask = function (branchingBit) {
-	return branchingBit ^ (~(branchingBit - 1));
-};
-var $elm_community$intdict$IntDict$lcp = F2(
-	function (x, y) {
-		var branchingBit = $elm_community$intdict$IntDict$highestBitSet(x ^ y);
-		var mask = $elm_community$intdict$IntDict$higherBitMask(branchingBit);
-		var prefixBits = x & mask;
-		return {branchingBit: branchingBit, prefixBits: prefixBits};
-	});
-var $elm_community$intdict$IntDict$Leaf = function (a) {
-	return {$: 'Leaf', a: a};
-};
-var $elm_community$intdict$IntDict$leaf = F2(
-	function (k, v) {
-		return $elm_community$intdict$IntDict$Leaf(
-			{key: k, value: v});
-	});
-var $elm_community$intdict$IntDict$prefixMatches = F2(
-	function (p, n) {
-		return _Utils_eq(
-			n & $elm_community$intdict$IntDict$higherBitMask(p.branchingBit),
-			p.prefixBits);
-	});
-var $elm_community$intdict$IntDict$update = F3(
-	function (key, alter, dict) {
-		var join = F2(
-			function (_v2, _v3) {
-				var k1 = _v2.a;
-				var l = _v2.b;
-				var k2 = _v3.a;
-				var r = _v3.b;
-				var prefix = A2($elm_community$intdict$IntDict$lcp, k1, k2);
-				return A2($elm_community$intdict$IntDict$isBranchingBitSet, prefix, k2) ? A3($elm_community$intdict$IntDict$inner, prefix, l, r) : A3($elm_community$intdict$IntDict$inner, prefix, r, l);
-			});
-		var alteredNode = function (mv) {
-			var _v1 = alter(mv);
-			if (_v1.$ === 'Just') {
-				var v = _v1.a;
-				return A2($elm_community$intdict$IntDict$leaf, key, v);
-			} else {
-				return $elm_community$intdict$IntDict$empty;
-			}
-		};
-		switch (dict.$) {
-			case 'Empty':
-				return alteredNode($elm$core$Maybe$Nothing);
-			case 'Leaf':
-				var l = dict.a;
-				return _Utils_eq(l.key, key) ? alteredNode(
-					$elm$core$Maybe$Just(l.value)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(l.key, dict));
-			default:
-				var i = dict.a;
-				return A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key) ? (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key) ? A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					i.left,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.right)) : A3(
-					$elm_community$intdict$IntDict$inner,
-					i.prefix,
-					A3($elm_community$intdict$IntDict$update, key, alter, i.left),
-					i.right)) : A2(
-					join,
-					_Utils_Tuple2(
-						key,
-						alteredNode($elm$core$Maybe$Nothing)),
-					_Utils_Tuple2(i.prefix.prefixBits, dict));
-		}
-	});
-var $elm_community$intdict$IntDict$insert = F3(
-	function (key, value, dict) {
-		return A3(
-			$elm_community$intdict$IntDict$update,
-			key,
-			$elm$core$Basics$always(
-				$elm$core$Maybe$Just(value)),
-			dict);
-	});
-var $elm$core$Basics$round = _Basics_round;
-var $author$project$Widget$ScrollingNav$syncPositions = function (_v0) {
-	var toString = _v0.toString;
-	var arrangement = _v0.arrangement;
-	var fun = F2(
-		function (_v1, model) {
-			var pos = _v1.a;
-			var label = _v1.b;
-			return _Utils_update(
-				model,
-				{
-					positions: A3(
-						$elm_community$intdict$IntDict$insert,
-						pos,
-						model.toString(label),
-						model.positions)
-				});
-		});
-	return A2(
-		$elm$core$Task$map,
-		F2(
-			function (list, m) {
-				return A3($elm$core$List$foldl, fun, m, list);
-			}),
-		$elm$core$Task$sequence(
-			A2(
-				$elm$core$List$map,
-				function (label) {
-					return A2(
-						$elm$core$Task$map,
-						function (x) {
-							return _Utils_Tuple2(
-								$elm$core$Basics$round(x.element.y),
-								label);
-						},
-						$elm$browser$Browser$Dom$getElement(
-							toString(label)));
-				},
-				arrangement)));
-};
-var $author$project$Widget$ScrollingNav$init = function (_v0) {
-	var toString = _v0.toString;
-	var fromString = _v0.fromString;
-	var arrangement = _v0.arrangement;
-	var toMsg = _v0.toMsg;
-	return function (a) {
-		return _Utils_Tuple2(
-			a,
-			A2(
-				$elm$core$Task$attempt,
-				toMsg,
-				$author$project$Widget$ScrollingNav$syncPositions(a)));
-	}(
-		{arrangement: arrangement, fromString: fromString, positions: $elm_community$intdict$IntDict$empty, scrollPos: 0, toString: toString});
-};
-var $author$project$Main$initialModel = function (_v0) {
-	var viewport = _v0.viewport;
-	var _v1 = $author$project$Stateless$init;
-	var stateless = _v1.a;
-	var statelessCmd = _v1.b;
-	var _v2 = $author$project$Widget$ScrollingNav$init(
-		{
-			arrangement: $author$project$Data$Example$asList,
-			fromString: $author$project$Data$Example$fromString,
-			toMsg: function (result) {
-				if (result.$ === 'Ok') {
-					var fun = result.a;
-					return $author$project$Main$UpdateScrollingNav(fun);
-				} else {
-					return $author$project$Main$Idle;
-				}
-			},
-			toString: $author$project$Data$Example$toString
-		});
-	var scrollingNav = _v2.a;
-	var cmd = _v2.b;
-	return _Utils_Tuple2(
-		{
-			displayDialog: false,
-			expanded: $turboMaCk$any_set$Set$Any$empty($author$project$Data$Example$toString),
-			layout: $author$project$Widget$Layout$init,
-			scrollingNav: scrollingNav,
-			search: {current: '', raw: '', remaining: 0},
-			stateless: stateless,
-			theme: $author$project$Data$Theme$Material,
-			window: {
-				height: $elm$core$Basics$round(viewport.height),
-				width: $elm$core$Basics$round(viewport.width)
-			}
-		},
-		$elm$core$Platform$Cmd$batch(
-			_List_fromArray(
-				[
-					cmd,
-					A2($elm$core$Platform$Cmd$map, $author$project$Main$StatelessSpecific, statelessCmd)
-				])));
-};
-var $elm$core$Tuple$mapBoth = F3(
-	function (funcA, funcB, _v0) {
-		var x = _v0.a;
-		var y = _v0.b;
-		return _Utils_Tuple2(
-			funcA(x),
-			funcB(y));
-	});
-var $author$project$Main$AddSnackbar = function (a) {
-	return {$: 'AddSnackbar', a: a};
-};
-var $author$project$Widget$Layout$activate = F2(
-	function (part, layout) {
-		return _Utils_update(
-			layout,
-			{active: part});
-	});
-var $author$project$Widget$ScrollingNav$getPos = A2(
-	$elm$core$Task$map,
-	F2(
-		function (_int, model) {
-			return _Utils_update(
-				model,
-				{
-					scrollPos: $elm$core$Basics$round(_int.viewport.y)
-				});
-		}),
-	$elm$browser$Browser$Dom$getViewport);
-var $elm$browser$Browser$Dom$setViewport = _Browser_setViewport;
-var $author$project$Widget$ScrollingNav$jumpTo = F2(
-	function (_v0, _v1) {
-		var section = _v0.section;
-		var onChange = _v0.onChange;
-		var toString = _v1.toString;
-		return A2(
-			$elm$core$Task$attempt,
-			onChange,
-			A2(
-				$elm$core$Task$andThen,
-				function (_v2) {
-					var element = _v2.element;
-					return A2($elm$browser$Browser$Dom$setViewport, 0, element.y);
-				},
-				$elm$browser$Browser$Dom$getElement(
-					toString(section))));
-	});
-var $elm$browser$Browser$Navigation$load = _Browser_load;
-var $turboMaCk$queue$Queue$queue = F2(
-	function (fl, rl) {
-		if (!fl.b) {
-			return A2(
-				$turboMaCk$queue$Queue$Queue,
-				$elm$core$List$reverse(rl),
-				_List_Nil);
-		} else {
-			return A2($turboMaCk$queue$Queue$Queue, fl, rl);
-		}
-	});
-var $turboMaCk$queue$Queue$enqueue = F2(
-	function (a, _v0) {
-		var fl = _v0.a;
-		var rl = _v0.b;
-		return A2(
-			$turboMaCk$queue$Queue$queue,
-			fl,
-			A2($elm$core$List$cons, a, rl));
-	});
-var $author$project$Widget$Snackbar$insertFor = F3(
-	function (removeIn, a, model) {
-		var _v0 = model.current;
-		if (_v0.$ === 'Nothing') {
-			return _Utils_update(
-				model,
-				{
-					current: $elm$core$Maybe$Just(
-						_Utils_Tuple2(a, removeIn))
-				});
-		} else {
-			return _Utils_update(
-				model,
-				{
-					queue: A2(
-						$turboMaCk$queue$Queue$enqueue,
-						_Utils_Tuple2(a, removeIn),
-						model.queue)
-				});
-		}
-	});
-var $author$project$Widget$Snackbar$insert = $author$project$Widget$Snackbar$insertFor(10000);
-var $author$project$Widget$Layout$queueMessage = F2(
-	function (message, layout) {
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$insert, message, layout.snackbar)
-			});
-	});
-var $turboMaCk$queue$Queue$dequeue = function (_v0) {
-	var fl = _v0.a;
-	var rl = _v0.b;
-	if (!fl.b) {
-		return _Utils_Tuple2(
-			$elm$core$Maybe$Nothing,
-			A2($turboMaCk$queue$Queue$Queue, _List_Nil, _List_Nil));
-	} else {
-		var head = fl.a;
-		var tail = fl.b;
-		return _Utils_Tuple2(
-			$elm$core$Maybe$Just(head),
-			A2($turboMaCk$queue$Queue$queue, tail, rl));
-	}
-};
-var $author$project$Widget$Snackbar$dismiss = function (model) {
-	return _Utils_update(
-		model,
-		{current: $elm$core$Maybe$Nothing});
-};
-var $elm$core$Maybe$map = F2(
-	function (f, maybe) {
-		if (maybe.$ === 'Just') {
-			var value = maybe.a;
-			return $elm$core$Maybe$Just(
-				f(value));
-		} else {
-			return $elm$core$Maybe$Nothing;
-		}
-	});
-var $elm$core$Tuple$mapSecond = F2(
-	function (func, _v0) {
-		var x = _v0.a;
-		var y = _v0.b;
-		return _Utils_Tuple2(
-			x,
-			func(y));
-	});
-var $author$project$Widget$Snackbar$timePassed = F2(
-	function (ms, model) {
-		var _v0 = model.current;
-		if (_v0.$ === 'Nothing') {
-			var _v1 = $turboMaCk$queue$Queue$dequeue(model.queue);
-			var c = _v1.a;
-			var queue = _v1.b;
-			return _Utils_update(
-				model,
-				{current: c, queue: queue});
-		} else {
-			var _v2 = _v0.a;
-			var removeIn = _v2.b;
-			return (_Utils_cmp(removeIn, ms) < 1) ? $author$project$Widget$Snackbar$dismiss(model) : _Utils_update(
-				model,
-				{
-					current: A2(
-						$elm$core$Maybe$map,
-						$elm$core$Tuple$mapSecond(
-							$elm$core$Basics$add(-ms)),
-						model.current)
-				});
-		}
-	});
-var $author$project$Widget$Layout$timePassed = F2(
-	function (sec, layout) {
-		var _v0 = layout.active;
-		_v0$2:
-		while (true) {
-			if (_v0.$ === 'Just') {
-				switch (_v0.a.$) {
-					case 'LeftSheet':
-						var _v1 = _v0.a;
-						return layout;
-					case 'RightSheet':
-						var _v2 = _v0.a;
-						return layout;
-					default:
-						break _v0$2;
-				}
-			} else {
-				break _v0$2;
-			}
-		}
-		return _Utils_update(
-			layout,
-			{
-				snackbar: A2($author$project$Widget$Snackbar$timePassed, sec, layout.snackbar)
-			});
-	});
-var $turboMaCk$any_dict$Dict$Any$insert = F3(
-	function (k, v, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A3(
-						$elm$core$Dict$insert,
-						inner.toKey(k),
-						_Utils_Tuple2(k, v),
-						inner.dict)
-				}));
-	});
-var $turboMaCk$any_set$Set$Any$insert = F2(
-	function (a, _v0) {
-		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A3($turboMaCk$any_dict$Dict$Any$insert, a, _Utils_Tuple0, dict));
-	});
-var $elm$core$Dict$member = F2(
-	function (key, dict) {
-		var _v0 = A2($elm$core$Dict$get, key, dict);
-		if (_v0.$ === 'Just') {
-			return true;
-		} else {
-			return false;
-		}
-	});
-var $turboMaCk$any_dict$Dict$Any$member = F2(
-	function (k, _v0) {
-		var dict = _v0.a.dict;
-		var toKey = _v0.a.toKey;
-		return A2(
-			$elm$core$Dict$member,
-			toKey(k),
-			dict);
-	});
-var $turboMaCk$any_set$Set$Any$member = F2(
-	function (a, _v0) {
-		var dict = _v0.a;
-		return A2($turboMaCk$any_dict$Dict$Any$member, a, dict);
-	});
-var $elm$core$Dict$getMin = function (dict) {
-	getMin:
-	while (true) {
-		if ((dict.$ === 'RBNode_elm_builtin') && (dict.d.$ === 'RBNode_elm_builtin')) {
-			var left = dict.d;
-			var $temp$dict = left;
-			dict = $temp$dict;
-			continue getMin;
-		} else {
-			return dict;
-		}
-	}
-};
-var $elm$core$Dict$moveRedLeft = function (dict) {
-	if (((dict.$ === 'RBNode_elm_builtin') && (dict.d.$ === 'RBNode_elm_builtin')) && (dict.e.$ === 'RBNode_elm_builtin')) {
-		if ((dict.e.d.$ === 'RBNode_elm_builtin') && (dict.e.d.a.$ === 'Red')) {
-			var clr = dict.a;
-			var k = dict.b;
-			var v = dict.c;
-			var _v1 = dict.d;
-			var lClr = _v1.a;
-			var lK = _v1.b;
-			var lV = _v1.c;
-			var lLeft = _v1.d;
-			var lRight = _v1.e;
-			var _v2 = dict.e;
-			var rClr = _v2.a;
-			var rK = _v2.b;
-			var rV = _v2.c;
-			var rLeft = _v2.d;
-			var _v3 = rLeft.a;
-			var rlK = rLeft.b;
-			var rlV = rLeft.c;
-			var rlL = rLeft.d;
-			var rlR = rLeft.e;
-			var rRight = _v2.e;
-			return A5(
-				$elm$core$Dict$RBNode_elm_builtin,
-				$elm$core$Dict$Red,
-				rlK,
-				rlV,
-				A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, lK, lV, lLeft, lRight),
-					rlL),
-				A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, rK, rV, rlR, rRight));
-		} else {
-			var clr = dict.a;
-			var k = dict.b;
-			var v = dict.c;
-			var _v4 = dict.d;
-			var lClr = _v4.a;
-			var lK = _v4.b;
-			var lV = _v4.c;
-			var lLeft = _v4.d;
-			var lRight = _v4.e;
-			var _v5 = dict.e;
-			var rClr = _v5.a;
-			var rK = _v5.b;
-			var rV = _v5.c;
-			var rLeft = _v5.d;
-			var rRight = _v5.e;
-			if (clr.$ === 'Black') {
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, lK, lV, lLeft, lRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, rK, rV, rLeft, rRight));
-			} else {
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, lK, lV, lLeft, lRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, rK, rV, rLeft, rRight));
-			}
-		}
-	} else {
-		return dict;
-	}
-};
-var $elm$core$Dict$moveRedRight = function (dict) {
-	if (((dict.$ === 'RBNode_elm_builtin') && (dict.d.$ === 'RBNode_elm_builtin')) && (dict.e.$ === 'RBNode_elm_builtin')) {
-		if ((dict.d.d.$ === 'RBNode_elm_builtin') && (dict.d.d.a.$ === 'Red')) {
-			var clr = dict.a;
-			var k = dict.b;
-			var v = dict.c;
-			var _v1 = dict.d;
-			var lClr = _v1.a;
-			var lK = _v1.b;
-			var lV = _v1.c;
-			var _v2 = _v1.d;
-			var _v3 = _v2.a;
-			var llK = _v2.b;
-			var llV = _v2.c;
-			var llLeft = _v2.d;
-			var llRight = _v2.e;
-			var lRight = _v1.e;
-			var _v4 = dict.e;
-			var rClr = _v4.a;
-			var rK = _v4.b;
-			var rV = _v4.c;
-			var rLeft = _v4.d;
-			var rRight = _v4.e;
-			return A5(
-				$elm$core$Dict$RBNode_elm_builtin,
-				$elm$core$Dict$Red,
-				lK,
-				lV,
-				A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, llK, llV, llLeft, llRight),
-				A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					lRight,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, rK, rV, rLeft, rRight)));
-		} else {
-			var clr = dict.a;
-			var k = dict.b;
-			var v = dict.c;
-			var _v5 = dict.d;
-			var lClr = _v5.a;
-			var lK = _v5.b;
-			var lV = _v5.c;
-			var lLeft = _v5.d;
-			var lRight = _v5.e;
-			var _v6 = dict.e;
-			var rClr = _v6.a;
-			var rK = _v6.b;
-			var rV = _v6.c;
-			var rLeft = _v6.d;
-			var rRight = _v6.e;
-			if (clr.$ === 'Black') {
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, lK, lV, lLeft, lRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, rK, rV, rLeft, rRight));
-			} else {
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					$elm$core$Dict$Black,
-					k,
-					v,
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, lK, lV, lLeft, lRight),
-					A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, rK, rV, rLeft, rRight));
-			}
-		}
-	} else {
-		return dict;
-	}
-};
-var $elm$core$Dict$removeHelpPrepEQGT = F7(
-	function (targetKey, dict, color, key, value, left, right) {
-		if ((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Red')) {
-			var _v1 = left.a;
-			var lK = left.b;
-			var lV = left.c;
-			var lLeft = left.d;
-			var lRight = left.e;
-			return A5(
-				$elm$core$Dict$RBNode_elm_builtin,
-				color,
-				lK,
-				lV,
-				lLeft,
-				A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Red, key, value, lRight, right));
-		} else {
-			_v2$2:
-			while (true) {
-				if ((right.$ === 'RBNode_elm_builtin') && (right.a.$ === 'Black')) {
-					if (right.d.$ === 'RBNode_elm_builtin') {
-						if (right.d.a.$ === 'Black') {
-							var _v3 = right.a;
-							var _v4 = right.d;
-							var _v5 = _v4.a;
-							return $elm$core$Dict$moveRedRight(dict);
-						} else {
-							break _v2$2;
-						}
-					} else {
-						var _v6 = right.a;
-						var _v7 = right.d;
-						return $elm$core$Dict$moveRedRight(dict);
-					}
-				} else {
-					break _v2$2;
-				}
-			}
-			return dict;
-		}
-	});
-var $elm$core$Dict$removeMin = function (dict) {
-	if ((dict.$ === 'RBNode_elm_builtin') && (dict.d.$ === 'RBNode_elm_builtin')) {
-		var color = dict.a;
-		var key = dict.b;
-		var value = dict.c;
-		var left = dict.d;
-		var lColor = left.a;
-		var lLeft = left.d;
-		var right = dict.e;
-		if (lColor.$ === 'Black') {
-			if ((lLeft.$ === 'RBNode_elm_builtin') && (lLeft.a.$ === 'Red')) {
-				var _v3 = lLeft.a;
-				return A5(
-					$elm$core$Dict$RBNode_elm_builtin,
-					color,
-					key,
-					value,
-					$elm$core$Dict$removeMin(left),
-					right);
-			} else {
-				var _v4 = $elm$core$Dict$moveRedLeft(dict);
-				if (_v4.$ === 'RBNode_elm_builtin') {
-					var nColor = _v4.a;
-					var nKey = _v4.b;
-					var nValue = _v4.c;
-					var nLeft = _v4.d;
-					var nRight = _v4.e;
-					return A5(
-						$elm$core$Dict$balance,
-						nColor,
-						nKey,
-						nValue,
-						$elm$core$Dict$removeMin(nLeft),
-						nRight);
-				} else {
-					return $elm$core$Dict$RBEmpty_elm_builtin;
-				}
-			}
-		} else {
-			return A5(
-				$elm$core$Dict$RBNode_elm_builtin,
-				color,
-				key,
-				value,
-				$elm$core$Dict$removeMin(left),
-				right);
-		}
-	} else {
-		return $elm$core$Dict$RBEmpty_elm_builtin;
-	}
-};
-var $elm$core$Dict$removeHelp = F2(
-	function (targetKey, dict) {
-		if (dict.$ === 'RBEmpty_elm_builtin') {
-			return $elm$core$Dict$RBEmpty_elm_builtin;
-		} else {
-			var color = dict.a;
-			var key = dict.b;
-			var value = dict.c;
-			var left = dict.d;
-			var right = dict.e;
-			if (_Utils_cmp(targetKey, key) < 0) {
-				if ((left.$ === 'RBNode_elm_builtin') && (left.a.$ === 'Black')) {
-					var _v4 = left.a;
-					var lLeft = left.d;
-					if ((lLeft.$ === 'RBNode_elm_builtin') && (lLeft.a.$ === 'Red')) {
-						var _v6 = lLeft.a;
-						return A5(
-							$elm$core$Dict$RBNode_elm_builtin,
-							color,
-							key,
-							value,
-							A2($elm$core$Dict$removeHelp, targetKey, left),
-							right);
-					} else {
-						var _v7 = $elm$core$Dict$moveRedLeft(dict);
-						if (_v7.$ === 'RBNode_elm_builtin') {
-							var nColor = _v7.a;
-							var nKey = _v7.b;
-							var nValue = _v7.c;
-							var nLeft = _v7.d;
-							var nRight = _v7.e;
-							return A5(
-								$elm$core$Dict$balance,
-								nColor,
-								nKey,
-								nValue,
-								A2($elm$core$Dict$removeHelp, targetKey, nLeft),
-								nRight);
-						} else {
-							return $elm$core$Dict$RBEmpty_elm_builtin;
-						}
-					}
-				} else {
-					return A5(
-						$elm$core$Dict$RBNode_elm_builtin,
-						color,
-						key,
-						value,
-						A2($elm$core$Dict$removeHelp, targetKey, left),
-						right);
-				}
-			} else {
-				return A2(
-					$elm$core$Dict$removeHelpEQGT,
-					targetKey,
-					A7($elm$core$Dict$removeHelpPrepEQGT, targetKey, dict, color, key, value, left, right));
-			}
-		}
-	});
-var $elm$core$Dict$removeHelpEQGT = F2(
-	function (targetKey, dict) {
-		if (dict.$ === 'RBNode_elm_builtin') {
-			var color = dict.a;
-			var key = dict.b;
-			var value = dict.c;
-			var left = dict.d;
-			var right = dict.e;
-			if (_Utils_eq(targetKey, key)) {
-				var _v1 = $elm$core$Dict$getMin(right);
-				if (_v1.$ === 'RBNode_elm_builtin') {
-					var minKey = _v1.b;
-					var minValue = _v1.c;
-					return A5(
-						$elm$core$Dict$balance,
-						color,
-						minKey,
-						minValue,
-						left,
-						$elm$core$Dict$removeMin(right));
-				} else {
-					return $elm$core$Dict$RBEmpty_elm_builtin;
-				}
-			} else {
-				return A5(
-					$elm$core$Dict$balance,
-					color,
-					key,
-					value,
-					left,
-					A2($elm$core$Dict$removeHelp, targetKey, right));
-			}
-		} else {
-			return $elm$core$Dict$RBEmpty_elm_builtin;
-		}
-	});
-var $elm$core$Dict$remove = F2(
-	function (key, dict) {
-		var _v0 = A2($elm$core$Dict$removeHelp, key, dict);
-		if ((_v0.$ === 'RBNode_elm_builtin') && (_v0.a.$ === 'Red')) {
-			var _v1 = _v0.a;
-			var k = _v0.b;
-			var v = _v0.c;
-			var l = _v0.d;
-			var r = _v0.e;
-			return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, k, v, l, r);
-		} else {
-			var x = _v0;
-			return x;
-		}
-	});
-var $turboMaCk$any_dict$Dict$Any$remove = F2(
-	function (k, _v0) {
-		var inner = _v0.a;
-		return $turboMaCk$any_dict$Dict$Any$AnyDict(
-			_Utils_update(
-				inner,
-				{
-					dict: A2(
-						$elm$core$Dict$remove,
-						inner.toKey(k),
-						inner.dict)
-				}));
-	});
-var $turboMaCk$any_set$Set$Any$remove = F2(
-	function (a, _v0) {
-		var dict = _v0.a;
-		return $turboMaCk$any_set$Set$Any$AnySet(
-			A2($turboMaCk$any_dict$Dict$Any$remove, a, dict));
-	});
-var $turboMaCk$any_set$Set$Any$toggle = F2(
-	function (a, set) {
-		return A2($turboMaCk$any_set$Set$Any$member, a, set) ? A2($turboMaCk$any_set$Set$Any$remove, a, set) : A2($turboMaCk$any_set$Set$Any$insert, a, set);
-	});
-var $elm$core$Platform$Sub$none = $elm$core$Platform$Sub$batch(_List_Nil);
-var $author$project$Example$Button$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Dialog$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Icon$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$List$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Modal$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$MultiSelect$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$ProgressIndicator$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Select$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$SortTable$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Switch$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$Tab$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $author$project$Example$TextInput$subscriptions = function (_v0) {
-	return $elm$core$Platform$Sub$none;
-};
-var $elm$core$Basics$ge = _Utils_ge;
-var $author$project$Example$Button$update = F2(
-	function (msg, model) {
-		switch (msg.$) {
-			case 'Increase':
-				var _int = msg.a;
-				return _Utils_Tuple2(model + _int, $elm$core$Platform$Cmd$none);
-			case 'Decrease':
-				var _int = msg.a;
-				return _Utils_Tuple2(
-					((model - _int) >= 0) ? (model - _int) : model,
-					$elm$core$Platform$Cmd$none);
-			default:
-				return _Utils_Tuple2(0, $elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Example$Dialog$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Dialog$IsOpen(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Icon$update = F2(
-	function (msg, _v0) {
-		return _Utils_Tuple2(_Utils_Tuple0, $elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$List$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$List$IsExpanded(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Modal$update = F2(
-	function (msg, _v0) {
-		var bool = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Modal$IsEnabled(bool),
-			$elm$core$Platform$Cmd$none);
-	});
-var $elm$core$Set$insert = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return $elm$core$Set$Set_elm_builtin(
-			A3($elm$core$Dict$insert, key, _Utils_Tuple0, dict));
-	});
-var $elm$core$Set$member = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return A2($elm$core$Dict$member, key, dict);
-	});
-var $elm$core$Set$remove = F2(
-	function (key, _v0) {
-		var dict = _v0.a;
-		return $elm$core$Set$Set_elm_builtin(
-			A2($elm$core$Dict$remove, key, dict));
-	});
-var $author$project$Example$MultiSelect$update = F2(
-	function (msg, _v0) {
-		var selected = _v0.a;
-		var _int = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$MultiSelect$Selected(
-				(A2($elm$core$Set$member, _int, selected) ? $elm$core$Set$remove(_int) : $elm$core$Set$insert(_int))(selected)),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$ProgressIndicator$update = F2(
-	function (msg, _v0) {
-		var maybeFloat = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$ProgressIndicator$MaybeProgress(maybeFloat),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Select$update = F2(
-	function (msg, _v0) {
-		var _int = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Select$Selected(
-				$elm$core$Maybe$Just(_int)),
-			$elm$core$Platform$Cmd$none);
-	});
-var $elm$core$Basics$not = _Basics_not;
-var $author$project$Example$SortTable$update = F2(
-	function (msg, model) {
-		var string = msg.a;
-		return _Utils_Tuple2(
-			{
-				asc: _Utils_eq(model.title, string) ? (!model.asc) : true,
-				title: string
-			},
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Switch$update = F2(
-	function (msg, _v0) {
-		var buttonEnabled = _v0.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Switch$IsButtonEnabled(!buttonEnabled),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$Tab$update = F2(
-	function (msg, _v0) {
-		var _int = msg.a;
-		return _Utils_Tuple2(
-			$author$project$Example$Tab$Selected(
-				$elm$core$Maybe$Just(_int)),
-			$elm$core$Platform$Cmd$none);
-	});
-var $author$project$Example$TextInput$update = F2(
-	function (msg, model) {
-		if (msg.$ === 'ToggleTextInputChip') {
-			var string = msg.a;
-			return _Utils_Tuple2(
-				_Utils_update(
-					model,
-					{
-						chipTextInput: (A2($elm$core$Set$member, string, model.chipTextInput) ? $elm$core$Set$remove(string) : $elm$core$Set$insert(string))(model.chipTextInput)
-					}),
-				$elm$core$Platform$Cmd$none);
-		} else {
-			var string = msg.a;
-			return _Utils_Tuple2(
-				_Utils_update(
-					model,
-					{textInput: string}),
-				$elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Data$Example$upgradeRecord = {
-	button: {
-		from: function ($) {
-			return $.button;
-		},
-		msgMapper: $author$project$Data$Example$Button,
-		subscriptionsFun: $author$project$Example$Button$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{button: a});
-			}),
-		updateFun: $author$project$Example$Button$update
-	},
-	dialog: {
-		from: function ($) {
-			return $.dialog;
-		},
-		msgMapper: $author$project$Data$Example$Dialog,
-		subscriptionsFun: $author$project$Example$Dialog$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{dialog: a});
-			}),
-		updateFun: $author$project$Example$Dialog$update
-	},
-	icon: {
-		from: function ($) {
-			return $.icon;
-		},
-		msgMapper: $author$project$Data$Example$Icon,
-		subscriptionsFun: $author$project$Example$Icon$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{icon: a});
-			}),
-		updateFun: $author$project$Example$Icon$update
-	},
-	list: {
-		from: function ($) {
-			return $.list;
-		},
-		msgMapper: $author$project$Data$Example$List,
-		subscriptionsFun: $author$project$Example$List$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{list: a});
-			}),
-		updateFun: $author$project$Example$List$update
-	},
-	modal: {
-		from: function ($) {
-			return $.modal;
-		},
-		msgMapper: $author$project$Data$Example$Modal,
-		subscriptionsFun: $author$project$Example$Modal$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{modal: a});
-			}),
-		updateFun: $author$project$Example$Modal$update
-	},
-	multiSelect: {
-		from: function ($) {
-			return $.multiSelect;
-		},
-		msgMapper: $author$project$Data$Example$MultiSelect,
-		subscriptionsFun: $author$project$Example$MultiSelect$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{multiSelect: a});
-			}),
-		updateFun: $author$project$Example$MultiSelect$update
-	},
-	progressIndicator: {
-		from: function ($) {
-			return $.progressIndicator;
-		},
-		msgMapper: $author$project$Data$Example$ProgressIndicator,
-		subscriptionsFun: $author$project$Example$ProgressIndicator$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{progressIndicator: a});
-			}),
-		updateFun: $author$project$Example$ProgressIndicator$update
-	},
-	select: {
-		from: function ($) {
-			return $.select;
-		},
-		msgMapper: $author$project$Data$Example$Select,
-		subscriptionsFun: $author$project$Example$Select$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{select: a});
-			}),
-		updateFun: $author$project$Example$Select$update
-	},
-	sortTable: {
-		from: function ($) {
-			return $.sortTable;
-		},
-		msgMapper: $author$project$Data$Example$SortTable,
-		subscriptionsFun: $author$project$Example$SortTable$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{sortTable: a});
-			}),
-		updateFun: $author$project$Example$SortTable$update
-	},
-	_switch: {
-		from: function ($) {
-			return $._switch;
-		},
-		msgMapper: $author$project$Data$Example$Switch,
-		subscriptionsFun: $author$project$Example$Switch$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{_switch: a});
-			}),
-		updateFun: $author$project$Example$Switch$update
-	},
-	tab: {
-		from: function ($) {
-			return $.tab;
-		},
-		msgMapper: $author$project$Data$Example$Tab,
-		subscriptionsFun: $author$project$Example$Tab$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{tab: a});
-			}),
-		updateFun: $author$project$Example$Tab$update
-	},
-	textInput: {
-		from: function ($) {
-			return $.textInput;
-		},
-		msgMapper: $author$project$Data$Example$TextInput,
-		subscriptionsFun: $author$project$Example$TextInput$subscriptions,
-		to: F2(
-			function (model, a) {
-				return _Utils_update(
-					model,
-					{textInput: a});
-			}),
-		updateFun: $author$project$Example$TextInput$update
-	}
-};
-var $author$project$Data$Example$updateField = F3(
-	function (getter, msg, model) {
-		var _v0 = getter($author$project$Data$Example$upgradeRecord);
-		var from = _v0.from;
-		var to = _v0.to;
-		var msgMapper = _v0.msgMapper;
-		var updateFun = _v0.updateFun;
-		return A3(
-			$elm$core$Tuple$mapBoth,
-			to(model),
-			$elm$core$Platform$Cmd$map(msgMapper),
-			A2(
-				updateFun,
-				msg,
-				from(model)));
-	});
-var $author$project$Data$Example$update = F2(
-	function (msg, model) {
-		return function () {
-			switch (msg.$) {
-				case 'Button':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.button;
-						},
-						m);
-				case 'Switch':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $._switch;
-						},
-						m);
-				case 'Select':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.select;
-						},
-						m);
-				case 'MultiSelect':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.multiSelect;
-						},
-						m);
-				case 'Tab':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.tab;
-						},
-						m);
-				case 'SortTable':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.sortTable;
-						},
-						m);
-				case 'Modal':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.modal;
-						},
-						m);
-				case 'Dialog':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.dialog;
-						},
-						m);
-				case 'TextInput':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.textInput;
-						},
-						m);
-				case 'List':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.list;
-						},
-						m);
-				case 'ProgressIndicator':
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.progressIndicator;
-						},
-						m);
-				default:
-					var m = msg.a;
-					return A2(
-						$author$project$Data$Example$updateField,
-						function ($) {
-							return $.icon;
-						},
-						m);
-			}
-		}()(model);
-	});
-var $author$project$Stateless$update = F2(
-	function (msg, model) {
-		if (msg.$ === 'ExampleSpecific') {
-			var exampleMsg = msg.a;
-			var _v1 = A2($author$project$Data$Example$update, exampleMsg, model.example);
-			var exampleModel = _v1.a;
-			var exampleCmd = _v1.b;
-			return _Utils_Tuple2(
-				_Utils_update(
-					model,
-					{example: exampleModel}),
-				A2($elm$core$Platform$Cmd$map, $author$project$Stateless$ExampleSpecific, exampleCmd));
-		} else {
-			return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Main$updateLoaded = F2(
-	function (msg, model) {
-		switch (msg.$) {
-			case 'StatelessSpecific':
-				var m = msg.a;
-				return A3(
-					$elm$core$Tuple$mapBoth,
-					function (stateless) {
-						return _Utils_update(
-							model,
-							{stateless: stateless});
-					},
-					$elm$core$Platform$Cmd$map($author$project$Main$StatelessSpecific),
-					A2($author$project$Stateless$update, m, model.stateless));
-			case 'UpdateScrollingNav':
-				var fun = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							scrollingNav: fun(model.scrollingNav)
-						}),
-					$elm$core$Platform$Cmd$none);
-			case 'TimePassed':
-				var _int = msg.a;
-				var search = model.search;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							layout: A2($author$project$Widget$Layout$timePassed, _int, model.layout),
-							search: (search.remaining > 0) ? ((_Utils_cmp(search.remaining, _int) < 1) ? _Utils_update(
-								search,
-								{current: search.raw, remaining: 0}) : _Utils_update(
-								search,
-								{remaining: search.remaining - _int})) : model.search
-						}),
-					A2($elm$core$Task$perform, $author$project$Main$UpdateScrollingNav, $author$project$Widget$ScrollingNav$getPos));
-			case 'AddSnackbar':
-				var _v1 = msg.a;
-				var string = _v1.a;
-				var bool = _v1.b;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							layout: A2(
-								$author$project$Widget$Layout$queueMessage,
-								{
-									button: bool ? $elm$core$Maybe$Just(
-										{
-											onPress: $elm$core$Maybe$Just(
-												$author$project$Main$AddSnackbar(
-													_Utils_Tuple2('This is another message', false))),
-											text: 'Add'
-										}) : $elm$core$Maybe$Nothing,
-									text: string
-								},
-								model.layout)
-						}),
-					$elm$core$Platform$Cmd$none);
-			case 'ToggleDialog':
-				var bool = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{displayDialog: bool}),
-					$elm$core$Platform$Cmd$none);
-			case 'Resized':
-				var window = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{window: window}),
-					$elm$core$Platform$Cmd$none);
-			case 'ChangedSidebar':
-				var sidebar = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							layout: A2($author$project$Widget$Layout$activate, sidebar, model.layout)
-						}),
-					$elm$core$Platform$Cmd$none);
-			case 'Load':
-				var string = msg.a;
-				return _Utils_Tuple2(
-					model,
-					$elm$browser$Browser$Navigation$load(string));
-			case 'JumpTo':
-				var section = msg.a;
-				return _Utils_Tuple2(
-					model,
-					A2(
-						$author$project$Widget$ScrollingNav$jumpTo,
-						{
-							onChange: $elm$core$Basics$always($author$project$Main$Idle),
-							section: section
-						},
-						model.scrollingNav));
-			case 'ChangedSearch':
-				var string = msg.a;
-				var search = model.search;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							search: _Utils_update(
-								search,
-								{raw: string, remaining: 300})
-						}),
-					$elm$core$Platform$Cmd$none);
-			case 'SetTheme':
-				var theme = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{theme: theme}),
-					$elm$core$Platform$Cmd$none);
-			case 'ToggledExample':
-				var example = msg.a;
-				return _Utils_Tuple2(
-					_Utils_update(
-						model,
-						{
-							expanded: A2($turboMaCk$any_set$Set$Any$toggle, example, model.expanded)
-						}),
-					$elm$core$Platform$Cmd$none);
-			default:
-				return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
-		}
-	});
-var $author$project$Main$update = F2(
-	function (msg, model) {
-		var _v0 = _Utils_Tuple2(model, msg);
-		_v0$2:
-		while (true) {
-			if (_v0.a.$ === 'Loading') {
-				if (_v0.b.$ === 'GotViewport') {
-					var _v1 = _v0.a;
-					var viewport = _v0.b.a;
-					return A3(
-						$elm$core$Tuple$mapBoth,
-						$author$project$Main$Loaded,
-						$elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific),
-						$author$project$Main$initialModel(viewport));
-				} else {
-					break _v0$2;
-				}
-			} else {
-				if (_v0.b.$ === 'LoadedSpecific') {
-					var state = _v0.a.a;
-					var m = _v0.b.a;
-					return A3(
-						$elm$core$Tuple$mapBoth,
-						$author$project$Main$Loaded,
-						$elm$core$Platform$Cmd$map($author$project$Main$LoadedSpecific),
-						A2($author$project$Main$updateLoaded, m, state));
-				} else {
-					break _v0$2;
-				}
-			}
-		}
-		return _Utils_Tuple2(model, $elm$core$Platform$Cmd$none);
-	});
-var $author$project$Main$ChangedSearch = function (a) {
-	return {$: 'ChangedSearch', a: a};
-};
-var $author$project$Main$ChangedSidebar = function (a) {
-	return {$: 'ChangedSidebar', a: a};
-};
-var $author$project$Data$Theme$DarkMaterial = {$: 'DarkMaterial'};
-var $author$project$Main$JumpTo = function (a) {
-	return {$: 'JumpTo', a: a};
-};
-var $author$project$Main$Load = function (a) {
-	return {$: 'Load', a: a};
-};
-var $author$project$Main$SetTheme = function (a) {
-	return {$: 'SetTheme', a: a};
-};
-var $author$project$Main$ToggleDialog = function (a) {
-	return {$: 'ToggleDialog', a: a};
-};
-var $elm$svg$Svg$Attributes$d = _VirtualDom_attribute('d');
-var $feathericons$elm_feather$FeatherIcons$Icon = function (a) {
-	return {$: 'Icon', a: a};
-};
-var $feathericons$elm_feather$FeatherIcons$defaultAttributes = function (name) {
-	return {
-		_class: $elm$core$Maybe$Just('feather feather-' + name),
-		size: 24,
-		sizeUnit: '',
-		strokeWidth: 2,
-		viewBox: '0 0 24 24'
-	};
-};
-var $feathericons$elm_feather$FeatherIcons$makeBuilder = F2(
-	function (name, src) {
-		return $feathericons$elm_feather$FeatherIcons$Icon(
-			{
-				attrs: $feathericons$elm_feather$FeatherIcons$defaultAttributes(name),
-				src: src
-			});
-	});
-var $elm$svg$Svg$trustedNode = _VirtualDom_nodeNS('http://www.w3.org/2000/svg');
-var $elm$svg$Svg$path = $elm$svg$Svg$trustedNode('path');
-var $feathericons$elm_feather$FeatherIcons$book = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'book',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M4 19.5A2.5 2.5 0 0 1 6.5 17H20')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M6.5 2H20v20H6.5A2.5 2.5 0 0 1 4 19.5v-15A2.5 2.5 0 0 1 6.5 2z')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$AlignX = function (a) {
-	return {$: 'AlignX', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$Right = {$: 'Right'};
-var $mdgriffith$elm_ui$Element$alignRight = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Right);
-var $mdgriffith$elm_ui$Internal$Model$CenterX = {$: 'CenterX'};
-var $mdgriffith$elm_ui$Element$centerX = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$CenterX);
-var $mdgriffith$elm_ui$Internal$Model$AlignY = function (a) {
-	return {$: 'AlignY', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$CenterY = {$: 'CenterY'};
-var $mdgriffith$elm_ui$Element$centerY = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$CenterY);
-var $mdgriffith$elm_ui$Internal$Model$Unkeyed = function (a) {
-	return {$: 'Unkeyed', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$AsColumn = {$: 'AsColumn'};
-var $mdgriffith$elm_ui$Internal$Model$asColumn = $mdgriffith$elm_ui$Internal$Model$AsColumn;
-var $mdgriffith$elm_ui$Internal$Style$classes = {above: 'a', active: 'atv', alignBottom: 'ab', alignCenterX: 'cx', alignCenterY: 'cy', alignContainerBottom: 'acb', alignContainerCenterX: 'accx', alignContainerCenterY: 'accy', alignContainerRight: 'acr', alignLeft: 'al', alignRight: 'ar', alignTop: 'at', alignedHorizontally: 'ah', alignedVertically: 'av', any: 's', behind: 'bh', below: 'b', bold: 'w7', borderDashed: 'bd', borderDotted: 'bdt', borderNone: 'bn', borderSolid: 'bs', capturePointerEvents: 'cpe', clip: 'cp', clipX: 'cpx', clipY: 'cpy', column: 'c', container: 'ctr', contentBottom: 'cb', contentCenterX: 'ccx', contentCenterY: 'ccy', contentLeft: 'cl', contentRight: 'cr', contentTop: 'ct', cursorPointer: 'cptr', cursorText: 'ctxt', focus: 'fcs', focusedWithin: 'focus-within', fullSize: 'fs', grid: 'g', hasBehind: 'hbh', heightContent: 'hc', heightExact: 'he', heightFill: 'hf', heightFillPortion: 'hfp', hover: 'hv', imageContainer: 'ic', inFront: 'fr', inputLabel: 'lbl', inputMultiline: 'iml', inputMultilineFiller: 'imlf', inputMultilineParent: 'imlp', inputMultilineWrapper: 'implw', inputText: 'it', italic: 'i', link: 'lnk', nearby: 'nb', noTextSelection: 'notxt', onLeft: 'ol', onRight: 'or', opaque: 'oq', overflowHidden: 'oh', page: 'pg', paragraph: 'p', passPointerEvents: 'ppe', root: 'ui', row: 'r', scrollbars: 'sb', scrollbarsX: 'sbx', scrollbarsY: 'sby', seButton: 'sbt', single: 'e', sizeByCapital: 'cap', spaceEvenly: 'sev', strike: 'sk', text: 't', textCenter: 'tc', textExtraBold: 'w8', textExtraLight: 'w2', textHeavy: 'w9', textJustify: 'tj', textJustifyAll: 'tja', textLeft: 'tl', textLight: 'w3', textMedium: 'w5', textNormalWeight: 'w4', textRight: 'tr', textSemiBold: 'w6', textThin: 'w1', textUnitalicized: 'tun', transition: 'ts', transparent: 'clr', underline: 'u', widthContent: 'wc', widthExact: 'we', widthFill: 'wf', widthFillPortion: 'wfp', wrapped: 'wrp'};
-var $mdgriffith$elm_ui$Internal$Model$Generic = {$: 'Generic'};
-var $mdgriffith$elm_ui$Internal$Model$div = $mdgriffith$elm_ui$Internal$Model$Generic;
-var $mdgriffith$elm_ui$Internal$Model$NoNearbyChildren = {$: 'NoNearbyChildren'};
-var $mdgriffith$elm_ui$Internal$Model$columnClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.column);
-var $mdgriffith$elm_ui$Internal$Model$gridClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.grid);
-var $mdgriffith$elm_ui$Internal$Model$pageClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.page);
-var $mdgriffith$elm_ui$Internal$Model$paragraphClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.paragraph);
-var $mdgriffith$elm_ui$Internal$Model$rowClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.row);
-var $mdgriffith$elm_ui$Internal$Model$singleClass = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.single);
-var $mdgriffith$elm_ui$Internal$Model$contextClasses = function (context) {
-	switch (context.$) {
-		case 'AsRow':
-			return $mdgriffith$elm_ui$Internal$Model$rowClass;
-		case 'AsColumn':
-			return $mdgriffith$elm_ui$Internal$Model$columnClass;
-		case 'AsEl':
-			return $mdgriffith$elm_ui$Internal$Model$singleClass;
-		case 'AsGrid':
-			return $mdgriffith$elm_ui$Internal$Model$gridClass;
-		case 'AsParagraph':
-			return $mdgriffith$elm_ui$Internal$Model$paragraphClass;
-		default:
-			return $mdgriffith$elm_ui$Internal$Model$pageClass;
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$Keyed = function (a) {
-	return {$: 'Keyed', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$NoStyleSheet = {$: 'NoStyleSheet'};
-var $mdgriffith$elm_ui$Internal$Model$Styled = function (a) {
-	return {$: 'Styled', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$Unstyled = function (a) {
-	return {$: 'Unstyled', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$addChildren = F2(
-	function (existing, nearbyChildren) {
-		switch (nearbyChildren.$) {
-			case 'NoNearbyChildren':
-				return existing;
-			case 'ChildrenBehind':
-				var behind = nearbyChildren.a;
-				return _Utils_ap(behind, existing);
-			case 'ChildrenInFront':
-				var inFront = nearbyChildren.a;
-				return _Utils_ap(existing, inFront);
-			default:
-				var behind = nearbyChildren.a;
-				var inFront = nearbyChildren.b;
-				return _Utils_ap(
-					behind,
-					_Utils_ap(existing, inFront));
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$addKeyedChildren = F3(
-	function (key, existing, nearbyChildren) {
-		switch (nearbyChildren.$) {
-			case 'NoNearbyChildren':
-				return existing;
-			case 'ChildrenBehind':
-				var behind = nearbyChildren.a;
-				return _Utils_ap(
-					A2(
-						$elm$core$List$map,
-						function (x) {
-							return _Utils_Tuple2(key, x);
-						},
-						behind),
-					existing);
-			case 'ChildrenInFront':
-				var inFront = nearbyChildren.a;
-				return _Utils_ap(
-					existing,
-					A2(
-						$elm$core$List$map,
-						function (x) {
-							return _Utils_Tuple2(key, x);
-						},
-						inFront));
-			default:
-				var behind = nearbyChildren.a;
-				var inFront = nearbyChildren.b;
-				return _Utils_ap(
-					A2(
-						$elm$core$List$map,
-						function (x) {
-							return _Utils_Tuple2(key, x);
-						},
-						behind),
-					_Utils_ap(
-						existing,
-						A2(
-							$elm$core$List$map,
-							function (x) {
-								return _Utils_Tuple2(key, x);
-							},
-							inFront)));
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$AsEl = {$: 'AsEl'};
-var $mdgriffith$elm_ui$Internal$Model$asEl = $mdgriffith$elm_ui$Internal$Model$AsEl;
-var $mdgriffith$elm_ui$Internal$Model$AsParagraph = {$: 'AsParagraph'};
-var $mdgriffith$elm_ui$Internal$Model$asParagraph = $mdgriffith$elm_ui$Internal$Model$AsParagraph;
-var $mdgriffith$elm_ui$Internal$Flag$Flag = function (a) {
-	return {$: 'Flag', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$Second = function (a) {
-	return {$: 'Second', a: a};
-};
-var $elm$core$Bitwise$shiftLeftBy = _Bitwise_shiftLeftBy;
-var $mdgriffith$elm_ui$Internal$Flag$flag = function (i) {
-	return (i > 31) ? $mdgriffith$elm_ui$Internal$Flag$Second(1 << (i - 32)) : $mdgriffith$elm_ui$Internal$Flag$Flag(1 << i);
-};
-var $mdgriffith$elm_ui$Internal$Flag$alignBottom = $mdgriffith$elm_ui$Internal$Flag$flag(41);
-var $mdgriffith$elm_ui$Internal$Flag$alignRight = $mdgriffith$elm_ui$Internal$Flag$flag(40);
-var $mdgriffith$elm_ui$Internal$Flag$centerX = $mdgriffith$elm_ui$Internal$Flag$flag(42);
-var $mdgriffith$elm_ui$Internal$Flag$centerY = $mdgriffith$elm_ui$Internal$Flag$flag(43);
-var $elm$json$Json$Encode$string = _Json_wrap;
-var $elm$html$Html$Attributes$stringProperty = F2(
-	function (key, string) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$string(string));
-	});
-var $elm$html$Html$Attributes$class = $elm$html$Html$Attributes$stringProperty('className');
-var $elm$html$Html$div = _VirtualDom_node('div');
-var $mdgriffith$elm_ui$Internal$Model$lengthClassName = function (x) {
-	switch (x.$) {
-		case 'Px':
-			var px = x.a;
-			return $elm$core$String$fromInt(px) + 'px';
-		case 'Content':
-			return 'auto';
-		case 'Fill':
-			var i = x.a;
-			return $elm$core$String$fromInt(i) + 'fr';
-		case 'Min':
-			var min = x.a;
-			var len = x.b;
-			return 'min' + ($elm$core$String$fromInt(min) + $mdgriffith$elm_ui$Internal$Model$lengthClassName(len));
-		default:
-			var max = x.a;
-			var len = x.b;
-			return 'max' + ($elm$core$String$fromInt(max) + $mdgriffith$elm_ui$Internal$Model$lengthClassName(len));
-	}
-};
-var $elm$core$Tuple$second = function (_v0) {
-	var y = _v0.b;
-	return y;
-};
-var $mdgriffith$elm_ui$Internal$Model$floatClass = function (x) {
-	return $elm$core$String$fromInt(
-		$elm$core$Basics$round(x * 255));
-};
-var $mdgriffith$elm_ui$Internal$Model$transformClass = function (transform) {
-	switch (transform.$) {
-		case 'Untransformed':
-			return $elm$core$Maybe$Nothing;
-		case 'Moved':
-			var _v1 = transform.a;
-			var x = _v1.a;
-			var y = _v1.b;
-			var z = _v1.c;
-			return $elm$core$Maybe$Just(
-				'mv-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(x) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(y) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(z))))));
-		default:
-			var _v2 = transform.a;
-			var tx = _v2.a;
-			var ty = _v2.b;
-			var tz = _v2.c;
-			var _v3 = transform.b;
-			var sx = _v3.a;
-			var sy = _v3.b;
-			var sz = _v3.c;
-			var _v4 = transform.c;
-			var ox = _v4.a;
-			var oy = _v4.b;
-			var oz = _v4.c;
-			var angle = transform.d;
-			return $elm$core$Maybe$Just(
-				'tfrm-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(tx) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(ty) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(tz) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(sx) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(sy) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(sz) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(ox) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(oy) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(oz) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(angle))))))))))))))))))));
-	}
-};
-var $elm$core$Maybe$withDefault = F2(
-	function (_default, maybe) {
-		if (maybe.$ === 'Just') {
-			var value = maybe.a;
-			return value;
-		} else {
-			return _default;
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$getStyleName = function (style) {
-	switch (style.$) {
-		case 'Shadows':
-			var name = style.a;
-			return name;
-		case 'Transparency':
-			var name = style.a;
-			var o = style.b;
-			return name;
-		case 'Style':
-			var _class = style.a;
-			return _class;
-		case 'FontFamily':
-			var name = style.a;
-			return name;
-		case 'FontSize':
-			var i = style.a;
-			return 'font-size-' + $elm$core$String$fromInt(i);
-		case 'Single':
-			var _class = style.a;
-			return _class;
-		case 'Colored':
-			var _class = style.a;
-			return _class;
-		case 'SpacingStyle':
-			var cls = style.a;
-			var x = style.b;
-			var y = style.c;
-			return cls;
-		case 'PaddingStyle':
-			var cls = style.a;
-			var top = style.b;
-			var right = style.c;
-			var bottom = style.d;
-			var left = style.e;
-			return cls;
-		case 'BorderWidth':
-			var cls = style.a;
-			var top = style.b;
-			var right = style.c;
-			var bottom = style.d;
-			var left = style.e;
-			return cls;
-		case 'GridTemplateStyle':
-			var template = style.a;
-			return 'grid-rows-' + (A2(
-				$elm$core$String$join,
-				'-',
-				A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$lengthClassName, template.rows)) + ('-cols-' + (A2(
-				$elm$core$String$join,
-				'-',
-				A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$lengthClassName, template.columns)) + ('-space-x-' + ($mdgriffith$elm_ui$Internal$Model$lengthClassName(template.spacing.a) + ('-space-y-' + $mdgriffith$elm_ui$Internal$Model$lengthClassName(template.spacing.b)))))));
-		case 'GridPosition':
-			var pos = style.a;
-			return 'gp grid-pos-' + ($elm$core$String$fromInt(pos.row) + ('-' + ($elm$core$String$fromInt(pos.col) + ('-' + ($elm$core$String$fromInt(pos.width) + ('-' + $elm$core$String$fromInt(pos.height)))))));
-		case 'PseudoSelector':
-			var selector = style.a;
-			var subStyle = style.b;
-			var name = function () {
-				switch (selector.$) {
-					case 'Focus':
-						return 'fs';
-					case 'Hover':
-						return 'hv';
-					default:
-						return 'act';
-				}
-			}();
-			return A2(
-				$elm$core$String$join,
-				' ',
-				A2(
-					$elm$core$List$map,
-					function (sty) {
-						var _v1 = $mdgriffith$elm_ui$Internal$Model$getStyleName(sty);
-						if (_v1 === '') {
-							return '';
-						} else {
-							var styleName = _v1;
-							return styleName + ('-' + name);
-						}
-					},
-					subStyle));
-		default:
-			var x = style.a;
-			return A2(
-				$elm$core$Maybe$withDefault,
-				'',
-				$mdgriffith$elm_ui$Internal$Model$transformClass(x));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$reduceStyles = F2(
-	function (style, nevermind) {
-		var cache = nevermind.a;
-		var existing = nevermind.b;
-		var styleName = $mdgriffith$elm_ui$Internal$Model$getStyleName(style);
-		return A2($elm$core$Set$member, styleName, cache) ? nevermind : _Utils_Tuple2(
-			A2($elm$core$Set$insert, styleName, cache),
-			A2($elm$core$List$cons, style, existing));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Property = F2(
-	function (a, b) {
-		return {$: 'Property', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$Style = F2(
-	function (a, b) {
-		return {$: 'Style', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$dot = function (c) {
-	return '.' + c;
-};
-var $elm$core$String$fromFloat = _String_fromNumber;
-var $mdgriffith$elm_ui$Internal$Model$formatColor = function (_v0) {
-	var red = _v0.a;
-	var green = _v0.b;
-	var blue = _v0.c;
-	var alpha = _v0.d;
-	return 'rgba(' + ($elm$core$String$fromInt(
-		$elm$core$Basics$round(red * 255)) + ((',' + $elm$core$String$fromInt(
-		$elm$core$Basics$round(green * 255))) + ((',' + $elm$core$String$fromInt(
-		$elm$core$Basics$round(blue * 255))) + (',' + ($elm$core$String$fromFloat(alpha) + ')')))));
-};
-var $mdgriffith$elm_ui$Internal$Model$formatBoxShadow = function (shadow) {
-	return A2(
-		$elm$core$String$join,
-		' ',
-		A2(
-			$elm$core$List$filterMap,
-			$elm$core$Basics$identity,
-			_List_fromArray(
-				[
-					shadow.inset ? $elm$core$Maybe$Just('inset') : $elm$core$Maybe$Nothing,
-					$elm$core$Maybe$Just(
-					$elm$core$String$fromFloat(shadow.offset.a) + 'px'),
-					$elm$core$Maybe$Just(
-					$elm$core$String$fromFloat(shadow.offset.b) + 'px'),
-					$elm$core$Maybe$Just(
-					$elm$core$String$fromFloat(shadow.blur) + 'px'),
-					$elm$core$Maybe$Just(
-					$elm$core$String$fromFloat(shadow.size) + 'px'),
-					$elm$core$Maybe$Just(
-					$mdgriffith$elm_ui$Internal$Model$formatColor(shadow.color))
-				])));
-};
-var $elm$core$Tuple$mapFirst = F2(
-	function (func, _v0) {
-		var x = _v0.a;
-		var y = _v0.b;
-		return _Utils_Tuple2(
-			func(x),
-			y);
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderFocusStyle = function (focus) {
-	return _List_fromArray(
-		[
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$Style,
-			$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin) + ':focus-within',
-			A2(
-				$elm$core$List$filterMap,
-				$elm$core$Basics$identity,
-				_List_fromArray(
-					[
-						A2(
-						$elm$core$Maybe$map,
-						function (color) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'border-color',
-								$mdgriffith$elm_ui$Internal$Model$formatColor(color));
-						},
-						focus.borderColor),
-						A2(
-						$elm$core$Maybe$map,
-						function (color) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'background-color',
-								$mdgriffith$elm_ui$Internal$Model$formatColor(color));
-						},
-						focus.backgroundColor),
-						A2(
-						$elm$core$Maybe$map,
-						function (shadow) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'box-shadow',
-								$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(
-									{
-										blur: shadow.blur,
-										color: shadow.color,
-										inset: false,
-										offset: A2(
-											$elm$core$Tuple$mapSecond,
-											$elm$core$Basics$toFloat,
-											A2($elm$core$Tuple$mapFirst, $elm$core$Basics$toFloat, shadow.offset)),
-										size: shadow.size
-									}));
-						},
-						focus.shadow),
-						$elm$core$Maybe$Just(
-						A2($mdgriffith$elm_ui$Internal$Model$Property, 'outline', 'none'))
-					]))),
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$Style,
-			$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + (':focus .focusable, ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + '.focusable:focus')),
-			A2(
-				$elm$core$List$filterMap,
-				$elm$core$Basics$identity,
-				_List_fromArray(
-					[
-						A2(
-						$elm$core$Maybe$map,
-						function (color) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'border-color',
-								$mdgriffith$elm_ui$Internal$Model$formatColor(color));
-						},
-						focus.borderColor),
-						A2(
-						$elm$core$Maybe$map,
-						function (color) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'background-color',
-								$mdgriffith$elm_ui$Internal$Model$formatColor(color));
-						},
-						focus.backgroundColor),
-						A2(
-						$elm$core$Maybe$map,
-						function (shadow) {
-							return A2(
-								$mdgriffith$elm_ui$Internal$Model$Property,
-								'box-shadow',
-								$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(
-									{
-										blur: shadow.blur,
-										color: shadow.color,
-										inset: false,
-										offset: A2(
-											$elm$core$Tuple$mapSecond,
-											$elm$core$Basics$toFloat,
-											A2($elm$core$Tuple$mapFirst, $elm$core$Basics$toFloat, shadow.offset)),
-										size: shadow.size
-									}));
-						},
-						focus.shadow),
-						$elm$core$Maybe$Just(
-						A2($mdgriffith$elm_ui$Internal$Model$Property, 'outline', 'none'))
-					])))
-		]);
-};
-var $elm$virtual_dom$VirtualDom$node = function (tag) {
-	return _VirtualDom_node(
-		_VirtualDom_noScript(tag));
-};
-var $elm$virtual_dom$VirtualDom$property = F2(
-	function (key, value) {
-		return A2(
-			_VirtualDom_property,
-			_VirtualDom_noInnerHtmlOrFormAction(key),
-			_VirtualDom_noJavaScriptOrHtmlUri(value));
-	});
-var $mdgriffith$elm_ui$Internal$Style$AllChildren = F2(
-	function (a, b) {
-		return {$: 'AllChildren', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Batch = function (a) {
-	return {$: 'Batch', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Style$Child = F2(
-	function (a, b) {
-		return {$: 'Child', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Class = F2(
-	function (a, b) {
-		return {$: 'Class', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Descriptor = F2(
-	function (a, b) {
-		return {$: 'Descriptor', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Left = {$: 'Left'};
-var $mdgriffith$elm_ui$Internal$Style$Prop = F2(
-	function (a, b) {
-		return {$: 'Prop', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Right = {$: 'Right'};
-var $mdgriffith$elm_ui$Internal$Style$Self = function (a) {
-	return {$: 'Self', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Style$Supports = F2(
-	function (a, b) {
-		return {$: 'Supports', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Style$Content = function (a) {
-	return {$: 'Content', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Style$Bottom = {$: 'Bottom'};
-var $mdgriffith$elm_ui$Internal$Style$CenterX = {$: 'CenterX'};
-var $mdgriffith$elm_ui$Internal$Style$CenterY = {$: 'CenterY'};
-var $mdgriffith$elm_ui$Internal$Style$Top = {$: 'Top'};
-var $mdgriffith$elm_ui$Internal$Style$alignments = _List_fromArray(
-	[$mdgriffith$elm_ui$Internal$Style$Top, $mdgriffith$elm_ui$Internal$Style$Bottom, $mdgriffith$elm_ui$Internal$Style$Right, $mdgriffith$elm_ui$Internal$Style$Left, $mdgriffith$elm_ui$Internal$Style$CenterX, $mdgriffith$elm_ui$Internal$Style$CenterY]);
-var $elm$core$List$append = F2(
-	function (xs, ys) {
-		if (!ys.b) {
-			return xs;
-		} else {
-			return A3($elm$core$List$foldr, $elm$core$List$cons, ys, xs);
-		}
-	});
-var $elm$core$List$concat = function (lists) {
-	return A3($elm$core$List$foldr, $elm$core$List$append, _List_Nil, lists);
-};
-var $elm$core$List$concatMap = F2(
-	function (f, list) {
-		return $elm$core$List$concat(
-			A2($elm$core$List$map, f, list));
-	});
-var $mdgriffith$elm_ui$Internal$Style$contentName = function (desc) {
-	switch (desc.a.$) {
-		case 'Top':
-			var _v1 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentTop);
-		case 'Bottom':
-			var _v2 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentBottom);
-		case 'Right':
-			var _v3 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentRight);
-		case 'Left':
-			var _v4 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentLeft);
-		case 'CenterX':
-			var _v5 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX);
-		default:
-			var _v6 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY);
-	}
-};
-var $mdgriffith$elm_ui$Internal$Style$selfName = function (desc) {
-	switch (desc.a.$) {
-		case 'Top':
-			var _v1 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignTop);
-		case 'Bottom':
-			var _v2 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignBottom);
-		case 'Right':
-			var _v3 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignRight);
-		case 'Left':
-			var _v4 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignLeft);
-		case 'CenterX':
-			var _v5 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterX);
-		default:
-			var _v6 = desc.a;
-			return $mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterY);
-	}
-};
-var $mdgriffith$elm_ui$Internal$Style$describeAlignment = function (values) {
-	var createDescription = function (alignment) {
-		var _v0 = values(alignment);
-		var content = _v0.a;
-		var indiv = _v0.b;
-		return _List_fromArray(
-			[
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$contentName(
-					$mdgriffith$elm_ui$Internal$Style$Content(alignment)),
-				content),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$selfName(
-							$mdgriffith$elm_ui$Internal$Style$Self(alignment)),
-						indiv)
-					]))
-			]);
-	};
-	return $mdgriffith$elm_ui$Internal$Style$Batch(
-		A2($elm$core$List$concatMap, createDescription, $mdgriffith$elm_ui$Internal$Style$alignments));
-};
-var $mdgriffith$elm_ui$Internal$Style$elDescription = _List_fromArray(
-	[
-		A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
-		A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-direction', 'column'),
-		A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre'),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Descriptor,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.hasBehind),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.behind),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '-1')
-					]))
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Descriptor,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.seButton),
-		_List_fromArray(
-			[
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.text),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'auto !important')
-							]))
-					]))
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightContent),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '100000')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFillPortion),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Child,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthContent),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-start')
-			])),
-		$mdgriffith$elm_ui$Internal$Style$describeAlignment(
-		function (alignment) {
-			switch (alignment.$) {
-				case 'Top':
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-start')
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto !important'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', '0 !important')
-							]));
-				case 'Bottom':
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-end')
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto !important'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', '0 !important')
-							]));
-				case 'Right':
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-end')
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-end')
-							]));
-				case 'Left':
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-start')
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-start')
-							]));
-				case 'CenterX':
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'center')
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'center')
-							]));
-				default:
-					return _Utils_Tuple2(
-						_List_fromArray(
-							[
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto')
-									]))
-							]),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto !important'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto !important')
-							]));
-			}
-		})
-	]);
-var $mdgriffith$elm_ui$Internal$Style$gridAlignments = function (values) {
-	var createDescription = function (alignment) {
-		return _List_fromArray(
-			[
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$selfName(
-							$mdgriffith$elm_ui$Internal$Style$Self(alignment)),
-						values(alignment))
-					]))
-			]);
-	};
-	return $mdgriffith$elm_ui$Internal$Style$Batch(
-		A2($elm$core$List$concatMap, createDescription, $mdgriffith$elm_ui$Internal$Style$alignments));
-};
-var $mdgriffith$elm_ui$Internal$Style$Above = {$: 'Above'};
-var $mdgriffith$elm_ui$Internal$Style$Behind = {$: 'Behind'};
-var $mdgriffith$elm_ui$Internal$Style$Below = {$: 'Below'};
-var $mdgriffith$elm_ui$Internal$Style$OnLeft = {$: 'OnLeft'};
-var $mdgriffith$elm_ui$Internal$Style$OnRight = {$: 'OnRight'};
-var $mdgriffith$elm_ui$Internal$Style$Within = {$: 'Within'};
-var $mdgriffith$elm_ui$Internal$Style$locations = function () {
-	var loc = $mdgriffith$elm_ui$Internal$Style$Above;
-	var _v0 = function () {
-		switch (loc.$) {
-			case 'Above':
-				return _Utils_Tuple0;
-			case 'Below':
-				return _Utils_Tuple0;
-			case 'OnRight':
-				return _Utils_Tuple0;
-			case 'OnLeft':
-				return _Utils_Tuple0;
-			case 'Within':
-				return _Utils_Tuple0;
-			default:
-				return _Utils_Tuple0;
-		}
-	}();
-	return _List_fromArray(
-		[$mdgriffith$elm_ui$Internal$Style$Above, $mdgriffith$elm_ui$Internal$Style$Below, $mdgriffith$elm_ui$Internal$Style$OnRight, $mdgriffith$elm_ui$Internal$Style$OnLeft, $mdgriffith$elm_ui$Internal$Style$Within, $mdgriffith$elm_ui$Internal$Style$Behind]);
-}();
-var $mdgriffith$elm_ui$Internal$Style$baseSheet = _List_fromArray(
-	[
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		'html,body',
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'padding', '0'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		_Utils_ap(
-			$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-			_Utils_ap(
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.imageContainer))),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'block'),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'img',
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-height', '100%'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'img',
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'max-width', '100%'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'object-fit', 'cover')
-							]))
-					]))
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + ':focus',
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'outline', 'none')
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.root),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'min-height', '100%'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				_Utils_ap(
-					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill)),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Child,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inFront),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.nearby),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'fixed'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '20')
-							]))
-					]))
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.nearby),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'relative'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border', 'none'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-direction', 'row'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto'),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-				$mdgriffith$elm_ui$Internal$Style$elDescription),
-				$mdgriffith$elm_ui$Internal$Style$Batch(
-				function (fn) {
-					return A2($elm$core$List$map, fn, $mdgriffith$elm_ui$Internal$Style$locations);
-				}(
-					function (loc) {
-						switch (loc.$) {
-							case 'Above':
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.above),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'bottom', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '20'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
-												])),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-												])),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												]))
-										]));
-							case 'Below':
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.below),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'bottom', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '20'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												])),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', 'auto')
-												]))
-										]));
-							case 'OnRight':
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.onRight),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'top', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '20'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												]))
-										]));
-							case 'OnLeft':
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.onLeft),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'right', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'top', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '20'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												]))
-										]));
-							case 'Within':
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inFront),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'top', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												]))
-										]));
-							default:
-								return A2(
-									$mdgriffith$elm_ui$Internal$Style$Descriptor,
-									$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.behind),
-									_List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'absolute'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'top', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none'),
-											A2(
-											$mdgriffith$elm_ui$Internal$Style$Child,
-											'*',
-											_List_fromArray(
-												[
-													A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto')
-												]))
-										]));
-						}
-					}))
-			])),
-		A2(
-		$mdgriffith$elm_ui$Internal$Style$Class,
-		$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-		_List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'relative'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border', 'none'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '0'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-direction', 'row'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'resize', 'none'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-feature-settings', 'inherit'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'box-sizing', 'border-box'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'padding', '0'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-width', '0'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-style', 'solid'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-size', 'inherit'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'color', 'inherit'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-family', 'inherit'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'line-height', '1'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', 'inherit'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration', 'none'),
-				A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-style', 'inherit'),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.wrapped),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-wrap', 'wrap')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.noTextSelection),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, '-moz-user-select', 'none'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, '-webkit-user-select', 'none'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, '-ms-user-select', 'none'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'user-select', 'none')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cursorPointer),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'cursor', 'pointer')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.cursorText),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'cursor', 'text')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.passPointerEvents),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none !important')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.capturePointerEvents),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'auto !important')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.transparent),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.opaque),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.hover, $mdgriffith$elm_ui$Internal$Style$classes.transparent)) + ':hover',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.hover, $mdgriffith$elm_ui$Internal$Style$classes.opaque)) + ':hover',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.focus, $mdgriffith$elm_ui$Internal$Style$classes.transparent)) + ':focus',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.focus, $mdgriffith$elm_ui$Internal$Style$classes.opaque)) + ':focus',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.active, $mdgriffith$elm_ui$Internal$Style$classes.transparent)) + ':active',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '0')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot(
-					_Utils_ap($mdgriffith$elm_ui$Internal$Style$classes.active, $mdgriffith$elm_ui$Internal$Style$classes.opaque)) + ':active',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'opacity', '1')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.transition),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Prop,
-						'transition',
-						A2(
-							$elm$core$String$join,
-							', ',
-							A2(
-								$elm$core$List$map,
-								function (x) {
-									return x + ' 160ms';
-								},
-								_List_fromArray(
-									['transform', 'opacity', 'filter', 'background-color', 'color', 'font-size']))))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.scrollbars),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow', 'auto'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '1')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.scrollbarsX),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-x', 'auto'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.row),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '1')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.scrollbarsY),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-y', 'auto'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.column),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '1')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-shrink', '1')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.clip),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow', 'hidden')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.clipX),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-x', 'hidden')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.clipY),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-y', 'hidden')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthContent),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', 'auto')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.borderNone),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-width', '0')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.borderDashed),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-style', 'dashed')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.borderDotted),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-style', 'dotted')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.borderSolid),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'border-style', 'solid')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.text),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline-block')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputText),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'line-height', '1.05'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'background', 'transparent'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'inherit')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-				$mdgriffith$elm_ui$Internal$Style$elDescription),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.row),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-direction', 'row'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', '0%'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthExact),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.link),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'stretch !important')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFillPortion),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'stretch !important')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '100000')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.container),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'stretch')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'u:first-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerRight,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:first-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterX),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-left', 'auto !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:last-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterX),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-right', 'auto !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:only-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterY),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto !important'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:last-of-type.' + ($mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX + ' ~ u'),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'u:first-of-type.' + ($mdgriffith$elm_ui$Internal$Style$classes.alignContainerRight + (' ~ s.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX)),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
-							])),
-						$mdgriffith$elm_ui$Internal$Style$describeAlignment(
-						function (alignment) {
-							switch (alignment.$) {
-								case 'Top':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-start')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-start')
-											]));
-								case 'Bottom':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-end')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-end')
-											]));
-								case 'Right':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-end')
-											]),
-										_List_Nil);
-								case 'Left':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-start')
-											]),
-										_List_Nil);
-								case 'CenterX':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'center')
-											]),
-										_List_Nil);
-								default:
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'center')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'center')
-											]));
-							}
-						}),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.spaceEvenly),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'space-between')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputLabel),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'baseline')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.column),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-direction', 'column'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.heightFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '100000')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthFillPortion),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthContent),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-start')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'u:first-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerBottom,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:first-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterY),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto !important'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', '0 !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:last-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterY),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto !important'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', '0 !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:only-of-type.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '1'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.alignCenterY),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto !important'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto !important')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						's:last-of-type.' + ($mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY + ' ~ u'),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'u:first-of-type.' + ($mdgriffith$elm_ui$Internal$Style$classes.alignContainerBottom + (' ~ s.' + $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY)),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0')
-							])),
-						$mdgriffith$elm_ui$Internal$Style$describeAlignment(
-						function (alignment) {
-							switch (alignment.$) {
-								case 'Top':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-start')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-bottom', 'auto')
-											]));
-								case 'Bottom':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-end')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin-top', 'auto')
-											]));
-								case 'Right':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-end')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-end')
-											]));
-								case 'Left':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-start')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'flex-start')
-											]));
-								case 'CenterX':
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'center')
-											]),
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'center')
-											]));
-								default:
-									return _Utils_Tuple2(
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'center')
-											]),
-										_List_Nil);
-							}
-						}),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.container),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-grow', '0'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-self', 'stretch !important')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.spaceEvenly),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'space-between')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.grid),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', '-ms-grid'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						'.gp',
-						_List_fromArray(
-							[
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Supports,
-						_Utils_Tuple2('display', 'grid'),
-						_List_fromArray(
-							[
-								_Utils_Tuple2('display', 'grid')
-							])),
-						$mdgriffith$elm_ui$Internal$Style$gridAlignments(
-						function (alignment) {
-							switch (alignment.$) {
-								case 'Top':
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-start')
-										]);
-								case 'Bottom':
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'flex-end')
-										]);
-								case 'Right':
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-end')
-										]);
-								case 'Left':
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'flex-start')
-										]);
-								case 'CenterX':
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'align-items', 'center')
-										]);
-								default:
-									return _List_fromArray(
-										[
-											A2($mdgriffith$elm_ui$Internal$Style$Prop, 'justify-content', 'center')
-										]);
-							}
-						})
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.page),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'block'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any + ':first-child'),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot(
-							$mdgriffith$elm_ui$Internal$Style$classes.any + ($mdgriffith$elm_ui$Internal$Style$selfName(
-								$mdgriffith$elm_ui$Internal$Style$Self($mdgriffith$elm_ui$Internal$Style$Left)) + (':first-child + .' + $mdgriffith$elm_ui$Internal$Style$classes.any))),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot(
-							$mdgriffith$elm_ui$Internal$Style$classes.any + ($mdgriffith$elm_ui$Internal$Style$selfName(
-								$mdgriffith$elm_ui$Internal$Style$Self($mdgriffith$elm_ui$Internal$Style$Right)) + (':first-child + .' + $mdgriffith$elm_ui$Internal$Style$classes.any))),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'margin', '0 !important')
-							])),
-						$mdgriffith$elm_ui$Internal$Style$describeAlignment(
-						function (alignment) {
-							switch (alignment.$) {
-								case 'Top':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								case 'Bottom':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								case 'Right':
-									return _Utils_Tuple2(
-										_List_Nil,
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'float', 'right'),
-												A2(
-												$mdgriffith$elm_ui$Internal$Style$Descriptor,
-												'::after',
-												_List_fromArray(
-													[
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'content', '\"\"'),
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'table'),
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'clear', 'both')
-													]))
-											]));
-								case 'Left':
-									return _Utils_Tuple2(
-										_List_Nil,
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'float', 'left'),
-												A2(
-												$mdgriffith$elm_ui$Internal$Style$Descriptor,
-												'::after',
-												_List_fromArray(
-													[
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'content', '\"\"'),
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'table'),
-														A2($mdgriffith$elm_ui$Internal$Style$Prop, 'clear', 'both')
-													]))
-											]));
-								case 'CenterX':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								default:
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-							}
-						})
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputMultiline),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre-wrap !important'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'background-color', 'transparent')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineWrapper),
-				_List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'flex-basis', 'auto')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineParent),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre-wrap !important'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'cursor', 'text'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineFiller),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'pre-wrap !important'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'color', 'transparent')
-							]))
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.paragraph),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'block'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'normal'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'overflow-wrap', 'break-word'),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Descriptor,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.hasBehind),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '0'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.behind),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'z-index', '-1')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$AllChildren,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.text),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'normal')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$AllChildren,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.paragraph),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								'::after',
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'content', 'none')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								'::before',
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'content', 'none')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$AllChildren,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.single),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline'),
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'normal'),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.widthExact),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline-block')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.inFront),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.behind),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.above),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.below),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.onRight),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Descriptor,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.onLeft),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'flex')
-									])),
-								A2(
-								$mdgriffith$elm_ui$Internal$Style$Child,
-								$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.text),
-								_List_fromArray(
-									[
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline'),
-										A2($mdgriffith$elm_ui$Internal$Style$Prop, 'white-space', 'normal')
-									]))
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.row),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.column),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline-flex')
-							])),
-						A2(
-						$mdgriffith$elm_ui$Internal$Style$Child,
-						$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.grid),
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'inline-grid')
-							])),
-						$mdgriffith$elm_ui$Internal$Style$describeAlignment(
-						function (alignment) {
-							switch (alignment.$) {
-								case 'Top':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								case 'Bottom':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								case 'Right':
-									return _Utils_Tuple2(
-										_List_Nil,
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'float', 'right')
-											]));
-								case 'Left':
-									return _Utils_Tuple2(
-										_List_Nil,
-										_List_fromArray(
-											[
-												A2($mdgriffith$elm_ui$Internal$Style$Prop, 'float', 'left')
-											]));
-								case 'CenterX':
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-								default:
-									return _Utils_Tuple2(_List_Nil, _List_Nil);
-							}
-						})
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				'.hidden',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'display', 'none')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textThin),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '100')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textExtraLight),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '200')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textLight),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '300')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textNormalWeight),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '400')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textMedium),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '500')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textSemiBold),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '600')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.bold),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '700')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textExtraBold),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '800')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textHeavy),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-weight', '900')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.italic),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-style', 'italic')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.strike),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration', 'line-through')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.underline),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration', 'underline'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration-skip-ink', 'auto'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration-skip', 'ink')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				_Utils_ap(
-					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.underline),
-					$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.strike)),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration', 'line-through underline'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration-skip-ink', 'auto'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-decoration-skip', 'ink')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textUnitalicized),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-style', 'normal')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textJustify),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'justify')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textJustifyAll),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'justify-all')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textCenter),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'center')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textRight),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'right')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				$mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.textLeft),
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'text-align', 'left')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Descriptor,
-				'.modal',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'position', 'fixed'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'left', '0'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'top', '0'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'width', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'height', '100%'),
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'pointer-events', 'none')
-					]))
-			]))
-	]);
-var $mdgriffith$elm_ui$Internal$Style$fontVariant = function (_var) {
-	return _List_fromArray(
-		[
-			A2(
-			$mdgriffith$elm_ui$Internal$Style$Class,
-			'.v-' + _var,
-			_List_fromArray(
-				[
-					A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-feature-settings', '\"' + (_var + '\"'))
-				])),
-			A2(
-			$mdgriffith$elm_ui$Internal$Style$Class,
-			'.v-' + (_var + '-off'),
-			_List_fromArray(
-				[
-					A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-feature-settings', '\"' + (_var + '\" 0'))
-				]))
-		]);
-};
-var $mdgriffith$elm_ui$Internal$Style$commonValues = $elm$core$List$concat(
-	_List_fromArray(
-		[
-			A2(
-			$elm$core$List$map,
-			function (x) {
-				return A2(
-					$mdgriffith$elm_ui$Internal$Style$Class,
-					'.border-' + $elm$core$String$fromInt(x),
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Style$Prop,
-							'border-width',
-							$elm$core$String$fromInt(x) + 'px')
-						]));
-			},
-			A2($elm$core$List$range, 0, 6)),
-			A2(
-			$elm$core$List$map,
-			function (i) {
-				return A2(
-					$mdgriffith$elm_ui$Internal$Style$Class,
-					'.font-size-' + $elm$core$String$fromInt(i),
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Style$Prop,
-							'font-size',
-							$elm$core$String$fromInt(i) + 'px')
-						]));
-			},
-			A2($elm$core$List$range, 8, 32)),
-			A2(
-			$elm$core$List$map,
-			function (i) {
-				return A2(
-					$mdgriffith$elm_ui$Internal$Style$Class,
-					'.p-' + $elm$core$String$fromInt(i),
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Style$Prop,
-							'padding',
-							$elm$core$String$fromInt(i) + 'px')
-						]));
-			},
-			A2($elm$core$List$range, 0, 24)),
-			_List_fromArray(
-			[
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Class,
-				'.v-smcp',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-variant', 'small-caps')
-					])),
-				A2(
-				$mdgriffith$elm_ui$Internal$Style$Class,
-				'.v-smcp-off',
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Internal$Style$Prop, 'font-variant', 'normal')
-					]))
-			]),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('zero'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('onum'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('liga'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('dlig'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('ordn'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('tnum'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('afrc'),
-			$mdgriffith$elm_ui$Internal$Style$fontVariant('frac')
-		]));
-var $mdgriffith$elm_ui$Internal$Style$explainer = '\n.explain {\n    border: 6px solid rgb(174, 121, 15) !important;\n}\n.explain > .' + ($mdgriffith$elm_ui$Internal$Style$classes.any + (' {\n    border: 4px dashed rgb(0, 151, 167) !important;\n}\n\n.ctr {\n    border: none !important;\n}\n.explain > .ctr > .' + ($mdgriffith$elm_ui$Internal$Style$classes.any + ' {\n    border: 4px dashed rgb(0, 151, 167) !important;\n}\n\n')));
-var $mdgriffith$elm_ui$Internal$Style$inputTextReset = '\ninput[type="search"],\ninput[type="search"]::-webkit-search-decoration,\ninput[type="search"]::-webkit-search-cancel-button,\ninput[type="search"]::-webkit-search-results-button,\ninput[type="search"]::-webkit-search-results-decoration {\n  -webkit-appearance:none;\n}\n';
-var $mdgriffith$elm_ui$Internal$Style$sliderReset = '\ninput[type=range] {\n  -webkit-appearance: none; \n  background: transparent;\n  position:absolute;\n  left:0;\n  top:0;\n  z-index:10;\n  width: 100%;\n  outline: dashed 1px;\n  height: 100%;\n  opacity: 0;\n}\n';
-var $mdgriffith$elm_ui$Internal$Style$thumbReset = '\ninput[type=range]::-webkit-slider-thumb {\n    -webkit-appearance: none;\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range]::-moz-range-thumb {\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range]::-ms-thumb {\n    opacity: 0.5;\n    width: 80px;\n    height: 80px;\n    background-color: black;\n    border:none;\n    border-radius: 5px;\n}\ninput[type=range][orient=vertical]{\n    writing-mode: bt-lr; /* IE */\n    -webkit-appearance: slider-vertical;  /* WebKit */\n}\n';
-var $mdgriffith$elm_ui$Internal$Style$trackReset = '\ninput[type=range]::-moz-range-track {\n    background: transparent;\n    cursor: pointer;\n}\ninput[type=range]::-ms-track {\n    background: transparent;\n    cursor: pointer;\n}\ninput[type=range]::-webkit-slider-runnable-track {\n    background: transparent;\n    cursor: pointer;\n}\n';
-var $mdgriffith$elm_ui$Internal$Style$overrides = '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.row) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + (' { flex-basis: auto !important; } ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.row) + (' > ' + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.any) + ($mdgriffith$elm_ui$Internal$Style$dot($mdgriffith$elm_ui$Internal$Style$classes.container) + (' { flex-basis: auto !important; }}' + ($mdgriffith$elm_ui$Internal$Style$inputTextReset + ($mdgriffith$elm_ui$Internal$Style$sliderReset + ($mdgriffith$elm_ui$Internal$Style$trackReset + ($mdgriffith$elm_ui$Internal$Style$thumbReset + $mdgriffith$elm_ui$Internal$Style$explainer)))))))))))))));
-var $elm$core$String$concat = function (strings) {
-	return A2($elm$core$String$join, '', strings);
-};
-var $mdgriffith$elm_ui$Internal$Style$Intermediate = function (a) {
-	return {$: 'Intermediate', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Style$emptyIntermediate = F2(
-	function (selector, closing) {
-		return $mdgriffith$elm_ui$Internal$Style$Intermediate(
-			{closing: closing, others: _List_Nil, props: _List_Nil, selector: selector});
-	});
-var $mdgriffith$elm_ui$Internal$Style$renderRules = F2(
-	function (_v0, rulesToRender) {
-		var parent = _v0.a;
-		var generateIntermediates = F2(
-			function (rule, rendered) {
-				switch (rule.$) {
-					case 'Prop':
-						var name = rule.a;
-						var val = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								props: A2(
-									$elm$core$List$cons,
-									_Utils_Tuple2(name, val),
-									rendered.props)
-							});
-					case 'Supports':
-						var _v2 = rule.a;
-						var prop = _v2.a;
-						var value = _v2.b;
-						var props = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Internal$Style$Intermediate(
-										{closing: '\n}', others: _List_Nil, props: props, selector: '@supports (' + (prop + (':' + (value + (') {' + parent.selector))))}),
-									rendered.others)
-							});
-					case 'Adjacent':
-						var selector = rule.a;
-						var adjRules = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									A2(
-										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.selector + (' + ' + selector), ''),
-										adjRules),
-									rendered.others)
-							});
-					case 'Child':
-						var child = rule.a;
-						var childRules = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									A2(
-										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.selector + (' > ' + child), ''),
-										childRules),
-									rendered.others)
-							});
-					case 'AllChildren':
-						var child = rule.a;
-						var childRules = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									A2(
-										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.selector + (' ' + child), ''),
-										childRules),
-									rendered.others)
-							});
-					case 'Descriptor':
-						var descriptor = rule.a;
-						var descriptorRules = rule.b;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									A2(
-										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2(
-											$mdgriffith$elm_ui$Internal$Style$emptyIntermediate,
-											_Utils_ap(parent.selector, descriptor),
-											''),
-										descriptorRules),
-									rendered.others)
-							});
-					default:
-						var batched = rule.a;
-						return _Utils_update(
-							rendered,
-							{
-								others: A2(
-									$elm$core$List$cons,
-									A2(
-										$mdgriffith$elm_ui$Internal$Style$renderRules,
-										A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, parent.selector, ''),
-										batched),
-									rendered.others)
-							});
-				}
-			});
-		return $mdgriffith$elm_ui$Internal$Style$Intermediate(
-			A3($elm$core$List$foldr, generateIntermediates, parent, rulesToRender));
-	});
-var $mdgriffith$elm_ui$Internal$Style$renderCompact = function (styleClasses) {
-	var renderValues = function (values) {
-		return $elm$core$String$concat(
-			A2(
-				$elm$core$List$map,
-				function (_v3) {
-					var x = _v3.a;
-					var y = _v3.b;
-					return x + (':' + (y + ';'));
-				},
-				values));
-	};
-	var renderClass = function (rule) {
-		var _v2 = rule.props;
-		if (!_v2.b) {
-			return '';
-		} else {
-			return rule.selector + ('{' + (renderValues(rule.props) + (rule.closing + '}')));
-		}
-	};
-	var renderIntermediate = function (_v0) {
-		var rule = _v0.a;
-		return _Utils_ap(
-			renderClass(rule),
-			$elm$core$String$concat(
-				A2($elm$core$List$map, renderIntermediate, rule.others)));
-	};
-	return $elm$core$String$concat(
-		A2(
-			$elm$core$List$map,
-			renderIntermediate,
-			A3(
-				$elm$core$List$foldr,
-				F2(
-					function (_v1, existing) {
-						var name = _v1.a;
-						var styleRules = _v1.b;
-						return A2(
-							$elm$core$List$cons,
-							A2(
-								$mdgriffith$elm_ui$Internal$Style$renderRules,
-								A2($mdgriffith$elm_ui$Internal$Style$emptyIntermediate, name, ''),
-								styleRules),
-							existing);
-					}),
-				_List_Nil,
-				styleClasses)));
-};
-var $mdgriffith$elm_ui$Internal$Style$rules = _Utils_ap(
-	$mdgriffith$elm_ui$Internal$Style$overrides,
-	$mdgriffith$elm_ui$Internal$Style$renderCompact(
-		_Utils_ap($mdgriffith$elm_ui$Internal$Style$baseSheet, $mdgriffith$elm_ui$Internal$Style$commonValues)));
-var $elm$virtual_dom$VirtualDom$text = _VirtualDom_text;
-var $mdgriffith$elm_ui$Internal$Model$staticRoot = function (opts) {
-	var _v0 = opts.mode;
-	switch (_v0.$) {
-		case 'Layout':
-			return A3(
-				$elm$virtual_dom$VirtualDom$node,
-				'div',
-				_List_Nil,
-				_List_fromArray(
-					[
-						A3(
-						$elm$virtual_dom$VirtualDom$node,
-						'style',
-						_List_Nil,
-						_List_fromArray(
-							[
-								$elm$virtual_dom$VirtualDom$text($mdgriffith$elm_ui$Internal$Style$rules)
-							]))
-					]));
-		case 'NoStaticStyleSheet':
-			return $elm$virtual_dom$VirtualDom$text('');
-		default:
-			return A3(
-				$elm$virtual_dom$VirtualDom$node,
-				'elm-ui-static-rules',
-				_List_fromArray(
-					[
-						A2(
-						$elm$virtual_dom$VirtualDom$property,
-						'rules',
-						$elm$json$Json$Encode$string($mdgriffith$elm_ui$Internal$Style$rules))
-					]),
-				_List_Nil);
-	}
-};
-var $elm$json$Json$Encode$list = F2(
-	function (func, entries) {
-		return _Json_wrap(
-			A3(
-				$elm$core$List$foldl,
-				_Json_addEntry(func),
-				_Json_emptyArray(_Utils_Tuple0),
-				entries));
-	});
-var $elm$json$Json$Encode$object = function (pairs) {
-	return _Json_wrap(
-		A3(
-			$elm$core$List$foldl,
-			F2(
-				function (_v0, obj) {
-					var k = _v0.a;
-					var v = _v0.b;
-					return A3(_Json_addField, k, v, obj);
-				}),
-			_Json_emptyObject(_Utils_Tuple0),
-			pairs));
-};
-var $elm$core$List$any = F2(
-	function (isOkay, list) {
-		any:
-		while (true) {
-			if (!list.b) {
-				return false;
-			} else {
-				var x = list.a;
-				var xs = list.b;
-				if (isOkay(x)) {
-					return true;
-				} else {
-					var $temp$isOkay = isOkay,
-						$temp$list = xs;
-					isOkay = $temp$isOkay;
-					list = $temp$list;
-					continue any;
-				}
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$fontName = function (font) {
-	switch (font.$) {
-		case 'Serif':
-			return 'serif';
-		case 'SansSerif':
-			return 'sans-serif';
-		case 'Monospace':
-			return 'monospace';
-		case 'Typeface':
-			var name = font.a;
-			return '\"' + (name + '\"');
-		case 'ImportFont':
-			var name = font.a;
-			var url = font.b;
-			return '\"' + (name + '\"');
-		default:
-			var name = font.a.name;
-			return '\"' + (name + '\"');
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$isSmallCaps = function (_var) {
-	switch (_var.$) {
-		case 'VariantActive':
-			var name = _var.a;
-			return name === 'smcp';
-		case 'VariantOff':
-			var name = _var.a;
-			return false;
-		default:
-			var name = _var.a;
-			var index = _var.b;
-			return (name === 'smcp') && (index === 1);
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$hasSmallCaps = function (typeface) {
-	if (typeface.$ === 'FontWith') {
-		var font = typeface.a;
-		return A2($elm$core$List$any, $mdgriffith$elm_ui$Internal$Model$isSmallCaps, font.variants);
-	} else {
-		return false;
-	}
-};
-var $elm$core$Basics$min = F2(
-	function (x, y) {
-		return (_Utils_cmp(x, y) < 0) ? x : y;
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderProps = F3(
-	function (force, _v0, existing) {
-		var key = _v0.a;
-		var val = _v0.b;
-		return force ? (existing + ('\n  ' + (key + (': ' + (val + ' !important;'))))) : (existing + ('\n  ' + (key + (': ' + (val + ';')))));
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderStyle = F4(
-	function (options, maybePseudo, selector, props) {
-		if (maybePseudo.$ === 'Nothing') {
-			return _List_fromArray(
-				[
-					selector + ('{' + (A3(
-					$elm$core$List$foldl,
-					$mdgriffith$elm_ui$Internal$Model$renderProps(false),
-					'',
-					props) + '\n}'))
-				]);
-		} else {
-			var pseudo = maybePseudo.a;
-			switch (pseudo.$) {
-				case 'Hover':
-					var _v2 = options.hover;
-					switch (_v2.$) {
-						case 'NoHover':
-							return _List_Nil;
-						case 'ForceHover':
-							return _List_fromArray(
-								[
-									selector + ('-hv {' + (A3(
-									$elm$core$List$foldl,
-									$mdgriffith$elm_ui$Internal$Model$renderProps(true),
-									'',
-									props) + '\n}'))
-								]);
-						default:
-							return _List_fromArray(
-								[
-									selector + ('-hv:hover {' + (A3(
-									$elm$core$List$foldl,
-									$mdgriffith$elm_ui$Internal$Model$renderProps(false),
-									'',
-									props) + '\n}'))
-								]);
-					}
-				case 'Focus':
-					var renderedProps = A3(
-						$elm$core$List$foldl,
-						$mdgriffith$elm_ui$Internal$Model$renderProps(false),
-						'',
-						props);
-					return _List_fromArray(
-						[selector + ('-fs:focus {' + (renderedProps + '\n}')), ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.any + (':focus ' + (selector + '-fs  {')))) + (renderedProps + '\n}'), (selector + '-fs:focus-within {') + (renderedProps + '\n}'), ('.focusable-parent:focus ~ ' + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + (selector + '-fs {'))))) + (renderedProps + '\n}')]);
-				default:
-					return _List_fromArray(
-						[
-							selector + ('-act:active {' + (A3(
-							$elm$core$List$foldl,
-							$mdgriffith$elm_ui$Internal$Model$renderProps(false),
-							'',
-							props) + '\n}'))
-						]);
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderVariant = function (_var) {
-	switch (_var.$) {
-		case 'VariantActive':
-			var name = _var.a;
-			return '\"' + (name + '\"');
-		case 'VariantOff':
-			var name = _var.a;
-			return '\"' + (name + '\" 0');
-		default:
-			var name = _var.a;
-			var index = _var.b;
-			return '\"' + (name + ('\" ' + $elm$core$String$fromInt(index)));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$renderVariants = function (typeface) {
-	if (typeface.$ === 'FontWith') {
-		var font = typeface.a;
-		return $elm$core$Maybe$Just(
-			A2(
-				$elm$core$String$join,
-				', ',
-				A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$renderVariant, font.variants)));
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$transformValue = function (transform) {
-	switch (transform.$) {
-		case 'Untransformed':
-			return $elm$core$Maybe$Nothing;
-		case 'Moved':
-			var _v1 = transform.a;
-			var x = _v1.a;
-			var y = _v1.b;
-			var z = _v1.c;
-			return $elm$core$Maybe$Just(
-				'translate3d(' + ($elm$core$String$fromFloat(x) + ('px, ' + ($elm$core$String$fromFloat(y) + ('px, ' + ($elm$core$String$fromFloat(z) + 'px)'))))));
-		default:
-			var _v2 = transform.a;
-			var tx = _v2.a;
-			var ty = _v2.b;
-			var tz = _v2.c;
-			var _v3 = transform.b;
-			var sx = _v3.a;
-			var sy = _v3.b;
-			var sz = _v3.c;
-			var _v4 = transform.c;
-			var ox = _v4.a;
-			var oy = _v4.b;
-			var oz = _v4.c;
-			var angle = transform.d;
-			var translate = 'translate3d(' + ($elm$core$String$fromFloat(tx) + ('px, ' + ($elm$core$String$fromFloat(ty) + ('px, ' + ($elm$core$String$fromFloat(tz) + 'px)')))));
-			var scale = 'scale3d(' + ($elm$core$String$fromFloat(sx) + (', ' + ($elm$core$String$fromFloat(sy) + (', ' + ($elm$core$String$fromFloat(sz) + ')')))));
-			var rotate = 'rotate3d(' + ($elm$core$String$fromFloat(ox) + (', ' + ($elm$core$String$fromFloat(oy) + (', ' + ($elm$core$String$fromFloat(oz) + (', ' + ($elm$core$String$fromFloat(angle) + 'rad)')))))));
-			return $elm$core$Maybe$Just(translate + (' ' + (scale + (' ' + rotate))));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$renderStyleRule = F3(
-	function (options, rule, maybePseudo) {
-		switch (rule.$) {
-			case 'Style':
-				var selector = rule.a;
-				var props = rule.b;
-				return A4($mdgriffith$elm_ui$Internal$Model$renderStyle, options, maybePseudo, selector, props);
-			case 'Shadows':
-				var name = rule.a;
-				var prop = rule.b;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					'.' + name,
-					_List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Internal$Model$Property, 'box-shadow', prop)
-						]));
-			case 'Transparency':
-				var name = rule.a;
-				var transparency = rule.b;
-				var opacity = A2(
-					$elm$core$Basics$max,
-					0,
-					A2($elm$core$Basics$min, 1, 1 - transparency));
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					'.' + name,
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$Property,
-							'opacity',
-							$elm$core$String$fromFloat(opacity))
-						]));
-			case 'FontSize':
-				var i = rule.a;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					'.font-size-' + $elm$core$String$fromInt(i),
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$Property,
-							'font-size',
-							$elm$core$String$fromInt(i) + 'px')
-						]));
-			case 'FontFamily':
-				var name = rule.a;
-				var typefaces = rule.b;
-				var features = A2(
-					$elm$core$String$join,
-					', ',
-					A2($elm$core$List$filterMap, $mdgriffith$elm_ui$Internal$Model$renderVariants, typefaces));
-				var families = _List_fromArray(
-					[
-						A2(
-						$mdgriffith$elm_ui$Internal$Model$Property,
-						'font-family',
-						A2(
-							$elm$core$String$join,
-							', ',
-							A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$fontName, typefaces))),
-						A2($mdgriffith$elm_ui$Internal$Model$Property, 'font-feature-settings', features),
-						A2(
-						$mdgriffith$elm_ui$Internal$Model$Property,
-						'font-variant',
-						A2($elm$core$List$any, $mdgriffith$elm_ui$Internal$Model$hasSmallCaps, typefaces) ? 'small-caps' : 'normal')
-					]);
-				return A4($mdgriffith$elm_ui$Internal$Model$renderStyle, options, maybePseudo, '.' + name, families);
-			case 'Single':
-				var _class = rule.a;
-				var prop = rule.b;
-				var val = rule.c;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					'.' + _class,
-					_List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Internal$Model$Property, prop, val)
-						]));
-			case 'Colored':
-				var _class = rule.a;
-				var prop = rule.b;
-				var color = rule.c;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					'.' + _class,
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$Property,
-							prop,
-							$mdgriffith$elm_ui$Internal$Model$formatColor(color))
-						]));
-			case 'SpacingStyle':
-				var cls = rule.a;
-				var x = rule.b;
-				var y = rule.c;
-				var yPx = $elm$core$String$fromInt(y) + 'px';
-				var xPx = $elm$core$String$fromInt(x) + 'px';
-				var single = '.' + $mdgriffith$elm_ui$Internal$Style$classes.single;
-				var row = '.' + $mdgriffith$elm_ui$Internal$Style$classes.row;
-				var wrappedRow = '.' + ($mdgriffith$elm_ui$Internal$Style$classes.wrapped + row);
-				var right = '.' + $mdgriffith$elm_ui$Internal$Style$classes.alignRight;
-				var paragraph = '.' + $mdgriffith$elm_ui$Internal$Style$classes.paragraph;
-				var page = '.' + $mdgriffith$elm_ui$Internal$Style$classes.page;
-				var left = '.' + $mdgriffith$elm_ui$Internal$Style$classes.alignLeft;
-				var halfY = $elm$core$String$fromFloat(y / 2) + 'px';
-				var halfX = $elm$core$String$fromFloat(x / 2) + 'px';
-				var column = '.' + $mdgriffith$elm_ui$Internal$Style$classes.column;
-				var _class = '.' + cls;
-				var any = '.' + $mdgriffith$elm_ui$Internal$Style$classes.any;
-				return $elm$core$List$concat(
-					_List_fromArray(
-						[
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (row + (' > ' + (any + (' + ' + any)))),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-left', xPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (wrappedRow + (' > ' + any)),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin', halfY + (' ' + halfX))
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (column + (' > ' + (any + (' + ' + any)))),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-top', yPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (page + (' > ' + (any + (' + ' + any)))),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-top', yPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (page + (' > ' + left)),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-right', xPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (page + (' > ' + right)),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-left', xPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_Utils_ap(_class, paragraph),
-							_List_fromArray(
-								[
-									A2(
-									$mdgriffith$elm_ui$Internal$Model$Property,
-									'line-height',
-									'calc(1em + ' + ($elm$core$String$fromInt(y) + 'px)'))
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							'textarea' + (any + _class),
-							_List_fromArray(
-								[
-									A2(
-									$mdgriffith$elm_ui$Internal$Model$Property,
-									'line-height',
-									'calc(1em + ' + ($elm$core$String$fromInt(y) + 'px)')),
-									A2(
-									$mdgriffith$elm_ui$Internal$Model$Property,
-									'height',
-									'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (paragraph + (' > ' + left)),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-right', xPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (paragraph + (' > ' + right)),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'margin-left', xPx)
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (paragraph + '::after'),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'content', '\'\''),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'display', 'block'),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'height', '0'),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'width', '0'),
-									A2(
-									$mdgriffith$elm_ui$Internal$Model$Property,
-									'margin-top',
-									$elm$core$String$fromInt((-1) * ((y / 2) | 0)) + 'px')
-								])),
-							A4(
-							$mdgriffith$elm_ui$Internal$Model$renderStyle,
-							options,
-							maybePseudo,
-							_class + (paragraph + '::before'),
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'content', '\'\''),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'display', 'block'),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'height', '0'),
-									A2($mdgriffith$elm_ui$Internal$Model$Property, 'width', '0'),
-									A2(
-									$mdgriffith$elm_ui$Internal$Model$Property,
-									'margin-bottom',
-									$elm$core$String$fromInt((-1) * ((y / 2) | 0)) + 'px')
-								]))
-						]));
-			case 'PaddingStyle':
-				var cls = rule.a;
-				var top = rule.b;
-				var right = rule.c;
-				var bottom = rule.d;
-				var left = rule.e;
-				var _class = '.' + cls;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					_class,
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$Property,
-							'padding',
-							$elm$core$String$fromFloat(top) + ('px ' + ($elm$core$String$fromFloat(right) + ('px ' + ($elm$core$String$fromFloat(bottom) + ('px ' + ($elm$core$String$fromFloat(left) + 'px')))))))
-						]));
-			case 'BorderWidth':
-				var cls = rule.a;
-				var top = rule.b;
-				var right = rule.c;
-				var bottom = rule.d;
-				var left = rule.e;
-				var _class = '.' + cls;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$renderStyle,
-					options,
-					maybePseudo,
-					_class,
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$Property,
-							'border-width',
-							$elm$core$String$fromInt(top) + ('px ' + ($elm$core$String$fromInt(right) + ('px ' + ($elm$core$String$fromInt(bottom) + ('px ' + ($elm$core$String$fromInt(left) + 'px')))))))
-						]));
-			case 'GridTemplateStyle':
-				var template = rule.a;
-				var toGridLengthHelper = F3(
-					function (minimum, maximum, x) {
-						toGridLengthHelper:
-						while (true) {
-							switch (x.$) {
-								case 'Px':
-									var px = x.a;
-									return $elm$core$String$fromInt(px) + 'px';
-								case 'Content':
-									var _v2 = _Utils_Tuple2(minimum, maximum);
-									if (_v2.a.$ === 'Nothing') {
-										if (_v2.b.$ === 'Nothing') {
-											var _v3 = _v2.a;
-											var _v4 = _v2.b;
-											return 'max-content';
-										} else {
-											var _v6 = _v2.a;
-											var maxSize = _v2.b.a;
-											return 'minmax(max-content, ' + ($elm$core$String$fromInt(maxSize) + 'px)');
-										}
-									} else {
-										if (_v2.b.$ === 'Nothing') {
-											var minSize = _v2.a.a;
-											var _v5 = _v2.b;
-											return 'minmax(' + ($elm$core$String$fromInt(minSize) + ('px, ' + 'max-content)'));
-										} else {
-											var minSize = _v2.a.a;
-											var maxSize = _v2.b.a;
-											return 'minmax(' + ($elm$core$String$fromInt(minSize) + ('px, ' + ($elm$core$String$fromInt(maxSize) + 'px)')));
-										}
-									}
-								case 'Fill':
-									var i = x.a;
-									var _v7 = _Utils_Tuple2(minimum, maximum);
-									if (_v7.a.$ === 'Nothing') {
-										if (_v7.b.$ === 'Nothing') {
-											var _v8 = _v7.a;
-											var _v9 = _v7.b;
-											return $elm$core$String$fromInt(i) + 'fr';
-										} else {
-											var _v11 = _v7.a;
-											var maxSize = _v7.b.a;
-											return 'minmax(max-content, ' + ($elm$core$String$fromInt(maxSize) + 'px)');
-										}
-									} else {
-										if (_v7.b.$ === 'Nothing') {
-											var minSize = _v7.a.a;
-											var _v10 = _v7.b;
-											return 'minmax(' + ($elm$core$String$fromInt(minSize) + ('px, ' + ($elm$core$String$fromInt(i) + ('fr' + 'fr)'))));
-										} else {
-											var minSize = _v7.a.a;
-											var maxSize = _v7.b.a;
-											return 'minmax(' + ($elm$core$String$fromInt(minSize) + ('px, ' + ($elm$core$String$fromInt(maxSize) + 'px)')));
-										}
-									}
-								case 'Min':
-									var m = x.a;
-									var len = x.b;
-									var $temp$minimum = $elm$core$Maybe$Just(m),
-										$temp$maximum = maximum,
-										$temp$x = len;
-									minimum = $temp$minimum;
-									maximum = $temp$maximum;
-									x = $temp$x;
-									continue toGridLengthHelper;
-								default:
-									var m = x.a;
-									var len = x.b;
-									var $temp$minimum = minimum,
-										$temp$maximum = $elm$core$Maybe$Just(m),
-										$temp$x = len;
-									minimum = $temp$minimum;
-									maximum = $temp$maximum;
-									x = $temp$x;
-									continue toGridLengthHelper;
-							}
-						}
-					});
-				var toGridLength = function (x) {
-					return A3(toGridLengthHelper, $elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing, x);
-				};
-				var xSpacing = toGridLength(template.spacing.a);
-				var ySpacing = toGridLength(template.spacing.b);
-				var rows = function (x) {
-					return 'grid-template-rows: ' + (x + ';');
-				}(
-					A2(
-						$elm$core$String$join,
-						' ',
-						A2($elm$core$List$map, toGridLength, template.rows)));
-				var msRows = function (x) {
-					return '-ms-grid-rows: ' + (x + ';');
-				}(
-					A2(
-						$elm$core$String$join,
-						ySpacing,
-						A2($elm$core$List$map, toGridLength, template.columns)));
-				var msColumns = function (x) {
-					return '-ms-grid-columns: ' + (x + ';');
-				}(
-					A2(
-						$elm$core$String$join,
-						ySpacing,
-						A2($elm$core$List$map, toGridLength, template.columns)));
-				var gapY = 'grid-row-gap:' + (toGridLength(template.spacing.b) + ';');
-				var gapX = 'grid-column-gap:' + (toGridLength(template.spacing.a) + ';');
-				var columns = function (x) {
-					return 'grid-template-columns: ' + (x + ';');
-				}(
-					A2(
-						$elm$core$String$join,
-						' ',
-						A2($elm$core$List$map, toGridLength, template.columns)));
-				var _class = '.grid-rows-' + (A2(
-					$elm$core$String$join,
-					'-',
-					A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$lengthClassName, template.rows)) + ('-cols-' + (A2(
-					$elm$core$String$join,
-					'-',
-					A2($elm$core$List$map, $mdgriffith$elm_ui$Internal$Model$lengthClassName, template.columns)) + ('-space-x-' + ($mdgriffith$elm_ui$Internal$Model$lengthClassName(template.spacing.a) + ('-space-y-' + $mdgriffith$elm_ui$Internal$Model$lengthClassName(template.spacing.b)))))));
-				var modernGrid = _class + ('{' + (columns + (rows + (gapX + (gapY + '}')))));
-				var supports = '@supports (display:grid) {' + (modernGrid + '}');
-				var base = _class + ('{' + (msColumns + (msRows + '}')));
-				return _List_fromArray(
-					[base, supports]);
-			case 'GridPosition':
-				var position = rule.a;
-				var msPosition = A2(
-					$elm$core$String$join,
-					' ',
-					_List_fromArray(
-						[
-							'-ms-grid-row: ' + ($elm$core$String$fromInt(position.row) + ';'),
-							'-ms-grid-row-span: ' + ($elm$core$String$fromInt(position.height) + ';'),
-							'-ms-grid-column: ' + ($elm$core$String$fromInt(position.col) + ';'),
-							'-ms-grid-column-span: ' + ($elm$core$String$fromInt(position.width) + ';')
-						]));
-				var modernPosition = A2(
-					$elm$core$String$join,
-					' ',
-					_List_fromArray(
-						[
-							'grid-row: ' + ($elm$core$String$fromInt(position.row) + (' / ' + ($elm$core$String$fromInt(position.row + position.height) + ';'))),
-							'grid-column: ' + ($elm$core$String$fromInt(position.col) + (' / ' + ($elm$core$String$fromInt(position.col + position.width) + ';')))
-						]));
-				var _class = '.grid-pos-' + ($elm$core$String$fromInt(position.row) + ('-' + ($elm$core$String$fromInt(position.col) + ('-' + ($elm$core$String$fromInt(position.width) + ('-' + $elm$core$String$fromInt(position.height)))))));
-				var modernGrid = _class + ('{' + (modernPosition + '}'));
-				var supports = '@supports (display:grid) {' + (modernGrid + '}');
-				var base = _class + ('{' + (msPosition + '}'));
-				return _List_fromArray(
-					[base, supports]);
-			case 'PseudoSelector':
-				var _class = rule.a;
-				var styles = rule.b;
-				var renderPseudoRule = function (style) {
-					return A3(
-						$mdgriffith$elm_ui$Internal$Model$renderStyleRule,
-						options,
-						style,
-						$elm$core$Maybe$Just(_class));
-				};
-				return A2($elm$core$List$concatMap, renderPseudoRule, styles);
-			default:
-				var transform = rule.a;
-				var val = $mdgriffith$elm_ui$Internal$Model$transformValue(transform);
-				var _class = $mdgriffith$elm_ui$Internal$Model$transformClass(transform);
-				var _v12 = _Utils_Tuple2(_class, val);
-				if ((_v12.a.$ === 'Just') && (_v12.b.$ === 'Just')) {
-					var cls = _v12.a.a;
-					var v = _v12.b.a;
-					return A4(
-						$mdgriffith$elm_ui$Internal$Model$renderStyle,
-						options,
-						maybePseudo,
-						'.' + cls,
-						_List_fromArray(
-							[
-								A2($mdgriffith$elm_ui$Internal$Model$Property, 'transform', v)
-							]));
-				} else {
-					return _List_Nil;
-				}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$encodeStyles = F2(
-	function (options, stylesheet) {
-		return $elm$json$Json$Encode$object(
-			A2(
-				$elm$core$List$map,
-				function (style) {
-					var styled = A3($mdgriffith$elm_ui$Internal$Model$renderStyleRule, options, style, $elm$core$Maybe$Nothing);
-					return _Utils_Tuple2(
-						$mdgriffith$elm_ui$Internal$Model$getStyleName(style),
-						A2($elm$json$Json$Encode$list, $elm$json$Json$Encode$string, styled));
-				},
-				stylesheet));
-	});
-var $mdgriffith$elm_ui$Internal$Model$bracket = F2(
-	function (selector, rules) {
-		var renderPair = function (_v0) {
-			var name = _v0.a;
-			var val = _v0.b;
-			return name + (': ' + (val + ';'));
-		};
-		return selector + (' {' + (A2(
-			$elm$core$String$join,
-			'',
-			A2($elm$core$List$map, renderPair, rules)) + '}'));
-	});
-var $mdgriffith$elm_ui$Internal$Model$fontRule = F3(
-	function (name, modifier, _v0) {
-		var parentAdj = _v0.a;
-		var textAdjustment = _v0.b;
-		return _List_fromArray(
-			[
-				A2($mdgriffith$elm_ui$Internal$Model$bracket, '.' + (name + ('.' + (modifier + (', ' + ('.' + (name + (' .' + modifier))))))), parentAdj),
-				A2($mdgriffith$elm_ui$Internal$Model$bracket, '.' + (name + ('.' + (modifier + ('> .' + ($mdgriffith$elm_ui$Internal$Style$classes.text + (', .' + (name + (' .' + (modifier + (' > .' + $mdgriffith$elm_ui$Internal$Style$classes.text)))))))))), textAdjustment)
-			]);
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderFontAdjustmentRule = F3(
-	function (fontToAdjust, _v0, otherFontName) {
-		var full = _v0.a;
-		var capital = _v0.b;
-		var name = _Utils_eq(fontToAdjust, otherFontName) ? fontToAdjust : (otherFontName + (' .' + fontToAdjust));
-		return A2(
-			$elm$core$String$join,
-			' ',
-			_Utils_ap(
-				A3($mdgriffith$elm_ui$Internal$Model$fontRule, name, $mdgriffith$elm_ui$Internal$Style$classes.sizeByCapital, capital),
-				A3($mdgriffith$elm_ui$Internal$Model$fontRule, name, $mdgriffith$elm_ui$Internal$Style$classes.fullSize, full)));
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderNullAdjustmentRule = F2(
-	function (fontToAdjust, otherFontName) {
-		var name = _Utils_eq(fontToAdjust, otherFontName) ? fontToAdjust : (otherFontName + (' .' + fontToAdjust));
-		return A2(
-			$elm$core$String$join,
-			' ',
-			_List_fromArray(
-				[
-					A2(
-					$mdgriffith$elm_ui$Internal$Model$bracket,
-					'.' + (name + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.sizeByCapital + (', ' + ('.' + (name + (' .' + $mdgriffith$elm_ui$Internal$Style$classes.sizeByCapital))))))),
-					_List_fromArray(
-						[
-							_Utils_Tuple2('line-height', '1')
-						])),
-					A2(
-					$mdgriffith$elm_ui$Internal$Model$bracket,
-					'.' + (name + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.sizeByCapital + ('> .' + ($mdgriffith$elm_ui$Internal$Style$classes.text + (', .' + (name + (' .' + ($mdgriffith$elm_ui$Internal$Style$classes.sizeByCapital + (' > .' + $mdgriffith$elm_ui$Internal$Style$classes.text)))))))))),
-					_List_fromArray(
-						[
-							_Utils_Tuple2('vertical-align', '0'),
-							_Utils_Tuple2('line-height', '1')
-						]))
-				]));
-	});
-var $mdgriffith$elm_ui$Internal$Model$adjust = F3(
-	function (size, height, vertical) {
-		return {height: height / size, size: size, vertical: vertical};
-	});
-var $elm$core$List$filter = F2(
-	function (isGood, list) {
-		return A3(
-			$elm$core$List$foldr,
-			F2(
-				function (x, xs) {
-					return isGood(x) ? A2($elm$core$List$cons, x, xs) : xs;
-				}),
-			_List_Nil,
-			list);
-	});
-var $elm$core$List$maximum = function (list) {
-	if (list.b) {
-		var x = list.a;
-		var xs = list.b;
-		return $elm$core$Maybe$Just(
-			A3($elm$core$List$foldl, $elm$core$Basics$max, x, xs));
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $elm$core$List$minimum = function (list) {
-	if (list.b) {
-		var x = list.a;
-		var xs = list.b;
-		return $elm$core$Maybe$Just(
-			A3($elm$core$List$foldl, $elm$core$Basics$min, x, xs));
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$convertAdjustment = function (adjustment) {
-	var lines = _List_fromArray(
-		[adjustment.capital, adjustment.baseline, adjustment.descender, adjustment.lowercase]);
-	var lineHeight = 1.5;
-	var normalDescender = (lineHeight - 1) / 2;
-	var oldMiddle = lineHeight / 2;
-	var descender = A2(
-		$elm$core$Maybe$withDefault,
-		adjustment.descender,
-		$elm$core$List$minimum(lines));
-	var newBaseline = A2(
-		$elm$core$Maybe$withDefault,
-		adjustment.baseline,
-		$elm$core$List$minimum(
-			A2(
-				$elm$core$List$filter,
-				function (x) {
-					return !_Utils_eq(x, descender);
-				},
-				lines)));
-	var base = lineHeight;
-	var ascender = A2(
-		$elm$core$Maybe$withDefault,
-		adjustment.capital,
-		$elm$core$List$maximum(lines));
-	var capitalSize = 1 / (ascender - newBaseline);
-	var capitalVertical = 1 - ascender;
-	var fullSize = 1 / (ascender - descender);
-	var fullVertical = 1 - ascender;
-	var newCapitalMiddle = ((ascender - newBaseline) / 2) + newBaseline;
-	var newFullMiddle = ((ascender - descender) / 2) + descender;
-	return {
-		capital: A3($mdgriffith$elm_ui$Internal$Model$adjust, capitalSize, ascender - newBaseline, capitalVertical),
-		full: A3($mdgriffith$elm_ui$Internal$Model$adjust, fullSize, ascender - descender, fullVertical)
-	};
-};
-var $mdgriffith$elm_ui$Internal$Model$fontAdjustmentRules = function (converted) {
-	return _Utils_Tuple2(
-		_List_fromArray(
-			[
-				_Utils_Tuple2('display', 'block')
-			]),
-		_List_fromArray(
-			[
-				_Utils_Tuple2('display', 'inline-block'),
-				_Utils_Tuple2(
-				'line-height',
-				$elm$core$String$fromFloat(converted.height)),
-				_Utils_Tuple2(
-				'vertical-align',
-				$elm$core$String$fromFloat(converted.vertical) + 'em'),
-				_Utils_Tuple2(
-				'font-size',
-				$elm$core$String$fromFloat(converted.size) + 'em')
-			]));
-};
-var $mdgriffith$elm_ui$Internal$Model$typefaceAdjustment = function (typefaces) {
-	return A3(
-		$elm$core$List$foldl,
-		F2(
-			function (face, found) {
-				if (found.$ === 'Nothing') {
-					if (face.$ === 'FontWith') {
-						var _with = face.a;
-						var _v2 = _with.adjustment;
-						if (_v2.$ === 'Nothing') {
-							return found;
-						} else {
-							var adjustment = _v2.a;
-							return $elm$core$Maybe$Just(
-								_Utils_Tuple2(
-									$mdgriffith$elm_ui$Internal$Model$fontAdjustmentRules(
-										function ($) {
-											return $.full;
-										}(
-											$mdgriffith$elm_ui$Internal$Model$convertAdjustment(adjustment))),
-									$mdgriffith$elm_ui$Internal$Model$fontAdjustmentRules(
-										function ($) {
-											return $.capital;
-										}(
-											$mdgriffith$elm_ui$Internal$Model$convertAdjustment(adjustment)))));
-						}
-					} else {
-						return found;
-					}
-				} else {
-					return found;
-				}
-			}),
-		$elm$core$Maybe$Nothing,
-		typefaces);
-};
-var $mdgriffith$elm_ui$Internal$Model$renderTopLevelValues = function (rules) {
-	var withImport = function (font) {
-		if (font.$ === 'ImportFont') {
-			var url = font.b;
-			return $elm$core$Maybe$Just('@import url(\'' + (url + '\');'));
-		} else {
-			return $elm$core$Maybe$Nothing;
-		}
-	};
-	var fontImports = function (_v2) {
-		var name = _v2.a;
-		var typefaces = _v2.b;
-		var imports = A2(
-			$elm$core$String$join,
-			'\n',
-			A2($elm$core$List$filterMap, withImport, typefaces));
-		return imports;
-	};
-	var allNames = A2($elm$core$List$map, $elm$core$Tuple$first, rules);
-	var fontAdjustments = function (_v1) {
-		var name = _v1.a;
-		var typefaces = _v1.b;
-		var _v0 = $mdgriffith$elm_ui$Internal$Model$typefaceAdjustment(typefaces);
-		if (_v0.$ === 'Nothing') {
-			return A2(
-				$elm$core$String$join,
-				'',
-				A2(
-					$elm$core$List$map,
-					$mdgriffith$elm_ui$Internal$Model$renderNullAdjustmentRule(name),
-					allNames));
-		} else {
-			var adjustment = _v0.a;
-			return A2(
-				$elm$core$String$join,
-				'',
-				A2(
-					$elm$core$List$map,
-					A2($mdgriffith$elm_ui$Internal$Model$renderFontAdjustmentRule, name, adjustment),
-					allNames));
-		}
-	};
-	return _Utils_ap(
-		A2(
-			$elm$core$String$join,
-			'\n',
-			A2($elm$core$List$map, fontImports, rules)),
-		A2(
-			$elm$core$String$join,
-			'\n',
-			A2($elm$core$List$map, fontAdjustments, rules)));
-};
-var $mdgriffith$elm_ui$Internal$Model$topLevelValue = function (rule) {
-	if (rule.$ === 'FontFamily') {
-		var name = rule.a;
-		var typefaces = rule.b;
-		return $elm$core$Maybe$Just(
-			_Utils_Tuple2(name, typefaces));
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$toStyleSheetString = F2(
-	function (options, stylesheet) {
-		var combine = F2(
-			function (style, rendered) {
-				return {
-					rules: _Utils_ap(
-						rendered.rules,
-						A3($mdgriffith$elm_ui$Internal$Model$renderStyleRule, options, style, $elm$core$Maybe$Nothing)),
-					topLevel: function () {
-						var _v1 = $mdgriffith$elm_ui$Internal$Model$topLevelValue(style);
-						if (_v1.$ === 'Nothing') {
-							return rendered.topLevel;
-						} else {
-							var topLevel = _v1.a;
-							return A2($elm$core$List$cons, topLevel, rendered.topLevel);
-						}
-					}()
-				};
-			});
-		var _v0 = A3(
-			$elm$core$List$foldl,
-			combine,
-			{rules: _List_Nil, topLevel: _List_Nil},
-			stylesheet);
-		var topLevel = _v0.topLevel;
-		var rules = _v0.rules;
-		return _Utils_ap(
-			$mdgriffith$elm_ui$Internal$Model$renderTopLevelValues(topLevel),
-			$elm$core$String$concat(rules));
-	});
-var $mdgriffith$elm_ui$Internal$Model$toStyleSheet = F2(
-	function (options, styleSheet) {
-		var _v0 = options.mode;
-		switch (_v0.$) {
-			case 'Layout':
-				return A3(
-					$elm$virtual_dom$VirtualDom$node,
-					'div',
-					_List_Nil,
-					_List_fromArray(
-						[
-							A3(
-							$elm$virtual_dom$VirtualDom$node,
-							'style',
-							_List_Nil,
-							_List_fromArray(
-								[
-									$elm$virtual_dom$VirtualDom$text(
-									A2($mdgriffith$elm_ui$Internal$Model$toStyleSheetString, options, styleSheet))
-								]))
-						]));
-			case 'NoStaticStyleSheet':
-				return A3(
-					$elm$virtual_dom$VirtualDom$node,
-					'div',
-					_List_Nil,
-					_List_fromArray(
-						[
-							A3(
-							$elm$virtual_dom$VirtualDom$node,
-							'style',
-							_List_Nil,
-							_List_fromArray(
-								[
-									$elm$virtual_dom$VirtualDom$text(
-									A2($mdgriffith$elm_ui$Internal$Model$toStyleSheetString, options, styleSheet))
-								]))
-						]));
-			default:
-				return A3(
-					$elm$virtual_dom$VirtualDom$node,
-					'elm-ui-rules',
-					_List_fromArray(
-						[
-							A2(
-							$elm$virtual_dom$VirtualDom$property,
-							'rules',
-							A2($mdgriffith$elm_ui$Internal$Model$encodeStyles, options, styleSheet))
-						]),
-					_List_Nil);
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$embedKeyed = F4(
-	function (_static, opts, styles, children) {
-		var dynamicStyleSheet = A2(
-			$mdgriffith$elm_ui$Internal$Model$toStyleSheet,
-			opts,
-			A3(
-				$elm$core$List$foldl,
-				$mdgriffith$elm_ui$Internal$Model$reduceStyles,
-				_Utils_Tuple2(
-					$elm$core$Set$empty,
-					$mdgriffith$elm_ui$Internal$Model$renderFocusStyle(opts.focus)),
-				styles).b);
-		return _static ? A2(
-			$elm$core$List$cons,
-			_Utils_Tuple2(
-				'static-stylesheet',
-				$mdgriffith$elm_ui$Internal$Model$staticRoot(opts)),
-			A2(
-				$elm$core$List$cons,
-				_Utils_Tuple2('dynamic-stylesheet', dynamicStyleSheet),
-				children)) : A2(
-			$elm$core$List$cons,
-			_Utils_Tuple2('dynamic-stylesheet', dynamicStyleSheet),
-			children);
-	});
-var $mdgriffith$elm_ui$Internal$Model$embedWith = F4(
-	function (_static, opts, styles, children) {
-		var dynamicStyleSheet = A2(
-			$mdgriffith$elm_ui$Internal$Model$toStyleSheet,
-			opts,
-			A3(
-				$elm$core$List$foldl,
-				$mdgriffith$elm_ui$Internal$Model$reduceStyles,
-				_Utils_Tuple2(
-					$elm$core$Set$empty,
-					$mdgriffith$elm_ui$Internal$Model$renderFocusStyle(opts.focus)),
-				styles).b);
-		return _static ? A2(
-			$elm$core$List$cons,
-			$mdgriffith$elm_ui$Internal$Model$staticRoot(opts),
-			A2($elm$core$List$cons, dynamicStyleSheet, children)) : A2($elm$core$List$cons, dynamicStyleSheet, children);
-	});
-var $mdgriffith$elm_ui$Internal$Flag$heightBetween = $mdgriffith$elm_ui$Internal$Flag$flag(45);
-var $mdgriffith$elm_ui$Internal$Flag$heightFill = $mdgriffith$elm_ui$Internal$Flag$flag(37);
-var $elm$virtual_dom$VirtualDom$keyedNode = function (tag) {
-	return _VirtualDom_keyedNode(
-		_VirtualDom_noScript(tag));
-};
-var $elm$html$Html$p = _VirtualDom_node('p');
-var $mdgriffith$elm_ui$Internal$Flag$present = F2(
-	function (myFlag, _v0) {
-		var fieldOne = _v0.a;
-		var fieldTwo = _v0.b;
-		if (myFlag.$ === 'Flag') {
-			var first = myFlag.a;
-			return _Utils_eq(first & fieldOne, first);
-		} else {
-			var second = myFlag.a;
-			return _Utils_eq(second & fieldTwo, second);
-		}
-	});
-var $elm$html$Html$s = _VirtualDom_node('s');
-var $elm$html$Html$u = _VirtualDom_node('u');
-var $mdgriffith$elm_ui$Internal$Flag$widthBetween = $mdgriffith$elm_ui$Internal$Flag$flag(44);
-var $mdgriffith$elm_ui$Internal$Flag$widthFill = $mdgriffith$elm_ui$Internal$Flag$flag(39);
-var $mdgriffith$elm_ui$Internal$Model$finalizeNode = F6(
-	function (has, node, attributes, children, embedMode, parentContext) {
-		var createNode = F2(
-			function (nodeName, attrs) {
-				if (children.$ === 'Keyed') {
-					var keyed = children.a;
-					return A3(
-						$elm$virtual_dom$VirtualDom$keyedNode,
-						nodeName,
-						attrs,
-						function () {
-							switch (embedMode.$) {
-								case 'NoStyleSheet':
-									return keyed;
-								case 'OnlyDynamic':
-									var opts = embedMode.a;
-									var styles = embedMode.b;
-									return A4($mdgriffith$elm_ui$Internal$Model$embedKeyed, false, opts, styles, keyed);
-								default:
-									var opts = embedMode.a;
-									var styles = embedMode.b;
-									return A4($mdgriffith$elm_ui$Internal$Model$embedKeyed, true, opts, styles, keyed);
-							}
-						}());
-				} else {
-					var unkeyed = children.a;
-					return A2(
-						function () {
-							switch (nodeName) {
-								case 'div':
-									return $elm$html$Html$div;
-								case 'p':
-									return $elm$html$Html$p;
-								default:
-									return $elm$virtual_dom$VirtualDom$node(nodeName);
-							}
-						}(),
-						attrs,
-						function () {
-							switch (embedMode.$) {
-								case 'NoStyleSheet':
-									return unkeyed;
-								case 'OnlyDynamic':
-									var opts = embedMode.a;
-									var styles = embedMode.b;
-									return A4($mdgriffith$elm_ui$Internal$Model$embedWith, false, opts, styles, unkeyed);
-								default:
-									var opts = embedMode.a;
-									var styles = embedMode.b;
-									return A4($mdgriffith$elm_ui$Internal$Model$embedWith, true, opts, styles, unkeyed);
-							}
-						}());
-				}
-			});
-		var html = function () {
-			switch (node.$) {
-				case 'Generic':
-					return A2(createNode, 'div', attributes);
-				case 'NodeName':
-					var nodeName = node.a;
-					return A2(createNode, nodeName, attributes);
-				default:
-					var nodeName = node.a;
-					var internal = node.b;
-					return A3(
-						$elm$virtual_dom$VirtualDom$node,
-						nodeName,
-						attributes,
-						_List_fromArray(
-							[
-								A2(
-								createNode,
-								internal,
-								_List_fromArray(
-									[
-										$elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.single))
-									]))
-							]));
-			}
-		}();
-		switch (parentContext.$) {
-			case 'AsRow':
-				return (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$widthFill, has) && (!A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$widthBetween, has))) ? html : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$alignRight, has) ? A2(
-					$elm$html$Html$u,
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$class(
-							A2(
-								$elm$core$String$join,
-								' ',
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.any, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.container, $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY, $mdgriffith$elm_ui$Internal$Style$classes.alignContainerRight])))
-						]),
-					_List_fromArray(
-						[html])) : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$centerX, has) ? A2(
-					$elm$html$Html$s,
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$class(
-							A2(
-								$elm$core$String$join,
-								' ',
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.any, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.container, $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY, $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterX])))
-						]),
-					_List_fromArray(
-						[html])) : html));
-			case 'AsColumn':
-				return (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$heightFill, has) && (!A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$heightBetween, has))) ? html : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$centerY, has) ? A2(
-					$elm$html$Html$s,
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$class(
-							A2(
-								$elm$core$String$join,
-								' ',
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.any, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.container, $mdgriffith$elm_ui$Internal$Style$classes.alignContainerCenterY])))
-						]),
-					_List_fromArray(
-						[html])) : (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$alignBottom, has) ? A2(
-					$elm$html$Html$u,
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$class(
-							A2(
-								$elm$core$String$join,
-								' ',
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Internal$Style$classes.any, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.container, $mdgriffith$elm_ui$Internal$Style$classes.alignContainerBottom])))
-						]),
-					_List_fromArray(
-						[html])) : html));
-			default:
-				return html;
-		}
-	});
-var $elm$core$List$isEmpty = function (xs) {
-	if (!xs.b) {
-		return true;
-	} else {
-		return false;
-	}
-};
-var $elm$html$Html$text = $elm$virtual_dom$VirtualDom$text;
-var $mdgriffith$elm_ui$Internal$Model$textElementClasses = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.text + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.widthContent + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.heightContent)))));
-var $mdgriffith$elm_ui$Internal$Model$textElement = function (str) {
-	return A2(
-		$elm$html$Html$div,
-		_List_fromArray(
-			[
-				$elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Model$textElementClasses)
-			]),
-		_List_fromArray(
-			[
-				$elm$html$Html$text(str)
-			]));
-};
-var $mdgriffith$elm_ui$Internal$Model$textElementFillClasses = $mdgriffith$elm_ui$Internal$Style$classes.any + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.text + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.widthFill + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.heightFill)))));
-var $mdgriffith$elm_ui$Internal$Model$textElementFill = function (str) {
-	return A2(
-		$elm$html$Html$div,
-		_List_fromArray(
-			[
-				$elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Model$textElementFillClasses)
-			]),
-		_List_fromArray(
-			[
-				$elm$html$Html$text(str)
-			]));
-};
-var $mdgriffith$elm_ui$Internal$Model$createElement = F3(
-	function (context, children, rendered) {
-		var gatherKeyed = F2(
-			function (_v8, _v9) {
-				var key = _v8.a;
-				var child = _v8.b;
-				var htmls = _v9.a;
-				var existingStyles = _v9.b;
-				switch (child.$) {
-					case 'Unstyled':
-						var html = child.a;
-						return _Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asParagraph) ? _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_Tuple2(
-									key,
-									html(context)),
-								htmls),
-							existingStyles) : _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_Tuple2(
-									key,
-									html(context)),
-								htmls),
-							existingStyles);
-					case 'Styled':
-						var styled = child.a;
-						return _Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asParagraph) ? _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_Tuple2(
-									key,
-									A2(styled.html, $mdgriffith$elm_ui$Internal$Model$NoStyleSheet, context)),
-								htmls),
-							$elm$core$List$isEmpty(existingStyles) ? styled.styles : _Utils_ap(styled.styles, existingStyles)) : _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_Tuple2(
-									key,
-									A2(styled.html, $mdgriffith$elm_ui$Internal$Model$NoStyleSheet, context)),
-								htmls),
-							$elm$core$List$isEmpty(existingStyles) ? styled.styles : _Utils_ap(styled.styles, existingStyles));
-					case 'Text':
-						var str = child.a;
-						return _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_Tuple2(
-									key,
-									_Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asEl) ? $mdgriffith$elm_ui$Internal$Model$textElementFill(str) : $mdgriffith$elm_ui$Internal$Model$textElement(str)),
-								htmls),
-							existingStyles);
-					default:
-						return _Utils_Tuple2(htmls, existingStyles);
-				}
-			});
-		var gather = F2(
-			function (child, _v6) {
-				var htmls = _v6.a;
-				var existingStyles = _v6.b;
-				switch (child.$) {
-					case 'Unstyled':
-						var html = child.a;
-						return _Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asParagraph) ? _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								html(context),
-								htmls),
-							existingStyles) : _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								html(context),
-								htmls),
-							existingStyles);
-					case 'Styled':
-						var styled = child.a;
-						return _Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asParagraph) ? _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								A2(styled.html, $mdgriffith$elm_ui$Internal$Model$NoStyleSheet, context),
-								htmls),
-							$elm$core$List$isEmpty(existingStyles) ? styled.styles : _Utils_ap(styled.styles, existingStyles)) : _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								A2(styled.html, $mdgriffith$elm_ui$Internal$Model$NoStyleSheet, context),
-								htmls),
-							$elm$core$List$isEmpty(existingStyles) ? styled.styles : _Utils_ap(styled.styles, existingStyles));
-					case 'Text':
-						var str = child.a;
-						return _Utils_Tuple2(
-							A2(
-								$elm$core$List$cons,
-								_Utils_eq(context, $mdgriffith$elm_ui$Internal$Model$asEl) ? $mdgriffith$elm_ui$Internal$Model$textElementFill(str) : $mdgriffith$elm_ui$Internal$Model$textElement(str),
-								htmls),
-							existingStyles);
-					default:
-						return _Utils_Tuple2(htmls, existingStyles);
-				}
-			});
-		if (children.$ === 'Keyed') {
-			var keyedChildren = children.a;
-			var _v1 = A3(
-				$elm$core$List$foldr,
-				gatherKeyed,
-				_Utils_Tuple2(_List_Nil, _List_Nil),
-				keyedChildren);
-			var keyed = _v1.a;
-			var styles = _v1.b;
-			var newStyles = $elm$core$List$isEmpty(styles) ? rendered.styles : _Utils_ap(rendered.styles, styles);
-			if (!newStyles.b) {
-				return $mdgriffith$elm_ui$Internal$Model$Unstyled(
-					A5(
-						$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-						rendered.has,
-						rendered.node,
-						rendered.attributes,
-						$mdgriffith$elm_ui$Internal$Model$Keyed(
-							A3($mdgriffith$elm_ui$Internal$Model$addKeyedChildren, 'nearby-element-pls', keyed, rendered.children)),
-						$mdgriffith$elm_ui$Internal$Model$NoStyleSheet));
-			} else {
-				var allStyles = newStyles;
-				return $mdgriffith$elm_ui$Internal$Model$Styled(
-					{
-						html: A4(
-							$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-							rendered.has,
-							rendered.node,
-							rendered.attributes,
-							$mdgriffith$elm_ui$Internal$Model$Keyed(
-								A3($mdgriffith$elm_ui$Internal$Model$addKeyedChildren, 'nearby-element-pls', keyed, rendered.children))),
-						styles: allStyles
-					});
-			}
-		} else {
-			var unkeyedChildren = children.a;
-			var _v3 = A3(
-				$elm$core$List$foldr,
-				gather,
-				_Utils_Tuple2(_List_Nil, _List_Nil),
-				unkeyedChildren);
-			var unkeyed = _v3.a;
-			var styles = _v3.b;
-			var newStyles = $elm$core$List$isEmpty(styles) ? rendered.styles : _Utils_ap(rendered.styles, styles);
-			if (!newStyles.b) {
-				return $mdgriffith$elm_ui$Internal$Model$Unstyled(
-					A5(
-						$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-						rendered.has,
-						rendered.node,
-						rendered.attributes,
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-							A2($mdgriffith$elm_ui$Internal$Model$addChildren, unkeyed, rendered.children)),
-						$mdgriffith$elm_ui$Internal$Model$NoStyleSheet));
-			} else {
-				var allStyles = newStyles;
-				return $mdgriffith$elm_ui$Internal$Model$Styled(
-					{
-						html: A4(
-							$mdgriffith$elm_ui$Internal$Model$finalizeNode,
-							rendered.has,
-							rendered.node,
-							rendered.attributes,
-							$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-								A2($mdgriffith$elm_ui$Internal$Model$addChildren, unkeyed, rendered.children))),
-						styles: allStyles
-					});
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$Single = F3(
-	function (a, b, c) {
-		return {$: 'Single', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Model$Transform = function (a) {
-	return {$: 'Transform', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$Field = F2(
-	function (a, b) {
-		return {$: 'Field', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$add = F2(
-	function (myFlag, _v0) {
-		var one = _v0.a;
-		var two = _v0.b;
-		if (myFlag.$ === 'Flag') {
-			var first = myFlag.a;
-			return A2($mdgriffith$elm_ui$Internal$Flag$Field, first | one, two);
-		} else {
-			var second = myFlag.a;
-			return A2($mdgriffith$elm_ui$Internal$Flag$Field, one, second | two);
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$ChildrenBehind = function (a) {
-	return {$: 'ChildrenBehind', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$ChildrenBehindAndInFront = F2(
-	function (a, b) {
-		return {$: 'ChildrenBehindAndInFront', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$ChildrenInFront = function (a) {
-	return {$: 'ChildrenInFront', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$nearbyElement = F2(
-	function (location, elem) {
-		return A2(
-			$elm$html$Html$div,
-			_List_fromArray(
-				[
-					$elm$html$Html$Attributes$class(
-					function () {
-						switch (location.$) {
-							case 'Above':
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.above]));
-							case 'Below':
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.below]));
-							case 'OnRight':
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.onRight]));
-							case 'OnLeft':
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.onLeft]));
-							case 'InFront':
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.inFront]));
-							default:
-								return A2(
-									$elm$core$String$join,
-									' ',
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Internal$Style$classes.nearby, $mdgriffith$elm_ui$Internal$Style$classes.single, $mdgriffith$elm_ui$Internal$Style$classes.behind]));
-						}
-					}())
-				]),
-			_List_fromArray(
-				[
-					function () {
-					switch (elem.$) {
-						case 'Empty':
-							return $elm$virtual_dom$VirtualDom$text('');
-						case 'Text':
-							var str = elem.a;
-							return $mdgriffith$elm_ui$Internal$Model$textElement(str);
-						case 'Unstyled':
-							var html = elem.a;
-							return html($mdgriffith$elm_ui$Internal$Model$asEl);
-						default:
-							var styled = elem.a;
-							return A2(styled.html, $mdgriffith$elm_ui$Internal$Model$NoStyleSheet, $mdgriffith$elm_ui$Internal$Model$asEl);
-					}
-				}()
-				]));
-	});
-var $mdgriffith$elm_ui$Internal$Model$addNearbyElement = F3(
-	function (location, elem, existing) {
-		var nearby = A2($mdgriffith$elm_ui$Internal$Model$nearbyElement, location, elem);
-		switch (existing.$) {
-			case 'NoNearbyChildren':
-				if (location.$ === 'Behind') {
-					return $mdgriffith$elm_ui$Internal$Model$ChildrenBehind(
-						_List_fromArray(
-							[nearby]));
-				} else {
-					return $mdgriffith$elm_ui$Internal$Model$ChildrenInFront(
-						_List_fromArray(
-							[nearby]));
-				}
-			case 'ChildrenBehind':
-				var existingBehind = existing.a;
-				if (location.$ === 'Behind') {
-					return $mdgriffith$elm_ui$Internal$Model$ChildrenBehind(
-						A2($elm$core$List$cons, nearby, existingBehind));
-				} else {
-					return A2(
-						$mdgriffith$elm_ui$Internal$Model$ChildrenBehindAndInFront,
-						existingBehind,
-						_List_fromArray(
-							[nearby]));
-				}
-			case 'ChildrenInFront':
-				var existingInFront = existing.a;
-				if (location.$ === 'Behind') {
-					return A2(
-						$mdgriffith$elm_ui$Internal$Model$ChildrenBehindAndInFront,
-						_List_fromArray(
-							[nearby]),
-						existingInFront);
-				} else {
-					return $mdgriffith$elm_ui$Internal$Model$ChildrenInFront(
-						A2($elm$core$List$cons, nearby, existingInFront));
-				}
-			default:
-				var existingBehind = existing.a;
-				var existingInFront = existing.b;
-				if (location.$ === 'Behind') {
-					return A2(
-						$mdgriffith$elm_ui$Internal$Model$ChildrenBehindAndInFront,
-						A2($elm$core$List$cons, nearby, existingBehind),
-						existingInFront);
-				} else {
-					return A2(
-						$mdgriffith$elm_ui$Internal$Model$ChildrenBehindAndInFront,
-						existingBehind,
-						A2($elm$core$List$cons, nearby, existingInFront));
-				}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$Embedded = F2(
-	function (a, b) {
-		return {$: 'Embedded', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$NodeName = function (a) {
-	return {$: 'NodeName', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$addNodeName = F2(
-	function (newNode, old) {
-		switch (old.$) {
-			case 'Generic':
-				return $mdgriffith$elm_ui$Internal$Model$NodeName(newNode);
-			case 'NodeName':
-				var name = old.a;
-				return A2($mdgriffith$elm_ui$Internal$Model$Embedded, name, newNode);
-			default:
-				var x = old.a;
-				var y = old.b;
-				return A2($mdgriffith$elm_ui$Internal$Model$Embedded, x, y);
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$alignXName = function (align) {
-	switch (align.$) {
-		case 'Left':
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedHorizontally + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignLeft);
-		case 'Right':
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedHorizontally + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignRight);
-		default:
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedHorizontally + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignCenterX);
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$alignYName = function (align) {
-	switch (align.$) {
-		case 'Top':
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedVertically + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignTop);
-		case 'Bottom':
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedVertically + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignBottom);
-		default:
-			return $mdgriffith$elm_ui$Internal$Style$classes.alignedVertically + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.alignCenterY);
-	}
-};
-var $elm$virtual_dom$VirtualDom$attribute = F2(
-	function (key, value) {
-		return A2(
-			_VirtualDom_attribute,
-			_VirtualDom_noOnOrFormAction(key),
-			_VirtualDom_noJavaScriptOrHtmlUri(value));
-	});
-var $mdgriffith$elm_ui$Internal$Model$FullTransform = F4(
-	function (a, b, c, d) {
-		return {$: 'FullTransform', a: a, b: b, c: c, d: d};
-	});
-var $mdgriffith$elm_ui$Internal$Model$Moved = function (a) {
-	return {$: 'Moved', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$composeTransformation = F2(
-	function (transform, component) {
-		switch (transform.$) {
-			case 'Untransformed':
-				switch (component.$) {
-					case 'MoveX':
-						var x = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(x, 0, 0));
-					case 'MoveY':
-						var y = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(0, y, 0));
-					case 'MoveZ':
-						var z = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(0, 0, z));
-					case 'MoveXYZ':
-						var xyz = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(xyz);
-					case 'Rotate':
-						var xyz = component.a;
-						var angle = component.b;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							_Utils_Tuple3(0, 0, 0),
-							_Utils_Tuple3(1, 1, 1),
-							xyz,
-							angle);
-					default:
-						var xyz = component.a;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							_Utils_Tuple3(0, 0, 0),
-							xyz,
-							_Utils_Tuple3(0, 0, 1),
-							0);
-				}
-			case 'Moved':
-				var moved = transform.a;
-				var x = moved.a;
-				var y = moved.b;
-				var z = moved.c;
-				switch (component.$) {
-					case 'MoveX':
-						var newX = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(newX, y, z));
-					case 'MoveY':
-						var newY = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(x, newY, z));
-					case 'MoveZ':
-						var newZ = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(
-							_Utils_Tuple3(x, y, newZ));
-					case 'MoveXYZ':
-						var xyz = component.a;
-						return $mdgriffith$elm_ui$Internal$Model$Moved(xyz);
-					case 'Rotate':
-						var xyz = component.a;
-						var angle = component.b;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							moved,
-							_Utils_Tuple3(1, 1, 1),
-							xyz,
-							angle);
-					default:
-						var scale = component.a;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							moved,
-							scale,
-							_Utils_Tuple3(0, 0, 1),
-							0);
-				}
-			default:
-				var moved = transform.a;
-				var x = moved.a;
-				var y = moved.b;
-				var z = moved.c;
-				var scaled = transform.b;
-				var origin = transform.c;
-				var angle = transform.d;
-				switch (component.$) {
-					case 'MoveX':
-						var newX = component.a;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							_Utils_Tuple3(newX, y, z),
-							scaled,
-							origin,
-							angle);
-					case 'MoveY':
-						var newY = component.a;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							_Utils_Tuple3(x, newY, z),
-							scaled,
-							origin,
-							angle);
-					case 'MoveZ':
-						var newZ = component.a;
-						return A4(
-							$mdgriffith$elm_ui$Internal$Model$FullTransform,
-							_Utils_Tuple3(x, y, newZ),
-							scaled,
-							origin,
-							angle);
-					case 'MoveXYZ':
-						var newMove = component.a;
-						return A4($mdgriffith$elm_ui$Internal$Model$FullTransform, newMove, scaled, origin, angle);
-					case 'Rotate':
-						var newOrigin = component.a;
-						var newAngle = component.b;
-						return A4($mdgriffith$elm_ui$Internal$Model$FullTransform, moved, scaled, newOrigin, newAngle);
-					default:
-						var newScale = component.a;
-						return A4($mdgriffith$elm_ui$Internal$Model$FullTransform, moved, newScale, origin, angle);
-				}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Flag$height = $mdgriffith$elm_ui$Internal$Flag$flag(7);
-var $mdgriffith$elm_ui$Internal$Flag$heightContent = $mdgriffith$elm_ui$Internal$Flag$flag(36);
-var $mdgriffith$elm_ui$Internal$Flag$merge = F2(
-	function (_v0, _v1) {
-		var one = _v0.a;
-		var two = _v0.b;
-		var three = _v1.a;
-		var four = _v1.b;
-		return A2($mdgriffith$elm_ui$Internal$Flag$Field, one | three, two | four);
-	});
-var $mdgriffith$elm_ui$Internal$Flag$none = A2($mdgriffith$elm_ui$Internal$Flag$Field, 0, 0);
-var $mdgriffith$elm_ui$Internal$Model$renderHeight = function (h) {
-	switch (h.$) {
-		case 'Px':
-			var px = h.a;
-			var val = $elm$core$String$fromInt(px);
-			var name = 'height-px-' + val;
-			return _Utils_Tuple3(
-				$mdgriffith$elm_ui$Internal$Flag$none,
-				$mdgriffith$elm_ui$Internal$Style$classes.heightExact + (' ' + name),
-				_List_fromArray(
-					[
-						A3($mdgriffith$elm_ui$Internal$Model$Single, name, 'height', val + 'px')
-					]));
-		case 'Content':
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightContent, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.heightContent,
-				_List_Nil);
-		case 'Fill':
-			var portion = h.a;
-			return (portion === 1) ? _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightFill, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.heightFill,
-				_List_Nil) : _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightFill, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.heightFillPortion + (' height-fill-' + $elm$core$String$fromInt(portion)),
-				_List_fromArray(
-					[
-						A3(
-						$mdgriffith$elm_ui$Internal$Model$Single,
-						$mdgriffith$elm_ui$Internal$Style$classes.any + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.column + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
-							'height-fill-' + $elm$core$String$fromInt(portion))))),
-						'flex-grow',
-						$elm$core$String$fromInt(portion * 100000))
-					]));
-		case 'Min':
-			var minSize = h.a;
-			var len = h.b;
-			var cls = 'min-height-' + $elm$core$String$fromInt(minSize);
-			var style = A3(
-				$mdgriffith$elm_ui$Internal$Model$Single,
-				cls,
-				'min-height',
-				$elm$core$String$fromInt(minSize) + 'px');
-			var _v1 = $mdgriffith$elm_ui$Internal$Model$renderHeight(len);
-			var newFlag = _v1.a;
-			var newAttrs = _v1.b;
-			var newStyle = _v1.c;
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightBetween, newFlag),
-				cls + (' ' + newAttrs),
-				A2($elm$core$List$cons, style, newStyle));
-		default:
-			var maxSize = h.a;
-			var len = h.b;
-			var cls = 'max-height-' + $elm$core$String$fromInt(maxSize);
-			var style = A3(
-				$mdgriffith$elm_ui$Internal$Model$Single,
-				cls,
-				'max-height',
-				$elm$core$String$fromInt(maxSize) + 'px');
-			var _v2 = $mdgriffith$elm_ui$Internal$Model$renderHeight(len);
-			var newFlag = _v2.a;
-			var newAttrs = _v2.b;
-			var newStyle = _v2.c;
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$heightBetween, newFlag),
-				cls + (' ' + newAttrs),
-				A2($elm$core$List$cons, style, newStyle));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Flag$widthContent = $mdgriffith$elm_ui$Internal$Flag$flag(38);
-var $mdgriffith$elm_ui$Internal$Model$renderWidth = function (w) {
-	switch (w.$) {
-		case 'Px':
-			var px = w.a;
-			return _Utils_Tuple3(
-				$mdgriffith$elm_ui$Internal$Flag$none,
-				$mdgriffith$elm_ui$Internal$Style$classes.widthExact + (' width-px-' + $elm$core$String$fromInt(px)),
-				_List_fromArray(
-					[
-						A3(
-						$mdgriffith$elm_ui$Internal$Model$Single,
-						'width-px-' + $elm$core$String$fromInt(px),
-						'width',
-						$elm$core$String$fromInt(px) + 'px')
-					]));
-		case 'Content':
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$widthContent, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.widthContent,
-				_List_Nil);
-		case 'Fill':
-			var portion = w.a;
-			return (portion === 1) ? _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$widthFill, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.widthFill,
-				_List_Nil) : _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$widthFill, $mdgriffith$elm_ui$Internal$Flag$none),
-				$mdgriffith$elm_ui$Internal$Style$classes.widthFillPortion + (' width-fill-' + $elm$core$String$fromInt(portion)),
-				_List_fromArray(
-					[
-						A3(
-						$mdgriffith$elm_ui$Internal$Model$Single,
-						$mdgriffith$elm_ui$Internal$Style$classes.any + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.row + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
-							'width-fill-' + $elm$core$String$fromInt(portion))))),
-						'flex-grow',
-						$elm$core$String$fromInt(portion * 100000))
-					]));
-		case 'Min':
-			var minSize = w.a;
-			var len = w.b;
-			var cls = 'min-width-' + $elm$core$String$fromInt(minSize);
-			var style = A3(
-				$mdgriffith$elm_ui$Internal$Model$Single,
-				cls,
-				'min-width',
-				$elm$core$String$fromInt(minSize) + 'px');
-			var _v1 = $mdgriffith$elm_ui$Internal$Model$renderWidth(len);
-			var newFlag = _v1.a;
-			var newAttrs = _v1.b;
-			var newStyle = _v1.c;
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$widthBetween, newFlag),
-				cls + (' ' + newAttrs),
-				A2($elm$core$List$cons, style, newStyle));
-		default:
-			var maxSize = w.a;
-			var len = w.b;
-			var cls = 'max-width-' + $elm$core$String$fromInt(maxSize);
-			var style = A3(
-				$mdgriffith$elm_ui$Internal$Model$Single,
-				cls,
-				'max-width',
-				$elm$core$String$fromInt(maxSize) + 'px');
-			var _v2 = $mdgriffith$elm_ui$Internal$Model$renderWidth(len);
-			var newFlag = _v2.a;
-			var newAttrs = _v2.b;
-			var newStyle = _v2.c;
-			return _Utils_Tuple3(
-				A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$widthBetween, newFlag),
-				cls + (' ' + newAttrs),
-				A2($elm$core$List$cons, style, newStyle));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Flag$borderWidth = $mdgriffith$elm_ui$Internal$Flag$flag(27);
-var $mdgriffith$elm_ui$Internal$Model$skippable = F2(
-	function (flag, style) {
-		if (_Utils_eq(flag, $mdgriffith$elm_ui$Internal$Flag$borderWidth)) {
-			if (style.$ === 'Single') {
-				var val = style.c;
-				switch (val) {
-					case '0px':
-						return true;
-					case '1px':
-						return true;
-					case '2px':
-						return true;
-					case '3px':
-						return true;
-					case '4px':
-						return true;
-					case '5px':
-						return true;
-					case '6px':
-						return true;
-					default:
-						return false;
-				}
-			} else {
-				return false;
-			}
-		} else {
-			switch (style.$) {
-				case 'FontSize':
-					var i = style.a;
-					return (i >= 8) && (i <= 32);
-				case 'PaddingStyle':
-					var name = style.a;
-					var t = style.b;
-					var r = style.c;
-					var b = style.d;
-					var l = style.e;
-					return _Utils_eq(t, b) && (_Utils_eq(t, r) && (_Utils_eq(t, l) && ((t >= 0) && (t <= 24))));
-				default:
-					return false;
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Flag$width = $mdgriffith$elm_ui$Internal$Flag$flag(6);
-var $mdgriffith$elm_ui$Internal$Flag$xAlign = $mdgriffith$elm_ui$Internal$Flag$flag(30);
-var $mdgriffith$elm_ui$Internal$Flag$yAlign = $mdgriffith$elm_ui$Internal$Flag$flag(29);
-var $mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive = F8(
-	function (classes, node, has, transform, styles, attrs, children, elementAttrs) {
-		gatherAttrRecursive:
-		while (true) {
-			if (!elementAttrs.b) {
-				var _v1 = $mdgriffith$elm_ui$Internal$Model$transformClass(transform);
-				if (_v1.$ === 'Nothing') {
-					return {
-						attributes: A2(
-							$elm$core$List$cons,
-							$elm$html$Html$Attributes$class(classes),
-							attrs),
-						children: children,
-						has: has,
-						node: node,
-						styles: styles
-					};
-				} else {
-					var _class = _v1.a;
-					return {
-						attributes: A2(
-							$elm$core$List$cons,
-							$elm$html$Html$Attributes$class(classes + (' ' + _class)),
-							attrs),
-						children: children,
-						has: has,
-						node: node,
-						styles: A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Internal$Model$Transform(transform),
-							styles)
-					};
-				}
-			} else {
-				var attribute = elementAttrs.a;
-				var remaining = elementAttrs.b;
-				switch (attribute.$) {
-					case 'NoAttribute':
-						var $temp$classes = classes,
-							$temp$node = node,
-							$temp$has = has,
-							$temp$transform = transform,
-							$temp$styles = styles,
-							$temp$attrs = attrs,
-							$temp$children = children,
-							$temp$elementAttrs = remaining;
-						classes = $temp$classes;
-						node = $temp$node;
-						has = $temp$has;
-						transform = $temp$transform;
-						styles = $temp$styles;
-						attrs = $temp$attrs;
-						children = $temp$children;
-						elementAttrs = $temp$elementAttrs;
-						continue gatherAttrRecursive;
-					case 'Class':
-						var flag = attribute.a;
-						var exactClassName = attribute.b;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, flag, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							var $temp$classes = exactClassName + (' ' + classes),
-								$temp$node = node,
-								$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, flag, has),
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						}
-					case 'Attr':
-						var actualAttribute = attribute.a;
-						var $temp$classes = classes,
-							$temp$node = node,
-							$temp$has = has,
-							$temp$transform = transform,
-							$temp$styles = styles,
-							$temp$attrs = A2($elm$core$List$cons, actualAttribute, attrs),
-							$temp$children = children,
-							$temp$elementAttrs = remaining;
-						classes = $temp$classes;
-						node = $temp$node;
-						has = $temp$has;
-						transform = $temp$transform;
-						styles = $temp$styles;
-						attrs = $temp$attrs;
-						children = $temp$children;
-						elementAttrs = $temp$elementAttrs;
-						continue gatherAttrRecursive;
-					case 'StyleClass':
-						var flag = attribute.a;
-						var style = attribute.b;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, flag, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							if (A2($mdgriffith$elm_ui$Internal$Model$skippable, flag, style)) {
-								var $temp$classes = $mdgriffith$elm_ui$Internal$Model$getStyleName(style) + (' ' + classes),
-									$temp$node = node,
-									$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, flag, has),
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							} else {
-								var $temp$classes = $mdgriffith$elm_ui$Internal$Model$getStyleName(style) + (' ' + classes),
-									$temp$node = node,
-									$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, flag, has),
-									$temp$transform = transform,
-									$temp$styles = A2($elm$core$List$cons, style, styles),
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							}
-						}
-					case 'TransformComponent':
-						var flag = attribute.a;
-						var component = attribute.b;
-						var $temp$classes = classes,
-							$temp$node = node,
-							$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, flag, has),
-							$temp$transform = A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, transform, component),
-							$temp$styles = styles,
-							$temp$attrs = attrs,
-							$temp$children = children,
-							$temp$elementAttrs = remaining;
-						classes = $temp$classes;
-						node = $temp$node;
-						has = $temp$has;
-						transform = $temp$transform;
-						styles = $temp$styles;
-						attrs = $temp$attrs;
-						children = $temp$children;
-						elementAttrs = $temp$elementAttrs;
-						continue gatherAttrRecursive;
-					case 'Width':
-						var width = attribute.a;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$width, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							switch (width.$) {
-								case 'Px':
-									var px = width.a;
-									var $temp$classes = ($mdgriffith$elm_ui$Internal$Style$classes.widthExact + (' width-px-' + $elm$core$String$fromInt(px))) + (' ' + classes),
-										$temp$node = node,
-										$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$width, has),
-										$temp$transform = transform,
-										$temp$styles = A2(
-										$elm$core$List$cons,
-										A3(
-											$mdgriffith$elm_ui$Internal$Model$Single,
-											'width-px-' + $elm$core$String$fromInt(px),
-											'width',
-											$elm$core$String$fromInt(px) + 'px'),
-										styles),
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-								case 'Content':
-									var $temp$classes = classes + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.widthContent),
-										$temp$node = node,
-										$temp$has = A2(
-										$mdgriffith$elm_ui$Internal$Flag$add,
-										$mdgriffith$elm_ui$Internal$Flag$widthContent,
-										A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$width, has)),
-										$temp$transform = transform,
-										$temp$styles = styles,
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-								case 'Fill':
-									var portion = width.a;
-									if (portion === 1) {
-										var $temp$classes = classes + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.widthFill),
-											$temp$node = node,
-											$temp$has = A2(
-											$mdgriffith$elm_ui$Internal$Flag$add,
-											$mdgriffith$elm_ui$Internal$Flag$widthFill,
-											A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$width, has)),
-											$temp$transform = transform,
-											$temp$styles = styles,
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									} else {
-										var $temp$classes = classes + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.widthFillPortion + (' width-fill-' + $elm$core$String$fromInt(portion)))),
-											$temp$node = node,
-											$temp$has = A2(
-											$mdgriffith$elm_ui$Internal$Flag$add,
-											$mdgriffith$elm_ui$Internal$Flag$widthFill,
-											A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$width, has)),
-											$temp$transform = transform,
-											$temp$styles = A2(
-											$elm$core$List$cons,
-											A3(
-												$mdgriffith$elm_ui$Internal$Model$Single,
-												$mdgriffith$elm_ui$Internal$Style$classes.any + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.row + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
-													'width-fill-' + $elm$core$String$fromInt(portion))))),
-												'flex-grow',
-												$elm$core$String$fromInt(portion * 100000)),
-											styles),
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									}
-								default:
-									var _v4 = $mdgriffith$elm_ui$Internal$Model$renderWidth(width);
-									var addToFlags = _v4.a;
-									var newClass = _v4.b;
-									var newStyles = _v4.c;
-									var $temp$classes = classes + (' ' + newClass),
-										$temp$node = node,
-										$temp$has = A2(
-										$mdgriffith$elm_ui$Internal$Flag$merge,
-										addToFlags,
-										A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$width, has)),
-										$temp$transform = transform,
-										$temp$styles = _Utils_ap(newStyles, styles),
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-							}
-						}
-					case 'Height':
-						var height = attribute.a;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$height, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							switch (height.$) {
-								case 'Px':
-									var px = height.a;
-									var val = $elm$core$String$fromInt(px) + 'px';
-									var name = 'height-px-' + val;
-									var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.heightExact + (' ' + (name + (' ' + classes))),
-										$temp$node = node,
-										$temp$has = A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$height, has),
-										$temp$transform = transform,
-										$temp$styles = A2(
-										$elm$core$List$cons,
-										A3($mdgriffith$elm_ui$Internal$Model$Single, name, 'height ', val),
-										styles),
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-								case 'Content':
-									var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.heightContent + (' ' + classes),
-										$temp$node = node,
-										$temp$has = A2(
-										$mdgriffith$elm_ui$Internal$Flag$add,
-										$mdgriffith$elm_ui$Internal$Flag$heightContent,
-										A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$height, has)),
-										$temp$transform = transform,
-										$temp$styles = styles,
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-								case 'Fill':
-									var portion = height.a;
-									if (portion === 1) {
-										var $temp$classes = $mdgriffith$elm_ui$Internal$Style$classes.heightFill + (' ' + classes),
-											$temp$node = node,
-											$temp$has = A2(
-											$mdgriffith$elm_ui$Internal$Flag$add,
-											$mdgriffith$elm_ui$Internal$Flag$heightFill,
-											A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$height, has)),
-											$temp$transform = transform,
-											$temp$styles = styles,
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									} else {
-										var $temp$classes = classes + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.heightFillPortion + (' height-fill-' + $elm$core$String$fromInt(portion)))),
-											$temp$node = node,
-											$temp$has = A2(
-											$mdgriffith$elm_ui$Internal$Flag$add,
-											$mdgriffith$elm_ui$Internal$Flag$heightFill,
-											A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$height, has)),
-											$temp$transform = transform,
-											$temp$styles = A2(
-											$elm$core$List$cons,
-											A3(
-												$mdgriffith$elm_ui$Internal$Model$Single,
-												$mdgriffith$elm_ui$Internal$Style$classes.any + ('.' + ($mdgriffith$elm_ui$Internal$Style$classes.column + (' > ' + $mdgriffith$elm_ui$Internal$Style$dot(
-													'height-fill-' + $elm$core$String$fromInt(portion))))),
-												'flex-grow',
-												$elm$core$String$fromInt(portion * 100000)),
-											styles),
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									}
-								default:
-									var _v6 = $mdgriffith$elm_ui$Internal$Model$renderHeight(height);
-									var addToFlags = _v6.a;
-									var newClass = _v6.b;
-									var newStyles = _v6.c;
-									var $temp$classes = classes + (' ' + newClass),
-										$temp$node = node,
-										$temp$has = A2(
-										$mdgriffith$elm_ui$Internal$Flag$merge,
-										addToFlags,
-										A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$height, has)),
-										$temp$transform = transform,
-										$temp$styles = _Utils_ap(newStyles, styles),
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-							}
-						}
-					case 'Describe':
-						var description = attribute.a;
-						switch (description.$) {
-							case 'Main':
-								var $temp$classes = classes,
-									$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'main', node),
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'Navigation':
-								var $temp$classes = classes,
-									$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'nav', node),
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'ContentInfo':
-								var $temp$classes = classes,
-									$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'footer', node),
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'Complementary':
-								var $temp$classes = classes,
-									$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'aside', node),
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'Heading':
-								var i = description.a;
-								if (i <= 1) {
-									var $temp$classes = classes,
-										$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'h1', node),
-										$temp$has = has,
-										$temp$transform = transform,
-										$temp$styles = styles,
-										$temp$attrs = attrs,
-										$temp$children = children,
-										$temp$elementAttrs = remaining;
-									classes = $temp$classes;
-									node = $temp$node;
-									has = $temp$has;
-									transform = $temp$transform;
-									styles = $temp$styles;
-									attrs = $temp$attrs;
-									children = $temp$children;
-									elementAttrs = $temp$elementAttrs;
-									continue gatherAttrRecursive;
-								} else {
-									if (i < 7) {
-										var $temp$classes = classes,
-											$temp$node = A2(
-											$mdgriffith$elm_ui$Internal$Model$addNodeName,
-											'h' + $elm$core$String$fromInt(i),
-											node),
-											$temp$has = has,
-											$temp$transform = transform,
-											$temp$styles = styles,
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									} else {
-										var $temp$classes = classes,
-											$temp$node = A2($mdgriffith$elm_ui$Internal$Model$addNodeName, 'h6', node),
-											$temp$has = has,
-											$temp$transform = transform,
-											$temp$styles = styles,
-											$temp$attrs = attrs,
-											$temp$children = children,
-											$temp$elementAttrs = remaining;
-										classes = $temp$classes;
-										node = $temp$node;
-										has = $temp$has;
-										transform = $temp$transform;
-										styles = $temp$styles;
-										attrs = $temp$attrs;
-										children = $temp$children;
-										elementAttrs = $temp$elementAttrs;
-										continue gatherAttrRecursive;
-									}
-								}
-							case 'Paragraph':
-								var $temp$classes = classes,
-									$temp$node = node,
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = attrs,
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'Button':
-								var $temp$classes = classes,
-									$temp$node = node,
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = A2(
-									$elm$core$List$cons,
-									A2($elm$virtual_dom$VirtualDom$attribute, 'role', 'button'),
-									attrs),
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'Label':
-								var label = description.a;
-								var $temp$classes = classes,
-									$temp$node = node,
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = A2(
-									$elm$core$List$cons,
-									A2($elm$virtual_dom$VirtualDom$attribute, 'aria-label', label),
-									attrs),
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							case 'LivePolite':
-								var $temp$classes = classes,
-									$temp$node = node,
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = A2(
-									$elm$core$List$cons,
-									A2($elm$virtual_dom$VirtualDom$attribute, 'aria-live', 'polite'),
-									attrs),
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-							default:
-								var $temp$classes = classes,
-									$temp$node = node,
-									$temp$has = has,
-									$temp$transform = transform,
-									$temp$styles = styles,
-									$temp$attrs = A2(
-									$elm$core$List$cons,
-									A2($elm$virtual_dom$VirtualDom$attribute, 'aria-live', 'assertive'),
-									attrs),
-									$temp$children = children,
-									$temp$elementAttrs = remaining;
-								classes = $temp$classes;
-								node = $temp$node;
-								has = $temp$has;
-								transform = $temp$transform;
-								styles = $temp$styles;
-								attrs = $temp$attrs;
-								children = $temp$children;
-								elementAttrs = $temp$elementAttrs;
-								continue gatherAttrRecursive;
-						}
-					case 'Nearby':
-						var location = attribute.a;
-						var elem = attribute.b;
-						var newStyles = function () {
-							switch (elem.$) {
-								case 'Empty':
-									return styles;
-								case 'Text':
-									var str = elem.a;
-									return styles;
-								case 'Unstyled':
-									var html = elem.a;
-									return styles;
-								default:
-									var styled = elem.a;
-									return _Utils_ap(styles, styled.styles);
-							}
-						}();
-						var $temp$classes = classes,
-							$temp$node = node,
-							$temp$has = has,
-							$temp$transform = transform,
-							$temp$styles = newStyles,
-							$temp$attrs = attrs,
-							$temp$children = A3($mdgriffith$elm_ui$Internal$Model$addNearbyElement, location, elem, children),
-							$temp$elementAttrs = remaining;
-						classes = $temp$classes;
-						node = $temp$node;
-						has = $temp$has;
-						transform = $temp$transform;
-						styles = $temp$styles;
-						attrs = $temp$attrs;
-						children = $temp$children;
-						elementAttrs = $temp$elementAttrs;
-						continue gatherAttrRecursive;
-					case 'AlignX':
-						var x = attribute.a;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$xAlign, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							var $temp$classes = $mdgriffith$elm_ui$Internal$Model$alignXName(x) + (' ' + classes),
-								$temp$node = node,
-								$temp$has = function (flags) {
-								switch (x.$) {
-									case 'CenterX':
-										return A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$centerX, flags);
-									case 'Right':
-										return A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$alignRight, flags);
-									default:
-										return flags;
-								}
-							}(
-								A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$xAlign, has)),
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						}
-					default:
-						var y = attribute.a;
-						if (A2($mdgriffith$elm_ui$Internal$Flag$present, $mdgriffith$elm_ui$Internal$Flag$yAlign, has)) {
-							var $temp$classes = classes,
-								$temp$node = node,
-								$temp$has = has,
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						} else {
-							var $temp$classes = $mdgriffith$elm_ui$Internal$Model$alignYName(y) + (' ' + classes),
-								$temp$node = node,
-								$temp$has = function (flags) {
-								switch (y.$) {
-									case 'CenterY':
-										return A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$centerY, flags);
-									case 'Bottom':
-										return A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$alignBottom, flags);
-									default:
-										return flags;
-								}
-							}(
-								A2($mdgriffith$elm_ui$Internal$Flag$add, $mdgriffith$elm_ui$Internal$Flag$yAlign, has)),
-								$temp$transform = transform,
-								$temp$styles = styles,
-								$temp$attrs = attrs,
-								$temp$children = children,
-								$temp$elementAttrs = remaining;
-							classes = $temp$classes;
-							node = $temp$node;
-							has = $temp$has;
-							transform = $temp$transform;
-							styles = $temp$styles;
-							attrs = $temp$attrs;
-							children = $temp$children;
-							elementAttrs = $temp$elementAttrs;
-							continue gatherAttrRecursive;
-						}
-				}
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$Untransformed = {$: 'Untransformed'};
-var $mdgriffith$elm_ui$Internal$Model$untransformed = $mdgriffith$elm_ui$Internal$Model$Untransformed;
-var $mdgriffith$elm_ui$Internal$Model$element = F4(
-	function (context, node, attributes, children) {
-		return A3(
-			$mdgriffith$elm_ui$Internal$Model$createElement,
-			context,
-			children,
-			A8(
-				$mdgriffith$elm_ui$Internal$Model$gatherAttrRecursive,
-				$mdgriffith$elm_ui$Internal$Model$contextClasses(context),
-				node,
-				$mdgriffith$elm_ui$Internal$Flag$none,
-				$mdgriffith$elm_ui$Internal$Model$untransformed,
-				_List_Nil,
-				_List_Nil,
-				$mdgriffith$elm_ui$Internal$Model$NoNearbyChildren,
-				$elm$core$List$reverse(attributes)));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Height = function (a) {
-	return {$: 'Height', a: a};
-};
-var $mdgriffith$elm_ui$Element$height = $mdgriffith$elm_ui$Internal$Model$Height;
-var $mdgriffith$elm_ui$Internal$Model$Attr = function (a) {
-	return {$: 'Attr', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$htmlClass = function (cls) {
-	return $mdgriffith$elm_ui$Internal$Model$Attr(
-		$elm$html$Html$Attributes$class(cls));
-};
-var $mdgriffith$elm_ui$Internal$Model$Content = {$: 'Content'};
-var $mdgriffith$elm_ui$Element$shrink = $mdgriffith$elm_ui$Internal$Model$Content;
-var $mdgriffith$elm_ui$Internal$Model$Width = function (a) {
-	return {$: 'Width', a: a};
-};
-var $mdgriffith$elm_ui$Element$width = $mdgriffith$elm_ui$Internal$Model$Width;
-var $mdgriffith$elm_ui$Element$column = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asColumn,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentTop + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentLeft)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Element$el = F2(
-	function (attrs, child) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					attrs)),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[child])));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Class = F2(
-	function (a, b) {
-		return {$: 'Class', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$overflow = $mdgriffith$elm_ui$Internal$Flag$flag(20);
-var $mdgriffith$elm_ui$Element$clip = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.clip);
-var $mdgriffith$elm_ui$Internal$Model$Colored = F3(
-	function (a, b, c) {
-		return {$: 'Colored', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StyleClass = F2(
-	function (a, b) {
-		return {$: 'StyleClass', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$bgColor = $mdgriffith$elm_ui$Internal$Flag$flag(8);
-var $mdgriffith$elm_ui$Internal$Model$formatColorClass = function (_v0) {
-	var red = _v0.a;
-	var green = _v0.b;
-	var blue = _v0.c;
-	var alpha = _v0.d;
-	return $mdgriffith$elm_ui$Internal$Model$floatClass(red) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(green) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(blue) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(alpha))))));
-};
-var $mdgriffith$elm_ui$Element$Background$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$bgColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'background-color',
-			clr));
-};
-var $mdgriffith$elm_ui$Internal$Model$Fill = function (a) {
-	return {$: 'Fill', a: a};
-};
-var $mdgriffith$elm_ui$Element$fill = $mdgriffith$elm_ui$Internal$Model$Fill(1);
-var $mdgriffith$elm_ui$Internal$Model$InFront = {$: 'InFront'};
-var $mdgriffith$elm_ui$Internal$Model$Nearby = F2(
-	function (a, b) {
-		return {$: 'Nearby', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$NoAttribute = {$: 'NoAttribute'};
-var $mdgriffith$elm_ui$Element$createNearby = F2(
-	function (loc, element) {
-		if (element.$ === 'Empty') {
-			return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-		} else {
-			return A2($mdgriffith$elm_ui$Internal$Model$Nearby, loc, element);
-		}
-	});
-var $mdgriffith$elm_ui$Element$inFront = function (element) {
-	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$InFront, element);
-};
-var $mdgriffith$elm_ui$Internal$Model$Empty = {$: 'Empty'};
-var $mdgriffith$elm_ui$Element$none = $mdgriffith$elm_ui$Internal$Model$Empty;
-var $elm$virtual_dom$VirtualDom$Normal = function (a) {
-	return {$: 'Normal', a: a};
-};
-var $elm$virtual_dom$VirtualDom$on = _VirtualDom_on;
-var $elm$html$Html$Events$on = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$Normal(decoder));
-	});
-var $elm$html$Html$Events$onClick = function (msg) {
-	return A2(
-		$elm$html$Html$Events$on,
-		'click',
-		$elm$json$Json$Decode$succeed(msg));
-};
-var $mdgriffith$elm_ui$Element$Events$onClick = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Events$onClick);
-var $mdgriffith$elm_ui$Internal$Model$Rgba = F4(
-	function (a, b, c, d) {
-		return {$: 'Rgba', a: a, b: b, c: c, d: d};
-	});
-var $mdgriffith$elm_ui$Element$rgba255 = F4(
-	function (red, green, blue, a) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, a);
-	});
-var $elm$core$List$singleton = function (value) {
-	return _List_fromArray(
-		[value]);
-};
-var $author$project$Internal$Dialog$modal = function (_v0) {
-	var onDismiss = _v0.onDismiss;
-	var content = _v0.content;
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$inFront(
-			A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$Background$color(
-							A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.5))
-						]),
-					A2(
-						$elm$core$Maybe$withDefault,
-						_List_Nil,
-						A2(
-							$elm$core$Maybe$map,
-							A2($elm$core$Basics$composeR, $mdgriffith$elm_ui$Element$Events$onClick, $elm$core$List$singleton),
-							onDismiss))),
-				$mdgriffith$elm_ui$Element$none)),
-			$mdgriffith$elm_ui$Element$inFront(content),
-			$mdgriffith$elm_ui$Element$clip
-		]);
-};
-var $mdgriffith$elm_ui$Internal$Model$Describe = function (a) {
-	return {$: 'Describe', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$Paragraph = {$: 'Paragraph'};
-var $mdgriffith$elm_ui$Internal$Model$SpacingStyle = F3(
-	function (a, b, c) {
-		return {$: 'SpacingStyle', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$spacing = $mdgriffith$elm_ui$Internal$Flag$flag(3);
-var $mdgriffith$elm_ui$Internal$Model$spacingName = F2(
-	function (x, y) {
-		return 'spacing-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y)));
-	});
-var $mdgriffith$elm_ui$Element$spacing = function (x) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$spacing,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$SpacingStyle,
-			A2($mdgriffith$elm_ui$Internal$Model$spacingName, x, x),
-			x,
-			x));
-};
-var $mdgriffith$elm_ui$Element$paragraph = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asParagraph,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Paragraph),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$spacing(5),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$AsRow = {$: 'AsRow'};
-var $mdgriffith$elm_ui$Internal$Model$asRow = $mdgriffith$elm_ui$Internal$Model$AsRow;
-var $mdgriffith$elm_ui$Element$row = F2(
-	function (attrs, children) {
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asRow,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.contentCenterY)),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-						attrs))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-	});
-var $mdgriffith$elm_ui$Internal$Model$Text = function (a) {
-	return {$: 'Text', a: a};
-};
-var $mdgriffith$elm_ui$Element$text = function (content) {
-	return $mdgriffith$elm_ui$Internal$Model$Text(content);
-};
-var $mdgriffith$elm_ui$Internal$Model$Button = {$: 'Button'};
-var $elm$json$Json$Encode$bool = _Json_wrap;
-var $elm$html$Html$Attributes$boolProperty = F2(
-	function (key, bool) {
-		return A2(
-			_VirtualDom_property,
-			key,
-			$elm$json$Json$Encode$bool(bool));
-	});
-var $elm$html$Html$Attributes$disabled = $elm$html$Html$Attributes$boolProperty('disabled');
-var $mdgriffith$elm_ui$Element$Input$hasFocusStyle = function (attr) {
-	if (((attr.$ === 'StyleClass') && (attr.b.$ === 'PseudoSelector')) && (attr.b.a.$ === 'Focus')) {
-		var _v1 = attr.b;
-		var _v2 = _v1.a;
-		return true;
-	} else {
-		return false;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$focusDefault = function (attrs) {
-	return A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, attrs) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass('focusable');
-};
-var $mdgriffith$elm_ui$Element$Input$enter = 'Enter';
-var $elm$json$Json$Decode$andThen = _Json_andThen;
-var $elm$json$Json$Decode$fail = _Json_fail;
-var $elm$virtual_dom$VirtualDom$MayPreventDefault = function (a) {
-	return {$: 'MayPreventDefault', a: a};
-};
-var $elm$html$Html$Events$preventDefaultOn = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$MayPreventDefault(decoder));
-	});
-var $elm$json$Json$Decode$string = _Json_decodeString;
-var $mdgriffith$elm_ui$Element$Input$onKey = F2(
-	function (desiredCode, msg) {
-		var decode = function (code) {
-			return _Utils_eq(code, desiredCode) ? $elm$json$Json$Decode$succeed(msg) : $elm$json$Json$Decode$fail('Not the enter key');
-		};
-		var isKey = A2(
-			$elm$json$Json$Decode$andThen,
-			decode,
-			A2($elm$json$Json$Decode$field, 'key', $elm$json$Json$Decode$string));
-		return $mdgriffith$elm_ui$Internal$Model$Attr(
-			A2(
-				$elm$html$Html$Events$preventDefaultOn,
-				'keyup',
-				A2(
-					$elm$json$Json$Decode$map,
-					function (fired) {
-						return _Utils_Tuple2(fired, true);
-					},
-					isKey)));
-	});
-var $mdgriffith$elm_ui$Element$Input$onEnter = function (msg) {
-	return A2($mdgriffith$elm_ui$Element$Input$onKey, $mdgriffith$elm_ui$Element$Input$enter, msg);
-};
-var $mdgriffith$elm_ui$Internal$Flag$cursor = $mdgriffith$elm_ui$Internal$Flag$flag(21);
-var $mdgriffith$elm_ui$Element$pointer = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorPointer);
-var $elm$html$Html$Attributes$tabindex = function (n) {
-	return A2(
-		_VirtualDom_attribute,
-		'tabIndex',
-		$elm$core$String$fromInt(n));
-};
-var $mdgriffith$elm_ui$Element$Input$button = F2(
-	function (attrs, _v0) {
-		var onPress = _v0.onPress;
-		var label = _v0.label;
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentCenterX + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.seButton + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.noTextSelection)))))),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Element$pointer,
-							A2(
-								$elm$core$List$cons,
-								$mdgriffith$elm_ui$Element$Input$focusDefault(attrs),
-								A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Button),
-									A2(
-										$elm$core$List$cons,
-										$mdgriffith$elm_ui$Internal$Model$Attr(
-											$elm$html$Html$Attributes$tabindex(0)),
-										function () {
-											if (onPress.$ === 'Nothing') {
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Internal$Model$Attr(
-														$elm$html$Html$Attributes$disabled(true)),
-													attrs);
-											} else {
-												var msg = onPress.a;
-												return A2(
-													$elm$core$List$cons,
-													$mdgriffith$elm_ui$Element$Events$onClick(msg),
-													A2(
-														$elm$core$List$cons,
-														$mdgriffith$elm_ui$Element$Input$onEnter(msg),
-														attrs));
-											}
-										}()))))))),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[label])));
-	});
-var $author$project$Internal$Button$button = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							icon(
-							_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(text))
-						])),
-				onPress: onPress
-			});
-	});
-var $author$project$Internal$Button$textButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		return A2(
-			$author$project$Internal$Button$button,
-			style,
-			{
-				icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-				onPress: onPress,
-				text: text
-			});
-	});
-var $author$project$Internal$Dialog$dialog = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var text = _v0.text;
-		var accept = _v0.accept;
-		var dismiss = _v0.dismiss;
-		return $author$project$Internal$Dialog$modal(
-			{
-				content: A2(
-					$mdgriffith$elm_ui$Element$column,
-					_Utils_ap(
-						_List_fromArray(
-							[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY]),
-						style.elementColumn),
-					_List_fromArray(
-						[
-							A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$mdgriffith$elm_ui$Element$text,
-									$mdgriffith$elm_ui$Element$el(style.content.title.contentText)),
-								title)),
-							A2(
-							$mdgriffith$elm_ui$Element$paragraph,
-							style.content.text.contentText,
-							$elm$core$List$singleton(
-								$mdgriffith$elm_ui$Element$text(text))),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_Utils_ap(
-								_List_fromArray(
-									[
-										$mdgriffith$elm_ui$Element$alignRight,
-										$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-									]),
-								style.content.buttons.elementRow),
-							function () {
-								var _v1 = _Utils_Tuple2(accept, dismiss);
-								if (_v1.a.$ === 'Just') {
-									if (_v1.b.$ === 'Nothing') {
-										var acceptButton = _v1.a.a;
-										var _v2 = _v1.b;
-										return $elm$core$List$singleton(
-											A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton));
-									} else {
-										var acceptButton = _v1.a.a;
-										var dismissButton = _v1.b.a;
-										return _List_fromArray(
-											[
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.dismiss, dismissButton),
-												A2($author$project$Internal$Button$textButton, style.content.buttons.content.accept, acceptButton)
-											]);
-									}
-								} else {
-									return _List_Nil;
-								}
-							}())
-						])),
-				onDismiss: function () {
-					var _v3 = _Utils_Tuple2(accept, dismiss);
-					if (_v3.a.$ === 'Nothing') {
-						if (_v3.b.$ === 'Nothing') {
-							var _v4 = _v3.a;
-							var _v5 = _v3.b;
-							return $elm$core$Maybe$Nothing;
-						} else {
-							var _v6 = _v3.a;
-							var onPress = _v3.b.a.onPress;
-							return onPress;
-						}
-					} else {
-						return $elm$core$Maybe$Nothing;
-					}
-				}()
-			});
-	});
-var $author$project$Widget$dialog = function () {
-	var fun = $author$project$Internal$Dialog$dialog;
-	return fun;
-}();
-var $elm$svg$Svg$Attributes$height = _VirtualDom_attribute('height');
-var $mdgriffith$elm_ui$Internal$Model$unstyled = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Unstyled, $elm$core$Basics$always);
-var $mdgriffith$elm_ui$Element$html = $mdgriffith$elm_ui$Internal$Model$unstyled;
-var $elm$svg$Svg$Attributes$stroke = _VirtualDom_attribute('stroke');
-var $avh4$elm_color$Color$toCssString = function (_v0) {
-	var r = _v0.a;
-	var g = _v0.b;
-	var b = _v0.c;
-	var a = _v0.d;
-	var roundTo = function (x) {
-		return $elm$core$Basics$round(x * 1000) / 1000;
-	};
-	var pct = function (x) {
-		return $elm$core$Basics$round(x * 10000) / 100;
-	};
-	return $elm$core$String$concat(
-		_List_fromArray(
-			[
-				'rgba(',
-				$elm$core$String$fromFloat(
-				pct(r)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(g)),
-				'%,',
-				$elm$core$String$fromFloat(
-				pct(b)),
-				'%,',
-				$elm$core$String$fromFloat(
-				roundTo(a)),
-				')'
-			]));
-};
-var $elm$svg$Svg$Attributes$width = _VirtualDom_attribute('width');
-var $author$project$Widget$Icon$elmFeather = F2(
-	function (fun, icon) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						_List_fromArray(
-							[
-								$elm$svg$Svg$Attributes$width(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$height(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$stroke(
-								$avh4$elm_color$Color$toCssString(color))
-							]),
-						icon)));
-		};
-	});
-var $elm$core$Array$fromListHelp = F3(
-	function (list, nodeList, nodeListSize) {
-		fromListHelp:
-		while (true) {
-			var _v0 = A2($elm$core$Elm$JsArray$initializeFromList, $elm$core$Array$branchFactor, list);
-			var jsArray = _v0.a;
-			var remainingItems = _v0.b;
-			if (_Utils_cmp(
-				$elm$core$Elm$JsArray$length(jsArray),
-				$elm$core$Array$branchFactor) < 0) {
-				return A2(
-					$elm$core$Array$builderToArray,
-					true,
-					{nodeList: nodeList, nodeListSize: nodeListSize, tail: jsArray});
-			} else {
-				var $temp$list = remainingItems,
-					$temp$nodeList = A2(
-					$elm$core$List$cons,
-					$elm$core$Array$Leaf(jsArray),
-					nodeList),
-					$temp$nodeListSize = nodeListSize + 1;
-				list = $temp$list;
-				nodeList = $temp$nodeList;
-				nodeListSize = $temp$nodeListSize;
-				continue fromListHelp;
-			}
-		}
-	});
-var $elm$core$Array$fromList = function (list) {
-	if (!list.b) {
-		return $elm$core$Array$empty;
-	} else {
-		return A3($elm$core$Array$fromListHelp, list, _List_Nil, 0);
-	}
-};
-var $elm$core$Array$bitMask = 4294967295 >>> (32 - $elm$core$Array$shiftStep);
-var $elm$core$Elm$JsArray$unsafeGet = _JsArray_unsafeGet;
-var $elm$core$Array$getHelp = F3(
-	function (shift, index, tree) {
-		getHelp:
-		while (true) {
-			var pos = $elm$core$Array$bitMask & (index >>> shift);
-			var _v0 = A2($elm$core$Elm$JsArray$unsafeGet, pos, tree);
-			if (_v0.$ === 'SubTree') {
-				var subTree = _v0.a;
-				var $temp$shift = shift - $elm$core$Array$shiftStep,
-					$temp$index = index,
-					$temp$tree = subTree;
-				shift = $temp$shift;
-				index = $temp$index;
-				tree = $temp$tree;
-				continue getHelp;
-			} else {
-				var values = _v0.a;
-				return A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, values);
-			}
-		}
-	});
-var $elm$core$Array$tailIndex = function (len) {
-	return (len >>> 5) << 5;
-};
-var $elm$core$Array$get = F2(
-	function (index, _v0) {
-		var len = _v0.a;
-		var startShift = _v0.b;
-		var tree = _v0.c;
-		var tail = _v0.d;
-		return ((index < 0) || (_Utils_cmp(index, len) > -1)) ? $elm$core$Maybe$Nothing : ((_Utils_cmp(
-			index,
-			$elm$core$Array$tailIndex(len)) > -1) ? $elm$core$Maybe$Just(
-			A2($elm$core$Elm$JsArray$unsafeGet, $elm$core$Array$bitMask & index, tail)) : $elm$core$Maybe$Just(
-			A3($elm$core$Array$getHelp, startShift, index, tree)));
-	});
-var $feathericons$elm_feather$FeatherIcons$github = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'github',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M9 19c-5 1.5-5-2.5-7-3m14 6v-3.87a3.37 3.37 0 0 0-.94-2.61c3.14-.35 6.44-1.54 6.44-7A5.44 5.44 0 0 0 20 4.77 5.07 5.07 0 0 0 19.91 1S18.73.65 16 2.48a13.38 13.38 0 0 0-7 0C6.27.65 5.09 1 5.09 1A5.07 5.07 0 0 0 5 4.77a5.44 5.44 0 0 0-1.5 3.78c0 5.42 3.3 6.61 6.44 7A3.37 3.37 0 0 0 9 18.13V22')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Internal$Model$Left = {$: 'Left'};
-var $mdgriffith$elm_ui$Element$alignLeft = $mdgriffith$elm_ui$Internal$Model$AlignX($mdgriffith$elm_ui$Internal$Model$Left);
-var $mdgriffith$elm_ui$Internal$Flag$fontWeight = $mdgriffith$elm_ui$Internal$Flag$flag(13);
-var $mdgriffith$elm_ui$Element$Font$bold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.bold);
-var $elm$core$Basics$clamp = F3(
-	function (low, high, number) {
-		return (_Utils_cmp(number, low) < 0) ? low : ((_Utils_cmp(number, high) > 0) ? high : number);
-	});
-var $mdgriffith$elm_ui$Internal$Model$Heading = function (a) {
-	return {$: 'Heading', a: a};
-};
-var $mdgriffith$elm_ui$Element$Region$heading = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Heading);
-var $mdgriffith$elm_ui$Internal$Model$PaddingStyle = F5(
-	function (a, b, c, d, e) {
-		return {$: 'PaddingStyle', a: a, b: b, c: c, d: d, e: e};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$padding = $mdgriffith$elm_ui$Internal$Flag$flag(2);
-var $mdgriffith$elm_ui$Internal$Model$paddingName = F4(
-	function (top, right, bottom, left) {
-		return 'pad-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left)))))));
-	});
-var $mdgriffith$elm_ui$Element$paddingEach = function (_v0) {
-	var top = _v0.top;
-	var right = _v0.right;
-	var bottom = _v0.bottom;
-	var left = _v0.left;
-	if (_Utils_eq(top, right) && (_Utils_eq(top, bottom) && _Utils_eq(top, left))) {
-		var topFloat = top;
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				'p-' + $elm$core$String$fromInt(top),
-				topFloat,
-				topFloat,
-				topFloat,
-				topFloat));
-	} else {
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$padding,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-				A4($mdgriffith$elm_ui$Internal$Model$paddingName, top, right, bottom, left),
-				top,
-				right,
-				bottom,
-				left));
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$FontSize = function (a) {
-	return {$: 'FontSize', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$fontSize = $mdgriffith$elm_ui$Internal$Flag$flag(4);
-var $mdgriffith$elm_ui$Element$Font$size = function (i) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontSize,
-		$mdgriffith$elm_ui$Internal$Model$FontSize(i));
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h = function (inputLevel) {
-	var level = A3($elm$core$Basics$clamp, 1, 6, inputLevel);
-	var size = (level === 6) ? 14 : (32 - ((level - 1) * 4));
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Region$heading(level),
-			$mdgriffith$elm_ui$Element$Font$size(size),
-			$mdgriffith$elm_ui$Element$paddingEach(
-			{bottom: 2, left: 0, right: 0, top: 2}),
-			$mdgriffith$elm_ui$Element$alignLeft,
-			$mdgriffith$elm_ui$Element$Font$bold
-		]);
-};
-var $Orasund$elm_ui_framework$Framework$Heading$h1 = $Orasund$elm_ui_framework$Framework$Heading$h(1);
-var $elm$virtual_dom$VirtualDom$map = _VirtualDom_map;
-var $elm$html$Html$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$circle = $elm$svg$Svg$trustedNode('circle');
-var $elm$svg$Svg$Attributes$cx = _VirtualDom_attribute('cx');
-var $elm$svg$Svg$Attributes$cy = _VirtualDom_attribute('cy');
-var $elm$svg$Svg$Attributes$r = _VirtualDom_attribute('r');
-var $feathericons$elm_feather$FeatherIcons$penTool = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'pen-tool',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M12 19l7-7 3 3-7 7-3-3z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M18 13l-1.5-7.5L2 2l3.5 14.5L13 18l5-5z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M2 2l7.586 7.586')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$circle,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$cx('11'),
-					$elm$svg$Svg$Attributes$cy('11'),
-					$elm$svg$Svg$Attributes$r('2')
-				]),
-			_List_Nil)
-		]));
-var $mdgriffith$elm_ui$Element$Input$Placeholder = F2(
-	function (a, b) {
-		return {$: 'Placeholder', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Element$Input$placeholder = $mdgriffith$elm_ui$Element$Input$Placeholder;
-var $elm$html$Html$Attributes$attribute = $elm$virtual_dom$VirtualDom$attribute;
-var $mdgriffith$elm_ui$Internal$Flag$fontColor = $mdgriffith$elm_ui$Internal$Flag$flag(14);
-var $mdgriffith$elm_ui$Element$Font$color = function (fontColor) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(fontColor),
-			'color',
-			fontColor));
-};
-var $mdgriffith$elm_ui$Element$rgb255 = F3(
-	function (red, green, blue) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, red / 255, green / 255, blue / 255, 1);
-	});
-var $Orasund$elm_ui_framework$Framework$Color$darkerGrey = A3($mdgriffith$elm_ui$Element$rgb255, 18, 18, 18);
-var $mdgriffith$elm_ui$Internal$Flag$borderColor = $mdgriffith$elm_ui$Internal$Flag$flag(28);
-var $mdgriffith$elm_ui$Element$Border$color = function (clr) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderColor,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Colored,
-			'bc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(clr),
-			'border-color',
-			clr));
-};
-var $Orasund$elm_ui_framework$Framework$Color$lighterGrey = A3($mdgriffith$elm_ui$Element$rgb255, 245, 245, 245);
-var $Orasund$elm_ui_framework$Framework$Color$light = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Background$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey),
-		$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lighterGrey)
-	]);
-var $Orasund$elm_ui_framework$Framework$layoutAttributes = _Utils_ap(
-	_List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Font$size(16),
-			$mdgriffith$elm_ui$Element$Font$color($Orasund$elm_ui_framework$Framework$Color$darkerGrey)
-		]),
-	$Orasund$elm_ui_framework$Framework$Color$light);
-var $mdgriffith$elm_ui$Internal$Model$FocusStyleOption = function (a) {
-	return {$: 'FocusStyleOption', a: a};
-};
-var $mdgriffith$elm_ui$Element$focusStyle = $mdgriffith$elm_ui$Internal$Model$FocusStyleOption;
-var $Orasund$elm_ui_framework$Framework$Color$turquoise = A3($mdgriffith$elm_ui$Element$rgb255, 0, 209, 178);
-var $Orasund$elm_ui_framework$Framework$layoutOptions = $elm$core$List$singleton(
-	$mdgriffith$elm_ui$Element$focusStyle(
-		{
-			backgroundColor: $elm$core$Maybe$Nothing,
-			borderColor: $elm$core$Maybe$Just($Orasund$elm_ui_framework$Framework$Color$turquoise),
-			shadow: $elm$core$Maybe$Just(
-				{
-					blur: 10,
-					color: $Orasund$elm_ui_framework$Framework$Color$turquoise,
-					offset: _Utils_Tuple2(0, 0),
-					size: 1
-				})
-		}));
-var $mdgriffith$elm_ui$Internal$Model$OnlyDynamic = F2(
-	function (a, b) {
-		return {$: 'OnlyDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic = F2(
-	function (a, b) {
-		return {$: 'StaticRootAndDynamic', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$AllowHover = {$: 'AllowHover'};
-var $mdgriffith$elm_ui$Internal$Model$Layout = {$: 'Layout'};
-var $mdgriffith$elm_ui$Internal$Model$focusDefaultStyle = {
-	backgroundColor: $elm$core$Maybe$Nothing,
-	borderColor: $elm$core$Maybe$Nothing,
-	shadow: $elm$core$Maybe$Just(
-		{
-			blur: 0,
-			color: A4($mdgriffith$elm_ui$Internal$Model$Rgba, 155 / 255, 203 / 255, 1, 1),
-			offset: _Utils_Tuple2(0, 0),
-			size: 3
-		})
-};
-var $mdgriffith$elm_ui$Internal$Model$optionsToRecord = function (options) {
-	var combine = F2(
-		function (opt, record) {
-			switch (opt.$) {
-				case 'HoverOption':
-					var hoverable = opt.a;
-					var _v4 = record.hover;
-					if (_v4.$ === 'Nothing') {
-						return _Utils_update(
-							record,
-							{
-								hover: $elm$core$Maybe$Just(hoverable)
-							});
-					} else {
-						return record;
-					}
-				case 'FocusStyleOption':
-					var focusStyle = opt.a;
-					var _v5 = record.focus;
-					if (_v5.$ === 'Nothing') {
-						return _Utils_update(
-							record,
-							{
-								focus: $elm$core$Maybe$Just(focusStyle)
-							});
-					} else {
-						return record;
-					}
-				default:
-					var renderMode = opt.a;
-					var _v6 = record.mode;
-					if (_v6.$ === 'Nothing') {
-						return _Utils_update(
-							record,
-							{
-								mode: $elm$core$Maybe$Just(renderMode)
-							});
-					} else {
-						return record;
-					}
-			}
-		});
-	var andFinally = function (record) {
-		return {
-			focus: function () {
-				var _v0 = record.focus;
-				if (_v0.$ === 'Nothing') {
-					return $mdgriffith$elm_ui$Internal$Model$focusDefaultStyle;
-				} else {
-					var focusable = _v0.a;
-					return focusable;
-				}
-			}(),
-			hover: function () {
-				var _v1 = record.hover;
-				if (_v1.$ === 'Nothing') {
-					return $mdgriffith$elm_ui$Internal$Model$AllowHover;
-				} else {
-					var hoverable = _v1.a;
-					return hoverable;
-				}
-			}(),
-			mode: function () {
-				var _v2 = record.mode;
-				if (_v2.$ === 'Nothing') {
-					return $mdgriffith$elm_ui$Internal$Model$Layout;
-				} else {
-					var actualMode = _v2.a;
-					return actualMode;
-				}
-			}()
-		};
-	};
-	return andFinally(
-		A3(
-			$elm$core$List$foldr,
-			combine,
-			{focus: $elm$core$Maybe$Nothing, hover: $elm$core$Maybe$Nothing, mode: $elm$core$Maybe$Nothing},
-			options));
-};
-var $mdgriffith$elm_ui$Internal$Model$toHtml = F2(
-	function (mode, el) {
-		switch (el.$) {
-			case 'Unstyled':
-				var html = el.a;
-				return html($mdgriffith$elm_ui$Internal$Model$asEl);
-			case 'Styled':
-				var styles = el.a.styles;
-				var html = el.a.html;
-				return A2(
-					html,
-					mode(styles),
-					$mdgriffith$elm_ui$Internal$Model$asEl);
-			case 'Text':
-				var text = el.a;
-				return $mdgriffith$elm_ui$Internal$Model$textElement(text);
-			default:
-				return $mdgriffith$elm_ui$Internal$Model$textElement('');
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$renderRoot = F3(
-	function (optionList, attributes, child) {
-		var options = $mdgriffith$elm_ui$Internal$Model$optionsToRecord(optionList);
-		var embedStyle = function () {
-			var _v0 = options.mode;
-			if (_v0.$ === 'NoStaticStyleSheet') {
-				return $mdgriffith$elm_ui$Internal$Model$OnlyDynamic(options);
-			} else {
-				return $mdgriffith$elm_ui$Internal$Model$StaticRootAndDynamic(options);
-			}
-		}();
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$toHtml,
-			embedStyle,
-			A4(
-				$mdgriffith$elm_ui$Internal$Model$element,
-				$mdgriffith$elm_ui$Internal$Model$asEl,
-				$mdgriffith$elm_ui$Internal$Model$div,
-				attributes,
-				$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-					_List_fromArray(
-						[child]))));
-	});
-var $mdgriffith$elm_ui$Internal$Model$FontFamily = F2(
-	function (a, b) {
-		return {$: 'FontFamily', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$SansSerif = {$: 'SansSerif'};
-var $mdgriffith$elm_ui$Internal$Model$Typeface = function (a) {
-	return {$: 'Typeface', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$fontFamily = $mdgriffith$elm_ui$Internal$Flag$flag(5);
-var $elm$core$String$toLower = _String_toLower;
-var $elm$core$String$words = _String_words;
-var $mdgriffith$elm_ui$Internal$Model$renderFontClassName = F2(
-	function (font, current) {
-		return _Utils_ap(
-			current,
-			function () {
-				switch (font.$) {
-					case 'Serif':
-						return 'serif';
-					case 'SansSerif':
-						return 'sans-serif';
-					case 'Monospace':
-						return 'monospace';
-					case 'Typeface':
-						var name = font.a;
-						return A2(
-							$elm$core$String$join,
-							'-',
-							$elm$core$String$words(
-								$elm$core$String$toLower(name)));
-					case 'ImportFont':
-						var name = font.a;
-						var url = font.b;
-						return A2(
-							$elm$core$String$join,
-							'-',
-							$elm$core$String$words(
-								$elm$core$String$toLower(name)));
-					default:
-						var name = font.a.name;
-						return A2(
-							$elm$core$String$join,
-							'-',
-							$elm$core$String$words(
-								$elm$core$String$toLower(name)));
-				}
-			}());
-	});
-var $mdgriffith$elm_ui$Internal$Model$rootStyle = function () {
-	var families = _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Internal$Model$Typeface('Open Sans'),
-			$mdgriffith$elm_ui$Internal$Model$Typeface('Helvetica'),
-			$mdgriffith$elm_ui$Internal$Model$Typeface('Verdana'),
-			$mdgriffith$elm_ui$Internal$Model$SansSerif
-		]);
-	return _List_fromArray(
-		[
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$bgColor,
-			A3(
-				$mdgriffith$elm_ui$Internal$Model$Colored,
-				'bg-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(
-					A4($mdgriffith$elm_ui$Internal$Model$Rgba, 1, 1, 1, 0)),
-				'background-color',
-				A4($mdgriffith$elm_ui$Internal$Model$Rgba, 1, 1, 1, 0))),
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$fontColor,
-			A3(
-				$mdgriffith$elm_ui$Internal$Model$Colored,
-				'fc-' + $mdgriffith$elm_ui$Internal$Model$formatColorClass(
-					A4($mdgriffith$elm_ui$Internal$Model$Rgba, 0, 0, 0, 1)),
-				'color',
-				A4($mdgriffith$elm_ui$Internal$Model$Rgba, 0, 0, 0, 1))),
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$fontSize,
-			$mdgriffith$elm_ui$Internal$Model$FontSize(20)),
-			A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$fontFamily,
-			A2(
-				$mdgriffith$elm_ui$Internal$Model$FontFamily,
-				A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'font-', families),
-				families))
-		]);
-}();
-var $mdgriffith$elm_ui$Element$layoutWith = F3(
-	function (_v0, attrs, child) {
-		var options = _v0.options;
-		return A3(
-			$mdgriffith$elm_ui$Internal$Model$renderRoot,
-			options,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass(
-					A2(
-						$elm$core$String$join,
-						' ',
-						_List_fromArray(
-							[$mdgriffith$elm_ui$Internal$Style$classes.root, $mdgriffith$elm_ui$Internal$Style$classes.any, $mdgriffith$elm_ui$Internal$Style$classes.single]))),
-				_Utils_ap($mdgriffith$elm_ui$Internal$Model$rootStyle, attrs)),
-			child);
-	});
-var $Orasund$elm_ui_framework$Framework$layout = function (attributes) {
-	return A2(
-		$mdgriffith$elm_ui$Element$layoutWith,
-		{options: $Orasund$elm_ui_framework$Framework$layoutOptions},
-		_Utils_ap($Orasund$elm_ui_framework$Framework$layoutAttributes, attributes));
-};
-var $elm$html$Html$node = $elm$virtual_dom$VirtualDom$node;
-var $Orasund$elm_ui_framework$Framework$responsiveLayout = F2(
-	function (attributes, view) {
-		return A2(
-			$elm$html$Html$div,
-			_List_Nil,
-			_List_fromArray(
-				[
-					A3(
-					$elm$html$Html$node,
-					'meta',
-					_List_fromArray(
-						[
-							A2($elm$html$Html$Attributes$attribute, 'name', 'viewport'),
-							A2($elm$html$Html$Attributes$attribute, 'content', 'width=device-width, initial-scale=1.0')
-						]),
-					_List_Nil),
-					A2($Orasund$elm_ui_framework$Framework$layout, attributes, view)
-				]));
-	});
-var $elm$svg$Svg$Attributes$class = _VirtualDom_attribute('class');
-var $elm$svg$Svg$Attributes$fill = _VirtualDom_attribute('fill');
-var $elm$svg$Svg$map = $elm$virtual_dom$VirtualDom$map;
-var $elm$svg$Svg$Attributes$strokeLinecap = _VirtualDom_attribute('stroke-linecap');
-var $elm$svg$Svg$Attributes$strokeLinejoin = _VirtualDom_attribute('stroke-linejoin');
-var $elm$svg$Svg$Attributes$strokeWidth = _VirtualDom_attribute('stroke-width');
-var $elm$svg$Svg$svg = $elm$svg$Svg$trustedNode('svg');
-var $elm$svg$Svg$Attributes$viewBox = _VirtualDom_attribute('viewBox');
-var $feathericons$elm_feather$FeatherIcons$toHtml = F2(
-	function (attributes, _v0) {
-		var src = _v0.a.src;
-		var attrs = _v0.a.attrs;
-		var strSize = $elm$core$String$fromFloat(attrs.size);
-		var baseAttributes = _List_fromArray(
-			[
-				$elm$svg$Svg$Attributes$fill('none'),
-				$elm$svg$Svg$Attributes$height(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$width(
-				_Utils_ap(strSize, attrs.sizeUnit)),
-				$elm$svg$Svg$Attributes$stroke('currentColor'),
-				$elm$svg$Svg$Attributes$strokeLinecap('round'),
-				$elm$svg$Svg$Attributes$strokeLinejoin('round'),
-				$elm$svg$Svg$Attributes$strokeWidth(
-				$elm$core$String$fromFloat(attrs.strokeWidth)),
-				$elm$svg$Svg$Attributes$viewBox(attrs.viewBox)
-			]);
-		var combinedAttributes = _Utils_ap(
-			function () {
-				var _v1 = attrs._class;
-				if (_v1.$ === 'Just') {
-					var c = _v1.a;
-					return A2(
-						$elm$core$List$cons,
-						$elm$svg$Svg$Attributes$class(c),
-						baseAttributes);
-				} else {
-					return baseAttributes;
-				}
-			}(),
-			attributes);
-		return A2(
-			$elm$svg$Svg$svg,
-			combinedAttributes,
-			A2(
-				$elm$core$List$map,
-				$elm$svg$Svg$map($elm$core$Basics$never),
-				src));
-	});
-var $elm_community$intdict$IntDict$findMin = function (dict) {
-	findMin:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.left;
-				dict = $temp$dict;
-				continue findMin;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$after = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMin(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) < 1) ? $elm_community$intdict$IntDict$findMin(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) < 0) ? $elm_community$intdict$IntDict$findMin(def) : $elm_community$intdict$IntDict$findMin(i.left);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = def,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = i.right,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $elm$core$Maybe$andThen = F2(
-	function (callback, maybeValue) {
-		if (maybeValue.$ === 'Just') {
-			var value = maybeValue.a;
-			return callback(value);
-		} else {
-			return $elm$core$Maybe$Nothing;
-		}
-	});
-var $elm_community$intdict$IntDict$findMax = function (dict) {
-	findMax:
-	while (true) {
-		switch (dict.$) {
-			case 'Empty':
-				return $elm$core$Maybe$Nothing;
-			case 'Leaf':
-				var l = dict.a;
-				return $elm$core$Maybe$Just(
-					_Utils_Tuple2(l.key, l.value));
-			default:
-				var i = dict.a;
-				var $temp$dict = i.right;
-				dict = $temp$dict;
-				continue findMax;
-		}
-	}
-};
-var $elm_community$intdict$IntDict$before = F2(
-	function (key, dict) {
-		var go = F2(
-			function (def, currentDict) {
-				go:
-				while (true) {
-					switch (currentDict.$) {
-						case 'Empty':
-							return $elm_community$intdict$IntDict$findMax(def);
-						case 'Leaf':
-							var l = currentDict.a;
-							return (_Utils_cmp(l.key, key) > -1) ? $elm_community$intdict$IntDict$findMax(def) : $elm$core$Maybe$Just(
-								_Utils_Tuple2(l.key, l.value));
-						default:
-							var i = currentDict.a;
-							if (!A2($elm_community$intdict$IntDict$prefixMatches, i.prefix, key)) {
-								return (_Utils_cmp(i.prefix.prefixBits, key) > 0) ? $elm_community$intdict$IntDict$findMax(def) : $elm_community$intdict$IntDict$findMax(i.right);
-							} else {
-								if (A2($elm_community$intdict$IntDict$isBranchingBitSet, i.prefix, key)) {
-									var $temp$def = i.left,
-										$temp$currentDict = i.right;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								} else {
-									var $temp$def = def,
-										$temp$currentDict = i.left;
-									def = $temp$def;
-									currentDict = $temp$currentDict;
-									continue go;
-								}
-							}
-					}
-				}
-			});
-		return A2(go, $elm_community$intdict$IntDict$Empty, dict);
-	});
-var $author$project$Widget$ScrollingNav$current = F2(
-	function (fromString, _v0) {
-		var positions = _v0.positions;
-		var scrollPos = _v0.scrollPos;
-		return A2(
-			$elm$core$Maybe$andThen,
-			fromString,
-			A2(
-				$elm$core$Maybe$map,
-				$elm$core$Tuple$second,
-				A2(
-					$elm$core$Maybe$withDefault,
-					A2($elm_community$intdict$IntDict$after, scrollPos + 1, positions),
-					A2(
-						$elm$core$Maybe$map,
-						$elm$core$Maybe$Just,
-						A2($elm_community$intdict$IntDict$before, scrollPos + 1, positions)))));
-	});
-var $elm$core$List$head = function (list) {
-	if (list.b) {
-		var x = list.a;
-		var xs = list.b;
-		return $elm$core$Maybe$Just(x);
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $author$project$Widget$ScrollingNav$toSelect = F2(
-	function (onSelect, model) {
-		var arrangement = model.arrangement;
-		var toString = model.toString;
-		var fromString = model.fromString;
-		return {
-			onSelect: onSelect,
-			options: A2(
-				$elm$core$List$map,
-				function (s) {
-					return {
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						text: toString(s)
-					};
-				},
-				arrangement),
-			selected: $elm$core$List$head(
-				A2(
-					$elm$core$List$filterMap,
-					function (_v0) {
-						var i = _v0.a;
-						var s = _v0.b;
-						return _Utils_eq(
-							$elm$core$Maybe$Just(s),
-							A2($author$project$Widget$ScrollingNav$current, fromString, model)) ? $elm$core$Maybe$Just(i) : $elm$core$Maybe$Nothing;
-					},
-					A2(
-						$elm$core$List$indexedMap,
-						F2(
-							function (i, s) {
-								return _Utils_Tuple2(i, s);
-							}),
-						arrangement)))
-		};
-	});
-var $avh4$elm_color$Color$RgbaSpace = F4(
-	function (a, b, c, d) {
-		return {$: 'RgbaSpace', a: a, b: b, c: c, d: d};
-	});
-var $avh4$elm_color$Color$scaleFrom255 = function (c) {
-	return c / 255;
-};
-var $avh4$elm_color$Color$rgb255 = F3(
-	function (r, g, b) {
-		return A4(
-			$avh4$elm_color$Color$RgbaSpace,
-			$avh4$elm_color$Color$scaleFrom255(r),
-			$avh4$elm_color$Color$scaleFrom255(g),
-			$avh4$elm_color$Color$scaleFrom255(b),
-			1.0);
-	});
-var $author$project$Internal$Material$Palette$darkPalette = {
-	background: A3($avh4$elm_color$Color$rgb255, 18, 18, 18),
-	error: A3($avh4$elm_color$Color$rgb255, 207, 102, 121),
-	on: {
-		background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
-		error: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
-		primary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
-		secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
-		surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
-	},
-	primary: A3($avh4$elm_color$Color$rgb255, 187, 134, 252),
-	secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198),
-	surface: A3($avh4$elm_color$Color$rgb255, 18, 18, 18)
-};
-var $author$project$Widget$Material$darkPalette = $author$project$Internal$Material$Palette$darkPalette;
-var $author$project$Internal$Material$Palette$defaultPalette = {
-	background: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
-	error: A3($avh4$elm_color$Color$rgb255, 176, 0, 32),
-	on: {
-		background: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
-		error: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
-		primary: A3($avh4$elm_color$Color$rgb255, 255, 255, 255),
-		secondary: A3($avh4$elm_color$Color$rgb255, 0, 0, 0),
-		surface: A3($avh4$elm_color$Color$rgb255, 0, 0, 0)
-	},
-	primary: A3($avh4$elm_color$Color$rgb255, 98, 0, 238),
-	secondary: A3($avh4$elm_color$Color$rgb255, 3, 218, 198),
-	surface: A3($avh4$elm_color$Color$rgb255, 255, 255, 255)
-};
-var $author$project$Widget$Material$defaultPalette = $author$project$Internal$Material$Palette$defaultPalette;
-var $mdgriffith$elm_ui$Internal$Model$Bottom = {$: 'Bottom'};
-var $mdgriffith$elm_ui$Element$alignBottom = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Bottom);
-var $elm$core$Basics$pow = _Basics_pow;
-var $avh4$elm_color$Color$toRgba = function (_v0) {
-	var r = _v0.a;
-	var g = _v0.b;
-	var b = _v0.c;
-	var a = _v0.d;
-	return {alpha: a, blue: b, green: g, red: r};
-};
-var $noahzgordon$elm_color_extra$Color$Accessibility$luminance = function (cl) {
-	var f = function (intensity) {
-		return (intensity <= 0.03928) ? (intensity / 12.92) : A2($elm$core$Basics$pow, (intensity + 0.055) / 1.055, 2.4);
-	};
-	var _v0 = function (a) {
-		return _Utils_Tuple3(
-			f(a.red),
-			f(a.green),
-			f(a.blue));
-	}(
-		$avh4$elm_color$Color$toRgba(cl));
-	var r = _v0.a;
-	var g = _v0.b;
-	var b = _v0.c;
-	return ((0.2126 * r) + (0.7152 * g)) + (0.0722 * b);
-};
-var $author$project$Widget$Material$Color$accessibleTextColor = function (color) {
-	var l = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
-	var ratioBlack = 1.05 / (l + 0.05);
-	var ratioWhite = (l + 0.05) / 0.05;
-	return (_Utils_cmp(ratioBlack, ratioWhite) < 0) ? A3($avh4$elm_color$Color$rgb255, 0, 0, 0) : A3($avh4$elm_color$Color$rgb255, 255, 255, 255);
-};
-var $mdgriffith$elm_ui$Element$htmlAttribute = $mdgriffith$elm_ui$Internal$Model$Attr;
-var $mdgriffith$elm_ui$Internal$Flag$letterSpacing = $mdgriffith$elm_ui$Internal$Flag$flag(16);
-var $mdgriffith$elm_ui$Element$Font$letterSpacing = function (offset) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$letterSpacing,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Single,
-			'ls-' + $mdgriffith$elm_ui$Internal$Model$floatClass(offset),
-			'letter-spacing',
-			$elm$core$String$fromFloat(offset) + 'px'));
-};
-var $mdgriffith$elm_ui$Element$Font$semiBold = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$fontWeight, $mdgriffith$elm_ui$Internal$Style$classes.textSemiBold);
-var $elm$virtual_dom$VirtualDom$style = _VirtualDom_style;
-var $elm$html$Html$Attributes$style = $elm$virtual_dom$VirtualDom$style;
-var $author$project$Widget$Material$Typography$button = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$htmlAttribute(
-		A2($elm$html$Html$Attributes$style, 'text-transform', 'uppercase')),
-		$mdgriffith$elm_ui$Element$Font$size(14),
-		$mdgriffith$elm_ui$Element$Font$semiBold,
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(1.25)
-	]);
-var $author$project$Widget$Material$Color$gray = A3($avh4$elm_color$Color$rgb255, 119, 119, 119);
-var $mdgriffith$elm_ui$Internal$Model$Min = F2(
-	function (a, b) {
-		return {$: 'Min', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Element$minimum = F2(
-	function (i, l) {
-		return A2($mdgriffith$elm_ui$Internal$Model$Min, i, l);
-	});
-var $mdgriffith$elm_ui$Element$paddingXY = F2(
-	function (x, y) {
-		if (_Utils_eq(x, y)) {
-			var f = x;
-			return A2(
-				$mdgriffith$elm_ui$Internal$Model$StyleClass,
-				$mdgriffith$elm_ui$Internal$Flag$padding,
-				A5(
-					$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-					'p-' + $elm$core$String$fromInt(x),
-					f,
-					f,
-					f,
-					f));
-		} else {
-			var yFloat = y;
-			var xFloat = x;
-			return A2(
-				$mdgriffith$elm_ui$Internal$Model$StyleClass,
-				$mdgriffith$elm_ui$Internal$Flag$padding,
-				A5(
-					$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-					'p-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))),
-					yFloat,
-					xFloat,
-					yFloat,
-					xFloat));
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$Px = function (a) {
-	return {$: 'Px', a: a};
-};
-var $mdgriffith$elm_ui$Element$px = $mdgriffith$elm_ui$Internal$Model$Px;
-var $mdgriffith$elm_ui$Internal$Flag$borderRound = $mdgriffith$elm_ui$Internal$Flag$flag(17);
-var $mdgriffith$elm_ui$Element$Border$rounded = function (radius) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderRound,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Single,
-			'br-' + $elm$core$String$fromInt(radius),
-			'border-radius',
-			$elm$core$String$fromInt(radius) + 'px'));
-};
-var $author$project$Internal$Material$Button$baseButton = function (_v0) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {color: $author$project$Widget$Material$Color$gray, size: 18}
-				},
-				text: {
-					contentText: _List_fromArray(
-						[$mdgriffith$elm_ui$Element$centerX])
-				}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 32, $mdgriffith$elm_ui$Element$shrink)),
-					$mdgriffith$elm_ui$Element$centerY
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(36)),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-					$mdgriffith$elm_ui$Element$Border$rounded(4)
-				])),
-		ifActive: _List_Nil,
-		ifDisabled: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$htmlAttribute(
-				A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed'))
-			]),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Widget$Material$Color$buttonDisabledOpacity = 0.38;
-var $author$project$Widget$Material$Color$buttonFocusOpacity = 0.24;
-var $author$project$Widget$Material$Color$buttonHoverOpacity = 0.08;
-var $author$project$Widget$Material$Color$buttonPressedOpacity = 0.32;
-var $mdgriffith$elm_ui$Internal$Model$Focus = {$: 'Focus'};
-var $mdgriffith$elm_ui$Internal$Model$PseudoSelector = F2(
-	function (a, b) {
-		return {$: 'PseudoSelector', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$focus = $mdgriffith$elm_ui$Internal$Flag$flag(31);
-var $mdgriffith$elm_ui$Internal$Model$TransformComponent = F2(
-	function (a, b) {
-		return {$: 'TransformComponent', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Model$map = F2(
-	function (fn, el) {
-		switch (el.$) {
-			case 'Styled':
-				var styled = el.a;
-				return $mdgriffith$elm_ui$Internal$Model$Styled(
-					{
-						html: F2(
-							function (add, context) {
-								return A2(
-									$elm$virtual_dom$VirtualDom$map,
-									fn,
-									A2(styled.html, add, context));
-							}),
-						styles: styled.styles
-					});
-			case 'Unstyled':
-				var html = el.a;
-				return $mdgriffith$elm_ui$Internal$Model$Unstyled(
-					A2(
-						$elm$core$Basics$composeL,
-						$elm$virtual_dom$VirtualDom$map(fn),
-						html));
-			case 'Text':
-				var str = el.a;
-				return $mdgriffith$elm_ui$Internal$Model$Text(str);
-			default:
-				return $mdgriffith$elm_ui$Internal$Model$Empty;
-		}
-	});
-var $elm$virtual_dom$VirtualDom$mapAttribute = _VirtualDom_mapAttribute;
-var $mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle = F2(
-	function (fn, attr) {
-		switch (attr.$) {
-			case 'NoAttribute':
-				return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-			case 'Describe':
-				var description = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$Describe(description);
-			case 'AlignX':
-				var x = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$AlignX(x);
-			case 'AlignY':
-				var y = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$AlignY(y);
-			case 'Width':
-				var x = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$Width(x);
-			case 'Height':
-				var x = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$Height(x);
-			case 'Class':
-				var x = attr.a;
-				var y = attr.b;
-				return A2($mdgriffith$elm_ui$Internal$Model$Class, x, y);
-			case 'StyleClass':
-				var flag = attr.a;
-				var style = attr.b;
-				return A2($mdgriffith$elm_ui$Internal$Model$StyleClass, flag, style);
-			case 'Nearby':
-				var location = attr.a;
-				var elem = attr.b;
-				return A2(
-					$mdgriffith$elm_ui$Internal$Model$Nearby,
-					location,
-					A2($mdgriffith$elm_ui$Internal$Model$map, fn, elem));
-			case 'Attr':
-				var htmlAttr = attr.a;
-				return $mdgriffith$elm_ui$Internal$Model$Attr(
-					A2($elm$virtual_dom$VirtualDom$mapAttribute, fn, htmlAttr));
-			default:
-				var fl = attr.a;
-				var trans = attr.b;
-				return A2($mdgriffith$elm_ui$Internal$Model$TransformComponent, fl, trans);
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$removeNever = function (style) {
-	return A2($mdgriffith$elm_ui$Internal$Model$mapAttrFromStyle, $elm$core$Basics$never, style);
-};
-var $mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper = F2(
-	function (attr, _v0) {
-		var styles = _v0.a;
-		var trans = _v0.b;
-		var _v1 = $mdgriffith$elm_ui$Internal$Model$removeNever(attr);
-		switch (_v1.$) {
-			case 'StyleClass':
-				var style = _v1.b;
-				return _Utils_Tuple2(
-					A2($elm$core$List$cons, style, styles),
-					trans);
-			case 'TransformComponent':
-				var flag = _v1.a;
-				var component = _v1.b;
-				return _Utils_Tuple2(
-					styles,
-					A2($mdgriffith$elm_ui$Internal$Model$composeTransformation, trans, component));
-			default:
-				return _Utils_Tuple2(styles, trans);
-		}
-	});
-var $mdgriffith$elm_ui$Internal$Model$unwrapDecorations = function (attrs) {
-	var _v0 = A3(
-		$elm$core$List$foldl,
-		$mdgriffith$elm_ui$Internal$Model$unwrapDecsHelper,
-		_Utils_Tuple2(_List_Nil, $mdgriffith$elm_ui$Internal$Model$Untransformed),
-		attrs);
-	var styles = _v0.a;
-	var transform = _v0.b;
-	return A2(
-		$elm$core$List$cons,
-		$mdgriffith$elm_ui$Internal$Model$Transform(transform),
-		styles);
-};
-var $mdgriffith$elm_ui$Element$focused = function (decs) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$focus,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$PseudoSelector,
-			$mdgriffith$elm_ui$Internal$Model$Focus,
-			$mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
-};
-var $mdgriffith$elm_ui$Element$fromRgb = function (clr) {
-	return A4($mdgriffith$elm_ui$Internal$Model$Rgba, clr.red, clr.green, clr.blue, clr.alpha);
-};
-var $author$project$Widget$Material$Color$fromColor = A2($elm$core$Basics$composeR, $avh4$elm_color$Color$toRgba, $mdgriffith$elm_ui$Element$fromRgb);
-var $mdgriffith$elm_ui$Internal$Model$Active = {$: 'Active'};
-var $mdgriffith$elm_ui$Internal$Flag$active = $mdgriffith$elm_ui$Internal$Flag$flag(32);
-var $mdgriffith$elm_ui$Element$mouseDown = function (decs) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$active,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$PseudoSelector,
-			$mdgriffith$elm_ui$Internal$Model$Active,
-			$mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
-};
-var $mdgriffith$elm_ui$Internal$Model$Hover = {$: 'Hover'};
-var $mdgriffith$elm_ui$Internal$Flag$hover = $mdgriffith$elm_ui$Internal$Flag$flag(33);
-var $mdgriffith$elm_ui$Element$mouseOver = function (decs) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$hover,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$PseudoSelector,
-			$mdgriffith$elm_ui$Internal$Model$Hover,
-			$mdgriffith$elm_ui$Internal$Model$unwrapDecorations(decs)));
-};
-var $avh4$elm_color$Color$fromRgba = function (components) {
-	return A4($avh4$elm_color$Color$RgbaSpace, components.red, components.green, components.blue, components.alpha);
-};
-var $author$project$Widget$Material$Color$scaleOpacity = function (opacity) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$avh4$elm_color$Color$toRgba,
-		A2(
-			$elm$core$Basics$composeR,
-			function (color) {
-				return _Utils_update(
-					color,
-					{alpha: color.alpha * opacity});
-			},
-			$avh4$elm_color$Color$fromRgba));
-};
-var $mdgriffith$elm_ui$Internal$Model$boxShadowClass = function (shadow) {
-	return $elm$core$String$concat(
-		_List_fromArray(
-			[
-				shadow.inset ? 'box-inset' : 'box-',
-				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.a) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.offset.b) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.blur) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$floatClass(shadow.size) + 'px',
-				$mdgriffith$elm_ui$Internal$Model$formatColorClass(shadow.color)
-			]));
-};
-var $mdgriffith$elm_ui$Internal$Flag$shadows = $mdgriffith$elm_ui$Internal$Flag$flag(19);
-var $mdgriffith$elm_ui$Element$Border$shadow = function (almostShade) {
-	var shade = {blur: almostShade.blur, color: almostShade.color, inset: false, offset: almostShade.offset, size: almostShade.size};
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$shadows,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Single,
-			$mdgriffith$elm_ui$Internal$Model$boxShadowClass(shade),
-			'box-shadow',
-			$mdgriffith$elm_ui$Internal$Model$formatBoxShadow(shade)));
-};
-var $author$project$Widget$Material$Color$shadow = function (_float) {
-	return {
-		blur: _float,
-		color: A4($mdgriffith$elm_ui$Element$rgba255, 0, 0, 0, 0.2),
-		offset: _Utils_Tuple2(0, _float),
-		size: 0
-	};
-};
-var $elm$core$Basics$cos = _Basics_cos;
-var $noahzgordon$elm_color_extra$Color$Convert$labToXyz = function (_v0) {
-	var l = _v0.l;
-	var a = _v0.a;
-	var b = _v0.b;
-	var y = (l + 16) / 116;
-	var c = function (ch) {
-		var ch_ = (ch * ch) * ch;
-		return (ch_ > 8.856e-3) ? ch_ : ((ch - (16 / 116)) / 7.787);
-	};
-	return {
-		x: c(y + (a / 500)) * 95.047,
-		y: c(y) * 100,
-		z: c(y - (b / 200)) * 108.883
-	};
-};
-var $avh4$elm_color$Color$rgb = F3(
-	function (r, g, b) {
-		return A4($avh4$elm_color$Color$RgbaSpace, r, g, b, 1.0);
-	});
-var $noahzgordon$elm_color_extra$Color$Convert$xyzToColor = function (_v0) {
-	var x = _v0.x;
-	var y = _v0.y;
-	var z = _v0.z;
-	var z_ = z / 100;
-	var y_ = y / 100;
-	var x_ = x / 100;
-	var r = ((x_ * 3.2404542) + (y_ * (-1.5371385))) + (z_ * (-0.4986));
-	var g = ((x_ * (-0.969266)) + (y_ * 1.8760108)) + (z_ * 4.1556e-2);
-	var c = function (ch) {
-		var ch_ = (ch > 3.1308e-3) ? ((1.055 * A2($elm$core$Basics$pow, ch, 1 / 2.4)) - 5.5e-2) : (12.92 * ch);
-		return A3($elm$core$Basics$clamp, 0, 1, ch_);
-	};
-	var b = ((x_ * 5.56434e-2) + (y_ * (-0.2040259))) + (z_ * 1.0572252);
-	return A3(
-		$avh4$elm_color$Color$rgb,
-		c(r),
-		c(g),
-		c(b));
-};
-var $noahzgordon$elm_color_extra$Color$Convert$labToColor = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$labToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToColor);
-var $elm$core$Basics$sin = _Basics_sin;
-var $author$project$Widget$Material$Color$fromCIELCH = A2(
-	$elm$core$Basics$composeR,
-	function (_v0) {
-		var l = _v0.l;
-		var c = _v0.c;
-		var h = _v0.h;
-		return {
-			a: c * $elm$core$Basics$cos(h),
-			b: c * $elm$core$Basics$sin(h),
-			l: l
-		};
-	},
-	$noahzgordon$elm_color_extra$Color$Convert$labToColor);
-var $elm$core$Basics$atan2 = _Basics_atan2;
-var $noahzgordon$elm_color_extra$Color$Convert$colorToXyz = function (cl) {
-	var c = function (ch) {
-		var ch_ = (ch > 4.045e-2) ? A2($elm$core$Basics$pow, (ch + 5.5e-2) / 1.055, 2.4) : (ch / 12.92);
-		return ch_ * 100;
-	};
-	var _v0 = $avh4$elm_color$Color$toRgba(cl);
-	var red = _v0.red;
-	var green = _v0.green;
-	var blue = _v0.blue;
-	var b = c(blue);
-	var g = c(green);
-	var r = c(red);
-	return {x: ((r * 0.4124) + (g * 0.3576)) + (b * 0.1805), y: ((r * 0.2126) + (g * 0.7152)) + (b * 7.22e-2), z: ((r * 1.93e-2) + (g * 0.1192)) + (b * 0.9505)};
-};
-var $noahzgordon$elm_color_extra$Color$Convert$xyzToLab = function (_v0) {
-	var x = _v0.x;
-	var y = _v0.y;
-	var z = _v0.z;
-	var c = function (ch) {
-		return (ch > 8.856e-3) ? A2($elm$core$Basics$pow, ch, 1 / 3) : ((7.787 * ch) + (16 / 116));
-	};
-	var x_ = c(x / 95.047);
-	var y_ = c(y / 100);
-	var z_ = c(z / 108.883);
-	return {a: 500 * (x_ - y_), b: 200 * (y_ - z_), l: (116 * y_) - 16};
-};
-var $noahzgordon$elm_color_extra$Color$Convert$colorToLab = A2($elm$core$Basics$composeR, $noahzgordon$elm_color_extra$Color$Convert$colorToXyz, $noahzgordon$elm_color_extra$Color$Convert$xyzToLab);
-var $elm$core$Basics$sqrt = _Basics_sqrt;
-var $author$project$Widget$Material$Color$toCIELCH = A2(
-	$elm$core$Basics$composeR,
-	$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-	function (_v0) {
-		var l = _v0.l;
-		var a = _v0.a;
-		var b = _v0.b;
-		return {
-			c: $elm$core$Basics$sqrt((a * a) + (b * b)),
-			h: A2($elm$core$Basics$atan2, b, a),
-			l: l
-		};
-	});
-var $author$project$Widget$Material$Color$withShade = F3(
-	function (c2, amount, c1) {
-		var fun = F2(
-			function (a, b) {
-				return {c: ((a.c * (1 - amount)) + (b.c * amount)) / 1, h: ((a.h * (1 - amount)) + (b.h * amount)) / 1, l: ((a.l * (1 - amount)) + (b.l * amount)) / 1};
-			});
-		var alpha = $avh4$elm_color$Color$toRgba(c1).alpha;
-		return $avh4$elm_color$Color$fromRgba(
-			function (color) {
-				return _Utils_update(
-					color,
-					{alpha: alpha});
-			}(
-				$avh4$elm_color$Color$toRgba(
-					$author$project$Widget$Material$Color$fromCIELCH(
-						A2(
-							fun,
-							$author$project$Widget$Material$Color$toCIELCH(c1),
-							$author$project$Widget$Material$Color$toCIELCH(c2))))));
-	});
-var $author$project$Internal$Material$Button$containedButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: _Utils_ap(
-				$author$project$Internal$Material$Button$baseButton(palette).content.elementRow,
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
-					]))
-		},
-		elementButton: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).elementButton,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$shadow(
-					$author$project$Widget$Material$Color$shadow(2)),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3($author$project$Widget$Material$Color$withShade, palette.on.primary, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary))),
-							$mdgriffith$elm_ui$Element$Border$shadow(
-							$author$project$Widget$Material$Color$shadow(12))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3($author$project$Widget$Material$Color$withShade, palette.on.primary, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary))),
-							$mdgriffith$elm_ui$Element$Border$shadow(
-							$author$project$Widget$Material$Color$shadow(6))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3($author$project$Widget$Material$Color$withShade, palette.on.primary, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
-							$mdgriffith$elm_ui$Element$Border$shadow(
-							$author$project$Widget$Material$Color$shadow(6))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A3($author$project$Widget$Material$Color$withShade, palette.on.primary, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.primary)))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonDisabledOpacity, $author$project$Widget$Material$Color$gray))),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$Border$shadow(
-					$author$project$Widget$Material$Color$shadow(0)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(palette.primary)),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.primary)))
-			])
-	};
-};
-var $author$project$Widget$Material$Typography$h6 = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Font$size(20),
-		$mdgriffith$elm_ui$Element$Font$semiBold,
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(0.15)
-	]);
-var $mdgriffith$elm_ui$Internal$Model$Max = F2(
-	function (a, b) {
-		return {$: 'Max', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Element$maximum = F2(
-	function (i, l) {
-		return A2($mdgriffith$elm_ui$Internal$Model$Max, i, l);
-	});
-var $author$project$Internal$Material$Button$textButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {color: palette.primary, size: 18},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {color: palette.primary, size: 18}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: function (b) {
-				return b.content.elementRow;
-			}(
-				$author$project$Internal$Material$Button$baseButton(palette))
-		},
-		elementButton: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).elementButton,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(palette.primary)),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Internal$Material$Dialog$alertDialog = function (palette) {
-	return {
-		content: {
-			buttons: {
-				content: {
-					accept: $author$project$Internal$Material$Button$containedButton(palette),
-					dismiss: $author$project$Internal$Material$Button$textButton(palette)
-				},
-				elementRow: _List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-						$mdgriffith$elm_ui$Element$spacing(8),
-						$mdgriffith$elm_ui$Element$alignRight,
-						$mdgriffith$elm_ui$Element$alignBottom
-					])
-			},
-			text: {
-				contentText: _List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Element$paddingXY, 24, 0)
-					])
-			},
-			title: {
-				contentText: _Utils_ap(
-					$author$project$Widget$Material$Typography$h6,
-					_List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Element$paddingXY, 24, 20)
-						]))
-			}
-		},
-		elementColumn: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$width(
-				A2(
-					$mdgriffith$elm_ui$Element$minimum,
-					280,
-					A2($mdgriffith$elm_ui$Element$maximum, 560, $mdgriffith$elm_ui$Element$fill))),
-				$mdgriffith$elm_ui$Element$height(
-				A2($mdgriffith$elm_ui$Element$minimum, 182, $mdgriffith$elm_ui$Element$shrink)),
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(palette.surface))
-			])
-	};
-};
-var $author$project$Widget$Material$alertDialog = $author$project$Internal$Material$Dialog$alertDialog;
-var $mdgriffith$elm_ui$Element$Border$roundEach = function (_v0) {
-	var topLeft = _v0.topLeft;
-	var topRight = _v0.topRight;
-	var bottomLeft = _v0.bottomLeft;
-	var bottomRight = _v0.bottomRight;
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderRound,
-		A3(
-			$mdgriffith$elm_ui$Internal$Model$Single,
-			'br-' + ($elm$core$String$fromInt(topLeft) + ('-' + ($elm$core$String$fromInt(topRight) + ($elm$core$String$fromInt(bottomLeft) + ('-' + $elm$core$String$fromInt(bottomRight)))))),
-			'border-radius',
-			$elm$core$String$fromInt(topLeft) + ('px ' + ($elm$core$String$fromInt(topRight) + ('px ' + ($elm$core$String$fromInt(bottomRight) + ('px ' + ($elm$core$String$fromInt(bottomLeft) + 'px'))))))));
-};
-var $author$project$Internal$Material$List$buttonRow = {
-	content: {
-		element: _List_Nil,
-		ifFirst: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$roundEach(
-				{bottomLeft: 2, bottomRight: 0, topLeft: 2, topRight: 0})
-			]),
-		ifLast: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$roundEach(
-				{bottomLeft: 0, bottomRight: 2, topLeft: 0, topRight: 2})
-			]),
-		ifSingleton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$rounded(2)
-			]),
-		otherwise: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$rounded(0)
-			])
-	},
-	elementRow: _List_Nil
-};
-var $author$project$Widget$Material$buttonRow = $author$project$Internal$Material$List$buttonRow;
-var $mdgriffith$elm_ui$Internal$Model$Top = {$: 'Top'};
-var $mdgriffith$elm_ui$Element$alignTop = $mdgriffith$elm_ui$Internal$Model$AlignY($mdgriffith$elm_ui$Internal$Model$Top);
-var $mdgriffith$elm_ui$Internal$Model$BorderWidth = F5(
-	function (a, b, c, d, e) {
-		return {$: 'BorderWidth', a: a, b: b, c: c, d: d, e: e};
-	});
-var $mdgriffith$elm_ui$Element$Border$width = function (v) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderWidth,
-		A5(
-			$mdgriffith$elm_ui$Internal$Model$BorderWidth,
-			'b-' + $elm$core$String$fromInt(v),
-			v,
-			v,
-			v,
-			v));
-};
-var $mdgriffith$elm_ui$Element$Border$widthXY = F2(
-	function (x, y) {
-		return A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$borderWidth,
-			A5(
-				$mdgriffith$elm_ui$Internal$Model$BorderWidth,
-				'b-' + ($elm$core$String$fromInt(x) + ('-' + $elm$core$String$fromInt(y))),
-				y,
-				x,
-				y,
-				x));
-	});
-var $mdgriffith$elm_ui$Element$Border$widthEach = function (_v0) {
-	var bottom = _v0.bottom;
-	var top = _v0.top;
-	var left = _v0.left;
-	var right = _v0.right;
-	return (_Utils_eq(top, bottom) && _Utils_eq(left, right)) ? (_Utils_eq(top, right) ? $mdgriffith$elm_ui$Element$Border$width(top) : A2($mdgriffith$elm_ui$Element$Border$widthXY, left, top)) : A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$borderWidth,
-		A5(
-			$mdgriffith$elm_ui$Internal$Model$BorderWidth,
-			'b-' + ($elm$core$String$fromInt(top) + ('-' + ($elm$core$String$fromInt(right) + ('-' + ($elm$core$String$fromInt(bottom) + ('-' + $elm$core$String$fromInt(left))))))),
-			top,
-			right,
-			bottom,
-			left));
-};
-var $author$project$Internal$Material$List$cardColumn = function (palette) {
-	return {
-		content: {
-			element: _List_fromArray(
-				[
-					A2($mdgriffith$elm_ui$Element$paddingXY, 16, 12),
-					$mdgriffith$elm_ui$Element$height(
-					A2($mdgriffith$elm_ui$Element$minimum, 48, $mdgriffith$elm_ui$Element$shrink)),
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(palette.surface)),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(
-						$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-					$mdgriffith$elm_ui$Element$Border$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface))),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 344, $mdgriffith$elm_ui$Element$fill))
-				]),
-			ifFirst: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$roundEach(
-					{bottomLeft: 0, bottomRight: 0, topLeft: 4, topRight: 4}),
-					$mdgriffith$elm_ui$Element$Border$widthEach(
-					{bottom: 0, left: 1, right: 1, top: 1})
-				]),
-			ifLast: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$roundEach(
-					{bottomLeft: 4, bottomRight: 4, topLeft: 0, topRight: 0}),
-					$mdgriffith$elm_ui$Element$Border$widthEach(
-					{bottom: 1, left: 1, right: 1, top: 0})
-				]),
-			ifSingleton: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$rounded(4),
-					$mdgriffith$elm_ui$Element$Border$width(1)
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$rounded(0),
-					$mdgriffith$elm_ui$Element$Border$widthEach(
-					{bottom: 0, left: 1, right: 1, top: 0})
-				])
-		},
-		elementColumn: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$mouseOver(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Border$shadow(
-						$author$project$Widget$Material$Color$shadow(4))
-					])),
-				$mdgriffith$elm_ui$Element$alignTop,
-				$mdgriffith$elm_ui$Element$Border$rounded(4)
-			])
-	};
-};
-var $author$project$Widget$Material$cardColumn = $author$project$Internal$Material$List$cardColumn;
-var $author$project$Widget$Material$Color$buttonSelectedOpacity = 0.16;
-var $author$project$Widget$Material$Color$textAndBackground = function (color) {
-	return _List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Background$color(
-			$author$project$Widget$Material$Color$fromColor(color)),
-			$mdgriffith$elm_ui$Element$Font$color(
-			$author$project$Widget$Material$Color$fromColor(
-				$author$project$Widget$Material$Color$accessibleTextColor(color)))
-		]);
-};
-var $author$project$Internal$Material$Chip$chip = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface)),
-						size: 18
-					},
-					ifDisabled: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface)),
-						size: 18
-					},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface)),
-						size: 18
-					}
-				},
-				text: {
-					contentText: _List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$paddingEach(
-							{bottom: 0, left: 8, right: 0, top: 0})
-						])
-				}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(0),
-					$mdgriffith$elm_ui$Element$centerY
-				])
-		},
-		elementButton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(32)),
-				$mdgriffith$elm_ui$Element$paddingEach(
-				{bottom: 0, left: 4, right: 12, top: 0}),
-				$mdgriffith$elm_ui$Element$Border$rounded(16),
-				$mdgriffith$elm_ui$Element$mouseDown(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3(
-								$author$project$Widget$Material$Color$withShade,
-								palette.on.surface,
-								$author$project$Widget$Material$Color$buttonPressedOpacity,
-								A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))))
-					])),
-				$mdgriffith$elm_ui$Element$focused(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3(
-								$author$project$Widget$Material$Color$withShade,
-								palette.on.surface,
-								$author$project$Widget$Material$Color$buttonFocusOpacity,
-								A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))))
-					])),
-				$mdgriffith$elm_ui$Element$mouseOver(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3(
-								$author$project$Widget$Material$Color$withShade,
-								palette.on.surface,
-								$author$project$Widget$Material$Color$buttonHoverOpacity,
-								A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))))
-					]))
-			]),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A3(
-						$author$project$Widget$Material$Color$withShade,
-						palette.on.surface,
-						$author$project$Widget$Material$Color$buttonSelectedOpacity,
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface)))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface)))),
-				$mdgriffith$elm_ui$Element$Border$shadow(
-				$author$project$Widget$Material$Color$shadow(4))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_Utils_ap(
-				$author$project$Widget$Material$Color$textAndBackground(
-					A3(
-						$author$project$Widget$Material$Color$withShade,
-						palette.on.surface,
-						$author$project$Widget$Material$Color$buttonDisabledOpacity,
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))),
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-						$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-						$mdgriffith$elm_ui$Element$focused(_List_Nil)
-					]))),
-		otherwise: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.12, palette.on.surface))))
-			])
-	};
-};
-var $author$project$Widget$Material$chip = $author$project$Internal$Material$Chip$chip;
-var $author$project$Internal$Material$List$column = {
-	content: {element: _List_Nil, ifFirst: _List_Nil, ifLast: _List_Nil, ifSingleton: _List_Nil, otherwise: _List_Nil},
-	elementColumn: _List_fromArray(
-		[
-			A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8),
-			$mdgriffith$elm_ui$Element$spacing(8)
-		])
-};
-var $author$project$Widget$Material$column = $author$project$Internal$Material$List$column;
-var $author$project$Widget$Material$containedButton = $author$project$Internal$Material$Button$containedButton;
-var $author$project$Internal$Material$Icon$icon = function (_v0) {
-	var viewBox = _v0.viewBox;
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$svg$Svg$svg(
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$height(
-					$elm$core$String$fromInt(size)),
-					$elm$svg$Svg$Attributes$stroke(
-					$avh4$elm_color$Color$toCssString(color)),
-					$elm$svg$Svg$Attributes$fill(
-					$avh4$elm_color$Color$toCssString(color)),
-					$elm$svg$Svg$Attributes$viewBox(viewBox),
-					$elm$svg$Svg$Attributes$width(
-					$elm$core$String$fromInt(size))
-				])),
-		A2(
-			$elm$core$Basics$composeR,
-			$mdgriffith$elm_ui$Element$html,
-			$mdgriffith$elm_ui$Element$el(_List_Nil)));
-};
-var $author$project$Internal$Material$Icon$expand_less = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M24 16L12 28l2.83 2.83L24 21.66l9.17 9.17L36 28z')
-					]),
-				_List_Nil)
-			]));
-};
-var $author$project$Internal$Material$Icon$expand_more = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M33.17 17.17L24 26.34l-9.17-9.17L12 20l12 12 12-12z')
-					]),
-				_List_Nil)
-			]));
-};
-var $mdgriffith$elm_ui$Element$padding = function (x) {
-	var f = x;
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$padding,
-		A5(
-			$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-			'p-' + $elm$core$String$fromInt(x),
-			f,
-			f,
-			f,
-			f));
-};
-var $author$project$Internal$Material$Item$textItem = function (_v0) {
-	return {
-		content: {
-			content: {
-				content: {
-					content: {color: $author$project$Widget$Material$Color$gray, size: 24},
-					icon: {
-						content: {color: $author$project$Widget$Material$Color$gray, size: 24},
-						element: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width(
-								$mdgriffith$elm_ui$Element$px(40)),
-								$mdgriffith$elm_ui$Element$height(
-								$mdgriffith$elm_ui$Element$px(24))
-							])
-					},
-					text: {
-						elementText: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-							])
-					}
-				},
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spacing(16),
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					])
-			},
-			elementButton: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$padding(16)
-				]),
-			ifDisabled: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil),
-					$mdgriffith$elm_ui$Element$htmlAttribute(
-					A2($elm$html$Html$Attributes$style, 'cursor', 'default'))
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, $author$project$Widget$Material$Color$gray)))
-						]))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$padding(0)
-			])
-	};
-};
-var $author$project$Internal$Material$Item$expansionItem = function (palette) {
-	return {
-		collapseIcon: $author$project$Internal$Material$Icon$expand_less,
-		expandIcon: $author$project$Internal$Material$Icon$expand_more,
-		item: $author$project$Internal$Material$Item$textItem(palette)
-	};
-};
-var $author$project$Widget$Material$expansionItem = $author$project$Internal$Material$Item$expansionItem;
-var $avh4$elm_color$Color$gray = A4($avh4$elm_color$Color$RgbaSpace, 211 / 255, 215 / 255, 207 / 255, 1.0);
-var $author$project$Internal$Material$Item$fullBleedDivider = function (_v0) {
-	return {
-		content: {
-			element: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(1)),
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor($avh4$elm_color$Color$gray))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(1)),
-				$mdgriffith$elm_ui$Element$padding(0),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 0, left: 1, right: 1, top: 0})
-			])
-	};
-};
-var $author$project$Widget$Material$fullBleedDivider = $author$project$Internal$Material$Item$fullBleedDivider;
-var $author$project$Widget$Material$Typography$caption = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Font$size(12),
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(0.4)
-	]);
-var $author$project$Internal$Material$Item$insetDivider = function (_v0) {
-	return {
-		content: {
-			element: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(1)),
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor($avh4$elm_color$Color$gray))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(1)),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 0, left: 1, right: 1, top: 0}),
-				$mdgriffith$elm_ui$Element$paddingEach(
-				{bottom: 0, left: 72, right: 0, top: 0})
-			])
-	};
-};
-var $author$project$Internal$Material$Item$fullBleedHeader = function (palette) {
-	return {
-		content: {
-			content: {
-				divider: $author$project$Internal$Material$Item$insetDivider(palette).content,
-				title: _Utils_ap(
-					$author$project$Widget$Material$Typography$caption,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$color(
-							$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-							A2($mdgriffith$elm_ui$Element$paddingXY, 16, 0)
-						]))
-			},
-			elementColumn: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$spacing(8)
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-				$mdgriffith$elm_ui$Element$padding(0),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 0, left: 1, right: 1, top: 0})
-			])
-	};
-};
-var $author$project$Widget$Material$fullBleedHeader = $author$project$Internal$Material$Item$fullBleedHeader;
-var $author$project$Internal$Material$Button$iconButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {color: palette.primary, size: 18},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {color: palette.primary, size: 18}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).elementButton,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(48)),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 48, $mdgriffith$elm_ui$Element$shrink)),
-					$mdgriffith$elm_ui$Element$Border$rounded(24),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.surface)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.surface)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.surface)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.surface)))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Widget$Material$iconButton = $author$project$Internal$Material$Button$iconButton;
-var $author$project$Internal$Material$Item$imageItem = function (_v0) {
-	return {
-		content: {
-			content: {
-				content: {
-					content: {color: $author$project$Widget$Material$Color$gray, size: 24},
-					image: {
-						element: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width(
-								$mdgriffith$elm_ui$Element$px(40)),
-								$mdgriffith$elm_ui$Element$height(
-								$mdgriffith$elm_ui$Element$px(40))
-							])
-					},
-					text: {
-						elementText: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-							])
-					}
-				},
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spacing(16),
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					])
-			},
-			elementButton: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 16, 8)
-				]),
-			ifDisabled: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil),
-					$mdgriffith$elm_ui$Element$htmlAttribute(
-					A2($elm$html$Html$Attributes$style, 'cursor', 'default'))
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, $author$project$Widget$Material$Color$gray)))
-						]))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$padding(0)
-			])
-	};
-};
-var $author$project$Widget$Material$imageItem = $author$project$Internal$Material$Item$imageItem;
-var $author$project$Widget$Material$insetDivider = $author$project$Internal$Material$Item$insetDivider;
-var $author$project$Widget$Material$Typography$body2 = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Font$size(14),
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25)
-	]);
-var $author$project$Internal$Material$Item$insetHeader = function (palette) {
-	return {
-		content: {
-			content: {
-				divider: $author$project$Internal$Material$Item$insetDivider(palette).content,
-				title: _Utils_ap(
-					$author$project$Widget$Material$Typography$body2,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$color(
-							$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray))
-						]))
-			},
-			elementColumn: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$spacing(12)
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 0, left: 1, right: 1, top: 0}),
-				$mdgriffith$elm_ui$Element$paddingEach(
-				{bottom: 0, left: 72, right: 0, top: 0})
-			])
-	};
-};
-var $author$project$Widget$Material$insetHeader = $author$project$Internal$Material$Item$insetHeader;
-var $author$project$Internal$Material$Layout$drawerButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 18
-					}
-				},
-				text: {
-					contentText: function (b) {
-						return b.content.content.text.contentText;
-					}(
-						$author$project$Internal$Material$Button$baseButton(palette))
-				}
-			},
-			elementRow: $author$project$Internal$Material$Button$baseButton(palette).content.elementRow
-		},
-		elementButton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Font$size(14),
-				$mdgriffith$elm_ui$Element$Font$semiBold,
-				$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(36)),
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-				$mdgriffith$elm_ui$Element$mouseDown(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$focused(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-					])),
-				$mdgriffith$elm_ui$Element$mouseOver(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-					]))
-			]),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(palette.primary))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $mdgriffith$elm_ui$Element$Font$family = function (families) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$fontFamily,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$FontFamily,
-			A3($elm$core$List$foldl, $mdgriffith$elm_ui$Internal$Model$renderFontClassName, 'ff-', families),
-			families));
-};
-var $mdgriffith$elm_ui$Element$layout = $mdgriffith$elm_ui$Element$layoutWith(
-	{options: _List_Nil});
-var $author$project$Widget$Customize$mapContent = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				content: fun(a.content)
-			});
-	});
-var $author$project$Internal$Material$Layout$menu = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M6 36h36v-4H6v4zm0-10h36v-4H6v4zm0-14v4h36v-4H6z')
-					]),
-				_List_Nil)
-			]));
-};
-var $author$project$Internal$Material$Layout$menuTabButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-						size: 18
-					}
-				},
-				text: {contentText: _List_Nil}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$width(
-					A2(
-						$mdgriffith$elm_ui$Element$minimum,
-						90,
-						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(
-						$author$project$Widget$Material$Color$accessibleTextColor(palette.primary))),
-					$mdgriffith$elm_ui$Element$alignBottom,
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 2, left: 0, right: 0, top: 0})
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Internal$Material$Layout$more_vert = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M24 16c2.21 0 4-1.79 4-4s-1.79-4-4-4-4 1.79-4 4 1.79 4 4 4zm0 4c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 12c-2.21 0-4 1.79-4 4s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4z')
-					]),
-				_List_Nil)
-			]));
-};
-var $mdgriffith$elm_ui$Element$Font$sansSerif = $mdgriffith$elm_ui$Internal$Model$SansSerif;
-var $author$project$Internal$Material$Layout$search = function (_v0) {
-	var size = _v0.size;
-	var color = _v0.color;
-	return A2(
-		$author$project$Internal$Material$Icon$icon,
-		{color: color, size: size, viewBox: '0 0 48 48'},
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M31 28h-1.59l-.55-.55C30.82 25.18 32 22.23 32 19c0-7.18-5.82-13-13-13S6 11.82 6 19s5.82 13 13 13c3.23 0 6.18-1.18 8.45-3.13l.55.55V31l10 9.98L40.98 38 31 28zm-12 0c-4.97 0-9-4.03-9-9s4.03-9 9-9 9 4.03 9 9-4.03 9-9 9z')
-					]),
-				_List_Nil)
-			]));
-};
-var $author$project$Widget$Customize$mapElementTextInput = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementTextInput: fun(a.elementTextInput)
-			});
-	});
-var $author$project$Widget$Customize$elementTextInput = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementTextInput,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Customize$mapElementRow = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementRow: fun(a.elementRow)
-			});
-	});
-var $author$project$Internal$Material$TextInput$textInputBase = function (palette) {
-	return {
-		content: {
-			chips: {
-				content: $author$project$Internal$Material$Chip$chip(palette),
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spacing(8)
-					])
-			},
-			text: {
-				elementTextInput: _Utils_ap(
-					$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Border$width(0),
-							$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-							$mdgriffith$elm_ui$Element$focused(_List_Nil)
-						]))
-			}
-		},
-		elementRow: $author$project$Widget$Material$Color$textAndBackground(palette.surface)
-	};
-};
-var $author$project$Internal$Material$TextInput$searchInput = function (palette) {
-	return A2(
-		$author$project$Widget$Customize$mapContent,
-		function (record) {
-			return _Utils_update(
-				record,
-				{
-					text: A2(
-						$author$project$Widget$Customize$elementTextInput,
-						_List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$Border$width(0),
-								A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-								$mdgriffith$elm_ui$Element$height(
-								$mdgriffith$elm_ui$Element$px(32)),
-								$mdgriffith$elm_ui$Element$width(
-								A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))
-							]),
-						record.text)
-				});
-		},
-		A2(
-			$author$project$Widget$Customize$mapElementRow,
-			$elm$core$Basics$always(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$alignRight,
-						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 8),
-						$mdgriffith$elm_ui$Element$Border$rounded(4)
-					])),
-			$author$project$Internal$Material$TextInput$textInputBase(palette)));
-};
-var $author$project$Internal$Material$Sheet$sheet = function (palette) {
-	return {
-		content: {
-			content: {
-				element: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					]),
-				ifFirst: _List_Nil,
-				ifLast: _List_Nil,
-				ifSingleton: _List_Nil,
-				otherwise: _List_Nil
-			},
-			elementColumn: _Utils_ap(
-				$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$width(
-						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill)),
-						$mdgriffith$elm_ui$Element$padding(8),
-						$mdgriffith$elm_ui$Element$spacing(8)
-					]))
-		},
-		element: _List_Nil
-	};
-};
-var $author$project$Widget$Material$Color$accessibleWithTextColor = F2(
-	function (c, color) {
-		var newConstrast = 7;
-		var l2 = 1 + ($avh4$elm_color$Color$toRgba(color).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(color) - 1));
-		var lighterLuminance = (newConstrast * (l2 + 0.05)) - 0.05;
-		var l1 = 1 + ($avh4$elm_color$Color$toRgba(c).alpha * ($noahzgordon$elm_color_extra$Color$Accessibility$luminance(c) - 1));
-		var darkerLuminance = (l2 + 0.05) - (0.05 / newConstrast);
-		return ((_Utils_cmp(l1, l2) > 0) ? ((((l1 + 0.05) / (l2 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * lighterLuminance});
-				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity) : ((((l2 + 0.05) / (l1 + 0.05)) < 7) ? A2(
-			$elm$core$Basics$composeR,
-			$noahzgordon$elm_color_extra$Color$Convert$colorToLab,
-			A2(
-				$elm$core$Basics$composeR,
-				function (col) {
-					return _Utils_update(
-						col,
-						{l: 100 * darkerLuminance});
-				},
-				$noahzgordon$elm_color_extra$Color$Convert$labToColor)) : $elm$core$Basics$identity))(c);
-	});
-var $author$project$Widget$Material$Color$dark = A3($avh4$elm_color$Color$rgb255, 50, 50, 50);
-var $author$project$Widget$Customize$mapElementButton = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementButton: fun(a.elementButton)
-			});
-	});
-var $author$project$Widget$Customize$elementButton = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementButton,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Internal$Material$Snackbar$snackbar = function (palette) {
-	return {
-		content: {
-			button: A2(
-				$author$project$Widget$Customize$elementButton,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Font$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A2($author$project$Widget$Material$Color$accessibleWithTextColor, palette.primary, $author$project$Widget$Material$Color$dark)))
-					]),
-				$author$project$Internal$Material$Button$textButton(palette)),
-			text: {
-				elementText: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$centerX,
-						A2($mdgriffith$elm_ui$Element$paddingXY, 10, 8)
-					])
-			}
-		},
-		elementRow: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$dark)),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor($author$project$Widget$Material$Color$dark))),
-				$mdgriffith$elm_ui$Element$Border$rounded(4),
-				$mdgriffith$elm_ui$Element$width(
-				A2($mdgriffith$elm_ui$Element$maximum, 344, $mdgriffith$elm_ui$Element$fill)),
-				A2($mdgriffith$elm_ui$Element$paddingXY, 8, 6),
-				$mdgriffith$elm_ui$Element$spacing(8),
-				$mdgriffith$elm_ui$Element$Border$shadow(
-				$author$project$Widget$Material$Color$shadow(2))
-			])
-	};
-};
-var $mdgriffith$elm_ui$Element$Font$typeface = $mdgriffith$elm_ui$Internal$Model$Typeface;
-var $author$project$Internal$Material$Layout$layout = function (palette) {
-	return {
-		container: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.background),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$family(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$typeface('Roboto'),
-							$mdgriffith$elm_ui$Element$Font$sansSerif
-						])),
-					$mdgriffith$elm_ui$Element$Font$size(16),
-					$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
-				])),
-		header: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.primary),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(56)),
-					$mdgriffith$elm_ui$Element$padding(16),
-					$mdgriffith$elm_ui$Element$width(
-					A2($mdgriffith$elm_ui$Element$minimum, 360, $mdgriffith$elm_ui$Element$fill))
-				])),
-		layout: $mdgriffith$elm_ui$Element$layout,
-		menuButton: A2(
-			$author$project$Widget$Customize$mapContent,
-			$author$project$Widget$Customize$mapContent(
-				function (record) {
-					return _Utils_update(
-						record,
-						{
-							icon: {
-								ifActive: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.ifActive.size
-								},
-								ifDisabled: record.icon.ifDisabled,
-								otherwise: {
-									color: $author$project$Widget$Material$Color$accessibleTextColor(palette.primary),
-									size: record.icon.otherwise.size
-								}
-							}
-						});
-				}),
-			$author$project$Internal$Material$Button$iconButton(palette)),
-		menuIcon: $author$project$Internal$Material$Layout$menu,
-		menuTabButton: $author$project$Internal$Material$Layout$menuTabButton(palette),
-		moreVerticalIcon: $author$project$Internal$Material$Layout$more_vert,
-		search: $author$project$Internal$Material$TextInput$searchInput(palette),
-		searchFill: $author$project$Internal$Material$TextInput$textInputBase(palette),
-		searchIcon: $author$project$Internal$Material$Layout$search,
-		sheet: $author$project$Internal$Material$Sheet$sheet(palette),
-		sheetButton: $author$project$Internal$Material$Layout$drawerButton(palette),
-		snackbar: $author$project$Internal$Material$Snackbar$snackbar(palette),
-		spacing: 8,
-		title: _Utils_ap(
-			$author$project$Widget$Material$Typography$h6,
-			_List_fromArray(
-				[
-					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
-				]))
-	};
-};
-var $author$project$Widget$Material$layout = $author$project$Internal$Material$Layout$layout;
-var $author$project$Internal$Material$Item$middleDivider = function (_v0) {
-	return {
-		content: {
-			element: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(1)),
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor($avh4$elm_color$Color$gray))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(1)),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 0, left: 1, right: 1, top: 0}),
-				$mdgriffith$elm_ui$Element$paddingEach(
-				{bottom: 0, left: 16, right: 16, top: 0})
-			])
-	};
-};
-var $author$project$Widget$Material$middleDivider = $author$project$Internal$Material$Item$middleDivider;
-var $author$project$Widget$Material$Typography$body1 = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Font$size(16),
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(0.5)
-	]);
-var $author$project$Internal$Material$Item$multiLineItem = function (_v0) {
-	return {
-		content: {
-			content: {
-				content: {
-					content: {color: $author$project$Widget$Material$Color$gray, size: 24},
-					description: {
-						content: {
-							text: {
-								elementText: _Utils_ap(
-									$author$project$Widget$Material$Typography$body2,
-									_List_fromArray(
-										[
-											$mdgriffith$elm_ui$Element$Font$color(
-											$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray))
-										]))
-							},
-							title: {elementText: $author$project$Widget$Material$Typography$body1}
-						},
-						elementColumn: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-								$mdgriffith$elm_ui$Element$spacing(4)
-							])
-					},
-					icon: {
-						content: {color: $author$project$Widget$Material$Color$gray, size: 24},
-						element: _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$width(
-								$mdgriffith$elm_ui$Element$px(40)),
-								$mdgriffith$elm_ui$Element$height(
-								$mdgriffith$elm_ui$Element$px(24))
-							])
-					}
-				},
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spacing(16),
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					])
-			},
-			elementButton: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$padding(16)
-				]),
-			ifDisabled: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil),
-					$mdgriffith$elm_ui$Element$htmlAttribute(
-					A2($elm$html$Html$Attributes$style, 'cursor', 'default'))
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, $author$project$Widget$Material$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, $author$project$Widget$Material$Color$gray)))
-						]))
-				])
-		},
-		element: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$padding(0)
-			])
-	};
-};
-var $author$project$Widget$Material$multiLineItem = $author$project$Internal$Material$Item$multiLineItem;
-var $author$project$Internal$Material$Button$outlinedButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {color: palette.primary, size: 18},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {color: palette.primary, size: 18}
-				},
-				text: {
-					contentText: $author$project$Internal$Material$Button$baseButton(palette).content.content.text.contentText
-				}
-			},
-			elementRow: _Utils_ap(
-				$author$project$Internal$Material$Button$baseButton(palette).content.elementRow,
-				_List_fromArray(
-					[
-						A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0)
-					]))
-		},
-		elementButton: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).elementButton,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Border$width(1),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(palette.primary)),
-					$mdgriffith$elm_ui$Element$Border$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A3(
-							$author$project$Widget$Material$Color$withShade,
-							palette.primary,
-							$author$project$Widget$Material$Color$buttonHoverOpacity,
-							A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface)))),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Widget$Material$outlinedButton = $author$project$Internal$Material$Button$outlinedButton;
-var $elm$svg$Svg$g = $elm$svg$Svg$trustedNode('g');
-var $elm$svg$Svg$Attributes$strokeDasharray = _VirtualDom_attribute('stroke-dasharray');
-var $elm$svg$Svg$Attributes$strokeDashoffset = _VirtualDom_attribute('stroke-dashoffset');
-var $elm$svg$Svg$Attributes$transform = _VirtualDom_attribute('transform');
-var $elm$svg$Svg$Attributes$xmlSpace = A2(_VirtualDom_attributeNS, 'http://www.w3.org/XML/1998/namespace', 'xml:space');
-var $author$project$Internal$Material$ProgressIndicator$determinateCircularIcon = F3(
-	function (color, attribs, progress) {
-		var strokeDashoffset = function () {
-			var clampedProgress = A3($elm$core$Basics$clamp, 0, 1, progress);
-			return $elm$core$Basics$round(188 - (188 * clampedProgress));
-		}();
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			attribs,
-			$mdgriffith$elm_ui$Element$html(
-				A2(
-					$elm$svg$Svg$svg,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$height('48px'),
-							$elm$svg$Svg$Attributes$width('48px'),
-							$elm$svg$Svg$Attributes$viewBox('0 0 66 66'),
-							$elm$svg$Svg$Attributes$xmlSpace('http://www.w3.org/2000/svg')
-						]),
-					_List_fromArray(
-						[
-							A2(
-							$elm$svg$Svg$g,
-							_List_Nil,
-							_List_fromArray(
-								[
-									A2(
-									$elm$svg$Svg$circle,
-									_List_fromArray(
-										[
-											$elm$svg$Svg$Attributes$fill('none'),
-											$elm$svg$Svg$Attributes$stroke(
-											$avh4$elm_color$Color$toCssString(color)),
-											$elm$svg$Svg$Attributes$strokeWidth('5'),
-											$elm$svg$Svg$Attributes$strokeLinecap('butt'),
-											$elm$svg$Svg$Attributes$cx('33'),
-											$elm$svg$Svg$Attributes$cy('33'),
-											$elm$svg$Svg$Attributes$r('30'),
-											$elm$svg$Svg$Attributes$strokeDasharray('188 188'),
-											$elm$svg$Svg$Attributes$strokeDashoffset(
-											$elm$core$String$fromInt(strokeDashoffset)),
-											$elm$svg$Svg$Attributes$transform('rotate(-90 33 33)')
-										]),
-									_List_Nil)
-								]))
-						]))));
-	});
-var $elm$svg$Svg$animate = $elm$svg$Svg$trustedNode('animate');
-var $elm$svg$Svg$animateTransform = $elm$svg$Svg$trustedNode('animateTransform');
-var $elm$svg$Svg$Attributes$attributeName = _VirtualDom_attribute('attributeName');
-var $elm$svg$Svg$Attributes$begin = _VirtualDom_attribute('begin');
-var $elm$svg$Svg$Attributes$dur = _VirtualDom_attribute('dur');
-var $elm$svg$Svg$Attributes$repeatCount = _VirtualDom_attribute('repeatCount');
-var $elm$svg$Svg$Attributes$type_ = _VirtualDom_attribute('type');
-var $elm$svg$Svg$Attributes$values = function (value) {
-	return A2(
-		_VirtualDom_attribute,
-		'values',
-		_VirtualDom_noJavaScriptUri(value));
-};
-var $author$project$Internal$Material$ProgressIndicator$indeterminateCircularIcon = F2(
-	function (color, attribs) {
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			attribs,
-			$mdgriffith$elm_ui$Element$html(
-				A2(
-					$elm$svg$Svg$svg,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$height('48px'),
-							$elm$svg$Svg$Attributes$width('48px'),
-							$elm$svg$Svg$Attributes$viewBox('0 0 66 66'),
-							$elm$svg$Svg$Attributes$xmlSpace('http://www.w3.org/2000/svg')
-						]),
-					_List_fromArray(
-						[
-							A2(
-							$elm$svg$Svg$g,
-							_List_Nil,
-							_List_fromArray(
-								[
-									A2(
-									$elm$svg$Svg$animateTransform,
-									_List_fromArray(
-										[
-											$elm$svg$Svg$Attributes$attributeName('transform'),
-											$elm$svg$Svg$Attributes$type_('rotate'),
-											$elm$svg$Svg$Attributes$values('0 33 33;270 33 33'),
-											$elm$svg$Svg$Attributes$begin('0s'),
-											$elm$svg$Svg$Attributes$dur('1.4s'),
-											$elm$svg$Svg$Attributes$fill('freeze'),
-											$elm$svg$Svg$Attributes$repeatCount('indefinite')
-										]),
-									_List_Nil),
-									A2(
-									$elm$svg$Svg$circle,
-									_List_fromArray(
-										[
-											$elm$svg$Svg$Attributes$fill('none'),
-											$elm$svg$Svg$Attributes$stroke(
-											$avh4$elm_color$Color$toCssString(color)),
-											$elm$svg$Svg$Attributes$strokeWidth('5'),
-											$elm$svg$Svg$Attributes$strokeLinecap('square'),
-											$elm$svg$Svg$Attributes$cx('33'),
-											$elm$svg$Svg$Attributes$cy('33'),
-											$elm$svg$Svg$Attributes$r('30'),
-											$elm$svg$Svg$Attributes$strokeDasharray('187'),
-											$elm$svg$Svg$Attributes$strokeDashoffset('610')
-										]),
-									_List_fromArray(
-										[
-											A2(
-											$elm$svg$Svg$animateTransform,
-											_List_fromArray(
-												[
-													$elm$svg$Svg$Attributes$attributeName('transform'),
-													$elm$svg$Svg$Attributes$type_('rotate'),
-													$elm$svg$Svg$Attributes$values('0 33 33;135 33 33;450 33 33'),
-													$elm$svg$Svg$Attributes$begin('0s'),
-													$elm$svg$Svg$Attributes$dur('1.4s'),
-													$elm$svg$Svg$Attributes$fill('freeze'),
-													$elm$svg$Svg$Attributes$repeatCount('indefinite')
-												]),
-											_List_Nil),
-											A2(
-											$elm$svg$Svg$animate,
-											_List_fromArray(
-												[
-													$elm$svg$Svg$Attributes$attributeName('stroke-dashoffset'),
-													$elm$svg$Svg$Attributes$values('187;46.75;187'),
-													$elm$svg$Svg$Attributes$begin('0s'),
-													$elm$svg$Svg$Attributes$dur('1.4s'),
-													$elm$svg$Svg$Attributes$fill('freeze'),
-													$elm$svg$Svg$Attributes$repeatCount('indefinite')
-												]),
-											_List_Nil)
-										]))
-								]))
-						]))));
-	});
-var $author$project$Internal$Material$ProgressIndicator$progressIndicator = function (palette) {
-	return {
-		elementFunction: function (maybeProgress) {
-			if (maybeProgress.$ === 'Nothing') {
-				return A2($author$project$Internal$Material$ProgressIndicator$indeterminateCircularIcon, palette.primary, _List_Nil);
-			} else {
-				var progress = maybeProgress.a;
-				return A3($author$project$Internal$Material$ProgressIndicator$determinateCircularIcon, palette.primary, _List_Nil, progress);
-			}
-		}
-	};
-};
-var $author$project$Widget$Material$progressIndicator = $author$project$Internal$Material$ProgressIndicator$progressIndicator;
-var $author$project$Internal$Material$List$row = {
-	content: {element: _List_Nil, ifFirst: _List_Nil, ifLast: _List_Nil, ifSingleton: _List_Nil, otherwise: _List_Nil},
-	elementRow: _List_fromArray(
-		[
-			A2($mdgriffith$elm_ui$Element$paddingXY, 0, 8),
-			$mdgriffith$elm_ui$Element$spacing(8)
-		])
-};
-var $author$project$Widget$Material$row = $author$project$Internal$Material$List$row;
-var $author$project$Internal$Material$SortTable$sortTable = function (palette) {
-	return {
-		content: {
-			ascIcon: $author$project$Internal$Material$Icon$expand_less,
-			defaultIcon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-			descIcon: $author$project$Internal$Material$Icon$expand_more,
-			header: $author$project$Internal$Material$Button$textButton(palette)
-		},
-		elementTable: _List_Nil
-	};
-};
-var $author$project$Widget$Material$sortTable = $author$project$Internal$Material$SortTable$sortTable;
-var $mdgriffith$elm_ui$Internal$Model$MoveX = function (a) {
-	return {$: 'MoveX', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$moveX = $mdgriffith$elm_ui$Internal$Flag$flag(25);
-var $mdgriffith$elm_ui$Element$moveLeft = function (x) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$TransformComponent,
-		$mdgriffith$elm_ui$Internal$Flag$moveX,
-		$mdgriffith$elm_ui$Internal$Model$MoveX(-x));
-};
-var $mdgriffith$elm_ui$Element$moveRight = function (x) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$TransformComponent,
-		$mdgriffith$elm_ui$Internal$Flag$moveX,
-		$mdgriffith$elm_ui$Internal$Model$MoveX(x));
-};
-var $author$project$Internal$Material$Switch$switch = function (palette) {
-	return {
-		content: {
-			element: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(14)),
-					$mdgriffith$elm_ui$Element$width(
-					$mdgriffith$elm_ui$Element$px(34)),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX,
-					$mdgriffith$elm_ui$Element$Border$rounded(10)
-				]),
-			ifActive: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.5, palette.primary)))
-				]),
-			ifDisabled: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$htmlAttribute(
-					A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed')),
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A3($author$project$Widget$Material$Color$withShade, $author$project$Widget$Material$Color$gray, 0.5 * $author$project$Widget$Material$Color$buttonDisabledOpacity, palette.surface)))
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.5, $author$project$Widget$Material$Color$gray)))
-				])
-		},
-		contentInFront: {
-			content: {
-				element: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height(
-						$mdgriffith$elm_ui$Element$px(20)),
-						$mdgriffith$elm_ui$Element$width(
-						$mdgriffith$elm_ui$Element$px(20)),
-						$mdgriffith$elm_ui$Element$centerY,
-						$mdgriffith$elm_ui$Element$centerX,
-						$mdgriffith$elm_ui$Element$Border$rounded(10),
-						$mdgriffith$elm_ui$Element$Border$shadow(
-						$author$project$Widget$Material$Color$shadow(2)),
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(palette.surface))
-					]),
-				ifActive: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3($author$project$Widget$Material$Color$withShade, palette.on.primary, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-					]),
-				ifDisabled: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3($author$project$Widget$Material$Color$withShade, $avh4$elm_color$Color$gray, $author$project$Widget$Material$Color$buttonDisabledOpacity, palette.surface))),
-						$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-						$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-						$mdgriffith$elm_ui$Element$focused(_List_Nil)
-					]),
-				otherwise: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Background$color(
-						$author$project$Widget$Material$Color$fromColor(
-							A3($author$project$Widget$Material$Color$withShade, palette.on.surface, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.surface)))
-					])
-			},
-			element: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(38)),
-					$mdgriffith$elm_ui$Element$width(
-					$mdgriffith$elm_ui$Element$px(38)),
-					$mdgriffith$elm_ui$Element$Border$rounded(19)
-				]),
-			ifActive: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$alignRight,
-					$mdgriffith$elm_ui$Element$moveRight(8)
-				]),
-			ifDisabled: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$htmlAttribute(
-					A2($elm$html$Html$Attributes$style, 'cursor', 'not-allowed'))
-				]),
-			otherwise: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, $avh4$elm_color$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, $avh4$elm_color$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, $avh4$elm_color$Color$gray)))
-						])),
-					$mdgriffith$elm_ui$Element$alignLeft,
-					$mdgriffith$elm_ui$Element$moveLeft(8)
-				])
-		},
-		elementButton: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(38)),
-				$mdgriffith$elm_ui$Element$width(
-				$mdgriffith$elm_ui$Element$px(58 - 18)),
-				$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-				$mdgriffith$elm_ui$Element$focused(_List_Nil),
-				$mdgriffith$elm_ui$Element$mouseOver(_List_Nil)
-			])
-	};
-};
-var $author$project$Widget$Material$switch = $author$project$Internal$Material$Switch$switch;
-var $mdgriffith$elm_ui$Element$spaceEvenly = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$spacing, $mdgriffith$elm_ui$Internal$Style$classes.spaceEvenly);
-var $author$project$Internal$Material$Tab$tabButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {color: palette.primary, size: 18},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 18},
-					otherwise: {color: palette.primary, size: 18}
-				},
-				text: {contentText: _List_Nil}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$centerY,
-					$mdgriffith$elm_ui$Element$centerX
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(48)),
-					$mdgriffith$elm_ui$Element$width(
-					A2(
-						$mdgriffith$elm_ui$Element$minimum,
-						90,
-						A2($mdgriffith$elm_ui$Element$maximum, 360, $mdgriffith$elm_ui$Element$fill))),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 12, 16),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor(palette.primary)),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.primary)))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A2($author$project$Widget$Material$Color$scaleOpacity, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.primary)))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$height(
-				$mdgriffith$elm_ui$Element$px(48)),
-				$mdgriffith$elm_ui$Element$Border$widthEach(
-				{bottom: 2, left: 0, right: 0, top: 0})
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil)
-				])),
-		otherwise: _List_Nil
-	};
-};
-var $author$project$Internal$Material$Tab$tab = function (palette) {
-	return {
-		content: {
-			content: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-				]),
-			tabs: {
-				content: $author$project$Internal$Material$Tab$tabButton(palette),
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spaceEvenly,
-						$mdgriffith$elm_ui$Element$Border$shadow(
-						$author$project$Widget$Material$Color$shadow(4)),
-						$mdgriffith$elm_ui$Element$spacing(8),
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					])
-			}
-		},
-		elementColumn: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$spacing(8),
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-			])
-	};
-};
-var $author$project$Widget$Material$tab = $author$project$Internal$Material$Tab$tab;
-var $author$project$Widget$Material$textButton = $author$project$Internal$Material$Button$textButton;
-var $author$project$Internal$Material$TextInput$textInput = function (palette) {
-	return {
-		content: {
-			chips: {
-				content: $author$project$Internal$Material$Chip$chip(palette),
-				elementRow: _List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$spacing(8)
-					])
-			},
-			text: {
-				elementTextInput: _Utils_ap(
-					$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Border$width(0),
-							$mdgriffith$elm_ui$Element$mouseOver(_List_Nil),
-							$mdgriffith$elm_ui$Element$focused(_List_Nil),
-							$mdgriffith$elm_ui$Element$centerY
-						]))
-			}
-		},
-		elementRow: _Utils_ap(
-			$author$project$Widget$Material$Color$textAndBackground(palette.surface),
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					A2($mdgriffith$elm_ui$Element$paddingXY, 8, 0),
-					$mdgriffith$elm_ui$Element$Border$width(1),
-					$mdgriffith$elm_ui$Element$Border$rounded(4),
-					$mdgriffith$elm_ui$Element$Border$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface))),
-					$mdgriffith$elm_ui$Element$focused(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Border$shadow(
-							$author$project$Widget$Material$Color$shadow(4)),
-							$mdgriffith$elm_ui$Element$Border$color(
-							$author$project$Widget$Material$Color$fromColor(palette.primary))
-						])),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Border$shadow(
-							$author$project$Widget$Material$Color$shadow(2))
-						]))
-				]))
-	};
-};
-var $author$project$Widget$Material$textInput = $author$project$Internal$Material$TextInput$textInput;
-var $author$project$Widget$Material$textItem = $author$project$Internal$Material$Item$textItem;
-var $author$project$Internal$Material$Button$toggleButton = function (palette) {
-	return {
-		content: {
-			content: {
-				icon: {
-					ifActive: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 24
-					},
-					ifDisabled: {color: $author$project$Widget$Material$Color$gray, size: 24},
-					otherwise: {
-						color: $author$project$Widget$Material$Color$accessibleTextColor(palette.surface),
-						size: 24
-					}
-				},
-				text: {
-					contentText: _List_fromArray(
-						[$mdgriffith$elm_ui$Element$centerX])
-				}
-			},
-			elementRow: _List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(8),
-					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-					$mdgriffith$elm_ui$Element$Border$rounded(24),
-					$mdgriffith$elm_ui$Element$padding(8),
-					$mdgriffith$elm_ui$Element$focused(
-					$author$project$Widget$Material$Color$textAndBackground(
-						A3($author$project$Widget$Material$Color$withShade, palette.on.surface, $author$project$Widget$Material$Color$buttonFocusOpacity, palette.surface)))
-				])
-		},
-		elementButton: _Utils_ap(
-			$author$project$Widget$Material$Typography$button,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$width(
-					$mdgriffith$elm_ui$Element$px(48)),
-					$mdgriffith$elm_ui$Element$height(
-					$mdgriffith$elm_ui$Element$px(48)),
-					$mdgriffith$elm_ui$Element$padding(4),
-					$mdgriffith$elm_ui$Element$Border$width(1),
-					$mdgriffith$elm_ui$Element$mouseDown(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3($author$project$Widget$Material$Color$withShade, palette.on.surface, $author$project$Widget$Material$Color$buttonPressedOpacity, palette.surface))),
-							$mdgriffith$elm_ui$Element$Border$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3(
-									$author$project$Widget$Material$Color$withShade,
-									palette.on.surface,
-									$author$project$Widget$Material$Color$buttonPressedOpacity,
-									A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface))))
-						])),
-					$mdgriffith$elm_ui$Element$focused(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Background$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3($author$project$Widget$Material$Color$withShade, palette.on.surface, $author$project$Widget$Material$Color$buttonHoverOpacity, palette.surface))),
-							$mdgriffith$elm_ui$Element$Border$color(
-							$author$project$Widget$Material$Color$fromColor(
-								A3(
-									$author$project$Widget$Material$Color$withShade,
-									palette.on.surface,
-									$author$project$Widget$Material$Color$buttonHoverOpacity,
-									A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface))))
-						]))
-				])),
-		ifActive: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A3($author$project$Widget$Material$Color$withShade, palette.on.surface, $author$project$Widget$Material$Color$buttonSelectedOpacity, palette.surface))),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-				$mdgriffith$elm_ui$Element$Border$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A3(
-						$author$project$Widget$Material$Color$withShade,
-						palette.on.surface,
-						$author$project$Widget$Material$Color$buttonSelectedOpacity,
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface)))),
-				$mdgriffith$elm_ui$Element$mouseOver(_List_Nil)
-			]),
-		ifDisabled: _Utils_ap(
-			$author$project$Internal$Material$Button$baseButton(palette).ifDisabled,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$Background$color(
-					$author$project$Widget$Material$Color$fromColor(palette.surface)),
-					$mdgriffith$elm_ui$Element$Border$color(
-					$author$project$Widget$Material$Color$fromColor(
-						A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface))),
-					$mdgriffith$elm_ui$Element$Font$color(
-					$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$Color$gray)),
-					$mdgriffith$elm_ui$Element$mouseDown(_List_Nil),
-					$mdgriffith$elm_ui$Element$mouseOver(_List_Nil)
-				])),
-		otherwise: _List_fromArray(
-			[
-				$mdgriffith$elm_ui$Element$Background$color(
-				$author$project$Widget$Material$Color$fromColor(palette.surface)),
-				$mdgriffith$elm_ui$Element$Font$color(
-				$author$project$Widget$Material$Color$fromColor(
-					$author$project$Widget$Material$Color$accessibleTextColor(palette.surface))),
-				$mdgriffith$elm_ui$Element$Border$color(
-				$author$project$Widget$Material$Color$fromColor(
-					A2($author$project$Widget$Material$Color$scaleOpacity, 0.14, palette.on.surface)))
-			])
-	};
-};
-var $author$project$Widget$Material$toggleButton = $author$project$Internal$Material$Button$toggleButton;
-var $author$project$Data$Style$style = function (palette) {
-	return {
-		button: $author$project$Widget$Material$outlinedButton(palette),
-		buttonRow: $author$project$Widget$Material$buttonRow,
-		cardColumn: $author$project$Widget$Material$cardColumn(palette),
-		chipButton: $author$project$Widget$Material$chip(palette),
-		column: $author$project$Widget$Material$column,
-		containedButton: $author$project$Widget$Material$containedButton($author$project$Widget$Material$defaultPalette),
-		dialog: $author$project$Widget$Material$alertDialog(palette),
-		expansionItem: $author$project$Widget$Material$expansionItem($author$project$Widget$Material$defaultPalette),
-		fullBleedDivider: $author$project$Widget$Material$fullBleedDivider(palette),
-		fullBleedHeader: $author$project$Widget$Material$fullBleedHeader(palette),
-		iconButton: $author$project$Widget$Material$iconButton($author$project$Widget$Material$defaultPalette),
-		imageItem: $author$project$Widget$Material$imageItem(palette),
-		insetDivider: $author$project$Widget$Material$insetDivider(palette),
-		insetHeader: $author$project$Widget$Material$insetHeader(palette),
-		layout: $author$project$Widget$Material$layout(palette),
-		middleDivider: $author$project$Widget$Material$middleDivider(palette),
-		multiLineItem: $author$project$Widget$Material$multiLineItem(palette),
-		outlinedButton: $author$project$Widget$Material$outlinedButton($author$project$Widget$Material$defaultPalette),
-		primaryButton: $author$project$Widget$Material$containedButton(palette),
-		progressIndicator: $author$project$Widget$Material$progressIndicator(palette),
-		row: $author$project$Widget$Material$row,
-		selectButton: $author$project$Widget$Material$toggleButton(palette),
-		sortTable: $author$project$Widget$Material$sortTable(palette),
-		_switch: $author$project$Widget$Material$switch(palette),
-		tab: $author$project$Widget$Material$tab(palette),
-		textButton: $author$project$Widget$Material$textButton($author$project$Widget$Material$defaultPalette),
-		textInput: $author$project$Widget$Material$textInput(palette),
-		textItem: $author$project$Widget$Material$textItem(palette)
-	};
-};
-var $author$project$Data$Theme$toStyle = function (theme) {
-	if (theme.$ === 'Material') {
-		return $author$project$Data$Style$style($author$project$Widget$Material$defaultPalette);
-	} else {
-		return $author$project$Data$Style$style($author$project$Widget$Material$darkPalette);
-	}
-};
-var $author$project$Internal$Item$toItem = F2(
-	function (style, element) {
-		return function (attr) {
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_Utils_ap(attr, style.element),
-				element(style.content));
-		};
-	});
-var $author$project$Internal$Item$item = function (element) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		{content: _Utils_Tuple0, element: _List_Nil},
-		$elm$core$Basics$always(element));
-};
-var $author$project$Widget$Customize$mapElementColumn = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				elementColumn: fun(a.elementColumn)
-			});
-	});
-var $author$project$Widget$Customize$elementColumn = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementColumn,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Internal$List$internal = F2(
-	function (style, list) {
-		return A2(
-			$elm$core$List$indexedMap,
-			F2(
-				function (i, fun) {
-					return fun(
-						_Utils_ap(
-							style.element,
-							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
-								i,
-								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))));
-				}),
-			list);
-	});
-var $author$project$Internal$List$itemList = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$author$project$Internal$List$internal(style.content),
-		$mdgriffith$elm_ui$Element$column(style.elementColumn));
-};
-var $author$project$Internal$Sheet$sheet = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$author$project$Internal$List$itemList(
-			A2(
-				$author$project$Widget$Customize$elementColumn,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
-					]),
-				style.content)),
-		$mdgriffith$elm_ui$Element$el(
-			_Utils_ap(
-				style.element,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill)
-					]))));
-};
-var $author$project$Widget$Layout$buttonSheet = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$List$map(
-			A2(
-				$elm$core$Basics$composeR,
-				$author$project$Internal$Button$button(style.button),
-				$author$project$Internal$Item$item)),
-		$author$project$Internal$Sheet$sheet(style.sheet));
-};
-var $author$project$Widget$Customize$mapElement = F2(
-	function (fun, a) {
-		return _Utils_update(
-			a,
-			{
-				element: fun(a.element)
-			});
-	});
-var $author$project$Widget$Customize$element = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElement,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $mdgriffith$elm_ui$Element$BigDesktop = {$: 'BigDesktop'};
-var $mdgriffith$elm_ui$Element$Desktop = {$: 'Desktop'};
-var $mdgriffith$elm_ui$Element$Landscape = {$: 'Landscape'};
-var $mdgriffith$elm_ui$Element$Phone = {$: 'Phone'};
-var $mdgriffith$elm_ui$Element$Portrait = {$: 'Portrait'};
-var $mdgriffith$elm_ui$Element$Tablet = {$: 'Tablet'};
-var $mdgriffith$elm_ui$Element$classifyDevice = function (window) {
-	return {
-		_class: function () {
-			var shortSide = A2($elm$core$Basics$min, window.width, window.height);
-			var longSide = A2($elm$core$Basics$max, window.width, window.height);
-			return (shortSide < 600) ? $mdgriffith$elm_ui$Element$Phone : ((longSide <= 1200) ? $mdgriffith$elm_ui$Element$Tablet : (((longSide > 1200) && (longSide <= 1920)) ? $mdgriffith$elm_ui$Element$Desktop : $mdgriffith$elm_ui$Element$BigDesktop));
-		}(),
-		orientation: (_Utils_cmp(window.width, window.height) < 0) ? $mdgriffith$elm_ui$Element$Portrait : $mdgriffith$elm_ui$Element$Landscape
-	};
-};
-var $author$project$Widget$Layout$getDeviceClass = function (window) {
-	return $mdgriffith$elm_ui$Element$classifyDevice(window)._class;
-};
-var $elm$core$List$drop = F2(
-	function (n, list) {
-		drop:
-		while (true) {
-			if (n <= 0) {
-				return list;
-			} else {
-				if (!list.b) {
-					return list;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs;
-					n = $temp$n;
-					list = $temp$list;
-					continue drop;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeReverse = F3(
-	function (n, list, kept) {
-		takeReverse:
-		while (true) {
-			if (n <= 0) {
-				return kept;
-			} else {
-				if (!list.b) {
-					return kept;
-				} else {
-					var x = list.a;
-					var xs = list.b;
-					var $temp$n = n - 1,
-						$temp$list = xs,
-						$temp$kept = A2($elm$core$List$cons, x, kept);
-					n = $temp$n;
-					list = $temp$list;
-					kept = $temp$kept;
-					continue takeReverse;
-				}
-			}
-		}
-	});
-var $elm$core$List$takeTailRec = F2(
-	function (n, list) {
-		return $elm$core$List$reverse(
-			A3($elm$core$List$takeReverse, n, list, _List_Nil));
-	});
-var $elm$core$List$takeFast = F3(
-	function (ctr, n, list) {
-		if (n <= 0) {
-			return _List_Nil;
-		} else {
-			var _v0 = _Utils_Tuple2(n, list);
-			_v0$1:
-			while (true) {
-				_v0$5:
-				while (true) {
-					if (!_v0.b.b) {
-						return list;
-					} else {
-						if (_v0.b.b.b) {
-							switch (_v0.a) {
-								case 1:
-									break _v0$1;
-								case 2:
-									var _v2 = _v0.b;
-									var x = _v2.a;
-									var _v3 = _v2.b;
-									var y = _v3.a;
-									return _List_fromArray(
-										[x, y]);
-								case 3:
-									if (_v0.b.b.b.b) {
-										var _v4 = _v0.b;
-										var x = _v4.a;
-										var _v5 = _v4.b;
-										var y = _v5.a;
-										var _v6 = _v5.b;
-										var z = _v6.a;
-										return _List_fromArray(
-											[x, y, z]);
-									} else {
-										break _v0$5;
-									}
-								default:
-									if (_v0.b.b.b.b && _v0.b.b.b.b.b) {
-										var _v7 = _v0.b;
-										var x = _v7.a;
-										var _v8 = _v7.b;
-										var y = _v8.a;
-										var _v9 = _v8.b;
-										var z = _v9.a;
-										var _v10 = _v9.b;
-										var w = _v10.a;
-										var tl = _v10.b;
-										return (ctr > 1000) ? A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A2($elm$core$List$takeTailRec, n - 4, tl))))) : A2(
-											$elm$core$List$cons,
-											x,
-											A2(
-												$elm$core$List$cons,
-												y,
-												A2(
-													$elm$core$List$cons,
-													z,
-													A2(
-														$elm$core$List$cons,
-														w,
-														A3($elm$core$List$takeFast, ctr + 1, n - 4, tl)))));
-									} else {
-										break _v0$5;
-									}
-							}
-						} else {
-							if (_v0.a === 1) {
-								break _v0$1;
-							} else {
-								break _v0$5;
-							}
-						}
-					}
-				}
-				return list;
-			}
-			var _v1 = _v0.b;
-			var x = _v1.a;
-			return _List_fromArray(
-				[x]);
-		}
-	});
-var $elm$core$List$take = F2(
-	function (n, list) {
-		return A3($elm$core$List$takeFast, 0, n, list);
-	});
-var $author$project$Widget$Layout$partitionActions = function (actions) {
-	return {
-		moreActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$drop, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$drop, 1, actions) : (($elm$core$List$length(actions) === 3) ? actions : A2($elm$core$List$drop, 2, actions))),
-		primaryActions: ($elm$core$List$length(actions) > 4) ? A2($elm$core$List$take, 2, actions) : (($elm$core$List$length(actions) === 4) ? A2($elm$core$List$take, 1, actions) : (($elm$core$List$length(actions) === 3) ? _List_Nil : A2($elm$core$List$take, 2, actions)))
-	};
-};
-var $mdgriffith$elm_ui$Element$Input$HiddenLabel = function (a) {
-	return {$: 'HiddenLabel', a: a};
-};
-var $mdgriffith$elm_ui$Element$Input$labelHidden = $mdgriffith$elm_ui$Element$Input$HiddenLabel;
-var $mdgriffith$elm_ui$Element$Input$TextInputNode = function (a) {
-	return {$: 'TextInputNode', a: a};
-};
-var $mdgriffith$elm_ui$Element$Input$TextArea = {$: 'TextArea'};
-var $mdgriffith$elm_ui$Internal$Model$LivePolite = {$: 'LivePolite'};
-var $mdgriffith$elm_ui$Element$Region$announce = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$LivePolite);
-var $mdgriffith$elm_ui$Element$Input$applyLabel = F3(
-	function (attrs, label, input) {
-		if (label.$ === 'HiddenLabel') {
-			var labelText = label.a;
-			return A4(
-				$mdgriffith$elm_ui$Internal$Model$element,
-				$mdgriffith$elm_ui$Internal$Model$asColumn,
-				$mdgriffith$elm_ui$Internal$Model$NodeName('label'),
-				attrs,
-				$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-					_List_fromArray(
-						[input])));
-		} else {
-			var position = label.a;
-			var labelAttrs = label.b;
-			var labelChild = label.c;
-			var labelElement = A4(
-				$mdgriffith$elm_ui$Internal$Model$element,
-				$mdgriffith$elm_ui$Internal$Model$asEl,
-				$mdgriffith$elm_ui$Internal$Model$div,
-				labelAttrs,
-				$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-					_List_fromArray(
-						[labelChild])));
-			switch (position.$) {
-				case 'Above':
-					return A4(
-						$mdgriffith$elm_ui$Internal$Model$element,
-						$mdgriffith$elm_ui$Internal$Model$asColumn,
-						$mdgriffith$elm_ui$Internal$Model$NodeName('label'),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputLabel),
-							attrs),
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-							_List_fromArray(
-								[labelElement, input])));
-				case 'Below':
-					return A4(
-						$mdgriffith$elm_ui$Internal$Model$element,
-						$mdgriffith$elm_ui$Internal$Model$asColumn,
-						$mdgriffith$elm_ui$Internal$Model$NodeName('label'),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputLabel),
-							attrs),
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-							_List_fromArray(
-								[input, labelElement])));
-				case 'OnRight':
-					return A4(
-						$mdgriffith$elm_ui$Internal$Model$element,
-						$mdgriffith$elm_ui$Internal$Model$asRow,
-						$mdgriffith$elm_ui$Internal$Model$NodeName('label'),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputLabel),
-							attrs),
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-							_List_fromArray(
-								[input, labelElement])));
-				default:
-					return A4(
-						$mdgriffith$elm_ui$Internal$Model$element,
-						$mdgriffith$elm_ui$Internal$Model$asRow,
-						$mdgriffith$elm_ui$Internal$Model$NodeName('label'),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputLabel),
-							attrs),
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-							_List_fromArray(
-								[labelElement, input])));
-			}
-		}
-	});
-var $mdgriffith$elm_ui$Element$Input$autofill = A2(
-	$elm$core$Basics$composeL,
-	$mdgriffith$elm_ui$Internal$Model$Attr,
-	$elm$html$Html$Attributes$attribute('autocomplete'));
-var $mdgriffith$elm_ui$Internal$Model$Behind = {$: 'Behind'};
-var $mdgriffith$elm_ui$Element$behindContent = function (element) {
-	return A2($mdgriffith$elm_ui$Element$createNearby, $mdgriffith$elm_ui$Internal$Model$Behind, element);
-};
-var $mdgriffith$elm_ui$Internal$Model$MoveY = function (a) {
-	return {$: 'MoveY', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Flag$moveY = $mdgriffith$elm_ui$Internal$Flag$flag(26);
-var $mdgriffith$elm_ui$Element$moveUp = function (y) {
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$TransformComponent,
-		$mdgriffith$elm_ui$Internal$Flag$moveY,
-		$mdgriffith$elm_ui$Internal$Model$MoveY(-y));
-};
-var $mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding = function (attrs) {
-	var gatherSpacing = F2(
-		function (attr, found) {
-			if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
-				var _v2 = attr.b;
-				var x = _v2.b;
-				var y = _v2.c;
-				if (found.$ === 'Nothing') {
-					return $elm$core$Maybe$Just(y);
-				} else {
-					return found;
-				}
-			} else {
-				return found;
-			}
-		});
-	var _v0 = A3($elm$core$List$foldr, gatherSpacing, $elm$core$Maybe$Nothing, attrs);
-	if (_v0.$ === 'Nothing') {
-		return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-	} else {
-		var vSpace = _v0.a;
-		return $mdgriffith$elm_ui$Element$moveUp(
-			$elm$core$Basics$floor(vSpace / 2));
-	}
-};
-var $mdgriffith$elm_ui$Element$rgb = F3(
-	function (r, g, b) {
-		return A4($mdgriffith$elm_ui$Internal$Model$Rgba, r, g, b, 1);
-	});
-var $mdgriffith$elm_ui$Element$Input$darkGrey = A3($mdgriffith$elm_ui$Element$rgb, 186 / 255, 189 / 255, 182 / 255);
-var $mdgriffith$elm_ui$Element$Input$defaultTextPadding = A2($mdgriffith$elm_ui$Element$paddingXY, 12, 12);
-var $mdgriffith$elm_ui$Element$Input$white = A3($mdgriffith$elm_ui$Element$rgb, 1, 1, 1);
-var $mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Input$defaultTextPadding,
-		$mdgriffith$elm_ui$Element$Border$rounded(3),
-		$mdgriffith$elm_ui$Element$Border$color($mdgriffith$elm_ui$Element$Input$darkGrey),
-		$mdgriffith$elm_ui$Element$Background$color($mdgriffith$elm_ui$Element$Input$white),
-		$mdgriffith$elm_ui$Element$Border$width(1),
-		$mdgriffith$elm_ui$Element$spacing(5),
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
-	]);
-var $mdgriffith$elm_ui$Element$Input$getHeight = function (attr) {
-	if (attr.$ === 'Height') {
-		var h = attr.a;
-		return $elm$core$Maybe$Just(h);
-	} else {
-		return $elm$core$Maybe$Nothing;
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$Label = function (a) {
-	return {$: 'Label', a: a};
-};
-var $mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute = function (label) {
-	if (label.$ === 'HiddenLabel') {
-		var textLabel = label.a;
-		return $mdgriffith$elm_ui$Internal$Model$Describe(
-			$mdgriffith$elm_ui$Internal$Model$Label(textLabel));
-	} else {
-		return $mdgriffith$elm_ui$Internal$Model$NoAttribute;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$isConstrained = function (len) {
-	isConstrained:
-	while (true) {
-		switch (len.$) {
-			case 'Content':
-				return false;
-			case 'Px':
-				return true;
-			case 'Fill':
-				return true;
-			case 'Min':
-				var l = len.b;
-				var $temp$len = l;
-				len = $temp$len;
-				continue isConstrained;
-			default:
-				var l = len.b;
-				return true;
-		}
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$isHiddenLabel = function (label) {
-	if (label.$ === 'HiddenLabel') {
-		return true;
-	} else {
-		return false;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$isStacked = function (label) {
-	if (label.$ === 'Label') {
-		var loc = label.a;
-		switch (loc.$) {
-			case 'OnRight':
-				return false;
-			case 'OnLeft':
-				return false;
-			case 'Above':
-				return true;
-			default:
-				return true;
-		}
-	} else {
-		return true;
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$negateBox = function (box) {
-	return {bottom: -box.bottom, left: -box.left, right: -box.right, top: -box.top};
-};
-var $elm$html$Html$Events$alwaysStop = function (x) {
-	return _Utils_Tuple2(x, true);
-};
-var $elm$virtual_dom$VirtualDom$MayStopPropagation = function (a) {
-	return {$: 'MayStopPropagation', a: a};
-};
-var $elm$html$Html$Events$stopPropagationOn = F2(
-	function (event, decoder) {
-		return A2(
-			$elm$virtual_dom$VirtualDom$on,
-			event,
-			$elm$virtual_dom$VirtualDom$MayStopPropagation(decoder));
-	});
-var $elm$json$Json$Decode$at = F2(
-	function (fields, decoder) {
-		return A3($elm$core$List$foldr, $elm$json$Json$Decode$field, decoder, fields);
-	});
-var $elm$html$Html$Events$targetValue = A2(
-	$elm$json$Json$Decode$at,
-	_List_fromArray(
-		['target', 'value']),
-	$elm$json$Json$Decode$string);
-var $elm$html$Html$Events$onInput = function (tagger) {
-	return A2(
-		$elm$html$Html$Events$stopPropagationOn,
-		'input',
-		A2(
-			$elm$json$Json$Decode$map,
-			$elm$html$Html$Events$alwaysStop,
-			A2($elm$json$Json$Decode$map, tagger, $elm$html$Html$Events$targetValue)));
-};
-var $mdgriffith$elm_ui$Element$Input$isFill = function (len) {
-	isFill:
-	while (true) {
-		switch (len.$) {
-			case 'Fill':
-				return true;
-			case 'Content':
-				return false;
-			case 'Px':
-				return false;
-			case 'Min':
-				var l = len.b;
-				var $temp$len = l;
-				len = $temp$len;
-				continue isFill;
-			default:
-				var l = len.b;
-				var $temp$len = l;
-				len = $temp$len;
-				continue isFill;
-		}
-	}
-};
-var $mdgriffith$elm_ui$Element$Input$isPixel = function (len) {
-	isPixel:
-	while (true) {
-		switch (len.$) {
-			case 'Content':
-				return false;
-			case 'Px':
-				return true;
-			case 'Fill':
-				return false;
-			case 'Min':
-				var l = len.b;
-				var $temp$len = l;
-				len = $temp$len;
-				continue isPixel;
-			default:
-				var l = len.b;
-				var $temp$len = l;
-				len = $temp$len;
-				continue isPixel;
-		}
-	}
-};
-var $mdgriffith$elm_ui$Internal$Model$paddingNameFloat = F4(
-	function (top, right, bottom, left) {
-		return 'pad-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(top) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(right) + ('-' + ($mdgriffith$elm_ui$Internal$Model$floatClass(bottom) + ('-' + $mdgriffith$elm_ui$Internal$Model$floatClass(left)))))));
-	});
-var $mdgriffith$elm_ui$Element$Input$redistributeOver = F4(
-	function (isMultiline, stacked, attr, els) {
-		switch (attr.$) {
-			case 'Nearby':
-				return _Utils_update(
-					els,
-					{
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					});
-			case 'Width':
-				var width = attr.a;
-				return $mdgriffith$elm_ui$Element$Input$isFill(width) ? _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent),
-						input: A2($elm$core$List$cons, attr, els.input),
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					}) : (stacked ? _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent)
-					}) : _Utils_update(
-					els,
-					{
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					}));
-			case 'Height':
-				var height = attr.a;
-				return (!stacked) ? _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent),
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					}) : ($mdgriffith$elm_ui$Element$Input$isFill(height) ? _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent),
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					}) : ($mdgriffith$elm_ui$Element$Input$isPixel(height) ? _Utils_update(
-					els,
-					{
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					}) : _Utils_update(
-					els,
-					{
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					})));
-			case 'AlignX':
-				return _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent)
-					});
-			case 'AlignY':
-				return _Utils_update(
-					els,
-					{
-						fullParent: A2($elm$core$List$cons, attr, els.fullParent)
-					});
-			case 'StyleClass':
-				switch (attr.b.$) {
-					case 'SpacingStyle':
-						var _v1 = attr.b;
-						return _Utils_update(
-							els,
-							{
-								fullParent: A2($elm$core$List$cons, attr, els.fullParent),
-								input: A2($elm$core$List$cons, attr, els.input),
-								parent: A2($elm$core$List$cons, attr, els.parent),
-								wrapper: A2($elm$core$List$cons, attr, els.wrapper)
-							});
-					case 'PaddingStyle':
-						var cls = attr.a;
-						var _v2 = attr.b;
-						var pad = _v2.a;
-						var t = _v2.b;
-						var r = _v2.c;
-						var b = _v2.d;
-						var l = _v2.e;
-						if (isMultiline) {
-							return _Utils_update(
-								els,
-								{
-									cover: A2($elm$core$List$cons, attr, els.cover),
-									parent: A2($elm$core$List$cons, attr, els.parent)
-								});
-						} else {
-							var newTop = t - A2($elm$core$Basics$min, t, b);
-							var newLineHeight = $mdgriffith$elm_ui$Element$htmlAttribute(
-								A2(
-									$elm$html$Html$Attributes$style,
-									'line-height',
-									'calc(1.0em + ' + ($elm$core$String$fromFloat(
-										2 * A2($elm$core$Basics$min, t, b)) + 'px)')));
-							var newHeight = $mdgriffith$elm_ui$Element$htmlAttribute(
-								A2(
-									$elm$html$Html$Attributes$style,
-									'height',
-									'calc(1.0em + ' + ($elm$core$String$fromFloat(
-										2 * A2($elm$core$Basics$min, t, b)) + 'px)')));
-							var newBottom = b - A2($elm$core$Basics$min, t, b);
-							var reducedVerticalPadding = A2(
-								$mdgriffith$elm_ui$Internal$Model$StyleClass,
-								$mdgriffith$elm_ui$Internal$Flag$padding,
-								A5(
-									$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-									A4($mdgriffith$elm_ui$Internal$Model$paddingNameFloat, newTop, r, newBottom, l),
-									newTop,
-									r,
-									newBottom,
-									l));
-							return _Utils_update(
-								els,
-								{
-									cover: A2($elm$core$List$cons, attr, els.cover),
-									input: A2(
-										$elm$core$List$cons,
-										newHeight,
-										A2($elm$core$List$cons, newLineHeight, els.input)),
-									parent: A2($elm$core$List$cons, reducedVerticalPadding, els.parent)
-								});
-						}
-					case 'BorderWidth':
-						var _v3 = attr.b;
-						return _Utils_update(
-							els,
-							{
-								cover: A2($elm$core$List$cons, attr, els.cover),
-								parent: A2($elm$core$List$cons, attr, els.parent)
-							});
-					case 'Transform':
-						return _Utils_update(
-							els,
-							{
-								cover: A2($elm$core$List$cons, attr, els.cover),
-								parent: A2($elm$core$List$cons, attr, els.parent)
-							});
-					case 'FontSize':
-						return _Utils_update(
-							els,
-							{
-								fullParent: A2($elm$core$List$cons, attr, els.fullParent)
-							});
-					case 'FontFamily':
-						var _v4 = attr.b;
-						return _Utils_update(
-							els,
-							{
-								fullParent: A2($elm$core$List$cons, attr, els.fullParent)
-							});
-					default:
-						var flag = attr.a;
-						var cls = attr.b;
-						return _Utils_update(
-							els,
-							{
-								parent: A2($elm$core$List$cons, attr, els.parent)
-							});
-				}
-			case 'NoAttribute':
-				return els;
-			case 'Attr':
-				var a = attr.a;
-				return _Utils_update(
-					els,
-					{
-						input: A2($elm$core$List$cons, attr, els.input)
-					});
-			case 'Describe':
-				return _Utils_update(
-					els,
-					{
-						input: A2($elm$core$List$cons, attr, els.input)
-					});
-			case 'Class':
-				return _Utils_update(
-					els,
-					{
-						parent: A2($elm$core$List$cons, attr, els.parent)
-					});
-			default:
-				return _Utils_update(
-					els,
-					{
-						input: A2($elm$core$List$cons, attr, els.input)
-					});
-		}
-	});
-var $mdgriffith$elm_ui$Element$Input$redistribute = F3(
-	function (isMultiline, stacked, attrs) {
-		return function (redist) {
-			return {
-				cover: $elm$core$List$reverse(redist.cover),
-				fullParent: $elm$core$List$reverse(redist.fullParent),
-				input: $elm$core$List$reverse(redist.input),
-				parent: $elm$core$List$reverse(redist.parent),
-				wrapper: $elm$core$List$reverse(redist.wrapper)
-			};
-		}(
-			A3(
-				$elm$core$List$foldl,
-				A2($mdgriffith$elm_ui$Element$Input$redistributeOver, isMultiline, stacked),
-				{cover: _List_Nil, fullParent: _List_Nil, input: _List_Nil, parent: _List_Nil, wrapper: _List_Nil},
-				attrs));
-	});
-var $mdgriffith$elm_ui$Element$Input$renderBox = function (_v0) {
-	var top = _v0.top;
-	var right = _v0.right;
-	var bottom = _v0.bottom;
-	var left = _v0.left;
-	return $elm$core$String$fromInt(top) + ('px ' + ($elm$core$String$fromInt(right) + ('px ' + ($elm$core$String$fromInt(bottom) + ('px ' + ($elm$core$String$fromInt(left) + 'px'))))));
-};
-var $mdgriffith$elm_ui$Internal$Model$Transparency = F2(
-	function (a, b) {
-		return {$: 'Transparency', a: a, b: b};
-	});
-var $mdgriffith$elm_ui$Internal$Flag$transparency = $mdgriffith$elm_ui$Internal$Flag$flag(0);
-var $mdgriffith$elm_ui$Element$alpha = function (o) {
-	var transparency = function (x) {
-		return 1 - x;
-	}(
-		A2(
-			$elm$core$Basics$min,
-			1.0,
-			A2($elm$core$Basics$max, 0.0, o)));
-	return A2(
-		$mdgriffith$elm_ui$Internal$Model$StyleClass,
-		$mdgriffith$elm_ui$Internal$Flag$transparency,
-		A2(
-			$mdgriffith$elm_ui$Internal$Model$Transparency,
-			'transparency-' + $mdgriffith$elm_ui$Internal$Model$floatClass(transparency),
-			transparency));
-};
-var $mdgriffith$elm_ui$Element$Input$charcoal = A3($mdgriffith$elm_ui$Element$rgb, 136 / 255, 138 / 255, 133 / 255);
-var $mdgriffith$elm_ui$Element$rgba = $mdgriffith$elm_ui$Internal$Model$Rgba;
-var $mdgriffith$elm_ui$Element$Input$renderPlaceholder = F3(
-	function (_v0, forPlaceholder, on) {
-		var placeholderAttrs = _v0.a;
-		var placeholderEl = _v0.b;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				forPlaceholder,
-				_Utils_ap(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Font$color($mdgriffith$elm_ui$Element$Input$charcoal),
-							$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.noTextSelection + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.passPointerEvents)),
-							$mdgriffith$elm_ui$Element$clip,
-							$mdgriffith$elm_ui$Element$Border$color(
-							A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)),
-							$mdgriffith$elm_ui$Element$Background$color(
-							A4($mdgriffith$elm_ui$Element$rgba, 0, 0, 0, 0)),
-							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-							$mdgriffith$elm_ui$Element$alpha(
-							on ? 1 : 0)
-						]),
-					placeholderAttrs)),
-			placeholderEl);
-	});
-var $mdgriffith$elm_ui$Element$scrollbarY = A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$overflow, $mdgriffith$elm_ui$Internal$Style$classes.scrollbarsY);
-var $elm$html$Html$span = _VirtualDom_node('span');
-var $elm$html$Html$Attributes$spellcheck = $elm$html$Html$Attributes$boolProperty('spellcheck');
-var $mdgriffith$elm_ui$Element$Input$spellcheck = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$spellcheck);
-var $elm$html$Html$Attributes$type_ = $elm$html$Html$Attributes$stringProperty('type');
-var $elm$html$Html$Attributes$value = $elm$html$Html$Attributes$stringProperty('value');
-var $mdgriffith$elm_ui$Element$Input$value = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Attr, $elm$html$Html$Attributes$value);
-var $mdgriffith$elm_ui$Element$Input$textHelper = F3(
-	function (textInput, attrs, textOptions) {
-		var withDefaults = _Utils_ap($mdgriffith$elm_ui$Element$Input$defaultTextBoxStyle, attrs);
-		var redistributed = A3(
-			$mdgriffith$elm_ui$Element$Input$redistribute,
-			_Utils_eq(textInput.type_, $mdgriffith$elm_ui$Element$Input$TextArea),
-			$mdgriffith$elm_ui$Element$Input$isStacked(textOptions.label),
-			withDefaults);
-		var onlySpacing = function (attr) {
-			if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
-				var _v9 = attr.b;
-				return true;
-			} else {
-				return false;
-			}
-		};
-		var heightConstrained = function () {
-			var _v7 = textInput.type_;
-			if (_v7.$ === 'TextInputNode') {
-				var inputType = _v7.a;
-				return false;
-			} else {
-				return A2(
-					$elm$core$Maybe$withDefault,
-					false,
-					A2(
-						$elm$core$Maybe$map,
-						$mdgriffith$elm_ui$Element$Input$isConstrained,
-						$elm$core$List$head(
-							$elm$core$List$reverse(
-								A2($elm$core$List$filterMap, $mdgriffith$elm_ui$Element$Input$getHeight, withDefaults)))));
-			}
-		}();
-		var getPadding = function (attr) {
-			if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) {
-				var cls = attr.a;
-				var _v6 = attr.b;
-				var pad = _v6.a;
-				var t = _v6.b;
-				var r = _v6.c;
-				var b = _v6.d;
-				var l = _v6.e;
-				return $elm$core$Maybe$Just(
-					{
-						bottom: A2(
-							$elm$core$Basics$max,
-							0,
-							$elm$core$Basics$floor(b - 3)),
-						left: A2(
-							$elm$core$Basics$max,
-							0,
-							$elm$core$Basics$floor(l - 3)),
-						right: A2(
-							$elm$core$Basics$max,
-							0,
-							$elm$core$Basics$floor(r - 3)),
-						top: A2(
-							$elm$core$Basics$max,
-							0,
-							$elm$core$Basics$floor(t - 3))
-					});
-			} else {
-				return $elm$core$Maybe$Nothing;
-			}
-		};
-		var parentPadding = A2(
-			$elm$core$Maybe$withDefault,
-			{bottom: 0, left: 0, right: 0, top: 0},
-			$elm$core$List$head(
-				$elm$core$List$reverse(
-					A2($elm$core$List$filterMap, getPadding, withDefaults))));
-		var inputElement = A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			function () {
-				var _v3 = textInput.type_;
-				if (_v3.$ === 'TextInputNode') {
-					var inputType = _v3.a;
-					return $mdgriffith$elm_ui$Internal$Model$NodeName('input');
-				} else {
-					return $mdgriffith$elm_ui$Internal$Model$NodeName('textarea');
-				}
-			}(),
-			_Utils_ap(
-				function () {
-					var _v4 = textInput.type_;
-					if (_v4.$ === 'TextInputNode') {
-						var inputType = _v4.a;
-						return _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Internal$Model$Attr(
-								$elm$html$Html$Attributes$type_(inputType)),
-								$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputText)
-							]);
-					} else {
-						return _List_fromArray(
-							[
-								$mdgriffith$elm_ui$Element$clip,
-								$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-								$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultiline),
-								$mdgriffith$elm_ui$Element$Input$calcMoveToCompensateForPadding(withDefaults),
-								$mdgriffith$elm_ui$Element$paddingEach(parentPadding),
-								$mdgriffith$elm_ui$Internal$Model$Attr(
-								A2(
-									$elm$html$Html$Attributes$style,
-									'margin',
-									$mdgriffith$elm_ui$Element$Input$renderBox(
-										$mdgriffith$elm_ui$Element$Input$negateBox(parentPadding)))),
-								$mdgriffith$elm_ui$Internal$Model$Attr(
-								A2($elm$html$Html$Attributes$style, 'box-sizing', 'content-box'))
-							]);
-					}
-				}(),
-				_Utils_ap(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Input$value(textOptions.text),
-							$mdgriffith$elm_ui$Internal$Model$Attr(
-							$elm$html$Html$Events$onInput(textOptions.onChange)),
-							$mdgriffith$elm_ui$Element$Input$hiddenLabelAttribute(textOptions.label),
-							$mdgriffith$elm_ui$Element$Input$spellcheck(textInput.spellchecked),
-							A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Internal$Model$NoAttribute,
-							A2($elm$core$Maybe$map, $mdgriffith$elm_ui$Element$Input$autofill, textInput.autofill))
-						]),
-					redistributed.input)),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(_List_Nil));
-		var wrappedInput = function () {
-			var _v0 = textInput.type_;
-			if (_v0.$ === 'TextArea') {
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$element,
-					$mdgriffith$elm_ui$Internal$Model$asEl,
-					$mdgriffith$elm_ui$Internal$Model$div,
-					_Utils_ap(
-						(heightConstrained ? $elm$core$List$cons($mdgriffith$elm_ui$Element$scrollbarY) : $elm$core$Basics$identity)(
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-									A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin),
-									$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineWrapper)
-								])),
-						redistributed.parent),
-					$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-						_List_fromArray(
-							[
-								A4(
-								$mdgriffith$elm_ui$Internal$Model$element,
-								$mdgriffith$elm_ui$Internal$Model$asParagraph,
-								$mdgriffith$elm_ui$Internal$Model$div,
-								A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-									A2(
-										$elm$core$List$cons,
-										$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-										A2(
-											$elm$core$List$cons,
-											$mdgriffith$elm_ui$Element$inFront(inputElement),
-											A2(
-												$elm$core$List$cons,
-												$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineParent),
-												redistributed.wrapper)))),
-								$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-									function () {
-										if (textOptions.text === '') {
-											var _v1 = textOptions.placeholder;
-											if (_v1.$ === 'Nothing') {
-												return _List_fromArray(
-													[
-														$mdgriffith$elm_ui$Element$text('\u00A0')
-													]);
-											} else {
-												var place = _v1.a;
-												return _List_fromArray(
-													[
-														A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, _List_Nil, textOptions.text === '')
-													]);
-											}
-										} else {
-											return _List_fromArray(
-												[
-													$mdgriffith$elm_ui$Internal$Model$unstyled(
-													A2(
-														$elm$html$Html$span,
-														_List_fromArray(
-															[
-																$elm$html$Html$Attributes$class($mdgriffith$elm_ui$Internal$Style$classes.inputMultilineFiller)
-															]),
-														_List_fromArray(
-															[
-																$elm$html$Html$text(textOptions.text + '\u00A0')
-															])))
-												]);
-										}
-									}()))
-							])));
-			} else {
-				var inputType = _v0.a;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$element,
-					$mdgriffith$elm_ui$Internal$Model$asEl,
-					$mdgriffith$elm_ui$Internal$Model$div,
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-						A2(
-							$elm$core$List$cons,
-							A2($elm$core$List$any, $mdgriffith$elm_ui$Element$Input$hasFocusStyle, withDefaults) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.focusedWithin),
-							$elm$core$List$concat(
-								_List_fromArray(
-									[
-										redistributed.parent,
-										function () {
-										var _v2 = textOptions.placeholder;
-										if (_v2.$ === 'Nothing') {
-											return _List_Nil;
-										} else {
-											var place = _v2.a;
-											return _List_fromArray(
-												[
-													$mdgriffith$elm_ui$Element$behindContent(
-													A3($mdgriffith$elm_ui$Element$Input$renderPlaceholder, place, redistributed.cover, textOptions.text === ''))
-												]);
-										}
-									}()
-									])))),
-					$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-						_List_fromArray(
-							[inputElement])));
-			}
-		}();
-		return A3(
-			$mdgriffith$elm_ui$Element$Input$applyLabel,
-			A2(
-				$elm$core$List$cons,
-				A2($mdgriffith$elm_ui$Internal$Model$Class, $mdgriffith$elm_ui$Internal$Flag$cursor, $mdgriffith$elm_ui$Internal$Style$classes.cursorText),
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Element$Input$isHiddenLabel(textOptions.label) ? $mdgriffith$elm_ui$Internal$Model$NoAttribute : $mdgriffith$elm_ui$Element$spacing(5),
-					A2($elm$core$List$cons, $mdgriffith$elm_ui$Element$Region$announce, redistributed.fullParent))),
-			textOptions.label,
-			wrappedInput);
-	});
-var $mdgriffith$elm_ui$Element$Input$text = $mdgriffith$elm_ui$Element$Input$textHelper(
-	{
-		autofill: $elm$core$Maybe$Nothing,
-		spellchecked: false,
-		type_: $mdgriffith$elm_ui$Element$Input$TextInputNode('text')
-	});
-var $author$project$Internal$TextInput$textInput = F2(
-	function (style, _v0) {
-		var chips = _v0.chips;
-		var placeholder = _v0.placeholder;
-		var label = _v0.label;
-		var text = _v0.text;
-		var onChange = _v0.onChange;
-		return A2(
-			$mdgriffith$elm_ui$Element$row,
-			style.elementRow,
-			_List_fromArray(
-				[
-					$elm$core$List$isEmpty(chips) ? $mdgriffith$elm_ui$Element$none : A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.chips.elementRow,
-					A2(
-						$elm$core$List$map,
-						$author$project$Internal$Button$button(style.content.chips.content),
-						chips)),
-					A2(
-					$mdgriffith$elm_ui$Element$Input$text,
-					style.content.text.elementTextInput,
-					{
-						label: $mdgriffith$elm_ui$Element$Input$labelHidden(label),
-						onChange: onChange,
-						placeholder: placeholder,
-						text: text
-					})
-				]));
-	});
-var $author$project$Widget$Snackbar$current = function (model) {
-	return A2($elm$core$Maybe$map, $elm$core$Tuple$first, model.current);
-};
-var $author$project$Widget$Snackbar$view = F3(
-	function (style, toMessage, model) {
-		return A2(
-			$elm$core$Maybe$map,
-			A2(
-				$elm$core$Basics$composeR,
-				toMessage,
-				function (_v0) {
-					var text = _v0.text;
-					var button = _v0.button;
-					return A2(
-						$mdgriffith$elm_ui$Element$row,
-						style.elementRow,
-						_List_fromArray(
-							[
-								A2(
-								$mdgriffith$elm_ui$Element$paragraph,
-								style.content.text.elementText,
-								$elm$core$List$singleton(
-									$mdgriffith$elm_ui$Element$text(text))),
-								A2(
-								$elm$core$Maybe$withDefault,
-								$mdgriffith$elm_ui$Element$none,
-								A2(
-									$elm$core$Maybe$map,
-									$author$project$Internal$Button$textButton(style.content.button),
-									button))
-							]));
-				}),
-			$author$project$Widget$Snackbar$current(model));
-	});
-var $author$project$Internal$Select$select = function (_v0) {
-	var selected = _v0.selected;
-	var options = _v0.options;
-	var onSelect = _v0.onSelect;
-	return A2(
-		$elm$core$List$indexedMap,
-		F2(
-			function (i, a) {
-				return _Utils_Tuple2(
-					_Utils_eq(
-						selected,
-						$elm$core$Maybe$Just(i)),
-					{
-						icon: a.icon,
-						onPress: onSelect(i),
-						text: a.text
-					});
-			}),
-		options);
-};
-var $author$project$Internal$Select$selectButton = F2(
-	function (style, _v0) {
-		var selected = _v0.a;
-		var b = _v0.b;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : (selected ? style.ifActive : style.otherwise)),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.elementRow,
-					_List_fromArray(
-						[
-							b.icon(
-							_Utils_eq(b.onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : (selected ? style.content.content.icon.ifActive : style.content.content.icon.otherwise)),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.content.content.text.contentText,
-							$mdgriffith$elm_ui$Element$text(b.text))
-						])),
-				onPress: b.onPress
-			});
-	});
-var $author$project$Widget$Layout$viewLeftSheet = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
-		return A2(
-			$author$project$Internal$Sheet$sheet,
-			A2(
-				$author$project$Widget$Customize$mapContent,
-				$author$project$Widget$Customize$elementColumn(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-						])),
-				A2(
-					$author$project$Widget$Customize$element,
-					_List_fromArray(
-						[$mdgriffith$elm_ui$Element$alignLeft]),
-					style.sheet)),
-			A2(
-				$elm$core$List$cons,
-				$author$project$Internal$Item$item(title),
-				A2(
-					$elm$core$List$map,
-					A2(
-						$elm$core$Basics$composeR,
-						$author$project$Internal$Select$selectButton(style.sheetButton),
-						$author$project$Internal$Item$item),
-					$author$project$Internal$Select$select(menu))));
-	});
-var $author$project$Widget$Layout$LeftSheet = {$: 'LeftSheet'};
-var $author$project$Widget$Layout$RightSheet = {$: 'RightSheet'};
-var $author$project$Widget$Layout$Search = {$: 'Search'};
-var $mdgriffith$elm_ui$Element$Region$description = A2($elm$core$Basics$composeL, $mdgriffith$elm_ui$Internal$Model$Describe, $mdgriffith$elm_ui$Internal$Model$Label);
-var $author$project$Internal$Button$iconButton = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_Utils_ap(
-					_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$Region$description(text)
-						]))),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$el,
-					style.content.elementRow,
-					icon(
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.content.icon.ifDisabled : style.content.content.icon.otherwise)),
-				onPress: onPress
-			});
-	});
-var $author$project$Widget$Layout$viewNav = F2(
-	function (style, _v0) {
-		var title = _v0.title;
-		var menu = _v0.menu;
-		var deviceClass = _v0.deviceClass;
-		var onChangedSidebar = _v0.onChangedSidebar;
-		var primaryActions = _v0.primaryActions;
-		var moreActions = _v0.moreActions;
-		var search = _v0.search;
-		return A2(
-			$mdgriffith$elm_ui$Element$row,
-			_Utils_ap(
-				style.header,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$padding(0),
-						$mdgriffith$elm_ui$Element$centerX,
-						$mdgriffith$elm_ui$Element$spacing(style.spacing),
-						$mdgriffith$elm_ui$Element$alignTop,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-					])),
-			_List_fromArray(
-				[
-					A2(
-					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							$mdgriffith$elm_ui$Element$spacing(style.spacing)
-						]),
-					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) || ($elm$core$List$length(menu.options) > 5))) ? _List_fromArray(
-						[
-							A2(
-							$author$project$Internal$Button$iconButton,
-							style.menuButton,
-							{
-								icon: style.menuIcon,
-								onPress: $elm$core$Maybe$Just(
-									onChangedSidebar(
-										$elm$core$Maybe$Just($author$project$Widget$Layout$LeftSheet))),
-								text: 'Menu'
-							}),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							style.title,
-							A2(
-								$elm$core$Maybe$withDefault,
-								title,
-								A2(
-									$elm$core$Maybe$map,
-									A2(
-										$elm$core$Basics$composeR,
-										function ($) {
-											return $.text;
-										},
-										$mdgriffith$elm_ui$Element$text),
-									A2(
-										$elm$core$Maybe$andThen,
-										function (option) {
-											return A2(
-												$elm$core$Array$get,
-												option,
-												$elm$core$Array$fromList(menu.options));
-										},
-										menu.selected))))
-						]) : _List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Element$el, style.title, title),
-							A2(
-							$mdgriffith$elm_ui$Element$row,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-								]),
-							A2(
-								$elm$core$List$map,
-								$author$project$Internal$Select$selectButton(style.menuTabButton),
-								$author$project$Internal$Select$select(menu)))
-						])),
-					(_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) || _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet)) ? $mdgriffith$elm_ui$Element$none : A2(
-					$elm$core$Maybe$withDefault,
-					$mdgriffith$elm_ui$Element$none,
-					A2(
-						$elm$core$Maybe$map,
-						function (_v1) {
-							var onChange = _v1.onChange;
-							var text = _v1.text;
-							var label = _v1.label;
-							return A2(
-								$author$project$Internal$TextInput$textInput,
-								style.search,
-								{
-									chips: _List_Nil,
-									label: label,
-									onChange: onChange,
-									placeholder: $elm$core$Maybe$Just(
-										A2(
-											$mdgriffith$elm_ui$Element$Input$placeholder,
-											_List_Nil,
-											$mdgriffith$elm_ui$Element$text(label))),
-									text: text
-								});
-						},
-						search)),
-					A2(
-					$mdgriffith$elm_ui$Element$row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$alignRight,
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-						]),
-					$elm$core$List$concat(
-						_List_fromArray(
-							[
-								A2(
-								$elm$core$Maybe$withDefault,
-								_List_Nil,
-								A2(
-									$elm$core$Maybe$map,
-									function (_v2) {
-										var label = _v2.label;
-										return _Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Tablet) ? _List_fromArray(
-											[
-												A2(
-												$author$project$Internal$Button$button,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
-											]) : (_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? _List_fromArray(
-											[
-												A2(
-												$author$project$Internal$Button$iconButton,
-												style.menuButton,
-												{
-													icon: style.searchIcon,
-													onPress: $elm$core$Maybe$Just(
-														onChangedSidebar(
-															$elm$core$Maybe$Just($author$project$Widget$Layout$Search))),
-													text: label
-												})
-											]) : _List_Nil);
-									},
-									search)),
-								A2(
-								$elm$core$List$map,
-								_Utils_eq(deviceClass, $mdgriffith$elm_ui$Element$Phone) ? $author$project$Internal$Button$iconButton(style.menuButton) : $author$project$Internal$Button$button(style.menuButton),
-								primaryActions),
-								$elm$core$List$isEmpty(moreActions) ? _List_Nil : _List_fromArray(
-								[
-									A2(
-									$author$project$Internal$Button$iconButton,
-									style.menuButton,
-									{
-										icon: style.moreVerticalIcon,
-										onPress: $elm$core$Maybe$Just(
-											onChangedSidebar(
-												$elm$core$Maybe$Just($author$project$Widget$Layout$RightSheet))),
-										text: 'More'
-									})
-								])
-							])))
-				]));
-	});
-var $author$project$Widget$Layout$view = F3(
-	function (style, _v0, content) {
-		var search = _v0.search;
-		var title = _v0.title;
-		var onChangedSidebar = _v0.onChangedSidebar;
-		var menu = _v0.menu;
-		var actions = _v0.actions;
-		var window = _v0.window;
-		var dialog = _v0.dialog;
-		var layout = _v0.layout;
-		var snackbar = A2(
-			$elm$core$Maybe$withDefault,
-			$mdgriffith$elm_ui$Element$none,
-			A2(
-				$elm$core$Maybe$map,
-				$mdgriffith$elm_ui$Element$el(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$padding(style.spacing),
-							$mdgriffith$elm_ui$Element$alignBottom,
-							$mdgriffith$elm_ui$Element$alignRight
-						])),
-				A3($author$project$Widget$Snackbar$view, style.snackbar, $elm$core$Basics$identity, layout.snackbar)));
-		var deviceClass = $author$project$Widget$Layout$getDeviceClass(window);
-		var _v1 = $author$project$Widget$Layout$partitionActions(actions);
-		var primaryActions = _v1.primaryActions;
-		var moreActions = _v1.moreActions;
-		var sheet = function () {
-			var _v3 = layout.active;
-			if (_v3.$ === 'Just') {
-				switch (_v3.a.$) {
-					case 'LeftSheet':
-						var _v4 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$viewLeftSheet,
-							style,
-							{menu: menu, title: title});
-					case 'RightSheet':
-						var _v5 = _v3.a;
-						return A2(
-							$author$project$Widget$Layout$buttonSheet,
-							{
-								button: style.sheetButton,
-								sheet: A2(
-									$author$project$Widget$Customize$element,
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Element$alignRight]),
-									style.sheet)
-							},
-							moreActions);
-					default:
-						var _v6 = _v3.a;
-						return A2(
-							$elm$core$Maybe$withDefault,
-							$mdgriffith$elm_ui$Element$none,
-							A2(
-								$elm$core$Maybe$map,
-								A2(
-									$elm$core$Basics$composeR,
-									$author$project$Internal$TextInput$textInput(
-										A2(
-											$author$project$Widget$Customize$mapContent,
-											function (record) {
-												return _Utils_update(
-													record,
-													{
-														text: A2(
-															$author$project$Widget$Customize$elementTextInput,
-															_List_fromArray(
-																[
-																	$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-																]),
-															record.text)
-													});
-											},
-											style.searchFill)),
-									$mdgriffith$elm_ui$Element$el(
-										_List_fromArray(
-											[
-												$mdgriffith$elm_ui$Element$alignTop,
-												$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-											]))),
-								search));
-				}
-			} else {
-				return $mdgriffith$elm_ui$Element$none;
-			}
-		}();
-		var nav = A2(
-			$author$project$Widget$Layout$viewNav,
-			style,
-			{deviceClass: deviceClass, menu: menu, moreActions: moreActions, onChangedSidebar: onChangedSidebar, primaryActions: primaryActions, search: search, title: title});
-		return A2(
-			style.layout,
-			$elm$core$List$concat(
-				_List_fromArray(
-					[
-						style.container,
-						_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$inFront(nav),
-							$mdgriffith$elm_ui$Element$inFront(snackbar)
-						]),
-						function () {
-						if ((!_Utils_eq(layout.active, $elm$core$Maybe$Nothing)) || (!_Utils_eq(dialog, $elm$core$Maybe$Nothing))) {
-							if (dialog.$ === 'Just') {
-								var dialogConfig = dialog.a;
-								return dialogConfig;
-							} else {
-								return $author$project$Internal$Dialog$modal(
-									{
-										content: sheet,
-										onDismiss: $elm$core$Maybe$Just(
-											onChangedSidebar($elm$core$Maybe$Nothing))
-									});
-							}
-						} else {
-							return _List_Nil;
-						}
-					}()
-					])),
-			content);
-	});
-var $author$project$Data$Section$ReusableViews = {$: 'ReusableViews'};
-var $author$project$Data$Section$StatelessViews = {$: 'StatelessViews'};
-var $author$project$Main$ToggledExample = function (a) {
-	return {$: 'ToggledExample', a: a};
-};
-var $Orasund$elm_ui_framework$Framework$Grid$compact = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$alignTop
-	]);
-var $mdgriffith$elm_ui$Internal$Model$Main = {$: 'Main'};
-var $mdgriffith$elm_ui$Element$Region$mainContent = $mdgriffith$elm_ui$Internal$Model$Describe($mdgriffith$elm_ui$Internal$Model$Main);
-var $Orasund$elm_ui_framework$Framework$container = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$centerX,
-		$mdgriffith$elm_ui$Element$centerY,
-		$mdgriffith$elm_ui$Element$width(
-		A2($mdgriffith$elm_ui$Element$maximum, 1200, $mdgriffith$elm_ui$Element$fill)),
-		$mdgriffith$elm_ui$Element$padding(20),
-		$mdgriffith$elm_ui$Element$Region$mainContent,
-		$mdgriffith$elm_ui$Element$Background$color(
-		A3($mdgriffith$elm_ui$Element$rgb255, 255, 255, 255))
-	]);
-var $author$project$Internal$Item$divider = function (style) {
-	return A2(
-		$author$project$Internal$Item$toItem,
-		style,
-		function (_v0) {
-			var element = _v0.element;
-			return A2($mdgriffith$elm_ui$Element$el, element, $mdgriffith$elm_ui$Element$none);
-		});
-};
-var $author$project$Widget$divider = $author$project$Internal$Item$divider;
-var $author$project$Internal$Item$textItem = F2(
-	function (s, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		var content = _v0.content;
-		return A2(
-			$author$project$Internal$Item$toItem,
-			s,
-			function (style) {
-				return A2(
-					$mdgriffith$elm_ui$Element$Input$button,
-					_Utils_ap(
-						style.elementButton,
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-					{
-						label: A2(
-							$mdgriffith$elm_ui$Element$row,
-							style.content.elementRow,
-							_List_fromArray(
-								[
-									A2(
-									$mdgriffith$elm_ui$Element$el,
-									style.content.content.icon.element,
-									icon(style.content.content.icon.content)),
-									A2(
-									$mdgriffith$elm_ui$Element$el,
-									style.content.content.text.elementText,
-									A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text(text)))),
-									content(style.content.content.content)
-								])),
-						onPress: onPress
-					});
-			});
-	});
-var $author$project$Internal$Item$expansionItem = F2(
-	function (s, _v0) {
-		var icon = _v0.icon;
-		var text = _v0.text;
-		var onToggle = _v0.onToggle;
-		var content = _v0.content;
-		var isExpanded = _v0.isExpanded;
-		return A2(
-			$elm$core$List$cons,
-			A2(
-				$author$project$Internal$Item$textItem,
-				s.item,
-				{
-					content: isExpanded ? s.collapseIcon : s.expandIcon,
-					icon: icon,
-					onPress: $elm$core$Maybe$Just(
-						onToggle(!isExpanded)),
-					text: text
-				}),
-			isExpanded ? content : _List_Nil);
-	});
-var $author$project$Widget$expansionItem = $author$project$Internal$Item$expansionItem;
-var $Orasund$elm_ui_framework$Framework$Heading$h2 = $Orasund$elm_ui_framework$Framework$Heading$h(2);
-var $Orasund$elm_ui_framework$Framework$Heading$h3 = $Orasund$elm_ui_framework$Framework$Heading$h(3);
-var $elm$html$Html$Attributes$href = function (url) {
-	return A2(
-		$elm$html$Html$Attributes$stringProperty,
-		'href',
-		_VirtualDom_noJavaScriptUri(url));
-};
-var $elm$html$Html$Attributes$id = $elm$html$Html$Attributes$stringProperty('id');
-var $author$project$Widget$item = $author$project$Internal$Item$item;
-var $author$project$Widget$itemList = function () {
-	var fun = $author$project$Internal$List$itemList;
-	return fun;
-}();
-var $elm$html$Html$Attributes$rel = _VirtualDom_attribute('rel');
-var $Orasund$elm_ui_framework$Framework$Color$lightGrey = A3($mdgriffith$elm_ui$Element$rgb255, 219, 219, 219);
-var $Orasund$elm_ui_framework$Framework$Grid$simple = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$spacing(10),
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$alignTop
-	]);
-var $Orasund$elm_ui_framework$Framework$Grid$section = _Utils_ap(
-	$Orasund$elm_ui_framework$Framework$Grid$simple,
-	_List_fromArray(
-		[
-			$mdgriffith$elm_ui$Element$Border$widthEach(
-			{bottom: 0, left: 0, right: 0, top: 2}),
-			$mdgriffith$elm_ui$Element$Border$color($Orasund$elm_ui_framework$Framework$Color$lightGrey),
-			$mdgriffith$elm_ui$Element$paddingEach(
-			{bottom: 30, left: 0, right: 0, top: 10})
-		]));
-var $author$project$Reusable$layout = function (_v0) {
-	return _Utils_Tuple3(
-		'Layout',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('The layout combines the menu bar, both side bar, the dialog window and the snackbar. Try using all of them and also try resizing the window to see how they interact with each other.'))),
-		_List_Nil);
-};
-var $author$project$Reusable$scrollingNavCard = function (_v0) {
-	return _Utils_Tuple3(
-		'Scrolling Nav',
-		A2(
-			$mdgriffith$elm_ui$Element$paragraph,
-			_List_Nil,
-			$elm$core$List$singleton(
-				$mdgriffith$elm_ui$Element$text('Resize the screen and open the side-menu. Then start scrolling to see the scrolling navigation in action.'))),
-		_List_Nil);
-};
-var $author$project$Widget$button = function () {
-	var fun = $author$project$Internal$Button$button;
-	return fun;
-}();
-var $author$project$Reusable$snackbar = F2(
-	function (style, addSnackbar) {
-		return _Utils_Tuple3(
-			'Snackbar',
-			A2(
-				$mdgriffith$elm_ui$Element$column,
-				$Orasund$elm_ui_framework$Framework$Grid$simple,
-				_List_fromArray(
-					[
-						A2(
-						$author$project$Widget$button,
-						style.button,
-						{
-							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-							onPress: $elm$core$Maybe$Just(
-								addSnackbar(
-									_Utils_Tuple2('This is a notification. It will disappear after 10 seconds.', false))),
-							text: 'Add Notification'
-						}),
-						A2(
-						$author$project$Widget$button,
-						style.button,
-						{
-							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-							onPress: $elm$core$Maybe$Just(
-								addSnackbar(
-									_Utils_Tuple2('You can add another notification if you want.', true))),
-							text: 'Add Notification with Action'
-						})
-					])),
-			_List_Nil);
-	});
-var $author$project$Reusable$view = function (_v0) {
-	var theme = _v0.theme;
-	var addSnackbar = _v0.addSnackbar;
-	var style = $author$project$Data$Theme$toStyle(theme);
-	return {
-		description: 'Reusable views have an internal state but no update function. You will need to do some wiring, but nothing complicated.',
-		items: _List_fromArray(
-			[
-				A2($author$project$Reusable$snackbar, style, addSnackbar),
-				$author$project$Reusable$scrollingNavCard(style),
-				$author$project$Reusable$layout(style)
-			]),
-		title: 'Reusable Views'
-	};
-};
-var $author$project$Stateless$Idle = {$: 'Idle'};
-var $author$project$Data$Example$get = function (example) {
-	switch (example.$) {
-		case 'ButtonExample':
-			return function ($) {
-				return $.button;
-			};
-		case 'SwitchExample':
-			return function ($) {
-				return $._switch;
-			};
-		case 'SelectExample':
-			return function ($) {
-				return $.select;
-			};
-		case 'MultiSelectExample':
-			return function ($) {
-				return $.multiSelect;
-			};
-		case 'TabExample':
-			return function ($) {
-				return $.tab;
-			};
-		case 'SortTableExample':
-			return function ($) {
-				return $.sortTable;
-			};
-		case 'ModalExample':
-			return function ($) {
-				return $.modal;
-			};
-		case 'DialogExample':
-			return function ($) {
-				return $.dialog;
-			};
-		case 'TextInputExample':
-			return function ($) {
-				return $.textInput;
-			};
-		case 'ListExample':
-			return function ($) {
-				return $.list;
-			};
-		case 'ProgressIndicatorExample':
-			return function ($) {
-				return $.progressIndicator;
-			};
-		default:
-			return function ($) {
-				return $.icon;
-			};
-	}
-};
-var $Orasund$elm_ui_framework$Framework$Grid$spacedEvenly = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$spaceEvenly,
-		$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$fill),
-		$mdgriffith$elm_ui$Element$centerX,
-		$mdgriffith$elm_ui$Element$centerY
-	]);
-var $author$project$Widget$iconButton = function () {
-	var fun = $author$project$Internal$Button$iconButton;
-	return fun;
-}();
-var $author$project$Widget$selectButton = $author$project$Internal$Select$selectButton;
-var $author$project$Widget$textButton = F2(
-	function (style, _v0) {
-		var text = _v0.text;
-		var onPress = _v0.onPress;
-		var fun = $author$project$Internal$Button$textButton;
-		return A2(
-			fun,
-			style,
-			{onPress: onPress, text: text});
-	});
-var $feathericons$elm_feather$FeatherIcons$triangle = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'triangle',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M10.29 3.86L1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0z')
-				]),
-			_List_Nil)
-		]));
-var $author$project$View$States$button = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Button',
-				A2(
-					$author$project$Widget$button,
-					style.button,
-					{
-						icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-						onPress: $elm$core$Maybe$Just(idle),
-						text: 'Button'
-					})),
-				_Utils_Tuple2(
-				'Text button',
-				A2(
-					$author$project$Widget$textButton,
-					style.button,
-					{
-						onPress: $elm$core$Maybe$Just(idle),
-						text: 'Button'
-					})),
-				_Utils_Tuple2(
-				'Icon button',
-				A2(
-					$author$project$Widget$iconButton,
-					style.button,
-					{
-						icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-						onPress: $elm$core$Maybe$Just(idle),
-						text: 'Button'
-					})),
-				_Utils_Tuple2(
-				'Disabled button',
-				A2(
-					$author$project$Widget$button,
-					style.button,
-					{
-						icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-						onPress: $elm$core$Maybe$Nothing,
-						text: 'Button'
-					})),
-				_Utils_Tuple2(
-				'Inactive Select button',
-				A2(
-					$author$project$Widget$selectButton,
-					style.button,
-					_Utils_Tuple2(
-						false,
-						{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-							onPress: $elm$core$Maybe$Just(idle),
-							text: 'Button'
-						}))),
-				_Utils_Tuple2(
-				'Active Select button',
-				A2(
-					$author$project$Widget$selectButton,
-					style.button,
-					_Utils_Tuple2(
-						true,
-						{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-							onPress: $elm$core$Maybe$Just(idle),
-							text: 'Button'
-						})))
-			]);
-	});
-var $author$project$View$States$dialog = F2(
-	function (_v0, _v1) {
-		return _List_Nil;
-	});
-var $author$project$View$States$icon = F2(
-	function (_v0, style) {
-		return _List_Nil;
-	});
-var $author$project$Internal$List$column = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$List$map(
-			function (a) {
-				return A2(
-					$author$project$Internal$Item$toItem,
-					{content: _Utils_Tuple0, element: style.content.element},
-					$elm$core$Basics$always(a));
-			}),
-		$author$project$Internal$List$itemList(style));
-};
-var $author$project$Widget$column = function () {
-	var fun = $author$project$Internal$List$column;
-	return fun;
-}();
-var $author$project$Internal$List$row = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$elm$core$List$map(
-			function (a) {
-				return A2(
-					$author$project$Internal$Item$toItem,
-					{content: _Utils_Tuple0, element: style.content.element},
-					$elm$core$Basics$always(a));
-			}),
-		A2(
-			$elm$core$Basics$composeR,
-			$author$project$Internal$List$internal(style.content),
-			$mdgriffith$elm_ui$Element$row(style.elementRow)));
-};
-var $author$project$Widget$row = function () {
-	var fun = $author$project$Internal$List$row;
-	return fun;
-}();
-var $author$project$View$States$list = F2(
-	function (_v0, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Row',
-				A2(
-					$author$project$Widget$row,
-					style.row,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$text('A'),
-							$mdgriffith$elm_ui$Element$text('B'),
-							$mdgriffith$elm_ui$Element$text('C')
-						]))),
-				_Utils_Tuple2(
-				'Column',
-				A2(
-					$author$project$Widget$column,
-					style.column,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$text('A'),
-							$mdgriffith$elm_ui$Element$text('B'),
-							$mdgriffith$elm_ui$Element$text('C')
-						]))),
-				_Utils_Tuple2(
-				'Column as Card',
-				A2(
-					$author$project$Widget$column,
-					style.cardColumn,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$text('A'),
-							$mdgriffith$elm_ui$Element$text('B'),
-							$mdgriffith$elm_ui$Element$text('C')
-						]))),
-				_Utils_Tuple2(
-				'Singleton List as Card',
-				A2(
-					$author$project$Widget$column,
-					style.cardColumn,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$text('A')
-						]))),
-				_Utils_Tuple2(
-				'Empty List as Card',
-				A2($author$project$Widget$column, style.cardColumn, _List_Nil))
-			]);
-	});
-var $author$project$View$States$modal = F2(
-	function (_v0, _v1) {
-		return _List_Nil;
-	});
-var $author$project$Internal$List$internalButton = F2(
-	function (style, list) {
-		return A2(
-			$elm$core$List$indexedMap,
-			function (i) {
-				return $author$project$Internal$Select$selectButton(
-					A2(
-						$author$project$Widget$Customize$elementButton,
-						_Utils_ap(
-							style.element,
-							($elm$core$List$length(list) === 1) ? style.ifSingleton : ((!i) ? style.ifFirst : (_Utils_eq(
-								i,
-								$elm$core$List$length(list) - 1) ? style.ifLast : style.otherwise))),
-						style.content));
-			},
-			list);
-	});
-var $author$project$Internal$List$buttonRow = function (style) {
-	return A2(
-		$elm$core$Basics$composeR,
-		$author$project$Internal$List$internalButton(
-			{content: style.content, element: style.elementRow.content.element, ifFirst: style.elementRow.content.ifFirst, ifLast: style.elementRow.content.ifLast, ifSingleton: style.elementRow.content.ifSingleton, otherwise: style.elementRow.content.otherwise}),
-		$mdgriffith$elm_ui$Element$row(style.elementRow.elementRow));
-};
-var $author$project$Widget$buttonRow = $author$project$Internal$List$buttonRow;
-var $elm$core$Set$fromList = function (list) {
-	return A3($elm$core$List$foldl, $elm$core$Set$insert, $elm$core$Set$empty, list);
-};
-var $author$project$Internal$Select$multiSelect = function (_v0) {
-	var selected = _v0.selected;
-	var options = _v0.options;
-	var onSelect = _v0.onSelect;
-	return A2(
-		$elm$core$List$indexedMap,
-		F2(
-			function (i, a) {
-				return _Utils_Tuple2(
-					A2($elm$core$Set$member, i, selected),
-					{
-						icon: a.icon,
-						onPress: onSelect(i),
-						text: a.text
-					});
-			}),
-		options);
-};
-var $author$project$Widget$multiSelect = $author$project$Internal$Select$multiSelect;
-var $elm$core$Dict$singleton = F2(
-	function (key, value) {
-		return A5($elm$core$Dict$RBNode_elm_builtin, $elm$core$Dict$Black, key, value, $elm$core$Dict$RBEmpty_elm_builtin, $elm$core$Dict$RBEmpty_elm_builtin);
-	});
-var $elm$core$Set$singleton = function (key) {
-	return $elm$core$Set$Set_elm_builtin(
-		A2($elm$core$Dict$singleton, key, _Utils_Tuple0));
-};
-var $author$project$View$States$multiSelect = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Some selected',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$multiSelect(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Set$fromList(
-								_List_fromArray(
-									[0, 1]))
-						}))),
-				_Utils_Tuple2(
-				'Nothing selected',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$multiSelect(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Set$empty
-						}))),
-				_Utils_Tuple2(
-				'Invalid selection',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$multiSelect(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Set$singleton(-1)
-						}))),
-				_Utils_Tuple2(
-				'Disabled selection',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$multiSelect(
-						{
-							onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Set$singleton(0)
-						}))),
-				_Utils_Tuple2(
-				'Empty Options',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$multiSelect(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_Nil),
-							selected: $elm$core$Set$empty
-						})))
-			]);
-	});
-var $author$project$Internal$ProgressIndicator$circularProgressIndicator = F2(
-	function (style, maybeProgress) {
-		return style.elementFunction(maybeProgress);
-	});
-var $author$project$Widget$circularProgressIndicator = $author$project$Internal$ProgressIndicator$circularProgressIndicator;
-var $author$project$View$States$progressIndicator = F2(
-	function (_v0, style) {
-		var determinateIndicators = A2(
-			$elm$core$List$map,
-			function (completeness) {
-				return _Utils_Tuple2(
-					'Completeness ' + $elm$core$String$fromFloat(completeness),
-					A2(
-						$author$project$Widget$circularProgressIndicator,
-						style.progressIndicator,
-						$elm$core$Maybe$Just(completeness)));
-			},
-			_List_fromArray(
-				[0, 0.25, 0.5, 0.75, 1]));
-		return _Utils_ap(
-			_List_fromArray(
-				[
-					_Utils_Tuple2(
-					'Indeterminate Progress Indicator',
-					A2($author$project$Widget$circularProgressIndicator, style.progressIndicator, $elm$core$Maybe$Nothing))
-				]),
-			determinateIndicators);
-	});
-var $author$project$Widget$select = $author$project$Internal$Select$select;
-var $author$project$View$States$select = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'First selected',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$select(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Maybe$Just(0)
-						}))),
-				_Utils_Tuple2(
-				'Nothing selected',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$select(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Maybe$Nothing
-						}))),
-				_Utils_Tuple2(
-				'Invalid selection',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$select(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Maybe$Just(-1)
-						}))),
-				_Utils_Tuple2(
-				'Disabled selection',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$select(
-						{
-							onSelect: $elm$core$Basics$always($elm$core$Maybe$Nothing),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 42])),
-							selected: $elm$core$Maybe$Just(0)
-						}))),
-				_Utils_Tuple2(
-				'Empty Options',
-				A2(
-					$author$project$Widget$buttonRow,
-					{content: style.selectButton, elementRow: style.buttonRow},
-					$author$project$Widget$select(
-						{
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_Nil),
-							selected: $elm$core$Maybe$Nothing
-						})))
-			]);
-	});
-var $author$project$Internal$SortTable$Column = function (a) {
-	return {$: 'Column', a: a};
-};
-var $author$project$Internal$SortTable$FloatColumn = function (a) {
-	return {$: 'FloatColumn', a: a};
-};
-var $author$project$Internal$SortTable$floatColumn = function (_v0) {
-	var title = _v0.title;
-	var value = _v0.value;
-	var toString = _v0.toString;
-	var width = _v0.width;
-	return $author$project$Internal$SortTable$Column(
-		{
-			content: $author$project$Internal$SortTable$FloatColumn(
-				{toString: toString, value: value}),
-			title: title,
-			width: width
-		});
-};
-var $author$project$Widget$floatColumn = $author$project$Internal$SortTable$floatColumn;
-var $author$project$Internal$SortTable$IntColumn = function (a) {
-	return {$: 'IntColumn', a: a};
-};
-var $author$project$Internal$SortTable$intColumn = function (_v0) {
-	var title = _v0.title;
-	var value = _v0.value;
-	var toString = _v0.toString;
-	var width = _v0.width;
-	return $author$project$Internal$SortTable$Column(
-		{
-			content: $author$project$Internal$SortTable$IntColumn(
-				{toString: toString, value: value}),
-			title: title,
-			width: width
-		});
-};
-var $author$project$Widget$intColumn = $author$project$Internal$SortTable$intColumn;
-var $mdgriffith$elm_ui$Element$InternalColumn = function (a) {
-	return {$: 'InternalColumn', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$GridPosition = function (a) {
-	return {$: 'GridPosition', a: a};
-};
-var $mdgriffith$elm_ui$Internal$Model$GridTemplateStyle = function (a) {
-	return {$: 'GridTemplateStyle', a: a};
-};
-var $elm$core$List$all = F2(
-	function (isOkay, list) {
-		return !A2(
-			$elm$core$List$any,
-			A2($elm$core$Basics$composeL, $elm$core$Basics$not, isOkay),
-			list);
-	});
-var $mdgriffith$elm_ui$Internal$Model$AsGrid = {$: 'AsGrid'};
-var $mdgriffith$elm_ui$Internal$Model$asGrid = $mdgriffith$elm_ui$Internal$Model$AsGrid;
-var $mdgriffith$elm_ui$Internal$Model$getSpacing = F2(
-	function (attrs, _default) {
-		return A2(
-			$elm$core$Maybe$withDefault,
-			_default,
-			A3(
-				$elm$core$List$foldr,
-				F2(
-					function (attr, acc) {
-						if (acc.$ === 'Just') {
-							var x = acc.a;
-							return $elm$core$Maybe$Just(x);
-						} else {
-							if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
-								var _v2 = attr.b;
-								var x = _v2.b;
-								var y = _v2.c;
-								return $elm$core$Maybe$Just(
-									_Utils_Tuple2(x, y));
-							} else {
-								return $elm$core$Maybe$Nothing;
-							}
-						}
-					}),
-				$elm$core$Maybe$Nothing,
-				attrs));
-	});
-var $mdgriffith$elm_ui$Internal$Flag$gridPosition = $mdgriffith$elm_ui$Internal$Flag$flag(35);
-var $mdgriffith$elm_ui$Internal$Flag$gridTemplate = $mdgriffith$elm_ui$Internal$Flag$flag(34);
-var $elm$core$List$repeatHelp = F3(
-	function (result, n, value) {
-		repeatHelp:
-		while (true) {
-			if (n <= 0) {
-				return result;
-			} else {
-				var $temp$result = A2($elm$core$List$cons, value, result),
-					$temp$n = n - 1,
-					$temp$value = value;
-				result = $temp$result;
-				n = $temp$n;
-				value = $temp$value;
-				continue repeatHelp;
-			}
-		}
-	});
-var $elm$core$List$repeat = F2(
-	function (n, value) {
-		return A3($elm$core$List$repeatHelp, _List_Nil, n, value);
-	});
-var $mdgriffith$elm_ui$Element$tableHelper = F2(
-	function (attrs, config) {
-		var onGrid = F3(
-			function (rowLevel, columnLevel, elem) {
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$element,
-					$mdgriffith$elm_ui$Internal$Model$asEl,
-					$mdgriffith$elm_ui$Internal$Model$div,
-					_List_fromArray(
-						[
-							A2(
-							$mdgriffith$elm_ui$Internal$Model$StyleClass,
-							$mdgriffith$elm_ui$Internal$Flag$gridPosition,
-							$mdgriffith$elm_ui$Internal$Model$GridPosition(
-								{col: columnLevel, height: 1, row: rowLevel, width: 1}))
-						]),
-					$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-						_List_fromArray(
-							[elem])));
-			});
-		var columnWidth = function (col) {
-			if (col.$ === 'InternalIndexedColumn') {
-				var colConfig = col.a;
-				return colConfig.width;
-			} else {
-				var colConfig = col.a;
-				return colConfig.width;
-			}
-		};
-		var columnHeader = function (col) {
-			if (col.$ === 'InternalIndexedColumn') {
-				var colConfig = col.a;
-				return colConfig.header;
-			} else {
-				var colConfig = col.a;
-				return colConfig.header;
-			}
-		};
-		var maybeHeaders = function (headers) {
-			return A2(
-				$elm$core$List$all,
-				$elm$core$Basics$eq($mdgriffith$elm_ui$Internal$Model$Empty),
-				headers) ? $elm$core$Maybe$Nothing : $elm$core$Maybe$Just(
-				A2(
-					$elm$core$List$indexedMap,
-					F2(
-						function (col, header) {
-							return A3(onGrid, 1, col + 1, header);
-						}),
-					headers));
-		}(
-			A2($elm$core$List$map, columnHeader, config.columns));
-		var add = F3(
-			function (cell, columnConfig, cursor) {
-				if (columnConfig.$ === 'InternalIndexedColumn') {
-					var col = columnConfig.a;
-					return _Utils_update(
-						cursor,
-						{
-							column: cursor.column + 1,
-							elements: A2(
-								$elm$core$List$cons,
-								A3(
-									onGrid,
-									cursor.row,
-									cursor.column,
-									A2(
-										col.view,
-										_Utils_eq(maybeHeaders, $elm$core$Maybe$Nothing) ? (cursor.row - 1) : (cursor.row - 2),
-										cell)),
-								cursor.elements)
-						});
-				} else {
-					var col = columnConfig.a;
-					return {
-						column: cursor.column + 1,
-						elements: A2(
-							$elm$core$List$cons,
-							A3(
-								onGrid,
-								cursor.row,
-								cursor.column,
-								col.view(cell)),
-							cursor.elements),
-						row: cursor.row
-					};
-				}
-			});
-		var build = F3(
-			function (columns, rowData, cursor) {
-				var newCursor = A3(
-					$elm$core$List$foldl,
-					add(rowData),
-					cursor,
-					columns);
-				return {column: 1, elements: newCursor.elements, row: cursor.row + 1};
-			});
-		var children = A3(
-			$elm$core$List$foldl,
-			build(config.columns),
-			{
-				column: 1,
-				elements: _List_Nil,
-				row: _Utils_eq(maybeHeaders, $elm$core$Maybe$Nothing) ? 1 : 2
-			},
-			config.data);
-		var _v0 = A2(
-			$mdgriffith$elm_ui$Internal$Model$getSpacing,
-			attrs,
-			_Utils_Tuple2(0, 0));
-		var sX = _v0.a;
-		var sY = _v0.b;
-		var template = A2(
-			$mdgriffith$elm_ui$Internal$Model$StyleClass,
-			$mdgriffith$elm_ui$Internal$Flag$gridTemplate,
-			$mdgriffith$elm_ui$Internal$Model$GridTemplateStyle(
-				{
-					columns: A2($elm$core$List$map, columnWidth, config.columns),
-					rows: A2(
-						$elm$core$List$repeat,
-						$elm$core$List$length(config.data),
-						$mdgriffith$elm_ui$Internal$Model$Content),
-					spacing: _Utils_Tuple2(
-						$mdgriffith$elm_ui$Element$px(sX),
-						$mdgriffith$elm_ui$Element$px(sY))
-				}));
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asGrid,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill),
-				A2($elm$core$List$cons, template, attrs)),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				function () {
-					if (maybeHeaders.$ === 'Nothing') {
-						return children.elements;
-					} else {
-						var renderedHeaders = maybeHeaders.a;
-						return _Utils_ap(
-							renderedHeaders,
-							$elm$core$List$reverse(children.elements));
-					}
-				}()));
-	});
-var $mdgriffith$elm_ui$Element$table = F2(
-	function (attrs, config) {
-		return A2(
-			$mdgriffith$elm_ui$Element$tableHelper,
-			attrs,
-			{
-				columns: A2($elm$core$List$map, $mdgriffith$elm_ui$Element$InternalColumn, config.columns),
-				data: config.data
-			});
-	});
-var $author$project$Internal$SortTable$sortTable = F2(
-	function (style, model) {
-		var findTitle = function (list) {
-			findTitle:
-			while (true) {
-				if (!list.b) {
-					return $elm$core$Maybe$Nothing;
-				} else {
-					var head = list.a.a;
-					var tail = list.b;
-					if (_Utils_eq(head.title, model.sortBy)) {
-						return $elm$core$Maybe$Just(head.content);
-					} else {
-						var $temp$list = tail;
-						list = $temp$list;
-						continue findTitle;
-					}
-				}
-			}
-		};
-		return A2(
-			$mdgriffith$elm_ui$Element$table,
-			style.elementTable,
-			{
-				columns: A2(
-					$elm$core$List$map,
-					function (_v1) {
-						var column = _v1.a;
-						return {
-							header: A2(
-								$author$project$Internal$Button$button,
-								style.content.header,
-								{
-									icon: _Utils_eq(column.title, model.sortBy) ? (model.asc ? style.content.ascIcon : style.content.descIcon) : style.content.defaultIcon,
-									onPress: function () {
-										var _v2 = column.content;
-										if (_v2.$ === 'UnsortableColumn') {
-											return $elm$core$Maybe$Nothing;
-										} else {
-											return $elm$core$Maybe$Just(
-												model.onChange(column.title));
-										}
-									}(),
-									text: column.title
-								}),
-							view: A2(
-								$elm$core$Basics$composeR,
-								function () {
-									var _v3 = column.content;
-									switch (_v3.$) {
-										case 'IntColumn':
-											var value = _v3.a.value;
-											var toString = _v3.a.toString;
-											return A2($elm$core$Basics$composeR, value, toString);
-										case 'FloatColumn':
-											var value = _v3.a.value;
-											var toString = _v3.a.toString;
-											return A2($elm$core$Basics$composeR, value, toString);
-										case 'StringColumn':
-											var value = _v3.a.value;
-											var toString = _v3.a.toString;
-											return A2($elm$core$Basics$composeR, value, toString);
-										default:
-											var toString = _v3.a;
-											return toString;
-									}
-								}(),
-								A2(
-									$elm$core$Basics$composeR,
-									$mdgriffith$elm_ui$Element$text,
-									A2(
-										$elm$core$Basics$composeR,
-										$elm$core$List$singleton,
-										$mdgriffith$elm_ui$Element$paragraph(_List_Nil)))),
-							width: column.width
-						};
-					},
-					model.columns),
-				data: (model.asc ? $elm$core$Basics$identity : $elm$core$List$reverse)(
-					A3(
-						$elm$core$Basics$apR,
-						A2(
-							$elm$core$Maybe$andThen,
-							function (c) {
-								switch (c.$) {
-									case 'StringColumn':
-										var value = c.a.value;
-										return $elm$core$Maybe$Just(
-											$elm$core$List$sortBy(value));
-									case 'IntColumn':
-										var value = c.a.value;
-										return $elm$core$Maybe$Just(
-											$elm$core$List$sortBy(value));
-									case 'FloatColumn':
-										var value = c.a.value;
-										return $elm$core$Maybe$Just(
-											$elm$core$List$sortBy(value));
-									default:
-										return $elm$core$Maybe$Nothing;
-								}
-							},
-							findTitle(model.columns)),
-						$elm$core$Maybe$withDefault($elm$core$Basics$identity),
-						model.content))
-			});
-	});
-var $author$project$Widget$sortTable = function () {
-	var fun = $author$project$Internal$SortTable$sortTable;
-	return fun;
-}();
-var $author$project$Internal$SortTable$StringColumn = function (a) {
-	return {$: 'StringColumn', a: a};
-};
-var $author$project$Internal$SortTable$stringColumn = function (_v0) {
-	var title = _v0.title;
-	var value = _v0.value;
-	var toString = _v0.toString;
-	var width = _v0.width;
-	return $author$project$Internal$SortTable$Column(
-		{
-			content: $author$project$Internal$SortTable$StringColumn(
-				{toString: toString, value: value}),
-			title: title,
-			width: width
-		});
-};
-var $author$project$Widget$stringColumn = $author$project$Internal$SortTable$stringColumn;
-var $author$project$Internal$SortTable$UnsortableColumn = function (a) {
-	return {$: 'UnsortableColumn', a: a};
-};
-var $author$project$Internal$SortTable$unsortableColumn = function (_v0) {
-	var title = _v0.title;
-	var toString = _v0.toString;
-	var width = _v0.width;
-	return $author$project$Internal$SortTable$Column(
-		{
-			content: $author$project$Internal$SortTable$UnsortableColumn(toString),
-			title: title,
-			width: width
-		});
-};
-var $author$project$Widget$unsortableColumn = $author$project$Internal$SortTable$unsortableColumn;
-var $author$project$View$States$sortTable = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Int column',
-				A2(
-					$author$project$Widget$sortTable,
-					style.sortTable,
-					{
-						asc: true,
-						columns: _List_fromArray(
-							[
-								$author$project$Widget$intColumn(
-								{
-									title: 'Id',
-									toString: function (_int) {
-										return '#' + $elm$core$String$fromInt(_int);
-									},
-									value: function ($) {
-										return $.id;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								}),
-								$author$project$Widget$stringColumn(
-								{
-									title: 'Name',
-									toString: $elm$core$Basics$identity,
-									value: function ($) {
-										return $.name;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								})
-							]),
-						content: _List_fromArray(
-							[
-								{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-								{
-								hash: $elm$core$Maybe$Just('45jf'),
-								id: 2,
-								name: 'Ana',
-								rating: 1.34
-							}
-							]),
-						onChange: $elm$core$Basics$always(idle),
-						sortBy: 'Id'
-					})),
-				_Utils_Tuple2(
-				'Name column',
-				A2(
-					$author$project$Widget$sortTable,
-					style.sortTable,
-					{
-						asc: true,
-						columns: _List_fromArray(
-							[
-								$author$project$Widget$stringColumn(
-								{
-									title: 'Name',
-									toString: $elm$core$Basics$identity,
-									value: function ($) {
-										return $.name;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								}),
-								$author$project$Widget$floatColumn(
-								{
-									title: 'Rating',
-									toString: $elm$core$String$fromFloat,
-									value: function ($) {
-										return $.rating;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								})
-							]),
-						content: _List_fromArray(
-							[
-								{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-								{
-								hash: $elm$core$Maybe$Just('45jf'),
-								id: 2,
-								name: 'Ana',
-								rating: 1.34
-							}
-							]),
-						onChange: $elm$core$Basics$always(idle),
-						sortBy: 'Name'
-					})),
-				_Utils_Tuple2(
-				'Float column',
-				A2(
-					$author$project$Widget$sortTable,
-					style.sortTable,
-					{
-						asc: false,
-						columns: _List_fromArray(
-							[
-								$author$project$Widget$floatColumn(
-								{
-									title: 'Rating',
-									toString: $elm$core$String$fromFloat,
-									value: function ($) {
-										return $.rating;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								}),
-								$author$project$Widget$unsortableColumn(
-								{
-									title: 'Hash',
-									toString: A2(
-										$elm$core$Basics$composeR,
-										function ($) {
-											return $.hash;
-										},
-										$elm$core$Maybe$withDefault('None')),
-									width: $mdgriffith$elm_ui$Element$fill
-								})
-							]),
-						content: _List_fromArray(
-							[
-								{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-								{
-								hash: $elm$core$Maybe$Just('45jf'),
-								id: 2,
-								name: 'Ana',
-								rating: 1.34
-							}
-							]),
-						onChange: $elm$core$Basics$always(idle),
-						sortBy: 'Rating'
-					})),
-				_Utils_Tuple2(
-				'Unsortable column',
-				A2(
-					$author$project$Widget$sortTable,
-					style.sortTable,
-					{
-						asc: true,
-						columns: _List_fromArray(
-							[
-								$author$project$Widget$floatColumn(
-								{
-									title: 'Rating',
-									toString: $elm$core$String$fromFloat,
-									value: function ($) {
-										return $.rating;
-									},
-									width: $mdgriffith$elm_ui$Element$fill
-								}),
-								$author$project$Widget$unsortableColumn(
-								{
-									title: 'Hash',
-									toString: A2(
-										$elm$core$Basics$composeR,
-										function ($) {
-											return $.hash;
-										},
-										$elm$core$Maybe$withDefault('None')),
-									width: $mdgriffith$elm_ui$Element$fill
-								})
-							]),
-						content: _List_fromArray(
-							[
-								{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-								{
-								hash: $elm$core$Maybe$Just('45jf'),
-								id: 2,
-								name: 'Ana',
-								rating: 1.34
-							}
-							]),
-						onChange: $elm$core$Basics$always(idle),
-						sortBy: 'Hash'
-					})),
-				_Utils_Tuple2(
-				'Empty Table',
-				A2(
-					$author$project$Widget$sortTable,
-					style.sortTable,
-					{
-						asc: true,
-						columns: _List_Nil,
-						content: _List_fromArray(
-							[
-								{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-								{
-								hash: $elm$core$Maybe$Just('45jf'),
-								id: 2,
-								name: 'Ana',
-								rating: 1.34
-							}
-							]),
-						onChange: $elm$core$Basics$always(idle),
-						sortBy: ''
-					}))
-			]);
-	});
-var $author$project$Internal$Switch$switch = F2(
-	function (style, _v0) {
-		var onPress = _v0.onPress;
-		var description = _v0.description;
-		var active = _v0.active;
-		return A2(
-			$mdgriffith$elm_ui$Element$Input$button,
-			_Utils_ap(
-				style.elementButton,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$Region$description(description),
-						$mdgriffith$elm_ui$Element$inFront(
-						A2(
-							$mdgriffith$elm_ui$Element$el,
-							_Utils_ap(
-								style.contentInFront.element,
-								active ? style.contentInFront.ifActive : (_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.contentInFront.ifDisabled : style.contentInFront.otherwise)),
-							A2(
-								$mdgriffith$elm_ui$Element$el,
-								_Utils_ap(
-									style.contentInFront.content.element,
-									active ? style.contentInFront.content.ifActive : (_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.contentInFront.content.ifDisabled : style.contentInFront.content.otherwise)),
-								$mdgriffith$elm_ui$Element$none)))
-					])),
-			{
-				label: A2(
-					$mdgriffith$elm_ui$Element$el,
-					_Utils_ap(
-						style.content.element,
-						active ? style.content.ifActive : (_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.content.ifDisabled : style.content.otherwise)),
-					$mdgriffith$elm_ui$Element$none),
-				onPress: onPress
-			});
-	});
-var $author$project$Widget$switch = function () {
-	var fun = $author$project$Internal$Switch$switch;
-	return fun;
-}();
-var $author$project$View$States$switch = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Disabled switch',
-				A2(
-					$author$project$Widget$switch,
-					style._switch,
-					{active: false, description: 'Disabled switch', onPress: $elm$core$Maybe$Nothing})),
-				_Utils_Tuple2(
-				'Inactive Select switch',
-				A2(
-					$author$project$Widget$switch,
-					style._switch,
-					{
-						active: false,
-						description: 'Inactive Select switch',
-						onPress: $elm$core$Maybe$Just(idle)
-					})),
-				_Utils_Tuple2(
-				'Active Select switch',
-				A2(
-					$author$project$Widget$switch,
-					style._switch,
-					{
-						active: true,
-						description: 'Active Select switch',
-						onPress: $elm$core$Maybe$Just(idle)
-					}))
-			]);
-	});
-var $author$project$Internal$Tab$tab = F2(
-	function (style, _v0) {
-		var tabs = _v0.tabs;
-		var content = _v0.content;
-		return A2(
-			$mdgriffith$elm_ui$Element$column,
-			style.elementColumn,
-			_List_fromArray(
-				[
-					A2(
-					$mdgriffith$elm_ui$Element$row,
-					style.content.tabs.elementRow,
-					A2(
-						$elm$core$List$map,
-						$author$project$Internal$Select$selectButton(style.content.tabs.content),
-						$author$project$Internal$Select$select(tabs))),
-					A2(
-					$mdgriffith$elm_ui$Element$el,
-					style.content.content,
-					content(tabs.selected))
-				]));
-	});
-var $author$project$Widget$tab = function () {
-	var fun = $author$project$Internal$Tab$tab;
-	return fun;
-}();
-var $author$project$View$States$tab = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Nothing selected',
-				A2(
-					$author$project$Widget$tab,
-					style.tab,
-					{
-						content: function (selected) {
-							return $mdgriffith$elm_ui$Element$text(
-								function () {
-									if (selected.$ === 'Nothing') {
-										return 'Please select a tab';
-									} else {
-										return '';
-									}
-								}());
-						},
-						tabs: {
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 3])),
-							selected: $elm$core$Maybe$Nothing
-						}
-					})),
-				_Utils_Tuple2(
-				'Tab selected',
-				A2(
-					$author$project$Widget$tab,
-					style.tab,
-					{
-						content: function (selected) {
-							return $mdgriffith$elm_ui$Element$text(
-								function () {
-									if ((selected.$ === 'Just') && (!selected.a)) {
-										return 'First Tab selected';
-									} else {
-										return 'Please select a tab';
-									}
-								}());
-						},
-						tabs: {
-							onSelect: A2(
-								$elm$core$Basics$composeR,
-								$elm$core$Basics$always(idle),
-								$elm$core$Maybe$Just),
-							options: A2(
-								$elm$core$List$map,
-								function (_int) {
-									return {
-										icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-										text: $elm$core$String$fromInt(_int)
-									};
-								},
-								_List_fromArray(
-									[1, 2, 3])),
-							selected: $elm$core$Maybe$Just(0)
-						}
-					}))
-			]);
-	});
-var $feathericons$elm_feather$FeatherIcons$circle = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'circle',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$circle,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$cx('12'),
-					$elm$svg$Svg$Attributes$cy('12'),
-					$elm$svg$Svg$Attributes$r('10')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Widget$textInput = function () {
-	var fun = $author$project$Internal$TextInput$textInput;
-	return fun;
-}();
-var $author$project$View$States$textInput = F2(
-	function (idle, style) {
-		return _List_fromArray(
-			[
-				_Utils_Tuple2(
-				'Nothing Selected',
-				A2(
-					$author$project$Widget$textInput,
-					style.textInput,
-					{
-						chips: _List_Nil,
-						label: 'Label',
-						onChange: $elm$core$Basics$always(idle),
-						placeholder: $elm$core$Maybe$Nothing,
-						text: ''
-					})),
-				_Utils_Tuple2(
-				'Some chips',
-				A2(
-					$author$project$Widget$textInput,
-					style.textInput,
-					{
-						chips: _List_fromArray(
-							[
-								{
-								icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-								onPress: $elm$core$Maybe$Just(idle),
-								text: 'A'
-							},
-								{
-								icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$circle),
-								onPress: $elm$core$Maybe$Just(idle),
-								text: 'B'
-							}
-							]),
-						label: 'Label',
-						onChange: $elm$core$Basics$always(idle),
-						placeholder: $elm$core$Maybe$Nothing,
-						text: ''
-					}))
-			]);
-	});
-var $author$project$Data$Example$toTests = function (example) {
-	switch (example.$) {
-		case 'ButtonExample':
-			return $author$project$View$States$button;
-		case 'SwitchExample':
-			return $author$project$View$States$switch;
-		case 'SelectExample':
-			return $author$project$View$States$select;
-		case 'MultiSelectExample':
-			return $author$project$View$States$multiSelect;
-		case 'TabExample':
-			return $author$project$View$States$tab;
-		case 'SortTableExample':
-			return $author$project$View$States$sortTable;
-		case 'ModalExample':
-			return $author$project$View$States$modal;
-		case 'DialogExample':
-			return $author$project$View$States$dialog;
-		case 'TextInputExample':
-			return $author$project$View$States$textInput;
-		case 'ListExample':
-			return $author$project$View$States$list;
-		case 'ProgressIndicatorExample':
-			return $author$project$View$States$progressIndicator;
-		default:
-			return $author$project$View$States$icon;
-	}
-};
-var $icidasset$elm_material_icons$Material$Icons$Types$Color = function (a) {
-	return {$: 'Color', a: a};
-};
-var $author$project$Example$Button$Decrease = function (a) {
-	return {$: 'Decrease', a: a};
-};
-var $author$project$Example$Button$Increase = function (a) {
-	return {$: 'Increase', a: a};
-};
-var $author$project$Example$Button$Reset = {$: 'Reset'};
-var $icidasset$elm_material_icons$Material$Icons$Internal$icon = F4(
-	function (attributes, nodes, size, coloring) {
-		var sizeAsString = $elm$core$String$fromInt(size);
-		return A2(
-			$elm$svg$Svg$svg,
-			_Utils_ap(
-				attributes,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$height(sizeAsString),
-						$elm$svg$Svg$Attributes$width(sizeAsString)
-					])),
-			_List_fromArray(
-				[
-					A2(
-					$elm$svg$Svg$g,
-					_List_fromArray(
-						[
-							function () {
-							if (coloring.$ === 'Color') {
-								var color = coloring.a;
-								return $elm$svg$Svg$Attributes$fill(
-									$avh4$elm_color$Color$toCssString(color));
-							} else {
-								return $elm$svg$Svg$Attributes$fill('currentColor');
-							}
-						}()
-						]),
-					nodes)
-				]));
-	});
-var $icidasset$elm_material_icons$Material$Icons$add = A2(
-	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
-	_List_fromArray(
-		[
-			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
-		]),
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M0 0h24v24H0z'),
-					$elm$svg$Svg$Attributes$fill('none')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Widget$Customize$elementRow = F2(
-	function (list, a) {
-		return A2(
-			$author$project$Widget$Customize$mapElementRow,
-			function (b) {
-				return _Utils_ap(b, list);
-			},
-			a);
-	});
-var $author$project$Widget$Icon$elmMaterialIcons = F2(
-	function (wrapper, fun) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						fun,
-						size,
-						wrapper(color))));
-		};
-	});
-var $icidasset$elm_material_icons$Material$Icons$exposure_plus_2 = A2(
-	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
-	_List_fromArray(
-		[
-			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
-		]),
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M0 0h24v24H0zm0 0h24v24H0z'),
-					$elm$svg$Svg$Attributes$fill('none')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M16.05 16.29l2.86-3.07c.38-.39.72-.79 1.04-1.18.32-.39.59-.78.82-1.17.23-.39.41-.78.54-1.17.13-.39.19-.79.19-1.18 0-.53-.09-1.02-.27-1.46-.18-.44-.44-.81-.78-1.11-.34-.31-.77-.54-1.26-.71-.51-.16-1.08-.24-1.72-.24-.69 0-1.31.11-1.85.32-.54.21-1 .51-1.36.88-.37.37-.65.8-.84 1.3-.18.47-.27.97-.28 1.5h2.14c.01-.31.05-.6.13-.87.09-.29.23-.54.4-.75.18-.21.41-.37.68-.49.27-.12.6-.18.96-.18.31 0 .58.05.81.15.23.1.43.25.59.43.16.18.28.4.37.65.08.25.13.52.13.81 0 .22-.03.43-.08.65-.06.22-.15.45-.29.7-.14.25-.32.53-.56.83-.23.3-.52.65-.88 1.03l-4.17 4.55V18H22v-1.71h-5.95zM8 7H6v4H2v2h4v4h2v-4h4v-2H8V7z')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Widget$Material$Typography$h4 = _List_fromArray(
-	[
-		$mdgriffith$elm_ui$Element$Font$size(34),
-		$mdgriffith$elm_ui$Element$Font$letterSpacing(0.25)
-	]);
-var $icidasset$elm_material_icons$Material$Icons$remove = A2(
-	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
-	_List_fromArray(
-		[
-			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
-		]),
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M0 0h24v24H0z'),
-					$elm$svg$Svg$Attributes$fill('none')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M19 13H5v-2h14v2z')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Example$Button$view = F3(
-	function (msgMapper, style, model) {
-		return A2(
-			$author$project$Widget$column,
-			A2(
-				$author$project$Widget$Customize$mapContent,
-				$author$project$Widget$Customize$element(
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-						])),
-				A2(
-					$author$project$Widget$Customize$elementColumn,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-						]),
-					style.column)),
-			_List_fromArray(
-				[
-					A2(
-					$author$project$Widget$column,
-					A2(
-						$author$project$Widget$Customize$mapContent,
-						$author$project$Widget$Customize$element(
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width(
-									$mdgriffith$elm_ui$Element$px(128)),
-									$mdgriffith$elm_ui$Element$height(
-									$mdgriffith$elm_ui$Element$px(128)),
-									$mdgriffith$elm_ui$Element$Background$color(
-									$author$project$Widget$Material$Color$fromColor($author$project$Widget$Material$defaultPalette.secondary))
-								])),
-						A2(
-							$author$project$Widget$Customize$elementColumn,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$centerX,
-									$mdgriffith$elm_ui$Element$width(
-									$mdgriffith$elm_ui$Element$px(128)),
-									$mdgriffith$elm_ui$Element$height(
-									$mdgriffith$elm_ui$Element$px(128)),
-									$mdgriffith$elm_ui$Element$inFront(
-									A2(
-										$mdgriffith$elm_ui$Element$el,
-										_List_fromArray(
-											[$mdgriffith$elm_ui$Element$alignRight]),
-										A2(
-											$author$project$Widget$iconButton,
-											style.iconButton,
-											{
-												icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$exposure_plus_2),
-												onPress: $elm$core$Maybe$Just(
-													msgMapper(
-														$author$project$Example$Button$Increase(2))),
-												text: '+2'
-											})))
-								]),
-							style.cardColumn)),
-					$elm$core$List$singleton(
-						A2(
-							$mdgriffith$elm_ui$Element$el,
-							_Utils_ap(
-								$author$project$Widget$Material$Typography$h4,
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Element$centerX, $mdgriffith$elm_ui$Element$centerY])),
-							$mdgriffith$elm_ui$Element$text(
-								$elm$core$String$fromInt(model))))),
-					A2(
-					$author$project$Widget$row,
-					A2(
-						$author$project$Widget$Customize$mapContent,
-						$author$project$Widget$Customize$element(
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-								])),
-						A2(
-							$author$project$Widget$Customize$elementRow,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-								]),
-							style.row)),
-					_List_fromArray(
-						[
-							A2(
-							$author$project$Widget$row,
-							A2(
-								$author$project$Widget$Customize$elementRow,
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Element$alignRight]),
-								style.row),
-							_List_fromArray(
-								[
-									A2(
-									$author$project$Widget$textButton,
-									style.textButton,
-									{
-										onPress: $elm$core$Maybe$Just(
-											msgMapper($author$project$Example$Button$Reset)),
-										text: 'Reset'
-									}),
-									A2(
-									$author$project$Widget$button,
-									style.outlinedButton,
-									{
-										icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$remove),
-										onPress: (model > 0) ? $elm$core$Maybe$Just(
-											msgMapper(
-												$author$project$Example$Button$Decrease(1))) : $elm$core$Maybe$Nothing,
-										text: 'Decrease'
-									})
-								])),
-							A2(
-							$author$project$Widget$row,
-							A2(
-								$author$project$Widget$Customize$elementRow,
-								_List_fromArray(
-									[$mdgriffith$elm_ui$Element$alignLeft]),
-								style.row),
-							_List_fromArray(
-								[
-									A2(
-									$author$project$Widget$button,
-									style.containedButton,
-									{
-										icon: A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$add),
-										onPress: $elm$core$Maybe$Just(
-											msgMapper(
-												$author$project$Example$Button$Increase(1))),
-										text: 'Increase'
-									})
-								]))
-						]))
-				]));
-	});
-var $author$project$Example$Dialog$OpenDialog = function (a) {
-	return {$: 'OpenDialog', a: a};
-};
-var $feathericons$elm_feather$FeatherIcons$eye = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'eye',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$circle,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$cx('12'),
-					$elm$svg$Svg$Attributes$cy('12'),
-					$elm$svg$Svg$Attributes$r('3')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Example$Dialog$view = F3(
-	function (msgMapper, style, _v0) {
-		var isOpen = _v0.a;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height(
-						A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
-						$mdgriffith$elm_ui$Element$width(
-						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
-					]),
-				isOpen ? A2(
-					$author$project$Widget$dialog,
-					style.dialog,
-					{
-						accept: $elm$core$Maybe$Just(
-							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Ok'
-							}),
-						dismiss: $elm$core$Maybe$Just(
-							{
-								onPress: $elm$core$Maybe$Just(
-									msgMapper(
-										$author$project$Example$Dialog$OpenDialog(false))),
-								text: 'Dismiss'
-							}),
-						text: 'This is a dialog window',
-						title: $elm$core$Maybe$Just('Dialog')
-					}) : _List_Nil),
-			A2(
-				$author$project$Widget$button,
-				style.primaryButton,
-				{
-					icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$eye),
-					onPress: $elm$core$Maybe$Just(
-						msgMapper(
-							$author$project$Example$Dialog$OpenDialog(true))),
-					text: 'show Dialog'
-				}));
-	});
-var $author$project$Widget$Icon$antDesignIconsElm = function (fun) {
-	return function (_v0) {
-		var size = _v0.size;
-		var color = _v0.color;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_List_Nil,
-			$mdgriffith$elm_ui$Element$html(
-				fun(
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$width(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$height(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$fill(
-							$avh4$elm_color$Color$toCssString(color))
-						]))));
-	};
-};
-var $elm$svg$Svg$Attributes$points = _VirtualDom_attribute('points');
-var $elm$svg$Svg$polyline = $elm$svg$Svg$trustedNode('polyline');
-var $feathericons$elm_feather$FeatherIcons$check = A2(
-	$feathericons$elm_feather$FeatherIcons$makeBuilder,
-	'check',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$polyline,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$points('20 6 9 17 4 12')
-				]),
-			_List_Nil)
-		]));
-var $lattyware$elm_fontawesome$FontAwesome$Icon$Icon = F5(
-	function (prefix, name, width, height, paths) {
-		return {height: height, name: name, paths: paths, prefix: prefix, width: width};
-	});
-var $lattyware$elm_fontawesome$FontAwesome$Solid$check = A5(
-	$lattyware$elm_fontawesome$FontAwesome$Icon$Icon,
-	'fas',
-	'check',
-	512,
-	512,
-	_List_fromArray(
-		['M173.898 439.404l-166.4-166.4c-9.997-9.997-9.997-26.206 0-36.204l36.203-36.204c9.997-9.998 26.207-9.998 36.204 0L192 312.69 432.095 72.596c9.997-9.997 26.207-9.997 36.204 0l36.203 36.204c9.997 9.997 9.997 26.206 0 36.204l-294.4 294.401c-9.998 9.997-26.207 9.997-36.204-.001z']));
-var $elm$svg$Svg$Attributes$clipRule = _VirtualDom_attribute('clip-rule');
-var $elm$svg$Svg$Attributes$fillRule = _VirtualDom_attribute('fill-rule');
-var $jasonliang_dev$elm_heroicons$Heroicons$Solid$check = function (attrs) {
-	return A2(
-		$elm$svg$Svg$svg,
-		A2(
-			$elm$core$List$cons,
-			$elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
-			A2(
-				$elm$core$List$cons,
-				$elm$svg$Svg$Attributes$fill('currentColor'),
-				attrs)),
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$fillRule('evenodd'),
-						$elm$svg$Svg$Attributes$d('M16.707 5.293a1 1 0 010 1.414l-8 8a1 1 0 01-1.414 0l-4-4a1 1 0 011.414-1.414L8 12.586l7.293-7.293a1 1 0 011.414 0z'),
-						$elm$svg$Svg$Attributes$clipRule('evenodd')
-					]),
-				_List_Nil)
-			]));
-};
-var $capitalist$elm_octicons$Octicons$checkPolygon = '12 5 4 13 0 9 1.5 7.5 4 10 10.5 3.5';
-var $elm$svg$Svg$Attributes$style = _VirtualDom_attribute('style');
-var $elm$svg$Svg$Attributes$version = _VirtualDom_attribute('version');
-var $capitalist$elm_octicons$Octicons$Internal$iconSVG = F5(
-	function (viewBox, name, options, attributes, children) {
-		var style = function () {
-			var _v2 = options.style;
-			if (_v2.$ === 'Nothing') {
-				return _List_Nil;
-			} else {
-				var s = _v2.a;
-				return _List_fromArray(
-					[s]);
-			}
-		}();
-		var margin = function () {
-			var _v1 = options.margin;
-			if (_v1.$ === 'Nothing') {
-				return _List_Nil;
-			} else {
-				var m = _v1.a;
-				return _List_fromArray(
-					['margin: ' + m]);
-			}
-		}();
-		var styles = function () {
-			var _v0 = $elm$core$List$concat(
-				_List_fromArray(
-					[style, margin]));
-			if (!_v0.b) {
-				return _List_Nil;
-			} else {
-				var lst = _v0;
-				return _List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$style(
-						A2($elm$core$String$join, ';', lst))
-					]);
-			}
-		}();
-		return A2(
-			$elm$svg$Svg$svg,
-			$elm$core$List$concat(
-				_List_fromArray(
-					[
-						_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$version('1.1'),
-							$elm$svg$Svg$Attributes$class(
-							A2($elm$core$Maybe$withDefault, 'octicon ' + name, options._class)),
-							$elm$svg$Svg$Attributes$width(
-							$elm$core$String$fromInt(options.width)),
-							$elm$svg$Svg$Attributes$height(
-							$elm$core$String$fromInt(options.height)),
-							$elm$svg$Svg$Attributes$viewBox(viewBox)
-						]),
-						attributes,
-						styles
-					])),
-			children);
-	});
-var $elm$svg$Svg$polygon = $elm$svg$Svg$trustedNode('polygon');
-var $capitalist$elm_octicons$Octicons$polygonIconWithOptions = F4(
-	function (points, viewBox, octiconName, options) {
-		return A5(
-			$capitalist$elm_octicons$Octicons$Internal$iconSVG,
-			viewBox,
-			octiconName,
-			options,
-			_List_Nil,
-			_List_fromArray(
-				[
-					A2(
-					$elm$svg$Svg$polygon,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$points(points),
-							$elm$svg$Svg$Attributes$fillRule(options.fillRule),
-							$elm$svg$Svg$Attributes$fill(options.color)
-						]),
-					_List_Nil)
-				]));
-	});
-var $capitalist$elm_octicons$Octicons$check = A3($capitalist$elm_octicons$Octicons$polygonIconWithOptions, $capitalist$elm_octicons$Octicons$checkPolygon, '0 0 12 16', 'check');
-var $lemol$ant_design_icons_elm$Ant$Icons$Svg$CheckOutlined$viewWithAttributes = function (attributes) {
-	return A2(
-		$elm$svg$Svg$svg,
-		_Utils_ap(
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$viewBox('64 64 896 896')
-				]),
-			attributes),
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M912 190h-69.9c-9.8 0-19.1 4.5-25.1 12.2L404.7 724.5 207 474a32 32 0 00-25.1-12.2H112c-6.7 0-10.4 7.7-6.3 12.9l273.9 347c12.8 16.2 37.4 16.2 50.3 0l488.4-618.9c4.1-5.1.4-12.8-6.3-12.8z')
-					]),
-				_List_Nil)
-			]));
-};
-var $lemol$ant_design_icons_elm$Ant$Icons$Svg$checkOutlined = $lemol$ant_design_icons_elm$Ant$Icons$Svg$CheckOutlined$viewWithAttributes;
-var $j_panasiuk$elm_ionicons$Ionicon$Internal$toAlphaString = function (value) {
-	return A2(
-		$elm$core$String$left,
-		5,
-		$elm$core$String$fromFloat(
-			A3($elm$core$Basics$clamp, 0, 1, value)));
-};
-var $j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString = function (value) {
-	return A2(
-		$elm$core$String$left,
-		5,
-		$elm$core$String$fromFloat(
-			A3($elm$core$Basics$clamp, 0, 255, 255 * value)));
-};
-var $j_panasiuk$elm_ionicons$Ionicon$Internal$fill = function (_v0) {
-	var red = _v0.red;
-	var green = _v0.green;
-	var blue = _v0.blue;
-	var alpha = _v0.alpha;
-	var _v1 = ((0 <= alpha) && (alpha < 1)) ? _Utils_Tuple2(
-		'rgba',
-		_List_fromArray(
-			[
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(red),
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(green),
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(blue),
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toAlphaString(alpha)
-			])) : _Utils_Tuple2(
-		'rgb',
-		_List_fromArray(
-			[
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(red),
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(green),
-				$j_panasiuk$elm_ionicons$Ionicon$Internal$toColorString(blue)
-			]));
-	var colorSpace = _v1.a;
-	var values = _v1.b;
-	return colorSpace + ('(' + (A2($elm$core$String$join, ',', values) + ')'));
-};
-var $elm$svg$Svg$Attributes$enableBackground = _VirtualDom_attribute('enable-background');
-var $elm$svg$Svg$Attributes$x = _VirtualDom_attribute('x');
-var $elm$svg$Svg$Attributes$y = _VirtualDom_attribute('y');
-var $j_panasiuk$elm_ionicons$Ionicon$Internal$svg = function (size) {
-	return $elm$svg$Svg$svg(
-		_List_fromArray(
-			[
-				$elm$svg$Svg$Attributes$version('1.1'),
-				$elm$svg$Svg$Attributes$x('0px'),
-				$elm$svg$Svg$Attributes$y('0px'),
-				$elm$svg$Svg$Attributes$width(
-				$elm$core$String$fromInt(size)),
-				$elm$svg$Svg$Attributes$height(
-				$elm$core$String$fromInt(size)),
-				$elm$svg$Svg$Attributes$viewBox('0 0 512 512'),
-				$elm$svg$Svg$Attributes$enableBackground('new 0 0 512 512')
-			]));
-};
-var $j_panasiuk$elm_ionicons$Ionicon$Internal$p = F3(
-	function (d, size, color) {
-		return A2(
-			$j_panasiuk$elm_ionicons$Ionicon$Internal$svg,
-			size,
-			_List_fromArray(
-				[
-					A2(
-					$elm$svg$Svg$path,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$d(d),
-							$elm$svg$Svg$Attributes$fill(
-							$j_panasiuk$elm_ionicons$Ionicon$Internal$fill(color))
-						]),
-					_List_Nil)
-				]));
-	});
-var $j_panasiuk$elm_ionicons$Ionicon$checkmark = $j_panasiuk$elm_ionicons$Ionicon$Internal$p('M461.6,109.6l-54.9-43.3c-1.7-1.4-3.8-2.4-6.2-2.4c-2.4,0-4.6,1-6.3,2.5L194.5,323c0,0-78.5-75.5-80.7-77.7c-2.2-2.2-5.1-5.9-9.5-5.9c-4.4,0-6.4,3.1-8.7,5.4c-1.7,1.8-29.7,31.2-43.5,45.8c-0.8,0.9-1.3,1.4-2,2.1c-1.2,1.7-2,3.6-2,5.7c0,2.2,0.8,4,2,5.7l2.8,2.6c0,0,139.3,133.8,141.6,136.1c2.3,2.3,5.1,5.2,9.2,5.2c4,0,7.3-4.3,9.2-6.2L462,121.8c1.2-1.7,2-3.6,2-5.8C464,113.5,463,111.4,461.6,109.6z');
-var $pehota$elm_zondicons$Zondicons$checkmark = function (attributes) {
-	return A2(
-		$elm$svg$Svg$svg,
-		A2(
-			$elm$core$List$cons,
-			$elm$svg$Svg$Attributes$viewBox('0 0 20 20'),
-			A2(
-				$elm$core$List$cons,
-				$elm$svg$Svg$Attributes$fill('currentColor'),
-				attributes)),
-		_List_fromArray(
-			[
-				A2(
-				$elm$svg$Svg$path,
-				_List_fromArray(
-					[
-						$elm$svg$Svg$Attributes$d('M0 11l2-2 5 5L18 3l2 2L7 18z')
-					]),
-				_List_Nil)
-			]));
-};
-var $capitalist$elm_octicons$Octicons$color = F2(
-	function (value, options) {
-		return _Utils_update(
-			options,
-			{color: value});
-	});
-var $capitalist$elm_octicons$Octicons$defaultOptions = {_class: $elm$core$Maybe$Nothing, color: 'black', fillRule: 'evenodd', height: 16, margin: $elm$core$Maybe$Nothing, style: $elm$core$Maybe$Nothing, width: 16};
-var $icidasset$elm_material_icons$Material$Icons$done = A2(
-	$icidasset$elm_material_icons$Material$Icons$Internal$icon,
-	_List_fromArray(
-		[
-			$elm$svg$Svg$Attributes$viewBox('0 0 24 24')
-		]),
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M0 0h24v24H0z'),
-					$elm$svg$Svg$Attributes$fill('none')
-				]),
-			_List_Nil),
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M9 16.2L4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4L9 16.2z')
-				]),
-			_List_Nil)
-		]));
-var $danmarcab$material_icons$Material$Icons$Internal$toRgbaString = function (color) {
-	var _v0 = $avh4$elm_color$Color$toRgba(color);
-	var red = _v0.red;
-	var green = _v0.green;
-	var blue = _v0.blue;
-	var alpha = _v0.alpha;
-	return 'rgba(' + ($elm$core$String$fromInt(
-		$elm$core$Basics$round(255 * red)) + (',' + ($elm$core$String$fromInt(
-		$elm$core$Basics$round(255 * green)) + (',' + ($elm$core$String$fromInt(
-		$elm$core$Basics$round(255 * blue)) + (',' + ($elm$core$String$fromFloat(alpha) + ')')))))));
-};
-var $danmarcab$material_icons$Material$Icons$Internal$icon = F4(
-	function (viewBox, children, color, size) {
-		var stringSize = $elm$core$String$fromInt(size);
-		var stringColor = $danmarcab$material_icons$Material$Icons$Internal$toRgbaString(color);
-		return A2(
-			$elm$svg$Svg$svg,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$width(stringSize),
-					$elm$svg$Svg$Attributes$height(stringSize),
-					$elm$svg$Svg$Attributes$viewBox(viewBox)
-				]),
-			_List_fromArray(
-				[
-					A2(
-					$elm$svg$Svg$g,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$fill(stringColor)
-						]),
-					children)
-				]));
-	});
-var $danmarcab$material_icons$Material$Icons$Action$done = A2(
-	$danmarcab$material_icons$Material$Icons$Internal$icon,
-	'0 0 48 48',
-	_List_fromArray(
-		[
-			A2(
-			$elm$svg$Svg$path,
-			_List_fromArray(
-				[
-					$elm$svg$Svg$Attributes$d('M18 32.34L9.66 24l-2.83 2.83L18 38l24-24-2.83-2.83z')
-				]),
-			_List_Nil)
-		]));
-var $author$project$Widget$Icon$elmFontawesome = F2(
-	function (fun, icon) {
-		return function (_v0) {
-			var size = _v0.size;
-			var color = _v0.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					A2(
-						$elm$svg$Svg$svg,
-						_List_fromArray(
-							[
-								$elm$svg$Svg$Attributes$width(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$height(
-								$elm$core$String$fromInt(size)),
-								$elm$svg$Svg$Attributes$stroke(
-								$avh4$elm_color$Color$toCssString(color)),
-								$elm$svg$Svg$Attributes$viewBox(
-								'0 0 ' + ($elm$core$String$fromInt(512) + (' ' + $elm$core$String$fromInt(512))))
-							]),
-						$elm$core$List$singleton(
-							fun(icon)))));
-		};
-	});
-var $author$project$Widget$Icon$elmHeroicons = function (fun) {
-	return function (_v0) {
-		var size = _v0.size;
-		var color = _v0.color;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_List_Nil,
-			$mdgriffith$elm_ui$Element$html(
-				fun(
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$width(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$height(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$stroke(
-							$avh4$elm_color$Color$toCssString(color))
-						]))));
-	};
-};
-var $author$project$Widget$Icon$elmIonicons = function (fun) {
-	return function (_v0) {
-		var size = _v0.size;
-		var color = _v0.color;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_List_Nil,
-			$mdgriffith$elm_ui$Element$html(
-				A2(
-					fun,
-					size,
-					$avh4$elm_color$Color$toRgba(color))));
-	};
-};
-var $author$project$Widget$Icon$elmOcticons = F2(
-	function (_v0, fun) {
-		var withSize = _v0.withSize;
-		var withColor = _v0.withColor;
-		var defaultOptions = _v0.defaultOptions;
-		return function (_v1) {
-			var size = _v1.size;
-			var color = _v1.color;
-			return A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_Nil,
-				$mdgriffith$elm_ui$Element$html(
-					fun(
-						A2(
-							withColor,
-							$avh4$elm_color$Color$toCssString(color),
-							A2(withSize, size, defaultOptions)))));
-		};
-	});
-var $author$project$Widget$Icon$elmZondicons = function (fun) {
-	return function (_v0) {
-		var size = _v0.size;
-		var color = _v0.color;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_List_Nil,
-			$mdgriffith$elm_ui$Element$html(
-				fun(
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$width(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$height(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$stroke(
-							$avh4$elm_color$Color$toCssString(color))
-						]))));
-	};
-};
-var $author$project$Widget$Icon$materialIcons = function (fun) {
-	return function (_v0) {
-		var size = _v0.size;
-		var color = _v0.color;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_List_Nil,
-			$mdgriffith$elm_ui$Element$html(
-				A2(
-					$elm$svg$Svg$svg,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$width(
-							$elm$core$String$fromInt(size)),
-							$elm$svg$Svg$Attributes$height(
-							$elm$core$String$fromInt(size))
-						]),
-					$elm$core$List$singleton(
-						A2(fun, color, size)))));
-	};
-};
-var $capitalist$elm_octicons$Octicons$size = F2(
-	function (value, options) {
-		return _Utils_update(
-			options,
-			{height: value, width: value});
-	});
-var $lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePath = F2(
-	function (attrs, d) {
-		return A2(
-			$elm$svg$Svg$path,
-			A2(
-				$elm$core$List$cons,
-				$elm$svg$Svg$Attributes$fill('currentColor'),
-				A2(
-					$elm$core$List$cons,
-					$elm$svg$Svg$Attributes$d(d),
-					attrs)),
-			_List_Nil);
-	});
-var $lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePaths = F2(
-	function (attrs, icon) {
-		var _v0 = icon.paths;
-		if (!_v0.b) {
-			return A2($lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePath, attrs, '');
-		} else {
-			if (!_v0.b.b) {
-				var only = _v0.a;
-				return A2($lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePath, attrs, only);
-			} else {
-				var secondary = _v0.a;
-				var _v1 = _v0.b;
-				var primary = _v1.a;
-				return A2(
-					$elm$svg$Svg$g,
-					_List_fromArray(
-						[
-							$elm$svg$Svg$Attributes$class('fa-group')
-						]),
-					_List_fromArray(
-						[
-							A2(
-							$lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePath,
-							A2(
-								$elm$core$List$cons,
-								$elm$svg$Svg$Attributes$class('fa-secondary'),
-								attrs),
-							secondary),
-							A2(
-							$lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePath,
-							A2(
-								$elm$core$List$cons,
-								$elm$svg$Svg$Attributes$class('fa-primary'),
-								attrs),
-							primary)
-						]));
-			}
-		}
-	});
-var $lattyware$elm_fontawesome$FontAwesome$Svg$viewIcon = $lattyware$elm_fontawesome$FontAwesome$Svg$Internal$corePaths(_List_Nil);
-var $mdgriffith$elm_ui$Internal$Model$Padding = F5(
-	function (a, b, c, d, e) {
-		return {$: 'Padding', a: a, b: b, c: c, d: d, e: e};
-	});
-var $mdgriffith$elm_ui$Internal$Model$Spaced = F3(
-	function (a, b, c) {
-		return {$: 'Spaced', a: a, b: b, c: c};
-	});
-var $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding = function (attrs) {
-	return A3(
-		$elm$core$List$foldr,
-		F2(
-			function (attr, _v0) {
-				var pad = _v0.a;
-				var spacing = _v0.b;
-				return _Utils_Tuple2(
-					function () {
-						if (pad.$ === 'Just') {
-							var x = pad.a;
-							return pad;
-						} else {
-							if ((attr.$ === 'StyleClass') && (attr.b.$ === 'PaddingStyle')) {
-								var _v3 = attr.b;
-								var name = _v3.a;
-								var t = _v3.b;
-								var r = _v3.c;
-								var b = _v3.d;
-								var l = _v3.e;
-								return $elm$core$Maybe$Just(
-									A5($mdgriffith$elm_ui$Internal$Model$Padding, name, t, r, b, l));
-							} else {
-								return $elm$core$Maybe$Nothing;
-							}
-						}
-					}(),
-					function () {
-						if (spacing.$ === 'Just') {
-							var x = spacing.a;
-							return spacing;
-						} else {
-							if ((attr.$ === 'StyleClass') && (attr.b.$ === 'SpacingStyle')) {
-								var _v6 = attr.b;
-								var name = _v6.a;
-								var x = _v6.b;
-								var y = _v6.c;
-								return $elm$core$Maybe$Just(
-									A3($mdgriffith$elm_ui$Internal$Model$Spaced, name, x, y));
-							} else {
-								return $elm$core$Maybe$Nothing;
-							}
-						}
-					}());
-			}),
-		_Utils_Tuple2($elm$core$Maybe$Nothing, $elm$core$Maybe$Nothing),
-		attrs);
-};
-var $mdgriffith$elm_ui$Element$wrappedRow = F2(
-	function (attrs, children) {
-		var _v0 = $mdgriffith$elm_ui$Internal$Model$extractSpacingAndPadding(attrs);
-		var padded = _v0.a;
-		var spaced = _v0.b;
-		if (spaced.$ === 'Nothing') {
-			return A4(
-				$mdgriffith$elm_ui$Internal$Model$element,
-				$mdgriffith$elm_ui$Internal$Model$asRow,
-				$mdgriffith$elm_ui$Internal$Model$div,
-				A2(
-					$elm$core$List$cons,
-					$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-							attrs))),
-				$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-		} else {
-			var _v2 = spaced.a;
-			var spaceName = _v2.a;
-			var x = _v2.b;
-			var y = _v2.c;
-			var newPadding = function () {
-				if (padded.$ === 'Just') {
-					var _v5 = padded.a;
-					var name = _v5.a;
-					var t = _v5.b;
-					var r = _v5.c;
-					var b = _v5.d;
-					var l = _v5.e;
-					if ((_Utils_cmp(r, x / 2) > -1) && (_Utils_cmp(b, y / 2) > -1)) {
-						var newTop = t - (y / 2);
-						var newRight = r - (x / 2);
-						var newLeft = l - (x / 2);
-						var newBottom = b - (y / 2);
-						return $elm$core$Maybe$Just(
-							A2(
-								$mdgriffith$elm_ui$Internal$Model$StyleClass,
-								$mdgriffith$elm_ui$Internal$Flag$padding,
-								A5(
-									$mdgriffith$elm_ui$Internal$Model$PaddingStyle,
-									A4($mdgriffith$elm_ui$Internal$Model$paddingNameFloat, newTop, newRight, newBottom, newLeft),
-									newTop,
-									newRight,
-									newBottom,
-									newLeft)));
-					} else {
-						return $elm$core$Maybe$Nothing;
-					}
-				} else {
-					return $elm$core$Maybe$Nothing;
-				}
-			}();
-			if (newPadding.$ === 'Just') {
-				var pad = newPadding.a;
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$element,
-					$mdgriffith$elm_ui$Internal$Model$asRow,
-					$mdgriffith$elm_ui$Internal$Model$div,
-					A2(
-						$elm$core$List$cons,
-						$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
-						A2(
-							$elm$core$List$cons,
-							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink),
-							A2(
-								$elm$core$List$cons,
-								$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-								_Utils_ap(
-									attrs,
-									_List_fromArray(
-										[pad]))))),
-					$mdgriffith$elm_ui$Internal$Model$Unkeyed(children));
-			} else {
-				var halfY = -(y / 2);
-				var halfX = -(x / 2);
-				return A4(
-					$mdgriffith$elm_ui$Internal$Model$element,
-					$mdgriffith$elm_ui$Internal$Model$asEl,
-					$mdgriffith$elm_ui$Internal$Model$div,
-					attrs,
-					$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-						_List_fromArray(
-							[
-								A4(
-								$mdgriffith$elm_ui$Internal$Model$element,
-								$mdgriffith$elm_ui$Internal$Model$asRow,
-								$mdgriffith$elm_ui$Internal$Model$div,
-								A2(
-									$elm$core$List$cons,
-									$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.contentLeft + (' ' + ($mdgriffith$elm_ui$Internal$Style$classes.contentCenterY + (' ' + $mdgriffith$elm_ui$Internal$Style$classes.wrapped)))),
-									A2(
-										$elm$core$List$cons,
-										$mdgriffith$elm_ui$Internal$Model$Attr(
-											A2(
-												$elm$html$Html$Attributes$style,
-												'margin',
-												$elm$core$String$fromFloat(halfY) + ('px' + (' ' + ($elm$core$String$fromFloat(halfX) + 'px'))))),
-										A2(
-											$elm$core$List$cons,
-											$mdgriffith$elm_ui$Internal$Model$Attr(
-												A2(
-													$elm$html$Html$Attributes$style,
-													'width',
-													'calc(100% + ' + ($elm$core$String$fromInt(x) + 'px)'))),
-											A2(
-												$elm$core$List$cons,
-												$mdgriffith$elm_ui$Internal$Model$Attr(
-													A2(
-														$elm$html$Html$Attributes$style,
-														'height',
-														'calc(100% + ' + ($elm$core$String$fromInt(y) + 'px)'))),
-												A2(
-													$elm$core$List$cons,
-													A2(
-														$mdgriffith$elm_ui$Internal$Model$StyleClass,
-														$mdgriffith$elm_ui$Internal$Flag$spacing,
-														A3($mdgriffith$elm_ui$Internal$Model$SpacingStyle, spaceName, x, y)),
-													_List_Nil))))),
-								$mdgriffith$elm_ui$Internal$Model$Unkeyed(children))
-							])));
-			}
-		}
-	});
-var $author$project$Example$Icon$view = F3(
-	function (msgMapper, style, _v0) {
-		return A2(
-			$mdgriffith$elm_ui$Element$column,
-			_List_fromArray(
-				[
-					$mdgriffith$elm_ui$Element$spacing(10)
-				]),
-			_List_fromArray(
-				[
-					A2(
-					$mdgriffith$elm_ui$Element$paragraph,
-					_List_Nil,
-					$elm$core$List$singleton(
-						$mdgriffith$elm_ui$Element$text('Every icon package on elm-packages is supported.'))),
-					A2(
-					$mdgriffith$elm_ui$Element$wrappedRow,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$spacing(10)
-						]),
-					A2(
-						$elm$core$List$map,
-						function (_v1) {
-							var icon = _v1.a;
-							var text = _v1.b;
-							return A2(
-								$author$project$Widget$button,
-								style.primaryButton,
-								{
-									icon: icon,
-									onPress: $elm$core$Maybe$Just(
-										msgMapper(_Utils_Tuple0)),
-									text: text
-								});
-						},
-						_List_fromArray(
-							[
-								_Utils_Tuple2(
-								A2($author$project$Widget$Icon$elmMaterialIcons, $icidasset$elm_material_icons$Material$Icons$Types$Color, $icidasset$elm_material_icons$Material$Icons$done),
-								'elm-material-icons'),
-								_Utils_Tuple2(
-								$author$project$Widget$Icon$materialIcons($danmarcab$material_icons$Material$Icons$Action$done),
-								'material-icons'),
-								_Utils_Tuple2(
-								A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$check),
-								'elm-feather'),
-								_Utils_Tuple2(
-								A2($author$project$Widget$Icon$elmFontawesome, $lattyware$elm_fontawesome$FontAwesome$Svg$viewIcon, $lattyware$elm_fontawesome$FontAwesome$Solid$check),
-								'elm-fontawesome'),
-								_Utils_Tuple2(
-								$author$project$Widget$Icon$elmIonicons($j_panasiuk$elm_ionicons$Ionicon$checkmark),
-								'elm-ionicons'),
-								_Utils_Tuple2(
-								A2(
-									$author$project$Widget$Icon$elmOcticons,
-									{defaultOptions: $capitalist$elm_octicons$Octicons$defaultOptions, withColor: $capitalist$elm_octicons$Octicons$color, withSize: $capitalist$elm_octicons$Octicons$size},
-									$capitalist$elm_octicons$Octicons$check),
-								'elm-octicons'),
-								_Utils_Tuple2(
-								$author$project$Widget$Icon$elmHeroicons($jasonliang_dev$elm_heroicons$Heroicons$Solid$check),
-								'elm-heroicons'),
-								_Utils_Tuple2(
-								$author$project$Widget$Icon$antDesignIconsElm($lemol$ant_design_icons_elm$Ant$Icons$Svg$checkOutlined),
-								'ant-design-icons-elm'),
-								_Utils_Tuple2(
-								$author$project$Widget$Icon$elmZondicons($pehota$elm_zondicons$Zondicons$checkmark),
-								'elm-zondicons')
-							])))
-				]));
-	});
-var $author$project$Example$List$ToggleCollapsable = function (a) {
-	return {$: 'ToggleCollapsable', a: a};
-};
-var $author$project$Internal$Item$headerItem = F2(
-	function (style, title) {
-		return A2(
-			$author$project$Internal$Item$toItem,
-			style,
-			function (_v0) {
-				var elementColumn = _v0.elementColumn;
-				var content = _v0.content;
-				return A2(
-					$mdgriffith$elm_ui$Element$column,
-					elementColumn,
-					_List_fromArray(
-						[
-							A2($mdgriffith$elm_ui$Element$el, content.divider.element, $mdgriffith$elm_ui$Element$none),
-							A2(
-							$mdgriffith$elm_ui$Element$el,
-							content.title,
-							$mdgriffith$elm_ui$Element$text(title))
-						]));
-			});
-	});
-var $author$project$Widget$headerItem = $author$project$Internal$Item$headerItem;
-var $elm$html$Html$Attributes$alt = $elm$html$Html$Attributes$stringProperty('alt');
-var $elm$html$Html$Attributes$src = function (url) {
-	return A2(
-		$elm$html$Html$Attributes$stringProperty,
-		'src',
-		_VirtualDom_noJavaScriptOrHtmlUri(url));
-};
-var $mdgriffith$elm_ui$Element$image = F2(
-	function (attrs, _v0) {
-		var src = _v0.src;
-		var description = _v0.description;
-		var imageAttributes = A2(
-			$elm$core$List$filter,
-			function (a) {
-				switch (a.$) {
-					case 'Width':
-						return true;
-					case 'Height':
-						return true;
-					default:
-						return false;
-				}
-			},
-			attrs);
-		return A4(
-			$mdgriffith$elm_ui$Internal$Model$element,
-			$mdgriffith$elm_ui$Internal$Model$asEl,
-			$mdgriffith$elm_ui$Internal$Model$div,
-			A2(
-				$elm$core$List$cons,
-				$mdgriffith$elm_ui$Internal$Model$htmlClass($mdgriffith$elm_ui$Internal$Style$classes.imageContainer),
-				attrs),
-			$mdgriffith$elm_ui$Internal$Model$Unkeyed(
-				_List_fromArray(
-					[
-						A4(
-						$mdgriffith$elm_ui$Internal$Model$element,
-						$mdgriffith$elm_ui$Internal$Model$asEl,
-						$mdgriffith$elm_ui$Internal$Model$NodeName('img'),
-						_Utils_ap(
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Internal$Model$Attr(
-									$elm$html$Html$Attributes$src(src)),
-									$mdgriffith$elm_ui$Internal$Model$Attr(
-									$elm$html$Html$Attributes$alt(description))
-								]),
-							imageAttributes),
-						$mdgriffith$elm_ui$Internal$Model$Unkeyed(_List_Nil))
-					])));
-	});
-var $author$project$Internal$Item$imageItem = F2(
-	function (s, _v0) {
-		var onPress = _v0.onPress;
-		var text = _v0.text;
-		var image = _v0.image;
-		var content = _v0.content;
-		return A2(
-			$author$project$Internal$Item$toItem,
-			s,
-			function (style) {
-				return A2(
-					$mdgriffith$elm_ui$Element$Input$button,
-					_Utils_ap(
-						style.elementButton,
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-					{
-						label: A2(
-							$mdgriffith$elm_ui$Element$row,
-							style.content.elementRow,
-							_List_fromArray(
-								[
-									A2($mdgriffith$elm_ui$Element$el, style.content.content.image.element, image),
-									A2(
-									$mdgriffith$elm_ui$Element$el,
-									style.content.content.text.elementText,
-									A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text(text)))),
-									content(style.content.content.content)
-								])),
-						onPress: onPress
-					});
-			});
-	});
-var $author$project$Widget$imageItem = $author$project$Internal$Item$imageItem;
-var $author$project$Internal$Item$multiLineItem = F2(
-	function (s, _v0) {
-		var onPress = _v0.onPress;
-		var title = _v0.title;
-		var text = _v0.text;
-		var icon = _v0.icon;
-		var content = _v0.content;
-		return A2(
-			$author$project$Internal$Item$toItem,
-			s,
-			function (style) {
-				return A2(
-					$mdgriffith$elm_ui$Element$Input$button,
-					_Utils_ap(
-						style.elementButton,
-						_Utils_eq(onPress, $elm$core$Maybe$Nothing) ? style.ifDisabled : style.otherwise),
-					{
-						label: A2(
-							$mdgriffith$elm_ui$Element$row,
-							style.content.elementRow,
-							_List_fromArray(
-								[
-									A2(
-									$mdgriffith$elm_ui$Element$el,
-									style.content.content.icon.element,
-									icon(style.content.content.icon.content)),
-									A2(
-									$mdgriffith$elm_ui$Element$column,
-									style.content.content.description.elementColumn,
-									_List_fromArray(
-										[
-											A2(
-											$mdgriffith$elm_ui$Element$paragraph,
-											style.content.content.description.content.title.elementText,
-											$elm$core$List$singleton(
-												$mdgriffith$elm_ui$Element$text(title))),
-											A2(
-											$mdgriffith$elm_ui$Element$paragraph,
-											style.content.content.description.content.text.elementText,
-											$elm$core$List$singleton(
-												$mdgriffith$elm_ui$Element$text(text)))
-										])),
-									content(style.content.content.content)
-								])),
-						onPress: onPress
-					});
-			});
-	});
-var $author$project$Widget$multiLineItem = $author$project$Internal$Item$multiLineItem;
-var $author$project$Widget$textItem = $author$project$Internal$Item$textItem;
-var $author$project$Example$List$view = F3(
-	function (msgMapper, style, _v0) {
-		var isExpanded = _v0.a;
-		return A2(
-			$author$project$Widget$itemList,
-			style.cardColumn,
-			_Utils_ap(
-				_List_fromArray(
-					[
-						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 1'),
-						$author$project$Widget$item(
-						$mdgriffith$elm_ui$Element$text('Custom Item')),
-						$author$project$Widget$divider(style.middleDivider),
-						$author$project$Widget$item(
-						A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[$mdgriffith$elm_ui$Element$centerY]),
-							$mdgriffith$elm_ui$Element$text('Custom Item (centered)'))),
-						A2($author$project$Widget$headerItem, style.fullBleedHeader, 'Section 2'),
-						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
-						{
-							content: function (_v1) {
-								var size = _v1.size;
-								var color = _v1.color;
-								return $mdgriffith$elm_ui$Element$none;
-							},
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$triangle),
-							onPress: $elm$core$Maybe$Nothing,
-							text: 'Item with Icon'
-						}),
-						A2(
-						$author$project$Widget$imageItem,
-						style.imageItem,
-						{
-							content: function (_v2) {
-								var size = _v2.size;
-								var color = _v2.color;
-								return A2(
-									$mdgriffith$elm_ui$Element$el,
-									_List_fromArray(
-										[
-											$mdgriffith$elm_ui$Element$Font$color(
-											$author$project$Widget$Material$Color$fromColor(color)),
-											$mdgriffith$elm_ui$Element$Font$size(size)
-										]),
-									$mdgriffith$elm_ui$Element$text('1.'));
-							},
-							image: A2(
-								$mdgriffith$elm_ui$Element$image,
-								_List_fromArray(
-									[
-										$mdgriffith$elm_ui$Element$width(
-										$mdgriffith$elm_ui$Element$px(40)),
-										$mdgriffith$elm_ui$Element$height(
-										$mdgriffith$elm_ui$Element$px(40))
-									]),
-								{description: 'Elm logo', src: 'https://upload.wikimedia.org/wikipedia/commons/thumb/f/f3/Elm_logo.svg/1024px-Elm_logo.svg.png'}),
-							onPress: $elm$core$Maybe$Nothing,
-							text: 'Item with Image'
-						}),
-						$author$project$Widget$divider(style.insetDivider),
-						A2(
-						$author$project$Widget$textItem,
-						style.textItem,
-						{
-							content: function (_v3) {
-								var size = _v3.size;
-								var color = _v3.color;
-								return A2(
-									$mdgriffith$elm_ui$Element$el,
-									_List_fromArray(
-										[
-											$mdgriffith$elm_ui$Element$Font$color(
-											$author$project$Widget$Material$Color$fromColor(color)),
-											$mdgriffith$elm_ui$Element$Font$size(size)
-										]),
-									$mdgriffith$elm_ui$Element$text('2.'));
-							},
-							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-							onPress: $elm$core$Maybe$Just(
-								msgMapper(
-									$author$project$Example$List$ToggleCollapsable(!isExpanded))),
-							text: 'Click Me'
-						}),
-						A2(
-						$author$project$Widget$multiLineItem,
-						style.multiLineItem,
-						{
-							content: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-							icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-							onPress: $elm$core$Maybe$Nothing,
-							text: 'Description. Description. Description. Description. Description. Description. Description. Description. Description. Description.',
-							title: 'Item'
-						}),
-						A2(
-						$author$project$Widget$imageItem,
-						style.imageItem,
-						{
-							content: function (_v4) {
-								var size = _v4.size;
-								var color = _v4.color;
-								return A2(
-									$author$project$Widget$switch,
-									style._switch,
-									{
-										active: isExpanded,
-										description: 'Click Me',
-										onPress: $elm$core$Maybe$Just(
-											msgMapper(
-												$author$project$Example$List$ToggleCollapsable(!isExpanded)))
-									});
-							},
-							image: $mdgriffith$elm_ui$Element$none,
-							onPress: $elm$core$Maybe$Just(
-								msgMapper(
-									$author$project$Example$List$ToggleCollapsable(!isExpanded))),
-							text: 'Clickable Item with Switch'
-						}),
-						$author$project$Widget$divider(style.fullBleedDivider)
-					]),
-				A2(
-					$author$project$Widget$expansionItem,
-					style.expansionItem,
-					{
-						content: _List_fromArray(
-							[
-								A2($author$project$Widget$headerItem, style.insetHeader, 'Section 3'),
-								A2(
-								$author$project$Widget$textItem,
-								style.textItem,
-								{
-									content: function (_v5) {
-										var size = _v5.size;
-										var color = _v5.color;
-										return A2(
-											$mdgriffith$elm_ui$Element$el,
-											_List_fromArray(
-												[
-													$mdgriffith$elm_ui$Element$Font$color(
-													$author$project$Widget$Material$Color$fromColor(color)),
-													$mdgriffith$elm_ui$Element$Font$size(size)
-												]),
-											$mdgriffith$elm_ui$Element$text('3.'));
-									},
-									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-									onPress: $elm$core$Maybe$Nothing,
-									text: 'Item'
-								})
-							]),
-						icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-						isExpanded: isExpanded,
-						onToggle: A2($elm$core$Basics$composeR, $author$project$Example$List$ToggleCollapsable, msgMapper),
-						text: 'Expandable Item'
-					})));
-	});
-var $author$project$Example$Modal$ToggleModal = function (a) {
-	return {$: 'ToggleModal', a: a};
-};
-var $author$project$Widget$modal = $author$project$Internal$Dialog$modal;
-var $author$project$Example$Modal$view = F3(
-	function (msgMapper, style, _v0) {
-		var isEnabled = _v0.a;
-		return A2(
-			$mdgriffith$elm_ui$Element$el,
-			_Utils_ap(
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height(
-						A2($mdgriffith$elm_ui$Element$minimum, 200, $mdgriffith$elm_ui$Element$fill)),
-						$mdgriffith$elm_ui$Element$width(
-						A2($mdgriffith$elm_ui$Element$minimum, 400, $mdgriffith$elm_ui$Element$fill))
-					]),
-				isEnabled ? $author$project$Widget$modal(
-					{
-						content: A2(
-							$mdgriffith$elm_ui$Element$el,
-							_List_fromArray(
-								[
-									$mdgriffith$elm_ui$Element$height(
-									$mdgriffith$elm_ui$Element$px(100)),
-									$mdgriffith$elm_ui$Element$width(
-									$mdgriffith$elm_ui$Element$px(250)),
-									$mdgriffith$elm_ui$Element$centerX,
-									$mdgriffith$elm_ui$Element$centerY
-								]),
-							A2(
-								$author$project$Widget$column,
-								style.cardColumn,
-								$elm$core$List$singleton(
-									A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text('Click on the area around this box to close it.')))))),
-						onDismiss: $elm$core$Maybe$Just(
-							msgMapper(
-								$author$project$Example$Modal$ToggleModal(false)))
-					}) : _List_Nil),
-			A2(
-				$author$project$Widget$button,
-				style.primaryButton,
-				{
-					icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$eye),
-					onPress: $elm$core$Maybe$Just(
-						msgMapper(
-							$author$project$Example$Modal$ToggleModal(true))),
-					text: 'show Modal'
-				}));
-	});
-var $author$project$Example$MultiSelect$ChangedSelected = function (a) {
-	return {$: 'ChangedSelected', a: a};
-};
-var $author$project$Example$MultiSelect$view = F3(
-	function (msgMapper, style, _v0) {
-		var selected = _v0.a;
-		return A2(
-			$author$project$Widget$buttonRow,
-			{content: style.selectButton, elementRow: style.buttonRow},
-			$author$project$Widget$multiSelect(
-				{
-					onSelect: A2(
-						$elm$core$Basics$composeR,
-						$author$project$Example$MultiSelect$ChangedSelected,
-						A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
-					options: A2(
-						$elm$core$List$map,
-						function (_int) {
-							return {
-								icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-								text: $elm$core$String$fromInt(_int)
-							};
-						},
-						_List_fromArray(
-							[1, 2, 42])),
-					selected: selected
-				}));
-	});
-var $author$project$Example$ProgressIndicator$view = F3(
-	function (msgMapper, style, _v0) {
-		var maybeProgress = _v0.a;
-		return A2($author$project$Widget$circularProgressIndicator, style.progressIndicator, maybeProgress);
-	});
-var $author$project$Example$Select$ChangedSelected = function (a) {
-	return {$: 'ChangedSelected', a: a};
-};
-var $author$project$Example$Select$view = F3(
-	function (msgMapper, style, _v0) {
-		var selected = _v0.a;
-		return A2(
-			$author$project$Widget$buttonRow,
-			{content: style.selectButton, elementRow: style.buttonRow},
-			$author$project$Widget$select(
-				{
-					onSelect: A2(
-						$elm$core$Basics$composeR,
-						$author$project$Example$Select$ChangedSelected,
-						A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
-					options: A2(
-						$elm$core$List$map,
-						function (_int) {
-							return {
-								icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-								text: $elm$core$String$fromInt(_int)
-							};
-						},
-						_List_fromArray(
-							[1, 2, 42])),
-					selected: selected
-				}));
-	});
-var $author$project$Example$SortTable$ChangedSorting = function (a) {
-	return {$: 'ChangedSorting', a: a};
-};
-var $author$project$Example$SortTable$view = F3(
-	function (msgMapper, style, model) {
-		return A2(
-			$author$project$Widget$sortTable,
-			style.sortTable,
-			{
-				asc: model.asc,
-				columns: _List_fromArray(
-					[
-						$author$project$Widget$intColumn(
-						{
-							title: 'Id',
-							toString: function (_int) {
-								return '#' + $elm$core$String$fromInt(_int);
-							},
-							value: function ($) {
-								return $.id;
-							},
-							width: $mdgriffith$elm_ui$Element$fill
-						}),
-						$author$project$Widget$stringColumn(
-						{
-							title: 'Name',
-							toString: $elm$core$Basics$identity,
-							value: function ($) {
-								return $.name;
-							},
-							width: $mdgriffith$elm_ui$Element$fill
-						}),
-						$author$project$Widget$floatColumn(
-						{
-							title: 'Rating',
-							toString: $elm$core$String$fromFloat,
-							value: function ($) {
-								return $.rating;
-							},
-							width: $mdgriffith$elm_ui$Element$fill
-						}),
-						$author$project$Widget$unsortableColumn(
-						{
-							title: 'Hash',
-							toString: A2(
-								$elm$core$Basics$composeR,
-								function ($) {
-									return $.hash;
-								},
-								$elm$core$Maybe$withDefault('None')),
-							width: $mdgriffith$elm_ui$Element$fill
-						})
-					]),
-				content: _List_fromArray(
-					[
-						{hash: $elm$core$Maybe$Nothing, id: 1, name: 'Antonio', rating: 2.456},
-						{
-						hash: $elm$core$Maybe$Just('45jf'),
-						id: 2,
-						name: 'Ana',
-						rating: 1.34
-					},
-						{
-						hash: $elm$core$Maybe$Just('6fs1'),
-						id: 3,
-						name: 'Alfred',
-						rating: 4.22
-					},
-						{
-						hash: $elm$core$Maybe$Just('k52f'),
-						id: 4,
-						name: 'Thomas',
-						rating: 3
-					}
-					]),
-				onChange: A2($elm$core$Basics$composeR, $author$project$Example$SortTable$ChangedSorting, msgMapper),
-				sortBy: model.title
-			});
-	});
-var $author$project$Example$Switch$ToggledButtonStatus = {$: 'ToggledButtonStatus'};
-var $author$project$Example$Switch$view = F3(
-	function (msgMapper, style, _v0) {
-		var isButtonEnabled = _v0.a;
-		return A2(
-			$author$project$Widget$switch,
-			style._switch,
-			{
-				active: isButtonEnabled,
-				description: 'click me',
-				onPress: $elm$core$Maybe$Just(
-					msgMapper($author$project$Example$Switch$ToggledButtonStatus))
-			});
-	});
-var $author$project$Example$Tab$ChangedTab = function (a) {
-	return {$: 'ChangedTab', a: a};
-};
-var $author$project$Example$Tab$view = F3(
-	function (msgMapper, style, _v0) {
-		var selected = _v0.a;
-		return A2(
-			$author$project$Widget$tab,
-			style.tab,
-			{
-				content: function (s) {
-					return $mdgriffith$elm_ui$Element$text(
-						function () {
-							_v1$3:
-							while (true) {
-								if (s.$ === 'Just') {
-									switch (s.a) {
-										case 0:
-											return 'This is Tab 1';
-										case 1:
-											return 'This is the second tab';
-										case 2:
-											return 'The thrid and last tab';
-										default:
-											break _v1$3;
-									}
-								} else {
-									break _v1$3;
-								}
-							}
-							return 'Please select a tab';
-						}());
-				},
-				tabs: {
-					onSelect: A2(
-						$elm$core$Basics$composeR,
-						$author$project$Example$Tab$ChangedTab,
-						A2($elm$core$Basics$composeR, msgMapper, $elm$core$Maybe$Just)),
-					options: A2(
-						$elm$core$List$map,
-						function (_int) {
-							return {
-								icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-								text: 'Tab ' + $elm$core$String$fromInt(_int)
-							};
-						},
-						_List_fromArray(
-							[1, 2, 3])),
-					selected: selected
-				}
-			});
-	});
-var $author$project$Example$TextInput$SetTextInput = function (a) {
-	return {$: 'SetTextInput', a: a};
-};
-var $author$project$Example$TextInput$ToggleTextInputChip = function (a) {
-	return {$: 'ToggleTextInputChip', a: a};
-};
-var $elm$core$Dict$diff = F2(
-	function (t1, t2) {
-		return A3(
-			$elm$core$Dict$foldl,
-			F3(
-				function (k, v, t) {
-					return A2($elm$core$Dict$remove, k, t);
-				}),
-			t1,
-			t2);
-	});
-var $elm$core$Set$diff = F2(
-	function (_v0, _v1) {
-		var dict1 = _v0.a;
-		var dict2 = _v1.a;
-		return $elm$core$Set$Set_elm_builtin(
-			A2($elm$core$Dict$diff, dict1, dict2));
-	});
-var $author$project$Example$TextInput$view = F3(
-	function (msgMapper, style, model) {
-		return A2(
-			$author$project$Widget$column,
-			style.column,
-			_List_fromArray(
-				[
-					A2(
-					$author$project$Widget$textInput,
-					style.textInput,
-					{
-						chips: A2(
-							$elm$core$List$map,
-							function (string) {
-								return {
-									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-									onPress: $elm$core$Maybe$Just(
-										msgMapper(
-											$author$project$Example$TextInput$ToggleTextInputChip(string))),
-									text: string
-								};
-							},
-							$elm$core$Set$toList(model.chipTextInput)),
-						label: 'Chips',
-						onChange: A2($elm$core$Basics$composeR, $author$project$Example$TextInput$SetTextInput, msgMapper),
-						placeholder: $elm$core$Maybe$Nothing,
-						text: model.textInput
-					}),
-					A2(
-					$mdgriffith$elm_ui$Element$wrappedRow,
-					_List_fromArray(
-						[
-							$mdgriffith$elm_ui$Element$spacing(10)
-						]),
-					A2(
-						$elm$core$List$map,
-						function (string) {
-							return A2(
-								$author$project$Widget$button,
-								style.textInput.content.chips.content,
-								{
-									icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-									onPress: $elm$core$Maybe$Just(
-										msgMapper(
-											$author$project$Example$TextInput$ToggleTextInputChip(string))),
-									text: string
-								});
-						},
-						$elm$core$Set$toList(
-							A2(
-								$elm$core$Set$diff,
-								$elm$core$Set$fromList(
-									_List_fromArray(
-										['A', 'B', 'C'])),
-								model.chipTextInput))))
-				]));
-	});
-var $author$project$Data$Example$view = F3(
-	function (msgMapper, style, model) {
-		return {
-			button: A3(
-				$author$project$Example$Button$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Button, msgMapper),
-				style,
-				function ($) {
-					return $.button;
-				}(model)),
-			dialog: A3(
-				$author$project$Example$Dialog$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Dialog, msgMapper),
-				style,
-				function ($) {
-					return $.dialog;
-				}(model)),
-			icon: A3(
-				$author$project$Example$Icon$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Icon, msgMapper),
-				style,
-				function ($) {
-					return $.icon;
-				}(model)),
-			list: A3(
-				$author$project$Example$List$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$List, msgMapper),
-				style,
-				function ($) {
-					return $.list;
-				}(model)),
-			modal: A3(
-				$author$project$Example$Modal$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Modal, msgMapper),
-				style,
-				function ($) {
-					return $.modal;
-				}(model)),
-			multiSelect: A3(
-				$author$project$Example$MultiSelect$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$MultiSelect, msgMapper),
-				style,
-				function ($) {
-					return $.multiSelect;
-				}(model)),
-			progressIndicator: A3(
-				$author$project$Example$ProgressIndicator$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$ProgressIndicator, msgMapper),
-				style,
-				function ($) {
-					return $.progressIndicator;
-				}(model)),
-			select: A3(
-				$author$project$Example$Select$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Select, msgMapper),
-				style,
-				function ($) {
-					return $.select;
-				}(model)),
-			sortTable: A3(
-				$author$project$Example$SortTable$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$SortTable, msgMapper),
-				style,
-				function ($) {
-					return $.sortTable;
-				}(model)),
-			_switch: A3(
-				$author$project$Example$Switch$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Switch, msgMapper),
-				style,
-				function ($) {
-					return $._switch;
-				}(model)),
-			tab: A3(
-				$author$project$Example$Tab$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$Tab, msgMapper),
-				style,
-				function ($) {
-					return $.tab;
-				}(model)),
-			textInput: A3(
-				$author$project$Example$TextInput$view,
-				A2($elm$core$Basics$composeR, $author$project$Data$Example$TextInput, msgMapper),
-				style,
-				function ($) {
-					return $.textInput;
-				}(model))
-		};
-	});
-var $author$project$Data$Example$toCardList = function (_v0) {
-	var idle = _v0.idle;
-	var msgMapper = _v0.msgMapper;
-	var style = _v0.style;
-	var model = _v0.model;
-	return A2(
-		$elm$core$List$map,
-		function (_v1) {
-			var title = _v1.title;
-			var example = _v1.example;
-			var test = _v1.test;
-			return _Utils_Tuple3(
-				title,
-				example(
-					A3($author$project$Data$Example$view, msgMapper, style, model)),
-				A2(
-					$elm$core$List$map,
-					function (_v2) {
-						var name = _v2.a;
-						var elem = _v2.b;
-						return A2(
-							$mdgriffith$elm_ui$Element$row,
-							$Orasund$elm_ui_framework$Framework$Grid$spacedEvenly,
-							_List_fromArray(
-								[
-									A2(
-									$mdgriffith$elm_ui$Element$wrappedRow,
-									_List_fromArray(
-										[
-											$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-										]),
-									$elm$core$List$singleton(
-										$mdgriffith$elm_ui$Element$text(name))),
-									A2(
-									$mdgriffith$elm_ui$Element$el,
-									_List_fromArray(
-										[
-											$mdgriffith$elm_ui$Element$paddingEach(
-											{bottom: 0, left: 8, right: 0, top: 0}),
-											$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$shrink)
-										]),
-									elem)
-								]));
-					},
-					A2(test, idle, style)));
-		},
-		A2(
-			$elm$core$List$map,
-			function (example) {
-				return {
-					example: $author$project$Data$Example$get(example),
-					test: $author$project$Data$Example$toTests(example),
-					title: $author$project$Data$Example$toString(example)
-				};
-			},
-			$author$project$Data$Example$asList));
-};
-var $author$project$Stateless$view = function (_v0) {
-	var theme = _v0.theme;
-	var msgMapper = _v0.msgMapper;
-	var model = _v0.model;
-	var style = $author$project$Data$Theme$toStyle(theme);
-	return {
-		description: 'Stateless views are simple functions that view some content. No wiring required.',
-		items: $author$project$Data$Example$toCardList(
-			{
-				idle: msgMapper($author$project$Stateless$Idle),
-				model: model.example,
-				msgMapper: A2($elm$core$Basics$composeR, $author$project$Stateless$ExampleSpecific, msgMapper),
-				style: style
-			}),
-		title: 'Stateless Views'
-	};
-};
-var $author$project$Main$viewLoaded = function (m) {
-	var style = $author$project$Data$Theme$toStyle(m.theme);
-	return A2(
-		$mdgriffith$elm_ui$Element$column,
-		$Orasund$elm_ui_framework$Framework$Grid$compact,
-		_List_fromArray(
-			[
-				A2(
-				$mdgriffith$elm_ui$Element$el,
-				_List_fromArray(
-					[
-						$mdgriffith$elm_ui$Element$height(
-						$mdgriffith$elm_ui$Element$px(42))
-					]),
-				$mdgriffith$elm_ui$Element$none),
-				A2(
-				$mdgriffith$elm_ui$Element$column,
-				_Utils_ap($Orasund$elm_ui_framework$Framework$container, style.layout.container),
-				A2(
-					$elm$core$List$map,
-					function (section) {
-						return function (_v1) {
-							var title = _v1.title;
-							var description = _v1.description;
-							var items = _v1.items;
-							return A2(
-								$mdgriffith$elm_ui$Element$column,
-								_Utils_ap(
-									$Orasund$elm_ui_framework$Framework$Grid$section,
-									_List_fromArray(
-										[$mdgriffith$elm_ui$Element$centerX])),
-								_List_fromArray(
-									[
-										A2(
-										$mdgriffith$elm_ui$Element$el,
-										$Orasund$elm_ui_framework$Framework$Heading$h2,
-										$mdgriffith$elm_ui$Element$text(title)),
-										(m.search.current === '') ? A2(
-										$mdgriffith$elm_ui$Element$paragraph,
-										_List_Nil,
-										$elm$core$List$singleton(
-											$mdgriffith$elm_ui$Element$text(description))) : $mdgriffith$elm_ui$Element$none,
-										A2(
-										$mdgriffith$elm_ui$Element$wrappedRow,
-										_Utils_ap(
-											$Orasund$elm_ui_framework$Framework$Grid$simple,
-											_List_fromArray(
-												[
-													$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink)
-												])),
-										A2(
-											$elm$core$List$map,
-											function (_v3) {
-												var name = _v3.a;
-												var elem = _v3.b;
-												var more = _v3.c;
-												return A2(
-													$author$project$Widget$itemList,
-													style.cardColumn,
-													A2(
-														$elm$core$List$cons,
-														$author$project$Widget$item(
-															A2(
-																$mdgriffith$elm_ui$Element$column,
-																$Orasund$elm_ui_framework$Framework$Grid$simple,
-																_List_fromArray(
-																	[
-																		A2(
-																		$mdgriffith$elm_ui$Element$el,
-																		_Utils_ap(
-																			$Orasund$elm_ui_framework$Framework$Heading$h3,
-																			_List_fromArray(
-																				[
-																					$mdgriffith$elm_ui$Element$height($mdgriffith$elm_ui$Element$shrink),
-																					$mdgriffith$elm_ui$Element$htmlAttribute(
-																					$elm$html$Html$Attributes$id(name))
-																				])),
-																		$mdgriffith$elm_ui$Element$text(name)),
-																		elem
-																	]))),
-														$elm$core$List$isEmpty(more) ? _List_Nil : _Utils_ap(
-															_List_fromArray(
-																[
-																	$author$project$Widget$divider(style.fullBleedDivider)
-																]),
-															A2(
-																$author$project$Widget$expansionItem,
-																style.expansionItem,
-																{
-																	content: $elm$core$List$singleton(
-																		$author$project$Widget$item(
-																			A2(
-																				$mdgriffith$elm_ui$Element$column,
-																				_Utils_ap(
-																					$Orasund$elm_ui_framework$Framework$Grid$simple,
-																					_List_fromArray(
-																						[
-																							$mdgriffith$elm_ui$Element$width($mdgriffith$elm_ui$Element$fill)
-																						])),
-																				more))),
-																	icon: $elm$core$Basics$always($mdgriffith$elm_ui$Element$none),
-																	isExpanded: A2(
-																		$elm$core$Maybe$withDefault,
-																		false,
-																		A2(
-																			$elm$core$Maybe$map,
-																			function (example) {
-																				return A2($turboMaCk$any_set$Set$Any$member, example, m.expanded);
-																			},
-																			$author$project$Data$Example$fromString(name))),
-																	onToggle: $elm$core$Basics$always(
-																		A2(
-																			$elm$core$Maybe$withDefault,
-																			$author$project$Main$Idle,
-																			A2(
-																				$elm$core$Maybe$map,
-																				$author$project$Main$ToggledExample,
-																				$author$project$Data$Example$fromString(name)))),
-																	text: 'States'
-																}))));
-											},
-											((m.search.current !== '') ? $elm$core$List$filter(
-												function (_v2) {
-													var a = _v2.a;
-													return A2(
-														$elm$core$String$contains,
-														$elm$core$String$toLower(m.search.current),
-														$elm$core$String$toLower(a));
-												}) : $elm$core$Basics$identity)(items)))
-									]));
-						}(
-							function () {
-								if (section.$ === 'ReusableViews') {
-									return $author$project$Reusable$view(
-										{addSnackbar: $author$project$Main$AddSnackbar, theme: m.theme});
-								} else {
-									return $author$project$Stateless$view(
-										{model: m.stateless, msgMapper: $author$project$Main$StatelessSpecific, theme: m.theme});
-								}
-							}());
-					},
-					_List_fromArray(
-						[$author$project$Data$Section$StatelessViews, $author$project$Data$Section$ReusableViews]))),
-				$mdgriffith$elm_ui$Element$html(
-				A3(
-					$elm$html$Html$node,
-					'link',
-					_List_fromArray(
-						[
-							$elm$html$Html$Attributes$rel('stylesheet'),
-							$elm$html$Html$Attributes$href('https://cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.1/semantic.min.css')
-						]),
-					_List_Nil))
-			]));
-};
-var $author$project$Main$view = function (model) {
-	if (model.$ === 'Loading') {
-		return A2($Orasund$elm_ui_framework$Framework$responsiveLayout, _List_Nil, $mdgriffith$elm_ui$Element$none);
-	} else {
-		var m = model.a;
-		var style = $author$project$Data$Theme$toStyle(m.theme);
-		return A2(
-			$elm$html$Html$map,
-			$author$project$Main$LoadedSpecific,
-			A3(
-				$author$project$Widget$Layout$view,
-				style.layout,
-				{
-					actions: _List_fromArray(
-						[
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$book),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://package.elm-lang.org/packages/Orasund/elm-ui-widgets/latest/')),
-							text: 'Docs'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$github),
-							onPress: $elm$core$Maybe$Just(
-								$author$project$Main$Load('https://github.com/Orasund/elm-ui-widgets')),
-							text: 'Github'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$Material)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$Material)) : $elm$core$Maybe$Nothing,
-							text: 'Material Theme'
-						},
-							{
-							icon: A2($author$project$Widget$Icon$elmFeather, $feathericons$elm_feather$FeatherIcons$toHtml, $feathericons$elm_feather$FeatherIcons$penTool),
-							onPress: (!_Utils_eq(m.theme, $author$project$Data$Theme$DarkMaterial)) ? $elm$core$Maybe$Just(
-								$author$project$Main$SetTheme($author$project$Data$Theme$DarkMaterial)) : $elm$core$Maybe$Nothing,
-							text: 'Dark Material Theme'
-						}
-						]),
-					dialog: m.displayDialog ? $elm$core$Maybe$Just(
-						A2(
-							$author$project$Widget$dialog,
-							style.dialog,
-							{
-								accept: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Ok'
-									}),
-								dismiss: $elm$core$Maybe$Just(
-									{
-										onPress: $elm$core$Maybe$Just(
-											$author$project$Main$ToggleDialog(false)),
-										text: 'Dismiss'
-									}),
-								text: 'This is a dialog window',
-								title: $elm$core$Maybe$Just('Dialog')
-							})) : $elm$core$Maybe$Nothing,
-					layout: m.layout,
-					menu: A2(
-						$author$project$Widget$ScrollingNav$toSelect,
-						function (_int) {
-							return A2(
-								$elm$core$Maybe$map,
-								$author$project$Main$JumpTo,
-								A2(
-									$elm$core$Array$get,
-									_int,
-									$elm$core$Array$fromList(m.scrollingNav.arrangement)));
-						},
-						m.scrollingNav),
-					onChangedSidebar: $author$project$Main$ChangedSidebar,
-					search: $elm$core$Maybe$Just(
-						{
-							chips: _List_Nil,
-							label: 'Search',
-							onChange: $author$project$Main$ChangedSearch,
-							placeholder: $elm$core$Maybe$Just(
-								A2(
-									$mdgriffith$elm_ui$Element$Input$placeholder,
-									_List_Nil,
-									$mdgriffith$elm_ui$Element$text('Search Widgets...'))),
-							text: m.search.raw
-						}),
-					title: A2(
-						$mdgriffith$elm_ui$Element$el,
-						$Orasund$elm_ui_framework$Framework$Heading$h1,
-						$mdgriffith$elm_ui$Element$text('Elm-Ui-Widgets')),
-					window: m.window
-				},
-				$author$project$Main$viewLoaded(m)));
-	}
-};
-var $author$project$Main$main = $elm$browser$Browser$element(
-	{init: $author$project$Main$init, subscriptions: $author$project$Main$subscriptions, update: $author$project$Main$update, view: $author$project$Main$view});
-_Platform_export({'Main':{'init':$author$project$Main$main(
-	$elm$json$Json$Decode$succeed(_Utils_Tuple0))(0)}});}(this));
-
-  var app = Elm.Main.init({ node: document.getElementById("elm") });
-}
-catch (e)
-{
-  // display initialization errors (e.g. bad flags, infinite recursion)
-  var header = document.createElement("h1");
-  header.style.fontFamily = "monospace";
-  header.innerText = "Initialization Error";
-  var pre = document.getElementById("elm");
-  document.body.insertBefore(header, pre);
-  pre.innerText = e;
-  throw e;
-}
-</script>
-
-</body>
-</html>
\ No newline at end of file