diff --git a/couchpotato/core/_base/updater/static/updater.js b/couchpotato/core/_base/updater/static/updater.js
index 1ee937a..932c3b6 100644
--- a/couchpotato/core/_base/updater/static/updater.js
+++ b/couchpotato/core/_base/updater/static/updater.js
@@ -84,7 +84,7 @@ var UpdaterBase = new Class({
 					'click': self.doUpdate.bind(self)
 				}
 			})
-		).inject(document.body);
+		).inject(App.getBlock('footer'));
 	},
 
 	doUpdate: function(){
diff --git a/couchpotato/core/_base/updater/static/updater.scss b/couchpotato/core/_base/updater/static/updater.scss
new file mode 100644
index 0000000..289aefa
--- /dev/null
+++ b/couchpotato/core/_base/updater/static/updater.scss
@@ -0,0 +1,17 @@
+@import "_mixins";
+
+.update.message {
+	background: $background_color;
+	padding: $padding;
+	text-align: center;
+	font-size: 1.25em;
+
+	@include media-tablet {
+		font-size: 1em;
+	}
+
+	a {
+		color: $primary_color;
+		padding: $padding/4;
+	}
+}
diff --git a/couchpotato/core/media/_base/search/static/search.scss b/couchpotato/core/media/_base/search/static/search.scss
index 352fdf1..70cf1b3 100644
--- a/couchpotato/core/media/_base/search/static/search.scss
+++ b/couchpotato/core/media/_base/search/static/search.scss
@@ -6,10 +6,6 @@
 	width: 44px;
 	position: relative;
 
-	* {
-		transform: translateZ(0);
-	}
-
 	.icon-search {
 		position: absolute;
 		z-index: 2;
@@ -246,7 +242,8 @@
 					cursor: pointer;
 					border-top: 1px solid rgba(255,255,255, 0.08);
 					transition: all .4s cubic-bezier(0.9,0,0.1,1);
-					transform: translateX(0);
+					will-change: transform;
+					transform: translateX(0) rotateZ(360deg);
 					background: $background_color;
 
 					@include media-phablet {
@@ -254,11 +251,11 @@
 					}
 
 					&:hover {
-						transform: translateX(2%);
+						transform: translateX(2%) rotateZ(360deg);
 					}
 
 					&.open {
-						transform: translateX(100%);
+						transform: translateX(100%) rotateZ(360deg);
 					}
 
 					.info {
diff --git a/couchpotato/core/media/movie/_base/static/movie.scss b/couchpotato/core/media/movie/_base/static/movie.scss
index 398e068..79340db 100644
--- a/couchpotato/core/media/movie/_base/static/movie.scss
+++ b/couchpotato/core/media/movie/_base/static/movie.scss
@@ -21,6 +21,7 @@ $mass_edit_height: 44px;
 .page.movies_manage {
 	top: $header_height;
 	padding: 0;
+	will-change: top;
 	transition: top 300ms $cubic;
 
 	@include media-phablet {
@@ -61,6 +62,7 @@ $mass_edit_height: 44px;
 		input[type=checkbox] {
 			display: inline-block;
 			position: absolute;
+			will-change: opacity;
 			transition: opacity 200ms;
 			opacity: 0;
 			z-index: 2;
@@ -186,7 +188,8 @@ $mass_edit_height: 44px;
 	}
 
 	.movie .actions {
-		transform: rotateY(360deg);
+		will-change: transform, opacity;
+		transform: rotateZ(360deg);
 
 		@include media-phablet {
 			pointer-events: none;
@@ -474,6 +477,7 @@ $mass_edit_height: 44px;
 
 		.actions {
 			background-image: linear-gradient(25deg, rgba($primary_color,0) 0%, rgba($primary_color,1) 80%);
+			will-change: opacity;
 			transition: opacity 400ms;
 			opacity: 1;
 			visibility: hidden;
@@ -496,6 +500,8 @@ $mass_edit_height: 44px;
 
 				a {
 					transition: all 150ms $cubic;
+					will-change: color, background;
+					transition-property: color, background;
 					display: block;
 					width: auto;
 					padding: $padding / 3;
@@ -526,6 +532,7 @@ $mass_edit_height: 44px;
 		.mask {
 			bottom: 44px;
 			border-radius: $border_radius;
+			will-change: opacity;
 			transition: opacity 30ms;
 		}
 	}
@@ -550,7 +557,8 @@ $mass_edit_height: 44px;
 		background: rgba(0,0,0,.6);
 		border-radius: $border_radius 0 0 $border_radius;
 		opacity: 0;
-		transform: rotateY(360deg);
+		will-change: opacity;
+		transform: rotateZ(360deg);
 		transition: opacity 300ms ease 400ms;
 		z-index: 1;
 
@@ -572,6 +580,7 @@ $mass_edit_height: 44px;
 			width: 100%;
 			height: 100%;
 			opacity: 0;
+			will-change: opacity;
 			transition: opacity 300ms ease 200ms;
 
 			&:before {
@@ -595,7 +604,8 @@ $mass_edit_height: 44px;
 		background: $background_color;
 		border-radius: $border_radius 0 0 $border_radius;
 		overflow-y: auto;
-		transform: translateX(100%) rotateY(360deg);
+		will-change: transform;
+		transform: translateX(100%) rotateZ(360deg);
 		transition: transform 350ms $cubic;
 
 		@include media-phablet {
@@ -608,11 +618,12 @@ $mass_edit_height: 44px;
 			padding: 0 $padding;
 			position: relative;
 			z-index: 2;
-			transform: rotateY(360deg);
+			will-change: transform, opacity;
+			transform: rotateZ(360deg);
 
 			@include media-phablet {
 				padding: 0;
-				line-height: 1em;
+				line-height: $header_width_mobile;
 			}
 
 			h1 {
@@ -626,7 +637,6 @@ $mass_edit_height: 44px;
 				@include media-phablet {
 					min-width: 100%;
 					line-height: $header_width_mobile;
-					margin-top: $padding;
 
 					.more_menu {
 						width: 100%;
@@ -658,7 +668,7 @@ $mass_edit_height: 44px;
 					line-height: $header_height;
 
 					@include media-phablet {
-						line-height: $header_width_mobile/2;
+						line-height: $header_width_mobile;
 					}
 				}
 
@@ -756,7 +766,7 @@ $mass_edit_height: 44px;
 					line-height: $header_height;
 
 					@include media-phablet {
-						line-height: $header_width_mobile/2;
+						line-height: $header_width_mobile;
 					}
 
 					&:hover {
@@ -770,7 +780,8 @@ $mass_edit_height: 44px;
 		.section {
 			padding: $padding;
 			border-top: 1px solid rgba(0,0,0,.1);
-			transform: rotateY(360deg);
+			will-change: transform, opacity;
+			transform: rotateZ(360deg);
 
 			@include media-phablet {
 				padding: $padding/2;
@@ -793,7 +804,7 @@ $mass_edit_height: 44px;
 
 		.scroll_content {
 			transition-delay: 200ms;
-			transform: translateX(0) rotateY(360deg);
+			transform: translateX(0) rotateZ(360deg);
 		}
 	}
 
@@ -1038,8 +1049,6 @@ $mass_edit_height: 44px;
 
 		.background {
 			opacity: .3;
-			transition: all 300ms;
-			transform: scale(1.05) rotateY(360deg);
 			background: no-repeat center;
 			background-size: cover;
 			position: absolute;
@@ -1051,7 +1060,6 @@ $mass_edit_height: 44px;
 		}
 
 		.icon-play {
-
 			opacity: 0.9;
 			position: absolute;
 			z-index: 2;
@@ -1059,6 +1067,7 @@ $mass_edit_height: 44px;
 			width: 100%;
 			top: 50%;
 			transform: translateY(-50%);
+			will-change: opacity;
 			transition: all 300ms;
 			color: #FFF;
 			font-size: $play-size;
@@ -1080,6 +1089,7 @@ $mass_edit_height: 44px;
 				left: 50%;
 				margin-left: $play-size/2;
 				transform: translateY(-54%);
+				will-change: opacity;
 
 				@include media-desktop {
 					margin-left: $play-size/4;
@@ -1140,6 +1150,7 @@ $mass_edit_height: 44px;
 		left: $header_width;
 		flex-flow: row nowrap;
 		align-items: center;
+		will-change: max-height;
 		transition: max-height 300ms $cubic;
 		max-height: 0;
 		overflow: hidden;
diff --git a/couchpotato/core/plugins/log/static/log.scss b/couchpotato/core/plugins/log/static/log.scss
index 4be815b..fd5edac 100644
--- a/couchpotato/core/plugins/log/static/log.scss
+++ b/couchpotato/core/plugins/log/static/log.scss
@@ -12,6 +12,16 @@
 			padding: 5px 10px;
 			margin: 0;
 
+			@include media-tablet {
+				&.filter, &:nth-child(7),&:nth-child(8),&:nth-child(9),&:nth-child(10),&:nth-child(11),&:nth-child(12) {
+					display: none;
+				}
+
+				&:last-child {
+					display: inline-block;
+				}
+			}
+
 			&.select, &.clear {
 				cursor: pointer;
 			}
@@ -32,6 +42,10 @@
 		font-style: italic;
 		opacity: .5;
 		margin-top: 3px;
+
+		@include media-tablet {
+			display: none;
+		}
 	}
 
 	.container {
@@ -39,6 +53,10 @@
 		overflow: hidden;
 		line-height: 150%;
 
+		@include media-phablet {
+			padding: $padding $padding/2;
+		}
+
 		&.loading {
 			text-align: center;
 			font-size: 20px;
@@ -58,6 +76,10 @@
 			font-family: Lucida Console, Monaco, Nimbus Mono L, monospace, serif;
 			display: flex;
 
+			@include media-phablet {
+				flex-flow: row wrap;
+			}
+
 			&.highlight {
 				background: $theme_off;
 			}
@@ -66,7 +88,20 @@
 				padding: 5px 0 3px;
 				display: inline-block;
 				vertical-align: middle;
-				width: 90px;
+				width: 95px;
+			}
+
+			.message {
+				white-space: pre-wrap;
+				flex: 1 auto;
+
+				@include media-phablet {
+					flex: 1 auto;
+					margin-top: -$padding/4;
+					padding: 0;
+					display: block;
+					width: 100%;
+				}
 			}
 
 			::selection {
@@ -76,15 +111,10 @@
 		}
 
 		.type.type {
-			margin-left: 10px;
+			margin-left: $padding/3;
 			width: 40px;
 		}
 
-		.message {
-			white-space: pre-wrap;
-			flex: 1 auto;
-		}
-
 
 		.error { color: #FFA4A4; }
 		.debug span { opacity: .6; }
diff --git a/couchpotato/static/scripts/combined.base.min.js b/couchpotato/static/scripts/combined.base.min.js
index f0a39e7..4428c20 100644
--- a/couchpotato/static/scripts/combined.base.min.js
+++ b/couchpotato/static/scripts/combined.base.min.js
@@ -1044,7 +1044,7 @@ Page.Home = new Class({
             identifier: "soon",
             limit: 12,
             title: "Available soon",
-            description: "These are being searched for and should be available soon as they will be released on DVD in the next few weeks.",
+            description: "Should be available soon as they will be released on DVD/Blu-ray in the coming weeks.",
             filter: {
                 random: true
             },
diff --git a/couchpotato/static/scripts/combined.plugins.min.js b/couchpotato/static/scripts/combined.plugins.min.js
index 466cc46..ee955f6 100644
--- a/couchpotato/static/scripts/combined.plugins.min.js
+++ b/couchpotato/static/scripts/combined.plugins.min.js
@@ -109,7 +109,7 @@ var UpdaterBase = new Class({
             events: {
                 click: self.doUpdate.bind(self)
             }
-        })).inject(document.body);
+        })).inject(App.getBlock("footer"));
     },
     doUpdate: function() {
         var self = this;
diff --git a/couchpotato/static/scripts/combined.vendor.min.js b/couchpotato/static/scripts/combined.vendor.min.js
index 61ad0a5..40b1e01 100644
--- a/couchpotato/static/scripts/combined.vendor.min.js
+++ b/couchpotato/static/scripts/combined.vendor.min.js
@@ -8612,8 +8612,10 @@ History.handleInitialState = function(base) {
     };
     if (typeof module === "object" && typeof module.exports === "object") {
         module.exports = dynamics;
-    } else if (typeof define === "function" && define.amd) {
-        define(dynamics);
+    } else if (typeof define === "function") {
+        define("dynamics", function() {
+            return dynamics;
+        });
     } else {
         window.dynamics = dynamics;
     }
diff --git a/couchpotato/static/scripts/page/home.js b/couchpotato/static/scripts/page/home.js
index 46c31e9..cddea44 100644
--- a/couchpotato/static/scripts/page/home.js
+++ b/couchpotato/static/scripts/page/home.js
@@ -105,7 +105,7 @@ Page.Home = new Class({
 			'identifier': 'soon',
 			'limit': 12,
 			'title': 'Available soon',
-			'description': 'These are being searched for and should be available soon as they will be released on DVD in the next few weeks.',
+			'description': 'Should be available soon as they will be released on DVD/Blu-ray in the coming weeks.',
 			'filter': {
 				'random': true
 			},
diff --git a/couchpotato/static/scripts/vendor/dynamics.js b/couchpotato/static/scripts/vendor/dynamics.js
index a0b962c..5a065fc 100644
--- a/couchpotato/static/scripts/vendor/dynamics.js
+++ b/couchpotato/static/scripts/vendor/dynamics.js
@@ -1,1987 +1,1989 @@
 // Generated by CoffeeScript 1.7.1
 (function() {
-	var Color, DecomposedMatrix, DecomposedMatrix2D, InterpolableArray, InterpolableColor, InterpolableObject, InterpolableWithUnit, Matrix, Matrix2D, Set, Vector, addTimeout, animationTick, animations, animationsTimeouts, applyDefaults, applyFrame, applyProperties, baseSVG, cacheFn, cancelTimeout, clone, createInterpolable, defaultValueForKey, degProperties, dynamics, getCurrentProperties, interpolate, isDocumentVisible, isSVGElement, lastTime, leftDelayForTimeout, makeArrayFn, observeVisibilityChange, parseProperties, prefixFor, propertyWithPrefix, pxProperties, rAF, roundf, runLoopPaused, runLoopRunning, runLoopTick, setRealTimeout, slow, slowRatio, startAnimation, startRunLoop, svgProperties, timeBeforeVisibilityChange, timeoutLastId, timeouts, toDashed, transformProperties, transformValueForProperty, unitForProperty,
-		__bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
-
-	isDocumentVisible = function() {
-		return document.visibilityState === "visible" || (dynamics.tests != null);
-	};
-
-	observeVisibilityChange = (function() {
-		var fns;
-		fns = [];
-		if (typeof document !== "undefined" && document !== null) {
-			document.addEventListener("visibilitychange", function() {
-				var fn, _i, _len, _results;
-				_results = [];
-				for (_i = 0, _len = fns.length; _i < _len; _i++) {
-					fn = fns[_i];
-					_results.push(fn(isDocumentVisible()));
-				}
-				return _results;
-			});
-		}
-		return function(fn) {
-			return fns.push(fn);
-		};
-	})();
-
-	clone = function(o) {
-		var k, newO, v;
-		newO = {};
-		for (k in o) {
-			v = o[k];
-			newO[k] = v;
-		}
-		return newO;
-	};
-
-	cacheFn = function(func) {
-		var data;
-		data = {};
-		return function() {
-			var k, key, result, _i, _len;
-			key = "";
-			for (_i = 0, _len = arguments.length; _i < _len; _i++) {
-				k = arguments[_i];
-				key += k.toString() + ",";
-			}
-			result = data[key];
-			if (!result) {
-				data[key] = result = func.apply(this, arguments);
-			}
-			return result;
-		};
-	};
-
-	makeArrayFn = function(fn) {
-		return function(el) {
-			var args, i, res;
-			if (el instanceof Array || el instanceof NodeList || el instanceof HTMLCollection) {
-				res = (function() {
-					var _i, _ref, _results;
-					_results = [];
-					for (i = _i = 0, _ref = el.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
-						args = Array.prototype.slice.call(arguments, 1);
-						args.splice(0, 0, el[i]);
-						_results.push(fn.apply(this, args));
-					}
-					return _results;
-				}).apply(this, arguments);
-				return res;
-			}
-			return fn.apply(this, arguments);
-		};
-	};
-
-	applyDefaults = function(options, defaults) {
-		var k, v, _results;
-		_results = [];
-		for (k in defaults) {
-			v = defaults[k];
-			_results.push(options[k] != null ? options[k] : options[k] = v);
-		}
-		return _results;
-	};
-
-	applyFrame = function(el, properties) {
-		var k, v, _results;
-		if ((el.style != null)) {
-			return applyProperties(el, properties);
-		} else {
-			_results = [];
-			for (k in properties) {
-				v = properties[k];
-				_results.push(el[k] = v.format());
-			}
-			return _results;
-		}
-	};
-
-	applyProperties = function(el, properties) {
-		var isSVG, k, matrix, transforms, v;
-		properties = parseProperties(properties);
-		transforms = [];
-		isSVG = isSVGElement(el);
-		for (k in properties) {
-			v = properties[k];
-			if (transformProperties.contains(k)) {
-				transforms.push([k, v]);
-			} else {
-				if (v.format != null) {
-					v = v.format();
-				} else {
-					v = "" + v + (unitForProperty(k, v));
-				}
-				if (isSVG && svgProperties.contains(k)) {
-					el.setAttribute(k, v);
-				} else {
-					el.style[propertyWithPrefix(k)] = v;
-				}
-			}
-		}
-		if (transforms.length > 0) {
-			if (isSVG) {
-				matrix = new Matrix2D();
-				matrix.applyProperties(transforms);
-				return el.setAttribute("transform", matrix.decompose().format());
-			} else {
-				v = (transforms.map(function(transform) {
-					return transformValueForProperty(transform[0], transform[1]);
-				})).join(" ");
-				return el.style[propertyWithPrefix("transform")] = v;
-			}
-		}
-	};
-
-	isSVGElement = function(el) {
-		var _ref, _ref1;
-		if ((typeof SVGElement !== "undefined" && SVGElement !== null) && (typeof SVGSVGElement !== "undefined" && SVGSVGElement !== null)) {
-			return el instanceof SVGElement && !(el instanceof SVGSVGElement);
-		} else {
-			return (_ref = (_ref1 = dynamics.tests) != null ? typeof _ref1.isSVG === "function" ? _ref1.isSVG(el) : void 0 : void 0) != null ? _ref : false;
-		}
-	};
-
-	roundf = function(v, decimal) {
-		var d;
-		d = Math.pow(10, decimal);
-		return Math.round(v * d) / d;
-	};
-
-	Set = (function() {
-		function Set(array) {
-			var v, _i, _len;
-			this.obj = {};
-			for (_i = 0, _len = array.length; _i < _len; _i++) {
-				v = array[_i];
-				this.obj[v] = 1;
-			}
-		}
-
-		Set.prototype.contains = function(v) {
-			return this.obj[v] === 1;
-		};
-
-		return Set;
-
-	})();
-
-	toDashed = function(str) {
-		return str.replace(/([A-Z])/g, function($1) {
-			return "-" + $1.toLowerCase();
-		});
-	};
-
-	pxProperties = new Set('marginTop,marginLeft,marginBottom,marginRight,paddingTop,paddingLeft,paddingBottom,paddingRight,top,left,bottom,right,translateX,translateY,translateZ,perspectiveX,perspectiveY,perspectiveZ,width,height,maxWidth,maxHeight,minWidth,minHeight,borderRadius'.split(','));
-
-	degProperties = new Set('rotate,rotateX,rotateY,rotateZ,skew,skewX,skewY,skewZ'.split(','));
-
-	transformProperties = new Set('translate,translateX,translateY,translateZ,scale,scaleX,scaleY,scaleZ,rotate,rotateX,rotateY,rotateZ,rotateC,rotateCX,rotateCY,skew,skewX,skewY,skewZ,perspective'.split(','));
-
-	svgProperties = new Set('accent-height,ascent,azimuth,baseFrequency,baseline-shift,bias,cx,cy,d,diffuseConstant,divisor,dx,dy,elevation,filterRes,fx,fy,gradientTransform,height,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,letter-spacing,limitingConeAngle,markerHeight,markerWidth,numOctaves,order,overline-position,overline-thickness,pathLength,points,pointsAtX,pointsAtY,pointsAtZ,r,radius,rx,ry,seed,specularConstant,specularExponent,stdDeviation,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,surfaceScale,target,targetX,targetY,transform,underline-position,underline-thickness,viewBox,width,x,x1,x2,y,y1,y2,z'.split(','));
-
-	unitForProperty = function(k, v) {
-		if (typeof v !== 'number') {
-			return '';
-		}
-		if (pxProperties.contains(k)) {
-			return 'px';
-		} else if (degProperties.contains(k)) {
-			return 'deg';
-		}
-		return '';
-	};
-
-	transformValueForProperty = function(k, v) {
-		var match, unit;
-		match = ("" + v).match(/^([0-9.-]*)([^0-9]*)$/);
-		if (match != null) {
-			v = match[1];
-			unit = match[2];
-		} else {
-			v = parseFloat(v);
-		}
-		v = roundf(parseFloat(v), 10);
-		if ((unit == null) || unit === "") {
-			unit = unitForProperty(k, v);
-		}
-		return "" + k + "(" + v + unit + ")";
-	};
-
-	parseProperties = function(properties) {
-		var axis, match, parsed, property, value, _i, _len, _ref;
-		parsed = {};
-		for (property in properties) {
-			value = properties[property];
-			if (transformProperties.contains(property)) {
-				match = property.match(/(translate|rotateC|rotate|skew|scale|perspective)(X|Y|Z|)/);
-				if (match && match[2].length > 0) {
-					parsed[property] = value;
-				} else {
-					_ref = ['X', 'Y', 'Z'];
-					for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-						axis = _ref[_i];
-						parsed[match[1] + axis] = value;
-					}
-				}
-			} else {
-				parsed[property] = value;
-			}
-		}
-		return parsed;
-	};
-
-	defaultValueForKey = function(key) {
-		var v;
-		v = key === 'opacity' ? 1 : 0;
-		return "" + v + (unitForProperty(key, v));
-	};
-
-	getCurrentProperties = function(el, keys) {
-		var isSVG, key, matrix, properties, style, v, _i, _j, _len, _len1, _ref;
-		properties = {};
-		isSVG = isSVGElement(el);
-		if (el.style != null) {
-			style = window.getComputedStyle(el, null);
-			for (_i = 0, _len = keys.length; _i < _len; _i++) {
-				key = keys[_i];
-				if (transformProperties.contains(key)) {
-					if (properties['transform'] == null) {
-						if (isSVG) {
-							matrix = new Matrix2D((_ref = el.transform.baseVal.consolidate()) != null ? _ref.matrix : void 0);
-						} else {
-							matrix = Matrix.fromTransform(style[propertyWithPrefix('transform')]);
-						}
-						properties['transform'] = matrix.decompose();
-					}
-				} else {
-					v = style[key];
-					if ((v == null) && svgProperties.contains(key)) {
-						v = el.getAttribute(key);
-					}
-					if (v === "" || (v == null)) {
-						v = defaultValueForKey(key);
-					}
-					properties[key] = createInterpolable(v);
-				}
-			}
-		} else {
-			for (_j = 0, _len1 = keys.length; _j < _len1; _j++) {
-				key = keys[_j];
-				properties[key] = createInterpolable(el[key]);
-			}
-		}
-		return properties;
-	};
-
-	createInterpolable = function(value) {
-		var interpolable, klass, klasses, _i, _len;
-		klasses = [InterpolableColor, InterpolableArray, InterpolableObject, InterpolableWithUnit];
-		for (_i = 0, _len = klasses.length; _i < _len; _i++) {
-			klass = klasses[_i];
-			interpolable = klass.create(value);
-			if (interpolable != null) {
-				return interpolable;
-			}
-		}
-		return null;
-	};
-
-	InterpolableObject = (function() {
-		function InterpolableObject(obj) {
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-			this.obj = obj;
-		}
-
-		InterpolableObject.prototype.interpolate = function(endInterpolable, t) {
-			var end, k, newObj, start, v;
-			start = this.obj;
-			end = endInterpolable.obj;
-			newObj = {};
-			for (k in start) {
-				v = start[k];
-				if (v.interpolate != null) {
-					newObj[k] = v.interpolate(end[k], t);
-				} else {
-					newObj[k] = v;
-				}
-			}
-			return new InterpolableObject(newObj);
-		};
-
-		InterpolableObject.prototype.format = function() {
-			return this.obj;
-		};
-
-		InterpolableObject.create = function(value) {
-			var k, obj, v;
-			if (value instanceof Object) {
-				obj = {};
-				for (k in value) {
-					v = value[k];
-					obj[k] = createInterpolable(v);
-				}
-				return new InterpolableObject(obj);
-			}
-			return null;
-		};
-
-		return InterpolableObject;
-
-	})();
-
-	InterpolableWithUnit = (function() {
-		function InterpolableWithUnit(value, prefix, suffix) {
-			this.prefix = prefix;
-			this.suffix = suffix;
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-			this.value = parseFloat(value);
-		}
-
-		InterpolableWithUnit.prototype.interpolate = function(endInterpolable, t) {
-			var end, start;
-			start = this.value;
-			end = endInterpolable.value;
-			return new InterpolableWithUnit((end - start) * t + start, endInterpolable.prefix || this.prefix, endInterpolable.suffix || this.suffix);
-		};
-
-		InterpolableWithUnit.prototype.format = function() {
-			if ((this.prefix == null) && (this.suffix == null)) {
-				return roundf(this.value, 5);
-			}
-			return this.prefix + roundf(this.value, 5) + this.suffix;
-		};
-
-		InterpolableWithUnit.create = function(value) {
-			var match;
-			if (typeof value !== "string") {
-				return new InterpolableWithUnit(value);
-			}
-			match = ("" + value).match("([^0-9.+-]*)([0-9.+-]+)([^0-9.+-]*)");
-			if (match != null) {
-				return new InterpolableWithUnit(match[2], match[1], match[3]);
-			}
-			return null;
-		};
-
-		return InterpolableWithUnit;
-
-	})();
-
-	InterpolableArray = (function() {
-		function InterpolableArray(values, sep) {
-			this.values = values;
-			this.sep = sep;
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-		}
-
-		InterpolableArray.prototype.interpolate = function(endInterpolable, t) {
-			var end, i, newValues, start, _i, _ref;
-			start = this.values;
-			end = endInterpolable.values;
-			newValues = [];
-			for (i = _i = 0, _ref = Math.min(start.length, end.length); 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
-				if (start[i].interpolate != null) {
-					newValues.push(start[i].interpolate(end[i], t));
-				} else {
-					newValues.push(start[i]);
-				}
-			}
-			return new InterpolableArray(newValues, this.sep);
-		};
-
-		InterpolableArray.prototype.format = function() {
-			var values;
-			values = this.values.map(function(val) {
-				if (val.format != null) {
-					return val.format();
-				} else {
-					return val;
-				}
-			});
-			if (this.sep != null) {
-				return values.join(this.sep);
-			} else {
-				return values;
-			}
-		};
-
-		InterpolableArray.createFromArray = function(arr, sep) {
-			var values;
-			values = arr.map(function(val) {
-				return createInterpolable(val) || val;
-			});
-			values = values.filter(function(val) {
-				return val != null;
-			});
-			return new InterpolableArray(values, sep);
-		};
-
-		InterpolableArray.create = function(value) {
-			var arr, sep, seps, _i, _len;
-			if (value instanceof Array) {
-				return InterpolableArray.createFromArray(value, null);
-			}
-			if (typeof value !== "string") {
-				return;
-			}
-			seps = [' ', ',', '|', ';', '/', ':'];
-			for (_i = 0, _len = seps.length; _i < _len; _i++) {
-				sep = seps[_i];
-				arr = value.split(sep);
-				if (arr.length > 1) {
-					return InterpolableArray.createFromArray(arr, sep);
-				}
-			}
-			return null;
-		};
-
-		return InterpolableArray;
-
-	})();
-
-	Color = (function() {
-		function Color(rgb, format) {
-			this.rgb = rgb != null ? rgb : {};
-			this.format = format;
-			this.toRgba = __bind(this.toRgba, this);
-			this.toRgb = __bind(this.toRgb, this);
-			this.toHex = __bind(this.toHex, this);
-		}
-
-		Color.fromHex = function(hex) {
-			var hex3, result;
-			hex3 = hex.match(/^#([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i);
-			if (hex3 != null) {
-				hex = "#" + hex3[1] + hex3[1] + hex3[2] + hex3[2] + hex3[3] + hex3[3];
-			}
-			result = hex.match(/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i);
-			if (result != null) {
-				return new Color({
-					r: parseInt(result[1], 16),
-					g: parseInt(result[2], 16),
-					b: parseInt(result[3], 16),
-					a: 1
-				}, "hex");
-			}
-			return null;
-		};
-
-		Color.fromRgb = function(rgb) {
-			var match, _ref;
-			match = rgb.match(/^rgba?\(([0-9.]*), ?([0-9.]*), ?([0-9.]*)(?:, ?([0-9.]*))?\)$/);
-			if (match != null) {
-				return new Color({
-					r: parseFloat(match[1]),
-					g: parseFloat(match[2]),
-					b: parseFloat(match[3]),
-					a: parseFloat((_ref = match[4]) != null ? _ref : 1)
-				}, match[4] != null ? "rgba" : "rgb");
-			}
-			return null;
-		};
-
-		Color.componentToHex = function(c) {
-			var hex;
-			hex = c.toString(16);
-			if (hex.length === 1) {
-				return "0" + hex;
-			} else {
-				return hex;
-			}
-		};
-
-		Color.prototype.toHex = function() {
-			return "#" + Color.componentToHex(this.rgb.r) + Color.componentToHex(this.rgb.g) + Color.componentToHex(this.rgb.b);
-		};
-
-		Color.prototype.toRgb = function() {
-			return "rgb(" + this.rgb.r + ", " + this.rgb.g + ", " + this.rgb.b + ")";
-		};
-
-		Color.prototype.toRgba = function() {
-			return "rgba(" + this.rgb.r + ", " + this.rgb.g + ", " + this.rgb.b + ", " + this.rgb.a + ")";
-		};
-
-		return Color;
-
-	})();
-
-	InterpolableColor = (function() {
-		function InterpolableColor(color) {
-			this.color = color;
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-		}
-
-		InterpolableColor.prototype.interpolate = function(endInterpolable, t) {
-			var end, k, rgb, start, v, _i, _len, _ref;
-			start = this.color;
-			end = endInterpolable.color;
-			rgb = {};
-			_ref = ['r', 'g', 'b'];
-			for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-				k = _ref[_i];
-				v = Math.round((end.rgb[k] - start.rgb[k]) * t + start.rgb[k]);
-				rgb[k] = Math.min(255, Math.max(0, v));
-			}
-			k = "a";
-			v = roundf((end.rgb[k] - start.rgb[k]) * t + start.rgb[k], 5);
-			rgb[k] = Math.min(1, Math.max(0, v));
-			return new InterpolableColor(new Color(rgb, end.format));
-		};
-
-		InterpolableColor.prototype.format = function() {
-			if (this.color.format === "hex") {
-				return this.color.toHex();
-			} else if (this.color.format === "rgb") {
-				return this.color.toRgb();
-			} else if (this.color.format === "rgba") {
-				return this.color.toRgba();
-			}
-		};
-
-		InterpolableColor.create = function(value) {
-			var color;
-			if (typeof value !== "string") {
-				return;
-			}
-			color = Color.fromHex(value) || Color.fromRgb(value);
-			if (color != null) {
-				return new InterpolableColor(color);
-			}
-			return null;
-		};
-
-		return InterpolableColor;
-
-	})();
-
-	DecomposedMatrix2D = (function() {
-		function DecomposedMatrix2D(props) {
-			this.props = props;
-			this.applyRotateCenter = __bind(this.applyRotateCenter, this);
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-		}
-
-		DecomposedMatrix2D.prototype.interpolate = function(endMatrix, t) {
-			var i, k, newProps, _i, _j, _k, _l, _len, _len1, _ref, _ref1, _ref2;
-			newProps = {};
-			_ref = ['translate', 'scale', 'rotate'];
-			for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-				k = _ref[_i];
-				newProps[k] = [];
-				for (i = _j = 0, _ref1 = this.props[k].length; 0 <= _ref1 ? _j < _ref1 : _j > _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
-					newProps[k][i] = (endMatrix.props[k][i] - this.props[k][i]) * t + this.props[k][i];
-				}
-			}
-			for (i = _k = 1; _k <= 2; i = ++_k) {
-				newProps['rotate'][i] = endMatrix.props['rotate'][i];
-			}
-			_ref2 = ['skew'];
-			for (_l = 0, _len1 = _ref2.length; _l < _len1; _l++) {
-				k = _ref2[_l];
-				newProps[k] = (endMatrix.props[k] - this.props[k]) * t + this.props[k];
-			}
-			return new DecomposedMatrix2D(newProps);
-		};
-
-		DecomposedMatrix2D.prototype.format = function() {
-			return "translate(" + (this.props.translate.join(',')) + ") rotate(" + (this.props.rotate.join(',')) + ") skewX(" + this.props.skew + ") scale(" + (this.props.scale.join(',')) + ")";
-		};
-
-		DecomposedMatrix2D.prototype.applyRotateCenter = function(rotateC) {
-			var i, m, m2d, negativeTranslate, _i, _results;
-			m = baseSVG.createSVGMatrix();
-			m = m.translate(rotateC[0], rotateC[1]);
-			m = m.rotate(this.props.rotate[0]);
-			m = m.translate(-rotateC[0], -rotateC[1]);
-			m2d = new Matrix2D(m);
-			negativeTranslate = m2d.decompose().props.translate;
-			_results = [];
-			for (i = _i = 0; _i <= 1; i = ++_i) {
-				_results.push(this.props.translate[i] -= negativeTranslate[i]);
-			}
-			return _results;
-		};
-
-		return DecomposedMatrix2D;
-
-	})();
-
-	baseSVG = typeof document !== "undefined" && document !== null ? document.createElementNS("http://www.w3.org/2000/svg", "svg") : void 0;
-
-	Matrix2D = (function() {
-		function Matrix2D(m) {
-			this.m = m;
-			this.applyProperties = __bind(this.applyProperties, this);
-			this.decompose = __bind(this.decompose, this);
-			if (!this.m) {
-				this.m = baseSVG.createSVGMatrix();
-			}
-		}
-
-		Matrix2D.prototype.decompose = function() {
-			var kx, ky, kz, r0, r1;
-			r0 = new Vector([this.m.a, this.m.b]);
-			r1 = new Vector([this.m.c, this.m.d]);
-			kx = r0.length();
-			kz = r0.dot(r1);
-			r0 = r0.normalize();
-			ky = r1.combine(r0, 1, -kz).length();
-			return new DecomposedMatrix2D({
-				translate: [this.m.e, this.m.f],
-				rotate: [Math.atan2(this.m.b, this.m.a) * 180 / Math.PI, this.rotateCX, this.rotateCY],
-				scale: [kx, ky],
-				skew: kz / ky * 180 / Math.PI
-			});
-		};
-
-		Matrix2D.prototype.applyProperties = function(properties) {
-			var hash, k, props, v, _i, _len, _ref, _ref1;
-			hash = {};
-			for (_i = 0, _len = properties.length; _i < _len; _i++) {
-				props = properties[_i];
-				hash[props[0]] = props[1];
-			}
-			for (k in hash) {
-				v = hash[k];
-				if (k === "translateX") {
-					this.m = this.m.translate(v, 0);
-				} else if (k === "translateY") {
-					this.m = this.m.translate(0, v);
-				} else if (k === "scaleX") {
-					this.m = this.m.scale(v, 1);
-				} else if (k === "scaleY") {
-					this.m = this.m.scale(1, v);
-				} else if (k === "rotateZ") {
-					this.m = this.m.rotate(v);
-				} else if (k === "skewX") {
-					this.m = this.m.skewX(v);
-				} else if (k === "skewY") {
-					this.m = this.m.skewY(v);
-				}
-			}
-			this.rotateCX = (_ref = hash.rotateCX) != null ? _ref : 0;
-			return this.rotateCY = (_ref1 = hash.rotateCY) != null ? _ref1 : 0;
-		};
-
-		return Matrix2D;
-
-	})();
-
-	Vector = (function() {
-		function Vector(els) {
-			this.els = els;
-			this.combine = __bind(this.combine, this);
-			this.normalize = __bind(this.normalize, this);
-			this.length = __bind(this.length, this);
-			this.cross = __bind(this.cross, this);
-			this.dot = __bind(this.dot, this);
-			this.e = __bind(this.e, this);
-		}
-
-		Vector.prototype.e = function(i) {
-			if (i < 1 || i > this.els.length) {
-				return null;
-			} else {
-				return this.els[i - 1];
-			}
-		};
-
-		Vector.prototype.dot = function(vector) {
-			var V, n, product;
-			V = vector.els || vector;
-			product = 0;
-			n = this.els.length;
-			if (n !== V.length) {
-				return null;
-			}
-			n += 1;
-			while (--n) {
-				product += this.els[n - 1] * V[n - 1];
-			}
-			return product;
-		};
-
-		Vector.prototype.cross = function(vector) {
-			var A, B;
-			B = vector.els || vector;
-			if (this.els.length !== 3 || B.length !== 3) {
-				return null;
-			}
-			A = this.els;
-			return new Vector([(A[1] * B[2]) - (A[2] * B[1]), (A[2] * B[0]) - (A[0] * B[2]), (A[0] * B[1]) - (A[1] * B[0])]);
-		};
-
-		Vector.prototype.length = function() {
-			var a, e, _i, _len, _ref;
-			a = 0;
-			_ref = this.els;
-			for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-				e = _ref[_i];
-				a += Math.pow(e, 2);
-			}
-			return Math.sqrt(a);
-		};
-
-		Vector.prototype.normalize = function() {
-			var e, i, length, newElements, _ref;
-			length = this.length();
-			newElements = [];
-			_ref = this.els;
-			for (i in _ref) {
-				e = _ref[i];
-				newElements[i] = e / length;
-			}
-			return new Vector(newElements);
-		};
-
-		Vector.prototype.combine = function(b, ascl, bscl) {
-			var i, result, _i, _ref;
-			result = [];
-			for (i = _i = 0, _ref = this.els.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
-				result[i] = (ascl * this.els[i]) + (bscl * b.els[i]);
-			}
-			return new Vector(result);
-		};
-
-		return Vector;
-
-	})();
-
-	DecomposedMatrix = (function() {
-		function DecomposedMatrix() {
-			this.toMatrix = __bind(this.toMatrix, this);
-			this.format = __bind(this.format, this);
-			this.interpolate = __bind(this.interpolate, this);
-		}
-
-		DecomposedMatrix.prototype.interpolate = function(decomposedB, t, only) {
-			var angle, decomposed, decomposedA, i, invscale, invth, k, qa, qb, scale, th, _i, _j, _k, _l, _len, _ref, _ref1;
-			if (only == null) {
-				only = null;
-			}
-			decomposedA = this;
-			decomposed = new DecomposedMatrix;
-			_ref = ['translate', 'scale', 'skew', 'perspective'];
-			for (_i = 0, _len = _ref.length; _i < _len; _i++) {
-				k = _ref[_i];
-				decomposed[k] = [];
-				for (i = _j = 0, _ref1 = decomposedA[k].length - 1; 0 <= _ref1 ? _j <= _ref1 : _j >= _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
-					if ((only == null) || only.indexOf(k) > -1 || only.indexOf("" + k + ['x', 'y', 'z'][i]) > -1) {
-						decomposed[k][i] = (decomposedB[k][i] - decomposedA[k][i]) * t + decomposedA[k][i];
-					} else {
-						decomposed[k][i] = decomposedA[k][i];
-					}
-				}
-			}
-			if ((only == null) || only.indexOf('rotate') !== -1) {
-				qa = decomposedA.quaternion;
-				qb = decomposedB.quaternion;
-				angle = qa[0] * qb[0] + qa[1] * qb[1] + qa[2] * qb[2] + qa[3] * qb[3];
-				if (angle < 0.0) {
-					for (i = _k = 0; _k <= 3; i = ++_k) {
-						qa[i] = -qa[i];
-					}
-					angle = -angle;
-				}
-				if (angle + 1.0 > .05) {
-					if (1.0 - angle >= .05) {
-						th = Math.acos(angle);
-						invth = 1.0 / Math.sin(th);
-						scale = Math.sin(th * (1.0 - t)) * invth;
-						invscale = Math.sin(th * t) * invth;
-					} else {
-						scale = 1.0 - t;
-						invscale = t;
-					}
-				} else {
-					qb[0] = -qa[1];
-					qb[1] = qa[0];
-					qb[2] = -qa[3];
-					qb[3] = qa[2];
-					scale = Math.sin(piDouble * (.5 - t));
-					invscale = Math.sin(piDouble * t);
-				}
-				decomposed.quaternion = [];
-				for (i = _l = 0; _l <= 3; i = ++_l) {
-					decomposed.quaternion[i] = qa[i] * scale + qb[i] * invscale;
-				}
-			} else {
-				decomposed.quaternion = decomposedA.quaternion;
-			}
-			return decomposed;
-		};
-
-		DecomposedMatrix.prototype.format = function() {
-			return this.toMatrix().toString();
-		};
-
-		DecomposedMatrix.prototype.toMatrix = function() {
-			var decomposedMatrix, i, j, match, matrix, quaternion, skew, temp, w, x, y, z, _i, _j, _k, _l;
-			decomposedMatrix = this;
-			matrix = Matrix.I(4);
-			for (i = _i = 0; _i <= 3; i = ++_i) {
-				matrix.els[i][3] = decomposedMatrix.perspective[i];
-			}
-			quaternion = decomposedMatrix.quaternion;
-			x = quaternion[0];
-			y = quaternion[1];
-			z = quaternion[2];
-			w = quaternion[3];
-			skew = decomposedMatrix.skew;
-			match = [[1, 0], [2, 0], [2, 1]];
-			for (i = _j = 2; _j >= 0; i = --_j) {
-				if (skew[i]) {
-					temp = Matrix.I(4);
-					temp.els[match[i][0]][match[i][1]] = skew[i];
-					matrix = matrix.multiply(temp);
-				}
-			}
-			matrix = matrix.multiply(new Matrix([[1 - 2 * (y * y + z * z), 2 * (x * y - z * w), 2 * (x * z + y * w), 0], [2 * (x * y + z * w), 1 - 2 * (x * x + z * z), 2 * (y * z - x * w), 0], [2 * (x * z - y * w), 2 * (y * z + x * w), 1 - 2 * (x * x + y * y), 0], [0, 0, 0, 1]]));
-			for (i = _k = 0; _k <= 2; i = ++_k) {
-				for (j = _l = 0; _l <= 2; j = ++_l) {
-					matrix.els[i][j] *= decomposedMatrix.scale[i];
-				}
-				matrix.els[3][i] = decomposedMatrix.translate[i];
-			}
-			return matrix;
-		};
-
-		return DecomposedMatrix;
-
-	})();
-
-	Matrix = (function() {
-		function Matrix(els) {
-			this.els = els;
-			this.toString = __bind(this.toString, this);
-			this.decompose = __bind(this.decompose, this);
-			this.inverse = __bind(this.inverse, this);
-			this.augment = __bind(this.augment, this);
-			this.toRightTriangular = __bind(this.toRightTriangular, this);
-			this.transpose = __bind(this.transpose, this);
-			this.multiply = __bind(this.multiply, this);
-			this.dup = __bind(this.dup, this);
-			this.e = __bind(this.e, this);
-		}
-
-		Matrix.prototype.e = function(i, j) {
-			if (i < 1 || i > this.els.length || j < 1 || j > this.els[0].length) {
-				return null;
-			}
-			return this.els[i - 1][j - 1];
-		};
-
-		Matrix.prototype.dup = function() {
-			return new Matrix(this.els);
-		};
-
-		Matrix.prototype.multiply = function(matrix) {
-			var M, c, cols, elements, i, j, ki, kj, nc, ni, nj, returnVector, sum;
-			returnVector = matrix.modulus ? true : false;
-			M = matrix.els || matrix;
-			if (typeof M[0][0] === 'undefined') {
-				M = new Matrix(M).els;
-			}
-			ni = this.els.length;
-			ki = ni;
-			kj = M[0].length;
-			cols = this.els[0].length;
-			elements = [];
-			ni += 1;
-			while (--ni) {
-				i = ki - ni;
-				elements[i] = [];
-				nj = kj;
-				nj += 1;
-				while (--nj) {
-					j = kj - nj;
-					sum = 0;
-					nc = cols;
-					nc += 1;
-					while (--nc) {
-						c = cols - nc;
-						sum += this.els[i][c] * M[c][j];
-					}
-					elements[i][j] = sum;
-				}
-			}
-			M = new Matrix(elements);
-			if (returnVector) {
-				return M.col(1);
-			} else {
-				return M;
-			}
-		};
-
-		Matrix.prototype.transpose = function() {
-			var cols, elements, i, j, ni, nj, rows;
-			rows = this.els.length;
-			cols = this.els[0].length;
-			elements = [];
-			ni = cols;
-			ni += 1;
-			while (--ni) {
-				i = cols - ni;
-				elements[i] = [];
-				nj = rows;
-				nj += 1;
-				while (--nj) {
-					j = rows - nj;
-					elements[i][j] = this.els[j][i];
-				}
-			}
-			return new Matrix(elements);
-		};
-
-		Matrix.prototype.toRightTriangular = function() {
-			var M, els, i, j, k, kp, multiplier, n, np, p, _i, _j, _ref, _ref1;
-			M = this.dup();
-			n = this.els.length;
-			k = n;
-			kp = this.els[0].length;
-			while (--n) {
-				i = k - n;
-				if (M.els[i][i] === 0) {
-					for (j = _i = _ref = i + 1; _ref <= k ? _i < k : _i > k; j = _ref <= k ? ++_i : --_i) {
-						if (M.els[j][i] !== 0) {
-							els = [];
-							np = kp;
-							np += 1;
-							while (--np) {
-								p = kp - np;
-								els.push(M.els[i][p] + M.els[j][p]);
-							}
-							M.els[i] = els;
-							break;
-						}
-					}
-				}
-				if (M.els[i][i] !== 0) {
-					for (j = _j = _ref1 = i + 1; _ref1 <= k ? _j < k : _j > k; j = _ref1 <= k ? ++_j : --_j) {
-						multiplier = M.els[j][i] / M.els[i][i];
-						els = [];
-						np = kp;
-						np += 1;
-						while (--np) {
-							p = kp - np;
-							els.push(p <= i ? 0 : M.els[j][p] - M.els[i][p] * multiplier);
-						}
-						M.els[j] = els;
-					}
-				}
-			}
-			return M;
-		};
-
-		Matrix.prototype.augment = function(matrix) {
-			var M, T, cols, i, j, ki, kj, ni, nj;
-			M = matrix.els || matrix;
-			if (typeof M[0][0] === 'undefined') {
-				M = new Matrix(M).els;
-			}
-			T = this.dup();
-			cols = T.els[0].length;
-			ni = T.els.length;
-			ki = ni;
-			kj = M[0].length;
-			if (ni !== M.length) {
-				return null;
-			}
-			ni += 1;
-			while (--ni) {
-				i = ki - ni;
-				nj = kj;
-				nj += 1;
-				while (--nj) {
-					j = kj - nj;
-					T.els[i][cols + j] = M[i][j];
-				}
-			}
-			return T;
-		};
-
-		Matrix.prototype.inverse = function() {
-			var M, divisor, els, i, inverse_elements, j, ki, kp, new_element, ni, np, p, _i;
-			ni = this.els.length;
-			ki = ni;
-			M = this.augment(Matrix.I(ni)).toRightTriangular();
-			kp = M.els[0].length;
-			inverse_elements = [];
-			ni += 1;
-			while (--ni) {
-				i = ni - 1;
-				els = [];
-				np = kp;
-				inverse_elements[i] = [];
-				divisor = M.els[i][i];
-				np += 1;
-				while (--np) {
-					p = kp - np;
-					new_element = M.els[i][p] / divisor;
-					els.push(new_element);
-					if (p >= ki) {
-						inverse_elements[i].push(new_element);
-					}
-				}
-				M.els[i] = els;
-				for (j = _i = 0; 0 <= i ? _i < i : _i > i; j = 0 <= i ? ++_i : --_i) {
-					els = [];
-					np = kp;
-					np += 1;
-					while (--np) {
-						p = kp - np;
-						els.push(M.els[j][p] - M.els[i][p] * M.els[j][i]);
-					}
-					M.els[j] = els;
-				}
-			}
-			return new Matrix(inverse_elements);
-		};
-
-		Matrix.I = function(n) {
-			var els, i, j, k, nj;
-			els = [];
-			k = n;
-			n += 1;
-			while (--n) {
-				i = k - n;
-				els[i] = [];
-				nj = k;
-				nj += 1;
-				while (--nj) {
-					j = k - nj;
-					els[i][j] = i === j ? 1 : 0;
-				}
-			}
-			return new Matrix(els);
-		};
-
-		Matrix.prototype.decompose = function() {
-			var els, i, inversePerspectiveMatrix, j, k, matrix, pdum3, perspective, perspectiveMatrix, quaternion, result, rightHandSide, rotate, row, rowElement, s, scale, skew, t, translate, transposedInversePerspectiveMatrix, type, typeKey, v, w, x, y, z, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
-			matrix = this;
-			translate = [];
-			scale = [];
-			skew = [];
-			quaternion = [];
-			perspective = [];
-			els = [];
-			for (i = _i = 0; _i <= 3; i = ++_i) {
-				els[i] = [];
-				for (j = _j = 0; _j <= 3; j = ++_j) {
-					els[i][j] = matrix.els[i][j];
-				}
-			}
-			if (els[3][3] === 0) {
-				return false;
-			}
-			for (i = _k = 0; _k <= 3; i = ++_k) {
-				for (j = _l = 0; _l <= 3; j = ++_l) {
-					els[i][j] /= els[3][3];
-				}
-			}
-			perspectiveMatrix = matrix.dup();
-			for (i = _m = 0; _m <= 2; i = ++_m) {
-				perspectiveMatrix.els[i][3] = 0;
-			}
-			perspectiveMatrix.els[3][3] = 1;
-			if (els[0][3] !== 0 || els[1][3] !== 0 || els[2][3] !== 0) {
-				rightHandSide = new Vector(els.slice(0, 4)[3]);
-				inversePerspectiveMatrix = perspectiveMatrix.inverse();
-				transposedInversePerspectiveMatrix = inversePerspectiveMatrix.transpose();
-				perspective = transposedInversePerspectiveMatrix.multiply(rightHandSide).els;
-				for (i = _n = 0; _n <= 2; i = ++_n) {
-					els[i][3] = 0;
-				}
-				els[3][3] = 1;
-			} else {
-				perspective = [0, 0, 0, 1];
-			}
-			for (i = _o = 0; _o <= 2; i = ++_o) {
-				translate[i] = els[3][i];
-				els[3][i] = 0;
-			}
-			row = [];
-			for (i = _p = 0; _p <= 2; i = ++_p) {
-				row[i] = new Vector(els[i].slice(0, 3));
-			}
-			scale[0] = row[0].length();
-			row[0] = row[0].normalize();
-			skew[0] = row[0].dot(row[1]);
-			row[1] = row[1].combine(row[0], 1.0, -skew[0]);
-			scale[1] = row[1].length();
-			row[1] = row[1].normalize();
-			skew[0] /= scale[1];
-			skew[1] = row[0].dot(row[2]);
-			row[2] = row[2].combine(row[0], 1.0, -skew[1]);
-			skew[2] = row[1].dot(row[2]);
-			row[2] = row[2].combine(row[1], 1.0, -skew[2]);
-			scale[2] = row[2].length();
-			row[2] = row[2].normalize();
-			skew[1] /= scale[2];
-			skew[2] /= scale[2];
-			pdum3 = row[1].cross(row[2]);
-			if (row[0].dot(pdum3) < 0) {
-				for (i = _q = 0; _q <= 2; i = ++_q) {
-					scale[i] *= -1;
-					for (j = _r = 0; _r <= 2; j = ++_r) {
-						row[i].els[j] *= -1;
-					}
-				}
-			}
-			rowElement = function(index, elementIndex) {
-				return row[index].els[elementIndex];
-			};
-			rotate = [];
-			rotate[1] = Math.asin(-rowElement(0, 2));
-			if (Math.cos(rotate[1]) !== 0) {
-				rotate[0] = Math.atan2(rowElement(1, 2), rowElement(2, 2));
-				rotate[2] = Math.atan2(rowElement(0, 1), rowElement(0, 0));
-			} else {
-				rotate[0] = Math.atan2(-rowElement(2, 0), rowElement(1, 1));
-				rotate[1] = 0;
-			}
-			t = rowElement(0, 0) + rowElement(1, 1) + rowElement(2, 2) + 1.0;
-			if (t > 1e-4) {
-				s = 0.5 / Math.sqrt(t);
-				w = 0.25 / s;
-				x = (rowElement(2, 1) - rowElement(1, 2)) * s;
-				y = (rowElement(0, 2) - rowElement(2, 0)) * s;
-				z = (rowElement(1, 0) - rowElement(0, 1)) * s;
-			} else if ((rowElement(0, 0) > rowElement(1, 1)) && (rowElement(0, 0) > rowElement(2, 2))) {
-				s = Math.sqrt(1.0 + rowElement(0, 0) - rowElement(1, 1) - rowElement(2, 2)) * 2.0;
-				x = 0.25 * s;
-				y = (rowElement(0, 1) + rowElement(1, 0)) / s;
-				z = (rowElement(0, 2) + rowElement(2, 0)) / s;
-				w = (rowElement(2, 1) - rowElement(1, 2)) / s;
-			} else if (rowElement(1, 1) > rowElement(2, 2)) {
-				s = Math.sqrt(1.0 + rowElement(1, 1) - rowElement(0, 0) - rowElement(2, 2)) * 2.0;
-				x = (rowElement(0, 1) + rowElement(1, 0)) / s;
-				y = 0.25 * s;
-				z = (rowElement(1, 2) + rowElement(2, 1)) / s;
-				w = (rowElement(0, 2) - rowElement(2, 0)) / s;
-			} else {
-				s = Math.sqrt(1.0 + rowElement(2, 2) - rowElement(0, 0) - rowElement(1, 1)) * 2.0;
-				x = (rowElement(0, 2) + rowElement(2, 0)) / s;
-				y = (rowElement(1, 2) + rowElement(2, 1)) / s;
-				z = 0.25 * s;
-				w = (rowElement(1, 0) - rowElement(0, 1)) / s;
-			}
-			quaternion = [x, y, z, w];
-			result = new DecomposedMatrix;
-			result.translate = translate;
-			result.scale = scale;
-			result.skew = skew;
-			result.quaternion = quaternion;
-			result.perspective = perspective;
-			result.rotate = rotate;
-			for (typeKey in result) {
-				type = result[typeKey];
-				for (k in type) {
-					v = type[k];
-					if (isNaN(v)) {
-						type[k] = 0;
-					}
-				}
-			}
-			return result;
-		};
-
-		Matrix.prototype.toString = function() {
-			var i, j, str, _i, _j;
-			str = 'matrix3d(';
-			for (i = _i = 0; _i <= 3; i = ++_i) {
-				for (j = _j = 0; _j <= 3; j = ++_j) {
-					str += roundf(this.els[i][j], 10);
-					if (!(i === 3 && j === 3)) {
-						str += ',';
-					}
-				}
-			}
-			str += ')';
-			return str;
-		};
-
-		Matrix.matrixForTransform = cacheFn(function(transform) {
-			var matrixEl, result, style, _ref, _ref1, _ref2;
-			matrixEl = document.createElement('div');
-			matrixEl.style.position = 'absolute';
-			matrixEl.style.visibility = 'hidden';
-			matrixEl.style[propertyWithPrefix("transform")] = transform;
-			document.body.appendChild(matrixEl);
-			style = window.getComputedStyle(matrixEl, null);
-			result = (_ref = (_ref1 = style.transform) != null ? _ref1 : style[propertyWithPrefix("transform")]) != null ? _ref : (_ref2 = dynamics.tests) != null ? _ref2.matrixForTransform(transform) : void 0;
-			document.body.removeChild(matrixEl);
-			return result;
-		});
-
-		Matrix.fromTransform = function(transform) {
-			var digits, elements, i, match, matrixElements, _i;
-			match = transform != null ? transform.match(/matrix3?d?\(([-0-9,e \.]*)\)/) : void 0;
-			if (match) {
-				digits = match[1].split(',');
-				digits = digits.map(parseFloat);
-				if (digits.length === 6) {
-					elements = [digits[0], digits[1], 0, 0, digits[2], digits[3], 0, 0, 0, 0, 1, 0, digits[4], digits[5], 0, 1];
-				} else {
-					elements = digits;
-				}
-			} else {
-				elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
-			}
-			matrixElements = [];
-			for (i = _i = 0; _i <= 3; i = ++_i) {
-				matrixElements.push(elements.slice(i * 4, i * 4 + 4));
-			}
-			return new Matrix(matrixElements);
-		};
-
-		return Matrix;
-
-	})();
-
-	prefixFor = cacheFn(function(property) {
-		var k, prefix, prop, propArray, propertyName, _i, _j, _len, _len1, _ref;
-		if (document.body.style[property] !== void 0) {
-			return '';
-		}
-		propArray = property.split('-');
-		propertyName = "";
-		for (_i = 0, _len = propArray.length; _i < _len; _i++) {
-			prop = propArray[_i];
-			propertyName += prop.substring(0, 1).toUpperCase() + prop.substring(1);
-		}
-		_ref = ["Webkit", "Moz", "ms"];
-		for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
-			prefix = _ref[_j];
-			k = prefix + propertyName;
-			if (document.body.style[k] !== void 0) {
-				return prefix;
-			}
-		}
-		return '';
-	});
-
-	propertyWithPrefix = cacheFn(function(property) {
-		var prefix;
-		prefix = prefixFor(property);
-		if (prefix === 'Moz') {
-			return "" + prefix + (property.substring(0, 1).toUpperCase() + property.substring(1));
-		}
-		if (prefix !== '') {
-			return "-" + (prefix.toLowerCase()) + "-" + (toDashed(property));
-		}
-		return toDashed(property);
-	});
-
-	rAF = typeof window !== "undefined" && window !== null ? window.requestAnimationFrame : void 0;
-
-	animations = [];
-
-	animationsTimeouts = [];
-
-	slow = false;
-
-	slowRatio = 1;
-
-	if (typeof window !== "undefined" && window !== null) {
-		window.addEventListener('keyup', function(e) {
-			if (e.keyCode === 68 && e.shiftKey && e.ctrlKey) {
-				return dynamics.toggleSlow();
-			}
-		});
-	}
-
-	if (rAF == null) {
-		lastTime = 0;
-		rAF = function(callback) {
-			var currTime, id, timeToCall;
-			currTime = Date.now();
-			timeToCall = Math.max(0, 16 - (currTime - lastTime));
-			id = window.setTimeout(function() {
-				return callback(currTime + timeToCall);
-			}, timeToCall);
-			lastTime = currTime + timeToCall;
-			return id;
-		};
-	}
-
-	runLoopRunning = false;
-
-	runLoopPaused = false;
-
-	startRunLoop = function() {
-		if (!runLoopRunning) {
-			runLoopRunning = true;
-			return rAF(runLoopTick);
-		}
-	};
-
-	runLoopTick = function(t) {
-		var animation, toRemoveAnimations, _i, _len;
-		if (runLoopPaused) {
-			rAF(runLoopTick);
-			return;
-		}
-		toRemoveAnimations = [];
-		for (_i = 0, _len = animations.length; _i < _len; _i++) {
-			animation = animations[_i];
-			if (!animationTick(t, animation)) {
-				toRemoveAnimations.push(animation);
-			}
-		}
-		animations = animations.filter(function(animation) {
-			return toRemoveAnimations.indexOf(animation) === -1;
-		});
-		if (animations.length === 0) {
-			return runLoopRunning = false;
-		} else {
-			return rAF(runLoopTick);
-		}
-	};
-
-	animationTick = function(t, animation) {
-		var key, properties, property, tt, y, _base, _base1, _ref;
-		if (animation.tStart == null) {
-			animation.tStart = t;
-		}
-		tt = (t - animation.tStart) / animation.options.duration;
-		y = animation.curve(tt);
-		properties = {};
-		if (tt >= 1) {
-			if (animation.curve.initialForce) {
-				properties = animation.properties.start;
-			} else {
-				properties = animation.properties.end;
-			}
-		} else {
-			_ref = animation.properties.start;
-			for (key in _ref) {
-				property = _ref[key];
-				properties[key] = interpolate(property, animation.properties.end[key], y);
-			}
-		}
-		applyFrame(animation.el, properties);
-		if (typeof (_base = animation.options).change === "function") {
-			_base.change(animation.el);
-		}
-		if (tt >= 1) {
-			if (typeof (_base1 = animation.options).complete === "function") {
-				_base1.complete(animation.el);
-			}
-		}
-		return tt < 1;
-	};
-
-	interpolate = function(start, end, y) {
-		if ((start != null) && (start.interpolate != null)) {
-			return start.interpolate(end, y);
-		}
-		return null;
-	};
-
-	startAnimation = function(el, properties, options, timeoutId) {
-		var endProperties, isSVG, k, matrix, startProperties, transforms, v, _base;
-		if (timeoutId != null) {
-			animationsTimeouts = animationsTimeouts.filter(function(timeout) {
-				return timeout.id !== timeoutId;
-			});
-		}
-		dynamics.stop(el, {
-			timeout: false
-		});
-		if (!options.animated) {
-			dynamics.css(el, properties);
-			if (typeof options.complete === "function") {
-				options.complete(this);
-			}
-			return;
-		}
-		properties = parseProperties(properties);
-		startProperties = getCurrentProperties(el, Object.keys(properties));
-		endProperties = {};
-		transforms = [];
-		for (k in properties) {
-			v = properties[k];
-			if (transformProperties.contains(k)) {
-				transforms.push([k, v]);
-			} else {
-				endProperties[k] = createInterpolable(v);
-				if (endProperties[k] instanceof InterpolableWithUnit && (el.style != null)) {
-					endProperties[k].prefix = '';
-					if ((_base = endProperties[k]).suffix == null) {
-						_base.suffix = unitForProperty(k, 0);
-					}
-				}
-			}
-		}
-		if (transforms.length > 0) {
-			isSVG = isSVGElement(el);
-			if (isSVG) {
-				matrix = new Matrix2D();
-				matrix.applyProperties(transforms);
-			} else {
-				v = (transforms.map(function(transform) {
-					return transformValueForProperty(transform[0], transform[1]);
-				})).join(" ");
-				matrix = Matrix.fromTransform(Matrix.matrixForTransform(v));
-			}
-			endProperties['transform'] = matrix.decompose();
-			if (isSVG) {
-				startProperties.transform.applyRotateCenter([endProperties.transform.props.rotate[1], endProperties.transform.props.rotate[2]]);
-			}
-		}
-		animations.push({
-			el: el,
-			properties: {
-				start: startProperties,
-				end: endProperties
-			},
-			options: options,
-			curve: options.type.call(options.type, options)
-		});
-		return startRunLoop();
-	};
-
-	timeouts = [];
-
-	timeoutLastId = 0;
-
-	setRealTimeout = function(timeout) {
-		if (!isDocumentVisible()) {
-			return;
-		}
-		return timeout.realTimeoutId = setTimeout(function() {
-			timeout.fn();
-			return cancelTimeout(timeout.id);
-		}, timeout.delay);
-	};
-
-	addTimeout = function(fn, delay) {
-		var timeout;
-		timeoutLastId += 1;
-		timeout = {
-			id: timeoutLastId,
-			tStart: Date.now(),
-			fn: fn,
-			delay: delay,
-			originalDelay: delay
-		};
-		setRealTimeout(timeout);
-		timeouts.push(timeout);
-		return timeoutLastId;
-	};
-
-	cancelTimeout = function(id) {
-		return timeouts = timeouts.filter(function(timeout) {
-			if (timeout.id === id) {
-				clearTimeout(timeout.realTimeoutId);
-			}
-			return timeout.id !== id;
-		});
-	};
-
-	leftDelayForTimeout = function(time, timeout) {
-		var consumedDelay;
-		if (time != null) {
-			consumedDelay = time - timeout.tStart;
-			return timeout.originalDelay - consumedDelay;
-		} else {
-			return timeout.originalDelay;
-		}
-	};
-
-	if (typeof window !== "undefined" && window !== null) {
-		window.addEventListener('unload', function() {});
-	}
-
-	timeBeforeVisibilityChange = null;
-
-	observeVisibilityChange(function(visible) {
-		var animation, difference, timeout, _i, _j, _k, _len, _len1, _len2, _results;
-		runLoopPaused = !visible;
-		if (!visible) {
-			timeBeforeVisibilityChange = Date.now();
-			_results = [];
-			for (_i = 0, _len = timeouts.length; _i < _len; _i++) {
-				timeout = timeouts[_i];
-				_results.push(clearTimeout(timeout.realTimeoutId));
-			}
-			return _results;
-		} else {
-			if (runLoopRunning) {
-				difference = Date.now() - timeBeforeVisibilityChange;
-				for (_j = 0, _len1 = animations.length; _j < _len1; _j++) {
-					animation = animations[_j];
-					if (animation.tStart != null) {
-						animation.tStart += difference;
-					}
-				}
-			}
-			for (_k = 0, _len2 = timeouts.length; _k < _len2; _k++) {
-				timeout = timeouts[_k];
-				timeout.delay = leftDelayForTimeout(timeBeforeVisibilityChange, timeout);
-				setRealTimeout(timeout);
-			}
-			return timeBeforeVisibilityChange = null;
-		}
-	});
-
-	dynamics = {};
-
-	dynamics.linear = function() {
-		return function(t) {
-			return t;
-		};
-	};
-
-	dynamics.spring = function(options) {
-		var A1, A2, decal, frequency, friction, s;
-		if (options == null) {
-			options = {};
-		}
-		applyDefaults(options, arguments.callee.defaults);
-		frequency = Math.max(1, options.frequency / 20);
-		friction = Math.pow(20, options.friction / 100);
-		s = options.anticipationSize / 1000;
-		decal = Math.max(0, s);
-		A1 = function(t) {
-			var M, a, b, x0, x1;
-			M = 0.8;
-			x0 = s / (1 - s);
-			x1 = 0;
-			b = (x0 - (M * x1)) / (x0 - x1);
-			a = (M - b) / x0;
-			return (a * t * options.anticipationStrength / 100) + b;
-		};
-		A2 = function(t) {
-			return Math.pow(friction / 10, -t) * (1 - t);
-		};
-		return function(t) {
-			var A, At, a, angle, b, frictionT, y0, yS;
-			frictionT = (t / (1 - s)) - (s / (1 - s));
-			if (t < s) {
-				yS = (s / (1 - s)) - (s / (1 - s));
-				y0 = (0 / (1 - s)) - (s / (1 - s));
-				b = Math.acos(1 / A1(yS));
-				a = (Math.acos(1 / A1(y0)) - b) / (frequency * (-s));
-				A = A1;
-			} else {
-				A = A2;
-				b = 0;
-				a = 1;
-			}
-			At = A(frictionT);
-			angle = frequency * (t - s) * a + b;
-			return 1 - (At * Math.cos(angle));
-		};
-	};
-
-	dynamics.bounce = function(options) {
-		var A, fn, frequency, friction;
-		if (options == null) {
-			options = {};
-		}
-		applyDefaults(options, arguments.callee.defaults);
-		frequency = Math.max(1, options.frequency / 20);
-		friction = Math.pow(20, options.friction / 100);
-		A = function(t) {
-			return Math.pow(friction / 10, -t) * (1 - t);
-		};
-		fn = function(t) {
-			var At, a, angle, b;
-			b = -3.14 / 2;
-			a = 1;
-			At = A(t);
-			angle = frequency * t * a + b;
-			return At * Math.cos(angle);
-		};
-		fn.initialForce = true;
-		return fn;
-	};
-
-	dynamics.gravity = function(options) {
-		var L, bounciness, curves, elasticity, fn, getPointInCurve, gravity;
-		if (options == null) {
-			options = {};
-		}
-		applyDefaults(options, arguments.callee.defaults);
-		bounciness = Math.min(options.bounciness / 1250, 0.8);
-		elasticity = options.elasticity / 1000;
-		gravity = 100;
-		curves = [];
-		L = (function() {
-			var b, curve;
-			b = Math.sqrt(2 / gravity);
-			curve = {
-				a: -b,
-				b: b,
-				H: 1
-			};
-			if (options.initialForce) {
-				curve.a = 0;
-				curve.b = curve.b * 2;
-			}
-			while (curve.H > 0.001) {
-				L = curve.b - curve.a;
-				curve = {
-					a: curve.b,
-					b: curve.b + L * bounciness,
-					H: curve.H * bounciness * bounciness
-				};
-			}
-			return curve.b;
-		})();
-		getPointInCurve = function(a, b, H, t) {
-			var c, t2;
-			L = b - a;
-			t2 = (2 / L) * t - 1 - (a * 2 / L);
-			c = t2 * t2 * H - H + 1;
-			if (options.initialForce) {
-				c = 1 - c;
-			}
-			return c;
-		};
-		(function() {
-			var L2, b, curve, _results;
-			b = Math.sqrt(2 / (gravity * L * L));
-			curve = {
-				a: -b,
-				b: b,
-				H: 1
-			};
-			if (options.initialForce) {
-				curve.a = 0;
-				curve.b = curve.b * 2;
-			}
-			curves.push(curve);
-			L2 = L;
-			_results = [];
-			while (curve.b < 1 && curve.H > 0.001) {
-				L2 = curve.b - curve.a;
-				curve = {
-					a: curve.b,
-					b: curve.b + L2 * bounciness,
-					H: curve.H * elasticity
-				};
-				_results.push(curves.push(curve));
-			}
-			return _results;
-		})();
-		fn = function(t) {
-			var curve, i, v;
-			i = 0;
-			curve = curves[i];
-			while (!(t >= curve.a && t <= curve.b)) {
-				i += 1;
-				curve = curves[i];
-				if (!curve) {
-					break;
-				}
-			}
-			if (!curve) {
-				v = options.initialForce ? 0 : 1;
-			} else {
-				v = getPointInCurve(curve.a, curve.b, curve.H, t);
-			}
-			return v;
-		};
-		fn.initialForce = options.initialForce;
-		return fn;
-	};
-
-	dynamics.forceWithGravity = function(options) {
-		if (options == null) {
-			options = {};
-		}
-		applyDefaults(options, arguments.callee.defaults);
-		options.initialForce = true;
-		return dynamics.gravity(options);
-	};
-
-	dynamics.bezier = (function() {
-		var Bezier, Bezier_, yForX;
-		Bezier_ = function(t, p0, p1, p2, p3) {
-			return (Math.pow(1 - t, 3) * p0) + (3 * Math.pow(1 - t, 2) * t * p1) + (3 * (1 - t) * Math.pow(t, 2) * p2) + Math.pow(t, 3) * p3;
-		};
-		Bezier = function(t, p0, p1, p2, p3) {
-			return {
-				x: Bezier_(t, p0.x, p1.x, p2.x, p3.x),
-				y: Bezier_(t, p0.y, p1.y, p2.y, p3.y)
-			};
-		};
-		yForX = function(xTarget, Bs, returnsToSelf) {
-			var B, aB, i, lower, percent, upper, x, xTolerance, _i, _len;
-			B = null;
-			for (_i = 0, _len = Bs.length; _i < _len; _i++) {
-				aB = Bs[_i];
-				if (xTarget >= aB(0).x && xTarget <= aB(1).x) {
-					B = aB;
-				}
-				if (B !== null) {
-					break;
-				}
-			}
-			if (!B) {
-				if (returnsToSelf) {
-					return 0;
-				} else {
-					return 1;
-				}
-			}
-			xTolerance = 0.0001;
-			lower = 0;
-			upper = 1;
-			percent = (upper + lower) / 2;
-			x = B(percent).x;
-			i = 0;
-			while (Math.abs(xTarget - x) > xTolerance && i < 100) {
-				if (xTarget > x) {
-					lower = percent;
-				} else {
-					upper = percent;
-				}
-				percent = (upper + lower) / 2;
-				x = B(percent).x;
-				i += 1;
-			}
-			return B(percent).y;
-		};
-		return function(options) {
-			var Bs, points, returnsToSelf;
-			if (options == null) {
-				options = {};
-			}
-			points = options.points;
-			returnsToSelf = false;
-			Bs = (function() {
-				var i, k, _fn;
-				Bs = [];
-				_fn = function(pointA, pointB) {
-					var B2;
-					B2 = function(t) {
-						return Bezier(t, pointA, pointA.cp[pointA.cp.length - 1], pointB.cp[0], pointB);
-					};
-					return Bs.push(B2);
-				};
-				for (i in points) {
-					k = parseInt(i);
-					if (k >= points.length - 1) {
-						break;
-					}
-					_fn(points[k], points[k + 1]);
-				}
-				return Bs;
-			})();
-			return function(t) {
-				if (t === 0) {
-					return 0;
-				} else if (t === 1) {
-					return 1;
-				} else {
-					return yForX(t, Bs, returnsToSelf);
-				}
-			};
-		};
-	})();
-
-	dynamics.easeInOut = function(options) {
-		var friction, _ref;
-		if (options == null) {
-			options = {};
-		}
-		friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
-		return dynamics.bezier({
-			points: [
-				{
-					x: 0,
-					y: 0,
-					cp: [
-						{
-							x: 0.92 - (friction / 1000),
-							y: 0
-						}
-					]
-				}, {
-					x: 1,
-					y: 1,
-					cp: [
-						{
-							x: 0.08 + (friction / 1000),
-							y: 1
-						}
-					]
-				}
-			]
-		});
-	};
-
-	dynamics.easeIn = function(options) {
-		var friction, _ref;
-		if (options == null) {
-			options = {};
-		}
-		friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
-		return dynamics.bezier({
-			points: [
-				{
-					x: 0,
-					y: 0,
-					cp: [
-						{
-							x: 0.92 - (friction / 1000),
-							y: 0
-						}
-					]
-				}, {
-					x: 1,
-					y: 1,
-					cp: [
-						{
-							x: 1,
-							y: 1
-						}
-					]
-				}
-			]
-		});
-	};
-
-	dynamics.easeOut = function(options) {
-		var friction, _ref;
-		if (options == null) {
-			options = {};
-		}
-		friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
-		return dynamics.bezier({
-			points: [
-				{
-					x: 0,
-					y: 0,
-					cp: [
-						{
-							x: 0,
-							y: 0
-						}
-					]
-				}, {
-					x: 1,
-					y: 1,
-					cp: [
-						{
-							x: 0.08 + (friction / 1000),
-							y: 1
-						}
-					]
-				}
-			]
-		});
-	};
-
-	dynamics.spring.defaults = {
-		frequency: 300,
-		friction: 200,
-		anticipationSize: 0,
-		anticipationStrength: 0
-	};
-
-	dynamics.bounce.defaults = {
-		frequency: 300,
-		friction: 200
-	};
-
-	dynamics.forceWithGravity.defaults = dynamics.gravity.defaults = {
-		bounciness: 400,
-		elasticity: 200
-	};
-
-	dynamics.easeInOut.defaults = dynamics.easeIn.defaults = dynamics.easeOut.defaults = {
-		friction: 500
-	};
-
-	dynamics.css = makeArrayFn(function(el, properties) {
-		return applyProperties(el, properties, true);
-	});
-
-	dynamics.animate = makeArrayFn(function(el, properties, options) {
-		var id;
-		if (options == null) {
-			options = {};
-		}
-		options = clone(options);
-		applyDefaults(options, {
-			type: dynamics.easeInOut,
-			duration: 1000,
-			delay: 0,
-			animated: true
-		});
-		options.duration = Math.max(0, options.duration * slowRatio);
-		options.delay = Math.max(0, options.delay);
-		if (options.delay === 0) {
-			return startAnimation(el, properties, options);
-		} else {
-			id = dynamics.setTimeout(function() {
-				return startAnimation(el, properties, options, id);
-			}, options.delay);
-			return animationsTimeouts.push({
-				id: id,
-				el: el
-			});
-		}
-	});
-
-	dynamics.stop = makeArrayFn(function(el, options) {
-		if (options == null) {
-			options = {};
-		}
-		if (options.timeout == null) {
-			options.timeout = true;
-		}
-		if (options.timeout) {
-			animationsTimeouts = animationsTimeouts.filter(function(timeout) {
-				if (timeout.el === el && ((options.filter == null) || options.filter(timeout))) {
-					dynamics.clearTimeout(timeout.id);
-					return true;
-				}
-				return false;
-			});
-		}
-		return animations = animations.filter(function(animation) {
-			return animation.el !== el;
-		});
-	});
-
-	dynamics.setTimeout = function(fn, delay) {
-		return addTimeout(fn, delay * slowRatio);
-	};
-
-	dynamics.clearTimeout = function(id) {
-		return cancelTimeout(id);
-	};
-
-	dynamics.toggleSlow = function() {
-		slow = !slow;
-		if (slow) {
-			slowRatio = 3;
-		} else {
-			slowRatio = 1;
-		}
-		return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log("dynamics.js: slow animations " + (slow ? "enabled" : "disabled")) : void 0 : void 0;
-	};
-
-	if (typeof module === "object" && typeof module.exports === "object") {
-		module.exports = dynamics;
-	} else if (typeof define === "function" && define.amd) {
-		define(dynamics);
-	} else {
-		window.dynamics = dynamics;
-	}
+  var Color, DecomposedMatrix, DecomposedMatrix2D, InterpolableArray, InterpolableColor, InterpolableObject, InterpolableWithUnit, Matrix, Matrix2D, Set, Vector, addTimeout, animationTick, animations, animationsTimeouts, applyDefaults, applyFrame, applyProperties, baseSVG, cacheFn, cancelTimeout, clone, createInterpolable, defaultValueForKey, degProperties, dynamics, getCurrentProperties, interpolate, isDocumentVisible, isSVGElement, lastTime, leftDelayForTimeout, makeArrayFn, observeVisibilityChange, parseProperties, prefixFor, propertyWithPrefix, pxProperties, rAF, roundf, runLoopPaused, runLoopRunning, runLoopTick, setRealTimeout, slow, slowRatio, startAnimation, startRunLoop, svgProperties, timeBeforeVisibilityChange, timeoutLastId, timeouts, toDashed, transformProperties, transformValueForProperty, unitForProperty,
+    __bind = function(fn, me){ return function(){ return fn.apply(me, arguments); }; };
+
+  isDocumentVisible = function() {
+    return document.visibilityState === "visible" || (dynamics.tests != null);
+  };
+
+  observeVisibilityChange = (function() {
+    var fns;
+    fns = [];
+    if (typeof document !== "undefined" && document !== null) {
+      document.addEventListener("visibilitychange", function() {
+        var fn, _i, _len, _results;
+        _results = [];
+        for (_i = 0, _len = fns.length; _i < _len; _i++) {
+          fn = fns[_i];
+          _results.push(fn(isDocumentVisible()));
+        }
+        return _results;
+      });
+    }
+    return function(fn) {
+      return fns.push(fn);
+    };
+  })();
+
+  clone = function(o) {
+    var k, newO, v;
+    newO = {};
+    for (k in o) {
+      v = o[k];
+      newO[k] = v;
+    }
+    return newO;
+  };
+
+  cacheFn = function(func) {
+    var data;
+    data = {};
+    return function() {
+      var k, key, result, _i, _len;
+      key = "";
+      for (_i = 0, _len = arguments.length; _i < _len; _i++) {
+        k = arguments[_i];
+        key += k.toString() + ",";
+      }
+      result = data[key];
+      if (!result) {
+        data[key] = result = func.apply(this, arguments);
+      }
+      return result;
+    };
+  };
+
+  makeArrayFn = function(fn) {
+    return function(el) {
+      var args, i, res;
+      if (el instanceof Array || el instanceof NodeList || el instanceof HTMLCollection) {
+        res = (function() {
+          var _i, _ref, _results;
+          _results = [];
+          for (i = _i = 0, _ref = el.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
+            args = Array.prototype.slice.call(arguments, 1);
+            args.splice(0, 0, el[i]);
+            _results.push(fn.apply(this, args));
+          }
+          return _results;
+        }).apply(this, arguments);
+        return res;
+      }
+      return fn.apply(this, arguments);
+    };
+  };
+
+  applyDefaults = function(options, defaults) {
+    var k, v, _results;
+    _results = [];
+    for (k in defaults) {
+      v = defaults[k];
+      _results.push(options[k] != null ? options[k] : options[k] = v);
+    }
+    return _results;
+  };
+
+  applyFrame = function(el, properties) {
+    var k, v, _results;
+    if ((el.style != null)) {
+      return applyProperties(el, properties);
+    } else {
+      _results = [];
+      for (k in properties) {
+        v = properties[k];
+        _results.push(el[k] = v.format());
+      }
+      return _results;
+    }
+  };
+
+  applyProperties = function(el, properties) {
+    var isSVG, k, matrix, transforms, v;
+    properties = parseProperties(properties);
+    transforms = [];
+    isSVG = isSVGElement(el);
+    for (k in properties) {
+      v = properties[k];
+      if (transformProperties.contains(k)) {
+        transforms.push([k, v]);
+      } else {
+        if (v.format != null) {
+          v = v.format();
+        } else {
+          v = "" + v + (unitForProperty(k, v));
+        }
+        if (isSVG && svgProperties.contains(k)) {
+          el.setAttribute(k, v);
+        } else {
+          el.style[propertyWithPrefix(k)] = v;
+        }
+      }
+    }
+    if (transforms.length > 0) {
+      if (isSVG) {
+        matrix = new Matrix2D();
+        matrix.applyProperties(transforms);
+        return el.setAttribute("transform", matrix.decompose().format());
+      } else {
+        v = (transforms.map(function(transform) {
+          return transformValueForProperty(transform[0], transform[1]);
+        })).join(" ");
+        return el.style[propertyWithPrefix("transform")] = v;
+      }
+    }
+  };
+
+  isSVGElement = function(el) {
+    var _ref, _ref1;
+    if ((typeof SVGElement !== "undefined" && SVGElement !== null) && (typeof SVGSVGElement !== "undefined" && SVGSVGElement !== null)) {
+      return el instanceof SVGElement && !(el instanceof SVGSVGElement);
+    } else {
+      return (_ref = (_ref1 = dynamics.tests) != null ? typeof _ref1.isSVG === "function" ? _ref1.isSVG(el) : void 0 : void 0) != null ? _ref : false;
+    }
+  };
+
+  roundf = function(v, decimal) {
+    var d;
+    d = Math.pow(10, decimal);
+    return Math.round(v * d) / d;
+  };
+
+  Set = (function() {
+    function Set(array) {
+      var v, _i, _len;
+      this.obj = {};
+      for (_i = 0, _len = array.length; _i < _len; _i++) {
+        v = array[_i];
+        this.obj[v] = 1;
+      }
+    }
+
+    Set.prototype.contains = function(v) {
+      return this.obj[v] === 1;
+    };
+
+    return Set;
+
+  })();
+
+  toDashed = function(str) {
+    return str.replace(/([A-Z])/g, function($1) {
+      return "-" + $1.toLowerCase();
+    });
+  };
+
+  pxProperties = new Set('marginTop,marginLeft,marginBottom,marginRight,paddingTop,paddingLeft,paddingBottom,paddingRight,top,left,bottom,right,translateX,translateY,translateZ,perspectiveX,perspectiveY,perspectiveZ,width,height,maxWidth,maxHeight,minWidth,minHeight,borderRadius'.split(','));
+
+  degProperties = new Set('rotate,rotateX,rotateY,rotateZ,skew,skewX,skewY,skewZ'.split(','));
+
+  transformProperties = new Set('translate,translateX,translateY,translateZ,scale,scaleX,scaleY,scaleZ,rotate,rotateX,rotateY,rotateZ,rotateC,rotateCX,rotateCY,skew,skewX,skewY,skewZ,perspective'.split(','));
+
+  svgProperties = new Set('accent-height,ascent,azimuth,baseFrequency,baseline-shift,bias,cx,cy,d,diffuseConstant,divisor,dx,dy,elevation,filterRes,fx,fy,gradientTransform,height,k1,k2,k3,k4,kernelMatrix,kernelUnitLength,letter-spacing,limitingConeAngle,markerHeight,markerWidth,numOctaves,order,overline-position,overline-thickness,pathLength,points,pointsAtX,pointsAtY,pointsAtZ,r,radius,rx,ry,seed,specularConstant,specularExponent,stdDeviation,stop-color,stop-opacity,strikethrough-position,strikethrough-thickness,surfaceScale,target,targetX,targetY,transform,underline-position,underline-thickness,viewBox,width,x,x1,x2,y,y1,y2,z'.split(','));
+
+  unitForProperty = function(k, v) {
+    if (typeof v !== 'number') {
+      return '';
+    }
+    if (pxProperties.contains(k)) {
+      return 'px';
+    } else if (degProperties.contains(k)) {
+      return 'deg';
+    }
+    return '';
+  };
+
+  transformValueForProperty = function(k, v) {
+    var match, unit;
+    match = ("" + v).match(/^([0-9.-]*)([^0-9]*)$/);
+    if (match != null) {
+      v = match[1];
+      unit = match[2];
+    } else {
+      v = parseFloat(v);
+    }
+    v = roundf(parseFloat(v), 10);
+    if ((unit == null) || unit === "") {
+      unit = unitForProperty(k, v);
+    }
+    return "" + k + "(" + v + unit + ")";
+  };
+
+  parseProperties = function(properties) {
+    var axis, match, parsed, property, value, _i, _len, _ref;
+    parsed = {};
+    for (property in properties) {
+      value = properties[property];
+      if (transformProperties.contains(property)) {
+        match = property.match(/(translate|rotateC|rotate|skew|scale|perspective)(X|Y|Z|)/);
+        if (match && match[2].length > 0) {
+          parsed[property] = value;
+        } else {
+          _ref = ['X', 'Y', 'Z'];
+          for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+            axis = _ref[_i];
+            parsed[match[1] + axis] = value;
+          }
+        }
+      } else {
+        parsed[property] = value;
+      }
+    }
+    return parsed;
+  };
+
+  defaultValueForKey = function(key) {
+    var v;
+    v = key === 'opacity' ? 1 : 0;
+    return "" + v + (unitForProperty(key, v));
+  };
+
+  getCurrentProperties = function(el, keys) {
+    var isSVG, key, matrix, properties, style, v, _i, _j, _len, _len1, _ref;
+    properties = {};
+    isSVG = isSVGElement(el);
+    if (el.style != null) {
+      style = window.getComputedStyle(el, null);
+      for (_i = 0, _len = keys.length; _i < _len; _i++) {
+        key = keys[_i];
+        if (transformProperties.contains(key)) {
+          if (properties['transform'] == null) {
+            if (isSVG) {
+              matrix = new Matrix2D((_ref = el.transform.baseVal.consolidate()) != null ? _ref.matrix : void 0);
+            } else {
+              matrix = Matrix.fromTransform(style[propertyWithPrefix('transform')]);
+            }
+            properties['transform'] = matrix.decompose();
+          }
+        } else {
+          v = style[key];
+          if ((v == null) && svgProperties.contains(key)) {
+            v = el.getAttribute(key);
+          }
+          if (v === "" || (v == null)) {
+            v = defaultValueForKey(key);
+          }
+          properties[key] = createInterpolable(v);
+        }
+      }
+    } else {
+      for (_j = 0, _len1 = keys.length; _j < _len1; _j++) {
+        key = keys[_j];
+        properties[key] = createInterpolable(el[key]);
+      }
+    }
+    return properties;
+  };
+
+  createInterpolable = function(value) {
+    var interpolable, klass, klasses, _i, _len;
+    klasses = [InterpolableColor, InterpolableArray, InterpolableObject, InterpolableWithUnit];
+    for (_i = 0, _len = klasses.length; _i < _len; _i++) {
+      klass = klasses[_i];
+      interpolable = klass.create(value);
+      if (interpolable != null) {
+        return interpolable;
+      }
+    }
+    return null;
+  };
+
+  InterpolableObject = (function() {
+    function InterpolableObject(obj) {
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+      this.obj = obj;
+    }
+
+    InterpolableObject.prototype.interpolate = function(endInterpolable, t) {
+      var end, k, newObj, start, v;
+      start = this.obj;
+      end = endInterpolable.obj;
+      newObj = {};
+      for (k in start) {
+        v = start[k];
+        if (v.interpolate != null) {
+          newObj[k] = v.interpolate(end[k], t);
+        } else {
+          newObj[k] = v;
+        }
+      }
+      return new InterpolableObject(newObj);
+    };
+
+    InterpolableObject.prototype.format = function() {
+      return this.obj;
+    };
+
+    InterpolableObject.create = function(value) {
+      var k, obj, v;
+      if (value instanceof Object) {
+        obj = {};
+        for (k in value) {
+          v = value[k];
+          obj[k] = createInterpolable(v);
+        }
+        return new InterpolableObject(obj);
+      }
+      return null;
+    };
+
+    return InterpolableObject;
+
+  })();
+
+  InterpolableWithUnit = (function() {
+    function InterpolableWithUnit(value, prefix, suffix) {
+      this.prefix = prefix;
+      this.suffix = suffix;
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+      this.value = parseFloat(value);
+    }
+
+    InterpolableWithUnit.prototype.interpolate = function(endInterpolable, t) {
+      var end, start;
+      start = this.value;
+      end = endInterpolable.value;
+      return new InterpolableWithUnit((end - start) * t + start, endInterpolable.prefix || this.prefix, endInterpolable.suffix || this.suffix);
+    };
+
+    InterpolableWithUnit.prototype.format = function() {
+      if ((this.prefix == null) && (this.suffix == null)) {
+        return roundf(this.value, 5);
+      }
+      return this.prefix + roundf(this.value, 5) + this.suffix;
+    };
+
+    InterpolableWithUnit.create = function(value) {
+      var match;
+      if (typeof value !== "string") {
+        return new InterpolableWithUnit(value);
+      }
+      match = ("" + value).match("([^0-9.+-]*)([0-9.+-]+)([^0-9.+-]*)");
+      if (match != null) {
+        return new InterpolableWithUnit(match[2], match[1], match[3]);
+      }
+      return null;
+    };
+
+    return InterpolableWithUnit;
+
+  })();
+
+  InterpolableArray = (function() {
+    function InterpolableArray(values, sep) {
+      this.values = values;
+      this.sep = sep;
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+    }
+
+    InterpolableArray.prototype.interpolate = function(endInterpolable, t) {
+      var end, i, newValues, start, _i, _ref;
+      start = this.values;
+      end = endInterpolable.values;
+      newValues = [];
+      for (i = _i = 0, _ref = Math.min(start.length, end.length); 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
+        if (start[i].interpolate != null) {
+          newValues.push(start[i].interpolate(end[i], t));
+        } else {
+          newValues.push(start[i]);
+        }
+      }
+      return new InterpolableArray(newValues, this.sep);
+    };
+
+    InterpolableArray.prototype.format = function() {
+      var values;
+      values = this.values.map(function(val) {
+        if (val.format != null) {
+          return val.format();
+        } else {
+          return val;
+        }
+      });
+      if (this.sep != null) {
+        return values.join(this.sep);
+      } else {
+        return values;
+      }
+    };
+
+    InterpolableArray.createFromArray = function(arr, sep) {
+      var values;
+      values = arr.map(function(val) {
+        return createInterpolable(val) || val;
+      });
+      values = values.filter(function(val) {
+        return val != null;
+      });
+      return new InterpolableArray(values, sep);
+    };
+
+    InterpolableArray.create = function(value) {
+      var arr, sep, seps, _i, _len;
+      if (value instanceof Array) {
+        return InterpolableArray.createFromArray(value, null);
+      }
+      if (typeof value !== "string") {
+        return;
+      }
+      seps = [' ', ',', '|', ';', '/', ':'];
+      for (_i = 0, _len = seps.length; _i < _len; _i++) {
+        sep = seps[_i];
+        arr = value.split(sep);
+        if (arr.length > 1) {
+          return InterpolableArray.createFromArray(arr, sep);
+        }
+      }
+      return null;
+    };
+
+    return InterpolableArray;
+
+  })();
+
+  Color = (function() {
+    function Color(rgb, format) {
+      this.rgb = rgb != null ? rgb : {};
+      this.format = format;
+      this.toRgba = __bind(this.toRgba, this);
+      this.toRgb = __bind(this.toRgb, this);
+      this.toHex = __bind(this.toHex, this);
+    }
+
+    Color.fromHex = function(hex) {
+      var hex3, result;
+      hex3 = hex.match(/^#([a-f\d]{1})([a-f\d]{1})([a-f\d]{1})$/i);
+      if (hex3 != null) {
+        hex = "#" + hex3[1] + hex3[1] + hex3[2] + hex3[2] + hex3[3] + hex3[3];
+      }
+      result = hex.match(/^#([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i);
+      if (result != null) {
+        return new Color({
+          r: parseInt(result[1], 16),
+          g: parseInt(result[2], 16),
+          b: parseInt(result[3], 16),
+          a: 1
+        }, "hex");
+      }
+      return null;
+    };
+
+    Color.fromRgb = function(rgb) {
+      var match, _ref;
+      match = rgb.match(/^rgba?\(([0-9.]*), ?([0-9.]*), ?([0-9.]*)(?:, ?([0-9.]*))?\)$/);
+      if (match != null) {
+        return new Color({
+          r: parseFloat(match[1]),
+          g: parseFloat(match[2]),
+          b: parseFloat(match[3]),
+          a: parseFloat((_ref = match[4]) != null ? _ref : 1)
+        }, match[4] != null ? "rgba" : "rgb");
+      }
+      return null;
+    };
+
+    Color.componentToHex = function(c) {
+      var hex;
+      hex = c.toString(16);
+      if (hex.length === 1) {
+        return "0" + hex;
+      } else {
+        return hex;
+      }
+    };
+
+    Color.prototype.toHex = function() {
+      return "#" + Color.componentToHex(this.rgb.r) + Color.componentToHex(this.rgb.g) + Color.componentToHex(this.rgb.b);
+    };
+
+    Color.prototype.toRgb = function() {
+      return "rgb(" + this.rgb.r + ", " + this.rgb.g + ", " + this.rgb.b + ")";
+    };
+
+    Color.prototype.toRgba = function() {
+      return "rgba(" + this.rgb.r + ", " + this.rgb.g + ", " + this.rgb.b + ", " + this.rgb.a + ")";
+    };
+
+    return Color;
+
+  })();
+
+  InterpolableColor = (function() {
+    function InterpolableColor(color) {
+      this.color = color;
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+    }
+
+    InterpolableColor.prototype.interpolate = function(endInterpolable, t) {
+      var end, k, rgb, start, v, _i, _len, _ref;
+      start = this.color;
+      end = endInterpolable.color;
+      rgb = {};
+      _ref = ['r', 'g', 'b'];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        k = _ref[_i];
+        v = Math.round((end.rgb[k] - start.rgb[k]) * t + start.rgb[k]);
+        rgb[k] = Math.min(255, Math.max(0, v));
+      }
+      k = "a";
+      v = roundf((end.rgb[k] - start.rgb[k]) * t + start.rgb[k], 5);
+      rgb[k] = Math.min(1, Math.max(0, v));
+      return new InterpolableColor(new Color(rgb, end.format));
+    };
+
+    InterpolableColor.prototype.format = function() {
+      if (this.color.format === "hex") {
+        return this.color.toHex();
+      } else if (this.color.format === "rgb") {
+        return this.color.toRgb();
+      } else if (this.color.format === "rgba") {
+        return this.color.toRgba();
+      }
+    };
+
+    InterpolableColor.create = function(value) {
+      var color;
+      if (typeof value !== "string") {
+        return;
+      }
+      color = Color.fromHex(value) || Color.fromRgb(value);
+      if (color != null) {
+        return new InterpolableColor(color);
+      }
+      return null;
+    };
+
+    return InterpolableColor;
+
+  })();
+
+  DecomposedMatrix2D = (function() {
+    function DecomposedMatrix2D(props) {
+      this.props = props;
+      this.applyRotateCenter = __bind(this.applyRotateCenter, this);
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+    }
+
+    DecomposedMatrix2D.prototype.interpolate = function(endMatrix, t) {
+      var i, k, newProps, _i, _j, _k, _l, _len, _len1, _ref, _ref1, _ref2;
+      newProps = {};
+      _ref = ['translate', 'scale', 'rotate'];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        k = _ref[_i];
+        newProps[k] = [];
+        for (i = _j = 0, _ref1 = this.props[k].length; 0 <= _ref1 ? _j < _ref1 : _j > _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
+          newProps[k][i] = (endMatrix.props[k][i] - this.props[k][i]) * t + this.props[k][i];
+        }
+      }
+      for (i = _k = 1; _k <= 2; i = ++_k) {
+        newProps['rotate'][i] = endMatrix.props['rotate'][i];
+      }
+      _ref2 = ['skew'];
+      for (_l = 0, _len1 = _ref2.length; _l < _len1; _l++) {
+        k = _ref2[_l];
+        newProps[k] = (endMatrix.props[k] - this.props[k]) * t + this.props[k];
+      }
+      return new DecomposedMatrix2D(newProps);
+    };
+
+    DecomposedMatrix2D.prototype.format = function() {
+      return "translate(" + (this.props.translate.join(',')) + ") rotate(" + (this.props.rotate.join(',')) + ") skewX(" + this.props.skew + ") scale(" + (this.props.scale.join(',')) + ")";
+    };
+
+    DecomposedMatrix2D.prototype.applyRotateCenter = function(rotateC) {
+      var i, m, m2d, negativeTranslate, _i, _results;
+      m = baseSVG.createSVGMatrix();
+      m = m.translate(rotateC[0], rotateC[1]);
+      m = m.rotate(this.props.rotate[0]);
+      m = m.translate(-rotateC[0], -rotateC[1]);
+      m2d = new Matrix2D(m);
+      negativeTranslate = m2d.decompose().props.translate;
+      _results = [];
+      for (i = _i = 0; _i <= 1; i = ++_i) {
+        _results.push(this.props.translate[i] -= negativeTranslate[i]);
+      }
+      return _results;
+    };
+
+    return DecomposedMatrix2D;
+
+  })();
+
+  baseSVG = typeof document !== "undefined" && document !== null ? document.createElementNS("http://www.w3.org/2000/svg", "svg") : void 0;
+
+  Matrix2D = (function() {
+    function Matrix2D(m) {
+      this.m = m;
+      this.applyProperties = __bind(this.applyProperties, this);
+      this.decompose = __bind(this.decompose, this);
+      if (!this.m) {
+        this.m = baseSVG.createSVGMatrix();
+      }
+    }
+
+    Matrix2D.prototype.decompose = function() {
+      var kx, ky, kz, r0, r1;
+      r0 = new Vector([this.m.a, this.m.b]);
+      r1 = new Vector([this.m.c, this.m.d]);
+      kx = r0.length();
+      kz = r0.dot(r1);
+      r0 = r0.normalize();
+      ky = r1.combine(r0, 1, -kz).length();
+      return new DecomposedMatrix2D({
+        translate: [this.m.e, this.m.f],
+        rotate: [Math.atan2(this.m.b, this.m.a) * 180 / Math.PI, this.rotateCX, this.rotateCY],
+        scale: [kx, ky],
+        skew: kz / ky * 180 / Math.PI
+      });
+    };
+
+    Matrix2D.prototype.applyProperties = function(properties) {
+      var hash, k, props, v, _i, _len, _ref, _ref1;
+      hash = {};
+      for (_i = 0, _len = properties.length; _i < _len; _i++) {
+        props = properties[_i];
+        hash[props[0]] = props[1];
+      }
+      for (k in hash) {
+        v = hash[k];
+        if (k === "translateX") {
+          this.m = this.m.translate(v, 0);
+        } else if (k === "translateY") {
+          this.m = this.m.translate(0, v);
+        } else if (k === "scaleX") {
+          this.m = this.m.scale(v, 1);
+        } else if (k === "scaleY") {
+          this.m = this.m.scale(1, v);
+        } else if (k === "rotateZ") {
+          this.m = this.m.rotate(v);
+        } else if (k === "skewX") {
+          this.m = this.m.skewX(v);
+        } else if (k === "skewY") {
+          this.m = this.m.skewY(v);
+        }
+      }
+      this.rotateCX = (_ref = hash.rotateCX) != null ? _ref : 0;
+      return this.rotateCY = (_ref1 = hash.rotateCY) != null ? _ref1 : 0;
+    };
+
+    return Matrix2D;
+
+  })();
+
+  Vector = (function() {
+    function Vector(els) {
+      this.els = els;
+      this.combine = __bind(this.combine, this);
+      this.normalize = __bind(this.normalize, this);
+      this.length = __bind(this.length, this);
+      this.cross = __bind(this.cross, this);
+      this.dot = __bind(this.dot, this);
+      this.e = __bind(this.e, this);
+    }
+
+    Vector.prototype.e = function(i) {
+      if (i < 1 || i > this.els.length) {
+        return null;
+      } else {
+        return this.els[i - 1];
+      }
+    };
+
+    Vector.prototype.dot = function(vector) {
+      var V, n, product;
+      V = vector.els || vector;
+      product = 0;
+      n = this.els.length;
+      if (n !== V.length) {
+        return null;
+      }
+      n += 1;
+      while (--n) {
+        product += this.els[n - 1] * V[n - 1];
+      }
+      return product;
+    };
+
+    Vector.prototype.cross = function(vector) {
+      var A, B;
+      B = vector.els || vector;
+      if (this.els.length !== 3 || B.length !== 3) {
+        return null;
+      }
+      A = this.els;
+      return new Vector([(A[1] * B[2]) - (A[2] * B[1]), (A[2] * B[0]) - (A[0] * B[2]), (A[0] * B[1]) - (A[1] * B[0])]);
+    };
+
+    Vector.prototype.length = function() {
+      var a, e, _i, _len, _ref;
+      a = 0;
+      _ref = this.els;
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        e = _ref[_i];
+        a += Math.pow(e, 2);
+      }
+      return Math.sqrt(a);
+    };
+
+    Vector.prototype.normalize = function() {
+      var e, i, length, newElements, _ref;
+      length = this.length();
+      newElements = [];
+      _ref = this.els;
+      for (i in _ref) {
+        e = _ref[i];
+        newElements[i] = e / length;
+      }
+      return new Vector(newElements);
+    };
+
+    Vector.prototype.combine = function(b, ascl, bscl) {
+      var i, result, _i, _ref;
+      result = [];
+      for (i = _i = 0, _ref = this.els.length; 0 <= _ref ? _i < _ref : _i > _ref; i = 0 <= _ref ? ++_i : --_i) {
+        result[i] = (ascl * this.els[i]) + (bscl * b.els[i]);
+      }
+      return new Vector(result);
+    };
+
+    return Vector;
+
+  })();
+
+  DecomposedMatrix = (function() {
+    function DecomposedMatrix() {
+      this.toMatrix = __bind(this.toMatrix, this);
+      this.format = __bind(this.format, this);
+      this.interpolate = __bind(this.interpolate, this);
+    }
+
+    DecomposedMatrix.prototype.interpolate = function(decomposedB, t, only) {
+      var angle, decomposed, decomposedA, i, invscale, invth, k, qa, qb, scale, th, _i, _j, _k, _l, _len, _ref, _ref1;
+      if (only == null) {
+        only = null;
+      }
+      decomposedA = this;
+      decomposed = new DecomposedMatrix;
+      _ref = ['translate', 'scale', 'skew', 'perspective'];
+      for (_i = 0, _len = _ref.length; _i < _len; _i++) {
+        k = _ref[_i];
+        decomposed[k] = [];
+        for (i = _j = 0, _ref1 = decomposedA[k].length - 1; 0 <= _ref1 ? _j <= _ref1 : _j >= _ref1; i = 0 <= _ref1 ? ++_j : --_j) {
+          if ((only == null) || only.indexOf(k) > -1 || only.indexOf("" + k + ['x', 'y', 'z'][i]) > -1) {
+            decomposed[k][i] = (decomposedB[k][i] - decomposedA[k][i]) * t + decomposedA[k][i];
+          } else {
+            decomposed[k][i] = decomposedA[k][i];
+          }
+        }
+      }
+      if ((only == null) || only.indexOf('rotate') !== -1) {
+        qa = decomposedA.quaternion;
+        qb = decomposedB.quaternion;
+        angle = qa[0] * qb[0] + qa[1] * qb[1] + qa[2] * qb[2] + qa[3] * qb[3];
+        if (angle < 0.0) {
+          for (i = _k = 0; _k <= 3; i = ++_k) {
+            qa[i] = -qa[i];
+          }
+          angle = -angle;
+        }
+        if (angle + 1.0 > .05) {
+          if (1.0 - angle >= .05) {
+            th = Math.acos(angle);
+            invth = 1.0 / Math.sin(th);
+            scale = Math.sin(th * (1.0 - t)) * invth;
+            invscale = Math.sin(th * t) * invth;
+          } else {
+            scale = 1.0 - t;
+            invscale = t;
+          }
+        } else {
+          qb[0] = -qa[1];
+          qb[1] = qa[0];
+          qb[2] = -qa[3];
+          qb[3] = qa[2];
+          scale = Math.sin(piDouble * (.5 - t));
+          invscale = Math.sin(piDouble * t);
+        }
+        decomposed.quaternion = [];
+        for (i = _l = 0; _l <= 3; i = ++_l) {
+          decomposed.quaternion[i] = qa[i] * scale + qb[i] * invscale;
+        }
+      } else {
+        decomposed.quaternion = decomposedA.quaternion;
+      }
+      return decomposed;
+    };
+
+    DecomposedMatrix.prototype.format = function() {
+      return this.toMatrix().toString();
+    };
+
+    DecomposedMatrix.prototype.toMatrix = function() {
+      var decomposedMatrix, i, j, match, matrix, quaternion, skew, temp, w, x, y, z, _i, _j, _k, _l;
+      decomposedMatrix = this;
+      matrix = Matrix.I(4);
+      for (i = _i = 0; _i <= 3; i = ++_i) {
+        matrix.els[i][3] = decomposedMatrix.perspective[i];
+      }
+      quaternion = decomposedMatrix.quaternion;
+      x = quaternion[0];
+      y = quaternion[1];
+      z = quaternion[2];
+      w = quaternion[3];
+      skew = decomposedMatrix.skew;
+      match = [[1, 0], [2, 0], [2, 1]];
+      for (i = _j = 2; _j >= 0; i = --_j) {
+        if (skew[i]) {
+          temp = Matrix.I(4);
+          temp.els[match[i][0]][match[i][1]] = skew[i];
+          matrix = matrix.multiply(temp);
+        }
+      }
+      matrix = matrix.multiply(new Matrix([[1 - 2 * (y * y + z * z), 2 * (x * y - z * w), 2 * (x * z + y * w), 0], [2 * (x * y + z * w), 1 - 2 * (x * x + z * z), 2 * (y * z - x * w), 0], [2 * (x * z - y * w), 2 * (y * z + x * w), 1 - 2 * (x * x + y * y), 0], [0, 0, 0, 1]]));
+      for (i = _k = 0; _k <= 2; i = ++_k) {
+        for (j = _l = 0; _l <= 2; j = ++_l) {
+          matrix.els[i][j] *= decomposedMatrix.scale[i];
+        }
+        matrix.els[3][i] = decomposedMatrix.translate[i];
+      }
+      return matrix;
+    };
+
+    return DecomposedMatrix;
+
+  })();
+
+  Matrix = (function() {
+    function Matrix(els) {
+      this.els = els;
+      this.toString = __bind(this.toString, this);
+      this.decompose = __bind(this.decompose, this);
+      this.inverse = __bind(this.inverse, this);
+      this.augment = __bind(this.augment, this);
+      this.toRightTriangular = __bind(this.toRightTriangular, this);
+      this.transpose = __bind(this.transpose, this);
+      this.multiply = __bind(this.multiply, this);
+      this.dup = __bind(this.dup, this);
+      this.e = __bind(this.e, this);
+    }
+
+    Matrix.prototype.e = function(i, j) {
+      if (i < 1 || i > this.els.length || j < 1 || j > this.els[0].length) {
+        return null;
+      }
+      return this.els[i - 1][j - 1];
+    };
+
+    Matrix.prototype.dup = function() {
+      return new Matrix(this.els);
+    };
+
+    Matrix.prototype.multiply = function(matrix) {
+      var M, c, cols, elements, i, j, ki, kj, nc, ni, nj, returnVector, sum;
+      returnVector = matrix.modulus ? true : false;
+      M = matrix.els || matrix;
+      if (typeof M[0][0] === 'undefined') {
+        M = new Matrix(M).els;
+      }
+      ni = this.els.length;
+      ki = ni;
+      kj = M[0].length;
+      cols = this.els[0].length;
+      elements = [];
+      ni += 1;
+      while (--ni) {
+        i = ki - ni;
+        elements[i] = [];
+        nj = kj;
+        nj += 1;
+        while (--nj) {
+          j = kj - nj;
+          sum = 0;
+          nc = cols;
+          nc += 1;
+          while (--nc) {
+            c = cols - nc;
+            sum += this.els[i][c] * M[c][j];
+          }
+          elements[i][j] = sum;
+        }
+      }
+      M = new Matrix(elements);
+      if (returnVector) {
+        return M.col(1);
+      } else {
+        return M;
+      }
+    };
+
+    Matrix.prototype.transpose = function() {
+      var cols, elements, i, j, ni, nj, rows;
+      rows = this.els.length;
+      cols = this.els[0].length;
+      elements = [];
+      ni = cols;
+      ni += 1;
+      while (--ni) {
+        i = cols - ni;
+        elements[i] = [];
+        nj = rows;
+        nj += 1;
+        while (--nj) {
+          j = rows - nj;
+          elements[i][j] = this.els[j][i];
+        }
+      }
+      return new Matrix(elements);
+    };
+
+    Matrix.prototype.toRightTriangular = function() {
+      var M, els, i, j, k, kp, multiplier, n, np, p, _i, _j, _ref, _ref1;
+      M = this.dup();
+      n = this.els.length;
+      k = n;
+      kp = this.els[0].length;
+      while (--n) {
+        i = k - n;
+        if (M.els[i][i] === 0) {
+          for (j = _i = _ref = i + 1; _ref <= k ? _i < k : _i > k; j = _ref <= k ? ++_i : --_i) {
+            if (M.els[j][i] !== 0) {
+              els = [];
+              np = kp;
+              np += 1;
+              while (--np) {
+                p = kp - np;
+                els.push(M.els[i][p] + M.els[j][p]);
+              }
+              M.els[i] = els;
+              break;
+            }
+          }
+        }
+        if (M.els[i][i] !== 0) {
+          for (j = _j = _ref1 = i + 1; _ref1 <= k ? _j < k : _j > k; j = _ref1 <= k ? ++_j : --_j) {
+            multiplier = M.els[j][i] / M.els[i][i];
+            els = [];
+            np = kp;
+            np += 1;
+            while (--np) {
+              p = kp - np;
+              els.push(p <= i ? 0 : M.els[j][p] - M.els[i][p] * multiplier);
+            }
+            M.els[j] = els;
+          }
+        }
+      }
+      return M;
+    };
+
+    Matrix.prototype.augment = function(matrix) {
+      var M, T, cols, i, j, ki, kj, ni, nj;
+      M = matrix.els || matrix;
+      if (typeof M[0][0] === 'undefined') {
+        M = new Matrix(M).els;
+      }
+      T = this.dup();
+      cols = T.els[0].length;
+      ni = T.els.length;
+      ki = ni;
+      kj = M[0].length;
+      if (ni !== M.length) {
+        return null;
+      }
+      ni += 1;
+      while (--ni) {
+        i = ki - ni;
+        nj = kj;
+        nj += 1;
+        while (--nj) {
+          j = kj - nj;
+          T.els[i][cols + j] = M[i][j];
+        }
+      }
+      return T;
+    };
+
+    Matrix.prototype.inverse = function() {
+      var M, divisor, els, i, inverse_elements, j, ki, kp, new_element, ni, np, p, _i;
+      ni = this.els.length;
+      ki = ni;
+      M = this.augment(Matrix.I(ni)).toRightTriangular();
+      kp = M.els[0].length;
+      inverse_elements = [];
+      ni += 1;
+      while (--ni) {
+        i = ni - 1;
+        els = [];
+        np = kp;
+        inverse_elements[i] = [];
+        divisor = M.els[i][i];
+        np += 1;
+        while (--np) {
+          p = kp - np;
+          new_element = M.els[i][p] / divisor;
+          els.push(new_element);
+          if (p >= ki) {
+            inverse_elements[i].push(new_element);
+          }
+        }
+        M.els[i] = els;
+        for (j = _i = 0; 0 <= i ? _i < i : _i > i; j = 0 <= i ? ++_i : --_i) {
+          els = [];
+          np = kp;
+          np += 1;
+          while (--np) {
+            p = kp - np;
+            els.push(M.els[j][p] - M.els[i][p] * M.els[j][i]);
+          }
+          M.els[j] = els;
+        }
+      }
+      return new Matrix(inverse_elements);
+    };
+
+    Matrix.I = function(n) {
+      var els, i, j, k, nj;
+      els = [];
+      k = n;
+      n += 1;
+      while (--n) {
+        i = k - n;
+        els[i] = [];
+        nj = k;
+        nj += 1;
+        while (--nj) {
+          j = k - nj;
+          els[i][j] = i === j ? 1 : 0;
+        }
+      }
+      return new Matrix(els);
+    };
+
+    Matrix.prototype.decompose = function() {
+      var els, i, inversePerspectiveMatrix, j, k, matrix, pdum3, perspective, perspectiveMatrix, quaternion, result, rightHandSide, rotate, row, rowElement, s, scale, skew, t, translate, transposedInversePerspectiveMatrix, type, typeKey, v, w, x, y, z, _i, _j, _k, _l, _m, _n, _o, _p, _q, _r;
+      matrix = this;
+      translate = [];
+      scale = [];
+      skew = [];
+      quaternion = [];
+      perspective = [];
+      els = [];
+      for (i = _i = 0; _i <= 3; i = ++_i) {
+        els[i] = [];
+        for (j = _j = 0; _j <= 3; j = ++_j) {
+          els[i][j] = matrix.els[i][j];
+        }
+      }
+      if (els[3][3] === 0) {
+        return false;
+      }
+      for (i = _k = 0; _k <= 3; i = ++_k) {
+        for (j = _l = 0; _l <= 3; j = ++_l) {
+          els[i][j] /= els[3][3];
+        }
+      }
+      perspectiveMatrix = matrix.dup();
+      for (i = _m = 0; _m <= 2; i = ++_m) {
+        perspectiveMatrix.els[i][3] = 0;
+      }
+      perspectiveMatrix.els[3][3] = 1;
+      if (els[0][3] !== 0 || els[1][3] !== 0 || els[2][3] !== 0) {
+        rightHandSide = new Vector(els.slice(0, 4)[3]);
+        inversePerspectiveMatrix = perspectiveMatrix.inverse();
+        transposedInversePerspectiveMatrix = inversePerspectiveMatrix.transpose();
+        perspective = transposedInversePerspectiveMatrix.multiply(rightHandSide).els;
+        for (i = _n = 0; _n <= 2; i = ++_n) {
+          els[i][3] = 0;
+        }
+        els[3][3] = 1;
+      } else {
+        perspective = [0, 0, 0, 1];
+      }
+      for (i = _o = 0; _o <= 2; i = ++_o) {
+        translate[i] = els[3][i];
+        els[3][i] = 0;
+      }
+      row = [];
+      for (i = _p = 0; _p <= 2; i = ++_p) {
+        row[i] = new Vector(els[i].slice(0, 3));
+      }
+      scale[0] = row[0].length();
+      row[0] = row[0].normalize();
+      skew[0] = row[0].dot(row[1]);
+      row[1] = row[1].combine(row[0], 1.0, -skew[0]);
+      scale[1] = row[1].length();
+      row[1] = row[1].normalize();
+      skew[0] /= scale[1];
+      skew[1] = row[0].dot(row[2]);
+      row[2] = row[2].combine(row[0], 1.0, -skew[1]);
+      skew[2] = row[1].dot(row[2]);
+      row[2] = row[2].combine(row[1], 1.0, -skew[2]);
+      scale[2] = row[2].length();
+      row[2] = row[2].normalize();
+      skew[1] /= scale[2];
+      skew[2] /= scale[2];
+      pdum3 = row[1].cross(row[2]);
+      if (row[0].dot(pdum3) < 0) {
+        for (i = _q = 0; _q <= 2; i = ++_q) {
+          scale[i] *= -1;
+          for (j = _r = 0; _r <= 2; j = ++_r) {
+            row[i].els[j] *= -1;
+          }
+        }
+      }
+      rowElement = function(index, elementIndex) {
+        return row[index].els[elementIndex];
+      };
+      rotate = [];
+      rotate[1] = Math.asin(-rowElement(0, 2));
+      if (Math.cos(rotate[1]) !== 0) {
+        rotate[0] = Math.atan2(rowElement(1, 2), rowElement(2, 2));
+        rotate[2] = Math.atan2(rowElement(0, 1), rowElement(0, 0));
+      } else {
+        rotate[0] = Math.atan2(-rowElement(2, 0), rowElement(1, 1));
+        rotate[1] = 0;
+      }
+      t = rowElement(0, 0) + rowElement(1, 1) + rowElement(2, 2) + 1.0;
+      if (t > 1e-4) {
+        s = 0.5 / Math.sqrt(t);
+        w = 0.25 / s;
+        x = (rowElement(2, 1) - rowElement(1, 2)) * s;
+        y = (rowElement(0, 2) - rowElement(2, 0)) * s;
+        z = (rowElement(1, 0) - rowElement(0, 1)) * s;
+      } else if ((rowElement(0, 0) > rowElement(1, 1)) && (rowElement(0, 0) > rowElement(2, 2))) {
+        s = Math.sqrt(1.0 + rowElement(0, 0) - rowElement(1, 1) - rowElement(2, 2)) * 2.0;
+        x = 0.25 * s;
+        y = (rowElement(0, 1) + rowElement(1, 0)) / s;
+        z = (rowElement(0, 2) + rowElement(2, 0)) / s;
+        w = (rowElement(2, 1) - rowElement(1, 2)) / s;
+      } else if (rowElement(1, 1) > rowElement(2, 2)) {
+        s = Math.sqrt(1.0 + rowElement(1, 1) - rowElement(0, 0) - rowElement(2, 2)) * 2.0;
+        x = (rowElement(0, 1) + rowElement(1, 0)) / s;
+        y = 0.25 * s;
+        z = (rowElement(1, 2) + rowElement(2, 1)) / s;
+        w = (rowElement(0, 2) - rowElement(2, 0)) / s;
+      } else {
+        s = Math.sqrt(1.0 + rowElement(2, 2) - rowElement(0, 0) - rowElement(1, 1)) * 2.0;
+        x = (rowElement(0, 2) + rowElement(2, 0)) / s;
+        y = (rowElement(1, 2) + rowElement(2, 1)) / s;
+        z = 0.25 * s;
+        w = (rowElement(1, 0) - rowElement(0, 1)) / s;
+      }
+      quaternion = [x, y, z, w];
+      result = new DecomposedMatrix;
+      result.translate = translate;
+      result.scale = scale;
+      result.skew = skew;
+      result.quaternion = quaternion;
+      result.perspective = perspective;
+      result.rotate = rotate;
+      for (typeKey in result) {
+        type = result[typeKey];
+        for (k in type) {
+          v = type[k];
+          if (isNaN(v)) {
+            type[k] = 0;
+          }
+        }
+      }
+      return result;
+    };
+
+    Matrix.prototype.toString = function() {
+      var i, j, str, _i, _j;
+      str = 'matrix3d(';
+      for (i = _i = 0; _i <= 3; i = ++_i) {
+        for (j = _j = 0; _j <= 3; j = ++_j) {
+          str += roundf(this.els[i][j], 10);
+          if (!(i === 3 && j === 3)) {
+            str += ',';
+          }
+        }
+      }
+      str += ')';
+      return str;
+    };
+
+    Matrix.matrixForTransform = cacheFn(function(transform) {
+      var matrixEl, result, style, _ref, _ref1, _ref2;
+      matrixEl = document.createElement('div');
+      matrixEl.style.position = 'absolute';
+      matrixEl.style.visibility = 'hidden';
+      matrixEl.style[propertyWithPrefix("transform")] = transform;
+      document.body.appendChild(matrixEl);
+      style = window.getComputedStyle(matrixEl, null);
+      result = (_ref = (_ref1 = style.transform) != null ? _ref1 : style[propertyWithPrefix("transform")]) != null ? _ref : (_ref2 = dynamics.tests) != null ? _ref2.matrixForTransform(transform) : void 0;
+      document.body.removeChild(matrixEl);
+      return result;
+    });
+
+    Matrix.fromTransform = function(transform) {
+      var digits, elements, i, match, matrixElements, _i;
+      match = transform != null ? transform.match(/matrix3?d?\(([-0-9,e \.]*)\)/) : void 0;
+      if (match) {
+        digits = match[1].split(',');
+        digits = digits.map(parseFloat);
+        if (digits.length === 6) {
+          elements = [digits[0], digits[1], 0, 0, digits[2], digits[3], 0, 0, 0, 0, 1, 0, digits[4], digits[5], 0, 1];
+        } else {
+          elements = digits;
+        }
+      } else {
+        elements = [1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1];
+      }
+      matrixElements = [];
+      for (i = _i = 0; _i <= 3; i = ++_i) {
+        matrixElements.push(elements.slice(i * 4, i * 4 + 4));
+      }
+      return new Matrix(matrixElements);
+    };
+
+    return Matrix;
+
+  })();
+
+  prefixFor = cacheFn(function(property) {
+    var k, prefix, prop, propArray, propertyName, _i, _j, _len, _len1, _ref;
+    if (document.body.style[property] !== void 0) {
+      return '';
+    }
+    propArray = property.split('-');
+    propertyName = "";
+    for (_i = 0, _len = propArray.length; _i < _len; _i++) {
+      prop = propArray[_i];
+      propertyName += prop.substring(0, 1).toUpperCase() + prop.substring(1);
+    }
+    _ref = ["Webkit", "Moz", "ms"];
+    for (_j = 0, _len1 = _ref.length; _j < _len1; _j++) {
+      prefix = _ref[_j];
+      k = prefix + propertyName;
+      if (document.body.style[k] !== void 0) {
+        return prefix;
+      }
+    }
+    return '';
+  });
+
+  propertyWithPrefix = cacheFn(function(property) {
+    var prefix;
+    prefix = prefixFor(property);
+    if (prefix === 'Moz') {
+      return "" + prefix + (property.substring(0, 1).toUpperCase() + property.substring(1));
+    }
+    if (prefix !== '') {
+      return "-" + (prefix.toLowerCase()) + "-" + (toDashed(property));
+    }
+    return toDashed(property);
+  });
+
+  rAF = typeof window !== "undefined" && window !== null ? window.requestAnimationFrame : void 0;
+
+  animations = [];
+
+  animationsTimeouts = [];
+
+  slow = false;
+
+  slowRatio = 1;
+
+  if (typeof window !== "undefined" && window !== null) {
+    window.addEventListener('keyup', function(e) {
+      if (e.keyCode === 68 && e.shiftKey && e.ctrlKey) {
+        return dynamics.toggleSlow();
+      }
+    });
+  }
+
+  if (rAF == null) {
+    lastTime = 0;
+    rAF = function(callback) {
+      var currTime, id, timeToCall;
+      currTime = Date.now();
+      timeToCall = Math.max(0, 16 - (currTime - lastTime));
+      id = window.setTimeout(function() {
+        return callback(currTime + timeToCall);
+      }, timeToCall);
+      lastTime = currTime + timeToCall;
+      return id;
+    };
+  }
+
+  runLoopRunning = false;
+
+  runLoopPaused = false;
+
+  startRunLoop = function() {
+    if (!runLoopRunning) {
+      runLoopRunning = true;
+      return rAF(runLoopTick);
+    }
+  };
+
+  runLoopTick = function(t) {
+    var animation, toRemoveAnimations, _i, _len;
+    if (runLoopPaused) {
+      rAF(runLoopTick);
+      return;
+    }
+    toRemoveAnimations = [];
+    for (_i = 0, _len = animations.length; _i < _len; _i++) {
+      animation = animations[_i];
+      if (!animationTick(t, animation)) {
+        toRemoveAnimations.push(animation);
+      }
+    }
+    animations = animations.filter(function(animation) {
+      return toRemoveAnimations.indexOf(animation) === -1;
+    });
+    if (animations.length === 0) {
+      return runLoopRunning = false;
+    } else {
+      return rAF(runLoopTick);
+    }
+  };
+
+  animationTick = function(t, animation) {
+    var key, properties, property, tt, y, _base, _base1, _ref;
+    if (animation.tStart == null) {
+      animation.tStart = t;
+    }
+    tt = (t - animation.tStart) / animation.options.duration;
+    y = animation.curve(tt);
+    properties = {};
+    if (tt >= 1) {
+      if (animation.curve.initialForce) {
+        properties = animation.properties.start;
+      } else {
+        properties = animation.properties.end;
+      }
+    } else {
+      _ref = animation.properties.start;
+      for (key in _ref) {
+        property = _ref[key];
+        properties[key] = interpolate(property, animation.properties.end[key], y);
+      }
+    }
+    applyFrame(animation.el, properties);
+    if (typeof (_base = animation.options).change === "function") {
+      _base.change(animation.el);
+    }
+    if (tt >= 1) {
+      if (typeof (_base1 = animation.options).complete === "function") {
+        _base1.complete(animation.el);
+      }
+    }
+    return tt < 1;
+  };
+
+  interpolate = function(start, end, y) {
+    if ((start != null) && (start.interpolate != null)) {
+      return start.interpolate(end, y);
+    }
+    return null;
+  };
+
+  startAnimation = function(el, properties, options, timeoutId) {
+    var endProperties, isSVG, k, matrix, startProperties, transforms, v, _base;
+    if (timeoutId != null) {
+      animationsTimeouts = animationsTimeouts.filter(function(timeout) {
+        return timeout.id !== timeoutId;
+      });
+    }
+    dynamics.stop(el, {
+      timeout: false
+    });
+    if (!options.animated) {
+      dynamics.css(el, properties);
+      if (typeof options.complete === "function") {
+        options.complete(this);
+      }
+      return;
+    }
+    properties = parseProperties(properties);
+    startProperties = getCurrentProperties(el, Object.keys(properties));
+    endProperties = {};
+    transforms = [];
+    for (k in properties) {
+      v = properties[k];
+      if (transformProperties.contains(k)) {
+        transforms.push([k, v]);
+      } else {
+        endProperties[k] = createInterpolable(v);
+        if (endProperties[k] instanceof InterpolableWithUnit && (el.style != null)) {
+          endProperties[k].prefix = '';
+          if ((_base = endProperties[k]).suffix == null) {
+            _base.suffix = unitForProperty(k, 0);
+          }
+        }
+      }
+    }
+    if (transforms.length > 0) {
+      isSVG = isSVGElement(el);
+      if (isSVG) {
+        matrix = new Matrix2D();
+        matrix.applyProperties(transforms);
+      } else {
+        v = (transforms.map(function(transform) {
+          return transformValueForProperty(transform[0], transform[1]);
+        })).join(" ");
+        matrix = Matrix.fromTransform(Matrix.matrixForTransform(v));
+      }
+      endProperties['transform'] = matrix.decompose();
+      if (isSVG) {
+        startProperties.transform.applyRotateCenter([endProperties.transform.props.rotate[1], endProperties.transform.props.rotate[2]]);
+      }
+    }
+    animations.push({
+      el: el,
+      properties: {
+        start: startProperties,
+        end: endProperties
+      },
+      options: options,
+      curve: options.type.call(options.type, options)
+    });
+    return startRunLoop();
+  };
+
+  timeouts = [];
+
+  timeoutLastId = 0;
+
+  setRealTimeout = function(timeout) {
+    if (!isDocumentVisible()) {
+      return;
+    }
+    return timeout.realTimeoutId = setTimeout(function() {
+      timeout.fn();
+      return cancelTimeout(timeout.id);
+    }, timeout.delay);
+  };
+
+  addTimeout = function(fn, delay) {
+    var timeout;
+    timeoutLastId += 1;
+    timeout = {
+      id: timeoutLastId,
+      tStart: Date.now(),
+      fn: fn,
+      delay: delay,
+      originalDelay: delay
+    };
+    setRealTimeout(timeout);
+    timeouts.push(timeout);
+    return timeoutLastId;
+  };
+
+  cancelTimeout = function(id) {
+    return timeouts = timeouts.filter(function(timeout) {
+      if (timeout.id === id) {
+        clearTimeout(timeout.realTimeoutId);
+      }
+      return timeout.id !== id;
+    });
+  };
+
+  leftDelayForTimeout = function(time, timeout) {
+    var consumedDelay;
+    if (time != null) {
+      consumedDelay = time - timeout.tStart;
+      return timeout.originalDelay - consumedDelay;
+    } else {
+      return timeout.originalDelay;
+    }
+  };
+
+  if (typeof window !== "undefined" && window !== null) {
+    window.addEventListener('unload', function() {});
+  }
+
+  timeBeforeVisibilityChange = null;
+
+  observeVisibilityChange(function(visible) {
+    var animation, difference, timeout, _i, _j, _k, _len, _len1, _len2, _results;
+    runLoopPaused = !visible;
+    if (!visible) {
+      timeBeforeVisibilityChange = Date.now();
+      _results = [];
+      for (_i = 0, _len = timeouts.length; _i < _len; _i++) {
+        timeout = timeouts[_i];
+        _results.push(clearTimeout(timeout.realTimeoutId));
+      }
+      return _results;
+    } else {
+      if (runLoopRunning) {
+        difference = Date.now() - timeBeforeVisibilityChange;
+        for (_j = 0, _len1 = animations.length; _j < _len1; _j++) {
+          animation = animations[_j];
+          if (animation.tStart != null) {
+            animation.tStart += difference;
+          }
+        }
+      }
+      for (_k = 0, _len2 = timeouts.length; _k < _len2; _k++) {
+        timeout = timeouts[_k];
+        timeout.delay = leftDelayForTimeout(timeBeforeVisibilityChange, timeout);
+        setRealTimeout(timeout);
+      }
+      return timeBeforeVisibilityChange = null;
+    }
+  });
+
+  dynamics = {};
+
+  dynamics.linear = function() {
+    return function(t) {
+      return t;
+    };
+  };
+
+  dynamics.spring = function(options) {
+    var A1, A2, decal, frequency, friction, s;
+    if (options == null) {
+      options = {};
+    }
+    applyDefaults(options, arguments.callee.defaults);
+    frequency = Math.max(1, options.frequency / 20);
+    friction = Math.pow(20, options.friction / 100);
+    s = options.anticipationSize / 1000;
+    decal = Math.max(0, s);
+    A1 = function(t) {
+      var M, a, b, x0, x1;
+      M = 0.8;
+      x0 = s / (1 - s);
+      x1 = 0;
+      b = (x0 - (M * x1)) / (x0 - x1);
+      a = (M - b) / x0;
+      return (a * t * options.anticipationStrength / 100) + b;
+    };
+    A2 = function(t) {
+      return Math.pow(friction / 10, -t) * (1 - t);
+    };
+    return function(t) {
+      var A, At, a, angle, b, frictionT, y0, yS;
+      frictionT = (t / (1 - s)) - (s / (1 - s));
+      if (t < s) {
+        yS = (s / (1 - s)) - (s / (1 - s));
+        y0 = (0 / (1 - s)) - (s / (1 - s));
+        b = Math.acos(1 / A1(yS));
+        a = (Math.acos(1 / A1(y0)) - b) / (frequency * (-s));
+        A = A1;
+      } else {
+        A = A2;
+        b = 0;
+        a = 1;
+      }
+      At = A(frictionT);
+      angle = frequency * (t - s) * a + b;
+      return 1 - (At * Math.cos(angle));
+    };
+  };
+
+  dynamics.bounce = function(options) {
+    var A, fn, frequency, friction;
+    if (options == null) {
+      options = {};
+    }
+    applyDefaults(options, arguments.callee.defaults);
+    frequency = Math.max(1, options.frequency / 20);
+    friction = Math.pow(20, options.friction / 100);
+    A = function(t) {
+      return Math.pow(friction / 10, -t) * (1 - t);
+    };
+    fn = function(t) {
+      var At, a, angle, b;
+      b = -3.14 / 2;
+      a = 1;
+      At = A(t);
+      angle = frequency * t * a + b;
+      return At * Math.cos(angle);
+    };
+    fn.initialForce = true;
+    return fn;
+  };
+
+  dynamics.gravity = function(options) {
+    var L, bounciness, curves, elasticity, fn, getPointInCurve, gravity;
+    if (options == null) {
+      options = {};
+    }
+    applyDefaults(options, arguments.callee.defaults);
+    bounciness = Math.min(options.bounciness / 1250, 0.8);
+    elasticity = options.elasticity / 1000;
+    gravity = 100;
+    curves = [];
+    L = (function() {
+      var b, curve;
+      b = Math.sqrt(2 / gravity);
+      curve = {
+        a: -b,
+        b: b,
+        H: 1
+      };
+      if (options.initialForce) {
+        curve.a = 0;
+        curve.b = curve.b * 2;
+      }
+      while (curve.H > 0.001) {
+        L = curve.b - curve.a;
+        curve = {
+          a: curve.b,
+          b: curve.b + L * bounciness,
+          H: curve.H * bounciness * bounciness
+        };
+      }
+      return curve.b;
+    })();
+    getPointInCurve = function(a, b, H, t) {
+      var c, t2;
+      L = b - a;
+      t2 = (2 / L) * t - 1 - (a * 2 / L);
+      c = t2 * t2 * H - H + 1;
+      if (options.initialForce) {
+        c = 1 - c;
+      }
+      return c;
+    };
+    (function() {
+      var L2, b, curve, _results;
+      b = Math.sqrt(2 / (gravity * L * L));
+      curve = {
+        a: -b,
+        b: b,
+        H: 1
+      };
+      if (options.initialForce) {
+        curve.a = 0;
+        curve.b = curve.b * 2;
+      }
+      curves.push(curve);
+      L2 = L;
+      _results = [];
+      while (curve.b < 1 && curve.H > 0.001) {
+        L2 = curve.b - curve.a;
+        curve = {
+          a: curve.b,
+          b: curve.b + L2 * bounciness,
+          H: curve.H * elasticity
+        };
+        _results.push(curves.push(curve));
+      }
+      return _results;
+    })();
+    fn = function(t) {
+      var curve, i, v;
+      i = 0;
+      curve = curves[i];
+      while (!(t >= curve.a && t <= curve.b)) {
+        i += 1;
+        curve = curves[i];
+        if (!curve) {
+          break;
+        }
+      }
+      if (!curve) {
+        v = options.initialForce ? 0 : 1;
+      } else {
+        v = getPointInCurve(curve.a, curve.b, curve.H, t);
+      }
+      return v;
+    };
+    fn.initialForce = options.initialForce;
+    return fn;
+  };
+
+  dynamics.forceWithGravity = function(options) {
+    if (options == null) {
+      options = {};
+    }
+    applyDefaults(options, arguments.callee.defaults);
+    options.initialForce = true;
+    return dynamics.gravity(options);
+  };
+
+  dynamics.bezier = (function() {
+    var Bezier, Bezier_, yForX;
+    Bezier_ = function(t, p0, p1, p2, p3) {
+      return (Math.pow(1 - t, 3) * p0) + (3 * Math.pow(1 - t, 2) * t * p1) + (3 * (1 - t) * Math.pow(t, 2) * p2) + Math.pow(t, 3) * p3;
+    };
+    Bezier = function(t, p0, p1, p2, p3) {
+      return {
+        x: Bezier_(t, p0.x, p1.x, p2.x, p3.x),
+        y: Bezier_(t, p0.y, p1.y, p2.y, p3.y)
+      };
+    };
+    yForX = function(xTarget, Bs, returnsToSelf) {
+      var B, aB, i, lower, percent, upper, x, xTolerance, _i, _len;
+      B = null;
+      for (_i = 0, _len = Bs.length; _i < _len; _i++) {
+        aB = Bs[_i];
+        if (xTarget >= aB(0).x && xTarget <= aB(1).x) {
+          B = aB;
+        }
+        if (B !== null) {
+          break;
+        }
+      }
+      if (!B) {
+        if (returnsToSelf) {
+          return 0;
+        } else {
+          return 1;
+        }
+      }
+      xTolerance = 0.0001;
+      lower = 0;
+      upper = 1;
+      percent = (upper + lower) / 2;
+      x = B(percent).x;
+      i = 0;
+      while (Math.abs(xTarget - x) > xTolerance && i < 100) {
+        if (xTarget > x) {
+          lower = percent;
+        } else {
+          upper = percent;
+        }
+        percent = (upper + lower) / 2;
+        x = B(percent).x;
+        i += 1;
+      }
+      return B(percent).y;
+    };
+    return function(options) {
+      var Bs, points, returnsToSelf;
+      if (options == null) {
+        options = {};
+      }
+      points = options.points;
+      returnsToSelf = false;
+      Bs = (function() {
+        var i, k, _fn;
+        Bs = [];
+        _fn = function(pointA, pointB) {
+          var B2;
+          B2 = function(t) {
+            return Bezier(t, pointA, pointA.cp[pointA.cp.length - 1], pointB.cp[0], pointB);
+          };
+          return Bs.push(B2);
+        };
+        for (i in points) {
+          k = parseInt(i);
+          if (k >= points.length - 1) {
+            break;
+          }
+          _fn(points[k], points[k + 1]);
+        }
+        return Bs;
+      })();
+      return function(t) {
+        if (t === 0) {
+          return 0;
+        } else if (t === 1) {
+          return 1;
+        } else {
+          return yForX(t, Bs, returnsToSelf);
+        }
+      };
+    };
+  })();
+
+  dynamics.easeInOut = function(options) {
+    var friction, _ref;
+    if (options == null) {
+      options = {};
+    }
+    friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
+    return dynamics.bezier({
+      points: [
+        {
+          x: 0,
+          y: 0,
+          cp: [
+            {
+              x: 0.92 - (friction / 1000),
+              y: 0
+            }
+          ]
+        }, {
+          x: 1,
+          y: 1,
+          cp: [
+            {
+              x: 0.08 + (friction / 1000),
+              y: 1
+            }
+          ]
+        }
+      ]
+    });
+  };
+
+  dynamics.easeIn = function(options) {
+    var friction, _ref;
+    if (options == null) {
+      options = {};
+    }
+    friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
+    return dynamics.bezier({
+      points: [
+        {
+          x: 0,
+          y: 0,
+          cp: [
+            {
+              x: 0.92 - (friction / 1000),
+              y: 0
+            }
+          ]
+        }, {
+          x: 1,
+          y: 1,
+          cp: [
+            {
+              x: 1,
+              y: 1
+            }
+          ]
+        }
+      ]
+    });
+  };
+
+  dynamics.easeOut = function(options) {
+    var friction, _ref;
+    if (options == null) {
+      options = {};
+    }
+    friction = (_ref = options.friction) != null ? _ref : arguments.callee.defaults.friction;
+    return dynamics.bezier({
+      points: [
+        {
+          x: 0,
+          y: 0,
+          cp: [
+            {
+              x: 0,
+              y: 0
+            }
+          ]
+        }, {
+          x: 1,
+          y: 1,
+          cp: [
+            {
+              x: 0.08 + (friction / 1000),
+              y: 1
+            }
+          ]
+        }
+      ]
+    });
+  };
+
+  dynamics.spring.defaults = {
+    frequency: 300,
+    friction: 200,
+    anticipationSize: 0,
+    anticipationStrength: 0
+  };
+
+  dynamics.bounce.defaults = {
+    frequency: 300,
+    friction: 200
+  };
+
+  dynamics.forceWithGravity.defaults = dynamics.gravity.defaults = {
+    bounciness: 400,
+    elasticity: 200
+  };
+
+  dynamics.easeInOut.defaults = dynamics.easeIn.defaults = dynamics.easeOut.defaults = {
+    friction: 500
+  };
+
+  dynamics.css = makeArrayFn(function(el, properties) {
+    return applyProperties(el, properties, true);
+  });
+
+  dynamics.animate = makeArrayFn(function(el, properties, options) {
+    var id;
+    if (options == null) {
+      options = {};
+    }
+    options = clone(options);
+    applyDefaults(options, {
+      type: dynamics.easeInOut,
+      duration: 1000,
+      delay: 0,
+      animated: true
+    });
+    options.duration = Math.max(0, options.duration * slowRatio);
+    options.delay = Math.max(0, options.delay);
+    if (options.delay === 0) {
+      return startAnimation(el, properties, options);
+    } else {
+      id = dynamics.setTimeout(function() {
+        return startAnimation(el, properties, options, id);
+      }, options.delay);
+      return animationsTimeouts.push({
+        id: id,
+        el: el
+      });
+    }
+  });
+
+  dynamics.stop = makeArrayFn(function(el, options) {
+    if (options == null) {
+      options = {};
+    }
+    if (options.timeout == null) {
+      options.timeout = true;
+    }
+    if (options.timeout) {
+      animationsTimeouts = animationsTimeouts.filter(function(timeout) {
+        if (timeout.el === el && ((options.filter == null) || options.filter(timeout))) {
+          dynamics.clearTimeout(timeout.id);
+          return true;
+        }
+        return false;
+      });
+    }
+    return animations = animations.filter(function(animation) {
+      return animation.el !== el;
+    });
+  });
+
+  dynamics.setTimeout = function(fn, delay) {
+    return addTimeout(fn, delay * slowRatio);
+  };
+
+  dynamics.clearTimeout = function(id) {
+    return cancelTimeout(id);
+  };
+
+  dynamics.toggleSlow = function() {
+    slow = !slow;
+    if (slow) {
+      slowRatio = 3;
+    } else {
+      slowRatio = 1;
+    }
+    return typeof console !== "undefined" && console !== null ? typeof console.log === "function" ? console.log("dynamics.js: slow animations " + (slow ? "enabled" : "disabled")) : void 0 : void 0;
+  };
+
+  if (typeof module === "object" && typeof module.exports === "object") {
+    module.exports = dynamics;
+  } else if (typeof define === "function") {
+    define('dynamics', function() {
+      return dynamics;
+    });
+  } else {
+    window.dynamics = dynamics;
+  }
 
 }).call(this);
diff --git a/couchpotato/static/style/combined.min.css b/couchpotato/static/style/combined.min.css
index df9a830..506e758 100644
--- a/couchpotato/static/style/combined.min.css
+++ b/couchpotato/static/style/combined.min.css
@@ -1,7 +1,10 @@
 .page.movie_details,.thumb_list .movie.hover_start .actions{pointer-events:none}
 .movies>.description a:hover,.page.movie_details .releases .buttons a:hover{text-decoration:underline}
+.update.message{background:#FFF;padding:20px;text-align:center;font-size:1.25em}
+@media (max-width:768px){.update.message{font-size:1em}
+}
+.update.message a{color:#ac0000;padding:5px}
 .search_form{display:inline-block;z-index:11;width:44px;position:relative}
-.search_form *{-webkit-transform:translateZ(0);transform:translateZ(0)}
 .search_form .icon-search{position:absolute;z-index:2;top:50%;left:0;height:100%;text-align:center;color:#FFF;font-size:20px;-webkit-transform:translateY(-50%);transform:translateY(-50%)}
 .search_form .wrapper{position:absolute;left:44px;bottom:0;background:#ac0000;border-radius:3px 0 0 3px;display:none;box-shadow:0 0 15px 2px rgba(0,0,0,.15)}
 .search_form .wrapper:before{-webkit-transform:rotate(45deg);transform:rotate(45deg);content:'';display:block;position:absolute;height:10px;width:10px;background:#ac0000;left:-6px;bottom:16px;z-index:1}
@@ -42,12 +45,12 @@
 .search_form .results_container .results .media_result .options .button{display:block;background:#ac0000;text-align:center;margin:0}
 .search_form .results_container .results .media_result .options .message{font-size:20px;color:#fff}
 .search_form .results_container .results .media_result .thumbnail{width:30px;min-height:100%;display:block;margin:0;vertical-align:top}
-.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.9,0,.1,1);-webkit-transform:translateX(0);transform:translateX(0);background:#FFF}
+.search_form .results_container .results .media_result .data{position:absolute;height:100%;top:0;left:30px;right:0;cursor:pointer;border-top:1px solid rgba(255,255,255,.08);transition:all .4s cubic-bezier(.9,0,.1,1);will-change:transform;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg);background:#FFF}
 @media (max-width:480px){.search_form .results_container .results .media_result .thumbnail{display:none}
 .search_form .results_container .results .media_result .data{left:0}
 }
-.search_form .results_container .results .media_result .data:hover{-webkit-transform:translateX(2%);transform:translateX(2%)}
-.search_form .results_container .results .media_result .data.open{-webkit-transform:translateX(100%);transform:translateX(100%)}
+.search_form .results_container .results .media_result .data:hover{-webkit-transform:translateX(2%) rotateZ(360deg);transform:translateX(2%) rotateZ(360deg)}
+.search_form .results_container .results .media_result .data.open{-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg)}
 .search_form .results_container .results .media_result .data .info{position:absolute;top:20%;left:15px;right:7px;vertical-align:middle}
 .search_form .results_container .results .media_result .data .info h2{margin:0;font-weight:300;font-size:1.25em;padding:0;position:absolute;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex}
 .search_form .results_container .results .media_result .data .info h2 .title{display:inline-block;margin:0;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
@@ -93,7 +96,7 @@
 }
 .big_search{background:#eaeaea}
 .page.movies{bottom:auto;z-index:21;height:80px;background:#FFF}
-.page.movies_manage,.page.movies_wanted{top:80px;padding:0;transition:top 300ms cubic-bezier(.9,0,.1,1)}
+.page.movies_manage,.page.movies_wanted{top:80px;padding:0;will-change:top;transition:top 300ms cubic-bezier(.9,0,.1,1)}
 @media (max-width:480px){.page.movies{height:44px}
 .page.movies_manage,.page.movies_wanted{top:44px}
 }
@@ -102,7 +105,7 @@
 .page.movies_manage .empty_manage,.page.movies_wanted .empty_manage{padding:20px}
 .page.movies_manage .empty_manage .after_manage,.page.movies_wanted .empty_manage .after_manage{margin-top:20px}
 .movie .ripple,.movie input[type=checkbox]{display:none}
-.with_navigation .movie input[type=checkbox]{display:inline-block;position:absolute;transition:opacity 200ms;opacity:0;z-index:2;cursor:pointer}
+.with_navigation .movie input[type=checkbox]{display:inline-block;position:absolute;will-change:opacity;transition:opacity 200ms;opacity:0;z-index:2;cursor:pointer}
 @media (max-width:480px){.with_navigation .movie input[type=checkbox]{display:none}
 }
 .with_navigation .movie input[type=checkbox]:hover{opacity:1!important}
@@ -132,7 +135,7 @@
 .movies>.loading{background:#FFF}
 .movies>.loading .message{color:#000}
 .movies>.loading .spinner{background-color:#000}
-.movies .movie .actions{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
+.movies .movie .actions{will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
 .movies .progress div{width:50%;padding:5px 10px;display:-webkit-flex;display:-ms-flexbox;display:flex}
 .movies .progress div .folder{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-right:10px}
 .movies .progress div .percentage{font-weight:700}
@@ -225,36 +228,36 @@
 .thumb_list .movie .info .eta{opacity:.5;float:right;margin-left:4px}
 .thumb_list .movie .info .quality{white-space:nowrap;overflow:hidden}
 .thumb_list .movie .info .quality span{font-size:.8em;margin-right:2px}
-.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);transition:opacity 400ms;opacity:1;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
+.thumb_list .movie .actions{background-image:linear-gradient(25deg,rgba(172,0,0,0) 0,#ac0000 80%);will-change:opacity;transition:opacity 400ms;opacity:1;visibility:hidden;position:absolute;top:0;right:0;bottom:0;left:0;text-align:right}
 .thumb_list .movie .actions .action{position:relative;margin-right:10px;float:right;clear:both}
 .thumb_list .movie .actions .action:first-child{margin-top:10px}
-.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px}
+.thumb_list .movie .actions .action a{transition:all 150ms cubic-bezier(.9,0,.1,1);will-change:color,background;transition-property:color,background;display:block;width:auto;padding:6.67px;color:#FFF;border-radius:2px}
 .thumb_list .movie .actions .action a:hover{background:#FFF;color:#ac0000}
 .thumb_list .movie:hover .actions{opacity:1;visibility:visible}
-.thumb_list .movie .mask{bottom:44px;border-radius:3px;transition:opacity 30ms}
+.thumb_list .movie .mask{bottom:44px;border-radius:3px;will-change:opacity;transition:opacity 30ms}
 @media (max-width:480px){.thumb_list .movie:hover .actions{display:none}
 .page.movie_details{left:0}
 }
-.page.movie_details .overlay{position:fixed;top:0;bottom:0;right:0;left:132px;background:rgba(0,0,0,.6);border-radius:3px 0 0 3px;opacity:0;-webkit-transform:rotateY(360deg);transform:rotateY(360deg);transition:opacity 300ms ease 400ms;z-index:1}
+.page.movie_details .overlay{position:fixed;top:0;bottom:0;right:0;left:132px;background:rgba(0,0,0,.6);border-radius:3px 0 0 3px;opacity:0;will-change:opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg);transition:opacity 300ms ease 400ms;z-index:1}
 .page.movie_details .overlay .ripple{background:#FFF}
-.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:100%;height:100%;opacity:0;transition:opacity 300ms ease 200ms}
+.page.movie_details .overlay .close{display:inline-block;text-align:center;font-size:60px;line-height:80px;color:#FFF;width:100%;height:100%;opacity:0;will-change:opacity;transition:opacity 300ms ease 200ms}
 .page.movie_details .overlay .close:before{display:block;width:44px}
 @media (max-width:480px){.page.movie_details .overlay{left:0;border-radius:0}
 .page.movie_details .overlay .close{width:44px}
 }
-.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;-webkit-transform:translateX(100%) rotateY(360deg);transform:translateX(100%) rotateY(360deg);transition:-webkit-transform 350ms cubic-bezier(.9,0,.1,1);transition:transform 350ms cubic-bezier(.9,0,.1,1)}
-.page.movie_details .scroll_content>.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0 20px;position:relative;z-index:2;-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
+.page.movie_details .scroll_content{position:fixed;z-index:2;top:0;bottom:0;right:0;left:176px;background:#FFF;border-radius:3px 0 0 3px;overflow-y:auto;will-change:transform;-webkit-transform:translateX(100%) rotateZ(360deg);transform:translateX(100%) rotateZ(360deg);transition:-webkit-transform 350ms cubic-bezier(.9,0,.1,1);transition:transform 350ms cubic-bezier(.9,0,.1,1)}
+.page.movie_details .scroll_content>.head{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;padding:0 20px;position:relative;z-index:2;will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
 .page.movie_details .scroll_content>.head h1{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin:0;font-size:24px;color:rgba(0,0,0,.5);font-weight:300;max-width:100%}
 @media (max-width:480px){.page.movie_details .scroll_content{left:44px}
-.page.movie_details .scroll_content>.head{padding:0;line-height:1em}
-.page.movie_details .scroll_content>.head h1{min-width:100%;line-height:44px;margin-top:20px}
+.page.movie_details .scroll_content>.head{padding:0;line-height:44px}
+.page.movie_details .scroll_content>.head h1{min-width:100%;line-height:44px}
 .page.movie_details .scroll_content>.head h1 .more_menu{width:100%}
 }
 .page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown{padding-right:20px}
 .page.movie_details .scroll_content>.head .more_menu{display:inline-block;vertical-align:top;max-width:100%;margin-bottom:0}
 .page.movie_details .scroll_content>.head .more_menu>a{line-height:80px}
 @media (max-width:480px){.page.movie_details .scroll_content>.head h1 .more_menu .icon-dropdown:before{right:10px}
-.page.movie_details .scroll_content>.head .more_menu>a{line-height:22px}
+.page.movie_details .scroll_content>.head .more_menu>a{line-height:44px}
 }
 .page.movie_details .scroll_content>.head .more_menu .icon-dropdown{position:relative;padding:0 13.33px 0 10px}
 .page.movie_details .scroll_content>.head .more_menu .icon-dropdown:before{position:absolute;right:0;top:-2px;opacity:.2}
@@ -273,17 +276,17 @@
 .page.movie_details .scroll_content>.head .buttons{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}
 .page.movie_details .scroll_content>.head .buttons>a{display:inline-block;padding:0 10px;color:#ac0000;line-height:80px}
 .page.movie_details .scroll_content>.head .buttons>a:hover{color:#000}
-.page.movie_details .scroll_content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1);-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}
+.page.movie_details .scroll_content .section{padding:20px;border-top:1px solid rgba(0,0,0,.1);will-change:transform,opacity;-webkit-transform:rotateZ(360deg);transform:rotateZ(360deg)}
 @media (max-width:480px){.page.movie_details .scroll_content>.head .more_menu.title .wrapper{top:30px;max-width:240px}
 .page.movie_details .scroll_content>.head .buttons{margin:0}
-.page.movie_details .scroll_content>.head .buttons>a{line-height:22px}
+.page.movie_details .scroll_content>.head .buttons>a{line-height:44px}
 .page.movie_details .scroll_content .section{padding:10px}
 }
 .page.movie_details .files span,.page.movie_details .releases .item span{white-space:nowrap;padding:6.67px 0;overflow:hidden;text-overflow:ellipsis}
 .page.movie_details.show{pointer-events:auto}
 .page.movie_details.show .overlay{opacity:1;transition-delay:0s}
 .page.movie_details.show .overlay .close{opacity:1;transition-delay:300ms}
-.page.movie_details.show .scroll_content{transition-delay:200ms;-webkit-transform:translateX(0) rotateY(360deg);transform:translateX(0) rotateY(360deg)}
+.page.movie_details.show .scroll_content{transition-delay:200ms;-webkit-transform:translateX(0) rotateZ(360deg);transform:translateX(0) rotateZ(360deg)}
 .page.movie_details .section_description .meta{text-align:right;font-style:italic;font-size:.9em}
 .page.movie_details .section_description .meta span{display:inline-block;margin:10px 10px 0}
 .page.movie_details .section_description .meta span:last-child{margin-right:0}
@@ -342,13 +345,13 @@
 .page.movie_details .section_trailer.no_trailer{display:none}
 .page.movie_details .trailer_container{background:#000;position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%;cursor:pointer}
 .alph_nav .menus .button,.alph_nav .menus .counter{line-height:80px;padding:0 10px}
-.page.movie_details .trailer_container .background{opacity:.3;transition:all 300ms;-webkit-transform:scale(1.05) rotateY(360deg);transform:scale(1.05) rotateY(360deg);background:center no-repeat;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
-.page.movie_details .trailer_container .icon-play{opacity:.9;position:absolute;z-index:2;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);transition:all 300ms;color:#FFF;font-size:110px}
+.page.movie_details .trailer_container .background{opacity:.3;background:center no-repeat;background-size:cover;position:absolute;top:0;right:0;bottom:0;left:0;z-index:1}
+.page.movie_details .trailer_container .icon-play{opacity:.9;position:absolute;z-index:2;text-align:center;width:100%;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);will-change:opacity;transition:all 300ms;color:#FFF;font-size:110px}
 @media (max-width:1024px){.page.movie_details .trailer_container .icon-play{font-size:55px}
 }
 @media (max-width:480px){.page.movie_details .trailer_container .icon-play{font-size:31.43px}
 }
-.page.movie_details .trailer_container .icon-play span{transition:all 300ms;opacity:.9;position:absolute;font-size:1em;top:50%;left:50%;margin-left:55px;-webkit-transform:translateY(-54%);transform:translateY(-54%)}
+.page.movie_details .trailer_container .icon-play span{transition:all 300ms;opacity:.9;position:absolute;font-size:1em;top:50%;left:50%;margin-left:55px;-webkit-transform:translateY(-54%);transform:translateY(-54%);will-change:opacity}
 @media (max-width:1024px){.page.movie_details .trailer_container .icon-play span{margin-left:27.5px}
 }
 @media (max-width:480px){.page.movie_details .trailer_container .icon-play span{margin-left:15.71px}
@@ -362,7 +365,7 @@
 .page.movie_details .trailer_container:hover .icon-play,.page.movie_details .trailer_container:hover .icon-play span{opacity:1}
 .page.movie_details .trailer_container iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:0}
 .alph_nav{position:relative}
-.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFF;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
+.alph_nav .mass_edit_form{display:-webkit-flex;display:-ms-flexbox;display:flex;background:#FFF;position:fixed;top:80px;right:0;left:132px;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-align-items:center;-ms-flex-align:center;align-items:center;will-change:max-height;transition:max-height 300ms cubic-bezier(.9,0,.1,1);max-height:0;overflow:hidden}
 .mass_editing .alph_nav .mass_edit_form{max-height:44px}
 .alph_nav .mass_edit_form>*{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
 .alph_nav .mass_edit_form .select{margin:0 10px 0 20px}
@@ -461,16 +464,26 @@
 .page.log .nav li.clear,.page.log .nav li.select{cursor:pointer}
 .page.log .nav li.active{font-weight:700;cursor:default}
 .page.log .hint{font-style:italic;opacity:.5;margin-top:3px}
+@media (max-width:768px){.page.log .nav li.filter,.page.log .nav li:nth-child(10),.page.log .nav li:nth-child(11),.page.log .nav li:nth-child(12),.page.log .nav li:nth-child(7),.page.log .nav li:nth-child(8),.page.log .nav li:nth-child(9){display:none}
+.page.log .nav li:last-child{display:inline-block}
+.page.log .hint{display:none}
+}
 .page.log .container{padding:20px;overflow:hidden;line-height:150%}
+@media (max-width:480px){.page.log .container{padding:20px 10px}
+}
 .page.log .container.loading{text-align:center;font-size:20px;padding:100px 50px}
 .page.log .container select{vertical-align:top}
 .page.log .container .time{clear:both;font-size:.75em;border-top:1px solid rgba(255,255,255,.1);overflow:hidden;padding:0 3px;font-family:Lucida Console,Monaco,Nimbus Mono L,monospace,serif;display:-webkit-flex;display:-ms-flexbox;display:flex}
+@media (max-width:480px){.page.log .container .time{-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap}
+}
 .page.log .container .time.highlight{background:#eaeaea}
-.page.log .container .time span{padding:5px 0 3px;display:inline-block;vertical-align:middle;width:90px}
+.page.log .container .time span{padding:5px 0 3px;display:inline-block;vertical-align:middle;width:95px}
+.page.log .container .time .message{white-space:pre-wrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
+@media (max-width:480px){.page.log .container .time .message{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;margin-top:-5px;padding:0;display:block;width:100%}
+}
 .page.log .container .time ::-moz-selection{background-color:#000;color:#FFF}
 .page.log .container .time ::selection{background-color:#000;color:#FFF}
-.page.log .container .type.type{margin-left:10px;width:40px}
-.page.log .container .message{white-space:pre-wrap;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto}
+.page.log .container .type.type{margin-left:6.67px;width:40px}
 .page.log .container .error{color:#FFA4A4}
 .page.log .container .debug span{opacity:.6}
 .page.log [data-filter=DEBUG] .error,.page.log [data-filter=DEBUG] .info,.page.log [data-filter=ERROR] .debug,.page.log [data-filter=ERROR] .info,.page.log [data-filter=INFO] .debug,.page.log [data-filter=INFO] .error{display:none}
@@ -625,7 +638,8 @@
 body,html{font-size:14px;line-height:1.5;font-family:OpenSans,"Helvetica Neue",Helvetica,Arial,Geneva,sans-serif;font-weight:300;height:100%;margin:0;padding:0;background:#111;overflow:hidden}
 body{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row nowrap;-ms-flex-flow:row nowrap;flex-flow:row nowrap}
 a{position:relative;overflow:hidden;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent}
-input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#FFF;border:1px solid #b7b7b7}
+input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#FFF;border:1px solid #b7b7b7;border-radius:0}
+input,textarea{-webkit-appearance:none}
 .button{color:#ac0000;font-weight:300;padding:5px;cursor:pointer;border:1px solid #ac0000;border-radius:3px;margin:0 5px;transition:all 150ms}
 .button:hover{background:#ac0000;color:#FFF}
 .ripple{position:absolute;height:10px;width:10px;border-radius:50%;background:#ac0000;-webkit-transform:translate(-50%,-50%) scale(1) rotateZ(360deg);transform:translate(-50%,-50%) scale(1) rotateZ(360deg);opacity:.2;transition:all 1.5s ease;transition-property:opacity,-webkit-transform;transition-property:opacity,transform}
@@ -682,13 +696,12 @@ input,select,textarea{font-size:1em;font-weight:300;padding:6.67px;background:#F
 }
 .header .more_menu .wrapper{bottom:0;left:44px;right:auto;padding-left:4px}
 .corner_background{display:block;position:absolute;height:10px;width:10px;background:#ac0000;top:0;left:132px}
-.content,.content .pages{height:100%;position:relative}
 @media (max-width:480px){.corner_background{left:44px}
 }
-.content{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;background:#FFF;border-radius:3px 0 0 3px}
+.content{position:relative;height:100%;-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:column nowrap;-ms-flex-flow:column nowrap;flex-flow:column nowrap;background:#FFF;border-radius:3px 0 0 3px}
 .content h1,.content h2,.content h3{padding:0;margin:0}
-.content .pages{width:100%}
-.content .footer{position:fixed;bottom:0;height:20px;width:100%}
+.content .pages{-webkit-flex:1 auto;-ms-flex:1 auto;flex:1 auto;width:100%;position:relative}
+.content .footer{width:100%}
 .page{position:absolute;top:0;left:0;right:0;bottom:0;display:none}
 .page.active{display:block}
 .page>.scroll_content{position:relative;height:100%;overflow:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch}
diff --git a/couchpotato/static/style/main.scss b/couchpotato/static/style/main.scss
index 929c505..b5cbaf2 100644
--- a/couchpotato/static/style/main.scss
+++ b/couchpotato/static/style/main.scss
@@ -40,7 +40,11 @@ input, textarea, select {
 	padding: $padding/3;
 	background: $background_color;
 	border: 1px solid darken($theme_off, 20);
+	border-radius: 0;
+}
 
+input, textarea {
+	-webkit-appearance: none;
 }
 
 .button {
@@ -381,6 +385,9 @@ input, textarea, select {
 	height: 100%;
 	flex: 1 auto;
 
+	display: flex;
+	flex-flow: column nowrap;
+
 	background: $background_color;
 	border-radius: $border_radius 0 0 $border_radius;
 	//overflow: hidden;
@@ -391,16 +398,12 @@ input, textarea, select {
 	}
 
 	.pages {
-		height: 100%;
+		flex: 1 auto;
 		width: 100%;
-		//overflow: hidden;
 		position: relative;
 	}
 
 	.footer {
-		position: fixed;
-		bottom: 0;
-		height: $padding;
 		width: 100%;
 	}
 }