@charset "UTF-8";
/* libs */ /*
*
* Cute Grids v1.0.1
* Copyright 2014 Darren Newberry
* http://www.cutegrids.com
* Free to use under the MIT Licence
* http://www.opensource.org/licenses/mit-license.php
*
*/
*,
*:after,
*:before {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/* Set the width of the row to what you like */
.row {
  width: 100%;
  max-width: 90rem; /* max Width of row, Change to what you like */
  margin: 0 auto;
}

/* Nested row 1 level down */
/* Change the gutter if you like, currently set as 0.65em */
.row .row {
  margin-left: -0.65rem; /* minus left gutter for nested rows */
  margin-right: -0.65rem; /* minus Right gutter for nested rows */
  width: auto;
}

[class*=cute-] {
  float: left;
  position: relative;
  padding: 0.65rem; /* top, bottom, left and right padding for columns */
  width: 100%;
}

/* Remove this if you want the columns to float left when they overflow the row */
[class*=cute-]:last-of-type {
  float: right;
}

/* Clearfix */
.row:after, .group:after, .clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.container:before,
.container:after {
  display: table;
  content: " ";
}

.container:after {
  clear: both;
}

.left {
  float: left !important;
}

.right {
  float: right !important;
}

/* Grid classes for phone screen widths  */
@media only screen {
  .cute-1-phone {
    width: 8.3333333333%;
  }
  .cute-2-phone {
    width: 16.6666666667%;
  }
  .cute-3-phone {
    width: 25%;
  }
  .cute-4-phone {
    width: 33.3333333333%;
  }
  .cute-5-phone {
    width: 41.6666666667%;
  }
  .cute-6-phone {
    width: 50%;
  }
  .cute-7-phone {
    width: 58.3333333333%;
  }
  .cute-8-phone {
    width: 66.6666666667%;
  }
  .cute-9-phone {
    width: 75%;
  }
  .cute-10-phone {
    width: 83.3333333333%;
  }
  .cute-11-phone {
    width: 91.6666666667%;
  }
  .cute-12-phone {
    width: 100%;
  }
  /* offset for phone size */
  .cute-0-phone-offset {
    margin: 0;
  }
  .cute-1-phone-offset {
    margin-left: 8.3333333333%;
  }
  .cute-2-phone-offset {
    margin-left: 16.6666666667%;
  }
  .cute-3-phone-offset {
    margin-left: 25%;
  }
  .cute-4-phone-offset {
    margin-left: 33.3333333333%;
  }
  .cute-5-phone-offset {
    margin-left: 41.6666666667%;
  }
  .cute-6-phone-offset {
    margin-left: 50%;
  }
  .cute-7-phone-offset {
    margin-left: 58.3333333333%;
  }
  .cute-8-phone-offset {
    margin-left: 66.6666666667%;
  }
  .cute-9-phone-offset {
    margin-left: 75%;
  }
  .cute-10-phone-offset {
    margin-left: 83.3333333333%;
  }
  .cute-11-phone-offset {
    margin-left: 91.6666666667%;
  }
  .cute-1-phone-push {
    left: 8.3333333333%;
  }
  .cute-2-phone-push {
    left: 16.6666666667%;
  }
  .cute-3-phone-push {
    left: 25%;
  }
  .cute-4-phone-push {
    left: 33.3333333333%;
  }
  .cute-5-phone-push {
    left: 41.6666666667%;
  }
  .cute-6-phone-push {
    left: 50%;
  }
  .cute-7-phone-push {
    left: 58.3333333333%;
  }
  .cute-8-phone-push {
    left: 66.6666666667%;
  }
  .cute-9-phone-push {
    left: 75%;
  }
  .cute-10-phone-push {
    left: 83.3333333333%;
  }
  .cute-11-phone-push {
    left: 91.6666666667%;
  }
  .cute-1-phone-pull {
    right: 8.3333333333%;
  }
  .cute-2-phone-pull {
    right: 16.6666666667%;
  }
  .cute-3-phone-pull {
    right: 25%;
  }
  .cute-4-phone-pull {
    right: 33.3333333333%;
  }
  .cute-5-phone-pull {
    right: 41.6666666667%;
  }
  .cute-6-phone-pull {
    right: 50%;
  }
  .cute-7-phone-pull {
    right: 58.3333333333%;
  }
  .cute-8-phone-pull {
    right: 66.6666666667%;
  }
  .cute-9-phone-pull {
    right: 75%;
  }
  .cute-10-phone-pull {
    right: 83.3333333333%;
  }
  .cute-11-phone-pull {
    right: 91.6666666667%;
  }
  .center-phone {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .uncenter-phone {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .uncenter-phone.right {
    float: right !important;
  }
  [class*=cute-].phone-reset {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
/* Grid classes for tablet screen widths  */
@media only screen and (min-width: 48em) {
  .cute-1-tablet {
    width: 8.3333333333%;
  }
  .cute-2-tablet {
    width: 16.6666666667%;
  }
  .cute-3-tablet {
    width: 25%;
  }
  .cute-4-tablet {
    width: 33.3333333333%;
  }
  .cute-5-tablet {
    width: 41.6666666667%;
  }
  .cute-6-tablet {
    width: 50%;
  }
  .cute-7-tablet {
    width: 58.3333333333%;
  }
  .cute-8-tablet {
    width: 66.6666666667%;
  }
  .cute-9-tablet {
    width: 75%;
  }
  .cute-10-tablet {
    width: 83.3333333333%;
  }
  .cute-11-tablet {
    width: 91.6666666667%;
  }
  .cute-12-tablet {
    width: 100%;
  }
  /* offset for tablet screen widths */
  .cute-0-tablet-offset {
    margin: 0;
  }
  .cute-1-tablet-offset {
    margin-left: 8.3333333333%;
  }
  .cute-2-tablet-offset {
    margin-left: 16.6666666667%;
  }
  .cute-3-tablet-offset {
    margin-left: 25%;
  }
  .cute-4-tablet-offset {
    margin-left: 33.3333333333%;
  }
  .cute-5-tablet-offset {
    margin-left: 41.6666666667%;
  }
  .cute-6-tablet-offset {
    margin-left: 50%;
  }
  .cute-7-tablet-offset {
    margin-left: 58.3333333333%;
  }
  .cute-8-tablet-offset {
    margin-left: 66.6666666667%;
  }
  .cute-9-tablet-offset {
    margin-left: 75%;
  }
  .cute-10-tablet-offset {
    margin-left: 83.3333333333%;
  }
  .cute-11-tablet-offset {
    margin-left: 91.6666666667%;
  }
  .cute-1-tablet-push {
    left: 8.3333333333%;
  }
  .cute-2-tablet-push {
    left: 16.6666666667%;
  }
  .cute-3-tablet-push {
    left: 25%;
  }
  .cute-4-tablet-push {
    left: 33.3333333333%;
  }
  .cute-5-tablet-push {
    left: 41.6666666667%;
  }
  .cute-6-tablet-push {
    left: 50%;
  }
  .cute-7-tablet-push {
    left: 58.3333333333%;
  }
  .cute-8-tablet-push {
    left: 66.6666666667%;
  }
  .cute-9-tablet-push {
    left: 75%;
  }
  .cute-10-tablet-push {
    left: 83.3333333333%;
  }
  .cute-11-tablet-push {
    left: 91.6666666667%;
  }
  .cute-1-tablet-pull {
    right: 8.3333333333%;
  }
  .cute-2-tablet-pull {
    right: 16.6666666667%;
  }
  .cute-3-tablet-pull {
    right: 25%;
  }
  .cute-4-tablet-pull {
    right: 33.3333333333%;
  }
  .cute-5-tablet-pull {
    right: 41.6666666667%;
  }
  .cute-6-tablet-pull {
    right: 50%;
  }
  .cute-7-tablet-pull {
    right: 58.3333333333%;
  }
  .cute-8-tablet-pull {
    right: 66.6666666667%;
  }
  .cute-9-tablet-pull {
    right: 75%;
  }
  .cute-10-tablet-pull {
    right: 83.3333333333%;
  }
  .cute-11-tablet-pull {
    right: 91.6666666667%;
  }
  .center-tablet {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .uncenter-tablet {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .uncenter-tablet.right {
    float: right !important;
  }
  [class*=cute-].tablet-reset {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
/* Grid classes for wide Tablet / Laptop to Small Desktop Size */
@media only screen and (min-width: 62em) {
  .cute-1-laptop {
    width: 8.3333333333%;
  }
  .cute-2-laptop {
    width: 16.6666666667%;
  }
  .cute-3-laptop {
    width: 25%;
  }
  .cute-4-laptop {
    width: 33.3333333333%;
  }
  .cute-5-laptop {
    width: 41.6666666667%;
  }
  .cute-6-laptop {
    width: 50%;
  }
  .cute-7-laptop {
    width: 58.3333333333%;
  }
  .cute-8-laptop {
    width: 66.6666666667%;
  }
  .cute-9-laptop {
    width: 75%;
  }
  .cute-10-laptop {
    width: 83.3333333333%;
  }
  .cute-11-laptop {
    width: 91.6666666667%;
  }
  .cute-12-laptop {
    width: 100%;
  }
  /* offset for tablet laptop widths */
  .cute-0-laptop-offset {
    margin: 0;
  }
  .cute-1-laptop-offset {
    margin-left: 8.3333333333%;
  }
  .cute-2-laptop-offset {
    margin-left: 16.6666666667%;
  }
  .cute-3-laptop-offset {
    margin-left: 25%;
  }
  .cute-4-laptop-offset {
    margin-left: 33.3333333333%;
  }
  .cute-5-laptop-offset {
    margin-left: 41.6666666667%;
  }
  .cute-6-laptop-offset {
    margin-left: 50%;
  }
  .cute-7-laptop-offset {
    margin-left: 58.3333333333%;
  }
  .cute-8-laptop-offset {
    margin-left: 66.6666666667%;
  }
  .cute-9-laptop-offset {
    margin-left: 75%;
  }
  .cute-10-laptop-offset {
    margin-left: 83.3333333333%;
  }
  .cute-11-laptop-offset {
    margin-left: 91.6666666667%;
  }
  .cute-1-laptop-push {
    left: 8.3333333333%;
  }
  .cute-2-laptop-push {
    left: 16.6666666667%;
  }
  .cute-3-laptop-push {
    left: 25%;
  }
  .cute-4-laptop-push {
    left: 33.3333333333%;
  }
  .cute-5-laptop-push {
    left: 41.6666666667%;
  }
  .cute-6-laptop-push {
    left: 50%;
  }
  .cute-7-laptop-push {
    left: 58.3333333333%;
  }
  .cute-8-laptop-push {
    left: 66.6666666667%;
  }
  .cute-9-laptop-push {
    left: 75%;
  }
  .cute-10-laptop-push {
    left: 83.3333333333%;
  }
  .cute-11-laptop-push {
    left: 91.6666666667%;
  }
  .cute-1-laptop-pull {
    right: 8.3333333333%;
  }
  .cute-2-laptop-pull {
    right: 16.6666666667%;
  }
  .cute-3-laptop-pull {
    right: 25%;
  }
  .cute-4-laptop-pull {
    right: 33.3333333333%;
  }
  .cute-5-laptop-pull {
    right: 41.6666666667%;
  }
  .cute-6-laptop-pull {
    right: 50%;
  }
  .cute-7-laptop-pull {
    right: 58.3333333333%;
  }
  .cute-8-laptop-pull {
    right: 66.6666666667%;
  }
  .cute-9-laptop-pull {
    right: 75%;
  }
  .cute-10-laptop-pull {
    right: 83.3333333333%;
  }
  .cute-11-laptop-pull {
    right: 91.6666666667%;
  }
  .center-laptop {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .uncenter-laptop {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .uncenter-laptop.right {
    float: right !important;
  }
  [class*=cute-].laptop-reset {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
/* Grid Classes for Large Desktop Size */
.show-desktop {
  display: none;
}

@media only screen and (min-width: 75em) {
  .cute-1-desktop {
    width: 8.3333333333%;
  }
  .cute-2-desktop {
    width: 16.6666666667%;
  }
  .cute-3-desktop {
    width: 25%;
  }
  .cute-4-desktop {
    width: 33.3333333333%;
  }
  .cute-5-desktop {
    width: 41.6666666667%;
  }
  .cute-6-desktop {
    width: 50%;
  }
  .cute-7-desktop {
    width: 58.3333333333%;
  }
  .cute-8-desktop {
    width: 66.6666666667%;
  }
  .cute-9-desktop {
    width: 75%;
  }
  .cute-10-desktop {
    width: 83.3333333333%;
  }
  .cute-11-desktop {
    width: 91.6666666667%;
  }
  .cute-12-desktop {
    width: 100%;
  }
  /* offset for tablet laptop widths */
  .cute-0-desktop-offset {
    margin: 0;
  }
  .cute-1-desktop-offset {
    margin-left: 8.3333333333%;
  }
  .cute-2-desktop-offset {
    margin-left: 16.6666666667%;
  }
  .cute-3-desktop-offset {
    margin-left: 25%;
  }
  .cute-4-desktop-offset {
    margin-left: 33.3333333333%;
  }
  .cute-5-desktop-offset {
    margin-left: 41.6666666667%;
  }
  .cute-6-desktop-offset {
    margin-left: 50%;
  }
  .cute-7-desktop-offset {
    margin-left: 58.3333333333%;
  }
  .cute-8-desktop-offset {
    margin-left: 66.6666666667%;
  }
  .cute-9-desktop-offset {
    margin-left: 75%;
  }
  .cute-10-desktop-offset {
    margin-left: 83.3333333333%;
  }
  .cute-11-desktop-offset {
    margin-left: 91.6666666667%;
  }
  .cute-1-desktop-push {
    left: 8.3333333333%;
  }
  .cute-2-desktop-push {
    left: 16.6666666667%;
  }
  .cute-3-desktop-push {
    left: 25%;
  }
  .cute-4-desktop-push {
    left: 33.3333333333%;
  }
  .cute-5-desktop-push {
    left: 41.6666666667%;
  }
  .cute-6-desktop-push {
    left: 50%;
  }
  .cute-7-desktop-push {
    left: 58.3333333333%;
  }
  .cute-8-desktop-push {
    left: 66.6666666667%;
  }
  .cute-9-desktop-push {
    left: 75%;
  }
  .cute-10-desktop-push {
    left: 83.3333333333%;
  }
  .cute-11-desktop-push {
    left: 91.6666666667%;
  }
  .cute-1-desktop-pull {
    right: 8.3333333333%;
  }
  .cute-2-desktop-pull {
    right: 16.6666666667%;
  }
  .cute-3-desktop-pull {
    right: 25%;
  }
  .cute-4-desktop-pull {
    right: 33.3333333333%;
  }
  .cute-5-desktop-pull {
    right: 41.6666666667%;
  }
  .cute-6-desktop-pull {
    right: 50%;
  }
  .cute-7-desktop-pull {
    right: 58.3333333333%;
  }
  .cute-8-desktop-pull {
    right: 66.6666666667%;
  }
  .cute-9-desktop-pull {
    right: 75%;
  }
  .cute-10-desktop-pull {
    right: 83.3333333333%;
  }
  .cute-11-desktop-pull {
    right: 91.6666666667%;
  }
  .center-desktop {
    margin-left: auto;
    margin-right: auto;
    float: none !important;
  }
  .uncenter-desktop {
    margin-left: 0;
    margin-right: 0;
    float: left !important;
  }
  .uncenter-desktop.right {
    float: right !important;
  }
  [class*=cute-].desktop-reset {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left;
  }
}
@media only screen and (max-width: 30em) {
  .cute-100 {
    width: 100%;
  }
}
/* Make visible or hidden block elements */
.show-phone, .show-tablet, .show-laptop, .show-desktop {
  display: none !important;
}

.hide-phone {
  display: block !important;
}

@media only screen and (max-width: 47.938em) {
  .phone {
    width: 100%;
  }
  .hide-phone {
    display: none !important;
  }
  .show-phone {
    display: block !important;
  }
}
@media only screen and (min-width: 48em) and (max-width: 61.938em) {
  .hide-tablet {
    display: none !important;
  }
  .show-tablet {
    display: block !important;
  }
}
@media only screen and (min-width: 62em) and (max-width: 74.938em) {
  .hide-laptop {
    display: none !important;
  }
  .show-laptop {
    display: block !important;
  }
}
@media only screen and (min-width: 75em) {
  .hide-desktop {
    display: none !important;
  }
  .show-desktop {
    display: block !important;
  }
}
/* make images responsive */
.responsive-img {
  display: block;
  height: auto;
  max-width: 100%;
}

/* Optional Extras */
/* something to keep tables horizontal with scroll when on small screen
*  Useful if table is wide. Set media query to point where table needs it
*/
/*
@media only screen and (max-width: 47.938em) {
  .table-respond {
    width: 100%;
    overflow-x: scroll;
    overflow-y: hidden;
}
}
*/
/*! normalize.css v3.0.0 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *    user zoom.
 */
html {
  font-family: sans-serif; /* 1 */
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined in IE 8/9.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block; /* 1 */
  vertical-align: baseline; /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9.
 * Hide the `template` element in IE, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background: transparent;
}

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9, Safari 5, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari 5 and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari 5, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9.
 */
img {
  border: 0;
}

/**
 * Correct overflow displayed oddly in IE 9.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari 5.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit; /* 1 */
  font: inherit; /* 2 */
  margin: 0; /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8+, and Opera
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type=button],
input[type=reset],
input[type=submit] {
  -webkit-appearance: button; /* 2 */
  cursor: pointer; /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type=checkbox],
input[type=radio] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome
 *    (include `-moz` to future-proof).
 */
input[type=search] {
  -webkit-appearance: textfield; /* 1 */
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box; /* 2 */
  box-sizing: content-box;
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0; /* 1 */
  padding: 0; /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.docs_md, .hljs {
  /*
  Monokai style - ported by Luigi Maselli - http://grigio.org
  */
}
.docs_md .hljs, .hljs .hljs {
  display: block;
  overflow-x: auto;
  padding: 0.5em;
  background: #222;
  color: #ddd;
}
.docs_md .hljs-tag,
.docs_md .hljs-keyword,
.docs_md .hljs-selector-tag,
.docs_md .hljs-literal,
.docs_md .hljs-strong,
.docs_md .hljs-name, .hljs .hljs-tag,
.hljs .hljs-keyword,
.hljs .hljs-selector-tag,
.hljs .hljs-literal,
.hljs .hljs-strong,
.hljs .hljs-name {
  color: #f92672;
}
.docs_md .hljs-code, .hljs .hljs-code {
  color: #66d9ef;
}
.docs_md .hljs-class .hljs-title, .hljs .hljs-class .hljs-title {
  color: white;
}
.docs_md .hljs-attribute,
.docs_md .hljs-symbol,
.docs_md .hljs-regexp,
.docs_md .hljs-link, .hljs .hljs-attribute,
.hljs .hljs-symbol,
.hljs .hljs-regexp,
.hljs .hljs-link {
  color: #bf79db;
}
.docs_md .hljs-string,
.docs_md .hljs-bullet,
.docs_md .hljs-subst,
.docs_md .hljs-title,
.docs_md .hljs-section,
.docs_md .hljs-emphasis,
.docs_md .hljs-type,
.docs_md .hljs-built_in,
.docs_md .hljs-builtin-name,
.docs_md .hljs-selector-attr,
.docs_md .hljs-selector-pseudo,
.docs_md .hljs-addition,
.docs_md .hljs-variable,
.docs_md .hljs-template-tag,
.docs_md .hljs-template-variable, .hljs .hljs-string,
.hljs .hljs-bullet,
.hljs .hljs-subst,
.hljs .hljs-title,
.hljs .hljs-section,
.hljs .hljs-emphasis,
.hljs .hljs-type,
.hljs .hljs-built_in,
.hljs .hljs-builtin-name,
.hljs .hljs-selector-attr,
.hljs .hljs-selector-pseudo,
.hljs .hljs-addition,
.hljs .hljs-variable,
.hljs .hljs-template-tag,
.hljs .hljs-template-variable {
  color: #a6e22e;
}
.docs_md .hljs-comment,
.docs_md .hljs-quote,
.docs_md .hljs-deletion,
.docs_md .hljs-meta, .hljs .hljs-comment,
.hljs .hljs-quote,
.hljs .hljs-deletion,
.hljs .hljs-meta {
  color: #75715e;
}
.docs_md .hljs-keyword,
.docs_md .hljs-selector-tag,
.docs_md .hljs-literal,
.docs_md .hljs-doctag,
.docs_md .hljs-title,
.docs_md .hljs-section,
.docs_md .hljs-type,
.docs_md .hljs-selector-id, .hljs .hljs-keyword,
.hljs .hljs-selector-tag,
.hljs .hljs-literal,
.hljs .hljs-doctag,
.hljs .hljs-title,
.hljs .hljs-section,
.hljs .hljs-type,
.hljs .hljs-selector-id {
  font-weight: bold;
}

/* auto-generated */
.icon-_triple-dot {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Ccircle cx='3.5' cy='12' r='2.5'/%3E%3Ccircle cx='12' cy='12' r='2.5'/%3E%3Ccircle cx='20.5' cy='12' r='2.5'/%3E%3C/svg%3E");
}

.icon-aperture {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-aperture'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m14.31 8 5.74 9.94M9.69 8h11.48M7.38 12l5.74-9.94M9.69 16 3.95 6.06M14.31 16H2.83M16.62 12l-5.74 9.94'/%3E%3C/svg%3E");
}

.icon-blueprint {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none}.blue{fill:%235dc0fd}.cls-1{stroke:%235dc0fd;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.01 11.84h9.5'/%3E%3Crect class='cls-1' x='1.95' y='5.84' width='20' height='12' rx='2'/%3E%3Cpath class='blue' d='M5.39 14.49h3.22v2.54H5.39zM10.35 14.49h3.22v2.54h-3.22zM15.3 14.49h3.22v2.54H15.3zM5.39 6.66h3.22V9.2H5.39zM10.35 6.66h3.22V9.2h-3.22z'/%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3C/svg%3E");
}

.icon-cables {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 1000 1000' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M902 0h-54.8c-10.5 0-19.1 8.3-19.5 18.8-5.4 130.1-67 223-153.6 301.9-99-96.2-257.3-93.9-353.5 5.1-74 76.2-91.8 190.8-44.4 285.8C167.8 703.7 84.8 815.5 78.5 979.8c-.4 10.8 8 19.8 18.8 20.2h55.5c10.5 0 19.1-8.2 19.5-18.7 5.8-126.8 71-217.1 161-295 45.8 41.1 105.2 63.8 166.7 63.7 137.8 0 251-114 250-251.8-.2-34.7-7.6-69-21.9-100.6 105.2-93.7 187.3-210.4 193.4-377.4.4-10.8-8-19.8-18.8-20.2h-.7zM656.3 500c0 86.2-70.1 156.2-156.2 156.2-32.7 0-64.5-10.2-91-29.3-41-29.3-65.3-76.6-65.2-126.9 0-86.2 70.1-156.2 156.2-156.2 86.2-.1 156.1 69.8 156.2 156.2 0-.1 0 0 0 0z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-cables_editor {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath class='cls-2' d='M5.64 6.93h4.74M5.64 10.31h4.74M5.64 13.7h4.74M5.64 17.08h4.74'/%3E%3Crect class='cls-2' x='2' y='2.92' width='20' height='18.17' rx='2'/%3E%3Cpath class='cls-2' d='M21.44 10.28H14.5M13.75 20.98V3.19'/%3E%3C/svg%3E");
}

.icon-canvas_max {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M12.03 15.9H8.09M8 11.86v3.94M8 3H5a2 2 0 0 0-2 2v3m13 13h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3M11.97 8.1h3.94M16 12.14V8.2'/%3E%3Cpath class='cls-1' d='M16 21h3a2 2 0 0 0 2-2v-3M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3'/%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
}

.icon-canvas_patchbg {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M6.7 6.47h3.06M6.7 9.98h3.06M14.3 13.79h3.06M14.24 17.3h3.07M14.27 13.79h3.06M11.14 12.73l-4.55 4.55M10.57 17.32H6.63M6.54 13.28v3.93'/%3E%3Cpath class='cls-2' d='M8 3H5a2 2 0 0 0-2 2v3m13 13h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3' transform='translate(-.02 -.02)'/%3E%3Crect class='cls-2' x='13.52' y='3.08' width='7.43' height='6.83' rx='2'/%3E%3C/svg%3E");
}

.icon-check {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.icon-ease-absolute {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M980.8 81.6c-16-30.4-48-49.6-84.8-49.6-52.8 0-96 43.2-96 96 0 36.8 20.8 68.8 49.6 84.8v638.4H211.2c-16-30.4-48-49.6-84.8-49.6s-68.8 20.8-84.8 49.6H-1.6v91.2h43.2c16 30.4 48 49.6 84.8 49.6s68.8-20.8 84.8-49.6h729.6V212.8c16-9.6 30.4-22.4 38.4-38.4h43.2V83.2h-41.6zM896 176c-22.4 0-40-14.4-46.4-33.6-1.6-4.8-1.6-9.6-1.6-14.4s1.6-9.6 1.6-14.4c4.8-16 16-27.2 32-32 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6c19.2 6.4 33.6 24 33.6 46.4 0 27.2-20.8 48-48 48z'/%3E%3C/svg%3E");
}

.icon-ease-bezier {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M980.8 81.6c-16-30.4-48-49.6-84.8-49.6-52.8 0-96 43.2-96 96 0 19.2 6.4 36.8 16 52.8-121.6 214.4-376 585.6-611.2 657.6C187.2 816 160 800 128 800c-36.8 0-68.8 20.8-84.8 49.6H0v91.2h43.2c16 30.4 48 49.6 84.8 49.6 41.6 0 76.8-25.6 89.6-62.4 9.6-3.2 19.2-6.4 30.4-9.6h350.4c8 14.4 24 24 41.6 24 27.2 0 48-20.8 48-48s-20.8-48-48-48c-17.6 0-33.6 9.6-41.6 24H347.2C592 721.6 808 376 896 222.4c36.8 0 68.8-20.8 84.8-49.6h43.2V81.6h-43.2zM944 128c0 27.2-20.8 48-48 48s-48-20.8-48-48c0-3.2 0-6.4 1.6-8 1.6-9.6 6.4-17.6 12.8-25.6 4.8-6.4 12.8-9.6 20.8-12.8 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6c17.6 6.4 32 24 32 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-cub-in {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-52.8 0-96 43.2-96 96 0 25.6 11.2 49.6 27.2 67.2-60.8 176-241.6 595.2-619.2 649.6-17.6-27.2-46.4-44.8-81.6-44.8-36.8 0-68.8 20.8-84.8 49.6H-1.6v91.2h43.2c16 30.4 48 49.6 84.8 49.6 38.4 0 72-22.4 88-56 219.2-28.8 409.6-164.8 555.2-400 73.6-120 120-238.4 145.6-313.6 27.2-6.4 51.2-24 64-48h43.2V81.6h-43.2C964.8 52.8 932.8 32 896 32zm48 96c0 27.2-20.8 48-48 48-25.6 0-46.4-20.8-48-46.4V128c0-9.6 3.2-17.6 6.4-24 6.4-9.6 16-17.6 27.2-20.8 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6C929.6 88 944 105.6 944 128z'/%3E%3C/svg%3E");
}

.icon-ease-cub-out {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-38.4 0-72 22.4-88 56-216 28.8-404.8 164.8-552 400-75.2 120-121.6 238.4-148.8 313.6-28.8 6.4-52.8 24-65.6 48H-1.6v91.2h43.2c16 30.4 48 49.6 84.8 49.6 52.8 0 96-43.2 96-96 0-25.6-11.2-49.6-27.2-67.2C256 651.2 440 232 814.4 177.6c17.6 27.2 46.4 44.8 81.6 44.8 36.8 0 68.8-20.8 84.8-49.6h43.2V81.6h-43.2c-16-28.8-48-49.6-84.8-49.6zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-8-1.6-12.8-1.6c-20.8-6.4-35.2-24-35.2-46.4 0-20.8 14.4-38.4 32-44.8 4.8-1.6 9.6-3.2 16-3.2 4.8 0 9.6 1.6 14.4 1.6 19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-cubic {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-40 0-73.6 24-88 57.6-212.8 41.6-278.4 233.6-336 404.8C416 659.2 366.4 804.8 208 840c-17.6-25.6-46.4-41.6-80-41.6-36.8 0-68.8 20.8-84.8 49.6H0v91.2h43.2c16 30.4 48 49.6 84.8 49.6 40 0 73.6-24 88-57.6 217.6-41.6 283.2-235.2 342.4-408C612.8 360 662.4 216 817.6 180.8c17.6 25.6 46.4 41.6 80 41.6 36.8 0 68.8-20.8 84.8-49.6h43.2V81.6h-43.2C964.8 52.8 932.8 32 896 32zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-8-1.6-12.8-1.6c-20.8-6.4-35.2-24-35.2-46.4 0-20.8 14.4-38.4 33.6-44.8 4.8-1.6 9.6-3.2 14.4-3.2s9.6 1.6 14.4 1.6c19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-exp-in {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-52.8 0-96 43.2-96 96 0 36.8 20.8 67.2 49.6 84.8C843.2 318.4 812.8 505.6 680 648 571.2 766.4 412.8 833.6 209.6 848c-16-28.8-48-48-83.2-48-36.8 0-68.8 20.8-84.8 49.6H-1.6v91.2h43.2c16 30.4 48 49.6 84.8 49.6 38.4 0 70.4-22.4 86.4-52.8 228.8-14.4 408-91.2 534.4-228.8 153.6-166.4 187.2-379.2 193.6-497.6 16-9.6 30.4-22.4 38.4-38.4h43.2V81.6h-43.2C964.8 52.8 932.8 32 896 32zm48 96c0 27.2-20.8 48-48 48-20.8 0-38.4-12.8-44.8-32-1.6-4.8-3.2-11.2-3.2-16 0-3.2 0-6.4 1.6-11.2 3.2-17.6 16-30.4 33.6-35.2 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6c17.6 6.4 32 24 32 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-exp-out {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-38.4 0-70.4 22.4-86.4 52.8-220.8 14.4-396.8 89.6-521.6 224-156.8 168-195.2 382.4-203.2 500.8-17.6 9.6-30.4 22.4-40 40H1.6v91.2h43.2c16 30.4 48 49.6 84.8 49.6 52.8 0 96-43.2 96-96 0-35.2-19.2-67.2-48-83.2 8-107.2 43.2-297.6 179.2-441.6C465.6 254.4 619.2 188.8 816 174.4c16 28.8 48 48 83.2 48 36.8 0 68.8-20.8 84.8-49.6h43.2V81.6H984C964.8 52.8 932.8 32 896 32zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-9.6-1.6-12.8-1.6c-20.8-6.4-35.2-24-35.2-46.4 0-20.8 14.4-40 33.6-44.8 4.8-1.6 9.6-3.2 14.4-3.2s9.6 1.6 14.4 1.6c19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-expo {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-38.4 0-70.4 22.4-86.4 54.4-140.8 12.8-235.2 57.6-288 136-56 83.2-56 188.8-56 289.6 0 91.2 0 177.6-40 238.4-36.8 54.4-107.2 86.4-216 96-16-27.2-48-46.4-81.6-46.4-36.8 0-68.8 20.8-84.8 49.6H0v91.2h43.2c16 30.4 48 49.6 84.8 49.6 38.4 0 70.4-22.4 86.4-54.4 140.8-12.8 235.2-57.6 288-136 56-83.2 56-188.8 56-289.6 0-91.2 0-177.6 40-238.4 36.8-54.4 107.2-86.4 216-96 16 27.2 48 46.4 81.6 46.4 36.8 0 68.8-20.8 84.8-49.6h43.2V81.6h-43.2c-16-28.8-48-49.6-84.8-49.6zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-9.6-1.6-12.8-1.6c-20.8-6.4-35.2-24-35.2-46.4 0-20.8 14.4-40 33.6-44.8 4.8-1.6 9.6-3.2 14.4-3.2s9.6 1.6 14.4 1.6c19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-linear {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1024 1024'%3E%3Cpath d='M896 32c-52.8 0-96 43.2-96 96 0 9.6 1.6 19.2 3.2 27.2l-649.6 648c-8-3.2-17.6-3.2-27.2-3.2-35.2 0-67.2 19.2-83.2 49.6H-1.6v91.2h43.2c16 30.4 48 51.2 84.8 51.2 52.8 0 96-43.2 96-96 0-9.6-1.6-19.2-4.8-28.8l649.6-648c8 3.2 17.6 4.8 27.2 4.8 36.8 0 68.8-20.8 84.8-49.6h43.2V83.2h-43.2C964.8 52.8 932.8 32 896 32zm48 96c0 27.2-20.8 48-48 48s-48-20.8-48-48c0-8 1.6-16 6.4-22.4 4.8-8 11.2-14.4 19.2-19.2 3.2-1.6 6.4-3.2 9.6-3.2 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6c17.6 4.8 32 22.4 32 44.8z'/%3E%3C/svg%3E");
}

.icon-ease-sin-in {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1019 1024'%3E%3Cpath d='M891.2 32c-52.8 0-96 43.2-96 96 0 19.2 6.4 38.4 16 52.8C692.8 395.2 443.2 768 200 838.4c-17.6-24-44.8-38.4-76.8-38.4-36.8 0-68.8 20.8-84.8 49.6H0v91.2h38.4c16 30.4 48 49.6 84.8 49.6 41.6 0 75.2-25.6 89.6-62.4 305.6-76.8 579.2-524.8 680-705.6 35.2 0 67.2-20.8 83.2-49.6h43.2V81.6H976C958.4 52.8 926.4 32 891.2 32zm48 96c0 27.2-20.8 48-48 48s-48-20.8-48-48c0-3.2 0-4.8 1.6-8 1.6-9.6 6.4-17.6 12.8-25.6 6.4-6.4 12.8-11.2 20.8-12.8 4.8-1.6 9.6-1.6 14.4-1.6s9.6 1.6 14.4 1.6c17.6 6.4 32 24 32 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-sin-out {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1019 1024'%3E%3Cpath d='M891.2 32c-41.6 0-76.8 25.6-89.6 62.4-299.2 78.4-576 524.8-678.4 705.6-36.8 0-68.8 20.8-84.8 49.6H0v91.2h38.4c16 30.4 48 49.6 84.8 49.6 52.8 0 96-43.2 96-96 0-19.2-6.4-36.8-16-52.8C323.2 627.2 576 254.4 814.4 184c17.6 22.4 44.8 38.4 76.8 38.4 36.8 0 68.8-20.8 84.8-49.6h43.2V81.6H976C958.4 52.8 926.4 32 891.2 32zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-8 0-11.2-1.6c-20.8-4.8-36.8-24-36.8-46.4 0-20.8 14.4-38.4 33.6-44.8 4.8-1.6 9.6-3.2 14.4-3.2s9.6 1.6 14.4 1.6c19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-ease-sin {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1019 1024'%3E%3Cpath d='M891.2 32c-41.6 0-76.8 27.2-89.6 64-156.8 48-244.8 222.4-328 392-78.4 156.8-152 305.6-273.6 348.8-17.6-22.4-44.8-36.8-75.2-36.8C88 800 56 820.8 40 849.6H1.6v91.2H40c16 30.4 48 49.6 84.8 49.6 41.6 0 76.8-25.6 89.6-62.4 164.8-48 254.4-227.2 340.8-400C630.4 376 704 232 817.6 187.2c17.6 22.4 44.8 36.8 75.2 36.8 36.8 0 68.8-20.8 84.8-49.6h43.2V83.2h-43.2C958.4 52.8 926.4 32 891.2 32zm48 96c0 22.4-14.4 40-33.6 46.4-4.8 1.6-9.6 1.6-14.4 1.6s-8 0-12.8-1.6c-20.8-4.8-35.2-24-35.2-46.4 0-20.8 14.4-38.4 32-44.8 4.8-1.6 9.6-3.2 16-3.2 4.8 0 9.6 1.6 14.4 1.6 19.2 6.4 33.6 24 33.6 46.4z'/%3E%3C/svg%3E");
}

.icon-exit {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 15 15' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 0h15v15H0z' fill='none'/%3E%3Cpath d='M5.8 13H3.6c-.4 0-.8-.2-1.1-.5s-.5-.7-.5-1.1V3.6c0-.4.2-.8.5-1.1S3.2 2 3.6 2h2.2c.3 0 .5.2.5.5s-.2.5-.5.5H3.6c-.1 0-.3.1-.4.2s-.2.3-.2.4v7.7c0 .2.1.3.2.4.1.2.3.3.4.3h2.2c.3 0 .5.2.5.5s-.2.5-.5.5zM9.7 10.8c-.1 0-.3 0-.4-.1-.2-.2-.2-.5 0-.7l2.4-2.4-2.3-2.5c-.2-.2-.2-.5 0-.7s.5-.2.7 0l2.8 2.8c.2.2.2.5 0 .7l-2.8 2.8c-.1 0-.3.1-.4.1z'/%3E%3Cpath d='M12.5 8H5.8c-.2 0-.5-.2-.5-.5s.3-.5.5-.5h6.6c.3 0 .6.2.6.5s-.3.5-.5.5z'/%3E%3C/svg%3E");
}

.icon-keyframe-auto {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m4.5 19.5 7.5-15 7.5 15M6.999 14.5h10' stroke='%23D2D2D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-list-plus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-list-plus'%3E%3Cpath d='M11 12H3M16 6H3M16 18H3M18 9v6M21 12h-6'/%3E%3C/svg%3E");
}

.icon-mouse-cursor {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h15v15H0z'/%3E%3Cpath d='M8.9 8.6h-.7l.3.6 1.3 3.1c.1.2 0 .5-.2.6l-1.4.6c-.2.1-.5 0-.6-.2L6.5 10l-.2-.6-.5.5L4.6 11c-.3.3-.7.1-.7-.3V1.9c0-.4.5-.6.7-.3L11 8c.3.3.1.7-.3.7l-1.8-.1z' style='fill:none;stroke:%23000;stroke-linejoin:round'/%3E%3C/svg%3E");
}

.icon-op {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='M6.01 11.84h9.5'/%3E%3Crect class='cls-1' x='1.95' y='5.84' width='20' height='12' rx='2'/%3E%3Cpath d='M5.39 14.49h3.22v2.54H5.39zM10.35 14.49h3.22v2.54h-3.22zM15.3 14.49h3.22v2.54H15.3zM5.39 6.66h3.22V9.2H5.39zM10.35 6.66h3.22V9.2h-3.22z'/%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3C/svg%3E");
}

.icon-ops {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M14.07 15.5h8.05v4.4h-8.05zM1.84 15.5h8.05v4.4H1.84zM1.84 4.05h8.05v4.4H1.84zM3.65 9.42v5.16'/%3E%3Cpath class='cls-2' d='M8 9a2.6 2.6 0 0 0 .27 2.1c1.4 2 6.09 0 7.51 2a2.68 2.68 0 0 1 .32 2' transform='translate(-.02 -.05)'/%3E%3C/svg%3E");
}

.icon-remoteviewer {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 15 15' style='enable-background:new 0 0 15 15' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}%3C/style%3E%3Cpath style='fill:none' d='M0 0h15v15H0z'/%3E%3Cpath class='st1' d='M5.4 13.2h4.2M6.1 13.2l.3-2.5M8.9 13.2l-.3-2.5M12.7 10.6H2.3c-.3 0-.5-.2-.5-.5V2.3c0-.3.2-.5.5-.5h10.5c.3 0 .5.2.5.5v7.8c0 .3-.3.5-.6.5zM1.9 7.9h11.3'/%3E%3C/svg%3E");
}

.icon-skull {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M7.22 17.7a5.71 5.71 0 0 1-3.49-5.24v-4a5.71 5.71 0 0 1 5.69-5.71h5.16a5.71 5.71 0 0 1 5.69 5.69v4a5.72 5.72 0 0 1-3.38 5.2' transform='translate(-.02 -.02)'/%3E%3Cpath class='cls-2' d='M9.49 18.01v3.22M11.94 18.01v3.22M14.47 18.01v3.22'/%3E%3Cpath class='cls-2' d='M8.85 14.38a1.48 1.48 0 0 1-1.46-1.5v-3a1.46 1.46 0 1 1 2.92 0v3a1.48 1.48 0 0 1-1.46 1.5ZM15.11 14.38a1.5 1.5 0 0 1-1.5-1.5v-3a1.5 1.5 0 0 1 3 0v3a1.5 1.5 0 0 1-1.5 1.5Z' transform='translate(-.02 -.02)'/%3E%3C/svg%3E");
}

.icon-subpatch {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Crect class='cls-2' x='1.98' y='2.98' width='20' height='18.17' rx='2'/%3E%3Cpath class='cls-2' d='M8.34 20.34v-4.56h13.21M15.48 3.7v4.4H3.14'/%3E%3Cpath class='cls-2' d='M6.29 9.41a2.46 2.46 0 0 0 .58 2.26c1.72 2 6.44-.23 8 1.7a2.93 2.93 0 0 1 .27 2.71' transform='translate(-.02 -.31)'/%3E%3C/svg%3E");
}

.icon-timeline {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M2.11 21.42h19.58M6.11 18.61v2.32M2.11 16.61v4.81M10.02 18.61v2.32M13.93 18.61v2.32M17.84 18.61v2.32M21.84 16.61v4.81'/%3E%3Ccircle class='cls-2' cx='12.43' cy='8.31' r='5.78'/%3E%3Cpath class='cls-2' d='M14.71 10.53 12.5 8.31M13.66 7.14l-1 1.01'/%3E%3C/svg%3E");
}

.icon-triple-dot {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg data-name='Ebene 1' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor'%3E%3Ccircle cx='12' cy='3.5' r='2.5'/%3E%3Ccircle data-name='Oval-2' cx='12' cy='12' r='2.5'/%3E%3Ccircle data-name='Oval-2' cx='12' cy='20.5' r='2.5'/%3E%3C/svg%3E");
}

.icon-undev {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 202.6 53.8' style='enable-background:new 0 0 202.6 53.8' xml:space='preserve'%3E%3Cpath d='M202.1.5h-61.6c-8.9 0-16.4 5.7-19.2 13.5-2.6-7.5-9.7-13-18.2-13.4V.5h-22v15.4H81C79.2 7.3 71.7.7 62.6.1V0H0V33.3C0 44.2 9.1 53 20.3 53c10 0 18.3-7.1 20-16.4v16.7H103v-.1c8.5-.3 15.6-5.8 18.3-13.3 2.7 7.8 10.3 13.5 19.2 13.5H162.3V36.1L181.9 53l19.9-17h.3V.5zM121.4 27s0-.1-.1-.1l.1.1z' style='fill:%236b6b6b'/%3E%3C/svg%3E");
}

.icon-accept {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Ccircle cx='12' cy='12' r='10.8' style='fill:none;stroke:%23000;stroke-width:2'/%3E%3Cpath d='m16 9-5.5 5.5L8 12' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
}

.icon-activity {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-activity'%3E%3Cpath d='M22 12h-4l-3 9L9 3l-3 9H2'/%3E%3C/svg%3E");
}

.icon-alert-triangle {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-alert-triangle'%3E%3Cpath d='M10.29 3.86 1.82 18a2 2 0 0 0 1.71 3h16.94a2 2 0 0 0 1.71-3L13.71 3.86a2 2 0 0 0-3.42 0zM12 9v4M12 17h.01'/%3E%3C/svg%3E");
}

.icon-align-justify {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 10H3M21 6H3M21 14H3M21 18H3'/%3E%3C/svg%3E");
}

.icon-align-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17 10H3M21 6H3M21 14H3M17 18H3'/%3E%3C/svg%3E");
}

.icon-arrow-down-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-down-left'%3E%3Cpath d='M18 6 6 18M15 18H6V9'/%3E%3C/svg%3E");
}

.icon-arrow-down-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-down-right'%3E%3Cpath d='m6 6 12 12M9 18h9V9'/%3E%3C/svg%3E");
}

.icon-arrow-down {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-down'%3E%3Cpath d='M12 4v16M18 14l-6 6-6-6'/%3E%3C/svg%3E");
}

.icon-arrow-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-left'%3E%3Cpath d='M20 12H4M10 18l-6-6 6-6'/%3E%3C/svg%3E");
}

.icon-arrow-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-right'%3E%3Cpath d='M4 12h16M14 6l6 6-6 6'/%3E%3C/svg%3E");
}

.icon-arrow-up-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up-left'%3E%3Cpath d='M18 18 6 6M15 6H6v9'/%3E%3C/svg%3E");
}

.icon-arrow-up-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up-right'%3E%3Cpath d='M6 18 18 6M9 6h9v9'/%3E%3C/svg%3E");
}

.icon-arrow-up {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-arrow-up'%3E%3Cpath d='M12 20V4M6 10l6-6 6 6'/%3E%3C/svg%3E");
}

.icon-award {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='8' r='7'/%3E%3Cpath d='M8.21 13.89 7 23l5-3 5 3-1.21-9.12'/%3E%3C/svg%3E");
}

.icon-ban {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-ban'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m4.9 4.9 14.2 14.2'/%3E%3C/svg%3E");
}

.icon-bluesky {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg width='600' height='530' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M135.72 44.03C202.216 93.951 273.74 195.17 300 249.49c26.262-54.316 97.782-155.54 164.28-205.46C512.26 8.009 590-19.862 590 68.825c0 17.712-10.155 148.79-16.111 170.07-20.703 73.984-96.144 92.854-163.25 81.433 117.3 19.964 147.14 86.092 82.697 152.22-122.39 125.59-175.91-31.511-189.63-71.766-2.514-7.38-3.69-10.832-3.708-7.896-.017-2.936-1.193.516-3.707 7.896-13.714 40.255-67.233 197.36-189.63 71.766-64.444-66.128-34.605-132.26 82.697-152.22-67.108 11.421-142.55-7.45-163.25-81.433C20.15 217.613 9.997 86.535 9.997 68.825c0-88.687 77.742-60.816 125.72-24.795z' fill='%231185fe'/%3E%3C/svg%3E");
}

.icon-book-open {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-book-open'%3E%3Cpath d='M2 3h6a4 4 0 0 1 4 4v14a3 3 0 0 0-3-3H2zM22 3h-6a4 4 0 0 0-4 4v14a3 3 0 0 1 3-3h7z'/%3E%3C/svg%3E");
}

.icon-bookmark-filled {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='m19 21-7-5-7 5V5c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2v16z'/%3E%3C/svg%3E");
}

.icon-bookmark {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-bookmark'%3E%3Cpath d='m19 21-7-5-7 5V5a2 2 0 0 1 2-2h10a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.icon-box-select {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 2a2 2 0 0 0-2 2M8 2h2M14 2h2M4 22a2 2 0 0 1-2-2M22 8v2M22 14v2M22 20a2 2 0 0 1-2 2M14 22h2M8 22h2M20 2a2 2 0 0 1 2 2M2 14v2M2 8v2'/%3E%3C/svg%3E");
}

.icon-cc-by {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='currentColor' stroke-width='0' viewBox='5.5 -3.5 64 64' xml:space='preserve'%3E%3Ccircle fill='none' cx='37.637' cy='28.806' r='28.276' stroke='none'/%3E%3Cpath d='M37.443-3.5c8.988 0 16.57 3.085 22.742 9.257C66.393 11.967 69.5 19.548 69.5 28.5c0 8.991-3.049 16.476-9.145 22.456-6.476 6.363-14.113 9.544-22.912 9.544-8.649 0-16.153-3.144-22.514-9.43C8.644 44.784 5.5 37.262 5.5 28.5c0-8.761 3.144-16.342 9.429-22.742C21.101-.415 28.604-3.5 37.443-3.5zm.114 5.772c-7.276 0-13.428 2.553-18.457 7.657-5.22 5.334-7.829 11.525-7.829 18.572 0 7.086 2.59 13.22 7.77 18.398 5.181 5.182 11.352 7.771 18.514 7.771 7.123 0 13.334-2.607 18.629-7.828 5.029-4.838 7.543-10.952 7.543-18.343 0-7.276-2.553-13.465-7.656-18.571-5.104-5.104-11.276-7.656-18.514-7.656zm8.572 18.285v13.085h-3.656v15.542h-9.944V33.643h-3.656V20.557c0-.572.2-1.057.599-1.457.401-.399.887-.6 1.457-.6h13.144c.533 0 1.01.2 1.428.6.417.4.628.886.628 1.457zm-13.087-8.228c0-3.008 1.485-4.514 4.458-4.514s4.457 1.504 4.457 4.514c0 2.971-1.486 4.457-4.457 4.457s-4.458-1.486-4.458-4.457z' stroke='none'/%3E%3C/svg%3E");
}

.icon-cc-cc {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='5.5 -3.5 64 64' fill='currentColor' stroke='currentColor' stroke-width='0' xml:space='preserve'%3E%3Cg stroke='none'%3E%3Ccircle fill='none' cx='37.785' cy='28.501' r='28.836'/%3E%3Cpath d='M37.441-3.5c8.951 0 16.572 3.125 22.857 9.372 3.008 3.009 5.295 6.448 6.857 10.314 1.561 3.867 2.344 7.971 2.344 12.314 0 4.381-.773 8.486-2.314 12.313-1.543 3.828-3.82 7.21-6.828 10.143-3.123 3.085-6.666 5.448-10.629 7.086-3.961 1.638-8.057 2.457-12.285 2.457s-8.276-.808-12.143-2.429c-3.866-1.618-7.333-3.961-10.4-7.027-3.067-3.066-5.4-6.524-7-10.372S5.5 32.767 5.5 28.5c0-4.229.809-8.295 2.428-12.2 1.619-3.905 3.972-7.4 7.057-10.486C21.08-.394 28.565-3.5 37.441-3.5zm.116 5.772c-7.314 0-13.467 2.553-18.458 7.657-2.515 2.553-4.448 5.419-5.8 8.6a25.204 25.204 0 0 0-2.029 9.972c0 3.429.675 6.734 2.029 9.913 1.353 3.183 3.285 6.021 5.8 8.516 2.514 2.496 5.351 4.399 8.515 5.715a25.652 25.652 0 0 0 9.943 1.971c3.428 0 6.75-.665 9.973-1.999 3.219-1.335 6.121-3.257 8.713-5.771 4.99-4.876 7.484-10.99 7.484-18.344 0-3.543-.648-6.895-1.943-10.057-1.293-3.162-3.18-5.98-5.654-8.458-5.146-5.143-11.335-7.715-18.573-7.715zm-.401 20.915-4.287 2.229c-.458-.951-1.019-1.619-1.685-2-.667-.38-1.286-.571-1.858-.571-2.856 0-4.286 1.885-4.286 5.657 0 1.714.362 3.084 1.085 4.113.724 1.029 1.791 1.544 3.201 1.544 1.867 0 3.181-.915 3.944-2.743l3.942 2c-.838 1.563-2 2.791-3.486 3.686-1.484.896-3.123 1.343-4.914 1.343-2.857 0-5.163-.875-6.915-2.629-1.752-1.752-2.628-4.19-2.628-7.313 0-3.048.886-5.466 2.657-7.257 1.771-1.79 4.009-2.686 6.715-2.686 3.963-.002 6.8 1.541 8.515 4.627zm18.457 0-4.229 2.229c-.457-.951-1.02-1.619-1.686-2-.668-.38-1.307-.571-1.914-.571-2.857 0-4.287 1.885-4.287 5.657 0 1.714.363 3.084 1.086 4.113.723 1.029 1.789 1.544 3.201 1.544 1.865 0 3.18-.915 3.941-2.743l4 2c-.875 1.563-2.057 2.791-3.541 3.686a9.233 9.233 0 0 1-4.857 1.343c-2.896 0-5.209-.875-6.941-2.629-1.736-1.752-2.602-4.19-2.602-7.313 0-3.048.885-5.466 2.658-7.257 1.77-1.79 4.008-2.686 6.713-2.686 3.962-.002 6.783 1.541 8.458 4.627z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-cc-nc {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='currentColor' stroke-width='0' viewBox='5.5 -3.5 64 64' xml:space='preserve'%3E%3Ccircle fill='none' cx='37.47' cy='28.736' r='29.471' stroke='none'/%3E%3Cpath d='M37.442-3.5c8.99 0 16.571 3.085 22.743 9.256C66.393 11.928 69.5 19.509 69.5 28.5c0 8.992-3.048 16.476-9.145 22.458C53.88 57.32 46.241 60.5 37.442 60.5c-8.686 0-16.19-3.162-22.513-9.485C8.644 44.728 5.5 37.225 5.5 28.5c0-8.762 3.144-16.343 9.429-22.743C21.1-.414 28.604-3.5 37.442-3.5zM12.7 19.872c-.952 2.628-1.429 5.505-1.429 8.629 0 7.086 2.59 13.22 7.77 18.4 5.219 5.144 11.391 7.715 18.514 7.715 7.201 0 13.409-2.608 18.63-7.829 1.867-1.79 3.332-3.657 4.398-5.602l-12.056-5.371c-.421 2.02-1.439 3.667-3.057 4.942-1.622 1.276-3.535 2.011-5.744 2.2v4.915h-3.714v-4.915c-3.543-.036-6.782-1.312-9.714-3.827l4.4-4.457c2.094 1.942 4.476 2.913 7.143 2.913 1.104 0 2.048-.246 2.83-.743.78-.494 1.172-1.312 1.172-2.457 0-.801-.287-1.448-.858-1.943L37.9 31.127l-3.771-1.715-5.086-2.229L12.7 19.872zM37.557 2.214c-7.276 0-13.428 2.571-18.457 7.714a30.623 30.623 0 0 0-3.543 4.287L27.786 19.7c.533-1.676 1.542-3.019 3.029-4.028 1.484-1.009 3.218-1.571 5.2-1.686V9.071h3.715v4.915c2.934.153 5.6 1.143 8 2.971l-4.172 4.286c-1.793-1.257-3.619-1.885-5.486-1.885-.991 0-1.876.191-2.656.571-.781.381-1.172 1.029-1.172 1.943 0 .267.095.533.285.8l4.057 1.83 2.8 1.257 5.144 2.285 16.397 7.314a29.51 29.51 0 0 0 .801-6.857c0-7.353-2.552-13.543-7.656-18.573-5.067-5.143-11.241-7.714-18.515-7.714z' stroke='none'/%3E%3C/svg%3E");
}

.icon-cc-nd {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='currentColor' stroke-width='0' viewBox='0 0 64 64' xml:space='preserve'%3E%3Ccircle fill='none' cx='32.065' cy='31.788' r='29.013' stroke='none'/%3E%3Cpath d='M31.944 0c8.953 0 16.533 3.106 22.744 9.315C60.894 15.486 64 23.044 64 32s-3.049 16.457-9.146 22.514C48.419 60.838 40.78 64 31.944 64c-8.65 0-16.153-3.143-22.514-9.43C3.144 48.286 0 40.762 0 32.001c0-8.724 3.144-16.285 9.43-22.685C15.64 3.106 23.144 0 31.943 0zm.117 5.771c-7.276 0-13.43 2.57-18.459 7.715-5.22 5.297-7.83 11.468-7.83 18.514 0 7.125 2.59 13.257 7.77 18.4 5.182 5.182 11.353 7.77 18.517 7.77 7.123 0 13.332-2.607 18.627-7.827 5.028-4.876 7.543-10.99 7.543-18.343 0-7.313-2.554-13.484-7.657-18.514-5.067-5.144-11.238-7.715-18.512-7.715zm12.056 18.685v5.485H20.86v-5.485h23.257zm0 10.287v5.481H20.86v-5.48h23.257z' stroke='none'/%3E%3C/svg%3E");
}

.icon-cc-pd {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='5.5 -3.5 64 64' fill='currentColor' stroke='currentColor' stroke-width='0' xml:space='preserve'%3E%3Ccircle fill='none' cx='37.471' cy='28.424' r='28.553' stroke='none'/%3E%3Cpath d='M37.443-3.5c8.988 0 16.58 3.096 22.77 9.286C66.404 11.976 69.5 19.547 69.5 28.5c0 8.954-3.049 16.437-9.145 22.456-6.437 6.363-14.076 9.544-22.912 9.544-8.687 0-16.182-3.144-22.486-9.43C8.651 44.784 5.5 37.262 5.5 28.5c0-8.761 3.144-16.342 9.429-22.742C21.101-.415 28.604-3.5 37.443-3.5zm.086 5.772c-7.257 0-13.401 2.553-18.428 7.657-5.22 5.296-7.829 11.486-7.829 18.572s2.59 13.22 7.771 18.398c5.181 5.182 11.352 7.771 18.514 7.771 7.162 0 13.371-2.607 18.629-7.828 5.029-4.877 7.543-10.991 7.543-18.343 0-7.314-2.553-13.504-7.656-18.571-5.106-5.104-11.288-7.656-18.544-7.656zM22.471 37.186V19.472h8.8c4.342 0 6.514 1.999 6.514 6 0 .686-.105 1.342-.314 1.972-.209.629-.572 1.256-1.086 1.886-.514.629-1.285 1.143-2.314 1.543-1.028.399-2.247.6-3.656.6h-3.486v5.714h-4.458zm4.4-14.401v5.372h3.771c.914 0 1.6-.258 2.058-.772.458-.513.687-1.152.687-1.915 0-1.79-.953-2.686-2.858-2.686h-3.657v.001zm12.113 14.401V19.472h6.859c2.818 0 5.027.724 6.629 2.171 1.598 1.448 2.398 3.677 2.398 6.686 0 3.01-.801 5.24-2.398 6.686-1.602 1.447-3.811 2.171-6.629 2.171h-6.859zm4.403-14v10.287h2.57c1.562 0 2.695-.466 3.4-1.401.705-.933 1.057-2.179 1.057-3.742 0-1.562-.352-2.809-1.057-3.743-.705-.933-1.857-1.399-3.457-1.399l-2.513-.002z' stroke='none'/%3E%3C/svg%3E");
}

.icon-cc-sa {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.0' xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='currentColor' stroke-width='0' viewBox='5.5 -3.5 64 64' xml:space='preserve'%3E%3Ccircle fill='none' cx='36.944' cy='28.631' r='29.105' stroke='none'/%3E%3Cpath d='M37.443-3.5c8.951 0 16.531 3.105 22.742 9.315C66.393 11.987 69.5 19.548 69.5 28.5c0 8.954-3.049 16.457-9.145 22.514-6.437 6.324-14.076 9.486-22.912 9.486-8.649 0-16.153-3.143-22.514-9.429C8.644 44.786 5.5 37.264 5.5 28.501c0-8.723 3.144-16.285 9.429-22.685C21.138-.395 28.643-3.5 37.443-3.5zm.114 5.772c-7.276 0-13.428 2.572-18.457 7.715-5.22 5.296-7.829 11.467-7.829 18.513 0 7.125 2.59 13.257 7.77 18.4 5.181 5.182 11.352 7.771 18.514 7.771 7.123 0 13.334-2.609 18.629-7.828 5.029-4.876 7.543-10.99 7.543-18.343 0-7.313-2.553-13.485-7.656-18.513-5.067-5.145-11.239-7.715-18.514-7.715zM23.271 23.985c.609-3.924 2.189-6.962 4.742-9.114 2.552-2.152 5.656-3.228 9.314-3.228 5.027 0 9.029 1.62 12 4.856 2.971 3.238 4.457 7.391 4.457 12.457 0 4.915-1.543 9-4.627 12.256-3.088 3.256-7.086 4.886-12.002 4.886-3.619 0-6.743-1.085-9.371-3.257-2.629-2.172-4.209-5.257-4.743-9.257H31.1c.19 3.886 2.533 5.829 7.029 5.829 2.246 0 4.057-.972 5.428-2.914 1.373-1.942 2.059-4.534 2.059-7.771 0-3.391-.629-5.971-1.885-7.743-1.258-1.771-3.066-2.657-5.43-2.657-4.268 0-6.667 1.885-7.2 5.656h2.343l-6.342 6.343-6.343-6.343 2.512.001z' stroke='none'/%3E%3C/svg%3E");
}

.icon-chart-gantt {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chart-gantt-icon lucide-chart-gantt'%3E%3Cpath d='M10 6h8M12 16h6M3 3v16a2 2 0 0 0 2 2h16M8 11h7'/%3E%3C/svg%3E");
}

.icon-chart-spline {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chart-spline'%3E%3Cpath d='M3 3v16a2 2 0 0 0 2 2h16'/%3E%3Cpath d='M7 16c.5-2 1.5-7 4-7 2 0 2 3 4 3 2.5 0 4.5-5 5-7'/%3E%3C/svg%3E");
}

.icon-check-square {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-check-square'%3E%3Cpath d='m9 11 3 3L22 4'/%3E%3Cpath d='M21 12v7a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11'/%3E%3C/svg%3E");
}

.icon-check {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-check-icon lucide-check'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E");
}

.icon-chevron-down {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");
}

.icon-chevron-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m15 18-6-6 6-6'/%3E%3C/svg%3E");
}

.icon-chevron-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m9 18 6-6-6-6'/%3E%3C/svg%3E");
}

.icon-chevron-up {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m18 15-6-6-6 6'/%3E%3C/svg%3E");
}

.icon-chevrons-down-up {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-down-up-icon lucide-chevrons-down-up'%3E%3Cpath d='m7 20 5-5 5 5M7 4l5 5 5-5'/%3E%3C/svg%3E");
}

.icon-chevrons-left-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-left-right-icon lucide-chevrons-left-right'%3E%3Cpath d='m9 7-5 5 5 5M15 7l5 5-5 5'/%3E%3C/svg%3E");
}

.icon-chevrons-right-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-right-left-icon lucide-chevrons-right-left'%3E%3Cpath d='m20 17-5-5 5-5M4 17l5-5-5-5'/%3E%3C/svg%3E");
}

.icon-chevrons-up-down {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-chevrons-up-down-icon lucide-chevrons-up-down'%3E%3Cpath d='m7 15 5 5 5-5M7 9l5-5 5 5'/%3E%3C/svg%3E");
}

.icon-circle {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3C/svg%3E");
}

.icon-clapperboard {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-clapperboard-icon lucide-clapperboard'%3E%3Cpath d='M20.2 6 3 11l-.9-2.4c-.3-1.1.3-2.2 1.3-2.5l13.5-4c1.1-.3 2.2.3 2.5 1.3ZM6.2 5.3l3.1 3.9M12.4 3.4l3.1 4M3 11h18v8a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2Z'/%3E%3C/svg%3E");
}

.icon-clock {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-clock'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 6v6l3 3'/%3E%3C/svg%3E");
}

.icon-cloud-upload {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-cloud-upload'%3E%3Cpath d='M4 14.899A7 7 0 1 1 15.71 8h1.79a4.5 4.5 0 0 1 2.5 8.242M12 12v9'/%3E%3Cpath d='m16 16-4-4-4 4'/%3E%3C/svg%3E");
}

.icon-code {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-code'%3E%3Cpath d='m16 18 6-6-6-6M8 6l-6 6 6 6'/%3E%3C/svg%3E");
}

.icon-code_editor {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M10.94 4.06h-7a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7' transform='translate(-.02 -.02)'/%3E%3Cpath class='cls-2' d='M18.44 2.56a2.12 2.12 0 0 1 3 3L16.7 10.3l-4 1 1-4Z' transform='translate(-.02 -.02)'/%3E%3Cpath class='cls-2' d='M5.55 8.39h3.93M5.55 12.85h4.42M5.55 17.32h10.4'/%3E%3C/svg%3E");
}

.icon-coffee {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-coffee'%3E%3Cpath d='M10 2v2M14 2v2M16 8a1 1 0 0 1 1 1v8a4 4 0 0 1-4 4H7a4 4 0 0 1-4-4V9a1 1 0 0 1 1-1h14a4 4 0 1 1 0 8h-1M6 2v2'/%3E%3C/svg%3E");
}

.icon-command {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-command'%3E%3Cpath d='M18 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3 3 3 0 0 0 3-3 3 3 0 0 0-3-3H6a3 3 0 0 0-3 3 3 3 0 0 0 3 3 3 3 0 0 0 3-3V6a3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3h12a3 3 0 0 0 3-3 3 3 0 0 0-3-3z'/%3E%3C/svg%3E");
}

.icon-copy {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-copy'%3E%3Crect x='9' y='9' width='13' height='13' rx='2' ry='2'/%3E%3Cpath d='M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1'/%3E%3C/svg%3E");
}

.icon-copyright {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M15 9.354a4 4 0 1 0 0 5.292'/%3E%3C/svg%3E");
}

.icon-corner-down-left {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-corner-down-left'%3E%3Cpath d='m9 10-5 5 5 5'/%3E%3Cpath d='M20 4v7a4 4 0 0 1-4 4H4'/%3E%3C/svg%3E");
}

.icon-corner-down-right {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-corner-down-right'%3E%3Cpath d='m15 10 5 5-5 5'/%3E%3Cpath d='M4 4v7a4 4 0 0 0 4 4h12'/%3E%3C/svg%3E");
}

.icon-cube {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-box'%3E%3Cpath d='M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z'/%3E%3Cpath d='M3.27 6.96 12 12.01l8.73-5.05M12 22.08V12'/%3E%3C/svg%3E");
}

.icon-cursor {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.1 19.2V4.6m-1.8 6.9h3.5m-6.2-9h1.1C10.5 2.5 12 4 12 5.7v12.5c0 1.8-1.4 3.2-3.2 3.2H7.6m8.8.1h-1.1c-1.8 0-3.2-1.4-3.2-3.2V5.7c0-1.8 1.4-3.2 3.2-3.2h1.1' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
}

.icon-decline {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg version='1.1' id='Layer_1' xmlns='http://www.w3.org/2000/svg' x='0' y='0' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st2{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cg id='Layer_1_1_'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2_1_'/%3E%3C/g%3E%3Ccircle cx='12' cy='12' r='10.8' style='fill:none;stroke:%23000;stroke-width:2'/%3E%3Cpath class='st2' d='m15 9-6 6M9 9l6 6'/%3E%3C/svg%3E");
}

.icon-diamond-fill {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='currentColor' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-diamond-icon lucide-diamond'%3E%3Cpath d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Z'/%3E%3C/svg%3E");
}

.icon-diamond-plus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-diamond-plus-icon lucide-diamond-plus'%3E%3Cpath d='M12 8v8M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0zM8 12h8'/%3E%3C/svg%3E");
}

.icon-diamond {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-diamond-icon lucide-diamond'%3E%3Cpath d='M2.7 10.3a2.41 2.41 0 0 0 0 3.41l7.59 7.59a2.41 2.41 0 0 0 3.41 0l7.59-7.59a2.41 2.41 0 0 0 0-3.41L13.7 2.71a2.41 2.41 0 0 0-3.41 0Z'/%3E%3C/svg%3E");
}

.icon-discord {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' viewBox='0 -28.5 256 256' xmlns='http://www.w3.org/2000/svg' preserveAspectRatio='xMidYMid'%3E%3Cpath d='M216.856 16.597A208.502 208.502 0 0 0 164.042 0c-2.275 4.113-4.933 9.645-6.766 14.046-19.692-2.961-39.203-2.961-58.533 0-1.832-4.4-4.55-9.933-6.846-14.046a207.809 207.809 0 0 0-52.855 16.638C5.618 67.147-3.443 116.4 1.087 164.956c22.169 16.555 43.653 26.612 64.775 33.193A161.094 161.094 0 0 0 79.735 175.3a136.413 136.413 0 0 1-21.846-10.632 108.636 108.636 0 0 0 5.356-4.237c42.122 19.702 87.89 19.702 129.51 0a131.66 131.66 0 0 0 5.355 4.237 136.07 136.07 0 0 1-21.886 10.653c4.006 8.02 8.638 15.67 13.873 22.848 21.142-6.58 42.646-16.637 64.815-33.213 5.316-56.288-9.08-105.09-38.056-148.36ZM85.474 135.095c-12.645 0-23.015-11.805-23.015-26.18s10.149-26.2 23.015-26.2c12.867 0 23.236 11.804 23.015 26.2.02 14.375-10.148 26.18-23.015 26.18Zm85.051 0c-12.645 0-23.014-11.805-23.014-26.18s10.148-26.2 23.014-26.2c12.867 0 23.236 11.804 23.015 26.2 0 14.375-10.148 26.18-23.015 26.18Z' fill='%23fff'/%3E%3C/svg%3E");
}

.icon-download {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 17v3a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-3M8 12l4 4 4-4M12 2v14'/%3E%3C/svg%3E");
}

.icon-edit {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit-2'%3E%3Cpath d='m16 3 5 5L8 21H3v-5L16 3z'/%3E%3C/svg%3E");
}

.icon-edit2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cg id='Layer_1'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2_1_'/%3E%3Cpath class='st1' d='M10.9 3.5H3.4c-.6 0-1.1.2-1.5.6-.5.4-.7 1-.7 1.5v15c0 .6.2 1.1.6 1.5s.9.6 1.5.6h15c.6 0 1.1-.2 1.5-.6s.6-.9.6-1.5v-7.5'/%3E%3Cpath class='st1' d='M18.9 1.9c.4-.4 1-.7 1.6-.7s1.2.2 1.6.7c.4.4.7 1 .7 1.6s-.2 1.2-.7 1.6L11.9 15.3l-4.3 1.1 1.1-4.3L18.9 1.9z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-editbox {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-edit'%3E%3Cpath d='M11 4H4a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h14a2 2 0 0 0 2-2v-7'/%3E%3Cpath d='M18.5 2.5a2.121 2.121 0 0 1 3 3L12 15l-4 1 1-4 9.5-9.5z'/%3E%3C/svg%3E");
}

.icon-electron {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='64' height='64' fill='%2347848f' fill-rule='evenodd'%3E%3Cpath d='M23.3 13.756c-8.363-1.523-14.976.07-17.612 4.636-1.967 3.406-1.405 7.923 1.363 12.75a.86.86 0 0 0 1.171.317.86.86 0 0 0 .317-1.171c-2.493-4.35-2.978-8.247-1.366-11.04 2.2-3.792 8.088-5.214 15.82-3.806a.86.86 0 0 0 .997-.69.86.86 0 0 0-.69-.997zM11.4 37c3.382 3.716 7.775 7.202 12.786 10.095C36.328 54.1 49.243 55.98 55.6 51.64a.86.86 0 0 0 .225-1.192.86.86 0 0 0-1.192-.225c-5.697 3.884-17.966 2.106-29.6-4.605-4.86-2.806-9.115-6.182-12.375-9.764a.86.86 0 0 0-1.212-.057.86.86 0 0 0-.057 1.212zm42.178-1.033c5.476-6.47 7.388-12.976 4.758-17.53-1.935-3.352-6.026-5.122-11.464-5.192a.86.86 0 0 0-.869.846.86.86 0 0 0 .846.869c4.9.064 8.415 1.588 10 4.335 2.185 3.784.48 9.586-4.582 15.566a.86.86 0 0 0 .1 1.209.86.86 0 0 0 1.209-.1zM39.504 14.04c-4.95 1.06-10.222 3.135-15.283 6.057C11.697 27.327 3.527 38 4.66 45.72a.86.86 0 0 0 .973.724.86.86 0 0 0 .724-.973c-1.007-6.864 6.737-16.97 18.72-23.9 4.9-2.835 10.013-4.843 14.785-5.866a.86.86 0 0 0 .659-1.018.86.86 0 0 0-1.018-.659z'/%3E%3Cpath d='M19.215 51.082C22.078 59.077 26.762 64 32.03 64c3.842 0 7.396-2.62 10.167-7.23a.86.86 0 0 0-.293-1.177.86.86 0 0 0-1.177.293c-2.5 4.143-5.55 6.397-8.697 6.397-4.375 0-8.553-4.4-11.2-11.78a.86.86 0 0 0-1.097-.518.86.86 0 0 0-.518 1.097zm26.153-1.564c1.482-4.737 2.278-10.2 2.278-15.895 0-14.208-4.973-26.456-12.056-29.6a.86.86 0 0 0-1.132.436.86.86 0 0 0 .436 1.132C41.212 8.395 45.93 20.02 45.93 33.624c0 5.524-.77 10.816-2.2 15.383a.86.86 0 0 0 .562 1.075.86.86 0 0 0 1.075-.562zm16.152-.84c0-2.267-1.838-4.105-4.105-4.105S53.3 46.4 53.3 48.678s1.838 4.105 4.105 4.105 4.105-1.838 4.105-4.105zm-1.715 0a2.39 2.39 0 0 1-2.389 2.389 2.39 2.39 0 0 1-2.389-2.389 2.39 2.39 0 0 1 2.389-2.389 2.39 2.39 0 0 1 2.389 2.389z'/%3E%3Cpath d='M6.584 52.783a4.105 4.105 0 0 0 0-8.21 4.1 4.1 0 1 0 .001 8.21zm0-1.715a2.39 2.39 0 0 1-2.389-2.389 2.39 2.39 0 0 1 2.389-2.389 2.39 2.39 0 0 1 2.389 2.389 2.39 2.39 0 0 1-2.389 2.389zM32.03 8.2c2.267 0 4.105-1.838 4.105-4.105S34.296 0 32.03 0s-4.105 1.838-4.105 4.105S29.763 8.2 32.03 8.2zm0-1.715a2.39 2.39 0 0 1-2.389-2.389 2.39 2.39 0 0 1 2.389-2.389 2.39 2.39 0 0 1 2.389 2.389 2.39 2.39 0 0 1-2.389 2.389zm.626 30.04a2.97 2.97 0 1 1-1.254-5.806 2.97 2.97 0 1 1 1.254 5.806z'/%3E%3C/svg%3E");
}

.icon-external {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-external-link'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}

.icon-eye-off {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24M1 1l22 22'/%3E%3C/svg%3E");
}

.icon-eye {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-eye'%3E%3Cpath d='M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3C/svg%3E");
}

.icon-facebook {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-facebook'%3E%3Cpath d='M18 2h-3a5 5 0 0 0-5 5v3H7v4h3v8h4v-8h3l1-4h-4V7a1 1 0 0 1 1-1h3z'/%3E%3C/svg%3E");
}

.icon-fast-forward {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-fast-forward'%3E%3Cpath d='m13 19 9-7-9-7v14zM2 19l9-7-9-7v14z'/%3E%3C/svg%3E");
}

.icon-file-audio-2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-audio-2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v2'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='3' cy='17' r='1'/%3E%3Cpath d='M2 17v-3a4 4 0 0 1 8 0v3'/%3E%3Ccircle cx='9' cy='17' r='1'/%3E%3C/svg%3E");
}

.icon-file-box {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-box'%3E%3Cpath d='M14.5 22H18a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M3 13.1a2 2 0 0 0-1 1.76v3.24a2 2 0 0 0 .97 1.78L6 21.7a2 2 0 0 0 2.03.01L11 19.9a2 2 0 0 0 1-1.76V14.9a2 2 0 0 0-.97-1.78L8 11.3a2 2 0 0 0-2.03-.01ZM7 17v5'/%3E%3Cpath d='M11.7 14.2 7 17l-4.7-2.8'/%3E%3C/svg%3E");
}

.icon-file-code {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-code'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M10 13l-2 2 2 2M14 17l2-2-2-2'/%3E%3C/svg%3E");
}

.icon-file-image {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-image'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Ccircle cx='10' cy='12' r='2'/%3E%3Cpath d='m20 17-1.296-1.296a2.41 2.41 0 0 0-3.408 0L9 22'/%3E%3C/svg%3E");
}

.icon-file-json {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-json'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M10 12a1 1 0 0 0-1 1v1a1 1 0 0 1-1 1 1 1 0 0 1 1 1v1a1 1 0 0 0 1 1M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1'/%3E%3C/svg%3E");
}

.icon-file-plus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-file-plus'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpath d='M14 2v6h6M12 18v-6M9 15h6'/%3E%3C/svg%3E");
}

.icon-file-spreadsheet {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-spreadsheet'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M8 13h2M14 13h2M8 17h2M14 17h2'/%3E%3C/svg%3E");
}

.icon-file-symlink {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7.5L14.5 2H6a2 2 0 0 0-2 2v7'/%3E%3Cpath d='M14 2v6h6M10 18l3-3-3-3'/%3E%3Cpath d='M4 18v-1a2 2 0 0 1 2-2h6'/%3E%3C/svg%3E");
}

.icon-file-text {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-text'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M10 9H8M16 13H8M16 17H8'/%3E%3C/svg%3E");
}

.icon-file-type {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-type'%3E%3Cpath d='M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4M9 13v-1h6v1M12 12v6M11 18h2'/%3E%3C/svg%3E");
}

.icon-file-video-2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-file-video-2'%3E%3Cpath d='M4 22h14a2 2 0 0 0 2-2V7l-5-5H6a2 2 0 0 0-2 2v4'/%3E%3Cpath d='M14 2v4a2 2 0 0 0 2 2h4'/%3E%3Crect width='8' height='6' x='2' y='12' rx='1'/%3E%3Cpath d='m10 15.5 4 2.5v-6l-4 2.5'/%3E%3C/svg%3E");
}

.icon-file {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M13 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z'/%3E%3Cpath d='M13 2v7h7'/%3E%3C/svg%3E");
}

.icon-files {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-files'%3E%3Cpath d='M15.5 2H8.6c-.4 0-.8.2-1.1.5-.3.3-.5.7-.5 1.1v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8c.4 0 .8-.2 1.1-.5.3-.3.5-.7.5-1.1V6.5L15.5 2z'/%3E%3Cpath d='M3 7.6v12.8c0 .4.2.8.5 1.1.3.3.7.5 1.1.5h9.8M15 2v5h5'/%3E%3C/svg%3E");
}

.icon-film {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-film'%3E%3Crect x='2' y='2' width='20' height='20' rx='2.18' ry='2.18'/%3E%3Cpath d='M7 2v20M17 2v20M2 12h20M2 7h5M2 17h5M17 17h5M17 7h5'/%3E%3C/svg%3E");
}

.icon-fold-horizontal {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-fold-horizontal-icon lucide-fold-horizontal'%3E%3Cpath d='M2 12h6M22 12h-6M12 2v2M12 8v2M12 14v2M12 20v2M19 9l-3 3 3 3M5 15l3-3-3-3'/%3E%3C/svg%3E");
}

.icon-fold-vertical {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-fold-vertical-icon lucide-fold-vertical'%3E%3Cpath d='M12 22v-6M12 8V2M4 12H2M10 12H8M16 12h-2M22 12h-2M15 19l-3-3-3 3M15 5l-3 3-3-3'/%3E%3C/svg%3E");
}

.icon-folder {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-folder'%3E%3Cpath d='M22 19a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h5l2 3h9a2 2 0 0 1 2 2z'/%3E%3C/svg%3E");
}

.icon-git-commit-horizontal {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-git-commit-horizontal'%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M3 12h6M15 12h6'/%3E%3C/svg%3E");
}

.icon-git-commit-vertical {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-git-commit-vertical'%3E%3Cpath d='M12 3v6'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 15v6'/%3E%3C/svg%3E");
}

.icon-github {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-github'%3E%3Cpath d='M15 22v-4a4.8 4.8 0 0 0-1-3.5c3 0 6-2 6-5.5.08-1.25-.27-2.48-1-3.5.28-1.15.28-2.35 0-3.5 0 0-1 0-3 1.5-2.64-.5-5.36-.5-8 0C6 2 5 2 5 2c-.3 1.15-.3 2.35 0 3.5A5.403 5.403 0 0 0 4 9c0 3.5 3 5.5 6 5.5-.39.49-.68 1.05-.85 1.65-.17.6-.22 1.23-.15 1.85v4'/%3E%3Cpath d='M9 18c-4.51 2-5-2-7-2'/%3E%3C/svg%3E");
}

.icon-gizmo {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath class='st0' d='M20.7 19.6 12 14.5l-8.7 5.1M12 4.4v10.1'/%3E%3Ccircle class='st1' cx='12' cy='4.4' r='1.9'/%3E%3Ccircle class='st1' cx='3.3' cy='19.6' r='1.9'/%3E%3Ccircle class='st1' cx='20.7' cy='19.6' r='1.9'/%3E%3C/svg%3E");
}

.icon-globe {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-globe'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20M2 12h20'/%3E%3C/svg%3E");
}

.icon-grid {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-grid'%3E%3Cpath d='M3 3h7v7H3zM14 3h7v7h-7zM14 14h7v7h-7zM3 14h7v7H3z'/%3E%3C/svg%3E");
}

.icon-grip {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-grip'%3E%3Ccircle cx='12' cy='5' r='1'/%3E%3Ccircle cx='19' cy='5' r='1'/%3E%3Ccircle cx='5' cy='5' r='1'/%3E%3Ccircle cx='12' cy='12' r='1'/%3E%3Ccircle cx='19' cy='12' r='1'/%3E%3Ccircle cx='5' cy='12' r='1'/%3E%3Ccircle cx='12' cy='19' r='1'/%3E%3Ccircle cx='19' cy='19' r='1'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E");
}

.icon-hash {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-hash'%3E%3Cpath d='M4 9h16M4 15h16M10 3 8 21M16 3l-2 18'/%3E%3C/svg%3E");
}

.icon-headphones {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-headphones'%3E%3Cpath d='M3 18v-6a9 9 0 0 1 18 0v6'/%3E%3Cpath d='M21 19a2 2 0 0 1-2 2h-1a2 2 0 0 1-2-2v-3a2 2 0 0 1 2-2h3zM3 19a2 2 0 0 0 2 2h1a2 2 0 0 0 2-2v-3a2 2 0 0 0-2-2H3z'/%3E%3C/svg%3E");
}

.icon-heart-fill {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' class='feather feather-heart'%3E%3Cpath fill='currentColor' d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

.icon-heart {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-heart'%3E%3Cpath d='M20.84 4.61a5.5 5.5 0 0 0-7.78 0L12 5.67l-1.06-1.06a5.5 5.5 0 0 0-7.78 7.78l1.06 1.06L12 21.23l7.78-7.78 1.06-1.06a5.5 5.5 0 0 0 0-7.78z'/%3E%3C/svg%3E");
}

.icon-help {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-help-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3M12 17h.01'/%3E%3C/svg%3E");
}

.icon-image {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3Ccircle cx='8.5' cy='8.5' r='1.5'/%3E%3Cpath d='m21 15-5-5L5 21'/%3E%3C/svg%3E");
}

.icon-info {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-info'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 16v-4M12 8h0'/%3E%3C/svg%3E");
}

.icon-instagram {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-instagram'%3E%3Crect x='2' y='2' width='20' height='20' rx='5' ry='5'/%3E%3Cpath d='M16 11.37A4 4 0 1 1 12.63 8 4 4 0 0 1 16 11.37zM17.5 6.5h0'/%3E%3C/svg%3E");
}

.icon-keyframe_next {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M10.7 10.7 7.3 7.2c-.3-.4-.8-.6-1.2-.6-.6 0-1.1.2-1.5.6l-3.4 3.4c-.4.3-.6.7-.6 1.2s.2 1.1.6 1.5l3.4 3.5c.4.4.9.6 1.4.6.5 0 1-.2 1.4-.6l3.4-3.4c.4-.3.6-.7.6-1.2 0-.6-.2-1.1-.7-1.5zM15.6 8.6l3 1.7 3 1.7-3 1.7-3 1.7V8.6m0-2c-1 0-2 .8-2 2v6.8c0 1.2 1 2 2 2 .3 0 .7-.1 1-.3l3-1.7 3-1.7c1.3-.8 1.3-2.7 0-3.5l-3-1.7-3-1.7c-.3-.1-.7-.2-1-.2z'/%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
}

.icon-keyframe_previous {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='m13.3 13.3 3.4 3.4c.3.4.7.6 1.2.6s1.1-.2 1.5-.6l3.4-3.4c.4-.3.6-.7.6-1.2s-.2-1.1-.6-1.5l-3.4-3.5c-.4-.4-.9-.6-1.4-.6-.5 0-1 .2-1.4.6l-3.4 3.4c-.4.3-.6.7-.6 1.2 0 .7.2 1.2.7 1.6zM8.4 15.4l-3-1.7-3-1.7 3-1.7 3-1.7v6.8m0 2c1 0 2-.8 2-2V8.6c0-1.2-1-2-2-2-.3 0-.7.1-1 .3l-3 1.7-3 1.7c-1.3.8-1.3 2.7 0 3.5l3 1.7 3 1.7c.3.1.7.2 1 .2z'/%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3C/svg%3E");
}

.icon-laptop {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='12' rx='2' ry='2'/%3E%3Cpath d='M2 20h20'/%3E%3C/svg%3E");
}

.icon-link {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-external-link'%3E%3Cpath d='M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6M15 3h6v6M10 14 21 3'/%3E%3C/svg%3E");
}

.icon-list-minus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-list-minus-icon lucide-list-minus'%3E%3Cpath d='M11 12H3M16 6H3M16 18H3M21 12h-6'/%3E%3C/svg%3E");
}

.icon-list-plus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-list-plus-icon lucide-list-plus'%3E%3Cpath d='M11 12H3M16 6H3M16 18H3M18 9v6M21 12h-6'/%3E%3C/svg%3E");
}

.icon-list {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-list'%3E%3Cpath d='M8 6h13M8 12h13M8 18h13M3 6h0M3 12h0M3 18h0'/%3E%3C/svg%3E");
}

.icon-loader {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12a9 9 0 1 1-6.219-8.56'/%3E%3C/svg%3E");
}

.icon-lock {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-lock'%3E%3Crect x='3' y='11' width='18' height='11' rx='2' ry='2'/%3E%3Cpath d='M7 11V7a5 5 0 0 1 10 0v4'/%3E%3C/svg%3E");
}

.icon-log-in-rot {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 3H5a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h4M14 17l-5-5 5-5M9 12h12' stroke='%23D2D2D2' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}

.icon-log-in {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-log-in-icon lucide-log-in'%3E%3Cpath d='M15 3h4a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2h-4M10 17l5-5-5-5M15 12H3'/%3E%3C/svg%3E");
}

.icon-logs {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-logs'%3E%3Cpath d='M13 12h8M13 18h8M13 6h8M3 12h1M3 18h1M3 6h1M8 12h1M8 18h1M8 6h1'/%3E%3C/svg%3E");
}

.icon-mail {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-mail-icon lucide-mail'%3E%3Cpath d='m22 7-8.991 5.727a2 2 0 0 1-2.009 0L2 7'/%3E%3Crect x='2' y='4' width='20' height='16' rx='2'/%3E%3C/svg%3E");
}

.icon-mastodon {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' d='M0 0h24v24H0z'/%3E%3Cpath d='M3.018 12.008c-.032-1.26-.012-2.448-.012-3.442 0-4.338 2.843-5.61 2.843-5.61 1.433-.658 3.892-.935 6.45-.956h.062c2.557.02 5.018.298 6.451.956 0 0 2.843 1.272 2.843 5.61 0 0 .036 3.201-.396 5.424-.275 1.41-2.457 2.955-4.963 3.254-1.306.156-2.593.3-3.965.236-2.243-.103-4.014-.535-4.014-.535 0 .218.014.426.04.62.084.633.299 1.095.605 1.435.766.85 2.106.93 3.395.974 1.82.063 3.44-.449 3.44-.449l.076 1.646s-1.274.684-3.542.81c-1.25.068-2.803-.032-4.612-.51-1.532-.406-2.568-1.29-3.27-2.471-1.093-1.843-1.368-4.406-1.431-6.992zm3.3 4.937v-2.548l2.474.605a20.54 20.54 0 0 0 1.303.245c.753.116 1.538.2 2.328.235 1.019.047 1.901-.017 3.636-.224 1.663-.199 3.148-1.196 3.236-1.65.082-.422.151-.922.206-1.482a33.6 33.6 0 0 0 .137-2.245c.015-.51.02-.945.017-1.256v-.059c0-1.43-.369-2.438-.963-3.158a3.008 3.008 0 0 0-.584-.548c-.09-.064-.135-.089-.13-.087-1.013-.465-3.093-.752-5.617-.773h-.046c-2.54.02-4.62.308-5.65.782.023-.01-.021.014-.112.078a3.008 3.008 0 0 0-.584.548c-.594.72-.963 1.729-.963 3.158 0 .232 0 .397-.003.875a77.483 77.483 0 0 0 .014 2.518c.054 2.197.264 3.835.7 5.041.212.587.472 1.07.78 1.45a5.7 5.7 0 0 1-.18-1.505zM8.084 6.37a1.143 1.143 0 1 1 0 2.287 1.143 1.143 0 0 1 0-2.287z'/%3E%3C/svg%3E");
}

.icon-maximize {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3H5a2 2 0 0 0-2 2v3m18 0V5a2 2 0 0 0-2-2h-3m0 18h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3'/%3E%3C/svg%3E");
}

.icon-maximize2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-maximize-2'%3E%3Cpath d='M15 3h6v6M9 21H3v-6M21 3l-7 7M3 21l7-7'/%3E%3C/svg%3E");
}

.icon-menu {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-menu'%3E%3Cpath d='M3 12h18M3 6h18M3 18h18'/%3E%3C/svg%3E");
}

.icon-message-square-text {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-message-square-text'%3E%3Cpath d='M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2zM13 8H7M17 12H7'/%3E%3C/svg%3E");
}

.icon-message {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M20.9 18.4h-8.3l-6.3 4.2v-4.2H3.1c-1.1 0-2-.9-2-2v-13c0-1.1.9-2 2-2h17.8c1.1 0 2 .9 2 2v13c0 1.1-.9 2-2 2z' style='fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round'/%3E%3C/svg%3E");
}

.icon-minimize2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minimize-2'%3E%3Cpath d='M4 14h6v6M20 10h-6V4M14 10l7-7M3 21l7-7'/%3E%3C/svg%3E");
}

.icon-minus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-minus'%3E%3Cpath d='M5 12h14'/%3E%3C/svg%3E");
}

.icon-monitor {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='2' y='3' width='20' height='14' rx='2' ry='2'/%3E%3Cpath d='M8 21h8M12 17v4'/%3E%3C/svg%3E");
}

.icon-moon {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 12.79A9 9 0 1 1 11.21 3 7 7 0 0 0 21 12.79z'/%3E%3C/svg%3E");
}

.icon-more-horizontal {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2'/%3E%3Cg id='Layer_1'%3E%3Ccircle class='st1' cx='12' cy='12' r='1'/%3E%3Ccircle class='st1' cx='19' cy='12' r='1'/%3E%3Ccircle class='st1' cx='5' cy='12' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-more-vertical {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2'/%3E%3Cg id='Layer_1'%3E%3Ccircle class='st1' cx='12' cy='12' r='1'/%3E%3Ccircle class='st1' cx='12' cy='19' r='1'/%3E%3Ccircle class='st1' cx='12' cy='5' r='1'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-mouse_lmb {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M13.3.5h-.1c-.5 0-1 .4-1.1.9 0 .6.4 1 .9 1.1h.1c2.9.3 5 2.6 5 5.5v8c0 3-2.5 5.5-5.5 5.5h-1.2c-3 0-5.5-2.5-5.5-5.5v-4c0-.6-.4-1-1-1s-1 .4-1 1v4c0 4.1 3.4 7.5 7.5 7.5h1.2c4.1 0 7.5-3.4 7.5-7.5V8c0-3.9-2.9-7.1-6.8-7.5z'/%3E%3Cpath d='M4.9 9h4.2c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V1.9c0-.3-.2-.6-.4-.8-.3-.2-.7-.2-1-.1-2.8 1.1-4.8 3.9-4.8 7 0 .6.5 1 1 1z'/%3E%3C/svg%3E");
}

.icon-mouse_lmb_drag {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.9.9c-.3-.5-.9-.6-1.4-.2-.4.3-.5.9-.2 1.4 1.2 1.7 1.8 3.7 1.8 5.8v8c0 .6.4 1 1 1s1-.4 1-1v-8c0-2.5-.7-4.9-2.2-7zM11.3.5h-.1c-.5 0-1 .4-1.1.9 0 .6.4 1 .9 1.1h.1c2.9.3 5 2.6 5 5.5v8c0 3-2.5 5.5-5.5 5.5H9.4c-3 0-5.5-2.5-5.5-5.5v-4c0-.6-.4-1-1-1s-1 .4-1 1v4c0 4.1 3.4 7.5 7.5 7.5h1.2c4.1 0 7.5-3.4 7.5-7.5V8c0-3.9-2.9-7.1-6.8-7.5z'/%3E%3Cpath d='M2.9 9h4.2c.3 0 .5-.1.7-.3.2-.2.3-.4.3-.7V1.9c0-.3-.2-.6-.4-.8-.3-.2-.7-.2-1-.1-2.9 1.1-4.8 3.9-4.8 7 0 .6.5 1 1 1z'/%3E%3C/svg%3E");
}

.icon-mouse_mmb {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.6 23.5h-1.2c-4.1 0-7.5-3.4-7.5-7.5V8c0-1.9.7-3.8 2.1-5.2C7.4 1.3 9.4.5 11.4.5h1.2c2 0 4 .8 5.4 2.3 1.4 1.4 2.1 3.3 2.1 5.2v8c0 4.1-3.4 7.5-7.5 7.5zm-1.2-21c-1.5 0-2.9.6-4 1.7-1 1-1.5 2.4-1.5 3.8v8c0 3 2.5 5.5 5.5 5.5h1.2c3 0 5.5-2.5 5.5-5.5V8c0-1.4-.5-2.8-1.5-3.8-1-1.1-2.4-1.7-3.9-1.7h-1.3z'/%3E%3Cpath d='M12 8.6c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2s2 .9 2 2v4.1c0 1-.9 1.9-2 1.9z'/%3E%3C/svg%3E");
}

.icon-mouse_mmb_drag {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath d='M0 0h24v24H0V0z' style='fill:none'/%3E%3Cpath d='M19.9.9c-.3-.5-.9-.6-1.4-.2-.4.3-.5.9-.2 1.4 1.2 1.7 1.8 3.7 1.8 5.8v8c0 .6.4 1 1 1s1-.4 1-1v-8c0-2.5-.7-4.9-2.2-7zM10.6 23.5H9.4c-4.1 0-7.5-3.4-7.5-7.5V8c0-1.9.7-3.8 2.1-5.2C5.4 1.3 7.4.5 9.4.5h1.2c2 0 4 .8 5.4 2.3 1.4 1.4 2.1 3.3 2.1 5.2v8c0 4.1-3.4 7.5-7.5 7.5zm-1.2-21c-1.5 0-2.9.6-4 1.7-1 1-1.5 2.4-1.5 3.8v8c0 3 2.5 5.5 5.5 5.5h1.2c3 0 5.5-2.5 5.5-5.5V8c0-1.4-.5-2.8-1.5-3.8-1-1.1-2.4-1.7-3.9-1.7H9.4z'/%3E%3Cpath d='M10 8.6c-1.1 0-2-.9-2-2v-4c0-1.1.9-2 2-2s2 .9 2 2v4.1c0 1-.9 1.9-2 1.9z'/%3E%3C/svg%3E");
}

.icon-mouse_rmb {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M10.7.5h.1c.5 0 1 .4 1.1.9 0 .6-.4 1-.9 1.1h-.1c-2.9.3-5 2.6-5 5.5v8c0 3 2.5 5.5 5.5 5.5h1.2c3 0 5.5-2.5 5.5-5.5v-4c0-.6.4-1 1-1s1 .4 1 1v4c0 4.1-3.4 7.5-7.5 7.5h-1.2c-4.1 0-7.5-3.4-7.5-7.5V8C3.9 4.1 6.8.9 10.7.5z'/%3E%3Cpath d='M19.1 9h-4.2c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7V1.9c0-.3.2-.6.4-.8.3-.2.7-.2 1-.1 2.9 1.1 4.8 3.9 4.8 7 0 .6-.5 1-1 1z'/%3E%3C/svg%3E");
}

.icon-mouse_rmb_drag {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M19.9.9c-.3-.5-.9-.6-1.4-.2-.4.3-.5.9-.2 1.4 1.2 1.7 1.8 3.7 1.8 5.8v8c0 .6.4 1 1 1s1-.4 1-1v-8c0-2.5-.7-4.9-2.2-7zM8.7.5h.1c.5 0 1 .4 1.1.9 0 .6-.4 1-.9 1.1h-.1c-2.9.3-5 2.6-5 5.5v8c0 3 2.5 5.5 5.5 5.5h1.2c3 0 5.5-2.5 5.5-5.5v-4c0-.6.4-1 1-1s1 .4 1 1v4c0 4.1-3.4 7.5-7.5 7.5H9.4c-4.1 0-7.5-3.4-7.5-7.5V8C1.9 4.1 4.8.9 8.7.5z'/%3E%3Cpath d='M17.1 9h-4.2c-.3 0-.5-.1-.7-.3-.2-.2-.3-.4-.3-.7V1.9c0-.3.2-.6.4-.8.3-.2.7-.2 1-.1 2.9 1.1 4.8 3.9 4.8 7 0 .6-.5 1-1 1z'/%3E%3C/svg%3E");
}

.icon-mouse_wheel {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath d='M12.6 23.5h-1.2c-4.1 0-7.5-3.4-7.5-7.5V8C3.9 3.9 7.3.5 11.4.5h1.2c4.1 0 7.5 3.4 7.5 7.5v8c0 4.1-3.4 7.5-7.5 7.5zm-1.2-21C8.4 2.5 5.9 5 5.9 8v8c0 3 2.5 5.5 5.5 5.5h1.2c3 0 5.5-2.5 5.5-5.5V8c0-3-2.5-5.5-5.5-5.5h-1.2z'/%3E%3Cpath d='M12 11.6c-1.1 0-2-.9-2-2V6.5c0-1.1.9-2 2-2s2 .9 2 2v3.1c0 1.1-.9 2-2 2z'/%3E%3C/svg%3E");
}

.icon-move-h {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2'/%3E%3Cg id='Layer_1'%3E%3Cpath class='st1' d='m19 9 3 3-3 3M5 15l-3-3 3-3M22 12H2'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-move-v {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' style='enable-background:new 0 0 24 24' xml:space='preserve'%3E%3Cstyle%3E.st1{fill:none;stroke:%23000;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}%3C/style%3E%3Cpath style='fill:none' d='M0 0h24v24H0z' id='Layer_2'/%3E%3Cg id='Layer_1'%3E%3Cpath class='st1' d='m9 5 3-3 3 3M15 19l-3 3-3-3M12 2v20'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-os-apple {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg height='56.693' width='56.693' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M41.777 30.517c-.062-6.232 5.082-9.221 5.312-9.372-2.891-4.227-7.395-4.807-8.998-4.873-3.83-.389-7.477 2.256-9.42 2.256-1.939 0-4.941-2.199-8.117-2.143-4.178.062-8.029 2.43-10.179 6.17-4.339 7.527-1.11 18.682 3.118 24.791 2.067 2.986 4.532 6.346 7.766 6.223 3.117-.123 4.293-2.016 8.061-2.016s4.826 2.016 8.123 1.953c3.352-.061 5.477-3.043 7.527-6.041 2.373-3.469 3.35-6.828 3.408-6.998-.073-.034-6.534-2.509-6.601-9.95zM35.582 12.229c1.715-2.082 2.877-4.975 2.561-7.855-2.475.1-5.471 1.645-7.248 3.725-1.592 1.846-2.984 4.785-2.611 7.613 2.761.214 5.577-1.405 7.298-3.483z'/%3E%3C/svg%3E");
}

.icon-os-linux {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg height='30' width='30' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-rule='evenodd' fill-rule='evenodd'%3E%3Cpath d='M25.019 20.877c.646.277.914.816 1.034 1.438.129.664.327 1.285.829 1.771.067.064.115.15.167.23.618.939.477 1.602-.49 2.162-.433.252-.891.461-1.338.686a5.618 5.618 0 0 0-1.765 1.348c-.636.73-1.413 1.256-2.392 1.439-1.171.219-2.2-.293-2.7-1.387-.107-.234-.228-.305-.48-.318-.621-.037-1.242-.1-1.858-.191-1.085-.16-2.127.107-3.184.262-.418.061-.709.199-.986.555-.546.701-1.372.881-2.204.771-.675-.09-1.368-.26-1.98-.549-.892-.418-1.815-.611-2.775-.715a10.654 10.654 0 0 1-1.084-.164c-.963-.209-1.42-.834-1.164-1.779.211-.779.24-1.521.14-2.316-.143-1.135.201-1.668 1.328-1.988.902-.256 1.245-1.037 1.797-1.627.043-.047.035-.156.028-.234-.157-1.541.303-2.947.949-4.307.708-1.49 1.657-2.825 2.686-4.108 1.119-1.395 1.572-3 1.458-4.777-.085-1.338-.199-2.678.123-4.006.42-1.74 1.616-2.844 3.394-3.012.759-.072 1.556-.104 2.295.045 1.727.346 2.545 1.613 2.931 3.223.303 1.264.342 2.553.286 3.84-.055 1.242.231 2.365.979 3.359.538.715 1.128 1.391 1.632 2.129.632.928 1.274 1.86 1.775 2.86.834 1.663 1.152 3.323.569 5.36zM11.33 24.633c.435.732.932 1.324 1.756 1.607 1.837.633 3.51.25 5.096-.74.177-.109.36-.332.396-.527.168-.943.287-1.896.422-2.848.126-.893.308-1.754 1.223-2.219.079-.041.118-.186.149-.289.168-.549.438-.813.991-.727 1.104.172 2.2.418 2.577 1.764.226-.375.112-.697-.124-.938-.268-.275-.58-.539-.923-.701-.436-.203-.591-.402-.551-.941.137-1.842-.721-3.307-1.951-4.593-.026-.027-.074-.035-.112-.051 1.25 1.479 2.077 3.052 1.493 5.054-.656-.049-.665-.047-.724-.334-.246-1.195-.733-2.295-1.269-3.383a38.216 38.216 0 0 1-1.211-2.788c-.325-.824-.586-1.678-.868-2.496-.308.203-.597.418-.908.596-.394.225-.811.406-1.205.631-.997.566-1.807.49-2.679-.26-.239-.207-.504-.383-.812-.613-.149 1.578-.68 2.939-1.274 4.282a95.439 95.439 0 0 1-.823 1.811c-.532 1.137-.817 2.336-.927 3.672-.479-.693-.612-1.377-.565-2.105.06-.941.401-1.793.836-2.615.165-.313.311-.633.467-.952l-.091-.041c-.689 1.088-1.312 2.211-1.562 3.492-.326 1.668.228 2.766 1.679 3.627.911.539 1.743 1.199 2.233 2.18.395.785.14 1.273-.739 1.445zm-1.918 4.08c.843-.063 1.447-.176 1.793-.793.346-.615.231-1.213-.14-1.773-.234-.355-.507-.686-.743-1.041-.442-.668-.875-1.344-1.302-2.021-.308-.49-.559-1.02-.907-1.477-.517-.68-1.411-.99-2.092.072a2.62 2.62 0 0 1-1.52 1.143c-.686.207-.873.613-.816 1.336.042.547.124 1.129-.008 1.645-.305 1.193-.102 1.574 1.121 1.699 1.11.115 2.193.291 3.212.814.482.246 1.06.304 1.402.396zm11.278-7.754c-.163.207-.37.383-.459.607a3.812 3.812 0 0 0-.286 1.098c-.096 1.156-.208 2.303-.6 3.404-.08.225-.126.461-.169.695-.134.719-.063 1.389.549 1.887.603.494 1.294.51 1.953.191.484-.232.974-.537 1.335-.928.64-.693 1.384-1.195 2.225-1.588.323-.15.642-.32.936-.52.339-.23.405-.502.225-.873a2.958 2.958 0 0 0-.448-.684c-.318-.35-.483-.758-.581-1.207-.062-.279-.127-.563-.244-.82-.278-.621-1.081-.758-1.628-.359a4.333 4.333 0 0 1-1.162.596c-.52.176-.978-.029-1.247-.506-.161-.284-.249-.608-.399-.993zm-6.282-10.48c.155-.041.431-.068.667-.182.612-.287 1.208-.609 1.806-.926.112-.059.214-.141.31-.225.642-.572.539-1.207-.244-1.553a73.85 73.85 0 0 1-1.674-.756c-.73-.338-1.436-.357-2.099.15-.427.326-.844.666-1.26 1.006-.249.201-.308.457-.181.756.201.471 1.813 1.648 2.334 1.701.075.01.151.014.341.029zm2.157-3.369c.148.064.264.104.366.164.337.201.564.066.626-.268.091-.498.213-1.018.148-1.508-.107-.818-.719-1.375-1.358-1.408-.768-.037-1.407.598-1.546 1.531-.107.717-.088.744.611.908.075-.299.104-.621.243-.885.09-.172.343-.363.517-.357.174.004.409.211.498.389.234.466.155.946-.105 1.434zm4.688 13.349c.024.4.109.84.544 1.045.413.197.784-.023 1.12-.268.083-.061.16-.135.227-.213.239-.275.236-.604-.064-.811a3.717 3.717 0 0 0-.917-.465c-.609-.202-.914.04-.91.712zM13.159 6.647c.2-.158.511-.283.529-.443.068-.594-.086-1.16-.547-1.588-.403-.373-.884-.316-1.233.121-.561.699-.47 2.047.196 2.703l.354-.264c-.33-.363-.396-.779-.298-1.199.042-.178.242-.316.37-.473.145.123.339.221.421.377.109.208.131.46.208.766z'/%3E%3Cpath d='M12.789 10.696c.083.07.167.137.247.211.788.73 1.405.816 2.355.314.274-.145.537-.313.811-.461a.644.644 0 0 1 .343-.07c-.781.41-1.452 1.1-2.443.963-.592-.082-.998-.461-1.385-.861a4 4 0 0 0 .072-.096z'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-os-win {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg height='56.693' width='56.693' xml:space='preserve' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='m3.765 46.362 19.836 2.873V30.257H3.765v16.105zm0-18.816h19.836V8.566L3.765 11.439v16.107zm22.547 22.082 26.616 3.855V30.257H26.312v19.371zm0-41.456v19.374h26.616V4.319L26.312 8.172z'/%3E%3C/svg%3E");
}

.icon-patch_center {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h24v24H0z'/%3E%3Cpath class='cls-2' d='M8 3H5a2 2 0 0 0-2 2v3m13 13h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3M21 8V5a2 2 0 0 0-2-2h-3M3.05 11.99h6.43M6.7 9.15l2.78 2.78M6.69 14.85l2.78-2.78M20.95 12.01h-6.43M17.3 14.85l-2.78-2.78M17.31 9.15l-2.78 2.78'/%3E%3C/svg%3E");
}

.icon-pause {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-pause'%3E%3Cpath d='M6 4h4v16H6zM14 4h4v16h-4z'/%3E%3C/svg%3E");
}

.icon-pen-tool {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-pen-tool'%3E%3Cpath d='m12 19 7-7 3 3-7 7-3-3z'/%3E%3Cpath d='m18 13-1.5-7.5L2 2l3.5 14.5L13 18l5-5zM2 2l7.586 7.586'/%3E%3Ccircle cx='11' cy='11' r='2'/%3E%3C/svg%3E");
}

.icon-pencil-off {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pencil-off-icon lucide-pencil-off'%3E%3Cpath d='m10 10-6.157 6.162a2 2 0 0 0-.5.833l-1.322 4.36a.5.5 0 0 0 .622.624l4.358-1.323a2 2 0 0 0 .83-.5L14 13.982M12.829 7.172l4.359-4.346a1 1 0 1 1 3.986 3.986l-4.353 4.353M15 5l4 4M2 2l20 20'/%3E%3C/svg%3E");
}

.icon-pencil {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pencil-icon lucide-pencil'%3E%3Cpath d='M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497zM15 5l4 4'/%3E%3C/svg%3E");
}

.icon-picker {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cdefs%3E%3Cstyle%3E.cls-1{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath class='cls-1' d='m9.22 13.59 5.32-5.31-2.95-2.95-7.3 7.3a.71.71 0 0 0 0 1l1.94 1.94a.73.73 0 0 0 1 0ZM12.42 4.5l2.85-2.85a2.09 2.09 0 0 1 2.95 0h0a2.09 2.09 0 0 1 0 2.95l-2.85 2.84M10.38 4.12l5.36 5.36M5.01 14.86l-2.1 2.09M12.04 10.8H6.15M1.92 18.97h0'/%3E%3Cpath style='fill:none' d='M0 0h20v20H0z'/%3E%3C/svg%3E");
}

.icon-pie-chart {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-pie-chart'%3E%3Cpath d='M21.21 15.89A10 10 0 1 1 8 2.83'/%3E%3Cpath d='M22 12A10 10 0 0 0 12 2v10z'/%3E%3C/svg%3E");
}

.icon-pin-filled {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M511.5 205.7c-.7-3.2-2.9-5.8-5.9-7-26.6-10.6-54.8-16-83.8-16-45.2 0-80.1 12.9-93.6 18.8L184.6 79.2c5-44.1-18.8-74.3-19.8-75.6-1.7-2.1-4.3-3.4-7-3.6-2.7-.1-5.4.9-7.4 2.8L3.1 150.1c-2 1.9-3 4.6-2.8 7.4.2 2.7 1.5 5.3 3.6 7 21.1 16.7 46.8 20.2 64.6 20.2 4 0 7.4-.2 10-.4l122.9 144.4c-8.4 21.5-34 99.2-3 177.1 1.2 3 3.8 5.2 7 5.9.6.1 1.3.2 2 .2 2.5 0 5-1 6.8-2.8l140.7-140.7L486 499.5c1.9 1.9 4.4 2.8 6.8 2.8 2.5 0 4.9-.9 6.8-2.8 3.8-3.8 3.8-9.9 0-13.7l-131-131 140.3-140.3c2.3-2.3 3.3-5.6 2.6-8.8z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.icon-pin-off {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pin-off'%3E%3Cpath d='m2 2 20 20M12 17v5M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V17h12M15 9.34V6h1a2 2 0 0 0 0-4H7.89'/%3E%3C/svg%3E");
}

.icon-pin-outline {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512' style='enable-background:new 0 0 512 512' xml:space='preserve'%3E%3Cpath d='M511.5 205.7c-.7-3.2-2.9-5.8-5.9-7-82.8-33-156.2-6.4-177.3 2.8L184.6 79.2c5-44.1-18.8-74.3-19.8-75.6-1.7-2.1-4.3-3.4-7-3.6-2.7-.1-5.4.9-7.4 2.8L3.1 150.1c-2 1.9-3 4.6-2.8 7.4.2 2.7 1.5 5.3 3.6 7 26.8 21.3 61.3 20.9 74.6 19.8l122.9 144.4c-8.4 21.5-34 99.2-3 177.1 1.2 3 3.8 5.2 7 5.9.6.1 1.3.2 2 .2 2.5 0 5-1 6.8-2.8L355 368.5l131 131c1.9 1.9 4.4 2.8 6.8 2.8 2.5 0 4.9-.9 6.8-2.8 3.8-3.8 3.8-9.9 0-13.7l-131-131 140.3-140.3c2.3-2.3 3.3-5.6 2.6-8.8zM341.1 355 211.4 484.7c-23.5-77.3 9.6-152.9 9.9-153.7 1.5-3.4 1-7.4-1.4-10.2L89.9 168c-1.8-2.2-4.6-3.4-7.4-3.4-.5 0-1 0-1.5.1-.3.1-30.6 4.6-56-9.2L155.5 25.1c5.8 11.2 13.4 31.5 9.3 56.5-.6 3.3.7 6.7 3.3 8.9l152.5 129.7c3 2.5 7.2 3 10.7 1.2.7-.4 71.3-35.7 153.3-9.8L341.1 355z' style='fill:%23fff'/%3E%3C/svg%3E");
}

.icon-pin {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-pin'%3E%3Cpath d='M12 17v5M5 17h14v-1.76a2 2 0 0 0-1.11-1.79l-1.78-.9A2 2 0 0 1 15 10.76V6h1a2 2 0 0 0 0-4H8a2 2 0 0 0 0 4h1v4.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24Z'/%3E%3C/svg%3E");
}

.icon-play-circle {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='m10 8 6 4-6 4V8z'/%3E%3C/svg%3E");
}

.icon-play {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-play'%3E%3Cpath d='m5 3 14 9-14 9V3z'/%3E%3C/svg%3E");
}

.icon-plus-circle {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-plus-circle'%3E%3Ccircle cx='12' cy='12' r='10'/%3E%3Cpath d='M12 8v8M8 12h8'/%3E%3C/svg%3E");
}

.icon-plus {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 5v14M5 12h14'/%3E%3C/svg%3E");
}

.icon-pointer {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M22 14a8 8 0 0 1-8 8M18 11v-1a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v0M14 10V9a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v1M10 9.5V4a2 2 0 0 0-2-2v0a2 2 0 0 0-2 2v10'/%3E%3Cpath d='M18 11a2 2 0 1 1 4 0v3a8 8 0 0 1-8 8h-2c-2.8 0-4.5-.86-5.99-2.34l-3.6-3.6a2 2 0 0 1 2.83-2.82L7 15'/%3E%3C/svg%3E");
}

.icon-reddit {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28.901 28.901' style='enable-background:new 0 0 28.901 28.901' xml:space='preserve'%3E%3Cpath style='fill:%23030104' d='M28.901 13.375v.183c0 .66-.2 1.261-.598 1.803a3.734 3.734 0 0 1-1.405 1.191 4.4 4.4 0 0 1 .051.387c.013.14.021.278.021.425 0 1.431-.481 2.723-1.443 3.879a9.791 9.791 0 0 1-3.068 2.498 16.093 16.093 0 0 1-3.77 1.415c-.71.146-1.416.262-2.123.353-.702.091-1.408.137-2.117.137-1.082 0-2.147-.095-3.194-.282a17.132 17.132 0 0 1-3.047-.838 14.608 14.608 0 0 1-2.94-1.533 8.185 8.185 0 0 1-2.31-2.347 5.946 5.946 0 0 1-.74-1.586 5.894 5.894 0 0 1-.254-1.695c0-.121.008-.249.019-.389.014-.138.028-.267.055-.387-.59-.325-1.048-.725-1.371-1.191C.245 14.831.021 14.24 0 13.629c0-.445.097-.868.297-1.273.199-.403.458-.767.783-1.091.348-.324.73-.577 1.147-.757a3.342 3.342 0 0 1 1.359-.271H3.912c.494 0 .962.073 1.405.217.423.144.807.343 1.157.596a4.053 4.053 0 0 1 .359-.146 12.545 12.545 0 0 1 3.328-1.235 24.885 24.885 0 0 1 3.545-.512c0-.544.049-1.089.146-1.642a4.414 4.414 0 0 1 .595-1.569c.24-.423.553-.78.939-1.076a3.503 3.503 0 0 1 1.315-.621h.036a5.79 5.79 0 0 1 1.101-.107c.964 0 1.938.196 2.923.595.397-.587.947-1.024 1.662-1.299h.033a4.759 4.759 0 0 1 1.265-.184c.494 0 .927.085 1.298.254h.038a3.262 3.262 0 0 1 1.479 1.1c.396.542.591 1.126.579 1.749 0 .146-.014.254-.036.327-.049.42-.169.795-.362 1.127a3.457 3.457 0 0 1-2.995 1.685h-.413a3.273 3.273 0 0 1-2.131-.989 3.469 3.469 0 0 1-.665-.93 2.564 2.564 0 0 1-.254-1.146v-.11a18.21 18.21 0 0 0-1.193-.388 4.486 4.486 0 0 0-1.225-.172h-.325c-.686.071-1.167.381-1.443.922a3.374 3.374 0 0 0-.423 1.208 8.625 8.625 0 0 0-.103 1.299c1.184.072 2.339.246 3.476.523 1.137.274 2.225.685 3.255 1.227l.037.036c.047 0 .098.023.145.072.194-.146.355-.247.486-.306.611-.398 1.316-.59 2.112-.579.301 0 .62.036.956.109h.036c.731.193 1.377.57 1.93 1.135.54.554.849 1.212.921 1.968zM4.885 12.076a10.692 10.692 0 0 1-.476-.144 1.599 1.599 0 0 0-.496-.071h-.18c-.445.048-.866.22-1.262.523-.352.322-.54.703-.579 1.137v.108c0 .3.085.546.254.74.118.216.259.376.415.486a7.654 7.654 0 0 1 .998-1.499c.392-.456.836-.882 1.326-1.28zM25.129 17.4c0-.494-.087-.968-.262-1.427a6.078 6.078 0 0 0-.693-1.298 7.765 7.765 0 0 0-2.257-1.969 12.233 12.233 0 0 0-2.814-1.189l-.578-.145-.559-.143a15.61 15.61 0 0 0-1.741-.272 17.326 17.326 0 0 0-1.738-.091 16.55 16.55 0 0 0-4.656.65c-.988.278-1.92.68-2.807 1.209a8.211 8.211 0 0 0-2.263 1.983 4.23 4.23 0 0 0-.956 2.726c0 .397.047.739.144 1.029.219.758.615 1.459 1.193 2.11a11.497 11.497 0 0 0 1.945 1.55l.272.127.254.146c1.034.541 2.136.936 3.309 1.181 1.172.247 2.36.37 3.564.37h.612c.201 0 .409-.01.612-.037a16.785 16.785 0 0 0 3.536-.667 11.91 11.91 0 0 0 3.211-1.515 7.097 7.097 0 0 0 1.623-1.552c.495-.613.819-1.269.976-1.967.047-.12.072-.247.072-.378l.001-.431zm-15.714.179c.169.071.354.107.56.107.468 0 .891-.156 1.263-.47.398-.323.596-.721.596-1.188V15.918c0-.443-.187-.822-.559-1.135-.396-.325-.832-.488-1.3-.488-.145 0-.267.011-.359.037a1.652 1.652 0 0 0-.857.388c-.249.21-.418.466-.516.768a.4.4 0 0 0-.073.233v.236c0 .396.109.744.327 1.046.239.289.544.48.918.576zm10.103 2.185c-.189-.098-.353-.146-.486-.146-.143 0-.297.036-.451.11a8.76 8.76 0 0 1-4.276 1.117c-1.154 0-2.225-.222-3.211-.667-.143-.049-.319-.162-.522-.343-.049-.024-.102-.046-.161-.071-.061-.024-.123-.049-.183-.071a1.128 1.128 0 0 0-.325-.075c-.071 0-.181.026-.324.075h-.04c-.144.047-.28.153-.413.323a.875.875 0 0 0-.107.451c0 .144.036.294.107.449a.752.752 0 0 0 .326.289 8.386 8.386 0 0 0 4.545 1.301h.269c.794 0 1.565-.076 2.31-.226a9.687 9.687 0 0 0 2.167-.712 4.99 4.99 0 0 1 .308-.146c.107-.047.222-.107.34-.179a.817.817 0 0 0 .311-.217.743.743 0 0 0 .215-.381.377.377 0 0 0 .038-.179c0-.071-.025-.181-.076-.325a.658.658 0 0 0-.361-.377zm1.134-4.315c.075.193.11.374.11.541 0 .373-.11.711-.326 1.013-.299.323-.606.516-.919.576h-.053a1.502 1.502 0 0 1-.505.107c-.449 0-.843-.131-1.191-.395a1.349 1.349 0 0 1-.635-.958v-.036a1.15 1.15 0 0 1-.033-.308c0-.372.115-.691.343-.955.216-.301.5-.51.848-.633.216-.07.428-.107.631-.107.374 0 .728.098 1.065.29.35.23.572.517.665.865zm1.41-9.128v.071c0 .398.156.729.468.994.329.275.687.414 1.083.414h.108a1.57 1.57 0 0 0 1.065-.414 1.59 1.59 0 0 0 .522-.994v-.071c0-.421-.173-.769-.522-1.046a1.429 1.429 0 0 0-1.102-.432c-.167 0-.306.01-.415.035-.349.071-.63.241-.845.504a1.296 1.296 0 0 0-.362.939zm4.979 7.237c0-.218-.063-.453-.181-.705-.169-.301-.428-.547-.776-.741a2.444 2.444 0 0 0-1.065-.251c-.349 0-.671.071-.971.216.492.397.938.823 1.332 1.28.398.458.729.968.994 1.535.169-.146.317-.32.452-.522.144-.244.215-.513.215-.812z'/%3E%3C/svg%3E");
}

.icon-redo-2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-redo2-icon lucide-redo-2'%3E%3Cpath d='m15 14 5-5-5-5'/%3E%3Cpath d='M20 9H9.5A5.5 5.5 0 0 0 4 14.5 5.5 5.5 0 0 0 9.5 20H13'/%3E%3C/svg%3E");
}

.icon-redo {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 7v6h-6'/%3E%3Cpath d='M3 17a9 9 0 0 1 9-9 9 9 0 0 1 6 2.3l3 2.7'/%3E%3C/svg%3E");
}

.icon-refresh {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-refresh-cw'%3E%3Cpath d='M23 4v6h-6M1 20v-6h6'/%3E%3Cpath d='M3.51 9a9 9 0 0 1 14.85-3.36L23 10M1 14l4.64 4.36A9 9 0 0 0 20.49 15'/%3E%3C/svg%3E");
}

.icon-repeat {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-repeat'%3E%3Cpath d='m17 1 4 4-4 4'/%3E%3Cpath d='M3 11V9a4 4 0 0 1 4-4h14M7 23l-4-4 4-4'/%3E%3Cpath d='M21 13v2a4 4 0 0 1-4 4H3'/%3E%3C/svg%3E");
}

.icon-reset_render_size {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round'%3E%3Cpath d='M3 7V5c0-1.097.903-2 2-2h2M17 3h2c1.097 0 2 .903 2 2v2M21 17v2c0 1.097-.903 2-2 2h-2M7 21H5c-1.097 0-2-.903-2-2v-2' style='fill:none;fill-rule:nonzero;stroke:%23000;stroke-width:2px'/%3E%3Cpath d='M13 5h6v6' style='fill:none;fill-rule:nonzero;stroke:%23000;stroke-width:1.85px' transform='matrix(0 -1.07143 1.07143 0 1.429 29.143)'/%3E%3Cpath d='M13 5h6v6' style='fill:none;fill-rule:nonzero;stroke:%23000;stroke-width:1.85px' transform='matrix(0 1.07143 -1.07143 0 22.571 -5.143)'/%3E%3C/svg%3E");
}

.icon-resize-window {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg width='15' height='15' xmlns='http://www.w3.org/2000/svg'%3E%3Cg stroke='%23000' stroke-width='2' fill='none' fill-rule='evenodd' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m2 1 12 12M2 7l6 6M2 13h0'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-resize_canvas {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Cpath class='cls-2' d='M8 3H5a2 2 0 0 0-2 2v3m13 13h3a2 2 0 0 0 2-2v-3M3 16v3a2 2 0 0 0 2 2h3' transform='translate(-.02 -.02)'/%3E%3Cpath class='cls-2' d='M11.21 16.79H7.27M7.18 12.75v3.94M16.96 13.07h-5.92M10.9 7v5.92M14.91 2.98h5.93M20.98 9.05V3.13M11.04 13.07l8.48-8.48'/%3E%3C/svg%3E");
}

.icon-rewind {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-rewind'%3E%3Cpath d='m11 19-9-7 9-7v14zM22 19l-9-7 9-7v14z'/%3E%3C/svg%3E");
}

.icon-rss {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-rss'%3E%3Cpath d='M4 11a9 9 0 0 1 9 9M4 4a16 16 0 0 1 16 16'/%3E%3Ccircle cx='5' cy='19' r='1'/%3E%3C/svg%3E");
}

.icon-save {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Cpath d='M19 21H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2z' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M17 21v-8H7v8M7 3v5h8'/%3E%3C/svg%3E");
}

.icon-scale_canvas {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg' xml:space='preserve' style='fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round'%3E%3Cpath d='M8 3H5c-1.097 0-2 .903-2 2v3m18 0V5c0-1.097-.903-2-2-2h-3m0 18h3c1.097 0 2-.903 2-2v-3M3 16v3c0 1.097.903 2 2 2h3' style='fill:none;fill-rule:nonzero;stroke:%23000;stroke-width:2px'/%3E%3Cpath d='M19 5 5 19' style='fill:none;fill-rule:nonzero;stroke:%23000;stroke-width:3.2px' transform='matrix(.625 0 0 .625 4.5 4.5)'/%3E%3Ccircle cx='6.5' cy='6.5' r='2.5' style='fill:none;stroke:%23000;stroke-width:2.4px' transform='matrix(.625 0 0 .625 4.5 4.5)'/%3E%3Ccircle cx='17.5' cy='17.5' r='2.5' style='fill:none;stroke:%23000;stroke-width:2.4px' transform='matrix(.625 0 0 .625 4.5 4.5)'/%3E%3C/svg%3E");
}

.icon-scaling {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-scaling'%3E%3Cpath d='M21 3 9 15M12 3H3v18h18v-9M16 3h5v5'/%3E%3Cpath d='M14 15H9v-5'/%3E%3C/svg%3E");
}

.icon-search {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-search'%3E%3Ccircle cx='10.5' cy='10.5' r='7.5'/%3E%3Cpath d='m21 21-5.2-5.2'/%3E%3C/svg%3E");
}

.icon-settings {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24'%3E%3Ccircle cx='12' cy='12' r='3' fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2'/%3E%3Cpath d='M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z' fill='none' stroke='%23fff' stroke-miterlimit='10' stroke-width='2'/%3E%3C/svg%3E");
}

.icon-skip-back {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-skip-back'%3E%3Cpath d='M19 20 9 12l10-8v16zM5 19V5'/%3E%3C/svg%3E");
}

.icon-slack {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-slack'%3E%3Cpath d='M22.08 9C19.81 1.41 16.54-.35 9 1.92S-.35 7.46 1.92 15 7.46 24.35 15 22.08 24.35 16.54 22.08 9zM12.57 5.99l3.58 10.4M7.85 7.61l3.58 10.4M16.39 7.85l-10.4 3.58M18.01 12.57l-10.4 3.58'/%3E%3C/svg%3E");
}

.icon-smartphone {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2' ry='2'/%3E%3Cpath d='M12 18h.01'/%3E%3C/svg%3E");
}

.icon-spreadsheet {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg id='Layer_1' data-name='Layer 1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 23.95 23.95'%3E%3Cdefs%3E%3Cstyle%3E.cls-2{fill:none;stroke:%23000;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px}%3C/style%3E%3C/defs%3E%3Cpath style='fill:none' d='M0 0h23.95v23.95H0z'/%3E%3Crect class='cls-2' x='1.98' y='2.89' width='20' height='18.17' rx='2'/%3E%3Cpath class='cls-2' d='M1.99 8.84h19.98M1.99 15.11h19.98M6.95 3.56V20.4M11.98 3.56V20.4M17 3.56V20.4'/%3E%3C/svg%3E");
}

.icon-square {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='3' width='18' height='18' rx='2' ry='2'/%3E%3C/svg%3E");
}

.icon-star {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m12 2 3.09 6.26L22 9.27l-5 4.87 1.18 6.88L12 17.77l-6.18 3.25L7 14.14 2 9.27l6.91-1.01L12 2z'/%3E%3C/svg%3E");
}

.icon-step-back {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-step-back-icon lucide-step-back'%3E%3Cpath d='M18 20V4M14 20 4 12l10-8z'/%3E%3C/svg%3E");
}

.icon-step-forward {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-step-forward-icon lucide-step-forward'%3E%3Cpath d='M6 4v16M10 4l10 8-10 8z'/%3E%3C/svg%3E");
}

.icon-sun {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-sun'%3E%3Ccircle cx='12' cy='12' r='5'/%3E%3Cpath d='M12 1v2M12 21v2M4.22 4.22l1.42 1.42M18.36 18.36l1.42 1.42M1 12h2M21 12h2M4.22 19.78l1.42-1.42M18.36 5.64l1.42-1.42'/%3E%3C/svg%3E");
}

.icon-tangent {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-tangent-icon lucide-tangent'%3E%3Ccircle cx='17' cy='4' r='2'/%3E%3Cpath d='M15.59 5.41 5.41 15.59'/%3E%3Ccircle cx='4' cy='17' r='2'/%3E%3Cpath d='M12 22s-4-9-1.5-11.5S22 12 22 12'/%3E%3C/svg%3E");
}

.icon-terminal {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-terminal'%3E%3Cpath d='m4 17 6-6-6-6M12 19h8'/%3E%3C/svg%3E");
}

.icon-text-cursor-input {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-text-cursor-input'%3E%3Cpath d='M5 4h1a3 3 0 0 1 3 3 3 3 0 0 1 3-3h1M13 20h-1a3 3 0 0 1-3-3 3 3 0 0 1-3 3H5M5 16H4a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h1M13 8h7a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-7M9 7v10'/%3E%3C/svg%3E");
}

.icon-three-dots {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' style='enable-background:new 0 0 512 512' xml:space='preserve' width='512' height='512'%3E%3Cg fill='%23FFF'%3E%3Ccircle cx='256' cy='256' r='64'/%3E%3Ccircle cx='256' cy='448' r='64'/%3E%3Ccircle cx='256' cy='64' r='64'/%3E%3C/g%3E%3C/svg%3E");
}

.icon-tool {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-tool'%3E%3Cpath d='M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z'/%3E%3C/svg%3E");
}

.icon-trash {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 6h18M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6m3 0V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2M10 11v6M14 11v6'/%3E%3C/svg%3E");
}

.icon-twitter {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-twitter'%3E%3Cpath d='M23 3a10.9 10.9 0 0 1-3.14 1.53 4.48 4.48 0 0 0-7.86 3v1A10.66 10.66 0 0 1 3 4s-4 9 5 13a11.64 11.64 0 0 1-7 2c9 5 20 0 20-11.5a4.5 4.5 0 0 0-.08-.83A7.72 7.72 0 0 0 23 3z'/%3E%3C/svg%3E");
}

.icon-type {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-type'%3E%3Cpath d='M4 7V4h16v3M9 20h6M12 4v16'/%3E%3C/svg%3E");
}

.icon-undo-2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-undo2-icon lucide-undo-2'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5 5.5 5.5 0 0 1-5.5 5.5H11'/%3E%3C/svg%3E");
}

.icon-undo {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-undo-2'%3E%3Cpath d='M9 14 4 9l5-5'/%3E%3Cpath d='M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5v0a5.5 5.5 0 0 1-5.5 5.5H11'/%3E%3C/svg%3E");
}

.icon-unfold-horizontal {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-unfold-horizontal-icon lucide-unfold-horizontal'%3E%3Cpath d='M16 12h6M8 12H2M12 2v2M12 8v2M12 14v2M12 20v2M19 15l3-3-3-3M5 9l-3 3 3 3'/%3E%3C/svg%3E");
}

.icon-unfold-vertical {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-unfold-vertical-icon lucide-unfold-vertical'%3E%3Cpath d='M12 22v-6M12 8V2M4 12H2M10 12H8M16 12h-2M22 12h-2M15 19l-3 3-3-3M15 5l-3-3-3 3'/%3E%3C/svg%3E");
}

.icon-unplug {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='lucide lucide-unplug'%3E%3Cpath d='m19 5 3-3M2 22l3-3M6.3 20.3a2.4 2.4 0 0 0 3.4 0L12 18l-6-6-2.3 2.3a2.4 2.4 0 0 0 0 3.4ZM7.5 13.5 10 11M10.5 16.5 13 14M12 6l6 6 2.3-2.3a2.4 2.4 0 0 0 0-3.4l-2.6-2.6a2.4 2.4 0 0 0-3.4 0Z'/%3E%3C/svg%3E");
}

.icon-upload {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-upload'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4M17 8l-5-5-5 5M12 3v12'/%3E%3C/svg%3E");
}

.icon-user {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-user'%3E%3Cpath d='M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='12' cy='7' r='4'/%3E%3C/svg%3E");
}

.icon-users {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-users'%3E%3Cpath d='M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2'/%3E%3Ccircle cx='9' cy='7' r='4'/%3E%3Cpath d='M23 21v-2a4 4 0 0 0-3-3.87M16 3.13a4 4 0 0 1 0 7.75'/%3E%3C/svg%3E");
}

.icon-volume-2 {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-2'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5zM19.07 4.93a10 10 0 0 1 0 14.14M15.54 8.46a5 5 0 0 1 0 7.07'/%3E%3C/svg%3E");
}

.icon-volume-x {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-volume-x'%3E%3Cpath d='M11 5 6 9H2v6h4l5 4V5zM23 9l-6 6M17 9l6 6'/%3E%3C/svg%3E");
}

.icon-x {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M18 6 6 18M6 6l12 12'/%3E%3C/svg%3E");
}

.icon-youtube {
  mask: url("data:image/svg+xml;charset=utf8, %3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-youtube'%3E%3Cpath d='M22.54 6.42a2.78 2.78 0 0 0-1.94-2C18.88 4 12 4 12 4s-6.88 0-8.6.46a2.78 2.78 0 0 0-1.94 2A29 29 0 0 0 1 11.75a29 29 0 0 0 .46 5.33A2.78 2.78 0 0 0 3.4 19c1.72.46 8.6.46 8.6.46s6.88 0 8.6-.46a2.78 2.78 0 0 0 1.94-2 29 29 0 0 0 .46-5.25 29 29 0 0 0-.46-5.33z'/%3E%3Cpath d='m9.75 15.02 5.75-3.27-5.75-3.27v6.54z'/%3E%3C/svg%3E");
}

/* general styles */
/*
 * Vendor prefixing for shorthand properties
 *
 * Usage: @include vendor-prefixes(property, value);
 * e.g. @include vendor-prefixes(border-radius, 5px);
*/
/* lighten / darken amounts for hover
 *
 * usage:
 *   background-color: lighten(var(--highlight-color-fill), $hover-amount)
 *   background-color: darken(var(--highlight-color-fill), $hover-amount)
 */
/* base colors*/
:root {
  --color_0: #111111;
  --color_1: #1A1A1A;
  --color_2: #2A2A2A;
  --color_3: #444444;
  --color_4: #8C8C8C;
  --color_5: #dbdbdb;
  --color_6: #eaeaea;
  --color_7: #FFFFFF;
  --color-c:var(--color_5);
  --white: var(--color_7);
  --super-white: var(--color_7);
  --very-light-grey: var(--color_6);
  --lighter-tinted-grey: var(--color_6);
  --light-grey: var(--color_6);
  --light-tinted-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-light-grey: var(--color_4);
  --middle-grey-darker: var(--color_3);
  --middle-grey-darkest: var(--color_3);
  --dark-grey: var(--color_2);
  --very-dark-grey: var(--color_2);
  --black: var(--color_0);
  --red: #E14400;
  --green: green;
  --yellow: yellow;
  --warning: var(--middle-grey-darker);
  --info: #EBA605;
  --warn-hint: #aa0000;
  --box-shadow-1: 0 0 5px rgba(0, 0, 0, 0.15);
  --highlight-color-bright:#00FF85;
  --highlight-color-fill: #29bca8;
  --highlight-color-featured: #FFC700;
  --highlight-color: #24baa7;
  --color-divider:#aaa;
  --color-tag: var(--color_5);
  --color_inputfield_bg:var(--color_5);
  --color_port_value: #5CB59E;
  --highlight-block-color:#c8c8c8;
  /* general ------------------------------------------- */
  --bg-color: var(--very-light-grey);
  --menu-bg-color: var(--white);
  --link-color: var(--highlight-color);
  /* button */
  --button-outline-color: var(--highlight-color);
  --button-text-color: var(--dark-grey);
  --button-bg-color-hover: var(--highlight-color);
  --button-text-color-hover: var(--white);
  /* forms */
  --input-placeholder-text-color: var(--light-tinted-grey);
  /* menu ----------------------------------------------- */
  --menu-text-color: var(--dark-grey);
  --search-bar-bg-color: var(--middle-light-grey);
  --search-bar-icon-color: var(--middle-grey);
  --notification-icon-color: var(--dark-grey);
  /* settings ------------------------------------------- */
  --section-introduction-color: var(--middle-light-grey);
  --avatar-dropzone-color: var(--light-grey);
  --avatar-dropzone-text-color: var(--middle-light-grey);
  /* patch-infos -----------------------------------------*/
  --stat-icon-color: var(--middle-grey);
  --stat-icon-text-color: var(--middle-grey-darker);
  --author-date-text-color: var(--middle-grey-darker);
  --description-text-color: var(--dark-grey);
  /* comments ------------------------------------------- */
  --comment-date-color: var(--middle-grey-darker);
  --comment-text-color: var(--dark-grey);
  /* footer --------------------------------------------- */
  --footer-bg-color: var(--very-dark-grey);
  --footer-link-color: var(--highlight-color);
  --color-text:var(--dark-grey);
}

body.dark {
  --highlight-color-fill: #00FF85;
  --highlight-color: #00FF85;
  --highlight-block-color:#303030;
  --color-c:var(--color_2);
  --white: var(--color_0);
  --super-white: var(--color_1);
  --very-light-grey: var(--color_1);
  --light-tinted-grey: var(--color_3);
  --lighter-tinted-grey: var(--color_3);
  --light-grey: var(--color_3);
  --middle-light-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-grey-darker: var(--color_4);
  --dark-grey: var(--color_7);
  --black: var(--color_7);
  --color-divider:var(--color_3);
  --color-text:var(--color_7);
  --color-tag: var(--lighter-tinted-grey);
  --color_inputfield_bg: var(--color_3);
}
body.dark .megamenu {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark .nav-bar-dropdown-list {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark #template-list-dropdown {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}

cap-widget {
  --cap-background: var(--very-light-grey);
  --cap-border-color: var(--color_3);
  --cap-border-radius: 14px;
  --cap-widget-height: inherit;
  --cap-widget-width: 230px;
  --cap-widget-padding: 14px;
  --cap-gap: 15px;
  --cap-color: var(--dark-grey);
  --cap-checkbox-size: 25px;
  --cap-checkbox-border: 1px solid var(--color_3);
  --cap-checkbox-border-radius: inherit;
  --cap-checkbox-background: var(--white);
  --cap-checkbox-margin: inherit;
  --cap-font: Roboto, sans-serif;
  --cap-spinner-color: var(--highlight-color);
  --cap-spinner-background-color: var(--white);
  --cap-spinner-thickness: 5inherit;
  --cap-checkmark: inherit;
  --cap-error-cross: inherit;
}

*:focus-visible {
  outline: 2px solid var(--highlight-color) !important;
}

html {
  position: relative;
  min-height: 100%;
}

body {
  background-color: var(--very-light-grey);
  min-height: calc(100vh - 250px - 42px);
  font-weight: 400;
}

@media (max-width: 479px) {
  body, html {
    overflow-x: hidden;
  }
}
iframe {
  border: none;
}

pre, code {
  font-family: "Source Code Pro", monospace;
  font-weight: 400;
  background-color: var(--white);
  padding: 10px;
  display: inline-block;
}

.highlightBlock code {
  padding-top: 1px;
  padding-bottom: 1px;
  padding-left: 3px;
  padding-right: 3px;
}

em, i {
  font-style: italic;
}

strong, b {
  font-weight: 500;
}

a {
  color: var(--highlight-color);
  text-decoration: none;
  cursor: pointer;
}
a:hover {
  text-decoration: underline;
}

hr {
  height: 1px;
  border: none;
  background-color: var(--color-divider);
  margin-top: 30px;
  margin-bottom: 30px;
}

.visibilityString {
  color: var(--middle-light-grey);
}

.time, .author-and-time {
  font-size: 12px;
  color: var(--middle-light-grey);
  white-space: nowrap;
}

.scrollableLog {
  overflow: auto;
  max-height: 50vh;
  background-color: var(--color_0);
  font-family: monospace;
  border: 10px solid var(--color_0);
}

.overlay-shadow, #project-view .patch-licence .cc-text, .fav-hover-view .likelist-container {
  box-shadow: 5px 6px 25px 0px rgba(0, 0, 0, 0.24);
}

.text-align-left {
  text-align: left;
}

.text-align-right {
  text-align: right;
}

.text-align-center {
  text-align: center;
}

/* align left on tablet and up */
@media only screen and (min-width: 48em) {
  .text-align-tablet-right {
    text-align: right !important;
  }
}

@media only screen and (min-width: 48em) {
  .text-align-tablet-left {
    text-align: left !important;
  }
}

@media only screen and (min-width: 48em) {
  .text-align-tablet-center {
    text-align: center !important;
  }
}

.width-50 {
  width: 50%;
}

.width-75 {
  width: 75%;
}

.width-100 {
  width: 100%;
}

.nofloat {
  float: none !important;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.noselect {
  user-select: none;
}

.hide {
  display: none;
}

.clear {
  clear: both;
}

.hidden {
  display: none !important;
}

@media (max-width: 767px) {
  .hidden-phone {
    display: none !important;
  }
}
.text-center {
  text-align: center;
}

.text-left {
  text-align: left;
}

.text-right {
  text-align: right;
}

.highlight-color {
  color: var(--highlight-color);
}

.divider {
  border-top: 1px solid var(--highlight-color);
}

.nopadding {
  padding: 0 !important;
}

.nomargin {
  margin: 0 !important;
}

.longtext {
  color: var(--section-introduction-color);
}

#content li {
  margin-left: 17px;
}

.loading {
  border: 2px solid var(--middle-grey-darkest);
  border-top: 2px solid var(--highlight-color);
  animation: spin 2s infinite linear;
  border-radius: 50%;
  width: 25px;
  height: 25px;
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 20px;
}

.icon-button {
  padding: 7px;
}

.stats h2 {
  color: var(--color-text);
}

.stats {
  text-align: right;
  color: var(--dark-grey);
  font-weight: 400;
}

#header {
  background-color: var(--white);
}

.warn {
  background-color: var(--warning);
  padding: 10px;
  margin-top: 20px;
}

.warn-hint {
  background-color: var(--warn-hint);
  padding: 10px;
  color: var(--color_7);
}
.warn-hint h1, .warn-hint h2, .warn-hint h3, .warn-hint h4 {
  color: var(--color_7);
}
.warn-hint .icon {
  background-color: var(--color_7);
}

.infobox {
  background-color: var(--black);
  margin-right: 20px;
  padding: 10px;
  min-height: 60px;
  margin-bottom: 10px;
}

#content {
  margin-top: 10px;
  min-height: 70vh;
}
#content.cablesContainer {
  margin-top: 0;
}
#content img {
  max-width: 100%;
}

@media screen and (max-width: 1024px) {
  #content {
    margin-top: 20px;
  }
}
.favicon {
  cursor: pointer;
}

#loadingIndicator {
  background-color: rgba(0, 0, 0, 0.3);
  border-radius: 10px;
  padding: 20px;
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -48px;
  margin-top: -48px;
}

#featured {
  padding-top: 0px;
  padding-right: 0; /* because of ribbon */
}
#featured .project {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0px;
}

#canvasiframe {
  overflow: hidden;
  border-width: 0;
  width: 100%;
}

.profile-social-icon {
  padding-left: 10px;
  padding-right: 10px;
}

.op-reference .namespacetitle, .dividerHeadline {
  text-decoration: none;
  margin-top: 20px;
  margin-bottom: 20px;
}
.op-reference .namespacetitle.deprecated, .dividerHeadline.deprecated {
  opacity: 0.5;
}
.op-reference .namespacetitle h2, .dividerHeadline h2 {
  margin-bottom: 5px;
  display: block !important;
}
.op-reference .namespacetitle .namespace-description, .dividerHeadline .namespace-description {
  color: var(--middle-light-grey);
}

.op-reference .toplevelnamespace {
  padding: 0px;
}
.op-reference .opelement {
  min-height: 105px;
  overflow: hidden;
}
.op-reference .opelement.deprecated {
  opacity: 0.5;
}
.op-reference .opelement a {
  margin-bottom: 5px;
  display: block;
}

.playbutton {
  width: 70px;
  height: 70px;
  left: 50%;
  top: 50%;
  border-radius: 50px;
  margin-left: -35px;
  margin-top: -35px;
  position: absolute;
  cursor: pointer;
  opacity: 0.9;
  background-color: var(--middle-grey-darkest);
}
.playbutton .inner {
  border-style: solid;
  border-color: transparent transparent transparent var(--light-tinted-grey);
  box-sizing: border-box;
  width: 35px;
  height: 35px;
  margin-top: 17px;
  margin-left: 25px;
  border-width: 18px 0px 15px 30px;
  pointer-events: none;
}

.youtubefeed img {
  opacity: 0.5;
}

.youtubefeed:hover img {
  opacity: 0.8;
}

li.cropped {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  list-style-position: inside;
  list-style-type: none;
  margin-left: 20px;
}
li.cropped::before {
  content: "•";
  position: absolute;
  margin-left: -13px;
  opacity: 0.4;
}

a.fa {
  text-decoration: none !important;
}

.breadcrumbs {
  color: var(--middle-grey);
}
.breadcrumbs a {
  text-transform: capitalize;
  color: var(--middle-grey);
}
.breadcrumbs b {
  text-transform: capitalize;
  color: var(--dark-grey);
}

.darkbg {
  background-color: var(--color_0);
}

.dark-theme, .light-theme {
  cursor: pointer;
  padding-right: 5px;
}

.dark .dark-theme .icon {
  background-color: var(--highlight-color);
}

.light .light-theme .icon {
  background-color: var(--highlight-color);
}

.highlightBlock {
  background-color: var(--highlight-block-color);
  padding: 10px;
  border-radius: 10px;
  margin-bottom: 10px;
}
.highlightBlock .title {
  margin-top: 15px;
  text-transform: uppercase;
  opacity: 0.5;
  display: block;
  margin-bottom: 5px;
}
.highlightBlock.error {
  border-left: 10px solid var(--warn-hint);
}
.highlightBlock.warn {
  border-left: 10px solid var(--info);
  margin-top: 0;
}
.highlightBlock.info {
  border-left: 10px solid var(--color_port_value);
}

.sadcat {
  width: 100%;
  border: 5px solid red;
  padding: 5px;
  margin: 0px;
}
.sadcat .meanCatClose {
  position: absolute;
  right: 23px;
  cursor: pointer;
}

/*
 * Use the icon-class for SVG-icons as mask which were placed in /icons
 * e.g. <span class="icon icon-eye"></span>
 * Set the color via background-color attribute on the element
 *
 * If you need one of the icons with a fill instead of outline,
 * delete 'fill="none"' from the SVG, set 'stroke="none"' and
 * set 'fill="currentColor"' in the path-element of the SVG (not the SVG-element!)
 */
.icon {
  vertical-align: sub;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-color: var(--dark-grey);
  mask-repeat: no-repeat;
  -webkit-mask-repeat: no-repeat;
  mask-size: 100%;
  -webkit-mask-size: 100%;
}

.icon-external {
  margin-left: 5px;
  background-color: var(--middle-grey-darker);
}

.icon-near-text {
  margin-right: 15px;
}

.icon-warning {
  background-color: var(--red) !important;
}

.icon-2x, h2 .icon {
  width: 34px !important;
  height: 34px !important;
}

.icon-3x, h1 .icon {
  width: 50px !important;
  height: 50px !important;
}

.icon-4x {
  width: 68px;
  height: 68px;
  -webkit-mask-size: 68px;
}

.icon-1_5x {
  width: 25.5px;
  height: 25.5px;
}

.icon-0_75x {
  width: 16px;
  height: 16px;
  -webkit-mask-size: 16px;
}

.icon-0_5x {
  width: 12px;
  height: 12px;
  -webkit-mask-size: 12px;
}

@keyframes rotating {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.icon-loader {
  animation: rotating 2s linear infinite;
  vertical-align: sub;
  border-radius: 100%;
}

.social-icon-list-wrapper {
  display: flex;
  justify-content: flex-end;
  flex-direction: column;
}
@media only screen and (max-width: 47em) {
  .social-icon-list-wrapper { /* mobile */
    margin-top: 30px;
  }
}

.social-icon-list {
  list-style-type: none;
  display: flex;
  justify-content: space-between;
  position: relative;
  top: 9px; /* optically align with baseline */
}

.social-icon-list-item:first-child {
  margin-left: 0 !important;
}

.social-icon-link {
  display: inline-block;
  height: 50px !important;
  cursor: pointer; /* needed for non a-links */
}
.social-icon-link:hover {
  background-color: var(--highlight-color);
}

.osicon {
  vertical-align: middle;
  margin-right: 8px;
}

::placeholder {
  opacity: 0.7;
}

textarea {
  width: 100%; /* fit to parent */
  min-height: 200px;
}

input, textarea {
  padding: 8px;
  border: none;
  background-color: var(--color_inputfield_bg);
}
input[type=color] {
  border-radius: 100%;
  height: 16px;
  width: 16px;
  padding: 0;
  border: none;
  border-color: transparent;
  background: none;
  -webkit-appearance: none;
  cursor: pointer;
}

input[type=color]::-moz-color-swatch {
  border: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

input[type=color]::-webkit-color-swatch {
  border: none;
  border-radius: 100%;
}

.input-label {
  margin-top: 10px;
}

select {
  border-radius: 8px;
  padding: 3px;
  margin-right: 10px;
  background-color: var(--color_inputfield_bg) !important;
  border: 4px solid var(--color_inputfield_bg);
}

input[type=checkbox] {
  border-radius: 3px;
  place-content: center;
  width: 24px !important;
  height: 24px !important;
  appearance: none;
  background-color: var(--color_inputfield_bg) !important;
  border: 4px solid var(--color_inputfield_bg);
  margin-right: 10px;
  vertical-align: middle;
  margin-bottom: 5px;
}

input[type=checkbox]:checked {
  background-color: var(--color_4) !important;
  border: 4px solid var(--color_4);
}

input[type=checkbox]::before {
  content: "";
  transform: scale(0);
  width: 16px !important;
  height: 16px !important;
  display: block;
}

input[type=checkbox]:checked::before {
  transform: scale(1);
  width: 16px !important;
  height: 16px !important;
  display: block;
  background-color: var(--color_5);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
}

.input[type=radio] {
  cursor: pointer;
}

.autosuggestLine {
  white-space: nowrap;
}

.inputSuggestionList {
  position: absolute;
  border: 1px solid var(--color-c);
  border-left: 1px solid var(--color-c);
  border-right: 1px solid var(--color-c);
  max-height: 310px;
  overflow-y: auto;
  overflow-x: hidden;
  max-width: 300px;
}
.inputSuggestionList div {
  border-bottom: 1px solid var(--color-c);
  padding: 5px;
  cursor: pointer;
}
.inputSuggestionList div.selected, .inputSuggestionList div:hover {
  background-color: var(--highlight-color-fill);
}
.inputSuggestionList div img {
  border-radius: 100%;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-color: var(--color-c);
}

#description .markdown h1, #description .markdown h2, #description .markdown h3 {
  line-height: 1.5em;
  text-transform: none !important;
  color: unset;
}
#description .markdown a {
  color: var(--highlight-color);
  text-decoration: underline;
  background-color: unset !important;
}
.markdown h1, .markdown h2, .markdown h3 {
  color: var(--light-grey);
  margin: 0;
  font-weight: normal;
  margin-bottom: 25px;
  margin-top: 25px;
}
.markdown hr {
  background-color: var(--very-dark-grey);
  border: none;
  margin-bottom: 10px;
  margin-top: 25px;
  height: 1px;
}
.markdown p, .markdown ul, .markdown ol {
  line-height: 22px;
  margin-bottom: 10px;
  margin-top: 10px;
}
.markdown img {
  margin-left: 20px;
  margin: 20px;
  border: 10px solid var(--very-dark-grey) !important;
  margin-left: 0px;
}
.markdown b, .markdown strong {
  color: var(--middle-grey);
}
.markdown ol li {
  margin-left: 20px;
}
.markdown ul li {
  list-style: disc outside none;
  display: list-item;
  margin-left: 15px;
}
.markdown code {
  color: var(--very-dark-grey);
  padding: 4px;
  padding-top: 1px;
  border-radius: 4px;
  background-color: var(--very-light-grey);
  font-size: 0.8em;
  max-width: 100%;
  overflow: hidden;
}
.markdown code * {
  font-family: monospace !important;
}
.markdown pre {
  margin-left: 20px;
  padding: 10px;
  background-color: var(--very-dark-grey);
}
.markdown pre code {
  background-color: var(--very-dark-grey);
  padding: 0;
  border-radius: 0;
  color: inherit;
}

.undev-logo {
  margin-top: 20px;
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCAyMDIuNiA1My44IiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAyMDIuNiA1My44OyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojNkI2QjZCO30NCjwvc3R5bGU+DQo8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjAyLjEsMC41aC01NC43djBoLTYuM3YwYy0wLjIsMC0wLjQsMC0wLjYsMGMtOC45LDAtMTYuNCw1LjctMTkuMiwxMy41Yy0yLjYtNy41LTkuNy0xMy0xOC4yLTEzLjRWMC41aC0yMg0KCXYxNS40SDgxQzc5LjIsNy4zLDcxLjcsMC43LDYyLjYsMC4xVjBoLTEuMmMtMC4xLDAtMC4xLDAtMC4yLDBjLTAuMSwwLTAuMSwwLTAuMiwwSDB2MzMuMmgwYzAsMCwwLDAuMSwwLDAuMUMwLDQ0LjIsOS4xLDUzLDIwLjMsNTMNCgljMTAsMCwxOC4zLTcuMSwyMC0xNi40djE2LjdIMTAzdi0wLjFjOC41LTAuMywxNS42LTUuOCwxOC4zLTEzLjNjMi43LDcuOCwxMC4zLDEzLjUsMTkuMiwxMy41YzAuMywwLDAuNiwwLDAuOSwwaDIwLjlWMzYuMQ0KCUwxODEuOSw1M2wxOS45LTE3aDAuM1YwLjV6IE0xMjEuNCwyN0MxMjEuNCwyNywxMjEuNCwyNywxMjEuNCwyN2MwLDAsMC0wLjEtMC4xLTAuMWMwLDAsMCwwLDAsMEMxMjEuMywyNi45LDEyMS4zLDI2LjksMTIxLjQsMjd6Ig0KCS8+DQo8L3N2Zz4NCg==");
  display: block;
  width: 90px;
  height: 26px;
  background-repeat: no-repeat;
  opacity: 0.3;
}

.cables-logo {
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOCAzMC40Ij48cGF0aCBkPSJNNDIuODQsMTkuMzFBMi41MSwyLjUxLDAsMCwxLDQxLjUsMTlhMi4yNCwyLjI0LDAsMCwxLS44NS0uODUsMy41NCwzLjU0LDAsMCwxLS40Ny0xLjIsOC4xOCw4LjE4LDAsMCwxLS4xMi0xLjR2LS4zN2E4LDgsMCwwLDEsLjEyLTEuMzgsMy41NCwzLjU0LDAsMCwxLC40Ny0xLjIsMi4zOSwyLjM5LDAsMCwxLDIuMTktMS4xOCwyLjg1LDIuODUsMCwwLDEsMSwuMTgsMi42OCwyLjY4LDAsMCwxLC43OS40OSwyLjQ1LDIuNDUsMCwwLDEsLjY2LDEuNjJINDcuN2E0LjExLDQuMTEsMCwwLDAtMS4zNS0zLjE2QTQuNDIsNC40MiwwLDAsMCw0NC44LDkuN2E1LjkxLDUuOTEsMCwwLDAtNC4yOC4xNSw0LjYsNC42LDAsMCwwLTEuNjgsMS4yNSw1LjUsNS41LDAsMCwwLTEsMS44Niw3LjE5LDcuMTksMCwwLDAtLjMzLDIuMjZ2LjM3YTcuMjYsNy4yNiwwLDAsMCwuMzQsMi4yNyw1LjU1LDUuNTUsMCwwLDAsMSwxLjg1QTQuODksNC44OSwwLDAsMCw0MC41MywyMWE1LjU2LDUuNTYsMCwwLDAsNS43NC0uNzJBNC4yOSw0LjI5LDAsMCwwLDQ3LjMzLDE5YTMuMjgsMy4yOCwwLDAsMCwuMzgtMS42SDQ1LjI5YTEuNTksMS41OSwwLDAsMS0uMjEuOCwyLDIsMCwwLDEtLjUyLjY0LDIuODksMi44OSwwLDAsMS0uOC40MUEyLjg1LDIuODUsMCwwLDEsNDIuODQsMTkuMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGQ9Ik01OC40MSwyMS4xNkg2MVYyMWE0LDQsMCwwLDEtLjM0LTEuMDcsOC40MSw4LjQxLDAsMCwxLS4xLTEuNDJWMTMuMzJhNCw0LDAsMCwwLS4zNi0xLjc0LDMuNDIsMy40MiwwLDAsMC0xLTEuMjYsNC42Nyw0LjY3LDAsMCwwLTEuNTQtLjc0LDYuOCw2LjgsMCwwLDAtMS45LS4yNiw2LjE0LDYuMTQsMCwwLDAtMiwuMyw0LjQ4LDQuNDgsMCwwLDAtMS40OS44LDMuNTcsMy41NywwLDAsMC0uOTQsMS4xNEEzLjEyLDMuMTIsMCwwLDAsNTEsMTIuOUg1My42YTEuNjcsMS42NywwLDAsMSwuMTItLjYyLDEuMjcsMS4yNywwLDAsMSwuMzgtLjUxLDEuNzgsMS43OCwwLDAsMSwuNjUtLjM1LDIuODgsMi44OCwwLDAsMSwuOTItLjEzLDMuMzcsMy4zNywwLDAsMSwxLC4xNSwyLjEzLDIuMTMsMCwwLDEsLjc3LjQxLDEuODQsMS44NCwwLDAsMSwuNDQuNjMsMi4zLDIuMywwLDAsMSwuMTYuODJ2Ljc4SDU2LjE2YTkuNTQsOS41NCwwLDAsMC0yLjI2LjI0LDUsNSwwLDAsMC0xLjY2LjY5LDMuMjEsMy4yMSwwLDAsMC0xLjEyLDEuMjIsMy42NCwzLjY0LDAsMCwwLS4zOCwxLjY5QTMuNDEsMy40MSwwLDAsMCw1MSwxOS4zYTMuMTcsMy4xNywwLDAsMCwuODMsMS4wOSw0LDQsMCwwLDAsMS4yOC43Myw1LjEzLDUuMTMsMCwwLDAsMS42NS4yNiw1LjM1LDUuMzUsMCwwLDAsMS4wNS0uMTEsNC43Niw0Ljc2LDAsMCwwLC45LS4zLDMuNzMsMy43MywwLDAsMCwuNzUtLjQzQTQuNDUsNC40NSwwLDAsMCw1OC4xLDIwbC4xMi42NUEyLjIzLDIuMjMsMCwwLDAsNTguNDEsMjEuMTZabS0zLjEyLTEuODVhMy4xMiwzLjEyLDAsMCwxLS44Ni0uMTEsMS43NywxLjc3LDAsMCwxLS42MS0uMzUsMS4yNywxLjI3LDAsMCwxLS4zOC0uNTEsMS41NCwxLjU0LDAsMCwxLS4xMy0uNjcsMS43MSwxLjcxLDAsMCwxLC4xNS0uNzcsMS41NiwxLjU2LDAsMCwxLC40OS0uNTksMi40NCwyLjQ0LDAsMCwxLDEtLjQ0LDUuNjMsNS42MywwLDAsMSwxLjQyLS4xN0g1OHYyLjE1YTIuMzYsMi4zNiwwLDAsMS0uNC41NCwzLjA1LDMuMDUsMCwwLDEtLjYxLjQ2LDMuMzIsMy4zMiwwLDAsMS0uOC4zNEEzLjY1LDMuNjUsMCwwLDEsNTUuMjksMTkuMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGQ9Ik03NC40MiwxNS40N3YtLjIzYTkuNzksOS43OSwwLDAsMC0uMTgtMS44Nyw3LDcsMCwwLDAtLjUyLTEuNiw1Ljc2LDUuNzYsMCwwLDAtLjYtLjk0LDMuMTQsMy4xNCwwLDAsMC0uNzYtLjc0LDMuNzgsMy43OCwwLDAsMC0xLjE0LS41Niw0LjMyLDQuMzIsMCwwLDAtMS4zOC0uMjEsNC43Miw0LjcyLDAsMCwwLTEuMDYuMTIsMy4wOSwzLjA5LDAsMCwwLS44OS4zNCwzLjI3LDMuMjcsMCwwLDAtLjU4LjM5LDMsMywwLDAsMC0uNS41MXYtNkg2NC4yNVYyMS4ySDY2LjZsLjEyLTEuMjdhNC4wOSw0LjA5LDAsMCwwLC4zOS40NGMuMTUuMTMuMy4yNi40NS4zN2EzLjM1LDMuMzUsMCwwLDAsMSwuNSw0LjU1LDQuNTUsMCwwLDAsMi41NywwLDMuNjYsMy42NiwwLDAsMCwxLjExLS41Myw0LDQsMCwwLDAsMS0xLDUuMTYsNS4xNiwwLDAsMCwuNjktMS4zNEE4LDgsMCwwLDAsNzQuMjcsMTcsOS43OSw5Ljc5LDAsMCwwLDc0LjQyLDE1LjQ3Wm0tMi41Ny0uMjNWMTYuNGE4LjI4LDguMjgsMCwwLDEtLjE2Ljg0LDMuNSwzLjUsMCwwLDEtLjM4Ljk0LDIuMywyLjMsMCwwLDEtLjYxLjY3LDIuNDYsMi40NiwwLDAsMS0uNjMuMzEsMi40MiwyLjQyLDAsMCwxLS44LjExLDMuMjIsMy4yMiwwLDAsMS0uODgtLjEyLDIuNDcsMi40NywwLDAsMS0uNjktLjM0LDMsMywwLDAsMS0uNDgtLjQ2LDMuMjEsMy4yMSwwLDAsMS0uMzYtLjU5VjEyLjk0YTMuMywzLjMsMCwwLDEsLjMxLS41MSwyLDIsMCwwLDEsLjQtLjQzLDIuMTksMi4xOSwwLDAsMSwuNzMtLjQxLDMsMywwLDAsMSwxLS4xNSwyLjUxLDIuNTEsMCwwLDEsLjc3LjEsMi4wNywyLjA3LDAsMCwxLC42Mi4yOSwyLjE5LDIuMTksMCwwLDEsLjY0LjY4LDQuMjYsNC4yNiwwLDAsMSwuNC45LDguNTIsOC41MiwwLDAsMSwuMTYuODhBNy41Myw3LjUzLDAsMCwxLDcxLjg1LDE1LjI0WiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTEgMCkiLz48cGF0aCBkPSJNNzcuOTEsNC43VjYuOEg4MS42VjE5SDc3LjkxdjIuMTNIODcuN1YxOUg4NC4xN1Y0LjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGQ9Ik05Ni4wNSwyMS4zOGE1Ljg0LDUuODQsMCwwLDAsMi44OS0uNjgsNS4wOSw1LjA5LDAsMCwwLDEuNzktMS41bC0xLjM4LTEuMzRBMy42NCwzLjY0LDAsMCwxLDk4LDE4LjkzYTQuNTMsNC41MywwLDAsMS0xLjc4LjM2LDMuNTUsMy41NSwwLDAsMS0xLjI5LS4yMywyLjg0LDIuODQsMCwwLDEtMS0uNjcsMi43OSwyLjc5LDAsMCwxLS42OC0uOTIsNC40Nyw0LjQ3LDAsMCwxLS4zNy0xLjI4di0uMDVoOC4wNlYxNWE3Ljc0LDcuNzQsMCwwLDAtLjMzLTIuMzQsNS4yMyw1LjIzLDAsMCwwLTEtMS44MkE0LjcxLDQuNzEsMCwwLDAsOTgsOS43MWE1LjcxLDUuNzEsMCwwLDAtMi4yMy0uNDMsNS4zMiw1LjMyLDAsMCwwLTIuMTIuNDMsNS4xNSw1LjE1LDAsMCwwLTEuNzQsMS4yMSw1LjQ4LDUuNDgsMCwwLDAtMS4xOCwxLjg5LDYuNzMsNi43MywwLDAsMC0uNDMsMi40N3YuNDRhNiw2LDAsMCwwLC40LDIuMjIsNS4wNyw1LjA3LDAsMCwwLDEuMTksMS43Nyw1LjM5LDUuMzksMCwwLDAsMS44MiwxLjJBNi41Nyw2LjU3LDAsMCwwLDk2LjA1LDIxLjM4Wm0tLjMxLTEwYTIuNTksMi41OSwwLDAsMSwxLjEzLjIyLDIuNSwyLjUsMCwwLDEsLjgyLjU4LDMsMywwLDAsMSwuNTEuODgsMy4xMSwzLjExLDAsMCwxLC4xOSwxdi4xOEg5Mi45MmE1LDUsMCwwLDEsLjM2LTEuMiwzLjA4LDMuMDgsMCwwLDEsLjYyLS45LDIuNDQsMi40NCwwLDAsMSwuODItLjU2LDIuNywyLjcsMCwwLDEsMS0uMTdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGQ9Ik0xMTEuNDQsMThhMS4xOCwxLjE4LDAsMCwxLS4xMy41MiwxLjI1LDEuMjUsMCwwLDEtLjM3LjQyLDIuMTcsMi4xNywwLDAsMS0uOC4zNyw0LjE0LDQuMTQsMCwwLDEtMS4xNi4xNCw1LjU1LDUuNTUsMCwwLDEtMS0uMDksMi40LDIuNCwwLDAsMS0uODYtLjM1LDEuODEsMS44MSwwLDAsMS0uNjQtLjU5LDEuNzQsMS43NCwwLDAsMS0uMjgtLjkxaC0yLjVhMy4wNywzLjA3LDAsMCwwLC4zNSwxLjQyLDMuNTEsMy41MSwwLDAsMCwxLDEuMjMsNSw1LDAsMCwwLDEuNjIuODgsNi43NSw2Ljc1LDAsMCwwLDIuMjMuMzQsNy41Niw3LjU2LDAsMCwwLDIuMDYtLjI2LDUuMyw1LjMsMCwwLDAsMS41OS0uNzIsMy40MywzLjQzLDAsMCwwLDEtMS4xMSwyLjksMi45LDAsMCwwLC4zNi0xLjQxLDIuNzcsMi43NywwLDAsMC0uMzQtMS4zOCwzLjI5LDMuMjksMCwwLDAtMS0xLDYuOCw2LjgsMCwwLDAtMS41LS42OSwxNy41NywxNy41NywwLDAsMC0yLS40NywxMC42NCwxMC42NCwwLDAsMS0xLjI3LS4yOSwzLjU3LDMuNTcsMCwwLDEtLjc3LS4zNSwxLjIxLDEuMjEsMCwwLDEtLjQyLS40MiwxLjE4LDEuMTgsMCwwLDEsMC0uNTksMS4xOCwxLjE4LDAsMCwxLC4xNC0uNTUsMS40MiwxLjQyLDAsMCwxLC40Mi0uNDYsMi4yLDIuMiwwLDAsMSwuNzEtLjMzLDMuNzEsMy43MSwwLDAsMSwxLS4xMywzLjIyLDMuMjIsMCwwLDEsMS4xMS4xNywyLjEyLDIuMTIsMCwwLDEsLjc3LjQ0LDEuNzQsMS43NCwwLDAsMSwuMzkuNTQsMS40MywxLjQzLDAsMCwxLC4xNC42MWgyLjU3YTMuMjEsMy4yMSwwLDAsMC0uMzUtMS40NiwzLjUzLDMuNTMsMCwwLDAtMS0xLjE3LDUuMjQsNS4yNCwwLDAsMC0xLjU3LS43OCw3LDcsMCwwLDAtMi4wOS0uMjksNi43Niw2Ljc2LDAsMCwwLTIsLjI4LDQuNjksNC42OSwwLDAsMC0xLjUxLjc3LDMuNTcsMy41NywwLDAsMC0xLDEuMTIsMi45LDIuOSwwLDAsMC0uMzMsMS4zNSwyLjQ3LDIuNDcsMCwwLDAsLjMzLDEuMywzLjQxLDMuNDEsMCwwLDAsLjkzLDEsNS41Miw1LjUyLDAsMCwwLDEuNDMuNzMsMTQuMjksMTQuMjksMCwwLDAsMS44NC41MSwxMy4yLDEzLjIsMCwwLDEsMS4zNS4zMiw0Ljc0LDQuNzQsMCwwLDEsLjg3LjM3LDEuNDUsMS40NSwwLDAsMSwuNDQuNDVBMS4wNSwxLjA1LDAsMCwxLDExMS40NCwxOFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjExIDApIi8+PHBhdGggZD0iTTI1LjIyLDBIMjMuNTNhLjY1LjY1LDAsMCwwLS42Mi41NGMtLjE1LDQtMiw2Ljc1LTQuNjgsOS4yMUE3LjYzLDcuNjMsMCwwLDAsNi4xLDE4LjU4QzIuOCwyMS40Mi4zNCwyNC44LjExLDI5Ljc5YS41OS41OSwwLDAsMCwuNTQuNjFIMi4zNEEuNjUuNjUsMCwwLDAsMywyOS44NmMuMTYtMy44NCwyLjE1LTYuNiw0LjkyLTlBNy42MSw3LjYxLDAsMCwwLDIwLjUzLDE1LjEsNy4yNSw3LjI1LDAsMCwwLDE5Ljg0LDEyQzIzLjA3LDkuMjEsMjUuNTIsNS43LDI1Ljc1LjU0YS41Mi41MiwwLDAsMC0uNS0uNTRaTTE3LjY5LDE1LjJBNC43OCw0Ljc4LDAsMCwxLDEyLjkzLDIwLDQuNDMsNC40MywwLDAsMSwxMC4xNywxOWE0LjY5LDQuNjksMCwwLDEtMS4xLTYuNTVsMC0uMDVhNC43Nyw0Ljc3LDAsMCwxLDYuNi0xLjA4QTQuNjksNC42OSwwLDAsMSwxNy42OSwxNS4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTEgMCkiLz48L3N2Zz4=");
  min-width: 100px;
  padding-left: 100px;
  min-height: 23px;
  display: block;
}

.dark .cables-logo {
  background: url("data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgZGF0YS1uYW1lPSJMYXllciAxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMTMuOCAzMC40Ij48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2ZmZjt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNDIuODQsMTkuMzFBMi41MSwyLjUxLDAsMCwxLDQxLjUsMTlhMi4yNCwyLjI0LDAsMCwxLS44NS0uODUsMy41NCwzLjU0LDAsMCwxLS40Ny0xLjIsOC4xOCw4LjE4LDAsMCwxLS4xMi0xLjR2LS4zN2E4LDgsMCwwLDEsLjEyLTEuMzgsMy41NCwzLjU0LDAsMCwxLC40Ny0xLjIsMi4zOSwyLjM5LDAsMCwxLDIuMTktMS4xOCwyLjg1LDIuODUsMCwwLDEsMSwuMTgsMi42OCwyLjY4LDAsMCwxLC43OS40OSwyLjQ1LDIuNDUsMCwwLDEsLjY2LDEuNjJINDcuN2E0LjExLDQuMTEsMCwwLDAtMS4zNS0zLjE2QTQuNDIsNC40MiwwLDAsMCw0NC44LDkuN2E1LjkxLDUuOTEsMCwwLDAtNC4yOC4xNSw0LjYsNC42LDAsMCwwLTEuNjgsMS4yNSw1LjUsNS41LDAsMCwwLTEsMS44Niw3LjE5LDcuMTksMCwwLDAtLjMzLDIuMjZ2LjM3YTcuMjYsNy4yNiwwLDAsMCwuMzQsMi4yNyw1LjU1LDUuNTUsMCwwLDAsMSwxLjg1QTQuODksNC44OSwwLDAsMCw0MC41MywyMWE1LjU2LDUuNTYsMCwwLDAsNS43NC0uNzJBNC4yOSw0LjI5LDAsMCwwLDQ3LjMzLDE5YTMuMjgsMy4yOCwwLDAsMCwuMzgtMS42SDQ1LjI5YTEuNTksMS41OSwwLDAsMS0uMjEuOCwyLDIsMCwwLDEtLjUyLjY0LDIuODksMi44OSwwLDAsMS0uOC40MUEyLjg1LDIuODUsMCwwLDEsNDIuODQsMTkuMzFaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTU4LjQxLDIxLjE2SDYxVjIxYTQsNCwwLDAsMS0uMzQtMS4wNyw4LjQxLDguNDEsMCwwLDEtLjEtMS40MlYxMy4zMmE0LDQsMCwwLDAtLjM2LTEuNzQsMy40MiwzLjQyLDAsMCwwLTEtMS4yNiw0LjY3LDQuNjcsMCwwLDAtMS41NC0uNzQsNi44LDYuOCwwLDAsMC0xLjktLjI2LDYuMTQsNi4xNCwwLDAsMC0yLC4zLDQuNDgsNC40OCwwLDAsMC0xLjQ5LjgsMy41NywzLjU3LDAsMCwwLS45NCwxLjE0QTMuMTIsMy4xMiwwLDAsMCw1MSwxMi45SDUzLjZhMS42NywxLjY3LDAsMCwxLC4xMi0uNjIsMS4yNywxLjI3LDAsMCwxLC4zOC0uNTEsMS43OCwxLjc4LDAsMCwxLC42NS0uMzUsMi44OCwyLjg4LDAsMCwxLC45Mi0uMTMsMy4zNywzLjM3LDAsMCwxLDEsLjE1LDIuMTMsMi4xMywwLDAsMSwuNzcuNDEsMS44NCwxLjg0LDAsMCwxLC40NC42MywyLjMsMi4zLDAsMCwxLC4xNi44MnYuNzhINTYuMTZhOS41NCw5LjU0LDAsMCwwLTIuMjYuMjQsNSw1LDAsMCwwLTEuNjYuNjksMy4yMSwzLjIxLDAsMCwwLTEuMTIsMS4yMiwzLjY0LDMuNjQsMCwwLDAtLjM4LDEuNjlBMy40MSwzLjQxLDAsMCwwLDUxLDE5LjNhMy4xNywzLjE3LDAsMCwwLC44MywxLjA5LDQsNCwwLDAsMCwxLjI4LjczLDUuMTMsNS4xMywwLDAsMCwxLjY1LjI2LDUuMzUsNS4zNSwwLDAsMCwxLjA1LS4xMSw0Ljc2LDQuNzYsMCwwLDAsLjktLjMsMy43MywzLjczLDAsMCwwLC43NS0uNDNBNC40NSw0LjQ1LDAsMCwwLDU4LjEsMjBsLjEyLjY1QTIuMjMsMi4yMywwLDAsMCw1OC40MSwyMS4xNlptLTMuMTItMS44NWEzLjEyLDMuMTIsMCwwLDEtLjg2LS4xMSwxLjc3LDEuNzcsMCwwLDEtLjYxLS4zNSwxLjI3LDEuMjcsMCwwLDEtLjM4LS41MSwxLjU0LDEuNTQsMCwwLDEtLjEzLS42NywxLjcxLDEuNzEsMCwwLDEsLjE1LS43NywxLjU2LDEuNTYsMCwwLDEsLjQ5LS41OSwyLjQ0LDIuNDQsMCwwLDEsMS0uNDQsNS42Myw1LjYzLDAsMCwxLDEuNDItLjE3SDU4djIuMTVhMi4zNiwyLjM2LDAsMCwxLS40LjU0LDMuMDUsMy4wNSwwLDAsMS0uNjEuNDYsMy4zMiwzLjMyLDAsMCwxLS44LjM0QTMuNjUsMy42NSwwLDAsMSw1NS4yOSwxOS4zMVoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjExIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzQuNDIsMTUuNDd2LS4yM2E5Ljc5LDkuNzksMCwwLDAtLjE4LTEuODcsNyw3LDAsMCwwLS41Mi0xLjYsNS43Niw1Ljc2LDAsMCwwLS42LS45NCwzLjE0LDMuMTQsMCwwLDAtLjc2LS43NCwzLjc4LDMuNzgsMCwwLDAtMS4xNC0uNTYsNC4zMiw0LjMyLDAsMCwwLTEuMzgtLjIxLDQuNzIsNC43MiwwLDAsMC0xLjA2LjEyLDMuMDksMy4wOSwwLDAsMC0uODkuMzQsMy4yNywzLjI3LDAsMCwwLS41OC4zOSwzLDMsMCwwLDAtLjUuNTF2LTZINjQuMjVWMjEuMkg2Ni42bC4xMi0xLjI3YTQuMDksNC4wOSwwLDAsMCwuMzkuNDRjLjE1LjEzLjMuMjYuNDUuMzdhMy4zNSwzLjM1LDAsMCwwLDEsLjUsNC41NSw0LjU1LDAsMCwwLDIuNTcsMCwzLjY2LDMuNjYsMCwwLDAsMS4xMS0uNTMsNCw0LDAsMCwwLDEtMSw1LjE2LDUuMTYsMCwwLDAsLjY5LTEuMzRBOCw4LDAsMCwwLDc0LjI3LDE3LDkuNzksOS43OSwwLDAsMCw3NC40MiwxNS40N1ptLTIuNTctLjIzVjE2LjRhOC4yOCw4LjI4LDAsMCwxLS4xNi44NCwzLjUsMy41LDAsMCwxLS4zOC45NCwyLjMsMi4zLDAsMCwxLS42MS42NywyLjQ2LDIuNDYsMCwwLDEtLjYzLjMxLDIuNDIsMi40MiwwLDAsMS0uOC4xMSwzLjIyLDMuMjIsMCwwLDEtLjg4LS4xMiwyLjQ3LDIuNDcsMCwwLDEtLjY5LS4zNCwzLDMsMCwwLDEtLjQ4LS40NiwzLjIxLDMuMjEsMCwwLDEtLjM2LS41OVYxMi45NGEzLjMsMy4zLDAsMCwxLC4zMS0uNTEsMiwyLDAsMCwxLC40LS40MywyLjE5LDIuMTksMCwwLDEsLjczLS40MSwzLDMsMCwwLDEsMS0uMTUsMi41MSwyLjUxLDAsMCwxLC43Ny4xLDIuMDcsMi4wNywwLDAsMSwuNjIuMjksMi4xOSwyLjE5LDAsMCwxLC42NC42OCw0LjI2LDQuMjYsMCwwLDEsLjQuOSw4LjUyLDguNTIsMCwwLDEsLjE2Ljg4QTcuNTMsNy41MywwLDAsMSw3MS44NSwxNS4yNFoiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjExIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNzcuOTEsNC43VjYuOEg4MS42VjE5SDc3LjkxdjIuMTNIODcuN1YxOUg4NC4xN1Y0LjdaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTk2LjA1LDIxLjM4YTUuODQsNS44NCwwLDAsMCwyLjg5LS42OCw1LjA5LDUuMDksMCwwLDAsMS43OS0xLjVsLTEuMzgtMS4zNEEzLjY0LDMuNjQsMCwwLDEsOTgsMTguOTNhNC41Myw0LjUzLDAsMCwxLTEuNzguMzYsMy41NSwzLjU1LDAsMCwxLTEuMjktLjIzLDIuODQsMi44NCwwLDAsMS0xLS42NywyLjc5LDIuNzksMCwwLDEtLjY4LS45Miw0LjQ3LDQuNDcsMCwwLDEtLjM3LTEuMjh2LS4wNWg4LjA2VjE1YTcuNzQsNy43NCwwLDAsMC0uMzMtMi4zNCw1LjIzLDUuMjMsMCwwLDAtMS0xLjgyQTQuNzEsNC43MSwwLDAsMCw5OCw5LjcxYTUuNzEsNS43MSwwLDAsMC0yLjIzLS40Myw1LjMyLDUuMzIsMCwwLDAtMi4xMi40Myw1LjE1LDUuMTUsMCwwLDAtMS43NCwxLjIxLDUuNDgsNS40OCwwLDAsMC0xLjE4LDEuODksNi43Myw2LjczLDAsMCwwLS40MywyLjQ3di40NGE2LDYsMCwwLDAsLjQsMi4yMiw1LjA3LDUuMDcsMCwwLDAsMS4xOSwxLjc3LDUuMzksNS4zOSwwLDAsMCwxLjgyLDEuMkE2LjU3LDYuNTcsMCwwLDAsOTYuMDUsMjEuMzhabS0uMzEtMTBhMi41OSwyLjU5LDAsMCwxLDEuMTMuMjIsMi41LDIuNSwwLDAsMSwuODIuNTgsMywzLDAsMCwxLC41MS44OCwzLjExLDMuMTEsMCwwLDEsLjE5LDF2LjE4SDkyLjkyYTUsNSwwLDAsMSwuMzYtMS4yLDMuMDgsMy4wOCwwLDAsMSwuNjItLjksMi40NCwyLjQ0LDAsMCwxLC44Mi0uNTYsMi43LDIuNywwLDAsMSwxLS4xN1oiIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0wLjExIDApIi8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTExLjQ0LDE4YTEuMTgsMS4xOCwwLDAsMS0uMTMuNTIsMS4yNSwxLjI1LDAsMCwxLS4zNy40MiwyLjE3LDIuMTcsMCwwLDEtLjguMzcsNC4xNCw0LjE0LDAsMCwxLTEuMTYuMTQsNS41NSw1LjU1LDAsMCwxLTEtLjA5LDIuNCwyLjQsMCwwLDEtLjg2LS4zNSwxLjgxLDEuODEsMCwwLDEtLjY0LS41OSwxLjc0LDEuNzQsMCwwLDEtLjI4LS45MWgtMi41YTMuMDcsMy4wNywwLDAsMCwuMzUsMS40MiwzLjUxLDMuNTEsMCwwLDAsMSwxLjIzLDUsNSwwLDAsMCwxLjYyLjg4LDYuNzUsNi43NSwwLDAsMCwyLjIzLjM0LDcuNTYsNy41NiwwLDAsMCwyLjA2LS4yNiw1LjMsNS4zLDAsMCwwLDEuNTktLjcyLDMuNDMsMy40MywwLDAsMCwxLTEuMTEsMi45LDIuOSwwLDAsMCwuMzYtMS40MSwyLjc3LDIuNzcsMCwwLDAtLjM0LTEuMzgsMy4yOSwzLjI5LDAsMCwwLTEtMSw2LjgsNi44LDAsMCwwLTEuNS0uNjksMTcuNTcsMTcuNTcsMCwwLDAtMi0uNDcsMTAuNjQsMTAuNjQsMCwwLDEtMS4yNy0uMjksMy41NywzLjU3LDAsMCwxLS43Ny0uMzUsMS4yMSwxLjIxLDAsMCwxLS40Mi0uNDIsMS4xOCwxLjE4LDAsMCwxLDAtLjU5LDEuMTgsMS4xOCwwLDAsMSwuMTQtLjU1LDEuNDIsMS40MiwwLDAsMSwuNDItLjQ2LDIuMiwyLjIsMCwwLDEsLjcxLS4zMywzLjcxLDMuNzEsMCwwLDEsMS0uMTMsMy4yMiwzLjIyLDAsMCwxLDEuMTEuMTcsMi4xMiwyLjEyLDAsMCwxLC43Ny40NCwxLjc0LDEuNzQsMCwwLDEsLjM5LjU0LDEuNDMsMS40MywwLDAsMSwuMTQuNjFoMi41N2EzLjIxLDMuMjEsMCwwLDAtLjM1LTEuNDYsMy41MywzLjUzLDAsMCwwLTEtMS4xNyw1LjI0LDUuMjQsMCwwLDAtMS41Ny0uNzgsNyw3LDAsMCwwLTIuMDktLjI5LDYuNzYsNi43NiwwLDAsMC0yLC4yOCw0LjY5LDQuNjksMCwwLDAtMS41MS43NywzLjU3LDMuNTcsMCwwLDAtMSwxLjEyLDIuOSwyLjksMCwwLDAtLjMzLDEuMzUsMi40NywyLjQ3LDAsMCwwLC4zMywxLjMsMy40MSwzLjQxLDAsMCwwLC45MywxLDUuNTIsNS41MiwwLDAsMCwxLjQzLjczLDE0LjI5LDE0LjI5LDAsMCwwLDEuODQuNTEsMTMuMiwxMy4yLDAsMCwxLDEuMzUuMzIsNC43NCw0Ljc0LDAsMCwxLC44Ny4zNywxLjQ1LDEuNDUsMCwwLDEsLjQ0LjQ1QTEuMDUsMS4wNSwwLDAsMSwxMTEuNDQsMThaIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgtMC4xMSAwKSIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTI1LjIyLDBIMjMuNTNhLjY1LjY1LDAsMCwwLS42Mi41NGMtLjE1LDQtMiw2Ljc1LTQuNjgsOS4yMUE3LjYzLDcuNjMsMCwwLDAsNi4xLDE4LjU4QzIuOCwyMS40Mi4zNCwyNC44LjExLDI5Ljc5YS41OS41OSwwLDAsMCwuNTQuNjFIMi4zNEEuNjUuNjUsMCwwLDAsMywyOS44NmMuMTYtMy44NCwyLjE1LTYuNiw0LjkyLTlBNy42MSw3LjYxLDAsMCwwLDIwLjUzLDE1LjEsNy4yNSw3LjI1LDAsMCwwLDE5Ljg0LDEyQzIzLjA3LDkuMjEsMjUuNTIsNS43LDI1Ljc1LjU0YS41Mi41MiwwLDAsMC0uNS0uNTRaTTE3LjY5LDE1LjJBNC43OCw0Ljc4LDAsMCwxLDEyLjkzLDIwLDQuNDMsNC40MywwLDAsMSwxMC4xNywxOWE0LjY5LDQuNjksMCwwLDEtMS4xLTYuNTVsMC0uMDVhNC43Nyw0Ljc3LDAsMCwxLDYuNi0xLjA4QTQuNjksNC42OSwwLDAsMSwxNy42OSwxNS4yWiIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTAuMTEgMCkiLz48L3N2Zz4=");
}

.offline {
  border: 1px solid var(--red);
}

#top-bar-search-form input.submit {
  background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE5LjIuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMCIgaWQ9IkNhcGFfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDMwLjIgMzAuMiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAuMiAzMC4yIiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8cGF0aCBmaWxsPSIjOUI5Qjk1IiBkPSJNMjAuMiwzLjVjLTQuNi00LjYtMTIuMS00LjYtMTYuNywwYy00LjYsNC42LTQuNiwxMi4xLDAsMTYuN2M0LjEsNC4xLDEwLjUsNC41LDE1LjEsMS4zCgkJYzAuMSwwLjUsMC4zLDAuOSwwLjcsMS4zbDYuNyw2LjdjMSwxLDIuNiwxLDMuNSwwYzEtMSwxLTIuNiwwLTMuNWwtNi43LTYuN2MtMC40LTAuNC0wLjgtMC42LTEuMy0wLjdDMjQuNywxNCwyNC4zLDcuNiwyMC4yLDMuNXoKCQkgTTE4LjEsMTguMWMtMy40LDMuNC05LDMuNC0xMi41LDBjLTMuNC0zLjQtMy40LTksMC0xMi41YzMuNC0zLjQsOS0zLjQsMTIuNSwwQzIxLjUsOSwyMS41LDE0LjYsMTguMSwxOC4xeiIvPgo8L2c+Cjwvc3ZnPgo=");
  background-size: 12px;
  background-repeat: no-repeat;
  background-position: 2px 1px;
}

html {
  font-family: Roboto, sans-serif;
  font-style: normal;
  font-weight: 400;
}

body {
  font-size: 15px;
  color: var(--color-text);
}

h1, h2, h3 {
  text-rendering: geometricPrecision;
}

h1, h2, h3, h4, h5, h6 {
  color: var(--color-text);
  font-weight: 500;
  font-style: normal;
  margin: 0;
}

h1 {
  font-size: 45px;
  margin-top: 0;
  margin-bottom: 5px;
}

h2 {
  font-size: 26px;
  font-weight: 500;
  width: auto;
  display: block;
  padding-left: 0;
  margin-bottom: 20px;
  margin-top: 30px;
}
h2.notopmargin {
  margin-top: 0;
}

h2.splitter a, h2.splitter span {
  background-color: var(--very-light-grey);
  padding-right: 20px;
  color: var(--black);
}
h2.splitter a:after, h2.splitter span:after {
  content: "";
  position: absolute;
  margin-top: 15px;
  left: 20px;
  right: 0.65rem;
  height: 0.5em;
  border-top: 1px solid #4a4a4a;
  z-index: -1;
}

h3 {
  font-size: 17px;
}

h4 {
  font-size: 16px;
}

b, strong {
  font-weight: 500;
  font-style: normal;
}

/*
 * Interface — Sans Serif
 */
@font-face {
  font-family: "Roboto";
  font-style: "light";
  font-weight: 300;
  font-display: optional;
  src: url("/fonts/roboto/roboto-v29-latin-300.woff2") format("woff2"), url("/fonts/roboto/roboto-v29-latin-300.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: "regular";
  font-weight: 400;
  font-display: optional;
  src: url("/fonts/roboto/roboto-v29-latin-regular.woff2") format("woff2"), url("/fonts/roboto/roboto-v29-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Roboto";
  font-style: "bold";
  font-weight: 500;
  font-display: optional;
  src: url("/fonts/roboto/roboto-v29-latin-500.woff2") format("woff2"), url("/fonts/roboto/roboto-v29-latin-500.woff") format("woff");
}
/* source-code-pro-regular - latin */
@font-face {
  font-family: "Source Code Pro";
  font-style: normal;
  font-display: optional;
  font-weight: 400;
  src: url("../fonts/source-code-pro-v7-latin-regular.eot"); /* IE9 Compat Modes */
  src: local("Source Code Pro"), local("SourceCodePro-Regular"), url("../fonts/source-code-pro-v7-latin-regular.eot?#iefix") format("embedded-opentype"), url("../fonts/source-code-pro-v7-latin-regular.woff2") format("woff2"), url("../fonts/source-code-pro-v7-latin-regular.woff") format("woff"), url("../fonts/source-code-pro-v7-latin-regular.ttf") format("truetype"), url("../fonts/source-code-pro-v7-latin-regular.svg#SourceCodePro") format("svg"); /* Legacy iOS */
}
/* components */
#activityFeed .item {
  background-color: #222;
  margin-bottom: 10px;
  border-radius: 10px;
}
#activityFeed .projectThumb {
  padding: 0;
  margin: 5px;
  margin-top: 10px;
}
#activityFeed .projectThumb img {
  background-size: contain;
  background-image: url(/img/placeholder_dark.png);
}
#activityFeed .date {
  white-space: nowrap;
}
#activityFeed .activityTitle {
  color: var(--color_5);
}
#activityFeed .projectTitle {
  color: var(--black);
  text-transform: uppercase;
  font-weight: bold;
}
#activityFeed .projectTitle a {
  color: var(--black);
}
#activityFeed .content {
  border-left: 1px solid var(--highlight-color);
  display: inline-block;
  padding: 10px;
  background-color: var(--white);
  color: var(--middle-light-grey);
}
#activityFeed .important {
  border: 1px solid var(--highlight-color);
}

#nav-bar-avatar-wrapper {
  display: inline-block;
}

.nav-bar-avatar {
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 10px;
  margin-right: 10px;
  width: 22px;
  height: 22px;
  border-radius: 22px;
}

#nav-bar-avatar-wrapper:hover + #nav-bar-avatar-dropdown {
  display: block;
}

#nav-bar-avatar-dropdown:hover {
  display: block;
}

#nav-bar-avatar-dropdown {
  display: none;
  top: 34px;
  right: 0;
}
#nav-bar-avatar-dropdown li {
  white-space: nowrap;
}

.avatarSmall {
  display: block;
  width: 20px;
  height: 20px;
  background-size: cover;
  background-position: center center;
  border-radius: 20px;
  margin-right: 10px;
  overflow: hidden;
}

.avatarMedium {
  width: 30px;
  height: 30px;
  display: block;
  background-size: cover;
  background-position: center center;
  border-radius: 200px;
  overflow: hidden;
}

.avatarLarge {
  width: 50px;
  height: 50px;
  display: block;
  background-size: cover;
  background-position: center center;
  border-radius: 200px;
  overflow: hidden;
}

.avatarTimeline {
  width: 60px;
  height: 60px;
  display: block;
  background-size: cover;
  background-position: center center;
  border-radius: 200px;
  overflow: hidden;
}

.avatar-bg {
  background-color: var(--light-grey);
}
.avatar-bg div {
  background-size: 100% 100%;
  height: 100%;
  width: 100%;
}

.avatarBig {
  display: block;
  overflow: hidden;
  width: 115px;
  height: 115px;
  background-size: cover;
  background-position: center center;
  border-radius: 100%;
}

.avatar {
  overflow: hidden;
}

/* user avatars */
.avatar-small, .avatar {
  display: inline;
  width: 20px;
  height: 20px;
  border-radius: 100%;
  overflow: hidden;
}

.avatar-patch {
  background-color: var(--light-grey);
  width: 33px;
  height: 33px;
  float: left;
  margin-right: 10px !important;
  margin-top: 3px;
}

.avatarRow a {
  float: left;
  margin-right: 20px;
  margin-top: 10px;
  max-width: 50px;
  text-overflow: ellipsis;
  overflow: hidden;
  text-align: center;
  font-size: 12px;
}
.avatarRow a.inactive {
  opacity: 0.3;
}
.avatarRow .avatar-bg {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 5px;
}

button, input[type=button].button-small, button.button-small {
  border: 0px !important;
}

.button-small:hover .icon {
  background-color: var(--highlight-color-fill) !important;
}

.button, .button-primary, .button-small {
  display: inline-block;
  user-select: none;
  cursor: pointer;
  color: var(--black);
  background-color: var(--color-tag);
  padding: 5px 16px;
  margin-right: 10px;
  border-radius: 5px;
  text-align: center;
  margin-bottom: 2px;
  text-decoration: none !important;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.button:not(.inactive), .button-primary:not(.inactive), .button-small:not(.inactive) {
  cursor: pointer;
}
.button:active, .button.active, .button-primary:active, .button-primary.active, .button-small:active, .button-small.active {
  background-color: var(--color_4) !important;
}
.button:hover, .button-primary:hover, .button-small:hover {
  color: var(--highlight-color);
}
.button.inactive, .button-primary.inactive, .button-small.inactive {
  cursor: auto;
  pointer-events: none;
  opacity: 0.4;
}

.button-primary {
  color: var(--white);
  background-color: var(--highlight-color) !important;
}
.button-primary:hover {
  color: var(--white);
  background-color: #06da7a !important;
}
.button-primary:active {
  background-color: var(--black) !important;
}
.button-primary .icon {
  background-color: var(--white);
}

.button-delete {
  background-color: var(--red);
  color: white;
}

.button-small__sub-menu {
  position: absolute;
  bottom: 75px;
  right: 10px;
  padding-left: 22px;
  background-color: var(--white);
  padding: 20px;
  z-index: 1000;
}
.button-small__sub-menu.visible {
  display: block;
}
.button-small__sub-menu a {
  display: block;
}

.buttonSavingAnim {
  pointer-events: none;
}

.buttonSavingError {
  background-color: var(--warn-hint) !important;
  color: white !important;
}

.cookie-warning {
  position: fixed;
  bottom: 0;
  padding: 40px;
  background-color: var(--white);
  color: var(--dark-grey);
  z-index: 1000;
  width: 100vw;
  text-align: center;
  border-top: 1px solid var(--middle-grey);
}
.no-cookie-warning .cookie-warning {
  display: none !important;
}
.cookie-warning #cookie-close-icon {
  position: absolute;
  top: 10px;
  right: 24px;
  z-index: 2000;
  width: 22px;
  height: 22px;
  cursor: pointer;
  background-color: var(--middle-grey);
  -webkit-mask-image: url(/img/icons-feather/x.svg);
  mask-image: url(/img/icons-feather/x.svg);
}

.fav-text-and-icon {
  display: inline-block;
}
.fav-text-and-icon:hover .fav-hover-view {
  display: block;
}

.fav-wrapper:hover > .num-favs, .fav-wrapper:hover .fav-icon {
  color: var(--very-dark-grey);
}

.fav-text-and-icon {
  padding-bottom: 5px;
  position: relative;
}

.fav-hover-view {
  display: none;
  position: absolute;
  left: 12px;
  margin-left: 0;
}
.fav-hover-view:hover {
  display: block;
}
.fav-hover-view .likelist-container {
  background-color: var(--white);
  display: inline-block;
  padding: 15px;
  bottom: 10px;
  right: -40px;
  position: absolute;
}
.fav-hover-view .likelist-container .likelist {
  list-style: none;
  padding: 6px;
}
.fav-hover-view .likelist-container .likelist .likelist-item {
  break-inside: avoid;
  margin-right: 1px;
  margin-left: 1px !important;
  margin-bottom: 10px;
  text-align: center;
}
.fav-hover-view .likelist-container .likelist .likelist-item a {
  text-decoration: none;
}
.fav-hover-view .likelist-container .likelist .likelist-item:last-child {
  margin-right: 0;
}
.fav-hover-view .likelist-container .likelist .likelist-item .username {
  font-size: 12px;
  color: var(--middle-grey);
  text-overflow: ellipsis;
  overflow: hidden;
}
.fav-hover-view .likelist-container .likelist .likelist-item .username:hover {
  color: var(--highlight-color);
}
.fav-hover-view .likelist-container .likelist .likelist-item .avatar {
  background-size: cover;
}
.fav-hover-view .likelist-container .likelist .likelist-item .avatar:hover {
  opacity: 0.8;
}
.fav-hover-view .arrow-container {
  text-align: left;
  background-color: transparent;
}
.fav-hover-view .arrow-container img {
  width: 10px;
  height: 10px;
  position: relative;
  top: -12px;
  left: 8px;
}

/* lighten / darken amounts for hover
 *
 * usage:
 *   background-color: lighten(var(--highlight-color-fill), $hover-amount)
 *   background-color: darken(var(--highlight-color-fill), $hover-amount)
 */
/* base colors*/
:root {
  --color_0: #111111;
  --color_1: #1A1A1A;
  --color_2: #2A2A2A;
  --color_3: #444444;
  --color_4: #8C8C8C;
  --color_5: #dbdbdb;
  --color_6: #eaeaea;
  --color_7: #FFFFFF;
  --color-c:var(--color_5);
  --white: var(--color_7);
  --super-white: var(--color_7);
  --very-light-grey: var(--color_6);
  --lighter-tinted-grey: var(--color_6);
  --light-grey: var(--color_6);
  --light-tinted-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-light-grey: var(--color_4);
  --middle-grey-darker: var(--color_3);
  --middle-grey-darkest: var(--color_3);
  --dark-grey: var(--color_2);
  --very-dark-grey: var(--color_2);
  --black: var(--color_0);
  --red: #E14400;
  --green: green;
  --yellow: yellow;
  --warning: var(--middle-grey-darker);
  --info: #EBA605;
  --warn-hint: #aa0000;
  --box-shadow-1: 0 0 5px rgba(0, 0, 0, 0.15);
  --highlight-color-bright:#00FF85;
  --highlight-color-fill: #29bca8;
  --highlight-color-featured: #FFC700;
  --highlight-color: #24baa7;
  --color-divider:#aaa;
  --color-tag: var(--color_5);
  --color_inputfield_bg:var(--color_5);
  --color_port_value: #5CB59E;
  --highlight-block-color:#c8c8c8;
  /* general ------------------------------------------- */
  --bg-color: var(--very-light-grey);
  --menu-bg-color: var(--white);
  --link-color: var(--highlight-color);
  /* button */
  --button-outline-color: var(--highlight-color);
  --button-text-color: var(--dark-grey);
  --button-bg-color-hover: var(--highlight-color);
  --button-text-color-hover: var(--white);
  /* forms */
  --input-placeholder-text-color: var(--light-tinted-grey);
  /* menu ----------------------------------------------- */
  --menu-text-color: var(--dark-grey);
  --search-bar-bg-color: var(--middle-light-grey);
  --search-bar-icon-color: var(--middle-grey);
  --notification-icon-color: var(--dark-grey);
  /* settings ------------------------------------------- */
  --section-introduction-color: var(--middle-light-grey);
  --avatar-dropzone-color: var(--light-grey);
  --avatar-dropzone-text-color: var(--middle-light-grey);
  /* patch-infos -----------------------------------------*/
  --stat-icon-color: var(--middle-grey);
  --stat-icon-text-color: var(--middle-grey-darker);
  --author-date-text-color: var(--middle-grey-darker);
  --description-text-color: var(--dark-grey);
  /* comments ------------------------------------------- */
  --comment-date-color: var(--middle-grey-darker);
  --comment-text-color: var(--dark-grey);
  /* footer --------------------------------------------- */
  --footer-bg-color: var(--very-dark-grey);
  --footer-link-color: var(--highlight-color);
  --color-text:var(--dark-grey);
}

body.dark {
  --highlight-color-fill: #00FF85;
  --highlight-color: #00FF85;
  --highlight-block-color:#303030;
  --color-c:var(--color_2);
  --white: var(--color_0);
  --super-white: var(--color_1);
  --very-light-grey: var(--color_1);
  --light-tinted-grey: var(--color_3);
  --lighter-tinted-grey: var(--color_3);
  --light-grey: var(--color_3);
  --middle-light-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-grey-darker: var(--color_4);
  --dark-grey: var(--color_7);
  --black: var(--color_7);
  --color-divider:var(--color_3);
  --color-text:var(--color_7);
  --color-tag: var(--lighter-tinted-grey);
  --color_inputfield_bg: var(--color_3);
}
body.dark .megamenu {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark .nav-bar-dropdown-list {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark #template-list-dropdown {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}

.page-footer {
  background-color: var(--white);
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 60px;
}
@media only screen and (max-width: 47em) {
  .page-footer { /* mobile */
    margin-top: 30px;
  }
}
.page-footer .page-footer__link-list {
  list-style-type: none;
  font-size: 18px;
}
.page-footer .page-footer__link-list-item {
  line-height: 1.7em;
}
@media only screen and (max-width: 47em) {
  .page-footer .page-footer__link-list-item { /* mobile */
    text-align: center;
  }
}
.page-footer .page-footer__link {
  color: var(--dark-grey);
  cursor: pointer; /* for non-a elements */
}
.page-footer .page-footer__link:hover {
  color: var(--highlight-color);
}
.page-footer .page-footer__bottom-row {
  margin-top: 30px;
}
@media only screen and (min-width: 48em) {
  .page-footer .page-footer__bottom-row { /* tablet and up */
    display: flex;
  }
}
.page-footer .page-footer__undev-logo {
  width: 151px;
  height: 40px;
  -webkit-mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAyLjYgNTMuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAyLjYgNTMuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMyOUJDQTg7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwMi4xLDAuNWgtNTQuN2wwLDBoLTYuM2wwLDBjLTAuMiwwLTAuNCwwLTAuNiwwYy04LjksMC0xNi40LDUuNy0xOS4yLDEzLjVjLTIuNi03LjUtOS43LTEzLTE4LjItMTMuNFYwLjVoLTIydjE1LjRIODFDNzkuMiw3LjMsNzEuNywwLjcsNjIuNiwwLjFWMGgtMS4yYy0wLjEsMC0wLjEsMC0wLjIsMGMtMC4xLDAtMC4xLDAtMC4yLDBIMHYzMy4ybDAsMHYwLjFDMCw0NC4yLDkuMSw1MywyMC4zLDUzYzEwLDAsMTguMy03LjEsMjAtMTYuNHYxNi43SDEwM3YtMC4xYzguNS0wLjMsMTUuNi01LjgsMTguMy0xMy4zYzIuNyw3LjgsMTAuMywxMy41LDE5LjIsMTMuNWMwLjMsMCwwLjYsMCwwLjksMGgyMC45VjM2LjFMMTgxLjksNTNsMTkuOS0xN2gwLjNMMjAyLjEsMC41TDIwMi4xLDAuNXogTTEyMS40LDI3TDEyMS40LDI3YzAsMCwwLTAuMS0wLjEtMC4xbDAsMEMxMjEuMywyNi45LDEyMS4zLDI2LjksMTIxLjQsMjd6Ii8+PC9zdmc+);
  mask: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB2aWV3Qm94PSIwIDAgMjAyLjYgNTMuOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAyLjYgNTMuODsiIHhtbDpzcGFjZT0icHJlc2VydmUiPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+LnN0MHtmaWxsOiMyOUJDQTg7fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwMi4xLDAuNWgtNTQuN2wwLDBoLTYuM2wwLDBjLTAuMiwwLTAuNCwwLTAuNiwwYy04LjksMC0xNi40LDUuNy0xOS4yLDEzLjVjLTIuNi03LjUtOS43LTEzLTE4LjItMTMuNFYwLjVoLTIydjE1LjRIODFDNzkuMiw3LjMsNzEuNywwLjcsNjIuNiwwLjFWMGgtMS4yYy0wLjEsMC0wLjEsMC0wLjIsMGMtMC4xLDAtMC4xLDAtMC4yLDBIMHYzMy4ybDAsMHYwLjFDMCw0NC4yLDkuMSw1MywyMC4zLDUzYzEwLDAsMTguMy03LjEsMjAtMTYuNHYxNi43SDEwM3YtMC4xYzguNS0wLjMsMTUuNi01LjgsMTguMy0xMy4zYzIuNyw3LjgsMTAuMywxMy41LDE5LjIsMTMuNWMwLjMsMCwwLjYsMCwwLjksMGgyMC45VjM2LjFMMTgxLjksNTNsMTkuOS0xN2gwLjNMMjAyLjEsMC41TDIwMi4xLDAuNXogTTEyMS40LDI3TDEyMS40LDI3YzAsMCwwLTAuMS0wLjEtMC4xbDAsMEMxMjEuMywyNi45LDEyMS4zLDI2LjksMTIxLjQsMjd6Ii8+PC9zdmc+);
  background-repeat: no-repeat;
  display: inline-block;
  background-color: var(--highlight-color-fill);
}
.page-footer .page-footer__undev-logo:hover {
  opacity: 0.9;
}
.page-footer .page-footer__copyright-wrapper {
  display: flex;
  align-items: flex-end;
}
.page-footer .page-footer__copyright {
  color: var(--middle-grey);
}
.page-footer .page-footer__copyright a {
  color: var(--middle-grey);
}
.page-footer .page-footer__copyright a:hover {
  color: var(--highlight-color);
}

#modalbg {
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 44;
  background-color: #444;
  animation: animModalBgFadeIn 0.15s normal forwards ease-out;
  animation-iteration-count: 1;
}

.modalbgtransparent {
  background-color: transparent !important;
}

@keyframes animModalBgFadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 0.45;
  }
}
.modalcontainer {
  border-radius: 12px;
  position: absolute;
  display: block;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  top: 10%;
  width: auto;
  height: auto;
  max-width: 75%;
  max-height: 75%;
  overflow: auto;
  z-index: 50;
  background-color: var(--white);
  -webkit-box-shadow: -1px 1px 34px -6px rgba(0, 0, 0, 0.68);
  box-shadow: -1px 1px 34px -6px rgba(0, 0, 0, 0.68);
}
.modalcontainer .modalclose {
  right: 15px;
  margin-top: 5px;
  background-color: transparent;
  position: absolute;
  cursor: pointer;
  display: block;
  z-index: 100;
}
.modalcontainer .modalinner {
  padding: 15px;
  position: relative;
  height: 100%;
}
.modalcontainer .modalcontent {
  margin-top: 15px;
  overflow-y: auto;
  overflow-x: hidden;
}
.modalcontainer .modalfooter {
  position: absolute;
  bottom: 15px;
}

/* lighten / darken amounts for hover
 *
 * usage:
 *   background-color: lighten(var(--highlight-color-fill), $hover-amount)
 *   background-color: darken(var(--highlight-color-fill), $hover-amount)
 */
/* base colors*/
:root {
  --color_0: #111111;
  --color_1: #1A1A1A;
  --color_2: #2A2A2A;
  --color_3: #444444;
  --color_4: #8C8C8C;
  --color_5: #dbdbdb;
  --color_6: #eaeaea;
  --color_7: #FFFFFF;
  --color-c:var(--color_5);
  --white: var(--color_7);
  --super-white: var(--color_7);
  --very-light-grey: var(--color_6);
  --lighter-tinted-grey: var(--color_6);
  --light-grey: var(--color_6);
  --light-tinted-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-light-grey: var(--color_4);
  --middle-grey-darker: var(--color_3);
  --middle-grey-darkest: var(--color_3);
  --dark-grey: var(--color_2);
  --very-dark-grey: var(--color_2);
  --black: var(--color_0);
  --red: #E14400;
  --green: green;
  --yellow: yellow;
  --warning: var(--middle-grey-darker);
  --info: #EBA605;
  --warn-hint: #aa0000;
  --box-shadow-1: 0 0 5px rgba(0, 0, 0, 0.15);
  --highlight-color-bright:#00FF85;
  --highlight-color-fill: #29bca8;
  --highlight-color-featured: #FFC700;
  --highlight-color: #24baa7;
  --color-divider:#aaa;
  --color-tag: var(--color_5);
  --color_inputfield_bg:var(--color_5);
  --color_port_value: #5CB59E;
  --highlight-block-color:#c8c8c8;
  /* general ------------------------------------------- */
  --bg-color: var(--very-light-grey);
  --menu-bg-color: var(--white);
  --link-color: var(--highlight-color);
  /* button */
  --button-outline-color: var(--highlight-color);
  --button-text-color: var(--dark-grey);
  --button-bg-color-hover: var(--highlight-color);
  --button-text-color-hover: var(--white);
  /* forms */
  --input-placeholder-text-color: var(--light-tinted-grey);
  /* menu ----------------------------------------------- */
  --menu-text-color: var(--dark-grey);
  --search-bar-bg-color: var(--middle-light-grey);
  --search-bar-icon-color: var(--middle-grey);
  --notification-icon-color: var(--dark-grey);
  /* settings ------------------------------------------- */
  --section-introduction-color: var(--middle-light-grey);
  --avatar-dropzone-color: var(--light-grey);
  --avatar-dropzone-text-color: var(--middle-light-grey);
  /* patch-infos -----------------------------------------*/
  --stat-icon-color: var(--middle-grey);
  --stat-icon-text-color: var(--middle-grey-darker);
  --author-date-text-color: var(--middle-grey-darker);
  --description-text-color: var(--dark-grey);
  /* comments ------------------------------------------- */
  --comment-date-color: var(--middle-grey-darker);
  --comment-text-color: var(--dark-grey);
  /* footer --------------------------------------------- */
  --footer-bg-color: var(--very-dark-grey);
  --footer-link-color: var(--highlight-color);
  --color-text:var(--dark-grey);
}

body.dark {
  --highlight-color-fill: #00FF85;
  --highlight-color: #00FF85;
  --highlight-block-color:#303030;
  --color-c:var(--color_2);
  --white: var(--color_0);
  --super-white: var(--color_1);
  --very-light-grey: var(--color_1);
  --light-tinted-grey: var(--color_3);
  --lighter-tinted-grey: var(--color_3);
  --light-grey: var(--color_3);
  --middle-light-grey: var(--color_4);
  --middle-grey: var(--color_4);
  --middle-grey-darker: var(--color_4);
  --dark-grey: var(--color_7);
  --black: var(--color_7);
  --color-divider:var(--color_3);
  --color-text:var(--color_7);
  --color-tag: var(--lighter-tinted-grey);
  --color_inputfield_bg: var(--color_3);
}
body.dark .megamenu {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark .nav-bar-dropdown-list {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}
body.dark #template-list-dropdown {
  box-shadow: 5px 5px 8px -6px rgba(0, 0, 0, 0.5);
}

.clickable {
  cursor: pointer !important;
}

#nav-bar {
  margin-bottom: 40px;
}
@media screen and (max-width: 1024px) {
  #nav-bar {
    margin-bottom: 20px;
  }
}

.myPatchesFilterActive {
  border-left: 4px solid var(--highlight-color);
}

.myPatchesFilterInActive {
  border-left: 4px solid var(--light-tinted-grey);
  opacity: 0.5;
}

.megamenu .block h4 {
  font-weight: 400 !important;
}

.nav-bar-dropdown-list {
  display: none;
  list-style: none;
  position: absolute;
  padding: 12px;
  padding-top: 15px;
  list-style: none;
  background-color: var(--white);
  font-size: 17px;
  z-index: 999;
  box-shadow: 5px 5px 8px -6px var(--middle-grey);
}
.nav-bar-dropdown-list:hover {
  display: block;
}
.nav-bar-dropdown-list li {
  display: block;
  padding-bottom: 6px;
  padding-top: 6px;
}
.nav-bar-dropdown-list li:before {
  clear: both !important;
}
.nav-bar-dropdown-list li a {
  color: var(--dark-grey) !important;
}
.nav-bar-dropdown-list li a:before {
  clear: both !important;
}
.nav-bar-dropdown-list li:hover a {
  color: var(--highlight-color) !important;
  text-decoration: none !important;
}
.nav-bar-dropdown-list li:first-child {
  padding-top: 0;
}
.nav-bar-dropdown-list li:last-child {
  padding-bottom: 0;
}

.nav-item-with-submenu:hover + .nav-bar-dropdown-list {
  display: block;
}

#admin-nav-toggle {
  margin-right: 20px;
  font-size: 18px;
  cursor: pointer;
}
#admin-nav-toggle:hover {
  color: var(--highlight-color);
}
#admin-nav-toggle:hover + #admin-nav {
  display: block;
}

.cables-link {
  background-repeat: no-repeat !important;
  padding-left: 30px;
  display: inline-block !important;
  color: var(--highlight-color);
}

#nav-wrapper {
  background-color: var(--white);
  height: 45px;
}
body.admin #nav-wrapper {
  background-color: var(--warn-hint);
}

#nav-infobar {
  background-color: var(--lighter-tinted-grey);
  color: var(--black);
  padding: 10px;
  min-height: 40px;
}
#nav-infobar.error {
  background-color: var(--warn-hint);
}
#nav-infobar.error a {
  color: var(--black);
}
#nav-infobar.warning {
  background-color: var(--red);
}
.dark #nav-infobar.warning {
  background-color: var(--warning);
}
#nav-infobar.info {
  background-color: var(--info);
}
#nav-infobar.info a {
  color: var(--black);
}
#nav-infobar.neutral {
  background-color: var(--lighter-tinted-grey);
}

.nav-item-with-submenu {
  padding-bottom: 10px;
}

#nav-learn-dropdown {
  left: 200px;
}

#nav-community-dropdown {
  left: 270px;
}

#nav-mypatches-dropdown {
  margin-left: -20px;
}

nav .fa-external-link {
  opacity: 0.4;
}
nav ul {
  padding-top: 10px;
  margin: 0;
  list-style-type: none;
}
nav ul li {
  display: inline;
  font-size: 17px;
  margin-right: 12px;
}
nav ul li .fa-angle-down {
  position: relative;
  top: 2px;
  margin-right: 5px;
}
nav ul li a {
  color: var(--dark-grey);
  text-decoration: none;
}
nav ul li a:hover {
  text-decoration: none;
}

nav .nav-item-list {
  white-space: nowrap;
}
nav .nav-item-list li .fa-external-link {
  font-size: 0.69em;
  margin-left: 4px;
}
nav .nav-item-list li a {
  font-size: 17px;
  text-decoration: none !important;
}
nav .nav-item-list li:hover {
  color: var(--highlight-color);
}
nav .nav-item-list li:hover a:not(.button-small) {
  color: var(--highlight-color);
}
nav .nav-item-list li .button-small {
  color: var(--black);
}

#signup-and-login {
  /* vvv copy from landing nav... should be merged later... */
  list-style: none;
  margin-top: 10px;
}
#signup-and-login li {
  display: inline;
  margin-right: 10px;
}
#signup-and-login #login-button:hover {
  color: var(--highlight-color);
  border-bottom: 1px solid var(--highlight-color);
  text-decoration: none;
}

#login-button {
  text-decoration: none;
}
.maintenanceMode #login-button {
  display: none;
}

.maintenanceMode #signup-button {
  display: none;
}

#headsearch {
  border: none;
  border-radius: 10px;
  background-color: var(--lighter-tinted-grey);
  height: 22px;
  width: 80px;
  text-indent: 6px;
  padding-left: 8px;
  padding-right: 5px;
  margin-right: 5px;
  display: block;
  float: left;
}

#top-bar-search-form {
  margin-right: 5px;
}
#top-bar-search-form input.submit {
  margin-right: 6px;
  background-size: 19px !important;
  -webkit-mask-size: 20px;
  mask-size: 20px;
  width: 21px;
  height: 21px;
  background-color: transparent;
  border: none;
}

#notification-icon {
  position: relative;
  top: -2px;
}

.dropdown-divider {
  border: none;
  border-top: 1px solid var(--very-light-grey);
  height: 1px;
  width: 100%;
  background-color: transparent;
  margin-top: 0px;
  margin-bottom: 0px;
}

#nav-explore:hover + #nav-explore-menu,
#nav-explore-menu:hover {
  display: block;
  left: 105px;
}

#nav-cables:hover + #nav-cables-menu,
#nav-cables-menu:hover {
  display: block;
  left: 0px;
}

.megamenu {
  box-shadow: 5px 5px 8px -6px var(--middle-grey);
  margin-top: 0px;
  border: 10px solid transparent;
  position: absolute;
  z-index: 9999;
  width: 400px;
  padding: 0px;
  background: var(--white);
}
.megamenu hr {
  margin-top: 10px;
  margin-bottom: 10px;
  opacity: 0.4;
}
.megamenu .sub {
  font-size: 13px;
  opacity: 0.8;
}
.megamenu .sub:hover {
  text-decoration: underline !important;
}
.megamenu a.sub {
  margin-left: 10px;
}
.megamenu .block {
  width: 100%;
  display: block;
  padding-bottom: 6px;
  padding-left: 10px;
  padding-top: 5px;
  margin-bottom: 5px;
}
.megamenu .block h4 {
  text-decoration: none;
  margin-bottom: 1px;
  font-size: 18px;
}
.megamenu .block:hover {
  background-color: var(--super-white);
  text-decoration: none;
}
.megamenu .block a:hover h4 {
  text-decoration: none !important;
}

.megamenu-big {
  width: 600px;
}

.redbubble {
  border-radius: 4px;
  background-color: var(--red);
  color: white;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
}

.greybubble {
  border-radius: 4px;
  background-color: var(--color_5);
  color: black;
  padding-left: 5px;
  padding-right: 5px;
  margin-right: 5px;
}

#mobileNavHeader {
  background-color: var(--white);
  height: 40px;
  cursor: pointer;
}

#mobileActivityButton {
  position: absolute;
  right: 50px;
  top: 0px;
  width: 50px;
  height: 50px;
}

#mobileBurgerButton {
  position: absolute;
  right: 0px;
  top: 0px;
  width: 50px;
  height: 50px;
}

#mobileBurgerMenu {
  position: absolute;
  background-color: var(--white);
  top: 40px;
  z-index: 11000;
  width: 100%;
}
#mobileBurgerMenu li {
  padding: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 17px;
  border-top: 1px solid var(--light-grey);
}
#mobileBurgerMenu li a {
  display: block;
  width: 100%;
  color: var(--black);
}
#mobileBurgerMenu ul {
  border-bottom: 1px solid var(--light-grey);
}

#notification-icon {
  margin-top: 10px;
  margin-left: 14px;
}

.notification-alert {
  color: var(--highlight-color);
  position: absolute;
  margin-left: 12px;
  margin-top: 10px;
  font-size: 12px;
  pointer-events: none;
}

#notifications {
  height: 100%;
  display: inline-block;
  padding: 2px;
}
#notifications img {
  margin-top: 10px;
  margin-left: 10px;
  margin-right: 10px;
}

#notifications:hover + #nav-bar-notification-dropdown {
  display: block;
}

#nav-bar-activityfeed-wrapper {
  margin-left: 10px;
  display: inline-block;
}

#mobileActivityButton {
  margin-top: 5px;
}

#nav-bar-activityfeed-wrapper .redbubble, #mobileActivityButton .redbubble {
  z-index: 100;
  position: absolute;
  margin-left: -5px;
  margin-top: 5px;
}
#nav-bar-activityfeed-wrapper .dot, #mobileActivityButton .dot {
  border-radius: 100%;
  width: 5px;
  height: 5px;
  background-color: white;
  z-index: 100;
  position: absolute;
  margin-left: 0;
  margin-top: 2px;
}
#nav-bar-activityfeed-wrapper .important, #mobileActivityButton .important {
  border-radius: 100%;
  width: 5px;
  height: 5px;
  background-color: var(--red);
  z-index: 100;
  position: absolute;
  margin-left: 0;
  margin-top: 2px;
}

#nav-bar-notification-dropdown {
  z-index: 1000;
  position: absolute;
  display: none;
  padding: 20px !important;
  padding-top: 26px;
  top: 34px;
  background-color: var(--white);
  width: 300px;
  right: 0;
}
#nav-bar-notification-dropdown:hover {
  display: block;
}
#nav-bar-notification-dropdown .button {
  margin-top: 20px;
  width: 100%;
  display: block;
  text-align: center;
}
#nav-bar-notification-dropdown li {
  margin-bottom: 8px;
  list-style: none;
}
#nav-bar-notification-dropdown li:last-child {
  margin-bottom: 0;
}

.newsline .avatar-wrapper {
  height: 100%;
}
.newsline .avatar {
  margin-right: 12px;
}
.newsline .top-right-part {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.newsline .time {
  font-style: italic;
  color: var(--middle-light-grey);
  font-size: 0.8em;
}
.newsline .following-text {
  color: var(--middle-grey);
}
.newsline .bottom-right-part {
  height: 20px;
  overflow: hidden;
}

.template_project {
  float: left;
  width: 200px;
  height: 140px;
  overflow: hidden;
  margin-right: 20px;
  margin-bottom: 20px;
}

#template-list-dropdown {
  z-index: 9999;
  min-width: 900px;
  background-color: var(--white);
  position: absolute;
  left: -155px;
  display: none;
  text-decoration: none;
  border: none;
  padding: 20px !important;
  padding-top: 27px !important;
  padding-right: 0px !important;
  padding-bottom: 0px !important;
  box-shadow: 5px 5px 8px -6px var(--middle-grey);
}
#template-list-dropdown .template_project:first-child {
  height: 420px;
}
#template-list-dropdown .template_project .project-title {
  width: 100%;
}
#template-list-dropdown:hover {
  display: block;
}

#nav-template-link:hover + #template-list-dropdown {
  display: block;
}

#nav-my-projects-link:hover + #my-recent-projects-dropdown {
  display: flex;
}

.template_project:hover .half-image-link,
#my-recent-projects-dropdown .project:hover .half-image-link {
  background: rgba(44, 44, 44, 0.5);
}
.template_project:hover .half-image-link .text,
#my-recent-projects-dropdown .project:hover .half-image-link .text {
  opacity: 0.45;
  color: white;
}
.template_project:hover .half-image-link .text span,
#my-recent-projects-dropdown .project:hover .half-image-link .text span {
  margin-bottom: 15px;
}
.template_project .half-image-link, .template_project .full-image-link,
#my-recent-projects-dropdown .project .half-image-link,
#my-recent-projects-dropdown .project .full-image-link {
  width: 100px;
  height: 113px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: row;
  transition: background 0.2s ease;
  cursor: pointer;
}
.template_project .half-image-link .icon, .template_project .full-image-link .icon,
#my-recent-projects-dropdown .project .half-image-link .icon,
#my-recent-projects-dropdown .project .full-image-link .icon {
  background-color: white;
}
.template_project .half-image-link .text, .template_project .full-image-link .text,
#my-recent-projects-dropdown .project .half-image-link .text,
#my-recent-projects-dropdown .project .full-image-link .text {
  opacity: 0;
  color: white;
  transition: opacity 0.2s ease;
  transition: background 0.3s ease;
}
.template_project .half-image-link:hover, .template_project .full-image-link:hover,
#my-recent-projects-dropdown .project .half-image-link:hover,
#my-recent-projects-dropdown .project .full-image-link:hover {
  background: rgba(44, 44, 44, 0.7);
}
.template_project .half-image-link:hover .text, .template_project .full-image-link:hover .text,
#my-recent-projects-dropdown .project .half-image-link:hover .text,
#my-recent-projects-dropdown .project .full-image-link:hover .text {
  opacity: 1;
  color: var(--highlight-color-bright);
}
.template_project .full-image-link,
#my-recent-projects-dropdown .project .full-image-link {
  width: 100%;
  height: 100%;
}

#template-list-dropdown .project .image-and-links {
  margin-bottom: 5px;
}

#my-recent-projects-dropdown .project {
  width: 300px;
  margin: 0;
  margin-bottom: 16px;
}
#my-recent-projects-dropdown .project .image-and-links {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  color: var(--highlight-color);
  background-color: #222;
  background-size: 200px 113px;
  width: 200px;
  height: 113px;
  background-repeat: no-repeat;
  margin-bottom: 5px;
}
#my-recent-projects-dropdown .project .infos {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  text-align: left;
}
#my-recent-projects-dropdown .project .project-title {
  width: 160px;
  color: var(--dark-grey);
  font-weight: 500;
  white-space: nowrap;
  overflow: hidden;
  line-height: 22px !important;
  text-overflow: ellipsis;
  text-transform: uppercase;
}
#my-recent-projects-dropdown .project .project-title span { /*font-awesome lock*/
  margin-right: 4px;
}
#my-recent-projects-dropdown .project:hover {
  border: none;
}

.patchlist-icon {
  display: inline-block;
}

#patch-lists .lists .list:not(:last-child):after {
  content: ",";
}

#patchlist-suggest {
  height: 450px;
  width: 500px;
  overflow: hidden;
  position: fixed;
}
#patchlist-suggest .modalcontent {
  height: 75%;
}
#patchlist-suggest .addList, #patchlist-suggest .listName {
  cursor: pointer;
}
#patchlist-suggest #patchListDialogLoading {
  position: absolute;
  width: 100%;
  z-index: 999;
  margin-top: -24px;
}
#patchlist-suggest table tr:hover {
  background-color: black;
}
#patchlist-suggest table tr:hover .openlink {
  opacity: 1;
}
#patchlist-suggest table .openlink {
  opacity: 0;
}
#patchlist-suggest table td.addList {
  width: 10%;
}
#patchlist-suggest table td.listType {
  overflow: hidden;
  text-overflow: ellipsis;
}
#patchlist-suggest table td input {
  cursor: pointer;
}
#patchlist-suggest table td input[type=checkbox] {
  margin-right: 0;
}
#patchlist-suggest table td img {
  border-radius: 100%;
  vertical-align: middle;
  width: 20px;
  height: 20px;
  margin-right: 6px;
  background-color: var(--color-c);
}
#patchlist-suggest table td .icon {
  margin-left: auto;
}

#patchlist .patchlistitem .stats-and-title .stats {
  float: right;
}
#patchlist .patchlistitem .stats-and-title .stats .icon {
  margin-right: 4px;
}
#patchlist .patchlistitem .up, #patchlist .patchlistitem .down {
  padding: 5px 5px;
  margin-right: 1px;
  padding: 5px 5px;
  margin-right: 1px;
}
#patchlist .patchlistitem.first .up {
  opacity: 0.5;
}
#patchlist .patchlistitem.last .down {
  opacity: 0.5;
}

.patchlist-info .avatar-and-username {
  display: flex;
  align-items: center;
  position: relative;
}
.patchlist-info .avatar-and-username .avatar-bg {
  display: flex;
  margin-right: 10px;
}
.patchlist-info .avatar-and-username #toggleFav {
  right: 10px;
  position: absolute;
  top: 0;
}

.progressbar {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  width: 100%;
  background-color: var(--lighter-tinted-grey);
}
.progressbar::-webkit-progress-value {
  background-color: var(--dark-grey);
}
.progressbar::-moz-progress-bar {
  background-color: var(--dark-grey);
}
.progressbar.warning::-webkit-progress-value {
  background-color: yellow;
}
.progressbar.warning::-moz-progress-bar {
  background-color: yellow;
}
.progressbar.error::-webkit-progress-value {
  background-color: red;
}
.progressbar.error::-moz-progress-bar {
  background-color: red;
}

.project-title {
  text-transform: uppercase;
  display: inline-block;
  margin-bottom: 0px;
  font-weight: 500;
  width: 62%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--color-text);
  max-height: 21px;
}
.project-title a {
  color: var(--color-text);
}

.avatar-and-username #patch-lists ul.lists {
  display: inline-block;
}
.avatar-and-username #patch-lists ul.lists li {
  margin: 0px;
  padding: 0px;
  list-style: none;
  white-space: nowrap;
  display: inline-block;
}
.avatar-and-username #patch-lists ul.lists li a {
  display: inline-block;
  white-space: nowrap;
}
.avatar-and-username #patch-lists ul.lists li:not(:last-child):after {
  content: ", ";
  white-space: pre;
}

.project-list .project-list-headline .subtitle {
  font-weight: 300;
  font-size: 15px;
  text-transform: none;
  margin-top: -20px;
  margin-bottom: 10px;
}
.project-list .row {
  display: flex;
  flex-wrap: wrap;
}
.project-list#featured {
  margin-bottom: 0;
}
.project-list .project {
  padding-top: 0px;
  padding-bottom: 0px;
  margin-bottom: 20px;
}
.project-list .project.fullSize .project-thumb-container img {
  width: 100%;
  height: 100%;
}
.project-list .project .project-thumb-container {
  width: 100%;
  padding-top: 56.3%;
  overflow: hidden;
  position: relative;
  background-size: contain;
  background-image: url("/img/placeholder.png");
}
.dark .project-list .project .project-thumb-container {
  background-image: url("/img/placeholder_dark.png");
}
.project-list .project .project-thumb-container a, .project-list .project .project-thumb-container img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.project-list .project .project-thumb-container:hover .hover-half-link {
  background-color: rgba(44, 44, 44, 0.4) !important;
  opacity: 0.4;
  transition: background 0.2s ease;
}
.project-list .project .project-thumb-container .hover-half-link {
  width: 50%;
  position: absolute;
  opacity: 0;
  height: 100%;
  top: 0%;
  text-align: center;
  padding-top: 20%;
  z-index: 99;
  opacity: 0;
  transition: background 0.2s ease;
  transition: opacity 0.2s ease;
  font-size: 17px;
  color: white;
}
.project-list .project .project-thumb-container .hover-half-link .icon {
  margin-bottom: 10px;
  background-color: white;
}
.project-list .project .project-thumb-container .hover-half-link:hover {
  background-color: rgba(44, 44, 44, 0.7);
  cursor: pointer;
  opacity: 1;
  color: var(--highlight-color-bright);
}
.project-list .project .project-thumb-container {
  width: 100%;
  -webkit-filter: opacity(1);
  filter: opacity(1);
}
.project-list .project .project-thumb-container:hover {
  -webkit-filter: opacity(0.8);
  filter: opacity(0.8);
  -webkit-transition: 0.1s ease-in-out;
  transition: 0.1s ease-in-out;
}
.project-list .project .project-thumb-container .opImgOverPatch {
  top: 74%;
  transform: translate(0, -50%);
  margin-left: 8%;
  pointer-events: none;
}
.project-list .project .project-title .fa-lock {
  margin-right: 4px;
}
.project-list .project .stats-and-title {
  padding-top: 8px;
  padding-left: 10px;
  text-align: left;
}
.project-list .project .stats-and-title .icon {
  background-color: var(--middle-light-grey);
  width: 18px;
  height: 18px;
  background-size: 100%;
  mask-size: 100%;
  -webkit-mask-size: 100%;
  vertical-align: top;
  margin-right: 3px;
}
.project-list .project .stats-and-title .icon:hover {
  background-color: var(--black);
}
.project-list .project .stats-and-title .privateIcon {
  width: 20px;
  float: left;
  height: 23px;
  margin-top: 8px;
  margin-right: 9px;
}
.project-list .project .stats-and-title .privateIcon .icon {
  background-color: var(--middle-light-grey);
}
.project-list .project .stats-and-title .privateIcon .icon:hover {
  background-color: var(--middle-light-grey);
}
.project-list .project .stats-and-title .stats {
  display: inline-block;
  position: absolute;
  width: 25%;
  right: 20px;
  margin-top: 10px;
  color: var(--middle-light-grey);
}
.project-list .project .stats-and-title .stats span {
  margin-left: 8px;
}
.project-list .project .stats-and-title .stats span:before {
  margin-right: 4px;
}
.project-list .project .avatar {
  margin-right: 2px;
}
.project-list .project .author-and-time {
  position: relative;
  top: -5px;
  width: 62%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--middle-light-grey);
}
.project-list .project .author-and-time .author {
  font-weight: 300;
  text-transform: lowercase;
}
.project-list .project .author-and-time .time, .project-list .project .author-and-time .separator {
  color: var(--middle-light-grey);
}

[data-tooltip]:hover:before {
  display: inline-block;
  font-size: 12px;
  content: attr(data-tooltip);
  position: absolute;
  white-space: pre-wrap;
  color: var(--middle-light-grey);
  background-color: #222;
  padding: 5px;
  width: 200px;
  z-index: 9998;
  margin-left: 50px;
  margin-top: 45px;
}

.searchform {
  margin-top: 35px;
  border-radius: 30px;
  background-color: var(--white);
  display: inline-block;
}
.dark .searchform {
  background-color: var(--lighter-tinted-grey);
}
.searchform input {
  background-color: transparent;
  border: 0;
  float: left;
  padding-top: 11px;
  padding-left: 20px;
}
.searchform input.submit {
  border: 0;
  padding: 0 !important;
  width: 40px !important;
  background-color: var(--highlight-color);
  margin-top: 7px;
  mask-size: unset;
  -webkit-mask-size: unset;
}

.searchformsmall {
  border-radius: 30px;
  background-color: var(--lighter-tinted-grey);
  display: inline-block;
}
.searchformsmall input {
  background-color: transparent;
  border: 0;
  float: left;
  padding-top: 2px !important;
  padding-left: 10px !important;
  padding-bottom: 2px !important;
  width: 80px;
}
.searchformsmall input[type=submit] {
  border: 0;
  padding: 0 !important;
  background-color: var(--black);
  -webkit-mask-size: 18px;
  mask-size: 18px;
  height: 18px;
  margin-top: 2px;
  width: 23px;
}

.tab-bar, .tab-bar-style {
  list-style-type: none;
  position: relative;
}
.tab-bar li, .tab-bar-style li {
  display: inline-block;
  padding: 6px 2px;
  color: var(--middle-grey);
  text-decoration: none;
  margin-left: 0px !important;
  margin-right: 10px;
  letter-spacing: 0.04em;
  cursor: pointer;
  user-select: none;
  font-weight: 300;
  border-bottom: 2px solid transparent;
}
.tab-bar li a, .tab-bar-style li a {
  color: var(--middle-grey) !important;
  text-decoration: none;
}
.tab-bar li + li, .tab-bar-style li + li {
  margin-left: 4px;
}
.tab-bar li:hover, .tab-bar-style li:hover {
  border-bottom: 2px solid var(--light-grey);
}
.tab-bar li.active, .tab-bar-style li.active {
  border-bottom: 2px solid var(--highlight-color);
  font-weight: 500;
  color: var(--dark-grey);
}
.tab-bar li.active a, .tab-bar-style li.active a {
  color: var(--dark-grey) !important;
}
.tab-bar li.disabled, .tab-bar-style li.disabled {
  cursor: auto;
}
.tab-bar li.disabled:hover, .tab-bar-style li.disabled:hover {
  border-bottom: none;
}
.tab-bar li .num::before, .tab-bar-style li .num::before {
  content: "(";
}
.tab-bar li .num::after, .tab-bar-style li .num::after {
  content: ")";
}

.tabs {
  background-color: var(--black);
  width: 100%;
  display: inline-block;
}
.tabs .title {
  text-align: left;
  font-weight: 100;
  font-size: 30px;
  padding: 10px;
  padding-left: 20px;
  padding-bottom: 20px;
  padding-top: 20px;
  background-image: url(/logo.png);
  background-repeat: no-repeat;
  background-size: 35px;
  background-position: 10px 20px;
  padding-left: 50px;
  opacity: 0.4;
  color: #fff;
}
.tabs .tab {
  cursor: pointer;
  float: left;
  padding: 10px;
  padding-left: 20px;
  padding-right: 20px;
  background-color: var(--black);
}
.tabs .tab.active {
  background-color: var(--dark-grey);
  color: var(--white);
}

.pagination .tab-bar li {
  display: inline-block;
}
.pagination .tab-bar li.next, .pagination .tab-bar li.prev {
  color: var(--black);
}
.pagination .tab-bar li.next:hover, .pagination .tab-bar li.prev:hover {
  color: var(--highlight-color);
}
.pagination ul {
  padding-top: 50px;
  display: block;
}
.pagination .button-small {
  padding-left: 10px !important;
  padding-right: 10px !important;
  padding-top: 5px !important;
  padding-bottom: 3px !important;
}

table {
  width: 100%;
  border: 1px solid var(--color-c);
}
table.noborder {
  border: 0;
}
table.noborder td {
  border: 0;
  vertical-align: middle;
  padding: 2px 10px;
}
table.compact td {
  padding: 2px 0px;
}

th {
  padding: 12px 15px;
  text-align: left;
  font-weight: 500;
  font-size: 16px;
  position: sticky;
  top: 0;
  background-color: var(--color-c);
}

td {
  padding: 10px;
  padding-bottom: 4px;
  padding-top: 4px;
  text-align: left;
  vertical-align: top;
  font-weight: 400;
  font-size: 12px;
  border-bottom: solid 1px var(--color-c);
  color: var(--color_5);
}

.tbl-content {
  overflow-x: auto;
  margin-top: 0px;
}
.tbl-content tr:hover {
  background-color: rgba(255, 255, 255, 0.01);
}

.errorReports table.log {
  font-family: monospace;
  padding: 0;
}
.errorReports table.log td {
  background-color: #111;
  padding: 0;
}
.errorReports table.log pre {
  margin-top: 10px;
  padding: 0;
  background-color: #000;
}

#tags {
  color: var(--middle-grey-darker);
  margin-top: 16px;
}

.tag {
  color: var(--dark-grey);
  border: none;
  padding: 5px 12px;
  cursor: pointer;
  display: inline-block;
  text-decoration: none;
  font-weight: 400;
  font-size: 12px;
  margin-left: 4px;
  margin-bottom: 8px;
  letter-spacing: 0.03em;
  border: none;
  margin-right: 4px;
  border-radius: 20px;
  white-space: nowrap;
  background-color: var(--color-tag);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.tag:hover {
  color: var(--white);
  background-color: var(--highlight-color);
  text-decoration: none;
}
.tag.active {
  color: var(--white);
  background-color: var(--highlight-color);
  text-decoration: none;
}
.tag.button-small--with-sub-menu {
  position: relative;
}

.team-container {
  max-width: 150px;
  text-overflow: ellipsis;
  margin-right: 20px;
  margin-bottom: 10px;
  text-align: center;
  display: inline-block;
}
.team-container.public-team {
  display: block;
  float: left;
}
.team-container img {
  border-radius: 100%;
  max-width: 150px;
  height: 150px;
  margin-bottom: 10px;
}
.team-container .team-halflink {
  position: absolute;
  width: 130px;
  padding-top: 100px;
  height: 260px;
  z-index: 1000;
  cursor: pointer;
  opacity: 1;
}
.team-container .team-halflink:hover {
  color: var(--highlight-color);
}

.my-team-thumb {
  width: 200px !important;
  text-align: center;
  text-transform: uppercase;
  justify-content: initial !important;
  align-items: initial !important;
}
.my-team-thumb .title {
  width: 100%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
.my-team-thumb .image-and-links {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  margin-left: 55px !important;
}

table tr.marked.oldOp {
  background-color: unset;
  opacity: 0.3;
}

.threeDotsMenu-container {
  display: inline-flex;
  flex-direction: row;
  cursor: pointer;
}

.threeDotsMenu {
  position: relative;
  padding: 2px 10px;
}

.threeDotsMenu > .threeDotsMenu-content {
  z-index: 9999;
  display: none;
  position: absolute;
  width: 130px;
  margin-left: -130px;
  background: var(--white);
  border: 1px solid var(--light-grey);
  text-align: left;
}
.threeDotsMenu > .threeDotsMenu-content.long {
  width: unset;
}
.threeDotsMenu > .threeDotsMenu-content.openRight {
  margin-left: unset;
}
.threeDotsMenu > .threeDotsMenu-content.openLeft {
  right: 25px;
}

.threeDotsMenu:focus-within > .threeDotsMenu-content {
  display: flex;
  flex-direction: column;
}

.threeDotsMenu span {
  margin-left: 0 !important;
}

.threeDotsMenu a {
  white-space: nowrap;
  display: inline-block;
  padding: 0.5rem;
  color: var(--dark-grey);
  text-decoration: none;
}

.threeDotsMenu hr {
  padding: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

.threeDotsMenu a:hover {
  background-color: var(--super-white);
}

/* pages */
#admin_edit textarea {
  min-height: 200px;
  height: auto;
  font-family: monospace;
}

.admin-lamp-input-label {
  display: inline-block;
  width: 160px;
}

.admin-lamp-value-label {
  margin-left: 8px;
}

.admin-lamp-page input[type=range] {
  padding: 0;
}
.admin-lamp-page .row + .row {
  margin-top: 40px;
}

.adminpage .lasturl {
  max-width: 400px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.adminpage .doc_false, .adminpage .test_false, .adminpage .example_false {
  background-color: var(--red);
  opacity: 0.5;
  border-right: 3px solid transparent;
}
.adminpage .doc_true, .adminpage .test_true, .adminpage .example_true {
  background-color: var(-green);
  opacity: 0.5;
  border-right: 3px solid transparent;
}
.adminpage .opgood_true {
  color: var(--green) !important;
}
.adminpage .staff {
  background-color: var(--yellow);
}
.adminpage .admin {
  background-color: var(--yellow);
}
.adminpage .bio {
  overflow: hidden;
  white-space: nowrap;
  max-width: 200px;
  text-overflow: ellipsis;
}
.adminpage table.log {
  border: 10px solid #0a0a0a;
}
.adminpage table.log td {
  padding-top: 3px;
  padding-bottom: 3px;
  background-color: #0a0a0a;
}
.adminpage table.log td pre {
  display: block;
  padding: 5px;
  margin-top: 10px;
  margin-bottom: 10px;
}

#activityFeed .filters {
  background: var(--white);
  border-radius: 10px;
}
#activityFeed .filters .feedfilter {
  cursor: pointer;
}

.topic-Fav .projectThumb {
  display: none;
}

.homeTopic-Fav .date {
  display: none;
}
.homeTopic-Fav .overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.activityFeedEntry {
  position: relative;
  background-color: var(--highlight-block-color);
  margin-bottom: 10px;
  border-radius: 10px;
}
.activityFeedEntry .projectThumb {
  margin: 0 !important;
}
.activityFeedEntry .avatarLarge {
  float: left;
  margin-right: 10px;
}
.activityFeedEntry .info {
  line-height: 24px;
  margin-top: -5px;
}
.activityFeedEntry .info .actions {
  text-transform: capitalize;
  line-height: initial;
}
.activityFeedEntry .delete {
  position: absolute;
  right: 0.65rem;
  top: 0.65rem;
}
.activityFeedEntry .team-container {
  margin-bottom: 0;
  margin-top: 10px;
}
.activityFeedEntry .team-container img {
  height: unset;
  aspect-ratio: 1;
  height: 100px !important;
}

.uploadAvatar {
  overflow: hidden;
  background-color: transparent;
  position: relative;
  width: 200px;
  height: 200px;
}
.uploadAvatar .avatar .image {
  border-radius: 100%;
  position: absolute;
}
.uploadAvatar .upload {
  position: absolute;
  z-index: 1000;
  width: 100%;
  text-align: center;
  padding-top: 35%;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 100%;
  color: #aaa;
}
.uploadAvatar .upload {
  cursor: pointer;
}
.uploadAvatar .upload:hover {
  background-color: rgba(0, 0, 0, 0.4);
  color: white;
}
.uploadAvatar .upload .icon {
  background-color: white;
}

.browserresult .header {
  background-color: #f3f3f3;
  margin-bottom: 10px;
  font-size: 20px;
}
.browserresult h5 {
  text-transform: uppercase;
}
.browserresult .header-title {
  color: var(--highlight-color);
  font-weight: 500;
  text-transform: uppercase;
}
.browserresult .header-info {
  font-weight: normal;
}
.browserresult .not-available {
  color: red;
}
.browserresult .warning {
  margin-top: 30px;
  background-color: #ff0;
  padding: 20px;
}

#speedtestResult .results .result {
  margin-top: 10px;
}
#speedtestResult .results .result .server {
  margin-top: 5px;
}
#speedtestResult .results .result div {
  margin-left: 10px;
}

.changelogitem h4 {
  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
}

.changelogtable tr td, .changelogtable {
  border: 0;
}

.changelogtype {
  font-size: 12px !important;
  border-radius: 10px;
  padding: 4px;
  margin: 4px;
  margin-right: 10px;
  color: white;
  text-transform: uppercase;
  font-weight: bold;
  padding-left: 10px;
  padding-right: 10px;
}

.changelogText {
  color: var(--color-text);
  font-size: 15px;
}

.changelogtype-feature {
  background-color: rgb(173, 173, 173);
}

.changelogtype-improvement, .changelogtype-bugfix {
  background-color: rgb(99, 99, 99);
}

.changelogtype-deprecation, .changelogtype-critical {
  background-color: rgb(246, 153, 2);
}

.changelogtype-rename {
  background-color: #444;
}

.changelogtype-new {
  background-color: #b8ab00;
}

#credits ul {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 1rem 0 1rem;
  list-style: circle;
  width: 90%;
}
#credits ul li {
  /* display: flex; */
  align-items: center;
  margin: 0.25rem 1rem;
}
#credits ul li a {
  padding: 5px 5px 0;
  transition: 0.3s;
  text-decoration: none;
}
#credits ul.center {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  padding: 1rem 0 1rem;
  list-style: none;
  justify-content: center;
  width: 90%;
}
#credits ul.center li {
  /* display: flex; */
  align-items: center;
  margin: 0.25rem 1rem;
}
#credits ul.center li a {
  padding: 5px 5px 0;
  transition: 0.3s;
  text-decoration: none;
}
#credits .supporterlevelbox {
  border: 3px solid var(--highlight-color);
  margin-left: 10px;
  margin-right: 10px;
  height: 100%;
  border-radius: 20px;
  padding: 10px;
}
#credits .supporterlevelbox h2 {
  text-align: center;
  margin-top: 15px;
}
#credits .supporterlevelbox .price {
  text-align: center;
  font-size: 20px;
}
#credits .supporterlevelbox.current {
  border: 3px solid yellow !important;
  background-color: #333;
}
#credits .supporterlevelbox.current .button {
  display: none;
}
#credits .supporterlevelbox .levelheader {
  background-color: rgb(108, 108, 108);
  border-radius: 20px;
}
#credits .supporterlevelbox .levelheader img {
  width: 100px;
  transform: translate(-50%);
  margin-left: 50%;
}
#credits .scroll_button {
  position: absolute;
  margin-top: 100px;
  background-color: #333;
  padding: 2px;
  border-radius: 5px;
  cursor: pointer;
}
#credits .scroll_left {
  margin-left: -50px;
}
#credits .scroll_right {
  right: 0px;
}

.docs_md h3, .docs_md h2 {
  margin-top: 40px;
  margin-bottom: 30px;
}
.docs_md h4 {
  margin-top: 30px;
  margin-bottom: 20px;
}
.docs_md h4 {
  font-weight: normal;
  font-size: 1.3em;
}
.docs_md pre, .docs_md code, .docs_md code * {
  font-family: monospace !important;
  background-color: #000;
  color: #ddd;
}
.docs_md pre {
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}
.docs_md p {
  margin-top: 10px;
  margin-bottom: 5px;
}
.docs_md li {
  margin-top: 8px;
}
.docs_md li, .docs_md p {
  line-height: 23px;
  color: var(--section-introduction-color);
}
.docs_md #editor {
  margin: initial !important;
  position: initial !important;
}

.docs_md_breadcrumb {
  margin-bottom: 20px;
}
.docs_md_breadcrumb a.button-small:last-child {
  background-color: var(--white);
}

.docs_md_nav a {
  color: var(--black);
}
.docs_md_nav .level1 a {
  padding-left: 20px;
}
.docs_md_nav .level2 a {
  padding-left: 40px;
  color: var(--middle-light-grey);
}
.docs_md_nav .level3 a {
  padding-left: 60px;
  color: var(--middle-light-grey);
}
.docs_md_nav .level2 a:before, .docs_md_nav .level3 a:before {
  color: var(--middle-light-grey);
  font-weight: bold;
  content: "• ";
}
.docs_md_nav .level0 {
  font-size: 36px;
  font-weight: 100;
}
.docs_md_nav .level1 {
  font-size: 20px;
  display: block;
  margin-top: 10px;
  margin-bottom: 5px;
}
.docs_md_nav .active {
  color: var(--highlight-color) !important;
}
.docs_md_nav span a {
  width: 100%;
  max-width: 100%;
  display: inline-block;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-overflow: ellipsis;
  padding-left: 5px;
  padding-right: 5px;
}

.errordata code {
  width: 100%;
}

::-webkit-scrollbar {
  background: transparent;
}

::-webkit-resizer {
  background: var(--black);
  color: white !important;
}

::-webkit-scrollbar-thumb {
  background: var(--lighter-tinted-grey);
}

textarea::-webkit-scrollbar {
  background: var(--lighter-tinted-grey);
}

textarea::-webkit-scrollbar-thumb {
  background: var(--middle-grey);
}

.example-list-column {
  clear: both;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 50px;
  padding-right: 0;
  overflow-y: scroll;
  max-height: calc(100vh - 140px);
}

.examplelist {
  overflow-x: hidden;
  overflow-y: auto;
}
.examplelist li {
  margin-left: 10px;
  list-style-type: none;
}

#projectlist {
  max-height: 83vh;
}

#projectlist + ul {
  padding-right: 43px;
  text-overflow: ellipsis;
  overflow: hidden;
}

#projectlist ul ul {
  margin-left: 22px;
}

#projectlist > ul li {
  margin-left: 0;
}

#example-name {
  display: inline-block;
  margin-bottom: 10px;
}

.example-patch-link {
  margin-left: 5px;
}

iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 16/9 !important;
}

#open-project-button {
  float: right;
}
#open-project-button:after {
  clear: both;
}

.example-infos {
  margin-bottom: 34px;
  padding: 50px;
}

#example-detail {
  background-color: var(--white);
}

#example-description {
  margin-top: 32px;
}
#example-description code {
  background-color: var(--white);
  color: var(--black);
}

.tag-list-wrapper {
  color: var(--middle-grey);
}

.markdown {
  line-height: 1.37em;
}
.markdown ol, .markdown p, .markdown ul {
  line-height: 1.37em;
  margin-left: inherit;
  margin-bottom: inherit;
  margin-top: inherit;
}

.tag-list {
  display: inline;
  margin-left: 6px;
}
.tag-list li {
  list-style-type: none;
  display: inline;
}
.tag-list li .tag {
  margin-left: 0;
}
.tag-list li + li:before {
  content: ", ";
}

#page-home .grid-item {
  overflow: hidden;
  display: block;
  margin-bottom: 25px;
  background-color: var(--white);
  width: 100%;
}
@media (min-width: 600px) {
  #page-home .grid-item {
    width: 260px;
  }
  #page-home .c0,
  #page-home .c1,
  #page-home .c9 {
    width: 545px;
  }
}
#page-home .homefeed {
  max-height: 840px;
  overflow: hidden;
}
#page-home .homefeedFoot {
  content: "";
  position: absolute;
  z-index: 1;
  height: 100px;
  margin-top: -100px;
  left: 0;
  background-image: linear-gradient(to bottom, rgba(0, 255, 255, 0), var(--very-light-grey) 90%);
  width: 100%;
}
#page-home .homefeedFoot .more {
  text-align: center;
  margin-top: 55px;
}
#page-home .cimg {
  cursor: pointer;
  padding-bottom: 75%;
}
#page-home #featured .infos {
  padding-left: 10px;
  padding-bottom: 10px;
}
#page-home #featured .stats-and-title {
  padding-right: 10px;
}
#page-home .titlebox {
  padding: 10px;
  padding-bottom: 0;
  background-color: var(--white);
  white-space: nowrap;
}
#page-home .titlebox ul {
  overflow: hidden;
}
#page-home .provider-YouTube .titlebox {
  display: none;
}
#page-home .videoicon {
  background-image: url(/img/play.png);
  background-size: contain;
  position: absolute;
  background-repeat: no-repeat;
  width: 50px;
  left: 50%;
  top: 60%;
  transform: translate(-50%, -50%);
  height: 100px;
  pointer-events: none;
  margin: 0 !important;
  padding: 0px !important;
}
#page-home #top-of-the-month h2 {
  margin-top: 0 !important;
}

body {
  background-color: var(--very-light-grey);
}

.landing #nav-bar {
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.bigtitle {
  color: var(--black);
  font-size: 40px;
  background-color: var(--white);
  padding: 9px;
  display: inline;
  line-height: 4.2rem;
  display: inline-block;
}
@media only screen and (min-device-width: 320px) and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait) {
  .bigtitle {
    line-height: 2.2rem;
    font-size: 30px;
  }
}

#nav-middle-menu {
  margin-right: 0;
  height: 45px;
}
#nav-middle-menu .button {
  padding-top: 2px;
  padding-bottom: 2px;
}
#nav-middle-menu > li {
  float: left;
}
#nav-middle-menu > li:first-child {
  margin-right: 0;
}
#nav-middle-menu > li:hover {
  border: none;
}
#nav-middle-menu > li:hover a {
  text-decoration: underline;
}
#nav-middle-menu #reset-password-wrapper {
  padding-top: 8px;
}
#nav-middle-menu #reset-password-link {
  color: var(--dark-grey);
  font-size: 12px;
}
#nav-middle-menu #reset-password-link:hover {
  color: var(--highlight-color);
}

#landing-feature-section {
  background-color: white;
}

#cables-for-developers-section {
  margin-top: 60px;
}

.showcase-row {
  margin-bottom: 10px;
}

.democontainer {
  background-color: #333;
}

#ui-video {
  padding-top: 46px;
}

@media screen and (min-width: 768px) {
  #ui-video {
    padding-left: 30px;
  }
}
.landing {
  line-height: 22px;
  color: var(--dark-grey);
}
.landing h2 {
  margin-bottom: 20px;
  line-height: 50px !important;
  font-weight: 300;
  font-size: 2.3em !important;
  margin-top: 0px;
}
.landing .text-center h3 {
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: 200;
}
.landing #nav-middle-menu {
  padding: 0;
}
.landing .rowbg_white {
  background-color: var(--white);
  padding-top: 50px;
  padding-bottom: 50px;
  margin-top: 50px;
  margin-bottom: 50px;
}
.landing .rowbg_cycle .button-round {
  margin-top: 14px;
}
.landing section {
  padding-top: 50px;
  padding-bottom: 50px;
}
@media (max-width: 768px) {
  .landing section {
    padding-top: 40px;
    padding-bottom: 40px;
  }
}
.landing .title {
  font-size: 20px;
  position: relative;
  top: 4px;
}
.landing #login-button {
  line-height: 44px;
}
.landing #login-button:hover {
  color: var(--highlight-color);
}
.maintenanceMode .landing #signup-button-content {
  display: none;
}
.landing #signup-button {
  position: relative;
  top: 4px;
  line-height: initial;
}
.maintenanceMode .landing #signup-button {
  display: none;
}
.landing .tab_content_signup {
  color: var(--dark-grey);
}
.landing .tab_content_signup #email {
  border: 1px solid var(--highlight-color);
}
.landing #thesignupform h3 {
  color: white;
}
.landing #thesignupform input[type=text] {
  background-color: white;
  color: var(--dark-grey);
}
.landing .rowbg_cycle {
  background-color: var(--very-light-grey);
}
.landing .rowbg_cycle#undev-info {
  padding-bottom: 0px;
  padding-top: 80px;
  margin-bottom: 0;
}
.landing .landing_screencircle {
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  width: 140px;
  height: 140px;
  border-radius: 140px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
}
.landing #loginlayer {
  background-color: var(--white);
  display: none;
  padding: 20px;
  right: 10px;
  width: 360px;
}
.landing .errors {
  display: none;
  background-color: #ea6638;
  color: #000;
  padding: 10px;
  margin-bottom: 20px;
  text-align: left;
}
.landing .errors a {
  color: #000;
  text-decoration: underline;
}
.landing .loginpanel {
  padding: 0px;
}
.landing .loginpanel .formcontainer {
  padding: 20px;
  margin-top: 27px;
}
.landing .loginpanel input[type=text], .landing .loginpanel input[type=password] {
  color: var(--dark-grey) !important;
  border: none;
  background-color: var(--very-light-grey);
  border-radius: 0;
  font-size: 15px;
  width: 100%;
}
.landing .loginpanel input[type=text]:focus, .landing .loginpanel input[type=password]:focus {
  color: #eee;
}
.landing .loginpanel input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px var(--very-light-grey) inset;
  -webkit-text-fill-color: var(--dark-grey);
}
.landing .democontainer {
  height: 420px;
  overflow: hidden;
  margin-bottom: 20px;
  width: 100%;
  cursor: pointer;
}
.landing .democontainer .demoloading {
  position: absolute;
  left: 50%;
  top: 35%;
}
.landing .democontainer .demoswitcher {
  -webkit-user-select: none; /* Chrome all / Safari all */
  -moz-user-select: none; /* Firefox all */
  -ms-user-select: none; /* IE 10+ */
  user-select: none; /* Likely future */
  position: absolute;
  left: 50%;
  margin-left: -20px;
}
.landing .democontainer .demoswitcher i {
  cursor: pointer;
  padding: 10px;
  padding-bottom: 10px;
  background-color: #000;
  color: #fff;
  opacity: 0.7;
  margin-right: 5px;
  font-size: 10px;
}
.landing .democontainer .demoswitcher i:hover {
  opacity: 1;
  color: #fff;
}
.landing .multiplatform .fa-4x {
  margin-left: 5px;
  margin-right: 5px;
  color: #ddd;
}
.landing .multiplatform .fa-2x {
  margin-left: 5px;
  margin-right: 5px;
}

.made-with-cables-introduction {
  color: var(--middle-grey);
}

#made-with-cables-header {
  margin-bottom: 80px;
}

#made-with-cables-footer {
  margin-bottom: 100px;
}

#made-with-cables-section .project-link {
  display: block;
}
#made-with-cables-section .authors li, #made-with-cables-section .clients li {
  margin-left: 0;
}
#made-with-cables-section .project {
  margin-bottom: 80px;
}
#made-with-cables-section .project img {
  max-width: 100%;
  width: 100%;
  max-height: 100%;
  opacity: 1;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
#made-with-cables-section .project img:hover {
  opacity: 0.8;
  -webkit-transition: opacity 250ms linear;
  -moz-transition: opacity 250ms linear;
  -o-transition: opacity 250ms linear;
  transition: opacity 250ms linear;
}
#made-with-cables-section .project .infos {
  text-align: center;
  padding-top: 4px;
  line-height: 1.3;
}
#made-with-cables-section .project .title {
  width: 100%;
  text-align: center;
  font-weight: 500;
  font-size: 23px;
  margin-top: 6px;
  color: var(--dark-grey);
}
#made-with-cables-section .project .authors, #made-with-cables-section .project .clients {
  list-style: none;
  display: inline;
  margin-left: 0;
}
#made-with-cables-section .project .authors li, #made-with-cables-section .project .clients li {
  display: inline;
}
#made-with-cables-section .project .authors li + li:before, #made-with-cables-section .project .clients li + li:before {
  content: ", ";
}

#op-page {
  /* line height for longer texts */
}
#op-page .aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%; /* The height of the item will now be 56% of the width. */
  margin-bottom: 10px;
}
#op-page .aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}
#op-page .md p {
  margin-bottom: 10px;
}
#op-page .md h3 {
  margin-top: 10px;
  margin-bottom: 10px;
}
#op-page input, #op-page textarea {
  border: 0;
}
#op-page .taglist {
  margin-bottom: 4px;
}
#op-page .old-op-warning {
  padding: 20px;
  margin-bottom: 20px;
}
#op-page .old-op-warning h3 {
  margin-top: 10px;
  display: flex;
  align-items: center;
}
#op-page #display_doc pre, #op-page #display_doc code {
  background-color: var(--white);
  font-size: 13px;
  padding: 2px 4px;
  margin: 0 1px;
}
#op-page .greyed {
  opacity: 0.5;
}
#op-page .opcontainer {
  margin-bottom: 20px;
  background-color: #dedede;
  width: 100%;
  padding-top: 50px;
  padding-bottom: 50px;
}
#op-page .opcontainer img {
  margin-left: auto;
  margin-right: auto;
  display: block;
}
#op-page .example-container {
  margin-top: 22px;
}
#op-page .ports {
  margin-left: 15px;
}
#op-page h4 {
  margin-top: 10px;
}
#op-page .port {
  margin-left: 10px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#op-page .port .port-name {
  display: inline;
  text-transform: capitalize;
}
#op-page .edit-port {
  padding-left: 19px;
}
#op-page .display-port {
  margin-left: 19px;
  margin-top: 8px;
}
#op-page .op-namespace {
  margin-bottom: 10px;
  background-color: transparent;
  font-size: 16px;
}
#op-page .typeicon {
  width: 10px;
  height: 10px;
  display: inline-block;
  margin-right: 8px;
}
#op-page .summary-text {
  margin-bottom: 20px;
}
#op-page .summary-text:first-letter {
  text-transform: uppercase;
}
#op-page .edit-doc-text {
  color: var(--middle-grey);
  margin-top: 42px;
}
#op-page #display_doc, #op-page display-port {
  line-height: 1.4em;
}
#op-page #display_doc {
  list-style-position: inside;
}
#op-page .typeicon_Value, #op-page .typeicon_Number {
  background-color: #5CB59E;
}
#op-page .typeicon_Trigger, #op-page .typeicon_Function {
  background-color: #F0D165;
}
#op-page .typeicon_String {
  background-color: #d57272;
}
#op-page .typeicon_Object {
  background-color: #AB5A94;
}
#op-page .typeicon_Dynamic {
  background-color: #FFF6E5;
}
#op-page .typeicon_Array {
  background-color: #8084D4;
}
#op-page .typeicon_Unknown {
  background-color: #aaa;
}

/*
 * /ops/screenshots - op_screenshots.html
 */
#opscreenshots .screenshot {
  background-size: contain;
  background-image: url("/img/placeholder.png");
}
.dark #opscreenshots .screenshot {
  background-image: url("/img/placeholder_dark.png");
}

/*
 * The patch-detail-page
 */
#errorEl {
  display: none;
  height: 100%;
  width: 100%;
}

#errorEl h2 {
  color: #aaa;
}

#project-view .infos {
  background-color: var(--white);
  padding: 20px;
  padding-top: 10px;
}
#project-view .patch-name {
  display: inline-block;
}
#project-view .patch-action-buttons {
  text-align: center;
}
@media only screen and (max-width: 768px) {
  #project-view .patch-action-buttons {
    text-align: left;
  }
  #project-view .patch-action-buttons .button-small {
    margin-bottom: 4px;
  }
  #project-view .patch-action-buttons .button-small__sub-menu .button-small {
    box-shadow: 2px 2px 2px var(--middle-light-grey);
    -webkit-box-shadow: 2px 2px 2px var(--middle-light-grey);
  }
}
#project-view #stats {
  color: var(--middle-grey);
  text-align: right;
}
@media only screen and (max-width: 768px) {
  #project-view #stats {
    position: relative;
    top: -6px;
  }
}
#project-view #stats .value {
  vertical-align: middle;
}
#project-view #stats .icon {
  width: 24px;
  height: 24px;
  background-color: var(--middle-grey);
  position: relative;
  color: var(--middle-grey);
}
#project-view #stats .icon.clickable {
  cursor: pointer;
}
#project-view #stats .icon.clickable:hover {
  background-color: var(--highlight-color);
}
#project-view #stats .icon.fav-icon {
  top: 5px;
  margin-left: 4px;
  cursor: pointer;
}
#project-view #stats .icon.icon-eye {
  top: 6px;
  margin-left: 6px;
}
#project-view #stats .icon.icon-message-circle {
  top: 5px;
  margin-left: 4px;
}
@media only screen and (min-width: 1024px) {
  #project-view .first-row {
    display: flex;
    align-items: baseline;
  }
}
@media only screen and (max-width: 375px) {
  #project-view .second-row-right {
    text-align: center;
  }
}
#project-view .patch-licence {
  padding: 5px;
  position: relative;
}
#project-view .patch-licence .licenceText {
  margin-top: 10px;
}
#project-view .patch-licence .icon {
  background-color: var(--middle-light-grey);
  margin-right: 5px;
}
#project-view .patch-licence img {
  margin: 2px;
  width: 25px;
  opacity: 0.5;
}
#project-view .patch-licence .cc-text {
  background-color: var(--white);
  padding: 15px;
  bottom: 10px;
  border-bottom: 25px solid transparent;
  right: -40px;
  position: absolute;
  height: 50px;
  opacity: 1;
  position: absolute;
  box-shadow: 5px 6px 25px 0 rgba(0, 0, 0, 0.24);
  padding: 15px;
  background-color: var(--white);
  z-index: 2;
}
#content #project-view .patch-licence .cc-text {
  top: -50px;
  left: 50%;
  transform: translate(-50%, 0);
}
#project-view h3 {
  margin-bottom: 10px;
}
#project-view .intro-text {
  color: #828685;
}
#project-view .tags {
  margin-left: 2px;
}
#project-view .tags .tag {
  margin-left: 1px;
}
#project-view .avatar-and-username {
  display: flex;
  align-items: center;
}
#project-view .avatar-bg {
  margin-right: 10px;
}
#project-view .user-info-popup-wrapper {
  bottom: 90px;
  left: 82px;
}
#project-view #open-editor-button, #project-view #request-access-button, #project-view #request-write-button {
  margin-right: 11px;
}
@media only screen and (max-width: 375px) {
  #project-view #open-editor-button, #project-view #request-access-button, #project-view #request-write-button {
    position: initial;
  }
}
#project-view #follow-button {
  margin-left: 8px;
}
#project-view #more-button .icon-more-horizontal-fill {
  -webkit-mask-size: 100%;
  mask-size: 100%;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-position-y: 2px;
  mask-position-y: 2px;
  width: 12px;
  height: 12px;
}
#project-view #like-button.liked:after {
  content: "d";
}
#project-view .fav-hover-view {
  position: absolute;
  bottom: 12px;
  right: 32px;
  margin-left: 0;
}
#project-view .fav-hover-view .likelist-container {
  border-bottom: 25px solid transparent;
}

.fakefullscreen {
  width: 100vw !important;
  height: 100vh !important;
  position: fixed;
  left: 0px;
  z-index: 999;
  top: 0px;
  bottom: 0px;
}

#patchsummary .patch-name a {
  color: var(--color-text);
}
#patchsummary .stats .comments {
  top: 6px;
  margin-right: 4px;
}
#patchsummary .stats .commentLink {
  color: var(--middle-grey);
}
#patchsummary .project-view .infos {
  padding: 10px;
}

#qrcanvas {
  border: 10px solid white;
  margin-top: 10px;
  display: block;
}
#qrcanvas img {
  min-width: 100%;
}

#numComments {
  color: var(--middle-grey-darker);
  font-style: italic;
  font-weight: 400;
}

.comment_username {
  color: var(--highlight-color);
}

.comment_date {
  font-style: italic;
  color: var(--middle-grey-darker);
}

.comment .comment_user {
  text-align: right;
  min-height: 68px;
}
.comment .comment_user.invitation {
  min-height: 122px;
  border-right: 1px solid var(--highlight-color);
}

.comment_content {
  border-left: 1px solid var(--highlight-color);
}
.comment_content textarea {
  border: none;
  padding: 10px;
  width: 100%;
  height: 100px;
  resize: vertical;
  background-color: var(--white);
}

.comment_markdown_hint {
  color: var(--middle-light-grey);
}
.comment_markdown_hint a {
  color: var(--middle-light-grey);
  text-decoration: underline;
}
.comment_markdown_hint a:hover {
  color: var(--highlight-color);
}

#export_dialog .exportOption {
  width: 100%;
}
#export_dialog .exportOptionPanel .info {
  margin-bottom: 20px;
}
#export_dialog #exportoptions {
  margin-bottom: 20px;
}

/* page-specific-styles in here, the rest below */
.settings-page h1 {
  margin-bottom: 0;
}
.settings-page #import-patch-button {
  margin-top: 26px;
}
.settings-page input[type=text], .settings-page textarea {
  border: none;
}

.overlaysave {
  position: fixed;
  padding: 20px !important;
  bottom: 0px;
  left: 0px;
  background-color: black;
  width: 100%;
  margin: 0px;
}

.patch-licence-info {
  padding: 15px;
}

.patch-licence-info a {
  padding-top: 10px;
  display: inline-block;
}

.patch-licence-textarea {
  overflow: auto;
  height: 300px;
  width: 100%;
  background-color: var(--color_2);
}

.patchLicence.inactive .radiodiv {
  pointer-events: none;
  opacity: 0.5;
}
.patchLicence.inactive .name {
  pointer-events: none;
  opacity: 0.5;
}
.patchLicence.inactive::before {
  margin-top: 10px;
}

.input-label {
  font-weight: 400;
  padding-bottom: 8px;
}

label.input-label {
  display: inline-block;
}

.section-introduction-text {
  font-style: italic;
  padding-top: 2px;
  color: var(--section-introduction-color);
}

.settings-submit-row {
  margin-top: 30px;
}

#user-bio {
  resize: none;
}

#avatar-dropzone {
  border-radius: 50%;
  width: 140px;
  height: 140px;
  background-color: var(--avatar-dropzone-color);
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-top: 12px;
}
#avatar-dropzone #dropzone-text {
  text-align: center;
  color: var(--avatar-dropzone-text-color);
}

.radiodiv {
  display: inline-block;
  border-radius: 100%;
  border: 5px solid var(--color_3);
  width: 15px;
  height: 15px;
  background-color: var(--color_inputfield_bg);
  cursor: pointer;
  margin-right: 8px;
}

.radiodiv_checked {
  background-color: var(--black) !important;
  border: 5px solid var(--color_4);
}

#notificationSettings .webpush_subscriptions table {
  width: 100%;
  max-width: 500px;
  margin-top: 10px;
  margin-left: 35px;
}
#notificationSettings .webpush_subscriptions table td:first-child {
  width: 70%;
  vertical-align: middle;
}
#notificationSettings .webpush_subscriptions .button.add {
  margin-top: 10px;
}
#notificationSettings .webpush_subscriptions .device-sub.remove {
  cursor: pointer;
}
#notificationSettings .currentDeviceText {
  display: none;
}
#notificationSettings .currentDevice td {
  color: var(--black);
}
#notificationSettings .currentDevice .currentDeviceText {
  display: inline-block;
}

.loginpanel .formcontainer {
  background-color: var(--white);
}
.loginpanel .formcontainer h2 {
  font-size: 1.3em;
  color: var(--highlight-color);
}

/* put special rules, which clash with other selectors here: */
.styleguide-spacer {
  height: 70px;
}

.styleguid-colors {
  display: flex;
  flex-wrap: wrap;
}

.styleguide-color-item {
  display: flex;
  flex-direction: column;
  margin-right: 20px;
  margin-bottom: 20px;
}

.styleguide-color-item__color-rect {
  width: 130px;
  height: 130px;
  display: flex;
  flex-direction: row;
}
.styleguide-color-item__color-rect[data-color=highlight] {
  box-sizing: border-box;
  border: 1px solid var(--highlight-color);
}
.styleguide-color-item__color-rect[data-color=highlight-fill] {
  background-color: var(--highlight-color-fill);
}
.styleguide-color-item__color-rect[data-color=white] {
  background-color: var(--white);
}
.styleguide-color-item__color-rect[data-color=very-light-grey] {
  background-color: var(--very-light-grey);
}
.styleguide-color-item__color-rect[data-color=middle-light-grey] {
  background-color: var(--middle-light-grey);
}
.styleguide-color-item__color-rect[data-color=middle-grey] {
  background-color: var(--middle-grey);
}
.styleguide-color-item__color-rect[data-color=middle-grey-darker] {
  background-color: var(--middle-grey-darker);
}
.styleguide-color-item__color-rect[data-color=bluisch-middle-grey] {
  background-color: var(--middle-grey-darker);
}
.styleguide-color-item__color-rect[data-color=dark-grey] {
  background-color: var(--dark-grey);
}
.styleguide-color-item__color-rect[data-color=very-dark-grey] {
  background-color: var(--very-dark-grey);
}
.styleguide-color-item__color-rect[data-color=light-grey] {
  background-color: var(--light-grey);
}
.styleguide-color-item__color-rect[data-color=light-tinted-grey] {
  background-color: var(--light-tinted-grey);
}
.styleguide-color-item__color-rect[data-color=lighter-tinted-grey] {
  background-color: var(--lighter-tinted-grey);
}
.styleguide-color-item__color-rect[data-color=middle-lighter-grey] {
  background-color: var(--light-tinted-grey);
}

.styleguide-color-item__name {
  text-align: center;
  font-size: 10px;
}

#tests .testcontainer, #testresult .testcontainer {
  border-left: 10px solid transparent;
  min-height: 25px;
}

#testprogresstable td {
  padding: 1px;
  padding-bottom: 10px;
}
#testprogresstable td.grey {
  background-color: #444;
}
#testprogresstable td.failed {
  background-color: #a00;
}
#testprogresstable td.passed {
  background-color: #0a0;
}

#testprogress {
  background-color: var(--color_7);
  height: 15px;
  width: 50%;
}

#testprogressinner {
  background-color: var(--highlight-color);
  height: 15px;
}
#testprogressinner.failed {
  background-color: var(--warn-hint);
}

.test_status {
  color: white;
  border-radius: 5px;
  padding: 2px;
  padding-left: 5px;
  padding-right: 5px;
  text-transform: uppercase;
  font-weight: bold;
  background-color: #EBA605;
}

.test_passed, .test_success {
  background-color: #007700;
}

.test_failed, .test_error, .test_fail {
  background-color: #990000;
}

#user-page #nav-bar + #user-page-header {
  margin-bottom: 0;
}
#user-page #user-page-header {
  height: 40vh;
  pointer-events: none;
  background-color: white;
  border-top: 1px solid var(--very-light-grey);
}
#user-page #user-page-header .patch-container, #user-page #user-page-header .patch-container iframe {
  width: 100%;
  height: 100%;
}
#user-page #patch-select {
  width: 230px;
}
#user-page .social-icon-list-wrapper {
  display: flex;
  justify-content: flex-start;
  flex-direction: row;
}

/* end user page*/