framework7 6.3.4 → 7.0.0-beta.3

package/components/gauge/gauge-class.js

@@ -0,0 +1,306 @@
+/* eslint no-nested-ternary: off */
+import { getDocument } from 'ssr-window';
+import $ from '../../shared/dom7';
+import { extend, deleteProps } from '../../shared/utils';
+import Framework7Class from '../../shared/class';
+/** @jsx $jsx */
+
+import $jsx from '../../shared/$jsx';
+
+class Gauge extends Framework7Class {
+  constructor(app, params = {}) {
+    super(params, [app]);
+    const self = this;
+    const defaults = extend({}, app.params.gauge); // Extend defaults with modules params
+
+    self.useModulesParams(defaults);
+    self.params = extend(defaults, params);
+    const {
+      el
+    } = self.params;
+    if (!el) return self;
+    const $el = $(el);
+    if ($el.length === 0) return self;
+    if ($el[0].f7Gauge) return $el[0].f7Gauge;
+    extend(self, {
+      app,
+      $el,
+      el: $el && $el[0]
+    });
+    $el[0].f7Gauge = self; // Install Modules
+
+    self.useModules();
+    self.init();
+    return self;
+  }
+
+  calcRadius() {
+    const self = this;
+    const {
+      size,
+      borderWidth
+    } = self.params;
+    return size / 2 - borderWidth / 2;
+  }
+
+  calcBorderLength() {
+    const self = this;
+    const radius = self.calcRadius();
+    return 2 * Math.PI * radius;
+  }
+
+  render() {
+    const self = this;
+    if (self.params.render) return self.params.render.call(self, self);
+    const {
+      type,
+      value,
+      size,
+      bgColor,
+      borderBgColor,
+      borderColor,
+      borderWidth,
+      valueText,
+      valueTextColor,
+      valueFontSize,
+      valueFontWeight,
+      labelText,
+      labelTextColor,
+      labelFontSize,
+      labelFontWeight
+    } = self.params;
+    const semiCircle = type === 'semicircle';
+    const radius = self.calcRadius();
+    const length = self.calcBorderLength();
+    const progress = Math.max(Math.min(value, 1), 0);
+    return $jsx("svg", {
+      class: "gauge-svg",
+      width: `${size}px`,
+      height: `${semiCircle ? size / 2 : size}px`,
+      viewBox: `0 0 ${size} ${semiCircle ? size / 2 : size}`
+    }, semiCircle && $jsx("path", {
+      class: "gauge-back-semi",
+      d: `M${size - borderWidth / 2},${size / 2} a1,1 0 0,0 -${size - borderWidth},0`,
+      stroke: borderBgColor,
+      "stroke-width": borderWidth,
+      fill: bgColor || 'none'
+    }), semiCircle && $jsx("path", {
+      class: "gauge-front-semi",
+      d: `M${size - borderWidth / 2},${size / 2} a1,1 0 0,0 -${size - borderWidth},0`,
+      stroke: borderColor,
+      "stroke-width": borderWidth,
+      "stroke-dasharray": length / 2,
+      "stroke-dashoffset": length / 2 * (1 + progress),
+      fill: borderBgColor ? 'none' : bgColor || 'none'
+    }), !semiCircle && borderBgColor && $jsx("circle", {
+      class: "gauge-back-circle",
+      stroke: borderBgColor,
+      "stroke-width": borderWidth,
+      fill: bgColor || 'none',
+      cx: size / 2,
+      cy: size / 2,
+      r: radius
+    }), !semiCircle && $jsx("circle", {
+      class: "gauge-front-circle",
+      transform: `rotate(-90 ${size / 2} ${size / 2})`,
+      stroke: borderColor,
+      "stroke-width": borderWidth,
+      "stroke-dasharray": length,
+      "stroke-dashoffset": length * (1 - progress),
+      fill: borderBgColor ? 'none' : bgColor || 'none',
+      cx: size / 2,
+      cy: size / 2,
+      r: radius
+    }), valueText && $jsx("text", {
+      class: "gauge-value-text",
+      x: "50%",
+      y: semiCircle ? '100%' : '50%',
+      "font-weight": valueFontWeight,
+      "font-size": valueFontSize,
+      fill: valueTextColor,
+      dy: semiCircle ? labelText ? -labelFontSize - 15 : -5 : 0,
+      "text-anchor": "middle",
+      "dominant-baseline": !semiCircle && 'middle'
+    }, valueText), labelText && $jsx("text", {
+      class: "gauge-label-text",
+      x: "50%",
+      y: semiCircle ? '100%' : '50%',
+      "font-weight": labelFontWeight,
+      "font-size": labelFontSize,
+      fill: labelTextColor,
+      dy: semiCircle ? -5 : valueText ? valueFontSize / 2 + 10 : 0,
+      "text-anchor": "middle",
+      "dominant-baseline": !semiCircle && 'middle'
+    }, labelText));
+  }
+
+  update(newParams = {}) {
+    const self = this;
+    const document = getDocument();
+    const {
+      params,
+      $svgEl
+    } = self;
+    Object.keys(newParams).forEach(param => {
+      if (typeof newParams[param] !== 'undefined') {
+        params[param] = newParams[param];
+      }
+    });
+    if ($svgEl.length === 0) return self;
+    const {
+      value,
+      size,
+      bgColor,
+      borderBgColor,
+      borderColor,
+      borderWidth,
+      valueText,
+      valueTextColor,
+      valueFontSize,
+      valueFontWeight,
+      labelText,
+      labelTextColor,
+      labelFontSize,
+      labelFontWeight
+    } = params;
+    const length = self.calcBorderLength();
+    const progress = Math.max(Math.min(value, 1), 0);
+    const radius = self.calcRadius();
+    const semiCircle = params.type === 'semicircle';
+    const svgAttrs = {
+      width: `${size}px`,
+      height: `${semiCircle ? size / 2 : size}px`,
+      viewBox: `0 0 ${size} ${semiCircle ? size / 2 : size}`
+    };
+    Object.keys(svgAttrs).forEach(attr => {
+      $svgEl.attr(attr, svgAttrs[attr]);
+    });
+
+    if (semiCircle) {
+      const backAttrs = {
+        d: `M${size - borderWidth / 2},${size / 2} a1,1 0 0,0 -${size - borderWidth},0`,
+        stroke: borderBgColor,
+        'stroke-width': borderWidth,
+        fill: bgColor || 'none'
+      };
+      const frontAttrs = {
+        d: `M${size - borderWidth / 2},${size / 2} a1,1 0 0,0 -${size - borderWidth},0`,
+        stroke: borderColor,
+        'stroke-width': borderWidth,
+        'stroke-dasharray': length / 2,
+        'stroke-dashoffset': length / 2 * (1 + progress),
+        fill: borderBgColor ? 'none' : bgColor || 'none'
+      };
+      Object.keys(backAttrs).forEach(attr => {
+        $svgEl.find('.gauge-back-semi').attr(attr, backAttrs[attr]);
+      });
+      Object.keys(frontAttrs).forEach(attr => {
+        $svgEl.find('.gauge-front-semi').attr(attr, frontAttrs[attr]);
+      });
+    } else {
+      const backAttrs = {
+        stroke: borderBgColor,
+        'stroke-width': borderWidth,
+        fill: bgColor || 'none',
+        cx: size / 2,
+        cy: size / 2,
+        r: radius
+      };
+      const frontAttrs = {
+        transform: `rotate(-90 ${size / 2} ${size / 2})`,
+        stroke: borderColor,
+        'stroke-width': borderWidth,
+        'stroke-dasharray': length,
+        'stroke-dashoffset': length * (1 - progress),
+        fill: borderBgColor ? 'none' : bgColor || 'none',
+        cx: size / 2,
+        cy: size / 2,
+        r: radius
+      };
+      Object.keys(backAttrs).forEach(attr => {
+        $svgEl.find('.gauge-back-circle').attr(attr, backAttrs[attr]);
+      });
+      Object.keys(frontAttrs).forEach(attr => {
+        $svgEl.find('.gauge-front-circle').attr(attr, frontAttrs[attr]);
+      });
+    }
+
+    if (valueText) {
+      if (!$svgEl.find('.gauge-value-text').length) {
+        const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+        textEl.classList.add('gauge-value-text');
+        $svgEl.append(textEl);
+      }
+
+      const textAttrs = {
+        x: '50%',
+        y: semiCircle ? '100%' : '50%',
+        'font-weight': valueFontWeight,
+        'font-size': valueFontSize,
+        fill: valueTextColor,
+        dy: semiCircle ? labelText ? -labelFontSize - 15 : -5 : 0,
+        'text-anchor': 'middle',
+        'dominant-baseline': !semiCircle && 'middle'
+      };
+      Object.keys(textAttrs).forEach(attr => {
+        $svgEl.find('.gauge-value-text').attr(attr, textAttrs[attr]);
+      });
+      $svgEl.find('.gauge-value-text').text(valueText);
+    } else {
+      $svgEl.find('.gauge-value-text').remove();
+    }
+
+    if (labelText) {
+      if (!$svgEl.find('.gauge-label-text').length) {
+        const textEl = document.createElementNS('http://www.w3.org/2000/svg', 'text');
+        textEl.classList.add('gauge-label-text');
+        $svgEl.append(textEl);
+      }
+
+      const labelAttrs = {
+        x: '50%',
+        y: semiCircle ? '100%' : '50%',
+        'font-weight': labelFontWeight,
+        'font-size': labelFontSize,
+        fill: labelTextColor,
+        dy: semiCircle ? -5 : valueText ? valueFontSize / 2 + 10 : 0,
+        'text-anchor': 'middle',
+        'dominant-baseline': !semiCircle && 'middle'
+      };
+      Object.keys(labelAttrs).forEach(attr => {
+        $svgEl.find('.gauge-label-text').attr(attr, labelAttrs[attr]);
+      });
+      $svgEl.find('.gauge-label-text').text(labelText);
+    } else {
+      $svgEl.find('.gauge-label-text').remove();
+    }
+
+    return self;
+  }
+
+  init() {
+    const self = this;
+    const $svgEl = $(self.render()).eq(0);
+    $svgEl.f7Gauge = self;
+    extend(self, {
+      $svgEl,
+      svgEl: $svgEl && $svgEl[0]
+    });
+    self.$el.append($svgEl);
+    return self;
+  }
+
+  destroy() {
+    const self = this;
+    if (!self.$el || self.destroyed) return;
+    self.$el.trigger('gauge:beforedestroy');
+    self.emit('local::beforeDestroy gaugeBeforeDestroy', self);
+    self.$svgEl.remove();
+    delete self.$el[0].f7Gauge;
+    deleteProps(self);
+    self.destroyed = true;
+  }
+
+}
+
+export default Gauge;

package/components/gauge/gauge.js

@@ -1 +1,99 @@
-(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var r=e.$,a=e.utils,n=(e.getDevice,e.getSupport,e.Class),o=(e.Modal,e.ConstructorMethods);e.ModalMethods;function i(e){this.wrapped=e}function l(e){var t,r;function a(t,r){try{var o=e[t](r),l=o.value,s=l instanceof i;Promise.resolve(s?l.wrapped:l).then((function(e){s?a("return"===t?"return":"next",e):n(o.done?"return":"normal",e)}),(function(e){a("throw",e)}))}catch(e){n("throw",e)}}function n(e,n){switch(e){case"return":t.resolve({value:n,done:!0});break;case"throw":t.reject(n);break;default:t.resolve({value:n,done:!1})}(t=t.next)?a(t.key,t.arg):r=null}this._invoke=function(e,n){return new Promise((function(o,i){var l={key:e,arg:n,resolve:o,reject:i,next:null};r?r=r.next=l:(t=r=l,a(e,n))}))},"function"!=typeof e.return&&(this.return=void 0)}function s(e,t){return(s=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function u(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}l.prototype["function"==typeof Symbol&&Symbol.asyncIterator||"@@asyncIterator"]=function(){return this},l.prototype.next=function(e){return this._invoke("next",e)},l.prototype.throw=function(e){return this._invoke("throw",e)},l.prototype.return=function(e){return this._invoke("return",e)};var c=a.extend,d=a.deleteProps,f=function(e){var t,a;function n(t,a){var n;void 0===a&&(a={});var o=u(n=e.call(this,a,[t])||this),i=c({},t.params.gauge);o.useModulesParams(i),o.params=c(i,a);var l=o.params.el;if(!l)return o||u(n);var s=r(l);return 0===s.length?o||u(n):s[0].f7Gauge?s[0].f7Gauge||u(n):(c(o,{app:t,$el:s,el:s&&s[0]}),s[0].f7Gauge=o,o.useModules(),o.init(),o||u(n))}a=e,(t=n).prototype=Object.create(a.prototype),t.prototype.constructor=t,s(t,a);var o=n.prototype;return o.calcRadius=function(){var e=this.params;return e.size/2-e.borderWidth/2},o.calcBorderLength=function(){var e=this.calcRadius();return 2*Math.PI*e},o.render=function(){var e=this;if(e.params.render)return e.params.render.call(e,e);var t=e.params,r=t.type,a=t.value,n=t.size,o=t.bgColor,i=t.borderBgColor,l=t.borderColor,s=t.borderWidth,u=t.valueText,c=t.valueTextColor,d=t.valueFontSize,f=t.valueFontWeight,g=t.labelText,h=t.labelTextColor,v=t.labelFontSize,p=t.labelFontWeight,x="semicircle"===r,m=e.calcRadius(),b=e.calcBorderLength(),y=Math.max(Math.min(a,1),0);return $jsx("svg",{class:"gauge-svg",width:n+"px",height:(x?n/2:n)+"px",viewBox:"0 0 "+n+" "+(x?n/2:n)},x&&$jsx("path",{class:"gauge-back-semi",d:"M"+(n-s/2)+","+n/2+" a1,1 0 0,0 -"+(n-s)+",0",stroke:i,"stroke-width":s,fill:o||"none"}),x&&$jsx("path",{class:"gauge-front-semi",d:"M"+(n-s/2)+","+n/2+" a1,1 0 0,0 -"+(n-s)+",0",stroke:l,"stroke-width":s,"stroke-dasharray":b/2,"stroke-dashoffset":b/2*(1+y),fill:i?"none":o||"none"}),!x&&i&&$jsx("circle",{class:"gauge-back-circle",stroke:i,"stroke-width":s,fill:o||"none",cx:n/2,cy:n/2,r:m}),!x&&$jsx("circle",{class:"gauge-front-circle",transform:"rotate(-90 "+n/2+" "+n/2+")",stroke:l,"stroke-width":s,"stroke-dasharray":b,"stroke-dashoffset":b*(1-y),fill:i?"none":o||"none",cx:n/2,cy:n/2,r:m}),u&&$jsx("text",{class:"gauge-value-text",x:"50%",y:x?"100%":"50%","font-weight":f,"font-size":d,fill:c,dy:x?g?-v-15:-5:0,"text-anchor":"middle","dominant-baseline":!x&&"middle"},u),g&&$jsx("text",{class:"gauge-label-text",x:"50%",y:x?"100%":"50%","font-weight":p,"font-size":v,fill:h,dy:x?-5:u?d/2+10:0,"text-anchor":"middle","dominant-baseline":!x&&"middle"},g))},o.update=function(e){void 0===e&&(e={});var t=this,r=t.params,a=t.$svgEl;if(Object.keys(e).forEach((function(t){void 0!==e[t]&&(r[t]=e[t])})),0===a.length)return t;var n=r.value,o=r.size,i=r.bgColor,l=r.borderBgColor,s=r.borderColor,u=r.borderWidth,c=r.valueText,d=r.valueTextColor,f=r.valueFontSize,g=r.valueFontWeight,h=r.labelText,v=r.labelTextColor,p=r.labelFontSize,x=r.labelFontWeight,m=t.calcBorderLength(),b=Math.max(Math.min(n,1),0),y=t.calcRadius(),k="semicircle"===r.type,w={width:o+"px",height:(k?o/2:o)+"px",viewBox:"0 0 "+o+" "+(k?o/2:o)};if(Object.keys(w).forEach((function(e){a.attr(e,w[e])})),k){var j={d:"M"+(o-u/2)+","+o/2+" a1,1 0 0,0 -"+(o-u)+",0",stroke:l,"stroke-width":u,fill:i||"none"},C={d:"M"+(o-u/2)+","+o/2+" a1,1 0 0,0 -"+(o-u)+",0",stroke:s,"stroke-width":u,"stroke-dasharray":m/2,"stroke-dashoffset":m/2*(1+b),fill:l?"none":i||"none"};Object.keys(j).forEach((function(e){a.find(".gauge-back-semi").attr(e,j[e])})),Object.keys(C).forEach((function(e){a.find(".gauge-front-semi").attr(e,C[e])}))}else{var M={stroke:l,"stroke-width":u,fill:i||"none",cx:o/2,cy:o/2,r:y},$={transform:"rotate(-90 "+o/2+" "+o/2+")",stroke:s,"stroke-width":u,"stroke-dasharray":m,"stroke-dashoffset":m*(1-b),fill:l?"none":i||"none",cx:o/2,cy:o/2,r:y};Object.keys(M).forEach((function(e){a.find(".gauge-back-circle").attr(e,M[e])})),Object.keys($).forEach((function(e){a.find(".gauge-front-circle").attr(e,$[e])}))}if(c){if(!a.find(".gauge-value-text").length){var E=document.createElementNS("http://www.w3.org/2000/svg","text");E.classList.add("gauge-value-text"),a.append(E)}var z={x:"50%",y:k?"100%":"50%","font-weight":g,"font-size":f,fill:d,dy:k?h?-p-15:-5:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(z).forEach((function(e){a.find(".gauge-value-text").attr(e,z[e])})),a.find(".gauge-value-text").text(c)}else a.find(".gauge-value-text").remove();if(h){if(!a.find(".gauge-label-text").length){var G=document.createElementNS("http://www.w3.org/2000/svg","text");G.classList.add("gauge-label-text"),a.append(G)}var F={x:"50%",y:k?"100%":"50%","font-weight":x,"font-size":p,fill:v,dy:k?-5:c?f/2+10:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(F).forEach((function(e){a.find(".gauge-label-text").attr(e,F[e])})),a.find(".gauge-label-text").text(h)}else a.find(".gauge-label-text").remove();return t},o.init=function(){var e=this,t=r(e.render()).eq(0);return t.f7Gauge=e,c(e,{$svgEl:t,svgEl:t&&t[0]}),e.$el.append(t),e},o.destroy=function(){var e=this;e.$el&&!e.destroyed&&(e.$el.trigger("gauge:beforedestroy"),e.emit("local::beforeDestroy gaugeBeforeDestroy",e),e.$svgEl.remove(),delete e.$el[0].f7Gauge,d(e),e.destroyed=!0)},n}(n),g={name:"gauge",static:{Gauge:f},create:function(){var e=this;e.gauge=o({defaultSelector:".gauge",constructor:f,app:e,domProp:"f7Gauge"}),e.gauge.update=function(t,a){if(0!==r(t).length){var n=e.gauge.get(t);if(n)return n.update(a),n}}},params:{gauge:{el:null,type:"circle",value:0,size:200,bgColor:"transparent",borderBgColor:"#eeeeee",borderColor:"#000000",borderWidth:10,valueText:null,valueTextColor:"#000000",valueFontSize:31,valueFontWeight:500,labelText:null,labelTextColor:"#888888",labelFontSize:14,labelFontWeight:400}},on:{tabMounted:function(e){var t=this;r(e).find(".gauge-init").each((function(e){t.gauge.create(c({el:e},r(e).dataset()||{}))}))},tabBeforeRemove:function(e){r(e).find(".gauge-init").each((function(e){e.f7Gauge&&e.f7Gauge.destroy()}))},pageInit:function(e){var t=this;e.$el.find(".gauge-init").each((function(e){t.gauge.create(c({el:e},r(e).dataset()||{}))}))},pageBeforeRemove:function(e){e.$el.find(".gauge-init").each((function(e){e.f7Gauge&&e.f7Gauge.destroy()}))}},vnode:{"gauge-init":{insert:function(e){var t=e.elm;this.gauge.create(c({el:t},r(t).dataset()||{}))},destroy:function(e){var t=e.elm;t.f7Gauge&&t.f7Gauge.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[g.name])return;e.use(g),e.instance&&(e.instance.useModuleParams(g,e.instance.params),e.instance.useModule(g))}return g}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))
+import $ from '../../shared/dom7';
+import Gauge from './gauge-class';
+import ConstructorMethods from '../../shared/constructor-methods';
+import { extend } from '../../shared/utils';
+export default {
+  name: 'gauge',
+  static: {
+    Gauge
+  },
+
+  create() {
+    const app = this;
+    app.gauge = ConstructorMethods({
+      defaultSelector: '.gauge',
+      constructor: Gauge,
+      app,
+      domProp: 'f7Gauge'
+    });
+
+    app.gauge.update = function update(el, newParams) {
+      const $el = $(el);
+      if ($el.length === 0) return undefined;
+      const gauge = app.gauge.get(el);
+      if (!gauge) return undefined;
+      gauge.update(newParams);
+      return gauge;
+    };
+  },
+
+  params: {
+    gauge: {
+      el: null,
+      type: 'circle',
+      value: 0,
+      size: 200,
+      bgColor: 'transparent',
+      borderBgColor: '#eeeeee',
+      borderColor: '#000000',
+      borderWidth: 10,
+      valueText: null,
+      valueTextColor: '#000000',
+      valueFontSize: 31,
+      valueFontWeight: 500,
+      labelText: null,
+      labelTextColor: '#888888',
+      labelFontSize: 14,
+      labelFontWeight: 400
+    }
+  },
+  on: {
+    tabMounted(tabEl) {
+      const app = this;
+      $(tabEl).find('.gauge-init').each(el => {
+        app.gauge.create(extend({
+          el
+        }, $(el).dataset() || {}));
+      });
+    },
+
+    tabBeforeRemove(tabEl) {
+      $(tabEl).find('.gauge-init').each(el => {
+        if (el.f7Gauge) el.f7Gauge.destroy();
+      });
+    },
+
+    pageInit(page) {
+      const app = this;
+      page.$el.find('.gauge-init').each(el => {
+        app.gauge.create(extend({
+          el
+        }, $(el).dataset() || {}));
+      });
+    },
+
+    pageBeforeRemove(page) {
+      page.$el.find('.gauge-init').each(el => {
+        if (el.f7Gauge) el.f7Gauge.destroy();
+      });
+    }
+
+  },
+  vnode: {
+    'gauge-init': {
+      insert(vnode) {
+        const app = this;
+        const el = vnode.elm;
+        app.gauge.create(extend({
+          el
+        }, $(el).dataset() || {}));
+      },
+
+      destroy(vnode) {
+        const el = vnode.elm;
+        if (el.f7Gauge) el.f7Gauge.destroy();
+      }
+
+    }
+  }
+};

package/components/gauge/gauge.umd.js

@@ -0,0 +1 @@
+(function framework7ComponentLoader(e,t){void 0===t&&(t=!0);var a=e.$,o=e.utils,r=(e.getDevice,e.getSupport,e.Class),s=(e.Modal,e.ConstructorMethods),l=(e.ModalMethods,o.extend),n=o.deleteProps;class i extends r{constructor(e,t={}){super(t,[e]);const o=this,r=l({},e.params.gauge);o.useModulesParams(r),o.params=l(r,t);const{el:s}=o.params;if(!s)return o;const n=a(s);return 0===n.length?o:n[0].f7Gauge?n[0].f7Gauge:(l(o,{app:e,$el:n,el:n&&n[0]}),n[0].f7Gauge=o,o.useModules(),o.init(),o)}calcRadius(){const{size:e,borderWidth:t}=this.params;return e/2-t/2}calcBorderLength(){const e=this.calcRadius();return 2*Math.PI*e}render(){const e=this;if(e.params.render)return e.params.render.call(e,e);const{type:t,value:a,size:o,bgColor:r,borderBgColor:s,borderColor:l,borderWidth:n,valueText:i,valueTextColor:g,valueFontSize:d,valueFontWeight:c,labelText:u,labelTextColor:f,labelFontSize:h,labelFontWeight:x}=e.params,m="semicircle"===t,b=e.calcRadius(),p=e.calcBorderLength(),v=Math.max(Math.min(a,1),0);return $jsx("svg",{class:"gauge-svg",width:`${o}px`,height:`${m?o/2:o}px`,viewBox:`0 0 ${o} ${m?o/2:o}`},m&&$jsx("path",{class:"gauge-back-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:s,"stroke-width":n,fill:r||"none"}),m&&$jsx("path",{class:"gauge-front-semi",d:`M${o-n/2},${o/2} a1,1 0 0,0 -${o-n},0`,stroke:l,"stroke-width":n,"stroke-dasharray":p/2,"stroke-dashoffset":p/2*(1+v),fill:s?"none":r||"none"}),!m&&s&&$jsx("circle",{class:"gauge-back-circle",stroke:s,"stroke-width":n,fill:r||"none",cx:o/2,cy:o/2,r:b}),!m&&$jsx("circle",{class:"gauge-front-circle",transform:`rotate(-90 ${o/2} ${o/2})`,stroke:l,"stroke-width":n,"stroke-dasharray":p,"stroke-dashoffset":p*(1-v),fill:s?"none":r||"none",cx:o/2,cy:o/2,r:b}),i&&$jsx("text",{class:"gauge-value-text",x:"50%",y:m?"100%":"50%","font-weight":c,"font-size":d,fill:g,dy:m?u?-h-15:-5:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},i),u&&$jsx("text",{class:"gauge-label-text",x:"50%",y:m?"100%":"50%","font-weight":x,"font-size":h,fill:f,dy:m?-5:i?d/2+10:0,"text-anchor":"middle","dominant-baseline":!m&&"middle"},u))}update(e={}){const t=this,a=getDocument(),{params:o,$svgEl:r}=t;if(Object.keys(e).forEach((t=>{void 0!==e[t]&&(o[t]=e[t])})),0===r.length)return t;const{value:s,size:l,bgColor:n,borderBgColor:i,borderColor:g,borderWidth:d,valueText:c,valueTextColor:u,valueFontSize:f,valueFontWeight:h,labelText:x,labelTextColor:m,labelFontSize:b,labelFontWeight:p}=o,v=t.calcBorderLength(),$=Math.max(Math.min(s,1),0),y=t.calcRadius(),k="semicircle"===o.type,w={width:`${l}px`,height:`${k?l/2:l}px`,viewBox:`0 0 ${l} ${k?l/2:l}`};if(Object.keys(w).forEach((e=>{r.attr(e,w[e])})),k){const e={d:`M${l-d/2},${l/2} a1,1 0 0,0 -${l-d},0`,stroke:i,"stroke-width":d,fill:n||"none"},t={d:`M${l-d/2},${l/2} a1,1 0 0,0 -${l-d},0`,stroke:g,"stroke-width":d,"stroke-dasharray":v/2,"stroke-dashoffset":v/2*(1+$),fill:i?"none":n||"none"};Object.keys(e).forEach((t=>{r.find(".gauge-back-semi").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-semi").attr(e,t[e])}))}else{const e={stroke:i,"stroke-width":d,fill:n||"none",cx:l/2,cy:l/2,r:y},t={transform:`rotate(-90 ${l/2} ${l/2})`,stroke:g,"stroke-width":d,"stroke-dasharray":v,"stroke-dashoffset":v*(1-$),fill:i?"none":n||"none",cx:l/2,cy:l/2,r:y};Object.keys(e).forEach((t=>{r.find(".gauge-back-circle").attr(t,e[t])})),Object.keys(t).forEach((e=>{r.find(".gauge-front-circle").attr(e,t[e])}))}if(c){if(!r.find(".gauge-value-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-value-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":h,"font-size":f,fill:u,dy:k?x?-b-15:-5:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-value-text").attr(t,e[t])})),r.find(".gauge-value-text").text(c)}else r.find(".gauge-value-text").remove();if(x){if(!r.find(".gauge-label-text").length){const e=a.createElementNS("http://www.w3.org/2000/svg","text");e.classList.add("gauge-label-text"),r.append(e)}const e={x:"50%",y:k?"100%":"50%","font-weight":p,"font-size":b,fill:m,dy:k?-5:c?f/2+10:0,"text-anchor":"middle","dominant-baseline":!k&&"middle"};Object.keys(e).forEach((t=>{r.find(".gauge-label-text").attr(t,e[t])})),r.find(".gauge-label-text").text(x)}else r.find(".gauge-label-text").remove();return t}init(){const e=this,t=a(e.render()).eq(0);return t.f7Gauge=e,l(e,{$svgEl:t,svgEl:t&&t[0]}),e.$el.append(t),e}destroy(){const e=this;e.$el&&!e.destroyed&&(e.$el.trigger("gauge:beforedestroy"),e.emit("local::beforeDestroy gaugeBeforeDestroy",e),e.$svgEl.remove(),delete e.$el[0].f7Gauge,n(e),e.destroyed=!0)}}var g={name:"gauge",static:{Gauge:i},create(){const e=this;e.gauge=s({defaultSelector:".gauge",constructor:i,app:e,domProp:"f7Gauge"}),e.gauge.update=function(t,o){if(0===a(t).length)return;const r=e.gauge.get(t);return r?(r.update(o),r):void 0}},params:{gauge:{el:null,type:"circle",value:0,size:200,bgColor:"transparent",borderBgColor:"#eeeeee",borderColor:"#000000",borderWidth:10,valueText:null,valueTextColor:"#000000",valueFontSize:31,valueFontWeight:500,labelText:null,labelTextColor:"#888888",labelFontSize:14,labelFontWeight:400}},on:{tabMounted(e){const t=this;a(e).find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},tabBeforeRemove(e){a(e).find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))},pageInit(e){const t=this;e.$el.find(".gauge-init").each((e=>{t.gauge.create(l({el:e},a(e).dataset()||{}))}))},pageBeforeRemove(e){e.$el.find(".gauge-init").each((e=>{e.f7Gauge&&e.f7Gauge.destroy()}))}},vnode:{"gauge-init":{insert(e){const t=e.elm;this.gauge.create(l({el:t},a(t).dataset()||{}))},destroy(e){const t=e.elm;t.f7Gauge&&t.f7Gauge.destroy()}}}};if(t){if(e.prototype.modules&&e.prototype.modules[g.name])return;e.use(g),e.instance&&(e.instance.useModuleParams(g,e.instance.params),e.instance.useModule(g))}return g}(Framework7, typeof Framework7AutoInstallComponent === 'undefined' ? undefined : Framework7AutoInstallComponent))

package/components/grid/grid-rtl.css

@@ -1 +1 @@
-:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .theme-dark,:root.theme-dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}
+:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .dark,:root.dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}

package/components/grid/grid.css

@@ -1 +1 @@
-:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .theme-dark,:root.theme-dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}
+:root{--f7-grid-gap:16px;--f7-grid-row-gap:0px;--f7-grid-resize-handler-bg-color:rgba(0, 0, 0, 0.35)}:root .dark,:root.dark{--f7-grid-resize-handler-bg-color:rgba(255, 255, 255, 0.35)}.row{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:flex-start;--f7-cols-per-row:1}.row+.row{margin-top:var(--f7-grid-row-gap)}.row>.col,.row>[class*=col-]{box-sizing:border-box;width:calc((100% - var(--f7-grid-gap) * (var(--f7-cols-per-row) - 1))/ var(--f7-cols-per-row))}.row>.col.resizable,.row>[class*=col-].resizable{position:relative}.row.resizable{position:relative}.row.no-gap{--f7-grid-gap:0px;--f7-grid-row-gap:0px}.row .col-5{--f7-cols-per-row:20}.row .col-10{--f7-cols-per-row:10}.row .col-15{--f7-cols-per-row:6.66666667}.row .col-20{--f7-cols-per-row:5}.row .col-25{--f7-cols-per-row:4}.row .col-30{--f7-cols-per-row:3.33333333}.row .col-33{--f7-cols-per-row:3}.row .col-35{--f7-cols-per-row:2.85714286}.row .col-40{--f7-cols-per-row:2.5}.row .col-45{--f7-cols-per-row:2.22222222}.row .col-50{--f7-cols-per-row:2}.row .col-55{--f7-cols-per-row:1.81818182}.row .col-60{--f7-cols-per-row:1.66666667}.row .col-65{--f7-cols-per-row:1.53846154}.row .col-66{--f7-cols-per-row:1.5}.row .col-70{--f7-cols-per-row:1.42857143}.row .col-75{--f7-cols-per-row:1.33333333}.row .col-80{--f7-cols-per-row:1.25}.row .col-85{--f7-cols-per-row:1.17647059}.row .col-90{--f7-cols-per-row:1.11111111}.row .col-95{--f7-cols-per-row:1.05263158}.row .col-100{--f7-cols-per-row:1}.row .col:nth-last-of-type(1),.row .col:nth-last-of-type(1)~.col{--f7-cols-per-row:1}.row .col:nth-last-of-type(2),.row .col:nth-last-of-type(2)~.col{--f7-cols-per-row:2}.row .col:nth-last-of-type(3),.row .col:nth-last-of-type(3)~.col{--f7-cols-per-row:3}.row .col:nth-last-of-type(4),.row .col:nth-last-of-type(4)~.col{--f7-cols-per-row:4}.row .col:nth-last-of-type(5),.row .col:nth-last-of-type(5)~.col{--f7-cols-per-row:5}.row .col:nth-last-of-type(6),.row .col:nth-last-of-type(6)~.col{--f7-cols-per-row:6}.row .col:nth-last-of-type(7),.row .col:nth-last-of-type(7)~.col{--f7-cols-per-row:7}.row .col:nth-last-of-type(8),.row .col:nth-last-of-type(8)~.col{--f7-cols-per-row:8}.row .col:nth-last-of-type(9),.row .col:nth-last-of-type(9)~.col{--f7-cols-per-row:9}.row .col:nth-last-of-type(10),.row .col:nth-last-of-type(10)~.col{--f7-cols-per-row:10}.row .col:nth-last-of-type(11),.row .col:nth-last-of-type(11)~.col{--f7-cols-per-row:11}.row .col:nth-last-of-type(12),.row .col:nth-last-of-type(12)~.col{--f7-cols-per-row:12}.row .col:nth-last-of-type(13),.row .col:nth-last-of-type(13)~.col{--f7-cols-per-row:13}.row .col:nth-last-of-type(14),.row .col:nth-last-of-type(14)~.col{--f7-cols-per-row:14}.row .col:nth-last-of-type(15),.row .col:nth-last-of-type(15)~.col{--f7-cols-per-row:15}.row .col:nth-last-of-type(16),.row .col:nth-last-of-type(16)~.col{--f7-cols-per-row:16}.row .col:nth-last-of-type(17),.row .col:nth-last-of-type(17)~.col{--f7-cols-per-row:17}.row .col:nth-last-of-type(18),.row .col:nth-last-of-type(18)~.col{--f7-cols-per-row:18}.row .col:nth-last-of-type(19),.row .col:nth-last-of-type(19)~.col{--f7-cols-per-row:19}.row .col:nth-last-of-type(20),.row .col:nth-last-of-type(20)~.col{--f7-cols-per-row:20}.row .col:nth-last-of-type(21),.row .col:nth-last-of-type(21)~.col{--f7-cols-per-row:21}.row .col:nth-last-of-type(22),.row .col:nth-last-of-type(22)~.col{--f7-cols-per-row:22}@media (min-width:480px){.row .xsmall-5{--f7-cols-per-row:20}.row .xsmall-10{--f7-cols-per-row:10}.row .xsmall-15{--f7-cols-per-row:6.66666667}.row .xsmall-20{--f7-cols-per-row:5}.row .xsmall-25{--f7-cols-per-row:4}.row .xsmall-30{--f7-cols-per-row:3.33333333}.row .xsmall-33{--f7-cols-per-row:3}.row .xsmall-35{--f7-cols-per-row:2.85714286}.row .xsmall-40{--f7-cols-per-row:2.5}.row .xsmall-45{--f7-cols-per-row:2.22222222}.row .xsmall-50{--f7-cols-per-row:2}.row .xsmall-55{--f7-cols-per-row:1.81818182}.row .xsmall-60{--f7-cols-per-row:1.66666667}.row .xsmall-65{--f7-cols-per-row:1.53846154}.row .xsmall-66{--f7-cols-per-row:1.5}.row .xsmall-70{--f7-cols-per-row:1.42857143}.row .xsmall-75{--f7-cols-per-row:1.33333333}.row .xsmall-80{--f7-cols-per-row:1.25}.row .xsmall-85{--f7-cols-per-row:1.17647059}.row .xsmall-90{--f7-cols-per-row:1.11111111}.row .xsmall-95{--f7-cols-per-row:1.05263158}.row .xsmall-100{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(1),.row .xsmall-auto:nth-last-of-type(1)~.xsmall-auto{--f7-cols-per-row:1}.row .xsmall-auto:nth-last-of-type(2),.row .xsmall-auto:nth-last-of-type(2)~.xsmall-auto{--f7-cols-per-row:2}.row .xsmall-auto:nth-last-of-type(3),.row .xsmall-auto:nth-last-of-type(3)~.xsmall-auto{--f7-cols-per-row:3}.row .xsmall-auto:nth-last-of-type(4),.row .xsmall-auto:nth-last-of-type(4)~.xsmall-auto{--f7-cols-per-row:4}.row .xsmall-auto:nth-last-of-type(5),.row .xsmall-auto:nth-last-of-type(5)~.xsmall-auto{--f7-cols-per-row:5}.row .xsmall-auto:nth-last-of-type(6),.row .xsmall-auto:nth-last-of-type(6)~.xsmall-auto{--f7-cols-per-row:6}.row .xsmall-auto:nth-last-of-type(7),.row .xsmall-auto:nth-last-of-type(7)~.xsmall-auto{--f7-cols-per-row:7}.row .xsmall-auto:nth-last-of-type(8),.row .xsmall-auto:nth-last-of-type(8)~.xsmall-auto{--f7-cols-per-row:8}.row .xsmall-auto:nth-last-of-type(9),.row .xsmall-auto:nth-last-of-type(9)~.xsmall-auto{--f7-cols-per-row:9}.row .xsmall-auto:nth-last-of-type(10),.row .xsmall-auto:nth-last-of-type(10)~.xsmall-auto{--f7-cols-per-row:10}.row .xsmall-auto:nth-last-of-type(11),.row .xsmall-auto:nth-last-of-type(11)~.xsmall-auto{--f7-cols-per-row:11}.row .xsmall-auto:nth-last-of-type(12),.row .xsmall-auto:nth-last-of-type(12)~.xsmall-auto{--f7-cols-per-row:12}.row .xsmall-auto:nth-last-of-type(13),.row .xsmall-auto:nth-last-of-type(13)~.xsmall-auto{--f7-cols-per-row:13}.row .xsmall-auto:nth-last-of-type(14),.row .xsmall-auto:nth-last-of-type(14)~.xsmall-auto{--f7-cols-per-row:14}.row .xsmall-auto:nth-last-of-type(15),.row .xsmall-auto:nth-last-of-type(15)~.xsmall-auto{--f7-cols-per-row:15}.row .xsmall-auto:nth-last-of-type(16),.row .xsmall-auto:nth-last-of-type(16)~.xsmall-auto{--f7-cols-per-row:16}.row .xsmall-auto:nth-last-of-type(17),.row .xsmall-auto:nth-last-of-type(17)~.xsmall-auto{--f7-cols-per-row:17}.row .xsmall-auto:nth-last-of-type(18),.row .xsmall-auto:nth-last-of-type(18)~.xsmall-auto{--f7-cols-per-row:18}.row .xsmall-auto:nth-last-of-type(19),.row .xsmall-auto:nth-last-of-type(19)~.xsmall-auto{--f7-cols-per-row:19}.row .xsmall-auto:nth-last-of-type(20),.row .xsmall-auto:nth-last-of-type(20)~.xsmall-auto{--f7-cols-per-row:20}.row .xsmall-auto:nth-last-of-type(21),.row .xsmall-auto:nth-last-of-type(21)~.xsmall-auto{--f7-cols-per-row:21}.row .xsmall-auto:nth-last-of-type(22),.row .xsmall-auto:nth-last-of-type(22)~.xsmall-auto{--f7-cols-per-row:22}}@media (min-width:568px){.row .small-5{--f7-cols-per-row:20}.row .small-10{--f7-cols-per-row:10}.row .small-15{--f7-cols-per-row:6.66666667}.row .small-20{--f7-cols-per-row:5}.row .small-25{--f7-cols-per-row:4}.row .small-30{--f7-cols-per-row:3.33333333}.row .small-33{--f7-cols-per-row:3}.row .small-35{--f7-cols-per-row:2.85714286}.row .small-40{--f7-cols-per-row:2.5}.row .small-45{--f7-cols-per-row:2.22222222}.row .small-50{--f7-cols-per-row:2}.row .small-55{--f7-cols-per-row:1.81818182}.row .small-60{--f7-cols-per-row:1.66666667}.row .small-65{--f7-cols-per-row:1.53846154}.row .small-66{--f7-cols-per-row:1.5}.row .small-70{--f7-cols-per-row:1.42857143}.row .small-75{--f7-cols-per-row:1.33333333}.row .small-80{--f7-cols-per-row:1.25}.row .small-85{--f7-cols-per-row:1.17647059}.row .small-90{--f7-cols-per-row:1.11111111}.row .small-95{--f7-cols-per-row:1.05263158}.row .small-100{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(1),.row .small-auto:nth-last-of-type(1)~.small-auto{--f7-cols-per-row:1}.row .small-auto:nth-last-of-type(2),.row .small-auto:nth-last-of-type(2)~.small-auto{--f7-cols-per-row:2}.row .small-auto:nth-last-of-type(3),.row .small-auto:nth-last-of-type(3)~.small-auto{--f7-cols-per-row:3}.row .small-auto:nth-last-of-type(4),.row .small-auto:nth-last-of-type(4)~.small-auto{--f7-cols-per-row:4}.row .small-auto:nth-last-of-type(5),.row .small-auto:nth-last-of-type(5)~.small-auto{--f7-cols-per-row:5}.row .small-auto:nth-last-of-type(6),.row .small-auto:nth-last-of-type(6)~.small-auto{--f7-cols-per-row:6}.row .small-auto:nth-last-of-type(7),.row .small-auto:nth-last-of-type(7)~.small-auto{--f7-cols-per-row:7}.row .small-auto:nth-last-of-type(8),.row .small-auto:nth-last-of-type(8)~.small-auto{--f7-cols-per-row:8}.row .small-auto:nth-last-of-type(9),.row .small-auto:nth-last-of-type(9)~.small-auto{--f7-cols-per-row:9}.row .small-auto:nth-last-of-type(10),.row .small-auto:nth-last-of-type(10)~.small-auto{--f7-cols-per-row:10}.row .small-auto:nth-last-of-type(11),.row .small-auto:nth-last-of-type(11)~.small-auto{--f7-cols-per-row:11}.row .small-auto:nth-last-of-type(12),.row .small-auto:nth-last-of-type(12)~.small-auto{--f7-cols-per-row:12}.row .small-auto:nth-last-of-type(13),.row .small-auto:nth-last-of-type(13)~.small-auto{--f7-cols-per-row:13}.row .small-auto:nth-last-of-type(14),.row .small-auto:nth-last-of-type(14)~.small-auto{--f7-cols-per-row:14}.row .small-auto:nth-last-of-type(15),.row .small-auto:nth-last-of-type(15)~.small-auto{--f7-cols-per-row:15}.row .small-auto:nth-last-of-type(16),.row .small-auto:nth-last-of-type(16)~.small-auto{--f7-cols-per-row:16}.row .small-auto:nth-last-of-type(17),.row .small-auto:nth-last-of-type(17)~.small-auto{--f7-cols-per-row:17}.row .small-auto:nth-last-of-type(18),.row .small-auto:nth-last-of-type(18)~.small-auto{--f7-cols-per-row:18}.row .small-auto:nth-last-of-type(19),.row .small-auto:nth-last-of-type(19)~.small-auto{--f7-cols-per-row:19}.row .small-auto:nth-last-of-type(20),.row .small-auto:nth-last-of-type(20)~.small-auto{--f7-cols-per-row:20}.row .small-auto:nth-last-of-type(21),.row .small-auto:nth-last-of-type(21)~.small-auto{--f7-cols-per-row:21}.row .small-auto:nth-last-of-type(22),.row .small-auto:nth-last-of-type(22)~.small-auto{--f7-cols-per-row:22}}@media (min-width:768px){.row .medium-5{--f7-cols-per-row:20}.row .medium-10{--f7-cols-per-row:10}.row .medium-15{--f7-cols-per-row:6.66666667}.row .medium-20{--f7-cols-per-row:5}.row .medium-25{--f7-cols-per-row:4}.row .medium-30{--f7-cols-per-row:3.33333333}.row .medium-33{--f7-cols-per-row:3}.row .medium-35{--f7-cols-per-row:2.85714286}.row .medium-40{--f7-cols-per-row:2.5}.row .medium-45{--f7-cols-per-row:2.22222222}.row .medium-50{--f7-cols-per-row:2}.row .medium-55{--f7-cols-per-row:1.81818182}.row .medium-60{--f7-cols-per-row:1.66666667}.row .medium-65{--f7-cols-per-row:1.53846154}.row .medium-66{--f7-cols-per-row:1.5}.row .medium-70{--f7-cols-per-row:1.42857143}.row .medium-75{--f7-cols-per-row:1.33333333}.row .medium-80{--f7-cols-per-row:1.25}.row .medium-85{--f7-cols-per-row:1.17647059}.row .medium-90{--f7-cols-per-row:1.11111111}.row .medium-95{--f7-cols-per-row:1.05263158}.row .medium-100{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(1),.row .medium-auto:nth-last-of-type(1)~.medium-auto{--f7-cols-per-row:1}.row .medium-auto:nth-last-of-type(2),.row .medium-auto:nth-last-of-type(2)~.medium-auto{--f7-cols-per-row:2}.row .medium-auto:nth-last-of-type(3),.row .medium-auto:nth-last-of-type(3)~.medium-auto{--f7-cols-per-row:3}.row .medium-auto:nth-last-of-type(4),.row .medium-auto:nth-last-of-type(4)~.medium-auto{--f7-cols-per-row:4}.row .medium-auto:nth-last-of-type(5),.row .medium-auto:nth-last-of-type(5)~.medium-auto{--f7-cols-per-row:5}.row .medium-auto:nth-last-of-type(6),.row .medium-auto:nth-last-of-type(6)~.medium-auto{--f7-cols-per-row:6}.row .medium-auto:nth-last-of-type(7),.row .medium-auto:nth-last-of-type(7)~.medium-auto{--f7-cols-per-row:7}.row .medium-auto:nth-last-of-type(8),.row .medium-auto:nth-last-of-type(8)~.medium-auto{--f7-cols-per-row:8}.row .medium-auto:nth-last-of-type(9),.row .medium-auto:nth-last-of-type(9)~.medium-auto{--f7-cols-per-row:9}.row .medium-auto:nth-last-of-type(10),.row .medium-auto:nth-last-of-type(10)~.medium-auto{--f7-cols-per-row:10}.row .medium-auto:nth-last-of-type(11),.row .medium-auto:nth-last-of-type(11)~.medium-auto{--f7-cols-per-row:11}.row .medium-auto:nth-last-of-type(12),.row .medium-auto:nth-last-of-type(12)~.medium-auto{--f7-cols-per-row:12}.row .medium-auto:nth-last-of-type(13),.row .medium-auto:nth-last-of-type(13)~.medium-auto{--f7-cols-per-row:13}.row .medium-auto:nth-last-of-type(14),.row .medium-auto:nth-last-of-type(14)~.medium-auto{--f7-cols-per-row:14}.row .medium-auto:nth-last-of-type(15),.row .medium-auto:nth-last-of-type(15)~.medium-auto{--f7-cols-per-row:15}.row .medium-auto:nth-last-of-type(16),.row .medium-auto:nth-last-of-type(16)~.medium-auto{--f7-cols-per-row:16}.row .medium-auto:nth-last-of-type(17),.row .medium-auto:nth-last-of-type(17)~.medium-auto{--f7-cols-per-row:17}.row .medium-auto:nth-last-of-type(18),.row .medium-auto:nth-last-of-type(18)~.medium-auto{--f7-cols-per-row:18}.row .medium-auto:nth-last-of-type(19),.row .medium-auto:nth-last-of-type(19)~.medium-auto{--f7-cols-per-row:19}.row .medium-auto:nth-last-of-type(20),.row .medium-auto:nth-last-of-type(20)~.medium-auto{--f7-cols-per-row:20}.row .medium-auto:nth-last-of-type(21),.row .medium-auto:nth-last-of-type(21)~.medium-auto{--f7-cols-per-row:21}.row .medium-auto:nth-last-of-type(22),.row .medium-auto:nth-last-of-type(22)~.medium-auto{--f7-cols-per-row:22}}@media (min-width:1024px){.row .large-5{--f7-cols-per-row:20}.row .large-10{--f7-cols-per-row:10}.row .large-15{--f7-cols-per-row:6.66666667}.row .large-20{--f7-cols-per-row:5}.row .large-25{--f7-cols-per-row:4}.row .large-30{--f7-cols-per-row:3.33333333}.row .large-33{--f7-cols-per-row:3}.row .large-35{--f7-cols-per-row:2.85714286}.row .large-40{--f7-cols-per-row:2.5}.row .large-45{--f7-cols-per-row:2.22222222}.row .large-50{--f7-cols-per-row:2}.row .large-55{--f7-cols-per-row:1.81818182}.row .large-60{--f7-cols-per-row:1.66666667}.row .large-65{--f7-cols-per-row:1.53846154}.row .large-66{--f7-cols-per-row:1.5}.row .large-70{--f7-cols-per-row:1.42857143}.row .large-75{--f7-cols-per-row:1.33333333}.row .large-80{--f7-cols-per-row:1.25}.row .large-85{--f7-cols-per-row:1.17647059}.row .large-90{--f7-cols-per-row:1.11111111}.row .large-95{--f7-cols-per-row:1.05263158}.row .large-100{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(1),.row .large-auto:nth-last-of-type(1)~.large-auto{--f7-cols-per-row:1}.row .large-auto:nth-last-of-type(2),.row .large-auto:nth-last-of-type(2)~.large-auto{--f7-cols-per-row:2}.row .large-auto:nth-last-of-type(3),.row .large-auto:nth-last-of-type(3)~.large-auto{--f7-cols-per-row:3}.row .large-auto:nth-last-of-type(4),.row .large-auto:nth-last-of-type(4)~.large-auto{--f7-cols-per-row:4}.row .large-auto:nth-last-of-type(5),.row .large-auto:nth-last-of-type(5)~.large-auto{--f7-cols-per-row:5}.row .large-auto:nth-last-of-type(6),.row .large-auto:nth-last-of-type(6)~.large-auto{--f7-cols-per-row:6}.row .large-auto:nth-last-of-type(7),.row .large-auto:nth-last-of-type(7)~.large-auto{--f7-cols-per-row:7}.row .large-auto:nth-last-of-type(8),.row .large-auto:nth-last-of-type(8)~.large-auto{--f7-cols-per-row:8}.row .large-auto:nth-last-of-type(9),.row .large-auto:nth-last-of-type(9)~.large-auto{--f7-cols-per-row:9}.row .large-auto:nth-last-of-type(10),.row .large-auto:nth-last-of-type(10)~.large-auto{--f7-cols-per-row:10}.row .large-auto:nth-last-of-type(11),.row .large-auto:nth-last-of-type(11)~.large-auto{--f7-cols-per-row:11}.row .large-auto:nth-last-of-type(12),.row .large-auto:nth-last-of-type(12)~.large-auto{--f7-cols-per-row:12}.row .large-auto:nth-last-of-type(13),.row .large-auto:nth-last-of-type(13)~.large-auto{--f7-cols-per-row:13}.row .large-auto:nth-last-of-type(14),.row .large-auto:nth-last-of-type(14)~.large-auto{--f7-cols-per-row:14}.row .large-auto:nth-last-of-type(15),.row .large-auto:nth-last-of-type(15)~.large-auto{--f7-cols-per-row:15}.row .large-auto:nth-last-of-type(16),.row .large-auto:nth-last-of-type(16)~.large-auto{--f7-cols-per-row:16}.row .large-auto:nth-last-of-type(17),.row .large-auto:nth-last-of-type(17)~.large-auto{--f7-cols-per-row:17}.row .large-auto:nth-last-of-type(18),.row .large-auto:nth-last-of-type(18)~.large-auto{--f7-cols-per-row:18}.row .large-auto:nth-last-of-type(19),.row .large-auto:nth-last-of-type(19)~.large-auto{--f7-cols-per-row:19}.row .large-auto:nth-last-of-type(20),.row .large-auto:nth-last-of-type(20)~.large-auto{--f7-cols-per-row:20}.row .large-auto:nth-last-of-type(21),.row .large-auto:nth-last-of-type(21)~.large-auto{--f7-cols-per-row:21}.row .large-auto:nth-last-of-type(22),.row .large-auto:nth-last-of-type(22)~.large-auto{--f7-cols-per-row:22}}@media (min-width:1200px){.row .xlarge-5{--f7-cols-per-row:20}.row .xlarge-10{--f7-cols-per-row:10}.row .xlarge-15{--f7-cols-per-row:6.66666667}.row .xlarge-20{--f7-cols-per-row:5}.row .xlarge-25{--f7-cols-per-row:4}.row .xlarge-30{--f7-cols-per-row:3.33333333}.row .xlarge-33{--f7-cols-per-row:3}.row .xlarge-35{--f7-cols-per-row:2.85714286}.row .xlarge-40{--f7-cols-per-row:2.5}.row .xlarge-45{--f7-cols-per-row:2.22222222}.row .xlarge-50{--f7-cols-per-row:2}.row .xlarge-55{--f7-cols-per-row:1.81818182}.row .xlarge-60{--f7-cols-per-row:1.66666667}.row .xlarge-65{--f7-cols-per-row:1.53846154}.row .xlarge-66{--f7-cols-per-row:1.5}.row .xlarge-70{--f7-cols-per-row:1.42857143}.row .xlarge-75{--f7-cols-per-row:1.33333333}.row .xlarge-80{--f7-cols-per-row:1.25}.row .xlarge-85{--f7-cols-per-row:1.17647059}.row .xlarge-90{--f7-cols-per-row:1.11111111}.row .xlarge-95{--f7-cols-per-row:1.05263158}.row .xlarge-100{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(1),.row .xlarge-auto:nth-last-of-type(1)~.xlarge-auto{--f7-cols-per-row:1}.row .xlarge-auto:nth-last-of-type(2),.row .xlarge-auto:nth-last-of-type(2)~.xlarge-auto{--f7-cols-per-row:2}.row .xlarge-auto:nth-last-of-type(3),.row .xlarge-auto:nth-last-of-type(3)~.xlarge-auto{--f7-cols-per-row:3}.row .xlarge-auto:nth-last-of-type(4),.row .xlarge-auto:nth-last-of-type(4)~.xlarge-auto{--f7-cols-per-row:4}.row .xlarge-auto:nth-last-of-type(5),.row .xlarge-auto:nth-last-of-type(5)~.xlarge-auto{--f7-cols-per-row:5}.row .xlarge-auto:nth-last-of-type(6),.row .xlarge-auto:nth-last-of-type(6)~.xlarge-auto{--f7-cols-per-row:6}.row .xlarge-auto:nth-last-of-type(7),.row .xlarge-auto:nth-last-of-type(7)~.xlarge-auto{--f7-cols-per-row:7}.row .xlarge-auto:nth-last-of-type(8),.row .xlarge-auto:nth-last-of-type(8)~.xlarge-auto{--f7-cols-per-row:8}.row .xlarge-auto:nth-last-of-type(9),.row .xlarge-auto:nth-last-of-type(9)~.xlarge-auto{--f7-cols-per-row:9}.row .xlarge-auto:nth-last-of-type(10),.row .xlarge-auto:nth-last-of-type(10)~.xlarge-auto{--f7-cols-per-row:10}.row .xlarge-auto:nth-last-of-type(11),.row .xlarge-auto:nth-last-of-type(11)~.xlarge-auto{--f7-cols-per-row:11}.row .xlarge-auto:nth-last-of-type(12),.row .xlarge-auto:nth-last-of-type(12)~.xlarge-auto{--f7-cols-per-row:12}.row .xlarge-auto:nth-last-of-type(13),.row .xlarge-auto:nth-last-of-type(13)~.xlarge-auto{--f7-cols-per-row:13}.row .xlarge-auto:nth-last-of-type(14),.row .xlarge-auto:nth-last-of-type(14)~.xlarge-auto{--f7-cols-per-row:14}.row .xlarge-auto:nth-last-of-type(15),.row .xlarge-auto:nth-last-of-type(15)~.xlarge-auto{--f7-cols-per-row:15}.row .xlarge-auto:nth-last-of-type(16),.row .xlarge-auto:nth-last-of-type(16)~.xlarge-auto{--f7-cols-per-row:16}.row .xlarge-auto:nth-last-of-type(17),.row .xlarge-auto:nth-last-of-type(17)~.xlarge-auto{--f7-cols-per-row:17}.row .xlarge-auto:nth-last-of-type(18),.row .xlarge-auto:nth-last-of-type(18)~.xlarge-auto{--f7-cols-per-row:18}.row .xlarge-auto:nth-last-of-type(19),.row .xlarge-auto:nth-last-of-type(19)~.xlarge-auto{--f7-cols-per-row:19}.row .xlarge-auto:nth-last-of-type(20),.row .xlarge-auto:nth-last-of-type(20)~.xlarge-auto{--f7-cols-per-row:20}.row .xlarge-auto:nth-last-of-type(21),.row .xlarge-auto:nth-last-of-type(21)~.xlarge-auto{--f7-cols-per-row:21}.row .xlarge-auto:nth-last-of-type(22),.row .xlarge-auto:nth-last-of-type(22)~.xlarge-auto{--f7-cols-per-row:22}}.row .resize-handler{position:absolute;-webkit-user-select:none;user-select:none;z-index:100}.row .resize-handler:before{content:'';position:absolute}.row .resize-handler:after{content:'';position:absolute;border-radius:4px;background:var(--f7-grid-resize-handler-bg-color)}.row>.resize-handler{width:100%;height:var(--f7-grid-row-gap);left:0;top:100%;cursor:row-resize}.row>.resize-handler:before{left:0%;top:50%;height:12px;width:100%;min-height:var(--f7-grid-row-gap);transform:translateY(-50%)}.row>.resize-handler:after{height:4px;margin-top:-2px;width:80%;max-width:20px;left:50%;top:50%;transform:translateX(-50%)}.col>.resize-handler,[class*=col-]>.resize-handler{width:var(--f7-grid-gap);left:100%;top:0;height:100%;cursor:col-resize}.col>.resize-handler:before,[class*=col-]>.resize-handler:before{left:50%;top:0;height:100%;width:12px;min-width:var(--f7-grid-gap);transform:translateX(-50%)}.col>.resize-handler:after,[class*=col-]>.resize-handler:after{width:4px;margin-left:-2px;height:80%;max-height:20px;border-radius:4px;left:50%;top:50%;transform:translateY(-50%)}.row .col:last-child>.resize-handler,.row .col:last-of-type>.resize-handler,.row [class*=col-]:last-child>.resize-handler,.row [class*=col-]:last-of-type>.resize-handler,.row:last-child>.resize-handler,.row:last-of-type>.resize-handler{display:none}