autonomic-cooperative
/
hubl
0
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

major: use @startinblox/hubl-styling-framework

This commit is contained in:
Jean-Baptiste Pasquier 2020-12-14 15:43:45 +01:00
parent b4ab8adbb3
commit 3645103ffa
No known key found for this signature in database
GPG Key ID: CC04B91B949C163A
110 changed files with 31 additions and 17408 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
package-lock.json generated
View File

@ -8,6 +8,7 @@
"version": "1.0.0",
"license": "MIT",
"dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.3",
"fs-extra": "^9.0.1",
"normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4",
@ -1440,6 +1441,11 @@
}
}
},
"node_modules/@startinblox/hubl-styling-framework": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.3.tgz",
"integrity": "sha512-AJnCktH3fSLl6sWwA/Txtc7v458XTwEpyXHLmf0DRIS03K9FtBJIZzeQ9xhB8lINLIymU+DYqlL2/bdgJx/Cog=="
},
"node_modules/@types/q": {
"version": "1.5.4",
"resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz",
@ -10596,6 +10602,11 @@
"any-observable": "^0.3.0"
}
},
"@startinblox/hubl-styling-framework": {
"version": "1.0.3",
"resolved": "https://registry.npmjs.org/@startinblox/hubl-styling-framework/-/hubl-styling-framework-1.0.3.tgz",
"integrity": "sha512-AJnCktH3fSLl6sWwA/Txtc7v458XTwEpyXHLmf0DRIS03K9FtBJIZzeQ9xhB8lINLIymU+DYqlL2/bdgJx/Cog=="
},
"@types/q": {
"version": "1.5.4",
"resolved": "https://registry.npmjs.org/@types/q/-/q-1.5.4.tgz",

2
package.json
View File

@ -10,7 +10,6 @@
"prebuild": "rimraf build",
"build": "NODE_ENV='production' node internal/parcel.js",
"watch": "rimraf build && node internal/parcel.js",
"integration": "rimraf build && parcel src/hubl-framework.html",
"cypress:open": "cypress open",
"cypress:verify": "cypress verify",
"cypress:info": "cypress info",
@ -46,6 +45,7 @@
]
},
"dependencies": {
"@startinblox/hubl-styling-framework": "^1.0.3",
"fs-extra": "^9.0.1",
"normalize.css": "^8.0.1",
"parcel-bundler": "^1.12.4",

169
src/hubl-framework.html
View File

@ -1,169 +0,0 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Hubl Styling Framework</title>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap">
<link rel="stylesheet" href="styles/hubl-framework/_index.scss">
</head>
<body>
<p>Avatars</p>
<div class="avatar xsmall">
<object type="image/svg+xml" data="images/alien.svg"></object>
</div>
<div class="avatar small">
<object type="image/svg+xml" data="images/alien.svg"></object>
</div>
<div class="avatar">
<object type="image/svg+xml" data="images/alien.svg"></object>
</div>
<div class="avatar large">
<object type="image/svg+xml" data="images/alien.svg"></object>
</div>
<div class="avatar xlarge">
<object type="image/svg+xml" data="images/alien.svg"></object>
</div>
<p>Badges</p>
<span class="badge color-primary">1</span>
<span class="badge reversed color-primary">2</span>
<span class="badge color-secondary">3</span>
<span class="badge reversed color-secondary">4</span>
<span class="badge color-third">5</span>
<span class="badge reversed color-third">6</span>
<span class="badge">7</span>
<p>Buttons + shadows + Text uppercase + text bold</p>
<button class="button color-primary bordered">Quitter le projet</button>
<button class="button reversed color-primary bordered shadow-small">Quitter le projet</button>
<button class="button color-secondary bordered shadow">Quitter le projet</button>
<button class="button reversed color-secondary bordered">Quitter le projet</button>
<button class="button color-third bordered shadow-large">Quitter le projet</button>
<button class="button reversed color-third bordered">Quitter le projet</button>
<button class="button color-disabled bordered">Quitter le projet</button>
<button class="button reversed color-disabled bordered">Quitter le projet</button>
<button class="button color-primary bordered text-uppercase text-bold">Quitter le projet</button>
<solid-link class="button rounded reversed color-secondary icon-pencil icon-large bordered"></solid-link>
<p>Borders</p>
<div class="border-all-sides border-color-primary">
<p>Salut</p>
</div>
<div class="border-left border-color-secondary">
<p>Salut</p>
</div>
<div class="border-bottom border-color-third">
<p>Salut</p>
</div>
<div class="border-right border-color-heading">
<p>Salut</p>
</div>
<div class="border-all-sides border-color-grey">
<p>Salut</p>
</div>
<p>Colors</p>
<div class="segment lg-half padding-medium bg-color-grey hover active text-color-heading">
<p>Lorem</p>
</div>
<div class="segment lg-quarter padding-small bg-color-heading hover active text-color-white">
<p>Ipsum</p>
</div>
<p class="text-hover">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis commodo justo ac eleifend. Aliquam porta molestie augue, fringilla scelerisque felis fermentum non. Donec maximus eros fringilla enim blandit eleifend. Praesent nisl nulla, iaculis a mauris vitae, pharetra ullamcorper arcu.</p>
<p>Text sizes + weights + position + letters spacings </p>
<p class="text-xsmall text-center">text xsmall and centered</p>
<p class="text-small text-letter-spacing-larger">Text small with larger letter spacing</p>
<p class="text-medium text-semibold text-right">Text medium, semibold, right-aligned</p>
<p class="text-large text-bold">Text large and bold</p>
<p class="text-xlarge text-underline">Text xlarge with underline</p>
<p class="text-xxlarge text-letter-spacing-large">Text xxlarge with large letter spacing</p>
<p>Forms</p>
<solid-form class="button-register">
<form action="">
<input type="text" name="" id="">
<textarea name="" id="" cols="30" rows="10"></textarea>
<input class="icon icon-magnify" type="text" name="" id="">
<input type="submit" value="Register">
</form>
</solid-form>
<p>Icons</p>
<span class="icon icon-home icon-primary hover margin-right-small"></span>
<span>Lorem</span>
<span class="icon icon-envelope icon-secondary rounded rounded-large rounded-primary icon-xlarge centered"></span>
<p>Segments</p>
<solid-form class="button-register">
<form class="segment lg-full padding-large clearfix" action="">
<div class="segment lg-half float-left padding-right-small">
<label>Lorem</label>
<input type="text" name="" id="">
</div>
<div class="segment lg-half float-left padding-left-small">
<label>Ipsum</label>
<input type="text" name="" id="">
</div>
</form>
</solid-form>
<p>Tables</p>
<div class="table-wrapper">
<div class="table">
<div class="table-header bg-color-heading text-color-white">
<div class="table-cell w280">Lorem</div>
<div class="table-cell w280">Ipsum</div>
<div class="table-cell w280">Dolor</div>
</div>
<div class="table-body">
<div>
<solid-display>
<div>
<div class="table-cell w280"></div>
<div class="table-cell w280"></div>
<div class="table-cell w280"></div>
</div>
</solid-display>
</div>
</div>
</div>
</div>
<p>Tags</p>
<span class="tag color-primary hover">Lorem</span>
<p>Links</p>
<div>
<solid-link class="backlink icon icon-arrow-left-circle margin-right-small icon-large">Back</solid-link>
</div>
<div>
<a class="link" href="">hello</a>
</div>
<p>Highlight</p>
<p class="highlight">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed convallis commodo justo ac eleifend. Aliquam porta molestie augue, fringilla scelerisque felis fermentum non. Donec maximus eros fringilla enim blandit eleifend. Praesent nisl nulla, iaculis a mauris vitae, pharetra ullamcorper arcu.</p>
<p>User thumb</p>
<solid-display class="segment lg-auto clearfix">
<div>
<hubl-user-avatar class="segment float-left margin-right-xsmall avatar xsmall">
<img src="https://www.resetera.com/data/avatar/1537498521/m/47/47921.jpg" alt="">
</hubl-user-avatar>
<solid-set-default class="segment lg-auto float-left block">
<solid-display-value class="block text-small text-semibold text-color-heading">Gaëlle Morin</solid-display-value>
<solid-display-value class="block text-xsmall">@gaelle</solid-display-value>
</solid-set-default>
</div>
</solid-display>
<solid-set-default class="segment lg-auto clearfix">
<author-avatar class="segment float-left margin-right-xsmall avatar xsmall">
<img src="https://www.resetera.com/data/avatar/1537498521/m/47/47921.jpg" alt="">
</author-avatar>
<solid-set-default class="segment lg-auto float-left block">
<solid-display-value class="text-small text-semibold text-color-heading">Sylvain</solid-display-value>
<solid-display-value class="text-small text-semibold text-color-heading">Le Bon</solid-display-value>
<author-contact>
<solid-link class="icon icon-speech icon-small icon-secondary hover"></solid-link>
</author-contact>
</solid-set-default>
</solid-set-default>
</body>
</html>

10
src/styles/hubl-app/content/_index.scss → src/styles/content/_index.scss
View File

@ -11,7 +11,7 @@ main {
/*margin-top: 50px;*/
overflow: hidden;
/*@media($large) {
/*@media(min-width: 1024px) {
margin-top: 0;
}*/
@ -21,7 +21,7 @@ main {
&.sidebar-is-closed {
@media($large) {
@media(min-width: 1024px) {
margin-left: -152px;
transform: translate(152px);
}
@ -65,7 +65,7 @@ main {
&.jsRightMenu {
display: none;
@media($large) {
@media(min-width: 1024px) {
display: block;
}
}
@ -76,7 +76,7 @@ main {
&.jsRightMenu[open] {
@media($large) {
@media(min-width: 1024px) {
display: block;
bottom: 0;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12);
@ -86,7 +86,7 @@ main {
top: 50px;
z-index: 1;
}
@media($large) {
@media(min-width: 1024px) {
box-shadow: none;
min-width: unset;
position: unset;

32
src/styles/hubl-app/header/_index.scss → src/styles/header/_index.scss
View File

@ -29,7 +29,7 @@ header {
solid-notifications {
color: var(--color-primary);
@media($small) {
@media(min-width: 640px) {
padding: 0;
}
@ -37,10 +37,9 @@ header {
position: relative;
.solid-notifications__button {
@include icon('bell');
font-size: 2.5rem;
@media($large) {
@media(min-width: 1024px) {
font-size: 3rem;
}
@ -57,7 +56,7 @@ header {
position: absolute;
top: 1px;
@media($large) {
@media(min-width: 1024px) {
left: 2.1rem;
top: -3px;
}
@ -75,7 +74,7 @@ header {
.solid-notifications__triangle-shadow {
display: none;
@media($large) {
@media(min-width: 1024px) {
background: white;
display: block;
position: absolute;
@ -113,7 +112,7 @@ header {
top: 2.5em;
width: 100vw;
@media($large) {
@media(min-width: 1024px) {
max-height: calc(100vh - 93px);
position: absolute;
left: auto;
@ -218,11 +217,11 @@ header {
line-height: 1.7rem;
margin: 1.1rem 0 0;
@media($small) {
@media(min-width: 640px) {
max-width: 226px;
}
@media($large) {
@media(min-width: 1024px) {
max-width: 256px;
}
}
@ -254,7 +253,7 @@ header {
color: white;
outline: none;
@media($large) {
@media(min-width: 1024px) {
background-color: var(--color-heading);
}
}
@ -269,7 +268,7 @@ header {
width: 215px;
top: 42px;
@media($large) {
@media(min-width: 1024px) {
width: 100%;
top: 72px;
}
@ -293,18 +292,5 @@ header {
}
}
}
&[open] {
#user-controls__profile {
div {
solid-display-value[name='button'] {
@include icon('close');
}
}
}
}
}
}

3
src/styles/hubl-app/_index.scss
View File

@ -1,3 +0,0 @@
@import 'header/_index';
@import 'left-nav/_index';
@import 'content/_index';

18
src/styles/hubl-framework/README.md
View File

@ -1,18 +0,0 @@
# GAELLE VA REDIGER LA DOCUMENTATION DU CSS ICI !
## Les avatars
Utiliser la class `.avatar` sur un élément HTML englobant une image.
L'élément sera arrondi avec une hauteur et une largeur par défaut de 50px.
Les avatars peuvent avoir différentes tailles.
## Les badges
Utiliser la class `.badge` sur un élément HTML.
L'élément sera arrondi. Par défaut, le texte sera bleu foncé et sa taille fera 11px, l'intérieur du cercle sera vert avec une taille de 18px;
Le texte et le cercle peuvent avoir différente couleurs.
## Les boutons
Utiliser la class `.button` sur un élément HTML.
Ils peuvent être rectangulaires avec les bords arrondis ou ronds, avec différentes couleurs.

14
src/styles/hubl-framework/_index.scss
View File

@ -1,14 +0,0 @@
@charset "UTF-8";
@import 'normalize.css';
@import 'commons/_index';
@import 'icons/_index';
@import 'avatars/_index';
@import 'badges/_index';
@import 'buttons/_index';
@import 'links/_index';
@import 'segments/_index';
@import 'forms/_index';
@import 'tables/_index';
@import 'tags/_index';

46
src/styles/hubl-framework/avatars/_index.scss
View File

@ -1,46 +0,0 @@
.avatar {
background: #E4E8ED;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
overflow: hidden;
position: relative;
height: 50px;
width: 50px;
>img,
object {
object-fit: cover;
object-position: center;
}
>img {
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
}
>object {
max-height: 40%;
max-width: 40%;
}
&.xsmall {
height: 31px;
width: 31px;
}
&.small {
height: 44px;
width: 44px;
}
&.large {
height: 180px;
width: 180px;
}
&.xlarge {
height: 241px;
width: 241px;
}
}

50
src/styles/hubl-framework/badges/_index.scss
View File

@ -1,50 +0,0 @@
.badge {
display: block;
border-radius: 50%;
font-size: 11px;
height: 18px;
width: 18px;
font-weight: bold;
text-align: center;
line-height: 18px;
color: var(--color-heading);
background: var(--color-third);
&.color-primary {
background: white;
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
&.color-secondary {
background: white;
border: 1px solid var(--color-secondary);
color: var(--color-secondary);
}
&.color-third {
background: white;
border: 1px solid var(--color-third);
color: var(--color-third);
}
&.reversed {
&.color-primary {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: white;
}
&.color-secondary {
background: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: white;
}
&.color-third {
background: var(--color-third);
border: 1px solid var(--color-third);
color: white;
}
}
}

214
src/styles/hubl-framework/buttons/_index.scss
View File

@ -1,214 +0,0 @@
button,
.button,
input[type='submit'],
a {
background: none;
border: none;
cursor: pointer;
display: inline-block;
padding: 0;
form {
display: inline-block;
}
[data-id="error"] {
display: none !important; // Hide the default core message, english only with a weird message
}
&.button {
padding: 7.5px 20px;
border-radius: 16.5px;
text-decoration: none;
&.rounded {
border-radius: 50%;
font-size: 18px;
padding: 2px;
height: 29px;
width: 29px;
display: flex;
align-items: center;
justify-content: center;
}
&.icon::before {
font-size: 15px;
margin-right: 6px;
}
&.text-semibold {
*,
& {
font-weight: 600;
}
}
&.text-bold {
*,
& {
font-weight: 700;
}
}
&.text-uppercase {
*,
& {
text-transform: uppercase;
}
}
&.color-primary {
background-color: white;
*,
& {
color: var(--color-primary);
}
&.bordered {
border: 1px solid var(--color-primary);
}
&:hover {
background-color: var(--color-primary);
*,
& {
color: white;
}
}
}
&.color-secondary {
background-color: white;
*,
& {
color: var(--color-secondary);
}
&.bordered {
border: 1px solid var(--color-secondary);
}
&:hover {
background-color: var(--color-secondary);
color: white;
*,
& {
color: white;
}
}
}
&.color-third {
color: var(--color-third);
background-color:white;
*,
& {
color: var(--color-third);
}
&.bordered {
border: 1px solid var(--color-third);
}
&:hover {
background-color: var(--color-third);
*,
& {
color: white;
}
}
}
&.color-disabled {
cursor: not-allowed;
background-color: white;
*,
& {
color: #636363;
}
&.bordered {
border: 1px solid #636363;
}
&:hover {
background-color: white;
*,
& {
color: #636363;
}
}
}
&.reversed {
&.color-primary {
background-color: var(--color-primary);
*,
& {
color: white;
}
&:hover {
background-color: white;
*,
& {
color: var(--color-primary);
}
&.bordered {
border: 1px solid var(--color-primary);
}
}
}
&.color-secondary {
background-color: var(--color-secondary);
*,
& {
color: white;
}
&:hover {
background-color: white;
*,
& {
color: var(--color-secondary);
}
&.bordered {
border: 1px solid var(--color-secondary);
}
}
}
&.color-third {
background-color: var(--color-third);
*,
& {
color: white;
}
&:hover {
background-color: white;
*,
& {
color: var(--color-third);
}
&.bordered {
border: 1px solid var(--color-third);
}
}
}
&.color-disabled {
cursor: not-allowed;
background-color: #636363;
*,
& {
color: white;
}
&.bordered {
border: 1px solid white;
}
&:hover {
background-color: #636363;
*,
& {
color: white;
}
}
}
}
}
}

28
src/styles/hubl-framework/commons/_index.scss
View File

@ -1,28 +0,0 @@
:root {
box-sizing: border-box;
color: #636363;
font-family: Open Sans, sans-serif;
font-size: 14px;
}
*,
*:before,
*:after {
box-sizing: inherit;
}
.hidden, [hidden] {
display: none !important;
}
.block {
display: block;
}
@import 'colors';
@import 'loaders';
@import 'texts';
@import 'borders';
@import 'shadows';
@import 'user-thumb';
@import 'lists';

38
src/styles/hubl-framework/commons/borders.scss
View File

@ -1,38 +0,0 @@
.border {
&-all-sides {
border: 1px solid;
}
&-top {
border-top: 1px solid;
}
&-right {
border-right: 1px solid;
}
&-bottom {
border-bottom: 1px solid;
}
&-left {
border-left: 1px solid;
}
&-thick {
border-width: thick;
}
&-color {
&-primary {
border-color: var(--color-primary);
}
&-secondary {
border-color: var(--color-secondary);
}
&-third {
border-color: var(--color-third);
}
&-heading {
border-color: var(--color-heading);
}
&-grey {
border-color: #D6CECE;
}
}
}

122
src/styles/hubl-framework/commons/colors.scss
View File

@ -1,122 +0,0 @@
:root {
--color-primary: #FF0055;
--color-secondary: #0068FF;
--color-third: #00E3B4;
--color-heading: #2E3F58;
}
.highlight::selection {
background-color: var(--color-third);
}
.bg-color-primary {
background-color: var(--color-primary);
&.active:active {
background-color: var(--color-secondary);
}
&.hover:hover:not(:active) {
background-color: #202B3C;
}
&.reverse {
background-color: var(--color-secondary);
}
}
.bg-color-secondary {
background-color: var(--color-secondary);
&.active:active {
background-color: var(--color-primary);
}
&.hover:hover:not(:active) {
background-color: #202B3C;
}
&.reverse {
background-color: var(--color-primary);
}
}
.bg-color-third {
background-color: var(--color-third);
&.active:active {
background-color: var(--color-heading);
}
&.hover:hover:not(:active) {
background-color: #202B3C;
}
&.reverse {
background-color: var(--color-heading);
}
}
.bg-color-heading {
background-color: var(--color-heading);
&.active:active {
background-color: var(--color-third);
}
&.hover:hover:not(:active) {
background-color: #202B3C;
}
&.reverse {
background-color: var(--color-third);
}
}
.bg-color-white {
background: white;
}
.text-color-primary {
color: var(--color-primary);
&.active:active {
color: var(--color-secondary);
}
&.reverse {
color: var(--color-secondary);
}
}
.text-color-secondary {
color: var(--color-secondary);
&.active:active {
color: var(--color-primary);
}
&.reverse {
color: var(--color-primary);
}
}
.text-color-third {
color: var(--color-third);
&.active:active {
color: var(--color-heading);
}
&.reverse {
color: var(--color-heading);
}
}
.text-color-heading {
color: var(--color-heading);
&.active:active {
color: white;
}
&.reverse {
color: var(--color-third);
}
}
.text-color-white {
color: white;
}
.text-hover:hover {
color: var(--color-secondary);
}

5
src/styles/hubl-framework/commons/lists.scss
View File

@ -1,5 +0,0 @@
ul {
list-style: none;
margin: 0;
padding: 0;
}

72
src/styles/hubl-framework/commons/loaders.scss
View File

@ -1,72 +0,0 @@
.loader {
margin: 0 auto;
position: relative;
width: 80px;
height: 20px;
&.loader-top {
top: 30px;
}
div {
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--color-heading);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
&.loader-menu div {
width: 8px;
height: 8px;
background: white;
}
div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}

10
src/styles/hubl-framework/commons/shadows.scss
View File

@ -1,10 +0,0 @@
.shadow {
box-shadow: 0 0 6px 0 rgba(46, 63, 88, 0.14);
&-small {
box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.09);
}
&-large {
box-shadow: 0 7px 8px 0 rgba(46, 63, 88, 0.16);
}
}

56
src/styles/hubl-framework/commons/texts.scss
View File

@ -1,56 +0,0 @@
.text {
&-xsmall {
font-size: 12px;
}
&-small {
font-size: 13px;
}
&-medium {
font-size: 14px;
}
&-large {
font-size: 15px;
}
&-xlarge {
font-size: 16px;
}
&-xxlarge {
font-size: 18px;
}
&-normal {
font-weight: 400;
}
&-semibold {
font-weight: 600;
}
&-bold {
font-weight: 700;
}
&-uppercase {
text-transform: uppercase;
}
&-underline {
text-decoration: underline;
}
&-letter-spacing-large {
letter-spacing: 0.2px;
}
&-letter-spacing-larger {
letter-spacing: 0.38px;
}
&-center {
text-align: center;
}
&-right {
text-align: right;
}
}
.word-spacing-left {
margin-left: 0.60rem;
}
.word-spacing-right {
margin-right: 0.60rem;
}

99
src/styles/hubl-framework/commons/user-thumb.scss
View File

@ -1,99 +0,0 @@
.user-thumb {
display: block;
position: relative;
box-sizing: border-box;
div {
display: flex;
align-items: center;
.user-thumb-avatar {
background: #E4E8ED;
display: flex;
align-items: center;
justify-content: center;
flex: 0 0 auto;
height: 50px;
width: 50px;
margin-right: 15px;
border-radius: 50%;
overflow: hidden;
&.user-thumb-avatar__size {
height: 44px;
width: 44px;
}
>img,
object {
object-fit: cover;
object-position: center;
}
>img {
max-height: 100%;
max-width: 100%;
position: absolute;
top: 0;
left: 0;
border-radius: 50%;
}
>object {
max-height: 40%;
max-width: 40%;
}
}
.user-thumb-content {
flex: 1 1 auto;
.user-thumb-content__name-and-icon {
display: flex;
justify-content: flex-start;
align-items: center;
.name {
font-size: 14px;
font-weight: 600;
flex: 0 1 auto;
letter-spacing: 0.38px;
}
.icon {
margin-left: 10px;
cursor: pointer;
&::before {
font-size: 15px;
}
&.top-align::before {
vertical-align: super;
margin-top: -10px;
margin-right: 5px;
}
}
.tag {
margin-top: -19px;
}
}
.user-thumb-content__sub-text{
display: flex;
&.username {
font-size: 12px;
&::before {
content: "@";
}
}
&.community {
.icon::before {
font-size: 15px;
margin-top: 1px;
}
}
}
}
}
}

BIN
src/styles/hubl-framework/fonts/FacitBold.eot
View File

Binary file not shown.

4590
src/styles/hubl-framework/fonts/FacitBold.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side

Before

Width:  |  Height:  |  Size: 344 KiB

BIN
src/styles/hubl-framework/fonts/FacitBold.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/FacitBold.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/FacitRegular.eot
View File

Binary file not shown.

4584
src/styles/hubl-framework/fonts/FacitRegular.svg
View File

File diff suppressed because it is too large Load Diff
Side by Side

Before

Width:  |  Height:  |  Size: 343 KiB

BIN
src/styles/hubl-framework/fonts/FacitRegular.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/FacitRegular.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/RefrigeratorDelxW01Bold.eot
View File

Binary file not shown.

518
src/styles/hubl-framework/fonts/RefrigeratorDelxW01Bold.svg
View File

@ -1,518 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1">
<metadata>
Created by FontForge 20190801 at Wed Jul 18 13:30:07 2012
By www-data
Copyright (c) 2008 by Mark Simonson. All rights reserved.
</metadata>
<defs>
<font id="RefrigeratorDelxW01Bold" horiz-adv-x="450" >
<font-face
font-family="RefrigeratorDelxW01Bold"
font-weight="700"
font-stretch="normal"
units-per-em="1000"
panose-1="2 1 8 6 2 2 2 5 2 3"
ascent="775"
descent="-225"
x-height="470"
cap-height="700"
bbox="-100 -230 873 923"
underline-thickness="90"
underline-position="-195"
unicode-range="U+000D-2122"
/>
<missing-glyph horiz-adv-x="0"
/>
<glyph glyph-name=".notdef" horiz-adv-x="0"
/>
<glyph glyph-name=".null" horiz-adv-x="0"
/>
<glyph glyph-name="uni000D" unicode="&#xd;" horiz-adv-x="200"
/>
<glyph glyph-name="space" unicode=" " horiz-adv-x="200"
/>
<glyph glyph-name="exclam" unicode="!" horiz-adv-x="200"
d="M150 200h-100v500h100v-500zM160 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="quotedbl" unicode="&#x22;" horiz-adv-x="351"
d="M307 700l-37 -201h-48l-37 201h122zM166 700l-37 -201h-48l-37 201h122z" />
<glyph glyph-name="numbersign" unicode="#" horiz-adv-x="533"
d="M175 259h124l60 182h-124zM279 199h-124l-66 -199h-64l66 199h-71l20 60h71l60 182h-71l20 60h71l66 199h64l-66 -199h124l66 199h64l-66 -199h75l-20 -60h-75l-60 -182h75l-20 -60h-75l-66 -199h-64z" />
<glyph glyph-name="dollar" unicode="$"
d="M326 361q31 -16 52.5 -43.5t21.5 -61.5v-66q0 -42 -29 -71t-71 -29h-30v-90h-90v90h-30q-42 0 -71 29t-29 71v74h100v-74h150v61l-176 90q-31 16 -52.5 43.5t-21.5 61.5v64q0 42 29 71t71 29h30v90h90v-90h30q42 0 71 -29t29 -71v-71h-100v71h-150v-60z" />
<glyph glyph-name="percent" unicode="%" horiz-adv-x="649"
d="M275 416q0 -28 -19.5 -47.5t-48.5 -19.5h-89q-29 0 -48.5 19.5t-19.5 47.5v217q0 28 20 47.5t48 19.5h89q28 0 48 -19.5t20 -47.5v-217zM473 700l-232 -700h-64l232 700h64zM599 67q0 -28 -19.5 -47.5t-47.5 -19.5h-90q-28 0 -47.5 19.5t-19.5 47.5v217q0 28 19.5 47.5
t47.5 19.5h90q28 0 47.5 -19.5t19.5 -47.5v-217zM207 416v217h-89v-217h89zM532 67v217h-90v-217h90z" />
<glyph glyph-name="ampersand" unicode="&#x26;" horiz-adv-x="600"
d="M242 100l59 117l-105 104l-46 -47v-174h92zM376 143l-44 -87q-5 -9 -13.5 -19t-20.5 -18t-26 -13.5t-29 -5.5h-93q-42 0 -71 29t-29 71v174q0 23 7.5 39t21.5 30l46 47l-41 42q-14 14 -24 34.5t-10 40.5v93q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150
v-90l199 -198l55 108h112l-92 -182l175 -172l-72 -73z" />
<glyph glyph-name="quotesingle" unicode="'" horiz-adv-x="200"
d="M161 701l-37 -201h-48l-37 201h122z" />
<glyph glyph-name="parenleft" unicode="(" horiz-adv-x="219"
d="M143 -151q-106 175 -106 476q0 300 106 475h64q-80 -180 -80 -475q0 -296 80 -476h-64z" />
<glyph glyph-name="parenright" unicode=")" horiz-adv-x="219"
d="M182 325q0 -301 -106 -476h-64q80 180 80 476q0 295 -80 475h64q106 -175 106 -475z" />
<glyph glyph-name="asterisk" unicode="*" horiz-adv-x="320"
d="M185 512l14 -102h-78l14 102l-81 -63l-39 67l95 39l-95 39l39 67l81 -64l-14 103h78l-14 -102l81 63l39 -67l-97 -39l97 -39l-39 -67z" />
<glyph glyph-name="plus" unicode="+" horiz-adv-x="448"
d="M424 190h-158v-154h-90v154h-152v90h152v156h90v-156h158v-90z" />
<glyph glyph-name="comma" unicode="," horiz-adv-x="200"
d="M160 52q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41z" />
<glyph glyph-name="hyphen" unicode="-" horiz-adv-x="261"
d="M236 190h-211v90h211v-90z" />
<glyph glyph-name="period" unicode="." horiz-adv-x="200"
d="M160 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="slash" unicode="/" horiz-adv-x="295"
d="M295 800l-231 -951h-64l232 951h63z" />
<glyph glyph-name="zero" unicode="0"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150z" />
<glyph glyph-name="one" unicode="1" horiz-adv-x="362"
d="M337 0h-300v100h100v500h-100v100h200v-600h100v-100z" />
<glyph glyph-name="two" unicode="2"
d="M300 511v89h-150v-100h-100v100q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-89q0 -16 -4.5 -31t-12.5 -26l-233 -298v-56h250v-100h-350v156q0 16 4.5 31t12.5 26z" />
<glyph glyph-name="three" unicode="3"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v100h100v-100h150v220h-150v100h150v180h-150v-100h-100v100q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-154q0 -57 -50 -77q50 -18 50 -77v-192z" />
<glyph glyph-name="four" unicode="4" horiz-adv-x="449"
d="M412 150h-50v-150h-100v150h-225v100l225 450h100v-450h50v-100zM262 250v261l-126 -261h126z" />
<glyph glyph-name="five" unicode="5"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v100h100v-100h150v270h-150v-50h-100v380h340v-100h-240v-180q20 50 78 50h72q42 0 71 -29t29 -71v-270z" />
<glyph glyph-name="six" unicode="6"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-230q20 50 78 50h72q42 0 71 -29t29 -71v-220zM300 100v220h-150v-220h150z" />
<glyph glyph-name="seven" unicode="7" horiz-adv-x="412"
d="M375 600l-140 -600h-110l146 600h-146v-100h-100v200h350v-100z" />
<glyph glyph-name="eight" unicode="8"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v193q0 57 50 77q-50 20 -50 77v153q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-153q0 -57 -50 -77q50 -20 50 -77v-193zM300 420v180h-150v-180h150zM300 100v220h-150v-220h150z" />
<glyph glyph-name="nine" unicode="9"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v100h100v-100h150v230q-18 -50 -77 -50h-73q-42 0 -71 29t-29 71v220q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 380v220h-150v-220h150z" />
<glyph glyph-name="colon" unicode=":" horiz-adv-x="200"
d="M160 410q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM160 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="semicolon" unicode=";" horiz-adv-x="200"
d="M160 52q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41zM160 410q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="less" unicode="&#x3c;"
d="M103 233l322 -110v-96l-400 141v133l400 141v-96z" />
<glyph glyph-name="equal" unicode="="
d="M425 280h-400v90h400v-90zM425 100h-400v90h400v-90z" />
<glyph glyph-name="greater" unicode="&#x3e;"
d="M25 123l322 112l-322 111v96l400 -141v-133l-400 -141v96z" />
<glyph glyph-name="question" unicode="?"
d="M400 516q0 -48 -49 -97l-115 -115l52 -54l-72 -72l-54 52q-26 26 -26 67q0 47 30 77l134 134v92h-150v-100h-100v100q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-84zM286 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5
t17.5 -42.5z" />
<glyph glyph-name="at" unicode="@" horiz-adv-x="563"
d="M338 380h-120v-290h120v290zM403 0q-20 0 -32 7t-20 16q-9 10 -13 23q-4 -13 -14 -23q-8 -9 -22 -16t-36 -7h-48q-38 0 -64 26t-26 64v290q0 38 26 64t64 26h48q22 0 36 -7.5t22 -15.5q10 -11 14 -23v46h90v-425h45v317q0 40 -15 74.5t-41 60.5t-60.5 41t-74.5 15
t-74.5 -15t-60.5 -41t-41 -60.5t-15 -74.5v-252q0 -40 15 -74.5t41 -60.5t60.5 -41t74.5 -15q26 0 51 7t45 19l21 -35q-25 -15 -55 -23.5t-62 -8.5q-48 0 -90.5 18t-74 49.5t-49.5 74t-18 90.5v252q0 48 18 90t49.5 73.5t74 50t90.5 18.5t90 -18.5t73.5 -50t49.5 -73.5
t18 -90v-317q0 -19 -10.5 -32t-29.5 -13h-70z" />
<glyph glyph-name="A" unicode="A"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134z" />
<glyph glyph-name="B" unicode="B" horiz-adv-x="451"
d="M401 100q0 -42 -29 -71t-71 -29h-250v700h250q42 0 71 -29t29 -71v-153q0 -57 -50 -77q50 -20 50 -77v-193zM301 420v180h-150v-180h150zM301 100v220h-150v-220h150z" />
<glyph glyph-name="C" unicode="C"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-500h150v100h100v-100z" />
<glyph glyph-name="D" unicode="D"
d="M400 100q0 -42 -29 -71t-71 -29h-250v700h250q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150z" />
<glyph glyph-name="E" unicode="E" horiz-adv-x="387"
d="M350 0h-300v700h300v-100h-200v-180h150v-100h-150v-220h200v-100z" />
<glyph glyph-name="F" unicode="F" horiz-adv-x="375"
d="M350 600h-200v-180h150v-100h-150v-320h-100v700h300v-100z" />
<glyph glyph-name="G" unicode="G"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-500h150v170h-75v100h175v-270z" />
<glyph glyph-name="H" unicode="H"
d="M400 0h-100v320h-150v-320h-100v700h100v-280h150v280h100v-700z" />
<glyph glyph-name="I" unicode="I" horiz-adv-x="200"
d="M150 0h-100v700h100v-700z" />
<glyph glyph-name="J" unicode="J" horiz-adv-x="400"
d="M350 100q0 -42 -29 -71t-71 -29h-125q-42 0 -71 29t-29 71v100h100v-100h125v600h100v-600z" />
<glyph glyph-name="K" unicode="K"
d="M450 0h-114l-120 279l-66 -128v-151h-100v700h100v-358l182 358h106l-166 -324z" />
<glyph glyph-name="L" unicode="L" horiz-adv-x="375"
d="M350 0h-300v700h100v-600h200v-100z" />
<glyph glyph-name="M" unicode="M" horiz-adv-x="568"
d="M518 0h-100v444l-118 -444h-32l-118 444v-444h-100v700h126l108 -412l108 412h126v-700z" />
<glyph glyph-name="N" unicode="N"
d="M400 0h-88l-162 458v-458h-100v700h108l142 -412v412h100v-700z" />
<glyph glyph-name="O" unicode="O"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150z" />
<glyph glyph-name="P" unicode="P" horiz-adv-x="437"
d="M400 380q0 -21 -8 -39t-21.5 -31.5t-31.5 -21.5t-39 -8h-150v-280h-100v700h250q42 0 71 -29t29 -71v-220zM300 380v220h-150v-220h150z" />
<glyph glyph-name="Q" unicode="Q"
d="M400 100q0 -42 -29 -71t-71 -29h-25v-50h50v-100h-50q-42 0 -71 29t-29 71v50h-25q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150z" />
<glyph glyph-name="R" unicode="R"
d="M400 0h-106l-66 280h-78v-280h-100v700h250q42 0 71 -29t29 -71v-220q0 -82 -79 -95zM300 380v220h-150v-220h150z" />
<glyph glyph-name="S" unicode="S"
d="M352 309q48 -47 48 -106v-103q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v100h100v-100h150v116l-202 201q-48 47 -48 106v77q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-90z" />
<glyph glyph-name="T" unicode="T" horiz-adv-x="400"
d="M375 600h-125v-600h-100v600h-125v100h350v-100z" />
<glyph glyph-name="U" unicode="U"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v600h100v-600h150v600h100v-600z" />
<glyph glyph-name="V" unicode="V" horiz-adv-x="448"
d="M436 700l-150 -700h-124l-150 700h111l101 -543l101 543h111z" />
<glyph glyph-name="W" unicode="W" horiz-adv-x="654"
d="M642 700l-120 -700h-119l-76 456l-76 -456h-119l-120 700h108l81 -528l80 528h93l79 -528l82 528h107z" />
<glyph glyph-name="X" unicode="X" horiz-adv-x="448"
d="M446 0h-119l-103 278l-103 -278h-119l160 366l-144 334h115l91 -246l91 246h115l-144 -334z" />
<glyph glyph-name="Y" unicode="Y" horiz-adv-x="400"
d="M400 700l-151 -430v-270h-100v270l-149 430h110l90 -320l90 320h110z" />
<glyph glyph-name="Z" unicode="Z" horiz-adv-x="432"
d="M395 0h-358v100l236 500h-228v100h342v-100l-236 -500h244v-100z" />
<glyph glyph-name="bracketleft" unicode="[" horiz-adv-x="245"
d="M220 -151h-170v951h170v-64h-107v-823h107v-64z" />
<glyph glyph-name="backslash" unicode="\" horiz-adv-x="295"
d="M295 -151h-64l-231 951h63z" />
<glyph glyph-name="bracketright" unicode="]" horiz-adv-x="245"
d="M195 -151h-170v64h107v823h-107v64h170v-951z" />
<glyph glyph-name="asciicircum" unicode="^" horiz-adv-x="300"
d="M275 555l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="underscore" unicode="_"
d="M450 -90h-450v90h450v-90z" />
<glyph glyph-name="grave" unicode="`" horiz-adv-x="400"
d="M285 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="a" unicode="a" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119z" />
<glyph glyph-name="b" unicode="b" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-48q-56 0 -72 46v-46h-90v700h90v-276q16 46 72 46h48q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120z" />
<glyph glyph-name="c" unicode="c" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-90h-90v90h-120v-290h120v90h90v-90z" />
<glyph glyph-name="d" unicode="d" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h48q56 0 72 -46v276h90v-700zM260 90v290h-120v-290h120z" />
<glyph glyph-name="e" unicode="e" horiz-adv-x="400"
d="M350 180h-210v-90h177v-90h-177q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-200zM260 270v110h-120v-110h120z" />
<glyph glyph-name="f" unicode="f" horiz-adv-x="290"
d="M265 380h-90v-380h-90v380h-70v90h70v140q0 19 7 35.5t19.5 28.5t29 19t34.5 7h90v-90h-90v-140h90v-90z" />
<glyph glyph-name="g" unicode="g" horiz-adv-x="400"
d="M350 -60q0 -18 -7 -34.5t-19.5 -28.5t-29 -19.5t-34.5 -7.5h-154v90h154v106q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v290q0 37 26.5 63.5t63.5 26.5h48q56 0 72 -46v46h90v-530zM260 90v290h-120v-290h120z" />
<glyph glyph-name="h" unicode="h" horiz-adv-x="400"
d="M350 0h-90v380h-120v-380h-90v700h90v-276q16 46 72 46h48q38 0 64 -26t26 -64v-380z" />
<glyph glyph-name="i" unicode="i" horiz-adv-x="190"
d="M156 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM140 0h-90v470h90v-470z" />
<glyph glyph-name="j" unicode="j" horiz-adv-x="190"
d="M156 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM140 -60q0 -18 -7 -34.5t-19.5 -28.5t-29 -19.5t-34.5 -7.5h-90v90h90v530h90v-530z" />
<glyph glyph-name="k" unicode="k" horiz-adv-x="360"
d="M360 0h-100l-68 190l-52 -90v-100h-90v700h90v-448l120 218h96l-110 -194z" />
<glyph glyph-name="l" unicode="l" horiz-adv-x="190"
d="M140 0h-90v700h90v-700z" />
<glyph glyph-name="m" unicode="m" horiz-adv-x="580"
d="M530 0h-90v380h-105v-380h-90v380h-105v-380h-90v470h90v-46q16 46 72 46h41q56 0 72 -46q16 46 72 46h43q38 0 64 -26t26 -64v-380z" />
<glyph glyph-name="n" unicode="n" horiz-adv-x="400"
d="M350 0h-90v380h-120v-380h-90v470h90v-46q16 46 72 46h48q38 0 64 -26t26 -64v-380z" />
<glyph glyph-name="o" unicode="o" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120z" />
<glyph glyph-name="p" unicode="p" horiz-adv-x="400"
d="M350 90q0 -37 -26.5 -63.5t-63.5 -26.5h-48q-56 0 -72 46v-196h-90v620h90v-46q16 46 72 46h48q37 0 63.5 -26.5t26.5 -63.5v-290zM260 90v290h-120v-290h120z" />
<glyph glyph-name="q" unicode="q" horiz-adv-x="400"
d="M350 -150h-90v196q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v290q0 37 26.5 63.5t63.5 26.5h48q56 0 72 -46v46h90v-620zM260 90v290h-120v-290h120z" />
<glyph glyph-name="r" unicode="r" horiz-adv-x="272"
d="M260 380h-120v-380h-90v470h90v-46q16 46 72 46h48v-90z" />
<glyph glyph-name="s" unicode="s" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v70h90v-70h120v70l-140 66q-70 33 -70 90v64q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-70h-90v70h-120v-60l128 -60q82 -37 82 -92v-78z" />
<glyph glyph-name="t" unicode="t" horiz-adv-x="290"
d="M265 0h-90q-37 0 -63.5 26.5t-26.5 63.5v290h-70v90h70v140h90v-140h90v-90h-90v-290h90v-90z" />
<glyph glyph-name="u" unicode="u" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v380h90v-380h120v380h90v-470z" />
<glyph glyph-name="v" unicode="v" horiz-adv-x="376"
d="M364 470l-118 -470h-116l-118 470h96l80 -356l80 356h96z" />
<glyph glyph-name="w" unicode="w" horiz-adv-x="532"
d="M520 470l-98 -470h-102l-54 272l-54 -272h-102l-98 470h96l60 -328l62 328h72l62 -328l60 328h96z" />
<glyph glyph-name="x" unicode="x" horiz-adv-x="376"
d="M364 0h-101l-75 175l-76 -175h-100l116 232l-116 238h100l76 -177l75 177h101l-116 -238z" />
<glyph glyph-name="y" unicode="y" horiz-adv-x="376"
d="M364 470l-174 -620h-96l46 150l-128 470h96l80 -336l80 336h96z" />
<glyph glyph-name="z" unicode="z" horiz-adv-x="350"
d="M325 0h-300v90l184 290h-176v90h286v-90l-184 -290h190v-90z" />
<glyph glyph-name="braceleft" unicode="{" horiz-adv-x="258"
d="M139 -87h107v-64h-107q-26 0 -44.5 19t-18.5 45v380h-64v64h64v379q0 26 18.5 45t44.5 19h107v-64h-107v-359q0 -22 -11 -35t-26 -17q15 -4 26 -17.5t11 -35.5v-359z" />
<glyph glyph-name="bar" unicode="|" horiz-adv-x="140"
d="M88 -200h-38v1000h38v-1000z" />
<glyph glyph-name="braceright" unicode="}" horiz-adv-x="258"
d="M119 272q0 22 11 35t26 17q-15 4 -26 17.5t-11 35.5v359h-107v64h107q26 0 44.5 -19t18.5 -45v-379h64v-64h-64v-380q0 -26 -18.5 -45t-44.5 -19h-107v64h107v359z" />
<glyph glyph-name="asciitilde" unicode="~" horiz-adv-x="335"
d="M25 575l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="uni00A0" unicode="&#xa0;" horiz-adv-x="200"
/>
<glyph glyph-name="exclamdown" unicode="&#xa1;" horiz-adv-x="200"
d="M160 420q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM150 -230h-100v500h100v-500z" />
<glyph glyph-name="cent" unicode="&#xa2;"
d="M150 190h150v89h100v-89q0 -42 -29 -71t-71 -29h-30v-90h-90v90h-30q-42 0 -71 29t-29 71v320q0 42 29 71t71 29h30v90h90v-90h30q42 0 71 -29t29 -71v-86h-100v86h-150v-320z" />
<glyph glyph-name="sterling" unicode="&#xa3;" horiz-adv-x="468"
d="M428 100q0 -42 -29 -71t-71 -29h-303v100h53v220h-50v100h50v180q0 42 29 71t71 29h100q42 0 71 -29t29 -71v-100h-100v100h-100v-180h100v-100h-100v-220h150v100h100v-100z" />
<glyph glyph-name="currency" unicode="&#xa4;" horiz-adv-x="549"
d="M499 481l-79 -79q3 -11 3 -22v-120q0 -14 -3 -24l76 -76l-64 -63l-76 76q-11 -3 -23 -3h-120h-12t-11 2l-74 -74l-64 64l74 74q-3 10 -3 24v120q0 11 3 23l-76 76l63 64l76 -76q12 3 24 3h120q12 0 24 -3l78 78zM333 260v120h-120v-120h120z" />
<glyph glyph-name="yen" unicode="&#xa5;" horiz-adv-x="442"
d="M25 410h96l-100 290h110l90 -320l90 320h110l-102 -290h98v-80h-126l-21 -60v-40h147v-80h-147v-150h-100v150h-145v80h145v40l-21 60h-124v80z" />
<glyph glyph-name="brokenbar" unicode="&#xa6;" horiz-adv-x="140"
d="M50 -200v400h38v-400h-38zM88 400h-38v400h38v-400z" />
<glyph glyph-name="section" unicode="&#xa7;" horiz-adv-x="400"
d="M350 320q0 -54 -48 -79q25 -19 25 -73v-78q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-74q-37 0 -63.5 26.5t-26.5 63.5v70h90v-70h74v82l-117 54q-70 31 -70 90v64q0 61 57 84q-34 25 -34 82v64q0 19 7 35.5t19.5 28.5t29 19t34.5 7h74q38 0 64 -26t26 -64v-70h-90
v70h-74v-69l105 -51q82 -40 82 -92v-78zM260 265v125l-120 58v-128z" />
<glyph glyph-name="dieresis" unicode="&#xa8;" horiz-adv-x="400"
d="M340 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM180 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="copyright" unicode="&#xa9;" horiz-adv-x="797"
d="M716 350q0 66 -25 124t-68 101t-101 68t-124 25t-123.5 -25t-101 -68t-68.5 -101t-25 -124t25 -124t68.5 -101t101 -68t123.5 -25t124 25t101 68t68 101t25 124zM757 350q0 -74 -28.5 -139.5t-77 -114.5t-114 -77t-139.5 -28t-139.5 28t-114 77t-76.5 114.5t-28 139.5
t28 139.5t76.5 114t114 77t139.5 28.5t139.5 -28.5t114 -77t77 -114t28.5 -139.5zM556 210q0 -26 -18.5 -45t-45.5 -19h-186q-26 0 -45 19t-19 45v280q0 26 19 45t45 19h186q27 0 45.5 -19t18.5 -45v-64h-64v64h-186v-280h186v64h64v-64z" />
<glyph glyph-name="ordfeminine" unicode="&#xaa;" horiz-adv-x="375"
d="M50 195h275v-85h-275v85zM240 460h-104v-95h104v95zM240 280v38q-3 -11 -11 -19q-7 -8 -18.5 -13.5t-29.5 -5.5h-39q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v85q0 42 26.5 66t63.5 24h41q18 0 29.5 -6t18.5 -13q8 -9 11 -19v108h-145v85h140q38 0 64 -26t26 -64v-330
h-85z" />
<glyph glyph-name="guillemotleft" unicode="&#xab;" horiz-adv-x="388"
d="M363 154l-44 -44l-125 125l125 125l44 -44l-81 -81zM194 154l-44 -44l-125 125l125 125l44 -44l-81 -81z" />
<glyph glyph-name="logicalnot" unicode="&#xac;"
d="M425 100h-90v180h-310v90h400v-270z" />
<glyph glyph-name="uni00AD" unicode="&#xad;" horiz-adv-x="261"
d="M236 190h-211v90h211v-90z" />
<glyph glyph-name="registered" unicode="&#xae;" horiz-adv-x="438"
d="M364 529q0 30 -11.5 57t-31 46.5t-46 31t-56.5 11.5t-56.5 -11.5t-46 -31t-31 -46.5t-11.5 -57t11.5 -56.5t31 -46t46 -31t56.5 -11.5t56.5 11.5t46 31t31 46t11.5 56.5zM398 529q0 -37 -14 -69.5t-38.5 -57t-57 -38.5t-69.5 -14t-69.5 14t-57 38.5t-38.5 57t-14 69.5
t14 70t38.5 57.5t57 38.5t69.5 14t69.5 -14t57 -38.5t38.5 -57.5t14 -70zM300 430h-45l-46 65h-28v-65h-42v199h133q28 0 28 -28v-77q0 -29 -28 -29h-17zM258 538v49h-77v-49h77z" />
<glyph glyph-name="macron" unicode="&#xaf;" horiz-adv-x="400"
d="M317 577h-233v62h233v-62z" />
<glyph glyph-name="degree" unicode="&#xb0;" horiz-adv-x="253"
d="M228 611q0 -21 -8 -39.5t-21.5 -32t-32 -21.5t-39.5 -8t-39.5 8t-32.5 21.5t-22 32t-8 39.5t8 39.5t22 32.5t32.5 22t39.5 8t39.5 -8t32 -22t21.5 -32.5t8 -39.5zM181 611q0 23 -15.5 38.5t-38.5 15.5q-22 0 -38 -15.5t-16 -38.5q0 -22 16 -38t38 -16q23 0 38.5 16
t15.5 38z" />
<glyph glyph-name="plusminus" unicode="&#xb1;" horiz-adv-x="448"
d="M24 90h152v135h-152v90h152v156h90v-156h158v-90h-158v-135h158v-90h-400v90z" />
<glyph glyph-name="uni00B2" unicode="&#xb2;" horiz-adv-x="310"
d="M195 589v41h-80v-49h-70v59q0 25 17.5 42.5t42.5 17.5h100q25 0 42.5 -17.5t17.5 -42.5v-51q0 -16 -4 -26.5t-12 -20.5l-134 -172v-20h150v-70h-220v90q0 16 4 26.5t12 20.5z" />
<glyph glyph-name="uni00B3" unicode="&#xb3;" horiz-adv-x="310"
d="M265 340q0 -25 -17.5 -42.5t-42.5 -17.5h-100q-25 0 -42.5 17.5t-17.5 42.5v65h70v-55h80v117h-90v70h90v93h-80v-55h-70v65q0 25 17.5 42.5t42.5 17.5h100q25 0 42.5 -17.5t17.5 -42.5v-92q0 -35 -30 -47q30 -11 30 -46v-115z" />
<glyph glyph-name="acute" unicode="&#xb4;" horiz-adv-x="400"
d="M285 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="mu" unicode="&#xb5;" horiz-adv-x="400"
d="M140 -150h-90v620h90v-380h120v380h90v-470h-90v46q-16 -46 -72 -46t-72 46l24 -111v-85z" />
<glyph glyph-name="paragraph" unicode="&#xb6;" horiz-adv-x="437"
d="M334 662v-813h-38v813h-63v-813h-38v512q-35 0 -66 13.5t-54 36.5t-36.5 54t-13.5 66t13.5 65.5t36.5 53.5t54 36.5t66 13.5h217v-38h-78z" />
<glyph glyph-name="periodcentered" unicode="&#xb7;" horiz-adv-x="200"
d="M160 242q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="cedilla" unicode="&#xb8;" horiz-adv-x="400"
d="M274 -93q0 -25 -18 -43.5t-43 -18.5h-87v62h86v28h-61v70h62v-35h61v-63z" />
<glyph glyph-name="uni00B9" unicode="&#xb9;" horiz-adv-x="266"
d="M233 280h-200v70h65v280h-65v70h135v-350h65v-70z" />
<glyph glyph-name="ordmasculine" unicode="&#xba;" horiz-adv-x="375"
d="M50 195h275v-85h-275v85zM240 615h-105v-250h105v250zM325 370q0 -38 -26 -64t-64 -26h-95q-38 0 -64 26t-26 64v240q0 38 26 64t64 26h95q38 0 64 -26t26 -64v-240z" />
<glyph glyph-name="guillemotright" unicode="&#xbb;" horiz-adv-x="388"
d="M363 235l-125 -125l-44 44l81 81l-81 81l44 44zM194 235l-125 -125l-44 44l81 81l-81 81l44 44z" />
<glyph glyph-name="onequarter" unicode="&#xbc;" horiz-adv-x="623"
d="M233 280h-200v70h65v280h-65v70h135v-350h65v-70zM462 700l-232 -700h-64l232 700h64zM590 85h-30v-85h-70v85h-135v70l133 265h72v-265h30v-70zM490 155v140l-66 -140h66z" />
<glyph glyph-name="onehalf" unicode="&#xbd;" horiz-adv-x="672"
d="M233 280h-200v70h65v280h-65v70h135v-350h65v-70zM462 700l-232 -700h-64l232 700h64zM557 309v41h-80v-49h-70v59q0 25 17.5 42.5t42.5 17.5h100q25 0 42.5 -17.5t17.5 -42.5v-51q0 -16 -4 -26.5t-12 -20.5l-134 -172v-20h150v-70h-220v90q0 16 4 26.5t12 20.5z" />
<glyph glyph-name="threequarters" unicode="&#xbe;" horiz-adv-x="667"
d="M265 340q0 -25 -17.5 -42.5t-42.5 -17.5h-100q-25 0 -42.5 17.5t-17.5 42.5v65h70v-55h80v117h-90v70h90v93h-80v-55h-70v65q0 25 17.5 42.5t42.5 17.5h100q25 0 42.5 -17.5t17.5 -42.5v-92q0 -35 -30 -47q30 -11 30 -46v-115zM506 700l-232 -700h-64l232 700h64zM634 85
h-30v-85h-70v85h-135v70l133 265h72v-265h30v-70zM534 155v140l-66 -140h66z" />
<glyph glyph-name="questiondown" unicode="&#xbf;"
d="M284 420q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM400 -130q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v84q0 48 49 97l115 115l-52 54l72 72l54 -52q26 -26 26 -67q0 -47 -30 -77l-134 -134v-92h150v100
h100v-100z" />
<glyph glyph-name="Agrave" unicode="&#xc0;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM320 798l-44 -44l-125 125l44 44z" />
<glyph glyph-name="Aacute" unicode="&#xc1;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM310 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Acircumflex" unicode="&#xc2;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM350 798l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="Atilde" unicode="&#xc3;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM83 828l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="Adieresis" unicode="&#xc4;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM365 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM205 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5
t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="Aring" unicode="&#xc5;"
d="M438 0h-106l-20 100h-174l-20 -100h-106l150 700h126zM292 200l-65 326l-69 -326h134zM309 827q0 -35 -24 -59.5t-59 -24.5t-59.5 24.5t-24.5 59.5t24.5 59t59.5 24t59 -24t24 -59zM262 827q0 14 -11 24.5t-25 10.5t-24.5 -10.5t-10.5 -24.5t10.5 -25t24.5 -11t25 11
t11 25z" />
<glyph glyph-name="AE" unicode="&#xc6;" horiz-adv-x="655"
d="M630 0h-300v100h-174l-40 -100h-116l307 700h323v-100h-200v-180h150v-100h-150v-220h200v-100zM330 200v326l-134 -326h134z" />
<glyph glyph-name="Ccedilla" unicode="&#xc7;"
d="M299 -93q0 -25 -18 -43.5t-43 -18.5h-87v62h86v28h-61v65h-26q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-500h150v100h100v-100q0 -42 -29 -71t-71 -29h-62v-30h61v-63z" />
<glyph glyph-name="Egrave" unicode="&#xc8;" horiz-adv-x="387"
d="M350 0h-300v700h300v-100h-200v-180h150v-100h-150v-220h200v-100zM295 798l-44 -44l-125 125l44 44z" />
<glyph glyph-name="Eacute" unicode="&#xc9;" horiz-adv-x="387"
d="M350 0h-300v700h300v-100h-200v-180h150v-100h-150v-220h200v-100zM285 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Ecircumflex" unicode="&#xca;" horiz-adv-x="387"
d="M350 0h-300v700h300v-100h-200v-180h150v-100h-150v-220h200v-100zM325 798l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="Edieresis" unicode="&#xcb;" horiz-adv-x="387"
d="M350 0h-300v700h300v-100h-200v-180h150v-100h-150v-220h200v-100zM340 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM180 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5
t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="Igrave" unicode="&#xcc;" horiz-adv-x="200"
d="M150 0h-100v700h100v-700zM197 798l-44 -44l-125 125l44 44z" />
<glyph glyph-name="Iacute" unicode="&#xcd;" horiz-adv-x="200"
d="M150 0h-100v700h100v-700zM187 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Icircumflex" unicode="&#xce;" horiz-adv-x="200"
d="M150 0h-100v700h100v-700zM227 798l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="Idieresis" unicode="&#xcf;" horiz-adv-x="200"
d="M150 0h-100v700h100v-700zM242 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM82 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="Eth" unicode="&#xd0;"
d="M300 100v500h-150v-199h67v-62h-67v-239h150zM400 100q0 -42 -29 -71t-71 -29h-250v339h-66v62h66v299h250q42 0 71 -29t29 -71v-500z" />
<glyph glyph-name="Ntilde" unicode="&#xd1;"
d="M400 0h-88l-162 458v-458h-100v700h108l142 -412v412h100v-700zM83 828l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="Ograve" unicode="&#xd2;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150zM320 798l-44 -44l-125 125l44 44z" />
<glyph glyph-name="Oacute" unicode="&#xd3;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150zM310 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Ocircumflex" unicode="&#xd4;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150zM350 798l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="Otilde" unicode="&#xd5;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150zM83 828l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="Odieresis" unicode="&#xd6;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-500zM300 100v500h-150v-500h150zM365 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM205 838
q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="multiply" unicode="&#xd7;" horiz-adv-x="448"
d="M399 347l-112 -112l109 -109l-64 -63l-108 109l-108 -108l-64 64l108 107l-110 110l63 64l111 -110l111 112z" />
<glyph glyph-name="Oslash" unicode="&#xd8;"
d="M415 774l-41 -107q26 -29 26 -67v-500q0 -42 -29 -71t-71 -29h-150q-18 0 -39 8l-33 -82h-44l42 107q-26 29 -26 67v500q0 42 29 71t71 29h150q18 0 39 -8l32 82h44zM302 600h-152v-388zM300 100v388l-153 -388h153z" />
<glyph glyph-name="Ugrave" unicode="&#xd9;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v600h100v-600h150v600h100v-600zM320 798l-44 -44l-125 125l44 44z" />
<glyph glyph-name="Uacute" unicode="&#xda;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v600h100v-600h150v600h100v-600zM310 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Ucircumflex" unicode="&#xdb;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v600h100v-600h150v600h100v-600zM350 798l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="Udieresis" unicode="&#xdc;"
d="M400 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v600h100v-600h150v600h100v-600zM365 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM205 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5
t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="Yacute" unicode="&#xdd;" horiz-adv-x="400"
d="M400 700l-151 -430v-270h-100v270l-149 430h110l90 -320l90 320h110zM285 879l-125 -125l-44 44l125 125z" />
<glyph glyph-name="Thorn" unicode="&#xde;" horiz-adv-x="425"
d="M400 242q0 -21 -8 -39.5t-21.5 -32t-31.5 -21t-39 -7.5h-150v-142h-100v700h100v-138h150q42 0 71 -29t29 -71v-220zM300 242v220h-150v-220h150z" />
<glyph glyph-name="germandbls" unicode="&#xdf;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-61v90h61v290h-61v90h61v140h-120v-610h-90v610q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-108q0 -57 -50 -77q50 -18 50 -77v-258z" />
<glyph glyph-name="agrave" unicode="&#xe0;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM285 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="aacute" unicode="&#xe1;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM277 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="acircumflex" unicode="&#xe2;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM317 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="atilde" unicode="&#xe3;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM50 598l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54
q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="adieresis" unicode="&#xe4;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM332 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5
t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM172 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="aring" unicode="&#xe5;" horiz-adv-x="390"
d="M340 0h-90v38q-5 -19 -25 -28.5t-34 -9.5h-59q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h176q38 0 64 -26t26 -64v-380zM250 90v110h-119v-110h119zM276 597q0 -35 -24 -59.5t-59 -24.5t-59.5 24.5t-24.5 59.5t24.5 59
t59.5 24t59 -24t24 -59zM229 597q0 14 -11 24.5t-25 10.5t-24.5 -10.5t-10.5 -24.5t10.5 -25t24.5 -11t25 11t11 25z" />
<glyph glyph-name="ae" unicode="&#xe6;" horiz-adv-x="600"
d="M132 0q-18 0 -35 7t-29.5 19.5t-20 29t-7.5 34.5v110q0 42 26 66t64 24h61q48 0 59 -38v128h-176v90h161q52 0 60 -48q7 48 61 48h104q38 0 64 -26t26 -64v-200h-210v-90h177v-90h-161q-54 0 -61 48q-8 -48 -60 -48h-103zM460 270v110h-120v-110h120zM250 90v110h-119
v-110h119z" />
<glyph glyph-name="ccedilla" unicode="&#xe7;" horiz-adv-x="400"
d="M274 -93q0 -25 -18 -43.5t-43 -18.5h-87v62h86v28h-61v65h-11q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-90h-90v90h-120v-290h120v90h90v-90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-47v-30h61v-63z" />
<glyph glyph-name="egrave" unicode="&#xe8;" horiz-adv-x="400"
d="M350 180h-210v-90h177v-90h-177q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-200zM260 270v110h-120v-110h120zM295 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="eacute" unicode="&#xe9;" horiz-adv-x="400"
d="M350 180h-210v-90h177v-90h-177q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-200zM260 270v110h-120v-110h120zM285 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="ecircumflex" unicode="&#xea;" horiz-adv-x="400"
d="M350 180h-210v-90h177v-90h-177q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-200zM260 270v110h-120v-110h120zM325 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="edieresis" unicode="&#xeb;" horiz-adv-x="400"
d="M350 180h-210v-90h177v-90h-177q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-200zM260 270v110h-120v-110h120zM340 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5
t17.5 -42.5zM180 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="igrave" unicode="&#xec;" horiz-adv-x="190"
d="M140 0h-90v470h90v-470zM192 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="iacute" unicode="&#xed;" horiz-adv-x="190"
d="M140 0h-90v470h90v-470zM182 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="icircumflex" unicode="&#xee;" horiz-adv-x="190"
d="M140 0h-90v470h90v-470zM222 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="idieresis" unicode="&#xef;" horiz-adv-x="190"
d="M140 0h-90v470h90v-470zM237 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM77 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="eth" unicode="&#xf0;" horiz-adv-x="400"
d="M260 90v290h-120v-290h120zM342 600l-54 -25l35 -73q16 -32 21.5 -62t5.5 -60v-290q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h54q36 0 53 -20l-40 87l-56 -26l-38 82l55 26l-38 81h99
l20 -44l55 26z" />
<glyph glyph-name="ntilde" unicode="&#xf1;" horiz-adv-x="400"
d="M350 0h-90v380h-120v-380h-90v470h90v-46q16 46 72 46h48q38 0 64 -26t26 -64v-380zM58 598l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="ograve" unicode="&#xf2;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120zM295 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="oacute" unicode="&#xf3;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120zM285 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="ocircumflex" unicode="&#xf4;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120zM325 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="otilde" unicode="&#xf5;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120zM58 598l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54
q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="odieresis" unicode="&#xf6;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v290q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-290zM260 90v290h-120v-290h120zM340 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5
t42.5 17.5t42.5 -17.5t17.5 -42.5zM180 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="divide" unicode="&#xf7;" horiz-adv-x="448"
d="M281 405q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM281 65q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM24 190v90h400v-90h-400z" />
<glyph glyph-name="oslash" unicode="&#xf8;" horiz-adv-x="400"
d="M386 523l-52 -91q16 -23 16 -52v-290q0 -37 -26.5 -63.5t-63.5 -26.5h-120q-22 0 -46 12l-36 -65h-43l52 91q-17 23 -17 52v290q0 37 26.5 63.5t63.5 26.5h120q23 0 46 -12l37 65h43zM262 380h-122v-217zM260 90v217l-121 -217h121z" />
<glyph glyph-name="ugrave" unicode="&#xf9;" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v380h90v-380h120v380h90v-470zM295 568l-44 -44l-125 125l44 44z" />
<glyph glyph-name="uacute" unicode="&#xfa;" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v380h90v-380h120v380h90v-470zM285 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="ucircumflex" unicode="&#xfb;" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v380h90v-380h120v380h90v-470zM325 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="udieresis" unicode="&#xfc;" horiz-adv-x="400"
d="M350 0h-90v46q-16 -46 -72 -46h-48q-37 0 -63.5 26.5t-26.5 63.5v380h90v-380h120v380h90v-470zM340 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM180 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5
t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="yacute" unicode="&#xfd;" horiz-adv-x="376"
d="M364 470l-174 -620h-96l46 150l-128 470h96l80 -336l80 336h96zM275 649l-125 -125l-44 44l125 125z" />
<glyph glyph-name="thorn" unicode="&#xfe;" horiz-adv-x="400"
d="M350 90q0 -37 -26.5 -63.5t-63.5 -26.5h-48q-56 0 -72 46v-196h-90v850h90v-276q16 46 72 46h48q37 0 63.5 -26.5t26.5 -63.5v-290zM260 90v290h-120v-290h120z" />
<glyph glyph-name="ydieresis" unicode="&#xff;" horiz-adv-x="376"
d="M364 470l-174 -620h-96l46 150l-128 470h96l80 -336l80 336h96zM330 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM170 608q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5
t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="dotlessi" unicode="&#x131;" horiz-adv-x="190"
d="M140 0h-90v470h90v-470z" />
<glyph glyph-name="OE" unicode="&#x152;" horiz-adv-x="625"
d="M600 0h-251v54q-4 -22 -20 -38t-41 -16h-138q-42 0 -71 29t-29 71v500q0 42 29 71t71 29h138q25 0 41 -16t20 -38v54h251v-100h-200v-180h150v-100h-150v-220h200v-100zM300 100v500h-150v-500h150z" />
<glyph glyph-name="oe" unicode="&#x153;" horiz-adv-x="610"
d="M260 380h-120v-290h120v290zM470 380h-120v-110h120v110zM245 470q27 0 42.5 -12t18.5 -29q3 17 18 29t42 12h104q38 0 64 -26t26 -64v-200h-210v-90h177v-90h-161q-27 0 -42.5 12t-18.5 29q-3 -17 -18 -29t-42 -12h-105q-38 0 -64 26t-26 64v290q0 38 26 64t64 26h105z
" />
<glyph glyph-name="Scaron" unicode="&#x160;"
d="M352 309q48 -47 48 -106v-103q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v100h100v-100h150v116l-202 201q-48 47 -48 106v77q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-90zM225 754l-125 125l44 44l81 -81l81 81l44 -44z" />
<glyph glyph-name="scaron" unicode="&#x161;" horiz-adv-x="400"
d="M350 90q0 -18 -7 -34.5t-19 -29t-28.5 -19.5t-35.5 -7h-120q-37 0 -63.5 26.5t-26.5 63.5v70h90v-70h120v70l-140 66q-70 33 -70 90v64q0 19 7 35.5t19.5 28.5t29 19t34.5 7h120q38 0 64 -26t26 -64v-70h-90v70h-120v-60l128 -60q82 -37 82 -92v-78zM200 524l-125 125
l44 44l81 -81l81 81l44 -44z" />
<glyph glyph-name="Ydieresis" unicode="&#x178;" horiz-adv-x="400"
d="M400 700l-151 -430v-270h-100v270l-149 430h110l90 -320l90 320h110zM340 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM180 838q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5
t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="Zcaron" unicode="&#x17d;" horiz-adv-x="432"
d="M395 0h-358v100l236 500h-228v100h342v-100l-236 -500h244v-100zM216 754l-125 125l44 44l81 -81l81 81l44 -44z" />
<glyph glyph-name="zcaron" unicode="&#x17e;" horiz-adv-x="350"
d="M325 0h-300v90l184 290h-176v90h286v-90l-184 -290h190v-90zM177 524l-125 125l44 44l81 -81l81 81l44 -44z" />
<glyph glyph-name="florin" unicode="&#x192;" horiz-adv-x="311"
d="M286 310h-91v-370q0 -38 -26 -64t-64 -26h-90v90h90v370h-89v90h89v210q0 19 7 35.5t19.5 28.5t29 19t34.5 7h91v-90h-91v-210h91v-90z" />
<glyph glyph-name="circumflex" unicode="&#x2c6;" horiz-adv-x="400"
d="M325 568l-44 -44l-81 81l-81 -81l-44 44l125 125z" />
<glyph glyph-name="caron" unicode="&#x2c7;" horiz-adv-x="400"
d="M200 524l-125 125l44 44l81 -81l81 81l44 -44z" />
<glyph glyph-name="ring" unicode="&#x2da;" horiz-adv-x="400"
d="M283 597q0 -35 -24 -59.5t-59 -24.5t-59.5 24.5t-24.5 59.5t24.5 59t59.5 24t59 -24t24 -59zM236 597q0 14 -11 24.5t-25 10.5t-24.5 -10.5t-10.5 -24.5t10.5 -25t24.5 -11t25 11t11 25z" />
<glyph glyph-name="tilde" unicode="&#x2dc;" horiz-adv-x="400"
d="M58 598l54 54q18 18 44 18t44 -18l46 -45l54 54l43 -44l-54 -54q-18 -18 -44 -18t-44 18l-46 45l-53 -53z" />
<glyph glyph-name="endash" unicode="&#x2013;"
d="M425 190h-400v90h400v-90z" />
<glyph glyph-name="emdash" unicode="&#x2014;" horiz-adv-x="654"
d="M629 190h-604v90h604v-90z" />
<glyph glyph-name="quoteleft" unicode="&#x2018;" horiz-adv-x="200"
d="M152 549q0 -25 -17.5 -42.5t-42.5 -17.5q-24 0 -42 17t-18 41q0 12 8 30l56 122h48l-30 -96q36 -13 38 -54z" />
<glyph glyph-name="quoteright" unicode="&#x2019;" horiz-adv-x="200"
d="M160 652q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41z" />
<glyph glyph-name="quotesinglbase" unicode="&#x201a;" horiz-adv-x="200"
d="M160 52q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41z" />
<glyph glyph-name="quotedblleft" unicode="&#x201c;" horiz-adv-x="351"
d="M315 549q0 -25 -17.5 -42.5t-42.5 -17.5q-24 0 -42 17t-18 41q0 12 8 30l56 122h48l-30 -96q36 -13 38 -54zM156 549q0 -25 -17.5 -42.5t-42.5 -17.5q-24 0 -42 17t-18 41q0 12 8 30l56 122h48l-30 -96q36 -13 38 -54z" />
<glyph glyph-name="quotedblright" unicode="&#x201d;" horiz-adv-x="346"
d="M310 652q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41zM156 652q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41z" />
<glyph glyph-name="quotedblbase" unicode="&#x201e;" horiz-adv-x="354"
d="M314 52q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41zM160 52q0 -12 -8 -30l-56 -122h-48l30 96q-38 14 -38 54q0 25 17.5 42.5t42.5 17.5q24 0 42 -17t18 -41z" />
<glyph glyph-name="dagger" unicode="&#x2020;" horiz-adv-x="348"
d="M323 519h-117v-319h-64v319h-117v64h117v117h64v-117h117v-64z" />
<glyph glyph-name="daggerdbl" unicode="&#x2021;" horiz-adv-x="348"
d="M323 317h-117v-117h-64v117h-117v64h117v138h-117v64h117v117h64v-117h117v-64h-117v-138h117v-64z" />
<glyph glyph-name="bullet" unicode="&#x2022;" horiz-adv-x="393"
d="M353 235q0 -33 -12.5 -61.5t-33.5 -49.5t-49.5 -33.5t-61.5 -12.5q-32 0 -60.5 12.5t-49.5 33.5t-33.5 49.5t-12.5 61.5t12.5 61.5t33.5 49.5t49.5 33.5t60.5 12.5q33 0 61.5 -12.5t49.5 -33.5t33.5 -49.5t12.5 -61.5z" />
<glyph glyph-name="ellipsis" unicode="&#x2026;" horiz-adv-x="600"
d="M560 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM360 50q0 -25 -17.5 -42.5t-42.5 -17.5t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5zM160 50q0 -25 -17.5 -42.5t-42.5 -17.5
t-42.5 17.5t-17.5 42.5t17.5 42.5t42.5 17.5t42.5 -17.5t17.5 -42.5z" />
<glyph glyph-name="perthousand" unicode="&#x2030;" horiz-adv-x="923"
d="M873 67q0 -28 -19.5 -47.5t-47.5 -19.5h-90q-28 0 -47.5 19.5t-19.5 47.5v217q0 28 19.5 47.5t47.5 19.5h90q28 0 47.5 -19.5t19.5 -47.5v-217zM806 67v217h-90v-217h90zM275 416q0 -28 -19.5 -47.5t-48.5 -19.5h-89q-29 0 -48.5 19.5t-19.5 47.5v217q0 28 20 47.5
t48 19.5h89q28 0 48 -19.5t20 -47.5v-217zM473 700l-232 -700h-64l232 700h64zM599 67q0 -28 -19.5 -47.5t-47.5 -19.5h-90q-28 0 -47.5 19.5t-19.5 47.5v217q0 28 19.5 47.5t47.5 19.5h90q28 0 47.5 -19.5t19.5 -47.5v-217zM207 416v217h-89v-217h89zM532 67v217h-90v-217
h90z" />
<glyph glyph-name="guilsinglleft" unicode="&#x2039;" horiz-adv-x="219"
d="M194 166l-44 -44l-125 125l125 125l44 -44l-81 -81z" />
<glyph glyph-name="guilsinglright" unicode="&#x203a;" horiz-adv-x="219"
d="M194 247l-125 -125l-44 44l81 81l-81 81l44 44z" />
<glyph glyph-name="fraction" unicode="&#x2044;" horiz-adv-x="96"
d="M196 700l-232 -700h-64l232 700h64z" />
<glyph glyph-name="Euro" unicode="&#x20ac;" horiz-adv-x="475"
d="M425 100q0 -42 -29 -71t-71 -29h-150q-42 0 -71 29t-29 71v125h-50v100h50v46h-50v100h50v129q0 42 29 71t71 29h150q42 0 71 -29t29 -71v-100h-100v100h-150v-129h137v-100h-137v-46h137v-100h-137v-125h150v100h100v-100z" />
<glyph glyph-name="trademark" unicode="&#x2122;" horiz-adv-x="443"
d="M393 420h-40v178l-48 -178h-12l-48 178v-178h-40v280h51l43 -165l43 165h51v-280zM165 660h-50v-240h-40v240h-50v40h140v-40z" />
<glyph glyph-name="glyph206" horiz-adv-x="310"
d="M195 309v41h-80v-49h-70v59q0 25 17.5 42.5t42.5 17.5h100q25 0 42.5 -17.5t17.5 -42.5v-51q0 -16 -4 -26.5t-12 -20.5l-134 -172v-20h150v-70h-220v90q0 16 4 26.5t12 20.5z" />
<glyph glyph-name="glyph207" horiz-adv-x="301"
d="M268 85h-30v-85h-70v85h-135v70l133 265h72v-265h30v-70zM168 155v140l-66 -140h66z" />
<glyph glyph-name="glyph225" horiz-adv-x="0"
/>
</font>
</defs></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 48 KiB

BIN
src/styles/hubl-framework/fonts/RefrigeratorDelxW01Bold.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/RefrigeratorDelxW01Bold.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/custom-icons.eot
View File

Binary file not shown.

45
src/styles/hubl-framework/fonts/custom-icons.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 148 KiB

BIN
src/styles/hubl-framework/fonts/custom-icons.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/custom-icons.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/material-design-icons.eot
View File

Binary file not shown.

36
src/styles/hubl-framework/fonts/material-design-icons.svg
View File

@ -1,36 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" >
<svg xmlns="http://www.w3.org/2000/svg">
<defs>
<font id="material-design-icons" horiz-adv-x="24">
<font-face font-family="material-design-icons"
units-per-em="512" ascent="448"
descent="64" />
<missing-glyph horiz-adv-x="0" />
<glyph glyph-name="account-outline"
unicode="&#xF013;"
horiz-adv-x="512" d=" M256 362.6666666666667C303.1466666666667 362.6666666666667 341.3333333333333 324.48 341.3333333333333 277.3333333333334S303.1466666666667 192 256 192S170.6666666666667 230.1866666666667 170.6666666666667 277.3333333333334S208.8533333333333 362.6666666666667 256 362.6666666666667M256 320C232.5333333333334 320 213.3333333333333 300.8 213.3333333333333 277.3333333333334S232.5333333333334 234.6666666666667 256 234.6666666666667S298.6666666666667 253.8666666666667 298.6666666666667 277.3333333333334S279.4666666666667 320 256 320M256 170.6666666666667C312.96 170.6666666666667 426.6666666666667 142.2933333333334 426.6666666666667 85.3333333333334V21.3333333333334H85.3333333333333V85.3333333333334C85.3333333333333 142.2933333333334 199.04 170.6666666666667 256 170.6666666666667M256 130.1333333333333C192.64 130.1333333333333 125.8666666666667 98.9866666666667 125.8666666666667 85.3333333333334V61.8666666666667H386.1333333333334V85.3333333333334C386.1333333333334 98.9866666666667 319.36 130.1333333333333 256 130.1333333333333z" />
<glyph glyph-name="atom"
unicode="&#xF767;"
horiz-adv-x="512" d=" M256 213.3333333333334C267.7333333333334 213.3333333333334 277.3333333333333 203.7333333333334 277.3333333333333 192S267.7333333333334 170.6666666666667 256 170.6666666666667S234.6666666666667 180.2666666666667 234.6666666666667 192S244.2666666666667 213.3333333333334 256 213.3333333333334M90.0266666666667 357.9733333333334C120.5333333333333 388.48 186.6666666666667 374.8266666666667 256 329.3866666666667C325.3333333333333 374.8266666666667 391.4666666666667 388.48 421.9733333333334 357.9733333333334C452.48 327.4666666666667 438.8266666666667 261.3333333333334 393.3866666666667 192C438.8266666666667 122.6666666666667 452.48 56.5333333333333 421.9733333333334 26.0266666666666C391.4666666666667 -4.48 325.3333333333333 9.1733333333333 256 54.6133333333333C186.6666666666667 9.1733333333333 120.5333333333333 -4.48 90.0266666666667 26.0266666666666C59.52 56.5333333333333 73.1733333333333 122.6666666666667 118.6133333333333 192C73.1733333333333 261.3333333333334 59.52 327.4666666666667 90.0266666666667 357.9733333333334M331.52 267.52C344.5333333333333 254.2933333333334 356.48 240.8533333333333 367.5733333333333 227.4133333333334C397.0133333333333 272.8533333333334 407.68 311.8933333333333 391.68 327.68C375.8933333333333 343.68 336.8533333333333 333.0133333333333 291.4133333333333 303.5733333333334C304.8533333333334 292.48 318.2933333333333 280.5333333333334 331.52 267.5200000000001M180.48 116.48C167.4666666666667 129.7066666666667 155.52 143.1466666666667 144.4266666666667 156.5866666666667C114.9866666666667 111.1466666666667 104.32 72.1066666666667 120.32 56.3200000000001C136.1066666666667 40.3200000000001 175.1466666666667 50.9866666666667 220.5866666666667 80.4266666666667C207.1466666666667 91.52 193.7066666666667 103.4666666666667 180.48 116.48M120.32 327.68C104.32 311.8933333333333 114.9866666666667 272.8533333333334 144.4266666666667 227.4133333333334C155.52 240.8533333333334 167.4666666666667 254.2933333333334 180.48 267.52C193.7066666666667 280.5333333333333 207.1466666666667 292.48 220.5866666666667 303.5733333333333C175.1466666666667 333.0133333333333 136.1066666666667 343.68 120.32 327.68M210.7733333333333 146.7733333333333C225.7066666666666 131.84 241.0666666666667 118.1866666666667 256 106.0266666666666C270.9333333333333 118.1866666666667 286.2933333333333 131.84 301.2266666666667 146.7733333333333C316.16 161.7066666666667 329.8133333333334 177.0666666666667 341.9733333333334 192C329.8133333333334 206.9333333333333 316.16 222.2933333333334 301.2266666666667 237.2266666666667C286.2933333333334 252.1600000000001 270.9333333333334 265.8133333333334 256 277.9733333333334C241.0666666666667 265.8133333333334 225.7066666666667 252.1600000000001 210.7733333333333 237.2266666666667C195.84 222.2933333333334 182.1866666666667 206.9333333333334 170.0266666666667 192C182.1866666666667 177.0666666666667 195.84 161.7066666666667 210.7733333333333 146.7733333333333M391.68 56.3200000000001C407.68 72.1066666666667 397.0133333333333 111.1466666666667 367.5733333333333 156.5866666666667C356.48 143.1466666666667 344.5333333333333 129.7066666666667 331.52 116.48C318.2933333333334 103.4666666666667 304.8533333333334 91.52 291.4133333333333 80.4266666666667C336.8533333333333 50.9866666666667 375.8933333333333 40.3200000000001 391.68 56.3200000000001z" />
<glyph glyph-name="cellphone-iphone"
unicode="&#xF120;"
horiz-adv-x="512" d=" M341.3333333333333 64H149.3333333333333V362.6666666666667H341.3333333333333M245.3333333333333 -21.3333333333333C227.6266666666667 -21.3333333333333 213.3333333333333 -7.04 213.3333333333333 10.6666666666667S227.6266666666667 42.6666666666667 245.3333333333333 42.6666666666667S277.3333333333333 28.3733333333333 277.3333333333333 10.6666666666667S263.04 -21.3333333333333 245.3333333333333 -21.3333333333333M330.6666666666667 426.6666666666667H160C130.56 426.6666666666667 106.6666666666667 402.7733333333333 106.6666666666667 373.3333333333334V10.6666666666667C106.6666666666667 -18.7733333333333 130.56 -42.6666666666666 160 -42.6666666666666H330.6666666666667C360.1066666666667 -42.6666666666666 384 -18.7733333333333 384 10.6666666666667V373.3333333333334C384 402.7733333333333 360.1066666666667 426.6666666666667 330.6666666666667 426.6666666666667z" />
<glyph glyph-name="check"
unicode="&#xF12C;"
horiz-adv-x="512" d=" M448 298.6666666666667L192 42.6666666666667L74.6666666666667 160L104.7466666666667 190.0800000000001L192 103.04L417.92 328.7466666666667L448 298.6666666666667z" />
<glyph glyph-name="email-outline"
unicode="&#xF1F0;"
horiz-adv-x="512" d=" M85.3333333333333 362.6666666666667H426.6666666666667C450.1333333333334 362.6666666666667 469.3333333333333 343.4666666666667 469.3333333333333 320V64C469.3333333333333 40.5333333333333 450.1333333333334 21.3333333333334 426.6666666666667 21.3333333333334H85.3333333333333C61.6533333333333 21.3333333333334 42.6666666666667 40.5333333333333 42.6666666666667 64V320C42.6666666666667 343.68 61.6533333333333 362.6666666666667 85.3333333333333 362.6666666666667M256 213.3333333333334L426.6666666666667 320H85.3333333333333L256 213.3333333333334M85.3333333333333 64H426.6666666666667V269.4400000000001L256 162.9866666666667L85.3333333333333 269.4400000000001V64z" />
<glyph glyph-name="link-variant"
unicode="&#xF339;"
horiz-adv-x="512" d=" M225.92 161.92C234.6666666666667 153.6 234.6666666666667 139.9466666666667 225.92 131.6266666666667C217.6 123.3066666666667 203.9466666666667 123.3066666666667 195.6266666666667 131.6266666666667C154.0266666666667 173.2266666666667 154.0266666666667 240.8533333333333 195.6266666666667 282.4533333333334L271.1466666666667 357.9733333333334C312.7466666666667 399.5733333333333 380.3733333333334 399.5733333333333 421.9733333333334 357.9733333333334C463.5733333333333 316.3733333333334 463.5733333333333 248.7466666666667 421.9733333333334 207.1466666666667L390.1866666666667 175.36C390.4000000000001 192.8533333333334 387.6266666666667 210.3466666666667 381.6533333333334 226.9866666666667L391.6800000000001 237.2266666666667C416.8533333333334 262.1866666666667 416.8533333333334 302.7200000000001 391.6800000000001 327.6800000000001C366.7200000000001 352.8533333333334 326.1866666666667 352.8533333333334 301.2266666666667 327.6800000000001L225.9200000000001 252.3733333333334C200.7466666666667 227.4133333333334 200.7466666666667 186.8800000000001 225.9200000000001 161.9200000000001M286.0800000000001 252.3733333333334C294.4000000000001 260.6933333333334 308.0533333333334 260.6933333333334 316.3733333333334 252.3733333333334C357.9733333333334 210.7733333333334 357.9733333333334 143.1466666666667 316.3733333333334 101.5466666666667L240.8533333333334 26.0266666666668C199.2533333333334 -15.5733333333333 131.6266666666667 -15.5733333333333 90.0266666666667 26.0266666666668C48.4266666666667 67.6266666666667 48.4266666666667 135.2533333333335 90.0266666666667 176.8533333333334L121.8133333333334 208.6400000000001C121.6000000000001 191.1466666666668 124.3733333333334 173.6533333333334 130.3466666666667 156.8000000000001L120.3200000000001 146.7733333333334C95.1466666666667 121.8133333333334 95.1466666666667 81.2800000000001 120.3200000000001 56.3200000000001C145.2800000000001 31.1466666666667 185.8133333333334 31.1466666666667 210.7733333333334 56.3200000000001L286.0800000000001 131.6266666666667C311.2533333333334 156.5866666666667 311.2533333333334 197.12 286.0800000000001 222.08C277.3333333333334 230.4000000000001 277.3333333333334 244.0533333333334 286.0800000000001 252.3733333333334z" />
</font>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 9.0 KiB

BIN
src/styles/hubl-framework/fonts/material-design-icons.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/material-design-icons.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/material-design-icons.woff2
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/simple-line-icons.eot
View File

Binary file not shown.

392
src/styles/hubl-framework/fonts/simple-line-icons.svg
View File

@ -1,392 +0,0 @@
<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg">
<metadata>Copyright (C) 2018 by original authors @ fontello.com</metadata>
<defs>
<font id="simple-line-icons" horiz-adv-x="1000" >
<font-face font-family="simple-line-icons" font-weight="400" font-stretch="normal" units-per-em="1000" ascent="850" descent="-150" />
<missing-glyph horiz-adv-x="1000" />
<!--
<glyph glyph-name="outline-person" unicode="&#xf206;" d="M0 0h24v24H0V0z M12 5.9c1.16 0 2.1.94 2.1 2.1s-.94 2.1-2.1 2.1S9.9 9.16 9.9 8s.94-2.1 2.1-2.1m0 9c2.97 0 6.1 1.46 6.1 2.1v1.1H5.9V17c0-.64 3.13-2.1 6.1-2.1M12 4C9.79 4 8 5.79 8 8s1.79 4 4 4 4-1.79 4-4-1.79-4-4-4zm0 9c-2.67 0-8 1.34-8 4v3h16v-3c0-2.66-5.33-4-8-4z" horiz-adv-x="1000" />
-->
<glyph glyph-name="user-female" unicode="&#xe000;" d="M938 66l-272 129c36 18 178 24 189 56 0 0-56 86-69 198-6 43-15 100-24 180-14 130-124 221-262 221h0 0c-138 0-247-91-262-221-9-80-18-137-24-180-13-112-69-198-69-198 12-32 153-38 190-56l-272-129s-63-22-63-74v-82c0-35 28-60 63-60h875c34 0 62 25 62 60v82c0 52-62 74-62 74z m-875-154v80c0 4 11 12 21 15 2 1 3 2 5 3l272 129c22 10 36 32 36 56 0 23-13 45-34 56-22 11-50 16-94 24-10 1-24 4-38 7 18 40 38 96 46 159 1 16 4 34 7 54 4 33 10 76 16 127 11 97 93 166 200 166h0 0c107 0 189-69 200-166 6-51 12-94 16-127 3-20 6-38 8-54 7-63 27-119 45-159-14-3-28-6-38-7-44-8-72-13-93-24-22-11-35-33-35-57 0-23 14-45 36-55l272-129c2-1 3-2 5-3 10-3 20-11 22-15l0-80h-875z" horiz-adv-x="1000" />
<glyph glyph-name="people" unicode="&#xe001;" d="M729 34l-197 109c73 58 93 171 93 234v132c0 88-116 185-233 185-116 0-236-97-236-185v-132c0-57 25-174 99-233l-202-110s-53-23-53-53v-79c0-29 24-53 53-53h676c29 0 52 24 52 53v79c0 32-52 53-52 53z m-10-122h-656v56c4 3 10 7 15 9 2 1 3 2 5 2l201 110c19 10 31 28 33 49s-7 42-23 55c-53 42-75 135-75 184v132c0 45 84 122 173 122 90 0 170-76 170-122v-132c0-49-15-142-69-185-16-13-25-33-23-54 1-21 13-39 32-50l197-109c1-1 4-2 5-2 5-2 11-6 15-9v-56z m228 278l-199 109c73 57 96 171 96 234v132c0 87-119 186-236 186-76 0-153-42-198-94 25-2 54-2 78-10 33 26 75 41 120 41 90 0 173-77 173-123v-132c0-49-18-143-72-185-17-13-25-33-24-54 2-21 14-40 33-50l199-109c2-1 4-2 6-3 5-2 10-5 15-8v-55h-127c19-15 25-35 33-63h103c29 0 53 24 53 53v78c0 31-53 53-53 53z" horiz-adv-x="1000" />
<glyph glyph-name="user-follow" unicode="&#xe002;" d="M63-24c0 25 18 33 26 36l274 130c20 9 33 28 36 49 3 22-6 43-23 56-65 53-95 167-95 228v156c0 66 114 156 219 156 106 0 219-89 219-156v-156c0-60-25-175-93-228-17-13-25-35-23-56 3-22 16-41 36-50l94-44 15 62-83 39c87 68 116 202 116 277v156c0 104-143 219-281 219-138 0-282-115-282-219v-156c0-68 32-206 119-276l-274-130s-63-28-63-62v-94c0-35 28-63 63-63h687v63l-687 0v63z m906 62h-94v93c0 18-14 32-31 32s-32-14-32-32v-93h-93c-18 0-32-14-32-32 0-17 14-31 32-31h93v-94c0-17 14-31 32-31s31 14 31 31v94h94c17 0 31 14 31 31 0 18-14 32-31 32z" horiz-adv-x="1000" />
<glyph glyph-name="user-following" unicode="&#xe003;" d="M62-87l0 63c0 25 19 33 26 36l275 130c19 9 33 27 36 49 2 21-7 43-23 56-65 52-96 167-96 228v156c0 65 114 156 219 156 106 0 219-89 219-156v-156c0-60-25-175-92-228-17-13-26-35-23-56 2-22 16-41 36-50l158-75 37 53-169 79c86 68 115 202 115 277v156c0 104-143 219-281 219s-281-115-281-219v-156c0-68 31-206 118-276l-274-130s-63-28-63-62v-94c0-35 29-63 63-63h625l-51 63z m927 231c-14 10-34 8-44-6l-134-204-83 83c-12 13-32 13-44 0s-12-32 0-44l110-110c12-13 32-13 44 0 3 3 6 6 7 10l149 227c11 13 8 33-5 44z" horiz-adv-x="1000" />
<glyph glyph-name="user-unfollow" unicode="&#xe004;" d="M780 475l0 156c0 104-143 219-281 219-138 0-281-115-281-219v-156c0-68 31-206 118-276l-274-130s-63-28-63-62v-94c0-35 29-63 63-63h594v63l-594 0v63c0 25 19 33 26 36l275 130c19 9 33 28 35 49 3 22-6 43-22 56-65 53-96 167-96 228v156c0 66 114 157 219 157 106 0 219-90 219-157v-156c0-60-25-175-92-228-17-13-26-34-23-56 2-22 16-40 36-50l17-8 28 51-19 14c86 68 115 202 115 277z m123-483l88 88c13 12 13 32 0 44-12 13-32 13-44 0l-88-88-89 88c-12 13-32 13-44 0-12-12-12-32 0-44l89-88-89-89c-12-12-12-32 0-44 12-12 32-12 44 0l89 89 88-89c12-12 32-12 44 0 13 12 13 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="user" unicode="&#xe005;" d="M500 788c106 0 218-90 218-157v-156c0-60-25-175-92-228-17-13-26-34-23-56 3-22 16-40 36-50l272-128c2-1 26-5 26-39l0-61-874 0v63c0 25 18 33 26 37l274 129c20 9 33 28 36 49 3 22-6 43-23 57-65 52-95 166-95 227v156c0 66 114 157 219 157z m0 62c-138 0-282-115-282-219v-156c0-68 32-206 119-276l-274-130s-63-28-63-62v-94c0-35 28-63 63-63h874c35 0 63 28 63 63v94c0 37-63 62-63 62l-272 129c87 68 116 202 116 277v156c0 104-143 219-281 219v0z" horiz-adv-x="1000" />
<glyph glyph-name="trophy" unicode="&#xe006;" d="M719-56h-440c-17 0-31-14-31-31s14-32 31-32h440c17 0 31 14 31 32s-14 31-31 31z m275 787c-3 15-16 25-31 25h-153v31c0 18-14 32-31 32h-562c-18 0-32-14-32-32v-31h-148c-15 0-27-10-30-25-1-4-22-114 39-188 35-43 88-66 158-68 40-118 141-206 262-219v-217h-93c-18 0-32-14-32-32s14-31 32-31h252c18 0 31 14 31 31s-13 32-31 32h-96v217c121 13 222 101 262 219 73 1 128 24 164 68 60 74 39 184 39 188z m-900-149c-27 34-30 83-29 112h120v-106c0-17 2-33 4-49-42 4-74 18-95 43z m653 6c0-149-112-271-249-271-138 0-250 122-250 271v168h499v-168h0z m159-6c-21-26-55-41-100-44 2 17 4 33 4 50v106h125c1-29-1-78-29-112z" horiz-adv-x="1000" />
<glyph glyph-name="speedometer" unicode="&#xe007;" d="M500 815c-275 0-499-224-499-500 0-173 87-331 234-423 15-9 34-5 43 10s5 34-10 43c-53 33-97 76-130 126l33 19c15 8 20 28 11 43-9 15-28 20-43 11l-32-19c-24 49-39 103-43 160h35c17 0 31 14 31 31s-14 31-31 31h-35c5 57 20 112 44 161l31-18c5-3 11-4 16-4 11 0 21 5 27 15 9 15 4 34-11 43l-31 18c31 46 71 85 117 116l17-30c6-10 17-16 27-16 6 0 11 1 16 4 15 9 20 28 11 43l-17 30c48 23 101 38 157 42v-39c0-17 14-31 31-31s32 14 32 31v39c57-4 111-19 160-43l-17-29c-8-15-3-34 12-43 5-3 10-4 15-4 11 0 22 6 27 16l17 29c46-31 85-71 116-116l-29-17c-15-9-20-28-11-43 5-10 16-15 27-15 5 0 10 1 15 4l30 17c24-49 39-104 43-161h-35c-17 0-31-14-31-31s14-31 31-31h35c-4-56-18-109-42-158l-31 18c-15 9-34 3-42-11-9-15-4-35 11-43l31-18c-34-51-80-95-134-129-15-9-19-28-10-43 6-9 16-15 26-15 6 0 12 2 17 5 149 92 237 251 237 425 0 276-224 500-499 500z m231-402c15 8 20 28 11 43-9 14-28 20-43 11l-169-98c-9 5-20 8-31 8-34 0-62-28-62-62 0-35 28-62 62-62 35 0 62 27 62 62 0 0 0 0 0 0z" horiz-adv-x="1000" />
<glyph glyph-name="social-youtube" unicode="&#xe008;" d="M919 665c-27 19-103 45-419 45-339 0-390-30-406-39-86-52-94-280-95-327 2-61 11-264 95-315 16-10 66-39 406-39 316 0 392 26 419 45 73 53 81 234 82 310-1 61-7 266-82 320z m-37-579c-11-8-73-34-382-34-299 0-362 24-374 31-30 18-61 114-64 261 2 148 35 255 65 273 11 7 74 31 373 31 309 0 371-26 382-34 27-19 56-121 56-269 0-151-29-240-56-259z m-178 289l-282 172c-9 6-21 6-31 1-10-6-16-16-16-28v-345c0-11 6-21 16-27 5-3 10-4 15-4 6 0 11 2 16 4l282 173c9 6 15 16 15 27s-6 21-15 27z m-266-144v234l189-117z" horiz-adv-x="1000" />
<glyph glyph-name="social-twitter" unicode="&#xe009;" d="M668 695c52 0 99-21 132-55 40 8 79 22 114 42-14-40-42-74-79-96 36 4 71 14 103 27-24-34-55-65-90-90 0-7 1-15 1-22 0-230-181-496-511-496-102 0-196 29-276 78 14-1 29-2 43-2 84 0 162 28 223 75-78 1-145 51-168 120 11-2 23-3 34-3 17 0 32 2 48 6-83 16-145 87-145 171v3c25-14 52-21 82-22-48 31-80 84-80 145 0 32 9 62 24 87 89-105 221-175 370-182-3 13-4 26-4 40 0 96 80 174 179 174z m270-82h0 0z m-270 145c-122 0-224-90-240-206-100 20-191 73-257 151-12 15-29 23-48 23-1 0-3 0-5-1-20-1-38-12-48-30-22-36-34-77-34-119 0-29 5-56 15-82-10-11-16-26-16-42v-2c0-61 24-118 64-160-2-11-1-22 2-33 14-42 39-79 72-106-22-5-45-8-68-8-12 0-24 1-35 2-3 1-5 1-8 1-26 0-50-17-59-42-9-28 1-58 26-74 93-57 199-88 309-88 355 0 569 279 573 551 29 24 55 52 77 83 8 10 12 23 12 37 0 22-10 40-27 52 8 24 0 50-20 66-11 9-25 14-39 14-11 0-22-3-32-9-20-12-42-21-66-28-42 32-94 50-148 50z" horiz-adv-x="1000" />
<glyph glyph-name="social-tumblr" unicode="&#xe00a;" d="M516 788l0-219h219v-94h-218l-1-272c0-50 3-83 8-97 9-23 39-52 95-52 44 0 103 13 147 46v-145c-37-18-71-25-101-32-30-7-62-11-97-11-38 0-150 1-196 118-8 21-12 51-12 91v354h-126l1 96c41 0 166 25 166 217z m0 62l-115 0c-34 0-62-28-62-62 0-143-80-154-104-154-35 0-63-28-63-63l0-95c0-17 6-33 18-45 12-12 28-18 44-18h64v-292c0-48 5-85 16-114 28-72 95-157 254-157 40 0 77 4 111 12l7 2c29 6 67 15 107 34 22 10 35 32 35 56v146c0 24-13 46-34 56-9 5-19 7-28 7-13 0-27-4-38-13-37-27-84-33-109-33-25 0-34 9-36 11-1 5-4 23-4 75l0 210h156c34 0 62 28 62 62v94c0 35-28 63-62 63h-157v156c0 34-28 62-62 62v0z" horiz-adv-x="1000" />
<glyph glyph-name="social-facebook" unicode="&#xe00b;" d="M568 771c4 0 6 0 6 0h82l-1-93h-81c-44 0-43-39-43-39v-148h157l-22-94h-136v-468h-94l0 468h-124l0 94h124v146c0 127 106 134 132 134z m88 0h0 0z m-88 63c-22 0-66-4-108-29-39-24-86-72-86-168v-84h-62c-17 0-33-6-45-18-11-12-18-28-18-44l0-94c1-34 29-62 63-62h62l0-406c0-35 28-63 62-63h94c35 0 63 28 63 63v406h73c28 0 53 18 60 45l22 93c6 19 2 40-10 55-11 16-30 25-50 25h-95v62l62 0c35 0 63 28 63 62l0 91c0 1 0 2 0 3 0 35-28 63-62 63h-80c-2 0-5 0-8 0z" horiz-adv-x="1000" />
<glyph glyph-name="social-dropbox" unicode="&#xe00c;" d="M999 631c0 10-6 19-14 24l-279 174c-11 7-25 6-36-3l-170-137-170 137c-10 9-25 10-36 3l-279-174c-8-5-14-14-14-24-1-10 3-20 11-27l161-135-138-109c-8-6-13-15-12-25s5-20 14-25l128-86c-7-5-11-13-11-23v-125c0-11 6-21 15-27l315-178c5-3 10-4 16-4s11 1 16 4l311 178c9 6 15 16 15 27v147c0 2 0 4-1 6l122 81c8 5 13 14 13 24 1 10-4 20-11 26l-138 109 161 135c8 7 12 17 11 27z m-280-162l-219-138-219 138 219 142z m-634 156l223 139 139-113-222-144z m140-195l220-138-125-96-213 142z m-8-240l87-58c11-8 26-7 36 1l127 96v-276l-250 141v96z m563-96l-251-143v281l130-99c5-5 12-7 19-7 6 0 12 2 17 6l85 56v-94h0z m112 244l-213-142-124 96 220 138z m-117 169l-222 144 139 113 223-139z" horiz-adv-x="1000" />
<glyph glyph-name="social-dribbble" unicode="&#xe00d;" d="M500 850c-68 0-133-14-193-39-2-1-4-1-6-2-177-77-301-254-301-459 0-276 225-500 500-500 276 0 500 225 500 500 0 276-224 500-500 500z m437-500c0-3 0-7 0-10-48 12-169 36-319 3-13 30-28 61-44 93-2 3-3 5-4 8 160 61 228 145 256 197 69-78 111-179 111-291z m-158 337c-15-35-68-124-239-188-77 141-137 225-171 268 42 13 86 20 131 20 106 0 203-38 279-100z m-470 56c26-32 88-114 171-264-196-59-354-52-409-47 26 137 116 252 238 311h0z m-246-393c0 7 0 13 0 20 19-2 48-4 87-4 84 0 212 11 360 57 3-5 5-11 8-16 14-27 27-54 39-80-27-9-54-19-82-31-179-81-262-196-292-247-74 79-120 185-120 301z m168-344c15 30 88 151 270 233 27 12 54 22 80 30 59-151 80-275 86-323-51-21-108-33-167-33-102 0-195 35-269 93z m495-30c-9 60-31 173-84 308 145 29 260 1 289-8-22-127-98-235-205-300z" horiz-adv-x="1000" />
<glyph glyph-name="shield" unicode="&#xe00e;" d="M887 709c-12 11-27 17-43 17-1 0-3 0-4 0-1 0-11-1-27-1-26 0-77 2-125 14-62 15-134 86-155 100-10 7-22 10-34 10-12 0-25-3-35-10-3-2-78-82-151-100-48-12-100-14-126-14-16 0-26 1-27 1-1 0-3 0-4 0-16 0-31-6-43-17-12-12-20-28-20-46v-156c0-578 379-652 395-655 3-1 7-1 11-1 3 0 7 0 11 1 16 3 397 77 397 655v156c0 18-8 34-20 46z m-43-202c0-532-345-594-345-594s-343 62-343 594v156s12-1 31-1c33 0 88 3 141 16 86 21 171 109 171 109s88-88 174-109c53-13 107-16 140-16 19 0 31 1 31 1s0-20 0-156h0z m-212 5c-12 12-32 12-44 0l-88-88-88 88c-13 12-32 12-45 0s-12-32 0-44l89-89-89-88c-12-12-12-32 0-44s32-12 45 0l88 88 88-88c12-12 32-12 44 0s13 32 0 44l-88 88 88 89c13 12 13 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="screen-tablet" unicode="&#xe00f;" d="M813 850h-626c-51 0-93-42-93-94v-812c0-52 42-94 93-94h626c51 0 93 42 93 94v812c0 52-42 94-93 94z m31-906c0-18-14-32-31-32h-626c-17 0-31 14-31 32v812c0 18 14 32 31 32h626c17 0 31-14 31-32v-812z m-344 125c-34 0-62-28-62-63s28-62 62-62c35 0 62 28 62 62 0 35-27 63-62 63z m63 687h-125c-18 0-32-14-32-31s14-31 32-31h125c17 0 31 14 31 31s-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="screen-smartphone" unicode="&#xe010;" d="M688 850h-376c-51 0-93-42-93-94v-812c0-52 42-94 93-94h376c51 0 93 42 93 94v812c0 52-42 94-93 94z m31-906c0-18-14-32-31-32h-376c-17 0-31 14-31 32v812c0 18 14 32 31 32h376c17 0 31-14 31-32v-812z m-219 125c-34 0-62-28-62-63s28-62 62-62c35 0 62 28 62 62 0 35-27 63-62 63z m63 687h-125c-18 0-32-14-32-31s14-31 32-31h125c17 0 31 14 31 31s-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="screen-desktop" unicode="&#xe011;" d="M938 756h-875c-35 0-63-28-63-62v-531c0-35 28-63 63-63h406v-94h-156c-18 0-32-14-32-31s14-31 32-31h375c17 0 31 14 31 31 0 17-14 31-31 31h-157v94h407c34 0 62 28 62 63v531c0 34-28 62-62 62z m0-593h-875v531h875v-531z" horiz-adv-x="1000" />
<glyph glyph-name="plane" unicode="&#xe012;" d="M912 786c11 0 18-2 22-4 4-12 10-54-34-99l-226-225 2-28c3-59 10-164 15-254 5-80 10-155 10-162 0-4 0-5-4-10-9-12-26-31-41-46-22 60-70 188-96 260l-33 92-70-69-127-123-18-18-1-25c0-20 0-56 0-87 0-22 0-42 0-54 0 0 4-1 4-1-3 4-6 9-9 14-25 41-61 97-72 115l-8 13-13 8c-47 29-100 62-132 82 1 1 2-2 3-2h2c10 0 27 0 45-1 25 0 53 0 74 0 8 0 15 0 21 0l25 0 18 18 122 127 70 69-92 34c-69 25-201 74-263 98 16 14 35 32 46 41 3 2 6 4 7 4l3 0c7-1 92-6 175-12 88-5 187-12 243-16l28-1 226 225c32 32 63 37 78 37z m0 62c-36 0-82-14-122-54l-206-206c-116 7-412 27-420 27-1 0-3 0-5 0-10 0-27-2-47-18-23-19-71-64-71-64-12-12-17-27-16-40 1-8 5-23 25-31 13-5 207-78 297-111l-122-127c-6 0-13 0-20 0-38 0-96 1-119 1-3 0-6 0-7 0-7 0-22 4-61-29l-2-2c-12-12-15-23-15-31 0-8 2-19 13-28 7-6 95-62 167-106 17-28 96-154 101-161 6-10 15-16 27-16h1c12 0 24 6 35 17 33 38 28 54 28 61 1 20 0 109 1 144l127 123c33-90 104-283 109-295 8-20 23-25 31-25 1 0 3-1 4-1 13 0 25 6 36 17 0 0 45 48 64 71 19 23 19 43 18 53 0 6-18 301-25 417l206 205c73 73 61 161 34 188-12 12-36 21-66 21z" horiz-adv-x="1000" />
<glyph glyph-name="notebook" unicode="&#xe013;" d="M829 850h-623c-45 0-64-33-64-64v-125h-34c-17 0-31-13-31-30 0-17 14-31 31-31h34v-126h-31c-17 0-31-13-31-30 0-17 14-31 31-31h31v-126h-32c-17 0-31-14-31-31s14-31 31-31h32v-125h-32c-17 0-31-14-31-31s14-30 31-30h32v-127c0-51 40-62 63-62h624c52 0 94 42 94 94v812c0 52-42 94-94 94z m-625-938l0 127h33c17 0 30 14 30 30 0 17-13 31-30 31h-33v125h33c17 0 30 14 30 31s-13 31-30 31h-33v126h34c16 0 30 14 30 31 0 17-14 30-30 30h-34v126h31c16 0 30 14 30 31 0 17-14 30-30 30h-31v125c0 0 0 1 0 1 1 1 2 1 2 1h498v-876h-500z m657 32c0-18-14-32-32-32h-62v876h62c18 0 32-14 32-32v-812z" horiz-adv-x="1000" />
<glyph glyph-name="mustache" unicode="&#xe014;" d="M774 131c-99 0-155 46-192 77-13 11-25 21-36 31-17 14-37 32-44 35-1 0-4 0-4 0-1 0-4-1-4-1-5-2-23-17-37-29-13-11-28-24-44-36l-3-3c-43-33-95-74-189-74-69 0-137 31-178 82-27 34-56 93-38 181 2 11 10 19 20 23 10 4 22 2 30-5 1-1 22-17 58-17 18 0 36 4 55 12 33 15 56 55 80 83 33 37 71 79 133 80 43 0 82-16 117-48 34 31 73 47 115 47 63 0 102-42 136-80 25-27 48-67 81-82 19-8 37-12 56-12 37 0 60 16 61 17 8 7 20 8 30 4 9-4 17-12 19-23 16-87-13-146-40-179-42-52-112-83-182-83z m-275 206c1 0 3-1 4-1 0 0 5 0 5 0 0 0 3 0 3 0 23-4 44-22 76-50 10-9 22-19 34-30 34-28 76-63 153-63 52 0 104 23 134 60 20 25 30 54 31 87-15-5-33-8-53-8-27 0-54 6-81 18-44 20-75 67-101 97-34 37-57 59-90 60-45 0-75-29-93-50-6-7-14-11-23-11v0c-9 0-18 4-24 11-18 21-47 50-91 50-35 0-56-23-89-59-27-30-57-78-101-98-27-12-54-18-80-18-20 0-38 4-52 8 0-34 10-63 30-88 29-36 79-59 130-59 72 0 112 32 151 62l3 2c16 12 30 24 42 35 28 24 46 39 66 43v0c0 0 9 2 16 2z" horiz-adv-x="1000" />
<glyph glyph-name="mouse" unicode="&#xe015;" d="M502 850c-155 0-283-125-283-280v-440c0-155 128-280 283-280s279 125 279 280v440c0 155-125 280-279 280v0z m217-720c0-120-98-218-217-218s-221 98-221 218v440c0 120 101 218 221 218s217-98 217-218v-440z m-219 533c-17 0-31-14-31-32v-156c0-17 14-31 31-31 18 0 32 14 32 31v156c0 18-14 32-32 32z" horiz-adv-x="1000" />
<glyph glyph-name="magnet" unicode="&#xe016;" d="M938 791v29c0 17-14 31-31 31h-220c-17 0-31-14-31-31v-128c0 0 0 0 0 0v-388c0-94-53-171-147-171s-165 77-165 171v487h0v29c0 17-14 31-31 31h-220c-17 0-31-14-31-31v-128c0-1 1-1 1-2v-401c0-243 194-440 437-440 243 0 438 197 438 440v502z m-63-3v-125h-156v125h156z m-593 0v-125h-157v125h157z m218-876c-208 0-375 169-375 377v312h157v-297c0-129 98-233 227-233s209 104 209 233v297h157v-312c0-208-167-377-375-377z" horiz-adv-x="1000" />
<glyph glyph-name="magic-wand" unicode="&#xe017;" d="M997 431l-101 150 50 174c3 11 0 23-8 31-8 8-20 11-31 8l-174-51-151 102c-9 6-21 7-31 2-10-6-17-16-17-27l-6-182-143-112c-9-7-13-18-11-29s9-21 20-25l134-48c-1-1-2-1-3-2l-518-519c-12-12-12-32 0-44 6-6 14-9 22-9 8 0 16 3 22 9l519 519c2 2 3 4 5 6l52-144c4-11 13-18 25-20 1 0 3 0 4 0 10 0 19 4 25 12l111 143 180 7c11 0 22 7 27 17 5 10 4 22-2 32z m-222 6c-9 0-17-4-23-12l-86-110-47 131c-4 9-10 16-19 19l-132 47 110 86c8 6 12 14 12 24l4 139 116-78c8-5 18-7 27-4l134 39-39-134c-2-9-1-19 4-26l79-116z" horiz-adv-x="1000" />
<glyph glyph-name="hourglass" unicode="&#xe018;" d="M814 787h-63v-210c0-102-56-179-174-240 123-62 175-139 175-253 0-74-1-137-1-171h63c17 0 31-14 31-31s-14-31-31-31h-627c-18 0-32 14-32 31s14 31 32 31h64c0 34-1 97-1 171 0 114 51 191 174 253-118 61-173 138-173 240v210h-64c-18 0-32 14-32 31 0 17 14 31 32 31h627c17 0 31-14 31-31 0-17-14-31-31-31z m-501-703c0-74 0-137 0-171h376c0 34 0 97 0 171 0 87-32 154-189 219-156-65-187-132-187-219z m375 703h-374v-210c0-60 20-138 186-206 167 68 188 146 188 206v210z" horiz-adv-x="1000" />
<glyph glyph-name="graduation" unicode="&#xe019;" d="M968 170v252l15 8c11 6 17 16 17 28 0 11-6 22-16 28l-470 251c-10 5-21 5-30 0l-468-252c-10-5-16-16-16-27s6-22 16-28l206-109c-3-5-4-10-4-15v-265c0-9 3-17 10-23 7-6 72-59 270-59 198 0 265 50 272 56 7 6 11 14 11 24v271c0 4-1 9-2 12l126 67v-219c-18-11-31-31-31-54 0-34 28-62 63-62s62 28 62 62c0 23-13 43-31 54z m-249-113c-25-12-90-35-221-35-131 0-195 24-218 36v232l203-108c5-3 10-4 15-4 5 0 10 1 14 4l207 109v-234z m-221 188l-402 213 403 216 404-215z" horiz-adv-x="1000" />
<glyph glyph-name="ghost" unicode="&#xe01a;" d="M500 850c-224 0-406-195-406-435v-534c0-13 8-24 20-29 4-2 8-2 11-2 9 0 17 3 24 10l117 130 92-127c6-8 16-13 26-13h0c10 0 19 4 25 12l92 125 91-124c6-8 16-13 26-13 10 0 19 5 25 13l93 127 115-130c9-9 23-13 35-8 12 4 20 16 20 29v534c0 240-182 435-406 435z m344-887l-87 97c-6 7-15 11-25 11-9-1-18-5-23-13l-91-124-91 124c-6 8-15 13-25 13h0c-10 0-20-5-25-13l-93-124-90 124c-5 8-14 12-23 13-1 0-1 0-2 0-9 0-17-4-23-10l-89-99v453c0 206 154 373 343 373 189 0 343-167 343-373v-452h1z m-188 543c-34 0-62-28-62-62 0-35 28-63 62-63s63 28 63 63c0 34-28 62-63 62z m-312 0c-35 0-63-28-63-62 0-35 28-63 63-63s62 28 62 63c0 34-28 62-62 62z" horiz-adv-x="1000" />
<glyph glyph-name="game-controller" unicode="&#xe01b;" d="M726 776c-25 12-49 23-70 34-55 27-105 41-153 41-96 0-163-55-204-97l-202-202c-108-109-126-219-56-358 11-21 22-45 33-70 64-135 129-275 236-275 3 0 6 0 9 0 110 9 142 151 169 276 5 20 9 39 13 56 7 30 22 48 62 88l6 6 3 3 9 9c40 40 58 55 88 62 17 5 36 9 55 13 126 28 268 59 276 170 9 112-135 179-274 244z m210-239c-6-78-180-101-284-127-46-11-74-36-116-78-3-3-6-6-9-9-3-3-6-6-9-9-42-42-66-70-78-116-26-103-49-278-127-284-1 0-3 0-4 0-83 0-152 187-213 310-63 124-36 205 44 285 15 15 34 35 58 58 24 24 52 52 86 86 23 23 42 42 57 58 50 49 100 78 160 78 37 0 78-10 125-34 125-62 317-133 310-218z m-468-30h62v63h-62v-63z m0 94h62v62h-62v-62z m93 0h63v62h-63v-62z m0-94h63v63h-63v-63z m-239-188l24 24c12 12 12 31 0 43-12 11-31 11-42 0l-24-24-24 24c-12 11-31 11-42 0s-12-31 0-43l23-24-23-23c-12-12-12-31 0-43s30-12 42 0l24 24 24-25c12-11 31-11 43 0s11 31 0 43z" horiz-adv-x="1000" />
<glyph glyph-name="fire" unicode="&#xe01c;" d="M497-149c-236 0-403 163-403 388 0 120 72 248 75 254 6 11 18 17 31 16 12-2 23-11 26-23 0-1 19-73 45-114 17-27 34-46 54-59-13 57-23 144-7 232 45 243 236 301 245 303 10 3 21 0 29-7 8-7 12-18 10-29 0-2-32-171 35-316 6-13 15-29 24-44 2 21 6 43 13 65 24 86 88 115 90 116 11 5 23 4 32-4 10-7 14-18 12-30-1-2-9-60 40-143 45-75 58-124 58-217 0-225-172-388-409-388z m-306 542c-17-43-35-100-35-154 0-189 141-326 341-326 201 0 347 137 347 326 0 82-10 120-49 185-26 43-39 82-45 113-6-10-12-22-16-37-19-67-15-145-15-145 1-14-7-27-20-32s-28 0-36 11c-3 4-58 82-83 135-51 110-50 229-45 298-51-30-130-97-155-234-25-132 23-265 23-266 5-11 2-23-5-32-8-9-20-12-31-10-4 1-92 24-149 114-10 16-19 35-27 54z" horiz-adv-x="1000" />
<glyph glyph-name="eyeglass" unicode="&#xe01d;" d="M1001 214c-1 13-51 311-59 359-1 5-2 10-2 15-7 48-18 137-162 137-17 0-31-14-31-31s14-31 31-31c89 0 94-37 100-83 0-6 1-12 2-17 4-22 20-110 35-196-37 28-83 44-132 44-80 0-151-43-190-106-19 7-51 15-93 15-42 0-73-8-92-16-38 64-108 107-188 107-52 0-100-18-138-48 14 88 31 177 35 200 1 5 2 11 2 17 6 46 11 83 100 83 17 0 31 14 31 31s-14 31-31 31c-144 0-156-89-162-137 0-5-1-10-2-15-8-48-55-344-56-358-1-3 0-5 0-8 0-5 0-9 0-14 0-120 101-218 221-218 121 0 218 98 218 218 0 18-2 36-6 53 12 5 35 12 68 12 31 0 55-6 68-11-4-17-7-35-7-54 0-120 101-218 222-218s218 98 218 218c0 3-1 7-1 10 1 3 2 7 1 11z m-781-176c-86 0-159 71-159 155s73 156 159 156c86 0 156-70 156-156s-70-155-156-155z m563 0c-87 0-159 71-159 155s72 156 159 156c74 0 136-52 151-122 1-6 2-12 2-18 0-3 1-5 2-7 0-3 0-6 0-9 0-86-70-155-155-155z" horiz-adv-x="1000" />
<glyph glyph-name="envelope-open" unicode="&#xe01e;" d="M999 388c-1 11-5 21-11 30h0l-1 0c-3 5-7 8-11 12l-408 394c-35 35-97 35-132 0l-408-391c-9-8-28-31-28-52v-469c0-34 28-62 62-62h875c35 0 63 28 63 62v467c0 3 0 6-1 9z m-735-247l-202-185v362z m64-26c2 1 4 3 6 5 0 1 1 1 1 2l138 127c7 5 15 8 24 8 9 0 18-3 24-8l375-337h-788z m412 22l197 175v-353z m-639 281l379 361c6 6 14 10 22 10 8 0 16-4 22-10l353-336h-1l54-54-237-210-132 119c-37 28-90 30-129-2l-122-113-236 209 26 26h1z" horiz-adv-x="1000" />
<glyph glyph-name="envolope-letter" unicode="&#xe01f;" d="M999 388c-1 11-5 21-11 30h0l-1 0c-3 5-7 8-11 12l-164 164v101c0 17-13 31-31 31h-99l-114 98c-35 35-97 35-132 0l-114-98h-103c-18 0-32-14-32-31v-103l-159-159c-17-11-28-31-28-52v-469c0-34 28-62 62-62h875c35 0 63 28 63 62v467c0 3 0 6-1 9z m-736-246l-201-186v362z m60-30c4 2 8 5 11 8 2 2 3 4 4 6l135 125c7 6 15 9 24 9 9 0 18-3 24-8l375-340h-789z m418 25l196 175v-353z m136 306h-1l54-54-118-104v223z m-397 336c6 6 14 10 22 10 8 0 16-4 22-10l63-53h-170z m270-115v-435l-56-49-133 120c-37 29-90 30-129-1l-123-115-59 52v428z m-649-246l86 86v-213l-113 101 26 26h1z" horiz-adv-x="1000" />
<glyph glyph-name="energy" unicode="&#xe020;" d="M581 787h1-1z m0 0l-70-371 255 0-347-503 70 408-255 1z m0 62c-1 0-3 0-5 0-11-1-18-4-27-10-4-3-9-7-13-12-1-1-2-3-3-4l-350-464c-14-19-16-44-5-64 10-21 32-35 55-35l181-1-57-334c-5-29 10-58 37-69 8-4 16-5 25-5 19 0 35 9 48 25l350 503c14 19 16 44 5 65-10 21-32 34-55 34l-181 0 57 294c1 5 1 10 1 15 0 34-27 61-60 62-1 0-2 0-3 0v0z" horiz-adv-x="1000" />
<glyph glyph-name="emotsmile" unicode="&#xe021;" d="M763 257c-16 7-34 0-41-16-1-1-65-141-224-142-1 0-2 0-3 0-150 0-215 137-218 143-7 15-25 22-41 15-16-7-23-26-16-41 4-8 84-180 275-180 1 0 2 0 3 0 199 2 278 173 281 180 7 16 0 34-16 41z m-263 593c-276 0-500-224-500-500s224-500 500-500 500 224 500 500-224 500-500 500z m0-938c-241 0-437 197-437 438s196 438 437 438 438-197 438-438-197-438-438-438z m-157 469c35 0 63 28 63 63s-28 62-63 62c-34 0-62-28-62-62s28-63 62-63z m313 0c34 0 62 28 62 63s-28 62-62 62c-35 0-63-28-63-62s28-63 63-63z" horiz-adv-x="1000" />
<glyph glyph-name="disc" unicode="&#xe022;" d="M500 850c-276 0-500-224-500-500s224-500 500-500 500 224 500 500-224 500-500 500z m438-500c0-65-15-126-40-182l-277 148c3 11 5 22 5 34 0 70-56 126-126 126-14 0-28-2-41-7l-165 267c61 33 131 52 206 52 241 0 438-197 438-438z m-438 64c35 0 64-29 64-64s-29-63-64-63-63 28-63 63 28 64 63 64z m-259 288l166-267c-1-1-1-2-2-3l-277 148c30 48 68 89 113 122z m-178-352c0 62 13 121 36 175l278-149c-2-8-3-17-3-26 0-70 56-126 126-126 12 0 24 2 35 5l166-267c-60-32-128-50-201-50-241 0-437 197-437 438z m691-356l-165 267c0 0 1 1 1 1l278-148c-30-47-69-87-114-120z" horiz-adv-x="1000" />
<glyph glyph-name="cursor-move" unicode="&#xe023;" d="M993 365l-9 8c0 0 0 0 0 0l-127 116c-9 9-24 9-33 0l-5-8c-9-9-6-23 3-31l74-68h-362v364l67-74c9-9 23-12 32-3l8 5c9 9 9 24 0 33l-111 121c-2 6-6 10-12 13l-1 2c-4 4-10 6-16 6-6 0-11-2-16-6l-8-9c0 0 0 0 0 0l-113-125c-9-9-9-24 0-33l8-5c9-9 23-6 32 3l67 75v-367h-367l74 68c10 8 12 22 3 31l-5 8c-9 9-24 9-33 0l-121-111c-6-2-10-6-13-12l-2-1c-4-4-6-10-6-16 0-6 2-11 6-16l9-8c0 0 0 0 0 0l125-113c9-8 24-8 33 0l5 8c10 9 7 23-3 32l-75 67h370v-368l-67 75c-9 10-23 13-32 3l-8-5c-8-9-8-24 0-33l113-125c0 0 0 0 0 0l8-9c5-4 10-6 16-6 6 0 12 2 16 6l8 9c0 0 0 0 0 0l116 127c9 9 9 24 0 33l-8 5c-9 9-23 7-32-3l-67-74v365h365l-75-67c-9-9-12-23-3-32l5-8c9-8 24-8 33 0l125 113c0 0 0 0 0 0l9 8c4 5 6 10 6 16 0 6-2 12-6 16z" horiz-adv-x="1000" />
<glyph glyph-name="crop" unicode="&#xe024;" d="M969 69l-125 0v580l116 116c13 12 13 32 0 44-12 13-32 13-44 0l-116-115h-581v125c0 17-14 31-31 31s-32-14-32-31v-125h-125c-17 0-31-14-31-31 0-18 14-32 31-32h125v-593c0-3 1-6 2-9 0-1 0-2 1-3 3-8 9-14 17-17 1-1 3-1 4-1 3-1 5-2 8-2h593v-125c0-17 14-31 32-31s31 14 31 31v125h125c17 0 31 14 31 32 0 17-14 31-31 31z m-231 562l-519-518v518h519z m-475-562l518 517v-517z" horiz-adv-x="1000" />
<glyph glyph-name="credit-card" unicode="&#xe025;" d="M906 678h-812c-52 0-94-42-94-94v-468c0-52 42-94 94-94h812c52 0 94 42 94 94v468c0 52-42 94-94 94z m-812-62h812c18 0 32-14 32-32v-62h-876v62c0 18 14 32 32 32z m812-532h-812c-18 0-32 14-32 32v281h876v-281c0-18-14-32-32-32z" horiz-adv-x="1000" />
<glyph glyph-name="chemistry" unicode="&#xe026;" d="M791-98l-166 197v345h21c17 0 31 14 31 31s-14 32-31 32h-52c-17 0-31-14-31-32v-388c0-8 2-15 8-21l127-154h-396l127 154c6 6 9 13 9 21v388c0 18-14 32-32 32h-52c-17 0-31-14-31-32s14-31 31-31h21v-345l-166-197c-9-9-11-22-6-34 5-11 16-18 29-18h536c13 0 24 7 29 18 5 12 3 25-6 34z m-322 636c34 0 62 28 62 62 0 35-28 63-62 63-35 0-63-28-63-63 0-34 28-62 63-62z m203 93c61 0 111 49 111 109s-50 110-111 110c-60 0-110-49-110-110s50-109 110-109z m0 157c26 0 47-21 47-47 0-26-21-47-47-47s-47 21-47 47c0 26 21 47 47 47z" horiz-adv-x="1000" />
<glyph glyph-name="bell" unicode="&#xe027;" d="M884 155c-36 44-86 107-86 171v204c0 176-131 319-299 319-169 0-299-143-299-319v-204c0-63-54-122-89-169-30-41-55-74-38-107 14-29 50-32 80-32h179c0-92 75-167 167-167 92 0 167 75 167 167h183c19 0 64 0 79 32 16 33-9 63-44 105z m-385-239c-56 0-101 46-101 102h202c0-56-45-102-101-102z m350 168h-696c-4 0-8 0-12 1 7 10 16 22 24 33 38 51 102 123 102 208v204c0 139 100 252 232 252s233-113 233-252v-204c0-88 58-161 101-213 7-9 16-20 23-29-2 0-5 0-7 0z" horiz-adv-x="1000" />
<glyph glyph-name="badge" unicode="&#xe028;" d="M997 30l-183 338c19 42 29 89 29 138 0 190-153 344-343 344-190 0-344-154-344-344 0-50 11-98 31-141l-184-335c-6-11-5-24 2-34 8-10 20-14 32-12l157 36 54-149c4-12 15-20 27-21 1 0 2 0 2 0 12 0 22 6 28 17l160 298c11-2 23-2 35-2 11 0 21 0 32 1l163-298c6-10 16-16 28-16 1 0 1 0 2 0 12 1 23 9 27 21l54 149 157-36c12-3 24 2 32 12 7 10 8 23 2 34z m-714-72l-39 110c-6 15-21 23-37 20l-116-27 133 241c43-59 105-103 177-125z m-64 548c0 155 126 281 281 281 155 0 281-126 281-281s-126-280-281-280c-155 0-281 126-281 280z m574-418c-16 3-31-5-37-20l-39-111-120 220c73 21 137 67 181 127l131-243z" horiz-adv-x="1000" />
<glyph glyph-name="anchor" unicode="&#xe029;" d="M997 136l-80 148c0 0 0 0 0 0l-6 10c-3 6-8 9-14 10-6 2-12 1-17-3l-10-6c0 0 0 0 0 0l-142-96c-11-7-14-21-8-32l6-7c7-11 21-12 32-5l85 58c-20-162-151-287-312-301v627h125c18 0 32 14 32 31s-14 31-32 31h-126c0 1-1 2-1 2 56 13 98 63 98 123 0 70-57 126-126 126-70 0-126-56-126-126 0-59 41-109 96-122 0-1-1-2-1-3h-126c-17 0-31-14-31-31s14-31 31-31h125v-627c-161 14-291 139-312 301l85-58c11-7 25-6 32 5l6 7c6 11 3 25-8 32l-142 96c0 0 0 0 0 0l-10 6c-5 4-11 5-17 3-6-1-11-4-14-10l-6-10c0 0 0 0 0 0l-80-148c-6-11-3-25 8-32l9-4c10-7 23 0 30 11l46 87c29-201 201-350 404-350 203 0 375 149 404 349l46-86c7-11 20-18 30-11l9 4c11 7 14 21 8 32z m-560 590c0 35 29 64 64 64 35 0 63-29 63-64s-28-63-63-63c-35 0-64 28-64 63z" horiz-adv-x="1000" />
<glyph glyph-name="wallet" unicode="&#xe02a;" d="M1000 566c0 23-6 77-76 96l-706 141c-51 0-94-42-94-93v-126l-31 0c-51 0-93-42-93-94v-500c0-51 42-93 94-93h813c51 0 93 42 93 93z m-813 144c0 16 13 29 28 31l690-140c0 0-5-17-30-17h-688z m751-720c0-17-14-31-31-31h-813c-18 0-32 14-32 31v500c0 18 14 32 32 32h781c31 0 63 10 63 31v-563h0z m-751 313c-34 0-62-28-62-63s28-62 62-62 63 28 63 62-28 63-63 63z" horiz-adv-x="1000" />
<glyph glyph-name="vector" unicode="&#xe02b;" d="M969 194h-32v1c0 159-84 297-210 374h157c11-19 30-31 54-31 34 0 62 28 62 62s-28 63-62 63c-24 0-43-13-54-32h-290v32c0 17-14 31-31 31h-125c-18 0-32-14-32-31v-32h-290c-10 19-30 32-53 32-35 0-63-28-63-63s28-62 63-62c23 0 43 12 53 31h157c-126-77-210-215-210-374v-1h-32c-17 0-31-14-31-31v-125c0-18 14-32 31-32h125c18 0 32 14 32 32v125c0 17-14 31-32 31h-31v1c0 175 120 321 281 363v-20c0-18 14-32 32-32h125c17 0 31 14 31 32v20c161-42 281-188 281-363v-1h-31c-17 0-31-14-31-31v-125c0-18 14-32 31-32h125c17 0 31 14 31 32v125c0 17-14 31-31 31z m-844-125h-62v62h62v-62z m406 500h-62v62h62v-62z m407-500h-63v62h63v-62z" horiz-adv-x="1000" />
<glyph glyph-name="speech" unicode="&#xe02c;" d="M938 788h-875c-35 0-63-28-63-63v-564c0-34 28-62 63-62h124v-156c0-12 8-24 19-29 4-1 8-2 12-2 8 0 16 3 22 9l181 178h517c34 0 62 28 62 62v564c0 35-28 63-62 63z m0-627h-543l-145-143v143h-187v564h875v-564z m-719 251h562c18 0 32 14 32 31s-14 31-32 31h-562c-17 0-31-14-31-31s14-31 31-31z m0 125h562c18 0 32 14 32 31s-14 31-32 31h-562c-17 0-31-14-31-31s14-31 31-31z m0-250h375c17 0 31 14 31 31s-14 31-31 31h-375c-17 0-31-14-31-31s14-31 31-31z" horiz-adv-x="1000" />
<glyph glyph-name="puzzle" unicode="&#xe02d;" d="M500-150c-20 0-38 7-52 21l-427 427c-29 29-29 76 0 105l156 156c10 10 25 12 37 6 12-7 19-20 16-34-1-8-2-16-2-22 0-68 56-125 124-125 68 0 118 57 118 125 0 68-50 124-118 124-6 0-14-1-23-2-13-3-26 4-33 16-6 12-4 27 6 37l146 145c28 28 76 28 105 0l106-106c22 69 87 119 164 119 95 0 172-77 172-172 0-76-51-141-120-164l104-103c29-29 29-76 0-105l-426-426c-14-15-33-22-53-22z m-329 614l-106-105c-4-5-4-12 1-17l426-426c6-6 10-6 16 0l427 426c4 5 4 12 0 17l-151 150c-9 9-12 24-6 36s19 19 32 17l5-1c2 0 5 0 8 0 60 0 109 49 109 109 0 60-49 109-109 109-61 0-110-49-110-109 0-3 1-5 1-7l1-6c1-13-6-26-18-32-12-5-26-3-35 7l-154 153c-6 6-10 6-16 0l-95-95c81-20 136-94 136-181 0-103-78-188-181-188-87 0-161 62-181 143z" horiz-adv-x="1000" />
<glyph glyph-name="printer" unicode="&#xe02e;" d="M930 601h-117v249h-625v-249h-118c-39 0-70-31-70-70v-423c0-39 31-70 70-70h118v-188h625v188h117c39 0 70 31 70 70v423c0 39-31 70-70 70z m-680 187h500v-187h-500v187z m500-875h-500v344h500v-344z m188 195c0-4-4-7-8-7h-117v219h-625v-219h-118c-4 0-7 3-7 7v423c0 4 3 8 7 8h860c4 0 8-4 8-8z m-125 368h-32c-17 0-31-14-31-32s14-31 31-31h32c17 0 31 14 31 31s-14 32-31 32z" horiz-adv-x="1000" />
<glyph glyph-name="present" unicode="&#xe02f;" d="M1000 537c0 35-28 63-62 63h-107c27 27 45 63 45 106 0 55-31 113-118 113-115 0-211-122-256-190-45 68-144 190-259 190-87 0-118-58-118-113 0-43 18-79 46-106h-108c-35 0-63-28-63-63v-187h63v-407c0-34 28-62 63-62h749c35 0 63 28 63 62v407h62v187z m-242 220c38 0 56-16 56-51 0-69-78-106-151-106h-106c45 66 123 157 201 157z m-515 0c78 0 159-91 203-157h-105c-73 0-154 38-154 107 0 35 17 50 56 50z m695-345h-407v125h407v-125z m-875 125h406v-125h-406z m63-187h343v-407h-343z m749-407h-344v407h344v-407z" horiz-adv-x="1000" />
<glyph glyph-name="playlist" unicode="&#xe030;" d="M33 788h438c17 0 31 14 31 31s-14 31-31 31h-438c-17 0-31-14-31-31s14-31 31-31z m0-188h438c17 0 31 14 31 32s-14 31-31 31h-438c-17 0-31-14-31-31s14-32 31-32z m469-156c0 17-14 31-31 31h-438c-17 0-31-14-31-31s14-31 31-31h438c17 0 31 14 31 31z m487 89l-305 306c-10 9-24 11-36 6-12-5-21-16-21-30v-692c-33 25-77 40-125 40-103 0-187-70-187-157 0-86 84-156 187-156 104 0 188 70 188 156 0 4 0 8-1 12v727l256-256c12-12 32-12 44 0 12 12 12 32 0 44z m-362-530c-2-43-53-90-125-90-74 0-126 49-126 93 0 45 52 94 126 94 72 0 123-47 125-91v-6 0z" horiz-adv-x="1000" />
<glyph glyph-name="pin" unicode="&#xe031;" d="M991 479l-359 362c-8 7-19 11-30 8-11-3-19-11-22-21-22-70-25-133-8-190-2-1-3-2-4-4l-167-167c-54 25-112 39-170 39-37 0-73-6-107-16-11-4-19-12-21-23-3-10 0-22 8-29l214-216-299-303-26-69 63 24 306 304 216-218c6-6 14-9 23-9 2 0 5 0 7 1 11 2 19 10 22 21 29 91 20 189-19 277l170 170c1 1 1 1 2 2 26-7 52-11 80-11 34 0 71 5 108 16 11 4 19 12 21 23 3 10 0 22-8 29z m-402-434l-393 396c101 12 210-29 288-108 79-78 117-186 105-288z m-3 262c-16 25-35 49-57 71-22 22-46 41-72 58l141 140c14-25 33-49 56-71 23-24 48-42 74-57z m112 242c-60 60-83 127-71 208l280-282c-81-11-148 13-209 74z" horiz-adv-x="1000" />
<glyph glyph-name="picture" unicode="&#xe032;" d="M938 772h-875c-35 0-63-28-63-62v-720c0-34 28-62 63-62h875c34 0 62 28 62 62v720c0 34-28 62-62 62z m0-782l-875 0v185l250 243 259-258c11-13 30-12 43-2l114 104 206-212c1 0 2-1 3-2v-58z m0 147l-184 188c-11 11-29 12-41 3l-118-103-258 256c-6 7-14 11-23 12-8 0-17-3-23-9l-228-222v448h875v-573z m-219 322c34 0 62 28 62 63 0 34-28 62-62 62s-63-28-63-62c0-35 28-63 63-63z" horiz-adv-x="1000" />
<glyph glyph-name="map" unicode="&#xe033;" d="M970 718l-313 130-312-123-315 123c-3 1-5 1-8 1-12 0-22-9-22-24v-810c0-18 14-35 30-40l315-124 311 126 314-123c3-1 5-1 8-1 13 0 22 10 22 24v802c0 17-13 35-30 39z m-595-45l250 98v-744l-250-98v744z m-312 92l250-92v-744l-250 102v734z m875-831l-250 94v742l250-108v-728 0z" horiz-adv-x="1000" />
<glyph glyph-name="layers" unicode="&#xe034;" d="M21 555l464-252c5-3 10-4 15-4 5 0 10 1 15 4l469 252c10 6 17 16 16 28 0 12-6 22-17 28l-464 235c-9 5-19 5-28 0l-469-235c-10-6-17-16-17-28s6-22 16-28z m484 228l397-201-402-216-396 216z m473-402l-93 47-67-36 78-40-401-216-397 216 84 42-67 36-98-49c-10-5-17-16-17-27s6-23 16-28l464-253c5-2 10-4 15-4 5 0 10 1 15 4l469 253c10 5 16 16 16 28 0 11-7 22-17 27z m0-219l-88 43-67-36 73-35-401-217-397 216 78 35-67 37-92-43c-10-5-17-15-17-27s6-23 16-28l464-253c5-2 10-4 15-4 5 0 10 2 15 4l469 253c10 5 16 16 16 28 0 11-7 22-17 27z" horiz-adv-x="1000" />
<glyph glyph-name="handbag" unicode="&#xe035;" d="M999-71l-82 492c-7 64-65 116-129 116h-69v83c0 128-91 231-218 231-127 0-220-103-220-231v-83h-75c-64 0-122-52-129-114l-75-493c-3-26 2-46 15-60 12-14 29-21 52-21h853c32 0 51 13 61 24 9 10 19 27 16 56z m-655 691c0 93 64 168 157 168 93 0 155-75 155-168v-83h-312z m581-708l-852 0c-5 0-11 2-10 10l76 492c4 33 35 61 67 61h75v-72c-18-10-31-30-31-53 0-35 28-63 63-63s62 28 62 63c0 23-13 43-31 53v72h312v-72c-18-10-31-30-31-53 0-35 28-63 63-63s62 28 62 63c0 23-13 43-31 53v72h69c33 0 64-28 68-62l81-492c0-4-3-9-12-9z" horiz-adv-x="1000" />
<glyph glyph-name="globe-alt" unicode="&#xe036;" d="M908 445c0 165-87 315-233 400-15 9-34 4-42-11-9-15-4-34 11-43 126-74 201-203 201-346 0-236-172-408-408-408-53 0-105 10-153 29-16 7-34-1-41-17-6-16 2-34 18-41 56-22 115-34 176-34 0 0 0 0 0 0v-61h-90c-18 0-33-14-33-31s15-32 33-32h246c19 0 33 14 33 32 0 17-14 31-33 31h-94v65c240 28 409 216 409 467z m-127-2c0 190-154 345-344 345-191 0-345-155-345-345s154-344 345-344c190 0 344 153 344 344z m-626 0c0 155 126 282 282 282 155 0 281-127 281-282s-126-281-281-281c-156 0-282 125-282 281z" horiz-adv-x="1000" />
<glyph glyph-name="globe" unicode="&#xe037;" d="M1001 350c0 266-209 484-471 499-5 1-11 1-16 1-2 0-4 0-5 0-3 0-6 0-9 0-276 0-501-224-501-500s225-500 501-500c3 0 6 0 9 0 1 0 3 0 5 0 5 0 11 0 16 1 262 15 471 233 471 499z m-93-161c-17 5-61 16-137 25 6 43 10 89 10 136 0 37-2 74-6 108 96 12 139 27 142 28l-12 32c22-51 34-108 34-168 0-57-11-111-31-161z m-629 161c0 35 2 69 6 102 51-4 112-7 183-8v-216c-69-1-129-4-179-8-6 41-10 85-10 130z m251 433c77-22 143-128 172-269-47-4-104-7-172-7v276z m-62 0v-276c-67 0-124 3-172 7 30 139 96 245 172 269z m0-618l0-248c-71 23-133 116-166 242 47 3 102 6 166 6z m62-248l0 248c65 0 119-3 166-6-32-128-94-222-166-242z m0 311l0 216c72 1 132 4 182 8 4-33 6-67 6-102 0-45-3-89-10-130-49 4-108 7-178 8z m363 315c-9-2-48-14-128-23-17 94-49 174-90 232 95-42 173-116 218-209z m-543 219c-51-59-92-143-115-243-71 8-113 17-130 21 49 102 138 182 245 222z m-268-280c12-4 57-15 142-24-5-35-8-71-8-108 0-47 5-92 12-135-72-8-117-18-137-22-19 48-30 102-30 157 0 46 8 90 21 132z m36-347c23 5 64 12 124 18 24-87 62-161 108-215-98 36-180 107-232 197v0z m557-187c37 53 66 123 85 204 62-7 101-15 120-20-47-81-119-146-205-184z" horiz-adv-x="1000" />
<glyph glyph-name="frame" unicode="&#xe038;" d="M219 741h-188c-17 0-31-14-31-32v-187c0-17 14-31 31-31s32 14 32 31v156h156c17 0 31 14 31 31s-14 32-31 32z m750-532c-17 0-31-14-31-31v-156h-157c-17 0-31-14-31-31s14-32 31-32h188c17 0 31 14 31 32v187c0 17-14 31-31 31z m-750-187h-156v156c0 17-14 31-32 31s-31-14-31-31v-187c0-18 14-32 31-32h188c17 0 31 14 31 32 0 17-14 31-31 31z m750 719h-188c-17 0-31-14-31-32s14-31 31-31h157v-156c0-17 14-31 31-31s31 14 31 31v187c0 18-14 32-31 32z" horiz-adv-x="1000" />
<glyph glyph-name="folder-alt" unicode="&#xe039;" d="M938 647h-469l-94 94h-312c-35 0-63-28-63-63v-156h0v-63h0v-437c0-35 28-63 63-63h875c34 0 62 28 62 63v562c0 35-28 63-62 63z m-875 31h284l76-75 20-19h495v-62h-875v156h0 0z m0-656v437h875v-437h-875z" horiz-adv-x="1000" />
<glyph glyph-name="film" unicode="&#xe03a;" d="M781 584h63c17 0 31 14 31 31v32c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-32c0-17 14-31 31-31z m0-187h63c17 0 31 14 31 31v31c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-31c0-17 14-31 31-31z m0-188h63c17 0 31 14 31 31v32c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-32c0-17 14-31 31-31z m0-187h63c17 0 31 14 31 31v31c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-31c0-17 14-31 31-31z m-625 562h63c17 0 31 14 31 31v32c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-32c0-17 14-31 31-31z m0-187h63c17 0 31 14 31 31v31c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-31c0-17 14-31 31-31z m0-188h63c17 0 31 14 31 31v32c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-32c0-17 14-31 31-31z m0-187h63c17 0 31 14 31 31v31c0 17-14 31-31 31h-63c-17 0-31-14-31-31v-31c0-17 14-31 31-31z m782 813h-875c-35 0-63-29-63-63v-844c0-34 28-63 63-63h875c34 0 62 29 62 63v844c0 34-28 63-62 63z m0-907h-875v844h875v-844z" horiz-adv-x="1000" />
<glyph glyph-name="feed" unicode="&#xe03b;" d="M100 528c-18 0-32-15-32-32 0-18 14-32 32-32 295 0 513-220 513-516 0-17 14-32 32-32s32 15 32 32c0 333-245 580-577 580z m0 319c-18 0-32-14-32-32s14-32 32-32c459 0 833-373 833-832 0-18 14-32 32-32s32 14 32 32c-1 494-403 896-897 896z m80-641c-97 0-176-79-176-177 0-97 79-177 176-177 97 0 176 80 176 177 0 98-79 177-176 177z m0-292c-63 0-115 52-115 115s52 115 115 115c63 0 114-51 114-115s-51-115-114-115z" horiz-adv-x="1000" />
<glyph glyph-name="earphones-alt" unicode="&#xe03c;" d="M1000 291c0 20-3 98-6 120-28 255-235 440-491 440-267 0-483-206-498-479 0-6-2-48-3-73l0-14c-1-6-2-12-2-18v-210c0-45 37-83 83-83h84c46 0 84 38 84 83v210c0 46-38 83-84 83h-84c-6 0-11-1-17-2 1 11 1 19 1 21 13 239 203 419 436 419 224 0 404-161 429-384 1-9 3-33 4-56-6 1-13 2-19 2h-83c-46 0-83-37-83-83v-209c0-31 18-59 44-73l-201-78v5c0 17-14 31-31 31h-94c-17 0-31-14-31-31v-31c0-18 14-32 31-32h94c0 0 0 0 1 0l56 1 321 126c5 2 8 4 11 7 28 14 48 42 48 75v209c0 5-1 10-2 15 1 3 2 6 2 9z m-917-3h84c12 0 21-10 21-21v-210c0-11-9-20-21-20h-84c-11 0-20 9-20 20v210c0 11 9 21 20 21z m730-21c0 11 9 21 21 21h83c11 0 20-10 20-21v-209c0-11-9-20-20-20h-83c-12 0-21 9-21 20v209z" horiz-adv-x="1000" />
<glyph glyph-name="earphones" unicode="&#xe03d;" d="M1000 260c0 20-3 98-6 120-28 255-235 439-491 439-267 0-483-205-498-478 0-6-2-48-3-73l0-14c-1-6-2-12-2-18v-272c0-46 37-83 83-83h84c46 0 84 37 84 83v272c0 46-38 83-84 83h-84c-6 0-11-1-17-2 1 10 1 18 1 21 13 239 203 419 436 419 224 0 404-162 429-384 1-9 3-33 4-57-6 2-13 3-19 3h-83c-46 0-83-37-83-83v-271c0-46 37-83 83-83h83c46 0 83 37 83 83v271c0 5-1 10-2 15 1 3 2 6 2 9z m-917-4h84c12 0 21-9 21-20v-272c0-12-9-21-21-21h-84c-11 0-20 9-20 21v272c0 11 9 20 20 20z m854-291c0-12-9-21-20-21h-83c-12 0-21 9-21 21v271c0 11 9 20 21 20h83c11 0 20-9 20-20v-271z" horiz-adv-x="1000" />
<glyph glyph-name="drop" unicode="&#xe03e;" d="M498-149c-188 0-342 152-342 338 0 217 304 630 317 647 6 8 15 13 25 13 11 0 19-5 25-12 13-18 321-423 321-648 0-186-155-338-346-338z m1 913c-73-103-280-412-280-575 0-152 125-275 279-275 157 0 283 123 283 275 0 169-209 474-282 575z" horiz-adv-x="1000" />
<glyph glyph-name="drawar" unicode="&#xe03f;" d="M999 352l-115 398c-3 13-16 22-30 22h-718c-14 0-26-9-30-23l-105-377c-2-7-1-15 2-21-2-6-3-12-3-18v-343c0-35 28-62 63-62h875c34 0 62 27 62 62v343c0 2 0 3 0 5 0 5 0 9-1 14z m-839 358l670 0 91-314h-291c-1-75-55-127-130-127s-128 52-129 127h-299z m778-720h-875v343h257c27-78 93-126 180-126s154 48 182 126h256v-343z" horiz-adv-x="1000" />
<glyph glyph-name="docs" unicode="&#xe040;" d="M750 850h-344c-34 0-62-28-62-62h344v-250h250v-500h-219v-63h219c34 0 62 28 62 63v562z m0-250v162l162-162h-162z m-687 125c-35 0-63-28-63-62v-751c0-34 28-62 63-62h531c34 0 62 28 62 62v563l-250 250h-343z m531-813h-531v751h281v-250h250v-501z m-188 563v162l162-162h-162z" horiz-adv-x="1000" />
<glyph glyph-name="directions" unicode="&#xe041;" d="M993 668l-97 109c-6 7-15 11-23 11h-343v33c0 16-14 29-31 29s-31-13-31-29v-33h-250c-17 0-31-14-31-32v-218c0-17 14-31 31-31h250v-63h-340c-9 0-18-4-24-10l-97-111c-11-12-11-30 0-42l97-109c6-7 15-10 24-10h340v-283c0-16 14-29 31-29 17 0 31 13 31 29v283h251c17 0 31 14 31 31v220c0 17-14 31-31 31h-251v63h343c8 0 17 3 23 10l97 110c11 12 11 30 0 41v0z m-243-443h-608l-70 77 70 80h608v-157z m108 344h-609v156h609l70-77z" horiz-adv-x="1000" />
<glyph glyph-name="direction" unicode="&#xe042;" d="M944 559l-175 187c-6 7-14 10-22 10h-261l-1 65c0 16-14 29-32 29s-29-13-29-29l-1-65h-344c-18 0-32-14-32-31v-375c0-17 14-31 32-31h344v-440c0-16 14-29 31-29s31 13 31 29v440h262c8 0 16 3 22 10l175 187c11 12 11 31 0 43z m-211-178h-623v313h623l146-156z" horiz-adv-x="1000" />
<glyph glyph-name="diamond" unicode="&#xe043;" d="M995 562l-137 261c-8 15-28 27-45 27h-315c0 0-1 0-1 0 0 0 0 0-1 0h-308c-18 0-38-12-46-27l-137-256c-8-16-6-39 4-53l469-654c5-7 11-10 18-10 7 0 13 3 18 10l477 649c10 14 12 37 4 53z m-75 7h-167l67 192z m-358 219h201l-62-179z m91-219h-291l137 198z m-346 30l-63 189h194z m358-92l-168-481-160 481h328z m-238-469l-336 469h180z m304 469h181l-345-470z m-547 263l67-201h-173z" horiz-adv-x="1000" />
<glyph glyph-name="cup" unicode="&#xe044;" d="M813 444c-8 0-34 0-63 0l0 63c0 34-28 62-62 62l-626 0c-34 0-62-27-62-62v-470c0-103 84-187 187-187h376c104 0 187 84 187 187l0 32c28 0 57 0 63 0 103 0 187 83 187 187 0 103-84 188-187 188z m-126-407c0-69-55-125-124-125h-376c-69 0-125 56-125 125l0 470 626 0z m126 94c-6 0-35 0-63 0l0 251c29 0 55-1 63-1 71 0 126-53 126-124s-54-126-126-126z m-251 501c18 0 32 14 32 31v156c0 17-14 31-32 31s-31-14-31-31v-156c0-17 14-31 31-31z m-375 0c18 0 32 14 32 31v156c0 17-14 31-32 31s-31-14-31-31v-156c0-17 14-31 31-31z m188 0c17 0 31 14 31 31v156c0 17-14 31-31 31s-31-14-31-31v-156c0-17 14-31 31-31z" horiz-adv-x="1000" />
<glyph glyph-name="compass" unicode="&#xe045;" d="M716 576l-306-131c-5-3-10-7-13-13l-140-282c-5-12-3-25 5-34 6-6 14-9 22-9 4 0 8 1 12 3l299 124c5 2 10 7 13 12l147 290c6 11 5 25-4 35-9 9-23 11-35 5z m-366-375l84 173 86-107z m221 103l-87 108 173 68z m-71 546c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z" horiz-adv-x="1000" />
<glyph glyph-name="call-out" unicode="&#xe046;" d="M977 97c-15 10-183 122-203 134-9 6-20 8-32 8-15 0-32-4-49-13-16-8-65-36-88-50-22 15-71 53-149 131-77 77-115 127-130 148 13 24 41 73 50 89 16 30 17 60 4 81-12 19-123 187-134 203-11 15-30 23-51 23-17 0-34-5-49-16-2-1-149-108-147-168 5-171 171-371 309-509 138-138 338-303 509-309h1c60 0 166 145 167 147 27 39 17 83-8 101z m-43-65c-40-55-96-112-118-120-117 5-282 108-464 291-182 182-285 346-290 463 8 22 65 78 119 118 4 3 9 4 14 4 1 0 2 0 2 0 18-26 112-168 130-195 0-3-1-10-7-20-5-11-23-43-48-87l-20-34 23-33c17-24 57-77 137-156 80-81 133-121 157-138l32-23 35 20c33 19 73 42 86 49 11 5 18 6 20 6 0 0 1 0 1 0 24-15 170-112 195-130 1-2 1-8-4-15z m-266 445l269 267-1-152c0-12 10-23 22-23l16 0c13 0 23 8 24 21l0 225c0 0-1 1-1 1l2 11c0 7-2 12-6 16-4 4-10 7-16 7l-11-1c0 0-1 0-1 0l-224 1c-13 0-23-10-23-23l0-16c2-15 13-24 26-23l148-1-268-266c-12-12-12-32 0-44 12-12 32-12 44 0z" horiz-adv-x="1000" />
<glyph glyph-name="call-in" unicode="&#xe047;" d="M977 97c-15 10-183 122-203 134-9 6-20 8-32 8-15 0-32-4-49-13-16-8-65-36-88-50-22 15-71 53-149 131-77 77-115 127-130 148 13 24 41 73 50 89 16 30 17 60 4 81-12 19-123 187-134 203-11 15-30 23-51 23-17 0-34-5-49-16-2-1-149-108-147-168 5-171 171-371 309-509 138-138 338-303 509-309h1c60 0 166 145 167 147 27 39 17 83-8 101z m-43-65c-40-55-96-112-118-120-117 5-282 108-464 291-182 182-285 346-290 463 8 22 65 78 119 118 4 3 9 4 14 4 1 0 2 0 2 0 18-26 112-168 130-195 0-3-1-10-7-20-5-11-23-43-48-87l-20-34 23-33c17-24 57-77 137-156 80-81 133-121 157-138l32-23 35 20c33 19 73 42 86 49 11 5 18 6 20 6 0 0 1 0 1 0 24-15 170-112 195-130 1-2 1-8-4-15z m-305 450c4-4 10-6 16-6l11 0c0 0 1 0 1 0l224-1c13 1 23 11 23 24l0 16c-2 15-13 23-26 23l-148 0 256 256c12 12 12 32 0 44-12 12-32 12-44 0l-257-256 1 151c0 13-10 24-22 23l-16 0c-13 0-23-7-24-20l0-226c0 0 1 0 1 0l-2-12c0-6 2-12 6-16z" horiz-adv-x="1000" />
<glyph glyph-name="call-end" unicode="&#xe048;" d="M939 655c0-1 0-2 0-2-26-18-168-112-195-129-3-1-10 0-20 6-11 6-43 23-87 49l-34 19-33-23c-24-17-77-57-156-137-81-80-121-132-138-157l-23-32 20-34c19-34 42-74 49-87 5-11 6-18 6-20 0 0 0-1 0-1-15-24-112-170-130-196-2 0-8 0-15 5-55 40-112 96-120 118 5 117 108 282 291 464 182 182 346 285 463 290 22-7 78-65 118-119 3-4 4-9 4-14z m61 0c0 17-5 34-16 49-1 2-106 149-166 147-171-5-371-171-509-309-138-138-303-338-309-509v-1c0-60 146-166 147-167 39-27 83-17 101 8 10 15 122 183 134 203 6 9 8 20 8 32 0 15-4 32-13 49-8 16-36 65-50 89 15 21 53 70 131 148 77 77 127 115 148 130 24-13 73-41 89-50 30-16 60-17 81-4 19 12 185 123 201 134 15 11 23 30 23 51z" horiz-adv-x="1000" />
<glyph glyph-name="calculator" unicode="&#xe049;" d="M938 850h-875c-35 0-63-28-63-62v-876c0-34 28-62 63-62h875c34 0 62 28 62 62v876c0 34-28 62-62 62z m0-938h-875v876h875v-876z m-719 594h62v-62c0-18 14-32 32-32s31 14 31 32v62h62c18 0 32 14 32 31s-14 32-32 32h-62v62c0 17-14 31-31 31s-32-14-32-31v-62h-62c-17 0-31-14-31-32s14-31 31-31z m204-233c-12 12-32 12-44 0l-66-67-67 67c-12 12-32 12-44 0-12-12-12-32 0-44l66-67-66-66c-12-12-12-32 0-44s32-12 44 0l67 66 66-66c12-12 32-12 44 0s12 32 0 44l-66 66 66 67c12 12 12 32 0 44z m171 233h187c18 0 32 14 32 31s-14 32-32 32h-187c-17 0-31-14-31-32s14-31 31-31z m0-312h187c18 0 32 14 32 31s-14 31-32 31h-187c-17 0-31-14-31-31s14-31 31-31z m0-125h187c18 0 32 14 32 31s-14 31-32 31h-187c-17 0-31-14-31-31s14-31 31-31z" horiz-adv-x="1000" />
<glyph glyph-name="bubbles" unicode="&#xe04a;" d="M415 187c225 0 400 128 398 320 0 169-179 304-405 304-225 0-408-135-408-304 0-106 51-218 159-273 0-1 0-1 0-2 0-46-38-109-53-135h0c-1-2-2-5-2-9 0-12 10-23 23-23 2 0 5 1 6 1 1 0 1 0 1 0 79 13 197 102 215 124 18-3 30-3 45-3 6 0 13 0 21 0z m-92 67l-40-33c-9-11-50-45-84-67 21 61 20 80 20 80l3 38-34 17c-87 45-126 137-126 218 0 134 155 241 346 241 191 0 342-107 342-241-1-149-142-259-333-259 0 0-29-1-59 3z m677 0c0 85-33 149-115 198-2-23-9-47-16-68 54-37 69-75 69-130 0-67-32-116-105-153l-31-16s4-80 8-100c-61 44-82 82-82 82l-32-5c-13-2-49-2-49-2-84 0-147 20-201 62 15 1-87 1-89-1 62-76 163-124 290-124 7 0 13 0 19 0 13 0 23 0 39 3 15-19 99-99 168-111 0 0 0 0 1 0 1 0 3 0 5 0 11 0 20 9 20 20 0 3-1 6-2 8h0c-13 22-33 88-33 127 0 1 0 1 0 2 93 48 136 117 136 208z" horiz-adv-x="1000" />
<glyph glyph-name="briefcase" unicode="&#xe04b;" d="M938 663h-250v61c0 51-42 93-94 93h-188c-51 0-93-42-93-93v-61h-250c-35 0-63-28-63-62v-219h0v-63h0v-374c0-34 28-62 63-62h875c34 0 62 28 62 62v656c0 34-28 62-62 62h0z m-563 61c0 17 14 31 31 31h188c17 0 31-14 31-31v-61h-250z m-312-123h875v-219h-345v32c0 34-28 62-62 62h-62c-35 0-63-28-63-62v-32h-343v219h0z m468-345h-62v158h62z m-468-311v374h343v-63c0-34 28-62 63-62h62c34 0 62 28 62 62v63h345v-374h-875 0z" horiz-adv-x="1000" />
<glyph glyph-name="book-open" unicode="&#xe04c;" d="M930 849l-413-112c-11-3-34-3-44 0l-403 111c-35 10-70-16-70-53v-760c0-31 23-61 54-69l402-112c11-3 25-5 39-5 10 0 25 1 38 5l413 112c30 8 54 38 54 69v760c0 37-34 63-70 54z m-461-934l-400 111c-3 1-7 6-7 9v750l394-108c4-2 8-2 13-3v-759z m469 120c0-3-5-8-8-9l-399-108v758c1 0 1 0 2 0l405 110v-751h0z m-311 457c3 0 6 1 8 1l219 62c17 5 26 22 22 39s-22 26-39 21l-218-61c-17-5-27-22-22-39 4-14 16-23 30-23z m0-187c3 0 6 0 8 1l219 62c17 4 26 21 22 38-5 17-22 26-39 22l-218-62c-17-5-27-22-22-38 4-14 16-23 30-23z m0-188c3 0 6 1 8 1l219 62c17 5 26 22 22 39s-22 26-39 21l-218-61c-17-5-27-22-22-39 4-14 16-23 30-23z m-242 437l-218 61c-17 5-34-5-39-21s5-34 22-39l219-62c2 0 5-1 8-1 14 0 26 9 30 23 5 17-5 34-22 39z m0-188l-218 62c-17 4-34-5-39-22s5-34 22-38l219-62c2-1 5-1 8-1 14 0 26 9 30 23 5 16-5 33-22 38z m0-187l-218 61c-17 5-34-5-39-21s5-34 22-39l219-62c2 0 5-1 8-1 14 0 26 9 30 23 5 17-5 34-22 39z" horiz-adv-x="1000" />
<glyph glyph-name="basket-loaded" unicode="&#xe04d;" d="M992 573c-6 8-15 13-25 13h-98l-200 171c-25 24-64 24-89 0l-197-171h-80l-50 173c-20 68-66 76-86 76h-133c-18 0-31-14-31-31s13-32 31-32h133c5 0 18 0 26-30l173-635c4-13 16-22 30-22h422c13 0 25 8 29 20l149 439c3 10 2 20-4 29z m-367 139l148-126h-297z m171-565h-376l-99 377h601z m-62-125c-43 0-78-35-78-78s35-79 78-79 79 35 79 79c0 43-35 78-79 78z m-281 0c-43 0-78-35-78-78s35-79 78-79 78 35 78 79c0 43-35 78-78 78z" horiz-adv-x="1000" />
<glyph glyph-name="basket" unicode="&#xe04e;" d="M992 573c-6 8-15 13-25 13h-664l-50 173c-20 68-66 76-86 76h-133c-18 0-31-14-31-31s13-32 31-32h133c5 0 18 0 26-30l173-635c4-13 16-22 30-22h422c13 0 25 8 29 20l149 439c3 10 2 20-4 29z m-196-426h-376l-99 377h601z m-62-125c-43 0-78-35-78-78s35-79 78-79 79 35 79 79c0 43-35 78-79 78z m-281 0c-43 0-78-35-78-78s35-79 78-79 78 35 78 79c0 43-35 78-78 78z" horiz-adv-x="1000" />
<glyph glyph-name="bag" unicode="&#xe04f;" d="M844 695h-187v60c0 52-42 94-94 94h-124c-52 0-94-42-94-94v-60h-189c-34 0-62-28-62-62v-719c0-35 28-63 62-63h688c34 0 62 28 62 63v719c0 34-28 62-62 62h0z m-437 60c0 17 14 31 32 31h124c18 0 32-14 32-31v-60h-188v60z m437-841h-688v719h189v-65s-1-31 31-31c35 0 31 31 31 31v65h188v-65s-2-31 31-31c31 0 31 31 31 31v65h187v-719z" horiz-adv-x="1000" />
<glyph glyph-name="action-undo" unicode="&#xe050;" d="M967-70c0 0-1 0-1 0-16 0-26 13-27 28-1 12-33 292-471 292v-179c0-12-7-23-18-28-11-6-24-4-33 4l-406 335c-7 6-11 15-11 25 0 9 4 18 12 24l405 332c9 8 22 9 33 4 11-5 18-16 18-28v-175c181-6 323-65 414-171 149-174 115-426 114-437-2-15-14-26-29-26z m-530 383l0 0c312 0 432-106 500-199-10 75-39 165-103 238-84 98-220 150-397 150-18 0-32 14-32 31v140l-324-267 324-269v145c0 8 4 16 9 22 6 6 14 9 23 9z" horiz-adv-x="1000" />
<glyph glyph-name="action-redo" unicode="&#xe051;" d="M33-70c1 0 1 0 1 0 16 0 26 13 27 28 1 12 33 292 470 292l1-179c0-12 7-23 18-28 11-6 24-4 33 4l406 335c7 6 11 15 11 25 0 9-4 18-11 24l-406 332c-9 8-22 9-33 4-11-5-18-16-18-28l-1-175c-181-6-322-65-413-171-149-174-115-426-114-437 3-15 14-26 29-26z m531 383h0c-313 0-433-106-501-199 10 75 39 165 103 238 84 98 220 150 398 150 17 0 31 14 31 31v140l324-267-324-269v145c0 8-3 16-9 22-6 6-14 9-22 9z" horiz-adv-x="1000" />
<glyph glyph-name="wrench" unicode="&#xe052;" d="M983 639c-11 5-23 3-32-5l-157-141-143 146 141 162c8 9 10 22 5 32s-15 18-27 18h-9c-87 0-237-8-304-76l-13-13c-72-73-85-193-47-284l-361-368c-48-50-48-130 0-179l44-45c25-24 57-37 88-37 32 0 64 13 89 37l365 369c35-18 82-30 122-30 64 0 125 25 171 72l13 14c73 73 72 231 72 301 0 12-7 22-17 27z m-99-286l-11-14c-35-35-81-52-129-52-23 0-55 5-77 14-20 8-38 19-54 34l-401-404c-11-12-27-18-44-18s-32 6-44 18l-44 45c-24 24-24 64 0 89l392 399c-13 19-22 40-28 62h0c-15 61-6 145 41 193l14 14c41 41 146 53 204 57l-114-133c-11-11-10-29 1-40l181-186c11-12 29-12 41-2l127 115c-4-62-16-152-55-191z" horiz-adv-x="1000" />
<glyph glyph-name="umbrella" unicode="&#xe053;" d="M1000 352c0-17-14-31-31-31h-438v-316c0-86-69-155-155-155s-154 69-154 155c0 17 14 31 31 31 17 0 31-14 31-31 0-51 42-92 92-92 51 0 92 41 92 92v316h-437c-17 0-31 14-31 31 0 242 176 395 468 405v62c0 17 14 31 32 31 17 0 31-14 31-31v-62c292-10 469-163 469-405z m-63 32c-16 195-175 311-437 311s-421-116-437-311h874v0z" horiz-adv-x="1000" />
<glyph glyph-name="trash" unicode="&#xe054;" d="M876 695l-220 0v85c0 40-32 71-72 71h-168c-40 0-72-31-72-71v-85h-220c-17 0-31-14-31-31s14-32 31-32h43l73-722c3-34 32-61 65-61h390c33 0 62 27 65 60l73 723h43c17 0 31 14 31 32s-14 31-31 31z m-469 85c0 5 4 9 9 9h168c5 0 9-4 9-9v-85h-186z m291-865c0-2-2-3-3-3h-390c-1 0-3 1-3 3l-72 717h540z" horiz-adv-x="1000" />
<glyph glyph-name="tag" unicode="&#xe055;" d="M1000 444l0 330c0 42-34 76-76 76h-337c-21 0-54 0-74-21l-495-494c-11-12-18-28-18-44 0-17 7-33 18-45l378-378c12-12 28-18 45-18s32 6 44 18l494 495c21 21 21 51 21 81z m-65-37l-495-494-377 378 493 493c5 4 23 4 30 4l15 0 323 0c7 0 14-7 14-14v-331c0-12 0-31-3-36z m-185 318c-69 0-125-56-125-125s56-125 125-125c69 0 125 56 125 125s-56 125-125 125z m0-187c-34 0-62 28-62 62s28 63 62 63 63-28 63-63-28-62-63-62z" horiz-adv-x="1000" />
<glyph glyph-name="support" unicode="&#xe056;" d="M500 850c-276 0-500-224-500-500s224-500 500-500 500 224 500 500-224 500-500 500z m125-81c141-42 252-153 294-294h-203c-22 38-53 69-91 91z m62-419c0-104-84-187-187-187s-187 83-187 187 84 187 187 187c103 0 187-84 187-187z m-249 433c20 3 41 4 62 4 21 0 42-1 63-4v-191c-20 5-41 8-63 8s-42-3-62-8v191z m-63-14v-203c-38-22-69-53-91-91h-203c42 141 153 252 294 294z m-312-419c0 21 2 42 5 63h190c-5-20-8-41-8-63 0-22 3-43 8-62h-190c-3 20-5 41-5 62z m312-419c-141 42-252 153-294 294h203c22-38 53-69 91-91v-203z m188-14c-21-3-42-5-63-5-21 0-42 2-62 5v191c20-5 40-8 62-8s43 3 63 8v-191z m62 14v203c38 22 69 53 91 91h203c-42-141-153-252-294-294z m117 357c5 19 8 40 8 62 0 22-3 43-8 63h190c3-21 5-42 5-63 0-21-2-42-4-62h-191z" horiz-adv-x="1000" />
<glyph glyph-name="size-fullscreen" unicode="&#xe057;" d="M670 476l269 267-1-151c0-13 10-24 22-24l16 0c13 1 23 8 24 21l0 225c0 1-1 1-1 1l2 11c0 7-2 12-6 16-4 4-10 7-16 7l-11 0c0 0-1-1-1-1l-224 1c-13 0-23-10-23-23l0-16c2-15 13-24 26-23l148-1-268-266c-13-12-13-32 0-44 12-12 32-12 44 0z m-339-252l-269-266 1 151c1 12-9 23-22 23l-17 0c-13 0-23-8-23-21l-1-225c0-1 1-1 1-1l-2-11c0-7 2-12 6-16 4-4 10-7 16-7l11 1c1 0 1 0 1 0l225-1c13 0 23 10 23 23l0 16c-1 15-13 24-26 23l-147 1 267 266c13 12 13 32 0 44s-32 12-44 0z m669-338l0 225c-1 13-11 21-24 21l-16 0c-12 0-22-11-22-23l1-152-269 267c-12 12-32 12-44 0s-13-32 0-44l268-266-148-1c-13 1-24-8-26-23l0-16c0-13 10-23 23-23l224 1c0 0 1 0 1 0l11-1c6 0 12 3 16 7 4 4 6 9 6 16l-2 11c0 0 1 1 1 1z m-892 900l147 1c13-1 25 8 26 23l0 16c0 13-10 23-23 23l-225-1c0 0 0 1-1 1l-11 0c-6 0-12-3-16-7-4-4-6-9-6-16l2-11c0 0-1 0-1-1l1-225c0-13 10-20 23-21l17 0c13 0 23 11 22 24l-1 150 269-266c12-12 32-12 44 0s13 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="size-actual" unicode="&#xe058;" d="M374 511l0 226c-1 13-11 20-24 20l-16 0c-12 1-22-10-22-23l1-152-260 258c-13 12-32 12-44 0s-13-32 0-44l258-257-147 0c-13 0-24-8-26-23l0-16c0-13 10-23 23-24l224 1c0 0 1 0 1 0l11 0c6 0 12 2 16 6 4 4 6 10 6 16l-2 12c0 0 1 0 1 0z m257-28c4-4 10-6 16-6l11 0c1 0 1 0 1 0l224-1c13 1 23 11 23 24l0 16c-1 15-13 23-26 23l-147 0 259 257c12 12 12 32 0 44s-32 12-45 0l-260-257 1 151c1 13-9 24-22 23l-16 0c-13 0-23-7-24-20l0-226c0 0 1 0 1 0l-2-12c0-6 2-12 6-16z m-262-265c-4 4-10 6-16 6l-11 0c0 0-1 0-1 0l-224 1c-13-1-23-11-23-24l0-16c2-14 13-23 26-23l148 0-259-258c-13-12-13-32 0-44 12-12 31-12 44 0l260 258-1-152c0-13 10-24 22-23l16 0c13 0 23 7 24 20l0 226c0 0-1 0-1 0l2 13c0 6-2 12-6 16z m364-56l147 0c13 0 25 9 26 23l0 16c0 13-10 23-23 24h-224c0 0 0 0-1 0l-13 0c-6 0-12-4-16-8-4-4-6-10-5-16l1-12c0 0-1 0-1 0l1-226c0-13 10-20 23-20l17 0c13-1 23 10 22 23l-1 151 261-257c13-12 32-12 45 0 12 12 12 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="shuffle" unicode="&#xe059;" d="M393 356l38 54-131 179h-297v-63h265z m504 170l-75-67c-10-9-12-23-3-32l5-8c9-9 24-9 33 0l125 113c0 0 0 0 0 0l9 8c4 5 6 10 6 16 0 6-2 12-6 16l-9 8c0 0 0 0 0 0l-127 116c-9 9-24 9-33 0l-5-8c-9-9-6-23 3-32l74-67h-226l-400-563h-265v-62h297l400 562z m85-509c0 0 0 0 0 1l-127 115c-9 9-24 9-33 0l-5-8c-9-8-6-22 3-31l74-68-194 0-112 173-38-54 118-181 229 0-75-68c-10-9-12-23-3-32l5-8c9-8 24-8 33 0l125 113c0 0 0 0 0 1l9 8c4 4 6 10 6 15 0 6-2 12-6 16z" horiz-adv-x="1000" />
<glyph glyph-name="share-alt" unicode="&#xe05a;" d="M881-77h-813v625h252l63 61-2 1h-313c-34 0-62-28-62-62v-625c0-35 28-63 62-63h813c34 0 62 28 62 63v489l-62-60v-429z m-617 250l63 0c44 248 260 437 521 437 11 0 22 0 32 0l-114-114c-13-12-13-32 0-44 6-7 14-10 22-10s16 3 22 10l184 189-184 190c-12 12-32 12-44 0-13-13-13-32 0-45l113-113c-10 0-19 0-29 0-296 0-541-217-586-500z" horiz-adv-x="1000" />
<glyph glyph-name="share" unicode="&#xe05b;" d="M844 163c-52 0-97-25-126-64l-411 210c3 13 6 27 6 41 0 18-4 35-9 51l414 201c28-39 74-64 126-64 86 0 156 70 156 156 0 86-70 156-156 156s-156-70-156-156c0-12 1-24 4-35l-420-204c-29 31-70 51-116 51-86 0-156-70-156-156 0-86 70-156 156-156 50 0 94 23 123 59l413-210c-3-12-4-24-4-37 0-86 70-156 156-156s156 70 156 156-70 157-156 157z m0 625c52 0 94-42 94-94s-42-94-94-94-94 42-94 94 42 94 94 94z m-688-532c-51 0-93 42-93 94s42 94 93 94c52 0 94-42 94-94s-42-94-94-94z m688-344c-52 0-94 42-94 94 0 52 42 94 94 94s94-42 94-94-42-94-94-94z" horiz-adv-x="1000" />
<glyph glyph-name="rocket" unicode="&#xe05c;" d="M205-13c-20-40-32-68-141-72 3 106 23 117 63 137 17 9 38 19 61 37l-38 48c-18-14-35-21-51-29-67-33-99-66-99-223l1-32 31 1c165 0 196 37 227 101 7 15 11 24 22 43l-46 42c-14-19-22-37-30-53z m483 679c-69 0-125-56-125-126 0-69 56-125 125-125s126 56 126 125c0 70-56 126-126 126z m0-188c-34 0-62 28-62 62 0 35 28 63 62 63s63-28 63-63c0-34-28-62-63-62z m312 343c-1 16-13 29-29 30 0 0-175 12-343-50-62-23-112-60-159-115-40-46-79-129-114-198-13-26-26-52-36-71h-174c-9 0-18-4-24-11l-114-124c-8-8-10-20-7-30 4-11 12-19 23-21l187-43c12-15 34-39 67-76l71-79 38-161c3-10 10-19 21-22 3-1 6-2 10-2 7 0 14 3 20 8l116 115c7 6 11 15 11 24v161c15 10 43 25 69 39 70 40 176 89 220 128 62 55 84 95 106 154 53 142 41 336 41 344z m-100-322c-19-52-36-83-89-129-38-35-144-84-209-120-48-27-77-43-89-53-8-6-12-15-12-25v-163l-66-72-28 118c-1 6-4 10-7 14-58 64-144 160-151 168-4 5-10 9-17 10l-143 33 70 74h178c10 0 20 6 26 15 14 23 30 54 48 91 32 63 71 145 105 186 41 47 82 77 134 96 115 43 234 48 288 47 1-57-1-191-38-290z" horiz-adv-x="1000" />
<glyph glyph-name="question" unicode="&#xe05d;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m-46 157h79v80h-79z m45 564c-46 0-83-13-113-37-30-25-44-74-43-115l1-3h72c0 25 8 60 24 73 16 12 36 18 59 18 27 0 47-7 62-21 14-15 21-36 21-62 0-23-5-42-16-58-10-16-28-39-53-69-26-24-42-42-49-57-6-14-9-39-9-76h75c0 23 2 40 4 51 3 11 12 23 25 37 30 28 54 56 72 83 18 28 26 58 26 90 0 46-13 82-41 107-28 26-67 39-117 39z" horiz-adv-x="1000" />
<glyph glyph-name="pie-chart" unicode="&#xe05e;" d="M562 759c-17 0-31-14-31-31s14-32 31-32c221 0 376-161 376-382 0-222-180-402-401-402-222 0-383 160-383 381 0 18-14 32-31 32s-32-14-32-32c0-255 190-443 446-443 255 0 463 208 463 464 0 255-182 445-438 445v0z m-93-347v407c0 17-14 31-31 31-244 0-438-194-438-438 0-17 14-31 31-31h407c17 0 31 14 31 31z m-62 32h-343c15 184 158 327 343 342v-342z" horiz-adv-x="1000" />
<glyph glyph-name="pencil" unicode="&#xe05f;" d="M942 802c-34 32-72 49-112 49-63 0-108-41-121-53-18-18-618-619-618-619-4-3-7-8-8-14-14-50-82-272-83-274-3-12 0-24 8-32 6-6 15-10 23-10 3 0 6 1 9 2 3 1 232 75 270 86 5 1 9 4 13 8 24 23 584 577 621 616 39 40 58 81 57 123-1 41-21 80-59 118z m-243-104c16-4 54-17 92-55 39-39 49-84 51-94-123-122-406-402-517-513-10 24-27 53-54 80-32 33-66 52-91 62 110 111 398 399 519 520z m-562-573c17-4 53-17 89-54 28-28 42-59 48-78-44-14-139-47-199-67 17 59 48 151 62 199z m762 481c-1-2-3-4-6-6-10 25-27 58-57 88-31 31-62 49-87 60 2 2 4 4 5 4 3 4 36 35 76 35 23 0 46-11 68-32 26-25 39-49 40-73 0-24-13-49-39-76z" horiz-adv-x="1000" />
<glyph glyph-name="note" unicode="&#xe060;" d="M781-88h-719v782h439l63 60-1 2h-501c-35 0-63-28-63-62v-782c0-34 28-62 63-62h719c34 0 62 28 62 62v458l-62-60v-398z m170 898c-28 27-59 40-92 40-52 0-90-33-100-44-15-14-429-428-429-428-3-3-6-7-7-11-11-42-67-226-68-228-3-9 0-20 7-26 5-5 11-8 18-8 3 0 5 0 8 1 2 1 192 62 223 72 4 1 8 3 11 6 20 19 401 394 432 426 31 33 47 67 47 102-1 34-18 67-50 98z m-42-156c-18-18-154-153-405-400l-19-19c-29-9-98-31-150-48 17 55 37 122 46 154 53 54 408 408 422 421 2 3 26 26 56 26 17 0 33-8 49-24 20-18 30-36 30-53 0-18-9-37-29-57z" horiz-adv-x="1000" />
<glyph glyph-name="music-tone-alt" unicode="&#xe061;" d="M969 161c0 1 0 1 0 2v651c0 4 0 7-1 11-3 14-15 25-31 25-5 0-11-1-15-4l-584-152c-11-3-18-11-22-20-2-5-4-10-4-15v-559c-29 20-67 32-109 32-95 0-172-63-172-141 0-78 77-141 172-141 95 0 173 63 173 141 0 4-1 8-1 12v0 636l531 138v-521c-30 20-68 32-109 32-95 0-173-63-173-141 0-78 78-141 173-141 95 0 172 63 172 141 0 5 0 10 0 14z m-765-249c-65 0-110 42-110 79 0 37 45 78 110 78 58 0 100-33 108-66v0c0-4 1-7 2-9 0-1 0-2 0-3 0-37-45-79-110-79z m593 157c-65 0-110 41-110 78s45 78 110 78c64 0 109-41 109-78s-45-78-109-78z" horiz-adv-x="1000" />
<glyph glyph-name="music-tone" unicode="&#xe062;" d="M833 534l-306 306c-10 10-24 11-36 6-12-4-21-16-21-30v-691c-33 24-76 39-124 39-104 0-188-70-188-156 0-87 84-157 188-157 103 0 187 70 187 157 0 3 0 7 0 11v727l255-256c13-12 32-12 45 0s12 32 0 44z m-488-620c-74 0-125 49-125 94 0 44 51 93 125 93 72 0 123-47 125-91v-5c-2-44-53-91-125-91v0z" horiz-adv-x="1000" />
<glyph glyph-name="microphone" unicode="&#xe063;" d="M499 163h7c87 0 150 64 150 152v372c0 92-66 163-150 163h-7c-86 0-155-73-155-163v-372c0-87 67-152 155-152z m-93 524c0 56 42 101 93 101h7c50 0 88-44 88-101v-372c0-54-35-90-88-90h-7c-55 0-93 37-93 90z m375-181c-17 0-31-14-31-31v-130c0-186-66-276-203-276h-93c-178 0-204 150-204 276v130c0 17-14 31-31 31s-31-14-31-31v-130c0-215 89-339 266-339h15v-94h-156c-18 0-32-14-32-31s14-31 32-31h375c17 0 31 14 31 31s-14 31-31 31h-157v94h16c121 0 266 59 266 339v130c0 17-14 31-32 31z" horiz-adv-x="1000" />
<glyph glyph-name="loop" unicode="&#xe064;" d="M938 751l-875 0c-35 0-63-28-63-63v-562c0-35 28-63 63-63h156c20 0 31 26 31 31v0c0 6-11 32-31 32h-118c-21 0-38 17-38 38v485c0 21 17 38 38 38l799 1c21 0 38-17 38-38v-486c0-21-17-38-38-38h-394l74 67c9 9 12 23 3 32l-5 8c-9 9-24 9-33 0l-127-116c0 0 0 0 0 0l-9-8c-4-4-7-10-6-16-1-6 2-11 6-16l9-8c0 0 0 0 0 0l125-113c9-9 24-9 33 0l5 8c9 9 6 23-3 31l-75 68h435c34 0 62 28 62 63v562c0 35-28 63-62 63z" horiz-adv-x="1000" />
<glyph glyph-name="logout" unicode="&#xe065;" d="M114 319h542c17 0 31 14 31 31s-14 32-31 32h-540l113 113c12 12 12 32 0 44s-32 12-44 0l-185-190 185-189c6-6 14-9 22-9s16 3 22 9c12 12 12 32 0 44z m823 531h-531c-35 0-63-28-63-62v-282h63v243c0 21 17 38 38 38h454c21 0 38-17 38-38l1-799c0-21-17-38-38-38h-455c-21 0-38 17-38 38v245l-63 0v-283c0-34 28-62 63-62h531c35 0 63 28 63 62v876c0 34-28 62-63 62z" horiz-adv-x="1000" />
<glyph glyph-name="login" unicode="&#xe066;" d="M520 204c-12-12-12-32 0-44 6-6 14-9 22-9s16 3 22 9l185 189-185 190c-12 12-32 12-44 0-12-12-12-32 0-44l113-113h-602c-17 0-31-14-31-32s14-31 31-31h604z m418 646h-563c-34 0-62-28-62-62v-282h63v243c0 21 17 38 37 38h485c21 0 38-17 38-38l1-799c0-21-17-38-38-38h-486c-20 0-37 17-37 38v245l-63 0v-283c0-34 28-62 62-62h563c34 0 62 28 62 62v876c0 34-28 62-62 62z" horiz-adv-x="1000" />
<glyph glyph-name="list" unicode="&#xe067;" d="M94 413h-63c-17 0-31-14-31-32v-62c0-17 14-31 31-31h63c17 0 31 14 31 31v62c0 18-14 32-31 32z m875-32h-656c-18 0-32-14-32-31s14-31 32-31h656c17 0 31 14 31 31s-14 31-31 31z m-875-218h-63c-17 0-31-14-31-32v-62c0-17 14-31 31-31h63c17 0 31 14 31 31v62c0 18-14 32-31 32z m875-32h-656c-18 0-32-14-32-31s14-31 32-31h656c17 0 31 14 31 31s-14 31-31 31z m-875 532h-63c-17 0-31-14-31-32v-62c0-17 14-31 31-31h63c17 0 31 14 31 31v62c0 18-14 32-31 32z m219-94h656c17 0 31 14 31 31s-14 31-31 31h-656c-18 0-32-14-32-31s14-31 32-31z" horiz-adv-x="1000" />
<glyph glyph-name="like" unicode="&#xe068;" d="M594-150c-284 0-286 12-321 38-19 14-54 24-182 33-10 0-19 4-25 11-2 3-67 97-67 247 0 148 46 216 48 219 6 9 16 14 27 14 105 0 252 135 350 370 17 41 21 68 83 68 36 0 76-26 95-58 41-67 20-210 1-287 65 1 181 1 237 1 77 0 128-46 130-113 0-22-3-50-9-65 17-17 39-43 40-76 1-42-27-74-45-93 4-12 13-29 12-48-2-49-39-80-63-96 2-13 4-38 0-57-17-77-130-108-311-108z m-487 134c112-9 172-22 204-46 24-18 20-25 283-25 81 0 238 3 250 58 4 22-19 44-19 44-6 16 1 34 16 41 0 0 63 22 64 57 1 23-14 36-14 36-10 15-6 34 8 44 0 0 40 24 39 58-1 26-36 45-37 45-7 5-13 13-15 22-2 8 0 18 6 25 0 0 16 25 15 49-1 50-56 52-67 52-79 0-282-1-282-1-10 0-20 5-26 14-6 9-6 20-3 30 31 87 48 225 20 273-9 13-11 27-42 27-4 0-14-3-25-29-105-250-261-394-388-407-11-25-32-77-32-172 0-96 30-171 45-195z" horiz-adv-x="1000" />
<glyph glyph-name="home" unicode="&#xe069;" d="M993 349l-469 491c-6 6-14 10-23 10-8 0-16-4-22-10l-472-491c-12-13-11-32 1-44 13-12 32-12 44 0l42 44v-467c0-18 14-32 32-32h218c17 0 31 14 31 31l1 313h249v-312c0-18 14-32 31-32h219c17 0 31 14 31 32v467l42-44c6-6 14-9 22-9 8 0 16 3 22 9 12 11 13 31 1 44z m-150 57v-493h-155v312c0 17-14 31-32 31h-311c-17 0-31-14-31-31l-1-312h-156v493c0 2-1 5-1 7l345 360 343-359c0-3-1-5-1-8z" horiz-adv-x="1000" />
<glyph glyph-name="grid" unicode="&#xe06a;" d="M938-150h-313c-34 0-62 28-62 62v313c0 35 28 63 62 63h313c34 0 62-28 62-63v-313c0-34-28-62-62-62z m0 375h-313v-313h313v313z m0 188h-313c-34 0-62 28-62 62v313c0 34 28 62 62 62h313c34 0 62-28 62-62v-313c0-34-28-62-62-62z m0 375h-313v-313h313v313z m-563-938h-312c-35 0-63 28-63 62v313c0 35 28 63 63 63h312c35 0 63-28 63-63v-313c0-34-28-62-63-62z m0 375h-312v-313h312v313z m0 188h-312c-35 0-63 28-63 62v313c0 34 28 62 63 62h312c35 0 63-28 63-62v-313c0-34-28-62-63-62z m0 375h-312v-313h312v313z" horiz-adv-x="1000" />
<glyph glyph-name="graph" unicode="&#xe06b;" d="M922 631c-43 0-78-35-78-78 0-9 2-17 4-25l-190-164c-13 11-30 17-49 17-21 0-40-8-54-22l-149 75c-3 40-37 72-78 72-43 0-78-35-78-78 0-12 3-23 8-33l-153-175c-8 3-17 5-27 5-43 0-78-35-78-78s35-78 78-78c43 0 78 35 78 78 0 10-2 20-6 29l155 178c7-2 15-4 23-4 23 0 43 10 57 25l146-73c1-42 36-77 78-77 44 0 79 35 79 78 0 2-1 3-1 4l203 175c10-4 21-7 32-7 43 0 78 35 78 78 0 43-35 78-78 78z" horiz-adv-x="1000" />
<glyph glyph-name="equalizer" unicode="&#xe06c;" d="M156 471v348c0 17-14 31-31 31s-31-14-31-31v-348c-54-14-94-63-94-121 0-58 40-107 94-121v-348c0-17 14-31 31-31 17 0 31 14 31 31v348c54 14 94 63 94 121 0 58-40 107-94 121z m-31-183c0 0 0 0 0 0 0 0 0 0 0 0-35 0-63 28-63 62 0 34 28 62 63 63 0 0 0 0 0 0 0 0 0 0 0 0 35-1 63-29 63-63 0-34-28-62-63-62z m406-4l0 535c0 17-14 31-31 31s-31-14-31-31v-535c-54-14-94-63-94-121s40-108 94-122v-160c0-17 14-31 31-31 17 0 31 14 31 31v160c54 14 94 63 94 122 0 58-40 107-94 121z m-31-184c0 0 0 0 0 0 0 0 0 0 0 0-35 0-63 28-63 63 0 34 28 62 63 62 0 0 0 0 0 0 0 0 0 0 0 0 35 0 63-28 63-62 0-35-28-63-63-63z m406 559l0 160c0 17-14 31-31 31-17 0-31-14-31-31v-160c-54-14-94-63-94-121s40-108 94-122v-535c0-17 14-31 31-31 17 0 31 14 31 31v535c54 14 94 63 94 122 0 58-40 107-94 121z m-31-184c0 0 0 0 0 0 0 0 0 0 0 0-35 0-63 28-63 63 0 34 28 62 63 62 0 0 0 0 0 0s0 0 0 0c35 0 63-28 63-62 0-35-28-63-63-63z" horiz-adv-x="1000" />
<glyph glyph-name="dislike" unicode="&#xe06d;" d="M406 850c284 0 286-12 321-38 19-14 54-24 183-33 9 0 18-4 24-11 2-3 67-97 67-247 0-148-46-215-48-219-6-9-16-14-27-14-105 0-252-135-350-370-17-41-21-68-83-68-36 0-75 26-95 58-41 67-20 210-1 287-65 0-181-1-237-1-77 0-128 46-130 113 0 22 3 51 9 65-17 17-39 43-40 76-1 42 27 75 45 93-4 12-12 29-12 48 2 49 39 80 63 96-2 13-4 38 0 57 17 77 130 108 311 108z m487-134c-112 9-172 22-203 46-25 18-21 25-284 25-80 0-237-3-249-58-5-22 18-44 18-44 6-16-1-34-16-41 0 0-63-22-64-57-1-22 14-36 15-36 9-14 5-34-9-43 0-1-40-25-39-59 1-26 36-45 37-45 7-5 13-13 15-21 2-9 0-19-6-26 0 0-16-25-15-49 1-50 56-52 67-52 79 0 282 1 282 1 11 0 20-5 26-14s6-20 3-29c-31-88-48-226-20-274 9-13 11-27 42-27 4 0 15 3 25 29 105 250 261 394 389 407 11 25 31 77 31 172 0 96-30 171-45 195z" horiz-adv-x="1000" />
<glyph glyph-name="cursor" unicode="&#xe06e;" d="M900 749l-329-767-116 336-336 102z m81 100c-6 0-13-1-22-5l-932-396c-34-14-36-41-5-61l386-120 127-394c9-15 20-22 30-22 12 0 23 9 31 26l398 932c11 25 5 40-13 40z" horiz-adv-x="1000" />
<glyph glyph-name="control-start" unicode="&#xe06f;" d="M952 786c0 23-12 44-32 55-9 5-20 8-30 8-12 0-23-3-33-10l-719-436c-15-10-26-25-29-43v459c0 17-14 31-31 31s-31-14-31-31v-938c0-17 14-31 31-31 17 0 31 14 31 31v459c3-17 14-33 29-43l720-436c10-7 21-10 33-10 10 0 21 3 30 8 20 11 32 32 32 55z m-781-436l719 436 1-872z" horiz-adv-x="1000" />
<glyph glyph-name="control-rewind" unicode="&#xe070;" d="M561 657l-494-307 494-307v242l375-242v614l-375-241v249-8z m-3 62c10 0 22-2 32-8 19-11 33-32 33-54v-129l291 182c10 6 21 9 33 9 10 0 15-2 24-8 20-11 27-32 27-54v-614c0-22-7-43-27-54-9-6-17-8-28-8-11 0-20 3-30 9l-290 182v-129c0-22-14-43-33-54-10-6-21-8-31-8-12 0-24 3-34 9l-493 307c-19 11-30 31-30 53s11 42 30 53l493 307c10 6 21 9 33 9z" horiz-adv-x="1000" />
<glyph glyph-name="control-play" unicode="&#xe071;" d="M141 786l719-436-720-436z m0 63c-10 0-21-3-30-8-20-11-32-32-32-55l-1-872c0-23 12-44 32-55 9-5 20-8 30-8 12 0 23 3 33 10l720 436c18 11 29 31 29 53s-11 42-29 53l-719 436c-10 7-21 10-33 10v0z" horiz-adv-x="1000" />
<glyph glyph-name="control-pause" unicode="&#xe072;" d="M407 850h-219c-18 0-32-14-32-31v-938c0-17 14-31 32-31h219c17 0 31 14 31 31v938c0 17-14 31-31 31z m-32-938h-156v876h156v-876z m437 938h-217c-18 0-32-14-32-31v-938c0-17 14-31 32-31h217c18 0 32 14 32 31v938c0 17-14 31-32 31z m-31-938h-155v876h155v-876z" horiz-adv-x="1000" />
<glyph glyph-name="control-forward" unicode="&#xe073;" d="M440 657l493-307-493-307v242l-375-242v614l375-241v249z m2 62c-10 0-22-2-31-8-20-11-34-32-34-54v-129l-291 182c-10 6-21 9-32 9-11 0-16-2-25-8-20-11-27-32-27-54v-614c0-22 7-43 27-54 9-6 17-8 28-8 11 0 20 3 30 9l290 182v-129c0-22 14-43 34-54 9-6 20-8 31-8 11 0 23 3 33 9l493 307c19 11 30 31 30 53s-11 42-29 53l-494 307c-10 6-21 9-33 9v0z" horiz-adv-x="1000" />
<glyph glyph-name="control-end" unicode="&#xe074;" d="M922 850c-17 0-31-14-31-31v-459c-3 18-14 33-29 43l-719 436c-10 7-21 10-33 10-10 0-20-3-30-8-20-11-32-32-32-55l-1-872c0-23 12-44 32-55 10-5 20-8 30-8 12 0 23 3 33 10l720 436c15 10 26 26 29 43v-459c0-17 14-31 31-31s31 14 31 31v938c0 17-14 31-31 31z m-813-936l1 872 719-436z" horiz-adv-x="1000" />
<glyph glyph-name="calender" unicode="&#xe075;" d="M938 756l-251 0v63c0 17-14 31-31 31s-31-14-31-31v-63h-250v63c0 17-14 31-31 31s-32-14-32-31v-63h-249c-35 0-63-28-63-62v-781c0-35 28-63 63-63h875c34 0 62 28 62 63v781c0 34-28 62-62 62z m0-843l-875 0v781h249v-32c0-17 14-31 32-31s31 14 31 31v32h250v-32c0-17 14-31 31-31s31 14 31 31v32h251v-781 0z m-219 437h62c18 0 32 14 32 31v63c0 17-14 31-32 31h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31z m0-250h62c18 0 32 14 32 31v63c0 17-14 31-32 31h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31z m-188 125h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31h62c18 0 32 14 32 31v63c0 17-14 31-32 31z m0 250h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31h62c18 0 32 14 32 31v63c0 17-14 31-32 31z m-250 0h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31h62c18 0 32 14 32 31v63c0 17-14 31-32 31z m0-250h-62c-17 0-31-14-31-31v-63c0-17 14-31 31-31h62c18 0 32 14 32 31v63c0 17-14 31-32 31z" horiz-adv-x="1000" />
<glyph glyph-name="bulb" unicode="&#xe076;" d="M500 850c-193 0-345-157-345-351 0-145 72-215 128-265 37-33 61-53 61-77v-53c0-1 0-3 1-4h-1v-90c0-96 62-160 157-160 92 0 155 64 155 160v90h-1c1 1 1 3 1 4v53c0 37 27 59 69 95 56 50 120 111 120 247 0 194-152 351-345 351z m-1-938c-59 0-93 37-93 98l0 41c22-7 53-13 94-13 41 0 71 6 94 14v-42c0-62-35-98-95-98z m185 388c-43-38-91-76-91-143v-39c-14-9-42-19-93-19-55 0-80 10-93 18v40c0 53-42 87-82 123-53 48-107 102-107 219 0 159 123 289 282 289 159 0 282-130 282-289 0-108-47-155-98-199z" horiz-adv-x="1000" />
<glyph glyph-name="chart" unicode="&#xe077;" d="M266 538h-219c-17 0-31-14-31-32v-625c0-17 14-31 31-31h219c17 0 31 14 31 31v625c0 18-14 32-31 32z m-32-626h-156v563h156v-563z m375 440h-219c-17 0-31-14-31-31v-440c0-17 14-31 31-31h219c17 0 31 14 31 31v440c0 17-14 31-31 31z m-31-440h-156v377h156v-377z m375 938h-218c-18 0-32-14-32-31v-938c0-17 14-31 32-31h218c17 0 31 14 31 31v938c0 17-14 31-31 31z m-31-938h-156v876h156v-876z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-up-circle" unicode="&#xe078;" d="M1000 350c0 276-224 500-500 500-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500z m-938 0c0 241 197 438 438 438 241 0 438-197 438-438s-197-438-438-438-438 197-438 438z m470-219v352l113-113c12-12 32-12 44 0s12 32 0 44l-190 185-189-185c-6-6-9-14-9-22s3-16 9-22c12-12 32-12 44 0l115 115v-354c0-17 14-31 31-31 18 0 32 14 32 31z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-right-circle" unicode="&#xe079;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m20 628c-12-12-12-32 0-44l113-113h-352c-17 0-31-14-31-32s14-31 31-31h354l-115-115c-12-12-12-32 0-44 6-6 14-9 22-9s16 3 22 9l185 189-185 190c-12 12-32 12-44 0z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-left-circle" unicode="&#xe07a;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m219 471h-352l113 113c12 12 12 32 0 44s-32 12-44 0l-185-190 185-189c6-6 14-9 22-9s16 3 22 9c12 12 12 32 0 44l-115 115h354c17 0 31 14 31 31s-14 32-31 32z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-down-circle" unicode="&#xe07b;" d="M0 350c0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500-276 0-500-224-500-500z m939 0c0-241-198-438-439-438s-437 197-437 438 196 438 437 438 439-197 439-438z m-471 219v-352l-113 113c-12 12-32 12-44 0s-12-32 0-44l190-185 189 185c6 6 9 14 9 22s-3 16-9 22c-12 12-32 12-44 0l-115-115v354c0 17-14 31-31 31s-32-14-32-31z" horiz-adv-x="1000" />
<glyph glyph-name="ban" unicode="&#xe07c;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m-437-500c0 110 40 210 107 287l617-617c-77-68-177-109-287-109-241 0-437 198-437 439v0z m768-286l-617 617c77 66 177 107 286 107 241 0 438-197 438-438 0-109-41-209-107-286z" horiz-adv-x="1000" />
<glyph glyph-name="bubble" unicode="&#xe07d;" d="M500 725c241 0 438-140 438-312 0-173-197-313-438-313l-26 0c-17 0-28 0-46 3l-35 5-22-27c-11-13-63-56-121-84 11 31 20 66 21 99l0 2v44l-34 17c-111 57-174 149-174 254 0 172 196 312 437 312z m0 63c-276 0-500-168-500-375 0-129 76-242 209-309 0-1-1-2-1-3 0-56-31-117-49-149h0c-2-4-3-7-3-11 0-16 13-29 29-29 2 0 6 1 7 1 0 0 1 0 1 0 97 16 205 102 226 128 22-3 37-4 55-4 8 0 16 1 26 1 276 0 500 167 500 375 0 207-224 375-500 375z" horiz-adv-x="1000" />
<glyph glyph-name="camrecorder" unicode="&#xe07e;" d="M623 632c1 0 2-1 2-2v-125c0-23 13-45 34-55 9-5 19-8 29-8 12 0 26 4 37 11l213 120v-445l-214 116c-11 8-23 12-36 12-10 0-20-3-29-7-21-11-33-32-34-56l0-123c0-1-1-2-2-2h-558c-1 0-2 1-2 2l0 560c0 1 1 2 2 2h558z m344 31c-6 0-20-2-27-9l-252-149v125c0 35-29 64-65 64h-558c-36 0-65-29-65-64l0-560c0-35 29-64 65-64h558c36 0 65 29 65 64l0 123 257-150c7-7 16-6 22-6 7 0 12 2 13 2 12 5 20 17 20 30v562c0 13-8 25-20 30-1 0-6 2-13 2z" horiz-adv-x="1000" />
<glyph glyph-name="camera" unicode="&#xe07f;" d="M906 631h-143l-75 125h-375l-75-125h-144c-31 0-94-31-94-92v-501c0-52 47-94 87-94h821c41 0 92 44 92 93v501c0 31-31 93-94 93z m32-594c0-13-20-30-30-31h-821c-7 1-24 15-24 32v501c0 19 26 29 31 30h179l75 125h306l56-95 17-30h179c22 0 31-29 32-31v-501 0z m-438 501c-121 0-219-98-219-219s98-219 219-219 219 98 219 219-98 219-219 219z m0-375c-86 0-156 70-156 156s70 156 156 156 156-70 156-156-70-156-156-156z" horiz-adv-x="1000" />
<glyph glyph-name="check" unicode="&#xe080;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m200 622l-294-295-132 132c-12 12-32 12-44 0-12-12-12-32 0-44l155-155c12-12 32-12 44 0 1 1 2 3 4 5l311 313c12 12 12 32 0 44-12 12-32 12-44 0z" horiz-adv-x="1000" />
<glyph glyph-name="clock" unicode="&#xe081;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m31 452v300c0 17-14 31-31 31s-31-14-31-31v-313c0-9 4-17 9-22 1-1 1-2 2-2l155-155c12-12 32-12 44 0 12 12 12 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="close" unicode="&#xe082;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m177 616c-12 12-32 12-44 0l-133-133-133 133c-12 12-32 12-44 0-12-12-12-32 0-44l133-133-133-133c-12-12-12-32 0-44 12-12 32-12 44 0l133 133 133-133c12-12 32-12 44 0 12 12 12 32 0 44l-133 133 133 133c12 12 12 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="cloud-download" unicode="&#xe083;" d="M745 596c-43 116-137 189-279 189-180 0-306-134-316-308-87-28-150-116-150-217 0-123 97-226 211-226h28c17 0 31 14 31 31s-14 31-31 31h-28c-81 0-149 75-149 164 0 79 55 150 124 162l28 5-2 28-1 1c0 152 101 267 255 267 125 0 194-62 227-166l6-21 23-1c116-2 218-97 218-214 0-106-71-225-178-225h-9c-17 0-31-14-31-31s14-31 31-31v0c157 4 247 153 247 287 0 145-113 260-255 275z m-114-503c-8 9-23 9-31 0l-69-76v315c0 17-14 31-31 31s-32-14-32-31v-315l-66 74c-9 9-23 11-32 2l-8-5c-8-9-8-23 0-33l113-124c0-1 0-1 1-1l7-8c5-5 11-7 16-7 6 0 12 2 16 7l8 8c0 0 0 0 0 1l116 126c9 9 9 20 0 29z" horiz-adv-x="1000" />
<glyph glyph-name="cloud-upload" unicode="&#xe084;" d="M745 596c-43 116-137 189-279 189-180 0-306-134-316-308-87-28-150-116-150-217 0-122 97-226 211-226h90c17 0 31 14 31 31 0 17-14 31-31 31h-90c-81 0-149 75-149 164 0 79 55 150 124 162l28 5-2 28-1 1c0 152 101 267 255 267 125 0 194-62 227-166l6-21 23-1c116-2 218-97 218-214 0-106-71-225-178-225h-71c-17 0-31-14-31-31 0-17 14-31 31-31l71 0c156 4 238 153 238 287 0 145-113 260-255 275z m-222-249c0 0 0 1 0 1l-8 8c-4 5-10 7-16 7-5 0-11-2-16-7l-7-8c-1 0-1-1-1-1l-113-125c-8-9-8-23 0-33l8-5c9-9 23-6 32 3l66 74v-315c0-17 14-31 32-31 17 0 31 14 31 31v315l69-76c8-9 23-12 31-3l8 5c9 10 9 24 0 33z" horiz-adv-x="1000" />
<glyph glyph-name="doc" unicode="&#xe085;" d="M547 850h-344c-34 0-62-28-62-62v-876c0-34 28-62 62-62h594c34 0 62 28 62 62v626z m250-338v-6h-281v282h5z m-594-600v876h250v-344h344v-532h-594z" horiz-adv-x="1000" />
<glyph glyph-name="envolope" unicode="&#xe086;" d="M1000 623c0 6 0 13-3 18-8 35-33 53-75 53h-813c-37 0-77-14-97-41-1-1-3-2-4-4-7-7-9-17-7-26-1-2-1-5-1-7v-500c0-52 58-110 109-110h813c52 0 78 58 78 110v500c0 2 0 5 0 7z m-891 8l813 0h0l-422-336-421 335c10 2 22 1 30 1z m813-562h-813c-17 0-46 29-46 47v447l417-333c5-5 13-8 20-8 7 0 15 3 21 8l417 333v-447c0-18 1-47-16-47z" horiz-adv-x="1000" />
<glyph glyph-name="eye" unicode="&#xe087;" d="M503 536c-103 0-187-84-187-187 0-104 84-188 187-188s188 84 188 188-84 187-188 187z m0-312c-68 0-126 57-126 126 0 69 56 125 125 125 69 0 125-56 125-125s-55-126-124-126z m497 133c-1 2 0 4-1 5 0 1-1 1-1 2 0 1 0 2 0 3-91 208-287 327-496 327s-409-119-500-327c0-1 0-2 0-3 0-1-1-1-1-2-1-1 0-3-1-4 0-3-1-6-1-9 0-3 1-5 1-8 1-2 0-3 1-5 0-1 1-1 1-2 0 0 0-2 0-2 91-208 289-326 498-326 209 0 407 117 498 325 0 1 0 2 0 3 0 1 1 1 1 2 1 1 0 3 1 5 0 2 1 5 1 8 0 3-1 5-1 8z m-500-289c-177 0-351 94-437 281 85 187 262 283 439 283 177 0 350-96 435-283-85-187-259-281-437-281z" horiz-adv-x="1000" />
<glyph glyph-name="flag" unicode="&#xe088;" d="M664 757c-156 0-198 94-396 94-127 0-205-97-205-97v-873c0-18 14-32 31-32s31 14 31 32v398c33 21 79 40 135 40 198 0 256-93 412-93s266 93 266 93v532s-118-94-274-94z m211-406c-35-23-110-63-203-63-62 0-103 17-157 38-64 26-138 56-255 56-53 0-98-13-135-31v378c24 21 75 59 143 59 92 0 144-22 199-46 54-23 111-48 197-48 83 0 156 23 211 48v-391z" horiz-adv-x="1000" />
<glyph glyph-name="folder" unicode="&#xe089;" d="M346 678l77-75 20-19h495v-562h-875v656h281 2z m29 63h-312c-35 0-63-28-63-63v-656c0-35 28-63 63-63h875c34 0 62 28 62 63v562c0 35-28 63-62 63h-469z" horiz-adv-x="1000" />
<glyph glyph-name="heart" unicode="&#xe08a;" d="M281 739c31 0 86-15 176-104l45-43 44 44c62 64 128 103 173 103 60 0 107-21 153-67 44-43 68-101 68-162 0-61-24-119-68-163-4-3-193-207-351-378-7-7-16-8-20-8-5 0-13 1-21 8-38 43-318 354-350 386-44 43-67 101-67 162 0 62 23 119 67 163 42 42 92 59 151 59z m0 62c-74 0-140-22-195-77-115-114-115-299 0-413 32-33 349-385 349-385 18-18 42-27 66-27 23 0 47 9 65 27 0 0 347 374 350 378 115 114 115 299 0 413-57 56-120 84-197 84-74 0-156-59-218-121-63 62-143 121-220 121v0z" horiz-adv-x="1000" />
<glyph glyph-name="info" unicode="&#xe08b;" d="M563 131l-32 0v280c0 0 0 0 0 1s0 0 0 1c0 17-14 31-31 31h-62c-18 0-32-14-32-31s14-32 32-32h31v-250h-31c-18 0-32-14-32-31s14-31 32-31h125c17 0 31 14 31 31s-14 31-31 31z m-63 375c35 0 63 28 63 63s-28 62-63 62-62-28-62-62 28-63 62-63z m0 344c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z" horiz-adv-x="1000" />
<glyph glyph-name="key" unicode="&#xe08c;" d="M640 850c-155 0-281-126-281-282 0-69 26-133 67-182-8 0-17-3-24-9l-314-317c-13-12-13-32 0-44 0 0 0-1 0-1 0 0 0 0 1 0l153-156c12-13 32-13 44 0s12 32 0 44l-132 135 80 81 133-135c12-13 32-13 44 0s12 32 0 44l-133 135 169 170c6 6 9 15 9 23 49-43 114-69 184-69 156 0 282 126 282 281 0 156-126 282-282 282z m0-500c-120 0-218 98-218 219 0 121 98 219 218 219s219-98 219-219c0-121-98-219-219-219z" horiz-adv-x="1000" />
<glyph glyph-name="link" unicode="&#xe08d;" d="M289 135c6-6 14-9 22-9s16 3 22 9l379 381c12 13 12 32 0 44s-32 13-45 0l-378-381c-12-12-12-32 0-44z m176 66c10-45-1-90-36-125l-126-123c-27-26-62-41-100-41s-73 15-99 41c-55 55-55 145-1 199l124 127c26 27 62 42 99 42 13 0 25-3 37-6l49 49c-27 12-56 19-86 19-52 0-104-20-144-59l-123-127c-79-80-79-208 0-288 40-39 92-59 144-59s104 20 144 59l126 122c60 61 73 146 41 220z m476 590c-40 39-92 59-144 59-52 0-104-20-144-59l-126-122c-62-63-75-157-38-233l48 49c-14 48-3 102 34 139l127 123c26 26 61 41 99 41 38 0 73-15 99-41 55-55 55-145 1-199l-126-126c-27-27-62-41-100-41-9 0-18-1-27 0l-50-49c25-11 51-14 77-14 52 0 104 20 144 60l126 125c79 80 79 208 0 288z" horiz-adv-x="1000" />
<glyph glyph-name="lock" unicode="&#xe08e;" d="M781 475h-31v119c0 144-104 256-251 256-148 0-249-115-249-256v-119h-31c-69 0-125-56-125-125v-375c0-69 56-125 125-125h562c69 0 125 56 125 125v375c0 69-56 125-125 125z m-468 119c0 107 72 194 186 194 112 0 189-85 189-194v-119h-375v119z m531-619c0-35-28-63-63-63h-562c-35 0-63 28-63 63v375c0 35 28 63 63 63h562c35 0 63-28 63-63v-375z m-344 313c-34 0-62-28-62-63 0-23 12-43 31-54v-102c0-17 14-31 31-31 17 0 31 14 31 31v102c19 11 32 31 32 54 0 35-28 63-63 63z" horiz-adv-x="1000" />
<glyph glyph-name="lock-open" unicode="&#xe08f;" d="M781 474l-446 0-16 73c-28 102 20 205 130 234 108 29 204-33 232-137l13-53c5-17 22-27 39-22 16 4 26 21 22 38l-14 53c-37 138-166 220-308 182-143-39-211-175-174-312l12-56h-52c-69 0-125-56-125-125v-375c0-69 56-125 125-125h562c69 0 125 56 125 125v375c0 69-56 125-125 125z m63-500c0-35-28-63-63-63h-562c-35 0-63 28-63 63v375c0 34 28 62 63 62h562c35 0 63-28 63-62v-375z m-344 312c-34 0-62-28-62-62 0-23 12-43 31-54v-102c0-18 14-32 31-32 17 0 31 14 31 32v102c19 11 32 31 32 54 0 34-28 62-63 62z" horiz-adv-x="1000" />
<glyph glyph-name="magnifier" unicode="&#xe090;" d="M991-96l-304 305c57 68 91 155 91 250 0 216-175 391-391 391s-390-175-390-391 175-390 390-390c98 0 188 36 256 96l304-306c12-12 32-12 44 0 12 13 12 32 0 45z m-604 227c-181 0-328 147-328 328s147 329 328 329c182 0 329-147 329-329s-147-328-329-328z" horiz-adv-x="1000" />
<glyph glyph-name="magnifier-add" unicode="&#xe091;" d="M991-96l-277 278c60 71 95 162 95 261 0 225-181 407-406 407s-406-182-406-407 182-407 406-407c103 0 196 39 268 101l276-278c12-12 32-12 44 0 12 13 12 32 0 45z m-588 196c-189 0-344 155-344 344s155 344 344 344c189 0 344-155 344-344s-155-344-344-344z m156 375h-125v125c0 17-14 31-31 31s-31-14-31-31v-125h-125c-18 0-32-14-32-31s14-31 32-31h125v-125c0-18 14-32 31-32s31 14 31 32v125h125c17 0 31 14 31 31s-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="magnifier-remove" unicode="&#xe092;" d="M991-96l-277 278c60 71 95 162 95 261 0 225-181 407-406 407s-406-182-406-407 182-407 406-407c103 0 196 39 268 101l276-278c12-12 32-12 44 0 12 13 12 32 0 45z m-588 196c-189 0-344 155-344 344s155 344 344 344c189 0 344-155 344-344s-155-344-344-344z m156 375h-312c-18 0-32-14-32-31s14-31 32-31h312c17 0 31 14 31 31s-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="paper-clip" unicode="&#xe093;" d="M169-134c-43 0-83 17-116 50-72 72-72 190 0 262l561 595c87 88 222 80 319-18 44-44 69-107 68-174-1-66-27-129-71-173l-424-451c-11-13-31-13-44-1-12 12-13 31-1 44l424 452c34 33 53 80 53 130 1 50-17 97-49 129-60 60-158 91-230 19l-561-596c-48-48-48-126-1-174 23-22 49-33 77-31 28 1 57 16 81 40l446 475c17 16 49 56 16 89-19 19-32 18-36 17-13-1-27-9-42-24l-336-357c-12-13-32-14-44-2-13 12-13 32-1 44l336 358c27 27 54 41 81 44 22 2 54-3 86-36 49-48 43-119-15-177l-446-475c-36-35-79-56-122-59-3 0-6 0-9 0z" horiz-adv-x="1000" />
<glyph glyph-name="paper-plane" unicode="&#xe094;" d="M981 850c-6 0-14-2-22-5l-932-396c-34-14-36-41-5-61l263-164c31-19 72-60 91-92l158-258c9-15 20-23 31-23 12 0 23 9 30 27l399 932c11 25 5 40-13 40z m-663-570l-214 133 717 304-461-469c-14 12-29 24-42 32z m241-324l-127 209c-8 12-17 25-29 38l464 471z" horiz-adv-x="1000" />
<glyph glyph-name="plus" unicode="&#xe095;" d="M500 850c-276 0-500-224-500-500 0-276 224-500 500-500 276 0 500 224 500 500 0 276-224 500-500 500z m0-939c-241 0-437 198-437 439 0 241 196 438 437 438s438-197 438-438-197-439-438-439z m219 470h-188v188c0 17-14 31-31 31s-31-14-31-31v-188h-188c-17 0-31-14-31-31s14-31 31-31h188v-188c0-17 14-31 31-31 17 0 31 14 31 31v188h188c17 0 31 14 31 31s-14 31-31 31z" horiz-adv-x="1000" />
<glyph glyph-name="location-pin" unicode="&#xe096;" d="M504 850c-205 0-379-174-379-381 0-217 201-438 337-594 0 0 22-25 49-25h2c27 0 49 25 50 25 127 146 312 387 312 594 0 207-135 381-371 381z m12-933c-1-1-3-2-4-3-1 1-3 2-4 3l-16 19c-129 147-304 349-304 533 0 173 144 319 316 319 213 0 309-160 309-319 0-140-100-325-297-552z m-15 744c-103 0-187-84-187-187s84-188 187-188 188 84 188 188-84 187-188 187z m0-312c-69 0-126 57-126 126 0 69 56 125 125 125 69 0 125-56 125-125 0-69-55-126-124-126z" horiz-adv-x="1000" />
<glyph glyph-name="power" unicode="&#xe097;" d="M685 690c-15 7-34 0-41-15-8-16-1-34 15-42 158-74 244-246 209-418-42-204-242-336-446-294-99 21-180 78-235 162-56 85-75 185-55 284 24 118 100 214 209 266 15 7 22 26 15 41-8 16-26 23-42 15-126-60-215-172-243-309-24-115-1-233 64-331 64-98 159-165 275-189 29-6 59-9 88-9 205 0 389 144 431 352 41 200-59 400-244 487z m-185-246c17 0 31 14 31 31v344c0 17-14 31-31 31s-31-14-31-31v-344c0-17 14-31 31-31z" horiz-adv-x="1000" />
<glyph glyph-name="refresh" unicode="&#xe098;" d="M486-28c0 1 0 1-1 1l-89 140c-7 11-21 15-31 9l-8-5c-11-6-11-21-4-32l57-89c-5 1-10 2-15 3-100 27-186 95-234 187-45 88-53 187-23 281 29 94 97 171 184 216 15 8 21 26 13 41-7 15-26 20-41 13-101-53-180-142-214-251-35-110-25-226 28-328 55-107 155-187 272-218 1 0 3 0 4-1l-79-40c-11-6-15-19-8-29l3-8c6-11 17-15 28-9l145 75c1 0 1 0 1 0l10 5c5 3 9 8 10 13 1 6 1 12-2 17z m407 565c-56 107-152 187-270 218-8 2-17 4-25 5l78 40c11 6 17 19 11 29l-4 8c-6 11-20 15-31 9l-145-75c0 0 0 0 0 0l-10-5c-6-3-9-8-11-13-1-6 0-12 3-17l6-10c0 0 0 0 0 0l90-140c6-11 20-14 31-9l7 5c11 6 11 21 5 32l-58 90c13-2 25-5 38-8 101-26 183-95 231-187 45-88 53-187 24-281-30-94-95-170-182-216-15-7-21-26-13-41 5-10 16-16 27-16 4 0 9 1 14 3 102 53 177 142 211 251 35 110 25 226-27 328z" horiz-adv-x="1000" />
<glyph glyph-name="reload" unicode="&#xe099;" d="M499 850c-249 0-453-203-453-453 0-235 181-431 414-451l-90-46c-11-6-17-20-11-30l3-9c7-10 21-14 32-8l150 76c0 1 0 1 1 1l10 5c5 3 9 8 10 14 2 5 1 11-2 17l-6 10c0 0 0 0-1 0l-92 145c-7 11-21 14-32 8l-7-5c-11-6-12-21-5-32l54-85c0 0 0 0-1 0-204 14-364 185-364 390 0 215 175 391 390 391 216 0 392-176 392-391 0-124-57-238-156-312-14-11-17-30-7-44 11-14 30-17 44-6 115 86 181 218 181 362 0 250-204 453-454 453z" horiz-adv-x="1000" />
<glyph glyph-name="settings" unicode="&#xe09a;" d="M938 445l-80 18c-6 20-15 39-24 57l43 72c17 26 25 64 0 89l-44 44c-24 24-65 20-90 3l-71-45c-18 9-37 17-57 24l-18 81c-5 30-31 62-66 62h-62c-35 0-56-33-63-62l-20-81c-21-6-41-15-61-25l-72 46c-25 17-66 21-90-3l-44-44c-25-25-17-63 0-89l45-76c-8-17-16-35-22-53l-80-18c-30-6-62-32-62-66v-63c0-34 33-55 63-62l81-20c5-18 12-34 20-50l-45-76c-17-26-25-64 0-89l44-44c24-25 65-20 90-3l73 46c19-10 39-19 61-26l20-80c7-29 28-62 62-62h63c34 0 60 32 66 62l18 81c19 7 38 15 56 24l71-45c25-17 66-22 90 3l44 44c25 25 17 63 0 89l-43 72c9 17 16 35 22 54l82 20c29 7 62 28 62 62v63c0 34-32 60-62 66z m0-124c-3-2-8-5-14-6l-116-29-11-33c-5-15-11-30-19-45l-15-31 61-102c4-6 6-11 6-15l-41-41c-4 1-8 3-11 5l-103 65-32-16c-15-8-31-15-46-20l-35-11-25-117c-1-6-5-11-7-13h-56c-2 3-5 8-6 14l-29 116-33 10c-18 6-35 13-51 22l-32 16-103-65c-5-3-9-5-13-5l-41 40c0 4 2 9 6 14l63 107-15 30c-7 15-12 28-17 42l-11 33-114 28c-8 2-13 5-15 7v58c0 0 0 0 0 0 1 0 6 3 10 4l118 26 11 35c4 14 10 28 18 44l15 31-63 105c-4 7-6 12-6 16l41 41c4-2 8-3 11-5l104-66 33 16c16 9 33 16 50 22l33 10 29 114c2 8 4 13 6 16h58c0-1 4-7 5-11l26-119 34-11c16-5 32-11 48-20l32-16 100 64c5 3 9 4 13 4l41-39c0-4-2-9-6-14l-61-103 15-31c9-17 15-33 20-48l11-35 116-25c6-2 12-6 13-8z m-438 217c-103 0-188-84-188-188 0-103 85-188 188-188s189 85 189 188c0 104-85 188-189 188z m0-313c-69 0-125 56-125 125 0 69 56 125 125 125 69 0 125-56 125-125 0-69-56-125-125-125z" horiz-adv-x="1000" />
<glyph glyph-name="star" unicode="&#xe09b;" d="M500 774l134-278 306-45-222-221 8-44 44-264-270 145-270-145 44 264 8 44-221 221 305 45 20 42z m0 61c-28 0-53-16-65-41l-114-235-260-38c-27-4-49-23-58-48-8-25-2-52 17-71l191-191-44-264c-5-27 7-53 29-69 13-9 27-13 42-13 12 0 24 3 35 9l227 122 227-122c11-6 23-9 35-9 15 0 29 4 42 13 22 16 34 42 29 69l-44 264 191 191c19 19 25 46 17 71-9 25-31 44-58 48l-260 38-114 235c-11 25-37 41-65 41z" horiz-adv-x="1000" />
<glyph glyph-name="symble-female" unicode="&#xe09c;" d="M609 850c-216 0-390-175-390-390 0-97 34-185 92-253l-124-125-132 134c-13 12-32 12-45 0s-12-32 0-45l133-133-134-134c-12-12-12-32 0-44 13-13 32-13 45 0l133 133 133-134c12-12 32-12 44 0s12 32 0 44l-133 135 124 125c68-59 157-94 254-94 216 0 391 175 391 391 0 215-175 390-391 390z m0-719c-181 0-329 147-329 329s148 328 329 328 329-147 329-328c0-182-147-329-329-329z" horiz-adv-x="1000" />
<glyph glyph-name="symbol-male" unicode="&#xe09d;" d="M999 828c1 6-1 12-5 16-4 4-10 7-16 6l-12 0c0 0 0 0 0 0l-287 1c-12 0-23-11-23-23l0-16c2-15 13-24 26-24l210 0-250-249c-68 57-155 91-251 91-215 0-390-174-390-390 0-216 175-391 390-391 216 0 391 175 391 391 0 98-36 187-95 255l250 250 0-214c-1-13 9-24 22-24l16 0c13 1 23 8 23 21l1 288c0 0-1 0-1 0z m-279-588c0-182-147-329-329-329-181 0-328 147-328 329 0 181 147 328 328 328 182 0 329-147 329-328z" horiz-adv-x="1000" />
<glyph glyph-name="target" unicode="&#xe09e;" d="M969 381h-95c-15 182-161 327-343 343v95c0 17-14 31-31 31s-31-14-31-31v-95c-182-16-328-161-343-343h-95c-17 0-31-14-31-31s14-31 31-31h95c15-182 161-327 343-343v-95c0-17 14-31 31-31 17 0 31 14 31 31v95c182 16 328 161 343 343h95c17 0 31 14 31 31s-14 31-31 31z m-500 280v-280h-280c15 148 132 265 280 280z m-280-342h280v-280c-148 15-265 132-280 280z m342-280v280h280c-15-148-132-265-280-280z m0 342v280c148-15 265-132 280-280z" horiz-adv-x="1000" />
<glyph glyph-name="volume-1" unicode="&#xe09f;" d="M639 786c-10 5-22 5-32-2l-313-246-104 0c-54 0-97-38-97-85l2-206c0-46 43-84 96-84l104 0 312-247c6-4 12-5 18-5 5 0 10 1 14 3 11 6 17 16 17 28v816c0 12-6 22-17 28z m-45-785l-272 219c-5 4-11 5-17 5l-114 0c-20 0-34 12-34 22l-1 207c0 10 14 21 34 21l113 0c7 0 13 2 18 6l273 218v-698z m177 510c-17 2-33-9-36-26-2-17 9-33 26-36 49-8 84-51 84-104 0-51-36-95-85-105-17-3-28-19-24-36 2-15 16-25 30-25 2 0 4 0 6 0 78 16 135 85 135 166 0 83-57 152-136 166z" horiz-adv-x="1000" />
<glyph glyph-name="volume-2" unicode="&#xe0a0;" d="M561 786c-10 5-22 5-32-2l-314-246-104 0c-53 0-96-38-96-85l1-206c0-46 44-84 97-84l104 0 312-247c5-4 11-5 17-5 5 0 10 1 15 3 10 6 17 16 17 28v816c0 12-7 22-17 28z m-46-785l-271 219c-5 4-11 5-17 5l-114 0c-20 0-34 12-34 22l-2 207c0 10 14 21 34 21l114 0c6 0 12 2 17 6l273 218v-698z m314 344c0 83-57 152-136 166-17 2-33-9-36-26-3-17 9-33 26-36 49-8 83-51 83-104 0-51-35-95-84-105-17-3-28-19-25-36 3-15 16-25 31-25 2 0 4 0 6 0 78 16 135 85 135 166z m-42 286c-16 6-34-2-40-18-6-16 2-34 18-40 95-35 158-127 158-228 0-102-63-194-158-229-16-6-24-24-18-40 5-13 17-20 29-20 4 0 8 0 11 2 119 44 198 159 198 287s-79 242-198 286z" horiz-adv-x="1000" />
<glyph glyph-name="volume-off" unicode="&#xe0a1;" d="M562 786c-10 5-22 5-32-2l-314-246-104 0c-53 0-96-38-96-85l1-206c0-46 44-84 97-84l104 0 312-247c5-4 11-5 17-5 5 0 10 1 15 3 10 6 17 16 17 28v816c0 12-7 22-17 28z m-46-785l-271 219c-5 4-11 5-17 5l-114 0c-20 0-34 12-34 22l-2 207c0 10 14 21 34 21l114 0c6 0 12 2 17 6l273 218v-698z m357 349l102 103c12 12 12 32 0 44-12 12-32 12-44 0l-102-103-102 103c-12 12-32 12-44 0s-12-32 0-44l102-103-101-103c-12-12-12-32 0-44s32-12 44 0l101 102 101-102c12-12 32-12 44 0s12 32 0 44z" horiz-adv-x="1000" />
<glyph glyph-name="phone" unicode="&#xe600;" d="M256 814c37-50 80-116 131-195 12-21 10-47-6-78-6-12-22-41-47-87 27-39 70-87 126-143s105-99 142-127c46 26 75 43 87 49 17 9 33 13 48 13 11 0 21-2 30-7 58-36 123-79 197-131 13-10 21-24 23-41 2-18-3-37-16-57-6-9-16-22-30-39-14-17-35-39-63-64s-50-39-68-39h-2c-133 5-298 105-492 300-195 195-295 359-300 493 0 17 13 40 39 69 25 28 47 49 63 61 16 13 30 23 41 31 14 10 30 15 48 15 21 0 38-8 49-23z m-62-40c-27-19-52-40-75-63-23-24-37-41-41-52 5-118 99-267 281-449 182-181 332-275 449-282 10 4 27 18 50 42s45 49 64 76c3 5 5 9 3 13-75 53-138 95-189 127-5 0-11-2-19-6-11-6-39-22-85-47l-32-19-32 21c-42 29-92 74-152 134-59 59-103 110-132 152l-23 30 19 34c25 45 41 74 47 85 4 8 6 14 6 19-45 72-86 135-124 189h-2c-5 0-10-1-13-4z" horiz-adv-x="1000" />
<glyph glyph-name="menu" unicode="&#xe601;" d="M26 661c-8 8-11 18-11 30s3 23 11 31 19 12 31 12h891c12 0 22-4 30-12s12-18 12-31-4-22-12-30-18-12-30-12h-891c-12 0-23 4-31 12z m952-279c8-8 12-18 12-30s-4-22-12-30-18-12-30-12h-891c-12 0-23 4-31 12s-11 18-11 30 3 22 11 30 19 12 31 12h891c12 0 22-4 30-12z m0-339c8-8 12-18 12-30s-4-23-12-31-18-12-30-12h-891c-12 0-23 4-31 12-8 8-11 18-11 31s3 22 11 30 19 12 31 12h891c12 0 22-4 30-12z" horiz-adv-x="1000" />
<glyph glyph-name="options-vertical" unicode="&#xe602;" d="M380-25v26c0 2 1 4 2 6 8 56 55 100 109 104 61 4 113-30 130-87 2-7 3-15 5-23v-26c0-2-1-4-2-6-8-51-45-91-96-102-4 0-8-2-12-3h-26c-2 1-4 2-5 2-51 8-90 44-102 95-1 5-2 9-3 14z m246 750l0-26c0-2-1-4-2-6-8-57-55-101-110-104-61-4-112 31-129 88-2 7-4 15-5 22v26c0 2 1 4 2 6 9 50 39 83 88 99 6 2 13 4 20 5h26c2 0 4-1 6-1 51-9 89-45 101-95 1-5 2-9 3-14z m0-362v-26c0-2-1-4-2-6-9-57-57-102-112-104-61-3-113 34-128 92-2 6-3 12-4 18v26c0 2 1 4 2 7 8 56 57 101 112 103 61 3 113-34 128-91 1-7 3-13 4-19z" horiz-adv-x="1000" />
<glyph glyph-name="options" unicode="&#xe603;" d="M878 227h-26c-2 0-4 1-6 2-56 8-100 55-104 109-4 61 30 113 87 130 7 2 15 3 23 5h26c2 0 4-1 6-1 51-9 90-46 102-97 0-4 2-8 3-11v-27c-1-2-2-4-2-5-8-51-45-90-95-101-5-2-9-3-14-4z m-750 246l26 0c2 0 4-1 6-1 57-9 101-56 104-111 4-61-31-112-88-129-7-2-15-3-22-5h-26c-2 0-4 1-5 2-51 9-84 39-100 88-2 6-4 13-5 20v26c0 2 1 4 1 6 9 51 45 89 95 101 5 1 9 2 14 3z m362 0h26c2 0 4-1 7-2 56-8 101-57 103-112 3-61-34-113-92-128-6-1-12-3-18-4h-26c-2 0-4 1-7 2-56 8-101 57-103 112-3 61 34 113 91 128 7 2 13 3 19 4z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-down" unicode="&#xe604;" d="M8 581c0 9 3 17 10 24 13 12 34 12 47 0l441-442 435 435c13 13 34 13 47 0s12-34 0-47l-459-458c-13-13-34-13-47 0l-464 464c-7 7-10 16-10 24z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-left" unicode="&#xe605;" d="M735 850c8 0 17-3 23-10 13-13 13-34 0-47l-445-446 439-439c13-13 13-34 0-47-13-13-35-13-48 0l-462 462c-13 13-13 35 0 48l469 469c6 7 15 10 24 10z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-right" unicode="&#xe606;" d="M265-149c-8 0-17 3-23 10-13 13-13 34 0 47l445 446-439 439c-13 13-13 34 0 47 13 13 34 13 48 0l462-463c13-13 13-34 0-47l-469-469c-7-7-15-10-24-10z" horiz-adv-x="1000" />
<glyph glyph-name="arrow-up" unicode="&#xe607;" d="M8 116c0-8 3-17 10-23 13-13 34-13 47 0l441 441 435-435c13-13 34-13 47 0s12 34 0 47l-459 459c-13 12-34 12-47 0l-464-465c-7-7-10-15-10-24z" horiz-adv-x="1000" />
<glyph glyph-name="paypal" unicode="&#xe608;" d="M311 15h-210c-9 0-17 3-22 10s-8 15-7 24l135 734c8 41 41 67 83 67h324c130 0 218-83 218-207 0-125-86-358-294-358h-141l-57-248c-4-13-15-22-29-22z m-176 57l153 0 57 248c3 13 15 22 29 22h164c165 0 236 199 236 301 0 92-61 149-160 149h-324c-8 0-22-2-26-20z m276-222l-210 0c-9 0-17 4-22 10s-8 15-7 24l27 154c3 15 18 26 34 23 15-3 26-18 23-33l-21-120h153l55 250c3 13 14 22 28 22h165c164 0 235 199 235 301 0 66-28 112-82 136-15 6-22 23-15 37 6 15 23 22 38 16 75-33 117-100 117-189 0-125-86-358-293-358h-142l-54-250c-3-14-15-23-29-23h0z m38 597h-57c-8 0-16 3-22 10-5 7-8 15-6 24l38 210c2 14 14 24 28 24h92c35 0 62-11 80-32 19-23 25-55 19-96-14-98-66-140-172-140z m-22 57l22 0c86 0 106 31 115 92 2 17 4 38-6 50-8 9-24 11-36 11h-68l-27-153z" horiz-adv-x="1000" />
<glyph glyph-name="social-instagram" unicode="&#xe609;" d="M499 846c135 0 151-1 204-3 52-2 88-11 120-23 33-13 61-30 88-57s44-55 57-88c13-32 21-68 23-120 2-53 3-69 3-204s-1-151-3-204c-2-52-10-88-23-120-13-33-29-61-57-88s-55-44-88-57c-32-13-68-21-120-23-53-2-69-3-204-3s-151 1-204 3c-52 2-88 10-120 23-33 13-61 29-88 57s-44 55-57 88c-12 32-21 68-23 120-2 53-3 69-3 204s1 151 3 204c2 52 11 88 23 120 13 33 30 61 57 88s55 44 88 57c32 12 68 21 120 23 53 2 69 3 204 3z m0-64c-141 0-157-1-212-3-51-2-79-12-97-19-48-19-81-52-100-99-7-19-17-47-19-98-2-55-3-71-3-212s1-157 3-212c2-51 12-79 19-98 19-47 52-80 100-99 18-7 46-17 97-19 55-2 71-3 212-3s157 1 212 3c51 2 79 12 98 19 47 19 80 52 99 99 7 19 17 47 19 98 2 55 3 71 3 212s-1 157-3 212c-2 51-12 79-19 98-19 47-52 80-99 99-19 7-47 17-98 19-55 2-71 3-212 3z m0-629c109 0 198 89 198 198s-89 198-198 198-198-89-198-198 89-198 198-198z m0 452c141 0 254-113 254-254s-113-254-254-254-254 113-254 254 113 254 254 254z m324 10c0-34-27-59-60-59s-59 25-59 59 26 60 59 60 60-27 60-60z" horiz-adv-x="1000" />
<glyph glyph-name="social-linkedin" unicode="&#xe60a;" d="M974-129h-203c-14 0-26 12-26 26v327c0 112-58 112-77 112-51 0-73-40-80-58-3-7-5-21-5-40v-341c0-15-11-26-26-26h-203c-7 0-14 3-19 7s-7 12-7 19c0 6 3 554 0 610-1 7 2 14 7 19s12 8 19 8h203c15 0 26-11 26-25v-16c34 31 84 56 157 56 163 0 260-113 260-301v-351c0-14-11-26-26-26h0z m-177 52l152 0v325c0 158-76 249-208 249-89 0-132-44-159-85-3-10-13-18-25-18h-1c-9 0-18 5-23 13-3 7-4 14-2 21v55h-151c2-109 0-460 0-560h151v316c0 26 3 45 9 59 23 57 71 91 128 91 82 0 129-60 129-165v-301h0z m-556-52h-203c-14 0-26 12-26 26v612c0 14 12 26 26 26h203c15 0 26-12 26-26v-612c0-14-11-26-26-26z m-177 52h151v560h-151v-560z m76 643l-2 0c-80 0-138 56-138 132 0 76 59 132 141 132 81 0 138-54 140-132 0-76-59-132-141-132z m1 211c-53 0-89-32-89-79 0-47 35-80 86-80h2c53 0 89 32 89 80-1 48-36 79-88 79z" horiz-adv-x="1000" />
<glyph glyph-name="social-pintarest" unicode="&#xe60b;" d="M866 507c-4 182-152 314-354 314-22 0-44-2-66-5-162-23-286-139-309-289-16-108 18-236 132-266l17-4 10 14c3 5 32 48 27 84-2 18-13 29-19 35l-3 3c-18 29-26 76-18 116 18 98 100 170 203 177 8 1 15 1 22 1 108 0 180-64 185-163 5-96-24-183-75-228l-3-3c-12-10-21-19-41-22-5 0-10-1-15-1-39 0-61 26-62 52 0 28 11 60 23 93 15 41 31 84 25 128-6 46-48 81-95 81-12 0-24-2-36-7-85-32-97-144-66-234-8-35-17-70-28-107-30-112-62-228-38-364l6-30 28 12c27 11 42 37 54 57 2 4 5 8 7 12 40 63 62 138 79 210 43-32 87-43 150-36 173 19 263 205 260 370z m-469-127l1 7-2 7c-27 70-21 156 36 177 6 3 12 4 18 4 23 0 43-17 46-39 4-32-9-67-22-104-13-36-27-74-26-112 2-48 41-99 111-99 7 0 15 1 22 2 34 5 53 22 67 34l3 3c62 54 97 157 91 267-6 133-113 220-259 209-126-10-226-97-248-218-10-52 0-112 25-151 3-4 6-8 9-11 2-2 6-6 6-7 1-7-3-21-11-34-71 30-91 126-78 205 19 128 126 228 267 248 20 2 40 4 59 4 174 0 302-112 305-266 3-143-72-304-216-320-10-1-19-2-28-2-52 0-80 19-114 52l-31 31-10-43c-18-82-40-168-82-235-3-4-6-9-8-14-1-1-2-3-4-5-7 105 18 200 44 293 10 38 21 78 29 117z" horiz-adv-x="1000" />
<glyph glyph-name="social-github" unicode="&#xe60c;" d="M155 340c-11 0-22 7-25 18-29 90-33 248 28 320-13 52-6 122 19 160 6 8 14 12 24 12 72-3 118-33 159-60 59 15 115 20 183 16 16 0 33-4 47-8 14-3 28-6 36-5 8 1 21 10 32 17 10 7 20 14 31 19 31 13 59 20 97 21 15 0 28-11 28-26s-11-27-26-27c-31-1-52-6-77-17-7-3-15-8-23-14-17-11-36-24-57-26-17-2-34 2-53 7-13 2-26 6-38 6-66 4-121-2-177-18-8-2-16-1-23 4l-6 4c-36 24-70 47-119 53-12-32-14-84-2-115 5-10 2-23-7-30-48-41-54-186-26-276 5-14-3-29-17-34-3-1-6-1-8-1z m203-264c-2 0-4 0-6 1-14 3-23 17-20 31l2 8c8 37 15 67 24 89-109 23-189 75-227 149-7 13-1 29 12 36s29 2 36-11c34-67 114-112 226-128 11-1 20-9 23-19 2-11-2-22-10-28-6-6-16-27-32-99l-2-8c-3-12-14-21-26-21z m-49-196c-2 0-3 1-5 1-15 3-24 16-21 31 5 25 22 35 32 41 7 4 9 6 11 8 6 13 4 47 3 74-1 11-1 22-2 34-62-11-129-14-164 44-7 12-12 24-16 35-5 12-8 22-15 30-9 12-8 28 4 38s28 7 37-4c12-15 18-31 24-46 3-9 7-18 11-25 19-32 61-30 142-14 8 2 17 0 23-6 6-6 9-14 8-23-2-17 0-39 0-60 2-38 4-74-8-99-8-18-22-26-31-32-3-1-7-3-8-4-1-13-12-23-25-23z m388 5c-9 0-17 5-22 13-2 3-6 5-11 9-9 6-20 14-29 31-16 31-13 77-11 124 2 29 3 60 0 84-3 20-10 29-19 41-7 8-14 18-20 30-3 8-3 17 2 24 4 8 12 13 21 14 100 7 179 54 217 129 7 13 23 18 36 12 13-7 18-23 12-36-41-80-118-135-217-153 9-13 18-29 21-55 4-28 2-61 1-93-2-36-5-78 5-97 2-4 5-6 12-11 7-5 17-12 25-24s4-29-8-37c-5-3-10-5-15-5z m152 460c-2 0-5 1-7 1-15 4-23 19-19 33 30 104 10 239-42 283-8 7-11 18-8 29 13 35 4 89-10 122-6 13 0 29 14 35s29 0 35-14c16-37 27-95 16-144 64-70 77-220 47-325-4-12-14-20-26-20z m-240-495c-5 0-10 1-14 4-5 3-20 12-47 55-12 19-21 114-27 283 0 15 11 27 26 28s27-11 27-26c4-111 12-236 20-258 20-31 29-37 29-37 13-8 16-25 8-37-5-8-13-12-22-12z m-203 0c-8 0-17 4-22 12-8 12-4 29 8 37 0 0 10 6 30 37 7 21 15 147 19 258 0 15 13 26 27 26 15-1 27-13 26-28-5-169-14-265-27-283-27-42-41-52-46-55-5-3-10-4-15-4z" horiz-adv-x="1000" />
<glyph glyph-name="social-google" unicode="&#xe60d;" d="M690 498c-68 74-125 85-179 86h-2c-123 0-239-101-239-242 0-147 132-233 238-233h1c58 0 130 11 192 100h-240v249l511-2c5-25 13-88 13-122 0-282-189-483-481-483-277 0-503 221-503 496s226 495 503 495c136 0 281-53 373-176z m-182-90v-151h257c-12-63-79-190-257-190-155 0-280 127-280 278 0 153 128 280 280 280 89 0 148-39 181-70l123 116c-79 74-181 118-304 118-250 0-453-197-453-444 0-245 203-442 453-442 264 0 434 180 434 431 0 29-2 51-5 74h-429z" horiz-adv-x="1000" />
<glyph glyph-name="social-reddit" unicode="&#xe60e;" d="M649 137c-9 3-21 0-34-10l-2-1c-22-22-63-34-121-34s-99 12-121 34c-10 10-29 10-38 0-10-10-10-28 0-38 42-35 94-51 165-51 73 0 132 18 165 52 5 4 7 11 7 18 0 7-2 13-6 18-4 8-10 11-15 12z m-221 147c0 43-36 83-76 83s-77-40-77-83c0-41 35-76 77-76s76 35 76 76z m216 77c-41 0-76-35-76-77s35-76 76-76 77 35 77 76-35 77-77 77z m232 121c-25 0-55-11-74-27-67 42-156 68-261 76l49 163 136-33c5-51 50-94 101-94 54 0 101 48 101 101s-47 101-101 101c-37 0-74-22-91-53l-163 40-2 1c-11 0-27-10-28-26l-64-200c-103-1-204-28-286-77-24 15-48 22-73 22-65 0-119-53-119-119 0-41 20-77 55-97v-25c0-85 46-159 132-214 81-57 191-87 310-87s232 30 313 87c86 59 136 135 136 214v26c25 22 51 62 51 103 0 65-57 118-122 118z m64-125c0-11-7-27-17-38-12 32-36 63-73 97 7 3 16 5 26 5 37 0 64-26 64-64z m-55-122c0-76-58-134-106-168-82-51-180-78-281-78-105 0-207 28-281 77-73 49-112 107-112 169s39 121 112 169c75 50 173 78 275 78 105 0 207-28 281-78 73-48 112-107 112-169z m-738 183c-32-25-58-58-77-96-8 12-14 24-14 35 0 38 26 64 64 64 13 0 20 0 27-3z m634 250c0 26 20 46 46 46s46-20 46-46-20-45-46-45c-26 0-46 20-46 45z" horiz-adv-x="1000" />
<glyph glyph-name="social-skype" unicode="&#xe60f;" d="M955 289c3 22 5 45 5 67 0 256-208 464-464 464-21 0-43-2-64-4-42 22-90 34-138 34-160 0-290-130-290-290 0-47 11-94 33-135-3-23-5-46-5-69 0-255 208-464 464-464 18 0 36 1 54 3 47-29 101-45 156-45 160 0 290 130 290 290 0 53-14 104-41 149z m-91-307c-42-42-98-66-158-66-44 0-87 13-123 38l-17 10-19-2c-17-2-34-3-51-3-54 0-106 10-155 31-47 20-89 49-126 85s-65 79-85 127c-21 48-31 101-31 154 0 21 1 42 5 63l2 18-8 16c-18 32-28 70-28 107 0 60 24 116 66 158 42 43 98 66 158 66 38 0 76-10 109-29l16-9 18 3c19 3 39 4 59 4 54 0 106-10 155-31 47-20 90-49 126-85s65-79 85-126c21-49 32-101 32-155 0-21-2-41-5-62l-3-19 10-17c22-35 34-76 34-118 0-60-24-116-66-158v0z m-299 417l-94 22c-51 11-76 29-76 53 0 17 7 31 21 42s34 16 59 16c30 0 55-7 74-19 5-4 17-16 35-35 12-13 25-19 39-19 14 0 26 4 36 11 10 8 15 19 15 33 0 31-21 59-62 82-40 22-83 33-129 33-54 0-99-12-135-34-41-27-62-66-62-117 0-69 40-114 121-134l126-32c32-9 48-26 48-52 0-17-7-32-23-44-17-14-39-21-67-21-32 0-58 8-78 23-4 4-17 18-37 43-13 15-27 23-43 23-14 0-25-4-34-13s-13-20-13-34c0-31 16-58 50-81 38-29 90-43 155-43 66 0 116 15 152 45 34 27 51 64 51 111 0 74-43 122-129 141z" horiz-adv-x="1000" />
<glyph glyph-name="social-behance" unicode="&#xe610;" d="M368 445c16 9 23 27 23 51 0 26-10 44-31 53-17 6-39 9-66 9h-149v-127h163c24 0 45 5 60 14z m-16 51c0-10-2-15-5-17-9-6-22-8-39-8h-124v47h110c22 0 39-2 52-6 2-1 6-3 6-16v0z m14-164c-13 6-32 9-56 9h-165v-152h163c24 0 43 3 57 10 25 12 38 36 38 71 0 30-12 51-37 62v0z m-182-30h126c24 0 35-4 40-6 7-4 13-8 13-26 0-28-10-33-16-35-3-2-14-6-39-6h-124v73z m644 106c-17 15-39 23-65 23-28 0-50-9-66-25-15-16-25-37-29-65l0-1h190l0 1c-2 30-12 52-30 67z m-102-29c4 4 13 12 37 12 16 0 28-4 38-12h-75z m277-21c-6 38-19 72-40 101-18 28-41 49-68 65v157h-263v-159c-16-9-30-21-44-34-31-31-51-71-61-119-7 10-16 20-26 28 2 2 3 3 4 4 23 28 34 64 34 107 0 41-11 77-32 108-36 48-95 74-175 75h-336v-636h316c31 0 60 3 87 9 30 6 56 18 79 35 19 15 36 33 49 55 5 8 9 16 13 25 13-32 32-58 57-78 49-40 106-59 170-59 77 0 139 24 183 72 30 31 47 64 50 96l3 22h3l0 38c1 36 0 66-3 88h0z m-571 37l-3-1 3-2c28-10 50-26 64-48 15-23 22-50 22-82 0-32-8-62-25-88-10-17-23-32-39-44-18-13-39-23-63-28-24-5-50-7-78-7h-277v557h295c67-1 116-21 144-59 17-24 25-52 25-85 0-34-9-61-26-82-9-11-23-21-42-31z m331 161c-10 0-19 0-28-1h-63v87h183v-87h-62c-10 1-20 1-30 1h0z m-97-286c1-42 16-72 44-89 16-10 37-16 60-16 25 0 46 7 61 20 9 7 16 16 22 28h108c-3-24-16-48-39-72-37-40-89-60-155-60-55 0-103 17-145 50-41 34-63 89-63 165 0 71 20 126 57 164 32 32 72 51 121 56h53c25-3 49-9 70-18 28-13 52-34 71-61 16-24 27-53 32-85 3-19 4-46 4-81h-301v-1h0z m140-55c-8-7-20-10-36-10-16 0-29 3-39 10-5 3-12 7-17 17h105c-4-8-8-13-13-17z" horiz-adv-x="1000" />
<glyph glyph-name="social-foursqare" unicode="&#xe611;" d="M142 776c0 2 1 4 2 5 14 46 45 69 92 69 112 0 225 0 337 0h194c14 0 28-2 41-5 29-9 45-30 49-59 4-34-4-65-11-97-29-144-59-287-89-430-3-16-7-31-15-45-17-33-46-43-80-43-50-1-99-1-148 0-9 0-16-3-22-10-35-41-70-81-105-122-49-57-98-115-147-171-16-18-37-22-59-17-20 5-32 19-37 39-1 2-2 4-2 5v881z m84-829c1 3 2 5 3 6 31 39 63 78 94 118 36 44 72 89 107 134 15 19 34 29 59 28 56-1 113 0 169 0 27 0 38 10 44 36 8 42 17 84 25 125 6 28-8 44-36 44-60 0-121 2-182-1-50-1-75 21-72 73 2 40 21 60 61 61h232c24 0 35 9 40 32 9 42 18 83 26 125 6 30-6 46-37 46h-496c-30 0-41-11-41-41v-771c0-4-1-8 4-15z" horiz-adv-x="1000" />
<glyph glyph-name="social-soundcloud" unicode="&#xe612;" d="M998 286c0-86-70-156-156-156h-62c-17 0-31 14-31 31s14 31 31 31h62c52 0 94 42 94 94s-42 93-94 93h0c-41 0-75 26-88 62 0 0 0 0 0 0-25 69-87 119-163 124-16-1-29-14-29-31v-373c0-17-14-31-31-31s-31 14-31 31v373c0 51 41 93 92 93 102-5 187-72 220-164 0 0 0 0 1 0 4-13 15-22 29-22h0c2 0 4 0 6 0h0c83-3 150-71 150-155v0z m-591-156c-17 0-31 14-31 31v343c0 17 14 31 31 31s31-14 31-31v-343c0-17-14-31-31-31v0z m-125 0c-17 0-31 14-31 31v358c0 17 14 31 31 31s31-14 31-31v-358c0-17-14-31-31-31v0 0z m-124 0c-18 0-31 14-31 31v249c0 17 13 31 31 31s31-14 31-31v-249c0-17-14-31-31-31v0z m-125 62c-17 0-31 14-31 31v125c0 17 14 31 31 31s31-14 31-31v-125c0-17-14-31-31-31v0z m623 0c17 0 31-13 31-31s-14-31-31-31-32 14-32 31 14 31 32 31v0z" horiz-adv-x="1000" />
<glyph glyph-name="social-spotify" unicode="&#xe613;" d="M408 547c151-5 267-22 375-77 16-8 34-19 40-33 6-13 3-40-7-47-14-10-41-15-55-7-111 57-229 76-352 71-49-2-98-12-147-21-31-6-57-3-66 30-10 34 14 52 43 57 66 12 133 21 169 27z m22-150c108-6 209-28 302-81 15-9 32-29 33-46 3-29-31-39-66-21-120 64-248 79-380 56-15-2-31-11-44-9-18 4-33 17-49 25 10 16 17 42 31 45 56 14 115 22 173 31z m-20-149c113-2 196-19 272-62 19-11 43-26 24-50-8-10-39-11-53-3-98 52-202 58-309 45-18-2-36-10-53-8-16 1-32 12-47 19 11 13 20 35 33 38 52 12 105 17 133 21z m590 102c0-138-49-256-146-354s-216-146-354-146c-138 0-256 49-354 146s-146 216-146 354c0 138 49 256 146 353 98 98 216 147 354 147s256-49 354-147c97-97 146-215 146-353z m-63 0c0 121-42 224-128 309-85 86-188 128-309 128-121 0-224-42-310-128s-128-188-128-309 43-225 128-311c86-86 189-129 310-129s224 43 309 129c86 86 128 190 128 311z" horiz-adv-x="1000" />
<glyph glyph-name="social-stumbleupon" unicode="&#xe614;" d="M759-30c-127 0-231 104-232 230v131c0 8 4 15 11 19s14 5 21 1l56-26 88 26c7 2 14 1 20-3s8-11 8-18v-132c0-15 13-27 28-27s27 12 27 27v134c0 6 3 12 7 16 4 4 9 7 15 7v0h161c12 0 22-10 22-23v-130c0-128-104-232-232-232z m-187 326v-96c1-102 85-185 187-185 103 0 187 84 187 187v108h-115v-112c0-40-33-72-72-72s-72 32-72 72v102l-67-20c-5-2-11-1-16 1z m-331-326c-128 0-232 104-232 232v130c0 13 10 23 22 23h160c13 0 23-10 23-23v-128c0-15 12-27 27-27s27 12 27 27v303c5 126 106 224 232 224 126 0 227-99 231-225v-67c0-10-6-18-16-21l-95-29c-6-1-11-1-16 1l-64 30c-8 4-13 12-13 21v57c0 15-12 28-28 28s-27-13-27-28l0-299c-1-126-105-229-231-229z m-188 340l0-108c0-103 84-187 188-187 101 0 185 83 187 185l0 298c0 40 32 72 72 72 39 0 72-32 72-72v-43l43-20 72 21v50c-4 101-86 180-187 180-101 0-183-79-187-180v-302c0-40-32-72-72-72s-72 32-72 72v106h-116z" horiz-adv-x="1000" />
<glyph glyph-name="minus" unicode="&#xe615;" d="M500 850c276 0 500-224 500-500s-224-500-500-500-500 224-500 500 224 500 500 500z m0-939c241 0 438 198 438 439s-197 438-438 438-437-197-437-438 196-439 437-439z m-34 408h-185c-17 0-31 13-31 31s14 31 31 31h186 252c17 0 31-13 31-31s-14-31-31-31h-253z" horiz-adv-x="1000" />
<glyph glyph-name="organization" unicode="&#xe616;" d="M796 288h142c34 0 62-29 62-63v-313c0-34-28-62-62-62h-313c-34 0-62 28-62 62v313c0 34 28 63 62 63h110v37h-471v-37h111c34 0 63-29 63-63v-313c0-34-29-62-63-62h-312c-35 0-63 28-63 62v313c0 34 28 63 63 63h140v58c0 22 28 32 52 32h215v36h-135c-34 0-62 28-62 62v313c0 34 28 62 62 62h313c34 0 62-28 62-62v-313c0-34-28-62-62-62h-116v-37c81 0 131 1 212 1 25 0 52-9 52-32v-58z m142-63h-313v-313h313v313z m-290 564h-313v-313h313v313z m-273-564h-312v-313h312v313z" horiz-adv-x="1000" />
<glyph glyph-name="exclamation" unicode="&#xe617;" d="M469 192v471c0 17 13 31 31 31s31-14 31-31v-471h-62z m0-62h62v-58h-62v58z m-469 220c0 276 224 500 500 500s500-224 500-500-224-500-500-500-500 224-500 500z m939 0c0 241-198 438-439 438s-437-197-437-438 196-438 437-438 439 197 439 438z" horiz-adv-x="1000" />
<glyph glyph-name="social-vkontakte" unicode="&#xe618;" d="M3 608c0 37 25 52 57 54l145-1c9 0 17-6 20-15 33-107 74-174 123-249 3-6 8-9 12-9 4 0 8 2 11 7l3 11 1 169c0 24-12 28-39 32-11 2-18 12-18 21 0 2 0 4 1 6 14 42 57 64 118 64l54 1c45 0 86-20 86-77v-222c4-3 8-5 13-5 8 0 17 5 25 18 51 71 109 156 116 201 0 2 1 3 2 5 11 21 39 36 50 40 2 1 5 2 9 2h151l10-1c15 0 26-10 30-19 9-14 7-28 8-34v-7c-14-89-116-188-159-253-6-8-9-15-9-21 0-6 3-12 8-18l143-180c7-10 11-23 11-34 0-32-30-51-59-54l-17 0h-148c-3 0-5-1-8-1-17 0-30 8-40 18-31 38-62 77-92 115-6 8-8 9-14 13-6-28-12-58-19-87l-3-17c-5-17-18-36-41-41l-14 0h-95c-169 0-321 240-427 540-3 7-5 18-5 28z m587-253c-25 0-54 15-54 42v225c0 26-12 36-44 36l-55-2c-32 0-49-5-64-15 23-11 43-25 43-66v-172c-3-34-31-57-59-57-18 0-35 11-44 28-44 67-82 129-114 219l-9 26-129 1c-18 0-16-1-16-10 0-6 1-14 2-19l20-54c107-276 241-456 368-456h96 1c14 0 13 16 16 26l18 86c4 9 7 16 14 23 8 8 17 11 26 11 18 0 36-15 47-28l83-106c7-11 13-12 17-12h2 155 4c16 0 29 4 29 14 0 3-1 7-3 10l-141 177c-12 14-17 29-17 44 0 15 6 31 16 45 41 61 129 149 149 221l3 13c-1 5-1 9-2 14h-153c-10-4-18-10-23-18l-6-19c-23-62-84-148-128-208-15-13-32-19-48-19z" horiz-adv-x="1000" />
<glyph glyph-name="event" unicode="&#xe619;" d="M660 8c-15 0-27 13-27 29v138c0 16 12 28 27 28h139c16 0 28-12 28-28v-138c0-16-12-29-28-29h-139z m139 167h-139v-138h139v138z m139 581c34 0 62-28 62-62v-782c0-34-28-62-62-62h-875c-35 0-63 28-63 62v782c0 34 28 62 63 62h250v63c0 17 13 31 31 31s31-14 31-31v-63h250v63c0 17 14 31 31 31s32-14 32-31v-63h250z m-875-844h875v782h-250v-31c0-18-14-32-32-32s-31 14-31 32v31h-250v-31c0-18-14-32-31-32s-31 14-31 32v31h-250v-782z" horiz-adv-x="1000" />
<glyph glyph-name="social-steam" unicode="&#xe620;" d="M742 811c53 0 125-29 159-63l30-30c36-38 58-101 62-156v-36c-8-113-87-199-178-231-53-18-70-7-85-19l-196-144c-9-7-11-8-16-11-14-111-111-172-206-172-70 0-137 32-173 101-13 25-14 33-19 45l-97 39c-7 3-17 9-19 21l-2 11v208c1 21 13 32 28 32 4 0 8-1 13-2 60-25 120-47 179-73l15 7c33 14 51 16 86 16 5 7 12 17 16 22l87 124c7 9 30 42 38 56 6 87 33 132 87 187 42 40 116 68 191 68z m-424-500c-33 0-43-4-82-21-5-1-9-2-13-2-12 0-24 6-33 10-48 20-97 39-145 59v-185l97-39c24-11 18-33 35-63 27-54 81-78 136-78 74 0 148 46 161 129l2 10c3 19 15 24 32 36l196 144c28 20 52 10 97 25 76 27 142 98 149 193v31c-3 44-22 95-51 128l-28 28c-34 32-91 52-146 52-30 0-60-6-86-19-83-41-128-107-136-210-6-11-37-56-43-64l-86-123c-15-16-15-38-39-41h-17z m-8-276c-22 0-44 10-57 19-11 8-32 26-36 39 23-6 56-28 92-28 19 0 41 8 62 27 19 18 28 43 28 69-3 62-48 88-101 103 2 3 1 4 6 4h11c71 0 118-56 118-116 0-59-41-117-123-117z m296 517c0 71 57 130 128 130s130-59 130-130-58-129-130-129-128 58-128 129z m42 0c0-48 39-86 86-86s87 38 87 86-39 87-87 87-86-39-86-87z" horiz-adv-x="1000" />
</font>
</defs>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 111 KiB

BIN
src/styles/hubl-framework/fonts/simple-line-icons.ttf
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/simple-line-icons.woff
View File

Binary file not shown.

BIN
src/styles/hubl-framework/fonts/simple-line-icons.woff2
View File

Binary file not shown.

14
src/styles/hubl-framework/forms/_index.scss
View File

@ -1,14 +0,0 @@
solid-form.button-register {
[data-id="error"] {
display: none !important; // Hide the default core message, english only with a weird message
}
form>* {
display: block;
}
@import 'inputs';
@import 'buttons';
@import 'widgets';
}

27
src/styles/hubl-framework/forms/buttons.scss
View File

@ -1,27 +0,0 @@
:not(.add-member) + input[type='submit'] {
@extend .button,
.text-xsmall,
.text-bold,
.text-uppercase,
.reversed,
.color-secondary,
.bordered;
height: auto;
position: fixed;
bottom: 1em;
left: 10%;
white-space: normal;
width: 80%;
z-index: 1;
@media($large) {
position: unset;
bottom: unset;
white-space: unset;
left: unset;
width: unset;
z-index: unset;
float: right;
margin-top: 10px;
}
}

28
src/styles/hubl-framework/forms/inputs.scss
View File

@ -1,28 +0,0 @@
input[type='text'],
input[type='email'],
textarea {
background: #F6F6F6;
border: none;
outline: none;
color: #636363;
padding: 12px 14px;
margin-top: 6px;
line-height: 1;
height: 46px;
width: 100%;
box-sizing: border-box;
-webkit-tap-highlight-color: var(--color-secondary);
&:required:invalid {
border-color: 1px solid var(--color-primary);
}
}
.input-bg-white input {
background: white;
}
textarea {
height: 110px;
resize: vertical;
}

101
src/styles/hubl-framework/forms/widgets.scss
View File

@ -1,101 +0,0 @@
solid-form-text-label>input[type='text'] + label {
display: block;
}
solid-form-dropdown-autocompletion,
solid-form-dropdown-autocompletion-label,
solid-form-multipleselect-autocompletion-label,
hubl-status {
.ss-main {
font-weight: normal;
margin-top: 6px;
text-transform: none;
.ss-single-selected {
background-color: #F6F6F6;
border: none;
border-radius: 0px;
color: var(--color-grey);
font-weight: normal;
min-height: 46px;
padding: 12px 14px;
.ss-disabled {
color: #7A7F85;
}
.ss-arrow {
font-size: 15px;
margin: 0 12px 0 0;
span {
border: solid var(--color-grey);
border-width: 0 2px 2px 0;
}
}
}
}
.ss-list {
color: var(--color-grey);
font-weight: normal;
text-transform: none;
}
}
.add-member {
display: block;
width: 50%;
padding-right: 15px;
position: relative;
float: left;
}
.add-member + input[type='submit'] {
@extend .button,
.text-xsmall,
.text-bold,
.text-uppercase,
.color-secondary,
.bordered;
margin-top: 14px;
white-space: normal;
}
solid-form-date {
input[type="date"] {
background-image: url("/images/calendar.svg");
background-position: right 12px top 50%;
background-repeat: no-repeat;
background-size: 1.4rem;
color: var(--color-input-icon);
cursor: default;
font-size: 1.4rem;
margin-top: 1.6rem;
max-width: 50vw;
padding-right: 3rem;
/* Needed to replace the close icon in FF when you are selecting a date */
padding-top: 1.2rem;
/* Needed to center the close icon in FF when you are selecting a date */
position: relative;
&::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: 0;
position: absolute;
right: 8px;
}
&::-webkit-clear-button {
cursor: pointer;
margin-bottom: 5px;
/* Needed to compensate padding-top: 1.2rem; for the close icon in FF */
margin-right: 5px;
}
&::-webkit-inner-spin-button {
display: none;
}
}
}

7
src/styles/hubl-framework/icons/_index.scss
View File

@ -1,7 +0,0 @@
@import 'styles';
@import 'sizes';
@import 'positions';
@import 'colors';
@import 'custom-icons';
@import 'material-design-icons';
@import 'simple-line-icons';

42
src/styles/hubl-framework/icons/colors.scss
View File

@ -1,42 +0,0 @@
.icon {
&-primary{
&::before {
color: var(--color-primary);
}
&.hover:hover::before {
color: var(--color-secondary);
}
}
&-secondary{
&::before {
color: var(--color-secondary);
}
&.hover:hover::before {
color: var(--color-primary);
}
}
&-third{
&::before {
color: var(--color-third);
}
&.hover:hover::before {
color: var(--color-heading);
}
}
&-heading{
&::before {
color: var(--color-heading);
}
&.hover:hover::before {
color: var(--color-third);
}
}
&-grey::before {
color: #636363;
}
}

115
src/styles/hubl-framework/icons/custom-icons.scss
View File

@ -1,115 +0,0 @@
/* Custom icons */
$ci-filename: "custom-icons";
$ci-font-name: "custom-icons";
$ci-font-family: "custom-icons";
$ci-font-weight: "regular";
$ci-font-path: "fonts" !default;
$ci-css-prefix: ci !default;
$ci-version: "tlnzh2" !default;
@font-face {
font-family: '#{$ci-font-name}';
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}');
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}#iefix') format('embedded-opentype'),
url('#{$ci-font-path}/#{$ci-filename}.ttf?#{$ci-version}') format('truetype'),
url('#{$ci-font-path}/#{$ci-filename}.woff?#{$ci-version}') format('woff'),
url('#{$ci-font-path}/#{$ci-filename}.svg?#{$ci-version}##{$ci-filename}') format('svg');
font-weight: normal;
font-style: normal;
}
$ci-icons: (
awareness: '\e900',
businessman: '\e901',
information: '\e902',
list-1: '\e903',
sale: '\e904',
armor: '\e905',
chat: '\e906',
list: '\e907',
network: '\e908',
offer: '\e909',
reaction: '\e90a',
add: '\e90b',
appointment: '\e90c',
desk: '\e90d',
file: '\e90e',
premium: '\e90f',
team: '\e910',
beer: '\e911',
networking: '\e912',
receipt: '\e913',
robot: '\e914',
team-1: '\e915',
croupier: '\e916',
learning: '\e917',
review: '\e918',
surf: '\e919',
document: '\e91a',
code: '\e91b',
hat: '\e91c',
beer1: '\e91d',
alien: '\e91e',
add-user: '\e91f',
feedback: '\e920',
globe: '\e921',
bubble-add: '\e922'
);
%ci,
[class^='ci-']::before,
[class*='ci-']::before {
display: inline-block;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: '#{$ci-font-name}' !important;
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
width: 1em;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@function char($character-code) {
@if function-exists("selector-append") {
@return unquote("\"\\#{$character-code}\"");
}
@if "\\#{'x'}" == "\\x" {
@return str-slice("\x", 1, 1) + $character-code;
}
@else {
@return #{"\"\\"}#{$character-code + "\""};
}
}
@function ci($name) {
@if map-has-key($ci-icons, $name) == false {
@warn "Icon #{$name} not found.";
@return "";
}
@return char(map-get($ci-icons, $name));
}
@each $key, $value in $ci-icons {
.#{$ci-css-prefix}-#{$key}:before {
content: char($value);
}
}
@mixin ci($value) {
&:before {
@extend %ci;
@extend .#{$ci-css-prefix}-#{$value};
}
}

91
src/styles/hubl-framework/icons/material-design-icons.scss
View File

@ -1,91 +0,0 @@
/* MaterialDesignIcons.com */
$mdi-filename: "material-design-icons";
$mdi-font-name: "material-design-icons";
$mdi-font-family: "material-design-icons";
$mdi-font-weight: "regular";
$mdi-font-path: "fonts" !default;
$mdi-css-prefix: mdi !default;
$mdi-version: "3.3.92" !default;
@font-face {
font-family: '#{$mdi-font-name}';
src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?v=#{$mdi-version}');
src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
url('#{$mdi-font-path}/#{$mdi-filename}.woff2?v=#{$mdi-version}') format('woff2'),
url('#{$mdi-font-path}/#{$mdi-filename}.woff?v=#{$mdi-version}') format('woff'),
url('#{$mdi-font-path}/#{$mdi-filename}.ttf?v=#{$mdi-version}') format('truetype'),
url('#{$mdi-font-path}/#{$mdi-filename}.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
font-weight: normal;
font-style: normal;
}
$mdi-icons: (
account-outline: '\F013',
atom: '\F767',
cellphone-iphone: '\F120',
check: '\F12C',
email-outline: '\F1F0',
link-variant: '\F339'
);
%mdi,
[class^='mdi-']::before,
[class*='mdi-']::before {
display: inline-block;
font-family: '#{$mdi-font-name}' !important;
font-size: 25px;
font-style: normal;
font-weight: normal;
line-height: 0.5em;
margin-left: -0.15em;
text-align: center;
text-decoration: inherit;
width: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
}
@function char($character-code) {
@if function-exists("selector-append") {
@return unquote("\"\\#{$character-code}\"");
}
@if "\\#{'x'}" == "\\x" {
@return str-slice("\x", 1, 1) + $character-code;
}
@else {
@return #{"\"\\"}#{$character-code + "\""};
}
}
@function mdi($name) {
@if map-has-key($mdi-icons, $name) == false {
@warn "Icon #{$name} not found.";
@return "";
}
@return char(map-get($mdi-icons, $name));
}
@each $key, $value in $mdi-icons {
.#{$mdi-css-prefix}-#{$key}:before {
content: char($value);
}
}
@mixin mdi($value) {
&:before {
@extend %mdi;
@extend .#{$mdi-css-prefix}-#{$value};
}
}
.#{$mdi-css-prefix}-blank:before {
content: "\F68C";
visibility: hidden;
}

15
src/styles/hubl-framework/icons/positions.scss
View File

@ -1,15 +0,0 @@
.icon {
&.centered {
margin: 0 auto;
}
&.margin-right-small::before {
margin-right: 15px;
}
&.margin-right-xsmall::before {
margin-right: 10px;
}
&.margin-right-xxsmall::before {
margin-right: 5px;
}
}

262
src/styles/hubl-framework/icons/simple-line-icons.scss
View File

@ -1,262 +0,0 @@
@font-face {
font-family: 'simple-line-icons';
src: url('fonts/simple-line-icons.eot?23594131');
src: url('fonts/simple-line-icons.eot?23594131#iefix')
format('embedded-opentype'),
url('fonts/simple-line-icons.woff2?23594131') format('woff2'),
url('fonts/simple-line-icons.woff?23594131') format('woff'),
url('fonts/simple-line-icons.ttf?23594131') format('truetype'),
url('fonts/simple-line-icons.svg?23594131#simple-line-icons')
format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'simple-line-icons';
src: url('../font/simple-line-icons.svg?23594131#simple-line-icons') format('svg');
}
}
*/
%icon,
[class^='icon-']:before,
[class*=' icon-']:before {
font-family: 'simple-line-icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
// text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
$icons: (
user-female: '\e000',
people: '\e001',
user-follow: '\e002',
user-following: '\e003',
user-unfollow: '\e004',
user: '\e005',
trophy: '\e006',
speedometer: '\e007',
social-youtube: '\e008',
social-twitter: '\e009',
social-tumblr: '\e00a',
social-facebook: '\e00b',
social-dropbox: '\e00c',
social-dribbble: '\e00d',
shield: '\e00e',
screen-tablet: '\e00f',
screen-smartphone: '\e010',
screen-desktop: '\e011',
plane: '\e012',
notebook: '\e013',
mustache: '\e014',
mouse: '\e015',
magnet: '\e016',
magic-wand: '\e017',
hourglass: '\e018',
graduation: '\e019',
ghost: '\e01a',
game-controller: '\e01b',
fire: '\e01c',
eyeglass: '\e01d',
envelope-open: '\e01e',
envelope-letter: '\e01f',
energy: '\e020',
emotsmile: '\e021',
disc: '\e022',
cursor-move: '\e023',
crop: '\e024',
credit-card: '\e025',
chemistry: '\e026',
bell: '\e027',
badge: '\e028',
anchor: '\e029',
wallet: '\e02a',
vector: '\e02b',
speech: '\e02c',
puzzle: '\e02d',
printer: '\e02e',
present: '\e02f',
playlist: '\e030',
pin: '\e031',
picture: '\e032',
map: '\e033',
layers: '\e034',
handbag: '\e035',
globe-alt: '\e036',
globe: '\e037',
frame: '\e038',
folder-alt: '\e039',
film: '\e03a',
feed: '\e03b',
earphones-alt: '\e03c',
earphones: '\e03d',
drop: '\e03e',
drawar: '\e03f',
docs: '\e040',
directions: '\e041',
direction: '\e042',
diamond: '\e043',
cup: '\e044',
compass: '\e045',
call-out: '\e046',
call-in: '\e047',
call-end: '\e048',
calculator: '\e049',
bubbles: '\e04a',
briefcase: '\e04b',
book-open: '\e04c',
basket-loaded: '\e04d',
basket: '\e04e',
bag: '\e04f',
action-undo: '\e050',
action-redo: '\e051',
wrench: '\e052',
umbrella: '\e053',
trash: '\e054',
tag: '\e055',
support: '\e056',
size-fullscreen: '\e057',
size-actual: '\e058',
shuffle: '\e059',
share-alt: '\e05a',
share: '\e05b',
rocket: '\e05c',
question: '\e05d',
pie-chart: '\e05e',
pencil: '\e05f',
note: '\e060',
music-tone-alt: '\e061',
music-tone: '\e062',
microphone: '\e063',
loop: '\e064',
logout: '\e065',
login: '\e066',
list: '\e067',
like: '\e068',
home: '\e069',
grid: '\e06a',
graph: '\e06b',
equalizer: '\e06c',
dislike: '\e06d',
cursor: '\e06e',
control-start: '\e06f',
control-rewind: '\e070',
control-play: '\e071',
control-pause: '\e072',
control-forward: '\e073',
control-end: '\e074',
calendar: '\e075',
bulb: '\e076',
chart: '\e077',
arrow-up-circle: '\e078',
arrow-right-circle: '\e079',
arrow-left-circle: '\e07a',
arrow-down-circle: '\e07b',
ban: '\e07c',
bubble: '\e07d',
camrecorder: '\e07e',
camera: '\e07f',
check: '\e080',
clock: '\e081',
close: '\e082',
cloud-download: '\e083',
cloud-upload: '\e084',
doc: '\e085',
envelope: '\e086',
eye: '\e087',
flag: '\e088',
folder: '\e089',
heart: '\e08a',
info: '\e08b',
key: '\e08c',
link: '\e08d',
lock: '\e08e',
lock-open: '\e08f',
magnifier: '\e090',
magnifier-add: '\e091',
magnifier-remove: '\e092',
paper-clip: '\e093',
paper-plane: '\e094',
plus: '\e095',
location-pin: '\e096',
power: '\e097',
refresh: '\e098',
reload: '\e099',
settings: '\e09a',
star: '\e09b',
symble-female: '\e09c',
symbol-male: '\e09d',
target: '\e09e',
volume-1: '\e09f',
volume-2: '\e0a0',
volume-off: '\e0a1',
phone: '\e600',
menu: '\e601',
options-vertical: '\e602',
options: '\e603',
arrow-down: '\e604',
arrow-left: '\e605',
arrow-right: '\e606',
arrow-up: '\e607',
paypal: '\e608',
social-instagram: '\e609',
social-linkedin: '\e60a',
social-pintarest: '\e60b',
social-github: '\e60c',
social-google: '\e60d',
social-reddit: '\e60e',
social-skype: '\e60f',
social-behance: '\e610',
social-foursqare: '\e611',
social-soundcloud: '\e612',
social-spotify: '\e613',
social-stumbleupon: '\e614',
minus: '\e615',
organization: '\e616',
exclamation: '\e617',
social-vkontakte: '\e618',
event: '\e619',
social-steam: '\e620',
idea:'\e076'
);
@each $name, $code in $icons {
.icon-#{$name} {
&:before {
content: $code;
}
}
}
@mixin icon($code) {
&:before {
@extend %icon;
@extend .icon-#{$code};
}
}

18
src/styles/hubl-framework/icons/sizes.scss
View File

@ -1,18 +0,0 @@
.icon {
&::before {
font-size: 18px;
}
&-xsmall::before {
font-size: 12px;
}
&-small::before {
font-size: 15px;
}
&-large::before {
font-size: 20px;
}
&-xlarge::before {
font-size: 30px;
}
}

43
src/styles/hubl-framework/icons/styles.scss
View File

@ -1,43 +0,0 @@
.icon {
input,
.ss-single-selected {
background-position: right 12px top 50%;
background-repeat: no-repeat;
}
&.icon-magnify input,
&.icon-magnify .ss-single-selected {
background-image: url("https://cdn.skypack.dev/@startinblox/component-directory@1.3.0/dist/assets/magnify.svg");
}
&.icon-arrow-down {
background-image: url();
}
&.rounded {
border: 2px solid;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
&-small {
height: 35px;
width: 35px;
}
&-large {
height: 70px;
width: 70px;
}
&-primary {
border-color: var(--color-primary);
}
&-secondary {
border-color: var(--color-secondary);
}
&-third {
border-color: var(--color-third);
}
&-heading {
border-color: var(--color-heading);
}
}
}

26
src/styles/hubl-framework/links/_index.scss
View File

@ -1,26 +0,0 @@
solid-link,
solid-route {
cursor: pointer;
}
.backlink {
color: #636363;
font-size: 13px;
text-decoration: underline;
@include icon('arrow-left-circle');
&::before {
display: inline-block;
font-size: 20px;
margin-right: 10px;
text-decoration: none;
}
&:hover {
text-decoration: none;
}
}
.link {
color: var(--color-secondary);
}

3
src/styles/hubl-framework/segments/_index.scss
View File

@ -1,3 +0,0 @@
@import 'positions';
@import 'spaces';
@import 'sizes';

16
src/styles/hubl-framework/segments/positions.scss
View File

@ -1,16 +0,0 @@
.segment {
position: relative;
.align-middle {
transform: translateY(50%);
}
&.float-left {
float: left;
}
&.float-right {
float: right;
}
&.center {
margin: 0 auto;
}
}

36
src/styles/hubl-framework/segments/sizes.scss
View File

@ -1,36 +0,0 @@
$small: "min-width: 640px";
$medium: "min-width: 768px";
$large: "min-width: 1024px";
$xlarge: "min-width: 1280px";
.segment {
@media($large) {
&.lg {
&-hidden {
display: none;
}
&-quarter {
width: 25%;
}
&-third {
width: 33.333%;
}
&-half {
width: 50%;
}
&-two-third {
width: 66.666%;
}
&-three-quarter {
width: 75%;
}
&-full {
width: 100%;
}
&-auto {
width: auto;
}
}
}
}

244
src/styles/hubl-framework/segments/spaces.scss
View File

@ -1,244 +0,0 @@
.segment {
box-sizing: border-box;
&.clearfix::after {
content: "";
clear: both;
display: block;
height: 0;
width: 100%;
}
&.margin {
&-xxsmall {
margin: 5px;
}
&-xsmall {
margin: 10px;
}
&-small {
margin: 15px;
}
&-medium {
margin: 20px;
}
&-large {
margin: 25px;
}
&-xlarge {
margin: 30px;
}
&-xxlarge {
margin: 35px;
}
&-top {
&-xxsmall {
margin-top: 5px;
}
&-xsmall {
margin-top: 10px;
}
&-small {
margin-top: 15px;
}
&-medium {
margin-top: 20px;
}
&-large {
margin-top: 25px;
}
&-xlarge {
margin-top: 30px;
}
&-xxlarge {
margin-top: 35px;
}
}
&-right {
&-xxsmall {
margin-right: 5px;
}
&-xsmall {
margin-right: 10px;
}
&-small {
margin-right: 15px;
}
&-medium {
margin-right: 20px;
}
&-large {
margin-right: 25px;
}
&-xlarge {
margin-right: 30px;
}
&-xxlarge {
margin-right: 35px;
}
}
&-bottom {
&-xxsmall {
margin-bottom: 5px;
}
&-xsmall {
margin-bottom: 10px;
}
&-small {
margin-bottom: 15px;
}
&-medium {
margin-bottom: 20px;
}
&-large {
margin-bottom: 25px;
}
&-xlarge {
margin-bottom: 30px;
}
&-xxlarge {
margin-bottom: 35px;
}
}
&-left {
&-xxsmall {
margin-left: 5px;
}
&-xsmall {
margin-left: 10px;
}
&-small {
margin-left: 15px;
}
&-medium {
margin-left: 20px;
}
&-large {
margin-left: 25px;
}
&-xlarge {
margin-left: 30px;
}
&-xxlarge {
margin-left: 35px;
}
}
}
&.padding {
&-xxsmall {
padding: 5px;
}
&-xsmall {
padding: 10px;
}
&-small {
padding: 15px;
}
&-medium {
padding: 20px;
}
&-large {
padding: 25px;
}
&-xlarge {
padding: 30px;
}
&-xxlarge {
padding: 35px;
}
&-top {
&-xxsmall {
padding-top: 5px;
}
&-xsmall {
padding-top: 10px;
}
&-small {
padding-top: 15px;
}
&-medium {
padding-top: 20px;
}
&-large {
padding-top: 25px;
}
&-xlarge {
padding-top: 30px;
}
&-xxlarge {
padding-top: 35px;
}
}
&-right {
&-xxsmall {
padding-right: 5px;
}
&-xsmall {
padding-right: 10px;
}
&-small {
padding-right: 15px;
}
&-medium {
padding-right: 20px;
}
&-large {
padding-right: 25px;
}
&-xlarge {
padding-right: 30px;
}
&-xxlarge {
padding-right: 35px;
}
}
&-bottom {
&-xxsmall {
padding-bottom: 5px;
}
&-xsmall {
padding-bottom: 10px;
}
&-small {
padding-bottom: 15px;
}
&-medium {
padding-bottom: 20px;
}
&-large {
padding-bottom: 25px;
}
&-xlarge {
padding-bottom: 30px;
}
&-xxlarge {
padding-bottom: 35px;
}
}
&-left {
&-xxsmall {
padding-left: 5px;
}
&-xsmall {
padding-left: 10px;
}
&-small {
padding-left: 15px;
}
&-medium {
padding-left: 20px;
}
&-large {
padding-left: 25px;
}
&-xlarge {
padding-left: 30px;
}
&-xxlarge {
padding-left: 35px;
}
}
}
}

5
src/styles/hubl-framework/tables/_index.scss
View File

@ -1,5 +0,0 @@
@import 'tables';
@import 'cells';
@import 'headers';
@import 'bodies';
@import 'sizes';

22
src/styles/hubl-framework/tables/bodies.scss
View File

@ -1,22 +0,0 @@
.table-body {
display: table-row-group;
border-left: 1px solid #C9C8C8;
&>div {
display: contents;
&>solid-display {
display: table-row;
&>div {
display: contents;
&>.table-cell {
border-bottom: 1px solid #C9C8C8;
border-right: 1px solid #C9C8C8;
height: 64px;
}
}
}
}
}

6
src/styles/hubl-framework/tables/cells.scss
View File

@ -1,6 +0,0 @@
.table-cell {
display: table-cell;
white-space: nowrap;
text-align: center;
vertical-align: middle;
}

20
src/styles/hubl-framework/tables/headers.scss
View File

@ -1,20 +0,0 @@
.table-header {
display: table-header-group;
text-align: center;
vertical-align: middle;
border-top: 1px solid #C9C8C8;
border-bottom: 1px solid #C9C8C8;
border-left: 1px solid #C9C8C8;
font-size: 16px;
font-weight: 600;
letter-spacing: 0.25px;
&>.table-cell {
height: 50px;
border-right: 1px solid white;
&:last-child {
border-right: 1px solid #C9C8C8;
}
}
}

22
src/styles/hubl-framework/tables/sizes.scss
View File

@ -1,22 +0,0 @@
.table-body,
.table-header {
.w280 {
width: 280px;
}
.w450 {
width: 450px;
}
.w370 {
width: 370px;
}
.w230 {
width: 230px;
}
.w70 {
width: 70px;
}
.w162 {
width: 162px;
}
}

35
src/styles/hubl-framework/tables/tables.scss
View File

@ -1,35 +0,0 @@
.table-wrapper {
position: relative;
width: 100%;
/* Bottom scrollbar */
overflow: auto;
height: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: thin;
scrollbar-color: var(--color-heading) var(--color-grey);
&::-webkit-scrollbar-track {
background-color: var(--color-grey);
border-radius: 10px;
}
&::-webkit-scrollbar {
height: 5px;
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-heading);
border-radius: 10px;
}
.table {
border-collapse: collapse;
display: table;
overflow: auto;
table-layout: fixed;
width: 100%;
max-width: 100%;
}
}

82
src/styles/hubl-framework/tags/_index.scss
View File

@ -1,82 +0,0 @@
.tag:not(:empty) {
cursor: pointer;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 17px;
border: 1px solid var(--color-primary);
border-radius: 3px;
padding: 4px 11px;
&.beta {
font-size: 14px;
font-weight: 600;
}
&.color-primary {
background: white;
border: 1px solid var(--color-primary);
color: var(--color-primary);
&.hover:hover {
background: var(--color-primary);
color: white;
}
}
&.color-secondary {
background: white;
border: 1px solid var(--color-secondary);
color: var(--color-secondary);
&.hover:hover {
background: var(--color-secondary);
color: white;
}
}
&.color-third {
background: white;
border: 1px solid var(--color-third);
color: var(--color-third);
&.hover:hover {
background: var(--color-third);
color: white;
}
}
&.reversed {
&.color-primary {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: white;
&.hover:hover {
background: white;
color: var(--color-primary);
}
}
&.color-secondary {
background: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: white;
&.hover:hover {
background: white;
color: var(--color-secondary);
}
}
&.color-third {
background: var(--color-third);
border: 1px solid var(--color-third);
color: white;
&.hover:hover {
background: white;
color: var(--color-third);
}
}
}
}

7
src/styles/index.scss
View File

@ -1,8 +1,11 @@
@charset "UTF-8";
@import "@startinblox/hubl-styling-framework/dist/index.css";
main {
background-color: pink;
}
@import 'hubl-framework/_index';
@import 'hubl-app/_index';
@import 'header/_index';
@import 'left-nav/_index';
@import 'content/_index';

0
src/styles/hubl-app/left-nav/_index.scss → src/styles/left-nav/_index.scss
View File

27
src/styles_old/abstracts/_fonts.scss
View File

@ -1,27 +0,0 @@
@font-face {
font-family: 'RefrigeratorDelxW01Bold';
src: url('../fonts/RefrigeratorDelxW01Bold.eot');
src: url('../fonts/RefrigeratorDelxW01Bold.eot') format('embedded-opentype'),
url('../fonts/RefrigeratorDelxW01Bold.woff') format('woff'),
url('../fonts/RefrigeratorDelxW01Bold.ttf') format('truetype'),
url('../fonts/RefrigeratorDelxW01Bold.svg#RefrigeratorDelxW01Bold') format('svg');
font-weight: bold;
}
@font-face {
font-family: 'Facit';
src: url('../fonts/FacitRegular.eot');
src: url('../fonts/FacitRegular.eot') format('embedded-opentype'),
url('../fonts/FacitRegular.woff') format('woff'),
url('../fonts/FacitRegular.ttf') format('truetype'),
url('../fonts/FacitRegular.svg#FacitRegular') format('svg');
font-weight: 400;
}
@font-face {
font-family: 'Facit';
src: url('../fonts/FacitBold.eot');
src: url('../fonts/FacitBold.eot') format('embedded-opentype'),
url('../fonts/FacitBold.woff') format('woff'),
url('../fonts/FacitBold.ttf') format('truetype'),
url('../fonts/FacitBold.svg#FacitBold') format('svg');
font-weight: 700;
}

58
src/styles_old/abstracts/_mixins.scss
View File

@ -1,58 +0,0 @@
@mixin window-style-modal($background: var(--color-white), $shadow: hsla(212, 7%, 55%, 0.19)) {
box-shadow: 0 0 8px 0 $shadow;
background-color: $background;
}
@mixin breakpoint($min: 0, $max: 0) {
$type: type-of($min);
@if $type==string {
@if $min==xs {
@media (max-width: 576px) {
@content;
}
}
@else if $min==sm {
@media (max-width: 768px) {
@content;
}
}
@else if $min==md {
@media (max-width: 991px) {
@content;
}
}
@else if $min==lg {
@media (min-width: 992px) {
@content;
}
}
@else {
@warn "Beware ! Breakpoints mixin supports xs, sm, md, lg";
}
}
@else if $type==number {
$query: "all" !default;
@if $min !=0 and $max !=0 {
$query: "(min-width: #{$min}) and (max-width: #{$max})";
}
@else if $min !=0 and $max==0 {
$query: "(min-width: #{$min})";
}
@else if $min==0 and $max !=0 {
$query: "(max-width: #{$max});"
}
@media #{$query} {
@content;
}
}
}

156
src/styles_old/abstracts/_variables.scss
View File

@ -1,156 +0,0 @@
// Color Variables
:root {
--color-primary: #FF0055;
--color-secondary: #0068FF;
--color-third: #00E3B4;
--color-grey: #636363;
--color-heading: #2E3F58;
--nav-height: 72px;
--color-complementary: #5BB4CE;
--color-complementary-darken: #35A0C0;
--color-white: hsl(0, 0%, 100%);
--color-black-h: 16;
--color-black-s: 45%;
--color-black-l: 6%;
--color-black: hsl(var(--color-black-h), var(--color-black-s), var(--color-black-l)); /* 180D09 */
/* Fifty shades of greys */
--color-grey-1: hsl(calc(var(--color-black-h) + 200), calc(var(--color-black-s) - 41%), calc(var(--color-black-l) + 16%)); /*hsl(216, 4%, 22%); #36383B */
--color-grey-2: hsl(calc(var(--color-black-h) + 217), calc(var(--color-black-s) - 27%), calc(var(--color-black-l) + 23%)); /*hsl(233, 18%, 29%); #3C3F57 */
--color-grey-3: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 45%), calc(var(--color-black-l) + 23%)); /*hsl(0, 0%, 29%); #4A4A4A */
--color-grey-4: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 43%), calc(var(--color-black-l) + 43%)); /*hsl(0, 2%, 49%); #807A7A */
--color-grey-5: hsl(calc(var(--color-black-h) + 197), calc(var(--color-black-s) - 41%), calc(var(--color-black-l) + 44%)); /*hsl(213, 4%, 50%); #7A7F85 */
--color-grey-6: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 41%), calc(var(--color-black-l) + 57%)); /*hsl(0, 4%, 63%); #A59D9D */
--color-grey-7: hsl(calc(var(--color-black-h) + 228), calc(var(--color-black-s) + 35%), calc(var(--color-black-l) + 64%)); /*hsl(244, 10%, 70%); #ABAABA */
--color-grey-8: hsl(calc(var(--color-black-h) + 212), calc(var(--color-black-s) - 20%), calc(var(--color-black-l) + 73%)); /*hsl(228, 25%, 79%); #BDC2D7 */
--color-grey-9: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 36%), calc(var(--color-black-l) + 76%)); /*hsl(0, 9%, 82%); #D6CECE */
--color-grey-10: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 42%), calc(var(--color-black-l) + 87%)); /*hsl(0, 3%, 93%); #EEEDED */
--color-grey-11: hsl(calc(var(--color-black-h) + 197), calc(var(--color-black-s) - 32%), calc(var(--color-black-l) + 80%)); /*hsl(213, 13%, 86%); #D7DBE0 */
--color-grey-12: hsl(calc(var(--color-black-h) + 197), calc(var(--color-black-s) - 25%), calc(var(--color-black-l) + 85%)); /*hsl(213, 20%, 91%); #E4E8ED */
--color-grey-13: hsl(calc(var(--color-black-h) - 16), calc(var(--color-black-s) - 45%), calc(var(--color-black-l) + 90%)); /*hsl(0, 0%, 96%); #F4F4F4 */
/* CUSTOM COLORS FOR CLIENT */
--color-main-background: var(--color-grey-13);
--color-main-text: var(--color-grey-4);
--color-highlight-primary: var(--color-primary);
--color-user-panel: var(--color-black);
--color-avatar-background: var(--color-grey-10);
--color-title: var(--color-secondary);
--color-h1: var(--color-secondary);
--color-h2: var(--color-secondary);
/* Header's elements */
--color-header-background: var(--color-white);
--color-bell: var(--color-secondary);
--color-notification-counter-number: var(--color-white);
--color-notification-summary: var(--color-grey-4);
--solid-notifications-theme: var(--color-primary);
--color-notification-item-border: var(--color-grey-12);
--color-notification-scrollbar-background: #EDF1FA;
--color-notification-scrollbar-track: var(--color-grey-8);
--color-user-panel-header-text: var(--color-secondary);
--color-user-panel-header-background: var(--color-white);
--color-user-panel-header-text-open: var(--color-white);
--color-user-panel-header-background-open: var(--color-secondary);
--color-user-panel-list-background: var(--color-white);
--color-user-panel-list-text-hover: var(--color-primary);
--color-user-panel-list-border: var(--color-grey-12);
/* Left menu */
--color-menu-highlight-primary: var(--color-highlight-primary);
--color-menu-background: var(--color-secondary);
--color-menu-text: var(--color-white);
--color-menu-text-active: var(--color-white);
--color-menu-background-active: var(--color-menu-highlight-primary);
--color-menu-badge-background: var(--color-secondary);
--color-menu-badge-text-active: var(--color-menu-text-active);
--color-menu-badge-background-active: var(--color-complementary);
--color-menu-icon-background-active: var(--color-secondary);
/* Right menu */
--color-right-menu-background: var(--color-grey-10);
--color-right-menu-text: var(--color-secondary);
--color-right-menu-link-border: var(--color-grey-9);
--color-right-menu-active-text: var(--color-white);
--color-right-menu-active-background: var(--color-secondary);
--color-right-menu-active-icon: var(--color-white);
/* Scrollbar */
--color-scrollbar-right-background: var(--color-white);
--color-scrollbar-right-track: var(--color-grey-9);
--color-scrollbar-left-background: var(--color-secondary);
--color-scrollbar-left-track: var(--color-grey-11);
--color-scrollbar-table-background: var(--color-grey-10);
--color-scrollbar-table-track: var(--color-secondary);
/* tags */
--color-tag-admin-text: var(--color-complementary);
--color-tag-admin-border: var(--color-complementary);
/* Form elements */
--color-button-white: var(--color-white);
--color-button-primary: var(--color-primary);
--color-button-secondary: var(--color-secondary);
--color-button-complementary: var(--color-complementary);
--color-input-background: var(--color-grey-10);
--color-input-text: var(--color-secondary);
--color-input-icon: var(--color-secondary);
--color-input-active: var(--color-secondary);
--color-fieldset: var(--color-title);
--color-fieldset-border: var(--color-grey-10);
--color-button-modal: var(--color-title);
--color-select-list: var(--color-secondary);
--color-select-add-button: var(--color-button-secondary);
--color-select-add-button-background: var(--color-button-white);
--color-add-button-background: var(--color-button-secondary);
--color-add-button: var(--color-white);
--color-label-light: var(--color-grey-6);
/* skill */
--color-skill-background: var(--color-primary);
--color-skill-text: var(--color-white);
/* icon */
--color-icon: var(--color-complementary);
/* Table */
--color-table-header-background: var(--color-grey-6);
--color-table-header-text: var(--color-white);
--color-table-border: var(--color-grey-8);
/* User thumb */
--color-user-thumb-name: var(--color-grey-4);
--color-backlink: var(--color-secondary);
--color-content-header: var(--color-grey-9);
/* job board */
--color-job-board-primary: var(--color-primary) !important;
--color-job-board-secondary: var(--color-secondary)!important;
--color-job-board-complementary: var(--color-complementary)!important;
--color-job-board-complementary-darken: var(--color-complementary-darken)!important;
--color-job-board-white: var(--color-white)!important;
--color-job-board-black-1: var(--color-black)!important;
--color-job-board-grey-10: #E4E8ED !important; // for some reason with the var it doesh't work var(--color-grey-12) !important;
/* directory */
--color-directory-primary: var(--color-primary)!important;
--color-directory-secondary: var(--color-secondary)!important;
--color-directory-complementary: var(--color-complementary)!important;
--color-directory-complementary-darken: var(--color-complementary-darken)!important;
--color-directory-white: var(--color-white)!important;
--color-directory-black: var(--color-black)!important;
}
/* Variables for event */
$color-212-4-50: hsl(212.7,4.3%,50%);
$color-0-0-22: hsl(0,0%,22.7%);
$color-203-87-19: hsl(203, 87.8%, 19.2%);
$color-357-67-45: hsl(357,67.5%,45.9%);

56
src/styles_old/base/about.scss
View File

@ -1,56 +0,0 @@
#about{
h2,h3{
text-transform: uppercase;
}
h2{
margin-left: 1.5em;
}
.flex-content-white{
display: flex;
@media only screen and (max-width: 768px) {
flex-direction: column;
}
>div{
padding: 2em 2.5em;
text-align: center;
margin: 0 1.5em 3em 1.5em;
background: white;
box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.11);
display: flex;
flex-direction: column;
justify-content: space-between;
}
>div:first-child{
width: 60%;
}
>div:last-child{
width: 35%;
@media only screen and (max-width: 768px) {
width: 60%;
}
}
a{
text-decoration: none;
}
}
.main-cta{
background: var(--color-white) none repeat scroll 0% 0%;
border: 1px solid var(--color-primary);
border-radius: 55px;
color: var(--color-primary);
cursor: pointer;
font-weight: bold;
text-transform: uppercase;
width: 50%;
font-size: 1.1rem;
align-self: center;
padding: 0.5rem 1.5rem;
}
.main-cta:hover{
background: var(--color-primary) none repeat scroll 0% 0%;
border : 1px solid var(--color-primary);
color: var(--color-white);
}
}

243
src/styles_old/base/form.scss
View File

@ -1,243 +0,0 @@
solid-form {
[data-id="error"] {
display: none !important; // Hide the default core message, english only with a weird message
}
}
.form form {
margin-left: -25px;
transition: all .3s ease;
/*display: block;
height: fit-content;
margin-bottom: 75px;
transition: all .3s ease;
}*/
label {
display: block;
}
}
.button-register input[type=submit] {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .reversed;
@extend .button-secondary;
@extend .bordered;
height: auto;
position: fixed;
bottom: 1em;
left: 10%;
white-space: normal;
width: 80%;
z-index: 1;
@include breakpoint(lg) {
/*height: 3rem;
left: 0;
margin: 0;
margin-left: auto;
margin-top: 32px;
position: relative;
width: auto;*/
position: unset;
bottom: unset;
white-space: unset;
left: unset;
width: unset;
z-index: unset;
float: right;
margin-top: 10px;
}
}
/* WIDGETS SIB (let in .content-box to override default styles) */
solid-form-dropdown-autocompletion,
solid-form-dropdown-autocompletion-label,
solid-form-multipleselect-autocompletion-label,
hubl-status {
.ss-main {
font-weight: normal;
margin-top: 6px;
text-transform: none;
.ss-single-selected {
background-color: #F6F6F6;
border: none;
border-radius: 0px;
color: var(--color-grey);
font-weight: normal;
min-height: 46px;
padding: 12px 14px;
.ss-disabled {
color: #7A7F85;
}
.ss-arrow {
font-size: 15px;
margin: 0 12px 0 0;
span {
border: solid var(--color-grey);
border-width: 0 2px 2px 0;
}
}
}
}
.ss-list {
color: var(--color-grey);
font-weight: normal;
text-transform: none;
}
}
/* Additional styles for the select to add a member in circle-edit */
.block.select-add>form {
display: block;
@include breakpoint(lg) {
display: flex;
flex-direction: row;
margin-bottom: 2.6rem;
margin-top: 1.8rem;
}
label {
margin-top: 0;
}
.ss-main {
min-width: 35vw;
}
input[type=submit] {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .button-complementary;
@extend .bordered;
margin: 10px 0;
width: 100%;
@include breakpoint(lg) {
height: 32px;
margin: auto 0 auto 2.2rem;
width: auto;
}
}
}
/* End */
solid-form-date {
input[type="date"] {
background-image: url("/images/calendar.svg");
background-position: right 12px top 50%;
background-repeat: no-repeat;
background-size: 1.4rem;
color: var(--color-input-icon);
cursor: default;
font-size: 1.4rem;
margin-top: 1.6rem;
max-width: 50vw;
padding-right: 3rem; /* Needed to replace the close icon in FF when you are selecting a date */
padding-top: 1.2rem; /* Needed to center the close icon in FF when you are selecting a date */
position: relative;
&::-webkit-calendar-picker-indicator {
cursor: pointer;
opacity: 0;
position: absolute;
right: 8px;
}
&::-webkit-clear-button {
cursor: pointer;
margin-bottom: 5px; /* Needed to compensate padding-top: 1.2rem; for the close icon in FF */
margin-right: 5px;
}
&::-webkit-inner-spin-button {
display: none;
}
}
}
solid-form-file {
div {
display: flex;
flex-direction: column-reverse;
align-items: center;
margin-top: 1.8rem;
@include breakpoint(lg) {
flex-direction: row-reverse;
justify-content: flex-end;
}
input[type='file'] {
height: 0.1px;
opacity: 0;
overflow: hidden;
position: absolute;
width: 0.1px;
z-index: -1;
}
input[type='text'] {
margin-bottom: 0.8rem;
width: 100%;
@include breakpoint(lg) {
width: auto;
}
}
label {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .button-primary;
@extend .bordered;
text-align: center;
width: 100%;
@include breakpoint(lg) {
margin: auto 2.2rem;
width: auto;
}
}
}
}
/* CUSTOM WIDGETS */
hubl-member-form {
width: 100%;
form {
display: flex;
flex-direction: column;
[name='member-form__input'] {
margin-bottom: 1rem;
}
solid-form-dropdown-autocompletion-label,
solid-form-multipleselect-autocompletion-label {
float: left;
}
input[type='submit'] {
background-color: var(--color-select-add-button-background);
border: 1px solid var(--color-select-add-button);
color: var(--color-select-add-button);
}
}
}

468
src/styles_old/base/header.scss
View File

@ -1,468 +0,0 @@
#header {
height: 72px;
z-index: 999;
/*box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);*/ /*mockup value*/
padding: 0 25px;
}
/*#header {
max-height: 50px;
height: 50px;
display: flex;
align-items: center;
background-color: var(--color-header-background);
color: var(--color-black);
box-shadow: 0 2px 4px rgba(0, 0, 0, 0.09);
flex-shrink: 0;
position: fixed;
z-index: 999;
width: -webkit-fill-available;
width: -moz-available;
@include breakpoint(lg) {
max-height: 83px;
height: 83px;
position: relative;
}
&.is-spaced {
padding: 0 0.8rem;
@include breakpoint(lg) {
padding: 0 2.5rem;
}
}
.header-left {
flex-grow: 1;
position: relative;
.logo {
display: inline-block;
}
.beta-tag {
display: none;
@include breakpoint(lg) {
display: inline-block;
font-size: 1.4rem;
font-weight: 600;
line-height: 19px;
letter-spacing: 0.19px;
padding: 3px 13px 3px 15px;
border-radius: 3px;
background: var(--color-primary);
color: var(--color-white);
position: fixed;
top: 12px;
left: 267px;
}
}
}
>*:not(:first-child) {
margin-left: 2rem;
@include breakpoint(lg) {
margin-left: 0;
}
}*/
/* Fix: to remove the place taken by these elements */
/*solid-widget[name='hubl-user-avatar'] {
display: contents;
}
solid-notifications-template[data-rdf-type='hd:circle'],
solid-notifications-template[data-rdf-type='foaf:user'] {
position: absolute;
}
}*/
/* General styling for both notification and user's panel */
details {
/*position: relative;*/
summary {
&::-moz-list-bullet {
list-style-type: none; /* To remove the disclosure triangle on Firefox v.<69 */
}
&::-webkit-details-marker {
display: none;
}
}
}
/* End */
solid-notifications {
color: var(--color-bell);
@include breakpoint(sm) {
padding: 0;
}
.solid-notifications__container {
position: relative;
.solid-notifications__button {
@include icon('bell');
font-size: 2.5rem;
@include breakpoint(lg) {
font-size: 3rem;
}
&::before {
margin-left: 0;
}
img {
display: none;
}
.solid-notifications__counter {
left: 2rem;
position: absolute;
top: 1px;
@include breakpoint(lg) {
left: 2.1rem;
top: -3px;
}
span {
color: white;
}
}
}
.solid-notifications__triangle-back {
display: none;
}
.solid-notifications__triangle-shadow {
display: none;
@include breakpoint(lg) {
background: white;
display: block;
position: absolute;
left: auto;
right: -2.1em;
top: 5em;
transform: initial;
width: 0;
z-index: 4;
&::after {
content: "";
position: absolute;
width: 0;
height: 0;
margin-left: -5em;
top: 0px;
left: 50%;
border: 1em solid black;
border-color: #fff #fff transparent transparent;
transform-origin: 0 0;
transform: rotate(-45deg);
box-shadow: 6px -6px 10px -3px rgba(92, 97, 104, 0.14);
}
}
}
.solid-notifications__list {
border: none;
border-radius: 0;
box-shadow: 0 0 7px 0 rgba(92, 97, 104, 0.24);
max-height: calc(100vh - 50px);
position: fixed;
left: 0;
top: 2.5em;
width: 100vw;
@include breakpoint(lg) {
max-height: calc(100vh - 93px);
position: absolute;
left: auto;
right: -2.3em;
top: 3.95em;
width: 347px;
}
/* Custom scrollbar */
overflow: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
scrollbar-width: thin;
scrollbar-color: #C9C8C8 #F1F1F1;
&::-webkit-scrollbar-track {
background: #F1F1F1;
}
&::-webkit-scrollbar-thumb {
background-color: #C9C8C8;
border-radius: 8px;
}
&::-webkit-scrollbar {
width: 8px;
}
/* End of custom scrollbar */
.solid-notifications__item {
border-bottom: none;
&:hover {
background-color: transparent;
& solid-notification__title,
& solid-notification__summary {
color: var(--color-secondary);
}
}
.solid-notification {
padding: 1.2rem 0 1.5rem;
&[data-read] {
opacity: 0.5;
}
.solid-notification__avatar {
align-items: center;
background: var(--color-grey);
display: flex;
height: 35px;
justify-content: center;
margin-left: 1.6rem;
margin-right: 1.4rem;
overflow: hidden;
position: relative;
vertical-align: middle;
width: 35px;
img {
background-color: var(--color-grey);
height: 100%;
object-fit: cover;
object-position: center center;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
}
.solid-notification__content {
font-family: Open Sans, sans-serif;
.solid-notification__title {
color: var(--color-heading);
font-size: 1.3rem;
font-weight: 600;
.solid-notification__title__side {
font-weight: normal;
>span:first-child {
margin-right: 4px;
}
}
.solid-notification__title__icon {
display: inline-block;
font-family: simple-line-icons;
}
}
.solid-notification__summary {
color: var(--color-grey);
font-size: 1.2rem;
line-height: 1.7rem;
margin: 1.1rem 0 0;
@include breakpoint(320px, 388px) {
max-width: 226px;
}
@include breakpoint(lg) {
max-width: 256px;
}
}
}
.solid-notification__read {
display: none;
}
}
}
}
}
}
#user-controls {
padding: 0;
-webkit-touch-callout: none;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
summary {
cursor: pointer;
display: block; /* To remove the disclosure triangle on Firefox v.>=69 */
&:focus {
background-color: transparent;
color: white;
outline: none;
@include breakpoint(lg) {
background-color: var(--color-heading);
}
}
}
#user-controls__profile {
div {
display: flex;
flex-direction: row-reverse;
> * {
vertical-align: middle;
}
hubl-user-avatar {
/*height: 3.3rem;
margin-right: 0;
width: 3.3rem;*/
@include breakpoint(lg) {
/*margin-right: 16px;*/
/*height: 4.8rem;
width: 4.8rem;*/
}
}
solid-display-value[name='first_name'] {
@include icon('arrow-down');
align-items: center;
display: none;
flex-direction: row-reverse;
&::before {
margin-left: 1.5rem;
}
@include breakpoint(lg) {
display: flex;
}
}
}
}
#user-controls__panel {
height: 0;
position: absolute;
right: 0;
z-index: 1;
/* Quick fix for mobile version */
width: 215px;
top: 42px;
@include breakpoint (lg) {
width: 100%;
top: 72px;
}
> nav {
background-color: white;
box-shadow: 0 7px 8px 0 rgba(0, 0, 0, 0.16);
position: absolute;
right: 0;
top: 0;
width: 100%;
ul {
list-style: none;
margin: 0;
padding: 0;
solid-route {
display: block;
&:hover a {
color: var(--color-secondary);
}
}
li {
solid-link {
display: block;
/*margin-right: 0;*/
/*padding: 1.6rem 1.3rem;*/
}
&:hover {
solid-link {
color: var(--color-secondary);
}
}
}
.icon::before {
margin-right: 10px;
}
}
button {
/*color: var(--color-grey-4);
padding: 1.6rem 1.3rem;*/
text-align: left;
width: 100%;
&:hover {
color: var(--color-secondary);
}
}
}
}
&[open] {
/*background-color: var(--color-heading);*/
color: var(--color-heading);
#user-controls__profile {
div {
solid-display-value[name='first_name'] {
@include icon('close');
&::before {
margin-left: 1.5rem;
}
}
}
}
}
}
.mobile-menu-icon {
display: block;
padding-left: 0;
font-size: 24px;
@include breakpoint(lg) {
display: none;
}
}

990
src/styles_old/base/main.scss
View File

@ -1,990 +0,0 @@
* {
outline: none;
}
:root {
font-size: 14px;
font-family: Open Sans, sans-serif;
--sib-notifications-theme: var(--color-primary);
body {
background-color: var(--color-main-background);
box-sizing: border-box;
color: var(--color-grey) !important;
/* Fix for viewport height bug in webkit for mobile */
height: -webkit-fill-available;
min-height: -webkit-fill-available;
}
main {
width: calc(100% - 256px);
}
.notLoggedIn {
visibility: hidden;
}
}
.segment {
/*background: white;*/
position: relative;
.align-middle {
transform: translateY(50%);
}
.box-border {
box-sizing: border-box;
}
&.lg-{
&hidden {
display: none;
}
&quarter {
width: 25%;
}
&third {
width: 33.333%;
}
&half {
width: 50%;
}
&two-third {
width: 66.666%;
}
&three-quarter {
width: 75%;
}
&full {
width: 100%;
}
&auto {
width: auto;
}
}
&.float-left {
float: left;
}
&.float-right {
float: right;
}
&.clearfix::after {
content: "";
clear: both;
display: block;
height: 0;
width: 100%;
}
&.margin-top-small {
margin-top: 10px;
}
&.margin-left {
margin-left: 20px;
}
&.margin-right-xsmall {
margin-right: 15px;
}
&.margin-bottom {
margin-bottom: 20px;
}
&.margin-bottom-xlarge {
margin-bottom: 30px;
}
&.margin-bottom-xxlarge {
margin-bottom: 35px;
}
&.margin-top-xxlarge {
margin-top: 35px;
}
&.margin-left-small {
margin-left: 15px;
}
&.margin-right-xsmall {
margin-right: 6px;
}
&.margin-right-small {
margin-right: 15px;
}
&.margin-right {
margin-right: 20px;
}
&.margin-bottom {
margin-bottom: 20px;
}
&.padding-small {
padding: 10px;
}
&.padding-y-small {
padding-top: 10px;
padding-bottom: 10px;
}
&.padding {
padding: 14px;
}
&.padding-large {
padding: 20px;
}
&.padding-xlarge {
padding: 25px;
}
&.padding-left-large {
padding-left: 25px
}
}
.avatar {
border-radius: 50%;
object-fit: cover;
height: 50px;
width: 50px;
&.xsmall {
height: 31px;
width: 31px;
}
&.small {
height: 44px;
width: 44px;
}
&.large {
height: 180px;
width: 180px;
}
&.xlarge {
height: 241px;
width: 241px;
}
&.margin-right-small {
margin-right: 16px;
}
}
.border-bottom {
border-bottom: 1px solid #D6CECE;
}
.shadow {
box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
}
.bg-color-third {
background: var(--color-third);
}
.bg-color-heading {
background: var(--color-heading);
}
.bg-color-white {
background: white;
}
.icon {
&::before {
font-size: 20px;
}
&.icon-magnify {
background-image: url();
}
&.icon-arrow-down {
background-image: url();
}
&.rounded{
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
&-small {
height: 35px;
width: 35px;
}
&-large {
height: 70px;
width: 70px;
}
}
&.xxsmall::before {
font-size: 12px;
}
&.xsmall::before {
font-size: 15px;
}
&.small::before {
font-size: 18px;
}
&.large::before {
font-size: 30px;
}
&.xlarge::before {
font-size: 40px;
}
&.centered {
margin: 0 auto;
}
&.icon-margin-right::before {
margin-right: 15px;
}
&.icon-margin-right-xxsmall::before {
margin-right: 5px;
}
}
.icon-color-primary::before {
color: var(--color-primary);
}
.icon-color-secondary::before {
color: var(--color-secondary);
}
.icon-color-third::before {
color: var(--color-third);
}
.icon-color-heading::before {
color: var(--color-heading);
}
.text-bold {
font-weight: 600;
}
.text-bolder {
font-weight: 700;
}
.text-normal {
font-weight: normal;
}
.text-uppercase {
text-transform: uppercase;
}
.text-underline {
text-decoration: underline;
}
.text-xsmall {
font-size: 12px;
}
.text-small {
font-size: 14px;
}
.text-large {
font-size: 16px;
}
.text-xlarge {
font-size: 18px;
}
.text-color-primary {
color: var(--color-primary);
}
.text-color-secondary {
color: var(--color-secondary);
}
.text-color-third {
color: var(--color-third);
}
.text-color-heading {
color: var(--color-heading);
}
.text-color-white {
color: white;
}
.text-letter-spacing-wide {}
.text-letter-spacing-wider {}
.text-letter-spacing-widest {}
.text-letter-spacing-large {
letter-spacing: 0.2px;
}
.text-letter-spacing-larger {
letter-spacing: 0.38px;
}
.text-center {
text-align: center;
}
.text-right {
text-align: right;
}
.logo {
height: 34px;
width: 220px;
display: inline-block;
>solid-link {
>img {
max-height: 100%;
max-width: 100%;
}
}
}
.tag {
height: 17px;
font-size: 12px;
letter-spacing: 0.24px;
line-height: 17px;
border: 1px solid var(--color-primary);
border-radius: 3px;
padding: 4px 11px;
&.beta {
font-size: 14px;
font-weight: 600;
}
&.color-primary {
background: white;
border: 1px solid var(--color-primary);
color: var(--color-primary);
}
&.color-secondary {
background: white;
border: 1px solid var(--color-secondary);
color: var(--color-secondary);
}
&.color-third {
background: white;
border: 1px solid var(--color-third);
color: var(--color-third);
}
&.reversed {
&.color-primary {
background: var(--color-primary);
border: 1px solid var(--color-primary);
color: white;
}
&.color-secondary {
background: var(--color-secondary);
border: 1px solid var(--color-secondary);
color: white;
}
&.color-third {
background: var(--color-third);
border: 1px solid var(--color-third);
color: white;
}
}
}
input:not([type='file']):not([type='search']):not([type='submit']),
textarea {
border: none;
background: #F6F6F6;
color: var(--color-grey);
padding: 12px 14px;
margin-top: 6px;
line-height: 1;
width: 100%;
box-sizing: border-box;
-webkit-tap-highlight-color: var(--color-secondary);
&:required:invalid {
border-color: 1px solid var(--color-primary);
}
}
textarea {
height: 100px;
resize: vertical;
}
/* General styles for pagination */
nav#main__menu solid-display.nosub>nav {
display: grid;
grid-template-areas: "left middle right";
grid-template-rows: auto;
text-align: center;
overflow: hidden;
>[data-id="prev"] {
grid-area: left;
line-height: 1;
}
>[data-id="next"] {
grid-area: right;
line-height: 1;
}
>span {
grid-area: middle;
}
button {
color: transparent;
&[disabled] {
opacity: 0.5;
}
}
}
/* Styles for pagination in the left menu */
nav#main__menu solid-display.nosub>nav {
grid-template-columns: auto 30% auto;
>span {
font-size: 18px;
}
button {
font-size: 15px;
color: white;
}
}
/* Fix for solid-dashboard fixture */
solid-dashboard section {
padding: 1rem !important;
@include breakpoint(lg) {
padding: 4.2rem !important;
}
.icon {
display: inline-block;
}
}
/*.wrapper {
display: grid;
grid-template-areas:
"header"
"content";
@include breakpoint(lg) {
grid-template-columns: 265px auto;
grid-template-areas:
"header header"
"leftmenu content";
}
}*/
/*.header {
grid-area: header;
}*/
.left-menu {
/*grid-area: leftmenu;*/
@include breakpoint(lg) {
height: calc(100vh - 72px); /* 72px = nav height */
/*position: sticky;
top: 0;*/
overflow-x: hidden;
overflow-y: scroll;
}
&.jsLeftMenu {
display: none;
@include breakpoint(lg) {
display: block;
}
}
&.jsLeftMenu[open] {
display: block;
bottom: 0;
box-shadow: 0 2px 8px 0 rgba(65, 69, 73, 0.5);
width: 80vw;
position: fixed;
right: 0;
top: 0;
z-index: 1000;
@include breakpoint(lg) {
display: none;
}
}
}
.content {
/*grid-area: content;*/
@include breakpoint(lg) {
/*position: sticky;
top: 0;*/
/*overflow-y: auto;*/
height: calc(100vh - 72px);
/*overflow-x: hidden;*/
}
}
/* Add scrollbar to the left and right menu, and to the content */
nav, .views-container, .table-wrapper {
overflow: auto;
height: auto;
-webkit-overflow-scrolling: touch;
-ms-overflow-style: none;
}
/* Custom scrollbar of the left-menu */
nav {
scrollbar-width: thin;
scrollbar-color: var(--color-grey) var(--color-heading);
&::-webkit-scrollbar-track {
background: var(--color-heading);
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-grey);
border-radius: 6px;
border: 3px solid var(--color-heading);
}
&::-webkit-scrollbar {
width: 11px;
}
}
/* Custom scrollbar of the content */
.views-container {
scrollbar-width: thin;
scrollbar-color: var(--color-scrollbar-right-track) var(--color-scrollbar-right-background);
&::-webkit-scrollbar-track {
background: var(--color-scrollbar-right-background);
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-scrollbar-right-track);
border-radius: 6px;
border: 3px solid var(--color-scrollbar-right-background);
}
&::-webkit-scrollbar {
width: 11px;
}
}
/* Custom scrollbar of the table */
.table-wrapper {
scrollbar-width: thin;
scrollbar-color: var(--color-heading) var(--color-grey);
&::-webkit-scrollbar-track {
background-color: var(--color-grey);
border-radius: 10px;
}
&::-webkit-scrollbar {
height: 5px;
}
&::-webkit-scrollbar-thumb {
background-color: var(--color-heading);
border-radius: 10px;
}
}
/* Quick fix. Will be removed later */
/*#admin-circles,
#admin-projects,
#admin-users {
display: contents;
}*/
[hidden],
.hidden {
display: none !important;
}
img {
max-height: 100%;
max-width: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: var(--color-heading);
margin: 0;
}
.avatar {
align-items: center;
background-color: var(--color-avatar-background);
border-radius: 50%;
display: flex;
justify-content: center;
overflow: hidden;
position: relative;
img {
background-color: white;
height: 100%;
left: 0;
object-fit: cover;
object-position: center;
position: absolute;
top: 0;
width: 100%;
}
object {
height: 45%;
width: 45%;
}
}
.customer-logo {
box-sizing: border-box;
display: flex;
height: 8.5vh;
justify-content: flex-end;
margin-top: 20px;
text-align: end;
width: 15vw;
}
.project-edit-logo {
display: flex;
height: 8.5vh;
margin-top: 20px;
margin-bottom: 30px;
form {
display: flex;
}
hubl-user-avatar {
width: 104px;
}
input[type='submit'] {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .button-primary;
@extend .bordered;
align-self: center;
}
}
.form-picture {
form {
display: block;
text-align: center;
margin-bottom: 2.6rem;
padding-top: 1.8rem;
@include breakpoint(lg) {
display: flex;
width: 100%;
}
hubl-user-avatar {
display: inline-block;
max-width: 100%;
max-height: 16.5vh;
@include breakpoint(lg) {
margin-left: 20px;
max-height: 8.5vh;
max-width: none;
width: calc(35vw - 20px);
}
>object,
>img {
display: block;
max-height: 16.5vh !important;
@include breakpoint(lg) {
max-height: 8.5vh !important;
}
}
}
input {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .button-primary;
@extend .bordered;
margin: 10px 0;
width: 100%;
@include breakpoint(lg) {
margin: auto 0 auto 2.2rem;
width: auto;
}
}
}
}
.p_relative {
position: relative;
}
.flex_column {
flex-direction: column;
}
.flex_vertical-center {
align-items: center;
}
.w90 {
@include breakpoint(sm) {
width: 90%;
}
}
.w100 {
@include breakpoint(sm) {
width: 100%;
}
}
.content-box {
/*@include window-style-modal();*/
/*flex-direction: column;
flex-grow: 1;
margin: 2rem 1rem 5rem 2rem;*/
&.full-width {
/*background: var(--color-white);
flex: 1;
font-size: 1.6rem;*/
/*margin: 0 auto;*/
/*min-height: 100%;*/
}
}
/* Header inside circle, project view */
.content-box__header {
border-bottom: 1px solid var(--color-content-header);
padding: 1.8rem 0 1.4rem;
margin: 0 1.6rem;
@include breakpoint(lg) {
padding: 2rem;
margin: 0;
}
.mobile-sidebar-button {
float: right;
color: var(--color-secondary);
font-size: 1.8rem;
font-weight: bold!important;
&::before {
font-size: 2.2rem;
font-weight: normal;
margin-right: 1.2rem;
}
@include breakpoint(lg) {
display: none;
}
}
solid-display {
@include breakpoint(sm) {
float: left;
}
}
/* For solid-display on project, circle, or private message view */
solid-display {
width: calc(100% - 94px); /* 94px = width of .mobile-sidebar-button */
div {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(100% - 20px);
.h1-aside {
font-size: 1.8rem;
&:not(:empty)::before {
color: var(--color-grey-4);
content: ' - ';
font-size: 2rem;
font-weight: bold;
}
}
.description {
color: var(--color-grey-4);
}
.name {
color: var(--color-grey-4);
font-weight: normal;
}
}
}
}
.content-box__height {
min-height: calc(100vh - 50px); /* Heights of main header and sub-header */
@include breakpoint(lg) {
min-height: calc(100vh - 72px);
}
}
.content-box__info {
flex-direction: column;
padding: 1rem;
@include breakpoint(lg) {
padding: 3.2rem;
}
* {
box-sizing: border-box;
}
}
/*.modal {
color: var(--color-white);
margin: 75px;
padding: 40px;
max-height: 85vh;
text-align: center;
img {
max-width: 75%;
}
solid-link {
font-size: 2.7rem;
position: absolute;
right: 32px;
top: 32px;
button {
color: var(--color-secondary);
}
}
}*/
.admin-header {
/* Quick fix for alignment on mobile before admin content rework */
flex-direction: column;
align-items: flex-start;
margin-bottom: 20px;
/*end */
@include breakpoint(lg) {
flex-direction: row;
align-items: center;
justify-content: space-between;
margin-bottom: 5rem;
}
h3 {
/* Quick fix for alignment on mobile before admin content rework */
margin-bottom: 20px;
/* end */
/*@include breakpoint(lg) {
margin-top: 0;
}*/
}
solid-ac-checker,
solid-link {
width: 100%;
@include breakpoint(lg) {
width: auto;
}
}
}
.centered {
text-align: center;
}
.block {
display: block;
}
.flex {
display: flex;
}
.desktop-button__end {
display: block;
@include breakpoint(lg) {
display: flex;
justify-content: flex-end;
}
}
.space-between {
justify-content: space-between;
&.with-padding {
padding-bottom: 1.4rem;
}
}
.mobile-vertical-align {
flex-direction: column;
@include breakpoint(lg) {
flex-direction: row;
}
}
.word-spacing-left {
margin-left: 0.60rem;
}
.word-spacing-right {
margin-right: 0.60rem;
}
.mobile-margin__bottom {
margin-bottom: 1rem;
@include breakpoint(lg) {
margin-bottom: 0;
}
}
// Other base components
@import 'buttons';
@import 'form';
@import 'table';
@import 'header';
@import 'menu-left';
@import 'user-thumb';

181
src/styles_old/base/menu-left.scss
View File

@ -1,181 +0,0 @@
#main__menu {
width: 256px;
&.open {
transform: translateX(0);
}
.unread {
font-weight: bolder;
}
solid-router {
/* Chevron visible on large screen + rotation */
.menu-wrapper {
.menu-icon.icon-arrow-up {
visibility: hidden;
}
@include breakpoint(lg) {
.menu-icon.icon-arrow-up {
visibility: visible;
}
&.is-closed {
.sub-menu {
display: none;
}
.menu-chevron {
transform: rotateX(180deg);
}
}
}
}
/* end */
/* General styles for the main tabs */
.menu {
cursor: pointer;
display: flex;
align-items: center;
&[active] {
background-color: var(--color-third);
color: var(--color-heading);
.menu-icon:before {
background-color: var(--color-heading);
color: white;
}
&+.divider {
display: none;
}
}
.menu-icon {
&::before {
border-radius: 100%;
height: 1.9em;
line-height: 1.9em;
width: 1.9em;
}
}
}
/* End */
/* Styles for the submenus */
.sub-menu {
.project-tab,
.circle-tab,
.message-tab {
/* Spaces and cursor */
/* For project and circle */
hubl-menu-fix-url-project>solid-link>solid-display>div,
hubl-menu-fix-url-circle>solid-link>solid-display>div,
solid-form + div>solid-display>div {
display: flex;
justify-content: space-between;
padding: 6px 10px 6px 23px;
cursor: pointer;
}
&>div>solid-display {
display: block;
&:last-child>div {
margin-bottom: 2.2rem;
}
&[fields="project(customer.name, name), badge"]>div {
padding: 0;
}
}
/* when a subtab is [active] */
solid-display[active]>div {
background-color: var(--color-third);
color: var(--color-heading);
font-weight: bold;
}
/* Styles for the search input */
.search-field>input {
margin-left: 30px;
margin-bottom: 10px;
width: calc(80vw - 71px);
display: block;
background-color: var(--color-heading);
color: white;
border: 1px solid white;
border-radius: 3px;
padding-left: 9.5px;
height: 27px;
opacity: 0.8;
@include breakpoint(lg) {
margin: auto;
margin-bottom: 10px;
width: auto;
}
}
/* Styles for the small icon */
.sub-menu-icon {
width: 20px;
text-align: center;
div {
font-family: simple-line-icons;
margin-right: 4px;
}
}
/* Styles for the name */
.sub-menu-name {
flex: 3;
.project-customer,
.project-name,
&>div{
display: block;
width: calc(80vw - 96px); /*96px = padding of the element + width and margin of counter */
@include breakpoint(lg) {
width: 150px;
}
}
&.ellipsis>div,
.project-customer,
.project-name>div {
@include breakpoint(lg) {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
}
}
/* Styles for the counter */
.sub-menu-badge div.counter:not([data-nb-unread="0"]) {
text-align: center;
display: block;
background-color: var(--color-third, gray);
border-radius: 50%;
font-size: 12px;
line-height: 20px;
width: 20px;
height: 20px;
padding-bottom: 0;
color: var(--color-heading);
}
}
}
.divider {
height: 1px;
background-color: #D7DBE0;
opacity: 0.2;
}
}
}

178
src/styles_old/base/table.scss
View File

@ -1,178 +0,0 @@
/* Display and positioning of the table and its elements */
.table-wrapper {
overflow: auto;
position: relative;
width: 100%;
margin-bottom: 60px;
@include breakpoint(lg) {
margin-bottom: 0;
}
.table {
border-collapse: collapse;
display: table;
overflow: auto;
table-layout: fixed;
width: 100%;
max-width: 100%;
}
.table-header {
display: table-header-group;
text-align: center;
vertical-align: middle;
border-top: 1px solid #C9C8C8;
border-left: 1px solid #C9C8C8;
background: var(--color-third);
color: var(--color-heading);
font-size: 16px;
font-weight: 600;
letter-spacing: 0.25px;
&>.table-cell {
display: table-cell;
height: 50px;
text-align: center;
vertical-align: middle;
border-right: 1px solid white;
white-space: nowrap;
&:last-child {
border-right: 1px solid #C9C8C8;
}
}
}
.table-body {
display: table-row-group;
border-left: 1px solid #C9C8C8;
&>div {
display: contents;
&>solid-display {
display: table-row;
&>div {
display: contents;
&>.table-cell {
border-bottom: 1px solid #C9C8C8;
border-right: 1px solid #C9C8C8;
display: table-cell;
text-align: center;
vertical-align: middle;
height: 64px;
}
solid-multiple[name="user.communities"] {
text-align: left;
}
}
}
/*&>solid-multiple {
display: contents;*/
&>div {
display: contents;
&>hubl-team-template-edit {
display: table-row;
&>* {
border-bottom: 1px solid var(--color-table-border);
display: table-cell;
text-align: center;
vertical-align: middle;
}
}
}
/*}*/
}
}
}
/* Styles of the table and its elements */
.table-body,
.table-header {
/* Fix. Could disappear when we can add .class on set fields */
[name^='cell-1'] {
@extend .w280;
}
.w280 {
width: 280px;
}
.w450 {
width: 450px;
}
.w370 {
width: 370px;
}
.w230 {
width: 230px;
}
.w70 {
width: 70px;
}
.w162 {
width: 162px;
}
.hashtag::before {
content: '#';
}
}
/* Styles of specific cells */
.cell-with-buttons {
text-align: center;
[name='button'] {
input[type='submit'] {
@extend .button;
@extend .text-bold;
@extend .text-uppercase;
@extend .reversed;
@extend .button-secondary;
@extend .bordered;
@extend .desktop-btn-margin__left;
}
}
&.is-spaced {
padding: 0.8rem 2.2rem;
}
}
.cell-with-name {
color: var(--color-secondary);
font-weight: 600;
padding-left: 2rem;
text-align: left;
}
/* Styles of elements inside cells */
.table {
.user-thumb.is-spaced,
[name='user-thumb'] {
padding: 0.8rem 2.2rem;
}
}
.table solid-ac-checker {
/*text-align: center;*/
}

139
src/styles_old/base/user-thumb.scss
View File

@ -1,139 +0,0 @@
/* The grids */
%user-thumb__grid {
display: grid;
grid-column-gap: 1.6rem;
grid-template-columns: 7vh auto;
grid-template-rows: repeat(2, auto);
}
%user-thumb__grid-sup {
align-items: center;
align-self: end;
display: flex;
grid-column: 2 / span 1;
grid-row: 1 / span 1;
margin-bottom: 0.50rem;
}
%user-thumb__grid-inf {
align-self: start;
grid-column: 2 / span 1;
grid-row: 2 / span 1;
margin-top: 0.50rem;
}
/* Styles for elements of user-thumb*/
.user-thumb__picture {
align-self: center;
grid-column: 1 / span 1;
grid-row: 1 / span 2;
height: 7vh;
width: 7vh;
}
.user-thumb__name {
color: var(--color-user-thumb-name);
font-weight: 600;
margin-right: 1rem;
text-align: left;
}
.user-thumb__send {
position: relative;
bottom: 7px;
left: -5px;
solid-link {
@include icon('speech');
&::before {
display: inline-block;
color: var(--color-primary);
}
}
}
.user-thumb__admin:not(:empty) {
display: block !important;
@extend %tag-admin;
}
.user-thumb__username {
align-items: center;
display: flex;
&::before {
content: '@';
}
}
solid-multiple[name="user.communities"] {
* {
display: contents;
}
solid-display-value {
&:after {
content: ",";
margin-right: 5px;
}
display: inline-block!important;
}
>solid-display>div>solid-display:last-child>div>solid-display-value:after {
display: none;
}
>solid-display {
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: calc(50% - 22px - 0.5rem);
line-height: 22px;
}
@include mdi('atom');
align-items: center;
display: flex;
margin-right: 1.6rem;
&::before {
color: var(--color-icon);
margin-right: 0.50rem;
}
}
.user-thumb__lead:not(:empty) {
@include icon('eyeglass');
align-items: center;
display: flex;
&::before {
color: var(--color-icon);
font-size: 1.9rem;
font-weight: bold;
margin-left: 0;
margin-right: 0.50rem;
}
}
.user-thumb[name="classGroup"] {
display: block;
margin-top: 15px;
}
/* Apply the grids to all user-thumbs */
.user-thumb>div,
.user-thumb>[name='classGrid'],
[name='user-thumb'] {
@extend %user-thumb__grid;
>[name='sup'] {
@extend %user-thumb__grid-sup;
}
>[name='sub'] {
@extend %user-thumb__grid-inf;
}
}

7
src/styles_old/components/_index.scss
View File

@ -1,7 +0,0 @@
@import 'chat';
@import 'comment';
@import 'filters';
@import 'sidebar';
@import 'skills';
@import 'tags';
@import 'project-edit-picture';

20
src/styles_old/components/chat.scss
View File

@ -1,20 +0,0 @@
.chat-view {
padding: 0;
height: calc(100vh - 106px);
position: relative;
overflow: hidden;
@include breakpoint(lg) {
height: calc(100vh - 84px - 83px); /* Header's and subheader's height on mobile */
}
> solid-xmpp-chat {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 0;
}
}

122
src/styles_old/components/comment.scss
View File

@ -1,122 +0,0 @@
/* #job-offers {
details {
summary {
color: $color-244-73-62;
cursor: pointer;
display: flex;
padding: 1.3rem 2.1rem;
&::-moz-list-bullet {
list-style-type: none;
}
&::-webkit-details-marker {
display: none;
}
span {
@include icon('speech');
font-weight: 600;
&::before {
margin: 0 1rem 0 0;
}
}
.icon-arrow-up {
margin-left: auto;
}
}
&[open] {
.icon-arrow-up {
transform: rotate(180deg);
}
}
sib-conversation.conversation {
.sib-conversation {
font-family: Open Sans;
[name='conversation-wrapper'] {
display: flex;
[name='conversation-avatar'] {
margin-right: 6px;
.avatar {
height: 35px;
width: 35px;
}
}
[name='conversation-content'] {
[name='author_user.name'] {
color: $color-0-0-29;
font-size: 1.5rem;
}
.conversation__messages {
display: none;
}
}
}
>solid-display.conversation>div>solid-display:first-child {
margin-bottom: 4.5rem;
}
solid-ac-checker {
border-top: 1px solid $color-210-17-91;
solid-form-textarea-label {
>label div {
color: $color-210-5-56;
font-size: 1.4rem;
margin-bottom: 1rem;
visibility: hidden;
&::before {
content: 'Add a comment';
visibility: visible;
}
}
textarea {
border: none;
font-size: 1.5rem;
resize: none;
}
}
input[type='submit'] {
border: 1px solid $color-244-73-62;
border-radius: 100em;
color: $color-244-73-62;
font-size: 1.3rem;
padding: 0.8rem 1.5rem;
text-transform: lowercase;
&:hover {
background-color: $color-244-73-62;
border: 1px solid $color-244-73-62;
color: white;
}
}
}
.conversation>div>solid-display,
.conversation-form {
border: none;
margin: 1rem 2.1rem;
}
}
}
}
}*/

59
src/styles_old/components/filters.scss
View File

@ -1,59 +0,0 @@
/*%filters {
display: grid;
grid-gap: 0px 15px;
grid-template-columns: 1fr 1fr;
grid-template-rows: 3.5em 3.5em;
label {
display: block;
}
input, select {
appearance: none;
-moz-appearance: none;
-webkit-appearance: none;
border-style: none;
box-shadow: 0 0 5px 0 rgba(133, 140, 148, 0.09);
color: $color-210-5-56;
font-size: 1.36rem;
line-height: 1.80;
margin-top: 1.36rem;
padding: 0.9rem;
width: 95%;
}
input[type="submit"] {
display: none;
}
select {
background: $color-0-0-100;
background-image: url("/images/chevron-down.png");
background-position: right 12px top 60%;
background-repeat: no-repeat;
background-size: 14px 9px;
box-sizing: border-box;
display: inline-block;
width: 100%;
> option:not(:first-child) {
color: black;
}
}
solid-form-label-text {
display: flex;
flex-direction: column;
}
solid-form-placeholder-dropdown[name="skills"] {
grid-column-end: 3;
grid-column-start: 1;
}
}
.job-board, #members-list {
solid-form[naked] {
@extend %filters;
}
}*/

3
src/styles_old/components/icons/_index.scss
View File

@ -1,3 +0,0 @@
@import 'custom-icons';
@import 'icons';
@import 'material-design-icons';

116
src/styles_old/components/icons/custom-icons.scss
View File

@ -1,116 +0,0 @@
/* Custom icons */
$ci-filename: "custom-icons";
$ci-font-name: "custom-icons";
$ci-font-family: "custom-icons";
$ci-font-weight: "regular";
$ci-font-path: "../fonts" !default;
$ci-css-prefix: ci !default;
$ci-version: "tlnzh2" !default;
@font-face {
font-family: '#{$ci-font-name}';
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}');
src: url('#{$ci-font-path}/#{$ci-filename}.eot?#{$ci-version}#iefix') format('embedded-opentype'),
url('#{$ci-font-path}/#{$ci-filename}.ttf?#{$ci-version}') format('truetype'),
url('#{$ci-font-path}/#{$ci-filename}.woff?#{$ci-version}') format('woff'),
url('#{$ci-font-path}/#{$ci-filename}.svg?#{$ci-version}##{$ci-filename}') format('svg');
font-weight: normal;
font-style: normal;
}
$ci-icons: (
awareness: '\e900',
businessman: '\e901',
information: '\e902',
list-1: '\e903',
sale: '\e904',
armor: '\e905',
chat: '\e906',
list: '\e907',
network: '\e908',
offer: '\e909',
reaction: '\e90a',
add: '\e90b',
appointment: '\e90c',
desk: '\e90d',
file: '\e90e',
premium: '\e90f',
team: '\e910',
beer: '\e911',
networking: '\e912',
receipt: '\e913',
robot: '\e914',
team-1: '\e915',
croupier: '\e916',
learning: '\e917',
review: '\e918',
surf: '\e919',
document: '\e91a',
code: '\e91b',
hat: '\e91c',
beer1: '\e91d',
alien: '\e91e',
add-user: '\e91f',
feedback: '\e920',
globe: '\e921',
bubble-add: '\e922'
);
%ci,
[class^='ci-']::before,
[class*='ci-']::before {
display: inline-block;
/* use !important to prevent issues with browser extensions that change fonts */
font-family: '#{$ci-font-name}' !important;
font-size: 25px;
font-style: normal;
font-weight: normal;
line-height: 1;
speak: none;
text-align: center;
text-decoration: inherit;
width: 1em;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* Better Font Rendering */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
@function char($character-code) {
@if function-exists("selector-append") {
@return unquote("\"\\#{$character-code}\"");
}
@if "\\#{'x'}" == "\\x" {
@return str-slice("\x", 1, 1) + $character-code;
}
@else {
@return #{"\"\\"}#{$character-code + "\""};
}
}
@function ci($name) {
@if map-has-key($ci-icons, $name) == false {
@warn "Icon #{$name} not found.";
@return "";
}
@return char(map-get($ci-icons, $name));
}
@each $key, $value in $ci-icons {
.#{$ci-css-prefix}-#{$key}:before {
content: char($value);
}
}
@mixin ci($value) {
&:before {
@extend %ci;
@extend .#{$ci-css-prefix}-#{$value};
}
}

263
src/styles_old/components/icons/icons.scss
View File

@ -1,263 +0,0 @@
@font-face {
font-family: 'simple-line-icons';
src: url('../fonts/simple-line-icons.eot?23594131');
src: url('../fonts/simple-line-icons.eot?23594131#iefix')
format('embedded-opentype'),
url('../fonts/simple-line-icons.woff2?23594131') format('woff2'),
url('../fonts/simple-line-icons.woff?23594131') format('woff'),
url('../fonts/simple-line-icons.ttf?23594131') format('truetype'),
url('../fonts/simple-line-icons.svg?23594131#simple-line-icons')
format('svg');
font-weight: normal;
font-style: normal;
}
/* Chrome hack: SVG is rendered more smooth in Windozze. 100% magic, uncomment if you need it. */
/* Note, that will break hinting! In other OS-es font will be not as sharp as it could be */
/*
@media screen and (-webkit-min-device-pixel-ratio:0) {
@font-face {
font-family: 'simple-line-icons';
src: url('../font/simple-line-icons.svg?23594131#simple-line-icons') format('svg');
}
}
*/
%icon,
[class^='icon-']:before,
[class*=' icon-']:before {
font-family: 'simple-line-icons';
font-style: normal;
font-weight: normal;
speak: none;
display: inline-block;
text-decoration: inherit;
width: 1em;
margin-right: 0.2em;
text-align: center;
/* opacity: .8; */
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
/* fix buttons height, for twitter bootstrap */
line-height: 1em;
/* you can be more comfortable with increased icons size */
/* font-size: 120%; */
/* Font smoothing. That was taken from TWBS */
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* Uncomment for 3D effect */
// text-shadow: 1px 1px 1px rgba(127, 127, 127, 0.3);
}
$icons: (
user-female: '\e000',
people: '\e001',
user-follow: '\e002',
user-following: '\e003',
user-unfollow: '\e004',
user: '\e005',
trophy: '\e006',
speedometer: '\e007',
social-youtube: '\e008',
social-twitter: '\e009',
social-tumblr: '\e00a',
social-facebook: '\e00b',
social-dropbox: '\e00c',
social-dribbble: '\e00d',
shield: '\e00e',
screen-tablet: '\e00f',
screen-smartphone: '\e010',
screen-desktop: '\e011',
plane: '\e012',
notebook: '\e013',
mustache: '\e014',
mouse: '\e015',
magnet: '\e016',
magic-wand: '\e017',
hourglass: '\e018',
graduation: '\e019',
ghost: '\e01a',
game-controller: '\e01b',
fire: '\e01c',
eyeglass: '\e01d',
envelope-open: '\e01e',
envelope-letter: '\e01f',
energy: '\e020',
emotsmile: '\e021',
disc: '\e022',
cursor-move: '\e023',
crop: '\e024',
credit-card: '\e025',
chemistry: '\e026',
bell: '\e027',
badge: '\e028',
anchor: '\e029',
wallet: '\e02a',
vector: '\e02b',
speech: '\e02c',
puzzle: '\e02d',
printer: '\e02e',
present: '\e02f',
playlist: '\e030',
pin: '\e031',
picture: '\e032',
map: '\e033',
layers: '\e034',
handbag: '\e035',
globe-alt: '\e036',
globe: '\e037',
frame: '\e038',
folder-alt: '\e039',
film: '\e03a',
feed: '\e03b',
earphones-alt: '\e03c',
earphones: '\e03d',
drop: '\e03e',
drawar: '\e03f',
docs: '\e040',
directions: '\e041',
direction: '\e042',
diamond: '\e043',
cup: '\e044',
compass: '\e045',
call-out: '\e046',
call-in: '\e047',
call-end: '\e048',
calculator: '\e049',
bubbles: '\e04a',
briefcase: '\e04b',
book-open: '\e04c',
basket-loaded: '\e04d',
basket: '\e04e',
bag: '\e04f',
action-undo: '\e050',
action-redo: '\e051',
wrench: '\e052',
umbrella: '\e053',
trash: '\e054',
tag: '\e055',
support: '\e056',
size-fullscreen: '\e057',
size-actual: '\e058',
shuffle: '\e059',
share-alt: '\e05a',
share: '\e05b',
rocket: '\e05c',
question: '\e05d',
pie-chart: '\e05e',
pencil: '\e05f',
note: '\e060',
music-tone-alt: '\e061',
music-tone: '\e062',
microphone: '\e063',
loop: '\e064',
logout: '\e065',
login: '\e066',
list: '\e067',
like: '\e068',
home: '\e069',
grid: '\e06a',
graph: '\e06b',
equalizer: '\e06c',
dislike: '\e06d',
cursor: '\e06e',
control-start: '\e06f',
control-rewind: '\e070',
control-play: '\e071',
control-pause: '\e072',
control-forward: '\e073',
control-end: '\e074',
calendar: '\e075',
bulb: '\e076',
chart: '\e077',
arrow-up-circle: '\e078',
arrow-right-circle: '\e079',
arrow-left-circle: '\e07a',
arrow-down-circle: '\e07b',
ban: '\e07c',
bubble: '\e07d',
camrecorder: '\e07e',
camera: '\e07f',
check: '\e080',
clock: '\e081',
close: '\e082',
cloud-download: '\e083',
cloud-upload: '\e084',
doc: '\e085',
envelope: '\e086',
eye: '\e087',
flag: '\e088',
folder: '\e089',
heart: '\e08a',
info: '\e08b',
key: '\e08c',
link: '\e08d',
lock: '\e08e',
lock-open: '\e08f',
magnifier: '\e090',
magnifier-add: '\e091',
magnifier-remove: '\e092',
paper-clip: '\e093',
paper-plane: '\e094',
plus: '\e095',
location-pin: '\e096',
power: '\e097',
refresh: '\e098',
reload: '\e099',
settings: '\e09a',
star: '\e09b',
symble-female: '\e09c',
symbol-male: '\e09d',
target: '\e09e',
volume-1: '\e09f',
volume-2: '\e0a0',
volume-off: '\e0a1',
phone: '\e600',
menu: '\e601',
options-vertical: '\e602',
options: '\e603',
arrow-down: '\e604',
arrow-left: '\e605',
arrow-right: '\e606',
arrow-up: '\e607',
paypal: '\e608',
social-instagram: '\e609',
social-linkedin: '\e60a',
social-pintarest: '\e60b',
social-github: '\e60c',
social-google: '\e60d',
social-reddit: '\e60e',
social-skype: '\e60f',
social-behance: '\e610',
social-foursqare: '\e611',
social-soundcloud: '\e612',
social-spotify: '\e613',
social-stumbleupon: '\e614',
minus: '\e615',
organization: '\e616',
exclamation: '\e617',
social-vkontakte: '\e618',
event: '\e619',
social-steam: '\e620',
idea:'\e076'
);
@each $name, $code in $icons {
.icon-#{$name} {
&:before {
content: $code;
}
}
}
@mixin icon($code) {
&:before {
@extend %icon;
@extend .icon-#{$code};
}
}

91
src/styles_old/components/icons/material-design-icons.scss
View File

@ -1,91 +0,0 @@
/* MaterialDesignIcons.com */
$mdi-filename: "material-design-icons";
$mdi-font-name: "material-design-icons";
$mdi-font-family: "material-design-icons";
$mdi-font-weight: "regular";
$mdi-font-path: "../fonts" !default;
$mdi-css-prefix: mdi !default;
$mdi-version: "3.3.92" !default;
@font-face {
font-family: '#{$mdi-font-name}';
src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?v=#{$mdi-version}');
src: url('#{$mdi-font-path}/#{$mdi-filename}.eot?#iefix&v=#{$mdi-version}') format('embedded-opentype'),
url('#{$mdi-font-path}/#{$mdi-filename}.woff2?v=#{$mdi-version}') format('woff2'),
url('#{$mdi-font-path}/#{$mdi-filename}.woff?v=#{$mdi-version}') format('woff'),
url('#{$mdi-font-path}/#{$mdi-filename}.ttf?v=#{$mdi-version}') format('truetype'),
url('#{$mdi-font-path}/#{$mdi-filename}.svg?v=#{$mdi-version}##{$mdi-filename}#{$mdi-font-weight}') format('svg');
font-weight: normal;
font-style: normal;
}
$mdi-icons: (
account-outline: '\F013',
atom: '\F767',
cellphone-iphone: '\F120',
check: '\F12C',
email-outline: '\F1F0',
link-variant: '\F339'
);
%mdi,
[class^='mdi-']::before,
[class*='mdi-']::before {
display: inline-block;
font-family: '#{$mdi-font-name}' !important;
font-size: 25px;
font-style: normal;
font-weight: normal;
line-height: 0.5em;
margin-left: -0.15em;
text-align: center;
text-decoration: inherit;
width: 1em;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
/* For safety - reset parent styles, that can break glyph codes*/
font-variant: normal;
text-transform: none;
}
@function char($character-code) {
@if function-exists("selector-append") {
@return unquote("\"\\#{$character-code}\"");
}
@if "\\#{'x'}" == "\\x" {
@return str-slice("\x", 1, 1) + $character-code;
}
@else {
@return #{"\"\\"}#{$character-code + "\""};
}
}
@function mdi($name) {
@if map-has-key($mdi-icons, $name) == false {
@warn "Icon #{$name} not found.";
@return "";
}
@return char(map-get($mdi-icons, $name));
}
@each $key, $value in $mdi-icons {
.#{$mdi-css-prefix}-#{$key}:before {
content: char($value);
}
}
@mixin mdi($value) {
&:before {
@extend %mdi;
@extend .#{$mdi-css-prefix}-#{$value};
}
}
.#{$mdi-css-prefix}-blank:before {
content: "\F68C";
visibility: hidden;
}

75
src/styles_old/components/loader.scss
View File

@ -1,75 +0,0 @@
.loader {
margin: 0 auto;
position: relative;
width: 80px;
height: 20px;
&.loader-top {
top: 30px;
}
div {
position: absolute;
width: 13px;
height: 13px;
border-radius: 50%;
background: var(--color-menu-background);
animation-timing-function: cubic-bezier(0, 1, 1, 0);
}
&.loader-menu div {
width: 8px;
height: 8px;
background: var(--color-menu-text);
}
div:nth-child(1) {
left: 8px;
animation: lds-ellipsis1 0.6s infinite;
}
div:nth-child(2) {
left: 8px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(3) {
left: 32px;
animation: lds-ellipsis2 0.6s infinite;
}
div:nth-child(4) {
left: 56px;
animation: lds-ellipsis3 0.6s infinite;
}
}
@keyframes lds-ellipsis1 {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
@keyframes lds-ellipsis3 {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
@keyframes lds-ellipsis2 {
0% {
transform: translate(0, 0);
}
100% {
transform: translate(24px, 0);
}
}

39
src/styles_old/components/project-edit-picture.scss
View File

@ -1,39 +0,0 @@
.project-edit-picture {
>div>*:not(:last-child) {
margin-bottom: 2rem;
}
hubl-user-avatar {
background: transparent;
border-radius: 0;
display: inline-block;
text-align: center;
object, img {
position: relative;
}
}
solid-ac-checker:first-of-type {
display: block;
@include breakpoint(lg) {
display: flex;
}
#solid-picture-remove {
margin-left: 0;
margin-top: 2rem;
@include breakpoint(lg) {
margin-left: 2rem;
margin-top: 0;
}
}
}
solid-ac-checker:last-of-type {
align-self: flex-end;
}
}

123
src/styles_old/components/sidebar.scss
View File

@ -1,123 +0,0 @@
.no-sidebar {
flex: 1;
margin-top: 50px;
@include breakpoint(lg) {
margin-top: 0;
}
&.with-padding {
padding: 1.3rem;
@include breakpoint(lg) {
padding: 2.5rem;
}
}
}
.with-sidebar {
flex-grow: 1;
display: flex;
flex-direction: row;
align-items: stretch;
margin-top: 50px;
overflow: hidden;
@include breakpoint(lg) {
margin-top: 0;
}
.views-container {
flex: 1 0 0;
/*-webkit-backface-visibility: hidden;*/
&.sidebar-is-closed {
@include breakpoint(lg) {
margin-left: -18.5rem;
transform: translate(18.5rem);
}
}
}
>div {
transition: all 0.5s;
}
nav {
background: #F1F1F1;
transition: all 0.5s;
width: 25rem;
>solid-router {
flex: 0 0 auto;
>ul {
cursor: pointer;
display: flex;
flex-direction: column;
list-style: none;
margin: 0;
padding-left: 0;
li {
border-bottom: 1px solid #D6CECE;
&>a {
vertical-align: super;
}
}
&>li:first-child>a {
vertical-align: middle;
}
>solid-route {
&[active] {
background-color: var(--color-heading);
color: white;
}
&:hover:not([active]) {
background: #E4E4E4;
}
}
}
}
&.jsRightMenu {
display: none;
@include breakpoint(lg) {
display: block;
}
}
&.jsRightMenu:not([open]) {
transform: translate(18.5rem);
& .jsOffsiteToggle::before {
transform: rotate(180deg);
}
}
&.jsRightMenu[open] {
@include breakpoint(md) {
display: block;
background: var(--color-right-menu-background);
bottom: 0;
box-shadow: 0 2px 9px 0 rgba(0, 0, 0, 0.12);
min-width: 60%;
position: fixed;
right: 0;
top: 50px;
z-index: 1;
}
@include breakpoint(lg) {
top: 83px;
}
}
}
}

16
src/styles_old/components/skills.scss
View File

@ -1,16 +0,0 @@
solid-multiple[name*='skills'] {
display: flex;
flex-wrap: wrap;
}
.skill {
background-color: var(--color-skill-background);
border: 1px solid var(--color-skill-background);
border-radius: 2em;
color: var(--color-skill-text);
display: block;
font-size: 1.4rem;
font-weight: bold;
margin: 0.4rem 1rem 0.4rem 0;
padding: 0.5rem 2rem;
}

13
src/styles_old/components/tags.scss
View File

@ -1,13 +0,0 @@
%tag-admin {
display: none;
@include breakpoint(lg) {
border: 1px solid var(--color-tag-admin-border);
border-radius: 3px;
color: var(--color-tag-admin-text);
font-size: 1.4rem;
font-weight: 400;
margin-left: 0.6rem;
padding: 0.35rem 0.98rem;
}
}

23
src/styles_old/index.scss
View File

@ -1,23 +0,0 @@
@charset "UTF-8";
@import '../../node_modules/include-media/dist/include-media';
@import '../../node_modules/normalize.css/normalize';
@import 'abstracts/fonts';
@import 'abstracts/variables';
@import 'abstracts/mixins';
@import 'components/loader';
@import 'components/icons/index';
@import 'base/main';
@import 'base/about';
#viewport {
@import 'components/index';
@import 'layout/members/index';
@import 'layout/job-offers/index';
@import 'layout/user/index';
@import 'layout/events/index';
@import 'layout/resources/index';
@import 'layout/dashboard/index';
@import 'layout/polls/index';
}

1
src/styles_old/layout/dashboard/_index.scss
View File

@ -1 +0,0 @@
@import 'dashboard.scss';

7
src/styles_old/layout/dashboard/dashboard.scss
View File

@ -1,7 +0,0 @@
.dashboard>div {
margin: 0 2px;
}
solid-dashboard .icon::before {
width: 41px;
}

1
src/styles_old/layout/events/_index.scss
View File

@ -1 +0,0 @@
@import 'events.scss';

185
src/styles_old/layout/events/events.scss
View File

@ -1,185 +0,0 @@
solid-event section {
max-width: 1400px;
margin: auto;
}
#events,
#circle-events {
width: 100%;
font-family: "Facit";
font-weight: 400;
color: var(--color-main-text);
solid-event {
solid-display div {
max-width: 1110px;
solid-display {
margin: 0 0 20px 40px;
}
}
.red-button,
.event-type {
background-color: var(--color-add-button-background);
}
.black-button {
background-color: var(--highlight-font-color);
margin-left: 10%;
}
.event-type,
.event-place-name {
font-weight: 700;
}
#listevents,
#circle-listevents {
[name="name"],
event-display-link-event .mdi::before {
color: var(--color-primary);
}
}
.event-place-name,
.nextevent-startdate,
event-display-link-event {
color: var(--highlight-font-color);
}
.solid-event {
font-family: "Facit";
font-weight: 400;
.page-title {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: var(--color-primary);
}
}
#default-listevents,
#circles-listevents {
.newtype .button {
font-size: 1.2rem;
width: max-content;
height: max-content;
padding: 5px 20px;
color: var(--color-primary);
}
.headline h2 {
float: left;
margin-top: 35px;
color: var(--color-primary);
text-transform: none;
font-family: "RefrigeratorDelxW01Bold";
font-size: 2.4rem;
}
solid-form {
solid-form-dropdown-label {
label {
height: 2.5rem;
}
}
}
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 1.8rem;
line-height: 2.6rem;
letter-spacing: 0.32px;
color: var(--color-primary);
padding: 5px;
max-width: 250px;
margin: 5px auto;
}
.event-type {
font-size: 1.1rem;
padding: 5px 20px;
width: max-content;
height: max-content;
}
event-display-location-events {
padding: 5px;
}
}
.eventdetail {
solid-display div {
display: block;
}
.mdi::before {
margin: 0 5px 0 20px;
}
[name="infotext"] {
text-align: left;
}
[name="name"] {
font-family: "RefrigeratorDelxW01Bold";
font-size: 3.2rem;
line-height: 3.8rem;
color: var(--color-primary);
display: block;
}
color: var(--color-primary);
.event-type {
width: max-content;
padding: 5px 20px;
font-size: 1.1rem;
line-height: 1.3rem;
height: 13px;
margin: 10px 20px;
}
[name="longDescription"] p {
font-size: 1.6rem;
line-height: 2.6rem;
}
event-display-link-event a {
font-size: 1.6rem;
}
}
.newevent label div,
.newevent solid-form-file-label div label {
line-height: 2.2rem;
text-transform: uppercase;
color: var(--form-title);
font-size: 13px;
font-weight: 600;
font-family: Open sans;
}
.newevent select,
.newevent textarea,
.newevent input,
.newtype input {
background-color: var(--form-inputs-background);
}
.newevent input[type="submit"],
.newtype input[type="submit"],
button {
width: max-content;
padding: 5px 20px;
background-color: #3C3F57;
}
.newevent input[type="file"] {
background-color: transparent;
}
}
@media (max-width: 991px) {
#listevents {
margin-top: 65px;
}
}
}
#events {
background-color: #f0f3f6;
}
#circle-events solid-event .events solid-form solid-form-dropdown-label select {
background-color: #f0f3f6;
}
.with-sidebar nav>solid-router>ul [name="circle-events"] {
li::before {
content: '';
height: 40px;
width: 40px;
mask: url('/images/appointment.svg') center no-repeat;
mask-size: contain;
-webkit-mask: url('/images/appointment.svg') center no-repeat;
-webkit-mask-size: contain;
background-color: var(--color-right-menu-text);
}
&[active] li::before {
background-color: var(--color-right-menu-active-text);
}
}

1
src/styles_old/layout/job-offers/_index.scss
View File

@ -1 +0,0 @@
@import 'job-offers.scss';

Some files were not shown because too many files have changed in this diff Show More