From 6fd620087b476a325fc3dcfcf1c2a982526ede73 Mon Sep 17 00:00:00 2001
From: "Ericson \"Fogo\" Soares" <ericson.ds999@gmail.com>
Date: Sat, 24 Sep 2022 05:21:13 -0300
Subject: [PATCH] Video thumbnails (#376)

* Preparing some scaffolding for video thumbnails

* Implemented thumbnail generation for videos
* Propagating errors of `Node` creation
* Using ffmpeg feature gate

* Introducing ffmpegthumbnailer-rs as a subcrate on core

* - rename to thumbnailer
- fix explorer thumbnail bug
- add more supported video types
- re-fix explorer performance

* remove nested licence

Co-authored-by: Jamie Pine <ijamespine@me.com>
---
 Cargo.lock                                    |  Bin 151945 -> 152098 bytes
 apps/desktop/src-tauri/Cargo.toml             |    2 +-
 apps/desktop/src-tauri/src/main.rs            |   20 +-
 apps/desktop/src-tauri/src/menu.rs            |    4 +-
 apps/landing/stats.html                       | 4034 +++++++++++++++++
 apps/mobile/rust/src/android.rs               |    2 +-
 apps/mobile/src/components/file/FileItem.tsx  |    2 +-
 apps/server/src/main.rs                       |    4 +-
 core/Cargo.toml                               |    3 +-
 core/src/encode/thumb.rs                      |  154 +-
 core/src/lib.rs                               |   60 +-
 core/thumbnailer/.gitignore                   |  303 ++
 core/thumbnailer/Cargo.toml                   |   22 +
 core/thumbnailer/README.md                    |   39 +
 core/thumbnailer/src/error.rs                 |  142 +
 core/thumbnailer/src/film_strip.rs            |  693 +++
 core/thumbnailer/src/lib.rs                   |  108 +
 core/thumbnailer/src/movie_decoder.rs         |  793 ++++
 core/thumbnailer/src/thumbnailer.rs           |  166 +
 core/thumbnailer/src/utils.rs                 |   30 +
 core/thumbnailer/src/video_frame.rs           |   42 +
 .../client/src/hooks/useCurrentLibrary.tsx    |    5 +-
 .../src/components/explorer/Explorer.tsx      |    4 +-
 .../src/components/explorer/FileItem.tsx      |   66 +-
 .../src/components/explorer/FileThumb.tsx     |   46 +-
 .../src/components/explorer/Inspector.tsx     |   13 +-
 .../components/explorer/VirtualizedList.tsx   |   66 +-
 .../components/explorer/inspector/Divider.tsx |    2 +-
 .../settings/client/GeneralSettings.tsx       |    2 +-
 29 files changed, 6683 insertions(+), 144 deletions(-)
 create mode 100644 apps/landing/stats.html
 create mode 100644 core/thumbnailer/.gitignore
 create mode 100644 core/thumbnailer/Cargo.toml
 create mode 100644 core/thumbnailer/README.md
 create mode 100644 core/thumbnailer/src/error.rs
 create mode 100644 core/thumbnailer/src/film_strip.rs
 create mode 100644 core/thumbnailer/src/lib.rs
 create mode 100644 core/thumbnailer/src/movie_decoder.rs
 create mode 100644 core/thumbnailer/src/thumbnailer.rs
 create mode 100644 core/thumbnailer/src/utils.rs
 create mode 100644 core/thumbnailer/src/video_frame.rs

diff --git a/Cargo.lock b/Cargo.lock
index c4472879ed3f10a5f1ca319516ac2bac6f00898f..bb4270cbbf605dab8404bd900d85f160648b1d5b 100644
GIT binary patch
delta 70
zcmeBN%(-X@XTugo{XWi&(%huH#LS%3$$CEww@3Cd8i#Yh#HLSVXB3{!>%u5D**Q;S
Ux^N$(Doc54Qo;7Zr;HLg0G>}6+yDRo

delta 38
wcmV+>0NMYdqzQ?m34pW#FOHY+y8#`SUHJhGmmvQE4!3uX0VP+rCFTMBYdK{P`v3p{

diff --git a/apps/desktop/src-tauri/Cargo.toml b/apps/desktop/src-tauri/Cargo.toml
index 94835c29a..ec1592f58 100644
--- a/apps/desktop/src-tauri/Cargo.toml
+++ b/apps/desktop/src-tauri/Cargo.toml
@@ -12,7 +12,7 @@ build = "build.rs"
 [dependencies]
 tauri = { version = "1.0.4", features = ["api-all", "macos-private-api"] }
 rspc = { version = "0.0.5", features = ["tauri"] }
-sdcore = { path = "../../../core" }
+sdcore = { path = "../../../core", features = ["ffmpeg"] }
 tokio = { version = "1.17.0", features = ["sync"] }
 window-shadows = "0.1.2"
 tracing = "0.1.35"
diff --git a/apps/desktop/src-tauri/src/main.rs b/apps/desktop/src-tauri/src/main.rs
index 2c210b2b6..891a8cbce 100644
--- a/apps/desktop/src-tauri/src/main.rs
+++ b/apps/desktop/src-tauri/src/main.rs
@@ -3,15 +3,17 @@
 	windows_subsystem = "windows"
 )]
 
+use std::error::Error;
 use std::path::PathBuf;
 
 use sdcore::Node;
+use tauri::async_runtime::block_on;
 use tauri::{
 	api::path,
-	async_runtime::block_on,
 	http::{ResponseBuilder, Uri},
 	Manager, RunEvent,
 };
+use tokio::task::block_in_place;
 use tracing::{debug, error};
 #[cfg(target_os = "macos")]
 mod macos;
@@ -25,12 +27,12 @@ async fn app_ready(app_handle: tauri::AppHandle) {
 }
 
 #[tokio::main]
-async fn main() {
+async fn main() -> Result<(), Box<dyn Error>> {
 	let data_dir = path::data_dir()
 		.unwrap_or_else(|| PathBuf::from("./"))
 		.join("spacedrive");
 
-	let (node, router) = Node::new(data_dir).await;
+	let (node, router) = Node::new(data_dir).await?;
 
 	let app = tauri::Builder::default()
 		.plugin(rspc::integrations::tauri::plugin(router, {
@@ -44,7 +46,8 @@ async fn main() {
 				let mut path = url.path().split('/').collect::<Vec<_>>();
 				path[0] = url.host().unwrap(); // The first forward slash causes an empty item and we replace it with the URL's host which you expect to be at the start
 
-				let (status_code, content_type, body) = node.handle_custom_uri(path);
+				let (status_code, content_type, body) =
+					block_in_place(|| block_on(node.handle_custom_uri(path)));
 				ResponseBuilder::new()
 					.status(status_code)
 					.mimetype(content_type)
@@ -82,8 +85,7 @@ async fn main() {
 		.on_menu_event(menu::handle_menu_event)
 		.invoke_handler(tauri::generate_handler![app_ready,])
 		.menu(menu::get_menu())
-		.build(tauri::generate_context!())
-		.expect("error while building tauri application");
+		.build(tauri::generate_context!())?;
 
 	app.run(move |app_handler, event| {
 		if let RunEvent::ExitRequested { .. } = event {
@@ -98,8 +100,10 @@ async fn main() {
 					}
 				});
 
-			block_on(node.shutdown());
+			block_in_place(|| block_on(node.shutdown()));
 			app_handler.exit(0);
 		}
-	})
+	});
+
+	Ok(())
 }
diff --git a/apps/desktop/src-tauri/src/menu.rs b/apps/desktop/src-tauri/src/menu.rs
index 31c5cf09b..184887416 100644
--- a/apps/desktop/src-tauri/src/menu.rs
+++ b/apps/desktop/src-tauri/src/menu.rs
@@ -45,7 +45,9 @@ fn custom_menu_bar() -> Menu {
 		.add_native_item(MenuItem::Paste)
 		.add_native_item(MenuItem::SelectAll);
 	let view_menu = Menu::new()
-		.add_item(CustomMenuItem::new("open_search".to_string(), "Search...").accelerator("CmdOrCtrl+F"))
+		.add_item(
+			CustomMenuItem::new("open_search".to_string(), "Search...").accelerator("CmdOrCtrl+F"),
+		)
 		// .add_item(
 		// 	CustomMenuItem::new("command_pallete".to_string(), "Command Pallete")
 		// 		.accelerator("CmdOrCtrl+P"),
diff --git a/apps/landing/stats.html b/apps/landing/stats.html
new file mode 100644
index 000000000..3450e2f6b
--- /dev/null
+++ b/apps/landing/stats.html
@@ -0,0 +1,4034 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <meta http-equiv="X-UA-Compatible" content="ie=edge" />
+  <title>RollUp Visualizer</title>
+  <style>
+:root {
+  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif,
+    "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
+  --background-color: #2b2d42;
+  --text-color: #edf2f4;
+}
+
+html {
+  box-sizing: border-box;
+}
+
+*,
+*:before,
+*:after {
+  box-sizing: inherit;
+}
+
+html {
+  background-color: var(--background-color);
+  color: var(--text-color);
+  font-family: var(--font-family);
+}
+
+body {
+  padding: 0;
+  margin: 0;
+}
+
+html,
+body {
+  height: 100%;
+  width: 100%;
+  overflow: hidden;
+}
+
+body {
+  display: flex;
+  flex-direction: column;
+}
+
+svg {
+  vertical-align: middle;
+  width: 100%;
+  height: 100%;
+  max-height: 100vh;
+}
+
+main {
+  flex-grow: 1;
+  height: 100vh;
+  padding: 20px;
+}
+
+.tooltip {
+  position: absolute;
+  z-index: 1070;
+  border: 2px solid;
+  border-radius: 5px;
+  padding: 5px;
+  white-space: nowrap;
+  font-size: 0.875rem;
+  background-color: var(--background-color);
+  color: var(--text-color);
+}
+
+.tooltip-hidden {
+  visibility: hidden;
+  opacity: 0;
+}
+
+.sidebar {
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  display: flex;
+  flex-direction: row;
+  font-size: 0.7rem;
+  align-items: center;
+  margin: 0 50px;
+  height: 20px;
+}
+
+.size-selectors {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.size-selector {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  margin-right: 1rem;
+}
+.size-selector input {
+  margin: 0 0.3rem 0 0;
+}
+
+.filters {
+  flex: 1;
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+}
+
+.module-filters {
+  display: flex;
+}
+
+.module-filter {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  justify-content: center;
+  flex: 1;
+}
+.module-filter input {
+  flex: 1;
+  height: 1rem;
+  padding: 0.01rem;
+  font-size: 0.7rem;
+  margin-left: 0.3rem;
+}
+.module-filter + .module-filter {
+  margin-left: 0.5rem;
+}
+  </style>
+</head>
+<body>
+  <main></main>
+  <script>
+  /*<!--*/
+var drawChart = (function (exports) {
+  'use strict';
+
+  var n,l$1,u$1,t$1,o$2,r$1,f$1={},e$2=[],c$1=/acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i;function s$1(n,l){for(var u in l)n[u]=l[u];return n}function a$1(n){var l=n.parentNode;l&&l.removeChild(n);}function h$1(l,u,i){var t,o,r,f={};for(r in u)"key"==r?t=u[r]:"ref"==r?o=u[r]:f[r]=u[r];if(arguments.length>2&&(f.children=arguments.length>3?n.call(arguments,2):i),"function"==typeof l&&null!=l.defaultProps)for(r in l.defaultProps)void 0===f[r]&&(f[r]=l.defaultProps[r]);return v$1(l,f,t,o,null)}function v$1(n,i,t,o,r){var f={type:n,props:i,key:t,ref:o,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:null==r?++u$1:r};return null==r&&null!=l$1.vnode&&l$1.vnode(f),f}function p$1(n){return n.children}function d$1(n,l){this.props=n,this.context=l;}function _$1(n,l){if(null==l)return n.__?_$1(n.__,n.__.__k.indexOf(n)+1):null;for(var u;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e)return u.__e;return "function"==typeof n.type?_$1(n):null}function k$1(n){var l,u;if(null!=(n=n.__)&&null!=n.__c){for(n.__e=n.__c.base=null,l=0;l<n.__k.length;l++)if(null!=(u=n.__k[l])&&null!=u.__e){n.__e=n.__c.base=u.__e;break}return k$1(n)}}function b$1(n){(!n.__d&&(n.__d=!0)&&t$1.push(n)&&!g$1.__r++||o$2!==l$1.debounceRendering)&&((o$2=l$1.debounceRendering)||setTimeout)(g$1);}function g$1(){for(var n;g$1.__r=t$1.length;)n=t$1.sort(function(n,l){return n.__v.__b-l.__v.__b}),t$1=[],n.some(function(n){var l,u,i,t,o,r;n.__d&&(o=(t=(l=n).__v).__e,(r=l.__P)&&(u=[],(i=s$1({},t)).__v=t.__v+1,j$1(r,t,i,l.__n,void 0!==r.ownerSVGElement,null!=t.__h?[o]:null,u,null==o?_$1(t):o,t.__h),z$1(u,t),t.__e!=o&&k$1(t)));});}function w$1(n,l,u,i,t,o,r,c,s,a){var h,y,d,k,b,g,w,x=i&&i.__k||e$2,C=x.length;for(u.__k=[],h=0;h<l.length;h++)if(null!=(k=u.__k[h]=null==(k=l[h])||"boolean"==typeof k?null:"string"==typeof k||"number"==typeof k||"bigint"==typeof k?v$1(null,k,null,null,k):Array.isArray(k)?v$1(p$1,{children:k},null,null,null):k.__b>0?v$1(k.type,k.props,k.key,null,k.__v):k)){if(k.__=u,k.__b=u.__b+1,null===(d=x[h])||d&&k.key==d.key&&k.type===d.type)x[h]=void 0;else for(y=0;y<C;y++){if((d=x[y])&&k.key==d.key&&k.type===d.type){x[y]=void 0;break}d=null;}j$1(n,k,d=d||f$1,t,o,r,c,s,a),b=k.__e,(y=k.ref)&&d.ref!=y&&(w||(w=[]),d.ref&&w.push(d.ref,null,k),w.push(y,k.__c||b,k)),null!=b?(null==g&&(g=b),"function"==typeof k.type&&k.__k===d.__k?k.__d=s=m$1(k,s,n):s=A$1(n,k,d,x,b,s),"function"==typeof u.type&&(u.__d=s)):s&&d.__e==s&&s.parentNode!=n&&(s=_$1(d));}for(u.__e=g,h=C;h--;)null!=x[h]&&("function"==typeof u.type&&null!=x[h].__e&&x[h].__e==u.__d&&(u.__d=_$1(i,h+1)),N(x[h],x[h]));if(w)for(h=0;h<w.length;h++)M(w[h],w[++h],w[++h]);}function m$1(n,l,u){for(var i,t=n.__k,o=0;t&&o<t.length;o++)(i=t[o])&&(i.__=n,l="function"==typeof i.type?m$1(i,l,u):A$1(u,i,i,t,i.__e,l));return l}function A$1(n,l,u,i,t,o){var r,f,e;if(void 0!==l.__d)r=l.__d,l.__d=void 0;else if(null==u||t!=o||null==t.parentNode)n:if(null==o||o.parentNode!==n)n.appendChild(t),r=null;else {for(f=o,e=0;(f=f.nextSibling)&&e<i.length;e+=2)if(f==t)break n;n.insertBefore(t,o),r=o;}return void 0!==r?r:t.nextSibling}function C$1(n,l,u,i,t){var o;for(o in u)"children"===o||"key"===o||o in l||H(n,o,null,u[o],i);for(o in l)t&&"function"!=typeof l[o]||"children"===o||"key"===o||"value"===o||"checked"===o||u[o]===l[o]||H(n,o,l[o],u[o],i);}function $(n,l,u){"-"===l[0]?n.setProperty(l,u):n[l]=null==u?"":"number"!=typeof u||c$1.test(l)?u:u+"px";}function H(n,l,u,i,t){var o;n:if("style"===l)if("string"==typeof u)n.style.cssText=u;else {if("string"==typeof i&&(n.style.cssText=i=""),i)for(l in i)u&&l in u||$(n.style,l,"");if(u)for(l in u)i&&u[l]===i[l]||$(n.style,l,u[l]);}else if("o"===l[0]&&"n"===l[1])o=l!==(l=l.replace(/Capture$/,"")),l=l.toLowerCase()in n?l.toLowerCase().slice(2):l.slice(2),n.l||(n.l={}),n.l[l+o]=u,u?i||n.addEventListener(l,o?T:I,o):n.removeEventListener(l,o?T:I,o);else if("dangerouslySetInnerHTML"!==l){if(t)l=l.replace(/xlink(H|:h)/,"h").replace(/sName$/,"s");else if("href"!==l&&"list"!==l&&"form"!==l&&"tabIndex"!==l&&"download"!==l&&l in n)try{n[l]=null==u?"":u;break n}catch(n){}"function"==typeof u||(null!=u&&(!1!==u||"a"===l[0]&&"r"===l[1])?n.setAttribute(l,u):n.removeAttribute(l));}}function I(n){this.l[n.type+!1](l$1.event?l$1.event(n):n);}function T(n){this.l[n.type+!0](l$1.event?l$1.event(n):n);}function j$1(n,u,i,t,o,r,f,e,c){var a,h,v,y,_,k,b,g,m,x,A,C,$,H=u.type;if(void 0!==u.constructor)return null;null!=i.__h&&(c=i.__h,e=u.__e=i.__e,u.__h=null,r=[e]),(a=l$1.__b)&&a(u);try{n:if("function"==typeof H){if(g=u.props,m=(a=H.contextType)&&t[a.__c],x=a?m?m.props.value:a.__:t,i.__c?b=(h=u.__c=i.__c).__=h.__E:("prototype"in H&&H.prototype.render?u.__c=h=new H(g,x):(u.__c=h=new d$1(g,x),h.constructor=H,h.render=O),m&&m.sub(h),h.props=g,h.state||(h.state={}),h.context=x,h.__n=t,v=h.__d=!0,h.__h=[]),null==h.__s&&(h.__s=h.state),null!=H.getDerivedStateFromProps&&(h.__s==h.state&&(h.__s=s$1({},h.__s)),s$1(h.__s,H.getDerivedStateFromProps(g,h.__s))),y=h.props,_=h.state,v)null==H.getDerivedStateFromProps&&null!=h.componentWillMount&&h.componentWillMount(),null!=h.componentDidMount&&h.__h.push(h.componentDidMount);else {if(null==H.getDerivedStateFromProps&&g!==y&&null!=h.componentWillReceiveProps&&h.componentWillReceiveProps(g,x),!h.__e&&null!=h.shouldComponentUpdate&&!1===h.shouldComponentUpdate(g,h.__s,x)||u.__v===i.__v){h.props=g,h.state=h.__s,u.__v!==i.__v&&(h.__d=!1),h.__v=u,u.__e=i.__e,u.__k=i.__k,u.__k.forEach(function(n){n&&(n.__=u);}),h.__h.length&&f.push(h);break n}null!=h.componentWillUpdate&&h.componentWillUpdate(g,h.__s,x),null!=h.componentDidUpdate&&h.__h.push(function(){h.componentDidUpdate(y,_,k);});}if(h.context=x,h.props=g,h.__v=u,h.__P=n,A=l$1.__r,C=0,"prototype"in H&&H.prototype.render)h.state=h.__s,h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context);else do{h.__d=!1,A&&A(u),a=h.render(h.props,h.state,h.context),h.state=h.__s;}while(h.__d&&++C<25);h.state=h.__s,null!=h.getChildContext&&(t=s$1(s$1({},t),h.getChildContext())),v||null==h.getSnapshotBeforeUpdate||(k=h.getSnapshotBeforeUpdate(y,_)),$=null!=a&&a.type===p$1&&null==a.key?a.props.children:a,w$1(n,Array.isArray($)?$:[$],u,i,t,o,r,f,e,c),h.base=u.__e,u.__h=null,h.__h.length&&f.push(h),b&&(h.__E=h.__=null),h.__e=!1;}else null==r&&u.__v===i.__v?(u.__k=i.__k,u.__e=i.__e):u.__e=L(i.__e,u,i,t,o,r,f,c);(a=l$1.diffed)&&a(u);}catch(n){u.__v=null,(c||null!=r)&&(u.__e=e,u.__h=!!c,r[r.indexOf(e)]=null),l$1.__e(n,u,i);}}function z$1(n,u){l$1.__c&&l$1.__c(u,n),n.some(function(u){try{n=u.__h,u.__h=[],n.some(function(n){n.call(u);});}catch(n){l$1.__e(n,u.__v);}});}function L(l,u,i,t,o,r,e,c){var s,h,v,y=i.props,p=u.props,d=u.type,k=0;if("svg"===d&&(o=!0),null!=r)for(;k<r.length;k++)if((s=r[k])&&"setAttribute"in s==!!d&&(d?s.localName===d:3===s.nodeType)){l=s,r[k]=null;break}if(null==l){if(null===d)return document.createTextNode(p);l=o?document.createElementNS("http://www.w3.org/2000/svg",d):document.createElement(d,p.is&&p),r=null,c=!1;}if(null===d)y===p||c&&l.data===p||(l.data=p);else {if(r=r&&n.call(l.childNodes),h=(y=i.props||f$1).dangerouslySetInnerHTML,v=p.dangerouslySetInnerHTML,!c){if(null!=r)for(y={},k=0;k<l.attributes.length;k++)y[l.attributes[k].name]=l.attributes[k].value;(v||h)&&(v&&(h&&v.__html==h.__html||v.__html===l.innerHTML)||(l.innerHTML=v&&v.__html||""));}if(C$1(l,p,y,o,c),v)u.__k=[];else if(k=u.props.children,w$1(l,Array.isArray(k)?k:[k],u,i,t,o&&"foreignObject"!==d,r,e,r?r[0]:i.__k&&_$1(i,0),c),null!=r)for(k=r.length;k--;)null!=r[k]&&a$1(r[k]);c||("value"in p&&void 0!==(k=p.value)&&(k!==l.value||"progress"===d&&!k||"option"===d&&k!==y.value)&&H(l,"value",k,y.value,!1),"checked"in p&&void 0!==(k=p.checked)&&k!==l.checked&&H(l,"checked",k,y.checked,!1));}return l}function M(n,u,i){try{"function"==typeof n?n(u):n.current=u;}catch(n){l$1.__e(n,i);}}function N(n,u,i){var t,o;if(l$1.unmount&&l$1.unmount(n),(t=n.ref)&&(t.current&&t.current!==n.__e||M(t,null,u)),null!=(t=n.__c)){if(t.componentWillUnmount)try{t.componentWillUnmount();}catch(n){l$1.__e(n,u);}t.base=t.__P=null;}if(t=n.__k)for(o=0;o<t.length;o++)t[o]&&N(t[o],u,"function"!=typeof n.type);i||null==n.__e||a$1(n.__e),n.__e=n.__d=void 0;}function O(n,l,u){return this.constructor(n,u)}function P(u,i,t){var o,r,e;l$1.__&&l$1.__(u,i),r=(o="function"==typeof t)?null:t&&t.__k||i.__k,e=[],j$1(i,u=(!o&&t||i).__k=h$1(p$1,null,[u]),r||f$1,f$1,void 0!==i.ownerSVGElement,!o&&t?[t]:r?null:i.firstChild?n.call(i.childNodes):null,e,!o&&t?t:r?r.__e:i.firstChild,o),z$1(e,u);}function B$1(n,l){var u={__c:l="__cC"+r$1++,__:n,Consumer:function(n,l){return n.children(l)},Provider:function(n){var u,i;return this.getChildContext||(u=[],(i={})[l]=this,this.getChildContext=function(){return i},this.shouldComponentUpdate=function(n){this.props.value!==n.value&&u.some(b$1);},this.sub=function(n){u.push(n);var l=n.componentWillUnmount;n.componentWillUnmount=function(){u.splice(u.indexOf(n),1),l&&l.call(n);};}),n.children}};return u.Provider.__=u.Consumer.contextType=u}n=e$2.slice,l$1={__e:function(n,l,u,i){for(var t,o,r;l=l.__;)if((t=l.__c)&&!t.__)try{if((o=t.constructor)&&null!=o.getDerivedStateFromError&&(t.setState(o.getDerivedStateFromError(n)),r=t.__d),null!=t.componentDidCatch&&(t.componentDidCatch(n,i||{}),r=t.__d),r)return t.__E=t}catch(l){n=l;}throw n}},u$1=0,d$1.prototype.setState=function(n,l){var u;u=null!=this.__s&&this.__s!==this.state?this.__s:this.__s=s$1({},this.state),"function"==typeof n&&(n=n(s$1({},u),this.props)),n&&s$1(u,n),null!=n&&this.__v&&(l&&this.__h.push(l),b$1(this));},d$1.prototype.forceUpdate=function(n){this.__v&&(this.__e=!0,n&&this.__h.push(n),b$1(this));},d$1.prototype.render=p$1,t$1=[],g$1.__r=0,r$1=0;
+
+  var o$1=0;function e$1(_,e,n,t,f){var l,s,u={};for(s in e)"ref"==s?l=e[s]:u[s]=e[s];var a={type:_,props:u,key:n,ref:l,__k:null,__:null,__b:0,__e:null,__d:void 0,__c:null,__h:null,constructor:void 0,__v:--o$1,__source:f,__self:t};if("function"==typeof _&&(l=_.defaultProps))for(s in l)void 0===u[s]&&(u[s]=l[s]);return l$1.vnode&&l$1.vnode(a),a}
+
+  function count$1(node) {
+    var sum = 0,
+        children = node.children,
+        i = children && children.length;
+    if (!i) sum = 1;
+    else while (--i >= 0) sum += children[i].value;
+    node.value = sum;
+  }
+
+  function node_count() {
+    return this.eachAfter(count$1);
+  }
+
+  function node_each(callback, that) {
+    let index = -1;
+    for (const node of this) {
+      callback.call(that, node, ++index, this);
+    }
+    return this;
+  }
+
+  function node_eachBefore(callback, that) {
+    var node = this, nodes = [node], children, i, index = -1;
+    while (node = nodes.pop()) {
+      callback.call(that, node, ++index, this);
+      if (children = node.children) {
+        for (i = children.length - 1; i >= 0; --i) {
+          nodes.push(children[i]);
+        }
+      }
+    }
+    return this;
+  }
+
+  function node_eachAfter(callback, that) {
+    var node = this, nodes = [node], next = [], children, i, n, index = -1;
+    while (node = nodes.pop()) {
+      next.push(node);
+      if (children = node.children) {
+        for (i = 0, n = children.length; i < n; ++i) {
+          nodes.push(children[i]);
+        }
+      }
+    }
+    while (node = next.pop()) {
+      callback.call(that, node, ++index, this);
+    }
+    return this;
+  }
+
+  function node_find(callback, that) {
+    let index = -1;
+    for (const node of this) {
+      if (callback.call(that, node, ++index, this)) {
+        return node;
+      }
+    }
+  }
+
+  function node_sum(value) {
+    return this.eachAfter(function(node) {
+      var sum = +value(node.data) || 0,
+          children = node.children,
+          i = children && children.length;
+      while (--i >= 0) sum += children[i].value;
+      node.value = sum;
+    });
+  }
+
+  function node_sort(compare) {
+    return this.eachBefore(function(node) {
+      if (node.children) {
+        node.children.sort(compare);
+      }
+    });
+  }
+
+  function node_path(end) {
+    var start = this,
+        ancestor = leastCommonAncestor(start, end),
+        nodes = [start];
+    while (start !== ancestor) {
+      start = start.parent;
+      nodes.push(start);
+    }
+    var k = nodes.length;
+    while (end !== ancestor) {
+      nodes.splice(k, 0, end);
+      end = end.parent;
+    }
+    return nodes;
+  }
+
+  function leastCommonAncestor(a, b) {
+    if (a === b) return a;
+    var aNodes = a.ancestors(),
+        bNodes = b.ancestors(),
+        c = null;
+    a = aNodes.pop();
+    b = bNodes.pop();
+    while (a === b) {
+      c = a;
+      a = aNodes.pop();
+      b = bNodes.pop();
+    }
+    return c;
+  }
+
+  function node_ancestors() {
+    var node = this, nodes = [node];
+    while (node = node.parent) {
+      nodes.push(node);
+    }
+    return nodes;
+  }
+
+  function node_descendants() {
+    return Array.from(this);
+  }
+
+  function node_leaves() {
+    var leaves = [];
+    this.eachBefore(function(node) {
+      if (!node.children) {
+        leaves.push(node);
+      }
+    });
+    return leaves;
+  }
+
+  function node_links() {
+    var root = this, links = [];
+    root.each(function(node) {
+      if (node !== root) { // Don’t include the root’s parent, if any.
+        links.push({source: node.parent, target: node});
+      }
+    });
+    return links;
+  }
+
+  function* node_iterator() {
+    var node = this, current, next = [node], children, i, n;
+    do {
+      current = next.reverse(), next = [];
+      while (node = current.pop()) {
+        yield node;
+        if (children = node.children) {
+          for (i = 0, n = children.length; i < n; ++i) {
+            next.push(children[i]);
+          }
+        }
+      }
+    } while (next.length);
+  }
+
+  function hierarchy(data, children) {
+    if (data instanceof Map) {
+      data = [undefined, data];
+      if (children === undefined) children = mapChildren;
+    } else if (children === undefined) {
+      children = objectChildren;
+    }
+
+    var root = new Node$1(data),
+        node,
+        nodes = [root],
+        child,
+        childs,
+        i,
+        n;
+
+    while (node = nodes.pop()) {
+      if ((childs = children(node.data)) && (n = (childs = Array.from(childs)).length)) {
+        node.children = childs;
+        for (i = n - 1; i >= 0; --i) {
+          nodes.push(child = childs[i] = new Node$1(childs[i]));
+          child.parent = node;
+          child.depth = node.depth + 1;
+        }
+      }
+    }
+
+    return root.eachBefore(computeHeight);
+  }
+
+  function node_copy() {
+    return hierarchy(this).eachBefore(copyData);
+  }
+
+  function objectChildren(d) {
+    return d.children;
+  }
+
+  function mapChildren(d) {
+    return Array.isArray(d) ? d[1] : null;
+  }
+
+  function copyData(node) {
+    if (node.data.value !== undefined) node.value = node.data.value;
+    node.data = node.data.data;
+  }
+
+  function computeHeight(node) {
+    var height = 0;
+    do node.height = height;
+    while ((node = node.parent) && (node.height < ++height));
+  }
+
+  function Node$1(data) {
+    this.data = data;
+    this.depth =
+    this.height = 0;
+    this.parent = null;
+  }
+
+  Node$1.prototype = hierarchy.prototype = {
+    constructor: Node$1,
+    count: node_count,
+    each: node_each,
+    eachAfter: node_eachAfter,
+    eachBefore: node_eachBefore,
+    find: node_find,
+    sum: node_sum,
+    sort: node_sort,
+    path: node_path,
+    ancestors: node_ancestors,
+    descendants: node_descendants,
+    leaves: node_leaves,
+    links: node_links,
+    copy: node_copy,
+    [Symbol.iterator]: node_iterator
+  };
+
+  function required(f) {
+    if (typeof f !== "function") throw new Error;
+    return f;
+  }
+
+  function constantZero() {
+    return 0;
+  }
+
+  function constant$1(x) {
+    return function() {
+      return x;
+    };
+  }
+
+  function roundNode(node) {
+    node.x0 = Math.round(node.x0);
+    node.y0 = Math.round(node.y0);
+    node.x1 = Math.round(node.x1);
+    node.y1 = Math.round(node.y1);
+  }
+
+  function treemapDice(parent, x0, y0, x1, y1) {
+    var nodes = parent.children,
+        node,
+        i = -1,
+        n = nodes.length,
+        k = parent.value && (x1 - x0) / parent.value;
+
+    while (++i < n) {
+      node = nodes[i], node.y0 = y0, node.y1 = y1;
+      node.x0 = x0, node.x1 = x0 += node.value * k;
+    }
+  }
+
+  Object.create(Node$1.prototype);
+
+  function treemapSlice(parent, x0, y0, x1, y1) {
+    var nodes = parent.children,
+        node,
+        i = -1,
+        n = nodes.length,
+        k = parent.value && (y1 - y0) / parent.value;
+
+    while (++i < n) {
+      node = nodes[i], node.x0 = x0, node.x1 = x1;
+      node.y0 = y0, node.y1 = y0 += node.value * k;
+    }
+  }
+
+  var phi = (1 + Math.sqrt(5)) / 2;
+
+  function squarifyRatio(ratio, parent, x0, y0, x1, y1) {
+    var rows = [],
+        nodes = parent.children,
+        row,
+        nodeValue,
+        i0 = 0,
+        i1 = 0,
+        n = nodes.length,
+        dx, dy,
+        value = parent.value,
+        sumValue,
+        minValue,
+        maxValue,
+        newRatio,
+        minRatio,
+        alpha,
+        beta;
+
+    while (i0 < n) {
+      dx = x1 - x0, dy = y1 - y0;
+
+      // Find the next non-empty node.
+      do sumValue = nodes[i1++].value; while (!sumValue && i1 < n);
+      minValue = maxValue = sumValue;
+      alpha = Math.max(dy / dx, dx / dy) / (value * ratio);
+      beta = sumValue * sumValue * alpha;
+      minRatio = Math.max(maxValue / beta, beta / minValue);
+
+      // Keep adding nodes while the aspect ratio maintains or improves.
+      for (; i1 < n; ++i1) {
+        sumValue += nodeValue = nodes[i1].value;
+        if (nodeValue < minValue) minValue = nodeValue;
+        if (nodeValue > maxValue) maxValue = nodeValue;
+        beta = sumValue * sumValue * alpha;
+        newRatio = Math.max(maxValue / beta, beta / minValue);
+        if (newRatio > minRatio) { sumValue -= nodeValue; break; }
+        minRatio = newRatio;
+      }
+
+      // Position and record the row orientation.
+      rows.push(row = {value: sumValue, dice: dx < dy, children: nodes.slice(i0, i1)});
+      if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += dy * sumValue / value : y1);
+      else treemapSlice(row, x0, y0, value ? x0 += dx * sumValue / value : x1, y1);
+      value -= sumValue, i0 = i1;
+    }
+
+    return rows;
+  }
+
+  var squarify = (function custom(ratio) {
+
+    function squarify(parent, x0, y0, x1, y1) {
+      squarifyRatio(ratio, parent, x0, y0, x1, y1);
+    }
+
+    squarify.ratio = function(x) {
+      return custom((x = +x) > 1 ? x : 1);
+    };
+
+    return squarify;
+  })(phi);
+
+  function treemap() {
+    var tile = squarify,
+        round = false,
+        dx = 1,
+        dy = 1,
+        paddingStack = [0],
+        paddingInner = constantZero,
+        paddingTop = constantZero,
+        paddingRight = constantZero,
+        paddingBottom = constantZero,
+        paddingLeft = constantZero;
+
+    function treemap(root) {
+      root.x0 =
+      root.y0 = 0;
+      root.x1 = dx;
+      root.y1 = dy;
+      root.eachBefore(positionNode);
+      paddingStack = [0];
+      if (round) root.eachBefore(roundNode);
+      return root;
+    }
+
+    function positionNode(node) {
+      var p = paddingStack[node.depth],
+          x0 = node.x0 + p,
+          y0 = node.y0 + p,
+          x1 = node.x1 - p,
+          y1 = node.y1 - p;
+      if (x1 < x0) x0 = x1 = (x0 + x1) / 2;
+      if (y1 < y0) y0 = y1 = (y0 + y1) / 2;
+      node.x0 = x0;
+      node.y0 = y0;
+      node.x1 = x1;
+      node.y1 = y1;
+      if (node.children) {
+        p = paddingStack[node.depth + 1] = paddingInner(node) / 2;
+        x0 += paddingLeft(node) - p;
+        y0 += paddingTop(node) - p;
+        x1 -= paddingRight(node) - p;
+        y1 -= paddingBottom(node) - p;
+        if (x1 < x0) x0 = x1 = (x0 + x1) / 2;
+        if (y1 < y0) y0 = y1 = (y0 + y1) / 2;
+        tile(node, x0, y0, x1, y1);
+      }
+    }
+
+    treemap.round = function(x) {
+      return arguments.length ? (round = !!x, treemap) : round;
+    };
+
+    treemap.size = function(x) {
+      return arguments.length ? (dx = +x[0], dy = +x[1], treemap) : [dx, dy];
+    };
+
+    treemap.tile = function(x) {
+      return arguments.length ? (tile = required(x), treemap) : tile;
+    };
+
+    treemap.padding = function(x) {
+      return arguments.length ? treemap.paddingInner(x).paddingOuter(x) : treemap.paddingInner();
+    };
+
+    treemap.paddingInner = function(x) {
+      return arguments.length ? (paddingInner = typeof x === "function" ? x : constant$1(+x), treemap) : paddingInner;
+    };
+
+    treemap.paddingOuter = function(x) {
+      return arguments.length ? treemap.paddingTop(x).paddingRight(x).paddingBottom(x).paddingLeft(x) : treemap.paddingTop();
+    };
+
+    treemap.paddingTop = function(x) {
+      return arguments.length ? (paddingTop = typeof x === "function" ? x : constant$1(+x), treemap) : paddingTop;
+    };
+
+    treemap.paddingRight = function(x) {
+      return arguments.length ? (paddingRight = typeof x === "function" ? x : constant$1(+x), treemap) : paddingRight;
+    };
+
+    treemap.paddingBottom = function(x) {
+      return arguments.length ? (paddingBottom = typeof x === "function" ? x : constant$1(+x), treemap) : paddingBottom;
+    };
+
+    treemap.paddingLeft = function(x) {
+      return arguments.length ? (paddingLeft = typeof x === "function" ? x : constant$1(+x), treemap) : paddingLeft;
+    };
+
+    return treemap;
+  }
+
+  var treemapResquarify = (function custom(ratio) {
+
+    function resquarify(parent, x0, y0, x1, y1) {
+      if ((rows = parent._squarify) && (rows.ratio === ratio)) {
+        var rows,
+            row,
+            nodes,
+            i,
+            j = -1,
+            n,
+            m = rows.length,
+            value = parent.value;
+
+        while (++j < m) {
+          row = rows[j], nodes = row.children;
+          for (i = row.value = 0, n = nodes.length; i < n; ++i) row.value += nodes[i].value;
+          if (row.dice) treemapDice(row, x0, y0, x1, value ? y0 += (y1 - y0) * row.value / value : y1);
+          else treemapSlice(row, x0, y0, value ? x0 += (x1 - x0) * row.value / value : x1, y1);
+          value -= row.value;
+        }
+      } else {
+        parent._squarify = rows = squarifyRatio(ratio, parent, x0, y0, x1, y1);
+        rows.ratio = ratio;
+      }
+    }
+
+    resquarify.ratio = function(x) {
+      return custom((x = +x) > 1 ? x : 1);
+    };
+
+    return resquarify;
+  })(phi);
+
+  const isModuleTree = (mod) => "children" in mod;
+
+  let count = 0;
+  class Id {
+      constructor(id) {
+          this._id = id;
+          const url = new URL(window.location.href);
+          url.hash = id;
+          this._href = url.toString();
+      }
+      get id() {
+          return this._id;
+      }
+      get href() {
+          return this._href;
+      }
+      toString() {
+          return `url(${this.href})`;
+      }
+  }
+  function generateUniqueId(name) {
+      count += 1;
+      const id = ["O", name, count].filter(Boolean).join("-");
+      return new Id(id);
+  }
+
+  const LABELS = {
+      renderedLength: "Rendered",
+      gzipLength: "Gzip",
+      brotliLength: "Brotli",
+  };
+  const getAvailableSizeOptions = (options) => {
+      const availableSizeProperties = ["renderedLength"];
+      if (options.gzip) {
+          availableSizeProperties.push("gzipLength");
+      }
+      if (options.brotli) {
+          availableSizeProperties.push("brotliLength");
+      }
+      return availableSizeProperties;
+  };
+
+  var t,r,u,i,o=0,c=[],f=[],e=l$1.__b,a=l$1.__r,v=l$1.diffed,l=l$1.__c,m=l$1.unmount;function d(t,u){l$1.__h&&l$1.__h(r,t,o||u),o=0;var i=r.__H||(r.__H={__:[],__h:[]});return t>=i.__.length&&i.__.push({__V:f}),i.__[t]}function p(n){return o=1,y(z,n)}function y(n,u,i){var o=d(t++,2);if(o.t=n,!o.__c&&(o.__=[i?i(u):z(void 0,u),function(n){var t=o.__N?o.__N[0]:o.__[0],r=o.t(t,n);t!==r&&(o.__N=[r,o.__[1]],o.__c.setState({}));}],o.__c=r,!r.u)){r.u=!0;var c=r.shouldComponentUpdate;r.shouldComponentUpdate=function(n,t,r){if(!o.__c.__H)return !0;var u=o.__c.__H.__.filter(function(n){return n.__c});if(u.every(function(n){return !n.__N}))return !c||c.call(this,n,t,r);var i=!1;return u.forEach(function(n){if(n.__N){var t=n.__[0];n.__=n.__N,n.__N=void 0,t!==n.__[0]&&(i=!0);}}),!!i&&(!c||c.call(this,n,t,r))};}return o.__N||o.__}function h(u,i){var o=d(t++,3);!l$1.__s&&w(o.__H,i)&&(o.__=u,o.i=i,r.__H.__h.push(o));}function s(u,i){var o=d(t++,4);!l$1.__s&&w(o.__H,i)&&(o.__=u,o.i=i,r.__h.push(o));}function _(n){return o=5,F(function(){return {current:n}},[])}function F(n,r){var u=d(t++,7);return w(u.__H,r)?(u.__V=n(),u.i=r,u.__h=n,u.__V):u.__}function q(n){var u=r.context[n.__c],i=d(t++,9);return i.c=n,u?(null==i.__&&(i.__=!0,u.sub(r)),u.props.value):n.__}function b(){for(var t;t=c.shift();)if(t.__P&&t.__H)try{t.__H.__h.forEach(j),t.__H.__h.forEach(k),t.__H.__h=[];}catch(r){t.__H.__h=[],l$1.__e(r,t.__v);}}l$1.__b=function(n){r=null,e&&e(n);},l$1.__r=function(n){a&&a(n),t=0;var i=(r=n.__c).__H;i&&(u===r?(i.__h=[],r.__h=[],i.__.forEach(function(n){n.__N&&(n.__=n.__N),n.__V=f,n.__N=n.i=void 0;})):(i.__h.forEach(j),i.__h.forEach(k),i.__h=[])),u=r;},l$1.diffed=function(t){v&&v(t);var o=t.__c;o&&o.__H&&(o.__H.__h.length&&(1!==c.push(o)&&i===l$1.requestAnimationFrame||((i=l$1.requestAnimationFrame)||function(n){var t,r=function(){clearTimeout(u),g&&cancelAnimationFrame(t),setTimeout(n);},u=setTimeout(r,100);g&&(t=requestAnimationFrame(r));})(b)),o.__H.__.forEach(function(n){n.i&&(n.__H=n.i),n.__V!==f&&(n.__=n.__V),n.i=void 0,n.__V=f;})),u=r=null;},l$1.__c=function(t,r){r.some(function(t){try{t.__h.forEach(j),t.__h=t.__h.filter(function(n){return !n.__||k(n)});}catch(u){r.some(function(n){n.__h&&(n.__h=[]);}),r=[],l$1.__e(u,t.__v);}}),l&&l(t,r);},l$1.unmount=function(t){m&&m(t);var r,u=t.__c;u&&u.__H&&(u.__H.__.forEach(function(n){try{j(n);}catch(n){r=n;}}),r&&l$1.__e(r,u.__v));};var g="function"==typeof requestAnimationFrame;function j(n){var t=r,u=n.__c;"function"==typeof u&&(n.__c=void 0,u()),r=t;}function k(n){var t=r;n.__c=n.__(),r=t;}function w(n,t){return !n||n.length!==t.length||t.some(function(t,r){return t!==n[r]})}function z(n,t){return "function"==typeof t?t(n):t}
+
+  const SideBar = ({ availableSizeProperties, sizeProperty, setSizeProperty, onExcludeChange, onIncludeChange, }) => {
+      const [includeValue, setIncludeValue] = p("");
+      const [excludeValue, setExcludeValue] = p("");
+      const handleSizePropertyChange = (sizeProp) => () => {
+          if (sizeProp !== sizeProperty) {
+              setSizeProperty(sizeProp);
+          }
+      };
+      const handleIncludeChange = (event) => {
+          const value = event.currentTarget.value;
+          setIncludeValue(value);
+          onIncludeChange(value);
+      };
+      const handleExcludeChange = (event) => {
+          const value = event.currentTarget.value;
+          setExcludeValue(value);
+          onExcludeChange(value);
+      };
+      return (e$1("aside", Object.assign({ className: "sidebar" }, { children: [e$1("div", Object.assign({ className: "size-selectors" }, { children: availableSizeProperties.length > 1 &&
+                      availableSizeProperties.map((sizeProp) => {
+                          const id = `selector-${sizeProp}`;
+                          return (e$1("div", Object.assign({ className: "size-selector" }, { children: [e$1("input", { type: "radio", id: id, checked: sizeProp === sizeProperty, onChange: handleSizePropertyChange(sizeProp) }), e$1("label", Object.assign({ htmlFor: id }, { children: LABELS[sizeProp] }))] }), sizeProp));
+                      }) })), e$1("div", Object.assign({ className: "module-filters" }, { children: [e$1("div", Object.assign({ className: "module-filter" }, { children: [e$1("label", Object.assign({ htmlFor: "module-filter-exclude" }, { children: "Exclude" })), e$1("input", { type: "text", id: "module-filter-exclude", value: excludeValue, onInput: handleExcludeChange, placeholder: "RegExp" })] })), e$1("div", Object.assign({ className: "module-filter" }, { children: [e$1("label", Object.assign({ htmlFor: "module-filter-include" }, { children: "Include" })), e$1("input", { type: "text", id: "module-filter-include", value: includeValue, onInput: handleIncludeChange, placeholder: "RegExp" })] }))] }))] })));
+  };
+
+  const throttleFilter = (callback, limit) => {
+      let waiting = false;
+      return (val) => {
+          if (!waiting) {
+              callback(val);
+              waiting = true;
+              setTimeout(() => {
+                  waiting = false;
+              }, limit);
+          }
+      };
+  };
+  const useFilter = () => {
+      const [includeFilter, setIncludeFilter] = p("");
+      const [excludeFilter, setExcludeFilter] = p("");
+      const setIncludeFilterTrottled = F(() => throttleFilter(setIncludeFilter, 200), []);
+      const setExcludeFilterTrottled = F(() => throttleFilter(setExcludeFilter, 200), []);
+      const isModuleIncluded = F(() => {
+          if (includeFilter === "") {
+              return () => true;
+          }
+          try {
+              const re = new RegExp(includeFilter);
+              return ({ id }) => re.test(id);
+          }
+          catch (err) {
+              return () => false;
+          }
+      }, [includeFilter]);
+      const isModuleExcluded = F(() => {
+          if (excludeFilter === "") {
+              return () => false;
+          }
+          try {
+              const re = new RegExp(excludeFilter);
+              return ({ id }) => re.test(id);
+          }
+          catch (err) {
+              return () => false;
+          }
+      }, [excludeFilter]);
+      const isDefaultInclude = includeFilter === "";
+      const getModuleFilterMultiplier = F(() => {
+          return (data) => {
+              if (isDefaultInclude) {
+                  return isModuleExcluded(data) ? 0 : 1;
+              }
+              return isModuleExcluded(data) && !isModuleIncluded(data) ? 0 : 1;
+          };
+      }, [isDefaultInclude, isModuleExcluded, isModuleIncluded]);
+      return {
+          getModuleFilterMultiplier,
+          includeFilter,
+          excludeFilter,
+          setExcludeFilter: setExcludeFilterTrottled,
+          setIncludeFilter: setIncludeFilterTrottled,
+      };
+  };
+
+  function ascending(a, b) {
+    return a == null || b == null ? NaN : a < b ? -1 : a > b ? 1 : a >= b ? 0 : NaN;
+  }
+
+  function descending(a, b) {
+    return a == null || b == null ? NaN
+      : b < a ? -1
+      : b > a ? 1
+      : b >= a ? 0
+      : NaN;
+  }
+
+  function bisector(f) {
+    let compare1, compare2, delta;
+
+    // If an accessor is specified, promote it to a comparator. In this case we
+    // can test whether the search value is (self-) comparable. We can’t do this
+    // for a comparator (except for specific, known comparators) because we can’t
+    // tell if the comparator is symmetric, and an asymmetric comparator can’t be
+    // used to test whether a single value is comparable.
+    if (f.length !== 2) {
+      compare1 = ascending;
+      compare2 = (d, x) => ascending(f(d), x);
+      delta = (d, x) => f(d) - x;
+    } else {
+      compare1 = f === ascending || f === descending ? f : zero$1;
+      compare2 = f;
+      delta = f;
+    }
+
+    function left(a, x, lo = 0, hi = a.length) {
+      if (lo < hi) {
+        if (compare1(x, x) !== 0) return hi;
+        do {
+          const mid = (lo + hi) >>> 1;
+          if (compare2(a[mid], x) < 0) lo = mid + 1;
+          else hi = mid;
+        } while (lo < hi);
+      }
+      return lo;
+    }
+
+    function right(a, x, lo = 0, hi = a.length) {
+      if (lo < hi) {
+        if (compare1(x, x) !== 0) return hi;
+        do {
+          const mid = (lo + hi) >>> 1;
+          if (compare2(a[mid], x) <= 0) lo = mid + 1;
+          else hi = mid;
+        } while (lo < hi);
+      }
+      return lo;
+    }
+
+    function center(a, x, lo = 0, hi = a.length) {
+      const i = left(a, x, lo, hi - 1);
+      return i > lo && delta(a[i - 1], x) > -delta(a[i], x) ? i - 1 : i;
+    }
+
+    return {left, center, right};
+  }
+
+  function zero$1() {
+    return 0;
+  }
+
+  function number$1(x) {
+    return x === null ? NaN : +x;
+  }
+
+  const ascendingBisect = bisector(ascending);
+  const bisectRight = ascendingBisect.right;
+  bisector(number$1).center;
+
+  class InternMap extends Map {
+    constructor(entries, key = keyof) {
+      super();
+      Object.defineProperties(this, {_intern: {value: new Map()}, _key: {value: key}});
+      if (entries != null) for (const [key, value] of entries) this.set(key, value);
+    }
+    get(key) {
+      return super.get(intern_get(this, key));
+    }
+    has(key) {
+      return super.has(intern_get(this, key));
+    }
+    set(key, value) {
+      return super.set(intern_set(this, key), value);
+    }
+    delete(key) {
+      return super.delete(intern_delete(this, key));
+    }
+  }
+
+  function intern_get({_intern, _key}, value) {
+    const key = _key(value);
+    return _intern.has(key) ? _intern.get(key) : value;
+  }
+
+  function intern_set({_intern, _key}, value) {
+    const key = _key(value);
+    if (_intern.has(key)) return _intern.get(key);
+    _intern.set(key, value);
+    return value;
+  }
+
+  function intern_delete({_intern, _key}, value) {
+    const key = _key(value);
+    if (_intern.has(key)) {
+      value = _intern.get(key);
+      _intern.delete(key);
+    }
+    return value;
+  }
+
+  function keyof(value) {
+    return value !== null && typeof value === "object" ? value.valueOf() : value;
+  }
+
+  function identity$2(x) {
+    return x;
+  }
+
+  function group(values, ...keys) {
+    return nest(values, identity$2, identity$2, keys);
+  }
+
+  function nest(values, map, reduce, keys) {
+    return (function regroup(values, i) {
+      if (i >= keys.length) return reduce(values);
+      const groups = new InternMap();
+      const keyof = keys[i++];
+      let index = -1;
+      for (const value of values) {
+        const key = keyof(value, ++index, values);
+        const group = groups.get(key);
+        if (group) group.push(value);
+        else groups.set(key, [value]);
+      }
+      for (const [key, values] of groups) {
+        groups.set(key, regroup(values, i));
+      }
+      return map(groups);
+    })(values, 0);
+  }
+
+  var e10 = Math.sqrt(50),
+      e5 = Math.sqrt(10),
+      e2 = Math.sqrt(2);
+
+  function ticks(start, stop, count) {
+    var reverse,
+        i = -1,
+        n,
+        ticks,
+        step;
+
+    stop = +stop, start = +start, count = +count;
+    if (start === stop && count > 0) return [start];
+    if (reverse = stop < start) n = start, start = stop, stop = n;
+    if ((step = tickIncrement(start, stop, count)) === 0 || !isFinite(step)) return [];
+
+    if (step > 0) {
+      let r0 = Math.round(start / step), r1 = Math.round(stop / step);
+      if (r0 * step < start) ++r0;
+      if (r1 * step > stop) --r1;
+      ticks = new Array(n = r1 - r0 + 1);
+      while (++i < n) ticks[i] = (r0 + i) * step;
+    } else {
+      step = -step;
+      let r0 = Math.round(start * step), r1 = Math.round(stop * step);
+      if (r0 / step < start) ++r0;
+      if (r1 / step > stop) --r1;
+      ticks = new Array(n = r1 - r0 + 1);
+      while (++i < n) ticks[i] = (r0 + i) / step;
+    }
+
+    if (reverse) ticks.reverse();
+
+    return ticks;
+  }
+
+  function tickIncrement(start, stop, count) {
+    var step = (stop - start) / Math.max(0, count),
+        power = Math.floor(Math.log(step) / Math.LN10),
+        error = step / Math.pow(10, power);
+    return power >= 0
+        ? (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1) * Math.pow(10, power)
+        : -Math.pow(10, -power) / (error >= e10 ? 10 : error >= e5 ? 5 : error >= e2 ? 2 : 1);
+  }
+
+  function tickStep(start, stop, count) {
+    var step0 = Math.abs(stop - start) / Math.max(0, count),
+        step1 = Math.pow(10, Math.floor(Math.log(step0) / Math.LN10)),
+        error = step0 / step1;
+    if (error >= e10) step1 *= 10;
+    else if (error >= e5) step1 *= 5;
+    else if (error >= e2) step1 *= 2;
+    return stop < start ? -step1 : step1;
+  }
+
+  const TOP_PADDING = 20;
+  const PADDING = 2;
+
+  const Node = ({ node, onMouseOver, onClick, selected }) => {
+      const { getModuleColor } = q(StaticContext);
+      const { backgroundColor, fontColor } = getModuleColor(node);
+      const { x0, x1, y1, y0, data, children = null } = node;
+      const textRef = _(null);
+      const textRectRef = _();
+      const width = x1 - x0;
+      const height = y1 - y0;
+      const textProps = {
+          "font-size": "0.7em",
+          "dominant-baseline": "middle",
+          "text-anchor": "middle",
+          x: width / 2,
+      };
+      if (children != null) {
+          textProps.y = (TOP_PADDING + PADDING) / 2;
+      }
+      else {
+          textProps.y = height / 2;
+      }
+      s(() => {
+          if (width == 0 || height == 0 || !textRef.current) {
+              return;
+          }
+          if (textRectRef.current == null) {
+              textRectRef.current = textRef.current.getBoundingClientRect();
+          }
+          let scale = 1;
+          if (children != null) {
+              scale = Math.min((width * 0.9) / textRectRef.current.width, Math.min(height, TOP_PADDING + PADDING) / textRectRef.current.height);
+              scale = Math.min(1, scale);
+              textRef.current.setAttribute("y", String(Math.min(TOP_PADDING + PADDING, height) / 2 / scale));
+              textRef.current.setAttribute("x", String(width / 2 / scale));
+          }
+          else {
+              scale = Math.min((width * 0.9) / textRectRef.current.width, (height * 0.9) / textRectRef.current.height);
+              scale = Math.min(1, scale);
+              textRef.current.setAttribute("y", String(height / 2 / scale));
+              textRef.current.setAttribute("x", String(width / 2 / scale));
+          }
+          textRef.current.setAttribute("transform", `scale(${scale.toFixed(2)})`);
+      }, [children, height, width]);
+      if (width == 0 || height == 0) {
+          return null;
+      }
+      return (e$1("g", Object.assign({ className: "node", transform: `translate(${x0},${y0})`, onClick: (event) => {
+              event.stopPropagation();
+              onClick(node);
+          }, onMouseOver: (event) => {
+              event.stopPropagation();
+              onMouseOver(node);
+          } }, { children: [e$1("rect", { fill: backgroundColor, rx: 2, ry: 2, width: x1 - x0, height: y1 - y0, stroke: selected ? "#fff" : undefined, "stroke-width": selected ? 2 : undefined }), e$1("text", Object.assign({ ref: textRef, fill: fontColor, onClick: (event) => {
+                      var _a;
+                      if (((_a = window.getSelection()) === null || _a === void 0 ? void 0 : _a.toString()) !== "") {
+                          event.stopPropagation();
+                      }
+                  } }, textProps, { children: data.name }))] })));
+  };
+
+  const TreeMap = ({ root, onNodeHover, selectedNode, onNodeClick }) => {
+      const { width, height, getModuleIds } = q(StaticContext);
+      console.time("layering");
+      // this will make groups by height
+      const nestedData = F(() => {
+          const nestedDataMap = group(root.descendants(), (d) => d.height);
+          const nestedData = Array.from(nestedDataMap, ([key, values]) => ({
+              key,
+              values,
+          }));
+          nestedData.sort((a, b) => b.key - a.key);
+          return nestedData;
+      }, [root]);
+      console.timeEnd("layering");
+      return (e$1("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", viewBox: `0 0 ${width} ${height}` }, { children: nestedData.map(({ key, values }) => {
+              return (e$1("g", Object.assign({ className: "layer" }, { children: values.map((node) => {
+                      return (e$1(Node, { node: node, onMouseOver: onNodeHover, selected: selectedNode === node, onClick: onNodeClick }, getModuleIds(node.data).nodeUid.id));
+                  }) }), key));
+          }) })));
+  };
+
+  var bytes$1 = {exports: {}};
+
+  /*!
+   * bytes
+   * Copyright(c) 2012-2014 TJ Holowaychuk
+   * Copyright(c) 2015 Jed Watson
+   * MIT Licensed
+   */
+
+  /**
+   * Module exports.
+   * @public
+   */
+
+  bytes$1.exports = bytes;
+  var format_1 = bytes$1.exports.format = format$1;
+  bytes$1.exports.parse = parse;
+
+  /**
+   * Module variables.
+   * @private
+   */
+
+  var formatThousandsRegExp = /\B(?=(\d{3})+(?!\d))/g;
+
+  var formatDecimalsRegExp = /(?:\.0*|(\.[^0]+)0+)$/;
+
+  var map$1 = {
+    b:  1,
+    kb: 1 << 10,
+    mb: 1 << 20,
+    gb: 1 << 30,
+    tb: Math.pow(1024, 4),
+    pb: Math.pow(1024, 5),
+  };
+
+  var parseRegExp = /^((-|\+)?(\d+(?:\.\d+)?)) *(kb|mb|gb|tb|pb)$/i;
+
+  /**
+   * Convert the given value in bytes into a string or parse to string to an integer in bytes.
+   *
+   * @param {string|number} value
+   * @param {{
+   *  case: [string],
+   *  decimalPlaces: [number]
+   *  fixedDecimals: [boolean]
+   *  thousandsSeparator: [string]
+   *  unitSeparator: [string]
+   *  }} [options] bytes options.
+   *
+   * @returns {string|number|null}
+   */
+
+  function bytes(value, options) {
+    if (typeof value === 'string') {
+      return parse(value);
+    }
+
+    if (typeof value === 'number') {
+      return format$1(value, options);
+    }
+
+    return null;
+  }
+
+  /**
+   * Format the given value in bytes into a string.
+   *
+   * If the value is negative, it is kept as such. If it is a float,
+   * it is rounded.
+   *
+   * @param {number} value
+   * @param {object} [options]
+   * @param {number} [options.decimalPlaces=2]
+   * @param {number} [options.fixedDecimals=false]
+   * @param {string} [options.thousandsSeparator=]
+   * @param {string} [options.unit=]
+   * @param {string} [options.unitSeparator=]
+   *
+   * @returns {string|null}
+   * @public
+   */
+
+  function format$1(value, options) {
+    if (!Number.isFinite(value)) {
+      return null;
+    }
+
+    var mag = Math.abs(value);
+    var thousandsSeparator = (options && options.thousandsSeparator) || '';
+    var unitSeparator = (options && options.unitSeparator) || '';
+    var decimalPlaces = (options && options.decimalPlaces !== undefined) ? options.decimalPlaces : 2;
+    var fixedDecimals = Boolean(options && options.fixedDecimals);
+    var unit = (options && options.unit) || '';
+
+    if (!unit || !map$1[unit.toLowerCase()]) {
+      if (mag >= map$1.pb) {
+        unit = 'PB';
+      } else if (mag >= map$1.tb) {
+        unit = 'TB';
+      } else if (mag >= map$1.gb) {
+        unit = 'GB';
+      } else if (mag >= map$1.mb) {
+        unit = 'MB';
+      } else if (mag >= map$1.kb) {
+        unit = 'KB';
+      } else {
+        unit = 'B';
+      }
+    }
+
+    var val = value / map$1[unit.toLowerCase()];
+    var str = val.toFixed(decimalPlaces);
+
+    if (!fixedDecimals) {
+      str = str.replace(formatDecimalsRegExp, '$1');
+    }
+
+    if (thousandsSeparator) {
+      str = str.split('.').map(function (s, i) {
+        return i === 0
+          ? s.replace(formatThousandsRegExp, thousandsSeparator)
+          : s
+      }).join('.');
+    }
+
+    return str + unitSeparator + unit;
+  }
+
+  /**
+   * Parse the string value into an integer in bytes.
+   *
+   * If no unit is given, it is assumed the value is in bytes.
+   *
+   * @param {number|string} val
+   *
+   * @returns {number|null}
+   * @public
+   */
+
+  function parse(val) {
+    if (typeof val === 'number' && !isNaN(val)) {
+      return val;
+    }
+
+    if (typeof val !== 'string') {
+      return null;
+    }
+
+    // Test if the string passed is valid
+    var results = parseRegExp.exec(val);
+    var floatValue;
+    var unit = 'b';
+
+    if (!results) {
+      // Nothing could be extracted from the given string
+      floatValue = parseInt(val, 10);
+      unit = 'b';
+    } else {
+      // Retrieve the value and the unit
+      floatValue = parseFloat(results[1]);
+      unit = results[4].toLowerCase();
+    }
+
+    if (isNaN(floatValue)) {
+      return null;
+    }
+
+    return Math.floor(map$1[unit] * floatValue);
+  }
+
+  const Tooltip_marginX = 10;
+  const Tooltip_marginY = 30;
+  const SOURCEMAP_RENDERED = (e$1("span", { children: [" ", e$1("b", { children: LABELS.renderedLength }), " is a number of characters in the file after individual and ", e$1("br", {}), " whole bundle transformations according to sourcemap."] }));
+  const RENDRED = (e$1("span", { children: [e$1("b", { children: LABELS.renderedLength }), " is a byte size of individual file after transformations and treeshake."] }));
+  const COMPRESSED = (e$1("span", { children: [e$1("b", { children: LABELS.gzipLength }), " and ", e$1("b", { children: LABELS.brotliLength }), " is a byte size of individual file after individual", " ", "transformations,", e$1("br", {}), " treeshake and compression."] }));
+  const Tooltip = ({ node, visible, root, sizeProperty }) => {
+      const { availableSizeProperties, getModuleSize, data } = q(StaticContext);
+      const ref = _(null);
+      const [style, setStyle] = p({});
+      const content = F(() => {
+          if (!node)
+              return null;
+          const mainSize = getModuleSize(node.data, sizeProperty);
+          const percentageNum = (100 * mainSize) / getModuleSize(root.data, sizeProperty);
+          const percentage = percentageNum.toFixed(2);
+          const percentageString = percentage + "%";
+          const path = node
+              .ancestors()
+              .reverse()
+              .map((d) => d.data.name)
+              .join("/");
+          let dataNode = null;
+          if (!isModuleTree(node.data)) {
+              const mainUid = data.nodeParts[node.data.uid].mainUid;
+              dataNode = data.nodeMetas[mainUid];
+          }
+          return (e$1(p$1, { children: [e$1("div", { children: path }), availableSizeProperties.map((sizeProp) => {
+                      if (sizeProp === sizeProperty) {
+                          return (e$1("div", { children: [e$1("b", { children: [LABELS[sizeProp], ": ", format_1(mainSize)] }), " ", "(", percentageString, ")"] }));
+                      }
+                      else {
+                          return (e$1("div", { children: [LABELS[sizeProp], ": ", format_1(getModuleSize(node.data, sizeProp))] }));
+                      }
+                  }), e$1("br", {}), dataNode && dataNode.importedBy.length > 0 && (e$1("div", { children: [e$1("div", { children: [e$1("b", { children: "Imported By" }), ":"] }), dataNode.importedBy.map(({ uid }) => {
+                              const id = data.nodeMetas[uid].id;
+                              return e$1("div", { children: id }, id);
+                          })] })), e$1("br", {}), e$1("small", { children: data.options.sourcemap ? SOURCEMAP_RENDERED : RENDRED }), (data.options.gzip || data.options.brotli) && (e$1(p$1, { children: [e$1("br", {}), e$1("small", { children: COMPRESSED })] }))] }));
+      }, [availableSizeProperties, data, getModuleSize, node, root.data, sizeProperty]);
+      const updatePosition = (mouseCoords) => {
+          if (!ref.current)
+              return;
+          const pos = {
+              left: mouseCoords.x + Tooltip_marginX,
+              top: mouseCoords.y + Tooltip_marginY,
+          };
+          const boundingRect = ref.current.getBoundingClientRect();
+          if (pos.left + boundingRect.width > window.innerWidth) {
+              // Shifting horizontally
+              pos.left = window.innerWidth - boundingRect.width;
+          }
+          if (pos.top + boundingRect.height > window.innerHeight) {
+              // Flipping vertically
+              pos.top = mouseCoords.y - Tooltip_marginY - boundingRect.height;
+          }
+          setStyle(pos);
+      };
+      h(() => {
+          const handleMouseMove = (event) => {
+              updatePosition({
+                  x: event.pageX,
+                  y: event.pageY,
+              });
+          };
+          document.addEventListener("mousemove", handleMouseMove, true);
+          return () => {
+              document.removeEventListener("mousemove", handleMouseMove, true);
+          };
+      }, []);
+      return (e$1("div", Object.assign({ className: `tooltip ${visible ? "" : "tooltip-hidden"}`, ref: ref, style: style }, { children: content })));
+  };
+
+  const Chart = ({ root, sizeProperty, selectedNode, setSelectedNode }) => {
+      const [showTooltip, setShowTooltip] = p(false);
+      const [tooltipNode, setTooltipNode] = p(undefined);
+      h(() => {
+          const handleMouseOut = () => {
+              setShowTooltip(false);
+          };
+          document.addEventListener("mouseover", handleMouseOut);
+          return () => {
+              document.removeEventListener("mouseover", handleMouseOut);
+          };
+      }, []);
+      return (e$1(p$1, { children: [e$1(TreeMap, { root: root, onNodeHover: (node) => {
+                      setTooltipNode(node);
+                      setShowTooltip(true);
+                  }, selectedNode: selectedNode, onNodeClick: (node) => {
+                      setSelectedNode(selectedNode === node ? undefined : node);
+                  } }), e$1(Tooltip, { visible: showTooltip, node: tooltipNode, root: root, sizeProperty: sizeProperty })] }));
+  };
+
+  const Main = () => {
+      const { availableSizeProperties, rawHierarchy, getModuleSize, layout, data } = q(StaticContext);
+      const [sizeProperty, setSizeProperty] = p(availableSizeProperties[0]);
+      const [selectedNode, setSelectedNode] = p(undefined);
+      const { getModuleFilterMultiplier, setExcludeFilter, setIncludeFilter } = useFilter();
+      console.time("getNodeSizeMultiplier");
+      const getNodeSizeMultiplier = F(() => {
+          const rootSize = getModuleSize(rawHierarchy.data, sizeProperty);
+          const selectedSize = selectedNode ? getModuleSize(selectedNode.data, sizeProperty) : 1;
+          const multiplier = rootSize * 0.2 > selectedSize ? (rootSize * 0.2) / selectedSize : 3;
+          if (selectedNode === undefined) {
+              return () => 1;
+          }
+          else if (isModuleTree(selectedNode.data)) {
+              const leaves = new Set(selectedNode.leaves().map((d) => d.data));
+              return (node) => {
+                  if (leaves.has(node)) {
+                      return multiplier;
+                  }
+                  return 1;
+              };
+          }
+          else {
+              return (node) => {
+                  if (node === selectedNode.data) {
+                      return multiplier;
+                  }
+                  return 1;
+              };
+          }
+      }, [getModuleSize, rawHierarchy.data, selectedNode, sizeProperty]);
+      console.timeEnd("getNodeSizeMultiplier");
+      console.time("root hierarchy compute");
+      // root here always be the same as rawHierarchy even after layouting
+      const root = F(() => {
+          const rootWithSizesAndSorted = rawHierarchy
+              .sum((node) => {
+              if (isModuleTree(node))
+                  return 0;
+              const ownSize = getModuleSize(node, sizeProperty);
+              const zoomMultiplier = getNodeSizeMultiplier(node);
+              const filterMultiplier = getModuleFilterMultiplier(data.nodeMetas[data.nodeParts[node.uid].mainUid]);
+              return ownSize * zoomMultiplier * filterMultiplier;
+          })
+              .sort((a, b) => getModuleSize(a.data, sizeProperty) - getModuleSize(b.data, sizeProperty));
+          return layout(rootWithSizesAndSorted);
+      }, [data, getModuleFilterMultiplier, getModuleSize, getNodeSizeMultiplier, layout, rawHierarchy, sizeProperty]);
+      console.timeEnd("root hierarchy compute");
+      return (e$1(p$1, { children: [e$1(SideBar, { sizeProperty: sizeProperty, availableSizeProperties: availableSizeProperties, setSizeProperty: setSizeProperty, onExcludeChange: setExcludeFilter, onIncludeChange: setIncludeFilter }), e$1(Chart, { root: root, sizeProperty: sizeProperty, selectedNode: selectedNode, setSelectedNode: setSelectedNode })] }));
+  };
+
+  function initRange(domain, range) {
+    switch (arguments.length) {
+      case 0: break;
+      case 1: this.range(domain); break;
+      default: this.range(range).domain(domain); break;
+    }
+    return this;
+  }
+
+  function initInterpolator(domain, interpolator) {
+    switch (arguments.length) {
+      case 0: break;
+      case 1: {
+        if (typeof domain === "function") this.interpolator(domain);
+        else this.range(domain);
+        break;
+      }
+      default: {
+        this.domain(domain);
+        if (typeof interpolator === "function") this.interpolator(interpolator);
+        else this.range(interpolator);
+        break;
+      }
+    }
+    return this;
+  }
+
+  function define(constructor, factory, prototype) {
+    constructor.prototype = factory.prototype = prototype;
+    prototype.constructor = constructor;
+  }
+
+  function extend(parent, definition) {
+    var prototype = Object.create(parent.prototype);
+    for (var key in definition) prototype[key] = definition[key];
+    return prototype;
+  }
+
+  function Color() {}
+
+  var darker = 0.7;
+  var brighter = 1 / darker;
+
+  var reI = "\\s*([+-]?\\d+)\\s*",
+      reN = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)\\s*",
+      reP = "\\s*([+-]?(?:\\d*\\.)?\\d+(?:[eE][+-]?\\d+)?)%\\s*",
+      reHex = /^#([0-9a-f]{3,8})$/,
+      reRgbInteger = new RegExp(`^rgb\\(${reI},${reI},${reI}\\)$`),
+      reRgbPercent = new RegExp(`^rgb\\(${reP},${reP},${reP}\\)$`),
+      reRgbaInteger = new RegExp(`^rgba\\(${reI},${reI},${reI},${reN}\\)$`),
+      reRgbaPercent = new RegExp(`^rgba\\(${reP},${reP},${reP},${reN}\\)$`),
+      reHslPercent = new RegExp(`^hsl\\(${reN},${reP},${reP}\\)$`),
+      reHslaPercent = new RegExp(`^hsla\\(${reN},${reP},${reP},${reN}\\)$`);
+
+  var named = {
+    aliceblue: 0xf0f8ff,
+    antiquewhite: 0xfaebd7,
+    aqua: 0x00ffff,
+    aquamarine: 0x7fffd4,
+    azure: 0xf0ffff,
+    beige: 0xf5f5dc,
+    bisque: 0xffe4c4,
+    black: 0x000000,
+    blanchedalmond: 0xffebcd,
+    blue: 0x0000ff,
+    blueviolet: 0x8a2be2,
+    brown: 0xa52a2a,
+    burlywood: 0xdeb887,
+    cadetblue: 0x5f9ea0,
+    chartreuse: 0x7fff00,
+    chocolate: 0xd2691e,
+    coral: 0xff7f50,
+    cornflowerblue: 0x6495ed,
+    cornsilk: 0xfff8dc,
+    crimson: 0xdc143c,
+    cyan: 0x00ffff,
+    darkblue: 0x00008b,
+    darkcyan: 0x008b8b,
+    darkgoldenrod: 0xb8860b,
+    darkgray: 0xa9a9a9,
+    darkgreen: 0x006400,
+    darkgrey: 0xa9a9a9,
+    darkkhaki: 0xbdb76b,
+    darkmagenta: 0x8b008b,
+    darkolivegreen: 0x556b2f,
+    darkorange: 0xff8c00,
+    darkorchid: 0x9932cc,
+    darkred: 0x8b0000,
+    darksalmon: 0xe9967a,
+    darkseagreen: 0x8fbc8f,
+    darkslateblue: 0x483d8b,
+    darkslategray: 0x2f4f4f,
+    darkslategrey: 0x2f4f4f,
+    darkturquoise: 0x00ced1,
+    darkviolet: 0x9400d3,
+    deeppink: 0xff1493,
+    deepskyblue: 0x00bfff,
+    dimgray: 0x696969,
+    dimgrey: 0x696969,
+    dodgerblue: 0x1e90ff,
+    firebrick: 0xb22222,
+    floralwhite: 0xfffaf0,
+    forestgreen: 0x228b22,
+    fuchsia: 0xff00ff,
+    gainsboro: 0xdcdcdc,
+    ghostwhite: 0xf8f8ff,
+    gold: 0xffd700,
+    goldenrod: 0xdaa520,
+    gray: 0x808080,
+    green: 0x008000,
+    greenyellow: 0xadff2f,
+    grey: 0x808080,
+    honeydew: 0xf0fff0,
+    hotpink: 0xff69b4,
+    indianred: 0xcd5c5c,
+    indigo: 0x4b0082,
+    ivory: 0xfffff0,
+    khaki: 0xf0e68c,
+    lavender: 0xe6e6fa,
+    lavenderblush: 0xfff0f5,
+    lawngreen: 0x7cfc00,
+    lemonchiffon: 0xfffacd,
+    lightblue: 0xadd8e6,
+    lightcoral: 0xf08080,
+    lightcyan: 0xe0ffff,
+    lightgoldenrodyellow: 0xfafad2,
+    lightgray: 0xd3d3d3,
+    lightgreen: 0x90ee90,
+    lightgrey: 0xd3d3d3,
+    lightpink: 0xffb6c1,
+    lightsalmon: 0xffa07a,
+    lightseagreen: 0x20b2aa,
+    lightskyblue: 0x87cefa,
+    lightslategray: 0x778899,
+    lightslategrey: 0x778899,
+    lightsteelblue: 0xb0c4de,
+    lightyellow: 0xffffe0,
+    lime: 0x00ff00,
+    limegreen: 0x32cd32,
+    linen: 0xfaf0e6,
+    magenta: 0xff00ff,
+    maroon: 0x800000,
+    mediumaquamarine: 0x66cdaa,
+    mediumblue: 0x0000cd,
+    mediumorchid: 0xba55d3,
+    mediumpurple: 0x9370db,
+    mediumseagreen: 0x3cb371,
+    mediumslateblue: 0x7b68ee,
+    mediumspringgreen: 0x00fa9a,
+    mediumturquoise: 0x48d1cc,
+    mediumvioletred: 0xc71585,
+    midnightblue: 0x191970,
+    mintcream: 0xf5fffa,
+    mistyrose: 0xffe4e1,
+    moccasin: 0xffe4b5,
+    navajowhite: 0xffdead,
+    navy: 0x000080,
+    oldlace: 0xfdf5e6,
+    olive: 0x808000,
+    olivedrab: 0x6b8e23,
+    orange: 0xffa500,
+    orangered: 0xff4500,
+    orchid: 0xda70d6,
+    palegoldenrod: 0xeee8aa,
+    palegreen: 0x98fb98,
+    paleturquoise: 0xafeeee,
+    palevioletred: 0xdb7093,
+    papayawhip: 0xffefd5,
+    peachpuff: 0xffdab9,
+    peru: 0xcd853f,
+    pink: 0xffc0cb,
+    plum: 0xdda0dd,
+    powderblue: 0xb0e0e6,
+    purple: 0x800080,
+    rebeccapurple: 0x663399,
+    red: 0xff0000,
+    rosybrown: 0xbc8f8f,
+    royalblue: 0x4169e1,
+    saddlebrown: 0x8b4513,
+    salmon: 0xfa8072,
+    sandybrown: 0xf4a460,
+    seagreen: 0x2e8b57,
+    seashell: 0xfff5ee,
+    sienna: 0xa0522d,
+    silver: 0xc0c0c0,
+    skyblue: 0x87ceeb,
+    slateblue: 0x6a5acd,
+    slategray: 0x708090,
+    slategrey: 0x708090,
+    snow: 0xfffafa,
+    springgreen: 0x00ff7f,
+    steelblue: 0x4682b4,
+    tan: 0xd2b48c,
+    teal: 0x008080,
+    thistle: 0xd8bfd8,
+    tomato: 0xff6347,
+    turquoise: 0x40e0d0,
+    violet: 0xee82ee,
+    wheat: 0xf5deb3,
+    white: 0xffffff,
+    whitesmoke: 0xf5f5f5,
+    yellow: 0xffff00,
+    yellowgreen: 0x9acd32
+  };
+
+  define(Color, color, {
+    copy(channels) {
+      return Object.assign(new this.constructor, this, channels);
+    },
+    displayable() {
+      return this.rgb().displayable();
+    },
+    hex: color_formatHex, // Deprecated! Use color.formatHex.
+    formatHex: color_formatHex,
+    formatHex8: color_formatHex8,
+    formatHsl: color_formatHsl,
+    formatRgb: color_formatRgb,
+    toString: color_formatRgb
+  });
+
+  function color_formatHex() {
+    return this.rgb().formatHex();
+  }
+
+  function color_formatHex8() {
+    return this.rgb().formatHex8();
+  }
+
+  function color_formatHsl() {
+    return hslConvert(this).formatHsl();
+  }
+
+  function color_formatRgb() {
+    return this.rgb().formatRgb();
+  }
+
+  function color(format) {
+    var m, l;
+    format = (format + "").trim().toLowerCase();
+    return (m = reHex.exec(format)) ? (l = m[1].length, m = parseInt(m[1], 16), l === 6 ? rgbn(m) // #ff0000
+        : l === 3 ? new Rgb((m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), ((m & 0xf) << 4) | (m & 0xf), 1) // #f00
+        : l === 8 ? rgba(m >> 24 & 0xff, m >> 16 & 0xff, m >> 8 & 0xff, (m & 0xff) / 0xff) // #ff000000
+        : l === 4 ? rgba((m >> 12 & 0xf) | (m >> 8 & 0xf0), (m >> 8 & 0xf) | (m >> 4 & 0xf0), (m >> 4 & 0xf) | (m & 0xf0), (((m & 0xf) << 4) | (m & 0xf)) / 0xff) // #f000
+        : null) // invalid hex
+        : (m = reRgbInteger.exec(format)) ? new Rgb(m[1], m[2], m[3], 1) // rgb(255, 0, 0)
+        : (m = reRgbPercent.exec(format)) ? new Rgb(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, 1) // rgb(100%, 0%, 0%)
+        : (m = reRgbaInteger.exec(format)) ? rgba(m[1], m[2], m[3], m[4]) // rgba(255, 0, 0, 1)
+        : (m = reRgbaPercent.exec(format)) ? rgba(m[1] * 255 / 100, m[2] * 255 / 100, m[3] * 255 / 100, m[4]) // rgb(100%, 0%, 0%, 1)
+        : (m = reHslPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, 1) // hsl(120, 50%, 50%)
+        : (m = reHslaPercent.exec(format)) ? hsla(m[1], m[2] / 100, m[3] / 100, m[4]) // hsla(120, 50%, 50%, 1)
+        : named.hasOwnProperty(format) ? rgbn(named[format]) // eslint-disable-line no-prototype-builtins
+        : format === "transparent" ? new Rgb(NaN, NaN, NaN, 0)
+        : null;
+  }
+
+  function rgbn(n) {
+    return new Rgb(n >> 16 & 0xff, n >> 8 & 0xff, n & 0xff, 1);
+  }
+
+  function rgba(r, g, b, a) {
+    if (a <= 0) r = g = b = NaN;
+    return new Rgb(r, g, b, a);
+  }
+
+  function rgbConvert(o) {
+    if (!(o instanceof Color)) o = color(o);
+    if (!o) return new Rgb;
+    o = o.rgb();
+    return new Rgb(o.r, o.g, o.b, o.opacity);
+  }
+
+  function rgb$1(r, g, b, opacity) {
+    return arguments.length === 1 ? rgbConvert(r) : new Rgb(r, g, b, opacity == null ? 1 : opacity);
+  }
+
+  function Rgb(r, g, b, opacity) {
+    this.r = +r;
+    this.g = +g;
+    this.b = +b;
+    this.opacity = +opacity;
+  }
+
+  define(Rgb, rgb$1, extend(Color, {
+    brighter(k) {
+      k = k == null ? brighter : Math.pow(brighter, k);
+      return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+    },
+    darker(k) {
+      k = k == null ? darker : Math.pow(darker, k);
+      return new Rgb(this.r * k, this.g * k, this.b * k, this.opacity);
+    },
+    rgb() {
+      return this;
+    },
+    clamp() {
+      return new Rgb(clampi(this.r), clampi(this.g), clampi(this.b), clampa(this.opacity));
+    },
+    displayable() {
+      return (-0.5 <= this.r && this.r < 255.5)
+          && (-0.5 <= this.g && this.g < 255.5)
+          && (-0.5 <= this.b && this.b < 255.5)
+          && (0 <= this.opacity && this.opacity <= 1);
+    },
+    hex: rgb_formatHex, // Deprecated! Use color.formatHex.
+    formatHex: rgb_formatHex,
+    formatHex8: rgb_formatHex8,
+    formatRgb: rgb_formatRgb,
+    toString: rgb_formatRgb
+  }));
+
+  function rgb_formatHex() {
+    return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}`;
+  }
+
+  function rgb_formatHex8() {
+    return `#${hex(this.r)}${hex(this.g)}${hex(this.b)}${hex((isNaN(this.opacity) ? 1 : this.opacity) * 255)}`;
+  }
+
+  function rgb_formatRgb() {
+    const a = clampa(this.opacity);
+    return `${a === 1 ? "rgb(" : "rgba("}${clampi(this.r)}, ${clampi(this.g)}, ${clampi(this.b)}${a === 1 ? ")" : `, ${a})`}`;
+  }
+
+  function clampa(opacity) {
+    return isNaN(opacity) ? 1 : Math.max(0, Math.min(1, opacity));
+  }
+
+  function clampi(value) {
+    return Math.max(0, Math.min(255, Math.round(value) || 0));
+  }
+
+  function hex(value) {
+    value = clampi(value);
+    return (value < 16 ? "0" : "") + value.toString(16);
+  }
+
+  function hsla(h, s, l, a) {
+    if (a <= 0) h = s = l = NaN;
+    else if (l <= 0 || l >= 1) h = s = NaN;
+    else if (s <= 0) h = NaN;
+    return new Hsl(h, s, l, a);
+  }
+
+  function hslConvert(o) {
+    if (o instanceof Hsl) return new Hsl(o.h, o.s, o.l, o.opacity);
+    if (!(o instanceof Color)) o = color(o);
+    if (!o) return new Hsl;
+    if (o instanceof Hsl) return o;
+    o = o.rgb();
+    var r = o.r / 255,
+        g = o.g / 255,
+        b = o.b / 255,
+        min = Math.min(r, g, b),
+        max = Math.max(r, g, b),
+        h = NaN,
+        s = max - min,
+        l = (max + min) / 2;
+    if (s) {
+      if (r === max) h = (g - b) / s + (g < b) * 6;
+      else if (g === max) h = (b - r) / s + 2;
+      else h = (r - g) / s + 4;
+      s /= l < 0.5 ? max + min : 2 - max - min;
+      h *= 60;
+    } else {
+      s = l > 0 && l < 1 ? 0 : h;
+    }
+    return new Hsl(h, s, l, o.opacity);
+  }
+
+  function hsl(h, s, l, opacity) {
+    return arguments.length === 1 ? hslConvert(h) : new Hsl(h, s, l, opacity == null ? 1 : opacity);
+  }
+
+  function Hsl(h, s, l, opacity) {
+    this.h = +h;
+    this.s = +s;
+    this.l = +l;
+    this.opacity = +opacity;
+  }
+
+  define(Hsl, hsl, extend(Color, {
+    brighter(k) {
+      k = k == null ? brighter : Math.pow(brighter, k);
+      return new Hsl(this.h, this.s, this.l * k, this.opacity);
+    },
+    darker(k) {
+      k = k == null ? darker : Math.pow(darker, k);
+      return new Hsl(this.h, this.s, this.l * k, this.opacity);
+    },
+    rgb() {
+      var h = this.h % 360 + (this.h < 0) * 360,
+          s = isNaN(h) || isNaN(this.s) ? 0 : this.s,
+          l = this.l,
+          m2 = l + (l < 0.5 ? l : 1 - l) * s,
+          m1 = 2 * l - m2;
+      return new Rgb(
+        hsl2rgb(h >= 240 ? h - 240 : h + 120, m1, m2),
+        hsl2rgb(h, m1, m2),
+        hsl2rgb(h < 120 ? h + 240 : h - 120, m1, m2),
+        this.opacity
+      );
+    },
+    clamp() {
+      return new Hsl(clamph(this.h), clampt(this.s), clampt(this.l), clampa(this.opacity));
+    },
+    displayable() {
+      return (0 <= this.s && this.s <= 1 || isNaN(this.s))
+          && (0 <= this.l && this.l <= 1)
+          && (0 <= this.opacity && this.opacity <= 1);
+    },
+    formatHsl() {
+      const a = clampa(this.opacity);
+      return `${a === 1 ? "hsl(" : "hsla("}${clamph(this.h)}, ${clampt(this.s) * 100}%, ${clampt(this.l) * 100}%${a === 1 ? ")" : `, ${a})`}`;
+    }
+  }));
+
+  function clamph(value) {
+    value = (value || 0) % 360;
+    return value < 0 ? value + 360 : value;
+  }
+
+  function clampt(value) {
+    return Math.max(0, Math.min(1, value || 0));
+  }
+
+  /* From FvD 13.37, CSS Color Module Level 3 */
+  function hsl2rgb(h, m1, m2) {
+    return (h < 60 ? m1 + (m2 - m1) * h / 60
+        : h < 180 ? m2
+        : h < 240 ? m1 + (m2 - m1) * (240 - h) / 60
+        : m1) * 255;
+  }
+
+  const radians = Math.PI / 180;
+  const degrees = 180 / Math.PI;
+
+  // https://observablehq.com/@mbostock/lab-and-rgb
+  const K = 18,
+      Xn = 0.96422,
+      Yn = 1,
+      Zn = 0.82521,
+      t0$1 = 4 / 29,
+      t1$1 = 6 / 29,
+      t2 = 3 * t1$1 * t1$1,
+      t3 = t1$1 * t1$1 * t1$1;
+
+  function labConvert(o) {
+    if (o instanceof Lab) return new Lab(o.l, o.a, o.b, o.opacity);
+    if (o instanceof Hcl) return hcl2lab(o);
+    if (!(o instanceof Rgb)) o = rgbConvert(o);
+    var r = rgb2lrgb(o.r),
+        g = rgb2lrgb(o.g),
+        b = rgb2lrgb(o.b),
+        y = xyz2lab((0.2225045 * r + 0.7168786 * g + 0.0606169 * b) / Yn), x, z;
+    if (r === g && g === b) x = z = y; else {
+      x = xyz2lab((0.4360747 * r + 0.3850649 * g + 0.1430804 * b) / Xn);
+      z = xyz2lab((0.0139322 * r + 0.0971045 * g + 0.7141733 * b) / Zn);
+    }
+    return new Lab(116 * y - 16, 500 * (x - y), 200 * (y - z), o.opacity);
+  }
+
+  function lab(l, a, b, opacity) {
+    return arguments.length === 1 ? labConvert(l) : new Lab(l, a, b, opacity == null ? 1 : opacity);
+  }
+
+  function Lab(l, a, b, opacity) {
+    this.l = +l;
+    this.a = +a;
+    this.b = +b;
+    this.opacity = +opacity;
+  }
+
+  define(Lab, lab, extend(Color, {
+    brighter(k) {
+      return new Lab(this.l + K * (k == null ? 1 : k), this.a, this.b, this.opacity);
+    },
+    darker(k) {
+      return new Lab(this.l - K * (k == null ? 1 : k), this.a, this.b, this.opacity);
+    },
+    rgb() {
+      var y = (this.l + 16) / 116,
+          x = isNaN(this.a) ? y : y + this.a / 500,
+          z = isNaN(this.b) ? y : y - this.b / 200;
+      x = Xn * lab2xyz(x);
+      y = Yn * lab2xyz(y);
+      z = Zn * lab2xyz(z);
+      return new Rgb(
+        lrgb2rgb( 3.1338561 * x - 1.6168667 * y - 0.4906146 * z),
+        lrgb2rgb(-0.9787684 * x + 1.9161415 * y + 0.0334540 * z),
+        lrgb2rgb( 0.0719453 * x - 0.2289914 * y + 1.4052427 * z),
+        this.opacity
+      );
+    }
+  }));
+
+  function xyz2lab(t) {
+    return t > t3 ? Math.pow(t, 1 / 3) : t / t2 + t0$1;
+  }
+
+  function lab2xyz(t) {
+    return t > t1$1 ? t * t * t : t2 * (t - t0$1);
+  }
+
+  function lrgb2rgb(x) {
+    return 255 * (x <= 0.0031308 ? 12.92 * x : 1.055 * Math.pow(x, 1 / 2.4) - 0.055);
+  }
+
+  function rgb2lrgb(x) {
+    return (x /= 255) <= 0.04045 ? x / 12.92 : Math.pow((x + 0.055) / 1.055, 2.4);
+  }
+
+  function hclConvert(o) {
+    if (o instanceof Hcl) return new Hcl(o.h, o.c, o.l, o.opacity);
+    if (!(o instanceof Lab)) o = labConvert(o);
+    if (o.a === 0 && o.b === 0) return new Hcl(NaN, 0 < o.l && o.l < 100 ? 0 : NaN, o.l, o.opacity);
+    var h = Math.atan2(o.b, o.a) * degrees;
+    return new Hcl(h < 0 ? h + 360 : h, Math.sqrt(o.a * o.a + o.b * o.b), o.l, o.opacity);
+  }
+
+  function hcl(h, c, l, opacity) {
+    return arguments.length === 1 ? hclConvert(h) : new Hcl(h, c, l, opacity == null ? 1 : opacity);
+  }
+
+  function Hcl(h, c, l, opacity) {
+    this.h = +h;
+    this.c = +c;
+    this.l = +l;
+    this.opacity = +opacity;
+  }
+
+  function hcl2lab(o) {
+    if (isNaN(o.h)) return new Lab(o.l, 0, 0, o.opacity);
+    var h = o.h * radians;
+    return new Lab(o.l, Math.cos(h) * o.c, Math.sin(h) * o.c, o.opacity);
+  }
+
+  define(Hcl, hcl, extend(Color, {
+    brighter(k) {
+      return new Hcl(this.h, this.c, this.l + K * (k == null ? 1 : k), this.opacity);
+    },
+    darker(k) {
+      return new Hcl(this.h, this.c, this.l - K * (k == null ? 1 : k), this.opacity);
+    },
+    rgb() {
+      return hcl2lab(this).rgb();
+    }
+  }));
+
+  var A = -0.14861,
+      B = +1.78277,
+      C = -0.29227,
+      D = -0.90649,
+      E = +1.97294,
+      ED = E * D,
+      EB = E * B,
+      BC_DA = B * C - D * A;
+
+  function cubehelixConvert(o) {
+    if (o instanceof Cubehelix) return new Cubehelix(o.h, o.s, o.l, o.opacity);
+    if (!(o instanceof Rgb)) o = rgbConvert(o);
+    var r = o.r / 255,
+        g = o.g / 255,
+        b = o.b / 255,
+        l = (BC_DA * b + ED * r - EB * g) / (BC_DA + ED - EB),
+        bl = b - l,
+        k = (E * (g - l) - C * bl) / D,
+        s = Math.sqrt(k * k + bl * bl) / (E * l * (1 - l)), // NaN if l=0 or l=1
+        h = s ? Math.atan2(k, bl) * degrees - 120 : NaN;
+    return new Cubehelix(h < 0 ? h + 360 : h, s, l, o.opacity);
+  }
+
+  function cubehelix$1(h, s, l, opacity) {
+    return arguments.length === 1 ? cubehelixConvert(h) : new Cubehelix(h, s, l, opacity == null ? 1 : opacity);
+  }
+
+  function Cubehelix(h, s, l, opacity) {
+    this.h = +h;
+    this.s = +s;
+    this.l = +l;
+    this.opacity = +opacity;
+  }
+
+  define(Cubehelix, cubehelix$1, extend(Color, {
+    brighter(k) {
+      k = k == null ? brighter : Math.pow(brighter, k);
+      return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
+    },
+    darker(k) {
+      k = k == null ? darker : Math.pow(darker, k);
+      return new Cubehelix(this.h, this.s, this.l * k, this.opacity);
+    },
+    rgb() {
+      var h = isNaN(this.h) ? 0 : (this.h + 120) * radians,
+          l = +this.l,
+          a = isNaN(this.s) ? 0 : this.s * l * (1 - l),
+          cosh = Math.cos(h),
+          sinh = Math.sin(h);
+      return new Rgb(
+        255 * (l + a * (A * cosh + B * sinh)),
+        255 * (l + a * (C * cosh + D * sinh)),
+        255 * (l + a * (E * cosh)),
+        this.opacity
+      );
+    }
+  }));
+
+  var constant = x => () => x;
+
+  function linear$1(a, d) {
+    return function(t) {
+      return a + t * d;
+    };
+  }
+
+  function exponential(a, b, y) {
+    return a = Math.pow(a, y), b = Math.pow(b, y) - a, y = 1 / y, function(t) {
+      return Math.pow(a + t * b, y);
+    };
+  }
+
+  function hue(a, b) {
+    var d = b - a;
+    return d ? linear$1(a, d > 180 || d < -180 ? d - 360 * Math.round(d / 360) : d) : constant(isNaN(a) ? b : a);
+  }
+
+  function gamma(y) {
+    return (y = +y) === 1 ? nogamma : function(a, b) {
+      return b - a ? exponential(a, b, y) : constant(isNaN(a) ? b : a);
+    };
+  }
+
+  function nogamma(a, b) {
+    var d = b - a;
+    return d ? linear$1(a, d) : constant(isNaN(a) ? b : a);
+  }
+
+  var rgb = (function rgbGamma(y) {
+    var color = gamma(y);
+
+    function rgb(start, end) {
+      var r = color((start = rgb$1(start)).r, (end = rgb$1(end)).r),
+          g = color(start.g, end.g),
+          b = color(start.b, end.b),
+          opacity = nogamma(start.opacity, end.opacity);
+      return function(t) {
+        start.r = r(t);
+        start.g = g(t);
+        start.b = b(t);
+        start.opacity = opacity(t);
+        return start + "";
+      };
+    }
+
+    rgb.gamma = rgbGamma;
+
+    return rgb;
+  })(1);
+
+  function numberArray(a, b) {
+    if (!b) b = [];
+    var n = a ? Math.min(b.length, a.length) : 0,
+        c = b.slice(),
+        i;
+    return function(t) {
+      for (i = 0; i < n; ++i) c[i] = a[i] * (1 - t) + b[i] * t;
+      return c;
+    };
+  }
+
+  function isNumberArray(x) {
+    return ArrayBuffer.isView(x) && !(x instanceof DataView);
+  }
+
+  function genericArray(a, b) {
+    var nb = b ? b.length : 0,
+        na = a ? Math.min(nb, a.length) : 0,
+        x = new Array(na),
+        c = new Array(nb),
+        i;
+
+    for (i = 0; i < na; ++i) x[i] = interpolate(a[i], b[i]);
+    for (; i < nb; ++i) c[i] = b[i];
+
+    return function(t) {
+      for (i = 0; i < na; ++i) c[i] = x[i](t);
+      return c;
+    };
+  }
+
+  function date(a, b) {
+    var d = new Date;
+    return a = +a, b = +b, function(t) {
+      return d.setTime(a * (1 - t) + b * t), d;
+    };
+  }
+
+  function interpolateNumber(a, b) {
+    return a = +a, b = +b, function(t) {
+      return a * (1 - t) + b * t;
+    };
+  }
+
+  function object(a, b) {
+    var i = {},
+        c = {},
+        k;
+
+    if (a === null || typeof a !== "object") a = {};
+    if (b === null || typeof b !== "object") b = {};
+
+    for (k in b) {
+      if (k in a) {
+        i[k] = interpolate(a[k], b[k]);
+      } else {
+        c[k] = b[k];
+      }
+    }
+
+    return function(t) {
+      for (k in i) c[k] = i[k](t);
+      return c;
+    };
+  }
+
+  var reA = /[-+]?(?:\d+\.?\d*|\.?\d+)(?:[eE][-+]?\d+)?/g,
+      reB = new RegExp(reA.source, "g");
+
+  function zero(b) {
+    return function() {
+      return b;
+    };
+  }
+
+  function one(b) {
+    return function(t) {
+      return b(t) + "";
+    };
+  }
+
+  function string(a, b) {
+    var bi = reA.lastIndex = reB.lastIndex = 0, // scan index for next number in b
+        am, // current match in a
+        bm, // current match in b
+        bs, // string preceding current number in b, if any
+        i = -1, // index in s
+        s = [], // string constants and placeholders
+        q = []; // number interpolators
+
+    // Coerce inputs to strings.
+    a = a + "", b = b + "";
+
+    // Interpolate pairs of numbers in a & b.
+    while ((am = reA.exec(a))
+        && (bm = reB.exec(b))) {
+      if ((bs = bm.index) > bi) { // a string precedes the next number in b
+        bs = b.slice(bi, bs);
+        if (s[i]) s[i] += bs; // coalesce with previous string
+        else s[++i] = bs;
+      }
+      if ((am = am[0]) === (bm = bm[0])) { // numbers in a & b match
+        if (s[i]) s[i] += bm; // coalesce with previous string
+        else s[++i] = bm;
+      } else { // interpolate non-matching numbers
+        s[++i] = null;
+        q.push({i: i, x: interpolateNumber(am, bm)});
+      }
+      bi = reB.lastIndex;
+    }
+
+    // Add remains of b.
+    if (bi < b.length) {
+      bs = b.slice(bi);
+      if (s[i]) s[i] += bs; // coalesce with previous string
+      else s[++i] = bs;
+    }
+
+    // Special optimization for only a single match.
+    // Otherwise, interpolate each of the numbers and rejoin the string.
+    return s.length < 2 ? (q[0]
+        ? one(q[0].x)
+        : zero(b))
+        : (b = q.length, function(t) {
+            for (var i = 0, o; i < b; ++i) s[(o = q[i]).i] = o.x(t);
+            return s.join("");
+          });
+  }
+
+  function interpolate(a, b) {
+    var t = typeof b, c;
+    return b == null || t === "boolean" ? constant(b)
+        : (t === "number" ? interpolateNumber
+        : t === "string" ? ((c = color(b)) ? (b = c, rgb) : string)
+        : b instanceof color ? rgb
+        : b instanceof Date ? date
+        : isNumberArray(b) ? numberArray
+        : Array.isArray(b) ? genericArray
+        : typeof b.valueOf !== "function" && typeof b.toString !== "function" || isNaN(b) ? object
+        : interpolateNumber)(a, b);
+  }
+
+  function interpolateRound(a, b) {
+    return a = +a, b = +b, function(t) {
+      return Math.round(a * (1 - t) + b * t);
+    };
+  }
+
+  var epsilon2 = 1e-12;
+
+  function cosh(x) {
+    return ((x = Math.exp(x)) + 1 / x) / 2;
+  }
+
+  function sinh(x) {
+    return ((x = Math.exp(x)) - 1 / x) / 2;
+  }
+
+  function tanh(x) {
+    return ((x = Math.exp(2 * x)) - 1) / (x + 1);
+  }
+
+  ((function zoomRho(rho, rho2, rho4) {
+
+    // p0 = [ux0, uy0, w0]
+    // p1 = [ux1, uy1, w1]
+    function zoom(p0, p1) {
+      var ux0 = p0[0], uy0 = p0[1], w0 = p0[2],
+          ux1 = p1[0], uy1 = p1[1], w1 = p1[2],
+          dx = ux1 - ux0,
+          dy = uy1 - uy0,
+          d2 = dx * dx + dy * dy,
+          i,
+          S;
+
+      // Special case for u0 ≅ u1.
+      if (d2 < epsilon2) {
+        S = Math.log(w1 / w0) / rho;
+        i = function(t) {
+          return [
+            ux0 + t * dx,
+            uy0 + t * dy,
+            w0 * Math.exp(rho * t * S)
+          ];
+        };
+      }
+
+      // General case.
+      else {
+        var d1 = Math.sqrt(d2),
+            b0 = (w1 * w1 - w0 * w0 + rho4 * d2) / (2 * w0 * rho2 * d1),
+            b1 = (w1 * w1 - w0 * w0 - rho4 * d2) / (2 * w1 * rho2 * d1),
+            r0 = Math.log(Math.sqrt(b0 * b0 + 1) - b0),
+            r1 = Math.log(Math.sqrt(b1 * b1 + 1) - b1);
+        S = (r1 - r0) / rho;
+        i = function(t) {
+          var s = t * S,
+              coshr0 = cosh(r0),
+              u = w0 / (rho2 * d1) * (coshr0 * tanh(rho * s + r0) - sinh(r0));
+          return [
+            ux0 + u * dx,
+            uy0 + u * dy,
+            w0 * coshr0 / cosh(rho * s + r0)
+          ];
+        };
+      }
+
+      i.duration = S * 1000 * rho / Math.SQRT2;
+
+      return i;
+    }
+
+    zoom.rho = function(_) {
+      var _1 = Math.max(1e-3, +_), _2 = _1 * _1, _4 = _2 * _2;
+      return zoomRho(_1, _2, _4);
+    };
+
+    return zoom;
+  }))(Math.SQRT2, 2, 4);
+
+  function cubehelix(hue) {
+    return (function cubehelixGamma(y) {
+      y = +y;
+
+      function cubehelix(start, end) {
+        var h = hue((start = cubehelix$1(start)).h, (end = cubehelix$1(end)).h),
+            s = nogamma(start.s, end.s),
+            l = nogamma(start.l, end.l),
+            opacity = nogamma(start.opacity, end.opacity);
+        return function(t) {
+          start.h = h(t);
+          start.s = s(t);
+          start.l = l(Math.pow(t, y));
+          start.opacity = opacity(t);
+          return start + "";
+        };
+      }
+
+      cubehelix.gamma = cubehelixGamma;
+
+      return cubehelix;
+    })(1);
+  }
+
+  cubehelix(hue);
+  cubehelix(nogamma);
+
+  function constants(x) {
+    return function() {
+      return x;
+    };
+  }
+
+  function number(x) {
+    return +x;
+  }
+
+  var unit = [0, 1];
+
+  function identity$1(x) {
+    return x;
+  }
+
+  function normalize(a, b) {
+    return (b -= (a = +a))
+        ? function(x) { return (x - a) / b; }
+        : constants(isNaN(b) ? NaN : 0.5);
+  }
+
+  function clamper(a, b) {
+    var t;
+    if (a > b) t = a, a = b, b = t;
+    return function(x) { return Math.max(a, Math.min(b, x)); };
+  }
+
+  // normalize(a, b)(x) takes a domain value x in [a,b] and returns the corresponding parameter t in [0,1].
+  // interpolate(a, b)(t) takes a parameter t in [0,1] and returns the corresponding range value x in [a,b].
+  function bimap(domain, range, interpolate) {
+    var d0 = domain[0], d1 = domain[1], r0 = range[0], r1 = range[1];
+    if (d1 < d0) d0 = normalize(d1, d0), r0 = interpolate(r1, r0);
+    else d0 = normalize(d0, d1), r0 = interpolate(r0, r1);
+    return function(x) { return r0(d0(x)); };
+  }
+
+  function polymap(domain, range, interpolate) {
+    var j = Math.min(domain.length, range.length) - 1,
+        d = new Array(j),
+        r = new Array(j),
+        i = -1;
+
+    // Reverse descending domains.
+    if (domain[j] < domain[0]) {
+      domain = domain.slice().reverse();
+      range = range.slice().reverse();
+    }
+
+    while (++i < j) {
+      d[i] = normalize(domain[i], domain[i + 1]);
+      r[i] = interpolate(range[i], range[i + 1]);
+    }
+
+    return function(x) {
+      var i = bisectRight(domain, x, 1, j) - 1;
+      return r[i](d[i](x));
+    };
+  }
+
+  function copy$1(source, target) {
+    return target
+        .domain(source.domain())
+        .range(source.range())
+        .interpolate(source.interpolate())
+        .clamp(source.clamp())
+        .unknown(source.unknown());
+  }
+
+  function transformer$1() {
+    var domain = unit,
+        range = unit,
+        interpolate$1 = interpolate,
+        transform,
+        untransform,
+        unknown,
+        clamp = identity$1,
+        piecewise,
+        output,
+        input;
+
+    function rescale() {
+      var n = Math.min(domain.length, range.length);
+      if (clamp !== identity$1) clamp = clamper(domain[0], domain[n - 1]);
+      piecewise = n > 2 ? polymap : bimap;
+      output = input = null;
+      return scale;
+    }
+
+    function scale(x) {
+      return x == null || isNaN(x = +x) ? unknown : (output || (output = piecewise(domain.map(transform), range, interpolate$1)))(transform(clamp(x)));
+    }
+
+    scale.invert = function(y) {
+      return clamp(untransform((input || (input = piecewise(range, domain.map(transform), interpolateNumber)))(y)));
+    };
+
+    scale.domain = function(_) {
+      return arguments.length ? (domain = Array.from(_, number), rescale()) : domain.slice();
+    };
+
+    scale.range = function(_) {
+      return arguments.length ? (range = Array.from(_), rescale()) : range.slice();
+    };
+
+    scale.rangeRound = function(_) {
+      return range = Array.from(_), interpolate$1 = interpolateRound, rescale();
+    };
+
+    scale.clamp = function(_) {
+      return arguments.length ? (clamp = _ ? true : identity$1, rescale()) : clamp !== identity$1;
+    };
+
+    scale.interpolate = function(_) {
+      return arguments.length ? (interpolate$1 = _, rescale()) : interpolate$1;
+    };
+
+    scale.unknown = function(_) {
+      return arguments.length ? (unknown = _, scale) : unknown;
+    };
+
+    return function(t, u) {
+      transform = t, untransform = u;
+      return rescale();
+    };
+  }
+
+  function continuous() {
+    return transformer$1()(identity$1, identity$1);
+  }
+
+  function formatDecimal(x) {
+    return Math.abs(x = Math.round(x)) >= 1e21
+        ? x.toLocaleString("en").replace(/,/g, "")
+        : x.toString(10);
+  }
+
+  // Computes the decimal coefficient and exponent of the specified number x with
+  // significant digits p, where x is positive and p is in [1, 21] or undefined.
+  // For example, formatDecimalParts(1.23) returns ["123", 0].
+  function formatDecimalParts(x, p) {
+    if ((i = (x = p ? x.toExponential(p - 1) : x.toExponential()).indexOf("e")) < 0) return null; // NaN, ±Infinity
+    var i, coefficient = x.slice(0, i);
+
+    // The string returned by toExponential either has the form \d\.\d+e[-+]\d+
+    // (e.g., 1.2e+3) or the form \de[-+]\d+ (e.g., 1e+3).
+    return [
+      coefficient.length > 1 ? coefficient[0] + coefficient.slice(2) : coefficient,
+      +x.slice(i + 1)
+    ];
+  }
+
+  function exponent(x) {
+    return x = formatDecimalParts(Math.abs(x)), x ? x[1] : NaN;
+  }
+
+  function formatGroup(grouping, thousands) {
+    return function(value, width) {
+      var i = value.length,
+          t = [],
+          j = 0,
+          g = grouping[0],
+          length = 0;
+
+      while (i > 0 && g > 0) {
+        if (length + g + 1 > width) g = Math.max(1, width - length);
+        t.push(value.substring(i -= g, i + g));
+        if ((length += g + 1) > width) break;
+        g = grouping[j = (j + 1) % grouping.length];
+      }
+
+      return t.reverse().join(thousands);
+    };
+  }
+
+  function formatNumerals(numerals) {
+    return function(value) {
+      return value.replace(/[0-9]/g, function(i) {
+        return numerals[+i];
+      });
+    };
+  }
+
+  // [[fill]align][sign][symbol][0][width][,][.precision][~][type]
+  var re = /^(?:(.)?([<>=^]))?([+\-( ])?([$#])?(0)?(\d+)?(,)?(\.\d+)?(~)?([a-z%])?$/i;
+
+  function formatSpecifier(specifier) {
+    if (!(match = re.exec(specifier))) throw new Error("invalid format: " + specifier);
+    var match;
+    return new FormatSpecifier({
+      fill: match[1],
+      align: match[2],
+      sign: match[3],
+      symbol: match[4],
+      zero: match[5],
+      width: match[6],
+      comma: match[7],
+      precision: match[8] && match[8].slice(1),
+      trim: match[9],
+      type: match[10]
+    });
+  }
+
+  formatSpecifier.prototype = FormatSpecifier.prototype; // instanceof
+
+  function FormatSpecifier(specifier) {
+    this.fill = specifier.fill === undefined ? " " : specifier.fill + "";
+    this.align = specifier.align === undefined ? ">" : specifier.align + "";
+    this.sign = specifier.sign === undefined ? "-" : specifier.sign + "";
+    this.symbol = specifier.symbol === undefined ? "" : specifier.symbol + "";
+    this.zero = !!specifier.zero;
+    this.width = specifier.width === undefined ? undefined : +specifier.width;
+    this.comma = !!specifier.comma;
+    this.precision = specifier.precision === undefined ? undefined : +specifier.precision;
+    this.trim = !!specifier.trim;
+    this.type = specifier.type === undefined ? "" : specifier.type + "";
+  }
+
+  FormatSpecifier.prototype.toString = function() {
+    return this.fill
+        + this.align
+        + this.sign
+        + this.symbol
+        + (this.zero ? "0" : "")
+        + (this.width === undefined ? "" : Math.max(1, this.width | 0))
+        + (this.comma ? "," : "")
+        + (this.precision === undefined ? "" : "." + Math.max(0, this.precision | 0))
+        + (this.trim ? "~" : "")
+        + this.type;
+  };
+
+  // Trims insignificant zeros, e.g., replaces 1.2000k with 1.2k.
+  function formatTrim(s) {
+    out: for (var n = s.length, i = 1, i0 = -1, i1; i < n; ++i) {
+      switch (s[i]) {
+        case ".": i0 = i1 = i; break;
+        case "0": if (i0 === 0) i0 = i; i1 = i; break;
+        default: if (!+s[i]) break out; if (i0 > 0) i0 = 0; break;
+      }
+    }
+    return i0 > 0 ? s.slice(0, i0) + s.slice(i1 + 1) : s;
+  }
+
+  var prefixExponent;
+
+  function formatPrefixAuto(x, p) {
+    var d = formatDecimalParts(x, p);
+    if (!d) return x + "";
+    var coefficient = d[0],
+        exponent = d[1],
+        i = exponent - (prefixExponent = Math.max(-8, Math.min(8, Math.floor(exponent / 3))) * 3) + 1,
+        n = coefficient.length;
+    return i === n ? coefficient
+        : i > n ? coefficient + new Array(i - n + 1).join("0")
+        : i > 0 ? coefficient.slice(0, i) + "." + coefficient.slice(i)
+        : "0." + new Array(1 - i).join("0") + formatDecimalParts(x, Math.max(0, p + i - 1))[0]; // less than 1y!
+  }
+
+  function formatRounded(x, p) {
+    var d = formatDecimalParts(x, p);
+    if (!d) return x + "";
+    var coefficient = d[0],
+        exponent = d[1];
+    return exponent < 0 ? "0." + new Array(-exponent).join("0") + coefficient
+        : coefficient.length > exponent + 1 ? coefficient.slice(0, exponent + 1) + "." + coefficient.slice(exponent + 1)
+        : coefficient + new Array(exponent - coefficient.length + 2).join("0");
+  }
+
+  var formatTypes = {
+    "%": (x, p) => (x * 100).toFixed(p),
+    "b": (x) => Math.round(x).toString(2),
+    "c": (x) => x + "",
+    "d": formatDecimal,
+    "e": (x, p) => x.toExponential(p),
+    "f": (x, p) => x.toFixed(p),
+    "g": (x, p) => x.toPrecision(p),
+    "o": (x) => Math.round(x).toString(8),
+    "p": (x, p) => formatRounded(x * 100, p),
+    "r": formatRounded,
+    "s": formatPrefixAuto,
+    "X": (x) => Math.round(x).toString(16).toUpperCase(),
+    "x": (x) => Math.round(x).toString(16)
+  };
+
+  function identity(x) {
+    return x;
+  }
+
+  var map = Array.prototype.map,
+      prefixes = ["y","z","a","f","p","n","µ","m","","k","M","G","T","P","E","Z","Y"];
+
+  function formatLocale$1(locale) {
+    var group = locale.grouping === undefined || locale.thousands === undefined ? identity : formatGroup(map.call(locale.grouping, Number), locale.thousands + ""),
+        currencyPrefix = locale.currency === undefined ? "" : locale.currency[0] + "",
+        currencySuffix = locale.currency === undefined ? "" : locale.currency[1] + "",
+        decimal = locale.decimal === undefined ? "." : locale.decimal + "",
+        numerals = locale.numerals === undefined ? identity : formatNumerals(map.call(locale.numerals, String)),
+        percent = locale.percent === undefined ? "%" : locale.percent + "",
+        minus = locale.minus === undefined ? "−" : locale.minus + "",
+        nan = locale.nan === undefined ? "NaN" : locale.nan + "";
+
+    function newFormat(specifier) {
+      specifier = formatSpecifier(specifier);
+
+      var fill = specifier.fill,
+          align = specifier.align,
+          sign = specifier.sign,
+          symbol = specifier.symbol,
+          zero = specifier.zero,
+          width = specifier.width,
+          comma = specifier.comma,
+          precision = specifier.precision,
+          trim = specifier.trim,
+          type = specifier.type;
+
+      // The "n" type is an alias for ",g".
+      if (type === "n") comma = true, type = "g";
+
+      // The "" type, and any invalid type, is an alias for ".12~g".
+      else if (!formatTypes[type]) precision === undefined && (precision = 12), trim = true, type = "g";
+
+      // If zero fill is specified, padding goes after sign and before digits.
+      if (zero || (fill === "0" && align === "=")) zero = true, fill = "0", align = "=";
+
+      // Compute the prefix and suffix.
+      // For SI-prefix, the suffix is lazily computed.
+      var prefix = symbol === "$" ? currencyPrefix : symbol === "#" && /[boxX]/.test(type) ? "0" + type.toLowerCase() : "",
+          suffix = symbol === "$" ? currencySuffix : /[%p]/.test(type) ? percent : "";
+
+      // What format function should we use?
+      // Is this an integer type?
+      // Can this type generate exponential notation?
+      var formatType = formatTypes[type],
+          maybeSuffix = /[defgprs%]/.test(type);
+
+      // Set the default precision if not specified,
+      // or clamp the specified precision to the supported range.
+      // For significant precision, it must be in [1, 21].
+      // For fixed precision, it must be in [0, 20].
+      precision = precision === undefined ? 6
+          : /[gprs]/.test(type) ? Math.max(1, Math.min(21, precision))
+          : Math.max(0, Math.min(20, precision));
+
+      function format(value) {
+        var valuePrefix = prefix,
+            valueSuffix = suffix,
+            i, n, c;
+
+        if (type === "c") {
+          valueSuffix = formatType(value) + valueSuffix;
+          value = "";
+        } else {
+          value = +value;
+
+          // Determine the sign. -0 is not less than 0, but 1 / -0 is!
+          var valueNegative = value < 0 || 1 / value < 0;
+
+          // Perform the initial formatting.
+          value = isNaN(value) ? nan : formatType(Math.abs(value), precision);
+
+          // Trim insignificant zeros.
+          if (trim) value = formatTrim(value);
+
+          // If a negative value rounds to zero after formatting, and no explicit positive sign is requested, hide the sign.
+          if (valueNegative && +value === 0 && sign !== "+") valueNegative = false;
+
+          // Compute the prefix and suffix.
+          valuePrefix = (valueNegative ? (sign === "(" ? sign : minus) : sign === "-" || sign === "(" ? "" : sign) + valuePrefix;
+          valueSuffix = (type === "s" ? prefixes[8 + prefixExponent / 3] : "") + valueSuffix + (valueNegative && sign === "(" ? ")" : "");
+
+          // Break the formatted value into the integer “value” part that can be
+          // grouped, and fractional or exponential “suffix” part that is not.
+          if (maybeSuffix) {
+            i = -1, n = value.length;
+            while (++i < n) {
+              if (c = value.charCodeAt(i), 48 > c || c > 57) {
+                valueSuffix = (c === 46 ? decimal + value.slice(i + 1) : value.slice(i)) + valueSuffix;
+                value = value.slice(0, i);
+                break;
+              }
+            }
+          }
+        }
+
+        // If the fill character is not "0", grouping is applied before padding.
+        if (comma && !zero) value = group(value, Infinity);
+
+        // Compute the padding.
+        var length = valuePrefix.length + value.length + valueSuffix.length,
+            padding = length < width ? new Array(width - length + 1).join(fill) : "";
+
+        // If the fill character is "0", grouping is applied after padding.
+        if (comma && zero) value = group(padding + value, padding.length ? width - valueSuffix.length : Infinity), padding = "";
+
+        // Reconstruct the final output based on the desired alignment.
+        switch (align) {
+          case "<": value = valuePrefix + value + valueSuffix + padding; break;
+          case "=": value = valuePrefix + padding + value + valueSuffix; break;
+          case "^": value = padding.slice(0, length = padding.length >> 1) + valuePrefix + value + valueSuffix + padding.slice(length); break;
+          default: value = padding + valuePrefix + value + valueSuffix; break;
+        }
+
+        return numerals(value);
+      }
+
+      format.toString = function() {
+        return specifier + "";
+      };
+
+      return format;
+    }
+
+    function formatPrefix(specifier, value) {
+      var f = newFormat((specifier = formatSpecifier(specifier), specifier.type = "f", specifier)),
+          e = Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3,
+          k = Math.pow(10, -e),
+          prefix = prefixes[8 + e / 3];
+      return function(value) {
+        return f(k * value) + prefix;
+      };
+    }
+
+    return {
+      format: newFormat,
+      formatPrefix: formatPrefix
+    };
+  }
+
+  var locale$1;
+  var format;
+  var formatPrefix;
+
+  defaultLocale$1({
+    thousands: ",",
+    grouping: [3],
+    currency: ["$", ""]
+  });
+
+  function defaultLocale$1(definition) {
+    locale$1 = formatLocale$1(definition);
+    format = locale$1.format;
+    formatPrefix = locale$1.formatPrefix;
+    return locale$1;
+  }
+
+  function precisionFixed(step) {
+    return Math.max(0, -exponent(Math.abs(step)));
+  }
+
+  function precisionPrefix(step, value) {
+    return Math.max(0, Math.max(-8, Math.min(8, Math.floor(exponent(value) / 3))) * 3 - exponent(Math.abs(step)));
+  }
+
+  function precisionRound(step, max) {
+    step = Math.abs(step), max = Math.abs(max) - step;
+    return Math.max(0, exponent(max) - exponent(step)) + 1;
+  }
+
+  function tickFormat(start, stop, count, specifier) {
+    var step = tickStep(start, stop, count),
+        precision;
+    specifier = formatSpecifier(specifier == null ? ",f" : specifier);
+    switch (specifier.type) {
+      case "s": {
+        var value = Math.max(Math.abs(start), Math.abs(stop));
+        if (specifier.precision == null && !isNaN(precision = precisionPrefix(step, value))) specifier.precision = precision;
+        return formatPrefix(specifier, value);
+      }
+      case "":
+      case "e":
+      case "g":
+      case "p":
+      case "r": {
+        if (specifier.precision == null && !isNaN(precision = precisionRound(step, Math.max(Math.abs(start), Math.abs(stop))))) specifier.precision = precision - (specifier.type === "e");
+        break;
+      }
+      case "f":
+      case "%": {
+        if (specifier.precision == null && !isNaN(precision = precisionFixed(step))) specifier.precision = precision - (specifier.type === "%") * 2;
+        break;
+      }
+    }
+    return format(specifier);
+  }
+
+  function linearish(scale) {
+    var domain = scale.domain;
+
+    scale.ticks = function(count) {
+      var d = domain();
+      return ticks(d[0], d[d.length - 1], count == null ? 10 : count);
+    };
+
+    scale.tickFormat = function(count, specifier) {
+      var d = domain();
+      return tickFormat(d[0], d[d.length - 1], count == null ? 10 : count, specifier);
+    };
+
+    scale.nice = function(count) {
+      if (count == null) count = 10;
+
+      var d = domain();
+      var i0 = 0;
+      var i1 = d.length - 1;
+      var start = d[i0];
+      var stop = d[i1];
+      var prestep;
+      var step;
+      var maxIter = 10;
+
+      if (stop < start) {
+        step = start, start = stop, stop = step;
+        step = i0, i0 = i1, i1 = step;
+      }
+      
+      while (maxIter-- > 0) {
+        step = tickIncrement(start, stop, count);
+        if (step === prestep) {
+          d[i0] = start;
+          d[i1] = stop;
+          return domain(d);
+        } else if (step > 0) {
+          start = Math.floor(start / step) * step;
+          stop = Math.ceil(stop / step) * step;
+        } else if (step < 0) {
+          start = Math.ceil(start * step) / step;
+          stop = Math.floor(stop * step) / step;
+        } else {
+          break;
+        }
+        prestep = step;
+      }
+
+      return scale;
+    };
+
+    return scale;
+  }
+
+  function linear() {
+    var scale = continuous();
+
+    scale.copy = function() {
+      return copy$1(scale, linear());
+    };
+
+    initRange.apply(scale, arguments);
+
+    return linearish(scale);
+  }
+
+  var t0 = new Date,
+      t1 = new Date;
+
+  function newInterval(floori, offseti, count, field) {
+
+    function interval(date) {
+      return floori(date = arguments.length === 0 ? new Date : new Date(+date)), date;
+    }
+
+    interval.floor = function(date) {
+      return floori(date = new Date(+date)), date;
+    };
+
+    interval.ceil = function(date) {
+      return floori(date = new Date(date - 1)), offseti(date, 1), floori(date), date;
+    };
+
+    interval.round = function(date) {
+      var d0 = interval(date),
+          d1 = interval.ceil(date);
+      return date - d0 < d1 - date ? d0 : d1;
+    };
+
+    interval.offset = function(date, step) {
+      return offseti(date = new Date(+date), step == null ? 1 : Math.floor(step)), date;
+    };
+
+    interval.range = function(start, stop, step) {
+      var range = [], previous;
+      start = interval.ceil(start);
+      step = step == null ? 1 : Math.floor(step);
+      if (!(start < stop) || !(step > 0)) return range; // also handles Invalid Date
+      do range.push(previous = new Date(+start)), offseti(start, step), floori(start);
+      while (previous < start && start < stop);
+      return range;
+    };
+
+    interval.filter = function(test) {
+      return newInterval(function(date) {
+        if (date >= date) while (floori(date), !test(date)) date.setTime(date - 1);
+      }, function(date, step) {
+        if (date >= date) {
+          if (step < 0) while (++step <= 0) {
+            while (offseti(date, -1), !test(date)) {} // eslint-disable-line no-empty
+          } else while (--step >= 0) {
+            while (offseti(date, +1), !test(date)) {} // eslint-disable-line no-empty
+          }
+        }
+      });
+    };
+
+    if (count) {
+      interval.count = function(start, end) {
+        t0.setTime(+start), t1.setTime(+end);
+        floori(t0), floori(t1);
+        return Math.floor(count(t0, t1));
+      };
+
+      interval.every = function(step) {
+        step = Math.floor(step);
+        return !isFinite(step) || !(step > 0) ? null
+            : !(step > 1) ? interval
+            : interval.filter(field
+                ? function(d) { return field(d) % step === 0; }
+                : function(d) { return interval.count(0, d) % step === 0; });
+      };
+    }
+
+    return interval;
+  }
+
+  var millisecond = newInterval(function() {
+    // noop
+  }, function(date, step) {
+    date.setTime(+date + step);
+  }, function(start, end) {
+    return end - start;
+  });
+
+  // An optimized implementation for this simple case.
+  millisecond.every = function(k) {
+    k = Math.floor(k);
+    if (!isFinite(k) || !(k > 0)) return null;
+    if (!(k > 1)) return millisecond;
+    return newInterval(function(date) {
+      date.setTime(Math.floor(date / k) * k);
+    }, function(date, step) {
+      date.setTime(+date + step * k);
+    }, function(start, end) {
+      return (end - start) / k;
+    });
+  };
+  millisecond.range;
+
+  const durationSecond = 1000;
+  const durationMinute = durationSecond * 60;
+  const durationHour = durationMinute * 60;
+  const durationDay = durationHour * 24;
+  const durationWeek = durationDay * 7;
+
+  var second = newInterval(function(date) {
+    date.setTime(date - date.getMilliseconds());
+  }, function(date, step) {
+    date.setTime(+date + step * durationSecond);
+  }, function(start, end) {
+    return (end - start) / durationSecond;
+  }, function(date) {
+    return date.getUTCSeconds();
+  });
+  second.range;
+
+  var minute = newInterval(function(date) {
+    date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond);
+  }, function(date, step) {
+    date.setTime(+date + step * durationMinute);
+  }, function(start, end) {
+    return (end - start) / durationMinute;
+  }, function(date) {
+    return date.getMinutes();
+  });
+  minute.range;
+
+  var hour = newInterval(function(date) {
+    date.setTime(date - date.getMilliseconds() - date.getSeconds() * durationSecond - date.getMinutes() * durationMinute);
+  }, function(date, step) {
+    date.setTime(+date + step * durationHour);
+  }, function(start, end) {
+    return (end - start) / durationHour;
+  }, function(date) {
+    return date.getHours();
+  });
+  hour.range;
+
+  var day = newInterval(
+    date => date.setHours(0, 0, 0, 0),
+    (date, step) => date.setDate(date.getDate() + step),
+    (start, end) => (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationDay,
+    date => date.getDate() - 1
+  );
+  day.range;
+
+  function weekday(i) {
+    return newInterval(function(date) {
+      date.setDate(date.getDate() - (date.getDay() + 7 - i) % 7);
+      date.setHours(0, 0, 0, 0);
+    }, function(date, step) {
+      date.setDate(date.getDate() + step * 7);
+    }, function(start, end) {
+      return (end - start - (end.getTimezoneOffset() - start.getTimezoneOffset()) * durationMinute) / durationWeek;
+    });
+  }
+
+  var sunday = weekday(0);
+  var monday = weekday(1);
+  var tuesday = weekday(2);
+  var wednesday = weekday(3);
+  var thursday = weekday(4);
+  var friday = weekday(5);
+  var saturday = weekday(6);
+
+  sunday.range;
+  monday.range;
+  tuesday.range;
+  wednesday.range;
+  thursday.range;
+  friday.range;
+  saturday.range;
+
+  var month = newInterval(function(date) {
+    date.setDate(1);
+    date.setHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setMonth(date.getMonth() + step);
+  }, function(start, end) {
+    return end.getMonth() - start.getMonth() + (end.getFullYear() - start.getFullYear()) * 12;
+  }, function(date) {
+    return date.getMonth();
+  });
+  month.range;
+
+  var year = newInterval(function(date) {
+    date.setMonth(0, 1);
+    date.setHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setFullYear(date.getFullYear() + step);
+  }, function(start, end) {
+    return end.getFullYear() - start.getFullYear();
+  }, function(date) {
+    return date.getFullYear();
+  });
+
+  // An optimized implementation for this simple case.
+  year.every = function(k) {
+    return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : newInterval(function(date) {
+      date.setFullYear(Math.floor(date.getFullYear() / k) * k);
+      date.setMonth(0, 1);
+      date.setHours(0, 0, 0, 0);
+    }, function(date, step) {
+      date.setFullYear(date.getFullYear() + step * k);
+    });
+  };
+  year.range;
+
+  var utcMinute = newInterval(function(date) {
+    date.setUTCSeconds(0, 0);
+  }, function(date, step) {
+    date.setTime(+date + step * durationMinute);
+  }, function(start, end) {
+    return (end - start) / durationMinute;
+  }, function(date) {
+    return date.getUTCMinutes();
+  });
+  utcMinute.range;
+
+  var utcHour = newInterval(function(date) {
+    date.setUTCMinutes(0, 0, 0);
+  }, function(date, step) {
+    date.setTime(+date + step * durationHour);
+  }, function(start, end) {
+    return (end - start) / durationHour;
+  }, function(date) {
+    return date.getUTCHours();
+  });
+  utcHour.range;
+
+  var utcDay = newInterval(function(date) {
+    date.setUTCHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setUTCDate(date.getUTCDate() + step);
+  }, function(start, end) {
+    return (end - start) / durationDay;
+  }, function(date) {
+    return date.getUTCDate() - 1;
+  });
+  utcDay.range;
+
+  function utcWeekday(i) {
+    return newInterval(function(date) {
+      date.setUTCDate(date.getUTCDate() - (date.getUTCDay() + 7 - i) % 7);
+      date.setUTCHours(0, 0, 0, 0);
+    }, function(date, step) {
+      date.setUTCDate(date.getUTCDate() + step * 7);
+    }, function(start, end) {
+      return (end - start) / durationWeek;
+    });
+  }
+
+  var utcSunday = utcWeekday(0);
+  var utcMonday = utcWeekday(1);
+  var utcTuesday = utcWeekday(2);
+  var utcWednesday = utcWeekday(3);
+  var utcThursday = utcWeekday(4);
+  var utcFriday = utcWeekday(5);
+  var utcSaturday = utcWeekday(6);
+
+  utcSunday.range;
+  utcMonday.range;
+  utcTuesday.range;
+  utcWednesday.range;
+  utcThursday.range;
+  utcFriday.range;
+  utcSaturday.range;
+
+  var utcMonth = newInterval(function(date) {
+    date.setUTCDate(1);
+    date.setUTCHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setUTCMonth(date.getUTCMonth() + step);
+  }, function(start, end) {
+    return end.getUTCMonth() - start.getUTCMonth() + (end.getUTCFullYear() - start.getUTCFullYear()) * 12;
+  }, function(date) {
+    return date.getUTCMonth();
+  });
+  utcMonth.range;
+
+  var utcYear = newInterval(function(date) {
+    date.setUTCMonth(0, 1);
+    date.setUTCHours(0, 0, 0, 0);
+  }, function(date, step) {
+    date.setUTCFullYear(date.getUTCFullYear() + step);
+  }, function(start, end) {
+    return end.getUTCFullYear() - start.getUTCFullYear();
+  }, function(date) {
+    return date.getUTCFullYear();
+  });
+
+  // An optimized implementation for this simple case.
+  utcYear.every = function(k) {
+    return !isFinite(k = Math.floor(k)) || !(k > 0) ? null : newInterval(function(date) {
+      date.setUTCFullYear(Math.floor(date.getUTCFullYear() / k) * k);
+      date.setUTCMonth(0, 1);
+      date.setUTCHours(0, 0, 0, 0);
+    }, function(date, step) {
+      date.setUTCFullYear(date.getUTCFullYear() + step * k);
+    });
+  };
+  utcYear.range;
+
+  function localDate(d) {
+    if (0 <= d.y && d.y < 100) {
+      var date = new Date(-1, d.m, d.d, d.H, d.M, d.S, d.L);
+      date.setFullYear(d.y);
+      return date;
+    }
+    return new Date(d.y, d.m, d.d, d.H, d.M, d.S, d.L);
+  }
+
+  function utcDate(d) {
+    if (0 <= d.y && d.y < 100) {
+      var date = new Date(Date.UTC(-1, d.m, d.d, d.H, d.M, d.S, d.L));
+      date.setUTCFullYear(d.y);
+      return date;
+    }
+    return new Date(Date.UTC(d.y, d.m, d.d, d.H, d.M, d.S, d.L));
+  }
+
+  function newDate(y, m, d) {
+    return {y: y, m: m, d: d, H: 0, M: 0, S: 0, L: 0};
+  }
+
+  function formatLocale(locale) {
+    var locale_dateTime = locale.dateTime,
+        locale_date = locale.date,
+        locale_time = locale.time,
+        locale_periods = locale.periods,
+        locale_weekdays = locale.days,
+        locale_shortWeekdays = locale.shortDays,
+        locale_months = locale.months,
+        locale_shortMonths = locale.shortMonths;
+
+    var periodRe = formatRe(locale_periods),
+        periodLookup = formatLookup(locale_periods),
+        weekdayRe = formatRe(locale_weekdays),
+        weekdayLookup = formatLookup(locale_weekdays),
+        shortWeekdayRe = formatRe(locale_shortWeekdays),
+        shortWeekdayLookup = formatLookup(locale_shortWeekdays),
+        monthRe = formatRe(locale_months),
+        monthLookup = formatLookup(locale_months),
+        shortMonthRe = formatRe(locale_shortMonths),
+        shortMonthLookup = formatLookup(locale_shortMonths);
+
+    var formats = {
+      "a": formatShortWeekday,
+      "A": formatWeekday,
+      "b": formatShortMonth,
+      "B": formatMonth,
+      "c": null,
+      "d": formatDayOfMonth,
+      "e": formatDayOfMonth,
+      "f": formatMicroseconds,
+      "g": formatYearISO,
+      "G": formatFullYearISO,
+      "H": formatHour24,
+      "I": formatHour12,
+      "j": formatDayOfYear,
+      "L": formatMilliseconds,
+      "m": formatMonthNumber,
+      "M": formatMinutes,
+      "p": formatPeriod,
+      "q": formatQuarter,
+      "Q": formatUnixTimestamp,
+      "s": formatUnixTimestampSeconds,
+      "S": formatSeconds,
+      "u": formatWeekdayNumberMonday,
+      "U": formatWeekNumberSunday,
+      "V": formatWeekNumberISO,
+      "w": formatWeekdayNumberSunday,
+      "W": formatWeekNumberMonday,
+      "x": null,
+      "X": null,
+      "y": formatYear,
+      "Y": formatFullYear,
+      "Z": formatZone,
+      "%": formatLiteralPercent
+    };
+
+    var utcFormats = {
+      "a": formatUTCShortWeekday,
+      "A": formatUTCWeekday,
+      "b": formatUTCShortMonth,
+      "B": formatUTCMonth,
+      "c": null,
+      "d": formatUTCDayOfMonth,
+      "e": formatUTCDayOfMonth,
+      "f": formatUTCMicroseconds,
+      "g": formatUTCYearISO,
+      "G": formatUTCFullYearISO,
+      "H": formatUTCHour24,
+      "I": formatUTCHour12,
+      "j": formatUTCDayOfYear,
+      "L": formatUTCMilliseconds,
+      "m": formatUTCMonthNumber,
+      "M": formatUTCMinutes,
+      "p": formatUTCPeriod,
+      "q": formatUTCQuarter,
+      "Q": formatUnixTimestamp,
+      "s": formatUnixTimestampSeconds,
+      "S": formatUTCSeconds,
+      "u": formatUTCWeekdayNumberMonday,
+      "U": formatUTCWeekNumberSunday,
+      "V": formatUTCWeekNumberISO,
+      "w": formatUTCWeekdayNumberSunday,
+      "W": formatUTCWeekNumberMonday,
+      "x": null,
+      "X": null,
+      "y": formatUTCYear,
+      "Y": formatUTCFullYear,
+      "Z": formatUTCZone,
+      "%": formatLiteralPercent
+    };
+
+    var parses = {
+      "a": parseShortWeekday,
+      "A": parseWeekday,
+      "b": parseShortMonth,
+      "B": parseMonth,
+      "c": parseLocaleDateTime,
+      "d": parseDayOfMonth,
+      "e": parseDayOfMonth,
+      "f": parseMicroseconds,
+      "g": parseYear,
+      "G": parseFullYear,
+      "H": parseHour24,
+      "I": parseHour24,
+      "j": parseDayOfYear,
+      "L": parseMilliseconds,
+      "m": parseMonthNumber,
+      "M": parseMinutes,
+      "p": parsePeriod,
+      "q": parseQuarter,
+      "Q": parseUnixTimestamp,
+      "s": parseUnixTimestampSeconds,
+      "S": parseSeconds,
+      "u": parseWeekdayNumberMonday,
+      "U": parseWeekNumberSunday,
+      "V": parseWeekNumberISO,
+      "w": parseWeekdayNumberSunday,
+      "W": parseWeekNumberMonday,
+      "x": parseLocaleDate,
+      "X": parseLocaleTime,
+      "y": parseYear,
+      "Y": parseFullYear,
+      "Z": parseZone,
+      "%": parseLiteralPercent
+    };
+
+    // These recursive directive definitions must be deferred.
+    formats.x = newFormat(locale_date, formats);
+    formats.X = newFormat(locale_time, formats);
+    formats.c = newFormat(locale_dateTime, formats);
+    utcFormats.x = newFormat(locale_date, utcFormats);
+    utcFormats.X = newFormat(locale_time, utcFormats);
+    utcFormats.c = newFormat(locale_dateTime, utcFormats);
+
+    function newFormat(specifier, formats) {
+      return function(date) {
+        var string = [],
+            i = -1,
+            j = 0,
+            n = specifier.length,
+            c,
+            pad,
+            format;
+
+        if (!(date instanceof Date)) date = new Date(+date);
+
+        while (++i < n) {
+          if (specifier.charCodeAt(i) === 37) {
+            string.push(specifier.slice(j, i));
+            if ((pad = pads[c = specifier.charAt(++i)]) != null) c = specifier.charAt(++i);
+            else pad = c === "e" ? " " : "0";
+            if (format = formats[c]) c = format(date, pad);
+            string.push(c);
+            j = i + 1;
+          }
+        }
+
+        string.push(specifier.slice(j, i));
+        return string.join("");
+      };
+    }
+
+    function newParse(specifier, Z) {
+      return function(string) {
+        var d = newDate(1900, undefined, 1),
+            i = parseSpecifier(d, specifier, string += "", 0),
+            week, day$1;
+        if (i != string.length) return null;
+
+        // If a UNIX timestamp is specified, return it.
+        if ("Q" in d) return new Date(d.Q);
+        if ("s" in d) return new Date(d.s * 1000 + ("L" in d ? d.L : 0));
+
+        // If this is utcParse, never use the local timezone.
+        if (Z && !("Z" in d)) d.Z = 0;
+
+        // The am-pm flag is 0 for AM, and 1 for PM.
+        if ("p" in d) d.H = d.H % 12 + d.p * 12;
+
+        // If the month was not specified, inherit from the quarter.
+        if (d.m === undefined) d.m = "q" in d ? d.q : 0;
+
+        // Convert day-of-week and week-of-year to day-of-year.
+        if ("V" in d) {
+          if (d.V < 1 || d.V > 53) return null;
+          if (!("w" in d)) d.w = 1;
+          if ("Z" in d) {
+            week = utcDate(newDate(d.y, 0, 1)), day$1 = week.getUTCDay();
+            week = day$1 > 4 || day$1 === 0 ? utcMonday.ceil(week) : utcMonday(week);
+            week = utcDay.offset(week, (d.V - 1) * 7);
+            d.y = week.getUTCFullYear();
+            d.m = week.getUTCMonth();
+            d.d = week.getUTCDate() + (d.w + 6) % 7;
+          } else {
+            week = localDate(newDate(d.y, 0, 1)), day$1 = week.getDay();
+            week = day$1 > 4 || day$1 === 0 ? monday.ceil(week) : monday(week);
+            week = day.offset(week, (d.V - 1) * 7);
+            d.y = week.getFullYear();
+            d.m = week.getMonth();
+            d.d = week.getDate() + (d.w + 6) % 7;
+          }
+        } else if ("W" in d || "U" in d) {
+          if (!("w" in d)) d.w = "u" in d ? d.u % 7 : "W" in d ? 1 : 0;
+          day$1 = "Z" in d ? utcDate(newDate(d.y, 0, 1)).getUTCDay() : localDate(newDate(d.y, 0, 1)).getDay();
+          d.m = 0;
+          d.d = "W" in d ? (d.w + 6) % 7 + d.W * 7 - (day$1 + 5) % 7 : d.w + d.U * 7 - (day$1 + 6) % 7;
+        }
+
+        // If a time zone is specified, all fields are interpreted as UTC and then
+        // offset according to the specified time zone.
+        if ("Z" in d) {
+          d.H += d.Z / 100 | 0;
+          d.M += d.Z % 100;
+          return utcDate(d);
+        }
+
+        // Otherwise, all fields are in local time.
+        return localDate(d);
+      };
+    }
+
+    function parseSpecifier(d, specifier, string, j) {
+      var i = 0,
+          n = specifier.length,
+          m = string.length,
+          c,
+          parse;
+
+      while (i < n) {
+        if (j >= m) return -1;
+        c = specifier.charCodeAt(i++);
+        if (c === 37) {
+          c = specifier.charAt(i++);
+          parse = parses[c in pads ? specifier.charAt(i++) : c];
+          if (!parse || ((j = parse(d, string, j)) < 0)) return -1;
+        } else if (c != string.charCodeAt(j++)) {
+          return -1;
+        }
+      }
+
+      return j;
+    }
+
+    function parsePeriod(d, string, i) {
+      var n = periodRe.exec(string.slice(i));
+      return n ? (d.p = periodLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+
+    function parseShortWeekday(d, string, i) {
+      var n = shortWeekdayRe.exec(string.slice(i));
+      return n ? (d.w = shortWeekdayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+
+    function parseWeekday(d, string, i) {
+      var n = weekdayRe.exec(string.slice(i));
+      return n ? (d.w = weekdayLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+
+    function parseShortMonth(d, string, i) {
+      var n = shortMonthRe.exec(string.slice(i));
+      return n ? (d.m = shortMonthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+
+    function parseMonth(d, string, i) {
+      var n = monthRe.exec(string.slice(i));
+      return n ? (d.m = monthLookup.get(n[0].toLowerCase()), i + n[0].length) : -1;
+    }
+
+    function parseLocaleDateTime(d, string, i) {
+      return parseSpecifier(d, locale_dateTime, string, i);
+    }
+
+    function parseLocaleDate(d, string, i) {
+      return parseSpecifier(d, locale_date, string, i);
+    }
+
+    function parseLocaleTime(d, string, i) {
+      return parseSpecifier(d, locale_time, string, i);
+    }
+
+    function formatShortWeekday(d) {
+      return locale_shortWeekdays[d.getDay()];
+    }
+
+    function formatWeekday(d) {
+      return locale_weekdays[d.getDay()];
+    }
+
+    function formatShortMonth(d) {
+      return locale_shortMonths[d.getMonth()];
+    }
+
+    function formatMonth(d) {
+      return locale_months[d.getMonth()];
+    }
+
+    function formatPeriod(d) {
+      return locale_periods[+(d.getHours() >= 12)];
+    }
+
+    function formatQuarter(d) {
+      return 1 + ~~(d.getMonth() / 3);
+    }
+
+    function formatUTCShortWeekday(d) {
+      return locale_shortWeekdays[d.getUTCDay()];
+    }
+
+    function formatUTCWeekday(d) {
+      return locale_weekdays[d.getUTCDay()];
+    }
+
+    function formatUTCShortMonth(d) {
+      return locale_shortMonths[d.getUTCMonth()];
+    }
+
+    function formatUTCMonth(d) {
+      return locale_months[d.getUTCMonth()];
+    }
+
+    function formatUTCPeriod(d) {
+      return locale_periods[+(d.getUTCHours() >= 12)];
+    }
+
+    function formatUTCQuarter(d) {
+      return 1 + ~~(d.getUTCMonth() / 3);
+    }
+
+    return {
+      format: function(specifier) {
+        var f = newFormat(specifier += "", formats);
+        f.toString = function() { return specifier; };
+        return f;
+      },
+      parse: function(specifier) {
+        var p = newParse(specifier += "", false);
+        p.toString = function() { return specifier; };
+        return p;
+      },
+      utcFormat: function(specifier) {
+        var f = newFormat(specifier += "", utcFormats);
+        f.toString = function() { return specifier; };
+        return f;
+      },
+      utcParse: function(specifier) {
+        var p = newParse(specifier += "", true);
+        p.toString = function() { return specifier; };
+        return p;
+      }
+    };
+  }
+
+  var pads = {"-": "", "_": " ", "0": "0"},
+      numberRe = /^\s*\d+/, // note: ignores next directive
+      percentRe = /^%/,
+      requoteRe = /[\\^$*+?|[\]().{}]/g;
+
+  function pad(value, fill, width) {
+    var sign = value < 0 ? "-" : "",
+        string = (sign ? -value : value) + "",
+        length = string.length;
+    return sign + (length < width ? new Array(width - length + 1).join(fill) + string : string);
+  }
+
+  function requote(s) {
+    return s.replace(requoteRe, "\\$&");
+  }
+
+  function formatRe(names) {
+    return new RegExp("^(?:" + names.map(requote).join("|") + ")", "i");
+  }
+
+  function formatLookup(names) {
+    return new Map(names.map((name, i) => [name.toLowerCase(), i]));
+  }
+
+  function parseWeekdayNumberSunday(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 1));
+    return n ? (d.w = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseWeekdayNumberMonday(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 1));
+    return n ? (d.u = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseWeekNumberSunday(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.U = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseWeekNumberISO(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.V = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseWeekNumberMonday(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.W = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseFullYear(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 4));
+    return n ? (d.y = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseYear(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.y = +n[0] + (+n[0] > 68 ? 1900 : 2000), i + n[0].length) : -1;
+  }
+
+  function parseZone(d, string, i) {
+    var n = /^(Z)|([+-]\d\d)(?::?(\d\d))?/.exec(string.slice(i, i + 6));
+    return n ? (d.Z = n[1] ? 0 : -(n[2] + (n[3] || "00")), i + n[0].length) : -1;
+  }
+
+  function parseQuarter(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 1));
+    return n ? (d.q = n[0] * 3 - 3, i + n[0].length) : -1;
+  }
+
+  function parseMonthNumber(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.m = n[0] - 1, i + n[0].length) : -1;
+  }
+
+  function parseDayOfMonth(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.d = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseDayOfYear(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 3));
+    return n ? (d.m = 0, d.d = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseHour24(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.H = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseMinutes(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.M = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseSeconds(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 2));
+    return n ? (d.S = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseMilliseconds(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 3));
+    return n ? (d.L = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseMicroseconds(d, string, i) {
+    var n = numberRe.exec(string.slice(i, i + 6));
+    return n ? (d.L = Math.floor(n[0] / 1000), i + n[0].length) : -1;
+  }
+
+  function parseLiteralPercent(d, string, i) {
+    var n = percentRe.exec(string.slice(i, i + 1));
+    return n ? i + n[0].length : -1;
+  }
+
+  function parseUnixTimestamp(d, string, i) {
+    var n = numberRe.exec(string.slice(i));
+    return n ? (d.Q = +n[0], i + n[0].length) : -1;
+  }
+
+  function parseUnixTimestampSeconds(d, string, i) {
+    var n = numberRe.exec(string.slice(i));
+    return n ? (d.s = +n[0], i + n[0].length) : -1;
+  }
+
+  function formatDayOfMonth(d, p) {
+    return pad(d.getDate(), p, 2);
+  }
+
+  function formatHour24(d, p) {
+    return pad(d.getHours(), p, 2);
+  }
+
+  function formatHour12(d, p) {
+    return pad(d.getHours() % 12 || 12, p, 2);
+  }
+
+  function formatDayOfYear(d, p) {
+    return pad(1 + day.count(year(d), d), p, 3);
+  }
+
+  function formatMilliseconds(d, p) {
+    return pad(d.getMilliseconds(), p, 3);
+  }
+
+  function formatMicroseconds(d, p) {
+    return formatMilliseconds(d, p) + "000";
+  }
+
+  function formatMonthNumber(d, p) {
+    return pad(d.getMonth() + 1, p, 2);
+  }
+
+  function formatMinutes(d, p) {
+    return pad(d.getMinutes(), p, 2);
+  }
+
+  function formatSeconds(d, p) {
+    return pad(d.getSeconds(), p, 2);
+  }
+
+  function formatWeekdayNumberMonday(d) {
+    var day = d.getDay();
+    return day === 0 ? 7 : day;
+  }
+
+  function formatWeekNumberSunday(d, p) {
+    return pad(sunday.count(year(d) - 1, d), p, 2);
+  }
+
+  function dISO(d) {
+    var day = d.getDay();
+    return (day >= 4 || day === 0) ? thursday(d) : thursday.ceil(d);
+  }
+
+  function formatWeekNumberISO(d, p) {
+    d = dISO(d);
+    return pad(thursday.count(year(d), d) + (year(d).getDay() === 4), p, 2);
+  }
+
+  function formatWeekdayNumberSunday(d) {
+    return d.getDay();
+  }
+
+  function formatWeekNumberMonday(d, p) {
+    return pad(monday.count(year(d) - 1, d), p, 2);
+  }
+
+  function formatYear(d, p) {
+    return pad(d.getFullYear() % 100, p, 2);
+  }
+
+  function formatYearISO(d, p) {
+    d = dISO(d);
+    return pad(d.getFullYear() % 100, p, 2);
+  }
+
+  function formatFullYear(d, p) {
+    return pad(d.getFullYear() % 10000, p, 4);
+  }
+
+  function formatFullYearISO(d, p) {
+    var day = d.getDay();
+    d = (day >= 4 || day === 0) ? thursday(d) : thursday.ceil(d);
+    return pad(d.getFullYear() % 10000, p, 4);
+  }
+
+  function formatZone(d) {
+    var z = d.getTimezoneOffset();
+    return (z > 0 ? "-" : (z *= -1, "+"))
+        + pad(z / 60 | 0, "0", 2)
+        + pad(z % 60, "0", 2);
+  }
+
+  function formatUTCDayOfMonth(d, p) {
+    return pad(d.getUTCDate(), p, 2);
+  }
+
+  function formatUTCHour24(d, p) {
+    return pad(d.getUTCHours(), p, 2);
+  }
+
+  function formatUTCHour12(d, p) {
+    return pad(d.getUTCHours() % 12 || 12, p, 2);
+  }
+
+  function formatUTCDayOfYear(d, p) {
+    return pad(1 + utcDay.count(utcYear(d), d), p, 3);
+  }
+
+  function formatUTCMilliseconds(d, p) {
+    return pad(d.getUTCMilliseconds(), p, 3);
+  }
+
+  function formatUTCMicroseconds(d, p) {
+    return formatUTCMilliseconds(d, p) + "000";
+  }
+
+  function formatUTCMonthNumber(d, p) {
+    return pad(d.getUTCMonth() + 1, p, 2);
+  }
+
+  function formatUTCMinutes(d, p) {
+    return pad(d.getUTCMinutes(), p, 2);
+  }
+
+  function formatUTCSeconds(d, p) {
+    return pad(d.getUTCSeconds(), p, 2);
+  }
+
+  function formatUTCWeekdayNumberMonday(d) {
+    var dow = d.getUTCDay();
+    return dow === 0 ? 7 : dow;
+  }
+
+  function formatUTCWeekNumberSunday(d, p) {
+    return pad(utcSunday.count(utcYear(d) - 1, d), p, 2);
+  }
+
+  function UTCdISO(d) {
+    var day = d.getUTCDay();
+    return (day >= 4 || day === 0) ? utcThursday(d) : utcThursday.ceil(d);
+  }
+
+  function formatUTCWeekNumberISO(d, p) {
+    d = UTCdISO(d);
+    return pad(utcThursday.count(utcYear(d), d) + (utcYear(d).getUTCDay() === 4), p, 2);
+  }
+
+  function formatUTCWeekdayNumberSunday(d) {
+    return d.getUTCDay();
+  }
+
+  function formatUTCWeekNumberMonday(d, p) {
+    return pad(utcMonday.count(utcYear(d) - 1, d), p, 2);
+  }
+
+  function formatUTCYear(d, p) {
+    return pad(d.getUTCFullYear() % 100, p, 2);
+  }
+
+  function formatUTCYearISO(d, p) {
+    d = UTCdISO(d);
+    return pad(d.getUTCFullYear() % 100, p, 2);
+  }
+
+  function formatUTCFullYear(d, p) {
+    return pad(d.getUTCFullYear() % 10000, p, 4);
+  }
+
+  function formatUTCFullYearISO(d, p) {
+    var day = d.getUTCDay();
+    d = (day >= 4 || day === 0) ? utcThursday(d) : utcThursday.ceil(d);
+    return pad(d.getUTCFullYear() % 10000, p, 4);
+  }
+
+  function formatUTCZone() {
+    return "+0000";
+  }
+
+  function formatLiteralPercent() {
+    return "%";
+  }
+
+  function formatUnixTimestamp(d) {
+    return +d;
+  }
+
+  function formatUnixTimestampSeconds(d) {
+    return Math.floor(+d / 1000);
+  }
+
+  var locale;
+  var utcFormat;
+  var utcParse;
+
+  defaultLocale({
+    dateTime: "%x, %X",
+    date: "%-m/%-d/%Y",
+    time: "%-I:%M:%S %p",
+    periods: ["AM", "PM"],
+    days: ["Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"],
+    shortDays: ["Sun", "Mon", "Tue", "Wed", "Thu", "Fri", "Sat"],
+    months: ["January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"],
+    shortMonths: ["Jan", "Feb", "Mar", "Apr", "May", "Jun", "Jul", "Aug", "Sep", "Oct", "Nov", "Dec"]
+  });
+
+  function defaultLocale(definition) {
+    locale = formatLocale(definition);
+    locale.format;
+    locale.parse;
+    utcFormat = locale.utcFormat;
+    utcParse = locale.utcParse;
+    return locale;
+  }
+
+  var isoSpecifier = "%Y-%m-%dT%H:%M:%S.%LZ";
+
+  function formatIsoNative(date) {
+    return date.toISOString();
+  }
+
+  Date.prototype.toISOString
+      ? formatIsoNative
+      : utcFormat(isoSpecifier);
+
+  function parseIsoNative(string) {
+    var date = new Date(string);
+    return isNaN(date) ? null : date;
+  }
+
+  +new Date("2000-01-01T00:00:00.000Z")
+      ? parseIsoNative
+      : utcParse(isoSpecifier);
+
+  function transformer() {
+    var x0 = 0,
+        x1 = 1,
+        t0,
+        t1,
+        k10,
+        transform,
+        interpolator = identity$1,
+        clamp = false,
+        unknown;
+
+    function scale(x) {
+      return x == null || isNaN(x = +x) ? unknown : interpolator(k10 === 0 ? 0.5 : (x = (transform(x) - t0) * k10, clamp ? Math.max(0, Math.min(1, x)) : x));
+    }
+
+    scale.domain = function(_) {
+      return arguments.length ? ([x0, x1] = _, t0 = transform(x0 = +x0), t1 = transform(x1 = +x1), k10 = t0 === t1 ? 0 : 1 / (t1 - t0), scale) : [x0, x1];
+    };
+
+    scale.clamp = function(_) {
+      return arguments.length ? (clamp = !!_, scale) : clamp;
+    };
+
+    scale.interpolator = function(_) {
+      return arguments.length ? (interpolator = _, scale) : interpolator;
+    };
+
+    function range(interpolate) {
+      return function(_) {
+        var r0, r1;
+        return arguments.length ? ([r0, r1] = _, interpolator = interpolate(r0, r1), scale) : [interpolator(0), interpolator(1)];
+      };
+    }
+
+    scale.range = range(interpolate);
+
+    scale.rangeRound = range(interpolateRound);
+
+    scale.unknown = function(_) {
+      return arguments.length ? (unknown = _, scale) : unknown;
+    };
+
+    return function(t) {
+      transform = t, t0 = t(x0), t1 = t(x1), k10 = t0 === t1 ? 0 : 1 / (t1 - t0);
+      return scale;
+    };
+  }
+
+  function copy(source, target) {
+    return target
+        .domain(source.domain())
+        .interpolator(source.interpolator())
+        .clamp(source.clamp())
+        .unknown(source.unknown());
+  }
+
+  function sequential() {
+    var scale = linearish(transformer()(identity$1));
+
+    scale.copy = function() {
+      return copy(scale, sequential());
+    };
+
+    return initInterpolator.apply(scale, arguments);
+  }
+
+  const COLOR_BASE = "#cecece";
+
+  // https://www.w3.org/TR/WCAG20/#relativeluminancedef
+  const rc = 0.2126;
+  const gc = 0.7152;
+  const bc = 0.0722;
+  // low-gamma adjust coefficient
+  const lowc = 1 / 12.92;
+  function adjustGamma(p) {
+      return Math.pow((p + 0.055) / 1.055, 2.4);
+  }
+  function relativeLuminance(o) {
+      const rsrgb = o.r / 255;
+      const gsrgb = o.g / 255;
+      const bsrgb = o.b / 255;
+      const r = rsrgb <= 0.03928 ? rsrgb * lowc : adjustGamma(rsrgb);
+      const g = gsrgb <= 0.03928 ? gsrgb * lowc : adjustGamma(gsrgb);
+      const b = bsrgb <= 0.03928 ? bsrgb * lowc : adjustGamma(bsrgb);
+      return r * rc + g * gc + b * bc;
+  }
+  const createRainbowColor = (root) => {
+      const colorParentMap = new Map();
+      colorParentMap.set(root, COLOR_BASE);
+      if (root.children != null) {
+          const colorScale = sequential([0, root.children.length], (n) => hsl(360 * n, 0.3, 0.85));
+          root.children.forEach((c, id) => {
+              colorParentMap.set(c, colorScale(id).toString());
+          });
+      }
+      const colorMap = new Map();
+      const lightScale = linear().domain([0, root.height]).range([0.9, 0.3]);
+      const getBackgroundColor = (node) => {
+          const parents = node.ancestors();
+          const colorStr = parents.length === 1 ? colorParentMap.get(parents[0]) : colorParentMap.get(parents[parents.length - 2]);
+          const hslColor = hsl(colorStr);
+          hslColor.l = lightScale(node.depth);
+          return hslColor;
+      };
+      return (node) => {
+          if (!colorMap.has(node)) {
+              const backgroundColor = getBackgroundColor(node);
+              const l = relativeLuminance(backgroundColor.rgb());
+              const fontColor = l > 0.19 ? "#000" : "#fff";
+              colorMap.set(node, {
+                  backgroundColor: backgroundColor.toString(),
+                  fontColor,
+              });
+          }
+          return colorMap.get(node);
+      };
+  };
+
+  const StaticContext = B$1({});
+  const drawChart = (parentNode, data, width, height) => {
+      const availableSizeProperties = getAvailableSizeOptions(data.options);
+      console.time("layout create");
+      const layout = treemap()
+          .size([width, height])
+          .paddingOuter(PADDING)
+          .paddingTop(TOP_PADDING)
+          .paddingInner(PADDING)
+          .round(true)
+          .tile(treemapResquarify);
+      console.timeEnd("layout create");
+      console.time("rawHierarchy create");
+      const rawHierarchy = hierarchy(data.tree);
+      console.timeEnd("rawHierarchy create");
+      const nodeSizesCache = new Map();
+      const nodeIdsCache = new Map();
+      const getModuleSize = (node, sizeKey) => { var _a, _b; return (_b = (_a = nodeSizesCache.get(node)) === null || _a === void 0 ? void 0 : _a[sizeKey]) !== null && _b !== void 0 ? _b : 0; };
+      console.time("rawHierarchy eachAfter cache");
+      rawHierarchy.eachAfter((node) => {
+          var _a;
+          const nodeData = node.data;
+          nodeIdsCache.set(nodeData, {
+              nodeUid: generateUniqueId("node"),
+              clipUid: generateUniqueId("clip"),
+          });
+          const sizes = { renderedLength: 0, gzipLength: 0, brotliLength: 0 };
+          if (isModuleTree(nodeData)) {
+              for (const sizeKey of availableSizeProperties) {
+                  sizes[sizeKey] = nodeData.children.reduce((acc, child) => getModuleSize(child, sizeKey) + acc, 0);
+              }
+          }
+          else {
+              for (const sizeKey of availableSizeProperties) {
+                  sizes[sizeKey] = (_a = data.nodeParts[nodeData.uid][sizeKey]) !== null && _a !== void 0 ? _a : 0;
+              }
+          }
+          nodeSizesCache.set(nodeData, sizes);
+      });
+      console.timeEnd("rawHierarchy eachAfter cache");
+      const getModuleIds = (node) => nodeIdsCache.get(node);
+      console.time("color");
+      const getModuleColor = createRainbowColor(rawHierarchy);
+      console.timeEnd("color");
+      P(e$1(StaticContext.Provider, Object.assign({ value: {
+              data,
+              availableSizeProperties,
+              width,
+              height,
+              getModuleSize,
+              getModuleIds,
+              getModuleColor,
+              rawHierarchy,
+              layout,
+          } }, { children: e$1(Main, {}) })), parentNode);
+  };
+
+  exports.StaticContext = StaticContext;
+  exports["default"] = drawChart;
+
+  Object.defineProperty(exports, '__esModule', { value: true });
+
+  return exports;
+
+})({});
+//# sourceMappingURL=treemap.js.map
+
+  /*-->*/
+  </script>
+  <script>
+    /*<!--*/
+    const data = {"version":2,"tree":{"name":"root","children":[{"name":"pageFiles.mjs","children":[{"name":"src","children":[{"name":"pages","children":[{"name":"blog","children":[{"uid":"4dd3-4603","name":"post.page.route.ts"},{"uid":"4dd3-4609","name":"index.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4611","name":"post.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4627","name":"index.page.server.ts?extractExportNames&lang.ts"}]},{"name":"docs","children":[{"uid":"4dd3-4605","name":"doc.page.route.ts"},{"uid":"4dd3-4615","name":"doc.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4617","name":"index.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4629","name":"doc.page.server.ts?extractExportNames&lang.ts"},{"uid":"4dd3-4631","name":"index.page.server.ts?extractExportNames&lang.ts"}]},{"uid":"4dd3-4613","name":"careers.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4619","name":"index.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4621","name":"roadmap.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4623","name":"team.page.tsx?extractExportNames&lang.tsx"}]},{"name":"renderer","children":[{"uid":"4dd3-4607","name":"_default.page.client.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4625","name":"_error.page.tsx?extractExportNames&lang.tsx"},{"uid":"4dd3-4633","name":"_default.page.server.tsx?extractExportNames&lang.tsx"}]}]},{"uid":"4dd3-4635","name":"virtual:vite-plugin-ssr:pageFiles:server"}]},{"name":"importBuild.mjs","children":[{"name":"Users/jamie/Projects/spacedrive/node_modules/.pnpm/vite-plugin-ssr@0.4.28_vite@3.1.1/node_modules/vite-plugin-ssr/dist/cjs/node/importBuild.js","uid":"4dd3-4637"}]},{"name":"assets/blog.page.6dabb99d.js","children":[{"name":"src/pages/blog/index.page.tsx","uid":"4dd3-4639"}]},{"name":"assets/chunk-08326188.js","children":[{"name":"src/components/BlogTag.tsx","uid":"4dd3-4641"}]},{"name":"assets/chunk-0b89c2fb.js","children":[{"name":"src/pages/blog/blog.ts","uid":"4dd3-4643"}]},{"name":"assets/chunk-d029a80d.js","children":[{"name":"\u0000/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react","children":[{"uid":"4dd3-4645","name":"jsx-runtime.js?commonjs-module"},{"name":"cjs","children":[{"uid":"4dd3-4647","name":"react-jsx-runtime.production.min.js?commonjs-exports"},{"uid":"4dd3-4651","name":"react-jsx-runtime.development.js?commonjs-exports"}]}]},{"name":"Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react","children":[{"name":"cjs","children":[{"uid":"4dd3-4649","name":"react-jsx-runtime.production.min.js"},{"uid":"4dd3-4653","name":"react-jsx-runtime.development.js"}]},{"uid":"4dd3-4655","name":"jsx-runtime.js"}]},{"name":"react/jsx-runtime","uid":"4dd3-4657"}]},{"name":"assets/post.page.cf68f393.js","children":[{"name":"src/pages/blog/post.page.tsx","uid":"4dd3-4659"}]},{"name":"assets/chunk-2d1d6256.js","children":[{"name":"src/atom-one.css","uid":"4dd3-4661"}]},{"name":"assets/careers.page.77a82aa2.js","children":[{"name":"src/pages/careers.page.tsx","uid":"4dd3-4663"}]},{"name":"assets/chunk-777449c2.js","children":[{"name":"Users/jamie/Projects/spacedrive/packages/ui/src","children":[{"uid":"4dd3-4665","name":"Button.tsx"},{"uid":"4dd3-4667","name":"Input.tsx"}]}]},{"name":"assets/doc.page.a4aa438a.js","children":[{"name":"src/pages/docs/doc.page.tsx","uid":"4dd3-4669"}]},{"name":"assets/chunk-d18e6b9b.js","children":[{"name":"src/components","children":[{"uid":"4dd3-4671","name":"DocsSidebar.tsx"},{"uid":"4dd3-4673","name":"DocsLayout.tsx"}]}]},{"name":"assets/chunk-917ed5f1.js","children":[{"name":"src/components/Markdown.tsx","uid":"4dd3-4675"}]},{"name":"assets/chunk-147fec2f.js","children":[{"name":"src","children":[{"name":"utils/markdownParse.ts","uid":"4dd3-4677"},{"name":"pages/docs","children":[{"uid":"4dd3-4679","name":"api.ts"},{"uid":"4dd3-4751","name":"docs.ts"}]}]},{"name":"Users/jamie/Projects/spacedrive/docs","children":[{"name":"changelog/beta/0.1.0.md?raw","uid":"4dd3-4681"},{"name":"company","children":[{"name":"about","children":[{"uid":"4dd3-4683","name":"credits.md?raw"},{"uid":"4dd3-4685","name":"longevity.md?raw"},{"uid":"4dd3-4687","name":"philosophy.md?raw"}]},{"name":"branding","children":[{"uid":"4dd3-4689","name":"logo.md?raw"},{"uid":"4dd3-4691","name":"typeography.md?raw"}]},{"name":"legal","children":[{"uid":"4dd3-4693","name":"privacy.md?raw"},{"uid":"4dd3-4695","name":"terms.md?raw"}]}]},{"name":"developers","children":[{"name":"architecture","children":[{"uid":"4dd3-4697","name":"albums.md?raw"},{"uid":"4dd3-4699","name":"database.md?raw"},{"uid":"4dd3-4701","name":"explorer.md?raw"},{"uid":"4dd3-4703","name":"extensions.md?raw"},{"uid":"4dd3-4705","name":"filesystem.md?raw"},{"uid":"4dd3-4707","name":"jobs.md?raw"},{"uid":"4dd3-4709","name":"libraries.md?raw"},{"uid":"4dd3-4711","name":"locations.md?raw"},{"uid":"4dd3-4713","name":"nodes.md?raw"},{"uid":"4dd3-4715","name":"objects.md?raw"},{"uid":"4dd3-4717","name":"preview-media.md?raw"},{"uid":"4dd3-4719","name":"search.md?raw"},{"uid":"4dd3-4721","name":"spaces.md?raw"},{"uid":"4dd3-4723","name":"sync.md?raw"},{"uid":"4dd3-4725","name":"tags.md?raw"}]},{"name":"clients","children":[{"uid":"4dd3-4727","name":"cli.md?raw"},{"uid":"4dd3-4729","name":"javascript.md?raw"},{"uid":"4dd3-4731","name":"rust.md?raw"}]},{"name":"technology","children":[{"uid":"4dd3-4733","name":"open-source.md?raw"},{"uid":"4dd3-4735","name":"tech-stack.md?raw"}]}]},{"name":"product","children":[{"name":"getting-started","children":[{"uid":"4dd3-4737","name":"features.md?raw"},{"uid":"4dd3-4739","name":"introduction.md?raw"},{"uid":"4dd3-4741","name":"setup.md?raw"},{"uid":"4dd3-4743","name":"terminology.md?raw"}]},{"name":"resources","children":[{"uid":"4dd3-4745","name":"faq.md?raw"},{"uid":"4dd3-4747","name":"privacy.md?raw"},{"uid":"4dd3-4749","name":"security.md?raw"}]}]}]}]},{"name":"assets/docs.page.e5ad11ed.js","children":[{"name":"src/pages/docs/index.page.tsx","uid":"4dd3-4753"}]},{"name":"assets/index.page.2db0c733.js","children":[{"name":"Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg","children":[{"uid":"4dd3-4755","name":"info.svg"},{"uid":"4dd3-4761","name":"alert.svg"},{"uid":"4dd3-4763","name":"spinner.svg"}]},{"name":"src","children":[{"name":"components","children":[{"uid":"4dd3-4757","name":"AppEmbed.tsx"},{"uid":"4dd3-4759","name":"Bubbles.tsx"},{"uid":"4dd3-4765","name":"HomeCTA.tsx"},{"uid":"4dd3-4767","name":"NewBanner.tsx"}]},{"name":"pages/index.page.tsx","uid":"4dd3-4769"}]}]},{"name":"assets/chunk-119f1069.js","children":[{"name":"src/renderer/usePageContext.tsx","uid":"4dd3-4771"}]},{"name":"assets/chunk-937e8ec7.js","children":[{"name":"src/utils/index.ts","uid":"4dd3-4773"}]},{"name":"assets/roadmap.page.dddf389b.js","children":[{"name":"Users/jamie/Projects/spacedrive/packages","children":[{"name":"assets/svgs","children":[{"uid":"4dd3-4775","name":"folder-white.svg"},{"uid":"4dd3-4777","name":"folder.svg"}]},{"name":"interface/src/components/icons/Folder.tsx","uid":"4dd3-4779"}]},{"name":"src/pages/roadmap.page.tsx","uid":"4dd3-4781"}]},{"name":"assets/team.page.9894930c.js","children":[{"name":"src","children":[{"name":"assets/images","children":[{"name":"team","children":[{"uid":"4dd3-4783","name":"benja.jpg"},{"uid":"4dd3-4785","name":"brendan.jpg"},{"uid":"4dd3-4787","name":"ericson.jpg"},{"uid":"4dd3-4789","name":"haden.jpg"},{"uid":"4dd3-4791","name":"haris.jpg"},{"uid":"4dd3-4793","name":"jamie.jpg"},{"uid":"4dd3-4795","name":"oscar.jpg"},{"uid":"4dd3-4797","name":"utku.jpg"}]},{"name":"investors","children":[{"uid":"4dd3-4799","name":"TOM.jpg"},{"uid":"4dd3-4801","name":"augusto.jpg"},{"uid":"4dd3-4803","name":"austen.jpg"},{"uid":"4dd3-4805","name":"davidmytton.jpg"},{"uid":"4dd3-4807","name":"guillermo.jpg"},{"uid":"4dd3-4809","name":"haoyuan.jpg"},{"uid":"4dd3-4811","name":"josephjacks.jpg"},{"uid":"4dd3-4813","name":"justinhoffman.jpg"},{"uid":"4dd3-4815","name":"lesterlee.jpg"},{"uid":"4dd3-4817","name":"naval.jpg"},{"uid":"4dd3-4819","name":"naveen.jpg"},{"uid":"4dd3-4821","name":"neha.jpg"},{"uid":"4dd3-4823","name":"peer.jpg"},{"uid":"4dd3-4825","name":"rywalker.jpg"},{"uid":"4dd3-4827","name":"sanjay.jpg"},{"uid":"4dd3-4829","name":"tobiaslutke.jpg"},{"uid":"4dd3-4831","name":"vijay.jpg"},{"uid":"4dd3-4833","name":"zacharysmith.jpg"}]}]},{"name":"components/TeamMember.tsx","uid":"4dd3-4837"},{"name":"pages/team.page.tsx","uid":"4dd3-4839"}]},{"name":"Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg/arrow-right.svg","uid":"4dd3-4835"}]},{"name":"assets/_error.page.814c6b9d.js","children":[{"name":"src/renderer/_error.page.tsx","uid":"4dd3-4841"}]},{"name":"assets/blog.page.server.1400eec7.js","children":[{"name":"src/pages/blog/index.page.server.ts","uid":"4dd3-4843"}]},{"name":"assets/doc.page.server.d5d7e2ee.js","children":[{"name":"src/pages/docs/doc.page.server.ts","uid":"4dd3-4845"}]},{"name":"assets/docs.page.server.aec98139.js","children":[{"name":"src/pages/docs/index.page.server.ts","uid":"4dd3-4847"}]},{"name":"assets/_default.page.server.53549ea8.js","children":[{"name":"Users/jamie/Projects/spacedrive/packages","children":[{"name":"ui","children":[{"name":"src/Dropdown.tsx","uid":"4dd3-4849"},{"name":"style/style.scss","uid":"4dd3-4851"}]},{"name":"assets/images/logo.png","uid":"4dd3-4853"}]},{"name":"src","children":[{"name":"components","children":[{"uid":"4dd3-4855","name":"Footer.tsx"},{"uid":"4dd3-4857","name":"NavBar.tsx"}]},{"uid":"4dd3-4859","name":"style.scss"},{"uid":"4dd3-4861","name":"App.tsx"},{"name":"renderer/_default.page.server.tsx","uid":"4dd3-4863"}]}]}],"isRoot":true},"nodeParts":{"4dd3-4603":{"renderedLength":38,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4602"},"4dd3-4605":{"renderedLength":33,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4604"},"4dd3-4607":{"renderedLength":50,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4606"},"4dd3-4609":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4608"},"4dd3-4611":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4610"},"4dd3-4613":{"renderedLength":44,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4612"},"4dd3-4615":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4614"},"4dd3-4617":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4616"},"4dd3-4619":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4618"},"4dd3-4621":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4620"},"4dd3-4623":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4622"},"4dd3-4625":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4624"},"4dd3-4627":{"renderedLength":54,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4626"},"4dd3-4629":{"renderedLength":57,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4628"},"4dd3-4631":{"renderedLength":54,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4630"},"4dd3-4633":{"renderedLength":47,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4632"},"4dd3-4635":{"renderedLength":3314,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4634"},"4dd3-4637":{"renderedLength":225,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4636"},"4dd3-4639":{"renderedLength":2450,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4638"},"4dd3-4641":{"renderedLength":352,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4640"},"4dd3-4643":{"renderedLength":360,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4642"},"4dd3-4645":{"renderedLength":31,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4644"},"4dd3-4647":{"renderedLength":40,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4646"},"4dd3-4649":{"renderedLength":1192,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4648"},"4dd3-4651":{"renderedLength":37,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4650"},"4dd3-4653":{"renderedLength":47280,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4652"},"4dd3-4655":{"renderedLength":216,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4654"},"4dd3-4657":{"renderedLength":119,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4656"},"4dd3-4659":{"renderedLength":2927,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4658"},"4dd3-4661":{"renderedLength":19,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4660"},"4dd3-4663":{"renderedLength":8495,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4662"},"4dd3-4665":{"renderedLength":2602,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4664"},"4dd3-4667":{"renderedLength":813,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4666"},"4dd3-4669":{"renderedLength":2406,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4668"},"4dd3-4671":{"renderedLength":2664,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4670"},"4dd3-4673":{"renderedLength":2664,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4672"},"4dd3-4675":{"renderedLength":637,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4674"},"4dd3-4677":{"renderedLength":1135,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4676"},"4dd3-4679":{"renderedLength":2629,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4678"},"4dd3-4681":{"renderedLength":2872,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4680"},"4dd3-4683":{"renderedLength":632,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4682"},"4dd3-4685":{"renderedLength":27,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4684"},"4dd3-4687":{"renderedLength":27,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4686"},"4dd3-4689":{"renderedLength":98,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4688"},"4dd3-4691":{"renderedLength":27,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4690"},"4dd3-4693":{"renderedLength":27,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4692"},"4dd3-4695":{"renderedLength":7130,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4694"},"4dd3-4697":{"renderedLength":84,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4696"},"4dd3-4699":{"renderedLength":109,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4698"},"4dd3-4701":{"renderedLength":96,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4700"},"4dd3-4703":{"renderedLength":103,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4702"},"4dd3-4705":{"renderedLength":146,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4704"},"4dd3-4707":{"renderedLength":198,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4706"},"4dd3-4709":{"renderedLength":189,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4708"},"4dd3-4711":{"renderedLength":133,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4710"},"4dd3-4713":{"renderedLength":345,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4712"},"4dd3-4715":{"renderedLength":2726,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4714"},"4dd3-4717":{"renderedLength":340,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4716"},"4dd3-4719":{"renderedLength":421,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4718"},"4dd3-4721":{"renderedLength":694,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4720"},"4dd3-4723":{"renderedLength":573,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4722"},"4dd3-4725":{"renderedLength":259,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4724"},"4dd3-4727":{"renderedLength":47,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4726"},"4dd3-4729":{"renderedLength":577,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4728"},"4dd3-4731":{"renderedLength":28,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4730"},"4dd3-4733":{"renderedLength":83,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4732"},"4dd3-4735":{"renderedLength":81,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4734"},"4dd3-4737":{"renderedLength":38,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4736"},"4dd3-4739":{"renderedLength":1010,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4738"},"4dd3-4741":{"renderedLength":237,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4740"},"4dd3-4743":{"renderedLength":86,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4742"},"4dd3-4745":{"renderedLength":3492,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4744"},"4dd3-4747":{"renderedLength":37,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4746"},"4dd3-4749":{"renderedLength":39,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4748"},"4dd3-4751":{"renderedLength":2991,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4750"},"4dd3-4753":{"renderedLength":933,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4752"},"4dd3-4755":{"renderedLength":1652,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4754"},"4dd3-4757":{"renderedLength":2994,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4756"},"4dd3-4759":{"renderedLength":995,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4758"},"4dd3-4761":{"renderedLength":1484,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4760"},"4dd3-4763":{"renderedLength":1304,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4762"},"4dd3-4765":{"renderedLength":5013,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4764"},"4dd3-4767":{"renderedLength":986,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4766"},"4dd3-4769":{"renderedLength":5049,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4768"},"4dd3-4771":{"renderedLength":289,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4770"},"4dd3-4773":{"renderedLength":348,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4772"},"4dd3-4775":{"renderedLength":50,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4774"},"4dd3-4777":{"renderedLength":45,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4776"},"4dd3-4779":{"renderedLength":248,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4778"},"4dd3-4781":{"renderedLength":7697,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4780"},"4dd3-4783":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4782"},"4dd3-4785":{"renderedLength":43,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4784"},"4dd3-4787":{"renderedLength":43,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4786"},"4dd3-4789":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4788"},"4dd3-4791":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4790"},"4dd3-4793":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4792"},"4dd3-4795":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4794"},"4dd3-4797":{"renderedLength":40,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4796"},"4dd3-4799":{"renderedLength":39,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4798"},"4dd3-4801":{"renderedLength":43,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4800"},"4dd3-4803":{"renderedLength":42,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4802"},"4dd3-4805":{"renderedLength":47,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4804"},"4dd3-4807":{"renderedLength":45,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4806"},"4dd3-4809":{"renderedLength":43,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4808"},"4dd3-4811":{"renderedLength":47,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4810"},"4dd3-4813":{"renderedLength":49,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4812"},"4dd3-4815":{"renderedLength":45,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4814"},"4dd3-4817":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4816"},"4dd3-4819":{"renderedLength":42,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4818"},"4dd3-4821":{"renderedLength":40,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4820"},"4dd3-4823":{"renderedLength":40,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4822"},"4dd3-4825":{"renderedLength":44,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4824"},"4dd3-4827":{"renderedLength":42,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4826"},"4dd3-4829":{"renderedLength":47,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4828"},"4dd3-4831":{"renderedLength":41,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4830"},"4dd3-4833":{"renderedLength":48,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4832"},"4dd3-4835":{"renderedLength":493,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4834"},"4dd3-4837":{"renderedLength":1870,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4836"},"4dd3-4839":{"renderedLength":9520,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4838"},"4dd3-4841":{"renderedLength":1491,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4840"},"4dd3-4843":{"renderedLength":460,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4842"},"4dd3-4845":{"renderedLength":185,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4844"},"4dd3-4847":{"renderedLength":590,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4846"},"4dd3-4849":{"renderedLength":3056,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4848"},"4dd3-4851":{"renderedLength":19,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4850"},"4dd3-4853":{"renderedLength":43,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4852"},"4dd3-4855":{"renderedLength":5678,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4854"},"4dd3-4857":{"renderedLength":4713,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4856"},"4dd3-4859":{"renderedLength":17,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4858"},"4dd3-4861":{"renderedLength":483,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4860"},"4dd3-4863":{"renderedLength":1228,"gzipLength":0,"brotliLength":0,"mainUid":"4dd3-4862"}},"nodeMetas":{"4dd3-4602":{"id":"/src/pages/blog/post.page.route.ts","moduleParts":{"pageFiles.mjs":"4dd3-4603"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4604":{"id":"/src/pages/docs/doc.page.route.ts","moduleParts":{"pageFiles.mjs":"4dd3-4605"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4606":{"id":"/src/renderer/_default.page.client.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4607"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4608":{"id":"/src/pages/blog/index.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4609"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4610":{"id":"/src/pages/blog/post.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4611"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4612":{"id":"/src/pages/careers.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4613"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4614":{"id":"/src/pages/docs/doc.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4615"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4616":{"id":"/src/pages/docs/index.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4617"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4618":{"id":"/src/pages/index.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4619"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4620":{"id":"/src/pages/roadmap.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4621"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4622":{"id":"/src/pages/team.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4623"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4624":{"id":"/src/renderer/_error.page.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4625"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4626":{"id":"/src/pages/blog/index.page.server.ts?extractExportNames&lang.ts","moduleParts":{"pageFiles.mjs":"4dd3-4627"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4628":{"id":"/src/pages/docs/doc.page.server.ts?extractExportNames&lang.ts","moduleParts":{"pageFiles.mjs":"4dd3-4629"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4630":{"id":"/src/pages/docs/index.page.server.ts?extractExportNames&lang.ts","moduleParts":{"pageFiles.mjs":"4dd3-4631"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4632":{"id":"/src/renderer/_default.page.server.tsx?extractExportNames&lang.tsx","moduleParts":{"pageFiles.mjs":"4dd3-4633"},"imported":[],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4634":{"id":"virtual:vite-plugin-ssr:pageFiles:server","moduleParts":{"pageFiles.mjs":"4dd3-4635"},"imported":[{"uid":"4dd3-4602"},{"uid":"4dd3-4604"},{"uid":"4dd3-4606"},{"uid":"4dd3-4608"},{"uid":"4dd3-4610"},{"uid":"4dd3-4612"},{"uid":"4dd3-4614"},{"uid":"4dd3-4616"},{"uid":"4dd3-4618"},{"uid":"4dd3-4620"},{"uid":"4dd3-4622"},{"uid":"4dd3-4624"},{"uid":"4dd3-4626"},{"uid":"4dd3-4628"},{"uid":"4dd3-4630"},{"uid":"4dd3-4632"},{"uid":"4dd3-4638","dynamic":true},{"uid":"4dd3-4658","dynamic":true},{"uid":"4dd3-4662","dynamic":true},{"uid":"4dd3-4668","dynamic":true},{"uid":"4dd3-4752","dynamic":true},{"uid":"4dd3-4768","dynamic":true},{"uid":"4dd3-4780","dynamic":true},{"uid":"4dd3-4838","dynamic":true},{"uid":"4dd3-4840","dynamic":true},{"uid":"4dd3-4842","dynamic":true},{"uid":"4dd3-4844","dynamic":true},{"uid":"4dd3-4846","dynamic":true},{"uid":"4dd3-4862","dynamic":true}],"importedBy":[],"isEntry":true},"4dd3-4636":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/vite-plugin-ssr@0.4.28_vite@3.1.1/node_modules/vite-plugin-ssr/dist/cjs/node/importBuild.js","moduleParts":{"importBuild.mjs":"4dd3-4637"},"imported":[],"importedBy":[],"isEntry":true},"4dd3-4638":{"id":"/src/pages/blog/index.page.tsx","moduleParts":{"assets/blog.page.6dabb99d.js":"4dd3-4639"},"imported":[{"uid":"4dd3-4864"},{"uid":"4dd3-4640"},{"uid":"4dd3-4772"},{"uid":"4dd3-4642"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4640":{"id":"/src/components/BlogTag.tsx","moduleParts":{"assets/chunk-08326188.js":"4dd3-4641"},"imported":[{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4638"},{"uid":"4dd3-4658"}]},"4dd3-4642":{"id":"/src/pages/blog/blog.ts","moduleParts":{"assets/chunk-0b89c2fb.js":"4dd3-4643"},"imported":[{"uid":"4dd3-4878"}],"importedBy":[{"uid":"4dd3-4638"},{"uid":"4dd3-4842"}]},"4dd3-4644":{"id":"\u0000/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js?commonjs-module","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4645"},"imported":[],"importedBy":[{"uid":"4dd3-4654"}]},"4dd3-4646":{"id":"\u0000/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.production.min.js?commonjs-exports","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4647"},"imported":[],"importedBy":[{"uid":"4dd3-4648"}]},"4dd3-4648":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.production.min.js","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4649"},"imported":[{"uid":"4dd3-4887"},{"uid":"4dd3-4646"},{"uid":"4dd3-4894"}],"importedBy":[{"uid":"4dd3-4654"}]},"4dd3-4650":{"id":"\u0000/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.development.js?commonjs-exports","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4651"},"imported":[],"importedBy":[{"uid":"4dd3-4652"}]},"4dd3-4652":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/cjs/react-jsx-runtime.development.js","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4653"},"imported":[{"uid":"4dd3-4887"},{"uid":"4dd3-4650"},{"uid":"4dd3-4894"}],"importedBy":[{"uid":"4dd3-4654"}]},"4dd3-4654":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4655"},"imported":[{"uid":"4dd3-4887"},{"uid":"4dd3-4644"},{"uid":"4dd3-4648"},{"uid":"4dd3-4652"}],"importedBy":[{"uid":"4dd3-4656"}]},"4dd3-4656":{"id":"react/jsx-runtime","moduleParts":{"assets/chunk-d029a80d.js":"4dd3-4657"},"imported":[{"uid":"4dd3-4654"}],"importedBy":[{"uid":"4dd3-4638"},{"uid":"4dd3-4658"},{"uid":"4dd3-4662"},{"uid":"4dd3-4668"},{"uid":"4dd3-4752"},{"uid":"4dd3-4768"},{"uid":"4dd3-4780"},{"uid":"4dd3-4838"},{"uid":"4dd3-4840"},{"uid":"4dd3-4862"},{"uid":"4dd3-4640"},{"uid":"4dd3-4672"},{"uid":"4dd3-4674"},{"uid":"4dd3-4756"},{"uid":"4dd3-4758"},{"uid":"4dd3-4764"},{"uid":"4dd3-4766"},{"uid":"4dd3-4770"},{"uid":"4dd3-4778"},{"uid":"4dd3-4836"},{"uid":"4dd3-4860"},{"uid":"4dd3-4664"},{"uid":"4dd3-4848"},{"uid":"4dd3-4879"},{"uid":"4dd3-4880"},{"uid":"4dd3-4666"},{"uid":"4dd3-4670"},{"uid":"4dd3-4854"},{"uid":"4dd3-4856"}]},"4dd3-4658":{"id":"/src/pages/blog/post.page.tsx","moduleParts":{"assets/post.page.cf68f393.js":"4dd3-4659"},"imported":[{"uid":"4dd3-4865"},{"uid":"4dd3-4866"},{"uid":"4dd3-4867"},{"uid":"4dd3-4864"},{"uid":"4dd3-4660"},{"uid":"4dd3-4640"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4660":{"id":"/src/atom-one.css","moduleParts":{"assets/chunk-2d1d6256.js":"4dd3-4661"},"imported":[],"importedBy":[{"uid":"4dd3-4658"},{"uid":"4dd3-4668"},{"uid":"4dd3-4674"}]},"4dd3-4662":{"id":"/src/pages/careers.page.tsx","moduleParts":{"assets/careers.page.77a82aa2.js":"4dd3-4663"},"imported":[{"uid":"4dd3-4868"},{"uid":"4dd3-4869"},{"uid":"4dd3-4867"},{"uid":"4dd3-4864"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"},{"uid":"4dd3-4856"}]},"4dd3-4664":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/Button.tsx","moduleParts":{"assets/chunk-777449c2.js":"4dd3-4665"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4867"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4869"},{"uid":"4dd3-4848"}]},"4dd3-4666":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/Input.tsx","moduleParts":{"assets/chunk-777449c2.js":"4dd3-4667"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4867"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4869"}]},"4dd3-4668":{"id":"/src/pages/docs/doc.page.tsx","moduleParts":{"assets/doc.page.a4aa438a.js":"4dd3-4669"},"imported":[{"uid":"4dd3-4870"},{"uid":"4dd3-4871"},{"uid":"4dd3-4872"},{"uid":"4dd3-4864"},{"uid":"4dd3-4873"},{"uid":"4dd3-4660"},{"uid":"4dd3-4672"},{"uid":"4dd3-4674"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4670":{"id":"/src/components/DocsSidebar.tsx","moduleParts":{"assets/chunk-d18e6b9b.js":"4dd3-4671"},"imported":[{"uid":"4dd3-4869"},{"uid":"4dd3-4874"},{"uid":"4dd3-4875"},{"uid":"4dd3-4750"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4672"}]},"4dd3-4672":{"id":"/src/components/DocsLayout.tsx","moduleParts":{"assets/chunk-d18e6b9b.js":"4dd3-4673"},"imported":[{"uid":"4dd3-4870"},{"uid":"4dd3-4869"},{"uid":"4dd3-4875"},{"uid":"4dd3-4867"},{"uid":"4dd3-4881"},{"uid":"4dd3-4678"},{"uid":"4dd3-4670"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4668"},{"uid":"4dd3-4752"}]},"4dd3-4674":{"id":"/src/components/Markdown.tsx","moduleParts":{"assets/chunk-917ed5f1.js":"4dd3-4675"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4865"},{"uid":"4dd3-4866"},{"uid":"4dd3-4882"},{"uid":"4dd3-4867"},{"uid":"4dd3-4660"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4668"},{"uid":"4dd3-4752"},{"uid":"4dd3-4838"},{"uid":"4dd3-4840"}]},"4dd3-4676":{"id":"/src/utils/markdownParse.ts","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4677"},"imported":[{"uid":"4dd3-4892"},{"uid":"4dd3-4893"}],"importedBy":[{"uid":"4dd3-4678"}]},"4dd3-4678":{"id":"/src/pages/docs/api.ts","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4679"},"imported":[{"uid":"4dd3-4676"}],"importedBy":[{"uid":"4dd3-4844"},{"uid":"4dd3-4846"},{"uid":"4dd3-4672"}]},"4dd3-4680":{"id":"/Users/jamie/Projects/spacedrive/docs/changelog/beta/0.1.0.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4681"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4682":{"id":"/Users/jamie/Projects/spacedrive/docs/company/about/credits.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4683"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4684":{"id":"/Users/jamie/Projects/spacedrive/docs/company/about/longevity.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4685"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4686":{"id":"/Users/jamie/Projects/spacedrive/docs/company/about/philosophy.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4687"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4688":{"id":"/Users/jamie/Projects/spacedrive/docs/company/branding/logo.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4689"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4690":{"id":"/Users/jamie/Projects/spacedrive/docs/company/branding/typeography.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4691"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4692":{"id":"/Users/jamie/Projects/spacedrive/docs/company/legal/privacy.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4693"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4694":{"id":"/Users/jamie/Projects/spacedrive/docs/company/legal/terms.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4695"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4696":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/albums.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4697"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4698":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/database.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4699"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4700":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/explorer.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4701"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4702":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/extensions.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4703"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4704":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/filesystem.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4705"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4706":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/jobs.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4707"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4708":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/libraries.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4709"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4710":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/locations.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4711"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4712":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/nodes.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4713"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4714":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/objects.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4715"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4716":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/preview-media.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4717"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4718":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/search.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4719"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4720":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/spaces.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4721"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4722":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/sync.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4723"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4724":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/architecture/tags.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4725"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4726":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/clients/cli.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4727"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4728":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/clients/javascript.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4729"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4730":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/clients/rust.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4731"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4732":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/technology/open-source.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4733"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4734":{"id":"/Users/jamie/Projects/spacedrive/docs/developers/technology/tech-stack.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4735"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4736":{"id":"/Users/jamie/Projects/spacedrive/docs/product/getting-started/features.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4737"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4738":{"id":"/Users/jamie/Projects/spacedrive/docs/product/getting-started/introduction.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4739"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4740":{"id":"/Users/jamie/Projects/spacedrive/docs/product/getting-started/setup.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4741"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4742":{"id":"/Users/jamie/Projects/spacedrive/docs/product/getting-started/terminology.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4743"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4744":{"id":"/Users/jamie/Projects/spacedrive/docs/product/resources/faq.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4745"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4746":{"id":"/Users/jamie/Projects/spacedrive/docs/product/resources/privacy.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4747"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4748":{"id":"/Users/jamie/Projects/spacedrive/docs/product/resources/security.md?raw","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4749"},"imported":[],"importedBy":[{"uid":"4dd3-4750"}]},"4dd3-4750":{"id":"/src/pages/docs/docs.ts","moduleParts":{"assets/chunk-147fec2f.js":"4dd3-4751"},"imported":[{"uid":"4dd3-4680"},{"uid":"4dd3-4682"},{"uid":"4dd3-4684"},{"uid":"4dd3-4686"},{"uid":"4dd3-4688"},{"uid":"4dd3-4690"},{"uid":"4dd3-4692"},{"uid":"4dd3-4694"},{"uid":"4dd3-4696"},{"uid":"4dd3-4698"},{"uid":"4dd3-4700"},{"uid":"4dd3-4702"},{"uid":"4dd3-4704"},{"uid":"4dd3-4706"},{"uid":"4dd3-4708"},{"uid":"4dd3-4710"},{"uid":"4dd3-4712"},{"uid":"4dd3-4714"},{"uid":"4dd3-4716"},{"uid":"4dd3-4718"},{"uid":"4dd3-4720"},{"uid":"4dd3-4722"},{"uid":"4dd3-4724"},{"uid":"4dd3-4726"},{"uid":"4dd3-4728"},{"uid":"4dd3-4730"},{"uid":"4dd3-4732"},{"uid":"4dd3-4734"},{"uid":"4dd3-4736"},{"uid":"4dd3-4738"},{"uid":"4dd3-4740"},{"uid":"4dd3-4742"},{"uid":"4dd3-4744"},{"uid":"4dd3-4746"},{"uid":"4dd3-4748"},{"uid":"4dd3-4870"}],"importedBy":[{"uid":"4dd3-4844"},{"uid":"4dd3-4846"},{"uid":"4dd3-4670"}]},"4dd3-4752":{"id":"/src/pages/docs/index.page.tsx","moduleParts":{"assets/docs.page.e5ad11ed.js":"4dd3-4753"},"imported":[{"uid":"4dd3-4864"},{"uid":"4dd3-4672"},{"uid":"4dd3-4674"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4754":{"id":"/Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg/info.svg","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4755"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4768"},{"uid":"4dd3-4764"}]},"4dd3-4756":{"id":"/src/components/AppEmbed.tsx","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4757"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4867"},{"uid":"4dd3-4772"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4768"}]},"4dd3-4758":{"id":"/src/components/Bubbles.tsx","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4759"},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4883"},{"uid":"4dd3-4884"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4768"}]},"4dd3-4760":{"id":"/Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg/alert.svg","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4761"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4764"}]},"4dd3-4762":{"id":"/Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg/spinner.svg","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4763"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4764"}]},"4dd3-4764":{"id":"/src/components/HomeCTA.tsx","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4765"},"imported":[{"uid":"4dd3-4871"},{"uid":"4dd3-4869"},{"uid":"4dd3-4874"},{"uid":"4dd3-4867"},{"uid":"4dd3-4885"},{"uid":"4dd3-4760"},{"uid":"4dd3-4754"},{"uid":"4dd3-4762"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4768"}]},"4dd3-4766":{"id":"/src/components/NewBanner.tsx","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4767"},"imported":[{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4768"}]},"4dd3-4768":{"id":"/src/pages/index.page.tsx","moduleParts":{"assets/index.page.2db0c733.js":"4dd3-4769"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4867"},{"uid":"4dd3-4864"},{"uid":"4dd3-4754"},{"uid":"4dd3-4756"},{"uid":"4dd3-4758"},{"uid":"4dd3-4764"},{"uid":"4dd3-4766"},{"uid":"4dd3-4770"},{"uid":"4dd3-4772"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4770":{"id":"/src/renderer/usePageContext.tsx","moduleParts":{"assets/chunk-119f1069.js":"4dd3-4771"},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4768"},{"uid":"4dd3-4860"}]},"4dd3-4772":{"id":"/src/utils/index.ts","moduleParts":{"assets/chunk-937e8ec7.js":"4dd3-4773"},"imported":[],"importedBy":[{"uid":"4dd3-4638"},{"uid":"4dd3-4768"},{"uid":"4dd3-4838"},{"uid":"4dd3-4840"},{"uid":"4dd3-4756"},{"uid":"4dd3-4856"}]},"4dd3-4774":{"id":"/Users/jamie/Projects/spacedrive/packages/assets/svgs/folder-white.svg","moduleParts":{"assets/roadmap.page.dddf389b.js":"4dd3-4775"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4778"}]},"4dd3-4776":{"id":"/Users/jamie/Projects/spacedrive/packages/assets/svgs/folder.svg","moduleParts":{"assets/roadmap.page.dddf389b.js":"4dd3-4777"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4778"}]},"4dd3-4778":{"id":"/Users/jamie/Projects/spacedrive/packages/interface/src/components/icons/Folder.tsx","moduleParts":{"assets/roadmap.page.dddf389b.js":"4dd3-4779"},"imported":[{"uid":"4dd3-4774"},{"uid":"4dd3-4776"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4780"}]},"4dd3-4780":{"id":"/src/pages/roadmap.page.tsx","moduleParts":{"assets/roadmap.page.dddf389b.js":"4dd3-4781"},"imported":[{"uid":"4dd3-4874"},{"uid":"4dd3-4864"},{"uid":"4dd3-4778"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4782":{"id":"/src/assets/images/team/benja.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4783"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4784":{"id":"/src/assets/images/team/brendan.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4785"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4786":{"id":"/src/assets/images/team/ericson.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4787"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4788":{"id":"/src/assets/images/team/haden.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4789"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4790":{"id":"/src/assets/images/team/haris.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4791"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4792":{"id":"/src/assets/images/team/jamie.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4793"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4794":{"id":"/src/assets/images/team/oscar.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4795"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4796":{"id":"/src/assets/images/team/utku.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4797"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4798":{"id":"/src/assets/images/investors/TOM.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4799"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4800":{"id":"/src/assets/images/investors/augusto.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4801"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4802":{"id":"/src/assets/images/investors/austen.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4803"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4804":{"id":"/src/assets/images/investors/davidmytton.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4805"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4806":{"id":"/src/assets/images/investors/guillermo.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4807"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4808":{"id":"/src/assets/images/investors/haoyuan.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4809"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4810":{"id":"/src/assets/images/investors/josephjacks.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4811"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4812":{"id":"/src/assets/images/investors/justinhoffman.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4813"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4814":{"id":"/src/assets/images/investors/lesterlee.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4815"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4816":{"id":"/src/assets/images/investors/naval.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4817"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4818":{"id":"/src/assets/images/investors/naveen.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4819"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4820":{"id":"/src/assets/images/investors/neha.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4821"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4822":{"id":"/src/assets/images/investors/peer.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4823"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4824":{"id":"/src/assets/images/investors/rywalker.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4825"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4826":{"id":"/src/assets/images/investors/sanjay.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4827"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4828":{"id":"/src/assets/images/investors/tobiaslutke.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4829"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4830":{"id":"/src/assets/images/investors/vijay.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4831"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4832":{"id":"/src/assets/images/investors/zacharysmith.jpg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4833"},"imported":[],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4834":{"id":"/Users/jamie/Projects/spacedrive/packages/interface/src/assets/svg/arrow-right.svg","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4835"},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4836":{"id":"/src/components/TeamMember.tsx","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4837"},"imported":[{"uid":"4dd3-4871"},{"uid":"4dd3-4874"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4838"}]},"4dd3-4838":{"id":"/src/pages/team.page.tsx","moduleParts":{"assets/team.page.9894930c.js":"4dd3-4839"},"imported":[{"uid":"4dd3-4782"},{"uid":"4dd3-4784"},{"uid":"4dd3-4786"},{"uid":"4dd3-4788"},{"uid":"4dd3-4790"},{"uid":"4dd3-4792"},{"uid":"4dd3-4794"},{"uid":"4dd3-4796"},{"uid":"4dd3-4798"},{"uid":"4dd3-4800"},{"uid":"4dd3-4802"},{"uid":"4dd3-4804"},{"uid":"4dd3-4806"},{"uid":"4dd3-4808"},{"uid":"4dd3-4810"},{"uid":"4dd3-4812"},{"uid":"4dd3-4814"},{"uid":"4dd3-4816"},{"uid":"4dd3-4818"},{"uid":"4dd3-4820"},{"uid":"4dd3-4822"},{"uid":"4dd3-4824"},{"uid":"4dd3-4826"},{"uid":"4dd3-4828"},{"uid":"4dd3-4830"},{"uid":"4dd3-4832"},{"uid":"4dd3-4864"},{"uid":"4dd3-4834"},{"uid":"4dd3-4674"},{"uid":"4dd3-4836"},{"uid":"4dd3-4772"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4840":{"id":"/src/renderer/_error.page.tsx","moduleParts":{"assets/_error.page.814c6b9d.js":"4dd3-4841"},"imported":[{"uid":"4dd3-4869"},{"uid":"4dd3-4875"},{"uid":"4dd3-4864"},{"uid":"4dd3-4674"},{"uid":"4dd3-4772"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4842":{"id":"/src/pages/blog/index.page.server.ts","moduleParts":{"assets/blog.page.server.1400eec7.js":"4dd3-4843"},"imported":[{"uid":"4dd3-4642"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4844":{"id":"/src/pages/docs/doc.page.server.ts","moduleParts":{"assets/doc.page.server.d5d7e2ee.js":"4dd3-4845"},"imported":[{"uid":"4dd3-4678"},{"uid":"4dd3-4750"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4846":{"id":"/src/pages/docs/index.page.server.ts","moduleParts":{"assets/docs.page.server.aec98139.js":"4dd3-4847"},"imported":[{"uid":"4dd3-4678"},{"uid":"4dd3-4750"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4848":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/Dropdown.tsx","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4849"},"imported":[{"uid":"4dd3-4664"},{"uid":"4dd3-4888"},{"uid":"4dd3-4870"},{"uid":"4dd3-4874"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4869"}]},"4dd3-4850":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/style/style.scss","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4851"},"imported":[],"importedBy":[{"uid":"4dd3-4886"}]},"4dd3-4852":{"id":"/Users/jamie/Projects/spacedrive/packages/assets/images/logo.png","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4853"},"imported":[],"importedBy":[{"uid":"4dd3-4854"},{"uid":"4dd3-4856"}]},"4dd3-4854":{"id":"/src/components/Footer.tsx","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4855"},"imported":[{"uid":"4dd3-4871"},{"uid":"4dd3-4852"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4860"}]},"4dd3-4856":{"id":"/src/components/NavBar.tsx","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4857"},"imported":[{"uid":"4dd3-4870"},{"uid":"4dd3-4871"},{"uid":"4dd3-4852"},{"uid":"4dd3-4869"},{"uid":"4dd3-4874"},{"uid":"4dd3-4875"},{"uid":"4dd3-4867"},{"uid":"4dd3-4662"},{"uid":"4dd3-4772"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4860"}]},"4dd3-4858":{"id":"/src/style.scss","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4859"},"imported":[],"importedBy":[{"uid":"4dd3-4860"}]},"4dd3-4860":{"id":"/src/App.tsx","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4861"},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4886"},{"uid":"4dd3-4854"},{"uid":"4dd3-4856"},{"uid":"4dd3-4770"},{"uid":"4dd3-4858"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4862"}]},"4dd3-4862":{"id":"/src/renderer/_default.page.server.tsx","moduleParts":{"assets/_default.page.server.53549ea8.js":"4dd3-4863"},"imported":[{"uid":"4dd3-4876"},{"uid":"4dd3-4864"},{"uid":"4dd3-4877"},{"uid":"4dd3-4860"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4634"}]},"4dd3-4864":{"id":"react-helmet","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4638"},{"uid":"4dd3-4658"},{"uid":"4dd3-4662"},{"uid":"4dd3-4668"},{"uid":"4dd3-4752"},{"uid":"4dd3-4768"},{"uid":"4dd3-4780"},{"uid":"4dd3-4838"},{"uid":"4dd3-4840"},{"uid":"4dd3-4862"}],"isExternal":true},"4dd3-4865":{"id":"prismjs","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4658"},{"uid":"4dd3-4674"}],"isExternal":true},"4dd3-4866":{"id":"prismjs/components/prism-rust.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4658"},{"uid":"4dd3-4674"}],"isExternal":true},"4dd3-4867":{"id":"react","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4658"},{"uid":"4dd3-4662"},{"uid":"4dd3-4768"},{"uid":"4dd3-4672"},{"uid":"4dd3-4674"},{"uid":"4dd3-4754"},{"uid":"4dd3-4756"},{"uid":"4dd3-4758"},{"uid":"4dd3-4764"},{"uid":"4dd3-4770"},{"uid":"4dd3-4834"},{"uid":"4dd3-4860"},{"uid":"4dd3-4664"},{"uid":"4dd3-4879"},{"uid":"4dd3-4666"},{"uid":"4dd3-4760"},{"uid":"4dd3-4762"},{"uid":"4dd3-4774"},{"uid":"4dd3-4776"},{"uid":"4dd3-4856"},{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4894"},{"uid":"4dd3-4897"},{"uid":"4dd3-4898"},{"uid":"4dd3-4899"},{"uid":"4dd3-4900"},{"uid":"4dd3-4901"},{"uid":"4dd3-4902"},{"uid":"4dd3-4903"},{"uid":"4dd3-4905"},{"uid":"4dd3-4906"},{"uid":"4dd3-4907"},{"uid":"4dd3-4908"},{"uid":"4dd3-4909"},{"uid":"4dd3-4910"},{"uid":"4dd3-4911"},{"uid":"4dd3-4912"},{"uid":"4dd3-4913"},{"uid":"4dd3-4914"},{"uid":"4dd3-4917"},{"uid":"4dd3-4918"},{"uid":"4dd3-4919"},{"uid":"4dd3-4920"},{"uid":"4dd3-4921"},{"uid":"4dd3-4922"},{"uid":"4dd3-4925"},{"uid":"4dd3-4932"},{"uid":"4dd3-4934"},{"uid":"4dd3-4941"},{"uid":"4dd3-4942"},{"uid":"4dd3-4945"},{"uid":"4dd3-4946"},{"uid":"4dd3-4952"},{"uid":"4dd3-4956"}],"isExternal":true},"4dd3-4868":{"id":"@heroicons/react/24/outline/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4662"}],"isExternal":true},"4dd3-4869":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/index.ts","moduleParts":{},"imported":[{"uid":"4dd3-4664"},{"uid":"4dd3-4848"},{"uid":"4dd3-4879"},{"uid":"4dd3-4880"},{"uid":"4dd3-4666"}],"importedBy":[{"uid":"4dd3-4662"},{"uid":"4dd3-4840"},{"uid":"4dd3-4672"},{"uid":"4dd3-4764"},{"uid":"4dd3-4670"},{"uid":"4dd3-4856"}]},"4dd3-4870":{"id":"@heroicons/react/24/solid/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4668"},{"uid":"4dd3-4672"},{"uid":"4dd3-4750"},{"uid":"4dd3-4848"},{"uid":"4dd3-4856"}],"isExternal":true},"4dd3-4871":{"id":"@icons-pack/react-simple-icons","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4668"},{"uid":"4dd3-4764"},{"uid":"4dd3-4836"},{"uid":"4dd3-4854"},{"uid":"4dd3-4856"}],"isExternal":true},"4dd3-4872":{"id":"algoliasearch","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4668"}],"isExternal":true},"4dd3-4873":{"id":"react-instantsearch-hooks-web","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4668"}],"isExternal":true},"4dd3-4874":{"id":"clsx","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4768"},{"uid":"4dd3-4780"},{"uid":"4dd3-4674"},{"uid":"4dd3-4756"},{"uid":"4dd3-4764"},{"uid":"4dd3-4836"},{"uid":"4dd3-4664"},{"uid":"4dd3-4848"},{"uid":"4dd3-4879"},{"uid":"4dd3-4880"},{"uid":"4dd3-4666"},{"uid":"4dd3-4670"},{"uid":"4dd3-4856"}],"isExternal":true},"4dd3-4875":{"id":"phosphor-react","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4840"},{"uid":"4dd3-4672"},{"uid":"4dd3-4879"},{"uid":"4dd3-4670"},{"uid":"4dd3-4856"}],"isExternal":true},"4dd3-4876":{"id":"react-dom/server","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4862"}],"isExternal":true},"4dd3-4877":{"id":"vite-plugin-ssr","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4862"}],"isExternal":true},"4dd3-4878":{"id":"@tryghost/content-api","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4642"}],"isExternal":true},"4dd3-4879":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/ContextMenu.tsx","moduleParts":{},"imported":[{"uid":"4dd3-4889"},{"uid":"4dd3-4890"},{"uid":"4dd3-4874"},{"uid":"4dd3-4875"},{"uid":"4dd3-4867"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4869"}]},"4dd3-4880":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/src/OverlayPanel.tsx","moduleParts":{},"imported":[{"uid":"4dd3-4891"},{"uid":"4dd3-4874"},{"uid":"4dd3-4656"}],"importedBy":[{"uid":"4dd3-4869"}]},"4dd3-4881":{"id":"react-burger-menu","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4672"}],"isExternal":true},"4dd3-4882":{"id":"prismjs/components/prism-typescript.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4674"}],"isExternal":true},"4dd3-4883":{"id":"react-tsparticles","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4758"}],"isExternal":true},"4dd3-4884":{"id":"tsparticles","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4758"}],"isExternal":true},"4dd3-4885":{"id":"react-hook-form","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4764"}],"isExternal":true},"4dd3-4886":{"id":"/Users/jamie/Projects/spacedrive/packages/ui/style/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4850"}],"importedBy":[{"uid":"4dd3-4860"}]},"4dd3-4887":{"id":"\u0000commonjsHelpers.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4654"},{"uid":"4dd3-4648"},{"uid":"4dd3-4652"}]},"4dd3-4888":{"id":"@headlessui/react","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4848"}],"isExternal":true},"4dd3-4889":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-context-menu@1.0.0_zxljzmqdrxwnuenbkrz77w74uy/node_modules/@radix-ui/react-context-menu/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4896"},{"uid":"4dd3-4897"},{"uid":"4dd3-4898"},{"uid":"4dd3-4899"},{"uid":"4dd3-4900"},{"uid":"4dd3-4901"}],"importedBy":[{"uid":"4dd3-4879"}]},"4dd3-4890":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/class-variance-authority@0.2.3_typescript@4.7.4/node_modules/class-variance-authority/dist/index.esm.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4879"}]},"4dd3-4891":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-dropdown-menu@1.0.0_zxljzmqdrxwnuenbkrz77w74uy/node_modules/@radix-ui/react-dropdown-menu/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4896"},{"uid":"4dd3-4902"},{"uid":"4dd3-4897"},{"uid":"4dd3-4901"},{"uid":"4dd3-4898"},{"uid":"4dd3-4899"},{"uid":"4dd3-4903"}],"importedBy":[{"uid":"4dd3-4880"}]},"4dd3-4892":{"id":"markdown-yaml-metadata-parser","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4676"}],"isExternal":true},"4dd3-4893":{"id":"marked","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4676"}],"isExternal":true},"4dd3-4894":{"id":"\u0000react?commonjs-external","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4648"},{"uid":"4dd3-4652"}]},"4dd3-4895":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@babel+runtime@7.18.3/node_modules/@babel/runtime/helpers/esm/extends.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4898"},{"uid":"4dd3-4899"},{"uid":"4dd3-4905"},{"uid":"4dd3-4908"},{"uid":"4dd3-4910"},{"uid":"4dd3-4911"},{"uid":"4dd3-4912"},{"uid":"4dd3-4914"},{"uid":"4dd3-4920"}]},"4dd3-4896":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+primitive@1.0.0/node_modules/@radix-ui/primitive/dist/index.module.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4899"},{"uid":"4dd3-4908"},{"uid":"4dd3-4914"}]},"4dd3-4897":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-context@1.0.0_react@18.2.0/node_modules/@radix-ui/react-context/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4899"},{"uid":"4dd3-4906"},{"uid":"4dd3-4911"},{"uid":"4dd3-4914"}]},"4dd3-4898":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-primitive@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-primitive/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4904"},{"uid":"4dd3-4905"}],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4899"},{"uid":"4dd3-4908"},{"uid":"4dd3-4910"},{"uid":"4dd3-4911"},{"uid":"4dd3-4912"},{"uid":"4dd3-4914"},{"uid":"4dd3-4920"}]},"4dd3-4899":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-menu@1.0.0_zxljzmqdrxwnuenbkrz77w74uy/node_modules/@radix-ui/react-menu/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4896"},{"uid":"4dd3-4906"},{"uid":"4dd3-4902"},{"uid":"4dd3-4897"},{"uid":"4dd3-4907"},{"uid":"4dd3-4908"},{"uid":"4dd3-4909"},{"uid":"4dd3-4910"},{"uid":"4dd3-4903"},{"uid":"4dd3-4911"},{"uid":"4dd3-4912"},{"uid":"4dd3-4913"},{"uid":"4dd3-4898"},{"uid":"4dd3-4914"},{"uid":"4dd3-4905"},{"uid":"4dd3-4900"},{"uid":"4dd3-4915"},{"uid":"4dd3-4916"}],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"}]},"4dd3-4900":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-use-callback-ref@1.0.0_react@18.2.0/node_modules/@radix-ui/react-use-callback-ref/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4899"},{"uid":"4dd3-4901"},{"uid":"4dd3-4908"},{"uid":"4dd3-4910"},{"uid":"4dd3-4914"},{"uid":"4dd3-4918"}]},"4dd3-4901":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-use-controllable-state@1.0.0_react@18.2.0/node_modules/@radix-ui/react-use-controllable-state/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4900"}],"importedBy":[{"uid":"4dd3-4889"},{"uid":"4dd3-4891"},{"uid":"4dd3-4914"}]},"4dd3-4902":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-compose-refs@1.0.0_react@18.2.0/node_modules/@radix-ui/react-compose-refs/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4891"},{"uid":"4dd3-4899"},{"uid":"4dd3-4905"},{"uid":"4dd3-4906"},{"uid":"4dd3-4908"},{"uid":"4dd3-4910"},{"uid":"4dd3-4911"},{"uid":"4dd3-4913"},{"uid":"4dd3-4914"}]},"4dd3-4903":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-id@1.0.0_react@18.2.0/node_modules/@radix-ui/react-id/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4917"}],"importedBy":[{"uid":"4dd3-4891"},{"uid":"4dd3-4899"},{"uid":"4dd3-4914"}]},"4dd3-4904":{"id":"react-dom","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4898"},{"uid":"4dd3-4912"},{"uid":"4dd3-4913"},{"uid":"4dd3-4919"}],"isExternal":true},"4dd3-4905":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-slot@1.0.0_react@18.2.0/node_modules/@radix-ui/react-slot/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4902"}],"importedBy":[{"uid":"4dd3-4898"},{"uid":"4dd3-4899"},{"uid":"4dd3-4906"}]},"4dd3-4906":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-collection@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-collection/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4897"},{"uid":"4dd3-4902"},{"uid":"4dd3-4905"}],"importedBy":[{"uid":"4dd3-4899"},{"uid":"4dd3-4914"}]},"4dd3-4907":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-direction@1.0.0_react@18.2.0/node_modules/@radix-ui/react-direction/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4899"},{"uid":"4dd3-4914"}]},"4dd3-4908":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-dismissable-layer@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-dismissable-layer/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4896"},{"uid":"4dd3-4898"},{"uid":"4dd3-4902"},{"uid":"4dd3-4900"},{"uid":"4dd3-4918"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4909":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-focus-guards@1.0.0_react@18.2.0/node_modules/@radix-ui/react-focus-guards/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4910":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-focus-scope@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-focus-scope/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4902"},{"uid":"4dd3-4898"},{"uid":"4dd3-4900"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4911":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-popper@1.0.0_zxljzmqdrxwnuenbkrz77w74uy/node_modules/@radix-ui/react-popper/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4919"},{"uid":"4dd3-4920"},{"uid":"4dd3-4902"},{"uid":"4dd3-4897"},{"uid":"4dd3-4898"},{"uid":"4dd3-4917"},{"uid":"4dd3-4921"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4912":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-portal@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-portal/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4904"},{"uid":"4dd3-4898"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4913":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-presence@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-presence/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4904"},{"uid":"4dd3-4902"},{"uid":"4dd3-4917"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4914":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-roving-focus@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-roving-focus/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4896"},{"uid":"4dd3-4906"},{"uid":"4dd3-4902"},{"uid":"4dd3-4897"},{"uid":"4dd3-4903"},{"uid":"4dd3-4898"},{"uid":"4dd3-4900"},{"uid":"4dd3-4901"},{"uid":"4dd3-4907"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4915":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/aria-hidden@1.1.3/node_modules/aria-hidden/dist/es2015/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4916":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4922"}],"importedBy":[{"uid":"4dd3-4899"}]},"4dd3-4917":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-use-layout-effect@1.0.0_react@18.2.0/node_modules/@radix-ui/react-use-layout-effect/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4903"},{"uid":"4dd3-4911"},{"uid":"4dd3-4913"},{"uid":"4dd3-4921"}]},"4dd3-4918":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-use-escape-keydown@1.0.0_react@18.2.0/node_modules/@radix-ui/react-use-escape-keydown/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4900"}],"importedBy":[{"uid":"4dd3-4908"}]},"4dd3-4919":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@floating-ui+react-dom@0.7.2_zxljzmqdrxwnuenbkrz77w74uy/node_modules/@floating-ui/react-dom/dist/floating-ui.react-dom.esm.js","moduleParts":{},"imported":[{"uid":"4dd3-4923"},{"uid":"4dd3-4867"},{"uid":"4dd3-4904"}],"importedBy":[{"uid":"4dd3-4911"}]},"4dd3-4920":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-arrow@1.0.0_biqbaboplfbrettd7655fr4n2y/node_modules/@radix-ui/react-arrow/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4895"},{"uid":"4dd3-4867"},{"uid":"4dd3-4898"}],"importedBy":[{"uid":"4dd3-4911"}]},"4dd3-4921":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@radix-ui+react-use-size@1.0.0_react@18.2.0/node_modules/@radix-ui/react-use-size/dist/index.module.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4917"}],"importedBy":[{"uid":"4dd3-4911"}]},"4dd3-4922":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/Combination.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"},{"uid":"4dd3-4925"},{"uid":"4dd3-4926"}],"importedBy":[{"uid":"4dd3-4916"}]},"4dd3-4923":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@floating-ui+dom@0.5.4/node_modules/@floating-ui/dom/dist/floating-ui.dom.esm.js","moduleParts":{},"imported":[{"uid":"4dd3-4927"}],"importedBy":[{"uid":"4dd3-4919"}]},"4dd3-4924":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/tslib@2.4.0/node_modules/tslib/tslib.es6.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4922"},{"uid":"4dd3-4925"},{"uid":"4dd3-4932"},{"uid":"4dd3-4941"},{"uid":"4dd3-4944"},{"uid":"4dd3-4945"},{"uid":"4dd3-4946"}]},"4dd3-4925":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/UI.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"},{"uid":"4dd3-4928"},{"uid":"4dd3-4929"},{"uid":"4dd3-4930"}],"importedBy":[{"uid":"4dd3-4922"}]},"4dd3-4926":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/sidecar.js","moduleParts":{},"imported":[{"uid":"4dd3-4931"},{"uid":"4dd3-4932"},{"uid":"4dd3-4930"}],"importedBy":[{"uid":"4dd3-4922"}]},"4dd3-4927":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/@floating-ui+core@0.7.3/node_modules/@floating-ui/core/dist/floating-ui.core.esm.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4923"}]},"4dd3-4928":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll-bar@2.3.3_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll-bar/dist/es2015/constants.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4925"},{"uid":"4dd3-4947"},{"uid":"4dd3-4952"}]},"4dd3-4929":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4933"},{"uid":"4dd3-4934"},{"uid":"4dd3-4935"},{"uid":"4dd3-4936"},{"uid":"4dd3-4937"},{"uid":"4dd3-4938"},{"uid":"4dd3-4939"},{"uid":"4dd3-4940"}],"importedBy":[{"uid":"4dd3-4925"}]},"4dd3-4930":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/medium.js","moduleParts":{},"imported":[{"uid":"4dd3-4931"}],"importedBy":[{"uid":"4dd3-4925"},{"uid":"4dd3-4926"}]},"4dd3-4931":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4941"},{"uid":"4dd3-4942"},{"uid":"4dd3-4943"},{"uid":"4dd3-4944"},{"uid":"4dd3-4945"},{"uid":"4dd3-4946"}],"importedBy":[{"uid":"4dd3-4926"},{"uid":"4dd3-4930"}]},"4dd3-4932":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/SideEffect.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"},{"uid":"4dd3-4947"},{"uid":"4dd3-4948"},{"uid":"4dd3-4949"},{"uid":"4dd3-4950"}],"importedBy":[{"uid":"4dd3-4926"}]},"4dd3-4933":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/assignRef.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4929"},{"uid":"4dd3-4936"},{"uid":"4dd3-4937"},{"uid":"4dd3-4938"},{"uid":"4dd3-4939"}]},"4dd3-4934":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/useRef.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4929"},{"uid":"4dd3-4937"},{"uid":"4dd3-4938"}]},"4dd3-4935":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/createRef.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4929"},{"uid":"4dd3-4936"},{"uid":"4dd3-4939"}]},"4dd3-4936":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/mergeRef.js","moduleParts":{},"imported":[{"uid":"4dd3-4933"},{"uid":"4dd3-4935"}],"importedBy":[{"uid":"4dd3-4929"}]},"4dd3-4937":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/useMergeRef.js","moduleParts":{},"imported":[{"uid":"4dd3-4933"},{"uid":"4dd3-4934"}],"importedBy":[{"uid":"4dd3-4929"}]},"4dd3-4938":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/useTransformRef.js","moduleParts":{},"imported":[{"uid":"4dd3-4933"},{"uid":"4dd3-4934"}],"importedBy":[{"uid":"4dd3-4929"}]},"4dd3-4939":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/transformRef.js","moduleParts":{},"imported":[{"uid":"4dd3-4933"},{"uid":"4dd3-4935"}],"importedBy":[{"uid":"4dd3-4929"}]},"4dd3-4940":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-callback-ref@1.3.0_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-callback-ref/dist/es2015/refToCallback.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4929"}]},"4dd3-4941":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/hoc.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"},{"uid":"4dd3-4942"}],"importedBy":[{"uid":"4dd3-4931"}]},"4dd3-4942":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/hook.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4951"}],"importedBy":[{"uid":"4dd3-4931"},{"uid":"4dd3-4941"}]},"4dd3-4943":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/config.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4931"}]},"4dd3-4944":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/medium.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"}],"importedBy":[{"uid":"4dd3-4931"}]},"4dd3-4945":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/renderProp.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4931"}]},"4dd3-4946":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/exports.js","moduleParts":{},"imported":[{"uid":"4dd3-4924"},{"uid":"4dd3-4867"}],"importedBy":[{"uid":"4dd3-4931"}]},"4dd3-4947":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll-bar@2.3.3_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll-bar/dist/es2015/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4952"},{"uid":"4dd3-4928"},{"uid":"4dd3-4953"}],"importedBy":[{"uid":"4dd3-4932"}]},"4dd3-4948":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-style-singleton@2.2.1_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-style-singleton/dist/es2015/index.js","moduleParts":{},"imported":[{"uid":"4dd3-4954"},{"uid":"4dd3-4955"},{"uid":"4dd3-4956"}],"importedBy":[{"uid":"4dd3-4932"},{"uid":"4dd3-4952"}]},"4dd3-4949":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/aggresiveCapture.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4932"}]},"4dd3-4950":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll@2.5.4_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll/dist/es2015/handleScroll.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4932"}]},"4dd3-4951":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/use-sidecar@1.1.2_ug65io7jkbhmo4fihdmbrh3ina/node_modules/use-sidecar/dist/es2015/env.js","moduleParts":{},"imported":[{"uid":"4dd3-4957"}],"importedBy":[{"uid":"4dd3-4942"}]},"4dd3-4952":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll-bar@2.3.3_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll-bar/dist/es2015/component.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4948"},{"uid":"4dd3-4928"},{"uid":"4dd3-4953"}],"importedBy":[{"uid":"4dd3-4947"}]},"4dd3-4953":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-remove-scroll-bar@2.3.3_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-remove-scroll-bar/dist/es2015/utils.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4947"},{"uid":"4dd3-4952"}]},"4dd3-4954":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-style-singleton@2.2.1_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-style-singleton/dist/es2015/component.js","moduleParts":{},"imported":[{"uid":"4dd3-4956"}],"importedBy":[{"uid":"4dd3-4948"}]},"4dd3-4955":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-style-singleton@2.2.1_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-style-singleton/dist/es2015/singleton.js","moduleParts":{},"imported":[{"uid":"4dd3-4958"}],"importedBy":[{"uid":"4dd3-4948"},{"uid":"4dd3-4956"}]},"4dd3-4956":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/react-style-singleton@2.2.1_ug65io7jkbhmo4fihdmbrh3ina/node_modules/react-style-singleton/dist/es2015/hook.js","moduleParts":{},"imported":[{"uid":"4dd3-4867"},{"uid":"4dd3-4955"}],"importedBy":[{"uid":"4dd3-4948"},{"uid":"4dd3-4954"}]},"4dd3-4957":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/detect-node-es@1.1.0/node_modules/detect-node-es/esm/node.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4951"}]},"4dd3-4958":{"id":"/Users/jamie/Projects/spacedrive/node_modules/.pnpm/get-nonce@1.0.1/node_modules/get-nonce/dist/es2015/index.js","moduleParts":{},"imported":[],"importedBy":[{"uid":"4dd3-4955"}]}},"env":{"rollup":"2.78.1"},"options":{"gzip":false,"brotli":false,"sourcemap":false}};
+
+    const run = () => {
+      const width = window.innerWidth;
+      const height = window.innerHeight;
+
+      const chartNode = document.querySelector("main");
+      drawChart.default(chartNode, data, width, height);
+    };
+
+    window.addEventListener('resize', run);
+
+    document.addEventListener('DOMContentLoaded', run);
+    /*-->*/
+  </script>
+</body>
+</html>
+
diff --git a/apps/mobile/rust/src/android.rs b/apps/mobile/rust/src/android.rs
index 3f51a5d49..3f25a3dd4 100644
--- a/apps/mobile/rust/src/android.rs
+++ b/apps/mobile/rust/src/android.rs
@@ -78,7 +78,7 @@ pub extern "system" fn Java_com_spacedrive_app_SDCore_handleCoreMsg(
 					env.get_string(data_dir.into()).unwrap().into()
 				};
 
-				let new_node = Node::new(data_dir).await;
+				let new_node = Node::new(data_dir).await.expect("Unable to create node");
 				node.replace(new_node.clone());
 				new_node
 			},
diff --git a/apps/mobile/src/components/file/FileItem.tsx b/apps/mobile/src/components/file/FileItem.tsx
index 352f4e17a..eb28883c3 100644
--- a/apps/mobile/src/components/file/FileItem.tsx
+++ b/apps/mobile/src/components/file/FileItem.tsx
@@ -37,7 +37,7 @@ const FileItem = ({ file }: FileItemProps) => {
 				{/* Folder Icons/Thumbnail etc. */}
 				<FileIcon file={file} />
 				<View style={tw`px-1.5 py-[1px] mt-1`}>
-					<Text numberOfLines={1} style={tw`text-gray-300 text-center text-xs font-medium`}>
+					<Text numberOfLines={1} style={tw`text-xs font-medium text-center text-gray-300`}>
 						{file?.name}
 					</Text>
 				</View>
diff --git a/apps/server/src/main.rs b/apps/server/src/main.rs
index 1a8fcca3e..85892f76e 100644
--- a/apps/server/src/main.rs
+++ b/apps/server/src/main.rs
@@ -33,7 +33,7 @@ async fn main() {
 		.map(|port| port.parse::<u16>().unwrap_or(8080))
 		.unwrap_or(8080);
 
-	let (node, router) = Node::new(data_dir).await;
+	let (node, router) = Node::new(data_dir).await.expect("Unable to create node");
 	let signal = utils::axum_shutdown_signal(node.clone());
 
 	let app = axum::Router::new()
@@ -43,7 +43,7 @@ async fn main() {
 			let node = node.clone();
 			get(|extract::Path(path): extract::Path<String>| async move {
 				let (status_code, content_type, body) =
-					node.handle_custom_uri(path.split('/').collect());
+					node.handle_custom_uri(path.split('/').collect()).await;
 
 				(
 					StatusCode::from_u16(status_code).unwrap(),
diff --git a/core/Cargo.toml b/core/Cargo.toml
index 59fd1da4e..8ef01c25b 100644
--- a/core/Cargo.toml
+++ b/core/Cargo.toml
@@ -15,7 +15,7 @@ p2p = [
 mobile = [
 ] # This feature allows features to be disabled when the Core is running on mobile.
 ffmpeg = [
-  "dep:ffmpeg-next",
+  "dep:ffmpeg-next", "dep:thumbnailer"
 ] # This feature controls whether the Spacedrive Core contains functionality which requires FFmpeg.
 
 [dependencies]
@@ -55,6 +55,7 @@ async-trait = "^0.1.52"
 image = "0.24.1"
 webp = "0.2.2"
 ffmpeg-next = { version = "5.0.3", optional = true, features = [] }
+thumbnailer = { path = "./thumbnailer", optional = true }
 fs_extra = "1.2.0"
 tracing = "0.1.35"
 tracing-subscriber = { version = "0.3.14", features = ["env-filter"] }
diff --git a/core/src/encode/thumb.rs b/core/src/encode/thumb.rs
index 21fbf2de0..551cfbf51 100644
--- a/core/src/encode/thumb.rs
+++ b/core/src/encode/thumb.rs
@@ -8,6 +8,7 @@ use crate::{
 
 use image::{self, imageops, DynamicImage, GenericImageView};
 use serde::{Deserialize, Serialize};
+use std::collections::VecDeque;
 use std::{
 	error::Error,
 	ops::Deref,
@@ -37,13 +38,26 @@ pub struct ThumbnailJobState {
 	root_path: PathBuf,
 }
 
-file_path::include!(image_path_with_file { file });
+file_path::include!(file_path_with_file { file });
+
+#[derive(Debug, Serialize, Deserialize, Clone, Copy)]
+enum ThumbnailJobStepKind {
+	Image,
+	#[cfg(feature = "ffmpeg")]
+	Video,
+}
+
+#[derive(Debug, Serialize, Deserialize)]
+pub struct ThumbnailJobStep {
+	file: file_path_with_file::Data,
+	kind: ThumbnailJobStepKind,
+}
 
 #[async_trait::async_trait]
 impl StatefulJob for ThumbnailJob {
 	type Init = ThumbnailJobInit;
 	type Data = ThumbnailJobState;
-	type Step = image_path_with_file::Data;
+	type Step = ThumbnailJobStep;
 
 	fn name(&self) -> &'static str {
 		THUMBNAIL_JOB_NAME
@@ -78,21 +92,81 @@ impl StatefulJob for ThumbnailJob {
 		fs::create_dir_all(&thumbnail_dir).await?;
 		let root_path = location.local_path.map(PathBuf::from).unwrap();
 
-		// query database for all files in this location that need thumbnails
-		let image_files =
-			get_images(&library_ctx, state.init.location_id, &state.init.path).await?;
-		info!("Found {:?} files", image_files.len());
+		// query database for all image files in this location that need thumbnails
+		let image_files = get_files_by_extension(
+			&library_ctx,
+			state.init.location_id,
+			&state.init.path,
+			vec![
+				"png".to_string(),
+				"jpeg".to_string(),
+				"jpg".to_string(),
+				"gif".to_string(),
+				"webp".to_string(),
+			],
+			ThumbnailJobStepKind::Image,
+		)
+		.await?;
+		info!("Found {:?} image files", image_files.len());
+
+		#[cfg(feature = "ffmpeg")]
+		let all_files = {
+			// query database for all video files in this location that need thumbnails
+			let video_files = get_files_by_extension(
+				&library_ctx,
+				state.init.location_id,
+				&state.init.path,
+				// Some formats extracted from https://ffmpeg.org/ffmpeg-formats.html
+				vec![
+					"avi".to_string(),
+					"asf".to_string(),
+					"mpeg".to_string(),
+					// "mpg".to_string(),
+					"mts".to_string(),
+					"mpe".to_string(),
+					"vob".to_string(),
+					"qt".to_string(),
+					"mov".to_string(),
+					"asf".to_string(),
+					"asx".to_string(),
+					// "swf".to_string(),
+					"mjpeg".to_string(),
+					"ts".to_string(),
+					"mxf".to_string(),
+					// "m2v".to_string(),
+					"m2ts".to_string(),
+					"f4v".to_string(),
+					"wm".to_string(),
+					"3gp".to_string(),
+					"m4v".to_string(),
+					"wmv".to_string(),
+					"mp4".to_string(),
+					"webm".to_string(),
+					"flv".to_string(),
+				],
+				ThumbnailJobStepKind::Video,
+			)
+			.await?;
+			info!("Found {:?} video files", video_files.len());
+
+			image_files
+				.into_iter()
+				.chain(video_files.into_iter())
+				.collect::<VecDeque<_>>()
+		};
+		#[cfg(not(feature = "ffmpeg"))]
+		let all_files = { image_files.into_iter().collect::<VecDeque<_>>() };
 
 		ctx.progress(vec![
-			JobReportUpdate::TaskCount(image_files.len()),
-			JobReportUpdate::Message(format!("Preparing to process {} files", image_files.len())),
+			JobReportUpdate::TaskCount(all_files.len()),
+			JobReportUpdate::Message(format!("Preparing to process {} files", all_files.len())),
 		]);
 
 		state.data = Some(ThumbnailJobState {
 			thumbnail_dir,
 			root_path,
 		});
-		state.steps = image_files.into_iter().collect();
+		state.steps = all_files;
 
 		Ok(())
 	}
@@ -105,7 +179,7 @@ impl StatefulJob for ThumbnailJob {
 		let step = &state.steps[0];
 		ctx.progress(vec![JobReportUpdate::Message(format!(
 			"Processing {}",
-			step.materialized_path
+			step.file.materialized_path
 		))]);
 
 		let data = state
@@ -114,16 +188,16 @@ impl StatefulJob for ThumbnailJob {
 			.expect("critical error: missing data on job state");
 
 		// assemble the file path
-		let path = data.root_path.join(&step.materialized_path);
+		let path = data.root_path.join(&step.file.materialized_path);
 		trace!("image_file {:?}", step);
 
 		// get cas_id, if none found skip
-		let cas_id = match &step.file {
+		let cas_id = match &step.file.file {
 			Some(f) => f.cas_id.clone(),
 			_ => {
 				warn!(
 					"skipping thumbnail generation for {}",
-					step.materialized_path
+					step.file.materialized_path
 				);
 				return Ok(());
 			}
@@ -136,8 +210,18 @@ impl StatefulJob for ThumbnailJob {
 		if !output_path.exists() {
 			info!("Writing {:?} to {:?}", path, output_path);
 
-			if let Err(e) = generate_thumbnail(&path, &output_path).await {
-				error!("Error generating thumb {:?}", e);
+			match step.kind {
+				ThumbnailJobStepKind::Image => {
+					if let Err(e) = generate_image_thumbnail(&path, &output_path).await {
+						error!("Error generating thumb for image {:#?}", e);
+					}
+				}
+				#[cfg(feature = "ffmpeg")]
+				ThumbnailJobStepKind::Video => {
+					if let Err(e) = generate_video_thumbnail(&path, &output_path).await {
+						error!("Error generating thumb for video: {:?} {:#?}", &path, e);
+					}
+				}
 			}
 
 			if !state.init.background {
@@ -178,7 +262,7 @@ impl StatefulJob for ThumbnailJob {
 	}
 }
 
-pub async fn generate_thumbnail<P: AsRef<Path>>(
+async fn generate_image_thumbnail<P: AsRef<Path>>(
 	file_path: P,
 	output_path: P,
 ) -> Result<(), Box<dyn Error>> {
@@ -190,6 +274,7 @@ pub async fn generate_thumbnail<P: AsRef<Path>>(
 		// Optionally, resize the existing photo and convert back into DynamicImage
 		let img = DynamicImage::ImageRgba8(imageops::resize(
 			&img,
+			// FIXME : Think of a better heuristic to get the thumbnail size
 			(w as f32 * THUMBNAIL_SIZE_FACTOR) as u32,
 			(h as f32 * THUMBNAIL_SIZE_FACTOR) as u32,
 			imageops::FilterType::Triangle,
@@ -205,25 +290,31 @@ pub async fn generate_thumbnail<P: AsRef<Path>>(
 		Ok(encoder.encode(THUMBNAIL_QUALITY).deref().to_owned())
 	})?;
 
-	fs::write(output_path, &webp).await?;
+	fs::write(output_path, &webp).await.map_err(Into::into)
+}
+
+#[cfg(feature = "ffmpeg")]
+async fn generate_video_thumbnail<P: AsRef<Path>>(
+	file_path: P,
+	output_path: P,
+) -> Result<(), Box<dyn Error>> {
+	use thumbnailer::to_thumbnail;
+
+	to_thumbnail(file_path, output_path, 256, THUMBNAIL_QUALITY).await?;
 
 	Ok(())
 }
 
-pub async fn get_images(
+async fn get_files_by_extension(
 	ctx: &LibraryContext,
 	location_id: i32,
 	path: impl AsRef<Path>,
-) -> Result<Vec<image_path_with_file::Data>, JobError> {
+	extensions: Vec<String>,
+	kind: ThumbnailJobStepKind,
+) -> Result<Vec<ThumbnailJobStep>, JobError> {
 	let mut params = vec![
 		file_path::location_id::equals(location_id),
-		file_path::extension::in_vec(vec![
-			"png".to_string(),
-			"jpeg".to_string(),
-			"jpg".to_string(),
-			"gif".to_string(),
-			"webp".to_string(),
-		]),
+		file_path::extension::in_vec(extensions),
 	];
 
 	let path_str = path.as_ref().to_string_lossy().to_string();
@@ -232,11 +323,14 @@ pub async fn get_images(
 		params.push(file_path::materialized_path::starts_with(path_str));
 	}
 
-	ctx.db
+	Ok(ctx
+		.db
 		.file_path()
 		.find_many(params)
-		.include(image_path_with_file::include())
+		.include(file_path_with_file::include())
 		.exec()
-		.await
-		.map_err(Into::into)
+		.await?
+		.into_iter()
+		.map(|file| ThumbnailJobStep { file, kind })
+		.collect())
 }
diff --git a/core/src/lib.rs b/core/src/lib.rs
index ad5c927d0..fd11734e6 100644
--- a/core/src/lib.rs
+++ b/core/src/lib.rs
@@ -2,12 +2,16 @@ use api::{CoreEvent, Ctx, Router};
 use job::JobManager;
 use library::LibraryManager;
 use node::NodeConfigManager;
-use std::{fs::File, io::Read, path::Path, sync::Arc};
+use std::{path::Path, sync::Arc};
+use thiserror::Error;
+use tokio::{
+	fs::{self, File},
+	io::AsyncReadExt,
+	sync::broadcast,
+};
 use tracing::{error, info};
 use tracing_subscriber::{filter::LevelFilter, fmt, prelude::*, EnvFilter};
 
-use tokio::{fs, sync::broadcast};
-
 pub mod api;
 pub(crate) mod encode;
 pub(crate) mod file;
@@ -41,9 +45,9 @@ const CONSOLE_LOG_FILTER: LevelFilter = LevelFilter::DEBUG;
 const CONSOLE_LOG_FILTER: LevelFilter = LevelFilter::INFO;
 
 impl Node {
-	pub async fn new(data_dir: impl AsRef<Path>) -> (Arc<Node>, Arc<Router>) {
+	pub async fn new(data_dir: impl AsRef<Path>) -> Result<(Arc<Node>, Arc<Router>), NodeError> {
 		let data_dir = data_dir.as_ref();
-		fs::create_dir_all(&data_dir).await.unwrap();
+		fs::create_dir_all(&data_dir).await?;
 
 		tracing_subscriber::registry()
 			.with(
@@ -69,18 +73,18 @@ impl Node {
 			.init();
 
 		let event_bus = broadcast::channel(1024);
-		let config = NodeConfigManager::new(data_dir.to_owned()).await.unwrap();
+		let config = NodeConfigManager::new(data_dir.to_path_buf()).await?;
 
 		let jobs = JobManager::new();
-		let node_ctx = NodeContext {
-			config: config.clone(),
-			jobs: jobs.clone(),
-			event_bus_tx: event_bus.0.clone(),
-		};
-		let library_manager =
-			LibraryManager::new(data_dir.to_owned().join("libraries"), node_ctx.clone())
-				.await
-				.unwrap();
+		let library_manager = LibraryManager::new(
+			data_dir.join("libraries"),
+			NodeContext {
+				config: Arc::clone(&config),
+				jobs: Arc::clone(&jobs),
+				event_bus_tx: event_bus.0.clone(),
+			},
+		)
+		.await?;
 
 		// Trying to resume possible paused jobs
 		let inner_library_manager = Arc::clone(&library_manager);
@@ -96,14 +100,12 @@ impl Node {
 		let router = api::mount();
 		let node = Node {
 			config,
-			library_manager: LibraryManager::new(data_dir.join("libraries"), node_ctx)
-				.await
-				.unwrap(),
+			library_manager,
 			jobs,
 			event_bus,
 		};
 
-		(Arc::new(node), router)
+		Ok((Arc::new(node), router))
 	}
 
 	pub fn get_request_context(&self) -> Ctx {
@@ -116,8 +118,7 @@ impl Node {
 	}
 
 	// Note: this system doesn't use chunked encoding which could prove a problem with large files but I can't see an easy way to do chunked encoding with Tauri custom URIs.
-	// It would also be nice to use Tokio Filesystem operations instead of the std ones which block. Tauri's custom URI protocols don't seem to support async out of the box.
-	pub fn handle_custom_uri(
+	pub async fn handle_custom_uri(
 		&self,
 		path: Vec<&str>,
 	) -> (
@@ -139,14 +140,14 @@ impl Node {
 					.join("thumbnails")
 					.join(path[1] /* file_cas_id */)
 					.with_extension("webp");
-				match File::open(&filename) {
+				match File::open(&filename).await {
 					Ok(mut file) => {
-						let mut buf = match std::fs::metadata(&filename) {
+						let mut buf = match fs::metadata(&filename).await {
 							Ok(metadata) => Vec::with_capacity(metadata.len() as usize),
 							Err(_) => Vec::new(),
 						};
 
-						file.read_to_end(&mut buf).unwrap();
+						file.read_to_end(&mut buf).await.unwrap();
 						(200, "image/webp", buf)
 					}
 					Err(_) => (404, "text/html", b"File Not Found".to_vec()),
@@ -166,3 +167,14 @@ impl Node {
 		info!("Spacedrive Core shutdown successful!");
 	}
 }
+
+/// Error type for Node related errors.
+#[derive(Error, Debug)]
+pub enum NodeError {
+	#[error("Failed to create data directory: {0}")]
+	FailedToCreateDataDirectory(#[from] std::io::Error),
+	#[error("Failed to initialize config: {0}")]
+	FailedToInitializeConfig(#[from] node::NodeConfigError),
+	#[error("Failed to initialize library manager: {0}")]
+	FailedToInitializeLibraryManager(#[from] library::LibraryManagerError),
+}
diff --git a/core/thumbnailer/.gitignore b/core/thumbnailer/.gitignore
new file mode 100644
index 000000000..defd641a2
--- /dev/null
+++ b/core/thumbnailer/.gitignore
@@ -0,0 +1,303 @@
+
+# Created by https://www.toptal.com/developers/gitignore/api/rust,linux,intellij+all,visualstudiocode,sublimetext,windows,macos,vim,emacs
+# Edit at https://www.toptal.com/developers/gitignore?templates=rust,linux,intellij+all,visualstudiocode,sublimetext,windows,macos,vim,emacs
+
+### Emacs ###
+# -*- mode: gitignore; -*-
+*~
+\#*\#
+/.emacs.desktop
+/.emacs.desktop.lock
+*.elc
+auto-save-list
+tramp
+.\#*
+
+# Org-mode
+.org-id-locations
+*_archive
+
+# flymake-mode
+*_flymake.*
+
+# eshell files
+/eshell/history
+/eshell/lastdir
+
+# elpa packages
+/elpa/
+
+# reftex files
+*.rel
+
+# AUCTeX auto folder
+/auto/
+
+# cask packages
+.cask/
+dist/
+
+# Flycheck
+flycheck_*.el
+
+# server auth directory
+/server/
+
+# projectiles files
+.projectile
+
+# directory configuration
+.dir-locals.el
+
+# network security
+/network-security.data
+
+
+### Intellij+all ###
+# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio, WebStorm and Rider
+# Reference: https://intellij-support.jetbrains.com/hc/en-us/articles/206544839
+
+# User-specific stuff
+.idea/**/workspace.xml
+.idea/**/tasks.xml
+.idea/**/usage.statistics.xml
+.idea/**/dictionaries
+.idea/**/shelf
+
+# AWS User-specific
+.idea/**/aws.xml
+
+# Generated files
+.idea/**/contentModel.xml
+
+# Sensitive or high-churn files
+.idea/**/dataSources/
+.idea/**/dataSources.ids
+.idea/**/dataSources.local.xml
+.idea/**/sqlDataSources.xml
+.idea/**/dynamic.xml
+.idea/**/uiDesigner.xml
+.idea/**/dbnavigator.xml
+
+# Gradle
+.idea/**/gradle.xml
+.idea/**/libraries
+
+# Gradle and Maven with auto-import
+# When using Gradle or Maven with auto-import, you should exclude module files,
+# since they will be recreated, and may cause churn.  Uncomment if using
+# auto-import.
+# .idea/artifacts
+# .idea/compiler.xml
+# .idea/jarRepositories.xml
+# .idea/modules.xml
+# .idea/*.iml
+# .idea/modules
+# *.iml
+# *.ipr
+
+# CMake
+cmake-build-*/
+
+# Mongo Explorer plugin
+.idea/**/mongoSettings.xml
+
+# File-based project format
+*.iws
+
+# IntelliJ
+out/
+
+# mpeltonen/sbt-idea plugin
+.idea_modules/
+
+# JIRA plugin
+atlassian-ide-plugin.xml
+
+# Cursive Clojure plugin
+.idea/replstate.xml
+
+# SonarLint plugin
+.idea/sonarlint/
+
+# Crashlytics plugin (for Android Studio and IntelliJ)
+com_crashlytics_export_strings.xml
+crashlytics.properties
+crashlytics-build.properties
+fabric.properties
+
+# Editor-based Rest Client
+.idea/httpRequests
+
+# Android studio 3.1+ serialized cache file
+.idea/caches/build_file_checksums.ser
+
+### Intellij+all Patch ###
+# Ignore everything but code style settings and run configurations
+# that are supposed to be shared within teams.
+
+.idea/*
+
+!.idea/codeStyles
+!.idea/runConfigurations
+
+### Linux ###
+
+# temporary files which can be created if a process still has a handle open of a deleted file
+.fuse_hidden*
+
+# KDE directory preferences
+.directory
+
+# Linux trash folder which might appear on any partition or disk
+.Trash-*
+
+# .nfs files are created when an open file is removed but is still being accessed
+.nfs*
+
+### macOS ###
+# General
+.DS_Store
+.AppleDouble
+.LSOverride
+
+# Icon must end with two \r
+Icon
+
+
+# Thumbnails
+._*
+
+# Files that might appear in the root of a volume
+.DocumentRevisions-V100
+.fseventsd
+.Spotlight-V100
+.TemporaryItems
+.Trashes
+.VolumeIcon.icns
+.com.apple.timemachine.donotpresent
+
+# Directories potentially created on remote AFP share
+.AppleDB
+.AppleDesktop
+Network Trash Folder
+Temporary Items
+.apdisk
+
+### Rust ###
+# Generated by Cargo
+# will have compiled files and executables
+debug/
+target/
+
+# Remove Cargo.lock from gitignore if creating an executable, leave it for libraries
+# More information here https://doc.rust-lang.org/cargo/guide/cargo-toml-vs-cargo-lock.html
+Cargo.lock
+
+# These are backup files generated by rustfmt
+**/*.rs.bk
+
+# MSVC Windows builds of rustc generate these, which store debugging information
+*.pdb
+
+### SublimeText ###
+# Cache files for Sublime Text
+*.tmlanguage.cache
+*.tmPreferences.cache
+*.stTheme.cache
+
+# Workspace files are user-specific
+*.sublime-workspace
+
+# Project files should be checked into the repository, unless a significant
+# proportion of contributors will probably not be using Sublime Text
+# *.sublime-project
+
+# SFTP configuration file
+sftp-config.json
+sftp-config-alt*.json
+
+# Package control specific files
+Package Control.last-run
+Package Control.ca-list
+Package Control.ca-bundle
+Package Control.system-ca-bundle
+Package Control.cache/
+Package Control.ca-certs/
+Package Control.merged-ca-bundle
+Package Control.user-ca-bundle
+oscrypto-ca-bundle.crt
+bh_unicode_properties.cache
+
+# Sublime-github package stores a github token in this file
+# https://packagecontrol.io/packages/sublime-github
+GitHub.sublime-settings
+
+### Vim ###
+# Swap
+[._]*.s[a-v][a-z]
+!*.svg  # comment out if you don't need vector files
+[._]*.sw[a-p]
+[._]s[a-rt-v][a-z]
+[._]ss[a-gi-z]
+[._]sw[a-p]
+
+# Session
+Session.vim
+Sessionx.vim
+
+# Temporary
+.netrwhist
+# Auto-generated tag files
+tags
+# Persistent undo
+[._]*.un~
+
+### VisualStudioCode ###
+.vscode/*
+!.vscode/settings.json
+!.vscode/tasks.json
+!.vscode/launch.json
+!.vscode/extensions.json
+!.vscode/*.code-snippets
+
+# Local History for Visual Studio Code
+.history/
+
+# Built Visual Studio Code Extensions
+*.vsix
+
+### VisualStudioCode Patch ###
+# Ignore all local history of files
+.history
+.ionide
+
+# Support for Project snippet scope
+
+### Windows ###
+# Windows thumbnail cache files
+Thumbs.db
+Thumbs.db:encryptable
+ehthumbs.db
+ehthumbs_vista.db
+
+# Dump file
+*.stackdump
+
+# Folder config file
+[Dd]esktop.ini
+
+# Recycle Bin used on file shares
+$RECYCLE.BIN/
+
+# Windows Installer files
+*.cab
+*.msi
+*.msix
+*.msm
+*.msp
+
+# Windows shortcuts
+*.lnk
+
+# End of https://www.toptal.com/developers/gitignore/api/rust,linux,intellij+all,visualstudiocode,sublimetext,windows,macos,vim,emacs
\ No newline at end of file
diff --git a/core/thumbnailer/Cargo.toml b/core/thumbnailer/Cargo.toml
new file mode 100644
index 000000000..83508df6b
--- /dev/null
+++ b/core/thumbnailer/Cargo.toml
@@ -0,0 +1,22 @@
+[package]
+name = "thumbnailer"
+version = "0.1.0"
+authors = ["Ericson Soares <ericson.ds999@gmail.com>"]
+edition = "2021"
+readme = "README.md"
+description = "A simple library to generate video thumbnails using ffmpeg with the webp format"
+license = "MIT"
+rust-version = "1.64.0"
+resolver = "2"
+
+# See more keys and their definitions at https://doc.rust-lang.org/cargo/reference/manifest.html
+
+[dependencies]
+ffmpeg-sys-next = "5.1.1"
+thiserror = "1.0.35"
+webp = "0.2.2"
+tokio = { version = "1.21.1", features = ["fs", "rt"] }
+
+[dev-dependencies]
+tempfile = "3.3.0"
+tokio = { version = "1.21.1", features = ["fs", "rt", "macros"] }
diff --git a/core/thumbnailer/README.md b/core/thumbnailer/README.md
new file mode 100644
index 000000000..66f535fd6
--- /dev/null
+++ b/core/thumbnailer/README.md
@@ -0,0 +1,39 @@
+# FFMPEG Thumbnailer RS
+
+Rust implementation of a thumbnail generation for video files using ffmpeg. 
+Based on https://github.com/dirkvdb/ffmpegthumbnailer
+
+For now only implements the minimum API for Spacedrive needs. PRs are welcome
+
+## Usage
+
+```rust
+
+use ffmpegthumbnailer_rs::{to_thumbnail, ThumbnailerError};
+
+#[tokio::main]
+async fn main() -> Result<(), ThumbnailerError> {
+    to_thumbnail("input.mp4", "output.webp", 256, 100.0).await
+}
+
+```
+
+Or you can use a builder to change the default options
+
+```rust
+
+use ffmpegthumbnailer_rs::{ThumbnailerBuilder, ThumbnailerError};
+
+#[tokio::main]
+async fn main() -> Result<(), ThumbnailerError> {
+    let thumbnailer = ThumbnailerBuilder::new()
+        .width_and_height(420, 315)
+        .seek_percentage(0.25)?
+        .with_film_strip(false)
+        .quality(80.0)?
+        .build();
+    
+    thumbnailer.process("input.mp4", "output.webp").await
+}
+
+```
\ No newline at end of file
diff --git a/core/thumbnailer/src/error.rs b/core/thumbnailer/src/error.rs
new file mode 100644
index 000000000..48cb7e0bc
--- /dev/null
+++ b/core/thumbnailer/src/error.rs
@@ -0,0 +1,142 @@
+use std::ffi::c_int;
+use std::path::PathBuf;
+use thiserror::Error;
+use tokio::task::JoinError;
+
+use ffmpeg_sys_next::{
+	AVERROR_BSF_NOT_FOUND, AVERROR_BUFFER_TOO_SMALL, AVERROR_BUG, AVERROR_BUG2,
+	AVERROR_DECODER_NOT_FOUND, AVERROR_DEMUXER_NOT_FOUND, AVERROR_ENCODER_NOT_FOUND, AVERROR_EOF,
+	AVERROR_EXIT, AVERROR_EXTERNAL, AVERROR_FILTER_NOT_FOUND, AVERROR_HTTP_BAD_REQUEST,
+	AVERROR_HTTP_FORBIDDEN, AVERROR_HTTP_NOT_FOUND, AVERROR_HTTP_OTHER_4XX,
+	AVERROR_HTTP_SERVER_ERROR, AVERROR_HTTP_UNAUTHORIZED, AVERROR_INVALIDDATA,
+	AVERROR_MUXER_NOT_FOUND, AVERROR_OPTION_NOT_FOUND, AVERROR_PATCHWELCOME,
+	AVERROR_PROTOCOL_NOT_FOUND, AVERROR_STREAM_NOT_FOUND, AVERROR_UNKNOWN, AVUNERROR,
+};
+
+/// Error type for the library.
+#[derive(Error, Debug)]
+pub enum ThumbnailerError {
+	#[error("I/O Error: {0}")]
+	Io(#[from] std::io::Error),
+	#[error("Path conversion error: Path: {0:#?}")]
+	PathConversion(PathBuf),
+	#[error("FFMPEG internal error: {0}")]
+	Ffmpeg(#[from] FfmpegError),
+	#[error("FFMPEG internal error: {0}; Reason: {1}")]
+	FfmpegWithReason(FfmpegError, String),
+	#[error("Failed to decode video frame")]
+	FrameDecodeError,
+	#[error("Failed to seek video")]
+	SeekError,
+	#[error("Seek not allowed")]
+	SeekNotAllowed,
+	#[error("Received an invalid seek percentage: {0}")]
+	InvalidSeekPercentage(f32),
+	#[error("Received an invalid quality, expected range [0.0, 100.0], received: {0}")]
+	InvalidQuality(f32),
+	#[error("Background task failed: {0}")]
+	BackgroundTaskFailed(#[from] JoinError),
+}
+
+/// Enum to represent possible errors from FFMPEG library
+///
+/// Extracted from https://ffmpeg.org/doxygen/trunk/group__lavu__error.html
+#[derive(Error, Debug)]
+pub enum FfmpegError {
+	#[error("Bitstream filter not found")]
+	BitstreamFilterNotFound,
+	#[error("Internal bug, also see AVERROR_BUG2")]
+	InternalBug,
+	#[error("Buffer too small")]
+	BufferTooSmall,
+	#[error("Decoder not found")]
+	DecoderNotFound,
+	#[error("Demuxer not found")]
+	DemuxerNotFound,
+	#[error("Encoder not found")]
+	EncoderNotFound,
+	#[error("End of file")]
+	Eof,
+	#[error("Immediate exit was requested; the called function should not be restarted")]
+	Exit,
+	#[error("Generic error in an external library")]
+	External,
+	#[error("Filter not found")]
+	FilterNotFound,
+	#[error("Invalid data found when processing input")]
+	InvalidData,
+	#[error("Muxer not found")]
+	MuxerNotFound,
+	#[error("Option not found")]
+	OptionNotFound,
+	#[error("Not yet implemented in FFmpeg, patches welcome")]
+	NotImplemented,
+	#[error("Protocol not found")]
+	ProtocolNotFound,
+	#[error("Stream not found")]
+	StreamNotFound,
+	#[error("This is semantically identical to AVERROR_BUG it has been introduced in Libav after our AVERROR_BUG and with a modified value")]
+	InternalBug2,
+	#[error("Unknown error, typically from an external library")]
+	Unknown,
+	#[error("Requested feature is flagged experimental. Set strict_std_compliance if you really want to use it")]
+	Experimental,
+	#[error("Input changed between calls. Reconfiguration is required. (can be OR-ed with AVERROR_OUTPUT_CHANGED)")]
+	InputChanged,
+	#[error("Output changed between calls. Reconfiguration is required. (can be OR-ed with AVERROR_INPUT_CHANGED)")]
+	OutputChanged,
+	#[error("HTTP Bad Request: 400")]
+	HttpBadRequest,
+	#[error("HTTP Unauthorized: 401")]
+	HttpUnauthorized,
+	#[error("HTTP Forbidden: 403")]
+	HttpForbidden,
+	#[error("HTTP Not Found: 404")]
+	HttpNotFound,
+	#[error("Other HTTP error: 4xx")]
+	HttpOther4xx,
+	#[error("HTTP Internal Server Error: 500")]
+	HttpServerError,
+	#[error("Other OS error, errno = {0}")]
+	OtherOSError(c_int),
+	#[error("Frame allocation error")]
+	FrameAllocation,
+	#[error("Video Codec allocation error")]
+	VideoCodecAllocation,
+	#[error("Filter Graph allocation error")]
+	FilterGraphAllocation,
+	#[error("Codec Open Error")]
+	CodecOpen,
+}
+
+impl From<c_int> for FfmpegError {
+	fn from(code: c_int) -> Self {
+		match code {
+			AVERROR_BSF_NOT_FOUND => FfmpegError::BitstreamFilterNotFound,
+			AVERROR_BUG => FfmpegError::InternalBug,
+			AVERROR_BUFFER_TOO_SMALL => FfmpegError::BufferTooSmall,
+			AVERROR_DECODER_NOT_FOUND => FfmpegError::DecoderNotFound,
+			AVERROR_DEMUXER_NOT_FOUND => FfmpegError::DemuxerNotFound,
+			AVERROR_ENCODER_NOT_FOUND => FfmpegError::EncoderNotFound,
+			AVERROR_EOF => FfmpegError::Eof,
+			AVERROR_EXIT => FfmpegError::Exit,
+			AVERROR_EXTERNAL => FfmpegError::External,
+			AVERROR_FILTER_NOT_FOUND => FfmpegError::FilterNotFound,
+			AVERROR_INVALIDDATA => FfmpegError::InvalidData,
+			AVERROR_MUXER_NOT_FOUND => FfmpegError::MuxerNotFound,
+			AVERROR_OPTION_NOT_FOUND => FfmpegError::OptionNotFound,
+			AVERROR_PATCHWELCOME => FfmpegError::NotImplemented,
+			AVERROR_PROTOCOL_NOT_FOUND => FfmpegError::ProtocolNotFound,
+			AVERROR_STREAM_NOT_FOUND => FfmpegError::StreamNotFound,
+			AVERROR_BUG2 => FfmpegError::InternalBug2,
+			AVERROR_UNKNOWN => FfmpegError::Unknown,
+			AVERROR_HTTP_BAD_REQUEST => FfmpegError::HttpBadRequest,
+			AVERROR_HTTP_UNAUTHORIZED => FfmpegError::HttpUnauthorized,
+			AVERROR_HTTP_FORBIDDEN => FfmpegError::HttpForbidden,
+			AVERROR_HTTP_NOT_FOUND => FfmpegError::HttpNotFound,
+			AVERROR_HTTP_OTHER_4XX => FfmpegError::HttpOther4xx,
+			AVERROR_HTTP_SERVER_ERROR => FfmpegError::HttpServerError,
+			other => FfmpegError::OtherOSError(AVUNERROR(other)),
+		}
+	}
+}
diff --git a/core/thumbnailer/src/film_strip.rs b/core/thumbnailer/src/film_strip.rs
new file mode 100644
index 000000000..c3f09e776
--- /dev/null
+++ b/core/thumbnailer/src/film_strip.rs
@@ -0,0 +1,693 @@
+use crate::video_frame::VideoFrame;
+
+static FILM_STRIP_4: [u8; 4 * 4 * 3] = [
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 107, 107, 107, 135, 135, 135, 55, 55, 55, 0, 0, 0,
+	159, 159, 159, 195, 195, 195, 82, 82, 82, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+];
+
+static FILM_STRIP_8: [u8; 8 * 8 * 3] = [
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 32, 32, 32, 55, 55, 55, 58,
+	58, 58, 58, 58, 58, 52, 52, 52, 1, 1, 1, 0, 0, 0, 2, 2, 2, 133, 133, 133, 208, 208, 208, 219,
+	219, 219, 219, 219, 219, 203, 203, 203, 26, 26, 26, 0, 0, 0, 2, 2, 2, 158, 158, 158, 240, 240,
+	240, 251, 251, 251, 251, 251, 251, 235, 235, 235, 31, 31, 31, 0, 0, 0, 0, 0, 0, 70, 70, 70,
+	115, 115, 115, 121, 121, 121, 121, 121, 121, 110, 110, 110, 2, 2, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0,
+];
+
+static FILM_STRIP_16: [u8; 16 * 16 * 3] = [
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 9, 9, 9, 12, 12, 12, 13, 13, 13, 13, 13, 13, 13,
+	13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 13, 4, 4, 4, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 56, 56, 56, 89, 89, 89, 114, 114, 114, 124, 124, 124, 128, 128, 128, 128, 128, 128,
+	128, 128, 128, 128, 128, 128, 122, 122, 122, 109, 109, 109, 19, 19, 19, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 9, 9, 9, 89, 89, 89, 140, 140, 140, 175, 175, 175, 190, 190, 190, 194, 194, 194,
+	194, 194, 194, 194, 194, 194, 193, 193, 193, 187, 187, 187, 168, 168, 168, 64, 64, 64, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 113, 113, 113, 175, 175, 175, 214, 214, 214, 231, 231,
+	231, 235, 235, 235, 236, 236, 236, 236, 236, 236, 235, 235, 235, 228, 228, 228, 207, 207, 207,
+	80, 80, 80, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 13, 13, 13, 123, 123, 123, 188, 188, 188, 229,
+	229, 229, 245, 245, 245, 250, 250, 250, 251, 251, 251, 251, 251, 251, 249, 249, 249, 243, 243,
+	243, 221, 221, 221, 86, 86, 86, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 12, 12, 12, 120, 120, 120,
+	184, 184, 184, 224, 224, 224, 241, 241, 241, 245, 245, 245, 246, 246, 246, 246, 246, 246, 245,
+	245, 245, 238, 238, 238, 217, 217, 217, 85, 85, 85, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 1,
+	1, 103, 103, 103, 160, 160, 160, 198, 198, 198, 214, 214, 214, 218, 218, 218, 220, 220, 220,
+	220, 220, 220, 218, 218, 218, 212, 212, 212, 191, 191, 191, 34, 34, 34, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 1, 1, 1, 26, 26, 26, 32, 32, 32, 35, 35, 35, 36, 36, 36, 36, 36, 36, 36,
+	36, 36, 36, 36, 36, 35, 35, 35, 10, 10, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+];
+
+static FILM_STRIP_32: [u8; 32 * 32 * 3] = [
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 11, 11, 11,
+	23, 23, 23, 28, 28, 28, 32, 32, 32, 34, 34, 34, 36, 36, 36, 37, 37, 37, 37, 37, 37, 38, 38, 38,
+	38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 38, 37, 37, 37, 37, 37, 37, 35, 35, 35,
+	29, 29, 29, 3, 3, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 28, 28, 28, 54, 54, 54, 69, 69, 69, 83, 83, 83, 93, 93, 93,
+	101, 101, 101, 105, 105, 105, 108, 108, 108, 109, 109, 109, 111, 111, 111, 110, 110, 110, 110,
+	110, 110, 110, 110, 110, 110, 110, 110, 110, 110, 110, 109, 109, 109, 107, 107, 107, 103, 103,
+	103, 97, 97, 97, 88, 88, 88, 13, 13, 13, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 11, 11, 11, 54, 54, 54, 74, 74, 74, 93, 93, 93, 110, 110,
+	110, 124, 124, 124, 133, 133, 133, 139, 139, 139, 143, 143, 143, 144, 144, 144, 145, 145, 145,
+	145, 145, 145, 145, 145, 145, 145, 145, 145, 146, 146, 146, 145, 145, 145, 144, 144, 144, 141,
+	141, 141, 136, 136, 136, 129, 129, 129, 118, 118, 118, 88, 88, 88, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 23, 23, 23, 69, 69, 69, 93, 93,
+	93, 117, 117, 117, 138, 138, 138, 154, 154, 154, 165, 165, 165, 172, 172, 172, 176, 176, 176,
+	178, 178, 178, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 179, 178,
+	178, 178, 177, 177, 177, 174, 174, 174, 170, 170, 170, 161, 161, 161, 146, 146, 146, 128, 128,
+	128, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	28, 28, 28, 82, 82, 82, 110, 110, 110, 138, 138, 138, 162, 162, 162, 180, 180, 180, 192, 192,
+	192, 200, 200, 200, 204, 204, 204, 206, 206, 206, 207, 207, 207, 207, 207, 207, 207, 207, 207,
+	207, 207, 207, 207, 207, 207, 207, 207, 207, 205, 205, 205, 202, 202, 202, 197, 197, 197, 187,
+	187, 187, 172, 172, 172, 151, 151, 151, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 32, 32, 32, 92, 92, 92, 124, 124, 124, 154, 154, 154, 180,
+	180, 180, 199, 199, 199, 212, 212, 212, 220, 220, 220, 225, 225, 225, 226, 226, 226, 227, 227,
+	227, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 227, 227, 227, 226, 226, 226,
+	223, 223, 223, 217, 217, 217, 207, 207, 207, 191, 191, 191, 168, 168, 168, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 100, 100, 100,
+	134, 134, 134, 165, 165, 165, 192, 192, 192, 212, 212, 212, 226, 226, 226, 234, 234, 234, 238,
+	238, 238, 240, 240, 240, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241,
+	241, 241, 241, 241, 240, 240, 240, 236, 236, 236, 230, 230, 230, 220, 220, 220, 203, 203, 203,
+	180, 180, 180, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 36, 36, 36, 104, 104, 104, 138, 138, 138, 171, 171, 171, 199, 199, 199, 219, 219, 219,
+	233, 233, 233, 240, 240, 240, 245, 245, 245, 247, 247, 247, 248, 248, 248, 248, 248, 248, 248,
+	248, 248, 248, 248, 248, 248, 248, 248, 247, 247, 247, 246, 246, 246, 243, 243, 243, 237, 237,
+	237, 227, 227, 227, 210, 210, 210, 186, 186, 186, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 36, 36, 36, 105, 105, 105, 140, 140, 140, 173,
+	173, 173, 201, 201, 201, 222, 222, 222, 235, 235, 235, 243, 243, 243, 248, 248, 248, 250, 250,
+	250, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 251, 250, 250, 250,
+	249, 249, 249, 246, 246, 246, 240, 240, 240, 229, 229, 229, 212, 212, 212, 188, 188, 188, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 36, 36, 36,
+	104, 104, 104, 138, 138, 138, 171, 171, 171, 199, 199, 199, 219, 219, 219, 233, 233, 233, 240,
+	240, 240, 245, 245, 245, 247, 247, 247, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248,
+	248, 248, 248, 248, 247, 247, 247, 246, 246, 246, 243, 243, 243, 237, 237, 237, 227, 227, 227,
+	210, 210, 210, 186, 186, 186, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 34, 34, 34, 100, 100, 100, 134, 134, 134, 165, 165, 165, 192, 192, 192,
+	212, 212, 212, 226, 226, 226, 234, 234, 234, 238, 238, 238, 240, 240, 240, 241, 241, 241, 241,
+	241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 241, 240, 240, 240, 236, 236,
+	236, 230, 230, 230, 220, 220, 220, 203, 203, 203, 180, 180, 180, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 19, 19, 19, 92, 92, 92, 124, 124,
+	124, 154, 154, 154, 180, 180, 180, 200, 200, 200, 212, 212, 212, 220, 220, 220, 225, 225, 225,
+	226, 226, 226, 227, 227, 227, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 228, 227,
+	227, 227, 226, 226, 226, 223, 223, 223, 217, 217, 217, 207, 207, 207, 191, 191, 191, 146, 146,
+	146, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 59, 59, 59, 110, 110, 110, 138, 138, 138, 162, 162, 162, 180, 180, 180, 193, 193, 193,
+	200, 200, 200, 204, 204, 204, 206, 206, 206, 207, 207, 207, 208, 208, 208, 208, 208, 208, 208,
+	208, 208, 208, 208, 208, 207, 207, 207, 205, 205, 205, 203, 203, 203, 197, 197, 197, 187, 187,
+	187, 172, 172, 172, 27, 27, 27, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 27, 27, 27, 58, 58, 58, 69, 69, 69, 77, 77, 77,
+	83, 83, 83, 86, 86, 86, 88, 88, 88, 89, 89, 89, 89, 89, 89, 90, 90, 90, 90, 90, 90, 90, 90, 90,
+	90, 90, 90, 89, 89, 89, 88, 88, 88, 87, 87, 87, 85, 85, 85, 70, 70, 70, 8, 8, 8, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0,
+];
+
+static FILM_STRIP_64: [u8; 64 * 64 * 3] = [
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 16, 16, 16, 34, 34, 34, 47,
+	47, 47, 54, 54, 54, 59, 59, 59, 64, 64, 64, 68, 68, 68, 72, 72, 72, 75, 75, 75, 77, 77, 77, 79,
+	79, 79, 81, 81, 81, 82, 82, 82, 82, 82, 82, 83, 83, 83, 83, 83, 83, 84, 84, 84, 84, 84, 84, 84,
+	84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84, 84,
+	84, 84, 83, 83, 83, 83, 83, 83, 82, 82, 82, 82, 82, 82, 81, 81, 81, 79, 79, 79, 77, 77, 77, 72,
+	72, 72, 57, 57, 57, 30, 30, 30, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 3, 3, 3, 30, 30, 30, 46, 46,
+	46, 52, 52, 52, 59, 59, 59, 66, 66, 66, 72, 72, 72, 78, 78, 78, 82, 82, 82, 87, 87, 87, 90, 90,
+	90, 93, 93, 93, 95, 95, 95, 97, 97, 97, 98, 98, 98, 99, 99, 99, 100, 100, 100, 100, 100, 100,
+	101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101,
+	101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 101, 100, 100, 100, 100, 100,
+	100, 99, 99, 99, 98, 98, 98, 97, 97, 97, 95, 95, 95, 93, 93, 93, 90, 90, 90, 87, 87, 87, 82,
+	82, 82, 61, 61, 61, 8, 8, 8, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 30, 30, 30, 47, 47, 47, 55, 55, 55, 63, 63, 63,
+	71, 71, 71, 78, 78, 78, 86, 86, 86, 92, 92, 92, 98, 98, 98, 103, 103, 103, 107, 107, 107, 110,
+	110, 110, 112, 112, 112, 114, 114, 114, 116, 116, 116, 117, 117, 117, 118, 118, 118, 118, 118,
+	118, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119,
+	119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 119, 118, 118, 118, 118,
+	118, 118, 117, 117, 117, 116, 116, 116, 114, 114, 114, 113, 113, 113, 110, 110, 110, 107, 107,
+	107, 103, 103, 103, 98, 98, 98, 92, 92, 92, 67, 67, 67, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 16, 16, 16, 46, 46, 46, 54, 54,
+	54, 64, 64, 64, 73, 73, 73, 82, 82, 82, 91, 91, 91, 99, 99, 99, 106, 106, 106, 113, 113, 113,
+	118, 118, 118, 123, 123, 123, 126, 126, 126, 129, 129, 129, 131, 131, 131, 133, 133, 133, 134,
+	134, 134, 135, 135, 135, 135, 135, 135, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136,
+	136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136, 136,
+	136, 136, 136, 135, 135, 135, 135, 135, 135, 134, 134, 134, 133, 133, 133, 131, 131, 131, 129,
+	129, 129, 126, 126, 126, 123, 123, 123, 118, 118, 118, 113, 113, 113, 106, 106, 106, 99, 99,
+	99, 41, 41, 41, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 34, 34, 34, 52, 52, 52, 62, 62, 62, 73, 73, 73, 83, 83, 83, 94, 94, 94, 104,
+	104, 104, 113, 113, 113, 121, 121, 121, 128, 128, 128, 134, 134, 134, 139, 139, 139, 143, 143,
+	143, 146, 146, 146, 149, 149, 149, 150, 150, 150, 152, 152, 152, 152, 152, 152, 153, 153, 153,
+	153, 153, 153, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154,
+	154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 154, 153, 153, 153, 153, 153, 153, 153, 153,
+	153, 152, 152, 152, 150, 150, 150, 149, 149, 149, 146, 146, 146, 143, 143, 143, 139, 139, 139,
+	134, 134, 134, 128, 128, 128, 121, 121, 121, 113, 113, 113, 82, 82, 82, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 47, 47, 47, 59, 59, 59,
+	71, 71, 71, 82, 82, 82, 94, 94, 94, 105, 105, 105, 116, 116, 116, 126, 126, 126, 135, 135, 135,
+	143, 143, 143, 150, 150, 150, 155, 155, 155, 159, 159, 159, 163, 163, 163, 165, 165, 165, 167,
+	167, 167, 169, 169, 169, 169, 169, 169, 170, 170, 170, 170, 170, 170, 171, 171, 171, 171, 171,
+	171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171, 171,
+	171, 171, 171, 170, 170, 170, 170, 170, 170, 169, 169, 169, 169, 169, 169, 167, 167, 167, 165,
+	165, 165, 163, 163, 163, 160, 160, 160, 155, 155, 155, 150, 150, 150, 143, 143, 143, 135, 135,
+	135, 126, 126, 126, 111, 111, 111, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 54, 54, 54, 66, 66, 66, 78, 78, 78, 91, 91, 91, 104, 104, 104,
+	116, 116, 116, 128, 128, 128, 139, 139, 139, 148, 148, 148, 157, 157, 157, 164, 164, 164, 169,
+	169, 169, 174, 174, 174, 178, 178, 178, 180, 180, 180, 182, 182, 182, 183, 183, 183, 184, 184,
+	184, 185, 185, 185, 185, 185, 185, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186,
+	186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 186, 185,
+	185, 185, 184, 184, 184, 184, 184, 184, 182, 182, 182, 180, 180, 180, 178, 178, 178, 174, 174,
+	174, 170, 170, 170, 164, 164, 164, 157, 157, 157, 148, 148, 148, 139, 139, 139, 128, 128, 128,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	59, 59, 59, 72, 72, 72, 85, 85, 85, 99, 99, 99, 113, 113, 113, 126, 126, 126, 139, 139, 139,
+	150, 150, 150, 161, 161, 161, 169, 169, 169, 177, 177, 177, 183, 183, 183, 188, 188, 188, 191,
+	191, 191, 194, 194, 194, 196, 196, 196, 197, 197, 197, 198, 198, 198, 199, 199, 199, 199, 199,
+	199, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200,
+	200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 200, 199, 199, 199, 198, 198, 198, 198,
+	198, 198, 196, 196, 196, 194, 194, 194, 191, 191, 191, 188, 188, 188, 183, 183, 183, 177, 177,
+	177, 169, 169, 169, 161, 161, 161, 150, 150, 150, 139, 139, 139, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 64, 64, 64, 77, 77, 77, 92, 92,
+	92, 106, 106, 106, 121, 121, 121, 135, 135, 135, 149, 149, 149, 161, 161, 161, 172, 172, 172,
+	181, 181, 181, 189, 189, 189, 195, 195, 195, 200, 200, 200, 204, 204, 204, 207, 207, 207, 209,
+	209, 209, 210, 210, 210, 211, 211, 211, 212, 212, 212, 212, 212, 212, 213, 213, 213, 213, 213,
+	213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213,
+	213, 213, 213, 213, 213, 213, 212, 212, 212, 211, 211, 211, 210, 210, 210, 209, 209, 209, 207,
+	207, 207, 204, 204, 204, 200, 200, 200, 195, 195, 195, 189, 189, 189, 181, 181, 181, 172, 172,
+	172, 161, 161, 161, 149, 149, 149, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 68, 68, 68, 82, 82, 82, 97, 97, 97, 113, 113, 113, 128, 128,
+	128, 143, 143, 143, 157, 157, 157, 170, 170, 170, 181, 181, 181, 190, 190, 190, 199, 199, 199,
+	205, 205, 205, 210, 210, 210, 214, 214, 214, 217, 217, 217, 219, 219, 219, 220, 220, 220, 221,
+	221, 221, 222, 222, 222, 222, 222, 222, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223,
+	223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223,
+	222, 222, 222, 221, 221, 221, 220, 220, 220, 219, 219, 219, 217, 217, 217, 214, 214, 214, 210,
+	210, 210, 205, 205, 205, 199, 199, 199, 191, 191, 191, 181, 181, 181, 170, 170, 170, 157, 157,
+	157, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 72, 72, 72, 87, 87, 87, 102, 102, 102, 118, 118, 118, 134, 134, 134, 150, 150, 150, 164,
+	164, 164, 177, 177, 177, 189, 189, 189, 198, 198, 198, 207, 207, 207, 213, 213, 213, 218, 218,
+	218, 222, 222, 222, 225, 225, 225, 227, 227, 227, 229, 229, 229, 229, 229, 229, 230, 230, 230,
+	231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231,
+	231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 230, 230, 230, 230, 230,
+	230, 229, 229, 229, 227, 227, 227, 225, 225, 225, 222, 222, 222, 218, 218, 218, 213, 213, 213,
+	207, 207, 207, 198, 198, 198, 189, 189, 189, 177, 177, 177, 164, 164, 164, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 75, 75, 75, 90, 90, 90,
+	106, 106, 106, 123, 123, 123, 139, 139, 139, 155, 155, 155, 170, 170, 170, 183, 183, 183, 195,
+	195, 195, 205, 205, 205, 213, 213, 213, 220, 220, 220, 225, 225, 225, 229, 229, 229, 232, 232,
+	232, 234, 234, 234, 236, 236, 236, 236, 236, 236, 237, 237, 237, 238, 238, 238, 238, 238, 238,
+	238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238,
+	238, 238, 238, 238, 238, 238, 238, 238, 237, 237, 237, 237, 237, 237, 236, 236, 236, 234, 234,
+	234, 232, 232, 232, 229, 229, 229, 225, 225, 225, 220, 220, 220, 213, 213, 213, 205, 205, 205,
+	195, 195, 195, 183, 183, 183, 170, 170, 170, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 77, 77, 77, 93, 93, 93, 109, 109, 109, 126, 126, 126,
+	143, 143, 143, 159, 159, 159, 174, 174, 174, 188, 188, 188, 200, 200, 200, 210, 210, 210, 218,
+	218, 218, 225, 225, 225, 230, 230, 230, 234, 234, 234, 237, 237, 237, 239, 239, 239, 241, 241,
+	241, 242, 242, 242, 242, 242, 242, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243,
+	243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243,
+	243, 243, 242, 242, 242, 242, 242, 242, 241, 241, 241, 239, 239, 239, 237, 237, 237, 234, 234,
+	234, 230, 230, 230, 225, 225, 225, 218, 218, 218, 210, 210, 210, 200, 200, 200, 188, 188, 188,
+	174, 174, 174, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 78, 78, 78, 94, 94, 94, 111, 111, 111, 128, 128, 128, 145, 145, 145, 162, 162, 162,
+	177, 177, 177, 191, 191, 191, 203, 203, 203, 213, 213, 213, 221, 221, 221, 228, 228, 228, 233,
+	233, 233, 237, 237, 237, 240, 240, 240, 242, 242, 242, 244, 244, 244, 245, 245, 245, 245, 245,
+	245, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246,
+	246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 245, 245, 245, 245,
+	245, 245, 244, 244, 244, 242, 242, 242, 240, 240, 240, 237, 237, 237, 233, 233, 233, 228, 228,
+	228, 221, 221, 221, 213, 213, 213, 203, 203, 203, 191, 191, 191, 177, 177, 177, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 80, 80, 80, 96,
+	96, 96, 113, 113, 113, 130, 130, 130, 147, 147, 147, 164, 164, 164, 179, 179, 179, 193, 193,
+	193, 205, 205, 205, 215, 215, 215, 224, 224, 224, 230, 230, 230, 236, 236, 236, 239, 239, 239,
+	242, 242, 242, 244, 244, 244, 246, 246, 246, 247, 247, 247, 247, 247, 247, 248, 248, 248, 248,
+	248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248,
+	248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 247, 247, 247, 247, 247, 247, 246, 246, 246,
+	244, 244, 244, 242, 242, 242, 240, 240, 240, 236, 236, 236, 230, 230, 230, 224, 224, 224, 215,
+	215, 215, 205, 205, 205, 193, 193, 193, 179, 179, 179, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 80, 80, 80, 96, 96, 96, 113, 113, 113,
+	131, 131, 131, 148, 148, 148, 165, 165, 165, 180, 180, 180, 194, 194, 194, 206, 206, 206, 217,
+	217, 217, 225, 225, 225, 232, 232, 232, 237, 237, 237, 241, 241, 241, 244, 244, 244, 246, 246,
+	246, 248, 248, 248, 249, 249, 249, 249, 249, 249, 250, 250, 250, 250, 250, 250, 250, 250, 250,
+	250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250,
+	250, 250, 250, 250, 250, 249, 249, 249, 249, 249, 249, 248, 248, 248, 246, 246, 246, 244, 244,
+	244, 241, 241, 241, 237, 237, 237, 232, 232, 232, 225, 225, 225, 217, 217, 217, 206, 206, 206,
+	194, 194, 194, 180, 180, 180, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 80, 80, 80, 96, 96, 96, 113, 113, 113, 131, 131, 131, 148, 148, 148,
+	165, 165, 165, 180, 180, 180, 194, 194, 194, 206, 206, 206, 217, 217, 217, 225, 225, 225, 232,
+	232, 232, 237, 237, 237, 241, 241, 241, 244, 244, 244, 246, 246, 246, 248, 248, 248, 249, 249,
+	249, 249, 249, 249, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250,
+	250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 250, 249,
+	249, 249, 249, 249, 249, 248, 248, 248, 246, 246, 246, 244, 244, 244, 241, 241, 241, 237, 237,
+	237, 232, 232, 232, 225, 225, 225, 217, 217, 217, 206, 206, 206, 194, 194, 194, 180, 180, 180,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	80, 80, 80, 96, 96, 96, 113, 113, 113, 130, 130, 130, 147, 147, 147, 164, 164, 164, 179, 179,
+	179, 193, 193, 193, 205, 205, 205, 215, 215, 215, 224, 224, 224, 230, 230, 230, 236, 236, 236,
+	239, 239, 239, 242, 242, 242, 244, 244, 244, 246, 246, 246, 247, 247, 247, 247, 247, 247, 248,
+	248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248,
+	248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 248, 247, 247, 247, 247, 247, 247,
+	246, 246, 246, 244, 244, 244, 242, 242, 242, 240, 240, 240, 236, 236, 236, 230, 230, 230, 224,
+	224, 224, 215, 215, 215, 205, 205, 205, 193, 193, 193, 179, 179, 179, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 78, 78, 78, 94, 94, 94,
+	111, 111, 111, 128, 128, 128, 145, 145, 145, 162, 162, 162, 177, 177, 177, 191, 191, 191, 203,
+	203, 203, 213, 213, 213, 221, 221, 221, 228, 228, 228, 233, 233, 233, 237, 237, 237, 240, 240,
+	240, 242, 242, 242, 244, 244, 244, 245, 245, 245, 245, 245, 245, 246, 246, 246, 246, 246, 246,
+	246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246, 246,
+	246, 246, 246, 246, 246, 246, 246, 246, 245, 245, 245, 245, 245, 245, 244, 244, 244, 242, 242,
+	242, 240, 240, 240, 237, 237, 237, 233, 233, 233, 228, 228, 228, 221, 221, 221, 213, 213, 213,
+	203, 203, 203, 191, 191, 191, 177, 177, 177, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 77, 77, 77, 93, 93, 93, 109, 109, 109, 126, 126, 126,
+	143, 143, 143, 159, 159, 159, 174, 174, 174, 188, 188, 188, 200, 200, 200, 210, 210, 210, 218,
+	218, 218, 225, 225, 225, 230, 230, 230, 234, 234, 234, 237, 237, 237, 239, 239, 239, 241, 241,
+	241, 242, 242, 242, 242, 242, 242, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243,
+	243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243, 243,
+	243, 243, 242, 242, 242, 242, 242, 242, 241, 241, 241, 239, 239, 239, 237, 237, 237, 234, 234,
+	234, 230, 230, 230, 225, 225, 225, 218, 218, 218, 210, 210, 210, 200, 200, 200, 188, 188, 188,
+	174, 174, 174, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 72, 72, 72, 90, 90, 90, 106, 106, 106, 123, 123, 123, 139, 139, 139, 155, 155, 155,
+	170, 170, 170, 183, 183, 183, 195, 195, 195, 205, 205, 205, 213, 213, 213, 220, 220, 220, 225,
+	225, 225, 229, 229, 229, 232, 232, 232, 234, 234, 234, 236, 236, 236, 236, 236, 236, 237, 237,
+	237, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238,
+	238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 238, 237, 237, 237, 237,
+	237, 237, 236, 236, 236, 234, 234, 234, 232, 232, 232, 229, 229, 229, 225, 225, 225, 220, 220,
+	220, 213, 213, 213, 205, 205, 205, 195, 195, 195, 183, 183, 183, 163, 163, 163, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 57, 57, 57, 87,
+	87, 87, 102, 102, 102, 118, 118, 118, 134, 134, 134, 150, 150, 150, 164, 164, 164, 177, 177,
+	177, 189, 189, 189, 198, 198, 198, 207, 207, 207, 213, 213, 213, 218, 218, 218, 222, 222, 222,
+	225, 225, 225, 227, 227, 227, 229, 229, 229, 229, 229, 229, 230, 230, 230, 231, 231, 231, 231,
+	231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 231,
+	231, 231, 231, 231, 231, 231, 231, 231, 231, 231, 230, 230, 230, 230, 230, 230, 229, 229, 229,
+	227, 227, 227, 225, 225, 225, 222, 222, 222, 218, 218, 218, 213, 213, 213, 207, 207, 207, 198,
+	198, 198, 189, 189, 189, 177, 177, 177, 129, 129, 129, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 30, 30, 30, 82, 82, 82, 97, 97, 97, 113,
+	113, 113, 128, 128, 128, 143, 143, 143, 157, 157, 157, 170, 170, 170, 181, 181, 181, 191, 191,
+	191, 199, 199, 199, 205, 205, 205, 210, 210, 210, 214, 214, 214, 217, 217, 217, 219, 219, 219,
+	220, 220, 220, 221, 221, 221, 222, 222, 222, 222, 222, 222, 223, 223, 223, 223, 223, 223, 223,
+	223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223, 223,
+	223, 223, 223, 223, 222, 222, 222, 221, 221, 221, 221, 221, 221, 219, 219, 219, 217, 217, 217,
+	214, 214, 214, 210, 210, 210, 205, 205, 205, 199, 199, 199, 191, 191, 191, 181, 181, 181, 170,
+	170, 170, 71, 71, 71, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 61, 61, 61, 92, 92, 92, 106, 106, 106, 121, 121, 121, 135, 135,
+	135, 149, 149, 149, 161, 161, 161, 172, 172, 172, 181, 181, 181, 189, 189, 189, 195, 195, 195,
+	200, 200, 200, 204, 204, 204, 207, 207, 207, 209, 209, 209, 210, 210, 210, 211, 211, 211, 212,
+	212, 212, 212, 212, 212, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213,
+	213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 213, 212, 212, 212,
+	211, 211, 211, 210, 210, 210, 209, 209, 209, 207, 207, 207, 204, 204, 204, 200, 200, 200, 195,
+	195, 195, 189, 189, 189, 181, 181, 181, 172, 172, 172, 126, 126, 126, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 8, 8, 8,
+	67, 67, 67, 99, 99, 99, 113, 113, 113, 126, 126, 126, 139, 139, 139, 151, 151, 151, 161, 161,
+	161, 170, 170, 170, 177, 177, 177, 184, 184, 184, 188, 188, 188, 192, 192, 192, 195, 195, 195,
+	197, 197, 197, 198, 198, 198, 199, 199, 199, 200, 200, 200, 200, 200, 200, 201, 201, 201, 201,
+	201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201, 201,
+	201, 201, 201, 201, 200, 200, 200, 200, 200, 200, 199, 199, 199, 198, 198, 198, 197, 197, 197,
+	195, 195, 195, 192, 192, 192, 189, 189, 189, 184, 184, 184, 178, 178, 178, 170, 170, 170, 126,
+	126, 126, 18, 18, 18, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 41, 41, 41, 82, 82, 82, 111, 111, 111,
+	128, 128, 128, 139, 139, 139, 149, 149, 149, 157, 157, 157, 164, 164, 164, 170, 170, 170, 175,
+	175, 175, 178, 178, 178, 181, 181, 181, 183, 183, 183, 184, 184, 184, 185, 185, 185, 186, 186,
+	186, 186, 186, 186, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187,
+	187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 187, 186, 186, 186, 186, 186, 186, 185,
+	185, 185, 184, 184, 184, 183, 183, 183, 181, 181, 181, 178, 178, 178, 175, 175, 175, 163, 163,
+	163, 129, 129, 129, 71, 71, 71, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0,
+	0, 0, 0, 0, 0, 0,
+];
+
+struct FilmStrip {
+	width: u32,
+	height: u32,
+	strip: Option<&'static [u8]>,
+}
+
+pub(crate) fn film_strip_filter(video_frame: &mut VideoFrame) {
+	let FilmStrip {
+		width,
+		height,
+		strip,
+	} = determine_film_strip(video_frame.width);
+
+	if let Some(strip) = strip {
+		let mut frame_index = 0;
+		let mut film_hole_index = 0;
+		let offset = ((video_frame.width * 3) - 3) as usize;
+
+		for i in 0..(video_frame.height as usize) {
+			for j in (0..(width as usize * 3)).step_by(3) {
+				let current_stripe_index = film_hole_index + j;
+
+				video_frame.data[frame_index + j] = strip[current_stripe_index];
+				video_frame.data[frame_index + j + 1] = strip[current_stripe_index + 1];
+				video_frame.data[frame_index + j + 2] = strip[current_stripe_index + 2];
+
+				video_frame.data[frame_index + offset - j] = strip[current_stripe_index];
+				video_frame.data[frame_index + offset - j + 1] = strip[current_stripe_index + 1];
+				video_frame.data[frame_index + offset - j + 2] = strip[current_stripe_index + 2];
+			}
+
+			frame_index += video_frame.line_size as usize;
+			film_hole_index = (i % height as usize) * width as usize * 3;
+		}
+	}
+}
+
+fn determine_film_strip(video_width: u32) -> FilmStrip {
+	match video_width {
+		// We consider that the smallest film strip is 4, doubling it for each side, we have 8 pixels
+		0..=8 => FilmStrip {
+			width: 0,
+			height: 0,
+			strip: None,
+		},
+		9..=96 => FilmStrip {
+			width: 4,
+			height: 4,
+			strip: Some(&FILM_STRIP_4),
+		},
+		97..=192 => FilmStrip {
+			width: 8,
+			height: 8,
+			strip: Some(&FILM_STRIP_8),
+		},
+		193..=384 => FilmStrip {
+			width: 16,
+			height: 16,
+			strip: Some(&FILM_STRIP_16),
+		},
+		385..=768 => FilmStrip {
+			width: 32,
+			height: 32,
+			strip: Some(&FILM_STRIP_32),
+		},
+		_ => FilmStrip {
+			width: 64,
+			height: 64,
+			strip: Some(&FILM_STRIP_64),
+		},
+	}
+}
diff --git a/core/thumbnailer/src/lib.rs b/core/thumbnailer/src/lib.rs
new file mode 100644
index 000000000..e1b6db295
--- /dev/null
+++ b/core/thumbnailer/src/lib.rs
@@ -0,0 +1,108 @@
+use crate::{
+	film_strip::film_strip_filter,
+	movie_decoder::{MovieDecoder, ThumbnailSize},
+	video_frame::VideoFrame,
+};
+
+use std::path::Path;
+
+mod error;
+mod film_strip;
+mod movie_decoder;
+mod thumbnailer;
+mod utils;
+mod video_frame;
+
+pub use error::ThumbnailerError;
+pub use thumbnailer::{Thumbnailer, ThumbnailerBuilder};
+
+/// Helper function to generate a thumbnail file from a video file with reasonable defaults
+pub async fn to_thumbnail(
+	video_file_path: impl AsRef<Path>,
+	output_thumbnail_path: impl AsRef<Path>,
+	size: u32,
+	quality: f32,
+) -> Result<(), ThumbnailerError> {
+	ThumbnailerBuilder::new()
+		.with_film_strip(false)
+		.size(size)
+		.quality(quality)?
+		.build()
+		.process(video_file_path, output_thumbnail_path)
+		.await
+}
+
+/// Helper function to generate a thumbnail bytes from a video file with reasonable defaults
+pub async fn to_webp_bytes(
+	video_file_path: impl AsRef<Path>,
+	size: u32,
+	quality: f32,
+) -> Result<Vec<u8>, ThumbnailerError> {
+	ThumbnailerBuilder::new()
+		.size(size)
+		.quality(quality)?
+		.build()
+		.process_to_webp_bytes(video_file_path)
+		.await
+}
+
+#[cfg(test)]
+mod tests {
+	use super::*;
+	use tempfile::tempdir;
+	use tokio::fs;
+
+	#[tokio::test]
+	#[ignore]
+	async fn test_all_files() {
+		let video_file_path = [
+			Path::new("./samples/video_01.mp4"),
+			Path::new("./samples/video_02.mov"),
+			Path::new("./samples/video_03.mov"),
+			Path::new("./samples/video_04.mov"),
+			Path::new("./samples/video_05.mov"),
+			Path::new("./samples/video_06.mov"),
+			Path::new("./samples/video_07.mp4"),
+			Path::new("./samples/video_08.mov"),
+			Path::new("./samples/video_09.MP4"),
+		];
+
+		let expected_webp_files = [
+			Path::new("./samples/video_01.webp"),
+			Path::new("./samples/video_02.webp"),
+			Path::new("./samples/video_03.webp"),
+			Path::new("./samples/video_04.webp"),
+			Path::new("./samples/video_05.webp"),
+			Path::new("./samples/video_06.webp"),
+			Path::new("./samples/video_07.webp"),
+			Path::new("./samples/video_08.webp"),
+			Path::new("./samples/video_09.webp"),
+		];
+
+		let root = tempdir().unwrap();
+		let actual_webp_files = [
+			root.path().join("video_01.webp"),
+			root.path().join("video_02.webp"),
+			root.path().join("video_03.webp"),
+			root.path().join("video_04.webp"),
+			root.path().join("video_05.webp"),
+			root.path().join("video_06.webp"),
+			root.path().join("video_07.webp"),
+			root.path().join("video_08.webp"),
+			root.path().join("video_09.webp"),
+		];
+
+		for (input, output) in video_file_path.iter().zip(actual_webp_files.iter()) {
+			if let Err(e) = to_thumbnail(input, output, 128, 100.0).await {
+				eprintln!("Error: {e}; Input: {}", input.display());
+				panic!("{}", e);
+			}
+		}
+
+		for (expected, actual) in expected_webp_files.iter().zip(actual_webp_files.iter()) {
+			let expected_bytes = fs::read(expected).await.unwrap();
+			let actual_bytes = fs::read(actual).await.unwrap();
+			assert_eq!(expected_bytes, actual_bytes);
+		}
+	}
+}
diff --git a/core/thumbnailer/src/movie_decoder.rs b/core/thumbnailer/src/movie_decoder.rs
new file mode 100644
index 000000000..795eabe4c
--- /dev/null
+++ b/core/thumbnailer/src/movie_decoder.rs
@@ -0,0 +1,793 @@
+use crate::{
+	error::{FfmpegError, ThumbnailerError},
+	utils::from_path,
+	video_frame::{FfmpegFrame, FrameSource, VideoFrame},
+};
+
+use ffmpeg_sys_next::{
+	av_buffersink_get_frame, av_buffersrc_write_frame, av_dict_get, av_display_rotation_get,
+	av_frame_alloc, av_frame_free, av_guess_sample_aspect_ratio, av_packet_alloc, av_packet_free,
+	av_packet_unref, av_read_frame, av_seek_frame, av_stream_get_side_data, avcodec_alloc_context3,
+	avcodec_find_decoder, avcodec_flush_buffers, avcodec_free_context, avcodec_open2,
+	avcodec_parameters_to_context, avcodec_receive_frame, avcodec_send_packet,
+	avfilter_get_by_name, avfilter_graph_alloc, avfilter_graph_config,
+	avfilter_graph_create_filter, avfilter_graph_free, avfilter_link, avformat_close_input,
+	avformat_find_stream_info, avformat_open_input, AVCodec, AVCodecContext, AVCodecID,
+	AVFilterContext, AVFilterGraph, AVFormatContext, AVFrame, AVMediaType, AVPacket,
+	AVPacketSideDataType, AVRational, AVStream, AVERROR, AVERROR_EOF, AV_DICT_IGNORE_SUFFIX,
+	AV_TIME_BASE, EAGAIN,
+};
+use std::{
+	ffi::{c_int, CString},
+	fmt::Write,
+	path::Path,
+	time::Duration,
+};
+
+const AVERROR_EAGAIN: c_int = AVERROR(EAGAIN);
+
+#[derive(Debug, Clone, Copy)]
+pub(crate) enum ThumbnailSize {
+	Dimensions { width: u32, height: u32 },
+	Size(u32),
+}
+
+pub(crate) struct MovieDecoder {
+	video_stream_index: i32,
+	format_context: *mut AVFormatContext,
+	video_codec_context: *mut AVCodecContext,
+	video_codec: *const AVCodec,
+	filter_graph: *mut AVFilterGraph,
+	filter_source: *mut AVFilterContext,
+	filter_sink: *mut AVFilterContext,
+	video_stream: *mut AVStream,
+	frame: *mut AVFrame,
+	packet: *mut AVPacket,
+	allow_seek: bool,
+	use_embedded_data: bool,
+}
+
+impl MovieDecoder {
+	pub(crate) fn new(
+		filename: impl AsRef<Path>,
+		prefer_embedded_metadata: bool,
+	) -> Result<Self, ThumbnailerError> {
+		let filename = filename.as_ref();
+
+		let input_file = if filename == Path::new("-") {
+			Path::new("pipe:")
+		} else {
+			filename
+		};
+		let allow_seek = filename != Path::new("-")
+			&& !filename.starts_with("rsts://")
+			&& !filename.starts_with("udp://");
+
+		let mut decoder = Self {
+			video_stream_index: -1,
+			format_context: std::ptr::null_mut(),
+			video_codec_context: std::ptr::null_mut(),
+			video_codec: std::ptr::null_mut(),
+			filter_graph: std::ptr::null_mut(),
+			filter_source: std::ptr::null_mut(),
+			filter_sink: std::ptr::null_mut(),
+			video_stream: std::ptr::null_mut(),
+			frame: std::ptr::null_mut(),
+			packet: std::ptr::null_mut(),
+			allow_seek,
+			use_embedded_data: false,
+		};
+
+		unsafe {
+			let input_file_cstring = from_path(input_file)?;
+			match avformat_open_input(
+				&mut decoder.format_context,
+				input_file_cstring.as_ptr(),
+				std::ptr::null_mut(),
+				std::ptr::null_mut(),
+			) {
+				0 => {
+					check_error(
+						avformat_find_stream_info(decoder.format_context, std::ptr::null_mut()),
+						"Failed to get stream info",
+					)?;
+				}
+				e => {
+					return Err(ThumbnailerError::FfmpegWithReason(
+						FfmpegError::from(e),
+						"Failed to open input".to_string(),
+					))
+				}
+			}
+		}
+
+		decoder.initialize_video(prefer_embedded_metadata)?;
+
+		decoder.frame = unsafe { av_frame_alloc() };
+		if decoder.frame.is_null() {
+			return Err(FfmpegError::FrameAllocation.into());
+		}
+
+		Ok(decoder)
+	}
+
+	pub(crate) fn decode_video_frame(&mut self) -> Result<(), ThumbnailerError> {
+		let mut frame_finished = false;
+
+		while !frame_finished && self.get_video_packet() {
+			frame_finished = self.decode_video_packet()?;
+		}
+
+		if !frame_finished {
+			return Err(ThumbnailerError::FrameDecodeError);
+		}
+
+		Ok(())
+	}
+
+	pub(crate) fn embedded_metadata_is_available(&self) -> bool {
+		self.use_embedded_data
+	}
+
+	pub(crate) fn seek(&mut self, seconds: i64) -> Result<(), ThumbnailerError> {
+		if !self.allow_seek {
+			return Err(ThumbnailerError::SeekNotAllowed);
+		}
+
+		let timestamp = (AV_TIME_BASE as i64)
+			.checked_mul(seconds as i64)
+			.unwrap_or(0);
+
+		check_error(
+			unsafe { av_seek_frame(self.format_context, -1, timestamp, 0) },
+			"Seeking video failed",
+		)?;
+		unsafe { avcodec_flush_buffers(self.video_codec_context) };
+
+		let mut key_frame_attempts = 0;
+		let mut got_frame;
+
+		loop {
+			let mut count = 0;
+			got_frame = false;
+
+			while !got_frame && count < 20 {
+				self.get_video_packet();
+				got_frame = self.decode_video_packet().unwrap_or(false);
+				count += 1;
+			}
+
+			key_frame_attempts += 1;
+
+			if !((!got_frame || unsafe { (*self.frame).key_frame } == 0)
+				&& key_frame_attempts < 200)
+			{
+				break;
+			}
+		}
+
+		if !got_frame {
+			return Err(ThumbnailerError::SeekError);
+		}
+
+		Ok(())
+	}
+
+	pub(crate) fn get_scaled_video_frame(
+		&mut self,
+		scaled_size: Option<ThumbnailSize>,
+		maintain_aspect_ratio: bool,
+		video_frame: &mut VideoFrame,
+	) -> Result<(), ThumbnailerError> {
+		self.initialize_filter_graph(
+			unsafe {
+				&(*(*(*self.format_context)
+					.streams
+					.offset(self.video_stream_index as isize)))
+				.time_base
+			},
+			scaled_size,
+			maintain_aspect_ratio,
+		)?;
+
+		check_error(
+			unsafe { av_buffersrc_write_frame(self.filter_source, self.frame) },
+			"Failed to write frame to filter graph",
+		)?;
+
+		let mut new_frame = FfmpegFrame::new()?;
+		let mut attempts = 0;
+		let mut ret = unsafe { av_buffersink_get_frame(self.filter_sink, new_frame.as_mut_ptr()) };
+		while ret == AVERROR_EAGAIN && attempts < 10 {
+			self.decode_video_frame()?;
+			check_error(
+				unsafe { av_buffersrc_write_frame(self.filter_source, self.frame) },
+				"Failed to write frame to filter graph",
+			)?;
+			ret = unsafe { av_buffersink_get_frame(self.filter_sink, new_frame.as_mut_ptr()) };
+			attempts += 1;
+		}
+		if ret < 0 {
+			return Err(ThumbnailerError::FfmpegWithReason(
+				FfmpegError::from(ret),
+				"Failed to get buffer from filter".to_string(),
+			));
+		}
+
+		video_frame.width = unsafe { (*new_frame.as_mut_ptr()).width as u32 };
+		video_frame.height = unsafe { (*new_frame.as_mut_ptr()).height as u32 };
+		video_frame.line_size = unsafe { (*new_frame.as_mut_ptr()).linesize[0] as u32 };
+		video_frame.source = if self.use_embedded_data {
+			Some(FrameSource::Metadata)
+		} else {
+			Some(FrameSource::VideoStream)
+		};
+
+		let frame_data_size = video_frame.line_size as usize * video_frame.height as usize;
+		match video_frame.data.capacity() {
+			0 => {
+				video_frame.data = Vec::with_capacity(frame_data_size);
+			}
+			c if c < frame_data_size => {
+				video_frame.data.reserve_exact(frame_data_size - c);
+				video_frame.data.clear();
+			}
+			c if c > frame_data_size => {
+				video_frame.data.shrink_to(frame_data_size);
+				video_frame.data.clear();
+			}
+			_ => {
+				video_frame.data.clear();
+			}
+		}
+
+		video_frame.data.extend_from_slice(unsafe {
+			std::slice::from_raw_parts((*new_frame.as_mut_ptr()).data[0], frame_data_size)
+		});
+
+		unsafe { avfilter_graph_free(&mut self.filter_graph) };
+
+		Ok(())
+	}
+
+	pub(crate) fn get_video_duration(&self) -> Duration {
+		Duration::from_secs(unsafe { (*self.format_context).duration as u64 / AV_TIME_BASE as u64 })
+	}
+
+	fn initialize_video(&mut self, prefer_embedded_metadata: bool) -> Result<(), ThumbnailerError> {
+		self.find_preferred_video_stream(prefer_embedded_metadata)?;
+
+		self.video_stream = unsafe {
+			*(*self.format_context)
+				.streams
+				.offset(self.video_stream_index as isize)
+		};
+		self.video_codec =
+			unsafe { avcodec_find_decoder((*(*self.video_stream).codecpar).codec_id) };
+		if self.video_codec.is_null() {
+			return Err(FfmpegError::DecoderNotFound.into());
+		}
+
+		self.video_codec_context = unsafe { avcodec_alloc_context3(self.video_codec) };
+		if self.video_codec_context.is_null() {
+			return Err(FfmpegError::VideoCodecAllocation.into());
+		}
+
+		check_error(
+			unsafe {
+				avcodec_parameters_to_context(
+					self.video_codec_context,
+					(*self.video_stream).codecpar,
+				)
+			},
+			"Failed to get parameters from context",
+		)?;
+
+		unsafe { (*self.video_codec_context).workaround_bugs = 1 };
+
+		check_error(
+			unsafe {
+				avcodec_open2(
+					self.video_codec_context,
+					self.video_codec,
+					std::ptr::null_mut(),
+				)
+			},
+			"Failed to open video codec",
+		)
+	}
+
+	fn find_preferred_video_stream(
+		&mut self,
+		prefer_embedded_metadata: bool,
+	) -> Result<(), ThumbnailerError> {
+		let mut video_streams = vec![];
+		let mut embedded_data_streams = vec![];
+		let empty_cstring = CString::new("").unwrap();
+
+		for stream_idx in 0..(unsafe { (*self.format_context).nb_streams as i32 }) {
+			let stream = unsafe { *(*self.format_context).streams.offset(stream_idx as isize) };
+			let codec_params = unsafe { (*stream).codecpar };
+
+			if unsafe { (*codec_params).codec_type } == AVMediaType::AVMEDIA_TYPE_VIDEO {
+				let codec_id = unsafe { (*codec_params).codec_id };
+				if !prefer_embedded_metadata
+					|| !(codec_id == AVCodecID::AV_CODEC_ID_MJPEG
+						|| codec_id == AVCodecID::AV_CODEC_ID_PNG)
+				{
+					video_streams.push(stream_idx);
+					continue;
+				}
+
+				if unsafe { !(*stream).metadata.is_null() } {
+					let mut tag = std::ptr::null_mut();
+					loop {
+						tag = unsafe {
+							av_dict_get(
+								(*stream).metadata,
+								empty_cstring.as_ptr() as *const i8,
+								tag,
+								AV_DICT_IGNORE_SUFFIX,
+							)
+						};
+						if tag.is_null() {
+							break;
+						}
+						if unsafe {
+							CString::from_raw((*tag).key).to_string_lossy() == "filename"
+								&& CString::from_raw((*tag).value)
+									.to_string_lossy()
+									.starts_with("cover.")
+						} {
+							if embedded_data_streams.is_empty() {
+								embedded_data_streams.push(stream_idx);
+							} else {
+								embedded_data_streams[0] = stream_idx;
+							}
+							continue;
+						}
+					}
+				}
+
+				embedded_data_streams.push(stream_idx);
+			}
+		}
+
+		self.use_embedded_data = false;
+		if prefer_embedded_metadata && !embedded_data_streams.is_empty() {
+			self.use_embedded_data = true;
+			self.video_stream_index = embedded_data_streams[0];
+			Ok(())
+		} else if !video_streams.is_empty() {
+			self.video_stream_index = video_streams[0];
+			Ok(())
+		} else {
+			Err(FfmpegError::StreamNotFound.into())
+		}
+	}
+
+	fn get_video_packet(&mut self) -> bool {
+		let mut frames_available = true;
+		let mut frame_decoded = false;
+
+		if !self.packet.is_null() {
+			unsafe {
+				av_packet_unref(self.packet);
+				av_packet_free(&mut self.packet);
+			}
+		}
+
+		self.packet = unsafe { av_packet_alloc() };
+
+		while frames_available && !frame_decoded {
+			frames_available = unsafe { av_read_frame(self.format_context, self.packet) == 0 };
+			if frames_available {
+				frame_decoded = unsafe { (*self.packet).stream_index } == self.video_stream_index;
+				if !frame_decoded {
+					unsafe { av_packet_unref(self.packet) };
+				}
+			}
+		}
+
+		frame_decoded
+	}
+
+	fn decode_video_packet(&self) -> Result<bool, ThumbnailerError> {
+		if unsafe { (*self.packet).stream_index } != self.video_stream_index {
+			return Ok(false);
+		}
+
+		let ret = unsafe { avcodec_send_packet(self.video_codec_context, self.packet) };
+		if ret != AVERROR(EAGAIN) {
+			if ret == AVERROR_EOF {
+				return Ok(false);
+			} else if ret < 0 {
+				return Err(ThumbnailerError::FfmpegWithReason(
+					FfmpegError::from(ret),
+					"Failed to send packet to decoder".to_string(),
+				));
+			}
+		}
+
+		match unsafe { avcodec_receive_frame(self.video_codec_context, self.frame) } {
+			0 => Ok(true),
+			AVERROR_EAGAIN => Ok(false),
+			e => Err(ThumbnailerError::FfmpegWithReason(
+				FfmpegError::from(e),
+				"Failed to receive frame from decoder".to_string(),
+			)),
+		}
+	}
+
+	fn initialize_filter_graph(
+		&mut self,
+		timebase: &AVRational,
+		scaled_size: Option<ThumbnailSize>,
+		maintain_aspect_ratio: bool,
+	) -> Result<(), ThumbnailerError> {
+		unsafe { self.filter_graph = avfilter_graph_alloc() };
+		if self.filter_graph.is_null() {
+			return Err(FfmpegError::FilterGraphAllocation.into());
+		}
+
+		let args = unsafe {
+			format!(
+				"video_size={}x{}:pix_fmt={}:time_base={}/{}:pixel_aspect={}/{}",
+				(*self.video_codec_context).width,
+				(*self.video_codec_context).height,
+				(*self.video_codec_context).pix_fmt as i32,
+				(*timebase).num,
+				(*timebase).den,
+				(*self.video_codec_context).sample_aspect_ratio.num,
+				i32::max((*self.video_codec_context).sample_aspect_ratio.den, 1)
+			)
+		};
+
+		setup_filter(
+			&mut self.filter_source,
+			"buffer",
+			"thumb_buffer",
+			&args,
+			self.filter_graph,
+			"Failed to create filter source",
+		)?;
+
+		setup_filter_without_args(
+			&mut self.filter_sink,
+			"buffersink",
+			"thumb_buffersink",
+			self.filter_graph,
+			"Failed to create filter sink",
+		)?;
+
+		let mut yadif_filter = std::ptr::null_mut();
+		if unsafe { (*self.frame).interlaced_frame } != 0 {
+			setup_filter(
+				&mut yadif_filter,
+				"yadif",
+				"thumb_deint",
+				"deint=1",
+				self.filter_graph,
+				"Failed to create deinterlace filter",
+			)?;
+		}
+
+		let mut scale_filter = std::ptr::null_mut();
+		setup_filter(
+			&mut scale_filter,
+			"scale",
+			"thumb_scale",
+			&self.create_scale_string(scaled_size, maintain_aspect_ratio)?,
+			self.filter_graph,
+			"Failed to create scale filter",
+		)?;
+
+		let mut format_filter = std::ptr::null_mut();
+		setup_filter(
+			&mut format_filter,
+			"format",
+			"thumb_format",
+			"pix_fmts=rgb24",
+			self.filter_graph,
+			"Failed to create format filter",
+		)?;
+
+		let mut rotate_filter = std::ptr::null_mut();
+		let rotation = self.get_stream_rotation();
+		if rotation == 3 {
+			setup_filter(
+				&mut rotate_filter,
+				"rotate",
+				"thumb_rotate",
+				"PI",
+				self.filter_graph,
+				"Failed to create rotate filter",
+			)?;
+		} else if rotation != -1 {
+			setup_filter(
+				&mut rotate_filter,
+				"transpose",
+				"thumb_transpose",
+				&rotation.to_string(),
+				self.filter_graph,
+				"Failed to create transpose filter",
+			)?;
+		}
+
+		check_error(
+			unsafe {
+				avfilter_link(
+					if !rotate_filter.is_null() {
+						rotate_filter
+					} else {
+						format_filter
+					},
+					0,
+					self.filter_sink,
+					0,
+				)
+			},
+			"Failed to link final filter",
+		)?;
+
+		if !rotate_filter.is_null() {
+			check_error(
+				unsafe { avfilter_link(format_filter, 0, rotate_filter, 0) },
+				"Failed to link format filter",
+			)?;
+		}
+
+		check_error(
+			unsafe { avfilter_link(scale_filter, 0, format_filter, 0) },
+			"Failed to link scale filter",
+		)?;
+
+		if !yadif_filter.is_null() {
+			check_error(
+				unsafe { avfilter_link(yadif_filter, 0, scale_filter, 0) },
+				"Failed to link yadif filter",
+			)?;
+		}
+
+		check_error(
+			unsafe {
+				avfilter_link(
+					self.filter_source,
+					0,
+					if !yadif_filter.is_null() {
+						yadif_filter
+					} else {
+						scale_filter
+					},
+					0,
+				)
+			},
+			"Failed to link source filter",
+		)?;
+
+		check_error(
+			unsafe { avfilter_graph_config(self.filter_graph, std::ptr::null_mut()) },
+			"Failed to configure filter graph",
+		)?;
+
+		Ok(())
+	}
+
+	fn create_scale_string(
+		&self,
+		size: Option<ThumbnailSize>,
+		maintain_aspect_ratio: bool,
+	) -> Result<String, ThumbnailerError> {
+		let mut scaled_width;
+		let mut scaled_height = -1;
+		if size.is_none() {
+			return Ok("w=0:h=0".to_string());
+		}
+
+		let size = size.unwrap();
+
+		match size {
+			ThumbnailSize::Dimensions { width, height } => {
+				scaled_width = width as i32;
+				scaled_height = height as i32;
+			}
+			ThumbnailSize::Size(width) => {
+				scaled_width = width as i32;
+			}
+		}
+
+		let mut scale = String::new();
+
+		if scaled_width != -1 && scaled_height != -1 {
+			let _ = write!(scale, "w={scaled_width}:h={scaled_height}");
+			if maintain_aspect_ratio {
+				let _ = write!(scale, ":force_original_aspect_ratio=decrease");
+			}
+		} else if !maintain_aspect_ratio {
+			if scaled_width == -1 {
+				let _ = write!(scale, "w={scaled_height}:h={scaled_height}");
+			} else {
+				let _ = write!(scale, "w={scaled_width}:h={scaled_width}");
+			}
+		} else {
+			let size_int = if scaled_height == -1 {
+				scaled_width
+			} else {
+				scaled_height
+			};
+
+			let anamorphic;
+			let aspect_ratio;
+			unsafe {
+				scaled_width = (*self.video_codec_context).width;
+				scaled_height = (*self.video_codec_context).height;
+
+				aspect_ratio = av_guess_sample_aspect_ratio(
+					self.format_context,
+					self.video_stream,
+					self.frame,
+				);
+				anamorphic = aspect_ratio.num != 0 && aspect_ratio.num != aspect_ratio.den;
+			}
+
+			if anamorphic {
+				scaled_width = scaled_width * aspect_ratio.num / aspect_ratio.den;
+
+				if size_int != 0 {
+					if scaled_height > scaled_width {
+						scaled_width = scaled_width * size_int / scaled_height;
+						scaled_height = size_int;
+					} else {
+						scaled_height = scaled_height * size_int / scaled_width;
+						scaled_width = size_int;
+					}
+				}
+
+				let _ = write!(scale, "w={scaled_width}:h={scaled_height}");
+			} else if scaled_height > scaled_width {
+				let _ = write!(
+					scale,
+					"w=-1:h={}",
+					if size_int == 0 {
+						scaled_height
+					} else {
+						size_int
+					}
+				);
+			} else {
+				let _ = write!(
+					scale,
+					"w={}:h=-1",
+					if size_int == 0 {
+						scaled_width
+					} else {
+						size_int
+					}
+				);
+			}
+		}
+
+		Ok(scale)
+	}
+
+	fn get_stream_rotation(&self) -> i32 {
+		let matrix = unsafe {
+			av_stream_get_side_data(
+				self.video_stream,
+				AVPacketSideDataType::AV_PKT_DATA_DISPLAYMATRIX,
+				std::ptr::null_mut(),
+			)
+		} as *const i32;
+
+		if !matrix.is_null() {
+			let angle = (unsafe { av_display_rotation_get(matrix) }).round();
+			if angle < -135.0 {
+				return 3;
+			} else if angle > 45.0 && angle < 135.0 {
+				return 2;
+			} else if angle < -45.0 && angle > -135.0 {
+				return 1;
+			}
+		}
+
+		-1
+	}
+}
+
+impl Drop for MovieDecoder {
+	fn drop(&mut self) {
+		if !self.video_codec_context.is_null() {
+			unsafe {
+				avcodec_free_context(&mut self.video_codec_context);
+			}
+			self.video_codec = std::ptr::null_mut();
+		}
+
+		if !self.format_context.is_null() {
+			unsafe {
+				avformat_close_input(&mut self.format_context);
+			}
+			self.format_context = std::ptr::null_mut();
+		}
+
+		if !self.packet.is_null() {
+			unsafe {
+				av_packet_unref(self.packet);
+				av_packet_free(&mut self.packet);
+				self.packet = std::ptr::null_mut();
+			}
+		}
+
+		if !self.frame.is_null() {
+			unsafe {
+				av_frame_free(&mut self.frame);
+				self.frame = std::ptr::null_mut();
+			}
+		}
+
+		self.video_stream_index = -1;
+	}
+}
+
+fn check_error(return_code: i32, error_message: &str) -> Result<(), ThumbnailerError> {
+	if return_code < 0 {
+		Err(ThumbnailerError::FfmpegWithReason(
+			FfmpegError::from(return_code),
+			error_message.to_string(),
+		))
+	} else {
+		Ok(())
+	}
+}
+
+fn setup_filter(
+	filter_ctx: *mut *mut AVFilterContext,
+	filter_name: &str,
+	filter_setup_name: &str,
+	args: &str,
+	graph_ctx: *mut AVFilterGraph,
+	error_message: &str,
+) -> Result<(), ThumbnailerError> {
+	let filter_name_cstr = CString::new(filter_name).unwrap();
+	let filter_setup_name_cstr = CString::new(filter_setup_name).unwrap();
+	let args_cstr = CString::new(args).unwrap();
+
+	check_error(
+		unsafe {
+			avfilter_graph_create_filter(
+				filter_ctx,
+				avfilter_get_by_name(filter_name_cstr.as_ptr() as *const i8),
+				filter_setup_name_cstr.as_ptr() as *const i8,
+				args_cstr.as_ptr() as *const i8,
+				std::ptr::null_mut(),
+				graph_ctx,
+			)
+		},
+		error_message,
+	)
+}
+
+fn setup_filter_without_args(
+	filter_ctx: *mut *mut AVFilterContext,
+	filter_name: &str,
+	filter_setup_name: &str,
+	graph_ctx: *mut AVFilterGraph,
+	error_message: &str,
+) -> Result<(), ThumbnailerError> {
+	let filter_name_cstr = CString::new(filter_name).unwrap();
+	let filter_setup_name_cstr = CString::new(filter_setup_name).unwrap();
+
+	check_error(
+		unsafe {
+			avfilter_graph_create_filter(
+				filter_ctx,
+				avfilter_get_by_name(filter_name_cstr.as_ptr() as *const i8),
+				filter_setup_name_cstr.as_ptr() as *const i8,
+				std::ptr::null_mut(),
+				std::ptr::null_mut(),
+				graph_ctx,
+			)
+		},
+		error_message,
+	)
+}
diff --git a/core/thumbnailer/src/thumbnailer.rs b/core/thumbnailer/src/thumbnailer.rs
new file mode 100644
index 000000000..a52d7fd6c
--- /dev/null
+++ b/core/thumbnailer/src/thumbnailer.rs
@@ -0,0 +1,166 @@
+use crate::{film_strip_filter, MovieDecoder, ThumbnailSize, ThumbnailerError, VideoFrame};
+
+use std::{ops::Deref, path::Path};
+use tokio::{fs, task::spawn_blocking};
+use webp::Encoder;
+
+/// `Thumbnailer` struct holds data from a `ThumbnailerBuilder`, exposing methods
+/// to generate thumbnails from video files.
+#[derive(Debug, Clone)]
+pub struct Thumbnailer {
+	builder: ThumbnailerBuilder,
+}
+
+impl Thumbnailer {
+	/// Processes an video input file and write to file system a thumbnail with webp format
+	pub async fn process(
+		&self,
+		video_file_path: impl AsRef<Path>,
+		output_thumbnail_path: impl AsRef<Path>,
+	) -> Result<(), ThumbnailerError> {
+		fs::write(
+			output_thumbnail_path,
+			&*self.process_to_webp_bytes(video_file_path).await?,
+		)
+		.await
+		.map_err(Into::into)
+	}
+
+	/// Processes an video input file and returns a webp encoded thumbnail as bytes
+	pub async fn process_to_webp_bytes(
+		&self,
+		video_file_path: impl AsRef<Path>,
+	) -> Result<Vec<u8>, ThumbnailerError> {
+		let video_file_path = video_file_path.as_ref().to_path_buf();
+		let prefer_embedded_metadata = self.builder.prefer_embedded_metadata;
+		let seek_percentage = self.builder.seek_percentage;
+		let size = self.builder.size;
+		let maintain_aspect_ratio = self.builder.maintain_aspect_ratio;
+		let with_film_strip = self.builder.with_film_strip;
+		let quality = self.builder.quality;
+
+		spawn_blocking(move || -> Result<Vec<u8>, ThumbnailerError> {
+			let mut decoder = MovieDecoder::new(video_file_path, prefer_embedded_metadata)?;
+			// We actually have to decode a frame to get some metadata before we can start decoding for real
+			decoder.decode_video_frame()?;
+
+			if !decoder.embedded_metadata_is_available() {
+				decoder.seek(
+					(decoder.get_video_duration().as_secs() as f32 * seek_percentage).round()
+						as i64,
+				)?;
+			}
+
+			let mut video_frame = VideoFrame::default();
+
+			decoder.get_scaled_video_frame(Some(size), maintain_aspect_ratio, &mut video_frame)?;
+
+			if with_film_strip {
+				film_strip_filter(&mut video_frame);
+			}
+
+			// Type WebPMemory is !Send, which makes the Future in this function !Send,
+			// this make us `deref` to have a `&[u8]` and then `to_owned` to make a Vec<u8>
+			// which implies on a unwanted clone...
+			Ok(
+				Encoder::from_rgb(&video_frame.data, video_frame.width, video_frame.height)
+					.encode(quality)
+					.deref()
+					.to_vec(),
+			)
+		})
+		.await?
+	}
+}
+
+/// `ThumbnailerBuilder` struct holds data to build a `Thumbnailer` struct, exposing many methods
+/// to configure how a thumbnail must be generated.
+#[derive(Debug, Clone)]
+pub struct ThumbnailerBuilder {
+	maintain_aspect_ratio: bool,
+	size: ThumbnailSize,
+	seek_percentage: f32,
+	quality: f32,
+	prefer_embedded_metadata: bool,
+	with_film_strip: bool,
+}
+
+impl Default for ThumbnailerBuilder {
+	fn default() -> Self {
+		Self {
+			maintain_aspect_ratio: true,
+			size: ThumbnailSize::Size(128),
+			seek_percentage: 0.1,
+			quality: 80.0,
+			prefer_embedded_metadata: true,
+			with_film_strip: true,
+		}
+	}
+}
+
+impl ThumbnailerBuilder {
+	/// Creates a new `ThumbnailerBuilder` with default values:
+	/// - `maintain_aspect_ratio`: true
+	/// - `size`: 128 pixels
+	/// - `seek_percentage`: 10%
+	/// - `quality`: 80
+	/// - `prefer_embedded_metadata`: true
+	/// - `with_film_strip`: true
+	pub fn new() -> Self {
+		Default::default()
+	}
+
+	/// To respect or not the aspect ratio from the video file in the generated thumbnail
+	pub fn maintain_aspect_ratio(mut self, maintain_aspect_ratio: bool) -> Self {
+		self.maintain_aspect_ratio = maintain_aspect_ratio;
+		self
+	}
+
+	/// To set a thumbnail size, respecting or not its aspect ratio, according to `maintain_aspect_ratio` value
+	pub fn size(mut self, size: u32) -> Self {
+		self.size = ThumbnailSize::Size(size);
+		self
+	}
+
+	/// To specify width and height of the thumbnail
+	pub fn width_and_height(mut self, width: u32, height: u32) -> Self {
+		self.size = ThumbnailSize::Dimensions { width, height };
+		self
+	}
+
+	/// Seek percentage must be a value between 0.0 and 1.0
+	pub fn seek_percentage(mut self, seek_percentage: f32) -> Result<Self, ThumbnailerError> {
+		if !(0.0..=1.0).contains(&seek_percentage) {
+			return Err(ThumbnailerError::InvalidSeekPercentage(seek_percentage));
+		}
+		self.seek_percentage = seek_percentage;
+		Ok(self)
+	}
+
+	/// Quality must be a value between 0.0 and 100.0
+	pub fn quality(mut self, quality: f32) -> Result<Self, ThumbnailerError> {
+		if !(0.0..=100.0).contains(&quality) {
+			return Err(ThumbnailerError::InvalidQuality(quality));
+		}
+		self.quality = quality;
+		Ok(self)
+	}
+
+	/// To use embedded metadata in the video file, if available, instead of getting a frame as a
+	/// thumbnail
+	pub fn prefer_embedded_metadata(mut self, prefer_embedded_metadata: bool) -> Self {
+		self.prefer_embedded_metadata = prefer_embedded_metadata;
+		self
+	}
+
+	/// If `with_film_strip` is true, a film strip will be added to the thumbnail borders
+	pub fn with_film_strip(mut self, with_film_strip: bool) -> Self {
+		self.with_film_strip = with_film_strip;
+		self
+	}
+
+	/// Builds a `Thumbnailer` struct
+	pub fn build(self) -> Thumbnailer {
+		Thumbnailer { builder: self }
+	}
+}
diff --git a/core/thumbnailer/src/utils.rs b/core/thumbnailer/src/utils.rs
new file mode 100644
index 000000000..e97f9745d
--- /dev/null
+++ b/core/thumbnailer/src/utils.rs
@@ -0,0 +1,30 @@
+use crate::error::ThumbnailerError;
+use std::ffi::CString;
+use std::path::Path;
+
+pub(crate) fn from_path(path: impl AsRef<Path>) -> Result<CString, ThumbnailerError> {
+	#[cfg(unix)]
+	{
+		use std::os::unix::ffi::OsStrExt;
+		CString::new(path.as_ref().as_os_str().as_bytes())
+			.map_err(|_| ThumbnailerError::PathConversion(path.as_ref().to_path_buf()))
+	}
+
+	#[cfg(windows)]
+	{
+		use std::os::windows::ffi::OsStrExt;
+		CString::from_vec_with_nul(
+			path.as_ref()
+				.as_os_str()
+				.encode_wide()
+				.chain(Some(0))
+				.map(|b| {
+					let b = b.to_ne_bytes();
+					b.get(0).map(|s| *s).into_iter().chain(b.get(1).map(|s| *s))
+				})
+				.flatten()
+				.collect::<Vec<u8>>(),
+		)
+		.map_err(|_| ThumbnailerError::PathConversion(path.as_ref().to_path_buf()))
+	}
+}
diff --git a/core/thumbnailer/src/video_frame.rs b/core/thumbnailer/src/video_frame.rs
new file mode 100644
index 000000000..bceaa1e96
--- /dev/null
+++ b/core/thumbnailer/src/video_frame.rs
@@ -0,0 +1,42 @@
+use crate::error::FfmpegError;
+use ffmpeg_sys_next::{av_frame_alloc, av_frame_free, AVFrame};
+
+#[derive(Debug)]
+pub(crate) enum FrameSource {
+	VideoStream,
+	Metadata,
+}
+
+#[derive(Debug, Default)]
+pub(crate) struct VideoFrame {
+	pub width: u32,
+	pub height: u32,
+	pub line_size: u32,
+	pub data: Vec<u8>,
+	pub source: Option<FrameSource>,
+}
+
+pub(crate) struct FfmpegFrame {
+	data: *mut AVFrame,
+}
+
+impl FfmpegFrame {
+	pub(crate) fn new() -> Result<Self, FfmpegError> {
+		let data = unsafe { av_frame_alloc() };
+		if data.is_null() {
+			return Err(FfmpegError::FrameAllocation);
+		}
+		Ok(Self { data })
+	}
+
+	pub(crate) fn as_mut_ptr(&mut self) -> *mut AVFrame {
+		self.data
+	}
+}
+
+impl Drop for FfmpegFrame {
+	fn drop(&mut self) {
+		unsafe { av_frame_free(&mut self.data) };
+		self.data = std::ptr::null_mut();
+	}
+}
diff --git a/packages/client/src/hooks/useCurrentLibrary.tsx b/packages/client/src/hooks/useCurrentLibrary.tsx
index fe48c8f38..53cc877a3 100644
--- a/packages/client/src/hooks/useCurrentLibrary.tsx
+++ b/packages/client/src/hooks/useCurrentLibrary.tsx
@@ -1,7 +1,7 @@
 import { PropsWithChildren, createContext, useCallback, useContext, useMemo } from 'react';
 import { proxy, useSnapshot } from 'valtio';
 
-import { useBridgeQuery, useExplorerStore } from '../index';
+import { getExplorerStore, useBridgeQuery, useExplorerStore } from '../index';
 
 // The name of the localStorage key for caching library data
 const libraryCacheLocalStorageKey = 'sd-library-list';
@@ -24,7 +24,6 @@ export const LibraryContextProvider = ({
 
 // this is a hook to get the current library loaded into the UI. It takes care of a bunch of invariants under the hood.
 export const useCurrentLibrary = () => {
-	const explorerStore = useExplorerStore();
 	const currentLibraryUuid = useSnapshot(currentLibraryUuidStore).id;
 	const ctx = useContext(CringeContext);
 	if (ctx === undefined)
@@ -57,7 +56,7 @@ export const useCurrentLibrary = () => {
 
 	const switchLibrary = useCallback((libraryUuid: string) => {
 		currentLibraryUuidStore.id = libraryUuid;
-		explorerStore.reset();
+		getExplorerStore().reset();
 	}, []);
 
 	// memorize library to avoid re-running find function
diff --git a/packages/interface/src/components/explorer/Explorer.tsx b/packages/interface/src/components/explorer/Explorer.tsx
index 2e839acc8..09fb14160 100644
--- a/packages/interface/src/components/explorer/Explorer.tsx
+++ b/packages/interface/src/components/explorer/Explorer.tsx
@@ -1,4 +1,4 @@
-import { getExplorerStore, rspc, useCurrentLibrary } from '@sd/client';
+import { getExplorerStore, rspc, useCurrentLibrary, useExplorerStore } from '@sd/client';
 import { ExplorerData } from '@sd/core';
 
 import { Inspector } from '../explorer/Inspector';
@@ -11,7 +11,7 @@ interface Props {
 }
 
 export default function Explorer(props: Props) {
-	const expStore = getExplorerStore();
+	const expStore = useExplorerStore();
 	const { library } = useCurrentLibrary();
 
 	rspc.useSubscription(['jobs.newThumbnail', { library_id: library!.uuid, arg: null }], {
diff --git a/packages/interface/src/components/explorer/FileItem.tsx b/packages/interface/src/components/explorer/FileItem.tsx
index b161bebe8..2e7ee6e26 100644
--- a/packages/interface/src/components/explorer/FileItem.tsx
+++ b/packages/interface/src/components/explorer/FileItem.tsx
@@ -12,58 +12,63 @@ interface Props extends HTMLAttributes<HTMLDivElement> {
 	index: number;
 }
 
-function FileItem(props: Props) {
-	const store = useExplorerStore();
+function FileItem({ data, selected, index, ...rest }: Props) {
+	// const store = useExplorerStore();
+
+	// store.layoutMode;
+
+	// props.index === store.selectedRowIndex
 
 	return (
 		<div
 			onContextMenu={(e) => {
-				const objectId = isObject(props.data) ? props.data.id : props.data.file?.id;
+				const objectId = isObject(data) ? data.id : data.file?.id;
 				if (objectId != undefined) {
 					getExplorerStore().contextMenuObjectId = objectId;
-					if (props.index != undefined) {
-						getExplorerStore().selectedRowIndex = props.index;
+					if (index != undefined) {
+						getExplorerStore().selectedRowIndex = index;
 					}
 				}
 			}}
+			{...rest}
 			draggable
-			{...props}
-			className={clsx('inline-block w-[100px] mb-3', props.className)}
+			className={clsx('inline-block w-[100px] mb-3', rest.className)}
 		>
 			<div
-				style={{ width: store.gridItemSize, height: store.gridItemSize }}
+				style={{ width: getExplorerStore().gridItemSize, height: getExplorerStore().gridItemSize }}
 				className={clsx(
 					'border-2 border-transparent rounded-lg text-center mb-1 active:translate-y-[1px]',
 					{
-						'bg-gray-50 dark:bg-gray-750': props.selected
+						'bg-gray-50 dark:bg-gray-750': selected
 					}
 				)}
 			>
 				<div
 					className={clsx(
-						'relative grid place-content-center min-w-0 h-full p-1 rounded border-transparent border-2 shrink-0'
+						'flex items-center justify-center h-full  p-1 rounded border-transparent border-2 shrink-0'
 					)}
 				>
 					<FileThumb
 						className={clsx(
-							'border-4 border-gray-250 rounded-sm shadow-md shadow-gray-750 max-h-full max-w-full overflow-hidden'
+							'border-4  border-gray-250 rounded-sm shadow-md shadow-gray-750 object-cover max-w-full max-h-full w-auto overflow-hidden',
+							isVideo(data.extension || '') && 'border-gray-950'
 						)}
-						data={props.data}
-						size={store.gridItemSize}
+						data={data}
+						size={getExplorerStore().gridItemSize}
 					/>
 				</div>
 			</div>
 			<div className="flex justify-center">
 				<span
 					className={clsx(
-						'px-1.5 py-[1px] truncate text-center rounded-md text-xs font-medium text-gray-550 dark:text-gray-300 cursor-default',
+						'px-1.5 py-[1px] truncate text-center rounded-md text-xs font-medium text-gray-550 dark:text-gray-300 cursor-default ',
 						{
-							'bg-primary !text-white': props.selected
+							'bg-primary !text-white': selected
 						}
 					)}
 				>
-					{props.data?.name}
-					{props.data?.extension && `.${props.data.extension}`}
+					{data?.name}
+					{data?.extension && `.${data.extension}`}
 				</span>
 			</div>
 		</div>
@@ -71,3 +76,30 @@ function FileItem(props: Props) {
 }
 
 export default FileItem;
+
+function isVideo(extension: string) {
+	return [
+		'avi',
+		'asf',
+		'mpeg',
+		'mts',
+		'mpe',
+		'vob',
+		'qt',
+		'mov',
+		'asf',
+		'asx',
+		'mjpeg',
+		'ts',
+		'mxf',
+		'm2ts',
+		'f4v',
+		'wm',
+		'3gp',
+		'm4v',
+		'wmv',
+		'mp4',
+		'webm',
+		'flv'
+	].includes(extension);
+}
diff --git a/packages/interface/src/components/explorer/FileThumb.tsx b/packages/interface/src/components/explorer/FileThumb.tsx
index d34bcca0d..9f282b039 100644
--- a/packages/interface/src/components/explorer/FileThumb.tsx
+++ b/packages/interface/src/components/explorer/FileThumb.tsx
@@ -1,6 +1,7 @@
-import { useExplorerStore, usePlatform } from '@sd/client';
+import { getExplorerStore, useExplorerStore, usePlatform } from '@sd/client';
 import { ExplorerItem } from '@sd/core';
 import clsx from 'clsx';
+import { useState } from 'react';
 import { useSnapshot } from 'valtio';
 
 import icons from '../../assets/icons';
@@ -12,40 +13,47 @@ interface Props {
 	size: number;
 	className?: string;
 	style?: React.CSSProperties;
+	iconClassNames?: string;
 }
 
 export default function FileThumb({ data, ...props }: Props) {
 	const platform = usePlatform();
-	const store = useExplorerStore();
+	// const store = useExplorerStore();
 
-	if (isPath(data) && data.is_dir) return <Folder size={props.size * 0.7} />;
+	if (isPath(data) && data.is_dir)
+		return <Folder className={props.iconClassNames} size={props.size * 0.7} />;
 
 	const cas_id = isObject(data) ? data.cas_id : data.file?.cas_id;
 
-	if (!cas_id) return <div></div>;
+	if (cas_id) {
+		// this won't work
+		const new_thumbnail = !!getExplorerStore().newThumbnails[cas_id];
 
-	const has_thumbnail = isObject(data)
-		? data.has_thumbnail
-		: isPath(data)
-		? data.file?.has_thumbnail
-		: !!store.newThumbnails[cas_id];
+		const has_thumbnail = isObject(data)
+			? data.has_thumbnail
+			: isPath(data)
+			? data.file?.has_thumbnail
+			: new_thumbnail;
 
-	if (has_thumbnail)
-		return (
-			<img
-				// onLoad={}
-				style={props.style}
-				className={clsx('pointer-events-none z-90', props.className)}
-				src={platform.getThumbnailUrlById(cas_id)}
-			/>
-		);
+		const url = platform.getThumbnailUrlById(cas_id);
+
+		if (has_thumbnail && url)
+			return (
+				<img
+					style={props.style}
+					// width={props.size}
+					className={clsx('pointer-events-none', props.className)}
+					src={url}
+				/>
+			);
+	}
 
 	const Icon = icons[data.extension as keyof typeof icons];
 
 	return (
 		<div
 			style={{ width: props.size * 0.8, height: props.size * 0.8 }}
-			className="relative m-auto transition duration-200 "
+			className={clsx('relative m-auto transition duration-200 ', props.iconClassNames)}
 		>
 			<svg
 				// BACKGROUND
diff --git a/packages/interface/src/components/explorer/Inspector.tsx b/packages/interface/src/components/explorer/Inspector.tsx
index f6bb47b52..61a81912d 100644
--- a/packages/interface/src/components/explorer/Inspector.tsx
+++ b/packages/interface/src/components/explorer/Inspector.tsx
@@ -41,13 +41,18 @@ export const Inspector = (props: Props) => {
 	});
 
 	return (
-		<div className="p-2 pr-1 overflow-x-hidden custom-scroll inspector-scroll pb-[55px]">
+		<div className="p-2 pt-0.5 pr-1 overflow-x-hidden custom-scroll inspector-scroll pb-[55px]">
 			{!!props.data && (
 				<>
-					<div className="flex bg-black items-center justify-center w-full h-64 mb-[10px] overflow-hidden rounded-lg ">
-						<FileThumb size={230} className="!m-0 flex flex-shrink flex-grow-0" data={props.data} />
+					<div className="flex items-center justify-center w-full overflow-hidden bg-black rounded-md ">
+						<FileThumb
+							iconClassNames="!my-10"
+							size={230}
+							className="!m-0 flex flex-shrink flex-grow-0"
+							data={props.data}
+						/>
 					</div>
-					<div className="flex flex-col w-full pt-0.5 pb-4 overflow-hidden bg-white rounded-lg shadow select-text dark:shadow-gray-700 dark:bg-gray-550 dark:bg-opacity-40">
+					<div className="flex flex-col w-full pt-0.5 pb-4 overflow-hidden shadow select-text">
 						<h3 className="pt-3 pl-3 text-base font-bold">
 							{props.data?.name}
 							{props.data?.extension && `.${props.data.extension}`}
diff --git a/packages/interface/src/components/explorer/VirtualizedList.tsx b/packages/interface/src/components/explorer/VirtualizedList.tsx
index b5849e5f0..50fadd719 100644
--- a/packages/interface/src/components/explorer/VirtualizedList.tsx
+++ b/packages/interface/src/components/explorer/VirtualizedList.tsx
@@ -1,7 +1,7 @@
 import { ExplorerLayoutMode, getExplorerStore, useExplorerStore } from '@sd/client';
 import { ExplorerContext, ExplorerItem, FilePath } from '@sd/core';
 import { useVirtualizer } from '@tanstack/react-virtual';
-import { memo, useCallback, useLayoutEffect, useRef, useState } from 'react';
+import { memo, useCallback, useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { useSearchParams } from 'react-router-dom';
 import { useKey, useOnWindowResize, useWindowSize } from 'rooks';
 import { useSnapshot } from 'valtio';
@@ -25,7 +25,7 @@ export const VirtualizedList: React.FC<Props> = ({ data, context }) => {
 	const [goingUp, setGoingUp] = useState(false);
 	const [width, setWidth] = useState(0);
 
-	const store = useExplorerStore();
+	const explorerStore = useExplorerStore();
 
 	function handleWindowResize() {
 		// so the virtualizer can render the correct number of columns
@@ -35,16 +35,18 @@ export const VirtualizedList: React.FC<Props> = ({ data, context }) => {
 	useLayoutEffect(() => handleWindowResize(), []);
 
 	// sizing calculations
-	const amountOfColumns = Math.floor(width / store.gridItemSize) || 8,
+	const amountOfColumns = Math.floor(width / explorerStore.gridItemSize) || 8,
 		amountOfRows =
-			store.layoutMode === 'grid' ? Math.ceil(data.length / amountOfColumns) : data.length,
+			explorerStore.layoutMode === 'grid' ? Math.ceil(data.length / amountOfColumns) : data.length,
 		itemSize =
-			store.layoutMode === 'grid' ? store.gridItemSize + GRID_TEXT_AREA_HEIGHT : store.listItemSize;
+			explorerStore.layoutMode === 'grid'
+				? explorerStore.gridItemSize + GRID_TEXT_AREA_HEIGHT
+				: explorerStore.listItemSize;
 
 	const rowVirtualizer = useVirtualizer({
 		count: amountOfRows,
 		getScrollElement: () => scrollRef.current,
-		overscan: 500,
+		overscan: 200,
 		estimateSize: () => itemSize,
 		measureElement: (index) => itemSize
 	});
@@ -62,15 +64,18 @@ export const VirtualizedList: React.FC<Props> = ({ data, context }) => {
 	useKey('ArrowUp', (e) => {
 		e.preventDefault();
 		setGoingUp(true);
-		if (store.selectedRowIndex !== -1 && store.selectedRowIndex !== 0)
-			getExplorerStore().selectedRowIndex = store.selectedRowIndex - 1;
+		if (explorerStore.selectedRowIndex !== -1 && explorerStore.selectedRowIndex !== 0)
+			getExplorerStore().selectedRowIndex = explorerStore.selectedRowIndex - 1;
 	});
 
 	useKey('ArrowDown', (e) => {
 		e.preventDefault();
 		setGoingUp(false);
-		if (store.selectedRowIndex !== -1 && store.selectedRowIndex !== (data.length ?? 1) - 1)
-			getExplorerStore().selectedRowIndex = store.selectedRowIndex + 1;
+		if (
+			explorerStore.selectedRowIndex !== -1 &&
+			explorerStore.selectedRowIndex !== (data.length ?? 1) - 1
+		)
+			getExplorerStore().selectedRowIndex = explorerStore.selectedRowIndex + 1;
 	});
 
 	// const Header = () => (
@@ -115,10 +120,10 @@ export const VirtualizedList: React.FC<Props> = ({ data, context }) => {
 							className="absolute top-0 left-0 flex w-full"
 							key={virtualRow.key}
 						>
-							{store.layoutMode === 'list' ? (
+							{explorerStore.layoutMode === 'list' ? (
 								<WrappedItem
 									kind="list"
-									isSelected={store.selectedRowIndex === virtualRow.index}
+									isSelected={getExplorerStore().selectedRowIndex === virtualRow.index}
 									index={virtualRow.index}
 									item={data[virtualRow.index]}
 								/>
@@ -126,13 +131,14 @@ export const VirtualizedList: React.FC<Props> = ({ data, context }) => {
 								[...Array(amountOfColumns)].map((_, i) => {
 									const index = virtualRow.index * amountOfColumns + i;
 									const item = data[index];
+									const isSelected = explorerStore.selectedRowIndex === index;
 									return (
 										<div key={index} className="w-32 h-32">
 											<div className="flex">
 												{item && (
 													<WrappedItem
 														kind="grid"
-														isSelected={store.selectedRowIndex === index}
+														isSelected={isSelected}
 														index={index}
 														item={item}
 													/>
@@ -158,7 +164,7 @@ interface WrappedItemProps {
 }
 
 // Wrap either list item or grid item with click logic as it is the same for both
-const WrappedItem: React.FC<WrappedItemProps> = memo(({ item, index, isSelected, kind }) => {
+const WrappedItem: React.FC<WrappedItemProps> = ({ item, index, isSelected, kind }) => {
 	const [_, setSearchParams] = useSearchParams();
 
 	const onDoubleClick = useCallback(() => {
@@ -169,20 +175,9 @@ const WrappedItem: React.FC<WrappedItemProps> = memo(({ item, index, isSelected,
 		getExplorerStore().selectedRowIndex = isSelected ? -1 : index;
 	}, [isSelected, index]);
 
-	if (kind === 'list') {
-		return (
-			<FileRow
-				data={item}
-				index={index}
-				onClick={onClick}
-				onDoubleClick={onDoubleClick}
-				selected={isSelected}
-			/>
-		);
-	}
-
+	const ItemComponent = kind === 'list' ? FileRow : FileItem;
 	return (
-		<FileItem
+		<ItemComponent
 			data={item}
 			index={index}
 			onClick={onClick}
@@ -190,4 +185,19 @@ const WrappedItem: React.FC<WrappedItemProps> = memo(({ item, index, isSelected,
 			selected={isSelected}
 		/>
 	);
-});
+
+	// // Memorize the item so that it doesn't get re-rendered when the selection changes
+	// return useMemo(() => {
+	// 	const ItemComponent = kind === 'list' ? FileRow : FileItem;
+	// 	return (
+	// 		<ItemComponent
+	// 			data={item}
+	// 			index={index}
+	// 			onClick={onClick}
+	// 			onDoubleClick={onDoubleClick}
+	// 			selected={isSelected}
+	// 		/>
+	// 	);
+	// 	// eslint-disable-next-line react-hooks/exhaustive-deps
+	// }, [item, index, isSelected]);
+};
diff --git a/packages/interface/src/components/explorer/inspector/Divider.tsx b/packages/interface/src/components/explorer/inspector/Divider.tsx
index ee4e79b3a..c3745c840 100644
--- a/packages/interface/src/components/explorer/inspector/Divider.tsx
+++ b/packages/interface/src/components/explorer/inspector/Divider.tsx
@@ -1 +1 @@
-export const Divider = () => <div className="w-full my-1 h-[1px] bg-gray-100 dark:bg-gray-550" />;
+export const Divider = () => <div className="w-full my-1 h-[1px] bg-gray-100 dark:bg-gray-600" />;
diff --git a/packages/interface/src/screens/settings/client/GeneralSettings.tsx b/packages/interface/src/screens/settings/client/GeneralSettings.tsx
index 4542032f8..90e06dcb8 100644
--- a/packages/interface/src/screens/settings/client/GeneralSettings.tsx
+++ b/packages/interface/src/screens/settings/client/GeneralSettings.tsx
@@ -58,7 +58,7 @@ export default function GeneralSettings() {
 						<span className="text-xs font-medium text-gray-700 dark:text-gray-400">
 							<Database className="inline w-4 h-4 mr-2 -mt-[2px]" />
 							<b className="mr-2">Data Folder</b>
-							{node?.data_path}
+							<span className="select-text">{node?.data_path}</span>
 						</span>
 					</div>
 				</div>