csster 1.1.1 → 1.3.3

checksums.yaml

@@ -1,7 +1,7 @@
 ---
-SHA1:
-  metadata.gz: d82632c37cb32738b8993eef7fb7ff350729ffef
-  data.tar.gz: 87ca49392d6e8be6387fc41777a4ea8ca0f25ae4
+SHA256:
+  metadata.gz: 0cc79e48d8cd6593bf3a60eaedee4fe6a03bb2e6cbfd43ee76333d32eb1152bd
+  data.tar.gz: aa3e04ceb95f5f8f7df6d8540f5ea0de775606545d0f428a9dfe5c4b3587c2bb
 SHA512:
-  metadata.gz: 61b42ab7e1b06a81deebe3730b055f7d573e3af3fb68f868c5113e37b89213414d00379569bd96d482ce5d10001746f13135c2beb8842f287ce87775170dd312
-  data.tar.gz: 0f5f3577b761eda7720e3c20929c41cd3434da334722136f172c742eaea7024b66bbab5d17bcc50f73842648196c2ec26bc61fe45da5006ef54b52ca58e65f3c
+  metadata.gz: be481048d68d4ca067eea3ecb297bd1eb06667920a09fc791b5ea11e7817403a2461aadfe00db24b9b81731bce25189bfcd2dcc5dd66c7d5d0aa0975972fb318
+  data.tar.gz: 07261c731d45fc31836ce53f072791d0d641e1783b240f1898764da6ce89519157147c28a5f46ca3d36b075b5310bff30b3112dfd6805e3a6875f533b70a7f53

data/README.md

@@ -3,19 +3,20 @@
 <a href="https://travis-ci.org/ndp/csster" id="status-image-popup" title="build status image" name="status-images" class="open-popup">
             <img src="https://travis-ci.org/ndp/csster.svg" >
           </a>
-          
+
 Concisely generate CSS style rules within Javascript.  Features:
 
-* standard "object literal"/JSON format with good editor support
+* "object literal" format with excellent editor support
 * nesting to DRY up stylesheets
-* color functions like <code>darken</code> and <code>saturate</code>
+* color functions like `darken` and `saturate`
 * built-in macros for common CSS idioms like *clearfix*, *rounded corners*, *drop shadows*.
 * extension points for custom behavior or cross-browser support.
+* no new syntax to learn (and fight)
 * and all the plain old Javascript behavior: functions, data structures, looping, Math operations, etc.
 
 Slideshow introduction: https://docs.google.com/present/view?id=dfm357b6_49c4d3fpdm&interval=15
 
-## Usage
+## Installation
 
 ### Bundler (Rails) Installation
 
@@ -30,8 +31,8 @@ And then execute:
 Or install it yourself as:
 
     $ gem install csster
-    
-Within your `application.js`, add 
+
+For Rails, within your `application.js`, add
 
     //= require csster
 
@@ -40,6 +41,8 @@ Within your `application.js`, add
 
     npm install csster
 
+## Usage
+
 ### Creating Stylesheets (Brower/Client Side)
 
 All code is packaged into a single Javascript file download, [csster.js](http://ndpsoftware.com/csster/csster.js). There are no external dependencies.
@@ -59,134 +62,197 @@ The result is inserted in DOM automatically at the bottom of the &lt;head&gt; el
 
 ```html
 ...
-&lt;style type="text/stylesheet"&gt;
+<style type="text/stylesheet">
 h1 {
 font-size: 18px;
 color: red;
 }
-&lt;/style&gt;
-&lt;/head&gt;
+</style>
+</head>
 ...
 ```
 
-### Format of CSS Rules
+### Node Usage
 
-The *style* method accepts CSS rules passed either as arrays or hashes, arrays just being
+`Csster.buildCss` accepts arrays or hashes of rules and returns a text string of the Css rules.
+The caller is responsible for writing to the browser.
+
+
+### Building CSS Rules
+
+The `Csster.style` method accepts CSS rules passed either as arrays or hashes, arrays just being
 a way to order the hashes. For example:
 
-<pre>
-{
-    ul: {
-      margin: 5,
-      padding: 0,
-    }
-    'ul li:first': {
-      paddingLeft: 20px
-    }
+```javascript
+Csster.style({
+  ul: {
+    margin: 5,
+    padding: 0,
+  },
+  'ul li:first': {
+    paddingLeft: '20px'
+  }
 }
-</pre>
+```
 
 Note that
 
-* property names are automatically converted to hyphenated format from camelcase, so in many cases you can omit the quotation marks. ('float' needs to quoted since it's a reserved word.)
-* all raw numbers are assumed to be "pixels" (or "px"), and rendered as such.
+* property names are automatically converted to hyphenated format from camelCase, so in many cases you can omit the quotation marks. (`float` needs to quoted since it's a reserved word.)
+* most raw numbers are assumed to be "pixels" (or "px"), and rendered as such. A heuristic helps in this, skipping `opacity`, `z-index`, etc.
 * any sort of selectors are allowed... they are just passed through to the stylesheet.
 
 #### Nesting
 Csster supports nesting of rules to keep things more concise:
-<pre>
+
+```javascript
 {
-    ul: {
-      margin: 5,
-      li: {
-        paddingLeft: 20,
-        '&:hover': {
-          color: 'red'
-        }
+  ul: {
+    margin: 5,
+    li: {
+      paddingLeft: 20,
+      '&:hover': {
+        color: 'red'
       }
     }
+  }
 }
-</pre>
+```
 
 The "li" property in this case might be a selector or might be a property name. A list of valid
 property names is used to identify properties right now, and otherwise it's considered a sub-selector.
 
-Csster supports SASS's "&" operator, to indicate that the selector should be combined with the parent selector.
+Csster supports SASS's `&` operator, to indicate that the selector should be combined with the parent selector.
 Instead of the default "any descendent" space character being inserted, no space is inserted.
 
 Combined rules (with commas) are expanded as expected, so nested rules with commas have their parents expanded.
 
 
+#### Functions
+Most manipulations you'll want don't require any special syntax. They will fall into
+Javascript's language support, as far as any math or looping.
+Use Javascript to write necessary functions! Include them directly in the
+CSS rule definitions.
 
 
-#### Functions
-Most manipulations will fall into Javascript's language support, as far as any math or looping. Use Javascript to write necessary functions.
+#### Colors
+
+Colors can be particularly brittle in CSS, so color conversion functions are included.
+The easiest way to enable this is to call:
+
+    Csster.colorizeString()
 
-functions/color.es6 contains SASS-like color functions mixed into the base String object:
+Now the `String` prototype will include SASS-like color functions:
 
-*  <code>"#ab342c".darken(%)</code> -- make color darker by given percent
-*  <code>"#ab342c".lighten(%)</code> -- make color lighter by given percent
-*  <code>"#ab342c".saturate(%)</code>  -- make color more saturated by given percent. To *desaturate*, use negative values for the percent. Note that <code>"#ab342c".saturate(-100)</code> renders in grayscale.
+*  `"#ab342c".darken(%)` -- make color darker by given percent
+*  `"#ab342c".lighten(%)` -- make color lighter by given percent
+*  `"#ab342c".saturate(%)`  -- make color more saturated by given percent. To *desaturate*, use negative values for the percent. Note that `"#ab342c".saturate(-100)` renders in grayscale.
 
 There are also color conversion routines if you want to build your own manipulation.
 
-*  <code>"#ab342c".toRGB()</code>
-*  <code>"#ab342c".toHSL()</code>
-*  <code>Csster.hslToHexColor(h,s,l)</code>
+*  `"#ab342c".toRGB()`
+*  `"#ab342c".toHSL()`
+*  `Csster.hslToHexColor(h,s,l)`
 
 Opacity is currently not supported by the color model.
 
-#### Macros using "has" key
+### Macros
+
+Although the Javascript language probably offers enough flexibility for most of what you
+want, macros are also a core part of Csster.
+
+#### Pre-build Macros
 
 There are a host of pre-made macros that may be useful:
 
-* <code>roundedCorners(radius)</code> -- add rounded corners on all sides
-* <code>roundedCorners(side, radius)</code> -- add rounded corners on specified side: <code>'top'</code>, <code>'left'</code>, <code>'bottom'</code> or <code>'right'</code>
-* <code>roundedCorners(corner, radius)</code> -- add rounded corners to a specified corner: <code>'tl'</code>, <code>'tr'</code>, <code>'bl'</code> or <code>'br'</code>
-* <code>imageReplacement(width, height, img, imgXPosition=0, imgYPosition=0)</code> -- phark image replacement with optional background image offset.
-* <code>boxShadow([xoffset, yoffset], radius, color)</code>
-* <code>verticalCentering(height)</code> and <code>horizontalCentering(width)</code> -- center using the top 50% / margin-top -width/2 technique. See http://stackoverflow.com/questions/148251/css-centering-tricks
-* <code>clearfix()</code> -- standard clearfix
+* `Csster.macros.roundedCorners(radius)` -- add rounded corners on all sides
+* `Csster.macros.roundedCorners(side, radius)` -- add rounded corners on specified side: `'top'`, `'left'`, `'bottom'` or `'right'`
+* `Csster.macros.roundedCorners(corner, radius)` -- add rounded corners to a specified corner: `'tl'`, `'tr'`, `'bl'` or `'br'`
+* `Csster.macros.imageReplacement(width, height, img, imgXPosition=0, imgYPosition=0)` -- phark image replacement with optional background image offset.
+* `Csster.macros.boxShadow([xoffset, yoffset], radius, color)`
+* `Csster.macros.verticalCentering(height)` and `horizontalCentering(width)` -- center using the top 50% / margin-top -width/2 technique. See http://stackoverflow.com/questions/148251/css-centering-tricks
+* `Csster.macros.clearfix()` -- standard clearfix
+* `Csster.browserInfo()` -- basic information about the current browser, if available. Useful for generating alternative rules.
 
-To "mix these in", use the "has" key:
+#### Using macros with the "has" or "mixin" key
 
-<pre>
-{
-    'div#featured_box': {
-      backgroundColor: '#394c89',
-      has: roundedCorner(5)
+To "mix these in", use the `has`, `mixin` or `mixins` key:
+
+    {
+        'div#featured_box': {
+          backgroundColor: '#394c89',
+          has: roundedCorner(5)
+        }
     }
+
+Multiple macros can be included by making that a list, eg. `has: [roundedCorners(5), dropShadow()]`.
+
+#### Using macros with fake property names
+
+You can also make these _pseudo properties_ using the `Csster.setMacro` method. For example,
+
+```javascript
+Csster.setMacro('roundedCorners', (px) => {
+  return { borderRadius: px }
+})
+```
+
+As you might expect, this defines a property that is rendered with the given function. Therefore:
+
+```javascript
+...
+Csster.style({ div: roundedCorners: 5 })
+```
+
+#### Writing Macros
+
+It's all Javascript, so macros and more complex functions are easy to write.
+To mix in a set of values, create a function that returns a hash of values, for example:
+
+```javascript
+function roundedCorners(radius) {
+  return {
+    '-webkit-border-radius': radius,
+    '-moz-border-radius': radius,
+    'border-radius': radius
+  }
 }
-</pre>
+```
 
-Multiple macros can be included by making that a list, eg. <code>has: [roundedCorners(5), dropShadow()]</code>.
+A macro's properties will be overwritten  similar to how the cascade takes the last defined value: later ones override earlier ones.
 
-It's all Javascript, so macros and more complex functions are easy to write. To mix in a set of values, create a function
-that returns a hash of values, for example:
 
-<pre>
-    function roundedCorners(radius) {
-        return {
-            '-webkit-border-radius': radius,
-            '-moz-border-radius': radius,
-            'border-radius': radius
-        }
-    }
-</pre>
+## Verification
 
-A macro's properties will be overwritten by properties within including selector (or later included macros), similar to how the cascade takes the last defined value.
+By default, property names are validated against recent HTML specs.
+The build-in tool rejects non-standard property names,
+although by default popular "-moz" and "-webkit" properties are added.
+Use `Csster.addPropertyNames` to supplement property names it might not
+consider valid.
 
+At this time of history, though, validation is not necessarily what you want.
+To turn this off, use:
+
+```javascript
+Csster.propertyNameValidator.setConfig('strictNames', false)
+```
+
+By default, any browser extension property (such as `-moz-boo`) is allowed. To
+restrict this, turn on the validation:
+
+```javascript
+Csster.propertyNameValidator.setConfig('anyBrowserExtension', false)
+```
 
 ## jQuery Integration
 
-If jQuery is loaded first, Csster provides a "csster" method:
+If jQuery is loaded before Csster, it provides a "csster" plugin:
 
-<pre>
-   $('.sidebar').csster({ border: '5px solid green', padding: 10 });
-</pre>
+```javascript
+$('.sidebar').csster({ border: '5px solid green', padding: 10 });
+```
 
 As expected, this adds a rule to the document with the ".sidebar" selector.
-In general, this can be called identically to the <code>css()</code> function.
+In general, this can be called identically to the `css()` function.
 This is useful is the DOM on the page is dynamic and when a rule is more efficient than applying
 a style repeatedly to all the DOM nodes.
 
@@ -196,40 +262,8 @@ nothing is done to convert or report unsupported selectors (just like regular CS
 
 ## Extending Csster
 
-Csster is built as an extensible system.
-
-### Adding Custom Property Names
-Use <code>Csster.addPropertyNames</code> to add any non-standard property names you'd like to be considered valid. The build-in tool rejects non-standard property names, although by default popular "-moz" and "-webkit" properties are added.
-
-### Pre-process rules
-<del>Functions called before properties are processed stored in <code>Csster.propertyPreprocessors</code>. Callback is provided a hash of properties to values, which it modifies in any way it wants. This is used to interpret macros.</del>
-
-<del>### Post-processing
-Functions called after rules are processed stored in <code>Csster.rulesPostProcessors</code>. Called with an array of processed rules. Can be used to eliminate duplicates, modify selectors, etc. Standard list simplifies overly complex selectors with multiple IDs.
-
-A convenient built-in function is <code>compressSelectors</code>. Using this processor, rules with multiple '#'s are simplified. For example, '#a #b #c' becomes '#c'. Usually this is what you will want, so include it with <code>Csster.rulePostProcessors.push(Csster.compressSelectors);</code>.
-
-This is used to write custom browser overrides. For example, this one makes opacity work for IE:
-
-<pre>
-  Csster.rulesPostProcessors.push(function ieOpacity(rules) {
-    // http://www.smashingmagazine.com/2010/04/28/css3-solutions-for-internet-explorer/
-    if (Csster.browserInfo().msie) {
-      for (var i = 0; i &lt; rules.length; i++) {
-        var rule = rules[i];
-        var value = rule.props['opacity']
-        if (value) {
-          value = Math.round(value * 100.0);
-          rules[i].props['filter'] = 'progid:DXImageTransform.Microsoft.Alpha(opacity=' + value + ')';
-        }
-      }
-    }
-  });
-</pre>
-</del>
-
 ### Inserting into the DOM
-Function that outputs a set of rules into the DOM is <code>Csster.insertCss</code> and can be replaced if desired.
+Function that outputs a set of rules into the DOM is `Csster.insertCss` and can be replaced if desired.
 
 ## V2.0 Changes
 
@@ -241,6 +275,7 @@ Function that outputs a set of rules into the DOM is <code>Csster.insertCss</cod
 ### Other changes:
 
 * use ES6 for implementation and provide a more compressed and clean script.
+* fake-property-based macros
 * add ability to turn off property name validation.
 * add ability to warn about unknown browser extensions for property names.
 
@@ -262,10 +297,32 @@ Function that outputs a set of rules into the DOM is <code>Csster.insertCss</cod
 4. Push to the branch (`git push origin my-new-feature`)
 5. Create new Pull Request
 
+### Like it or have ideas?
+
+If you like this and would like me to do more intereactions like this, send me an email... or money https://venmo.com/ndpsoft or  https://www.gofundme.com/ndp-software
+
+
+## Releasing
+
+1. Make changes
+2. Update `bin/build.sh#2` `VERSION=` code.
+3. `bin/build.sh`
+4. `rake build`
+5. `git checkin...`
+6. `git push...`
+7. `rake release` # Ruby Gem
+8. `npm publish`  # Node module
+
 
 ### TDD
 
-The design was driven by [the specs](http://ndpsoftware.com/csster/spec_runner.html).
+The design was driven by the specs.
+
+There are now two sets of tests. The first are unit and out-of-browser functional tests run with jasmine. If your npm paths are set up correctly, `jasmine` should do it.
+
+There's also an (older) in-browser test, in `demo/functional_runner.html`. Opening this in a browser should do it.
+
+Finally, there are a couple manual "demo" files that need to be examined in a browser, to make sure they are working. These are in the demo folder.
 
 ### Building
 
@@ -285,9 +342,9 @@ This project comes from my frustration of trying to build standalone Javascript
 projects always involve the combination of HTML DOM, CSS and Javascript. It's often simpler to
 generate the necessary DOM within your Javascript, removing any coupling (and a simpler calling
 convention) to a specific web page. But most widgets have certain style rules. To avoid
-any coupling with the CSS at all, styles can be included inline, but these gets bulky 
+any coupling with the CSS at all, styles can be included inline, but these gets bulky
 and hard to read. The "rule" nature of CSS is nice. So widgets then have a Javascript
-and CSS component. Wouldn't it be nice, though, to remove that CSS component. 
+and CSS component. Wouldn't it be nice, though, to remove that CSS component.
 
 With the advent of SASS, the coupling is even more complicated, as now there's some other
 tool completely unrelated to your component, written in some other language. Wouldn't
@@ -300,6 +357,5 @@ http://revnode.com/oss/css/
 
 ## Legal
 
-Copyright (c) 2010-2016 Andrew J. Peterson
+Copyright (c) 2010-2020 Andrew J. Peterson
 [Apache License](https://github.com/ndp/csster/raw/master/LICENSE)
-

data/lib/csster/version.rb

@@ -1,3 +1,3 @@
 module Csster
-  VERSION = "1.1.1"
+  VERSION = "1.3.3"
 end

data/vendor/assets/javascripts/csster.js

@@ -1,1442 +1,2 @@
-// Csster version 1.1.1; Copyright (c) Andrew J. Peterson / ndpsoftware.com. All Rights Reserved
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId])
-/******/ 			return installedModules[moduleId].exports;
-
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			exports: {},
-/******/ 			id: moduleId,
-/******/ 			loaded: false
-/******/ 		};
-
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-
-/******/ 		// Flag the module as loaded
-/******/ 		module.loaded = true;
-
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-
-
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(0);
-/******/ })
-/************************************************************************/
-/******/ ([
-/* 0 */
-/***/ function(module, exports, __webpack_require__) {
-
-	__webpack_require__(1);
-	module.exports = __webpack_require__(28);
-
-
-/***/ },
-/* 1 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	var _buildRules = __webpack_require__(2);
-
-	var _buildRules2 = _interopRequireDefault(_buildRules);
-
-	var _stringifyRules = __webpack_require__(12);
-
-	var _stringifyRules2 = _interopRequireDefault(_stringifyRules);
-
-	var _insertCss = __webpack_require__(17);
-
-	var _insertCss2 = _interopRequireDefault(_insertCss);
-
-	var _macros = __webpack_require__(18);
-
-	var macros = _interopRequireWildcard(_macros);
-
-	var _array = __webpack_require__(6);
-
-	var _browser = __webpack_require__(24);
-
-	var _color = __webpack_require__(27);
-
-	var _propertyNameValidator = __webpack_require__(11);
-
-	var propertyNameValidator = _interopRequireWildcard(_propertyNameValidator);
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	if (!window.Csster) {
-	  window.Csster = {};
-	}
-
-	Csster.buildCss = function (o) {
-	  var rules = (0, _buildRules2.default)(o);
-	  var css = (0, _stringifyRules2.default)(rules);
-	  return css;
-	};
-
-	Csster.style = function (o) {
-	  var css = Csster.buildCss(o);
-	  (0, _insertCss2.default)(css);
-	};
-
-	// Make available various utilities
-
-	Csster.macros = macros;
-
-	Csster.arrayFlatten = _array.arrayFlatten;
-
-	Csster.browserInfo = _browser.browserInfo;
-
-	Csster.hslToHexColor = _color.hslToHexColor;
-	(0, _color.colorizeString)();
-
-	Csster.addPropertyNames = propertyNameValidator.addNames;
-
-	Csster.insertCss = _insertCss2.default;
-	Csster.buildRules = _buildRules2.default;
-
-/***/ },
-/* 2 */
-/***/ function(module, exports, __webpack_require__) {
-
-	/* WEBPACK VAR INJECTION */(function(process) {'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.rejectUnknownPropertyKeys = exports.dasherizePropertyKeys = undefined;
-
-	exports.default = function (obj) {
-	  var rules = [];
-	  (0, _array.arrayEach)((0, _array.arrayFlatten)([obj]), function (o) {
-	    rules.push(process(o));
-	  });
-	  return (0, _array.arrayFlatten)(rules);
-	};
-
-	var _object = __webpack_require__(4);
-
-	var _array = __webpack_require__(6);
-
-	var _curry = __webpack_require__(5);
-
-	var _cssObject = __webpack_require__(7);
-
-	var _macroProcessor = __webpack_require__(9);
-
-	var _properties = __webpack_require__(10);
-
-	var applyMacros = (0, _object.filterValuesRecursively)(_macroProcessor.macroProcessor);
-
-	// @param cssRule { selector: { prop1: value, prop2: value, subselector: { prop3: value}}
-	var objectToRulesArray = function objectToRulesArray(o) {
-	  var result = [];
-	  for (var key in o) {
-	    result.push({ sel: key, props: o[key] });
-	  }
-	  return result;
-	};
-
-	var dasherizePropertyKeys = exports.dasherizePropertyKeys = (0, _object.filterValuesRecursively)(_properties.dasherizeKeys);
-
-	var rejectUnknownPropertyKeys = exports.rejectUnknownPropertyKeys = (0, _object.filterValuesRecursively)(_properties.rejectUnknownKeys);
-
-	var pipeline = [];
-	pipeline.push(applyMacros);
-	pipeline.push(_cssObject.flattenObject);
-	pipeline.push(_cssObject.compressSelectors);
-	pipeline.push(dasherizePropertyKeys);
-	pipeline.push(rejectUnknownPropertyKeys);
-	pipeline.push(objectToRulesArray);
-
-	var process = function process(o) {
-	  for (var i = 0; i < pipeline.length; i++) {
-	    o = pipeline[i](o);
-	  }
-	  return o;
-	};
-
-	;
-	/* WEBPACK VAR INJECTION */}.call(exports, __webpack_require__(3)))
-
-/***/ },
-/* 3 */
-/***/ function(module, exports) {
-
-	// shim for using process in browser
-
-	var process = module.exports = {};
-	var queue = [];
-	var draining = false;
-	var currentQueue;
-	var queueIndex = -1;
-
-	function cleanUpNextTick() {
-	    draining = false;
-	    if (currentQueue.length) {
-	        queue = currentQueue.concat(queue);
-	    } else {
-	        queueIndex = -1;
-	    }
-	    if (queue.length) {
-	        drainQueue();
-	    }
-	}
-
-	function drainQueue() {
-	    if (draining) {
-	        return;
-	    }
-	    var timeout = setTimeout(cleanUpNextTick);
-	    draining = true;
-
-	    var len = queue.length;
-	    while(len) {
-	        currentQueue = queue;
-	        queue = [];
-	        while (++queueIndex < len) {
-	            if (currentQueue) {
-	                currentQueue[queueIndex].run();
-	            }
-	        }
-	        queueIndex = -1;
-	        len = queue.length;
-	    }
-	    currentQueue = null;
-	    draining = false;
-	    clearTimeout(timeout);
-	}
-
-	process.nextTick = function (fun) {
-	    var args = new Array(arguments.length - 1);
-	    if (arguments.length > 1) {
-	        for (var i = 1; i < arguments.length; i++) {
-	            args[i - 1] = arguments[i];
-	        }
-	    }
-	    queue.push(new Item(fun, args));
-	    if (queue.length === 1 && !draining) {
-	        setTimeout(drainQueue, 0);
-	    }
-	};
-
-	// v8 likes predictible objects
-	function Item(fun, array) {
-	    this.fun = fun;
-	    this.array = array;
-	}
-	Item.prototype.run = function () {
-	    this.fun.apply(null, this.array);
-	};
-	process.title = 'browser';
-	process.browser = true;
-	process.env = {};
-	process.argv = [];
-	process.version = ''; // empty string to avoid regexp issues
-	process.versions = {};
-
-	function noop() {}
-
-	process.on = noop;
-	process.addListener = noop;
-	process.once = noop;
-	process.off = noop;
-	process.removeListener = noop;
-	process.removeAllListeners = noop;
-	process.emit = noop;
-
-	process.binding = function (name) {
-	    throw new Error('process.binding is not supported');
-	};
-
-	process.cwd = function () { return '/' };
-	process.chdir = function (dir) {
-	    throw new Error('process.chdir is not supported');
-	};
-	process.umask = function() { return 0; };
-
-
-/***/ },
-/* 4 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.filterValuesRecursively = exports.applyToKeys = exports.mergeHashInto = undefined;
-
-	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
-
-	var _curry = __webpack_require__(5);
-
-	//  mergeHashInto(hashA, hashB, hashC...)
-	// merge all properties from B, C into hash A.
-	var mergeHashInto = exports.mergeHashInto = function mergeHashInto(dest) {
-	  for (var _len = arguments.length, hashes = Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-	    hashes[_key - 1] = arguments[_key];
-	  }
-
-	  for (var i = 0; i < hashes.length; i++) {
-	    for (var k in hashes[i]) {
-	      dest[k] = hashes[i][k];
-	    }
-	  }
-	  return dest;
-	};
-
-	// Apply filter to keys of an object
-	// fn:  (key) => new key
-	// o:   object to filter
-	var applyToKeys = exports.applyToKeys = (0, _curry.curry)(function (fn, o) {
-	  var out = {};
-	  for (var k in o) {
-	    out[fn(k)] = o[k];
-	  }
-	  return out;
-	});
-
-	// Filter values of an object, recursively
-	// fn: fn(value, key) => new value
-	// o:  object to process
-	var filterValuesRecursively = exports.filterValuesRecursively = (0, _curry.curry)(function (fn, o) {
-	  var out = {};
-	  for (var k in o) {
-	    var v = o[k];
-	    var newValue = fn(v, k);
-
-	    if ((typeof newV === 'undefined' ? 'undefined' : _typeof(newV)) === 'object') {
-	      out[k] = filterValuesRecursively(fn, newValue);
-	    } else {
-	      out[k] = newValue;
-	    }
-	  }
-	  return out;
-	});
-
-/***/ },
-/* 5 */
-/***/ function(module, exports) {
-
-	"use strict";
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.curry = curry;
-	function curry(fx) {
-	  var arity = fx.length;
-
-	  return function f1() {
-	    var args = Array.prototype.slice.call(arguments, 0);
-	    if (args.length >= arity) {
-	      return fx.apply(null, args);
-	    } else {
-	      return function f2() {
-	        var args2 = Array.prototype.slice.call(arguments, 0);
-	        return f1.apply(null, args.concat(args2));
-	      };
-	    }
-	  };
-	}
-
-/***/ },
-/* 6 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; };
-
-	var isArray = function isArray(object) {
-	  return (typeof object === 'undefined' ? 'undefined' : _typeof(object)) === 'object' && Object.prototype.toString.call(object) === '[object Array]';
-	};
-
-	// "each_with_index" from Ruby style
-	var arrayEach = function arrayEach(a, fn) {
-	  for (var i = 0; i < a.length;) {
-	    fn(a[i], i++);
-	  }
-	  return a;
-	};
-
-	var arrayInject = function arrayInject(a, memo, iterator) {
-	  arrayEach(a, function (value, index) {
-	    memo = iterator(memo, value, index);
-	  });
-	  return memo;
-	};
-
-	var arrayFlatten = function arrayFlatten(a) {
-	  return arrayInject(a, [], function (array, value) {
-	    if (isArray(value)) return array.concat(arrayFlatten(value));
-	    array.push(value);
-	    return array;
-	  });
-	};
-
-	function includes(values, value) {
-	  for (var i = 0; i < values.length; i++) {
-	    if (value == values[i]) return true;
-	  }
-	  return false;
-	}
-
-	exports.isArray = isArray;
-	exports.arrayEach = arrayEach;
-	exports.arrayInject = arrayInject;
-	exports.arrayFlatten = arrayFlatten;
-	exports.includes = includes;
-
-/***/ },
-/* 7 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.compressSelectors = exports.flattenObject = undefined;
-
-	var _typeof = typeof Symbol === "function" && typeof Symbol.iterator === "symbol" ? function (obj) { return typeof obj; } : function (obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol ? "symbol" : typeof obj; }; /*
-	                                                                                                                                                                                                                                                   A Javascript object tha represents "CSS" rules. It:
-	                                                                                                                                                                                                                                                   * can be deeply nested, implying subselections
-	                                                                                                                                                                                                                                                   * keys can be CSS properties and values CSS property values
-	                                                                                                                                                                                                                                                   */
-
-	var _string = __webpack_require__(8);
-
-	var _macroProcessor = __webpack_require__(9);
-
-	var _object = __webpack_require__(4);
-
-	// Calculate "subselector", taking into account & rules and complex
-	// (comma separated) selectors.
-	function buildSubcontext(context, key) {
-	  var keys = key.split(',');
-	  for (var k = 0; k < keys.length; k++) {
-	    var sel = (0, _string.trim)(keys[k]);
-	    sel = sel.substr(0, 1) == '&' ? sel.substr(1) : ' ' + sel;
-	    keys[k] = context + sel;
-	  }
-
-	  return (0, _string.trim)(keys.join(','));
-	}
-
-	function entryDefinesSubcontext(key, value) {
-	  if (key.match(/^\.\#\&/)) return true;
-	  return (typeof value === 'undefined' ? 'undefined' : _typeof(value)) == 'object' && !(0, _macroProcessor.isMacroKey)(key);
-	}
-
-	var flattenObject = exports.flattenObject = function flattenObject(inputObject) {
-	  var out = {};
-
-	  var addRule = function addRule(selector, propertyName, propertyValue) {
-	    selector = (0, _string.trim)(selector);
-	    out[selector] = out[selector] || {};
-	    if (out[selector][propertyName]) {
-	      console.log('Replacing property ', propertyName, ' in ', selector, '; ', out[selector][propertyName], ' => ', propertyValue);
-	    }
-	    out[selector][propertyName] = propertyValue;
-	  };
-
-	  function addObject(o, context) {
-	    // o: object with keys
-	    // entries are either
-	    //   css property => value
-	    //   subselector  => rules
-	    for (var key in o) {
-	      var value = o[key];
-	      if (entryDefinesSubcontext(key, value)) {
-	        var subcontext = buildSubcontext(context, key);
-	        addObject(value, subcontext); // Recurse!
-	      } else {
-	          addRule(context, key, value);
-	        }
-	    }
-	  }
-
-	  addObject(inputObject, '');
-
-	  return out;
-	};
-
-	/**
-	 * TODO UPDATE DOCS
-	 */
-
-	var compressSelector = function compressSelector(sel) {
-	  while (sel.match(/.*#.*#.*/)) {
-	    sel = sel.replace(/^.*#.*#/, '#');
-	  }
-	  return sel;
-	};
-
-	var compressSelectors = exports.compressSelectors = (0, _object.applyToKeys)(compressSelector);
-
-/***/ },
-/* 8 */
-/***/ function(module, exports) {
-
-	"use strict";
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	// S T R I N G s
-	var dasherize = function dasherize(s) {
-	  return s.replace(/([A-Z])/g, function ($1) {
-	    return "-" + $1.toLowerCase();
-	  });
-	};
-
-	var trim = function trim(text) {
-	  return (text || "").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g, "");
-	};
-
-	exports.dasherize = dasherize;
-	exports.trim = trim;
-
-/***/ },
-/* 9 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.setMacroKeys = setMacroKeys;
-	exports.macroProcessor = macroProcessor;
-	exports.isMacroKey = isMacroKey;
-
-	var _object = __webpack_require__(4);
-
-	var _array = __webpack_require__(6);
-
-	var macroKeys = ['has', 'mixin', 'mixins'];
-	function setMacroKeys(keys) {
-	  macroKeys = keys;
-	}
-
-	function macroProcessor(properties) {
-
-	  function applyMacros(macroList) {
-
-	    var props = {};
-
-	    var macros = (0, _array.arrayFlatten)([macroList]); // support single or multiple sets of properties
-	    for (var i = 0; i < macros.length; i++) {
-	      var macro = macros[i];
-	      if (typeof macro == 'function') macro = macro();
-	      for (var mp in macro) {
-	        if (isMacroKey(mp)) {
-	          (0, _object.mergeHashInto)(props, applyMacros(macro[mp]));
-	        } else {
-	          props[mp] = macro[mp];
-	        }
-	      }
-	    }
-	    return props;
-	  }
-
-	  for (var k in properties) {
-	    if (isMacroKey(k)) {
-	      var macros = properties[k];
-	      delete properties[k];
-	      if (macros) {
-	        (0, _object.mergeHashInto)(properties, applyMacros(macros));
-	      }
-	    }
-	  }
-	  return properties;
-	}
-
-	function isMacroKey(k) {
-	  return (0, _array.includes)(macroKeys, k);
-	}
-
-/***/ },
-/* 10 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.rejectUnknownKeys = exports.dasherizeKeys = undefined;
-
-	var _string = __webpack_require__(8);
-
-	var _object = __webpack_require__(4);
-
-	var _curry = __webpack_require__(5);
-
-	var _propertyNameValidator = __webpack_require__(11);
-
-	var propertyNameValidator = _interopRequireWildcard(_propertyNameValidator);
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-	var dasherizeKeys = exports.dasherizeKeys = (0, _object.applyToKeys)(_string.dasherize);
-
-	var propertyKeyVisitor = (0, _curry.curry)(function (fn, rules, ctx) {
-	  for (var prop in rules) {
-	    fn(prop, ctx);
-	  }
-	  return rules;
-	});
-
-	var rejectUnknownKeys = exports.rejectUnknownKeys = propertyKeyVisitor(function (prop, ctx) {
-	  var error = propertyNameValidator.error(prop);
-	  if (error) {
-	    throw '' + error + '. Context: "' + ctx + '"';
-	  }
-	});
-
-/***/ },
-/* 11 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.setConfig = setConfig;
-	exports.addNames = addNames;
-	exports.validate = validate;
-	exports.error = error;
-
-	var _array = __webpack_require__(6);
-
-	var validNames = {};
-
-	var config = {
-	  strictNames: true,
-	  anyBrowserExtension: true
-	};
-	function setConfig(key, value) {
-	  config[key] = value;
-	}
-
-	/**
-	 * Add more valid properties to the list of valid property names.
-	 */
-	function addNames() {
-	  for (var _len = arguments.length, propertyNames = Array(_len), _key = 0; _key < _len; _key++) {
-	    propertyNames[_key] = arguments[_key];
-	  }
-
-	  var names = (0, _array.arrayFlatten)([propertyNames]);
-	  for (var i = 0; i < names.length; i++) {
-	    validNames[names[i]] = true;
-	  }
-	}
-
-	function validate(name) {
-	  return !error(name) ? name : null;
-	}
-
-	function error(name) {
-	  if (/^\-\w+\-/.exec(name)) {
-	    if (!config.anyBrowserExtension && !validNames[name]) {
-	      return 'Unrecognized "' + name + '" browser extension property name';
-	    }
-	  } else {
-	    if (config.strictNames && !validNames[name]) {
-	      return 'Unrecognized "' + name + '" property name';
-	    }
-	  }
-	  return null;
-	}
-
-	addNames(['accelerator', 'azimuth', 'background', 'background-attachment', 'background-color', 'background-image', 'background-position', 'background-position-x', 'background-position-y', 'background-repeat', 'behavior', 'border', 'border-bottom', 'border-bottom-right-radius', 'border-bottom-left-radius', 'border-bottom-color', 'border-bottom-style', 'border-bottom-width', 'border-collapse', 'border-color', 'border-left', 'border-left-color', 'border-left-style', 'border-left-width', 'border-radius', 'border-right', 'border-right-color', 'border-right-style', 'border-right-width', 'border-spacing', 'border-style', 'border-top', 'border-top-color', 'border-top-style', 'border-top-width', 'border-top-left-radius', 'border-top-right-radius', 'border-width', 'box-shadow', 'bottom', 'caption-side', 'clear', 'clip', 'color', 'content', 'counter-increment', 'counter-reset', 'cue', 'cue-after', 'cue-before', 'cursor', 'direction', 'display', 'elevation', 'empty-cells', 'filter', 'float', 'font', 'font-family', 'font-size', 'font-size-adjust', 'font-stretch', 'font-style', 'font-variant', 'font-weight', 'height', 'ime-mode', 'include-source', 'layer-background-color', 'layer-background-image', 'layout-flow', 'layout-grid', 'layout-grid-char', 'layout-grid-char-spacing', 'layout-grid-line', 'layout-grid-mode', 'layout-grid-type', 'letter-spacing', 'left', 'line-break', 'line-height', 'list-style', 'list-style-image', 'list-style-position', 'list-style-type', 'margin', 'margin-bottom', 'margin-left', 'margin-right', 'margin-top', 'marker-offset', 'marks', 'max-height', 'max-width', 'min-height', 'min-width', '-ms-filter', 'opacity', 'orphans', 'outline', 'outline-color', 'outline-style', 'outline-width', 'overflow', 'overflow-X', 'overflow-Y', 'padding', 'padding-bottom', 'padding-left', 'padding-right', 'padding-top', 'page', 'page-break-after', 'page-break-before', 'page-break-inside', 'pause', 'pause-after', 'pause-before', 'pitch', 'pitch-range', 'play-during', 'position', 'quotes', 'richness', 'right', 'size', 'speak', 'speak-header', 'speak-numeral', 'speak-punctuation', 'speech-rate', 'stress', 'scrollbar-arrow-color', 'scrollbar-base-color', 'scrollbar-dark-shadow-color', 'scrollbar-face-color', 'scrollbar-highlight-color', 'scrollbar-shadow-color', 'scrollbar-3d-light-color', 'scrollbar-track-color', 'table-layout', 'text-align', 'text-align-last', 'text-decoration', 'text-indent', 'text-justify', 'text-offset', 'text-overflow', 'text-shadow', 'text-transform', 'text-autospace', 'text-kashida-space', 'text-underline-position', 'top', 'unicode-bidi', 'vertical-align', 'visibility', 'voice-family', 'volume', 'white-space', 'widows', 'width', 'word-break', 'word-spacing', 'word-wrap', 'writing-mode', 'z-index', 'zoom']);
-	addNames(['-moz-binding', '-moz-border-radius', '-moz-border-radius-topleft', '-moz-border-radius-topright', '-moz-border-radius-bottomright', '-moz-border-radius-bottomleft', '-moz-border-top-colors', '-moz-border-right-colors', '-moz-border-bottom-colors', '-moz-border-left-colors', '-moz-box-shadow', '-moz-opacity', '-moz-outline', '-moz-outline-color', '-moz-outline-style', '-moz-outline-width', '-moz-user-focus', '-moz-user-input', '-moz-user-modify', '-moz-user-select']);
-	addNames(['-webkit-animation', '-webkit-animation-delay', '-webkit-animation-direction', '-webkit-animation-duration', '-webkit-animation-iteration-count', '-webkit-animation-name', '-webkit-animation-play-state', '-webkit-animation-timing-function', '-webkit-appearance', '-webkit-backface-visibility', '-webkit-background-clip', '-webkit-background-composite', '-webkit-background-origin', '-webkit-background-size', '-webkit-border-bottom-left-radius', '-webkit-border-bottom-right-radius', '-webkit-border-horizontal-spacing', '-webkit-border-image', '-webkit-border-radius', '-webkit-border-top-left-radius', '-webkit-border-top-right-radius', '-webkit-border-vertical-spacing', '-webkit-box-align', '-webkit-box-direction', '-webkit-box-flex', '-webkit-box-flex-group', '-webkit-box-lines', '-webkit-box-ordinal-group', '-webkit-box-orient', '-webkit-box-pack', '-webkit-box-reflect', '-webkit-box-shadow', '-webkit-box-sizing', '-webkit-column-break-after', '-webkit-column-break-before', '-webkit-column-break-inside', '-webkit-column-count', '-webkit-column-gap', '-webkit-column-rule', '-webkit-column-rule-color', '-webkit-column-rule-style', '-webkit-column-rule-width', '-webkit-column-width', '-webkit-columns', '-webkit-dashboard-region', '-webkit-line-break', '-webkit-margin-bottom-collapse', '-webkit-margin-collapse', '-webkit-margin-start', '-webkit-margin-top-collapse', '-webkit-marquee', '-webkit-marquee-direction', '-webkit-marquee-increment', '-webkit-marquee-repetition', '-webkit-marquee-speed', '-webkit-marquee-style', '-webkit-mask', '-webkit-mask-attachment', '-webkit-mask-box-image', '-webkit-mask-clip', '-webkit-mask-composite', '-webkit-mask-image', '-webkit-mask-origin', '-webkit-mask-position', '-webkit-mask-position-x', '-webkit-mask-position-y', '-webkit-mask-repeat', '-webkit-mask-size', '-webkit-nbsp-mode', '-webkit-padding-start', '-webkit-perspective', '-webkit-perspective-origin', '-webkit-rtl-ordering', '-webkit-tap-highlight-color', '-webkit-text-fill-color', '-webkit-text-security', '-webkit-text-size-adjust', '-webkit-text-stroke', '-webkit-text-stroke-color', '-webkit-text-stroke-width', '-webkit-touch-callout', '-webkit-transform', '-webkit-transform-origin', '-webkit-transform-origin-x', '-webkit-transform-origin-y', '-webkit-transform-origin-z', '-webkit-transform-style', '-webkit-transition', '-webkit-transition-delay', '-webkit-transition-duration', '-webkit-transition-property', '-webkit-transition-timing-function', '-webkit-user-drag', '-webkit-user-modify', '-webkit-user-select']);
-
-/***/ },
-/* 12 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	exports.default = function (rules) {
-	  return rules.reduce(function (s, rule) {
-	    return s + (0, _rule.format)(rule);
-	  }, '');
-	};
-
-	var _rule = __webpack_require__(13);
-
-/***/ },
-/* 13 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.format = undefined;
-
-	var _propertyEntry = __webpack_require__(14);
-
-	var propertyEntry = _interopRequireWildcard(_propertyEntry);
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-	var formatProperties = function formatProperties(props) {
-	  return Object.keys(props).reduce(function (s, p) {
-	    return s + propertyEntry.format(p, props[p]);
-	  }, '');
-	};
-
-	// Rule: object with `sel` and `props` keys.
-	// .sel is the selector
-	// .props in an object holding CSS property rules
-	var format = exports.format = function format(rule) {
-	  return rule.sel + ' { ' + formatProperties(rule.props) + '}\r';
-	};
-
-/***/ },
-/* 14 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.format = undefined;
-
-	var _propertyName = __webpack_require__(15);
-
-	var propertyName = _interopRequireWildcard(_propertyName);
-
-	var _propertyValue = __webpack_require__(16);
-
-	var propertyValue = _interopRequireWildcard(_propertyValue);
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-	var format = function format(name, value) {
-	  return propertyName.format(name) + ": " + propertyValue.format(value, name) + ";\r";
-	};
-
-	exports.format = format;
-
-/***/ },
-/* 15 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.valid = exports.format = exports.propertyNameOf = undefined;
-
-	var _string = __webpack_require__(8);
-
-	var _propertyNameValidator = __webpack_require__(11);
-
-	var propertyNameValidator = _interopRequireWildcard(_propertyNameValidator);
-
-	function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) newObj[key] = obj[key]; } } newObj.default = obj; return newObj; } }
-
-	/*
-	 Returns the CSS-correct lowercase property name, if it's recognized
-	 as a property. Null otherwise.
-	 */
-	var propertyNameOf = exports.propertyNameOf = function propertyNameOf(p) {
-	  var name = (0, _string.dasherize)(p);
-	  return propertyNameValidator.validate(name);
-	};
-
-	var format = exports.format = function format(name) {
-	  return propertyNameOf(name);
-	};
-
-	var valid = exports.valid = propertyNameOf;
-
-/***/ },
-/* 16 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	var format = function format(value, name) {
-	  if (value && typeof value == 'number' && name != 'z-index' && name != 'opacity' && name != 'zoom') {
-	    return '' + value + 'px';
-	  }
-	  return value;
-	};
-
-	exports.format = format;
-
-/***/ },
-/* 17 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-
-	exports.default = function (css) {
-	  var e = document.createElement('STYLE');
-	  var a = document.createAttribute('type');
-	  a.nodeValue = 'text/css';
-	  e.setAttributeNode(a);
-	  var head = document.getElementsByTagName('HEAD')[0];
-	  head.appendChild(e);
-	  try {
-	    e.appendChild(document.createTextNode(css));
-	  } catch (e) {
-	    var ss = document.styleSheets[document.styleSheets.length - 1];
-	    ss.cssText = '' + ss.cssText + css;
-	  }
-	};
-
-/***/ },
-/* 18 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.imageReplacement = exports.clearfix = exports.linearGradient = exports.verticalCentering = exports.horizontalCentering = exports.boxShadow = exports.roundedCorners = undefined;
-
-	var _roundedCorners = __webpack_require__(19);
-
-	var _roundedCorners2 = _interopRequireDefault(_roundedCorners);
-
-	var _boxShadow = __webpack_require__(20);
-
-	var _boxShadow2 = _interopRequireDefault(_boxShadow);
-
-	var _horizontalCentering = __webpack_require__(21);
-
-	var _horizontalCentering2 = _interopRequireDefault(_horizontalCentering);
-
-	var _verticalCentering = __webpack_require__(22);
-
-	var _verticalCentering2 = _interopRequireDefault(_verticalCentering);
-
-	var _linearGradient = __webpack_require__(23);
-
-	var _linearGradient2 = _interopRequireDefault(_linearGradient);
-
-	var _clearfix = __webpack_require__(25);
-
-	var _clearfix2 = _interopRequireDefault(_clearfix);
-
-	var _imageReplacement = __webpack_require__(26);
-
-	var _imageReplacement2 = _interopRequireDefault(_imageReplacement);
-
-	function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-	exports.roundedCorners = _roundedCorners2.default;
-	exports.boxShadow = _boxShadow2.default;
-	exports.horizontalCentering = _horizontalCentering2.default;
-	exports.verticalCentering = _verticalCentering2.default;
-	exports.linearGradient = _linearGradient2.default;
-	exports.clearfix = _clearfix2.default;
-	exports.imageReplacement = _imageReplacement2.default; /*
-	                                                        * Functions that return a set of properties and their values.
-	                                                        * They can be inserted as style rules using "has" property.
-	                                                        */
-
-/***/ },
-/* 19 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = roundedCorners;
-	/**
-	 *  Return rounded corner properties. Call with an optional side and a radius.
-	 *
-	 * roundedCorners(10);
-	 * roundedCorners('left', 8);
-	 * roundedCorners('tl', 6);
-	 *
-	 * @param side  tl, tr, bl, br, left, right, top or bottom or "all", the default
-	 * @param radius pixel measurement
-	 */
-	function roundedCorners(side, radius) {
-	  if (!radius) {
-	    radius = side || 10;
-	    side = 'all';
-	  }
-	  if (side == 'all') {
-	    return {
-	      '-moz-border-radius': radius,
-	      'border-radius': radius,
-	      '-webkit-border-radius': radius
-	    };
-	  } else {
-	    var rules = {};
-	    if (side == 'tl' || side == 'top' || side == 'left') {
-	      rules['-moz-border-radius-topleft'] = radius;
-	      rules['-webkit-border-top-left-radius'] = radius;
-	      rules['border-top-left-radius'] = radius;
-	    }
-	    if (side == 'tr' || side == 'top' || side == 'right') {
-	      rules['-webkit-border-top-right-radius'] = radius;
-	      rules['-moz-border-radius-topright'] = radius;
-	      rules['border-top-right-radius'] = radius;
-	    }
-	    if (side == 'bl' || side == 'bottom' || side == 'left') {
-	      rules['-webkit-border-bottom-left-radius'] = radius;
-	      rules['-moz-border-radius-bottomleft'] = radius;
-	      rules['border-bottom-left-radius'] = radius;
-	    }
-	    if (side == 'br' || side == 'bottom' || side == 'right') {
-	      rules['-webkit-border-bottom-right-radius'] = radius;
-	      rules['-moz-border-radius-bottomright'] = radius;
-	      rules['border-bottom-right-radius'] = radius;
-	    }
-	    return rules;
-	  }
-	}
-
-/***/ },
-/* 20 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = boxShadow;
-	/*
-	 Cross-browser box shadow code.
-
-	 offsetOrDirection: an array holding the x offset and y offset
-	 radius: radius of the shadow
-	 color: color of the shadow
-
-	 */
-	function boxShadow(offsetOrDirection, radius, color) {
-	  var xOffset, yOffset, strength, direction;
-	  if (typeof offsetOrDirection.length == 'undefined') {
-	    throw 'Not yet supported';
-	  } else if (offsetOrDirection.length == 2) {
-	    xOffset = offsetOrDirection[0];
-	    yOffset = offsetOrDirection[1];
-	    strength = 4;
-	    direction = 135; // should be angle (atan) of above numbers
-	  } else {
-	      throw "boxShadow requires a direction (degree) or [xOffset, yOffset] in px measurements.";
-	    }
-
-	  return {
-	    '-moz-box-shadow': '' + xOffset + 'px ' + yOffset + 'px ' + radius + 'px ' + color,
-	    '-webkit-box-shadow': '' + xOffset + 'px ' + yOffset + 'px ' + radius + 'px ' + color,
-	    boxShadow: '' + xOffset + 'px ' + yOffset + 'px ' + radius + 'px ' + color,
-	    '-ms-filter': "progid:DXImageTransform.Microsoft.Shadow(Strength=" + strength + ", Direction=" + direction + ", Color='" + color + "')", // IE 8
-	    filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=" + strength + ", Direction=" + direction + ", Color='" + color + "')" // IE 5.5 - 7
-	  };
-	}
-
-/***/ },
-/* 21 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = horizontalCentering;
-	// http://stackoverflow.com/questions/148251/css-centering-tricks
-	function horizontalCentering(width) {
-	  return {
-	    width: width,
-	    position: 'absolute',
-	    left: '50%',
-	    marginLeft: -(width / 2)
-	  };
-	}
-
-/***/ },
-/* 22 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = verticalCentering;
-	// http://stackoverflow.com/questions/148251/css-centering-tricks
-	function verticalCentering(height) {
-	  return {
-	    height: height,
-	    position: 'absolute',
-	    top: '50%',
-	    marginTop: -(height / 2)
-	  };
-	}
-
-/***/ },
-/* 23 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = linearGradient;
-
-	var _browser = __webpack_require__(24);
-
-	var _array = __webpack_require__(6);
-
-	function linearGradient(startingPoint, color1, color2, etc) {
-	  var prefix = '',
-	      result = '';
-	  if ((0, _browser.browserInfo)().webkit) {
-	    prefix = '-webkit';
-	  } else if ((0, _browser.browserInfo)().mozilla) {
-	    prefix = '-moz';
-	  }
-
-	  var stops = [];
-	  for (var i = 0; i < arguments.length; i++) {
-	    var argument = arguments[i];
-	    if (typeof argument == 'string') {
-	      stops.push(argument);
-	    } else if ((0, _array.isArray)(argument)) {
-	      for (var j = 0; j < argument.length; j++) {
-	        stops.push(argument[j]);
-	      }
-	    } else {
-	      for (var p in arguments[i]) {
-	        stops.push(argument[p] + (p != 0 && p != '100' ? ' ' + p + '%' : ''));
-	      }
-	    }
-	  }
-
-	  result = prefix + '-linear-gradient(';
-	  for (i = 0; i < stops.length; i++) {
-	    if (i !== 0) result += ', ';
-	    result += stops[i];
-	  }
-	  result += ')';
-	  return result;
-	}
-
-	//    },generateLinearGradient:function() {
-	//        var props = c.gradientProps,
-	//                g = props.type + "-gradient(",e = "";
-	//        $sample = c.sample,
-	//                gCount = a.getPaletteLength(),
-	//                palette = a.getPalette();
-	//        if (props.xStart !== props.xEnd) {
-	//            g = g + props.xStart + " "
-	//        }
-	//        if (props.yStart !== props.yEnd) {
-	//            g = g + props.yStart
-	//        }
-	//        g = g + ", ";
-	//        var h = c.getColor;
-	//        $.each(palette, function(i, j) {
-	//            if (i > 0) {
-	//                e = e + " "
-	//            }
-	//            e = e + h(j) + " " + j.position + "%,"
-	//        });
-	//        g = g + e;
-	//        g = g.substr(0, g.length - 1) + ")";
-	//        return g
-	//    generateWebkitGradient:function() {
-	//        var j = c.gradientProps,l = "-webkit-gradient(" + j.type + "," + c.fetchGradientStart() + "," + c.fetchGradientEnd() + ",",g = "";
-	//        var e = a.getPalette(),f = e.length,k,m;
-	//        for (var h = 0; h < f; h++) {
-	//            m = e[h];
-	//            k = (m.position / 100);
-	//            g = g + "color-stop(" + k + ", rgb(" + m.rgb.r + "," + m.rgb.g + "," + m.rgb.b + ")),"
-	//        }
-	//        l = l + g;
-	//        l = l.substr(0, l.length - 1) + ");";
-	//        return l
-
-/***/ },
-/* 24 */
-/***/ function(module, exports) {
-
-	/* WEBPACK VAR INJECTION */(function(global) {"use strict";
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	// Lifted from jQuery: http://docs.jquery.com/Utilities/jQuery.browser
-	var browser = {};
-
-	function uaMatch(ua) {
-	  ua = ua.toLowerCase();
-
-	  var match = /(webkit)[ \/]([\w.]+)/.exec(ua) || /(opera)(?:.*version)?[ \/]([\w.]+)/.exec(ua) || /(msie) ([\w.]+)/.exec(ua) || !/compatible/.test(ua) && /(mozilla)(?:.*? rv:([\w.]+))?/.exec(ua) || [];
-
-	  return { browser: match[1] || "", version: match[2] || "0" };
-	}
-
-	if (typeof navigator !== 'undefined') {
-	  var browserMatch = uaMatch(navigator.userAgent);
-	  if (browserMatch.browser) {
-	    browser[browserMatch.browser] = true;
-	    browser.version = browserMatch.version;
-	  }
-	}
-
-	var browserInfo = function browserInfo() {
-	  if (typeof global !== 'undefined' && global.browserOverride) {
-	    return global.browserOverride;
-	  } else {
-	    return browser;
-	  }
-	};
-
-	exports.browser = browser;
-	exports. // legacy static structure
-	browserInfo // fn that can be overridden for tests
-	 = browserInfo;
-	/* WEBPACK VAR INJECTION */}.call(exports, (function() { return this; }())))
-
-/***/ },
-/* 25 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = clearfix;
-
-	var _browser = __webpack_require__(24);
-
-	function clearfix() {
-	  var css = {
-	    display: 'inline-block',
-	    '&:after': {
-	      content: ' ',
-	      display: 'block',
-	      width: 0,
-	      height: 0,
-	      lineHeight: 0,
-	      fontSize: 0,
-	      clear: 'both',
-	      visibility: 'hidden'
-	    }
-	  };
-	  if ((0, _browser.browserInfo)().msie) {
-	    css['zoom'] = '1';
-	  }
-	  return css;
-	}
-
-/***/ },
-/* 26 */
-/***/ function(module, exports) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.default = imageReplacement;
-	/**
-	 Basic Phark image replacement, defined here:
-	 http://www.mezzoblue.com/tests/revised-image-replacement/
-
-	 Supports sprites with option image positioning parameters (which default to 0).
-	 These values will (generally) be negative.
-
-	 width: width in pixels
-	 height: height in pixels
-	 img: url for the image, suitable for putting into a url() wrapper
-
-	 */
-	function imageReplacement(width, height, img, imgXPosition, imgYPosition) {
-	  if (typeof width == 'undefined' || typeof height == 'undefined' || typeof img == 'undefined') {
-	    throw "imageReplacement() requires width, height and img";
-	  }
-	  return {
-	    display: 'block',
-	    width: width,
-	    height: height,
-	    backgroundImage: 'url(' + img + ')',
-	    backgroundRepeat: 'no-repeat',
-	    backgroundPosition: '' + (imgXPosition || 0) + 'px ' + (imgYPosition || 0) + 'px',
-	    textIndent: -20000,
-	    overflow: 'hidden'
-	  };
-	}
-
-/***/ },
-/* 27 */
-/***/ function(module, exports, __webpack_require__) {
-
-	'use strict';
-
-	Object.defineProperty(exports, "__esModule", {
-	  value: true
-	});
-	exports.colorizeString = exports.hslToHexColor = undefined;
-
-	var _array = __webpack_require__(6);
-
-	var HTML4_COLORS = {
-	  'black': '#000000',
-	  'silver': '#c0c0c0',
-	  'gray': '#808080',
-	  'white': '#ffffff',
-	  'maroon': '#800000',
-	  'red': '#ff0000',
-	  'purple': '#800080',
-	  'fuchsia': '#ff00ff',
-	  'green': '#008000',
-	  'lime': '#00ff00',
-	  'olive': '#808000',
-	  'yellow': '#ffff00',
-	  'navy': '#000080',
-	  'blue': '#0000ff',
-	  'teal': '#008080',
-	  'aqua': '#00ffff'
-	};
-
-	/*
-	 Use a singleton cache of all color strings we see.
-	 Each key points to a structure, which can have hex, rgb, etc. values in it.
-	 */
-	var immutableCache = {};
-
-	// returns (or creates) the cached color structure
-	var colorCache = function colorCache(c) {
-	  if (!immutableCache[c]) immutableCache[c] = {};
-	  return immutableCache[c];
-	};
-
-	var toHexColor = function toHexColor() {
-	  if (this.substr(0, 1) == '#' && this.length == 7) {
-	    colorCache(this)['hex'] = '' + this;
-	  } else if (this.substr(0, 1) == '#' && this.length == 4) {
-	    colorCache(this)['hex'] = '#' + this.substr(1, 1) + this.substr(1, 1) + this.substr(2, 1) + this.substr(2, 1) + this.substr(3, 1) + this.substr(3, 1);
-	  } else {
-	    colorCache(this)['hex'] = HTML4_COLORS[this];
-	  }
-	  return colorCache(this)['hex'];
-	};
-
-	var toRGB = function toRGB() {
-	  var cache = colorCache(this);
-	  if (cache.rgb) return cache.rgb;
-	  var h = this.toHexColor();
-	  cache.rgb = [parseInt(h.substr(1, 2), 16), parseInt(h.substr(3, 2), 16), parseInt(h.substr(5, 2), 16)];
-	  return cache.rgb;
-	};
-
-	var red = function red() {
-	  return this.toRGB()[0];
-	};
-	var green = function green() {
-	  return this.toRGB()[1];
-	};
-	var blue = function blue() {
-	  return this.toRGB()[2];
-	};
-	var lighten = function lighten(percent) {
-	  var hsl = this.toHSL();
-	  var newHSL = [hsl[0], hsl[1], Math.min(100, hsl[2] + percent)];
-	  return hslToHexColor(newHSL);
-	};
-
-	var darken = function darken(percent) {
-	  var hsl = this.toHSL();
-	  var newHSL = [hsl[0], hsl[1], Math.max(0, hsl[2] - percent)];
-	  return hslToHexColor(newHSL);
-	};
-
-	/**
-	 * Increase or decrease the saturation of a color.
-	 * @param percent positive values increase saturation, negative values desaturate.
-	 */
-	var saturate = function saturate(percent) {
-	  var hsl = this.toHSL();
-	  var newHSL = [hsl[0], Math.min(100, Math.max(0, hsl[1] + percent)), hsl[2]];
-	  return hslToHexColor(newHSL);
-	};
-
-	// [0..360, 0..100, 0.100]
-	// Ref. http://www.easyrgb.com/index.php?X=MATH&H=18#text18
-	var toHSL = function toHSL() {
-	  var rgb = this.toRGB();
-	  var r = this.red() / 255,
-	      g = this.green() / 255,
-	      b = this.blue() / 255;
-	  var max = Math.max(r, g, b),
-	      min = Math.min(r, g, b);
-	  var d = max - min; // Delta RGB value
-	  var h = undefined,
-	      s = undefined,
-	      l = (max + min) / 2;
-
-	  if (d == 0) {
-	    // gray?, no chroma...
-	    h = 0; // HSl results from 0 to 1
-	    s = 0;
-	  } else {
-	    // Chromatic data...
-	    s = d / (l < 0.5 ? max + min : 2 - max - min);
-
-	    var del_R = ((max - r) / 6 + d / 2) / d;
-	    var del_G = ((max - g) / 6 + d / 2) / d;
-	    var del_B = ((max - b) / 6 + d / 2) / d;
-
-	    if (r == max) h = del_B - del_G;else if (g == max) h = 1 / 3 + del_R - del_B;else if (b == max) h = 2 / 3 + del_G - del_R;
-
-	    if (h < 0) h += 1;
-	    if (h > 0) h -= 1;
-	  }
-
-	  h = Math.round(h * 360);
-	  if (h < 0) h += 360;
-
-	  var cache = colorCache(this);
-	  cache.hsl = [h, Math.round(s * 100), Math.round(l * 100)];
-	  return cache.hsl;
-	};
-
-	var hslToHexColor = function hslToHexColor(h, s, l) {
-	  if ((0, _array.isArray)(h)) {
-	    l = h[2] || 0;
-	    s = h[1] || 0;
-	    h = h[0] || 0;
-	  }
-	  //HSL from 0 to 1
-	  s = s / 100.0;
-	  l = l / 100.0;
-	  h = (h + 360) % 360.0 / 360;
-
-	  function hsl2rgb(h, s, l) {
-	    // HSL 0 to 1
-	    //RGB results from 0 to 255
-	    var r = undefined,
-	        g = undefined,
-	        b = undefined;
-
-	    if (s == 0) {
-	      r = l * 255;
-	      g = l * 255;
-	      b = l * 255;
-	    } else {
-	      var var_2 = l < 0.5 ? l * (1 + s) : l + s - s * l;
-	      var var_1 = 2 * l - var_2;
-
-	      r = 255 * h2rgb(var_1, var_2, h + 1 / 3);
-	      g = 255 * h2rgb(var_1, var_2, h);
-	      b = 255 * h2rgb(var_1, var_2, h - 1 / 3);
-	    }
-	    return [r, g, b];
-	  }
-
-	  function h2rgb(v1, v2, vH) {
-	    if (vH < 0) vH += 1;
-	    if (vH > 1) vH -= 1;
-	    if (6 * vH < 1) return v1 + (v2 - v1) * 6 * vH;
-	    if (2 * vH < 1) return v2;
-	    if (3 * vH < 2) return v1 + (v2 - v1) * (2 / 3 - vH) * 6;
-	    return v1;
-	  }
-
-	  function hex2(n) {
-	    var h = Math.round(n).toString(16);
-	    if (h.length == 1) h = '0' + h;
-	    return h.substr(0, 1) + h.substr(1, 1);
-	  }
-
-	  var rgb = hsl2rgb(h, s, l);
-	  return "#" + hex2(rgb[0]) + hex2(rgb[1]) + hex2(rgb[2]);
-	};
-
-	var colorizeString = function colorizeString() {
-	  String.prototype.toHexColor = toHexColor;
-	  String.prototype.toRGB = toRGB;
-	  String.prototype.red = red;
-	  String.prototype.green = green;
-	  String.prototype.blue = blue;
-	  String.prototype.lighten = lighten;
-	  String.prototype.darken = darken;
-	  String.prototype.saturate = saturate;
-	  String.prototype.toHSL = toHSL;
-	};
-
-	exports.hslToHexColor = hslToHexColor;
-	exports.colorizeString = colorizeString;
-
-/***/ },
-/* 28 */
-/***/ function(module, exports) {
-
-	if (typeof jQuery != 'undefined') {
-	  (function ($) {
-	    $.fn.csster = function (rules) {
-	      var newRules            = {};
-	      newRules[this.selector] = rules;
-	      Csster.style(newRules);
-	      return this;
-	    }
-	  })(jQuery);
-	}
-
-/***/ }
-/******/ ]);
+// Csster version 1.3.3; Copyright (c) Andrew J. Peterson / ndpsoftware.com. All Rights Reserved
+!function(t,e){"object"==typeof exports&&"object"==typeof module?module.exports=e():"function"==typeof define&&define.amd?define([],e):"object"==typeof exports?exports.Csster=e():t.Csster=e()}(window,(function(){return function(t){var e={};function r(o){if(e[o])return e[o].exports;var i=e[o]={i:o,l:!1,exports:{}};return t[o].call(i.exports,i,i.exports,r),i.l=!0,i.exports}return r.m=t,r.c=e,r.d=function(t,e,o){r.o(t,e)||Object.defineProperty(t,e,{enumerable:!0,get:o})},r.r=function(t){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(t,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(t,"__esModule",{value:!0})},r.t=function(t,e){if(1&e&&(t=r(t)),8&e)return t;if(4&e&&"object"==typeof t&&t&&t.__esModule)return t;var o=Object.create(null);if(r.r(o),Object.defineProperty(o,"default",{enumerable:!0,value:t}),2&e&&"string"!=typeof t)for(var i in t)r.d(o,i,function(e){return t[e]}.bind(null,i));return o},r.n=function(t){var e=t&&t.__esModule?function(){return t.default}:function(){return t};return r.d(e,"a",e),e},r.o=function(t,e){return Object.prototype.hasOwnProperty.call(t,e)},r.p="",r(r.s=1)}([function(t,e,r){"use strict";(function(t){r.d(e,"a",(function(){return i}));const o={};if("undefined"!=typeof navigator){const t=function(t){t=t.toLowerCase();const e=/(webkit)[ \/]([\w.]+)/.exec(t)||/(opera)(?:.*version)?[ \/]([\w.]+)/.exec(t)||/(msie) ([\w.]+)/.exec(t)||!/compatible/.test(t)&&/(mozilla)(?:.*? rv:([\w.]+))?/.exec(t)||[];return{browser:e[1]||"",version:e[2]||"0"}}(navigator.userAgent);t.browser&&(o[t.browser]=!0,o.version=t.version)}const i=()=>void 0!==t&&t.browserOverride?t.browserOverride:o}).call(this,r(4))},function(t,e,r){r(2),t.exports=r(3)},function(t,e){"undefined"!=typeof jQuery&&(jQuery.fn.csster=function(t){var e={};return e[this.selector]=t,Csster.style(e),this})},function(t,e,r){t.exports=r(5).Csster},function(t,e){var r;r=function(){return this}();try{r=r||new Function("return this")()}catch(t){"object"==typeof window&&(r=window)}t.exports=r},function(t,e,r){"use strict";r.r(e),r.d(e,"Csster",(function(){return at}));var o={};r.r(o),r.d(o,"setConfig",(function(){return C})),r.d(o,"addNames",(function(){return M})),r.d(o,"error",(function(){return O}));var i={};function n(t){var e=t.length;return function r(){var o=Array.prototype.slice.call(arguments,0);return o.length>=e?t.apply(null,o):function(){var t=Array.prototype.slice.call(arguments,0);return r.apply(null,o.concat(t))}}}r.r(i),r.d(i,"roundedCorners",(function(){return L})),r.d(i,"boxShadow",(function(){return E})),r.d(i,"horizontalCentering",(function(){return G})),r.d(i,"verticalCentering",(function(){return X})),r.d(i,"linearGradient",(function(){return D})),r.d(i,"clearfix",(function(){return Y})),r.d(i,"imageReplacement",(function(){return Z}));const a=function(){var t=arguments;return function(){for(var e=arguments,r=t.length;r-- >0;)e=[t[r].apply(this,e)];return e[0]}},s=(t,...e)=>{for(let r=0;r<e.length;r++)for(let o in e[r])t[o]=e[r][o];return t},l=n((t,e)=>{if("object"!=typeof e)return e;let r={};for(let o in e)r[t(o)]=e[o];return r}),c=n((function(t,e){if("object"==typeof e)for(let r in e)"object"==typeof e[r]&&t(e[r],r);return e})),d=n((function(t,e){if("object"!=typeof e)return e;let r={};for(let o in e){let i=t(e[o],o);"object"==typeof i&&(i=d(t,i)),r[o]=i}return r})),u=n((function(t,e){let r=t(e);for(let e in r)"object"==typeof r[e]&&(r[e]=u(t,r[e]));return r})),b=t=>"object"==typeof t&&"[object Array]"===Object.prototype.toString.call(t),f=(t,e)=>{for(let r=0;r<t.length;)e(t[r],r++);return t},p=t=>((t,e,r)=>(f(t,(function(t,o){e=r(e,t,o)})),e))(t,[],(function(t,e){return b(e)?t.concat(p(e)):(t.push(e),t)}));const m=n((t,e)=>"string"==typeof e?t(e):e),g=m(t=>t.replace(/([A-Z])/g,(function(t){return"-"+t.toLowerCase()}))),h=m((function(t){return(t||"").replace(/^(\s|\u00A0)+|(\s|\u00A0)+$/g,"")}));let k={has:y,mixin:y,mixins:y};function w(t){return!!k[t]}function y(...t){const e={};return function(t,e){let r=[];if(b(e))for(let o=0;o<e.length;)r.push(t(e[o],o++));else r=t(e)}(t=>{"function"==typeof t&&(t=t()),s(e,t)},t),e}const x=u((function t(e){if("object"!=typeof e)return e;const r={};for(let o in e){const i=e[o];if(w(o)){const e=k[o].apply(null,b(i)?i:[i]);s(r,t(e))}else r[o]=i}return r}));function v(t,e){const r=e.split(",");for(let e=0;e<r.length;e++){let o=h(r[e]);o="&"==o.substr(0,1)?o.substr(1):" "+o,r[e]=t+o}return h(r.join(","))}function z(t,e){return!!t.match(/^\.\#\&/)||"object"==typeof e&&!w(t)}l(t=>{for(;t.match(/.*#.*#.*/);)t=t.replace(/^.*#.*#/,"#");return t});const j={},S={strictNames:!0,anyBrowserExtension:!0};function C(t,e){S[t]=e}function M(...t){const e=p([t]);for(let t of e)j[t]=!0}function O(t){if(/^\-\w+\-/.exec(t)){if(!S.anyBrowserExtension&&!j[t])return'Unrecognized "'+t+'" browser extension property name'}else if(S.strictNames&&!j[t])return'Unrecognized "'+t+'" property name';return null}M(["-webkit-line-clamp",":active","additive-symbols","::after (:after)","align-content","align-items","align-self","align-tracks","all","animation","animation-delay","animation-direction","animation-duration","animation-fill-mode","animation-iteration-count","animation-name","animation-play-state","animation-timing-function","@annotation","annotation",":any-link","appearance","aspect-ratio","attr","::backdrop","backdrop-filter","backface-visibility","background","background-attachment","background-blend-mode","background-clip","background-color","background-image","background-origin","background-position","background-position-x","background-position-y","background-repeat","background-size",":blank","bleed","block-overflow","block-size","blur","border","border-block","border-block-color","border-block-end","border-block-end-color","border-block-end-style","border-block-end-width","border-block-start","border-block-start-color","border-block-start-style","border-block-start-width","border-block-style","border-block-width","border-bottom","border-bottom-color","border-bottom-left-radius","border-bottom-right-radius","border-bottom-style","border-bottom-width","border-collapse","border-color","border-end-end-radius","border-end-start-radius","border-image","border-image-outset","border-image-repeat","border-image-slice","border-image-source","border-image-width","border-inline","border-inline-color","border-inline-end","border-inline-end-color","border-inline-end-style","border-inline-end-width","border-inline-start","border-inline-start-color","border-inline-start-style","border-inline-start-width","border-inline-style","border-inline-width","border-left","border-left-color","border-left-style","border-left-width","border-radius","border-right","border-right-color","border-right-style","border-right-width","border-spacing","border-start-end-radius","border-start-start-radius","border-style","border-top","border-top-color","border-top-left-radius","border-top-right-radius","border-top-style","border-top-width","border-width","bottom","@bottom-center","box-decoration-break","box-shadow","box-sizing","break-after","break-before","break-inside","brightness","calc","caption-side","caret-color","ch","@character-variant","character-variant","@charset",":checked","circle","clamp","clear","clip","clip-path","cm","color","color-adjust","column-count","column-fill","column-gap","column-rule","column-rule-color","column-rule-style","column-rule-width","column-span","column-width","columns","conic-gradient","contain","content","content-visibility","contrast","counter-increment","counter-reset","counter-set","@counter-style","counters","cross-fade","cubic-bezier","::cue","::cue-region",":current","cursor",":default",":defined","deg",":dir","direction",":disabled","display","<display-legacy>","dpcm","dpi","dppx","drop-shadow","E","element","ellipse","em",":empty","empty-cells",":enabled","env","ex","F","fallback","filter",":first",":first-child","::first-letter (:first-letter)","::first-line (:first-line)",":first-of-type","fit-content","flex","flex-basis","flex-direction","flex-flow","flex-grow","flex-shrink","flex-wrap","float",":focus",":focus-visible",":focus-within","font","font-display","@font-face","font-family","font-family","font-feature-settings","font-feature-settings","@font-feature-values","font-kerning","font-language-override","font-optical-sizing","font-size","font-size-adjust","font-stretch","font-stretch","font-style","font-style","font-synthesis","font-variant","font-variant","font-variant-alternates","font-variant-caps","font-variant-east-asian","font-variant-ligatures","font-variant-numeric","font-variant-position","font-variation-settings","font-variation-settings","font-weight","font-weight","forced-color-adjust","format","fr",":fullscreen",":future","G","gap","grad","::grammar-error","grayscale","grid","grid-area","grid-auto-columns","grid-auto-flow","grid-auto-rows","grid-column","grid-column-end","grid-column-start","grid-row","grid-row-end","grid-row-start","grid-template","grid-template-areas","grid-template-columns","grid-template-rows","Hz","hanging-punctuation",":has","height","height","@historical-forms",":host",":host-context",":hover","hsl","hsla","hue-rotate","hyphens","image","image-orientation","image-rendering","image-resolution","image-set","@import","in",":in-range",":indeterminate","inherit","inherits","initial","initial-letter","initial-letter-align","initial-value","inline-size","inset","inset","inset-block","inset-block-end","inset-block-start","inset-inline","inset-inline-end","inset-inline-start",":invalid","invert",":is","isolation","justify-content","justify-items","justify-self","justify-tracks","kHz","@keyframes",":lang",":last-child",":last-of-type","leader",":left","left","@left-bottom","letter-spacing","line-break","line-clamp","line-height","line-height-step","linear-gradient",":link","list-style","list-style-image","list-style-position","list-style-type","local",":local-link","margin","margin-block","margin-block-end","margin-block-start","margin-bottom","margin-inline","margin-inline-end","margin-inline-start","margin-left","margin-right","margin-top","margin-trim","::marker","marks","mask","mask-border","mask-border-mode","mask-border-outset","mask-border-repeat","mask-border-slice","mask-border-source","mask-border-width","mask-clip","mask-composite","mask-image","mask-mode","mask-origin","mask-position","mask-repeat","mask-size","mask-type","masonry-auto-flow","math-style","matrix","matrix3d","max","max-block-size","max-height","max-height","max-inline-size","max-lines","max-width","max-width","max-zoom","@media","min","min-block-size","min-height","min-height","min-inline-size","min-width","min-width","min-zoom","minmax","mix-blend-mode","mm","ms","@namespace","negative",":not",":nth-child",":nth-col",":nth-last-child",":nth-last-col",":nth-last-of-type",":nth-of-type","object-fit","object-position","offset","offset-anchor","offset-distance","offset-path","offset-position","offset-rotate",":only-child",":only-of-type","opacity","opacity",":optional","order","orientation","@ornaments","ornaments","orphans",":out-of-range","outline","outline-color","outline-offset","outline-style","outline-width","overflow","overflow-anchor","overflow-block","overflow-inline","overflow-wrap","overflow-x","overflow-y","overscroll-behavior","overscroll-behavior-block","overscroll-behavior-inline","overscroll-behavior-x","overscroll-behavior-y","Pseudo-classes","Pseudo-elements","pad","padding","padding-block","padding-block-end","padding-block-start","padding-bottom","padding-inline","padding-inline-end","padding-inline-start","padding-left","padding-right","padding-top","@page","page-break-after","page-break-before","page-break-inside","paint","paint-order","::part",":past","path",":paused","pc","perspective","perspective","perspective-origin",":picture-in-picture","place-content","place-items","place-self","::placeholder",":placeholder-shown",":playing","pointer-events","polygon","position","prefix","@property","pt","px","quotes","rad","radial-gradient","range",":read-only",":read-write","rect","rem","repeat","repeating-linear-gradient","repeating-radial-gradient",":required","resize","revert","rgb","rgba",":right","right","@right-bottom",":root","rotate","rotate","rotate3d","rotateX","rotateY","rotateZ","row-gap","ruby-align","ruby-merge","ruby-position","saturate","scale","scale","scale3d","scaleX","scaleY","scaleZ",":scope","scroll-behavior","scroll-margin","scroll-margin-block","scroll-margin-block-end","scroll-margin-block-start","scroll-margin-bottom","scroll-margin-inline","scroll-margin-inline-end","scroll-margin-inline-start","scroll-margin-left","scroll-margin-right","scroll-margin-top","scroll-padding","scroll-padding-block","scroll-padding-block-end","scroll-padding-block-start","scroll-padding-bottom","scroll-padding-inline","scroll-padding-inline-end","scroll-padding-inline-start","scroll-padding-left","scroll-padding-right","scroll-padding-top","scroll-snap-align","scroll-snap-stop","scroll-snap-type","scrollbar-color","scrollbar-gutter","scrollbar-width","::selection","selector","sepia","shape-image-threshold","shape-margin","shape-outside","size","skew","skewX","skewY","::slotted","speak-as","::spelling-error","src","steps","@styleset","styleset","@stylistic","stylistic","suffix","@supports","@swash","swash","symbols","symbols","syntax","system","tab-size","table-layout",":target","target-counter","target-counters","target-text",":target-within","text-align","text-align-last","text-combine-upright","text-decoration","text-decoration-color","text-decoration-line","text-decoration-skip","text-decoration-skip-ink","text-decoration-style","text-decoration-thickness","text-emphasis","text-emphasis-color","text-emphasis-position","text-emphasis-style","text-indent","text-justify","text-orientation","text-overflow","text-rendering","text-shadow","text-size-adjust","text-transform","text-underline-offset","text-underline-position","top","@top-center","touch-action","transform","transform-box","transform-origin","transform-style","transition","transition-delay","transition-duration","transition-property","transition-timing-function","translate","translate","translate3d","translateX","translateY","translateZ","turn","unicode-bidi","unicode-range","unset","url",":user-invalid","user-select","user-zoom",":valid","var","vertical-align","vh","@viewport","viewport-fit","visibility",":visited","vmax","vmin","vw",":where","white-space","widows","width","width","will-change","word-break","word-spacing","word-wrap","writing-mode","z-index","zoom"]),M(["-moz-binding","-moz-border-radius","-moz-border-radius-topleft","-moz-border-radius-topright","-moz-border-radius-bottomright","-moz-border-radius-bottomleft","-moz-border-top-colors","-moz-border-right-colors","-moz-border-bottom-colors","-moz-border-left-colors","-moz-box-shadow","-moz-opacity","-moz-outline","-moz-outline-color","-moz-outline-style","-moz-outline-width","-moz-user-focus","-moz-user-input","-moz-user-modify","-moz-user-select"]),M(["-webkit-animation","-webkit-animation-delay","-webkit-animation-direction","-webkit-animation-duration","-webkit-animation-iteration-count","-webkit-animation-name","-webkit-animation-play-state","-webkit-animation-timing-function","-webkit-appearance","-webkit-backface-visibility","-webkit-background-clip","-webkit-background-composite","-webkit-background-origin","-webkit-background-size","-webkit-border-bottom-left-radius","-webkit-border-bottom-right-radius","-webkit-border-horizontal-spacing","-webkit-border-image","-webkit-border-radius","-webkit-border-top-left-radius","-webkit-border-top-right-radius","-webkit-border-vertical-spacing","-webkit-box-align","-webkit-box-direction","-webkit-box-flex","-webkit-box-flex-group","-webkit-box-lines","-webkit-box-ordinal-group","-webkit-box-orient","-webkit-box-pack","-webkit-box-reflect","-webkit-box-shadow","-webkit-box-sizing","-webkit-column-break-after","-webkit-column-break-before","-webkit-column-break-inside","-webkit-column-count","-webkit-column-gap","-webkit-column-rule","-webkit-column-rule-color","-webkit-column-rule-style","-webkit-column-rule-width","-webkit-column-width","-webkit-columns","-webkit-dashboard-region","-webkit-line-break","-webkit-margin-bottom-collapse","-webkit-margin-collapse","-webkit-margin-start","-webkit-margin-top-collapse","-webkit-marquee","-webkit-marquee-direction","-webkit-marquee-increment","-webkit-marquee-repetition","-webkit-marquee-speed","-webkit-marquee-style","-webkit-mask","-webkit-mask-attachment","-webkit-mask-box-image","-webkit-mask-clip","-webkit-mask-composite","-webkit-mask-image","-webkit-mask-origin","-webkit-mask-position","-webkit-mask-position-x","-webkit-mask-position-y","-webkit-mask-repeat","-webkit-mask-size","-webkit-nbsp-mode","-webkit-padding-start","-webkit-perspective","-webkit-perspective-origin","-webkit-rtl-ordering","-webkit-tap-highlight-color","-webkit-text-fill-color","-webkit-text-security","-webkit-text-size-adjust","-webkit-text-stroke","-webkit-text-stroke-color","-webkit-text-stroke-width","-webkit-touch-callout","-webkit-transform","-webkit-transform-origin","-webkit-transform-origin-x","-webkit-transform-origin-y","-webkit-transform-origin-z","-webkit-transform-style","-webkit-transition","-webkit-transition-delay","-webkit-transition-duration","-webkit-transition-property","-webkit-transition-timing-function","-webkit-user-drag","-webkit-user-modify","-webkit-user-select"]);const q=l(g),H=c((t,e)=>{for(let r in t){let t=O(r);if(t)throw t+'. Context: "'+e+'"'}}),T=a(H,d(q),t=>{const e={};return function t(r,o){for(var i in r){const l=r[i];if(z(i,l)){t(l,v(o,i))}else a=i,s=l,n=h(n=o),e[n]=e[n]||{},e[n][a]&&console.log("Replacing property ",a," in ",n,"; ",e[n][a]," => ",s),e[n][a]=s}var n,a,s}(t,""),e},x);const A=function(t){const e=g(t);return O(e)?null:e},N=["z-index","opacity","zoom"],P=(t,e)=>(t=>A(t))(t)+": "+((t,e)=>t+(t&&"number"==typeof t&&-1==N.indexOf(e)?"px":""))(e,t)+";\r",R=t=>{return t.sel+" { "+(e=t.props,Object.keys(e).reduce((t,r)=>t+P(r,e[r]),"")+" }\n");var e};const B=a((function(t){return t.reduce((t,e)=>t+R(e),"")}),(function(t){const e=p([t]),r=[];return f(e,t=>r.push(function(t){const e=[];for(let r in t)e.push({sel:r,props:t[r]});return e}(T(t)))),p(r)}));var I=function(t){const e=document.createElement("STYLE"),r=document.createAttribute("type");r.nodeValue="text/css",e.setAttributeNode(r);document.getElementsByTagName("HEAD")[0].appendChild(e);try{e.appendChild(document.createTextNode(t))}catch(e){const r=document.styleSheets[document.styleSheets.length-1];r.cssText=""+r.cssText+t}};function L(t,e){if(e||(e=t||10,t="all"),"all"==t)return{"-moz-border-radius":e,"border-radius":e,"-webkit-border-radius":e};var r={};return"tl"!=t&&"top"!=t&&"left"!=t||(r["-moz-border-radius-topleft"]=e,r["-webkit-border-top-left-radius"]=e,r["border-top-left-radius"]=e),"tr"!=t&&"top"!=t&&"right"!=t||(r["-webkit-border-top-right-radius"]=e,r["-moz-border-radius-topright"]=e,r["border-top-right-radius"]=e),"bl"!=t&&"bottom"!=t&&"left"!=t||(r["-webkit-border-bottom-left-radius"]=e,r["-moz-border-radius-bottomleft"]=e,r["border-bottom-left-radius"]=e),"br"!=t&&"bottom"!=t&&"right"!=t||(r["-webkit-border-bottom-right-radius"]=e,r["-moz-border-radius-bottomright"]=e,r["border-bottom-right-radius"]=e),r}function E(t,e,r){var o,i,n,a;if(void 0===t.length)throw"Not yet supported";if(2!=t.length)throw"boxShadow requires a direction (degree) or [xOffset, yOffset] in px measurements.";return{"-moz-box-shadow":(o=t[0])+"px "+(i=t[1])+"px "+e+"px "+r,"-webkit-box-shadow":o+"px "+i+"px "+e+"px "+r,boxShadow:o+"px "+i+"px "+e+"px "+r,"-ms-filter":"progid:DXImageTransform.Microsoft.Shadow(Strength="+(n=4)+", Direction="+(a=135)+", Color='"+r+"')",filter:"progid:DXImageTransform.Microsoft.Shadow(Strength="+n+", Direction="+a+", Color='"+r+"')"}}function G(t){return{width:t,position:"absolute",left:"50%",marginLeft:-t/2}}function X(t){return{height:t,position:"absolute",top:"50%",marginTop:-t/2}}var _=r(0);function D(t,e,r,o){let i="",n="";Object(_.a)().webkit?i="-webkit":Object(_.a)().mozilla&&(i="-moz");const a=[];for(var s=0;s<arguments.length;s++){var l=arguments[s];if("string"==typeof l)a.push(l);else if(b(l))for(var c=0;c<l.length;c++)a.push(l[c]);else for(var d in arguments[s])a.push(l[d]+(0!=d&&"100"!=d?" "+d+"%":""))}for(n=i+"-linear-gradient(",s=0;s<a.length;s++)0!==s&&(n+=", "),n+=a[s];return n+=")",n}function Y(){var t={display:"inline-block","&:after":{content:" ",display:"block",width:0,height:0,lineHeight:0,fontSize:0,clear:"both",visibility:"hidden"}};return Object(_.a)().msie&&(t.zoom="1"),t}function Z(t,e,r,o,i){if(void 0===t||void 0===e||void 0===r)throw"imageReplacement() requires width, height and img";return{display:"block",width:t,height:e,backgroundImage:"url("+r+")",backgroundRepeat:"no-repeat",backgroundPosition:(o||0)+"px "+(i||0)+"px",textIndent:-2e4,overflow:"hidden"}}const F={black:"#000000",silver:"#c0c0c0",gray:"#808080",white:"#ffffff",maroon:"#800000",red:"#ff0000",purple:"#800080",fuchsia:"#ff00ff",green:"#008000",lime:"#00ff00",olive:"#808000",yellow:"#ffff00",navy:"#000080",blue:"#0000ff",teal:"#008080",aqua:"#00ffff"},Q={},U=function(t){return Q[t]||(Q[t]={}),Q[t]},V=function(){return"#"==this.substr(0,1)&&7==this.length?U(this).hex=""+this:"#"==this.substr(0,1)&&4==this.length?U(this).hex="#"+this.substr(1,1)+this.substr(1,1)+this.substr(2,1)+this.substr(2,1)+this.substr(3,1)+this.substr(3,1):U(this).hex=F[this],U(this).hex},$=function(){const t=U(this);if(t.rgb)return t.rgb;const e=this.toHexColor();return t.rgb=[parseInt(e.substr(1,2),16),parseInt(e.substr(3,2),16),parseInt(e.substr(5,2),16)],t.rgb},J=function(){return this.toRGB()[0]},K=function(){return this.toRGB()[1]},W=function(){return this.toRGB()[2]},tt=function(t){const e=this.toHSL(),r=[e[0],e[1],Math.min(100,e[2]+t)];return it(r)},et=function(t){const e=this.toHSL(),r=[e[0],e[1],Math.max(0,e[2]-t)];return it(r)},rt=function(t){const e=this.toHSL(),r=[e[0],Math.min(100,Math.max(0,e[1]+t)),e[2]];return it(r)},ot=function(){this.toRGB();const t=this.red()/255,e=this.green()/255,r=this.blue()/255,o=Math.max(t,e,r),i=Math.min(t,e,r),n=o-i;let a,s,l=(o+i)/2;if(0==n)a=0,s=0;else{s=n/(l<.5?o+i:2-o-i);const c=((o-t)/6+n/2)/n,d=((o-e)/6+n/2)/n,u=((o-r)/6+n/2)/n;t==o?a=u-d:e==o?a=1/3+c-u:r==o&&(a=2/3+d-c),a<0&&(a+=1),a>0&&(a-=1)}a=Math.round(360*a),a<0&&(a+=360);const c=U(this);return c.hsl=[a,Math.round(100*s),Math.round(100*l)],c.hsl},it=function(t,e,r){function o(t,e,r){return r<0&&(r+=1),r>1&&(r-=1),6*r<1?t+6*(e-t)*r:2*r<1?e:3*r<2?t+(e-t)*(2/3-r)*6:t}function i(t){let e=Math.round(t).toString(16);return 1==e.length&&(e="0"+e),e.substr(0,1)+e.substr(1,1)}b(t)&&(r=t[2]||0,e=t[1]||0,t=t[0]||0);const n=function(t,e,r){let i,n,a;if(0==e)i=255*r,n=255*r,a=255*r;else{const s=r<.5?r*(1+e):r+e-e*r,l=2*r-s;i=255*o(l,s,t+1/3),n=255*o(l,s,t),a=255*o(l,s,t-1/3)}return[i,n,a]}(t=(t+360)%360/360,e/=100,r/=100);return"#"+i(n[0])+i(n[1])+i(n[2])},nt=M,at={buildCss:B,insertCss:I,style:a(I,B),macros:i,setMacro:function(t,e){k[t]=e},arrayFlatten:p,browserInfo:_.a,hslToHexColor:it,addPropertyNames:nt,propertyNameValidator:o,colorizeString:()=>{String.prototype.toHexColor=V,String.prototype.toRGB=$,String.prototype.red=J,String.prototype.green=K,String.prototype.blue=W,String.prototype.lighten=tt,String.prototype.darken=et,String.prototype.saturate=rt,String.prototype.toHSL=ot}}}])}));