@megafon/ui-core 8.17.1 → 8.17.3

package/dist/lib/components/Grid/Grid.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-grid__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-grid__container_multi-row{-ms-flex-wrap:wrap;flex-wrap:wrap}.mfui-grid__container_h-align_right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mfui-grid__container_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-grid__container_h-align_between{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.mfui-grid__container_h-align_around{-ms-flex-pack:distribute;justify-content:space-around}.mfui-grid__container_v-align_top{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.mfui-grid__container_v-align_bottom{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end}.mfui-grid__container_v-align_center{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-grid__container_v-align_baseline{-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline}.mfui-grid__container_gutters-left_large{margin-left:-32px}.mfui-grid__container_gutters-left_medium{margin-left:-20px}@media screen and (max-width:767px){.mfui-grid__container_gutters-left_medium{margin-left:-16px}}.mfui-grid__container_gutters-bottom_large{margin-bottom:-32px}.mfui-grid__container_gutters-bottom_medium{margin-bottom:-20px}@media screen and (max-width:767px){.mfui-grid__container_gutters-bottom_medium{margin-bottom:-16px}}.mfui-grid__column_gutter-left_large{padding-left:32px}.mfui-grid__column_gutter-left_medium{padding-left:20px}@media screen and (max-width:767px){.mfui-grid__column_gutter-left_medium{padding-left:16px}}.mfui-grid__column_gutter-bottom_large{padding-bottom:32px}.mfui-grid__column_gutter-bottom_medium{padding-bottom:20px}@media screen and (max-width:767px){.mfui-grid__column_gutter-bottom_medium{padding-bottom:16px}}

package/dist/lib/components/Grid/Grid.d.ts

@@ -0,0 +1,25 @@
+import * as React from 'react';
+import { IGridColumn } from './GridColumn';
+import './Grid.scss';
+export interface IGridProps {
+    /** Выравнивание всех колонок по горизонтали */
+    hAlign?: 'left' | 'right' | 'center' | 'between' | 'around';
+    /** Выравнивание всех колонок по вертикали */
+    vAlign?: 'top' | 'bottom' | 'center' | 'baseline';
+    /** Отступ слева от колонки */
+    guttersLeft?: 'large' | 'medium';
+    /** Отступ снизу от колонки */
+    guttersBottom?: 'large' | 'medium';
+    /** Перенос столбцов в несколько строк */
+    multiRow?: boolean;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+        container?: Record<string, string>;
+    };
+    children: Array<React.ReactElement<IGridColumn>> | React.ReactElement<IGridColumn>;
+}
+declare const Grid: React.FC<IGridProps>;
+export default Grid;

package/dist/lib/components/Grid/Grid.js

@@ -0,0 +1,45 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+require("core-js/modules/es.array.map.js");
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-grid');
+var Grid = function Grid(_ref) {
+  var children = _ref.children,
+    guttersLeft = _ref.guttersLeft,
+    guttersBottom = _ref.guttersBottom,
+    _ref$multiRow = _ref.multiRow,
+    multiRow = _ref$multiRow === void 0 ? true : _ref$multiRow,
+    hAlign = _ref.hAlign,
+    vAlign = _ref.vAlign,
+    className = _ref.className,
+    dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn([className])
+  }), /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.container), {
+    className: cn('container', {
+      'multi-row': multiRow,
+      'h-align': hAlign,
+      'v-align': vAlign,
+      'gutters-left': guttersLeft,
+      'gutters-bottom': guttersBottom
+    })
+  }), React.Children.map(children, function (child) {
+    return /*#__PURE__*/React.cloneElement(child, {
+      className: cn('column', {
+        'gutter-left': guttersLeft,
+        'gutter-bottom': guttersBottom
+      }, child.props.className)
+    });
+  })));
+};
+var _default = exports["default"] = Grid;

package/dist/lib/components/Grid/GridColumn.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-grid-column{-webkit-box-sizing:border-box;box-sizing:border-box}.mfui-grid-column_all_1{width:8.3333333333%}.mfui-grid-column_all_2{width:16.6666666667%}.mfui-grid-column_all_3{width:25%}.mfui-grid-column_all_4{width:33.3333333333%}.mfui-grid-column_all_5{width:41.6666666667%}.mfui-grid-column_all_6{width:50%}.mfui-grid-column_all_7{width:58.3333333333%}.mfui-grid-column_all_8{width:66.6666666667%}.mfui-grid-column_all_9{width:75%}.mfui-grid-column_all_10{width:83.3333333333%}.mfui-grid-column_all_11{width:91.6666666667%}.mfui-grid-column_all_12{width:100%}.mfui-grid-column_left-offset-all_1{margin-left:8.3333333333%}.mfui-grid-column_right-offset-all_1{margin-right:8.3333333333%}.mfui-grid-column_left-offset-all_2{margin-left:16.6666666667%}.mfui-grid-column_right-offset-all_2{margin-right:16.6666666667%}.mfui-grid-column_left-offset-all_3{margin-left:25%}.mfui-grid-column_right-offset-all_3{margin-right:25%}.mfui-grid-column_left-offset-all_4{margin-left:33.3333333333%}.mfui-grid-column_right-offset-all_4{margin-right:33.3333333333%}.mfui-grid-column_left-offset-all_5{margin-left:41.6666666667%}.mfui-grid-column_right-offset-all_5{margin-right:41.6666666667%}.mfui-grid-column_left-offset-all_6{margin-left:50%}.mfui-grid-column_right-offset-all_6{margin-right:50%}.mfui-grid-column_left-offset-all_7{margin-left:58.3333333333%}.mfui-grid-column_right-offset-all_7{margin-right:58.3333333333%}.mfui-grid-column_left-offset-all_8{margin-left:66.6666666667%}.mfui-grid-column_right-offset-all_8{margin-right:66.6666666667%}.mfui-grid-column_left-offset-all_9{margin-left:75%}.mfui-grid-column_right-offset-all_9{margin-right:75%}.mfui-grid-column_left-offset-all_10{margin-left:83.3333333333%}.mfui-grid-column_right-offset-all_10{margin-right:83.3333333333%}.mfui-grid-column_left-offset-all_11{margin-left:91.6666666667%}.mfui-grid-column_right-offset-all_11{margin-right:91.6666666667%}.mfui-grid-column_left-offset-all_12{margin-left:100%}.mfui-grid-column_right-offset-all_12{margin-right:100%}.mfui-grid-column_all-order_0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.mfui-grid-column_all-order_1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mfui-grid-column_all-order_2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mfui-grid-column_all-order_3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.mfui-grid-column_all-order_4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mfui-grid-column_all-order_5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.mfui-grid-column_all-order_6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.mfui-grid-column_all-order_7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.mfui-grid-column_all-order_8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.mfui-grid-column_all-order_9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.mfui-grid-column_all-order_10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.mfui-grid-column_all-order_11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.mfui-grid-column_all-order_12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.mfui-grid-column_all-order_13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.mfui-grid-column_all-order_14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.mfui-grid-column_all-order_15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.mfui-grid-column_all-order_16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.mfui-grid-column_all-order_17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.mfui-grid-column_all-order_18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.mfui-grid-column_all-order_19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.mfui-grid-column_all-order_20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.mfui-grid-column_all-order_21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.mfui-grid-column_all-order_22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.mfui-grid-column_all-order_23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.mfui-grid-column_all-order_24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.mfui-grid-column_all-order_25{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.mfui-grid-column_all-order_26{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}.mfui-grid-column_all-order_27{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}.mfui-grid-column_all-order_28{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}.mfui-grid-column_all-order_29{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}.mfui-grid-column_all-order_30{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}.mfui-grid-column_all-order_31{-webkit-box-ordinal-group:32;-ms-flex-order:31;order:31}.mfui-grid-column_all-order_32{-webkit-box-ordinal-group:33;-ms-flex-order:32;order:32}.mfui-grid-column_all-order_33{-webkit-box-ordinal-group:34;-ms-flex-order:33;order:33}.mfui-grid-column_all-order_34{-webkit-box-ordinal-group:35;-ms-flex-order:34;order:34}.mfui-grid-column_all-order_35{-webkit-box-ordinal-group:36;-ms-flex-order:35;order:35}.mfui-grid-column_all-order_36{-webkit-box-ordinal-group:37;-ms-flex-order:36;order:36}.mfui-grid-column_all-order_37{-webkit-box-ordinal-group:38;-ms-flex-order:37;order:37}.mfui-grid-column_all-order_38{-webkit-box-ordinal-group:39;-ms-flex-order:38;order:38}.mfui-grid-column_all-order_39{-webkit-box-ordinal-group:40;-ms-flex-order:39;order:39}.mfui-grid-column_all-order_40{-webkit-box-ordinal-group:41;-ms-flex-order:40;order:40}.mfui-grid-column_all-order_41{-webkit-box-ordinal-group:42;-ms-flex-order:41;order:41}.mfui-grid-column_all-order_42{-webkit-box-ordinal-group:43;-ms-flex-order:42;order:42}.mfui-grid-column_all-order_43{-webkit-box-ordinal-group:44;-ms-flex-order:43;order:43}.mfui-grid-column_all-order_44{-webkit-box-ordinal-group:45;-ms-flex-order:44;order:44}.mfui-grid-column_all-order_45{-webkit-box-ordinal-group:46;-ms-flex-order:45;order:45}.mfui-grid-column_all-order_46{-webkit-box-ordinal-group:47;-ms-flex-order:46;order:46}.mfui-grid-column_all-order_47{-webkit-box-ordinal-group:48;-ms-flex-order:47;order:47}.mfui-grid-column_all-order_48{-webkit-box-ordinal-group:49;-ms-flex-order:48;order:48}.mfui-grid-column_all-order_49{-webkit-box-ordinal-group:50;-ms-flex-order:49;order:49}.mfui-grid-column_all-order_50{-webkit-box-ordinal-group:51;-ms-flex-order:50;order:50}.mfui-grid-column_all-order_51{-webkit-box-ordinal-group:52;-ms-flex-order:51;order:51}.mfui-grid-column_all-order_52{-webkit-box-ordinal-group:53;-ms-flex-order:52;order:52}.mfui-grid-column_all-order_53{-webkit-box-ordinal-group:54;-ms-flex-order:53;order:53}.mfui-grid-column_all-order_54{-webkit-box-ordinal-group:55;-ms-flex-order:54;order:54}.mfui-grid-column_all-order_55{-webkit-box-ordinal-group:56;-ms-flex-order:55;order:55}.mfui-grid-column_all-order_56{-webkit-box-ordinal-group:57;-ms-flex-order:56;order:56}.mfui-grid-column_all-order_57{-webkit-box-ordinal-group:58;-ms-flex-order:57;order:57}.mfui-grid-column_all-order_58{-webkit-box-ordinal-group:59;-ms-flex-order:58;order:58}.mfui-grid-column_all-order_59{-webkit-box-ordinal-group:60;-ms-flex-order:59;order:59}.mfui-grid-column_all-order_60{-webkit-box-ordinal-group:61;-ms-flex-order:60;order:60}.mfui-grid-column_all-order_61{-webkit-box-ordinal-group:62;-ms-flex-order:61;order:61}.mfui-grid-column_all-order_62{-webkit-box-ordinal-group:63;-ms-flex-order:62;order:62}.mfui-grid-column_all-order_63{-webkit-box-ordinal-group:64;-ms-flex-order:63;order:63}.mfui-grid-column_all-order_64{-webkit-box-ordinal-group:65;-ms-flex-order:64;order:64}.mfui-grid-column_all-order_65{-webkit-box-ordinal-group:66;-ms-flex-order:65;order:65}.mfui-grid-column_all-order_66{-webkit-box-ordinal-group:67;-ms-flex-order:66;order:66}.mfui-grid-column_all-order_67{-webkit-box-ordinal-group:68;-ms-flex-order:67;order:67}.mfui-grid-column_all-order_68{-webkit-box-ordinal-group:69;-ms-flex-order:68;order:68}.mfui-grid-column_all-order_69{-webkit-box-ordinal-group:70;-ms-flex-order:69;order:69}.mfui-grid-column_all-order_70{-webkit-box-ordinal-group:71;-ms-flex-order:70;order:70}.mfui-grid-column_all-order_71{-webkit-box-ordinal-group:72;-ms-flex-order:71;order:71}.mfui-grid-column_all-order_72{-webkit-box-ordinal-group:73;-ms-flex-order:72;order:72}.mfui-grid-column_all-order_73{-webkit-box-ordinal-group:74;-ms-flex-order:73;order:73}.mfui-grid-column_all-order_74{-webkit-box-ordinal-group:75;-ms-flex-order:74;order:74}.mfui-grid-column_all-order_75{-webkit-box-ordinal-group:76;-ms-flex-order:75;order:75}.mfui-grid-column_all-order_76{-webkit-box-ordinal-group:77;-ms-flex-order:76;order:76}.mfui-grid-column_all-order_77{-webkit-box-ordinal-group:78;-ms-flex-order:77;order:77}.mfui-grid-column_all-order_78{-webkit-box-ordinal-group:79;-ms-flex-order:78;order:78}.mfui-grid-column_all-order_79{-webkit-box-ordinal-group:80;-ms-flex-order:79;order:79}.mfui-grid-column_all-order_80{-webkit-box-ordinal-group:81;-ms-flex-order:80;order:80}.mfui-grid-column_all-order_81{-webkit-box-ordinal-group:82;-ms-flex-order:81;order:81}.mfui-grid-column_all-order_82{-webkit-box-ordinal-group:83;-ms-flex-order:82;order:82}.mfui-grid-column_all-order_83{-webkit-box-ordinal-group:84;-ms-flex-order:83;order:83}.mfui-grid-column_all-order_84{-webkit-box-ordinal-group:85;-ms-flex-order:84;order:84}.mfui-grid-column_all-order_85{-webkit-box-ordinal-group:86;-ms-flex-order:85;order:85}.mfui-grid-column_all-order_86{-webkit-box-ordinal-group:87;-ms-flex-order:86;order:86}.mfui-grid-column_all-order_87{-webkit-box-ordinal-group:88;-ms-flex-order:87;order:87}.mfui-grid-column_all-order_88{-webkit-box-ordinal-group:89;-ms-flex-order:88;order:88}.mfui-grid-column_all-order_89{-webkit-box-ordinal-group:90;-ms-flex-order:89;order:89}.mfui-grid-column_all-order_90{-webkit-box-ordinal-group:91;-ms-flex-order:90;order:90}.mfui-grid-column_all-order_91{-webkit-box-ordinal-group:92;-ms-flex-order:91;order:91}.mfui-grid-column_all-order_92{-webkit-box-ordinal-group:93;-ms-flex-order:92;order:92}.mfui-grid-column_all-order_93{-webkit-box-ordinal-group:94;-ms-flex-order:93;order:93}.mfui-grid-column_all-order_94{-webkit-box-ordinal-group:95;-ms-flex-order:94;order:94}.mfui-grid-column_all-order_95{-webkit-box-ordinal-group:96;-ms-flex-order:95;order:95}.mfui-grid-column_all-order_96{-webkit-box-ordinal-group:97;-ms-flex-order:96;order:96}.mfui-grid-column_all-order_97{-webkit-box-ordinal-group:98;-ms-flex-order:97;order:97}.mfui-grid-column_all-order_98{-webkit-box-ordinal-group:99;-ms-flex-order:98;order:98}.mfui-grid-column_all-order_99{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.mfui-grid-column_all-order_100{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}@media screen and (min-width:1280px){.mfui-grid-column_wide_1{width:8.3333333333%}.mfui-grid-column_wide_2{width:16.6666666667%}.mfui-grid-column_wide_3{width:25%}.mfui-grid-column_wide_4{width:33.3333333333%}.mfui-grid-column_wide_5{width:41.6666666667%}.mfui-grid-column_wide_6{width:50%}.mfui-grid-column_wide_7{width:58.3333333333%}.mfui-grid-column_wide_8{width:66.6666666667%}.mfui-grid-column_wide_9{width:75%}.mfui-grid-column_wide_10{width:83.3333333333%}.mfui-grid-column_wide_11{width:91.6666666667%}.mfui-grid-column_wide_12{width:100%}.mfui-grid-column_wide-order_0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.mfui-grid-column_wide-order_1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mfui-grid-column_wide-order_2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mfui-grid-column_wide-order_3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.mfui-grid-column_wide-order_4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mfui-grid-column_wide-order_5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.mfui-grid-column_wide-order_6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.mfui-grid-column_wide-order_7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.mfui-grid-column_wide-order_8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.mfui-grid-column_wide-order_9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.mfui-grid-column_wide-order_10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.mfui-grid-column_wide-order_11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.mfui-grid-column_wide-order_12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.mfui-grid-column_wide-order_13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.mfui-grid-column_wide-order_14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.mfui-grid-column_wide-order_15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.mfui-grid-column_wide-order_16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.mfui-grid-column_wide-order_17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.mfui-grid-column_wide-order_18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.mfui-grid-column_wide-order_19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.mfui-grid-column_wide-order_20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.mfui-grid-column_wide-order_21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.mfui-grid-column_wide-order_22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.mfui-grid-column_wide-order_23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.mfui-grid-column_wide-order_24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.mfui-grid-column_wide-order_25{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.mfui-grid-column_wide-order_26{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}.mfui-grid-column_wide-order_27{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}.mfui-grid-column_wide-order_28{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}.mfui-grid-column_wide-order_29{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}.mfui-grid-column_wide-order_30{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}.mfui-grid-column_wide-order_31{-webkit-box-ordinal-group:32;-ms-flex-order:31;order:31}.mfui-grid-column_wide-order_32{-webkit-box-ordinal-group:33;-ms-flex-order:32;order:32}.mfui-grid-column_wide-order_33{-webkit-box-ordinal-group:34;-ms-flex-order:33;order:33}.mfui-grid-column_wide-order_34{-webkit-box-ordinal-group:35;-ms-flex-order:34;order:34}.mfui-grid-column_wide-order_35{-webkit-box-ordinal-group:36;-ms-flex-order:35;order:35}.mfui-grid-column_wide-order_36{-webkit-box-ordinal-group:37;-ms-flex-order:36;order:36}.mfui-grid-column_wide-order_37{-webkit-box-ordinal-group:38;-ms-flex-order:37;order:37}.mfui-grid-column_wide-order_38{-webkit-box-ordinal-group:39;-ms-flex-order:38;order:38}.mfui-grid-column_wide-order_39{-webkit-box-ordinal-group:40;-ms-flex-order:39;order:39}.mfui-grid-column_wide-order_40{-webkit-box-ordinal-group:41;-ms-flex-order:40;order:40}.mfui-grid-column_wide-order_41{-webkit-box-ordinal-group:42;-ms-flex-order:41;order:41}.mfui-grid-column_wide-order_42{-webkit-box-ordinal-group:43;-ms-flex-order:42;order:42}.mfui-grid-column_wide-order_43{-webkit-box-ordinal-group:44;-ms-flex-order:43;order:43}.mfui-grid-column_wide-order_44{-webkit-box-ordinal-group:45;-ms-flex-order:44;order:44}.mfui-grid-column_wide-order_45{-webkit-box-ordinal-group:46;-ms-flex-order:45;order:45}.mfui-grid-column_wide-order_46{-webkit-box-ordinal-group:47;-ms-flex-order:46;order:46}.mfui-grid-column_wide-order_47{-webkit-box-ordinal-group:48;-ms-flex-order:47;order:47}.mfui-grid-column_wide-order_48{-webkit-box-ordinal-group:49;-ms-flex-order:48;order:48}.mfui-grid-column_wide-order_49{-webkit-box-ordinal-group:50;-ms-flex-order:49;order:49}.mfui-grid-column_wide-order_50{-webkit-box-ordinal-group:51;-ms-flex-order:50;order:50}.mfui-grid-column_wide-order_51{-webkit-box-ordinal-group:52;-ms-flex-order:51;order:51}.mfui-grid-column_wide-order_52{-webkit-box-ordinal-group:53;-ms-flex-order:52;order:52}.mfui-grid-column_wide-order_53{-webkit-box-ordinal-group:54;-ms-flex-order:53;order:53}.mfui-grid-column_wide-order_54{-webkit-box-ordinal-group:55;-ms-flex-order:54;order:54}.mfui-grid-column_wide-order_55{-webkit-box-ordinal-group:56;-ms-flex-order:55;order:55}.mfui-grid-column_wide-order_56{-webkit-box-ordinal-group:57;-ms-flex-order:56;order:56}.mfui-grid-column_wide-order_57{-webkit-box-ordinal-group:58;-ms-flex-order:57;order:57}.mfui-grid-column_wide-order_58{-webkit-box-ordinal-group:59;-ms-flex-order:58;order:58}.mfui-grid-column_wide-order_59{-webkit-box-ordinal-group:60;-ms-flex-order:59;order:59}.mfui-grid-column_wide-order_60{-webkit-box-ordinal-group:61;-ms-flex-order:60;order:60}.mfui-grid-column_wide-order_61{-webkit-box-ordinal-group:62;-ms-flex-order:61;order:61}.mfui-grid-column_wide-order_62{-webkit-box-ordinal-group:63;-ms-flex-order:62;order:62}.mfui-grid-column_wide-order_63{-webkit-box-ordinal-group:64;-ms-flex-order:63;order:63}.mfui-grid-column_wide-order_64{-webkit-box-ordinal-group:65;-ms-flex-order:64;order:64}.mfui-grid-column_wide-order_65{-webkit-box-ordinal-group:66;-ms-flex-order:65;order:65}.mfui-grid-column_wide-order_66{-webkit-box-ordinal-group:67;-ms-flex-order:66;order:66}.mfui-grid-column_wide-order_67{-webkit-box-ordinal-group:68;-ms-flex-order:67;order:67}.mfui-grid-column_wide-order_68{-webkit-box-ordinal-group:69;-ms-flex-order:68;order:68}.mfui-grid-column_wide-order_69{-webkit-box-ordinal-group:70;-ms-flex-order:69;order:69}.mfui-grid-column_wide-order_70{-webkit-box-ordinal-group:71;-ms-flex-order:70;order:70}.mfui-grid-column_wide-order_71{-webkit-box-ordinal-group:72;-ms-flex-order:71;order:71}.mfui-grid-column_wide-order_72{-webkit-box-ordinal-group:73;-ms-flex-order:72;order:72}.mfui-grid-column_wide-order_73{-webkit-box-ordinal-group:74;-ms-flex-order:73;order:73}.mfui-grid-column_wide-order_74{-webkit-box-ordinal-group:75;-ms-flex-order:74;order:74}.mfui-grid-column_wide-order_75{-webkit-box-ordinal-group:76;-ms-flex-order:75;order:75}.mfui-grid-column_wide-order_76{-webkit-box-ordinal-group:77;-ms-flex-order:76;order:76}.mfui-grid-column_wide-order_77{-webkit-box-ordinal-group:78;-ms-flex-order:77;order:77}.mfui-grid-column_wide-order_78{-webkit-box-ordinal-group:79;-ms-flex-order:78;order:78}.mfui-grid-column_wide-order_79{-webkit-box-ordinal-group:80;-ms-flex-order:79;order:79}.mfui-grid-column_wide-order_80{-webkit-box-ordinal-group:81;-ms-flex-order:80;order:80}.mfui-grid-column_wide-order_81{-webkit-box-ordinal-group:82;-ms-flex-order:81;order:81}.mfui-grid-column_wide-order_82{-webkit-box-ordinal-group:83;-ms-flex-order:82;order:82}.mfui-grid-column_wide-order_83{-webkit-box-ordinal-group:84;-ms-flex-order:83;order:83}.mfui-grid-column_wide-order_84{-webkit-box-ordinal-group:85;-ms-flex-order:84;order:84}.mfui-grid-column_wide-order_85{-webkit-box-ordinal-group:86;-ms-flex-order:85;order:85}.mfui-grid-column_wide-order_86{-webkit-box-ordinal-group:87;-ms-flex-order:86;order:86}.mfui-grid-column_wide-order_87{-webkit-box-ordinal-group:88;-ms-flex-order:87;order:87}.mfui-grid-column_wide-order_88{-webkit-box-ordinal-group:89;-ms-flex-order:88;order:88}.mfui-grid-column_wide-order_89{-webkit-box-ordinal-group:90;-ms-flex-order:89;order:89}.mfui-grid-column_wide-order_90{-webkit-box-ordinal-group:91;-ms-flex-order:90;order:90}.mfui-grid-column_wide-order_91{-webkit-box-ordinal-group:92;-ms-flex-order:91;order:91}.mfui-grid-column_wide-order_92{-webkit-box-ordinal-group:93;-ms-flex-order:92;order:92}.mfui-grid-column_wide-order_93{-webkit-box-ordinal-group:94;-ms-flex-order:93;order:93}.mfui-grid-column_wide-order_94{-webkit-box-ordinal-group:95;-ms-flex-order:94;order:94}.mfui-grid-column_wide-order_95{-webkit-box-ordinal-group:96;-ms-flex-order:95;order:95}.mfui-grid-column_wide-order_96{-webkit-box-ordinal-group:97;-ms-flex-order:96;order:96}.mfui-grid-column_wide-order_97{-webkit-box-ordinal-group:98;-ms-flex-order:97;order:97}.mfui-grid-column_wide-order_98{-webkit-box-ordinal-group:99;-ms-flex-order:98;order:98}.mfui-grid-column_wide-order_99{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.mfui-grid-column_wide-order_100{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}.mfui-grid-column_left-offset-wide_1{margin-left:8.3333333333%}.mfui-grid-column_right-offset-wide_1{margin-right:8.3333333333%}.mfui-grid-column_left-offset-wide_2{margin-left:16.6666666667%}.mfui-grid-column_right-offset-wide_2{margin-right:16.6666666667%}.mfui-grid-column_left-offset-wide_3{margin-left:25%}.mfui-grid-column_right-offset-wide_3{margin-right:25%}.mfui-grid-column_left-offset-wide_4{margin-left:33.3333333333%}.mfui-grid-column_right-offset-wide_4{margin-right:33.3333333333%}.mfui-grid-column_left-offset-wide_5{margin-left:41.6666666667%}.mfui-grid-column_right-offset-wide_5{margin-right:41.6666666667%}.mfui-grid-column_left-offset-wide_6{margin-left:50%}.mfui-grid-column_right-offset-wide_6{margin-right:50%}.mfui-grid-column_left-offset-wide_7{margin-left:58.3333333333%}.mfui-grid-column_right-offset-wide_7{margin-right:58.3333333333%}.mfui-grid-column_left-offset-wide_8{margin-left:66.6666666667%}.mfui-grid-column_right-offset-wide_8{margin-right:66.6666666667%}.mfui-grid-column_left-offset-wide_9{margin-left:75%}.mfui-grid-column_right-offset-wide_9{margin-right:75%}.mfui-grid-column_left-offset-wide_10{margin-left:83.3333333333%}.mfui-grid-column_right-offset-wide_10{margin-right:83.3333333333%}.mfui-grid-column_left-offset-wide_11{margin-left:91.6666666667%}.mfui-grid-column_right-offset-wide_11{margin-right:91.6666666667%}.mfui-grid-column_left-offset-wide_12{margin-left:100%}.mfui-grid-column_right-offset-wide_12{margin-right:100%}}@media screen and (min-width:1024px) and (max-width:1279px){.mfui-grid-column_desktop_1{width:8.3333333333%}.mfui-grid-column_desktop_2{width:16.6666666667%}.mfui-grid-column_desktop_3{width:25%}.mfui-grid-column_desktop_4{width:33.3333333333%}.mfui-grid-column_desktop_5{width:41.6666666667%}.mfui-grid-column_desktop_6{width:50%}.mfui-grid-column_desktop_7{width:58.3333333333%}.mfui-grid-column_desktop_8{width:66.6666666667%}.mfui-grid-column_desktop_9{width:75%}.mfui-grid-column_desktop_10{width:83.3333333333%}.mfui-grid-column_desktop_11{width:91.6666666667%}.mfui-grid-column_desktop_12{width:100%}.mfui-grid-column_desktop-order_0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.mfui-grid-column_desktop-order_1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mfui-grid-column_desktop-order_2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mfui-grid-column_desktop-order_3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.mfui-grid-column_desktop-order_4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mfui-grid-column_desktop-order_5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.mfui-grid-column_desktop-order_6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.mfui-grid-column_desktop-order_7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.mfui-grid-column_desktop-order_8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.mfui-grid-column_desktop-order_9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.mfui-grid-column_desktop-order_10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.mfui-grid-column_desktop-order_11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.mfui-grid-column_desktop-order_12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.mfui-grid-column_desktop-order_13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.mfui-grid-column_desktop-order_14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.mfui-grid-column_desktop-order_15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.mfui-grid-column_desktop-order_16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.mfui-grid-column_desktop-order_17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.mfui-grid-column_desktop-order_18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.mfui-grid-column_desktop-order_19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.mfui-grid-column_desktop-order_20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.mfui-grid-column_desktop-order_21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.mfui-grid-column_desktop-order_22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.mfui-grid-column_desktop-order_23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.mfui-grid-column_desktop-order_24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.mfui-grid-column_desktop-order_25{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.mfui-grid-column_desktop-order_26{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}.mfui-grid-column_desktop-order_27{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}.mfui-grid-column_desktop-order_28{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}.mfui-grid-column_desktop-order_29{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}.mfui-grid-column_desktop-order_30{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}.mfui-grid-column_desktop-order_31{-webkit-box-ordinal-group:32;-ms-flex-order:31;order:31}.mfui-grid-column_desktop-order_32{-webkit-box-ordinal-group:33;-ms-flex-order:32;order:32}.mfui-grid-column_desktop-order_33{-webkit-box-ordinal-group:34;-ms-flex-order:33;order:33}.mfui-grid-column_desktop-order_34{-webkit-box-ordinal-group:35;-ms-flex-order:34;order:34}.mfui-grid-column_desktop-order_35{-webkit-box-ordinal-group:36;-ms-flex-order:35;order:35}.mfui-grid-column_desktop-order_36{-webkit-box-ordinal-group:37;-ms-flex-order:36;order:36}.mfui-grid-column_desktop-order_37{-webkit-box-ordinal-group:38;-ms-flex-order:37;order:37}.mfui-grid-column_desktop-order_38{-webkit-box-ordinal-group:39;-ms-flex-order:38;order:38}.mfui-grid-column_desktop-order_39{-webkit-box-ordinal-group:40;-ms-flex-order:39;order:39}.mfui-grid-column_desktop-order_40{-webkit-box-ordinal-group:41;-ms-flex-order:40;order:40}.mfui-grid-column_desktop-order_41{-webkit-box-ordinal-group:42;-ms-flex-order:41;order:41}.mfui-grid-column_desktop-order_42{-webkit-box-ordinal-group:43;-ms-flex-order:42;order:42}.mfui-grid-column_desktop-order_43{-webkit-box-ordinal-group:44;-ms-flex-order:43;order:43}.mfui-grid-column_desktop-order_44{-webkit-box-ordinal-group:45;-ms-flex-order:44;order:44}.mfui-grid-column_desktop-order_45{-webkit-box-ordinal-group:46;-ms-flex-order:45;order:45}.mfui-grid-column_desktop-order_46{-webkit-box-ordinal-group:47;-ms-flex-order:46;order:46}.mfui-grid-column_desktop-order_47{-webkit-box-ordinal-group:48;-ms-flex-order:47;order:47}.mfui-grid-column_desktop-order_48{-webkit-box-ordinal-group:49;-ms-flex-order:48;order:48}.mfui-grid-column_desktop-order_49{-webkit-box-ordinal-group:50;-ms-flex-order:49;order:49}.mfui-grid-column_desktop-order_50{-webkit-box-ordinal-group:51;-ms-flex-order:50;order:50}.mfui-grid-column_desktop-order_51{-webkit-box-ordinal-group:52;-ms-flex-order:51;order:51}.mfui-grid-column_desktop-order_52{-webkit-box-ordinal-group:53;-ms-flex-order:52;order:52}.mfui-grid-column_desktop-order_53{-webkit-box-ordinal-group:54;-ms-flex-order:53;order:53}.mfui-grid-column_desktop-order_54{-webkit-box-ordinal-group:55;-ms-flex-order:54;order:54}.mfui-grid-column_desktop-order_55{-webkit-box-ordinal-group:56;-ms-flex-order:55;order:55}.mfui-grid-column_desktop-order_56{-webkit-box-ordinal-group:57;-ms-flex-order:56;order:56}.mfui-grid-column_desktop-order_57{-webkit-box-ordinal-group:58;-ms-flex-order:57;order:57}.mfui-grid-column_desktop-order_58{-webkit-box-ordinal-group:59;-ms-flex-order:58;order:58}.mfui-grid-column_desktop-order_59{-webkit-box-ordinal-group:60;-ms-flex-order:59;order:59}.mfui-grid-column_desktop-order_60{-webkit-box-ordinal-group:61;-ms-flex-order:60;order:60}.mfui-grid-column_desktop-order_61{-webkit-box-ordinal-group:62;-ms-flex-order:61;order:61}.mfui-grid-column_desktop-order_62{-webkit-box-ordinal-group:63;-ms-flex-order:62;order:62}.mfui-grid-column_desktop-order_63{-webkit-box-ordinal-group:64;-ms-flex-order:63;order:63}.mfui-grid-column_desktop-order_64{-webkit-box-ordinal-group:65;-ms-flex-order:64;order:64}.mfui-grid-column_desktop-order_65{-webkit-box-ordinal-group:66;-ms-flex-order:65;order:65}.mfui-grid-column_desktop-order_66{-webkit-box-ordinal-group:67;-ms-flex-order:66;order:66}.mfui-grid-column_desktop-order_67{-webkit-box-ordinal-group:68;-ms-flex-order:67;order:67}.mfui-grid-column_desktop-order_68{-webkit-box-ordinal-group:69;-ms-flex-order:68;order:68}.mfui-grid-column_desktop-order_69{-webkit-box-ordinal-group:70;-ms-flex-order:69;order:69}.mfui-grid-column_desktop-order_70{-webkit-box-ordinal-group:71;-ms-flex-order:70;order:70}.mfui-grid-column_desktop-order_71{-webkit-box-ordinal-group:72;-ms-flex-order:71;order:71}.mfui-grid-column_desktop-order_72{-webkit-box-ordinal-group:73;-ms-flex-order:72;order:72}.mfui-grid-column_desktop-order_73{-webkit-box-ordinal-group:74;-ms-flex-order:73;order:73}.mfui-grid-column_desktop-order_74{-webkit-box-ordinal-group:75;-ms-flex-order:74;order:74}.mfui-grid-column_desktop-order_75{-webkit-box-ordinal-group:76;-ms-flex-order:75;order:75}.mfui-grid-column_desktop-order_76{-webkit-box-ordinal-group:77;-ms-flex-order:76;order:76}.mfui-grid-column_desktop-order_77{-webkit-box-ordinal-group:78;-ms-flex-order:77;order:77}.mfui-grid-column_desktop-order_78{-webkit-box-ordinal-group:79;-ms-flex-order:78;order:78}.mfui-grid-column_desktop-order_79{-webkit-box-ordinal-group:80;-ms-flex-order:79;order:79}.mfui-grid-column_desktop-order_80{-webkit-box-ordinal-group:81;-ms-flex-order:80;order:80}.mfui-grid-column_desktop-order_81{-webkit-box-ordinal-group:82;-ms-flex-order:81;order:81}.mfui-grid-column_desktop-order_82{-webkit-box-ordinal-group:83;-ms-flex-order:82;order:82}.mfui-grid-column_desktop-order_83{-webkit-box-ordinal-group:84;-ms-flex-order:83;order:83}.mfui-grid-column_desktop-order_84{-webkit-box-ordinal-group:85;-ms-flex-order:84;order:84}.mfui-grid-column_desktop-order_85{-webkit-box-ordinal-group:86;-ms-flex-order:85;order:85}.mfui-grid-column_desktop-order_86{-webkit-box-ordinal-group:87;-ms-flex-order:86;order:86}.mfui-grid-column_desktop-order_87{-webkit-box-ordinal-group:88;-ms-flex-order:87;order:87}.mfui-grid-column_desktop-order_88{-webkit-box-ordinal-group:89;-ms-flex-order:88;order:88}.mfui-grid-column_desktop-order_89{-webkit-box-ordinal-group:90;-ms-flex-order:89;order:89}.mfui-grid-column_desktop-order_90{-webkit-box-ordinal-group:91;-ms-flex-order:90;order:90}.mfui-grid-column_desktop-order_91{-webkit-box-ordinal-group:92;-ms-flex-order:91;order:91}.mfui-grid-column_desktop-order_92{-webkit-box-ordinal-group:93;-ms-flex-order:92;order:92}.mfui-grid-column_desktop-order_93{-webkit-box-ordinal-group:94;-ms-flex-order:93;order:93}.mfui-grid-column_desktop-order_94{-webkit-box-ordinal-group:95;-ms-flex-order:94;order:94}.mfui-grid-column_desktop-order_95{-webkit-box-ordinal-group:96;-ms-flex-order:95;order:95}.mfui-grid-column_desktop-order_96{-webkit-box-ordinal-group:97;-ms-flex-order:96;order:96}.mfui-grid-column_desktop-order_97{-webkit-box-ordinal-group:98;-ms-flex-order:97;order:97}.mfui-grid-column_desktop-order_98{-webkit-box-ordinal-group:99;-ms-flex-order:98;order:98}.mfui-grid-column_desktop-order_99{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.mfui-grid-column_desktop-order_100{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}.mfui-grid-column_left-offset-desktop_1{margin-left:8.3333333333%}.mfui-grid-column_right-offset-desktop_1{margin-right:8.3333333333%}.mfui-grid-column_left-offset-desktop_2{margin-left:16.6666666667%}.mfui-grid-column_right-offset-desktop_2{margin-right:16.6666666667%}.mfui-grid-column_left-offset-desktop_3{margin-left:25%}.mfui-grid-column_right-offset-desktop_3{margin-right:25%}.mfui-grid-column_left-offset-desktop_4{margin-left:33.3333333333%}.mfui-grid-column_right-offset-desktop_4{margin-right:33.3333333333%}.mfui-grid-column_left-offset-desktop_5{margin-left:41.6666666667%}.mfui-grid-column_right-offset-desktop_5{margin-right:41.6666666667%}.mfui-grid-column_left-offset-desktop_6{margin-left:50%}.mfui-grid-column_right-offset-desktop_6{margin-right:50%}.mfui-grid-column_left-offset-desktop_7{margin-left:58.3333333333%}.mfui-grid-column_right-offset-desktop_7{margin-right:58.3333333333%}.mfui-grid-column_left-offset-desktop_8{margin-left:66.6666666667%}.mfui-grid-column_right-offset-desktop_8{margin-right:66.6666666667%}.mfui-grid-column_left-offset-desktop_9{margin-left:75%}.mfui-grid-column_right-offset-desktop_9{margin-right:75%}.mfui-grid-column_left-offset-desktop_10{margin-left:83.3333333333%}.mfui-grid-column_right-offset-desktop_10{margin-right:83.3333333333%}.mfui-grid-column_left-offset-desktop_11{margin-left:91.6666666667%}.mfui-grid-column_right-offset-desktop_11{margin-right:91.6666666667%}.mfui-grid-column_left-offset-desktop_12{margin-left:100%}.mfui-grid-column_right-offset-desktop_12{margin-right:100%}}@media screen and (min-width:768px) and (max-width:1023px){.mfui-grid-column_tablet_1{width:8.3333333333%}.mfui-grid-column_tablet_2{width:16.6666666667%}.mfui-grid-column_tablet_3{width:25%}.mfui-grid-column_tablet_4{width:33.3333333333%}.mfui-grid-column_tablet_5{width:41.6666666667%}.mfui-grid-column_tablet_6{width:50%}.mfui-grid-column_tablet_7{width:58.3333333333%}.mfui-grid-column_tablet_8{width:66.6666666667%}.mfui-grid-column_tablet_9{width:75%}.mfui-grid-column_tablet_10{width:83.3333333333%}.mfui-grid-column_tablet_11{width:91.6666666667%}.mfui-grid-column_tablet_12{width:100%}.mfui-grid-column_tablet-order_0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.mfui-grid-column_tablet-order_1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mfui-grid-column_tablet-order_2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mfui-grid-column_tablet-order_3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.mfui-grid-column_tablet-order_4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mfui-grid-column_tablet-order_5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.mfui-grid-column_tablet-order_6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.mfui-grid-column_tablet-order_7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.mfui-grid-column_tablet-order_8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.mfui-grid-column_tablet-order_9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.mfui-grid-column_tablet-order_10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.mfui-grid-column_tablet-order_11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.mfui-grid-column_tablet-order_12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.mfui-grid-column_tablet-order_13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.mfui-grid-column_tablet-order_14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.mfui-grid-column_tablet-order_15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.mfui-grid-column_tablet-order_16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.mfui-grid-column_tablet-order_17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.mfui-grid-column_tablet-order_18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.mfui-grid-column_tablet-order_19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.mfui-grid-column_tablet-order_20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.mfui-grid-column_tablet-order_21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.mfui-grid-column_tablet-order_22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.mfui-grid-column_tablet-order_23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.mfui-grid-column_tablet-order_24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.mfui-grid-column_tablet-order_25{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.mfui-grid-column_tablet-order_26{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}.mfui-grid-column_tablet-order_27{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}.mfui-grid-column_tablet-order_28{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}.mfui-grid-column_tablet-order_29{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}.mfui-grid-column_tablet-order_30{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}.mfui-grid-column_tablet-order_31{-webkit-box-ordinal-group:32;-ms-flex-order:31;order:31}.mfui-grid-column_tablet-order_32{-webkit-box-ordinal-group:33;-ms-flex-order:32;order:32}.mfui-grid-column_tablet-order_33{-webkit-box-ordinal-group:34;-ms-flex-order:33;order:33}.mfui-grid-column_tablet-order_34{-webkit-box-ordinal-group:35;-ms-flex-order:34;order:34}.mfui-grid-column_tablet-order_35{-webkit-box-ordinal-group:36;-ms-flex-order:35;order:35}.mfui-grid-column_tablet-order_36{-webkit-box-ordinal-group:37;-ms-flex-order:36;order:36}.mfui-grid-column_tablet-order_37{-webkit-box-ordinal-group:38;-ms-flex-order:37;order:37}.mfui-grid-column_tablet-order_38{-webkit-box-ordinal-group:39;-ms-flex-order:38;order:38}.mfui-grid-column_tablet-order_39{-webkit-box-ordinal-group:40;-ms-flex-order:39;order:39}.mfui-grid-column_tablet-order_40{-webkit-box-ordinal-group:41;-ms-flex-order:40;order:40}.mfui-grid-column_tablet-order_41{-webkit-box-ordinal-group:42;-ms-flex-order:41;order:41}.mfui-grid-column_tablet-order_42{-webkit-box-ordinal-group:43;-ms-flex-order:42;order:42}.mfui-grid-column_tablet-order_43{-webkit-box-ordinal-group:44;-ms-flex-order:43;order:43}.mfui-grid-column_tablet-order_44{-webkit-box-ordinal-group:45;-ms-flex-order:44;order:44}.mfui-grid-column_tablet-order_45{-webkit-box-ordinal-group:46;-ms-flex-order:45;order:45}.mfui-grid-column_tablet-order_46{-webkit-box-ordinal-group:47;-ms-flex-order:46;order:46}.mfui-grid-column_tablet-order_47{-webkit-box-ordinal-group:48;-ms-flex-order:47;order:47}.mfui-grid-column_tablet-order_48{-webkit-box-ordinal-group:49;-ms-flex-order:48;order:48}.mfui-grid-column_tablet-order_49{-webkit-box-ordinal-group:50;-ms-flex-order:49;order:49}.mfui-grid-column_tablet-order_50{-webkit-box-ordinal-group:51;-ms-flex-order:50;order:50}.mfui-grid-column_tablet-order_51{-webkit-box-ordinal-group:52;-ms-flex-order:51;order:51}.mfui-grid-column_tablet-order_52{-webkit-box-ordinal-group:53;-ms-flex-order:52;order:52}.mfui-grid-column_tablet-order_53{-webkit-box-ordinal-group:54;-ms-flex-order:53;order:53}.mfui-grid-column_tablet-order_54{-webkit-box-ordinal-group:55;-ms-flex-order:54;order:54}.mfui-grid-column_tablet-order_55{-webkit-box-ordinal-group:56;-ms-flex-order:55;order:55}.mfui-grid-column_tablet-order_56{-webkit-box-ordinal-group:57;-ms-flex-order:56;order:56}.mfui-grid-column_tablet-order_57{-webkit-box-ordinal-group:58;-ms-flex-order:57;order:57}.mfui-grid-column_tablet-order_58{-webkit-box-ordinal-group:59;-ms-flex-order:58;order:58}.mfui-grid-column_tablet-order_59{-webkit-box-ordinal-group:60;-ms-flex-order:59;order:59}.mfui-grid-column_tablet-order_60{-webkit-box-ordinal-group:61;-ms-flex-order:60;order:60}.mfui-grid-column_tablet-order_61{-webkit-box-ordinal-group:62;-ms-flex-order:61;order:61}.mfui-grid-column_tablet-order_62{-webkit-box-ordinal-group:63;-ms-flex-order:62;order:62}.mfui-grid-column_tablet-order_63{-webkit-box-ordinal-group:64;-ms-flex-order:63;order:63}.mfui-grid-column_tablet-order_64{-webkit-box-ordinal-group:65;-ms-flex-order:64;order:64}.mfui-grid-column_tablet-order_65{-webkit-box-ordinal-group:66;-ms-flex-order:65;order:65}.mfui-grid-column_tablet-order_66{-webkit-box-ordinal-group:67;-ms-flex-order:66;order:66}.mfui-grid-column_tablet-order_67{-webkit-box-ordinal-group:68;-ms-flex-order:67;order:67}.mfui-grid-column_tablet-order_68{-webkit-box-ordinal-group:69;-ms-flex-order:68;order:68}.mfui-grid-column_tablet-order_69{-webkit-box-ordinal-group:70;-ms-flex-order:69;order:69}.mfui-grid-column_tablet-order_70{-webkit-box-ordinal-group:71;-ms-flex-order:70;order:70}.mfui-grid-column_tablet-order_71{-webkit-box-ordinal-group:72;-ms-flex-order:71;order:71}.mfui-grid-column_tablet-order_72{-webkit-box-ordinal-group:73;-ms-flex-order:72;order:72}.mfui-grid-column_tablet-order_73{-webkit-box-ordinal-group:74;-ms-flex-order:73;order:73}.mfui-grid-column_tablet-order_74{-webkit-box-ordinal-group:75;-ms-flex-order:74;order:74}.mfui-grid-column_tablet-order_75{-webkit-box-ordinal-group:76;-ms-flex-order:75;order:75}.mfui-grid-column_tablet-order_76{-webkit-box-ordinal-group:77;-ms-flex-order:76;order:76}.mfui-grid-column_tablet-order_77{-webkit-box-ordinal-group:78;-ms-flex-order:77;order:77}.mfui-grid-column_tablet-order_78{-webkit-box-ordinal-group:79;-ms-flex-order:78;order:78}.mfui-grid-column_tablet-order_79{-webkit-box-ordinal-group:80;-ms-flex-order:79;order:79}.mfui-grid-column_tablet-order_80{-webkit-box-ordinal-group:81;-ms-flex-order:80;order:80}.mfui-grid-column_tablet-order_81{-webkit-box-ordinal-group:82;-ms-flex-order:81;order:81}.mfui-grid-column_tablet-order_82{-webkit-box-ordinal-group:83;-ms-flex-order:82;order:82}.mfui-grid-column_tablet-order_83{-webkit-box-ordinal-group:84;-ms-flex-order:83;order:83}.mfui-grid-column_tablet-order_84{-webkit-box-ordinal-group:85;-ms-flex-order:84;order:84}.mfui-grid-column_tablet-order_85{-webkit-box-ordinal-group:86;-ms-flex-order:85;order:85}.mfui-grid-column_tablet-order_86{-webkit-box-ordinal-group:87;-ms-flex-order:86;order:86}.mfui-grid-column_tablet-order_87{-webkit-box-ordinal-group:88;-ms-flex-order:87;order:87}.mfui-grid-column_tablet-order_88{-webkit-box-ordinal-group:89;-ms-flex-order:88;order:88}.mfui-grid-column_tablet-order_89{-webkit-box-ordinal-group:90;-ms-flex-order:89;order:89}.mfui-grid-column_tablet-order_90{-webkit-box-ordinal-group:91;-ms-flex-order:90;order:90}.mfui-grid-column_tablet-order_91{-webkit-box-ordinal-group:92;-ms-flex-order:91;order:91}.mfui-grid-column_tablet-order_92{-webkit-box-ordinal-group:93;-ms-flex-order:92;order:92}.mfui-grid-column_tablet-order_93{-webkit-box-ordinal-group:94;-ms-flex-order:93;order:93}.mfui-grid-column_tablet-order_94{-webkit-box-ordinal-group:95;-ms-flex-order:94;order:94}.mfui-grid-column_tablet-order_95{-webkit-box-ordinal-group:96;-ms-flex-order:95;order:95}.mfui-grid-column_tablet-order_96{-webkit-box-ordinal-group:97;-ms-flex-order:96;order:96}.mfui-grid-column_tablet-order_97{-webkit-box-ordinal-group:98;-ms-flex-order:97;order:97}.mfui-grid-column_tablet-order_98{-webkit-box-ordinal-group:99;-ms-flex-order:98;order:98}.mfui-grid-column_tablet-order_99{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.mfui-grid-column_tablet-order_100{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}.mfui-grid-column_left-offset-tablet_1{margin-left:8.3333333333%}.mfui-grid-column_right-offset-tablet_1{margin-right:8.3333333333%}.mfui-grid-column_left-offset-tablet_2{margin-left:16.6666666667%}.mfui-grid-column_right-offset-tablet_2{margin-right:16.6666666667%}.mfui-grid-column_left-offset-tablet_3{margin-left:25%}.mfui-grid-column_right-offset-tablet_3{margin-right:25%}.mfui-grid-column_left-offset-tablet_4{margin-left:33.3333333333%}.mfui-grid-column_right-offset-tablet_4{margin-right:33.3333333333%}.mfui-grid-column_left-offset-tablet_5{margin-left:41.6666666667%}.mfui-grid-column_right-offset-tablet_5{margin-right:41.6666666667%}.mfui-grid-column_left-offset-tablet_6{margin-left:50%}.mfui-grid-column_right-offset-tablet_6{margin-right:50%}.mfui-grid-column_left-offset-tablet_7{margin-left:58.3333333333%}.mfui-grid-column_right-offset-tablet_7{margin-right:58.3333333333%}.mfui-grid-column_left-offset-tablet_8{margin-left:66.6666666667%}.mfui-grid-column_right-offset-tablet_8{margin-right:66.6666666667%}.mfui-grid-column_left-offset-tablet_9{margin-left:75%}.mfui-grid-column_right-offset-tablet_9{margin-right:75%}.mfui-grid-column_left-offset-tablet_10{margin-left:83.3333333333%}.mfui-grid-column_right-offset-tablet_10{margin-right:83.3333333333%}.mfui-grid-column_left-offset-tablet_11{margin-left:91.6666666667%}.mfui-grid-column_right-offset-tablet_11{margin-right:91.6666666667%}.mfui-grid-column_left-offset-tablet_12{margin-left:100%}.mfui-grid-column_right-offset-tablet_12{margin-right:100%}}@media screen and (max-width:767px){.mfui-grid-column_mobile_1{width:8.3333333333%}.mfui-grid-column_mobile_2{width:16.6666666667%}.mfui-grid-column_mobile_3{width:25%}.mfui-grid-column_mobile_4{width:33.3333333333%}.mfui-grid-column_mobile_5{width:41.6666666667%}.mfui-grid-column_mobile_6{width:50%}.mfui-grid-column_mobile_7{width:58.3333333333%}.mfui-grid-column_mobile_8{width:66.6666666667%}.mfui-grid-column_mobile_9{width:75%}.mfui-grid-column_mobile_10{width:83.3333333333%}.mfui-grid-column_mobile_11{width:91.6666666667%}.mfui-grid-column_mobile_12{width:100%}.mfui-grid-column_mobile-order_0{-webkit-box-ordinal-group:1;-ms-flex-order:0;order:0}.mfui-grid-column_mobile-order_1{-webkit-box-ordinal-group:2;-ms-flex-order:1;order:1}.mfui-grid-column_mobile-order_2{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2}.mfui-grid-column_mobile-order_3{-webkit-box-ordinal-group:4;-ms-flex-order:3;order:3}.mfui-grid-column_mobile-order_4{-webkit-box-ordinal-group:5;-ms-flex-order:4;order:4}.mfui-grid-column_mobile-order_5{-webkit-box-ordinal-group:6;-ms-flex-order:5;order:5}.mfui-grid-column_mobile-order_6{-webkit-box-ordinal-group:7;-ms-flex-order:6;order:6}.mfui-grid-column_mobile-order_7{-webkit-box-ordinal-group:8;-ms-flex-order:7;order:7}.mfui-grid-column_mobile-order_8{-webkit-box-ordinal-group:9;-ms-flex-order:8;order:8}.mfui-grid-column_mobile-order_9{-webkit-box-ordinal-group:10;-ms-flex-order:9;order:9}.mfui-grid-column_mobile-order_10{-webkit-box-ordinal-group:11;-ms-flex-order:10;order:10}.mfui-grid-column_mobile-order_11{-webkit-box-ordinal-group:12;-ms-flex-order:11;order:11}.mfui-grid-column_mobile-order_12{-webkit-box-ordinal-group:13;-ms-flex-order:12;order:12}.mfui-grid-column_mobile-order_13{-webkit-box-ordinal-group:14;-ms-flex-order:13;order:13}.mfui-grid-column_mobile-order_14{-webkit-box-ordinal-group:15;-ms-flex-order:14;order:14}.mfui-grid-column_mobile-order_15{-webkit-box-ordinal-group:16;-ms-flex-order:15;order:15}.mfui-grid-column_mobile-order_16{-webkit-box-ordinal-group:17;-ms-flex-order:16;order:16}.mfui-grid-column_mobile-order_17{-webkit-box-ordinal-group:18;-ms-flex-order:17;order:17}.mfui-grid-column_mobile-order_18{-webkit-box-ordinal-group:19;-ms-flex-order:18;order:18}.mfui-grid-column_mobile-order_19{-webkit-box-ordinal-group:20;-ms-flex-order:19;order:19}.mfui-grid-column_mobile-order_20{-webkit-box-ordinal-group:21;-ms-flex-order:20;order:20}.mfui-grid-column_mobile-order_21{-webkit-box-ordinal-group:22;-ms-flex-order:21;order:21}.mfui-grid-column_mobile-order_22{-webkit-box-ordinal-group:23;-ms-flex-order:22;order:22}.mfui-grid-column_mobile-order_23{-webkit-box-ordinal-group:24;-ms-flex-order:23;order:23}.mfui-grid-column_mobile-order_24{-webkit-box-ordinal-group:25;-ms-flex-order:24;order:24}.mfui-grid-column_mobile-order_25{-webkit-box-ordinal-group:26;-ms-flex-order:25;order:25}.mfui-grid-column_mobile-order_26{-webkit-box-ordinal-group:27;-ms-flex-order:26;order:26}.mfui-grid-column_mobile-order_27{-webkit-box-ordinal-group:28;-ms-flex-order:27;order:27}.mfui-grid-column_mobile-order_28{-webkit-box-ordinal-group:29;-ms-flex-order:28;order:28}.mfui-grid-column_mobile-order_29{-webkit-box-ordinal-group:30;-ms-flex-order:29;order:29}.mfui-grid-column_mobile-order_30{-webkit-box-ordinal-group:31;-ms-flex-order:30;order:30}.mfui-grid-column_mobile-order_31{-webkit-box-ordinal-group:32;-ms-flex-order:31;order:31}.mfui-grid-column_mobile-order_32{-webkit-box-ordinal-group:33;-ms-flex-order:32;order:32}.mfui-grid-column_mobile-order_33{-webkit-box-ordinal-group:34;-ms-flex-order:33;order:33}.mfui-grid-column_mobile-order_34{-webkit-box-ordinal-group:35;-ms-flex-order:34;order:34}.mfui-grid-column_mobile-order_35{-webkit-box-ordinal-group:36;-ms-flex-order:35;order:35}.mfui-grid-column_mobile-order_36{-webkit-box-ordinal-group:37;-ms-flex-order:36;order:36}.mfui-grid-column_mobile-order_37{-webkit-box-ordinal-group:38;-ms-flex-order:37;order:37}.mfui-grid-column_mobile-order_38{-webkit-box-ordinal-group:39;-ms-flex-order:38;order:38}.mfui-grid-column_mobile-order_39{-webkit-box-ordinal-group:40;-ms-flex-order:39;order:39}.mfui-grid-column_mobile-order_40{-webkit-box-ordinal-group:41;-ms-flex-order:40;order:40}.mfui-grid-column_mobile-order_41{-webkit-box-ordinal-group:42;-ms-flex-order:41;order:41}.mfui-grid-column_mobile-order_42{-webkit-box-ordinal-group:43;-ms-flex-order:42;order:42}.mfui-grid-column_mobile-order_43{-webkit-box-ordinal-group:44;-ms-flex-order:43;order:43}.mfui-grid-column_mobile-order_44{-webkit-box-ordinal-group:45;-ms-flex-order:44;order:44}.mfui-grid-column_mobile-order_45{-webkit-box-ordinal-group:46;-ms-flex-order:45;order:45}.mfui-grid-column_mobile-order_46{-webkit-box-ordinal-group:47;-ms-flex-order:46;order:46}.mfui-grid-column_mobile-order_47{-webkit-box-ordinal-group:48;-ms-flex-order:47;order:47}.mfui-grid-column_mobile-order_48{-webkit-box-ordinal-group:49;-ms-flex-order:48;order:48}.mfui-grid-column_mobile-order_49{-webkit-box-ordinal-group:50;-ms-flex-order:49;order:49}.mfui-grid-column_mobile-order_50{-webkit-box-ordinal-group:51;-ms-flex-order:50;order:50}.mfui-grid-column_mobile-order_51{-webkit-box-ordinal-group:52;-ms-flex-order:51;order:51}.mfui-grid-column_mobile-order_52{-webkit-box-ordinal-group:53;-ms-flex-order:52;order:52}.mfui-grid-column_mobile-order_53{-webkit-box-ordinal-group:54;-ms-flex-order:53;order:53}.mfui-grid-column_mobile-order_54{-webkit-box-ordinal-group:55;-ms-flex-order:54;order:54}.mfui-grid-column_mobile-order_55{-webkit-box-ordinal-group:56;-ms-flex-order:55;order:55}.mfui-grid-column_mobile-order_56{-webkit-box-ordinal-group:57;-ms-flex-order:56;order:56}.mfui-grid-column_mobile-order_57{-webkit-box-ordinal-group:58;-ms-flex-order:57;order:57}.mfui-grid-column_mobile-order_58{-webkit-box-ordinal-group:59;-ms-flex-order:58;order:58}.mfui-grid-column_mobile-order_59{-webkit-box-ordinal-group:60;-ms-flex-order:59;order:59}.mfui-grid-column_mobile-order_60{-webkit-box-ordinal-group:61;-ms-flex-order:60;order:60}.mfui-grid-column_mobile-order_61{-webkit-box-ordinal-group:62;-ms-flex-order:61;order:61}.mfui-grid-column_mobile-order_62{-webkit-box-ordinal-group:63;-ms-flex-order:62;order:62}.mfui-grid-column_mobile-order_63{-webkit-box-ordinal-group:64;-ms-flex-order:63;order:63}.mfui-grid-column_mobile-order_64{-webkit-box-ordinal-group:65;-ms-flex-order:64;order:64}.mfui-grid-column_mobile-order_65{-webkit-box-ordinal-group:66;-ms-flex-order:65;order:65}.mfui-grid-column_mobile-order_66{-webkit-box-ordinal-group:67;-ms-flex-order:66;order:66}.mfui-grid-column_mobile-order_67{-webkit-box-ordinal-group:68;-ms-flex-order:67;order:67}.mfui-grid-column_mobile-order_68{-webkit-box-ordinal-group:69;-ms-flex-order:68;order:68}.mfui-grid-column_mobile-order_69{-webkit-box-ordinal-group:70;-ms-flex-order:69;order:69}.mfui-grid-column_mobile-order_70{-webkit-box-ordinal-group:71;-ms-flex-order:70;order:70}.mfui-grid-column_mobile-order_71{-webkit-box-ordinal-group:72;-ms-flex-order:71;order:71}.mfui-grid-column_mobile-order_72{-webkit-box-ordinal-group:73;-ms-flex-order:72;order:72}.mfui-grid-column_mobile-order_73{-webkit-box-ordinal-group:74;-ms-flex-order:73;order:73}.mfui-grid-column_mobile-order_74{-webkit-box-ordinal-group:75;-ms-flex-order:74;order:74}.mfui-grid-column_mobile-order_75{-webkit-box-ordinal-group:76;-ms-flex-order:75;order:75}.mfui-grid-column_mobile-order_76{-webkit-box-ordinal-group:77;-ms-flex-order:76;order:76}.mfui-grid-column_mobile-order_77{-webkit-box-ordinal-group:78;-ms-flex-order:77;order:77}.mfui-grid-column_mobile-order_78{-webkit-box-ordinal-group:79;-ms-flex-order:78;order:78}.mfui-grid-column_mobile-order_79{-webkit-box-ordinal-group:80;-ms-flex-order:79;order:79}.mfui-grid-column_mobile-order_80{-webkit-box-ordinal-group:81;-ms-flex-order:80;order:80}.mfui-grid-column_mobile-order_81{-webkit-box-ordinal-group:82;-ms-flex-order:81;order:81}.mfui-grid-column_mobile-order_82{-webkit-box-ordinal-group:83;-ms-flex-order:82;order:82}.mfui-grid-column_mobile-order_83{-webkit-box-ordinal-group:84;-ms-flex-order:83;order:83}.mfui-grid-column_mobile-order_84{-webkit-box-ordinal-group:85;-ms-flex-order:84;order:84}.mfui-grid-column_mobile-order_85{-webkit-box-ordinal-group:86;-ms-flex-order:85;order:85}.mfui-grid-column_mobile-order_86{-webkit-box-ordinal-group:87;-ms-flex-order:86;order:86}.mfui-grid-column_mobile-order_87{-webkit-box-ordinal-group:88;-ms-flex-order:87;order:87}.mfui-grid-column_mobile-order_88{-webkit-box-ordinal-group:89;-ms-flex-order:88;order:88}.mfui-grid-column_mobile-order_89{-webkit-box-ordinal-group:90;-ms-flex-order:89;order:89}.mfui-grid-column_mobile-order_90{-webkit-box-ordinal-group:91;-ms-flex-order:90;order:90}.mfui-grid-column_mobile-order_91{-webkit-box-ordinal-group:92;-ms-flex-order:91;order:91}.mfui-grid-column_mobile-order_92{-webkit-box-ordinal-group:93;-ms-flex-order:92;order:92}.mfui-grid-column_mobile-order_93{-webkit-box-ordinal-group:94;-ms-flex-order:93;order:93}.mfui-grid-column_mobile-order_94{-webkit-box-ordinal-group:95;-ms-flex-order:94;order:94}.mfui-grid-column_mobile-order_95{-webkit-box-ordinal-group:96;-ms-flex-order:95;order:95}.mfui-grid-column_mobile-order_96{-webkit-box-ordinal-group:97;-ms-flex-order:96;order:96}.mfui-grid-column_mobile-order_97{-webkit-box-ordinal-group:98;-ms-flex-order:97;order:97}.mfui-grid-column_mobile-order_98{-webkit-box-ordinal-group:99;-ms-flex-order:98;order:98}.mfui-grid-column_mobile-order_99{-webkit-box-ordinal-group:100;-ms-flex-order:99;order:99}.mfui-grid-column_mobile-order_100{-webkit-box-ordinal-group:101;-ms-flex-order:100;order:100}.mfui-grid-column_left-offset-mobile_1{margin-left:8.3333333333%}.mfui-grid-column_right-offset-mobile_1{margin-right:8.3333333333%}.mfui-grid-column_left-offset-mobile_2{margin-left:16.6666666667%}.mfui-grid-column_right-offset-mobile_2{margin-right:16.6666666667%}.mfui-grid-column_left-offset-mobile_3{margin-left:25%}.mfui-grid-column_right-offset-mobile_3{margin-right:25%}.mfui-grid-column_left-offset-mobile_4{margin-left:33.3333333333%}.mfui-grid-column_right-offset-mobile_4{margin-right:33.3333333333%}.mfui-grid-column_left-offset-mobile_5{margin-left:41.6666666667%}.mfui-grid-column_right-offset-mobile_5{margin-right:41.6666666667%}.mfui-grid-column_left-offset-mobile_6{margin-left:50%}.mfui-grid-column_right-offset-mobile_6{margin-right:50%}.mfui-grid-column_left-offset-mobile_7{margin-left:58.3333333333%}.mfui-grid-column_right-offset-mobile_7{margin-right:58.3333333333%}.mfui-grid-column_left-offset-mobile_8{margin-left:66.6666666667%}.mfui-grid-column_right-offset-mobile_8{margin-right:66.6666666667%}.mfui-grid-column_left-offset-mobile_9{margin-left:75%}.mfui-grid-column_right-offset-mobile_9{margin-right:75%}.mfui-grid-column_left-offset-mobile_10{margin-left:83.3333333333%}.mfui-grid-column_right-offset-mobile_10{margin-right:83.3333333333%}.mfui-grid-column_left-offset-mobile_11{margin-left:91.6666666667%}.mfui-grid-column_right-offset-mobile_11{margin-right:91.6666666667%}.mfui-grid-column_left-offset-mobile_12{margin-left:100%}.mfui-grid-column_right-offset-mobile_12{margin-right:100%}}.mfui-grid-column_grow{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.mfui-grid-column_align_right{margin-left:auto}.mfui-grid-column_align_left{margin-right:auto}.mfui-grid-column_align_center{margin-left:auto;margin-right:auto}.mfui-grid-column_flex{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;-ms-flex-negative:0;flex-shrink:0}

package/dist/lib/components/Grid/GridColumn.d.ts

@@ -0,0 +1,60 @@
+import * as React from 'react';
+import './GridColumn.scss';
+export type TGridSizeValues = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
+export interface IGridColumn {
+    /** Размер колон на разрещении 1280+ */
+    wide?: TGridSizeValues;
+    /** Размер колон на разрещении 1024 - 1279 */
+    desktop?: TGridSizeValues;
+    /** Размер колон на разрещении 768 - 1023 */
+    tablet?: TGridSizeValues;
+    /** Размер колон на разрещении 767- */
+    mobile?: TGridSizeValues;
+    /** Размер колон на всех разрешениях */
+    all?: TGridSizeValues;
+    /** Порядок на разрещении 1280+ */
+    orderWide?: string;
+    /** Порядок на разрещении 1024 - 1279 */
+    orderDesktop?: string;
+    /** Порядок на разрещении 768 - 1023 */
+    orderTablet?: string;
+    /** Порядок на разрещении 767- */
+    orderMobile?: string;
+    /** Порядок на всех разрешениях */
+    orderAll?: string;
+    /** Размер левого смещения на 1280+ */
+    leftOffsetWide?: TGridSizeValues;
+    /** Размер левого смещения на 1024 - 1279  */
+    leftOffsetDesktop?: TGridSizeValues;
+    /** Размер левого смещения на 768 - 1023 */
+    leftOffsetTablet?: TGridSizeValues;
+    /** Размер левого смещения на 767- */
+    leftOffsetMobile?: TGridSizeValues;
+    /** Размер левого смещения на всех разрешениях */
+    leftOffsetAll?: TGridSizeValues;
+    /** Размер правого смещения на 1280+ */
+    rightOffsetWide?: TGridSizeValues;
+    /** Размер правого смещения на 1024 - 1279 */
+    rightOffsetDesktop?: TGridSizeValues;
+    /** Размер правого смещения на 768 - 1023 */
+    rightOffsetTablet?: TGridSizeValues;
+    /** Размер правого смещения на 767- */
+    rightOffsetMobile?: TGridSizeValues;
+    /** Размер правого смещения на всех разрешениях */
+    rightOffsetAll?: TGridSizeValues;
+    /** Дополнительное выравние колонны */
+    align?: 'right' | 'left' | 'center';
+    /** Flex grow колонны */
+    grow?: boolean;
+    /** Сделать колонну флекс контейнером */
+    flex?: boolean;
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    children: React.ReactNode;
+}
+declare const GridColumn: React.FC<IGridColumn>;
+export default GridColumn;

package/dist/lib/components/Grid/GridColumn.js

@@ -0,0 +1,78 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-grid-column');
+var GridColumn = function GridColumn(_ref) {
+  var _ref$all = _ref.all,
+    all = _ref$all === void 0 ? '12' : _ref$all,
+    wide = _ref.wide,
+    desktop = _ref.desktop,
+    tablet = _ref.tablet,
+    mobile = _ref.mobile,
+    _ref$orderAll = _ref.orderAll,
+    orderAll = _ref$orderAll === void 0 ? '0' : _ref$orderAll,
+    _ref$orderWide = _ref.orderWide,
+    orderWide = _ref$orderWide === void 0 ? '0' : _ref$orderWide,
+    _ref$orderDesktop = _ref.orderDesktop,
+    orderDesktop = _ref$orderDesktop === void 0 ? '0' : _ref$orderDesktop,
+    _ref$orderTablet = _ref.orderTablet,
+    orderTablet = _ref$orderTablet === void 0 ? '0' : _ref$orderTablet,
+    _ref$orderMobile = _ref.orderMobile,
+    orderMobile = _ref$orderMobile === void 0 ? '0' : _ref$orderMobile,
+    leftOffsetAll = _ref.leftOffsetAll,
+    leftOffsetWide = _ref.leftOffsetWide,
+    leftOffsetDesktop = _ref.leftOffsetDesktop,
+    leftOffsetTablet = _ref.leftOffsetTablet,
+    leftOffsetMobile = _ref.leftOffsetMobile,
+    rightOffsetAll = _ref.rightOffsetAll,
+    rightOffsetWide = _ref.rightOffsetWide,
+    rightOffsetDesktop = _ref.rightOffsetDesktop,
+    rightOffsetTablet = _ref.rightOffsetTablet,
+    rightOffsetMobile = _ref.rightOffsetMobile,
+    className = _ref.className,
+    _ref$flex = _ref.flex,
+    flex = _ref$flex === void 0 ? false : _ref$flex,
+    _ref$grow = _ref.grow,
+    grow = _ref$grow === void 0 ? false : _ref$grow,
+    align = _ref.align,
+    dataAttrs = _ref.dataAttrs,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("div", (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      flex: flex,
+      grow: grow,
+      align: align,
+      all: all,
+      wide: wide,
+      desktop: desktop,
+      tablet: tablet,
+      mobile: mobile,
+      'all-order': orderAll,
+      'wide-order': orderWide,
+      'desktop-order': orderDesktop,
+      'tablet-order': orderTablet,
+      'mobile-order': orderMobile,
+      'left-offset-all': leftOffsetAll,
+      'left-offset-wide': leftOffsetWide,
+      'left-offset-desktop': leftOffsetDesktop,
+      'left-offset-tablet': leftOffsetTablet,
+      'left-offset-mobile': leftOffsetMobile,
+      'right-offset-all': rightOffsetAll,
+      'right-offset-wide': rightOffsetWide,
+      'right-offset-desktop': rightOffsetDesktop,
+      'right-offset-tablet': rightOffsetTablet,
+      'right-offset-mobile': rightOffsetMobile
+    }, className)
+  }), children);
+};
+var _default = exports["default"] = GridColumn;

package/dist/lib/components/Header/Header.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-header{font-family:inherit;font-weight:400}.mfui-header__addition{display:inline-block;margin-left:12px}.mfui-header_level_h1{font-size:30px;font-weight:700;line-height:36px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-header_level_h1{font-size:36px;line-height:40px}}@media screen and (min-width:1024px){.mfui-header_level_h1{font-size:44px;letter-spacing:.5px;line-height:48px}}@media screen and (min-width:1280px){.mfui-header_level_h1{font-size:52px;line-height:56px}}.mfui-header_margin.mfui-header_level_h1{margin:0 0 32px}.mfui-header_level_h2{font-size:22px;font-weight:600;line-height:28px}@media screen and (min-width:768px) and (max-width:1023px){.mfui-header_level_h2{font-size:26px;line-height:32px}}@media screen and (min-width:1024px){.mfui-header_level_h2{font-size:28px;letter-spacing:.5px;line-height:36px}}@media screen and (min-width:1280px){.mfui-header_level_h2{font-size:32px;line-height:40px}}.mfui-header_margin.mfui-header_level_h2{margin:56px 0 24px}.mfui-header_level_h3{font-size:18px;font-weight:500;line-height:24px}@media screen and (min-width:1024px){.mfui-header_level_h3{letter-spacing:.5px}}@media screen and (min-width:1280px){.mfui-header_level_h3{font-size:20px;line-height:28px}}.mfui-header_margin.mfui-header_level_h3{margin:32px 0 24px}.mfui-header_level_h5{font-size:15px;font-weight:500;line-height:24px}.mfui-header_space_tight.mfui-header_level_h5{line-height:18px}.mfui-header_margin.mfui-header_level_h5{margin:24px 0 16px}.mfui-header_color_default{color:var(--content)}.mfui-header_color_black{color:var(--stcBlack)}.mfui-header_color_green{color:var(--brandGreen)}.mfui-header_color_purple{color:var(--brandPurple)}.mfui-header_color_white{color:var(--stcWhite)}.mfui-header_color_blue{color:var(--systemBlue)}.mfui-header_color_inherit{color:inherit}.mfui-header_h-align_left{text-align:left}.mfui-header_h-align_center{text-align:center}.mfui-header_h-align_right{text-align:right}

package/dist/lib/components/Header/Header.d.ts

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import './Header.scss';
+export interface IHeaderProps {
+    /** Тег (определяет базовый тег и стили) */
+    as?: 'h1' | 'h2' | 'h3' | 'h5';
+    /** Тег для семантической разметки (переопределение тега без изменения стилей) */
+    tag?: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
+    /** Поведение текста при встраивании в широкий или узкий контейнер (только для h5) */
+    space?: 'wide' | 'tight';
+    /** Цвет */
+    color?: 'default' | 'black' | 'white' | 'green' | 'purple' | 'blue' | 'inherit';
+    /** Включить отступ */
+    margin?: boolean;
+    /** Дополнительный элемент */
+    addition?: JSX.Element;
+    /** Дополнительный класс корневого элемента */
+    className?: string | string[];
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Горизонтальное выравнивание */
+    align?: 'inherit' | 'left' | 'center' | 'right';
+    /** Дочерний элемент компонента */
+    children: React.ReactNode;
+    /** Обработчик клика */
+    onClick?: (e: React.SyntheticEvent<EventTarget>) => void;
+}
+declare const Header: React.FC<IHeaderProps>;
+export default Header;

package/dist/lib/components/Header/Header.js

@@ -0,0 +1,47 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-header');
+var Header = function Header(_ref) {
+  var addition = _ref.addition,
+    _ref$as = _ref.as,
+    level = _ref$as === void 0 ? 'h1' : _ref$as,
+    tag = _ref.tag,
+    _ref$space = _ref.space,
+    space = _ref$space === void 0 ? 'wide' : _ref$space,
+    children = _ref.children,
+    className = _ref.className,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    dataAttrs = _ref.dataAttrs,
+    _ref$align = _ref.align,
+    align = _ref$align === void 0 ? 'inherit' : _ref$align,
+    margin = _ref.margin,
+    onClick = _ref.onClick;
+  var ElementType = tag || level;
+  var hasVariousSpaces = level === 'h5';
+  var spaceLevel = hasVariousSpaces && space;
+  return /*#__PURE__*/React.createElement(ElementType, (0, _extends2["default"])({}, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root), {
+    className: cn({
+      color: color,
+      margin: margin,
+      level: level,
+      'h-align': align,
+      space: spaceLevel
+    }, className),
+    onClick: onClick
+  }), children, addition && /*#__PURE__*/React.createElement("div", {
+    className: cn('addition')
+  }, addition));
+};
+var _default = exports["default"] = Header;

package/dist/lib/components/Link/Link.d.ts

@@ -0,0 +1,24 @@
+import * as React from 'react';
+export interface ILinkProps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    /** Ссылка */
+    href?: string;
+    /** target - аргумент тега <a> */
+    target?: '_self' | '_blank' | '_parent' | '_top';
+    /** rel - аргумент тега <a> */
+    rel?: string;
+    /** Добавление атрибута download */
+    download?: boolean;
+    /** Дополнительные data атрибуты к внутренним элементам */
+    dataAttrs?: {
+        root?: Record<string, string>;
+    };
+    /** Атрибут itemprop для микроразметки */
+    itemProp?: string;
+    children?: React.ReactNode;
+    /** Обработчик клика */
+    onClick?: (e: React.MouseEvent<EventTarget>) => void;
+}
+declare const Link: React.FC<ILinkProps>;
+export default Link;

package/dist/lib/components/Link/Link.js

@@ -0,0 +1,34 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { "default": e }; }
+var Link = function Link(_ref) {
+  var target = _ref.target,
+    href = _ref.href,
+    rel = _ref.rel,
+    onClick = _ref.onClick,
+    className = _ref.className,
+    download = _ref.download,
+    itemProp = _ref.itemProp,
+    children = _ref.children,
+    dataAttrs = _ref.dataAttrs;
+  return /*#__PURE__*/React.createElement("a", (0, _extends2["default"])({
+    className: className,
+    href: href,
+    target: target,
+    rel: rel,
+    download: download,
+    itemProp: itemProp,
+    onClick: onClick
+  }, (0, _uiHelpers.filterDataAttrs)(dataAttrs === null || dataAttrs === void 0 ? void 0 : dataAttrs.root)), children);
+};
+var _default = exports["default"] = Link;

package/dist/lib/components/List/List.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-list{display:-webkit-box;display:-ms-flexbox;display:flex;font-family:inherit;font-size:15px;line-height:24px;-webkit-box-pack:start;-ms-flex-pack:start;font-style:normal;justify-content:flex-start;margin:12px 0 12px 40px}.mfui-list_h-align_center{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.mfui-list_h-align_right{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.mfui-list_color_default{color:var(--content)}.mfui-list_color_black{color:var(--stcBlack)}.mfui-list_color_white{color:var(--stcWhite)}.mfui-list_color_gray{color:var(--spbSky2)}.mfui-list_color_green{color:var(--brandGreen)}.mfui-list_color_purple{color:var(--brandPurple)}.mfui-list_color_red{color:var(--fury)}.mfui-list_color_inherit{color:inherit}.mfui-list_weight_light{font-weight:300}.mfui-list_weight_regular{font-weight:400}.mfui-list_weight_bold{font-weight:600}.mfui-list__inner{margin:0;padding:0}.mfui-list__inner_type_ul{list-style:disc}.mfui-list__inner_type_ol{list-style:decimal}

package/dist/lib/components/List/List.d.ts

@@ -0,0 +1,17 @@
+import * as React from 'react';
+import './List.scss';
+export interface IListProps {
+    /** Тип списка */
+    as?: 'ul' | 'ol';
+    /** Выравнивание по горизонтали */
+    align?: 'center' | 'right';
+    /** Жирность шрифта */
+    weight?: 'light' | 'regular' | 'bold';
+    /** Цвет */
+    color?: 'default' | 'black' | 'white' | 'gray' | 'green' | 'purple' | 'red' | 'inherit';
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const List: React.FC<IListProps>;
+export default List;

package/dist/lib/components/List/List.js

@@ -0,0 +1,36 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-list');
+var List = function List(_ref) {
+  var _ref$as = _ref.as,
+    as = _ref$as === void 0 ? 'ul' : _ref$as,
+    _ref$color = _ref.color,
+    color = _ref$color === void 0 ? 'default' : _ref$color,
+    _ref$weight = _ref.weight,
+    weight = _ref$weight === void 0 ? 'regular' : _ref$weight,
+    align = _ref.align,
+    className = _ref.className,
+    children = _ref.children;
+  var ElementType = as;
+  return /*#__PURE__*/React.createElement("div", {
+    className: cn({
+      'h-align': align,
+      color: color,
+      weight: weight
+    }, className)
+  }, /*#__PURE__*/React.createElement(ElementType, {
+    className: cn('inner', {
+      type: as
+    })
+  }, children));
+};
+var _default = exports["default"] = List;

package/dist/lib/components/List/ListItem.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-list-item{margin-bottom:12px}.mfui-list-item:last-child{margin-bottom:0}

package/dist/lib/components/List/ListItem.d.ts

@@ -0,0 +1,9 @@
+import * as React from 'react';
+import './ListItem.scss';
+export interface IListItemProps {
+    /** Дополнительный класс корневого элемента */
+    className?: string;
+    children?: React.ReactNode;
+}
+declare const ListItem: React.FC<IListItemProps>;
+export default ListItem;

package/dist/lib/components/List/ListItem.js

@@ -0,0 +1,20 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _uiHelpers = require("@megafon/ui-helpers");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
+var cn = (0, _uiHelpers.cnCreate)('mfui-list-item');
+var ListItem = function ListItem(_ref) {
+  var className = _ref.className,
+    children = _ref.children;
+  return /*#__PURE__*/React.createElement("li", {
+    className: cn([className])
+  }, children);
+};
+var _default = exports["default"] = ListItem;

package/dist/lib/components/ListData/ListData.css

@@ -0,0 +1 @@
+h1,h2,h3,h4,h5{margin:0}.mfui-list-data{background-color:transparent;border:none;-webkit-box-sizing:border-box;box-sizing:border-box;color:var(--content);height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;padding:8px 16px 8px 12px;position:relative;text-decoration:none;-webkit-transition:background-color,opacity;transition:background-color,opacity;-webkit-transition-duration:.3s;transition-duration:.3s;width:100%}.mfui-list-data,.mfui-list-data__icon-container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.mfui-list-data__icon-container{-ms-flex-negative:0;flex-shrink:0;-webkit-box-pack:center;-ms-flex-pack:center;height:40px;justify-content:center;margin-right:8px;width:40px}.mfui-list-data__icon-container svg{fill:var(--content)}.mfui-list-data__icon-container_colored{background-color:var(--brandGreen20);border-radius:50%}.mfui-list-data__icon-container_colored svg{fill:var(--brandGreen)}.mfui-list-data__icon{height:32px;min-width:32px;width:32px}.mfui-list-data__icon_small{height:20px;min-width:20px;width:20px}.mfui-list-data__header{display:grid;grid-template-columns:100%;margin-right:auto;padding-left:4px}.mfui-list-data__header_gap{padding-right:8px}.mfui-list-data__header_align{-ms-flex-item-align:end;align-self:flex-end}.mfui-list-data__title{display:-webkit-box;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;font-weight:500;line-height:18px}.mfui-list-data__title-link{color:var(--content)}.mfui-list-data__sub-title{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-list-data__value-container{align-self:flex-start;display:grid;grid-template-columns:-webkit-min-content;grid-template-columns:min-content;padding-left:12px}.mfui-list-data__value{display:-webkit-box;font-size:15px;line-height:24px;overflow:hidden;text-overflow:ellipsis;white-space:normal;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:18px;max-width:110px}.mfui-list-data__value_color_green{color:var(--brandGreen)}.mfui-list-data__sub-value{color:var(--spbSky3);font-size:12px;font-weight:400;line-height:18px;margin-top:4px;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mfui-list-data__action-icon{fill:var(--spbSky3)}.mfui-list-data__action-icon_active{cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transition:fill .3s;transition:fill .3s}.mfui-list-data__action-icon_active:hover{fill:var(--content)}.mfui-list-data__children_event-none{pointer-events:none}.mfui-list-data_active:not(.mfui-list-data_disabled){border-radius:12px;cursor:pointer;-webkit-tap-highlight-color:rgba(0,0,0,0)}.mfui-list-data_active:not(.mfui-list-data_disabled):hover{background-color:var(--spbSky0)}.mfui-list-data_disabled{opacity:.5}.mfui-list-data_disabled .mfui-list-data__title-link{pointer-events:none}