todo_rails 0.1.1 → 0.1.2

data/vendor/assets/bower_components/angular-material/modules/js/chips/chips.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */.md-contact-chips .md-chips .md-chip{padding:0 8px 0 0}.md-contact-chips .md-chips .md-chip .md-contact-avatar{float:left}.md-contact-chips .md-chips .md-chip .md-contact-avatar img{height:32px;border-radius:16px}.md-contact-chips .md-chips .md-chip .md-contact-name{display:inline-block;height:32px;margin-left:8px}.md-contact-suggestion{height:56px}.md-contact-suggestion img{height:40px;border-radius:20px;margin-top:8px}.md-contact-suggestion .md-contact-name{margin-left:8px;width:120px}.md-contact-suggestion .md-contact-email,.md-contact-suggestion .md-contact-name{display:inline-block;overflow:hidden;text-overflow:ellipsis}.md-contact-chips-suggestions li{height:100%}.md-chips{display:block;font-family:RobotoDraft,Roboto,'Helvetica Neue',sans-serif;font-size:13px;padding:0 0 8px;vertical-align:middle;cursor:text}.md-chips:after{content:'';display:table;clear:both}.md-chips .md-chip{cursor:default;border-radius:16px;display:block;height:32px;line-height:32px;margin:8px 8px 0 0;padding:0 8px 0 12px;float:left}.md-chips .md-chip .md-chip-content{display:block;padding-right:4px;float:left;white-space:nowrap}.md-chips .md-chip .md-chip-content:focus{outline:0}.md-chips .md-chip .md-chip-remove-container{display:inline-block;margin-right:-5px}.md-chips .md-chip .md-chip-remove{text-align:center;width:32px;height:32px;min-width:0;padding:0;background:0 0;border:none;box-shadow:none;margin:0;position:relative}.md-chips .md-chip .md-chip-remove md-icon{height:18px;width:18px;position:absolute;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0)}.md-chips .md-chip-input-container{display:block;line-height:32px;margin:8px 8px 0 0;padding:0 8px 0 12px;float:left}.md-chips .md-chip-input-container input:not([type]),.md-chips .md-chip-input-container input[type=email],.md-chips .md-chip-input-container input[type=number],.md-chips .md-chip-input-container input[type=tel],.md-chips .md-chip-input-container input[type=url],.md-chips .md-chip-input-container input[type=text]{border:0;height:32px;line-height:32px;padding:0}.md-chips .md-chip-input-container input:not([type]):focus,.md-chips .md-chip-input-container input[type=email]:focus,.md-chips .md-chip-input-container input[type=number]:focus,.md-chips .md-chip-input-container input[type=tel]:focus,.md-chips .md-chip-input-container input[type=url]:focus,.md-chips .md-chip-input-container input[type=text]:focus{outline:0}.md-chips .md-chip-input-container md-autocomplete,.md-chips .md-chip-input-container md-autocomplete-wrap{background:0 0}.md-chips .md-chip-input-container md-autocomplete md-autocomplete-wrap{box-shadow:none}.md-chips .md-chip-input-container input{border:0;height:32px;line-height:32px;padding:0}.md-chips .md-chip-input-container input:focus{outline:0}.md-chips .md-chip-input-container md-autocomplete,.md-chips .md-chip-input-container md-autocomplete-wrap{height:32px}.md-chips .md-chip-input-container md-autocomplete{box-shadow:none}.md-chips .md-chip-input-container md-autocomplete input{position:relative}.md-chips .md-chip-input-container:not(:first-child){margin:8px 8px 0 0}.md-chips .md-chip-input-container input{background:0 0;border-width:0}.md-chips md-autocomplete button{display:none}@media screen and (-ms-high-contrast:active){.md-chip-input-container,md-chip{border:1px solid #fff}.md-chip-input-container md-autocomplete{border:none}}

data/vendor/assets/bower_components/angular-material/modules/js/chips/chips.min.js

@@ -0,0 +1,7 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+!function(t,e,i){"use strict";function n(t){function i(i,n){return i.append(l),function(i,n,o,s){n.addClass("md-chip"),t(n),s&&e.element(n[0].querySelector(".md-chip-content")).on("blur",function(){s.selectedChip=-1})}}return{restrict:"E",require:"^?mdChips",compile:i}}function o(t){function e(e,i,n,o){i.on("click",function(t){e.$apply(function(){o.removeChip(e.$$replacedScope.$index)})}),t(function(){i.attr({tabindex:-1,ariaHidden:!0}),i.find("button").attr("tabindex","-1")})}return{restrict:"A",require:"^mdChips",scope:!1,link:e}}function s(t,e){function i(e,i,n){var o=e.$parent.$mdChipsCtrl,s=o.parent.$new(!1,o.parent);s.$$replacedScope=e,s.$chip=e.$chip,s.$mdChipsCtrl=o,i.html(o.$scope.$eval(n.mdChipTransclude)),t(i.contents())(s)}return{restrict:"EA",terminal:!0,link:i,scope:!1}}function c(t,e,i,n,o){this.$timeout=o,this.$mdConstant=e,this.$scope=t,this.parent=t.$parent,this.$log=i,this.$element=n,this.ngModelCtrl=null,this.userInputNgModelCtrl=null,this.userInputElement=null,this.items=[],this.selectedChip=-1,this.deleteHint="Press delete to remove this chip.",this.deleteButtonLabel="Remove",this.chipBuffer="",this.useMdOnAppend=!1}function r(t,e,i,n,o){function s(s,c){function r(t){if(c.ngModel){var e=p[0].querySelector(t);return e&&e.outerHTML}}var p=c.$mdUserTemplate;c.$mdUserTemplate=null;var d=r("md-chips>*[md-chip-remove]")||u,l=r("md-chips>md-chip-template")||m,h=r("md-chips>md-autocomplete")||r("md-chips>input")||a,C=p.find("md-chip");return p[0].querySelector("md-chip-template>*[md-chip-remove]")&&n.warn("invalid placement of md-chip-remove within md-chip-template."),function(n,s,r,p){e.initOptionalProperties(n,c),t(s);var m=p[0];if(m.chipContentsTemplate=l,m.chipRemoveTemplate=d,m.chipInputTemplate=h,s.attr({ariaHidden:!0,tabindex:-1}).on("focus",function(){m.onFocus()}),c.ngModel&&(m.configureNgModel(s.controller("ngModel")),r.mdOnAppend&&m.useMdOnAppendExpression(),h!=a&&o(function(){0===h.indexOf("<md-autocomplete")&&m.configureAutocomplete(s.find("md-autocomplete").controller("mdAutocomplete")),m.configureUserInput(s.find("input"))})),C.length>0){var u=i(C)(n.$parent);o(function(){s.find("md-chips-wrap").prepend(u)})}}}return{template:function(t,e){e.$mdUserTemplate=t.clone();return h},require:["mdChips"],restrict:"E",controller:"MdChipsCtrl",controllerAs:"$mdChipsCtrl",bindToController:!0,compile:s,scope:{readonly:"=readonly",placeholder:"@",secondaryPlaceholder:"@",mdOnAppend:"&",deleteHint:"@",deleteButtonLabel:"@",requireMatch:"=?mdRequireMatch"}}}function p(){this.selectedItem=null,this.searchText=""}function d(t,e){function i(i,n){return function(i,o,s,c){e.initOptionalProperties(i,n),t(o),o.attr("tabindex","-1")}}return{template:function(t,e){return C},restrict:"E",controller:"MdContactChipsCtrl",controllerAs:"$mdContactChipsCtrl",bindToController:!0,compile:i,scope:{contactQuery:"&mdContacts",placeholder:"@",secondaryPlaceholder:"@",contactName:"@mdContactName",contactImage:"@mdContactImage",contactEmail:"@mdContactEmail",contacts:"=ngModel",requireMatch:"=?mdRequireMatch"}}}e.module("material.components.chips",["material.core","material.components.autocomplete"]),e.module("material.components.chips").directive("mdChip",n);var l='    <span ng-if="!$mdChipsCtrl.readonly" class="md-visually-hidden">      {{$mdChipsCtrl.deleteHint}}    </span>';n.$inject=["$mdTheming"],e.module("material.components.chips").directive("mdChipRemove",o),o.$inject=["$timeout"],e.module("material.components.chips").directive("mdChipTransclude",s),s.$inject=["$compile","$mdUtil"],e.module("material.components.chips").controller("MdChipsCtrl",c),c.$inject=["$scope","$mdConstant","$log","$element","$timeout"],c.prototype.inputKeydown=function(t){var e=this.getChipBuffer();switch(t.keyCode){case this.$mdConstant.KEY_CODE.ENTER:if(this.$scope.requireMatch||!e)break;t.preventDefault(),this.appendChip(e),this.resetChipBuffer();break;case this.$mdConstant.KEY_CODE.BACKSPACE:if(e)break;t.stopPropagation(),this.items.length&&this.selectAndFocusChipSafe(this.items.length-1)}},c.prototype.chipKeydown=function(t){if(!this.getChipBuffer())switch(t.keyCode){case this.$mdConstant.KEY_CODE.BACKSPACE:case this.$mdConstant.KEY_CODE.DELETE:if(this.selectedChip<0)return;t.preventDefault(),this.removeAndSelectAdjacentChip(this.selectedChip);break;case this.$mdConstant.KEY_CODE.LEFT_ARROW:t.preventDefault(),this.selectedChip<0&&(this.selectedChip=this.items.length),this.items.length&&this.selectAndFocusChipSafe(this.selectedChip-1);break;case this.$mdConstant.KEY_CODE.RIGHT_ARROW:t.preventDefault(),this.selectAndFocusChipSafe(this.selectedChip+1);break;case this.$mdConstant.KEY_CODE.ESCAPE:case this.$mdConstant.KEY_CODE.TAB:if(this.selectedChip<0)return;t.preventDefault(),this.onFocus()}},c.prototype.getPlaceholder=function(){var t=this.items.length&&(""==this.secondaryPlaceholder||this.secondaryPlaceholder);return t?this.placeholder:this.secondaryPlaceholder},c.prototype.removeAndSelectAdjacentChip=function(t){var i=this.getAdjacentChipIndex(t);this.removeChip(t),this.$timeout(e.bind(this,function(){this.selectAndFocusChipSafe(i)}))},c.prototype.resetSelectedChip=function(){this.selectedChip=-1},c.prototype.getAdjacentChipIndex=function(t){var e=this.items.length-1;return 0==e?-1:t==e?t-1:t},c.prototype.appendChip=function(t){this.items.indexOf(t)+1||(this.useMdOnAppend&&this.mdOnAppend&&(t=this.mdOnAppend({$chip:t})),this.items.push(t))},c.prototype.useMdOnAppendExpression=function(){this.useMdOnAppend=!0},c.prototype.getChipBuffer=function(){return this.userInputElement?this.userInputNgModelCtrl?this.userInputNgModelCtrl.$viewValue:this.userInputElement[0].value:this.chipBuffer},c.prototype.resetChipBuffer=function(){this.userInputElement?this.userInputNgModelCtrl?(this.userInputNgModelCtrl.$setViewValue(""),this.userInputNgModelCtrl.$render()):this.userInputElement[0].value="":this.chipBuffer=""},c.prototype.removeChip=function(t){this.items.splice(t,1)},c.prototype.removeChipAndFocusInput=function(t){this.removeChip(t),this.onFocus()},c.prototype.selectAndFocusChipSafe=function(t){return this.items.length?t===this.items.length?this.onFocus():(t=Math.max(t,0),t=Math.min(t,this.items.length-1),this.selectChip(t),void this.focusChip(t)):(this.selectChip(-1),void this.onFocus())},c.prototype.selectChip=function(t){t>=-1&&t<=this.items.length?this.selectedChip=t:this.$log.warn("Selected Chip index out of bounds; ignoring.")},c.prototype.selectAndFocusChip=function(t){this.selectChip(t),-1!=t&&this.focusChip(t)},c.prototype.focusChip=function(t){this.$element[0].querySelector('md-chip[index="'+t+'"] .md-chip-content').focus()},c.prototype.configureNgModel=function(t){this.ngModelCtrl=t;var e=this;t.$render=function(){e.items=e.ngModelCtrl.$viewValue}},c.prototype.onFocus=function(){var t=this.$element[0].querySelector("input");t&&t.focus(),this.resetSelectedChip()},c.prototype.onInputFocus=function(){this.inputHasFocus=!0,this.resetSelectedChip()},c.prototype.onInputBlur=function(){this.inputHasFocus=!1},c.prototype.configureUserInput=function(t){this.userInputElement=t;var i=t.controller("ngModel");i!=this.ngModelCtrl&&(this.userInputNgModelCtrl=i);var n=this.$scope,o=this;t.attr({tabindex:0}).on("keydown",function(t){n.$apply(e.bind(o,function(){o.inputKeydown(t)}))}).on("focus",e.bind(o,o.onInputFocus)).on("blur",e.bind(o,o.onInputBlur))},c.prototype.configureAutocomplete=function(t){t.registerSelectedItemWatcher(e.bind(this,function(t){t&&(this.appendChip(t),this.resetChipBuffer())})),this.$element.find("input").on("focus",e.bind(this,this.onInputFocus)).on("blur",e.bind(this,this.onInputBlur))},c.prototype.hasFocus=function(){return this.inputHasFocus||this.selectedChip>=0},e.module("material.components.chips").directive("mdChips",r);var h='      <md-chips-wrap          ng-if="!$mdChipsCtrl.readonly || $mdChipsCtrl.items.length > 0"          ng-keydown="$mdChipsCtrl.chipKeydown($event)"          ng-class="{ \'md-focused\': $mdChipsCtrl.hasFocus() }"          class="md-chips">        <md-chip ng-repeat="$chip in $mdChipsCtrl.items"            index="{{$index}}"            ng-class="{\'md-focused\': $mdChipsCtrl.selectedChip == $index}">          <div class="md-chip-content"              tabindex="-1"              aria-hidden="true"              ng-focus="!$mdChipsCtrl.readonly && $mdChipsCtrl.selectChip($index)"              md-chip-transclude="$mdChipsCtrl.chipContentsTemplate"></div>          <div class="md-chip-remove-container"              md-chip-transclude="$mdChipsCtrl.chipRemoveTemplate"></div>        </md-chip>        <div ng-if="!$mdChipsCtrl.readonly && $mdChipsCtrl.ngModelCtrl"            class="md-chip-input-container"            md-chip-transclude="$mdChipsCtrl.chipInputTemplate"></div>        </div>      </md-chips-wrap>',a='        <input            tabindex="0"            placeholder="{{$mdChipsCtrl.getPlaceholder()}}"            aria-label="{{$mdChipsCtrl.getPlaceholder()}}"            ng-model="$mdChipsCtrl.chipBuffer"            ng-focus="$mdChipsCtrl.onInputFocus()"            ng-blur="$mdChipsCtrl.onInputBlur()"            ng-keydown="$mdChipsCtrl.inputKeydown($event)">',m="      <span>{{$chip}}</span>",u='      <button          class="md-chip-remove"          ng-if="!$mdChipsCtrl.readonly"          ng-click="$mdChipsCtrl.removeChipAndFocusInput($$replacedScope.$index)"          type="button"          aria-hidden="true"          tabindex="-1">        <md-icon md-svg-icon="md-close"></md-icon>        <span class="md-visually-hidden">          {{$mdChipsCtrl.deleteButtonLabel}}        </span>      </button>';r.$inject=["$mdTheming","$mdUtil","$compile","$log","$timeout"],e.module("material.components.chips").controller("MdContactChipsCtrl",p),p.prototype.queryContact=function(t){var i=this.contactQuery({$query:t});return this.filterSelected?i.filter(e.bind(this,this.filterSelectedContacts)):i},p.prototype.filterSelectedContacts=function(t){return-1==this.contacts.indexOf(t)},e.module("material.components.chips").directive("mdContactChips",d);var C='      <md-chips class="md-contact-chips"          ng-model="$mdContactChipsCtrl.contacts"          md-require-match="$mdContactChipsCtrl.requireMatch"          md-autocomplete-snap>          <md-autocomplete              md-menu-class="md-contact-chips-suggestions"              md-selected-item="$mdContactChipsCtrl.selectedItem"              md-search-text="$mdContactChipsCtrl.searchText"              md-items="item in $mdContactChipsCtrl.queryContact($mdContactChipsCtrl.searchText)"              md-item-text="$mdContactChipsCtrl.mdContactName"              md-no-cache="true"              md-autoselect              placeholder="{{$mdContactChipsCtrl.contacts.length == 0 ?                  $mdContactChipsCtrl.placeholder : $mdContactChipsCtrl.secondaryPlaceholder}}">            <div class="md-contact-suggestion">              <img                   ng-src="{{item[$mdContactChipsCtrl.contactImage]}}"                  alt="{{item[$mdContactChipsCtrl.contactName]}}" />              <span class="md-contact-name" md-highlight-text="$mdContactChipsCtrl.searchText">                {{item[$mdContactChipsCtrl.contactName]}}              </span>              <span class="md-contact-email" >{{item[$mdContactChipsCtrl.contactEmail]}}</span>            </div>          </md-autocomplete>          <md-chip-template>            <div class="md-contact-avatar">              <img                   ng-src="{{$chip[$mdContactChipsCtrl.contactImage]}}"                  alt="{{$chip[$mdContactChipsCtrl.contactName]}}" />            </div>            <div class="md-contact-name">              {{$chip[$mdContactChipsCtrl.contactName]}}            </div>          </md-chip-template>      </md-chips>';d.$inject=["$mdTheming","$mdUtil"]}(window,window.angular);

data/vendor/assets/bower_components/angular-material/modules/js/content/bower.json

@@ -0,0 +1,7 @@
+{
+  "name": "angular-material-content",
+  "version": "0.10.0",
+  "dependencies": {
+    "angular-material-core": "0.10.0"
+  }
+}

data/vendor/assets/bower_components/angular-material/modules/js/content/content-default-theme.css

@@ -0,0 +1,9 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+/* mixin definition ; sets LTR and RTL within the same style call */
+md-content.md-THEME_NAME-theme {
+  background-color: '{{background-color}}'; }

data/vendor/assets/bower_components/angular-material/modules/js/content/content-default-theme.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */md-content.md-THEME_NAME-theme{background-color:'{{background-color}}'}

data/vendor/assets/bower_components/angular-material/modules/js/content/content.css

@@ -0,0 +1,20 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+/* mixin definition ; sets LTR and RTL within the same style call */
+md-content {
+  display: block;
+  position: relative;
+  overflow: auto;
+  -webkit-overflow-scrolling: touch; }
+  md-content[md-scroll-y] {
+    overflow-y: auto;
+    overflow-x: hidden; }
+  md-content[md-scroll-x] {
+    overflow-x: auto;
+    overflow-y: hidden; }
+  md-content.autoScroll {
+    -webkit-overflow-scrolling: auto; }

data/vendor/assets/bower_components/angular-material/modules/js/content/content.js

@@ -0,0 +1,85 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+(function( window, angular, undefined ){
+"use strict";
+
+/**
+ * @ngdoc module
+ * @name material.components.content
+ *
+ * @description
+ * Scrollable content
+ */
+angular.module('material.components.content', [
+  'material.core'
+])
+  .directive('mdContent', mdContentDirective);
+
+/**
+ * @ngdoc directive
+ * @name mdContent
+ * @module material.components.content
+ *
+ * @restrict E
+ *
+ * @description
+ * The `<md-content>` directive is a container element useful for scrollable content
+ *
+ * @usage
+ *
+ * - Add the `[layout-padding]` attribute to make the content padded.
+ *
+ * <hljs lang="html">
+ *  <md-content layout-padding>
+ *      Lorem ipsum dolor sit amet, ne quod novum mei.
+ *  </md-content>
+ * </hljs>
+ *
+ */
+
+function mdContentDirective($mdTheming) {
+  return {
+    restrict: 'E',
+    controller: ['$scope', '$element', ContentController],
+    link: function(scope, element, attr) {
+      var node = element[0];
+
+      $mdTheming(element);
+      scope.$broadcast('$mdContentLoaded', element);
+
+      iosScrollFix(element[0]);
+    }
+  };
+
+  function ContentController($scope, $element) {
+    this.$scope = $scope;
+    this.$element = $element;
+  }
+}
+mdContentDirective.$inject = ["$mdTheming"];
+
+function iosScrollFix(node) {
+  // IOS FIX:
+  // If we scroll where there is no more room for the webview to scroll,
+  // by default the webview itself will scroll up and down, this looks really
+  // bad.  So if we are scrolling to the very top or bottom, add/subtract one
+  angular.element(node).on('$md.pressdown', function(ev) {
+    // Only touch events
+    if (ev.pointer.type !== 't') return;
+    // Don't let a child content's touchstart ruin it for us.
+    if (ev.$materialScrollFixed) return;
+    ev.$materialScrollFixed = true;
+
+    if (node.scrollTop === 0) {
+      node.scrollTop = 1;
+    } else if (node.scrollHeight === node.scrollTop + node.offsetHeight) {
+      node.scrollTop -= 1;
+    }
+  });
+}
+
+})(window, window.angular);

data/vendor/assets/bower_components/angular-material/modules/js/content/content.min.css

@@ -0,0 +1,6 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */md-content{display:block;position:relative;overflow:auto;-webkit-overflow-scrolling:touch}md-content[md-scroll-y]{overflow-y:auto;overflow-x:hidden}md-content[md-scroll-x]{overflow-x:auto;overflow-y:hidden}md-content.autoScroll{-webkit-overflow-scrolling:auto}

data/vendor/assets/bower_components/angular-material/modules/js/content/content.min.js

@@ -0,0 +1,7 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+!function(e,t,o){"use strict";function n(e){function t(e,t){this.$scope=e,this.$element=t}return{restrict:"E",controller:["$scope","$element",t],link:function(t,o,n){o[0];e(o),t.$broadcast("$mdContentLoaded",o),i(o[0])}}}function i(e){t.element(e).on("$md.pressdown",function(t){"t"===t.pointer.type&&(t.$materialScrollFixed||(t.$materialScrollFixed=!0,0===e.scrollTop?e.scrollTop=1:e.scrollHeight===e.scrollTop+e.offsetHeight&&(e.scrollTop-=1)))})}t.module("material.components.content",["material.core"]).directive("mdContent",n),n.$inject=["$mdTheming"]}(window,window.angular);

data/vendor/assets/bower_components/angular-material/modules/js/core/bower.json

@@ -0,0 +1,8 @@
+{
+  "name": "angular-material-core",
+  "version": "0.10.0",
+  "dependencies": {
+    "angular-material-gestures": "0.10.0",
+    "angular-material-theming": "0.10.0"
+  }
+}

data/vendor/assets/bower_components/angular-material/modules/js/core/core.css

@@ -0,0 +1,2594 @@
+/*!
+ * Angular Material Design
+ * https://github.com/angular/material
+ * @license MIT
+ * v0.10.0
+ */
+/* mixin definition ; sets LTR and RTL within the same style call */
+/* Sizes:
+  0    <= size < 600  Phone
+  600  <= size < 960  Tablet
+  960  <= size < 1200 Tablet-Landscape
+  1200 <= size         PC
+*/
+[layout] {
+  box-sizing: border-box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: flex; }
+
+[layout=column] {
+  -webkit-flex-direction: column;
+      -ms-flex-direction: column;
+          flex-direction: column; }
+
+[layout=row] {
+  -webkit-flex-direction: row;
+      -ms-flex-direction: row;
+          flex-direction: row; }
+
+[layout-padding] > [flex-sm], [layout-padding] > [flex-lt-md] {
+  padding: 4px; }
+
+[layout-padding], [layout-padding] > [flex], [layout-padding] > [flex-gt-sm], [layout-padding] > [flex-md], [layout-padding] > [flex-lt-lg] {
+  padding: 8px; }
+
+[layout-padding] > [flex-gt-md], [layout-padding] > [flex-lg] {
+  padding: 16px; }
+
+[layout-margin] > [flex-sm], [layout-margin] > [flex-lt-md] {
+  margin: 4px; }
+
+[layout-margin], [layout-margin] > [flex], [layout-margin] > [flex-gt-sm], [layout-margin] > [flex-md], [layout-margin] > [flex-lt-lg] {
+  margin: 8px; }
+
+[layout-margin] > [flex-gt-md], [layout-margin] > [flex-lg] {
+  margin: 16px; }
+
+[layout-wrap] {
+  -webkit-flex-wrap: wrap;
+      -ms-flex-wrap: wrap;
+          flex-wrap: wrap; }
+
+[layout-fill] {
+  margin: 0;
+  min-height: 100%;
+  width: 100%; }
+
+@-moz-document url-prefix() {
+  [layout-fill] {
+    margin: 0;
+    width: 100%;
+    min-height: auto;
+    height: inherit; } }
+
+[flex] {
+  box-sizing: border-box;
+  -webkit-flex: 1;
+      -ms-flex: 1;
+          flex: 1; }
+
+[flex="0"] {
+  -webkit-flex: 0 0 0%;
+      -ms-flex: 0 0 0%;
+          flex: 0 0 0%; }
+
+[layout="row"] > [flex="0"] {
+  max-width: 0%; }
+
+[layout="column"] > [flex="0"] {
+  max-height: 0%; }
+
+[flex="5"] {
+  -webkit-flex: 0 0 5%;
+      -ms-flex: 0 0 5%;
+          flex: 0 0 5%; }
+
+[layout="row"] > [flex="5"] {
+  max-width: 5%; }
+
+[layout="column"] > [flex="5"] {
+  max-height: 5%; }
+
+[flex="10"] {
+  -webkit-flex: 0 0 10%;
+      -ms-flex: 0 0 10%;
+          flex: 0 0 10%; }
+
+[layout="row"] > [flex="10"] {
+  max-width: 10%; }
+
+[layout="column"] > [flex="10"] {
+  max-height: 10%; }
+
+[flex="15"] {
+  -webkit-flex: 0 0 15%;
+      -ms-flex: 0 0 15%;
+          flex: 0 0 15%; }
+
+[layout="row"] > [flex="15"] {
+  max-width: 15%; }
+
+[layout="column"] > [flex="15"] {
+  max-height: 15%; }
+
+[flex="20"] {
+  -webkit-flex: 0 0 20%;
+      -ms-flex: 0 0 20%;
+          flex: 0 0 20%; }
+
+[layout="row"] > [flex="20"] {
+  max-width: 20%; }
+
+[layout="column"] > [flex="20"] {
+  max-height: 20%; }
+
+[flex="25"] {
+  -webkit-flex: 0 0 25%;
+      -ms-flex: 0 0 25%;
+          flex: 0 0 25%; }
+
+[layout="row"] > [flex="25"] {
+  max-width: 25%; }
+
+[layout="column"] > [flex="25"] {
+  max-height: 25%; }
+
+[flex="30"] {
+  -webkit-flex: 0 0 30%;
+      -ms-flex: 0 0 30%;
+          flex: 0 0 30%; }
+
+[layout="row"] > [flex="30"] {
+  max-width: 30%; }
+
+[layout="column"] > [flex="30"] {
+  max-height: 30%; }
+
+[flex="35"] {
+  -webkit-flex: 0 0 35%;
+      -ms-flex: 0 0 35%;
+          flex: 0 0 35%; }
+
+[layout="row"] > [flex="35"] {
+  max-width: 35%; }
+
+[layout="column"] > [flex="35"] {
+  max-height: 35%; }
+
+[flex="40"] {
+  -webkit-flex: 0 0 40%;
+      -ms-flex: 0 0 40%;
+          flex: 0 0 40%; }
+
+[layout="row"] > [flex="40"] {
+  max-width: 40%; }
+
+[layout="column"] > [flex="40"] {
+  max-height: 40%; }
+
+[flex="45"] {
+  -webkit-flex: 0 0 45%;
+      -ms-flex: 0 0 45%;
+          flex: 0 0 45%; }
+
+[layout="row"] > [flex="45"] {
+  max-width: 45%; }
+
+[layout="column"] > [flex="45"] {
+  max-height: 45%; }
+
+[flex="50"] {
+  -webkit-flex: 0 0 50%;
+      -ms-flex: 0 0 50%;
+          flex: 0 0 50%; }
+
+[layout="row"] > [flex="50"] {
+  max-width: 50%; }
+
+[layout="column"] > [flex="50"] {
+  max-height: 50%; }
+
+[flex="55"] {
+  -webkit-flex: 0 0 55%;
+      -ms-flex: 0 0 55%;
+          flex: 0 0 55%; }
+
+[layout="row"] > [flex="55"] {
+  max-width: 55%; }
+
+[layout="column"] > [flex="55"] {
+  max-height: 55%; }
+
+[flex="60"] {
+  -webkit-flex: 0 0 60%;
+      -ms-flex: 0 0 60%;
+          flex: 0 0 60%; }
+
+[layout="row"] > [flex="60"] {
+  max-width: 60%; }
+
+[layout="column"] > [flex="60"] {
+  max-height: 60%; }
+
+[flex="65"] {
+  -webkit-flex: 0 0 65%;
+      -ms-flex: 0 0 65%;
+          flex: 0 0 65%; }
+
+[layout="row"] > [flex="65"] {
+  max-width: 65%; }
+
+[layout="column"] > [flex="65"] {
+  max-height: 65%; }
+
+[flex="70"] {
+  -webkit-flex: 0 0 70%;
+      -ms-flex: 0 0 70%;
+          flex: 0 0 70%; }
+
+[layout="row"] > [flex="70"] {
+  max-width: 70%; }
+
+[layout="column"] > [flex="70"] {
+  max-height: 70%; }
+
+[flex="75"] {
+  -webkit-flex: 0 0 75%;
+      -ms-flex: 0 0 75%;
+          flex: 0 0 75%; }
+
+[layout="row"] > [flex="75"] {
+  max-width: 75%; }
+
+[layout="column"] > [flex="75"] {
+  max-height: 75%; }
+
+[flex="80"] {
+  -webkit-flex: 0 0 80%;
+      -ms-flex: 0 0 80%;
+          flex: 0 0 80%; }
+
+[layout="row"] > [flex="80"] {
+  max-width: 80%; }
+
+[layout="column"] > [flex="80"] {
+  max-height: 80%; }
+
+[flex="85"] {
+  -webkit-flex: 0 0 85%;
+      -ms-flex: 0 0 85%;
+          flex: 0 0 85%; }
+
+[layout="row"] > [flex="85"] {
+  max-width: 85%; }
+
+[layout="column"] > [flex="85"] {
+  max-height: 85%; }
+
+[flex="90"] {
+  -webkit-flex: 0 0 90%;
+      -ms-flex: 0 0 90%;
+          flex: 0 0 90%; }
+
+[layout="row"] > [flex="90"] {
+  max-width: 90%; }
+
+[layout="column"] > [flex="90"] {
+  max-height: 90%; }
+
+[flex="95"] {
+  -webkit-flex: 0 0 95%;
+      -ms-flex: 0 0 95%;
+          flex: 0 0 95%; }
+
+[layout="row"] > [flex="95"] {
+  max-width: 95%; }
+
+[layout="column"] > [flex="95"] {
+  max-height: 95%; }
+
+[flex="100"] {
+  -webkit-flex: 0 0 100%;
+      -ms-flex: 0 0 100%;
+          flex: 0 0 100%; }
+
+[layout="row"] > [flex="100"] {
+  max-width: 100%; }
+
+[layout="column"] > [flex="100"] {
+  max-height: 100%; }
+
+[flex="33"], [flex="34"] {
+  -webkit-flex: 0 0 33.33%;
+      -ms-flex: 0 0 33.33%;
+          flex: 0 0 33.33%; }
+
+[flex="66"], [flex="67"] {
+  -webkit-flex: 0 0 66.66%;
+      -ms-flex: 0 0 66.66%;
+          flex: 0 0 66.66%; }
+
+[layout="row"] > [flex="33"], [layout="row"] > [flex="34"] {
+  max-width: 33.33%; }
+[layout="row"] > [flex="66"], [layout="row"] > [flex="67"] {
+  max-width: 66.66%; }
+
+[layout="column"] > [flex="33"], [layout="column"] > [flex="34"] {
+  max-height: 33.33%; }
+[layout="column"] > [flex="66"], [layout="column"] > [flex="67"] {
+  max-height: 66.66%; }
+
+[layout-align="center"], [layout-align="center center"], [layout-align="center start"], [layout-align="center end"] {
+  -webkit-justify-content: center;
+      -ms-flex-pack: center;
+          justify-content: center; }
+
+[layout-align="end"], [layout-align="end center"], [layout-align="end start"], [layout-align="end end"] {
+  -webkit-justify-content: flex-end;
+      -ms-flex-pack: end;
+          justify-content: flex-end; }
+
+[layout-align="space-around"], [layout-align="space-around center"], [layout-align="space-around start"], [layout-align="space-around end"] {
+  -webkit-justify-content: space-around;
+      -ms-flex-pack: distribute;
+          justify-content: space-around; }
+
+[layout-align="space-between"], [layout-align="space-between center"], [layout-align="space-between start"], [layout-align="space-between end"] {
+  -webkit-justify-content: space-between;
+      -ms-flex-pack: justify;
+          justify-content: space-between; }
+
+[layout-align="center center"], [layout-align="start center"], [layout-align="end center"], [layout-align="space-between center"], [layout-align="space-around center"] {
+  -webkit-align-items: center;
+      -ms-flex-align: center;
+          align-items: center; }
+
+[layout-align="center start"], [layout-align="start start"], [layout-align="end start"], [layout-align="space-between start"], [layout-align="space-around start"] {
+  -webkit-align-items: flex-start;
+      -ms-flex-align: start;
+          align-items: flex-start; }
+
+[layout-align="center end"], [layout-align="start end"], [layout-align="end end"], [layout-align="space-between end"], [layout-align="space-around end"] {
+  -webkit-align-items: flex-end;
+      -ms-flex-align: end;
+          align-items: flex-end; }
+
+[flex-order="0"] {
+  -webkit-order: 0;
+      -ms-flex-order: 0;
+          order: 0; }
+
+[flex-order="1"] {
+  -webkit-order: 1;
+      -ms-flex-order: 1;
+          order: 1; }
+
+[flex-order="2"] {
+  -webkit-order: 2;
+      -ms-flex-order: 2;
+          order: 2; }
+
+[flex-order="3"] {
+  -webkit-order: 3;
+      -ms-flex-order: 3;
+          order: 3; }
+
+[flex-order="4"] {
+  -webkit-order: 4;
+      -ms-flex-order: 4;
+          order: 4; }
+
+[flex-order="5"] {
+  -webkit-order: 5;
+      -ms-flex-order: 5;
+          order: 5; }
+
+[flex-order="6"] {
+  -webkit-order: 6;
+      -ms-flex-order: 6;
+          order: 6; }
+
+[flex-order="7"] {
+  -webkit-order: 7;
+      -ms-flex-order: 7;
+          order: 7; }
+
+[flex-order="8"] {
+  -webkit-order: 8;
+      -ms-flex-order: 8;
+          order: 8; }
+
+[flex-order="9"] {
+  -webkit-order: 9;
+      -ms-flex-order: 9;
+          order: 9; }
+
+[offset="5"] {
+  margin-left: 5%; }
+
+[offset="10"] {
+  margin-left: 10%; }
+
+[offset="15"] {
+  margin-left: 15%; }
+
+[offset="20"] {
+  margin-left: 20%; }
+
+[offset="25"] {
+  margin-left: 25%; }
+
+[offset="30"] {
+  margin-left: 30%; }
+
+[offset="35"] {
+  margin-left: 35%; }
+
+[offset="40"] {
+  margin-left: 40%; }
+
+[offset="45"] {
+  margin-left: 45%; }
+
+[offset="50"] {
+  margin-left: 50%; }
+
+[offset="55"] {
+  margin-left: 55%; }
+
+[offset="60"] {
+  margin-left: 60%; }
+
+[offset="65"] {
+  margin-left: 65%; }
+
+[offset="70"] {
+  margin-left: 70%; }
+
+[offset="75"] {
+  margin-left: 75%; }
+
+[offset="80"] {
+  margin-left: 80%; }
+
+[offset="85"] {
+  margin-left: 85%; }
+
+[offset="90"] {
+  margin-left: 90%; }
+
+[offset="95"] {
+  margin-left: 95%; }
+
+[offset="33"], [offset="34"] {
+  margin-left: 33.33%; }
+
+[offset="66"], [offset="67"] {
+  margin-left: 66.66%; }
+
+/**
+ * `hide-gt-sm show-gt-lg` should hide from 600px to 1200px
+ * `show-md hide-gt-sm` should show from 0px to 960px and hide at >960px
+ * `hide-gt-md show-gt-sm` should show everywhere (show overrides hide)`
+ */
+@media (max-width: 599px) {
+  [hide-sm]:not([show-sm]):not([show]), [hide]:not([show-sm]):not([show]) {
+    display: none; }
+  [flex-order-sm="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-sm="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-sm="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-sm="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-sm="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-sm="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-sm="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-sm="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-sm="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-sm="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-sm="center"], [layout-align-sm="center center"], [layout-align-sm="center start"], [layout-align-sm="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-sm="end"], [layout-align-sm="end center"], [layout-align-sm="end start"], [layout-align-sm="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-sm="space-around"], [layout-align-sm="space-around center"], [layout-align-sm="space-around start"], [layout-align-sm="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-sm="space-between"], [layout-align-sm="space-between center"], [layout-align-sm="space-between start"], [layout-align-sm="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-sm="center center"], [layout-align-sm="start center"], [layout-align-sm="end center"], [layout-align-sm="space-between center"], [layout-align-sm="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-sm="center start"], [layout-align-sm="start start"], [layout-align-sm="end start"], [layout-align-sm="space-between start"], [layout-align-sm="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-sm="center end"], [layout-align-sm="start end"], [layout-align-sm="end end"], [layout-align-sm="space-between end"], [layout-align-sm="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-sm] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-sm=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-sm=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-sm="5"] {
+    margin-left: 5%; }
+  [offset-sm="10"] {
+    margin-left: 10%; }
+  [offset-sm="15"] {
+    margin-left: 15%; }
+  [offset-sm="20"] {
+    margin-left: 20%; }
+  [offset-sm="25"] {
+    margin-left: 25%; }
+  [offset-sm="30"] {
+    margin-left: 30%; }
+  [offset-sm="35"] {
+    margin-left: 35%; }
+  [offset-sm="40"] {
+    margin-left: 40%; }
+  [offset-sm="45"] {
+    margin-left: 45%; }
+  [offset-sm="50"] {
+    margin-left: 50%; }
+  [offset-sm="55"] {
+    margin-left: 55%; }
+  [offset-sm="60"] {
+    margin-left: 60%; }
+  [offset-sm="65"] {
+    margin-left: 65%; }
+  [offset-sm="70"] {
+    margin-left: 70%; }
+  [offset-sm="75"] {
+    margin-left: 75%; }
+  [offset-sm="80"] {
+    margin-left: 80%; }
+  [offset-sm="85"] {
+    margin-left: 85%; }
+  [offset-sm="90"] {
+    margin-left: 90%; }
+  [offset-sm="95"] {
+    margin-left: 95%; }
+  [offset-sm="33"], [offset-sm="34"] {
+    margin-left: 33.33%; }
+  [offset-sm="66"], [offset-sm="67"] {
+    margin-left: 66.66%; }
+  [flex-sm] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-sm="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-sm="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-sm="0"] {
+    max-height: 0%; }
+  [flex-sm="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-sm="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-sm="5"] {
+    max-height: 5%; }
+  [flex-sm="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-sm="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-sm="10"] {
+    max-height: 10%; }
+  [flex-sm="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-sm="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-sm="15"] {
+    max-height: 15%; }
+  [flex-sm="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-sm="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-sm="20"] {
+    max-height: 20%; }
+  [flex-sm="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-sm="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-sm="25"] {
+    max-height: 25%; }
+  [flex-sm="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-sm="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-sm="30"] {
+    max-height: 30%; }
+  [flex-sm="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-sm="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-sm="35"] {
+    max-height: 35%; }
+  [flex-sm="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-sm="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-sm="40"] {
+    max-height: 40%; }
+  [flex-sm="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-sm="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-sm="45"] {
+    max-height: 45%; }
+  [flex-sm="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-sm="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-sm="50"] {
+    max-height: 50%; }
+  [flex-sm="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-sm="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-sm="55"] {
+    max-height: 55%; }
+  [flex-sm="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-sm="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-sm="60"] {
+    max-height: 60%; }
+  [flex-sm="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-sm="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-sm="65"] {
+    max-height: 65%; }
+  [flex-sm="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-sm="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-sm="70"] {
+    max-height: 70%; }
+  [flex-sm="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-sm="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-sm="75"] {
+    max-height: 75%; }
+  [flex-sm="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-sm="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-sm="80"] {
+    max-height: 80%; }
+  [flex-sm="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-sm="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-sm="85"] {
+    max-height: 85%; }
+  [flex-sm="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-sm="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-sm="90"] {
+    max-height: 90%; }
+  [flex-sm="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-sm="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-sm="95"] {
+    max-height: 95%; }
+  [flex-sm="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-sm="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-sm="100"] {
+    max-height: 100%; }
+  [flex-sm="33"], [flex-sm="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-sm="66"], [flex-sm="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-sm="33"], [layout="row"] > [flex-sm="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-sm="66"], [layout="row"] > [flex-sm="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-sm="33"], [layout="column"] > [flex-sm="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-sm="66"], [layout="column"] > [flex-sm="67"] {
+    max-height: 66.66%; } }
+
+@media (min-width: 600px) {
+  [flex-order-gt-sm="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-gt-sm="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-gt-sm="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-gt-sm="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-gt-sm="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-gt-sm="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-gt-sm="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-gt-sm="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-gt-sm="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-gt-sm="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-gt-sm="center"], [layout-align-gt-sm="center center"], [layout-align-gt-sm="center start"], [layout-align-gt-sm="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-gt-sm="end"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-gt-sm="space-around"], [layout-align-gt-sm="space-around center"], [layout-align-gt-sm="space-around start"], [layout-align-gt-sm="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-gt-sm="space-between"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-gt-sm="center center"], [layout-align-gt-sm="start center"], [layout-align-gt-sm="end center"], [layout-align-gt-sm="space-between center"], [layout-align-gt-sm="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-gt-sm="center start"], [layout-align-gt-sm="start start"], [layout-align-gt-sm="end start"], [layout-align-gt-sm="space-between start"], [layout-align-gt-sm="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-gt-sm="center end"], [layout-align-gt-sm="start end"], [layout-align-gt-sm="end end"], [layout-align-gt-sm="space-between end"], [layout-align-gt-sm="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-gt-sm] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-gt-sm=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-gt-sm=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-gt-sm="5"] {
+    margin-left: 5%; }
+  [offset-gt-sm="10"] {
+    margin-left: 10%; }
+  [offset-gt-sm="15"] {
+    margin-left: 15%; }
+  [offset-gt-sm="20"] {
+    margin-left: 20%; }
+  [offset-gt-sm="25"] {
+    margin-left: 25%; }
+  [offset-gt-sm="30"] {
+    margin-left: 30%; }
+  [offset-gt-sm="35"] {
+    margin-left: 35%; }
+  [offset-gt-sm="40"] {
+    margin-left: 40%; }
+  [offset-gt-sm="45"] {
+    margin-left: 45%; }
+  [offset-gt-sm="50"] {
+    margin-left: 50%; }
+  [offset-gt-sm="55"] {
+    margin-left: 55%; }
+  [offset-gt-sm="60"] {
+    margin-left: 60%; }
+  [offset-gt-sm="65"] {
+    margin-left: 65%; }
+  [offset-gt-sm="70"] {
+    margin-left: 70%; }
+  [offset-gt-sm="75"] {
+    margin-left: 75%; }
+  [offset-gt-sm="80"] {
+    margin-left: 80%; }
+  [offset-gt-sm="85"] {
+    margin-left: 85%; }
+  [offset-gt-sm="90"] {
+    margin-left: 90%; }
+  [offset-gt-sm="95"] {
+    margin-left: 95%; }
+  [offset-gt-sm="33"], [offset-gt-sm="34"] {
+    margin-left: 33.33%; }
+  [offset-gt-sm="66"], [offset-gt-sm="67"] {
+    margin-left: 66.66%; }
+  [flex-gt-sm] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-gt-sm="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-gt-sm="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-gt-sm="0"] {
+    max-height: 0%; }
+  [flex-gt-sm="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-gt-sm="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-gt-sm="5"] {
+    max-height: 5%; }
+  [flex-gt-sm="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-gt-sm="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-gt-sm="10"] {
+    max-height: 10%; }
+  [flex-gt-sm="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-gt-sm="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-gt-sm="15"] {
+    max-height: 15%; }
+  [flex-gt-sm="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-gt-sm="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-gt-sm="20"] {
+    max-height: 20%; }
+  [flex-gt-sm="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-gt-sm="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-gt-sm="25"] {
+    max-height: 25%; }
+  [flex-gt-sm="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-gt-sm="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-gt-sm="30"] {
+    max-height: 30%; }
+  [flex-gt-sm="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-gt-sm="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-gt-sm="35"] {
+    max-height: 35%; }
+  [flex-gt-sm="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-gt-sm="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-gt-sm="40"] {
+    max-height: 40%; }
+  [flex-gt-sm="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-gt-sm="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-gt-sm="45"] {
+    max-height: 45%; }
+  [flex-gt-sm="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-gt-sm="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-gt-sm="50"] {
+    max-height: 50%; }
+  [flex-gt-sm="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-gt-sm="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-gt-sm="55"] {
+    max-height: 55%; }
+  [flex-gt-sm="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-gt-sm="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-gt-sm="60"] {
+    max-height: 60%; }
+  [flex-gt-sm="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-gt-sm="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-gt-sm="65"] {
+    max-height: 65%; }
+  [flex-gt-sm="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-gt-sm="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-gt-sm="70"] {
+    max-height: 70%; }
+  [flex-gt-sm="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-gt-sm="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-gt-sm="75"] {
+    max-height: 75%; }
+  [flex-gt-sm="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-gt-sm="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-gt-sm="80"] {
+    max-height: 80%; }
+  [flex-gt-sm="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-gt-sm="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-gt-sm="85"] {
+    max-height: 85%; }
+  [flex-gt-sm="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-gt-sm="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-gt-sm="90"] {
+    max-height: 90%; }
+  [flex-gt-sm="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-gt-sm="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-gt-sm="95"] {
+    max-height: 95%; }
+  [flex-gt-sm="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-gt-sm="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-gt-sm="100"] {
+    max-height: 100%; }
+  [flex-gt-sm="33"], [flex-gt-sm="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-gt-sm="66"], [flex-gt-sm="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-gt-sm="33"], [layout="row"] > [flex-gt-sm="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-gt-sm="66"], [layout="row"] > [flex-gt-sm="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-gt-sm="33"], [layout="column"] > [flex-gt-sm="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-gt-sm="66"], [layout="column"] > [flex-gt-sm="67"] {
+    max-height: 66.66%; } }
+
+@media (min-width: 600px) and (max-width: 959px) {
+  [hide]:not([show-gt-sm]):not([show-md]):not([show]), [hide-gt-sm]:not([show-gt-sm]):not([show-md]):not([show]) {
+    display: none; }
+  [hide-md]:not([show-md]):not([show]) {
+    display: none; }
+  [flex-order-md="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-md="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-md="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-md="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-md="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-md="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-md="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-md="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-md="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-md="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-md="center"], [layout-align-md="center center"], [layout-align-md="center start"], [layout-align-md="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-md="end"], [layout-align-md="end center"], [layout-align-md="end start"], [layout-align-md="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-md="space-around"], [layout-align-md="space-around center"], [layout-align-md="space-around start"], [layout-align-md="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-md="space-between"], [layout-align-md="space-between center"], [layout-align-md="space-between start"], [layout-align-md="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-md="center center"], [layout-align-md="start center"], [layout-align-md="end center"], [layout-align-md="space-between center"], [layout-align-md="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-md="center start"], [layout-align-md="start start"], [layout-align-md="end start"], [layout-align-md="space-between start"], [layout-align-md="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-md="center end"], [layout-align-md="start end"], [layout-align-md="end end"], [layout-align-md="space-between end"], [layout-align-md="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-md] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-md=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-md=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-md="5"] {
+    margin-left: 5%; }
+  [offset-md="10"] {
+    margin-left: 10%; }
+  [offset-md="15"] {
+    margin-left: 15%; }
+  [offset-md="20"] {
+    margin-left: 20%; }
+  [offset-md="25"] {
+    margin-left: 25%; }
+  [offset-md="30"] {
+    margin-left: 30%; }
+  [offset-md="35"] {
+    margin-left: 35%; }
+  [offset-md="40"] {
+    margin-left: 40%; }
+  [offset-md="45"] {
+    margin-left: 45%; }
+  [offset-md="50"] {
+    margin-left: 50%; }
+  [offset-md="55"] {
+    margin-left: 55%; }
+  [offset-md="60"] {
+    margin-left: 60%; }
+  [offset-md="65"] {
+    margin-left: 65%; }
+  [offset-md="70"] {
+    margin-left: 70%; }
+  [offset-md="75"] {
+    margin-left: 75%; }
+  [offset-md="80"] {
+    margin-left: 80%; }
+  [offset-md="85"] {
+    margin-left: 85%; }
+  [offset-md="90"] {
+    margin-left: 90%; }
+  [offset-md="95"] {
+    margin-left: 95%; }
+  [offset-md="33"], [offset-md="34"] {
+    margin-left: 33.33%; }
+  [offset-md="66"], [offset-md="67"] {
+    margin-left: 66.66%; }
+  [flex-md] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-md="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-md="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-md="0"] {
+    max-height: 0%; }
+  [flex-md="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-md="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-md="5"] {
+    max-height: 5%; }
+  [flex-md="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-md="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-md="10"] {
+    max-height: 10%; }
+  [flex-md="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-md="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-md="15"] {
+    max-height: 15%; }
+  [flex-md="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-md="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-md="20"] {
+    max-height: 20%; }
+  [flex-md="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-md="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-md="25"] {
+    max-height: 25%; }
+  [flex-md="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-md="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-md="30"] {
+    max-height: 30%; }
+  [flex-md="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-md="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-md="35"] {
+    max-height: 35%; }
+  [flex-md="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-md="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-md="40"] {
+    max-height: 40%; }
+  [flex-md="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-md="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-md="45"] {
+    max-height: 45%; }
+  [flex-md="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-md="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-md="50"] {
+    max-height: 50%; }
+  [flex-md="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-md="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-md="55"] {
+    max-height: 55%; }
+  [flex-md="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-md="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-md="60"] {
+    max-height: 60%; }
+  [flex-md="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-md="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-md="65"] {
+    max-height: 65%; }
+  [flex-md="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-md="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-md="70"] {
+    max-height: 70%; }
+  [flex-md="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-md="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-md="75"] {
+    max-height: 75%; }
+  [flex-md="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-md="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-md="80"] {
+    max-height: 80%; }
+  [flex-md="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-md="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-md="85"] {
+    max-height: 85%; }
+  [flex-md="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-md="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-md="90"] {
+    max-height: 90%; }
+  [flex-md="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-md="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-md="95"] {
+    max-height: 95%; }
+  [flex-md="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-md="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-md="100"] {
+    max-height: 100%; }
+  [flex-md="33"], [flex-md="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-md="66"], [flex-md="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-md="33"], [layout="row"] > [flex-md="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-md="66"], [layout="row"] > [flex-md="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-md="33"], [layout="column"] > [flex-md="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-md="66"], [layout="column"] > [flex-md="67"] {
+    max-height: 66.66%; } }
+
+@media (min-width: 960px) {
+  [flex-order-gt-md="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-gt-md="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-gt-md="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-gt-md="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-gt-md="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-gt-md="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-gt-md="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-gt-md="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-gt-md="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-gt-md="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-gt-md="center"], [layout-align-gt-md="center center"], [layout-align-gt-md="center start"], [layout-align-gt-md="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-gt-md="end"], [layout-align-gt-md="end center"], [layout-align-gt-md="end start"], [layout-align-gt-md="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-gt-md="space-around"], [layout-align-gt-md="space-around center"], [layout-align-gt-md="space-around start"], [layout-align-gt-md="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-gt-md="space-between"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-gt-md="center center"], [layout-align-gt-md="start center"], [layout-align-gt-md="end center"], [layout-align-gt-md="space-between center"], [layout-align-gt-md="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-gt-md="center start"], [layout-align-gt-md="start start"], [layout-align-gt-md="end start"], [layout-align-gt-md="space-between start"], [layout-align-gt-md="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-gt-md="center end"], [layout-align-gt-md="start end"], [layout-align-gt-md="end end"], [layout-align-gt-md="space-between end"], [layout-align-gt-md="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-gt-md] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-gt-md=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-gt-md=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-gt-md="5"] {
+    margin-left: 5%; }
+  [offset-gt-md="10"] {
+    margin-left: 10%; }
+  [offset-gt-md="15"] {
+    margin-left: 15%; }
+  [offset-gt-md="20"] {
+    margin-left: 20%; }
+  [offset-gt-md="25"] {
+    margin-left: 25%; }
+  [offset-gt-md="30"] {
+    margin-left: 30%; }
+  [offset-gt-md="35"] {
+    margin-left: 35%; }
+  [offset-gt-md="40"] {
+    margin-left: 40%; }
+  [offset-gt-md="45"] {
+    margin-left: 45%; }
+  [offset-gt-md="50"] {
+    margin-left: 50%; }
+  [offset-gt-md="55"] {
+    margin-left: 55%; }
+  [offset-gt-md="60"] {
+    margin-left: 60%; }
+  [offset-gt-md="65"] {
+    margin-left: 65%; }
+  [offset-gt-md="70"] {
+    margin-left: 70%; }
+  [offset-gt-md="75"] {
+    margin-left: 75%; }
+  [offset-gt-md="80"] {
+    margin-left: 80%; }
+  [offset-gt-md="85"] {
+    margin-left: 85%; }
+  [offset-gt-md="90"] {
+    margin-left: 90%; }
+  [offset-gt-md="95"] {
+    margin-left: 95%; }
+  [offset-gt-md="33"], [offset-gt-md="34"] {
+    margin-left: 33.33%; }
+  [offset-gt-md="66"], [offset-gt-md="67"] {
+    margin-left: 66.66%; }
+  [flex-gt-md] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-gt-md="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-gt-md="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-gt-md="0"] {
+    max-height: 0%; }
+  [flex-gt-md="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-gt-md="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-gt-md="5"] {
+    max-height: 5%; }
+  [flex-gt-md="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-gt-md="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-gt-md="10"] {
+    max-height: 10%; }
+  [flex-gt-md="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-gt-md="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-gt-md="15"] {
+    max-height: 15%; }
+  [flex-gt-md="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-gt-md="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-gt-md="20"] {
+    max-height: 20%; }
+  [flex-gt-md="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-gt-md="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-gt-md="25"] {
+    max-height: 25%; }
+  [flex-gt-md="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-gt-md="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-gt-md="30"] {
+    max-height: 30%; }
+  [flex-gt-md="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-gt-md="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-gt-md="35"] {
+    max-height: 35%; }
+  [flex-gt-md="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-gt-md="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-gt-md="40"] {
+    max-height: 40%; }
+  [flex-gt-md="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-gt-md="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-gt-md="45"] {
+    max-height: 45%; }
+  [flex-gt-md="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-gt-md="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-gt-md="50"] {
+    max-height: 50%; }
+  [flex-gt-md="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-gt-md="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-gt-md="55"] {
+    max-height: 55%; }
+  [flex-gt-md="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-gt-md="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-gt-md="60"] {
+    max-height: 60%; }
+  [flex-gt-md="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-gt-md="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-gt-md="65"] {
+    max-height: 65%; }
+  [flex-gt-md="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-gt-md="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-gt-md="70"] {
+    max-height: 70%; }
+  [flex-gt-md="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-gt-md="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-gt-md="75"] {
+    max-height: 75%; }
+  [flex-gt-md="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-gt-md="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-gt-md="80"] {
+    max-height: 80%; }
+  [flex-gt-md="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-gt-md="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-gt-md="85"] {
+    max-height: 85%; }
+  [flex-gt-md="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-gt-md="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-gt-md="90"] {
+    max-height: 90%; }
+  [flex-gt-md="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-gt-md="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-gt-md="95"] {
+    max-height: 95%; }
+  [flex-gt-md="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-gt-md="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-gt-md="100"] {
+    max-height: 100%; }
+  [flex-gt-md="33"], [flex-gt-md="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-gt-md="66"], [flex-gt-md="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-gt-md="33"], [layout="row"] > [flex-gt-md="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-gt-md="66"], [layout="row"] > [flex-gt-md="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-gt-md="33"], [layout="column"] > [flex-gt-md="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-gt-md="66"], [layout="column"] > [flex-gt-md="67"] {
+    max-height: 66.66%; } }
+
+@media (min-width: 960px) and (max-width: 1199px) {
+  [hide]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-sm]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]), [hide-gt-md]:not([show-gt-sm]):not([show-gt-md]):not([show-lg]):not([show]) {
+    display: none; }
+  [hide-lg]:not([show-lg]):not([show]) {
+    display: none; }
+  [flex-order-lg="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-lg="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-lg="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-lg="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-lg="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-lg="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-lg="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-lg="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-lg="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-lg="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-lg="center"], [layout-align-lg="center center"], [layout-align-lg="center start"], [layout-align-lg="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-lg="end"], [layout-align-lg="end center"], [layout-align-lg="end start"], [layout-align-lg="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-lg="space-around"], [layout-align-lg="space-around center"], [layout-align-lg="space-around start"], [layout-align-lg="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-lg="space-between"], [layout-align-lg="space-between center"], [layout-align-lg="space-between start"], [layout-align-lg="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-lg="center center"], [layout-align-lg="start center"], [layout-align-lg="end center"], [layout-align-lg="space-between center"], [layout-align-lg="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-lg="center start"], [layout-align-lg="start start"], [layout-align-lg="end start"], [layout-align-lg="space-between start"], [layout-align-lg="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-lg="center end"], [layout-align-lg="start end"], [layout-align-lg="end end"], [layout-align-lg="space-between end"], [layout-align-lg="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-lg] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-lg=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-lg=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-lg="5"] {
+    margin-left: 5%; }
+  [offset-lg="10"] {
+    margin-left: 10%; }
+  [offset-lg="15"] {
+    margin-left: 15%; }
+  [offset-lg="20"] {
+    margin-left: 20%; }
+  [offset-lg="25"] {
+    margin-left: 25%; }
+  [offset-lg="30"] {
+    margin-left: 30%; }
+  [offset-lg="35"] {
+    margin-left: 35%; }
+  [offset-lg="40"] {
+    margin-left: 40%; }
+  [offset-lg="45"] {
+    margin-left: 45%; }
+  [offset-lg="50"] {
+    margin-left: 50%; }
+  [offset-lg="55"] {
+    margin-left: 55%; }
+  [offset-lg="60"] {
+    margin-left: 60%; }
+  [offset-lg="65"] {
+    margin-left: 65%; }
+  [offset-lg="70"] {
+    margin-left: 70%; }
+  [offset-lg="75"] {
+    margin-left: 75%; }
+  [offset-lg="80"] {
+    margin-left: 80%; }
+  [offset-lg="85"] {
+    margin-left: 85%; }
+  [offset-lg="90"] {
+    margin-left: 90%; }
+  [offset-lg="95"] {
+    margin-left: 95%; }
+  [offset-lg="33"], [offset-lg="34"] {
+    margin-left: 33.33%; }
+  [offset-lg="66"], [offset-lg="67"] {
+    margin-left: 66.66%; }
+  [flex-lg] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-lg="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-lg="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-lg="0"] {
+    max-height: 0%; }
+  [flex-lg="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-lg="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-lg="5"] {
+    max-height: 5%; }
+  [flex-lg="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-lg="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-lg="10"] {
+    max-height: 10%; }
+  [flex-lg="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-lg="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-lg="15"] {
+    max-height: 15%; }
+  [flex-lg="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-lg="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-lg="20"] {
+    max-height: 20%; }
+  [flex-lg="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-lg="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-lg="25"] {
+    max-height: 25%; }
+  [flex-lg="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-lg="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-lg="30"] {
+    max-height: 30%; }
+  [flex-lg="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-lg="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-lg="35"] {
+    max-height: 35%; }
+  [flex-lg="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-lg="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-lg="40"] {
+    max-height: 40%; }
+  [flex-lg="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-lg="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-lg="45"] {
+    max-height: 45%; }
+  [flex-lg="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-lg="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-lg="50"] {
+    max-height: 50%; }
+  [flex-lg="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-lg="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-lg="55"] {
+    max-height: 55%; }
+  [flex-lg="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-lg="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-lg="60"] {
+    max-height: 60%; }
+  [flex-lg="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-lg="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-lg="65"] {
+    max-height: 65%; }
+  [flex-lg="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-lg="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-lg="70"] {
+    max-height: 70%; }
+  [flex-lg="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-lg="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-lg="75"] {
+    max-height: 75%; }
+  [flex-lg="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-lg="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-lg="80"] {
+    max-height: 80%; }
+  [flex-lg="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-lg="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-lg="85"] {
+    max-height: 85%; }
+  [flex-lg="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-lg="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-lg="90"] {
+    max-height: 90%; }
+  [flex-lg="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-lg="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-lg="95"] {
+    max-height: 95%; }
+  [flex-lg="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-lg="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-lg="100"] {
+    max-height: 100%; }
+  [flex-lg="33"], [flex-lg="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-lg="66"], [flex-lg="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-lg="33"], [layout="row"] > [flex-lg="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-lg="66"], [layout="row"] > [flex-lg="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-lg="33"], [layout="column"] > [flex-lg="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-lg="66"], [layout="column"] > [flex-lg="67"] {
+    max-height: 66.66%; } }
+
+@media (min-width: 1200px) {
+  [hide-gt-sm]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide-gt-md]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide-gt-lg]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]), [hide]:not([show-gt-sm]):not([show-gt-md]):not([show-gt-lg]):not([show]) {
+    display: none; }
+  [flex-order-gt-lg="0"] {
+    -webkit-order: 0;
+        -ms-flex-order: 0;
+            order: 0; }
+  [flex-order-gt-lg="1"] {
+    -webkit-order: 1;
+        -ms-flex-order: 1;
+            order: 1; }
+  [flex-order-gt-lg="2"] {
+    -webkit-order: 2;
+        -ms-flex-order: 2;
+            order: 2; }
+  [flex-order-gt-lg="3"] {
+    -webkit-order: 3;
+        -ms-flex-order: 3;
+            order: 3; }
+  [flex-order-gt-lg="4"] {
+    -webkit-order: 4;
+        -ms-flex-order: 4;
+            order: 4; }
+  [flex-order-gt-lg="5"] {
+    -webkit-order: 5;
+        -ms-flex-order: 5;
+            order: 5; }
+  [flex-order-gt-lg="6"] {
+    -webkit-order: 6;
+        -ms-flex-order: 6;
+            order: 6; }
+  [flex-order-gt-lg="7"] {
+    -webkit-order: 7;
+        -ms-flex-order: 7;
+            order: 7; }
+  [flex-order-gt-lg="8"] {
+    -webkit-order: 8;
+        -ms-flex-order: 8;
+            order: 8; }
+  [flex-order-gt-lg="9"] {
+    -webkit-order: 9;
+        -ms-flex-order: 9;
+            order: 9; }
+  [layout-align-gt-lg="center"], [layout-align-gt-lg="center center"], [layout-align-gt-lg="center start"], [layout-align-gt-lg="center end"] {
+    -webkit-justify-content: center;
+        -ms-flex-pack: center;
+            justify-content: center; }
+  [layout-align-gt-lg="end"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="end end"] {
+    -webkit-justify-content: flex-end;
+        -ms-flex-pack: end;
+            justify-content: flex-end; }
+  [layout-align-gt-lg="space-around"], [layout-align-gt-lg="space-around center"], [layout-align-gt-lg="space-around start"], [layout-align-gt-lg="space-around end"] {
+    -webkit-justify-content: space-around;
+        -ms-flex-pack: distribute;
+            justify-content: space-around; }
+  [layout-align-gt-lg="space-between"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-between end"] {
+    -webkit-justify-content: space-between;
+        -ms-flex-pack: justify;
+            justify-content: space-between; }
+  [layout-align-gt-lg="center center"], [layout-align-gt-lg="start center"], [layout-align-gt-lg="end center"], [layout-align-gt-lg="space-between center"], [layout-align-gt-lg="space-around center"] {
+    -webkit-align-items: center;
+        -ms-flex-align: center;
+            align-items: center; }
+  [layout-align-gt-lg="center start"], [layout-align-gt-lg="start start"], [layout-align-gt-lg="end start"], [layout-align-gt-lg="space-between start"], [layout-align-gt-lg="space-around start"] {
+    -webkit-align-items: flex-start;
+        -ms-flex-align: start;
+            align-items: flex-start; }
+  [layout-align-gt-lg="center end"], [layout-align-gt-lg="start end"], [layout-align-gt-lg="end end"], [layout-align-gt-lg="space-between end"], [layout-align-gt-lg="space-around end"] {
+    -webkit-align-items: flex-end;
+        -ms-flex-align: end;
+            align-items: flex-end; }
+  [layout-gt-lg] {
+    box-sizing: border-box;
+    display: -webkit-flex;
+    display: -moz-flex;
+    display: -ms-flexbox;
+    display: flex; }
+  [layout-gt-lg=column] {
+    -webkit-flex-direction: column;
+        -ms-flex-direction: column;
+            flex-direction: column; }
+  [layout-gt-lg=row] {
+    -webkit-flex-direction: row;
+        -ms-flex-direction: row;
+            flex-direction: row; }
+  [offset-gt-lg="5"] {
+    margin-left: 5%; }
+  [offset-gt-lg="10"] {
+    margin-left: 10%; }
+  [offset-gt-lg="15"] {
+    margin-left: 15%; }
+  [offset-gt-lg="20"] {
+    margin-left: 20%; }
+  [offset-gt-lg="25"] {
+    margin-left: 25%; }
+  [offset-gt-lg="30"] {
+    margin-left: 30%; }
+  [offset-gt-lg="35"] {
+    margin-left: 35%; }
+  [offset-gt-lg="40"] {
+    margin-left: 40%; }
+  [offset-gt-lg="45"] {
+    margin-left: 45%; }
+  [offset-gt-lg="50"] {
+    margin-left: 50%; }
+  [offset-gt-lg="55"] {
+    margin-left: 55%; }
+  [offset-gt-lg="60"] {
+    margin-left: 60%; }
+  [offset-gt-lg="65"] {
+    margin-left: 65%; }
+  [offset-gt-lg="70"] {
+    margin-left: 70%; }
+  [offset-gt-lg="75"] {
+    margin-left: 75%; }
+  [offset-gt-lg="80"] {
+    margin-left: 80%; }
+  [offset-gt-lg="85"] {
+    margin-left: 85%; }
+  [offset-gt-lg="90"] {
+    margin-left: 90%; }
+  [offset-gt-lg="95"] {
+    margin-left: 95%; }
+  [offset-gt-lg="33"], [offset-gt-lg="34"] {
+    margin-left: 33.33%; }
+  [offset-gt-lg="66"], [offset-gt-lg="67"] {
+    margin-left: 66.66%; }
+  [flex-gt-lg] {
+    box-sizing: border-box;
+    -webkit-flex: 1;
+        -ms-flex: 1;
+            flex: 1; }
+  [flex-gt-lg="0"] {
+    -webkit-flex: 0 0 0%;
+        -ms-flex: 0 0 0%;
+            flex: 0 0 0%; }
+  [layout="row"] > [flex-gt-lg="0"] {
+    max-width: 0%; }
+  [layout="column"] > [flex-gt-lg="0"] {
+    max-height: 0%; }
+  [flex-gt-lg="5"] {
+    -webkit-flex: 0 0 5%;
+        -ms-flex: 0 0 5%;
+            flex: 0 0 5%; }
+  [layout="row"] > [flex-gt-lg="5"] {
+    max-width: 5%; }
+  [layout="column"] > [flex-gt-lg="5"] {
+    max-height: 5%; }
+  [flex-gt-lg="10"] {
+    -webkit-flex: 0 0 10%;
+        -ms-flex: 0 0 10%;
+            flex: 0 0 10%; }
+  [layout="row"] > [flex-gt-lg="10"] {
+    max-width: 10%; }
+  [layout="column"] > [flex-gt-lg="10"] {
+    max-height: 10%; }
+  [flex-gt-lg="15"] {
+    -webkit-flex: 0 0 15%;
+        -ms-flex: 0 0 15%;
+            flex: 0 0 15%; }
+  [layout="row"] > [flex-gt-lg="15"] {
+    max-width: 15%; }
+  [layout="column"] > [flex-gt-lg="15"] {
+    max-height: 15%; }
+  [flex-gt-lg="20"] {
+    -webkit-flex: 0 0 20%;
+        -ms-flex: 0 0 20%;
+            flex: 0 0 20%; }
+  [layout="row"] > [flex-gt-lg="20"] {
+    max-width: 20%; }
+  [layout="column"] > [flex-gt-lg="20"] {
+    max-height: 20%; }
+  [flex-gt-lg="25"] {
+    -webkit-flex: 0 0 25%;
+        -ms-flex: 0 0 25%;
+            flex: 0 0 25%; }
+  [layout="row"] > [flex-gt-lg="25"] {
+    max-width: 25%; }
+  [layout="column"] > [flex-gt-lg="25"] {
+    max-height: 25%; }
+  [flex-gt-lg="30"] {
+    -webkit-flex: 0 0 30%;
+        -ms-flex: 0 0 30%;
+            flex: 0 0 30%; }
+  [layout="row"] > [flex-gt-lg="30"] {
+    max-width: 30%; }
+  [layout="column"] > [flex-gt-lg="30"] {
+    max-height: 30%; }
+  [flex-gt-lg="35"] {
+    -webkit-flex: 0 0 35%;
+        -ms-flex: 0 0 35%;
+            flex: 0 0 35%; }
+  [layout="row"] > [flex-gt-lg="35"] {
+    max-width: 35%; }
+  [layout="column"] > [flex-gt-lg="35"] {
+    max-height: 35%; }
+  [flex-gt-lg="40"] {
+    -webkit-flex: 0 0 40%;
+        -ms-flex: 0 0 40%;
+            flex: 0 0 40%; }
+  [layout="row"] > [flex-gt-lg="40"] {
+    max-width: 40%; }
+  [layout="column"] > [flex-gt-lg="40"] {
+    max-height: 40%; }
+  [flex-gt-lg="45"] {
+    -webkit-flex: 0 0 45%;
+        -ms-flex: 0 0 45%;
+            flex: 0 0 45%; }
+  [layout="row"] > [flex-gt-lg="45"] {
+    max-width: 45%; }
+  [layout="column"] > [flex-gt-lg="45"] {
+    max-height: 45%; }
+  [flex-gt-lg="50"] {
+    -webkit-flex: 0 0 50%;
+        -ms-flex: 0 0 50%;
+            flex: 0 0 50%; }
+  [layout="row"] > [flex-gt-lg="50"] {
+    max-width: 50%; }
+  [layout="column"] > [flex-gt-lg="50"] {
+    max-height: 50%; }
+  [flex-gt-lg="55"] {
+    -webkit-flex: 0 0 55%;
+        -ms-flex: 0 0 55%;
+            flex: 0 0 55%; }
+  [layout="row"] > [flex-gt-lg="55"] {
+    max-width: 55%; }
+  [layout="column"] > [flex-gt-lg="55"] {
+    max-height: 55%; }
+  [flex-gt-lg="60"] {
+    -webkit-flex: 0 0 60%;
+        -ms-flex: 0 0 60%;
+            flex: 0 0 60%; }
+  [layout="row"] > [flex-gt-lg="60"] {
+    max-width: 60%; }
+  [layout="column"] > [flex-gt-lg="60"] {
+    max-height: 60%; }
+  [flex-gt-lg="65"] {
+    -webkit-flex: 0 0 65%;
+        -ms-flex: 0 0 65%;
+            flex: 0 0 65%; }
+  [layout="row"] > [flex-gt-lg="65"] {
+    max-width: 65%; }
+  [layout="column"] > [flex-gt-lg="65"] {
+    max-height: 65%; }
+  [flex-gt-lg="70"] {
+    -webkit-flex: 0 0 70%;
+        -ms-flex: 0 0 70%;
+            flex: 0 0 70%; }
+  [layout="row"] > [flex-gt-lg="70"] {
+    max-width: 70%; }
+  [layout="column"] > [flex-gt-lg="70"] {
+    max-height: 70%; }
+  [flex-gt-lg="75"] {
+    -webkit-flex: 0 0 75%;
+        -ms-flex: 0 0 75%;
+            flex: 0 0 75%; }
+  [layout="row"] > [flex-gt-lg="75"] {
+    max-width: 75%; }
+  [layout="column"] > [flex-gt-lg="75"] {
+    max-height: 75%; }
+  [flex-gt-lg="80"] {
+    -webkit-flex: 0 0 80%;
+        -ms-flex: 0 0 80%;
+            flex: 0 0 80%; }
+  [layout="row"] > [flex-gt-lg="80"] {
+    max-width: 80%; }
+  [layout="column"] > [flex-gt-lg="80"] {
+    max-height: 80%; }
+  [flex-gt-lg="85"] {
+    -webkit-flex: 0 0 85%;
+        -ms-flex: 0 0 85%;
+            flex: 0 0 85%; }
+  [layout="row"] > [flex-gt-lg="85"] {
+    max-width: 85%; }
+  [layout="column"] > [flex-gt-lg="85"] {
+    max-height: 85%; }
+  [flex-gt-lg="90"] {
+    -webkit-flex: 0 0 90%;
+        -ms-flex: 0 0 90%;
+            flex: 0 0 90%; }
+  [layout="row"] > [flex-gt-lg="90"] {
+    max-width: 90%; }
+  [layout="column"] > [flex-gt-lg="90"] {
+    max-height: 90%; }
+  [flex-gt-lg="95"] {
+    -webkit-flex: 0 0 95%;
+        -ms-flex: 0 0 95%;
+            flex: 0 0 95%; }
+  [layout="row"] > [flex-gt-lg="95"] {
+    max-width: 95%; }
+  [layout="column"] > [flex-gt-lg="95"] {
+    max-height: 95%; }
+  [flex-gt-lg="100"] {
+    -webkit-flex: 0 0 100%;
+        -ms-flex: 0 0 100%;
+            flex: 0 0 100%; }
+  [layout="row"] > [flex-gt-lg="100"] {
+    max-width: 100%; }
+  [layout="column"] > [flex-gt-lg="100"] {
+    max-height: 100%; }
+  [flex-gt-lg="33"], [flex-gt-lg="34"] {
+    -webkit-flex: 0 0 33.33%;
+        -ms-flex: 0 0 33.33%;
+            flex: 0 0 33.33%; }
+  [flex-gt-lg="66"], [flex-gt-lg="67"] {
+    -webkit-flex: 0 0 66.66%;
+        -ms-flex: 0 0 66.66%;
+            flex: 0 0 66.66%; }
+  [layout="row"] > [flex-gt-lg="33"], [layout="row"] > [flex-gt-lg="34"] {
+    max-width: 33.33%; }
+  [layout="row"] > [flex-gt-lg="66"], [layout="row"] > [flex-gt-lg="67"] {
+    max-width: 66.66%; }
+  [layout="column"] > [flex-gt-lg="33"], [layout="column"] > [flex-gt-lg="34"] {
+    max-height: 33.33%; }
+  [layout="column"] > [flex-gt-lg="66"], [layout="column"] > [flex-gt-lg="67"] {
+    max-height: 66.66%; } }
+
+/* mixin definition ; sets LTR and RTL within the same style call */
+/* mixin definition ; sets LTR and RTL within the same style call */
+/* mixin definition ; sets LTR and RTL within the same style call */
+html, body {
+  height: 100%;
+  color: rgba(0, 0, 0, 0.87);
+  background: white;
+  position: relative; }
+
+body {
+  margin: 0;
+  padding: 0; }
+
+[tabindex='-1']:focus {
+  outline: none; }
+
+.inset {
+  padding: 10px; }
+
+button.md-no-style {
+  font-weight: normal;
+  background-color: inherit;
+  text-align: left;
+  border: none;
+  padding: 0;
+  margin: 0; }
+
+select, button, textarea, input {
+  vertical-align: baseline; }
+
+input[type="reset"], input[type="submit"], html input[type="button"], button {
+  cursor: pointer;
+  -webkit-appearance: button; }
+  input[type="reset"][disabled], input[type="submit"][disabled], html input[type="button"][disabled], button[disabled] {
+    cursor: default; }
+
+textarea {
+  vertical-align: top;
+  overflow: auto; }
+
+input[type="search"] {
+  -webkit-appearance: textfield;
+  box-sizing: content-box;
+  -webkit-box-sizing: content-box; }
+  input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button {
+    -webkit-appearance: none; }
+
+.md-visually-hidden {
+  border: 0;
+  clip: rect(0 0 0 0);
+  height: 1px;
+  margin: -1px;
+  overflow: hidden;
+  padding: 0;
+  position: absolute;
+  text-transform: none;
+  width: 1px; }
+
+.md-shadow {
+  position: absolute;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  border-radius: inherit;
+  pointer-events: none; }
+
+.md-shadow-bottom-z-1 {
+  box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.26); }
+
+.md-shadow-bottom-z-2 {
+  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.4); }
+
+.md-shadow-animated.md-shadow {
+  transition: box-shadow 0.28s cubic-bezier(0.4, 0, 0.2, 1); }
+
+/*
+ * A container inside of a rippling element (eg a button),
+ * which contains all of the individual ripples
+ */
+.md-ripple-container {
+  pointer-events: none;
+  position: absolute;
+  overflow: hidden;
+  left: 0;
+  top: 0;
+  width: 100%;
+  height: 100%;
+  transition: all 0.55s cubic-bezier(0.25, 0.8, 0.25, 1); }
+
+.md-ripple {
+  position: absolute;
+  -webkit-transform: scale(0);
+          transform: scale(0);
+  -webkit-transform-origin: 50% 50%;
+          transform-origin: 50% 50%;
+  opacity: 0;
+  border-radius: 50%; }
+  .md-ripple.md-ripple-placed {
+    transition: left 1.8s cubic-bezier(0.25, 0.8, 0.25, 1), top 1.8s cubic-bezier(0.25, 0.8, 0.25, 1), margin 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), width 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), height 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), -webkit-transform 1.3s cubic-bezier(0.25, 0.8, 0.25, 1);
+    transition: left 1.8s cubic-bezier(0.25, 0.8, 0.25, 1), top 1.8s cubic-bezier(0.25, 0.8, 0.25, 1), margin 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), border 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), width 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), height 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), opacity 1.3s cubic-bezier(0.25, 0.8, 0.25, 1), transform 1.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
+  .md-ripple.md-ripple-scaled {
+    -webkit-transform: scale(1);
+            transform: scale(1); }
+  .md-ripple.md-ripple-active, .md-ripple.md-ripple-full, .md-ripple.md-ripple-visible {
+    opacity: 0.20; }
+
+.md-padding {
+  padding: 8px; }
+
+.md-margin {
+  margin: 8px; }
+
+.md-scroll-mask {
+  position: absolute;
+  background-color: transparent;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0; }
+  .md-scroll-mask > .md-scroll-mask-bar {
+    display: block;
+    position: absolute;
+    background-color: #fafafa;
+    right: 0;
+    top: 0;
+    bottom: 0;
+    z-index: 65;
+    box-shadow: inset 0px 0px 1px rgba(0, 0, 0, 0.3); }
+
+@media (min-width: 600px) {
+  .md-padding {
+    padding: 16px; } }
+
+/* mixin definition ; sets LTR and RTL within the same style call */
+html, body {
+  -webkit-tap-highlight-color: transparent;
+  -webkit-touch-callout: none;
+  -webkit-text-size-adjust: 100%;
+  -webkit-font-smoothing: antialiased; }
+
+md-select, md-card, md-list, md-toolbar, ul, ol, p, h1, h2, h3, h4, h5, h6 {
+  text-rendering: optimizeLegibility; }
+
+/************
+ * Headings
+ ************/
+.md-display-4 {
+  font-size: 112px;
+  font-weight: 300;
+  letter-spacing: -0.01em;
+  line-height: 112px; }
+
+.md-display-3 {
+  font-size: 56px;
+  font-weight: 400;
+  letter-spacing: -0.005em;
+  line-height: 56px; }
+
+.md-display-2 {
+  font-size: 45px;
+  font-weight: 400;
+  line-height: 64px; }
+
+.md-display-1 {
+  font-size: 34px;
+  font-weight: 400;
+  line-height: 40px; }
+
+.md-headline {
+  font-size: 24px;
+  font-weight: 400;
+  line-height: 32px; }
+
+.md-title {
+  font-size: 20px;
+  font-weight: 500;
+  letter-spacing: 0.005em; }
+
+.md-subhead {
+  font-size: 16px;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  line-height: 24px; }
+
+/************
+ * Body Copy
+ ************/
+.md-body-1 {
+  font-size: 14px;
+  font-weight: 400;
+  letter-spacing: 0.01em;
+  line-height: 20px; }
+
+.md-body-2 {
+  font-size: 14px;
+  font-weight: 500;
+  letter-spacing: 0.01em;
+  line-height: 24px; }
+
+.md-caption {
+  font-size: 12px;
+  letter-spacing: 0.02em; }
+
+.md-button {
+  letter-spacing: 0.01em; }
+
+/************
+ * Defaults
+ ************/
+button, select, html, textarea, input {
+  font-family: RobotoDraft, Roboto, 'Helvetica Neue', sans-serif; }
+
+select, button, textarea, input {
+  font-size: 100%; }
+
+/* mixin definition ; sets LTR and RTL within the same style call */