npm - mp-design-system - Versions diffs - 0.6.0 → 0.6.4 - Mend

mp-design-system 0.6.0 → 0.6.4

Files changed (22) hide show

package/dist/build/scss/library.css.map +1 -1
package/dist/build/scss/main.css +1 -1
package/dist/build/scss/main.css.map +1 -1
package/package.json +1 -1
package/src/_includes/components/campaign/campaign.scss +5 -1
package/src/_includes/components/card/card.config.js +20 -0
package/src/_includes/components/card/card.scss +12 -7
package/src/_includes/components/featured-article-card/featured-article-card.scss +1 -1
package/src/_includes/components/header/header.scss +1 -1
package/src/_includes/components/product-signpost/product-signpost.njk +11 -9
package/src/_includes/components/quote/quote.scss +2 -2
package/src/_includes/components/scroll-spy/scroll-spy.scss +4 -0
package/src/_includes/components/table/table.scss +4 -0
package/src/_includes/components/usp/usp.scss +2 -7
package/src/_includes/includes/system-header.njk +1 -1
package/src/assets/scss/tools/index.scss +2 -0
package/src/components/css.md +3 -2
package/src/components/utilities.md +79 -0
package/src/patterns/grid-of-cards.njk +57 -21
package/src/prototype/card-test.njk +147 -0
package/src/static/svg/logo-small.svg +1 -0
package/src/static/svg/logo.svg +1 -1

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "mp-design-system",
-  "version": "0.6.0",
+  "version": "0.6.4",
   "description": "",
   "main": "app.js",
   "scripts": {

package/src/_includes/components/campaign/campaign.scss CHANGED Viewed

@@ -22,6 +22,10 @@
   &__image {
     z-index: 0;
+    img {
+      width: 100%;
+    }
   }
   &.mp .u-link {
@@ -64,7 +68,7 @@
     }
   }
-  @media (min-width:50em) {
+  @media (min-width:35em) {
     display: flex;
     &--switch &__content {

package/src/_includes/components/card/card.config.js CHANGED Viewed

@@ -711,6 +711,26 @@ module.exports = {
           ]
         }
       }
+    },
+    {
+      title: 'Product card - single',
+      preview: 'cards-three',
+      context: {
+        theme: {
+          layout: 'single',
+          border: true
+        },
+        image: {
+          src: '/static/img/blog-page-image-1.jpg',
+          alt: 'Product image alt'
+        },
+        header: {
+          title: '凝胶渗透色谱仪OMNISEC系统'
+        },
+        body: {
+          content: '<p>确定聚合物材料的分子量、粒度和结构</p>'
+        }
+      }
     }
   ],

package/src/_includes/components/card/card.scss CHANGED Viewed

@@ -62,13 +62,13 @@
   &__primary {
     display: flex;
     flex-direction: column;
+  }
-    & > * {
-      // Required for IE
-      flex-grow: 0;
-      flex-shrink: 0;
-      flex-basis: auto;
-    }
+  &--layout-multi .c-card__wrapper,
+  &__primary {
+    // Required for IE
+    flex-shrink: 0;
+    width: 100%;
   }
   &--layout-multi {
@@ -192,6 +192,7 @@
   &--layout-multi &__wrapper {
     @include padding("s-m");
     width: 100%;
+    justify-content: space-between;
   }
   &--layout-single.c-card--has-tag:not(.c-card--has-image) &__primary {
@@ -300,7 +301,7 @@
     dl {
       display: grid;
       grid-template-columns: repeat(2, minmax(min-content, max-content));
-      gap: space('3xs') space('2xs');
+      @include space('gap', '3xs', '2xs');
     }
     dt, dd {
       margin: 0;
@@ -417,3 +418,7 @@
     @include gap("s-l");
   }
 }
+// IE11 fix
+// This forces IE11 to use display:block instead of flex for single-column cards
+_:-ms-fullscreen, :root .c-card, :root .c-card--layout-single .c-card__wrapper { display:block; }

package/src/_includes/components/featured-article-card/featured-article-card.scss CHANGED Viewed

@@ -1,8 +1,8 @@
 .c-featured-article-card {
   position: relative;
+  background: color('petrol', 'step-3');
   &__content {
-    background: color('petrol', 'step-3');
     @include padding('s-l');
   }

package/src/_includes/components/header/header.scss CHANGED Viewed

@@ -223,7 +223,7 @@
     }
   }
-  @media (min-width: 1410px) {
+  @media (min-width: 1500px) {
     &__site:after {
       clip-path: polygon(0% 101%, 78px 0%, 100% 0%, 100% 101%, 78px 101%);
     }

package/src/_includes/components/product-signpost/product-signpost.njk CHANGED Viewed

@@ -1,14 +1,16 @@
 <article class="mp c-product-signpost {{ params.classes }}">
   <a class="c-product-signpost__link" href="{{ params.link }}">{{ params.title }}</a>
-  {% if params.image.src %}
-    <figure class="c-product-signpost__image">
-      <img src="{{ params.image.src }}" alt="{{ params.image.alt }}" />
-    </figure>
-  {% endif %}
-  <div class="u-flow--3xs">
-    <h2 class="c-h c-h--step-0">{{ params.title }}</h2>
-    <div class="o-prose">
-      {{ params.description | safe }}
+  <div class="c-product-signpost__wrapper">
+    {% if params.image.src %}
+      <figure class="c-product-signpost__image">
+        <img src="{{ params.image.src }}" alt="{{ params.image.alt }}" />
+      </figure>
+    {% endif %}
+    <div class="u-flow--3xs">
+      <h2 class="c-h c-h--step-0">{{ params.title }}</h2>
+      <div class="o-prose">
+        {{ params.description | safe }}
+      </div>
     </div>
   </div>
 </article>

package/src/_includes/components/quote/quote.scss CHANGED Viewed

@@ -42,8 +42,8 @@
       @include padding('xl', 'xl', 'xl', '4xl');
       &:before {
-        left: space('xl');
-        top: space('l');
+        @include space('left', 'xl');
+        @include space('top', 'l');
       }
     }
 }

package/src/_includes/components/scroll-spy/scroll-spy.scss CHANGED Viewed

@@ -9,6 +9,10 @@
     display: block;
     transition: 300ms transform;
+    &:hover {
+      color: color("grey");
+    }
     &::before {
       content: "▸ ";
       position: absolute;

package/src/_includes/components/table/table.scss CHANGED Viewed

@@ -77,6 +77,10 @@
       color: inherit;
       font-weight: weight();
     }
+    tbody td:nth-child(n+2) {
+      text-align: center;
+    }
   }
   @media (min-width: 30em) {

package/src/_includes/components/usp/usp.scss CHANGED Viewed

@@ -2,9 +2,7 @@
   @include padding('s-m');
   border: 1px solid;
   border-image-slice: 1;
-  border-image-source: linear-gradient( to right,
-    rgba(color('blue'), 0.5),
-    rgba(color('green'), 0.5));
+  border-image-source: linear-gradient(to right, rgba(color('blue'),0.5), rgba(color('green'),0.5));
   position: relative;
   &__title {
@@ -12,10 +10,7 @@
     color: color('petrol');
     @supports(-webkit-text-fill-color:transparent) {
-      background-image: -webkit-gradient(linear,
-        0% 0%,100% 100%,
-        from(color('petrol')),
-        to(color('blue')));
+      background-image: linear-gradient(to right, color('petrol'), color('blue') );
       -webkit-background-clip: text;
       -webkit-text-fill-color: transparent;
       display: inline-block;

package/src/_includes/includes/system-header.njk CHANGED Viewed

@@ -2,7 +2,7 @@
 <header class="c-library__header u-split">
   <a class="c-library__logo" href="/">
-    <img src="/static/svg/logo.svg" alt="Home" />
+    <img src="/static/svg/logo-small.svg" alt="Home" />
     <span class="c-library__logo-name">
       {% for item in config.logo %}
         <span>{{ item }}</span>

package/src/assets/scss/tools/index.scss CHANGED Viewed

@@ -137,6 +137,7 @@
 @mixin hyphenated {
   @media only screen and (max-width: 28rem) {
+    word-break: break-word;
     -webkit-hyphens: auto;
     -ms-hyphens: auto;
     hyphens: auto;
@@ -144,6 +145,7 @@
   @media only screen and (max-width: 70rem) {
     [lang='de-DE'] & {
+      word-break: break-word;
       -webkit-hyphens: auto;
       -ms-hyphens: auto;
       hyphens: auto;

package/src/components/css.md CHANGED Viewed

@@ -31,8 +31,7 @@ Most of the CSS lives in this group. Each component is an encapsulated 'block' (
 Utilities are classes that do one thing really well. For example: `.u-hidden` hides elements on the page in a non destructive way (still visible to screenreaders). There are auto-generated spacing, typography and colour classes to help compose a page (and prototype new components before refactoring them into the above groups). The `u-` prefix is used for utilities.
 ## BEM
-BEM is used as a naming methodology, with `__` used for elements, and `--` used for modifiers.
+We use BEM as a naming methodology, with `__` used for elements, and `--` used for modifiers.
 ```scss
 /* Pattern */
@@ -57,6 +56,8 @@ BEM is used as a naming methodology, with `__` used for elements, and `--` used
 }
 ```
+For more information about BEM see [getbem.com](http://getbem.com/)
 ### SCSS variables vs. CSS custom properties
 {{ config.name }} is designed to support IE11+, which leaves a large support gap for custom properties—sadly, polyfilling is patchy at best. For this reason, the design system relies more on SCSS variables than custom properties.

package/src/components/utilities.md ADDED Viewed

@@ -0,0 +1,79 @@
+---
+title: Utilities
+layout: content-page
+sidebar: components
+---
+These utility classes each do a single, simple job. They can be applied to any HTML element, and are designed to be used in a wide variety of contexts, when creating a new component or variant might not be required.
+## Typography
+More typography utility classes are documented on the [typography page](/components/typography).
+```html
+<div class="u-strong">Bold text</div>
+```
+```html
+<div class="u-normal">Regular-weight (non-bold) text</div>
+```
+```html
+<div class="u-text-center">Center-aligned text</div>
+```
+```html
+<div class="u-ls">Standard letter-spacing (-0.01em)</div>
+```
+## Display
+```html
+<div class="u-hidden">Visually hidden, but still accessible to screenreaders</div>
+```
+```html
+<div class="u-display-none">Entirely hidden</div>
+```
+```html
+<div class="u-display-block">Block-level layout</div>
+```
+```html
+<div class="u-display-inline-block">Inline-block-level layout</div>
+```
+```html
+<div class="u-revealed">The opposite of u-hidden, useful for e.g. accordions</div>
+```
+## Layout
+```html
+<div class="u-float-right">Floated right</div>
+```
+```html
+<div class="u-clear-both">Cleared from floats</div>
+```
+```html
+<div class="u-relative">Relative positioning</div>
+```
+```html
+<div class="u-sticky">Sticky positioning at the top of the viewport</div>
+```
+```html
+<div class="u-sticky--gutter">Sticky positioning with gutter spacing</div>
+```
+```html
+<div class="u-split">
+    <h2>Webinars and events</h2>
+    <a href>View all</a>
+</div>
+The two child items will be aligned in a horizontal row
+```

package/src/patterns/grid-of-cards.njk CHANGED Viewed

@@ -6,25 +6,61 @@ layout: patterns-page
 {% from "components/card/macro.njk" import card %}
 <div class="o-grid o-grid--of-three o-grid--swipeable">
-  {% for _ in [0, 1, 2] %}
-    {{ card({
-      theme: {
-        layout: 'single',
-        size: 'medium',
-        name: 'alt'
-      },
-      image: {
-        src: '/static/img/blog-page-image-1.jpg',
-        alt: ''
-      },
-      header: {
-        title: 'Mixing it with the Mastersizer!'
-      },
-      body: {
-        content: '<p>At a major leading manufacturer of mixing equipment, the Mastersizer particle size analyzer is one of the analytical instruments used by customers during process simulations.</p>'
-      },
-      link: '/prototype/blog-post',
-      tag: 'News'
-    }) }}
-  {% endfor %}
+  {{ card({
+    theme: {
+      layout: 'single',
+      size: 'medium',
+      name: 'alt'
+    },
+    image: {
+      src: '/static/img/blog-page-image-1.jpg',
+      alt: ''
+    },
+    header: {
+      title: 'Mixing it with the Mastersizer!'
+    },
+    body: {
+      content: '<p>At a major leading manufacturer of mixing equipment, the Mastersizer particle size analyzer is one of the analytical instruments used by customers during process simulations.</p>'
+    },
+    link: '/prototype/blog-post',
+    tag: 'News'
+  }) }}
+  {{ card({
+    theme: {
+      layout: 'single',
+      size: 'medium',
+      name: 'alt'
+    },
+    image: {
+      src: '/static/img/blog-page-image-1.jpg',
+      alt: ''
+    },
+    header: {
+      title: 'GPC/SEC standards: making them last'
+    },
+    body: {
+      content: '<p>Earlier this year I highlighted the different types of GPC/SEC standards available and where to find them on our eStore. In this post, I’m going to share some tips and tricks about preparing your standards and making them last. But first, what standard should you be using? In my previous post, I discussed how the […]</p>'
+    },
+    link: '/prototype/blog-post',
+    tag: 'News'
+  }) }}
+  {{ card({
+    theme: {
+      layout: 'single',
+      size: 'medium',
+      name: 'alt'
+    },
+    image: {
+      src: '/static/img/blog-page-image-1.jpg',
+      alt: ''
+    },
+    header: {
+      title: 'Viral Vector Vaccines: A Borrowed Technology from Gene Therapy Advancements'
+    },
+    body: {
+      content: '<p>Advances in recombinant DNA technology, genomics, and immunology have greatly influenced the vaccine development process. The genetic manipulation of viruses makes them suitable as vectors for gene delivery, providing a novel and unique opportunity for vaccine design. Viruses survive and replicate by invading their host’s cells and hijacking their protein-making machinery. These virus particles contain […]</p>'
+    },
+    link: '/prototype/blog-post',
+    tag: 'News'
+  }) }}
 </div>

package/src/prototype/card-test.njk ADDED Viewed

@@ -0,0 +1,147 @@
+---
+title: Card test
+tags: prototype
+tagTitle: Card test
+---
+{% set siteNav %}{% include "navigation/corporate.njk" %}{% endset %}
+{% extends "page.njk" %}
+{% block content %}
+<div class="c-slat u-wrap">
+    <div class="o-grid o-grid--4/8">
+        <article class="mp c-card c-card--layout-single c-card--bordered c-card--size-medium  c-card--has-image c-card--bordered">
+            <div class="c-card__wrapper u-margin-top-xs">
+                <figure class="c-card__figure u-margin-left-xs u-margin-right-xs">
+                    <img src="https://p3.aprimocdn.net/malvernpanalytical/a0ad275f-19b8-4c4b-8bae-ad9e00ddb574/636379490590590917OD_Original%20file.jpg?quality=60&amp;height=200" alt="" class="u-fill" loading="lazy" height="200">
+                </figure>
+                <div class="c-card__primary">
+                    <header class="c-card__header u-flow--2xs">
+                        <h2 class="c-h c-card__title">Epsilon&nbsp;1 Industrie minière </h2>
+                    </header>
+                    <div class="c-card__content u-flow">Portable elemental analysis for exploration and ore analysis in the field</div>
+                </div>
+                <a class="u-fill u-fill--link" href="/fr/products/product-range/epsilon-range/epsilon1/epsilon-1-mining/" target="">Epsilon&nbsp;1 Industrie minière </a>
+            </div>
+        </article>
+        <article class="mp c-card c-card--layout-multi c-card--size-medium c-card--bordered c-card--has-tag">
+            <span class="c-card__tag">Whitepaper</span>
+            <div class="c-card__wrapper">
+                <div class="c-card__primary">
+                    <header class="c-card__header u-flow--2xs">
+                        <p class="c-card__meta">
+                            <span>12 Jan 2015</span>
+                            <span>English</span>
+                        </p>
+                        <h2 class="c-h c-card__title">
+                            <a href="#">Accelerating the deformulation workflow for oral solid dosage forms</a>
+                        </h2>
+                    </header>
+                    <div class="c-card__content u-flow">
+                        <div class="mp o-prose u-flow--prose u-step--1">
+                            <p>This whitepaper on Oral Solid Dose (OSD) deformulation demonstrates how the analytical technique of Morphologically Directed Raman Spectroscopy (MDRS) can be used to accelerate the development of generic products to a successful conclusion.</p>
+                        </div>
+                        <div class="c-card__specs">
+                            <dl>
+                                <dt>Products:</dt>
+                                <dd>Morphologi G3-ID</dd>
+                            </dl>
+                        </div>
+                    </div>
+                    <footer class="c-card__footer u-flow--2xs">
+                        <div>
+                            <a href="#" class="mp c-twi u-link c-twi--left"><span>Read the whitepaper</span>
+                                <svg role="img" aria-hidden="true" focusable="false" class="mp c-icon c-icon--arrow-right">
+                                    <use xlink:href="/static/svg/sprite.svg#arrow-right"></use>
+                                </svg>
+                            </a>
+                        </div>
+                    </footer>
+                </div>
+                <a class="u-fill u-fill--link" href="#">Accelerating the deformulation workflow for oral solid dosage forms</a>
+            </div>
+        </article>
+    </div>
+</div>
+<div class="c-slat u-wrap">
+    <div class="o-grid o-grid--8/4">
+        <article class="mp c-card c-card--layout-multi c-card--size-large c-card--bordered c-card--has-image">
+        <div class="c-card__wrapper">
+                <figure class="c-card__image">
+                    <a href="#">
+                    <img src="/static/img/range-product-1.jpg" alt="Product image alt">
+                    </a>
+                </figure>
+                <div class="c-card__primary">
+                    <header class="c-card__header u-flow--2xs">
+                        <h2 class="c-h c-card__title"><a href="#">Product name</a></h2>
+                        <h3 class="c-h c-h--tagline">Summary</h3>
+                    </header>
+                    <div class="c-card__content u-flow">
+                        <div class="mp o-prose u-flow--prose u-step--1">
+                            <p>Description lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
+                        </div>
+                    </div>
+                    <footer class="c-card__footer u-flow--2xs">
+                        <div>
+                            <a href="#" class="mp c-button c-button--inline c-button--green">Purchase</a>
+                        </div>
+                    </footer>
+                </div>
+                <a class="u-fill u-fill--link" href="#">Product name</a>
+            </div>
+        </article>
+        <article class="mp c-card c-card--layout-single c-card--size-large c-card--featured c-card--inline-specs c-card--has-tag c-card--has-image">
+            <span class="c-card__tag">Live webinar</span>
+            <div class="c-card__wrapper">
+                <figure class="c-card__image">
+                    <a href="#"><img src="/static/img/featured-event-1.jpg" alt="Alt"></a>
+                </figure>
+                <div class="c-card__primary">
+                    <header class="c-card__header u-flow--2xs">
+                        <time class="c-card__datetime">
+                            <span class="c-card__day">18 </span>
+                            <span class="c-card__month">Nov</span>
+                        </time>
+                        <p class="c-card__meta">
+                            <span>11:00 – 12:00 EST</span>
+                            <span>English</span>
+                        </p>
+                        <h2 class="c-h c-card__title">
+                            <a href="#">Discover how on-line particle sizing optimises mining analytics.</a>
+                        </h2>
+                    </header>
+                    <div class="c-card__content u-flow">
+                        <div class="c-card__specs">
+                            <dl>
+                                <dt>Products:</dt>
+                                <dd>Morphologi G3-ID</dd>
+                            </dl>
+                            <dl>
+                                <dt>Technologies:</dt>
+                                <dd>Morphologically-Directed Raman Spectroscopy</dd>
+                            </dl>
+                        </div>
+                    </div>
+                    <footer class="c-card__footer u-flow--2xs">
+                        <div>
+                            <a href="#" class="mp c-button c-button--inline c-button--green">Book your place</a>
+                        </div>
+                    </footer>
+                </div>
+                <a class="u-fill u-fill--link" href="#">Discover how on-line particle sizing optimises mining analytics.</a>
+            </div>
+        </article>
+    </div>
+</div>
+{% endblock %}

package/src/static/svg/logo-small.svg ADDED Viewed

@@ -0,0 +1 @@

+ <svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 582.09 240.16"><defs><style>.cls-1{fill:#006271;}.cls-2{fill:#008eaa;}.cls-3{fill:#5bb570;}.cls-4{fill:#373a36;}.cls-5{fill:#666;}</style></defs><path class="cls-1" d="M200.5,41.55l-2-2a.7.7,0,0,0-.49-.2.68.68,0,0,0-.49.2l-80.05,80a.69.69,0,0,0,0,1l2,2a.69.69,0,0,0,1,0l80-80A.71.71,0,0,0,200.5,41.55Z"/><path class="cls-1" d="M212.77,41.61l-2-2a.69.69,0,0,0-.49-.21.71.71,0,0,0-.49.21L123.6,125.73a.69.69,0,0,0,0,1l2,2a.69.69,0,0,0,.49.21.71.71,0,0,0,.49-.21l86.15-86.15A.69.69,0,0,0,212.77,41.61Z"/><path class="cls-1" d="M225.29,42.1a.7.7,0,0,0-.2-.49l-2-2a.69.69,0,0,0-1,0l-92.31,92.31a.69.69,0,0,0,0,1l2,2a.68.68,0,0,0,.49.2.7.7,0,0,0,.49-.2l92.31-92.32A.68.68,0,0,0,225.29,42.1Z"/><path class="cls-1" d="M237.61,42.11a.68.68,0,0,0-.2-.49l-2-2a.71.71,0,0,0-1,0l-98.47,98.47a.69.69,0,0,0,0,1l2,2a.7.7,0,0,0,1,0L237.41,42.6A.7.7,0,0,0,237.61,42.11Z"/><path class="cls-1" d="M249.73,41.62l-2-2a.7.7,0,0,0-.49-.2.68.68,0,0,0-.49.2L142.09,144.21a.69.69,0,0,0,0,1l2,2a.7.7,0,0,0,.49.2.68.68,0,0,0,.49-.2L249.73,42.6A.69.69,0,0,0,249.73,41.62Z"/><path class="cls-2" d="M134.83,82.61l-43-43a.69.69,0,0,0-1,0l-2,2a.68.68,0,0,0,0,1l43,43a.7.7,0,0,0,.49.21.67.67,0,0,0,.49-.21l2.05-2A.69.69,0,0,0,134.83,82.61Z"/><path class="cls-2" d="M79.5,39.6a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l49.16,49.16a.71.71,0,0,0,.49.21.69.69,0,0,0,.49-.21l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-2" d="M67.18,39.6a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1L119.48,98a.71.71,0,0,0,.49.21.69.69,0,0,0,.49-.21l2.05-2a.69.69,0,0,0,0-1Z"/><path class="cls-2" d="M54.86,39.6a.69.69,0,0,0-1,0l-2,2a.68.68,0,0,0-.2.49.7.7,0,0,0,.2.49l61.48,61.48a.69.69,0,0,0,1,0l2-2a.7.7,0,0,0,.2-.49.68.68,0,0,0-.2-.49Z"/><path class="cls-2" d="M42.54,39.6a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l67.64,67.64a.71.71,0,0,0,1,0l2-2a.7.7,0,0,0,.2-.49.68.68,0,0,0-.2-.49Z"/><path class="cls-3" d="M157.42,154.48a.69.69,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l43,43a.69.69,0,0,0,.49.2.66.66,0,0,0,.49-.2l2.05-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M151.32,160.58a.7.7,0,0,0-.49-.2h0a.68.68,0,0,0-.49.2l-2.05,2a.69.69,0,0,0,0,1l36.85,36.95a.65.65,0,0,0,.49.21h0a.7.7,0,0,0,.49-.2l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M145.16,166.74a.69.69,0,0,0-1,0l-2.05,2a.68.68,0,0,0-.2.49.7.7,0,0,0,.2.49l30.74,30.74a.71.71,0,0,0,1,0l2-2a.7.7,0,0,0,.2-.49.68.68,0,0,0-.2-.49Z"/><path class="cls-3" d="M163.58,148.32a.69.69,0,0,0-1,0l-2,2a.71.71,0,0,0-.21.49.69.69,0,0,0,.21.49l49.16,49.17a.7.7,0,0,0,.49.2.68.68,0,0,0,.49-.2l2.05-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M169.74,142.16a.71.71,0,0,0-1,0l-2,2a.68.68,0,0,0,0,1L222,200.51a.7.7,0,0,0,.49.2.68.68,0,0,0,.49-.2l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M175.9,136a.69.69,0,0,0-1,0l-2,2a.71.71,0,0,0,0,1l61.49,61.48a.7.7,0,0,0,1,0l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M249.7,197.49l-67.64-67.65a.69.69,0,0,0-1,0l-2.05,2a.71.71,0,0,0,0,1l67.65,67.64a.7.7,0,0,0,1,0l2-2A.68.68,0,0,0,249.7,197.49Z"/><path class="cls-3" d="M139,172.93a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l24.52,24.52a.69.69,0,0,0,1,0l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M132.84,179.06a.71.71,0,0,0-1,0l-2.05,2.05a.69.69,0,0,0,0,1l18.43,18.42a.68.68,0,0,0,.49.2.7.7,0,0,0,.49-.2l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M126.71,185.19a.69.69,0,0,0-1,0l-2,2.05a.68.68,0,0,0-.2.49.7.7,0,0,0,.2.49L136,200.48a.69.69,0,0,0,.49.21.71.71,0,0,0,.49-.21l2-2a.7.7,0,0,0,.2-.49.68.68,0,0,0-.2-.49Z"/><path class="cls-3" d="M120.52,191.38a.71.71,0,0,0-1,0l-2.05,2.05a.69.69,0,0,0,0,1l6.11,6.1a.66.66,0,0,0,.49.2.67.67,0,0,0,.49-.2l2-2a.71.71,0,0,0,.21-.49.69.69,0,0,0-.21-.49Z"/><path class="cls-3" d="M134.83,156.52l-26.66-26.65a.69.69,0,0,0-1,0l-2,2a.71.71,0,0,0-.21.49.69.69,0,0,0,.21.49l26.65,26.66a.7.7,0,0,0,.49.2.68.68,0,0,0,.49-.2l2.05-2.05A.69.69,0,0,0,134.83,156.52Z"/><path class="cls-3" d="M102,136a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l26.65,26.65a.7.7,0,0,0,1,0l2-2a.71.71,0,0,0,0-1Z"/><path class="cls-3" d="M95.91,142.13a.69.69,0,0,0-1,0l-2.05,2.05a.69.69,0,0,0,0,1l26.66,26.65a.67.67,0,0,0,.49.21.68.68,0,0,0,.49-.21l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M89.78,148.26a.71.71,0,0,0-1,0l-2,2.05a.69.69,0,0,0,0,1l26.66,26.65a.67.67,0,0,0,.49.21.7.7,0,0,0,.49-.21l2-2a.7.7,0,0,0,0-1Z"/><path class="cls-3" d="M83.59,154.45a.71.71,0,0,0-1,0l-2,2.05a.69.69,0,0,0,0,1l26.66,26.65a.7.7,0,0,0,1,0l2-2a.68.68,0,0,0,0-1Z"/><path class="cls-3" d="M77.46,160.58a.69.69,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l26.66,26.65a.67.67,0,0,0,.49.21.7.7,0,0,0,.49-.21l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-3" d="M71.33,166.72a.73.73,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1L95,196.4a.71.71,0,0,0,1,0l2-2.05a.68.68,0,0,0,.2-.49.7.7,0,0,0-.2-.49Z"/><path class="cls-3" d="M65.19,172.85a.69.69,0,0,0-1,0l-2,2a.71.71,0,0,0-.21.49.69.69,0,0,0,.21.49L86.7,200.4a.67.67,0,0,0,.49.21.7.7,0,0,0,.49-.21l2-2a.71.71,0,0,0,.21-.49.69.69,0,0,0-.21-.49Z"/><path class="cls-3" d="M58.9,179.14a.71.71,0,0,0-1,0l-2.05,2.05a.69.69,0,0,0,0,1l18.4,18.4a.7.7,0,0,0,.49.2.71.71,0,0,0,.49-.2l2-2a.69.69,0,0,0,.21-.49.71.71,0,0,0-.21-.49Z"/><path class="cls-3" d="M52.77,185.28a.73.73,0,0,0-1,0l-2,2a.7.7,0,0,0-.2.49.68.68,0,0,0,.2.49L62,200.57a.71.71,0,0,0,1,0l2-2a.68.68,0,0,0,.2-.49.7.7,0,0,0-.2-.49Z"/><path class="cls-3" d="M46.63,191.41a.71.71,0,0,0-1,0l-2,2a.69.69,0,0,0,0,1l6,6a.69.69,0,0,0,.49.21.71.71,0,0,0,.49-.21l2-2a.69.69,0,0,0,0-1Z"/><path class="cls-4" d="M266.72,113.61H259V74.29h9.82l11,25.61h.5l11-25.61h9.8v39.32h-7.73V89.48H293l-10.12,24.13h-5.55L267.16,89.48h-.44Z"/><path class="cls-4" d="M338.49,113.61V76.16l8-2v39.42Z"/><path class="cls-4" d="M349.82,83.18h8.63l6.29,22.67h.5l6.24-22.67H380l-10.52,30.43h-9Z"/><path class="cls-4" d="M401.58,104.94h7.47a10.51,10.51,0,0,1-4.62,6.83,16.22,16.22,0,0,1-9.28,2.5q-7,0-10.84-4.15t-3.89-11.58q0-7.41,3.92-11.72t10.7-4.3q6.73,0,10.5,4c2.51,2.7,3.76,6.48,3.76,11.31v2.46H388.42v.41a7.8,7.8,0,0,0,1.94,5.37,6.57,6.57,0,0,0,5,2,8.72,8.72,0,0,0,4-.81A4.59,4.59,0,0,0,401.58,104.94Zm-6.51-16.27a6.29,6.29,0,0,0-4.6,1.79,7.18,7.18,0,0,0-2,4.75h13a7.07,7.07,0,0,0-1.83-4.79A6,6,0,0,0,395.07,88.67Z"/><path class="cls-4" d="M413.88,113.61V83.18h7.78V88h.5a6.68,6.68,0,0,1,2.75-3.83,8.43,8.43,0,0,1,5-1.52,9.51,9.51,0,0,1,3.09.39v7.31A7.18,7.18,0,0,0,431.3,90a17,17,0,0,0-2.08-.15,7.54,7.54,0,0,0-5.3,1.85,6.49,6.49,0,0,0-2,5v16.86Z"/><path class="cls-4" d="M437.3,113.61V83.18h7.78v4.88h.49a8.24,8.24,0,0,1,3.59-4A11.31,11.31,0,0,1,455,82.52q5.09,0,7.85,3t2.78,8.45v19.67h-8V95.84a6.83,6.83,0,0,0-1.48-4.77,5.51,5.51,0,0,0-4.32-1.63,6.31,6.31,0,0,0-4.74,1.81,6.57,6.57,0,0,0-1.77,4.81v17.55Z"/><path class="cls-4" d="M259,126.86H275.6a13.06,13.06,0,0,1,13.79,13.76,13.09,13.09,0,0,1-3.94,9.91,14.21,14.21,0,0,1-10.26,3.78h-7.87v11.86H259Zm8.33,6.84v13.85h6.05a8,8,0,0,0,5.58-1.78,6.53,6.53,0,0,0,2-5.12,6.68,6.68,0,0,0-2-5.16,8,8,0,0,0-5.58-1.79Z"/><path class="cls-4" d="M323.86,166.17V135.74h7.78v4.89h.49a8.22,8.22,0,0,1,3.59-4.06,11.42,11.42,0,0,1,5.88-1.49c3.38,0,6,1,7.84,3s2.78,4.8,2.78,8.44v19.67h-8V148.41a6.88,6.88,0,0,0-1.48-4.78A5.53,5.53,0,0,0,338.4,142a6.36,6.36,0,0,0-4.75,1.81,6.6,6.6,0,0,0-1.77,4.82v17.54Z"/><path class="cls-4" d="M388.85,166.17V128.73l8-2v39.41Z"/><path class="cls-4" d="M406.3,177.29c-1.71,0-2.73,0-3.06-.08v-6.49a11.11,11.11,0,0,0,1.82.09,6.84,6.84,0,0,0,3.57-.8,4.16,4.16,0,0,0,1.81-2.54l.28-1.1L400,135.74h8.86l6.4,23.07h.49l6.4-23.07h8.5l-10.48,30.9q-1.93,5.88-5.07,8.26T406.3,177.29Z"/><path class="cls-4" d="M436.3,135.79v-7.14l8-2.06v9.2h6.46v6.57h-6.46v13.69a3.92,3.92,0,0,0,1,2.92,4.09,4.09,0,0,0,3,.94,23,23,0,0,0,2.34-.11v6.12a20.87,20.87,0,0,1-4,.36c-3.69,0-6.34-.64-7.93-1.93s-2.38-3.42-2.38-6.4V142.36h-3.52l2-6.57Z"/><path class="cls-4" d="M456.52,166.17V135.74h8v30.43Z"/><path class="cls-4" d="M456.52,133v-6h8v6Z"/><path class="cls-4" d="M532.41,166.17V128.73l8-2v39.41Z"/><path class="cls-4" d="M489.37,157.62a5.13,5.13,0,0,1-1.27,1.43,6.44,6.44,0,0,1-4,1.19,5.82,5.82,0,0,1-5-2.41c-1.17-1.61-1.75-3.93-1.75-6.94s.58-5.26,1.75-6.84a5.84,5.84,0,0,1,5-2.38,6.18,6.18,0,0,1,4.07,1.29,5.33,5.33,0,0,1,1.08,1.24h8a11.44,11.44,0,0,0-3.65-6.06q-3.54-3.06-9.5-3.06-7.15,0-11,4.11t-3.86,11.7q0,7.63,3.87,11.79t11,4.15q5.87,0,9.46-3a11.16,11.16,0,0,0,3.74-6.19Z"/><path class="cls-4" d="M309.17,147h1v-.42c0-4-2.52-5.4-5.88-5.4-4.38,0-8.4,2.94-8.4,2.94L293,138.67a20.64,20.64,0,0,1,12-3.78c8,0,13.72,4.44,13.72,12.18v19.14h-8v-4.68h0c.06,0-2.34,5.4-9.3,5.4-5.46,0-10.38-3.42-10.38-9.54C291.05,147.67,304.19,147,309.17,147Zm-5.82,14c4,0,6.9-4.32,6.9-8v-.72h-1.32c-3.9,0-10.2.54-10.2,4.8C298.73,159.07,300.23,161,303.35,161Z"/><path class="cls-4" d="M323.58,94.39h1V94c0-4-2.52-5.4-5.88-5.4-4.38,0-8.4,2.94-8.4,2.94l-2.88-5.46a20.64,20.64,0,0,1,12-3.78c8,0,13.72,4.44,13.72,12.18v19.14h-8v-2.52c0-1.2,0-2.16,0-2.16h0c.06,0-2.34,5.4-9.3,5.4-5.46,0-10.38-3.42-10.38-9.54C305.46,95.05,318.6,94.39,323.58,94.39Zm-5.82,14c4,0,6.9-4.32,6.9-8v-.72h-1.32c-3.9,0-10.2.54-10.2,4.8C313.14,106.45,314.64,108.37,317.76,108.37Z"/><path class="cls-4" d="M373.5,147h1v-.42c0-4-2.52-5.4-5.88-5.4-4.38,0-8.4,2.94-8.4,2.94l-2.88-5.46a20.64,20.64,0,0,1,12-3.78c8,0,13.72,4.44,13.72,12.18v19.14h-8v-4.68h0c.06,0-2.34,5.4-9.3,5.4-5.46,0-10.38-3.42-10.38-9.54C355.38,147.67,368.52,147,373.5,147Zm-5.82,14c4,0,6.9-4.32,6.9-8v-.72h-1.32c-3.9,0-10.2.54-10.2,4.8C363.06,159.07,364.56,161,367.68,161Z"/><path class="cls-4" d="M518,147h1v-.42c0-4-2.52-5.4-5.88-5.4-4.38,0-8.4,2.94-8.4,2.94l-2.88-5.46a20.64,20.64,0,0,1,12-3.78c8,0,13.72,4.44,13.72,12.18v19.14h-8V161.5h0c.06,0-2.34,5.4-9.3,5.4-5.46,0-10.38-3.42-10.38-9.54C499.88,147.64,513,147,518,147Zm-5.82,14c4,0,6.9-4.32,6.9-8v-.72h-1.32c-3.9,0-10.2.54-10.2,4.8C507.56,159,509.06,161,512.18,161Z"/><path class="cls-5" d="M372.79,198.64a6.1,6.1,0,0,1-2.23-.46v0a5.92,5.92,0,0,0,2.23.47c2.25,0,3.77-1.84,3.77-4.58v0c0,2.73-1.51,4.56-3.76,4.56"/><path class="cls-5" d="M410.67,196.94v-9.27h-4.58v2.18H408v7.09c0,2.45,1.28,3.86,3.52,3.86a7,7,0,0,0,3.73-1.13v-2.15a7.37,7.37,0,0,1-3.17,1.21c-.64,0-1.36-.2-1.36-1.79"/><path class="cls-5" d="M372.79,198.64a6.1,6.1,0,0,1-2.23-.46v0a5.92,5.92,0,0,0,2.23.47c2.25,0,3.77-1.84,3.77-4.58v0c0,2.73-1.51,4.56-3.76,4.56"/><path class="cls-5" d="M372.44,187.42a12.52,12.52,0,0,0-4.6,1v18.86h2.72v-6.78a9.82,9.82,0,0,0,2.47.4c3.76,0,6.39-2.77,6.39-6.74,0-4.93-3.61-6.69-7-6.69m4.12,6.69c0,2.74-1.52,4.58-3.77,4.58a6.05,6.05,0,0,1-2.23-.46v-8.47a5.93,5.93,0,0,1,1.76-.26c2.65,0,4.24,1.71,4.24,4.56v.05"/><path class="cls-5" d="M372.32,189.5a5.93,5.93,0,0,0-1.76.26v.05a5.93,5.93,0,0,1,1.76-.26c2.65,0,4.23,1.7,4.23,4.53v0c0-2.85-1.59-4.56-4.24-4.56"/><path class="cls-5" d="M386.9,187.37c-4,0-5.89,3.45-5.89,6.66a7.25,7.25,0,0,0,2,5.26,6,6,0,0,0,4.48,1.51,8.84,8.84,0,0,0,4.4-1.24v-2a9.76,9.76,0,0,1-3.82,1.19,4,4,0,0,1-2.78-.86,4.57,4.57,0,0,1-1.44-3.05h8.85V194c0-4-2.34-6.63-5.81-6.63m-3.06,5.4c.05-1.25,1-3.32,3-3.32,1.76,0,2.92,1.09,3.09,3.32Z"/><path class="cls-5" d="M397.16,194.18c0-2.75,1.6-4.73,4.23-4.73a8.74,8.74,0,0,1,2.82.66V188a9.22,9.22,0,0,0-3.06-.58c-3.2,0-6.85,1.91-6.85,6.81,0,3,1.75,6.62,6.23,6.62a9.1,9.1,0,0,0,4.27-1v-2.19a7.48,7.48,0,0,1-3.57,1.1c-2.58,0-4.07-2-4.07-4.51"/><polygon class="cls-5" points="413 183.11 410.67 183.11 410.67 187.67 415.29 187.67 415.29 185.5 413 185.5 413 183.11"/><rect class="cls-5" x="425.99" y="187.67" width="2.6" height="12.84"/><path class="cls-5" d="M359.78,191.88a1.27,1.27,0,0,1,.3-2.2c1.08-.45,2.47-.44,5.06.34v-2.09a11.42,11.42,0,0,0-3.41-.6c-3.12,0-5.17,1.47-5.17,3.78,0,4.75,6.69,3.64,6.69,6.15,0,1.2-1.08,1.61-2.51,1.61a10.62,10.62,0,0,1-4.46-1.2v2.43a11.5,11.5,0,0,0,4.39.84c3.51,0,5.35-1.64,5.35-4,0-3.78-4.66-3.77-6.24-5.07"/><path class="cls-5" d="M434.14,191.83a1.2,1.2,0,0,1,.31-2.11c1.08-.44,2.42-.44,5,.34V188a11.36,11.36,0,0,0-3.41-.6c-3.12,0-5.12,1.38-5.12,3.69,0,4.76,6.64,3.64,6.64,6.15,0,1.2-1,1.56-2.46,1.56a10.74,10.74,0,0,1-4.46-1.19V200a11.47,11.47,0,0,0,4.39.84c3.51,0,5.29-1.59,5.3-3.94h0c0-3.77-4.62-3.76-6.2-5.06"/><path class="cls-5" d="M420,188.51v-.84h-2.69v12.84H420v-9.65c.89-1,2.08-1.37,4-1.07v-2.33a5.67,5.67,0,0,0-4.08,1"/><path class="cls-5" d="M346.67,192.35c0-3.26-1.3-4.66-4.4-4.66a9.82,9.82,0,0,0-3.68.86v1.5a6.61,6.61,0,0,1,3.68-1c2.09,0,2.85,1.08,2.85,3.22v.64h-.29c-3.25,0-7.72.2-7.72,4.4,0,1.13.57,3.53,4.13,3.53a4.41,4.41,0,0,0,4-2.31h0v2h1.52a18.23,18.23,0,0,1-.12-2.63ZM345.12,195c0,1.35-.07,4.52-3.71,4.52-1.42,0-2.6-.62-2.6-2.26,0-2.75,3.19-3,5.87-3h.44Z"/><path class="cls-5" d="M454.88,189a7,7,0,0,1,2.67.64l.13-1.47a9.27,9.27,0,0,0-3-.49c-3.71,0-6.19,2.7-6.19,6.56,0,3.48,2,6.55,6,6.55a9.27,9.27,0,0,0,3.22-.44l-.15-1.45a7.88,7.88,0,0,1-2.82.57c-2.83,0-4.55-2.39-4.55-5.23,0-3.05,1.7-5.24,4.72-5.24"/><path class="cls-5" d="M465.19,187.69c-4.05,0-5.84,3.14-5.84,6.56s1.79,6.55,5.84,6.55,5.85-3.14,5.85-6.55-1.79-6.56-5.85-6.56m0,11.79c-2.7,0-4.15-2.34-4.15-5.23s1.45-5.24,4.15-5.24,4.16,2.34,4.16,5.24-1.45,5.23-4.16,5.23"/><path class="cls-5" d="M486.69,187.69a4.22,4.22,0,0,0-4,2.65h-.05a3.14,3.14,0,0,0-3.31-2.65,3.94,3.94,0,0,0-3.91,2.43l-.05,0V188h-1.49c.09,1,.09,2,.09,3v9.58h1.55v-6.93c0-3.12,1.67-4.57,3.37-4.57,2,0,2.65,1.4,2.65,3.17v8.33h1.55v-6.93c0-3.12,1.67-4.57,3.36-4.57,2,0,2.65,1.4,2.65,3.17v8.33h1.55v-8.62c0-2.44-1.42-4.2-3.95-4.2"/><path class="cls-5" d="M499.78,187.69a4.32,4.32,0,0,0-4,2.58h0l.1-2.29h-1.55v17.69h1.55v-7.3h.05a3.88,3.88,0,0,0,3.9,2.43c3.44,0,5.16-2.85,5.16-6.55s-1.47-6.56-5.16-6.56m-.24,11.79c-2.76,0-3.71-2.95-3.71-5.23s.95-5.24,3.71-5.24c2.94,0,3.71,2.8,3.71,5.24s-.77,5.23-3.71,5.23"/><path class="cls-5" d="M516.68,192.35c0-3.26-1.3-4.66-4.39-4.66a9.82,9.82,0,0,0-3.69.86v1.5a6.62,6.62,0,0,1,3.69-1c2.08,0,2.84,1.08,2.84,3.22v.64h-.29c-3.24,0-7.71.2-7.71,4.4,0,1.13.56,3.53,4.12,3.53a4.4,4.4,0,0,0,4-2.31h0v2h1.53a16.84,16.84,0,0,1-.13-2.63ZM515.13,195c0,1.35-.07,4.52-3.7,4.52-1.43,0-2.61-.62-2.61-2.26,0-2.75,3.2-3,5.87-3h.44Z"/><path class="cls-5" d="M525.87,187.69a4,4,0,0,0-4,2.53h-.05V188h-1.5c.1,1,.1,2,.1,3v9.58h1.54v-6.93c0-2.09.89-4.57,3.71-4.57,2.14,0,3,1.53,3,3.88v7.62h1.54v-8c0-2.75-1.18-4.81-4.27-4.81"/><path class="cls-5" d="M541.15,188l-3.61,10.44h0L534,188h-1.69l4.44,12.68-.32,1.1c-.49,1.62-.93,2.73-2.26,2.73a3.09,3.09,0,0,1-1.15-.2l-.15,1.33a7.63,7.63,0,0,0,1.67.19c1.75,0,2.63-1.71,3.22-3.43l5-14.4Z"/></svg>