/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device 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 for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
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/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}
/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}
/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}
/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}
/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}
/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, 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/10.
 */
img {
  border: 0;
}
/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}
/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}
/**
 * Address differences between Firefox and other browsers.
 */
hr {
  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, 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/11.
 */
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/9/10/11, 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.
 * 4. CUSTOM FOR WEBFLOW: Removed the input[type="submit"] selector to reduce
 *    specificity and defer to the .w-button selector
 */
button,
html input[type="button"],
input[type="reset"] {
  -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 and Chrome.
 * 2. CUSTOM FOR WEBFLOW: box-sizing: content-box rule removed
 *    (similar to normalize.css >=4.0.0)
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
}
/**
 * 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/10/11.
 * 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/10/11.
 */
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;
}
/*
Version: @@ver@@ Timestamp: @@timestamp@@
*/
.select2-container {
  margin: 0;
  position: relative;
  display: inline-block;
  /* inline-block for ie7 */
  zoom: 1;
  *display: inline;
  vertical-align: middle;
}
.select2-container,
.select2-drop,
.select2-search,
.select2-search input {
  /*
    Force border-box so that % widths fit the parent
    container without overlap because of margin/padding.

    More Info : http://www.quirksmode.org/css/box.html
  */
  /* webkit */
  -khtml-box-sizing: border-box;
  /* konqueror */
  /* firefox */
  -ms-box-sizing: border-box;
  /* ie */
  box-sizing: border-box;
  /* css3 */
}
.select2-container .select2-choice {
  display: block;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-container .select2-choice span {
  margin-right: 26px;
  display: block;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.select2-container .select2-choice abbr {
  display: none;
  width: 12px;
  height: 12px;
  position: absolute;
  right: 24px;
  top: 8px;
  font-size: 1px;
  text-decoration: none;
  border: 0;
  outline: 0;
}
.select2-container.select2-allowclear .select2-choice abbr {
  display: inline-block;
}
.select2-container .select2-choice abbr:hover {
  background-position: right -11px;
}
.select2-drop-mask {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9998;
}
.select2-drop {
  position: absolute;
  width: 100%;
  margin-top: -1px;
  margin-left: -1px;
  top: 100%;
  z-index: 9999;
  background: #fff;
  color: #000;
  border: 1px solid #aaa;
  border-top: 0;
}
.select2-drop-auto-width {
  border-top: 1px solid #aaa;
  width: auto;
}
.select2-drop-auto-width .select2-search {
  padding-top: 4px;
}
.select2-drop.select2-drop-above {
  margin-top: 1px;
  border-top: 1px solid #aaa;
  border-bottom: 0;
}
.select2-search {
  display: inline-block;
  width: 100%;
  min-height: 26px;
  margin: 0;
  padding-left: 4px;
  padding-right: 4px;
  position: relative;
  z-index: 10000;
  white-space: nowrap;
}
.select2-search input {
  width: 100%;
  height: auto !important;
  min-height: 26px;
  padding: 4px 20px 4px 5px;
  margin: 0;
  outline: 0;
  font-family: sans-serif;
  font-size: 1em;
}
.select2-drop.select2-drop-above .select2-search input {
  margin-top: 4px;
}
.select2-container-active .select2-choice,
.select2-container-active .select2-choices {
  border: 1px solid #5897fb;
  outline: none;
}
.select2-dropdown-open .select2-choice {
  border-bottom-color: transparent;
}
.select2-dropdown-open .select2-choice div {
  background: transparent;
  border-left: none;
  -webkit-filter: none;
  filter: none;
}
/* results */
.select2-results {
  max-height: 200px;
  padding: 0 0 0 4px;
  margin: 4px 4px 4px 0;
  position: relative;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.select2-results ul.select2-result-sub {
  margin: 0;
  padding-left: 0;
}
.select2-results ul.select2-result-sub > li .select2-result-label {
  padding-left: 20px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 40px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 60px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 80px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 100px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 110px;
}
.select2-results ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub ul.select2-result-sub > li .select2-result-label {
  padding-left: 120px;
}
.select2-results li {
  list-style: none;
  display: list-item;
  background-image: none;
  cursor: default;
  color: rgba(255, 255, 255, 0.9);
}
.select2-results li.select2-result-with-children > .select2-result-label {
  font-weight: bold;
}
.select2-results .select2-result-label {
  padding: 3px 7px 4px;
  margin: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.select2-drop .select2-highlighted,
.select2-drop .select2-result-selectable.select2-highlighted,
.select2-drop .select2-result-selectable.select2-highlighted:hover {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.select2-drop .select2-result-selectable:hover {
  background: #6b6b6b;
  color: rgba(255, 255, 255, 0.9);
}
.select2-results li em {
  background: #feffde;
  font-style: normal;
}
.select2-results .select2-highlighted em {
  background: transparent;
}
.select2-results .select2-highlighted ul {
  background: white;
  color: #000;
}
.select2-results .select2-no-results,
.select2-results .select2-searching,
.select2-results .select2-selection-limit {
  background: #f4f4f4;
  display: list-item;
}
/*
disabled look for disabled choices in the results dropdown
*/
.select2-results .select2-disabled.select2-highlighted {
  color: #666;
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-disabled {
  background: #f4f4f4;
  display: list-item;
  cursor: default;
}
.select2-results .select2-selected {
  display: none;
}
.select2-more-results {
  background: #f4f4f4;
  display: list-item;
}
/* disabled styles */
.select2-container.select2-container-disabled .select2-choice {
  background-color: #f4f4f4;
  background-image: none;
  border: 1px solid #ddd;
  cursor: default;
}
.select2-container.select2-container-disabled .select2-choice div {
  background-color: #f4f4f4;
  background-image: none;
  border-left: 0;
}
.select2-container.select2-container-disabled .select2-choice abbr {
  display: none;
}
.select2-locked {
  padding: 3px 5px 3px 5px !important;
}
.select2-default {
  color: #999 !important;
}
.select2-search-choice-close {
  display: block;
  width: 12px;
  height: 13px;
  position: absolute;
  right: 3px;
  top: 4px;
  font-size: 1px;
  outline: none;
}
.select2-container-multi .select2-search-choice-close {
  left: 3px;
}
.select2-container-multi .select2-choices .select2-search-choice .select2-search-choice-close:hover {
  background-position: right -11px;
}
.select2-container-multi .select2-choices .select2-search-choice-focus .select2-search-choice-close {
  background-position: right -11px;
}
/* disabled styles */
.select2-container-multi.select2-container-disabled .select2-choices .select2-search-choice .select2-search-choice-close {
  display: none;
}
/* end multiselect */
.select2-result-selectable .select2-match,
.select2-result-unselectable .select2-match {
  text-decoration: underline;
}
.select2-offscreen,
.select2-offscreen:focus {
  clip: rect(0 0 0 0);
  width: 1px;
  height: 1px;
  border: 0;
  margin: 0;
  padding: 0;
  overflow: hidden;
  position: absolute;
  outline: 0;
  left: 0px;
}
.select2-display-none {
  display: none;
}
.select2-measure-scrollbar {
  position: absolute;
  top: -10000px;
  left: -10000px;
  width: 100px;
  height: 100px;
  overflow: scroll;
}
@-webkit-keyframes wf-bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  0.5% {
    opacity: 0;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }
  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
  75% {
    -webkit-transform: scale(0.997);
    transform: scale(0.997);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-bounce-in {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  0.5% {
    opacity: 0;
    -webkit-transform: scale(0.94);
    transform: scale(0.94);
  }
  50% {
    opacity: 1.0;
    -webkit-transform: scale(1.005);
    transform: scale(1.005);
  }
  75% {
    -webkit-transform: scale(0.997);
    transform: scale(0.997);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes wf-move-progress {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes wf-move-progress {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@-webkit-keyframes wf-blink {
  0%,
  100% {
    background: #808080;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    box-shadow: -8px 0 #808080;
  }
}
@keyframes wf-blink {
  0%,
  100% {
    background: #808080;
    box-shadow: -8px 0 #1F1F1F;
  }
  50% {
    background: #1F1F1F;
    box-shadow: -8px 0 #808080;
  }
}
@-webkit-keyframes wf-blink-in {
  40% {
    opacity: 1;
  }
}
@keyframes wf-blink-in {
  40% {
    opacity: 1;
  }
}
@-webkit-keyframes wf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes wf-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@-webkit-keyframes wf-move-right {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@keyframes wf-move-right {
  0% {
    -webkit-transform: translateX(-10px);
    transform: translateX(-10px);
  }
  100% {
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
  }
}
@-webkit-keyframes wf-animate-right-arrow {
  0% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 0;
  }
}
@keyframes wf-animate-right-arrow {
  0% {
    -webkit-transform: translateX(5px);
    transform: translateX(5px);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(16px);
    transform: translateX(16px);
    opacity: 0;
  }
}
@-webkit-keyframes wf-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3.3);
    transform: scale(3.3);
    opacity: 0;
  }
}
@keyframes wf-pulse {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(3.3);
    transform: scale(3.3);
    opacity: 0;
  }
}
@-webkit-keyframes wf-pulse-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@keyframes wf-pulse-appear {
  0% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 0;
  }
  70% {
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    opacity: 1;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
  }
}
@-webkit-keyframes wf-exclaim-front-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-exclaim-front-icon {
  0% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 0;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 1;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes wf-exclaim-back-icon {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes wf-exclaim-back-icon {
  0% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  25% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  50% {
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
  }
  75% {
    opacity: 0;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.ghost-span {
  font-size: 0px;
  line-height: 0px;
  display: inline;
  width: 0px;
  height: 0px;
  pointer-events: none;
  position: relative;
  direction: ltr !important;
}
.ghost-span:after {
  content: '';
  position: absolute;
  width: 6px;
  height: 6px;
  left: -3px;
  top: -3px;
}
.ghost-span.top {
  vertical-align: top;
}
.ghost-span.bottom {
  vertical-align: bottom;
}
.ghost-span.wide {
  width: 20%;
}
.ghost-span.mode-block {
  display: block;
  clear: both;
}
.ghost-span.mode-float-right {
  float: right;
}
.ghost-span.mode-float-left {
  float: left;
}
/**
 * IMPORTANT: Do not change the values in this file without updating them in zindex.js
 *
 * ISSUE #7308 (https://github.com/webflow/webflow/issues/7308) will remove the need for this synchronization
 *
 */
.sprite-main,
.sprite-main-before:before,
.sprite-main-after:after,
.sprite-mid > i,
.el-icon,
.icon-el,
.icon-el,
.right-sidebar .kit-button > i,
.kit-field.compact .kit-label .link > i,
.offset-box .handle:before,
.offset-box .handle:after,
.kit-color-input > .preview > .trigger:after,
.kit-color-input.transparent > .preview > .trigger,
.kit-color-input.no-color > .preview > .trigger:before,
.kit-color-picker .handle,
.kit-fancy-select .fancy-item.selected:before,
.css-selector .css-tokens .token > i.tag,
.css-selector.compact > .path-chunks > .css-tokens:before,
.select2-container > .select2-choice > div > b,
.need-class:after,
.kit-button.reset i,
.publish-icon > i {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
  background-repeat: no-repeat;
}
.sprite-mid {
  text-align: center;
}
.sprite-mid > i {
  display: inline-block;
}
a.bem-AddTab_Button > .icon {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/add.e39e8c10e0.png);
}
.nonexistent-yet {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.e32795bd21.png);
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  html {
    background-image: url(/img/devices/bg-linen@2x.jpg);
  }
  .sprite-main,
  .sprite-main-before:before,
  .sprite-main-after:after,
  .sprite-mid > i,
  .el-icon,
  .icon-el,
  .right-sidebar .kit-button > i,
  .kit-field.compact .kit-label .link > i,
  .offset-box .handle:before,
  .offset-box .handle:after,
  .kit-color-input > .preview > .trigger:after,
  .kit-color-input.transparent > .preview > .trigger,
  .kit-color-input.no-color > .preview > .trigger:before,
  .kit-color-picker .handle,
  .kit-fancy-select .fancy-item.selected:before,
  .css-selector .css-tokens .token > i.tag,
  .css-selector.compact > .path-chunks > .css-tokens:before,
  .select2-container > .select2-choice > div > b,
  .need-class:after,
  .kit-button.reset i,
  .publish-icon > i {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
    background-size: 640px;
  }
  a.bem-AddTab_Button > .icon {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/add@2x.bea4e076d8.png);
    background-size: 240px;
  }
  .nonexistent-yet {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo@2x.f4e1ec6833.png);
    background-size: 440px;
  }
  #site-iframe.xray-mode {
    -webkit-transform: translateZ(0);
    transform: translateZ(0);
  }
}
* {
  box-sizing: border-box;
}
html,
body {
  height: 100%;
  overflow: hidden;
}
body {
  margin: 0;
  padding: 0;
}
img.typekit-badge {
  display: none !important;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
.hidden {
  display: none !important;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  zoom: 1;
}
.checkerboard-3px {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAGCAMAAADXEh96AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFsbGx1dXVfSyRngAAABhJREFUeNpiYGBgYGRkZEClMEUYGAACDAABpAAT2hcBXwAAAABJRU5ErkJggg==);
}
.checkerboard-4px {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFsbGx1dXVfSyRngAAABdJREFUeNpiYAACRiBgwMMgJA8EAAEGAATIACGnjpkGAAAAAElFTkSuQmCC);
}
.checkerboard-5px {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAMAAAC67D+PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFsbGx1dXVfSyRngAAABdJREFUeNpiYAABRhBgIIVJug4QAAgwAAssADPMKGOzAAAAAElFTkSuQmCC);
}
.checkerboard-6px {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAwAAAAMCAIAAADZF8uwAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACdJREFUeNpi3Lx5MwMqUFJSQhNhYiACDEZFLJh+uXfv3nDxHUCAAQDF6AWZdZxKKAAAAABJRU5ErkJggg==);
}
.checkerboard-dark {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAIAAACQKrqGAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAChJREFUeNpi1NbWZsAAQkJCmIJMDESDYaqUBWu4vHv3bjSwMAFAgAEAFNMD1ZWp9qsAAAAASUVORK5CYII=');
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .checkerboard-dark {
    background-size: 14px;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAcCAIAAAD9b0jDAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADdJREFUeNpi1NbWZiAOCAkJEamSiYEGYNTQUUNHDR2ZhrIQX/a8e/duNExHDR01dNRQehsKEGAAKgkD8Ud1Af0AAAAASUVORK5CYII=');
  }
}
.animate-progress {
  background: #3b79c3;
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.1) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.1) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
  height: 100%;
  width: 5%;
  clear: both;
  -webkit-animation: wf-move-progress 2s linear infinite;
  animation: wf-move-progress 2s linear infinite;
  -webkit-animation-play-state: paused;
  animation-play-state: paused;
}
.animate-blink {
  -webkit-animation: wf-blink 2s infinite;
  animation: wf-blink 2s infinite;
}
.no-text-select {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.one-line-text {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.checked-bg {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAUCAYAAACJfM0wAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAQRJREFUeNqslQutxiAMhScBCUhAAhKQgIRJwAESkIAEJCABCUjoz1lKQhZ2d7dxkgb2+qAPum1bJ9HMNas8XyLdrBhjCNbm+wqoF0JQjJEgjFjkC1A2y9hhrfWAYlRKAey/uF6999SVcyYpJaD2LdTCdYC6hp2+h2JXT6GhWWI3p1AAejy7uArCVf1lay2FEHqcsIC6gzrn+rtTHdBRWABx5OzumJ+hKSW6Owxhthtcw81zovozXljfJWWfwTvkLI7rv2vVXsEnIShP+8GfcNzn5Oo3tXoZFq6C8KUPHAkdVUqhVS0xjGWotSbut0sad4b7Q8KW/hUKJ8xsi4WjHZ9+9BNgAEemmKJgGnajAAAAAElFTkSuQmCC);
  background-size: 11px;
  background-repeat: no-repeat;
}
dl dd {
  padding: 0;
  margin: 0;
}
a.close-x {
  width: 15px;
  height: 15px;
  float: right;
}
a.close-x > i {
  background-position: -400px -60px;
  width: 9px;
  height: 10px;
  opacity: 0.7;
  transition: opacity 200ms ease;
}
a.close-x:hover > i {
  opacity: 1.0;
}
.invalid-input {
  box-shadow: 0 0 0 1px #ea384c;
}
.invalid-input > input.input {
  color: #ff5266;
}
.preview-input {
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.highlighted-input {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.notice-input {
  background: #6f6452;
  border-color: #9e8863;
}
.wf-drag-helper {
  position: absolute !important;
  float: none !important;
  z-index: 35;
  pointer-events: none !important;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
}
.icon,
.icon-main,
.w-rich-text-des-button,
.icon-dynamo,
.bem-WireframeField_Field-multiLine::before,
.bem-WireframeField_Field-RichText::before,
.bem-WireframeField_Field-ItemRef::before,
.bem-WireframeField_Field-Option::before,
.kit-form-field input[type=checkbox]:checked:after,
.bem-Breadcrumbs_Truncated_Icon,
.bem-Checkbox_Input::before,
.bem-IXSelectorInput .selectize-control .selectize-input div.item .remove,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove,
.bem-TagSelect .selectize-control .selectize-input div.item .remove,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove {
  display: inline-block;
  background-repeat: no-repeat;
}
.icon-main,
.bem-Breadcrumbs_Truncated_Icon {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
}
.icon-main.add-page {
  background-position: -340px -400px;
  width: 18px;
  height: 17px;
}
.icon-main.add-folder {
  background-position: -360px -400px;
  width: 22px;
  height: 17px;
}
.icon-main.folder {
  background-position: -300px -400px;
  width: 13px;
  height: 13px;
}
.icon-main.folder-expanded {
  background-position: -320px -400px;
  width: 13px;
  height: 13px;
}
.icon-main.chrome-add {
  background-position: -40px -400px;
  width: 19px;
  height: 20px;
}
.icon-main.chrome-collections {
  background-position: -80px -400px;
  width: 17px;
  height: 22px;
}
.icon-main.chrome-delete {
  background-position: -380px -420px;
  width: 12px;
  height: 14px;
}
.icon-main.chrome-duplicate {
  background-position: -360px -420px;
  width: 12px;
  height: 13px;
}
.icon-main.chrome-export {
  background-position: -140px -400px;
  width: 20px;
  height: 15px;
}
.icon-main.chrome-publish {
  background-position: -240px -400px;
  width: 16px;
  height: 15px;
}
.icon-main.chrome-help {
  background-position: -100px -400px;
  width: 20px;
  height: 21px;
}
.icon-main.chrome-logo {
  background-position: 0px -400px;
  width: 20px;
  height: 17px;
}
.icon-main.chrome-pages {
  background-position: -60px -400px;
  width: 16px;
  height: 23px;
}
.icon-main.chrome-preview {
  background-position: -200px -400px;
  width: 16px;
  height: 13px;
}
.icon-main.chrome-redo {
  background-position: -180px -400px;
  width: 15px;
  height: 14px;
}
.icon-main.chrome-settings {
  background-position: -20px -400px;
  width: 20px;
  height: 24px;
}
.icon-main.chrome-show-edges {
  background-position: -180px -360px;
  width: 20px;
  height: 21px;
}
.icon-main.chrome-show-empty {
  background-position: -200px -360px;
  width: 20px;
  height: 21px;
}
.icon-main.chrome-show-grid {
  background-position: -140px -360px;
  width: 20px;
  height: 22px;
}
.icon-main.chrome-show-grid-lines {
  background-position: -160px -360px;
  width: 20px;
  height: 22px;
}
.icon-main.chrome-show-xray {
  background-position: -220px -360px;
  width: 20px;
  height: 21px;
}
.icon-main.chrome-undo {
  background-position: -160px -400px;
  width: 15px;
  height: 14px;
}
.icon-main.chrome-sync-done {
  background-position: -240px -360px;
  width: 9px;
  height: 8px;
}
.icon-main.common-add {
  background-position: -580px 0px;
  width: 8px;
  height: 9px;
}
.icon-main.common-add-bigger {
  background-position: -600px 0px;
  width: 10px;
  height: 11px;
}
.icon-main.add-purple {
  background-position: -600px -100px;
  width: 8px;
  height: 9px;
}
.icon-main.add-purple-bigger {
  background-position: -620px -100px;
  width: 10px;
  height: 11px;
}
.icon-main.common-add-swatch {
  background-position: -360px -80px;
  width: 5px;
  height: 6px;
}
.icon-main.common-arrow-left {
  background-position: -540px -20px;
  width: 8px;
  height: 13px;
}
.icon-main.common-arrow-right {
  background-position: -559px -20px;
  width: 8px;
  height: 13px;
}
.icon-main.common-close {
  background-position: -580px -80px;
  width: 8px;
  height: 9px;
}
.icon-main.common-close-big {
  background-position: -580px -40px;
  width: 11px;
  height: 12px;
}
.icon-main.common-close-bigger {
  background-position: -600px -40px;
  width: 11px;
  height: 12px;
}
.icon-main.common-warning-small-grey {
  background-position: -220px -300px;
  width: 9px;
  height: 9px;
}
.icon-main.common-edit {
  background-position: -500px -20px;
  width: 12px;
  height: 12px;
}
.icon-main.common-thin-arrow-left {
  background-position: -340px -40px;
  width: 9px;
  height: 10px;
}
.icon-main.common-thin-arrow-right {
  background-position: -360px -40px;
  width: 9px;
  height: 10px;
}
.icon-main.common-eye-visible {
  background-position: 0px -60px;
  width: 13px;
  height: 11px;
}
.icon-main.common-list-rearrange {
  background-position: -480px -400px;
  width: 10px;
  height: 11px;
}
.icon-main.common-list-settings {
  background-position: -460px -400px;
  width: 14px;
  height: 15px;
}
.icon-main.common-target {
  background-position: -600px -80px;
  width: 13px;
  height: 14px;
  margin-left: 1px;
}
.icon-main.common-trash {
  background-position: -40px -60px;
  width: 9px;
  height: 11px;
}
.icon-main.common-trash-big {
  background-position: -420px -400px;
  width: 12px;
  height: 14px;
}
.icon-main.common-replace {
  background-position: -80px -40px;
  width: 14px;
  height: 14px;
}
.icon-main.trigger-expanded {
  background-position: -60px 0px;
  width: 7px;
  height: 6px;
}
.icon-main.trigger-collapsed {
  background-position: -40px 0px;
  width: 5px;
  height: 8px;
}
.icon-main.common-nested {
  background-position: -520px -60px;
  width: 12px;
  height: 8px;
}
.icon-main.empty-list-arrow {
  background-position: -560px -360px;
  width: 40px;
  height: 40px;
}
.icon-main.link {
  background-position: -340px -460px;
  width: 10px;
  height: 10px;
}
.icon-main.link2 {
  background-position: -160px -40px;
  width: 12px;
  height: 12px;
}
.icon-main.noclass-background {
  background-position: -200px -420px;
  width: 12px;
  height: 13px;
}
.icon-main.noclass-border {
  background-position: -220px -420px;
  width: 12px;
  height: 13px;
}
.icon-main.noclass-effects {
  background-position: -260px -420px;
  width: 12px;
  height: 15px;
}
.icon-main.noclass-more {
  background-position: -300px -420px;
  width: 10px;
  height: 4px;
}
.icon-main.noclass-position {
  background-position: -160px -420px;
  width: 16px;
  height: 17px;
}
.icon-main.noclass-shadow {
  background-position: -240px -420px;
  width: 13px;
  height: 14px;
}
.icon-main.noclass-states {
  background-position: -280px -420px;
  width: 11px;
  height: 13px;
}
.icon-main.noclass-type {
  background-position: -180px -420px;
  width: 12px;
  height: 13px;
}
.icon-main.page {
  background-position: -280px -400px;
  width: 11px;
  height: 14px;
}
.icon-main.page-duplicate {
  background-position: -400px -400px;
  width: 12px;
  height: 15px;
}
.icon-main.list-settings {
  background-position: -460px -400px;
  width: 14px;
  height: 15px;
}
.icon-main.pages-delete {
  background-position: -420px -400px;
  width: 12px;
  height: 14px;
}
.icon-main.pages-edit {
  background-position: -460px -400px;
  width: 14px;
  height: 15px;
}
.icon-main.pages-home {
  background-position: -440px -400px;
  width: 14px;
  height: 14px;
}
.icon-main.panel-close {
  background-position: -580px -80px;
  width: 8px;
  height: 9px;
}
.icon-main.preview-hide,
.icon-main.preview-show {
  background-position: -400px -420px;
  width: 10px;
  height: 14px;
}
.icon-main.preview-show {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.icon-main.select-element {
  background-position: -160px -200px;
  width: 20px;
  height: 29px;
}
.icon-main.sidebar-device-desktop {
  background-position: 0px -360px;
  width: 36px;
  height: 25px;
}
.icon-main.sidebar-device-laptop {
  background-position: -40px -360px;
  width: 31px;
  height: 22px;
}
.icon-main.sidebar-device-ipad {
  background-position: -79px -360px;
  width: 19px;
  height: 23px;
  margin-top: -1px;
}
.icon-main.sidebar-device-iphone {
  background-position: -119px -360px;
  width: 13px;
  height: 19px;
  margin-top: 1px;
}
.icon-main.sidebar-device-iphone-l {
  background-position: -99px -360px;
  width: 19px;
  height: 14px;
  margin-top: 2px;
}
.icon-main.symbol-preview {
  background-position: -560px -260px;
  width: 17px;
  height: 19px;
}
.icon-main.tag-icon-symbol {
  background-position: -520px -460px;
  width: 11px;
  height: 12px;
}
.icon-main.device-laptop-small-white {
  background-position: -380px -20px;
  width: 22px;
  height: 14px;
}
.icon-main.device-tablet-small-p-white {
  background-position: -420px -20px;
  width: 15px;
  height: 16px;
}
.icon-main.device-phone-small-l-white {
  background-position: -460px -20px;
  width: 15px;
  height: 10px;
}
.icon-main.device-phone-small-p-white {
  background-position: -440px -20px;
  width: 11px;
  height: 14px;
}
.icon-main.collection-purple {
  background-position: -500px -400px;
  width: 11px;
  height: 14px;
}
.icon-main.dynamic-page-white {
  background-position: -460px -420px;
  width: 13px;
  height: 15px;
}
.icon-main.dynamic-page-purple {
  background-position: -440px -420px;
  width: 13px;
  height: 15px;
}
.icon-main.data-manager {
  background-position: -620px -400px;
  width: 20px;
  height: 16px;
}
.icon-main.lightning {
  background-position: -240px -300px;
  width: 15px;
  height: 13px;
}
.icon-main.texteditor-strong {
  background-position: -160px -240px;
  width: 8px;
  height: 11px;
}
.icon-main.texteditor-emphasis {
  background-position: -180px -240px;
  width: 7px;
  height: 11px;
}
.icon-main.texteditor-link {
  background-position: -200px -240px;
  width: 13px;
  height: 14px;
}
.icon-main.texteditor-clear {
  background-position: -220px -240px;
  width: 15px;
  height: 12px;
}
.icon-main.texteditor-underline {
  background-position: -240px -240px;
  width: 9px;
  height: 14px;
}
.icon-main.texteditor-span {
  background-position: -260px -240px;
  width: 16px;
  height: 13px;
}
.icon-main.texteditor-quote {
  background-position: -320px -240px;
  width: 15px;
  height: 12px;
}
.icon-main.texteditor-image {
  background-position: -340px -240px;
  width: 18px;
  height: 14px;
}
.icon-main.texteditor-ul {
  background-position: -360px -240px;
  width: 13px;
  height: 10px;
}
.icon-main.texteditor-ol {
  background-position: -380px -240px;
  width: 14px;
  height: 12px;
}
.icon-main.texteditor-dropdown {
  background-position: -60px 0px;
  width: 7px;
  height: 6px;
}
.icon-main.texteditor-superscript {
  background-position: -420px -240px;
  width: 17px;
  height: 15px;
}
.icon-main.texteditor-subscript {
  background-position: -440px -240px;
  width: 19px;
  height: 15px;
}
.icon-main.texteditor-heading1 {
  background-position: -220px -220px;
  width: 14px;
  height: 11px;
}
.icon-main.texteditor-heading2 {
  background-position: -240px -220px;
  width: 17px;
  height: 11px;
}
.icon-main.texteditor-heading3 {
  background-position: -260px -220px;
  width: 17px;
  height: 11px;
}
.icon-main.texteditor-heading4 {
  background-position: -280px -220px;
  width: 18px;
  height: 11px;
}
.icon-main.texteditor-heading5 {
  background-position: -300px -220px;
  width: 17px;
  height: 11px;
}
.icon-main.texteditor-heading6 {
  background-position: -320px -220px;
  width: 17px;
  height: 11px;
}
.icon-main.pages-nested {
  background-position: -600px -300px;
  width: 7px;
  height: 31px;
}
.icon-main.pages-nested-end {
  background-position: -620px -300px;
  width: 7px;
  height: 11px;
}
.icon-main.pages-nested-small {
  background-position: -580px -400px;
  width: 6px;
  height: 6px;
}
.icon-main.pages-folder-small {
  background-position: -600px -400px;
  width: 9px;
  height: 9px;
}
.icon-main.ftu-arrow-left {
  background-position: -260px -360px;
  width: 13px;
  height: 25px;
}
.icon-main.ftu-arrow-right {
  background-position: -280px -360px;
  width: 13px;
  height: 25px;
}
.icon-main.ftu-close {
  background-position: -300px -360px;
  width: 17px;
  height: 17px;
}
.icon-main.ftu-video-big {
  background-position: -380px -360px;
  width: 20px;
  height: 16px;
}
.icon-main.ftu-video-big-blue {
  background-position: -360px -360px;
  width: 20px;
  height: 16px;
}
.icon-main.ftu-video-small {
  background-position: -400px -360px;
  width: 14px;
  height: 12px;
}
.icon-main.ftu-getting-started {
  background-position: 0px -560px;
  width: 49px;
  height: 29px;
}
.icon-main.ftu-layout {
  background-position: -60px -560px;
  width: 57px;
  height: 31px;
}
.icon-main.ftu-typography {
  background-position: -120px -560px;
  width: 58px;
  height: 26px;
}
.icon-main.ftu-workflow {
  background-position: -180px -560px;
  width: 59px;
  height: 31px;
}
.icon-main.ftu-media {
  background-position: -240px -560px;
  width: 60px;
  height: 24px;
}
.icon-main.ftu-publishing {
  background-position: -300px -560px;
  width: 71px;
  height: 28px;
}
.icon-main.ftu-full-tutorials {
  background-position: -380px -560px;
  width: 58px;
  height: 28px;
}
.icon-main.ftu-navigation {
  background-position: -440px -560px;
  width: 53px;
  height: 22px;
}
.icon-main.ftu-overlay-play-button {
  background-position: -560px -500px;
  width: 60px;
  height: 60px;
}
.icon-main.common-arrow-small {
  background-position: -400px -380px;
  width: 9px;
  height: 9px;
}
.icon-main.checkmark-big-white {
  background-position: -220px -340px;
  width: 17px;
  height: 15px;
}
.icon-main.checkmark-big-blue {
  background-position: -240px -340px;
  width: 17px;
  height: 15px;
}
.icon-main.checkmark-big-green {
  background-position: -260px -340px;
  width: 17px;
  height: 15px;
}
.icon-main.cols-full-width {
  background-position: -440px -260px;
  width: 28px;
  height: 20px;
}
.icon-main.cols-6-6 {
  background-position: 0px -260px;
  width: 28px;
  height: 20px;
}
.icon-main.cols-4-4-4 {
  background-position: -120px -260px;
  width: 28px;
  height: 20px;
}
.icon-main.cols-3-3-3-3 {
  background-position: -200px -260px;
  width: 30px;
  height: 20px;
}
.icon-main.cols-2-2-2-2-2-2 {
  background-position: -320px -260px;
  width: 28px;
  height: 20px;
}
.icon-main.dropdown-arrow {
  background-position: -120px -20px;
  width: 9px;
  height: 7px;
}
.icon-main.new-tab {
  background-position: -140px -20px;
  width: 11px;
  height: 12px;
}
.icon-main.domain-home {
  background-position: -160px -20px;
  width: 12px;
  height: 11px;
}
.icon-main.publish-small-green {
  background-position: -180px -20px;
  width: 9px;
  height: 9px;
}
.icon-main.publish-small-black {
  background-position: -200px -20px;
  width: 9px;
  height: 9px;
}
.icon-main.asset-manager {
  background-position: -460px 0px;
  width: 19px;
  height: 15px;
}
.icon-main.drop-zone-big {
  background-position: -500px -500px;
  width: 60px;
  height: 67px;
}
.icon-main.upload-asset {
  background-position: 0px -600px;
  width: 18px;
  height: 13px;
}
.icon-main.grid-big {
  background-position: -20px -600px;
  width: 19px;
  height: 13px;
}
.icon-main.grid-small {
  background-position: -40px -600px;
  width: 18px;
  height: 14px;
}
.icon-main.list-big {
  background-position: -60px -600px;
  width: 18px;
  height: 13px;
}
.icon-main.list-small {
  background-position: -80px -600px;
  width: 18px;
  height: 14px;
}
.icon-main.sort-a-z {
  background-position: -100px -600px;
  width: 15px;
  height: 15px;
}
.icon-main.sort-z-a {
  background-position: -120px -600px;
  width: 15px;
  height: 15px;
}
.icon-main.sort-created-first {
  background-position: -140px -600px;
  width: 17px;
  height: 11px;
}
.icon-main.sort-created-last {
  background-position: -160px -600px;
  width: 17px;
  height: 11px;
}
.icon-main.instances {
  background-position: -180px -600px;
  width: 1px;
  height: 9px;
}
.icon-main.globe {
  background-position: -200px -600px;
  width: 9px;
  height: 10px;
}
.icon-main.common-delete-medium {
  background-position: -220px -600px;
  width: 10px;
  height: 12px;
}
.icon-main.w-spinner-uploading-thin {
  background-position: -240px -600px;
  width: 11px;
  height: 9px;
}
.icon-main.w-spinner-cancel-thin {
  background-position: -260px -600px;
  width: 9px;
  height: 9px;
}
.icon-main.w-spinner-cancel {
  background-position: -280px -600px;
  width: 10px;
  height: 10px;
}
.icon-main.w-spinner-success-thin {
  background-position: -300px -600px;
  width: 11px;
  height: 8px;
}
.icon-main.w-spinner-success {
  background-position: -320px -600px;
  width: 13px;
  height: 9px;
}
.icon-main.asset-settings {
  background-position: -340px -600px;
  width: 12px;
  height: 12px;
}
.icon-main.asset-settings2 {
  background-position: -360px -600px;
  width: 13px;
  height: 13px;
}
.icon-main.asset-link {
  background-position: -380px -600px;
  width: 18px;
  height: 18px;
}
.icon-main.url {
  background-position: -400px -600px;
  width: 10px;
  height: 11px;
}
.icon-main.asset-drop-zone {
  background-position: -420px -600px;
  width: 19px;
  height: 20px;
}
.icon-main.w-common-loading-dots {
  background-position: -440px -600px;
  width: 13px;
  height: 3px;
}
.icon-main.common-warning-small {
  background-position: -20px -40px;
  width: 9px;
  height: 9px;
}
.icon-main.image-dimensions {
  background-position: -40px -40px;
  width: 7px;
  height: 8px;
}
.icon-main.image-size {
  background-position: -60px -40px;
  width: 9px;
  height: 7px;
}
.icon-main.checkmark-white {
  background-position: -440px -60px;
  width: 10px;
  height: 9px;
}
.icon-main.cursor-alias {
  background-position: 0px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-all-scroll {
  background-position: -20px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-auto {
  background-position: -40px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-cell {
  background-position: -60px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-context-menu {
  background-position: -80px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-copy {
  background-position: -100px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-col-resize {
  background-position: -120px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-crosshair {
  background-position: -140px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-default {
  background-position: -160px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-grab {
  background-position: -180px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-grabbing {
  background-position: -200px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-help {
  background-position: -220px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-move {
  background-position: -240px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-no-drop {
  background-position: -260px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-none {
  background-position: -280px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-not-allowed {
  background-position: -300px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-pointer {
  background-position: -320px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-progress {
  background-position: -340px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-row-resize {
  background-position: -360px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-text {
  background-position: -380px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-vertical-text {
  background-position: -400px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-wait {
  background-position: -420px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-n-resize {
  background-position: -440px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-w-resize {
  background-position: -460px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-s-resize {
  background-position: -480px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-e-resize {
  background-position: -500px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-nw-resize {
  background-position: -520px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-ne-resize {
  background-position: -540px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-sw-resize {
  background-position: -560px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-se-resize {
  background-position: -580px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-ew-resize {
  background-position: -600px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-ns-resize {
  background-position: -620px -620px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-nesw-resize {
  background-position: 0px -640px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-nwse-resize {
  background-position: -20px -640px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-zoom-in {
  background-position: -40px -640px;
  width: 20px;
  height: 20px;
}
.icon-main.cursor-zoom-out {
  background-position: -60px -640px;
  width: 20px;
  height: 20px;
}
.icon-main.triangle-left {
  background-position: -80px -640px;
  width: 9px;
  height: 10px;
}
.icon-main.triangle-right {
  background-position: -100px -640px;
  width: 9px;
  height: 10px;
}
.icon-main.triangle-up {
  background-position: -120px -640px;
  width: 10px;
  height: 9px;
}
.icon-main.triangle-down {
  background-position: -140px -640px;
  width: 10px;
  height: 9px;
}
.icon-main.common-warning-white {
  background-position: -540px -180px;
  width: 16px;
  height: 14px;
}
.icon-main.common-warning-yellow {
  background-position: -560px -180px;
  width: 16px;
  height: 14px;
}
.icon-main.common-warning-red {
  background-position: -580px -180px;
  width: 16px;
  height: 14px;
}
.icon-main.common-warncircle-white-small {
  background-position: -480px -200px;
  width: 12px;
  height: 13px;
}
.icon-main.common-warncircle-yellow-small {
  background-position: -500px -200px;
  width: 12px;
  height: 13px;
}
.icon-main.common-warncircle-red-small {
  background-position: -520px -200px;
  width: 12px;
  height: 13px;
}
.icon-main.common-warning-white-small {
  background-position: -540px -200px;
  width: 14px;
  height: 12px;
}
.icon-main.common-warning-yellow-small {
  background-position: -560px -200px;
  width: 14px;
  height: 12px;
}
.icon-main.common-warning-red-small {
  background-position: -580px -200px;
  width: 14px;
  height: 12px;
}
.icon-main.common-settings {
  background-position: -620px -40px;
  width: 10px;
  height: 11px;
}
.icon-main.styles-type-column-count {
  background-position: 0px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-gap {
  background-position: -20px -660px;
  width: 15px;
  height: 17px;
}
.icon-main.styles-type-column-rule-style {
  background-position: -40px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-rule-width {
  background-position: -60px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-rule-color {
  background-position: -80px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-span {
  background-position: -100px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-span {
  background-position: -100px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-rule-style-solid {
  background-position: -140px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-rule-style-dashed {
  background-position: -160px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.styles-type-column-rule-style-dotted {
  background-position: -180px -660px;
  width: 14px;
  height: 12px;
}
.icon-main.empty-list-arrow-small {
  background-position: -620px -360px;
  width: 19px;
  height: 24px;
}
.icon-main.help-question {
  background-position: -620px 0px;
  width: 5px;
  height: 9px;
}
.icon-main.overlay-play-button {
  background-position: -560px -560px;
  width: 48px;
  height: 48px;
}
.w-rich-text-des-button {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.w-rich-text-des-button.w-rich-text-texteditor-span {
  background-position: -260px -240px;
  width: 16px;
  height: 13px;
}
.w-rich-text-des-button.w-rich-text-texteditor-clear {
  background-position: -220px -240px;
  width: 15px;
  height: 12px;
}
.icon-dynamo,
.kit-form-field input[type=checkbox]:checked:after,
.bem-Checkbox_Input::before,
.bem-IXSelectorInput .selectize-control .selectize-input div.item .remove,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove,
.bem-TagSelect .selectize-control .selectize-input div.item .remove,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove {
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.e32795bd21.png);
}
.icon-dynamo.field-plaintext {
  background-position: 0px 0px;
  width: 47px;
  height: 21px;
}
.icon-dynamo.field-richtext {
  background-position: -80px 0px;
  width: 49px;
  height: 34px;
}
.icon-dynamo.field-imageset {
  background-position: -160px 0px;
  width: 45px;
  height: 36px;
}
.icon-dynamo.field-imageref {
  background-position: -240px 0px;
  width: 40px;
  height: 31px;
}
.icon-dynamo.field-number {
  background-position: -280px 0px;
  width: 29px;
  height: 26px;
}
.icon-dynamo.field-date {
  background-position: -320px 0px;
  width: 36px;
  height: 34px;
}
.icon-dynamo.field-link {
  background-position: -360px 0px;
  width: 28px;
  height: 28px;
}
.icon-dynamo.field-bool {
  background-position: -400px 0px;
  width: 40px;
  height: 26px;
}
.icon-dynamo.field-itemref {
  background-position: 0px -40px;
  width: 36px;
  height: 25px;
}
.icon-dynamo.field-item-multiple {
  background-position: -40px -40px;
  width: 36px;
  height: 31px;
}
.icon-dynamo.field-video {
  background-position: -80px -40px;
  width: 40px;
  height: 31px;
}
.icon-dynamo.field-map {
  background-position: -120px -40px;
  width: 24px;
  height: 38px;
}
.icon-dynamo.field-color {
  background-position: -160px -40px;
  width: 36px;
  height: 36px;
}
.icon-dynamo.help {
  background-position: -320px -40px;
  width: 35px;
  height: 40px;
}
.icon-dynamo.field-small-video {
  background-position: -360px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.icon-dynamo.field-small-bool {
  background-position: -400px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.icon-dynamo.field-small-plaintext {
  background-position: 0px -80px;
  width: 10px;
  height: 11px;
  margin-left: 2px;
}
.icon-dynamo.field-small-number {
  background-position: -40px -80px;
  width: 13px;
  height: 12px;
  margin-left: 0px;
}
.icon-dynamo.field-small-richtext {
  background-position: -80px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.icon-dynamo.field-small-imageref {
  background-position: -120px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.icon-dynamo.field-small-imageset {
  background-position: -160px -80px;
  width: 15px;
  height: 14px;
}
.icon-dynamo.field-small-date,
.icon-dynamo.field-small-datetime {
  background-position: -200px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.icon-dynamo.field-small-link {
  background-position: -240px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.icon-dynamo.field-small-map {
  background-position: -280px -80px;
  width: 8px;
  height: 14px;
}
.icon-dynamo.field-small-itemref,
.icon-dynamo.field-small-item {
  background-position: -320px -80px;
  width: 17px;
  height: 13px;
  margin-left: -1px;
}
.icon-dynamo.field-small-itemrefset {
  background-position: -360px -80px;
  width: 17px;
  height: 15px;
  margin-left: -1px;
}
.icon-dynamo.field-small-arrow {
  background-position: -400px -80px;
  width: 10px;
  height: 12px;
  margin-left: 2px;
}
.icon-dynamo.add-collection {
  background-position: 0px -120px;
  width: 19px;
  height: 17px;
}
.icon-dynamo.collection {
  background-position: -40px -120px;
  width: 11px;
  height: 14px;
}
.icon-dynamo.contributors {
  background-position: -80px -120px;
  width: 20px;
  height: 17px;
}
.icon-dynamo.page-template {
  background-position: -120px -120px;
  width: 21px;
  height: 14px;
}
.icon-dynamo.help-circle {
  background-position: -160px -120px;
  width: 21px;
  height: 14px;
}
.icon-dynamo.textarea-handle {
  background-position: -200px -120px;
  width: 21px;
  height: 14px;
}
.icon-dynamo.field-small-color {
  background-position: -240px -120px;
  width: 12px;
  height: 14px;
  margin-left: 1px;
}
.icon-dynamo.add-field {
  background-position: -280px -120px;
  width: 19px;
  height: 14px;
}
.icon-dynamo.checkmark,
.kit-form-field input[type=checkbox]:checked:after,
.bem-Checkbox_Input::before {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.icon-dynamo.checkmark-draft,
.bem-Checkbox-emphasis .bem-Checkbox_Input::before {
  background-position: -340px -120px;
  width: 17px;
  height: 15px;
}
.icon-dynamo.status-draft {
  background-position: -360px -120px;
  width: 10px;
  height: 11px;
}
.icon-dynamo.common-edit {
  background-position: -380px -120px;
  width: 10px;
  height: 11px;
}
.icon-dynamo.status-pending {
  background-position: -400px -120px;
  width: 11px;
  height: 11px;
}
.icon-dynamo.status-archived {
  background-position: -420px -120px;
  width: 12px;
  height: 11px;
}
.icon-dynamo.status-published {
  background-position: -360px -160px;
  width: 6px;
  height: 7px;
}
.icon-dynamo.status-published-pending {
  background-position: -400px -160px;
  width: 11px;
  height: 11px;
}
.icon-dynamo.image-drop {
  background-position: 0px -160px;
  width: 59px;
  height: 68px;
}
.icon-dynamo.cms-preview {
  background-position: -80px -160px;
  width: 39px;
  height: 43px;
}
.icon-dynamo.field-date-button {
  background-position: -120px -160px;
  width: 16px;
  height: 20px;
}
.icon-dynamo.field-time-button {
  background-position: -160px -160px;
  width: 19px;
  height: 19px;
}
.icon-dynamo.item-action-publish {
  background-position: -200px -160px;
  width: 13px;
  height: 15px;
}
.icon-dynamo.item-action-unpublish {
  background-position: -240px -160px;
  width: 16px;
  height: 15px;
}
.icon-dynamo.item-action-archive {
  background-position: -280px -160px;
  width: 14px;
  height: 13px;
}
.icon-dynamo.item-action-delete {
  background-position: -320px -160px;
  width: 13px;
  height: 15px;
}
.icon-dynamo.field-color-button {
  background-position: -120px -200px;
  width: 14px;
  height: 15px;
}
.icon-dynamo.field-color-button2 {
  background-position: -140px -200px;
  width: 10px;
  height: 16px;
}
.icon-dynamo.caret-big-up {
  background-position: -160px -200px;
  width: 7px;
  height: 5px;
}
.icon-dynamo.caret-big-down {
  background-position: -180px -200px;
  width: 7px;
  height: 5px;
}
.icon-dynamo.caret-small-up {
  background-position: -160px -220px;
  width: 5px;
  height: 4px;
}
.icon-dynamo.caret-small-down {
  background-position: -180px -220px;
  width: 5px;
  height: 4px;
}
.icon-dynamo.chevron-up {
  background-position: -200px -200px;
  width: 9px;
  height: 6px;
}
.icon-dynamo.chevron-down {
  background-position: -220px -200px;
  width: 9px;
  height: 6px;
}
.icon-dynamo.chevron-left {
  background-position: -200px -220px;
  width: 5px;
  height: 10px;
}
.icon-dynamo.chevron-right {
  background-position: -220px -220px;
  width: 5px;
  height: 10px;
}
.icon-dynamo.image-dimension-big {
  background-position: -240px -200px;
  width: 9px;
  height: 10px;
}
.icon-dynamo.image-size-big {
  background-position: -280px -200px;
  width: 11px;
  height: 8px;
}
.icon-dynamo.back-arrow {
  background-position: -320px -200px;
  width: 12px;
  height: 13px;
}
.icon-dynamo.edit-collection {
  background-position: -360px -200px;
  width: 10px;
  height: 11px;
}
.icon-dynamo.field-color-triangle {
  background-position: -400px -200px;
  width: 12px;
  height: 12px;
}
.icon-dynamo.image-edit {
  background-position: 0px -240px;
  width: 12px;
  height: 13px;
}
.icon-dynamo.image-replace {
  background-position: -40px -240px;
  width: 12px;
  height: 13px;
}
.icon-dynamo.image-delete {
  background-position: -80px -240px;
  width: 11px;
  height: 14px;
}
.icon-dynamo.image-open-url {
  background-position: -120px -240px;
  width: 11px;
  height: 12px;
}
.icon-dynamo.slug-link {
  background-position: -140px -240px;
  width: 12px;
  height: 13px;
}
.icon-dynamo.search {
  background-position: -160px -240px;
  width: 13px;
  height: 13px;
}
.icon-dynamo.search-big {
  background-position: -180px -240px;
  width: 15px;
  height: 15px;
}
.icon-dynamo.required-asterisk {
  background-position: -200px -240px;
  width: 5px;
  height: 5px;
}
.icon-dynamo.remove-tag,
.bem-IXSelectorInput .selectize-control .selectize-input div.item .remove,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove,
.bem-TagSelect .selectize-control .selectize-input div.item .remove,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove {
  background-position: -220px -240px;
  width: 8px;
  height: 9px;
}
.icon-dynamo.cmspreview-color {
  background-position: -240px -240px;
  width: 9px;
  height: 15px;
}
.icon-dynamo.cmspreview-date {
  background-position: -260px -240px;
  width: 16px;
  height: 17px;
}
.icon-dynamo.cmspreview-caret-up {
  background-position: -240px -260px;
  width: 7px;
  height: 4px;
}
.icon-dynamo.cmspreview-caret-down {
  background-position: -260px -260px;
  width: 7px;
  height: 4px;
}
.icon-dynamo.cmspreview-image {
  background-position: -280px -240px;
  width: 40px;
  height: 31px;
}
.icon-dynamo.add-item-small {
  background-position: -320px -240px;
  width: 8px;
  height: 9px;
}
.icon-dynamo.add-item {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
.icon-dynamo.add-item-inline {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .icon-main,
  .bem-Breadcrumbs_Truncated_Icon {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
    background-size: 640px;
  }
  .icon-dynamo,
  .kit-form-field input[type=checkbox]:checked:after,
  .bem-Checkbox_Input::before,
  .bem-IXSelectorInput .selectize-control .selectize-input div.item .remove,
  .bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove,
  .bem-TagSelect .selectize-control .selectize-input div.item .remove,
  .bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo@2x.f4e1ec6833.png);
    background-size: 440px;
  }
  .w-rich-text-des-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
    background-size: 640px;
  }
}
.no-scrollbar::-webkit-scrollbar {
  display: none;
}
.has-scrollbar > .kit-scroll-pane::-webkit-scrollbar {
  display: '';
}
.wf-tip {
  position: absolute;
  z-index: 2147483547;
  padding: 6px 7px 5px;
  background-color: #3b79c3;
  color: #ffffff !important;
  border-radius: 2px;
  font-size: 12px;
  line-height: 12px;
  -webkit-font-smoothing: antialiased;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0.0;
  transition: background-color 50ms ease;
}
.wf-tip > .arrow {
  content: '';
  position: absolute;
  width: 0px;
  height: 0px;
  border-style: solid;
  border: 6px solid transparent;
  transition: border-color 50ms ease;
}
.wf-tip > .label kbd {
  position: relative;
  right: right;
  margin: -1px -1px 0 3px;
  padding: 1px 3px 0;
  background-color: rgba(255, 255, 255, 0.3);
  border-radius: 2px;
  font-size: 10px;
  font-weight: bold;
  font-family: Arial, sans-serif, Georgia, serif;
  line-height: 1.4;
  white-space: nowrap;
  box-shadow: 0 1px 0 0 rgba(0, 0, 0, 0.2);
}
.wf-tip.right > .arrow {
  left: -6px;
  top: 3px;
  border-width: 8px 8px 8px 0;
  border-right-color: #3b79c3;
}
.wf-tip.left > .arrow {
  right: -6px;
  top: 3px;
  border-width: 8px 0 8px 8px;
  border-left-color: #3b79c3;
}
.wf-tip.top > .arrow,
.wf-tip.bottom > .arrow {
  left: 10px;
}
.wf-tip.top.win-fit > .arrow,
.wf-tip.bottom.win-fit > .arrow {
  left: auto;
  right: 10px;
}
.wf-tip.top > .arrow {
  bottom: -6px;
  border-width: 8px 8px 0 8px;
  border-top-color: #3b79c3;
}
.wf-tip.bottom > .arrow {
  top: -6px;
  border-width: 0 8px 8px 8px;
  border-bottom-color: #3b79c3;
}
.wf-tip.top-left {
  right: -6px;
}
.wf-tip.top-left > .arrow {
  left: 10px;
}
.wf-tip.top-left.win-fit > .arrow {
  left: auto;
  right: 10px;
}
.wf-tip.top-left > .arrow {
  bottom: -6px;
  border-width: 8px 8px 0 8px;
  border-top-color: #3b79c3;
}
.wf-tip.top-left > .arrow {
  left: auto;
  right: 10px;
}
.wf-tip.top-left.win-fit > .arrow {
  left: auto;
  right: 10px;
}
.wf-tip.error-mode {
  background-color: #c92c3f;
}
.wf-tip.error-mode.right > .arrow {
  border-right-color: #c92c3f;
}
.wf-tip.error-mode.left > .arrow {
  border-left-color: #c92c3f;
}
.wf-tip.error-mode.top > .arrow {
  border-top-color: #c92c3f;
}
.wf-tip.error-mode.bottom > .arrow {
  border-bottom-color: #c92c3f;
}
.wf-tip.warn-mode {
  background-color: #d44f33;
}
.wf-tip.warn-mode.right > .arrow {
  border-right-color: #d44f33;
}
.wf-tip.warn-mode.left > .arrow {
  border-left-color: #d44f33;
}
.wf-tip.warn-mode.top > .arrow {
  border-top-color: #d44f33;
}
.wf-tip.warn-mode.bottom > .arrow {
  border-bottom-color: #d44f33;
}
.wf-tip.success-mode {
  background-color: #109155;
}
.wf-tip.success-mode.right > .arrow {
  border-right-color: #109155;
}
.wf-tip.success-mode.left > .arrow {
  border-left-color: #109155;
}
.wf-tip.success-mode.top > .arrow {
  border-top-color: #109155;
}
.wf-tip.success-mode.bottom > .arrow {
  border-bottom-color: #109155;
}
.wf-tip.dark,
.wf-tip.dark-mode {
  background-color: black;
  border-radius: 3px;
}
.wf-tip.dark.right > .arrow,
.wf-tip.dark-mode.right > .arrow {
  border-right-color: black;
}
.wf-tip.dark.left > .arrow,
.wf-tip.dark-mode.left > .arrow {
  border-left-color: black;
}
.wf-tip.dark.top > .arrow,
.wf-tip.dark-mode.top > .arrow {
  border-top-color: black;
}
.wf-tip.dark.bottom > .arrow,
.wf-tip.dark-mode.bottom > .arrow {
  border-bottom-color: black;
}
.wf-tip.radio {
  padding: 3px 4px;
  height: auto;
  border: 1px solid black;
  background-color: #3b79c3;
}
.wf-tip.radio > .arrow {
  display: none !important;
}
.el-icon,
.icon-el {
  height: 10px;
  display: inline-block;
  background-position: -320px -460px;
  vertical-align: -2px;
  width: 11px;
  height: 12px;
}
.el-icon.n-body,
.icon-el.n-body {
  background-position: 0px -460px;
  width: 10px;
}
.el-icon.n-container,
.icon-el.n-container {
  background-position: -20px -460px;
  width: 10px;
}
.el-icon.n-row,
.icon-el.n-row {
  background-position: -40px -460px;
}
.el-icon.n-column,
.icon-el.n-column {
  background-position: -60px -460px;
}
.el-icon.n-span,
.icon-el.n-span,
.el-icon.n-textdiv,
.icon-el.n-textdiv {
  background-position: -300px -460px;
}
.el-icon.n-div,
.icon-el.n-div {
  background-position: -320px -460px;
}
.el-icon.n-img,
.icon-el.n-img {
  background-position: -80px -460px;
  width: 10px;
}
.el-icon.n-p,
.icon-el.n-p {
  background-position: -100px -460px;
  width: 6px;
  height: 8px;
  margin-left: 1px;
  vertical-align: 0px;
}
.el-icon.n-h1,
.icon-el.n-h1,
.el-icon.n-h2,
.icon-el.n-h2,
.el-icon.n-h3,
.icon-el.n-h3,
.el-icon.n-h4,
.icon-el.n-h4,
.el-icon.n-h5,
.icon-el.n-h5,
.el-icon.n-h6,
.icon-el.n-h6 {
  width: 13px;
  height: 8px;
  vertical-align: 0px;
  margin-left: 1px;
}
.el-icon.n-h1,
.icon-el.n-h1 {
  background-position: -120px -460px;
  width: 13px;
  height: 8px;
  margin-left: 1px;
}
.el-icon.n-h2,
.icon-el.n-h2 {
  background-position: -140px -460px;
}
.el-icon.n-h3,
.icon-el.n-h3 {
  background-position: -160px -460px;
}
.el-icon.n-h4,
.icon-el.n-h4 {
  background-position: -180px -460px;
}
.el-icon.n-h5,
.icon-el.n-h5 {
  background-position: -200px -460px;
}
.el-icon.n-h6,
.icon-el.n-h6 {
  background-position: -220px -460px;
}
.el-icon.n-ul,
.icon-el.n-ul,
.el-icon.n-ol,
.icon-el.n-ol {
  background-position: -240px -460px;
  width: 9px;
  height: 7px;
  vertical-align: 1px;
}
.el-icon.n-li,
.icon-el.n-li {
  background-position: -260px -460px;
  width: 9px;
  height: 7px;
  vertical-align: 1px;
}
.el-icon.n-a,
.icon-el.n-a {
  background-position: -340px -460px;
  width: 10px;
}
.el-icon.n-checkbox,
.icon-el.n-checkbox {
  background-position: -540px -460px;
  width: 10px;
}
.el-icon.n-radio,
.icon-el.n-radio {
  background-position: -560px -460px;
  width: 10px;
}
.el-icon.n-strong,
.icon-el.n-strong,
.el-icon.n-em,
.icon-el.n-em {
  width: 8px;
  height: 9px;
  vertical-align: 0px;
}
.el-icon.n-strong,
.icon-el.n-strong {
  background-position: -360px -460px;
}
.el-icon.n-em,
.icon-el.n-em {
  background-position: -380px -460px;
}
.el-icon.n-input,
.icon-el.n-input {
  background-position: -280px -460px;
}
.el-icon.n-select,
.icon-el.n-select {
  background-position: -60px -520px;
  width: 10px;
}
.el-icon.n-button,
.icon-el.n-button {
  background-position: -80px -520px;
  width: 10px;
}
.el-icon.n-embed,
.icon-el.n-embed {
  background-position: -420px -460px;
  width: 10px;
}
.el-icon.n-link,
.icon-el.n-link {
  background-position: -340px -460px;
  width: 10px;
}
.el-icon.n-slider,
.icon-el.n-slider {
  background-position: -460px -460px;
  width: 10px;
}
.el-icon.n-slide,
.icon-el.n-slide {
  background-position: -480px -460px;
  width: 10px;
}
.el-icon.n-mask,
.icon-el.n-mask {
  background-position: -500px -460px;
  width: 10px;
}
.el-icon.n-symbol,
.icon-el.n-symbol {
  background-position: -520px -460px;
  width: 11px;
  height: 12px;
  vertical-align: -1px;
  margin-top: -1px;
}
.el-icon.n-tabs,
.icon-el.n-tabs {
  background-position: -100px -520px;
  width: 10px;
}
.el-icon.n-tabs-menu,
.icon-el.n-tabs-menu {
  background-position: -120px -520px;
  width: 11px;
}
.el-icon.n-tabs-pane,
.icon-el.n-tabs-pane {
  background-position: -140px -520px;
  width: 11px;
}
.el-icon.n-dropdown,
.icon-el.n-dropdown {
  background-position: -180px -520px;
  width: 10px;
}
.el-icon.n-dropdown-list,
.icon-el.n-dropdown-list {
  background-position: -200px -520px;
  width: 10px;
}
.el-icon.n-nav,
.icon-el.n-nav {
  background-position: -580px -460px;
  width: 10px;
}
.el-icon.n-toggle,
.icon-el.n-toggle {
  background-position: -340px -460px;
  width: 10px;
}
.el-icon.n-lightbox,
.icon-el.n-lightbox {
  background-position: -160px -520px;
  width: 10px;
}
.el-icon.n-map,
.icon-el.n-map {
  background-position: -40px -520px;
  width: 10px;
}
.el-icon.n-facebook,
.icon-el.n-facebook {
  background-position: -620px -460px;
  width: 10px;
}
.el-icon.n-twitter,
.icon-el.n-twitter {
  background-position: 0px -520px;
  width: 10px;
}
.el-icon.n-gplus,
.icon-el.n-gplus {
  background-position: -20px -520px;
  width: 10px;
}
.el-icon.n-icon,
.icon-el.n-icon {
  background-position: -600px -460px;
  width: 10px;
}
.el-icon.n-backgroundvideo,
.icon-el.n-backgroundvideo {
  background-position: -380px -520px;
  width: 11px;
}
.el-icon.n-dyn,
.icon-el.n-dyn {
  background-position: -220px -520px;
  width: 8px;
}
.el-icon.n-dyn-list,
.icon-el.n-dyn-list {
  background-position: -240px -520px;
  width: 10px;
}
.el-icon.n-dyn-empty,
.icon-el.n-dyn-empty {
  background-position: -260px -520px;
  width: 10px;
}
.el-icon.n-dyn-item,
.icon-el.n-dyn-item {
  background-position: -320px -520px;
  width: 10px;
}
.css-selector .el-icon.n-body {
  margin-bottom: -1px;
}
.css-selector .el-icon.n-img {
  margin-bottom: -1px;
}
.hovered-outline .el-icon {
  background-position: -320px -480px;
}
.hovered-outline .el-icon.n-body {
  background-position: 0px -480px;
}
.hovered-outline .el-icon.n-container {
  background-position: -20px -480px;
}
.hovered-outline .el-icon.n-row {
  background-position: -40px -480px;
}
.hovered-outline .el-icon.n-column {
  background-position: -60px -480px;
}
.hovered-outline .el-icon.n-div {
  background-position: -320px -480px;
}
.hovered-outline .el-icon.n-span,
.hovered-outline .el-icon.n-textdiv {
  background-position: -300px -480px;
}
.hovered-outline .el-icon.n-img {
  background-position: -80px -480px;
}
.hovered-outline .el-icon.n-p {
  background-position: -100px -480px;
}
.hovered-outline .el-icon.n-h1 {
  background-position: -120px -480px;
}
.hovered-outline .el-icon.n-h2 {
  background-position: -140px -480px;
}
.hovered-outline .el-icon.n-h3 {
  background-position: -160px -480px;
}
.hovered-outline .el-icon.n-h4 {
  background-position: -180px -480px;
}
.hovered-outline .el-icon.n-h5 {
  background-position: -200px -480px;
}
.hovered-outline .el-icon.n-h6 {
  background-position: -220px -480px;
}
.hovered-outline .el-icon.n-ul,
.hovered-outline .el-icon.n-ol {
  background-position: -240px -480px;
}
.hovered-outline .el-icon.n-li {
  background-position: -260px -480px;
}
.hovered-outline .el-icon.n-a {
  background-position: -340px -480px;
}
.hovered-outline .el-icon.n-checkbox {
  background-position: -540px -480px;
}
.hovered-outline .el-icon.n-radio {
  background-position: -560px -480px;
}
.hovered-outline .el-icon.n-strong {
  background-position: -360px -480px;
}
.hovered-outline .el-icon.n-em {
  background-position: -380px -480px;
}
.hovered-outline .el-icon.n-input {
  background-position: -280px -480px;
}
.hovered-outline .el-icon.n-select {
  background-position: -60px -540px;
}
.hovered-outline .el-icon.n-button {
  background-position: -80px -540px;
}
.hovered-outline .el-icon.n-embed {
  background-position: -420px -480px;
}
.hovered-outline .el-icon.n-link {
  background-position: -340px -480px;
}
.hovered-outline .el-icon.n-slider {
  background-position: -460px -480px;
}
.hovered-outline .el-icon.n-slide {
  background-position: -480px -480px;
}
.hovered-outline .el-icon.n-mask {
  background-position: -500px -480px;
}
.hovered-outline .el-icon.n-symbol {
  background-position: -520px -480px;
}
.hovered-outline .el-icon.n-tabs {
  background-position: -100px -540px;
}
.hovered-outline .el-icon.n-tabs-menu {
  background-position: -120px -540px;
}
.hovered-outline .el-icon.n-tabs-pane {
  background-position: -140px -540px;
}
.hovered-outline .el-icon.n-nav {
  background-position: -580px -480px;
}
.hovered-outline .el-icon.n-toggle {
  background-position: -340px -480px;
}
.hovered-outline .el-icon.n-lightbox {
  background-position: -160px -540px;
}
.hovered-outline .el-icon.n-map {
  background-position: -40px -540px;
}
.hovered-outline .el-icon.n-facebook {
  background-position: -620px -480px;
}
.hovered-outline .el-icon.n-twitter {
  background-position: 0px -540px;
}
.hovered-outline .el-icon.n-gplus {
  background-position: -20px -540px;
}
.hovered-outline .el-icon.n-icon {
  background-position: -600px -480px;
}
.hovered-outline .el-icon.n-backgroundvideo {
  background-position: -380px -540px;
}
.hovered-outline .el-icon.n-dyn {
  background-position: -220px -540px;
}
.hovered-outline .el-icon.n-dyn-list {
  background-position: -240px -540px;
}
.hovered-outline .el-icon.n-dyn-empty {
  background-position: -260px -540px;
}
.hovered-outline .el-icon.n-dyn-item {
  background-position: -320px -540px;
}
a.bem-AddTab_Button,
.bem-AddTab_Placeholder {
  display: block;
  position: relative;
  float: left;
  width: 83px;
  height: 93px;
  margin-bottom: -1px;
  text-align: center;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 11px;
  background-color: rgba(255, 255, 255, 0);
  transition: background-color 200ms ease;
}
a.bem-AddTab_Button > .icon,
.bem-AddTab_Placeholder > .icon {
  display: inline-block;
  width: 80px;
  height: 65px;
  margin-top: -3px;
  opacity: 0.8;
  transition: opacity 200ms ease;
}
a.bem-AddTab_Button > .label,
.bem-AddTab_Placeholder > .label {
  display: block;
  position: relative;
  bottom: 0px;
  height: 30px;
  color: #a6a6a6;
  transition: color 200ms ease;
}
a.bem-AddTab_Button > .label > span,
.bem-AddTab_Placeholder > .label > span {
  display: inline;
  vertical-align: middle;
  width: 96px;
  text-align: center;
}
a.bem-AddTab_Button-disabled,
.bem-AddTab_Placeholder-disabled {
  cursor: not-allowed !important;
  opacity: 0.5;
}
a.bem-AddTab_Button:not(.bem-AddTab_Button-disabled):hover,
.bem-AddTab_Placeholder:not(.bem-AddTab_Button-disabled):hover {
  background-color: rgba(255, 255, 255, 0.05);
}
a.bem-AddTab_Button:not(.bem-AddTab_Button-disabled):hover > .icon,
.bem-AddTab_Placeholder:not(.bem-AddTab_Button-disabled):hover > .icon {
  opacity: 1.0;
}
a.bem-AddTab_Button:not(.bem-AddTab_Button-disabled):hover > .label,
.bem-AddTab_Placeholder:not(.bem-AddTab_Button-disabled):hover > .label {
  color: #d9d9d9;
}
a.bem-AddTab_Button-section > .icon,
.bem-AddTab_Placeholder-section > .icon {
  background-position: 0px 0px;
}
a.bem-AddTab_Button-container > .icon,
.bem-AddTab_Placeholder-container > .icon {
  background-position: -80px 0px;
}
a.bem-AddTab_Button-columns > .icon,
.bem-AddTab_Placeholder-columns > .icon {
  background-position: -160px 0px;
}
a.bem-AddTab_Button-div > .icon,
.bem-AddTab_Placeholder-div > .icon {
  background-position: 0px -160px;
}
a.bem-AddTab_Button-link-block > .icon,
.bem-AddTab_Placeholder-link-block > .icon {
  background-position: 0px -240px;
}
a.bem-AddTab_Button-blank-button > .icon,
.bem-AddTab_Placeholder-blank-button > .icon {
  background-position: -160px -160px;
}
a.bem-AddTab_Button-list > .icon,
.bem-AddTab_Placeholder-list > .icon {
  background-position: 0px -640px;
}
a.bem-AddTab_Button-list-item > .icon,
.bem-AddTab_Placeholder-list-item > .icon {
  background-position: -80px -640px;
}
a.bem-AddTab_Button-heading > .icon,
.bem-AddTab_Placeholder-heading > .icon {
  background-position: 0px -80px;
}
a.bem-AddTab_Button-paragraph > .icon,
.bem-AddTab_Placeholder-paragraph > .icon {
  background-position: -80px -80px;
}
a.bem-AddTab_Button-text-link > .icon,
.bem-AddTab_Placeholder-text-link > .icon {
  background-position: -160px -80px;
}
a.bem-AddTab_Button-block-quote > .icon,
.bem-AddTab_Placeholder-block-quote > .icon {
  background-position: -160px -880px;
}
a.bem-AddTab_Button-textdiv > .icon,
.bem-AddTab_Placeholder-textdiv > .icon {
  background-position: -80px -240px;
}
a.bem-AddTab_Button-richdiv > .icon,
.bem-AddTab_Placeholder-richdiv > .icon {
  background-position: 0px -880px;
}
a.bem-AddTab_Button-image > .icon,
.bem-AddTab_Placeholder-image > .icon {
  background-position: -80px -160px;
}
a.bem-AddTab_Button-video > .icon,
.bem-AddTab_Placeholder-video > .icon {
  background-position: -160px -240px;
}
a.bem-AddTab_Button-dynlist > .icon,
.bem-AddTab_Placeholder-dynlist > .icon {
  background-position: -80px -880px;
}
a.bem-AddTab_Button-form > .icon,
.bem-AddTab_Placeholder-form > .icon {
  background-position: -80px -320px;
}
a.bem-AddTab_Button-label > .icon,
.bem-AddTab_Placeholder-label > .icon {
  background-position: -160px -320px;
}
a.bem-AddTab_Button-input > .icon,
.bem-AddTab_Placeholder-input > .icon {
  background-position: -80px -400px;
}
a.bem-AddTab_Button-textarea > .icon,
.bem-AddTab_Placeholder-textarea > .icon {
  background-position: -160px -400px;
}
a.bem-AddTab_Button-select > .icon,
.bem-AddTab_Placeholder-select > .icon {
  background-position: -80px -480px;
}
a.bem-AddTab_Button-form-button > .icon,
.bem-AddTab_Placeholder-form-button > .icon {
  background-position: 0px -400px;
}
a.bem-AddTab_Button-checkbox > .icon,
.bem-AddTab_Placeholder-checkbox > .icon {
  background-position: -160px -720px;
}
a.bem-AddTab_Button-radio > .icon,
.bem-AddTab_Placeholder-radio > .icon {
  background-position: -80px -720px;
}
a.bem-AddTab_Button-slider > .icon,
.bem-AddTab_Placeholder-slider > .icon {
  background-position: -160px -560px;
}
a.bem-AddTab_Button-lightbox > .icon,
.bem-AddTab_Placeholder-lightbox > .icon {
  background-position: -80px -800px;
}
a.bem-AddTab_Button-map > .icon,
.bem-AddTab_Placeholder-map > .icon {
  background-position: 0px -480px;
}
a.bem-AddTab_Button-facebook > .icon,
.bem-AddTab_Placeholder-facebook > .icon {
  background-position: -160px -480px;
}
a.bem-AddTab_Button-twitter > .icon,
.bem-AddTab_Placeholder-twitter > .icon {
  background-position: 0px -560px;
}
a.bem-AddTab_Button-gplus > .icon,
.bem-AddTab_Placeholder-gplus > .icon {
  background-position: -80px -560px;
}
a.bem-AddTab_Button-nav > .icon,
.bem-AddTab_Placeholder-nav > .icon {
  background-position: -160px -640px;
}
a.bem-AddTab_Button-dropdown > .icon,
.bem-AddTab_Placeholder-dropdown > .icon {
  background-position: -160px -800px;
}
a.bem-AddTab_Button-tabs > .icon,
.bem-AddTab_Placeholder-tabs > .icon {
  background-position: 0px -800px;
}
a.bem-AddTab_Button-bgvideo > .icon,
.bem-AddTab_Placeholder-bgvideo > .icon {
  background-position: 0px -960px;
}
a.bem-AddTab_Button-embed > .icon,
.bem-AddTab_Placeholder-embed > .icon {
  background-position: 0px -320px;
}
a.bem-AddTab_Button.wf-drag-helper,
.bem-AddTab_Placeholder.wf-drag-helper {
  background-color: #2b2b2b;
  border: 1px solid #212121;
}
.css-selector {
  zoom: 1;
}
.css-selector:before,
.css-selector:after {
  content: " ";
  display: table;
}
.css-selector:after {
  clear: both;
}
.css-selector .media-icon {
  float: left;
  height: 14px;
  opacity: 0.7;
  transition: opacity 50ms ease-in;
}
.css-selector .media-icon.main {
  background-position: -380px -40px;
  width: 21px;
  margin: 6px 2px 0 5px;
}
.css-selector .media-icon.medium {
  background-position: -420px -40px;
  width: 14px;
  margin: 5px 4px 0 6px;
  height: 16px;
}
.css-selector .media-icon.small {
  background-position: -460px -40px;
  width: 14px;
  margin: 8px 5px 0 6px;
}
.css-selector .media-icon.tiny {
  background-position: -440px -40px;
  width: 10px;
  margin: 6px 6px 0 8px;
}
.css-selector .css-tokens {
  display: inline-block;
  width: 100%;
  margin-bottom: 0;
}
.css-selector .css-tokens .token {
  display: inline-block;
  position: relative;
  height: 22px;
  padding: 5px 5px 0px;
  margin-left: 4px;
  margin-bottom: 3px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 11px;
  vertical-align: bottom;
}
.css-selector .css-tokens .token > .state-icon {
  display: none;
}
.css-selector .css-tokens .token.pseudo {
  background-color: #7868be;
  color: rgba(255, 255, 255, 0.9);
}
.css-selector .css-tokens .token.pseudo:hover {
  background-color: #7868be !important;
}
.css-selector .css-tokens .token.state > .state-icon {
  width: 6px;
  height: 11px;
  display: block;
  float: left;
  background-position: -580px -20px;
  margin: 1px 4px 0 -1px;
  opacity: 0.7;
}
.css-selector .css-tokens .token.tag {
  background-color: #b5518c;
  color: rgba(255, 255, 255, 0.9);
}
.css-selector .css-tokens .token.mf_highlighted {
  background-color: #4e86c9;
}
.css-selector .css-tokens .token.mf_selected {
  background-color: #356daf;
}
.css-selector.compact > .path-chunks {
  width: 180px;
  float: left;
}
.css-selector.compact > .path-chunks > .css-tokens {
  overflow: hidden;
  text-overflow: ellipsis;
}
.css-selector.compact > .path-chunks > .css-tokens > .icon {
  width: 7px;
  height: 9px;
  float: left;
  margin: 9px 0 0 -9px;
  background-position: -620px -420px;
  opacity: 0.4;
}
.css-selector.downstream .css-tokens .token {
  position: relative;
}
.css-selector.current .css-tokens .token.pseudo,
.css-selector.downstream .css-tokens .token.pseudo,
.css-selector.upstream .css-tokens .token.pseudo {
  background-color: #7868be !important;
}
.css-selector.disabled {
  opacity: 0.5;
}
.css-tokens > .mf_list {
  padding: 0;
}
.css-tokens > .mf_list::before {
  display: inline-block;
  height: 26px;
  content: '';
}
.css-tokens > .mf_list > .mf_item {
  position: relative;
}
.css-tokens > .mf_list > .mf_item:not(.tag):not(.renaming):hover {
  background-color: #4e86c9;
}
.css-tokens > .mf_list > .mf_item.renaming {
  background-color: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.css-tokens > .mf_list > .mf_item > .label {
  display: inline-block;
  max-width: 142px;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.css-tokens > .mf_list > .mf_item > .panel {
  position: absolute;
  top: 20px;
  left: auto;
  right: 0;
  padding: 0;
  padding-top: 5px;
  background-color: transparent;
  border: 0;
  box-shadow: none;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner {
  padding: 0 8px;
  border-radius: 2px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options {
  width: 64px;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option {
  margin: 0 -8px;
  padding: 5px;
  background-color: #404040;
  text-align: center;
  cursor: default;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option:hover {
  background-color: #4d4d4d;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option > .icon {
  height: 11px;
  width: 11px;
  margin-right: 5px;
  opacity: 0.8;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option > .icon.pencil {
  background-position: -500px -20px;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option > .icon.trash {
  background-position: -40px -60px;
}
.css-tokens > .mf_list > .mf_item > .panel > .inner > .options > .option:first-child {
  border-bottom: 1px solid #333333;
}
.css-tokens > .mf_list > .mf_item > .label-input {
  cursor: text;
}
.css-tokens > .mf_list > .mf_item > .icon {
  height: 10px;
  width: 12px;
  margin-left: 3px;
  opacity: 0.7;
}
.css-tokens > .mf_list > .mf_item > .icon.commit {
  background-position: -440px -60px;
}
.css-tokens > .mf_list > .mf_item > .exists-warning {
  position: absolute;
  top: -30px;
  left: 50%;
  padding: 5px;
  background-color: #ea384c;
  border-radius: 3px;
  color: white;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
.css-tokens > .mf_list > .mf_item > .exists-warning::before {
  position: absolute;
  left: 50%;
  bottom: -8px;
  margin-left: -8px;
  border-width: 8px 8px 0 8px;
  border-style: solid;
  border-color: #ea384c transparent transparent transparent;
  content: '';
}
.css-tokens > .mf_list + .mf_input {
  line-height: 24px;
}
.linked-rules-menu .css-selector,
.reset-panel .css-selector {
  text-decoration: none;
}
.linked-rules-menu .css-selector > .chunk,
.reset-panel .css-selector > .chunk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  float: left;
  width: 180px;
  text-decoration: none;
}
.linked-rules-menu .css-selector > .chunk.nested,
.reset-panel .css-selector > .chunk.nested {
  padding-left: 44px;
}
.linked-rules-menu .css-selector > .chunk.nested > .css-tokens,
.reset-panel .css-selector > .chunk.nested > .css-tokens {
  width: 134px;
}
.linked-rules-menu .css-selector > .chunk > .icon,
.reset-panel .css-selector > .chunk > .icon,
.linked-rules-menu .css-selector > .chunk > .css-tokens,
.reset-panel .css-selector > .chunk > .css-tokens {
  float: left;
}
.linked-rules-menu .css-selector > .chunk > .icon.nested,
.reset-panel .css-selector > .chunk > .icon.nested {
  height: 10px;
  width: 10px;
  margin-right: 2px;
  background-position: -620px -420px;
  opacity: 0.6;
}
.linked-rules-menu .css-selector > .media-icon,
.reset-panel .css-selector > .media-icon {
  margin-top: 3px;
}
.linked-rules-menu .css-selector .css-tokens > .token,
.reset-panel .css-selector .css-tokens > .token {
  border-color: #212121;
}
.scroll-shadow .top-shadow {
  pointer-events: none;
  position: absolute;
  width: 100%;
  height: 10px;
  opacity: 0;
  z-index: 1;
  left: 0;
  top: 0;
  background: linear-gradient(rgba(0, 0, 0, 0.18), rgba(0, 0, 0, 0));
}
.right-control-ticks {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.right-control-ticks > .ticks {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  border-left: 1px solid #212121;
  display: none;
}
.right-control-ticks > .ticks > .tick {
  display: block;
  width: 9px;
  margin-top: 0;
  height: 11.5px;
  background: #5e5e5e;
  font-size: 0px;
  line-height: 0px;
  cursor: default;
}
.right-control-ticks > .ticks > .tick > i {
  width: 5px;
  height: 4px;
  margin-top: 2px;
  opacity: 0.6;
  pointer-events: none;
}
.right-control-ticks > .ticks > .tick.up > i {
  background-position: 0px 0px;
}
.right-control-ticks > .ticks > .tick.down > i {
  background-position: -20px 0px;
  margin-top: 3px;
}
.right-control-ticks > .ticks > .tick.up {
  border-top-right-radius: 2px;
}
.right-control-ticks > .ticks > .tick.down {
  border-bottom-right-radius: 2px;
  margin-top: -1px;
  padding-top: 1px;
}
.right-control-ticks > .ticks > .tick:hover {
  background: #6b6b6b;
}
.right-control-ticks > .ticks > .tick:hover > i {
  opacity: 0.95;
}
.right-control-ticks > .ticks > .sep {
  display: block;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background-color: #212121;
  opacity: 0.90;
}
.btn-action,
.button-group button,
.button-group .btn-action {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 5px 13px;
  background: #5e5e5e;
  border: 1px solid #333333;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-weight: 400;
  cursor: default;
  line-height: 20px;
  margin-right: 8px;
}
.btn-action:hover {
  background: #6b6b6b;
}
.btn-action:focus {
  outline: none;
}
.btn-action:active {
  background: #5e5e5e;
}
.btn-action.primary {
  background: #109155;
}
.btn-action.primary:hover {
  background: #13a862;
}
.btn-action.secondary {
  background: #3b79c3;
}
.btn-action.secondary:hover {
  background: #4e86c9;
}
.btn-action.danger {
  background: #c92c3f;
}
.btn-action.danger:hover {
  background: #d43b4d;
}
.btn-action.small {
  padding: 5px;
}
.btn-action i.icon-main,
.btn-action i.icon-dynamo {
  float: left;
  margin-top: 2px;
  margin-right: 2px;
}
.btn-action i,
.context-lens i,
button i {
  display: inline-block;
  opacity: 0.8;
}
.btn-action > i + *,
.context-lens > i + *,
button > i + * {
  margin-left: 5px;
}
.btn-action:hover i,
.context-lens:hover i,
button:hover i {
  opacity: 1;
}
.btn-action:hover > *,
.context-lens:hover > *,
button:hover > * {
  color: #ebebeb;
}
.bem-TopBar_Body_ContextLens > * {
  color: #d9d9d9;
}
.btn-blank {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: none;
  box-shadow: none;
  background: transparent;
  border-radius: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.btn-blank:focus,
.btn-blank:active {
  outline: none;
}
.btn-blank i {
  opacity: 0.6;
}
.btn-blank:hover i {
  opacity: 0.8;
}
.btn-blank:active i {
  opacity: 1;
}
.button-group {
  float: right;
}
.button-group .kit-button {
  position: relative;
  width: 30px;
  height: 22px;
  float: right;
  margin: 0 0 -1px;
  border-right: 0;
  border-radius: 0;
}
.button-group .kit-button:last-child {
  border-radius: 3px 0 0 0;
}
.button-group .kit-button:first-child {
  border-radius: 0 3px 0 0;
  border-right: 1px solid #333333;
}
.button-group button,
.button-group .btn-action {
  margin-right: -1px;
  border-radius: 2px 0 0 2px;
  padding: 5px 13px;
  font-size: 12px;
  float: left;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
  line-height: 20px;
}
.button-group button:hover,
.button-group .btn-action:hover {
  background: #6b6b6b;
}
.button-group button:focus,
.button-group .btn-action:focus {
  outline: none;
}
.button-group button:last-child,
.button-group .btn-action:last-child {
  border-radius: 0 2px 2px 0;
}
.button-group button > span,
.button-group .btn-action > span {
  display: inline;
}
.button-group button:active,
.button-group .btn-action:active {
  background: #5e5e5e;
}
.button-group button.active,
.button-group .btn-action.active {
  background: #2b2b2b;
  border: 1px solid #212121;
}
.button-group button i,
.button-group .btn-action i {
  margin-right: 4px;
  float: left;
}
.button-group label {
  display: block;
  float: left;
  width: 100%;
  margin-bottom: 0.618em;
}
.kit-inset-box {
  zoom: 1;
  clear: both;
  border: 1px solid #2b2b2b;
  background: #363636;
  padding: 7px;
  border-radius: 2px;
}
.kit-inset-box:before,
.kit-inset-box:after {
  content: " ";
  display: table;
}
.kit-inset-box:after {
  clear: both;
}
.kit-inset-box .kit-text-input,
.kit-inset-box .kit-color-input,
.kit-inset-box .kit-checkbox-input {
  background: #2b2b2b;
}
.kit-inset-box .kit-button {
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.kit-inset-box .kit-button:hover {
  background: #6b6b6b;
}
.kit-inset-box .kit-button.active {
  background: #2b2b2b;
}
.kit-inset-box .kit-label {
  color: #d9d9d9;
}
.kit-input-control {
  display: block;
  position: relative;
  float: left;
}
.kit-input-control:focus {
  outline: none;
}
.kit-input-control.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-scrollbar {
  overflow: auto;
}
.kit-scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.kit-scrollbar::-webkit-scrollbar:horizontal {
  display: none;
}
.kit-scrollbar::-webkit-scrollbar-track {
  background-color: #2b2b2b;
  background-clip: padding-box;
  border-style: solid;
  border-color: #212121;
  border-width: 0 0 0 1px;
}
.kit-scrollbar::-webkit-scrollbar-track:horizontal {
  border-width: 0 0 0 0;
}
.kit-scrollbar::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 1px;
  background-clip: content-box;
}
.kit-scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #5e5e5e;
}
.kit-scrollbar::-webkit-scrollbar-thumb:hover:disabled {
  background-color: #404040;
}
.kit-scrollbar.with-horizontal::-webkit-scrollbar:horizontal {
  display: block;
}
.kit-scrollbar.with-horizontal::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0 0 0;
}
.kit-scrollbar.with-horizontal::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0 0 0;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:start:increment,
.kit-scrollbar.with-arrows::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .kit-scrollbar.with-arrows::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.kit-scrollbar.with-arrows.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.kit-scrollbar::-webkit-scrollbar-corner {
  background-color: #2b2b2b;
}
.kit-scrollable-native,
.kit-slate .content {
  position: relative;
  overflow: hidden;
}
.kit-scrollable-native > .kit-scroll-pane,
.kit-slate .content .scroll-pane {
  overflow: auto;
  overflow-y: auto;
  overflow-x: hidden;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.kit-scrollable-native > .kit-scroll-pane.with-horizontal {
  overflow-x: auto;
}
.kit-scrollable-nano {
  position: relative;
  overflow: hidden;
}
.kit-scrollable-nano > .kit-scroll-pane {
  position: absolute;
  overflow: scroll;
  overflow-x: hidden;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.kit-scrollable-nano > .kit-scroll-pane::-webkit-scrollbar {
  display: none;
}
.kit-scrollable-nano > .scroll-track {
  background: rgba(0, 0, 0, 0);
  position: absolute;
  width: 10px;
  right: 0px;
  bottom: 5px;
  top: 5px;
  opacity: 0.01;
  transition: all 200ms ease;
  border-radius: 5px;
  z-index: 2;
}
.kit-scrollable-nano > .scroll-track > .scroll-handle {
  background: rgba(200, 200, 200, 0.35);
  position: relative;
  margin: 0 2px 0 3px;
  border-radius: 3px;
}
.kit-scrollable-nano > .scroll-track > .scroll-handle:hover {
  background: rgba(200, 200, 200, 0.5);
  cursor: default;
}
.kit-scrollable-nano > .scroll-track.active,
.kit-scrollable-nano > .scroll-track.flashed {
  opacity: 0.99;
}
.kit-scrollable-nano:hover > .scroll-track {
  opacity: 0.99;
}
.kit-scrollable-nano.disabled {
  pointer-events: none;
}
.kit-section-group {
  outline: 0 !important;
}
.kit-section a {
  cursor: default;
}
.kit-section.open {
  border-bottom: 1px solid #212121;
}
.kit-section.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.kit-section .advanced-only {
  display: none;
}
.kit-section.show-advanced .advanced-only {
  display: block;
}
.kit-section .transition-parent > .transition-child {
  transition: none;
}
.kit-section .transition-parent > .transition-child.transition-enter.transition-enter-active {
  opacity: 1;
  -webkit-transform: none;
  transform: none;
  transition: opacity 500ms, -webkit-transform 500ms;
  transition: transform 500ms, opacity 500ms;
  transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
}
.kit-section .transition-parent > .transition-child.transition-enter:not(.transition-enter-active) {
  opacity: 0;
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
}
.kit-section .transition-parent > .transition-child.transition-leave {
  opacity: 0;
  -webkit-transform: translateX(-4px);
  transform: translateX(-4px);
  transition: opacity 500ms, -webkit-transform 500ms;
  transition: transform 500ms, opacity 500ms;
  transition: transform 500ms, opacity 500ms, -webkit-transform 500ms;
}
.kit-section:last-child {
  margin-bottom: 0;
}
.kit-section .settings-link {
  color: #c0c0c0;
  line-height: 14px;
}
.kit-section .settings-link > a {
  color: #6bb0ff;
  text-decoration: none;
}
.kit-section .settings-link > a:hover {
  text-decoration: underline;
}
.kit-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 10px 0 4px;
  height: 29px;
  border-bottom: 1px solid #212121;
  background: #2b2b2b;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.kit-section-title > .tick {
  background-position: -40px 0px;
  width: 5px;
  height: 8px;
  margin: 0 6px 0 4px;
  opacity: 0.85;
}
.kit-section-title > .label {
  font-size: 12px;
  line-height: 16px;
  color: #d9d9d9;
  text-decoration: none;
  display: block;
  font-weight: bold;
  cursor: default;
  text-transform: capitalize;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.kit-section-title > .cascade-indicator {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.kit-section-title > .advanced {
  display: none;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  padding: 8px 0;
  padding-left: 8px;
  font-weight: normal;
  text-decoration: none;
  text-transform: capitalize;
  color: #737373;
  font-size: 11px;
  cursor: default;
}
.kit-section-title > .advanced > .switch {
  width: 16px;
  height: 10px;
  margin: 1px 6px 0 0;
  background-position: -480px -40px;
  opacity: 1.0;
}
.kit-section-title > .advanced.local > .status,
.kit-section-title > .advanced.upstream > .status {
  width: 10px;
  height: 6px;
  margin: 3px 2px 0 0px;
  background-position: -420px -80px;
  opacity: 1.0;
  transition: opacity 200ms ease;
}
.kit-section-title > .advanced.upstream > .status {
  background-position: -440px -80px;
}
.kit-section-title > .advanced.local.upstream > .status {
  margin-right: 4px;
  background-position: -460px -80px;
}
.kit-section-title > .advanced:hover {
  color: #a6a6a6;
}
.kit-section-title > .advanced:hover > .switch {
  opacity: 1.0;
}
.kit-section.open .kit-section-title > .tick {
  background-position: -60px 0px;
  width: 7px;
  height: 6px;
  margin: 0 5px 0 3px;
}
.kit-section.open .kit-section-title > .advanced {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kit-section.show-advanced .kit-section-title > .advanced {
  color: #d9d9d9;
}
.kit-section.show-advanced .kit-section-title > .advanced > .switch {
  opacity: 1.0;
  background-position: -500px -40px;
}
.kit-section.show-advanced .kit-section-title > .advanced > .status {
  opacity: 0.0;
}
.kit-section-body {
  position: relative;
  background-color: #404040;
  display: none;
  padding: 10px 8px 12px 8px;
  min-height: 20px;
  zoom: 1;
}
.kit-section-body:before,
.kit-section-body:after {
  content: " ";
  display: table;
}
.kit-section-body:after {
  clear: both;
}
.kit-section-body > .kit-divider {
  margin: 8px 0;
}
.kit-section.open .kit-section-body {
  display: block;
}
.kit-section-body.no-padding {
  padding: 0;
}
#kit .stackable-body {
  position: relative;
  margin-top: 0;
  padding: 10px 8px 14px;
  z-index: 1;
}
.kit-panel {
  -webkit-font-smoothing: antialiased;
  zoom: 1;
  font-family: Arial, sans-serif, Georgia, serif;
}
.kit-panel:before,
.kit-panel:after {
  content: " ";
  display: table;
}
.kit-panel:after {
  clear: both;
}
.kit-panel .kit-divider.full {
  margin: 0 -8px;
}
.kit-panel > .kit-group:last-child,
.kit-panel > .kit-checkbox-group:last-child,
.kit-panel > .kit-button-group:last-child {
  margin-bottom: 0;
}
.kit-panel .disabled-message,
.kit-panel .instructions {
  line-height: 15px;
}
.kit-panel.stackable {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
}
.kit-panel.stackable > .body {
  background-color: #404040;
  position: relative;
  margin-top: 0;
  padding: 10px 8px 14px;
  z-index: 1;
}
.kit-panel.stackable > .body > * {
  transition: visibility 0 linear 500ms;
}
.kit-panel.stackable > .body.active > * {
  transition: visibility 0 linear 0;
  visibility: visible;
}
.kit-panel.stackable > .body.blurred > * {
  visibility: hidden;
  pointer-events: none;
}
.kit-panel.stackable > .body > .kit-divider {
  margin: 5px 0;
}
.kit-panel-body.stackable {
  transition: height 200ms ease;
  overflow: hidden;
  position: relative;
  margin-top: 0;
  padding: 10px 8px 14px;
  z-index: 1;
}
.kit-panel-title {
  zoom: 1;
  cursor: default;
  position: relative;
  z-index: 2;
  color: rgba(255, 255, 255, 0.9);
  background: #5e5e5e;
  border-bottom: 1px solid #333333;
  border-top: 1px solid #333333;
  display: block;
  left: 0;
  right: 0;
  height: 31px;
  margin-bottom: 2px;
}
.kit-panel-title:before,
.kit-panel-title:after {
  content: " ";
  display: table;
}
.kit-panel-title:after {
  clear: both;
}
.kit-panel-title > * {
  transition: opacity 200ms;
}
.kit-panel-title > .kit-label {
  padding-top: 4px;
}
.kit-panel-title > .kit-label > .kit-sub-title {
  color: #a6a6a6;
  margin-left: 1px;
}
.kit-panel-title > .kit-label > .kit-sub-title:before {
  content: ": ";
}
.kit-panel-title > a.icon {
  float: left;
  margin-right: 2px;
  padding: 8px;
  width: 29px;
}
.kit-panel-title > a.icon.close {
  position: absolute;
  float: none;
  right: 3px;
  top: 1px;
  margin: 0;
}
.kit-panel-title > a.icon.close:hover > i {
  opacity: 1;
}
.kit-panel-title > a.icon.close > i {
  float: right;
  background-position: -420px -60px;
  width: 9px;
  height: 10px;
  opacity: 0.3;
  transition: opacity 50ms;
}
.kit-panel-title > a.icon.wrench > i {
  background-position: -160px -300px;
  width: 12px;
  height: 12px;
}
.kit-panel-title > a.icon.trigger > i {
  background-position: -240px -300px;
  width: 15px;
  height: 15px;
  margin-top: -1px;
}
.kit-panel-title > a.icon.effect > i {
  background-position: -260px -300px;
  width: 14px;
  height: 11px;
}
.kit-panel-title > a.icon.initial > i {
  background-position: -280px -300px;
  width: 14px;
  height: 10px;
  margin-top: 1px;
}
.kit-panel-title > a.icon.close > i {
  transition: opacity 200ms;
}
.kit-panel-title.active > a.icon.close > i {
  opacity: 0.7;
}
.kit-panel-title.active:hover > a.icon.close > i {
  opacity: 1;
}
.kit-panel-title.blurred > * {
  opacity: 0.45;
}
.kit-panel-title.blurred > a.icon.close > i {
  opacity: 1;
}
.kit-panel-title.blurred:hover > * {
  opacity: 1;
}
.kit-panel-title.blurred > a.icon.close > i {
  position: relative;
  left: 2px;
  background-position: -600px -60px;
  width: 12px;
  height: 12px;
}
.kit-panel-title > .kit-label {
  margin-top: 4px;
}
.panel.kit-ix .kit-panel-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 28px;
  background-color: #4d4d4d;
  border: none;
  border-bottom: 1px solid #333333;
  cursor: default;
}
.panel.kit-ix .kit-panel-title > .kit-label {
  padding: 4px 10px;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
}
.kit-slate {
  position: relative;
  background: #404040;
  height: 100%;
  width: 250px;
  padding: 0;
  border-left: 1px solid #333333;
  border-right: 1px solid #333333;
  font-size: 12px;
  font-weight: normal;
  font-family: Arial, sans-serif, Georgia, serif;
}
.kit-slate .header {
  position: relative;
  padding: 0 9px;
  width: 100%;
  color: #d9d9d9;
  background: #4d4d4d;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #212121;
  height: 44px;
}
.kit-slate .header h2 {
  font-size: 19px;
  display: inline-block;
  margin-top: 10px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
}
.kit-slate .header .wrap {
  max-width: 190px;
  padding: 10px 0 0;
  display: inline-block;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.kit-slate .header .wrap h2 {
  overflow: hidden;
  display: inline;
}
.kit-slate .header .btn-blank {
  position: relative;
  width: 20px;
  height: 12px;
  float: right;
  display: block;
  margin-right: 3px;
  margin-top: 8px;
  top: 5px;
  opacity: .65;
  cursor: default;
}
.kit-slate .header .btn-blank i {
  display: block;
  margin: 0 auto;
}
.kit-slate .header .btn-blank:hover {
  opacity: .85;
}
.kit-slate .header .close {
  display: inline-block;
  position: relative;
  margin-left: 4px;
  cursor: default;
  opacity: .40;
  padding: 3px 4px;
  top: 3px;
}
.kit-slate .header .close i {
  top: 0px;
  background-position: -600px -40px;
  height: 12px;
  width: 11px;
  display: block;
  position: relative;
}
.kit-slate .header .close:hover {
  opacity: .85;
}
.kit-slate .header .kit-button {
  display: block;
  height: 26px;
  margin-top: 7px;
  margin-left: 6px;
  font-weight: bold;
  float: right;
  padding: 0 5px;
  background: #5e5e5e;
}
.kit-slate .header .kit-button.has-text {
  padding: 0 10px;
  line-height: 26px;
  font-weight: 400;
  font-size: 12px;
}
.kit-slate .header .kit-button.has-text.primary {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.kit-slate .header .kit-button.has-text.primary:hover {
  background: #4e86c9;
  color: white;
}
.kit-slate .header .kit-button:hover {
  background: #6b6b6b;
}
.kit-slate .section-heading {
  padding: 6px 10px;
  margin: 32px 0px 0px;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
  background: #2b2b2b;
  font-size: 13px;
  color: #d9d9d9;
  text-decoration: none;
  font-weight: bold;
  text-transform: capitalize;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.kit-slate .content {
  width: 100%;
  overflow-x: hidden;
  height: 100%;
  color: #d9d9d9;
  padding-right: 10px;
  padding-left: 10px;
  padding-top: 15px;
  padding-bottom: 15px;
  overflow: auto;
  position: relative;
  top: 0;
}
.kit-slate .content .scroll-pane {
  overflow-x: hidden;
  padding: 15px 10px;
  height: 100%;
}
.kit-slate .content h3 {
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-size: 18px;
  font-weight: 400;
}
.kit-slate .header + .content,
.kit-slate .header + .kit-scrollable-native {
  height: calc(100% - 44px);
  color: #d9d9d9;
}
.kit-slate .item-list {
  padding: 0;
  margin: -16px -10px;
}
.kit-slate .item-list li,
.kit-slate .item-list .list-item {
  margin-top: -1px;
  position: relative;
  height: 32px;
  font-size: 12px;
  text-color: #d9d9d9;
  font-weight: 300;
  list-style: none;
  padding: 7px 11px;
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.kit-slate .item-list li.active,
.kit-slate .item-list .list-item.active,
.kit-slate .item-list li.active:hover,
.kit-slate .item-list .list-item.active:hover {
  background: #4d4d4d;
  color: #d9d9d9;
}
.kit-slate .item-list li.active i.page,
.kit-slate .item-list .list-item.active i.page,
.kit-slate .item-list li.active:hover i.page,
.kit-slate .item-list .list-item.active:hover i.page {
  opacity: 0.95;
}
.kit-slate .item-list li.active .common-arrow-right,
.kit-slate .item-list .list-item.active .common-arrow-right,
.kit-slate .item-list li.active:hover .common-arrow-right,
.kit-slate .item-list .list-item.active:hover .common-arrow-right {
  opacity: 0.7;
}
.kit-slate .item-list li:hover,
.kit-slate .item-list .list-item:hover {
  background: #4d4d4d;
  color: #d9d9d9;
}
.kit-slate .item-list li:hover .common-arrow-right,
.kit-slate .item-list .list-item:hover .common-arrow-right {
  opacity: 0.0;
}
.kit-slate .item-list li > *,
.kit-slate .item-list .list-item > * {
  display: inline-block;
}
.kit-slate .item-list li > i,
.kit-slate .item-list .list-item > i {
  float: left;
}
.kit-slate .item-list li > i:first-child,
.kit-slate .item-list .list-item > i:first-child {
  opacity: .7;
  margin-right: 8px;
  margin-top: 0px;
}
.kit-slate .item-list li .common-arrow-right,
.kit-slate .item-list .list-item .common-arrow-right {
  opacity: 0;
  position: absolute;
  right: 10px;
  left: auto;
  top: 8px;
}
.kit-slate .item-list li:last-child,
.kit-slate .item-list .list-item:last-child {
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.05);
}
.kit-slate .db-add {
  background-position: -340px 0px;
  height: 15px;
  width: 15px;
  display: block;
}
.kit-slate.slate-level-1:before {
  content: " ";
  position: absolute;
  height: calc(100% - 2px);
  width: 6px;
  left: -7px;
  background: #4d4d4d;
  border: 1px solid #333333;
  border-left: 0;
}
.kit-slate.slate-level-2 {
  position: absolute;
  left: 256px;
  top: -1px;
  width: 400px;
  border: 0;
  border-right: 1px solid #333333;
}
.kit-slate.slate-level-3 {
  position: absolute;
  left: 656px;
  top: -1px;
  width: 400px;
  border: 0;
  border-right: 1px solid #333333;
}
.kit-slate section {
  margin-top: -15px;
  margin-bottom: -15px;
  margin-left: -10px;
  margin-right: -10px;
  padding-top: 15px;
  padding-bottom: 15px;
  padding-left: 10px;
  padding-right: 10px;
  border-bottom: 1px solid #333333;
}
.kit-slate dl {
  line-height: 22px;
}
.kit-slate dl dd {
  color: #a6a6a6;
}
.kit-slate hr {
  margin: 15px -15px;
  height: 1px;
  background: #333333;
  border: 0;
  display: block;
}
.kit-slate ul {
  padding: 0 0 0 15px;
}
.kit-slate .kit-form-field.disabled {
  opacity: 0.5;
}
.kit-slate .kit-form-field.disabled input:hover,
.kit-slate .kit-form-field.disabled input:active,
.kit-slate .kit-form-field.disabled input:focus {
  box-shadow: none;
}
.kit-divider {
  clear: both;
  height: 1px;
  line-height: 0;
  font-size: 0;
  border-top: 1px solid #333333;
  margin: 8px 0;
}
.kit-divider-small {
  clear: both;
  height: 1px;
  line-height: 0;
  font-size: 0;
  border-top: 1px solid #333333;
  margin: 2px 0;
}
.kit-title {
  padding-bottom: 9px;
}
.kit-title.leading {
  padding-top: 4px;
  padding-bottom: 11px;
}
.kit-label {
  float: left;
  padding: 6px 6px 0 0;
  line-height: 12px;
  color: #d9d9d9;
}
.kit-label > .link {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #d9d9d9;
  font-size: 11px;
  text-decoration: none;
  position: relative;
  pointer-events: none;
}
.kit-label > .link > span {
  transition: border 200ms ease;
}
.kit-label > .link.upstream,
.kit-label > .link.local,
.kit-label > .link.downstream {
  pointer-events: auto;
  cursor: default;
}
.kit-label > .link.upstream {
  color: #e89153;
}
.kit-label > .link.upstream > span {
  border-bottom: 1px dotted rgba(232, 145, 83, 0.6);
}
.kit-label > .link.upstream:hover > span {
  border-bottom: 1px solid #e89153;
}
.kit-label > .link.local {
  color: #6bb0ff;
}
.kit-label > .link.local > span {
  border-bottom: 1px dotted rgba(107, 176, 255, 0.6);
}
.kit-label > .link.local:hover > span {
  border-bottom: 1px solid #6bb0ff;
}
.kit-label > .link.downstream:before {
  content: '';
  position: absolute;
  height: 2px;
  background: #ea384c;
  top: 50%;
  left: -1px;
  right: -1px;
}
.kit-label > .link.pop {
  position: relative;
  background-color: #404040;
  border-radius: 3px;
  pointer-events: none;
  z-index: 22;
}
.kit-label-icon {
  opacity: 0.7;
  margin-right: 4px;
}
.kit-label-icon.opacity {
  float: left;
  background-position: -280px -320px;
  width: 14px;
  height: 15px;
  margin-top: 3px;
}
.kit-label-icon.wait {
  float: left;
  background-position: -300px -320px;
  width: 14px;
  height: 15px;
  margin-top: 3px;
}
.kit-label-icon.width {
  float: left;
  background-position: -200px -320px;
  width: 17px;
  height: 12px;
  margin-top: 4px;
}
.kit-label-icon.height {
  float: left;
  background-position: -180px -320px;
  width: 11px;
  height: 12px;
  margin-top: 3px;
}
.kit-field.compact > .kit-label {
  width: 22px;
  padding: 0;
  margin: 0 1px 0 -1px;
}
.kit-field.compact > .kit-label > .link {
  height: 19px;
  overflow: hidden;
  display: block;
  float: right;
  padding: 4px 2px 2px 2px;
}
.kit-field.compact > .kit-label > .link > i {
  display: block;
  height: 60px;
  opacity: 0.6;
}
.kit-field.compact > .kit-label > .link > span {
  display: none;
}
.kit-field.compact > .kit-label > .link.upstream > i {
  margin-top: -40px;
  opacity: 1;
}
.kit-field.compact > .kit-label > .link.local > i {
  margin-top: -20px;
  opacity: 1;
}
.kit-field.compact > .kit-label > .link.downstream {
  position: relative;
}
.kit-field.compact > .kit-label > .link.downstream:before {
  top: 60%;
  left: 1px;
  right: 1px;
}
.kit-field {
  zoom: 1;
  clear: both;
  padding: 4px 0;
  white-space: nowrap;
}
.kit-field:before,
.kit-field:after {
  content: " ";
  display: table;
}
.kit-field:after {
  clear: both;
}
.kit-field.pull-left {
  float: left;
  clear: left;
}
.kit-field.pull-left:not(.compact) .kit-label {
  text-align: right;
}
.kit-field.pull-right {
  float: right;
  clear: right;
}
.kit-field.disabled {
  opacity: 0.3;
}
.kit-field.disabled * {
  pointer-events: none;
}
.kit-field .button-group .kit-button {
  margin-right: 0;
  border-radius: 0;
}
.kit-field .button-group .kit-button:last-child {
  border-radius: 3px 0 0 0;
}
.kit-field .button-group .kit-button:first-child {
  border-radius: 0 3px 0 0;
}
.kit-field .button-group .kit-button:first-child:last-child {
  border-radius: 3px 3px 0 0;
}
.kit-field .kit-unit-box {
  float: left;
}
.kit-field .kit-svg-icon {
  float: left;
}
.kit-form-field {
  position: relative;
  zoom: 1;
  clear: both;
  padding: 0 0 10px 0;
  white-space: nowrap;
}
.kit-form-field:before,
.kit-form-field:after {
  content: " ";
  display: table;
}
.kit-form-field:after {
  clear: both;
}
.kit-form-field > * {
  display: block;
  float: left;
  margin-bottom: 8px;
}
.kit-form-field label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  color: #d9d9d9;
  margin-top: 2px;
}
.kit-form-field label > * {
  display: inline-block;
  float: left;
  margin-right: 5px;
}
.kit-form-field label + input[type=checkbox] {
  margin-top: 3px;
  margin-left: 10px;
}
.kit-form-field .kit-select {
  width: 100%;
  position: relative;
  overflow: hidden;
  height: 32px;
}
.kit-form-field .kit-select .native-select {
  height: 100%;
}
.kit-form-field .kit-select:after {
  content: " ";
  pointer-events: none;
  display: block;
  margin: 7px 0 0 6px;
  width: 0;
  height: 0;
  position: absolute;
  right: 4%;
  top: 23%;
  border-top: 5px solid #d9d9d9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
}
.kit-form-field .kit-select:hover:after {
  border-top: 5px solid #d9d9d9;
}
.kit-form-field input[type='text'],
.kit-form-field input[type='number'],
.kit-form-field input[type='url'],
.kit-form-field textarea {
  width: 100%;
  background: #2b2b2b;
  border: 1px solid #212121;
  padding: 8px;
  color: #d9d9d9;
  font-size: 12px;
  border-radius: 2px;
}
.kit-form-field input[type='text']:hover,
.kit-form-field input[type='number']:hover,
.kit-form-field input[type='url']:hover,
.kit-form-field textarea:hover {
  background: #232323;
}
.kit-form-field input[type='text']:focus,
.kit-form-field input[type='number']:focus,
.kit-form-field input[type='url']:focus,
.kit-form-field textarea:focus {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-form-field input[type='text']:active,
.kit-form-field input[type='number']:active,
.kit-form-field input[type='url']:active,
.kit-form-field textarea:active,
.kit-form-field input[type='text']:focus,
.kit-form-field input[type='number']:focus,
.kit-form-field input[type='url']:focus,
.kit-form-field textarea:focus {
  outline: 0;
}
.kit-form-field input[type='number']::-webkit-inner-spin-button {
  display: none;
}
.kit-form-field input::-webkit-input-placeholder {
  opacity: 0.6;
}
.kit-form-field textarea {
  min-height: 80px;
}
.kit-form-field select {
  -webkit-appearance: none;
  position: relative;
  width: 100%;
  background: #5e5e5e;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  padding: 8px;
  font-size: 12px;
  cursor: default;
}
.kit-form-field select option {
  color: #2b2b2b;
}
.kit-form-field select:hover {
  background: #6b6b6b;
}
.kit-form-field select:active,
.kit-form-field select:focus {
  outline: 0;
}
.kit-form-field input[type=checkbox] {
  -webkit-appearance: none;
  margin-right: 10px;
  margin-top: 3px;
  position: relative;
  height: 12px;
  width: 12px;
  background: #2b2b2b;
  border: 1px solid #212121;
  border-radius: 2px;
}
.kit-form-field input[type=checkbox]:hover,
.kit-form-field input[type=checkbox]:focus {
  background: #232323;
}
.kit-form-field input[type=checkbox]:active,
.kit-form-field input[type=checkbox]:focus {
  outline: 0;
}
.kit-form-field input[type=checkbox]:after {
  content: " ";
  display: block;
}
.kit-form-field input[type=checkbox]:checked:after {
  color: #d9d9d9;
  position: absolute;
}
.kit-form-field input[type=radio] {
  -webkit-appearance: none;
  height: 15px;
  width: 15px;
  background: #2b2b2b;
  border: 1px solid #212121;
  color: #d9d9d9;
  border-radius: 100px;
  position: relative;
}
.kit-form-field input[type=radio]:hover {
  background: #232323;
}
.kit-form-field input[type=radio]:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-form-field input[type=radio]:checked:before {
  content: "";
  position: absolute;
  top: 3px;
  left: 3px;
  height: 7px;
  width: 7px;
  border-radius: 100px;
  background: #d9d9d9;
}
.kit-form-field .button-group {
  display: block;
  float: left;
}
.kit-form-field .error-message {
  display: block;
  width: 100%;
  color: #ff5266;
}
.kit-form-field input[type=text].error {
  box-shadow: 0 0 0 1px #ea384c;
}
.kit-form-field input[type=text].error > input.input {
  color: #ff5266;
}
.kit-form-field .slug-preview {
  margin-top: -7px;
  padding: 3px 5px 3px;
  background: rgba(255, 255, 255, 0.09);
  border-bottom-right-radius: 2px;
  border-bottom-left-radius: 2px;
}
.kit-form-field .slug-preview i {
  margin-right: 7px;
  margin-top: 2px;
  float: left;
  opacity: .45;
}
.kit-form-field .slug-preview span {
  opacity: .55;
}
.kit-form-field .slug-preview span.slug {
  opacity: 1;
}
.kit-list-wrapper {
  padding: 0;
}
.kit-empty-list {
  position: relative;
  min-height: 30px;
  margin-bottom: 2px;
  padding: 8px 15px 8px;
  text-align: center;
  background: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  color: #a6a6a6;
  font-size: 11px;
}
.kit-drag-handle {
  position: absolute;
  width: 10px;
  height: 28px;
  cursor: ns-resize;
}
.kit-drag-handle:before {
  content: '';
  display: block;
  position: absolute;
  left: 1px;
  top: 2px;
  right: 1px;
  bottom: 1px;
  width: 3px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAuCAYAAAALM2gTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi5ODg+M+ABTAx4ACM/4GAJB2kA8ZRV426atRVw95VAAEGAOeKKMnBEHdEAAAAAElFTkSuQmCC);
  background-size: 3px 23px;
  background-repeat: no-repeat;
  transition: opacity 50ms ease;
  opacity: 0.20;
}
.kit-drag-handle:hover:before {
  opacity: .75;
}
.kit-list-divider {
  position: absolute;
  left: 20px;
  width: 3px;
  top: -1px;
  bottom: -1px;
  background-color: #404040;
  border: 1px solid #1a1a1a;
  border-width: 0 1px 0 1px;
}
.kit-list-item {
  min-height: 30px;
  position: relative;
  background: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  margin: 0 0 2px 0;
}
.kit-list-item:first-child {
  border-top-right-radius: 0px;
}
.kit-list-item > a.eye {
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 100%;
}
.kit-list-item > a.eye > i {
  background-position: 0px -60px;
  margin-top: 8px;
  width: 13px;
  height: 11px;
  opacity: 0.68;
}
.kit-list-item > .kit-drag-handle {
  left: 28px;
}
.kit-list-item > .trash,
.kit-list-item > .edit,
.kit-list-item > .duplicate,
.kit-list-item > .edit-wrench,
.kit-list-item > .warning-icon {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 25px;
  cursor: default;
}
.kit-list-item > .trash > i,
.kit-list-item > .edit > i,
.kit-list-item > .duplicate > i,
.kit-list-item > .edit-wrench > i,
.kit-list-item > .warning-icon > i {
  margin-top: 7px;
  pointer-events: none;
}
.kit-list-item > .trash,
.kit-list-item > .edit,
.kit-list-item > .duplicate,
.kit-list-item > .edit-wrench {
  opacity: 0.4;
  transition: opacity 200ms ease;
}
.kit-list-item > .trash:hover,
.kit-list-item > .edit:hover,
.kit-list-item > .duplicate:hover,
.kit-list-item > .edit-wrench:hover {
  opacity: 0.9;
}
.kit-list-item > .trash {
  right: 0;
}
.kit-list-item > .trash > i {
  margin-top: 8px;
  background-position: -200px -300px;
  width: 11px;
  height: 12px;
}
.kit-list-item > .edit {
  right: 25px;
}
.kit-list-item > .edit > i {
  background-position: -500px -20px;
  width: 15px;
  height: 14px;
}
.kit-list-item > .duplicate {
  width: 14px;
  right: 25px;
}
.kit-list-item > .duplicate > i {
  background-position: -180px -300px;
  width: 10px;
  height: 10px;
  margin-top: 9px;
}
.kit-list-item > .edit-wrench {
  right: 39px;
}
.kit-list-item > .edit-wrench > i {
  background-position: -160px -300px;
  width: 12px;
  height: 12px;
  margin-top: 9px;
}
.kit-list-item > .warning-icon {
  width: 14px;
  right: 64px;
}
.kit-list-item > .warning-icon > svg {
  margin-top: 9px;
}
.kit-list-item > .color-preview {
  position: absolute;
  top: 9px;
  right: 26px;
  border-radius: 100px;
  width: 10px;
  height: 11px;
  box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.8);
}
.kit-list-item > .image-preview {
  position: absolute;
  top: 5px;
  right: 24px;
  width: 22px;
  height: 18px;
  border: 1px solid #252525;
  border-radius: 2px;
  font-size: 0px;
  line-height: 0px;
  pointer-events: none;
}
.kit-list-item > .image-preview > .image {
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 2px;
}
.kit-list-item > .image-preview > .image.cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.kit-list-item > .label {
  margin: 0 25px 0 39px;
  padding: 8px 0;
  color: #b8b8b8;
  font-size: 11px;
  cursor: default;
}
.kit-list-item > .label > .text {
  float: left;
  max-width: 115px;
}
.kit-list-item > .label > .text > .small {
  color: #888;
}
.kit-list-item > .kit-bare-label {
  padding-left: 7px;
  cursor: text;
}
.kit-list-item.disabled {
  opacity: 0.6;
}
.kit-list-item.disabled > a.eye > i {
  background-position: -20px -60px;
  height: 13px;
}
.kit-list-item:hover {
  background-color: #2e2e2e;
}
.kit-list-item:hover:not(.disabled) > a.eye i,
.kit-list-item:hover:not(.disabled) > .kit-drag-handle span {
  opacity: 1.0;
}
.kit-list-item .kit-list-radio {
  position: absolute;
  pointer-events: none;
}
.kit-list-item .kit-list-radio i {
  opacity: 0.3;
  background-position: -40px -320px;
  width: 11px;
  height: 11px;
  margin: 9px 13px;
}
.kit-list-item .kit-list-bullet {
  position: absolute;
  pointer-events: none;
}
.kit-list-item .kit-list-bullet i {
  opacity: 1;
  background-position: -140px -320px;
  width: 15px;
  height: 15px;
  margin: 7px 3px;
}
.kit-list-item .kit-drag-handle + .kit-list-bullet i {
  margin-left: 10px;
}
.kit-list-item .kit-list-bullet ~ .label {
  padding-left: 25px;
}
.kit-list-item.active {
  z-index: 1;
  box-shadow: 0 0 0 1px #3490eb;
}
.kit-list-item.active .kit-list-radio i {
  opacity: 1;
  background-position: -100px -320px;
}
.kit-list-item.active.grey {
  z-index: 1;
  box-shadow: none;
}
.kit-list-item.active.grey .kit-list-radio i {
  opacity: 1;
  background-position: -80px -320px;
}
.kit-list-item.ui-sortable-helper {
  box-shadow: 0 0 0 1px #3b79c3, inset 0 0 10px 0 rgba(59, 121, 195, 0.5);
}
.kit-list2 .button-group {
  position: absolute;
  top: -23px;
  right: 0;
}
.kit-list2-item-wrap {
  position: relative;
  min-height: 30px;
  margin: 0 0 2px 0;
  background: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
}
.kit-list2-item-wrap:first-child {
  border-top-right-radius: 0px;
}
.kit-list2-item-wrap > a.eye {
  position: absolute;
  left: 0;
  top: 0;
  width: 28px;
  height: 100%;
  cursor: default;
  pointer-events: all;
}
.kit-list2-item-wrap > a.eye > i {
  background-position: 0px -60px;
  margin-top: 8px;
  width: 13px;
  height: 11px;
  opacity: 0.68;
}
.kit-list2-item-wrap > a.eye:focus {
  outline: none;
}
.kit-list2-item-wrap > .trash,
.kit-list2-item-wrap > .edit,
.kit-list2-item-wrap > .duplicate,
.kit-list2-item-wrap > .edit-wrench {
  position: absolute;
  top: 0;
  bottom: 0;
  display: block;
  width: 17px;
  cursor: default;
  opacity: 0.4;
}
.kit-list2-item-wrap > .trash > i,
.kit-list2-item-wrap > .edit > i,
.kit-list2-item-wrap > .duplicate > i,
.kit-list2-item-wrap > .edit-wrench > i {
  margin-top: 7px;
  pointer-events: none;
}
.kit-list2-item-wrap > .trash:hover,
.kit-list2-item-wrap > .edit:hover,
.kit-list2-item-wrap > .duplicate:hover,
.kit-list2-item-wrap > .edit-wrench:hover {
  opacity: 0.9;
}
.kit-list2-item-wrap > *:not(.panel) {
  transition: opacity 200ms ease;
}
.kit-list2-item-wrap > .trash {
  right: 0;
  pointer-events: all;
}
.kit-list2-item-wrap > .trash > i {
  margin-top: 8px;
  background-position: -200px -300px;
  width: 11px;
  height: 12px;
}
.kit-list2-item-wrap > .edit {
  right: 17px;
}
.kit-list2-item-wrap > .edit > i {
  background-position: -500px -20px;
  width: 15px;
  height: 14px;
}
.kit-list2-item-wrap > .duplicate {
  width: 14px;
  right: 17px;
}
.kit-list2-item-wrap > .duplicate > i {
  background-position: -180px -300px;
  width: 10px;
  height: 10px;
  margin-top: 9px;
}
.kit-list2-item-wrap > .edit-wrench {
  right: 31px;
}
.kit-list2-item-wrap > .edit-wrench > i {
  background-position: -160px -300px;
  width: 12px;
  height: 12px;
  margin-top: 9px;
}
.kit-list2-item-wrap > .color-preview {
  position: absolute;
  top: 9px;
  right: 26px;
  border-radius: 100px;
  width: 10px;
  height: 10px;
  box-shadow: 0 0 0 1px black;
}
.kit-list2-item-wrap > .image-preview {
  position: absolute;
  top: 5px;
  right: 24px;
  width: 22px;
  height: 18px;
  border: 1px solid black;
  border-radius: 0;
  font-size: 0px;
  line-height: 0px;
  pointer-events: none;
}
.kit-list2-item-wrap > .image-preview > .image {
  width: 100%;
  height: 100%;
  padding: 2px;
  border-radius: 0;
}
.kit-list2-item-wrap > .image-preview > .image.cover {
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: no-repeat;
}
.kit-list2-item-wrap > .label {
  margin: 0 17px 0 11px;
  padding: 8px 0;
  color: #d9d9d9;
  font-size: 11px;
  cursor: default;
}
.kit-list2-item-wrap > .label > .name {
  display: block;
  width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kit-list2-item-wrap > .label > .duration {
  color: #a6a6a6;
}
.kit-list2-item-wrap > .label > .text {
  float: left;
  max-width: 115px;
}
.kit-list2-item-wrap > .label > .text > .small {
  color: #a6a6a6;
}
.kit-list2-item-wrap > .kit-bare-label {
  padding-left: 7px;
  cursor: text;
}
.kit-list2-item-wrap.disabled {
  background-color: #363636;
}
.kit-list2-item-wrap.disabled > *:not(.panel) {
  opacity: 0.6;
}
.kit-list2-item-wrap.disabled > .trash {
  opacity: 0.2;
}
.kit-list2-item-wrap.disabled > a.eye > i {
  background-position: -20px -60px;
  height: 13px;
}
.kit-list2-item-wrap:hover {
  background-color: #2e2e2e;
}
.kit-list2-item-wrap:hover:not(.disabled):not(.pop) > a.eye i,
.kit-list2-item-wrap:hover:not(.disabled):not(.pop) > .kit-drag-handle span {
  opacity: 1.0;
}
.kit-list2-item-wrap .kit-list-radio {
  position: absolute;
  pointer-events: none;
}
.kit-list2-item-wrap .kit-list-radio i {
  opacity: 0.3;
  background-position: -40px -320px;
  width: 11px;
  height: 11px;
  margin: 9px 13px;
}
.kit-list2-item-wrap.active {
  z-index: 1;
  box-shadow: 0 0 0 1px #3490eb;
}
.kit-list2-item-wrap.active .kit-list-radio i {
  opacity: 1;
  background-position: -100px -320px;
}
.kit-list2-item-wrap.active.grey {
  z-index: 1;
}
.kit-list2-item-wrap.active.grey .kit-list-radio i {
  opacity: 1;
  background-position: -80px -320px;
}
.kit-list2-item-wrap.pop {
  pointer-events: none;
  z-index: 22;
  background-color: #404040;
}
.kit-list2-item-wrap.pop > .panel {
  pointer-events: all;
}
.kit-list2-item:not(.flat) > .kit-list2-item-wrap > .kit-drag-handle {
  left: 28px;
}
.kit-list2-item:not(.flat) > .kit-list2-item-wrap > .label {
  margin-left: 39px;
}
.kit-list2-item.radioed > .kit-list2-item-wrap > .label {
  margin-left: 31px;
}
.kit-list2-item.source {
  -webkit-transform: translateY(-15px);
  transform: translateY(-15px);
  z-index: 1;
}
.kit-list2-item.source > .kit-list2-item-wrap {
  background: #404040;
}
.kit-list2-item.source:not(.target) ~ .kit-list2-item > .kit-list2-item-wrap {
  -webkit-transform: translateY(-32px);
  transform: translateY(-32px);
}
.kit-list2-item.source:not(.target) ~ .kit-list2-item.target ~ .kit-list2-item > .kit-list2-item-wrap {
  -webkit-transform: none;
  transform: none;
}
.kit-list2-item.target:not(.source) > .kit-list2-item-wrap,
.kit-list2-item.target:not(.source) ~ .kit-list2-item > .kit-list2-item-wrap {
  -webkit-transform: translateY(32px);
  transform: translateY(32px);
}
.kit-list2-item.target:not(.source) ~ .kit-list2-item.source > .kit-list2-item-wrap,
.kit-list2-item.target:not(.source) ~ .kit-list2-item.source ~ .kit-list2-item > .kit-list2-item-wrap {
  -webkit-transform: none;
  transform: none;
}
.kit-list2-item .kit-list-radio {
  position: absolute;
  pointer-events: none;
}
.kit-list2-item .kit-list-radio i {
  opacity: 0.3;
  background-position: -40px -320px;
  width: 11px;
  height: 11px;
  margin: 9px 13px;
}
.kit-list2-item .kit-list-bullet {
  position: absolute;
  pointer-events: none;
}
.kit-list2-item .kit-list-bullet i {
  opacity: 1;
  background-position: -140px -320px;
  width: 15px;
  height: 15px;
  margin: 7px 3px;
}
.kit-list2-item .kit-drag-handle + .kit-list-bullet i {
  margin-left: 10px;
}
.kit-list2-item .kit-list-bullet ~ .label {
  padding-left: 25px;
}
.kit-list2-item.active {
  z-index: 1;
}
.kit-list2-item.active .kit-list2-item-wrap {
  box-shadow: 0 0 0 1px #3490eb;
}
.kit-list2-item.active .kit-list-radio i {
  opacity: 1;
  background-position: -100px -320px;
}
.kit-list2-item.active.grey {
  z-index: 1;
}
.kit-list2-item.active.grey .kit-list2-item-wrap {
  box-shadow: none;
}
.kit-list2-item.active.grey .kit-list-radio i {
  opacity: 1;
  background-position: -80px -320px;
}
.kit-button {
  display: block;
  position: relative;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #5e5e5e;
  height: 22px;
  width: 22px;
  box-sizing: content-box;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
  background-color: #5e5e5e;
  border: 1px solid #333333;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0px;
  line-height: 0px;
  cursor: default;
}
.kit-button:focus {
  outline: none;
}
.kit-button.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-button > span {
  display: none;
}
.kit-button > i {
  display: inline-block;
  opacity: 0.8;
  transition: opacity 50ms ease;
  pointer-events: none;
}
.kit-button:hover {
  background: #6b6b6b;
  color: #fff;
}
.kit-button:hover > i {
  opacity: 1;
}
.kit-button.done-return {
  float: right;
  box-sizing: border-box;
  padding: 2px;
  margin: 8px 1px 5px 1px;
  min-width: 70px;
  height: 28px;
}
.kit-button.done-return > i {
  background-position: -440px -60px;
  width: 12px;
  height: 9px;
  margin-right: 5px;
  margin-left: -5px;
}
.kit-button:focus {
  outline: 0;
}
.kit-button:active {
  background: #5e5e5e;
}
.kit-button.active {
  outline: 0;
  background: #2b2b2b;
  border-color: #212121;
}
.kit-button.active:first-child {
  margin-left: 0;
}
.kit-button.active > i {
  opacity: .9;
}
.kit-button.upload {
  clear: both;
  float: none;
  width: auto;
}
.kit-button.add-part {
  float: right;
  width: 30px;
  margin-left: 0px;
  font-size: 0px;
  line-height: 0px;
}
.kit-button.add-part > i {
  margin-top: 6px;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.kit-button.has-text {
  font-size: 11px;
  color: #ebebeb;
  line-height: 22px;
  width: auto;
}
.kit-button.has-text:hover {
  color: white;
}
.kit-button.has-text > span {
  display: inline;
}
.kit-button.primary {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.kit-button.primary:hover {
  background: #4e86c9;
  color: white;
}
.kit-button.add-list {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 27px;
  height: 23px;
  margin-left: 0px;
  box-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.kit-button.add-list > i {
  margin-top: 6px;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.kit-button.relative {
  position: relative;
}
.kit-button.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.kit-button.disabled-keepevents {
  opacity: 0.3;
  pointer-events: none;
  pointer-events: auto;
  cursor: not-allowed;
}
.kit-button.large-hitzone:before {
  position: absolute;
  content: '';
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  margin: auto;
}
.kit-button.med-hitzone:before {
  position: absolute;
  content: '';
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  margin: auto;
}
.kit-button.big {
  height: 30px;
  line-height: 31px;
}
.kit-button.flex {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2px;
}
.kit-button.pop {
  pointer-events: none;
  z-index: 22;
}
.kit-button-group {
  zoom: 1;
  margin-bottom: 7px;
}
.kit-button-group:before,
.kit-button-group:after {
  content: " ";
  display: table;
}
.kit-button-group:after {
  clear: both;
}
.kit-button-big {
  width: 40px;
  height: 30px;
  margin: 0 2px 5px 0;
  font-size: 12px;
  line-height: 12px;
  display: inline-block;
}
.kit-button-big.active {
  padding: 0;
  margin-left: 0;
}
.kit-button-big > i {
  pointer-events: none;
}
.kit-button-upload {
  position: relative;
  height: 30px;
  float: none;
}
.kit-button-upload.has-text {
  width: 222px;
  line-height: 31px;
}
.kit-button-upload.has-text > .replace-text {
  display: none;
}
.kit-button-upload > i {
  width: 18px;
  height: 14px;
  background-position: 0px -600px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  opacity: 0.8;
}
.kit-button-upload > .text {
  display: inline;
}
.kit-button-upload input[type="file"] {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0.0;
  cursor: default;
}
.kit-button-upload input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.kit-button-upload .progress-bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30px;
  opacity: 0.0;
  transition: opacity 200ms ease;
  pointer-events: none;
}
.kit-button-upload .progress-bar > .text {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  color: white;
}
.kit-button-upload:hover > i {
  opacity: 1.0;
}
.kit-button-upload.uploading {
  pointer-events: none;
}
.kit-button-upload.uploading > i,
.kit-button-upload.uploading input,
.kit-button-upload.uploading span.text,
.kit-button-upload.uploading span.replace-text {
  display: none;
}
.kit-button-upload.uploading .progress-bar {
  opacity: 1.0;
}
.kit-button-upload.uploading .progress-bar > .bar {
  -webkit-animation-play-state: running;
  animation-play-state: running;
}
.kit-radio-buttons {
  position: relative;
}
.kit-radio-buttons .kit-button {
  margin-right: -1px;
  border-radius: 0px;
  padding: 0 0;
}
.kit-radio-buttons .kit-button:last-child {
  border-radius: 0 2px 2px 0;
}
.kit-radio-buttons .kit-button:first-child {
  border-radius: 2px 0 0 2px;
}
.kit-radio-buttons > .kit-button.none > i {
  background-position: -420px -60px;
  width: 9px;
  height: 10px;
  margin-top: 6px;
}
.kit-radio-buttons.large .kit-radio-button {
  height: 25px;
}
.kit-radio-buttons.flex {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.kit-radio-buttons.flex .kit-radio-button {
  float: none;
  width: auto;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2px;
}
.kit-text-input {
  position: relative;
  background: #2b2b2b;
  color: #d9d9d9;
  height: 24px;
  width: 60px;
  border: 1px solid #212121;
  border-radius: 2px;
}
.kit-text-input:hover {
  background: #232323;
}
.kit-text-input.focused,
.kit-text-input:focus {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
  outline: 0;
}
.kit-text-input::-webkit-input-placeholder {
  color: #737373;
}
.kit-text-input > input.input,
.kit-text-input > textarea.input {
  padding: 4px;
  display: block;
  font-size: 12px;
  font-family: Arial, sans-serif, Georgia, serif;
  width: 100%;
  border: 0;
  margin: 0;
  background: transparent;
  color: #d9d9d9;
  transition: color 50ms ease;
}
.kit-text-input > input.input:focus,
.kit-text-input > textarea.input:focus {
  outline: none;
}
.kit-text-input > input.input::-webkit-input-placeholder,
.kit-text-input > textarea.input::-webkit-input-placeholder {
  color: #737373;
}
.kit-text-input > input.input::-moz-selection,
.kit-text-input > textarea.input::-moz-selection {
  background: #3490eb;
  color: white;
}
.kit-text-input > input.input::selection,
.kit-text-input > textarea.input::selection {
  background: #3490eb;
  color: white;
}
.kit-text-input.invalid,
.kit-text-input.focused.invalid,
.kit-text-input.focused-field.invalid {
  box-shadow: 0 0 0 1px #ea384c;
}
.kit-text-input.invalid > input.input,
.kit-text-input.focused.invalid > input.input,
.kit-text-input.focused-field.invalid > input.input {
  color: #ff5266;
}
.kit-text-area {
  width: 100%;
  height: 100px;
}
.kit-text-area > textarea.input {
  height: 100%;
}
.kit-unit-box {
  background: #2b2b2b;
  height: 24px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kit-unit-box > input.input {
  width: 75%;
}
.kit-unit-box > input.input::-webkit-input-placeholder {
  color: #737373;
  text-transform: capitalize;
}
.kit-unit-box:hover,
.kit-unit-box:focus {
  background: #232323;
}
.kit-unit-box > .unit {
  position: absolute;
  top: 0;
  right: 0;
  padding: 2px 3px 1px;
  margin: 4px 1px 0 0;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  color: #737373;
  cursor: default;
}
.kit-unit-box > .unit:hover {
  background-color: #404040;
  color: #d9d9d9;
  border-radius: 2px;
}
.kit-unit-box > .ticks {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  border-left: 1px solid #212121;
  display: none;
}
.kit-unit-box > .ticks > .tick {
  display: block;
  width: 9px;
  margin-top: 0;
  height: 11.5px;
  background: #5e5e5e;
  font-size: 0px;
  line-height: 0px;
  cursor: default;
}
.kit-unit-box > .ticks > .tick > i {
  width: 5px;
  height: 4px;
  margin-top: 2px;
  opacity: 0.6;
  pointer-events: none;
}
.kit-unit-box > .ticks > .tick.up > i {
  background-position: 0px 0px;
}
.kit-unit-box > .ticks > .tick.down > i {
  background-position: -20px 0px;
  margin-top: 3px;
}
.kit-unit-box > .ticks > .tick.up {
  border-top-right-radius: 2px;
}
.kit-unit-box > .ticks > .tick.down {
  border-bottom-right-radius: 2px;
  margin-top: -1px;
  padding-top: 1px;
}
.kit-unit-box > .ticks > .tick:hover {
  background: #6b6b6b;
}
.kit-unit-box > .ticks > .tick:hover > i {
  opacity: 0.95;
}
.kit-unit-box > .ticks > .sep {
  display: block;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background-color: #212121;
  opacity: 0.90;
}
.kit-unit-box.large {
  width: 85px;
}
.kit-unit-box.large > input.input {
  width: 45px;
}
.kit-unit-box.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.kit-unit-box.readonly > .ticks {
  display: none;
}
.kit-unit-box.readonly > .unit {
  right: 0;
}
.kit-unit-box.focused-field {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-unit-box.hide-ticks > span.unit {
  right: 0;
}
.kit-unit-box.hide-ticks > .right-control.ticks {
  display: none;
}
.kit-unit-slider {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 75px;
  height: 22px;
}
.kit-unit-slider > .track {
  background: #5e5e5e;
  height: 2px;
  margin: 10px -10px 0 0;
}
.kit-unit-slider > .nubbin {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #727272;
  border-radius: 80%;
  box-shadow: 0 0 0 1px #333333;
  top: 6px;
  left: 0;
}
.kit-unit-slider > .nubbin:hover,
.kit-unit-slider > .nubbin.ui-state-active {
  background: #7f7f7f;
  cursor: ew-resize;
}
.kit-unit-slider > .nubbin:hover,
.kit-unit-slider > .nubbin:focus,
.kit-unit-slider > .nubbin.ui-state-active {
  border-width: 0px;
  outline: none;
}
.kit-checkbox {
  display: block;
  margin: 3px 5px 3px 0px;
  cursor: default;
}
.kit-checkbox:hover:not(.disabled) .kit-checkbox-input {
  background: #232323;
}
.kit-checkbox:hover:not(.disabled):active .kit-checkbox-input {
  background: #232323;
}
.kit-checkbox:hover:not(.disabled):not(.checked) > .kit-checkbox-input > i {
  opacity: 0.25;
}
.kit-checkbox:hover:not(.disabled).checked > .kit-checkbox-input > i {
  opacity: 1.0;
}
.kit-checkbox > .kit-checkbox-input {
  text-decoration: none;
  color: #d9d9d9;
  width: 12px;
  height: 12px;
  margin-right: 7px;
  background: #2b2b2b;
  border: 1px solid #212121;
  border-radius: 2px;
}
.kit-checkbox > .kit-checkbox-input > i {
  position: relative;
  top: -1px;
  width: 11px;
  height: 10px;
  display: inline-block;
}
.kit-checkbox > .kit-checkbox-input:hover,
.kit-checkbox > .kit-checkbox-input:focus {
  background: #232323;
}
.kit-checkbox > .kit-checkbox-input:active,
.kit-checkbox > .kit-checkbox-input:focus {
  outline: 0;
}
.kit-checkbox:not(.checked) > .kit-checkbox-input > i {
  background-position: -100px -340px;
  opacity: 0;
}
.kit-checkbox.checked > .kit-checkbox-input > i {
  background-position: -100px -340px;
  opacity: 0.9;
}
.kit-checkbox.big:not(.checked) > .kit-checkbox-input > i {
  background-position: -220px -340px;
}
.kit-checkbox.big.checked > .kit-checkbox-input > i {
  background-position: -220px -340px;
}
.kit-checkbox.big.checked.disabled > .kit-checkbox-input > i {
  background-position: -220px -340px;
}
.kit-checkbox.big.checked.blue > .kit-checkbox-input > i {
  background-position: -240px -340px;
}
.kit-checkbox.big.checked.green > .kit-checkbox-input > i {
  background-position: -260px -340px;
}
.kit-checkbox.big > .kit-checkbox-input {
  padding-top: 1px;
  width: 16px;
  height: 16px;
}
.kit-checkbox.big > .kit-checkbox-input > i {
  margin-top: -2px;
  width: 17px;
  height: 15px;
}
.kit-checkbox.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.kit-checkbox.disabled:not(.checked) > .kit-checkbox-input > i {
  opacity: 0;
}
.kit-checkbox.disabled > .kit-checkbox-input {
  pointer-events: auto;
  cursor: not-allowed;
}
.kit-checkbox-group {
  margin: 5px 0 7px 0;
  padding: 7px 9px 4px 9px;
  background: #363636;
  border: 1px solid #2b2b2b;
}
.kit-checkbox-group > .kit-checkbox {
  display: inline-block;
  width: 100px;
  margin-top: 5px;
  color: #d9d9d9;
}
.kit-checkbox-group > .kit-checkbox:nth-child(1),
.kit-checkbox-group > .kit-checkbox:nth-child(2) {
  margin-top: 0;
}
.kit-checkbox-group > .kit-field:last-child {
  padding: 7px 0 0 0;
}
.kit-section .kit-checkbox-group > .kit-checkbox {
  width: 95px;
}
.kit-select {
  position: relative;
  border: 1px solid #333333;
  border-radius: 2px;
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.kit-select select {
  background: 0;
  border: 0;
  background: #5e5e5e;
  margin-top: 1px;
  width: 100%;
  padding: 4px 6px;
  border-radius: 2px;
  -webkit-appearance: button;
  font-size: 11px;
  font-weight: lighter;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
  padding-right: 20px;
}
.kit-select select option {
  color: #d9d9d9;
}
.kit-select select:hover {
  background: #6b6b6b;
}
.kit-select select:focus,
.kit-select select:active {
  box-shadow: none;
}
.kit-select:after {
  content: " ";
  display: block;
  margin: 8px 0 0 6px;
  width: 0;
  height: 0;
  background-position: -20px 0px;
  position: absolute;
  right: 8px;
  top: 0px;
  border-top: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 3px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.kit-select2 * {
  outline: 0 !important;
}
.kit-select2 .select2-container {
  width: 177px;
  border: 1px solid #333333;
  margin: 0 -1px;
  border-radius: 2px;
}
.kit-select2 .select2-container .select2-choice {
  border-radius: 2px;
  border: 0;
  box-shadow: 0;
  line-height: 21px;
  min-height: 20px;
  padding: 1px 0 0 5px;
  border-top-color: #333333;
  background: #5e5e5e;
  font-size: 11px;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.kit-select2 .select2-container .select2-choice:hover {
  background: #6b6b6b;
  color: #ebebeb;
}
.kit-select2 .select2-container .select2-choice > div {
  display: block;
  width: 18px;
  height: 100%;
  position: absolute;
  right: 0;
  top: 0;
}
.kit-select2 .select2-container .select2-choice > div > b {
  display: block;
  margin: 8px 0 0 6px;
  width: 7px;
  height: 6px;
  background-position: -60px 0px;
  opacity: 0.8;
}
.kit-select2 select {
  background: 0;
  box-shadow: none;
  border: 0;
  background: #5e5e5e;
  margin-top: -2px;
  width: 100%;
  border-radius: 2px;
  -webkit-appearance: button;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: lighter;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.kit-select2 select:focus,
.kit-select2 select:active {
  box-shadow: none;
}
.select2-drop,
.select2-drop.select2-drop-above {
  font-size: 11px;
  border-radius: 0;
  background: #5e5e5e;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
}
.select2-drop .select2-results {
  padding: 0;
  margin: 0;
}
.select2-results .select2-result-label .unavailable {
  color: #a6a6a6;
}
.kit-selectize {
  width: 100%;
  max-width: 400px;
}
.kit-selectize > .selectize-control > .selectize-input {
  min-height: 0 !important;
  height: 30px;
}
.kit-selectize > .selectize-control > .selectize-input div.item {
  min-height: 15px !important;
  margin: 0 5px 0 0 !important;
}
.kit-selectize > .selectize-control > .selectize-dropdown {
  background-color: #5e5e5e;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.kit-selectize > .selectize-control > .selectize-dropdown [data-selectable] {
  padding: 3px 6px;
}
.kit-selectize > .selectize-control > .selectize-dropdown [data-selectable].selected {
  background-color: #3b79c3;
}
.kit-selectize > .selectize-control > .selectize-dropdown [data-selectable]:hover {
  background-color: #6b6b6b;
}
.kit-selectize > .selectize-control.multi > .selectize-input.items > .item {
  border-radius: 2px;
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.14) inset, 0 0px 0 1px rgba(255, 255, 255, 0.07) inset, 0 0 0 1px rgba(0, 0, 0, 0.34);
}
.kit-selectize > .selectize-control.multi > .selectize-input.items > .item:hover {
  background-color: #3b79c3;
}
.kit-selectize > .selectize-control.multi > .selectize-dropdown {
  width: 207px !important;
  margin-left: -1px;
  margin-top: 0px;
}
.kit-fancy-select {
  width: 100%;
  position: relative;
  font-size: 11px;
  outline: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kit-fancy-select > input.native {
  position: absolute;
  left: 7px;
  top: 4px;
  width: 5px;
  border: 0;
  background: transparent;
  opacity: 0.0;
  pointer-events: none;
}
.kit-fancy-select .fancy-trigger {
  padding: 5px 6px 3px;
  height: 24px;
  background-color: #5e5e5e;
  border: 1px solid 1px solid #333333;
  border-radius: 2px;
  border: 1px solid #333333;
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.kit-fancy-select .fancy-trigger .selected-label,
.kit-fancy-select .fancy-trigger .selected-label-prefix {
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90%;
}
.kit-fancy-select .fancy-trigger:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 7px;
  top: 10px;
  border-top: 5px solid #d9d9d9;
  border-right: 3px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.kit-fancy-select .fancy-trigger:hover {
  background: #6b6b6b;
  color: rgba(255, 255, 255, 0.9);
}
.kit-fancy-select .fancy-dropdown {
  display: none;
  margin-top: -1px;
  position: absolute;
  z-index: 36;
  top: 22px;
  right: 0px;
  left: 0px;
  background-color: #5e5e5e;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  max-height: 212px;
  overflow-x: hidden;
}
.kit-fancy-select .empty-message {
  padding: 4px 5px;
}
.kit-fancy-select .fancy-item {
  padding: 4px 22px 4px 7px;
  cursor: default;
  position: relative;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.kit-fancy-select .fancy-item.selected:not(.read-only),
.kit-fancy-select .fancy-item.selected:not(.read-only):hover {
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.kit-fancy-select .fancy-item.selected:not(.read-only):before,
.kit-fancy-select .fancy-item.selected:not(.read-only):hover:before {
  content: '';
  display: block;
  position: absolute;
  right: 6px;
  top: 4px;
  width: 12px;
  height: 10px;
  background-position: -520px -40px;
}
.kit-fancy-select .fancy-item.highlighted {
  background-color: #6b6b6b;
}
.kit-fancy-select .fancy-item:hover {
  background-color: #6b6b6b;
  color: #fff;
}
.kit-fancy-select .fancy-item.read-only {
  pointer-events: none;
  background-color: #404040;
  margin-top: 1px;
  padding-top: 6px;
  padding-bottom: 6px;
}
.kit-fancy-select .fancy-item.nested > i.sprite-main {
  background-position: -480px -80px;
  width: 8px;
  height: 7px;
  float: left;
  margin: 2px 5px 0 0;
  opacity: 0.4;
}
.kit-fancy-select.open .fancy-trigger {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
.kit-fancy-select.open .fancy-trigger:before {
  top: 8px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.kit-fancy-select.open .fancy-dropdown {
  display: block;
}
.kit-fancy-select.focused .fancy-trigger,
.kit-fancy-select.open .fancy-trigger {
  box-shadow: 0 0 0 1px #3490eb;
}
.kit-fancy-select.disabled .fancy-trigger {
  opacity: 0.6;
  cursor: not-allowed;
}
.kit-fancy-select.disabled .fancy-trigger:before {
  opacity: 0.3;
}
.kit-fancy-select.disabled .fancy-trigger:hover {
  background: #5e5e5e;
}
.kit-fancy-select.dynamo-mode .fancy-item.highlighted,
.kit-fancy-select.dynamo-mode .fancy-item.selected {
  background: #7868be !important;
  color: rgba(255, 255, 255, 0.9);
}
.kit-fancy-select.dynamo-mode.has-value .fancy-trigger {
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
}
.kit-fancy-select.dynamo-mode.has-value.focused .fancy-trigger {
  box-shadow: 0 0 0 1px #ae94ff;
}
.kit-fancy-select.dynamo-mode.disabled .fancy-trigger {
  opacity: 1.0;
}
.kit-fancy-select.dynamo-mode.disabled .fancy-trigger:before {
  display: none;
}
.kit-fancy-select.dynamo-mode.disabled .fancy-trigger:after {
  content: '';
  background-position: -420px -420px;
  width: 10px;
  height: 13px;
  position: absolute;
  right: 6px;
  top: 3px;
}
.kit-fancy-select.roomy > .fancy-trigger {
  padding: 9px;
  height: 32px;
}
.kit-fancy-select.roomy > .fancy-trigger:before {
  right: 10px;
  top: 13px;
}
.kit-fancy-select.roomy > .fancy-dropdown {
  top: 32px;
}
.kit-fancy-select.roomy .fancy-item.selected:before {
  top: 6px;
}
.kit-angle-dial {
  width: 50px;
  height: 50px;
  margin: -15px 10px 0 10px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kit-angle-dial > .circle {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 30px;
  height: 30px;
  border: 1px solid #212121;
  border-radius: 100px;
  background: #2b2b2b;
  cursor: default;
}
.kit-angle-dial > .circle > .nubbin {
  display: block;
  position: absolute;
  width: 10px;
  height: 10px;
  background-color: #727272;
  border-radius: 80%;
  box-shadow: 0 0 0 1px #333333;
  top: 14px;
  left: 14px;
}
.kit-angle-dial > .circle > .nubbin:hover,
.kit-angle-dial > .circle > .nubbin.ui-state-active {
  background: #7f7f7f;
  cursor: ew-resize;
}
.kit-angle-dial > .circle > .nubbin:hover {
  cursor: default;
}
.kit-angle-dial > .preset {
  position: absolute;
  width: 16px;
  height: 16px;
  font-size: 0px;
  line-height: 0px;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  opacity: 0.3;
  transition: opacity 200ms ease;
  cursor: default;
}
.kit-angle-dial > .preset > i {
  width: 7px;
  height: 8px;
  margin-top: 4px;
  pointer-events: none;
}
.kit-angle-dial > .preset.top-left {
  left: 2px;
  top: 2px;
}
.kit-angle-dial > .preset.top-left > i {
  background-position: -80px 0px;
}
.kit-angle-dial > .preset.top-mid {
  left: 17px;
  top: -4px;
}
.kit-angle-dial > .preset.top-mid > i {
  background-position: -100px 0px;
}
.kit-angle-dial > .preset.top-right {
  right: 2px;
  top: 2px;
}
.kit-angle-dial > .preset.top-right > i {
  background-position: -120px 0px;
}
.kit-angle-dial > .preset.mid-left {
  left: -4px;
  top: 17px;
}
.kit-angle-dial > .preset.mid-left > i {
  background-position: -140px 0px;
}
.kit-angle-dial > .preset.mid-right {
  right: -4px;
  top: 17px;
}
.kit-angle-dial > .preset.mid-right > i {
  background-position: -160px 0px;
}
.kit-angle-dial > .preset.bottom-left {
  bottom: 2px;
  left: 2px;
}
.kit-angle-dial > .preset.bottom-left > i {
  background-position: -180px 0px;
}
.kit-angle-dial > .preset.bottom-mid {
  bottom: -4px;
  left: 17px;
}
.kit-angle-dial > .preset.bottom-mid > i {
  background-position: -200px 0px;
}
.kit-angle-dial > .preset.bottom-right {
  bottom: 2px;
  right: 2px;
}
.kit-angle-dial > .preset.bottom-right > i {
  background-position: -220px 0px;
}
.kit-angle-dial > .preset[data-prox='0'] {
  opacity: 0.7;
}
.kit-angle-dial > .preset[data-prox='1'] {
  opacity: 0.6;
}
.kit-angle-dial > .preset[data-prox='2'] {
  opacity: 0.5;
}
.kit-angle-dial > .preset[data-prox='3'] {
  opacity: 0.4;
}
.kit-angle-dial > .preset:hover,
.kit-angle-dial > .preset.active {
  opacity: 0.85;
}
.kit-color-input {
  zoom: 1;
  width: 202px;
  position: static;
}
.kit-color-input:before,
.kit-color-input:after {
  content: " ";
  display: table;
}
.kit-color-input:after {
  clear: both;
}
.kit-color-input.focused > .kit-text-input {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.kit-color-input > .kit-text-input {
  width: 100%;
}
.kit-color-input > .kit-text-input > input.input {
  float: left;
  padding-left: 30px;
}
.kit-color-input > .preview {
  position: relative;
  float: left;
  width: 23px;
  height: 22px;
  margin-top: 1px;
  margin-left: 1px;
  margin-right: -24px;
  border-right: 1px solid #212121;
  z-index: 2;
}
.kit-color-input > .preview.pop {
  pointer-events: none;
  z-index: 22;
}
.kit-color-input > .preview > .trigger {
  display: block;
  position: relative;
  width: 22px;
  height: 22px;
  overflow: hidden;
  cursor: default;
}
.kit-color-input > .preview > .trigger:after {
  content: '';
  width: 8px;
  height: 8px;
  position: absolute;
  right: 0;
  bottom: 0;
  background-position: -340px -80px;
}
.kit-color-input > .preview > .trigger > .solid {
  width: 24px;
  background: white;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  pointer-events: none;
  -webkit-transform: skew(-45deg, 0deg) translate(12px, 0px);
  transform: skew(-45deg, 0deg) translate(12px, 0px);
}
.kit-color-input > .preview > .trigger.transparent {
  position: absolute;
  background-image: linear-gradient(135deg, white, white calc(50% - 0.5px), red calc(50% - 0.5px), red calc(50% + 0.5px), white calc(50% + 0.5px), white);
  z-index: 1;
}
.kit-color-input > .preview > .trigger.transparent > .solid {
  display: none;
}
.kit-color-input > .kit-color-picker {
  margin-top: 10px;
}
.kit-color-input.transparent > .preview > .trigger {
  background-color: white !important;
  background-position: -320px -80px;
}
.kit-color-input.transparent > .preview > .trigger > .solid {
  display: none;
}
.kit-color-input.no-color > .preview > .trigger {
  background: #5e5e5e;
}
.kit-color-input.no-color > .preview > .trigger:before {
  content: '';
  display: block;
  position: absolute;
  left: 7px;
  top: 4px;
  background-position: -400px -80px;
  width: 7px;
  height: 13px;
  opacity: .6;
}
.kit-color-input.no-color > .preview > .trigger:after {
  opacity: 0.3;
}
.kit-color-input.no-color > .preview > .trigger > .solid {
  display: none;
}
.kit-color-input.no-color > .preview > .trigger:hover {
  background: #6b6b6b;
}
.kit-color-input.no-color > .preview > .trigger:hover:before {
  opacity: 0.95;
}
.kit-color-input.no-preview > .preview {
  display: none;
}
.kit-color-input.no-preview > input.input {
  padding-left: 4px;
}
.kit-cursor-input {
  zoom: 1;
  display: block;
  width: 180px;
}
.kit-cursor-input:before,
.kit-cursor-input:after {
  content: " ";
  display: table;
}
.kit-cursor-input:after {
  clear: both;
}
.kit-cursor-input > .preview {
  position: relative;
  float: left;
  width: 23px;
  height: 23px;
  margin-right: -22px;
  z-index: 2;
  overflow: hidden;
}
.kit-cursor-input > .preview.open {
  position: relative;
  background-color: #404040;
  pointer-events: none;
  z-index: 22;
  box-shadow: 0 0 0 0px rgba(255, 255, 255, 0.15), inset 0 0px 0 rgba(255, 255, 255, 0.08);
}
.kit-cursor-input > .preview > .trigger {
  display: block;
  width: 100%;
  height: 100%;
  cursor: default;
}
.kit-cursor-input > .preview > .trigger > .kit-button {
  width: 22px;
  height: 22px;
  cursor: default;
  border: 1px solid #212121;
}
.kit-cursor-input > .preview > .trigger > .kit-button > i {
  width: 20px;
  height: 20px;
  margin-top: 1px;
}
.kit-cursor-input > .kit-text-input {
  width: 100%;
}
.kit-cursor-input > .kit-text-input > input.input {
  float: left;
  padding-left: 30px;
}
.kit-blocker {
  min-height: 100%;
  height: 100%;
  width: 100%;
  background: #2b2b2b;
}
.kit-blocker a {
  color: #6bb0ff;
  text-decoration: none;
}
.kit-blocker a:hover {
  text-decoration: underline;
}
.kit-blocker > .notice {
  position: absolute;
  width: 216px;
  margin: 60px 0 0 12px;
  padding: 10px 0 3px;
  background: #404040;
  border: 1px solid #212121;
  border-radius: 3px;
  text-align: center;
  color: #d9d9d9;
  opacity: 0.0;
  transition: opacity 200ms ease;
}
.kit-blocker > .notice > .icon {
  width: 20px;
  height: 29px;
  margin: 15px auto 0 auto;
  background-position: -160px -200px;
  opacity: 0.8;
}
.kit-blocker > .notice > .message {
  margin-top: 20px;
}
.kit-blocker > .notice > .message > p {
  padding: 0 15px;
  line-height: 14px;
}
.kit-blocker > .notice > .message > p:empty {
  display: none;
}
.kit-blocker > .notice > .message > p > strong {
  white-space: nowrap;
  color: #d9d9d9;
}
.kit-blocker > .notice.symbol > .icon {
  width: 64px;
  height: 59px;
  background-position: -480px -280px;
}
.kit-swatch-list {
  zoom: 1;
  padding: 0 0 10px 0;
}
.kit-swatch-list:before,
.kit-swatch-list:after {
  content: " ";
  display: table;
}
.kit-swatch-list:after {
  clear: both;
}
.kit-swatch {
  display: block;
  position: relative;
  width: 17px;
  height: 17px;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  float: left;
  margin: 0 3px 3px 0;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0);
}
.kit-swatch.open {
  z-index: 21;
  pointer-events: none;
}
.kit-swatch.open > .panel,
.kit-swatch.open > .panel-mask {
  pointer-events: all;
}
.kit-swatch > .delete {
  position: absolute;
  z-index: 3;
  right: -3px;
  top: -3px;
  opacity: 0;
  pointer-events: none;
  width: 7px;
  height: 7px;
  background-color: #333;
  border-radius: 2px;
  transition: opacity 200ms ease, background-color 200ms ease;
}
.kit-swatch > .delete > .x-icon {
  margin-left: 1px;
  width: 5px;
  height: 6px;
  background-position: -80px -20px;
  pointer-events: none;
}
.kit-swatch > .rgba {
  position: absolute;
  overflow: hidden;
  left: 0;
  top: 0;
  z-index: 1;
  width: 15px;
  height: 15px;
  display: block;
}
.kit-swatch > .rgba > .hex {
  width: 17px;
  height: 17px;
  display: block;
  pointer-events: none;
  -webkit-transform: skew(-45deg, 0deg) translate(5px, 0px);
  transform: skew(-45deg, 0deg) translate(5px, 0px);
}
.kit-swatch:not(.open):hover {
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
  cursor: default;
}
.kit-swatch:not(.open):hover > .delete {
  opacity: 1.0;
  pointer-events: auto;
}
.kit-swatch:not(.open):hover > .delete:hover {
  background-color: black;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.75);
}
.kit-swatch.transparent {
  background-color: #fff;
}
.kit-swatch.transparent:before {
  content: '';
  position: absolute;
  left: -3px;
  top: 7px;
  width: 22px;
  height: 1px;
  background-color: red;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.kit-swatch.black {
  background: black;
}
.kit-swatch.white {
  background: white;
}
.kit-swatch.add {
  font-size: 0;
  line-height: 0;
}
.kit-swatch.add > .rgba > .hex {
  width: 24px;
  height: 24px;
  display: block;
  -webkit-transform: skew(-45deg, 0deg) translate(-4px, 0px);
  transform: skew(-45deg, 0deg) translate(-4px, 0px);
}
.kit-swatch.add:before,
.kit-swatch.add:after {
  content: '';
  position: absolute;
  display: block;
  z-index: 2;
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
  transition: background-color 500ms ease, box-shadow 500ms ease;
}
.kit-swatch.add:before {
  width: 7px;
  height: 1px;
  left: 4px;
  top: 7px;
}
.kit-swatch.add:after {
  width: 1px;
  height: 7px;
  left: 7px;
  top: 4px;
}
.kit-swatch.add.inverted:before,
.kit-swatch.add.inverted:after {
  background-color: black;
  box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.3);
}
.kit-swatch.add.inverted:hover:before,
.kit-swatch.add.inverted:hover:after {
  background-color: white;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.kit-indicator > a.kit-indicator-button {
  position: relative;
  box-sizing: border-box;
  float: left;
  width: 18px;
  height: 28px;
  margin-left: -4px;
  cursor: default;
}
.kit-indicator > a.kit-indicator-button > i {
  position: absolute;
  background-position: -120px -320px;
  width: 13px;
  height: 13px;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
}
.kit-indicator.kit-active > a.kit-indicator-button {
  cursor: default;
}
.kit-indicator.kit-active > a.kit-indicator-button > i {
  background-position: -140px -320px;
}
.kit-indicator.kit-active > a.kit-indicator-button:hover > i {
  background-position: -160px -320px;
}
.kit-dynfield-select {
  clear: both;
  border-radius: 2px;
  border: 1px solid #333333;
  padding: 7px;
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(120, 104, 190, 0.4);
}
.kit-dynfield-select .kit-checkbox {
  width: 100%;
  margin: 3px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: inline-block;
}
.kit-dynfield-select .kit-checkbox .kit-checkbox-input {
  background: #2b2b2b;
}
.kit-dynfield-select .kit-checkbox.checked > .kit-checkbox-input > i {
  background-position: -140px -340px;
}
.kit-dynfield-select .kit-checkbox span.collection {
  margin-left: 7px;
  font-weight: bold;
}
.kit-dynfield-select .kit-checkbox span.collection > i.el-icon {
  margin-right: 5px;
  opacity: .8;
}
.kit-dynfield-select .kit-fancy-select {
  float: none;
  width: 100%;
  margin-top: 6px;
}
.kit-dynfield-select .kit-fancy-select .fancy-trigger {
  background-color: #7868be;
  border-color: #333333;
}
.kit-dynfield-select .kit-fancy-select.focused .fancy-trigger {
  box-shadow: 0 0 0 1px #ae94ff;
}
.kit-dynfield-select .kit-fancy-select.open .fancy-trigger {
  background: #5e5e5e;
}
.kit-dynfield-select .kit-fancy-select .fancy-item > span.type {
  margin: 0 0 0 5px;
  font-style: italic;
  color: #a6a6a6;
}
.kit-dynfield-select .format-section {
  margin-top: 5px;
}
.kit-dynfield-select .format-section .format-select {
  width: 165px;
  margin: 0 0 0 44px;
}
.kit-dynfield-select.no-checkbox {
  border: none;
  box-shadow: none;
}
.kit-dynfield-select .warning-text {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kit-dynfield-select .warning-text > i.icon-main {
  margin-top: 1px;
  margin-right: 3px;
  -ms-flex-preferred-size: 15px;
  flex-basis: 15px;
}
.kit-dynfield-select .warning-text .warning-faq {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
}
.kit-number-form-field {
  width: 100%;
  position: relative;
  height: 32px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.kit-number-form-field > input {
  height: 31px;
}
.kit-number-form-field > .ticks {
  position: absolute;
  top: 0;
  right: 0;
  height: 22px;
  border-left: 1px solid #212121;
  display: none;
}
.kit-number-form-field > .ticks > .tick {
  display: block;
  width: 9px;
  margin-top: 0;
  height: 11.5px;
  background: #5e5e5e;
  font-size: 0px;
  line-height: 0px;
  cursor: default;
}
.kit-number-form-field > .ticks > .tick > i {
  width: 5px;
  height: 4px;
  margin-top: 2px;
  opacity: 0.6;
  pointer-events: none;
}
.kit-number-form-field > .ticks > .tick.up > i {
  background-position: 0px 0px;
}
.kit-number-form-field > .ticks > .tick.down > i {
  background-position: -20px 0px;
  margin-top: 3px;
}
.kit-number-form-field > .ticks > .tick.up {
  border-top-right-radius: 2px;
}
.kit-number-form-field > .ticks > .tick.down {
  border-bottom-right-radius: 2px;
  margin-top: -1px;
  padding-top: 1px;
}
.kit-number-form-field > .ticks > .tick:hover {
  background: #6b6b6b;
}
.kit-number-form-field > .ticks > .tick:hover > i {
  opacity: 0.95;
}
.kit-number-form-field > .ticks > .sep {
  display: block;
  margin-top: -1px;
  width: 100%;
  height: 1px;
  background-color: #212121;
  opacity: 0.90;
}
.kit-number-form-field .right-control {
  position: absolute;
  height: 100%;
  right: 0;
  top: 0;
  border: 1px solid #212121;
  overflow: hidden;
}
.kit-number-form-field .right-control .tick {
  height: 15px;
  width: 11px;
}
.kit-number-form-field .right-control .tick > i {
  margin-top: 4px;
}
.kit-number-form-field .right-control .tick.down i {
  margin-top: 4px;
}
.kit-sidebar-tab {
  height: 100%;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  pointer-events: all;
  z-index: 14;
}
.kit-sidebar-tab > div {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.kit-sidebar-top-section {
  zoom: 1;
  -webkit-box-ordinal-group: 1;
  -ms-flex-order: 0;
  order: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-flex: 0 !important;
  -ms-flex-positive: 0 !important;
  flex-grow: 0 !important;
  max-height: 100%;
  background: #404040;
  border-bottom: 1px solid #212121;
  color: #d9d9d9;
  padding: 11px 10px;
}
.kit-sidebar-top-section:before,
.kit-sidebar-top-section:after {
  content: " ";
  display: table;
}
.kit-sidebar-top-section:after {
  clear: both;
}
.kit-sidebar-top-section a {
  color: #d9d9d9;
}
.kit-sidebar-top-section .title {
  float: left;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  font-weight: 600;
}
.kit-sidebar-top-section.visible {
  display: block;
}
.kit-popover {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-color: #404040;
  color: #d9d9d9;
  padding: 10px 12px 13px 14px;
  border: 1px solid #212121;
  position: absolute;
  z-index: 33;
  opacity: 0;
  pointer-events: none;
  font-size: 12px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  transition: 200ms opacity ease;
}
.kit-popover.visible {
  opacity: 1;
  pointer-events: auto;
}
.kit-popover.top .caret {
  bottom: -8px;
  left: 20px;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}
.kit-popover.right .caret {
  top: 15px;
  left: -8px;
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
}
.kit-popover.bottom .caret {
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -8px;
  left: 20px;
}
.kit-popover.left .caret {
  top: 15px;
  right: -8px;
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
.kit-popover .kit-button {
  padding: 0 10px;
  line-height: 25px;
}
.kit-popover .kit-button.close {
  opacity: 1;
  position: absolute;
  right: 9px;
  top: -2px;
  width: 20px;
  height: 19px;
  padding: 0;
  border-radius: 0 0 2px 2px;
  margin-top: 1px;
  z-index: 2;
}
.kit-popover .kit-button.close > i {
  width: 9px;
  height: 9px;
  margin-top: 4px;
  margin-left: 1px;
}
.kit-popover .header {
  margin-right: 32px;
  margin-bottom: 10px;
}
.kit-popover .header h3 {
  display: inline-block;
  margin-top: 5px;
  margin-left: 10px;
  margin-bottom: 3px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  color: #ebebeb;
}
.kit-popover .header i {
  opacity: 0.9;
}
.kit-popover .header i.ftu-video-big {
  position: relative;
  top: 1px;
}
.kit-popover .body {
  max-width: 225px;
}
.kit-popover .body p {
  line-height: 15px;
  margin: 0;
}
.kit-popover .kit-button.has-text {
  margin-top: 10px;
  float: right;
}
.kit-popover .caret {
  position: absolute;
  width: 15px;
  height: 15px;
  background-color: #404040;
  z-index: 1;
  border-left: 1px solid #212121;
  border-top: 1px solid #212121;
}
.kit-callout {
  position: absolute;
  z-index: 33;
  opacity: 0;
  pointer-events: none;
  -webkit-transform: scale(0);
  transform: scale(0);
}
.kit-callout .inside {
  background-image: radial-gradient(circle closest-corner at 50% 25%, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0));
  background-color: #2ad986;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.4), 0 1px 3px 1px rgba(0, 0, 0, 0.3), 0 1px 0 0 rgba(255, 255, 255, 0.18) inset;
}
.kit-callout .pulse {
  position: absolute;
  top: 0;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  border: 2px solid #2ad986;
}
.kit-callout.active .pulse {
  -webkit-animation: wf-pulse 1.3s;
  animation: wf-pulse 1.3s;
  -webkit-animation-iteration-count: 10;
  animation-iteration-count: 10;
}
.kit-callout.show {
  -webkit-animation: wf-pulse-appear 1.3s;
  animation: wf-pulse-appear 1.3s;
  -webkit-transform: scale(1);
  transform: scale(1);
  opacity: 1;
}
.easing-input-field {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
}
.easing-input-field > .kit-text-input {
  width: 100%;
  height: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.easing-input-field .kit-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  border: none;
}
.easing-input-field .corner-nib {
  position: absolute;
  bottom: 0;
  right: 0;
}
.easing-input-field input.bezier {
  max-width: 200px;
}
.input-control.embed-link-box {
  position: relative;
}
.input-control.embed-link-box > .indicator {
  display: none;
  position: absolute;
  right: 8px;
  top: -6px;
  z-index: 1;
  font-size: 6px;
  width: 6px;
  height: 6px;
  margin: 14px 0 0 21px;
  border-radius: 100px;
  background: #1a1a1a;
  box-shadow: -1.5em 0em #d9d9d9, 1.5em 0em #1a1a1a;
}
.input-control.embed-link-box > .kit-text-input {
  width: 100%;
}
.input-control.embed-link-box > .kit-text-input > .input {
  transition: padding 200ms ease;
}
.input-control.embed-link-box > .error-message {
  display: none;
  float: left;
  padding: 5px 0 0 0;
  color: #ff5266;
}
.input-control.embed-link-box.loading > .kit-text-input > .input {
  padding-right: 40px;
}
.input-control.embed-link-box.loading > .indicator {
  display: inline-block;
}
.input-control.embed-link-box.has-error > .error-message {
  display: block;
}
.input-control.gradient-slider {
  margin-left: 6px;
  width: 200px;
}
.input-control.gradient-slider .buttons {
  float: left;
  width: 20px;
  height: 40px;
  margin: 0 0 0 -4px;
}
.input-control.gradient-slider .buttons > a {
  width: 20px;
  height: 21px;
  display: block;
}
.input-control.gradient-slider .buttons > a > i {
  display: block;
  pointer-events: none;
  opacity: 0.35;
  transition: opacity 200ms ease;
}
.input-control.gradient-slider .buttons > a.repeat > i {
  background-position: -120px -60px;
  width: 19px;
  height: 15px;
  margin-top: 2px;
}
.input-control.gradient-slider .buttons > a.flip > i {
  background-position: -140px -60px;
  width: 18px;
  height: 17px;
  margin-top: 2px;
}
.input-control.gradient-slider .buttons > a:hover > i,
.input-control.gradient-slider .buttons > a.active > i {
  opacity: 1.0;
}
.input-control.gradient-slider > .slider {
  width: 161px;
  float: left;
  margin: 0 0 0 18px;
}
.input-control.gradient-slider > .slider > .preview {
  border: 1px solid #1a1a1a;
  height: 24px;
}
.input-control.gradient-slider > .slider > .preview > .gradient {
  width: 100%;
  height: 100%;
  background-image: linear-gradient(to right, black, white);
}
.input-control.gradient-slider > .slider > .color-stops-panel,
.input-control.gradient-slider > .slider > .color-stops {
  height: 26px;
  width: 160px;
  margin: 6px 1px 0;
}
.input-control.gradient-slider > .slider > .color-stops-panel {
  position: absolute;
}
.input-control.gradient-slider > .slider > .color-stops-panel > .stop-anchor {
  position: relative;
  height: 20px;
  width: 20px;
  margin-left: -11px;
  cursor: default;
}
.input-control.gradient-slider > .slider > .color-stops-panel > .stop-anchor > .preview {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  visibility: hidden;
}
.input-control.gradient-slider > .slider > .color-stops {
  position: relative;
  clear: both;
  cursor: copy;
}
.input-control.gradient-slider > .slider > .color-stops > .stop {
  position: absolute;
  top: 0;
  left: 0;
  width: 16px;
  height: 20px;
  z-index: 4;
  transition: opacity 200ms ease;
  cursor: ew-resize;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .hat,
.input-control.gradient-slider > .slider > .color-stops > .stop > .box {
  position: absolute;
  border: 1px solid #212121;
  background-color: #5e5e5e;
  margin-left: -8px;
  transition: background-color 200ms ease;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .hat {
  width: 12px;
  height: 12px;
  top: -6px;
  left: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .box {
  width: 16px;
  height: 16px;
  border-top-width: 0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .box > .color {
  width: 10px;
  height: 11px;
  margin: 2px 0 0 2px;
  border: 1px solid black;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .box > .color > .preview {
  width: 100%;
  height: 100%;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .trash {
  position: absolute;
  display: block;
  width: 20px;
  height: 20px;
  left: -10px;
  top: -12px;
  font-size: 32px;
  color: #ea384c;
  opacity: 0.0;
  transition: opacity 200ms ease;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .pos {
  position: absolute;
  top: 17px;
  left: -10px;
  width: 28px;
  font-size: 10px;
  text-align: center;
  font-family: Arial, sans-serif, Georgia, serif;
  color: #a6a6a6;
  opacity: 0;
  transition: opacity 50ms ease;
}
.input-control.gradient-slider > .slider > .color-stops > .stop > .pos > span {
  font-size: 9px;
  padding-left: 1px;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.active > .box,
.input-control.gradient-slider > .slider > .color-stops > .stop:not(.fake):hover > .box,
.input-control.gradient-slider > .slider > .color-stops > .stop.active > .hat,
.input-control.gradient-slider > .slider > .color-stops > .stop:not(.fake):hover > .hat {
  background-color: white;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.active > .pos,
.input-control.gradient-slider > .slider > .color-stops > .stop:not(.fake):hover > .pos {
  opacity: 1.0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.temp,
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash {
  pointer-events: none;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.temp > .box,
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash > .box,
.input-control.gradient-slider > .slider > .color-stops > .stop.temp > .hat,
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash > .hat {
  background-color: #4d4d4d;
  border-color: #212121;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.temp > .pos,
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash > .pos {
  opacity: 1.0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash .trash {
  opacity: 1.0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.to-trash > .pos {
  opacity: 0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.fake {
  cursor: inherit;
  pointer-events: none;
  z-index: 0;
}
.input-control.gradient-slider > .slider > .color-stops > .stop.fake > .pos {
  opacity: 1;
}
.input-control.radial-gradient-box > .outer-box {
  position: relative;
  padding: 10px;
  margin: -10px;
  overflow: hidden;
}
.input-control.radial-gradient-box > .outer-box > .outer-ellipse {
  position: absolute;
  border-radius: 100px;
  pointer-events: none;
  margin-top: 10px;
  margin-left: 11px;
  box-shadow: 0 0 0 1px #3490eb;
}
.input-control.radial-gradient-box > .outer-box > .outer-shadow {
  position: absolute;
  margin: -10px;
  width: 100%;
  height: 100%;
}
.input-control.radial-gradient-box > .outer-box > .inner-box {
  position: relative;
  overflow: hidden;
  width: 162px;
  height: 100px;
  background: #2b2b2b;
  border: 1px solid #212121;
  border-radius: 2px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .inner-border {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  pointer-events: none;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .guide {
  position: absolute;
  background: #212121;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .guide.x {
  height: 1px;
  top: 49%;
  left: 1px;
  right: 1px;
  border-bottom-width: 1px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .guide.y {
  width: 1px;
  left: 49%;
  top: 1px;
  bottom: 1px;
  border-left-width: 1px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots,
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners,
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides,
.input-control.radial-gradient-box > .outer-box > .inner-box > .radius {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot {
  pointer-events: auto;
  position: absolute;
  width: 22px;
  height: 22px;
  margin-top: -11px;
  margin-left: -11px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.2);
  opacity: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot:hover {
  opacity: 1;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.top-left {
  left: 1px;
  top: 1px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.top-center {
  left: 49.5%;
  top: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.top-right {
  right: -10px;
  top: 1px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.center-left {
  left: 0;
  top: 50%;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.center {
  left: 49.5%;
  top: 50%;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.center-right {
  left: 100%;
  top: 50%;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.bottom-left {
  left: 1px;
  bottom: -10px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.bottom-center {
  left: 49.5%;
  top: 100%;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .hotspots > .spot.bottom-right {
  right: -10px;
  bottom: -10px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .ellipse {
  position: absolute;
  z-index: 2;
  pointer-events: none;
  width: 125px;
  height: 75px;
  left: 0;
  top: 0;
  border-radius: 100px;
  background-color: rgba(52, 144, 235, 0.2);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners {
  z-index: 3;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .horz,
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .vert {
  position: absolute;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .horz {
  width: 25px;
  height: 1px;
  background-image: linear-gradient(to right, #3490eb 8px, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .horz.flip {
  right: 0;
  background-image: linear-gradient(to left, #3490eb 8px, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .vert {
  height: 25px;
  width: 1px;
  background-image: linear-gradient(to bottom, #3490eb 8px, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner > .vert.flip {
  bottom: 0;
  background-image: linear-gradient(to top, #3490eb 8px, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner.top-left {
  left: 0;
  top: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner.top-right {
  right: 0;
  top: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner.bottom-left {
  left: 0;
  bottom: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner.bottom-right {
  right: 0;
  bottom: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .corners > .corner.active {
  opacity: 1.0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides {
  z-index: 3;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side {
  position: absolute;
  width: 1px;
  height: 1px;
  opacity: 0.0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.horz {
  left: 49%;
  width: 50px;
  margin-left: -25px;
  background-image: linear-gradient(to left, transparent, #3490eb 45%, #3490eb 55%, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.vert {
  top: 49%;
  height: 50px;
  margin-top: -25px;
  background-image: linear-gradient(to bottom, transparent, #3490eb 45%, #3490eb 55%, transparent);
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.top {
  top: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.right {
  right: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.bottom {
  bottom: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.left {
  left: 0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .sides > .side.active {
  opacity: 1.0;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .nubbin {
  display: block;
  position: absolute;
  width: 12px;
  height: 12px;
  background-color: #727272;
  border-radius: 80%;
  box-shadow: 0 0 0 1px #333333;
  left: 49.5%;
  top: 50%;
  margin-top: -6px;
  margin-left: -6px;
  z-index: 4;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .nubbin:hover,
.input-control.radial-gradient-box > .outer-box > .inner-box > .nubbin.ui-state-active {
  background: #7f7f7f;
  cursor: ew-resize;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .nubbin:hover {
  cursor: default;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .pointer {
  width: 0px;
  height: 0px;
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: 5;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .pointer > .inner {
  width: 24px;
  height: 24px;
  text-align: center;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .pointer > .inner > .arrow {
  display: inline-block;
  background-position: -160px -60px;
  width: 13px;
  height: 20px;
  margin-top: 2px;
}
.input-control.radial-gradient-box > .outer-box > .inner-box > .pointer.active {
  opacity: 1.0;
}
.mf_container {
  cursor: text;
  display: inline-block;
  width: 100%;
  min-height: 26px;
}
.mf_container > .mf_list {
  display: inline;
  margin: 0;
  padding: 0;
}
.mf_container > .mf_list > .mf_item {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mf_container > .mf_list > .mf_item a.mf_remove {
  display: inline-block;
  background-position: -80px -20px;
  width: 5px;
  height: 7px;
  margin-left: 5px;
  opacity: 0.6;
  transition: opacity 200ms ease;
}
.mf_container > .mf_list > .mf_item a.mf_remove:hover {
  opacity: 1.0;
}
.mf_container > .mf_input {
  display: inline-block;
  position: relative;
  padding: 0 5px;
  height: 26px;
  line-height: 26px;
  vertical-align: bottom;
  word-break: break-word;
  outline: none;
  background: transparent;
  border: 0;
  font-size: 11px;
  color: #d9d9d9;
}
.mf_container > .mf_input.placeholder::before {
  color: #737373;
  content: attr(placeholder);
}
.mp_list {
  background-color: #1a1a1a;
  border: 1px solid #404040;
  overflow: hidden;
  position: absolute;
  width: 222px;
  z-index: 20;
  margin: 8px 0 0 -1px;
  padding: 0;
  list-style: none;
}
.mp_list > .mp_item {
  padding: 4px;
  border: 1px solid #1a1a1a;
  border-width: 0 0 1px 1px;
}
.mp_list > .mp_item:hover {
  background-color: rgba(255, 255, 255, 0.8);
}
.mp_list > .mp_item:hover,
.mp_list > .mp_item.mp_highlighted {
  background-color: #3490eb;
}
.absolute-editor {
  position: relative;
  margin-top: 3px;
  padding: 8px 7px 8px 7px;
  clear: both;
  width: 224px;
}
.absolute-editor > .anchor > .kit-radio-buttons {
  zoom: 1;
}
.absolute-editor > .anchor > .kit-radio-buttons:before,
.absolute-editor > .anchor > .kit-radio-buttons:after {
  content: " ";
  display: table;
}
.absolute-editor > .anchor > .kit-radio-buttons:after {
  clear: both;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button {
  width: 21px;
  height: 21px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.left,
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.full {
  margin-left: 5px !important;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button > i {
  width: 13px;
  height: 14px;
  margin-top: 3px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.top-left > i {
  background-position: 0px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.top-right > i {
  background-position: -20px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.bottom-left > i {
  background-position: -60px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.bottom-right > i {
  background-position: -40px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.left > i {
  background-position: -80px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.right > i {
  background-position: -100px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.top > i {
  background-position: -140px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.bottom > i {
  background-position: -120px -80px;
}
.absolute-editor > .anchor > .kit-radio-buttons > .kit-button.full > i {
  background-position: -160px -80px;
}
.absolute-editor .kit-unit-box {
  width: 63px;
}
.absolute-editor > .dim-fields {
  float: right;
  margin-right: 1px;
}
.absolute-editor > .dim-fields > .kit-field.compact > .kit-label {
  margin-left: -5px;
}
.absolute-editor > .dim-fields > .kit-field.compact > .kit-label > .link {
  padding-top: 2px;
  padding-right: 5px;
}
.absolute-editor > .dim-fields > .kit-field.compact > .kit-label > .link > i {
  width: 17px;
}
.absolute-editor > .dim-fields > .kit-field.compact.top {
  padding-top: 0;
}
.absolute-editor > .dim-fields > .kit-field.compact.bottom {
  padding-bottom: 0;
}
.absolute-editor > .dim-fields > .kit-field.compact.top > .kit-label > .link > i {
  background-position: -340px -120px;
}
.absolute-editor > .dim-fields > .kit-field.compact.left > .kit-label > .link > i {
  background-position: -360px -120px;
}
.absolute-editor > .dim-fields > .kit-field.compact.right > .kit-label > .link > i {
  background-position: -380px -120px;
}
.absolute-editor > .dim-fields > .kit-field.compact.bottom > .kit-label > .link > i {
  background-position: -400px -120px;
}
.absolute-editor > .offset-box.absolute-offset {
  position: absolute;
  left: 15px;
  top: 66px;
}
.absolute-editor .kit-field.relative-to {
  float: left;
  clear: none;
  margin-top: 3px;
}
.absolute-editor .kit-field.relative-to > .anchor-icon,
.absolute-editor .kit-field.relative-to .parent-label,
.absolute-editor .kit-field.relative-to > .show-tip {
  float: left;
}
.absolute-editor .kit-field.relative-to > .anchor-icon {
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid #a6a6a6;
  border-radius: 100%;
  margin: 1px 8px 0 2px;
}
.absolute-editor .kit-field.relative-to > .anchor-icon > .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: #a6a6a6;
  left: calc(49%);
  top: calc(49%);
}
.absolute-editor .kit-field.relative-to > .anchor-icon:before,
.absolute-editor .kit-field.relative-to > .anchor-icon:after {
  content: '';
  position: absolute;
  border: 5px solid #a6a6a6;
}
.absolute-editor .kit-field.relative-to > .anchor-icon:before {
  left: 0px;
  top: calc(49%);
  margin-left: -3px;
  height: 1px;
  width: 5px;
  border-width: 0 5px 0 5px;
}
.absolute-editor .kit-field.relative-to > .anchor-icon:after {
  left: calc(49%);
  top: 0;
  margin-top: -3px;
  height: 5px;
  width: 1px;
  border-width: 5px 0 5px 0;
}
.absolute-editor .kit-field.relative-to > .parent-label {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 75px;
  margin-right: 5px;
  color: #a6a6a6;
  text-decoration: none;
  border-bottom: 1px dotted rgba(166, 166, 166, 0.75);
  transition: color 50ms ease, border-bottom-color 50ms ease;
}
.absolute-editor .kit-field.relative-to > .parent-label:hover {
  color: #d9d9d9;
  border-bottom-color: #d9d9d9;
  border-bottom-style: solid;
}
.absolute-editor .kit-field.z-index {
  float: right;
  padding: 0 1px 0 0;
}
.absolute-editor .negative-zindex {
  clear: both;
  color: #ea384c;
  margin: 0;
  padding: 8px 0 0 1px;
}
.icon-buttons > .kit-button {
  position: absolute;
  overflow: hidden;
}
.icon-buttons > .kit-button > i {
  width: 11px;
  height: 60px;
  margin-top: 5px;
}
.icon-buttons > .kit-button.active {
  margin-left: 0;
  padding: 0;
}
.icon-buttons > .kit-button.upstream > i {
  margin-top: -35px;
  opacity: 1;
}
.icon-buttons > .kit-button.local > i {
  margin-top: -15px;
  opacity: 1;
}
.icon-buttons > .kit-button.downstream:before {
  content: '';
  position: absolute;
  height: 2px;
  background: #ea384c;
  top: 48%;
  left: 2px;
  right: 2px;
  pointer-events: none;
}
.border-editor > .shortcuts {
  float: left;
  position: relative;
  padding: 1px 0 0 0;
  width: 80px;
}
.border-editor > .details {
  float: left;
  margin: -1px 0 0 8px;
  width: 135px;
}
.border-side-editor > .shortcuts {
  padding: 12px 0 0 0;
  margin-top: 9px;
}
.border-side-editor > .details > .kit-field > .kit-button,
.border-side-editor > .shortcuts > .kit-button {
  width: 23px;
  height: 22px;
}
.border-side-editor > .details > .kit-field > .kit-button.top,
.border-side-editor > .shortcuts > .kit-button.top {
  top: 0;
}
.border-side-editor > .details > .kit-field > .kit-button.top,
.border-side-editor > .shortcuts > .kit-button.top,
.border-side-editor > .details > .kit-field > .kit-button.bottom,
.border-side-editor > .shortcuts > .kit-button.bottom,
.border-side-editor > .details > .kit-field > .kit-button.all,
.border-side-editor > .shortcuts > .kit-button.all {
  left: 27px;
}
.border-side-editor > .details > .kit-field > .kit-button.left,
.border-side-editor > .shortcuts > .kit-button.left,
.border-side-editor > .details > .kit-field > .kit-button.all,
.border-side-editor > .shortcuts > .kit-button.all,
.border-side-editor > .details > .kit-field > .kit-button.right,
.border-side-editor > .shortcuts > .kit-button.right {
  top: 27px;
}
.border-side-editor > .details > .kit-field > .kit-button.left,
.border-side-editor > .shortcuts > .kit-button.left {
  left: 0;
}
.border-side-editor > .details > .kit-field > .kit-button.right,
.border-side-editor > .shortcuts > .kit-button.right {
  left: 54px;
}
.border-side-editor > .details > .kit-field > .kit-button.bottom,
.border-side-editor > .shortcuts > .kit-button.bottom {
  top: 54px;
}
.border-side-editor > .details > .kit-field > .kit-button > i,
.border-side-editor > .shortcuts > .kit-button > i {
  width: 11px;
  height: 60px;
}
.border-side-editor > .details > .kit-field > .kit-button.top > i,
.border-side-editor > .shortcuts > .kit-button.top > i {
  background-position: -440px -120px;
}
.border-side-editor > .details > .kit-field > .kit-button.right > i,
.border-side-editor > .shortcuts > .kit-button.right > i {
  background-position: -460px -120px;
}
.border-side-editor > .details > .kit-field > .kit-button.bottom > i,
.border-side-editor > .shortcuts > .kit-button.bottom > i {
  background-position: -480px -120px;
}
.border-side-editor > .details > .kit-field > .kit-button.left > i,
.border-side-editor > .shortcuts > .kit-button.left > i {
  background-position: -500px -120px;
}
.border-side-editor > .details > .kit-field > .kit-button.all > i,
.border-side-editor > .shortcuts > .kit-button.all > i {
  background-position: -420px -120px;
}
.border-side-editor > .details {
  padding: 3px 0px 4px 4px;
}
.border-side-editor > .details > .kit-field > .kit-label {
  width: 35px;
  text-align: right;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button {
  width: 23px;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button > i {
  height: 3px;
  margin-top: 9px;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button.none > i {
  background-position: -420px -60px;
  width: 9px;
  height: 10px;
  margin-top: 6px;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button.solid > i {
  background-position: -200px -80px;
  width: 15px;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button.dashed > i {
  background-position: -220px -80px;
  width: 16px;
}
.border-side-editor > .details > .kit-field.style .kit-radio-button.dotted > i {
  background-position: -240px -80px;
  width: 14px;
}
.border-side-editor > .details > .kit-field > .kit-unit-box,
.border-side-editor > .details > .kit-field > .kit-color-input {
  width: 96px;
}
.border-radius-editor > .shortcuts {
  height: 49px;
}
.border-radius-editor > .shortcuts > .kit-button {
  width: 23px;
  height: 22px;
}
.border-radius-editor > .shortcuts > .kit-button.tr,
.border-radius-editor > .shortcuts > .kit-button.br {
  margin-right: 0;
}
.border-radius-editor > .shortcuts > .kit-button.bl,
.border-radius-editor > .shortcuts > .kit-button.br {
  margin-bottom: 0;
}
.border-radius-editor > .shortcuts > .kit-button.all {
  left: 27px;
  top: 14px;
}
.border-radius-editor > .shortcuts > .kit-button.tl {
  left: 0;
  top: 0;
}
.border-radius-editor > .shortcuts > .kit-button.tr {
  right: 0;
  top: 0;
}
.border-radius-editor > .shortcuts > .kit-button.bl {
  left: 0;
  bottom: -3px;
}
.border-radius-editor > .shortcuts > .kit-button.br {
  right: 0;
  bottom: -3px;
}
.border-radius-editor > .shortcuts > .kit-button.all > i {
  background-position: -520px -120px;
}
.border-radius-editor > .shortcuts > .kit-button.tl > i {
  background-position: -540px -120px;
}
.border-radius-editor > .shortcuts > .kit-button.tr > i {
  background-position: -560px -120px;
}
.border-radius-editor > .shortcuts > .kit-button.bl > i {
  background-position: -580px -120px;
}
.border-radius-editor > .shortcuts > .kit-button.br > i {
  background-position: -600px -120px;
}
.border-radius-editor > .details {
  height: 51px;
  padding: 8px 0px 0px 3px;
}
.border-radius-editor > .details .kit-unit-box {
  width: 88px;
}
.image-metadata {
  float: left;
  padding: 0 0 0 9px;
}
.image-metadata > .file-name {
  padding: 0 0 4px 0;
  max-width: 100%;
}
.image-metadata > .dimensions,
.image-metadata > .size {
  padding: 0 0 5px 0;
}
.image-metadata > .dimensions > .lead-icon,
.image-metadata > .size > .lead-icon {
  float: left;
  margin: 2px 8px 0 2px;
  opacity: 0.5;
}
.image-metadata > .dimensions > span,
.image-metadata > .size > span {
  font-size: 10px;
  color: #a6a6a6;
}
.image-metadata > .dimensions {
  padding: 0 0 5px 0;
}
.image-metadata > .dimensions > .lead-icon {
  background-position: -40px -40px;
  width: 7px;
  height: 8px;
}
.image-metadata > .dimensions > .by {
  padding: 0 3px;
}
.image-metadata > .size > .lead-icon {
  margin-top: 3px;
  background-position: -60px -40px;
  width: 9px;
  height: 7px;
}
.image-metadata > .size > .size-warning {
  display: inline-block;
  margin-left: 5px;
  background-position: -220px -300px;
  width: 9px;
  height: 9px;
}
.mini-inspector > .label {
  margin-bottom: 5px;
}
.mini-inspector .token {
  margin-bottom: 2px;
}
.mini-inspector .label-input {
  display: inline-block;
  outline: none;
}
.mini-inspector > .inset {
  position: relative;
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  min-height: 32px;
  margin-bottom: 7px;
}
.mini-inspector > .inset:hover,
.mini-inspector > .inset:focus {
  background: #232323;
}
.mini-inspector > .inset.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.mini-inspector > .css-selector > .suggestions {
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  margin: 0;
  margin-top: 3px;
  padding: 0;
  padding-bottom: 5px;
  background-color: #404040;
  border: 1px solid #212121;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 2px 2px;
  z-index: 19;
  cursor: default;
}
.mini-inspector > .css-selector > .suggestions > .suggestion,
.mini-inspector > .css-selector > .suggestions > .placeholder,
.mini-inspector > .css-selector > .suggestions > .heading,
.mini-inspector > .css-selector > .suggestions > .no-suggestions {
  display: block;
  padding: 0 10px;
  color: #a6a6a6;
}
.mini-inspector > .css-selector > .suggestions > .no-suggestions {
  color: #d9d9d9;
  line-height: 1.25em;
  margin: 5px auto 1px auto;
}
.mini-inspector > .css-selector > .suggestions > .warning {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-top: 1px solid #2b2b2b;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 5px;
  padding: 5px;
  padding-top: 8px;
}
.mini-inspector > .css-selector > .suggestions > .warning > i {
  margin: 5px 10px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.mini-inspector > .css-selector > .suggestions > .warning > span {
  margin-right: 5px;
}
.mini-inspector > .css-selector > .suggestions > .suggestion {
  background-color: #404040;
}
.mini-inspector > .css-selector > .suggestions > .suggestion:hover > .button,
.mini-inspector > .css-selector > .suggestions > .suggestion.highlighted > .button {
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.mini-inspector > .css-selector > .suggestions > .suggestion:hover.tag > .button,
.mini-inspector > .css-selector > .suggestions > .suggestion.highlighted.tag > .button {
  background-color: #b5518c;
  color: rgba(255, 255, 255, 0.9);
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .name,
.mini-inspector > .css-selector > .suggestions > .suggestion > .button {
  float: left;
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .name {
  display: inline-block;
  margin: 5px 0;
  margin-right: 5px;
  line-height: 16px;
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .name + .button {
  margin: 4px 0;
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .button {
  display: inline-block;
  position: relative;
  height: 18px;
  max-width: 182px;
  padding: 3px 5px 0px;
  margin: 2px 0px;
  background-color: #5e5e5e;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-family: Arial;
  font-size: 11px;
  vertical-align: middle;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .button > b {
  text-decoration: underline;
  color: white;
}
.mini-inspector > .css-selector > .suggestions > .suggestion.create.highlighted {
  color: white;
}
.mini-inspector > .css-selector > .suggestions > .suggestion.create > .button {
  max-width: 145px;
}
.mini-inspector > .css-selector > .suggestions > .suggestion > .icon {
  float: right;
  width: 12px;
  height: 11px;
  margin: 5px 0;
  opacity: 0.75;
  background-position: -460px -60px;
}
.mini-inspector > .css-selector > .suggestions > .placeholder {
  padding-top: 7px;
  padding-bottom: 7px;
  color: #6bb0ff;
}
.mini-inspector > .css-selector > .suggestions > .placeholder.additional-classes {
  margin-bottom: 5px;
}
.mini-inspector > .css-selector > .suggestions > .heading {
  margin-bottom: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  background-color: #2b2b2b;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
  font-size: 10px;
  text-transform: uppercase;
  color: #a6a6a6;
}
.mini-inspector > .css-selector > .suggestions > .heading:not(:first-child) {
  margin-top: 5px;
}
.mini-inspector.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.nested-selector-widget {
  border-bottom: 1px solid #333333;
  margin-bottom: 8px;
}
.nested-selector-widget > .nested-selector {
  margin-bottom: 8px;
}
.nested-selector-widget > .nested-selector > .icon-wrap,
.nested-selector-widget > .nested-selector > .label,
.nested-selector-widget > .nested-selector > .wf-menu-arrow {
  float: left;
}
.nested-selector-widget > .nested-selector > .icon-wrap {
  display: inline-block;
  margin-right: 3px;
  border-radius: 2px;
  background: #5e5e5e;
  border: 1px solid #333333;
}
.nested-selector-widget > .nested-selector > .icon-wrap > .icon-main {
  display: inline-block;
  width: 9px;
  height: 7px;
  margin: 0 3px;
  opacity: 0.6;
}
.nested-selector-widget > .nested-selector > .icon-wrap > .icon-main.nested-icon {
  background-position: -520px -60px;
}
.nested-selector-widget > .nested-selector > .label {
  margin-right: 3px;
  line-height: 15px;
}
.nested-selector-widget > .inset {
  position: relative;
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  min-height: 32px;
  margin-bottom: 8px;
}
.nested-selector-widget > .inset:hover,
.nested-selector-widget > .inset:focus {
  background: #232323;
}
.nested-selector-widget > .inset.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.selector-widget > .kit-divider.top {
  margin: 4px 0 6px;
}
.selector-widget > .css-selector {
  position: relative;
  clear: both;
}
.selector-widget > .css-selector > .main > .inset {
  margin: 5px 0px;
}
.selector-widget > .css-selector > .main > .inset:not(.nested) {
  cursor: text;
}
.selector-widget > .css-selector > .main > .inset:not(.nested) > .css-tokens > .token {
  cursor: default;
}
.selector-widget > .css-selector > .main > .inset:not(.editable) {
  cursor: default;
}
.selector-widget > .css-selector .css-tokens {
  font-size: 0px;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token {
  margin-top: 2px;
  margin-bottom: 2px;
  cursor: default;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token > .label {
  white-space: nowrap;
  max-width: 150px;
  text-overflow: ellipsis;
  overflow: hidden;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token.hidden {
  display: none;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token.add {
  background: #5e5e5e;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  height: 22px;
  width: 23px;
  display: none;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token.add > i {
  margin-left: 1px;
  opacity: 0.8;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token.add:hover {
  background: #6b6b6b;
}
.selector-widget > .css-selector .css-tokens > .mf_list > .token.add:hover > i {
  opacity: 0.95;
}
.selector-widget > .css-selector > .chunk,
.selector-widget > .css-selector > .path-chunks > .chunk {
  margin: 0 0 7px 0;
}
.selector-widget > .css-selector > .chunk > .inset,
.selector-widget > .css-selector > .path-chunks > .chunk > .inset {
  position: relative;
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  min-height: 32px;
}
.selector-widget > .css-selector > .chunk > .inset:hover,
.selector-widget > .css-selector > .path-chunks > .chunk > .inset:hover,
.selector-widget > .css-selector > .chunk > .inset:focus,
.selector-widget > .css-selector > .path-chunks > .chunk > .inset:focus {
  background: #232323;
}
.selector-widget > .css-selector > .chunk > .inset.focused,
.selector-widget > .css-selector > .path-chunks > .chunk > .inset.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.selector-widget > .css-selector > .chunk .label.higher,
.selector-widget > .css-selector > .path-chunks > .chunk .label.higher {
  color: #e89153;
}
.selector-widget > .css-selector > .chunk .unnest-button,
.selector-widget > .css-selector > .path-chunks > .chunk .unnest-button {
  display: inline-block;
  position: relative;
  float: right;
  margin-left: 2px;
  background-color: #404040;
  border-radius: 3px;
  color: white;
  opacity: 0.5;
  cursor: default;
}
.selector-widget > .css-selector > .chunk .unnest-button:hover,
.selector-widget > .css-selector > .path-chunks > .chunk .unnest-button:hover {
  opacity: 0.8;
}
.selector-widget > .css-selector > .chunk .unnest-button.open,
.selector-widget > .css-selector > .path-chunks > .chunk .unnest-button.open {
  opacity: 1;
  cursor: auto;
}
.selector-widget > .css-selector > .chunk .unnest-button > .label,
.selector-widget > .css-selector > .path-chunks > .chunk .unnest-button > .label {
  margin-left: 3px;
}
.selector-widget > .css-selector > .chunk.main > .go-back,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .go-back {
  float: right;
  text-decoration: none;
  color: #e89153;
  transition: opacity 50ms ease;
  cursor: default;
}
.selector-widget > .css-selector > .chunk.main > .go-back > i,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .go-back > i {
  background-position: -480px -60px;
  width: 10px;
  height: 9px;
  display: inline-block;
  margin-right: 4px;
}
.selector-widget > .css-selector > .chunk.main > .go-back:hover,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .go-back:hover {
  opacity: 0.7;
}
.selector-widget > .css-selector > .chunk.main > a.pseudo-toggle,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.pseudo-toggle {
  float: right;
  margin-left: 4px;
  text-decoration: none;
  margin-right: 0;
}
.selector-widget > .css-selector > .chunk.main > a.pseudo-toggle .wf-menu-arrow,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.pseudo-toggle .wf-menu-arrow {
  margin-left: 5px;
  margin-bottom: -3px;
}
.selector-widget > .css-selector > .chunk.main > a.pseudo-toggle:hover,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.pseudo-toggle:hover,
.selector-widget > .css-selector > .chunk.main > a.pseudo-toggle.open,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.pseudo-toggle.open {
  cursor: default;
}
.selector-widget > .css-selector > .chunk.main > a.pseudo-toggle.active,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.pseudo-toggle.active {
  color: #2ad986;
}
.selector-widget > .css-selector > .chunk.main > a.quit-pseudos,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.quit-pseudos {
  float: right;
  padding: 2px 0 3px 0;
  margin-top: -1px;
  margin-left: 5px;
  color: #2ad986;
}
.selector-widget > .css-selector > .chunk.main > a.quit-pseudos > i.sprite-main,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.quit-pseudos > i.sprite-main {
  display: block;
  background-position: 0px -40px;
  width: 9px;
  height: 8px;
  opacity: 1.0;
  transition: opacity 200ms ease;
}
.selector-widget > .css-selector > .chunk.main > a.quit-pseudos:hover,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.quit-pseudos:hover {
  cursor: default;
}
.selector-widget > .css-selector > .chunk.main > a.quit-pseudos:hover > i.sprite-main,
.selector-widget > .css-selector > .path-chunks > .chunk.main > a.quit-pseudos:hover > i.sprite-main {
  opacity: 0.7;
}
.selector-widget > .css-selector > .chunk.main > .status,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .status {
  display: inline-block;
  width: 6px;
  height: 6px;
  float: right;
  margin: 3px 0 0 0;
  vertical-align: 1px;
  background-position: -420px -80px;
}
.selector-widget > .css-selector > .chunk.main > .inset:not(.nested),
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset:not(.nested) {
  width: 196px;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class:before,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class:before {
  content: "";
  float: left;
  background: #3b79c3;
  font-size: 20px;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  margin-left: 3px;
  margin-top: 3px;
  width: 24px;
  height: 24px;
  display: block;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  pointer-events: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class:after,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class:after {
  background-position: -580px 0px;
  position: absolute;
  height: 12px;
  width: 12px;
  margin-top: 10px;
  left: 11px;
  pointer-events: none;
}
.selector-widget > .css-selector > .chunk.main > .inset > .linked,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .linked {
  position: absolute;
  right: -25px;
  top: -1px;
  bottom: -1px;
  width: 23px;
  height: auto;
  border-radius: 0 2px 2px 0;
  border: 1px solid #212121;
}
.selector-widget > .css-selector > .chunk.main > .inset > .linked > i,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .linked > i {
  background-position: -600px -20px;
  width: 14px;
  height: 14px;
  top: 9px;
  left: 5px;
  position: relative;
  display: block;
  pointer-events: none;
}
.selector-widget > .css-selector > .chunk.main > .inset > .linked.higher,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .linked.higher {
  background: #dc8140;
}
.selector-widget > .css-selector > .chunk.main > .inset > .linked:hover,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .linked:hover {
  cursor: default;
}
.selector-widget > .css-selector > .chunk.main > .inset > .dummy-state,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .dummy-state {
  padding: 9px 0 0 6px;
  height: 20px;
  position: relative;
  display: inline-block;
  opacity: 0.4;
  pointer-events: none;
  float: left;
}
.selector-widget > .css-selector > .chunk.main > .inset > .dummy-state > span,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .dummy-state > span {
  display: none;
}
.selector-widget > .css-selector > .chunk.main > .inset > .css-tokens,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .css-tokens {
  float: left;
}
.selector-widget > .css-selector > .chunk.main > .inset > .css-tokens.read-only,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset > .css-tokens.read-only {
  pointer-events: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.no-element > .dummy-state > span.no-element,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.no-element > .dummy-state > span.no-element {
  display: block;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class {
  width: 100%;
  cursor: default;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class .linked,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class .linked {
  display: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class > .dummy-state,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class > .dummy-state {
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  padding-left: 32px;
  pointer-events: auto;
  color: #6bb0ff;
  opacity: 1.0;
}
.selector-widget > .css-selector > .chunk.main > .inset.need-class > .dummy-state > span.need-class,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.need-class > .dummy-state > span.need-class {
  display: block;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance {
  cursor: not-allowed;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance *,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance * {
  pointer-events: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .linked .token.add,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .linked .token.add,
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .linked .token.nest,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .linked .token.nest {
  display: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .linked .token.add,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .linked .token.add,
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .linked .token.nest,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .linked .token.nest {
  display: none;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .dummy-state > span.is-instance,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .dummy-state > span.is-instance {
  display: block;
}
.selector-widget > .css-selector > .chunk.main > .inset.is-instance > .dummy-state > span.is-instance > i,
.selector-widget > .css-selector > .path-chunks > .chunk.main > .inset.is-instance > .dummy-state > span.is-instance > i {
  background-position: -560px 0px;
  width: 10px;
  height: 11px;
  display: inline-block;
  vertical-align: -1px;
  margin-right: 5px;
}
.selector-widget > .css-selector a.expand-path {
  display: block;
  height: 21px;
  width: 100%;
  line-height: 16px;
  text-decoration: none;
  transition: color 200ms ease;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.selector-widget > .css-selector a.expand-path > .kit-button {
  width: 14px;
  height: 12px;
  border-radius: 0px;
  margin: 1px 7px 0 1px;
}
.selector-widget > .css-selector a.expand-path > .kit-button > i {
  background-position: -280px 0px;
  width: 8px;
  height: 9px;
  margin-top: 2px;
}
.selector-widget > .css-selector a.expand-path:hover {
  text-decoration: none;
  color: white;
}
.selector-widget > .css-selector a.expand-path:hover > .kit-button i {
  opacity: 0.8;
}
.selector-widget > .css-selector a.expand-path:hover > .chunks > .chunk > .token {
  color: white;
}
.selector-widget > .css-selector a.expand-path > .chunks > .chunk > .token {
  margin: 0 5px 0 0;
  color: rgba(255, 255, 255, 0.9);
  transition: color 200ms ease;
}
.selector-widget > .css-selector.parent-mode > .chunk > .inset {
  cursor: default;
  border-radius: 2px;
  background: #404040;
  box-shadow: 0 0 0 1px #e89153;
  transition: background-color 200ms ease, box-shadow 200ms ease;
}
.selector-widget > .css-selector.parent-mode > .chunk > .inset .css-tokens .token.add {
  display: none;
}
.selector-widget > .css-selector.parent-mode > .chunk > .inset .kit-button.linked {
  box-shadow: 0 0 0 1px #e89153;
}
.selector-widget > .css-selector.parent-mode > .chunk > .inset .kit-button.linked:before {
  content: '';
  position: absolute;
  left: -200px;
  top: 0px;
  width: 200px;
  height: 100%;
}
.selector-widget > .css-selector > .kit-divider {
  margin: 0 1px 5px;
}
.selector-widget .nest-button {
  display: block;
  width: 221px;
  color: white;
  text-decoration: none;
  white-space: nowrap;
  overflow: hidden;
  cursor: default;
}
.selector-widget .nest-button > .icon-label {
  color: #d9d9d9;
}
.selector-widget .nest-button > .icon-wrap {
  display: inline-block;
  position: relative;
  height: 13px;
  width: 13px;
  margin-right: 6px;
  background: #5e5e5e;
  border: 1px solid #333333;
  border-radius: 2px;
}
.selector-widget .nest-button > .icon-wrap > .icon-main {
  position: relative;
  top: -2px;
  left: 3px;
}
.selector-widget .nest-button:hover > .icon-label {
  color: white;
}
.selector-widget .nest-button:hover > .icon-wrap {
  background: #6b6b6b;
}
.selector-widget .nest-label > .icon-main {
  position: relative;
  top: -1px;
  margin-left: 1px;
  opacity: 0.7;
}
.selector-widget .nest-label > .label {
  display: inline-block;
}
.selector-widget .mini-css-tokens {
  display: inline;
  margin-left: 1px;
}
.selector-widget .mini-css-tokens > .mini-css-token {
  display: inline-block;
  margin-left: 4px;
  margin-bottom: 2px;
  padding: 1px 4px;
  background-color: #5e5e5e;
  border-radius: 2px;
}
.selector-widget .cannot-nest-blocker {
  zoom: 1;
}
.selector-widget .cannot-nest-blocker:before,
.selector-widget .cannot-nest-blocker:after {
  content: " ";
  display: table;
}
.selector-widget .cannot-nest-blocker:after {
  clear: both;
}
.selector-widget .cannot-nest-blocker > .icon-main,
.selector-widget .cannot-nest-blocker > .icon-label {
  float: left;
}
.selector-widget .cannot-nest-blocker > .icon-main {
  margin-right: 6px;
  opacity: 0.7;
}
.selector-widget .cannot-nest-blocker > .icon-label {
  width: 200px;
  line-height: 1.4;
}
.selector-widget.disabled .token.add,
.selector-widget.disabled .token.nest {
  display: none;
}
.selector-widget.disabled .token.add,
.selector-widget .need-class .token.add,
.selector-widget .is-instance .token.add,
.selector-widget.disabled .token.nest,
.selector-widget .need-class .token.nest,
.selector-widget .is-instance .token.nest {
  display: none;
}
.mp_list {
  margin: 1px 0 0 -1px;
}
.mp_list > .mp_item.style-block b {
  color: #ffffff;
  font-weight: bold;
  padding-bottom: 1px;
  border-bottom: 1px solid rgba(255, 255, 255, 0.45);
}
.mp_list > .mp_item.style-block > .new {
  color: #fff;
  font-style: italic;
  padding-right: 3px;
  opacity: 0.8;
}
.mp_list > .mp_item.style-block.has-it > .icon {
  float: right;
  width: 12px;
  height: 9px;
  opacity: 0.75;
  background-position: -440px -60px;
  margin: 1px 0 0 0;
}
.mp_list > .mp_item.style-block.global > .icon {
  float: right;
  width: 12px;
  height: 13px;
  opacity: 0.5;
  background-position: -540px -60px;
  margin: -1px 1px 0 0;
}
.mp_list > .mp_item.style-block.local > .label {
  float: right;
  opacity: 0.9;
}
.mp_list > .mp_item.style-block.local > .label > i {
  display: inline-block;
  width: 9px;
  height: 7px;
  background-position: -520px -60px;
  margin-right: 4px;
  opacity: 0.6;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  #style-tab > div.selector-widget .inset.need-class:after {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
    background-size: 640px;
  }
}
.drag-ghost {
  width: 2000px;
  height: 2000px;
  z-index: 38;
  position: fixed;
  left: 0;
  top: 0;
}
.drag-ghost.row {
  cursor: row-resize;
}
.drag-ghost.col {
  cursor: col-resize;
}
.drag-ghost.pointer {
  cursor: default;
}
.drag-ghost.ns-resize {
  cursor: ns-resize;
}
.drag-ghost.crosshair {
  cursor: crosshair;
}
.offset-box {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.offset-box .guidance-panel-wrap {
  background-image: none !important;
  line-height: 1.2 !important;
  opacity: 1 !important;
  z-index: 3;
}
.offset-box .guidance-panel-wrap::before,
.offset-box .guidance-panel-wrap::after {
  content: normal !important;
}
.offset-box .guidance-panel-wrap:not(.active) {
  pointer-events: none;
}
.offset-box .handle {
  height: 18px;
  width: auto;
  left: 19px;
  right: 19px;
  position: absolute;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAAkAgMAAADeLQOcAAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAJUExURUxpcX19fSQkJON60LcAAAABdFJOUwBA5thmAAAAE0lEQVQI12NYwLCAIYACCNIPBADDlwvhBQ/+cQAAAABJRU5ErkJggg==);
  background-repeat: repeat-x;
  background-size: 1px 18px;
  font-size: 0px;
  line-height: 0px;
  cursor: row-resize;
  opacity: 0.5;
  transition: opacity 50ms ease;
}
.offset-box .handle:before,
.offset-box .handle:after {
  content: '';
  width: 18px;
  height: 18px;
  position: absolute;
  display: block;
  top: 0;
}
.offset-box .handle:before {
  left: -16px;
}
.offset-box .handle:after {
  right: -16px;
}
.offset-box .handle:hover {
  opacity: .75;
}
.offset-box .handle.vert {
  width: 18px;
  height: auto;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAACAQMAAAAHJZy3AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAAAGUExURX19fSQkJHhjEKQAAAARSURBVAjXYzjAwMBwgAFMAgASDAMB5CpHBgAAAABJRU5ErkJggg==);
  background-repeat: repeat-y;
  background-size: 17px 100%;
  left: auto;
  right: auto;
  top: 19px;
  bottom: 19px;
  cursor: col-resize;
}
.offset-box .handle.vert:before,
.offset-box .handle.vert:after {
  width: 18px;
  height: 18px;
  display: block;
}
.offset-box .handle.vert:before {
  top: -18px;
  left: 0;
}
.offset-box .handle.vert:after {
  right: auto;
  top: auto;
  left: 0;
  bottom: -18px;
}
.offset-box .handle.top {
  top: -2px;
  height: 18px;
  background-size: 1px 18px;
  margin-left: 2px;
  margin-right: 2px;
}
.offset-box .handle.top:before {
  background-position: 0px -440px;
}
.offset-box .handle.top:after {
  background-position: -20px -440px;
}
.offset-box .handle.right {
  right: 2px;
}
.offset-box .handle.right:before {
  background-position: -40px -440px;
}
.offset-box .handle.right:after {
  background-position: -60px -440px;
}
.offset-box .handle.bottom {
  bottom: -2px;
  height: 18px;
  background-size: 1px 18px;
  margin-left: 2px;
  margin-right: 2px;
}
.offset-box .handle.bottom:before {
  background-position: -80px -440px;
  height: 18px;
}
.offset-box .handle.bottom:after {
  background-position: -100px -440px;
  height: 18px;
}
.offset-box .handle.left {
  left: 2px;
}
.offset-box .handle.left:before {
  background-position: -140px -440px;
}
.offset-box .handle.left:after {
  background-position: -120px -440px;
}
.offset-box .handle.top > i,
.offset-box .handle.bottom.reverse > i {
  background-position: 0px -20px;
  width: 14px;
  height: 8px;
  margin-top: 3px;
}
.offset-box .handle.bottom > i,
.offset-box .handle.top.reverse > i {
  background-position: -40px -20px;
  width: 14px;
  height: 8px;
  margin-top: 3px;
}
.offset-box .handle.left > i,
.offset-box .handle.right.reverse > i {
  background-position: -60px -20px;
  width: 7px;
  height: 15px;
}
.offset-box .handle.right > i,
.offset-box .handle.left.reverse > i {
  background-position: -20px -20px;
  width: 7px;
  height: 15px;
}
.offset-box .handle.top.disabled,
.offset-box .handle.bottom.disabled,
.offset-box .handle.left.disabled,
.offset-box .handle.right.disabled {
  opacity: 0.2;
  cursor: not-allowed;
}
.offset-box.margin-box {
  margin: 0 auto;
  padding: 15px 0;
  width: 170px;
}
.offset-box.margin-box > .guidance {
  position: absolute;
  right: -26px;
  top: 0;
  width: 26px;
  height: 40px;
  background-position: -580px -220px;
  pointer-events: none;
}
.offset-box.margin-box > .margin-auto {
  position: absolute;
  right: -27px;
  bottom: 14px;
  height: 15px;
  width: 22px;
}
.offset-box.margin-box > .margin-auto > i {
  background-position: -320px -20px;
  width: 16px;
  margin: 4px 0px 0px 0px;
  height: 6px;
}
.offset-box.margin-box .handle.vert > i {
  margin-top: 26px;
}
.offset-box.margin-box .handle.bottom:before,
.offset-box.margin-box .handle.bottom:after {
  height: 18px;
}
.offset-box.margin-box .handle.bottom > .text {
  position: absolute;
  top: 5px;
  left: 0;
  width: 33px;
  height: 6px;
  opacity: 0.6;
  background-position: -280px -30px;
}
.offset-box.margin-box > .margin > .label-wrap > .label,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label {
  position: absolute;
  width: 30px;
  height: 15px;
  text-align: center;
  margin: 0 0 0 0;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner {
  position: relative;
  color: #d9d9d9;
  font-size: 10px;
  font-weight: normal;
  margin: 0 3px;
  pointer-events: none;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.downstream::after,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.downstream::after {
  content: '';
  position: absolute;
  height: 2px;
  background: #ea384c;
  top: 50%;
  left: -1px;
  right: -1px;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner span,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner span {
  white-space: nowrap;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner span i.percent,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner span i.percent {
  font-size: 0.8em;
  display: inline-block;
  vertical-align: middle;
  margin-bottom: 2px;
  margin-left: 0.5px;
  opacity: 0.8;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.editable,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.editable {
  color: #d9d9d9;
  display: inline-block;
  text-align: center;
  border-bottom: 1px solid transparent;
  transition: border-bottom 50ms ease;
  pointer-events: auto;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.editable:before,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.editable:before {
  position: absolute;
  content: '';
  top: 0;
  right: 0;
  bottom: 2px;
  left: 0;
  margin: auto;
  width: 20px;
  height: 18px;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.editable:hover,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.editable:hover {
  border-bottom: 1px solid #d9d9d9;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.upstream,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.upstream {
  color: #e89153;
  pointer-events: auto;
  border-bottom: 1px dotted rgba(232, 145, 83, 0.6);
  transition: border-bottom 50ms ease;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.upstream:hover,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.upstream:hover {
  border-bottom: 1px solid #e89153;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.local,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.local {
  color: #6bb0ff;
  pointer-events: auto;
  border-bottom: 1px dotted rgba(107, 176, 255, 0.6);
  transition: border-bottom 50ms ease;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.local:hover,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.local:hover {
  border-bottom: 1px solid #6bb0ff;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.pop,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.pop {
  position: relative;
  background-color: #404040;
  border-radius: 3px;
  z-index: 24;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner.disabled,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner.disabled {
  border-bottom: 0;
  color: #a6a6a6;
  pointer-events: none;
}
.offset-box.margin-box > .margin > .label-wrap > .label > .inner:hover.applied,
.offset-box.margin-box > .margin > .padding > .label-wrap > .label > .inner:hover.applied {
  border-bottom-style: solid;
  border-bottom-width: 1px;
}
.offset-box.margin-box .margin {
  position: relative;
  height: 108px;
}
.offset-box.margin-box .margin > .label-wrap > .label {
  left: 70px;
  top: -18px;
}
.offset-box.margin-box .margin > .label-wrap > .label.vert {
  top: 47px;
}
.offset-box.margin-box .margin > .label-wrap > .label.right {
  text-align: left;
  left: auto;
  right: -32px;
}
.offset-box.margin-box .margin > .label-wrap > .label.right .editable:before {
  right: auto;
  left: -2px;
}
.offset-box.margin-box .margin > .label-wrap > .label.bottom {
  top: auto;
  bottom: -19px;
}
.offset-box.margin-box .margin > .label-wrap > .label.left {
  text-align: right;
  left: -32px;
}
.offset-box.margin-box .margin > .label-wrap > .label.left .editable:before {
  left: auto;
  right: -3px;
}
.offset-box.margin-box .margin .padding {
  position: absolute;
  top: 19px;
  left: 19px;
  bottom: 19px;
  right: 19px;
}
.offset-box.margin-box .margin .padding .handle.vert > i {
  margin-top: 7px;
}
.offset-box.margin-box .margin .padding .handle.bottom .text {
  background-position: -280px -20px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label {
  left: 51px;
  top: 17px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.vert {
  top: 28px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.right {
  text-align: right;
  right: 24px;
  left: auto;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.right .editable:before {
  left: auto;
  right: 0px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.bottom {
  top: auto;
  bottom: 16px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.left {
  text-align: left;
  left: 24px;
}
.offset-box.margin-box .margin .padding > .label-wrap > .label.left .editable:before {
  right: auto;
  left: -2px;
}
.offset-box.absolute-offset {
  width: 90px;
  height: 80px;
}
.offset-box.absolute-offset .handle.vert > i {
  margin-top: 14px;
}
.offset-box.bg-position {
  width: 62px;
  height: 56px;
}
.offset-box.bg-position .handle.vert > i {
  margin-top: 2px;
}
.preloader {
  position: absolute;
  z-index: 40;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(64, 64, 64, 0.95);
  text-align: center;
  color: #d9d9d9;
  font-size: 12px;
  font-family: Arial, sans-serif, Georgia, serif;
  font-weight: 300;
  -webkit-font-smoothing: antialiased;
}
.preloader.inactive {
  pointer-events: none;
}
.preloader.hidden {
  display: none;
}
.preloader-progress {
  width: 325px;
  margin: 250px auto 0 auto;
}
.preloader-progress > .message {
  padding: 0 0 15px 0;
  font-size: 18px;
}
.preloader-progress > .track {
  height: 2px;
  background: #2b2b2b;
  border-radius: 3px;
}
.preloader-progress > .track > .bar {
  background: #d9d9d9;
  width: 1%;
  height: 2px;
  border-radius: 3px;
  transition: width 0.25s linear;
}
.preloader-protip {
  width: 370px;
  margin: 90px auto 0 auto;
  display: none;
}
.preloader-protip > .intro {
  display: inline-block;
  padding: 2px 8px 1px;
  margin-right: 10px;
  font-size: 12px;
  color: white;
  vertical-align: 1px;
  text-transform: uppercase;
  border-radius: 2px;
  background-color: #3490eb;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
}
.preloader-protip > .message {
  font-weight: 300;
  font-size: 14px;
  line-height: 18px;
}
.preloader-protip > .message > kbd {
  display: inline-block;
  background-color: transparent;
  border: 1px solid rgba(255, 255, 255, 0.5);
  border-radius: 3px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  line-height: 15px;
  margin: 0 1px;
  padding: 1px 7px;
  vertical-align: 1px;
}
.preloader-protip > .message > a {
  color: #6bb0ff;
  text-decoration: none;
}
.preloader-protip > .message > a:hover {
  text-decoration: underline;
}
.collapse-on.title {
  padding-bottom: 4px;
  -webkit-font-smoothing: antialiased;
}
.collapse-on.title > span {
  padding-left: 3px;
  opacity: 0.7;
  font-style: italic;
}
.collapse-icons {
  position: relative;
  left: 2px;
}
.collapse-icons .sprite-mid {
  width: 41px;
  display: inline-block;
  vertical-align: middle;
  float: none;
  opacity: 0.3;
  transition: opacity 50ms ease;
}
.collapse-icons .sprite-mid.active {
  opacity: 1;
}
.collapse-icons .sprite-mid > i {
  pointer-events: none;
}
.collapse-icons .sprite-mid.main > i {
  background-position: -380px -20px;
  width: 22px;
  height: 14px;
}
.collapse-icons .sprite-mid.medium > i {
  background-position: -420px -20px;
  width: 15px;
  height: 16px;
  margin-left: 1px;
}
.collapse-icons .sprite-mid.small > i {
  background-position: -460px -20px;
  width: 15px;
  height: 10px;
  margin-left: 1px;
}
.collapse-icons .sprite-mid.tiny > i {
  background-position: -440px -20px;
  width: 11px;
  height: 14px;
  margin-left: 1px;
}
.collapse-icons .sprite-mid.none > i {
  background-position: -100px -40px;
  width: 11px;
  height: 11px;
  margin-left: -1px;
}
.collapse-slider {
  margin-left: 10px;
}
.collapse-slider > .kit-unit-slider {
  left: 8px;
  width: 164px;
  margin-top: -20px;
  height: 40px;
  padding-top: 20px;
}
.collapse-slider > .kit-unit-slider .nubbin {
  top: 25px;
}
.selected-node-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.selected-node-title .type-icon-inset {
  height: 14px;
  margin: 0 6px 0 1px;
  padding-top: 2px;
  text-align: center;
}
.selected-node-title .type-icon-inset .el-icon {
  opacity: 0.75;
}
.publish-targets {
  background-color: #404040;
  color: #d9d9d9;
  position: absolute;
  width: 325px;
  top: 41px;
  right: 6px;
  z-index: 34;
  display: none;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  border: 1px solid #212121;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
}
.avoid-right-sidebar .publish-targets {
  right: 247px;
}
.publish-targets a {
  color: #a6a6a6;
}
.publish-targets .loader {
  position: absolute;
  top: 26px;
  right: 0;
  bottom: 48px;
  left: 0;
  text-align: center;
  opacity: 0;
  display: none;
  z-index: 1;
  background-color: #404040;
  min-height: 50px;
  box-shadow: 0 1px 0 #212121;
}
.publish-targets .loader .loader-indicator {
  opacity: 1;
  position: absolute;
  top: 47%;
  left: 45%;
}
.publish-targets.visible {
  display: block;
}
.publish-targets.loading .loader {
  opacity: 0.8;
  display: block;
}
.publish-targets .kit-button {
  padding: 3px 15px;
  font-size: 12px;
  font-family: Arial, sans-serif, Georgia, serif;
}
.publish-targets .kit-button:not(:last-child) {
  margin-right: 5px;
}
.publish-targets .kit-checkbox {
  float: left;
}
.publish-targets .kit-checkbox.disabled {
  opacity: 1;
}
.publish-targets .kit-checkbox.disabled a {
  opacity: 0.5;
}
.publish-targets .buttons {
  padding: 10px;
  zoom: 1;
}
.publish-targets .buttons:before,
.publish-targets .buttons:after {
  content: " ";
  display: table;
}
.publish-targets .buttons:after {
  clear: both;
}
.publish-targets .caret {
  position: absolute;
  z-index: -1;
  top: -8px;
  right: 29px;
  width: 16px;
  height: 16px;
  background-color: #404040;
  border-top: 1px solid #212121;
  border-left: 1px solid #212121;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.publish-targets .status {
  clear: left;
  margin-left: 28px;
}
.publish-targets .status .published {
  float: left;
  margin-right: 6px;
  color: #a6a6a6;
}
.publish-targets .status .published.is-published {
  color: #2ad986;
}
.publish-targets .status .unpublish {
  color: #a6a6a6;
}
.publish-targets .status .unpublish .dot {
  margin-right: 6px;
}
.publish-targets .status .unpublish,
.publish-targets .status .published {
  display: inline-block;
}
.publish-targets .status .unpublish a,
.publish-targets .status .published a {
  color: #a6a6a6;
  text-decoration: none;
  border-bottom: 1px solid #737373;
}
.publish-targets .status .unpublish a:hover,
.publish-targets .status .published a:hover {
  color: #d9d9d9;
  border-bottom: 1px solid #d9d9d9;
}
.publish-targets .heading {
  border-bottom: 1px solid #212121;
  color: #a6a6a6;
  text-transform: uppercase;
  padding: 7px 10px 6px;
  font-size: 10px;
  font-family: Arial, sans-serif, Georgia, serif;
}
.publish-targets ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
.publish-targets ul.custom-domains {
  min-height: 116px;
}
.publish-targets ul.no-custom-domains > li {
  zoom: 1;
}
.publish-targets ul.no-custom-domains > li:before,
.publish-targets ul.no-custom-domains > li:after {
  content: " ";
  display: table;
}
.publish-targets ul.no-custom-domains > li:after {
  clear: both;
}
.publish-targets ul li {
  border-bottom: 1px solid #212121;
  padding: 6px 6px 11px 10px;
}
.publish-targets ul li.hide {
  display: none;
}
.publish-targets ul li > label > span {
  display: inline-block;
  float: left;
  margin-top: 2px;
}
.publish-targets .kit-checkbox {
  margin-bottom: 7px;
}
.publish-targets .kit-checkbox > .kit-checkbox-input {
  margin-top: 3px;
}
.publish-targets .kit-checkbox > span {
  font-size: 14px;
  font-family: Arial, sans-serif, Georgia, serif;
  margin-right: 2px;
  margin-left: 3px;
}
.publish-targets .icon-main.domain-home {
  display: inline-block;
  float: left;
  margin-right: 7px;
  margin-top: 7px;
  opacity: 0.8;
}
.publish-targets .link-new-tab {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  float: left;
  margin-top: 6px;
  margin-left: 1px;
}
.publish-targets .link-new-tab i {
  opacity: 0.5;
}
.publish-targets .link-new-tab:hover i {
  opacity: 0.9;
}
.publish-targets .publish.successful,
.publish-targets .publish.error {
  pointer-events: none;
}
.publish-targets .publish.successful {
  background: #109155;
}
.publish-targets .publish.error {
  background: #c92c3f;
}
@-webkit-keyframes wf-opacity-delay {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
@keyframes wf-opacity-delay {
  0%,
  80%,
  100% {
    opacity: 0;
  }
  40% {
    opacity: 1;
  }
}
.loader-indicator {
  display: inline-block;
  text-align: center;
}
.loader-indicator > div {
  width: 8px;
  height: 8px;
  background-color: white;
  margin-right: 5px;
  border-radius: 100px;
  display: inline-block;
  -webkit-animation: wf-opacity-delay 1.4s infinite ease-in-out;
  animation: wf-opacity-delay 1.4s infinite ease-in-out;
  /* Prevent first frame from flickering when animation starts */
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.loader-indicator > div:nth-child(1) {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader-indicator > div:nth-child(2) {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.panel-mask {
  z-index: 21;
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  display: none;
}
.panel-mask.visible {
  display: block;
}
.panel-mask[data-depth='1'] {
  z-index: 24;
}
.panel-mask[data-depth='2'] {
  z-index: 25;
}
.panel-mask > canvas.mask {
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  opacity: 0.8;
}
.panel {
  overflow: visible;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
  z-index: 23;
  background-color: #404040;
  border-radius: 3px;
  color: #d9d9d9;
  padding: 10px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  transition: height 200ms ease;
}
.panel a {
  cursor: default;
}
.panel > .tick {
  display: block;
  position: absolute;
  width: 25px;
  height: 12px;
  top: -11px;
  left: 0;
  overflow: hidden;
}
.panel > .tick:before {
  content: '';
  display: block;
  margin: 4px auto 0;
  width: 18px;
  height: 18px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  background: #404040;
}
.panel .title {
  font-size: 12px;
  font-weight: normal;
  padding-left: 10px;
  padding-top: 2px;
  padding-bottom: 8px;
  border-bottom: 1px solid #333333;
  margin-bottom: 7px;
  left: -7px;
  position: relative;
  width: 115%;
}
.panel > .close-panel {
  position: absolute;
  padding: 0;
  height: 18px;
  width: 18px;
  top: -1px;
  right: 10px;
  z-index: 1;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
  border-top: 1px solid #212121;
}
.panel > .close-panel > i {
  margin-top: 4px;
  margin-left: 0;
  opacity: .65;
}
.panel > .close-panel:hover > i {
  opacity: 0.95;
}
.panel > .inner > .kit-button.close-panel {
  clear: both;
  float: none;
  width: auto;
}
.panel > .mask {
  position: absolute;
  opacity: 0.5;
}
.panel.visible {
  display: block;
}
.panel[data-depth='1'] {
  z-index: 25;
}
.panel[data-depth='2'] {
  z-index: 26;
}
.panel.reverse > .tick {
  top: auto;
  bottom: -11px;
}
.panel.reverse > .tick:before {
  margin-top: -12px;
}
.panel.unattached > .tick {
  display: none;
}
.panel.kit-ix {
  margin-top: -8px;
  padding: 42px 11px 11px;
}
.panel .kit-dynfield-select {
  margin-bottom: 10px;
}
.large-panel .tick {
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}
.panel.reset-panel {
  padding: 6px 7px 8px;
}
.panel.reset-panel > .inner {
  font-size: 11px;
}
.panel.reset-panel > .inner > .kit-button.reset {
  float: none;
  margin-bottom: 7px;
}
.panel.reset-panel > .inner > .kit-button.reset > i {
  width: 9px;
  height: 11px;
  margin: 0 8px;
  background-position: -40px -60px;
}
.panel.reset-panel > .inner > .message {
  margin-bottom: 7px;
  text-align: left;
  white-space: normal;
}
.panel.reset-panel > .inner > .css-selector {
  margin-bottom: 7px;
}
.panel.reset-panel > .inner > .css-selector > .chunk.main {
  float: left;
}
.panel.reset-panel > .inner > .kit-field.edit {
  position: relative;
  margin-bottom: 5px;
  zoom: 1;
}
.panel.reset-panel > .inner > .kit-field.edit:before,
.panel.reset-panel > .inner > .kit-field.edit:after {
  content: " ";
  display: table;
}
.panel.reset-panel > .inner > .kit-field.edit:after {
  clear: both;
}
.panel.reset-panel > .inner > .kit-field.edit .kit-label {
  float: left;
  margin-top: 0;
  margin-right: 8px;
  margin-left: 2px;
  padding-top: 6px;
}
.panel.reset-panel > .inner > .kit-field.edit .kit-label .inner {
  pointer-events: none;
  color: #d9d9d9;
  text-decoration: none;
}
.panel.reset-panel > .inner > .kit-field.edit .kit-button {
  margin-top: 0;
}
.panel.reset-panel > .inner > .kit-field.edit .kit-button.auto {
  position: absolute;
  width: 50px;
  right: 0;
}
.panel.confirm-panel .message {
  margin-bottom: 10px;
}
.panel.confirm-panel .buttons {
  zoom: 1;
}
.panel.confirm-panel .buttons:before,
.panel.confirm-panel .buttons:after {
  content: " ";
  display: table;
}
.panel.confirm-panel .buttons:after {
  clear: both;
}
.panel.confirm-panel .buttons .kit-button {
  float: left;
  width: 95px;
}
.panel.confirm-panel .buttons .kit-button + .kit-button {
  margin-left: 10px;
}
.panel.guidance-panel {
  padding: 8px 8px 3px;
  background: #e6e6e6;
  border: #e6e6e6;
  color: #1a1a1a;
  text-align: left;
  box-shadow: none;
  pointer-events: none;
}
.panel.guidance-panel > .tick::before {
  background: #e6e6e6;
  border: #e6e6e6;
}
.panel.guidance-panel > .inner {
  font-size: 11px;
}
.panel.guidance-panel > .inner > .guidance > .guidance-row {
  margin: 3px 0 9px;
}
.panel.guidance-panel > .inner > .guidance > .guidance-row a {
  color: #6bb0ff;
  text-decoration: none;
}
.guidance-panel-wrap {
  clear: both;
  zoom: 1;
}
.guidance-panel-wrap:before,
.guidance-panel-wrap:after {
  content: " ";
  display: table;
}
.guidance-panel-wrap:after {
  clear: both;
}
.guidance-panel-wrap > .guidance-panel {
  display: none;
}
.guidance-panel-wrap.active > .child {
  opacity: 0.3;
  pointer-events: none;
}
.guidance-panel-wrap.active:hover > .guidance-panel {
  display: block;
}
.guidance-panel-wrapper.active {
  cursor: not-allowed;
}
.guidance-panel-wrapper.active .guidance-panel-child {
  opacity: 0.3;
  pointer-events: none;
}
.panel.attribute-panel {
  padding: 6px 7px 8px;
  font-size: 12px;
}
.panel.attribute-panel > .inner > .close {
  margin: 4px -2px 0 0;
}
.panel.attribute-panel > .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.panel.attribute-panel > .inner .kit-field > .kit-text-box {
  width: 162px;
}
.panel.attribute-panel > .inner .kit-field.name > .reserved,
.panel.attribute-panel > .inner .kit-field.name > .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.panel.attribute-panel > .inner > .kit-button.save {
  padding: 1px 30px;
  width: 57px;
  float: none;
  margin: 0 auto;
}
.panel.attribute-panel .cancel,
.panel.attribute-panel .save {
  float: right;
  padding: 0 10px;
  margin-top: 2px;
  margin-left: 4px;
}
.panel.bg-image-panel {
  padding: 5px;
}
.panel.bg-image-panel .kit-button-upload,
.panel.bg-image-panel .kit-button-choose {
  float: left;
  width: 95px;
  display: block;
}
.panel.bg-image-panel .kit-button-upload {
  float: right;
}
.panel.bg-image-panel .kit-button-upload .progress-bar {
  height: 30px!important;
}
.panel.bg-image-panel .kit-button-upload input {
  z-index: 1;
}
.panel.bg-image-panel .kit-button-choose i {
  background-position: -460px 0px;
  width: 20px;
  height: 15px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  opacity: 0.8;
}
.panel.bg-image-panel .kit-button-replace {
  display: none;
  width: 100%;
}
.panel.bg-image-panel .kit-button-back {
  display: none;
  cursor: default;
  margin: 0 0 7px;
}
.panel.bg-image-panel .kit-button-back i {
  background-position: -140px 0px;
  width: 7px;
  height: 8px;
  margin-right: 9px;
  opacity: 0.8;
  margin-left: 3px;
}
.panel.bg-image-panel .direct-upload.back .kit-button-back {
  display: block;
}
.panel.bg-image-panel .direct-upload.replace .kit-button-replace {
  display: block;
  width: 100%;
  height: 30px;
  margin: 0px;
}
.panel.bg-image-panel .direct-upload.replace .kit-button-replace i {
  background-position: -80px -40px;
  width: 13px;
  height: 13px;
  margin: 4px 8px -2px 0;
}
.panel.bg-image-panel .direct-upload.replace .kit-button-replace span {
  vertical-align: top;
}
.panel.bg-image-panel .direct-upload.replace .kit-button-upload,
.panel.bg-image-panel .direct-upload.replace .kit-button-choose {
  display: none;
}
.panel.bg-image-panel input[type="file"]::-webkit-file-upload-button {
  visibility: hidden;
}
.panel.bg-image-panel .kit-field > .kit-label {
  padding-bottom: 5px;
  padding-top: 5px;
}
.panel.bg-image-panel .kit-field.image {
  padding-top: 0;
}
.panel.bg-image-panel .kit-field.image > .kit-group {
  font-size: 11px;
  position: relative;
}
.panel.bg-image-panel .kit-field.image > .kit-group .kit-button-upload .progress-bar {
  height: 22px;
}
.panel.bg-image-panel .kit-field.image > .kit-group .details {
  clear: both;
  padding: 9px 0 2px 0;
}
.panel.bg-image-panel .kit-field.image > .kit-group .details > .preview {
  float: left;
  width: 65px;
  height: 65px;
  padding: 1px;
  font-size: 0px;
  line-height: 0px;
}
.panel.bg-image-panel .kit-field.image > .kit-group .details > .preview > .image {
  width: 100%;
  height: 100%;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
}
.panel.bg-image-panel .kit-field.image > .kit-group .details > .image-metadata {
  width: 130px;
}
.panel.bg-image-panel .kit-field.size > .kit-group {
  position: relative;
  padding: 4px 7px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field > .kit-label {
  width: 40px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field > .kit-unit-box {
  width: 65px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover {
  width: 80px;
  position: absolute;
  top: 3px;
  right: 10px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-label {
  width: 50px;
  text-align: right;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-label.cover {
  margin-top: 1px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-label.contain {
  margin-top: 9px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons {
  position: absolute;
  right: 0;
  top: 5px;
  width: 30px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons > .kit-button {
  width: 31px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons > .kit-button i {
  width: 27px;
  height: 16px;
  margin-top: 2px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons > .kit-button.cover i {
  background-position: -320px -60px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons > .kit-button.contain {
  margin-top: 7px;
}
.panel.bg-image-panel .kit-field.size > .kit-group > .kit-field.cover > .kit-radio-buttons > .kit-button.contain i {
  background-position: -360px -60px;
}
.panel.bg-image-panel .kit-field.position .preset .kit-button {
  width: 16px;
  height: 16px;
}
.panel.bg-image-panel .kit-field.position > .kit-group {
  padding-right: 0;
}
.panel.bg-image-panel .kit-field.position > .kit-group .kit-label {
  float: none;
  padding: 0 0 7px 0;
  margin-top: -1px;
}
.panel.bg-image-panel .kit-field.position > .kit-group .kit-label > .link {
  float: none;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset {
  float: left;
  width: 74px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button {
  margin: 0 2px 2px 0;
  font-size: 0px;
  line-height: 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button i {
  width: 8px;
  height: 8px;
  margin-top: 3px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.left-top i {
  background-position: -80px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.center-top i {
  background-position: -100px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.right-top i {
  background-position: -120px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.left-center i {
  background-position: -140px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.center-center i {
  display: none;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.right-center i {
  background-position: -160px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.left-bottom i {
  background-position: -180px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.center-bottom i {
  background-position: -200px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.right-bottom i {
  background-position: -220px 0px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.left-bottom,
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.center-bottom,
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.right-bottom {
  margin-bottom: 0;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preset > .kit-button.active {
  padding: 0;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .offset {
  float: left;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preview {
  float: left;
  font-size: 11px;
  padding: 26px 0 0 15px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preview > .left,
.panel.bg-image-panel .kit-field.position > .kit-group > .preview > .top {
  padding-bottom: 8px;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preview > .left > i,
.panel.bg-image-panel .kit-field.position > .kit-group > .preview > .top > i {
  width: 9px;
  height: 10px;
  display: block;
  float: left;
  margin: 1px 5px 0 0;
  background-position: -260px 0px;
  opacity: 0.5;
}
.panel.bg-image-panel .kit-field.position > .kit-group > .preview > .top > i {
  background-position: -240px 0px;
}
.panel.bg-image-panel .kit-field.tile > .kit-label {
  width: 28px;
}
.panel.bg-image-panel .kit-field.tile .kit-button.repeat i {
  background-position: -260px -60px;
  width: 13px;
  height: 14px;
  margin-top: 4px;
}
.panel.bg-image-panel .kit-field.tile .kit-button.repeat-x {
  font-size: 0px;
  line-height: 0px;
}
.panel.bg-image-panel .kit-field.tile .kit-button.repeat-x i {
  background-position: -280px -60px;
  width: 13px;
  height: 4px;
  margin-top: 9px;
}
.panel.bg-image-panel .kit-field.tile .kit-button.repeat-y i {
  background-position: -300px -60px;
  width: 3px;
  height: 14px;
  margin-top: 4px;
}
.panel.bg-image-panel .kit-field.tile .kit-button.no-repeat i {
  background-position: -400px -60px;
  width: 9px;
  height: 10px;
  margin-top: 6px;
}
.panel.bg-image-panel .kit-field.attachment {
  margin-right: 1px;
}
.panel.bg-image-panel .kit-field.attachment .kit-button i {
  margin-top: 6px;
}
.panel.bg-image-panel .kit-field.attachment .kit-button.fixed i {
  background-position: -440px -60px;
  width: 10px;
  height: 9px;
}
.panel.bg-image-panel .kit-field.attachment .kit-button.scroll i {
  background-position: -400px -60px;
  width: 9px;
  height: 10px;
}
.panel.color-panel .kit-panel {
  padding-top: 12px;
}
.panel.color-panel .kit-panel .kit-field .kit-label {
  width: 48px;
  text-align: right;
  margin-left: -3px;
}
.panel.color-panel .kit-panel .kit-field.display {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.panel.color-panel .kit-panel .kit-field.display .kit-color-input {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-right: 1px;
  width: auto;
}
.panel.swatch-panel .kit-panel {
  padding-top: 0;
}
.panel.swatch-panel .kit-panel .title,
.panel.swatch-panel .kit-panel .taken {
  line-height: 1;
}
.panel.form-option-panel {
  padding: 6px 7px 8px;
}
.panel.form-option-panel .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.panel.form-option-panel .inner .kit-field > .kit-text-box {
  width: 162px;
}
.panel.form-option-panel .inner .kit-field > .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.panel.form-option-panel .inner .kit-button.save {
  padding: 1px 30px;
  width: 57px;
  float: none;
  margin: 0 auto;
}
.panel.gradient-panel > .inner > .kit-panel {
  padding-top: 10px;
}
.panel.gradient-panel .kit-field > .kit-label {
  text-align: right;
  padding-top: 4px;
  width: 41px;
}
.panel.gradient-panel .kit-field.type .kit-radio-buttons .kit-button {
  width: 79px;
  margin-bottom: 7px;
}
.panel.gradient-panel .kit-field.angle {
  padding-top: 20px;
  padding-bottom: 10px;
}
.panel.gradient-panel .kit-field.angle .kit-angle-dial {
  margin-left: 8px;
}
.panel.gradient-panel .kit-field.angle > .kit-unit-box {
  width: 68px;
  float: right;
}
.panel.gradient-panel .kit-field.position {
  margin-top: 5px;
  margin-bottom: 5px;
}
.panel.gradient-panel .kit-field.position > .kit-label {
  position: relative;
  z-index: 1;
}
.panel.gradient-panel .kit-field.position > .radial-gradient-box {
  float: right;
  margin-top: -10px;
}
.panel.gradient-panel .kit-field.size {
  margin-bottom: 10px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button {
  width: 39px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button:hover i,
.panel.gradient-panel .kit-field.size .kit-radio-button.active i {
  opacity: 1.0;
}
.panel.gradient-panel .kit-field.size .kit-radio-button i {
  margin-top: 4px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button.farthest-corner i {
  background-position: -180px -60px;
  width: 15px;
  height: 13px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button.closest-corner i {
  background-position: -200px -60px;
  width: 15px;
  height: 13px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button.farthest-side i {
  background-position: -220px -60px;
  width: 15px;
  height: 13px;
}
.panel.gradient-panel .kit-field.size .kit-radio-button.closest-side i {
  background-position: -240px -60px;
  width: 15px;
  height: 13px;
}
.help-slideshow-panel {
  display: block;
  position: relative;
  border: 1px solid #333333;
  background: #404040;
  border-radius: 2px;
}
.help-slideshow-panel section {
  margin: 0;
  padding: 10px;
}
.help-slideshow-panel .slides {
  position: relative;
  overflow: hidden;
}
.help-slideshow-panel .slides > * {
  opacity: 0;
  position: relative;
  top: 0;
  display: inline-block;
  left: 0;
  transition: 500ms opacity ease, -webkit-transform 500ms ease;
  transition: 500ms opacity ease, transform 500ms ease;
  transition: 500ms opacity ease, transform 500ms ease, -webkit-transform 500ms ease;
}
.help-slideshow-panel .slides > *.visible {
  opacity: 1;
}
.help-slideshow-panel .controls {
  zoom: 1;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.help-slideshow-panel .controls:before,
.help-slideshow-panel .controls:after {
  content: " ";
  display: table;
}
.help-slideshow-panel .controls:after {
  clear: both;
}
.help-slideshow-panel .controls .next,
.help-slideshow-panel .controls .close {
  float: right;
}
.help-slideshow-panel .controls .next.disabled,
.help-slideshow-panel .controls .close.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.help-slideshow-panel .controls .close {
  display: none;
}
.help-slideshow-panel .controls .dots {
  float: left;
  height: 10px;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
  top: 8px;
}
.help-slideshow-panel .controls .dots .dot {
  height: 10px;
  width: 10px;
  border-radius: 100px;
  background: #2b2b2b;
  margin-left: 5px;
  margin-right: 5px;
  cursor: default;
}
.help-slideshow-panel .controls .dots .dot.active {
  background: #969696;
}
.panel.shadow-panel > .inner > .kit-panel {
  padding-top: 10px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field > .kit-color-input > .color-panel {
  left: -65px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field > .kit-color-input > .color-panel > .tick {
  left: 63px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field > .kit-label {
  text-align: right;
  width: 54px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field.position .kit-radio-button {
  width: 71px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field.position .kit-radio-button span {
  display: inline;
  visibility: visible;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field.color > .kit-color-input {
  width: 147px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field.angle {
  padding-top: 20px;
  padding-bottom: 10px;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field > .kit-unit-box {
  width: 68px;
  float: right;
}
.panel.shadow-panel > .inner > .kit-panel > .kit-field > .kit-unit-slider {
  width: 63px;
}
.panel.swatch-panel {
  padding: 6px 7px 8px;
  font-size: 12px;
}
.panel.swatch-panel > .inner .close {
  margin: 4px -2px 0 0;
}
.panel.swatch-panel > .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.panel.swatch-panel > .inner .kit-field > .kit-text-box {
  width: 162px;
}
.panel.swatch-panel > .inner .kit-field.name > .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.panel.swatch-panel > .inner .kit-button.save {
  padding: 1px 30px;
  width: 57px;
  float: none;
  margin: 0 auto;
}
.panel.filter-panel .select2-container > .select2-choice {
  outline: none;
}
.panel.filter-panel .filter-selector-container {
  height: 32px;
}
.panel.filter-panel .kit-field > .kit-label {
  float: none;
  padding-top: 0;
  padding-bottom: 10px;
}
.panel.filter-panel .kit-field > .icon {
  float: left;
  opacity: 0.5;
}
.panel.filter-panel .kit-field.filter-type {
  padding-top: 0;
}
.panel.filter-panel .kit-field.filter-type .filter-type-label {
  text-align: right;
  width: 45px;
}
.panel.filter-panel .kit-field.filter-type .filter-param {
  zoom: 1;
  clear: both;
  padding: 4px 0;
  white-space: nowrap;
}
.panel.filter-panel .kit-field.filter-type .filter-param > .kit-label {
  float: left;
  text-align: right;
  width: 40px;
}
.panel.filter-panel .kit-field.filter-type .filter-param > .kit-unit-box {
  width: 68px;
  float: right;
}
.panel.filter-panel .kit-field.filter-type .filter-param > .kit-unit-slider {
  width: 69px;
  margin-left: 8px;
}
.panel.filter-panel .kit-field.filter-type .kit-select2 > .native-select {
  width: 161px;
}
.panel.filter-panel .kit-field.filter-type > .filter-ie-warning {
  padding-top: 4px;
}
.panel.filter-panel .kit-field.filter-type > .filter-ie-warning > .icon {
  display: inline-block;
  vertical-align: middle;
}
.panel.filter-panel .kit-field.filter-type > .filter-ie-warning > .content {
  display: inline-block;
  vertical-align: middle;
  margin-left: 5px;
}
.panel.transform-panel.kit-ix {
  padding: 6px 7px 8px;
}
.panel.transform-panel:not(.kit-ix) {
  padding: 6px 7px 8px;
}
.panel.transform-panel .transform-panel-header {
  padding-bottom: 12px;
}
.panel.transform-panel .kit-radio-buttons {
  margin-bottom: 14px;
}
.panel.transform-panel .kit-radio-buttons > .kit-radio-button {
  width: 53px;
  height: 28px;
  padding-top: 4px;
  box-sizing: border-box;
}
.panel.transform-panel .kit-radio-buttons > .kit-radio-button > span {
  display: inline-block;
  margin-top: 4px;
  font-size: 11px;
  line-height: 11px;
  pointer-events: none;
}
.panel.transform-panel .kit-field {
  padding: 0 0 5px 0;
}
.panel.transform-panel .kit-field > .kit-label {
  float: none;
  padding-top: 0;
  padding-bottom: 6px;
}
.panel.transform-panel .kit-field > .icon {
  float: left;
  opacity: 0.5;
}
.panel.transform-panel .kit-field > .kit-unit-box {
  float: right;
}
.panel.transform-panel .kit-field > .kit-unit-slider-icon {
  float: left;
  width: 22px;
  margin-left: 2px;
}
.panel.transform-panel .kit-field.rotate > .icon {
  background-position: -80px -180px;
  width: 11px;
  height: 12px;
  margin: 5px 8px 0 0;
}
.panel.transform-panel .kit-field.rotate > .kit-unit-slider-label {
  float: left;
  width: 13px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.rotate > .kit-unit-slider {
  width: 98px;
}
.panel.transform-panel .kit-field.rotate > .kit-unit-box {
  width: 68px;
}
.panel.transform-panel .kit-field.skew > .kit-unit-slider-label {
  float: left;
  width: 13px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.skew > .kit-unit-slider {
  width: 98px;
}
.panel.transform-panel .kit-field.skew > .kit-unit-box {
  width: 68px;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector {
  position: absolute;
  top: 84px;
  right: 5px;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector .locked {
  display: none;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector.checked {
  border-color: #d9d9d9;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector.checked .locked {
  display: block;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector.checked .unlocked {
  display: none;
}
.panel.transform-panel .kit-field.scale .constrain-proportion-selector .kit-checkbox-input {
  display: none;
}
.panel.transform-panel .kit-field.scale > .icon {
  background-position: 0px -180px;
  width: 11px;
  height: 12px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.scale > .kit-unit-slider-label {
  float: left;
  width: 13px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.scale > .kit-unit-slider {
  width: 98px;
  margin-right: 19px;
}
.panel.transform-panel .kit-field.scale > .kit-unit-box {
  width: 48px;
  float: left;
}
.panel.transform-panel .kit-field.scale > .hoverable-tooltip {
  margin-left: 6px;
}
.panel.transform-panel .kit-field.translate > .icon,
.panel.transform-panel .kit-field.translateX > .icon,
.panel.transform-panel .kit-field.translateY > .icon,
.panel.transform-panel .kit-field.translateZ > .icon {
  background-position: -40px -180px;
  width: 13px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.translate > .kit-unit-slider-label,
.panel.transform-panel .kit-field.translateX > .kit-unit-slider-label,
.panel.transform-panel .kit-field.translateY > .kit-unit-slider-label,
.panel.transform-panel .kit-field.translateZ > .kit-unit-slider-label {
  float: left;
  width: 13px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transform-panel .kit-field.translate > .kit-unit-slider,
.panel.transform-panel .kit-field.translateX > .kit-unit-slider,
.panel.transform-panel .kit-field.translateY > .kit-unit-slider,
.panel.transform-panel .kit-field.translateZ > .kit-unit-slider {
  width: 98px;
}
.panel.transform-panel .kit-field.translate > .kit-unit-box,
.panel.transform-panel .kit-field.translateX > .kit-unit-box,
.panel.transform-panel .kit-field.translateY > .kit-unit-box,
.panel.transform-panel .kit-field.translateZ > .kit-unit-box {
  width: 68px;
}
.panel.transform-panel .hoverable-tooltip {
  float: left;
  display: inline-block;
  padding: 5px 0 0 0;
  cursor: default;
}
.panel.transition-panel .select2-container > .select2-choice {
  outline: none;
}
.panel.transition-panel:not(.kit-ix) {
  padding: 6px 7px 8px;
}
.panel.transition-panel .kit-field {
  padding: 6px 0;
}
.panel.transition-panel .kit-field > .kit-label {
  float: none;
  padding-top: 0;
  padding-bottom: 8px;
}
.panel.transition-panel .kit-field > .icon {
  float: left;
  opacity: 0.5;
}
.panel.transition-panel .kit-field.property {
  padding-top: 0;
}
.panel.transition-panel .kit-field.property > .icon {
  background-position: -100px -180px;
  width: 11px;
  height: 12px;
  margin: 5px 9px 0 1px;
}
.panel.transition-panel .kit-field.property .kit-select2 > .native-select {
  width: 190px;
}
.panel.transition-panel .kit-field.duration > .icon {
  background-position: -120px -180px;
  width: 12px;
  height: 14px;
  margin: 4px 8px 0 0;
}
.panel.transition-panel .kit-field.duration > .kit-unit-slider {
  width: 104px;
}
.panel.transition-panel .kit-field.duration > .kit-unit-box {
  width: 65px;
  float: right;
}
.panel.transition-panel .kit-field.timing {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.panel.transition-panel .kit-field.timing > .icon {
  background-position: -140px -180px;
  width: 12px;
  height: 13px;
  margin: 6px 8px 0 0;
}
.panel.transition-panel .kit-field.timing > .kit-text-input {
  width: 100%;
}
.panel.transition-panel .kit-field.timing > .kit-text-input > .input {
  transition: padding 200ms ease;
}
.panel.transition-panel .kit-field.timing > .timing-text {
  font-size: 11px;
  float: left;
  padding: 4px 0 0 8px;
}
.panel.symbol-panel {
  padding: 6px 7px 8px;
}
.panel.symbol-panel > .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.panel.symbol-panel > .inner .kit-field > .kit-text-box {
  width: 162px;
}
.panel.symbol-panel > .inner .kit-field.name .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.panel.symbol-panel > .inner .kit-button.save {
  padding: 1px 30px;
  float: none;
  margin: 5px auto;
}
.panel.macro-trigger-panel {
  padding-bottom: 6px;
}
.panel.macro-trigger-panel .trigger-types {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.panel.macro-trigger-panel .trigger-types > .kit-button {
  -webkit-box-flex: 1;
  -ms-flex: 1 0 20%;
  flex: 1 0 20%;
  width: 45px;
  height: 48px;
  margin-bottom: 20px;
}
.panel.macro-trigger-panel .trigger-types > .kit-button:nth-child(n+5) {
  margin-top: 4px;
}
.panel.macro-trigger-panel .trigger-types > .kit-button > span {
  position: absolute;
  display: block;
  font-size: 11px;
  bottom: -16px;
  left: 0;
  right: 0;
  margin: auto;
}
.panel.macro-trigger-panel .trigger-types > .load > i {
  background-position: 0px -200px;
  width: 27px;
  height: 23px;
  margin-top: 11px;
}
.panel.macro-trigger-panel .trigger-types > .scroll > i {
  background-position: -40px -200px;
  width: 27px;
  height: 28px;
  margin-top: 7px;
}
.panel.macro-trigger-panel .trigger-types > .click > i {
  background-position: -160px -200px;
  width: 19px;
  height: 29px;
  margin-top: 7px;
}
.panel.macro-trigger-panel .trigger-types > .hover {
  margin-right: 0;
}
.panel.macro-trigger-panel .trigger-types > .hover > i {
  background-position: -180px -200px;
  width: 21px;
  height: 30px;
  margin-top: 7px;
}
.panel.macro-trigger-panel .trigger-types > .tabs > i {
  background-position: -120px -200px;
  width: 28px;
  height: 24px;
  margin-top: 10px;
}
.panel.macro-trigger-panel .trigger-types > .slider > i {
  background-position: -80px -200px;
  width: 28px;
  height: 24px;
  margin-top: 10px;
}
.panel.macro-trigger-panel .trigger-types > .navbar > i {
  background-position: -220px -200px;
  width: 31px;
  height: 17px;
  margin-top: 14px;
}
.panel.macro-trigger-panel .trigger-types > .dropdown {
  margin-right: 0;
}
.panel.macro-trigger-panel .trigger-types > .dropdown > i {
  background-position: -260px -200px;
  width: 31px;
  height: 17px;
  margin-top: 14px;
}
.panel.macro-trigger-panel .trigger-types > .dropdown > span {
  margin-left: -2px;
}
.macro-transition-panel .kit-panel > .kit-field.duration > .kit-unit-slider {
  width: 94px;
  margin-left: 3px;
}
.macro-transition-panel .kit-panel .kit-fancy-select {
  float: right;
  margin-right: 0;
  width: 180px;
}
.macro-transform-panel .kit-panel > .kit-field > .kit-unit-slider {
  width: 95px;
}
.panel.overlay-panel > .inner > .kit-panel {
  padding-top: 15px;
}
.panel.overlay-panel .kit-field.display {
  width: 176px;
  float: left;
}
.panel.overlay-panel .kit-field.display > .kit-label {
  text-align: right;
  padding-top: 4px;
  width: 41px;
}
.panel.overlay-panel .kit-field.display > .kit-color-input {
  width: 131px;
}
.small-double-field-panel .title {
  margin-left: -3px;
}
.small-double-field-panel .help-text {
  margin-bottom: 10px;
}
.small-double-field-panel .kit-field {
  padding-top: 0;
}
.small-double-field-panel .kit-text-input {
  width: 100%;
}
.small-double-field-panel .kit-checkbox-input {
  margin-top: 5px;
}
.small-double-field-panel .kit-number-form-field {
  height: 23px;
  float: left;
}
.small-double-field-panel .kit-number-form-field > input {
  height: inherit;
}
.small-double-field-panel .kit-number-form-field .ticks {
  border: 0;
}
.small-double-field-panel .kit-number-form-field .ticks .tick {
  width: 11px;
  height: 11px;
}
.small-double-field-panel .kit-number-form-field .ticks .tick i {
  margin-top: 3px;
}
.small-double-field-panel .add {
  width: 100%;
}
.small-double-field-panel .add .kit-button {
  float: right;
  padding-right: 8px;
  padding-left: 8px;
}
.small-double-field-panel .add .kit-button i {
  margin-right: 10px;
}
.small-double-field-panel .fancy-dropdown {
  max-height: 168px;
}
.small-double-field-panel .fancy-item .type {
  opacity: 0.7;
  margin-left: 3px;
}
.small-double-field-panel .fancy-item .type:not(:empty):before {
  content: '(';
}
.small-double-field-panel .fancy-item .type:not(:empty):after {
  content: ')';
}
.param-panel .query-param {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
}
.param-panel .query-param .field > .kit-label,
.param-panel .query-param .operator > .kit-label,
.param-panel .query-param .operator-name > .kit-label,
.param-panel .query-param .field-value > .kit-label {
  margin-bottom: 5px;
}
.param-panel .query-param .field:not(:last-child):not(.collapse),
.param-panel .query-param .operator:not(:last-child):not(.collapse),
.param-panel .query-param .operator-name:not(:last-child):not(.collapse),
.param-panel .query-param .field-value:not(:last-child):not(.collapse) {
  margin-bottom: 8px;
}
.param-panel .query-param .field-label {
  margin-bottom: 5px;
}
.param-panel .query-param .fake-input {
  padding: 5px;
  border: 1px solid #212121;
  border-radius: 3px;
}
.param-panel .query-param .lightning-icon {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 7px;
  background-position: -580px -20px;
}
.param-panel .query-param .field-value .double .bem-UnitBox,
.param-panel .query-param .field-value .double .and {
  float: left;
}
.param-panel .query-param .field-value .double .bem-UnitBox {
  width: 85px;
}
.param-panel .query-param .field-value .double .and {
  padding: 5px;
}
.param-panel .query-param .field-value .triple .value-field,
.param-panel .query-param .field-value .triple .kit-input-control {
  float: left;
}
.param-panel .query-param .field-value .triple .value-field {
  width: 50px;
}
.param-panel .query-param .field-value .triple .kit-fancy-select {
  width: 148px;
  margin-left: 5px;
}
.param-panel .query-param .unrelated-item-ref {
  width: 100%;
  float: left;
}
.param-panel .query-param .delete {
  width: 20px;
}
.param-panel .query-param .delete i {
  margin-top: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.param-panel .field-value + .warning.shift {
  margin-top: 8px;
  margin-bottom: 0;
}
.param-panel .warning {
  margin-bottom: 8px;
}
.param-panel .warning-icon {
  position: relative;
  float: left;
  margin-right: 5px;
}
.param-panel .warning-text {
  float: left;
  width: 185px;
  line-height: 135%;
}
.param-panel .fancy-item .lightning {
  position: absolute;
}
.param-panel .fancy-item .lightning + span {
  margin-left: 18px;
}
.param-panel.cond-vis-param-panel .kit-fancy-select > .fancy-dropdown > .fancy-list {
  max-height: 80px;
}
.query-sort-panel .sort {
  margin-bottom: 10px;
  zoom: 1;
}
.query-sort-panel .sort:before,
.query-sort-panel .sort:after {
  content: " ";
  display: table;
}
.query-sort-panel .sort:after {
  clear: both;
}
.query-sort-panel .property {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.query-sort-panel .property > * {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 20px;
  margin-bottom: 10px;
}
.query-sort-panel .property > *:not(:last-child) {
  margin-right: 20px;
}
.query-sort-panel .property .btn-blank:last-child {
  width: 40px;
  display: block;
  margin-top: 4px;
}
.query-sort-panel .info {
  float: left;
  zoom: 1;
}
.query-sort-panel .info:before,
.query-sort-panel .info:after {
  content: " ";
  display: table;
}
.query-sort-panel .info:after {
  clear: both;
}
.query-sort-panel .info .icon {
  display: inline-block;
  float: left;
  margin-right: 3px;
}
.query-sort-panel .info .text {
  display: inline;
}
.general-settings .kit-label {
  width: 28px;
  text-align: right;
}
.general-settings .kit-label i {
  opacity: 0.7;
  margin-right: 1px;
}
.general-settings .kit-field {
  margin-bottom: 0px;
}
.general-settings .kit-field > .kit-text-box {
  width: 192px;
}
.general-settings .kit-field.element-id > .taken,
.general-settings .kit-field.element-id > .reserved {
  clear: both;
  color: #ea384c;
  margin-left: 60px;
  padding-top: 6px;
  margin-bottom: -4px;
}
.general-settings .kit-field.block-settings .kit-label {
  padding-top: 4px;
}
.general-settings .kit-field.block-settings .kit-select {
  width: 193px;
  margin-left: 0px;
}
.general-settings .kit-title.visibility {
  padding-top: 2px;
  padding-bottom: 4px;
  margin-left: 29px;
  color: #a6a6a6;
}
.general-settings .kit-title.visibility > .info {
  padding-left: 8px;
  font-style: italic;
}
.general-settings .kit-radio-buttons {
  width: 150px;
}
.general-settings .kit-radio-buttons .kit-button {
  height: 22px;
  width: 36px;
}
.general-settings .kit-radio-buttons i {
  margin-top: 4px;
}
.general-settings .kit-radio-buttons i.device-tablet-small-p-white {
  margin-top: 3px;
}
.general-settings .kit-radio-buttons i.device-phone-small-l-white {
  margin-top: 6px;
}
.heading-settings .kit-label {
  padding: 5px 5px 0 0;
}
.heading-settings .kit-dynfield-select {
  width: 224px;
  margin-top: 8px;
}
.block-settings .kit-button {
  width: 49px;
  margin: 0 6px 6px 0;
}
.block-settings .kit-button:nth-child(4n+4) {
  margin-right: 0;
}
.block-settings .kit-button.active {
  color: #fff;
}
.list-settings .kit-field.type .kit-label,
.list-settings .kit-field.style .kit-label {
  width: 40px;
}
.list-settings .kit-field.type .kit-radio-button {
  padding-left: 10px;
  padding-right: 10px;
}
.list-settings .kit-field.style > .kit-checkbox {
  margin-top: 4px;
}
.gplus-settings .kit-field.url > .kit-text-box {
  float: left;
  width: 162px;
}
.gplus-settings .kit-field.layout .kit-label {
  margin-top: 7px;
}
.gplus-settings .kit-field.layout .kit-button {
  width: 52.85px;
}
.gplus-settings .kit-field.annotation .kit-button {
  width: 48px;
}
.gplus-settings .kit-field.annotation .kit-button.none > i {
  display: none;
}
.twitter-settings .kit-checkbox-group {
  font-size: 11px;
}
.twitter-settings .kit-checkbox-group .kit-checkbox {
  width: 95px;
}
.twitter-settings .kit-field.mode .kit-radio-buttons {
  margin-top: 0;
}
.twitter-settings .kit-field.mode .kit-radio-buttons .kit-button {
  width: 110px;
}
.twitter-settings .kit-field.url .kit-label,
.twitter-settings .kit-field.text .kit-label {
  text-align: right;
  width: 64px;
}
.twitter-settings .kit-field.url .kit-text-box,
.twitter-settings .kit-field.text .kit-text-box {
  float: left;
  width: 158px;
}
.twitter-settings .kit-field.layout .kit-button {
  width: 70.8px;
}
.twitter-settings .kit-field.count-type .kit-label {
  margin-top: 2px;
}
.twitter-settings .kit-field.count-type .kit-radio-buttons {
  margin-top: 2px;
  margin-bottom: 6px;
}
.twitter-settings .kit-field.count-type .kit-radio-buttons .kit-button {
  width: 79px;
}
.twitter-settings .kit-field.user > .kit-text-box {
  float: left;
  width: 173px;
}
.twitter-settings .kit-field.user .kit-label {
  width: 50px;
}
.twitter-settings .kit-field.user .kit-label .link {
  float: left;
}
.twitter-settings .kit-field.user .kit-label:after {
  position: relative;
  content: '@';
  color: #d9d9d9;
  margin-left: 5px;
  left: 2px;
}
.link-settings .kit-label {
  width: 45px;
  text-align: right;
}
.link-settings .page-select {
  width: 179px;
}
.link-settings .page-select.static-page-select .fancy-item.read-only {
  background-color: transparent;
}
.link-settings .page-select.static-page-select .fancy-item.read-only i.pages-folder-small {
  opacity: 0.5;
  margin: 0 0 0 3px;
}
.link-settings .page-select.static-page-select .fancy-item.read-only span.label {
  padding: 1px 5px 1px 16px;
  background: #404040;
  border-radius: 3px;
  max-width: 100%;
  margin-left: -13px;
}
.link-settings .page-select .tree-item > i.pages-nested-small {
  opacity: 0.25;
  vertical-align: 2px;
  margin-right: 2px;
  display: none;
}
.link-settings .page-select .tree-item.nested > i.pages-nested-small {
  display: inline-block;
}
.link-settings .page-select .tree-item.nested.depth-1 {
  padding-left: 0px;
}
.link-settings .page-select .tree-item.nested.depth-2 {
  padding-left: 3px;
}
.link-settings .page-select .tree-item.nested.depth-3 {
  padding-left: 16px;
}
.link-settings .page-select .tree-item.nested.depth-4 {
  padding-left: 29px;
}
.link-settings .page-select .tree-item.nested.depth-5 {
  padding-left: 42px;
}
.link-settings .page-select .tree-item.nested.depth-6 {
  padding-left: 55px;
}
.link-settings .named-section-select {
  width: 179px;
}
.link-settings .newtab-checkbox {
  clear: both;
  margin: 5px 0 0 43px;
}
.link-settings .kit-text-box {
  width: 175px;
}
.link-settings .kit-field > .instructions {
  clear: both;
  color: #d9d9d9;
  padding: 10px 0 0 44px;
}
.link-settings .kit-field > .instructions span {
  white-space: normal;
}
.link-settings .kit-field.mode {
  padding-bottom: 4px;
}
.link-settings .kit-field.mode .kit-radio-button.external > i {
  background-position: -500px -420px;
  width: 13px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.dynpage > i {
  background-position: -440px -420px;
  width: 13px;
  height: 15px;
}
.link-settings .kit-field.mode .kit-radio-button.page > i {
  background-position: -280px -400px;
  width: 11px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.section > i {
  background-position: -520px -420px;
  width: 18px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.email > i {
  background-position: -540px -420px;
  width: 15px;
  height: 12px;
}
.link-settings .kit-field.mode .kit-radio-button.tel > i {
  background-position: -560px -420px;
  width: 14px;
  height: 15px;
}
.attribute-settings {
  padding-top: 0px;
}
.attribute-settings .kit-field.attributes {
  padding: 0;
}
.attribute-settings .kit-field.attributes > .kit-label {
  padding: 2px 0 0;
  color: #d9d9d9;
}
.attribute-settings .kit-field.attributes > .kit-button.add-part {
  border-radius: 3px 3px 0 0;
}
.attribute-settings .kit-list-item > .kit-drag-handle {
  left: 1px;
}
.attribute-settings .kit-list-item > .edit,
.attribute-settings .kit-list-item > .trash {
  width: 18px;
}
.attribute-settings .kit-list-item > .edit {
  right: 20px;
}
.attribute-settings .kit-list-item > .trash {
  right: 3px;
}
.attribute-settings .kit-list-item > .label {
  margin-right: 40px;
  margin-left: 15px;
  color: #d9d9d9;
}
.attribute-settings .kit-list-item > .label > span {
  color: #d9d9d9;
  padding: 0 1px;
}
.macro-settings {
  position: relative;
  padding-top: 0px;
}
.macro-settings.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.macro-settings .panel-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  width: 241px;
  background-color: rgba(26, 26, 26, 0.85);
}
.macro-settings .kit-label.kit-label-warning {
  white-space: normal;
  line-height: 13px;
  color: #ff5266;
  margin-top: -5px;
  display: none;
}
.macro-settings .kit-button-group {
  margin: -5px 0 0 0;
}
.macro-settings .kit-field.macros {
  padding: 4px 0 0 0;
}
.macro-settings .kit-panel-title {
  margin-bottom: 0;
}
.macro-settings .trigger-effects {
  position: relative;
}
.macro-settings .trigger-effects > .kit-label > span {
  color: #a6a6a6;
}
.macro-settings .run-trigger {
  position: absolute;
  display: inline-block;
  color: #a6a6a6;
  right: 36px;
  top: 12px;
  transition: opacity 50ms ease;
}
.macro-settings .run-trigger > i {
  display: inline-block;
  vertical-align: top;
  background-position: -300px -300px;
  width: 8px;
  height: 11px;
  margin-right: 3px;
  opacity: 0.7;
}
.macro-settings .run-trigger > span {
  display: inline-block;
  vertical-align: top;
  font-size: 11px;
}
.macro-settings .run-trigger:hover {
  color: #d9d9d9;
}
.macro-settings .run-trigger:hover > i {
  opacity: 0.9;
}
.macro-settings .kit-field.appearance,
.macro-settings .kit-field.triggers {
  padding-top: 16px;
  padding-bottom: 0;
  margin: 0;
}
.macro-settings .kit-field > .kit-label {
  padding: 4px 0 7px 1px;
}
.macro-settings .kit-button.add-transform-part {
  margin-bottom: -2px;
  border-radius: 0 3px 0 0 !important;
}
.macro-settings .kit-button.add-transform-part > i {
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
  margin-top: 7px;
}
.macro-settings .kit-button.transform-settings {
  margin-bottom: -2px;
  border-radius: 3px 0 0 0 !important;
}
.macro-settings .kit-button.transform-settings > i {
  background-position: -620px -40px;
  width: 10px;
  height: 11px;
  margin-top: 7px;
}
.macro-settings .edit-styles > .kit-label,
.macro-settings .edit-step > .kit-label {
  display: inline-block;
}
.macro-settings .edit-styles .display .kit-label,
.macro-settings .edit-step .display .kit-label {
  width: 52px;
}
.macro-settings .edit-styles .display .kit-button,
.macro-settings .edit-step .display .kit-button {
  width: 46px;
  box-sizing: border-box;
  height: 28px;
}
.macro-settings .edit-styles .display .kit-button > i,
.macro-settings .edit-step .display .kit-button > i {
  display: block;
  height: 100%;
  opacity: 1;
  background-repeat: no-repeat;
  background-position: center;
  background-size: initial;
}
.macro-settings .edit-styles .display .kit-button > span,
.macro-settings .edit-step .display .kit-button > span {
  display: none;
}
.macro-settings .edit-styles .display .kit-button.block > i,
.macro-settings .edit-step .display .kit-button.block > i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMiIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIyIDE0Ij48cGF0aCBvcGFjaXR5PSIuMTUiIGZpbGw9IiNjY2MiIGQ9Ik0xOSAzdjhIM1YzaDE2bTEtMUgydjEwaDE4VjJ6Ij48L3BhdGg+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTE5LjggMUgyLjJBMS4yIDEuMiAwIDAgMCAxIDIuMnY5LjZBMS4yIDEuMiAwIDAgMCAyLjIgMTNoMTcuNmExLjIgMS4yIDAgMCAwIDEuMi0xLjJWMi4yQTEuMiAxLjIgMCAwIDAgMTkuOCAxem0uMiAxMUgyVjJoMTh2MTB6Ij48L3BhdGg+PHBhdGggb3BhY2l0eT0iLjM1IiBmaWxsPSIjY2NjIiBkPSJNMyAzaDE2djhIM3oiPjwvcGF0aD48L3N2Zz4K");
}
.macro-settings .edit-styles .display .kit-button.inline-block > i,
.macro-settings .edit-step .display .kit-button.inline-block > i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyOCIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDI4IDE0Ij48cGF0aCBmaWxsPSIjY2NjIiBkPSJNMjUgM3Y4SDNWM2gyMm0xLTFIMnYxMGgyNFYyeiIgb3BhY2l0eT0iLjE1Ij48L3BhdGg+PHBhdGggb3BhY2l0eT0iLjM1IiBmaWxsPSIjY2NjIiBkPSJNOC40MTggOS44SDcuNjZMNy4yNSAxMWgxLjU4bC0uMjMyLS42NzYtLjE4LS41MjV6TTMgMTFoLjU2N2wyLjkxNi03Ljk0aDMuMTVMMTEgNi43OFYzSDN2OHptMTUuMTItMS4wMDJhMy4zMDIgMy4zMDIgMCAwIDEtLjQ4LS41ODZjLS4xNzMuMzQzLS40Mi42NTMtLjczLjg4OC4wMDIgMCAuMDA0LS4wMDIuMDA1LS4wMDNsLS4wMDguMDA2LjAwMy0uMDAzYTMuMTQ1IDMuMTQ1IDAgMCAxLTEuMDkyLjU1Yy0uNC4xMS0uODI1LjE1LTEuMzAzLjE1aDYuMDE3YTQuNDE2IDQuNDE2IDAgMCAxLTEuMTItLjIxNSAzLjUxIDMuNTEgMCAwIDEtMS4yOTItLjc4N3pNMTQuMjM3IDNjLjQ5IDAgLjg1My4wMTQgMS4xNjcuMDYuMzM1LjA1LjY1Ni4xNi45NTMuMzE0aC4wMDNsLjAwNC4wMDNjLjM2NS4xOS42OTQuNDkyLjg5OC44NjYuMTMuMjM0LjE5Ny40OS4yNC43NDcuMTYtLjI5OC4zNDMtLjU4LjU3OC0uODJ2LS4wMDJjLjM1OC0uMzY2LjgtLjY0MyAxLjI4Ny0uODI2YTQuMzczIDQuMzczIDAgMCAxIDEuNTU3LS4yNzIgNS42NyA1LjY3IDAgMCAxIDEuNDQyLjE4bC4wMS4wMDIuMDEuMDAzYy4yMDUuMDYuNC4xMjYuNTkuMjA4LjE1LjA2NC4yODMuMTI1LjQwNy4xODVsLjU2Mi4yNzR2My4wMTZoLTEuNTRsLS4yOC0uMjRhNy4wMTggNy4wMTggMCAwIDAtLjIzMy0uMTg4IDIuNzAzIDIuNzAzIDAgMCAwLS4yNi0uMTc1IDEuNTk0IDEuNTk0IDAgMCAwLS4yNzctLjEyNWgtLjAwNmwtLjItLjAzYS43NzIuNzcyIDAgMCAwLS4yNi4wNDJsLS4xNi4xMDJhLjYzLjYzIDAgMCAwLS4xMy4yMiAxLjQ4NiAxLjQ4NiAwIDAgMC0uMDc2LjUxNmMwIC4yNjYuMDQuNDM2LjA3NC41MTNhLjU5LjU5IDAgMCAwIC4xMy4yMTJsLjE1LjA5aC4wMDNhLjg2OC44NjggMCAwIDAgLjI2Ni4wNDVsLjIzNi0uMDM3aC4wMDhhMS4wNCAxLjA0IDAgMCAwIC4yNS0uMTEzbC4wMDctLjAwNC4wMS0uMDA1LjI0LS4xNmE2LjQxIDYuNDEgMCAwIDAgLjIxNi0uMTdsLjI4NS0uMjUzaDEuNTM2djMuMDE3bC0uNTkuMjY2Yy0uMTUuMDY2LS4yOTIuMTMtLjQyMi4xODRhNC4xOSA0LjE5IDAgMCAxLS41My4xOSA1LjkxOCA1LjkxOCAwIDAgMS0uNjM2LjE1Yy0uMDc2LjAxMi0uMTYuMDItLjI0LjAyNkgyNVYzSDE0LjIzN3oiPjwvcGF0aD48cGF0aCBmaWxsPSIjY2NjIiBkPSJNMjUuOCAxSDIuMkExLjIgMS4yIDAgMCAwIDEgMi4ydjkuNkExLjIgMS4yIDAgMCAwIDIuMiAxM2gyMy42YTEuMiAxLjIgMCAwIDAgMS4yLTEuMlYyLjJBMS4yIDEuMiAwIDAgMCAyNS44IDF6bS4yIDExSDJWMmgyNHYxMHptLTcuMTg2LTIuNzJjLjI1OC4yNDguNTY3LjQzNS45MjcuNTZzLjc2LjE5IDEuMTguMTljLjI5IDAgLjUxLS4wMTQuNjgtLjA0Mi4xNjgtLjAyOC4zNC0uMDcuNTMtLjEyMy4xNDQtLjA0LjI4LS4wOS40MS0uMTQ2bC40MTMtLjE5VjguMTZIMjIuOGMtLjA3LjA2LS4xNTguMTM0LS4yNjYuMjJhMy4zMzcgMy4zMzcgMCAwIDEtLjM1LjIzNyAyLjExIDIuMTEgMCAwIDEtLjQ4NS4yMiAxLjc5OCAxLjc5OCAwIDAgMS0xLjEtLjAxIDEuNDAzIDEuNDAzIDAgMCAxLS41MjQtLjNjLS4xNS0uMTQtLjI4LS4zMy0uMzgtLjU3YTIuMzYgMi4zNiAwIDAgMS0uMTUyLS45YzAtLjM0Ny4wNDctLjY0LjE0LS44OHMuMjE2LS40MzMuMzY3LS41OGMuMTU4LS4xNS4zMy0uMjYuNTE4LS4zMjVhMS43ODYgMS43ODYgMCAwIDEgMS4xMTYtLjAxNGMuMTY0LjA1Ni4zMTYuMTI1LjQ1Ny4yMDZhNC44NjggNC44NjggMCAwIDEgLjY0NS40NjZoLjE3VjQuNTRhMTMuMDMgMTMuMDMgMCAwIDAtLjM2Ny0uMTY4IDMuNjY3IDMuNjY3IDAgMCAwLTEuMDA1LS4yNyA0LjczNiA0LjczNiAwIDAgMC0uNjUtLjA0Yy0uNDM2IDAtLjgzNy4wNy0xLjIwNS4yMDdzLS42NzUuMzMyLS45MjQuNTljLS4yNi4yNi0uNDU3LjU4LS41OS45NVMxOCA2LjYgMTggNy4wNTRjMCAuNDg4LjA3LjkxOC4yMTMgMS4yOXMuMzQzLjY4My42LjkzM3ptLTMuMjY0LjYwN2MuMjcyLS4wNzYuNTItLjIuNzUtLjM4LjE5NS0uMTUuMzUtLjMzOC40Ni0uNTY3LjExMy0uMjMuMTctLjQ4OC4xNy0uNzc4IDAtLjQtLjExLS43MjItLjMzMi0uOTY3LS4yMi0uMjQ1LS41Mi0uNDA2LS44OTYtLjQ4NHYtLjAzYTEuNDYgMS40NiAwIDAgMCAuNjIzLS41MSAxLjM2IDEuMzYgMCAwIDAgLjIyLS43N2MwLS4yNS0uMDUyLS40Ny0uMTYtLjY2NGExLjE1IDEuMTUgMCAwIDAtLjQ5LS40NjUgMi4wNjUgMi4wNjUgMCAwIDAtLjY0LS4yMTRBNy42NyA3LjY3IDAgMCAwIDE0LjIzNyA0SDEydjZoMi41MTVjLjQxOCAwIC43NjMtLjAzNyAxLjAzNS0uMTEzek0xMy40NzggNS4xaC4xNGMuMjkgMCAuNTE3LjAwMi42NzguMDA2cy4yOTYuMDI3LjQwNC4wN2MuMTIuMDUuMjA2LjEyMy4yNTMuMjIzYS42OS42OSAwIDAgMSAuMDcyLjI5Ljg2Ljg2IDAgMCAxLS4wNjIuMzRjLS4wNDIuMS0uMTMuMTgtLjI2My4yNGExLjA1IDEuMDUgMCAwIDEtLjM5LjA4Yy0uMTY2LjAwNi0uMzY2LjAxLS42LjAxaC0uMjMzVjUuMXptLjEwOCAzLjhoLS4xMDhWNy40MDVoLjMyNGMuMjIyIDAgLjQzNCAwIC42MzguMDA0LjIwMyAwIC4zNjMuMDIuNDguMDUuMTcuMDUuMjkuMTMuMzYuMjNzLjEwNi4yNS4xMDYuNDRjMCAuMTQzLS4wMy4yNy0uMDg3LjM4M3MtLjE3LjItLjMyLjI3YTEuMjU3IDEuMjU3IDAgMCAxLS41LjEwNGMtLjE4LjAwMy0uNDguMDA0LS45LjAwNHptLTYuNjQtLjFoMi4xODdsLjQxIDEuMmgxLjU3NEw4LjkzNSA0LjA2SDcuMTgyTDUgMTBoMS41MzVsLjQxMi0xLjJ6TTguMDQgNS41OGwuNzI3IDIuMTNINy4zMTNsLjcyNy0yLjEzeiI+PC9wYXRoPjwvc3ZnPgo=");
}
.macro-settings .edit-styles .display .kit-button.inline > i,
.macro-settings .edit-step .display .kit-button.inline > i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSI4IiB2aWV3Qm94PSIwIDAgMjAgOCI+PHBhdGggZmlsbD0iI2NjYyIgZD0iTTE0LjgxNCA2LjI1Yy4yNTguMjQ4LjU2Ny40MzUuOTI3LjU2cy43Ni4xOSAxLjE4LjE5Yy4yOSAwIC41MS0uMDE0LjY4LS4wNDIuMTY4LS4wMjguMzQtLjA3LjUzLS4xMjMuMTQ0LS4wNC4yOC0uMDkuNDEtLjE0NmwuNDEtLjE5VjUuMTNIMTguOGMtLjA3LjA2LS4xNTcuMTM0LS4yNjUuMjJhMy4zMzcgMy4zMzcgMCAwIDEtLjM1LjIzNyAyLjExIDIuMTEgMCAwIDEtLjQ4NC4yMiAxLjc5OCAxLjc5OCAwIDAgMS0xLjEtLjAxIDEuNDAzIDEuNDAzIDAgMCAxLS41MjQtLjMgMS41NjYgMS41NjYgMCAwIDEtLjM4LS41N2MtLjEtLjI0LS4xNTItLjU0LS4xNTItLjkgMC0uMzQ2LjA0OC0uNjM4LjE0LS44NzhzLjIxNy0uNDM4LjM2OC0uNThjLjE2LS4xNTYuMzMtLjI2LjUyLS4zM2ExLjc4NiAxLjc4NiAwIDAgMSAxLjExNy0uMDE0Yy4xNjQuMDU1LjMxNi4xMjQuNDU3LjIwNWE0LjM4NSA0LjM4NSAwIDAgMSAuNjQzLjQ3aC4xN1YxLjUyYy0uMTA3LS4wNS0uMjMtLjEwNy0uMzctLjE2OGEzLjYxMyAzLjYxMyAwIDAgMC0xLjAwMy0uMjcgNC43MzYgNC43MzYgMCAwIDAtLjY1LS4wNGMtLjQzNiAwLS44MzcuMDctMS4yMDUuMjA3cy0uNjc0LjMzLS45MjMuNTljLS4yNi4yNi0uNDYuNTgtLjU5Ljk1UzE0IDMuNTcgMTQgNC4wMmMwIC40ODguMDcuOTE4LjIxMyAxLjI5cy4zNDMuNjgzLjYuOTMzem0tMy4yNjQuNjA4Yy4yNzItLjA3NS41Mi0uMi43NS0uMzc3YTEuNSAxLjUgMCAwIDAgLjQ2LS41NiAxLjcyIDEuNzIgMCAwIDAgLjE3LS43N2MwLS40LS4xMS0uNzItLjMzMi0uOTYtLjIyLS4yNDMtLjUyLS40MDMtLjg5Ni0uNDh2LS4wNGExLjQ2IDEuNDYgMCAwIDAgLjYyMy0uNTE1Yy4xNDctLjIyLjIyLS40NzQuMjItLjc2MyAwLS4yNS0uMDUyLS40Ny0uMTYtLjY2YTEuMTUyIDEuMTUyIDAgMCAwLS40OS0uNDYgMi4wNiAyLjA2IDAgMCAwLS42NC0uMjEyQTcuNjcgNy42NyAwIDAgMCAxMC4yMzcgMUg4djUuOTdoMi41MTVjLjQxOCAwIC43NjMtLjAzNyAxLjAzNS0uMTEyek05LjQ3OCAyLjA5NWguMTRjLjI5IDAgLjUxNy4wMDIuNjc4LjAwNi4xNjIuMDEuMjk2LjAzLjQwNC4wN2EuNDYuNDYgMCAwIDEgLjI1My4yMy42OS42OSAwIDAgMSAuMDcyLjMuODUuODUgMCAwIDEtLjA2Mi4zNC40OTIuNDkyIDAgMCAxLS4yNjMuMjQgMS4wNTIgMS4wNTIgMCAwIDEtLjM5LjA4Yy0uMTY2LjAwNS0uMzY2LjAxLS42LjAxaC0uMjMyVjIuMXptLjEwOCAzLjc4aC0uMTA4VjQuMzg4aC4zMjRjLjIyMiAwIC40MzQgMCAuNjM4LjAwNGExLjggMS44IDAgMCAxIC40OC4wNTZjLjE3LjA1LjI5LjEyNy4zNi4yMy4wNy4xMDQuMTA2LjI1LjEwNi40NCAwIC4xNDQtLjAzLjI3Mi0uMDg3LjM4M3MtLjE3LjItLjMyLjI3LS4zMi4xLS41LjExYy0uMTguMDA1LS40OC4wMDUtLjkuMDA1em0tNi42NC0uMTA2aDIuMTg3bC40MSAxLjJoMS41NzRMNC45MzUgMS4wM0gzLjE4MkwxIDYuOTdoMS41MzVsLjQxMi0xLjJ6TTQuMDQgMi41NWwuNzI3IDIuMTNIMy4zMTNsLjcyNy0yLjEzeiI+PC9wYXRoPjwvc3ZnPgo=");
}
.macro-settings .edit-styles .display .kit-button.flex,
.macro-settings .edit-step .display .kit-button.flex {
  display: block;
  float: left;
}
.macro-settings .edit-styles .display .kit-button.flex > i,
.macro-settings .edit-step .display .kit-button.flex > i {
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMyIgaGVpZ2h0PSIxNCIgdmlld0JveD0iMCAwIDIzIDE0Ij48ZyBmaWxsPSIjY2NjIj48cGF0aCBkPSJNMjEgMnYxMEgyVjJoMTl6bTEtMUgxdjEyaDIxVjF6IiBvcGFjaXR5PSIuMTUiPjwvcGF0aD48cGF0aCBkPSJNMS4yIDBBMS4yIDEuMiAwIDAgMCAwIDEuMnYxMS42QTEuMiAxLjIgMCAwIDAgMS4yIDE0aDIwLjZhMS4yIDEuMiAwIDAgMCAxLjItMS4yVjEuMkExLjIgMS4yIDAgMCAwIDIxLjggMEgxLjJ6TTIyIDEzSDFWMWgyMXYxMnoiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIuNCIgZD0iTTMgM2g1djhIM3oiPjwvcGF0aD48cGF0aCBkPSJNNCA0djZoM1Y0SDR6bTQtMXY4SDNWM2g1eiI+PC9wYXRoPjxwYXRoIG9wYWNpdHk9Ii40IiBkPSJNOSAzaDV2OEg5eiI+PC9wYXRoPjxwYXRoIGQ9Ik0xMCA0djZoM1Y0aC0zem00LTF2OEg5VjNoNXoiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIuNCIgZD0iTTE1IDNoNXY4aC01eiI+PC9wYXRoPjxwYXRoIGQ9Ik0xNiA0djZoM1Y0aC0zem00LTF2OGgtNVYzaDV6Ij48L3BhdGg+PC9nPjwvc3ZnPgo=");
}
.macro-settings .edit-styles .display .kit-button.none,
.macro-settings .edit-step .display .kit-button.none {
  float: right;
  width: 30px;
}
.macro-settings .edit-styles .display .kit-button.none > i,
.macro-settings .edit-step .display .kit-button.none > i {
  width: auto;
  margin: 0;
  background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNSIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDE1IDE1Ij48cGF0aCBmaWxsPSIjY2NjIiBkPSJNMTIuMTQ2IDUuMjdsLTEuMjkgMS4yOWMuMDg0LjMuMTQ0LjYxMi4xNDQuOTRDMTEgOS40MzQgOS40MzQgMTEgNy41MDIgMTFjLS4zMyAwLS42NC0uMDYtLjk0My0uMTQ1bC0uNzk4Ljc5NWMuNTU0LjIxNCAxLjEzNS4zNSAxLjczOC4zNSAzLjU5IDAgNi41LTQuNTYgNi41LTQuNTZzLS43MS0xLjA3OC0xLjg1NC0yLjE3em0uNS0zLjYyNGwtMi4yNiAyLjI2QzkuNTE2IDMuMzggOC41NCAzIDcuNSAzIDMuOTEgMyAxIDcuNDQgMSA3LjQ0czEuMTEyIDEuNzI0IDIuOCAzLjA1M2wtMi4xNTMgMi4xNTMuNzA3LjcwNyAxMS0xMS0uNzA4LS43MDd6TTguMjUgNi4wNDRhMS42MiAxLjYyIDAgMCAwLS43NDgtLjJjLS45MTggMC0xLjY1OC43NC0xLjY1OCAxLjY1NCAwIC4yNzQuMDgzLjUyMy4yLjc1bC0xLjMyOCAxLjMzQTMuNDMzIDMuNDMzIDAgMCAxIDQgNy41IDMuNSAzLjUgMCAwIDEgNy41MDIgNGEzLjQzIDMuNDMgMCAwIDEgMi4wNzUuNzE2TDguMjUgNi4wNDR6Ij48L3BhdGg+PC9zdmc+Cg==");
}
.macro-settings .kit-field.opacity {
  padding-bottom: 0;
}
.macro-settings .kit-field.opacity > .kit-indicator-button {
  height: 22px;
}
.macro-settings .kit-field.opacity > .kit-unit-slider {
  width: 106px;
  margin-left: 4px;
}
.macro-settings .kit-field.opacity > .kit-unit-box {
  float: right;
  margin-right: 1px;
}
.macro-settings .kit-list-item > .kit-drag-handle {
  left: 0;
  width: 8px;
}
.macro-settings .kit-list-item > .edit {
  right: 0;
}
.macro-settings .kit-list-item > .label {
  color: #a6a6a6;
  margin-left: 0;
}
.macro-settings .kit-list-item > .label > span {
  color: #d9d9d9;
  padding: 0 1px;
}
.macro-settings .kit-list-item.macro-name > .kit-field.name > .kit-input-control,
.macro-settings .kit-list-item.style-title > .kit-field.name > .kit-input-control,
.macro-settings .kit-list-item.step-title > .kit-field.name > .kit-input-control {
  position: absolute;
  width: 100%;
  margin: 0;
  padding: 0;
  top: 0;
  height: 30px;
}
.macro-settings .kit-list-item.macro-name > .kit-field.name > .kit-input-control input,
.macro-settings .kit-list-item.style-title > .kit-field.name > .kit-input-control input,
.macro-settings .kit-list-item.step-title > .kit-field.name > .kit-input-control input {
  padding-left: 7px;
  padding-top: 7px;
  font-size: inherit;
}
.macro-settings .macro-name-taken {
  padding: 4px 0 0 4px;
  color: #ea384c;
}
.macro-settings .kit-list-item.trigger > .label {
  padding-left: 18px;
  margin-right: 56px;
}
.macro-settings .kit-list-item.appearance > .label {
  padding-left: 18px;
  margin-right: 42px;
}
.macro-settings .kit-list-item.appearance > .edit-wrench {
  right: 18px;
}
.macro-settings .kit-list-item.trigger > .label > span.name > span.selector {
  padding: 3px 5px;
  margin-left: 5px;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  background-color: #3b79c3;
}
.macro-settings .kit-list-item.trigger > .label > span.steps {
  color: #737373;
}
.macro-settings .macro-panel .kit-list > .kit-list-item > .label {
  margin-left: 0;
  padding-left: 30px;
}
.macro-settings .kit-field.opacity {
  margin-top: 10px;
}
.macro-settings .kit-field.transitions {
  margin-top: 4px;
}
.macro-settings .kit-field.transitions > .kit-button {
  margin-right: 1px;
}
.macro-settings .kit-field.transitions > .kit-button > i {
  background-position: -120px -180px;
  width: 13px;
  height: 14px;
  margin-top: 2px;
  margin-left: 1px;
}
.macro-settings .kit-field.easing {
  width: 180px;
  height: 23px;
}
.macro-settings .kit-field.easing .bem-SelectInput {
  height: 23px;
  line-height: 23px;
}
.macro-settings .kit-field.easing .bem-SelectInput_Trigger {
  height: 23px;
  line-height: 23px;
}
.macro-settings .kit-field.easing .bem-SelectInput_Trigger:before {
  top: 10px;
  bottom: auto;
}
.macro-settings .kit-field.easing .bem-SelectInput_Trigger.isExpanded:before {
  top: auto;
  bottom: 10px;
}
.macro-settings .kit-field.transforms {
  margin-top: 12px;
  padding-bottom: 0;
  white-space: nowrap;
  z-index: 1;
}
.macro-settings .kit-field.transforms > a.kit-indicator-button {
  margin-bottom: -2px;
  height: 22px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button {
  margin-right: 0;
  border-radius: 0;
  width: 30px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button > i {
  margin-top: 6px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button.translate > i {
  background-position: -20px -180px;
  width: 13px;
  height: 14px;
  margin-top: 3px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button.scale > i {
  background-position: 0px -180px;
  width: 11px;
  height: 12px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button.rotate > i {
  background-position: -80px -180px;
  width: 11px;
  height: 12px;
}
.macro-settings .kit-field.transforms > .button-group > .kit-button.skew > i {
  background-position: 0px -180px;
  width: 11px;
  height: 12px;
}
.macro-settings .kit-field.wait {
  margin-top: 6px;
  margin-bottom: 2px;
}
.macro-settings .kit-field.wait > .kit-label-icon {
  margin-top: 6px;
  margin-right: 8px;
}
.macro-settings .kit-field.wait > .kit-unit-box {
  margin-top: 3px;
  width: 68px;
}
.macro-settings .kit-button.add-step,
.macro-settings .kit-button.copy-step {
  box-sizing: border-box;
  padding: 2px 10px;
  margin: 8px 0 5px 5px;
  height: 28px;
  line-height: 22px;
  border: none;
  background: none;
  box-shadow: none;
}
.macro-settings .kit-button.add-step > i {
  position: relative;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-right: 3px;
  top: 1px;
}
.macro-settings .kit-button.copy-step > i {
  position: relative;
  background-position: -180px -300px;
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-right: 3px;
  top: 1px;
}
.macro-settings .selector-choices {
  padding-top: 0;
  margin-bottom: -5px;
}
.macro-settings .selector-choices .selector-controls {
  margin-left: 7px;
}
.macro-settings .selector-choices .selector-controls > .kit-text-box {
  margin-top: 4px;
  margin-bottom: 2px;
  width: 206px;
  height: 31px;
}
.macro-settings .selector-choices .selector-controls > .kit-text-box > input {
  line-height: 20px;
}
.macro-settings .selector-choices .kit-checkbox {
  float: left;
}
.macro-settings .transition-indicator {
  zoom: 1;
  clear: both;
  display: inline-block;
  color: white;
  padding: 5px 17px;
  margin-top: 3px;
  margin-bottom: -2px;
  text-align: left;
  opacity: 0.6;
  transition: opacity 50ms;
}
.macro-settings .transition-indicator:before,
.macro-settings .transition-indicator:after {
  content: " ";
  display: table;
}
.macro-settings .transition-indicator:after {
  clear: both;
}
.macro-settings .transition-indicator:hover {
  opacity: 1;
}
.macro-settings .transition-indicator > i {
  float: left;
  background-position: -320px -320px;
  width: 9px;
  height: 11px;
  opacity: 0.7;
}
.macro-settings .transition-indicator > span {
  float: left;
  margin-left: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.macro-settings .transition-indicator > span.none {
  opacity: 0.7;
}
.macro-settings .trigger-group-icon {
  float: left;
  opacity: 0.5;
  margin-right: 2px;
}
.macro-settings .trigger-group-icon > i {
  background-position: -240px -300px;
  width: 15px;
  height: 15px;
  margin-top: 2px;
}
.macro-settings .macro-list > .kit-list > .kit-list-item > .label {
  margin-right: 56px;
}
.macro-settings .style-transforms,
.macro-settings .step-transforms {
  margin-left: 14px;
}
.macro-settings .style-transforms .kit-list-item.part-transform > .label,
.macro-settings .step-transforms .kit-list-item.part-transform > .label {
  margin-left: 14px;
}
.macro-settings .steps-list-a .kit-list-item.macro-step > .label,
.macro-settings .steps-list-b .kit-list-item.macro-step > .label {
  margin-right: 40px;
}
.macro-settings .steps-list-a .kit-list-item.macro-step > .label > span.duration,
.macro-settings .steps-list-b .kit-list-item.macro-step > .label > span.duration {
  color: #a6a6a6;
  margin-left: 4px;
}
.macro-settings .steps-list-a > .kit-empty-list,
.macro-settings .steps-list-b > .kit-empty-list {
  text-align: center;
}
.macro-settings .kit-field.step-group-opts {
  zoom: 1;
  margin: 5px 1px 5px 0;
  padding: 0;
}
.macro-settings .kit-field.step-group-opts:before,
.macro-settings .kit-field.step-group-opts:after {
  content: " ";
  display: table;
}
.macro-settings .kit-field.step-group-opts:after {
  clear: both;
}
.macro-settings .kit-field.step-group-opts .kit-checkbox {
  float: left;
  margin: 8px 0px;
}
.macro-settings .kit-field.scroll-offsets {
  clear: none;
  float: right;
  padding: 0;
}
.macro-settings .kit-field.scroll-offsets > .kit-label {
  margin-top: 5px;
}
.macro-settings .kit-field.offset-bot,
.macro-settings .kit-field.offset-top {
  clear: none;
  float: left;
}
.macro-settings .kit-field.offset-bot > .kit-unit-box,
.macro-settings .kit-field.offset-top > .kit-unit-box {
  width: 60px;
}
.macro-settings .kit-field.offset-bot > i,
.macro-settings .kit-field.offset-top > i {
  float: left;
  margin: 1px 7px 0 10px;
  background-position: -180px -340px;
  width: 17px;
  height: 18px;
  opacity: 0.6;
}
.macro-settings .kit-field.offset-top > i {
  background-position: -200px -340px;
}
.macro-settings .kit-checkbox.load-preload.load-preload {
  float: left;
  margin-left: 27px;
}
.macro-settings .kit-checkbox.loop {
  float: left;
  margin-left: 13px;
}
.macro-settings .kit-field.width,
.macro-settings .kit-field.height {
  clear: none;
  float: left;
}
.macro-settings .kit-field.width.style,
.macro-settings .kit-field.height.style {
  margin-top: 4px;
}
.macro-settings .kit-field.width.step,
.macro-settings .kit-field.height.step {
  margin-top: -3px;
}
.macro-settings .kit-field.width.step > .transition-indicator,
.macro-settings .kit-field.height.step > .transition-indicator {
  display: block;
  padding: 3px 10px 9px 17px;
}
.macro-settings .kit-field.width.step > .transition-indicator > span,
.macro-settings .kit-field.height.step > .transition-indicator > span {
  width: 69px;
}
.macro-settings .kit-field.width > .kit-unit-box,
.macro-settings .kit-field.height > .kit-unit-box {
  width: 70px;
  margin-top: 4px;
  margin-bottom: 5px;
}
.macro-settings .kit-field.width > .kit-label-icon,
.macro-settings .kit-field.height > .kit-label-icon {
  margin-top: 9px;
}
.macro-settings .kit-field.height {
  float: right;
  margin-right: 1px;
}
.macro-settings .kit-field.height.step > .transition-indicator {
  padding-left: 14px;
  padding-right: 2px;
}
.dynlist-settings .ui-state .kit-button {
  width: 30px;
}
.dynlist-settings .grid-layout .kit-label {
  margin-bottom: 5px;
}
.dynlist-settings .grid-layout .kit-radio-buttons {
  position: inherit;
  width: calc(100% - 55px);
}
.dynlist-settings .grid-layout .kit-button {
  margin: 0;
  border-right: 0;
}
.dynlist-settings .grid-layout .kit-button.first {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dynlist-settings .grid-layout .kit-button.last {
  border-right: 1px solid #333333;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 0;
}
.dynlist-settings .grid-layout .kit-button.last-in-row {
  border-right: 1px solid #333333;
}
.dynlist-settings .grid-layout .kit-button:not(.top) {
  border-top: 0;
}
.dynlist-settings .grid-layout .kit-button.last-none-below {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dynlist-settings .grid-layout .kit-button > i {
  margin-top: 5px;
}
.dynlist-settings .kit-dynfield-select {
  margin-bottom: 5px;
}
.dynlist-settings .kit-dynfield-select.border-color-binding {
  margin-bottom: 0;
}
.dynlist-settings .kit-label {
  width: 55px;
}
.dynlist-settings .kit-field.collection .kit-fancy-select {
  width: 168px;
}
.dynlist-settings .kit-field.ui-state .kit-radio-button {
  padding-left: 5px;
  padding-right: 5px;
}
.dynlist-settings .kit-field.ui-state .kit-radio-button:last-child {
  padding-right: 6px;
}
.dynlist-settings .kit-field.query {
  padding-bottom: 0;
}
.dynlist-settings .kit-list-item .label {
  margin-left: 10px;
}
.dynlist-settings .query-sort .kit-list .kit-drag-handle {
  left: 4px;
}
.dynlist-settings .query-sort .kit-list .one-line-text {
  margin: 0 20px 0 18px;
}
.dynlist-settings .query-sort .kit-list .label .comma,
.dynlist-settings .query-sort .kit-list .label .order {
  opacity: 0.7;
}
.dynlist-settings .limit .text {
  display: inline-block;
  width: 100%;
  zoom: 1;
  margin-top: 5px;
  margin-bottom: 12px;
}
.dynlist-settings .limit .text:before,
.dynlist-settings .limit .text:after {
  content: " ";
  display: table;
}
.dynlist-settings .limit .text:after {
  clear: both;
}
.dynlist-settings .limit .text > * {
  display: inline;
  margin-right: 2px;
}
.dynlist-settings .limit .text .link span {
  margin-left: 3px;
  border-bottom: 1px dotted #737373;
}
.dynlist-settings .limit .text .link span:hover {
  border-bottom-style: solid;
  cursor: default;
}
.dynlist-settings .limit .text .link span.active {
  color: #6bb0ff;
  border-bottom: 1px dotted rgba(107, 176, 255, 0.4);
}
.dynlist-settings .limit .text .link span.active:hover {
  border-bottom: 1px solid #6bb0ff;
}
.dynlist-settings .limit-checkbox .kit-checkbox {
  margin: 0;
}
.dynlist-settings .limit-checkbox .kit-label {
  width: auto;
  padding: 0;
}
.dynlist-settings .limit-checkbox .dim {
  margin-left: 4px;
  color: #a6a6a6;
}
.dynlist-settings .limit-group,
.dynlist-settings .limit-group > .kit-field {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dynlist-settings .limit-group > *,
.dynlist-settings .limit-group > .kit-field > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: inline-block;
}
.dynlist-settings .limit-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5px;
}
.dynlist-settings .limit-group .kit-field {
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px;
}
.dynlist-settings .limit-group .kit-field .kit-label {
  width: auto;
  padding-right: 0;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
}
.dynlist-settings .limit-group .kit-field + .kit-field {
  margin-left: 10px;
}
.contributor-settings .kit-checkbox {
  margin-top: 5px;
}
.background-video-settings video {
  max-width: 100%;
}
.background-video-settings .text {
  margin-top: 3px;
  font-size: 11px;
}
.background-video-settings i.upload-asset {
  position: relative;
  bottom: 1px;
}
.background-video-settings i.url {
  opacity: 0.4;
  margin: -1px 5px;
  cursor: pointer;
}
.background-video-settings i.url:hover {
  opacity: 0.7;
}
.background-video-settings-info-text-wrapper {
  margin-top: 5px;
}
.background-video-settings-cancel-button {
  position: relative;
  height: 30px;
  float: none;
}
.background-video-settings-wrapper {
  min-height: 30px;
  margin-bottom: 2px;
  padding: 8px 15px 8px;
  text-align: center;
  background: #363636;
  border: 1px solid #2b2b2b;
  border-radius: 2px;
  color: #a6a6a6;
  font-size: 11px;
  position: relative;
  padding: 0;
  margin: 8px 0;
  min-height: 120px;
}
i.background-video-play-button {
  opacity: 0.9;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.background-video-play-mask {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
}
.background-video-play-mask:hover {
  opacity: 0;
}
.background-video-settings-progress {
  position: absolute;
  height: 60%;
  width: 100%;
  top: 0;
  bottom: 0;
  margin: auto;
}
.background-video-progress-bar {
  height: 8px;
  width: 80%;
  margin: auto;
  border-radius: 100px;
  background: #2b2b2b;
  border: 1px solid #2b2b2b;
  margin-bottom: 12px;
}
.background-video-progress-text {
  font-size: 16px;
  text-align: center;
  margin-bottom: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.background-video-progress-bar-fill {
  height: 100%;
  background: #2ad986;
  border-radius: 100px;
  transition: width 200ms ease;
}
.background-video-progress-bar-fill-blue {
  height: 100%;
  background: #2ad986;
  border-radius: 100px;
  transition: width 200ms ease;
  background: #3b79c3;
}
.background-video-settings-uploading {
  width: 100%;
  margin: 16px 0;
}
.background-video-settings-upload-status {
  text-align: center;
}
.background-video-settings-error-message {
  color: #ff5266;
}
.background-video-settings-help-text {
  color: #a6a6a6;
  text-align: center;
}
.background-video-settings-file-text {
  color: #a6a6a6;
  text-align: left;
}
.background-video-settings-file-text:not(:last-child) {
  margin: 6px 0;
}
.mini-settings {
  position: absolute;
  z-index: 27;
  pointer-events: all;
  width: 292px;
  background-color: #404040;
  border: 1px solid #212121;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  padding-top: 10px;
  padding-left: 10px;
  padding-right: 10px;
  border-radius: 3px;
  color: #d9d9d9;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mini-settings:before,
.mini-settings:after {
  content: '';
  position: absolute;
  top: -8px;
  left: -1px;
  right: -1px;
  height: 8px;
}
.mini-settings:after {
  top: auto;
  bottom: -8px;
}
.mini-settings > .title {
  padding: 0 0 13px;
}
.mini-settings > .title > .label {
  cursor: move;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mini-settings > .title > .label > .gear {
  background-position: -500px 0px;
  width: 14px;
  height: 14px;
  display: inline-block;
  margin: 0 5px 0 0;
  vertical-align: -3px;
  opacity: .75;
}
.mini-settings > .title > .close {
  color: white;
  font-size: 11px;
  text-decoration: none;
  float: right;
  margin-top: 1px;
  border-top: 1px solid #212121;
  opacity: 0.5;
  transition: opacity 50ms ease;
}
.mini-settings > .title > .close > i {
  background-position: -580px -80px;
  width: 9px;
  height: 9px;
  display: inline-block;
  margin-left: 7px;
  vertical-align: -1px;
}
.mini-settings > .title > .close:hover {
  color: white;
  opacity: 1.0;
}
.mini-settings.active {
  display: block;
  pointer-events: auto;
}
.mini-settings.active.dragging {
  pointer-events: none;
}
.mini-settings .settings-link {
  color: #a6a6a6;
  line-height: 14px;
}
.mini-settings .settings-link > a {
  color: #6bb0ff;
  text-decoration: none;
}
.mini-settings .settings-link > a:hover {
  text-decoration: underline;
}
.mini-settings .kit-button.close {
  opacity: 1;
  position: absolute;
  border-radius: 0 0 2px 2px;
  padding: 0;
  height: 19px;
  width: 20px;
  top: -2px;
  right: 9px;
  z-index: 28;
}
.mini-settings .kit-button.close > i {
  margin-top: 4px;
  margin-left: 2px;
}
.mini-settings .kit-divider {
  margin-bottom: 0;
}
.mini-settings .show-all-settings-button {
  opacity: 0.7;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.mini-settings .show-all-settings-button:hover {
  opacity: 1;
}
.mini-settings .show-all-settings-button .show-all-settings-wrapper {
  width: 128px;
  margin: 0 auto;
  padding-top: 9px;
  padding-bottom: 10px;
  font-size: 9px;
  letter-spacing: 0.25px;
  text-align: center;
  font-weight: bold;
}
.mini-settings .show-all-settings-button .show-all-settings-button-icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.heading-mini-settings {
  width: 245px;
}
.link-mini-settings {
  width: 246px;
}
.list-mini-settings {
  width: 205px;
}
.grid-mini-settings {
  width: 245px;
}
.grid-mini-settings .kit-button-big:nth-child(5n+5) {
  margin-right: 0;
}
.checkbox-mini-settings {
  width: 246px;
}
.checkbox-mini-settings > .title {
  padding-bottom: 10px;
}
.radio-mini-settings {
  width: 246px;
}
.radio-mini-settings > .title {
  padding-bottom: 10px;
}
.widget-mini-settings {
  width: 246px;
}
.dynlist-mini-settings {
  width: 245px;
}
.background-video-mini-settings {
  padding-bottom: 8px;
}
.background-video-mini-settings .kit-button {
  width: 100%;
}
.layout-section .kit-field .kit-label {
  width: 48px;
  text-align: right;
}
.layout-section .kit-field.pull-left .kit-label {
  width: 48px;
}
.layout-section .kit-field.overflow .kit-label {
  margin-left: -5px;
  margin-right: 5px;
}
.layout-section .kit-field .kit-radio-button {
  width: 42px;
}
.layout-section .kit-field.float .kit-button > i {
  margin-top: 6px;
  height: 10px;
  width: 27px;
}
.layout-section .kit-field.float .kit-button.none > i {
  width: 9px;
  margin-top: 6px;
}
.layout-section .kit-field.float .kit-button.left > i {
  background-position: -220px -40px;
}
.layout-section .kit-field.float .kit-button.right > i {
  background-position: -260px -40px;
}
.layout-section .kit-field.clear .kit-button > i {
  margin-top: 5px;
  width: 17px;
  height: 14px;
}
.layout-section .kit-field.clear .kit-button.none > i {
  width: 9px;
  margin-top: 6px;
}
.layout-section .kit-field.clear .kit-button.left > i {
  background-position: -540px -100px;
}
.layout-section .kit-field.clear .kit-button.right > i {
  background-position: -560px -100px;
}
.layout-section .kit-field.clear .kit-button.both > i {
  background-position: -580px -100px;
  width: 19px;
}
.layout-section .kit-field.overflow .kit-button.hidden {
  display: block !important;
}
.layout-section .kit-field.overflow .kit-button.visible > i {
  background-position: 0px -60px;
  width: 13px;
  height: 12px;
  margin-top: 5px;
}
.layout-section .kit-field.overflow .kit-button.hidden > i {
  background-position: -20px -60px;
  width: 13px;
  height: 12px;
  margin-top: 5px;
}
.layout-section .kit-field.overflow .kit-button.scroll > i {
  background-position: -480px -180px;
  width: 20px;
  height: 13px;
  margin-top: 5px;
}
.layout-section .kit-field.overflow .kit-button.auto > i {
  background-position: -500px -180px;
  width: 20px;
  height: 13px;
  margin-top: 5px;
}
.layout-section .kit-field.position .kit-button.static > i {
  background-position: -560px -60px;
  width: 23px;
  height: 8px;
  margin-top: 7px;
}
.layout-section .kit-field.position .kit-button.relative > i {
  background-position: -380px -180px;
  width: 19px;
  height: 12px;
  margin-top: 5px;
}
.layout-section .kit-field.position .kit-button.absolute > i {
  background-position: -400px -180px;
  width: 21px;
  height: 14px;
  margin-top: 4px;
}
.layout-section .kit-field.position .kit-button.fixed > i {
  background-position: -440px -180px;
  width: 22px;
  height: 14px;
  margin-top: 4px;
}
.layout-section .guidance-panel-wrap.left {
  float: left;
}
.layout-section .kit-divider.advanced-only {
  margin: 2px 0;
}
.background-section .kit-field.image {
  padding-bottom: 0;
  margin-bottom: -1px;
  padding-left: 0px;
}
.background-section .kit-field.fill-color > .kit-label {
  text-align: left;
}
.background-section .kit-field.fill-color > .kit-label > .link {
  margin-top: 2px;
  margin-right: 4px;
  height: 20px;
  padding: 0;
}
.background-section .kit-field.fill-color > .kit-label > .link i {
  background-position: -620px -120px;
  width: 18px;
}
.background-section .kit-button.add-part:nth-child(3) {
  margin-right: 0;
  border-right: 0;
  border-radius: 3px 0 0 0;
}
.background-section .kit-button.add-part:nth-child(2) {
  border-right: 0;
  border-radius: 0;
}
.background-section .kit-button.add-part:nth-child(1) {
  border-radius: 0 3px 0 0;
}
.shadows-section .kit-field > .kit-button.add-part > i {
  opacity: 0.8;
}
.shadows-section .kit-field > .kit-button.add-part > span {
  display: none;
}
.shadows-section .kit-field > .kit-button.add-part:hover > i {
  opacity: 1.0;
}
.shadows-section .kit-field > .kit-section-body > .kit-panel > .kit-field > .kit-button {
  margin: 0 0 -1px;
  border-right: 0;
  border-radius: 0;
}
.shadows-section .kit-field > .kit-section-body > .kit-panel > .kit-field > .kit-button:last-child {
  border-radius: 3px 0 0 0;
}
.shadows-section .kit-field > .kit-section-body > .kit-panel > .kit-field > .kit-button:first-child {
  border-radius: 0 3px 0 0;
  border-right: 1px solid #333333;
}
.shadows-section .kit-field.box-shadow,
.shadows-section .kit-field.text-shadow {
  padding-bottom: 0;
}
.shadows-section .kit-field.box-shadow .kit-button.drop > i {
  background-position: -360px -100px;
  width: 17px;
  height: 12px;
  margin: 7px 0 0 4px;
}
.shadows-section .kit-field.box-shadow .kit-button.glow > i {
  background-position: -380px -100px;
  width: 21px;
  height: 16px;
  margin-top: 4px;
}
.shadows-section .kit-field.box-shadow .kit-button.inset > i {
  background-position: -420px -100px;
  width: 13px;
  height: 8px;
  margin-top: 8px;
}
.shadows-section .kit-field.box-shadow .kit-button.highlight > i {
  background-position: -440px -100px;
  width: 13px;
  height: 8px;
  margin-top: 8px;
}
.shadows-section .kit-field.text-shadow .kit-button.drop > i {
  background-position: -460px -100px;
  width: 19px;
  height: 18px;
  margin-top: 3px;
}
.shadows-section .kit-field.text-shadow .kit-button.lp-shadow > i {
  background-position: -480px -100px;
  width: 13px;
  height: 13px;
  margin-top: 5px;
}
.shadows-section .kit-field.text-shadow .kit-button.lp-highlight > i {
  background-position: -500px -100px;
  width: 13px;
  height: 13px;
  margin-top: 5px;
}
.typography-section .kit-field .kit-select2 .select2-container {
  width: 204px;
}
.typography-section .kit-field .kit-unit-box {
  width: 80px;
}
.typography-section .kit-field.font-family .kit-label .link i {
  background-position: 0px -120px;
  width: 22px;
}
.typography-section .kit-field.font-weight .kit-select2 .select2-container {
  width: 117px;
}
.typography-section .kit-field.font-weight .kit-label .link i {
  background-position: -40px -120px;
  width: 24px;
}
.typography-section .kit-field.font-style .kit-label .link i {
  background-position: -80px -120px;
  width: 22px;
}
.typography-section .kit-field.font-style .kit-radio-button.normal > i {
  background-position: -520px -100px;
  width: 6px;
  height: 12px;
  margin-top: 5px;
}
.typography-section .kit-field.font-style .kit-radio-button.italic > i {
  background-position: 0px -100px;
  width: 11px;
  height: 12px;
  margin-top: 6px;
  margin-left: 0px;
}
.typography-section .kit-field.font-color .kit-label .link i {
  background-position: -120px -120px;
  width: 15px;
}
.typography-section .kit-field.font-size .kit-label .link i {
  background-position: -140px -120px;
  width: 20px;
}
.typography-section .kit-field.line-height .kit-label .link {
  padding-top: 1px;
}
.typography-section .kit-field.line-height .kit-label .link i {
  background-position: -200px -120px;
  width: 14px;
}
.typography-section .kit-field.letter-spacing .kit-label .link {
  padding-top: 2px;
}
.typography-section .kit-field.letter-spacing .kit-label .link.downstream:before {
  top: 50%;
}
.typography-section .kit-field.letter-spacing .kit-label .link i {
  background-position: -180px -120px;
  width: 19px;
}
.typography-section .kit-field.text-indent .kit-label .link {
  padding-top: 2px;
}
.typography-section .kit-field.text-indent .kit-label .link i {
  background-position: -220px -120px;
  width: 18px;
}
.typography-section .kit-field.font-size .kit-unit-box,
.typography-section .kit-field.letter-spacing .kit-unit-box {
  width: 93px;
}
.typography-section .kit-field.line-height .kit-unit-box,
.typography-section .kit-field.text-indent .kit-unit-box {
  width: 74px;
}
.typography-section .kit-field.text-align .kit-label .link {
  padding-top: 1px;
}
.typography-section .kit-field.text-align .kit-label .link.downstream:before {
  top: 45%;
}
.typography-section .kit-field.text-align .kit-label .link i {
  background-position: -240px -120px;
  width: 17px;
}
.typography-section .kit-field.text-align .kit-radio-button i {
  margin-top: 5px;
}
.typography-section .kit-field.text-align .kit-radio-button.left > i {
  background-position: -20px -100px;
  width: 11px;
  height: 12px;
}
.typography-section .kit-field.text-align .kit-radio-button.center > i {
  background-position: -40px -100px;
  width: 13px;
  height: 12px;
}
.typography-section .kit-field.text-align .kit-radio-button.right > i {
  background-position: -60px -100px;
  width: 11px;
  height: 12px;
}
.typography-section .kit-field.text-align .kit-radio-button.justify > i {
  background-position: -80px -100px;
  width: 11px;
  height: 12px;
}
.typography-section .kit-field.text-transform .kit-label .link {
  padding-top: 5px;
}
.typography-section .kit-field.text-transform .kit-label .link > i {
  background-position: -260px -120px;
  width: 20px;
}
.typography-section .kit-field.text-transform .kit-radio-button i {
  margin-top: 6px;
}
.typography-section .kit-field.text-transform .kit-radio-button.uppercase > i {
  background-position: -100px -100px;
  width: 15px;
  height: 9px;
}
.typography-section .kit-field.text-transform .kit-radio-button.capitalize > i {
  background-position: -120px -100px;
  width: 13px;
  height: 9px;
}
.typography-section .kit-field.text-transform .kit-radio-button.lowercase > i {
  background-position: -140px -100px;
  width: 9px;
  height: 9px;
}
.typography-section .kit-field.text-decoration {
  margin-right: 2px;
}
.typography-section .kit-field.text-decoration .kit-label .link i {
  background-position: -280px -120px;
  width: 15px;
}
.typography-section .kit-field.text-decoration .kit-radio-button > i {
  margin-top: 5px;
}
.typography-section .kit-field.text-decoration .kit-radio-button.none > i {
  margin-top: 6px;
}
.typography-section .kit-field.text-decoration .kit-radio-button.underline > i {
  background-position: -160px -100px;
  width: 11px;
  height: 14px;
  margin-left: 1px;
}
.typography-section .kit-field.text-decoration .kit-radio-button.line-through > i {
  background-position: -180px -100px;
  width: 11px;
  height: 13px;
}
.typography-section .kit-field.text-direction {
  margin-right: 26px;
}
.typography-section .kit-field.text-direction .kit-label .link > i {
  background-position: -320px -120px;
  width: 15px;
}
.typography-section .kit-field.text-direction .kit-radio-button > i {
  margin-top: 5px;
}
.typography-section .kit-field.text-direction .kit-radio-button.ltr > i {
  background-position: -300px -100px;
  width: 14px;
  height: 14px;
}
.typography-section .kit-field.text-direction .kit-radio-button.rtl > i {
  background-position: -320px -100px;
  width: 14px;
  height: 14px;
}
.typography-section .kit-field.text-decoration .kit-radio-button,
.typography-section .kit-field.text-direction .kit-radio-button {
  width: 23px;
}
.typography-section .kit-field.list-style .kit-label {
  margin-top: 2px;
}
.typography-section .kit-field.list-style .kit-label .link.downstream:before {
  top: 50%;
}
.typography-section .kit-field.list-style .kit-label .link > i {
  background-position: -300px -120px;
  width: 14px;
}
.typography-section .kit-field.list-style .kit-radio-button > i {
  margin-top: 6px;
}
.typography-section .kit-field.list-style .kit-radio-button.disc > i {
  background-position: -200px -100px;
  width: 11px;
  height: 10px;
}
.typography-section .kit-field.list-style .kit-radio-button.square > i {
  background-position: -220px -100px;
  width: 11px;
  height: 10px;
}
.typography-section .kit-field.list-style .kit-radio-button.decimal > i {
  background-position: -240px -100px;
  width: 13px;
  height: 12px;
  margin-top: 5px;
}
.typography-section .kit-field.list-style .kit-radio-button.lower-alpha > i {
  background-position: -260px -100px;
  width: 13px;
  height: 11px;
}
.typography-section .kit-field.list-style .kit-radio-button.lower-roman > i {
  background-position: -280px -100px;
  width: 13px;
  height: 12px;
  margin-top: 3px;
}
.typography-section .kit-field.text-column-count .kit-unit-box {
  width: 64px;
}
.typography-section .kit-field.text-column-count .kit-label .link {
  height: 18px;
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 3px 0;
}
.typography-section .kit-field.text-column-count .kit-label .link i {
  background-position: 0px -660px;
  width: 14px;
}
.typography-section .kit-field.text-column-count-settings {
  margin-right: 110px;
}
.typography-section .kit-field.text-column-count-settings > .kit-button {
  position: relative;
  overflow: hidden;
}
.typography-section .kit-field.text-column-count-settings > .kit-button.open {
  position: relative;
  background-color: #404040;
  pointer-events: none;
  z-index: 22;
}
.typography-section .kit-field.text-column-count-settings > .kit-button > i {
  background-position: -620px -40px;
  width: 13px;
  height: 60px;
  padding-top: 5px;
  margin-left: 3px;
}
.typography-section .kit-field.text-column-gap .kit-label .link {
  height: 20px;
  margin-top: 1px;
  margin-right: 1px;
  padding: 2px 3px 0;
}
.typography-section .kit-field.text-column-gap .kit-label .link i {
  background-position: -20px -660px;
  width: 15px;
}
.typography-section .kit-field.column-rule-style .kit-label .link {
  height: 18px;
  margin-top: 4px;
  margin-right: 1px;
  padding: 2px 3px;
}
.typography-section .kit-field.column-rule-style .kit-label .link i {
  background-position: -40px -660px;
  width: 14px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button {
  width: 23px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button > i {
  height: 12px;
  margin-top: 5px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button.none > i {
  background-position: -420px -60px;
  width: 9px;
  height: 10px;
  margin-top: 6px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button.solid > i {
  background-position: -140px -660px;
  width: 14px;
  margin-left: 10px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button.dashed > i {
  background-position: -160px -660px;
  width: 14px;
  margin-left: 10px;
}
.typography-section .kit-field.column-rule-style .kit-radio-button.dotted > i {
  background-position: -180px -660px;
  width: 14px;
  margin-left: 10px;
}
.typography-section .kit-field.column-rule-width .kit-label .link {
  height: 18px;
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 3px;
}
.typography-section .kit-field.column-rule-width .kit-label .link i {
  background-position: -60px -660px;
  width: 14px;
}
.typography-section .kit-field.column-rule-color .kit-label .link {
  height: 18px;
  margin-top: 3px;
  margin-right: 1px;
  padding: 2px 3px;
}
.typography-section .kit-field.column-rule-color .kit-label .link i {
  background-position: -80px -660px;
  width: 14px;
}
.typography-section .kit-field.column-span .kit-label .link {
  height: 17px;
  margin-top: 4px;
  margin-right: 1px;
  padding: 2px 3px;
}
.typography-section .kit-field.column-span .kit-label .link i {
  background-position: -100px -660px;
  width: 14px;
}
.typography-section .kit-field.column-span .kit-radio-button {
  width: 31px;
}
.typography-section .kit-field.column-span .kit-radio-button > i {
  height: 12px;
  margin-top: 5px;
  margin-right: 1px;
}
.typography-section .kit-field.column-span .kit-radio-button.none > i {
  background-position: -100px -660px;
  width: 14px;
}
.typography-section .kit-field.column-span .kit-radio-button.all > i {
  background-position: -120px -660px;
  width: 14px;
}
.typography-section .guidance-panel-wrap.left {
  float: left;
}
.typography-section > .kit-section-body > .kit-panel > .kit-divider {
  margin: 3px 0;
}
.effects-section .kit-field.opacity > .kit-unit-slider {
  width: 96px;
}
.effects-section .kit-field.opacity > .kit-unit-box {
  float: right;
}
.effects-section .kit-button.add-part > i {
  margin-top: 6px;
}
.effects-section .filter {
  padding: 0;
}
.transitions-section .backface-visibility .kit-button.hidden {
  display: block !important;
  border-bottom-right-radius: 3px !important;
}
.transitions-section .backface-visibility .kit-button.hidden > i {
  background-position: -20px -60px;
  width: 13px;
  height: 13px;
  margin-top: 5px;
}
.transitions-section .backface-visibility .kit-button.visible {
  border-bottom-left-radius: 3px !important;
}
.transitions-section .backface-visibility .kit-button.visible > i {
  background-position: 0px -60px;
  width: 13px;
  height: 13px;
  margin-top: 5px;
}
.transitions-section .transition {
  padding: 0;
}
.transitions-section .transition .kit-button {
  margin-right: 0;
  border-radius: 0;
}
.transitions-section .transition .kit-button:last-child {
  border-radius: 3px 0 0 0;
}
.transitions-section .transition .kit-button:first-child {
  border-radius: 0 3px 0 0;
}
.transitions-section .transition .kit-button:first-child:last-child {
  border-radius: 3px 3px 0 0;
}
.transitions-section .transition .kit-button.transition > i {
  background-position: -120px -180px;
  width: 13px;
  height: 14px;
  margin-top: 4px;
  margin-left: 1px;
}
.transitions-section .transform {
  margin: 0;
  padding: 0;
}
.transitions-section .transform .kit-button {
  margin-right: 0;
  border-radius: 0;
}
.transitions-section .transform .kit-button:last-child {
  border-radius: 3px 0 0 0;
}
.transitions-section .transform .kit-button:first-child {
  border-radius: 0 3px 0 0;
}
.transitions-section .transform .kit-button > i {
  margin-top: 3px;
}
.transitions-section .transform .kit-button.add-transform-part > i {
  background-position: -580px 0px;
  width: 8px;
  height: 9px;
  margin-top: 6px;
}
.transitions-section .transform .kit-button.transform-settings {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.transitions-section .transform .kit-button.transform-settings.upstream > svg {
  color: #e89153;
}
.transitions-section .transform .kit-button.transform-settings.local > svg {
  color: #6bb0ff;
}
.transitions-section .perspective .hoverable-tooltip {
  display: inline-block;
  padding-top: 5px;
}
.transitions-section .perspective .kit-svg-icon {
  margin-top: 5px;
  margin-right: 10px;
}
.transitions-section .perspective .kit-unit-slider {
  width: 102px;
  margin-right: 20px;
}
.transitions-section .perspective .kit-unit-box {
  width: 65px;
}
.transitions-section .individual-perspective .hoverable-tooltip {
  display: inline-block;
  padding-top: 5px;
}
.transitions-section .individual-perspective .kit-svg-icon {
  margin-top: 5px;
  margin-right: 10px;
}
.transitions-section .individual-perspective .kit-unit-slider {
  width: 82px;
  margin-right: 24px;
}
.transitions-section .transform-origin .presets,
.transitions-section .perspective-origin .presets {
  width: 54px;
  float: left;
}
.transitions-section .transform-origin .presets .preset,
.transitions-section .perspective-origin .presets .preset {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 18px;
  height: 18px;
  float: left;
  background-color: #2b2b2b;
  cursor: default;
  color: #737373;
}
.transitions-section .transform-origin .presets .preset.active,
.transitions-section .perspective-origin .presets .preset.active {
  color: #d9d9d9;
}
.transitions-section .transform-origin .presets .preset.active.exact,
.transitions-section .perspective-origin .presets .preset.active.exact,
.transitions-section .transform-origin .presets .preset:hover,
.transitions-section .perspective-origin .presets .preset:hover {
  color: #d9d9d9;
}
.transitions-section .transform-origin .kit-inset-box,
.transitions-section .perspective-origin .kit-inset-box {
  padding: 0;
}
.transitions-section .transform-origin .left,
.transitions-section .perspective-origin .left,
.transitions-section .transform-origin .top,
.transitions-section .perspective-origin .top {
  float: left;
}
.transitions-section .transform-origin .left > .kit-svg-icon,
.transitions-section .perspective-origin .left > .kit-svg-icon,
.transitions-section .transform-origin .top > .kit-svg-icon,
.transitions-section .perspective-origin .top > .kit-svg-icon {
  display: inline-block;
  margin: 21px 7px 0 12px;
  width: 9px;
  height: 10px;
}
.transitions-section .transform-origin .left > i,
.transitions-section .perspective-origin .left > i {
  background-position: -260px 0px;
}
.transitions-section .transform-origin .top > i,
.transitions-section .perspective-origin .top > i {
  background-position: -240px 0px;
}
.transitions-section .transform-origin .kit-unit-box,
.transitions-section .perspective-origin .kit-unit-box {
  margin-top: 15px;
}
.transitions-section .transform-origin {
  padding-top: 0;
}
.transitions-section .transform-origin .kit-label {
  padding-top: 0;
}
.transitions-section .transform-origin .kit-unit-box {
  width: 42px;
}
.transitions-section .perspective-origin .kit-unit-box {
  width: 52px;
}
.transitions-section .kit-inset-box {
  margin-top: 6px;
}
.transitions-section .parent-perspective {
  margin-top: 8px;
}
.transitions-section .parent-perspective .parent-perspective-target {
  float: left;
  margin-left: 3px;
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid #d9d9d9;
  border-radius: 100%;
}
.transitions-section .parent-perspective .parent-perspective-target > .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: #d9d9d9;
  left: calc(49%);
  top: calc(49%);
}
.transitions-section .parent-perspective .parent-perspective-target:before,
.transitions-section .parent-perspective .parent-perspective-target:after {
  content: '';
  position: absolute;
  border: 5px solid #d9d9d9;
}
.transitions-section .parent-perspective .parent-perspective-target:before {
  left: 0px;
  top: calc(49%);
  margin-left: -3px;
  height: 1px;
  width: 5px;
  border-width: 0 5px 0 5px;
}
.transitions-section .parent-perspective .parent-perspective-target:after {
  left: calc(49%);
  top: 0;
  margin-top: -3px;
  height: 5px;
  width: 1px;
  border-width: 5px 0 5px 0;
}
.transitions-section .parent-perspective .parent-perspective-label {
  margin-left: 8px;
  float: left;
}
.transitions-section .parent-perspective .parent-perspective-class {
  margin-left: 6px;
  float: left;
}
.transitions-section .parent-perspective .parent-perspective-class .parent-perspective-class-value {
  max-width: 100px;
  border-bottom: 1px dotted #a6a6a6;
  color: #a6a6a6;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  cursor: default;
  transition: color 200ms ease, border-bottom-color 200ms ease;
}
.transitions-section .parent-perspective .parent-perspective-class .parent-perspective-class-value:hover {
  color: #d9d9d9;
  border-bottom-color: #d9d9d9;
  border-bottom-style: solid;
}
.transitions-section .parent-perspective .parent-perspective-class .parent-perspective-class-value.preview {
  border-bottom: none;
  color: #a6a6a6;
  cursor: default;
}
.transitions-section .parent-perspective .parent-perspective-class .panel {
  margin-top: -10px;
  pointer-events: none;
}
.symbols-section .kit-button.disabled {
  pointer-events: auto;
}
.symbols-section .kit-button.new-symbol > i {
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
  margin-top: 6px;
}
.symbols-section .kit-button.unlink-symbol {
  margin-right: -1px;
}
.symbols-section .kit-button.unlink-symbol > i {
  background-position: -520px -20px;
  width: 17px;
  height: 18px;
  margin-top: 1px;
}
.symbols-section .kit-empty-list .add-icon {
  display: inline-block;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
  vertical-align: -2px;
  margin-right: 1px;
  opacity: 0.7;
}
.symbols-section .kit-title.leading {
  padding-bottom: 7px;
  color: #d9d9d9;
}
.symbols-section .button-group .kit-button {
  right: 1px;
}
.kit-list-item.symbol {
  min-height: 38px;
}
.kit-list-item.symbol .kit-drag-handle {
  left: -7px;
  top: 3px;
  height: 36px;
  position: relative;
  float: left;
}
.kit-list-item.symbol > .draggable-area {
  position: absolute;
  top: 0;
  right: 20px;
  bottom: 0;
  left: 10px;
  cursor: -webkit-grab;
  cursor: grab;
}
.kit-list-item.symbol .kit-list-divider {
  left: 33px;
}
.kit-list-item.symbol .edit,
.kit-list-item.symbol .trash {
  width: 20px;
}
.kit-list-item.symbol .edit > i,
.kit-list-item.symbol .trash > i {
  pointer-events: none;
  margin-top: 12px;
}
.kit-list-item.symbol .edit {
  right: 17px;
  z-index: 1;
}
.kit-list-item.symbol .trash {
  right: 1px;
}
.kit-list-item.symbol .trash.inactive {
  opacity: 0.1;
}
.kit-list-item.symbol .symbol-name {
  margin: 5px 10px 1px 0;
  color: #a6a6a6;
}
.kit-list-item.symbol .symbol-count {
  color: #a6a6a6;
}
.kit-list-item.symbol .symbol-preview {
  background-position: -560px -260px;
  width: 17px;
  height: 19px;
  float: left;
  margin: 8px 18px 0 2px;
  opacity: 0.5;
}
.kit-list-item.symbol:hover .symbol-preview {
  opacity: 0.8;
}
.kit-list-item.symbol:hover .symbol-name,
.kit-list-item.symbol:hover .symbol-count {
  color: #d9d9d9;
}
.kit-list-item.symbol.wf-drag-helper {
  width: 160px;
  color: #d9d9d9;
  font-size: 12px;
  border-radius: 2px;
}
.kit-list-item.symbol.wf-drag-helper .kit-drag-handle {
  opacity: 0.6;
}
.kit-list-item.symbol.wf-drag-helper .edit,
.kit-list-item.symbol.wf-drag-helper .trash,
.kit-list-item.symbol.wf-drag-helper .symbol-count {
  display: none;
}
.kit-list-item.symbol.wf-drag-helper .symbol-name {
  margin-top: 11px;
}
.wf-menu-arrow {
  width: 14px;
  height: 14px;
  position: relative;
  display: inline-block;
  vertical-align: -1px;
  border-radius: 2px;
  background: #5e5e5e;
  border: 1px solid #333333;
  padding: 2px 2px;
  transition: box-shadow 200ms ease;
}
.wf-menu-arrow:hover {
  background: #6b6b6b;
}
.wf-menu-arrow:before {
  content: '';
  position: absolute;
  top: 5px;
  left: 3px;
  width: 0px;
  height: 0px;
  border-style: solid;
  border-width: 3px 3px 0 3px;
  border-color: #ffffff transparent transparent transparent;
}
.wf-menu {
  position: absolute;
  display: none;
  z-index: 39;
  border: 1px solid #212121;
  background: #404040;
  border-radius: 2px;
  color: #d9d9d9;
  padding: 10px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
}
.wf-menu > .tab {
  position: absolute;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wf-menu > .tab > .inner {
  cursor: default;
}
.wf-menu.flat-style {
  border-radius: 0;
  background: #5e5e5e;
  border: 1px solid #333333;
  color: rgba(255, 255, 255, 0.9);
}
.wf-menu.flat-style > .tab {
  width: 26px;
  right: -1px;
  top: -28px;
  height: 28px;
}
.wf-menu.round-style > .tab {
  right: -3px;
  top: -30px;
  overflow: hidden;
  padding: 3px 3px 0;
}
.wf-menu.round-style > .tab > .inner {
  position: relative;
  background: #404040;
  border-radius: 2px 2px 0 0;
  height: 27px;
  bottom: -2px;
  border-bottom: 0;
}
.wf-menu.round-style > .tab > .inner:after {
  content: "";
  position: absolute;
  width: 3px;
  height: 1px;
  background: #404040;
  left: 0;
  bottom: 0;
}
.wf-menu.visible {
  display: block;
}
.wf-menu.pseudo-class-menu {
  width: 89px;
  padding: 4px 0px 4px 7px;
  border-radius: 3px;
}
.wf-menu.pseudo-class-menu > .tab {
  top: -26px;
  right: -4px;
}
.wf-menu.pseudo-class-menu > .tab > .inner {
  height: 22px;
}
.wf-menu.pseudo-class-menu > .tab .wf-menu-arrow {
  margin-left: 3px;
  margin-right: 3px;
  vertical-align: 0;
  position: relative;
  top: 3px;
  left: -1px;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo {
  display: block;
  padding: 3px 0;
  color: #a6a6a6;
  text-decoration: none;
  font-size: 11px;
  cursor: default;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo > .radio {
  position: relative;
  width: 12px;
  height: 12px;
  margin-right: 5px;
  float: left;
  pointer-events: none;
  border: 1px solid #212121;
  border-radius: 100px;
  background: #2b2b2b;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo > .radio:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 2px;
  width: 6px;
  height: 6px;
  border-radius: 100px;
  box-shadow: 0 0 0 1px #212121;
  display: none;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo > .status {
  width: 10px;
  height: 6px;
  display: none;
  margin: 0 0 0 4px;
  vertical-align: 1px;
  background-position: -420px -80px;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo:hover {
  color: #d9d9d9;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo:hover > .radio {
  background: #232323;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo:hover > .radio:before {
  background-color: #404040;
  display: block;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo.none.active {
  color: #d9d9d9;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo.none.active > .radio {
  background: #232323;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo.none.active > .radio:before {
  background-color: #d9d9d9;
  display: block;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo.active {
  color: #fff;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo:not(.none).active > .radio:before {
  display: block;
  background-color: #2ad986;
}
.wf-menu.pseudo-class-menu > .inner > .pseudo.present > .status {
  display: inline-block;
  opacity: 1.0;
}
.wf-menu.linked-rules-menu {
  width: 220px;
  margin: 0 1px;
  margin-top: -5px;
  padding: 0;
  font-family: Arial, sans-serif, Georgia, serif;
  font-weight: normal;
  cursor: default;
}
.wf-menu.linked-rules-menu > .inner .css-selector {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 2px 0;
  border-bottom: 1px solid #212121;
  background-color: #404040;
  cursor: default;
  zoom: 1;
}
.wf-menu.linked-rules-menu > .inner .css-selector i.icon.icon-main.nested {
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin-top: 8px;
}
.wf-menu.linked-rules-menu > .inner .css-selector:before,
.wf-menu.linked-rules-menu > .inner .css-selector:after {
  content: " ";
  display: table;
}
.wf-menu.linked-rules-menu > .inner .css-selector:after {
  clear: both;
}
.wf-menu.linked-rules-menu > .inner .css-selector.current,
.wf-menu.linked-rules-menu > .inner .css-selector:hover {
  background-color: #4d4d4d;
}
.wf-menu.linked-rules-menu > .inner .css-selector .css-tokens .token {
  max-width: 100%;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.wf-menu.linked-rules-menu > .inner .css-selector > .media-icon.medium {
  margin: 2px 7px 0 7px;
}
.wf-menu.linked-rules-menu > .inner .css-selector > .media-icon.small {
  margin: 4px 7px 0 7px;
}
.wf-menu.linked-rules-menu > .inner .css-selector > .media-icon.tiny {
  margin: 3px 9px 0 7px;
}
.wf-menu.linked-rules-menu > .inner .css-selector:last-child {
  border-bottom: 0;
  box-shadow: none;
}
.wf-menu.linked-rules-menu > .inner .css-selector.disabled {
  pointer-events: none;
  cursor: default;
}
.wf-menu.linked-rules-menu > .inner .css-selector > .type-icon {
  position: absolute;
  top: 10px;
  right: 7px;
  width: 12px;
  height: 12px;
  visibility: hidden;
}
.wf-menu.linked-rules-menu > .inner .css-selector.typographic > .type-icon,
.wf-menu.linked-rules-menu > .inner .css-selector.best > .type-icon,
.wf-menu.linked-rules-menu > .inner .css-selector.current > .type-icon {
  visibility: visible;
}
.wf-menu.linked-rules-menu > .inner .css-selector.typographic .css-tokens,
.wf-menu.linked-rules-menu > .inner .css-selector.best .css-tokens,
.wf-menu.linked-rules-menu > .inner .css-selector.current .css-tokens {
  max-width: 162px;
}
.wf-menu.linked-rules-menu > .inner .css-selector.typographic:not(.current) > .type-icon {
  background-position: -220px -20px;
  width: 8px;
  height: 10px;
  opacity: 0.35;
}
.wf-menu.linked-rules-menu > .inner .css-selector.best:not(.current) > .type-icon {
  background-position: -500px -60px;
  width: 12px;
  height: 12px;
  opacity: 0.35;
}
.wf-menu.linked-rules-menu > .inner .css-selector.current > .type-icon {
  background-position: -460px -60px;
  width: 12px;
  height: 11px;
  opacity: 0.85;
}
.wf-menu.unit-menu {
  padding: 0;
}
.wf-menu.unit-menu > .tab {
  top: -25px;
}
.wf-menu.unit-menu > .tab > .inner {
  height: 18px;
}
.wf-menu.unit-menu > .tab > .inner:after {
  top: 24px;
}
.wf-menu.unit-menu > .tab > .inner > .units {
  padding: 2px 3px 1px;
  margin: 4px 0 0 0;
  text-align: center;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: normal;
  pointer-events: none;
}
.wf-menu.unit-menu > .inner > .units > .unit {
  display: block;
  color: #d9d9d9;
  text-decoration: none;
  padding: 5px 8px 4px;
  font-size: 9px;
  text-transform: uppercase;
  font-weight: normal;
  border-bottom: 1px solid #212121;
  cursor: default;
}
.wf-menu.unit-menu > .inner > .units > .unit:last-child {
  border-bottom: 0;
}
.wf-menu.unit-menu > .inner > .units > .unit:hover {
  background-color: #4d4d4d;
}
.wf-menu.unit-menu > .inner > .units > .unit.current {
  color: #fff;
}
.kit-unit-box > .unit-menu {
  top: 19px;
  right: 0;
}
#pages-menu {
  height: 100%;
  position: absolute;
  top: 35px;
}
#pages-menu .header .wrap {
  max-width: 195px;
}
#pages-menu .header .btn-blank.disabled {
  opacity: 0.25;
  cursor: default;
}
#pages-menu .header .btn-blank i.common-trash {
  margin-top: 2px;
}
#pages-menu .pagetree-insertion-marker {
  display: block;
  height: 2px;
  background: #3490eb;
  pointer-events: none;
}
#pages-menu .pagetree-insertion-marker.warning {
  background-color: #c28f0e;
}
#pages-menu .pagetree-insertion-marker.restriction {
  background-color: #ea384c;
}
#pages-menu .main-scroll-pane {
  padding: 0 0 20px 0;
}
#pages-menu .click-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  height: 100%;
  padding-right: 10px;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
}
#pages-menu .click-wrapper.nested:before {
  content: '';
  width: 7px;
  height: 31px;
  background-position: -600px -300px;
  opacity: 0.3;
  display: block;
  position: absolute;
  top: 0px;
  margin-left: -2px;
}
#pages-menu .click-wrapper.depth-1 {
  padding-left: 0px;
}
#pages-menu .click-wrapper.depth-2 {
  padding-left: 16px;
}
#pages-menu .click-wrapper.depth-3 {
  padding-left: 32px;
}
#pages-menu .click-wrapper.depth-4 {
  padding-left: 48px;
}
#pages-menu .click-wrapper.depth-5 {
  padding-left: 64px;
}
#pages-menu .click-wrapper.depth-6 {
  padding-left: 80px;
}
#pages-menu .type-icon {
  -ms-flex-preferred-size: 30px;
  flex-basis: 30px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#pages-menu .type-icon > .icon-main {
  opacity: 0.7;
}
#pages-menu .row-label {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  vertical-align: middle;
}
#pages-menu .action-button {
  -ms-flex-item-align: end;
  align-self: flex-end;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%;
  width: 20px;
  display: none;
}
#pages-menu .action-button > .icon-main {
  opacity: 0.4;
}
#pages-menu .action-button:last-child {
  width: 25px;
  padding-right: 5px;
}
#pages-menu .action-button:not(.disabled):hover {
  cursor: default;
}
#pages-menu .action-button:not(.disabled):hover > .icon-main {
  opacity: 0.9;
}
#pages-menu .action-button.always-show {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-right: 5px;
}
#pages-menu .action-button.always-show:hover {
  cursor: default;
  opacity: 0.4;
}
#pages-menu .action-button.disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
#pages-menu .page-tree-row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  margin-top: -1px;
  position: relative;
  font-size: 12px;
  color: #cccccc;
  font-weight: 300;
  background-color: #404040;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  border-top: 1px solid #333333;
  border-bottom: 1px solid #333333;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
#pages-menu .page-tree-row:hover {
  background: #4d4d4d;
  color: #ebebeb;
}
#pages-menu .page-tree-row:hover .action-button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pages-menu .page-tree-row:hover .action-button.always-show {
  margin-right: 0;
}
#pages-menu .page-tree-row.active,
#pages-menu .page-tree-row.editing {
  cursor: default;
  background: #4d4d4d;
  color: #ebebeb;
}
#pages-menu .page-tree-row.active .type-icon,
#pages-menu .page-tree-row.editing .type-icon {
  opacity: 0.95;
}
#pages-menu .page-tree-row.editing .action-button.edit {
  display: none;
}
#pages-menu .page-tree-row.editing .action-button.always-show {
  margin-right: 0px;
}
#pages-menu .page-tree-row.editing:after {
  content: '';
  background-position: -559px -20px;
  width: 7px;
  height: 12px;
  margin-right: 11px;
  margin-left: 7px;
}
#pages-menu .page-tree-row.dragging {
  background-color: #3490eb !important;
}
#pages-menu .page-tree-row:last-of-type .click-wrapper.nested:before {
  background-position: -620px -300px;
}
#pages-menu section.nested-pages {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
}
#pages-menu section.nested-pages.nested:not(:last-child):before {
  content: '';
  position: absolute;
  width: 2px;
  background-color: rgba(255, 255, 255, 0.3);
  left: 10px;
  top: 1px;
  bottom: 1px;
  z-index: 2;
  pointer-events: none;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAfCAYAAAAmyadiAAADKGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS41LWMwMjEgNzkuMTU1NzcyLCAyMDE0LzAxLzEzLTE5OjQ0OjAwICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxNCAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCMkQ2MjgwNDU3MTcxMUU0QTdFOURDNzVGNjgwRkM3RSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCMkQ2MjgwNTU3MTcxMUU0QTdFOURDNzVGNjgwRkM3RSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjE5RkY4Q0VCNTcxNzExRTRBN0U5REM3NUY2ODBGQzdFIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjE5RkY4Q0VDNTcxNzExRTRBN0U5REM3NUY2ODBGQzdFIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+46a5MwAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAATSURBVAjXY/j//z8Dw6AjgOA/ADPxWqZad2SdAAAAAElFTkSuQmCC);
  background-repeat: repeat;
}
#pages-menu section.nested-pages.nested:not(:last-child).depth-2:before {
  left: 14px;
}
#pages-menu section.nested-pages.nested:not(:last-child).depth-3:before {
  left: 30px;
}
#pages-menu section.nested-pages.nested:not(:last-child).depth-4:before {
  left: 46px;
}
#pages-menu section.nested-pages.nested:not(:last-child).depth-5:before {
  left: 62px;
}
#pages-menu section.nested-pages.nested:not(:last-child).depth-6:before {
  left: 78px;
}
#pages-menu .kit-button .icon-main {
  display: inline-block;
  vertical-align: top;
}
#pages-menu .kit-button .icon-main.add-page {
  margin: 1px 0 0 4px;
}
#pages-menu .kit-button .icon-main.add-folder {
  margin: 1px 0 0 1px;
}
#pages-menu .slug-field input.slug[readonly] {
  color: rgba(255, 255, 255, 0.5);
}
.avoid-left-sidebar #pages-menu {
  left: 35px;
}
#pages-menu .folder-list .fancy-item {
  padding: 0 0 0 7px;
}
#pages-menu .folder-list .fancy-item.placeholder {
  padding: 6px 22px 6px 7px;
}
#pages-menu .folder-list .fancy-item.read-only {
  background-color: transparent;
  opacity: 0.35;
}
#pages-menu .folder-list .folder {
  padding: 6px 22px 6px 0px;
}
#pages-menu .folder-list .folder i.pages-folder-small {
  opacity: 0.5;
  margin-right: 5px;
}
#pages-menu .folder-list .folder i.pages-nested-small {
  display: none;
}
#pages-menu .folder-list .folder.nested i.pages-nested-small {
  display: inline-block;
  opacity: 0.25;
  vertical-align: 2px;
  margin-right: 3px;
}
#pages-menu .folder-list .folder.depth-1 {
  padding-left: 0px;
}
#pages-menu .folder-list .folder.depth-2 {
  padding-left: 5px;
}
#pages-menu .folder-list .folder.depth-3 {
  padding-left: 18px;
}
#pages-menu .folder-list .folder.depth-4 {
  padding-left: 31px;
}
#pages-menu .folder-list .folder.depth-5 {
  padding-left: 44px;
}
#pages-menu .folder-list .folder.depth-6 {
  padding-left: 57px;
}
#pages-menu .no-dynamic-pages {
  padding: 10px;
}
#pages-menu .page-meter {
  padding: 20px 10px 0;
  text-align: right;
  font-size: 11px;
}
#pages-menu .page-meter .total-bar {
  height: 5px;
  width: 100%;
  background-color: #3C3C3C;
  border-radius: 3px;
  box-shadow: inset 0 1px 0 0 #333;
  margin: 0 0 6px 0;
}
#pages-menu .page-meter .used-bar {
  height: 100%;
  width: 10%;
  border-radius: 3px;
  background-color: #2ad986;
}
#pages-menu .page-meter .pages-left {
  float: left;
  color: #40dd92;
}
#pages-menu .page-meter .page-counter {
  color: #777;
}
#pages-menu .page-meter.status-warn .used-bar {
  background-color: #c28f0e;
}
#pages-menu .page-meter.status-warn .pages-left {
  color: #daa110;
}
#pages-menu .page-meter.status-danger .used-bar {
  background-color: #c92c3f;
}
#pages-menu .page-meter.status-danger .pages-left {
  color: #d43b4d;
}
#pages-menu.form-visible .action-button.rearrange {
  display: none;
}
#pages-menu.form-visible .page-tree-row.editing:hover .action-button.rearrange {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
#pages-menu.form-visible .page-row.active:not(.editing) {
  background-color: #404040;
  color: #d9d9d9;
}
#pages-menu.form-visible .page-row.active:not(.editing):hover {
  background: #4d4d4d;
  color: #ebebeb;
}
#pages-menu.preview-mode button.create-folder,
#pages-menu.preview-mode button.create-page,
#pages-menu.preview-mode .action-button:not(.always-show) {
  display: none !important;
}
#pages-menu.preview-mode .page-tree-row:hover .action-button.always-show {
  margin-right: 5px;
}
.wf-outline {
  position: absolute;
  color: #178df7;
  pointer-events: none;
  opacity: 0.00;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.wf-outline > .breadcrumbs {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 25px;
  margin-top: -19px;
  margin-left: -1px;
}
.wf-outline > .breadcrumbs.temp-scrolling .crumb,
.wf-outline > .breadcrumbs.temp-scrolling .crumb > .inner {
  pointer-events: none !important;
}
.wf-outline > .breadcrumbs > .inner {
  position: absolute;
  bottom: 0;
  left: 0;
}
.wf-outline > .breadcrumbs > .inner > .show-more {
  position: absolute;
  left: 0;
  bottom: 9px;
  width: 14px;
  height: 14px;
  border-radius: 2px;
  background-color: rgba(0, 0, 0, 0.5);
  transition: background-color 200ms ease;
}
.wf-outline > .breadcrumbs > .inner > .show-more > i {
  background-position: -400px -460px;
  width: 9px;
  height: 9px;
  float: left;
  margin: 2px 0 0 2px;
  pointer-events: none;
}
.wf-outline > .breadcrumbs > .inner > .show-more:hover {
  background-color: #000000;
}
.wf-outline > .breadcrumbs > .inner > .crumbs {
  margin-bottom: 5px;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb {
  cursor: default;
  zoom: 1;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb:before,
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb:after {
  content: " ";
  display: table;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb:after {
  clear: both;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  height: 14px;
  display: none;
  float: left;
  clear: both;
  background-color: #178df7;
  color: #fff;
  padding: 1px 0 0 3px;
  border-radius: 2px;
  font-size: 11px;
  white-space: nowrap;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .icon {
  display: inline-block;
  width: 11px;
  height: 12px;
  margin-top: 1px;
  text-align: center;
  font-size: 0px;
  line-height: 0px;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .icon > .el-icon {
  display: inline-block;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .label {
  padding: 1px 4px 0 3px;
  vertical-align: 1px;
  font-weight: normal;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current {
  padding-bottom: 2px;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner {
  display: block;
  border-radius: 2px 0 0 0;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner:not(.has-mini-settings) {
  border-radius: 2px 2px 0 0;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner .open-mini-settings {
  border-radius: 0 2px 0 0;
}
.wf-outline > .breadcrumbs > .inner > .crumbs > .crumb:not(.current):hover > .inner {
  background-color: #ff542e;
}
.wf-outline > .corners {
  opacity: 0.0;
  transition: opacity 200ms ease;
}
.wf-outline > .corners > .corner {
  position: absolute;
  width: 5px;
  height: 5px;
  border: 1px solid #178df7;
}
.wf-outline > .corners > .corner.top-left {
  top: -10px;
  left: -10px;
  border-width: 0 1px 1px 0;
}
.wf-outline > .corners > .corner.top-right {
  top: -10px;
  right: -10px;
  border-width: 0 0 1px 1px;
}
.wf-outline > .corners > .corner.bottom-left {
  bottom: -10px;
  left: -10px;
  border-width: 1px 1px 0 0;
}
.wf-outline > .corners > .corner.bottom-right {
  bottom: -10px;
  right: -10px;
  border-width: 1px 0 0 1px;
}
.wf-outline.expanded > .breadcrumbs {
  overflow: visible;
}
.wf-outline.expanded > .breadcrumbs > .inner > .show-more {
  background-color: #000000;
}
.wf-outline.expanded > .breadcrumbs > .inner > .crumbs .crumb {
  padding-bottom: 2px;
}
.wf-outline.expanded > .breadcrumbs > .inner > .crumbs .crumb > .inner {
  display: block;
}
.wf-outline.hang-down > .breadcrumbs {
  top: auto;
  bottom: 0;
  margin-top: 0;
  margin-bottom: -18px;
}
.wf-outline.hang-down > .breadcrumbs > .inner {
  bottom: auto;
  top: 0;
}
.wf-outline.hang-down > .breadcrumbs > .inner > .show-more {
  bottom: auto;
  top: 9px;
}
.wf-outline.hang-down > .breadcrumbs > .inner > .crumbs {
  margin-bottom: 0;
  margin-top: 8px;
}
.wf-outline.hang-down > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner {
  border-radius: 0 0 0 2px;
}
.wf-outline.hang-down > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner:not(.has-mini-settings) {
  border-radius: 0 0 2px 2px;
}
.wf-outline.hang-down > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner .open-mini-settings {
  border-radius: 0 0 2px 0;
}
.wf-outline.inside > .breadcrumbs {
  margin-top: 0;
  left: 0;
  min-width: 0;
}
.wf-outline.inside > .breadcrumbs > .inner {
  bottom: auto;
  top: 0;
}
.wf-outline.inside > .breadcrumbs > .inner > .show-more {
  bottom: auto;
  top: 2px;
}
.wf-outline.inside > .breadcrumbs > .inner > .crumbs {
  margin-bottom: 0;
  margin-top: 0;
}
.wf-outline.inside > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner {
  border-radius: 0 0 0 0;
}
.wf-outline.inside > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner:not(.has-mini-settings) {
  border-radius: 0 0 2px 0;
}
.wf-outline.inside > .breadcrumbs > .inner > .crumbs > .crumb.current > .inner .open-mini-settings {
  border-radius: 0 0 2px 0;
}
.wf-outline.fixed {
  position: fixed;
}
.wf-outline.is-symbol {
  border-color: #27d86e;
}
.wf-outline.is-symbol.symbol-inst {
  box-shadow: inset 0 0 0 3px rgba(39, 216, 110, 0.15);
}
.wf-outline.is-symbol.symbol-inst:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
  background-color: rgba(39, 216, 110, 0.08);
}
.wf-outline.is-dynamic {
  border-color: #8e66ff;
}
.wf-outline.is-dynamic.dyn-inst:after {
  content: "";
  display: block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  left: 0;
  pointer-events: none;
}
.wf-outline.active {
  opacity: 0.99;
}
.wf-outline.active > .breadcrumbs > .inner > .show-more {
  pointer-events: auto;
}
.wf-outline.disabled {
  display: none !important;
}
.insert-guide {
  position: absolute;
  display: block;
  z-index: 12;
  pointer-events: none !important;
  height: 2px;
  background-color: #178df7;
  line-height: 0;
  font-size: 0;
  transition: background-color 200ms ease;
}
.insert-guide > .label {
  position: absolute;
  opacity: 0.0;
  color: white;
  font-size: 12px;
  line-height: 12px;
  bottom: 4px;
  left: 2px;
  padding: 2px 6px;
  max-width: 400px;
  display: inline-block;
  border-radius: 2px;
  transition: opacity 200ms ease;
  -webkit-font-smoothing: antialiased;
}
.insert-guide.error {
  background-color: #fa233b;
}
.insert-guide.error > .label {
  background-color: #fa233b;
  opacity: 1.0;
}
.insert-guide.faded {
  opacity: 0.35;
}
.insert-guide.vertical.error > .label {
  left: 10px;
  right: auto;
  bottom: auto;
  top: 0px;
}
.insert-guide.bright {
  border-bottom-color: #178df7;
}
.hud {
  position: absolute;
  left: -2000px;
  top: -2000px;
  z-index: 13;
  pointer-events: none;
}
.hud .dim {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.12);
  border: 1px solid transparent;
}
.hud .dim > .line {
  position: absolute;
  background-size: 1px;
}
.hud .dim > .line:before {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
}
.hud .dim > .line:after {
  content: '';
  position: absolute;
  background-repeat: no-repeat;
}
.hud .dim > .line > .label {
  color: #fff;
  position: absolute;
  display: block;
  z-index: 14;
  font-family: Arial, sans-serif, Georgia, serif;
  font-weight: 600;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
}
.hud .dim > .line > .label > .box {
  padding: 4px 6px;
  background-color: #178df7;
  border-radius: 3px;
  white-space: nowrap;
  transition: background-color 50ms linear;
}
.hud .dim > .line > .label > .box > .unit {
  text-shadow: none;
  color: rgba(255, 255, 255, 0.6);
  text-transform: uppercase;
  font-size: 9px;
  font-weight: bold;
  padding: 0 0 0 2px;
}
.hud .dim.top,
.hud .dim.bottom,
.hud .dim.height {
  width: 100%;
  height: auto;
  left: 0;
}
.hud .dim.top > .line,
.hud .dim.bottom > .line,
.hud .dim.height > .line {
  height: 100%;
  width: 15px;
  background-repeat: repeat-y;
  background-position: 50% top;
}
.hud .dim.top > .line:before,
.hud .dim.bottom > .line:before,
.hud .dim.height > .line:before,
.hud .dim.top > .line:after,
.hud .dim.bottom > .line:after,
.hud .dim.height > .line:after {
  background-size: 15px;
}
.hud .dim.top > .line:before,
.hud .dim.bottom > .line:before,
.hud .dim.height > .line:before {
  height: 1px;
  width: 100%;
}
.hud .dim.top > .line:after,
.hud .dim.bottom > .line:after,
.hud .dim.height > .line:after {
  width: 100%;
  height: 50%;
  max-height: 9px;
}
.hud .dim.top > .line > .label,
.hud .dim.bottom > .line > .label,
.hud .dim.height > .line > .label {
  margin-left: -204%;
  text-align: center;
  width: 500%;
  transition: top 200ms ease-out;
}
.hud .dim.right,
.hud .dim.left,
.hud .dim.width {
  width: auto;
  height: 100%;
  top: 0;
}
.hud .dim.right > .line,
.hud .dim.left > .line,
.hud .dim.width > .line {
  width: 100%;
  height: 15px;
  background-repeat: repeat-x;
  background-position: left 50%;
}
.hud .dim.right > .line:before,
.hud .dim.left > .line:before,
.hud .dim.width > .line:before,
.hud .dim.right > .line:after,
.hud .dim.left > .line:after,
.hud .dim.width > .line:after {
  background-size: 7px;
}
.hud .dim.right > .line:before,
.hud .dim.left > .line:before,
.hud .dim.width > .line:before {
  height: 100%;
  width: 1px;
}
.hud .dim.right > .line:after,
.hud .dim.left > .line:after,
.hud .dim.width > .line:after {
  height: 100%;
  width: 50%;
  max-width: 9px;
}
.hud .dim.right > .line > .label,
.hud .dim.left > .line > .label,
.hud .dim.width > .line > .label {
  margin-top: -2px;
  width: 65px;
  transition: left 200ms ease-out;
}
.hud .dim.top {
  top: 0;
  border-width: 1px 0 0 0;
}
.hud .dim.top > .line:before {
  bottom: 0;
  left: 0;
}
.hud .dim.top > .line:after {
  top: 0;
  left: 0;
  background-position: 50% top;
}
.hud .dim.top > .line > .label {
  top: 100%;
  padding-top: 10px;
}
.hud .dim.top.inside {
  border-width: 0 0 1px 0;
}
.hud .dim.top.inside > .line:before {
  bottom: auto;
  top: 0;
}
.hud .dim.top.inside > .line:after {
  top: auto;
  bottom: 0;
  background-position: 50% bottom;
}
.hud .dim.top.inside > .line > .label {
  top: -28px;
  padding-top: 0;
}
.hud .dim.right {
  right: 0;
  border-width: 0 1px 0 0;
}
.hud .dim.right > .line:before {
  top: 0;
  left: 0;
}
.hud .dim.right > .line:after {
  top: 0;
  right: 0;
  background-position: right 50%;
}
.hud .dim.right > .line > .label {
  left: -75px;
  margin-left: 0;
  text-align: right;
}
.hud .dim.right.inside {
  border-width: 0 0 0 1px;
}
.hud .dim.right.inside > .line:before {
  left: auto;
  right: 0;
}
.hud .dim.right.inside > .line:after {
  right: auto;
  left: 0;
  background-position: left 50%;
}
.hud .dim.right.inside > .line > .label {
  left: 100%;
  text-align: left;
  margin-left: 10px;
}
.hud .dim.bottom {
  bottom: 0;
  border-width: 0 0 1px 0;
}
.hud .dim.bottom > .line:before {
  top: 0;
  left: 0;
}
.hud .dim.bottom > .line:after {
  bottom: 0;
  left: 0;
  background-position: 50% bottom;
}
.hud .dim.bottom > .line > .label {
  top: -28px;
  padding-top: 0;
}
.hud .dim.bottom.inside {
  border-width: 1px 0 0 0;
}
.hud .dim.bottom.inside > .line:before {
  top: auto;
  bottom: 0;
}
.hud .dim.bottom.inside > .line:after {
  bottom: auto;
  top: 0;
  background-position: 50% top;
}
.hud .dim.bottom.inside > .line > .label {
  top: 100%;
  padding-top: 10px;
}
.hud .dim.left {
  left: 0;
  border-width: 0 0 0 1px;
}
.hud .dim.left > .line:before {
  top: 0;
  right: 0;
}
.hud .dim.left > .line:after {
  top: 0;
  left: 0;
  background-position: left 50%;
}
.hud .dim.left > .line > .label {
  left: 100%;
  margin-left: 10px;
}
.hud .dim.left.inside {
  border-width: 0 1px 0 0;
}
.hud .dim.left.inside > .line:before {
  right: auto;
  left: 0;
}
.hud .dim.left.inside > .line:after {
  left: auto;
  right: 0;
  background-position: right 50%;
}
.hud .dim.left.inside > .line > .label {
  left: -75px;
  margin-left: 0;
  text-align: right;
}
.hud .dim.margin {
  border-color: #178df7;
}
.hud .dim.margin > .line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFQLD/AAAAZP29RgAAAA5JREFUeNpiYAABgAADAAAGAAHgQhFOAAAAAElFTkSuQmCC);
}
.hud .dim.margin > .line:before {
  background-color: #178df7;
}
.hud .dim.margin.top > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKhJREFUeNrM1u0JgCAQBmDvnaBRGqE2aJUmcYVGaIMaoVHawBRO6EdE3Uf0wiEq6IPcDymlFIgoSNLNqcnDwtN+HWiXnFMMCMKcEC3XwmuiwACxcakwMED0XCoMtIjSF9wbKgy0iLqvxcACYYGBFUKLgSVCg4E1QoqBB0KCgRfiLQaeiDcYeCOeYvAF4gmmvkj0Rtxg4hky5pq8EReYie8OVD4lf8ghwADc6rW7WyIoJAAAAABJRU5ErkJggg==);
}
.hud .dim.margin.right > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANhJREFUeNqs1QsNwjAQBuDdHwQgBQnMARKwgAMcgAMs4GBIQAoOypW0ZLCuvUcvuVzWZd96abtRCGHoEhna38ONc2t1kJAzlyPnZMWQ6pXzybmzYh/ocaAXl9GD5Rm5McwvPBj+B6wYSoMWDGs3tBhqb9FgaPUuxSBZEQkG6T5pYdDs3hpG8fQTkepcpYenhEV0NEElDEOnMEGl1tADiYuAHoiqtRoihlqICJIgTUiKVCENsgppkSJkQRaQFfmBPMj83+9C5jO6eJAYm1RPuVqQ7xeyR7wFGAByyLoQbZBL/gAAAABJRU5ErkJggg==);
}
.hud .dim.margin.bottom > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAMtJREFUeNrM1WENwjAQBeDeFEzKJDAHSJgFFIADcIAFHAwJSMFBuSPXBVi3Xe92C01eLml/vC9NmkKMMfzFSpDdLZ4w9Va91IW50iRDlRA4jph+Cwx39JgOc6a9is8umAem8cZ8IBruPAyQ+x6eOFpvTAbRcvdwI+6YOcQXxBOzhBhBPDASRBayJkaKmISsgSlBzEIsmFLEIkSD0SBEkBKMFiGGSDAWBC2gDwcATC+Bj9SIt6EUMoEJWoQJksEELcIM+cEELSJBXgIMAGGtz9lgUF/SAAAAAElFTkSuQmCC);
}
.hud .dim.margin.left > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANZJREFUeNqs1oENwiAQBdDSOICjOIKdQFdwBCfpCo7gBjiCo3QDhIY2NqXc/fs0IU1IeLkDjpwLIXQtPmddeH2Hc/yNcTz9rZtOBOLjuOSpR08i3xRRmu9JZPjc3QRBNUQNSYgK0iAipEWqEIIcQihShCzIDrIiG4hBVohFZqgFskREI3DRStCQo0lR+ZwqDuVUaGxOrQW27hGLbTabwXanZsWKx2/BDu8RilUvJIKJN1uLqUpEg6lrTcLgJqL07KQmAq7+QmSj+Rn5w15LE+FaNVo/AQYAsYqx2cF/850AAAAASUVORK5CYII=);
}
.hud .dim.margin.negative {
  border-color: #ff542e;
}
.hud .dim.margin.negative > .line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRF/19AAAAAYPQSJAAAAA5JREFUeNpiYAABgAADAAAGAAHgQhFOAAAAAElFTkSuQmCC);
}
.hud .dim.margin.negative > .line:before {
  background-color: #ff542e;
}
.hud .dim.margin.negative > .line > .label > .box {
  background-color: #ff542e;
}
.hud .dim.margin.negative.top > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANBJREFUeNrM1IsNwiAQBmCuEzhKR9BJdAUn0A10A+MkdQRHcQP8IZCogXKP0tjkQsLj7msLkPfe/cWTIX6/PSM2q9VFLcQttjAMGYHmhJjWwKQaE+KAuIS+IY1dEU/E2BvzgRhTzWPop/BZiKg0YUf3x6szItaIhgyZm9gTkffpF6QXppWzCFkaw8lVhSyF4eaYhVgxkrVNiBYjXcOCiN9OA+dC2JtO+StFkOZdYNlPUkitYBpSnzAVpIJxpmOuhRQwznLxmSA/GGe6fWF4CzAAqbIIliaGozQAAAAASUVORK5CYII=);
}
.hud .dim.margin.negative.right > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM5JREFUeNqs1oEJwyAQBdAYOkBH6QjNJKUjdJKskE5iRugo2cBaMaEhxrt/X0GEQB53eie6EELXYjjrj+Fxv8ZljPPVTX65EIiP85Y/PXsS+aSI4uhJZHDveYGgGqKGJEQFaRAR0iJVCEFOIRQpQhbkAFmRHcQgG8QiCWqBrBHRCNy0EjTkaH5R+ZwqDuVUaCyl1gLb9ojFdpvNYIdTs2LF47dgp3WEYtWCRDCxsrWYqkU0mLrXJAxq2hoGd38BG83XyB82rY8I1+qh9RVgALh5sd1JFiRcAAAAAElFTkSuQmCC);
}
.hud .dim.margin.negative.bottom > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKdJREFUeNrM1u0JgCAQBmDvnaBRGqEmaYYmaQWbpEZolDYwhQv8EVH3Eb1wiAr6IPdDSikFIgqSpKFr8rDwtKd53UXnZAOCMBWi5Vp4TRQYIDYuFQYGiJ5LhYEWUfqCe0OFgRZx7msxsEBYYGCF0GJgidBgYI2QYuCBkGDghXiLgSfiDQbeiKcYfIF4gjlfZPJG3GCmGjLmit6IC0zkuwOVT8kfcggwAHUmtRmOoqnZAAAAAElFTkSuQmCC);
}
.hud .dim.margin.negative.left > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANZJREFUeNqs1YsNwiAQBuDeHwdwFEewk+gKbuAGuoFxkjqCo7gBHgqmKoV7cMnlUpp+5QKlFEIYukSGwm574VxbHSTkyGXPOVkxpHrmvHNurNgLouvtwWX0YHlGbgzzCw+G3wErhtKgBcPSDS2G2ls0GFq9SzFIVkSCQbpPWhg0u7eGUfz6iUh3YrwfnhIW0dEElTAMncIElVpDDyQuAnogqtZqiBhqISJIgjQhKVKFNMgipEWKkAX5g6zIF+RB5v9+FzKf0cmDxFilesjVgnxOyB7xFGAA1ua4KoK6XYsAAAAASUVORK5CYII=);
}
.hud > .ghost-box {
  position: absolute;
}
.hud > .ghost-box.visible {
  outline: 1px dashed #ea384c;
  display: block;
}
.hud > .padding-box {
  position: absolute;
}
.hud > .padding-box > .dim {
  border-color: #27d86e;
}
.hud > .padding-box > .dim.top > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAM1JREFUeNrM1cENwjAMBdC4EzAJ6o1z7wzBCkwAG8AGLMG9Z26ISdgg2MipKKStY9cVkb4sJYf/FCkKxBjDX6wE2Ty2R8xqqV7qwlxokqFKCBwHTLsEhjtazA5zor2Kz86YO6b2xnwgau7cd5Db+vrE0XhjMoiGu7sbcceMIXoQT8wU4gfigZEgspA5MVLEIGQOTAliFGLBlCImIRqMBiGClGC0CDFEgrEgaAF9OABgegl8pEa8DaWQAUzQIkyQDCZoEWbIFyZoEQnyEmAAQYbJ1TsJR4wAAAAASUVORK5CYII=);
}
.hud > .padding-box > .dim.right > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANVJREFUeNqs1s0NgyAUB/BiOoCLtPHWs/cu0RE6iSt0B717tbemk7gBgkGjEXkff0gICYm/vAfvGYy19pJjGO2Hj/+zdEvj5nu4teMVQHo3q7D1KkDk5yPy+wWI1N97N4qgFMKGKIQFcRAS4iJJSIKcQlIkCmmQA6RFdhCCrBCKzFAOZIkIRsRNS0F1iMZH1YdU5VBIBcbm1HJg6xmh2O6wEexwa1osev0a7LSOpFiyICUYWdlcjNUiHIzdaxQmatoUJu7+CNaofyMb7LM8Ikyuh9YkwAAnGbHd4/6eHgAAAABJRU5ErkJggg==);
}
.hud > .padding-box > .dim.bottom > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAKpJREFUeNrM1r0JgDAQBeDcm8BJxM7a3mWcxBUcwt7aTpzEDWICJ1iI6P2ID46QBJKPcEUoxhiIKEhSr22RhomnzVyOm+ScbEAQ5oSouCZeEwUGiIVLhYEBouFSYaBF5L7g3lBhoEUc+1oMLBAWGFghtBhYIjQYWCOkGHggJBh4Id5i4Il4g4E34ikGXyCeYI4X6b0RN5j+DOlSDd6IC8zAdwfKn5I/ZBdgAHU9tIc2539QAAAAAElFTkSuQmCC);
}
.hud > .padding-box > .dim.left > .line:after {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAANtJREFUeNqs1csNwjAMBuDmFwMwCeLGuXeGYAU2YAPYgCW498wNMQkbBAclKIU08SOWLKup+jVWktZ574cukaDdc3+lXGsdRORE5UA5aTHEeqF8UG612Ae6b24vKqMFSzMyY8gvLBh+B7QYSoMaDEs3pBhqb5FgaPXOxcBZEQ4G7j5pYZDs3hrmwul3zonOVXx4ilhARxVUwjB0ChVUag09kLAI6IGIWqshbKiFsCAO0oS4SBWSIIuQFClCGuQP0iIzyILk/34Tks/obEFCrGI9pqpBvl/IHvEWYAAEjbZ0Yka0ZgAAAABJRU5ErkJggg==);
}
.hud > .padding-box > .dim > .line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFN9JMAAAAnu9FZgAAAA5JREFUeNpiYAABgAADAAAGAAHgQhFOAAAAAElFTkSuQmCC);
}
.hud > .padding-box > .dim > .line:before {
  background-color: #27d86e;
}
.hud > .padding-box > .dim > .line > .label > .box {
  background-color: #27d86e;
}
.hud > .padding-box > .size-box {
  width: 100%;
  height: 100%;
}
.hud > .padding-box > .size-box > .dim {
  border: 0;
}
.hud > .padding-box > .size-box > .dim > .line {
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAIAAAACCAMAAABFaP0WAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAAZQTFRFAAAA////pdmf3QAAAA5JREFUeNpiYAABgAADAAAGAAHgQhFOAAAAAElFTkSuQmCC);
  border: 1px solid black;
  box-sizing: border-box;
}
.hud > .padding-box > .size-box > .dim > .line > .label > .box {
  background-color: black;
  color: white;
}
.hud > .padding-box > .size-box > .dim > .line > .label > .box > .unit {
  color: rgba(255, 255, 255, 0.6);
}
.hud > .padding-box > .size-box > .dim.width {
  left: 0;
  width: 100%;
}
.hud > .padding-box > .size-box > .dim.width > .line {
  width: 100%;
  height: 15px;
  border-width: 0 1px 0 1px;
}
.hud > .padding-box > .size-box > .dim.width > .line:before {
  width: 30%;
  max-width: 9px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJVJREFUeNrE1lsKgCAQheFsBe3/xSW5JHMeAikvc/mhQIIePtT0zKRa6/H3c7WR5R2ZjCClDRGyF+qR4p3RB5GPVmiIWKEpYoGWiBbaIhpIhewgNbKCTMgMMiMjyIW8ITfSQyGkh0LIA510QCFLwzYb/f3ogUSvCHpp0RhBgw2NWjT80XKEFki0ZKNNxLCtSVSjdQswAA37svnt23M2AAAAAElFTkSuQmCC);
  background-position: left 50%;
}
.hud > .padding-box > .size-box > .dim.width > .line:after {
  right: 0;
  width: 30%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAiCAYAAABStIn6AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNrElskNwCAMBCEVpOR0QkmURIjEIweHj5GChOA1Atu7diylBGQ10F53aqcLdFzXurMZdntRdsFuMfLBXsG2wzpZs8EG6dfDJnWkgy0KUg4TVLYMJpTIGqbQ2hymFO0YZlB/H2a0kS/M4UcP2Bao9efXkGAj6UcKEpEIIlrERhBjQ6wWMX+kHSENEmvZiRwiXGNNpAatU4ABAB/Estol9RTAAAAAAElFTkSuQmCC);
  background-position: right 50%;
}
.hud > .padding-box > .size-box > .dim.width > .line > .label {
  right: -75px;
}
.hud > .padding-box > .size-box > .dim.height {
  top: 0;
  height: 100%;
}
.hud > .padding-box > .size-box > .dim.height > .line {
  height: 100%;
  width: 15px;
  border-width: 1px 0 1px 0;
}
.hud > .padding-box > .size-box > .dim.height > .line:before {
  height: 25%;
  max-height: 9px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJtJREFUeNq81ksKwCAMBFB7g9x/kyN5pLQUhSAa89EIgW6ceUoLLURUAgu+qW3AG/IbApCOoDZuTATCEXV4hiwITIohgvFApEI3xgrRFLkwFoilwIzRQjynNO3RQCIvoXrvDgLRz1KbIUFOINRZK8hJhCpzBrmB2GaPkJsIsYNDMhBLDIdgEmKGwfFGMAnBMdhv5An+GB1brwADACX4u52GIqqnAAAAAElFTkSuQmCC);
  background-position: 50% top;
}
.hud > .padding-box > .size-box > .dim.height > .line:after {
  bottom: 0;
  height: 30%;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAASCAYAAAA+PQxvAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJ5JREFUeNrM1GEKgCAMBeC6gUfuJh6pI2kLfwybuu2pJIRC+N4HpWdK6fjFYJDrecLGauqKNL+GAiEELe5NmFC6qDNyCH+xGvPp4pBdGLGjhqzGNLMlyCpMN7MFmY0ZZvUgszCqjBEExaj3aiBejGmPFmINNsMtEG2B61NaIaMi9//kgbQKoRPmhUgY6JgjkBoDXXwohGOg25cMWYABANQ0u0/ayUHSAAAAAElFTkSuQmCC);
  background-position: 50% bottom;
}
.hud > .padding-box > .size-box > .dim.height > .line > .label {
  bottom: -30px;
}
.hud-preload {
  font-family: Arial, sans-serif, Georgia, serif;
  font-weight: 600;
  visibility: hidden;
}
body.wf-control.wf-resizing .wf-mask {
  display: none;
}
body.wf-control.wf-resizing .wf-resizing-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483647;
}
body.wf-control.wf-image-resizing * {
  cursor: nwse-resize;
}
body.wf-control.wf-image-resizing .selected-outline {
  border-color: transparent;
}
body.wf-control.wf-image-resizing .selected-outline .breadcrumbs,
body.wf-control.wf-image-resizing .selected-outline .resize-handle {
  display: none;
}
body.wf-control.wf-image-resizing .resize-hint {
  display: block;
}
body.wf-control.wf-canvas-resizing * {
  cursor: col-resize;
}
body.wf-control.wf-canvas-resizing .wf-outline {
  display: none;
}
.selected-outline > .resize-handle {
  position: absolute;
  bottom: -5px;
  right: -5px;
  height: 10px;
  width: 10px;
  background-color: transparent;
  cursor: nwse-resize;
  pointer-events: all;
}
.selected-outline > .resize-handle:hover::before {
  height: 8px;
  width: 8px;
  bottom: 1px;
  right: 1px;
}
.selected-outline > .resize-handle::before {
  position: absolute;
  height: 6px;
  width: 6px;
  bottom: 2px;
  right: 2px;
  background-color: #fff;
  border: 1px solid #178df7;
  box-sizing: border-box;
  content: '';
}
.selected-outline.is-symbol > .resize-handle::before {
  border-color: #27d86e;
}
.selected-outline.is-dynamic > .resize-handle::before {
  border-color: #8e66ff;
}
.resize-hint {
  display: none;
  position: fixed;
  clear: both;
}
.resize-hint > .main,
.resize-hint > .note {
  float: left;
  padding: 7px;
  padding-bottom: 5px;
  background-color: #404040;
  border-radius: 2px;
}
.resize-hint > .main {
  margin-right: 5px;
}
.resize-hint > .main > .value,
.resize-hint > .main .x {
  float: left;
}
.resize-hint > .main > .x {
  opacity: 0.6;
}
.resize-hint > .main > .x::before,
.resize-hint > .main > .x::after {
  content: '\00A0';
}
.resize-hint > .note:empty {
  display: none;
}
.resize-hint .text {
  color: #d9d9d9;
  font-size: 12px;
  white-space: nowrap;
}
.canvas-resize-handle .handle {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 14;
}
.canvas-resize-handle .handle:before {
  content: "";
  position: absolute;
  top: 0;
  left: -3px;
  width: 4px;
  height: 100%;
  background: #178df7;
  display: none;
}
.canvas-resize-handle .right-handle {
  right: -14px;
  width: 14px;
}
.canvas-resize-handle .left-handle {
  left: -1px;
  width: 3px;
  pointer-events: all;
  cursor: col-resize;
}
.canvas-resize-handle .tab-handle {
  position: fixed;
  top: 50%;
  width: 14px;
  height: 38px;
  margin-top: -19px;
  background: #808080;
  cursor: col-resize;
  pointer-events: all;
  border-top-right-radius: 3px;
  border-bottom-right-radius: 3px;
}
.canvas-resize-handle .tab-handle:before,
.canvas-resize-handle .tab-handle:after {
  content: "";
  position: absolute;
  top: 8px;
  bottom: 8px;
  width: 1px;
  background: #a6a6a6;
}
.canvas-resize-handle .tab-handle:before {
  left: 5px;
}
.canvas-resize-handle .tab-handle:after {
  left: 8px;
}
.canvas-resize-handle .tab-handle:hover {
  background: #178df7;
}
.canvas-resize-handle .tab-handle:hover:before,
.canvas-resize-handle .tab-handle:hover:after {
  background: #48a5f9;
}
.canvas-resize-handle .gutter-handle {
  position: absolute;
  top: 0;
  left: -3px;
  width: 4px;
  height: 100%;
  cursor: col-resize;
  pointer-events: all;
}
.canvas-resize-handle:hover .handle:before {
  display: block;
}
.canvas-resize-handle:hover .tab-handle {
  background: #178df7;
  border-color: #178df7;
}
.canvas-resize-handle:hover .tab-handle:before,
.canvas-resize-handle:hover .tab-handle:after {
  background: #48a5f9;
}
.media-main .canvas-resize-handle .handle:before {
  width: 4px;
}
.media-main .canvas-resize-handle .right-handle {
  width: 17px;
  right: -14px;
}
.media-main .canvas-resize-handle .right-handle .tab-handle {
  left: 3px;
  -webkit-transform: none;
  transform: none;
}
.media-main .canvas-resize-handle .right-handle:hover:before,
.media-main .canvas-resize-handle .right-handle.wf-canvas-resizing:before {
  right: 0px;
  background: #178df7;
}
.media-main .canvas-resize-handle .gutter-handle {
  width: 4px;
  left: 0px;
}
.media-main .canvas-resize-handle .left-handle {
  width: 3px;
  left: 0;
}
.media-main .canvas-resize-handle:hover .right-handle:before {
  left: 0px;
  background: #178df7;
}
.wf-canvas-resizing .tab-handle {
  background: #676767;
  border-color: #676767;
}
.wf-canvas-resizing .tab-handle:before,
.wf-canvas-resizing .tab-handle:after {
  background: #a6a6a6;
}
#wf-eyedropper-button {
  display: none;
}
.style-tab .kit-blocker {
  display: none;
}
.style-tab .kit-blocker.dummy,
.style-tab .kit-blocker.too-small,
.style-tab .kit-blocker.zoom,
.style-tab .kit-blocker.symbol,
.style-tab .kit-blocker.no-class,
.style-tab .kit-blocker.not-allowed {
  display: block;
}
.style-tab .kit-blocker.dummy .notice.dummy {
  opacity: 1.0;
}
.style-tab .kit-blocker.not-allowed h3 {
  font-size: 16px;
}
.style-tab .kit-blocker.not-allowed .message {
  margin: 15px 0;
}
.style-tab .kit-blocker.not-allowed > .notice.not-allowed {
  opacity: 1.0;
}
.style-tab .kit-blocker.too-small > .notice.too-small {
  opacity: 1.0;
}
.style-tab .kit-blocker.zoom > .notice.zoom {
  opacity: 1.0;
}
.style-tab .kit-blocker.symbol > .notice.symbol {
  opacity: 1.0;
}
.style-tab .kit-blocker.no-class:not(.typing-class) > .notice.no-class {
  opacity: 1.0;
}
.style-tab .kit-blocker.no-class .sprite-main {
  display: none;
}
.style-tab .kit-blocker.no-class h3 {
  font-size: 16px;
}
.style-tab .kit-blocker.no-class .message {
  line-height: 16px;
  margin-top: 0;
  padding-left: 15px;
  padding-right: 15px;
}
.style-tab .kit-blocker.no-class .message .token {
  display: inline-block;
  position: relative;
  height: 23px;
  padding: 3px 5px 0px;
  margin: 0 1px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  border-radius: 2px;
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  font-weight: lighter;
}
.style-tab .kit-blocker.no-class .message ol {
  padding: 0 0 0 2px;
  text-align: left;
  margin: 15px 0;
}
.style-tab .kit-blocker.no-class .message ol li {
  position: relative;
  line-height: 16px;
  padding-bottom: 5px;
  left: 17px;
  width: 160px;
}
.style-tab .kit-blocker.no-class .message ol li > span {
  position: relative;
}
.style-tab .kit-blocker.no-class .message ol li i.icon-main {
  position: absolute;
  left: 0;
  top: 4px;
  opacity: .7;
}
.style-tab .kit-blocker.no-class .message ol li i.icon-main.noclass-position {
  top: 2px;
  left: -2px;
}
.style-tab .kit-blocker.no-class .message ol li i.icon-main.noclass-type {
  top: 4px;
}
.style-tab .kit-blocker.no-class .message ol li i.icon-main.noclass-more {
  top: 10px;
  left: 1px;
}
.style-tab .kit-blocker .notice.no-class {
  display: none;
}
.style-tab .kit-blocker.no-class .notice.no-class {
  display: block;
}
.style-tab .kit-blocker .bem-Svg {
  margin: 15px auto 15px;
}
.style-tab .kit-section > .kit-section-title.local > .cascade-indicator > i,
.style-tab .kit-section > .kit-section-title.upstream > .cascade-indicator > i {
  width: 10px;
  height: 6px;
  display: inline-block;
  margin: 0 0 0 4px;
  background-position: -420px -80px;
  opacity: 1.0;
  transition: opacity 200ms ease;
}
.style-tab .kit-section > .kit-section-title.upstream > .cascade-indicator > i {
  background-position: -440px -80px;
}
.style-tab .kit-section > .kit-section-title.upstream.local > .cascade-indicator > i {
  background-position: -460px -80px;
}
.style-tab .kit-section.open > .kit-section-title > .cascade-indicator > i {
  opacity: 0;
}
.style-tab .kit-section.position > .kit-section-title {
  border-top-color: #333333;
}
.style-tab .kit-section.position .kit-divider.after-margin {
  margin: 7px 0 3px;
}
.style-tab .kit-section.hidden {
  display: none;
}
.style-tab .disabled {
  cursor: not-allowed;
  pointer-events: none;
}
.style-tab .disabled.kit-list-item {
  pointer-events: auto;
}
.style-tab .disabled[data-disable-when] {
  pointer-events: auto;
}
.style-tab .target-toggle {
  position: relative;
  height: auto;
  padding: 0 0 0 19px;
  line-height: 14px;
  text-decoration: none;
  cursor: default;
  color: #a6a6a6;
  transition: opacity 50ms ease;
}
.style-tab .target-toggle > i {
  opacity: .5;
  position: absolute;
  left: 0;
  top: -2px;
}
.style-tab .target-toggle:hover {
  color: #d9d9d9;
}
.style-tab .target-toggle:hover > i {
  opacity: .75;
}
.style-tab .target-toggle.visible {
  color: #d9d9d9;
}
.style-tab .target-toggle.visible > i {
  opacity: .75;
}
.settings-tab {
  color: #d9d9d9;
}
.settings-tab .kit-blocker.dummy > .notice.dummy {
  opacity: 1.0;
}
.settings-tab .kit-blocker.symbol > .notice.symbol {
  opacity: 1.0;
}
.settings-tab .kit-panel .hide {
  display: none;
}
.settings-tab .kit-text-box {
  width: 172px;
}
.settings-tab .panel-highlight {
  opacity: 0;
  -webkit-animation: wf-blink-in 1s;
  animation: wf-blink-in 1s;
  border: 2px solid #2ad986;
  box-shadow: 0 0 15px #2ad986;
  background-color: rgba(42, 217, 134, 0.25);
  border-radius: 2px;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
  pointer-events: none;
}
#interactions-tab {
  color: #d9d9d9;
}
html.wf-doc.avoid-right-sidebar {
  margin-right: 241px;
}
.right-sidebar {
  position: fixed;
  width: 241px;
  height: 100%;
  right: 0;
  top: 0px;
  background-color: #2b2b2b;
  border-left: 1px solid #1a1a1a;
  padding: 0;
  z-index: 16;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  /* .assets-tab-parent, .tab.assets-tab.active {
    background: @panelColor;
    z-index: 2!important;
  } */
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.right-sidebar > .tabs {
  height: 35px;
}
.right-sidebar > .tabs > .tab {
  display: block;
  position: relative;
  float: left;
  width: 48px;
  height: 35px;
  background: #2b2b2b;
  border-right: 1px solid #212121;
  border-bottom: 1px solid #212121;
  cursor: default;
}
.right-sidebar > .tabs > .tab > span {
  display: block;
  width: 100%;
  height: 100%;
}
.right-sidebar > .tabs > .tab > span > i {
  opacity: 0.6;
  transition: opacity 50ms ease;
}
.right-sidebar > .tabs > .tab:hover > span > i {
  opacity: 1.0;
}
.right-sidebar > .tabs > .tab.active {
  background: #404040;
  border-bottom: 0;
  border-right: 1px solid 1px solid #212121;
  cursor: default;
  box-shadow: -1px -1px 0 0 #212121, 0 2px 0 0 #404040;
  position: relative;
  z-index: 2;
}
.right-sidebar > .tabs > .tab.active > span {
  border-color: transparent;
}
.right-sidebar > .tabs > .tab.active > span > i {
  opacity: 0.99;
}
.right-sidebar > .tabs > .tab:last-child {
  border-right: none;
}
.right-sidebar > .tabs > .tab.add-tab > span > i {
  background-position: -340px 0px;
  width: 15px;
  height: 15px;
  margin-top: 9px;
}
.right-sidebar > .tabs > .tab.style-tab > span > i {
  background-position: -400px 0px;
  width: 23px;
  height: 19px;
  margin-top: 7px;
}
.right-sidebar > .tabs > .tab.settings-tab > span > i {
  background-position: -360px 0px;
  width: 18px;
  height: 18px;
  margin-top: 8px;
}
.right-sidebar > .tabs > .tab.navigator-tab > span > i {
  background-position: -440px 0px;
  width: 20px;
  height: 17px;
  margin-top: 10px;
}
.right-sidebar > .tabs > .tab.all-styles-tab > span > i {
  background-position: -380px 0px;
  width: 19px;
  height: 16px;
  margin-top: 9px;
}
.right-sidebar > .tabs > .tab.interactions-tab > span > i {
  background-position: -480px 0px;
  width: 12px;
  height: 15px;
  margin-top: 9px;
}
.right-sidebar > .tabs > .tab.assets-tab > span > i {
  background-position: -460px 0px;
  width: 20px;
  height: 15px;
  margin-top: 9px;
}
.right-sidebar > div > div > .inner,
.right-sidebar > .inner {
  color: #d9d9d9;
  position: absolute;
  top: 35px;
  bottom: 0;
}
.right-sidebar > div > div > .inner > .tab-pane,
.right-sidebar > .inner > .tab-pane {
  width: 240px;
  position: absolute;
  top: 0;
  bottom: 0;
  pointer-events: none;
  box-shadow: 0 -1px 0 0 #212121;
}
.right-sidebar .scroll-track {
  right: 0;
  top: 3px;
  bottom: 3px;
}
.right-sidebar.disabled > .tabs,
.right-sidebar.disabled > div > div > .inner,
.right-sidebar.disabled > .inner {
  opacity: 0.3;
  pointer-events: none;
}
.right-sidebar .nav-buttons {
  float: right;
}
.right-sidebar .nav-buttons > .nav-button {
  float: left;
  margin-left: 13px;
  color: #a6a6a6;
  transition: color 50ms ease;
}
.right-sidebar .nav-buttons > .nav-button:hover {
  color: #d9d9d9;
  cursor: default;
}
.hidden-modals {
  display: none;
}
.modal-mask {
  z-index: 10000;
  pointer-events: none;
  position: fixed;
  width: 200%;
  height: 200%;
  top: -50%;
  left: -50%;
  background-color: rgba(0, 0, 0, 0.75);
  opacity: 0.0;
  transition: opacity 50ms ease-in;
}
.modal-mask.active {
  pointer-events: auto;
  opacity: 1.0;
}
.modal-dialog {
  position: fixed;
  pointer-events: none;
  z-index: 10001;
  padding: 7px;
  width: 500px;
  left: 100px;
  top: 100px;
  opacity: 0.0;
  transition: opacity 50ms ease-in;
}
.modal-dialog.active {
  opacity: 1.0;
  pointer-events: auto;
}
.modal-dialog .kit-button {
  padding: 6px 15px;
  font-size: 14px;
  font-weight: bold;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.modal-dialog > .inner {
  background: #404040;
  border-radius: 3px;
  border: 1px solid #212121;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  color: #d9d9d9;
}
.modal-dialog > .inner h1 {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  color: #d9d9d9;
}
.modal-dialog > .inner .modal-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-bottom: 25px;
}
.modal-dialog > .inner .modal-header h1 {
  white-space: nowrap;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  margin: 0;
  padding: 0;
}
.modal-dialog > .inner .modal-header .action-buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.save-modal {
  padding: 20px;
  color: #d9d9d9;
  -webkit-font-smoothing: antialiased;
}
.save-modal .description {
  width: 100%;
  font-size: 12px;
  margin-bottom: 20px;
  padding: 13px 10px;
}
.save-modal .kit-text-input {
  float: none;
  margin-top: 10px;
}
.save-modal .kit-button {
  cursor: default;
  padding: 6px 15px;
  font-size: 14px;
  font-weight: bold;
  color: #d9d9d9;
}
.save-modal .kit-button.save {
  float: none;
}
.save-modal .kit-button.close {
  float: right;
}
.save-modal > h1 {
  margin: 0 0 5px 0;
  padding: 0 0 10px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  color: #d9d9d9;
}
.bem-EasingModal {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  position: relative;
}
.bem-EasingModal .bem-Modal_Head {
  cursor: move;
}
.bem-EasingModal .bem-EasingModal_Background {
  background-color: rgba(0, 0, 0, 0);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  position: absolute;
  pointer-events: none;
}
.bem-EasingModal .bem-EasingModal_Background-blocked {
  pointer-events: all;
}
.bem-EasingModal .bem-Modal_Body {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 0;
}
.bem-EasingModal .bem-Modal_Card {
  height: 330px;
  position: absolute;
  right: 0px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  pointer-events: all;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
}
.bem-EasingModal .bem-EasingModal_List {
  width: 160px;
  position: relative;
  padding-top: 2px;
  border-right: 1px solid #212121;
}
.bem-EasingModal .bem-EasingModal_Editor {
  width: 235px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-EasingModal .bem-EasingModal_PlaybackControl {
  transition: color 50ms ease;
  position: absolute;
  top: -40px;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  color: #a6a6a6;
  font-size: 12px;
  font-weight: 400;
}
.bem-EasingModal .bem-EasingModal_PlaybackControl:hover {
  color: #d9d9d9;
}
.bem-EasingModal .bem-EasingModal_PlaybackControl-label {
  margin-left: 8px;
  color: #a6a6a6;
}
.bem-EasingModal .bem-EasingModal_AxisLabel {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 24px;
  text-transform: uppercase;
  font-size: 8px;
  letter-spacing: 0.25em;
  color: #737373;
  cursor: default;
  pointer-events: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-EasingModal .bem-EasingModal_AxisLabel--horizontal {
  bottom: -24px;
}
.bem-EasingModal .bem-EasingModal_AxisLabel--vertical {
  left: -24px;
  top: 100%;
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
  -webkit-transform-origin: left top 0;
  transform-origin: left top 0;
}
.bem-EasingModal .bem-EasingModal_CurveControl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative;
}
.bem-EasingModal .bem-EasingModal_SettingsIcon {
  display: inline;
  margin-right: 5px;
}
.bem-EasingModal .bem-EasingModal_Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-left: 10px;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 18px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove > i {
  position: absolute;
  background-position: -80px -20px;
  width: 5px;
  height: 6px;
  opacity: 0.5;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
  transition: opacity 200ms;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover > i {
  opacity: 1;
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: default;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #f2f2f2;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  color: white;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
}
.selectize-dropdown [data-selectable] {
  cursor: default;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  font-weight: 800;
  text-decoration: underline;
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: default;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: '!';
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown-header {
  position: relative;
  padding: 5px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
}
.selectize-dropdown-header-close:hover {
  color: #000000;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  float: left;
  box-sizing: border-box;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button [data-value] {
  position: relative;
  padding-right: 24px !important;
}
.selectize-control.plugin-remove_button [data-value] .remove {
  z-index: 1;
  /* fixes ie bug (see #392) */
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 17px;
  text-align: center;
  font-weight: bold;
  font-size: 12px;
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 0 0 0;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
}
.selectize-control.plugin-remove_button [data-value] .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button [data-value].active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove:hover {
  background: none;
}
.selectize-control.plugin-remove_button .disabled [data-value] .remove {
  border-left-color: #ffffff;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown,
.selectize-input,
.selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  -webkit-font-smoothing: inherit;
}
.selectize-input,
.selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  overflow: hidden;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled,
.selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: -moz-inline-stack;
  display: inline-block;
  zoom: 1;
  *display: inline;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div,
.selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: #ffffff;
  border: 0 solid #ffffff;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 2px 0 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  -webkit-user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input::after {
  content: ' ';
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: ' ';
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown [data-selectable],
.selectize-dropdown .optgroup-header {
  padding: 5px 8px;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #f5fafd;
  color: #495c68;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
}
.selectize-control.single .selectize-input,
.selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active,
.selectize-control.single .selectize-input.input-active input {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
html {
  background: #a6a6a6;
}
html.avoid-top-bar body {
  height: calc(100% - 35px);
  margin-top: 35px;
}
html.avoid-bottom-bar body {
  height: calc(100% - 29px - 35px);
}
html.avoid-left-sidebar {
  margin-left: 35px;
}
html.wf-drag-mode * {
  cursor: no-drop !important;
}
html.wf-drag-mode .allow-drag-cursor,
html.wf-drag-mode .allow-drag-cursor * {
  cursor: -webkit-grabbing !important;
  cursor: grabbing !important;
}
html.wf-drag-mode.wf-drag-clone .allow-drag-cursor,
html.wf-drag-mode.wf-drag-clone .allow-drag-cursor * {
  cursor: copy !important;
}
.workspace {
  position: relative;
  overflow: hidden;
  height: 100%;
}
.workspace.loading {
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
  transition: -webkit-filter 500ms ease-out;
  transition: filter 500ms ease-out;
  transition: filter 500ms ease-out, -webkit-filter 500ms ease-out;
}
.workspace.loading.loaded {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.workspace .workspace-warnings .workspace-warning {
  position: absolute;
  left: 5px;
  right: 5px;
  padding: 10px;
  background: #ea384c;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-size: 14px;
  font-weight: bold;
  -webkit-font-smoothing: antialiased;
  text-align: center;
  color: #fff;
  z-index: 17;
  opacity: 0;
  pointer-events: none;
  transition: opacity 200ms ease;
}
.workspace .workspace-warnings .workspace-warning.top {
  top: 0;
  border-radius: 0 0 3px 3px;
}
.workspace .workspace-warnings .workspace-warning.bottom {
  bottom: 0;
  border-radius: 3px 3px 0 0;
}
.workspace .workspace-warnings .workspace-warning.visible {
  opacity: 1;
  pointer-events: auto;
}
.workspace .workspace-warning.zoom-level {
  background-color: #ea384c;
}
.workspace > .site-canvas {
  background: white;
  position: relative;
  height: 100%;
  margin: 0 auto;
  box-shadow: 0 0 40px rgba(0, 0, 0, 0.1);
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  font-size: 0px;
  line-height: 0px;
}
.workspace > .site-canvas > .media-details {
  position: absolute;
  left: -200px;
  top: 160px;
  width: 355px;
  pointer-events: none;
  -webkit-transform: rotate(-90deg) translateZ(0);
  transform: rotate(-90deg) translateZ(0);
  font-size: 12px;
  line-height: 12px;
  color: #d9d9d9;
  -webkit-font-smoothing: antialiased;
}
.workspace > .site-canvas > .media-details > .name {
  float: left;
  margin: 1px 5px 0 0;
  padding: 3px 7px 3px;
  border-radius: 2px;
  background-color: #808080;
}
.workspace > .site-canvas > .media-details > .size {
  float: left;
  margin: 5px 0 0 4px;
}
.workspace > .site-canvas > .media-details > .size > strong {
  font-weight: bold;
}
.workspace.media-medium > .site-canvas,
.workspace.media-small > .site-canvas,
.workspace.media-tiny > .site-canvas {
  margin: 0 auto;
}
#tools {
  position: absolute;
  z-index: 14;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: visible;
  line-height: 12px;
}
#tools.catch-mouse-events {
  pointer-events: auto;
}
#tools.hidden > .wf-control:not(.grid) {
  display: none;
}
#panels {
  display: none;
}
#site-iframe-next-container {
  display: inline;
  height: 100%;
}
#site-iframe {
  width: 100%;
  min-height: 100%;
  max-height: 100%;
  border: 0;
  position: relative;
  overflow: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}
#site-iframe.xray-mode {
  -webkit-filter: grayscale(1);
  filter: grayscale(1);
}
.autoscroll-border {
  border-bottom: 3px solid #ff542e !important;
}
#responsive-images-iframe {
  position: absolute;
  top: -2000px;
  height: 2000px;
  overflow: hidden;
  border: none;
}
.hidden-before-load {
  display: none;
}
#preload-assets {
  width: 1px;
  height: 1px;
  position: fixed;
  bottom: 0;
  right: 0;
  opacity: 0.01;
}
.debug-panel {
  display: none;
  z-index: 100000;
  border-radius: 4px;
  position: absolute;
  left: 10px;
  top: 10px;
  min-width: 400px;
  min-height: 300px;
  background: #666;
  overflow: scroll;
}
.debug-panel.visible {
  display: block;
}
#debug-undo-stack {
  width: 800px;
}
#debug-undo-stack > .column {
  width: 50%;
  float: left;
  min-height: 100%;
}
#debug-undo-stack > .column > .title {
  padding: 5px;
  margin-bottom: 10px;
  border-bottom: 1px solid #999;
}
#debug-undo-stack > .column > .title > .count {
  float: right;
  font-weight: bold;
}
#debug-undo-stack > .column > .stack {
  overflow: scroll;
}
#debug-undo-stack > .column > .stack > .command {
  padding: 5px;
  margin: 0 0 1px 0;
  background-color: #fff;
  color: #333;
  font-size: 12px;
}
#debug-undo-stack > .column > .stack > .command > div {
  font-weight: bold;
}
#debug-undo-stack > .column > .stack > .command > div .key {
  width: 75px;
  font-weight: normal;
  display: inline-block;
}
#debug-undo-stack > .column > .stack > .command.unknown {
  background-color: #f89406;
}
#debug-undo-stack > .column.undo {
  border-right: 1px solid #ddd;
}
.style-tab .disabled.disabled-cond {
  pointer-events: auto;
}
.kit-button:hover > .wf-tip,
.kit-color-input > .preview:hover > .wf-tip,
.kit-swatch:hover > .wf-tip,
.kit-swatch > .rgba:hover > .wf-tip,
.cursor-button:hover > .wf-tip {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 200ms;
}
.kit-button:hover > .wf-tip.hoverable,
.kit-color-input > .preview:hover > .wf-tip.hoverable,
.kit-swatch:hover > .wf-tip.hoverable,
.kit-swatch > .rgba:hover > .wf-tip.hoverable,
.cursor-button:hover > .wf-tip.hoverable {
  pointer-events: inherit;
  cursor: default;
}
.kit-button:hover > .wf-tip.hoverable::after,
.kit-color-input > .preview:hover > .wf-tip.hoverable::after,
.kit-swatch:hover > .wf-tip.hoverable::after,
.kit-swatch > .rgba:hover > .wf-tip.hoverable::after,
.cursor-button:hover > .wf-tip.hoverable::after {
  content: '';
  position: absolute;
  height: 10px;
  width: 100%;
  left: 0;
  bottom: -10px;
  display: block;
}
.kit-button > .wf-tip,
.kit-color-input > .preview > .wf-tip,
.kit-swatch > .wf-tip,
.kit-swatch > .rgba > .wf-tip,
.cursor-button > .wf-tip {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: background-color 50ms ease, opacity 50ms ease-in, -webkit-transform 50ms ease-in;
  transition: background-color 50ms ease, opacity 50ms ease-in, transform 50ms ease-in;
  transition: background-color 50ms ease, opacity 50ms ease-in, transform 50ms ease-in, -webkit-transform 50ms ease-in;
}
.kit-button > .wf-tip.top,
.kit-color-input > .preview > .wf-tip.top,
.kit-swatch > .wf-tip.top,
.kit-swatch > .rgba > .wf-tip.top,
.cursor-button > .wf-tip.top,
.kit-button > .wf-tip.top-left,
.kit-color-input > .preview > .wf-tip.top-left,
.kit-swatch > .wf-tip.top-left,
.kit-swatch > .rgba > .wf-tip.top-left,
.cursor-button > .wf-tip.top-left {
  bottom: 32px;
}
.kit-button > .wf-tip.bottom,
.kit-color-input > .preview > .wf-tip.bottom,
.kit-swatch > .wf-tip.bottom,
.kit-swatch > .rgba > .wf-tip.bottom,
.cursor-button > .wf-tip.bottom {
  bottom: -32px;
}
.kit-button > .wf-tip.win-fit,
.kit-color-input > .preview > .wf-tip.win-fit,
.kit-swatch > .wf-tip.win-fit,
.kit-swatch > .rgba > .wf-tip.win-fit,
.cursor-button > .wf-tip.win-fit {
  left: auto;
  right: 0;
}
.kit-button > .wf-tip.win-fit > .arrow,
.kit-color-input > .preview > .wf-tip.win-fit > .arrow,
.kit-swatch > .wf-tip.win-fit > .arrow,
.kit-swatch > .rgba > .wf-tip.win-fit > .arrow,
.cursor-button > .wf-tip.win-fit > .arrow {
  margin-right: -7px;
}
.kit-button > .wf-tip > .arrow,
.kit-color-input > .preview > .wf-tip > .arrow,
.kit-swatch > .wf-tip > .arrow,
.kit-swatch > .rgba > .wf-tip > .arrow,
.cursor-button > .wf-tip > .arrow {
  margin-left: -7px;
}
.layout-section .kit-field .kit-radio-button > .wf-tip > .arrow {
  margin-left: 0;
}
.style-tab .panel-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  width: 241px;
  background-color: rgba(26, 26, 26, 0.85);
}
.style-tab .kit-select2 > .select2-drop.select2-drop-above {
  top: auto;
  bottom: 23px;
}
.style-tab .bg-image-panel,
.style-tab .gradient-panel,
.style-tab .shadow-panel,
.style-tab .transition-panel,
.style-tab .transform-panel {
  left: -2px;
  top: 40px;
  width: 226px;
}
.style-tab .bg-image-panel.reverse,
.style-tab .gradient-panel.reverse,
.style-tab .shadow-panel.reverse,
.style-tab .transition-panel.reverse,
.style-tab .transform-panel.reverse {
  top: auto;
  bottom: 100%;
  margin-bottom: 10px;
}
.style-tab .pseudo-class-menu {
  right: -4px;
  top: 17px;
}
.style-tab .transition-parent > .guidance-panel-wrap {
  float: left;
}
.style-tab .layout-section .reset-panel .kit-field .kit-label {
  width: auto;
}
.style-tab .wf-eyedropper-fake-button {
  top: 4px;
  margin-left: 6px;
  margin-right: 2px;
  height: 21px;
  width: 21px;
}
.style-tab .wf-eyedropper-fake-button:not(.eyedropper-button-clickable) {
  cursor: default;
}
.style-tab .wf-eyedropper-fake-button:not(.eyedropper-button-clickable):hover {
  background: #5f5f5f;
}
.style-tab .wf-eyedropper-fake-button:not(.eyedropper-button-clickable)::after {
  content: '';
  height: 23px;
  width: 23px;
  position: absolute;
  top: -1px;
  left: -1px;
  background-color: #4b4b4b;
  opacity: 0.7;
}
.style-tab .wf-eyedropper-fake-button .wf-tip a {
  display: inline-block;
  margin-bottom: 2px;
  color: inherit;
}
.style-tab .wf-eyedropper-fake-button .eyedropper-button-icon {
  width: 15px;
  height: 13px;
  margin-top: 4px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
  background-position: -340px -20px;
  opacity: .65;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .style-tab .wf-eyedropper-fake-button .eyedropper-button-icon {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
  }
}
.style-tab .wf-eyedropper-fake-button.hide-tooltip .wf-tip {
  display: none;
}
.cursor-panel.guidance-panel {
  height: 385px;
  padding: 0 0 8px 0;
  background-color: #404040;
  border: 1px solid #212121;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  pointer-events: all;
}
.cursor-panel.guidance-panel > .tick::before {
  background: #404040;
  border: #212121;
}
.cursor-panel.guidance-panel .cursor-panel-content {
  padding: 7px 0 0 7px;
  width: 100%;
}
.cursor-panel.guidance-panel .cursor-panel-content .kit-label {
  display: block;
  padding-top: 0px;
}
.cursor-panel.guidance-panel .cursor-panel-content .cursor-buttons {
  margin-left: 4px;
}
.cursor-panel.guidance-panel .cursor-panel-content .cursor-buttons .cursor-button {
  position: relative;
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-top: 10px;
  margin-right: 10px;
  float: left;
}
.cursor-panel.guidance-panel .cursor-panel-content .cursor-buttons .cursor-button i {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
  background-size: 640px;
  background-repeat: no-repeat;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
}
.cursor-button.alias:hover {
  cursor: alias;
}
.cursor-button.alias > i {
  background-position: 0px -620px;
}
.cursor-button.all-scroll:hover {
  cursor: all-scroll;
}
.cursor-button.all-scroll > i {
  background-position: -20px -620px;
}
.cursor-button.auto:hover {
  cursor: auto;
}
.cursor-button.auto > i {
  background-position: -40px -620px;
}
.cursor-button.cell:hover {
  cursor: cell;
}
.cursor-button.cell > i {
  background-position: -60px -620px;
}
.cursor-button.context-menu:hover {
  cursor: context-menu;
}
.cursor-button.context-menu > i {
  background-position: -80px -620px;
}
.cursor-button.copy:hover {
  cursor: copy;
}
.cursor-button.copy > i {
  background-position: -100px -620px;
}
.cursor-button.col-resize:hover {
  cursor: col-resize;
}
.cursor-button.col-resize > i {
  background-position: -120px -620px;
}
.cursor-button.crosshair:hover {
  cursor: crosshair;
}
.cursor-button.crosshair > i {
  background-position: -140px -620px;
}
.cursor-button.default:hover {
  cursor: default;
}
.cursor-button.default > i {
  background-position: -160px -620px;
}
.cursor-button.grab:hover {
  cursor: -webkit-grab;
  cursor: grab;
}
.cursor-button.grab > i {
  background-position: -180px -620px;
}
.cursor-button.grabbing:hover {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.cursor-button.grabbing > i {
  background-position: -200px -620px;
}
.cursor-button.help:hover {
  cursor: help;
}
.cursor-button.help > i {
  background-position: -220px -620px;
}
.cursor-button.move:hover {
  cursor: move;
}
.cursor-button.move > i {
  background-position: -240px -620px;
}
.cursor-button.no-drop:hover {
  cursor: no-drop;
}
.cursor-button.no-drop > i {
  background-position: -260px -620px;
}
.cursor-button.none:hover {
  cursor: none;
}
.cursor-button.none > i {
  background-position: -280px -620px;
}
.cursor-button.not-allowed:hover {
  cursor: not-allowed;
}
.cursor-button.not-allowed > i {
  background-position: -300px -620px;
}
.cursor-button.pointer:hover {
  cursor: pointer;
}
.cursor-button.pointer > i {
  background-position: -320px -620px;
}
.cursor-button.progress:hover {
  cursor: progress;
}
.cursor-button.progress > i {
  background-position: -340px -620px;
}
.cursor-button.row-resize:hover {
  cursor: row-resize;
}
.cursor-button.row-resize > i {
  background-position: -360px -620px;
}
.cursor-button.text:hover {
  cursor: text;
}
.cursor-button.text > i {
  background-position: -380px -620px;
}
.cursor-button.vertical-text:hover {
  cursor: vertical-text;
}
.cursor-button.vertical-text > i {
  background-position: -400px -620px;
}
.cursor-button.wait:hover {
  cursor: wait;
}
.cursor-button.wait > i {
  background-position: -420px -620px;
}
.cursor-button.n-resize:hover {
  cursor: n-resize;
}
.cursor-button.n-resize > i {
  background-position: -440px -620px;
}
.cursor-button.w-resize:hover {
  cursor: w-resize;
}
.cursor-button.w-resize > i {
  background-position: -460px -620px;
}
.cursor-button.s-resize:hover {
  cursor: s-resize;
}
.cursor-button.s-resize > i {
  background-position: -480px -620px;
}
.cursor-button.e-resize:hover {
  cursor: e-resize;
}
.cursor-button.e-resize > i {
  background-position: -500px -620px;
}
.cursor-button.nw-resize:hover {
  cursor: nw-resize;
}
.cursor-button.nw-resize > i {
  background-position: -520px -620px;
}
.cursor-button.ne-resize:hover {
  cursor: ne-resize;
}
.cursor-button.ne-resize > i {
  background-position: -540px -620px;
}
.cursor-button.sw-resize:hover {
  cursor: sw-resize;
}
.cursor-button.sw-resize > i {
  background-position: -560px -620px;
}
.cursor-button.se-resize:hover {
  cursor: se-resize;
}
.cursor-button.se-resize > i {
  background-position: -580px -620px;
}
.cursor-button.ew-resize:hover {
  cursor: ew-resize;
}
.cursor-button.ew-resize > i {
  background-position: -600px -620px;
}
.cursor-button.ns-resize:hover {
  cursor: ns-resize;
}
.cursor-button.ns-resize > i {
  background-position: -620px -620px;
}
.cursor-button.nesw-resize:hover {
  cursor: nesw-resize;
}
.cursor-button.nesw-resize > i {
  background-position: 0px -640px;
}
.cursor-button.nwse-resize:hover {
  cursor: nwse-resize;
}
.cursor-button.nwse-resize > i {
  background-position: -20px -640px;
}
.cursor-button.zoom-in:hover {
  cursor: zoom-in;
}
.cursor-button.zoom-in > i {
  background-position: -40px -640px;
}
.cursor-button.zoom-out:hover {
  cursor: zoom-out;
}
.cursor-button.zoom-out > i {
  background-position: -60px -640px;
}
.hoverable-tooltip {
  display: inline-block;
  color: #1a1a1a;
}
.hoverable-tooltip:hover {
  cursor: default;
  color: #d9d9d9;
}
.hoverable-tooltip svg {
  color: #a6a6a6;
}
.hoverable-tooltip .panel,
.hoverable-tooltip .tick:before {
  background-color: #e6e6e6;
  border: #e6e6e6;
  pointer-events: none;
}
.hoverable-tooltip.warning i {
  width: 9px;
  height: 9px;
  display: inline-block;
  background-position: -20px -40px;
}
.w-spinner {
  width: 36px;
  height: 36px;
  overflow: hidden;
}
.w-spinner i {
  display: none;
  position: absolute;
}
.w-spinner .w-spinner-uploading-thin {
  display: block;
  top: 13px;
  left: 13px;
  opacity: .8;
}
.w-spinner .w-spinner-success {
  top: 13px;
  left: 12px;
}
.w-spinner .w-spinner-success-thin {
  top: 13px;
  left: 12px;
}
.w-spinner .w-spinner-cancel {
  top: 13px;
  left: 13px;
}
.w-spinner .w-common-loading-dots {
  top: -21px !important;
  left: 12px!important;
}
.w-spinner.w-queued .w-common-loading-dots {
  display: block;
}
.w-spinner.w-queued .w-spinner-uploading-thin {
  display: none;
}
.w-spinner.w-complete .w-spinner-uploading-thin {
  display: none;
}
.w-spinner.w-complete .w-spinner-success {
  display: block;
}
.w-spinner.w-medium.w-queued .w-common-loading-dots {
  top: -25px !important;
  left: 8px!important;
}
.w-spinner.w-medium .w-spinner-uploading-thin {
  top: 10px;
  left: 10px;
}
.w-spinner.w-medium .w-spinner-success {
  top: 11px;
  left: 9px;
}
.w-spinner.w-medium .w-spinner-cancel {
  top: 10px;
  left: 10px;
}
.w-spinner.w-small.w-queued .w-common-loading-dots {
  display: none;
}
.w-spinner.w-small .w-spinner-uploading-thin,
.w-spinner.w-small .w-spinner-success {
  display: none;
}
.w-spinner.w-small.w-complete .w-spinner-percent,
.w-spinner.w-small.w-complete .w-spinner-border {
  opacity: 0;
}
.w-spinner.w-small.w-complete .w-spinner-success-thin {
  display: block;
  top: 8px;
  left: 6px;
}
.w-spinner.w-small.w-error .w-spinner-percent,
.w-spinner.w-small.w-error .w-spinner-border {
  opacity: 0;
}
.w-spinner.w-small.w-error .w-spinner-cancel {
  display: none;
}
.w-spinner.w-small.w-error .w-spinner-success-thin {
  display: block;
  top: 6px;
  left: 7px;
}
.w-spinner svg {
  width: 100%;
  height: 100%;
}
.w-spinner .w-spinner-overlay {
  fill: rgba(0, 0, 0, 0.8);
}
.w-spinner .w-spinner-border {
  stroke-width: 1px;
  stroke: rgba(255, 255, 255, 0.35);
}
.w-spinner .w-spinner-percent {
  stroke: #fff;
  stroke-width: 2px;
}
.w-spinner .w-spinner-percent.w-hide {
  opacity: 0;
}
.w-spinner.w-complete .w-spinner-percent {
  stroke: #50bf5d;
}
.w-spinner.w-error .w-spinner-uploading-thin {
  display: none;
}
.w-spinner.w-error .w-spinner-percent {
  stroke: #f35353;
}
.w-spinner.w-error .w-spinner-cancel {
  display: block;
}
#asset-popover {
  position: static;
  width: 220px;
  background: none;
  border: 0;
  box-shadow: none;
  /* image details panel */
}
#asset-popover .kit-panel {
  overflow-x: hidden;
}
#asset-popover .kit-button.disabled {
  pointer-events: auto;
}
#asset-popover .kit-button.add-assets {
  border-bottom: 2px solid #333333;
  text-align: left;
  padding: 0 10px;
  width: 65px;
  height: 21px;
  margin-top: 0px;
}
#asset-popover .kit-button.add-assets span {
  display: inline-block;
  margin-left: 6px;
  font-size: 12px;
  vertical-align: super;
}
#asset-popover .kit-empty-list {
  width: 222px;
  padding: 15px 15px 18px;
}
#asset-popover .kit-empty-list .asset-empty-title {
  display: block;
  font-size: 11px;
  margin-bottom: 10px;
  opacity: 0.9;
}
#asset-popover .kit-empty-list .asset-empty-body {
  font-size: 11px;
  width: 200px;
  opacity: 0.9;
}
#asset-popover .title {
  padding-top: 0px;
  width: 111%;
  left: -10px;
  padding-left: 9px;
  margin-bottom: 13px;
}
#asset-popover .one-line-text {
  margin: 8px 0;
  font-size: 10px;
}
#asset-popover .image-name {
  font-size: 11px;
}
#asset-popover .tick {
  left: 2px;
}
#asset-popover .warning-text {
  color: #facb4b;
}
#asset-popover .delete-asset {
  width: 70px;
  margin-top: 12px;
  padding-right: 2px;
}
#asset-popover .delete-asset i {
  width: 15px;
  height: 11px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
  background-position: -40px -60px;
}
#asset-popover .delete-asset span {
  padding-right: 4px;
}
#asset-popover .confirm-deletion {
  background: #c92c3f;
  width: 110px;
  margin-top: 12px;
  color: #fff;
}
#asset-popover .confirm-deletion:hover {
  background: #d43b4d;
}
#asset-popover .confirm-deletion i {
  width: 15px;
  height: 11px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main.51db1c7702.png);
  background-position: -40px -60px;
}
#asset-popover .confirm-deletion span {
  padding-right: 4px;
}
#asset-popover .delete-confirmation {
  margin-top: 20px;
}
#asset-popover .confirmation-title {
  font-size: 11px;
  font-weight: bold;
  margin: 0 0 5px 0;
}
#asset-popover .confirmation-message {
  margin: 0;
}
#asset-popover .buttons {
  width: 200px;
}
#asset-popover .cancel-deletion {
  float: left;
  margin-left: 5px;
  width: 50px;
  margin-top: 12px;
}
#asset-popover i.url {
  opacity: 0.4;
  margin: -1px 3px;
  cursor: pointer;
}
#asset-popover i.url:hover {
  opacity: 0.7;
}
#asset-popover i.image-dimensions {
  margin-right: 5px;
  opacity: 0.7;
}
#asset-popover i.image-size {
  margin: 0 2px 0 4px;
  opacity: 0.7;
}
#asset-popover i.common-warning-small {
  margin-left: 2px;
}
#asset-popover i.globe {
  opacity: 0.7;
  margin: -1px 1px 0 0;
}
#asset-popover .kit-button.save {
  padding: 1px 25px;
  float: right;
  margin: 8px auto;
}
/* Note: external less veriables used in this file must exist in both designer and editor
and variables defined here must not conflict with those defined in the designer or editor
also rich-text.less has its own sprite-sheet */
.bem-RichText {
  pointer-events: auto;
}
.bem-RichText * {
  pointer-events: auto;
}
#w-rich-text-node-canvas {
  position: absolute;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bem-RichTextInput_ToolbarMount .bem-RTToolbar,
.w-editor-bem-RichTextInput_ToolbarMount .bem-RTToolbar {
  z-index: 2;
}
.panel.text-column-count-panel {
  padding: 6px;
}
.panel.text-column-count-panel .kit-label {
  padding-top: 2px;
  padding-bottom: 5px;
}
.panel.text-column-count-panel .kit-divider {
  margin: 3px 0 9px;
}
.panel.text-column-count-panel .kit-field {
  padding: 4px 0;
}
.panel.text-column-count-panel .kit-field.column-rule-color {
  padding: 4px 0;
  float: right;
  clear: right;
}
.panel.text-column-count-panel .kit-field.compact > .kit-label {
  width: 22px;
  padding: 0;
  margin: 0 1px 0 -1px;
}
.panel.text-column-count-panel .kit-field.text-column-gap .kit-unit-box,
.panel.text-column-count-panel .kit-field.column-rule-width .kit-unit-box {
  width: 65px;
}
.panel.text-column-count-panel .kit-color-input {
  width: 96px;
}
.bem-Field + .bem-Field,
.bem-WireframeField + .bem-WireframeField,
.bem-InlineField + .bem-Field,
.bem-Field_Group + .bem-Field,
.bem-Field + .bem-Field_Group {
  margin-top: 20px;
}
.bem-Field + .bem-Field-secondary,
.bem-WireframeField + .bem-WireframeField-secondary,
.bem-InlineField + .bem-Field-secondary {
  margin-top: 7px;
}
.bem-Field-inline + .bem-Field-inline,
.bem-Field-inline + .bem-Button {
  margin-top: 0;
  margin-left: 20px;
}
.bem-Icon + .bem-Text,
.bem-Svg + .bem-Text,
.bem-Text + .bem-Icon,
.bem-Button_Icon + .bem-Text,
.bem-Link_Icon + .bem-Text,
.bem-Text + .bem-Link_Icon,
.bem-Checkbox + .bem-Icon,
.bem-Pill + .bem-Pill,
.bem-Pill + .bem-Link,
.bem-Button + .bem-Button,
.bem-TextInput + .bem-Button,
.bem-Text + .bem-TextInput,
.bem-Link + .bem-Button,
.bem-Text + .bem-ProfilePictures,
.bem-Swatch + .bem-Text,
.bem-Text + .bem-Button,
.bem-SelectInput + .bem-Button,
.bem-TagSelect + .bem-Button {
  margin-left: 8px;
}
.bem-Dropdown + .bem-Dropdown,
.bem-ProfilePictures + .bem-Pane_Actions,
.bem-ProfilePicture + .bem-Text,
.bem-Button + .bem-Pane_Title {
  margin-left: 12px;
}
.bem-TextInput + .bem-Pill,
.bem-Heading + .bem-Image {
  margin-top: 8px;
}
.bem-TextInput + .bem-Pill {
  vertical-align: bottom;
}
.bem-Field_Notice + .bem-Field_Notice {
  margin-top: -5px;
}
.bem-List + .bem-Paragraph,
.bem-Field + .bem-Paragraph,
.bem-List + .bem-Pane_Message,
.bem-Pane_Message + .bem-Paragraph {
  margin-top: 12px;
}
.bem-Field_Label_Text + .bem-HintButton {
  margin-left: 7px;
}
.bem-Heading + .bem-Heading_Text {
  margin-top: 10px;
}
.bem-Heading + .bem-Paragraph,
.bem-Paragraph + .bem-Heading,
.bem-Compartment + .bem-Checkbox,
.bem-Paragraph + .bem-Paragraph {
  margin-top: 10px;
}
.bem-Heading + .bem-Field,
.bem-Heading + .bem-Pane_Message,
.bem-Heading + .bem-List {
  margin-top: 16px;
}
.bem-Heading_Text + .bem-Field,
.bem-Heading_Text + .bem-Pane_Message,
.bem-Heading_Text + .bem-List {
  margin-top: 16px;
}
.bem-Form_Body > .bem-Pane_Message:first-child {
  margin: 20px 8px 0 8px;
}
.bem-ProfilePicture + .bem-ProfilePicture,
.bem-SlugPreview_Icon + .bem-Text,
.bem-EditablePill_Icon + .bem-Text,
.bem-Text + .bem-Svg {
  margin-left: 4px;
}
.bem-SpecificityLabel + .bem-Warn,
.bem-SpecificityLabel-text + .bem-UnitBox {
  margin-left: 5px;
}
.bem-Table_Body + .bem-Table_Pagination {
  margin-top: 20px;
}
.bem-Confirm_ActionButton + .bem-Confirm_CancelButton {
  margin-left: auto;
}
.bem-AddTab {
  height: calc(100% - 34px);
  top: 34px;
  left: 41px;
  position: fixed;
  width: 250px;
  border-right: 1px solid #333333;
  background: #404040;
  pointer-events: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-AddTab .kit-scrollable-nano {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bem-AddTab_Items {
  width: 250px;
}
.bem-AddTab .kit-section-group .kit-section-body {
  padding: 0;
}
.bem-AddTab .kit-section-group a.bem-AddTab_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: -webkit-grab;
  cursor: grab;
  position: relative;
  overflow: hidden;
}
.bem-AddTab .kit-section-group .bem-AddTab_Placeholder {
  pointer-events: none;
}
.bem-AddTab .kit-section-group a.bem-AddTab_Button,
.bem-AddTab .kit-section-group .bem-AddTab_Placeholder {
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
}
.bem-AddTab .header .close {
  position: absolute;
  top: 11px;
  right: 10px;
}
.bem-AssetDragClone {
  background-color: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  height: 72px;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  padding: 3px;
  position: fixed;
  width: 72px;
  z-index: 35;
}
.bem-AssetGrid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  overflow: hidden;
  width: 100%;
}
.bem-AssetGrid_Item {
  background-color: #363636;
  cursor: -webkit-grab;
  cursor: grab;
}
.bem-AssetGrid_Item:hover {
  z-index: 1;
}
.bem-AssetGrid_Item-list .bem-AssetGrid_ItemBody,
.bem-AssetGrid_Item-list .bem-AssetGrid_Reticle {
  margin-right: -1px;
}
.bem-AssetGrid.isHotSelecting .bem-AssetGrid_Item {
  cursor: default;
}
.bem-AssetGrid_Empty {
  margin: 8px;
  padding: 25px 30px 25px;
  background: #4d4d4d;
  border: 1px solid #333333;
  color: #d9d9d9;
  font-size: 11px;
  text-align: center;
  border-radius: 2px;
  line-height: normal;
}
.bem-AssetGrid_EmptyIcon {
  display: block;
  margin: 0 auto 10px;
  opacity: 0.5;
}
.bem-AssetGrid_Item.isUploading .bem-AssetGrid_ItemImage {
  opacity: 0.5;
  position: absolute;
}
.bem-AssetGrid_ItemBody {
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border: 1px solid #212121;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  left: 0;
  margin-left: -1px;
  margin-top: -1px;
  position: absolute;
  right: 0;
  top: 0;
}
.bem-AssetGrid_ItemPreview {
  margin: 2px;
  position: relative;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  width: 100%;
}
.bem-AssetGrid_ItemImage {
  position: absolute;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -o-object-fit: scale-down;
  object-fit: scale-down;
  width: 100%;
  height: 100%;
  max-width: 100%;
}
.bem-AssetGrid_ItemText {
  white-space: nowrap;
  border-left: 1px solid #212121;
  padding-left: 8px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-right: 15px;
}
.bem-AssetGrid_ItemSpinner {
  position: absolute;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-AssetGrid_ItemProcessing {
  position: absolute;
  bottom: 4px;
  right: 4px;
  width: 10px;
  height: 10px;
}
.bem-AssetGrid_ItemProcessing-posLeft {
  right: auto;
  left: 19px;
}
.bem-AssetGrid_ItemDimensions {
  color: #d9d9d9;
  font-size: 10px;
}
.bem-AssetGrid_Item-grid .bem-AssetGrid_ItemPreview {
  margin: 3px;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bem-AssetGrid_Item-grid .bem-AssetGrid_ItemText {
  display: none;
}
.bem-AssetGrid_Item-list.bem-AssetGrid_Item-small .bem-AssetGrid_ItemDimensions {
  display: none;
}
.bem-AssetGrid_Item-list.bem-AssetGrid_Item-small .bem-AssetGrid_ItemSpinner {
  padding-top: 14px;
  padding-left: 2px;
}
.bem-AssetGrid_Item-grid.bem-AssetGrid_Item-small .bem-AssetGrid_ItemSpinner {
  padding-top: 8px;
  padding-left: 4px;
}
.bem-AssetGrid_Reticle {
  display: none;
  position: absolute;
  top: 0;
  right: 1px;
  left: 0;
  bottom: 1px;
  border-radius: 2px;
  border: 1px solid rgba(255, 255, 255, 0.4);
}
.bem-AssetGrid_DetailsButton {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  padding: 0 4px;
  opacity: 0.6;
  cursor: default;
}
.bem-AssetGrid_DetailsButton:hover {
  opacity: 1;
}
.bem-AssetGrid_Item:hover .bem-AssetGrid_Reticle,
.bem-AssetGrid_Item:hover .bem-AssetGrid_DetailsButton {
  display: block;
}
.bem-AssetsTab {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  pointer-events: all;
}
.bem-AssetsTab_HotSelectHighlight {
  opacity: 0;
  -webkit-animation: wf-blink-in 1s;
  animation: wf-blink-in 1s;
  border: 2px solid #2ad986;
  background-color: rgba(42, 217, 134, 0.25);
  border-radius: 2px;
  position: absolute;
  margin: 0;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 16;
  pointer-events: none;
}
.bem-AssetsTab_HotSelectText {
  color: #2ad986;
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #2b2b2b solid 1px;
}
.bem-AssetsTab_EnableResponsiveImagesText {
  color: #a6a6a6;
  font-size: 11px;
  padding: 8px 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: #2b2b2b solid 1px;
}
.bem-AssetsTab_EnableResponsiveImagesText .bem-Link {
  color: #6bb0ff;
}
.bem-AssetsTab_EnableResponsiveImagesText .bem-Link:hover {
  text-decoration: underline;
}
.bem-AssetsTab_EnableResponsiveImagesButton {
  color: #6bb0ff;
}
.bem-AssetsTab_SortCaret {
  display: inline-block;
  margin-left: 5px;
}
.bem-AssetsTab_AssetDropContainer {
  position: relative;
  height: 100%;
}
.bem-AssetsTab .link-button {
  padding: 0 9px 0 7px;
}
.bem-AssetsTab .link-button .link-icon {
  vertical-align: middle;
  width: 16px;
  height: 15px;
}
.bem-AssetsTab .link-button .bem-Text {
  margin-left: 4px;
}
.bem-AssetsTab .panel-mask {
  position: fixed;
  top: 0;
  bottom: 0;
  left: auto;
  right: 0;
  width: 241px;
  background-color: rgba(26, 26, 26, 0.85);
}
.bem-AssetsTab .AssetsTab_LinkUploadModal {
  position: absolute;
  top: 45px;
  bottom: auto;
  left: auto;
  right: 7px;
  width: 226px;
  padding: 6px 7px 8px;
  line-height: normal;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .tick {
  left: 85px;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .link-submit-button {
  float: right;
  margin: 5px 0;
  padding: 1px 10px;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .hasError {
  box-shadow: 0 0 0 1px #ea384c;
  overflow: hidden;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .hasError > input.input {
  color: #ff5266;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .upload-error {
  color: #ea384c;
  margin: 2px 0 0 30px;
  width: 90%;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .link-input-field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-AssetsTab .AssetsTab_LinkUploadModal .link-input-field .link-input {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.bem-AssetsTab .bem-Scrollbar {
  width: 10px;
}
.bem-AssetsTab .bem-Scrollbar_Inner {
  background: rgba(0, 0, 0, 0.1);
}
.bem-AssetsTab .link-input.inprogress .indicator {
  position: absolute;
  right: 8px;
  top: -6px;
  z-index: 1;
  font-size: 6px;
  width: 6px;
  height: 6px;
  margin: 14px 0 0 21px;
  border-radius: 100px;
  background: #1a1a1a;
  box-shadow: -1.5em 0em #d9d9d9, 1.5em 0em #2b2b2b;
}
.bem-AssetsTab .link-input.inprogress .input {
  padding-right: 30px;
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.bem-AssetsTab .upload-button:hover i {
  opacity: 1;
}
.bem-AssetsTab .upload-button i {
  opacity: 0.8;
}
.AssetsMenu .dropdown-menu-item {
  background: #4d4d4d;
}
.AssetsMenu .dropdown-menu-item:first-child {
  border-radius: 2px 2px 0 0;
}
.AssetsMenu .dropdown-menu-item:last-child {
  border-radius: 0 0 2px 2px;
}
.AssetsMenu .dropdown-menu-item i {
  opacity: 0.8;
}
.AssetsMenu .dropdown-menu-item.checked {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.AssetsMenu .dropdown-menu-item.checked:hover {
  background: #3b79c3;
}
.AssetsMenu .dropdown-menu-item:hover {
  background: #5e5e5e;
}
.AssetsMenu .dropdown-menu-item:hover i {
  opacity: 1;
}
.bem-AssetDrop {
  position: absolute;
  width: 240px;
  background: #2b2b2b;
  z-index: 17;
  padding: 8px;
  height: 108px;
  border-top: 1px solid #212121;
  bottom: 0px;
}
.bem-AssetDrop_BorderZone {
  pointer-events: none;
  border: 2px dashed #a6a6a6;
  border-radius: 3px;
  top: 0px;
  bottom: 0px;
  position: absolute;
  right: 0px;
  left: 0px;
  margin: 4px;
  opacity: 0.6;
  transition: opacity 50ms ease-in-out;
}
.bem-AssetDrop_BorderZone-fullWindow {
  border: 4px dashed #d9d9d9;
  border-radius: 3px;
  margin: 35px;
}
.bem-AssetDrop_Text {
  pointer-events: none;
  margin: auto;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  height: 108px;
  padding-top: 6px;
}
.bem-AssetDrop_Text-fullWindow {
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  position: absolute;
  height: 250px;
  opacity: 0.8;
}
.bem-AssetDrop-fullHeight {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2147483548;
}
.bem-AssetDrop-fullWindow {
  position: absolute;
  background: rgba(0, 0, 0, 0.75);
  z-index: 2147483548;
  padding: 8px;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.bem-AssetDrop_TextNormal {
  color: #fff;
  font-size: 17px;
  opacity: 0.8;
  display: block;
  text-align: center;
}
.bem-AssetDrop_TextMain {
  display: block;
  color: #d9d9d9;
  font-size: 63px;
  text-align: center;
}
.bem-AssetDrop_TextInfo {
  display: block;
  color: #a6a6a6;
  font-size: 17px;
  text-align: center;
  margin-top: 10px;
}
.bem-AssetDrop-dragHover .bem-AssetDrop_BorderZone {
  opacity: 1;
  border-color: #a6a6a6;
}
.bem-AssetDrop-dragHover * {
  opacity: 1!important;
}
.bem-AssetDrop_Icon {
  pointer-events: none;
  opacity: 0.8;
  margin: 22px auto 12px;
  text-align: center;
  display: block;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.attribute-panel {
  width: 200px;
  font-size: 12px;
}
.attribute-panel > .inner > .close {
  margin: 4px -2px 0 0;
}
.attribute-panel > .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.attribute-panel > .inner .kit-field > .kit-text-box {
  width: 155px;
}
.attribute-panel > .inner .kit-field.name > .reserved,
.attribute-panel > .inner .kit-field.name > .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.attribute-panel > .inner > .kit-button.save {
  padding: 1px 30px;
  width: 57px;
  float: none;
  margin: 0 auto;
}
.attribute-panel .cancel,
.attribute-panel .save {
  float: right;
  padding: 0 10px;
  margin-top: 2px;
  margin-left: 4px;
}
.attribute-settings {
  padding-top: 0px;
}
.attribute-settings .kit-field.attributes {
  padding: 0;
}
.attribute-settings .kit-field.attributes > .kit-label {
  padding: 2px 0 0;
  color: #d9d9d9;
}
.attribute-settings .kit-field.attributes > .kit-button.add-part {
  border-radius: 3px 3px 0 0;
}
.attribute-settings .kit-list .button-group {
  position: absolute;
  top: 10px;
  right: 8px;
}
.attribute-settings .kit-list-item > .kit-drag-handle {
  left: 1px;
}
.attribute-settings .kit-list-item > .edit,
.attribute-settings .kit-list-item > .trash {
  width: 18px;
}
.attribute-settings .kit-list-item > .edit {
  right: 20px;
}
.attribute-settings .kit-list-item > .trash {
  right: 3px;
}
.attribute-settings .kit-list-item > .label {
  margin-right: 40px;
  margin-left: 15px;
  color: #d9d9d9;
}
.attribute-settings .kit-list-item > .label > .name,
.attribute-settings .kit-list-item > .label > .value {
  color: #d9d9d9;
  padding: 0 1px;
}
.bem-Blocker {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 2147483549;
}
@-webkit-keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.bem-BottomBar {
  display: none;
  height: 29px;
  width: 100%;
  position: fixed;
  top: auto;
  left: 0;
  bottom: 0;
  background: #ebebeb;
  z-index: 12;
  color: #4d4d4d;
  font-size: 11px;
  line-height: 15px;
  font-weight: lighter;
  font-family: Arial, sans-serif, Georgia, serif;
  border-top: 1px solid #1a1a1a;
}
.bem-BottomBar.ruler-bar-visible {
  z-index: 2147483647;
}
.bem-BottomBar_Placeholder {
  position: absolute;
  left: 0;
  padding: 7px 10px;
}
.bem-BottomBar_Main {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.bem-BottomBar_RealtimeSiteViewers {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 110px;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.bem-Breadcrumbs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-width: calc(100% - 110px);
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.bem-Breadcrumbs_Container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  max-width: 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-Breadcrumbs_Breadcrumb {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  padding: 7px 0;
  position: relative;
  background: #ebebeb;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
  margin-right: -7px;
  white-space: nowrap;
}
.bem-Breadcrumbs_Breadcrumb .el-icon {
  -webkit-filter: brightness(33%);
  filter: brightness(33%);
}
.bem-Breadcrumbs_Breadcrumb .notch {
  position: absolute;
  top: 0;
}
.bem-Breadcrumbs_Breadcrumb .notch.left {
  left: 0;
}
.bem-Breadcrumbs_Breadcrumb .notch.right {
  right: 0;
}
.bem-Breadcrumbs_Breadcrumb_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 15px;
}
.bem-Breadcrumbs_Breadcrumb_Inner.last {
  padding-left: 10px;
}
.bem-Breadcrumbs_Truncated {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 36px;
  padding: 0;
  background: #ebebeb;
  cursor: default;
  z-index: 1;
}
.bem-Breadcrumbs_Truncated_Icon {
  background-position: -540px -400px;
  height: 10px;
  width: 16px;
  margin-top: 13px;
  margin-left: 10px;
  margin-right: 5px;
  opacity: 0.6;
}
.bem-Breadcrumbs_Truncated .notch {
  position: absolute;
  top: 0;
  right: -5px;
}
.bem-Ruler {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-Ruler_TooltipOffset,
.bem-Ruler_Container,
.bem-Ruler_Container_Offset {
  position: absolute;
  left: 0;
  top: 0;
}
.bem-Ruler_Devices {
  opacity: 0;
}
.bem-Ruler_Devices_Container {
  position: absolute;
  width: 195px;
  bottom: 59px;
  padding-left: 25px;
  opacity: 0;
  transition: opacity 200ms ease-in-out;
}
.bem-Ruler_Devices_Container.showing-devices {
  opacity: 1;
}
.bem-Ruler_DeviceList_Device {
  position: relative;
  display: block;
  float: left;
  clear: left;
  padding: 0 7px 0 18px;
  margin-bottom: 5px;
  line-height: 22px;
  border-radius: 2px;
  font-size: 11px;
  background: #808080;
  color: #ebebeb;
  -webkit-font-smoothing: antialiased;
}
.bem-Ruler_DeviceList_Device:last-child {
  margin-bottom: 0;
}
.bem-Ruler_DeviceList_Device:before {
  content: "";
  display: block;
  position: absolute;
  left: 5px;
  top: 7px;
  width: 4px;
  height: 4px;
  background: black;
  border: 2px solid #a6a6a6;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.bem-Ruler_Container {
  height: 100%;
  width: 100%;
  overflow: hidden;
}
.bem-Ruler_Container_Offset {
  height: 100%;
}
.bem-Ruler_Container_Offset_MarkerGroup {
  position: absolute;
  left: 0;
  top: 0;
  width: 50px;
  height: 100%;
  border-left: 1px solid #4d4d4d;
}
.bem-Ruler_Container_Offset_MarkerGroup_Label {
  display: block;
  position: absolute;
  top: 0;
  left: 3px;
  color: #4d4d4d;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 1px;
  background: #4d4d4d;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker.small {
  height: 5px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker.large {
  height: 10px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(2) {
  left: 4px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(3) {
  left: 9px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(4) {
  left: 14px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(5) {
  left: 19px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(6) {
  left: 24px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(7) {
  left: 29px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(8) {
  left: 34px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(9) {
  left: 39px;
}
.bem-Ruler_Container_Offset_MarkerGroup_Marker:nth-child(10) {
  left: 44px;
}
.bem-Ruler_Container_Offset_DeviceWidths_Device {
  position: absolute;
  bottom: 2px;
  width: 5px;
  height: 5px;
  background: #4d4d4d;
  box-shadow: 0 0 0 1px #ebebeb;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  z-index: 2;
}
.bem-Ruler_Container_Offset_QueryRange {
  position: absolute;
  height: 5px;
  left: 0;
  bottom: 0;
  background: rgba(52, 144, 235, 0.4);
}
.bem-Ruler_TooltipOffset_WidthTooltip {
  top: -22px;
  right: -19px;
  width: 46px;
  padding-left: 0;
  padding-right: 0;
  text-align: center;
  opacity: 1;
  background-color: rgba(0, 0, 0, 0.8);
}
.bem-Ruler_TooltipOffset_WidthTooltip .arrow {
  left: 0;
  right: 0;
  margin: 0 auto;
}
.bem-BottomBar .el-icon {
  margin-right: 6px;
  margin-top: 2px;
}
.bem-BottomBar .el-icon.n-h1,
.bem-BottomBar .el-icon.n-h2,
.bem-BottomBar .el-icon.n-h3,
.bem-BottomBar .el-icon.n-h4,
.bem-BottomBar .el-icon.n-h5,
.bem-BottomBar .el-icon.n-h6,
.bem-BottomBar .el-icon.n-p {
  margin-top: 3px;
}
.bem-BottomBar .el-icon.n-ul {
  margin-top: 3px;
}
#realtime-site-viewers {
  margin-left: auto;
  margin-right: 6px;
  -ms-flex-item-align: center;
  align-self: center;
}
.wf-canvas-resizing .bem-Ruler > .bem-Ruler_Devices {
  opacity: 1 !important;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-BottomBar .bem-Breadcrumbs_Breadcrumb:hover:before,
  .bem-BottomBar .bem-Breadcrumbs_Breadcrumb:hover:after,
  .bem-BottomBar .bem-Breadcrumbs_Breadcrumb:last-child:before,
  .bem-BottomBar .bem-Breadcrumbs_Breadcrumb:last-child:after,
  .bem-BottomBar .bem-Breadcrumbs_Breadcrumb:after,
  .bem-BottomBar .bem-Breadcrumbs_Truncated + .bem-Breadcrumbs .bem-Breadcrumbs_Breadcrumb:first-child:before,
  .bem-BottomBar .bem-Breadcrumbs_Truncated:after {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png) !important;
    background-size: 640px;
  }
}
.avoid-bottom-bar .bem-BottomBar {
  display: block;
}
.avoid-left-sidebar .bem-BottomBar {
  left: 35px;
  width: calc(100% - 35px);
}
.avoid-left-sidebar.avoid-right-sidebar .bem-BottomBar {
  width: calc(100% - 35px - 241px);
}
.avoid-right-sidebar .bem-BottomBar {
  width: calc(100% - 241px);
}
.bem-BrowserWarning {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.75);
  z-index: 41;
}
.bem-Button {
  -webkit-appearance: none;
  padding: 0 10px;
  background: #5e5e5e;
  border-radius: 2px;
  font-family: arial, helvetica, sans-serif;
  border: 1px solid #333333;
  color: #d9d9d9;
  cursor: default;
  white-space: nowrap;
  font-size: 12px;
  line-height: 30px;
  text-align: center;
  text-decoration: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  outline: none;
}
.bem-Button:hover {
  color: rgba(255, 255, 255, 0.9);
  background: #6b6b6b;
}
.bem-Button:active {
  background: #5e5e5e;
}
.bem-Button-block {
  display: block;
  width: 100%;
  padding: 0;
}
.bem-Button-inline {
  display: inline-block;
  width: auto;
}
.bem-Button-active {
  position: relative;
  background: #2b2b2b;
  border-color: #212121;
}
.bem-Button-active:hover {
  background: #2b2b2b;
}
.bem-Button-head {
  font-size: 11px;
  line-height: 27px;
  height: 29px;
}
.bem-Button-thin {
  line-height: 20px;
}
.bem-Button-icon {
  padding-left: 5px;
  padding-right: 5px;
  min-width: 35px;
}
.bem-Button-small {
  line-height: 20px;
  min-width: 22px;
  height: 22px;
}
.bem-Button-primary {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-primary:hover {
  background: #4e86c9;
}
.bem-Button-primary:active {
  background: #3b79c3;
}
.bem-Button-emphasis {
  background: #109155;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-emphasis:hover {
  background: #13a862;
}
.bem-Button-dynamic {
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-dynamic:hover {
  background: #887ac6;
}
.bem-Button-warning {
  background: #d44f33;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-warning:hover {
  background: #d86148;
}
.bem-Button-over-mask {
  z-index: 22;
}
.bem-Button-risk {
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-risk:hover {
  background: #c92c3f;
}
.bem-Button-danger {
  background: #c92c3f;
  color: rgba(255, 255, 255, 0.9);
}
.bem-Button-danger:hover {
  background: #d43b4d;
}
.bem-Button-disabled {
  background: #5e5e5e;
  opacity: 0.3;
  cursor: not-allowed;
  color: #a6a6a6;
}
.bem-Button-disabled:hover {
  background: #6b6b6b;
  opacity: 0.3;
  color: #a6a6a6;
}
.bem-Button-disabled.bem-Button-active {
  background: #2b2b2b;
}
.bem-Button_Inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
  min-width: 22px;
}
.bem-Button_Icon {
  vertical-align: middle;
  position: relative;
  opacity: 0.75;
}
.bem-Button:hover .bem-Button_Icon {
  opacity: 1;
}
.bem-Button-disabled:hover > * {
  color: #d9d9d9;
}
.bem-Button-disabled:hover > i {
  opacity: 0.8;
}
.bem-ButtonGroup {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-ButtonGroup_Button {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin: 0;
  border-radius: 0;
}
.bem-ButtonGroup_Button:first-child {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bem-ButtonGroup_Button:last-child {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bem-ButtonGroup_Button + .bem-ButtonGroup_Button {
  margin-left: -1px;
}
.bem-Checkbox {
  position: relative;
  display: inline-block;
  cursor: default;
}
.bem-Checkbox_Input {
  display: inline-block;
  -webkit-appearance: none;
  border: 1px solid #212121;
  height: 14px;
  width: 14px;
  margin-right: 10px;
  border-radius: 2px;
  background: #2b2b2b;
  cursor: default;
  position: relative;
  overflow: visible;
  vertical-align: baseline;
}
.bem-Checkbox_Input::before {
  position: relative;
  top: -2px;
  left: -1px;
  content: 'x';
  color: transparent;
  pointer-events: none;
  display: block;
  opacity: 0;
}
.bem-Checkbox_Input:checked::before {
  opacity: 1;
}
.bem-Checkbox_Input:hover {
  background: #232323;
}
.bem-Checkbox_Input:focus {
  outline: 0;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-Checkbox-small .bem-Checkbox_Input {
  width: 12px;
  height: 12px;
  line-height: 12px;
}
.bem-Checkbox-small .bem-Checkbox_Input::before {
  top: -3px;
  left: -2px;
}
.bem-Checkbox-compact .bem-Checkbox_Input {
  width: 12px;
  height: 12px;
  margin-right: 6px;
  vertical-align: middle;
}
.bem-Checkbox-compact .bem-Checkbox_Input::before {
  content: none;
}
.bem-Checkbox_CheckMark {
  position: absolute;
  top: 1px;
  left: 0;
  color: #fff;
  pointer-events: none;
}
.bem-Checkbox_Label {
  display: inline;
  cursor: default;
}
.bem-Checkbox_Label-dimmer {
  color: #8d8d8d;
}
.checkbox-settings .kit-field.name > .kit-label {
  width: 40px;
  text-align: left;
}
.checkbox-settings .kit-field.name > .kit-text-box {
  width: 183px;
}
.checkbox-settings .kit-checkbox.required {
  width: 90px;
}
.bem-CollectionFieldTypeGridContainer {
  margin-right: -10px;
  margin-bottom: -8px;
  margin-top: 20px;
}
.bem-CollectionFieldTypeGridItem {
  margin-right: 10px;
  margin-bottom: 10px;
}
.bem-CollectionFieldTypeGridItem_Button {
  cursor: default;
  background: #5e5e5e;
  text-align: center;
  background-color: #5e5e5e;
  border: 1px solid #333333;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
}
.bem-CollectionFieldTypeGridItem_Text {
  height: 25px;
  font-size: 11px;
}
.bem-CollectionFieldTypeGridItem_Icon {
  height: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-top: 4px;
}
.bem-CollectionFieldTypeGridItem_Button:hover {
  background: #6b6b6b;
  color: rgba(255, 255, 255, 0.9);
}
.bem-CollectionFieldTypeGridItem_Button:active {
  background-color: #5e5e5e;
}
.bem-CollectionFieldTypeGridItem.isDisabled .bem-CollectionFieldTypeGridItem_Button {
  opacity: 0.5;
  pointer-events: none;
}
.bem-ColorButton {
  position: relative;
  width: 30px;
  height: 30px;
  top: 1px;
  background: #5e5e5e;
  border-right: 1px solid #212121;
  border-bottom-left-radius: 2px;
  border-top-left-radius: 2px;
  overflow: hidden;
  cursor: default;
}
.bem-ColorButton:hover {
  background: #6b6b6b;
}
.bem-ColorButton_Icon {
  opacity: 0.7;
  height: inherit;
}
.bem-ColorButton.isSet::before {
  display: none;
}
.bem-ColorButton.isSet::after {
  opacity: 1;
}
.bem-ColorButton + .bem-TextInput {
  margin-left: -31px;
  padding-left: 38px;
}
.bem-ColorButton:hover + .bem-TextInput {
  background: #232323;
}
.bem-ColorButton:hover + .bem-TextInput:focus {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-ColorButton_Fill {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi3LFjBwM2oK2tjVWciYFEMKqBGMCCK7yvXr06Gkr00wAQYACiEgXLqZw3aAAAAABJRU5ErkJggg==');
  background-size: 8px;
  background-position: 0% 0%;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-ColorButton_Fill.isSet,
.bem-ColorButton_Fill.isTransparent {
  background-image: none;
}
.bem-ColorButton_Fill.isTransparent {
  background: linear-gradient(135deg, white, white calc(50% - 1px), red calc(50% - 1px), red calc(50% + 1px), white calc(50% + 1px), white);
}
.bem-ColorButton-preview {
  background: #4d4d4d;
  border-color: #6b6b6b;
  pointer-events: none;
  color: #a9a9a9;
}
.bem-ColorButton.highlighted {
  background: inherit;
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-ColorButton.highlighted .bem-ColorButton_Icon {
  opacity: 1;
}
.bem-ColorButton.hasNotice {
  background: #6f6452;
  border-color: #9e8863;
  color: #B99f76;
}
.bem-ColorButton.hasNotice .bem-ColorButton_Icon {
  opacity: 1;
}
.bem-ColorInput {
  position: relative;
}
.bem-ColorPicker {
  height: 153px;
  width: 204px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  zoom: 1;
}
.bem-ColorPicker:before,
.bem-ColorPicker:after {
  content: " ";
  display: table;
}
.bem-ColorPicker:after {
  clear: both;
}
.bem-ColorPicker_Mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 21;
  cursor: crosshair;
}
.bem-ColorPicker_Hue,
.bem-ColorPicker_Color,
.bem-ColorPicker_Opacity {
  float: left;
  height: 150px;
  margin-right: 7px;
  border: none;
  width: 20px;
  cursor: crosshair;
  position: relative;
  border-radius: 2px;
}
.bem-ColorPicker_Hue:after,
.bem-ColorPicker_Color:after,
.bem-ColorPicker_Opacity:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border: 1px solid rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  z-index: 1;
}
.bem-ColorPicker_Hue_Handle,
.bem-ColorPicker_Color_Handle,
.bem-ColorPicker_Opacity_Handle {
  height: 0px;
  width: 0px;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 2;
}
.bem-ColorPicker_Hue_Handle.animate,
.bem-ColorPicker_Color_Handle.animate,
.bem-ColorPicker_Opacity_Handle.animate {
  transition: all 200ms ease;
}
.bem-ColorPicker_Hue_Handle_Nub,
.bem-ColorPicker_Opacity_Handle_Nub,
.bem-ColorPicker_Hue_Handle_NubBackground,
.bem-ColorPicker_Opacity_Handle_NubBackground {
  display: block;
  position: absolute;
  top: -4px;
  left: -2px;
}
.bem-ColorPicker_Hue_Handle_Nub::before,
.bem-ColorPicker_Opacity_Handle_Nub::before,
.bem-ColorPicker_Hue_Handle_NubBackground::before,
.bem-ColorPicker_Opacity_Handle_NubBackground::before,
.bem-ColorPicker_Hue_Handle_Nub::after,
.bem-ColorPicker_Opacity_Handle_Nub::after,
.bem-ColorPicker_Hue_Handle_NubBackground::after,
.bem-ColorPicker_Opacity_Handle_NubBackground::after {
  position: absolute;
  border-width: 4px;
  border-style: solid;
  border-color: transparent;
  content: '';
}
.bem-ColorPicker_Hue_Handle_Nub::before,
.bem-ColorPicker_Opacity_Handle_Nub::before,
.bem-ColorPicker_Hue_Handle_Nub::after,
.bem-ColorPicker_Opacity_Handle_Nub::after {
  position: absolute;
  border-width: 4px;
}
.bem-ColorPicker_Hue_Handle_Nub::before,
.bem-ColorPicker_Opacity_Handle_Nub::before {
  border-left-color: white;
}
.bem-ColorPicker_Hue_Handle_Nub::after,
.bem-ColorPicker_Opacity_Handle_Nub::after {
  left: 16px;
  border-right-color: white;
}
.bem-ColorPicker_Hue_Handle_NubBackground,
.bem-ColorPicker_Opacity_Handle_NubBackground {
  display: block;
  position: absolute;
  top: -5px;
}
.bem-ColorPicker_Hue_Handle_NubBackground::before,
.bem-ColorPicker_Opacity_Handle_NubBackground::before,
.bem-ColorPicker_Hue_Handle_NubBackground::after,
.bem-ColorPicker_Opacity_Handle_NubBackground::after {
  border-width: 5px;
}
.bem-ColorPicker_Hue_Handle_NubBackground::before,
.bem-ColorPicker_Opacity_Handle_NubBackground::before {
  border-left-color: rgba(0, 0, 0, 0.5);
}
.bem-ColorPicker_Hue_Handle_NubBackground::after,
.bem-ColorPicker_Opacity_Handle_NubBackground::after {
  left: 14px;
  border-right-color: rgba(0, 0, 0, 0.5);
}
.bem-ColorPicker_Hue {
  background-image: linear-gradient(red, #fc29fc 17%, #0b26fb 33%, #2cfffe 49%, #29fd3f 66%, #f9ff00 83%, red);
  background-size: 100%;
}
.bem-ColorPicker_Color {
  width: 150px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0));
  background-position-x: 150px;
  background-size: 150px;
}
.bem-ColorPicker_Color_Handle_Nub,
.bem-ColorPicker_Color_Handle_NubBackground {
  position: absolute;
  left: -4px;
  top: -4px;
  width: 8px;
  height: 8px;
}
.bem-ColorPicker_Color_Handle_Nub::before,
.bem-ColorPicker_Color_Handle_NubBackground::before {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 100px;
  content: '';
}
.bem-ColorPicker_Color_Handle_Nub::before {
  border: 1px solid white;
}
.bem-ColorPicker_Color_Handle_NubBackground::before {
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  border: 3px solid rgba(0, 0, 0, 0.4);
}
.bem-ColorPicker_Opacity {
  position: relative;
  margin-right: 0;
}
.bem-ColorPicker_Opacity_Background,
.bem-ColorPicker_Opacity_Foreground {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  border-radius: 2px;
}
.bem-ColorPicker_Opacity_Background {
  background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAIAAACQkWg2AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAACpJREFUeNpi3LFjBwM2oK2tjVWciYFEMKqBGMCCK7yvXr06Gkr00wAQYACiEgXLqZw3aAAAAABJRU5ErkJggg==');
  background-size: 8px;
  border-radius: 2px;
}
.bem-Compartment_Row + .bem-Compartment_Row {
  margin-top: 6px;
  padding-top: 6px;
  border-top: 1px solid #212121;
}
.bem-Compartment_Column + .bem-Compartment_Column {
  margin-left: 6px;
  padding-left: 6px;
  border-left: 1px solid #212121;
}
.cond-vis-settings {
  padding-top: 0px;
}
.cond-vis-settings .kit-field.conditions {
  padding: 0;
}
.cond-vis-settings .kit-field.conditions > .kit-label {
  color: #d9d9d9;
}
.cond-vis-settings .kit-field.conditions > .kit-button.add-part {
  border-radius: 3px 3px 0 0;
}
.cond-vis-settings .kit-list-item > .kit-drag-handle {
  left: 1px;
}
.cond-vis-settings .kit-list-item > .edit,
.cond-vis-settings .kit-list-item > .trash {
  width: 18px;
}
.cond-vis-settings .kit-list-item > .edit {
  right: 20px;
}
.cond-vis-settings .kit-list-item > .trash {
  right: 3px;
}
.cond-vis-settings .kit-list-item > .label {
  margin-right: 40px;
  margin-left: 10px;
  color: #aaa;
}
.cond-vis-settings .kit-list-item > .label > span {
  color: #d9d9d9;
  padding: 0 1px;
}
.cond-vis-settings .match-help-text {
  margin-top: 5px;
}
.cond-vis-settings .match-help-text .visible-icon {
  width: 13px;
  height: 11px;
  margin-right: 5px;
  background-position: 0px -60px;
}
.cond-vis-param {
  position: relative;
}
.cond-vis-param .kit-list .button-group {
  position: absolute;
  top: -23px;
  right: 0;
}
.bem-ConfirmWrapper_Modal {
  position: absolute;
  top: -5%;
  right: -5%;
  bottom: -5%;
  left: -5%;
  height: 110%;
  background: rgba(0, 0, 0, 0.75);
  z-index: 10000;
}
.bem-ContextMenu {
  position: fixed;
  color: #d9d9d9;
  z-index: 2147483550;
}
.bem-CssSelector {
  margin-left: 5px;
}
.bem-CssSelector_Chunk {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-CssSelector_Chunk + .bem-CssSelector_Chunk {
  margin-top: 5px;
}
.bem-CssSelector_MediaIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 22px;
}
.bem-CssSelector_NestedIcon {
  margin-left: 5px;
}
.bem-CssSelector_Token {
  padding: 0 5px;
  margin-left: 5px;
  font-size: 11px;
  line-height: 22px;
  color: rgba(255, 255, 255, 0.9);
  background-color: #3b79c3;
  border-radius: 2px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
}
.bem-CssSelector_Token-tag {
  background-color: #b5518c;
  color: rgba(255, 255, 255, 0.9);
}
.bem-DateInput {
  position: relative;
  overflow: visible;
}
.bem-DateInput .bem-TextInput {
  padding-left: 38px;
}
.bem-DateInput_Button {
  position: absolute;
  top: 1px;
  left: 1px;
}
.bem-DateInput_Mask {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 21;
}
.bem-DateButton {
  position: relative;
  width: 30px;
  height: 30px;
  border-right: 1px solid #212121;
  background: #5e5e5e;
  overflow: hidden;
  cursor: default;
}
.bem-DateButton:hover {
  background: #6b6b6b;
}
.bem-DateButton-left {
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bem-DateButton-right {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bem-DateButton_Icon {
  height: 100%;
  opacity: 0.7;
}
.bem-DateButton_Icon:hover {
  opacity: 1;
}
.bem-DateButton-preview {
  background: #4d4d4d;
  pointer-events: none;
  color: #a9a9a9;
  border-color: #6b6b6b;
}
.bem-DateButton.hasNotice {
  border-color: #9e8863;
  color: #B99f76;
  background: #6f6452;
}
.bem-DateButton.hasNotice .bem-DateButton_Icon {
  opacity: 1;
}
.bem-DateButton.highlighted {
  background: inherit;
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-DateButton.highlighted .bem-DateButton_Icon {
  opacity: 1;
}
.bem-DatePicker {
  width: 254px;
  color: #d9d9d9;
}
.bem-DatePicker_Head {
  padding: 10px;
  background: #4d4d4d;
  border-bottom: 1px solid #333333;
}
.bem-DatePicker_Title {
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-size: 14px;
  font-weight: 400;
  text-align: center;
}
.bem-DatePicker_Body {
  padding: 0 8px;
}
.bem-DatePicker_WeekDay,
.bem-DatePicker_Day {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 2px;
  line-height: 30px;
  text-align: center;
}
.bem-DatePicker_WeekDay {
  font-weight: bold;
}
.bem-DatePicker_Day {
  border-radius: 2px;
}
.bem-DatePicker_Day-disabled {
  color: #737373;
}
.bem-DatePicker_Day-active {
  cursor: default;
}
.bem-DatePicker_Day-active:hover {
  background: #4d4d4d;
}
.bem-DatePicker_Day-current {
  position: relative;
  background: #2b2b2b;
}
.bem-DatePicker_Day-current:after {
  content: "";
  position: absolute;
  right: 2px;
  bottom: 2px;
  border: 3px solid currentColor;
  border-top-color: transparent;
  border-left-color: transparent;
}
.bem-DatePicker_Day-selected {
  color: rgba(255, 255, 255, 0.9);
  background: #3b79c3;
  cursor: default;
}
.bem-DatePicker_Day-selected:hover {
  background: #3b79c3;
}
.bem-DateTimeSwitch {
  margin-right: -1px;
  margin-bottom: -1px;
  padding-top: 1px;
  overflow: hidden;
}
.bem-DateTimeSwitch_Cell {
  border: 1px solid #212121;
  margin-top: -1px;
  margin-left: -1px;
}
.bem-DateTimeSwitch_Button {
  color: #d9d9d9;
  padding: 0 10px;
  height: 40px;
  opacity: 0.4;
  cursor: default;
}
.bem-DateTimeSwitch_Button-selected,
.bem-DateTimeSwitch_Button:hover {
  opacity: 1;
  background: #4d4d4d;
}
.bem-DateTimeSwitch_Icon {
  margin-right: 10px;
  opacity: 0.7;
}
.bem-LeftSidebarPanels {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: fixed;
  top: 34px;
  left: -7px;
  right: 0;
  bottom: 0;
  z-index: 30;
  pointer-events: none;
  font-family: Arial, sans-serif, Georgia, serif;
}
.bem-LeftSidebarPanels.visible {
  left: 35px;
}
.bem-DesignerLogo {
  position: fixed;
  z-index: 37;
  top: 0;
  left: 0;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.bem-DesignerLogo_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  width: 35px;
  height: 35px;
}
.bem-DesignerLogo-isOpen .bem-DesignerLogo_Icon-logo,
.bem-DesignerLogo_Button:hover .bem-DesignerLogo_Icon-logo {
  opacity: 0;
}
.bem-DesignerLogo-isOpen .bem-DesignerLogo_Icon-menu,
.bem-DesignerLogo_Button:hover .bem-DesignerLogo_Icon-menu {
  opacity: 1;
}
.bem-DesignerLogo-isOpen .bem-DesignerLogo_Icon-menu,
.bem-DesignerLogo_Button:active .bem-DesignerLogo_Icon-menu {
  color: rgba(255, 255, 255, 0.5);
}
.bem-DesignerLogo_Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: absolute;
  width: 35px;
  height: 35px;
  padding: 2px 6px 2px 9px;
  color: rgba(255, 255, 255, 0.5);
  transition: opacity 200ms cubic-bezier(0.165, 0.84, 0.44, 1);
}
.bem-DesignerLogo_Icon-menu {
  padding-left: 10px;
  padding-right: 10px;
  margin-top: 3px;
  opacity: 0;
  color: rgba(255, 255, 255, 0.7);
}
.bem-DesignerLogo_Button-linkOnly:hover .bem-DesignerLogo_Icon {
  color: #bbbbbb;
}
.bem-Dropdown {
  display: inline-block;
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-Dropdown_Body {
  display: none;
  left: 0;
  margin-top: 5px;
  min-width: 100%;
  position: absolute;
  top: 100%;
  z-index: 1;
}
.bem-Dropdown-right .bem-Dropdown_Body {
  left: initial;
  right: 0;
}
.bem-Dropdown.isActive .bem-Dropdown_Body {
  display: block;
  z-index: 2;
}
.bem-Dropdown_Shield {
  bottom: 0;
  box-sizing: content-box;
  left: 0;
  margin: -100px;
  padding: 100px;
  position: absolute;
  right: 0;
  top: 0;
  z-index: -1;
}
.dropdown-settings .kit-checkbox-group.dropdown-opts {
  padding-top: 3px;
}
.dropdown-settings .kit-field.hover {
  padding-top: 0;
}
.kit-dynfield-select {
  clear: both;
  border-radius: 2px;
  border: 1px solid #333333;
  padding: 7px;
  color: rgba(255, 255, 255, 0.9);
  background-color: rgba(120, 104, 190, 0.4);
}
.kit-dynfield-select .kit-checkbox {
  width: 100%;
  margin: 3px 0 0 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kit-dynfield-select .kit-checkbox .kit-checkbox-input {
  margin-bottom: 2px;
}
.kit-dynfield-select .kit-checkbox.checked > .kit-checkbox-input > i {
  background-position: -140px -340px;
}
.kit-dynfield-select .kit-checkbox span.collection {
  margin-left: 7px;
  font-weight: bold;
}
.kit-dynfield-select .kit-checkbox span.collection > i.el-icon {
  margin-right: 5px;
  opacity: .8;
}
.kit-dynfield-select .kit-select2 {
  margin-top: 3px;
}
.kit-dynfield-select .kit-fancy-select {
  float: none;
  width: 100%;
  margin-top: 6px;
}
.kit-dynfield-select .kit-fancy-select .fancy-trigger {
  background-color: #7868be;
  border-color: #333333;
}
.kit-dynfield-select .kit-fancy-select.focused .fancy-trigger {
  box-shadow: 0 0 0 1px #ae94ff;
}
.kit-dynfield-select .kit-fancy-select.open .fancy-trigger {
  background: #5e5e5e;
}
.kit-dynfield-select .kit-fancy-select .fancy-item > span.type {
  margin: 0 0 0 5px;
  font-style: italic;
  color: #a6a6a6;
}
.kit-dynfield-select .format-section {
  display: inline-block;
}
.kit-dynfield-select .format-section .kit-label {
  line-height: 19px;
}
.kit-dynfield-select .format-section .kit-select2 {
  width: 165px;
}
.kit-dynfield-select.no-checkbox {
  border: none;
  box-shadow: none;
}
.kit-dynfield-select .warning-text {
  margin-top: 5px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kit-dynfield-select .warning-text > i.icon-main {
  margin-top: 1px;
  margin-right: 3px;
  -ms-flex-preferred-size: 15px;
  flex-basis: 15px;
}
.kit-dynfield-select .warning-text .warning-faq {
  margin-left: 5px;
  color: rgba(255, 255, 255, 0.9);
  text-decoration: none;
  border-bottom: 1px dotted rgba(255, 255, 255, 0.9);
}
.kit-dynpage-select {
  width: 179px;
  float: left;
}
.kit-dynfield-select .kit-select2,
.kit-dynpage-select .kit-select2 {
  width: 100%;
}
.kit-dynfield-select .kit-select2.open .select2-container .select2-choice,
.kit-dynpage-select .kit-select2.open .select2-container .select2-choice {
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
  border-color: #333333;
}
.kit-dynfield-select .kit-select2 .select2-container,
.kit-dynpage-select .kit-select2 .select2-container {
  width: 100%;
}
.kit-dynfield-select .kit-select2 .select2-container .select2-choice,
.kit-dynpage-select .kit-select2 .select2-container .select2-choice {
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
  border-color: #333333;
}
.kit-dynfield-select .kit-select2 .select2-container .select2-choice:hover,
.kit-dynpage-select .kit-select2 .select2-container .select2-choice:hover {
  background: #887ac6;
}
.kit-dynfield-select .kit-select2 .select2-drop .select2-results li,
.kit-dynpage-select .kit-select2 .select2-drop .select2-results li {
  cursor: default;
}
.kit-dynfield-select .kit-select2 .select2-drop .select2-results li.read-only,
.kit-dynpage-select .kit-select2 .select2-drop .select2-results li.read-only {
  background-color: #404040;
  padding-top: 3px;
  padding-bottom: 3px;
  cursor: not-allowed;
  pointer-events: none;
}
.kit-dynfield-select .kit-select2 .select2-drop .select2-results li.select2-highlighted,
.kit-dynpage-select .kit-select2 .select2-drop .select2-results li.select2-highlighted {
  background: #7868be;
}
.kit-dynfield-select .kit-select2 .select2-result-label i.sprite-main,
.kit-dynpage-select .kit-select2 .select2-result-label i.sprite-main {
  background-position: -480px -80px;
  width: 8px;
  height: 7px;
  float: left;
  margin: 2px 5px 0 0;
  opacity: 0.4;
}
.kit-dynfield-select .kit-select2 .select2-choice span,
.kit-dynpage-select .kit-select2 .select2-choice span,
.kit-dynfield-select .kit-select2 .select2-result-label span,
.kit-dynpage-select .kit-select2 .select2-result-label span {
  display: inline;
  margin: 0;
}
.kit-dynfield-select .kit-select2 .select2-choice span.type,
.kit-dynpage-select .kit-select2 .select2-choice span.type,
.kit-dynfield-select .kit-select2 .select2-result-label span.type,
.kit-dynpage-select .kit-select2 .select2-result-label span.type {
  margin-left: 3px;
  font-style: italic;
  color: #a6a6a6;
}
.dynlist-settings .ui-state .kit-button {
  width: 30px;
}
.dynlist-settings .grid-layout .kit-label {
  margin-bottom: 5px;
}
.dynlist-settings .grid-layout .kit-radio-buttons {
  position: inherit;
  width: calc(100% - 55px);
}
.dynlist-settings .grid-layout .kit-button {
  margin: 0;
  border-right: 0;
}
.dynlist-settings .grid-layout .kit-button.first {
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.dynlist-settings .grid-layout .kit-button.last {
  border-right: 1px solid #333333;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  border-top-right-radius: 0;
}
.dynlist-settings .grid-layout .kit-button.last-in-row {
  border-right: 1px solid #333333;
}
.dynlist-settings .grid-layout .kit-button:not(.top) {
  border-top: 0;
}
.dynlist-settings .grid-layout .kit-button.last-none-below {
  border-top-right-radius: 2px;
  border-bottom-right-radius: 2px;
}
.dynlist-settings .grid-layout .kit-button > i {
  margin-top: 5px;
}
.dynlist-settings .kit-dynfield-select {
  margin-bottom: 5px;
}
.dynlist-settings .kit-dynfield-select.border-color-binding {
  margin-bottom: 0;
}
.dynlist-settings .kit-label {
  width: 55px;
  float: left;
}
.dynlist-settings .kit-field.collection .kit-fancy-select {
  width: 168px;
  float: left;
  outline: none;
}
.dynlist-settings .kit-field.collection .kit-fancy-select.open {
  box-shadow: 0 0 0 1px rgba(174, 148, 255, 0.65), 0 0 4px 2px rgba(174, 148, 255, 0.4);
}
.dynlist-settings .kit-field.ui-state .kit-radio-button {
  padding-left: 5px;
  padding-right: 5px;
}
.dynlist-settings .kit-field.ui-state .kit-radio-button:last-child {
  padding-right: 6px;
}
.dynlist-settings .kit-field.query {
  padding-bottom: 0;
}
.dynlist-settings .kit-field.query .kit-button.disabled {
  opacity: 0.5;
  pointer-events: none;
}
.dynlist-settings .kit-list-item .label {
  margin-left: 10px;
}
.dynlist-settings .limit .text {
  display: inline-block;
  width: 100%;
  zoom: 1;
  margin-top: 5px;
  margin-bottom: 12px;
}
.dynlist-settings .limit .text:before,
.dynlist-settings .limit .text:after {
  content: " ";
  display: table;
}
.dynlist-settings .limit .text:after {
  clear: both;
}
.dynlist-settings .limit .text > * {
  display: inline;
  margin-right: 2px;
}
.dynlist-settings .limit .text .link span {
  margin-left: 3px;
  border-bottom: 1px dotted #737373;
}
.dynlist-settings .limit .text .link span:hover {
  border-bottom-style: solid;
  cursor: default;
}
.dynlist-settings .limit .text .link span.active {
  color: #6bb0ff;
  border-bottom: 1px dotted rgba(107, 176, 255, 0.4);
}
.dynlist-settings .limit .text .link span.active:hover {
  border-bottom: 1px solid #6bb0ff;
}
.dynlist-settings .limit-checkbox .kit-checkbox {
  margin: 0;
}
.dynlist-settings .limit-checkbox .kit-label {
  width: auto;
  padding: 0;
}
.dynlist-settings .limit-checkbox .dim {
  margin-left: 4px;
  color: #a6a6a6;
}
.dynlist-settings .limit-group,
.dynlist-settings .limit-group > .kit-field {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.dynlist-settings .limit-group > *,
.dynlist-settings .limit-group > .kit-field > * {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
  display: inline-block;
}
.dynlist-settings .limit-group {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: 5px;
}
.dynlist-settings .limit-group .kit-field {
  -ms-flex-preferred-size: 100px;
  flex-basis: 100px;
}
.dynlist-settings .limit-group .kit-field .kit-label {
  width: auto;
  -ms-flex-preferred-size: 50px;
  flex-basis: 50px;
  margin-right: 5px;
}
.dynlist-settings .limit-group .kit-field + .kit-field {
  margin-left: 10px;
}
.query-sort .kit-list2 {
  position: relative;
}
.query-sort .kit-list2 > .kit-list2-item > .kit-list2-item-wrap > .trash {
  width: 25px;
}
.query-sort .kit-list .kit-drag-handle {
  left: 4px;
}
.query-sort .kit-list .one-line-text {
  margin: 0 20px 0 18px;
}
.query-sort .kit-list .label .comma,
.query-sort .kit-list .label .order {
  opacity: 0.7;
}
.query-param {
  position: relative;
}
.query-param .kit-list .button-group {
  position: absolute;
  top: -23px;
  right: 0;
}
.bem-EditablePill {
  cursor: default;
}
.bem-EditablePill_Icon {
  position: relative;
  opacity: 0.4;
}
.bem-EditablePill_Input {
  word-break: break-all;
  padding-left: 1px;
  vertical-align: bottom;
  outline: none;
}
.embed-settings .kit-button {
  padding: 3px 0;
  margin: 0 auto;
  width: 224px;
}
.embed-settings .kit-button > i {
  position: relative;
  top: 1px;
  margin-left: 7px;
}
.facebook-settings.mini-settings {
  width: 246px;
}
.facebook-settings .kit-field.url > .kit-text-box {
  float: left;
  width: 181px;
}
.facebook-settings .kit-field.layout .kit-label,
.facebook-settings .kit-field.height .kit-label,
.facebook-settings .kit-field.width .kit-label,
.facebook-settings .kit-field.url .kit-label,
.facebook-settings .kit-field.locale .kit-label,
.facebook-settings .kit-field.url .kit-label {
  width: 42px;
  text-align: right;
}
.facebook-settings .kit-field.layout .kit-radio-button {
  padding-left: 14px;
  padding-right: 14px;
}
.facebook-settings .kit-field.layout .kit-radio-button:last-child {
  padding-left: 13px;
}
.facebook-settings .kit-field.height .bem-UnitBox,
.facebook-settings .kit-field.width .bem-UnitBox {
  float: left;
}
.facebook-settings .kit-field.height .bem-UnitBox .kit-unit-box,
.facebook-settings .kit-field.width .bem-UnitBox .kit-unit-box {
  width: 64px;
}
.facebook-settings .kit-field .kit-select2 {
  float: left;
}
.facebook-settings .kit-field .kit-select2 .select2-container {
  width: 181px;
}
.bem-Fade_Item {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  z-index: 10000;
}
.bem-FileDropZone {
  border: 1px solid #212121;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  border-radius: 2px;
  background: #2b2b2b;
}
.bem-FileDropZone.clickable {
  cursor: default;
}
.bem-FileDropZone.clickable:hover,
.bem-FileDropZone.clickable:focus {
  background: #232323;
}
.bem-FileDropZone.isDropTarget {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-Field {
  display: block;
}
.bem-Field_Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  margin-bottom: 5px;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.bem-Field_Label {
  max-width: 100%;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
}
.bem-Field_Hint {
  color: #8d8d8d;
  display: block;
}
.bem-Field_Head + .bem-Field_Hint {
  margin-top: 5px;
}
.bem-Field_Note {
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-color: #4d4d4d;
  color: #d9d9d9;
  border-radius: 2px;
  padding: 2px 7px;
  margin-top: -20px;
  margin-bottom: 2px;
  position: relative;
  overflow: visible;
}
.bem-Field_Note-error {
  background-color: #ea384c;
}
.bem-Field_Group .bem-Field {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bem-Field_Group .bem-Field + .bem-Field {
  margin-top: 0;
  margin-left: 10px;
}
.bem-Field_NoteArrow {
  overflow: hidden;
  position: absolute;
  padding: 0 2px;
  right: 14px;
  top: 100%;
}
.bem-Field_NoteArrow::before {
  content: '';
  display: block;
  box-shadow: 0 0 0 1px #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  position: relative;
  top: -6px;
  background-color: #4d4d4d;
}
.bem-Field_Note-error .bem-Field_NoteArrow::before {
  background-color: #ea384c;
}
.bem-Field_Warning {
  padding: 5px 7px;
  background-color: #4d4d4d;
  border: 1px solid #333333;
  border-radius: 2px;
  color: #facb4b;
  margin-top: 4px;
}
.bem-Field_Notice {
  line-height: 26px;
}
.bem-Field_Notice-focused {
  color: #facb4b;
}
.bem-Field_Notice-focused.bem-Field_Notice-severe {
  color: #ff5266;
  opacity: 0.9;
}
.bem-Field_RequiredBadge {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 1px;
  line-height: 0;
  border-radius: 2px;
  -ms-flex-item-align: start;
  align-self: flex-start;
  margin: 0 5px;
}
.bem-Field-inline {
  display: inline-block;
}
.bem-Field-small {
  max-width: 350px;
}
.bem-Field-tokenInputField .bem-Field_Label,
.bem-Field-tokenInputField .bem-Field_Hint {
  padding-right: 75px;
}
.bem-FileInput {
  position: relative;
}
.bem-FileInput_Input {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  cursor: default;
}
.bem-FlexLayout_Title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 12px;
  margin-bottom: 8px;
  line-height: 1;
}
.bem-FlexLayout_Background {
  position: absolute;
  top: -10px;
  right: 0;
  bottom: 0;
  left: 0;
}
.bem-FlexLayout_Row + .bem-FlexLayout_Row {
  margin-top: 8px;
}
.bem-FlexLayout_Col {
  position: relative;
}
.bem-FlexLayout_Col + .bem-FlexLayout_Col {
  margin-left: 11px;
}
.bem-FocusedSymbolMask {
  position: absolute;
  pointer-events: none;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  z-index: 1;
}
.form-mini-settings {
  width: 258px;
}
.form-mini-settings > .title {
  padding-bottom: 7px;
}
.form-mini-settings .kit-field > .kit-label {
  width: 70px;
}
.form-mini-settings .kit-field.name > .kit-text-box,
.form-mini-settings .kit-field.submit-text > .kit-text-box,
.form-mini-settings .kit-field.wait-text > .kit-text-box {
  width: 164px;
}
.form-mini-settings .kit-field.state .kit-button.has-text {
  padding: 1px 9px;
}
.form-option-panel {
  width: 200px;
}
.form-option-panel .inner .kit-field > .kit-label {
  width: 45px;
  text-align: right;
}
.form-option-panel .inner .kit-field > .kit-text-box {
  width: 155px;
}
.form-option-panel .inner .kit-field > .taken {
  clear: both;
  color: #ea384c;
  margin-left: 45px;
  padding-top: 5px;
}
.form-option-panel .inner .kit-button.save {
  padding: 1px 30px;
  width: 57px;
  float: none;
  margin: 0 auto;
}
.form-settings .kit-field.name > .kit-label,
.form-settings .kit-field.submit-text > .kit-label,
.form-settings .kit-field.wait-text > .kit-label,
.form-settings .kit-field.ui-state > .kit-label {
  width: 70px;
  text-align: right;
}
.form-settings .kit-field.name > .kit-text-box,
.form-settings .kit-field.submit-text > .kit-text-box,
.form-settings .kit-field.wait-text > .kit-text-box,
.form-settings .kit-field.ui-state > .kit-text-box {
  width: 150px;
}
.form-settings .kit-field.action > .kit-label,
.form-settings .kit-field.redirect > .kit-label,
.form-settings .kit-field.method > .kit-label {
  width: 75px;
  text-align: right;
}
.form-settings .kit-field.action > .kit-text-box,
.form-settings .kit-field.redirect > .kit-text-box,
.form-settings .kit-field.method > .kit-text-box {
  width: 144px;
}
.form-settings .kit-field.method .select2-container {
  width: 145px;
}
.form-settings .kit-field.ui-state .kit-radio-button {
  padding: 0px 7px;
}
.bem-Frame {
  margin-bottom: 12px;
}
.bem-Frame_Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  line-height: 1;
}
.bem-Frame_Head:before,
.bem-Frame_Head:after {
  box-sizing: border-box;
  content: "";
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: .5em;
  border-top: 1px solid #2b2b2b;
  background-color: #363636;
}
.bem-Frame_Head:before {
  border-left: 1px solid #2b2b2b;
  border-top-left-radius: 2px;
}
.bem-Frame_Head:after {
  border-right: 1px solid #2b2b2b;
  border-top-right-radius: 2px;
}
.bem-Frame_Legend {
  padding: 0 12px;
  background-image: linear-gradient(to bottom, #404040, #363636);
}
.bem-Frame_Body {
  padding: 12px 8px;
  border: 1px solid #2b2b2b;
  border-top: none;
  border-radius: 0 0 2px 2px;
  background-color: #363636;
}
.ftu-modal {
  top: 80px;
  left: 312px;
}
.grid-settings .media-block > .title {
  padding: 4px 0 12px 0px;
}
.grid-settings .media-block > .title > .dev-icon {
  float: left;
  margin-right: 6px;
  opacity: 0.8;
}
.grid-settings .media-block.main .dev-icon {
  background-position: -380px -20px;
  width: 21px;
  height: 14px;
  margin-top: -1px;
}
.grid-settings .media-block.medium .dev-icon {
  background-position: -420px -20px;
  width: 14px;
  height: 16px;
  margin-top: -2px;
}
.grid-settings .media-block.small .dev-icon {
  background-position: -460px -20px;
  width: 14px;
  height: 10px;
  margin-top: 1px;
}
.grid-settings .media-block.tiny .dev-icon {
  background-position: -440px -20px;
  width: 10px;
  height: 14px;
  margin-top: -1px;
}
.grid-settings .kit-button-big > i {
  width: 28px;
  height: 20px;
  margin-top: 5px;
  opacity: 0.7;
}
.grid-settings .kit-button-big.cols-6-6 > i {
  background-position: 0px -260px;
}
.grid-settings .kit-button-big.cols-6-6-6-6 > i,
.grid-settings .kit-button-big.cols-6-6-6-6-6-6 > i {
  background-position: -360px -260px;
}
.grid-settings .kit-button-big.cols-4-4-4 > i {
  background-position: -120px -260px;
}
.grid-settings .kit-button-big.cols-4-4-4-4-4-4 > i {
  background-position: -400px -260px;
}
.grid-settings .kit-button-big.cols-3-3-3-3 > i {
  background-position: -200px -260px;
  width: 30px;
}
.grid-settings .kit-button-big.cols-3-9 > i {
  background-position: -40px -260px;
}
.grid-settings .kit-button-big.cols-9-3 > i {
  background-position: -80px -260px;
}
.grid-settings .kit-button-big.cols-3-6-3 > i {
  background-position: -160px -260px;
  width: 29px;
}
.grid-settings .kit-button-big.cols-2-3-5-2 > i {
  background-position: -240px -260px;
  width: 31px;
}
.grid-settings .kit-button-big.cols-2-2-2-4-2 > i {
  background-position: -280px -260px;
  width: 31px;
}
.grid-settings .kit-button-big.cols-2-2-2-2-2-2 > i {
  background-position: -320px -260px;
}
.grid-settings .kit-button-big.cols-stack > i {
  background-position: -440px -260px;
}
.grid-settings .kit-button-big.cols-custom > i {
  background-position: -480px -260px;
  opacity: 0.7;
}
.grid-settings .kit-button-big.cols-custom:hover > i {
  opacity: 0.9;
}
.grid-settings .customize > .title {
  padding: 5px 0 7px 0;
}
.grid-settings .customize > .inset {
  background: #2b2b2b;
  border: 1px solid #212121;
  padding: 1px;
  border-radius: 2px;
  width: 223px;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-duration: 0.5s;
  animation-duration: 0.5s;
}
.grid-settings .customize > .inset.focus {
  -webkit-animation-name: wf-bounce-in;
  animation-name: wf-bounce-in;
}
.grid-slider-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  cursor: col-resize;
}
.input-control.grid-slider {
  position: relative;
  height: 28px;
  width: 221px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.input-control.grid-slider > .guide {
  position: absolute;
  left: 0;
  right: 0;
  top: -5px;
  bottom: -5px;
  z-index: 1;
  pointer-events: none;
  opacity: 0.0;
  transition: opacity 50ms ease-in;
}
.input-control.grid-slider > .guide.visible {
  opacity: 1.0;
}
.input-control.grid-slider > .guide > .col {
  width: 10px;
  height: 100%;
  float: left;
  margin-right: 9px;
  border-radius: 2px;
  background-color: rgba(52, 144, 235, 0.5);
}
.input-control.grid-slider > .guide > .col:last-child {
  margin-right: 0;
}
.input-control.grid-slider > .columns {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 2;
}
.input-control.grid-slider > .columns > .col {
  float: left;
  position: relative;
  height: 28px;
  min-width: 10px;
  margin-right: 9px;
  background-color: #5e5e5e;
  border: 1px solid transparent;
  border-radius: 2px;
}
.input-control.grid-slider > .columns > .col > .gutter {
  position: absolute;
  z-index: 3;
  right: -10px;
  top: -1px;
  width: 9px;
  height: 28px;
  cursor: col-resize;
}
.input-control.grid-slider > .columns > .col > .gutter > .handle {
  position: relative;
  width: 3px;
  height: 100%;
  margin: 0 auto;
  background: #3490eb;
  transition: margin-top 200ms ease-out, height 200ms ease-out, background-color 200ms linear;
}
.input-control.grid-slider > .columns > .col > .gutter > .handle > .arrows {
  position: absolute;
  left: -9px;
  top: 50%;
  width: 21px;
  height: 13px;
  margin-top: -7px;
  background-position: -520px -260px;
  pointer-events: none;
  opacity: 0.4;
  transition: opacity 200ms ease;
}
.input-control.grid-slider > .columns > .col > .gutter:hover > .handle,
.input-control.grid-slider > .columns > .col > .gutter.dragging > .handle {
  background-color: #3490eb;
  margin-top: -3px;
  margin-bottom: -3px;
  height: 34px;
}
.input-control.grid-slider > .columns > .col > .gutter:hover > .handle > .arrows,
.input-control.grid-slider > .columns > .col > .gutter.dragging > .handle > .arrows {
  opacity: 1.0;
}
.input-control.grid-slider > .columns > .col > .label {
  display: block;
  padding-top: 5px;
  text-align: center;
  font-size: 12px;
  line-height: 16px;
  color: #d9d9d9;
}
.input-control.grid-slider > .columns > .col.col-1 {
  width: 10px;
}
.input-control.grid-slider > .columns > .col.col-1 > .label {
  font-weight: normal;
}
.input-control.grid-slider > .columns > .col.col-2 {
  width: 29px;
}
.input-control.grid-slider > .columns > .col.col-3 {
  width: 48px;
}
.input-control.grid-slider > .columns > .col.col-4 {
  width: 67px;
}
.input-control.grid-slider > .columns > .col.col-5 {
  width: 86px;
}
.input-control.grid-slider > .columns > .col.col-6 {
  width: 105px;
}
.input-control.grid-slider > .columns > .col.col-7 {
  width: 124px;
}
.input-control.grid-slider > .columns > .col.col-8 {
  width: 143px;
}
.input-control.grid-slider > .columns > .col.col-9 {
  width: 162px;
}
.input-control.grid-slider > .columns > .col.col-10 {
  width: 181px;
}
.input-control.grid-slider > .columns > .col.col-11 {
  width: 200px;
}
.input-control.grid-slider > .columns > .col.col-12 {
  width: 219px;
}
.input-control.grid-slider > .columns > .col:last-child {
  margin-right: 0;
}
.input-control.grid-slider > .columns > .col:last-child > .gutter {
  display: none;
}
.input-control.grid-slider > .gutters {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 3;
}
.bem-GroupedButtonSelect_Group + .bem-GroupedButtonSelect_Group {
  margin-left: 10px;
}
.bem-GuidanceTooltip {
  color: #e6e6e6;
}
.bem-GuidanceTooltip_Body {
  max-width: 224px;
  padding: 5px 10px;
  font-size: 12px;
  color: #1a1a1a;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bem-Goggles {
  pointer-events: none;
}
.bem-Goggles_Margin,
.bem-Goggles_Padding {
  position: absolute;
}
.bem-Goggles_Margin {
  z-index: 2;
}
.bem-Goggles_Margin-negative {
  z-index: 5;
}
.bem-Goggles_Padding {
  z-index: 3;
}
.bem-Goggles_Inside {
  z-index: 4;
  position: absolute;
}
.bem-Goggles_Inside_Line {
  height: 100%;
}
.bem-Goggles-fixed > .bem-Goggles_Margin,
.bem-Goggles-fixed > .bem-Goggles_Inside {
  position: fixed;
}
.bem-HintButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 15px;
  min-width: 15px;
  padding: 0;
  cursor: help;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-HintButton:hover {
  background: #5e5e5e;
}
.bem-Heading {
  margin: 0;
  padding: 0;
  font-weight: normal;
  color: #ebebeb;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.bem-Heading-center {
  text-align: center;
}
.bem-Heading-dim {
  color: #d9d9d9;
}
.bem-Heading-isolate {
  margin: 10px 0;
}
.bem-Heading-h1 {
  font-size: 20px;
  line-height: 24px;
}
.bem-Heading-h2 {
  font-size: 20px;
  line-height: 24px;
}
.bem-Heading-h3 {
  font-size: 18px;
  line-height: 22px;
  font-weight: 500;
}
.bem-Heading-h4 {
  font-size: 16px;
  line-height: 20px;
  font-weight: 500;
}
.bem-Heading-h5 {
  font-size: 12px;
  line-height: 16px;
  font-weight: 600;
}
.bem-Heading + .bem-Heading_Text {
  line-height: 1.4em;
}
.bem-Help {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #a6a6a6;
  cursor: default;
}
.bem-Help:hover {
  color: #d9d9d9;
}
.bem-Help_Icon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 24px;
}
.bem-Help_Label {
  line-height: 1.2;
}
.panel.help-panel {
  display: block;
  top: 10px;
  left: 265px;
  width: 280px;
  padding-top: 20px;
  background-color: #404040;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  color: #d9d9d9;
  pointer-events: auto;
}
.panel.help-panel .tick {
  display: none;
}
.panel.help-panel .article {
  font-size: 11px;
}
.panel.help-panel .article > .tag {
  float: right;
  color: #a6a6a6;
  font-size: 10px;
  margin-top: 4px;
  text-shadow: none;
}
.panel.help-panel .article > .tag > .name {
  font-size: 12px;
  padding: 0 1px 0 1px;
  color: #a6a6a6;
}
.panel.help-panel .article > .title {
  font-size: 13px;
  padding-left: 8px;
  width: 105%;
}
.panel.help-panel .article > .tip {
  padding: 0 0 4px 0;
  font-style: italic;
}
.panel.help-panel .article > .tip > span.lead {
  font-weight: bold;
}
.panel.help-panel .article > span > .caption {
  padding: 0 0 4px 0;
  font-style: italic;
}
.panel.help-panel .article span > img {
  width: 100%;
  margin-bottom: 10px;
}
.panel.help-panel .article a {
  color: #6bb0ff;
  text-decoration: none;
}
.panel.help-panel .article a:hover {
  text-decoration: underline;
}
.panel.help-panel .article > .more {
  margin-top: 5px;
  padding-bottom: 5px;
}
.panel.help-panel .article > .more > p {
  padding: 0 0 3px 0;
  margin: 0 0 3px 0;
}
.panel.help-panel .article > .more > a {
  display: block;
  position: relative;
  padding: 2px 0 0 20px;
}
.panel.help-panel .article > .more > a:before {
  content: '';
  position: absolute;
  left: 8px;
  top: 7px;
  width: 4px;
  height: 4px;
  border-radius: 100px;
  background-color: rgba(255, 255, 255, 0.5);
}
.panel.help-panel .article.active {
  display: block;
}
.panel.help-panel .kit-button.ok {
  padding: 1px 30px;
  float: none;
  margin: 5px auto;
}
.bem-Icon {
  vertical-align: middle;
  position: relative;
}
.bem-Icon-dim {
  opacity: 0.4;
}
/**
 * 1. The button shifts 1px on hover in Safari without this.
 */
.bem-IconButton {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  text-decoration: none;
  padding: 10px;
  cursor: default;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* 1 */
  opacity: 0.5;
  transition: opacity 200ms;
}
.bem-IconButton:hover {
  opacity: 1;
}
.bem-ImageInput {
  height: 170px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 3px;
}
.bem-ImageInput.hasError {
  box-shadow: 0 0 0 1px #ea384c;
  overflow: hidden;
}
.bem-ImageInput.hasError > input.input {
  color: #ff5266;
}
.bem-ImageInput_Attribute {
  margin-top: 3px;
}
.bem-ImageInput_Controls {
  margin-top: 10px;
}
.bem-ImageInput-preview {
  background: #4d4d4d;
  color: #a9a9a9;
  border: 1px solid #6b6b6b;
}
.bem-ImageInput.hasNotice {
  background: #6f6452;
  border-color: #9e8863;
  color: #B99f76;
}
.bem-ImageInput.highlighted {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-ImagePreview {
  height: 100%;
  padding: 8px;
  border: 1px solid #212121;
  border-radius: 2px;
  background: #2b2b2b;
  color: #d9d9d9;
}
.bem-ImagePreview_Image {
  margin: auto;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: 100%;
}
.bem-ImagePreview.isDropTarget {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-ImagePreview-preview {
  border: none;
  background: none;
  padding: 4px;
}
.image-mini-settings .kit-panel .kit-button-upload,
.image-mini-settings .kit-panel .kit-button-choose {
  float: left;
  margin: 0;
  width: 129px;
}
.image-mini-settings .kit-panel .kit-button-upload {
  float: right;
}
.image-mini-settings .kit-panel .kit-button-upload input {
  z-index: 1;
}
.image-mini-settings .kit-panel .kit-button-choose {
  margin-right: 5px;
}
.image-mini-settings .kit-panel .kit-button-choose i {
  background-position: -460px 0px;
  width: 20px;
  height: 15px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  opacity: 0.8;
}
.image-mini-settings .kit-panel .kit-button-back {
  cursor: default;
  margin: 0 0 7px;
}
.image-mini-settings .kit-panel .kit-button-back i {
  background-position: -340px -40px;
  width: 9px;
  height: 10px;
  vertical-align: 1px;
}
.image-mini-settings .kit-panel .kit-checkbox-group.srcset-sizes {
  margin-top: 8px;
}
.image-mini-settings .kit-panel.size > .kit-divider {
  margin: 10px 0;
}
.image-mini-settings .kit-panel.size > .kit-checkbox-group.retina {
  float: right;
  font-size: 11px;
  margin: 0;
  padding: 5px 8px 0 10px;
  height: 25px;
}
.image-mini-settings .kit-panel.size > .kit-checkbox-group.retina > .kit-checkbox {
  width: auto;
}
.image-mini-settings .kit-panel.size > .bem-UnitBox > .kit-unit-box {
  width: 65px;
}
.image-mini-settings.replace .kit-panel .kit-button-replace {
  float: right;
  display: block;
  width: 129px;
  height: 30px;
  line-height: 31px;
  margin-bottom: 0px;
}
.image-mini-settings.replace .kit-panel .kit-button-replace i {
  background-position: -80px -40px;
  width: 13px;
  height: 13px;
  vertical-align: 0px;
}
.image-mini-settings.replace .kit-panel .kit-button-replace span {
  vertical-align: top;
}
.image-mini-settings.replace .kit-panel .kit-button-replace .progress-bar {
  height: 24px;
}
.image-mini-settings.replace .image-metadata {
  display: block;
  padding-left: 0;
  width: 130px;
}
.image-mini-settings.replace .kit-panel.size {
  display: block;
}
.image-settings > .kit-section-body {
  padding-bottom: 2px;
}
.image-settings .kit-button-upload,
.image-settings .kit-button-choose {
  float: left;
  width: 107px;
  margin-bottom: 7px;
}
.image-settings .kit-button-upload {
  float: right;
}
.image-settings .kit-button-upload input {
  z-index: 1;
}
.image-settings .kit-button-choose i {
  background-position: -460px 0px;
  width: 20px;
  height: 15px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  opacity: 0.8;
}
.image-settings .kit-button-back {
  cursor: default;
  margin: 0 0 7px;
  font-size: 11px;
  color: #a6a6a6;
  transition: color 50ms ease;
}
.image-settings.back .kit-button-back {
  display: block;
}
.image-settings.back .kit-button-back:hover {
  color: #d9d9d9;
}
.image-settings.back .kit-button-back i {
  background-position: -340px -40px;
  width: 9px;
  height: 10px;
  margin-right: 5px;
  margin-top: 1px;
  opacity: 0.6;
  margin-left: 1px;
  transition: opacity 50ms ease;
}
.image-settings.back .kit-button-back:hover i {
  opacity: 0.9;
}
.image-settings .kit-button-upload {
  margin-bottom: 7px;
}
.image-settings.replace .kit-button-replace {
  width: 100%;
  height: 30px;
  margin: 0 0 6px;
}
.image-settings.replace .kit-button-replace i {
  background-position: -80px -40px;
  width: 13px;
  height: 13px;
  margin: 4px 8px -2px 0;
}
.image-settings.replace .kit-button-replace span {
  vertical-align: top;
}
.image-settings .kit-checkbox-group.srcset-sizes {
  margin-top: 0px;
  width: 100%;
}
.image-settings .kit-checkbox-group.srcset-sizes label {
  width: 100%;
}
.image-settings .details > .preview {
  float: left;
  width: 65px;
  min-height: 64px;
  max-height: 64px;
  text-align: center;
  overflow: hidden;
  margin-top: 2px;
  font-size: 0px;
  line-height: 0px;
  background-color: #2b2b2b;
  border: 1px solid #212121;
  border-radius: 2px;
  padding: 1px;
}
.image-settings .details > .preview:before {
  content: '';
  display: inline-block;
  height: 60px;
  vertical-align: middle;
  margin-left: -1px;
  width: 0px;
}
.image-settings .details > .preview > .image {
  max-width: 100% !important;
  max-height: 100% !important;
  display: inline-block;
  vertical-align: middle;
}
.image-settings .details > .image-metadata {
  width: 155px;
  margin-top: 2px;
}
.image-settings .src-binding,
.image-settings .alt-binding {
  margin-bottom: 8px;
}
.image-settings .kit-field {
  padding: 1px 0;
  float: left;
}
.image-settings .kit-field.width,
.image-settings .kit-field.height {
  clear: none;
  margin-bottom: 6px;
}
.image-settings .kit-field.width > .bem-UnitBox,
.image-settings .kit-field.height > .bem-UnitBox {
  float: left;
}
.image-settings .kit-field.width > .bem-UnitBox > .kit-unit-box,
.image-settings .kit-field.height > .bem-UnitBox > .kit-unit-box {
  width: 68px;
}
.image-settings .kit-field.width {
  float: left;
  margin-right: 9px;
}
.image-settings .kit-field.alt-text {
  margin-bottom: 8px;
}
.image-settings .kit-field.alt-text > .kit-label {
  width: 25px;
}
.image-settings .kit-field.alt-text > .kit-text-box {
  width: 198px;
}
.image-settings:not(.image-mini-settings) .kit-dynfield-select {
  margin-bottom: 7px;
}
.bem-InlineField {
  display: inline-block;
  margin-top: 7px;
  -webkit-user-select: auto;
  -moz-user-select: auto;
  -ms-user-select: auto;
  user-select: auto;
}
.bem-InlineField_Foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.innertext-mini-settings {
  width: 245px;
}
.input-mini-settings {
  width: 275px;
}
.input-mini-settings > .title {
  padding-bottom: 10px;
}
.input-mini-settings > .kit-panel > .kit-field > .kit-label {
  width: 70px;
}
.input-mini-settings > .kit-panel > .kit-field.name > .kit-text-box,
.input-mini-settings > .kit-panel > .kit-field.placeholder > .kit-text-box {
  width: 182px;
}
.input-mini-settings > .kit-panel > .kit-field.maxlength > .kit-unit-box {
  width: 80px;
}
.input-mini-settings > .kit-panel > .kit-checkbox-group {
  margin: 5px 0 0 0;
  width: auto;
}
.input-mini-settings > .kit-panel > .kit-checkbox-group > .kit-checkbox {
  width: auto;
}
.input-mini-settings > .kit-panel > .kit-checkbox-group > .kit-checkbox:not(:last-child) {
  margin: 0 10px 0 0;
}
.input-mini-settings > .kit-panel.type-dropdown > .kit-label.name > .kit-text-box {
  width: 212px;
}
.input-settings .kit-field.name > .kit-label,
.input-settings .kit-field.placeholder > .kit-label,
.input-settings .kit-field.type > .kit-label {
  width: 66px;
  text-align: right;
}
.input-settings .kit-field.name > .kit-text-box,
.input-settings .kit-field.placeholder > .kit-text-box,
.input-settings .kit-field.type > .kit-text-box {
  width: 157px;
}
.input-settings .kit-field.type .kit-radio-button {
  padding-left: 9px;
  padding-right: 9px;
}
.input-settings .kit-field.choices {
  padding: 0;
}
.input-settings .kit-list2 {
  position: relative;
}
.input-settings .kit-list-item > .kit-drag-handle {
  left: 1px;
}
.input-settings .kit-list-item > .edit,
.input-settings .kit-list-item > .trash {
  width: 18px;
}
.input-settings .kit-list-item > .edit {
  right: 20px;
}
.input-settings .kit-list-item > .trash {
  right: 3px;
}
.input-settings .kit-list-item > .label {
  margin-right: 40px;
  margin-left: 15px;
  color: #d9d9d9;
}
.input-settings .kit-list-item > .label > span {
  color: #d9d9d9;
  padding: 0 1px;
}
.input-settings .kit-checkbox-group > .kit-checkbox {
  margin-top: 0;
}
.input-settings .kit-panel.type-select .kit-field.name > .kit-label {
  width: 40px;
}
.input-settings .kit-panel.type-select .kit-field.name > .kit-text-box {
  width: 180px;
}
.input-settings .kit-panel.type-select .kit-field.placeholder {
  display: none;
}
.bem-Island {
  padding: 10px;
}
.bem-InlineItemEditPane.bem-Pane-lift {
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.bem-InlineItemEditPane.bem-Pane {
  border: none;
}
.bem-InlineItemEditPane .bem-Pane_Head_BackButton {
  display: none;
}
.bem-InlineItemEditPane .bem-Pane_Title {
  margin-left: 3px;
}
.bem-InlineItemEditPane .bem-Pane_Body {
  max-height: 560px;
}
.bem-InlineItemEditPane .bem-Form {
  display: block !important;
}
.bem-InlineItemEditPane .bem-Form .bem-Form_Body {
  display: block !important;
}
.bem-InlineItemEditPane_Wrapper {
  color: #d9d9d9;
  font-size: 12px;
  z-index: 10000;
}
.bem-InlineItemEditPane_Wrapper,
.bem-InlineItemEditPane_Backdrop,
.bem-InlineItemEditPane_Modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-InlineItemEditPane_Backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.6);
  transition: opacity 200ms;
}
.bem-InlineItemEditPane_Backdrop.transition-enter,
.bem-InlineItemEditPane_Backdrop.transition-leave {
  opacity: 0;
}
.bem-InlineItemEditPane_Backdrop.transition-enter-active {
  opacity: 1;
}
.bem-InlineItemEditPane_Modal {
  pointer-events: none;
}
.bem-InlineItemEditPane_Modal > .bem-Modal > .bem-Modal_Card {
  width: 800px;
  pointer-events: all;
  -webkit-font-smoothing: antialiased;
}
.bem-InlineItemEditPane_Modal > .bem-Modal > .bem-Modal_Card .bem-Field_Head {
  margin-bottom: 10px;
}
.bem-InlineItemEditPane_Modal > .bem-Modal > .bem-Modal_Card > .bem-Modal_Body {
  padding: 15px 15px 0 15px;
}
.bem-InlineItemEditPane_Modal > .bem-Modal > .bem-Modal_Card .bem-Field .bem-SelectInput_Menu {
  margin-bottom: 20px;
}
.bem-InlineItemEditPane_Modal > .bem-Modal .bem-Modal_Head {
  cursor: -webkit-grab;
  cursor: grab;
}
.bem-InlineItemEditPane_Modal > .bem-Modal .bem-Modal_Head.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.bem-ItemStatus-staged,
.bem-ItemStatus-draft {
  color: #e89153;
}
.bem-ItemStatus-stagedChanges,
.bem-ItemStatus-published {
  color: #2ad986;
}
.bem-ItemStatus-archived {
  color: #a6a6a6;
}
.bem-IXSelectorInput {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-IXSelectorInput::after {
  content: none !important;
}
.bem-IXSelectorInput.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-IXSelectorInput.hasError > input.input {
  color: #ff5266;
}
.bem-IXSelectorInput .selectize-control {
  padding: 0;
  min-height: 28px;
  border: none;
  box-shadow: none;
}
.bem-IXSelectorInput .selectize-control .selectize-input,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items {
  padding: 0px 35px 1px 3px !important;
  vertical-align: top;
  min-height: 28px;
}
.bem-IXSelectorInput .selectize-control .selectize-input:hover,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items:hover {
  background: #232323;
}
.bem-IXSelectorInput .selectize-control .selectize-input.focus,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items.focus,
.bem-IXSelectorInput .selectize-control .selectize-input.focus:hover,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items.focus:hover {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-IXSelectorInput .selectize-control .selectize-input::before,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items::before {
  content: none;
}
.bem-IXSelectorInput .selectize-control .selectize-input > input,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items > input {
  position: relative;
  top: 1px;
  left: 3px !important;
  font-size: 12px;
  line-height: 28px !important;
  color: #a6a6a6;
}
.bem-IXSelectorInput .selectize-control .selectize-input div.item,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item {
  min-height: 21px;
  margin: 4px 4px 0 0;
  border-radius: 2px;
  font-size: 11px;
  text-shadow: none;
  padding-right: 6px !important;
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.bem-IXSelectorInput .selectize-control .selectize-input div.item .remove,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-bottom: 3px;
  padding: 2px;
  border: none;
  color: transparent;
  opacity: 0.6;
  cursor: default;
}
.bem-IXSelectorInput .selectize-control .selectize-input div.item .remove:hover,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items div.item .remove:hover {
  opacity: 1;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown {
  top: 31px;
  border: 1px solid #333333;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  background: #5e5e5e;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content {
  max-height: 224px;
  font-size: 12px;
  line-height: 12px;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  padding: 8px;
  background-color: #5e5e5e;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active {
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active::after {
  content: '+ Add';
  float: right;
  margin-right: -8px;
}
.bem-IXSelectorInput .selectize-control .selectize-dropdown .selectize-dropdown-content .option .highlight {
  background: transparent;
  text-decoration: underline;
  color: rgba(255, 255, 255, 0.9);
}
.bem-IXSelectorInput i.search-big {
  position: absolute;
  z-index: 1;
  right: 9px;
  top: 9px;
  opacity: 0.4;
}
.bem-IXSelectorInput-blue .selectize-control .selectize-input div.item,
.bem-IXSelectorInput-blue .selectize-control .selectize-input.has-items div.item {
  background-image: none;
  background-color: #3b79c3;
}
.bem-IXSelectorInput_Icon {
  pointer-events: none;
}
.bem-KeyboardShortcuts_Wrapper {
  z-index: 10000;
}
.bem-KeyboardShortcuts_Wrapper,
.bem-KeyboardShortcuts_Backdrop,
.bem-KeyboardShortcuts_Modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-KeyboardShortcuts_Backdrop {
  background-color: rgba(0, 0, 0, 0.75);
}
.bem-KeyboardShortcuts_Modal {
  pointer-events: none;
}
.bem-KeyboardShortcuts_Modal > .bem-Modal > .bem-Modal_Card {
  pointer-events: all;
}
.bem-KeyboardShortcuts_Inner {
  color: #d9d9d9;
  width: 935px;
  padding: 0 15px;
}
.bem-KeyboardShortcuts_Inner .kit-button.close {
  float: right;
  cursor: default;
  padding: 4px 10px;
  font-size: 15px;
  font-weight: bold;
  color: #a6a6a6;
}
.bem-KeyboardShortcuts_Inner > h1 {
  margin: 0 0 15px 0;
  padding: 0 0 10px 0;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
  font-size: 26px;
  color: #d9d9d9;
}
.bem-KeyboardShortcuts_Inner > .left-col,
.bem-KeyboardShortcuts_Inner > .right-col {
  float: left;
  width: 50%;
}
.bem-KeyboardShortcuts_Inner > .left-col {
  padding-right: 20px;
}
.bem-KeyboardShortcuts_Inner .section > .title {
  margin: 0 0 5px 0;
  padding: 0 0 5px 0;
  border-bottom: 1px solid #212121;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
  font-size: 14px;
}
.bem-KeyboardShortcuts_Inner .section > .keys {
  font-size: 12px;
  padding: 5px 0 25px 0;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line {
  zoom: 1;
  padding: 3px 0;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line:before,
.bem-KeyboardShortcuts_Inner .section > .keys > .line:after {
  content: " ";
  display: table;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line:after {
  clear: both;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line > .key {
  position: relative;
  float: left;
  margin: 0 14px 0 0;
  width: 205px;
  text-align: right;
  font-family: Consolas, 'Liberation Mono', Menlo, Courier, monospace;
  color: white;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line > .key.mac {
  display: block;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line > .key.pc {
  display: none;
}
.bem-KeyboardShortcuts_Inner .section > .keys > .line > .key:after {
  position: absolute;
  content: '';
  top: 8px;
  right: -10px;
  width: 5px;
  height: 1px;
  background-color: #404040;
}
.bem-KeyboardShortcuts_Inner.pc .section > .keys > .line > .key {
  width: 120px;
}
.bem-KeyboardShortcuts_Inner.pc .section > .keys > .line > .key.mac {
  display: none;
}
.bem-KeyboardShortcuts_Inner.pc .section > .keys > .line > .key.pc {
  display: block;
}
.bem-EmbedEditor_Wrapper {
  color: #d9d9d9;
  font-size: 12px;
  -webkit-font-smoothing: antialiased;
  z-index: 10000;
}
.bem-EmbedEditor_Wrapper,
.bem-EmbedEditor_Backdrop,
.bem-EmbedEditor_Modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-EmbedEditor_Modal {
  pointer-events: none;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card {
  width: 800px;
  pointer-events: all;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .bem-Field_Head {
  margin-bottom: 10px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .bem-TokenInput {
  margin-top: 10px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .bem-TokenInput + .bem-Field_Notice {
  margin-top: 5px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .bem-Button {
  padding-left: 25px;
  padding-right: 25px;
  margin-top: 7px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card > .kit-text-area {
  height: auto;
  min-height: 150px;
  max-height: 300px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card > .kit-text-area > .input {
  height: 100%;
  min-width: 100%;
  max-width: 100%;
  min-height: 150px;
  max-height: 300px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .kit-divider {
  margin-bottom: 0;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .show-all-settings-button {
  opacity: 0.7;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .show-all-settings-button:hover {
  opacity: 1;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .show-all-settings-button .show-all-settings-wrapper {
  width: 128px;
  margin: 0 auto;
  padding-top: 9px;
  padding-bottom: 10px;
  font-size: 9px;
  letter-spacing: 0.25px;
  text-align: center;
  font-weight: bold;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card .show-all-settings-button .show-all-settings-button-icon {
  position: relative;
  top: 1px;
  margin-left: 5px;
}
.bem-EmbedEditor_Modal > .bem-Modal > .bem-Modal_Card > .bem-Modal_Body {
  padding: 15px 15px 0 15px;
}
.bem-EmbedEditor_Modal > .bem-Modal .bem-Modal_Head {
  cursor: -webkit-grab;
  cursor: grab;
}
.bem-EmbedEditor_Modal > .bem-Modal .bem-Modal_Head.dragging {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.bem-ResponsiveImageMigrationOverlay_Wrapper {
  z-index: 10000;
  background-color: rgba(64, 64, 64, 0.95);
  color: #d9d9d9;
  font-size: 12px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  text-align: center;
}
.bem-ResponsiveImageMigrationOverlay_Wrapper,
.bem-ResponsiveImageMigrationOverlay_Modal {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
.bem-ResponsiveImageMigrationOverlay_Modal {
  top: 0;
}
.bem-ResponsiveImageMigrationOverlay_Message {
  padding: 0 0 15px 0;
  font-size: 18px;
}
.bem-ResponsiveImageMigrationOverlay_Progress {
  width: 325px;
  margin: 250px auto 0 auto;
}
.bem-ResponsiveImageMigrationOverlay_Track {
  height: 2px;
  background: #2b2b2b;
  border-radius: 3px;
}
.bem-ResponsiveImageMigrationOverlay_Bar {
  background: #d9d9d9;
  width: 1%;
  height: 2px;
  border-radius: 3px;
  transition: width 200ms linear;
}
.bem-ResponsiveImageMigrationOverlay_Details {
  padding: 15px 0 0 0;
  font-size: 12px;
}
.left-sidebar-links {
  background-color: #404040;
  height: 100%;
  left: 0;
  top: 0;
  position: fixed;
  width: 35px;
  z-index: 32;
  border-right: 1px solid #1a1a1a;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.left-sidebar-links .button {
  margin-top: -1px;
  display: block;
  width: 35px;
  position: relative;
  padding-top: 11px;
  padding-bottom: 11px;
  cursor: default;
}
.left-sidebar-links .button:after {
  content: "";
  position: absolute;
  top: auto;
  bottom: -1px;
  left: 8px;
  height: 1px;
  width: 18px;
  background: #333333;
}
.left-sidebar-links .button i,
.left-sidebar-links .button .bem-Svg {
  opacity: 0.5;
}
.left-sidebar-links .button i.icon-main,
.left-sidebar-links .button .bem-Svg.icon-main {
  margin: 0 9px;
  display: block;
}
.left-sidebar-links .button:hover > i,
.left-sidebar-links .button:hover .bem-Svg {
  opacity: 0.75;
}
.left-sidebar-links .button.active > i,
.left-sidebar-links .button.active .bem-Svg {
  opacity: 1.0;
}
.left-sidebar-links .button.active > .bem-Svg {
  margin: 0 6px;
}
.left-sidebar-links .button.active:after {
  background: #212121;
}
.left-sidebar-links .button.top.active,
.left-sidebar-links .button.tutorials.active {
  position: relative;
  z-index: 33;
  background: #4d4d4d;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
  border-left: 1px solid #212121;
  border-radius: 3px 0 0 3px;
  margin-bottom: -2px;
  padding-top: 10px;
}
.left-sidebar-links .button.top.active > i.icon-main,
.left-sidebar-links .button.tutorials.active > i.icon-main {
  opacity: 1.0;
  margin: 0 8px;
}
.left-sidebar-links .button.add {
  top: 1px;
}
.left-sidebar-links .button .bem-Svg {
  color: #ffffff;
  margin: 0 7px;
}
.left-sidebar-links .button.logo-flux {
  height: 35px;
  position: relative;
}
.left-sidebar-links .button.logo {
  height: 35px;
  position: relative;
}
.left-sidebar-links .button.logo > i {
  transition: opacity 50ms ease, -webkit-transform 50ms ease-in;
  transition: opacity 50ms ease, transform 50ms ease-in;
  transition: opacity 50ms ease, transform 50ms ease-in, -webkit-transform 50ms ease-in;
}
.left-sidebar-links .button.logo > i.chrome-settings {
  position: absolute;
  opacity: 0.0;
  top: 8px;
}
.left-sidebar-links .button.logo .label {
  opacity: 0.0;
  pointer-events: none;
  position: absolute;
  left: 35px;
  top: 0px;
  height: 35px;
  font-size: 11px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  color: #d9d9d9;
  padding: 13px 130px 11px 10px;
  white-space: nowrap;
  background-image: linear-gradient(to left, transparent, #404040 80px, #404040);
  transition: opacity 200ms ease;
}
.left-sidebar-links .button.logo .label span {
  display: block;
  width: 90px;
}
.left-sidebar-links .button.logo .label span.wait {
  display: none;
}
.left-sidebar-links .button.logo > .spinner {
  position: absolute;
  pointer-events: none;
  width: 20px;
  height: 20px;
  top: 8px;
  left: 8px;
  border: 3px solid #212121;
  border-radius: 100px;
  opacity: 0.0;
  transition: opacity 50ms ease;
}
.left-sidebar-links .button.logo > .spinner:after {
  content: '';
  position: absolute;
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 2px solid transparent;
  border-bottom-color: rgba(255, 255, 255, 0.5);
  border-radius: 100px;
}
.left-sidebar-links .button.logo:hover > i.chrome-logo {
  opacity: 0.0;
}
.left-sidebar-links .button.logo:hover > i.chrome-settings {
  opacity: 1.0;
}
.left-sidebar-links .button.logo:hover .label {
  opacity: 1.0;
}
.left-sidebar-links .button.logo.redirecting {
  pointer-events: none;
}
.left-sidebar-links .button.logo.redirecting > i {
  opacity: 0.0;
}
.left-sidebar-links .button.logo.redirecting > i.chrome-settings {
  opacity: 0.8;
  -webkit-transform: translate(-1px, -1px) scale(0.65);
  transform: translate(-1px, -1px) scale(0.65);
}
.left-sidebar-links .button.logo.redirecting > .spinner {
  -webkit-animation: wf-spin 0.9s infinite linear;
  animation: wf-spin 0.9s infinite linear;
  opacity: 1.0;
}
.left-sidebar-links .button.logo.redirecting .label {
  opacity: 1.0;
}
.left-sidebar-links .button.logo.redirecting .label span.back {
  display: none;
}
.left-sidebar-links .button.logo.redirecting .label span.wait {
  display: block;
}
.left-sidebar-links .button.grid.grid.basic i,
.left-sidebar-links .button.grid.grid.filled i {
  opacity: 1;
}
.left-sidebar-links .button.grid.grid.basic i {
  background-position: -160px -360px;
}
.left-sidebar-links .bottom {
  position: absolute;
  display: block;
  bottom: 0;
  left: 0;
}
.left-sidebar-links .bottom > .button.setting {
  padding-top: 7px;
  padding-bottom: 7px;
}
.left-sidebar-links .bottom > .button.setting:not(.with-divider):after {
  display: none;
}
.left-sidebar-links .bottom > .button.tutorials.exclaim i.ftu-video-big-blue {
  -webkit-animation: 1.5s wf-exclaim-front-icon;
  animation: 1.5s wf-exclaim-front-icon;
  opacity: 1;
}
.left-sidebar-links .bottom > .button.tutorials.exclaim i.ftu-video-big {
  -webkit-animation: 1.5s wf-exclaim-back-icon;
  animation: 1.5s wf-exclaim-back-icon;
  opacity: 0;
}
.left-sidebar-links .bottom > .button.tutorials > i.ftu-video-big-blue {
  transition: 200ms opacity ease;
  position: absolute;
  top: 11px;
  left: 0;
  opacity: 0;
  z-index: 5;
}
.left-sidebar-links .bottom > .button.tutorials:after {
  display: none;
}
.left-sidebar-links .help-section {
  position: relative;
}
.left-sidebar-links .help-section > .trigger {
  padding-top: 4px;
}
.left-sidebar-links .help-section > .trigger i.icon-main {
  margin-left: 7px;
}
.left-sidebar-links .help-section > .popup-menu {
  position: absolute;
  left: 43px;
  bottom: 0;
  z-index: 2;
  background-color: #404040;
  border: 1px solid #212121;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
  pointer-events: none;
  opacity: 0;
  -webkit-transform: translate(-10px, 0);
  transform: translate(-10px, 0);
  transition: opacity 200ms ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.left-sidebar-links .help-section > .popup-menu > .tick {
  position: absolute;
  bottom: 10px;
  left: -8px;
  height: 18px;
  width: 7px;
  overflow: hidden;
}
.left-sidebar-links .help-section > .popup-menu > .tick:before {
  content: '';
  width: 11px;
  height: 12px;
  margin: 1px 0 0 4px;
  position: absolute;
  background-color: #404040;
  border: 1px solid #212121;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}
.left-sidebar-links .help-section > .popup-menu:before {
  content: '';
  position: absolute;
  width: 8px;
  height: 100%;
  left: -9px;
}
.left-sidebar-links .help-section > .popup-menu:after {
  content: '';
  position: absolute;
  left: -1px;
  bottom: 15px;
  width: 1px;
  height: 10px;
  background-color: #404040;
}
.left-sidebar-links .help-section > .popup-menu > .link {
  display: block;
  color: #d9d9d9;
  font-size: 12px;
  text-decoration: none;
  white-space: nowrap;
  padding: 8px 14px 8px 35px;
  border-bottom: 1px solid #333333;
  cursor: pointer;
  -webkit-font-smoothing: antialiased;
  transition: background-color 50ms ease;
}
.left-sidebar-links .help-section > .popup-menu > .link:hover {
  background-color: #4d4d4d;
}
.left-sidebar-links .help-section > .popup-menu > .link:last-child {
  border-bottom: none;
}
.left-sidebar-links .help-section > .popup-menu > .link > i {
  float: left;
  margin-left: -25px;
  opacity: 0.5;
  transition: opacity 50ms ease;
}
.left-sidebar-links .help-section > .popup-menu > .link.videos {
  border-top: none;
}
.left-sidebar-links .help-section > .popup-menu > .link.videos > i {
  background-position: -40px -300px;
  width: 16px;
  height: 12px;
}
.left-sidebar-links .help-section > .popup-menu > .link.kbase > i {
  background-position: -60px -300px;
  width: 12px;
  height: 19px;
  margin-top: -2px;
}
.left-sidebar-links .help-section > .popup-menu > .link.forum > i {
  background-position: -80px -300px;
  width: 16px;
  height: 16px;
}
.left-sidebar-links .help-section > .popup-menu > .link.faqs > i {
  background-position: -100px -300px;
  width: 15px;
  height: 16px;
  margin-top: -2px;
}
.left-sidebar-links .help-section > .popup-menu > .link.keys > i {
  background-position: -140px -300px;
  width: 17px;
  height: 12px;
}
.left-sidebar-links .help-section > .popup-menu > .link.email > i {
  background-position: -120px -300px;
  width: 16px;
  height: 12px;
}
.left-sidebar-links .help-section > .popup-menu > .link:hover {
  color: #ffffff;
}
.left-sidebar-links .help-section > .popup-menu > .link:hover > i {
  opacity: 1.0;
}
.left-sidebar-links .help-section:hover > .trigger > i,
.left-sidebar-links .help-section.force-open > .trigger > i {
  opacity: 1.0;
}
.left-sidebar-links .help-section:hover > .popup-menu,
.left-sidebar-links .help-section.force-open > .popup-menu {
  opacity: 1.0;
  pointer-events: auto;
  -webkit-transform: translate(0, 0);
  transform: translate(0, 0);
}
.left-sidebar-links .debug-info {
  color: #999;
  font-size: 10px;
  text-align: right;
  padding: 10px 5px 20px 0;
}
.left-sidebar-links .debug-info span {
  color: #ddd;
}
@media screen and (max-height: 360px) {
  .left-sidebar-links .bottom .setting {
    display: none;
  }
}
@media screen and (max-height: 205px) {
  .left-sidebar-links .bottom {
    display: none;
  }
}
.bem-LeftSidebarMask {
  position: fixed;
  left: 0;
  right: 0;
  top: 35px;
  bottom: 0;
  z-index: 29;
}
.lightbox-embed-panel-wrap {
  width: 200px;
}
.lightbox-embed-url-field {
  padding-bottom: 9px;
}
.lightbox-embed-url-field .kit-label {
  font-size: 11px;
  padding-top: 5px;
}
.lightbox-embed-url-field .input-control.embed-link-box > .kit-text-input {
  width: 168px;
}
.lightbox-image-panel {
  width: 200px;
  padding: 0;
}
.lightbox-image-panel .kit-button-upload,
.lightbox-image-panel .kit-button-choose {
  display: block;
  float: left;
  width: 87px;
}
.lightbox-image-panel .kit-button-choose {
  margin-right: 5px;
}
.lightbox-image-panel .kit-button-choose > i {
  background-position: -460px 0px;
  width: 20px;
  height: 15px;
  margin-right: 8px;
  display: inline-block;
  vertical-align: -3px;
  opacity: 0.8;
}
.lightbox-image-panel .kit-field.image > .kit-group .details {
  clear: both;
  padding: 9px 0 2px 0;
}
.lightbox-image-panel .kit-field.image > .kit-group .details > .preview {
  float: left;
  width: 65px;
  height: 65px;
}
.lightbox-image-panel .kit-field.image > .kit-group .details > .preview > .image {
  width: inherit;
  height: inherit;
  background-size: 100%;
}
.lightbox-image-panel .kit-field.image > .kit-group .details > .image-metadata {
  padding-left: 8px;
}
.lightbox-image-panel .kit-field.image > .kit-group .details > .image-metadata > .file-name {
  max-width: 111px;
  text-overflow: ellipsis;
}
.lightbox-image-panel .close-panel {
  width: 100%;
  margin-bottom: 10px;
}
.lightbox-caption-field {
  padding-top: 5px;
  padding-bottom: 10px;
}
.lightbox-caption-field .kit-text-input {
  width: 100%;
}
.lightbox-settings .media-field {
  padding-top: 0;
}
.lightbox-settings .kit-list-label {
  padding: 2px 0 5px;
}
.lightbox-settings .kit-list-item > .kit-drag-handle {
  left: 0;
}
.lightbox-settings .kit-list-item > .image-preview {
  right: auto;
  left: 14px;
}
.lightbox-settings .lightbox-add-image > i {
  width: 15px;
  height: 12px;
  margin-top: 5px;
  background-position: -80px -60px;
}
.lightbox-settings .lightbox-add-video > i {
  width: 14px;
  background-position: -520px -400px;
}
.lightbox-settings .lightbox-add-image,
.lightbox-settings .lightbox-add-video {
  margin-bottom: -5px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.lightbox-settings .lightbox-add-image:nth-child(1),
.lightbox-settings .lightbox-add-video:nth-child(1) {
  margin-left: -1px;
  border-top-left-radius: 0;
}
.lightbox-settings .lightbox-add-image:nth-child(1) > i,
.lightbox-settings .lightbox-add-video:nth-child(1) > i {
  margin-left: 0;
  border-radius: 0 2px 0 0;
}
.lightbox-settings .lightbox-add-image:not(:nth-child(1)),
.lightbox-settings .lightbox-add-video:not(:nth-child(1)) {
  border-top-right-radius: 0;
}
.lightbox-settings .link-checkbox {
  padding-top: 12px;
}
.lightbox-settings .group-field {
  padding-top: 9px;
  padding-left: 19px;
}
.lightbox-settings .group-field .group {
  width: 132px;
}
.lightbox-settings .one-line-text {
  height: 29px;
}
.lightbox-settings .invalid {
  box-shadow: 0 0 0 1px #ea384c;
  z-index: 1;
}
.lightbox-settings .invalid .label {
  color: #ff5266;
}
.bem-Link {
  cursor: default;
  color: inherit;
}
.bem-Link + .bem-Link {
  margin-left: 12px;
}
.bem-Link:hover {
  color: #ebebeb;
}
.bem-Link:hover .bem-Link_Icon {
  opacity: 1;
}
.bem-Link_Icon {
  opacity: 0.6;
}
.bem-Link-underline {
  text-decoration: underline;
}
.bem-Link-disabled {
  cursor: default;
}
.bem-Link-dim,
.bem-Link-disabled,
.bem-Link-disabled:hover {
  color: #a6a6a6;
}
.bem-Link-dim .bem-Link_Icon,
.bem-Link-disabled .bem-Link_Icon,
.bem-Link-disabled:hover .bem-Link_Icon {
  opacity: 0.4;
}
.bem-Link-stretch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-Link-outbound {
  cursor: pointer;
}
.link-settings .kit-label {
  width: 45px;
  text-align: right;
}
.link-settings .page-select {
  width: 179px;
  float: left;
}
.link-settings .page-select.static-page-select .fancy-item.read-only {
  background-color: transparent;
}
.link-settings .page-select.static-page-select .fancy-item.read-only i.pages-folder-small {
  opacity: 0.5;
  margin: 0 0 0 3px;
}
.link-settings .page-select.static-page-select .fancy-item.read-only span.label {
  padding: 1px 5px 1px 16px;
  background: #404040;
  border-radius: 3px;
  max-width: 100%;
  margin-left: -13px;
}
.link-settings .page-select .tree-item > i.pages-nested-small {
  opacity: 0.25;
  vertical-align: 2px;
  margin-right: 2px;
  display: none;
}
.link-settings .page-select .tree-item.nested > i.pages-nested-small {
  display: inline-block;
}
.link-settings .page-select .tree-item.nested.depth-1 {
  padding-left: 0px;
}
.link-settings .page-select .tree-item.nested.depth-2 {
  padding-left: 3px;
}
.link-settings .page-select .tree-item.nested.depth-3 {
  padding-left: 16px;
}
.link-settings .page-select .tree-item.nested.depth-4 {
  padding-left: 29px;
}
.link-settings .page-select .tree-item.nested.depth-5 {
  padding-left: 42px;
}
.link-settings .page-select .tree-item.nested.depth-6 {
  padding-left: 55px;
}
.link-settings .named-section-select {
  width: 179px;
  float: left;
}
.link-settings .newtab-checkbox {
  clear: both;
  margin: 5px 0 0 43px;
}
.link-settings .newtab-checkbox.dynamic {
  margin: 5px 0 0 8px;
}
.link-settings .kit-text-box {
  width: 175px;
}
.link-settings .kit-field > .instructions {
  clear: both;
  color: #d9d9d9;
  padding: 10px 0 0 44px;
}
.link-settings .kit-field > .instructions span {
  white-space: normal;
}
.link-settings .kit-field.mode {
  padding-bottom: 4px;
}
.link-settings .kit-field.mode .kit-radio-button.external > i {
  background-position: -500px -420px;
  width: 13px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.dynpage > i {
  background-position: -440px -420px;
  width: 13px;
  height: 15px;
}
.link-settings .kit-field.mode .kit-radio-button.page > i {
  background-position: -280px -400px;
  width: 11px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.section > i {
  background-position: -520px -420px;
  width: 18px;
  height: 14px;
}
.link-settings .kit-field.mode .kit-radio-button.email > i {
  background-position: -540px -420px;
  width: 15px;
  height: 12px;
}
.link-settings .kit-field.mode .kit-radio-button.tel > i {
  background-position: -560px -420px;
  width: 14px;
  height: 15px;
}
.bem-List {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bem-List_Row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 32px;
  flex: 0 0 32px;
  min-height: 32px;
  padding: 0 11px;
  border-bottom: 1px solid #212121;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-List_Row-big {
  min-height: 45px;
  -ms-flex-preferred-size: 45px;
  flex-basis: 45px;
}
.bem-List_Row-clickable {
  cursor: default;
}
.bem-List_Row-clickable:hover,
.bem-List_Row.isSelected {
  background-color: #4d4d4d;
  color: white;
}
.bem-List_Row-clickable:hover .bem-List_Icon,
.bem-List_Row.isSelected .bem-List_Icon {
  opacity: 0.8;
}
.bem-List_Row-draggable {
  padding-left: 0px;
}
.bem-List_DragHandle {
  visibility: hidden;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 11px;
  flex: 0 0 11px;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  opacity: 0.35;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAYAAAAuCAYAAAALM2gTAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAClJREFUeNpi5ODg+M+ABTAx4ACM/4GAJB2kA8ZRV426atRVw95VAAEGAOeKKMnBEHdEAAAAAElFTkSuQmCC);
  background-size: 3px 23px;
  background-repeat: no-repeat;
  background-position: 3px 3px;
  cursor: ns-resize;
}
.bem-List_DragHandle:hover {
  opacity: .7;
}
.bem-List_Row:hover .bem-List_DragHandle,
.bem-List_Row.isSource .bem-List_DragHandle {
  visibility: visible;
}
.bem-List_Section {
  background-color: #2b2b2b;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  border-width: 1px 0;
  border-style: solid;
  border-color: #212121;
  border-top: 0;
  padding: 6px 10px;
  font-weight: bold;
  font-size: 12px;
  height: 30px;
}
.bem-List_Cell + .bem-List_Cell,
.bem-List_Action + .bem-List_Action,
.bem-List_Cell + .bem-List_Action {
  margin-left: 8px;
}
.bem-List_Icon {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  opacity: 0.6;
}
.bem-List_Action {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.bem-List_Cell-shy,
.bem-List_Action-shy {
  display: none;
}
.bem-List_Row:hover > .bem-List_Cell-shy,
.bem-List_Row:hover > .bem-List_Action-shy,
.bem-List_Row:hover > * > .bem-List_Cell-shy,
.bem-List_Row:hover > * > .bem-List_Action-shy {
  display: block;
}
.bem-List_Row:hover .bem-List_Cell-unshy,
.bem-List_Row:hover .bem-List_Action-unshy {
  display: none;
}
.bem-List_Row-big .bem-List_Cell {
  padding: 0 1px;
}
.bem-List-flat {
  border: 2px solid #5e5e5e;
  box-shadow: 0 0 0 1px #333333;
  border-bottom: 0;
  border-radius: 3px;
}
.bem-List-flat .bem-List_Row {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 8px 10px;
  box-shadow: none;
  border-bottom: 2px solid #5e5e5e;
}
.bem-List-flat .bem-List_Row-editable {
  padding: 0;
}
.bem-List_Row-editable .bem-List_Cell {
  padding: 8px 10px;
  position: relative;
  cursor: default;
}
.bem-List_Row-editable .bem-List_Cell:hover,
.bem-List_Row-editable .bem-List_Cell:focus {
  outline: 0;
}
.bem-List_Row-editable .bem-List_Cell:focus {
  cursor: text;
  background: #2b2b2b;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bem-List_Row-editable .bem-List_Cell:focus::after {
  content: 'Press enter to save';
  position: absolute;
  right: 10px;
  color: #737373;
}
.bem-List_Row-editable .bem-List_Cell + .bem-List_Action {
  margin-left: 0;
}
.bem-List_Row-editable .bem-List_Cell:focus ~ .bem-List_Action-shy {
  display: none;
}
.bem-List-flat .bem-List_Row.isSource,
.bem-List_Row.isSource {
  border-bottom-color: #9e9e9e;
}
.bem-LoadingDots {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.5;
}
.map-mini-settings {
  width: 246px;
}
.map-mini-settings .embed-link-box {
  float: left;
  width: 220px;
}
.map-settings .kit-label {
  text-align: right;
}
.map-settings .kit-field.address > .kit-label {
  width: 50px;
}
.map-settings .kit-field.address > .embed-link-box {
  float: left;
  width: 172px;
}
.map-settings .kit-field.address > .kit-label.icon-label {
  position: relative;
  margin-left: 50px;
  color: #a6a6a6;
}
.map-settings .kit-field.address > .kit-label.icon-label.selected {
  color: #d9d9d9;
}
.map-settings .kit-field.address > .kit-label.icon-label svg {
  float: left;
  margin-top: 1px;
  margin-right: 4px;
}
.map-settings .kit-field.tooltip {
  margin-top: 3px;
}
.map-settings .kit-field.tooltip > .kit-label {
  width: 50px;
}
.map-settings .kit-field.tooltip > .kit-text-box {
  float: left;
  width: 172px;
}
.map-settings .kit-field.zoom > .kit-label {
  width: 50px;
}
.map-settings .kit-field.zoom > .kit-unit-slider {
  width: 110px;
  margin-bottom: 4px;
}
.map-settings .kit-field.zoom > .kit-text-box {
  float: right;
  margin-right: 2px;
  width: 45px;
}
.map-settings .kit-field.style .kit-button {
  width: 54.5px;
}
.map-settings .kit-checkbox {
  width: 95px;
}
.map-settings .kit-field.apikey {
  white-space: normal;
  padding-top: 0px;
}
.map-settings .kit-field.apikey.update {
  padding-bottom: 0;
}
.map-settings .kit-field.apikey > .kit-title {
  font-weight: bold;
  padding-bottom: 0;
}
.map-settings .kit-field.apikey > .kit-title svg {
  display: inline-block !important;
  color: #facb4b;
  position: relative;
  width: 13px;
  bottom: -2px;
}
.map-settings .kit-field.apikey > .kit-label.apikey {
  text-align: left;
  line-height: 14px;
  padding-bottom: 10px;
}
.map-settings .kit-field.apikey > .kit-button.has-text {
  width: 100%;
}
.map-settings .kit-field.apikey > .kit-button.has-text > span.text svg {
  display: inline-block !important;
  margin-left: 3px;
  position: relative;
  bottom: -1px;
}
.map-settings.wf-missing-api-key .kit-field input:hover,
.map-settings.wf-invalid-api-key .kit-field input:hover {
  cursor: not-allowed;
}
.map-settings.wf-missing-api-key .kit-field > .embed-link-box > .kit-text-input:hover,
.map-settings.wf-invalid-api-key .kit-field > .embed-link-box > .kit-text-input:hover {
  background: #2b2b2b;
}
.map-settings.wf-missing-api-key .kit-field > .kit-text-input:hover,
.map-settings.wf-invalid-api-key .kit-field > .kit-text-input:hover {
  background: #2b2b2b;
}
.map-settings.wf-missing-api-key .kit-field > .kit-radio-buttons > .kit-button.has-text:hover,
.map-settings.wf-invalid-api-key .kit-field > .kit-radio-buttons > .kit-button.has-text:hover {
  color: rgba(255, 255, 255, 0.9);
}
.map-settings.wf-missing-api-key .kit-field > .kit-radio-buttons > .kit-button.active:hover,
.map-settings.wf-invalid-api-key .kit-field > .kit-radio-buttons > .kit-button.active:hover {
  cursor: not-allowed;
  background: #2b2b2b;
}
.map-settings.wf-missing-api-key .kit-field > .kit-radio-buttons > .kit-button:hover,
.map-settings.wf-invalid-api-key .kit-field > .kit-radio-buttons > .kit-button:hover {
  cursor: not-allowed;
  background: #5e5e5e;
}
.map-settings.wf-missing-api-key .kit-field .kit-unit-slider > .nubbin:hover,
.map-settings.wf-invalid-api-key .kit-field .kit-unit-slider > .nubbin:hover {
  cursor: not-allowed;
}
.map-settings.wf-missing-api-key .kit-field.address,
.map-settings.wf-invalid-api-key .kit-field.address,
.map-settings.wf-missing-api-key .kit-field.zoom,
.map-settings.wf-invalid-api-key .kit-field.zoom,
.map-settings.wf-missing-api-key .kit-field.tooltip,
.map-settings.wf-invalid-api-key .kit-field.tooltip,
.map-settings.wf-missing-api-key .kit-field.style,
.map-settings.wf-invalid-api-key .kit-field.style,
.map-settings.wf-missing-api-key .kit-checkbox-group,
.map-settings.wf-invalid-api-key .kit-checkbox-group {
  opacity: 0.5;
}
.bem-Mask_Path {
  fill: rgba(26, 26, 26, 0.85);
}
.bem-Menu {
  border-radius: 3px;
  color: #d9d9d9;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  border: 1px solid #212121;
  background: #404040;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  letter-spacing: 0;
  -webkit-font-smoothing: antialiased;
}
.bem-Menu_Caret {
  margin-left: 35px;
}
.bem-Menu_Shortcut {
  margin-left: 10px;
}
.bem-Menu_Section {
  margin: 3px 0;
}
.bem-Menu_Section + .bem-Menu_Section {
  border-top: 1px solid #212121;
  margin-top: 3px;
  padding-top: 3px;
}
.bem-Menu_Item {
  font-size: 12px;
  padding: 4px 15px;
  line-height: 19px;
  white-space: nowrap;
  position: relative;
  cursor: default;
}
.bem-Menu_Item:hover {
  background: #4d4d4d;
  color: white;
}
.bem-Menu_Item-selectable {
  padding-left: 0;
}
.bem-Menu_Item-disabled {
  opacity: 0.4;
  cursor: not-allowed;
}
.bem-Menu_Item-disabled:hover {
  color: inherit;
  opacity: 0.4;
  background: #404040;
}
.bem-Menu_Item_Icon {
  width: 30px;
}
.bem-Menu_Item > .bem-Menu {
  position: absolute;
  left: 100%;
  top: -4px;
  visibility: hidden;
}
.bem-Menu.isOnLeft .bem-Menu_Item > .bem-Menu {
  left: auto;
  right: 100%;
}
.bem-Menu_Item:hover > .bem-Menu {
  visibility: visible;
}
.bem-Menu_Item > .bem-Menu .bem-Menu_Item .bem-Icon {
  opacity: 0.7;
}
.bem-Menu_Item > .bem-Menu .bem-Menu_Item:hover .bem-Icon {
  opacity: 1;
}
.bem-Menu_Item > .bem-Menu .bem-Menu_Item-selected .bem-Icon {
  opacity: 1;
}
.bem-Modal {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-font-smoothing: antialiased;
  /**
   * 1. The button shifts 1px on hover in Safari without this.
   */
}
.bem-Modal_Card {
  max-width: 100%;
  background: #404040;
  color: #d9d9d9;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
  border-radius: 3px;
}
.bem-Modal_Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 42px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 3px 3px 0 0;
  border-bottom: 1px solid #212121;
  background-color: #4d4d4d;
}
.bem-Modal_Title {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 16px;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-size: 15px;
  font-weight: 500;
}
.bem-Modal_Close {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 100%;
  padding: 0 16px;
  cursor: default;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  /* 1 */
  opacity: 0.5;
  transition: opacity 200ms;
}
.bem-Modal_Close:hover {
  opacity: 1;
}
.bem-Modal_Body {
  border-radius: 0 0 3px 3px;
  padding: 16px;
}
.bem-Modal_Message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 448px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 3px 0;
}
.bem-Modal_MessageIcon {
  margin-right: 20px;
  margin-left: 5px;
  color: inherit;
}
.bem-Modal_MessageText {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  line-height: 135%;
  -webkit-font-smoothing: antialiased;
}
.bem-Modal_MessageText a,
.bem-Modal_MessageText a:visited {
  color: #6bb0ff;
  text-decoration: none;
}
.bem-Modal_Controls {
  margin-top: 16px;
  text-align: right;
}
.navbar-settings .kit-panel {
  padding-top: 4px;
  padding-bottom: 4px;
}
.navbar-settings .kit-button > i {
  position: relative;
  top: 1px;
}
.navbar-settings .kit-button.open-menu {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  margin: -2px 0 4px;
  padding-right: 2px;
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 84px;
}
.navbar-settings .kit-button.open-menu > i.hamburger {
  background-position: -140px -40px;
  width: 11px;
  height: 11px;
}
.navbar-settings .kit-button.open-menu > span {
  position: relative;
  padding-left: 5px;
}
.navbar-settings .kit-button.add-slide {
  margin: -2px 10px 4px;
  padding-right: 2px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 68px;
}
.navbar-settings .kit-button.add-slide > i {
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.navbar-settings .kit-button.add-slide > span {
  position: relative;
  padding-left: 5px;
}
.navbar-settings .kit-divider.anim {
  margin: 3px 0;
}
.navbar-settings .arrow-style,
.navbar-settings .nav-style {
  margin-top: 0;
}
.navbar-settings .arrow-style > .kit-label,
.navbar-settings .nav-style > .kit-label {
  padding-top: 11px;
}
.navbar-settings .arrow-style > .kit-radio-buttons,
.navbar-settings .nav-style > .kit-radio-buttons {
  float: none;
  margin-bottom: 7px;
}
.navbar-settings .arrow-style > .kit-radio-buttons .kit-button,
.navbar-settings .nav-style > .kit-radio-buttons .kit-button {
  width: 45px;
}
.navbar-settings .arrow-style > .kit-radio-buttons .kit-button.arrowHeavy,
.navbar-settings .nav-style > .kit-radio-buttons .kit-button.arrowHeavy {
  width: 55px;
}
.navbar-settings .kit-select2 {
  float: right;
}
.navbar-settings .kit-select2 .select2-container {
  width: 153px;
}
.navbar-settings .anim-type {
  float: none;
}
.navbar-settings .easing {
  float: none;
  margin-top: -2px;
  margin-bottom: 2px;
}
.navbar-settings .anim-duration {
  display: inline-block;
  float: none;
}
.navbar-settings .anim-duration .bem-UnitBox {
  float: left;
}
.navbar-settings .anim-duration .bem-UnitBox .kit-unit-box {
  width: 70px;
}
.navbar-settings .anim-delay {
  display: inline-block;
  float: none;
  margin-left: 12px;
}
.navbar-settings .anim-delay .kit-unit-box {
  width: 70px;
}
.navbar-settings .anim-delay .kit-label,
.navbar-settings .anim-type .kit-label,
.navbar-settings .easing .kit-label,
.navbar-settings .anim-duration .kit-label,
.navbar-settings .anim-delay .kit-label,
.navbar-settings .anim-auto-max .kit-label {
  text-align: right;
  width: 71px;
}
.navbar-settings .anim-delay .kit-unit-box,
.navbar-settings .anim-auto-max .kit-unit-box {
  width: 90px;
}
.navbar-settings .kit-title.collapse-on {
  margin-top: 14px;
  padding-bottom: 15px;
}
.navbar-settings .kit-title.collapse-on span {
  color: #a6a6a6;
  font-style: italic;
}
.navbar-settings .kit-checkbox-group .kit-checkbox {
  float: left;
  margin-top: 5px;
}
.navbar-settings .kit-checkbox-group .kit-checkbox.docHeight {
  margin-top: 0;
  width: 130px;
}
.navbar-settings .kit-checkbox-group .kit-checkbox.noScroll {
  width: 180px;
}
.bem-Note {
  -ms-flex-item-align: end;
  align-self: flex-end;
  background-color: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
  border-radius: 2px;
  padding: 2px 7px;
  box-shadow: 0 0 0 1px #333333;
  margin-top: -24px;
  margin-bottom: 2px;
  position: relative;
  overflow: visible;
  font-weight: 200;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  z-index: 1;
  font-size: 12px;
  line-height: 1.5;
}
.bem-Note-error {
  background-color: #c92c3f;
}
.bem-Note-warning {
  background-color: #c28f0e;
}
.bem-Note-below {
  top: 33px;
  margin-top: -26px;
  margin-bottom: 15px;
}
.bem-Note-below .bem-Note_Arrow {
  top: -10px;
  right: auto;
  left: 14px;
}
.bem-Note-below .bem-Note_Arrow::before {
  top: 6px;
}
.bem-Note_Arrow {
  overflow: hidden;
  position: absolute;
  padding: 0 2px;
  right: 14px;
  top: 100%;
}
.bem-Note_Arrow::before {
  content: '';
  display: block;
  box-shadow: 0 0 0 1px #333333;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 10px;
  height: 10px;
  position: relative;
  top: -6px;
  background-color: #5e5e5e;
}
.bem-Note_Text {
  margin: 0 2px;
}
.bem-Note-error .bem-Note_Arrow::before {
  background-color: #c92c3f;
}
.bem-Note-warning .bem-Note_Arrow::before {
  background-color: #c28f0e;
}
.bem-NotificationList {
  position: absolute;
  top: 35px;
  right: 0;
  margin: 10px;
  z-index: 10002;
}
.bem-NotificationList-inWorkspace {
  right: 241px;
}
.bem-NotificationList-scrollBarEnabled {
  right: 251px;
}
.bem-NotificationList-inDataManager {
  top: 80px;
  right: 10px;
}
.bem-NotificationList_Item {
  width: 265px;
}
.bem-NotificationList_Item + .bem-NotificationList_Item {
  margin-top: 10px;
}
.bem-Notification {
  padding: 11px 13px;
  color: #d9d9d9;
  font-size: 12px;
  line-height: 16px;
  background: rgba(26, 26, 26, 0.95);
  background-clip: padding-box;
  border-left: 3px solid;
  border-radius: 3px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  -webkit-font-smoothing: antialiased;
  /**
   * 1. Prevents text from flowing underneath icon.
   */
  /**
   * 1. Prevents text from going underneath floating action.
   */
}
.bem-Notification-error {
  color: #ea384c;
}
.bem-Notification-warning {
  color: #facb4b;
}
.bem-Notification-success {
  color: #27d86e;
}
.bem-Notification-love {
  color: #e437ff;
}
.bem-Notification_Icon {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 16px;
  margin-right: 12px;
}
.bem-Notification_Body {
  color: #d9d9d9;
  overflow: hidden;
  /* 1 */
}
.bem-Notification_Title {
  margin-bottom: 5px;
  font-size: 13px;
  line-height: 16px;
  color: white;
}
.bem-Notification_Message {
  overflow: hidden;
  /* 1 */
}
.bem-Notification_Action {
  float: right;
  margin-left: 10px;
  cursor: default;
}
.bem-NumberInput {
  position: relative;
}
.bem-NumberInput_Ticks {
  position: absolute;
  top: 0;
  right: 0;
  width: 24px;
  height: 28px;
}
.bem-NumberInput_Ticks_Button {
  position: relative;
  width: 100%;
  height: 16px;
  background: #5e5e5e;
  border: 1px solid #212121;
  cursor: default;
}
.bem-NumberInput_Ticks_Button:hover {
  background: #6b6b6b;
}
.bem-NumberInput_Ticks_Button-up {
  height: 17px;
  border-top-right-radius: 3px;
}
.bem-NumberInput_Ticks_Button-down {
  margin-top: -1px;
  border-bottom-right-radius: 3px;
}
.bem-NumberInput_Ticks_Button_Icon {
  opacity: 0.7;
}
.bem-NumberInput_Ticks_Button_Icon:hover {
  opacity: 1;
}
.bem-NumberInput_Ticks-preview .bem-NumberInput_Ticks_Button {
  background: #4d4d4d;
  border-color: #6b6b6b;
  pointer-events: none;
  color: #a9a9a9;
}
.bem-NumberInput_Ticks.hasNotice .bem-NumberInput_Ticks_Button {
  background: #6f6452;
  border-color: #9e8863;
  color: #B99f76;
}
.bem-NumberInput_Ticks.hasNotice .bem-NumberInput_Ticks_Button_Icon {
  opacity: 1;
}
.bem-NumberInput_Ticks.highlighted .bem-NumberInput_Ticks_Button {
  background: inherit;
  border-color: rgba(107, 176, 255, 0.8);
  color: white;
}
.bem-NumberInput_Ticks.highlighted .bem-NumberInput_Ticks_Button_Icon {
  opacity: 1;
}
.bem-OutlineDropParentNode {
  border: 2px solid #ff542e;
  z-index: 10;
}
.bem-OutlineDropParentNode > .breadcrumbs {
  text-align: center;
  width: 100%;
  margin-top: -17px;
}
.bem-OutlineDropParentNode > .breadcrumbs > .inner {
  position: relative;
  left: auto;
  top: auto;
  padding: 0;
}
.bem-OutlineDropParentNode > .breadcrumbs > .inner > .crumbs {
  margin: 0;
}
.bem-OutlineDropParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  float: none;
  font-weight: bold;
  background-color: transparent;
  color: white;
  text-transform: uppercase;
}
.bem-OutlineDropParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .icon {
  display: none;
}
.bem-OutlineDropParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .label {
  padding: 5px 9px 3px 7px;
  background: #ff542e;
  border-radius: 3px 3px 0 0;
}
.bem-OutlineDropParentNode.hang-down > .breadcrumbs {
  margin-bottom: -22px;
}
.bem-OutlineDropParentNode.hang-down > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .label {
  border-radius: 0 0 3px 3px;
}
.bem-OutlineDropParentNode.inside > .breadcrumbs {
  margin-top: 2px;
}
.bem-OutlineDropParentNode.inside > .breadcrumbs > .inner > .crumbs > .crumb > .inner > .label {
  border-radius: 0 0 3px 3px;
}
.bem-OutlineHoveredNode {
  border: 1px solid #178df7;
  z-index: 7;
}
.bem-OutlineHoveredNode.editing {
  border: none;
  outline: 1px solid #178df7;
}
.bem-OutlineHoveredNode > .breadcrumbs {
  margin-left: -3px;
}
.bem-OutlineHoveredNode > .breadcrumbs > .inner > .crumbs {
  margin-left: 0;
}
.bem-OutlineHoveredNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  background-color: transparent;
  color: #178df7;
}
.bem-OutlineHoveredNode.is-symbol .crumb > .inner {
  color: #27d86e !important;
}
.bem-OutlineHoveredNode.is-symbol .crumb > .inner > .icon {
  -webkit-filter: hue-rotate(290deg) brightness(1.2);
  filter: hue-rotate(290deg) brightness(1.2);
}
.bem-OutlineHoveredNode.is-dynamic .crumb > .inner {
  color: #8e66ff !important;
}
.bem-OutlineHoveredNode.is-dynamic .crumb > .inner > .icon {
  -webkit-filter: hue-rotate(44deg) brightness(1.1);
  filter: hue-rotate(44deg) brightness(1.1);
}
.bem-OutlineHoveredParentNode {
  z-index: 9;
  border: 1px solid #ff542e;
}
.bem-OutlinePerspectiveParentNode {
  z-index: 9;
  border: 1px solid #e437ff;
}
.bem-OutlinePerspectiveParentNode > .anchor-icon {
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid #e437ff;
  border-radius: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-filter: drop-shadow(0 0 1px white);
}
.bem-OutlinePerspectiveParentNode > .anchor-icon > .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: #e437ff;
  left: calc(49%);
  top: calc(49%);
}
.bem-OutlinePerspectiveParentNode > .anchor-icon:before,
.bem-OutlinePerspectiveParentNode > .anchor-icon:after {
  content: '';
  position: absolute;
  border: 5px solid #e437ff;
}
.bem-OutlinePerspectiveParentNode > .anchor-icon:before {
  left: 0px;
  top: calc(49%);
  margin-left: -3px;
  height: 1px;
  width: 5px;
  border-width: 0 5px 0 5px;
}
.bem-OutlinePerspectiveParentNode > .anchor-icon:after {
  left: calc(49%);
  top: 0;
  margin-top: -3px;
  height: 5px;
  width: 1px;
  border-width: 5px 0 5px 0;
}
.bem-OutlinePerspectiveParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  margin-left: 0px;
  background-color: #e437ff;
}
.bem-OutlineRelativeParentNode {
  z-index: 9;
  border: 1px solid #e437ff;
}
.bem-OutlineRelativeParentNode > .anchor-icon {
  position: relative;
  width: 11px;
  height: 11px;
  border: 1px solid #e437ff;
  border-radius: 100%;
  position: absolute;
  left: -6px;
  top: -6px;
  -webkit-filter: drop-shadow(0 0 1px white);
}
.bem-OutlineRelativeParentNode > .anchor-icon > .dot {
  position: absolute;
  width: 1px;
  height: 1px;
  background-color: #e437ff;
  left: calc(49%);
  top: calc(49%);
}
.bem-OutlineRelativeParentNode > .anchor-icon:before,
.bem-OutlineRelativeParentNode > .anchor-icon:after {
  content: '';
  position: absolute;
  border: 5px solid #e437ff;
}
.bem-OutlineRelativeParentNode > .anchor-icon:before {
  left: 0px;
  top: calc(49%);
  margin-left: -3px;
  height: 1px;
  width: 5px;
  border-width: 0 5px 0 5px;
}
.bem-OutlineRelativeParentNode > .anchor-icon:after {
  left: calc(49%);
  top: 0;
  margin-top: -3px;
  height: 5px;
  width: 1px;
  border-width: 5px 0 5px 0;
}
.bem-OutlineRelativeParentNode > .breadcrumbs > .inner > .crumbs > .crumb > .inner {
  margin-left: 0px;
  background-color: #e437ff;
}
.bem-OutlineSelectedNode {
  border: 1px solid #178df7;
  z-index: 8;
}
.bem-OutlineSelectedNode.editing {
  border: none;
  outline: 1px solid #178df7;
}
.bem-OutlineSelectedNode.active > .breadcrumbs > .inner .crumbs .crumb {
  pointer-events: auto;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.current > .inner > .open-mini-settings {
  float: right;
  margin: -1px -18px 0 0;
  width: 18px;
  height: 14px;
  background-color: inherit;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.current > .inner > .open-mini-settings > i {
  background-position: -360px -520px;
  width: 10px;
  height: 10px;
  margin-top: 2px;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner {
  background-color: #27d86e;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner.has-mini-settings > .icon.open-mini-settings {
  border-left-color: #23c263;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.symbol > .inner.has-mini-settings > .icon.open-mini-settings:hover {
  background-color: #23c263;
  border-left-color: #1fad58;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.dynamic > .inner {
  background-color: #8e66ff;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.dynamic > .inner.has-mini-settings > .open-mini-settings {
  border-left: 1px solid #a88aff;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb.dynamic > .inner.has-mini-settings > .open-mini-settings:hover {
  background-color: #b499ff;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb > .inner {
  background-color: #178df7;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb > .inner.has-mini-settings > .open-mini-settings {
  border-left: 1px solid #3a9ef8;
}
.bem-OutlineSelectedNode > .breadcrumbs > .inner .crumbs .crumb > .inner.has-mini-settings > .open-mini-settings:hover {
  background-color: #48a5f9;
}
.bem-Pane {
  background: #404040;
  border: 1px solid #212121;
  color: #d9d9d9;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  pointer-events: auto;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-font-smoothing: antialiased;
}
.bem-Pane ::-moz-selection {
  background-color: #3490eb;
  color: white;
}
.bem-Pane ::selection {
  background-color: #3490eb;
  color: white;
}
.bem-Pane-lift {
  position: relative;
}
.bem-Pane + .bem-Pane {
  border-left: 0;
}
.bem-Pane_Head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d9d9d9;
  background: #4d4d4d;
  padding: 0 10px;
  height: 45px;
  -webkit-font-smoothing: antialiased;
}
.bem-Pane_Body {
  position: relative;
  overflow: auto;
}
.bem-Pane_Body_Inner {
  -ms-flex-item-align: stretch;
  align-self: stretch;
}
.bem-Pane_Head + .bem-Pane_Body {
  border-top: 1px solid #212121;
}
.bem-Pane_Head + .bem-Pane_Body-well {
  border-top: none;
}
.bem-Pane_Foot {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d9d9d9;
  background: #4d4d4d;
  border-top: 1px solid #212121;
  border-bottom: 1px solid #212121;
  padding: 0 10px;
  height: 50px;
}
.bem-Pane_Message {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding-top: 6px;
  padding-bottom: 6px;
  padding-right: 10px;
  background: #4d4d4d;
  color: #d9d9d9;
  border-radius: 2px;
  border: 1px solid #333333;
  box-shadow: inset 23px 0 0 -20px #d9d9d9;
  margin-top: 8px;
  -webkit-font-smoothing: antialiased;
}
.bem-Pane_Message-locked {
  box-shadow: inset 23px 0 0 -20px #facb4b;
}
.bem-Pane_Message-warning {
  box-shadow: inset 23px 0 0 -20px #facb4b;
}
.bem-Pane_Message-dynamic {
  box-shadow: inset 23px 0 0 -20px #ae94ff;
}
.bem-Pane_Message-page {
  box-shadow: inset 23px 0 0 -20px #2ad986;
}
.bem-Pane_Message-info {
  box-shadow: inset 23px 0 0 -20px #d9d9d9;
}
.bem-Pane_Message-danger {
  box-shadow: inset 13px 0 0 -10px #FB6B6F;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #4d4d4d;
}
.bem-Pane_Message_Icon {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-item-align: baseline;
  align-self: baseline;
  position: relative;
  left: 12px;
}
.bem-Pane_Message_Icon-locked {
  color: #facb4b;
}
.bem-Pane_Message_Icon-warning {
  -ms-flex-item-align: initial;
  align-self: initial;
  color: #facb4b;
}
.bem-Pane_Message_Icon-dynamic {
  top: 3px;
  color: #ae94ff;
  -webkit-transform: scale(1.5);
  transform: scale(1.5);
}
.bem-Pane_Message_Icon-page {
  color: #2ad986;
}
.bem-Pane_Message_Icon-info {
  -ms-flex-item-align: initial;
  align-self: initial;
  color: #d9d9d9;
}
.bem-Pane_Message_Icon-danger {
  top: 3px;
  color: #FB6B6F;
}
.bem-Pane_Message_Content {
  display: inline-block;
  margin-left: 20px;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.bem-Pane_Card {
  position: relative;
  background: #4d4d4d;
  border-radius: 3px;
  border: 1px solid #333333;
  margin: 15px 8px;
  padding: 12px 14px;
  text-align: center;
}
.bem-Pane_Card-spacious {
  margin: auto;
  padding: 25px 70px;
}
.bem-Pane_CardHead {
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 600;
  font-size: 13px;
  margin-bottom: 5px;
}
.bem-Pane_CardBody {
  font-size: 11px;
  line-height: 15px;
  color: #c0c0c0;
}
.bem-Pane_CardFooter {
  margin-top: 12px;
  padding-top: 12px;
  border-top: 1px solid #333333;
}
.bem-Pane_CardClose {
  position: absolute;
  top: 8px;
  right: 8px;
  line-height: 0;
}
.bem-Pane_Section {
  padding: 20px 13px;
}
.bem-Pane_Section + .bem-Pane_Section {
  border-top: 1px solid #212121;
}
.bem-Pane_Title {
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  font-weight: 400;
  margin: 0 10px 0 0;
  overflow-x: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  padding: 3px 0;
}
.bem-Pane_Title_Icon {
  margin-left: 10px;
  opacity: 0.3;
  cursor: default;
}
.bem-Pane_Title_Icon:hover {
  opacity: 1;
}
.bem-Pane_Close {
  display: inline-block;
  cursor: default;
  opacity: 0.4;
}
.bem-Pane_Close:hover {
  opacity: 0.85;
}
.bem-Pane_CloseIcon {
  background-position: -580px -40px;
  height: 12px;
  width: 11px;
}
.bem-Pane_Actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-Pane_Actions + .bem-Pane_Actions {
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-left: 15px;
}
.bem-Pane_Close + .bem-Pane_Actions {
  margin-left: 15px;
}
.bem-Pane_Actions-divided {
  border-right: 1px solid #333333;
  padding-right: 15px;
}
.bem-Pane_Icon {
  opacity: 0.6;
  width: 17px;
}
.bem-Pane-tab {
  border: 0;
}
.bem-Pane-tab .bem-Pane_Head {
  background: #404040;
  box-shadow: none;
  height: 36px;
}
.bem-Panel {
  padding-left: 6px;
  pointer-events: none;
  color: #d9d9d9;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.bem-Panel::before {
  background: #4d4d4d;
  border-right: 1px solid #212121;
  bottom: 0;
  content: '';
  display: block;
  left: 0;
  position: absolute;
  top: 1px;
  width: 6px;
}
.bem-Panel_Head {
  height: 35px;
  background: #404040;
  font-size: 11px;
  pointer-events: auto;
  position: absolute;
  top: 0;
  margin-top: -34px;
  left: 0;
  right: 0;
  border-bottom: 1px solid #212121;
}
.bem-Panel_Head_Section {
  padding: 0 10px;
}
.bem-Panel_Head_Section + .bem-Panel_Head_Section {
  border-left: 1px solid #212121;
}
.bem-Paragraph {
  margin: 0;
  font-size: 13px;
  line-height: 18px;
}
.bem-Paragraph-dim {
  color: #a6a6a6;
}
.bem-Paragraph-dimmer {
  color: #737373;
}
.bem-Paragraph-dimmer > em {
  color: #a6a6a6;
  font-style: normal;
}
.bem-Paragraph-small {
  font-size: 12px;
}
.small-double-field-panel .title {
  margin-left: -3px;
}
.small-double-field-panel .help-text {
  margin-bottom: 10px;
}
.small-double-field-panel .kit-field {
  padding-top: 0;
}
.small-double-field-panel .kit-text-input {
  width: 100%;
}
.small-double-field-panel .kit-checkbox-input {
  margin-top: 5px;
}
.small-double-field-panel .kit-number-form-field {
  height: 23px;
  float: left;
}
.small-double-field-panel .kit-number-form-field > input {
  height: inherit;
}
.small-double-field-panel .kit-number-form-field .ticks {
  border: 0;
}
.small-double-field-panel .kit-number-form-field .ticks .tick {
  width: 11px;
  height: 11px;
}
.small-double-field-panel .kit-number-form-field .ticks .tick i {
  margin-top: 3px;
}
.small-double-field-panel .add {
  width: 100%;
}
.small-double-field-panel .add .kit-button {
  float: right;
  padding-right: 8px;
  padding-left: 8px;
}
.small-double-field-panel .add .kit-button i {
  margin-right: 10px;
}
.small-double-field-panel .fancy-dropdown {
  max-height: 168px;
}
.small-double-field-panel .fancy-item .type {
  opacity: 0.7;
  margin-left: 3px;
}
.small-double-field-panel .fancy-item .type:not(:empty):before {
  content: '(';
}
.small-double-field-panel .fancy-item .type:not(:empty):after {
  content: ')';
}
.query-item-param-panel {
  width: 200px;
}
.query-item-param-panel .query-param {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  margin-bottom: 7px;
}
.query-item-param-panel .query-param .field > .kit-label,
.query-item-param-panel .query-param .operator > .kit-label,
.query-item-param-panel .query-param .operator-name > .kit-label,
.query-item-param-panel .query-param .field-value > .kit-label {
  margin-bottom: 5px;
}
.query-item-param-panel .query-param .field:not(:last-child):not(.collapse),
.query-item-param-panel .query-param .operator:not(:last-child):not(.collapse),
.query-item-param-panel .query-param .operator-name:not(:last-child):not(.collapse),
.query-item-param-panel .query-param .field-value:not(:last-child):not(.collapse) {
  margin-bottom: 8px;
}
.query-item-param-panel .query-param .field-label {
  margin-bottom: 5px;
}
.query-item-param-panel .query-param .fake-input {
  padding: 5px;
  border: 1px solid #333333;
  border-radius: 3px;
}
.query-item-param-panel .query-param .lightning-icon {
  display: inline-block;
  width: 6px;
  height: 10px;
  margin-right: 7px;
  background-position: -580px -20px;
}
.query-item-param-panel .query-param .field-value .double .bem-UnitBox,
.query-item-param-panel .query-param .field-value .double .and {
  float: left;
}
.query-item-param-panel .query-param .field-value .double .bem-UnitBox {
  width: 85px;
}
.query-item-param-panel .query-param .field-value .double .and {
  padding: 5px;
}
.query-item-param-panel .query-param .field-value .triple {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.query-item-param-panel .query-param .field-value .triple .value-field {
  width: 50px;
}
.query-item-param-panel .query-param .field-value .triple .kit-fancy-select {
  width: 148px;
  margin-left: 5px;
}
.query-item-param-panel .query-param .unrelated-item-ref {
  width: 100%;
  float: left;
}
.query-item-param-panel .query-param .delete {
  width: 20px;
}
.query-item-param-panel .query-param .delete i {
  margin-top: 4px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.query-item-param-panel .field-value + .warning.shift {
  margin-top: 8px;
  margin-bottom: 0;
}
.query-item-param-panel .warning {
  margin: 8px 0;
}
.query-item-param-panel .warning-icon {
  position: relative;
  float: left;
  margin-right: 5px;
}
.query-item-param-panel .warning-text {
  float: left;
  width: 180px;
  line-height: 135%;
}
.query-item-param-panel .fancy-item .lightning {
  position: absolute;
}
.query-item-param-panel .fancy-item .lightning + span {
  margin-left: 18px;
}
.bem-Pill {
  background-color: #4d4d4d;
  box-shadow: 0 0 0 1px #333333;
  padding: 3px 9px;
  border-radius: 2px;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  cursor: text;
}
.bem-Pill.isFocused {
  background: #232323;
  box-shadow: 0 0 0 1px #3490eb;
  cursor: text;
}
.bem-Pill.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-Pill.hasError > input.input {
  color: #ff5266;
}
.bem-Pill-covermargin {
  position: relative;
  margin-left: 7px;
}
.bem-Pill-covermargin::before {
  content: '';
  display: block;
  position: absolute;
  width: 7px;
  left: -7px;
  top: 0;
  bottom: 0;
}
.bem-Popover {
  color: #404040;
}
.bem-Popover_Body {
  color: #d9d9d9;
  font-family: Arial;
  font-size: 11px;
}
/**
 * 1. Prevents children overflowing rounded borders.
 */
.bem-Popup {
  position: absolute;
  top: 39px;
  left: 0;
  background-color: #404040;
  border: 1px solid #212121;
  border-radius: 3px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 23;
  outline: none;
  overflow: hidden;
  /* 1 */
}
.bem-PopoverMenu {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  padding: 7px;
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.bem-PopoverMenu-bottomLeft {
  top: auto;
  bottom: 0;
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.bem-PopoverMenu-topRight {
  left: auto;
  right: 0;
  -webkit-transform-origin: top right;
  transform-origin: top right;
}
.bem-PopoverMenu:after {
  content: "";
  position: absolute;
  z-index: -1;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  border-radius: 2px;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
}
.bem-PopoverMenu_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  cursor: default;
  padding-right: 30px;
  height: 42px;
  background: #404040;
  border: 1px solid #212121;
  color: #d9d9d9;
  white-space: nowrap;
  font-size: 14px;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-PopoverMenu_Button:hover {
  background: #4d4d4d;
}
.bem-PopoverMenu_Button:active > * {
  opacity: 0.6;
}
.bem-PopoverMenu_ButtonIcon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 44px;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-PopoverMenu_Button + .bem-PopoverMenu_Button {
  border-top: none;
}
.bem-PopoverMenu_Button:first-child {
  border-top-left-radius: 2px;
  border-top-right-radius: 2px;
}
.bem-PopoverMenu_Button:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bem-PreviewBox {
  display: inline-block;
  padding: 8px;
  border: 1px solid #212121;
  border-radius: 2px;
  background: #2b2b2b;
  color: #d9d9d9;
}
.bem-ProfilePicture {
  color: white;
  position: relative;
  text-align: center;
  border-radius: 100px;
}
.bem-ProfilePicture_Text,
.bem-ProfilePicture_Image,
.bem-ProfilePicture::after {
  left: 0;
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  border-radius: 100px;
}
.bem-ProfilePicture::after {
  content: '';
  box-shadow: inset 0 0 2px rgba(0, 0, 0, 0.2);
}
.bem-ProfilePicture_Image {
  -o-object-fit: cover;
  object-fit: cover;
}
.bem-ProfilePictures {
  overflow: hidden;
}
.bem-ProfilePictures_Profile {
  border: 0 solid transparent;
  box-sizing: content-box;
}
.bem-ProfilePictures_Profile:nth-child(1) {
  z-index: 5;
}
.bem-ProfilePictures_Profile:nth-child(2) {
  z-index: 4;
}
.bem-ProfilePictures_Profile:nth-child(3) {
  z-index: 3;
}
.bem-ProfilePictures_Profile:nth-child(4) {
  z-index: 2;
}
.bem-ProfilePictures_Profile:nth-child(5) {
  z-index: 1;
}
.bem-ProfilePictures_Profile:hover {
  z-index: 6;
}
.w-editor-bem-EditorMainMenu .bem-ProfilePictures_Profile {
  border-color: #E4E4E4;
}
.bem-BottomBar .bem-ProfilePictures_Profile {
  border-color: #ebebeb;
}
.bem-Pane_Head .bem-ProfilePictures_Profile {
  border-color: #4d4d4d;
}
.bem-Panel_Head .bem-ProfilePictures_Profile {
  border-color: #404040;
}
.bem-EditorApp_Panel .bem-Pane_Head .bem-ProfilePictures_Profile {
  border-color: #F7F7F7;
}
.bem-Table_Row .bem-ProfilePictures_Profile {
  border-color: #404040;
}
.bem-Table_Row:hover .bem-ProfilePictures_Profile,
.bem-Table_Row.isSelected .bem-ProfilePictures_Profile {
  border-color: #4d4d4d;
}
.bem-EditorApp_Panel .bem-Table_Row .bem-ProfilePictures_Profile {
  border-color: white;
}
.bem-EditorApp_Panel .bem-Table_Row:hover .bem-ProfilePictures_Profile,
.bem-EditorApp_Panel .bem-Table_Row.isSelected .bem-ProfilePictures_Profile {
  border-color: #F4F8FC;
}
.query-item-sort-panel {
  display: block;
  width: 200px;
}
.query-item-sort-panel .add,
.query-item-sort-panel .sort {
  margin-bottom: 6px;
  zoom: 1;
}
.query-item-sort-panel .add:before,
.query-item-sort-panel .sort:before,
.query-item-sort-panel .add:after,
.query-item-sort-panel .sort:after {
  content: " ";
  display: table;
}
.query-item-sort-panel .add:after,
.query-item-sort-panel .sort:after {
  clear: both;
}
.query-item-sort-panel .property {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
}
.query-item-sort-panel .property > * {
  width: 100%;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 20px;
  margin-bottom: 10px;
}
.query-item-sort-panel .property > *:not(:last-child) {
  margin-right: 20px;
}
.query-item-sort-panel .property .btn-blank:last-child {
  width: 40px;
  display: block;
  margin-top: 4px;
}
.query-item-sort-panel .info {
  margin-top: 2px;
}
.query-item-sort-panel .info .icon {
  display: inline-block;
  float: left;
  margin-right: 3px;
}
.query-item-sort-panel .info .text {
  display: inline;
}
.bem-RadioSelectInput_Input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  width: 15px;
  height: 15px;
  border-radius: 100px;
  background: #2b2b2b;
  border: 1px solid #212121;
  color: #d9d9d9;
  position: relative;
}
.bem-RadioSelectInput_Input:hover {
  background: #232323;
}
.bem-RadioSelectInput_Input:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-RadioSelectInput_Input:checked::before {
  background: #d9d9d9;
  border-radius: 100px;
  content: "";
  left: 0;
  right: 0;
  margin: 4px;
  position: absolute;
  top: 0;
  bottom: 0;
}
.bem-RadioSelectInput_Label {
  margin-left: 10px;
  margin-top: 1px;
}
.bem-RadioSelectInput_Option + .bem-RadioSelectInput_Option {
  margin-top: 8px;
}
.radio-settings .kit-field.group-name > .kit-label,
.radio-settings .kit-field.choice-value > .kit-label {
  width: 75px;
  text-align: left;
}
.radio-settings .kit-field.group-name > .kit-text-box,
.radio-settings .kit-field.choice-value > .kit-text-box {
  width: 148px;
}
.radio-settings .kit-checkbox.required {
  width: auto;
}
.bem-ResetPopoverContent {
  width: 220px;
  padding: 8px;
}
.bem-Section + .bem-Section {
  margin-top: 10px;
}
.settings-panel .title {
  font-size: 12px;
  font-weight: normal;
  padding-left: 12px;
  padding-bottom: 7px;
  border-bottom: 1px solid #333333;
  margin: 0 -10px;
  margin-bottom: 7px;
}
.settings-panel > .inner > .kit-button.close-panel {
  clear: both;
  float: none;
  width: auto;
}
.settings-panel > .close-panel {
  position: absolute;
  padding: 0;
  height: 18px;
  width: 18px;
  top: -1px;
  right: 8px;
  z-index: 1;
  border-top-left-radius: 0px;
  border-top-right-radius: 0px;
}
.settings-panel > .close-panel > i {
  margin-top: 4px;
  margin-left: 0;
  opacity: .65;
}
.settings-panel > .close-panel:hover > i {
  opacity: 0.95;
}
.slider-settings .kit-panel {
  padding-top: 4px;
  padding-bottom: 4px;
}
.slider-settings .kit-button.add-slide {
  margin: -2px 0 4px;
  padding: 0px 4px;
  float: none;
  display: inline-block;
  vertical-align: top;
  width: 68px;
}
.slider-settings .kit-button.add-slide > i {
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.slider-settings .kit-button.add-slide > span {
  position: relative;
  padding-left: 5px;
  top: -1px;
}
.slider-settings .kit-button.left-arrow {
  margin: -2px 0 4px 37px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 28px;
}
.slider-settings .kit-button.left-arrow > i {
  position: relative;
  background-position: -540px -20px;
  width: 7px;
  height: 12px;
  left: -1px;
  top: 4px;
}
.slider-settings .kit-button.right-arrow {
  margin: -2px 0 4px 1px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 28px;
}
.slider-settings .kit-button.right-arrow > i {
  position: relative;
  background-position: -559px -20px;
  width: 7px;
  height: 12px;
  top: 4px;
}
.slider-settings .kit-button.quick-select {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  margin: -2px 0 4px;
  display: inline-block;
  position: absolute;
  right: 10px;
  width: 34px;
}
.slider-settings .kit-button.quick-select > i.hamburger {
  position: relative;
  background-position: -140px -40px;
  width: 10px;
  height: 11px;
  top: 5px;
}
.slider-settings .kit-button.quick-select > i.expand {
  position: relative;
  width: 5px;
  height: 4px;
  margin-left: 6px;
  top: 3px;
  background-position: -20px 0px;
}
.slider-settings .kit-divider.anim {
  margin: 3px 0;
}
.slider-settings .arrow-style,
.slider-settings .nav-style {
  margin-top: 0;
}
.slider-settings .arrow-style > .kit-label,
.slider-settings .nav-style > .kit-label {
  padding-top: 11px;
}
.slider-settings .arrow-style > .kit-radio-buttons,
.slider-settings .nav-style > .kit-radio-buttons {
  float: none;
  margin-bottom: 7px;
}
.slider-settings .arrow-style > .kit-radio-buttons .kit-button,
.slider-settings .nav-style > .kit-radio-buttons .kit-button {
  width: 45px;
}
.slider-settings .arrow-style > .kit-radio-buttons .kit-button.arrowHeavy,
.slider-settings .nav-style > .kit-radio-buttons .kit-button.arrowHeavy {
  width: 55px;
}
.slider-settings .anim-type,
.slider-settings .easing {
  float: none;
}
.slider-settings .anim-type .kit-label,
.slider-settings .easing .kit-label {
  width: 80px;
}
.slider-settings .anim-type .kit-select2,
.slider-settings .easing .kit-select2 {
  float: right;
}
.slider-settings .anim-type .kit-select2 .select2-container,
.slider-settings .easing .kit-select2 .select2-container {
  width: 143px;
}
.slider-settings .easing {
  margin-top: -2px;
}
.slider-settings .kit-checkbox-group.slider-opts {
  padding-bottom: 5px;
}
.slider-settings .kit-checkbox-group.slider-opts > .kit-field:first-child {
  padding: 0;
}
.slider-settings .kit-checkbox-group.slider-opts > .kit-field {
  padding: 3px 0 0 0;
}
.slider-settings .anim-duration {
  display: inline-block;
  float: none;
}
.slider-settings .anim-duration .kit-label {
  width: 80px;
  text-align: right;
}
.slider-settings .anim-duration .bem-UnitBox {
  float: left;
}
.slider-settings .anim-duration .bem-UnitBox .kit-unit-box {
  width: 70px;
}
.slider-settings .anim-delay {
  display: block;
  padding-top: 8px;
}
.slider-settings .anim-delay .kit-label {
  width: 70px;
  text-align: right;
}
.slider-settings .anim-delay .kit-unit-box {
  width: 70px;
}
.slider-settings .anim-auto-max {
  display: block;
}
.slider-settings .anim-auto-max .kit-label {
  width: 70px;
  text-align: right;
}
.slider-settings .anim-auto-max .kit-unit-box {
  width: 70px;
}
.slider-settings .anim-auto-max .kit-unit-box > .unit {
  display: none;
}
.slider-settings .kit-checkbox-group > .kit-checkbox.hideArrows {
  width: 110px;
}
.slider-settings .nav-margin .bem-UnitBox .kit-unit-box {
  width: 60px;
}
.bem-Subsection + .bem-Subsection {
  margin-top: 5px;
}
.bem-Swatch {
  display: inline-block;
  vertical-align: middle;
  background-color: white;
  border-radius: 2px;
  overflow: hidden;
}
.bem-Tooltip {
  color: #3b79c3;
}
.bem-Tooltip-dark {
  color: #e6e6e6;
}
.bem-Tooltip-warning {
  color: #d44f33;
}
.bem-Tooltip-success {
  color: #109155;
}
.bem-Tooltip-error {
  color: #c92c3f;
}
.bem-Tooltip_Body {
  max-width: 254px;
  padding: 5px;
  font-size: 12px;
  color: white;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.bem-Tools {
  position: absolute;
  z-index: 13;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  overflow: visible;
  line-height: 12px;
}
.bem-Tools.catch-mouse-events {
  pointer-events: auto;
}
.bem-Tools.hidden > .wf-control:not(.grid) {
  display: none;
}
.bem-TopBar_Body {
  left: 0;
  font-size: 11px;
  -webkit-font-smoothing: antialiased;
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: 35px;
  background: #404040;
  border-bottom: 1px solid #1a1a1a;
  top: 0;
  z-index: 28;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.avoid-left-sidebar.avoid-right-sidebar .bem-TopBar_Body {
  width: calc(100% - 35px - 241px);
}
.avoid-right-sidebar .bem-TopBar_Body {
  width: calc(100% - 241px);
  left: 35px;
}
.avoid-left-sidebar .bem-TopBar_Body {
  width: calc(100% - 35px);
  left: 35px;
}
.bem-TopBar_Body_Group {
  background: #404040;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  max-height: 34px;
}
.bem-TopBar_Body_Group-left {
  margin-right: -1px;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}
.bem-TopBar_Body_Group-right {
  margin-left: -1px;
  z-index: -1;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.bem-TopBar_Body_ContextLens {
  border-right: 1px solid #333333;
  height: 35px;
  cursor: default;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-TopBar_Body_ContextLens_Close {
  display: block;
  position: relative;
  float: left;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background: #5e5e5e;
  height: 22px;
  width: 22px;
  box-sizing: content-box;
  text-align: center;
  text-decoration: none;
  font-size: 11px;
  line-height: 20px;
  background-color: #5e5e5e;
  border: 1px solid #333333;
  border-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  font-size: 0px;
  line-height: 0px;
  cursor: default;
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2px;
  height: 18px;
  width: 20px;
  margin: -1px 0 0 10px;
}
.bem-TopBar_Body_ContextLens_Close:focus {
  outline: none;
}
.bem-TopBar_Body_ContextLens_Close.focused {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-TopBar_Body_ContextLens_Close > span {
  display: none;
}
.bem-TopBar_Body_ContextLens_Close > i {
  display: inline-block;
  opacity: 0.8;
  transition: opacity 50ms ease;
  pointer-events: none;
}
.bem-TopBar_Body_ContextLens_Close:hover {
  background: #6b6b6b;
  color: #fff;
}
.bem-TopBar_Body_ContextLens_Close:hover > i {
  opacity: 1;
}
.bem-TopBar_Body_ContextLens_Close.done-return {
  float: right;
  box-sizing: border-box;
  padding: 2px;
  margin: 8px 1px 5px 1px;
  min-width: 70px;
  height: 28px;
}
.bem-TopBar_Body_ContextLens_Close.done-return > i {
  background-position: -440px -60px;
  width: 12px;
  height: 9px;
  margin-right: 5px;
  margin-left: -5px;
}
.bem-TopBar_Body_ContextLens_Close:focus {
  outline: 0;
}
.bem-TopBar_Body_ContextLens_Close:active {
  background: #5e5e5e;
}
.bem-TopBar_Body_ContextLens_Close.active {
  outline: 0;
  background: #2b2b2b;
  border-color: #212121;
}
.bem-TopBar_Body_ContextLens_Close.active:first-child {
  margin-left: 0;
}
.bem-TopBar_Body_ContextLens_Close.active > i {
  opacity: .9;
}
.bem-TopBar_Body_ContextLens_Close.upload {
  clear: both;
  float: none;
  width: auto;
}
.bem-TopBar_Body_ContextLens_Close.add-part {
  float: right;
  width: 30px;
  margin-left: 0px;
  font-size: 0px;
  line-height: 0px;
}
.bem-TopBar_Body_ContextLens_Close.add-part > i {
  margin-top: 6px;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.bem-TopBar_Body_ContextLens_Close.has-text {
  font-size: 11px;
  color: #ebebeb;
  line-height: 22px;
  width: auto;
}
.bem-TopBar_Body_ContextLens_Close.has-text:hover {
  color: white;
}
.bem-TopBar_Body_ContextLens_Close.has-text > span {
  display: inline;
}
.bem-TopBar_Body_ContextLens_Close.primary {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-TopBar_Body_ContextLens_Close.primary:hover {
  background: #4e86c9;
  color: white;
}
.bem-TopBar_Body_ContextLens_Close.add-list {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 27px;
  height: 23px;
  margin-left: 0px;
  box-shadow: none;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.bem-TopBar_Body_ContextLens_Close.add-list > i {
  margin-top: 6px;
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.bem-TopBar_Body_ContextLens_Close.relative {
  position: relative;
}
.bem-TopBar_Body_ContextLens_Close.disabled {
  opacity: 0.3;
  pointer-events: none;
}
.bem-TopBar_Body_ContextLens_Close.disabled-keepevents {
  opacity: 0.3;
  pointer-events: none;
  pointer-events: auto;
  cursor: not-allowed;
}
.bem-TopBar_Body_ContextLens_Close.large-hitzone:before {
  position: absolute;
  content: '';
  top: -10px;
  right: -10px;
  bottom: -10px;
  left: -10px;
  margin: auto;
}
.bem-TopBar_Body_ContextLens_Close.med-hitzone:before {
  position: absolute;
  content: '';
  top: -7px;
  right: -7px;
  bottom: -7px;
  left: -7px;
  margin: auto;
}
.bem-TopBar_Body_ContextLens_Close.big {
  height: 30px;
  line-height: 31px;
}
.bem-TopBar_Body_ContextLens_Close.flex {
  float: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2px;
}
.bem-TopBar_Body_ContextLens_Close.pop {
  pointer-events: none;
  z-index: 22;
}
.bem-TopBar_Body_ContextLens_Close:hover > .wf-tip {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
  transition-delay: 200ms;
}
.bem-TopBar_Body_ContextLens_Close:hover > .wf-tip.hoverable {
  pointer-events: inherit;
  cursor: default;
}
.bem-TopBar_Body_ContextLens_Close:hover > .wf-tip.hoverable::after {
  content: '';
  position: absolute;
  height: 10px;
  width: 100%;
  left: 0;
  bottom: -10px;
  display: block;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip {
  position: absolute;
  opacity: 0;
  -webkit-transform: translateY(5px);
  transform: translateY(5px);
  transition: background-color 50ms ease, opacity 50ms ease-in, -webkit-transform 50ms ease-in;
  transition: background-color 50ms ease, opacity 50ms ease-in, transform 50ms ease-in;
  transition: background-color 50ms ease, opacity 50ms ease-in, transform 50ms ease-in, -webkit-transform 50ms ease-in;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip.top,
.bem-TopBar_Body_ContextLens_Close > .wf-tip.top-left {
  bottom: 32px;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip.bottom {
  bottom: -32px;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip.win-fit {
  left: auto;
  right: 0;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip.win-fit > .arrow {
  margin-right: -7px;
}
.bem-TopBar_Body_ContextLens_Close > .wf-tip > .arrow {
  margin-left: -7px;
}
.bem-TopBar_Body_ContextLens_Close_Icon {
  margin-top: 1px;
}
.bem-TopBar_Body_ContextLens_Name {
  padding: 0 10px;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
.bem-TopBar_Body_ContextLens_Name_Label {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: #a6a6a6;
  margin: 0 5px 0 0;
}
.bem-TopBar_Body_ContextLens_Name_Value {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 90px;
}
.bem-TopBar_Body_ContextLens_Name_Value-dynamic {
  color: #ae94ff;
}
.bem-TopBar_Body_ContextLens_Name:not(.bem-TopBar_Body_ContextLens_Name-symbol) {
  cursor: default;
}
.bem-TopBar_Body_ContextLens_Name:not(.bem-TopBar_Body_ContextLens_Name-symbol):hover {
  background-color: #4d4d4d;
  border-bottom: 1px solid #212121;
}
.bem-TopBar_Body_ContextLens_ContextDropdown {
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-TopBar_Body_ContextLens_Name_SymbolIcon,
.bem-TopBar_Body_ContextLens_Name_Label-symbol {
  color: #2ad986;
}
.bem-TopBar_Body_ContextLens_Name_SymbolIcon {
  margin-right: 5px;
}
.bem-TopBar_Body_ContextLens_ContextDropdown-disabled {
  cursor: not-allowed;
}
.bem-TopBar_Body_ContextLens_ContextDropdown-disabled > .kit-fancy-select > .fancy-trigger {
  opacity: 0.5;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select {
  margin: 0;
  white-space: nowrap;
  border-left: 1px solid #333333;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .selected-label-prefix {
  margin-right: 5px;
  color: #a6a6a6;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .selected-label {
  max-width: 70px;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-list {
  border-right: none;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-trigger {
  height: 34px;
  border: none;
  border-radius: 0;
  padding-top: 11px;
  padding-bottom: 1px;
  box-shadow: none;
  background: none;
  padding-left: 10px;
  padding-right: 25px;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-trigger:hover {
  background-color: #4d4d4d;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-trigger.focused {
  opacity: 1;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-trigger:before {
  background-position: -120px -20px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/main@2x.29537e8f50.png);
  background-size: 640px;
  border: none;
  width: 10px;
  height: 8px;
  top: 14px;
  right: 8px;
  opacity: 0.7;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-dropdown {
  background: #404040;
  color: #d9d9d9;
  min-width: 150px;
  max-width: 200px;
  margin-top: 11px;
  margin-left: -1px;
  margin-right: -1px;
  box-shadow: none;
}
.bem-TopBar_Body_ContextLens_ContextDropdown .kit-fancy-select .fancy-dropdown .fancy-item:hover {
  background: #4d4d4d;
}
.bem-TopBar_Body_Button {
  border-right: 1px solid #333333;
  cursor: default;
  min-width: 35px;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-TopBar_Body_Button_Icon {
  color: #FFFFFF;
  opacity: 0.4;
}
.bem-TopBar_Body_Button:hover .bem-TopBar_Body_Button_Icon {
  opacity: 0.8;
}
.bem-TopBar_Body_MediaQueryButton {
  display: block;
}
.bem-TopBar_Body_MediaQueryButton:nth-child(1) svg {
  position: relative;
  bottom: 4px;
}
.bem-TopBar_Body_MediaQueryButton:nth-child(2) svg {
  position: relative;
  bottom: 5px;
}
.bem-TopBar_Body_MediaQueryButton:nth-child(3) svg {
  position: relative;
  top: 1px;
}
.bem-TopBar_Body_MediaQueryButton:nth-child(4) svg {
  position: relative;
  bottom: 3px;
}
.bem-TopBar_Body_Group-right .bem-TopBar_Body_Button {
  border-left: 1px solid #333333;
  border-right: none;
}
.bem-TopBar_Body_UndoRedo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-TopBar_Body_PreviewButton {
  padding: 10px 9px;
}
.bem-TopBar_Body_PreviewButton-active .bem-TopBar_Body_PreviewButton_Icon {
  color: #178df7;
  opacity: 1;
}
.bem-TopBar_Body_PreviewButton-active:hover .bem-TopBar_Body_PreviewButton_Icon {
  opacity: 0.95;
}
.bem-TopBar_Body_MediaQueryButton:first-child {
  border-left: 1px solid #333333;
}
.bem-TopBar_Body_MediaQueryButton-active .bem-TopBar_Body_MediaQueryButton_Icon {
  opacity: 0.8;
}
.bem-TopBar_Body_MediaQueryButton-active:hover .bem-TopBar_Body_MediaQueryButton_Icon {
  opacity: 0.95;
}
.bem-TopBar_Body_UndoRedo_Undo,
.bem-TopBar_Body_UndoRedo_Redo {
  padding-top: 9px;
  padding-bottom: 9px;
  cursor: not-allowed;
}
.bem-TopBar_Body_UndoRedo_Undo-active .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Undo-active .bem-TopBar_Body_UndoRedo_Redo_Icon,
.bem-TopBar_Body_UndoRedo_Redo-active .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Redo-active .bem-TopBar_Body_UndoRedo_Redo_Icon {
  opacity: 0.8;
  cursor: default;
}
.bem-TopBar_Body_UndoRedo_Undo:hover .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Undo:hover .bem-TopBar_Body_UndoRedo_Redo_Icon,
.bem-TopBar_Body_UndoRedo_Redo:hover .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Redo:hover .bem-TopBar_Body_UndoRedo_Redo_Icon {
  opacity: 0.4;
}
.bem-TopBar_Body_UndoRedo_Undo-active:hover .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Undo-active:hover .bem-TopBar_Body_UndoRedo_Redo_Icon,
.bem-TopBar_Body_UndoRedo_Redo-active:hover .bem-TopBar_Body_UndoRedo_Undo_Icon,
.bem-TopBar_Body_UndoRedo_Redo-active:hover .bem-TopBar_Body_UndoRedo_Redo_Icon {
  opacity: 0.95;
}
.bem-TopBar_Body_UndoRedo_Undo {
  min-width: 28px;
  padding-left: 8px;
  padding-right: 0;
}
.bem-TopBar_Body_UndoRedo_Redo {
  min-width: 26px;
  padding-left: 0;
  padding-right: 6px;
  border-left: none !important;
}
.bem-TopBar_Body_ExportButton-disabled {
  cursor: not-allowed;
  opacity: 0.3;
}
.bem-TopBar_Body_ExportButton-disabled .bem-TopBar_Body_ExportButton_Icon,
.bem-TopBar_Body_ExportButton-disabled:hover .bem-TopBar_Body_ExportButton_Icon {
  opacity: 0.4;
}
.bem-TopBar_Body_PublishButton {
  font-size: 12px;
  color: #a6a6a6;
}
.bem-TopBar_Body_PublishButton-active {
  color: #d9d9d9;
}
.bem-TopBar_Body_PublishButton-active .bem-TopBar_Body_PublishButton_Icon,
.bem-TopBar_Body_PublishButton-active .bem-TopBar_Body_PublishButton_ChevronUp,
.bem-TopBar_Body_PublishButton-active .bem-TopBar_Body_PublishButton_ChevronDown {
  opacity: 0.8;
}
.bem-TopBar_Body_PublishButton-active:hover .bem-TopBar_Body_PublishButton_Icon,
.bem-TopBar_Body_PublishButton-active:hover .bem-TopBar_Body_PublishButton_ChevronUp,
.bem-TopBar_Body_PublishButton-active:hover .bem-TopBar_Body_PublishButton_ChevronDown {
  opacity: 0.95;
}
.bem-TopBar_Body_PublishButton_ChevronUp,
.bem-TopBar_Body_PublishButton_ChevronDown {
  margin-left: 4px;
}
.bem-TopBar_Body_PublishButton-disabled {
  opacity: 0.3;
  cursor: not-allowed;
}
.bem-TopBar_Body_PublishButton:hover:not(.bem-TopBar_Body_PublishButton-disabled) {
  color: #d9d9d9;
}
.bem-TopBar_Body_PublishButton-disabled:hover .bem-TopBar_Body_PublishButton_Icon,
.bem-TopBar_Body_PublishButton-disabled:hover .bem-TopBar_Body_PublishButton_ChevronDown,
.bem-TopBar_Body_PublishButton-disabled:hover .bem-TopBar_Body_PublishButton_ChevronUp {
  opacity: 0.4;
}
.bem-TopBar_Body_SyncStatus {
  width: 39px;
  padding: 8px;
  border-left: 1px solid #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.bem-TopBar_Body_SyncStatus_LegacyIcon {
  width: 18px;
  height: 18px;
  background-color: rgba(255, 255, 255, 0.3);
  display: block;
  border-radius: 100px;
  z-index: 1;
  transition: background-color 200ms ease;
}
.bem-TopBar_Body_SyncStatus_LegacyIcon:before {
  content: '';
  width: 4px;
  height: 4px;
  display: block;
  border-radius: 100px;
  margin: 7px 0 0 7px;
  background-color: #404040;
  box-shadow: -5px 0 0 0 #404040, 5px 0 0 0 #404040;
}
.bem-TopBar_Body_SyncStatus-saving .bem-TopBar_Body_SyncStatus_LegacyIcon {
  overflow: hidden;
}
.bem-TopBar_Body_SyncStatus-saving .bem-TopBar_Body_SyncStatus_LegacyIcon:before {
  background-color: #383838;
}
.bem-TopBar_Body_SyncStatus-saving .bem-TopBar_Body_SyncStatus_LegacyIcon:after {
  content: '';
  display: block;
  width: 0px;
  height: 0px;
  position: absolute;
  background-color: transparent;
  top: 9px;
  left: 9px;
  box-shadow: 0 0 5px 4px rgba(128, 128, 128, 0.8);
  -webkit-animation: wf-move-right 1.5s infinite;
  animation: wf-move-right 1.5s infinite;
}
.bem-TopBar_Body_SyncStatus_Icon {
  -webkit-transform: scale(1.2);
  transform: scale(1.2);
  opacity: 1;
}
.bem-TopBar_Body_SyncStatus-saved .bem-TopBar_Body_SyncStatus_Icon {
  color: rgba(42, 217, 134, 0.6);
}
.bem-TopBar_Body_SyncStatus-failed .bem-TopBar_Body_SyncStatus_Icon,
.bem-TopBar_Body_SyncStatus-error .bem-TopBar_Body_SyncStatus_Icon {
  color: #ea384c;
}
.bem-TopBar_Body_SyncStatus-readOnly .bem-TopBar_Body_SyncStatus_Icon {
  color: #facb4b;
}
.bem-TopBar_Body_HidePreviewButton {
  width: 35px;
  margin-right: 0;
}
.bem-TopBar_Body_HidePreviewButton_Icon-flip {
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bem-TopBar_Domain_LinkIcon:hover {
  color: #d9d9d9;
}
.bem-TopBar_Ribbon {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  position: fixed;
  top: 0;
  left: 7px;
  right: auto;
  min-width: 0;
  width: 25px;
  height: 25px;
  padding: 0;
  background: #404040;
  border-right: 1px solid #333333;
  border-bottom: 1px solid #333333;
  border-left: 1px solid #333333;
  border-radius: 0 0 2px 2px;
}
.bem-TopBar_Ribbon_Icon {
  margin-top: 2px;
  margin-left: 5px;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
.bem-TopBar_Ribbon:hover .bem-TopBar_Ribbon_Icon {
  opacity: 0.95;
}
.bem-TopBar input.blurHack {
  position: absolute;
  left: 7px;
  top: 4px;
  width: 5px;
  border: 0;
  background: transparent;
  opacity: 0.0;
  pointer-events: none;
}
.bem-UnitBox .kit-unit-box {
  width: 100%;
}
.bem-UnitBox .kit-unit-box .input {
  width: 100%;
}
.bem-UnitBox-small .kit-unit-box {
  width: 49px;
}
.bem-UnitBoxField {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-UnitBoxField + .bem-UnitBoxField {
  margin-left: 5px;
}
.video-mini-settings .embed-link-box {
  width: 238px;
}
.video-settings:not(.video-mini-settings) .embed-link-box {
  width: 190px;
}
.video-settings .embed-link-box {
  float: left;
}
.bem-VideoTutorials {
  height: calc(100% - 34px);
  width: calc(100% - 12px);
  top: 34px;
  left: 41px;
  position: absolute;
  border-right: 1px solid #333333;
}
.bem-VideoTutorials.with-ftu {
  -webkit-transform: translateX(-50px);
  transform: translateX(-50px);
  transition: -webkit-transform 200ms ease;
  transition: transform 200ms ease;
  transition: transform 200ms ease, -webkit-transform 200ms ease;
}
.bem-VideoTutorials.with-ftu.visible {
  -webkit-transform: translateX(0);
  transform: translateX(0);
}
.bem-VideoTutorials .kit-slate {
  pointer-events: all;
}
.bem-VideoTutorials .kit-slate .header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-VideoTutorials .kit-slate .header .wrap {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0;
  overflow: visible;
}
.bem-VideoTutorials .kit-slate .header .close {
  display: block;
  position: absolute;
  top: 11px;
  right: 10px;
}
.bem-VideoTutorials .kit-slate .header h2 {
  margin: 0;
  padding: 0;
  overflow: visible;
}
.bem-VideoTutorials .main-scroll-pane {
  padding: 0 0 20px 0 !important;
}
.bem-VideoTutorials .kit-section .kit-section-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 50px;
  background-color: #2b2b2b;
  position: relative;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
}
.bem-VideoTutorials .kit-section .kit-section-title .tick {
  margin-top: 1px !important;
}
.bem-VideoTutorials .kit-section .kit-section-title > .label {
  font-size: 17px;
  font-weight: 400;
  width: 100%;
  display: table;
}
.bem-VideoTutorials .kit-section .kit-section-title > .label span {
  display: inline-block;
  display: table-cell;
  vertical-align: middle;
  padding-left: 5px;
}
.bem-VideoTutorials .kit-section .kit-section-title > .label div {
  float: none;
  display: table-cell;
  vertical-align: middle;
  font-size: 0;
  margin-right: 3px;
}
.bem-VideoTutorials .kit-section .kit-section-title > .label div > i {
  opacity: 0.17;
  margin-top: 8px;
}
.bem-VideoTutorials .kit-section .kit-section-body {
  padding: 0;
}
.bem-VideoTutorials .kit-section .header .kit-button {
  float: none;
  margin-top: 0;
}
.bem-VideoTutorials_ListItem {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 32px;
  margin-top: -1px;
  position: relative;
  font-size: 12px;
  color: #d9d9d9;
  font-weight: 300;
  background-color: #404040;
  border-top: 1px solid #333333;
  cursor: default;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.bem-VideoTutorials_ListItem:hover {
  background: #4d4d4d;
  color: white;
}
.bem-VideoTutorials_ListItem:hover .ftu-video-small {
  opacity: 0.75;
}
.bem-VideoTutorials_ListItem .ftu-video-small {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-preferred-size: 14px;
  flex-basis: 14px;
  margin: 0 9px 0 9px;
  opacity: 0.5;
}
.bem-VideoTutorials_ListItem_Title {
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.bem-VideoTutorials_ListItem_Length {
  padding-left: 2px;
  font-size: 11px;
  color: #a6a6a6;
}
.bem-VideoTutorials_ListItem .common-arrow-right {
  display: none;
}
.bem-VideoTutorials_ListItem.active {
  cursor: default;
  background: #4d4d4d;
  color: white;
}
.bem-VideoTutorials_ListItem.active .ftu-video-small {
  opacity: 0.95;
}
.bem-VideoTutorials_ListItem.active .common-arrow-right {
  display: block;
  margin-right: 9px;
  opacity: 0.8;
}
.bem-VideoTutorials .detail-slate {
  top: 0;
  left: 250px;
  width: calc(100% - 278px);
  position: absolute;
}
.bem-VideoTutorials .detail-slate .header .wrap {
  max-width: none;
}
.bem-VideoTutorials .detail-slate .header .kit-button {
  float: none;
  margin-top: 0;
}
.bem-VideoTutorials_VideoWrapper {
  width: 100%;
  position: relative;
  padding: 0;
  padding-top: 55.555555555%;
}
@media screen and (max-height: 700px) {
  .bem-VideoTutorials_VideoWrapper {
    padding-top: 45%;
  }
}
@media screen and (max-height: 600px) {
  .bem-VideoTutorials_VideoWrapper {
    padding-top: 40%;
  }
}
@media screen and (max-height: 500px) {
  .bem-VideoTutorials_VideoWrapper {
    padding-top: 35%;
  }
}
.bem-VideoTutorials_VideoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bem-VideoTutorials_CurrentVideo {
  pointer-events: all;
}
.bem-ViewportWarning {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #a6a6a6;
  background: rgba(0, 0, 0, 0.75);
}
.bem-ViewportWarning_Content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin: auto;
  max-width: 320px;
  padding: 20px;
}
.bem-ViewportWarning_Icon {
  color: #ea384c;
}
.bem-ViewportWarning_Message {
  font-size: 14px;
  text-align: center;
}
.bem-Warn {
  color: #facb4b;
  cursor: default;
}
.bem-Warn:hover {
  color: #facb4b;
}
.bem-HelpPane {
  background-color: #404040;
  color: #d9d9d9;
  overflow: auto;
  position: relative;
}
.bem-HelpPane_Section + .bem-HelpPane_Section {
  border-top-: #212121;
}
.bem-HelpPane_Paragraph + .bem-HelpPane_Heading {
  margin-top: 20px;
}
.bem-HelpPane_Heading {
  color: #d9d9d9;
}
.bem-Confirm_Controls {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-top: 30px;
}
.bem-RTToolbarArrow-up,
.bem-RTToolbarArrow-down,
.bem-RTToolbarArrow-up-inModal,
.bem-RTToolbarArrow-down-inModal {
  position: absolute;
  left: 7px;
  border-right: 9px solid transparent;
  border-left: 9px solid transparent;
  pointer-events: none;
}
.bem-RTToolbarArrow-up:before,
.bem-RTToolbarArrow-down:before,
.bem-RTToolbarArrow-up-inModal:before,
.bem-RTToolbarArrow-down-inModal:before,
.bem-RTToolbarArrow-up:after,
.bem-RTToolbarArrow-down:after,
.bem-RTToolbarArrow-up-inModal:after,
.bem-RTToolbarArrow-down-inModal:after {
  content: '';
  position: absolute;
  left: -7px;
  border: 7px solid transparent;
  width: 7px;
  box-sizing: border-box;
}
.bem-RTToolbarArrow-down {
  bottom: -9px;
  border-bottom: 1px solid transparent;
  border-top: 8px solid #212121;
}
.bem-RTToolbarArrow-down:before {
  bottom: -6px;
  border-top: 7px solid #404040;
}
.bem-RTToolbarArrow-up {
  top: -9px;
  border-top: 1px solid transparent;
  border-bottom: 8px solid #212121;
}
.bem-RTToolbarArrow-up:before {
  top: -6px;
  border-bottom: 7px solid #404040;
}
.bem-RTToolbarArrow-down.bem-RTToolbarArrow-inModal {
  margin-bottom: -1px;
}
.bem-RTToolbarArrow-down.bem-RTToolbarArrow-inModal:before {
  border-top-color: #404040;
}
.bem-RTToolbarArrow-up.bem-RTToolbarArrow-inModal {
  margin-top: -1px;
}
.bem-BarButton {
  max-width: 38px;
  min-width: 32px;
  width: 38px;
  height: 31px;
  background-color: #404040;
  border-right: 1px solid #212121;
  overflow: hidden;
  padding: 0;
  display: block;
  float: left;
  text-align: center;
  color: #d9d9d9;
  text-decoration: none;
  cursor: default;
  transition: box-shadow 50ms ease, background-color 50ms ease;
}
.bem-BarButton-growmod {
  width: auto;
}
.bem-BarButton_IconContainer {
  max-width: 38px;
  min-width: 32px;
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #d9d9d9;
  pointer-events: none;
}
.bem-BarButton_Icon {
  margin: auto;
}
.bem-BarButton:first-child {
  border-radius: 2px 0 0 2px;
}
.bem-BarButton:last-child {
  border-radius: 0 2px 2px 0;
  border-right: none;
}
.bem-BarButton:not(.bem-BarButton-disabled):hover {
  background-color: #5e5e5e;
}
.bem-BarButton:not(.bem-BarButton-disabled):hover .bem-BarButton_IconContainer {
  color: white;
}
.bem-BarButton-active .bem-BarButton_IconContainer {
  color: #6bb0ff;
}
.bem-BarButton-disabled {
  cursor: default;
}
.bem-BarButton-disabled .bem-BarButton_IconContainer {
  color: #a6a6a6;
}
.bem-BarButton-inModal {
  margin-right: -1px;
  border: 1px solid transparent;
  display: inline-block;
  height: 33px;
  width: 41px;
  max-width: 41px;
  background: #5e5e5e;
  border-color: #333333;
  box-shadow: none;
  cursor: default;
}
.bem-BarButton-inModal:first-child {
  border-radius: 2px 0 0 2px;
}
.bem-BarButton-inModal:last-child {
  border-radius: 0 2px 2px 0;
  border-right: 1px solid #333333;
}
.bem-BarButton-inModal * {
  cursor: default;
}
.bem-BarButton-inModal .bem-BarButton-active,
.bem-BarButton-inModal .bem-BarButton-active:hover {
  background: #2b2b2b;
  border: 1px solid #212121;
  box-shadow: none;
  display: block;
  font-family: Arial, sans-serif, Georgia, serif;
  z-index: 1;
}
.bem-BarButton-inModal:hover {
  background: #2b2b2b;
}
.bem-PositionButtons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-KitDropDown {
  display: inline-block;
  position: relative;
  width: 100%;
  padding-right: 0px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 30px;
  border-radius: 2px;
  box-sizing: border-box;
}
.bem-KitDropDown_Selected {
  width: 100%;
  height: 31px;
  padding: 0 10px;
  line-height: 30px;
  cursor: default;
  border: 1px solid #333333;
  border-radius: 2px;
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.bem-KitDropDown_Selected-open {
  border-radius: 2px 2px 0 0;
}
.bem-KitDropDown_Selected:hover {
  background: #6b6b6b;
}
.bem-KitDropDown_Caret {
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 14px;
  border-top: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
  transition: border-top 50ms;
}
.bem-KitDropDown_Caret-open {
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-top: none;
  transition: border-bottom 50ms;
}
.bem-KitDropDown_List {
  position: absolute;
  left: 0;
  right: 0;
  max-height: 0px;
  border: 0 solid transparent;
  overflow: auto;
  display: none;
  padding: 2px 0px;
  box-sizing: border-box;
  margin-top: -1px;
  border-radius: 2px;
  background: #5e5e5e;
  border: 1px solid #333333;
  width: 100%;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
.bem-KitDropDown_List-open {
  max-height: 151px;
  border-width: 1px;
  border-top-width: 0;
  display: block;
}
.bem-KitDropDown_Option {
  padding: 0px 10px;
  height: 25px;
  line-height: 27px;
  cursor: default;
}
.bem-KitDropDown_Option:hover {
  background: #6b6b6b;
  color: rgba(255, 255, 255, 0.9);
}
.bem-KitDropDown_Option:active {
  background-color: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
  outline: none;
}
.bem-RichTextInput {
  min-height: 140px;
  overflow: auto;
  border: 1px solid #212121;
  border-radius: 2px;
  transition: color 50ms ease, box-shadow 50ms ease;
  -webkit-user-select: text;
  -moz-user-select: text;
  -ms-user-select: text;
  user-select: text;
  color: #d9d9d9;
}
.bem-RichTextInput:hover {
  background: #232323;
}
.bem-RichTextInput.w-focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-RichTextInput.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-RichTextInput.hasError > input.input {
  color: #ff5266;
}
.bem-RichTextInput.preview {
  pointer-events: none;
  border-color: #6b6b6b;
}
.bem-RichTextInput.preview .bem-RichTextInput_Content {
  background: #4d4d4d;
}
.bem-RichTextInput.hasNotice {
  box-shadow: none;
  border-color: #9e8863;
}
.bem-RichTextInput.hasNotice .bem-RichTextInput_Content {
  background: #6f6452;
}
.bem-RichTextInput.highlighted {
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-RichTextInput.highlighted .bem-RichTextInput_Content {
  background: rgba(107, 176, 255, 0.35);
}
.bem-RichTextInput .bem-RTToolbarArrow-down {
  border-top-color: #333333;
}
.bem-RichTextInput .bem-RTToolbarArrow-down:before {
  border-top-color: #5e5e5e;
}
.bem-RichTextInput .bem-RTToolbarArrow-up {
  border-bottom-color: #333333;
}
.bem-RichTextInput .bem-RTToolbarArrow-up:before {
  border-bottom-color: #5e5e5e;
}
.bem-RichTextInput .bem-RTToolbarArrow-down.bem-RTToolbarArrow-inModal {
  border-top-color: #212121;
}
.bem-RichTextInput .bem-RTToolbarArrow-down.bem-RTToolbarArrow-inModal:before {
  border-top-color: #404040;
}
.bem-RichTextInput .bem-RTToolbarArrow-up.bem-RTToolbarArrow-inModal {
  border-bottom-color: #212121;
}
.bem-RichTextInput .bem-RTToolbarArrow-up.bem-RTToolbarArrow-inModal:before {
  border-bottom-color: #404040;
}
.bem-RichTextInput .bem-BarButton {
  font-size: 0px;
  background-color: #5e5e5e;
  border-color: #333333;
}
.bem-RichTextInput .bem-BarButton:not(.bem-BarButton-disabled):hover {
  background-color: #6b6b6b;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_TextInput {
  color: #d9d9d9;
  background-color: #5e5e5e;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar::-webkit-input-placeholder {
  color: #737373;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_ButtonSectionIsland,
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_ChangeButton {
  border-right-color: #333333;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_ButtonSectionIsland {
  background-color: #5e5e5e;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_InputInfo {
  background-color: #5e5e5e;
  margin-top: 1px;
  height: 31px;
}
.bem-RichTextInput .bem-RTToolbar-LinkToolbar_InputInfoIcon {
  margin-top: -1px;
}
.bem-RichTextInput .bem-FilteredDropDown_Input {
  background-color: #5e5e5e;
  border-bottom-color: #404040;
}
.bem-RichTextInput .bem-FilteredDropDown_TriggerText {
  top: 8px;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger {
  height: 31px;
  background-color: #5e5e5e;
  border-color: #333333;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger:hover {
  background-color: #6b6b6b !important;
  height: 31px;
  padding-top: 1px;
  border-bottom-color: transparent!important;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger-expanded {
  height: 32px;
  padding-top: 0px!important;
  border-bottom: 1px solid #404040;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger-expanded:hover {
  height: 32px;
  border-bottom-color: #404040 !important;
  background-color: #5e5e5e !important;
}
.bem-RichTextInput .bem-FilteredDropDown_Trigger-expanded .bem-FilteredDropDown_Input {
  margin-top: 1px;
}
.bem-RichTextInput .bem-FilteredDropDown_Menu {
  background-color: #5e5e5e;
}
.bem-RichTextInput .bem-FilteredDropDown_MenuOptionContainer {
  background-color: #5e5e5e;
}
.bem-RichTextInput .bem-FilteredDropDown_MenuOptionContainer-current {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-RichTextInput .bem-FilteredDropDown_MenuOptionContainer-hovered {
  background: #6b6b6b;
  color: rgba(255, 255, 255, 0.9);
}
.bem-RichTextInput .bem-RTToolbar_ButtonSection {
  background-color: #5e5e5e;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
}
.bem-RichTextInput .bem-RTToolbar-AddToolbar_AddButton {
  background-color: #5e5e5e;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.3), 0 4px 24px rgba(0, 0, 0, 0.2);
}
.bem-RichTextInput .bem-RTToolbar-AddToolbar_AddButton:hover {
  background-color: #6b6b6b;
}
.bem-RichTextInput .bem-FilteredDropdown_ScrollView::-webkit-scrollbar-track {
  border-left-color: #404040;
}
.bem-RichTextInput_Content {
  background: #2b2b2b;
  display: block;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  padding: 8px 9px;
  width: 100%;
  overflow: auto;
  cursor: text;
  min-height: 140px;
}
.bem-RichTextInput_Content::-webkit-input-placeholder {
  color: #737373;
}
.bem-RichTextInput_Content:hover {
  background: #232323;
}
.bem-RichTextInput_Content:focus {
  outline: none;
  background: #232323;
}
.bem-RichTextInput_Content h1,
.bem-RichTextInput_Content h2,
.bem-RichTextInput_Content h3,
.bem-RichTextInput_Content h4,
.bem-RichTextInput_Content h5,
.bem-RichTextInput_Content h6 {
  font-weight: bold;
  margin-bottom: 10px;
}
.bem-RichTextInput_Content h1 {
  font-size: 38px;
  line-height: 44px;
  margin-top: 20px;
}
.bem-RichTextInput_Content h2 {
  font-size: 32px;
  line-height: 36px;
  margin-top: 20px;
}
.bem-RichTextInput_Content h3 {
  font-size: 24px;
  line-height: 30px;
  margin-top: 20px;
}
.bem-RichTextInput_Content h4 {
  font-size: 18px;
  line-height: 24px;
  margin-top: 10px;
}
.bem-RichTextInput_Content h5 {
  font-size: 14px;
  line-height: 20px;
  margin-top: 10px;
}
.bem-RichTextInput_Content h6 {
  font-size: 12px;
  line-height: 18px;
  margin-top: 10px;
}
.bem-RichTextInput_Content p {
  margin-top: 0;
  margin-bottom: 10px;
}
.bem-RichTextInput_Content a:focus {
  outline: 0;
}
.bem-RichTextInput_Content blockquote {
  margin: 0 0 10px 0;
  padding: 10px 20px;
  border-left: 5px solid #E2E2E2;
  font-size: 18px;
  line-height: 22px;
}
.bem-RichTextInput_Content figure {
  margin: 0;
  margin-bottom: 10px;
}
.bem-RichTextInput_Content figcaption {
  margin-top: 5px;
  text-align: center;
}
.bem-RichTextInput_Content ol,
.bem-RichTextInput_Content ul {
  overflow: hidden;
}
.bem-RichTextInput_Content .w-richtext-figure-selected.w-richtext-figure-type-video div:before,
.bem-RichTextInput_Content .w-richtext-figure-selected[data-rt-type="video"] div:before {
  outline: 2px solid #2895f7;
}
.bem-RichTextInput_Content .w-richtext-figure-selected.w-richtext-figure-type-image div,
.bem-RichTextInput_Content .w-richtext-figure-selected[data-rt-type="image"] div {
  outline: 2px solid #2895f7;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-video > div:before,
.bem-RichTextInput_Content figure[data-rt-type="video"] > div:before {
  content: '';
  position: absolute;
  display: none;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}
.bem-RichTextInput_Content figure {
  position: relative;
  max-width: 60%;
}
.bem-RichTextInput_Content figure > div:before,
.bem-RichTextInput_Content figure img {
  cursor: default!important;
}
.bem-RichTextInput_Content figure img {
  width: 100%;
}
.bem-RichTextInput_Content figure figcaption.w-richtext-figcaption-placeholder {
  opacity: 0.6;
}
.bem-RichTextInput_Content figure div {
  /* fix incorrectly sized selection border in the data manager */
  font-size: 0px;
  color: transparent;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-image,
.bem-RichTextInput_Content figure[data-rt-type="image"] {
  display: table;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-image > div,
.bem-RichTextInput_Content figure[data-rt-type="image"] > div {
  display: inline-block;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-image > figcaption,
.bem-RichTextInput_Content figure[data-rt-type="image"] > figcaption {
  display: table-caption;
  caption-side: bottom;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-video,
.bem-RichTextInput_Content figure[data-rt-type="video"] {
  width: 60%;
  height: 0;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-video iframe,
.bem-RichTextInput_Content figure[data-rt-type="video"] iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-video > div,
.bem-RichTextInput_Content figure[data-rt-type="video"] > div {
  width: 100%;
}
.bem-RichTextInput_Content figure.w-richtext-align-center {
  margin-right: auto;
  margin-left: auto;
  clear: both;
}
.bem-RichTextInput_Content figure.w-richtext-align-center.w-richtext-figure-type-image > div,
.bem-RichTextInput_Content figure.w-richtext-align-center[data-rt-type="image"] > div {
  max-width: 100%;
}
.bem-RichTextInput_Content figure.w-richtext-align-normal {
  clear: both;
}
.bem-RichTextInput_Content figure.w-richtext-align-fullwidth {
  width: 100%;
  max-width: 100%;
  text-align: center;
  clear: both;
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.bem-RichTextInput_Content figure.w-richtext-align-fullwidth > div {
  display: inline-block;
  /* padding-bottom is used for aspect ratios in video figures
      we want the div to inherit that so hover/selection borders in the designer-canvas
      fit right*/
  padding-bottom: inherit;
}
.bem-RichTextInput_Content figure.w-richtext-align-fullwidth > figcaption {
  display: block;
}
.bem-RichTextInput_Content figure.w-richtext-align-floatleft {
  float: left;
  margin-right: 15px;
  clear: none;
}
.bem-RichTextInput_Content figure.w-richtext-align-floatright {
  float: right;
  margin-left: 15px;
  clear: none;
}
.bem-RichTextInput_Content h1:first-child,
.bem-RichTextInput_Content h2:first-child,
.bem-RichTextInput_Content h3:first-child,
.bem-RichTextInput_Content h4:first-child,
.bem-RichTextInput_Content h5:first-child,
.bem-RichTextInput_Content h6:first-child {
  margin-top: 0px;
}
.bem-RichTextInput_Content a {
  color: #6bb0ff;
  text-decoration: none;
  cursor: text!important;
  display: inline;
}
.bem-RichTextInput_Content a:hover {
  text-decoration: underline;
}
.bem-RichTextInput_Content figure.w-richtext-figure-type-video > div:before,
.bem-RichTextInput_Content figure[data-rt-type="video"] > div:before {
  display: block;
}
.bem-RTToolbar {
  position: absolute;
  height: auto;
  padding: 0;
  left: 0;
  bottom: 0;
  overflow: visible;
  display: table;
}
.bem-RTToolbar_ButtonSection {
  float: left;
  border-radius: 2px;
  background-color: #404040;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-RTToolbar_ButtonSection-expand {
  width: 100%;
}
.bem-RTToolbar_ButtonSection > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-RTToolbar-AddToolbar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
@-webkit-keyframes fadein {
  0% {
    display: block;
    opacity: 0;
    -webkit-transform: translate(-5px);
    transform: translate(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px);
    transform: translate(0px);
  }
}
@keyframes fadein {
  0% {
    display: block;
    opacity: 0;
    -webkit-transform: translate(-5px);
    transform: translate(-5px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0px);
    transform: translate(0px);
  }
}
.bem-RTToolbar-AddToolbar_SectionContainer {
  display: none;
  opacity: 0;
  margin-top: -6px;
  margin-left: 9px;
  transition: opacity 50ms ease;
  -webkit-animation-duration: 100ms;
  animation-duration: 100ms;
  -webkit-animation-name: fadein;
  animation-name: fadein;
}
.bem-RTToolbar-AddToolbar_SectionContainer-expanded {
  display: block;
  opacity: 0.95;
  width: 191px;
}
.bem-RTToolbar-AddToolbar_AddButton {
  width: 20px;
  height: 20px;
  background-color: #404040;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  float: left;
  text-align: center;
  cursor: default;
  border-bottom-right-radius: 100px;
  border-bottom-left-radius: 100px;
  border-top-left-radius: 100px;
  border-top-right-radius: 2px;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  transition: background-color 50ms ease, color 50ms ease;
  color: #d9d9d9;
}
.bem-RTToolbar-AddToolbar_AddButtonIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg);
  transition: -webkit-transform 50ms ease;
  transition: transform 50ms ease;
  transition: transform 50ms ease, -webkit-transform 50ms ease;
}
.bem-RTToolbar-AddToolbar_AddButtonIcon {
  margin: auto;
}
.bem-RTToolbar-AddToolbar_AddButton:hover {
  background-color: #5e5e5e;
  color: #fff;
}
.bem-RTToolbar-AddToolbar_AddButton * {
  cursor: default;
}
.bem-RTToolbar-AddToolbar_AddButton-close > .bem-RTToolbar-AddToolbar_AddButtonIconContainer {
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
}
.bem-RTToolbar-AddToolbar_AddButton-circle {
  border-top-right-radius: 100px;
  border: none;
}
.bem-RTToolbar-LinkToolbar {
  font-size: 11px;
  width: 308px;
}
.bem-RTToolbar-LinkToolbar_TextInput {
  float: left;
  height: 31px;
  color: #d9d9d9;
  background-color: #404040;
  box-shadow: none;
  border: none;
  font-size: 11px;
  padding: 0 10px;
  outline: none;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
}
.bem-RTToolbar-LinkToolbar_TextInput::-webkit-input-placeholder {
  color: #737373;
}
.bem-RTToolbar-LinkToolbar_ButtonSectionIsland {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-right: 1px solid #212121;
  white-space: nowrap;
  color: #d9d9d9;
  -webkit-box-flex: 2;
  -ms-flex-positive: 2;
  flex-grow: 2;
  position: relative;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-RTToolbar-LinkToolbar_ButtonSectionIsland-padded {
  padding: 0 10px;
}
.bem-RTToolbar-LinkToolbar_ButtonGroupHeadingText {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-item-align: center;
  align-self: center;
  cursor: default;
}
.bem-RTToolbar-LinkToolbar_ChangeButton {
  display: inline;
  position: relative;
  border-right: 1px solid #212121;
}
.bem-RTToolbar-LinkToolbar_ChangeButton:before {
  border: 4px solid transparent;
  border-left: 4px solid #d9d9d9;
  position: absolute;
  content: ' ';
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  bottom: -2px;
  right: -2px;
}
.bem-RTToolbar-LinkToolbar_ChangeButton:hover:before {
  border-left-color: #fff;
}
.bem-RTToolbar-LinkToolbar_NoteContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0px;
  max-width: 308px;
  position: absolute;
  right: 0px;
}
.bem-RTToolbar-LinkToolbar_Busy {
  -webkit-animation: wf-blink 1s infinite;
  animation: wf-blink 1s infinite;
  border-radius: 2px;
  width: 3px;
  height: 5px;
  padding: 2px;
  margin-right: 2px;
}
.bem-RTToolbar-LinkToolbar_InputInfo {
  height: 31px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 5px;
  background-color: #404040;
}
.bem-RTToolbar-LinkToolbar_InputInfoIcon {
  opacity: 0.4;
  transition: opacity 50ms ease;
  cursor: help;
}
.bem-RTToolbar-LinkToolbar_InputInfoIcon:hover {
  opacity: 1;
}
.bem-RTToolbar-FigureSettingsModal {
  border: 1px solid transparent;
  border-radius: 3px;
  border-color: #404040;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
  background: #404040;
}
.bem-RTToolbar-FigureSettingsModal_Wrapper {
  position: relative;
  display: block;
  font-size: 12px;
  background-color: #404040;
  color: #d9d9d9;
  border-radius: 3px;
}
.bem-RTToolbar-FigureSettingsModal_Container {
  width: 350px;
}
.bem-RTToolbar-FigureSettingsModal_Header {
  height: 36px;
  padding: 0 10px;
  border-radius: 3px 3px 0 0;
  color: #d9d9d9;
  border-bottom: 1px solid #212121;
}
.bem-RTToolbar-FigureSettingsModal_Body {
  padding: 10px 10px;
  border-bottom-left-radius: 3px;
  border-bottom-right-radius: 3px;
}
.bem-RTToolbar-FigureSettingsModal_Label {
  display: block;
  margin-bottom: 5px;
  line-height: 1.25;
}
.bem-RTToolbar-FigureSettingsModal_Section {
  margin: 0 -10px;
  padding: 10px;
  border-bottom: none;
  padding-bottom: 7px;
}
.bem-RTToolbar-FigureSettingsModal_Section:first-child {
  margin-top: -7px;
}
.bem-RTToolbar-FigureSettingsModal_Section:last-child {
  padding-bottom: 0px;
}
.bem-RTToolbar-FigureSettingsModal_Section + .bem-RTToolbar-FigureSettingsModal_Section {
  border-color: #212121;
  border-top: 1px solid transparent;
}
.bem-RTToolbar-FigureSettingsModal_CloseButton {
  position: absolute;
  top: 0;
  right: 0;
  height: 28px;
  width: 33px;
  padding: 0;
  padding-top: 5px;
  border: 0;
  background-color: transparent;
  box-shadow: none;
  float: right;
  opacity: 0.4;
  transition: opacity 50ms ease;
  text-align: center;
  cursor: default;
}
.bem-RTToolbar-FigureSettingsModal_CloseButton:focus {
  outline: 0;
}
.bem-RTToolbar-FigureSettingsModal_CloseButton:hover {
  opacity: 0.95;
}
.bem-RTToolbar-FigureSettingsModal_Tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  line-height: 20px;
}
.bem-RTToolbar-FigureSettingsModal_Tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: -1px;
  padding: 8px 0px 5px;
  margin-right: 20px;
  border-bottom: 2px solid transparent;
  cursor: default;
  height: 36px;
  color: #a6a6a6;
}
.bem-RTToolbar-FigureSettingsModal_Tab:hover,
.bem-RTToolbar-FigureSettingsModal_Tab-selected {
  color: #d9d9d9;
}
.bem-RTToolbar-FigureSettingsModal_Tab-selected {
  border-bottom-color: #d9d9d9;
}
.bem-RTToolbar-FigureSettingsModal_TabText {
  font-size: 13px;
}
.bem-RTToolbar-FigureSettingsModal_TabIcon {
  margin-right: 3px;
}
.bem-RTToolbar-FigureSettingsModal_Row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-RTToolbar-FigureSettingsModal_RowGrow {
  padding-right: 15px;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.bem-RTToolbar-FigureSettingsModal_RowQuarter {
  width: 25%;
  margin-right: 11px;
  margin-left: -2px;
}
.bem-RTToolbar-FigureSettingsModal_RowThree {
  margin-right: 12px;
  margin-left: -2px;
  font-size: 12px;
}
.bem-RTToolbar-FigureSettingsModal_RowThree:nth-child(1) {
  width: 201px;
}
.bem-RTToolbar-FigureSettingsModal_RowThree:nth-child(2) {
  margin-top: 2px;
  width: 53px;
}
.bem-RTToolbar-FigureSettingsModal_RowThree:nth-child(3) {
  margin-right: 0px;
  width: 53px;
}
.bem-RTToolbar-FigureSettingsModal_PositionButtonContainer {
  margin-left: -2px;
}
.bem-RTToolbar-FigureSettingsModal_inputContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-RTToolbar-FigureSettingsModal_Input {
  outline: none;
  border-radius: 2px;
  display: block;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  padding: 8px 9px;
  margin-top: 2px;
  border: 1px solid #212121;
  background: #2b2b2b;
  color: #d9d9d9;
  height: 31px;
  width: 100%;
}
.bem-RTToolbar-FigureSettingsModal_Input-halfwidth {
  width: 80px;
}
.bem-RTToolbar-FigureSettingsModal_Input:focus {
  border-color: transparent;
  box-shadow: 0 0 0 1px #3490eb;
}
.bem-RTToolbar-FigureSettingsModal_Input::-webkit-input-placeholder {
  color: #737373;
}
.bem-RTToolbar-FigureSettingsModal_Unit {
  right: 19px;
  margin-top: 13px;
  text-align: right;
  color: #d9d9d9;
  position: absolute;
  font-size: 11px;
  float: right;
  line-height: normal;
}
.bem-RTToolbar-FigureSettingsModal_Busy {
  -webkit-animation: wf-blink 1s infinite;
  animation: wf-blink 1s infinite;
  border-radius: 2px;
  width: 3px;
  height: 5px;
  padding: 2px;
  position: absolute;
  right: 20px;
  margin-top: -17px;
}
.bem-RTToolbar-FigureSettingsModal_NoteContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 0;
  margin-bottom: -5px;
}
.bem-RTToolbar-FigureSettingsModal_DropdownPost {
  margin-top: 10px;
}
.bem-RTToolbar-FigureSettingsModal_LinkTitle {
  font-weight: bold;
}
.bem-RTToolbar-FigureSettingsModal_MetaBlock {
  margin-top: 10px;
}
.bem-RTToolbar-FigureSettingsModal_Current {
  color: #737373;
}
.bem-RTToolbar-FigureSettingsModal_LinkAnchor {
  transition: opacity 50ms ease;
  display: inline-block;
  opacity: 0.4;
  cursor: default;
  color: inherit;
}
.bem-RTToolbar-FigureSettingsModal_LinkAnchor:hover {
  color: #d9d9d9;
}
.bem-RTToolbar-FigureSettingsModal_LinkAnchorIcon {
  position: relative;
  top: 2px;
  margin-left: 4px;
  vertical-align: text-top;
  margin-top: -1px;
}
.bem-RTToolbar-FigureSettingsModal_GraphicInfo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 15px;
}
.bem-RTToolbar-FigureSettingsModal_GraphicInfoIcon {
  margin-right: 4px;
  margin-left: 2px;
}
.bem-RTToolbar-FigureSettingsModal_VerticalSpacer {
  margin-bottom: 10px;
}
.bem-FilteredDropDown {
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 31px;
  background-color: #404040;
}
.bem-FilteredDropDown_Trigger {
  cursor: default;
  height: 32px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-FilteredDropDown_Trigger:not(.bem-FilteredDropDown_Trigger-expanded):hover {
  background-color: #5e5e5e;
  border-bottom: 1px solid #212121;
}
.bem-FilteredDropDown_Trigger:not(.bem-FilteredDropDown_Trigger-expanded):before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 13px;
  border-top: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.bem-FilteredDropDown_Trigger-expanded:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 13px;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.bem-FilteredDropDown_Input {
  height: 32px;
  color: #d9d9d9;
  background-color: #404040;
  box-shadow: none;
  border: none;
  font-size: 11px;
  outline: none;
  pointer-events: auto;
  width: 100%;
  margin-right: 25px;
  border-bottom: 1px solid #212121;
  box-shadow: 0 0 0 1px #212121, 0px 1px 15px rgba(0, 0, 0, 0.2);
}
.bem-FilteredDropDown_Input::-webkit-input-placeholder {
  color: #737373;
}
.bem-FilteredDropDown_Input {
  padding: 0px 10px;
  -ms-flex-item-align: center;
  align-self: center;
}
.bem-FilteredDropDown_TriggerTextContainer {
  -ms-flex-item-align: center;
  align-self: center;
}
.bem-FilteredDropDown_TriggerText {
  padding: 0 25px 0 10px;
  position: absolute;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  top: 10px;
}
.bem-FilteredDropDown_ScrollContainer {
  border-radius: 0 0 3px 3px;
  overflow: hidden;
  border: 1px solid #212121;
  background: #5e5e5e;
  border-top: none;
  margin: 0 -1px;
  cursor: default;
  box-shadow: 0px 1px 15px rgba(0, 0, 0, 0.2);
  z-index: 1;
}
.bem-FilteredDropDown_ScrollView {
  max-height: 200px;
  margin-top: 1px;
  border-radius: 0 10px 10px 0;
  overflow: hidden;
}
.bem-FilteredDropDown_Menu {
  background-color: #404040;
  padding: 5px 0;
}
.bem-FilteredDropDown_Group {
  margin-top: 9px;
}
.bem-FilteredDropDown_Group:first-child {
  margin-top: 0px;
}
.bem-FilteredDropDown_GroupHeading {
  margin: 0 0 3px 5px;
  font-size: 9px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #d9d9d9;
  font-weight: bold;
}
.bem-FilteredDropDown_GroupHeadingLine {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-bottom: 2px solid #5e5e5e;
  margin: 0 5px 0 7px;
}
.bem-FilteredDropDown_MenuOptionContainer {
  position: relative;
  height: 18px;
  color: #d9d9d9;
  background-color: #404040;
  cursor: default;
}
.bem-FilteredDropDown_MenuOptionContainer-current {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-FilteredDropDown_MenuOptionContainer-hovered {
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.bem-FilteredDropDown_MenuOption {
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
  height: inherit;
}
.bem-FilteredDropDown_MenuOptionText {
  width: 100%;
  padding: 0 10px;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bem-FilteredDropDown_NoResults {
  padding: 5px 10px;
  font-style: italic;
}
.bem-FilteredDropdown_ScrollView::-webkit-scrollbar {
  width: 7px;
  height: 7px;
}
.bem-FilteredDropdown_ScrollView::-webkit-scrollbar:horizontal {
  display: none;
}
.bem-FilteredDropdown_ScrollView::-webkit-scrollbar-track {
  border-radius: 0 0 3px 0;
  cursor: default;
}
.bem-RTTooltip {
  color: #3b79c3;
}
.bem-RTTooltip_Body {
  max-width: 165px;
  padding: 6px 8px;
  text-align: center;
  font-size: 11px;
  line-height: 14px;
  color: white;
  -webkit-font-smoothing: subpixel-antialiased;
  -moz-osx-font-smoothing: grayscale;
  pointer-events: all;
}
.bem-Scrollbar {
  overflow: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 1px;
  width: 11px;
  z-index: 1;
  overflow: scroll;
}
.bem-Scrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bem-Scrollbar::-webkit-scrollbar:horizontal {
  display: none;
}
.bem-Scrollbar::-webkit-scrollbar-track {
  background-color: #2b2b2b;
  background-clip: padding-box;
  border-style: solid;
  border-color: #212121;
  border-width: 0 0 0 1px;
}
.bem-Scrollbar::-webkit-scrollbar-track:horizontal {
  border-width: 0 0 0 0;
}
.bem-Scrollbar::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 1px;
  background-clip: content-box;
}
.bem-Scrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #5e5e5e;
}
.bem-Scrollbar::-webkit-scrollbar-thumb:hover:disabled {
  background-color: #404040;
}
.bem-Scrollbar.with-horizontal::-webkit-scrollbar:horizontal {
  display: block;
}
.bem-Scrollbar.with-horizontal::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0 0 0;
}
.bem-Scrollbar.with-horizontal::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0 0 0;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:start:increment,
.bem-Scrollbar.with-arrows::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-Scrollbar.with-arrows::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.bem-Scrollbar.with-arrows.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.bem-Scrollbar::-webkit-scrollbar-corner {
  background-color: #2b2b2b;
}
.bem-Scrollbar::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.bem-Scrollbar::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.bem-Scrollbar::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.bem-Scrollbar::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.bem-Scrollbar::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.bem-Scrollbar::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.bem-Scrollbar::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.bem-Scrollbar::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.bem-Scrollbar::-webkit-scrollbar-button:start:increment,
.bem-Scrollbar::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-Scrollbar::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.bem-Scrollbar.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.bem-Scrollbar_Inner {
  margin: 0 -1px;
}
.bem-SearchResultPreview {
  min-height: 100px;
  padding: 15px;
  border: 1px solid #212121;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.9);
  position: relative;
}
.bem-SearchResultPreview_Arrow {
  position: absolute;
  top: -24px;
  right: 24px;
  display: inline-block;
  padding: 1px;
  opacity: 0.6;
  cursor: default;
}
.bem-SearchResultPreview_Arrow:hover {
  opacity: 1;
}
.bem-SearchResultPreview_Arrow + .bem-SearchResultPreview_Arrow {
  right: 0;
}
.bem-SearchResultPreview_Heading {
  font-family: Arial, sans-serif, Georgia, serif;
  color: #1a0dab;
}
.bem-SearchResultPreview_Heading-default {
  color: #8A8A8A;
}
.bem-SearchResultPreview_Image {
  width: 100%;
}
.bem-SearchResultPreview-seo .bem-SearchResultPreview_Heading {
  width: 485px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.bem-SearchResultPreview-og > .bem-SearchResultPreview_Heading,
.bem-SearchResultPreview-rss > .bem-SearchResultPreview_Heading {
  color: #212121;
}
.bem-SearchResultPreview-og > .bem-SearchResultPreview_Heading-default,
.bem-SearchResultPreview-rss > .bem-SearchResultPreview_Heading-default {
  color: #8A8A8A;
}
.bem-SearchResultPreview-rss > .bem-SearchResultPreview_Description:after {
  content: '';
  display: block;
  position: relative;
  bottom: -10px;
  height: 1px;
  width: 65px;
  margin-bottom: 22px;
  background: #8A8A8A;
}
.bem-SearchResultPreview-rss > .bem-SearchResultPreview_ItemList {
  margin-top: 20px;
  overflow: auto;
}
.bem-SearchResultPreview-rss .bem-SearchResultPreview_Image {
  margin-top: 8px;
  margin-right: 8px;
  margin-bottom: 2px;
  width: 260px;
  float: left;
}
.bem-SearchResultPreview_Image + .bem-SearchResultPreview_Heading {
  margin-top: 5px;
}
.bem-SearchResultPreview_Url {
  color: #006621;
}
.bem-SearchResultPreview_Url-default {
  color: #8A8A8A;
}
.bem-SearchResultPreview-og .bem-SearchResultPreview_Url,
.bem-SearchResultPreview-rss .bem-SearchResultPreview_Url {
  color: #8A8A8A;
}
.bem-SearchResultPreview_Description {
  color: #212121;
}
.bem-SearchResultPreview_Description-default {
  color: #8A8A8A;
}
.bem-SearchResultPreview_Heading + .bem-SearchResultPreview_Url.bem-Paragraph {
  margin-top: 4px;
}
.bem-SearchResultPreview_Heading + .bem-SearchResultPreview_Description.bem-Paragraph {
  margin-top: 4px;
}
.bem-SearchResultPreview_Heading + .bem-SearchResultPreview_Url.bem-Paragraph {
  margin-top: 4px;
}
.bem-SearchResultPreview_Url + .bem-SearchResultPreview_Description.bem-Paragraph {
  margin-top: 4px;
}
.bem-SearchResultPreview_Image + .bem-SearchResultPreview_Description.bem-Paragraph {
  margin-top: 4px;
}
.bem-SearchResultPreview_Description + .bem-SearchResultPreview_Url.bem-Paragraph {
  margin-top: 4px;
}
.bem-SelectInput {
  position: relative;
  height: 32px;
  border-radius: 2px;
}
.bem-SelectInput:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
}
.bem-SelectInput.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-SelectInput.hasError > input.input {
  color: #ff5266;
}
.bem-SelectInput-disabled {
  pointer-events: none;
  opacity: 0.7;
}
.bem-SelectInput-preview {
  opacity: 1;
}
.bem-SelectInput_Trigger {
  border-radius: 2px;
  background: #5e5e5e;
  border: 1px solid #333333;
  height: 32px;
  width: 100%;
  line-height: 30px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  text-align: left;
  color: rgba(255, 255, 255, 0.9);
}
.bem-SelectInput_Trigger:hover {
  background: #6b6b6b;
  cursor: default;
}
.bem-SelectInput_Trigger.isExpanded:before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  bottom: 14px;
  border-bottom: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.bem-SelectInput_Trigger:not(.isExpanded):before {
  content: '';
  width: 0;
  height: 0;
  position: absolute;
  right: 10px;
  top: 14px;
  border-top: 5px solid rgba(255, 255, 255, 0.9);
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  pointer-events: none;
}
.bem-SelectInput-preview .bem-SelectInput_Trigger {
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-SelectInput-preview .bem-SelectInput_Trigger:before {
  border-top-color: #a9a9a9;
}
.bem-SelectInput.highlighted .bem-SelectInput_Trigger {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-SelectInput.highlighted .bem-SelectInput_Trigger:before {
  border-top-color: white;
}
.bem-SelectInput.hasNotice .bem-SelectInput_Trigger {
  background: #6f6452;
  border-color: #9e8863;
}
.bem-SelectInput.hasNotice .bem-SelectInput_Trigger:before {
  border-top-color: #B99f76;
}
.bem-SelectInput_Menu {
  overflow: auto;
  background: #5e5e5e;
  z-index: 23;
  position: absolute;
  border: 1px solid #333333;
  width: 100%;
  margin-top: -1px;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  max-height: 180px;
  overflow-y: auto;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  padding: 3px 0;
}
.bem-SelectInput_Menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bem-SelectInput_Menu::-webkit-scrollbar:horizontal {
  display: none;
}
.bem-SelectInput_Menu::-webkit-scrollbar-track {
  background-color: #2b2b2b;
  background-clip: padding-box;
  border-style: solid;
  border-color: #212121;
  border-width: 0 0 0 1px;
}
.bem-SelectInput_Menu::-webkit-scrollbar-track:horizontal {
  border-width: 0 0 0 0;
}
.bem-SelectInput_Menu::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 1px;
  background-clip: content-box;
}
.bem-SelectInput_Menu::-webkit-scrollbar-thumb:hover {
  background-color: #5e5e5e;
}
.bem-SelectInput_Menu::-webkit-scrollbar-thumb:hover:disabled {
  background-color: #404040;
}
.bem-SelectInput_Menu.with-horizontal::-webkit-scrollbar:horizontal {
  display: block;
}
.bem-SelectInput_Menu.with-horizontal::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0 0 0;
}
.bem-SelectInput_Menu.with-horizontal::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0 0 0;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:start:increment,
.bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-SelectInput_Menu.with-arrows::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.bem-SelectInput_Menu.with-arrows.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.bem-SelectInput_Menu::-webkit-scrollbar-corner {
  background-color: #2b2b2b;
}
.bem-SelectInput_Option {
  position: relative;
  width: 100%;
  color: rgba(255, 255, 255, 0.9);
}
.bem-SelectInput_Option i {
  opacity: 0.7;
}
.bem-SelectInput_Option:hover {
  outline: none;
  background-color: #6b6b6b;
  cursor: default;
}
.bem-SelectInput_Option:hover i {
  opacity: 0.9;
}
.bem-SelectInput_Option:focus {
  outline: none;
  background-color: #3b79c3;
}
.bem-SelectInput_Option:active {
  background-color: #5e5e5e;
}
.bem-SelectInput_Option-disabled {
  background-color: inherit;
  outline: none;
  color: #a6a6a6;
}
.bem-SelectInput_Option-disabled:hover {
  color: #a6a6a6;
  cursor: not-allowed;
}
.bem-SelectInput_Option-selected {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-SelectInput_Option-selected:hover {
  background: #3b79c3;
}
.bem-SelectInput_WithAddition {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bem-SelectInput_WithAddition .bem-SelectInput {
  width: 100%;
}
.bem-SlugPreview {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.bem-SlugPreview_Icon {
  position: relative;
  opacity: 0.4;
}
.bem-SortableList_Item-collectionFields.source {
  opacity: 0.3;
}
.bem-SortableList_Item_Handle-collectionFields {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 14px;
  height: 32px;
  margin-left: -10px;
  margin-right: -3px;
  margin-top: -10px;
  margin-bottom: -10px;
}
.bem-SpecificityLabel {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  min-width: 24px;
  color: #d9d9d9;
  font-size: 11px;
  white-space: pre;
  cursor: default;
}
.bem-SpecificityLabel-upstream:before,
.bem-SpecificityLabel-local:before {
  content: "";
  position: absolute;
  margin-top: .5em;
  top: 50%;
  left: 0;
  right: 0;
  border-bottom: 1px dotted;
}
.bem-SpecificityLabel-upstream {
  color: #e89153;
}
.bem-SpecificityLabel-upstream:before {
  border-bottom-color: rgba(232, 145, 83, 0.6);
}
.bem-SpecificityLabel-upstream:hover:before {
  border-bottom-style: solid;
}
.bem-SpecificityLabel-local {
  color: #6bb0ff;
}
.bem-SpecificityLabel-local:before {
  border-bottom-color: rgba(107, 176, 255, 0.6);
}
.bem-SpecificityLabel-local:hover:before {
  border-bottom-style: solid;
}
.bem-SpecificityLabel-downstream:after {
  content: "";
  position: absolute;
  height: 2px;
  background: #c92c3f;
  margin-top: -1px;
  top: 50%;
  right: -2px;
  left: -2px;
}
.bem-SpecificityLabel-disabled {
  color: #a6a6a6;
  cursor: default;
}
.bem-SpecificityLabel-disabled:before,
.bem-SpecificityLabel-disabled:after {
  content: none;
}
.bem-SpecificityLabel-icon:before {
  content: none;
}
@-webkit-keyframes Spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes Spinner-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bem-Spinner {
  box-sizing: border-box;
  width: 18px;
  height: 18px;
  border: 5px solid rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  -webkit-animation: Spinner-spin 0.8s infinite linear;
  animation: Spinner-spin 0.8s infinite linear;
}
.bem-Spinner:after {
  position: absolute;
  content: "";
  top: -4px;
  right: -4px;
  bottom: -4px;
  left: -4px;
  border: 3px solid transparent;
  border-bottom-color: #fff;
  border-radius: 100px;
}
.bem-Spinner-thin {
  border-width: 4px;
}
.bem-Spinner-thin:after {
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  border-width: 2px;
}
@-webkit-keyframes w-editor-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes w-editor-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.bem-IndeterminateSpinner {
  position: absolute;
  top: 0px;
  left: 0px;
  box-sizing: border-box;
  width: 100%;
  height: 100%;
  border: 3px solid rgba(0, 0, 0, 0.4);
  border-radius: 100px;
  -webkit-animation: w-editor-spin 3s infinite linear;
  animation: w-editor-spin 3s infinite linear;
}
.bem-IndeterminateSpinner:after {
  position: absolute;
  content: "";
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  border: 1px solid transparent;
  border-bottom-color: #fff;
  border-radius: 100px;
}
.bem-Switch {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default;
}
.bem-Switch-preview {
  pointer-events: none;
  cursor: default;
}
.bem-Switch_Switch {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #2b2b2b;
  border-radius: 100px;
  border: 1px solid #212121;
  cursor: default;
  display: inline-block;
  outline: none;
  overflow: hidden;
  transition: 200ms;
  width: 40px;
}
.bem-Switch_Switch::before {
  display: block;
  border-radius: 100px;
  padding-top: 60%;
  width: 60%;
  background: #5e5e5e;
  content: '';
  transition: 200ms;
  margin: -1px;
  border: inherit;
}
.bem-Switch_Switch.highlighted {
  background-color: rgba(107, 176, 255, 0.35);
  border: 1px solid rgba(107, 176, 255, 0.8);
}
.bem-Switch_Switch.highlighted::before {
  background: rgba(107, 176, 255, 0.35);
  border: 1px solid rgba(107, 176, 255, 0.8);
}
.bem-Switch_Switch-preview {
  background-color: #4d4d4d;
  border: 1px solid #6b6b6b;
  overflow: visible;
}
.bem-Switch_Switch-preview::before {
  background: #4d4d4d;
  border: 1px solid #6b6b6b;
}
.bem-Switch:hover .bem-Switch_Switch::before {
  background: #6b6b6b;
}
.bem-Switch_Input {
  display: none;
}
.bem-Switch_Input:checked + .bem-Switch_Switch {
  background-color: #3490eb;
  border-color: #072a4c;
}
.bem-Switch_Input:checked + .bem-Switch_Switch::before {
  background: #d9d9d9;
  margin-left: calc(38%);
}
.bem-Switch_Input:checked + .bem-Switch_Switch-preview {
  background-color: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-Switch_Input:checked + .bem-Switch_Switch-preview::before {
  background: #6b6b6b;
  border-color: #ebebeb;
}
.bem-Switch_Input:checked + .bem-Switch_Switch.highlighted {
  background-color: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-Switch_Input:checked + .bem-Switch_Switch.highlighted::before {
  background: #677A8B;
  border-color: #A6BDD3;
}
.bem-Switch:hover .bem-Switch_Input:checked + .bem-Switch_Switch::before {
  background: white;
}
.bem-Switch_Input:disabled:not(.bem-Switch_Input-preview) + .bem-Switch_Switch {
  opacity: 0.5;
  cursor: default;
}
.bem-Switch_Input:disabled:not(.bem-Switch_Input-preview) ~ .bem-Switch_Text {
  opacity: 0.5;
}
.bem-Switch_Text {
  margin-left: 10px;
  transition: color 200ms ease;
}
.bem-Switch_Input:checked ~ .bem-Switch_Text {
  color: #d9d9d9;
}
.bem-Switch_Input-preview ~ .bem-Switch_Text {
  color: #a6a6a6;
}
.bem-Switch_Input-preview:checked ~ .bem-Switch_Text {
  color: #ebebeb;
}
.bem-Switch-small .bem-Switch_Switch {
  width: 30px;
}
.bem-Switch-small .bem-Switch_Text {
  font-size: 11px;
}
.bem-Table {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.bem-Table_Head {
  letter-spacing: .5px;
  color: #d9d9d9;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  background: #4d4d4d;
  border-bottom: 1px solid #212121;
}
.bem-Table_Header {
  text-transform: uppercase;
  font-family: -apple-system, BlinkMacSystemFont, 'proxima-nova', 'Roboto', Arial, sans-serif, Georgia, serif;
  line-height: 14px;
  font-weight: 600;
  padding: 0 13px;
  height: 38px;
}
.bem-Table_Header-clickable {
  cursor: default;
}
.bem-Table_Header-clickable:hover {
  color: #fff;
}
.bem-Table_Header-selected {
  color: #fff;
}
.bem-Table_Body {
  overflow: auto;
}
.bem-Table_Row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid #212121;
  height: 44px;
}
.bem-Table_Row-clickable {
  cursor: default;
}
.bem-Table_Row-clickable:hover,
.bem-Table_Row.isSelected {
  background-color: #4d4d4d;
  color: white;
}
.bem-Table_Cell {
  padding: 0 13px;
  width: 0;
}
.bem-Table_Cell_Icon {
  position: relative;
  display: none;
  margin-left: 5px;
  opacity: 0.3;
}
.bem-Table_Cell_Icon:hover {
  opacity: 1;
}
.bem-Table_Pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bem-Table_Pagination_Buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.bem-Table_Pagination_Button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 12px;
}
.bem-Table_Pagination_Button-left {
  width: 90px;
}
.bem-Table_Pagination_Button-right {
  width: 65px;
}
.tab-name-panel {
  width: 200px;
}
.tab-name-panel .kit-text-input {
  width: 161px;
}
.tab-name-panel .kit-divider {
  margin: 8px -10px;
}
.tab-name-panel .save {
  padding: 0 10px;
}
.tabs-settings .kit-panel {
  padding-bottom: 4px;
}
.tabs-settings .kit-field {
  margin-bottom: -6px;
}
.tabs-settings .kit-field.tab-list > .kit-label {
  padding: 1px 0 4px 0;
}
.tabs-settings .kit-list-wrapper.tab-list-wrap {
  margin-bottom: 5px;
}
.tabs-settings .kit-button.add-tab {
  margin: -2px 10px 4px;
  padding-right: 2px;
  display: inline-block;
  vertical-align: top;
  float: none;
  width: 68px;
  z-index: 5;
}
.tabs-settings .kit-button.add-tab > i {
  background-position: -480px -20px;
  width: 10px;
  height: 10px;
}
.tabs-settings .kit-button.add-tab > span {
  position: relative;
  padding-left: 5px;
  top: -1px;
}
.tabs-settings .kit-section.fades {
  zoom: 1;
}
.tabs-settings .kit-section.fades:before,
.tabs-settings .kit-section.fades:after {
  content: " ";
  display: table;
}
.tabs-settings .kit-section.fades:after {
  clear: both;
}
.tabs-settings .kit-title.collapse-on {
  margin-top: 8px;
}
.tabs-settings .kit-list > .kit-list-item > .label {
  margin-left: 0;
  padding-left: 30px;
}
.tabs-settings .kit-list-item > .kit-drag-handle {
  left: 0;
  width: 8px;
}
.tabs-settings .kit-list-item > .edit {
  right: 17px;
}
.tabs-settings .easing {
  float: none;
  transition: opacity 50ms;
  margin-bottom: -2px;
}
.tabs-settings .easing .kit-label {
  width: auto;
  margin-top: 2px;
}
.tabs-settings .easing .kit-fancy-select {
  float: right;
  width: 143px;
}
.tabs-settings .easing .kit-select2 {
  float: right;
}
.tabs-settings .easing .kit-select2 .select2-container {
  width: 143px;
}
.tabs-settings .fade-in-duration {
  float: left;
  clear: none;
}
.tabs-settings .fade-out-duration {
  float: right;
  clear: none;
  margin-right: 1px;
}
.tabs-settings .bem-UnitBox {
  float: left;
}
.tabs-settings .bem-UnitBox .kit-unit-box {
  width: 57px;
}
.tabs-settings .bem-UnitBox .kit-unit-box > .unit {
  right: 0;
}
.tabs-settings .bem-UnitBox .kit-unit-box > .unit-menu {
  right: 1px;
}
.bem-TagSelect {
  position: relative;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.bem-TagSelect::after {
  content: none !important;
}
.bem-TagSelect.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-TagSelect.hasError > input.input {
  color: #ff5266;
}
.bem-TagSelect-preview .selectize-control .selectize-input.not-full {
  background: #4d4d4d;
  border-color: #6b6b6b;
  pointer-events: none;
}
.bem-TagSelect.hasNotice {
  box-shadow: none;
}
.bem-TagSelect.hasNotice .selectize-control .selectize-input.not-full {
  background: #6f6452;
  border-color: #9e8863;
}
.bem-TagSelect .selectize-control {
  padding: 0;
  min-height: 32px;
  border: none;
  box-shadow: none;
}
.bem-TagSelect .selectize-control .selectize-input,
.bem-TagSelect .selectize-control .selectize-input.has-items {
  padding: 0px 35px 1px 3px !important;
  vertical-align: top;
  min-height: 32px;
}
.bem-TagSelect .selectize-control .selectize-input:hover,
.bem-TagSelect .selectize-control .selectize-input.has-items:hover {
  background: #232323;
}
.bem-TagSelect .selectize-control .selectize-input.focus,
.bem-TagSelect .selectize-control .selectize-input.has-items.focus,
.bem-TagSelect .selectize-control .selectize-input.focus:hover,
.bem-TagSelect .selectize-control .selectize-input.has-items.focus:hover {
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
}
.bem-TagSelect .selectize-control .selectize-input::before,
.bem-TagSelect .selectize-control .selectize-input.has-items::before {
  content: none;
}
.bem-TagSelect .selectize-control .selectize-input > input,
.bem-TagSelect .selectize-control .selectize-input.has-items > input {
  position: relative;
  top: 1px;
  left: 3px !important;
  font-size: 12px;
  line-height: 28px !important;
  color: #d9d9d9;
}
.bem-TagSelect .selectize-control .selectize-input > input::-webkit-input-placeholder,
.bem-TagSelect .selectize-control .selectize-input.has-items > input::-webkit-input-placeholder {
  color: #737373;
}
.bem-TagSelect .selectize-control .selectize-input div.item,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item {
  min-height: 21px;
  margin: 4px 4px 0 0;
  border-radius: 2px;
  font-size: 11px;
  text-shadow: none;
  padding-right: 6px !important;
  background: #7868be;
  color: rgba(255, 255, 255, 0.9);
  cursor: default;
}
.bem-TagSelect .selectize-control .selectize-input div.item .remove,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  margin-left: 6px;
  margin-bottom: 3px;
  padding: 2px;
  border: none;
  color: transparent;
  opacity: 0.6;
  cursor: default;
}
.bem-TagSelect .selectize-control .selectize-input div.item .remove:hover,
.bem-TagSelect .selectize-control .selectize-input.has-items div.item .remove:hover {
  opacity: 1;
}
.bem-TagSelect .selectize-control .selectize-dropdown {
  top: 31px;
  border: 1px solid #333333;
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
  color: rgba(255, 255, 255, 0.9);
  background: #5e5e5e;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content {
  max-height: 224px;
  font-size: 12px;
  line-height: 12px;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content .option {
  padding: 8px;
  background-color: #5e5e5e;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content .option:last-child {
  border-bottom-left-radius: 2px;
  border-bottom-right-radius: 2px;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active {
  background-color: #6b6b6b;
  color: white;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content .option.active::after {
  content: '+ Add';
  float: right;
  margin-right: -8px;
  color: #a6a6a6;
}
.bem-TagSelect .selectize-control .selectize-dropdown .selectize-dropdown-content .option .highlight {
  background: transparent;
  text-decoration: underline;
  color: white;
}
.bem-TagSelect i.search-big {
  position: absolute;
  z-index: 1;
  right: 9px;
  top: 9px;
  opacity: 0.4;
}
.bem-TagSelect-blue .selectize-control .selectize-input div.item,
.bem-TagSelect-blue .selectize-control .selectize-input.has-items div.item {
  background-image: none;
  background-color: #3b79c3;
}
.bem-TagSelect_Icon {
  pointer-events: none;
}
.bem-TagSelect_Wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bem-TagSelect + .bem-Button {
  height: 32px;
}
.bem-Text {
  vertical-align: middle;
  color: inherit;
}
.bem-Text-dim {
  color: #a6a6a6;
}
.bem-Text-dimmer {
  color: #737373;
}
.bem-Text-dynamic {
  color: #ae94ff;
}
.bem-Text-emphasis {
  color: #2ad986;
}
.bem-Text-small {
  font-size: 12px;
}
.bem-Text-tiny {
  font-size: 11px;
}
.bem-Text-italic {
  font-style: italic;
}
.bem-Text-bold {
  font-weight: 600;
}
.bem-Text-baseline {
  vertical-align: baseline;
}
.bem-TextInput,
.bem-IXSelectorInput .selectize-control .selectize-input,
.bem-IXSelectorInput .selectize-control .selectize-input.has-items,
.bem-TagSelect .selectize-control .selectize-input,
.bem-TagSelect .selectize-control .selectize-input.has-items {
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  color: #d9d9d9;
  cursor: text;
  display: block;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  padding-top: 8px;
  padding-right: 9px;
  padding-bottom: 8px;
  padding-left: 9px;
  width: 100%;
}
.bem-TextInput::-webkit-input-placeholder {
  color: #737373;
}
.bem-TextInput:-webkit-autofill {
  background-color: #c28f0e;
}
.bem-TextInput:hover:not(.bem-TextInput-preview) {
  background-color: #232323;
}
.bem-TextInput:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background-color: #232323;
}
.bem-TextInput:disabled:not(.bem-TextInput-preview) {
  opacity: 0.5;
  cursor: not-allowed;
}
.bem-TextInput.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-TextInput.hasError > input.input {
  color: #ff5266;
}
.bem-TextInput-head {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #333333;
  border-color: #292929;
  box-shadow: none;
}
.bem-TextInput-head:hover,
.bem-TextInput-head:focus {
  background-color: #2b2b2b;
}
.bem-TextInput-search {
  padding-left: 32px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path fill='#8A8A8A' d='M11.53 10.47L8.308 7.247a4 4 0 1 0-1.06 1.06l3.222 3.224 1.06-1.06zM5 7.5C3.622 7.5 2.5 6.378 2.5 5S3.622 2.5 5 2.5 7.5 3.622 7.5 5 6.378 7.5 5 7.5z'/></svg>");
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: 20px;
}
.bem-TextInput-preview {
  -webkit-text-fill-color: #d9d9d9;
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-TextInput.hasNotice {
  box-shadow: none;
  background: #6f6452;
  border-color: #9e8863;
}
.bem-TextInput.highlighted {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-TextLink {
  color: #6bb0ff;
  text-decoration: none;
}
.bem-TextLink:hover {
  text-decoration: underline;
}
.bem-TimePicker {
  width: 254px;
}
.bem-TimePicker_Heading {
  text-transform: uppercase;
  text-align: center;
  font-size: 11px;
  font-weight: 300;
  line-height: 32px;
}
.bem-TimePicker_Row {
  margin-right: -1px;
  margin-bottom: -1px;
  padding-top: 1px;
  overflow: hidden;
}
.bem-TimePicker_Button {
  display: inline-block;
  width: 43.33333333px;
  height: 43.33333333px;
  margin-top: -1px;
  margin-left: -1px;
  border: 1px solid #212121;
  background: #4d4d4d;
  color: #d9d9d9;
  text-align: center;
  cursor: default;
  /**
     * 1. Makes sure selected button is on top.
     */
}
.bem-TimePicker_Button:hover {
  background: #5e5e5e;
  color: rgba(255, 255, 255, 0.9);
}
.bem-TimePicker_Button-selected {
  position: relative;
  /* 1 */
  color: rgba(255, 255, 255, 0.9);
}
.bem-TimePicker_Button-selected,
.bem-TimePicker_Button-selected:hover {
  background: #3b79c3;
}
.bem-TimePicker_Switch {
  text-align: center;
  margin: 6px;
}
.bem-TimePicker_SwitchButton {
  display: inline-block;
  width: 32.33333333px;
  height: 26px;
  margin: 5px;
  border-radius: 2px;
  color: #d9d9d9;
  cursor: default;
}
.bem-TimePicker_SwitchButton:hover {
  background: #4d4d4d;
  color: rgba(255, 255, 255, 0.9);
}
.bem-TimePicker_SwitchButton-selected {
  background: #3b79c3;
  color: rgba(255, 255, 255, 0.9);
}
.bem-TimePicker_SwitchButton-selected:hover {
  background: #3b79c3;
}
.bem-TokenInput {
  position: relative;
  font-size: 12px;
  border: 1px solid #212121;
  border-radius: 2px;
}
.bem-TokenInput .CodeMirror .CodeMirror-line {
  z-index: auto;
}
.bem-TokenInput .CodeMirror.w-cursor-frozen .CodeMirror-cursors {
  visibility: visible !important;
}
.bem-TokenInput:not(.bem-TokenInput-code) {
  border: none;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror {
  background: #2b2b2b;
  border-radius: 2px;
  border: 1px solid #212121;
  color: #d9d9d9;
  cursor: text;
  display: block;
  font-family: Arial, sans-serif, Georgia, serif;
  font-size: 12px;
  padding-top: 8px;
  padding-right: 9px;
  padding-bottom: 8px;
  padding-left: 9px;
  width: 100%;
  padding-top: 2px;
  padding-bottom: 2px;
  font-family: inherit;
  min-height: 32px;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror::-webkit-input-placeholder {
  color: #737373;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror:-webkit-autofill {
  background-color: #c28f0e;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror:hover:not(.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-preview) {
  background-color: #232323;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror:focus {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background-color: #232323;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror:disabled:not(.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-preview) {
  opacity: 0.5;
  cursor: not-allowed;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror.hasError {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror.hasError > input.input {
  color: #ff5266;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-head {
  padding-top: 6px;
  padding-bottom: 6px;
  background-color: #333333;
  border-color: #292929;
  box-shadow: none;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-head:hover,
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-head:focus {
  background-color: #2b2b2b;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-search {
  padding-left: 32px;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 13'><path fill='#8A8A8A' d='M11.53 10.47L8.308 7.247a4 4 0 1 0-1.06 1.06l3.222 3.224 1.06-1.06zM5 7.5C3.622 7.5 2.5 6.378 2.5 5S3.622 2.5 5 2.5 7.5 3.622 7.5 5 6.378 7.5 5 7.5z'/></svg>");
  background-repeat: no-repeat;
  background-position: 7px center;
  background-size: 20px;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-preview {
  -webkit-text-fill-color: #d9d9d9;
  background: #4d4d4d;
  border-color: #6b6b6b;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror.hasNotice {
  box-shadow: none;
  background: #6f6452;
  border-color: #9e8863;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror.highlighted {
  background: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-focused,
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-focused:hover {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror-scroll {
  margin-left: -4px;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror .cm-tag {
  color: #d9d9d9;
}
.bem-TokenInput:not(.bem-TokenInput-code) .CodeMirror .cm-error {
  background-color: transparent;
}
.bem-TokenInput_Menu {
  color: #d9d9d9;
  max-height: 400px;
  overflow: auto;
}
.bem-TokenInput_Menu::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bem-TokenInput_Menu::-webkit-scrollbar:horizontal {
  display: none;
}
.bem-TokenInput_Menu::-webkit-scrollbar-track {
  background-color: #2b2b2b;
  background-clip: padding-box;
  border-style: solid;
  border-color: #212121;
  border-width: 0 0 0 1px;
}
.bem-TokenInput_Menu::-webkit-scrollbar-track:horizontal {
  border-width: 0 0 0 0;
}
.bem-TokenInput_Menu::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 1px;
  background-clip: content-box;
}
.bem-TokenInput_Menu::-webkit-scrollbar-thumb:hover {
  background-color: #5e5e5e;
}
.bem-TokenInput_Menu::-webkit-scrollbar-thumb:hover:disabled {
  background-color: #404040;
}
.bem-TokenInput_Menu.with-horizontal::-webkit-scrollbar:horizontal {
  display: block;
}
.bem-TokenInput_Menu.with-horizontal::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0 0 0;
}
.bem-TokenInput_Menu.with-horizontal::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0 0 0;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:start:increment,
.bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-TokenInput_Menu.with-arrows::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.bem-TokenInput_Menu.with-arrows.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.bem-TokenInput_Menu::-webkit-scrollbar-corner {
  background-color: #2b2b2b;
}
.bem-TokenInput .bem-Dropdown {
  position: absolute;
}
.bem-TokenInput .bem-Dropdown .bem-Dropdown_Body {
  min-width: 160px;
}
.bem-TokenInput .bem-Dropdown.isActive .bem-Dropdown_Body {
  z-index: 7;
}
.bem-TokenInput .w-add-field-button {
  position: absolute;
  top: -23px;
  right: 0;
  height: 20px;
  color: #ae94ff;
  cursor: default;
}
.bem-TokenInput .w-add-field-button:hover {
  color: #c1aeff;
}
.bem-TokenInput_Token {
  display: inline-block;
  height: 17px;
  color: rgba(255, 255, 255, 0.9);
  text-align: center;
  line-height: 18px;
  margin: 0px 0.5px;
  padding: 0px 11px 0px 10px;
  background-color: #7868be;
  border-radius: 100px;
  font-size: 12px;
  text-shadow: none;
}
.bem-TokenInput_Token-disabled {
  background-color: #4d4d4d;
}
.bem-TokenInput_Token:not(.bem-TokenInput_Token-readOnly):not(.bem-TokenInput_Token-disabled) {
  padding: 0px 8px 0px 10px;
  cursor: default;
}
.bem-TokenInput_Token:not(.bem-TokenInput_Token-readOnly):not(.bem-TokenInput_Token-disabled):hover {
  background-color: #887ac6;
}
.bem-TokenInput_Token:not(.bem-TokenInput_Token-readOnly):not(.bem-TokenInput_Token-disabled).active {
  background-color: #887ac6;
}
.bem-TokenInput_Token:not(.bem-TokenInput_Token-readOnly):not(.bem-TokenInput_Token-disabled).w-selected {
  color: #3b79c3;
  background-color: rgba(255, 255, 255, 0.9);
}
.bem-TokenInput_Token:not(.bem-TokenInput_Token-readOnly):not(.bem-TokenInput_Token-disabled) svg {
  margin-left: 5px;
  margin-bottom: 2px;
}
.bem-TokenInput-code .bem-TokenInput_Token svg {
  margin-bottom: 1px;
}
.bem-TokenInput-code .bem-TokenInput_Token {
  line-height: 16px;
}
.bem-TokenInput-oneLiner .CodeMirror-line > span {
  display: inline-block;
  height: 19px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-placeholder {
  color: #4d4d4d;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar {
  overflow: auto;
  width: 10px;
  bottom: 0 !important;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar:horizontal {
  display: none;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-track {
  background-color: #2b2b2b;
  background-clip: padding-box;
  border-style: solid;
  border-color: #212121;
  border-width: 0 0 0 1px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-track:horizontal {
  border-width: 0 0 0 0;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-thumb {
  background-color: #4d4d4d;
  border-style: solid;
  border-color: transparent;
  border-width: 0 0 0 1px;
  background-clip: content-box;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover {
  background-color: #5e5e5e;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-thumb:hover:disabled {
  background-color: #404040;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-horizontal::-webkit-scrollbar:horizontal {
  display: block;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-horizontal::-webkit-scrollbar-track:horizontal {
  border-width: 1px 0 0 0;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-horizontal::-webkit-scrollbar-thumb:horizontal {
  border-width: 1px 0 0 0;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button {
  display: block;
  height: 11px;
  position: relative;
  background-color: #4d4d4d;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars.f8bcb5d750.png);
  background-repeat: no-repeat;
  border-color: #212121;
  border-style: solid;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:hover {
  background-color: #5e5e5e;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:disabled {
  background-color: #404040;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:vertical {
  background-position-x: -10px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:vertical:hover {
  background-position-x: -20px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:vertical:disabled {
  background-position-x: 0px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:vertical:decrement {
  border-width: 0px 0px 1px 1px;
  background-position-y: 0px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:vertical:increment {
  border-width: 1px 0px 0px 1px;
  background-position-y: -10px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:start:increment,
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button:end:decrement {
  display: none;
}
@media (min--moz-device-pixel-ratio: 1.5), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
  .bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows::-webkit-scrollbar-button {
    background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/scrollbars@2x.cabbabb21a.png);
    background-size: 60px;
  }
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar.with-arrows.with-horizontal::-webkit-scrollbar-button:horizontal {
  display: none;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-vscrollbar::-webkit-scrollbar-corner {
  background-color: #2b2b2b;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-hscrollbar {
  display: none !important;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-scrollbar-filler {
  display: none !important;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-lines > div > div:nth-child(3) {
  z-index: 0 !important;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-line {
  line-height: 18px;
}
.bem-TokenInput .cm-s-webflow-material .CodeMirror-gutter-wrapper {
  line-height: 18px;
}
.bem-TokenInput .cm-s-webflow-material .w-invalid {
  color: white;
  background-color: #ea384c;
}
.bem-TokenInput.hasError .cm-s-webflow-material,
.bem-TokenInput.hasError:hover .cm-s-webflow-material {
  box-shadow: 0 0 0 1px #ea384c;
}
.bem-TokenInput.hasError .cm-s-webflow-material > input.input,
.bem-TokenInput.hasError:hover .cm-s-webflow-material > input.input {
  color: #ff5266;
}
.bem-TokenInput-disabled * {
  cursor: not-allowed !important;
  color: #a6a6a6 !important;
}
.bem-TokenInput-disabled .w-invalid {
  background-color: transparent !important;
}
.bem-TokenInput-disabled .CodeMirror-selected {
  background: none !important;
}
.bem-TokenInput-disabled .CodeMirror-cursors {
  display: none;
}
.bem-TokenInput-disabled .cm-s-webflow-material:hover {
  background-color: #2b2b2b !important;
}
.bem-TokenInput-disabled .CodeMirror-focused {
  box-shadow: none !important;
}
.bem-VideoInput_Preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 8px;
}
.bem-VideoThumbnail {
  position: relative;
  display: block;
  max-width: 100%;
}
.bem-VideoThumbnail-isolate {
  margin: 20px 0;
}
.bem-VideoThumbnail_Image {
  display: block;
  width: 100%;
  border-radius: 2px;
}
.bem-VideoThumbnail_Overlay {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border-radius: 2px;
  background-color: #8e66ff;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15);
  opacity: 0.7;
  transition: opacity 200ms ease;
}
.bem-VideoThumbnail_Overlay:hover {
  opacity: 0.6;
}
.bem-VideoThumbnail_Icon {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  pointer-events: none;
  opacity: 0.95;
}
.bem-WireframeField {
  /* Variables */
  margin-left: 5px;
  margin-right: 5px;
}
.bem-WireframeField.isHovering,
.bem-WireframeField.isEditing {
  color: #6bb0ff;
}
.bem-WireframeField.isHovering .bem-WireframeField_Help,
.bem-WireframeField.isEditing .bem-WireframeField_Help {
  color: rgba(107, 176, 255, 0.6);
}
.bem-WireframeField_Label + .bem-WireframeField_Field,
.bem-WireframeField_Help + .bem-WireframeField_Field {
  margin-top: 6px;
}
.bem-WireframeField_Help {
  color: #737373;
}
.bem-WireframeField span {
  display: block;
  margin-top: 5px;
  color: #a6a6a6;
}
.bem-WireframeField.isHovering span,
.bem-WireframeField.isEditing span {
  color: rgba(107, 176, 255, 0.7);
}
.bem-WireframeField_Field {
  /* General Field Properties */
  position: relative;
  height: 35px;
  border: 1px solid #6b6b6b;
  background: #4d4d4d;
  z-index: 2;
  border-radius: 2px;
  /* Classes affected when Highlighted, when editing

      Highlighting and editing are separate within the classes below so that if they need
      to be changed, they can be easily edited instead of taking them apart later.

      Components:
        -Bool
        -ItemRef

      Subcomponents:
        _NumberArrow
        _DateIcon
        _ColorPicker
        _ImageRef
     */
  /* Plain Text Field (and multi line text) */
  /* Rich Text (treated same as multi line) */
  /* Number field with up + down arrows */
  /* Date Field with icon */
  /* Non-multi item Item Reference */
  /* Color Field with color picker */
  /* Switch field */
  /* Image Field */
  /* Image Field Subcomponent */
}
.bem-WireframeField_Field.isHovering,
.bem-WireframeField_Field.isEditing {
  background-color: rgba(107, 176, 255, 0.35);
  border-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-PlainText {
  position: relative;
}
.bem-WireframeField_Field-multiLine,
.bem-WireframeField_Field-RichText {
  height: 105px;
}
.bem-WireframeField_Field-multiLine::before,
.bem-WireframeField_Field-RichText::before {
  content: '';
  position: absolute;
  bottom: -1px;
  right: -7px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.e32795bd21.png);
  background-position: -200px -120px;
  width: 21px;
  height: 14px;
  opacity: 0.7;
}
.bem-WireframeField_Field-multiLine::before.field-plaintext,
.bem-WireframeField_Field-RichText::before.field-plaintext {
  background-position: 0px 0px;
  width: 47px;
  height: 21px;
}
.bem-WireframeField_Field-multiLine::before.field-richtext,
.bem-WireframeField_Field-RichText::before.field-richtext {
  background-position: -80px 0px;
  width: 49px;
  height: 34px;
}
.bem-WireframeField_Field-multiLine::before.field-imageset,
.bem-WireframeField_Field-RichText::before.field-imageset {
  background-position: -160px 0px;
  width: 45px;
  height: 36px;
}
.bem-WireframeField_Field-multiLine::before.field-imageref,
.bem-WireframeField_Field-RichText::before.field-imageref {
  background-position: -240px 0px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-multiLine::before.field-number,
.bem-WireframeField_Field-RichText::before.field-number {
  background-position: -280px 0px;
  width: 29px;
  height: 26px;
}
.bem-WireframeField_Field-multiLine::before.field-date,
.bem-WireframeField_Field-RichText::before.field-date {
  background-position: -320px 0px;
  width: 36px;
  height: 34px;
}
.bem-WireframeField_Field-multiLine::before.field-link,
.bem-WireframeField_Field-RichText::before.field-link {
  background-position: -360px 0px;
  width: 28px;
  height: 28px;
}
.bem-WireframeField_Field-multiLine::before.field-bool,
.bem-WireframeField_Field-RichText::before.field-bool {
  background-position: -400px 0px;
  width: 40px;
  height: 26px;
}
.bem-WireframeField_Field-multiLine::before.field-itemref,
.bem-WireframeField_Field-RichText::before.field-itemref {
  background-position: 0px -40px;
  width: 36px;
  height: 25px;
}
.bem-WireframeField_Field-multiLine::before.field-item-multiple,
.bem-WireframeField_Field-RichText::before.field-item-multiple {
  background-position: -40px -40px;
  width: 36px;
  height: 31px;
}
.bem-WireframeField_Field-multiLine::before.field-video,
.bem-WireframeField_Field-RichText::before.field-video {
  background-position: -80px -40px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-multiLine::before.field-map,
.bem-WireframeField_Field-RichText::before.field-map {
  background-position: -120px -40px;
  width: 24px;
  height: 38px;
}
.bem-WireframeField_Field-multiLine::before.field-color,
.bem-WireframeField_Field-RichText::before.field-color {
  background-position: -160px -40px;
  width: 36px;
  height: 36px;
}
.bem-WireframeField_Field-multiLine::before.help,
.bem-WireframeField_Field-RichText::before.help {
  background-position: -320px -40px;
  width: 35px;
  height: 40px;
}
.bem-WireframeField_Field-multiLine::before.field-small-video,
.bem-WireframeField_Field-RichText::before.field-small-video {
  background-position: -360px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-bool,
.bem-WireframeField_Field-RichText::before.field-small-bool {
  background-position: -400px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-plaintext,
.bem-WireframeField_Field-RichText::before.field-small-plaintext {
  background-position: 0px -80px;
  width: 10px;
  height: 11px;
  margin-left: 2px;
}
.bem-WireframeField_Field-multiLine::before.field-small-number,
.bem-WireframeField_Field-RichText::before.field-small-number {
  background-position: -40px -80px;
  width: 13px;
  height: 12px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-richtext,
.bem-WireframeField_Field-RichText::before.field-small-richtext {
  background-position: -80px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-imageref,
.bem-WireframeField_Field-RichText::before.field-small-imageref {
  background-position: -120px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-imageset,
.bem-WireframeField_Field-RichText::before.field-small-imageset {
  background-position: -160px -80px;
  width: 15px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.field-small-date,
.bem-WireframeField_Field-RichText::before.field-small-date,
.bem-WireframeField_Field-multiLine::before.field-small-datetime,
.bem-WireframeField_Field-RichText::before.field-small-datetime {
  background-position: -200px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-link,
.bem-WireframeField_Field-RichText::before.field-small-link {
  background-position: -240px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.bem-WireframeField_Field-multiLine::before.field-small-map,
.bem-WireframeField_Field-RichText::before.field-small-map {
  background-position: -280px -80px;
  width: 8px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.field-small-itemref,
.bem-WireframeField_Field-RichText::before.field-small-itemref,
.bem-WireframeField_Field-multiLine::before.field-small-item,
.bem-WireframeField_Field-RichText::before.field-small-item {
  background-position: -320px -80px;
  width: 17px;
  height: 13px;
  margin-left: -1px;
}
.bem-WireframeField_Field-multiLine::before.field-small-itemrefset,
.bem-WireframeField_Field-RichText::before.field-small-itemrefset {
  background-position: -360px -80px;
  width: 17px;
  height: 15px;
  margin-left: -1px;
}
.bem-WireframeField_Field-multiLine::before.field-small-arrow,
.bem-WireframeField_Field-RichText::before.field-small-arrow {
  background-position: -400px -80px;
  width: 10px;
  height: 12px;
  margin-left: 2px;
}
.bem-WireframeField_Field-multiLine::before.add-collection,
.bem-WireframeField_Field-RichText::before.add-collection {
  background-position: 0px -120px;
  width: 19px;
  height: 17px;
}
.bem-WireframeField_Field-multiLine::before.collection,
.bem-WireframeField_Field-RichText::before.collection {
  background-position: -40px -120px;
  width: 11px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.contributors,
.bem-WireframeField_Field-RichText::before.contributors {
  background-position: -80px -120px;
  width: 20px;
  height: 17px;
}
.bem-WireframeField_Field-multiLine::before.page-template,
.bem-WireframeField_Field-RichText::before.page-template {
  background-position: -120px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.help-circle,
.bem-WireframeField_Field-RichText::before.help-circle {
  background-position: -160px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.textarea-handle,
.bem-WireframeField_Field-RichText::before.textarea-handle {
  background-position: -200px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.field-small-color,
.bem-WireframeField_Field-RichText::before.field-small-color {
  background-position: -240px -120px;
  width: 12px;
  height: 14px;
  margin-left: 1px;
}
.bem-WireframeField_Field-multiLine::before.add-field,
.bem-WireframeField_Field-RichText::before.add-field {
  background-position: -280px -120px;
  width: 19px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.checkmark,
.bem-WireframeField_Field-RichText::before.checkmark {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.checkmark-draft,
.bem-WireframeField_Field-RichText::before.checkmark-draft {
  background-position: -340px -120px;
  width: 17px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.status-draft,
.bem-WireframeField_Field-RichText::before.status-draft {
  background-position: -360px -120px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.common-edit,
.bem-WireframeField_Field-RichText::before.common-edit {
  background-position: -380px -120px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.status-pending,
.bem-WireframeField_Field-RichText::before.status-pending {
  background-position: -400px -120px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.status-archived,
.bem-WireframeField_Field-RichText::before.status-archived {
  background-position: -420px -120px;
  width: 12px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.status-published,
.bem-WireframeField_Field-RichText::before.status-published {
  background-position: -360px -160px;
  width: 6px;
  height: 7px;
}
.bem-WireframeField_Field-multiLine::before.status-published-pending,
.bem-WireframeField_Field-RichText::before.status-published-pending {
  background-position: -400px -160px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.image-drop,
.bem-WireframeField_Field-RichText::before.image-drop {
  background-position: 0px -160px;
  width: 59px;
  height: 68px;
}
.bem-WireframeField_Field-multiLine::before.cms-preview,
.bem-WireframeField_Field-RichText::before.cms-preview {
  background-position: -80px -160px;
  width: 39px;
  height: 43px;
}
.bem-WireframeField_Field-multiLine::before.field-date-button,
.bem-WireframeField_Field-RichText::before.field-date-button {
  background-position: -120px -160px;
  width: 16px;
  height: 20px;
}
.bem-WireframeField_Field-multiLine::before.field-time-button,
.bem-WireframeField_Field-RichText::before.field-time-button {
  background-position: -160px -160px;
  width: 19px;
  height: 19px;
}
.bem-WireframeField_Field-multiLine::before.item-action-publish,
.bem-WireframeField_Field-RichText::before.item-action-publish {
  background-position: -200px -160px;
  width: 13px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.item-action-unpublish,
.bem-WireframeField_Field-RichText::before.item-action-unpublish {
  background-position: -240px -160px;
  width: 16px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.item-action-archive,
.bem-WireframeField_Field-RichText::before.item-action-archive {
  background-position: -280px -160px;
  width: 14px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.item-action-delete,
.bem-WireframeField_Field-RichText::before.item-action-delete {
  background-position: -320px -160px;
  width: 13px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.field-color-button,
.bem-WireframeField_Field-RichText::before.field-color-button {
  background-position: -120px -200px;
  width: 14px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.field-color-button2,
.bem-WireframeField_Field-RichText::before.field-color-button2 {
  background-position: -140px -200px;
  width: 10px;
  height: 16px;
}
.bem-WireframeField_Field-multiLine::before.caret-big-up,
.bem-WireframeField_Field-RichText::before.caret-big-up {
  background-position: -160px -200px;
  width: 7px;
  height: 5px;
}
.bem-WireframeField_Field-multiLine::before.caret-big-down,
.bem-WireframeField_Field-RichText::before.caret-big-down {
  background-position: -180px -200px;
  width: 7px;
  height: 5px;
}
.bem-WireframeField_Field-multiLine::before.caret-small-up,
.bem-WireframeField_Field-RichText::before.caret-small-up {
  background-position: -160px -220px;
  width: 5px;
  height: 4px;
}
.bem-WireframeField_Field-multiLine::before.caret-small-down,
.bem-WireframeField_Field-RichText::before.caret-small-down {
  background-position: -180px -220px;
  width: 5px;
  height: 4px;
}
.bem-WireframeField_Field-multiLine::before.chevron-up,
.bem-WireframeField_Field-RichText::before.chevron-up {
  background-position: -200px -200px;
  width: 9px;
  height: 6px;
}
.bem-WireframeField_Field-multiLine::before.chevron-down,
.bem-WireframeField_Field-RichText::before.chevron-down {
  background-position: -220px -200px;
  width: 9px;
  height: 6px;
}
.bem-WireframeField_Field-multiLine::before.chevron-left,
.bem-WireframeField_Field-RichText::before.chevron-left {
  background-position: -200px -220px;
  width: 5px;
  height: 10px;
}
.bem-WireframeField_Field-multiLine::before.chevron-right,
.bem-WireframeField_Field-RichText::before.chevron-right {
  background-position: -220px -220px;
  width: 5px;
  height: 10px;
}
.bem-WireframeField_Field-multiLine::before.image-dimension-big,
.bem-WireframeField_Field-RichText::before.image-dimension-big {
  background-position: -240px -200px;
  width: 9px;
  height: 10px;
}
.bem-WireframeField_Field-multiLine::before.image-size-big,
.bem-WireframeField_Field-RichText::before.image-size-big {
  background-position: -280px -200px;
  width: 11px;
  height: 8px;
}
.bem-WireframeField_Field-multiLine::before.back-arrow,
.bem-WireframeField_Field-RichText::before.back-arrow {
  background-position: -320px -200px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.edit-collection,
.bem-WireframeField_Field-RichText::before.edit-collection {
  background-position: -360px -200px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.field-color-triangle,
.bem-WireframeField_Field-RichText::before.field-color-triangle {
  background-position: -400px -200px;
  width: 12px;
  height: 12px;
}
.bem-WireframeField_Field-multiLine::before.image-edit,
.bem-WireframeField_Field-RichText::before.image-edit {
  background-position: 0px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.image-replace,
.bem-WireframeField_Field-RichText::before.image-replace {
  background-position: -40px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.image-delete,
.bem-WireframeField_Field-RichText::before.image-delete {
  background-position: -80px -240px;
  width: 11px;
  height: 14px;
}
.bem-WireframeField_Field-multiLine::before.image-open-url,
.bem-WireframeField_Field-RichText::before.image-open-url {
  background-position: -120px -240px;
  width: 11px;
  height: 12px;
}
.bem-WireframeField_Field-multiLine::before.slug-link,
.bem-WireframeField_Field-RichText::before.slug-link {
  background-position: -140px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.search,
.bem-WireframeField_Field-RichText::before.search {
  background-position: -160px -240px;
  width: 13px;
  height: 13px;
}
.bem-WireframeField_Field-multiLine::before.search-big,
.bem-WireframeField_Field-RichText::before.search-big {
  background-position: -180px -240px;
  width: 15px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.required-asterisk,
.bem-WireframeField_Field-RichText::before.required-asterisk {
  background-position: -200px -240px;
  width: 5px;
  height: 5px;
}
.bem-WireframeField_Field-multiLine::before.remove-tag,
.bem-WireframeField_Field-RichText::before.remove-tag {
  background-position: -220px -240px;
  width: 8px;
  height: 9px;
}
.bem-WireframeField_Field-multiLine::before.cmspreview-color,
.bem-WireframeField_Field-RichText::before.cmspreview-color {
  background-position: -240px -240px;
  width: 9px;
  height: 15px;
}
.bem-WireframeField_Field-multiLine::before.cmspreview-date,
.bem-WireframeField_Field-RichText::before.cmspreview-date {
  background-position: -260px -240px;
  width: 16px;
  height: 17px;
}
.bem-WireframeField_Field-multiLine::before.cmspreview-caret-up,
.bem-WireframeField_Field-RichText::before.cmspreview-caret-up {
  background-position: -240px -260px;
  width: 7px;
  height: 4px;
}
.bem-WireframeField_Field-multiLine::before.cmspreview-caret-down,
.bem-WireframeField_Field-RichText::before.cmspreview-caret-down {
  background-position: -260px -260px;
  width: 7px;
  height: 4px;
}
.bem-WireframeField_Field-multiLine::before.cmspreview-image,
.bem-WireframeField_Field-RichText::before.cmspreview-image {
  background-position: -280px -240px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-multiLine::before.add-item-small,
.bem-WireframeField_Field-RichText::before.add-item-small {
  background-position: -320px -240px;
  width: 8px;
  height: 9px;
}
.bem-WireframeField_Field-multiLine::before.add-item,
.bem-WireframeField_Field-RichText::before.add-item {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine::before.add-item-inline,
.bem-WireframeField_Field-RichText::before.add-item-inline {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-multiLine.isHovering::before,
.bem-WireframeField_Field-RichText.isHovering::before,
.bem-WireframeField_Field-multiLine.isEditing::before,
.bem-WireframeField_Field-RichText.isEditing::before {
  opacity: 1;
}
.bem-WireframeField_Field-multiLine::before {
  right: -9px;
}
.bem-WireframeField_Field-RichText {
  position: relative;
}
.bem-WireframeField_Field-RichText::before {
  right: -9px;
}
.bem-WireframeField_Field-Number {
  position: relative;
}
.bem-WireframeField_Field-Number .bem-WireframeField_Field_NumberArrow {
  position: absolute;
  right: 0;
  border-left: 1px solid #6b6b6b;
  width: 20px;
}
.bem-WireframeField_Field-Number .bem-WireframeField_Field_NumberArrow i {
  margin: 0 2px 4px 6px;
  opacity: 0.7;
}
.bem-WireframeField_Field-Number .bem-WireframeField_Field_NumberArrow-up {
  top: 0;
  height: 16px;
  padding-top: 2px;
  border-bottom: 1px solid #6b6b6b;
}
.bem-WireframeField_Field-Number .bem-WireframeField_Field_NumberArrow-down {
  height: 16px;
  bottom: 0;
  padding-top: 2px;
}
.bem-WireframeField_Field-Number.isEditing .bem-WireframeField_Field_NumberArrow,
.bem-WireframeField_Field-Number.isHovering .bem-WireframeField_Field_NumberArrow {
  border-left-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-Number.isEditing .bem-WireframeField_Field_NumberArrow i,
.bem-WireframeField_Field-Number.isHovering .bem-WireframeField_Field_NumberArrow i {
  opacity: 1;
}
.bem-WireframeField_Field-Number.isEditing .bem-WireframeField_Field_NumberArrow-up,
.bem-WireframeField_Field-Number.isHovering .bem-WireframeField_Field_NumberArrow-up {
  border-bottom-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-Number.isEditing .bem-WireframeField_Field_NumberArrow-down,
.bem-WireframeField_Field-Number.isHovering .bem-WireframeField_Field_NumberArrow-down {
  border-top-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-Date {
  position: relative;
}
.bem-WireframeField_Field-Date .bem-WireframeField_Field_DateIcon {
  position: absolute;
  right: 0;
  top: 0;
  height: 33px;
  width: 35px;
  border-left: 1px solid #6b6b6b;
}
.bem-WireframeField_Field-Date .bem-WireframeField_Field_DateIcon i {
  margin: 8px 4px 0px 9px;
  opacity: 0.7;
}
.bem-WireframeField_Field-Date.isHovering .bem-WireframeField_Field_DateIcon,
.bem-WireframeField_Field-Date.isEditing .bem-WireframeField_Field_DateIcon {
  border-left-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-Date.isHovering .bem-WireframeField_Field_DateIcon i,
.bem-WireframeField_Field-Date.isEditing .bem-WireframeField_Field_DateIcon i {
  opacity: 1;
}
.bem-WireframeField_Field-ItemRef,
.bem-WireframeField_Field-Option {
  position: relative;
}
.bem-WireframeField_Field-ItemRef::before,
.bem-WireframeField_Field-Option::before {
  content: '';
  position: absolute;
  right: 8px;
  top: 15px;
  background-image: url(https://d3e54v103j8qbb.cloudfront.net/gen/img/sprites/dynamo.e32795bd21.png);
  background-position: -260px -260px;
  width: 7px;
  height: 4px;
  opacity: 0.7;
}
.bem-WireframeField_Field-ItemRef::before.field-plaintext,
.bem-WireframeField_Field-Option::before.field-plaintext {
  background-position: 0px 0px;
  width: 47px;
  height: 21px;
}
.bem-WireframeField_Field-ItemRef::before.field-richtext,
.bem-WireframeField_Field-Option::before.field-richtext {
  background-position: -80px 0px;
  width: 49px;
  height: 34px;
}
.bem-WireframeField_Field-ItemRef::before.field-imageset,
.bem-WireframeField_Field-Option::before.field-imageset {
  background-position: -160px 0px;
  width: 45px;
  height: 36px;
}
.bem-WireframeField_Field-ItemRef::before.field-imageref,
.bem-WireframeField_Field-Option::before.field-imageref {
  background-position: -240px 0px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-ItemRef::before.field-number,
.bem-WireframeField_Field-Option::before.field-number {
  background-position: -280px 0px;
  width: 29px;
  height: 26px;
}
.bem-WireframeField_Field-ItemRef::before.field-date,
.bem-WireframeField_Field-Option::before.field-date {
  background-position: -320px 0px;
  width: 36px;
  height: 34px;
}
.bem-WireframeField_Field-ItemRef::before.field-link,
.bem-WireframeField_Field-Option::before.field-link {
  background-position: -360px 0px;
  width: 28px;
  height: 28px;
}
.bem-WireframeField_Field-ItemRef::before.field-bool,
.bem-WireframeField_Field-Option::before.field-bool {
  background-position: -400px 0px;
  width: 40px;
  height: 26px;
}
.bem-WireframeField_Field-ItemRef::before.field-itemref,
.bem-WireframeField_Field-Option::before.field-itemref {
  background-position: 0px -40px;
  width: 36px;
  height: 25px;
}
.bem-WireframeField_Field-ItemRef::before.field-item-multiple,
.bem-WireframeField_Field-Option::before.field-item-multiple {
  background-position: -40px -40px;
  width: 36px;
  height: 31px;
}
.bem-WireframeField_Field-ItemRef::before.field-video,
.bem-WireframeField_Field-Option::before.field-video {
  background-position: -80px -40px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-ItemRef::before.field-map,
.bem-WireframeField_Field-Option::before.field-map {
  background-position: -120px -40px;
  width: 24px;
  height: 38px;
}
.bem-WireframeField_Field-ItemRef::before.field-color,
.bem-WireframeField_Field-Option::before.field-color {
  background-position: -160px -40px;
  width: 36px;
  height: 36px;
}
.bem-WireframeField_Field-ItemRef::before.help,
.bem-WireframeField_Field-Option::before.help {
  background-position: -320px -40px;
  width: 35px;
  height: 40px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-video,
.bem-WireframeField_Field-Option::before.field-small-video {
  background-position: -360px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-bool,
.bem-WireframeField_Field-Option::before.field-small-bool {
  background-position: -400px -40px;
  width: 14px;
  height: 10px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-plaintext,
.bem-WireframeField_Field-Option::before.field-small-plaintext {
  background-position: 0px -80px;
  width: 10px;
  height: 11px;
  margin-left: 2px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-number,
.bem-WireframeField_Field-Option::before.field-small-number {
  background-position: -40px -80px;
  width: 13px;
  height: 12px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-richtext,
.bem-WireframeField_Field-Option::before.field-small-richtext {
  background-position: -80px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-imageref,
.bem-WireframeField_Field-Option::before.field-small-imageref {
  background-position: -120px -80px;
  width: 13px;
  height: 11px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-imageset,
.bem-WireframeField_Field-Option::before.field-small-imageset {
  background-position: -160px -80px;
  width: 15px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-date,
.bem-WireframeField_Field-Option::before.field-small-date,
.bem-WireframeField_Field-ItemRef::before.field-small-datetime,
.bem-WireframeField_Field-Option::before.field-small-datetime {
  background-position: -200px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-link,
.bem-WireframeField_Field-Option::before.field-small-link {
  background-position: -240px -80px;
  width: 13px;
  height: 14px;
  margin-left: 0px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-map,
.bem-WireframeField_Field-Option::before.field-small-map {
  background-position: -280px -80px;
  width: 8px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-itemref,
.bem-WireframeField_Field-Option::before.field-small-itemref,
.bem-WireframeField_Field-ItemRef::before.field-small-item,
.bem-WireframeField_Field-Option::before.field-small-item {
  background-position: -320px -80px;
  width: 17px;
  height: 13px;
  margin-left: -1px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-itemrefset,
.bem-WireframeField_Field-Option::before.field-small-itemrefset {
  background-position: -360px -80px;
  width: 17px;
  height: 15px;
  margin-left: -1px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-arrow,
.bem-WireframeField_Field-Option::before.field-small-arrow {
  background-position: -400px -80px;
  width: 10px;
  height: 12px;
  margin-left: 2px;
}
.bem-WireframeField_Field-ItemRef::before.add-collection,
.bem-WireframeField_Field-Option::before.add-collection {
  background-position: 0px -120px;
  width: 19px;
  height: 17px;
}
.bem-WireframeField_Field-ItemRef::before.collection,
.bem-WireframeField_Field-Option::before.collection {
  background-position: -40px -120px;
  width: 11px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.contributors,
.bem-WireframeField_Field-Option::before.contributors {
  background-position: -80px -120px;
  width: 20px;
  height: 17px;
}
.bem-WireframeField_Field-ItemRef::before.page-template,
.bem-WireframeField_Field-Option::before.page-template {
  background-position: -120px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.help-circle,
.bem-WireframeField_Field-Option::before.help-circle {
  background-position: -160px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.textarea-handle,
.bem-WireframeField_Field-Option::before.textarea-handle {
  background-position: -200px -120px;
  width: 21px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.field-small-color,
.bem-WireframeField_Field-Option::before.field-small-color {
  background-position: -240px -120px;
  width: 12px;
  height: 14px;
  margin-left: 1px;
}
.bem-WireframeField_Field-ItemRef::before.add-field,
.bem-WireframeField_Field-Option::before.add-field {
  background-position: -280px -120px;
  width: 19px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.checkmark,
.bem-WireframeField_Field-Option::before.checkmark {
  background-position: -320px -120px;
  width: 17px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.checkmark-draft,
.bem-WireframeField_Field-Option::before.checkmark-draft {
  background-position: -340px -120px;
  width: 17px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.status-draft,
.bem-WireframeField_Field-Option::before.status-draft {
  background-position: -360px -120px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.common-edit,
.bem-WireframeField_Field-Option::before.common-edit {
  background-position: -380px -120px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.status-pending,
.bem-WireframeField_Field-Option::before.status-pending {
  background-position: -400px -120px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.status-archived,
.bem-WireframeField_Field-Option::before.status-archived {
  background-position: -420px -120px;
  width: 12px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.status-published,
.bem-WireframeField_Field-Option::before.status-published {
  background-position: -360px -160px;
  width: 6px;
  height: 7px;
}
.bem-WireframeField_Field-ItemRef::before.status-published-pending,
.bem-WireframeField_Field-Option::before.status-published-pending {
  background-position: -400px -160px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.image-drop,
.bem-WireframeField_Field-Option::before.image-drop {
  background-position: 0px -160px;
  width: 59px;
  height: 68px;
}
.bem-WireframeField_Field-ItemRef::before.cms-preview,
.bem-WireframeField_Field-Option::before.cms-preview {
  background-position: -80px -160px;
  width: 39px;
  height: 43px;
}
.bem-WireframeField_Field-ItemRef::before.field-date-button,
.bem-WireframeField_Field-Option::before.field-date-button {
  background-position: -120px -160px;
  width: 16px;
  height: 20px;
}
.bem-WireframeField_Field-ItemRef::before.field-time-button,
.bem-WireframeField_Field-Option::before.field-time-button {
  background-position: -160px -160px;
  width: 19px;
  height: 19px;
}
.bem-WireframeField_Field-ItemRef::before.item-action-publish,
.bem-WireframeField_Field-Option::before.item-action-publish {
  background-position: -200px -160px;
  width: 13px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.item-action-unpublish,
.bem-WireframeField_Field-Option::before.item-action-unpublish {
  background-position: -240px -160px;
  width: 16px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.item-action-archive,
.bem-WireframeField_Field-Option::before.item-action-archive {
  background-position: -280px -160px;
  width: 14px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.item-action-delete,
.bem-WireframeField_Field-Option::before.item-action-delete {
  background-position: -320px -160px;
  width: 13px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.field-color-button,
.bem-WireframeField_Field-Option::before.field-color-button {
  background-position: -120px -200px;
  width: 14px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.field-color-button2,
.bem-WireframeField_Field-Option::before.field-color-button2 {
  background-position: -140px -200px;
  width: 10px;
  height: 16px;
}
.bem-WireframeField_Field-ItemRef::before.caret-big-up,
.bem-WireframeField_Field-Option::before.caret-big-up {
  background-position: -160px -200px;
  width: 7px;
  height: 5px;
}
.bem-WireframeField_Field-ItemRef::before.caret-big-down,
.bem-WireframeField_Field-Option::before.caret-big-down {
  background-position: -180px -200px;
  width: 7px;
  height: 5px;
}
.bem-WireframeField_Field-ItemRef::before.caret-small-up,
.bem-WireframeField_Field-Option::before.caret-small-up {
  background-position: -160px -220px;
  width: 5px;
  height: 4px;
}
.bem-WireframeField_Field-ItemRef::before.caret-small-down,
.bem-WireframeField_Field-Option::before.caret-small-down {
  background-position: -180px -220px;
  width: 5px;
  height: 4px;
}
.bem-WireframeField_Field-ItemRef::before.chevron-up,
.bem-WireframeField_Field-Option::before.chevron-up {
  background-position: -200px -200px;
  width: 9px;
  height: 6px;
}
.bem-WireframeField_Field-ItemRef::before.chevron-down,
.bem-WireframeField_Field-Option::before.chevron-down {
  background-position: -220px -200px;
  width: 9px;
  height: 6px;
}
.bem-WireframeField_Field-ItemRef::before.chevron-left,
.bem-WireframeField_Field-Option::before.chevron-left {
  background-position: -200px -220px;
  width: 5px;
  height: 10px;
}
.bem-WireframeField_Field-ItemRef::before.chevron-right,
.bem-WireframeField_Field-Option::before.chevron-right {
  background-position: -220px -220px;
  width: 5px;
  height: 10px;
}
.bem-WireframeField_Field-ItemRef::before.image-dimension-big,
.bem-WireframeField_Field-Option::before.image-dimension-big {
  background-position: -240px -200px;
  width: 9px;
  height: 10px;
}
.bem-WireframeField_Field-ItemRef::before.image-size-big,
.bem-WireframeField_Field-Option::before.image-size-big {
  background-position: -280px -200px;
  width: 11px;
  height: 8px;
}
.bem-WireframeField_Field-ItemRef::before.back-arrow,
.bem-WireframeField_Field-Option::before.back-arrow {
  background-position: -320px -200px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.edit-collection,
.bem-WireframeField_Field-Option::before.edit-collection {
  background-position: -360px -200px;
  width: 10px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.field-color-triangle,
.bem-WireframeField_Field-Option::before.field-color-triangle {
  background-position: -400px -200px;
  width: 12px;
  height: 12px;
}
.bem-WireframeField_Field-ItemRef::before.image-edit,
.bem-WireframeField_Field-Option::before.image-edit {
  background-position: 0px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.image-replace,
.bem-WireframeField_Field-Option::before.image-replace {
  background-position: -40px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.image-delete,
.bem-WireframeField_Field-Option::before.image-delete {
  background-position: -80px -240px;
  width: 11px;
  height: 14px;
}
.bem-WireframeField_Field-ItemRef::before.image-open-url,
.bem-WireframeField_Field-Option::before.image-open-url {
  background-position: -120px -240px;
  width: 11px;
  height: 12px;
}
.bem-WireframeField_Field-ItemRef::before.slug-link,
.bem-WireframeField_Field-Option::before.slug-link {
  background-position: -140px -240px;
  width: 12px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.search,
.bem-WireframeField_Field-Option::before.search {
  background-position: -160px -240px;
  width: 13px;
  height: 13px;
}
.bem-WireframeField_Field-ItemRef::before.search-big,
.bem-WireframeField_Field-Option::before.search-big {
  background-position: -180px -240px;
  width: 15px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.required-asterisk,
.bem-WireframeField_Field-Option::before.required-asterisk {
  background-position: -200px -240px;
  width: 5px;
  height: 5px;
}
.bem-WireframeField_Field-ItemRef::before.remove-tag,
.bem-WireframeField_Field-Option::before.remove-tag {
  background-position: -220px -240px;
  width: 8px;
  height: 9px;
}
.bem-WireframeField_Field-ItemRef::before.cmspreview-color,
.bem-WireframeField_Field-Option::before.cmspreview-color {
  background-position: -240px -240px;
  width: 9px;
  height: 15px;
}
.bem-WireframeField_Field-ItemRef::before.cmspreview-date,
.bem-WireframeField_Field-Option::before.cmspreview-date {
  background-position: -260px -240px;
  width: 16px;
  height: 17px;
}
.bem-WireframeField_Field-ItemRef::before.cmspreview-caret-up,
.bem-WireframeField_Field-Option::before.cmspreview-caret-up {
  background-position: -240px -260px;
  width: 7px;
  height: 4px;
}
.bem-WireframeField_Field-ItemRef::before.cmspreview-caret-down,
.bem-WireframeField_Field-Option::before.cmspreview-caret-down {
  background-position: -260px -260px;
  width: 7px;
  height: 4px;
}
.bem-WireframeField_Field-ItemRef::before.cmspreview-image,
.bem-WireframeField_Field-Option::before.cmspreview-image {
  background-position: -280px -240px;
  width: 40px;
  height: 31px;
}
.bem-WireframeField_Field-ItemRef::before.add-item-small,
.bem-WireframeField_Field-Option::before.add-item-small {
  background-position: -320px -240px;
  width: 8px;
  height: 9px;
}
.bem-WireframeField_Field-ItemRef::before.add-item,
.bem-WireframeField_Field-Option::before.add-item {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef::before.add-item-inline,
.bem-WireframeField_Field-Option::before.add-item-inline {
  background-position: -340px -240px;
  width: 11px;
  height: 11px;
}
.bem-WireframeField_Field-ItemRef.isHovering::before,
.bem-WireframeField_Field-ItemRef.isEditing::before {
  opacity: 1;
}
.bem-WireframeField_Field-Color .bem-WireframeField_Field_ColorPicker {
  height: 33px;
  width: 35px;
  display: inline-block;
  border-right: 1px solid #6b6b6b;
  padding: 8px 12px;
}
.bem-WireframeField_Field-Color .bem-WireframeField_Field_ColorPicker i {
  opacity: 0.7;
}
.bem-WireframeField_Field-Color.isHovering .bem-WireframeField_Field_ColorPicker,
.bem-WireframeField_Field-Color.isEditing .bem-WireframeField_Field_ColorPicker {
  border-right-color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-Color.isHovering .bem-WireframeField_Field_ColorPicker i,
.bem-WireframeField_Field-Color.isEditing .bem-WireframeField_Field_ColorPicker i {
  opacity: 1;
}
.bem-WireframeField_Field-Bool {
  width: 45px;
  height: 26px;
  border-radius: 100px;
  position: relative;
}
.bem-WireframeField_Field-Bool::before {
  display: inline-block;
  margin-top: -1px;
  margin-left: -1px;
  width: 24px;
  height: 24px;
  content: '';
  border-radius: 100px;
  border: 1px solid #858585;
  background: rgba(255, 255, 255, 0.1);
}
.bem-WireframeField_Field-Bool::after {
  content: 'NO';
  display: block;
  position: absolute;
  top: 4px;
  right: -28px;
  color: #6b6b6b;
}
.bem-WireframeField_Field-Bool.isHovering::before,
.bem-WireframeField_Field-Bool.isEditing::before {
  border-color: rgba(107, 176, 255, 0.8);
  background: rgba(107, 176, 255, 0.3);
}
.bem-WireframeField_Field-Bool.isHovering::after,
.bem-WireframeField_Field-Bool.isEditing::after {
  color: rgba(107, 176, 255, 0.8);
}
.bem-WireframeField_Field-ImageRef {
  height: 105px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bem-WireframeField_Field_ImageRef {
  height: 40px;
}
.bem-WireframeField_Field_ImageRef i {
  opacity: 0.7;
}
.bem-WireframeField_Field-ImageRef.isHovering .bem-WireframeField_Field_ImageRef i,
.bem-WireframeField_Field-ImageRef.isEditing .bem-WireframeField_Field_ImageRef i {
  opacity: 1;
}
.bem-DummyDataGenerator {
  padding: 20px;
}
.bem-DummyDataGenerator_Buttons {
  margin-top: 15px;
  margin-bottom: 15px;
}
/* BASICS */
.CodeMirror {
  /* Set height, width, borders, and global font properties here */
  font-family: monospace;
  height: 300px;
  color: black;
}
/* PADDING */
.CodeMirror-lines {
  padding: 4px 0;
  /* Vertical padding around content */
}
.CodeMirror pre {
  padding: 0 4px;
  /* Horizontal padding of content */
}
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  background-color: white;
  /* The little square between H and V scrollbars */
}
/* GUTTER */
.CodeMirror-gutters {
  border-right: 1px solid #ddd;
  background-color: #f7f7f7;
  white-space: nowrap;
}
.CodeMirror-linenumber {
  padding: 0 3px 0 5px;
  min-width: 20px;
  text-align: right;
  color: #999;
  white-space: nowrap;
}
.CodeMirror-guttermarker {
  color: black;
}
.CodeMirror-guttermarker-subtle {
  color: #999;
}
/* CURSOR */
.CodeMirror div.CodeMirror-cursor {
  border-left: 1px solid black;
}
/* Shown when moving in bi-directional text */
.CodeMirror div.CodeMirror-secondarycursor {
  border-left: 1px solid silver;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursor {
  width: auto;
  border: 0;
  background: #7e7;
}
.CodeMirror.cm-fat-cursor div.CodeMirror-cursors {
  z-index: 1;
}
.cm-animate-fat-cursor {
  width: auto;
  border: 0;
  -webkit-animation: blink 1.06s steps(1) infinite;
  animation: blink 1.06s steps(1) infinite;
  background-color: #7e7;
}
@-webkit-keyframes blink {
  50% {
    background-color: transparent;
  }
}
@keyframes blink {
  50% {
    background-color: transparent;
  }
}
/* Can style cursor different in overwrite (non-insert) mode */
.cm-tab {
  display: inline-block;
  text-decoration: inherit;
}
.CodeMirror-ruler {
  border-left: 1px solid #ccc;
  position: absolute;
}
/* DEFAULT THEME */
.cm-s-default .cm-header {
  color: blue;
}
.cm-s-default .cm-quote {
  color: #090;
}
.cm-negative {
  color: #d44;
}
.cm-positive {
  color: #292;
}
.cm-header,
.cm-strong {
  font-weight: bold;
}
.cm-em {
  font-style: italic;
}
.cm-link {
  text-decoration: underline;
}
.cm-strikethrough {
  text-decoration: line-through;
}
.cm-s-default .cm-keyword {
  color: #708;
}
.cm-s-default .cm-atom {
  color: #219;
}
.cm-s-default .cm-number {
  color: #164;
}
.cm-s-default .cm-def {
  color: #00f;
}
.cm-s-default .cm-variable-2 {
  color: #05a;
}
.cm-s-default .cm-variable-3 {
  color: #085;
}
.cm-s-default .cm-comment {
  color: #a50;
}
.cm-s-default .cm-string {
  color: #a11;
}
.cm-s-default .cm-string-2 {
  color: #f50;
}
.cm-s-default .cm-meta {
  color: #555;
}
.cm-s-default .cm-qualifier {
  color: #555;
}
.cm-s-default .cm-builtin {
  color: #30a;
}
.cm-s-default .cm-bracket {
  color: #997;
}
.cm-s-default .cm-tag {
  color: #170;
}
.cm-s-default .cm-attribute {
  color: #00c;
}
.cm-s-default .cm-hr {
  color: #999;
}
.cm-s-default .cm-link {
  color: #00c;
}
.cm-s-default .cm-error {
  color: #f00;
}
.cm-invalidchar {
  color: #f00;
}
.CodeMirror-composing {
  border-bottom: 2px solid;
}
/* Default styles for common addons */
div.CodeMirror span.CodeMirror-matchingbracket {
  color: #0f0;
}
div.CodeMirror span.CodeMirror-nonmatchingbracket {
  color: #f22;
}
.CodeMirror-matchingtag {
  background: rgba(255, 150, 0, 0.3);
}
.CodeMirror-activeline-background {
  background: #e8f2ff;
}
/* STOP */
/* The rest of this file contains styles related to the mechanics of
   the editor. You probably shouldn't touch them. */
.CodeMirror {
  position: relative;
  overflow: hidden;
  background: white;
}
.CodeMirror-scroll {
  overflow: scroll !important;
  /* Things will break if this is overridden */
  /* 30px is the magic margin used to hide the element's real scrollbars */
  /* See overflow: hidden in .CodeMirror */
  margin-bottom: -30px;
  margin-right: -30px;
  padding-bottom: 30px;
  height: 100%;
  outline: none;
  /* Prevent dragging from highlighting the element */
  position: relative;
}
.CodeMirror-sizer {
  position: relative;
  border-right: 30px solid transparent;
}
/* The fake, visible scrollbars. Used to force redraw during scrolling
   before actuall scrolling happens, thus preventing shaking and
   flickering artifacts. */
.CodeMirror-vscrollbar,
.CodeMirror-hscrollbar,
.CodeMirror-scrollbar-filler,
.CodeMirror-gutter-filler {
  position: absolute;
  z-index: 6;
  display: none;
}
.CodeMirror-vscrollbar {
  right: 0;
  top: 0;
  overflow-x: hidden;
  overflow-y: scroll;
}
.CodeMirror-hscrollbar {
  bottom: 0;
  left: 0;
  overflow-y: hidden;
  overflow-x: scroll;
}
.CodeMirror-scrollbar-filler {
  right: 0;
  bottom: 0;
}
.CodeMirror-gutter-filler {
  left: 0;
  bottom: 0;
}
.CodeMirror-gutters {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 3;
}
.CodeMirror-gutter {
  white-space: normal;
  height: 100%;
  display: inline-block;
  margin-bottom: -30px;
  /* Hack to make IE7 behave */
  *zoom: 1;
  *display: inline;
}
.CodeMirror-gutter-wrapper {
  position: absolute;
  z-index: 4;
  background: none !important;
  border: none !important;
}
.CodeMirror-gutter-background {
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 4;
}
.CodeMirror-gutter-elt {
  position: absolute;
  cursor: default;
  z-index: 4;
}
.CodeMirror-gutter-wrapper {
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.CodeMirror-lines {
  cursor: text;
  min-height: 1px;
  /* prevents collapsing before first draw */
}
.CodeMirror pre {
  /* Reset some styles that the rest of the page might have set */
  border-radius: 0;
  border-width: 0;
  background: transparent;
  font-family: inherit;
  font-size: inherit;
  margin: 0;
  white-space: pre;
  word-wrap: normal;
  line-height: inherit;
  color: inherit;
  z-index: 2;
  position: relative;
  overflow: visible;
  -webkit-tap-highlight-color: transparent;
}
.CodeMirror-wrap pre {
  word-wrap: break-word;
  white-space: pre-wrap;
  word-break: normal;
}
.CodeMirror-linebackground {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}
.CodeMirror-linewidget {
  position: relative;
  z-index: 2;
  overflow: auto;
}
.CodeMirror-code {
  outline: none;
}
/* Force content-box sizing for the elements where we expect it */
.CodeMirror-scroll,
.CodeMirror-sizer,
.CodeMirror-gutter,
.CodeMirror-gutters,
.CodeMirror-linenumber {
  box-sizing: content-box;
}
.CodeMirror-measure {
  position: absolute;
  width: 100%;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.CodeMirror-measure pre {
  position: static;
}
.CodeMirror div.CodeMirror-cursor {
  position: absolute;
  border-right: none;
  width: 0;
}
div.CodeMirror-cursors {
  visibility: hidden;
  position: relative;
  z-index: 3;
}
.CodeMirror-focused div.CodeMirror-cursors {
  visibility: visible;
}
.CodeMirror-selected {
  background: #d9d9d9;
}
.CodeMirror-focused .CodeMirror-selected {
  background: #d7d4f0;
}
.CodeMirror-crosshair {
  cursor: crosshair;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.CodeMirror-line::selection,
.CodeMirror-line > span::selection,
.CodeMirror-line > span > span::selection {
  background: #d7d4f0;
}
.CodeMirror-line::-moz-selection,
.CodeMirror-line > span::-moz-selection,
.CodeMirror-line > span > span::-moz-selection {
  background: #d7d4f0;
}
.cm-searching {
  background: #ffa;
  background: rgba(255, 255, 0, 0.4);
}
/* IE7 hack to prevent it from returning funny offsetTops on the spans */
.CodeMirror span {
  *vertical-align: text-bottom;
}
/* Used to force a border model for a node */
.cm-force-border {
  padding-right: .1px;
}
@media print {
  /* Hide the cursor when printing */
  .CodeMirror div.CodeMirror-cursors {
    visibility: hidden;
  }
}
/* See issue #2901 */
.cm-tab-wrap-hack:after {
  content: '';
}
/* Help users use markselection to safely style text background */
span.CodeMirror-selectedtext {
  background: none;
}
/*

    Name:       material
    Author:     Michael Kaminsky (http://github.com/mkaminsky11)

    Original material color scheme by Mattia Astorino (https://github.com/equinusocio/material-theme)

*/
.cm-s-webflow-material {
  background: #2b2b2b;
  color: #d9d9d9;
}
.cm-s-webflow-material .CodeMirror-gutters {
  background: #2b2b2b;
  border-right: none;
  border-top-left-radius: 2px;
  border-bottom-left-radius: 2px;
}
.cm-s-webflow-material.CodeMirror-focused .CodeMirror-gutters {
  background: #232323;
}
.cm-s-webflow-material.CodeMirror-focused .CodeMirror-gutter {
  border-right-color: #1a1a1a;
}
.cm-s-webflow-material .CodeMirror-guttermarker,
.cm-s-webflow-material .CodeMirror-guttermarker-subtle,
.cm-s-webflow-material .CodeMirror-linenumber {
  color: #537f7e;
}
.cm-s-webflow-material .CodeMirror-gutter {
  border-right: 1px solid #212121;
}
.cm-s-webflow-material div.CodeMirror-cursor {
  border-left: 1px solid #d6d6d6;
}
.cm-s-webflow-material .CodeMirror-selected {
  background: none;
}
.cm-s-webflow-material.CodeMirror-focused {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
  background: #232323;
  border-radius: 2px;
}
.cm-s-webflow-material.CodeMirror-focused:hover {
  outline: none;
  box-shadow: 0 0 0 1px #3490eb;
}
.cm-s-webflow-material.CodeMirror-focused .CodeMirror-selected {
  background: rgba(59, 121, 195, 0.8);
}
.cm-s-webflow-material .CodeMirror-line::-moz-selection,
.cm-s-webflow-material .CodeMirror-line > span::-moz-selection,
.cm-s-webflow-material .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-webflow-material .CodeMirror-line::selection,
.cm-s-webflow-material .CodeMirror-line > span::selection,
.cm-s-webflow-material .CodeMirror-line > span > span::selection {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-webflow-material .CodeMirror-line::-moz-selection,
.cm-s-webflow-material .CodeMirror-line > span::-moz-selection,
.cm-s-webflow-material .CodeMirror-line > span > span::-moz-selection {
  background: rgba(255, 255, 255, 0.1);
}
.cm-s-webflow-material .CodeMirror-activeline-background {
  background: rgba(0, 0, 0, 0);
}
.cm-s-webflow-material .CodeMirror-linenumber {
  color: #737373;
  text-align: center;
}
.cm-s-webflow-material .cm-keyword {
  color: #c792ea;
}
.cm-s-webflow-material .cm-operator {
  color: #e9eded;
}
.cm-s-webflow-material .cm-variable-2 {
  color: #80CBC4;
}
.cm-s-webflow-material .cm-variable-3 {
  color: #82B1FF;
}
.cm-s-webflow-material .cm-builtin {
  color: #DECB6B;
}
.cm-s-webflow-material .cm-atom {
  color: #F77669;
}
.cm-s-webflow-material .cm-number {
  color: #F77669;
}
.cm-s-webflow-material .cm-def {
  color: #e9eded;
}
.cm-s-webflow-material .cm-string {
  color: #C3E88D;
}
.cm-s-webflow-material .cm-string-2 {
  color: #80CBC4;
}
.cm-s-webflow-material .cm-comment {
  color: #546E7A;
}
.cm-s-webflow-material .cm-variable {
  color: #82B1FF;
}
.cm-s-webflow-material .cm-tag {
  color: #80CBC4;
}
.cm-s-webflow-material .cm-meta {
  color: #80CBC4;
}
.cm-s-webflow-material .cm-attribute {
  color: #FFCB6B;
}
.cm-s-webflow-material .cm-property {
  color: #80CBAE;
}
.cm-s-webflow-material .cm-qualifier {
  color: #DECB6B;
}
.cm-s-webflow-material .cm-variable-3 {
  color: #DECB6B;
}
.cm-s-webflow-material .CodeMirror-matchingbracket {
  text-decoration: underline;
  color: white !important;
}
.cm-s-webflow-material .cm-error {
  color: white;
  background-color: #c92c3f;
}
.part-list-item-hidden {
  display: none;
}